@cloudbase/weda-ui 3.19.0 → 3.20.0

package/dist/web/components/wd-form/index.js

@@ -1,43 +1,38 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint max-lines: [error, 800] */
-import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, } from 'react';
-import { useMap, useMountEffect, useSyncedRef, useUnmountEffect, } from '@react-hookz/web';
-import { unstable_batchedUpdates } from 'react-dom';
+import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { useMap, useMountEffect, useSyncedRef, useUnmountEffect, useDebouncedEffect } from '@react-hookz/web';
 import { errorHandler } from '../../utils/error';
-import { isInIde, usePlatform } from '../../utils/platform';
+import { usePlatform } from '../../utils/platform';
 import classNames from '../../utils/classnames';
 import { debug } from '../../utils/console';
 import { useWedaAppContext } from '../../utils/widget-api';
 import { useLoopRenderDetect } from '../common/use-loop-render-detect';
 import { emptyObject, noop, NOT_EXISTED_VALUE } from '../../utils/constant';
 import * as tcbAppCloud from '../../utils/tcb';
-import { useRemoteValue, useInitValueFromRemote, useRemoteParamsFromValue, } from './hooks/use-remote-value';
+import { useRemoteValue, useInitValueFromRemote, useRemoteParamsFromValue } from './hooks/use-remote-value';
 import { createSetStateForAuth, useAuthValue } from './hooks/use-auth-value';
 import { useSetWidgetApi } from '../../utils/widget-api/use-set-widget-api';
 import lodashGet from 'lodash.get';
-import isObjectEqual from '../../utils/isObjectEqual';
+import lodashSet from 'lodash.set';
 import { useDataSource } from '../../utils/hooks/useDataSource';
 import { WdForm as FormUi } from './wd-form';
 import EmptyContent from '../statusContent';
 import { deepClone } from '../../utils/tool';
 import '../style';
-import { getErrorObjectFromValidateResult, getFormDataFromItemMap, } from './form-utils';
-import { ConfigProvider, StatusTip } from 'tea-component';
+import { getErrorObjectFromValidateResult } from './form-utils';
 import { isNil } from '../../utils/lodash';
 import { FormTypeProvider } from './contexts/form-type-context';
 import { FormLayoutProvider } from './contexts/form-layout-context';
 import { FormWidgetProvider } from './contexts/form-widget-context';
-import useDebouncedCallback from '../../utils/hooks/use-debounced-callback';
+import { FormFieldProvider } from './contexts/form-field-context';
 import { useSyncValue } from '../../utils/hooks/useSyncValue';
-const timeout = (ms) => new Promise((resolve) => {
-    // eslint-disable-next-line rulesdir/no-timer
-    setTimeout(resolve, ms);
-});
+import useDebouncedCallback from '../../utils/hooks/use-debounced-callback';
 const SET_VALUE_DEBOUNCE_TIMEOUT = 250;
 const logger = debug('wd-form');
 const WdForm = React.forwardRef(function WdForm(props, ref) {
-    var _a;
-    const { className, id, style, contentSlot: contentSlotEl, layout = 'horizontal', formType = 'create', _id, datasourceType = 'model', dataSourceName, methodGetItem, methodCreate, methodUpdate, paramGetItem, appCloud = tcbAppCloud, lgWidth, labelAlign = 'left', 
+    var _a, _b, _c, _d;
+    const { className, id, style, contentSlot: contentSlotEl, layout = 'horizontal', formType = 'create', _id, datasourceType = 'model', dataSourceName, methodGetItem, methodCreate, methodUpdate, paramGetItem, appCloud = tcbAppCloud, lgWidth, labelAlign = 'left', initialValues: _initialValues, 
     // 兼容流程setValue调用，其他地方别用
     $node, $widget, } = props;
     const formsItemMap = useMap([]);
@@ -47,7 +42,8 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
      * 所以要用它作useEffect deps的时候用下面这个string
      *  */
     const formItemMapKey = [...formsItemMap.keys()].sort().join(',');
-    const formItemMapKeyRef = useRef(formItemMapKey);
+    // 用于存储表单下的一级节点
+    const [formItemMapList, setFormItemMapList] = useState([]);
     const platform = usePlatform();
     const isH5 = platform === 'h5';
     const contentSlot = useMemo(() => contentSlotEl, [contentSlotEl]);
@@ -70,8 +66,42 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
     }, [setIsDisabledSubmit]);
     const hasSetInitValueRef = useRef(false);
     const { ready } = useWedaAppContext();
-    const [initialValues, setInitialValues] = useState((_a = props.initialValues) !== null && _a !== void 0 ? _a : emptyObject);
+    // 缓存表单项的初始值
+    const [fieldInitValueCache, setFieldInitValueCache] = useState((_a = deepClone(_initialValues)) !== null && _a !== void 0 ? _a : emptyObject);
+    // 表单初始值
+    const [initialValues, setInitialValues] = useState((_b = deepClone(_initialValues)) !== null && _b !== void 0 ? _b : emptyObject);
     const [propsValue] = useSyncValue(props.value);
+    // 表单值
+    const [formData, setFormData] = useState((_c = deepClone(_initialValues)) !== null && _c !== void 0 ? _c : emptyObject);
+    // 转换后表单值，仅保留已挂载表单项的值
+    const [formFieldsValue, setFormFieldsValue] = useState((_d = deepClone(_initialValues)) !== null && _d !== void 0 ? _d : emptyObject);
+    useDebouncedEffect(() => {
+        var _a, _b;
+        // 表单容器上挂载的表单项的值,没有则置空
+        const convertFormData = (formData, setNull = false) => {
+            const data = {};
+            formItemMapList.forEach((i) => {
+                const namePath = i;
+                const value = lodashGet(formData, namePath, NOT_EXISTED_VALUE);
+                // 表单容器内不包含的表单项，不赋值
+                if (value !== NOT_EXISTED_VALUE) {
+                    lodashSet(data, namePath, value);
+                }
+                else {
+                    if (setNull) {
+                        lodashSet(data, namePath, null);
+                    }
+                }
+            });
+            const _fieldInitValueCache = deepClone(fieldInitValueCache);
+            return Object.assign(_fieldInitValueCache, data);
+        };
+        const _data = convertFormData(formData);
+        setFormFieldsValue(_data);
+        (_b = (_a = eventsRef === null || eventsRef === void 0 ? void 0 : eventsRef.current) === null || _a === void 0 ? void 0 : _a.onDataChange) === null || _b === void 0 ? void 0 : _b.call(_a, { data: _data });
+    }, [formData, fieldInitValueCache], 
+    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+    SET_VALUE_DEBOUNCE_TIMEOUT);
     const eventsRef = useSyncedRef(props.events);
     const validate = useCallback(async () => {
         const validatePromise = [];
@@ -115,6 +145,7 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
         return errObj;
     }, [formsItemMap]);
     const [errors, setErrors] = useState(undefined);
+    // 用于存储关联关系查询字段
     const allSelectFields = useMemo(() => {
         if (!ready) {
             return null;
@@ -163,17 +194,13 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
             return;
         const run = async () => {
             const { submit, validateSuccess, validateFail } = eventsRef.current;
-            // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-            await timeout(SET_VALUE_DEBOUNCE_TIMEOUT * 2);
             const errorObj = await validate();
             if (Object.keys(errorObj !== null && errorObj !== void 0 ? errorObj : {}).length === 0) {
                 validateSuccess({ errors: {} });
-                logger.debug('formItemMapKey', formItemMapKey);
-                const formData = getFormDataFromItemMap(formsItemMap, formType);
                 const extra = ['read', 'edit'].includes(formType) && _id ? { _id } : {};
-                submit && submit(deepClone({ ...extra, ...formData }));
+                submit && submit(deepClone({ ...extra, ...formFieldsValue }));
                 // 流程用了;
-                return formData;
+                return formFieldsValue;
             }
             else {
                 setErrors(errorObj);
@@ -188,62 +215,14 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
         const r = await submitPromiseCache.current;
         submitPromiseCache.current = null;
         return r;
-    }, [
-        _id,
-        eventsRef,
-        formItemMapKey,
-        formType,
-        formsItemMap,
-        isDisabledSubmit,
-        validate,
-    ]);
-    const updateFormContextImmediate = useCallback(() => {
-        Promise.resolve().then(() => {
-            var _a, _b;
-            const formData = getFormDataFromItemMap(formsItemMap, formType);
-            if (!isObjectEqual(formData, preFormCtxRef.current, true)) {
-                (_b = (_a = eventsRef === null || eventsRef === void 0 ? void 0 : eventsRef.current) === null || _a === void 0 ? void 0 : _a.onDataChange) === null || _b === void 0 ? void 0 : _b.call(_a, { data: formData });
-                setFormData(formData);
-                preFormCtxRef.current = formData;
-            }
-        });
-    }, [eventsRef, formsItemMap, formType]);
-    const updateFormContext = useDebouncedCallback(updateFormContextImmediate, 
-    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    20, { maxWait: 40, trailing: true });
-    const setValueImmediate = useCallback((data, setNull, isImmediate) => {
+    }, [_id, eventsRef, formFieldsValue, formType, isDisabledSubmit, validate]);
+    const setValue = useCallback((data) => {
         if (typeof data !== 'object' || data === null) {
-            console.warn('setValue data need expect a object but got', data);
+            console.warn('setValue data need expect a object but got null', data);
             return;
         }
-        const formItemMapEntriesList = [...formsItemMap.entries()];
-        formItemMapEntriesList.map(([name, n]) => {
-            var _a;
-            let items = (_a = formsItemMap.get(name)) !== null && _a !== void 0 ? _a : n;
-            if (!Array.isArray(items)) {
-                items = [items];
-            }
-            items.forEach((item) => {
-                if (!item.setValue) {
-                    console.error('表单组件缺少setValue方法:', item);
-                    return;
-                }
-                const value = lodashGet(data, name, NOT_EXISTED_VALUE);
-                if (value !== NOT_EXISTED_VALUE) {
-                    item.setValue(value);
-                }
-                else {
-                    if (setNull) {
-                        item.setValue(null);
-                    }
-                }
-            });
-        });
-        isImmediate ? updateFormContextImmediate() : updateFormContext();
-    }, [formsItemMap, updateFormContext, updateFormContextImmediate]);
-    const setValue = useDebouncedCallback(setValueImmediate, 
-    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    SET_VALUE_DEBOUNCE_TIMEOUT * 2, { trailing: true });
+        setFormData(data);
+    }, []);
     const clearValidate = useCallback(() => {
         formsItemMap.forEach((items) => {
             items.forEach((item) => {
@@ -256,8 +235,10 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
         });
     }, [formsItemMap]);
     const [visible, setVisible] = React.useState(false);
+    const [isInformContainer, setIsInformContainer] = React.useState(false);
     React.useEffect(() => {
         setVisible(true);
+        setIsInformContainer(true);
     }, []);
     useMountEffect(() => {
         logger.debug('formItemMap', formsItemMap);
@@ -323,6 +304,11 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [formsItemMap]);
     const { data: formInitValueToSet } = useInitValueFromRemote(datasourceType, dataSourceProfile, fetchedInitialValues);
+    const setValueDebounce = useDebouncedCallback(setValue, SET_VALUE_DEBOUNCE_TIMEOUT, {
+        // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+        maxWait: SET_VALUE_DEBOUNCE_TIMEOUT * 2,
+        trailing: true,
+    });
     useEffect(() => {
         if (initValueLoadingStatus !== 'done' || !fetchedInitialValues)
             return;
@@ -339,41 +325,28 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
                 hasSetInitValueRef.current = true;
                 return formInitValueToSet;
             });
-            // 先设置，此时会初始化 form detail item个数
-            setValue(formInitValueToSet, true);
+            setValueDebounce(formInitValueToSet);
         }
-    }, [fetchedInitialValues, formInitValueToSet, initValueFetchError, initValueLoadingStatus, setValue]);
+    }, [datasourceType, fetchedInitialValues, formInitValueToSet, initValueFetchError, initValueLoadingStatus, setValueDebounce]);
     React.useEffect(() => {
         var _a, _b;
         // 兼容私有环境，新接口不存在的情况，产品策略完善后移除
-        if ((window === null || window === void 0 ? void 0 : window['_isPrivate']) &&
-            !((_b = (_a = window === null || window === void 0 ? void 0 : window.app) === null || _a === void 0 ? void 0 : _a.cloud) === null || _b === void 0 ? void 0 : _b.getDataSourceProfileAsync)) {
+        if ((window === null || window === void 0 ? void 0 : window['_isPrivate']) && !((_b = (_a = window === null || window === void 0 ? void 0 : window.app) === null || _a === void 0 ? void 0 : _a.cloud) === null || _b === void 0 ? void 0 : _b.getDataSourceProfileAsync)) {
             initDataSourceFieldsWithAuth === null || initDataSourceFieldsWithAuth === void 0 ? void 0 : initDataSourceFieldsWithAuth({ isDataModel });
             return;
         }
-        if (!isInIde()) {
-            initDataSourceFieldsWithAuth(authValue);
-        }
-    }, [
-        authValue,
-        isDataModel,
-        initDataSourceFieldsWithAuth,
-        formsItemMap,
-        formItemMapKey,
-    ]);
-    const initedItemMapRef = useRef({});
-    const preFormCtxRef = useRef(null);
-    const [formData, setFormData] = useState(() => getFormDataFromItemMap(formsItemMap, formType));
+        initDataSourceFieldsWithAuth(authValue);
+    }, [authValue, isDataModel, initDataSourceFieldsWithAuth, formItemMapKey]);
     const submitParams = useRemoteParamsFromValue({
         dataSourceProfile,
-        formData,
+        formData: formFieldsValue,
         formType,
         _id,
     });
     useSetWidgetApi(() => {
         const r = {
             formType,
-            addFormItem(name, formItem) {
+            addFormItem(name, formItem, { initialValue, namePath }) {
                 if (isNil(name) || (typeof name === 'string' && name.length === 0)) {
                     // name 没设置或为空串的时候不受表单容器控制
                     console.warn(`组件 #${formItem === null || formItem === void 0 ? void 0 : formItem.id} 表单key(表单输入类组件 name 属性)没设置或为空串的时候不受表单容器控制`);
@@ -384,12 +357,30 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
                 }
                 else {
                     formsItemMap.set(name, [formItem]);
+                    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+                    if (name && (namePath === null || namePath === void 0 ? void 0 : namePath.length) === 1) {
+                        setFormItemMapList((formItemMapList) => [...formItemMapList, name]);
+                    }
+                }
+                // 设置初始值
+                // form的初始值>formArr/formObj/formDetail>field
+                if (initialValue !== undefined) {
+                    const _initialValues = deepClone(initialValues);
+                    const value = lodashGet(_initialValues, namePath, NOT_EXISTED_VALUE);
+                    if (value === NOT_EXISTED_VALUE) {
+                        setFieldInitValueCache((fieldInitValueCache) => {
+                            const _fieldInitValueCache = deepClone(fieldInitValueCache);
+                            lodashSet(_fieldInitValueCache, namePath, initialValue);
+                            return _fieldInitValueCache;
+                        });
+                    }
                 }
                 return () => {
                     const items = formsItemMap.get(name);
                     const removedArr = items.filter((item) => item !== formItem);
                     if (removedArr.length <= 0) {
                         formsItemMap.delete(name);
+                        setFormItemMapList((formItemMapList) => formItemMapList.filter((item) => item !== name));
                     }
                     else {
                         formsItemMap.set(name, removedArr);
@@ -397,16 +388,25 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
                 };
             },
             submitParams,
-            setValue,
+            setValue(value, opts = { notMerge: false }) {
+                // notMerge 默认false，表示与之前的表单值合并
+                if (opts.notMerge) {
+                    setValueDebounce(value);
+                }
+                else {
+                    const _formFieldsValue = deepClone(formFieldsValue);
+                    setValueDebounce({ ..._formFieldsValue, ...value });
+                }
+            },
             reset() {
-                setValue({}, true);
+                setValueDebounce(initialValues);
             },
             clearValue({ isImmediate = false } = {}) {
                 if (isImmediate) {
-                    setValueImmediate({}, true, true);
+                    setValue({});
                 }
                 else {
-                    setValue({}, true);
+                    setValueDebounce({});
                 }
             },
             async validate() {
@@ -434,9 +434,8 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
             authValue,
             layout,
             dataSourceName,
-            value: formData,
+            value: formFieldsValue,
             remoteValue: fetchedInitialValues,
-            updateFormContext,
             dataSourceProfile,
             errors,
             clearValidate,
@@ -447,25 +446,22 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
             isDisabledSubmit,
             disableSubmit,
             enableSubmit,
-            __setValueImmediate__: setValueImmediate,
+            fieldInitValueCache,
         };
         return r;
     }, [
         formType,
         submitParams,
         setValue,
+        setValueDebounce,
         initialValues,
         authValue,
         layout,
         dataSourceName,
-        formData,
+        formFieldsValue,
         fetchedInitialValues,
-        updateFormContext,
         dataSourceProfile,
         errors,
-        formsItemMap,
-        submit,
-        validate,
         clearValidate,
         datasourceType,
         methodCreate,
@@ -474,8 +470,11 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
         isDisabledSubmit,
         disableSubmit,
         enableSubmit,
+        fieldInitValueCache,
+        formsItemMap,
+        validate,
         eventsRef,
-        setValueImmediate,
+        submit,
     ], ref);
     useUnmountEffect(() => {
         if (typeof ref === 'function') {
@@ -485,86 +484,10 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
             ref.current = null;
         }
     });
-    const setInitValueImmediate = useCallback(() => {
-        // 获取子表单初始值
-        const formDetailInitValue = {};
-        for (const [name, formItems] of formsItemMap.entries()) {
-            formItems.forEach((formItem) => {
-                var _a, _b;
-                if (((_b = (_a = formItem === null || formItem === void 0 ? void 0 : formItem.getConfig) === null || _a === void 0 ? void 0 : _a.call(formItem)) === null || _b === void 0 ? void 0 : _b.componentType) === 'formdetail') {
-                    formDetailInitValue[name] = formItem === null || formItem === void 0 ? void 0 : formItem.value;
-                }
-            });
-        }
-        const entires = [...formsItemMap.entries()];
-        unstable_batchedUpdates(() => {
-            for (const [name, formItems] of entires) {
-                // 合并子表单初始值与表单初始值
-                const formItem = formItems;
-                const initValues = { ...formDetailInitValue, ...formInitValueToSet };
-                const value = lodashGet(initValues, name);
-                if (initedItemMapRef.current[name] !== true && value !== undefined) {
-                    formItems.forEach((item) => {
-                        var _a;
-                        logger.debug(`set VALUE ${name}`, value, formItem);
-                        (_a = item.setValue) === null || _a === void 0 ? void 0 : _a.call(item, value);
-                    });
-                    initedItemMapRef.current[name] = true;
-                }
-            }
-        });
-        updateFormContext();
-    }, [formInitValueToSet, formsItemMap, updateFormContext]);
-    const setInitValue = useDebouncedCallback(setInitValueImmediate, SET_VALUE_DEBOUNCE_TIMEOUT, {
-        // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-        maxWait: SET_VALUE_DEBOUNCE_TIMEOUT * 2,
-        trailing: true,
-    });
-    const lastInitValueRef = useRef(null);
-    React.useEffect(() => {
-        if (isObjectEqual(lastInitValueRef.current, initialValues) &&
-            isObjectEqual(formItemMapKeyRef.current, formItemMapKey)) {
-            return;
-        }
-        // 单向 Form向下设置值
-        let setValueReady = false;
-        const timeout = 30;
-        let id;
-        const setValueUntilReady = () => {
-            setValueReady = [...formsItemMap.values()].every((items) => items.every((item) => !!item.setValue));
-            if (id) {
-                clearTimeout(id);
-                id = null;
-            }
-            if (!setValueReady) {
-                // eslint-disable-next-line rulesdir/no-timer
-                id = setTimeout(() => {
-                    setValueUntilReady();
-                }, timeout);
-                return;
-            }
-            /* formInitValueToSet 被初始化后会调用setValue
-            此时form items都有了，但是setInitValue 里面batch update 之后还是会出现form detail内部有时设置不上值（下断点或电脑卡就可以）
-            不batch update form item 多了会非常非常卡，所以搞两下
-      
-            https://andon.woa.com/ticket/detail/?id=11607503&sign=e9f203927d29c0007a797039a1471f7d
-            */
-            setInitValueImmediate();
-            Promise.resolve().then(setInitValue);
-        };
-        setValueUntilReady();
-        lastInitValueRef.current = initialValues;
-        formItemMapKeyRef.current = formItemMapKey;
-        return () => {
-            if (id) {
-                clearTimeout(id);
-            }
-        };
-    });
     useLayoutEffect(() => {
         // 兼容流程
         if ($node) {
-            $node.setValue = setValue;
+            $node.setValue = ref === null || ref === void 0 ? void 0 : ref.setValue;
             $node.submit = submit;
             $node.formItems = '为了兼容不报错';
             return () => {
@@ -573,16 +496,39 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
                 $node.formItems = undefined;
             };
         }
-    }, [$node, setValue, submit]);
+    }, [$node, ref === null || ref === void 0 ? void 0 : ref.setValue, submit]);
     const labelPosition = useMemo(() => {
         return `${layout}-${labelAlign}`;
     }, [layout, labelAlign]);
+    const getFieldValue = useCallback(({ namePath, initialValue }) => {
+        const value = lodashGet(formFieldsValue, namePath, NOT_EXISTED_VALUE);
+        if (value !== NOT_EXISTED_VALUE) {
+            return value;
+        }
+        else {
+            // 设置初始值,兼容表单项变量绑定场景
+            // form的初始值>formArr/formObj/formDetail>field
+            if (initialValue !== undefined) {
+                return initialValue;
+            }
+            return null;
+        }
+    }, [formFieldsValue]);
+    const setFieldValue = useCallback(({ namePath, value }) => {
+        const _formData = deepClone(formData);
+        lodashSet(_formData, namePath, value);
+        setValue(_formData);
+    }, [formData, setValue]);
     if (initValueLoadingStatus === 'hidden') {
         return null;
     }
-    if (initValueLoadingStatus === 'loading' && !fetchedInitialValues) {
-        return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(StatusTip, { status: "loading", loadingText: "\u6570\u636E\u52A0\u8F7D\u4E2D..." }) }));
-    }
-    return (_jsx(FormWidgetProvider, { "$widget": $widget, children: _jsx(FormLayoutProvider, { layout: layout, children: _jsx(FormTypeProvider, { formType: formType, children: _jsx(FormUi, { layout: layout, className: cls, style: style, id: id, lgWidth: lgWidth, labelPosition: labelPosition, children: initValueFetchError ? (_jsx(EmptyContent, { emptyText: '数据加载失败', errorObj: initValueFetchError, icon: 'error', isH5: isH5 })) : (visible && contentSlot) }) }) }) }));
+    // if (initValueLoadingStatus === 'loading' && !fetchedInitialValues) {
+    //   return (
+    //     <ConfigProvider classPrefix="wedatea2td">
+    //       <StatusTip status="loading" loadingText="数据加载中..." />
+    //     </ConfigProvider>
+    //   );
+    // }
+    return (_jsx(FormWidgetProvider, { "$widget": $widget, children: _jsx(FormLayoutProvider, { layout: layout, children: _jsx(FormTypeProvider, { formType: formType, children: _jsx(FormFieldProvider, { setFieldValue: setFieldValue, isInformContainer: isInformContainer, getFieldValue: getFieldValue, children: _jsx(FormUi, { layout: layout, className: cls, style: style, id: id, lgWidth: lgWidth, labelPosition: labelPosition, children: initValueFetchError ? (_jsx(EmptyContent, { emptyText: '数据加载失败', errorObj: initValueFetchError, icon: 'error', isH5: isH5 })) : (visible && contentSlot) }) }) }) }) }));
 });
 export default React.memo(WdForm);

package/dist/web/components/wd-form-item/wd-form-item.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import type { WdFormItemProps } from '../../../configs/type-utils/type-form';
 /**
  * 表单项包裹，包括标题、文本提示、校验
  */
-export declare function WdFormItem(props: WdFormItemProps): JSX.Element;
+export declare const WdFormItem: React.NamedExoticComponent<WdFormItemProps>;
 export type { WdFormItemProps };