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

package/lib/tpl/horizontal.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/tpl/horizontal.js

@@ -0,0 +1,260 @@
+/**
+ * amis-editor v5.2.0-beta.0
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+var AMisCodeEditor = require('amis-editor-core');
+var BaseControl = require('../component/BaseControl.js');
+
+AMisCodeEditor.setSchemaTpl('horizontal-align', {
+    type: 'button-group-select',
+    label: '位置',
+    options: [
+        {
+            label: '左边',
+            value: 'left',
+            icon: 'fa fa-align-left'
+        },
+        {
+            label: '右边',
+            value: 'right',
+            icon: 'fa fa-align-right'
+        }
+    ]
+});
+AMisCodeEditor.setSchemaTpl('leftFixed', {
+    name: 'horizontal.leftFixed',
+    type: 'button-group-select',
+    visibleOn: 'data.horizontal && data.horizontal.leftFixed',
+    label: '宽度',
+    options: [
+        {
+            label: '小',
+            value: 'sm'
+        },
+        {
+            label: '中',
+            value: 'normal'
+        },
+        {
+            label: '大',
+            value: 'lg'
+        }
+    ]
+});
+AMisCodeEditor.setSchemaTpl('leftRate', {
+    name: 'horizontal',
+    type: 'input-range',
+    visibleOn: 'data.horizontal && !data.horizontal.leftFixed',
+    min: 1,
+    max: 11,
+    step: 1,
+    label: BaseControl.tipedLabel('比例', '12 等份，标题宽度占比 n/12'),
+    pipeIn: function (v) {
+        return v.left || 3;
+    },
+    pipeOut: function (v) {
+        return { left: v, right: 12 - v };
+    }
+});
+AMisCodeEditor.setSchemaTpl('horizontal', function () {
+    return [
+        {
+            type: 'button-group-select',
+            label: '标题宽度',
+            name: 'horizontal',
+            options: [
+                { label: '继承', value: 'formHorizontal' },
+                { label: '固宽', value: 'leftFixed' },
+                { label: '比例', value: 'leftRate' }
+            ],
+            pipeIn: function (v) {
+                if (!v) {
+                    return 'formHorizontal';
+                }
+                if (v.leftFixed) {
+                    return 'leftFixed';
+                }
+                return 'leftRate';
+            },
+            pipeOut: function (v) {
+                var defaultData = {
+                    formHorizontal: undefined,
+                    leftFixed: { leftFixed: 'normal' },
+                    leftRate: { left: 3, right: 9 }
+                };
+                // @ts-ignore
+                return defaultData[v];
+            },
+            visibleOn: 'this.mode == "horizontal" && this.label !== false'
+        },
+        {
+            type: 'container',
+            className: 'ae-ExtendMore mb-3',
+            visibleOn: 'this.mode == "horizontal" && this.horizontal && this.label !== false',
+            body: [AMisCodeEditor.getSchemaTpl('leftFixed'), AMisCodeEditor.getSchemaTpl('leftRate')]
+        }
+    ];
+});
+AMisCodeEditor.setSchemaTpl('subFormItemMode', {
+    label: '子表单展示模式',
+    name: 'subFormMode',
+    type: 'button-group-select',
+    size: 'sm',
+    option: '继承',
+    // mode: 'inline',
+    // className: 'w-full',
+    pipeIn: AMisCodeEditor.defaultValue(''),
+    options: [
+        {
+            label: '继承',
+            value: ''
+        },
+        {
+            label: '正常',
+            value: 'normal'
+        },
+        {
+            label: '内联',
+            value: 'inline'
+        },
+        {
+            label: '水平',
+            value: 'horizontal'
+        }
+    ]
+});
+AMisCodeEditor.setSchemaTpl('subFormHorizontalMode', {
+    type: 'switch',
+    label: '子表单水平占比设置',
+    name: 'subFormHorizontal',
+    onText: '继承',
+    offText: '自定义',
+    inputClassName: 'text-sm',
+    visibleOn: 'this.subFormMode == "horizontal"',
+    pipeIn: function (value) { return !value; },
+    pipeOut: function (value, originValue, data) {
+        return value
+            ? null
+            : data.formHorizontal || {
+                leftFixed: 'normal'
+            };
+    }
+});
+AMisCodeEditor.setSchemaTpl('subFormItemMode', {
+    label: '子表单展示模式',
+    name: 'subFormMode',
+    type: 'button-group-select',
+    size: 'sm',
+    option: '继承',
+    // mode: 'inline',
+    // className: 'w-full',
+    pipeIn: AMisCodeEditor.defaultValue(''),
+    options: [
+        {
+            label: '继承',
+            value: ''
+        },
+        {
+            label: '正常',
+            value: 'normal'
+        },
+        {
+            label: '内联',
+            value: 'inline'
+        },
+        {
+            label: '水平',
+            value: 'horizontal'
+        }
+    ]
+});
+AMisCodeEditor.setSchemaTpl('subFormHorizontalMode', {
+    type: 'switch',
+    label: '子表单水平占比设置',
+    name: 'subFormHorizontal',
+    onText: '继承',
+    offText: '自定义',
+    inputClassName: 'text-sm',
+    visibleOn: 'this.subFormMode == "horizontal"',
+    pipeIn: function (value) { return !value; },
+    pipeOut: function (value, originValue, data) {
+        return value
+            ? null
+            : data.formHorizontal || {
+                leftFixed: 'normal'
+            };
+    }
+});
+AMisCodeEditor.setSchemaTpl('subFormHorizontal', {
+    type: 'combo',
+    syncDefaultValue: false,
+    visibleOn: 'data.subFormMode == "horizontal" && data.subFormHorizontal',
+    name: 'subFormHorizontal',
+    multiLine: true,
+    pipeIn: function (value) {
+        return {
+            leftRate: value && typeof value.left === 'number'
+                ? value.left
+                : value && /\bcol\-(?:xs|sm|md|lg)\-(\d+)\b/.test(value.left)
+                    ? parseInt(RegExp.$1, 10)
+                    : 2,
+            leftFixed: (value && value.leftFixed) || ''
+        };
+    },
+    pipeOut: function (value) {
+        var left = Math.min(11, Math.max(1, value.leftRate || 2));
+        return {
+            leftFixed: value.leftFixed || '',
+            left: left,
+            right: 12 - left
+        };
+    },
+    inputClassName: 'no-padder',
+    items: [
+        {
+            name: 'leftFixed',
+            type: 'button-group-select',
+            label: '左侧宽度',
+            size: 'xs',
+            options: [
+                {
+                    label: '比率',
+                    value: ''
+                },
+                {
+                    label: '小宽度',
+                    value: 'sm',
+                    visibleOn: 'this.leftFixed'
+                },
+                {
+                    label: '固定宽度',
+                    value: 'normal'
+                },
+                {
+                    label: '大宽度',
+                    value: 'lg',
+                    visibleOn: 'this.leftFixed'
+                }
+            ]
+        },
+        {
+            name: 'leftRate',
+            type: 'input-range',
+            visibleOn: '!this.leftFixed',
+            min: 1,
+            max: 11,
+            step: 1,
+            label: '左右分布调整(n/12)',
+            labelRemark: {
+                trigger: 'click',
+                className: 'm-l-xs',
+                rootClose: true,
+                content: '一共 12 等份，这里可以设置左侧宽度占比 n/12。',
+                placement: 'left'
+            }
+        }
+    ]
+});

package/lib/tpl/index.d.ts

@@ -0,0 +1,7 @@
+import './common';
+import './horizontal';
+import './api';
+import './options';
+import './validations';
+import './style';
+export * from './style';

package/lib/tpl/options.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/tpl/options.js

@@ -0,0 +1,265 @@
+/**
+ * amis-editor v5.2.0-beta.0
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+var tslib = require('tslib');
+var AMisCodeEditor = require('amis-editor-core');
+var BaseControl = require('../component/BaseControl.js');
+
+AMisCodeEditor.setSchemaTpl('options', {
+    label: '选项 Options',
+    name: 'options',
+    type: 'combo',
+    multiple: true,
+    draggable: true,
+    addButtonText: '新增选项',
+    scaffold: {
+        label: '',
+        value: ''
+    },
+    items: [
+        {
+            type: 'input-text',
+            name: 'label',
+            placeholder: '名称',
+            required: true
+        },
+        {
+            type: 'select',
+            name: 'value',
+            pipeIn: function (value) {
+                if (typeof value === 'string') {
+                    return 'text';
+                }
+                if (typeof value === 'boolean') {
+                    return 'boolean';
+                }
+                if (typeof value === 'number') {
+                    return 'number';
+                }
+                return 'text';
+            },
+            pipeOut: function (value, oldValue) {
+                if (value === 'text') {
+                    return String(oldValue);
+                }
+                if (value === 'number') {
+                    var convertTo = Number(oldValue);
+                    if (isNaN(convertTo)) {
+                        return 0;
+                    }
+                    return convertTo;
+                }
+                if (value === 'boolean') {
+                    return Boolean(oldValue);
+                }
+                return '';
+            },
+            options: [
+                { label: '文本', value: 'text' },
+                { label: '数字', value: 'number' },
+                { label: '布尔', value: 'boolean' }
+            ]
+        },
+        {
+            type: 'input-number',
+            name: 'value',
+            placeholder: '值',
+            visibleOn: 'typeof data.value === "number"',
+            unique: true
+        },
+        {
+            type: 'switch',
+            name: 'value',
+            placeholder: '值',
+            visibleOn: 'typeof data.value === "boolean"',
+            unique: true
+        },
+        {
+            type: 'input-text',
+            name: 'value',
+            placeholder: '值',
+            visibleOn: 'typeof data.value === "undefined" || typeof data.value === "string"',
+            unique: true
+        }
+    ]
+});
+AMisCodeEditor.setSchemaTpl('tree', {
+    label: '选项 Options',
+    name: 'options',
+    type: 'combo',
+    multiple: true,
+    draggable: true,
+    addButtonText: '新增选项',
+    description: '静态数据暂不支持多级，请切换到代码模式，或者采用 source 接口获取。',
+    scaffold: {
+        label: '',
+        value: ''
+    },
+    items: [
+        {
+            type: 'input-text',
+            name: 'label',
+            placeholder: '名称',
+            required: true
+        },
+        {
+            type: 'input-text',
+            name: 'value',
+            placeholder: '值',
+            unique: true
+        }
+    ]
+});
+AMisCodeEditor.setSchemaTpl('multiple', function (schema) {
+    if (schema === void 0) { schema = {}; }
+    return {
+        type: 'ae-Switch-More',
+        mode: 'normal',
+        name: 'multiple',
+        label: '可多选',
+        value: false,
+        hiddenOnDefault: true,
+        formType: 'extend',
+        form: {
+            body: schema.replace
+                ? schema.body
+                : tslib.__spreadArray([
+                    AMisCodeEditor.getSchemaTpl('joinValues'),
+                    AMisCodeEditor.getSchemaTpl('delimiter'),
+                    AMisCodeEditor.getSchemaTpl('extractValue')
+                ], [schema.body || []], false)
+        }
+    };
+});
+AMisCodeEditor.setSchemaTpl('checkAll', function () {
+    return [
+        AMisCodeEditor.getSchemaTpl('switch', {
+            label: '可全选',
+            name: 'checkAll',
+            value: false,
+            visibleOn: 'data.multiple'
+        }),
+        {
+            type: 'container',
+            className: 'ae-ExtendMore mb-2',
+            visibleOn: 'data.checkAll && data.multiple',
+            body: [
+                AMisCodeEditor.getSchemaTpl('switch', {
+                    label: '默认全选',
+                    name: 'defaultCheckAll',
+                    value: false
+                }),
+                {
+                    type: 'input-text',
+                    name: 'checkAllLabel',
+                    label: '选项文案',
+                    value: '全选',
+                    mode: 'row'
+                }
+            ]
+        }
+    ];
+});
+AMisCodeEditor.setSchemaTpl('joinValues', function () {
+    return AMisCodeEditor.getSchemaTpl('switch', {
+        label: BaseControl.tipedLabel('拼接值', '开启后将选中的选项 value 的值用连接符拼接起来，作为当前表单项的值'),
+        name: 'joinValues',
+        visibleOn: 'data.multiple',
+        value: true
+    });
+});
+AMisCodeEditor.setSchemaTpl('delimiter', {
+    type: 'input-text',
+    name: 'delimiter',
+    label: BaseControl.tipedLabel('拼接符', '将多个值拼接成一个字符串的连接符号'),
+    visibleOn: 'data.multiple && data.joinValues',
+    pipeIn: AMisCodeEditor.defaultValue(',')
+});
+AMisCodeEditor.setSchemaTpl('extractValue', {
+    type: 'switch',
+    label: BaseControl.tipedLabel('仅提取值', '开启后将选中项的 value 封装为数组，关闭后则将整个选项数据封装为数组。'),
+    name: 'extractValue',
+    inputClassName: 'is-inline',
+    visibleOn: 'data.multiple && data.joinValues === false',
+    pipeIn: AMisCodeEditor.defaultValue(false)
+});
+AMisCodeEditor.setSchemaTpl('creatable', function (schema) {
+    if (schema === void 0) { schema = {}; }
+    return tslib.__assign({ label: BaseControl.tipedLabel('可创建', '配置事件动作可插入或拦截默认交互'), type: 'ae-switch-more', mode: 'normal', name: 'creatable' }, schema);
+});
+AMisCodeEditor.setSchemaTpl('addApi', function () {
+    return AMisCodeEditor.getSchemaTpl('apiControl', {
+        label: '新增接口',
+        name: 'addApi',
+        visibleOn: 'data.creatable'
+    });
+});
+AMisCodeEditor.setSchemaTpl('createBtnLabel', {
+    label: '按钮名称',
+    name: 'createBtnLabel',
+    type: 'input-text',
+    placeholder: '新建'
+});
+AMisCodeEditor.setSchemaTpl('editable', function (schema) {
+    if (schema === void 0) { schema = {}; }
+    return tslib.__assign({ label: BaseControl.tipedLabel('可编辑', '配置事件动作可插入或拦截默认交互'), type: 'ae-switch-more', mode: 'normal', name: 'editable' }, schema);
+});
+AMisCodeEditor.setSchemaTpl('editApi', function () {
+    return AMisCodeEditor.getSchemaTpl('apiControl', {
+        label: '编辑接口',
+        name: 'editApi',
+        visibleOn: 'data.editable'
+    });
+});
+AMisCodeEditor.setSchemaTpl('removable', function (schema) {
+    if (schema === void 0) { schema = {}; }
+    return tslib.__assign({ label: BaseControl.tipedLabel('可删除', '配置事件动作可插入或拦截默认交互'), type: 'ae-switch-more', mode: 'normal', name: 'removable' }, schema);
+});
+AMisCodeEditor.setSchemaTpl('deleteApi', function () {
+    return AMisCodeEditor.getSchemaTpl('apiControl', {
+        label: '删除接口',
+        name: 'deleteApi',
+        visibleOn: 'data.removable'
+    });
+});
+AMisCodeEditor.setSchemaTpl('ref', function () {
+    // {
+    //   type: 'input-text',
+    //   name: '$ref',
+    //   label: '选择定义',
+    //   labelRemark: '输入已经在page中设定好的定义'
+    // }
+    return null;
+});
+AMisCodeEditor.setSchemaTpl('selectFirst', {
+    type: 'switch',
+    label: '是否默认选择第一个',
+    name: 'selectFirst'
+});
+AMisCodeEditor.setSchemaTpl('hideNodePathLabel', {
+    type: 'switch',
+    label: BaseControl.tipedLabel('隐藏路径', '隐藏选中节点的祖先节点文本信息'),
+    name: 'hideNodePathLabel',
+    inputClassName: 'is-inline'
+});
+AMisCodeEditor.setSchemaTpl('optionControl', {
+    label: '数据',
+    mode: 'normal',
+    name: 'options',
+    type: 'ae-optionControl'
+});
+/**
+ * 新版选项控件: 不带设置默认值功能
+ * 备注: 表单项组件默认值支持公式需要
+ */
+AMisCodeEditor.setSchemaTpl('optionControlV2', {
+    label: '数据',
+    mode: 'normal',
+    name: 'options',
+    type: 'ae-optionControl',
+    closeDefaultCheck: true // 关闭默认值设置
+});

package/{dist/component/schemaTpl.d.ts → lib/tpl/style.d.ts}

@@ -13,7 +13,3 @@ export declare const styleTpl: {
         body: any[];
     }[];
 };
-export declare function getSchemaTpl(name: string, patch?: object): any;
-export declare function setSchemaTpl(name: string, value: any): void;
-export declare function valuePipeOut(value: any): any;
-export declare function defaultValue(defaultValue: any, strictMode?: boolean): (value: any) => any;