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

package/lib/plugin/Form/InputRepeat.d.ts

@@ -5,6 +5,7 @@ export declare class RepeatControlPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     icon: string;
+    pluginIcon: string;
     description: string;
     docLink: string;
     tags: string[];

package/lib/plugin/Form/InputRepeat.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.1
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -8,58 +8,59 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var AMisCodeEditor = require('amis-editor-core');
+var amisEditorCore = require('amis-editor-core');
+var i18nRuntime = require('i18n-runtime');
 
-var RepeatControlPlugin = /** @class */ (function (_super) {
-    tslib.__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 = '重复周期选择';
-        _this.isBaseComponent = true;
-        _this.icon = 'fa fa-repeat';
-        _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 = ['表单项'];
-        _this.scaffold = {
-            type: 'input-repeat',
-            label: '周期',
-            name: 'repeat'
-        };
-        _this.previewSchema = {
-            type: 'form',
-            className: 'text-left',
-            mode: 'horizontal',
-            wrapWithPanel: false,
-            body: [
-                tslib.__assign({}, _this.scaffold)
-            ]
-        };
-        _this.panelTitle = '周期';
-        _this.panelBody = [
-            AMisCodeEditor.getSchemaTpl('switchDefaultValue'),
-            {
-                type: 'input-text',
-                name: 'value',
-                label: '默认值',
-                visibleOn: 'typeof this.value !== "undefined"'
-            },
-            {
-                name: 'options',
-                type: 'select',
-                label: '启用单位',
-                options: 'secondly,minutely,hourly,daily,weekdays,weekly,monthly,yearly'.split(','),
-                value: 'hourly,daily,weekly,monthly',
-                multiple: true
-            }
-        ];
-        return _this;
-    }
-    return RepeatControlPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(RepeatControlPlugin);
+var RepeatControlPlugin =
+/** @class */
+function (_super) {
+  tslib.__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 = i18nRuntime.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 = [i18nRuntime.i18n("55b45c73ae417c4dead67905b1550e85")];
+    _this.scaffold = {
+      type: 'input-repeat',
+      label: i18nRuntime.i18n("2d842318fbd931286be387aaf5b2a7c3"),
+      name: 'repeat'
+    };
+    _this.previewSchema = {
+      type: 'form',
+      className: 'text-left',
+      mode: 'horizontal',
+      wrapWithPanel: false,
+      body: [tslib.__assign({}, _this.scaffold)]
+    };
+    _this.panelTitle = i18nRuntime.i18n("2d842318fbd931286be387aaf5b2a7c3");
+    _this.panelBody = [amisEditorCore.getSchemaTpl('switchDefaultValue'), {
+      type: 'input-text',
+      name: 'value',
+      label: i18nRuntime.i18n("225f3ed00750ae78ad1e6ea42c8f5087"),
+      visibleOn: 'typeof this.value !== "undefined"'
+    }, {
+      name: 'options',
+      type: 'select',
+      label: i18nRuntime.i18n("a2d92b5adb07a4bf8a45e55643bc39f8"),
+      options: 'secondly,minutely,hourly,daily,weekdays,weekly,monthly,yearly'.split(','),
+      value: 'hourly,daily,weekly,monthly',
+      multiple: true
+    }];
+    return _this;
+  }
+
+  return RepeatControlPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(RepeatControlPlugin);
 
 exports.RepeatControlPlugin = RepeatControlPlugin;

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

@@ -1,3 +1,4 @@
+import { BaseEventContext } from 'amis-editor-core';
 import { BasePlugin } from 'amis-editor-core';
 export declare class RichTextControlPlugin extends BasePlugin {
     rendererName: string;
@@ -5,6 +6,7 @@ export declare class RichTextControlPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     icon: string;
+    pluginIcon: string;
     description: string;
     docLink: string;
     tags: string[];
@@ -15,5 +17,5 @@ export declare class RichTextControlPlugin extends BasePlugin {
     };
     previewSchema: any;
     panelTitle: string;
-    panelBody: any[];
+    panelBodyCreator: (context: BaseEventContext) => any[];
 }

package/lib/plugin/Form/InputRichText.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.1
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -8,186 +8,170 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var AMisCodeEditor = require('amis-editor-core');
+var amisEditorCore = require('amis-editor-core');
+var i18nRuntime = require('i18n-runtime');
 
-var RichTextControlPlugin = /** @class */ (function (_super) {
-    tslib.__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 = '富文本编辑器';
-        _this.isBaseComponent = true;
-        _this.icon = 'fa fa-newspaper-o';
-        _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 = ['表单项'];
-        _this.scaffold = {
-            type: 'input-rich-text',
-            label: '富文本',
-            name: 'rich-text'
-        };
-        _this.previewSchema = {
-            type: 'form',
-            className: 'text-left',
-            mode: 'horizontal',
-            wrapWithPanel: false,
-            body: [
-                tslib.__assign({}, _this.scaffold)
-            ]
-        };
-        _this.panelTitle = '富文本';
-        _this.panelBody = [
-            AMisCodeEditor.getSchemaTpl('switchDefaultValue'),
-            {
-                type: 'textarea',
-                name: 'value',
-                label: '默认值',
-                visibleOn: 'typeof this.value !== "undefined"'
+var RichTextControlPlugin =
+/** @class */
+function (_super) {
+  tslib.__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 = i18nRuntime.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 = [i18nRuntime.i18n("55b45c73ae417c4dead67905b1550e85")];
+    _this.scaffold = {
+      type: 'input-rich-text',
+      label: i18nRuntime.i18n("e2591e971f4c28db7c80a5f546084a1d"),
+      name: 'rich-text'
+    };
+    _this.previewSchema = {
+      type: 'form',
+      className: 'text-left',
+      mode: 'horizontal',
+      wrapWithPanel: false,
+      body: [tslib.__assign({}, _this.scaffold)]
+    };
+    _this.panelTitle = i18nRuntime.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 [amisEditorCore.getSchemaTpl('switchDefaultValue'), {
+        type: 'textarea',
+        name: 'value',
+        label: i18nRuntime.i18n("225f3ed00750ae78ad1e6ea42c8f5087"),
+        visibleOn: 'typeof this.value !== "undefined"'
+      }, amisEditorCore.getSchemaTpl('api', {
+        name: 'receiver',
+        label: i18nRuntime.i18n("b582587147013afc52c58de5fe34d7d7"),
+        value: '/api/upload/image',
+        __isUpload: true
+      }), {
+        type: 'select',
+        name: 'vendor',
+        label: i18nRuntime.i18n("70209fc05c1a5b21f05b186a0f7ba2ee"),
+        value: hasRichTextToken ? 'froala' : 'tinymce',
+        options: ['tinymce', 'froala']
+      }, amisEditorCore.getSchemaTpl('fieldSet', {
+        title: i18nRuntime.i18n("eca97e97331bd76aab9f6160991e02bb"),
+        visibleOn: 'data.vendor === "froala"',
+        body: [{
+          type: 'combo',
+          name: 'options',
+          noBorder: true,
+          multiLine: true,
+          items: [{
+            type: 'select',
+            name: 'language',
+            label: i18nRuntime.i18n("295bb704f5205801d57d672780b94117"),
+            labelRemark: i18nRuntime.i18n("39624e820b79bbd62561357f6179c8d7"),
+            defaultValue: 'zh_cn',
+            options: [{
+              label: i18nRuntime.i18n("a7bac2239fcdcb3a067903d8077c4a07"),
+              value: 'zh_cn'
+            }, {
+              label: i18nRuntime.i18n("f9fb6a063d1856da86a06def2dc6b921"),
+              value: 'en_us'
+            }]
+          }, {
+            type: 'textarea',
+            name: 'toolbarButtons',
+            label: i18nRuntime.i18n("81fafee54baebeb9591b5e7840d7e650"),
+            labelRemark: i18nRuntime.i18n("0b6eee152cb2553ed4298ca2fe82d3f8"),
+            description: i18nRuntime.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: i18nRuntime.i18n("f126c4368fbf51cfd470684e7c3d31c9"),
+            labelRemark: i18nRuntime.i18n("3b8c320d14dba586c581ceb951917397"),
+            description: i18nRuntime.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: i18nRuntime.i18n("89bc688b5b497e515ce3c026a1d92669"),
+            labelRemark: i18nRuntime.i18n("a849d8a0f59f3ae146b149b7b4fc7480"),
+            description: i18nRuntime.i18n("d85a80d177db696b29b7338af1501055"),
+            minRows: 5,
+            pipeIn: function (value) {
+              return Array.isArray(value) ? value.join(' ') : '';
             },
-            AMisCodeEditor.getSchemaTpl('api', {
-                name: 'receiver',
-                label: '文件接收接口',
-                value: '/api/upload/image',
-                __isUpload: true
-            }),
-            {
-                type: 'select',
-                name: 'vendor',
-                label: '编辑器类型',
-                value: 'tinymce',
-                options: ['tinymce', 'froala']
+            pipeOut: function (value) {
+              return value.replace(/\s+/g, ' ').split(' ');
+            }
+          }]
+        }]
+      }), amisEditorCore.getSchemaTpl('fieldSet', {
+        title: i18nRuntime.i18n("b8c8f1c6a56e902bd837420da0f554b3"),
+        visibleOn: 'data.vendor === "tinymce"',
+        body: [{
+          type: 'combo',
+          name: 'options',
+          noBorder: true,
+          multiLine: true,
+          items: [amisEditorCore.getSchemaTpl('switch', {
+            label: i18nRuntime.i18n("e4d0e65de0018b63698ff22d683d6dd5"),
+            value: 'true',
+            name: 'menubar'
+          }), {
+            type: 'input-number',
+            label: i18nRuntime.i18n("c1df04eec5fa0857bc0df2d68d8e953c"),
+            min: 0,
+            value: 400,
+            name: 'height'
+          }, {
+            name: 'plugins',
+            label: i18nRuntime.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
             },
-            AMisCodeEditor.getSchemaTpl('fieldSet', {
-                title: 'froala 设置项',
-                visibleOn: 'data.vendor === "froala"',
-                body: [
-                    {
-                        type: 'combo',
-                        name: 'options',
-                        noBorder: true,
-                        multiLine: true,
-                        items: [
-                            {
-                                type: 'select',
-                                name: 'language',
-                                label: '语言',
-                                labelRemark: '鼠标覆盖配置栏中配置时显示的提示语言',
-                                defaultValue: 'zh_cn',
-                                options: [
-                                    { label: '中文', value: 'zh_cn' },
-                                    { label: '英文', value: 'en_us' }
-                                ]
-                            },
-                            {
-                                type: 'textarea',
-                                name: 'toolbarButtons',
-                                label: '大屏时展示的配置项',
-                                labelRemark: '屏幕宽度 ≥ 1200px',
-                                description: '使用空格分开配置，使用<code>|</code>可将配置栏分组，<a target="_blank" href="https://www.froala.com/wysiwyg-editor/docs/options">参考文档</a>',
-                                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: '中屏时展示的配置项',
-                                labelRemark: '屏幕宽度 ≥ 992px',
-                                description: '使用空格分开配置，使用<code>|</code>可将配置栏分组，<a target="_blank" href="https://www.froala.com/wysiwyg-editor/docs/options">参考文档</a>',
-                                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: '小屏时展示的配置项',
-                                labelRemark: '屏幕宽度 ≥ 768px',
-                                description: '使用空格分开配置，使用<code>|</code>可将配置栏分组，<a target="_blank" href="https://www.froala.com/wysiwyg-editor/docs/options">参考文档</a>',
-                                minRows: 5,
-                                pipeIn: function (value) {
-                                    return Array.isArray(value) ? value.join(' ') : '';
-                                },
-                                pipeOut: function (value) { return value.replace(/\s+/g, ' ').split(' '); }
-                            }
-                        ]
-                    }
-                ]
-            }),
-            AMisCodeEditor.getSchemaTpl('fieldSet', {
-                title: 'tinymce 设置项',
-                visibleOn: 'data.vendor === "tinymce"',
-                body: [
-                    {
-                        type: 'combo',
-                        name: 'options',
-                        noBorder: true,
-                        multiLine: true,
-                        items: [
-                            AMisCodeEditor.getSchemaTpl('switch', {
-                                label: '是否显示菜单栏',
-                                value: 'true',
-                                name: 'menubar'
-                            }),
-                            {
-                                type: 'input-number',
-                                label: '高度',
-                                min: 0,
-                                value: 400,
-                                name: 'height'
-                            },
-                            {
-                                type: 'textarea',
-                                name: 'plugins',
-                                label: '启用的插件',
-                                description: '使用空格分开配置，<a target="_blank" href="https://www.tiny.cloud/docs/general-configuration-guide/basic-setup/">参考文档</a>',
-                                value: 'advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking table emoticons template paste help'
-                            },
-                            {
-                                type: 'textarea',
-                                name: 'toolbar',
-                                label: '工具栏',
-                                value: 'undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | print preview media fullpage | forecolor backcolor emoticons | help'
-                            }
-                        ]
-                    }
-                ]
-            })
-        ];
-        return _this;
-    }
-    return RichTextControlPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(RichTextControlPlugin);
+            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: i18nRuntime.i18n("012f602372cd2dbd639cd966c63e1f90"),
+            value: 'undo redo | formatselect | bold italic backcolor  | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help'
+          }]
+        }]
+      })];
+    };
+
+    return _this;
+  }
+
+  return RichTextControlPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(RichTextControlPlugin);
 
 exports.RichTextControlPlugin = RichTextControlPlugin;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { SchemaCollection } from 'amis/lib/Schema';
 import { BaseEventContext, BasePlugin, BasicToolbarItem, ContextMenuEventContext, ContextMenuItem } from 'amis-editor-core';
 export declare class SubFormControlPlugin extends BasePlugin {
     rendererName: string;
@@ -6,6 +6,7 @@ export declare class SubFormControlPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     icon: string;
+    pluginIcon: string;
     description: string;
     docLink: string;
     tags: string[];
@@ -24,39 +25,7 @@ export declare class SubFormControlPlugin extends BasePlugin {
     };
     previewSchema: any;
     panelTitle: string;
-    panelBodyCreator: (context: BaseEventContext) => ({
-        children: ({ value, onChange }: any) => JSX.Element;
-        name?: undefined;
-        type?: undefined;
-        value?: undefined;
-        label?: undefined;
-        description?: undefined;
-        visibleOn?: undefined;
-    } | {
-        name: string;
-        type: string;
-        value: string;
-        label: string;
-        description: string;
-        children?: undefined;
-        visibleOn?: undefined;
-    } | {
-        name: string;
-        label: string;
-        value: string;
-        type: string;
-        children?: undefined;
-        description?: undefined;
-        visibleOn?: undefined;
-    } | {
-        name: string;
-        visibleOn: string;
-        label: string;
-        type: string;
-        children?: undefined;
-        value?: undefined;
-        description?: undefined;
-    })[];
+    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;