amis-editor 5.2.3-beta.16 → 5.2.4-beta.28

package/lib/plugin/Form/TreeSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 
@@ -9,10 +9,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var amisEditorCore = require('amis-editor-core');
+var cloneDeep = require('lodash/cloneDeep');
 var helper = require('../../renderer/event-control/helper.js');
 var validator = require('../../validator.js');
 var i18nRuntime = require('i18n-runtime');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var cloneDeep__default = /*#__PURE__*/_interopDefaultLegacy(cloneDeep);
+
 var TreeSelectControlPlugin = /** @class */function (_super) {
   tslib.__extends(TreeSelectControlPlugin, _super);
   function TreeSelectControlPlugin() {
@@ -35,7 +40,7 @@ var TreeSelectControlPlugin = /** @class */function (_super) {
       enumerable: true,
       configurable: true,
       writable: true,
-      value: i18nRuntime.i18n("e40d15221a911e060b8a05ec7aa9533c")
+      value: i18nRuntime.i18n("479728c411bac59bc44d5ab8dc3cb4f0")
     });
     Object.defineProperty(_this, "isBaseComponent", {
       enumerable: true,
@@ -43,11 +48,17 @@ var TreeSelectControlPlugin = /** @class */function (_super) {
       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-chevron-down'
+      value: 'fa fa-list-alt'
     });
     Object.defineProperty(_this, "pluginIcon", {
       enumerable: true,
@@ -59,7 +70,7 @@ var TreeSelectControlPlugin = /** @class */function (_super) {
       enumerable: true,
       configurable: true,
       writable: true,
-      value: i18nRuntime.i18n("26aa42c81825364d2d691261017b6797")
+      value: i18nRuntime.i18n("912beb37a3785e50d6483852be41111f")
     });
     Object.defineProperty(_this, "docLink", {
       enumerable: true,
@@ -80,7 +91,7 @@ var TreeSelectControlPlugin = /** @class */function (_super) {
       value: {
         type: 'tree-select',
         label: i18nRuntime.i18n("e40d15221a911e060b8a05ec7aa9533c"),
-        name: 'tree-select',
+        name: 'tree',
         clearable: false,
         options: [{
           label: i18nRuntime.i18n("05f87b331e1c97691776d93a6598373f"),
@@ -120,7 +131,7 @@ var TreeSelectControlPlugin = /** @class */function (_super) {
       enumerable: true,
       configurable: true,
       writable: true,
-      value: i18nRuntime.i18n("382df0b291e5306c423bcf471eb1734f")
+      value: i18nRuntime.i18n("f77f634e6892c6447c5d9df623e42aff")
     });
     // 事件定义
     Object.defineProperty(_this, "events", {
@@ -270,12 +281,7 @@ var TreeSelectControlPlugin = /** @class */function (_super) {
           },
           items: [{
             type: 'group',
-            body: [{
-              type: 'input-text',
-              name: 'label',
-              placeholder: i18nRuntime.i18n("d7ec2d3fea4756bc1642e0f10c180cf5"),
-              required: true
-            }, {
+            body: [amisEditorCore.getSchemaTpl('optionsLabel'), {
               type: 'input-text',
               name: 'value',
               placeholder: i18nRuntime.i18n("fe7509e0ed085b86f07e3e9975cc5b3d"),
@@ -302,6 +308,7 @@ var TreeSelectControlPlugin = /** @class */function (_super) {
       writable: true,
       value: function (context) {
         var renderer = context.info.renderer;
+        var i18nEnabled = amisEditorCore.getI18nEnabled();
         return amisEditorCore.getSchemaTpl('tabs', [{
           title: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce"),
           body: amisEditorCore.getSchemaTpl('collapseGroup', [{
@@ -310,14 +317,53 @@ var TreeSelectControlPlugin = /** @class */function (_super) {
               value: 'left-top'
             }), amisEditorCore.getSchemaTpl('formItemName', {
               required: true
-            }), amisEditorCore.getSchemaTpl('label'), amisEditorCore.getSchemaTpl('clearable', {
+            }), amisEditorCore.getSchemaTpl('label'), {
+              type: 'button-group-select',
+              name: 'type',
+              label: i18nRuntime.i18n("f0789e79d48f135e5d870753f7a85d05"),
+              pipeIn: amisEditorCore.defaultValue('tree-select'),
+              onChange: function (value, oldValue, model, form) {
+                var activeEvent = cloneDeep__default["default"](form.getValueByName('onEvent') || {});
+                var eventList = _this.events;
+                if (value === 'input-tree') {
+                  var inputTreePlugin = _this.manager.plugins.find(function (item) {
+                    return item.rendererName === 'input-tree';
+                  });
+                  eventList = (inputTreePlugin === null || inputTreePlugin === void 0 ? void 0 : inputTreePlugin.events) || [];
+                }
+                var _loop_1 = function (key) {
+                  var hasEventKey = eventList.find(function (event) {
+                    return event.eventName === key;
+                  });
+                  if (!hasEventKey) {
+                    delete activeEvent[key];
+                  }
+                };
+                for (var key in activeEvent) {
+                  _loop_1(key);
+                }
+                form.setValueByName('onEvent', activeEvent);
+              },
+              options: [{
+                label: i18nRuntime.i18n("c6e1b91d329a61b691d0d5d2eb343ddd"),
+                value: 'input-tree'
+              }, {
+                label: i18nRuntime.i18n("a553741d5ebb9c80d7d2a63b202cf4b8"),
+                value: 'tree-select'
+              }]
+            }, amisEditorCore.getSchemaTpl('clearable', {
               mode: 'horizontal',
               horizontal: {
                 justify: true,
                 left: 8
               },
-              inputClassName: 'is-inline '
-            }), amisEditorCore.getSchemaTpl('searchable'), amisEditorCore.getSchemaTpl('multiple', {
+              inputClassName: 'is-inline ',
+              visibleOn: 'data.type === "tree-select"'
+            }), amisEditorCore.getSchemaTpl('switch', {
+              label: i18nRuntime.i18n("dbdae74eb12668e2b9568b013bf27d45"),
+              name: 'searchable',
+              visibleOn: 'data.type === "tree-select"'
+            }), amisEditorCore.getSchemaTpl('multiple', {
               body: [{
                 type: 'input-number',
                 label: amisEditorCore.tipedLabel(i18nRuntime.i18n("4e373f3ff64ad29a01da87317eb92088"), i18nRuntime.i18n("7a377ac3904628fd73e7d33ce6130ae1")),
@@ -394,7 +440,12 @@ var TreeSelectControlPlugin = /** @class */function (_super) {
             })]
           }, {
             title: i18nRuntime.i18n("dfac151de712ab0b3618072c8a7f0a0f"),
-            body: [{
+            body: [amisEditorCore.getSchemaTpl('valueFormula', {
+              name: 'highlightTxt',
+              label: i18nRuntime.i18n("2b3073b1ba5f9deab7818d8be02de3a1"),
+              type: 'input-text',
+              visibleOn: 'data.type === "input-tree"'
+            }), {
               type: 'ae-Switch-More',
               mode: 'normal',
               name: 'enableNodePath',
@@ -409,32 +460,29 @@ var TreeSelectControlPlugin = /** @class */function (_super) {
                   name: 'pathSeparator'
                 }]
               }
+            }, {
+              type: 'ae-Switch-More',
+              mode: 'normal',
+              name: 'hideRoot',
+              label: i18nRuntime.i18n("d6840c02c4d9cd5f4f5fd4d9f3e6b916"),
+              value: true,
+              trueValue: false,
+              falseValue: true,
+              formType: 'extend',
+              form: {
+                body: [{
+                  type: i18nEnabled ? 'input-text-i18n' : 'input-text',
+                  label: i18nRuntime.i18n("e2c310a329c2cf62a0764fc912f2f583"),
+                  value: i18nRuntime.i18n("c48d9f48ce8a798772f17d1f47560529"),
+                  name: 'rootLabel'
+                }]
+              },
+              visibleOn: 'data.type === "input-tree"'
             }, amisEditorCore.getSchemaTpl('switch', {
               label: amisEditorCore.tipedLabel(i18nRuntime.i18n("0aa73cfbe5a84cd34a212de5bab2058d"), i18nRuntime.i18n("4dabfefd787102b8159b5c4a221aa048")),
-              name: 'hideNodePathLabel'
-            }),
-            // tree-select 该组件目前无此配置
-            // {
-            //   type: 'ae-Switch-More',
-            //   mode: 'normal',
-            //   name: 'hideRoot',
-            //   label: '显示顶级节点',
-            //   value: true,
-            //   trueValue: false,
-            //   falseValue: true,
-            //   formType: 'extend',
-            //   form: {
-            //     body: [
-            //       {
-            //         type: 'input-text',
-            //         label: '节点文案',
-            //         value: '顶级',
-            //         name: 'rootLabel'
-            //       }
-            //     ]
-            //   }
-            // },
-            amisEditorCore.getSchemaTpl('switch', {
+              name: 'hideNodePathLabel',
+              visibleOn: 'data.type==="tree-select"'
+            }), amisEditorCore.getSchemaTpl('switch', {
               label: i18nRuntime.i18n("8c9a3a8cd5de83121c03c83f909a7534"),
               name: 'showIcon',
               value: true
@@ -445,6 +493,16 @@ var TreeSelectControlPlugin = /** @class */function (_super) {
             }), amisEditorCore.getSchemaTpl('switch', {
               label: amisEditorCore.tipedLabel(i18nRuntime.i18n("0f993a54d2c67716220632577d3b5b51"), i18nRuntime.i18n("846da282ebfa6dfe61deb1d58145158c")),
               name: 'showOutline'
+            }), amisEditorCore.getSchemaTpl('switch', {
+              name: 'withChildren',
+              label: i18nRuntime.i18n("b39c6fb1cdf629d3f3032d6c7d4694a8"),
+              visibleOn: 'data.cascade !== true && data.multiple',
+              disabledOn: 'data.onlyChildren'
+            }), amisEditorCore.getSchemaTpl('switch', {
+              name: 'onlyChildren',
+              label: i18nRuntime.i18n("1fa482fed3042cac9f96c6f43c13f84a"),
+              visibleOn: 'data.cascade !== true && data.multiple',
+              disabledOn: 'data.withChildren'
             }), {
               type: 'ae-Switch-More',
               mode: 'normal',
@@ -476,7 +534,7 @@ var TreeSelectControlPlugin = /** @class */function (_super) {
             renderer: renderer
           }), amisEditorCore.getSchemaTpl('style:classNames', {
             schema: [amisEditorCore.getSchemaTpl('className', {
-              label: i18nRuntime.i18n("93199f3864cf5a68b286b927fa68ae6a"),
+              label: i18nRuntime.i18n("24c5febd312d27b5e80354cf03e241f0"),
               name: 'treeContainerClassName'
             })]
           })])

package/lib/plugin/Form/UUID.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 

package/lib/plugin/Grid.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 

package/lib/plugin/HBox.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 

package/lib/plugin/IFrame.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 

package/lib/plugin/Image.d.ts

@@ -17,7 +17,8 @@ export declare class ImagePlugin extends BasePlugin {
         type: string;
     };
     panelTitle: string;
-    panelBodyCreator: (context: BaseEventContext) => any[];
+    panelJustify: boolean;
+    panelBodyCreator: (context: BaseEventContext) => any;
     onActive(event: PluginEvent<ActiveEventContext>): void;
     onWidthChangeStart(event: PluginEvent<ResizeMoveEventContext, {
         onMove(e: MouseEvent): void;

package/lib/plugin/Image.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 
@@ -90,117 +90,149 @@ var ImagePlugin = /** @class */function (_super) {
       writable: true,
       value: i18nRuntime.i18n("20def7942674282277c3714ed7ea6ce0")
     });
+    Object.defineProperty(_this, "panelJustify", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
     Object.defineProperty(_this, "panelBodyCreator", {
       enumerable: true,
       configurable: true,
       writable: true,
       value: function (context) {
         var isUnderField = /\/field\/\w+$/.test(context.path);
-        return [amisEditorCore.getSchemaTpl('tabs', [{
-          title: i18nRuntime.i18n("22b777e6fcb613b8ba83ced9594cd07e"),
-          body: [amisEditorCore.getSchemaTpl('layout:originPosition', {
-            value: 'left-top'
-          }), {
-            name: 'imageMode',
-            label: i18nRuntime.i18n("1fdadb49bcabfdc36a4a9e020f597f4d"),
-            type: 'select',
-            pipeIn: amisEditorCore.defaultValue('thumb'),
-            options: [{
-              label: i18nRuntime.i18n("e18aa5e376437da71083a29c4cddaf46"),
-              value: 'thumb'
+        var i18nEnabled = amisEditorCore.getI18nEnabled();
+        return amisEditorCore.getSchemaTpl('tabs', [{
+          title: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce"),
+          body: amisEditorCore.getSchemaTpl('collapseGroup', [{
+            title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: [{
+              name: 'title',
+              type: i18nEnabled ? 'input-text-i18n' : 'input-text',
+              label: i18nRuntime.i18n("c6c7456d446d62a906c2809b6ba19ce1")
             }, {
-              label: i18nRuntime.i18n("fb43d5ffa21f3c4055c29fad350f27e4"),
-              value: 'original'
-            }]
-          }, amisEditorCore.getSchemaTpl('title', {
-            label: i18nRuntime.i18n("c6c7456d446d62a906c2809b6ba19ce1")
-          }), amisEditorCore.getSchemaTpl('imageCaption'), {
-            name: 'width',
-            label: i18nRuntime.i18n("c28479019e24e0e4745f4948e9e97ee7"),
-            type: 'input-number'
-          }, {
-            name: 'height',
-            label: i18nRuntime.i18n("c1df04eec5fa0857bc0df2d68d8e953c"),
-            type: 'input-number'
-          }, isUnderField ? null : amisEditorCore.getSchemaTpl('imageUrl', {
-            name: 'src',
-            type: 'input-text',
-            label: i18nRuntime.i18n("582570bef8c57c5af7658c4a4eea45ff"),
-            description: i18nRuntime.i18n("1193e1aab7bea094279ae7b4288ba848")
-          }), {
-            type: 'input-text',
-            label: i18nRuntime.i18n("a3f38735bf211edb2066ac4e51b55cb2"),
-            name: 'href'
-          }, amisEditorCore.getSchemaTpl('imageUrl', {
-            name: 'defaultImage',
-            label: i18nRuntime.i18n("f5865bf2d791d293374af4aa76d27c4d")
-          })]
-        }, {
-          title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
-          body: [amisEditorCore.getSchemaTpl('switch', {
-            name: 'enlargeAble',
-            label: i18nRuntime.i18n("e1110b854bceeed0e887cb951bb3d2f3")
-          }), amisEditorCore.getSchemaTpl('imageUrl', {
-            name: 'originalSrc',
-            visibleOn: 'this.enlargeAble',
-            label: i18nRuntime.i18n("7ffade593e390a2a2cc43e6663461b71"),
-            description: i18nRuntime.i18n("214953c5f7557b1a5f1310c87238ee03")
-          }), amisEditorCore.getSchemaTpl('switch', {
-            name: 'showDimensions',
-            label: i18nRuntime.i18n("6d45b56ee94ea873a554ec41b9f2074a")
-          }), {
-            name: 'thumbMode',
-            type: 'button-group-select',
-            label: i18nRuntime.i18n("00cedb73310cc531a43d23cfa5ba0e5f"),
-            size: 'sm',
-            pipeIn: amisEditorCore.defaultValue('contain'),
-            options: [{
-              label: i18nRuntime.i18n("b0267f4aa776e75443b7ef6e8dad257e"),
-              value: 'w-full'
+              name: 'imageCaption',
+              type: i18nEnabled ? 'input-text-i18n' : 'input-text',
+              label: i18nRuntime.i18n("098c3d959911b48b4d912cb85ccc4942")
             }, {
-              label: i18nRuntime.i18n("c30b1b6f29debb05449aa3cb40268e7e"),
-              value: 'h-full'
+              name: 'imageMode',
+              label: i18nRuntime.i18n("1fdadb49bcabfdc36a4a9e020f597f4d"),
+              type: 'select',
+              pipeIn: amisEditorCore.defaultValue('thumb'),
+              options: [{
+                label: i18nRuntime.i18n("e18aa5e376437da71083a29c4cddaf46"),
+                value: 'thumb'
+              }, {
+                label: i18nRuntime.i18n("fb43d5ffa21f3c4055c29fad350f27e4"),
+                value: 'original'
+              }]
             }, {
-              label: i18nRuntime.i18n("e13556bb3580ac3746e1f8663eb15896"),
-              value: 'contain'
+              name: 'width',
+              label: i18nRuntime.i18n("c28479019e24e0e4745f4948e9e97ee7"),
+              type: 'input-number'
             }, {
-              label: i18nRuntime.i18n("47303119ba97a66d168ff042575b9de4"),
-              value: 'cover'
-            }]
-          }, {
-            name: 'thumbRatio',
-            type: 'button-group-select',
-            label: i18nRuntime.i18n("319501b9acacdd6f94a9bdd0637a3cd2"),
-            size: 'sm',
-            pipeIn: amisEditorCore.defaultValue('1:1'),
-            options: [{
-              label: '1:1',
-              value: '1:1'
+              name: 'height',
+              label: i18nRuntime.i18n("c1df04eec5fa0857bc0df2d68d8e953c"),
+              type: 'input-number'
+            }, isUnderField ? null : amisEditorCore.getSchemaTpl('imageUrl', {
+              name: 'src',
+              type: 'input-text',
+              label: i18nRuntime.i18n("582570bef8c57c5af7658c4a4eea45ff"),
+              description: i18nRuntime.i18n("1193e1aab7bea094279ae7b4288ba848")
+            }), {
+              type: 'ae-switch-more',
+              mode: 'normal',
+              name: 'enlargeAble',
+              label: amisEditorCore.tipedLabel(i18nRuntime.i18n("26122d95c72204c83ebdc37cd16a96f9"), i18nRuntime.i18n("a19769d02b8de60a1e3b46c3ef96f122")),
+              value: false,
+              hiddenOnDefault: false,
+              formType: 'extend',
+              pipeIn: function (value) {
+                return !!value;
+              },
+              form: {
+                body: [amisEditorCore.getSchemaTpl('imageUrl', {
+                  name: 'originalSrc',
+                  label: i18nRuntime.i18n("7ffade593e390a2a2cc43e6663461b71"),
+                  description: i18nRuntime.i18n("214953c5f7557b1a5f1310c87238ee03")
+                })]
+              }
             }, {
-              label: '4:3',
-              value: '4:3'
+              type: 'input-text',
+              label: i18nRuntime.i18n("a3f38735bf211edb2066ac4e51b55cb2"),
+              name: 'href',
+              hiddenOn: 'this.enlargeAble',
+              clearValueOnHidden: true
+            }, amisEditorCore.getSchemaTpl('imageUrl', {
+              name: 'defaultImage',
+              label: amisEditorCore.tipedLabel(i18nRuntime.i18n("d196eb8f65e84003b7ca64d5dd8fc737"), i18nRuntime.i18n("f5865bf2d791d293374af4aa76d27c4d"))
+            })]
+          }, amisEditorCore.getSchemaTpl('status')])
+        }, {
+          title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+          body: amisEditorCore.getSchemaTpl('collapseGroup', [{
+            title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: [
+            // amis 已废弃
+            // getSchemaTpl('switch', {
+            //   name: 'showDimensions',
+            //   label: '显示图片尺寸'
+            // }),
+            {
+              name: 'thumbMode',
+              type: 'select',
+              label: i18nRuntime.i18n("00cedb73310cc531a43d23cfa5ba0e5f"),
+              mode: 'horizontal',
+              labelAlign: 'left',
+              horizontal: {
+                left: 5,
+                right: 7
+              },
+              pipeIn: amisEditorCore.defaultValue('contain'),
+              options: [{
+                label: i18nRuntime.i18n("b0267f4aa776e75443b7ef6e8dad257e"),
+                value: 'w-full'
+              }, {
+                label: i18nRuntime.i18n("c30b1b6f29debb05449aa3cb40268e7e"),
+                value: 'h-full'
+              }, {
+                label: i18nRuntime.i18n("e13556bb3580ac3746e1f8663eb15896"),
+                value: 'contain'
+              }, {
+                label: i18nRuntime.i18n("47303119ba97a66d168ff042575b9de4"),
+                value: 'cover'
+              }]
             }, {
-              label: '16:9',
-              value: '16:9'
+              name: 'thumbRatio',
+              type: 'button-group-select',
+              label: i18nRuntime.i18n("319501b9acacdd6f94a9bdd0637a3cd2"),
+              size: 'sm',
+              pipeIn: amisEditorCore.defaultValue('1:1'),
+              options: [{
+                label: '1:1',
+                value: '1:1'
+              }, {
+                label: '4:3',
+                value: '4:3'
+              }, {
+                label: '16:9',
+                value: '16:9'
+              }]
             }]
-          }, amisEditorCore.getSchemaTpl('className', {
-            autoComplete: false
-          }), amisEditorCore.getSchemaTpl('className', {
-            name: 'innerClassName',
-            label: i18nRuntime.i18n("5d3d48de1ba22368eacdc1c69fb044ce")
-          }), amisEditorCore.getSchemaTpl('className', {
-            name: 'imageClassName',
-            label: i18nRuntime.i18n("b8e1e46cbdea20de4e5fc130d31b7bcc")
-          }), amisEditorCore.getSchemaTpl('className', {
-            name: 'thumbClassName',
-            label: i18nRuntime.i18n("4d080f1e18d86051b8d651c68685f319")
-          })]
-        }, {
-          title: i18nRuntime.i18n("33bf801796fd255b5f6147e33146669b"),
-          body: [
-          // getSchemaTpl('ref'),
-          amisEditorCore.getSchemaTpl('visible')]
-        }])];
+          }, {
+            title: i18nRuntime.i18n("261bba7ad82914e477f4b37f6a83874e"),
+            body: [amisEditorCore.getSchemaTpl('className', {
+              label: i18nRuntime.i18n("5e5d3f13111593b2710673006d4c8297")
+            }), amisEditorCore.getSchemaTpl('className', {
+              name: 'imageClassName',
+              label: i18nRuntime.i18n("20def7942674282277c3714ed7ea6ce0")
+            }), amisEditorCore.getSchemaTpl('className', {
+              name: 'thumbClassName',
+              label: i18nRuntime.i18n("0f088d8f579c362068d7a3858e207280")
+            })]
+          }])
+        }]);
       }
     });
     return _this;

package/lib/plugin/Images.d.ts

@@ -22,5 +22,6 @@ export declare class ImagesPlugin extends BasePlugin {
         type: string;
     };
     panelTitle: string;
-    panelBodyCreator: (context: BaseEventContext) => any[];
+    panelJustify: boolean;
+    panelBodyCreator: (context: BaseEventContext) => any;
 }