aldehyde 0.2.479 → 0.2.481

package/src/aldehyde/module/dtmpl-edit-card.tsx

@@ -1,437 +1,437 @@
-import React, { ReactNode } from "react";
-import { Button, FormInstance, Space, Card } from "antd";
-import {
-    DtmplBaseProps,
-    DtmplConfig,
-    DtmplData,
-} from "../tmpl/interface";
-import DtmplForm from "../form/dtmpl-form";
-import HCDataSource from "../tmpl/hc-data-source";
-import Units from "../units";
-import HcserviceV3 from "../tmpl/hcservice-v3";
-import Action from "../controls/action";
-import { LocaleContext } from "../locale/LocaleProvider";
-import TmplConfigAnalysis from "../tmpl/tmpl-config-analysis";
-
-interface DtmplEditCardProps extends DtmplBaseProps {
-    onOk?: (code: string) => void;
-    style?: {};
-    title?: ReactNode;
-    isReset?: boolean; // 是否重置表单
-    bodyStyle?: {};
-    headerStyle?: {};
-}
-
-interface DtmplEditCardState {
-    id?: string;
-    queryingCode?: string;
-    dtmplConfig?: DtmplConfig;
-    loading?: boolean;
-    serial?: number;
-    dtmplData?: DtmplData;
-    valueFieldMap?: { [key: string]: any };
-}
-
-export default class DtmplEditCard extends React.PureComponent<
-    DtmplEditCardProps,
-    DtmplEditCardState
-> {
-    formRef = React.createRef<FormInstance>();
-    autoSaveTimer = -1000000000000000;
-    autoSaveInterval = undefined;
-    static contextType = LocaleContext;
-    context: React.ContextType<typeof LocaleContext>;
-    onClickBody = (e) => {
-        //console.log("点击了我" + this.autoSaveTimer);
-        this.autoSaveTimer = 0;
-    };
-    static defaultProps = {
-        showConfirm: false,
-        okText: "确定",
-        bodyStyle: {},
-        headerStyle: {},
-        isReset: true,
-    };
-    state = {
-        id: "dtmplEditCard" + Units.getRandomNum(6),
-        queryingCode: undefined,
-        dtmplConfig: undefined,
-        loading: true,
-        serial: 1,
-        dtmplData: undefined,
-        valueFieldMap: {},
-    };
-
-    async componentDidMount() {
-        await this.loadConfigData();
-    }
-
-    async componentDidUpdate(prevProps) {
-        const { dtmplConfig, dtmplData, queryingCode } = this.state;
-        if (prevProps && prevProps != this.props) {
-            let code = this.props.code ? this.props.code : queryingCode;
-            if (prevProps.sourceId != this.props.sourceId || dtmplConfig == null || (!this.props.code && prevProps.code)) {
-                await this.loadConfigData();
-            } else if (prevProps.sourceId != this.props.sourceId || queryingCode != code || !dtmplData) {
-                //防止反复请求 code
-                if (code) {
-                    await this.loadCodeData(dtmplConfig, code);
-                } else {
-                    await this.loadData(dtmplConfig);
-                }
-            }
-        }
-    }
-
-    componentWillUnmount(): void {
-        if (this.autoSaveInterval) {
-            clearInterval(this.autoSaveInterval);
-        }
-    }
-
-    loadConfigData = async () => {
-        const { sourceId, code, serverKey, addTmplId } = this.props;
-        this.setState({
-            loading: true,
-        });
-        let dtmplConfig: DtmplConfig = undefined;
-        if (code) {
-            dtmplConfig = await HCDataSource.requestDtmplConfig(
-                serverKey,
-                sourceId,
-                code
-            );
-        } else {
-            dtmplConfig = await HCDataSource.requestAddDtmplConfig(
-                serverKey,
-                sourceId,
-                addTmplId
-            );
-        }
-        this.handleRelValueField(dtmplConfig);
-        if (dtmplConfig.entity) {
-            let dtmplData = dtmplConfig.entity;
-            dtmplConfig.entity = undefined;
-            this.setState({
-                queryingCode: code,
-                dtmplData,
-                dtmplConfig,
-                loading: false,
-            });
-        } else {
-            await this.loadData(dtmplConfig);
-            this.setState({
-                dtmplConfig,
-                loading: false,
-            });
-        }
-    };
-
-    loadData = async (dtmplConfig: DtmplConfig) => {
-        const {
-            sourceId,
-            serverKey,
-            code: propsCode,
-            codeSource
-        } = this.props;
-        let code = propsCode;
-        if (!code && codeSource) {
-            code = await HcserviceV3.queryCode(sourceId, codeSource, serverKey);
-        }
-        await this.loadCodeData(dtmplConfig, code)
-
-    };
-    reloadData = async (param?: { code: string }) => {
-        const { queryingCode, dtmplConfig } = this.state;
-        const {
-            sourceId,
-            serverKey,
-            code: propsCode,
-            codeSource
-        } = this.props;
-        let code = param?.code || propsCode || queryingCode;
-        if (!code && codeSource) {
-            code = await HcserviceV3.queryCode(sourceId, codeSource, serverKey);
-        }
-        await this.loadCodeData(dtmplConfig, code);
-    };
-
-
-    loadCodeData = async (dtmplConfig: DtmplConfig, code: string) => {
-        const {
-            sourceId,
-            defaultDtmplData,
-            serverKey,
-        } = this.props;
-
-        //重设定时器
-        if (dtmplConfig?.autoSaveInterval && dtmplConfig?.autoSaveInterval > 0) {
-            if (this.autoSaveInterval) {
-                clearInterval(this.autoSaveInterval);
-            }
-            this.autoSaveInterval = setInterval(() => {
-                if (this.autoSaveTimer >= dtmplConfig.autoSaveInterval) {
-                    // console.log('执行自动保存');
-                    this.autoSaveTimer = -1000000000000000;
-                    this.doSubmit(undefined);
-                } else {
-                    this.autoSaveTimer = this.autoSaveTimer + 1;
-                }
-            }, 1000);
-        }
-
-        if (code) {
-            this.setState({
-                loading: true,
-                queryingCode: code,
-                dtmplData: undefined,
-            });
-            const dtmplData_: DtmplData = await HcserviceV3.getDtmplData(
-                dtmplConfig,
-                serverKey,
-                sourceId,
-                code
-            );
-            if ((!this.state.queryingCode || code == dtmplData_.code) &&
-                (!dtmplData_.sourceId || (this.props.sourceId == dtmplData_.sourceId))) {
-                this.setState({
-                    dtmplData: dtmplData_,
-                    id: code,
-                });
-            }
-            this.setState({
-                loading: false,
-            });
-        } else if (defaultDtmplData) {
-            this.setState({
-                dtmplData: { ...defaultDtmplData },
-                loading: false,
-            });
-        } else {
-            this.setState({
-                dtmplData: {
-                    code: undefined,
-                    title: undefined,
-                    fieldMap: {},
-                    arrayMap: {},
-                },
-                loading: false,
-            });
-        }
-        setTimeout(() => this.onValuesChange(), 300);
-    };
-
-    // 表单关联项secondCriteria处理start
-    getSubDtmplData = async (valueField, code) => {
-        const { serverKey } = this.props;
-        const dtmplData = await HcserviceV3.requestDtmplData(serverKey, valueField.id, code.split("@R@")[0], null);
-        const subField = valueField.subRelValueField;
-        const subData = dtmplData.fieldMap[subField.id];
-        if (subField.subRelValueField && subData) { // 存在下级关联项
-            return this.getSubDtmplData(subField, subData);
-        }
-        return subData;
-    }
-
-    getSecondCriteria = async (field) => {
-        const { parentFormInstance } = this.props;
-        const { relValueField, relValueField3, baseCriteria = {} } = field;
-        const temForm = parentFormInstance || this.formRef.current;
-        if (relValueField && temForm) {
-            let relValueData = temForm.getFieldValue(relValueField.id);
-            if (relValueField.subRelValueField && relValueData) {
-                relValueData = await this.getSubDtmplData(relValueField, relValueData);
-            }
-            field.baseCriteria = { ...(baseCriteria || {}), "secondCriteria": relValueData };
-            field.configChanged = true;
-        }
-        if (relValueField3 && temForm) {
-            let relValueData = temForm.getFieldValue(relValueField3.id);
-            if (relValueField3.subRelValueField && relValueData) {
-                relValueData = await this.getSubDtmplData(relValueField3, relValueData);
-            }
-            field.baseCriteria = { ...(field.baseCriteria || {}), "thirdCriteria": relValueData };
-            field.configChanged = true;
-        }
-        return field;
-    }
-    // 表单关联项secondCriteria处理end
-
-    /**
-     * 处理表单关联项
-     * 匹配关联项的字段，实现值更新关联字段值变化
-     */
-    handleRelValueField = (dtmplConfig: DtmplConfig) => {
-        const { groups } = dtmplConfig;
-        const valueFieldMap = groups.reduce((total, item) => {
-            if (item.fields) {
-                item.fields.forEach(field => {
-                    if (field.relValueField) {
-                        const temArr = total[field.relValueField.id] || [];
-                        const isSameGroup = item.fields.some(f => f.id === field.relValueField.id);
-                        const temField = isSameGroup ? field : item;
-                        const isItem = temArr.find(r => r.id === temField.id);
-                        if (!isItem) {
-                            total[field.relValueField.id] = [...temArr, temField];
-                        }
-                    }
-                    if (field.relValueField3) {
-                        const temArr = total[field.relValueField3.id] || [];
-                        const isSameGroup = item.fields.some(f => f.id === field.relValueField3.id);
-                        const temField = isSameGroup ? field : item;
-                        const isItem = temArr.find(r => r.id === temField.id);
-                        if (!isItem) {
-                            total[field.relValueField3.id] = [...temArr, temField];
-                        }
-                    }
-                })
-            }
-            return total;
-        }, {});
-        this.setState({ valueFieldMap });
-    };
-
-    //关联取值:根据 parentFormInstance / this.formRef 完善 dtmplConfig
-    handleBuildInFuncFields = async () => {
-        const { dtmplConfig } = this.state;
-        if (dtmplConfig) {
-            if (!dtmplConfig.buildInFuncFields) {
-                dtmplConfig.buildInFuncFields = TmplConfigAnalysis.buildInFuncFields(dtmplConfig);
-            }
-            dtmplConfig.buildInFuncFields = await Promise.all(dtmplConfig.buildInFuncFields.map(field => this.getSecondCriteria(field)));
-        }
-    }
-
-    onValuesChange = (changedValues?: any, allValues?: any) => {
-        const { dtmplData, valueFieldMap, dtmplConfig } = this.state;
-        this.handleBuildInFuncFields();
-        if (dtmplConfig) {
-            const { groups } = dtmplConfig;
-            const changeValKey = Object.keys(changedValues || {})[0];
-            const clearValues = {}; // 清空关联字段值
-            if (changeValKey && valueFieldMap[changeValKey]) {
-                // 处理关联字段值变化, 表单值变化，处理关联字段值为空
-                const temArrayMap = valueFieldMap[changeValKey].reduce((total, item) => {
-                    if (groups.some(g => g.id === item.id)) {
-                        total[item.id] = []; // 清空关联字段组
-                    } else {
-                        clearValues[item.id] = undefined;
-                    }
-                    return total;
-                }, {});
-                this.setState({ dtmplData: { ...dtmplData, fieldMap: { ...allValues, ...clearValues }, arrayMap: { ...dtmplData.arrayMap, ...temArrayMap } } });
-            }
-        }
-        this.setState({ serial: this.state.serial + 1 });
-    };
-
-    // doSubmit = async (actionId?: number, codes?: string[], params?: object) => {
-    //     await this.doSubmit1(actionId, codes, params);
-    //     //await this.reloadData();
-    // }
-
-    doSubmit = async (actionId?: number, codes?: string[], params?: object) => {
-        const { mainCode } = this.props;
-        //if (actionId) {
-        this.formRef.current.setFieldsValue({ actionId: actionId });
-        // }
-        if (mainCode) {
-            this.formRef.current.setFieldsValue({ mainCode: mainCode });
-        }
-        if (params) {
-            this.formRef.current.setFieldsValue(params);
-        }
-        this.formRef.current.submit();
-        //this.reloadData();
-    };
-
-    getFooter = () => {
-        const { serverKey } = this.props;
-        const { dtmplData, serial, dtmplConfig } = this.state;
-        const { translate } = this.context;
-        const footerButtons = [];
-        footerButtons.unshift(
-            <Button onClick={() => this.reloadData()}>
-                {translate("${刷新}")}
-            </Button>
-        );
-        //处理action
-        if (dtmplConfig) {
-            if (dtmplConfig.buttons?.includes("dtmplSave")) {
-                footerButtons.unshift(
-                    <Button onClick={() => this.doSubmit()} type={"primary"} >
-                        {translate("${保存}")}
-                    </Button >
-                );
-            }
-            dtmplConfig.actions.forEach((ac, index) => {
-                footerButtons.unshift(
-                    <Action
-                        serverKey={serverKey}
-                        iconType={"icon-title"}
-                        hiddenType={"disabled"}
-                        serial={serial}
-                        key={ac.id}
-                        formRef={this.formRef}
-                        actionConfig={ac}
-                        doAction={this.doSubmit}
-                    ></Action>
-                );
-            });
-        }
-        return footerButtons;
-    };
-    onFinish = async (code: any) => {
-        const { isReset } = this.props;
-        this.setState({ loading: false });
-        if (code) {
-            this.props.onOk(code);
-            if (isReset) {
-                await this.reloadData({ code });
-            }
-        }
-
-    }
-
-    render() {
-        const {
-            sourceId,
-            mainCode,
-            style,
-            maxColsOnRow,
-            title,
-            serverKey,
-            bodyStyle,
-            headerStyle
-        } = this.props;
-        const { dtmplConfig, id, dtmplData } = this.state;
-
-        return (
-            <>
-                <Card
-                    onClick={this.onClickBody}
-                    styles={{ body: { padding: "6px", ...bodyStyle }, header: { alignItems: "center", ...headerStyle } }}
-                    title={title}
-                    style={{ minWidth: maxColsOnRow == 1 ? "360px" : "720px", ...style }}
-                    extra={<Space>{this.getFooter()}</Space>}
-                    className="dtmpl-edit-card"
-                >
-                    <DtmplForm
-                        serverKey={serverKey}
-                        showHeader={false}
-                        mainCode={mainCode}
-                        parentId={id}
-                        dtmplConfig={dtmplConfig}
-                        formRef={this.formRef}
-                        sourceId={sourceId}
-                        onFinish={this.onFinish}
-                        maxColsOnRow={maxColsOnRow}
-                        showConfirm={false}
-                        dtmplData={dtmplData}
-                        onValuesChange={this.onValuesChange}
-                    />
-                </Card>
-            </>
-        );
-    }
-}
+import React, { ReactNode } from "react";
+import { Button, FormInstance, Space, Card } from "antd";
+import {
+    DtmplBaseProps,
+    DtmplConfig,
+    DtmplData,
+} from "../tmpl/interface";
+import DtmplForm from "../form/dtmpl-form";
+import HCDataSource from "../tmpl/hc-data-source";
+import Units from "../units";
+import HcserviceV3 from "../tmpl/hcservice-v3";
+import Action from "../controls/action";
+import { LocaleContext } from "../locale/LocaleProvider";
+import TmplConfigAnalysis from "../tmpl/tmpl-config-analysis";
+
+interface DtmplEditCardProps extends DtmplBaseProps {
+    onOk?: (code: string) => void;
+    style?: {};
+    title?: ReactNode;
+    isReset?: boolean; // 是否重置表单
+    bodyStyle?: {};
+    headerStyle?: {};
+}
+
+interface DtmplEditCardState {
+    id?: string;
+    queryingCode?: string;
+    dtmplConfig?: DtmplConfig;
+    loading?: boolean;
+    serial?: number;
+    dtmplData?: DtmplData;
+    valueFieldMap?: { [key: string]: any };
+}
+
+export default class DtmplEditCard extends React.PureComponent<
+    DtmplEditCardProps,
+    DtmplEditCardState
+> {
+    formRef = React.createRef<FormInstance>();
+    autoSaveTimer = -1000000000000000;
+    autoSaveInterval = undefined;
+    static contextType = LocaleContext;
+    context: React.ContextType<typeof LocaleContext>;
+    onClickBody = (e) => {
+        //console.log("点击了我" + this.autoSaveTimer);
+        this.autoSaveTimer = 0;
+    };
+    static defaultProps = {
+        showConfirm: false,
+        okText: "确定",
+        bodyStyle: {},
+        headerStyle: {},
+        isReset: true,
+    };
+    state = {
+        id: "dtmplEditCard" + Units.getRandomNum(6),
+        queryingCode: undefined,
+        dtmplConfig: undefined,
+        loading: true,
+        serial: 1,
+        dtmplData: undefined,
+        valueFieldMap: {},
+    };
+
+    async componentDidMount() {
+        await this.loadConfigData();
+    }
+
+    async componentDidUpdate(prevProps) {
+        const { dtmplConfig, dtmplData, queryingCode } = this.state;
+        if (prevProps && prevProps != this.props) {
+            let code = this.props.code ? this.props.code : queryingCode;
+            if (prevProps.sourceId != this.props.sourceId || dtmplConfig == null || (!this.props.code && prevProps.code)) {
+                await this.loadConfigData();
+            } else if (prevProps.sourceId != this.props.sourceId || queryingCode != code || !dtmplData) {
+                //防止反复请求 code
+                if (code) {
+                    await this.loadCodeData(dtmplConfig, code);
+                } else {
+                    await this.loadData(dtmplConfig);
+                }
+            }
+        }
+    }
+
+    componentWillUnmount(): void {
+        if (this.autoSaveInterval) {
+            clearInterval(this.autoSaveInterval);
+        }
+    }
+
+    loadConfigData = async () => {
+        const { sourceId, code, serverKey, addTmplId } = this.props;
+        this.setState({
+            loading: true,
+        });
+        let dtmplConfig: DtmplConfig = undefined;
+        if (code) {
+            dtmplConfig = await HCDataSource.requestDtmplConfig(
+                serverKey,
+                sourceId,
+                code
+            );
+        } else {
+            dtmplConfig = await HCDataSource.requestAddDtmplConfig(
+                serverKey,
+                sourceId,
+                addTmplId
+            );
+        }
+        this.handleRelValueField(dtmplConfig);
+        if (dtmplConfig.entity) {
+            let dtmplData = dtmplConfig.entity;
+            dtmplConfig.entity = undefined;
+            this.setState({
+                queryingCode: code,
+                dtmplData,
+                dtmplConfig,
+                loading: false,
+            });
+        } else {
+            await this.loadData(dtmplConfig);
+            this.setState({
+                dtmplConfig,
+                loading: false,
+            });
+        }
+    };
+
+    loadData = async (dtmplConfig: DtmplConfig) => {
+        const {
+            sourceId,
+            serverKey,
+            code: propsCode,
+            codeSource
+        } = this.props;
+        let code = propsCode;
+        if (!code && codeSource) {
+            code = await HcserviceV3.queryCode(sourceId, codeSource, serverKey);
+        }
+        await this.loadCodeData(dtmplConfig, code)
+
+    };
+    reloadData = async (param?: { code: string }) => {
+        const { queryingCode, dtmplConfig } = this.state;
+        const {
+            sourceId,
+            serverKey,
+            code: propsCode,
+            codeSource
+        } = this.props;
+        let code = param?.code || propsCode || queryingCode;
+        if (!code && codeSource) {
+            code = await HcserviceV3.queryCode(sourceId, codeSource, serverKey);
+        }
+        await this.loadCodeData(dtmplConfig, code);
+    };
+
+
+    loadCodeData = async (dtmplConfig: DtmplConfig, code: string) => {
+        const {
+            sourceId,
+            defaultDtmplData,
+            serverKey,
+        } = this.props;
+
+        //重设定时器
+        if (dtmplConfig?.autoSaveInterval && dtmplConfig?.autoSaveInterval > 0) {
+            if (this.autoSaveInterval) {
+                clearInterval(this.autoSaveInterval);
+            }
+            this.autoSaveInterval = setInterval(() => {
+                if (this.autoSaveTimer >= dtmplConfig.autoSaveInterval) {
+                    // console.log('执行自动保存');
+                    this.autoSaveTimer = -1000000000000000;
+                    this.doSubmit(undefined);
+                } else {
+                    this.autoSaveTimer = this.autoSaveTimer + 1;
+                }
+            }, 1000);
+        }
+
+        if (code) {
+            this.setState({
+                loading: true,
+                queryingCode: code,
+                dtmplData: undefined,
+            });
+            const dtmplData_: DtmplData = await HcserviceV3.getDtmplData(
+                dtmplConfig,
+                serverKey,
+                sourceId,
+                code
+            );
+            if ((!this.state.queryingCode || code == dtmplData_.code) &&
+                (!dtmplData_.sourceId || (this.props.sourceId == dtmplData_.sourceId))) {
+                this.setState({
+                    dtmplData: dtmplData_,
+                    id: code,
+                });
+            }
+            this.setState({
+                loading: false,
+            });
+        } else if (defaultDtmplData) {
+            this.setState({
+                dtmplData: { ...defaultDtmplData },
+                loading: false,
+            });
+        } else {
+            this.setState({
+                dtmplData: {
+                    code: undefined,
+                    title: undefined,
+                    fieldMap: {},
+                    arrayMap: {},
+                },
+                loading: false,
+            });
+        }
+        setTimeout(() => this.onValuesChange(), 300);
+    };
+
+    // 表单关联项secondCriterion处理start
+    getSubDtmplData = async (valueField, code) => {
+        const { serverKey } = this.props;
+        const dtmplData = await HcserviceV3.requestDtmplData(serverKey, valueField.id, code.split("@R@")[0], null);
+        const subField = valueField.subRelValueField;
+        const subData = dtmplData.fieldMap[subField.id];
+        if (subField.subRelValueField && subData) { // 存在下级关联项
+            return this.getSubDtmplData(subField, subData);
+        }
+        return subData;
+    }
+
+    getSecondCriteria = async (field) => {
+        const { parentFormInstance } = this.props;
+        const { relValueField, relValueField3, baseCriteria = {} } = field;
+        const temForm = parentFormInstance || this.formRef.current;
+        if (relValueField && temForm) {
+            let relValueData = temForm.getFieldValue(relValueField.id);
+            if (relValueField.subRelValueField && relValueData) {
+                relValueData = await this.getSubDtmplData(relValueField, relValueData);
+            }
+            field.baseCriteria = { ...(baseCriteria || {}), "secondCriterion": relValueData };
+            field.configChanged = true;
+        }
+        if (relValueField3 && temForm) {
+            let relValueData = temForm.getFieldValue(relValueField3.id);
+            if (relValueField3.subRelValueField && relValueData) {
+                relValueData = await this.getSubDtmplData(relValueField3, relValueData);
+            }
+            field.baseCriteria = { ...(field.baseCriteria || {}), "thirdCriterion": relValueData };
+            field.configChanged = true;
+        }
+        return field;
+    }
+    // 表单关联项secondCriterion处理end
+
+    /**
+     * 处理表单关联项
+     * 匹配关联项的字段，实现值更新关联字段值变化
+     */
+    handleRelValueField = (dtmplConfig: DtmplConfig) => {
+        const { groups } = dtmplConfig;
+        const valueFieldMap = groups.reduce((total, item) => {
+            if (item.fields) {
+                item.fields.forEach(field => {
+                    if (field.relValueField) {
+                        const temArr = total[field.relValueField.id] || [];
+                        const isSameGroup = item.fields.some(f => f.id === field.relValueField.id);
+                        const temField = isSameGroup ? field : item;
+                        const isItem = temArr.find(r => r.id === temField.id);
+                        if (!isItem) {
+                            total[field.relValueField.id] = [...temArr, temField];
+                        }
+                    }
+                    if (field.relValueField3) {
+                        const temArr = total[field.relValueField3.id] || [];
+                        const isSameGroup = item.fields.some(f => f.id === field.relValueField3.id);
+                        const temField = isSameGroup ? field : item;
+                        const isItem = temArr.find(r => r.id === temField.id);
+                        if (!isItem) {
+                            total[field.relValueField3.id] = [...temArr, temField];
+                        }
+                    }
+                })
+            }
+            return total;
+        }, {});
+        this.setState({ valueFieldMap });
+    };
+
+    //关联取值:根据 parentFormInstance / this.formRef 完善 dtmplConfig
+    handleBuildInFuncFields = async () => {
+        const { dtmplConfig } = this.state;
+        if (dtmplConfig) {
+            if (!dtmplConfig.buildInFuncFields) {
+                dtmplConfig.buildInFuncFields = TmplConfigAnalysis.buildInFuncFields(dtmplConfig);
+            }
+            dtmplConfig.buildInFuncFields = await Promise.all(dtmplConfig.buildInFuncFields.map(field => this.getSecondCriteria(field)));
+        }
+    }
+
+    onValuesChange = (changedValues?: any, allValues?: any) => {
+        const { dtmplData, valueFieldMap, dtmplConfig } = this.state;
+        this.handleBuildInFuncFields();
+        if (dtmplConfig) {
+            const { groups } = dtmplConfig;
+            const changeValKey = Object.keys(changedValues || {})[0];
+            const clearValues = {}; // 清空关联字段值
+            if (changeValKey && valueFieldMap[changeValKey]) {
+                // 处理关联字段值变化, 表单值变化，处理关联字段值为空
+                const temArrayMap = valueFieldMap[changeValKey].reduce((total, item) => {
+                    if (groups.some(g => g.id === item.id)) {
+                        total[item.id] = []; // 清空关联字段组
+                    } else {
+                        clearValues[item.id] = undefined;
+                    }
+                    return total;
+                }, {});
+                this.setState({ dtmplData: { ...dtmplData, fieldMap: { ...allValues, ...clearValues }, arrayMap: { ...dtmplData.arrayMap, ...temArrayMap } } });
+            }
+        }
+        this.setState({ serial: this.state.serial + 1 });
+    };
+
+    // doSubmit = async (actionId?: number, codes?: string[], params?: object) => {
+    //     await this.doSubmit1(actionId, codes, params);
+    //     //await this.reloadData();
+    // }
+
+    doSubmit = async (actionId?: number, codes?: string[], params?: object) => {
+        const { mainCode } = this.props;
+        //if (actionId) {
+        this.formRef.current.setFieldsValue({ actionId: actionId });
+        // }
+        if (mainCode) {
+            this.formRef.current.setFieldsValue({ mainCode: mainCode });
+        }
+        if (params) {
+            this.formRef.current.setFieldsValue(params);
+        }
+        this.formRef.current.submit();
+        //this.reloadData();
+    };
+
+    getFooter = () => {
+        const { serverKey } = this.props;
+        const { dtmplData, serial, dtmplConfig } = this.state;
+        const { translate } = this.context;
+        const footerButtons = [];
+        footerButtons.unshift(
+            <Button onClick={() => this.reloadData()}>
+                {translate("${刷新}")}
+            </Button>
+        );
+        //处理action
+        if (dtmplConfig) {
+            if (dtmplConfig.buttons?.includes("dtmplSave")) {
+                footerButtons.unshift(
+                    <Button onClick={() => this.doSubmit()} type={"primary"} >
+                        {translate("${保存}")}
+                    </Button >
+                );
+            }
+            dtmplConfig.actions.forEach((ac, index) => {
+                footerButtons.unshift(
+                    <Action
+                        serverKey={serverKey}
+                        iconType={"icon-title"}
+                        hiddenType={"disabled"}
+                        serial={serial}
+                        key={ac.id}
+                        formRef={this.formRef}
+                        actionConfig={ac}
+                        doAction={this.doSubmit}
+                    ></Action>
+                );
+            });
+        }
+        return footerButtons;
+    };
+    onFinish = async (code: any) => {
+        const { isReset } = this.props;
+        this.setState({ loading: false });
+        if (code) {
+            this.props.onOk(code);
+            if (isReset) {
+                await this.reloadData({ code });
+            }
+        }
+
+    }
+
+    render() {
+        const {
+            sourceId,
+            mainCode,
+            style,
+            maxColsOnRow,
+            title,
+            serverKey,
+            bodyStyle,
+            headerStyle
+        } = this.props;
+        const { dtmplConfig, id, dtmplData } = this.state;
+
+        return (
+            <>
+                <Card
+                    onClick={this.onClickBody}
+                    styles={{ body: { padding: "6px", ...bodyStyle }, header: { alignItems: "center", ...headerStyle } }}
+                    title={title}
+                    style={{ minWidth: maxColsOnRow == 1 ? "360px" : "720px", ...style }}
+                    extra={<Space>{this.getFooter()}</Space>}
+                    className="dtmpl-edit-card"
+                >
+                    <DtmplForm
+                        serverKey={serverKey}
+                        showHeader={false}
+                        mainCode={mainCode}
+                        parentId={id}
+                        dtmplConfig={dtmplConfig}
+                        formRef={this.formRef}
+                        sourceId={sourceId}
+                        onFinish={this.onFinish}
+                        maxColsOnRow={maxColsOnRow}
+                        showConfirm={false}
+                        dtmplData={dtmplData}
+                        onValuesChange={this.onValuesChange}
+                    />
+                </Card>
+            </>
+        );
+    }
+}