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

package/lib/plugin/Form/Combo.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.1
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -9,538 +9,499 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var amis = require('amis');
-var AMisCodeEditor = require('amis-editor-core');
+var amisEditorCore = require('amis-editor-core');
 var React = require('react');
 var amisCore = require('amis-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 ComboControlPlugin = /** @class */ (function (_super) {
-    tslib.__extends(ComboControlPlugin, _super);
-    function ComboControlPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'combo';
-        _this.$schema = '/schemas/ComboControlSchema.json';
-        // 组件名称
-        _this.name = '组合输入';
-        _this.isBaseComponent = true;
-        _this.icon = 'fa fa-group';
-        _this.description = '多个表单项的组合，可配置是否增加和删除初始设定的模板';
-        _this.docLink = '/amis/zh-CN/components/form/combo';
-        _this.tags = ['表单项'];
-        _this.scaffold = {
-            type: 'combo',
-            label: '组合输入',
-            name: 'combo',
-            multiple: true,
-            items: [
-                {
-                    type: 'input-text',
-                    name: 'input-text',
-                    placeholder: '文本'
-                },
-                {
-                    type: 'select',
-                    name: 'select',
-                    placeholder: '选项',
-                    options: [
-                        {
-                            label: 'A',
-                            value: 'a'
-                        },
-                        {
-                            label: 'B',
-                            value: 'b'
-                        }
-                    ]
-                }
-            ]
-        };
-        _this.previewSchema = {
-            type: 'form',
-            className: 'text-left',
-            mode: 'horizontal',
-            wrapWithPanel: false,
-            body: [
-                tslib.__assign(tslib.__assign({}, _this.scaffold), { value: [{ text: 'Row 1', select: 'a' }, {}] })
-            ]
-        };
-        // 事件定义
-        _this.events = [
-            {
-                eventName: 'add',
-                eventLabel: '添加',
-                description: '添加组合项时触发',
-                dataSchema: [
-                    {
-                        type: 'object',
-                        properties: {
-                            'event.data.value': {
-                                type: 'object',
-                                title: '当前组合项的值'
-                            }
-                        }
-                    }
-                ]
-            },
-            {
-                eventName: 'delete',
-                eventLabel: '删除',
-                description: '删除组合项',
-                dataSchema: [
-                    {
-                        type: 'object',
-                        properties: {
-                            'event.data.key': {
-                                type: 'string',
-                                title: '删除项的索引'
-                            },
-                            'event.data.value': {
-                                type: 'string',
-                                title: '现有组合项的值'
-                            }
-                        }
-                    }
-                ]
-            },
-            {
-                eventName: 'tabsChange',
-                eventLabel: '切换tab',
-                description: '当设置 tabsMode 为 true 时，切换选项卡时触发',
-                dataSchema: [
-                    {
-                        type: 'object',
-                        properties: {
-                            'event.data.key': {
-                                type: 'string',
-                                title: '选项卡索引'
-                            }
-                        }
-                    }
-                ]
-            }
-        ];
-        // 动作定义
-        _this.actions = [
-            {
-                actionType: 'clear',
-                actionLabel: '清空',
-                description: '清除选中值'
-            },
-            {
-                actionType: 'reset',
-                actionLabel: '重置',
-                description: '将值重置为resetValue，若没有配置resetValue，则清空'
-            },
-            {
-                actionType: 'setValue',
-                actionLabel: '赋值',
-                description: '触发组件数据更新'
-            }
-        ];
-        _this.panelTitle = '组合输入';
-        _this.panelBodyCreator = function (context) {
-            return [
-                {
-                    name: 'conditions',
-                    type: 'button-group-select',
-                    size: 'sm',
-                    mode: 'inline',
-                    className: 'block',
-                    options: [
-                        {
-                            label: '固定成员类型',
-                            value: '1'
-                        },
-                        {
-                            label: '多分支',
-                            value: '2'
-                        }
-                    ],
-                    pipeIn: function (value) { return (value ? '2' : '1'); },
-                    pipeOut: function (value) {
-                        return value == 2
-                            ? [
-                                {
-                                    label: '类型名称',
-                                    test: '',
-                                    items: [
-                                        {
-                                            type: 'input-text',
-                                            label: '文本',
-                                            name: 'text'
-                                        }
-                                    ],
-                                    scaffold: {}
-                                }
-                            ]
-                            : undefined;
-                    }
-                },
-                {
-                    name: 'conditions',
-                    visibleOn: 'this.conditions',
-                    type: 'combo',
-                    label: '分支管理',
-                    multiple: true,
-                    multiLine: true,
-                    minLength: 1,
-                    items: [
-                        {
-                            label: '名称',
-                            name: 'label',
-                            type: 'input-text',
-                            required: true
-                        },
-                        {
-                            label: '命中条件',
-                            name: 'test',
-                            required: true,
-                            type: 'input-text',
-                            placeholder: '比如: this.type === "text"',
-                            description: '根据成员数据判断是否使用此分支'
-                        },
-                        {
-                            name: 'items',
-                            asFormItem: true,
-                            children: function (_a) {
-                                var value = _a.value, onChange = _a.onChange;
-                                return (React__default["default"].createElement(amis.Button, { size: "sm", level: "danger", className: "m-b", block: true, onClick: function () {
-                                        return _this.manager.openSubEditor({
-                                            title: '配置子表单项',
-                                            value: value,
-                                            slot: {
-                                                type: 'form',
-                                                mode: 'normal',
-                                                body: '$$',
-                                                wrapWithPanel: false,
-                                                className: 'wrapper'
-                                            },
-                                            onChange: onChange
-                                        });
-                                    } }, "\u914D\u7F6E\u5B50\u8868\u5355\u96C6\u5408"));
-                            }
-                        },
-                        {
-                            type: 'textarea',
-                            name: 'scaffold',
-                            required: true,
-                            label: '新增初始值',
-                            pipeOut: AMisCodeEditor.valuePipeOut
-                        }
-                    ],
-                    scaffold: {
-                        label: '类型名称',
-                        test: '',
-                        items: [
-                            {
-                                type: 'input-text',
-                                label: '文本',
-                                name: 'text'
-                            }
-                        ],
-                        scaffold: {}
-                    }
-                },
-                AMisCodeEditor.getSchemaTpl('switch', {
-                    name: 'typeSwitchable',
-                    visibleOn: 'this.conditions',
-                    label: '是否可切换类型',
-                    pipeIn: AMisCodeEditor.defaultValue(true)
-                }),
-                {
-                    name: 'items',
-                    visibleOn: '!this.conditions',
-                    asFormItem: true,
-                    children: function (_a) {
-                        var value = _a.value, onChange = _a.onChange;
-                        return (React__default["default"].createElement(amis.Button, { size: "sm", level: "danger", className: "m-b", block: true, onClick: function () {
-                                _this.manager.openSubEditor({
-                                    title: '配置子表单集合',
-                                    value: value,
-                                    slot: {
-                                        type: 'form',
-                                        mode: 'normal',
-                                        body: '$$',
-                                        wrapWithPanel: false,
-                                        className: 'wrapper'
-                                    },
-                                    onChange: function (value) { return onChange(value); }
-                                });
-                            } }, "\u914D\u7F6E\u5B50\u8868\u5355\u96C6\u5408"));
-                    }
-                },
-                AMisCodeEditor.getSchemaTpl('switchDefaultValue', {
-                    visibleOn: '!this.defaultCheckAll'
-                }),
-                {
-                    type: 'textarea',
-                    name: 'value',
-                    label: '默认值',
-                    pipeOut: AMisCodeEditor.valuePipeOut,
-                    visibleOn: 'typeof this.value !== "undefined"'
-                },
-                AMisCodeEditor.getSchemaTpl('switch', {
-                    label: '多行模式',
-                    name: 'multiLine',
-                    value: false,
-                    description: '即是否要换行'
-                }),
-                AMisCodeEditor.getSchemaTpl('multiple'),
-                AMisCodeEditor.getSchemaTpl('joinValues'),
-                AMisCodeEditor.getSchemaTpl('delimiter'),
-                AMisCodeEditor.getSchemaTpl('switch', {
-                    name: 'flat',
-                    label: '是否将值打平',
-                    visibleOn: 'Array.isArray(data.items) && data.items.length === 1 && data.multiple',
-                    description: '默认数组内的数据结构为对象，如果只有一个表单项，可以配置将值打平，那么数组内放置的就是那个表单项的值'
-                }),
-                AMisCodeEditor.getSchemaTpl('switch', {
-                    label: '是否可新增',
-                    name: 'addable',
-                    visibleOn: 'this.multiple',
-                    pipeIn: AMisCodeEditor.defaultValue(true)
-                }),
-                {
-                    type: 'textarea',
-                    name: 'scaffold',
-                    label: '新增初始值',
-                    visibleOn: 'this.multiple && this.addable !== false',
-                    pipeOut: AMisCodeEditor.valuePipeOut,
-                    pipeIn: AMisCodeEditor.defaultValue({})
-                },
-                {
-                    label: '新增按钮文字',
-                    name: 'addButtonText',
-                    type: 'input-text',
-                    visibleOn: 'data.addable',
-                    pipeIn: AMisCodeEditor.defaultValue('新增')
-                },
-                AMisCodeEditor.getSchemaTpl('switch', {
-                    label: '是否可删除',
-                    name: 'removable',
-                    visibleOn: 'this.multiple',
-                    pipeIn: AMisCodeEditor.defaultValue(true)
-                }),
-                AMisCodeEditor.getSchemaTpl('api', {
-                    name: 'deleteApi',
-                    label: '删除前的请求',
-                    hiddenOn: '!data.removable'
-                }),
-                {
-                    label: '删除确认提示',
-                    name: 'deleteConfirmText',
-                    type: 'input-text',
-                    visibleOn: 'data.deleteApi',
-                    pipeIn: AMisCodeEditor.defaultValue('确认要删除')
-                },
-                AMisCodeEditor.getSchemaTpl('switch', {
-                    name: 'draggable',
-                    label: '是否可拖拽排序',
-                    visibleOn: 'this.multiple'
-                }),
-                {
-                    label: '拖拽排序的提示文字',
-                    name: 'draggableTip',
-                    type: 'input-text',
-                    visibleOn: 'data.draggable',
-                    pipeIn: AMisCodeEditor.defaultValue('可通过拖动每行中的【交换】按钮进行顺序调整')
-                },
-                AMisCodeEditor.getSchemaTpl('switch', {
-                    name: 'noBorder',
-                    label: '去掉边框',
-                    visibleOn: 'this.multiLine'
-                }),
-                {
-                    name: 'minLength',
-                    type: 'input-number',
-                    label: '限制最小数量'
-                },
-                {
-                    name: 'maxLength',
-                    type: 'input-number',
-                    label: '限制最大数量'
-                },
-                {
-                    label: '默认消息提示',
-                    type: 'combo',
-                    name: 'messages',
-                    multiLine: true,
-                    description: '',
-                    items: [
-                        {
-                            label: '有子表单项限制失败时提示',
-                            type: 'input-text',
-                            name: 'validateFailed'
-                        },
-                        {
-                            label: '最小长度验证失败时提示',
-                            type: 'input-text',
-                            name: 'minLengthValidateFailed'
-                        },
-                        {
-                            label: '最大长度验证失败时提示',
-                            type: 'input-text',
-                            name: 'maxLengthValidateFailed'
-                        }
-                    ]
-                },
-                AMisCodeEditor.getSchemaTpl('switch', {
-                    name: 'canAccessSuperData',
-                    label: '是否自动填充父级同名变量',
-                    pipeIn: AMisCodeEditor.defaultValue(false)
-                }),
-                AMisCodeEditor.getSchemaTpl('switch', {
-                    name: 'tabsMode',
-                    label: '采用 Tabs 展示方式',
-                    pipeIn: AMisCodeEditor.defaultValue(false)
-                }),
-                {
-                    name: 'tabsStyle',
-                    label: 'Tabs 的展示模式',
-                    visibleOn: 'data.tabsMode',
-                    type: 'list-select',
-                    options: [
-                        {
-                            label: '正常',
-                            value: 'normal'
-                        },
-                        {
-                            label: '水平',
-                            value: 'horizontal'
-                        },
-                        {
-                            label: '内联',
-                            value: 'inline'
-                        }
-                    ],
-                    mode: 'inline',
-                    className: 'w-full'
-                },
-                {
-                    name: 'tabsLabelTpl',
-                    label: '选项卡标题的生成模板',
-                    visibleOn: 'data.tabsMode',
-                    type: 'input-text',
-                    mode: 'inline',
-                    className: 'w-full'
-                },
-                AMisCodeEditor.getSchemaTpl('switch', {
-                    name: 'lazyLoad',
-                    label: '懒加载',
-                    pipeIn: AMisCodeEditor.defaultValue(false),
-                    description: '如果数据比较多，比较卡顿时，可开启此配置项'
-                }),
-                AMisCodeEditor.getSchemaTpl('switch', {
-                    name: 'strictMode',
-                    label: '严格模式',
-                    pipeIn: AMisCodeEditor.defaultValue(true),
-                    description: '如果你希望环境变量的值实时透传到 Combo 中，请关闭此选项。'
-                }),
-                {
-                    name: 'syncFields',
-                    visibleOn: '!data.strictMode',
-                    label: '配置同步字段',
-                    type: 'input-text',
-                    multiple: true,
-                    joinValues: false,
-                    extractValue: true,
-                    description: '如果 Combo 层级比较深，底层的获取外层的数据可能不同步。但是给 combo 配置这个属性就能同步下来。'
-                },
-                AMisCodeEditor.getSchemaTpl('switch', {
-                    name: 'nullable',
-                    label: '允许为空',
-                    pipeIn: AMisCodeEditor.defaultValue(false),
-                    description: '如果子表单项里面配置验证器，且又是单条模式。可以允许用户选择清空（不填）。'
-                }),
-                {
-                    name: 'items',
-                    label: '各列 CSS 配置',
-                    hiddenOn: 'this.multiLine',
-                    type: 'combo',
-                    addable: false,
-                    removable: false,
-                    multiple: true,
-                    items: [
-                        {
-                            name: 'columnClassName',
-                            placeholder: 'CSS 类名',
-                            type: 'input-text'
-                        }
-                    ]
-                },
-                AMisCodeEditor.getSchemaTpl('subFormItemMode', {
-                    visibleOn: 'this.multiLine'
-                }),
-                AMisCodeEditor.getSchemaTpl('subFormHorizontalMode'),
-                AMisCodeEditor.getSchemaTpl('subFormHorizontal')
-            ];
-        };
-        return _this;
-    }
-    ComboControlPlugin.prototype.filterProps = function (props) {
-        props = AMisCodeEditor.JSONPipeOut(props);
-        // 至少显示一个成员，否则啥都不显示。
-        if (props.multiple && !props.value && !props.$ref) {
-            var mockedData_1 = {};
-            if (Array.isArray(props.items)) {
-                props.items.forEach(function (control) {
-                    control.name &&
-                        amisCore.setVariable(mockedData_1, control.name, AMisCodeEditor.mockValue(control));
-                });
-            }
-            props.value = [mockedData_1];
-        }
-        return props;
+var ComboControlPlugin =
+/** @class */
+function (_super) {
+  tslib.__extends(ComboControlPlugin, _super);
+
+  function ComboControlPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'combo';
+    _this.$schema = '/schemas/ComboControlSchema.json'; // 组件名称
+
+    _this.name = i18nRuntime.i18n("254bb8aa6b92d588d957a383df24db1e");
+    _this.isBaseComponent = true;
+    _this.icon = 'fa fa-group';
+    _this.pluginIcon = 'combo-plugin';
+    _this.description = i18nRuntime.i18n("4db731c7d73988e40a01b4bf1a7f00d7");
+    _this.docLink = '/amis/zh-CN/components/form/combo';
+    _this.tags = [i18nRuntime.i18n("55b45c73ae417c4dead67905b1550e85")];
+    _this.scaffold = {
+      type: 'combo',
+      label: i18nRuntime.i18n("254bb8aa6b92d588d957a383df24db1e"),
+      name: 'combo',
+      multiple: true,
+      items: [{
+        type: 'input-text',
+        name: 'input-text',
+        placeholder: i18nRuntime.i18n("97d07614380da93d257f9fbf81aa56fb")
+      }, {
+        type: 'select',
+        name: 'select',
+        placeholder: i18nRuntime.i18n("ea15ae2b7fba76c83eec6d0986d15197"),
+        options: [{
+          label: 'A',
+          value: 'a'
+        }, {
+          label: 'B',
+          value: 'b'
+        }]
+      }]
     };
-    ComboControlPlugin.prototype.buildEditorToolbar = function (_a, toolbars) {
-        var id = _a.id, info = _a.info, schema = _a.schema;
-        if (info.renderer.name === 'combo' && !Array.isArray(schema.conditions)) {
-            toolbars.push({
-                icon: 'fa fa-expand',
-                order: 100,
-                tooltip: '配置子表单项',
-                onClick: this.editDetail.bind(this, id)
-            });
+    _this.previewSchema = {
+      type: 'form',
+      className: 'text-left',
+      mode: 'horizontal',
+      wrapWithPanel: false,
+      body: [tslib.__assign(tslib.__assign({}, _this.scaffold), {
+        value: [{
+          text: 'Row 1',
+          select: 'a'
+        }, {}]
+      })]
+    }; // 事件定义
+
+    _this.events = [{
+      eventName: 'add',
+      eventLabel: i18nRuntime.i18n("b58c7549c0246c55b9cac96383200338"),
+      description: i18nRuntime.i18n("8575b828c7320de82b9f99058aa1f55f"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.value': {
+            type: 'object',
+            title: i18nRuntime.i18n("aacd80d2c978abae7b955510a938788c")
+          }
         }
-    };
-    ComboControlPlugin.prototype.buildEditorContextMenu = function (_a, menus) {
-        var id = _a.id, schema = _a.schema; _a.region; var info = _a.info;
-        if (info.renderer.name === 'combo' && !Array.isArray(schema.conditions)) {
-            menus.push('|', {
-                label: '配置成员渲染器',
-                onSelect: this.editDetail.bind(this, id)
-            });
+      }]
+    }, {
+      eventName: 'delete',
+      eventLabel: i18nRuntime.i18n("2f4aaddde33c9b93c36fd2503f3d122b"),
+      description: i18nRuntime.i18n("4933bd64bb23de03ca8ed246fa5509c5"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.key': {
+            type: 'string',
+            title: i18nRuntime.i18n("0410242a74850f010a9a8061bc0cd891")
+          },
+          'event.data.value': {
+            type: 'string',
+            title: i18nRuntime.i18n("74333901ae9ad27a93487dc850e45609")
+          }
         }
-    };
-    ComboControlPlugin.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: {
+      }]
+    }, {
+      eventName: 'tabsChange',
+      eventLabel: i18nRuntime.i18n("95e09290c4e0f01323bb5abf301c950b"),
+      description: i18nRuntime.i18n("ba2bd765f6c2e2b717139c5453884e14"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.key': {
+            type: 'string',
+            title: i18nRuntime.i18n("b04c6cf9cb1212b9c173ddfeec129028")
+          }
+        }
+      }]
+    }]; // 动作定义
+
+    _this.actions = [{
+      actionType: 'clear',
+      actionLabel: i18nRuntime.i18n("288f0c404c4e546aa3683ff5054e85e2"),
+      description: i18nRuntime.i18n("c374a44713fa5ff5da2565beb398c7d3")
+    }, {
+      actionType: 'reset',
+      actionLabel: i18nRuntime.i18n("4b9c3271dc2f299dc3aeffb369187513"),
+      description: i18nRuntime.i18n("8db57ba01ffb9bf29c1656de5f0208f5")
+    }, {
+      actionType: 'setValue',
+      actionLabel: i18nRuntime.i18n("8f40db3b25528063f1b6a59602a05cd5"),
+      description: i18nRuntime.i18n("0310aa5a05fe07147d8b7ef20616f659")
+    }];
+    _this.panelTitle = i18nRuntime.i18n("254bb8aa6b92d588d957a383df24db1e");
+
+    _this.panelBodyCreator = function (context) {
+      return [{
+        name: 'conditions',
+        type: 'button-group-select',
+        size: 'sm',
+        mode: 'inline',
+        className: 'block',
+        options: [{
+          label: i18nRuntime.i18n("055f2f284d2bdb15bd9e542ea9f93285"),
+          value: '1'
+        }, {
+          label: i18nRuntime.i18n("e3b9236d585eb9c93a074f264737cb65"),
+          value: '2'
+        }],
+        pipeIn: function (value) {
+          return value ? '2' : '1';
+        },
+        pipeOut: function (value) {
+          return value == 2 ? [{
+            label: i18nRuntime.i18n("66e867eb73a118649800c0a064d0b5aa"),
+            test: '',
+            items: [{
+              type: 'input-text',
+              label: i18nRuntime.i18n("97d07614380da93d257f9fbf81aa56fb"),
+              name: 'text'
+            }],
+            scaffold: {}
+          }] : undefined;
+        }
+      }, {
+        name: 'conditions',
+        visibleOn: 'this.conditions',
+        type: 'combo',
+        label: i18nRuntime.i18n("5aa528690fd771f89683a7f00868f39e"),
+        multiple: true,
+        multiLine: true,
+        minLength: 1,
+        items: [{
+          label: i18nRuntime.i18n("d7ec2d3fea4756bc1642e0f10c180cf5"),
+          name: 'label',
+          type: 'input-text',
+          required: true
+        }, {
+          label: i18nRuntime.i18n("35b65a5a3f8d721e12cae310463d69d6"),
+          name: 'test',
+          required: true,
+          type: 'input-text',
+          placeholder: i18nRuntime.i18n("7341e991c8e8cfec68d31ffe0e06e429"),
+          description: i18nRuntime.i18n("85485d70be6b380294428018e54fc9b9")
+        }, {
+          name: 'items',
+          asFormItem: true,
+          children: function (_a) {
+            var value = _a.value,
+                onChange = _a.onChange;
+            return React__default["default"].createElement(amis.Button, {
+              size: "sm",
+              level: "danger",
+              className: "m-b",
+              block: true,
+              onClick: function () {
+                return _this.manager.openSubEditor({
+                  title: i18nRuntime.i18n("50bfed6ada3e7d0ef4d20eb727b3d7df"),
+                  value: value,
+                  slot: {
                     type: 'form',
                     mode: 'normal',
                     body: '$$',
                     wrapWithPanel: false,
                     className: 'wrapper'
+                  },
+                  onChange: onChange
+                });
+              }
+            }, "\u914D\u7F6E\u5B50\u8868\u5355\u96C6\u5408");
+          }
+        }, {
+          type: 'textarea',
+          name: 'scaffold',
+          required: true,
+          label: i18nRuntime.i18n("aab09f676645f2651655a711d5e3327c"),
+          pipeOut: amisEditorCore.valuePipeOut
+        }],
+        scaffold: {
+          label: i18nRuntime.i18n("66e867eb73a118649800c0a064d0b5aa"),
+          test: '',
+          items: [{
+            type: 'input-text',
+            label: i18nRuntime.i18n("97d07614380da93d257f9fbf81aa56fb"),
+            name: 'text'
+          }],
+          scaffold: {}
+        }
+      }, amisEditorCore.getSchemaTpl('switch', {
+        name: 'typeSwitchable',
+        visibleOn: 'this.conditions',
+        label: i18nRuntime.i18n("dda5ffc9ecbad13d424346890bacca6a"),
+        pipeIn: amisEditorCore.defaultValue(true)
+      }), {
+        name: 'items',
+        visibleOn: '!this.conditions',
+        asFormItem: true,
+        children: function (_a) {
+          var value = _a.value,
+              onChange = _a.onChange;
+          return React__default["default"].createElement(amis.Button, {
+            size: "sm",
+            level: "danger",
+            className: "m-b",
+            block: true,
+            onClick: function () {
+              _this.manager.openSubEditor({
+                title: i18nRuntime.i18n("d68162ea1904f627b033fe3953da295d"),
+                value: value,
+                slot: {
+                  type: 'form',
+                  mode: 'normal',
+                  body: '$$',
+                  wrapWithPanel: false,
+                  className: 'wrapper'
                 },
-                onChange: function (newValue) {
-                    newValue = tslib.__assign(tslib.__assign({}, value), { items: newValue });
-                    manager.panelChangeValue(newValue, AMisCodeEditor.diff(value, newValue));
+                onChange: function (value) {
+                  return onChange(value);
                 }
-            });
+              });
+            }
+          }, "\u914D\u7F6E\u5B50\u8868\u5355\u96C6\u5408");
+        }
+      }, amisEditorCore.getSchemaTpl('switchDefaultValue', {
+        visibleOn: '!this.defaultCheckAll'
+      }), {
+        type: 'textarea',
+        name: 'value',
+        label: i18nRuntime.i18n("225f3ed00750ae78ad1e6ea42c8f5087"),
+        pipeOut: amisEditorCore.valuePipeOut,
+        visibleOn: 'typeof this.value !== "undefined"'
+      }, amisEditorCore.getSchemaTpl('switch', {
+        label: i18nRuntime.i18n("8a0c77e91392d70df522b55eb4d403e2"),
+        name: 'multiLine',
+        value: false,
+        description: i18nRuntime.i18n("26343b8bcb694fa5e333b47d8b663d1c")
+      }), amisEditorCore.getSchemaTpl('multiple'), amisEditorCore.getSchemaTpl('joinValues'), amisEditorCore.getSchemaTpl('delimiter'), amisEditorCore.getSchemaTpl('switch', {
+        name: 'flat',
+        label: i18nRuntime.i18n("86032735a191d117b02111e447494380"),
+        visibleOn: 'Array.isArray(data.items) && data.items.length === 1 && data.multiple',
+        description: i18nRuntime.i18n("28a59fee1a4714493a8d6cec05c1417b")
+      }), amisEditorCore.getSchemaTpl('switch', {
+        label: i18nRuntime.i18n("7f2579cabd4d654458a720eed517a37d"),
+        name: 'addable',
+        visibleOn: 'this.multiple',
+        pipeIn: amisEditorCore.defaultValue(true)
+      }), {
+        type: 'textarea',
+        name: 'scaffold',
+        label: i18nRuntime.i18n("aab09f676645f2651655a711d5e3327c"),
+        visibleOn: 'this.multiple && this.addable !== false',
+        pipeOut: amisEditorCore.valuePipeOut,
+        pipeIn: amisEditorCore.defaultValue({})
+      }, {
+        label: i18nRuntime.i18n("ea1e5695bf682ea3b31aba0c35198ae3"),
+        name: 'addButtonText',
+        type: 'input-text',
+        visibleOn: 'data.addable',
+        pipeIn: amisEditorCore.defaultValue(i18nRuntime.i18n("66ab5e9f24c8f46012a25c89919fb191"))
+      }, amisEditorCore.getSchemaTpl('switch', {
+        label: i18nRuntime.i18n("1ab31449faaaeeeb7200d724eab9a7ab"),
+        name: 'removable',
+        visibleOn: 'this.multiple',
+        pipeIn: amisEditorCore.defaultValue(true)
+      }), amisEditorCore.getSchemaTpl('api', {
+        name: 'deleteApi',
+        label: i18nRuntime.i18n("fa3e9f9e49f5a81c998f949155f86b50"),
+        hiddenOn: '!data.removable'
+      }), {
+        label: i18nRuntime.i18n("f962922d46ef18e68127642e5c00165a"),
+        name: 'deleteConfirmText',
+        type: 'input-text',
+        visibleOn: 'data.deleteApi',
+        pipeIn: amisEditorCore.defaultValue(i18nRuntime.i18n("fc763fd5ddf637fe4ba1ac59e10b8d3a"))
+      }, amisEditorCore.getSchemaTpl('switch', {
+        name: 'draggable',
+        label: i18nRuntime.i18n("d8905a70e93a33c7a86240f467c653d4"),
+        visibleOn: 'this.multiple'
+      }), {
+        label: i18nRuntime.i18n("f41a714bc8b26dc27a93a07c44e329a8"),
+        name: 'draggableTip',
+        type: 'input-text',
+        visibleOn: 'data.draggable',
+        pipeIn: amisEditorCore.defaultValue(i18nRuntime.i18n("91396e9bc25c9e8b63907fe22408e2bb"))
+      }, amisEditorCore.getSchemaTpl('switch', {
+        name: 'noBorder',
+        label: i18nRuntime.i18n("8ee004bdd55b578acdb10b1bcd3fa4f7"),
+        visibleOn: 'this.multiLine'
+      }), {
+        name: 'minLength',
+        type: 'input-number',
+        label: i18nRuntime.i18n("e9cbda74a1ffc06228fca68e4d16c4dd")
+      }, {
+        name: 'maxLength',
+        type: 'input-number',
+        label: i18nRuntime.i18n("3baaa61e619e32fc36eff14839b1a63f")
+      }, {
+        label: i18nRuntime.i18n("522110866c19dace2ce38336617405c2"),
+        type: 'combo',
+        name: 'messages',
+        multiLine: true,
+        description: '',
+        items: [{
+          label: i18nRuntime.i18n("b8ccbc166c72b2eb54aac1332c99fb49"),
+          type: 'input-text',
+          name: 'validateFailed'
+        }, {
+          label: i18nRuntime.i18n("b34cbe877b2c8464c625858fcf19f4eb"),
+          type: 'input-text',
+          name: 'minLengthValidateFailed'
+        }, {
+          label: i18nRuntime.i18n("ea2474ff679195d9b54bd5ff3384fdfd"),
+          type: 'input-text',
+          name: 'maxLengthValidateFailed'
+        }]
+      }, amisEditorCore.getSchemaTpl('switch', {
+        name: 'canAccessSuperData',
+        label: i18nRuntime.i18n("1c5b9cb245f04413a2d888bd59442097"),
+        pipeIn: amisEditorCore.defaultValue(false)
+      }), amisEditorCore.getSchemaTpl('switch', {
+        name: 'tabsMode',
+        label: i18nRuntime.i18n("e673084b4261d10104d27ae9e4d014a4"),
+        pipeIn: amisEditorCore.defaultValue(false)
+      }), {
+        name: 'tabsStyle',
+        label: i18nRuntime.i18n("6e7bd650f763085de3bddd51a8d6aa88"),
+        visibleOn: 'data.tabsMode',
+        type: 'list-select',
+        options: [{
+          label: i18nRuntime.i18n("fd6e80f1e0199d6ecc3ee81ae04aa9ef"),
+          value: 'normal'
+        }, {
+          label: i18nRuntime.i18n("4cde06e6162ed66720e3133cb83bc059"),
+          value: 'horizontal'
+        }, {
+          label: i18nRuntime.i18n("2dd25b8c21efbfee4a198787810d65d8"),
+          value: 'inline'
+        }],
+        mode: 'inline',
+        className: 'w-full'
+      }, {
+        name: 'tabsLabelTpl',
+        label: i18nRuntime.i18n("fc6c9fa3af230165c39fb314c086be22"),
+        visibleOn: 'data.tabsMode',
+        type: 'input-text',
+        mode: 'inline',
+        className: 'w-full'
+      }, amisEditorCore.getSchemaTpl('switch', {
+        name: 'lazyLoad',
+        label: i18nRuntime.i18n("9ff4713f6b17e96e9cd76650fd5892be"),
+        pipeIn: amisEditorCore.defaultValue(false),
+        description: i18nRuntime.i18n("93dc24d4ad01981d5994ba7f8ffaf345")
+      }), amisEditorCore.getSchemaTpl('switch', {
+        name: 'strictMode',
+        label: i18nRuntime.i18n("98d52b737d6bc171b6d5bad9a42f6e23"),
+        pipeIn: amisEditorCore.defaultValue(true),
+        description: i18nRuntime.i18n("cb5ca128b6c78a90f26673e21b0b3f28")
+      }), {
+        name: 'syncFields',
+        visibleOn: '!data.strictMode',
+        label: i18nRuntime.i18n("bc91f4844843d6c8ec1acb78a1f1aba4"),
+        type: 'input-text',
+        multiple: true,
+        joinValues: false,
+        extractValue: true,
+        description: i18nRuntime.i18n("07bf6c08bb5f0bdb32dbfecc7d3fe290")
+      }, amisEditorCore.getSchemaTpl('switch', {
+        name: 'nullable',
+        label: i18nRuntime.i18n("3f2176cdae8a4ed6a4c4eaff002a3b24"),
+        pipeIn: amisEditorCore.defaultValue(false),
+        description: i18nRuntime.i18n("ead7156521ca11acb7ca7bdf4c9c87f6")
+      }), {
+        name: 'items',
+        label: i18nRuntime.i18n("7ab968b8219f6c348478da255ebcbcb9"),
+        hiddenOn: 'this.multiLine',
+        type: 'combo',
+        addable: false,
+        removable: false,
+        multiple: true,
+        items: [{
+          name: 'columnClassName',
+          placeholder: i18nRuntime.i18n("4434b33a8731a73613ba5fa1eb984efb"),
+          type: 'input-text'
+        }]
+      }, amisEditorCore.getSchemaTpl('subFormItemMode', {
+        visibleOn: 'this.multiLine'
+      }), amisEditorCore.getSchemaTpl('subFormHorizontalMode'), amisEditorCore.getSchemaTpl('subFormHorizontal')];
     };
-    return ComboControlPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(ComboControlPlugin);
+
+    return _this;
+  }
+
+  ComboControlPlugin.prototype.filterProps = function (props) {
+    props = amisEditorCore.JSONPipeOut(props); // 至少显示一个成员，否则啥都不显示。
+
+    if (props.multiple && !props.value && !props.$ref) {
+      var mockedData_1 = {};
+
+      if (Array.isArray(props.items)) {
+        props.items.forEach(function (control) {
+          control.name && amisCore.setVariable(mockedData_1, control.name, amisEditorCore.mockValue(control));
+        });
+      }
+
+      props.value = [mockedData_1];
+    }
+
+    return props;
+  };
+
+  ComboControlPlugin.prototype.buildEditorToolbar = function (_a, toolbars) {
+    var id = _a.id,
+        info = _a.info,
+        schema = _a.schema;
+
+    if (info.renderer.name === 'combo' && !Array.isArray(schema.conditions)) {
+      toolbars.push({
+        icon: 'fa fa-expand',
+        order: 100,
+        tooltip: i18nRuntime.i18n("50bfed6ada3e7d0ef4d20eb727b3d7df"),
+        onClick: this.editDetail.bind(this, id)
+      });
+    }
+  };
+
+  ComboControlPlugin.prototype.buildEditorContextMenu = function (_a, menus) {
+    var id = _a.id,
+        schema = _a.schema;
+        _a.region;
+        var info = _a.info;
+
+    if (info.renderer.name === 'combo' && !Array.isArray(schema.conditions)) {
+      menus.push('|', {
+        label: i18nRuntime.i18n("39a6853b109ae98f1aabca90283d7edc"),
+        onSelect: this.editDetail.bind(this, id)
+      });
+    }
+  };
+
+  ComboControlPlugin.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("50bfed6ada3e7d0ef4d20eb727b3d7df"),
+      value: value.items,
+      slot: {
+        type: 'form',
+        mode: 'normal',
+        body: '$$',
+        wrapWithPanel: false,
+        className: 'wrapper'
+      },
+      onChange: function (newValue) {
+        newValue = tslib.__assign(tslib.__assign({}, value), {
+          items: newValue
+        });
+        manager.panelChangeValue(newValue, amisEditorCore.diff(value, newValue));
+      }
+    });
+  };
+
+  return ComboControlPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(ComboControlPlugin);
 
 exports.ComboControlPlugin = ComboControlPlugin;