amis-editor 5.2.0-beta.2 → 5.2.1-beta.15

package/esm/plugin/Each.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.2
+ * amis-editor v5.2.1-beta.15
  * Copyright 2018-2022 @fex
  */
 
@@ -9,136 +9,201 @@ import React__default from 'react';
 import { defaultValue, getSchemaTpl, JSONPipeOut, diff, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
 import { i18n } from 'i18n-runtime';
 
-var EachPlugin =
-/** @class */
-function (_super) {
+var EachPlugin = /** @class */function (_super) {
   __extends(EachPlugin, _super);
-
   function EachPlugin() {
-    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
-
-
-    _this.rendererName = 'each';
-    _this.$schema = '/schemas/EachSchema.json'; // 组件名称
-
-    _this.name = i18n("ff9f6c2d74c413daa3cd6fb12f8dfd3e");
-    _this.isBaseComponent = true;
-    _this.description = i18n("f34111ff3694a6c6de6e31bef8ebadcb");
-    _this.tags = [i18n("997c7a5d34f6fc628893f509d0df32e0")];
-    _this.icon = 'fa fa-repeat';
-    _this.pluginIcon = 'each-plugin';
-    _this.scaffold = {
-      type: 'each',
-      name: 'arr',
-      items: {
-        type: 'tpl',
-        tpl: i18n("874268022baac239b06c40600d3ce080"),
-        inline: false
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'each'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/EachSchema.json'
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("ff9f6c2d74c413daa3cd6fb12f8dfd3e")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("f34111ff3694a6c6de6e31bef8ebadcb")
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18n("997c7a5d34f6fc628893f509d0df32e0")]
+    });
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'fa fa-repeat'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'each-plugin'
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'each',
+        name: 'arr',
+        items: {
+          type: 'tpl',
+          tpl: i18n("874268022baac239b06c40600d3ce080"),
+          inline: false
+        }
+      }
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: __assign(__assign({}, _this.scaffold), {
+        value: ['a', 'b', 'c']
+      })
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("69bdc66bb88ac5b63053e2bb7db41801")
+    });
+    Object.defineProperty(_this, "panelBodyCreator", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: function (context) {
+        return [{
+          type: 'input-text',
+          name: 'name',
+          label: i18n("0a2907a421b8f980986117e4f3044f92"),
+          placeholder: 'varname',
+          description: i18n("b7c16dedc4291d333fba7628ec9eb073")
+        }, {
+          children: React__default.createElement(Button, {
+            size: "sm",
+            level: "danger",
+            className: "m-b",
+            block: true,
+            onClick: _this.editDetail.bind(_this, context.id)
+          }, "\u914D\u7F6E\u6210\u5458\u6E32\u67D3\u5668")
+        }, {
+          name: 'placeholder',
+          type: 'input-text',
+          label: i18n("4c1cff4d8c05daa6ed9352a241ee628c"),
+          pipeIn: defaultValue(i18n("4726ff4e62d3fcfa4b090aaefc393229")),
+          description: i18n("5d5f9d49fcb2109f94a43590ef796ca7")
+        }, getSchemaTpl('className')];
       }
-    };
-    _this.previewSchema = __assign(__assign({}, _this.scaffold), {
-      value: ['a', 'b', 'c']
     });
-    _this.panelTitle = i18n("69bdc66bb88ac5b63053e2bb7db41801");
-
-    _this.panelBodyCreator = function (context) {
-      return [{
-        type: 'input-text',
-        name: 'name',
-        label: i18n("0a2907a421b8f980986117e4f3044f92"),
-        placeholder: 'varname',
-        description: i18n("b7c16dedc4291d333fba7628ec9eb073")
-      }, {
-        children: React__default.createElement(Button, {
-          size: "sm",
-          level: "danger",
-          className: "m-b",
-          block: true,
-          onClick: _this.editDetail.bind(_this, context.id)
-        }, "\u914D\u7F6E\u6210\u5458\u6E32\u67D3\u5668")
-      }, {
-        name: 'placeholder',
-        type: 'input-text',
-        label: i18n("4c1cff4d8c05daa6ed9352a241ee628c"),
-        pipeIn: defaultValue(i18n("4726ff4e62d3fcfa4b090aaefc393229")),
-        description: i18n("5d5f9d49fcb2109f94a43590ef796ca7")
-      }, getSchemaTpl('className')];
-    };
-
     return _this;
   }
-
-  EachPlugin.prototype.filterProps = function (props) {
-    props = JSONPipeOut(props); // 至少显示一个成员，否则啥都不显示。
-
-    if (!props.value) {
-      props.value = [{
-        item: 'mocked data'
-      }];
+  Object.defineProperty(EachPlugin.prototype, "filterProps", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (props) {
+      props = JSONPipeOut(props);
+      // 至少显示一个成员，否则啥都不显示。
+      if (!props.value) {
+        props.value = [{
+          item: 'mocked data'
+        }];
+      }
+      return props;
     }
-
-    return props;
-  };
-
-  EachPlugin.prototype.buildEditorToolbar = function (_a, toolbars) {
-    var id = _a.id,
+  });
+  Object.defineProperty(EachPlugin.prototype, "buildEditorToolbar", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (_a, toolbars) {
+      var id = _a.id,
         info = _a.info;
-
-    if (info.renderer.name === 'each') {
-      toolbars.push({
-        icon: 'fa fa-expand',
-        order: 100,
-        tooltip: i18n("39a6853b109ae98f1aabca90283d7edc"),
-        onClick: this.editDetail.bind(this, id)
-      });
+      if (info.renderer.name === 'each') {
+        toolbars.push({
+          icon: 'fa fa-expand',
+          order: 100,
+          tooltip: i18n("39a6853b109ae98f1aabca90283d7edc"),
+          onClick: this.editDetail.bind(this, id)
+        });
+      }
     }
-  };
-
-  EachPlugin.prototype.buildEditorContextMenu = function (_a, menus) {
-    var id = _a.id;
+  });
+  Object.defineProperty(EachPlugin.prototype, "buildEditorContextMenu", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (_a, menus) {
+      var id = _a.id;
         _a.schema;
         _a.region;
         var info = _a.info,
         selections = _a.selections;
-
-    if (selections.length || (info === null || info === void 0 ? void 0 : info.plugin) !== this) {
-      return;
+      if (selections.length || (info === null || info === void 0 ? void 0 : info.plugin) !== this) {
+        return;
+      }
+      if (info.renderer.name === 'each') {
+        menus.push('|', {
+          label: i18n("39a6853b109ae98f1aabca90283d7edc"),
+          onSelect: this.editDetail.bind(this, id)
+        });
+      }
     }
-
-    if (info.renderer.name === 'each') {
-      menus.push('|', {
-        label: i18n("39a6853b109ae98f1aabca90283d7edc"),
-        onSelect: this.editDetail.bind(this, id)
+  });
+  Object.defineProperty(EachPlugin.prototype, "editDetail", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (id) {
+      var manager = this.manager;
+      var store = manager.store;
+      var node = store.getNodeById(id);
+      var value = store.getValueOf(id);
+      node && value && this.manager.openSubEditor({
+        title: i18n("39a6853b109ae98f1aabca90283d7edc"),
+        value: value.items,
+        slot: {
+          type: 'container',
+          body: '$$'
+        },
+        typeMutable: true,
+        onChange: function (newValue) {
+          newValue = __assign(__assign({}, value), {
+            items: newValue
+          });
+          manager.panelChangeValue(newValue, diff(value, newValue));
+        },
+        data: {
+          item: 'mocked data',
+          index: 0
+        }
       });
     }
-  };
-
-  EachPlugin.prototype.editDetail = function (id) {
-    var manager = this.manager;
-    var store = manager.store;
-    var node = store.getNodeById(id);
-    var value = store.getValueOf(id);
-    node && value && this.manager.openSubEditor({
-      title: i18n("39a6853b109ae98f1aabca90283d7edc"),
-      value: value.items,
-      slot: {
-        type: 'container',
-        body: '$$'
-      },
-      typeMutable: true,
-      onChange: function (newValue) {
-        newValue = __assign(__assign({}, value), {
-          items: newValue
-        });
-        manager.panelChangeValue(newValue, diff(value, newValue));
-      },
-      data: {
-        item: 'mocked data',
-        index: 0
-      }
-    });
-  };
-
+  });
   return EachPlugin;
 }(BasePlugin);
 registerEditorPlugin(EachPlugin);

package/esm/plugin/Flex.d.ts

@@ -1,31 +1,6 @@
-import { BasePlugin, PluginEvent, RegionConfig, RendererJSONSchemaResolveEventContext } from 'amis-editor-core';
-export declare class FlexPlugin extends BasePlugin {
-    rendererName: string;
-    $schema: string;
-    disabledRendererPlugin: boolean;
+import { FlexPluginBase } from './Layout/FlexPluginBase';
+export declare class FlexPlugin extends FlexPluginBase {
     name: string;
-    isBaseComponent: boolean;
-    icon: string;
     pluginIcon: string;
     description: string;
-    docLink: string;
-    tags: string[];
-    scaffold: {
-        type: string;
-        items: {
-            type: string;
-            body: string;
-        }[];
-    };
-    previewSchema: {
-        type: string;
-        items: {
-            type: string;
-            body: string;
-        }[];
-    };
-    panelTitle: string;
-    panelBody: any[];
-    regions: Array<RegionConfig>;
-    afterResolveJsonSchema(event: PluginEvent<RendererJSONSchemaResolveEventContext>): void;
 }

package/esm/plugin/Flex.js

@@ -1,173 +1,39 @@
 /**
- * amis-editor v5.2.0-beta.2
+ * amis-editor v5.2.1-beta.15
  * Copyright 2018-2022 @fex
  */
 
-import { __extends, __assign, __spreadArray } from 'tslib';
-import { getSchemaTpl, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { __extends } from 'tslib';
+import { registerEditorPlugin } from 'amis-editor-core';
+import { FlexPluginBase } from './Layout/FlexPluginBase.js';
 import { i18n } from 'i18n-runtime';
 
-var FlexPlugin =
-/** @class */
-function (_super) {
+var FlexPlugin = /** @class */function (_super) {
   __extends(FlexPlugin, _super);
-
   function FlexPlugin() {
-    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
-
-
-    _this.rendererName = 'flex';
-    _this.$schema = '/schemas/FlexSchema.json';
-    _this.disabledRendererPlugin = true; // 组件名称
-
-    _this.name = i18n("f549581bf93c72ed69c37e906e04191d");
-    _this.isBaseComponent = true;
-    _this.icon = 'fa fa-columns';
-    _this.pluginIcon = 'flex-plugin';
-    _this.description = i18n("6ab8332f3da284b137d54f6ba901e93c");
-    _this.docLink = '/amis/zh-CN/components/flex';
-    _this.tags = [i18n("22c799040acdb2601b437ed5449de076")];
-    _this.scaffold = {
-      type: 'flex',
-      items: [{
-        type: 'wrapper',
-        body: i18n("ef5abdfc944546ddcbe10e9884cf5832")
-      }, {
-        type: 'wrapper',
-        body: i18n("874fdb7b3a5730910a4de1c58220c337")
-      }, {
-        type: 'wrapper',
-        body: i18n("3a76596e73fa265257ce90b7bed684c7")
-      }]
-    };
-    _this.previewSchema = __assign({}, _this.scaffold);
-    _this.panelTitle = 'Flex';
-    _this.panelBody = [getSchemaTpl('tabs', [{
-      title: i18n("24d67862f87f439db7ca957aecb77cce"),
-      className: 'p-none',
-      body: [getSchemaTpl('collapseGroup', [{
-        title: i18n("5aefca559c5a41d10078e21e6d616825"),
-        body: [{
-          name: 'justify',
-          type: 'select',
-          value: 'center',
-          label: i18n("2fdc3722b88a2ba5077e0d11156ede6a"),
-          menuTpl: "<div class='flex justify-between'><span>${label}</span><span class='text-muted text-sm'>${value}</span></div>",
-          options: [{
-            label: i18n("4ba6c2256050d805ae5cd1e0e84737cf"),
-            value: 'flex-start'
-          }, {
-            label: i18n("56c17ba6a56c01706ae00a31611deb03"),
-            value: 'center'
-          }, {
-            label: i18n("abeb360ab1e66534a041fb8b44e1a00e"),
-            value: 'flex-end'
-          }, {
-            label: i18n("d5a3cb1cc31a0469b011abdbd3e947f7"),
-            value: 'space-around'
-          }, {
-            label: i18n("85530444a72a840ee657e2df99970136"),
-            value: 'space-between'
-          }, {
-            label: i18n("9aad08fbd356fb4279f0efa81b3d016e"),
-            value: 'space-evenly'
-          }, {
-            label: i18n("ae558cbf4c35d381b6542f517f2e8dff"),
-            value: 'stretch'
-          }]
-        }, {
-          name: 'alignItems',
-          type: 'select',
-          value: 'center',
-          label: i18n("70d39e84bc1ecefaf6e19cf78c9574fe"),
-          menuTpl: "<div class='flex justify-between'><span>${label}</span><span class='text-muted text-sm'>${value}</span></div>",
-          options: [{
-            label: i18n("4ba6c2256050d805ae5cd1e0e84737cf"),
-            value: 'flex-start'
-          }, {
-            label: i18n("56c17ba6a56c01706ae00a31611deb03"),
-            value: 'center'
-          }, {
-            label: i18n("abeb360ab1e66534a041fb8b44e1a00e"),
-            value: 'flex-end'
-          }, {
-            label: i18n("ed97c73866617b40a7b1215867e0f489"),
-            value: 'baseline'
-          }, {
-            label: i18n("7ac1519928de413cfe36f5d2e0610430"),
-            value: 'stretch'
-          }]
-        }, {
-          name: 'direction',
-          type: 'button-group-select',
-          size: 'sm',
-          label: i18n("de26e1294acedb55155a418630d57924"),
-          value: 'row',
-          mode: 'row',
-          options: [{
-            label: i18n("4cde06e6162ed66720e3133cb83bc059"),
-            value: 'row'
-          }, {
-            label: i18n("75ac842f8e77305846f1d776f97dfaf8"),
-            value: 'column'
-          }]
-        }]
-      }, {
-        title: i18n("8e15f51c9512fdbf4287794d6642a90b"),
-        body: [{
-          name: 'items',
-          label: false,
-          type: 'combo',
-          scaffold: {
-            type: 'wrapper',
-            body: i18n("bc78248b34b7bf18691e6d385e0f544b")
-          },
-          minLength: 2,
-          multiple: true,
-          // draggable: true,
-          draggableTip: '',
-          items: [{
-            type: 'tpl',
-            tpl: i18n("197af5d5971778e3b80deb25182d63e3")
-          }]
-        }]
-      }])]
-    }, {
-      title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
-      className: 'p-none',
-      body: getSchemaTpl('collapseGroup', __spreadArray(__spreadArray([], getSchemaTpl('style:common', ['display']), true), [{
-        title: i18n("4434b33a8731a73613ba5fa1eb984efb"),
-        body: [getSchemaTpl('className', {
-          label: i18n("023c4bfc60545a2668c2d5111171b5d8")
-        })]
-      }], false))
-    }, {
-      title: i18n("3fea7ca76cdece641436d7ab0d02ab1b"),
-      body: [getSchemaTpl('visible'), getSchemaTpl('disabled')]
-    }])];
-    _this.regions = [{
-      key: 'items',
-      label: i18n("a4611da51ffee9140976d01668e45d45"),
-      // 复写渲染器里面的 render 方法
-      renderMethod: 'render',
-      dndMode: 'position-h'
-    }];
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("b1b98c19058af70d8bd499e1899e93bc")
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'flex-container-plugin'
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("2794fe303cf8ad4395fe93271fae7925")
+    });
     return _this;
   }
-
-  FlexPlugin.prototype.afterResolveJsonSchema = function (event) {
-    var _a, _b;
-
-    var context = event.context;
-    var parent = (_a = context.node.parent) === null || _a === void 0 ? void 0 : _a.host;
-
-    if (((_b = parent === null || parent === void 0 ? void 0 : parent.info) === null || _b === void 0 ? void 0 : _b.plugin) === this) {
-      event.setData('/schemas/FlexColumn.json');
-    }
-  };
-
   return FlexPlugin;
-}(BasePlugin);
+}(FlexPluginBase);
 registerEditorPlugin(FlexPlugin);
 
 export { FlexPlugin };

package/esm/plugin/Form/ButtonGroupSelect.d.ts

@@ -1,4 +1,4 @@
-import { BasePlugin, BaseEventContext } from 'amis-editor-core';
+import { BasePlugin } from 'amis-editor-core';
 import { RendererPluginAction, RendererPluginEvent } from 'amis-editor-core';
 export declare class ButtonGroupControlPlugin extends BasePlugin {
     rendererName: string;
@@ -13,6 +13,7 @@ export declare class ButtonGroupControlPlugin extends BasePlugin {
     scaffold: {
         type: string;
         name: string;
+        label: string;
         inline: boolean;
         options: {
             label: string;