amis-editor 4.2.0-beta.0 → 5.2.0-beta.0

package/{dist → lib}/plugin/Form/InputRepeat.d.ts

@@ -1,4 +1,4 @@
-import { BasePlugin } from '../../plugin';
+import { BasePlugin } from 'amis-editor-core';
 export declare class RepeatControlPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;

package/lib/plugin/Form/InputRepeat.js

@@ -0,0 +1,65 @@
+/**
+ * amis-editor v5.2.0-beta.0
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var AMisCodeEditor = require('amis-editor-core');
+
+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);
+
+exports.RepeatControlPlugin = RepeatControlPlugin;

package/{dist → lib}/plugin/Form/InputRichText.d.ts

@@ -1,4 +1,4 @@
-import { BasePlugin } from '../../plugin';
+import { BasePlugin } from 'amis-editor-core';
 export declare class RichTextControlPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;

package/lib/plugin/Form/InputRichText.js

@@ -0,0 +1,193 @@
+/**
+ * amis-editor v5.2.0-beta.0
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var AMisCodeEditor = require('amis-editor-core');
+
+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"'
+            },
+            AMisCodeEditor.getSchemaTpl('api', {
+                name: 'receiver',
+                label: '文件接收接口',
+                value: '/api/upload/image',
+                __isUpload: true
+            }),
+            {
+                type: 'select',
+                name: 'vendor',
+                label: '编辑器类型',
+                value: 'tinymce',
+                options: ['tinymce', 'froala']
+            },
+            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);
+
+exports.RichTextControlPlugin = RichTextControlPlugin;

package/{dist → lib}/plugin/Form/InputSubForm.d.ts

@@ -1,4 +1,4 @@
-import { BaseEventContext, BasePlugin, BasicToolbarItem, ContextMenuEventContext, ContextMenuItem } from '../../plugin';
+import { BaseEventContext, BasePlugin, BasicToolbarItem, ContextMenuEventContext, ContextMenuItem } from 'amis-editor-core';
 export declare class SubFormControlPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;

package/lib/plugin/Form/InputSubForm.js

@@ -0,0 +1,160 @@
+/**
+ * amis-editor v5.2.0-beta.0
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var amis = require('amis');
+var React = require('react');
+var AMisCodeEditor = require('amis-editor-core');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var SubFormControlPlugin = /** @class */ (function (_super) {
+    tslib.__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 = '子表单项';
+        _this.isBaseComponent = true;
+        _this.icon = 'fa fa-window-restore';
+        _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 = ['表单项'];
+        _this.scaffold = {
+            type: 'input-sub-form',
+            name: 'subform',
+            label: '子表单',
+            form: {
+                title: '标题',
+                body: [
+                    {
+                        type: 'input-text',
+                        label: '文本',
+                        name: 'text'
+                    }
+                ]
+            }
+        };
+        _this.previewSchema = {
+            type: 'form',
+            className: 'text-left',
+            mode: 'horizontal',
+            wrapWithPanel: false,
+            body: [
+                tslib.__assign({}, _this.scaffold)
+            ]
+        };
+        _this.panelTitle = '子表单项';
+        _this.panelBodyCreator = function (context) {
+            return [
+                {
+                    children: function (_a) {
+                        _a.value; _a.onChange;
+                        return (React__default["default"].createElement(amis.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: '名称字段名',
+                    description: '当值中存在这个字段，则按钮名称将使用此字段的值来展示。'
+                },
+                {
+                    name: 'btnLabel',
+                    label: '按钮标签名',
+                    value: '设置',
+                    type: 'input-text'
+                },
+                {
+                    name: 'minLength',
+                    visibleOn: 'data.multiple',
+                    label: '允许最少个数',
+                    type: 'input-number'
+                },
+                {
+                    name: 'maxLength',
+                    visibleOn: 'data.multiple',
+                    label: '允许最多个数',
+                    type: 'input-number'
+                }
+            ];
+        };
+        return _this;
+    }
+    SubFormControlPlugin.prototype.filterProps = function (props) {
+        props = AMisCodeEditor.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: '配置成员渲染器',
+                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: '配置成员渲染器',
+                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 = tslib.__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: tslib.__assign({ type: 'form' }, rest)
+        };
+        this.manager.openSubEditor({
+            title: '配置子表单项',
+            value: schema,
+            memberImmutable: ['body'],
+            onChange: function (newValue) {
+                var form = newValue.body[0];
+                newValue = tslib.__assign(tslib.__assign({}, value), { form: form });
+                // delete newValue.form.body;
+                delete newValue.form.type;
+                manager.panelChangeValue(newValue, AMisCodeEditor.diff(value, newValue));
+            }
+        });
+    };
+    return SubFormControlPlugin;
+}(AMisCodeEditor.BasePlugin));
+AMisCodeEditor.registerEditorPlugin(SubFormControlPlugin);
+
+exports.SubFormControlPlugin = SubFormControlPlugin;

package/{dist → lib}/plugin/Form/InputTable.d.ts

@@ -1,4 +1,4 @@
-import { BaseEventContext, BasePlugin, InsertEventContext, PluginEvent, ScaffoldForm, RegionConfig } from '../../plugin';
+import { BaseEventContext, BasePlugin, InsertEventContext, PluginEvent, ScaffoldForm, RegionConfig } from 'amis-editor-core';
 export declare class TableControlPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;