vap1 0.1.4 → 0.1.5

package/uform/panel/Propreties/CanvasProperties.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const useEditor_1 = require("../../hooks/useEditor");
+const index_1 = require("../../../index");
+exports.default = () => {
+    const editor = (0, useEditor_1.useEditor)();
+    const { form: { fields, isGroup, groupType, layout, tip, size } } = editor;
+    return react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(index_1.Form.Item, { label: "\u5206\u7EC4\u6A21\u5F0F" }, fields.length > 0 ? react_1.default.createElement(index_1.Popover, { title: "\u5206\u7EC4\u6A21\u5F0F\u8BF4\u660E", content: react_1.default.createElement(index_1.Alert, { message: "\u5982\u679C\u9700\u8981\u5F00\u542F/\u5173\u95ED\u5206\u7EC4\u6A21\u5F0F\uFF0C\u8BF7\u9009\u5220\u9664\u5168\u90E8\u8868\u5355\u5B57\u6BB5", type: "warning" }) },
+            react_1.default.createElement(index_1.Switch, { checked: isGroup, checkedChildren: "\u5F00\u542F", unCheckedChildren: "\u5173\u95ED", size: "small", disabled: true })) : react_1.default.createElement(index_1.Switch, { checked: isGroup, checkedChildren: "\u5F00\u542F", unCheckedChildren: "\u5173\u95ED", onChange: isGroup => editor.setFormProperties({ isGroup }), size: "small" })),
+        isGroup && react_1.default.createElement(index_1.Form.Item, { label: "\u5206\u7EC4\u6A21\u5F0F" },
+            react_1.default.createElement(index_1.Radio.Group, { value: groupType || '', onChange: evt => editor.setFormProperties({ groupType: evt.target.value }), size: "small", buttonStyle: "solid", optionType: "button" },
+                react_1.default.createElement(index_1.Radio.Button, { value: "" }, "\u9ED8\u8BA4"),
+                react_1.default.createElement(index_1.Radio.Button, { value: "step" }, "\u8FDB\u5EA6"),
+                react_1.default.createElement(index_1.Radio.Button, { value: "collapse" }, "\u624B\u98CE\u7434"),
+                react_1.default.createElement(index_1.Radio.Button, { value: "tabs" }, "\u6807\u7B7E"))),
+        react_1.default.createElement(index_1.Form.Item, { label: "\u5217\u6570\u91CF", extra: "\u8BF4\u660E\uFF1A\u81EA\u52A8\u6839\u636E\u5B57\u6BB5\u6570\u636E\u81EA\u52A8\u663E\u793A" },
+            react_1.default.createElement(index_1.Radio.Group, { value: layout || '', onChange: evt => editor.setFormProperties({ layout: evt.target.value }), size: "small", buttonStyle: "solid", optionType: "button" },
+                react_1.default.createElement(index_1.Radio.Button, { value: "" }, "\u81EA\u52A8"),
+                react_1.default.createElement(index_1.Radio.Button, { value: "simple" }, "\u4E00\u5217"),
+                react_1.default.createElement(index_1.Radio.Button, { value: "common" }, "\u4E8C\u5217"),
+                react_1.default.createElement(index_1.Radio.Button, { value: "compress" }, "\u4E09\u5217"))),
+        react_1.default.createElement(index_1.Form.Item, { label: "\u5C3A\u5BF8" },
+            react_1.default.createElement(index_1.Radio.Group, { value: size, size: "small", onChange: evt => editor.setFormProperties({ size: evt.target.value }), buttonStyle: "solid", optionType: "button" },
+                react_1.default.createElement(index_1.Radio.Button, { value: undefined }, "\u6839\u636E\u76AE\u80A4"),
+                react_1.default.createElement(index_1.Radio.Button, { value: "small" }, "\u5C0F"),
+                react_1.default.createElement(index_1.Radio.Button, { value: "middle" }, "\u4E2D"),
+                react_1.default.createElement(index_1.Radio.Button, { value: "large" }, "\u5927"))),
+        react_1.default.createElement(index_1.Form.Item, { label: "\u63D0\u793A\u7C7B\u578B" },
+            react_1.default.createElement(index_1.Radio.Group, { value: (tip && tip.type) ? tip.type : 'info', size: "small", onChange: evt => editor.setFormProperties({ tip: lodash_1.default.assign({ text: '', type: 'info' }, tip, { type: evt.target.value }) }), buttonStyle: "solid", optionType: "button" },
+                react_1.default.createElement(index_1.Radio.Button, { value: "info" }, "\u9ED8\u8BA4"),
+                react_1.default.createElement(index_1.Radio.Button, { value: "success" }, "\u6210\u529F"),
+                react_1.default.createElement(index_1.Radio.Button, { value: "warning" }, "\u8B66\u544A"),
+                react_1.default.createElement(index_1.Radio.Button, { value: "error" }, "\u9519\u8BEF"))),
+        react_1.default.createElement(index_1.Form.Item, { label: "\u63D0\u793A\u6587\u6848" },
+            react_1.default.createElement(index_1.Input.TextArea, { value: (tip && tip.text) ? tip.text : '', placeholder: "\u8BF7\u8F93\u5165\u63D0\u793A\u6587\u6848", onChange: evt => editor.setFormProperties({ tip: lodash_1.default.assign({ type: 'info', }, tip, { text: evt.target.value }) }) })));
+};

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { PluginSlot } from '../../../plugins';
+import type { ItemPanelProps } from '../_util';
+/**
+ *
+ * 插件参数
+*/
+type PluginProps = ItemPanelProps & {
+    slot: PluginSlot;
+};
+export declare const FieldPlugin: React.FC<PluginProps>;
+export {};

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

@@ -0,0 +1,39 @@
+"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.FieldPlugin = void 0;
+const react_1 = __importStar(require("react"));
+const index_1 = require("../../../../index");
+const utils_1 = require("../../../../utils");
+const FieldPlugin = (props) => {
+    const plugins = (0, react_1.useMemo)(() => {
+        return [];
+    }, [props.field.type, props.slot]);
+    if (plugins.length == 0)
+        return utils_1.Const.NONE;
+    return react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(index_1.Divider, { orientation: "left" }, "\u6269\u5C55\u5C5E\u6027"));
+};
+exports.FieldPlugin = FieldPlugin;

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

@@ -0,0 +1,8 @@
+import React from "react";
+import type { UModalProps } from '../../../../index';
+import type { FormItem, FormGroup } from "../../../schema";
+export declare const LinkAsyncFunction: React.FC<Omit<UModalProps, 'fields'> & {
+    field: FormItem;
+    fields: (FormItem[]) | (FormGroup[]);
+    isGroup: boolean;
+}>;

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

@@ -0,0 +1,171 @@
+"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.LinkAsyncFunction = 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 LinkAsyncFunction = 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 ? '编辑联动方法' : '添加联动方法', default: { method: 'GET', url: '/api/${value}' }, fields: [
+            { field: 'field', title: '被联动字段', required: true, options: targetOptions, type: 'select' },
+            {
+                field: 'url,method', title: '请求',
+                type: 'input-with-select',
+                config: { selectProps: { style: { width: 96 }, placeholder: '请求方法' } },
+                required: true,
+                options: [{ label: 'GET', value: 'GET' }, { label: 'POST', value: 'POST' }],
+                link: [{
+                        field: 'param',
+                        call: (value) => {
+                            if (value.method == 'POST') {
+                                return {
+                                    show: true, required: true, value: `{
+        "value":"\${value}"
+    }`
+                                };
+                            }
+                            return { show: false, required: true, value: '' };
+                        }
+                    }]
+            },
+            { field: 'param', title: 'POST传参', type: 'textarea', show: false, config: { rows: 4 }, ignore: true },
+            { 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 } });
+                try {
+                    let result = compiled({ value: '1', form: {}, extra: null, response: { list: [], data: {}, code: '0', message: '' } });
+                    if (typeof result != 'string')
+                        throw (new Error());
+                    if (result === '')
+                        throw (new Error('没有检测到返回值'));
+                    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('测试结果 为抛出值： ' + e);
+                }
+                props.onOk(data);
+            }
+            catch (e) {
+                console.log(e);
+                index_1.message.error('代码测试失败');
+            }
+        } });
+};
+exports.LinkAsyncFunction = LinkAsyncFunction;

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

@@ -0,0 +1,8 @@
+import React from "react";
+import type { UModalProps } from '../../../../index';
+import type { FormItem, FormGroup } from "../../../schema";
+export declare const LinkSyncFunction: React.FC<Omit<UModalProps, 'fields'> & {
+    field: FormItem;
+    fields: (FormItem[]) | (FormGroup[]);
+    isGroup: boolean;
+}>;

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;