amis-editor 5.2.0-beta.1 → 5.2.0

package/lib/plugin/Form/InputDateRange.js

@@ -1,350 +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 DateType = {
-    date: {
-        format: 'YYYY-MM-DD',
-        placeholder: '请选择日期范围',
-        ranges: [
-            'yesterday',
-            '7daysago',
-            'prevweek',
-            'thismonth',
-            'prevmonth',
-            'prevquarter'
-        ]
-    },
-    datetime: {
-        format: 'YYYY-MM-DD HH:mm:ss',
-        placeholder: '请选择日期时间范围',
-        ranges: [
-            'yesterday',
-            '7daysago',
-            'prevweek',
-            'thismonth',
-            'prevmonth',
-            'prevquarter'
-        ]
-    },
-    time: {
-        format: 'HH:mm',
-        placeholder: '请选择时间范围',
-        ranges: []
-    },
-    month: {
-        format: 'YYYY-MM',
-        placeholder: '请选择月份范围',
-        ranges: []
-    },
-    quarter: {
-        format: 'YYYY [Q]Q',
-        placeholder: '请选择季度范围',
-        ranges: ['thisquarter', 'prevquarter']
-    },
-    year: {
-        format: 'YYYY',
-        placeholder: '请选择年范围',
-        ranges: ['thisyear', 'lastYear']
-    }
-};
-var tipedLabelText = '支持 <code>now、+1day、-2weeks、+1hours、+2years</code>这种相对值用法，同时支持变量如<code>\\${start_date}</code>';
-var DateRangeControlPlugin = /** @class */ (function (_super) {
-    tslib.__extends(DateRangeControlPlugin, _super);
-    function DateRangeControlPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'input-date-range';
-        _this.$schema = '/schemas/DateRangeControlSchema.json';
-        _this.order = -440;
-        // 组件名称
-        _this.icon = 'fa fa-calendar';
-        _this.name = '日期范围';
-        _this.isBaseComponent = true;
-        // 添加源对应组件中文名称 & type字段
-        _this.searchKeywords = '日期范围框、input-datetime-range、日期时间范围、input-time-range、时间范围、input-month-range、月份范围、input-quarter-range、季度范围、input-year-range、年范围';
-        _this.description = '日期范围选择，可通过<code>minDate</code>、<code>maxDate</code>设定最小、最大日期';
-        _this.docLink = '/amis/zh-CN/components/form/input-date-range';
-        _this.tags = ['表单项'];
-        _this.scaffold = {
-            type: 'input-date-range',
-            label: '日期范围',
-            name: 'date-range'
-        };
-        _this.previewSchema = {
-            type: 'form',
-            className: 'text-left',
-            mode: 'horizontal',
-            wrapWithPanel: false,
-            body: [
-                tslib.__assign({}, _this.scaffold)
-            ]
-        };
-        _this.notRenderFormZone = true;
-        _this.panelTitle = '日期范围';
-        _this.events = [
-            {
-                eventName: 'change',
-                eventLabel: '值变化',
-                description: '时间值变化时触发',
-                dataSchema: [
-                    {
-                        type: 'object',
-                        properties: {
-                            'event.data.value': {
-                                type: 'string',
-                                title: '时间值'
-                            }
-                        }
-                    }
-                ]
-            },
-            {
-                eventName: 'focus',
-                eventLabel: '获取焦点',
-                description: '输入框获取焦点(非内嵌模式)时触发',
-                dataSchema: [
-                    {
-                        type: 'object',
-                        properties: {
-                            'event.data.value': {
-                                type: 'string',
-                                title: '时间值'
-                            }
-                        }
-                    }
-                ]
-            },
-            {
-                eventName: 'blur',
-                eventLabel: '失去焦点',
-                description: '输入框失去焦点(非内嵌模式)时触发',
-                dataSchema: [
-                    {
-                        type: 'object',
-                        properties: {
-                            'event.data.value': {
-                                type: 'string',
-                                title: '时间值'
-                            }
-                        }
-                    }
-                ]
-            }
-        ];
-        // 动作定义
-        _this.actions = [
-            {
-                actionType: 'clear',
-                actionLabel: '清空',
-                description: '清空输入框内容'
-            },
-            {
-                actionType: 'reset',
-                actionLabel: '重置',
-                description: '将值重置为resetValue，若没有配置resetValue，则清空'
-            },
-            {
-                actionType: 'setValue',
-                actionLabel: '赋值',
-                description: '触发组件数据更新'
-            }
-        ];
-        _this.panelJustify = true;
-        _this.panelBodyCreator = function (context) {
-            var renderer = context.info.renderer;
-            return AMisCodeEditor.getSchemaTpl('tabs', [
-                {
-                    title: '属性',
-                    body: AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                        {
-                            title: '基本',
-                            body: [
-                                AMisCodeEditor.getSchemaTpl('formItemName', {
-                                    required: true
-                                }),
-                                AMisCodeEditor.getSchemaTpl('label'),
-                                AMisCodeEditor.getSchemaTpl('selectDateRangeType', {
-                                    value: _this.scaffold.type,
-                                    onChange: function (value, oldValue, model, form) {
-                                        var _a, _b, _c;
-                                        var type = value.split('-')[1];
-                                        form.setValues({
-                                            inputFormat: (_a = DateType[type]) === null || _a === void 0 ? void 0 : _a.format,
-                                            placeholder: (_b = DateType[type]) === null || _b === void 0 ? void 0 : _b.placeholder,
-                                            format: type === 'time' ? 'HH:mm' : 'X',
-                                            minDate: '',
-                                            maxDate: '',
-                                            value: '',
-                                            ranges: (_c = DateType[type]) === null || _c === void 0 ? void 0 : _c.ranges
-                                        });
-                                    }
-                                }),
-                                {
-                                    type: 'input-text',
-                                    name: 'format',
-                                    label: BaseControl.tipedLabel('值格式', '提交数据前将根据设定格式化数据，请参考 <a href="https://momentjs.com/" target="_blank">moment</a> 中的格式用法。'),
-                                    pipeIn: AMisCodeEditor.defaultValue('X')
-                                },
-                                {
-                                    type: 'input-text',
-                                    name: 'inputFormat',
-                                    label: BaseControl.tipedLabel('显示格式', '请参考 <a href="https://momentjs.com/" target="_blank">moment</a> 中的格式用法。'),
-                                    pipeIn: AMisCodeEditor.defaultValue('YYYY-MM-DD'),
-                                    clearable: true
-                                    // onChange: (
-                                    //   value: string,
-                                    //   oldValue: any,
-                                    //   model: any,
-                                    //   form: any
-                                    // ) => {
-                                    //   model.setOptions(
-                                    //     DateType[form.data.type.split('-')[1]].formatOptions
-                                    //   );
-                                    // },
-                                    // options:
-                                    //   DateType[this.scaffold.type.split('-')[1]].formatOptions
-                                },
-                                AMisCodeEditor.getSchemaTpl('utc'),
-                                AMisCodeEditor.getSchemaTpl('clearable', {
-                                    pipeIn: AMisCodeEditor.defaultValue(true)
-                                }),
-                                AMisCodeEditor.getSchemaTpl('valueFormula', {
-                                    /* 备注: 待 amis 日期组件优化
-                                    rendererSchema: {
-                                      ...context?.schema,
-                                      size: 'full', // 备注：目前样式还有问题，需要在amis端进行优化
-                                      mode: "inline"
-                                    },
-                                    mode: 'vertical',
-                                    */
-                                    rendererSchema: {
-                                        type: 'input-date'
-                                    },
-                                    label: BaseControl.tipedLabel('默认值', '支持 <code>now、+1day、-2weeks、+1hours、+2years</code>等这种相对值用法')
-                                }),
-                                AMisCodeEditor.getSchemaTpl('valueFormula', {
-                                    name: 'minDate',
-                                    rendererSchema: tslib.__assign(tslib.__assign({}, context === null || context === void 0 ? void 0 : context.schema), { value: context === null || context === void 0 ? void 0 : context.schema.minDate, type: 'input-date' }),
-                                    needDeleteProps: ['minDate'],
-                                    label: BaseControl.tipedLabel('最小值', tipedLabelText)
-                                }),
-                                AMisCodeEditor.getSchemaTpl('valueFormula', {
-                                    name: 'maxDate',
-                                    rendererSchema: tslib.__assign(tslib.__assign({}, context === null || context === void 0 ? void 0 : context.schema), { value: context === null || context === void 0 ? void 0 : context.schema.maxDate, type: 'input-date' }),
-                                    needDeleteProps: ['maxDate'],
-                                    label: BaseControl.tipedLabel('最大值', tipedLabelText)
-                                }),
-                                AMisCodeEditor.getSchemaTpl('formulaControl', {
-                                    name: 'minDuration',
-                                    label: BaseControl.tipedLabel('最小跨度', '例如 2days'),
-                                    placeholder: '请输入最小跨度',
-                                    inputClassName: 'is-inline'
-                                }),
-                                AMisCodeEditor.getSchemaTpl('formulaControl', {
-                                    name: 'maxDuration',
-                                    label: BaseControl.tipedLabel('最大跨度', '例如 1year'),
-                                    placeholder: '请输入最大跨度',
-                                    inputClassName: 'is-inline'
-                                }),
-                                AMisCodeEditor.getSchemaTpl('dateShortCutControl', {
-                                    mode: 'normal',
-                                    dropDownOption: {
-                                        'yesterday': '昨天',
-                                        'thisweek': '这个周',
-                                        'prevweek': '上周',
-                                        '7daysago': '最近7天',
-                                        'thismonth': '这个月',
-                                        'prevmonth': '上个月',
-                                        'thisquarter': '这个季度',
-                                        'prevquarter': '上个季度',
-                                        'thisyear': '今年'
-                                    }
-                                }),
-                                // getSchemaTpl('remark'),
-                                // getSchemaTpl('labelRemark'),
-                                {
-                                    type: 'input-text',
-                                    name: 'startPlaceholder',
-                                    label: '前占位提示',
-                                    pipeIn: AMisCodeEditor.defaultValue('开始时间')
-                                },
-                                {
-                                    type: 'input-text',
-                                    name: 'endPlaceholder',
-                                    label: '后占位提示',
-                                    pipeIn: AMisCodeEditor.defaultValue('结束时间')
-                                }
-                            ]
-                        },
-                        AMisCodeEditor.getSchemaTpl('status', { isFormItem: true }),
-                        AMisCodeEditor.getSchemaTpl('validation', {
-                            tag: validator.ValidatorTag.Date
-                        })
-                    ], tslib.__assign(tslib.__assign({}, context === null || context === void 0 ? void 0 : context.schema), { configTitle: 'props' }))
-                },
-                {
-                    title: '外观',
-                    body: AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                        AMisCodeEditor.getSchemaTpl('style:formItem', renderer),
-                        AMisCodeEditor.getSchemaTpl('style:classNames', [
-                            AMisCodeEditor.getSchemaTpl('className', {
-                                label: '描述',
-                                name: 'descriptionClassName',
-                                visibleOn: 'this.description'
-                            }),
-                            AMisCodeEditor.getSchemaTpl('className', {
-                                name: 'addOn.className',
-                                label: 'AddOn',
-                                visibleOn: 'this.addOn && this.addOn.type === "text"'
-                            })
-                        ]),
-                        AMisCodeEditor.getSchemaTpl('style:others', [
-                            {
-                                name: 'embed',
-                                type: 'button-group-select',
-                                size: 'md',
-                                label: '模式',
-                                mode: 'row',
-                                value: false,
-                                options: [
-                                    {
-                                        label: '浮层',
-                                        value: false
-                                    },
-                                    {
-                                        label: '内嵌',
-                                        value: true
-                                    }
-                                ]
-                            }
-                        ])
-                    ], tslib.__assign(tslib.__assign({}, context === null || context === void 0 ? void 0 : context.schema), { configTitle: 'style' }))
-                },
-                {
-                    title: '事件',
-                    className: 'p-none',
-                    body: [
-                        AMisCodeEditor.getSchemaTpl('eventControl', tslib.__assign({ name: 'onEvent' }, util.getEventControlConfig(_this.manager, context)))
-                    ]
-                }
-            ]);
-        };
-        return _this;
-    }
-    return DateRangeControlPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(DateRangeControlPlugin);
-
-exports.DateRangeControlPlugin = DateRangeControlPlugin;

package/lib/plugin/Form/InputDateTime.js

@@ -1,50 +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 InputDate = require('./InputDate.js');
-
-var DateTimeControlPlugin = /** @class */ (function (_super) {
-    tslib.__extends(DateTimeControlPlugin, _super);
-    function DateTimeControlPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'input-datetime';
-        _this.$schema = '/schemas/DateTimeControlSchema.json';
-        // 组件名称
-        _this.isBaseComponent = true;
-        _this.icon = 'fa fa-calendar';
-        _this.name = '日期时间';
-        _this.description = '年月日时分选择';
-        _this.docLink = '/amis/zh-CN/components/form/input-datetime';
-        _this.tags = ['表单项'];
-        _this.scaffold = {
-            type: 'input-datetime',
-            label: '日期时间',
-            name: 'datetime'
-        };
-        _this.disabledRendererPlugin = true;
-        _this.previewSchema = {
-            type: 'form',
-            className: 'text-left',
-            wrapWithPanel: false,
-            mode: 'horizontal',
-            body: [
-                tslib.__assign({}, _this.scaffold)
-            ]
-        };
-        _this.panelTitle = '日期时间';
-        return _this;
-    }
-    return DateTimeControlPlugin;
-}(InputDate.DateControlPlugin));
-AMisCodeEditor.registerEditorPlugin(DateTimeControlPlugin);
-
-exports.DateTimeControlPlugin = DateTimeControlPlugin;

package/lib/plugin/Form/InputDateTimeRange.js

@@ -1,51 +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 InputDateRange = require('./InputDateRange.js');
-
-var DateTimeRangeControlPlugin = /** @class */ (function (_super) {
-    tslib.__extends(DateTimeRangeControlPlugin, _super);
-    function DateTimeRangeControlPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'input-datetime-range';
-        _this.$schema = '/schemas/DateTimeRangeControlSchema.json';
-        _this.order = -440;
-        // 组件名称
-        _this.icon = 'fa fa-calendar';
-        _this.name = '日期时间范围';
-        _this.isBaseComponent = true;
-        _this.description = '日期时间范围选择，可通过<code>minDate</code>、<code>maxDate</code>设定最小、最大日期';
-        _this.docLink = '/amis/zh-CN/components/form/input-datetime-range';
-        _this.tags = ['表单项'];
-        _this.scaffold = {
-            type: 'input-datetime-range',
-            label: '日期范围',
-            name: 'datetime-range'
-        };
-        _this.previewSchema = {
-            type: 'form',
-            className: 'text-left',
-            mode: 'horizontal',
-            wrapWithPanel: false,
-            body: [
-                tslib.__assign({}, _this.scaffold)
-            ]
-        };
-        _this.disabledRendererPlugin = true;
-        _this.notRenderFormZone = true;
-        return _this;
-    }
-    return DateTimeRangeControlPlugin;
-}(InputDateRange.DateRangeControlPlugin));
-AMisCodeEditor.registerEditorPlugin(DateTimeRangeControlPlugin);
-
-exports.DateTimeRangeControlPlugin = DateTimeRangeControlPlugin;

package/lib/plugin/Form/InputEmail.js

@@ -1,45 +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 InputText = require('./InputText.js');
-
-var EmailControlPlugin = /** @class */ (function (_super) {
-    tslib.__extends(EmailControlPlugin, _super);
-    function EmailControlPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'input-email';
-        _this.$schema = '/schemas/TextControlSchema.json';
-        _this.name = '邮箱框';
-        _this.isBaseComponent = true;
-        _this.icon = 'fa fa-envelope-o';
-        _this.description = '验证输入是否符合邮箱的格式';
-        _this.scaffold = {
-            type: 'input-email',
-            label: '邮箱',
-            name: 'email'
-        };
-        _this.disabledRendererPlugin = true;
-        _this.previewSchema = {
-            type: 'form',
-            className: 'text-left',
-            mode: 'horizontal',
-            wrapWithPanel: false,
-            body: tslib.__assign({}, _this.scaffold)
-        };
-        _this.panelTitle = _this.name;
-        return _this;
-    }
-    return EmailControlPlugin;
-}(InputText.TextControlPlugin));
-AMisCodeEditor.registerEditorPlugin(EmailControlPlugin);
-
-exports.EmailControlPlugin = EmailControlPlugin;

package/lib/plugin/Form/InputExcel.js

@@ -1,121 +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 ExcelControlPlugin = /** @class */ (function (_super) {
-    tslib.__extends(ExcelControlPlugin, _super);
-    function ExcelControlPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'input-excel';
-        _this.$schema = '/schemas/ExcelControlSchema.json';
-        // 组件名称
-        _this.name = '上传 Excel';
-        _this.isBaseComponent = true;
-        _this.icon = 'fa fa-eyedropper';
-        _this.description = '自动解析 Excel';
-        _this.docLink = '/amis/zh-CN/components/form/input-excel';
-        _this.tags = ['表单项'];
-        _this.scaffold = {
-            type: 'input-excel',
-            label: 'Excel',
-            name: 'excel'
-        };
-        _this.previewSchema = {
-            type: 'form',
-            className: 'text-left',
-            mode: 'horizontal',
-            wrapWithPanel: false,
-            body: [
-                tslib.__assign({}, _this.scaffold)
-            ]
-        };
-        _this.panelTitle = '上传 Excel';
-        _this.notRenderFormZone = true;
-        // 事件定义
-        _this.events = [
-            {
-                eventName: 'change',
-                eventLabel: '值变化',
-                description: 'excel 上传解析完成后触发',
-                dataSchema: [
-                    {
-                        type: 'object',
-                        properties: {
-                            'event.data.value': {
-                                type: 'string',
-                                title: 'excel 解析后的数据'
-                            }
-                        }
-                    }
-                ]
-            }
-        ];
-        // 动作定义
-        _this.actions = [
-            {
-                actionType: 'clear',
-                actionLabel: '清空',
-                description: '清除选中值'
-            },
-            {
-                actionType: 'reset',
-                actionLabel: '重置',
-                description: '将值重置为resetValue，若没有配置resetValue，则清空'
-            },
-            {
-                actionType: 'setValue',
-                actionLabel: '赋值',
-                description: '触发组件数据更新'
-            }
-        ];
-        _this.panelBodyCreator = function (context) {
-            return BaseControl.formItemControl({
-                common: {
-                    body: [
-                        {
-                            label: '解析模式',
-                            name: 'parseMode',
-                            type: 'select',
-                            options: [
-                                {
-                                    label: '对象',
-                                    value: 'object'
-                                },
-                                { label: '数组', value: 'array' }
-                            ]
-                        },
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            name: 'allSheets',
-                            label: '是否解析所有 Sheet'
-                        }),
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            name: 'plainText',
-                            label: '是否解析为纯文本',
-                            pipeIn: AMisCodeEditor.defaultValue(true)
-                        }),
-                        AMisCodeEditor.getSchemaTpl('switch', {
-                            name: 'includeEmpty',
-                            label: '是否包含空内容',
-                            visibleOn: 'data.parseMode === "array"'
-                        })
-                    ]
-                }
-            }, context);
-        };
-        return _this;
-    }
-    return ExcelControlPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(ExcelControlPlugin);
-
-exports.ExcelControlPlugin = ExcelControlPlugin;