amis-editor 5.2.0-beta.1 → 5.2.0-beta.2

package/lib/plugin/Each.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.1
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -10,122 +10,145 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var amis = require('amis');
 var React = require('react');
-var AMisCodeEditor = require('amis-editor-core');
+var amisEditorCore = require('amis-editor-core');
+var i18nRuntime = require('i18n-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var EachPlugin = /** @class */ (function (_super) {
-    tslib.__extends(EachPlugin, _super);
-    function EachPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'each';
-        _this.$schema = '/schemas/EachSchema.json';
-        // 组件名称
-        _this.name = '循环 Each';
-        _this.isBaseComponent = true;
-        _this.description = '功能渲染器，可以基于现有变量循环输出渲染器。';
-        _this.tags = ['功能'];
-        _this.icon = 'fa fa-repeat';
-        _this.scaffold = {
-            type: 'each',
-            name: 'arr',
-            items: {
-                type: 'tpl',
-                tpl: '<%= data.index + 1 %>. 内容：<%= data.item %>',
-                inline: false
-            }
-        };
-        _this.previewSchema = tslib.__assign(tslib.__assign({}, _this.scaffold), { value: ['a', 'b', 'c'] });
-        _this.panelTitle = '循环';
-        _this.panelBodyCreator = function (context) {
-            return [
-                {
-                    type: 'input-text',
-                    name: 'name',
-                    label: '关联字段',
-                    placeholder: 'varname',
-                    description: '如果所在容器有下发 value 则不需要配置，如果没有请配置变量名，支持多层级如：a.b，表示关联a对象下的b属性。目标变量可以是数组，也可以是对象。'
-                },
-                {
-                    children: (React__default["default"].createElement(amis.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: '占位符',
-                    pipeIn: AMisCodeEditor.defaultValue('暂无内容'),
-                    description: '当没有关联变量，或者目标变量不是数组或者对象时显示此占位信息'
-                },
-                AMisCodeEditor.getSchemaTpl('className')
-            ];
-        };
-        return _this;
-    }
-    EachPlugin.prototype.filterProps = function (props) {
-        props = AMisCodeEditor.JSONPipeOut(props);
-        // 至少显示一个成员，否则啥都不显示。
-        if (!props.value) {
-            props.value = [
-                {
-                    item: 'mocked data'
-                }
-            ];
-        }
-        return props;
-    };
-    EachPlugin.prototype.buildEditorToolbar = function (_a, toolbars) {
-        var id = _a.id, info = _a.info;
-        if (info.renderer.name === 'each') {
-            toolbars.push({
-                icon: 'fa fa-expand',
-                order: 100,
-                tooltip: '配置成员渲染器',
-                onClick: this.editDetail.bind(this, id)
-            });
-        }
-    };
-    EachPlugin.prototype.buildEditorContextMenu = 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 (info.renderer.name === 'each') {
-            menus.push('|', {
-                label: '配置成员渲染器',
-                onSelect: this.editDetail.bind(this, id)
-            });
-        }
+var EachPlugin =
+/** @class */
+function (_super) {
+  tslib.__extends(EachPlugin, _super);
+
+  function EachPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'each';
+    _this.$schema = '/schemas/EachSchema.json'; // 组件名称
+
+    _this.name = i18nRuntime.i18n("ff9f6c2d74c413daa3cd6fb12f8dfd3e");
+    _this.isBaseComponent = true;
+    _this.description = i18nRuntime.i18n("f34111ff3694a6c6de6e31bef8ebadcb");
+    _this.tags = [i18nRuntime.i18n("997c7a5d34f6fc628893f509d0df32e0")];
+    _this.icon = 'fa fa-repeat';
+    _this.pluginIcon = 'each-plugin';
+    _this.scaffold = {
+      type: 'each',
+      name: 'arr',
+      items: {
+        type: 'tpl',
+        tpl: i18nRuntime.i18n("874268022baac239b06c40600d3ce080"),
+        inline: false
+      }
     };
-    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: '配置成员渲染器',
-                value: value.items,
-                slot: {
-                    type: 'container',
-                    body: '$$'
-                },
-                typeMutable: true,
-                onChange: function (newValue) {
-                    newValue = tslib.__assign(tslib.__assign({}, value), { items: newValue });
-                    manager.panelChangeValue(newValue, AMisCodeEditor.diff(value, newValue));
-                },
-                data: {
-                    item: 'mocked data',
-                    index: 0
-                }
-            });
+    _this.previewSchema = tslib.__assign(tslib.__assign({}, _this.scaffold), {
+      value: ['a', 'b', 'c']
+    });
+    _this.panelTitle = i18nRuntime.i18n("69bdc66bb88ac5b63053e2bb7db41801");
+
+    _this.panelBodyCreator = function (context) {
+      return [{
+        type: 'input-text',
+        name: 'name',
+        label: i18nRuntime.i18n("0a2907a421b8f980986117e4f3044f92"),
+        placeholder: 'varname',
+        description: i18nRuntime.i18n("b7c16dedc4291d333fba7628ec9eb073")
+      }, {
+        children: React__default["default"].createElement(amis.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: i18nRuntime.i18n("4c1cff4d8c05daa6ed9352a241ee628c"),
+        pipeIn: amisEditorCore.defaultValue(i18nRuntime.i18n("4726ff4e62d3fcfa4b090aaefc393229")),
+        description: i18nRuntime.i18n("5d5f9d49fcb2109f94a43590ef796ca7")
+      }, amisEditorCore.getSchemaTpl('className')];
     };
-    return EachPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(EachPlugin);
+
+    return _this;
+  }
+
+  EachPlugin.prototype.filterProps = function (props) {
+    props = amisEditorCore.JSONPipeOut(props); // 至少显示一个成员，否则啥都不显示。
+
+    if (!props.value) {
+      props.value = [{
+        item: 'mocked data'
+      }];
+    }
+
+    return props;
+  };
+
+  EachPlugin.prototype.buildEditorToolbar = function (_a, toolbars) {
+    var id = _a.id,
+        info = _a.info;
+
+    if (info.renderer.name === 'each') {
+      toolbars.push({
+        icon: 'fa fa-expand',
+        order: 100,
+        tooltip: i18nRuntime.i18n("39a6853b109ae98f1aabca90283d7edc"),
+        onClick: this.editDetail.bind(this, id)
+      });
+    }
+  };
+
+  EachPlugin.prototype.buildEditorContextMenu = 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 (info.renderer.name === 'each') {
+      menus.push('|', {
+        label: i18nRuntime.i18n("39a6853b109ae98f1aabca90283d7edc"),
+        onSelect: this.editDetail.bind(this, id)
+      });
+    }
+  };
+
+  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: i18nRuntime.i18n("39a6853b109ae98f1aabca90283d7edc"),
+      value: value.items,
+      slot: {
+        type: 'container',
+        body: '$$'
+      },
+      typeMutable: true,
+      onChange: function (newValue) {
+        newValue = tslib.__assign(tslib.__assign({}, value), {
+          items: newValue
+        });
+        manager.panelChangeValue(newValue, amisEditorCore.diff(value, newValue));
+      },
+      data: {
+        item: 'mocked data',
+        index: 0
+      }
+    });
+  };
+
+  return EachPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(EachPlugin);
 
 exports.EachPlugin = EachPlugin;

package/lib/plugin/Flex.d.ts

@@ -6,6 +6,7 @@ export declare class FlexPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     icon: string;
+    pluginIcon: string;
     description: string;
     docLink: string;
     tags: string[];

package/lib/plugin/Flex.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.1
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -8,196 +8,170 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var AMisCodeEditor = require('amis-editor-core');
+var amisEditorCore = require('amis-editor-core');
+var i18nRuntime = require('i18n-runtime');
 
-var FlexPlugin = /** @class */ (function (_super) {
-    tslib.__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 = 'Flex 布局';
-        _this.isBaseComponent = true;
-        _this.icon = 'fa fa-columns';
-        _this.description = 'flex 布局';
-        _this.docLink = '/amis/zh-CN/components/flex';
-        _this.tags = ['容器'];
-        _this.scaffold = {
-            type: 'flex',
-            items: [
-                {
-                    type: 'wrapper',
-                    body: '第一列'
-                },
-                {
-                    type: 'wrapper',
-                    body: '第二列'
-                },
-                {
-                    type: 'wrapper',
-                    body: '第三列'
-                }
-            ]
-        };
-        _this.previewSchema = tslib.__assign({}, _this.scaffold);
-        _this.panelTitle = 'Flex';
-        _this.panelBody = [
-            AMisCodeEditor.getSchemaTpl('tabs', [
-                {
-                    title: '属性',
-                    className: 'p-none',
-                    body: [
-                        AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                            {
-                                title: '布局',
-                                body: [
-                                    {
-                                        name: 'justify',
-                                        type: 'select',
-                                        value: 'center',
-                                        label: '子节点水平分布方式',
-                                        menuTpl: "<div class='flex justify-between'><span>${label}</span><span class='text-muted text-sm'>${value}</span></div>",
-                                        options: [
-                                            {
-                                                label: '起始端对齐',
-                                                value: 'flex-start'
-                                            },
-                                            {
-                                                label: '居中对齐',
-                                                value: 'center'
-                                            },
-                                            {
-                                                label: '末尾端对齐',
-                                                value: 'flex-end'
-                                            },
-                                            {
-                                                label: '均匀分布（首尾留空）',
-                                                value: 'space-around'
-                                            },
-                                            {
-                                                label: '均匀分布（首尾对齐）',
-                                                value: 'space-between'
-                                            },
-                                            {
-                                                label: '均匀分布（元素等间距）',
-                                                value: 'space-evenly'
-                                            },
-                                            {
-                                                label: '均匀分布（自动拉伸）',
-                                                value: 'stretch'
-                                            }
-                                        ]
-                                    },
-                                    {
-                                        name: 'alignItems',
-                                        type: 'select',
-                                        value: 'center',
-                                        label: '子节点垂直方向位置',
-                                        menuTpl: "<div class='flex justify-between'><span>${label}</span><span class='text-muted text-sm'>${value}</span></div>",
-                                        options: [
-                                            {
-                                                label: '起始端对齐',
-                                                value: 'flex-start'
-                                            },
-                                            {
-                                                label: '居中对齐',
-                                                value: 'center'
-                                            },
-                                            {
-                                                label: '末尾端对齐',
-                                                value: 'flex-end'
-                                            },
-                                            {
-                                                label: '基线对齐',
-                                                value: 'baseline'
-                                            },
-                                            {
-                                                label: '自动拉伸',
-                                                value: 'stretch'
-                                            }
-                                        ]
-                                    },
-                                    {
-                                        name: 'direction',
-                                        type: 'button-group-select',
-                                        size: 'sm',
-                                        label: '布局方向',
-                                        value: 'row',
-                                        mode: 'row',
-                                        options: [
-                                            { label: '水平', value: 'row' },
-                                            { label: '垂直', value: 'column' }
-                                        ]
-                                    }
-                                ]
-                            },
-                            {
-                                title: '子节点管理',
-                                body: [
-                                    {
-                                        name: 'items',
-                                        label: false,
-                                        type: 'combo',
-                                        scaffold: {
-                                            type: 'wrapper',
-                                            body: '子节点内容'
-                                        },
-                                        minLength: 2,
-                                        multiple: true,
-                                        // draggable: true,
-                                        draggableTip: '',
-                                        items: [
-                                            {
-                                                type: 'tpl',
-                                                tpl: '<span class="label label-default">子节点${index | plus}</span>'
-                                            }
-                                        ]
-                                    }
-                                ]
-                            }
-                        ])
-                    ]
-                },
-                {
-                    title: '外观',
-                    className: 'p-none',
-                    body: AMisCodeEditor.getSchemaTpl('collapseGroup', tslib.__spreadArray(tslib.__spreadArray([], AMisCodeEditor.getSchemaTpl('style:common', ['display']), true), [
-                        {
-                            title: 'CSS 类名',
-                            body: [AMisCodeEditor.getSchemaTpl('className', { label: '外层CSS类名' })]
-                        }
-                    ], false))
-                },
-                {
-                    title: '状态',
-                    body: [AMisCodeEditor.getSchemaTpl('visible'), AMisCodeEditor.getSchemaTpl('disabled')]
-                }
-            ])
-        ];
-        _this.regions = [
-            {
-                key: 'items',
-                label: '子节点集合',
-                // 复写渲染器里面的 render 方法
-                renderMethod: 'render',
-                dndMode: 'position-h'
-            }
-        ];
-        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');
-        }
+var FlexPlugin =
+/** @class */
+function (_super) {
+  tslib.__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 = i18nRuntime.i18n("f549581bf93c72ed69c37e906e04191d");
+    _this.isBaseComponent = true;
+    _this.icon = 'fa fa-columns';
+    _this.pluginIcon = 'flex-plugin';
+    _this.description = i18nRuntime.i18n("6ab8332f3da284b137d54f6ba901e93c");
+    _this.docLink = '/amis/zh-CN/components/flex';
+    _this.tags = [i18nRuntime.i18n("22c799040acdb2601b437ed5449de076")];
+    _this.scaffold = {
+      type: 'flex',
+      items: [{
+        type: 'wrapper',
+        body: i18nRuntime.i18n("ef5abdfc944546ddcbe10e9884cf5832")
+      }, {
+        type: 'wrapper',
+        body: i18nRuntime.i18n("874fdb7b3a5730910a4de1c58220c337")
+      }, {
+        type: 'wrapper',
+        body: i18nRuntime.i18n("3a76596e73fa265257ce90b7bed684c7")
+      }]
     };
-    return FlexPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(FlexPlugin);
+    _this.previewSchema = tslib.__assign({}, _this.scaffold);
+    _this.panelTitle = 'Flex';
+    _this.panelBody = [amisEditorCore.getSchemaTpl('tabs', [{
+      title: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce"),
+      className: 'p-none',
+      body: [amisEditorCore.getSchemaTpl('collapseGroup', [{
+        title: i18nRuntime.i18n("5aefca559c5a41d10078e21e6d616825"),
+        body: [{
+          name: 'justify',
+          type: 'select',
+          value: 'center',
+          label: i18nRuntime.i18n("2fdc3722b88a2ba5077e0d11156ede6a"),
+          menuTpl: "<div class='flex justify-between'><span>${label}</span><span class='text-muted text-sm'>${value}</span></div>",
+          options: [{
+            label: i18nRuntime.i18n("4ba6c2256050d805ae5cd1e0e84737cf"),
+            value: 'flex-start'
+          }, {
+            label: i18nRuntime.i18n("56c17ba6a56c01706ae00a31611deb03"),
+            value: 'center'
+          }, {
+            label: i18nRuntime.i18n("abeb360ab1e66534a041fb8b44e1a00e"),
+            value: 'flex-end'
+          }, {
+            label: i18nRuntime.i18n("d5a3cb1cc31a0469b011abdbd3e947f7"),
+            value: 'space-around'
+          }, {
+            label: i18nRuntime.i18n("85530444a72a840ee657e2df99970136"),
+            value: 'space-between'
+          }, {
+            label: i18nRuntime.i18n("9aad08fbd356fb4279f0efa81b3d016e"),
+            value: 'space-evenly'
+          }, {
+            label: i18nRuntime.i18n("ae558cbf4c35d381b6542f517f2e8dff"),
+            value: 'stretch'
+          }]
+        }, {
+          name: 'alignItems',
+          type: 'select',
+          value: 'center',
+          label: i18nRuntime.i18n("70d39e84bc1ecefaf6e19cf78c9574fe"),
+          menuTpl: "<div class='flex justify-between'><span>${label}</span><span class='text-muted text-sm'>${value}</span></div>",
+          options: [{
+            label: i18nRuntime.i18n("4ba6c2256050d805ae5cd1e0e84737cf"),
+            value: 'flex-start'
+          }, {
+            label: i18nRuntime.i18n("56c17ba6a56c01706ae00a31611deb03"),
+            value: 'center'
+          }, {
+            label: i18nRuntime.i18n("abeb360ab1e66534a041fb8b44e1a00e"),
+            value: 'flex-end'
+          }, {
+            label: i18nRuntime.i18n("ed97c73866617b40a7b1215867e0f489"),
+            value: 'baseline'
+          }, {
+            label: i18nRuntime.i18n("7ac1519928de413cfe36f5d2e0610430"),
+            value: 'stretch'
+          }]
+        }, {
+          name: 'direction',
+          type: 'button-group-select',
+          size: 'sm',
+          label: i18nRuntime.i18n("de26e1294acedb55155a418630d57924"),
+          value: 'row',
+          mode: 'row',
+          options: [{
+            label: i18nRuntime.i18n("4cde06e6162ed66720e3133cb83bc059"),
+            value: 'row'
+          }, {
+            label: i18nRuntime.i18n("75ac842f8e77305846f1d776f97dfaf8"),
+            value: 'column'
+          }]
+        }]
+      }, {
+        title: i18nRuntime.i18n("8e15f51c9512fdbf4287794d6642a90b"),
+        body: [{
+          name: 'items',
+          label: false,
+          type: 'combo',
+          scaffold: {
+            type: 'wrapper',
+            body: i18nRuntime.i18n("bc78248b34b7bf18691e6d385e0f544b")
+          },
+          minLength: 2,
+          multiple: true,
+          // draggable: true,
+          draggableTip: '',
+          items: [{
+            type: 'tpl',
+            tpl: i18nRuntime.i18n("197af5d5971778e3b80deb25182d63e3")
+          }]
+        }]
+      }])]
+    }, {
+      title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+      className: 'p-none',
+      body: amisEditorCore.getSchemaTpl('collapseGroup', tslib.__spreadArray(tslib.__spreadArray([], amisEditorCore.getSchemaTpl('style:common', ['display']), true), [{
+        title: i18nRuntime.i18n("4434b33a8731a73613ba5fa1eb984efb"),
+        body: [amisEditorCore.getSchemaTpl('className', {
+          label: i18nRuntime.i18n("023c4bfc60545a2668c2d5111171b5d8")
+        })]
+      }], false))
+    }, {
+      title: i18nRuntime.i18n("3fea7ca76cdece641436d7ab0d02ab1b"),
+      body: [amisEditorCore.getSchemaTpl('visible'), amisEditorCore.getSchemaTpl('disabled')]
+    }])];
+    _this.regions = [{
+      key: 'items',
+      label: i18nRuntime.i18n("a4611da51ffee9140976d01668e45d45"),
+      // 复写渲染器里面的 render 方法
+      renderMethod: 'render',
+      dndMode: 'position-h'
+    }];
+    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;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(FlexPlugin);
 
 exports.FlexPlugin = FlexPlugin;

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

@@ -1,17 +1,19 @@
 import { BasePlugin, BaseEventContext } from 'amis-editor-core';
-import { RendererAction, RendererEvent } from 'amis-editor-comp/dist/renderers/event-action';
+import { RendererPluginAction, RendererPluginEvent } from 'amis-editor-core';
 export declare class ButtonGroupControlPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
     name: string;
     isBaseComponent: boolean;
     icon: string;
+    pluginIcon: string;
     description: string;
     docLink: string;
     tags: string[];
     scaffold: {
         type: string;
         name: string;
+        inline: boolean;
         options: {
             label: string;
             value: string;
@@ -20,8 +22,8 @@ export declare class ButtonGroupControlPlugin extends BasePlugin {
     previewSchema: any;
     notRenderFormZone: boolean;
     panelTitle: string;
-    events: RendererEvent[];
-    actions: RendererAction[];
+    events: RendererPluginEvent[];
+    actions: RendererPluginAction[];
     panelJustify: boolean;
-    panelBodyCreator: (context: BaseEventContext) => any[];
+    panelBodyCreator: (context: BaseEventContext) => any;
 }