amis-editor 5.2.0-beta.1 → 5.2.0

package/lib/plugin/Form/Static.js

@@ -1,312 +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 amis = require('amis');
-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 StaticControlPlugin = /** @class */ (function (_super) {
-    tslib.__extends(StaticControlPlugin, _super);
-    function StaticControlPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'static';
-        _this.$schema = '/schemas/StaticControlSchema.json';
-        _this.order = -390;
-        // 组件名称
-        _this.name = '静态展示框';
-        _this.isBaseComponent = true;
-        _this.icon = 'fa fa-info';
-        _this.description = "\u7EAF\u7528\u6765\u5C55\u793A\u6570\u636E\uFF0C\u53EF\u7528\u6765\u5C55\u793A<code>json\u3001date\u3001image\u3001progress</code>\u7B49\u6570\u636E";
-        _this.docLink = '/amis/zh-CN/components/form/static';
-        _this.tags = ['表单项'];
-        _this.scaffold = {
-            type: 'static',
-            label: '描述'
-        };
-        _this.previewSchema = {
-            type: 'form',
-            className: 'text-left',
-            mode: 'horizontal',
-            wrapWithPanel: false,
-            body: [
-                tslib.__assign(tslib.__assign({}, _this.scaffold), { value: '静态值' })
-            ]
-        };
-        _this.multifactor = true;
-        _this.notRenderFormZone = true;
-        _this.panelTitle = '静态展示';
-        _this.panelBodyCreator = function (context) {
-            var renderer = context.info.renderer;
-            return AMisCodeEditor.getSchemaTpl('tabs', [
-                {
-                    title: '属性',
-                    body: AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                        {
-                            title: '基本',
-                            body: [
-                                AMisCodeEditor.getSchemaTpl('formItemName', {
-                                    required: false
-                                }),
-                                AMisCodeEditor.getSchemaTpl('label'),
-                                // getSchemaTpl('value'),
-                                AMisCodeEditor.getSchemaTpl('valueFormula', {
-                                    rendererSchema: tslib.__assign(tslib.__assign({}, context === null || context === void 0 ? void 0 : context.schema), { type: 'textarea', value: context === null || context === void 0 ? void 0 : context.schema.tpl }),
-                                    mode: 'vertical',
-                                    name: 'tpl'
-                                }),
-                                AMisCodeEditor.getSchemaTpl('switch', {
-                                    name: 'quickEdit',
-                                    label: '可快速编辑',
-                                    pipeIn: function (value) { return !!value; }
-                                }),
-                                {
-                                    label: '快速编辑模式',
-                                    name: 'quickEdit.mode',
-                                    type: 'button-group-select',
-                                    size: 'sm',
-                                    mode: 'row',
-                                    className: 'ae-buttonGroupSelect--justify',
-                                    visibleOn: 'data.quickEdit',
-                                    pipeIn: AMisCodeEditor.defaultValue('popOver'),
-                                    options: [
-                                        {
-                                            label: '下拉',
-                                            value: 'popOver'
-                                        },
-                                        {
-                                            label: '内嵌',
-                                            value: 'inline'
-                                        }
-                                    ]
-                                },
-                                AMisCodeEditor.getSchemaTpl('switch', {
-                                    name: 'quickEdit.saveImmediately',
-                                    label: '立即保存',
-                                    visibleOn: 'data.quickEdit',
-                                    description: '开启后修改即提交，而不是标记修改批量提交。',
-                                    descriptionClassName: 'help-block m-b-none',
-                                    pipeIn: function (value) { return !!value; }
-                                }),
-                                AMisCodeEditor.getSchemaTpl('apiControl', {
-                                    name: 'quickEdit.saveImmediately.api',
-                                    label: '立即保存接口',
-                                    description: '是否单独给立即保存配置接口，如果不配置，则默认使用quickSaveItemApi。',
-                                    visibleOn: 'this.quickEdit && this.quickEdit.saveImmediately'
-                                }),
-                                {
-                                    name: 'quickEdit',
-                                    asFormItem: true,
-                                    visibleOn: 'data.quickEdit',
-                                    children: function (_a) {
-                                        var value = _a.value, onChange = _a.onChange, data = _a.data;
-                                        if (value === true) {
-                                            value = {};
-                                        }
-                                        var originMode = value.mode;
-                                        value = tslib.__assign({ type: 'input-text', name: data.name }, value);
-                                        delete value.mode;
-                                        // todo 多个快速编辑表单模式看来只能代码模式编辑了。
-                                        return (React__default["default"].createElement(amis.Button, { className: "m-b ae-Button--enhance", size: "sm", block: true, onClick: function () {
-                                                _this.manager.openSubEditor({
-                                                    title: '配置快速编辑类型',
-                                                    value: value,
-                                                    slot: {
-                                                        type: 'form',
-                                                        mode: 'normal',
-                                                        body: ['$$'],
-                                                        wrapWithPanel: false
-                                                    },
-                                                    onChange: function (value) {
-                                                        return onChange(tslib.__assign(tslib.__assign({}, value), { mode: originMode }), 'quickEdit');
-                                                    }
-                                                });
-                                            } }, "\u914D\u7F6E\u5FEB\u901F\u7F16\u8F91"));
-                                    }
-                                },
-                                AMisCodeEditor.getSchemaTpl('switch', {
-                                    name: 'popOver',
-                                    label: '查看更多展示',
-                                    pipeIn: function (value) { return !!value; }
-                                }),
-                                {
-                                    label: '弹出模式',
-                                    name: 'popOver.mode',
-                                    type: 'button-group-select',
-                                    size: 'sm',
-                                    mode: 'row',
-                                    className: 'ae-buttonGroupSelect--justify',
-                                    visibleOn: 'data.popOver',
-                                    pipeIn: AMisCodeEditor.defaultValue('popOver'),
-                                    options: [
-                                        {
-                                            label: '浮层',
-                                            value: 'popOver'
-                                        },
-                                        {
-                                            label: '弹框',
-                                            value: 'dialog'
-                                        },
-                                        {
-                                            label: '抽屉',
-                                            value: 'drawer'
-                                        }
-                                    ]
-                                },
-                                {
-                                    name: 'popOver.position',
-                                    label: '浮层位置',
-                                    type: 'select',
-                                    mode: 'row',
-                                    visibleOn: 'data.popOver && data.popOver.mode === "popOver"',
-                                    pipeIn: AMisCodeEditor.defaultValue('center'),
-                                    options: [
-                                        {
-                                            label: '目标中部',
-                                            value: 'center'
-                                        },
-                                        {
-                                            label: '目标左上角',
-                                            value: 'left-top'
-                                        },
-                                        {
-                                            label: '目标右上角',
-                                            value: 'right-top'
-                                        },
-                                        {
-                                            label: '目标左下角',
-                                            value: 'left-bottom'
-                                        },
-                                        {
-                                            label: '目标右下角',
-                                            value: 'right-bottom'
-                                        },
-                                        {
-                                            label: '页面左上角',
-                                            value: 'fixed-left-top'
-                                        },
-                                        {
-                                            label: '页面右上角',
-                                            value: 'fixed-right-top'
-                                        },
-                                        {
-                                            label: '页面左下角',
-                                            value: 'fixed-left-bottom'
-                                        },
-                                        {
-                                            label: '页面右下角',
-                                            value: 'fixed-right-bottom'
-                                        }
-                                    ]
-                                },
-                                {
-                                    visibleOn: 'data.popOver',
-                                    name: 'popOver',
-                                    asFormItem: true,
-                                    children: function (_a) {
-                                        var value = _a.value, onChange = _a.onChange;
-                                        value = tslib.__assign({ type: 'panel', title: '查看详情', body: '内容详情' }, value);
-                                        return (React__default["default"].createElement(amis.Button, { className: "m-b ae-Button--enhance", size: "sm", block: true, onClick: function () {
-                                                _this.manager.openSubEditor({
-                                                    title: '配置查看更多展示内容',
-                                                    value: value,
-                                                    onChange: function (value) { return onChange(value, 'quickEdit'); }
-                                                });
-                                            } }, "\u67E5\u770B\u66F4\u591A\u5185\u5BB9\u914D\u7F6E"));
-                                    }
-                                },
-                                AMisCodeEditor.getSchemaTpl('borderMode'),
-                                AMisCodeEditor.getSchemaTpl('switch', {
-                                    name: 'copyable',
-                                    label: '可复制',
-                                    pipeIn: function (value) { return !!value; }
-                                }),
-                                {
-                                    label: '复制内容模板',
-                                    name: 'copyable.content',
-                                    type: 'textarea',
-                                    mode: 'row',
-                                    maxRow: 2,
-                                    visibleOn: 'data.copyable',
-                                    description: '默认为当前字段值，可定制。'
-                                },
-                                AMisCodeEditor.getSchemaTpl('labelRemark'),
-                                AMisCodeEditor.getSchemaTpl('remark'),
-                                AMisCodeEditor.getSchemaTpl('placeholder'),
-                                AMisCodeEditor.getSchemaTpl('description')
-                                /*{
-                                    children: (
-                                      <Button
-                                        size="sm"
-                                        level="info"
-                                        className="m-b"
-                                        block
-                                        onClick={this.exchangeRenderer.bind(this, context.id)}
-                                      >
-                                        更改渲染器类型
-                                      </Button>
-                                    )
-                                },*/
-                            ]
-                        },
-                        AMisCodeEditor.getSchemaTpl('status', { isFormItem: true }),
-                        AMisCodeEditor.getSchemaTpl('validation', { tag: '1' })
-                    ])
-                },
-                {
-                    title: '外观',
-                    body: AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                        AMisCodeEditor.getSchemaTpl('style:formItem', { renderer: renderer }),
-                        {
-                            title: 'CSS类名',
-                            body: [
-                                AMisCodeEditor.getSchemaTpl('className', {
-                                    label: '整体'
-                                }),
-                                AMisCodeEditor.getSchemaTpl('className', {
-                                    label: '标签',
-                                    name: 'labelClassName'
-                                }),
-                                AMisCodeEditor.getSchemaTpl('className', {
-                                    label: '控件',
-                                    name: 'inputClassName'
-                                }),
-                                AMisCodeEditor.getSchemaTpl('className', {
-                                    label: '描述',
-                                    name: 'descriptionClassName',
-                                    visibleOn: 'this.description'
-                                })
-                            ]
-                        }
-                    ])
-                }
-            ]);
-        };
-        return _this;
-        /*exchangeRenderer(id: string) {
-          this.manager.showReplacePanel(id, '展示');
-        }*/
-    }
-    StaticControlPlugin.prototype.filterProps = function (props, node) {
-        props.$$id = node.id;
-        if (typeof props.value === 'undefined') {
-            props.value = AMisCodeEditor.mockValue(props);
-        }
-        return props;
-    };
-    return StaticControlPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(StaticControlPlugin);
-
-exports.StaticControlPlugin = StaticControlPlugin;

package/lib/plugin/Form/Switch.js

@@ -1,219 +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 BaseControl = require('../../component/BaseControl.js');
-var validator = require('../../validator.js');
-var util = require('../../util.js');
-
-var SwitchControlPlugin = /** @class */ (function (_super) {
-    tslib.__extends(SwitchControlPlugin, _super);
-    function SwitchControlPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'switch';
-        _this.$schema = '/schemas/SwitchControlSchema.json';
-        _this.order = -400;
-        // 组件名称
-        _this.name = '开关';
-        _this.isBaseComponent = true;
-        _this.icon = 'fa fa-toggle-on';
-        _this.description = "\u5F00\u5173\u63A7\u4EF6";
-        _this.docLink = '/amis/zh-CN/components/form/switch';
-        _this.tags = ['表单项'];
-        _this.scaffold = {
-            type: 'switch',
-            option: '开关',
-            name: 'switch',
-            falseValue: false,
-            trueValue: true
-        };
-        _this.previewSchema = {
-            type: 'form',
-            className: 'text-left',
-            mode: 'horizontal',
-            wrapWithPanel: false,
-            body: [
-                tslib.__assign(tslib.__assign({}, _this.scaffold), { label: '开关表单' })
-            ]
-        };
-        _this.notRenderFormZone = true;
-        _this.panelTitle = '开关';
-        _this.events = [
-            {
-                eventName: 'change',
-                eventLabel: '值变化',
-                description: '开关值变化时触发',
-                dataSchema: [
-                    {
-                        type: 'object',
-                        properties: {
-                            'event.data.value': {
-                                type: 'string',
-                                title: '开关值'
-                            }
-                        }
-                    }
-                ]
-            }
-        ];
-        // 动作定义
-        _this.actions = [
-            {
-                actionType: 'setValue',
-                actionLabel: '赋值',
-                description: '触发组件数据更新'
-            }
-        ];
-        _this.panelJustify = true;
-        _this.panelBodyCreator = function (context) {
-            return AMisCodeEditor.getSchemaTpl('tabs', [
-                {
-                    title: '属性',
-                    body: AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                        {
-                            title: '基本',
-                            body: [
-                                AMisCodeEditor.getSchemaTpl('formItemName', {
-                                    required: true
-                                }),
-                                AMisCodeEditor.getSchemaTpl('label'),
-                                {
-                                    name: 'option',
-                                    type: 'input-text',
-                                    label: '说明'
-                                },
-                                {
-                                    type: 'ae-Switch-More',
-                                    bulk: true,
-                                    mode: 'normal',
-                                    label: '填充文本',
-                                    formType: 'extend',
-                                    form: {
-                                        body: [
-                                            {
-                                                name: 'onText',
-                                                type: 'input-text',
-                                                label: '开启时'
-                                            },
-                                            {
-                                                name: 'offText',
-                                                type: 'input-text',
-                                                label: '关闭时'
-                                            }
-                                        ]
-                                    }
-                                },
-                                {
-                                    type: 'ae-Switch-More',
-                                    bulk: true,
-                                    mode: 'normal',
-                                    label: BaseControl.tipedLabel('值格式', '默认勾选后的值 true，未勾选的值 false'),
-                                    formType: 'extend',
-                                    form: {
-                                        body: [
-                                            {
-                                                type: 'input-text',
-                                                label: '勾选后的值',
-                                                name: 'trueValue',
-                                                value: true,
-                                                pipeOut: AMisCodeEditor.valuePipeOut,
-                                                onChange: function (value, oldValue, model, form) {
-                                                    if (oldValue === form.getValueByName('value')) {
-                                                        form.setValueByName('value', value);
-                                                    }
-                                                }
-                                            },
-                                            {
-                                                type: 'input-text',
-                                                label: '未勾选的值',
-                                                name: 'falseValue',
-                                                value: false,
-                                                pipeOut: AMisCodeEditor.valuePipeOut,
-                                                onChange: function (value, oldValue, model, form) {
-                                                    if (oldValue === form.getValueByName('value')) {
-                                                        form.setValueByName('value', value);
-                                                    }
-                                                }
-                                            }
-                                        ]
-                                    }
-                                },
-                                /* 旧版设置默认值
-                                getSchemaTpl('switch', {
-                                  name: 'value',
-                                  label: '默认开启',
-                                  pipeIn: (value: any, data: any) => {
-                                    const {trueValue = true} = data.data || {};
-                                    return value === trueValue ? true : false;
-                                  },
-                                  pipeOut: (value: any, origin: any, data: any) => {
-                                    return value
-                                      ? data.trueValue || true
-                                      : data.falseValue || false;
-                                  }
-                                }),
-                                */
-                                AMisCodeEditor.getSchemaTpl('valueFormula', {
-                                    rendererSchema: context === null || context === void 0 ? void 0 : context.schema,
-                                    rendererWrapper: true,
-                                    valueType: 'boolean',
-                                    pipeIn: function (value, data) {
-                                        var _a = (data.data || {}).trueValue, trueValue = _a === void 0 ? true : _a;
-                                        return value === trueValue ? true : false;
-                                    },
-                                    pipeOut: function (value, origin, data) {
-                                        return value
-                                            ? data.trueValue || true
-                                            : data.falseValue || false;
-                                    }
-                                }),
-                                AMisCodeEditor.getSchemaTpl('labelRemark'),
-                                AMisCodeEditor.getSchemaTpl('remark'),
-                                AMisCodeEditor.getSchemaTpl('description')
-                            ]
-                        },
-                        AMisCodeEditor.getSchemaTpl('status', { isFormItem: true }),
-                        AMisCodeEditor.getSchemaTpl('validation', { tag: validator.ValidatorTag.Check })
-                    ])
-                },
-                {
-                    title: '外观',
-                    body: AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                        AMisCodeEditor.getSchemaTpl('style:formItem', { renderer: context.info.renderer }),
-                        {
-                            title: '说明',
-                            body: [
-                                AMisCodeEditor.getSchemaTpl('horizontal-align', {
-                                    name: 'optionAtLeft',
-                                    pipeIn: function (v) { return (v ? 'left' : 'right'); },
-                                    pipeOut: function (v) { return (v === 'left' ? true : undefined); }
-                                })
-                            ]
-                        },
-                        AMisCodeEditor.getSchemaTpl('style:classNames')
-                    ])
-                },
-                {
-                    title: '事件',
-                    className: 'p-none',
-                    body: [
-                        AMisCodeEditor.getSchemaTpl('eventControl', tslib.__assign({ name: 'onEvent' }, util.getEventControlConfig(_this.manager, context)))
-                    ]
-                }
-            ]);
-        };
-        return _this;
-    }
-    return SwitchControlPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(SwitchControlPlugin);
-
-exports.SwitchControlPlugin = SwitchControlPlugin;