@cloudbase/weda-ui 3.1.3 → 3.1.7

package/dist/web/components/form/select/dropdown-select/ui.js

@@ -0,0 +1,55 @@
+import React, { useMemo } from 'react';
+import { ConfigProvider, Select as TeaSelect, } from 'tea-component';
+import classNames from '../../../../utils/classnames';
+import { noop } from '../../../../utils/constant';
+import { useSyncValue } from '../../../../utils/useSyncValue';
+import weui from '../../../../utils/weui';
+export function PureSelectPc(props) {
+    const { size, onChange = noop, disabled, placeholder } = props;
+    const [value, setValue] = useSyncValue(props.value);
+    const options = useMemo(() => {
+        var _a;
+        return ((_a = props.options) !== null && _a !== void 0 ? _a : []).map((opt) => ({
+            text: opt.label,
+            value: opt.value,
+        }));
+    }, [props.options]);
+    return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
+        React.createElement("div", { "data-testid": "form-select" },
+            React.createElement(TeaSelect, { matchButtonWidth: true, size: size, onChange: (v) => {
+                    onChange(v);
+                    setValue(v);
+                }, disabled: disabled, value: value, type: "simulate", appearance: "button", placeholder: placeholder, options: options }))));
+}
+export function PureSelectH5(props) {
+    const { placeholder, name, disabled, onChange = noop, options, layout, className, } = props;
+    const [value, setValue] = useSyncValue(props.value);
+    const subCls = classNames({
+        'weui-cell': true,
+        'weui-cell_active': true,
+        'weui-cell_form': true,
+        'weui-flex__item': layout !== 'vertical',
+        'weui-cell_disabled': disabled,
+    });
+    const onClick = () => {
+        weui.picker(options, {
+            id: String(Date.now()),
+            defaultValue: [value || options[0].value],
+            onConfirm(result) {
+                const item = result[0];
+                setValue(item.value);
+                onChange(item.value);
+            },
+            className,
+        });
+    };
+    const currentLabel = useMemo(() => {
+        const currentOpt = options.find((opt) => opt.value === value);
+        if (!currentOpt)
+            return '';
+        return currentOpt.label;
+    }, [options, value]);
+    return (React.createElement("div", { className: subCls },
+        React.createElement("div", { className: "weui-cell__bd weui-flex" },
+            React.createElement("input", { onClick: onClick, className: "weui-input", type: "select", name: name, placeholder: placeholder, value: currentLabel, disabled: disabled, autoComplete: 'off', readOnly: true, "data-testid": "form-item-select" }))));
+}

package/dist/web/components/form/select/h5.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { PropsType } from './index';
-export default function Select({ events, name, placeholder, layout, mode, dateMode, disabled, range, where, primaryField, tipBlock, enumName, dataSourceName, viewId, format, defaultValue, startDate, endDate, defaultDate, startTime, endTime, defaultTime, defaultRegion, defaultMutiRegion, regionType, separator, onChange, }: PropsType): JSX.Element;
+export default function Select({ events, name, placeholder, layout, mode, dateMode, disabled, range, where, primaryField, enumName, dataSourceName, viewId, format, defaultValue, startDate, endDate, defaultDate, startTime, endTime, defaultTime, defaultRegion, defaultMutiRegion, separator, regionType, onChange, }: PropsType): JSX.Element;
 export declare function decodeIsoDatetime(isoStringOrTimesnap: any, type: any, dateMode?: string): any;
 /**
  * 根据时间模式，构造 new Date()的传参格式单个日期和时间组件值

package/dist/web/components/form/select/h5.js

@@ -5,35 +5,32 @@ import isObjectEqual from '../../../utils/isObjectEqual';
 import { regionPicker, getRegionTree, getAreaCode } from './region/index';
 import { defaultProps, moment } from './index';
 import { timePicker, yearPicker, monthPicker } from './time';
-import { callDataSource, callWedaApi } from '../../../utils/tcb';
-import destr from 'destr';
 import { emptyObject } from '../../../utils/constant';
-import { getWhereList } from '../../../utils/platform';
+import { PureSelectH5 } from './dropdown-select/ui';
+import { useOptions } from './use-options';
 export default function Select({ 
 // 系统属性
 events = emptyObject, 
 // 组件属性
 name, placeholder, layout, mode, dateMode = 'day', disabled = false, 
 // selector mode
-range = defaultProps.range, where, primaryField, tipBlock, enumName, dataSourceName, viewId, format, defaultValue, 
+range = defaultProps.range, where, primaryField, enumName, dataSourceName, viewId, format, defaultValue, 
 // date mode
 startDate, endDate, defaultDate, 
 // time mode
 startTime, endTime, defaultTime, 
 // region mode
-defaultRegion, defaultMutiRegion, regionType, separator, onChange, }) {
+defaultRegion, defaultMutiRegion, separator, regionType, onChange, }) {
     var _a;
     const [date, setDate] = React.useState(decodeIsoDatetime(defaultDate, 'date', dateMode));
     const [time, setTime] = React.useState(decodeIsoDatetime(defaultTime, 'time'));
     const [regioDepth, setRegionDepth] = React.useState(3);
     const [regionData, setRegionData] = React.useState([]);
     const [regionTree, setRegionTree] = React.useState([]);
+    const [typeRegion, setTypeRegion] = React.useState(regionType);
     const [region, setRegion] = React.useState(defaultRegion);
     const [mutiRegion, setMutiRegion] = React.useState([]);
-    const [typeRegion, setTypeRegion] = React.useState(regionType);
     const [selectedValue, setSelectedValue] = React.useState(defaultValue);
-    const [option, setOption] = React.useState([{ label: '', value: '' }]);
-    const [records, setRecords] = React.useState([]);
     // 两次默认值不同, 需要刷新
     const prevDefaultRef = React.useRef({});
     React.useEffect(() => {
@@ -95,7 +92,7 @@ defaultRegion, defaultMutiRegion, regionType, separator, onChange, }) {
             (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: defaultMutiRegion, result: changeValue });
         }
     };
-    const regionTreeMode = React.useMemo(() => {
+    React.useEffect(() => {
         if (mode == 'region' || mode == 'mutiRegion') {
             if (regionData.length < 1) {
                 getAreaCode().then((value) => {
@@ -130,97 +127,6 @@ defaultRegion, defaultMutiRegion, regionType, separator, onChange, }) {
             }
         }
     }, [regionType, mode, regionData]);
-    React.useEffect(() => {
-        // tcb过滤参数
-        const whereEffected = [].concat(getWhereList(where));
-        if ((format === 'father-son' || format === 'related') &&
-            dataSourceName &&
-            viewId) {
-            fetchData({
-                dataSourceName: dataSourceName,
-                viewId: viewId,
-                methodName: 'wedaGetRecords',
-                params: whereEffected,
-            });
-        }
-    }, [where]);
-    // 获取数据列表中主列字段，将其作为选项
-    React.useEffect(() => {
-        var _a;
-        if (primaryField) {
-            if (records && records.length !== 0) {
-                const option = records.map((item) => {
-                    return {
-                        label: item[primaryField] || item._id,
-                        value: item._id,
-                    };
-                });
-                setOption(option);
-            }
-            else {
-                setOption([{ label: '', value: '' }]);
-                setSelectedValue('');
-                (_a = events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: '' });
-            }
-        }
-    }, [records]);
-    // 获取数据列表
-    const fetchData = async (param) => {
-        let pageNo = 1;
-        const pageSize = 200;
-        let records = [];
-        let total = 99999;
-        for (let index = 0; index < Math.floor(total / pageSize) + 1; index++) {
-            const data = await callDataSource({
-                dataSourceName: param.dataSourceName,
-                viewId: param.viewId,
-                methodName: param.methodName,
-                params: {
-                    where: param.params,
-                    pageNo: pageNo,
-                    pageSize: pageSize,
-                },
-            });
-            pageNo = pageNo + 1;
-            if (data === null || data === void 0 ? void 0 : data.records) {
-                total = (data === null || data === void 0 ? void 0 : data.total) || 0;
-                records = records.concat(data === null || data === void 0 ? void 0 : data.records);
-            }
-        }
-        if (records) {
-            setRecords(records);
-        }
-    };
-    React.useEffect(() => {
-        // 如果绑定字段类型为枚举，且传入自定义选项集的名称则默认使用自定义选项集的内容作为选项
-        if (format === 'x-enum' && enumName) {
-            fetchEnumData({ OptNameList: [enumName], PageIndex: 1, PageSize: 10 });
-        }
-    }, [enumName]);
-    // 获取自定义选项集
-    const fetchEnumData = async (param) => {
-        var _a, _b;
-        const data = await callWedaApi({
-            action: 'DescribeGeneralOptionsDetailList',
-            data: param,
-        });
-        const config = (_b = destr((_a = data === null || data === void 0 ? void 0 : data.Items[0]) === null || _a === void 0 ? void 0 : _a.Config)) !== null && _b !== void 0 ? _b : [];
-        const enumOption = config.map((item) => {
-            return {
-                label: item.value,
-                value: item.key,
-            };
-        });
-        setOption(enumOption);
-    };
-    const isFlex = layout !== 'vertical';
-    const subCls = classNames({
-        'weui-cell': true,
-        'weui-cell_active': true,
-        'weui-cell_form': true,
-        'weui-flex__item': isFlex,
-        'weui-cell_disabled': disabled,
-    });
     const onDateclick = function () {
         const options = {
             className: 'weda-ui weda-picker',
@@ -274,48 +180,20 @@ defaultRegion, defaultMutiRegion, regionType, separator, onChange, }) {
             },
         });
     };
-    const onSelect = function () {
-        if (format === 'father-son' ||
-            format === 'related' ||
-            format === 'x-enum') {
-            weui.picker(option, {
-                id: String(Date.now()),
-                defaultValue: [selectedValue || option[0].value],
-                onConfirm(result) {
-                    var _a;
-                    const item = result[0];
-                    setSelectedValue(item === null || item === void 0 ? void 0 : item.value);
-                    (_a = events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: item === null || item === void 0 ? void 0 : item.value });
-                },
-                className: 'weda-ui weda-picker',
-            });
-        }
-        else {
-            weui.picker(range, {
-                id: String(Date.now()),
-                defaultValue: [selectedValue || range[0].value],
-                onConfirm(result) {
-                    var _a;
-                    const item = result[0];
-                    setSelectedValue(item === null || item === void 0 ? void 0 : item.value);
-                    (_a = events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: item === null || item === void 0 ? void 0 : item.value });
-                },
-                className: 'weda-ui weda-picker',
-            });
-        }
-    };
     let regionTimer;
     const momentClick = async () => {
-        regionTimer = setInterval(() => {
-            setTimeout(() => {
-                if (regionTree.length != 0) {
-                    onRegionClick();
-                }
-            }, 0);
-        }, regionTree.length == 0 ? 500 : 0);
+        const cb = () => {
+            clearTimeout(regionTimer);
+            if (regionTree.length > 0) {
+                onRegionClick();
+            }
+            else {
+                setTimeout(cb, 200);
+            }
+        };
+        regionTimer = setTimeout(cb, 200);
     };
     const onRegionClick = function () {
-        clearInterval(regionTimer);
         let defaultValue = [];
         if (mode == 'region') {
             defaultRegion && defaultRegion.length <= 0
@@ -365,10 +243,6 @@ defaultRegion, defaultMutiRegion, regionType, separator, onChange, }) {
                 onTimeClick();
                 break;
             }
-            case 'selector': {
-                onSelect();
-                break;
-            }
             case 'region': {
                 momentClick();
                 break;
@@ -383,16 +257,9 @@ defaultRegion, defaultMutiRegion, regionType, separator, onChange, }) {
         }
     };
     const result = React.useMemo(() => {
-        var _a, _b;
+        var _a;
         let selectLabel = '';
-        if (format === 'father-son' ||
-            format === 'related' ||
-            format === 'x-enum') {
-            selectLabel = (_a = (option !== null && option !== void 0 ? option : []).find((item) => item.value === selectedValue)) === null || _a === void 0 ? void 0 : _a.label;
-        }
-        else {
-            selectLabel = (_b = (range !== null && range !== void 0 ? range : []).find((item) => item.value === selectedValue)) === null || _b === void 0 ? void 0 : _b.label;
-        }
+        selectLabel = (_a = (range !== null && range !== void 0 ? range : []).find((item) => item.value === selectedValue)) === null || _a === void 0 ? void 0 : _a.label;
         return {
             selector: selectLabel,
             date: date,
@@ -400,7 +267,42 @@ defaultRegion, defaultMutiRegion, regionType, separator, onChange, }) {
             region: (region || []).join(separator),
             mutiRegion: mutiRegion,
         };
-    }, [range, selectedValue, date, time, region, separator, mutiRegion, option]);
+    }, [range, selectedValue, date, time, region, separator, mutiRegion]);
+    const subCls = classNames({
+        'weui-cell': true,
+        'weui-cell_active': true,
+        'weui-cell_form': true,
+        'weui-flex__item': layout !== 'vertical',
+        'weui-cell_disabled': disabled,
+    });
+    let params = {
+        controlledValue: range,
+    };
+    if (format === 'father-son' || format === 'related') {
+        params = {
+            format,
+            dataSourceName,
+            viewId,
+            where,
+            primaryField,
+            controlledValue: range,
+        };
+    }
+    else if (format === 'x-enum') {
+        params = {
+            format,
+            enumName,
+            controlledValue: range,
+        };
+    }
+    const [options] = useOptions(params);
+    if (mode === 'selector') {
+        return (React.createElement(PureSelectH5, { className: "weda-ui weda-picker", name: name, value: selectedValue, placeholder: placeholder, disabled: disabled, options: options, onChange: (value) => {
+                var _a;
+                setSelectedValue(value);
+                (_a = events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value });
+            } }));
+    }
     return (React.createElement("div", { className: subCls },
         React.createElement("div", { className: "weui-cell__bd weui-flex" },
             React.createElement("input", { onClick: onClick, className: "weui-input", type: "select", name: name, placeholder: placeholder, value: (_a = result[mode]) !== null && _a !== void 0 ? _a : '', disabled: disabled, autoComplete: 'off', readOnly: true, "data-testid": "form-item-select" }))));

package/dist/web/components/form/select/index.d.ts

@@ -12,7 +12,7 @@ export interface PropsType extends CommonFormPropsType {
     dataSourceName?: string;
     viewId?: string;
     enumName?: string;
-    format?: string;
+    format?: 'father-son' | 'related' | 'x-enum';
     primaryField?: string;
     tipBlock?: any;
     where?: {

package/dist/web/components/form/select/index.js

@@ -1,16 +1,16 @@
 import * as React from 'react';
 import * as _moment from 'moment';
-import { usePlatform, getWhereList } from '../../../utils/platform';
+import { usePlatform } from '../../../utils/platform';
 import SelectH5, { decodeIsoDatetime } from './h5';
 import classNames from '../../../utils/classnames';
-import { Select as TeaSelect, DatePicker, TimePicker, Cascader, ConfigProvider, } from 'tea-component';
+import { DatePicker, TimePicker, Cascader, ConfigProvider, } from 'tea-component';
 import isObjectEqual from '../../../utils/isObjectEqual';
-import { getRegionTree, getAreaCode } from './region';
 import { renderDecorator } from '../renderDecorator';
 import YearPicker from './year';
-import { callDataSource, callWedaApi } from '../../../utils/tcb';
-import destr from 'destr';
 import { emptyObject } from '../../../utils/constant';
+import { PureSelectPc } from './dropdown-select/ui';
+import { useOptions } from './use-options';
+import { getRegionTree, getAreaCode } from './region';
 // @ts-ignore TODO: fix 与plugin构建阶段效果不同
 export const moment = (typeof _moment === 'function' ? _moment : _moment.default);
 export default function Select(props) {
@@ -70,91 +70,27 @@ function SelectPc({ where, dataSourceName, viewId, format, primaryField, enumNam
     const [region, setRegion] = React.useState(defaultRegion || undefined);
     const [mutiRegion, setMutiRegion] = React.useState(defaultMutiRegion != null ? defaultMutiRegion.split(',') : []);
     const [selectedValue, setSelectedValue] = React.useState(defaultValue);
-    const [option, setOption] = React.useState([]);
-    const [records, setRecords] = React.useState([]);
-    React.useEffect(() => {
-        // 筛选参数
-        const whereEffected = [].concat(getWhereList(where));
-        if ((format === 'father-son' || format === 'related') &&
-            dataSourceName &&
-            viewId) {
-            fetchData({
-                dataSourceName: dataSourceName,
-                viewId: viewId,
-                methodName: 'wedaGetRecords',
-                params: whereEffected,
-            });
-        }
-    }, [where]);
-    // 获取数据列表中主列字段，将其作为选项
-    React.useEffect(() => {
-        var _a;
-        if (primaryField) {
-            if (records && records.length !== 0) {
-                const option = records.map((item) => {
-                    return {
-                        label: item[primaryField] || item._id,
-                        value: item._id,
-                    };
-                });
-                setOption(option);
-            }
-            else {
-                setOption([{ label: '', value: '' }]);
-                setSelectedValue('');
-                (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: '' });
-            }
-        }
-    }, [records]);
-    // 获取数据源列表
-    const fetchData = async (param) => {
-        let pageNo = 1;
-        const pageSize = 200;
-        let records = [];
-        let total = 99999;
-        for (let index = 0; index < Math.floor(total / pageSize) + 1; index++) {
-            const data = await callDataSource({
-                dataSourceName: param.dataSourceName,
-                viewId: param.viewId,
-                methodName: param.methodName,
-                params: {
-                    pageNo: pageNo,
-                    pageSize: pageSize,
-                    where: param.params,
-                },
-            });
-            pageNo = pageNo + 1;
-            if (data === null || data === void 0 ? void 0 : data.records) {
-                total = (data === null || data === void 0 ? void 0 : data.total) || 0;
-                records = records.concat(data === null || data === void 0 ? void 0 : data.records);
-            }
-        }
-        if (records) {
-            setRecords(records);
-        }
-    };
-    React.useEffect(() => {
-        // 如果绑定字段类型为枚举，且传入自定义选项集的名称则默认使用自定义选项集的内容作为选项
-        if (format === 'x-enum' && enumName) {
-            fetchEnumData({ OptNameList: [enumName], PageIndex: 1, PageSize: 10 });
-        }
-    }, [enumName]);
-    // 获取自定义选项集
-    const fetchEnumData = async (param) => {
-        var _a, _b, _c;
-        const data = await callWedaApi({
-            action: 'DescribeGeneralOptionsDetailList',
-            data: param,
-        });
-        const config = (_c = destr((_b = (_a = data === null || data === void 0 ? void 0 : data.Items) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.Config)) !== null && _c !== void 0 ? _c : [];
-        const enumOption = config.map((item) => {
-            return {
-                label: item.value,
-                value: item.key,
-            };
-        });
-        setOption(enumOption);
+    let params = {
+        controlledValue: range,
     };
+    if (format === 'father-son' || format === 'related') {
+        params = {
+            format,
+            dataSourceName,
+            viewId,
+            where,
+            primaryField,
+            controlledValue: range,
+        };
+    }
+    else if (format === 'x-enum') {
+        params = {
+            format,
+            enumName,
+            controlledValue: range,
+        };
+    }
+    const [options] = useOptions(params);
     React.useEffect(() => {
         var _a, _b, _c, _d, _e;
         let hasChange = false;
@@ -181,6 +117,7 @@ function SelectPc({ where, dataSourceName, viewId, format, primaryField, enumNam
         }
         if (hasChange) {
             prevDefaultRef.current = {
+                defaultValue,
                 defaultDate,
                 defaultTime,
                 defaultRegion,
@@ -188,7 +125,7 @@ function SelectPc({ where, dataSourceName, viewId, format, primaryField, enumNam
             };
         }
     });
-    const regionTreeMode = React.useMemo(() => {
+    React.useEffect(() => {
         if (mode == 'region' || mode == 'mutiRegion') {
             if (regionData.length < 1) {
                 getAreaCode().then((value) => {
@@ -237,12 +174,12 @@ function SelectPc({ where, dataSourceName, viewId, format, primaryField, enumNam
     const createDropdown = () => {
         switch (mode) {
             case 'selector':
-                return (React.createElement("div", { "data-testid": "form-select" },
-                    React.createElement(TeaSelect, { matchButtonWidth: true, size: size, onChange: onDataChange, disabled: disabled, value: selectedValue, type: "simulate", appearance: "button", placeholder: placeholder, options: format === 'father-son' ||
-                            format === 'related' ||
-                            format === 'x-enum'
-                            ? option.map((i) => ({ text: i.label, value: i.value }))
-                            : range.map((i) => ({ text: i.label, value: i.value })) })));
+                return (React.createElement(PureSelectPc, { size: size, onChange: (value) => {
+                        var _a;
+                        onChange && onChange(value);
+                        (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value });
+                        setSelectedValue(value);
+                    }, value: selectedValue, placeholder: placeholder, options: options }));
             case 'date': {
                 const now = moment();
                 const start = startDate

package/dist/web/components/form/select/use-options.d.ts

@@ -0,0 +1,26 @@
+declare type OptionItem = {
+    label: string;
+    value: string;
+};
+declare type IRelationFetchOptions = {
+    format: 'father-son' | 'related';
+    viewId: string;
+    dataSourceName: string;
+    where: unknown;
+    primaryField: string;
+    controlledValue: OptionItem[];
+};
+declare type IEnumFetchOptions = {
+    format: 'x-enum';
+    enumName: string;
+    controlledValue: OptionItem[];
+};
+export declare type IUseoptionsParams = (IRelationFetchOptions | IEnumFetchOptions | {
+    format?: string;
+    controlledValue: OptionItem[];
+}) & {
+    callWedaApi?: (params: any) => Promise<any> | any;
+    callDataSource?: (params: any) => Promise<any>;
+};
+export declare function useOptions(params: IUseoptionsParams): [options: OptionItem[]];
+export {};

package/dist/web/components/form/select/use-options.js

@@ -0,0 +1,103 @@
+import { useAsync, useDeepCompareEffect } from '@react-hookz/web';
+import destr from 'destr';
+import { useCallback, useEffect } from 'react';
+import { getWhereList } from '../../../utils/platform';
+import { callDataSource as tcbCallDataSource, callWedaApi as tcbCallWedaApi, } from '../../../utils/tcb';
+import { useSyncValue } from '../../../utils/useSyncValue';
+const formatNeedDataFetch = ['father-son', 'related', 'x-enum'];
+export function useOptions(params) {
+    const { format, controlledValue, callDataSource = tcbCallDataSource, callWedaApi = tcbCallWedaApi, ...restOptions } = params;
+    // 获取自定义选项集
+    const fetchEnumData = useCallback(async (param) => {
+        var _a, _b, _c;
+        const data = await callWedaApi({
+            action: 'DescribeGeneralOptionsDetailList',
+            data: param,
+        });
+        const config = (_c = destr((_b = (_a = data === null || data === void 0 ? void 0 : data.Items) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.Config)) !== null && _c !== void 0 ? _c : [];
+        const enumOption = config.map((item) => {
+            return {
+                label: item.value,
+                value: item.key,
+            };
+        });
+        return enumOption;
+    }, [callWedaApi]);
+    const fetchData = useCallback(async (param) => {
+        let pageNo = 1;
+        const pageSize = 200;
+        let records = [];
+        let total = 99999;
+        for (let index = 0; index < Math.floor(total / pageSize) + 1; index++) {
+            const data = await callDataSource({
+                dataSourceName: param.dataSourceName,
+                viewId: param.viewId,
+                methodName: param.methodName,
+                params: {
+                    pageNo: pageNo,
+                    pageSize: pageSize,
+                    where: param.params,
+                },
+            });
+            pageNo = pageNo + 1;
+            if (data === null || data === void 0 ? void 0 : data.records) {
+                total = (data === null || data === void 0 ? void 0 : data.total) || 0;
+                records = records.concat(data === null || data === void 0 ? void 0 : data.records);
+            }
+        }
+        return records;
+    }, [callDataSource]);
+    const [options, setOptions] = useSyncValue(controlledValue);
+    const [state, actions] = useAsync(async () => {
+        if (format === 'father-son' || format === 'related') {
+            const { dataSourceName, viewId, where, primaryField } = restOptions;
+            const whereEffected = [].concat(getWhereList(where));
+            const results = await fetchData({
+                dataSourceName,
+                viewId,
+                methodName: 'wedaGetRecords',
+                params: whereEffected,
+            });
+            if (primaryField) {
+                if (results && results.length !== 0) {
+                    const option = results.map((item) => {
+                        return {
+                            label: item[primaryField] || item._id,
+                            value: item._id,
+                        };
+                    });
+                    return option;
+                }
+                else {
+                    // 留一个空的weui才正常
+                    return [{ label: '', value: '' }];
+                }
+            }
+            return results.map((opt) => ({
+                label: opt._id,
+                value: opt._id,
+            })); // 兜底 正常来说一定有primaryField
+        }
+        if (format === 'x-enum') {
+            // 如果绑定字段类型为枚举，且传入自定义选项集的名称则默认使用自定义选项集的内容作为选项
+            const { enumName } = restOptions;
+            return fetchEnumData({
+                OptNameList: [enumName],
+                PageIndex: 1,
+                PageSize: 10,
+            });
+        }
+    }, []);
+    useDeepCompareEffect(() => {
+        if (formatNeedDataFetch.includes(format)) {
+            actions.execute();
+        }
+        // @ts-ignore not check
+    }, [format, restOptions.enumName, restOptions.where]);
+    useEffect(() => {
+        if (state.status === 'success') {
+            setOptions(state.result);
+        }
+    }, [state, state.status]);
+    return [options];
+}