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

package/esm/plugin/List.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.2
+ * amis-editor v5.2.1-beta.15
  * Copyright 2018-2022 @fex
  */
 
@@ -9,235 +9,306 @@ import React__default from 'react';
 import { getSchemaTpl, defaultValue, repeatArray, JSONPipeOut, diff, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
 import { i18n } from 'i18n-runtime';
 
-var ListPlugin =
-/** @class */
-function (_super) {
+var ListPlugin = /** @class */function (_super) {
   __extends(ListPlugin, _super);
-
   function ListPlugin() {
-    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
-
-
-    _this.rendererName = 'list';
-    _this.$schema = '/schemas/ListSchema.json'; // 组件名称
-
-    _this.name = i18n("3712972d84adf48acbd6ad24b4d75ad0");
-    _this.isBaseComponent = true;
-    _this.description = i18n("9f556fb46ecef854282d17e631578b1c");
-    _this.docLink = '/amis/zh-CN/components/list';
-    _this.tags = [i18n("027446c2f9070b0f5b16a18208bf5fc7")];
-    _this.icon = 'fa fa-list';
-    _this.pluginIcon = 'list-plugin';
-    _this.scaffold = {
-      type: 'list',
-      listItem: {
-        body: [{
-          type: 'tpl',
-          tpl: i18n("3bb4d608c6bee2b7b6d788417cde04e3")
-        }],
-        actions: [{
-          icon: 'fa fa-eye',
-          type: 'button'
-        }]
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'list'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/ListSchema.json'
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("3712972d84adf48acbd6ad24b4d75ad0")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("9f556fb46ecef854282d17e631578b1c")
+    });
+    Object.defineProperty(_this, "docLink", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/amis/zh-CN/components/list'
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18n("027446c2f9070b0f5b16a18208bf5fc7")]
+    });
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'fa fa-list'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'list-plugin'
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'list',
+        listItem: {
+          body: [{
+            type: 'tpl',
+            tpl: i18n("3bb4d608c6bee2b7b6d788417cde04e3")
+          }],
+          actions: [{
+            icon: 'fa fa-eye',
+            type: 'button'
+          }]
+        }
       }
-    };
-    _this.previewSchema = __assign(__assign({}, _this.scaffold), {
-      items: [{
-        a: 1,
-        b: 2
-      }, {
-        a: 3,
-        b: 4
-      }, {
-        a: 5,
-        b: 6
-      }]
     });
-    _this.panelTitle = i18n("3712972d84adf48acbd6ad24b4d75ad0");
-
-    _this.panelBodyCreator = function (context) {
-      var isCRUDBody = context.schema.type === 'crud';
-      return getSchemaTpl('tabs', [{
-        title: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
-        body: [{
-          children: React__default.createElement(Button, {
-            level: "danger",
-            size: "sm",
-            block: true,
-            onClick: _this.editDetail.bind(_this, context.id)
-          }, "\u914D\u7F6E\u6210\u5458\u8BE6\u60C5")
-        }, {
-          type: 'divider'
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: __assign(__assign({}, _this.scaffold), {
+        items: [{
+          a: 1,
+          b: 2
         }, {
-          name: 'title',
-          type: 'input-text',
-          label: i18n("32c65d8d7431e76029678ec7bb73a5ab")
-        }, isCRUDBody ? null : {
-          name: 'source',
-          type: 'input-text',
-          label: i18n("c11322c9cc43ce3c004cf03f5ac0acd0"),
-          pipeIn: defaultValue('${items}'),
-          description: i18n("7ea26d0cb93e59339daf6a1ac68624f3")
+          a: 3,
+          b: 4
         }, {
-          name: 'placeholder',
-          pipeIn: defaultValue(i18n("1ac0e1626be43287983fe3e5559320eb")),
-          type: 'input-text',
-          label: i18n("35ba83e053cef95e55dfffde279822b5")
+          a: 5,
+          b: 6
         }]
-      }, {
-        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
-        body: [getSchemaTpl('switch', {
-          name: 'showHeader',
-          label: i18n("e18d033cc4baab3ebb329f6b29eb3cef"),
-          pipeIn: defaultValue(true)
-        }), getSchemaTpl('switch', {
-          name: 'showFooter',
-          label: i18n("412593f58b9d062a43cbe2ce38f4dc65"),
-          pipeIn: defaultValue(true)
-        }), getSchemaTpl('className', {
-          label: i18n("4434b33a8731a73613ba5fa1eb984efb")
-        }), getSchemaTpl('className', {
-          name: 'listClassName',
-          label: i18n("4e53bfe03e30bb3eae63d90d1f7f2a1c")
-        }), getSchemaTpl('className', {
-          name: 'headerClassName',
-          label: i18n("e494f1aa112068688ca863db7f39a0b5")
-        }), getSchemaTpl('className', {
-          name: 'footerClassName',
-          label: i18n("d267231d2d8b60e267acc7d7d9955ae2")
-        })]
-      }, {
-        title: i18n("33bf801796fd255b5f6147e33146669b"),
-        body: [getSchemaTpl('ref'), getSchemaTpl('visible')]
-      }]);
-    };
-
+      })
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("3712972d84adf48acbd6ad24b4d75ad0")
+    });
+    Object.defineProperty(_this, "panelBodyCreator", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: function (context) {
+        var isCRUDBody = context.schema.type === 'crud';
+        return getSchemaTpl('tabs', [{
+          title: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
+          body: [{
+            children: React__default.createElement(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: i18n("32c65d8d7431e76029678ec7bb73a5ab")
+          }, isCRUDBody ? null : {
+            name: 'source',
+            type: 'input-text',
+            label: i18n("c11322c9cc43ce3c004cf03f5ac0acd0"),
+            pipeIn: defaultValue('${items}'),
+            description: i18n("7ea26d0cb93e59339daf6a1ac68624f3")
+          }, {
+            name: 'placeholder',
+            pipeIn: defaultValue(i18n("1ac0e1626be43287983fe3e5559320eb")),
+            type: 'input-text',
+            label: i18n("35ba83e053cef95e55dfffde279822b5")
+          }]
+        }, {
+          title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+          body: [getSchemaTpl('switch', {
+            name: 'showHeader',
+            label: i18n("e18d033cc4baab3ebb329f6b29eb3cef"),
+            pipeIn: defaultValue(true)
+          }), getSchemaTpl('switch', {
+            name: 'showFooter',
+            label: i18n("412593f58b9d062a43cbe2ce38f4dc65"),
+            pipeIn: defaultValue(true)
+          }), getSchemaTpl('className', {
+            label: i18n("4434b33a8731a73613ba5fa1eb984efb")
+          }), getSchemaTpl('className', {
+            name: 'listClassName',
+            label: i18n("4e53bfe03e30bb3eae63d90d1f7f2a1c")
+          }), getSchemaTpl('className', {
+            name: 'headerClassName',
+            label: i18n("e494f1aa112068688ca863db7f39a0b5")
+          }), getSchemaTpl('className', {
+            name: 'footerClassName',
+            label: i18n("d267231d2d8b60e267acc7d7d9955ae2")
+          })]
+        }, {
+          title: i18n("33bf801796fd255b5f6147e33146669b"),
+          body: [getSchemaTpl('ref'), getSchemaTpl('visible')]
+        }]);
+      }
+    });
     return _this;
   }
-
-  ListPlugin.prototype.filterProps = function (props) {
-    if (props.isSlot) {
-      props.value = [props.data];
-      return props;
-    }
-
-    var data = __assign(__assign({}, props.defaultData), props.data);
-
-    var arr = Array.isArray(props.value) ? props.value : typeof props.source === 'string' ? resolveVariable(props.source, data) : resolveVariable('items', data);
-
-    if (!Array.isArray(arr) || !arr.length) {
-      var mockedData = this.buildMockData();
-      props.value = repeatArray(mockedData, 1).map(function (item, index) {
-        return __assign(__assign({}, item), {
-          id: index + 1
+  Object.defineProperty(ListPlugin.prototype, "filterProps", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (props) {
+      if (props.isSlot) {
+        props.value = [props.data];
+        return props;
+      }
+      var data = __assign(__assign({}, props.defaultData), props.data);
+      var arr = Array.isArray(props.value) ? props.value : typeof props.source === 'string' ? resolveVariable(props.source, data) : resolveVariable('items', data);
+      if (!Array.isArray(arr) || !arr.length) {
+        var mockedData = this.buildMockData();
+        props.value = repeatArray(mockedData, 1).map(function (item, index) {
+          return __assign(__assign({}, item), {
+            id: index + 1
+          });
         });
+      }
+      var $schema = props.$schema,
+        rest = __rest(props, ["$schema"]);
+      return __assign(__assign({}, JSONPipeOut(rest)), {
+        $schema: $schema
       });
     }
-
-    var $schema = props.$schema,
-        rest = __rest(props, ["$schema"]);
-
-    return __assign(__assign({}, JSONPipeOut(rest)), {
-      $schema: $schema
-    });
-  };
-
-  ListPlugin.prototype.buildMockData = function () {
-    return {
-      id: 666,
-      title: i18n("6cb01692eea2fa7066d20fe2b6ccaea3"),
-      description: i18n("6cb01692eea2fa7066d20fe2b6ccaea3"),
-      a: i18n("6cb01692eea2fa7066d20fe2b6ccaea3"),
-      b: i18n("6cb01692eea2fa7066d20fe2b6ccaea3")
-    };
-  };
-
-  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: i18n("84c04f1e9ce6a6a228228dd3fb96b99e"),
-      value: __assign({}, value.listItem),
-      slot: {
-        type: 'list',
-        listItem: '$$'
-      },
-      onChange: function (newValue) {
-        newValue = __assign(__assign({}, value), {
-          listItem: newValue
-        });
-        manager.panelChangeValue(newValue, diff(value, newValue));
-      },
-      data: {
-        // TODO  默认数据不对
-        items: [this.buildMockData()]
-      }
-    });
-  };
-
-  ListPlugin.prototype.buildEditorToolbar = function (_a, toolbars) {
-    var id = _a.id,
+  });
+  Object.defineProperty(ListPlugin.prototype, "buildMockData", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      return {
+        id: 666,
+        title: i18n("6cb01692eea2fa7066d20fe2b6ccaea3"),
+        description: i18n("6cb01692eea2fa7066d20fe2b6ccaea3"),
+        a: i18n("6cb01692eea2fa7066d20fe2b6ccaea3"),
+        b: i18n("6cb01692eea2fa7066d20fe2b6ccaea3")
+      };
+    }
+  });
+  Object.defineProperty(ListPlugin.prototype, "editDetail", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (id) {
+      var manager = this.manager;
+      var store = manager.store;
+      var node = store.getNodeById(id);
+      var value = store.getValueOf(id);
+      node && value && this.manager.openSubEditor({
+        title: i18n("84c04f1e9ce6a6a228228dd3fb96b99e"),
+        value: __assign({}, value.listItem),
+        slot: {
+          type: 'list',
+          listItem: '$$'
+        },
+        onChange: function (newValue) {
+          newValue = __assign(__assign({}, value), {
+            listItem: newValue
+          });
+          manager.panelChangeValue(newValue, diff(value, newValue));
+        },
+        data: {
+          // TODO  默认数据不对
+          items: [this.buildMockData()]
+        }
+      });
+    }
+  });
+  Object.defineProperty(ListPlugin.prototype, "buildEditorToolbar", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: 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: i18n("39a6853b109ae98f1aabca90283d7edc"),
-        onClick: this.editDetail.bind(this, id)
-      });
+      if (info.renderer.name === 'list' || info.renderer.name === 'crud' && schema.mode === 'list') {
+        toolbars.push({
+          icon: 'fa fa-expand',
+          order: 100,
+          tooltip: i18n("39a6853b109ae98f1aabca90283d7edc"),
+          onClick: this.editDetail.bind(this, id)
+        });
+      }
     }
-  };
-
-  ListPlugin.prototype.buildEditorContextMenu = function (_a, menus) {
-    var id = _a.id,
+  });
+  Object.defineProperty(ListPlugin.prototype, "buildEditorContextMenu", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: 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: i18n("84c04f1e9ce6a6a228228dd3fb96b99e"),
-        onSelect: this.editDetail.bind(this, id)
-      });
+      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: i18n("84c04f1e9ce6a6a228228dd3fb96b99e"),
+          onSelect: this.editDetail.bind(this, id)
+        });
+      }
     }
-  }; // 为了能够自动注入数据。
-
-
-  ListPlugin.prototype.getRendererInfo = function (context) {
-    var _a;
-
-    var plugin = this;
-    var renderer = context.renderer,
+  });
+  // 为了能够自动注入数据。
+  Object.defineProperty(ListPlugin.prototype, "getRendererInfo", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: 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 __assign(__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
-      });
+      if (!schema.$$id && ((_a = schema.$$editor) === null || _a === void 0 ? void 0 : _a.renderer.name) === 'crud' && renderer.name === 'list') {
+        return __assign(__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 _super.prototype.getRendererInfo.call(this, context);
-  };
-
+  });
   return ListPlugin;
 }(BasePlugin);
 registerEditorPlugin(ListPlugin);