@cloudbase/weda-ui 3.4.8 → 3.4.9-alpha.1024

package/dist/web/components/form/userOrgSelect/hooks/use-depart-data.js

@@ -1,8 +1,11 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import destr from 'destr';
 import useSWR from 'swr';
-import { fetchUserData, DescribeOrgs } from '../common/fetch-data-service';
-const Icon = (React.createElement("img", { src: "https://qcloudimg.tencent-cloud.cn/raw/794436ec3d598c50f771e346a8fce4e0.svg" }));
+import { v4 as uuidv4 } from 'uuid';
+import { fetchUserData, DescribeOrgs, fetchAllCorps, fetchAllDepartments, CURRENT_CORP, } from '../common/fetch-data-service';
+import { buildTree } from '../common/utils';
+import { deepClone } from '../../../../utils/tool';
+const Icon = (_jsx("img", { src: "https://qcloudimg.tencent-cloud.cn/raw/794436ec3d598c50f771e346a8fce4e0.svg" }));
 const buildTreeData = (list) => {
     let res = [];
     let tempOrgList = [];
@@ -16,9 +19,10 @@ const buildTreeData = (list) => {
                 icon: Icon,
                 content: i.departmentName,
                 children: undefined,
+                selectable: true,
                 // 下面这3个属性是 TreeData 节点自定义属性
                 code: i.departmentCode,
-                parentcode: i.departmentParentCode,
+                parentCode: i.departmentParentCode,
                 depth: i.depth,
                 disableSelect: i.disableSelect,
             };
@@ -42,9 +46,10 @@ const getChildren = (all, item) => {
             icon: Icon,
             content: i.departmentName,
             children: undefined,
+            selectable: true,
             // 下面这3个属性是 TreeData 节点自定义属性
             code: i.departmentCode,
-            parentcode: i.departmentParentCode,
+            parentCode: i.departmentParentCode,
             depth: i.depth,
             disableSelect: i.disableSelect,
         };
@@ -86,3 +91,106 @@ export const useDepartData = (props) => {
      */
     return { ...treeData, error };
 };
+const noOrgUsersDepartment = ({ parentCode }) => {
+    const id = `isNoOrgList-${uuidv4()}`;
+    return {
+        id,
+        name: 'isNoOrgList',
+        code: id,
+        parentCode,
+        content: '未关联部门用户',
+        icon: Icon,
+    };
+};
+export const useDepartDataNew = (props) => {
+    const { request } = props;
+    const { data: treeData, error } = useSWR('GetCorpsAndDepartments', async () => {
+        let orgList = [];
+        // 拉取关联企业： 需要拉取所有的企业，以及企业下的部门列表
+        const [allCorpList, allDepartmentsList] = await Promise.all([
+            fetchAllCorps(request).catch(() => {
+                return [];
+            }),
+            fetchAllDepartments(request),
+        ]);
+        // 判断是否拉取到了关联企业
+        const associatedCorps = (allCorpList || []).filter((corp) => corp.id !== CURRENT_CORP.id);
+        // 组件中是否显示企业
+        const showCorps = associatedCorps && associatedCorps.length > 0;
+        /**
+         * 拉取到互联企业，组件第一级展示企业列表；否则，将【当前企业】下的部门平铺
+         */
+        if (showCorps) {
+            orgList = [...allCorpList, ...allDepartmentsList];
+            /**
+             * 处理数据的层级关系
+             * 拉取了企业时，将一级部门的父节点指向对应的企业
+             */
+            for (const item of orgList) {
+                if (item.type === 'department' && item.parentCode === '!!ROOT') {
+                    if (item.corpId) {
+                        // 一级部门的父级节点指向对应的企业
+                        item.parentCode = item.corpId;
+                    }
+                    else {
+                        // 一级部门的corpId为空字符串时，表示属于【本企业】
+                        item.parentCode = CURRENT_CORP.id;
+                    }
+                }
+            }
+        }
+        else {
+            orgList = [...allDepartmentsList];
+            /**
+             * 处理数据的层级关系
+             * 只拉取部门时，将一级部门的parentCode置为空：构建树时判断parentCode为空来查找根节点
+             */
+            for (const item of orgList) {
+                if (item.parentCode === '!!ROOT') {
+                    item.parentCode = undefined;
+                }
+            }
+        }
+        const formattedOrgList = orgList
+            .filter((item) => item.name)
+            .map((item) => {
+            const { id, name, code, parentCode, selectable, ...restProps } = item;
+            return {
+                id,
+                content: name,
+                icon: Icon,
+                name,
+                code,
+                parentCode,
+                children: undefined,
+                selectable,
+                disableSelect: false,
+                ...restProps,
+            };
+        });
+        const { treeData } = buildTree(formattedOrgList);
+        // 选人组件：企业下显示【未关联部门用户】这个虚拟部门
+        const finalTreeData = deepClone(treeData);
+        // 显示企业：该部门作为根节点企业的子节点
+        if (showCorps) {
+            for (const corp of finalTreeData) {
+                if (!corp.children) {
+                    corp.children = [];
+                }
+                corp.children.push(noOrgUsersDepartment({ parentCode: corp.id }));
+            }
+        }
+        else {
+            // 不显示企业，该虚拟部门和一级部门平级
+            finalTreeData.push(noOrgUsersDepartment({ parentCode: CURRENT_CORP.id }));
+        }
+        return {
+            orgList: formattedOrgList,
+            orgTreeData: treeData,
+            finalOrgTreeData: finalTreeData,
+        };
+    }, 
+    // 30秒dedupe
+    { dedupingInterval: 30 * 1000 });
+    return { ...treeData, error };
+};

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

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { FormItemWrapper } from '../common/form-item-wrapper';
+import Checkbox from '../form/checkbox';
+import Tips from '../form/tips';
+import { useFormInputTrait } from '../form-input-hooks';
+const FormCheckbox = React.forwardRef(function FormCheckbox(props, inputRef) {
+    const { className, id, style, required, requiredFlag, events, label, labelVisible, enumName, format, 
+    // tipBlock,
+    range: propRange, ...restProps } = props;
+    const { value, name, onChange, disabled, layout, 
+    // readOnly,
+    validateErrorMsg, validateState, visible, } = useFormInputTrait({
+        name: restProps.name,
+        inputRef,
+        required,
+        ...restProps,
+    });
+    const range = React.useMemo(() => {
+        const range = propRange &&
+            propRange.map((item) => {
+                const checked = value && value.find((val) => val === item.value);
+                return {
+                    value: item.value,
+                    label: item.label,
+                    checked: !!checked,
+                };
+            });
+        return range;
+    }, [propRange, value]);
+    if (!visible) {
+        return null;
+    }
+    return (_jsxs(FormItemWrapper, { children: [_jsx(Checkbox, { id: id, className: className, style: style, name: name, events: events, onChange: onChange, controlValue: value, disabled: disabled, enumName: enumName, format: format, label: label, labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, range: range }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+});
+export default FormCheckbox;

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

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useRef, useState } from 'react';
+import { FormItemWrapper } from '../common/form-item-wrapper';
+import Select from '../form/select';
+import Tips from '../form/tips';
+import { useFormInputTrait } from '../form-input-hooks';
+const submitFormatter = (value) => {
+    if (value == undefined) {
+        return NaN;
+    }
+    let date = typeof value === 'number'
+        ? new Date(value)
+        : value.includes(':') // 时间日期
+            ? new Date(value)
+            : new Date(`${value}T00:00:00+0800`);
+    // @ts-expect-error 老逻辑
+    if (isNaN(date)) {
+        date = new Date(`${value.replace(/-/g, '/')} 00:00:00`);
+    }
+    return date.valueOf();
+};
+const FormDate = React.forwardRef(function FormSwitch(props, ref) {
+    const { className, id, style, events, required, requiredFlag, label, labelVisible, mode, end, placeholder, size, start, ...restProps } = props;
+    const [innerHandle, setInnerHandle] = useState({});
+    const inputRef = useRef({});
+    const { value, name, onChange, disabled, layout, 
+    // readOnly,
+    validateErrorMsg, validateState, visible, } = useFormInputTrait({
+        name: restProps.name,
+        // @ts-expect-error inputRef 没用
+        inputRef,
+        required,
+        setInnerHandle,
+        ...restProps,
+    });
+    React.useImperativeHandle(ref, () => {
+        return {
+            ...innerHandle,
+            getValue: () => {
+                var _a;
+                return submitFormatter((_a = innerHandle === null || innerHandle === void 0 ? void 0 : innerHandle.getValue) === null || _a === void 0 ? void 0 : _a.call(innerHandle));
+            },
+            // value: submitFormatter(innerHandle.value),
+        };
+    }, [innerHandle]);
+    if (!visible) {
+        return null;
+    }
+    return (_jsxs(FormItemWrapper, { children: [_jsx(Select, { id: id, style: style, className: className, events: events, onChange: onChange, name: name, disabled: disabled, label: label, labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, defaultValue: value, mode: "date", dateMode: mode, defaultDate: value, endDate: end, placeholder: placeholder, size: size, startDate: start }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+});
+export default FormDate;

package/dist/web/components/form-depart-tree-select/index.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { FormItemWrapper } from '../common/form-item-wrapper';
+import Tips from '../form/tips';
+import DepartTreeSelect from '../form/userOrgSelect/component/depart-select';
+import { useFormInputTrait } from '../form-input-hooks';
+const FormDepartTreeSelect = React.forwardRef(function FormDepartTreeSelect(props, inputRef) {
+    const { className, id, style, confirmValue, label, labelVisible, multiple, defaultValueType, placeholder, required, requiredFlag, size, events, departmentScope, ...restProps } = props;
+    const { name, value, onChange, disabled, layout, 
+    // readOnly,
+    validateErrorMsg, validateState, visible, } = useFormInputTrait({
+        name: restProps.name,
+        inputRef,
+        required,
+        ...restProps,
+    });
+    if (!visible) {
+        return null;
+    }
+    return (_jsxs(FormItemWrapper, { children: [_jsx(DepartTreeSelect, { id: id, events: events, className: className, style: style, confirmValue: confirmValue, onChange: onChange, defaultValue: value, defaultValueType: defaultValueType, disabled: disabled, label: label, labelVisible: labelVisible, layout: layout, multiple: multiple, name: name, placeholder: placeholder, requiredFlag: required && requiredFlag, size: size, departmentScope: departmentScope }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+});
+export default FormDepartTreeSelect;

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

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { debug } from '../../utils/console';
+import { useFormInputTrait } from '../form-input-hooks';
+import Input from '../form/input';
+import Tips from '../form/tips';
+import { FormItemWrapper } from '../common/form-item-wrapper';
+const rules = [
+    {
+        format: 'email',
+        message: '邮箱校验失败',
+    },
+];
+const logger = debug('wd-input');
+const FormEmail = React.forwardRef(function FormEmail(props, inputRef) {
+    const { className, id, style, required, requiredFlag, label, labelVisible, placeholder, size, maxLength, focus, clearable, events, ...restProps } = props;
+    const { value, name, onChange, disabled, layout, 
+    // readOnly,
+    validateErrorMsg, validateState, visible, } = useFormInputTrait({
+        inputRef,
+        required,
+        rules,
+        ...restProps,
+    });
+    logger.debug(restProps, name, 'WDINPUT_NAME', id);
+    if (!visible) {
+        return null;
+    }
+    return (_jsxs(FormItemWrapper, { children: [_jsx(Input, { defaultValue: value, id: id, className: className, style: style, onChange: onChange, disabled: disabled, requiredFlag: requiredFlag && required, layout: layout, label: label, labelVisible: labelVisible, clearable: clearable, maxLength: maxLength, password: false, size: size, type: "text", focus: focus, events: events, placeholder: placeholder }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+});
+export default FormEmail;

package/dist/web/components/form-image-uploader/index.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import Tips from '../form/tips';
+import { useFormInputTrait } from '../form-input-hooks';
+import { Uploader } from '../../components';
+import { FormItemWrapper } from '../common/form-item-wrapper';
+import { useRef, useState } from 'react';
+const FormImageUploader = React.forwardRef(function FormImageUploader(props, ref) {
+    const { className, id, style, events, required, requiredFlag, labelVisible, value: propValue, title, acceptTypes, maxSize, maxUploadCount, single, showShape, ...restProps } = props;
+    const normalizedValue = typeof propValue === 'string'
+        ? propValue == ''
+            ? null
+            : propValue.split(',')
+        : propValue;
+    const [innerHandle, setInnerHandle] = useState({});
+    const inputRef = useRef(null);
+    const { value, name, onChange, disabled, layout, 
+    // readOnly,
+    validateErrorMsg, validateState, visible, } = useFormInputTrait({
+        name: restProps.name,
+        inputRef,
+        required,
+        setInnerHandle,
+        value: normalizedValue,
+        ...restProps,
+    });
+    React.useImperativeHandle(ref, () => {
+        var _a;
+        let value = innerHandle.value;
+        if (Array.isArray(innerHandle.value) && single) {
+            value = (_a = value === null || value === void 0 ? void 0 : value[0]) !== null && _a !== void 0 ? _a : '';
+        }
+        return {
+            ...innerHandle,
+            value,
+            getValue: () => {
+                return value;
+            },
+        };
+    }, [innerHandle, single]);
+    if (!visible) {
+        return null;
+    }
+    return (_jsxs(FormItemWrapper, { children: [_jsx(Uploader, { id: id, style: style, className: className, events: events, name: name, onChange: onChange, disabled: disabled, title: title, labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, acceptTypes: acceptTypes, defaultValue: value, maxSize: maxSize, maxUploadCount: maxUploadCount, single: single, 
+                // @ts-expect-error 兼容老逻辑
+                tips: props.tips, 
+                // isChooseAvatar={isChooseAvatar}
+                showShape: showShape }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+});
+export default FormImageUploader;

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

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { debug } from '../../utils/console';
+import { useFormInputTrait } from '../form-input-hooks';
+import Input from '../form/input';
+import Tips from '../form/tips';
+import { FormItemWrapper } from '../common/form-item-wrapper';
+const logger = debug('wd-input');
+const WdInput = React.forwardRef(function WdInput(props, inputRef) {
+    const { className, id, style, required, requiredFlag, label, labelVisible, placeholder, size, type, maxLength, password, focus, clearable, events, ...restProps } = props;
+    const { value, name, onChange, disabled, layout, 
+    // readOnly,
+    validateErrorMsg, validateState, visible, } = useFormInputTrait({
+        name: restProps.name,
+        inputRef,
+        required,
+        ...restProps,
+    });
+    logger.debug(restProps, name, 'WDINPUT_NAME', id);
+    if (!visible) {
+        return null;
+    }
+    return (_jsxs(FormItemWrapper, { children: [_jsx(Input, { name: name, defaultValue: value, id: id, className: className, style: style, onChange: onChange, disabled: disabled, requiredFlag: requiredFlag && required, layout: layout, label: label, labelVisible: labelVisible, clearable: clearable, maxLength: maxLength, password: password, size: size, type: type, focus: focus, events: events, placeholder: placeholder }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+});
+export default WdInput;

package/dist/web/components/form-input-hooks/index.js

@@ -0,0 +1,281 @@
+/* eslint max-lines: [error, 400] */
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import useSWR from 'swr';
+import { debug } from '../../utils/console';
+import { useSyncValue } from '../../utils/hooks/useSyncValue';
+import isObjectEqual from '../../utils/isObjectEqual';
+import { isNil } from '../../utils/lodash';
+import { getParentForm, useWedaAppContext } from '../../utils/widget-api';
+import { validType } from './validator';
+import { emptyArray, noop } from '../../utils/constant';
+import { useRerender, useSyncedRef, useUnmountEffect } from '@react-hookz/web';
+const logger = debug('wd-form-item');
+export function useParentForm($widget) {
+    const { ready } = useWedaAppContext();
+    const { data } = useSWR([$widget, ready, getParentForm], ([$node, ready]) => {
+        logger.debug('ready', ready, '$widget', $node);
+        if (!ready)
+            return null;
+        const form = getParentForm($node);
+        if (form === undefined) {
+            logger.debug('useParentForm', $node.id, $node.parent);
+        }
+        return form;
+        // return Promise.resolve().then(() => {
+        //   return getParentForm($node);
+        // });
+    }, {
+        revalidateOnMount: true,
+        refreshWhenHidden: true,
+        refreshWhenOffline: true,
+        onError(err) {
+            console.error('getParentForm', err);
+        },
+    });
+    return data;
+}
+export function useFormInputTrait(inputParams) {
+    const { value, $widget, inputRef, required, requiredMsg, rules = emptyArray, events, layout: currentLayout, setInnerHandle = noop, onChange: outerOnChange = noop, $node, } = inputParams;
+    if (isNil($widget)) {
+        throw new Error('$widget 没传入');
+    }
+    const eventsRef = useSyncedRef(events);
+    const [name] = useSyncValue(inputParams.name);
+    const [disabled, setDisabled] = useSyncValue(inputParams.disabled);
+    const [readOnly] = useSyncValue(inputParams.readOnly);
+    const [validateState, setValidateState] = useState(inputParams.validateStatus);
+    const [validateErrorMsg, setValidateErrorMsg] = useState('');
+    const [visible, setVisible] = useState(true);
+    const forceUpdate = useRerender();
+    const form = useParentForm($widget);
+    logger.debug(inputParams, 'WdFormItem');
+    const layout = useMemo(() => {
+        let finalLayout;
+        if (form && (!currentLayout || currentLayout === 'auto')) {
+            finalLayout = form.layout;
+        }
+        else {
+            finalLayout = currentLayout;
+        }
+        return finalLayout;
+    }, [form, currentLayout]);
+    const [syncValue, _setSyncedValue] = useSyncValue(value, isObjectEqual);
+    const setSyncedValue = useCallback((newVal) => {
+        var _a;
+        logger.debug('updateFormContext', newVal);
+        _setSyncedValue(newVal);
+        if (typeof $node === 'object' && $node !== null) {
+            $node.value = newVal;
+        }
+        (_a = form === null || form === void 0 ? void 0 : form.updateFormContext) === null || _a === void 0 ? void 0 : _a.call(form, name, newVal);
+    }, [_setSyncedValue, $node, form, name]);
+    // const [syncValue] = useSetValueWithFormContextUpdate(value, form, name);
+    useEffect(() => {
+        logger.debug('Form', form);
+    }, [form]);
+    useEffect(() => {
+        var _a, _b;
+        const removeFormItem = (_b = (_a = $widget
+            .closest((w) => { var _a, _b; return ((_b = (_a = w.getConfig) === null || _a === void 0 ? void 0 : _a.call(w)) === null || _b === void 0 ? void 0 : _b.componentType) === 'form'; })) === null || _a === void 0 ? void 0 : _a.addFormItem) === null || _b === void 0 ? void 0 : _b.call(_a, name, $widget);
+        logger.debug('addFormItem', name);
+        return () => {
+            removeFormItem === null || removeFormItem === void 0 ? void 0 : removeFormItem();
+        };
+    }, [$widget, name, form]);
+    const clearValidate = useCallback(() => {
+        setValidateErrorMsg('');
+        setValidateState(undefined);
+    }, [setValidateErrorMsg, setValidateState]);
+    // 挂在setValue方法到 $widget上
+    React.useImperativeHandle(inputRef, () => {
+        const result = {
+            setValue(val) {
+                setSyncedValue(val);
+            },
+            setVisible(val) {
+                if (typeof val !== 'boolean') {
+                    console.warn('参数需要为boolean');
+                    return;
+                }
+                setVisible(val);
+            },
+            setHidden() {
+                setVisible(false);
+            },
+            setDisable(value) {
+                const originalValue = disabled;
+                setDisabled(value);
+                return () => {
+                    setDisabled(originalValue);
+                };
+            },
+            clearValue() {
+                setSyncedValue(null);
+            },
+            setReadOnly(value) {
+                const originalValue = disabled;
+                // 先用disabled属性来做
+                setDisabled(value);
+                return () => {
+                    setDisabled(originalValue);
+                };
+            },
+            async handleValidate() {
+                let finalValue = syncValue;
+                if (!required && !rules.length)
+                    return;
+                if (finalValue) {
+                    if (typeof finalValue === 'string') {
+                        if (finalValue.trim) {
+                            finalValue = finalValue.trim();
+                        }
+                        else {
+                            finalValue = finalValue.replace(/(^\s*)|(\s*$)/g, '');
+                        }
+                    }
+                }
+                const validPromise = [];
+                if (required) {
+                    if (!validType.required(finalValue)) {
+                        validPromise.push(Promise.resolve({ format: 'required', message: requiredMsg }));
+                    }
+                }
+                logger.debug('finalValue', finalValue);
+                if (finalValue) {
+                    if (rules.length) {
+                        rules.some((item) => {
+                            if (!item.format && !item.pattern) {
+                                // console.log(item)
+                                throw new Error('验证规则必须配置 format/pattern');
+                            }
+                            if (item.format) {
+                                const typeFunc = validType[item.format];
+                                if (typeFunc && !typeFunc(String(finalValue))) {
+                                    // console.log("format 校验>>>>")
+                                    validPromise.push(Promise.resolve(item));
+                                    return false;
+                                }
+                            }
+                            else {
+                                if (item.pattern) {
+                                    // 正则校验
+                                    // console.log("pattern 校验>>>>")
+                                    const reg = new RegExp(item.pattern);
+                                    if (!reg.test(String(finalValue))) {
+                                        validPromise.push(Promise.resolve(item));
+                                        return false;
+                                    }
+                                }
+                            }
+                        });
+                    }
+                }
+                const result = Promise.all(validPromise).then((arr) => {
+                    return arr.filter((item) => item !== void 0);
+                });
+                const errorArr = await result;
+                if (errorArr.length > 0) {
+                    setValidateState('error');
+                    setValidateErrorMsg(errorArr[0].message);
+                }
+                else {
+                    // console.log("校验成功>>>>>>>")
+                    setValidateState('success');
+                    setValidateErrorMsg('');
+                }
+                return errorArr;
+            },
+            getValue() {
+                return syncValue;
+            },
+            name,
+            forceUpdate,
+            value: syncValue,
+            clearValidate,
+        };
+        setInnerHandle(result);
+        logger.debug('useImperativeHandle', result);
+        return result;
+    }, [
+        name,
+        syncValue,
+        forceUpdate,
+        setInnerHandle,
+        setSyncedValue,
+        disabled,
+        setDisabled,
+        required,
+        rules,
+        requiredMsg,
+        clearValidate,
+    ]);
+    const { data: fieldPermission, error: fieldPermissionError, isLoading: fieldPermissionLoading, } = useSWR(() => {
+        return [form.authValue, name];
+    }, ([authValue, name]) => {
+        const { isDataModel, dataSourceFieldsWidthAuthList = emptyArray } = authValue;
+        if (isDataModel) {
+            const fieldPermissions = dataSourceFieldsWidthAuthList.filter((fieldPermission) => {
+                return fieldPermission[name];
+            });
+            if (fieldPermissions.length > 0) {
+                return fieldPermissions[0][name];
+            }
+        }
+        return null;
+    });
+    useEffect(() => {
+        if (fieldPermissionLoading)
+            return;
+        if (fieldPermissionError || !fieldPermission)
+            return;
+        if (fieldPermission === 'rw') {
+            setVisible(true);
+            setDisabled(disabled || false);
+        }
+        else if (fieldPermission === 'r') {
+            setVisible(true);
+            setDisabled(true);
+        }
+        else if (fieldPermission === 'n') {
+            setVisible(false);
+        }
+    }, [
+        disabled,
+        fieldPermission,
+        fieldPermissionError,
+        fieldPermissionLoading,
+        setDisabled,
+    ]);
+    useUnmountEffect(() => {
+        var _a;
+        (_a = form === null || form === void 0 ? void 0 : form.updateFormContext) === null || _a === void 0 ? void 0 : _a.call(form, name, undefined);
+    });
+    // const runOnceRef = useRef(false);
+    // useEffect(() => {
+    //   // 双保险，向上取initialValues
+    //   if (runOnceRef.current) {
+    //     return;
+    //   }
+    //   if (!form) return;
+    //   if (!value && !isNil(lodashGet(form.initialValues, name))) {
+    //     setSyncedValue(lodashGet(form.initialValues, name));
+    //     runOnceRef.current = true;
+    //   }
+    // }, [form, name, setSyncedValue, value]);
+    const onChange = useCallback((value) => {
+        setSyncedValue(value);
+        outerOnChange(value);
+    }, [eventsRef, outerOnChange, setSyncedValue]);
+    return {
+        visible,
+        onChange,
+        value: syncValue,
+        disabled,
+        readOnly,
+        required,
+        name,
+        validateState,
+        validateErrorMsg,
+        layout,
+    };
+}