amis-editor 5.2.0 → 5.2.1-beta.19

package/esm/plugin/Form/Combo.js

@@ -0,0 +1,608 @@
+/**
+ * amis-editor v5.2.1-beta.19
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import { Button } from 'amis';
+import { valuePipeOut, getSchemaTpl, defaultValue, JSONPipeOut, mockValue, diff, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import React__default from 'react';
+import { setVariable } from 'amis-core';
+import { i18n } from 'i18n-runtime';
+
+var ComboControlPlugin = /** @class */function (_super) {
+  __extends(ComboControlPlugin, _super);
+  function ComboControlPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'combo'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/ComboControlSchema.json'
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("254bb8aa6b92d588d957a383df24db1e")
+    });
+    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-group'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'combo-plugin'
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("4db731c7d73988e40a01b4bf1a7f00d7")
+    });
+    Object.defineProperty(_this, "docLink", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/amis/zh-CN/components/form/combo'
+    });
+    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: 'combo',
+        label: i18n("254bb8aa6b92d588d957a383df24db1e"),
+        name: 'combo',
+        multiple: true,
+        items: [{
+          type: 'input-text',
+          name: 'input-text',
+          placeholder: i18n("97d07614380da93d257f9fbf81aa56fb")
+        }, {
+          type: 'select',
+          name: 'select',
+          placeholder: i18n("ea15ae2b7fba76c83eec6d0986d15197"),
+          options: [{
+            label: 'A',
+            value: 'a'
+          }, {
+            label: 'B',
+            value: 'b'
+          }]
+        }]
+      }
+    });
+    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: [{
+            text: 'Row 1',
+            select: 'a'
+          }, {}]
+        })]
+      }
+    });
+    // 事件定义
+    Object.defineProperty(_this, "events", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        eventName: 'add',
+        eventLabel: i18n("b58c7549c0246c55b9cac96383200338"),
+        description: i18n("8575b828c7320de82b9f99058aa1f55f"),
+        dataSchema: [{
+          type: 'object',
+          properties: {
+            'event.data.value': {
+              type: 'object',
+              title: i18n("aacd80d2c978abae7b955510a938788c")
+            }
+          }
+        }]
+      }, {
+        eventName: 'delete',
+        eventLabel: i18n("2f4aaddde33c9b93c36fd2503f3d122b"),
+        description: i18n("4933bd64bb23de03ca8ed246fa5509c5"),
+        dataSchema: [{
+          type: 'object',
+          properties: {
+            'event.data.key': {
+              type: 'string',
+              title: i18n("0410242a74850f010a9a8061bc0cd891")
+            },
+            'event.data.value': {
+              type: 'string',
+              title: i18n("74333901ae9ad27a93487dc850e45609")
+            },
+            'event.data.item': {
+              type: 'object',
+              title: i18n("28e5fd494ea37a09fd2ad36d0f98bacc")
+            }
+          }
+        }]
+      }, {
+        eventName: 'tabsChange',
+        eventLabel: i18n("95e09290c4e0f01323bb5abf301c950b"),
+        description: i18n("ba2bd765f6c2e2b717139c5453884e14"),
+        dataSchema: [{
+          type: 'object',
+          properties: {
+            'event.data.key': {
+              type: 'string',
+              title: i18n("b04c6cf9cb1212b9c173ddfeec129028")
+            },
+            'event.data.value': {
+              type: 'string',
+              title: i18n("74333901ae9ad27a93487dc850e45609")
+            },
+            'event.data.item': {
+              type: 'object',
+              title: i18n("046de1a6cb21ff83af74958342c0db64")
+            }
+          }
+        }]
+      }]
+    });
+    // 动作定义
+    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("8db57ba01ffb9bf29c1656de5f0208f5")
+      }, {
+        actionType: 'setValue',
+        actionLabel: i18n("8f40db3b25528063f1b6a59602a05cd5"),
+        description: i18n("0310aa5a05fe07147d8b7ef20616f659")
+      }]
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("254bb8aa6b92d588d957a383df24db1e")
+    });
+    Object.defineProperty(_this, "panelBodyCreator", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: function (context) {
+        return [{
+          name: 'conditions',
+          type: 'button-group-select',
+          size: 'sm',
+          mode: 'inline',
+          className: 'block',
+          options: [{
+            label: i18n("055f2f284d2bdb15bd9e542ea9f93285"),
+            value: '1'
+          }, {
+            label: i18n("e3b9236d585eb9c93a074f264737cb65"),
+            value: '2'
+          }],
+          pipeIn: function (value) {
+            return value ? '2' : '1';
+          },
+          pipeOut: function (value) {
+            return value == 2 ? [{
+              label: i18n("66e867eb73a118649800c0a064d0b5aa"),
+              test: '',
+              items: [{
+                type: 'input-text',
+                label: i18n("97d07614380da93d257f9fbf81aa56fb"),
+                name: 'text'
+              }],
+              scaffold: {}
+            }] : undefined;
+          }
+        }, {
+          name: 'conditions',
+          visibleOn: 'this.conditions',
+          type: 'combo',
+          label: i18n("5aa528690fd771f89683a7f00868f39e"),
+          multiple: true,
+          multiLine: true,
+          minLength: 1,
+          items: [{
+            label: i18n("d7ec2d3fea4756bc1642e0f10c180cf5"),
+            name: 'label',
+            type: 'input-text',
+            required: true
+          }, {
+            label: i18n("35b65a5a3f8d721e12cae310463d69d6"),
+            name: 'test',
+            required: true,
+            type: 'input-text',
+            placeholder: i18n("7341e991c8e8cfec68d31ffe0e06e429"),
+            description: i18n("85485d70be6b380294428018e54fc9b9")
+          }, {
+            name: 'items',
+            asFormItem: true,
+            children: function (_a) {
+              var value = _a.value,
+                onChange = _a.onChange;
+              return React__default.createElement(Button, {
+                size: "sm",
+                level: "danger",
+                className: "m-b",
+                block: true,
+                onClick: function () {
+                  return _this.manager.openSubEditor({
+                    title: 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: i18n("aab09f676645f2651655a711d5e3327c"),
+            pipeOut: valuePipeOut
+          }],
+          scaffold: {
+            label: i18n("66e867eb73a118649800c0a064d0b5aa"),
+            test: '',
+            items: [{
+              type: 'input-text',
+              label: i18n("97d07614380da93d257f9fbf81aa56fb"),
+              name: 'text'
+            }],
+            scaffold: {}
+          }
+        }, getSchemaTpl('switch', {
+          name: 'typeSwitchable',
+          visibleOn: 'this.conditions',
+          label: i18n("dda5ffc9ecbad13d424346890bacca6a"),
+          pipeIn: defaultValue(true)
+        }), {
+          name: 'items',
+          visibleOn: '!this.conditions',
+          asFormItem: true,
+          children: function (_a) {
+            var value = _a.value,
+              onChange = _a.onChange;
+            return React__default.createElement(Button, {
+              size: "sm",
+              level: "danger",
+              className: "m-b",
+              block: true,
+              onClick: function () {
+                _this.manager.openSubEditor({
+                  title: i18n("d68162ea1904f627b033fe3953da295d"),
+                  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");
+          }
+        }, getSchemaTpl('switchDefaultValue', {
+          visibleOn: '!this.defaultCheckAll'
+        }), {
+          type: 'textarea',
+          name: 'value',
+          label: i18n("225f3ed00750ae78ad1e6ea42c8f5087"),
+          pipeOut: valuePipeOut,
+          visibleOn: 'typeof this.value !== "undefined"'
+        }, getSchemaTpl('switch', {
+          label: i18n("8a0c77e91392d70df522b55eb4d403e2"),
+          name: 'multiLine',
+          value: false,
+          description: i18n("26343b8bcb694fa5e333b47d8b663d1c")
+        }), getSchemaTpl('multiple'), getSchemaTpl('joinValues'), getSchemaTpl('delimiter'), getSchemaTpl('switch', {
+          name: 'flat',
+          label: i18n("86032735a191d117b02111e447494380"),
+          visibleOn: 'Array.isArray(data.items) && data.items.length === 1 && data.multiple',
+          description: i18n("28a59fee1a4714493a8d6cec05c1417b")
+        }), getSchemaTpl('switch', {
+          label: i18n("7f2579cabd4d654458a720eed517a37d"),
+          name: 'addable',
+          visibleOn: 'this.multiple',
+          pipeIn: defaultValue(true)
+        }), {
+          type: 'textarea',
+          name: 'scaffold',
+          label: i18n("aab09f676645f2651655a711d5e3327c"),
+          visibleOn: 'this.multiple && this.addable !== false',
+          pipeOut: valuePipeOut,
+          pipeIn: defaultValue({})
+        }, {
+          label: i18n("ea1e5695bf682ea3b31aba0c35198ae3"),
+          name: 'addButtonText',
+          type: 'input-text',
+          visibleOn: 'data.addable',
+          pipeIn: defaultValue(i18n("66ab5e9f24c8f46012a25c89919fb191"))
+        }, getSchemaTpl('switch', {
+          label: i18n("1ab31449faaaeeeb7200d724eab9a7ab"),
+          name: 'removable',
+          visibleOn: 'this.multiple',
+          pipeIn: defaultValue(true)
+        }), getSchemaTpl('api', {
+          name: 'deleteApi',
+          label: i18n("fa3e9f9e49f5a81c998f949155f86b50"),
+          hiddenOn: '!data.removable'
+        }), {
+          label: i18n("f962922d46ef18e68127642e5c00165a"),
+          name: 'deleteConfirmText',
+          type: 'input-text',
+          visibleOn: 'data.deleteApi',
+          pipeIn: defaultValue(i18n("fc763fd5ddf637fe4ba1ac59e10b8d3a"))
+        }, getSchemaTpl('switch', {
+          name: 'draggable',
+          label: i18n("d8905a70e93a33c7a86240f467c653d4"),
+          visibleOn: 'this.multiple'
+        }), {
+          label: i18n("f41a714bc8b26dc27a93a07c44e329a8"),
+          name: 'draggableTip',
+          type: 'input-text',
+          visibleOn: 'data.draggable',
+          pipeIn: defaultValue(i18n("91396e9bc25c9e8b63907fe22408e2bb"))
+        }, getSchemaTpl('switch', {
+          name: 'noBorder',
+          label: i18n("8ee004bdd55b578acdb10b1bcd3fa4f7"),
+          visibleOn: 'this.multiLine'
+        }), {
+          name: 'minLength',
+          type: 'input-number',
+          label: i18n("e9cbda74a1ffc06228fca68e4d16c4dd")
+        }, {
+          name: 'maxLength',
+          type: 'input-number',
+          label: i18n("3baaa61e619e32fc36eff14839b1a63f")
+        }, {
+          label: i18n("522110866c19dace2ce38336617405c2"),
+          type: 'combo',
+          name: 'messages',
+          multiLine: true,
+          description: '',
+          items: [{
+            label: i18n("b8ccbc166c72b2eb54aac1332c99fb49"),
+            type: 'input-text',
+            name: 'validateFailed'
+          }, {
+            label: i18n("b34cbe877b2c8464c625858fcf19f4eb"),
+            type: 'input-text',
+            name: 'minLengthValidateFailed'
+          }, {
+            label: i18n("ea2474ff679195d9b54bd5ff3384fdfd"),
+            type: 'input-text',
+            name: 'maxLengthValidateFailed'
+          }]
+        }, getSchemaTpl('switch', {
+          name: 'canAccessSuperData',
+          label: i18n("1c5b9cb245f04413a2d888bd59442097"),
+          pipeIn: defaultValue(false)
+        }), getSchemaTpl('switch', {
+          name: 'tabsMode',
+          label: i18n("e673084b4261d10104d27ae9e4d014a4"),
+          pipeIn: defaultValue(false)
+        }), {
+          name: 'tabsStyle',
+          label: i18n("6e7bd650f763085de3bddd51a8d6aa88"),
+          visibleOn: 'data.tabsMode',
+          type: 'list-select',
+          options: [{
+            label: i18n("fd6e80f1e0199d6ecc3ee81ae04aa9ef"),
+            value: 'normal'
+          }, {
+            label: i18n("4cde06e6162ed66720e3133cb83bc059"),
+            value: 'horizontal'
+          }, {
+            label: i18n("2dd25b8c21efbfee4a198787810d65d8"),
+            value: 'inline'
+          }],
+          mode: 'inline',
+          className: 'w-full'
+        }, {
+          name: 'tabsLabelTpl',
+          label: i18n("fc6c9fa3af230165c39fb314c086be22"),
+          visibleOn: 'data.tabsMode',
+          type: 'input-text',
+          mode: 'inline',
+          className: 'w-full'
+        }, getSchemaTpl('switch', {
+          name: 'lazyLoad',
+          label: i18n("9ff4713f6b17e96e9cd76650fd5892be"),
+          pipeIn: defaultValue(false),
+          labelRemark: {
+            className: 'm-l-xs',
+            trigger: 'click',
+            rootClose: true,
+            placement: 'left',
+            content: i18n("f6e5fc909971d2e5f6ffe23edae93584")
+          }
+        }), getSchemaTpl('switch', {
+          name: 'strictMode',
+          label: i18n("98d52b737d6bc171b6d5bad9a42f6e23"),
+          pipeIn: defaultValue(true),
+          labelRemark: {
+            className: 'm-l-xs',
+            trigger: 'click',
+            rootClose: true,
+            placement: 'left',
+            content: i18n("cb5ca128b6c78a90f26673e21b0b3f28")
+          }
+        }), {
+          name: 'syncFields',
+          visibleOn: '!data.strictMode',
+          label: i18n("bc91f4844843d6c8ec1acb78a1f1aba4"),
+          type: 'input-text',
+          multiple: true,
+          joinValues: false,
+          extractValue: true,
+          description: i18n("07bf6c08bb5f0bdb32dbfecc7d3fe290")
+        }, getSchemaTpl('switch', {
+          name: 'nullable',
+          label: i18n("3f2176cdae8a4ed6a4c4eaff002a3b24"),
+          pipeIn: defaultValue(false),
+          labelRemark: {
+            className: 'm-l-xs',
+            trigger: 'click',
+            rootClose: true,
+            placement: 'left',
+            content: i18n("ead7156521ca11acb7ca7bdf4c9c87f6")
+          }
+        }), {
+          name: 'items',
+          label: i18n("7ab968b8219f6c348478da255ebcbcb9"),
+          hiddenOn: 'this.multiLine',
+          type: 'combo',
+          addable: false,
+          removable: false,
+          multiple: true,
+          items: [{
+            name: 'columnClassName',
+            placeholder: i18n("4434b33a8731a73613ba5fa1eb984efb"),
+            type: 'input-text'
+          }]
+        }, getSchemaTpl('subFormItemMode', {
+          visibleOn: 'this.multiLine'
+        }), getSchemaTpl('subFormHorizontalMode'), getSchemaTpl('subFormHorizontal')];
+      }
+    });
+    return _this;
+  }
+  Object.defineProperty(ComboControlPlugin.prototype, "filterProps", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (props) {
+      props = JSONPipeOut(props);
+      // 至少显示一个成员，否则啥都不显示。
+      if (props.multiple && !props.value && !props.$ref) {
+        var mockedData_1 = {};
+        if (Array.isArray(props.items)) {
+          props.items.forEach(function (control) {
+            control.name && setVariable(mockedData_1, control.name, mockValue(control));
+          });
+        }
+        props.value = [mockedData_1];
+      }
+      return props;
+    }
+  });
+  Object.defineProperty(ComboControlPlugin.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 === 'combo' && !Array.isArray(schema.conditions)) {
+        toolbars.push({
+          icon: 'fa fa-expand',
+          order: 100,
+          tooltip: i18n("50bfed6ada3e7d0ef4d20eb727b3d7df"),
+          onClick: this.editDetail.bind(this, id)
+        });
+      }
+    }
+  });
+  Object.defineProperty(ComboControlPlugin.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;
+      if (info.renderer.name === 'combo' && !Array.isArray(schema.conditions)) {
+        menus.push('|', {
+          label: i18n("39a6853b109ae98f1aabca90283d7edc"),
+          onSelect: this.editDetail.bind(this, id)
+        });
+      }
+    }
+  });
+  Object.defineProperty(ComboControlPlugin.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("50bfed6ada3e7d0ef4d20eb727b3d7df"),
+        value: value.items,
+        slot: {
+          type: 'form',
+          mode: 'normal',
+          body: '$$',
+          wrapWithPanel: false,
+          className: 'wrapper'
+        },
+        onChange: function (newValue) {
+          newValue = __assign(__assign({}, value), {
+            items: newValue
+          });
+          manager.panelChangeValue(newValue, diff(value, newValue));
+        }
+      });
+    }
+  });
+  return ComboControlPlugin;
+}(BasePlugin);
+registerEditorPlugin(ComboControlPlugin);
+
+export { ComboControlPlugin };

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

@@ -0,0 +1,37 @@
+import { BasePlugin, BasicSubRenderInfo, RendererEventContext, ScaffoldForm, SubRendererInfo } from 'amis-editor-core';
+export declare class ConditionBilderPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    icon: string;
+    pluginIcon: string;
+    description: string;
+    docLink: string;
+    tags: string[];
+    scaffold: {
+        type: string;
+        label: string;
+        name: string;
+        description: string;
+        fields: ({
+            label: string;
+            type: string;
+            name: string;
+            options?: undefined;
+        } | {
+            label: string;
+            type: string;
+            name: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+        })[];
+    };
+    scaffoldForm: ScaffoldForm;
+    previewSchema: any;
+    panelTitle: string;
+    panelBodyCreator: (context: BaseEventContext) => any[];
+    buildSubRenderers(context: RendererEventContext, renderers: Array<SubRendererInfo>): BasicSubRenderInfo | Array<BasicSubRenderInfo> | void;
+}