Class ButtonPlugin

packages/amis-editor/src/plugin/Button.tsx:19–449

import {InlineEditableElement} from 'amis-editor-core';

export class ButtonPlugin extends BasePlugin {
  static id = 'ButtonPlugin';
  static scene = ['layout'];
  // 关联渲染器名字
  rendererName = 'button';
  $schema = '/schemas/ActionSchema.json';

  order = -400;

  // 组件名称
  name = '按钮';
  isBaseComponent = true;
  description =
    '用来展示一个按钮，你可以配置不同的展示样式，配置不同的点击行为。';
  docLink = '/amis/zh-CN/components/button';
  tags = ['功能'];
  icon = 'fa fa-square';
  pluginIcon = 'button-plugin';
  scaffold: SchemaObject = {
    type: 'button',
    label: '按钮',
    ...BUTTON_DEFAULT_ACTION
  };
  previewSchema: any = {
    type: 'button',
    label: '按钮'
  };

  panelTitle = '按钮';

  // 事件定义
  events: RendererPluginEvent[] = [
    {
      eventName: 'click',
      eventLabel: '点击',
      description: '点击时触发',
      defaultShow: true,
      dataSchema: [
        {
          type: 'object',
          properties: {
            context: {
              type: 'object',
              title: '上下文',
              properties: {
                nativeEvent: {
                  type: 'object',
                  title: '鼠标事件对象'
                }
              }
            }
          }
        }
      ]
    },
    {
      eventName: 'mouseenter',
      eventLabel: '鼠标移入',