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

package/lib/plugin/List.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.1
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -10,211 +10,244 @@ 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 ListPlugin = /** @class */ (function (_super) {
-    tslib.__extends(ListPlugin, _super);
-    function ListPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'list';
-        _this.$schema = '/schemas/ListSchema.json';
-        // 组件名称
-        _this.name = '列表';
-        _this.isBaseComponent = true;
-        _this.description = '展示一个列表，可以自定标题、副标题，内容及按钮组部分。当前组件需要配置数据源，不自带数据拉取，请优先使用 「CRUD」 组件。';
-        _this.docLink = '/amis/zh-CN/components/list';
-        _this.tags = ['展示'];
-        _this.icon = 'fa fa-list';
-        _this.scaffold = {
-            type: 'list',
-            listItem: {
-                body: [
-                    {
-                        type: 'tpl',
-                        tpl: '简单的展示数据：$a $b'
-                    }
-                ],
-                actions: [
-                    {
-                        icon: 'fa fa-eye',
-                        type: 'button'
-                    }
-                ]
-            }
-        };
-        _this.previewSchema = tslib.__assign(tslib.__assign({}, _this.scaffold), { items: [
-                { a: 1, b: 2 },
-                { a: 3, b: 4 },
-                { a: 5, b: 6 }
-            ] });
-        _this.panelTitle = '列表';
-        _this.panelBodyCreator = function (context) {
-            var isCRUDBody = context.schema.type === 'crud';
-            return AMisCodeEditor.getSchemaTpl('tabs', [
-                {
-                    title: '常规',
-                    body: [
-                        {
-                            children: (React__default["default"].createElement(amis.Button, { level: "danger", size: "sm", block: true, onClick: _this.editDetail.bind(_this, context.id) }, "\u914D\u7F6E\u6210\u5458\u8BE6\u60C5"))
-                        },
-                        {
-                            type: 'divider'
-                        },
-                        {
-                            name: 'title',
-                            type: 'input-text',
-                            label: '标题'
-                        },
-                        isCRUDBody
-                            ? null
-                            : {
-                                name: 'source',
-                                type: 'input-text',
-                                label: '数据源',
-                                pipeIn: AMisCodeEditor.defaultValue('${items}'),
-                                description: '绑定当前环境变量'
-                            },
-                        {
-                            name: 'placeholder',
-                            pipeIn: AMisCodeEditor.defaultValue('没有数据'),
-                            type: 'input-text',
-                            label: '无数据提示'
-                        }
-                    ]
-                },
-                {
-                    title: '外观',
-                    body: [
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            name: 'showHeader',
-                            label: '是否显示头部',
-                            pipeIn: AMisCodeEditor.defaultValue(true)
-                        }),
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            name: 'showFooter',
-                            label: '是否显示底部',
-                            pipeIn: AMisCodeEditor.defaultValue(true)
-                        }),
-                        AMisCodeEditor.getSchemaTpl('className', {
-                            label: 'CSS 类名'
-                        }),
-                        AMisCodeEditor.getSchemaTpl('className', {
-                            name: 'listClassName',
-                            label: 'List div CSS 类名'
-                        }),
-                        AMisCodeEditor.getSchemaTpl('className', {
-                            name: 'headerClassName',
-                            label: '头部 CSS 类名'
-                        }),
-                        AMisCodeEditor.getSchemaTpl('className', {
-                            name: 'footerClassName',
-                            label: '底部 CSS 类名'
-                        })
-                    ]
-                },
-                {
-                    title: '显隐',
-                    body: [AMisCodeEditor.getSchemaTpl('ref'), AMisCodeEditor.getSchemaTpl('visible')]
-                }
-            ]);
-        };
-        return _this;
-    }
-    ListPlugin.prototype.filterProps = function (props) {
-        if (props.isSlot) {
-            props.value = [props.data];
-            return props;
-        }
-        var data = tslib.__assign(tslib.__assign({}, props.defaultData), props.data);
-        var arr = Array.isArray(props.value)
-            ? props.value
-            : typeof props.source === 'string'
-                ? amis.resolveVariable(props.source, data)
-                : amis.resolveVariable('items', data);
-        if (!Array.isArray(arr) || !arr.length) {
-            var mockedData = this.buildMockData();
-            props.value = AMisCodeEditor.repeatArray(mockedData, 1).map(function (item, index) { return (tslib.__assign(tslib.__assign({}, item), { id: index + 1 })); });
-        }
-        var $schema = props.$schema, rest = tslib.__rest(props, ["$schema"]);
-        return tslib.__assign(tslib.__assign({}, AMisCodeEditor.JSONPipeOut(rest)), { $schema: $schema });
-    };
-    ListPlugin.prototype.buildMockData = function () {
-        return {
-            id: 666,
-            title: '假数据',
-            description: '假数据',
-            a: '假数据',
-            b: '假数据'
-        };
-    };
-    ListPlugin.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: tslib.__assign({}, value.listItem),
-                slot: {
-                    type: 'list',
-                    listItem: '$$'
-                },
-                onChange: function (newValue) {
-                    newValue = tslib.__assign(tslib.__assign({}, value), { listItem: newValue });
-                    manager.panelChangeValue(newValue, AMisCodeEditor.diff(value, newValue));
-                },
-                data: {
-                    // TODO  默认数据不对
-                    items: [this.buildMockData()]
-                }
-            });
-    };
-    ListPlugin.prototype.buildEditorToolbar = function (_a, toolbars) {
-        var id = _a.id, info = _a.info, schema = _a.schema;
-        if (info.renderer.name === 'list' ||
-            (info.renderer.name === 'crud' && schema.mode === 'list')) {
-            toolbars.push({
-                icon: 'fa fa-expand',
-                order: 100,
-                tooltip: '配置成员渲染器',
-                onClick: this.editDetail.bind(this, id)
-            });
-        }
+var ListPlugin =
+/** @class */
+function (_super) {
+  tslib.__extends(ListPlugin, _super);
+
+  function ListPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'list';
+    _this.$schema = '/schemas/ListSchema.json'; // 组件名称
+
+    _this.name = i18nRuntime.i18n("3712972d84adf48acbd6ad24b4d75ad0");
+    _this.isBaseComponent = true;
+    _this.description = i18nRuntime.i18n("9f556fb46ecef854282d17e631578b1c");
+    _this.docLink = '/amis/zh-CN/components/list';
+    _this.tags = [i18nRuntime.i18n("027446c2f9070b0f5b16a18208bf5fc7")];
+    _this.icon = 'fa fa-list';
+    _this.pluginIcon = 'list-plugin';
+    _this.scaffold = {
+      type: 'list',
+      listItem: {
+        body: [{
+          type: 'tpl',
+          tpl: i18nRuntime.i18n("3bb4d608c6bee2b7b6d788417cde04e3")
+        }],
+        actions: [{
+          icon: 'fa fa-eye',
+          type: 'button'
+        }]
+      }
     };
-    ListPlugin.prototype.buildEditorContextMenu = function (_a, menus) {
-        var id = _a.id, schema = _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 === 'list' ||
-            (info.renderer.name === 'crud' && schema.mode === 'list')) {
-            menus.push('|', {
-                label: '配置成员详情',
-                onSelect: this.editDetail.bind(this, id)
-            });
-        }
+    _this.previewSchema = tslib.__assign(tslib.__assign({}, _this.scaffold), {
+      items: [{
+        a: 1,
+        b: 2
+      }, {
+        a: 3,
+        b: 4
+      }, {
+        a: 5,
+        b: 6
+      }]
+    });
+    _this.panelTitle = i18nRuntime.i18n("3712972d84adf48acbd6ad24b4d75ad0");
+
+    _this.panelBodyCreator = function (context) {
+      var isCRUDBody = context.schema.type === 'crud';
+      return amisEditorCore.getSchemaTpl('tabs', [{
+        title: i18nRuntime.i18n("22b777e6fcb613b8ba83ced9594cd07e"),
+        body: [{
+          children: React__default["default"].createElement(amis.Button, {
+            level: "danger",
+            size: "sm",
+            block: true,
+            onClick: _this.editDetail.bind(_this, context.id)
+          }, "\u914D\u7F6E\u6210\u5458\u8BE6\u60C5")
+        }, {
+          type: 'divider'
+        }, {
+          name: 'title',
+          type: 'input-text',
+          label: i18nRuntime.i18n("32c65d8d7431e76029678ec7bb73a5ab")
+        }, isCRUDBody ? null : {
+          name: 'source',
+          type: 'input-text',
+          label: i18nRuntime.i18n("c11322c9cc43ce3c004cf03f5ac0acd0"),
+          pipeIn: amisEditorCore.defaultValue('${items}'),
+          description: i18nRuntime.i18n("7ea26d0cb93e59339daf6a1ac68624f3")
+        }, {
+          name: 'placeholder',
+          pipeIn: amisEditorCore.defaultValue(i18nRuntime.i18n("1ac0e1626be43287983fe3e5559320eb")),
+          type: 'input-text',
+          label: i18nRuntime.i18n("35ba83e053cef95e55dfffde279822b5")
+        }]
+      }, {
+        title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: [amisEditorCore.getSchemaTpl('switch', {
+          name: 'showHeader',
+          label: i18nRuntime.i18n("e18d033cc4baab3ebb329f6b29eb3cef"),
+          pipeIn: amisEditorCore.defaultValue(true)
+        }), amisEditorCore.getSchemaTpl('switch', {
+          name: 'showFooter',
+          label: i18nRuntime.i18n("412593f58b9d062a43cbe2ce38f4dc65"),
+          pipeIn: amisEditorCore.defaultValue(true)
+        }), amisEditorCore.getSchemaTpl('className', {
+          label: i18nRuntime.i18n("4434b33a8731a73613ba5fa1eb984efb")
+        }), amisEditorCore.getSchemaTpl('className', {
+          name: 'listClassName',
+          label: i18nRuntime.i18n("4e53bfe03e30bb3eae63d90d1f7f2a1c")
+        }), amisEditorCore.getSchemaTpl('className', {
+          name: 'headerClassName',
+          label: i18nRuntime.i18n("e494f1aa112068688ca863db7f39a0b5")
+        }), amisEditorCore.getSchemaTpl('className', {
+          name: 'footerClassName',
+          label: i18nRuntime.i18n("d267231d2d8b60e267acc7d7d9955ae2")
+        })]
+      }, {
+        title: i18nRuntime.i18n("33bf801796fd255b5f6147e33146669b"),
+        body: [amisEditorCore.getSchemaTpl('ref'), amisEditorCore.getSchemaTpl('visible')]
+      }]);
     };
-    // 为了能够自动注入数据。
-    ListPlugin.prototype.getRendererInfo = function (context) {
-        var _a;
-        var plugin = this;
-        var renderer = context.renderer, schema = context.schema;
-        if (!schema.$$id &&
-            ((_a = schema.$$editor) === null || _a === void 0 ? void 0 : _a.renderer.name) === 'crud' &&
-            renderer.name === 'list') {
-            return tslib.__assign(tslib.__assign({}, { id: schema.$$editor.id }), { name: plugin.name, regions: plugin.regions, patchContainers: plugin.patchContainers, vRendererConfig: plugin.vRendererConfig, wrapperProps: plugin.wrapperProps, wrapperResolve: plugin.wrapperResolve, filterProps: plugin.filterProps, $schema: plugin.$schema, renderRenderer: plugin.renderRenderer });
-        }
-        return _super.prototype.getRendererInfo.call(this, context);
+
+    return _this;
+  }
+
+  ListPlugin.prototype.filterProps = function (props) {
+    if (props.isSlot) {
+      props.value = [props.data];
+      return props;
+    }
+
+    var data = tslib.__assign(tslib.__assign({}, props.defaultData), props.data);
+
+    var arr = Array.isArray(props.value) ? props.value : typeof props.source === 'string' ? amis.resolveVariable(props.source, data) : amis.resolveVariable('items', data);
+
+    if (!Array.isArray(arr) || !arr.length) {
+      var mockedData = this.buildMockData();
+      props.value = amisEditorCore.repeatArray(mockedData, 1).map(function (item, index) {
+        return tslib.__assign(tslib.__assign({}, item), {
+          id: index + 1
+        });
+      });
+    }
+
+    var $schema = props.$schema,
+        rest = tslib.__rest(props, ["$schema"]);
+
+    return tslib.__assign(tslib.__assign({}, amisEditorCore.JSONPipeOut(rest)), {
+      $schema: $schema
+    });
+  };
+
+  ListPlugin.prototype.buildMockData = function () {
+    return {
+      id: 666,
+      title: i18nRuntime.i18n("6cb01692eea2fa7066d20fe2b6ccaea3"),
+      description: i18nRuntime.i18n("6cb01692eea2fa7066d20fe2b6ccaea3"),
+      a: i18nRuntime.i18n("6cb01692eea2fa7066d20fe2b6ccaea3"),
+      b: i18nRuntime.i18n("6cb01692eea2fa7066d20fe2b6ccaea3")
     };
-    return ListPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(ListPlugin);
+  };
+
+  ListPlugin.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("84c04f1e9ce6a6a228228dd3fb96b99e"),
+      value: tslib.__assign({}, value.listItem),
+      slot: {
+        type: 'list',
+        listItem: '$$'
+      },
+      onChange: function (newValue) {
+        newValue = tslib.__assign(tslib.__assign({}, value), {
+          listItem: newValue
+        });
+        manager.panelChangeValue(newValue, amisEditorCore.diff(value, newValue));
+      },
+      data: {
+        // TODO  默认数据不对
+        items: [this.buildMockData()]
+      }
+    });
+  };
+
+  ListPlugin.prototype.buildEditorToolbar = function (_a, toolbars) {
+    var id = _a.id,
+        info = _a.info,
+        schema = _a.schema;
+
+    if (info.renderer.name === 'list' || info.renderer.name === 'crud' && schema.mode === 'list') {
+      toolbars.push({
+        icon: 'fa fa-expand',
+        order: 100,
+        tooltip: i18nRuntime.i18n("39a6853b109ae98f1aabca90283d7edc"),
+        onClick: this.editDetail.bind(this, id)
+      });
+    }
+  };
+
+  ListPlugin.prototype.buildEditorContextMenu = function (_a, menus) {
+    var id = _a.id,
+        schema = _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 === 'list' || info.renderer.name === 'crud' && schema.mode === 'list') {
+      menus.push('|', {
+        label: i18nRuntime.i18n("84c04f1e9ce6a6a228228dd3fb96b99e"),
+        onSelect: this.editDetail.bind(this, id)
+      });
+    }
+  }; // 为了能够自动注入数据。
+
+
+  ListPlugin.prototype.getRendererInfo = function (context) {
+    var _a;
+
+    var plugin = this;
+    var renderer = context.renderer,
+        schema = context.schema;
+
+    if (!schema.$$id && ((_a = schema.$$editor) === null || _a === void 0 ? void 0 : _a.renderer.name) === 'crud' && renderer.name === 'list') {
+      return tslib.__assign(tslib.__assign({}, {
+        id: schema.$$editor.id
+      }), {
+        name: plugin.name,
+        regions: plugin.regions,
+        patchContainers: plugin.patchContainers,
+        vRendererConfig: plugin.vRendererConfig,
+        wrapperProps: plugin.wrapperProps,
+        wrapperResolve: plugin.wrapperResolve,
+        filterProps: plugin.filterProps,
+        $schema: plugin.$schema,
+        renderRenderer: plugin.renderRenderer
+      });
+    }
+
+    return _super.prototype.getRendererInfo.call(this, context);
+  };
+
+  return ListPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(ListPlugin);
 
 exports.ListPlugin = ListPlugin;