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

package/esm/plugin/Form/Item.js

@@ -0,0 +1,231 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import { getSchemaTpl, JSONDelete, JSONPipeIn, JSONUpdate, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import find from 'lodash/find';
+import { i18n } from 'i18n-runtime';
+
+var ItemPlugin =
+/** @class */
+function (_super) {
+  __extends(ItemPlugin, _super);
+
+  function ItemPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // panelTitle = '表单项通配';
+
+
+    _this.panelTitle = i18n("55b45c73ae417c4dead67905b1550e85");
+    _this.order = -990;
+    _this.pluginIcon = 'form-plugin';
+
+    _this.panelBodyCreator = function (context) {
+      var ignoreName = ~['button', 'submit', 'reset'].indexOf(context.schema.type);
+      var notRequiredName = ~['button-toobar', 'container', 'fieldSet', 'group', 'grid', 'hbox', 'input-group', 'panel', 'service', 'tabs', 'table', 'elevator', 'static'].indexOf(context.schema.type);
+      var hasReadOnly = ~['switch', 'wizard', 'diff-editor', 'editor', 'input-rating', 'input-text', 'textarea'].indexOf(context.schema.type);
+      /** 不支持配置校验属性的组件 */
+
+      var ignoreValidator = !!~['input-group'].indexOf(context.schema.type);
+      var renderer = context.info.renderer;
+      return [getSchemaTpl('tabs', [{
+        title: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
+        body: [ignoreName ? null : getSchemaTpl('formItemName', {
+          required: notRequiredName ? false : true
+        }), renderer.renderLabel !== false ? getSchemaTpl('label') : null, hasReadOnly ? getSchemaTpl('switch', {
+          name: 'readOnly',
+          label: i18n("973b69af999dbdf4fa124df8c928ca6e")
+        }) : null, getSchemaTpl('switch', {
+          name: 'disabled',
+          label: i18n("710ad08b11419332713360d2750cd707"),
+          mode: 'horizontal',
+          horizontal: {
+            justify: true,
+            left: 8
+          },
+          inputClassName: 'is-inline '
+        }), ignoreValidator ? null : getSchemaTpl('required'), getSchemaTpl('description'), getSchemaTpl('placeholder'), getSchemaTpl('remark', {
+          mode: 'row'
+        }), renderer.renderLabel !== false ? getSchemaTpl('labelRemark', {
+          mode: 'row'
+        }) : null]
+      }, {
+        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: [getSchemaTpl('formItemMode'), getSchemaTpl('horizontalMode'), getSchemaTpl('horizontal', {
+          label: '',
+          visibleOn: 'data.mode == "horizontal" && data.label !== false && data.horizontal'
+        }), renderer.sizeMutable !== false ? getSchemaTpl('formItemSize') : null, getSchemaTpl('formItemInline'), getSchemaTpl('className'), getSchemaTpl('className', {
+          label: i18n("6d0034a2419e1f394dedab07994b9665"),
+          name: 'labelClassName'
+        }), getSchemaTpl('className', {
+          label: i18n("2cadb6621afe19333b142faa541b0f91"),
+          name: 'inputClassName'
+        }), getSchemaTpl('className', {
+          label: i18n("0e627e6a0ff773ee76bc4cc0871cb48d"),
+          name: 'descriptionClassName',
+          visibleOn: 'this.description'
+        })]
+      }, {
+        title: i18n("33bf801796fd255b5f6147e33146669b"),
+        body: [// TODO: 有些表单项没有 disabled
+        getSchemaTpl('disabled'), getSchemaTpl('visible'), getSchemaTpl('switch', {
+          name: 'clearValueOnHidden',
+          label: i18n("7abf78a41095c6d21a1cc89b4a876233"),
+          disabledOn: 'typeof this.visible === "boolean"'
+        })]
+      }, ignoreValidator ? null : {
+        title: i18n("cd8992b644e6c18367861a4d913fd116"),
+        body: [// getSchemaTplByName('ref'),
+        getSchemaTpl('validations'), getSchemaTpl('validationErrors'), getSchemaTpl('validateOnChange'), getSchemaTpl('submitOnChange'), getSchemaTpl('api', {
+          name: 'validateApi',
+          label: i18n("1040279cf7b8dbdb842f597c30095f62"),
+          description: i18n("133886b10fd9721e6cf91b76f2df5b6e")
+        })]
+      }])];
+    };
+
+    return _this; // beforeInsert(event: PluginEvent<InsertEventContext>) {
+    //   const context = event.context;
+    //   if (
+    //     context.region === 'controls' &&
+    //     Array.isArray(context.subRenderer?.tags) &&
+    //     !~context.subRenderer!.tags!.indexOf('表单项') &&
+    //     ~context.subRenderer!.tags!.indexOf('展示')
+    //   ) {
+    //     context.data = {
+    //       ...context.data,
+    //       type: `static-${context.data.type}`,
+    //       label: context.data.label || context.subRenderer!.name,
+    //       name: context.data.name || 'var1'
+    //     };
+    //   }
+    // }
+  }
+
+  ItemPlugin.prototype.buildEditorPanel = function (context, panels) {
+    var thisPlugin = this;
+    var renderer = context.info.renderer;
+    var store = this.manager.store;
+
+    if (context.selections.length) {
+      return;
+    }
+
+    var plugin = context.info.plugin; // 如果是表单项
+
+    if (!context.info.hostId && (renderer === null || renderer === void 0 ? void 0 : renderer.isFormItem) && !(plugin === null || plugin === void 0 ? void 0 : plugin.notRenderFormZone)) {
+      panels.push({
+        key: 'form-item',
+        icon: 'fa fa-desktop',
+        pluginIcon: thisPlugin.pluginIcon,
+        title: this.panelTitle,
+        render: this.manager.makeSchemaFormRender({
+          body: this.panelBodyCreator(context),
+          panelById: store.activeId,
+          formKey: 'form-item'
+        }),
+        order: -200
+      });
+    }
+  };
+
+  ItemPlugin.prototype.afterUpdate = function (event) {
+    var _a, _b;
+
+    var context = event.context;
+
+    if (/\$/.test(context.info.renderer.name) && ((_a = context.diff) === null || _a === void 0 ? void 0 : _a.some(function (change) {
+      var _a;
+
+      return ((_a = change.path) === null || _a === void 0 ? void 0 : _a.join('.')) === 'value';
+    }))) {
+      var change = find(context.diff, function (change) {
+        var _a;
+
+        return ((_a = change.path) === null || _a === void 0 ? void 0 : _a.join('.')) === 'value';
+      });
+      var component = (_b = this.manager.store.getNodeById(context.id)) === null || _b === void 0 ? void 0 : _b.getComponent();
+      component === null || component === void 0 ? void 0 : component.props.onChange(change === null || change === void 0 ? void 0 : change.rhs);
+    }
+  };
+
+  ItemPlugin.prototype.beforeReplace = function (event) {
+    var context = event.context;
+
+    if (context.info.renderer.isFormItem && context.data && context.subRenderer && !~context.subRenderer.tags.indexOf(i18n("55b45c73ae417c4dead67905b1550e85")) && ~context.subRenderer.tags.indexOf(i18n("027446c2f9070b0f5b16a18208bf5fc7"))) {
+      context.data = __assign(__assign({}, context.data), {
+        type: "static-".concat(context.data.type),
+        label: context.data.label || context.schema.label,
+        name: context.data.name || context.schema.name
+      });
+    } // 替换字段的时候保留 name
+
+
+    if (context.schema) {
+      context.data.name = context.schema.name || context.data.name;
+    }
+  };
+
+  ItemPlugin.prototype.buildEditorContextMenu = function (_a, menus) {
+    var _this = this;
+
+    _a.id;
+        _a.schema;
+        _a.region;
+        var selections = _a.selections;
+
+    if (!selections.length || selections.length > 3) {
+      // 单选或者超过3个选中态时直接返回
+      return;
+    }
+
+    var arr = selections.concat();
+    var first = arr.shift();
+    var parent = first.node.parent; // 不在一个父节点，或者当前有非表单项，则直接跳过
+
+    if (arr.some(function (elem) {
+      var _a;
+
+      return elem.node.parent !== parent || !((_a = elem.info.renderer) === null || _a === void 0 ? void 0 : _a.isFormItem);
+    })) {
+      // 备注：isFormItem在amis注册渲染器时生成，所有表单类渲染器isFormItem为true
+      return;
+    }
+
+    menus.unshift({
+      label: i18n("b95c6e14a4d8f6a6c6d99d583916f327"),
+      icon: 'merge-icon',
+      onSelect: function () {
+        var store = _this.manager.store;
+        var arr = selections.concat();
+        var first = arr.shift();
+        var schema = store.schema;
+        var group = [__assign({}, first.schema)]; // 让后面的 JSONPipeIn 去变一个 id
+        // 因为 update 的时候，group 不会变 id
+        // 不能两个 id 一样，这样点选就乱了。
+
+        delete group[0].$$id;
+        arr.forEach(function (elem) {
+          group.push(elem.node.schema);
+          schema = JSONDelete(schema, elem.id);
+        });
+        var curNewGroup = JSONPipeIn({
+          type: 'group',
+          body: group
+        });
+        schema = JSONUpdate(schema, first.id, curNewGroup, true);
+        store.traceableSetSchema(schema);
+        setTimeout(function () {
+          // 合并成一行后自动选中父元素
+          store.setActiveId(first.id);
+        }, 40);
+      }
+    }, '|');
+  };
+
+  return ItemPlugin;
+}(BasePlugin);
+registerEditorPlugin(ItemPlugin);
+
+export { ItemPlugin };

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

@@ -0,0 +1,29 @@
+import { BasePlugin, BaseEventContext } from 'amis-editor-core';
+import { RendererPluginAction, RendererPluginEvent } from 'amis-editor-core';
+export declare class ListControlPlugin 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: {
+            label: string;
+            value: string;
+        }[];
+    };
+    previewSchema: any;
+    notRenderFormZone: boolean;
+    panelTitle: string;
+    events: RendererPluginEvent[];
+    actions: RendererPluginAction[];
+    panelBodyCreator: (context: BaseEventContext) => any[];
+}

package/esm/plugin/Form/ListSelect.js

@@ -0,0 +1,116 @@
+/**
+ * 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 ListControlPlugin =
+/** @class */
+function (_super) {
+  __extends(ListControlPlugin, _super);
+
+  function ListControlPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'list-select';
+    _this.$schema = '/schemas/ListControlSchema.json';
+    _this.order = -430; // 组件名称
+
+    _this.name = i18n("d22dfe420e4b00e000b93f94db3c856e");
+    _this.isBaseComponent = true;
+    _this.icon = 'fa fa-ellipsis-h';
+    _this.pluginIcon = 'list-select-plugin';
+    _this.description = "\u5355\u9009\u6216\u8005\u591A\u9009\uFF0C\u652F\u6301<code>source</code>\u62C9\u53D6\u9009\u9879\uFF0C\u9009\u9879\u53EF\u914D\u7F6E\u56FE\u7247\uFF0C\u4E5F\u53EF\u4EE5\u81EA\u5B9A\u4E49<code>HTML</code>\u914D\u7F6E";
+    _this.docLink = '/amis/zh-CN/components/form/list-select';
+    _this.tags = [i18n("55b45c73ae417c4dead67905b1550e85")];
+    _this.scaffold = {
+      type: 'list-select',
+      label: i18n("3712972d84adf48acbd6ad24b4d75ad0"),
+      name: 'list',
+      options: [{
+        label: i18n("05f87b331e1c97691776d93a6598373f"),
+        value: 'A'
+      }, {
+        label: i18n("f38c0a46797523b11051e35ec0f82a42"),
+        value: 'B'
+      }]
+    };
+    _this.previewSchema = {
+      type: 'form',
+      className: 'text-left',
+      mode: 'horizontal',
+      wrapWithPanel: false,
+      body: [__assign(__assign({}, _this.scaffold), {
+        value: 'A'
+      })]
+    };
+    _this.notRenderFormZone = true;
+    _this.panelTitle = i18n("d22dfe420e4b00e000b93f94db3c856e"); // 事件定义
+
+    _this.events = [{
+      eventName: 'change',
+      eventLabel: i18n("755955372bcc0c7ebf161a656bc389b3"),
+      description: i18n("2fc76872efce1eabd3b74a3e4fd5b976"),
+      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("8db57ba01ffb9bf29c1656de5f0208f5")
+    }, {
+      actionType: 'reload',
+      actionLabel: i18n("64ca9bab920a2983bcf270320d850d00"),
+      description: i18n("9ef5597ac0b4da662bcd967da37eceb4")
+    }, {
+      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('multiple'), getSchemaTpl('extractValue'), getSchemaTpl('valueFormula', {
+            rendererSchema: context === null || context === void 0 ? void 0 : context.schema,
+            useSelectMode: true,
+            visibleOn: 'this.options && this.options.length > 0'
+          })]
+        },
+        option: {
+          body: [getSchemaTpl('optionControlV2', {
+            description: i18n("6f6fa31a91b516b28ebee7a86a9b13e2")
+          })]
+        },
+        status: {}
+      }, context);
+    };
+
+    return _this;
+  }
+
+  return ListControlPlugin;
+}(BasePlugin);
+registerEditorPlugin(ListControlPlugin);
+
+export { ListControlPlugin };

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

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

package/esm/plugin/Form/LocationPicker.js

@@ -0,0 +1,77 @@
+/**
+ * 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 { i18n } from 'i18n-runtime';
+
+var LocationControlPlugin =
+/** @class */
+function (_super) {
+  __extends(LocationControlPlugin, _super);
+
+  function LocationControlPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'location-picker';
+    _this.$schema = '/schemas/LocationControlSchema.json'; // 组件名称
+
+    _this.name = i18n("d1f923b8e23b66b3e48953ba1ce17839");
+    _this.isBaseComponent = true;
+    _this.icon = 'fa fa-location-arrow';
+    _this.pluginIcon = 'location-picker-plugin';
+    _this.description = "\u5730\u7406\u4F4D\u7F6E\u9009\u62E9";
+    _this.docLink = '/amis/zh-CN/components/form/location-picker';
+    _this.tags = [i18n("55b45c73ae417c4dead67905b1550e85")];
+    _this.scaffold = {
+      type: 'location-picker',
+      name: 'location',
+      label: i18n("989ea9acbab9b17d2c15e2946b5365bb")
+    };
+    _this.previewSchema = {
+      type: 'form',
+      className: 'text-left',
+      mode: 'horizontal',
+      wrapWithPanel: false,
+      body: [__assign({}, _this.scaffold)]
+    };
+    _this.panelTitle = i18n("d1f923b8e23b66b3e48953ba1ce17839");
+
+    _this.panelBodyCreator = function (context) {
+      return [getSchemaTpl('clearable'), {
+        type: 'input-text',
+        name: 'ak',
+        label: i18n("dffd9d86d2003615897b12ce7597d77b"),
+        description: i18n("a269e7de6c7735290733eb3e574c2129")
+      }, {
+        type: 'select',
+        name: 'coordinatesType',
+        label: i18n("b472ba224a7d132c487ee6ec4798f835"),
+        value: 'bd09',
+        options: [{
+          label: i18n("36443b53c845b197db8d39eeda433ab9"),
+          value: 'bd09'
+        }, {
+          label: i18n("f58cb611aec0998a44ef104b5c950b40"),
+          value: 'gcj02'
+        }]
+      }
+      /* 备注: 暂时不开放
+      getSchemaTpl('valueFormula', {
+        rendererSchema: context?.schema,
+      }),
+      */
+      ];
+    };
+
+    return _this;
+  }
+
+  return LocationControlPlugin;
+}(BasePlugin);
+registerEditorPlugin(LocationControlPlugin);
+
+export { LocationControlPlugin };

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

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