vap1 0.1.4 → 0.1.6

package/uform/panel/Propreties/Component/LinkSyncFunction.js

@@ -0,0 +1,149 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkSyncFunction = void 0;
+const react_1 = __importStar(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const dayjs_1 = __importDefault(require("dayjs"));
+const index_1 = require("../../../../index");
+const CodeTip = () => react_1.default.createElement(index_1.Popover, { overlayStyle: { width: 540 }, content: react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("h5", null, "\u793A\u4F8B\u4EE3\u78011\uFF0C\u6570\u5B57\u7C7B\u578B"),
+        react_1.default.createElement("pre", { style: { border: '1px solid #ccc', padding: '6px 12px 2px', backgroundColor: '#f1e8af' }, dangerouslySetInnerHTML: {
+                __html: `//示例1: 只联动值
+// 打印值，用于调试，不影响结果
+console.log(value); 
+// 支持 lodash: 变量名 : _
+_.map([1,2,3,4],console.log);
+// 打印结果
+print(value > 10  && value <= 100); 
+//说明：必须使用 print(true/false) 打印出结果`
+            } }),
+        react_1.default.createElement("h5", null, "\u793A\u4F8B\u4EE3\u78012\uFF0C\u5B57\u7B26\u4E32\u7C7B\u578B"),
+        react_1.default.createElement("pre", { style: { border: '1px solid #ccc', padding: '6px 12px 2px', backgroundColor: '#f1e8af' }, dangerouslySetInnerHTML: {
+                __html: `//示例2: 联动值，选项，显示状态，置灰状态，必选状态
+// 说明：不能使用 return 语句，使用 if/else 控制
+if( value=='' || value==null ){
+    print(false)
+}else if(value.length < 8){
+    print(false);
+}else if(_.endsWith(value,'.jpg')){
+    print(true);
+}else if(/xxoo/.test(value)){
+    print(true);
+}else if(value.substring(3).indexOf('abc')){
+    print(true)
+}else{
+    print(false)
+}`
+            } })) },
+    react_1.default.createElement("a", null, "\u53C2\u8003\u793A\u4F8B"));
+const LinkSyncFunction = props => {
+    const targetOptions = (0, react_1.useMemo)(() => {
+        let options = [];
+        const used = new Set();
+        used.add(props.field.field);
+        (props.field._links || []).map(item => used.add(item.field));
+        if (props.isGroup) {
+            props.fields.map((group) => group.fields.map(f => {
+                if (used.has(f.field))
+                    return;
+                options.push({ label: react_1.default.createElement("span", null,
+                        f.title,
+                        " ",
+                        react_1.default.createElement("small", null,
+                            "(",
+                            f.field,
+                            ")")), value: f.field });
+            }));
+        }
+        else {
+            props.fields.map(f => {
+                if (used.has(f.field))
+                    return;
+                options.push({ label: react_1.default.createElement("span", null,
+                        f.title,
+                        " ",
+                        react_1.default.createElement("small", null,
+                            "(",
+                            f.field,
+                            ")")), value: f.field });
+            });
+        }
+        return options;
+    }, [props.field._links, props.fields]);
+    return react_1.default.createElement(index_1.UFormModal, { tip: react_1.default.createElement(index_1.Alert, { type: "info", message: react_1.default.createElement("ul", { style: { padding: 0, margin: 0 } },
+                react_1.default.createElement("li", { style: { listStyle: 'none' } },
+                    "\u8054\u52A8\u65B9\u6CD5\u8BF4\u660E\uFF1A",
+                    react_1.default.createElement(CodeTip, null)),
+                react_1.default.createElement("li", { style: { listStyle: 'none' } },
+                    "\u8054\u52A8\u503C\u4E3A\u53D8\u91CF ",
+                    react_1.default.createElement("b", null, "value")),
+                react_1.default.createElement("li", { style: { listStyle: 'none' } },
+                    "\u8054\u52A8\u8868\u5355\u53D8\u91CF ",
+                    react_1.default.createElement("b", null, "from")),
+                react_1.default.createElement("li", { style: { listStyle: 'none' } },
+                    "\u65B9\u6CD5\u6269\u5C55\u4F9D\u8D56 \uFF1Alodash : ",
+                    react_1.default.createElement("b", null, "_"),
+                    " , dayjs:",
+                    react_1.default.createElement("b", null, "dayjs")),
+                react_1.default.createElement("li", { style: { listStyle: 'none' } },
+                    "\u65B9\u6CD5\u8FD4\u56DE\u6253\u5370 \uFF1A",
+                    react_1.default.createElement("b", null, "print"))) }), title: props.isEdit ? '编辑联动方法' : '添加联动方法', fields: [
+            { field: 'field', title: '被联动字段', required: true, options: targetOptions, type: 'select' },
+            { field: 'code', title: '联动代码', required: true, type: 'textarea', ignore: true, config: { rows: 8 } },
+        ], data: props.data, isEdit: props.isEdit, open: props.open, onCancel: props.onCancel, onOk: data => {
+            const fn = `<%  
+${data.code}
+%>`;
+            try {
+                var compiled = lodash_1.default.template(fn, { imports: { _: lodash_1.default, dayjs: dayjs_1.default } });
+                let result = compiled({ value: '199', form: {}, extra: null });
+                if (typeof result != 'string')
+                    throw (new Error());
+                if (result === '')
+                    throw (new Error('没有检测到返回值'));
+                try {
+                    const test = JSON.parse(result);
+                    if (lodash_1.default.isPlainObject(test)) {
+                        index_1.message.success('测试结果 为返回对象： ' + result);
+                    }
+                    else {
+                        throw (new Error());
+                    }
+                }
+                catch (e) {
+                    index_1.message.success('测试结果 为单返回值： ' + result);
+                }
+                props.onOk(data);
+            }
+            catch (e) {
+                index_1.message.error('代码测试失败');
+            }
+        } });
+};
+exports.LinkSyncFunction = LinkSyncFunction;

package/uform/panel/Propreties/Component/Links.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { ItemPanelProps } from '../_util';
+export declare const Links: (props: ItemPanelProps) => React.JSX.Element;

package/uform/panel/Propreties/Component/Links.js

@@ -0,0 +1,114 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Links = void 0;
+const react_1 = __importStar(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const index_1 = require("../../../../index");
+const hooks_1 = require("../../../../hooks");
+const useEditor_1 = require("../../../hooks/useEditor");
+const utils_1 = require("../../../../utils");
+const LinkSyncFunction_1 = require("./LinkSyncFunction");
+const LinkAsyncFunction_1 = require("./LinkAsyncFunction");
+const callRender = (rule) => {
+    if (rule.async) {
+        return react_1.default.createElement("span", null,
+            react_1.default.createElement(index_1.Tag, { color: "cyan-inverse" }, "\u8BF7\u6C42"),
+            " ",
+            rule.method,
+            " ",
+            rule.url);
+    }
+    return react_1.default.createElement("span", null,
+        react_1.default.createElement(index_1.Tag, { color: "magenta-inverse" }, "\u65B9\u6CD5"));
+};
+const Links = (props) => {
+    const { form: { fields, isGroup } } = (0, useEditor_1.useEditor)();
+    const fieldsCount = (0, react_1.useMemo)(() => {
+        if (fields == null || fields.length == 0)
+            return 0;
+        if (!isGroup)
+            return fields.length;
+        return lodash_1.default.sum(fields.map(group => group.fields.length));
+    }, [fields]);
+    const { field, setFieldProperties } = props;
+    const syncFn = (0, hooks_1.useOpenState)();
+    const asyncFn = (0, hooks_1.useOpenState)();
+    const addLink = (0, react_1.useCallback)((data) => setFieldProperties('_links', utils_1.ArrayUtil.add(field._links, data)), [field._links]);
+    const editLink = (0, react_1.useCallback)((data) => setFieldProperties('_links', utils_1.ArrayUtil.update(field._links, data)), [field._links]);
+    const delLink = (0, react_1.useCallback)((data) => setFieldProperties('_links', utils_1.ArrayUtil.del(field._links, data.id)), [field._links]);
+    return react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(index_1.STable, { list: field._links || [], actionBar: [
+                {
+                    label: '异步联动', icon: 'plus', onClick: () => {
+                        if (fieldsCount <= 1) {
+                            index_1.message.warning('没有可以被联动的字段');
+                            return;
+                        }
+                        asyncFn.show(null, false);
+                    }
+                },
+                {
+                    label: '同步联动', type: 'primary', icon: 'plus', onClick: () => {
+                        if (fieldsCount <= 1) {
+                            index_1.message.warning('没有可以被联动的字段');
+                            return;
+                        }
+                        syncFn.show(null, false);
+                    }
+                },
+            ], showIndex: false, pagination: false, columns: [
+                { title: '目标字段', dataIndex: 'field' },
+                { title: '方法', render: callRender },
+                index_1.STable.COL_OPERACTION((record) => [
+                    react_1.default.createElement(index_1.STable.EDIT, { onClick: () => {
+                            record.async ? asyncFn.show(record, true) : syncFn.show(record, true);
+                        } }),
+                    react_1.default.createElement(index_1.STable.DELETE, { onClick: () => delLink(record) }),
+                ])
+            ] }),
+        react_1.default.createElement(LinkSyncFunction_1.LinkSyncFunction, { open: syncFn.open, onCancel: syncFn.hide, isEdit: syncFn.extra, field: field, fields: fields, isGroup: isGroup, data: syncFn.data, onOk: (data) => {
+                syncFn.hide();
+                if (syncFn.extra) {
+                    editLink(data);
+                }
+                else {
+                    addLink(Object.assign(Object.assign({}, data), { async: false, id: utils_1.StringUtil.genKey() }));
+                }
+            } }),
+        react_1.default.createElement(LinkAsyncFunction_1.LinkAsyncFunction, { open: asyncFn.open, onCancel: asyncFn.hide, isEdit: asyncFn.extra, field: field, fields: fields, isGroup: isGroup, data: asyncFn.data, onOk: (data) => {
+                asyncFn.hide();
+                if (asyncFn.extra) {
+                    editLink(data);
+                }
+                else {
+                    addLink(Object.assign(Object.assign({}, data), { async: true, id: utils_1.StringUtil.genKey() }));
+                }
+            } }));
+};
+exports.Links = Links;

package/uform/panel/Propreties/Component/OptionTable.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { ItemPanelProps } from '../_util';
+export declare const OptionTable: (props: ItemPanelProps) => React.JSX.Element;

package/uform/panel/Propreties/Component/OptionTable.js

@@ -0,0 +1,144 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OptionTable = void 0;
+const react_1 = __importDefault(require("react"));
+const utils_1 = require("../../../../utils");
+const index_1 = require("../../../../index");
+const hooks_1 = require("../../../../hooks");
+const Const_1 = require("../../../utils/Const");
+const OptionTable = (props) => {
+    const { field, setFieldProperties } = props;
+    const { modalState, showAdd, showEdit, hide, showDetail } = (0, hooks_1.useModals)();
+    const converInputType = (_isNumber, force = false) => {
+        if (field.options == null || field.options.length == 0) {
+            setFieldProperties('_isNumber', _isNumber);
+            return;
+        }
+        if (!_isNumber) {
+            setFieldProperties({
+                _isNumber,
+                options: field.options.map(item => (Object.assign(Object.assign({}, item), { value: item.value + '' }))),
+            }, null);
+            return;
+        }
+        let options = [];
+        for (let option of field.options) {
+            try {
+                if (isNaN(option.value))
+                    throw (option);
+                options.push(Object.assign(Object.assign({}, option), { value: parseInt(option.value) }));
+            }
+            catch (option) {
+                if (force)
+                    continue;
+                index_1.Modal.confirm({
+                    content: '选项中有不能转换为数字类型的选项，点击确定后将会丢失',
+                    onOk: () => converInputType(_isNumber, true),
+                });
+                return;
+            }
+        }
+        setFieldProperties({ _isNumber, options, }, null);
+    };
+    const add = (option) => {
+        if (field._isNumber && isNaN(option.value)) {
+            index_1.message.error('说明：取值不是一有效的数字');
+            return;
+        }
+        hide();
+        if (field._isNumber) {
+            setFieldProperties('options', utils_1.ArrayUtil.add(field.options, Object.assign(Object.assign({}, option), { id: utils_1.StringUtil.genKey(), value: parseInt(option.value) })));
+        }
+        else {
+            setFieldProperties('options', utils_1.ArrayUtil.add(field.options, Object.assign(Object.assign({}, option), { id: utils_1.StringUtil.genKey(), value: option.value + '' })));
+        }
+    };
+    const addByDict = (options) => {
+        hide();
+        if (!field._isNumber) {
+            setFieldProperties('options', options);
+            return;
+        }
+        let errCount = 0;
+        let opts = [];
+        for (let item of options) {
+            if (isNaN(item.value)) {
+                errCount++;
+                continue;
+            }
+            opts.push(Object.assign(Object.assign({}, item), { value: parseInt(item.value) }));
+        }
+        if (errCount > 0) {
+            index_1.message.warning('说明：由于当前值为数字类型，已经过滤掉不可转换为数字的选项');
+        }
+        setFieldProperties('options', opts);
+    };
+    const update = (option) => {
+        if (field._isNumber && isNaN(option.value)) {
+            index_1.message.error('说明：取值不是一有效的数字');
+            return;
+        }
+        hide();
+        if (field._isNumber) {
+            setFieldProperties('options', utils_1.ArrayUtil.update(field.options, Object.assign(Object.assign({}, option), { value: parseInt(option.value) })));
+        }
+        else {
+            setFieldProperties('options', utils_1.ArrayUtil.update(field.options, Object.assign(Object.assign({}, option), { value: option.value + '' })));
+        }
+    };
+    const del = (option) => {
+        setFieldProperties('options', utils_1.ArrayUtil.del(field.options, option.value, 'value'));
+    };
+    return react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(index_1.Divider, { orientation: "left" }, "\u9009\u9879"),
+        !Const_1.MUST_STRING.has(field.type) && react_1.default.createElement(index_1.Form.Item, { label: "\u6570\u5B57" },
+            react_1.default.createElement(index_1.Checkbox, { checked: field._isNumber, onChange: (evt) => converInputType(evt.target.checked) }, "\u5C06\u9009\u9879\u503C\u8F6C\u6362\u4E3A Number \u7C7B\u578B")),
+        field.type == 'switch' ? react_1.default.createElement(index_1.STable, { list: field.options || [], pagination: false, columns: [
+                { dataIndex: 'label', title: '选项名称' },
+                { dataIndex: 'value', title: '选项值' },
+                index_1.STable.COL_OPERACTION(record => [
+                    react_1.default.createElement(index_1.STable.EDIT, { onClick: () => showEdit(record) }),
+                ])
+            ] }) : react_1.default.createElement(index_1.STable, { list: field.options || [], pagination: false, actionBar: [
+                { label: '使用字典', onClick: showDetail },
+                index_1.STable.BUTTON_ADD(showAdd),
+            ], columns: [
+                { dataIndex: 'label', title: '选项名称' },
+                { dataIndex: 'value', title: '选项值' },
+                index_1.STable.COL_OPERACTION(record => [
+                    react_1.default.createElement(index_1.STable.EDIT, { onClick: () => showEdit(record) }),
+                    react_1.default.createElement(index_1.STable.DELETE, { onClick: () => del(record) }),
+                ])
+            ] }),
+        react_1.default.createElement(index_1.UFormModal, Object.assign({}, modalState.modalProps, { autoTitle: { label: '选项', field: 'label' }, onOk: (data) => {
+                if (modalState.isEdit) {
+                    update(data);
+                }
+                else {
+                    add(data);
+                }
+            }, fields: [
+                { field: 'label', title: '展示名称', required: true },
+                {
+                    field: 'value', title: '选项值', required: true,
+                    // type: field._isNumber ? 'number' : 'text'
+                },
+                { field: 'ik', title: '国际化 I18N Key' },
+            ] })),
+        react_1.default.createElement(index_1.UFormModal, { open: modalState.openDetail, title: "\u4F7F\u7528\u5B57\u5178", 
+            // tip={<Alert type="info" message="使用" />}
+            fields: [
+                {
+                    field: 'dict', title: '选择字典', type: 'select', options: utils_1.Renders.DICT.DICTS, required: true,
+                    // config: { showSearch: true }
+                }
+            ], onCancel: hide, onOk: (data) => {
+                let info = utils_1.Renders.DICT.DICT_MAP.get(data.dict);
+                hide();
+                addByDict(info.nodes);
+            } }));
+};
+exports.OptionTable = OptionTable;

package/uform/panel/Propreties/Component/RegexpModal.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { ModalProps } from '../../../../index';
+export declare const RegexpModal: React.FC<ModalProps & {
+    data: string;
+}>;

package/uform/panel/Propreties/Component/RegexpModal.js

@@ -0,0 +1,74 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RegexpModal = void 0;
+const react_1 = __importStar(require("react"));
+const index_1 = require("../../../../index");
+exports.RegexpModal = (0, react_1.memo)(props => {
+    const ref = (0, react_1.useRef)(props.data);
+    const onOk = () => {
+        if (ref.current == '') {
+            props.onOk(null);
+            return;
+        }
+        try {
+            new RegExp(ref.current);
+            props.onOk(ref.current);
+        }
+        catch (_a) {
+            index_1.message.error(`不是一个有效的正则 ：${ref.current}`);
+        }
+    };
+    return react_1.default.createElement(index_1.Modal, { open: props.open, title: "\u8BF7\u8F93\u5165\u6B63\u5219\u8868\u8FBE\u5F0F", onCancel: props.onCancel, onOk: onOk, footer: null, width: 540, bodyStyle: { padding: 12 } },
+        react_1.default.createElement(index_1.Row, { style: { height: 32, lineHeight: '32px', marginBottom: 6 } },
+            react_1.default.createElement(index_1.Col, { span: 6, style: { textAlign: 'right', paddingRight: 6 } }, "\u6B63\u5219\u8868\u8FBE\u5F0F"),
+            react_1.default.createElement(index_1.Col, { span: 17 },
+                react_1.default.createElement(index_1.Input, { defaultValue: props.data, onChange: evt => ref.current = evt.target.value }))),
+        react_1.default.createElement(index_1.Row, { style: { height: 64, lineHeight: '32px', marginBottom: 6 } },
+            react_1.default.createElement(index_1.Col, { span: 6, style: { textAlign: 'right', paddingRight: 6 } }, "\u5FEB\u901F\u6D4B\u8BD5"),
+            react_1.default.createElement(index_1.Col, { span: 17 },
+                react_1.default.createElement(index_1.Input.TextArea, { placeholder: "\u9700\u8981\u6D4B\u8BD5\u7684\u5B57\u7B26\u4E32", onChange: evt => {
+                        if (evt.target.value == '' || ref.current == '' || ref.current == null)
+                            return;
+                        try {
+                            const reg = new RegExp(ref.current);
+                            let result = reg.test(evt.target.value);
+                            if (result) {
+                                index_1.message.success('测试通过');
+                            }
+                            else {
+                                index_1.message.warning('测试未通过');
+                            }
+                        }
+                        catch (_a) {
+                            index_1.message.error('正则表达式语法有误');
+                        }
+                    } }))),
+        react_1.default.createElement(index_1.Row, null,
+            react_1.default.createElement(index_1.Col, { span: 6 }),
+            react_1.default.createElement(index_1.Col, { span: 18 },
+                react_1.default.createElement(index_1.Button, { onClick: onOk, type: "primary", style: { marginRight: 6 } }, "\u786E\u5B9A"),
+                react_1.default.createElement(index_1.Button, { onClick: props.onCancel }, "\u53D6\u6D88"))));
+}, (prev, next) => prev.open === next.open);

package/uform/panel/Propreties/Component/Validate.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { ItemPanelProps } from '../_util';
+export declare const Validates: (props: ItemPanelProps) => React.JSX.Element;

package/uform/panel/Propreties/Component/Validate.js

@@ -0,0 +1,93 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Validates = void 0;
+const react_1 = __importStar(require("react"));
+const index_1 = require("../../../../index");
+const hooks_1 = require("../../../../hooks");
+const utils_1 = require("../../../../utils");
+const ValidateSyncFunction_1 = require("./ValidateSyncFunction");
+const ValidateAsyncFunction_1 = require("./ValidateAsyncFunction");
+const ruleRender = (rule) => {
+    if (rule.async) {
+        return react_1.default.createElement("span", null,
+            react_1.default.createElement(index_1.Tag, { color: "cyan-inverse" }, "\u8BF7\u6C42"),
+            " ",
+            rule.method,
+            " ",
+            rule.url);
+    }
+    return react_1.default.createElement("span", null,
+        react_1.default.createElement(index_1.Tag, { color: "magenta-inverse" }, "\u65B9\u6CD5"),
+        " ",
+        rule.message);
+};
+const Validates = (props) => {
+    const { field, setFieldProperties } = props;
+    const syncFn = (0, hooks_1.useOpenState)();
+    const asyncFn = (0, hooks_1.useOpenState)();
+    const addRule = (0, react_1.useCallback)((data) => {
+        setFieldProperties('_rules', utils_1.ArrayUtil.add(field._rules, data));
+    }, [field._rules]);
+    const editRule = (0, react_1.useCallback)((data) => {
+        setFieldProperties('_rules', utils_1.ArrayUtil.update(field._rules, data));
+    }, [field._rules]);
+    const delRule = (0, react_1.useCallback)((data) => {
+        setFieldProperties('_rules', utils_1.ArrayUtil.del(field._rules, data.id));
+    }, [field._rules]);
+    return react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(index_1.Divider, { orientation: "left" }, "\u65B9\u6CD5\u9A8C\u8BC1"),
+        react_1.default.createElement(index_1.STable, { list: field._rules || [], actionBar: [
+                { label: '异步请求', icon: 'plus', onClick: () => asyncFn.show(null, false) },
+                { label: '同步方法', type: 'primary', icon: 'plus', onClick: () => syncFn.show(null, false) },
+            ], showIndex: false, pagination: false, columns: [
+                { title: '验证', render: ruleRender },
+                index_1.STable.COL_OPERACTION((record) => [
+                    react_1.default.createElement(index_1.STable.EDIT, { onClick: () => {
+                            record.async ? asyncFn.show(record, true) : syncFn.show(record, true);
+                        } }),
+                    react_1.default.createElement(index_1.STable.DELETE, { onClick: () => delRule(record) }),
+                ])
+            ] }),
+        react_1.default.createElement(ValidateSyncFunction_1.ValidateSyncFunction, { open: syncFn.open, onCancel: syncFn.hide, isEdit: syncFn.extra, data: syncFn.data, onOk: (data) => {
+                syncFn.hide();
+                if (syncFn.extra) {
+                    editRule(data);
+                }
+                else {
+                    addRule(Object.assign(Object.assign({}, data), { async: false, id: utils_1.StringUtil.genKey() }));
+                }
+            } }),
+        react_1.default.createElement(ValidateAsyncFunction_1.ValidateAsyncFunction, { open: asyncFn.open, onCancel: asyncFn.hide, isEdit: asyncFn.extra, data: asyncFn.data, onOk: (data) => {
+                asyncFn.hide();
+                if (asyncFn.extra) {
+                    editRule(data);
+                }
+                else {
+                    addRule(Object.assign(Object.assign({}, data), { async: true, id: utils_1.StringUtil.genKey() }));
+                }
+            } }));
+};
+exports.Validates = Validates;

package/uform/panel/Propreties/Component/ValidateAsyncFunction.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { UModalProps } from '../../../../index';
+export declare const ValidateAsyncFunction: React.FC<Omit<UModalProps, 'fields'>>;