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

package/esm/plugin/Form/InputRepeat.js

@@ -0,0 +1,62 @@
+/**
+ * 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 RepeatControlPlugin =
+/** @class */
+function (_super) {
+  __extends(RepeatControlPlugin, _super);
+
+  function RepeatControlPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'input-repeat';
+    _this.$schema = '/schemas/RepeatControlSchema.json'; // 组件名称
+
+    _this.name = i18n("d38056d1c6aa9456f4b6b2c20aab06a2");
+    _this.isBaseComponent = true;
+    _this.icon = 'fa fa-repeat';
+    _this.pluginIcon = 'input-repeat-plugin';
+    _this.description = "\u9009\u62E9\u91CD\u590D\u7684\u9891\u7387\uFF0C\u5982\u6BCF\u65F6\u3001\u6BCF\u5929\u3001\u6BCF\u5468\u7B49";
+    _this.docLink = '/amis/zh-CN/components/form/input-repeat';
+    _this.tags = [i18n("55b45c73ae417c4dead67905b1550e85")];
+    _this.scaffold = {
+      type: 'input-repeat',
+      label: i18n("2d842318fbd931286be387aaf5b2a7c3"),
+      name: 'repeat'
+    };
+    _this.previewSchema = {
+      type: 'form',
+      className: 'text-left',
+      mode: 'horizontal',
+      wrapWithPanel: false,
+      body: [__assign({}, _this.scaffold)]
+    };
+    _this.panelTitle = i18n("2d842318fbd931286be387aaf5b2a7c3");
+    _this.panelBody = [getSchemaTpl('switchDefaultValue'), {
+      type: 'input-text',
+      name: 'value',
+      label: i18n("225f3ed00750ae78ad1e6ea42c8f5087"),
+      visibleOn: 'typeof this.value !== "undefined"'
+    }, {
+      name: 'options',
+      type: 'select',
+      label: i18n("a2d92b5adb07a4bf8a45e55643bc39f8"),
+      options: 'secondly,minutely,hourly,daily,weekdays,weekly,monthly,yearly'.split(','),
+      value: 'hourly,daily,weekly,monthly',
+      multiple: true
+    }];
+    return _this;
+  }
+
+  return RepeatControlPlugin;
+}(BasePlugin);
+registerEditorPlugin(RepeatControlPlugin);
+
+export { RepeatControlPlugin };

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

@@ -0,0 +1,21 @@
+import { BaseEventContext } from 'amis-editor-core';
+import { BasePlugin } from 'amis-editor-core';
+export declare class RichTextControlPlugin 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;
+    };
+    previewSchema: any;
+    panelTitle: string;
+    panelBodyCreator: (context: BaseEventContext) => any[];
+}

package/esm/plugin/Form/InputRichText.js

@@ -0,0 +1,173 @@
+/**
+ * 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 RichTextControlPlugin =
+/** @class */
+function (_super) {
+  __extends(RichTextControlPlugin, _super);
+
+  function RichTextControlPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'input-rich-text';
+    _this.$schema = '/schemas/RichTextControlSchema.json'; // 组件名称
+
+    _this.name = i18n("24b6d4c0892a8f3ee2a982e3ab0afe38");
+    _this.isBaseComponent = true;
+    _this.icon = 'fa fa-newspaper-o';
+    _this.pluginIcon = 'input-rich-text-plugin';
+    _this.description = "\u53EF\u81EA\u5B9A\u4E49\u5BCC\u6587\u672C\u7684\u914D\u7F6E\u680F";
+    _this.docLink = '/amis/zh-CN/components/form/input-rich-text';
+    _this.tags = [i18n("55b45c73ae417c4dead67905b1550e85")];
+    _this.scaffold = {
+      type: 'input-rich-text',
+      label: i18n("e2591e971f4c28db7c80a5f546084a1d"),
+      name: 'rich-text'
+    };
+    _this.previewSchema = {
+      type: 'form',
+      className: 'text-left',
+      mode: 'horizontal',
+      wrapWithPanel: false,
+      body: [__assign({}, _this.scaffold)]
+    };
+    _this.panelTitle = i18n("e2591e971f4c28db7c80a5f546084a1d");
+
+    _this.panelBodyCreator = function (context) {
+      var _a; // 有设置这个就默认使用 froala
+
+
+      var hasRichTextToken = ((_a = _this.manager.env) === null || _a === void 0 ? void 0 : _a.richTextToken) ? true : false;
+      return [getSchemaTpl('switchDefaultValue'), {
+        type: 'textarea',
+        name: 'value',
+        label: i18n("225f3ed00750ae78ad1e6ea42c8f5087"),
+        visibleOn: 'typeof this.value !== "undefined"'
+      }, getSchemaTpl('api', {
+        name: 'receiver',
+        label: i18n("b582587147013afc52c58de5fe34d7d7"),
+        value: '/api/upload/image',
+        __isUpload: true
+      }), {
+        type: 'select',
+        name: 'vendor',
+        label: i18n("70209fc05c1a5b21f05b186a0f7ba2ee"),
+        value: hasRichTextToken ? 'froala' : 'tinymce',
+        options: ['tinymce', 'froala']
+      }, getSchemaTpl('fieldSet', {
+        title: i18n("eca97e97331bd76aab9f6160991e02bb"),
+        visibleOn: 'data.vendor === "froala"',
+        body: [{
+          type: 'combo',
+          name: 'options',
+          noBorder: true,
+          multiLine: true,
+          items: [{
+            type: 'select',
+            name: 'language',
+            label: i18n("295bb704f5205801d57d672780b94117"),
+            labelRemark: i18n("39624e820b79bbd62561357f6179c8d7"),
+            defaultValue: 'zh_cn',
+            options: [{
+              label: i18n("a7bac2239fcdcb3a067903d8077c4a07"),
+              value: 'zh_cn'
+            }, {
+              label: i18n("f9fb6a063d1856da86a06def2dc6b921"),
+              value: 'en_us'
+            }]
+          }, {
+            type: 'textarea',
+            name: 'toolbarButtons',
+            label: i18n("81fafee54baebeb9591b5e7840d7e650"),
+            labelRemark: i18n("0b6eee152cb2553ed4298ca2fe82d3f8"),
+            description: i18n("d85a80d177db696b29b7338af1501055"),
+            minRows: 5,
+            value: ['paragraphFormat', 'quote', 'color', '|', 'bold', 'italic', 'underline', 'strikeThrough', '|', 'formatOL', 'formatUL', 'align', '|', 'insertLink', 'insertImage', 'insertEmotion', 'insertTable', '|', 'undo', 'redo', 'html'],
+            pipeIn: function (value) {
+              return Array.isArray(value) ? value.join(' ') : '';
+            },
+            pipeOut: function (value) {
+              return value.replace(/\s+/g, ' ').split(' ');
+            }
+          }, {
+            type: 'textarea',
+            name: 'toolbarButtonsMD',
+            label: i18n("f126c4368fbf51cfd470684e7c3d31c9"),
+            labelRemark: i18n("3b8c320d14dba586c581ceb951917397"),
+            description: i18n("d85a80d177db696b29b7338af1501055"),
+            minRows: 5,
+            pipeIn: function (value) {
+              return Array.isArray(value) ? value.join(' ') : '';
+            },
+            pipeOut: function (value) {
+              return value.replace(/\s+/g, ' ').split(' ');
+            }
+          }, {
+            type: 'textarea',
+            name: 'toolbarButtonsSM',
+            label: i18n("89bc688b5b497e515ce3c026a1d92669"),
+            labelRemark: i18n("a849d8a0f59f3ae146b149b7b4fc7480"),
+            description: i18n("d85a80d177db696b29b7338af1501055"),
+            minRows: 5,
+            pipeIn: function (value) {
+              return Array.isArray(value) ? value.join(' ') : '';
+            },
+            pipeOut: function (value) {
+              return value.replace(/\s+/g, ' ').split(' ');
+            }
+          }]
+        }]
+      }), getSchemaTpl('fieldSet', {
+        title: i18n("b8c8f1c6a56e902bd837420da0f554b3"),
+        visibleOn: 'data.vendor === "tinymce"',
+        body: [{
+          type: 'combo',
+          name: 'options',
+          noBorder: true,
+          multiLine: true,
+          items: [getSchemaTpl('switch', {
+            label: i18n("e4d0e65de0018b63698ff22d683d6dd5"),
+            value: 'true',
+            name: 'menubar'
+          }), {
+            type: 'input-number',
+            label: i18n("c1df04eec5fa0857bc0df2d68d8e953c"),
+            min: 0,
+            value: 400,
+            name: 'height'
+          }, {
+            name: 'plugins',
+            label: i18n("63068211669d69b4028eebe0052425e7"),
+            description: '<a target="_blank" href="https://www.tiny.cloud/docs/general-configuration-guide/basic-setup/">参考文档</a>',
+            type: 'input-array',
+            inline: true,
+            items: {
+              type: 'input-text',
+              clearable: true
+            },
+            value: ['advlist', 'autolink', 'link', 'image', 'lists', 'charmap', 'preview', 'anchor', 'pagebreak', 'searchreplace', 'wordcount', 'visualblocks', 'visualchars', 'code', 'fullscreen', 'insertdatetime', 'media', 'nonbreaking', 'table', 'emoticons', 'template', 'help']
+          }, {
+            type: 'textarea',
+            name: 'toolbar',
+            label: i18n("012f602372cd2dbd639cd966c63e1f90"),
+            value: 'undo redo | formatselect | bold italic backcolor  | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help'
+          }]
+        }]
+      })];
+    };
+
+    return _this;
+  }
+
+  return RichTextControlPlugin;
+}(BasePlugin);
+registerEditorPlugin(RichTextControlPlugin);
+
+export { RichTextControlPlugin };

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

@@ -0,0 +1,33 @@
+import { SchemaCollection } from 'amis/lib/Schema';
+import { BaseEventContext, BasePlugin, BasicToolbarItem, ContextMenuEventContext, ContextMenuItem } from 'amis-editor-core';
+export declare class SubFormControlPlugin 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;
+        form: {
+            title: string;
+            body: {
+                type: string;
+                label: string;
+                name: string;
+            }[];
+        };
+    };
+    previewSchema: any;
+    panelTitle: string;
+    panelBodyCreator: (context: BaseEventContext) => SchemaCollection;
+    filterProps(props: any): any;
+    buildEditorToolbar({ id, info }: BaseEventContext, toolbars: Array<BasicToolbarItem>): void;
+    buildEditorContextMenu({ id, schema, region, info }: ContextMenuEventContext, menus: Array<ContextMenuItem>): void;
+    editDetail(id: string): void;
+}

package/esm/plugin/Form/InputSubForm.js

@@ -0,0 +1,201 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign, __rest } from 'tslib';
+import { Button } from 'amis';
+import React__default from 'react';
+import { JSONPipeOut, diff, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { i18n } from 'i18n-runtime';
+
+var SubFormControlPlugin =
+/** @class */
+function (_super) {
+  __extends(SubFormControlPlugin, _super);
+
+  function SubFormControlPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'input-sub-form';
+    _this.$schema = '/schemas/SubFormControlSchema.json'; // 组件名称
+
+    _this.name = i18n("d6c40a2ee219c010edbcdaa2eeb94ddd");
+    _this.isBaseComponent = true;
+    _this.icon = 'fa fa-window-restore';
+    _this.pluginIcon = 'sub-form-plugin';
+    _this.description = "SubForm, \u914D\u7F6E\u4E00\u4E2A\u5B50<code>form</code>\u4F5C\u4E3A\u5F53\u524D\u7684\u8868\u5355\u9879";
+    _this.docLink = '/amis/zh-CN/components/form/input-sub-form';
+    _this.tags = [i18n("55b45c73ae417c4dead67905b1550e85")];
+    _this.scaffold = {
+      type: 'input-sub-form',
+      name: 'subform',
+      label: i18n("32f6f7f8164c7f78e4b46eb50c158ab9"),
+      form: {
+        title: i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+        body: [{
+          type: 'input-text',
+          label: i18n("97d07614380da93d257f9fbf81aa56fb"),
+          name: 'text'
+        }]
+      }
+    };
+    _this.previewSchema = {
+      type: 'form',
+      className: 'text-left',
+      mode: 'horizontal',
+      wrapWithPanel: false,
+      body: [__assign({}, _this.scaffold)]
+    };
+    _this.panelTitle = i18n("d6c40a2ee219c010edbcdaa2eeb94ddd");
+
+    _this.panelBodyCreator = function (context) {
+      return [{
+        children: function (_a) {
+          _a.value;
+              _a.onChange;
+          return React__default.createElement(Button, {
+            size: "sm",
+            level: "danger",
+            className: "m-b",
+            block: true,
+            onClick: _this.editDetail.bind(_this, context.id)
+          }, "\u914D\u7F6E\u6210\u5458\u6E32\u67D3\u5668");
+        }
+      }, {
+        name: 'labelField',
+        type: 'input-text',
+        value: 'label',
+        label: i18n("18c113b99afa964ee988f30e81baf12b"),
+        description: i18n("4d930a9c13fca9d74e1a77496abfaa58")
+      }, {
+        name: 'btnLabel',
+        label: i18n("307ae20f587910da3e9bb4e885334b6a"),
+        value: i18n("e366ccf1556c0672dcecba135ed5472e"),
+        type: 'input-text'
+      }, {
+        name: 'minLength',
+        visibleOn: 'data.multiple',
+        label: i18n("70c04a0f4522e39fde5f18ebc85b6232"),
+        type: 'input-number'
+      }, {
+        name: 'maxLength',
+        visibleOn: 'data.multiple',
+        label: i18n("f58ea00f6a84bcb1cac174d1f68c88bd"),
+        type: 'input-number'
+      }];
+    };
+
+    return _this;
+  }
+
+  SubFormControlPlugin.prototype.filterProps = function (props) {
+    props = JSONPipeOut(props); // 至少显示一个成员，否则啥都不显示。
+
+    if (!props.value) {
+      props.value = [''];
+    }
+
+    return props;
+  };
+
+  SubFormControlPlugin.prototype.buildEditorToolbar = function (_a, toolbars) {
+    var id = _a.id,
+        info = _a.info;
+
+    if (info.renderer.name === 'input-sub-form') {
+      toolbars.push({
+        icon: 'fa fa-expand',
+        order: 100,
+        tooltip: i18n("39a6853b109ae98f1aabca90283d7edc"),
+        onClick: this.editDetail.bind(this, id)
+      });
+    }
+  };
+
+  SubFormControlPlugin.prototype.buildEditorContextMenu = function (_a, menus) {
+    var id = _a.id;
+        _a.schema;
+        _a.region;
+        var info = _a.info;
+
+    if (info.renderer.name === 'input-sub-form') {
+      menus.push('|', {
+        label: i18n("39a6853b109ae98f1aabca90283d7edc"),
+        onSelect: this.editDetail.bind(this, id)
+      });
+    }
+  };
+
+  SubFormControlPlugin.prototype.editDetail = function (id) {
+    var manager = this.manager;
+    var store = manager.store;
+    var node = store.getNodeById(id);
+    var value = store.getValueOf(id);
+
+    if (!node || !value) {
+      return;
+    }
+
+    var _a = value.form,
+        title = _a.title,
+        actions = _a.actions,
+        name = _a.name,
+        size = _a.size,
+        closeOnEsc = _a.closeOnEsc,
+        showCloseButton = _a.showCloseButton,
+        bodyClassName = _a.bodyClassName;
+        _a.type;
+        var rest = __rest(_a, ["title", "actions", "name", "size", "closeOnEsc", "showCloseButton", "bodyClassName", "type"]);
+
+    var schema = {
+      title: title,
+      actions: actions,
+      name: name,
+      size: size,
+      closeOnEsc: closeOnEsc,
+      showCloseButton: showCloseButton,
+      bodyClassName: bodyClassName,
+      type: 'dialog',
+      body: __assign({
+        type: 'form',
+        className: 'h-full pl-4 pr-4'
+      }, rest)
+    };
+    this.manager.openSubEditor({
+      title: i18n("50bfed6ada3e7d0ef4d20eb727b3d7df"),
+      value: schema,
+      memberImmutable: ['body'],
+      onChange: function (newValue) {
+        var title = newValue.title,
+            actions = newValue.actions,
+            name = newValue.name,
+            size = newValue.size,
+            closeOnEsc = newValue.closeOnEsc,
+            showCloseButton = newValue.showCloseButton,
+            bodyClassName = newValue.bodyClassName,
+            body = newValue.body;
+        newValue = __assign(__assign({}, value), {
+          form: __assign({
+            title: title,
+            actions: actions,
+            name: name,
+            size: size,
+            closeOnEsc: closeOnEsc,
+            showCloseButton: showCloseButton,
+            bodyClassName: bodyClassName
+          }, body[0])
+        }); // delete newValue.form.body;
+
+        delete newValue.form.type;
+        manager.panelChangeValue(newValue, diff(value, newValue));
+      }
+    });
+  };
+
+  return SubFormControlPlugin;
+}(BasePlugin);
+registerEditorPlugin(SubFormControlPlugin);
+
+export { SubFormControlPlugin };

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

@@ -0,0 +1,40 @@
+import { BaseEventContext, BasePlugin, InsertEventContext, PluginEvent, ScaffoldForm, RegionConfig } from 'amis-editor-core';
+export declare class TableControlPlugin 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;
+        columns: ({
+            label: string;
+            name: string;
+            quickEdit: {
+                type: string;
+                mode?: undefined;
+            };
+        } | {
+            label: string;
+            name: string;
+            quickEdit: {
+                type: string;
+                mode: string;
+            };
+        })[];
+        strictMode: boolean;
+    };
+    regions: Array<RegionConfig>;
+    previewSchema: any;
+    scaffoldForm: ScaffoldForm;
+    panelTitle: string;
+    panelBodyCreator: (context: BaseEventContext) => any;
+    filterProps(props: any): any;
+    beforeInsert(event: PluginEvent<InsertEventContext>): void;
+}