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

package/esm/plugin/CustomRegion.js

@@ -0,0 +1,138 @@
+/**
+ * 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 isArray from 'lodash/isArray';
+import { i18n } from 'i18n-runtime';
+
+/**
+ * @file 自定义代码
+ */
+
+var CustomPlugin =
+/** @class */
+function (_super) {
+  __extends(CustomPlugin, _super);
+
+  function CustomPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'custom';
+    _this.$schema = '/schemas/CustomSchema.json'; // 组件名称
+
+    _this.name = i18n("b82231f254baf9a28bf752683d31b169");
+    _this.isBaseComponent = true;
+    _this.disabledRendererPlugin = true; // 待完善，暂时隐藏
+
+    _this.description = i18n("e5b5798a8bab7dc8a578431991731040");
+    _this.docLink = '/amis/zh-CN/components/custom';
+    _this.tags = [i18n("997c7a5d34f6fc628893f509d0df32e0"), i18n("22c799040acdb2601b437ed5449de076")];
+    _this.icon = 'fa fa-gears';
+    _this.scaffold = {
+      type: 'custom',
+      html: i18n("73ac822ddf4685dbfec661dec41a96b7"),
+      onMount: "this.renderChild('body', props.body, document.getElementById('customBox'));",
+      body: [{
+        type: 'tpl',
+        tpl: i18n("96ec95de2d7da5b16465eb980f74deae")
+      }]
+    };
+    _this.previewSchema = __assign({}, _this.scaffold);
+    _this.regions = [{
+      key: 'body',
+      label: i18n("132a78bdf68d6d17bde00aa807bbf032")
+    }];
+    _this.panelTitle = i18n("473d2078518479669823205110842376");
+    _this.panelBody = [getSchemaTpl('fieldSet', {
+      title: i18n("0b13dc6251002bf556263fb3e4675b11"),
+      body: [{
+        label: i18n("0b13dc6251002bf556263fb3e4675b11"),
+        name: 'html',
+        type: 'editor',
+        allowFullscreen: true
+      }]
+    }), getSchemaTpl('fieldSet', {
+      title: 'onMount',
+      body: [{
+        name: 'onMount',
+        type: 'editor',
+        allowFullscreen: true,
+        size: 'xxl',
+        label: i18n("d6b917c76b92aa9b92b6bebdcab993f3"),
+        options: {
+          lineNumbers: 'off',
+          glyphMargin: false,
+          lineDecorationsWidth: 0,
+          lineNumbersMinChars: 0
+        }
+      }]
+    }), getSchemaTpl('fieldSet', {
+      title: 'onUpdate',
+      body: [{
+        name: 'onUpdate',
+        type: 'editor',
+        allowFullscreen: true,
+        size: 'xxl',
+        label: i18n("e64739dd24bb0bfcb6f6e1ee2cce5413")
+      }]
+    }), getSchemaTpl('fieldSet', {
+      title: 'onUnmount',
+      body: [{
+        name: 'onUnmount',
+        type: 'editor',
+        allowFullscreen: true,
+        size: 'xxl',
+        label: i18n("0601b7aa5b53cbc3616e24719bcd2aaa")
+      }]
+    })];
+    return _this;
+  }
+  /**
+   * 备注: 根据当前custom组件的schema中是否有body元素来启动容器模式，用于实现custom组件实现自定义容器类型
+   */
+
+
+  CustomPlugin.prototype.getRendererInfo = function (context) {
+    var plugin = this;
+    var renderer = context.renderer,
+        schema = context.schema;
+
+    if (schema.$$id && plugin.name && plugin.rendererName && plugin.rendererName === renderer.name) {
+      var regions = plugin.regions;
+
+      if (!regions && schema && schema.body && isArray(schema.body)) {
+        regions = [{
+          key: 'body',
+          label: i18n("749f710d280419b1da031c9bc79b3b07")
+        }];
+      }
+
+      return {
+        name: plugin.name,
+        regions: regions,
+        patchContainers: plugin.patchContainers,
+        // wrapper: plugin.wrapper,
+        vRendererConfig: plugin.vRendererConfig,
+        wrapperProps: plugin.wrapperProps,
+        wrapperResolve: plugin.wrapperResolve,
+        filterProps: plugin.filterProps,
+        $schema: plugin.$schema,
+        renderRenderer: plugin.renderRenderer,
+        multifactor: plugin.multifactor,
+        scaffoldForm: plugin.scaffoldForm,
+        disabledRendererPlugin: plugin.disabledRendererPlugin,
+        isBaseComponent: plugin.isBaseComponent,
+        rendererName: plugin.rendererName
+      };
+    }
+  };
+
+  return CustomPlugin;
+}(BasePlugin);
+registerEditorPlugin(CustomPlugin);
+
+export { CustomPlugin };

package/esm/plugin/Date.d.ts

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

package/esm/plugin/Date.js

@@ -0,0 +1,79 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import { getSchemaTpl, defaultValue, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { i18n } from 'i18n-runtime';
+
+var DatePlugin =
+/** @class */
+function (_super) {
+  __extends(DatePlugin, _super);
+
+  function DatePlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'date';
+    _this.$schema = '/schemas/DateSchema.json'; // 组件名称
+
+    _this.name = i18n("356b1959a9da95997b4de31415d9d74e");
+    _this.isBaseComponent = true;
+    _this.description = i18n("2bc6d101e5701a70f2fb9e0b67581594");
+    _this.tags = [i18n("027446c2f9070b0f5b16a18208bf5fc7")];
+    _this.icon = 'fa fa-calendar';
+    _this.pluginIcon = 'date-plugin';
+    _this.scaffold = {
+      type: 'date',
+      value: Math.round(Date.now() / 1000)
+    };
+    _this.previewSchema = __assign(__assign({}, _this.scaffold), {
+      format: 'YYYY-MM-DD',
+      value: Math.round(Date.now() / 1000)
+    });
+    _this.panelTitle = i18n("356b1959a9da95997b4de31415d9d74e");
+
+    _this.panelBodyCreator = function (context) {
+      return [getSchemaTpl('tabs', [{
+        title: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
+        body: [{
+          type: 'input-date',
+          name: 'value',
+          label: i18n("a2344febfc246ddc7281f62217ba42c0")
+        }, {
+          type: 'input-text',
+          name: 'format',
+          label: i18n("84ff80a2dc4717cc01acd486040a6763"),
+          description: i18n("6eea1b15be458a6999c9259aa2280a70"),
+          pipeIn: defaultValue('YYYY-MM-DD')
+        }, {
+          type: 'input-text',
+          name: 'valueFormat',
+          label: i18n("a7032449ae8761aea61cc30e32d3be10"),
+          description: i18n("6eea1b15be458a6999c9259aa2280a70"),
+          pipeIn: defaultValue('X')
+        }, {
+          name: 'placeholder',
+          type: 'input-text',
+          pipeIn: defaultValue('-'),
+          label: i18n("4c1cff4d8c05daa6ed9352a241ee628c")
+        }]
+      }, {
+        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: [getSchemaTpl('className')]
+      }, {
+        title: i18n("33bf801796fd255b5f6147e33146669b"),
+        body: [getSchemaTpl('ref'), getSchemaTpl('visible')]
+      }])];
+    };
+
+    return _this;
+  }
+
+  return DatePlugin;
+}(BasePlugin);
+registerEditorPlugin(DatePlugin);
+
+export { DatePlugin };

package/esm/plugin/Datetime.d.ts

@@ -0,0 +1,18 @@
+import { BaseEventContext } from 'amis-editor-core';
+import { DatePlugin } from './Date';
+export declare class DatetimePlugin extends DatePlugin {
+    rendererName: string;
+    scaffold: {
+        type: string;
+        value: number;
+    };
+    name: string;
+    isBaseComponent: boolean;
+    pluginIcon: string;
+    previewSchema: {
+        format: string;
+        value: number;
+        type: string;
+    };
+    panelBodyCreator: (context: BaseEventContext) => any[];
+}

package/esm/plugin/Datetime.js

@@ -0,0 +1,74 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import { getSchemaTpl, defaultValue, registerEditorPlugin } from 'amis-editor-core';
+import { DatePlugin } from './Date.js';
+import { i18n } from 'i18n-runtime';
+
+var DatetimePlugin =
+/** @class */
+function (_super) {
+  __extends(DatetimePlugin, _super);
+
+  function DatetimePlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'datetime';
+    _this.scaffold = {
+      type: 'datetime',
+      value: Math.round(Date.now() / 1000)
+    };
+    _this.name = i18n("b54e0f0a60f8e2c4c31f3b1ad7d5a613");
+    _this.isBaseComponent = true;
+    _this.pluginIcon = 'datetime-plugin';
+    _this.previewSchema = __assign(__assign({}, _this.scaffold), {
+      format: 'YYYY-MM-DD HH:mm:ss',
+      value: Math.round(Date.now() / 1000)
+    });
+
+    _this.panelBodyCreator = function (context) {
+      return [getSchemaTpl('tabs', [{
+        title: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
+        body: [{
+          type: 'input-datetime',
+          name: 'value',
+          label: i18n("2a898869829eae8adcfca290fd34a67d")
+        }, {
+          type: 'input-text',
+          name: 'format',
+          label: i18n("b0d6f2d882adc2163e6a08a121d18677"),
+          description: i18n("6eea1b15be458a6999c9259aa2280a70"),
+          pipeIn: defaultValue('YYYY-MM-DD HH:mm:ss')
+        }, {
+          type: 'input-text',
+          name: 'valueFormat',
+          label: i18n("a7032449ae8761aea61cc30e32d3be10"),
+          description: i18n("6eea1b15be458a6999c9259aa2280a70"),
+          pipeIn: defaultValue('X')
+        }, {
+          name: 'placeholder',
+          type: 'input-text',
+          pipeIn: defaultValue('-'),
+          label: i18n("4c1cff4d8c05daa6ed9352a241ee628c")
+        }]
+      }, {
+        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: [getSchemaTpl('className')]
+      }, {
+        title: i18n("33bf801796fd255b5f6147e33146669b"),
+        body: [getSchemaTpl('ref'), getSchemaTpl('visible')]
+      }])];
+    };
+
+    return _this;
+  }
+
+  return DatetimePlugin;
+}(DatePlugin);
+registerEditorPlugin(DatetimePlugin);
+
+export { DatetimePlugin };

package/esm/plugin/Dialog.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import { BaseEventContext, BasePlugin, RegionConfig } from 'amis-editor-core';
+export declare class DialogPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    wrapperProps: {
+        wrapperComponent: typeof InlineModal;
+        onClose: typeof import("amis-core").noop;
+        show: boolean;
+    };
+    regions: Array<RegionConfig>;
+    events: {
+        eventName: string;
+        eventLabel: string;
+        description: string;
+        dataSchema: {
+            type: string;
+            properties: {
+                'event.data': {
+                    type: string;
+                    title: string;
+                };
+            };
+        }[];
+    }[];
+    actions: {
+        actionType: string;
+        actionLabel: string;
+        description: string;
+    }[];
+    panelTitle: string;
+    panelJustify: boolean;
+    panelBodyCreator: (context: BaseEventContext) => any;
+    buildSubRenderers(): void;
+}
+export declare class InlineModal extends React.Component<any, any> {
+    componentDidMount(): void;
+    render(): JSX.Element;
+}

package/esm/plugin/Dialog.js

@@ -0,0 +1,211 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import React__default from 'react';
+import { noop, getSchemaTpl, defaultValue, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { getEventControlConfig } from '../renderer/event-control/helper.js';
+import { i18n } from 'i18n-runtime';
+
+var DialogPlugin =
+/** @class */
+function (_super) {
+  __extends(DialogPlugin, _super);
+
+  function DialogPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'dialog';
+    _this.$schema = '/schemas/DialogSchema.json'; // 组件名称
+
+    _this.name = i18n("ab3aec075a09d055b2a28c8b61925ee0");
+    _this.isBaseComponent = true;
+    _this.wrapperProps = {
+      wrapperComponent: InlineModal,
+      onClose: noop,
+      show: true
+    };
+    _this.regions = [{
+      key: 'body',
+      label: i18n("132a78bdf68d6d17bde00aa807bbf032"),
+      renderMethod: 'renderBody',
+      renderMethodOverride: function (regions, insertRegion) {
+        return function () {
+          var args = [];
+
+          for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+          }
+
+          var info = this.props.$$editor;
+          var dom = this.super.apply(this, args);
+
+          if (info && args[1] === 'body') {
+            return insertRegion(this, dom, regions, info, info.plugin.manager);
+          }
+
+          return dom;
+        };
+      }
+    }, {
+      key: 'actions',
+      label: i18n("c8caf94205105bac5833ab31cc2129d7"),
+      renderMethod: 'renderFooter',
+      wrapperResolve: function (dom) {
+        return dom;
+      }
+    }]; // 现在没用，后面弹窗优化后有用
+
+    _this.events = [{
+      eventName: 'confirm',
+      eventLabel: i18n("e83a256e4f5bb4ff8b3d804b5473217a"),
+      description: i18n("773ddc154f1e9b80f04e8bc9d83d2caf"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data': {
+            type: 'object',
+            title: i18n("e9b91e9101059dc2e234d9847dd7b003")
+          }
+        }
+      }]
+    }, {
+      eventName: 'cancel',
+      eventLabel: i18n("625fb26b4b3340f7872b411f401e754c"),
+      description: i18n("08ab4ffcd1bddd249a193e6353bb52bb"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data': {
+            type: 'object',
+            title: i18n("e9b91e9101059dc2e234d9847dd7b003")
+          }
+        }
+      }]
+    }];
+    _this.actions = [{
+      actionType: 'confirm',
+      actionLabel: i18n("e83a256e4f5bb4ff8b3d804b5473217a"),
+      description: i18n("4708bcefff645287c8781a1de2a0f20b")
+    }, {
+      actionType: 'cancel',
+      actionLabel: i18n("625fb26b4b3340f7872b411f401e754c"),
+      description: i18n("af17a4e37e5c6d68fff33c084192801b")
+    }, {
+      actionType: 'setValue',
+      actionLabel: i18n("67b6bec14c39be3f2602271e2fe3bcde"),
+      description: i18n("0310aa5a05fe07147d8b7ef20616f659")
+    }];
+    _this.panelTitle = i18n("ab3aec075a09d055b2a28c8b61925ee0");
+    _this.panelJustify = true;
+
+    _this.panelBodyCreator = function (context) {
+      return getSchemaTpl('tabs', [{
+        title: i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: getSchemaTpl('collapseGroup', [{
+          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            label: i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+            type: 'input-text',
+            name: 'title'
+          }, getSchemaTpl('switch', {
+            label: i18n("8c8fbec263e20f087555c9abcb6dd07a"),
+            name: 'showCloseButton',
+            value: true
+          }), getSchemaTpl('switch', {
+            label: i18n("f29ab26877ed22ffa59636d747d824b9"),
+            name: 'closeOnEsc',
+            value: false
+          }), getSchemaTpl('switch', {
+            label: i18n("dcba76890a534e1fe94421be2a17b484"),
+            name: 'showErrorMsg',
+            value: true
+          }), getSchemaTpl('switch', {
+            label: i18n("af5876b89583552eef4c781718886dec"),
+            name: 'showLoading',
+            value: true
+          }), getSchemaTpl('dataMap')]
+        }])
+      }, {
+        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: getSchemaTpl('collapseGroup', [{
+          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            label: i18n("c8339fd2a85af4ba66084d28df808de4"),
+            type: 'button-group-select',
+            name: 'size',
+            size: 'sm',
+            options: [{
+              label: i18n("544fac400db790f57ea8ee4207cbeb6b"),
+              value: ''
+            }, {
+              label: i18n("391b8fa9c747a1799353ab856e666ad5"),
+              value: 'sm'
+            }, {
+              label: i18n("aed1dfbc31703955e64806b799b67645"),
+              value: 'md'
+            }, {
+              label: i18n("ab18e30c0dc4093ceeda8961fac3d1f4"),
+              value: 'lg'
+            }, {
+              label: i18n("949934d97c42801151673a51d3adc421"),
+              value: 'xl'
+            }],
+            pipeIn: defaultValue(''),
+            pipeOut: function (value) {
+              return value ? value : undefined;
+            }
+          }]
+        }, {
+          title: i18n("261bba7ad82914e477f4b37f6a83874e"),
+          body: [getSchemaTpl('className', {
+            name: 'className',
+            label: i18n("5e5d3f13111593b2710673006d4c8297")
+          }), getSchemaTpl('className', {
+            name: 'bodyClassName',
+            label: i18n("33be689a0f0de129ce37f7a96052002e")
+          })]
+        }])
+      }, {
+        title: i18n("10b2761db5a8e089049df39675abc550"),
+        className: 'p-none',
+        body: [getSchemaTpl('eventControl', __assign({
+          name: 'onEvent'
+        }, getEventControlConfig(_this.manager, context)))]
+      }]);
+    };
+
+    return _this;
+  }
+
+  DialogPlugin.prototype.buildSubRenderers = function () {};
+
+  return DialogPlugin;
+}(BasePlugin);
+registerEditorPlugin(DialogPlugin);
+
+var InlineModal =
+/** @class */
+function (_super) {
+  __extends(InlineModal, _super);
+
+  function InlineModal() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+
+  InlineModal.prototype.componentDidMount = function () {};
+
+  InlineModal.prototype.render = function () {
+    var children = this.props.children;
+    return React__default.createElement("div", {
+      className: "ae-InlineModel"
+    }, children);
+  };
+
+  return InlineModal;
+}(React__default.Component);
+
+export { DialogPlugin, InlineModal };

package/esm/plugin/Divider.d.ts

@@ -0,0 +1,16 @@
+import { BasePlugin } from 'amis-editor-core';
+export declare class DividerPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    icon: string;
+    pluginIcon: string;
+    description: string;
+    scaffold: {
+        type: string;
+    };
+    previewSchema: any;
+    panelTitle: string;
+    panelBody: any;
+}

package/esm/plugin/Divider.js

@@ -0,0 +1,49 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends } from 'tslib';
+import { getSchemaTpl, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { i18n } from 'i18n-runtime';
+
+var DividerPlugin =
+/** @class */
+function (_super) {
+  __extends(DividerPlugin, _super);
+
+  function DividerPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'divider';
+    _this.$schema = '/schemas/DividerSchema.json'; // 组件名称
+
+    _this.name = i18n("7e1eb2c588aa1301f4aa19395ef0a177");
+    _this.isBaseComponent = true;
+    _this.icon = 'fa fa-minus';
+    _this.pluginIcon = 'divider-plugin';
+    _this.description = i18n("bc43ae8e61f1ad4be2b0a9e70501e490");
+    _this.scaffold = {
+      type: 'divider'
+    };
+    _this.previewSchema = {
+      type: 'divider',
+      className: 'm-t-none m-b-none'
+    };
+    _this.panelTitle = i18n("7e1eb2c588aa1301f4aa19395ef0a177");
+    _this.panelBody = getSchemaTpl('tabs', [{
+      title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+      body: [getSchemaTpl('className')]
+    }, {
+      title: i18n("33bf801796fd255b5f6147e33146669b"),
+      body: [getSchemaTpl('ref'), getSchemaTpl('visible')]
+    }]);
+    return _this;
+  }
+
+  return DividerPlugin;
+}(BasePlugin);
+registerEditorPlugin(DividerPlugin);
+
+export { DividerPlugin };

package/esm/plugin/Drawer.d.ts

@@ -0,0 +1,29 @@
+import { BaseEventContext, BasePlugin, RegionConfig } from 'amis-editor-core';
+import { InlineModal } from './Dialog';
+export declare class DrawerPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    wrapperProps: {
+        wrapperComponent: typeof InlineModal;
+        onClose: typeof import("amis-core").noop;
+        resizable: boolean;
+        show: boolean;
+    };
+    regions: Array<RegionConfig>;
+    events: {
+        eventName: string;
+        eventLabel: string;
+        description: string;
+    }[];
+    actions: {
+        actionType: string;
+        actionLabel: string;
+        description: string;
+    }[];
+    panelTitle: string;
+    panelJustify: boolean;
+    panelBodyCreator: (context: BaseEventContext) => any;
+    buildSubRenderers(): void;
+}