amis-editor 5.2.0 → 5.2.1-beta.19

package/esm/plugin/Form/InputURL.js

@@ -0,0 +1,104 @@
+/**
+ * amis-editor v5.2.1-beta.19
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import { registerEditorPlugin } from 'amis-editor-core';
+import { TextControlPlugin } from './InputText.js';
+import { i18n } from 'i18n-runtime';
+
+var URLControlPlugin = /** @class */function (_super) {
+  __extends(URLControlPlugin, _super);
+  function URLControlPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'input-url'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/TextControlSchema.json'
+    });
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("13604cddfe74bc9b9078dd61f9fb94ef")
+    });
+    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-link'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'input-url-plugin'
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("ed2e16700e32afdcdd745aa31454edb9")
+    });
+    Object.defineProperty(_this, "docLink", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/amis/zh-CN/components/form/input-url'
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'input-url',
+        label: i18n("bfe68d5844f8e54602760e18f45954f7"),
+        name: 'url'
+      }
+    });
+    Object.defineProperty(_this, "disabledRendererPlugin", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'form',
+        className: 'text-left',
+        mode: 'horizontal',
+        wrapWithPanel: false,
+        body: __assign({}, _this.scaffold)
+      }
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'URL'
+    });
+    return _this;
+  }
+  return URLControlPlugin;
+}(TextControlPlugin);
+registerEditorPlugin(URLControlPlugin);
+
+export { URLControlPlugin };

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

@@ -0,0 +1,19 @@
+import { DateControlPlugin } from './InputDate';
+export declare class YearControlPlugin extends DateControlPlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    icon: string;
+    pluginIcon: string;
+    description: string;
+    docLink: string;
+    tags: string[];
+    scaffold: {
+        type: string;
+        name: string;
+    };
+    disabledRendererPlugin: boolean;
+    previewSchema: any;
+    panelTitle: string;
+}

package/esm/plugin/Form/InputYear.js

@@ -0,0 +1,109 @@
+/**
+ * amis-editor v5.2.1-beta.19
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import { registerEditorPlugin } from 'amis-editor-core';
+import { DateControlPlugin } from './InputDate.js';
+import { i18n } from 'i18n-runtime';
+
+var YearControlPlugin = /** @class */function (_super) {
+  __extends(YearControlPlugin, _super);
+  function YearControlPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'input-year'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/YearControlSchema.json'
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'Year'
+    });
+    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-calendar'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'input-year-plugin'
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("b233766d3fae72574d3f9ee98c5be120")
+    });
+    Object.defineProperty(_this, "docLink", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/amis/zh-CN/components/form/input-year'
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18n("55b45c73ae417c4dead67905b1550e85")]
+    });
+    // @ts-ignore
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'input-year',
+        name: 'year'
+      }
+    });
+    Object.defineProperty(_this, "disabledRendererPlugin", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'form',
+        wrapWithPanel: false,
+        body: [__assign({}, _this.scaffold)]
+      }
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'Year'
+    });
+    return _this;
+  }
+  return YearControlPlugin;
+}(DateControlPlugin);
+registerEditorPlugin(YearControlPlugin);
+
+export { YearControlPlugin };

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

@@ -0,0 +1,21 @@
+import { DateRangeControlPlugin } from './InputDateRange';
+export declare class YearRangeControlPlugin extends DateRangeControlPlugin {
+    rendererName: string;
+    $schema: string;
+    order: number;
+    icon: string;
+    pluginIcon: string;
+    name: string;
+    isBaseComponent: boolean;
+    description: string;
+    docLink: string;
+    tags: string[];
+    scaffold: {
+        type: string;
+        label: string;
+        name: string;
+    };
+    previewSchema: any;
+    disabledRendererPlugin: boolean;
+    notRenderFormZone: boolean;
+}

package/esm/plugin/Form/InputYearRange.js

@@ -0,0 +1,117 @@
+/**
+ * amis-editor v5.2.1-beta.19
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import { registerEditorPlugin } from 'amis-editor-core';
+import { DateRangeControlPlugin } from './InputDateRange.js';
+import { i18n } from 'i18n-runtime';
+
+var YearRangeControlPlugin = /** @class */function (_super) {
+  __extends(YearRangeControlPlugin, _super);
+  function YearRangeControlPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'input-year-range'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/DateRangeControlSchema.json'
+    });
+    Object.defineProperty(_this, "order", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: -440
+    });
+    // 组件名称
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'fa fa-calendar'
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'input-month-range-plugin'
+    });
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("7866226eb814f681dcc4037e7489aab8")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("32a750b4fd61f1cfe37cac7147f05b3c")
+    });
+    Object.defineProperty(_this, "docLink", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/amis/zh-CN/components/form/year-range'
+    });
+    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-year-range',
+        label: i18n("7866226eb814f681dcc4037e7489aab8"),
+        name: 'year-range'
+      }
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'form',
+        className: 'text-left',
+        mode: 'horizontal',
+        wrapWithPanel: false,
+        body: [__assign({}, _this.scaffold)]
+      }
+    });
+    Object.defineProperty(_this, "disabledRendererPlugin", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "notRenderFormZone", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    return _this;
+  }
+  return YearRangeControlPlugin;
+}(DateRangeControlPlugin);
+registerEditorPlugin(YearRangeControlPlugin);
+
+export { YearRangeControlPlugin };

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

@@ -0,0 +1,11 @@
+import { BasePlugin, BasicPanelItem, PluginEvent, ChangeEventContext, ReplaceEventContext, BuildPanelEventContext, ContextMenuEventContext, ContextMenuItem } from 'amis-editor-core';
+export declare class ItemPlugin extends BasePlugin {
+    panelTitle: string;
+    order: number;
+    pluginIcon: string;
+    buildEditorPanel(context: BuildPanelEventContext, panels: Array<BasicPanelItem>): void;
+    panelBodyCreator: (context: BaseEventContext) => any[];
+    afterUpdate(event: PluginEvent<ChangeEventContext>): void;
+    beforeReplace(event: PluginEvent<ReplaceEventContext>): void;
+    buildEditorContextMenu({ id, schema, region, selections }: ContextMenuEventContext, menus: Array<ContextMenuItem>): void;
+}

package/esm/plugin/Form/Item.js

@@ -0,0 +1,255 @@
+/**
+ * amis-editor v5.2.1-beta.19
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __spreadArray, __assign } from 'tslib';
+import { getSchemaTpl, JSONDelete, JSONPipeIn, JSONUpdate, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import find from 'lodash/find';
+import { SUPPORT_STATIC_FORMITEM_CMPTS } from '../../renderer/event-control/helper.js';
+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 = '表单项通配';
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("55b45c73ae417c4dead67905b1550e85")
+    });
+    Object.defineProperty(_this, "order", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: -990
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'form-plugin'
+    });
+    Object.defineProperty(_this, "panelBodyCreator", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: function (context) {
+        var type = context.schema.type || '';
+        var supportStatic = SUPPORT_STATIC_FORMITEM_CMPTS.includes(type);
+        var ignoreName = ~['button', 'submit', 'reset'].indexOf(type);
+        var notRequiredName = ~['button-toobar', 'container', 'fieldSet', 'group', 'grid', 'hbox', 'input-group', 'panel', 'service', 'tabs', 'table', 'elevator', 'static'].indexOf(type);
+        var hasReadOnly = ~['switch', 'wizard', 'diff-editor', 'editor', 'input-rating', 'input-text', 'textarea'].indexOf(type);
+        /** 不支持配置校验属性的组件 */
+        var ignoreValidator = !!~['input-group'].indexOf(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: __spreadArray([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'
+          })], !supportStatic ? [] : [getSchemaTpl('className', {
+            label: i18n("3e573fd37473d789211ee44335d82fad"),
+            name: 'staticClassName'
+          })], true)
+        }, {
+          title: i18n("33bf801796fd255b5f6147e33146669b"),
+          body: [
+          // TODO: 有些表单项没有 disabled
+          getSchemaTpl('disabled'), getSchemaTpl('visible'), supportStatic ? getSchemaTpl('static') : null, getSchemaTpl('switch', {
+            name: 'clearValueOnHidden',
+            label: i18n("7abf78a41095c6d21a1cc89b4a876233")
+          })]
+        }, 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'
+    //     };
+    //   }
+    // }
+  }
+
+  Object.defineProperty(ItemPlugin.prototype, "buildEditorPanel", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: 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
+        });
+      }
+    }
+  });
+  Object.defineProperty(ItemPlugin.prototype, "afterUpdate", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: 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);
+      }
+    }
+  });
+  Object.defineProperty(ItemPlugin.prototype, "beforeReplace", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: 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;
+      }
+    }
+  });
+  Object.defineProperty(ItemPlugin.prototype, "buildEditorContextMenu", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: 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 } 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[];
+}