amis-editor 5.2.5 → 5.3.0

package/lib/plugin/Form/Formula.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BasePlugin } from 'amis-editor-core';
 export declare class FormulaControlPlugin extends BasePlugin {
     rendererName: string;
@@ -18,13 +17,5 @@ export declare class FormulaControlPlugin extends BasePlugin {
     previewSchema: any;
     panelTitle: string;
     panelBody: any[];
-    renderRenderer(props: any): import("react").DetailedReactHTMLElement<{
-        key: any;
-        className: string;
-        style: any;
-        children: import("react").DetailedReactHTMLElement<{
-            className: string;
-            children: string;
-        }, HTMLElement>;
-    }, HTMLElement>;
+    renderRenderer(props: any): any;
 }

package/lib/plugin/Form/Formula.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.39
+ * amis-editor v5.3.0
  * Copyright 2018-2023 @fex
  */
 
@@ -16,138 +16,63 @@ var FormulaControlPlugin = /** @class */function (_super) {
   function FormulaControlPlugin() {
     var _this = _super !== null && _super.apply(this, arguments) || this;
     // 关联渲染器名字
-    Object.defineProperty(_this, "rendererName", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: 'formula'
-    });
-    Object.defineProperty(_this, "$schema", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: '/schemas/FormulaControlSchema.json'
-    });
+    _this.rendererName = 'formula';
+    _this.$schema = '/schemas/FormulaControlSchema.json';
     // 组件名称
-    Object.defineProperty(_this, "name", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: i18nRuntime.i18n("eb332076d766c2e817285f0a6d4860b9")
-    });
-    Object.defineProperty(_this, "isBaseComponent", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: true
-    });
-    Object.defineProperty(_this, "disabledRendererPlugin", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: true
-    });
-    Object.defineProperty(_this, "icon", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: 'fa fa-calculator'
-    });
-    Object.defineProperty(_this, "pluginIcon", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: 'formula-plugin'
-    });
-    Object.defineProperty(_this, "description", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: i18nRuntime.i18n("000cf7353ce03857c671e89c91b35464")
-    });
-    Object.defineProperty(_this, "docLink", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: '/amis/zh-CN/components/form/formula'
-    });
-    Object.defineProperty(_this, "tags", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: [i18nRuntime.i18n("55b45c73ae417c4dead67905b1550e85")]
-    });
-    Object.defineProperty(_this, "scaffold", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: {
-        type: 'formula',
-        name: 'formula'
-      }
-    });
-    Object.defineProperty(_this, "previewSchema", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: {
-        type: 'tpl',
-        tpl: i18nRuntime.i18n("9da7578f9329ccaee1bbdf6a766744fd")
-      }
-    });
-    Object.defineProperty(_this, "panelTitle", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: i18nRuntime.i18n("eb332076d766c2e817285f0a6d4860b9")
-    });
-    Object.defineProperty(_this, "panelBody", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: [amisEditorCore.getSchemaTpl('layout:originPosition', {
-        value: 'left-top'
-      }), {
-        label: i18nRuntime.i18n("d314558953b3c76adb7e131aaec8bd86"),
-        name: 'name',
-        type: 'input-text',
-        description: i18nRuntime.i18n("77562ec3db28683ec71612a11e6b39ef")
-      }, {
-        type: 'input-text',
-        name: 'value',
-        label: i18nRuntime.i18n("225f3ed00750ae78ad1e6ea42c8f5087")
-      }, {
-        type: 'input-text',
-        name: 'formula',
-        label: i18nRuntime.i18n("eb332076d766c2e817285f0a6d4860b9"),
-        description: i18nRuntime.i18n("c80c42a0be1b39ed899b1f5560875cf8")
-      }, {
-        type: 'input-text',
-        name: 'condition',
-        label: i18nRuntime.i18n("89a8549c2ed7fc23a683599731d92b22"),
-        description: i18nRuntime.i18n("8add6799ceff24eb041c5a6a92bb1694")
-      }, amisEditorCore.getSchemaTpl('switch', {
-        name: 'initSet',
-        label: i18nRuntime.i18n("3df193f5d4f652a4bac331a69761041b"),
-        description: i18nRuntime.i18n("86cebf86c66c6a4e6731b840c3967ab0"),
-        pipeIn: amisEditorCore.defaultValue(true)
-      }), amisEditorCore.getSchemaTpl('switch', {
-        name: 'autoSet',
-        label: i18nRuntime.i18n("aaff9b44fa3c84058d6bec9888b7b39f"),
-        description: i18nRuntime.i18n("677568b4f6505bdd63387137bfcbf35a"),
-        pipeIn: amisEditorCore.defaultValue(true)
-      })]
-    });
+    _this.name = i18nRuntime.i18n("eb332076d766c2e817285f0a6d4860b9");
+    _this.isBaseComponent = true;
+    _this.disabledRendererPlugin = true;
+    _this.icon = 'fa fa-calculator';
+    _this.pluginIcon = 'formula-plugin';
+    _this.description = i18nRuntime.i18n("000cf7353ce03857c671e89c91b35464");
+    _this.docLink = '/amis/zh-CN/components/form/formula';
+    _this.tags = [i18nRuntime.i18n("55b45c73ae417c4dead67905b1550e85")];
+    _this.scaffold = {
+      type: 'formula',
+      name: 'formula'
+    };
+    _this.previewSchema = {
+      type: 'tpl',
+      tpl: i18nRuntime.i18n("9da7578f9329ccaee1bbdf6a766744fd")
+    };
+    _this.panelTitle = i18nRuntime.i18n("eb332076d766c2e817285f0a6d4860b9");
+    _this.panelBody = [amisEditorCore.getSchemaTpl('layout:originPosition', {
+      value: 'left-top'
+    }), {
+      label: i18nRuntime.i18n("d314558953b3c76adb7e131aaec8bd86"),
+      name: 'name',
+      type: 'input-text',
+      description: i18nRuntime.i18n("77562ec3db28683ec71612a11e6b39ef")
+    }, {
+      type: 'input-text',
+      name: 'value',
+      label: i18nRuntime.i18n("225f3ed00750ae78ad1e6ea42c8f5087")
+    }, {
+      type: 'input-text',
+      name: 'formula',
+      label: i18nRuntime.i18n("eb332076d766c2e817285f0a6d4860b9"),
+      description: i18nRuntime.i18n("c80c42a0be1b39ed899b1f5560875cf8")
+    }, {
+      type: 'input-text',
+      name: 'condition',
+      label: i18nRuntime.i18n("89a8549c2ed7fc23a683599731d92b22"),
+      description: i18nRuntime.i18n("8add6799ceff24eb041c5a6a92bb1694")
+    }, amisEditorCore.getSchemaTpl('switch', {
+      name: 'initSet',
+      label: i18nRuntime.i18n("3df193f5d4f652a4bac331a69761041b"),
+      description: i18nRuntime.i18n("86cebf86c66c6a4e6731b840c3967ab0"),
+      pipeIn: amisEditorCore.defaultValue(true)
+    }), amisEditorCore.getSchemaTpl('switch', {
+      name: 'autoSet',
+      label: i18nRuntime.i18n("aaff9b44fa3c84058d6bec9888b7b39f"),
+      description: i18nRuntime.i18n("677568b4f6505bdd63387137bfcbf35a"),
+      pipeIn: amisEditorCore.defaultValue(true)
+    })];
     return _this;
   }
-  Object.defineProperty(FormulaControlPlugin.prototype, "renderRenderer", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (props) {
-      return this.renderPlaceholder(i18nRuntime.i18n("222c7bc60f06552b019d71bce57013ed"), props.key, props.style);
-    }
-  });
+  FormulaControlPlugin.prototype.renderRenderer = function (props) {
+    return this.renderPlaceholder(i18nRuntime.i18n("222c7bc60f06552b019d71bce57013ed"), props.key, props.style);
+  };
   return FormulaControlPlugin;
 }(amisEditorCore.BasePlugin);
 amisEditorCore.registerEditorPlugin(FormulaControlPlugin);

package/lib/plugin/Form/Group.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.39
+ * amis-editor v5.3.0
  * Copyright 2018-2023 @fex
  */
 
@@ -22,272 +22,192 @@ var GroupControlPlugin = /** @class */function (_super) {
   function GroupControlPlugin() {
     var _this = _super !== null && _super.apply(this, arguments) || this;
     // 关联渲染器名字
-    Object.defineProperty(_this, "rendererName", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: 'group'
-    });
-    Object.defineProperty(_this, "$schema", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: '/schemas/GroupControlSchema.json'
-    });
-    Object.defineProperty(_this, "disabledRendererPlugin", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: true
-    }); // 组件面板不显示
+    _this.rendererName = 'group';
+    _this.$schema = '/schemas/GroupControlSchema.json';
+    _this.disabledRendererPlugin = true; // 组件面板不显示
     // 组件名称
-    Object.defineProperty(_this, "name", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: i18nRuntime.i18n("bb09a378529edac439abc2edf05c10d7")
-    });
-    Object.defineProperty(_this, "isBaseComponent", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: true
-    });
-    Object.defineProperty(_this, "icon", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: 'fa fa-id-card-o'
-    });
-    Object.defineProperty(_this, "pluginIcon", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: 'form-group-plugin'
-    });
-    Object.defineProperty(_this, "description", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: i18nRuntime.i18n("39d36f049a794eb8df305b5ca7710c36")
-    });
-    Object.defineProperty(_this, "docLink", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: '/amis/zh-CN/components/form/group'
-    });
-    Object.defineProperty(_this, "tags", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: [i18nRuntime.i18n("55b45c73ae417c4dead67905b1550e85")]
-    });
-    Object.defineProperty(_this, "scaffold", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: {
-        type: 'group',
-        body: [{
-          type: 'input-text',
-          label: i18nRuntime.i18n("97d07614380da93d257f9fbf81aa56fb"),
-          name: 'var1'
-        }, {
-          type: 'input-text',
-          label: i18nRuntime.i18n("97d07614380da93d257f9fbf81aa56fb"),
-          name: 'var2'
-        }],
-        label: false
-      }
-    });
-    Object.defineProperty(_this, "previewSchema", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: {
-        type: 'form',
-        className: 'text-left',
-        wrapWithPanel: false,
-        mode: 'horizontal',
-        body: [tslib.__assign(tslib.__assign({}, _this.scaffold), {
-          mode: 'normal'
-        })]
-      }
-    });
+    _this.name = i18nRuntime.i18n("bb09a378529edac439abc2edf05c10d7");
+    _this.isBaseComponent = true;
+    _this.icon = 'fa fa-id-card-o';
+    _this.pluginIcon = 'form-group-plugin';
+    _this.description = i18nRuntime.i18n("39d36f049a794eb8df305b5ca7710c36");
+    _this.docLink = '/amis/zh-CN/components/form/group';
+    _this.tags = [i18nRuntime.i18n("55b45c73ae417c4dead67905b1550e85")];
+    _this.scaffold = {
+      type: 'group',
+      body: [{
+        type: 'input-text',
+        label: i18nRuntime.i18n("97d07614380da93d257f9fbf81aa56fb"),
+        name: 'var1'
+      }, {
+        type: 'input-text',
+        label: i18nRuntime.i18n("97d07614380da93d257f9fbf81aa56fb"),
+        name: 'var2'
+      }],
+      label: false
+    };
+    _this.previewSchema = {
+      type: 'form',
+      className: 'text-left',
+      wrapWithPanel: false,
+      mode: 'horizontal',
+      body: [tslib.__assign(tslib.__assign({}, _this.scaffold), {
+        mode: 'normal'
+      })]
+    };
     // 容器配置
-    Object.defineProperty(_this, "regions", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: [{
-        key: 'body',
-        label: i18nRuntime.i18n("32f6f7f8164c7f78e4b46eb50c158ab9"),
-        renderMethod: 'renderInput',
-        preferTag: i18nRuntime.i18n("55b45c73ae417c4dead67905b1550e85"),
-        wrapperResolve: function (dom) {
-          return dom;
+    _this.regions = [{
+      key: 'body',
+      label: i18nRuntime.i18n("32f6f7f8164c7f78e4b46eb50c158ab9"),
+      renderMethod: 'renderInput',
+      preferTag: i18nRuntime.i18n("55b45c73ae417c4dead67905b1550e85"),
+      wrapperResolve: function (dom) {
+        return dom;
+      }
+    }];
+    _this.panelTitle = i18nRuntime.i18n("bb09a378529edac439abc2edf05c10d7");
+    _this.panelBody = [amisEditorCore.getSchemaTpl('tabs', [{
+      title: i18nRuntime.i18n("22b777e6fcb613b8ba83ced9594cd07e"),
+      body: [amisEditorCore.getSchemaTpl('layout:originPosition', {
+        value: 'left-top'
+      }), amisEditorCore.getSchemaTpl('label'), amisEditorCore.getSchemaTpl('description', {
+        visible: 'this.label'
+      }), {
+        children: React__default["default"].createElement(amis.Button, {
+          className: "m-b",
+          onClick: function () {
+            // this.manager.showInsertPanel('body')
+            _this.manager.showRendererPanel(i18nRuntime.i18n("55b45c73ae417c4dead67905b1550e85"), i18nRuntime.i18n("400fbff5e744d3b7317dd130eaad723e"));
+          },
+          level: "danger",
+          tooltip: "\u63D2\u5165\u4E00\u4E2A\u65B0\u7684\u5143\u7D20",
+          size: "sm",
+          block: true
+        }, "\u65B0\u589E\u5143\u7D20")
+      }, amisEditorCore.getSchemaTpl('remark'), amisEditorCore.getSchemaTpl('labelRemark')]
+    }, {
+      title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+      body: [amisEditorCore.getSchemaTpl('formItemMode'), amisEditorCore.getSchemaTpl('horizontalMode'), amisEditorCore.getSchemaTpl('horizontal', {
+        visibleOn: '(data.$$formMode == "horizontal" || data.mode == "horizontal") && data.label !== false && data.horizontal',
+        pipeIn: function (value, data) {
+          value = value || data.formHorizontal && amisEditorCore.makeHorizontalDeeper(data.formHorizontal, data.body.length);
+          return {
+            leftRate: value && typeof value.left === 'number' ? value.left : value && /\bcol\-(?:xs|sm|md|lg)\-(\d+)\b/.test(value.left) ? parseInt(RegExp.$1, 10) : 2,
+            leftFixed: value && value.leftFixed || ''
+          };
         }
-      }]
-    });
-    Object.defineProperty(_this, "panelTitle", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: i18nRuntime.i18n("bb09a378529edac439abc2edf05c10d7")
-    });
-    Object.defineProperty(_this, "panelBody", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: [amisEditorCore.getSchemaTpl('tabs', [{
-        title: i18nRuntime.i18n("22b777e6fcb613b8ba83ced9594cd07e"),
-        body: [amisEditorCore.getSchemaTpl('layout:originPosition', {
-          value: 'left-top'
-        }), amisEditorCore.getSchemaTpl('label'), amisEditorCore.getSchemaTpl('description', {
-          visible: 'this.label'
-        }), {
-          children: React__default["default"].createElement(amis.Button, {
-            className: "m-b",
-            onClick: function () {
-              // this.manager.showInsertPanel('body')
-              _this.manager.showRendererPanel(i18nRuntime.i18n("55b45c73ae417c4dead67905b1550e85"), i18nRuntime.i18n("400fbff5e744d3b7317dd130eaad723e"));
-            },
-            level: "danger",
-            tooltip: "\u63D2\u5165\u4E00\u4E2A\u65B0\u7684\u5143\u7D20",
-            size: "sm",
-            block: true
-          }, "\u65B0\u589E\u5143\u7D20")
-        }, amisEditorCore.getSchemaTpl('remark'), amisEditorCore.getSchemaTpl('labelRemark')]
-      }, {
-        title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
-        body: [amisEditorCore.getSchemaTpl('formItemMode'), amisEditorCore.getSchemaTpl('horizontalMode'), amisEditorCore.getSchemaTpl('horizontal', {
-          visibleOn: '(data.$$formMode == "horizontal" || data.mode == "horizontal") && data.label !== false && data.horizontal',
-          pipeIn: function (value, data) {
-            value = value || data.formHorizontal && amisEditorCore.makeHorizontalDeeper(data.formHorizontal, data.body.length);
-            return {
-              leftRate: value && typeof value.left === 'number' ? value.left : value && /\bcol\-(?:xs|sm|md|lg)\-(\d+)\b/.test(value.left) ? parseInt(RegExp.$1, 10) : 2,
-              leftFixed: value && value.leftFixed || ''
-            };
-          }
-        }), amisEditorCore.getSchemaTpl('subFormItemMode'), amisEditorCore.getSchemaTpl('subFormHorizontalMode'), amisEditorCore.getSchemaTpl('subFormHorizontal'), {
-          name: 'body',
-          type: 'combo',
-          label: i18nRuntime.i18n("bd1aded1c983ab7fcf3990f0dc31047c"),
-          multiple: true,
-          removable: false,
-          addable: false,
-          multiLine: true,
-          visibleOn: 'data.$$formMode != "inline"',
-          items: [{
-            type: 'button-group-select',
-            name: 'columnRatio',
-            label: i18nRuntime.i18n("a170a375b264f7fe0c02a7ca8c268784"),
-            tiled: true,
-            pipeIn: function (value, data) {
-              if (typeof value === 'number') {
-                return 'custom';
-              } else if (data.columnClassName && /\bcol\-(?:xs|sm|md|lg)\-(\d+)\b/.test(data.columnClassName)) {
-                return 'custom';
-              }
-              return value || '';
-            },
-            pipeOut: function (value) {
-              return value === 'custom' ? 2 : value;
-            },
-            options: [{
-              value: '',
-              label: i18nRuntime.i18n("daa0f354e189c0da577ea25be13f874d")
-            }, {
-              value: 'auto',
-              label: i18nRuntime.i18n("4db804afe5c99f7ca4fe988ada35c77f")
-            }, {
-              value: 'custom',
-              label: i18nRuntime.i18n("f1d4ff50f3828f9b73412e7d94e6dd6e")
-            }]
-          }, {
-            label: i18nRuntime.i18n("d5d885add2551454955bd70411769c88"),
-            type: 'input-range',
-            name: 'columnRatio',
-            visibleOn: 'typeof this.columnRatio === "number" || this.columnClassName && /\\bcol\\-(?:xs|sm|md|lg)\\-(\\d+)\\b/.test(this.columnClassName)',
-            pipeIn: function (value, data) {
-              if (typeof value === 'number') {
-                return value;
-              }
-              if (!data.columnClassName || !/\bcol\-(?:xs|sm|md|lg)\-(\d+)\b/.test(data.columnClassName)) {
-                return 2;
-              }
-              return parseInt(RegExp.$1, 10) || 2;
-            },
-            min: 1,
-            max: 12,
-            step: 1
-          }]
-        }, {
+      }), amisEditorCore.getSchemaTpl('subFormItemMode'), amisEditorCore.getSchemaTpl('subFormHorizontalMode'), amisEditorCore.getSchemaTpl('subFormHorizontal'), {
+        name: 'body',
+        type: 'combo',
+        label: i18nRuntime.i18n("bd1aded1c983ab7fcf3990f0dc31047c"),
+        multiple: true,
+        removable: false,
+        addable: false,
+        multiLine: true,
+        visibleOn: 'data.$$formMode != "inline"',
+        items: [{
           type: 'button-group-select',
-          name: 'gap',
-          label: i18nRuntime.i18n("ff7e66f1feaaed3260b6e8ef432efc79"),
-          pipeIn: amisEditorCore.defaultValue(''),
-          size: 'sm',
+          name: 'columnRatio',
+          label: i18nRuntime.i18n("a170a375b264f7fe0c02a7ca8c268784"),
           tiled: true,
-          clearable: true,
+          pipeIn: function (value, data) {
+            if (typeof value === 'number') {
+              return 'custom';
+            } else if (data.columnClassName && /\bcol\-(?:xs|sm|md|lg)\-(\d+)\b/.test(data.columnClassName)) {
+              return 'custom';
+            }
+            return value || '';
+          },
+          pipeOut: function (value) {
+            return value === 'custom' ? 2 : value;
+          },
           options: [{
-            value: 'xs',
-            label: i18nRuntime.i18n("23ecf42cada8bf2715792d718544d107")
-          }, {
-            value: 'sm',
-            label: i18nRuntime.i18n("391b8fa9c747a1799353ab856e666ad5")
+            value: '',
+            label: i18nRuntime.i18n("daa0f354e189c0da577ea25be13f874d")
           }, {
-            value: 'md',
-            label: i18nRuntime.i18n("aed1dfbc31703955e64806b799b67645")
+            value: 'auto',
+            label: i18nRuntime.i18n("4db804afe5c99f7ca4fe988ada35c77f")
           }, {
-            value: 'lg',
-            label: i18nRuntime.i18n("ab18e30c0dc4093ceeda8961fac3d1f4")
-          }]
-        }, amisEditorCore.getSchemaTpl('className'), {
-          name: 'body',
-          type: 'combo',
-          label: i18nRuntime.i18n("1b3408880b73544a3fad501dafbb71e6"),
-          multiple: true,
-          removable: false,
-          addable: false,
-          items: [{
-            type: 'input-text',
-            name: 'columnClassName'
+            value: 'custom',
+            label: i18nRuntime.i18n("f1d4ff50f3828f9b73412e7d94e6dd6e")
           }]
+        }, {
+          label: i18nRuntime.i18n("d5d885add2551454955bd70411769c88"),
+          type: 'input-range',
+          name: 'columnRatio',
+          visibleOn: 'typeof this.columnRatio === "number" || this.columnClassName && /\\bcol\\-(?:xs|sm|md|lg)\\-(\\d+)\\b/.test(this.columnClassName)',
+          pipeIn: function (value, data) {
+            if (typeof value === 'number') {
+              return value;
+            }
+            if (!data.columnClassName || !/\bcol\-(?:xs|sm|md|lg)\-(\d+)\b/.test(data.columnClassName)) {
+              return 2;
+            }
+            return parseInt(RegExp.$1, 10) || 2;
+          },
+          min: 1,
+          max: 12,
+          step: 1
         }]
       }, {
-        title: i18nRuntime.i18n("33bf801796fd255b5f6147e33146669b"),
-        body: [amisEditorCore.getSchemaTpl('ref'), amisEditorCore.getSchemaTpl('visible')]
-      }])]
-    });
+        type: 'button-group-select',
+        name: 'gap',
+        label: i18nRuntime.i18n("ff7e66f1feaaed3260b6e8ef432efc79"),
+        pipeIn: amisEditorCore.defaultValue(''),
+        size: 'sm',
+        tiled: true,
+        clearable: true,
+        options: [{
+          value: 'xs',
+          label: i18nRuntime.i18n("23ecf42cada8bf2715792d718544d107")
+        }, {
+          value: 'sm',
+          label: i18nRuntime.i18n("391b8fa9c747a1799353ab856e666ad5")
+        }, {
+          value: 'md',
+          label: i18nRuntime.i18n("aed1dfbc31703955e64806b799b67645")
+        }, {
+          value: 'lg',
+          label: i18nRuntime.i18n("ab18e30c0dc4093ceeda8961fac3d1f4")
+        }]
+      }, amisEditorCore.getSchemaTpl('className'), {
+        name: 'body',
+        type: 'combo',
+        label: i18nRuntime.i18n("1b3408880b73544a3fad501dafbb71e6"),
+        multiple: true,
+        removable: false,
+        addable: false,
+        items: [{
+          type: 'input-text',
+          name: 'columnClassName'
+        }]
+      }]
+    }, {
+      title: i18nRuntime.i18n("33bf801796fd255b5f6147e33146669b"),
+      body: [amisEditorCore.getSchemaTpl('ref'), amisEditorCore.getSchemaTpl('visible')]
+    }])];
     return _this;
   }
-  Object.defineProperty(GroupControlPlugin.prototype, "buildEditorContextMenu", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (_a, menus) {
-      var _this = this;
-      var id = _a.id,
-        schema = _a.schema;
-        _a.region;
-        var selections = _a.selections,
-        info = _a.info;
-      if (selections.length || info.plugin !== this || !Array.isArray(schema.body) || schema.body.length < 2) {
-        return;
-      }
-      menus.push({
-        label: i18nRuntime.i18n("551481accddd97e18d7152f511fb8987"),
-        onSelect: function () {
-          var store = _this.manager.store;
-          var rootSchema = store.schema;
-          rootSchema = amisEditorCore.JSONUpdate(rootSchema, id, amisEditorCore.JSONPipeIn(schema.body), true);
-          store.traceableSetSchema(rootSchema);
-        }
-      });
+  GroupControlPlugin.prototype.buildEditorContextMenu = function (_a, menus) {
+    var _this = this;
+    var id = _a.id,
+      schema = _a.schema;
+      _a.region;
+      var selections = _a.selections,
+      info = _a.info;
+    if (selections.length || info.plugin !== this || !Array.isArray(schema.body) || schema.body.length < 2) {
+      return;
     }
-  });
+    menus.push({
+      label: i18nRuntime.i18n("551481accddd97e18d7152f511fb8987"),
+      onSelect: function () {
+        var store = _this.manager.store;
+        var rootSchema = store.schema;
+        rootSchema = amisEditorCore.JSONUpdate(rootSchema, id, amisEditorCore.JSONPipeIn(schema.body), true);
+        store.traceableSetSchema(rootSchema);
+      }
+    });
+  };
   return GroupControlPlugin;
 }(amisEditorCore.BasePlugin);
 amisEditorCore.registerEditorPlugin(GroupControlPlugin);