Class ButtonGroupPlugin

packages/amis-editor/src/plugin/ButtonGroup.tsx:14–161

import {generateId} from '../util';

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

  // 组件名称
  name = '按钮组';
  isBaseComponent = true;
  description = '用来展示多个按钮，视觉上会作为一个整体呈现。';
  tags = ['功能'];
  icon = 'fa fa-object-group';
  pluginIcon = 'btn-group-plugin';
  docLink = '/amis/zh-CN/components/button-group';
  scaffold = {
    type: 'button-group',
    buttons: [
      {
        type: 'button',
        label: '按钮1',
        id: generateId(),
        ...BUTTON_DEFAULT_ACTION
      },

      {
        type: 'button',
        label: '按钮2',
        id: generateId(),
        ...BUTTON_DEFAULT_ACTION
      }
    ]
  };
  previewSchema = {
    ...this.scaffold
  };

  panelTitle = '按钮组';

  panelJustify = true;
  panelBodyCreator = (context: BaseEventContext) => {
    return getSchemaTpl('tabs', [
      {
        title: '属性',
        body: getSchemaTpl('collapseGroup', [
          {
            title: '基本',
            body: [
              getSchemaTpl('layout:originPosition', {value: 'left-top'}),
              {
                type: 'button-group-select',
                name: 'vertical',
                label: '布局方向',
                options: [
                  {
                    label: '水平',
                    value: false
                  },