amis-editor 5.2.0 → 5.2.1-beta.15

package/esm/plugin/CustomRegion.js

@@ -0,0 +1,201 @@
+/**
+ * amis-editor v5.2.1-beta.15
+ * 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;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'custom'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/CustomSchema.json'
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("b82231f254baf9a28bf752683d31b169")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "disabledRendererPlugin", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    }); // 待完善，暂时隐藏
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("e5b5798a8bab7dc8a578431991731040")
+    });
+    Object.defineProperty(_this, "docLink", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/amis/zh-CN/components/custom'
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18n("997c7a5d34f6fc628893f509d0df32e0"), i18n("22c799040acdb2601b437ed5449de076")]
+    });
+    Object.defineProperty(_this, "icon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'fa fa-gears'
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'custom',
+        html: i18n("73ac822ddf4685dbfec661dec41a96b7"),
+        onMount: "this.renderChild('body', props.body, document.getElementById('customBox'));",
+        body: [{
+          type: 'tpl',
+          tpl: i18n("96ec95de2d7da5b16465eb980f74deae")
+        }]
+      }
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: __assign({}, _this.scaffold)
+    });
+    Object.defineProperty(_this, "regions", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [{
+        key: 'body',
+        label: i18n("132a78bdf68d6d17bde00aa807bbf032")
+      }]
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("473d2078518479669823205110842376")
+    });
+    Object.defineProperty(_this, "panelBody", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [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组件实现自定义容器类型
+   */
+  Object.defineProperty(CustomPlugin.prototype, "getRendererInfo", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: 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 { 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,132 @@
+/**
+ * amis-editor v5.2.1-beta.15
+ * 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;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'date'
+    });
+    Object.defineProperty(_this, "$schema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: '/schemas/DateSchema.json'
+    });
+    // 组件名称
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("356b1959a9da95997b4de31415d9d74e")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "description", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("2bc6d101e5701a70f2fb9e0b67581594")
+    });
+    Object.defineProperty(_this, "tags", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: [i18n("027446c2f9070b0f5b16a18208bf5fc7")]
+    });
+    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: 'date-plugin'
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'date',
+        value: Math.round(Date.now() / 1000)
+      }
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: __assign(__assign({}, _this.scaffold), {
+        format: 'YYYY-MM-DD',
+        value: Math.round(Date.now() / 1000)
+      })
+    });
+    Object.defineProperty(_this, "panelTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("356b1959a9da95997b4de31415d9d74e")
+    });
+    Object.defineProperty(_this, "panelBodyCreator", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 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,17 @@
+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,102 @@
+/**
+ * amis-editor v5.2.1-beta.15
+ * 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;
+    // 关联渲染器名字
+    Object.defineProperty(_this, "rendererName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'datetime'
+    });
+    Object.defineProperty(_this, "scaffold", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: {
+        type: 'datetime',
+        value: Math.round(Date.now() / 1000)
+      }
+    });
+    Object.defineProperty(_this, "name", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i18n("b54e0f0a60f8e2c4c31f3b1ad7d5a613")
+    });
+    Object.defineProperty(_this, "isBaseComponent", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
+    Object.defineProperty(_this, "pluginIcon", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 'datetime-plugin'
+    });
+    Object.defineProperty(_this, "previewSchema", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: __assign(__assign({}, _this.scaffold), {
+        format: 'YYYY-MM-DD HH:mm:ss',
+        value: Math.round(Date.now() / 1000)
+      })
+    });
+    Object.defineProperty(_this, "panelBodyCreator", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: 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 { 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: any;
+        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;
+}