amis-editor 5.2.0 → 5.2.1-beta.19

package/esm/plugin/Form/InputTable.js

@@ -0,0 +1,418 @@
+/**
+ * amis-editor v5.2.1-beta.19
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import { resolveVariable } from 'amis';
+import flatten from 'lodash/flatten';
+import { getSchemaTpl, defaultValue, mockValue, repeatArray, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { setVariable } from 'amis-core';
+import { i18n } from 'i18n-runtime';
+
+var TableControlPlugin = /** @class */function (_super) {
+  __extends(TableControlPlugin, _super);
+  function TableControlPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'input-table'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/TableControlSchema.json'
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("e41fd1934b82f93f5737827be7323119")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'fa fa-table'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'table-plugin'
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("a5c2dba5ccf62851b24cfa12d4958ce2")
+    });
+    Object.defineProperty(_this, "docLink", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/amis/zh-CN/components/form/input-table'
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18n("55b45c73ae417c4dead67905b1550e85")]
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'input-table',
+        name: 'table',
+        label: i18n("4ba0387a2daf11ad9c67a75b52819eb3"),
+        columns: [{
+          label: 'color',
+          name: 'color',
+          quickEdit: {
+            type: 'input-color'
+          }
+        }, {
+          label: i18n("a80f36ea893b8135df8d9266bf13afac"),
+          name: 'name',
+          quickEdit: {
+            type: 'input-text',
+            mode: 'inline'
+          }
+        }],
+        strictMode: true
+      }
+    });
+    Object.defineProperty(_this, "regions", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        key: 'columns',
+        label: i18n("1f9794dd5634220ed0a498c666cf46fe"),
+        renderMethod: 'renderTableContent',
+        preferTag: i18n("027446c2f9070b0f5b16a18208bf5fc7"),
+        dndMode: 'position-h'
+      }]
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'form',
+        className: 'text-left',
+        wrapWithPanel: false,
+        mode: 'horizontal',
+        body: __assign(__assign({}, _this.scaffold), {
+          value: [{
+            color: 'green',
+            name: i18n("b2c712c788d3a143206eee22fe24d9f1")
+          }]
+        })
+      }
+    });
+    Object.defineProperty(_this, "scaffoldForm", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        title: i18n("6b93fcfc1a5795189c6072fa6e86d4f6"),
+        body: [{
+          name: 'columns',
+          type: 'combo',
+          multiple: true,
+          label: false,
+          addButtonText: i18n("0c14e431f1b5ecd163f8fa010a0654c7"),
+          draggable: true,
+          items: [{
+            type: 'input-text',
+            name: 'label',
+            placeholder: i18n("32c65d8d7431e76029678ec7bb73a5ab")
+          }, {
+            type: 'input-text',
+            name: 'name',
+            placeholder: i18n("41a344642681efaaa418c228ba7fb45c")
+          }, {
+            type: 'select',
+            name: 'type',
+            placeholder: i18n("226b0912184333c81babf2f1894ec0c1"),
+            value: 'text',
+            options: [{
+              value: 'text',
+              label: i18n("ffb01e5bcf4c00447f5150d3cba81371")
+            }, {
+              value: 'tpl',
+              label: i18n("59cf15fe6b8d659c9bd2f86143534a06")
+            }, {
+              value: 'image',
+              label: i18n("20def7942674282277c3714ed7ea6ce0")
+            }, {
+              value: 'date',
+              label: i18n("4ff1e74e43a3586339251494117185ad")
+            },
+            // {
+            //     value: 'datetime',
+            //     label: '日期时间'
+            // },
+            // {
+            //     value: 'time',
+            //     label: '时间'
+            // },
+            {
+              value: 'progress',
+              label: i18n("c7bff79d059a0b7ff9b02441959d8be2")
+            }, {
+              value: 'status',
+              label: i18n("3fea7ca76cdece641436d7ab0d02ab1b")
+            }, {
+              value: 'mapping',
+              label: i18n("9da188491dd34c4382a5b9f006194e41")
+            }, {
+              value: 'operation',
+              label: i18n("8abc564260a1564521e0c3a1d5419b4a")
+            }]
+          }]
+        }],
+        canRebuild: true
+      }
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("13c250c68608118463871ce7cd8b292c")
+    });
+    Object.defineProperty(_this, "panelBodyCreator", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: function (context) {
+        context.schema.type === 'crud';
+        return getSchemaTpl('tabs', [{
+          title: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
+          body: flatten([
+          // {
+          //   children: (
+          //     <div className="m-b">
+          //       <Button
+          //         level="success"
+          //         size="sm"
+          //         block
+          //         onClick={() => this.handleEditFormItem()}
+          //       >
+          //         配置列信息
+          //       </Button>
+          //     </div>
+          //   )
+          // },
+          getSchemaTpl('formItemName', {
+            required: true
+          }), getSchemaTpl('label'), getSchemaTpl('description'), getSchemaTpl('switch', {
+            label: i18n("7f2579cabd4d654458a720eed517a37d"),
+            name: 'addable'
+          }), {
+            type: 'input-text',
+            name: 'addBtnLabel',
+            label: i18n("6a2f67fe2d8bb1d389eb934dd8a72b1f"),
+            visibleOn: 'data.addable',
+            pipeIn: defaultValue('')
+          }, getSchemaTpl('icon', {
+            name: 'addBtnIcon',
+            label: i18n("44177f78c596be113d4fe7c6bd7bb46a"),
+            className: 'fix-icon-picker-overflow',
+            visibleOn: 'data.addable'
+          }), getSchemaTpl('api', {
+            name: 'addApi',
+            label: i18n("1d34fdbdcac357588c255c1ed2336a3f"),
+            visibleOn: 'data.addable'
+          }), getSchemaTpl('switch', {
+            label: i18n("1ab31449faaaeeeb7200d724eab9a7ab"),
+            name: 'removable'
+          }), {
+            type: 'input-text',
+            name: 'deleteBtnLabel',
+            label: i18n("96848841ea9b2a7d692aa6de57aa5e3e"),
+            visibleOn: 'data.removable',
+            pipeIn: defaultValue('')
+          }, getSchemaTpl('icon', {
+            name: 'deleteBtnIcon',
+            label: i18n("34f020715121478c6a8e4654954c84fd"),
+            className: 'fix-icon-picker-overflow',
+            visibleOn: 'data.removable'
+          }), getSchemaTpl('api', {
+            name: 'deleteApi',
+            label: i18n("a497289d862c6aeff8e61b6479b1081a"),
+            visibleOn: 'data.removable'
+          }), getSchemaTpl('switch', {
+            label: i18n("748f181258041bac1fe7346e970dfebc"),
+            name: 'editable'
+          }), {
+            type: 'input-text',
+            name: 'editBtnLabel',
+            label: i18n("412e319fdd893e6f3b26a1975d21b0e0"),
+            visibleOn: 'data.editable',
+            pipeIn: defaultValue('')
+          }, getSchemaTpl('icon', {
+            name: 'editBtnIcon',
+            label: i18n("396ffcbab4e21acb77f6987f18ec94a3"),
+            className: 'fix-icon-picker-overflow',
+            visibleOn: 'data.editable'
+          }), getSchemaTpl('switch', {
+            label: i18n("c128de224b606b094bd8139890fbe215"),
+            name: 'copyable'
+          }), {
+            type: 'input-text',
+            name: 'copyBtnLabel',
+            label: i18n("d59abc7020b4a6d943a0031da4518422"),
+            visibleOn: 'data.copyable',
+            pipeIn: defaultValue('')
+          }, getSchemaTpl('icon', {
+            name: 'copyBtnIcon',
+            label: i18n("5d04af0e9d59ab3f1265cd8345c2517c"),
+            className: 'fix-icon-picker-overflow',
+            visibleOn: 'data.copyable'
+          }), getSchemaTpl('api', {
+            name: 'updateApi',
+            label: i18n("681bdd6184b526ade9665e6d74976863"),
+            visibleOn: 'data.editable'
+          }), {
+            type: 'input-text',
+            name: 'confirmBtnLabel',
+            label: i18n("c29e632a658ecb98edb874833b070e98"),
+            visibleOn: 'data.editable',
+            pipeIn: defaultValue('')
+          }, getSchemaTpl('icon', {
+            name: 'confirmBtnIcon',
+            label: i18n("24c39bb36955b3113baefcfc20c5f60b"),
+            className: 'fix-icon-picker-overflow',
+            visibleOn: 'data.editable'
+          }), {
+            type: 'input-text',
+            name: 'cancelBtnLabel',
+            label: i18n("9c68c27e8939af40897d1b0bca0360a5"),
+            visibleOn: 'data.editable',
+            pipeIn: defaultValue('')
+          }, getSchemaTpl('icon', {
+            name: 'cancelBtnIcon',
+            label: i18n("e54289c1f0e9311185adee89af24e618"),
+            className: 'fix-icon-picker-overflow',
+            visibleOn: 'data.editable'
+          }), getSchemaTpl('switch', {
+            label: i18n("d8905a70e93a33c7a86240f467c653d4"),
+            name: 'draggable'
+          }), getSchemaTpl('switch', {
+            label: i18n("1205e138ba64dddf61c1f8e6eb3a1aa7"),
+            name: 'needConfirm'
+          }), getSchemaTpl('switch', {
+            label: i18n("98d52b737d6bc171b6d5bad9a42f6e23"),
+            name: 'strictMode',
+            value: true
+          }), getSchemaTpl('switch', {
+            label: i18n("1c1618f67cfea6fefb5f287932be2c27"),
+            labelRemark: {
+              trigger: 'click',
+              className: 'm-l-xs',
+              rootClose: true,
+              content: i18n("5831c1f77c5acefa6dfe9c64d06ca78a"),
+              placement: 'left'
+            },
+            onChange: function (value, oldValue, model, form) {
+              if (value && !oldValue) {
+                form.setValues({
+                  strictMode: false
+                });
+              } else {
+                form.setValues({
+                  strictMode: true
+                });
+              }
+            },
+            name: 'canAccessSuperData' // 同时需要配置strictMode
+          })])
+        }, {
+          title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+          body: [getSchemaTpl('formItemMode'), getSchemaTpl('horizontalMode'), getSchemaTpl('horizontal', {
+            label: '',
+            visibleOn: '(data.$$formMode == "horizontal" || data.mode == "horizontal") && data.label !== false && data.horizontal'
+          }), getSchemaTpl('className'), getSchemaTpl('className', {
+            label: i18n("6d0034a2419e1f394dedab07994b9665"),
+            name: 'labelClassName'
+          }), getSchemaTpl('className', {
+            label: i18n("677fb705e57897710d28867b7628307e"),
+            name: 'inputClassName'
+          }), getSchemaTpl('className', {
+            label: i18n("0e627e6a0ff773ee76bc4cc0871cb48d"),
+            name: 'descriptionClassName',
+            visibleOn: 'data.description'
+          })]
+        }, {
+          title: i18n("33bf801796fd255b5f6147e33146669b"),
+          body: [getSchemaTpl('disabled'), getSchemaTpl('visible')]
+        }, {
+          title: i18n("0d98c74797e49d00bcc4c17c9d557a2b"),
+          body: [getSchemaTpl('required'), getSchemaTpl('validateOnChange'), getSchemaTpl('submitOnChange')]
+        }]);
+      }
+    });
+    return _this;
+  }
+  Object.defineProperty(TableControlPlugin.prototype, "filterProps", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (props) {
+      var arr = Array.isArray(props.value) ? props.value : typeof props.source === 'string' ? resolveVariable(props.source, props.data) : resolveVariable('items', props.data);
+      if (!Array.isArray(arr) || !arr.length) {
+        var mockedData_1 = {};
+        if (Array.isArray(props.columns)) {
+          props.columns.forEach(function (column) {
+            if (column.name) {
+              setVariable(mockedData_1, column.name, mockValue(column));
+            }
+          });
+        }
+        props.value = repeatArray(mockedData_1, 1).map(function (item, index) {
+          return __assign(__assign({}, item), {
+            id: index + 1
+          });
+        });
+      } else {
+        // 只取10条预览，否则太多卡顿
+        props.value = arr.slice(0, 10);
+      }
+      return props;
+    }
+  });
+  // 自动插入 label
+  Object.defineProperty(TableControlPlugin.prototype, "beforeInsert", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (event) {
+      var _a, _b, _c, _d;
+      var context = event.context;
+      if ((context.info.plugin === this || ((_a = context.node.sameIdChild) === null || _a === void 0 ? void 0 : _a.info.plugin) === this) && context.region === 'columns') {
+        context.data = __assign(__assign({}, context.data), {
+          label: (_d = (_b = context.data.label) !== null && _b !== void 0 ? _b : (_c = context.subRenderer) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : i18n("bcee820bc20342a4d388a35ed32a35fe")
+        });
+      }
+    }
+  });
+  return TableControlPlugin;
+}(BasePlugin);
+registerEditorPlugin(TableControlPlugin);
+
+export { TableControlPlugin };

package/esm/plugin/Form/InputTag.d.ts

@@ -0,0 +1,26 @@
+import { BasePlugin } from 'amis-editor-core';
+import { RendererPluginAction, RendererPluginEvent } from 'amis-editor-core';
+export declare class TagControlPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    order: number;
+    name: string;
+    isBaseComponent: boolean;
+    icon: string;
+    pluginIcon: string;
+    description: string;
+    docLink: string;
+    tags: string[];
+    scaffold: {
+        type: string;
+        label: string;
+        name: string;
+        options: string[];
+    };
+    previewSchema: any;
+    notRenderFormZone: boolean;
+    panelTitle: string;
+    events: RendererPluginEvent[];
+    actions: RendererPluginAction[];
+    panelBodyCreator: (context: BaseEventContext) => any[];
+}

package/esm/plugin/Form/InputTag.js

@@ -0,0 +1,230 @@
+/**
+ * amis-editor v5.2.1-beta.19
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import { getSchemaTpl, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { formItemControl } from '../../component/BaseControl.js';
+import { i18n } from 'i18n-runtime';
+
+var TagControlPlugin = /** @class */function (_super) {
+  __extends(TagControlPlugin, _super);
+  function TagControlPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'input-tag'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/TagControlSchema.json'
+    });
+    Object.defineProperty(_this, "order", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: -420
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("14d342362f66aa86e2aa1c1e11aa1204")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'fa fa-tag'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'input-tag-plugin'
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("74104c62ed33836f0bc74297539dd7c9")
+    });
+    Object.defineProperty(_this, "docLink", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/amis/zh-CN/components/form/input-tag'
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18n("55b45c73ae417c4dead67905b1550e85")]
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'input-tag',
+        label: i18n("14d342362f66aa86e2aa1c1e11aa1204"),
+        name: 'tag',
+        options: [i18n("52636511861a0e08cbe6a0eb1c27d816"), i18n("b2c712c788d3a143206eee22fe24d9f1"), i18n("9c9aabab3f7627ff4bb224b2738b26ea")]
+      }
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'form',
+        className: 'text-left',
+        mode: 'horizontal',
+        wrapWithPanel: false,
+        body: __assign(__assign({}, _this.scaffold), {
+          value: i18n("52636511861a0e08cbe6a0eb1c27d816")
+        })
+      }
+    });
+    Object.defineProperty(_this, "notRenderFormZone", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("14d342362f66aa86e2aa1c1e11aa1204")
+    });
+    // 事件定义
+    Object.defineProperty(_this, "events", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        eventName: 'change',
+        eventLabel: i18n("755955372bcc0c7ebf161a656bc389b3"),
+        description: i18n("ee167d4c74e600248aefe9d0ba474705"),
+        dataSchema: [{
+          type: 'object',
+          properties: {
+            'event.data.value': {
+              type: 'string',
+              title: i18n("528609917710d813a55e5a6cecf1e458")
+            }
+          }
+        }]
+      }, {
+        eventName: 'focus',
+        eventLabel: i18n("ab0710b367acefa1d6a78e2338291e86"),
+        description: i18n("ab0710b367acefa1d6a78e2338291e86"),
+        dataSchema: [{
+          type: 'object',
+          properties: {
+            'event.data.value': {
+              type: 'string',
+              title: i18n("528609917710d813a55e5a6cecf1e458")
+            },
+            'event.data.selectedItems': {
+              type: 'array',
+              title: i18n("029e280e119b028bffc51424d909c07d")
+            },
+            'event.data.items': {
+              type: 'array',
+              title: i18n("cf965b232227a0e9d14f4f7e31b01c62")
+            }
+          }
+        }]
+      }, {
+        eventName: 'blur',
+        eventLabel: i18n("fc96a5f1b79cb734afe08e401b6ba5e7"),
+        description: i18n("fc96a5f1b79cb734afe08e401b6ba5e7"),
+        dataSchema: [{
+          type: 'object',
+          properties: {
+            'event.data.value': {
+              type: 'string',
+              title: i18n("528609917710d813a55e5a6cecf1e458")
+            },
+            'event.data.items': {
+              type: 'array',
+              title: i18n("cf965b232227a0e9d14f4f7e31b01c62")
+            }
+          }
+        }]
+      }]
+    });
+    // 动作定义
+    Object.defineProperty(_this, "actions", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        actionType: 'clear',
+        actionLabel: i18n("288f0c404c4e546aa3683ff5054e85e2"),
+        description: i18n("c374a44713fa5ff5da2565beb398c7d3")
+      }, {
+        actionType: 'reset',
+        actionLabel: i18n("4b9c3271dc2f299dc3aeffb369187513"),
+        description: i18n("770fe9e7899cd310b035ef50a39ab2ae")
+      }, {
+        actionType: 'setValue',
+        actionLabel: i18n("8f40db3b25528063f1b6a59602a05cd5"),
+        description: i18n("0310aa5a05fe07147d8b7ef20616f659")
+      }]
+    });
+    Object.defineProperty(_this, "panelBodyCreator", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: function (context) {
+        return formItemControl({
+          common: {
+            replace: true,
+            body: [getSchemaTpl('formItemName', {
+              required: true
+            }), getSchemaTpl('label'), getSchemaTpl('clearable'), {
+              type: 'input-text',
+              name: 'optionsTip',
+              label: i18n("9888468550779b1777260b8fafe6abc2"),
+              value: i18n("a2cbb42e488dffe644bdb87c26afbc07")
+            }, getSchemaTpl('valueFormula', {
+              rendererSchema: context === null || context === void 0 ? void 0 : context.schema,
+              mode: 'vertical' // 改成上下展示模式
+            }), getSchemaTpl('joinValues'), getSchemaTpl('delimiter'), getSchemaTpl('extractValue'), getSchemaTpl('autoFillApi', {
+              visibleOn: '!this.autoFill || this.autoFill.scene && this.autoFill.action'
+            }), getSchemaTpl('autoFill', {
+              visibleOn: '!this.autoFill || !this.autoFill.scene && !this.autoFill.action'
+            })]
+          },
+          option: {
+            body: [getSchemaTpl('optionControlV2', {
+              description: i18n("6f6fa31a91b516b28ebee7a86a9b13e2")
+            })]
+          },
+          status: {}
+        }, context);
+      }
+    });
+    return _this;
+  }
+  return TagControlPlugin;
+}(BasePlugin);
+registerEditorPlugin(TagControlPlugin);
+
+export { TagControlPlugin };