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

package/lib/plugin/Form/Item.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.1
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -8,258 +8,232 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var AMisCodeEditor = require('amis-editor-core');
+var amisEditorCore = require('amis-editor-core');
 var find = require('lodash/find');
+var i18nRuntime = require('i18n-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var find__default = /*#__PURE__*/_interopDefaultLegacy(find);
 
-var ItemPlugin = /** @class */ (function (_super) {
-    tslib.__extends(ItemPlugin, _super);
-    function ItemPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // panelTitle = '表单项通配';
-        _this.panelTitle = '表单项';
-        _this.order = -990;
-        _this.panelBodyCreator = function (context) {
-            var ignoreName = ~['button', 'submit', 'reset'].indexOf(context.schema.type);
-            var notRequiredName = ~[
-                'button-toobar',
-                'container',
-                'fieldSet',
-                'group',
-                'grid',
-                'hbox',
-                'input-group',
-                'panel',
-                'service',
-                'tabs',
-                'table',
-                'elevator',
-                'static'
-            ].indexOf(context.schema.type);
-            var hasReadOnly = ~[
-                'switch',
-                'wizard',
-                'diff-editor',
-                'editor',
-                'input-rating',
-                'input-text',
-                'textarea'
-            ].indexOf(context.schema.type);
-            /** 不支持配置校验属性的组件 */
-            var ignoreValidator = !!~['input-group'].indexOf(context.schema.type);
-            var autoFillApi = context.schema.autoFillApi;
-            var renderer = context.info.renderer;
-            return [
-                AMisCodeEditor.getSchemaTpl('tabs', [
-                    {
-                        title: '常规',
-                        body: [
-                            ignoreName
-                                ? null
-                                : AMisCodeEditor.getSchemaTpl('formItemName', {
-                                    required: notRequiredName ? false : true
-                                }),
-                            renderer.renderLabel !== false ? AMisCodeEditor.getSchemaTpl('label') : null,
-                            hasReadOnly
-                                ? AMisCodeEditor.getSchemaTpl('switch', {
-                                    name: 'readOnly',
-                                    label: '只读模式'
-                                })
-                                : null,
-                            AMisCodeEditor.getSchemaTpl('switch', {
-                                name: 'disabled',
-                                label: '禁用',
-                                mode: 'inline',
-                                className: 'w-full'
-                            }),
-                            ignoreValidator ? null : AMisCodeEditor.getSchemaTpl('required'),
-                            AMisCodeEditor.getSchemaTpl('description'),
-                            AMisCodeEditor.getSchemaTpl('placeholder'),
-                            AMisCodeEditor.getSchemaTpl('remark'),
-                            renderer.renderLabel !== false ? AMisCodeEditor.getSchemaTpl('labelRemark') : null,
-                            autoFillApi ? AMisCodeEditor.getSchemaTpl('autoFillApi') : null
-                        ]
-                    },
-                    {
-                        title: '外观',
-                        body: [
-                            AMisCodeEditor.getSchemaTpl('formItemMode'),
-                            AMisCodeEditor.getSchemaTpl('horizontalMode'),
-                            AMisCodeEditor.getSchemaTpl('horizontal', {
-                                label: '',
-                                visibleOn: 'data.mode == "horizontal" && data.label !== false && data.horizontal'
-                            }),
-                            renderer.sizeMutable !== false
-                                ? AMisCodeEditor.getSchemaTpl('formItemSize')
-                                : null,
-                            AMisCodeEditor.getSchemaTpl('formItemInline'),
-                            AMisCodeEditor.getSchemaTpl('className'),
-                            AMisCodeEditor.getSchemaTpl('className', {
-                                label: 'Label CSS 类名',
-                                name: 'labelClassName'
-                            }),
-                            AMisCodeEditor.getSchemaTpl('className', {
-                                label: '控件 CSS 类名',
-                                name: 'inputClassName'
-                            }),
-                            AMisCodeEditor.getSchemaTpl('className', {
-                                label: '描述 CSS 类名',
-                                name: 'descriptionClassName',
-                                visibleOn: 'this.description'
-                            })
-                        ]
-                    },
-                    {
-                        title: '显隐',
-                        body: [
-                            // TODO: 有些表单项没有 disabled
-                            AMisCodeEditor.getSchemaTpl('disabled'),
-                            AMisCodeEditor.getSchemaTpl('visible'),
-                            AMisCodeEditor.getSchemaTpl('switch', {
-                                name: 'clearValueOnHidden',
-                                label: '隐藏时删除表单项值',
-                                disabledOn: 'typeof this.visible === "boolean"'
-                            })
-                        ]
-                    },
-                    ignoreValidator
-                        ? null
-                        : {
-                            title: '验证',
-                            body: [
-                                // getSchemaTplByName('ref'),
-                                AMisCodeEditor.getSchemaTpl('validations'),
-                                AMisCodeEditor.getSchemaTpl('validationErrors'),
-                                AMisCodeEditor.getSchemaTpl('validateOnChange'),
-                                AMisCodeEditor.getSchemaTpl('submitOnChange'),
-                                AMisCodeEditor.getSchemaTpl('api', {
-                                    name: 'validateApi',
-                                    label: '校验接口',
-                                    description: '单独校验这个表单项的接口'
-                                })
-                            ]
-                        }
-                ])
-            ];
-        };
-        return _this;
-        // beforeInsert(event: PluginEvent<InsertEventContext>) {
-        //   const context = event.context;
-        //   if (
-        //     context.region === 'controls' &&
-        //     Array.isArray(context.subRenderer?.tags) &&
-        //     !~context.subRenderer!.tags!.indexOf('表单项') &&
-        //     ~context.subRenderer!.tags!.indexOf('展示')
-        //   ) {
-        //     context.data = {
-        //       ...context.data,
-        //       type: `static-${context.data.type}`,
-        //       label: context.data.label || context.subRenderer!.name,
-        //       name: context.data.name || 'var1'
-        //     };
-        //   }
-        // }
-    }
-    ItemPlugin.prototype.buildEditorPanel = function (context, panels) {
-        var renderer = context.info.renderer;
-        if (context.selections.length) {
-            return;
-        }
-        var plugin = context.info.plugin;
-        // 如果是表单项
-        if (!context.info.hostId &&
-            (renderer === null || renderer === void 0 ? void 0 : renderer.isFormItem) &&
-            !(plugin === null || plugin === void 0 ? void 0 : plugin.notRenderFormZone)) {
-            panels.push({
-                key: 'form-item',
-                icon: 'fa fa-desktop',
-                title: this.panelTitle,
-                render: this.manager.makeSchemaFormRender({
-                    body: this.panelBodyCreator(context),
-                    rendererName: plugin.rendererName,
-                    formKey: 'form-item',
-                }),
-                order: -200
-            });
-        }
-    };
-    ItemPlugin.prototype.afterUpdate = function (event) {
-        var _a, _b;
-        var context = event.context;
-        if (/\$/.test(context.info.renderer.name) &&
-            ((_a = context.diff) === null || _a === void 0 ? void 0 : _a.some(function (change) { var _a; return ((_a = change.path) === null || _a === void 0 ? void 0 : _a.join('.')) === 'value'; }))) {
-            var change = find__default["default"](context.diff, function (change) { var _a; return ((_a = change.path) === null || _a === void 0 ? void 0 : _a.join('.')) === 'value'; });
-            var component = (_b = this.manager.store
-                .getNodeById(context.id)) === null || _b === void 0 ? void 0 : _b.getComponent();
-            component === null || component === void 0 ? void 0 : component.props.onChange(change === null || change === void 0 ? void 0 : change.rhs);
-        }
-    };
-    ItemPlugin.prototype.beforeReplace = function (event) {
-        var context = event.context;
-        if (context.info.renderer.isFormItem &&
-            context.data &&
-            context.subRenderer &&
-            !~context.subRenderer.tags.indexOf('表单项') &&
-            ~context.subRenderer.tags.indexOf('展示')) {
-            context.data = tslib.__assign(tslib.__assign({}, context.data), { type: "static-".concat(context.data.type), label: context.data.label || context.schema.label, name: context.data.name || context.schema.name });
-        }
-        // 替换字段的时候保留 name
-        if (context.schema) {
-            context.data.name = context.schema.name || context.data.name;
-        }
+var ItemPlugin =
+/** @class */
+function (_super) {
+  tslib.__extends(ItemPlugin, _super);
+
+  function ItemPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // panelTitle = '表单项通配';
+
+
+    _this.panelTitle = i18nRuntime.i18n("55b45c73ae417c4dead67905b1550e85");
+    _this.order = -990;
+    _this.pluginIcon = 'form-plugin';
+
+    _this.panelBodyCreator = function (context) {
+      var ignoreName = ~['button', 'submit', 'reset'].indexOf(context.schema.type);
+      var notRequiredName = ~['button-toobar', 'container', 'fieldSet', 'group', 'grid', 'hbox', 'input-group', 'panel', 'service', 'tabs', 'table', 'elevator', 'static'].indexOf(context.schema.type);
+      var hasReadOnly = ~['switch', 'wizard', 'diff-editor', 'editor', 'input-rating', 'input-text', 'textarea'].indexOf(context.schema.type);
+      /** 不支持配置校验属性的组件 */
+
+      var ignoreValidator = !!~['input-group'].indexOf(context.schema.type);
+      var renderer = context.info.renderer;
+      return [amisEditorCore.getSchemaTpl('tabs', [{
+        title: i18nRuntime.i18n("22b777e6fcb613b8ba83ced9594cd07e"),
+        body: [ignoreName ? null : amisEditorCore.getSchemaTpl('formItemName', {
+          required: notRequiredName ? false : true
+        }), renderer.renderLabel !== false ? amisEditorCore.getSchemaTpl('label') : null, hasReadOnly ? amisEditorCore.getSchemaTpl('switch', {
+          name: 'readOnly',
+          label: i18nRuntime.i18n("973b69af999dbdf4fa124df8c928ca6e")
+        }) : null, amisEditorCore.getSchemaTpl('switch', {
+          name: 'disabled',
+          label: i18nRuntime.i18n("710ad08b11419332713360d2750cd707"),
+          mode: 'horizontal',
+          horizontal: {
+            justify: true,
+            left: 8
+          },
+          inputClassName: 'is-inline '
+        }), ignoreValidator ? null : amisEditorCore.getSchemaTpl('required'), amisEditorCore.getSchemaTpl('description'), amisEditorCore.getSchemaTpl('placeholder'), amisEditorCore.getSchemaTpl('remark', {
+          mode: 'row'
+        }), renderer.renderLabel !== false ? amisEditorCore.getSchemaTpl('labelRemark', {
+          mode: 'row'
+        }) : null]
+      }, {
+        title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: [amisEditorCore.getSchemaTpl('formItemMode'), amisEditorCore.getSchemaTpl('horizontalMode'), amisEditorCore.getSchemaTpl('horizontal', {
+          label: '',
+          visibleOn: 'data.mode == "horizontal" && data.label !== false && data.horizontal'
+        }), renderer.sizeMutable !== false ? amisEditorCore.getSchemaTpl('formItemSize') : null, amisEditorCore.getSchemaTpl('formItemInline'), amisEditorCore.getSchemaTpl('className'), amisEditorCore.getSchemaTpl('className', {
+          label: i18nRuntime.i18n("6d0034a2419e1f394dedab07994b9665"),
+          name: 'labelClassName'
+        }), amisEditorCore.getSchemaTpl('className', {
+          label: i18nRuntime.i18n("2cadb6621afe19333b142faa541b0f91"),
+          name: 'inputClassName'
+        }), amisEditorCore.getSchemaTpl('className', {
+          label: i18nRuntime.i18n("0e627e6a0ff773ee76bc4cc0871cb48d"),
+          name: 'descriptionClassName',
+          visibleOn: 'this.description'
+        })]
+      }, {
+        title: i18nRuntime.i18n("33bf801796fd255b5f6147e33146669b"),
+        body: [// TODO: 有些表单项没有 disabled
+        amisEditorCore.getSchemaTpl('disabled'), amisEditorCore.getSchemaTpl('visible'), amisEditorCore.getSchemaTpl('switch', {
+          name: 'clearValueOnHidden',
+          label: i18nRuntime.i18n("7abf78a41095c6d21a1cc89b4a876233"),
+          disabledOn: 'typeof this.visible === "boolean"'
+        })]
+      }, ignoreValidator ? null : {
+        title: i18nRuntime.i18n("cd8992b644e6c18367861a4d913fd116"),
+        body: [// getSchemaTplByName('ref'),
+        amisEditorCore.getSchemaTpl('validations'), amisEditorCore.getSchemaTpl('validationErrors'), amisEditorCore.getSchemaTpl('validateOnChange'), amisEditorCore.getSchemaTpl('submitOnChange'), amisEditorCore.getSchemaTpl('api', {
+          name: 'validateApi',
+          label: i18nRuntime.i18n("1040279cf7b8dbdb842f597c30095f62"),
+          description: i18nRuntime.i18n("133886b10fd9721e6cf91b76f2df5b6e")
+        })]
+      }])];
     };
-    ItemPlugin.prototype.buildEditorContextMenu = function (_a, menus) {
-        var _this = this;
-        _a.id; _a.schema; _a.region; var selections = _a.selections;
-        if (!selections.length || selections.length > 3) {
-            // 单选或者超过3个选中态时直接返回
-            return;
-        }
+
+    return _this; // beforeInsert(event: PluginEvent<InsertEventContext>) {
+    //   const context = event.context;
+    //   if (
+    //     context.region === 'controls' &&
+    //     Array.isArray(context.subRenderer?.tags) &&
+    //     !~context.subRenderer!.tags!.indexOf('表单项') &&
+    //     ~context.subRenderer!.tags!.indexOf('展示')
+    //   ) {
+    //     context.data = {
+    //       ...context.data,
+    //       type: `static-${context.data.type}`,
+    //       label: context.data.label || context.subRenderer!.name,
+    //       name: context.data.name || 'var1'
+    //     };
+    //   }
+    // }
+  }
+
+  ItemPlugin.prototype.buildEditorPanel = function (context, panels) {
+    var thisPlugin = this;
+    var renderer = context.info.renderer;
+    var store = this.manager.store;
+
+    if (context.selections.length) {
+      return;
+    }
+
+    var plugin = context.info.plugin; // 如果是表单项
+
+    if (!context.info.hostId && (renderer === null || renderer === void 0 ? void 0 : renderer.isFormItem) && !(plugin === null || plugin === void 0 ? void 0 : plugin.notRenderFormZone)) {
+      panels.push({
+        key: 'form-item',
+        icon: 'fa fa-desktop',
+        pluginIcon: thisPlugin.pluginIcon,
+        title: this.panelTitle,
+        render: this.manager.makeSchemaFormRender({
+          body: this.panelBodyCreator(context),
+          panelById: store.activeId,
+          formKey: 'form-item'
+        }),
+        order: -200
+      });
+    }
+  };
+
+  ItemPlugin.prototype.afterUpdate = function (event) {
+    var _a, _b;
+
+    var context = event.context;
+
+    if (/\$/.test(context.info.renderer.name) && ((_a = context.diff) === null || _a === void 0 ? void 0 : _a.some(function (change) {
+      var _a;
+
+      return ((_a = change.path) === null || _a === void 0 ? void 0 : _a.join('.')) === 'value';
+    }))) {
+      var change = find__default["default"](context.diff, function (change) {
+        var _a;
+
+        return ((_a = change.path) === null || _a === void 0 ? void 0 : _a.join('.')) === 'value';
+      });
+      var component = (_b = this.manager.store.getNodeById(context.id)) === null || _b === void 0 ? void 0 : _b.getComponent();
+      component === null || component === void 0 ? void 0 : component.props.onChange(change === null || change === void 0 ? void 0 : change.rhs);
+    }
+  };
+
+  ItemPlugin.prototype.beforeReplace = function (event) {
+    var context = event.context;
+
+    if (context.info.renderer.isFormItem && context.data && context.subRenderer && !~context.subRenderer.tags.indexOf(i18nRuntime.i18n("55b45c73ae417c4dead67905b1550e85")) && ~context.subRenderer.tags.indexOf(i18nRuntime.i18n("027446c2f9070b0f5b16a18208bf5fc7"))) {
+      context.data = tslib.__assign(tslib.__assign({}, context.data), {
+        type: "static-".concat(context.data.type),
+        label: context.data.label || context.schema.label,
+        name: context.data.name || context.schema.name
+      });
+    } // 替换字段的时候保留 name
+
+
+    if (context.schema) {
+      context.data.name = context.schema.name || context.data.name;
+    }
+  };
+
+  ItemPlugin.prototype.buildEditorContextMenu = function (_a, menus) {
+    var _this = this;
+
+    _a.id;
+        _a.schema;
+        _a.region;
+        var selections = _a.selections;
+
+    if (!selections.length || selections.length > 3) {
+      // 单选或者超过3个选中态时直接返回
+      return;
+    }
+
+    var arr = selections.concat();
+    var first = arr.shift();
+    var parent = first.node.parent; // 不在一个父节点，或者当前有非表单项，则直接跳过
+
+    if (arr.some(function (elem) {
+      var _a;
+
+      return elem.node.parent !== parent || !((_a = elem.info.renderer) === null || _a === void 0 ? void 0 : _a.isFormItem);
+    })) {
+      // 备注：isFormItem在amis注册渲染器时生成，所有表单类渲染器isFormItem为true
+      return;
+    }
+
+    menus.unshift({
+      label: i18nRuntime.i18n("b95c6e14a4d8f6a6c6d99d583916f327"),
+      icon: 'merge-icon',
+      onSelect: function () {
+        var store = _this.manager.store;
         var arr = selections.concat();
         var first = arr.shift();
-        var parent = first.node.parent;
-        // 不在一个父节点，或者当前有非表单项，则直接跳过
-        if (arr.some(function (elem) { var _a; return elem.node.parent !== parent || !((_a = elem.info.renderer) === null || _a === void 0 ? void 0 : _a.isFormItem); })) {
-            // 备注：isFormItem在amis注册渲染器时生成，所有表单类渲染器isFormItem为true
-            return;
-        }
-        menus.unshift({
-            label: '合成一行',
-            icon: 'merge-icon',
-            onSelect: function () {
-                var store = _this.manager.store;
-                var arr = selections.concat();
-                var first = arr.shift();
-                var schema = store.schema;
-                var group = [
-                    tslib.__assign({}, first.schema)
-                ];
-                // 让后面的 JSONPipeIn 去变一个 id
-                // 因为 update 的时候，group 不会变 id
-                // 不能两个 id 一样，这样点选就乱了。
-                delete group[0].$$id;
-                arr.forEach(function (elem) {
-                    group.push(elem.node.schema);
-                    schema = AMisCodeEditor.JSONDelete(schema, elem.id);
-                });
-                var curNewGroup = AMisCodeEditor.JSONPipeIn({
-                    type: 'group',
-                    body: group
-                });
-                schema = AMisCodeEditor.JSONUpdate(schema, first.id, curNewGroup, true);
-                store.traceableSetSchema(schema);
-                setTimeout(function () {
-                    // 合并成一行后自动选中父元素
-                    store.setActiveId(first.id);
-                }, 40);
-            }
-        }, '|');
-    };
-    return ItemPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(ItemPlugin);
+        var schema = store.schema;
+        var group = [tslib.__assign({}, first.schema)]; // 让后面的 JSONPipeIn 去变一个 id
+        // 因为 update 的时候，group 不会变 id
+        // 不能两个 id 一样，这样点选就乱了。
+
+        delete group[0].$$id;
+        arr.forEach(function (elem) {
+          group.push(elem.node.schema);
+          schema = amisEditorCore.JSONDelete(schema, elem.id);
+        });
+        var curNewGroup = amisEditorCore.JSONPipeIn({
+          type: 'group',
+          body: group
+        });
+        schema = amisEditorCore.JSONUpdate(schema, first.id, curNewGroup, true);
+        store.traceableSetSchema(schema);
+        setTimeout(function () {
+          // 合并成一行后自动选中父元素
+          store.setActiveId(first.id);
+        }, 40);
+      }
+    }, '|');
+  };
+
+  return ItemPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(ItemPlugin);
 
 exports.ItemPlugin = ItemPlugin;

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

@@ -1,5 +1,5 @@
 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 ListControlPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
@@ -7,6 +7,7 @@ export declare class ListControlPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     icon: string;
+    pluginIcon: string;
     description: string;
     docLink: string;
     tags: string[];
@@ -22,7 +23,7 @@ export declare class ListControlPlugin extends BasePlugin {
     previewSchema: any;
     notRenderFormZone: boolean;
     panelTitle: string;
-    events: RendererEvent[];
-    actions: RendererAction[];
+    events: RendererPluginEvent[];
+    actions: RendererPluginAction[];
     panelBodyCreator: (context: BaseEventContext) => any[];
 }