amis-editor 4.1.0-beta.4 → 5.2.0-beta.1

package/lib/plugin/Form/InputImage.js

@@ -0,0 +1,271 @@
+/**
+ * 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 ImageControlPlugin = /** @class */ (function (_super) {
+    tslib.__extends(ImageControlPlugin, _super);
+    function ImageControlPlugin() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        // 关联渲染器名字
+        _this.rendererName = 'input-image';
+        _this.$schema = '/schemas/ImageControlSchema.json';
+        // 组件名称
+        _this.name = '图片上传';
+        _this.isBaseComponent = true;
+        _this.description = "\u53EF\u4EE5\u5BF9\u56FE\u7247\u5B9E\u73B0\u88C1\u526A\uFF0C\u9650\u5236\u56FE\u7247\u7684\u5BBD\u9AD8\u4EE5\u53CA\u5927\u5C0F\uFF0C\u652F\u6301\u81EA\u52A8\u4E0A\u4F20\u53CA\u4E0A\u4F20\u591A\u5F20\u56FE\u7247";
+        _this.docLink = '/amis/zh-CN/components/form/input-image';
+        _this.tags = ['表单项'];
+        _this.icon = 'fa fa-crop';
+        _this.scaffold = {
+            type: 'input-image',
+            label: '图片上传',
+            name: 'image',
+            imageClassName: 'r w-full'
+        };
+        _this.previewSchema = {
+            type: 'form',
+            className: 'text-left',
+            mode: 'horizontal',
+            wrapWithPanel: false,
+            body: [
+                tslib.__assign({}, _this.scaffold)
+            ]
+        };
+        _this.notRenderFormZone = true;
+        // 事件定义
+        _this.events = [
+            {
+                eventName: 'change',
+                eventLabel: '值变化',
+                description: '文件值变化'
+            },
+            {
+                eventName: 'remove',
+                eventLabel: '移除文件',
+                description: '移除文件'
+            },
+            {
+                eventName: 'success',
+                eventLabel: '上传成功',
+                description: '上传成功'
+            },
+            {
+                eventName: 'fail',
+                eventLabel: '上传失败',
+                description: '上传失败'
+            }
+        ];
+        // 动作定义
+        _this.actions = [
+            {
+                actionType: 'clear',
+                actionLabel: '清空数据',
+                description: '清除选择的文件'
+            }
+        ];
+        _this.panelTitle = '图片上传';
+        _this.panelBodyCreator = function (context) {
+            return BaseControl.formItemControl({
+                common: {
+                    replace: true,
+                    body: [
+                        AMisCodeEditor.getSchemaTpl('switchDefaultValue'),
+                        {
+                            type: 'input-text',
+                            name: 'value',
+                            label: '默认值',
+                            visibleOn: 'typeof this.value !== "undefined"'
+                        },
+                        AMisCodeEditor.getSchemaTpl('multiple', {
+                            value: false,
+                            visibleOn: '!data.crop',
+                            description: '开启后，不能同时开启裁剪功能'
+                        }),
+                        AMisCodeEditor.getSchemaTpl('joinValues'),
+                        AMisCodeEditor.getSchemaTpl('delimiter'),
+                        AMisCodeEditor.getSchemaTpl('extractValue'),
+                        {
+                            name: 'maxSize',
+                            type: 'input-number',
+                            label: '图片最大体积',
+                            description: '超出大小不允许上传，单位字节'
+                        },
+                        {
+                            name: 'maxLength',
+                            type: 'input-number',
+                            label: '图片最大数量',
+                            visibleOn: 'data.multiple',
+                            description: '超出数量不允许上传'
+                        },
+                        AMisCodeEditor.getSchemaTpl('api', {
+                            label: '文件接收接口',
+                            name: 'receiver',
+                            description: '文件接收接口，默认不填则上传到 hiphoto',
+                            value: '/api/upload',
+                            __isUpload: true
+                        }),
+                        AMisCodeEditor.getSchemaTpl('autoFill'),
+                        {
+                            type: 'input-text',
+                            value: '.jpeg, .jpg, .png, .gif',
+                            name: 'accept',
+                            label: '图片类型',
+                            description: '请填入图片的后缀或 <code>MimeType</code>，多个类型用<code>,</code>隔开'
+                        },
+                        {
+                            type: 'input-text',
+                            name: 'defaultImage',
+                            label: '占位图片地址'
+                        },
+                        AMisCodeEditor.getSchemaTpl('switch', {
+                            name: 'fixedSize',
+                            label: '是否开启固定尺寸',
+                            value: false
+                        }),
+                        AMisCodeEditor.getSchemaTpl('switch', {
+                            name: 'hideUploadButton',
+                            label: '隐藏上传按钮',
+                            value: false
+                        }),
+                        AMisCodeEditor.getSchemaTpl('switch', {
+                            name: 'autoUpload',
+                            label: '自动上传',
+                            value: false
+                        }),
+                        AMisCodeEditor.getSchemaTpl('switch', {
+                            name: 'compress',
+                            label: '开启压缩',
+                            value: true,
+                            description: '由 hiphoto 实现，自定义接口将无效'
+                        }),
+                        {
+                            type: 'combo',
+                            name: 'compressOptions',
+                            multiLine: true,
+                            label: '压缩配置',
+                            visibleOn: 'data.compress',
+                            items: [
+                                {
+                                    type: 'input-number',
+                                    label: '最大宽度',
+                                    name: 'maxWidth'
+                                },
+                                {
+                                    type: 'input-number',
+                                    label: '最大高度',
+                                    name: 'maxHeight'
+                                }
+                            ]
+                        },
+                        AMisCodeEditor.getSchemaTpl('switch', {
+                            name: 'showCompressOptions',
+                            label: '是否显示压缩选项'
+                        }),
+                        AMisCodeEditor.getSchemaTpl('switch', {
+                            name: 'crop',
+                            label: '是否开启裁剪',
+                            visibleOn: '!data.multiple',
+                            description: '开启后，不能同时开启多选模式',
+                            pipeIn: function (value) { return !!value; }
+                        }),
+                        {
+                            name: 'crop.aspectRatio',
+                            type: 'input-text',
+                            label: '裁剪比率',
+                            visibleOn: 'data.crop',
+                            pipeOut: AMisCodeEditor.valuePipeOut
+                        },
+                        AMisCodeEditor.getSchemaTpl('switch', {
+                            name: 'crop.rotatable',
+                            label: '裁剪时是否可旋转',
+                            visibleOn: 'data.crop',
+                            pipeOut: AMisCodeEditor.valuePipeOut
+                        }),
+                        AMisCodeEditor.getSchemaTpl('switch', {
+                            name: 'crop.scalable',
+                            label: '裁剪时否可缩放',
+                            visibleOn: 'data.crop',
+                            pipeOut: AMisCodeEditor.valuePipeOut
+                        }),
+                        {
+                            name: 'crop.viewMode',
+                            type: 'select',
+                            label: '裁剪区域限制',
+                            value: 1,
+                            options: [
+                                { label: '无限制', value: 0 },
+                                { label: '绘图区域', value: 1 }
+                            ],
+                            visibleOn: 'data.crop',
+                            pipeOut: AMisCodeEditor.valuePipeOut
+                        },
+                        {
+                            type: 'fieldSet',
+                            title: '图片限制',
+                            collapsed: true,
+                            collapsable: true,
+                            className: 'fieldset',
+                            body: [
+                                {
+                                    type: 'input-number',
+                                    name: 'limit.width',
+                                    label: '限制宽度'
+                                },
+                                {
+                                    type: 'input-number',
+                                    name: 'limit.height',
+                                    label: '限制高度'
+                                },
+                                {
+                                    type: 'input-number',
+                                    name: 'limit.maxWidth',
+                                    label: '限制最大宽度'
+                                },
+                                {
+                                    type: 'input-number',
+                                    name: 'limit.maxHeight',
+                                    label: '限制最大高度'
+                                },
+                                {
+                                    type: 'input-number',
+                                    name: 'limit.minWidth',
+                                    label: '限制最小宽度'
+                                },
+                                {
+                                    type: 'input-number',
+                                    name: 'limit.minHeight',
+                                    label: '限制最小高度'
+                                },
+                                {
+                                    type: 'input-number',
+                                    name: 'limit.aspectRatio',
+                                    label: '限制宽高比率'
+                                },
+                                {
+                                    type: 'input-text',
+                                    name: 'limit.限制最小高度',
+                                    label: '宽高比描述',
+                                    description: '当宽高比没有满足条件时，此描述将作为提示信息显示'
+                                }
+                            ]
+                        }
+                    ]
+                }
+            }, context);
+        };
+        return _this;
+    }
+    return ImageControlPlugin;
+}(AMisCodeEditor.BasePlugin));
+AMisCodeEditor.registerEditorPlugin(ImageControlPlugin);
+
+exports.ImageControlPlugin = ImageControlPlugin;

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

@@ -1,4 +1,8 @@
-import { BasePlugin } from '../../plugin';
+/**
+ * @file input-kv 组件的素项目部
+ */
+import { RendererAction, RendererEvent } from 'amis-editor-comp/dist/renderers/event-action';
+import { BasePlugin } from 'amis-editor-core';
 export declare class KVControlPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
@@ -14,6 +18,8 @@ export declare class KVControlPlugin extends BasePlugin {
         name: string;
     };
     previewSchema: any;
+    events: RendererEvent[];
+    actions: RendererAction[];
     panelTitle: string;
     panelBody: ({
         type: string;

package/lib/plugin/Form/InputKV.js

@@ -0,0 +1,129 @@
+/**
+ * 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 KVControlPlugin = /** @class */ (function (_super) {
+    tslib.__extends(KVControlPlugin, _super);
+    function KVControlPlugin() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        // 关联渲染器名字
+        _this.rendererName = 'input-kv';
+        _this.$schema = '/schemas/KVControlSchema.json';
+        // 组件名称
+        _this.name = 'KV 键值对';
+        _this.isBaseComponent = true;
+        _this.icon = 'fa fa-eyedropper';
+        _this.description = '用于编辑键值对类型的数据';
+        _this.docLink = '/amis/zh-CN/components/form/input-kv';
+        _this.tags = ['表单项'];
+        _this.scaffold = {
+            type: 'input-kv',
+            label: 'KV',
+            name: 'kv'
+        };
+        _this.previewSchema = {
+            type: 'form',
+            className: 'text-left',
+            mode: 'horizontal',
+            wrapWithPanel: false,
+            body: [
+                tslib.__assign({}, _this.scaffold)
+            ]
+        };
+        // 事件定义
+        _this.events = [
+            {
+                eventName: 'add',
+                eventLabel: '添加',
+                description: '添加组合项时触发',
+                dataSchema: [
+                    {
+                        type: 'object',
+                        properties: {
+                            'event.data.value': {
+                                type: 'object',
+                                title: '当前组合项的值'
+                            }
+                        }
+                    }
+                ]
+            },
+            {
+                eventName: 'delete',
+                eventLabel: '删除',
+                description: '删除组合项时触发',
+                dataSchema: [
+                    {
+                        type: 'object',
+                        properties: {
+                            'event.data.key': {
+                                type: 'string',
+                                title: '删除项的索引'
+                            },
+                            'event.data.value': {
+                                type: 'string',
+                                title: '当前组合项的值'
+                            }
+                        }
+                    }
+                ]
+            }
+        ];
+        // 动作定义
+        _this.actions = [
+            {
+                actionType: 'clear',
+                actionLabel: '清空',
+                description: '清除选中值'
+            },
+            {
+                actionType: 'reset',
+                actionLabel: '重置',
+                description: '将值重置为resetValue，若没有配置resetValue，则清空'
+            },
+            {
+                actionType: 'setValue',
+                actionLabel: '赋值',
+                description: '触发组件数据更新'
+            }
+        ];
+        _this.panelTitle = 'KV 键值对';
+        _this.panelBody = [
+            {
+                type: 'input-text',
+                name: 'valueType',
+                label: '值类型',
+                pipeIn: AMisCodeEditor.defaultValue('input-text')
+            },
+            {
+                type: 'input-text',
+                name: 'keyPlaceholder',
+                label: 'key 的提示信息'
+            },
+            {
+                type: 'input-text',
+                name: 'valuePlaceholder',
+                label: 'value 的提示信息'
+            },
+            {
+                type: 'switch',
+                name: 'draggable',
+                label: '是否可排序',
+                pipeIn: AMisCodeEditor.defaultValue(true)
+            }
+        ];
+        return _this;
+    }
+    return KVControlPlugin;
+}(AMisCodeEditor.BasePlugin));
+AMisCodeEditor.registerEditorPlugin(KVControlPlugin);
+
+exports.KVControlPlugin = KVControlPlugin;

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

@@ -12,6 +12,7 @@ export declare class MonthControlPlugin extends DateControlPlugin {
         type: string;
         name: string;
     };
+    disabledRendererPlugin: boolean;
     previewSchema: any;
     panelTitle: string;
 }

package/lib/plugin/Form/InputMonth.js

@@ -0,0 +1,48 @@
+/**
+ * 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 MonthControlPlugin = /** @class */ (function (_super) {
+    tslib.__extends(MonthControlPlugin, _super);
+    function MonthControlPlugin() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        // 关联渲染器名字
+        _this.rendererName = 'input-month';
+        _this.$schema = '/schemas/MonthControlSchema.json';
+        // 组件名称
+        _this.name = '日期';
+        _this.isBaseComponent = true;
+        _this.icon = 'fa fa-calendar';
+        _this.description = "\u6708\u4EFD\u9009\u62E9";
+        _this.docLink = '/amis/zh-CN/components/form/input-month';
+        _this.tags = ['表单项'];
+        // @ts-ignore
+        _this.scaffold = {
+            type: 'input-month',
+            name: 'month'
+        };
+        _this.disabledRendererPlugin = true;
+        _this.previewSchema = {
+            type: 'form',
+            wrapWithPanel: false,
+            body: [
+                tslib.__assign({}, _this.scaffold)
+            ]
+        };
+        _this.panelTitle = 'Month';
+        return _this;
+    }
+    return MonthControlPlugin;
+}(InputDate.DateControlPlugin));
+AMisCodeEditor.registerEditorPlugin(MonthControlPlugin);
+
+exports.MonthControlPlugin = MonthControlPlugin;

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

@@ -1,5 +1,5 @@
-import { BasePlugin } from '../../plugin';
-export declare class DateControlPlugin extends BasePlugin {
+import { DateRangeControlPlugin } from './InputDateRange';
+export declare class MonthRangeControlPlugin extends DateRangeControlPlugin {
     rendererName: string;
     $schema: string;
     order: number;
@@ -15,6 +15,6 @@ export declare class DateControlPlugin extends BasePlugin {
         name: string;
     };
     previewSchema: any;
-    panelTitle: string;
-    panelBody: any[];
+    disabledRendererPlugin: boolean;
+    notRenderFormZone: boolean;
 }

package/lib/plugin/Form/InputMonthRange.js

@@ -0,0 +1,51 @@
+/**
+ * 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 MonthRangeControlPlugin = /** @class */ (function (_super) {
+    tslib.__extends(MonthRangeControlPlugin, _super);
+    function MonthRangeControlPlugin() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        // 关联渲染器名字
+        _this.rendererName = 'input-month-range';
+        _this.$schema = '/schemas/MonthRangeControlSchema.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-month-range';
+        _this.tags = ['表单项'];
+        _this.scaffold = {
+            type: 'input-month-range',
+            label: '日期范围',
+            name: 'month-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 MonthRangeControlPlugin;
+}(InputDateRange.DateRangeControlPlugin));
+AMisCodeEditor.registerEditorPlugin(MonthRangeControlPlugin);
+
+exports.MonthRangeControlPlugin = MonthRangeControlPlugin;

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

@@ -1,4 +1,5 @@
-import { BasePlugin } from '../../plugin';
+import { RendererAction, RendererEvent } from 'amis-editor-comp/dist/renderers/event-action';
+import { BasePlugin, BaseEventContext } from 'amis-editor-core';
 export declare class NumberControlPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
@@ -15,6 +16,10 @@ export declare class NumberControlPlugin extends BasePlugin {
         name: string;
     };
     previewSchema: any;
+    notRenderFormZone: boolean;
     panelTitle: string;
-    panelBody: any[];
+    panelJustify: boolean;
+    events: RendererEvent[];
+    actions: RendererAction[];
+    panelBodyCreator: (context: BaseEventContext) => any;
 }