From 832c0f94d821c48286cf862498546d2ca5bb82f8 Mon Sep 17 00:00:00 2001
From: yaoyn <cyyz58@163.com>
Date: Tue, 11 Jun 2024 17:09:39 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E9=85=8D=E7=BD=AE=E9=A1=B9?=
 =?UTF-8?q?=20=E5=80=BC=E5=8F=98=E6=9B=B4=E5=9B=9E=E8=B0=83=E4=BA=8B?=
 =?UTF-8?q?=E4=BB=B6=E5=A2=9E=E5=8A=A0=E4=BC=A0=E5=8F=82=20=E7=A7=BB?=
 =?UTF-8?q?=E5=8A=A8=E7=AB=AF=E4=B8=8D=E7=BB=91=E8=A1=A8=E5=AD=97=E6=AE=B5?=
 =?UTF-8?q?=E6=8A=A5=E9=94=99=E4=BF=AE=E6=AD=A3=20=E5=AD=90=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E5=B0=86formModel=E4=BC=A0=E7=BB=99=E7=88=B6=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                              |    5 +
 src/components/Select/src/Select.vue          |    2 +-
 src/components/SimpleForm/src/SimpleForm.vue  | 1265 +++++++++--------
 .../src/components/SimpleFormItem.vue         |   16 +-
 src/utils/env.ts                              |   62 +-
 .../components/FormDesignStep.vue             |    3 +-
 types/config.d.ts                             |  288 ++--
 7 files changed, 823 insertions(+), 818 deletions(-)

diff --git a/.env.development b/.env.development
index 501d3fa..ebab6e3 100644
--- a/.env.development
+++ b/.env.development
@@ -16,6 +16,8 @@ VITE_DROP_CONSOLE = false
 # 接口地址
 # 如果没有跨域问题，直接在这里配置即可
 VITE_GLOB_API_URL=http://10.133.96.105:8077
+# 报表系统地址
+VITE_GLOB_REPORT_URL=http://10.133.96.105:3100
 
 # 文件上传接口  可选
 VITE_GLOB_UPLOAD_URL = /system/oss/upload
@@ -31,3 +33,6 @@ VITE_GLOB_PRINT_BASE_URL = http://114.116.210.204:3300
 
 # 接口地址前缀，有些系统所有接口地址都有前缀，可以在这里统一加，方便切换
 VITE_GLOB_API_URL_PREFIX =
+
+# 屏蔽通知消息的轮询
+VITE_DISABLE_NEWS=false
diff --git a/src/components/Select/src/Select.vue b/src/components/Select/src/Select.vue
index 767f9a3..7c5f7bb 100644
--- a/src/components/Select/src/Select.vue
+++ b/src/components/Select/src/Select.vue
@@ -259,7 +259,7 @@
                 const val = Array.isArray(value) ? value.join(',') : value;
                 emitData.value = args;
                 emit('update:value', val);
-                emit('change', val);
+                emit('change', val, args);
                 selectedValue.value = props.value === undefined ? val : (((typeof props.value === 'string' && !!props.value ? props.value?.split(',') : props.value) || undefined) as any);
                 updateSepTextField(Array.isArray(value) ? value : [value]);
             }
diff --git a/src/components/SimpleForm/src/SimpleForm.vue b/src/components/SimpleForm/src/SimpleForm.vue
index 4486a78..f920557 100644
--- a/src/components/SimpleForm/src/SimpleForm.vue
+++ b/src/components/SimpleForm/src/SimpleForm.vue
@@ -1,16 +1,20 @@
 <template>
     <div ref="formWrap">
-        <Form ref="formRef" :label-col="getProps?.labelCol" :labelAlign="getProps?.labelAlign" :layout="getProps?.layout" :model="formModel" :wrapper-col="getProps?.wrapperCol" @keypress.enter="handleEnterPress">
+        <Form ref="formRef" :label-col="getProps?.labelCol" :labelAlign="getProps?.labelAlign"
+            :layout="getProps?.layout" :model="formModel" :wrapper-col="getProps?.wrapperCol"
+            @keypress.enter="handleEnterPress">
             <Row v-bind="getRow">
                 <template v-for="schema in getSchemas" :key="schema.field">
-                    <Col v-if="getIfShow(schema, formModel[schema.field])" v-show="getIsShow(schema, formModel[schema.field])" :span="getColWidth(schema)">
-                        <div v-if="schema?.componentProps.respBreakLine" style="width: 100%; height: 1px"></div>
-                        <template v-if="showComponent(schema) && schema.type !== 'slot'">
-                            <SimpleFormItem v-model:value="formModel[schema.field]" :form-api="formApi" :isWorkFlow="isWorkFlow" :refreshFieldObj="refreshFieldObj" :schema="schema" />
-                        </template>
-                        <template v-if="schema.type === 'slot'">
-                            <slot :formModel="formModel" :name="schema.slotName" :schema="schema"></slot>
-                        </template>
+                    <Col v-if="getIfShow(schema, formModel[schema.field])"
+                        v-show="getIsShow(schema, formModel[schema.field])" :span="getColWidth(schema)">
+                    <div v-if="schema?.componentProps.respBreakLine" style="width: 100%; height: 1px"></div>
+                    <template v-if="showComponent(schema) && schema.type !== 'slot'">
+                        <SimpleFormItem v-model:value="formModel[schema.field]" :form-api="formApi"
+                            :isWorkFlow="isWorkFlow" :refreshFieldObj="refreshFieldObj" :schema="schema" />
+                    </template>
+                    <template v-if="schema.type === 'slot'">
+                        <slot :formModel="formModel" :name="schema.slotName" :schema="schema"></slot>
+                    </template>
                     </Col>
                 </template>
             </Row>
@@ -30,21 +34,21 @@
     </div>
 </template>
 <script lang="ts" setup>
-    import { Form, FormInstance, Row, Col, Modal, message } from 'ant-design-vue';
-    import { cloneDeep, isArray, isBoolean, isFunction, isObject, isString, uniqBy, isNil, debounce } from 'lodash-es';
-    import { computed, reactive, ref, provide, unref, nextTick, toRaw, createVNode, inject, onMounted, onUnmounted } from 'vue';
-    import { CardComponentProps, FormActionType, FormProps, FormSchema, GridComponentProps, TabComponentProps, regTestProps, requestProps } from '../../Form/src/types/form';
-    import SimpleFormItem from './components/SimpleFormItem.vue';
-    import { NamePath, ValidateOptions } from 'ant-design-vue/lib/form/interface';
-    import { arrayValueComponents, defaultValueComponents, staticDataComponents, noFieldComponent, noDefaultValueComponents, noShowWorkFlowComponents, noShowGenerateComponents } from '../../Form/src/helper';
-    import { deepMerge } from '/@/utils';
-    import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
-    import type { ModalFuncProps } from 'ant-design-vue/lib/modal/Modal';
-    import { defHttp } from '/@/utils/http/axios';
-    import { useI18n } from '/@/hooks/web/useI18n';
-    import { needDicDefaultValue } from '../../Designer/src/types';
-    import { useMessage } from '/@/hooks/web/useMessage';
-    import { camelCaseString } from '/@/utils/event/design';
+import { Form, FormInstance, Row, Col, Modal, message } from 'ant-design-vue';
+import { cloneDeep, isArray, isBoolean, isFunction, isObject, isString, uniqBy, isNil, debounce } from 'lodash-es';
+import { computed, reactive, ref, provide, unref, nextTick, toRaw, createVNode, inject, onMounted, onUnmounted } from 'vue';
+import { CardComponentProps, FormActionType, FormProps, FormSchema, GridComponentProps, TabComponentProps, regTestProps, requestProps } from '../../Form/src/types/form';
+import SimpleFormItem from './components/SimpleFormItem.vue';
+import { NamePath, ValidateOptions } from 'ant-design-vue/lib/form/interface';
+import { arrayValueComponents, defaultValueComponents, staticDataComponents, noFieldComponent, noDefaultValueComponents, noShowWorkFlowComponents, noShowGenerateComponents } from '../../Form/src/helper';
+import { deepMerge } from '/@/utils';
+import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+import type { ModalFuncProps } from 'ant-design-vue/lib/modal/Modal';
+import { defHttp } from '/@/utils/http/axios';
+import { useI18n } from '/@/hooks/web/useI18n';
+import { needDicDefaultValue } from '../../Designer/src/types';
+import { useMessage } from '/@/hooks/web/useMessage';
+import { camelCaseString } from '/@/utils/event/design';
 
     const { t } = useI18n();
     const { notification } = useMessage();
@@ -53,644 +57,645 @@
     const wrapWidth = ref(960);
     const formData = inject('formData', { noInject: true });
 
-    const propsRef = ref<Partial<FormProps>>({});
+const propsRef = ref<Partial<FormProps>>({});
 
-    const schemaRef = ref<Nullable<FormSchema[]>>(null);
+const schemaRef = ref<Nullable<FormSchema[]>>(null);
 
-    const emit = defineEmits(['submit']);
+const emit = defineEmits(['submit']);
 
-    const props = defineProps({
-        // 表单配置规则
-        formProps: {
-            type: Object as PropType<FormProps>
-        },
-        //表单数据
-        formModel: {
-            type: Object as PropType<Recordable>,
-            default: () => {}
-        },
-        //是否是工作流
-        isWorkFlow: {
-            type: Boolean,
-            default: false
-        },
-        //是否系统表单需要转驼峰，兼容旧系统表单
-        isCamelCase: {
-            type: Boolean,
-            default: false
-        },
-        // 自定义监听 用于以编码开发的形式替代json配置中的change事件
-        watches: {
-            type: Array
-        }
-    });
-
-    const getSchemas = computed<FormSchema[]>(() => {
-        return (unref(getProps).schemas as any) || unref(schemaRef);
-    });
-
-    // Get the basic configuration of the form
-    const getProps = computed((): FormProps => {
-        return { ...(props.formProps as FormProps), ...unref(propsRef) } as FormProps;
-    });
-
-    // Get uniform row style and Row configuration for the entire form
-    const getRow = computed((): Recordable => {
-        const { baseRowStyle = {}, rowProps } = props.formProps!;
-
-        return {
-            style: baseRowStyle,
-            ...rowProps
-        };
-    });
-
-    function getWrapSize() {
-        const rect = formWrap.value?.getBoundingClientRect();
-        wrapWidth.value = rect?.width || 960;
+const props = defineProps({
+    // 表单配置规则
+    formProps: {
+        type: Object as PropType<FormProps>
+    },
+    //表单数据
+    formModel: {
+        type: Object as PropType<Recordable>,
+        default: () => { }
+    },
+    //是否是工作流
+    isWorkFlow: {
+        type: Boolean,
+        default: false
+    },
+    //是否系统表单需要转驼峰，兼容旧系统表单
+    isCamelCase: {
+        type: Boolean,
+        default: false
+    },
+    // 自定义监听 用于以编码开发的形式替代json配置中的change事件
+    watches: {
+        type: Array
     }
+});
 
-    function getColWidth(schema: any) {
-        const compProps = schema.componentProps;
-        if (compProps?.responsive) {
-            if (compProps.respNewRow) {
-                return 24; // 响应式布局下独立成行
+const getSchemas = computed<FormSchema[]>(() => {
+    return (unref(getProps).schemas as any) || unref(schemaRef);
+});
+
+// Get the basic configuration of the form
+const getProps = computed((): FormProps => {
+    return { ...(props.formProps as FormProps), ...unref(propsRef) } as FormProps;
+});
+
+// Get uniform row style and Row configuration for the entire form
+const getRow = computed((): Recordable => {
+    const { baseRowStyle = {}, rowProps } = props.formProps!;
+
+    return {
+        style: baseRowStyle,
+        ...rowProps
+    };
+});
+
+function getWrapSize() {
+    const rect = formWrap.value?.getBoundingClientRect();
+    wrapWidth.value = rect?.width || 960;
+}
+
+function getColWidth(schema: any) {
+    const compProps = schema.componentProps;
+    if (compProps?.responsive) {
+        if (compProps.respNewRow) {
+            return 24; // 响应式布局下独立成行
+        } else {
+            const wrapValue = wrapWidth.value;
+            if (wrapValue > import.meta.env.VITE_RESP_LG_WIDTH) {
+                return 8;
+            } else if (wrapValue > import.meta.env.VITE_RESP_MD_WIDTH) {
+                return 12;
             } else {
-                const wrapValue = wrapWidth.value;
-                if (wrapValue > import.meta.env.VITE_RESP_LG_WIDTH) {
-                    return 8;
-                } else if (wrapValue > import.meta.env.VITE_RESP_MD_WIDTH) {
-                    return 12;
-                } else {
-                    return 24;
-                }
+                return 24;
             }
         }
-        return schema.colProps?.span;
     }
+    return schema.colProps?.span;
+}
 
-    const debGetWrapSize = debounce(getWrapSize, 300);
+const debGetWrapSize = debounce(getWrapSize, 300);
 
-    onMounted(() => {
-        window.addEventListener('resize', debGetWrapSize);
-        getWrapSize();
-        nextTick(() => {
-            //添加隐藏组件
-            if (unref(getProps)?.hiddenComponent?.length) {
-                unref(getProps)?.hiddenComponent?.forEach((component) => {
-                    formModel[component.bindField] = component.value;
-                });
-            }
-        });
-    });
-
-    onUnmounted(() => {
-        window.removeEventListener('resize', debGetWrapSize);
-    });
-
-    function showComponent(schema) {
-        return props.isWorkFlow ? !noShowWorkFlowComponents.includes(schema.type) : !noShowGenerateComponents.includes(schema.type);
-    }
-
-    function getIsShow(schema: FormSchema, itemValue: any): boolean {
-        const { show } = schema;
-        const { showAdvancedButton } = getProps.value;
-        const itemIsAdvanced = showAdvancedButton ? (isBoolean(schema.isAdvanced) ? schema.isAdvanced : true) : true;
-
-        let isShow = true;
-
-        if (isBoolean(show)) {
-            isShow = show;
-        }
-        if (isFunction(show)) {
-            isShow = show({
-                values: itemValue,
-                model: formModel!,
-                schema: schema,
-                field: schema.field
+onMounted(() => {
+    window.addEventListener('resize', debGetWrapSize);
+    getWrapSize();
+    nextTick(() => {
+        //添加隐藏组件
+        if (unref(getProps)?.hiddenComponent?.length) {
+            unref(getProps)?.hiddenComponent?.forEach((component) => {
+                formModel[component.bindField] = component.value;
             });
         }
+    });
+});
 
-        isShow = isShow && itemIsAdvanced;
-        return isShow;
+onUnmounted(() => {
+    window.removeEventListener('resize', debGetWrapSize);
+});
+
+function showComponent(schema) {
+    return props.isWorkFlow ? !noShowWorkFlowComponents.includes(schema.type) : !noShowGenerateComponents.includes(schema.type);
+}
+
+function getIsShow(schema: FormSchema, itemValue: any): boolean {
+    const { show } = schema;
+    const { showAdvancedButton } = getProps.value;
+    const itemIsAdvanced = showAdvancedButton ? (isBoolean(schema.isAdvanced) ? schema.isAdvanced : true) : true;
+
+    let isShow = true;
+
+    if (isBoolean(show)) {
+        isShow = show;
     }
-
-    function getIfShow(schema: FormSchema, itemValue: any): boolean {
-        const { ifShow } = schema;
-
-        let isIfShow = true;
-
-        if (isBoolean(ifShow)) {
-            isIfShow = ifShow;
-        }
-        if (isFunction(ifShow)) {
-            isIfShow = ifShow({
-                values: itemValue,
-                model: formModel!,
-                schema: schema,
-                field: schema.field
-            });
-        }
-        return isIfShow;
-    }
-
-    const formModel = reactive<Recordable>(props.formModel);
-    const isCustom = inject<boolean>('isCustomForm', false);
-    provide('formModel', formModel);
-    provide('formProps', getProps);
-    provide('isCustomForm', isCustom || props.isWorkFlow);
-    provide('isCamelCase', props.isCamelCase);
-    const handleSubmit = async () => {
-        try {
-            const { submitFunc } = unref(getProps);
-            if (submitFunc && isFunction(submitFunc)) {
-                await submitFunc();
-                return;
-            }
-            const res = await formRef.value!.validate();
-            emit('submit', res);
-        } catch (error) {}
-    };
-
-    const handleReset = () => {
-        resetFields();
-    };
-
-    const refreshFieldObj = ref<object>({});
-
-    getComponent(getSchemas.value);
-
-    function getComponent(component) {
-        const layoutComponents = ['tab', 'grid', 'card'];
-        component?.map((info) => {
-            if (layoutComponents.includes(info.type!)) {
-                info.children?.map((childInfo) => {
-                    childInfo.list.map((com) => {
-                        if (layoutComponents.includes(com.type) || com.type === 'table-layout') {
-                            getComponent(childInfo.list);
-                        } else {
-                            setComponentDefault(com);
-                        }
-                    });
-                });
-            } else if (info.type === 'table-layout') {
-                info.children?.map((childInfo) => {
-                    childInfo.list.map((com) => {
-                        com.children.map((item) => {
-                            if (layoutComponents.includes(item.type) || item.type === 'table-layout') {
-                                getComponent(com.children);
-                            } else {
-                                setComponentDefault(item);
-                            }
-                        });
-                    });
-                });
-            } else {
-                setComponentDefault(info);
-            }
+    if (isFunction(show)) {
+        isShow = show({
+            values: itemValue,
+            model: formModel!,
+            schema: schema,
+            field: schema.field
         });
     }
 
-    function setComponentDefault(item) {
-        if ((staticDataComponents.includes(item.component) && (item.componentProps as any)?.datasourceType === 'staticData') || (needDicDefaultValue.includes(item.type) && (item.componentProps as any)?.datasourceType === 'dic')) {
-            let { defaultSelect } = item.componentProps as any;
-            formModel[item.field] = defaultSelect;
-            return;
-        }
-        let { defaultValue } = item;
-        if (!!item.field && !noDefaultValueComponents.includes(item.component)) {
-            if (item.component === 'OneForOne') {
-                if (item.componentProps.childSchemas?.length) {
-                    const singleFormObj = {};
-                    item.componentProps.childSchemas.map((singleCom) => {
-                        if (
-                            (staticDataComponents.includes(singleCom.component) && (singleCom.componentProps as any)?.datasourceType === 'staticData') ||
-                            (needDicDefaultValue.includes(singleCom.type) && (singleCom.componentProps as any)?.datasourceType === 'dic')
-                        ) {
-                            let { defaultSelect } = singleCom.componentProps as any;
-                            singleFormObj[singleCom.field] = defaultSelect;
-                        } else {
-                            singleFormObj[singleCom.field] = singleCom.defaultValue;
-                        }
-                    });
-                    formModel[item.field] = [singleFormObj];
-                }
-                return;
-            } else {
-                formModel[item.field] = item.component === 'SubForm' ? [] : defaultValue;
-                return;
-            }
-        }
+    isShow = isShow && itemIsAdvanced;
+    return isShow;
+}
+
+function getIfShow(schema: FormSchema, itemValue: any): boolean {
+    const { ifShow } = schema;
+
+    let isIfShow = true;
+
+    if (isBoolean(ifShow)) {
+        isIfShow = ifShow;
     }
-
-    /**
-     * 回车提交表单
-     */
-    function handleEnterPress(e: KeyboardEvent) {
-        const { autoSubmitOnEnter } = unref(getProps);
-        if (!autoSubmitOnEnter) return;
-        if (e.key === 'Enter' && e.target && e.target instanceof HTMLElement) {
-            const target: HTMLElement = e.target as HTMLElement;
-            if (target && target.tagName && target.tagName.toUpperCase() == 'INPUT') {
-                handleSubmit();
-            }
-        }
+    if (isFunction(ifShow)) {
+        isIfShow = ifShow({
+            values: itemValue,
+            model: formModel!,
+            schema: schema,
+            field: schema.field
+        });
     }
+    return isIfShow;
+}
 
-    //调用表单验证
-    const validate = async (nameList?: NamePath[]): Promise<any> => formRef.value?.validate(nameList);
-
-    //清除表单验证
-    const clearValidate = async (name?: string | string[]): Promise<any> => formRef.value?.clearValidate(name);
-
-    //跳到某个字段
-    const scrollToField = async (name: NamePath, options?: ScrollOptions): Promise<any> => formRef.value?.scrollToField(name, options);
-
-    //验证某个字段
-    const validateFields = async (nameList?: NamePath[] | string, options?: ValidateOptions): Promise<any> => formRef.value?.validateFields(nameList, options);
-
-    const findSchema = (schemaArr, key) => {
-        let schema;
-        const formListComponent = ['tab', 'grid', 'card'];
-        schemaArr?.some((info) => {
-            if (formListComponent.includes(info.type!)) {
-                const hasComponent = info.children.some((childInfo) => {
-                    schema = childInfo.list.find((com) => com.field === key);
-                    if (!!schema) return true;
-                    schema = findSchema(childInfo.list, key);
-                    return !!schema;
-                });
-                return !!hasComponent;
-            } else if (info.type === 'table-layout') {
-                const hasComponent = info.children.some((childInfo) => {
-                    return childInfo.list.some((chil) => {
-                        schema = chil.children.find((com) => com.field === key);
-                        if (!!schema) return true;
-                        schema = findSchema(chil.children, key);
-                        return !!schema;
-                    });
-                });
-                return !!hasComponent;
-            } else {
-                schema = info.field === key ? info : null;
-                return !!schema;
-            }
-        });
-        return schema;
-    };
-
-    const setDefaultValue = async (): Promise<void> => {
-        getComponent(getSchemas.value);
-    };
-
-    // 重置表单所有数据
-    const resetFields = async (): Promise<void> => {
-        Object.keys(formModel).forEach((key) => {
-            //没有绑定字段的组件不处理
-            if (!key) return;
-            const schema = findSchema(unref(getSchemas), key);
-
-            const isInput = schema?.component && defaultValueComponents.includes(schema.component);
-            const isSubForm = schema?.component && arrayValueComponents.includes(schema.component);
-            const isRange = schema?.component && schema?.component.includes('Range');
-            const isStatic = schema?.component && staticDataComponents.includes(schema.component) && schema?.componentProps.datasourceType === 'staticData';
-            const isDic = schema?.type && needDicDefaultValue.includes(schema.type) && schema?.componentProps.datasourceType === 'dic';
-
-            if (isSubForm) {
-                if (schema.component === 'OneForOne') {
-                    if (schema.componentProps.childSchemas?.length) {
-                        const singleFormObj = {};
-                        schema.componentProps.childSchemas.map((singleCom) => {
-                            if (
-                                (staticDataComponents.includes(singleCom.component) && singleCom?.componentProps.datasourceType === 'staticData') ||
-                                (needDicDefaultValue.includes(singleCom.type) && singleCom?.componentProps.datasourceType === 'dic')
-                            ) {
-                                singleFormObj[singleCom.field] = singleCom?.componentProps.defaultSelect;
-                            } else {
-                                singleFormObj[singleCom.field] = singleCom.defaultValue;
-                            }
-                        });
-                        formModel[key] = [singleFormObj];
-                    }
-                } else {
-                    formModel[key] = [];
-                }
-            } else if (isInput) {
-                formModel[key] = schema?.defaultValue || '';
-            } else if (isRange) {
-                const startTimeKey = key.split(',')[0];
-                const endTimeKey = key.split(',')[1];
-                formModel[key] = schema?.defaultValue || [];
-                formModel[startTimeKey] = schema?.defaultValue && schema?.defaultValue.length > 0 && schema?.defaultValue[0];
-                formModel[endTimeKey] = schema?.defaultValue && schema?.defaultValue.length > 0 && schema?.defaultValue[1];
-            } else if (isStatic || isDic) {
-                formModel[key] = schema?.componentProps.defaultSelect;
-            } else {
-                formModel[key] = schema?.defaultValue || schema?.defaultValue === 0 ? schema?.defaultValue : '';
-            }
-        });
-        nextTick(() => clearValidate());
-    };
-
-    // 更改formProps
-    const setProps = async (formProps: Partial<FormProps>): Promise<void> => {
-        propsRef.value = deepMerge(unref(propsRef) || {}, formProps);
-    };
-
-    //设定某个字段值  慎用  建议直接页面直接操作formModel数据
-    const setFieldsValue = async (values: Recordable): Promise<void> => {
-        Object.keys(values).forEach((key) => {
-            if (!isNil(key)) {
-                formModel[key] = values[key];
-            }
-        });
-
-        executeEvent(getSchemas.value);
-    };
-
-    /**
-     * 执行schema中 所有change事件
-     * 修改bug #5090
-     * 为了保证表单赋值触发所有组件的change事件
-     */
-    const executeEvent = (allSchemas: FormSchema[]) => {
-        for (const schema of allSchemas) {
-            //如果是这几个组件 需要查询子级
-            if (['Card', 'Tab', 'Grid'].includes(schema.component)) {
-                if (schema.component === 'Tab') {
-                    for (const child of schema.children as TabComponentProps[]) {
-                        executeEvent(child.list);
-                    }
-                }
-
-                if (schema.component === 'Card') {
-                    for (const child of schema.children as CardComponentProps[]) {
-                        executeEvent(child.list);
-                    }
-                }
-
-                if (schema.component === 'Grid') {
-                    for (const child of schema.children as GridComponentProps[]) {
-                        executeEvent(child.list);
-                    }
-                }
-            } else {
-                if (schema.componentProps?.['events']) {
-                    for (const eventKey in schema.componentProps['events']) {
-                        if (eventKey !== 'change') return;
-                        try {
-                            const event = new Function('schema', 'formModel', 'formActionType', 'extParams', `${schema.componentProps['events'][eventKey]}`);
-                            event(schema, formModel, formApi, { formData });
-                        } catch (error) {
-                            console.log('error', error);
-                            notification.error({
-                                message: 'Tip',
-                                description: '触发事件填写有误！'
-                            });
-                        }
-                    }
-                }
-            }
-        }
-
-        // if (componentProps['events']) {
-        //   for (const eventKey in componentProps['events']) {
-        //     try {
-        //       const event = new Function(
-        //         'schema',
-        //         'formModel',
-        //         'formActionType',
-        //         `${componentProps['events'][eventKey]}`,
-        //       );
-        //       componentProps['on' + upperFirst(eventKey)] = function () {
-        //         event(props.schema, formModel, props.formApi);
-        //       };
-        //     } catch (error) {
-        //       console.log('error', error);
-        //       notification.error({
-        //         message: 'Tip',
-        //         description: '触发事件填写有误！',
-        //       });
-        //     }
-        //   }
-        // }
-    };
-
-    //获取表单值  慎用  建议直接页面直接操作formModel数据
-    const getFieldsValue = (): Recordable => {
-        return toRaw(unref(formModel));
-    };
-
-    //更新schema
-    const updateSchema = async (data: Partial<FormSchema> | Partial<FormSchema>[]): Promise<void> => {
-        let updateData: Partial<FormSchema>[] = [];
-        if (isObject(data)) {
-            updateData.push(data as FormSchema);
-        }
-        if (isArray(data)) {
-            updateData = [...data];
-        }
-        const hasField = updateData.every((item) => noFieldComponent.includes(item.component!) || (Reflect.has(item, 'field') && item.field));
-        if (!hasField) {
-            throw new Error('All children of the form Schema array that need to be updated must contain the `field` field');
-        }
-        const schema: FormSchema[] = [];
-        updateData.forEach((item: FormSchema) => {
-            unref(getSchemas).forEach((val: FormSchema) => {
-                //如果当前组件是布局组件 需要去child 里面更新
-                if (['Card', 'Tab', 'Grid'].includes(val.component)) {
-                    deepEachChild(val.children!, item);
-                } else {
-                    if (val.key && item.key && val.key === item.key) {
-                        const newSchema = deepMerge(val, item);
-                        schema.push(newSchema as FormSchema);
-                    } else if (val.field === item.field) {
-                        const newSchema = deepMerge(val, item);
-                        schema.push(newSchema as FormSchema);
-                    } else {
-                        schema.push(val);
-                    }
-                }
-            });
-        });
-
-        schemaRef.value = uniqBy(schema, 'field');
-    };
-    const deepEachChild = (childs: GridComponentProps[] | TabComponentProps[] | CardComponentProps[], thisItem: FormSchema) => {
-        childs?.forEach((child: GridComponentProps | CardComponentProps | TabComponentProps) => {
-            child.list.forEach((it: FormSchema) => {
-                if (['Card', 'Tab', 'Grid'].includes(it.component)) {
-                    deepEachChild(it.children!, thisItem);
-                }
-
-                if (thisItem.key && it.key && thisItem.key === it.key) {
-                    it = deepMerge(it, thisItem);
-                } else if (thisItem.field === it.field) {
-                    it = deepMerge(it, thisItem);
-                }
-            });
-        });
-    };
-
-    //重置schema
-    const resetSchema = async (data: Partial<FormSchema> | Partial<FormSchema>[]): Promise<void> => {
-        let updateData: Partial<FormSchema>[] = [];
-        if (isObject(data)) {
-            updateData.push(data as FormSchema);
-        }
-        if (isArray(data)) {
-            updateData = [...data];
-        }
-
-        const hasField = updateData.every((item) => noFieldComponent.includes(item.component!) || (Reflect.has(item, 'field') && item.field));
-        if (!hasField) {
-            throw new Error('All children of the form Schema array that need to be updated must contain the `field` field');
-            return;
-        }
-
-        schemaRef.value = updateData as FormSchema[];
-    };
-    //移除schema
-    const removeSchemaByFiled = async (fields: string | string[]): Promise<void> => {
-        const schemaList: FormSchema[] = cloneDeep(unref(getSchemas));
-        if (!fields) {
-            return;
-        }
-
-        let fieldList: string[] = isString(fields) ? [fields] : fields;
-        if (isString(fields)) {
-            fieldList = [fields];
-        }
-        for (const field of fieldList) {
-            if (isString(field)) {
-                const index = schemaList.findIndex((schema) => schema.field === field);
-                if (index !== -1) {
-                    delete formModel[field];
-                    schemaList.splice(index, 1);
-                }
-            }
-        }
-        schemaRef.value = schemaList;
-    };
-    //追加schema
-    const appendSchemaByField = async (schema: FormSchema, prefixField: string | undefined, first?: boolean | undefined): Promise<void> => {
-        const schemaList: FormSchema[] = cloneDeep(unref(getSchemas));
-
-        const index = schemaList.findIndex((schema) => schema.field === prefixField);
-        if (!prefixField || index === -1 || first) {
-            first ? schemaList.unshift(schema) : schemaList.push(schema);
-            schemaRef.value = schemaList;
-            return;
-        }
-        if (index !== -1) {
-            schemaList.splice(index + 1, 0, schema);
-        }
-
-        schemaRef.value = schemaList;
-    };
-
-    // 提交
-    const submit = async (e?: Event): Promise<void> => {
-        e && e.preventDefault();
+const formModel = reactive<Recordable>(props.formModel);
+const isCustom = inject<boolean>('isCustomForm', false);
+provide('formModel', formModel);
+provide('formProps', getProps);
+provide('isCustomForm', isCustom || props.isWorkFlow);
+provide('isCamelCase', props.isCamelCase);
+formData.formModel=formModel;
+const handleSubmit = async () => {
+    try {
         const { submitFunc } = unref(getProps);
         if (submitFunc && isFunction(submitFunc)) {
             await submitFunc();
             return;
         }
-        const formEl = unref(formRef);
-        if (!formEl) return;
-        try {
-            const values = await validate();
-            emit('submit', values);
-        } catch (error: any) {
-            throw new Error(error);
-        }
-    };
+        const res = await formRef.value!.validate();
+        emit('submit', res);
+    } catch (error) { }
+};
 
-    const showModal = async (modal: ModalFuncProps) => {
-        Modal.confirm({
-            title: modal.title,
-            icon: createVNode(ExclamationCircleOutlined),
-            content: createVNode('div', { style: 'color:red;' }, modal.content),
-            onOk: modal.onOk,
-            onCancel: modal.onCancel,
-            ...modal
-        });
-    };
+const handleReset = () => {
+    resetFields();
+};
 
-    const regTest = async (regular: regTestProps) => {
-        const regExpression = regular.regExpression;
-        const testRes = regExpression.test(regular.testValue);
-        testRes ? message.success(regular.successMessage) : message.error(regular.errorMessage);
-    };
+const refreshFieldObj = ref<object>({});
 
-    const httpRequest = async (request: requestProps) => {
-        if (request.requestType.toLowerCase() === 'get') {
-            return defHttp[request.requestType](
-                {
-                    url: request.requestUrl,
-                    params: request.params
-                },
-                {
-                    errorMessageMode: request.errorMessageMode || 'none'
-                }
-            );
-        } else {
-            return defHttp[request.requestType](
-                {
-                    url: request.requestUrl,
-                    data: request.params
-                },
-                {
-                    errorMessageMode: request.errorMessageMode || 'none'
-                }
-            );
-        }
-    };
+getComponent(getSchemas.value);
 
-    const refreshAPI = (field: string) => {
-        if (!field) return;
-        if (!Object.keys(unref(refreshFieldObj)).includes(field)) {
-            unref(refreshFieldObj)[field] = 0;
-        }
-        unref(refreshFieldObj)[field]++;
-    };
-
-    const changeStyle = (schema, style, field?) => {
-        if (field) {
-            const changeSchema = unref(getSchemas).filter((item) => {
-                if (props.isCamelCase) {
-                    return camelCaseString(item.field) === field;
-                } else {
-                    return item.field === field;
-                }
+function getComponent(component) {
+    const layoutComponents = ['tab', 'grid', 'card'];
+    component?.map((info) => {
+        if (layoutComponents.includes(info.type!)) {
+            info.children?.map((childInfo) => {
+                childInfo.list.map((com) => {
+                    if (layoutComponents.includes(com.type) || com.type === 'table-layout') {
+                        getComponent(childInfo.list);
+                    } else {
+                        setComponentDefault(com);
+                    }
+                });
             });
-            schema = changeSchema[0];
+        } else if (info.type === 'table-layout') {
+            info.children?.map((childInfo) => {
+                childInfo.list.map((com) => {
+                    com.children.map((item) => {
+                        if (layoutComponents.includes(item.type) || item.type === 'table-layout') {
+                            getComponent(com.children);
+                        } else {
+                            setComponentDefault(item);
+                        }
+                    });
+                });
+            });
+        } else {
+            setComponentDefault(info);
         }
-        schema.componentProps.style = { ...schema.componentProps.style, ...style };
-    };
+    });
+}
 
-    const formApi: FormActionType = {
-        submit,
-        validate,
-        clearValidate,
-        scrollToField,
-        validateFields,
-        resetFields,
-        setProps,
-        updateSchema,
-        setFieldsValue,
-        getFieldsValue,
-        removeSchemaByFiled,
-        appendSchemaByField,
-        resetSchema,
-        showModal,
-        regTest,
-        httpRequest,
-        refreshAPI,
-        changeStyle,
-        setDefaultValue
-    };
+function setComponentDefault(item) {
+    if ((staticDataComponents.includes(item.component) && (item.componentProps as any)?.datasourceType === 'staticData') || (needDicDefaultValue.includes(item.type) && (item.componentProps as any)?.datasourceType === 'dic')) {
+        let { defaultSelect } = item.componentProps as any;
+        formModel[item.field] = defaultSelect;
+        return;
+    }
+    let { defaultValue } = item;
+    if (!!item.field && !noDefaultValueComponents.includes(item.component)) {
+        if (item.component === 'OneForOne') {
+            if (item.componentProps.childSchemas?.length) {
+                const singleFormObj = {};
+                item.componentProps.childSchemas.map((singleCom) => {
+                    if (
+                        (staticDataComponents.includes(singleCom.component) && (singleCom.componentProps as any)?.datasourceType === 'staticData') ||
+                        (needDicDefaultValue.includes(singleCom.type) && (singleCom.componentProps as any)?.datasourceType === 'dic')
+                    ) {
+                        let { defaultSelect } = singleCom.componentProps as any;
+                        singleFormObj[singleCom.field] = defaultSelect;
+                    } else {
+                        singleFormObj[singleCom.field] = singleCom.defaultValue;
+                    }
+                });
+                formModel[item.field] = [singleFormObj];
+            }
+            return;
+        } else {
+            formModel[item.field] = item.component === 'SubForm' ? [] : defaultValue;
+            return;
+        }
+    }
+}
 
-    //将表单方法  导出 给父组件使用。
-    defineExpose<FormActionType>(formApi);
+/**
+ * 回车提交表单
+ */
+function handleEnterPress(e: KeyboardEvent) {
+    const { autoSubmitOnEnter } = unref(getProps);
+    if (!autoSubmitOnEnter) return;
+    if (e.key === 'Enter' && e.target && e.target instanceof HTMLElement) {
+        const target: HTMLElement = e.target as HTMLElement;
+        if (target && target.tagName && target.tagName.toUpperCase() == 'INPUT') {
+            handleSubmit();
+        }
+    }
+}
+
+//调用表单验证
+const validate = async (nameList?: NamePath[]): Promise<any> => formRef.value?.validate(nameList);
+
+//清除表单验证
+const clearValidate = async (name?: string | string[]): Promise<any> => formRef.value?.clearValidate(name);
+
+//跳到某个字段
+const scrollToField = async (name: NamePath, options?: ScrollOptions): Promise<any> => formRef.value?.scrollToField(name, options);
+
+//验证某个字段
+const validateFields = async (nameList?: NamePath[] | string, options?: ValidateOptions): Promise<any> => formRef.value?.validateFields(nameList, options);
+
+const findSchema = (schemaArr, key) => {
+    let schema;
+    const formListComponent = ['tab', 'grid', 'card'];
+    schemaArr?.some((info) => {
+        if (formListComponent.includes(info.type!)) {
+            const hasComponent = info.children.some((childInfo) => {
+                schema = childInfo.list.find((com) => com.field === key);
+                if (!!schema) return true;
+                schema = findSchema(childInfo.list, key);
+                return !!schema;
+            });
+            return !!hasComponent;
+        } else if (info.type === 'table-layout') {
+            const hasComponent = info.children.some((childInfo) => {
+                return childInfo.list.some((chil) => {
+                    schema = chil.children.find((com) => com.field === key);
+                    if (!!schema) return true;
+                    schema = findSchema(chil.children, key);
+                    return !!schema;
+                });
+            });
+            return !!hasComponent;
+        } else {
+            schema = info.field === key ? info : null;
+            return !!schema;
+        }
+    });
+    return schema;
+};
+
+const setDefaultValue = async (): Promise<void> => {
+    getComponent(getSchemas.value);
+};
+
+// 重置表单所有数据
+const resetFields = async (): Promise<void> => {
+    Object.keys(formModel).forEach((key) => {
+        //没有绑定字段的组件不处理
+        if (!key) return;
+        const schema = findSchema(unref(getSchemas), key);
+
+        const isInput = schema?.component && defaultValueComponents.includes(schema.component);
+        const isSubForm = schema?.component && arrayValueComponents.includes(schema.component);
+        const isRange = schema?.component && schema?.component.includes('Range');
+        const isStatic = schema?.component && staticDataComponents.includes(schema.component) && schema?.componentProps.datasourceType === 'staticData';
+        const isDic = schema?.type && needDicDefaultValue.includes(schema.type) && schema?.componentProps.datasourceType === 'dic';
+
+        if (isSubForm) {
+            if (schema.component === 'OneForOne') {
+                if (schema.componentProps.childSchemas?.length) {
+                    const singleFormObj = {};
+                    schema.componentProps.childSchemas.map((singleCom) => {
+                        if (
+                            (staticDataComponents.includes(singleCom.component) && singleCom?.componentProps.datasourceType === 'staticData') ||
+                            (needDicDefaultValue.includes(singleCom.type) && singleCom?.componentProps.datasourceType === 'dic')
+                        ) {
+                            singleFormObj[singleCom.field] = singleCom?.componentProps.defaultSelect;
+                        } else {
+                            singleFormObj[singleCom.field] = singleCom.defaultValue;
+                        }
+                    });
+                    formModel[key] = [singleFormObj];
+                }
+            } else {
+                formModel[key] = [];
+            }
+        } else if (isInput) {
+            formModel[key] = schema?.defaultValue || '';
+        } else if (isRange) {
+            const startTimeKey = key.split(',')[0];
+            const endTimeKey = key.split(',')[1];
+            formModel[key] = schema?.defaultValue || [];
+            formModel[startTimeKey] = schema?.defaultValue && schema?.defaultValue.length > 0 && schema?.defaultValue[0];
+            formModel[endTimeKey] = schema?.defaultValue && schema?.defaultValue.length > 0 && schema?.defaultValue[1];
+        } else if (isStatic || isDic) {
+            formModel[key] = schema?.componentProps.defaultSelect;
+        } else {
+            formModel[key] = schema?.defaultValue || schema?.defaultValue === 0 ? schema?.defaultValue : '';
+        }
+    });
+    nextTick(() => clearValidate());
+};
+
+// 更改formProps
+const setProps = async (formProps: Partial<FormProps>): Promise<void> => {
+    propsRef.value = deepMerge(unref(propsRef) || {}, formProps);
+};
+
+//设定某个字段值  慎用  建议直接页面直接操作formModel数据
+const setFieldsValue = async (values: Recordable): Promise<void> => {
+    Object.keys(values).forEach((key) => {
+        if (!isNil(key)) {
+            formModel[key] = values[key];
+        }
+    });
+
+    executeEvent(getSchemas.value);
+};
+
+/**
+ * 执行schema中 所有change事件
+ * 修改bug #5090
+ * 为了保证表单赋值触发所有组件的change事件
+ */
+const executeEvent = (allSchemas: FormSchema[]) => {
+    for (const schema of allSchemas) {
+        //如果是这几个组件 需要查询子级
+        if (['Card', 'Tab', 'Grid'].includes(schema.component)) {
+            if (schema.component === 'Tab') {
+                for (const child of schema.children as TabComponentProps[]) {
+                    executeEvent(child.list);
+                }
+            }
+
+            if (schema.component === 'Card') {
+                for (const child of schema.children as CardComponentProps[]) {
+                    executeEvent(child.list);
+                }
+            }
+
+            if (schema.component === 'Grid') {
+                for (const child of schema.children as GridComponentProps[]) {
+                    executeEvent(child.list);
+                }
+            }
+        } else {
+            if (schema.componentProps?.['events']) {
+                for (const eventKey in schema.componentProps['events']) {
+                    if (eventKey !== 'change') return;
+                    try {
+                            const event = new Function('schema', 'formModel', 'formActionType', 'extParams', `${schema.componentProps['events'][eventKey]}`);
+                            event(schema, formModel, formApi, { formData });
+                    } catch (error) {
+                        console.log('error', error);
+                        notification.error({
+                            message: 'Tip',
+                            description: '触发事件填写有误！'
+                        });
+                    }
+                }
+            }
+        }
+    }
+
+    // if (componentProps['events']) {
+    //   for (const eventKey in componentProps['events']) {
+    //     try {
+    //       const event = new Function(
+    //         'schema',
+    //         'formModel',
+    //         'formActionType',
+    //         `${componentProps['events'][eventKey]}`,
+    //       );
+    //       componentProps['on' + upperFirst(eventKey)] = function () {
+    //         event(props.schema, formModel, props.formApi);
+    //       };
+    //     } catch (error) {
+    //       console.log('error', error);
+    //       notification.error({
+    //         message: 'Tip',
+    //         description: '触发事件填写有误！',
+    //       });
+    //     }
+    //   }
+    // }
+};
+
+//获取表单值  慎用  建议直接页面直接操作formModel数据
+const getFieldsValue = (): Recordable => {
+    return toRaw(unref(formModel));
+};
+
+//更新schema
+const updateSchema = async (data: Partial<FormSchema> | Partial<FormSchema>[]): Promise<void> => {
+    let updateData: Partial<FormSchema>[] = [];
+    if (isObject(data)) {
+        updateData.push(data as FormSchema);
+    }
+    if (isArray(data)) {
+        updateData = [...data];
+    }
+    const hasField = updateData.every((item) => noFieldComponent.includes(item.component!) || (Reflect.has(item, 'field') && item.field));
+    if (!hasField) {
+        throw new Error('All children of the form Schema array that need to be updated must contain the `field` field');
+    }
+    const schema: FormSchema[] = [];
+    updateData.forEach((item: FormSchema) => {
+        unref(getSchemas).forEach((val: FormSchema) => {
+            //如果当前组件是布局组件 需要去child 里面更新
+            if (['Card', 'Tab', 'Grid'].includes(val.component)) {
+                deepEachChild(val.children!, item);
+            } else {
+                if (val.key && item.key && val.key === item.key) {
+                    const newSchema = deepMerge(val, item);
+                    schema.push(newSchema as FormSchema);
+                } else if (val.field === item.field) {
+                    const newSchema = deepMerge(val, item);
+                    schema.push(newSchema as FormSchema);
+                } else {
+                    schema.push(val);
+                }
+            }
+        });
+    });
+
+    schemaRef.value = uniqBy(schema, 'field');
+};
+const deepEachChild = (childs: GridComponentProps[] | TabComponentProps[] | CardComponentProps[], thisItem: FormSchema) => {
+    childs?.forEach((child: GridComponentProps | CardComponentProps | TabComponentProps) => {
+        child.list.forEach((it: FormSchema) => {
+            if (['Card', 'Tab', 'Grid'].includes(it.component)) {
+                deepEachChild(it.children!, thisItem);
+            }
+
+            if (thisItem.key && it.key && thisItem.key === it.key) {
+                it = deepMerge(it, thisItem);
+            } else if (thisItem.field === it.field) {
+                it = deepMerge(it, thisItem);
+            }
+        });
+    });
+};
+
+//重置schema
+const resetSchema = async (data: Partial<FormSchema> | Partial<FormSchema>[]): Promise<void> => {
+    let updateData: Partial<FormSchema>[] = [];
+    if (isObject(data)) {
+        updateData.push(data as FormSchema);
+    }
+    if (isArray(data)) {
+        updateData = [...data];
+    }
+
+    const hasField = updateData.every((item) => noFieldComponent.includes(item.component!) || (Reflect.has(item, 'field') && item.field));
+    if (!hasField) {
+        throw new Error('All children of the form Schema array that need to be updated must contain the `field` field');
+        return;
+    }
+
+    schemaRef.value = updateData as FormSchema[];
+};
+//移除schema
+const removeSchemaByFiled = async (fields: string | string[]): Promise<void> => {
+    const schemaList: FormSchema[] = cloneDeep(unref(getSchemas));
+    if (!fields) {
+        return;
+    }
+
+    let fieldList: string[] = isString(fields) ? [fields] : fields;
+    if (isString(fields)) {
+        fieldList = [fields];
+    }
+    for (const field of fieldList) {
+        if (isString(field)) {
+            const index = schemaList.findIndex((schema) => schema.field === field);
+            if (index !== -1) {
+                delete formModel[field];
+                schemaList.splice(index, 1);
+            }
+        }
+    }
+    schemaRef.value = schemaList;
+};
+//追加schema
+const appendSchemaByField = async (schema: FormSchema, prefixField: string | undefined, first?: boolean | undefined): Promise<void> => {
+    const schemaList: FormSchema[] = cloneDeep(unref(getSchemas));
+
+    const index = schemaList.findIndex((schema) => schema.field === prefixField);
+    if (!prefixField || index === -1 || first) {
+        first ? schemaList.unshift(schema) : schemaList.push(schema);
+        schemaRef.value = schemaList;
+        return;
+    }
+    if (index !== -1) {
+        schemaList.splice(index + 1, 0, schema);
+    }
+
+    schemaRef.value = schemaList;
+};
+
+// 提交
+const submit = async (e?: Event): Promise<void> => {
+    e && e.preventDefault();
+    const { submitFunc } = unref(getProps);
+    if (submitFunc && isFunction(submitFunc)) {
+        await submitFunc();
+        return;
+    }
+    const formEl = unref(formRef);
+    if (!formEl) return;
+    try {
+        const values = await validate();
+        emit('submit', values);
+    } catch (error: any) {
+        throw new Error(error);
+    }
+};
+
+const showModal = async (modal: ModalFuncProps) => {
+    Modal.confirm({
+        title: modal.title,
+        icon: createVNode(ExclamationCircleOutlined),
+        content: createVNode('div', { style: 'color:red;' }, modal.content),
+        onOk: modal.onOk,
+        onCancel: modal.onCancel,
+        ...modal
+    });
+};
+
+const regTest = async (regular: regTestProps) => {
+    const regExpression = regular.regExpression;
+    const testRes = regExpression.test(regular.testValue);
+    testRes ? message.success(regular.successMessage) : message.error(regular.errorMessage);
+};
+
+const httpRequest = async (request: requestProps) => {
+    if (request.requestType.toLowerCase() === 'get') {
+        return defHttp[request.requestType](
+            {
+                url: request.requestUrl,
+                params: request.params
+            },
+            {
+                errorMessageMode: request.errorMessageMode || 'none'
+            }
+        );
+    } else {
+        return defHttp[request.requestType](
+            {
+                url: request.requestUrl,
+                data: request.params
+            },
+            {
+                errorMessageMode: request.errorMessageMode || 'none'
+            }
+        );
+    }
+};
+
+const refreshAPI = (field: string) => {
+    if (!field) return;
+    if (!Object.keys(unref(refreshFieldObj)).includes(field)) {
+        unref(refreshFieldObj)[field] = 0;
+    }
+    unref(refreshFieldObj)[field]++;
+};
+
+const changeStyle = (schema, style, field?) => {
+    if (field) {
+        const changeSchema = unref(getSchemas).filter((item) => {
+            if (props.isCamelCase) {
+                return camelCaseString(item.field) === field;
+            } else {
+                return item.field === field;
+            }
+        });
+        schema = changeSchema[0];
+    }
+    schema.componentProps.style = { ...schema.componentProps.style, ...style };
+};
+
+const formApi: FormActionType = {
+    submit,
+    validate,
+    clearValidate,
+    scrollToField,
+    validateFields,
+    resetFields,
+    setProps,
+    updateSchema,
+    setFieldsValue,
+    getFieldsValue,
+    removeSchemaByFiled,
+    appendSchemaByField,
+    resetSchema,
+    showModal,
+    regTest,
+    httpRequest,
+    refreshAPI,
+    changeStyle,
+    setDefaultValue
+};
+
+//将表单方法  导出 给父组件使用。
+defineExpose<FormActionType>(formApi);
 </script>
diff --git a/src/components/SimpleForm/src/components/SimpleFormItem.vue b/src/components/SimpleForm/src/components/SimpleFormItem.vue
index a32a698..ad8f008 100644
--- a/src/components/SimpleForm/src/components/SimpleFormItem.vue
+++ b/src/components/SimpleForm/src/components/SimpleFormItem.vue
@@ -84,7 +84,17 @@
                 :wrapperCol="itemLabelWidthProp.wrapperCol"
             >
                 <template v-if="getDisable && readonlySupport(schema.component)">
-                    <readonly :schema="schema" :model="formModel" />
+                    <readonly :schema="schema" :model="formModel"/>
+                    <component
+                        :is="componentMap.get(schema.component)"
+                        v-show="false"
+                        v-model:endField="schema.field.split(',')[1]"
+                        v-model:startField="schema.field.split(',')[0]"
+                        v-model:value="formModel![schema.field]"
+                        :disabled="getDisable"
+                        :size="formProps?.size"
+                        v-bind="schema.componentProps"
+                    />
                 </template>
                 <template v-else>
                     <component
@@ -303,13 +313,13 @@
                         } else if (typeof fun === 'function') {
                             event = fun;
                         }
-                        componentProps['on' + upperFirst(eventKey)] = function () {
+                        componentProps['on' + upperFirst(eventKey)] = function (value, selectedOptions) {
                             let cloneFormModel = cloneDeep(formModel);
                             for (let item in cloneFormModel) {
                                 let field = camelCaseString(item);
                                 if (field) cloneFormModel[field] = cloneFormModel[item];
                             }
-                            event(props.schema, isCamelCase ? cloneFormModel : formModel, props.formApi, { formData });
+                            event(props.schema, isCamelCase ? cloneFormModel : formModel, props.formApi, { formData, value, selectedOptions });
 
                             if (isCamelCase) {
                                 for (let item in formModel) {
diff --git a/src/utils/env.ts b/src/utils/env.ts
index 316649a..7d3c307 100644
--- a/src/utils/env.ts
+++ b/src/utils/env.ts
@@ -5,50 +5,40 @@ import pkg from '../../package.json';
 import { getConfigFileName } from '../../build/getConfigFileName';
 
 export function getCommonStoragePrefix() {
-  const { VITE_GLOB_APP_SHORT_NAME } = getAppEnvConfig();
-  return `${VITE_GLOB_APP_SHORT_NAME}__${getEnv()}`.toUpperCase();
+    const { VITE_GLOB_APP_SHORT_NAME } = getAppEnvConfig();
+    return `${VITE_GLOB_APP_SHORT_NAME}__${getEnv()}`.toUpperCase();
 }
 
 // Generate cache key according to version
 export function getStorageShortName() {
-  return `${getCommonStoragePrefix()}${`__${pkg.version}`}__`.toUpperCase();
+    return `${getCommonStoragePrefix()}${`__${pkg.version}`}__`.toUpperCase();
 }
 
 export function getAppEnvConfig() {
-  const ENV_NAME = getConfigFileName(import.meta.env);
+    const ENV_NAME = getConfigFileName(import.meta.env);
 
-  const ENV = (import.meta.env.DEV
-    ? // Get the global configuration (the configuration will be extracted independently when packaging)
-      (import.meta.env as unknown as GlobEnvConfig)
-    : window[ENV_NAME as any]) as unknown as GlobEnvConfig;
+    const ENV = (import.meta.env.DEV
+        ? // Get the global configuration (the configuration will be extracted independently when packaging)
+          (import.meta.env as unknown as GlobEnvConfig)
+        : window[ENV_NAME as any]) as unknown as GlobEnvConfig;
 
-  const {
-    VITE_GLOB_APP_TITLE,
-    VITE_GLOB_API_URL,
-    VITE_GLOB_APP_SHORT_NAME,
-    VITE_GLOB_API_URL_PREFIX,
-    VITE_GLOB_UPLOAD_URL,
-    VITE_GLOB_UPLOAD_PREVIEW,
-    VITE_GLOB_OUT_LINK_URL,
-    VITE_GLOB_PRINT_BASE_URL,
-  } = ENV;
+    const { VITE_GLOB_APP_TITLE, VITE_GLOB_API_URL, VITE_GLOB_APP_SHORT_NAME, VITE_GLOB_API_URL_PREFIX, VITE_GLOB_UPLOAD_URL, VITE_GLOB_UPLOAD_PREVIEW, VITE_GLOB_OUT_LINK_URL, VITE_GLOB_REPORT_URL, VITE_GLOB_PRINT_BASE_URL } = ENV;
 
-  if (!/^[a-zA-Z\_]*$/.test(VITE_GLOB_APP_SHORT_NAME)) {
-    warn(
-      `VITE_GLOB_APP_SHORT_NAME Variables can only be characters/underscores, please modify in the environment variables and re-running.`,
-    );
-  }
+    if (!/^[a-zA-Z\_]*$/.test(VITE_GLOB_APP_SHORT_NAME)) {
+        warn(`VITE_GLOB_APP_SHORT_NAME Variables can only be characters/underscores, please modify in the environment variables and re-running.`);
+    }
 
-  return {
-    VITE_GLOB_APP_TITLE,
-    VITE_GLOB_API_URL,
-    VITE_GLOB_APP_SHORT_NAME,
-    VITE_GLOB_API_URL_PREFIX,
-    VITE_GLOB_UPLOAD_URL,
-    VITE_GLOB_UPLOAD_PREVIEW,
-    VITE_GLOB_OUT_LINK_URL,
-    VITE_GLOB_PRINT_BASE_URL,
-  };
+    return {
+        VITE_GLOB_APP_TITLE,
+        VITE_GLOB_API_URL,
+        VITE_GLOB_APP_SHORT_NAME,
+        VITE_GLOB_API_URL_PREFIX,
+        VITE_GLOB_UPLOAD_URL,
+        VITE_GLOB_UPLOAD_PREVIEW,
+        VITE_GLOB_OUT_LINK_URL,
+        VITE_GLOB_REPORT_URL,
+        VITE_GLOB_PRINT_BASE_URL
+    };
 }
 
 /**
@@ -67,7 +57,7 @@ export const prodMode = 'production';
  * @example:
  */
 export function getEnv(): string {
-  return import.meta.env.MODE;
+    return import.meta.env.MODE;
 }
 
 /**
@@ -76,7 +66,7 @@ export function getEnv(): string {
  * @example:
  */
 export function isDevMode(): boolean {
-  return import.meta.env.DEV;
+    return import.meta.env.DEV;
 }
 
 /**
@@ -85,5 +75,5 @@ export function isDevMode(): boolean {
  * @example:
  */
 export function isProdMode(): boolean {
-  return import.meta.env.PROD;
+    return import.meta.env.PROD;
 }
diff --git a/src/views/mobileDesign/functionDesign/components/FormDesignStep.vue b/src/views/mobileDesign/functionDesign/components/FormDesignStep.vue
index 950f62b..cd336d3 100644
--- a/src/views/mobileDesign/functionDesign/components/FormDesignStep.vue
+++ b/src/views/mobileDesign/functionDesign/components/FormDesignStep.vue
@@ -498,7 +498,8 @@
       }
       // TODO  这里继续写各组件自己特有的一些验证
 
-      if (!component.bindTable) {
+      if ((component.type == 'input' && !component.options!.isSave && !component.bindTable) ||
+          (component.type !== 'input' && !component.bindTable)) {
         return t(`{name}未绑定表`, { name: component.label });
       }
 
diff --git a/types/config.d.ts b/types/config.d.ts
index beac767..32bc1bf 100644
--- a/types/config.d.ts
+++ b/types/config.d.ts
@@ -1,179 +1,173 @@
 import { MenuTypeEnum, MenuModeEnum, TriggerEnum, MixSidebarTriggerEnum } from '/@/enums/menuEnum';
-import {
-  ContentEnum,
-  PermissionModeEnum,
-  ThemeEnum,
-  RouterTransitionEnum,
-  SettingButtonPositionEnum,
-  SessionTimeoutProcessingEnum,
-} from '/@/enums/appEnum';
+import { ContentEnum, PermissionModeEnum, ThemeEnum, RouterTransitionEnum, SettingButtonPositionEnum, SessionTimeoutProcessingEnum } from '/@/enums/appEnum';
 
 import { CacheTypeEnum } from '/@/enums/cacheEnum';
 
 export type LocaleType = 'zh_CN' | 'zh_TW' | 'en' | 'ru' | 'ja' | 'ko';
 
 export interface MenuSetting {
-  bgColor: string;
-  fixed: boolean;
-  collapsed: boolean;
-  canDrag: boolean;
-  show: boolean;
-  hidden: boolean;
-  split: boolean;
-  menuWidth: number;
-  mode: MenuModeEnum;
-  type: MenuTypeEnum;
-  theme: ThemeEnum;
-  topMenuAlign: 'start' | 'center' | 'end';
-  trigger: TriggerEnum;
-  accordion: boolean;
-  closeMixSidebarOnChange: boolean;
-  collapsedShowTitle: boolean;
-  mixSideTrigger: MixSidebarTriggerEnum;
-  mixSideFixed: boolean;
+    bgColor: string;
+    fixed: boolean;
+    collapsed: boolean;
+    canDrag: boolean;
+    show: boolean;
+    hidden: boolean;
+    split: boolean;
+    menuWidth: number;
+    mode: MenuModeEnum;
+    type: MenuTypeEnum;
+    theme: ThemeEnum;
+    topMenuAlign: 'start' | 'center' | 'end';
+    trigger: TriggerEnum;
+    accordion: boolean;
+    closeMixSidebarOnChange: boolean;
+    collapsedShowTitle: boolean;
+    mixSideTrigger: MixSidebarTriggerEnum;
+    mixSideFixed: boolean;
 }
 
 export interface MultiTabsSetting {
-  cache: boolean;
-  show: boolean;
-  showQuick: boolean;
-  canDrag: boolean;
-  showRedo: boolean;
-  showFold: boolean;
+    cache: boolean;
+    show: boolean;
+    showQuick: boolean;
+    canDrag: boolean;
+    showRedo: boolean;
+    showFold: boolean;
 }
 
 export interface HeaderSetting {
-  bgColor: string;
-  fixed: boolean;
-  show: boolean;
-  theme: ThemeEnum;
-  // Turn on full screen
-  showFullScreen: boolean;
-  // Whether to show the lock screen
-  useLockPage: boolean;
-  // Show document button
-  showDoc: boolean;
-  // Show message center button
-  showNotice: boolean;
-  showSearch: boolean;
+    bgColor: string;
+    fixed: boolean;
+    show: boolean;
+    theme: ThemeEnum;
+    // Turn on full screen
+    showFullScreen: boolean;
+    // Whether to show the lock screen
+    useLockPage: boolean;
+    // Show document button
+    showDoc: boolean;
+    // Show message center button
+    showNotice: boolean;
+    showSearch: boolean;
 }
 
 export interface LocaleSetting {
-  showPicker: boolean;
-  // Current language
-  locale: LocaleType;
-  // default language
-  fallback: LocaleType;
-  // available Locales
-  availableLocales: LocaleType[];
+    showPicker: boolean;
+    // Current language
+    locale: LocaleType;
+    // default language
+    fallback: LocaleType;
+    // available Locales
+    availableLocales: LocaleType[];
 }
 
 export interface TransitionSetting {
-  //  Whether to open the page switching animation
-  enable: boolean;
-  // Route basic switching animation
-  basicTransition: RouterTransitionEnum;
-  // Whether to open page switching loading
-  openPageLoading: boolean;
-  // Whether to open the top progress bar
-  openNProgress: boolean;
+    //  Whether to open the page switching animation
+    enable: boolean;
+    // Route basic switching animation
+    basicTransition: RouterTransitionEnum;
+    // Whether to open page switching loading
+    openPageLoading: boolean;
+    // Whether to open the top progress bar
+    openNProgress: boolean;
 }
 
 export interface ProjectConfig {
-  // Storage location of permission related information
-  permissionCacheType: CacheTypeEnum;
-  // Whether to show the configuration button
-  showSettingButton: boolean;
-  // Whether to show the theme switch button
-  showDarkModeToggle: boolean;
-  // Configure where the button is displayed
-  settingButtonPosition: SettingButtonPositionEnum;
-  // Permission mode
-  permissionMode: PermissionModeEnum;
-  // Session timeout processing
-  sessionTimeoutProcessing: SessionTimeoutProcessingEnum;
-  // Website gray mode, open for possible mourning dates
-  grayMode: boolean;
-  // Whether to turn on the color weak mode
-  colorWeak: boolean;
-  // Theme color
-  themeColor: string;
+    // Storage location of permission related information
+    permissionCacheType: CacheTypeEnum;
+    // Whether to show the configuration button
+    showSettingButton: boolean;
+    // Whether to show the theme switch button
+    showDarkModeToggle: boolean;
+    // Configure where the button is displayed
+    settingButtonPosition: SettingButtonPositionEnum;
+    // Permission mode
+    permissionMode: PermissionModeEnum;
+    // Session timeout processing
+    sessionTimeoutProcessing: SessionTimeoutProcessingEnum;
+    // Website gray mode, open for possible mourning dates
+    grayMode: boolean;
+    // Whether to turn on the color weak mode
+    colorWeak: boolean;
+    // Theme color
+    themeColor: string;
 
-  // The main interface is displayed in full screen, the menu is not displayed, and the top
-  fullContent: boolean;
-  // content width
-  contentMode: ContentEnum;
-  // Whether to display the logo
-  showLogo: boolean;
-  // Whether to show the global footer
-  showFooter: boolean;
-  // menuType: MenuTypeEnum;
-  headerSetting: HeaderSetting;
-  // menuSetting
-  menuSetting: MenuSetting;
-  // Multi-tab settings
-  multiTabsSetting: MultiTabsSetting;
-  // Animation configuration
-  transitionSetting: TransitionSetting;
-  // pageLayout whether to enable keep-alive
-  openKeepAlive: boolean;
-  // Lock screen time
-  lockTime: number;
-  // Show breadcrumbs
-  showBreadCrumb: boolean;
-  // Show breadcrumb icon
-  showBreadCrumbIcon: boolean;
-  // Use error-handler-plugin
-  useErrorHandle: boolean;
-  // Whether to open back to top
-  useOpenBackTop: boolean;
-  // Is it possible to embed iframe pages
-  canEmbedIFramePage: boolean;
-  // Whether to delete unclosed messages and notify when switching the interface
-  closeMessageOnSwitch: boolean;
-  // Whether to cancel the http request that has been sent but not responded when switching the interface.
-  removeAllHttpPending: boolean;
+    // The main interface is displayed in full screen, the menu is not displayed, and the top
+    fullContent: boolean;
+    // content width
+    contentMode: ContentEnum;
+    // Whether to display the logo
+    showLogo: boolean;
+    // Whether to show the global footer
+    showFooter: boolean;
+    // menuType: MenuTypeEnum;
+    headerSetting: HeaderSetting;
+    // menuSetting
+    menuSetting: MenuSetting;
+    // Multi-tab settings
+    multiTabsSetting: MultiTabsSetting;
+    // Animation configuration
+    transitionSetting: TransitionSetting;
+    // pageLayout whether to enable keep-alive
+    openKeepAlive: boolean;
+    // Lock screen time
+    lockTime: number;
+    // Show breadcrumbs
+    showBreadCrumb: boolean;
+    // Show breadcrumb icon
+    showBreadCrumbIcon: boolean;
+    // Use error-handler-plugin
+    useErrorHandle: boolean;
+    // Whether to open back to top
+    useOpenBackTop: boolean;
+    // Is it possible to embed iframe pages
+    canEmbedIFramePage: boolean;
+    // Whether to delete unclosed messages and notify when switching the interface
+    closeMessageOnSwitch: boolean;
+    // Whether to cancel the http request that has been sent but not responded when switching the interface.
+    removeAllHttpPending: boolean;
 }
 
 export interface GlobConfig {
-  // Site title
-  title: string;
-  // Service interface url
-  apiUrl: string;
-  // Upload url
-  uploadUrl?: string;
-  //  Service interface url prefix
-  urlPrefix?: string;
-  // Project abbreviation
-  shortName: string;
-  // outlink
-  outLink?: string;
-  //print url
-  printBaseUrl?: string;
+    // Site title
+    title: string;
+    // Service interface url
+    apiUrl: string;
+    // Upload url
+    uploadUrl?: string;
+    //  Service interface url prefix
+    urlPrefix?: string;
+    // Project abbreviation
+    shortName: string;
+    // outlink
+    outLink?: string;
+    //print url
+    printBaseUrl?: string;
 }
 export interface GlobEnvConfig {
-  // Site title
-  VITE_GLOB_APP_TITLE: string;
-  // Service interface url
-  VITE_GLOB_API_URL: string;
-  // Service interface url prefix
-  VITE_GLOB_API_URL_PREFIX?: string;
-  // Project abbreviation
-  VITE_GLOB_APP_SHORT_NAME: string;
-  // Upload url
-  VITE_GLOB_UPLOAD_URL?: string;
-  VITE_GLOB_OUT_LINK_URL?: string;
-  VITE_GLOB_PRINT_BASE_URL?: string;
-  //file preview
-  VITE_GLOB_UPLOAD_PREVIEW?: string;
+    // Site title
+    VITE_GLOB_APP_TITLE: string;
+    // Service interface url
+    VITE_GLOB_API_URL: string;
+    // Service interface url prefix
+    VITE_GLOB_API_URL_PREFIX?: string;
+    // Project abbreviation
+    VITE_GLOB_APP_SHORT_NAME: string;
+    // Upload url
+    VITE_GLOB_UPLOAD_URL?: string;
+    VITE_GLOB_OUT_LINK_URL?: string;
+    VITE_GLOB_PRINT_BASE_URL?: string;
+    //file preview
+    VITE_GLOB_UPLOAD_PREVIEW?: string;
+    VITE_GLOB_REPORT_URL: string;
 }
 
 export interface LogoConfig {
-  companyName?: string;
-  shortName?: string;
-  refreshLogoUrl?: string;
-  backgroundLogoUrl?: string;
-  designerLogoUrl?: string;
-  loginLogoUrl?: string;
-  menuLogoUrl?: string;
+    companyName?: string;
+    shortName?: string;
+    refreshLogoUrl?: string;
+    backgroundLogoUrl?: string;
+    designerLogoUrl?: string;
+    loginLogoUrl?: string;
+    menuLogoUrl?: string;
 }