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

package/esm/plugin/Form/InputTable.js

@@ -0,0 +1,353 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * 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; // 关联渲染器名字
+
+
+    _this.rendererName = 'input-table';
+    _this.$schema = '/schemas/TableControlSchema.json'; // 组件名称
+
+    _this.name = i18n("e41fd1934b82f93f5737827be7323119");
+    _this.isBaseComponent = true;
+    _this.icon = 'fa fa-table';
+    _this.pluginIcon = 'table-plugin';
+    _this.description = "\u53EF\u4EE5\u7528\u6765\u5C55\u73B0\u6570\u636E\u7684,\u53EF\u4EE5\u7528\u6765\u5C55\u793A\u6570\u7EC4\u7C7B\u578B\u7684\u6570\u636E\uFF0C\u6BD4\u5982 <code>multiple</code> \u7684\u5B50 <code>form</code>";
+    _this.docLink = '/amis/zh-CN/components/form/input-table';
+    _this.tags = [i18n("55b45c73ae417c4dead67905b1550e85")];
+    _this.scaffold = {
+      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
+    };
+    _this.regions = [{
+      key: 'columns',
+      label: i18n("1f9794dd5634220ed0a498c666cf46fe"),
+      renderMethod: 'renderTableContent',
+      preferTag: i18n("027446c2f9070b0f5b16a18208bf5fc7"),
+      dndMode: 'position-h'
+    }];
+    _this.previewSchema = {
+      type: 'form',
+      className: 'text-left',
+      wrapWithPanel: false,
+      mode: 'horizontal',
+      body: __assign(__assign({}, _this.scaffold), {
+        value: [{
+          color: 'green',
+          name: i18n("b2c712c788d3a143206eee22fe24d9f1")
+        }]
+      })
+    };
+    _this.scaffoldForm = {
+      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
+    };
+    _this.panelTitle = i18n("13c250c68608118463871ce7cd8b292c");
+
+    _this.panelBodyCreator = 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('')
+        }, {
+          name: 'addBtnIcon',
+          label: i18n("44177f78c596be113d4fe7c6bd7bb46a"),
+          type: 'icon-picker',
+          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('')
+        }, {
+          name: 'deleteBtnIcon',
+          label: i18n("34f020715121478c6a8e4654954c84fd"),
+          type: 'icon-picker',
+          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('')
+        }, {
+          name: 'editBtnIcon',
+          label: i18n("396ffcbab4e21acb77f6987f18ec94a3"),
+          type: 'icon-picker',
+          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('')
+        }, {
+          name: 'copyBtnIcon',
+          label: i18n("5d04af0e9d59ab3f1265cd8345c2517c"),
+          type: 'icon-picker',
+          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('')
+        }, {
+          name: 'confirmBtnIcon',
+          label: i18n("24c39bb36955b3113baefcfc20c5f60b"),
+          type: 'icon-picker',
+          className: 'fix-icon-picker-overflow',
+          visibleOn: 'data.editable'
+        }, {
+          type: 'input-text',
+          name: 'cancelBtnLabel',
+          label: i18n("9c68c27e8939af40897d1b0bca0360a5"),
+          visibleOn: 'data.editable',
+          pipeIn: defaultValue('')
+        }, {
+          name: 'cancelBtnIcon',
+          label: i18n("e54289c1f0e9311185adee89af24e618"),
+          type: 'icon-picker',
+          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;
+  }
+
+  TableControlPlugin.prototype.filterProps = 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
+
+
+  TableControlPlugin.prototype.beforeInsert = 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, BaseEventContext } 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,141 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * 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; // 关联渲染器名字
+
+
+    _this.rendererName = 'input-tag';
+    _this.$schema = '/schemas/TagControlSchema.json';
+    _this.order = -420; // 组件名称
+
+    _this.name = i18n("14d342362f66aa86e2aa1c1e11aa1204");
+    _this.isBaseComponent = true;
+    _this.icon = 'fa fa-tag';
+    _this.pluginIcon = 'input-tag-plugin';
+    _this.description = "\u914D\u7F6E<code>options</code>\u53EF\u4EE5\u5B9E\u73B0\u9009\u62E9\u9009\u9879";
+    _this.docLink = '/amis/zh-CN/components/form/input-tag';
+    _this.tags = [i18n("55b45c73ae417c4dead67905b1550e85")];
+    _this.scaffold = {
+      type: 'input-tag',
+      label: i18n("14d342362f66aa86e2aa1c1e11aa1204"),
+      name: 'tag',
+      options: [i18n("52636511861a0e08cbe6a0eb1c27d816"), i18n("b2c712c788d3a143206eee22fe24d9f1"), i18n("9c9aabab3f7627ff4bb224b2738b26ea")]
+    };
+    _this.previewSchema = {
+      type: 'form',
+      className: 'text-left',
+      mode: 'horizontal',
+      wrapWithPanel: false,
+      body: __assign(__assign({}, _this.scaffold), {
+        value: i18n("52636511861a0e08cbe6a0eb1c27d816")
+      })
+    };
+    _this.notRenderFormZone = true;
+    _this.panelTitle = i18n("14d342362f66aa86e2aa1c1e11aa1204"); // 事件定义
+
+    _this.events = [{
+      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")
+          }
+        }
+      }]
+    }, {
+      eventName: 'blur',
+      eventLabel: i18n("fc96a5f1b79cb734afe08e401b6ba5e7"),
+      description: i18n("fc96a5f1b79cb734afe08e401b6ba5e7"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.value': {
+            type: 'string',
+            title: i18n("528609917710d813a55e5a6cecf1e458")
+          }
+        }
+      }]
+    }]; // 动作定义
+
+    _this.actions = [{
+      actionType: 'clear',
+      actionLabel: i18n("288f0c404c4e546aa3683ff5054e85e2"),
+      description: i18n("c374a44713fa5ff5da2565beb398c7d3")
+    }, {
+      actionType: 'reset',
+      actionLabel: i18n("4b9c3271dc2f299dc3aeffb369187513"),
+      description: i18n("770fe9e7899cd310b035ef50a39ab2ae")
+    }, {
+      actionType: 'setValue',
+      actionLabel: i18n("8f40db3b25528063f1b6a59602a05cd5"),
+      description: i18n("0310aa5a05fe07147d8b7ef20616f659")
+    }];
+
+    _this.panelBodyCreator = 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 };

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

@@ -0,0 +1,43 @@
+import { BasePlugin, BaseEventContext } from 'amis-editor-core';
+export declare class TextControlPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    order: number;
+    searchKeywords: string;
+    name: string;
+    isBaseComponent: boolean;
+    icon: string;
+    pluginIcon: string;
+    description: string;
+    docLink: string;
+    tags: string[];
+    scaffold: {
+        type: string;
+        label: string;
+        name: string;
+    };
+    previewSchema: any;
+    notRenderFormZone: boolean;
+    panelTitle: string;
+    events: {
+        eventName: string;
+        eventLabel: string;
+        description: string;
+        dataSchema: {
+            type: string;
+            properties: {
+                'event.data.value': {
+                    type: string;
+                    title: string;
+                };
+            };
+        }[];
+    }[];
+    actions: {
+        actionType: string;
+        actionLabel: string;
+        description: string;
+    }[];
+    panelJustify: boolean;
+    panelBodyCreator: (context: BaseEventContext) => any;
+}