amis-editor 5.2.0-beta.1 → 5.2.0

package/lib/plugin/CustomRegion.js

@@ -1,154 +0,0 @@
-/**
- * amis-editor v5.2.0-beta.1
- * Copyright 2018-2022 @fex
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var AMisCodeEditor = require('amis-editor-core');
-var isArray = require('lodash/isArray');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var isArray__default = /*#__PURE__*/_interopDefaultLegacy(isArray);
-
-/**
- * @file 自定义代码
- */
-var CustomPlugin = /** @class */ (function (_super) {
-    tslib.__extends(CustomPlugin, _super);
-    function CustomPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'custom';
-        _this.$schema = '/schemas/CustomSchema.json';
-        // 组件名称
-        _this.name = '自定义容器';
-        _this.isBaseComponent = true;
-        _this.disabledRendererPlugin = true; // 待完善，暂时隐藏
-        _this.description = '通过自定义代码来实现容器组件';
-        _this.docLink = '/amis/zh-CN/components/custom';
-        _this.tags = ['功能', '容器'];
-        _this.icon = 'fa fa-gears';
-        _this.scaffold = {
-            type: 'custom',
-            html: '<div>\n<h2>hello, world!</h2>\n<div id="customBox">自定义容器区域</div>\n</div>',
-            onMount: "this.renderChild('body', props.body, document.getElementById('customBox'));",
-            body: [
-                {
-                    type: 'tpl',
-                    tpl: '<p>自定义容器区域</p>'
-                }
-            ]
-        };
-        _this.previewSchema = tslib.__assign({}, _this.scaffold);
-        _this.regions = [
-            {
-                key: 'body',
-                label: '内容区'
-            }
-        ];
-        _this.panelTitle = '自定义代码';
-        _this.panelBody = [
-            AMisCodeEditor.getSchemaTpl('fieldSet', {
-                title: 'HTML 内容',
-                body: [
-                    {
-                        label: 'HTML 内容',
-                        name: 'html',
-                        type: 'editor',
-                        allowFullscreen: true
-                    }
-                ]
-            }),
-            AMisCodeEditor.getSchemaTpl('fieldSet', {
-                title: 'onMount',
-                body: [
-                    {
-                        name: 'onMount',
-                        type: 'editor',
-                        allowFullscreen: true,
-                        size: 'xxl',
-                        label: 'onMount 代码',
-                        options: {
-                            lineNumbers: 'off',
-                            glyphMargin: false,
-                            lineDecorationsWidth: 0,
-                            lineNumbersMinChars: 0
-                        }
-                    }
-                ]
-            }),
-            AMisCodeEditor.getSchemaTpl('fieldSet', {
-                title: 'onUpdate',
-                body: [
-                    {
-                        name: 'onUpdate',
-                        type: 'editor',
-                        allowFullscreen: true,
-                        size: 'xxl',
-                        label: 'onUpdate 代码'
-                    }
-                ]
-            }),
-            AMisCodeEditor.getSchemaTpl('fieldSet', {
-                title: 'onUnmount',
-                body: [
-                    {
-                        name: 'onUnmount',
-                        type: 'editor',
-                        allowFullscreen: true,
-                        size: 'xxl',
-                        label: 'onUnmount 代码'
-                    }
-                ]
-            })
-        ];
-        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__default["default"](schema.body)) {
-                regions = [
-                    {
-                        key: 'body',
-                        label: '自定义容器区'
-                    }
-                ];
-            }
-            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;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(CustomPlugin);
-
-exports.CustomPlugin = CustomPlugin;

package/lib/plugin/Date.js

@@ -1,82 +0,0 @@
-/**
- * amis-editor v5.2.0-beta.1
- * Copyright 2018-2022 @fex
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var AMisCodeEditor = require('amis-editor-core');
-
-var DatePlugin = /** @class */ (function (_super) {
-    tslib.__extends(DatePlugin, _super);
-    function DatePlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'date';
-        _this.$schema = '/schemas/DateSchema.json';
-        // 组件名称
-        _this.name = '日期展示';
-        _this.isBaseComponent = true;
-        _this.description = '主要用来关联字段名做日期展示，支持各种格式如：X（时间戳），YYYY-MM-DD HH:mm:ss。';
-        _this.tags = ['展示'];
-        _this.icon = 'fa fa-calendar';
-        _this.scaffold = {
-            type: 'date',
-            value: Math.round(Date.now() / 1000)
-        };
-        _this.previewSchema = tslib.__assign(tslib.__assign({}, _this.scaffold), { format: 'YYYY-MM-DD', value: Math.round(Date.now() / 1000) });
-        _this.panelTitle = '日期展示';
-        _this.panelBodyCreator = function (context) {
-            return [
-                AMisCodeEditor.getSchemaTpl('tabs', [
-                    {
-                        title: '常规',
-                        body: [
-                            {
-                                type: 'input-date',
-                                name: 'value',
-                                label: '日期数值'
-                            },
-                            {
-                                type: 'input-text',
-                                name: 'format',
-                                label: '显示日期格式',
-                                description: '请参考 moment 中的格式用法。',
-                                pipeIn: AMisCodeEditor.defaultValue('YYYY-MM-DD')
-                            },
-                            {
-                                type: 'input-text',
-                                name: 'valueFormat',
-                                label: '数据日期格式',
-                                description: '请参考 moment 中的格式用法。',
-                                pipeIn: AMisCodeEditor.defaultValue('X')
-                            },
-                            {
-                                name: 'placeholder',
-                                type: 'input-text',
-                                pipeIn: AMisCodeEditor.defaultValue('-'),
-                                label: '占位符'
-                            }
-                        ]
-                    },
-                    {
-                        title: '外观',
-                        body: [AMisCodeEditor.getSchemaTpl('className')]
-                    },
-                    {
-                        title: '显隐',
-                        body: [AMisCodeEditor.getSchemaTpl('ref'), AMisCodeEditor.getSchemaTpl('visible')]
-                    }
-                ])
-            ];
-        };
-        return _this;
-    }
-    return DatePlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(DatePlugin);
-
-exports.DatePlugin = DatePlugin;

package/lib/plugin/Datetime.js

@@ -1,77 +0,0 @@
-/**
- * amis-editor v5.2.0-beta.1
- * Copyright 2018-2022 @fex
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var AMisCodeEditor = require('amis-editor-core');
-var Date$1 = require('./Date.js');
-
-var DatetimePlugin = /** @class */ (function (_super) {
-    tslib.__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 = '日期时间展示';
-        _this.isBaseComponent = true;
-        _this.previewSchema = tslib.__assign(tslib.__assign({}, _this.scaffold), { format: 'YYYY-MM-DD HH:mm:ss', value: Math.round(Date.now() / 1000) });
-        _this.panelBodyCreator = function (context) {
-            return [
-                AMisCodeEditor.getSchemaTpl('tabs', [
-                    {
-                        title: '常规',
-                        body: [
-                            {
-                                type: 'input-datetime',
-                                name: 'value',
-                                label: '日期时间数值'
-                            },
-                            {
-                                type: 'input-text',
-                                name: 'format',
-                                label: '显示日期时间格式',
-                                description: '请参考 moment 中的格式用法。',
-                                pipeIn: AMisCodeEditor.defaultValue('YYYY-MM-DD HH:mm:ss')
-                            },
-                            {
-                                type: 'input-text',
-                                name: 'valueFormat',
-                                label: '数据日期格式',
-                                description: '请参考 moment 中的格式用法。',
-                                pipeIn: AMisCodeEditor.defaultValue('X')
-                            },
-                            {
-                                name: 'placeholder',
-                                type: 'input-text',
-                                pipeIn: AMisCodeEditor.defaultValue('-'),
-                                label: '占位符'
-                            }
-                        ]
-                    },
-                    {
-                        title: '外观',
-                        body: [AMisCodeEditor.getSchemaTpl('className')]
-                    },
-                    {
-                        title: '显隐',
-                        body: [AMisCodeEditor.getSchemaTpl('ref'), AMisCodeEditor.getSchemaTpl('visible')]
-                    }
-                ])
-            ];
-        };
-        return _this;
-    }
-    return DatetimePlugin;
-}(Date$1.DatePlugin));
-AMisCodeEditor.registerEditorPlugin(DatetimePlugin);
-
-exports.DatetimePlugin = DatetimePlugin;

package/lib/plugin/Dialog.js

@@ -1,214 +0,0 @@
-/**
- * amis-editor v5.2.0-beta.1
- * Copyright 2018-2022 @fex
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var AMisCodeEditor = require('amis-editor-core');
-var util = require('../util.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var DialogPlugin = /** @class */ (function (_super) {
-    tslib.__extends(DialogPlugin, _super);
-    function DialogPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'dialog';
-        _this.$schema = '/schemas/DialogSchema.json';
-        // 组件名称
-        _this.name = '弹框';
-        _this.isBaseComponent = true;
-        _this.wrapperProps = {
-            wrapperComponent: InlineModal,
-            onClose: AMisCodeEditor.noop,
-            show: true
-        };
-        _this.regions = [
-            {
-                key: 'body',
-                label: '内容区',
-                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: '按钮组',
-                renderMethod: 'renderFooter',
-                wrapperResolve: function (dom) { return dom; }
-            }
-        ];
-        // 现在没用，后面弹窗优化后有用
-        _this.events = [
-            {
-                eventName: 'confirm',
-                eventLabel: '确认',
-                description: '确认'
-            },
-            {
-                eventName: 'cancel',
-                eventLabel: '取消',
-                description: '取消'
-            }
-        ];
-        _this.actions = [
-            {
-                actionType: 'confirm',
-                actionLabel: '确认',
-                description: '确认操作'
-            },
-            {
-                actionType: 'cancel',
-                actionLabel: '取消',
-                description: '取消操作'
-            },
-            {
-                actionType: 'setValue',
-                actionLabel: '更新数据',
-                description: '触发组件数据更新'
-            }
-        ];
-        _this.panelTitle = '弹框';
-        _this.panelBodyCreator = function (context) {
-            return AMisCodeEditor.getSchemaTpl('tabs', [
-                {
-                    title: '常规',
-                    body: [
-                        {
-                            label: '标题',
-                            type: 'input-text',
-                            name: 'title'
-                        },
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            label: '数据映射',
-                            name: 'data',
-                            className: 'block m-b-xs',
-                            pipeIn: function (value) { return !!value; },
-                            pipeOut: function (value) { return (value ? { '&': '$$' } : null); }
-                        }),
-                        {
-                            type: 'tpl',
-                            visibleOn: '!this.data',
-                            tpl: '<p class="text-sm text-muted">当没开启数据映射时，弹框中默认会拥有触发打开弹框按钮所在环境的所有数据。</p>'
-                        },
-                        {
-                            type: 'input-kv',
-                            syncDefaultValue: false,
-                            name: 'data',
-                            visibleOn: 'this.data',
-                            descriptionClassName: 'help-block text-xs m-b-none',
-                            description: '<p>当开启数据映射时，弹框中的数据只会包含设置的部分，请绑定数据。如：<code>{"a": "\\${a}", "b": 2}</code></p><p>如果希望在默认的基础上定制，请先添加一个 Key 为 `&` Value 为 `\\$$` 作为第一行。</p><div>当值为 <code>__undefined</code>时，表示删除对应的字段，可以结合<code>{"&": "\\$$"}</code>来达到黑名单效果。</div>',
-                            messages: {
-                                validateFailed: '数据映射中存在错误，请仔细检查'
-                            }
-                        },
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            label: '按 Esc 关闭弹框',
-                            name: 'closeOnEsc',
-                            value: false
-                        }),
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            label: '点击弹框外区域关闭弹框',
-                            name: 'closeOnOutside',
-                            value: false
-                        })
-                    ]
-                },
-                {
-                    title: '外观',
-                    body: [
-                        {
-                            label: '尺寸',
-                            type: 'button-group-select',
-                            name: 'size',
-                            size: 'sm',
-                            className: 'block',
-                            pipeIn: AMisCodeEditor.defaultValue(''),
-                            options: [
-                                {
-                                    label: '小',
-                                    value: 'sm'
-                                },
-                                {
-                                    label: '默认',
-                                    value: ''
-                                },
-                                {
-                                    label: '中',
-                                    value: 'md'
-                                },
-                                {
-                                    label: '大',
-                                    value: 'lg'
-                                },
-                                {
-                                    label: '超大',
-                                    value: 'xl'
-                                }
-                            ]
-                        },
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            label: '是否显示关闭按钮',
-                            name: 'showCloseButton',
-                            value: true
-                        }),
-                        AMisCodeEditor.getSchemaTpl('className', {
-                            name: 'headerClassName',
-                            label: '顶部 CSS 类名'
-                        }),
-                        AMisCodeEditor.getSchemaTpl('className', {
-                            name: 'bodyClassName',
-                            label: '内容 CSS 类名'
-                        })
-                    ]
-                },
-                {
-                    title: '事件',
-                    className: 'p-none',
-                    body: [
-                        AMisCodeEditor.getSchemaTpl('eventControl', tslib.__assign({ name: 'onEvent' }, util.getEventControlConfig(_this.manager, context)))
-                    ]
-                }
-            ]);
-        };
-        return _this;
-    }
-    DialogPlugin.prototype.buildSubRenderers = function () { };
-    return DialogPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(DialogPlugin);
-var InlineModal = /** @class */ (function (_super) {
-    tslib.__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["default"].createElement("div", { className: "ae-InlineModel" }, children);
-    };
-    return InlineModal;
-}(React__default["default"].Component));
-
-exports.DialogPlugin = DialogPlugin;
-exports.InlineModal = InlineModal;

package/lib/plugin/Divider.js

@@ -1,49 +0,0 @@
-/**
- * amis-editor v5.2.0-beta.1
- * Copyright 2018-2022 @fex
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var AMisCodeEditor = require('amis-editor-core');
-
-var DividerPlugin = /** @class */ (function (_super) {
-    tslib.__extends(DividerPlugin, _super);
-    function DividerPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'divider';
-        _this.$schema = '/schemas/DividerSchema.json';
-        // 组件名称
-        _this.name = '分隔线';
-        _this.isBaseComponent = true;
-        _this.icon = 'fa fa-minus';
-        _this.description = '用来展示一个分割线，可用来做视觉上的隔离。';
-        _this.scaffold = {
-            type: 'divider'
-        };
-        _this.previewSchema = {
-            type: 'divider',
-            className: 'm-t-none m-b-none'
-        };
-        _this.panelTitle = '分隔线';
-        _this.panelBody = AMisCodeEditor.getSchemaTpl('tabs', [
-            {
-                title: '外观',
-                body: [AMisCodeEditor.getSchemaTpl('className')]
-            },
-            {
-                title: '显隐',
-                body: [AMisCodeEditor.getSchemaTpl('ref'), AMisCodeEditor.getSchemaTpl('visible')]
-            }
-        ]);
-        return _this;
-    }
-    return DividerPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(DividerPlugin);
-
-exports.DividerPlugin = DividerPlugin;