amis-editor 5.4.1 → 5.6.0-beta.0

package/esm/plugin/Chart.d.ts

@@ -1,5 +1,6 @@
 import { BasePlugin, RendererPluginAction, RendererPluginEvent } from 'amis-editor-core';
 export declare class ChartPlugin extends BasePlugin {
+    static id: string;
     rendererName: string;
     $schema: string;
     name: string;
@@ -23,6 +24,7 @@ export declare class ChartPlugin extends BasePlugin {
                 data: number[];
                 type: string;
             }[];
+            backgroundColor: string;
         };
         replaceChartOption: boolean;
     };
@@ -40,12 +42,14 @@ export declare class ChartPlugin extends BasePlugin {
                 data: number[];
                 type: string;
             }[];
+            backgroundColor: string;
         };
         replaceChartOption: boolean;
     };
     events: RendererPluginEvent[];
     actions: RendererPluginAction[];
     panelTitle: string;
+    panelJustify: boolean;
     panelBodyCreator: (context: BaseEventContext) => any[];
     editDrillDown(id: string): void;
 }

package/esm/plugin/Chart.js

@@ -1,12 +1,12 @@
 /**
- * amis-editor v5.4.0
+ * amis-editor v5.6.0-beta.0
  * Copyright 2018-2023 @fex
  */
 
-import { __extends, __assign } from 'tslib';
+import { __extends, __assign, __spreadArray, __read } from 'tslib';
 import { Button } from 'amis';
 import React__default from 'react';
-import { getSchemaTpl, defaultValue, diff, BasePlugin, registerEditorPlugin, CodeEditor } from 'amis-editor-core';
+import { getSchemaTpl, tipedLabel, defaultValue, diff, BasePlugin, registerEditorPlugin, CodeEditor } from 'amis-editor-core';
 import { getEventControlConfig } from '../renderer/event-control/helper.js';
 import { i18n } from 'i18n-runtime';
 
@@ -23,48 +23,68 @@ var ChartConfigEditor = function (_a) {
 var DEFAULT_EVENT_PARAMS = [{
   type: 'object',
   properties: {
-    'event.data.componentType': {
-      type: 'string',
-      title: 'componentType'
-    },
-    'event.data.seriesType': {
-      type: 'string',
-      title: 'seriesType'
-    },
-    'event.data.seriesIndex': {
-      type: 'number',
-      title: 'seriesIndex'
-    },
-    'event.data.seriesName': {
-      type: 'string',
-      title: 'seriesName'
-    },
-    'event.data.name': {
-      type: 'string',
-      title: 'name'
-    },
-    'event.data.dataIndex': {
-      type: 'number',
-      title: 'dataIndex'
-    },
-    'event.data.data': {
+    data: {
       type: 'object',
-      title: 'data'
-    },
-    'event.data.dataType': {
-      type: 'string',
-      title: 'dataType'
-    },
-    'event.data.value': {
-      type: 'number',
-      title: 'value'
-    },
-    'event.data.color': {
-      type: 'string',
-      title: 'color'
+      title: i18n("0d83078816aa273f2941c9b55ec82bf3"),
+      properties: {
+        componentType: {
+          type: 'string',
+          title: 'componentType'
+        },
+        seriesType: {
+          type: 'string',
+          title: 'seriesType'
+        },
+        seriesIndex: {
+          type: 'number',
+          title: 'seriesIndex'
+        },
+        seriesName: {
+          type: 'string',
+          title: 'seriesName'
+        },
+        name: {
+          type: 'string',
+          title: 'name'
+        },
+        dataIndex: {
+          type: 'number',
+          title: 'dataIndex'
+        },
+        data: {
+          type: 'object',
+          title: 'data'
+        },
+        dataType: {
+          type: 'string',
+          title: 'dataType'
+        },
+        value: {
+          type: 'number',
+          title: 'value'
+        },
+        color: {
+          type: 'string',
+          title: 'color'
+        }
+      }
     }
   }
 }];
+var chartDefaultConfig = {
+  xAxis: {
+    type: 'category',
+    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+  },
+  yAxis: {
+    type: 'value'
+  },
+  series: [{
+    data: [820, 932, 901, 934, 1290, 1330, 1320],
+    type: 'line'
+  }],
+  backgroundColor: 'transparent'
+};
 var ChartPlugin = /** @class */function (_super) {
   __extends(ChartPlugin, _super);
   function ChartPlugin() {
@@ -82,19 +102,7 @@ var ChartPlugin = /** @class */function (_super) {
     _this.pluginIcon = 'chart-plugin';
     _this.scaffold = {
       type: 'chart',
-      config: {
-        xAxis: {
-          type: 'category',
-          data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
-        },
-        yAxis: {
-          type: 'value'
-        },
-        series: [{
-          data: [820, 932, 901, 934, 1290, 1330, 1320],
-          type: 'line'
-        }]
-      },
+      config: chartDefaultConfig,
       replaceChartOption: true
     };
     _this.previewSchema = __assign({}, _this.scaffold);
@@ -106,9 +114,10 @@ var ChartPlugin = /** @class */function (_super) {
       dataSchema: [{
         type: 'object',
         properties: {
-          'event.data': {
+          data: {
             type: 'object',
-            title: i18n("584e4b6108e132be92c9de09d7bbed72")
+            title: i18n("0d83078816aa273f2941c9b55ec82bf3"),
+            description: i18n("85f1708454f409855d552f702ac27b19")
           }
         }
       }]
@@ -129,13 +138,19 @@ var ChartPlugin = /** @class */function (_super) {
       dataSchema: [{
         type: 'object',
         properties: {
-          'event.data.name': {
-            type: 'string',
-            title: 'name'
-          },
-          'event.data.selected': {
+          data: {
             type: 'object',
-            title: 'selected'
+            title: i18n("0d83078816aa273f2941c9b55ec82bf3"),
+            properties: {
+              name: {
+                type: 'string',
+                title: 'name'
+              },
+              selected: {
+                type: 'object',
+                title: 'selected'
+              }
+            }
           }
         }
       }]
@@ -154,88 +169,130 @@ var ChartPlugin = /** @class */function (_super) {
     ];
 
     _this.panelTitle = i18n("d09504750ebc1d75c38d86e16060f83d");
+    _this.panelJustify = true;
     _this.panelBodyCreator = function (context) {
       return [getSchemaTpl('tabs', [{
-        title: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
-        body: [getSchemaTpl('layout:originPosition', {
-          value: 'left-top'
-        }), getSchemaTpl('api', {
-          label: i18n("3d6abfdea70af544603da70f93ed3d24"),
-          description: i18n("03677b68a73eb59e5faf281f49f3c130")
-        }), getSchemaTpl('switch', {
-          label: i18n("1396ebc166bd49c1e3b67549a1b4caa0"),
-          name: 'initFetch',
-          visibleOn: 'data.api',
-          pipeIn: defaultValue(true)
-        }), {
-          name: 'interval',
-          label: i18n("2af32ab13a9dece315cec2764d6aa7d4"),
-          type: 'input-number',
-          step: 500,
-          visibleOn: 'data.api',
-          description: i18n("bc827aaffaa35a95607346cc104c0785")
-        }, {
-          name: 'config',
-          asFormItem: true,
-          component: ChartConfigEditor,
-          // type: 'json-editor',
-          label: i18n("57c7d1125d2803b946a5b25c3f80f249"),
-          description: i18n("3d3fa75d8b345b22a5fbd14a65a0af71")
-          // size: 'lg'
-          // pipeOut: (value: any) => {
-          //   try {
-          //     return value ? JSON.parse(value) : null;
-          //   } catch (e) {}
-          //   return null;
-          // }
+        title: i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: [getSchemaTpl('collapseGroup', [{
+          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [getSchemaTpl('layout:originPosition', {
+            value: 'left-top'
+          }), getSchemaTpl('name')]
         }, {
-          name: 'clickAction',
-          asFormItem: true,
-          children: function (_a) {
-            var onChange = _a.onChange,
-              value = _a.value;
-            return React__default.createElement("div", {
-              className: "m-b"
-            }, React__default.createElement(Button, {
-              size: "sm",
-              level: value ? 'danger' : 'info',
-              onClick: _this.editDrillDown.bind(_this, context.id)
-            }, "\u914D\u7F6E DrillDown"), value ? React__default.createElement(Button, {
-              size: "sm",
-              level: "link",
-              className: "m-l",
-              onClick: function () {
-                return onChange('');
+          title: i18n("e7af71fb102cc86ab3be6a2fb32b5e3f"),
+          body: [
+          /*
+          {
+            type: 'select',
+            name: 'chartDataType',
+            label: '数据获取方式',
+            value: 'json',
+            onChange(value: any, oldValue: any, model: any, form: any) {
+              if (value === 'json') {
+                form.setValueByName('api', undefined);
+                form.setValueByName('config', chartDefaultConfig);
+              } else {
+                form.setValueByName('config', undefined);
               }
-            }, "\u5220\u9664 DrillDown") : null);
-          }
+            },
+            options: [
+              {
+                label: '接口数据',
+                value: 'dataApi'
+              },
+              {
+                label: '静态JSON数据',
+                value: 'json'
+              }
+            ]
+          },
+          */
+          getSchemaTpl('apiControl', {
+            label: tipedLabel(i18n("31f8a7a967286a16eb404e3ba237619e"), i18n("eabda74dd2ac5b4e6eab9229e0e63f79")),
+            mode: 'normal'
+            // visibleOn: 'chartDataType === "dataApi"'
+          }), getSchemaTpl('switch', {
+            label: i18n("1396ebc166bd49c1e3b67549a1b4caa0"),
+            name: 'initFetch',
+            // visibleOn: 'chartDataType === "dataApi" && data.api',
+            visibleOn: 'data.api.url',
+            pipeIn: defaultValue(true)
+          }), {
+            name: 'interval',
+            label: tipedLabel(i18n("2af32ab13a9dece315cec2764d6aa7d4"), i18n("bc827aaffaa35a95607346cc104c0785")),
+            type: 'input-number',
+            step: 500,
+            // visibleOn: 'chartDataType === "dataApi" && data.api',
+            visibleOn: 'data.api.url',
+            unitOptions: ['ms']
+          }, getSchemaTpl('expressionFormulaControl', {
+            evalMode: false,
+            label: tipedLabel(i18n("59688d1a484179aef8edc0ccbabb9fc1"), i18n("3fd81a573ea309b203ab019c1aa95a2c")),
+            name: 'trackExpression',
+            placeholder: '\\${xxx}'
+          }), {
+            name: 'config',
+            asFormItem: true,
+            // visibleOn: 'chartDataType === "json"',
+            component: ChartConfigEditor,
+            mode: 'normal',
+            // type: 'json-editor',
+            label: tipedLabel(i18n("57c7d1125d2803b946a5b25c3f80f249"), i18n("3d3fa75d8b345b22a5fbd14a65a0af71"))
+          }, {
+            name: 'dataFilter',
+            type: 'js-editor',
+            allowFullscreen: true,
+            mode: 'normal',
+            label: i18n("d0d852432ce09f627e6ae471b3f86b0a"),
+            size: 'lg',
+            description: "\n                    \u5982\u679C\u540E\u7AEF\u6CA1\u6709\u76F4\u63A5\u8FD4\u56DE Echart \u914D\u7F6E\uFF0C\u53EF\u4EE5\u81EA\u5DF1\u5199\u4E00\u6BB5\u51FD\u6570\u6765\u5305\u88C5\u3002\n                    <p>\u7B7E\u540D\uFF1A(config, echarts, data) => config</p>\n                    <p>\u53C2\u6570\u8BF4\u660E</p>\n                    <ul>\n                    <li><code>config</code> \u539F\u59CB\u6570\u636E</li>\n                    <li><code>echarts</code> echarts \u5BF9\u8C61</li>\n                    <li><code>data</code> \u5982\u679C\u914D\u7F6E\u4E86\u6570\u636E\u63A5\u53E3\uFF0C\u63A5\u53E3\u8FD4\u56DE\u7684\u6570\u636E\u901A\u8FC7\u6B64\u53D8\u91CF\u4F20\u5165</li>\n                    </ul>\n                    <p>\u793A\u4F8B</p>\n                    <pre>debugger; // \u53EF\u4EE5\u6D4F\u89C8\u5668\u4E2D\u65AD\u70B9\u8C03\u8BD5\n\n// \u67E5\u770B\u539F\u59CB\u6570\u636E\nconsole.log(config)\n\n// \u8FD4\u56DE\u65B0\u7684\u7ED3\u679C \nreturn {}</pre>\n                    "
+          }, getSchemaTpl('switch', {
+            label: tipedLabel(i18n("d98ef182637b4d10e16e8073c1101e51"), i18n("e8f96ea47cb322f4f1a4c938c7b155ac")),
+            name: 'replaceChartOption'
+          })]
         }, {
-          name: 'dataFilter',
-          type: 'js-editor',
-          allowFullscreen: true,
-          label: i18n("4fd9621d4facc101aba3afec055e14d1"),
-          size: 'lg',
-          description: "\n              \u5982\u679C\u540E\u7AEF\u6CA1\u6709\u76F4\u63A5\u8FD4\u56DE Echart \u914D\u7F6E\uFF0C\u53EF\u4EE5\u81EA\u5DF1\u5199\u4E00\u6BB5\u51FD\u6570\u6765\u5305\u88C5\u3002\n              <p>\u7B7E\u540D\uFF1A(config, echarts, data) => config</p>\n              <p>\u53C2\u6570\u8BF4\u660E</p>\n              <ul>\n              <li><code>config</code> \u539F\u59CB\u6570\u636E</li>\n              <li><code>echarts</code> echarts \u5BF9\u8C61</li>\n              <li><code>data</code> \u5982\u679C\u914D\u7F6E\u4E86\u6570\u636E\u63A5\u53E3\uFF0C\u63A5\u53E3\u8FD4\u56DE\u7684\u6570\u636E\u901A\u8FC7\u6B64\u53D8\u91CF\u4F20\u5165</li>\n              </ul>\n              <p>\u793A\u4F8B</p>\n              <pre>debugger; // \u53EF\u4EE5\u6D4F\u89C8\u5668\u4E2D\u65AD\u70B9\u8C03\u8BD5\n\n// \u67E5\u770B\u539F\u59CB\u6570\u636E\nconsole.log(config)\n\n// \u8FD4\u56DE\u65B0\u7684\u7ED3\u679C \nreturn {}</pre>\n              "
-        }, getSchemaTpl('switch', {
-          label: i18n("d98ef182637b4d10e16e8073c1101e51"),
-          name: 'replaceChartOption',
-          labelRemark: {
-            trigger: 'click',
-            className: 'm-l-xs',
-            rootClose: true,
-            content: i18n("f1f13cb0ca4720a727cbfba4c82e5890"),
-            placement: 'left'
-          }
-        })]
+          title: i18n("e732f4c0d8075670b6c75cc52bd1f7d5"),
+          body: [{
+            name: 'clickAction',
+            asFormItem: true,
+            label: false,
+            children: function (_a) {
+              var onChange = _a.onChange,
+                value = _a.value;
+              return React__default.createElement("div", {
+                className: "m-b"
+              }, React__default.createElement(Button, {
+                size: "sm",
+                level: value ? 'danger' : 'info',
+                onClick: _this.editDrillDown.bind(_this, context.id)
+              }, i18n("43ddd80698198791d4a738bb20a2d7f4")), value ? React__default.createElement(Button, {
+                size: "sm",
+                level: "link",
+                className: "m-l",
+                onClick: function () {
+                  return onChange('');
+                }
+              }, i18n("c8da43fe6ad1c537f86cecb353250145")) : null);
+            }
+          }]
+        }, getSchemaTpl('status')])]
       }, {
         title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
-        body: [getSchemaTpl('className')]
-      }, {
-        title: i18n("33bf801796fd255b5f6147e33146669b"),
-        body: [getSchemaTpl('visible')]
-      }, {
-        title: i18n("0d98c74797e49d00bcc4c17c9d557a2b"),
-        body: [getSchemaTpl('name')]
+        body: getSchemaTpl('collapseGroup', __spreadArray([{
+          title: i18n("00958a92c5804d56047c18fc206382e1"),
+          body: [getSchemaTpl('style:widthHeight', {
+            widthSchema: {
+              label: tipedLabel(i18n("c28479019e24e0e4745f4948e9e97ee7"), i18n("51ad722113289f70b6d77c78ddf0c64a")),
+              pipeIn: defaultValue('100%')
+            },
+            heightSchema: {
+              label: tipedLabel(i18n("c1df04eec5fa0857bc0df2d68d8e953c"), i18n("b3e991d11b9f0ee04f55627c62d4fcba")),
+              pipeIn: defaultValue('300px')
+            }
+          })]
+        }], __read(getSchemaTpl('theme:common', {
+          exclude: ['layout']
+        })), false))
       }, {
         title: i18n("10b2761db5a8e089049df39675abc550"),
         className: 'p-none',
@@ -276,6 +333,7 @@ var ChartPlugin = /** @class */function (_super) {
       }
     });
   };
+  ChartPlugin.id = 'ChartPlugin';
   return ChartPlugin;
 }(BasePlugin);
 registerEditorPlugin(ChartPlugin);

package/esm/plugin/CodeView.d.ts

@@ -1,5 +1,6 @@
 import { BasePlugin } from 'amis-editor-core';
 export declare class CodeViewPlugin extends BasePlugin {
+    static id: string;
     rendererName: string;
     $schema: string;
     name: string;

package/esm/plugin/CodeView.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.4.0
+ * amis-editor v5.6.0-beta.0
  * Copyright 2018-2023 @fex
  */
 
@@ -54,6 +54,7 @@ var CodeViewPlugin = /** @class */function (_super) {
     };
     return _this;
   }
+  CodeViewPlugin.id = 'CodeViewPlugin';
   return CodeViewPlugin;
 }(BasePlugin);
 registerEditorPlugin(CodeViewPlugin);

package/esm/plugin/Collapse.d.ts

@@ -1,5 +1,7 @@
+import { RendererPluginEvent } from 'amis-editor-core';
 import { BasePlugin, RegionConfig } from 'amis-editor-core';
 export declare class CollapsePlugin extends BasePlugin {
+    static id: string;
     rendererName: string;
     $schema: string;
     name: string;
@@ -31,6 +33,7 @@ export declare class CollapsePlugin extends BasePlugin {
     };
     panelTitle: string;
     panelJustify: boolean;
+    events: RendererPluginEvent[];
     panelBodyCreator: (context: BaseEventContext) => any;
     regions: Array<RegionConfig>;
 }

package/esm/plugin/Collapse.js

@@ -1,10 +1,11 @@
 /**
- * amis-editor v5.4.0
+ * amis-editor v5.6.0-beta.0
  * Copyright 2018-2023 @fex
  */
 
 import { __extends, __assign } from 'tslib';
 import { getI18nEnabled, getSchemaTpl, defaultValue, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { getEventControlConfig } from '../renderer/event-control/helper.js';
 import { i18n } from 'i18n-runtime';
 
 var CollapsePlugin = /** @class */function (_super) {
@@ -35,26 +36,45 @@ var CollapsePlugin = /** @class */function (_super) {
     _this.previewSchema = __assign({}, _this.scaffold);
     _this.panelTitle = i18n("e90e6ff080f179215c3566a61ca62367");
     _this.panelJustify = true;
+    _this.events = [{
+      eventName: 'change',
+      eventLabel: i18n("8e5ff4f20463c03f7935e0627888c03c"),
+      description: i18n("bcfcd9d31a7a469fa1f3a2ea9e3e3f89"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          data: {
+            type: 'object',
+            title: i18n("0d83078816aa273f2941c9b55ec82bf3"),
+            properties: {
+              collapsed: {
+                type: 'boolean',
+                title: i18n("0e8638286319f6efb0afe2616714e8c3")
+              }
+            }
+          }
+        }
+      }]
+    }];
     _this.panelBodyCreator = function (context) {
       var _a, _b;
-      var i18nEnabled = getI18nEnabled();
+      getI18nEnabled();
       return getSchemaTpl('tabs', [{
         title: i18n("24d67862f87f439db7ca957aecb77cce"),
         body: getSchemaTpl('collapseGroup', [{
           title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
           body: [getSchemaTpl('layout:originPosition', {
             value: 'left-top'
-          }), {
+          }), getSchemaTpl('title', {
             name: 'header',
             label: i18n("32c65d8d7431e76029678ec7bb73a5ab"),
-            type: i18nEnabled ? 'input-text-i18n' : 'input-text',
             pipeIn: defaultValue(((_a = context === null || context === void 0 ? void 0 : context.schema) === null || _a === void 0 ? void 0 : _a.title) || ((_b = context === null || context === void 0 ? void 0 : context.schema) === null || _b === void 0 ? void 0 : _b.header) || ''),
             onChange: function (value, oldValue, model, form) {
               // 转换一下旧版本的title字段
               form.setValueByName('header', value);
               form.setValueByName('title', undefined);
             }
-          }, getSchemaTpl('collapseOpenHeader'), {
+          }), getSchemaTpl('collapseOpenHeader'), {
             name: 'headerPosition',
             label: i18n("3a8647306ee6456517b7bf9c8bc7de23"),
             type: 'button-group-select',
@@ -96,6 +116,12 @@ var CollapsePlugin = /** @class */function (_super) {
             label: i18n("66d88b3e01aff17c7973181e53fc8c0c")
           })]
         })])
+      }, {
+        title: i18n("10b2761db5a8e089049df39675abc550"),
+        className: 'p-none',
+        body: [getSchemaTpl('eventControl', __assign({
+          name: 'onEvent'
+        }, getEventControlConfig(_this.manager, context)))]
       }]);
     };
     _this.regions = [{
@@ -104,6 +130,7 @@ var CollapsePlugin = /** @class */function (_super) {
     }];
     return _this;
   }
+  CollapsePlugin.id = 'CollapsePlugin';
   return CollapsePlugin;
 }(BasePlugin);
 registerEditorPlugin(CollapsePlugin);

package/esm/plugin/CollapseGroup.d.ts

@@ -1,5 +1,7 @@
+import { RendererPluginEvent } from 'amis-editor-core';
 import { BasePlugin, RegionConfig } from 'amis-editor-core';
 export declare class CollapseGroupPlugin extends BasePlugin {
+    static id: string;
     rendererName: string;
     $schema: string;
     name: string;
@@ -62,6 +64,7 @@ export declare class CollapseGroupPlugin extends BasePlugin {
             active?: undefined;
         })[];
     };
+    events: RendererPluginEvent[];
     activeKeyData: any;
     panelTitle: string;
     panelJustify: boolean;

package/esm/plugin/CollapseGroup.js

@@ -1,10 +1,11 @@
 /**
- * amis-editor v5.4.0
+ * amis-editor v5.6.0-beta.0
  * Copyright 2018-2023 @fex
  */
 
 import { __extends, __assign } from 'tslib';
 import { getI18nEnabled, getSchemaTpl, defaultValue, isObject, tipedLabel, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { getEventControlConfig } from '../renderer/event-control/helper.js';
 import { i18n } from 'i18n-runtime';
 
 var CollapseGroupPlugin = /** @class */function (_super) {
@@ -48,11 +49,39 @@ var CollapseGroupPlugin = /** @class */function (_super) {
       }]
     };
     _this.previewSchema = __assign({}, _this.scaffold);
+    _this.events = [{
+      eventName: 'change',
+      eventLabel: i18n("8e5ff4f20463c03f7935e0627888c03c"),
+      description: i18n("d2fa917958506736ea39edbef5e1cea5"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          data: {
+            title: i18n("0d83078816aa273f2941c9b55ec82bf3"),
+            type: 'object',
+            properties: {
+              activeKeys: {
+                type: 'array',
+                title: i18n("58164864ad00f5d134f304d309055eda")
+              },
+              collapseId: {
+                type: 'string',
+                title: i18n("44732aa2566399b71483e63252d3dbc7")
+              },
+              collapsed: {
+                type: 'boolean',
+                title: i18n("0e8638286319f6efb0afe2616714e8c3")
+              }
+            }
+          }
+        }
+      }]
+    }];
     _this.activeKeyData = [];
     _this.panelTitle = i18n("d09980a88568f75e9267ca7b531c74eb");
     _this.panelJustify = true;
     _this.panelBodyCreator = function (context) {
-      var i18nEnabled = getI18nEnabled();
+      getI18nEnabled();
       return [getSchemaTpl('tabs', [{
         title: i18n("24d67862f87f439db7ca957aecb77cce"),
         body: getSchemaTpl('collapseGroup', [{
@@ -138,11 +167,10 @@ var CollapseGroupPlugin = /** @class */function (_super) {
                 name: 'active',
                 type: 'checkbox'
               }], i18n("030a54b0afb54fc7f90e1a0f64eb8205"))
-            }, {
+            }, getSchemaTpl('title', {
               name: 'header',
-              placeholder: i18n("32c65d8d7431e76029678ec7bb73a5ab"),
-              type: i18nEnabled ? 'input-text-i18n' : 'input-text'
-            }],
+              placeholder: i18n("32c65d8d7431e76029678ec7bb73a5ab")
+            })],
             onChange: function (value, oldValue, model, form) {
               var activeKey = value.reduce(function (arr, item) {
                 item.active === true && arr.push(item.key);
@@ -167,7 +195,7 @@ var CollapseGroupPlugin = /** @class */function (_super) {
                 if (!item.key) {
                   var key = findMinCanUsedKey(keys, value.length);
                   item.key = key;
-                  item.header = "\u6807\u9898".concat(key);
+                  item.header = i18n("32c65d8d7431e76029678ec7bb73a5ab").concat(key);
                 }
               });
               return value;
@@ -190,6 +218,12 @@ var CollapseGroupPlugin = /** @class */function (_super) {
         body: getSchemaTpl('collapseGroup', [getSchemaTpl('style:classNames', {
           isFormItem: false
         })])
+      }, {
+        title: i18n("10b2761db5a8e089049df39675abc550"),
+        className: 'p-none',
+        body: [getSchemaTpl('eventControl', __assign({
+          name: 'onEvent'
+        }, getEventControlConfig(_this.manager, context)))]
       }])];
     };
     _this.regions = [{
@@ -200,6 +234,7 @@ var CollapseGroupPlugin = /** @class */function (_super) {
     }];
     return _this;
   }
+  CollapseGroupPlugin.id = 'CollapseGroupPlugin';
   return CollapseGroupPlugin;
 }(BasePlugin);
 registerEditorPlugin(CollapseGroupPlugin);

package/esm/plugin/ColumnToggler.d.ts

@@ -1,5 +1,6 @@
 import { BasePlugin, BasicRendererInfo, RendererInfoResolveEventContext } from 'amis-editor-core';
 export declare class ColumnToggler extends BasePlugin {
+    static id: string;
     rendererName: string;
     $schema: string;
     name: string;