@cloudbase/weda-ui 3.4.1 → 3.4.3

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

@@ -0,0 +1,173 @@
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { SelectPickerH5 } from './h5';
+import { formatNeedDataFetch, PAGE_SIZE, requestEnumOption, requestFatherRelatedOption, RequestOptionType, transFormatTeaSelectKey, } from '../request';
+import SelectPickerPc from './pc';
+import { usePlatform } from '../../../../utils/platform';
+import { Status } from '../status';
+import { useDeepCompareEffect } from '@react-hookz/web';
+export function PureSelect({ params, selectedValue, updateValue, placeholder, size, disabled, isShow, }) {
+    const isRequestingRef = useRef(false);
+    const [status, setStatus] = useState(Status.FINISH);
+    const [options, setOptions] = useState([]);
+    const [page, setPage] = useState(1);
+    const [searchOptions, setSearchOptions] = useState([]);
+    const [searchPage, setSearchPage] = useState(1);
+    const [searchValue, setSearchValue] = useState('');
+    const [searchStatus, setSearchStatus] = useState(Status.FINISH);
+    const [format, setFormat] = useState('');
+    const [isTurnPages, setIsTurnPages] = useState(false);
+    const platform = usePlatform();
+    const isSearch = useMemo(() => searchValue !== '', [searchValue]);
+    useDeepCompareEffect(() => {
+        const { format, controlledValue } = params || {
+            format: '',
+            controlledValue: [],
+        };
+        const isTurnPages = format === 'father-son' || format === 'related';
+        setFormat(format);
+        setIsTurnPages(isTurnPages);
+        // 手动配置
+        if (!formatNeedDataFetch.includes(format)) {
+            if (controlledValue.length === 0) {
+                setStatus(Status.ALl_EMPTY);
+            }
+            else {
+                setStatus(Status.FINISH);
+            }
+            setOptions(controlledValue);
+            return;
+        }
+        // 接口请求
+        if (isTurnPages) {
+            requestFatherRelatedOption(params, 1, RequestOptionType.ALL)
+                .then((value) => {
+                setOptions(value.option);
+                if (value.option.length === 0) {
+                    setStatus(platform === 'pc' ? Status.EMPTY : Status.ALl_EMPTY);
+                }
+                else {
+                    setStatus(value.isLoadMore ? Status.LOADING : Status.FINISH);
+                }
+            })
+                .catch(() => {
+                setStatus(Status.ERROR);
+            })
+                .finally(() => (isRequestingRef.current = false));
+        }
+        else if (format === 'x-enum') {
+            requestEnumOption(params).then((value) => {
+                setOptions(value);
+            });
+        }
+    }, [params]);
+    useEffect(() => {
+        if (page > 1) {
+            requestFatherRelated(page);
+        }
+    }, [page]);
+    useEffect(() => {
+        if (searchPage > 1) {
+            requestFatherRelated(searchPage, searchValue);
+        }
+    }, [searchPage]);
+    const requestFatherRelated = (pageNo, searchValue) => {
+        requestFatherRelatedOption(params, pageNo, RequestOptionType.SEARCH, searchValue)
+            .then((value) => {
+            if (isSearch) {
+                setSearchOptions((opt) => opt.concat(value.option));
+                if (pageNo === 1 && value.option.length === 0) {
+                    setSearchStatus(Status.EMPTY);
+                }
+                else {
+                    setSearchStatus(value.isLoadMore ? Status.LOADING : Status.FINISH);
+                }
+            }
+            else {
+                setOptions((opt) => opt.concat(value.option));
+                if (pageNo === 1 && value.option.length === 0) {
+                    setStatus(Status.EMPTY);
+                }
+                else {
+                    setStatus(value.isLoadMore ? Status.LOADING : Status.FINISH);
+                }
+            }
+        })
+            .catch(() => isSearch ? setSearchStatus(Status.ERROR) : setStatus(Status.ERROR))
+            .finally(() => (isRequestingRef.current = false));
+    };
+    const currentStatus = useMemo(() => {
+        return isSearch ? searchStatus : status;
+    }, [isSearch, searchStatus, status]);
+    const currentOption = useMemo(() => {
+        const option = isSearch ? searchOptions : options;
+        return platform === 'h5' ? option : transFormatTeaSelectKey(option);
+    }, [isSearch, searchOptions, options, platform]);
+    useEffect(() => {
+        // 本地搜索
+        if (!isTurnPages || options.length < PAGE_SIZE) {
+            const searchOpt = options.filter((item) => {
+                if (item.label) {
+                    return item.label.toString().includes(searchValue);
+                }
+                return false;
+            });
+            if (searchOpt.length > 0) {
+                setSearchOptions(searchOpt);
+                setSearchStatus(Status.FINISH);
+            }
+            else {
+                setSearchOptions([]);
+                setSearchStatus(Status.EMPTY);
+            }
+            return;
+        }
+        // 远程搜索
+        if (searchValue.trim().length > 0) {
+            // eslint-disable-next-line rulesdir/no-timer
+            const timer = setTimeout(() => {
+                requestFatherRelated(1, searchValue);
+            }, 1000);
+            return () => clearTimeout(timer);
+        }
+    }, [searchValue]);
+    // 加载更多
+    const loadMore = () => {
+        if (!isRequestingRef.current &&
+            isTurnPages &&
+            currentStatus !== Status.FINISH) {
+            if (isSearch) {
+                if (searchOptions.length >= PAGE_SIZE) {
+                    isRequestingRef.current = true;
+                    setSearchPage((page) => page + 1);
+                }
+            }
+            else {
+                if (options.length >= PAGE_SIZE) {
+                    isRequestingRef.current = true;
+                    setPage((page) => page + 1);
+                }
+            }
+        }
+    };
+    // 重试
+    const reTry = () => {
+        if (!isRequestingRef.current) {
+            isRequestingRef.current = true;
+            if (isSearch) {
+                setSearchStatus(Status.LOADING);
+                requestFatherRelated(searchPage, searchValue);
+            }
+            else {
+                setStatus(Status.LOADING);
+                requestFatherRelated(page);
+            }
+        }
+    };
+    const onSearchValue = (value) => {
+        setSearchPage(1);
+        setSearchStatus(Status.LOADING);
+        setSearchOptions([]);
+        setSearchValue(value);
+    };
+    return platform === 'h5' ? (React.createElement(SelectPickerH5, { updateValue: updateValue, options: currentOption, loadMore: loadMore, reTry: reTry, isTurnPages: isTurnPages, status: currentStatus, onSearchValue: onSearchValue, isShow: isShow, params: params, selectedValue: selectedValue })) : (React.createElement(SelectPickerPc, { placeholder: placeholder, size: size, selectedValue: selectedValue, disabled: disabled, updateValue: updateValue, reTry: reTry, loadMore: loadMore, format: format, status: currentStatus, options: currentOption, onSearchValue: onSearchValue, defaultSearchValue: '' }));
+}

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

@@ -0,0 +1,73 @@
+import React, { useEffect, useMemo, useState } from 'react';
+import { Select, ConfigProvider, Icon } from 'tea-component';
+import Loading from '../status/loading';
+import Retry from '../status/retry';
+import { Status } from '../status';
+import Empty from '../status/empty';
+import './index.css';
+export default function SelectPickerPc({ format, selectedValue, updateValue, placeholder, size, disabled, reTry, loadMore, status, options, onSearchValue, defaultSearchValue, }) {
+    const [value, setValue] = useState(selectedValue);
+    const [showDelete, setShowDelete] = useState(false);
+    useEffect(() => {
+        setValue(selectedValue);
+    }, [selectedValue]);
+    useEffect(() => {
+        if (selectedValue) {
+            // 优先本地查找
+            const index = options === null || options === void 0 ? void 0 : options.findIndex((item) => item.value === selectedValue);
+            if (index === -1) {
+                // eslint-disable-next-line rulesdir/no-timer
+                setTimeout(() => {
+                    loadMore();
+                }, 100);
+            }
+            else {
+                updateValue(options[index].value);
+            }
+        }
+    }, [options, selectedValue]);
+    const isShowBottomTips = useMemo(() => {
+        if (status === Status.LOADING) {
+            return React.createElement(Loading, null);
+        }
+        else if (status === Status.ERROR) {
+            return React.createElement(Retry, { reTry: reTry });
+        }
+        else if (status === Status.EMPTY) {
+            return React.createElement(Empty, null);
+        }
+        else {
+            return '';
+        }
+    }, [format, status, options]);
+    return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
+        React.createElement("div", { "data-testid": "form-select", className: 'form-select-pc', onMouseEnter: () => {
+                setShowDelete(true);
+            }, onMouseLeave: () => {
+                setShowDelete(false);
+            } },
+            React.createElement(Select, { searchable: true, matchButtonWidth: true, defaultSearchValue: defaultSearchValue, placeholder: placeholder, appearance: 'button', size: size, tips: "", disabled: disabled, autoClearSearchValue: true, options: options, value: value, bottomTips: isShowBottomTips, onChange: updateValue, onScrollBottom: loadMore, onOpen: () => {
+                    onSearchValue('');
+                }, onSearch: (value, context) => {
+                    const tValue = value.trim();
+                    if (context.event.type === 'click') {
+                        if (tValue !== '') {
+                            // 手动点击搜索
+                            onSearchValue(tValue);
+                        }
+                        else {
+                            // 清空
+                            onSearchValue('');
+                        }
+                    }
+                    else if (tValue !== '') {
+                        // 动态输入搜索
+                        onSearchValue(tValue);
+                    }
+                    else {
+                        // 逐个删除
+                        onSearchValue('');
+                    }
+                } }),
+            value != null && value != '' && showDelete && !disabled && (React.createElement(Icon, { "data-testid": "weui-input-test-pc-clear", className: 'pc-clear', type: "dismiss", size: "s", onMouseDown: () => updateValue(null) })))));
+}

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

@@ -1,55 +1,57 @@
-import React, { useMemo } from 'react';
-import { ConfigProvider, Select as TeaSelect, } from 'tea-component';
+import React, { useRef, useState } from 'react';
 import classNames from '../../../../utils/classnames';
 import { noop } from '../../../../utils/constant';
-import { useSyncValue } from '../../../../utils/useSyncValue';
-import weui from '../../../../utils/weui';
+import { useSyncValue } from '../../../../utils/hooks/useSyncValue';
+import { PureSelect } from './index';
 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 }))));
+    const { size, onChange = noop, value, placeholder, params, disabled } = props;
+    const previousValueRef = useRef();
+    return (React.createElement(PureSelect, { isShow: false, params: params, placeholder: placeholder, size: size, selectedValue: value, disabled: disabled, updateValue: (value) => {
+            if (previousValueRef.current !== value) {
+                onChange(value);
+                previousValueRef.current = value;
+            }
+        } }));
 }
 export function PureSelectH5(props) {
-    const { placeholder, name, disabled, onChange = noop, options, layout, className, } = props;
+    const { placeholder, name, disabled, onChange = noop, layout, className, params, } = props;
     const [value, setValue] = useSyncValue(props.value);
+    const [currentLabel, setCurrentLabel] = useState('');
+    const [isShow, setIsShow] = useState(false);
+    const previousValueRef = useRef();
     const subCls = classNames({
         'weui-cell': true,
         'weui-cell_active': true,
         'weui-cell_form': true,
         'weui-flex__item': layout !== 'vertical',
         'weui-cell_disabled': disabled,
-    });
+    }, className);
+    // 选择回调
+    const onChooseCallback = (option, isUpdate, dismiss) => {
+        if (dismiss) {
+            setIsShow(false);
+        }
+        if (isUpdate && previousValueRef.current !== (option === null || option === void 0 ? void 0 : option.value)) {
+            if (!option || Object.keys(option).length === 0) {
+                setValue('');
+                onChange('');
+                setCurrentLabel('');
+            }
+            else {
+                setValue(option.value);
+                onChange(option.value);
+                setCurrentLabel(option.label);
+            }
+            previousValueRef.current = option === null || option === void 0 ? void 0 : option.value;
+        }
+    };
     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,
-        });
+        setIsShow(true);
     };
-    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" }))));
+    return (React.createElement("div", null,
+        React.createElement("div", { className: subCls },
+            React.createElement("div", { className: "weui-cell__bd weui-flex select-picker", onClick: disabled ? null : onClick },
+                React.createElement("input", { className: "weui-input", type: "select", name: name, placeholder: placeholder, value: currentLabel, disabled: disabled, autoComplete: 'off', readOnly: true, "data-testid": "form-item-select" }),
+                React.createElement("span", { className: 'weui-input-arrow' }))),
+        React.createElement(PureSelect, { params: params, updateValue: onChooseCallback, selectedValue: value, isShow: isShow, size: undefined, disabled: undefined, placeholder: undefined })));
 }

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

@@ -3,14 +3,13 @@ import ReactDOM from 'react-dom';
 import weui from '../../../utils/weui';
 import classNames from '../../../utils/classnames';
 import isObjectEqual from '../../../utils/isObjectEqual';
-import { regionPicker, getRegionTree, getAreaCode } from './region/index';
+import { getAreaCode, getRegionTree, regionPicker } from './region/index';
 import { defaultProps, moment } from './index';
-import { timePicker, yearPicker, monthPicker } from './time';
+import { monthPicker, timePicker, yearPicker } from './time';
 import { emptyObject } from '../../../utils/constant';
 import { PureSelectH5 } from './dropdown-select/ui';
-import { useOptions } from './use-options';
 import AllTimePicker from './allTimePicker';
-import { getIOSNotNaNDate } from './allTimePicker/dataUtils';
+import { getIOSNotNaNDate, isTime } from './allTimePicker/dataUtils';
 export default function Select({ 
 // 系统属性
 events = emptyObject, 
@@ -197,6 +196,15 @@ defaultRegion, defaultMutiRegion, separator, regionType, onChange, }) {
             });
         }
     };
+    // 默认日期设置表单事件，否则无法提交默认数据
+    React.useEffect(() => {
+        var _a;
+        if (isTime(defaultDate)) {
+            (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, {
+                value: new Date(getIOSNotNaNDate(defaultDate)).getTime(),
+            });
+        }
+    }, [defaultDate]);
     const onTimeClick = function () {
         const options = {
             className: 'weda-ui weda-picker',
@@ -335,9 +343,8 @@ defaultRegion, defaultMutiRegion, separator, regionType, onChange, }) {
             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) => {
+        return (React.createElement(PureSelectH5, { className: "weda-ui weda-picker", name: name, value: selectedValue, placeholder: placeholder, disabled: disabled, params: params, onChange: (value) => {
                 var _a;
                 setSelectedValue(value);
                 (_a = events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value });
@@ -386,6 +393,9 @@ export function decodeIsoDatetime(isoStringOrTimesnap, type, dateMode = 'day') {
             // 添加默认的日期，防止格式化日期异常
             isoStringOrTimesnap = isoStringOrTimesnap + '-01-01 08:00:00';
         }
+        if (!isTime(isoStringOrTimesnap)) {
+            return null;
+        }
         return moment(isoStringOrTimesnap).format(getDateModeFormat(dateMode));
     }
 }

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

@@ -26,5 +26,12 @@
   padding-right: 1.14286rem;
 }
 
+.select-picker .weui-input-arrow {
+  margin: auto 0;
+  width: 1.71429rem;
+  height: 1.71429rem;
+  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Crect opacity='0.01' width='24' height='24' fill='%23D8D8D8'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6003 12.5769L7.93943 20L6.99981 19.0875L14.3157 11.9986L6.99983 4.91249L7.93945 4L15.5754 11.3961C15.5858 11.4048 15.596 11.4139 15.6059 11.4235L15.8278 11.639C16.0302 11.8355 16.03 12.1605 15.8274 12.3568L15.6253 12.5526L15.6049 12.5725C15.6034 12.574 15.6018 12.5754 15.6003 12.5769Z' fill='black' fill-opacity='0.4'/%3E %3C/svg%3E ");
+}
+
 /*# sourceURL=webpack://./src/web/components/form/select/index.css */
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy9mb3JtL3NlbGVjdC9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxtQkFBbUI7QUFDckI7O0FBRUE7RUFDRSxlQUFlO0FBQ2pCOztBQUVBO0VBQ0Usa0JBQWtCO0FBQ3BCOztBQUVBO0VBQ0UsYUFBYTtFQUNiLDhCQUE4QjtFQUM5QixtQkFBbUI7RUFDbkIsZ0JBQWdCO0FBQ2xCOztBQUVBO0VBQ0UscUJBQXFCO0FBQ3ZCOztBQUVBO0VBQ0UsVUFBVTtFQUNWLHlCQUF5QjtBQUMzQiIsInNvdXJjZXNDb250ZW50IjpbIi53ZWRhLXVpIC53ZXVpLWNlbGwud2V1aS1jaGVja19fbGFiZWwge1xuICBwYWRkaW5nOiAxLjE0Mjg2cmVtO1xufVxuXG4ud2VkYS11aSAud2V1aS1mbGV4X19pdGVtIC53ZXVpLWNlbGwud2V1aS1jaGVja19fbGFiZWwge1xuICBwYWRkaW5nLWxlZnQ6IDA7XG59XG5cbi55ZWFyLXBpY2tlcl9fb3ZlcmxheSB7XG4gIHdpZHRoOiAyMS40Mjg1N3JlbTtcbn1cblxuLnllYXItcGlja2VyX19vdmVybGF5IC55ZWFyLXBpY2tlcl9faGVhZGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmb250LXdlaWdodDogNzAwO1xufVxuXG4ud2VkYS11aS53ZWRhLXNlbGVjdCAud2V1aS1jZWxsX2Zvcm0ge1xuICBwYWRkaW5nOiAwIDEuMTQyODZyZW07XG59XG5cbi53ZWRhLXVpLndlZGEtc2VsZWN0IC53ZXVpLWZsZXhfX2l0ZW0gLndldWktY2VsbF9mb3JtIHtcbiAgcGFkZGluZzogMDtcbiAgcGFkZGluZy1yaWdodDogMS4xNDI4NnJlbTtcbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy9mb3JtL3NlbGVjdC9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxtQkFBbUI7QUFDckI7O0FBRUE7RUFDRSxlQUFlO0FBQ2pCOztBQUVBO0VBQ0Usa0JBQWtCO0FBQ3BCOztBQUVBO0VBQ0UsYUFBYTtFQUNiLDhCQUE4QjtFQUM5QixtQkFBbUI7RUFDbkIsZ0JBQWdCO0FBQ2xCOztBQUVBO0VBQ0UscUJBQXFCO0FBQ3ZCOztBQUVBO0VBQ0UsVUFBVTtFQUNWLHlCQUF5QjtBQUMzQjs7QUFFQTtFQUNFLGNBQWM7RUFDZCxpQkFBaUI7RUFDakIsa0JBQWtCO0VBQ2xCLHdsQkFBd2xCO0FBQzFsQiIsInNvdXJjZXNDb250ZW50IjpbIi53ZWRhLXVpIC53ZXVpLWNlbGwud2V1aS1jaGVja19fbGFiZWwge1xuICBwYWRkaW5nOiAxLjE0Mjg2cmVtO1xufVxuXG4ud2VkYS11aSAud2V1aS1mbGV4X19pdGVtIC53ZXVpLWNlbGwud2V1aS1jaGVja19fbGFiZWwge1xuICBwYWRkaW5nLWxlZnQ6IDA7XG59XG5cbi55ZWFyLXBpY2tlcl9fb3ZlcmxheSB7XG4gIHdpZHRoOiAyMS40Mjg1N3JlbTtcbn1cblxuLnllYXItcGlja2VyX19vdmVybGF5IC55ZWFyLXBpY2tlcl9faGVhZGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmb250LXdlaWdodDogNzAwO1xufVxuXG4ud2VkYS11aS53ZWRhLXNlbGVjdCAud2V1aS1jZWxsX2Zvcm0ge1xuICBwYWRkaW5nOiAwIDEuMTQyODZyZW07XG59XG5cbi53ZWRhLXVpLndlZGEtc2VsZWN0IC53ZXVpLWZsZXhfX2l0ZW0gLndldWktY2VsbF9mb3JtIHtcbiAgcGFkZGluZzogMDtcbiAgcGFkZGluZy1yaWdodDogMS4xNDI4NnJlbTtcbn1cblxuLnNlbGVjdC1waWNrZXIgLndldWktaW5wdXQtYXJyb3cge1xuICBtYXJnaW46IGF1dG8gMDtcbiAgd2lkdGg6IDEuNzE0MjlyZW07XG4gIGhlaWdodDogMS43MTQyOXJlbTtcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFwiZGF0YTppbWFnZS9zdmcreG1sLCUzQ3N2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSAlM0NyZWN0IG9wYWNpdHk9JzAuMDEnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgZmlsbD0nJTIzRDhEOEQ4Jy8lM0UgJTNDcGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTE1LjYwMDMgMTIuNTc2OUw3LjkzOTQzIDIwTDYuOTk5ODEgMTkuMDg3NUwxNC4zMTU3IDExLjk5ODZMNi45OTk4MyA0LjkxMjQ5TDcuOTM5NDUgNEwxNS41NzU0IDExLjM5NjFDMTUuNTg1OCAxMS40MDQ4IDE1LjU5NiAxMS40MTM5IDE1LjYwNTkgMTEuNDIzNUwxNS44Mjc4IDExLjYzOUMxNi4wMzAyIDExLjgzNTUgMTYuMDMgMTIuMTYwNSAxNS44Mjc0IDEyLjM1NjhMMTUuNjI1MyAxMi41NTI2TDE1LjYwNDkgMTIuNTcyNUMxNS42MDM0IDEyLjU3NCAxNS42MDE4IDEyLjU3NTQgMTUuNjAwMyAxMi41NzY5WicgZmlsbD0nYmxhY2snIGZpbGwtb3BhY2l0eT0nMC40Jy8lM0UgJTNDL3N2ZyUzRSBcIik7XG59XG4iXSwic291cmNlUm9vdCI6IiJ9 */

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

@@ -4,16 +4,15 @@ import 'moment/locale/zh-cn';
 import { usePlatform } from '../../../utils/platform';
 import SelectH5, { decodeIsoDatetime } from './h5';
 import classNames from '../../../utils/classnames';
-import { DatePicker, TimePicker, Cascader, ConfigProvider, } from 'tea-component';
+import { Cascader, ConfigProvider, DatePicker, TimePicker, } from 'tea-component';
 import isObjectEqual from '../../../utils/isObjectEqual';
 import { renderDecorator } from '../renderDecorator';
 import YearPicker from './year';
 import { emptyObject } from '../../../utils/constant';
-import { PureSelectPc } from './dropdown-select/ui';
-import { useOptions } from './use-options';
-import { getRegionTree, getAreaCode } from './region';
+import { getAreaCode, getRegionTree } from './region';
 import { CommonErrorBoundary } from '../../common/error-boundary';
 import { useLoopRenderDetect } from '../../common/use-loop-render-detect';
+import { PureSelectPc } from './dropdown-select/ui';
 // @ts-ignore TODO: fix 与plugin构建阶段效果不同
 export const moment = (typeof _moment === 'function' ? _moment : _moment.default);
 export default function Select(props) {
@@ -98,7 +97,6 @@ function SelectPc({ where, dataSourceName, viewId, format, primaryField, enumNam
             controlledValue: range,
         };
     }
-    const [options] = useOptions(params);
     React.useEffect(() => {
         var _a, _b, _c, _d, _e;
         let hasChange = false;
@@ -182,12 +180,12 @@ function SelectPc({ where, dataSourceName, viewId, format, primaryField, enumNam
     const createDropdown = () => {
         switch (mode) {
             case 'selector':
-                return (React.createElement(PureSelectPc, { disabled: disabled, size: size, onChange: (value) => {
+                return (React.createElement(PureSelectPc, { params: params, disabled: disabled, placeholder: placeholder, size: size, value: selectedValue, 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/request.js

@@ -0,0 +1,106 @@
+import destr from 'destr';
+import { getWhereList } from '../../../utils/platform';
+import { callDataSource, callWedaApi } from '../../../utils/tcb';
+export const formatNeedDataFetch = [
+    'father-son',
+    'related',
+    'x-enum',
+];
+export const PAGE_SIZE = 200;
+export const RequestOptionType = {
+    ALL: 0,
+    SEARCH: 1,
+    EQUAL: 2,
+};
+function isEmpty(s) {
+    if (s == null || s === '') {
+        return true;
+    }
+    return false;
+}
+export const requestFatherRelatedOption = async (params, pageNo, type, searchValue) => {
+    const { dataSourceName, viewId, where, primaryField } = params;
+    const empty = {
+        option: [],
+        isLoadMore: false,
+    };
+    if (isEmpty(dataSourceName) || isEmpty(viewId)) {
+        return empty;
+    }
+    let realWhere;
+    if (type === RequestOptionType.SEARCH) {
+        realWhere = [{ key: primaryField, val: searchValue, rel: 'search' }];
+    }
+    else if (type === RequestOptionType.EQUAL) {
+        realWhere = [{ key: '_id', val: searchValue, rel: 'eq' }];
+    }
+    else {
+        realWhere = [].concat(getWhereList(where));
+    }
+    const data = await callDataSource({
+        dataSourceName: dataSourceName,
+        viewId: viewId,
+        methodName: 'wedaGetRecords',
+        params: {
+            pageNo: pageNo,
+            pageSize: PAGE_SIZE,
+            where: realWhere,
+        },
+    });
+    const results = data === null || data === void 0 ? void 0 : data.records;
+    if (primaryField) {
+        if (results && results.length !== 0) {
+            const option = results.map((item) => {
+                return {
+                    label: item[primaryField] || item._id,
+                    value: item._id,
+                };
+            });
+            return {
+                option,
+                isLoadMore: results.length === PAGE_SIZE,
+            };
+        }
+        if (results && results.length === 0) {
+            return empty;
+        }
+    }
+    const defaultData = results === null || results === void 0 ? void 0 : results.map((opt) => ({
+        option: [{ label: opt._id, value: opt._id }],
+    })); // 兜底 正常来说一定有primaryField
+    return !isEmpty(defaultData)
+        ? { option: defaultData, isLoadMore: false }
+        : Promise.reject('network error');
+};
+export const requestEnumOption = async (params) => {
+    var _a, _b, _c;
+    // 如果绑定字段类型为枚举，且传入自定义选项集的名称则默认使用自定义选项集的内容作为选项
+    const { enumName } = params;
+    if (isEmpty(enumName)) {
+        return [];
+    }
+    const data = await callWedaApi({
+        action: 'DescribeGeneralOptionsDetailList',
+        data: {
+            OptNameList: [enumName],
+            PageIndex: 1,
+            PageSize: 10, // 表示选项集个数，不是每个选项集拉下来的数据，单个选项集所以数据都被返回
+        },
+    });
+    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 === null || config === void 0 ? void 0 : config.map((item) => {
+        return {
+            label: item.value,
+            value: item.key,
+        };
+    });
+    return enumOption || [];
+};
+export const transFormatTeaSelectKey = (options) => {
+    return options.map((item) => {
+        return {
+            value: item.value,
+            text: item.label,
+        };
+    });
+};

package/dist/web/components/form/select/status/allEmpty.js

@@ -0,0 +1,5 @@
+import React from 'react';
+import './index.css';
+export default function AllEmpty({ height }) {
+    return (React.createElement("div", { className: "weda-ui-custom-picker__empty", style: { height } }, "\u6682\u65E0\u6570\u636E"));
+}

package/dist/web/components/form/select/status/empty.js

@@ -0,0 +1,18 @@
+import React, { useMemo } from 'react';
+import './index.css';
+import { usePlatform } from '../../../../utils/platform';
+export default function Empty({ height }) {
+    const platform = usePlatform();
+    const loadingHeight = useMemo(() => {
+        if (height) {
+            return height;
+        }
+        if (platform === 'h5') {
+            return '48px';
+        }
+        else {
+            return '21px';
+        }
+    }, [platform]);
+    return (React.createElement("div", { className: "weda-ui-custom-picker__status weda-ui-custom-picker__status--empty", style: { height: loadingHeight, lineHeight: loadingHeight } }, "\u6682\u65E0\u6570\u636E"));
+}