@cloudbase/weda-ui 3.9.7 → 3.10.0

package/dist/web/actions/showMessage/index.js

@@ -1,4 +1,5 @@
 import { isH5Platform } from '../../utils/platform';
+import { errorHandler } from '../../utils/error';
 import { message, setConfig } from 'tea-component';
 import './style';
 const iconType = {
@@ -38,5 +39,9 @@ export default function showMessage(props) {
     }
     catch (error) {
         console.error('showMessage error', error);
+        errorHandler({
+            code: 'ShowMessageError',
+            error,
+        });
     }
 }

package/dist/web/components/carousel/index.js

@@ -6,6 +6,7 @@ import { useDebouncedCallback, useEventListener, useResizeObserver, } from '@rea
 import Image from '../image';
 import { emptyObject } from '../../utils/constant';
 import WdLink from '../wd-link';
+import { errorHandler } from '../../utils/error';
 import './style';
 export default function Carousel({ className, style, autoplay, circular, vertical, indicatorDots, indicatorColor, indicatorActiveColor, duration, interval, current, events = emptyObject, id, images: defalutImages, }) {
     const isCorrectDatas = Array.isArray(defalutImages);
@@ -186,6 +187,10 @@ const SwiperItem = ({ setHeight, children, currentIndex, index, imagesValue }) =
             }
         }
         catch (e) {
+            errorHandler({
+                code: 'Carousel.invalidUrl',
+                error: e,
+            });
             // 非法 url
             isAbosolutePath = true;
             href = url;

package/dist/web/components/chart/common/core/eChartBase.js

@@ -1,5 +1,6 @@
 import { callDataSource, callWedaApi } from '../../../../utils/tcb';
 import getConfig from '../config/global';
+import { errorHandler } from '../../../../utils/error';
 export class AbstractEchartBaseModal {
 }
 /**
@@ -122,6 +123,10 @@ class EchartBase extends AbstractEchartBaseModal {
             return (_d = res.result) !== null && _d !== void 0 ? _d : [];
         }
         catch (err) {
+            errorHandler({
+                code: 'Chart',
+                error: err,
+            });
             return [];
         }
     }

package/dist/web/components/chart/statisticsCard/index.js

@@ -6,6 +6,7 @@ import { usePlatform } from '../../../utils/platform';
 import { useDeepCompareEffect, useIsMounted } from '@react-hookz/web';
 import { callDataSource, callWedaApi } from '../../../utils/tcb';
 import { getUuid } from '../../../utils/tool';
+import { errorHandler } from '../../../utils/error';
 import './style';
 const CLASS_PREFIX = 'weda-statistics-card';
 // 默认显示值
@@ -158,7 +159,11 @@ export default function StatisticsCard({ dataSource, filterData, field, operatio
                 methodName: dataSource === null || dataSource === void 0 ? void 0 : dataSource.methodName,
             }));
         }
-        catch {
+        catch (e) {
+            errorHandler({
+                code: 'Chart.statisticsCard',
+                error: e,
+            });
             return [];
         }
     }

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

@@ -6,6 +6,7 @@ import { usePlatform, isInIde } from '../../../utils/platform';
 import { callDataSource, callConnector } from '../../../utils/tcb';
 import isObjectEqual from '../../../utils/isObjectEqual';
 import { getDataSourceByName } from '../../../utils/datasource';
+import { errorHandler } from '../../../utils/error';
 import './style';
 const formTypeWithInitValue = ['edit', 'read'];
 /**
@@ -65,6 +66,10 @@ export default function Form({ className, contentSlot, style, id, layout, formTy
             }
             catch (e) {
                 alertError(platform, '表单容器数据查询失败');
+                errorHandler({
+                    code: 'Form.initValue',
+                    error: e,
+                });
             }
         };
         if (dataSourceName && formTypeWithInitValue.includes(formType)) {
@@ -121,7 +126,10 @@ export default function Form({ className, contentSlot, style, id, layout, formTy
             catch (err) {
                 (_e = events === null || events === void 0 ? void 0 : events.onInitDataSourceFieldsWithAuth) === null || _e === void 0 ? void 0 : _e.call(events, authValue);
                 alertError(platform, `获取数据源字段权限信息失败,字段权限可能无法正确展示,错误信息:${err === null || err === void 0 ? void 0 : err.message}`);
-                console.error('getDataSourceFieldsWithAuth err', err);
+                errorHandler({
+                    code: 'Form.getDataSourceFieldsWithAuth',
+                    error: err,
+                });
             }
         };
         if (isDataModel && dataSourceName) {

package/dist/web/components/form/location/common/mapChoose.js

@@ -6,6 +6,7 @@ import classNames from '../../../../utils/classnames';
 import debounce from '../../../../utils/debounce';
 import { tmapApiUrl } from '../constants';
 import { getTMap, calculateDistance, base64LocationIcon, } from '../../../../utils/tmap';
+import { errorHandler } from '../../../../utils/error';
 import { Icon } from 'tea-component';
 import { inH5IsMobile } from '../../../../utils/platform';
 import './style';
@@ -235,7 +236,10 @@ export default function MapChoose({ changeLocation, onConfirm, onClose, currentL
             .catch((error) => {
             setSearchLoadingStatus(false);
             setRealLocation({ lat, lng }, []);
-            console.error('explore error', error);
+            errorHandler({
+                code: 'WdLocation.exploreNear',
+                error,
+            });
         });
     }, 500);
     // 逆解析查询当前经纬度地址
@@ -266,7 +270,10 @@ export default function MapChoose({ changeLocation, onConfirm, onClose, currentL
             }
         })
             .catch((error) => {
-            console.error('getAddress error', error);
+            errorHandler({
+                code: 'WdLocation.getAddress',
+                error,
+            });
             let item = {
                 id: 'current-location',
                 location: {
@@ -316,7 +323,10 @@ export default function MapChoose({ changeLocation, onConfirm, onClose, currentL
                 }
             })
                 .catch((error) => {
-                console.error('error', error);
+                errorHandler({
+                    code: 'WdLocation.getSuggestion',
+                    error,
+                });
             });
         }
         else {
@@ -457,6 +467,10 @@ export default function MapChoose({ changeLocation, onConfirm, onClose, currentL
                 });
             }
             catch (e) {
+                errorHandler({
+                    code: 'WdLocation.getLatestLocation',
+                    error: e,
+                });
                 resolve(null);
             }
         });

package/dist/web/components/form/location/common/mapView.js

@@ -5,6 +5,7 @@ import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { tmapApiUrl } from '../constants';
 import { getTMap } from '../../../../utils/tmap';
+import { errorHandler } from '../../../../utils/error';
 const { useEffect, useRef, useState } = React;
 const defaultLatLng = {
     lat: null,
@@ -37,7 +38,10 @@ export default function MapView({ APIKEY = '', drag = true, zoom = true, latlng
             setMapStatus(true);
         }
         catch (error) {
-            console.error('initMap error', error);
+            errorHandler({
+                code: 'WdLocation.mapView.initMap',
+                error,
+            });
         }
     };
     const initMarker = () => {
@@ -64,8 +68,11 @@ export default function MapView({ APIKEY = '', drag = true, zoom = true, latlng
                 });
             }
         }
-        catch (err) {
-            console.error('initMarker err', err);
+        catch (error) {
+            errorHandler({
+                code: 'WdLocation.mapView.initMarker',
+                error,
+            });
         }
     };
     useEffect(() => {
@@ -122,7 +129,10 @@ export default function MapView({ APIKEY = '', drag = true, zoom = true, latlng
                 ]);
             }
             catch (error) {
-                console.error('updateGeometries error view', error);
+                errorHandler({
+                    code: 'WdLocation.mapView.updateGeometries',
+                    error,
+                });
             }
         }
     }, [lat, lng, mapStatus]);
@@ -145,7 +155,10 @@ export default function MapView({ APIKEY = '', drag = true, zoom = true, latlng
             }
         }
         catch (error) {
-            console.error('removeOrAddZoom error', error);
+            errorHandler({
+                code: 'WdLocation.mapView.removeOrAddZoom',
+                error,
+            });
         }
     };
     // 移除缩放控件

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import './style';
-export declare function SelectPickerH5({ updateValue, selectedValue, options, isTurnPages, loadMore, onSearchValue, reTry, status, isShow, params, onSearchValueInput, }: {
+export declare function SelectPickerH5({ updateValue, selectedValue, options, isTurnPages, loadMore, onSearchValue, reTry, status, isShow, params, onSearchValueInput, addRelationButton, portalContainer, }: {
     updateValue: any;
     selectedValue: any;
     options: any;
@@ -12,4 +12,6 @@ export declare function SelectPickerH5({ updateValue, selectedValue, options, is
     isShow: any;
     params: any;
     onSearchValueInput: any;
+    addRelationButton: any;
+    portalContainer: any;
 }): JSX.Element;

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

@@ -10,7 +10,7 @@ import AllEmpty from '../status/allEmpty';
 import { PAGE_SIZE, requestFatherRelatedOption, RequestOptionType, } from '../request';
 import classNames from '../../../../utils/classnames';
 import './style';
-export function SelectPickerH5({ updateValue, selectedValue, options, isTurnPages, loadMore, onSearchValue, reTry, status, isShow, params, onSearchValueInput, }) {
+export function SelectPickerH5({ updateValue, selectedValue, options, isTurnPages, loadMore, onSearchValue, reTry, status, isShow, params, onSearchValueInput, addRelationButton, portalContainer, }) {
     const focusRef = useRef();
     const contentRef = useRef();
     const heightRef = useRef(0);
@@ -91,7 +91,7 @@ export function SelectPickerH5({ updateValue, selectedValue, options, isTurnPage
             loadMore();
         }
     };
-    return isShow ? (_jsx(Portal, { type: "div", disableOutsidePointerEvents: true, disableOutsideScroll: true, children: _jsxs("div", { className: "weda-ui-custom-picker", children: [_jsx("div", { className: "weda-ui-custom-backdrop", onClick: onClose }), _jsxs("div", { className: "weda-ui-custom-picker__inner", style: inputFocus ? { height: 'calc(100vh - 96px)' } : null, children: [!inputFocus && (_jsx("div", { className: "weda-ui-custom-picker__header", children: _jsx("div", { className: "weda-ui-custom-picker__header-cancle", onClick: onClose, children: "\u53D6\u6D88" }) })), _jsxs("div", { className: "weda-ui-custom-picker__body", children: [_jsxs("div", { style: { margin: inputFocus ? '16px 16px 8px 16px' : '8px 16px' }, className: `weda-ui-custom-search
+    return isShow ? (_jsx(Portal, { type: "div", disableOutsidePointerEvents: true, disableOutsideScroll: true, portalContainer: portalContainer, children: _jsxs("div", { className: "weda-ui-custom-picker", children: [_jsx("div", { className: "weda-ui-custom-backdrop", onClick: onClose }), _jsxs("div", { className: "weda-ui-custom-picker__inner", style: inputFocus ? { height: 'calc(100vh - 96px)' } : null, children: [!inputFocus && (_jsx("div", { className: "weda-ui-custom-picker__header", children: _jsx("div", { className: "weda-ui-custom-picker__header-cancle", onClick: onClose, children: "\u53D6\u6D88" }) })), _jsxs("div", { className: "weda-ui-custom-picker__body", children: [_jsxs("div", { style: { margin: inputFocus ? '16px 16px 8px 16px' : '8px 16px' }, className: `weda-ui-custom-search
           ${inputFocus ? 'is-focused' : ''}`, children: [_jsxs("div", { className: "weda-ui-custom-search-box ", "data-testid": "weda-ui-custom-search-box", onClick: () => {
                                                 setInputFocus(true);
                                             }, children: [inputFocus ? (_jsx("input", { className: "weda-ui-input", ref: focusRef, value: searchValue, autoFocus: true, onChange: (e) => {
@@ -106,23 +106,23 @@ export function SelectPickerH5({ updateValue, selectedValue, options, isTurnPage
                                                     } }))] }), _jsx("button", { className: "weda-ui-custom-search__btn-cancle", onClick: () => {
                                                 setInputFocus(false);
                                                 setSearchValue('');
-                                            }, children: "\u53D6\u6D88" })] }), status === Status.ALl_EMPTY ? (_jsx(AllEmpty, { height: inputFocus ? 'calc(100vh - 160px)' : '280px' })) : (_jsx("div", { className: "weda-ui-custom-picker__cloumns weda-ui-custom-picker__cloumns--select ", "data-testid": "weda-ui-custom-picker__cloumns", style: {
+                                            }, children: "\u53D6\u6D88" })] }), status === Status.ALl_EMPTY ? (_jsx(AllEmpty, { height: inputFocus ? 'calc(100vh - 160px)' : '280px' })) : (_jsxs("div", { className: "weda-ui-custom-picker__cloumns weda-ui-custom-picker__cloumns--select ", "data-testid": "weda-ui-custom-picker__cloumns", style: {
                                         height: inputFocus ? 'calc(100vh - 160px)' : '280px',
-                                    }, onScroll: contentScroll, ref: contentRef, children: _jsxs("ul", { className: "weda-ui-custom-picker__cloumn", style: {
-                                            height: inputFocus ? 'calc(100vh - 190px)' : '250px',
-                                        }, children: [options === null || options === void 0 ? void 0 : options.map((item, index) => {
-                                                // is-selected 选中态
-                                                // is-disabled 禁用态，该状态备用，暂时不让生效index === -1
-                                                const itemCls = classNames('weda-ui-custom-picker__cloumn-item', {
-                                                    'is-selected': index === clickIndex && !inputFocus,
-                                                    'is-disabled': index === -1 || item.disabled,
-                                                });
-                                                return (_jsx("li", { className: itemCls, onClick: () => {
-                                                        if (item.disabled)
-                                                            return;
-                                                        setInputFocus(false);
-                                                        setSearchValue('');
-                                                        updateValue(item, true, true, true);
-                                                    }, children: _jsx("p", { className: 'weda-ui-custom-picker__cloumn-item-text', children: item.label }) }, index));
-                                            }), status === Status.LOADING && (_jsx("li", { children: _jsx(Loading, {}) }, 'loading')), status === Status.ERROR && (_jsx("li", { children: _jsx(Retry, { reTry: reTry }) }, 'retry')), status === Status.EMPTY && (_jsx("li", { children: _jsx(Empty, {}) }, 'empty'))] }) }))] })] })] }) })) : null;
+                                    }, onScroll: contentScroll, ref: contentRef, children: [_jsxs("ul", { className: "weda-ui-custom-picker__cloumn", style: {
+                                                height: inputFocus ? 'calc(100vh - 190px)' : '250px',
+                                            }, children: [options === null || options === void 0 ? void 0 : options.map((item, index) => {
+                                                    // is-selected 选中态
+                                                    // is-disabled 禁用态，该状态备用，暂时不让生效index === -1
+                                                    const itemCls = classNames('weda-ui-custom-picker__cloumn-item', {
+                                                        'is-selected': index === clickIndex && !inputFocus,
+                                                        'is-disabled': index === -1 || item.disabled,
+                                                    });
+                                                    return (_jsx("li", { className: itemCls, onClick: () => {
+                                                            if (item.disabled)
+                                                                return;
+                                                            setInputFocus(false);
+                                                            setSearchValue('');
+                                                            updateValue(item, true, true, true);
+                                                        }, children: _jsx("p", { className: 'weda-ui-custom-picker__cloumn-item-text', children: item.label }) }, index));
+                                                }), status === Status.LOADING && (_jsx("li", { children: _jsx(Loading, {}) }, 'loading')), status === Status.ERROR && (_jsx("li", { children: _jsx(Retry, { reTry: reTry }) }, 'retry')), status === Status.EMPTY && (_jsx("li", { children: _jsx(Empty, {}) }, 'empty'))] }), addRelationButton] }))] })] })] }) })) : null;
 }

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

@@ -172,3 +172,11 @@
   white-space: nowrap;
   margin-right: 40px;
 }
+
+.weda-ui-custom-picker__cloumns {
+  display: flex;
+  flex-direction: column;
+}
+.weda-ui-custom-picker__cloumn {
+  width: 100%;
+}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare function PureSelect({ params, selectedValue, updateValue, placeholder, size, disabled, isShow, onSearchValueInput, ignoreCase, staticSearchable, }: {
+export declare function PureSelect({ params, selectedValue, updateValue, placeholder, size, disabled, isShow, onSearchValueInput, ignoreCase, staticSearchable, childRef, updateStatus, addRelationButtonText, enableAddRelationButton, onAddRelationButtonClick, }: {
     params: any;
     selectedValue: any;
     updateValue: any;
@@ -10,4 +10,9 @@ export declare function PureSelect({ params, selectedValue, updateValue, placeho
     onSearchValueInput: any;
     ignoreCase?: boolean;
     staticSearchable?: boolean;
+    childRef: any;
+    updateStatus?: any;
+    addRelationButtonText: any;
+    enableAddRelationButton: any;
+    onAddRelationButtonClick: any;
 }): JSX.Element;

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

@@ -1,50 +1,33 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState, useImperativeHandle, useCallback, } from 'react';
 import { SelectPickerH5 } from './h5';
 import { PAGE_SIZE, requestEnumOption, requestFatherRelatedOption, RequestOptionType, transFormatTeaSelectKey, } from '../request';
 import SelectPickerPc from './pc';
 import { usePlatform } from '../../../../utils/platform';
-import { Status } from '../status';
+import { Status, Loading } from '../status';
 import { isFormatNeedFetch, isSingleForeignFormat } from '../formats-util';
 import { useDebouncedEffect, useDeepCompareEffect } from '@react-hookz/web';
 import { useRecycle } from '../../../../utils/hooks/useRecycle';
-export function PureSelect({ params, selectedValue, updateValue, placeholder, size, disabled, isShow, onSearchValueInput, ignoreCase = true, staticSearchable = true, }) {
+import WdIcon from '../../../wd-icon';
+export function PureSelect({ params, selectedValue, updateValue, placeholder, size, disabled, isShow, onSearchValueInput, ignoreCase = true, staticSearchable = true, childRef, updateStatus = undefined, addRelationButtonText, enableAddRelationButton, onAddRelationButtonClick, }) {
     const isRequestingRef = useRef(false);
     const [status, setStatus] = useState(Status.ALl_EMPTY);
+    const [refreshStatus, setRefreshStatus] = useState(false);
     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 { recycleBack, format: _format, portalContainer } = useRecycle();
+    const [format, setFormat] = useState(_format);
     const [isTurnPages, setIsTurnPages] = useState(false);
     const platform = usePlatform();
     const isSearch = useMemo(() => searchValue !== '', [searchValue]);
-    const { recycleBack } = useRecycle();
-    useDeepCompareEffect(() => {
-        const { format, controlledValue } = params || {
-            format: '',
-            controlledValue: [],
-        };
-        const isTurnPages = isSingleForeignFormat(format);
-        setFormat(format);
-        setIsTurnPages(isTurnPages);
-        // 手动配置
-        if (!isFormatNeedFetch(format)) {
-            if (controlledValue.length === 0) {
-                setStatus(Status.ALl_EMPTY);
-            }
-            else {
-                setStatus(Status.FINISH);
-            }
-            setOptions(controlledValue);
-            return;
-        }
-        // 接口请求
+    const getOptionsByRequest = useCallback((isTurnPages, format = _format) => {
         if (isTurnPages) {
             setStatus(Status.LOADING);
-            requestFatherRelatedOption(params, 1, RequestOptionType.ALL)
+            return requestFatherRelatedOption(params, 1, RequestOptionType.ALL)
                 .then((value) => {
                 setOptions(value.option);
                 if (value.option.length === 0) {
@@ -53,14 +36,16 @@ export function PureSelect({ params, selectedValue, updateValue, placeholder, si
                 else {
                     setStatus(value.isLoadMore ? Status.LOADING : Status.FINISH);
                 }
+                return { status: Status.FINISH, value };
             })
                 .catch(() => {
                 setStatus(Status.ERROR);
+                return { status: Status.ERROR };
             })
                 .finally(() => (isRequestingRef.current = false));
         }
         else if (format === 'x-enum') {
-            requestEnumOption(params)
+            return requestEnumOption(params)
                 .then((value) => {
                 setOptions(value);
                 if (value.length === 0) {
@@ -69,12 +54,36 @@ export function PureSelect({ params, selectedValue, updateValue, placeholder, si
                 else {
                     setStatus(Status.FINISH);
                 }
+                return { status: Status.FINISH, value };
             })
                 .catch(() => {
                 setStatus(Status.ERROR);
+                return { status: Status.FINISH };
             })
                 .finally(() => (isRequestingRef.current = false));
         }
+    }, [_format, params, platform]);
+    useDeepCompareEffect(() => {
+        const { format, controlledValue } = params || {
+            format: '',
+            controlledValue: [],
+        };
+        const isTurnPages = isSingleForeignFormat(format);
+        setFormat(format);
+        setIsTurnPages(isTurnPages);
+        // 手动配置
+        if (!isFormatNeedFetch(format)) {
+            if (controlledValue.length === 0) {
+                setStatus(Status.ALl_EMPTY);
+            }
+            else {
+                setStatus(Status.FINISH);
+            }
+            setOptions(controlledValue);
+            return;
+        }
+        // 接口请求
+        getOptionsByRequest(isTurnPages, format);
     }, [params]);
     useEffect(() => {
         if (page > 1) {
@@ -119,7 +128,9 @@ export function PureSelect({ params, selectedValue, updateValue, placeholder, si
                 }
             }
         })
-            .catch(() => isSearch ? setSearchStatus(Status.ERROR) : setStatus(Status.ERROR))
+            .catch(() => {
+            isSearch ? setSearchStatus(Status.ERROR) : setStatus(Status.ERROR);
+        })
             .finally(() => (isRequestingRef.current = false));
     };
     const currentStatus = useMemo(() => {
@@ -238,5 +249,28 @@ export function PureSelect({ params, selectedValue, updateValue, placeholder, si
             }
         });
     };
-    return platform === 'h5' ? (_jsx(SelectPickerH5, { updateValue: updateValue, options: currentOption, loadMore: loadMore, reTry: reTry, isTurnPages: isTurnPages, status: currentStatus, onSearchValue: onSearchValue, isShow: isShow, params: params, selectedValue: selectedValue, onSearchValueInput: onSearchValueInput })) : (_jsx(SelectPickerPc, { placeholder: placeholder, size: size, selectedValue: selectedValue, disabled: disabled, updateValue: updateValue, reTry: reTry, loadMore: loadMore, format: format, status: currentStatus, options: currentOption, onSearchValue: onSearchValue, defaultSearchValue: '', findData: findData, onSearchValueInput: onSearchValueInput }));
+    useImperativeHandle(childRef, () => {
+        return {
+            refresh: async () => {
+                setRefreshStatus(true);
+                updateStatus === null || updateStatus === void 0 ? void 0 : updateStatus(true);
+                await getOptionsByRequest(isTurnPages);
+                // eslint-disable-next-line rulesdir/no-timer
+                const timer = setTimeout(() => {
+                    setRefreshStatus(false);
+                    updateStatus === null || updateStatus === void 0 ? void 0 : updateStatus(false);
+                    clearTimeout(timer);
+                }, 500);
+            },
+        };
+    }, [getOptionsByRequest, isTurnPages, updateStatus]);
+    const addRelationButton = isFormatNeedFetch(format) &&
+        enableAddRelationButton && (_jsxs("span", { className: "wd-add-relation-button-wrap", onClick: onAddRelationButtonClick, children: [_jsx(WdIcon, { size: 'xs', name: 'td:add-circle' }), addRelationButtonText] }));
+    if (refreshStatus && platform === 'pc') {
+        return _jsx(Loading, {});
+    }
+    if (refreshStatus && platform === 'h5') {
+        return null;
+    }
+    return platform === 'h5' ? (_jsx(SelectPickerH5, { portalContainer: portalContainer, addRelationButton: addRelationButton, updateValue: updateValue, options: currentOption, loadMore: loadMore, reTry: reTry, isTurnPages: isTurnPages, status: currentStatus, onSearchValue: onSearchValue, isShow: isShow, params: params, selectedValue: selectedValue, onSearchValueInput: onSearchValueInput })) : (_jsx(SelectPickerPc, { placeholder: placeholder, size: size, selectedValue: selectedValue, disabled: disabled, updateValue: updateValue, reTry: reTry, loadMore: loadMore, format: format, status: currentStatus, options: currentOption, onSearchValue: onSearchValue, defaultSearchValue: '', findData: findData, onSearchValueInput: onSearchValueInput, footer: addRelationButton }));
 }

package/dist/web/components/form/select/dropdown-select/pc.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import './style';
-export default function SelectPickerPc({ format, selectedValue, updateValue: _updateValue, placeholder, size, disabled, reTry, loadMore, status, options, onSearchValue, defaultSearchValue, findData, onSearchValueInput, }: {
+export default function SelectPickerPc({ format, selectedValue, updateValue: _updateValue, placeholder, size, disabled, reTry, loadMore, status, options, onSearchValue, defaultSearchValue, findData, onSearchValueInput, footer, }: {
     format: any;
     selectedValue: any;
     updateValue: any;
@@ -15,4 +15,5 @@ export default function SelectPickerPc({ format, selectedValue, updateValue: _up
     defaultSearchValue: any;
     findData: any;
     onSearchValueInput: any;
+    footer: any;
 }): JSX.Element;

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

@@ -9,7 +9,7 @@ import Empty from '../status/empty';
 import { WdFormItemReadOnly } from '../../../wd-form-item';
 import lodashGet from 'lodash.get';
 import './style';
-export default function SelectPickerPc({ format, selectedValue, updateValue: _updateValue, placeholder, size, disabled, reTry, loadMore, status, options, onSearchValue, defaultSearchValue, findData, onSearchValueInput, }) {
+export default function SelectPickerPc({ format, selectedValue, updateValue: _updateValue, placeholder, size, disabled, reTry, loadMore, status, options, onSearchValue, defaultSearchValue, findData, onSearchValueInput, footer, }) {
     const [showDelete, setShowDelete] = useState(false);
     const [optList, setOptList] = useState(options);
     const [readValue, setReadValue] = useState('');
@@ -84,11 +84,11 @@ export default function SelectPickerPc({ format, selectedValue, updateValue: _up
             return '';
         }
     }, [format, status, optList]);
-    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(WdFormItemReadOnly, { readValue: readValue, children: _jsx("div", { "data-testid": "form-select", className: 'form-select-pc', onMouseEnter: () => {
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(WdFormItemReadOnly, { readValue: readValue, format: format, value: selectedValue, children: _jsx("div", { "data-testid": "form-select", className: 'form-select-pc', onMouseEnter: () => {
                     setShowDelete(true);
                 }, onMouseLeave: () => {
                     setShowDelete(false);
-                }, children: _jsx(Select, { searchable: true, matchButtonWidth: true, defaultSearchValue: defaultSearchValue, placeholder: placeholder, appearance: 'button', size: size, tips: "", disabled: disabled, autoClearSearchValue: true, options: optList, value: selectedValue, bottomTips: isShowBottomTips, onChange: (value) => updateValue(value, true), onScrollBottom: loadMore, onOpen: () => {
+                }, children: _jsx(Select, { footer: footer, searchable: true, matchButtonWidth: true, defaultSearchValue: defaultSearchValue, placeholder: placeholder, appearance: 'button', size: size, tips: "", disabled: disabled, autoClearSearchValue: true, options: optList, value: selectedValue, bottomTips: isShowBottomTips, onChange: (value) => updateValue(value, true), onScrollBottom: loadMore, onOpen: () => {
                         onSearchValue('');
                     }, onSearch: (value, context) => {
                         const tValue = value.trim();

package/dist/web/components/form/select/dropdown-select/ui.d.ts

@@ -11,6 +11,11 @@ interface IPureSelectProps extends Pick<SelectProps, 'size' | 'disabled' | 'valu
     onSearchValueInput?: (value: string) => void;
     ignoreCase?: boolean;
     staticSearchable?: boolean;
+    childRef?: any;
+    enableAddRelationButton?: boolean;
+    addRelationButtonText?: string;
+    onAddRelationButtonClick?: () => void;
+    format?: boolean;
 }
 export declare function PureSelectPc(props: IPureSelectProps): JSX.Element;
 export declare function PureSelectH5(props: IPureSelectProps): JSX.Element;

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

@@ -7,10 +7,12 @@ import { PureSelect } from './index';
 import { isNil } from '../../../../utils/lodash';
 import { WdFormItemReadOnly } from '../../../wd-form-item';
 import lodashGet from 'lodash.get';
+import Loading from '../status/loading';
+import { useRecycle } from '../../../../utils/hooks/useRecycle';
 export function PureSelectPc(props) {
-    const { size, onChange = noop, value, placeholder, params, disabled, onSearchValueInput, ignoreCase, staticSearchable, } = props;
+    const { size, onChange = noop, value, placeholder, params, disabled, onSearchValueInput, ignoreCase, staticSearchable, childRef, addRelationButtonText, enableAddRelationButton, onAddRelationButtonClick, } = props;
     const previousValueRef = useRef();
-    return (_jsx(PureSelect, { ignoreCase: ignoreCase, staticSearchable: staticSearchable, isShow: false, params: params, placeholder: placeholder, size: size, selectedValue: value, disabled: disabled, onSearchValueInput: onSearchValueInput, updateValue: (value, triggerEvent) => {
+    return (_jsx(PureSelect, { childRef: childRef, addRelationButtonText: addRelationButtonText, enableAddRelationButton: enableAddRelationButton, ignoreCase: ignoreCase, staticSearchable: staticSearchable, isShow: false, params: params, placeholder: placeholder, size: size, selectedValue: value, disabled: disabled, onAddRelationButtonClick: onAddRelationButtonClick, onSearchValueInput: onSearchValueInput, updateValue: (value, triggerEvent) => {
             if (previousValueRef.current !== value) {
                 onChange(value, triggerEvent);
                 previousValueRef.current = value;
@@ -18,11 +20,13 @@ export function PureSelectPc(props) {
         } }));
 }
 export function PureSelectH5(props) {
-    const { placeholder, name, disabled, onChange = noop, layout, className, params, onSearchValueInput, ignoreCase, staticSearchable, } = props;
+    const { placeholder, name, disabled, onChange = noop, layout, className, params, onSearchValueInput, ignoreCase, staticSearchable, childRef, addRelationButtonText, enableAddRelationButton, onAddRelationButtonClick, } = props;
     const [value, setValue] = useSyncValue(props.value);
     const [currentLabel, setCurrentLabel] = useState('');
     const [isShow, setIsShow] = useState(false);
+    const [status, setStatus] = useState(false);
     const previousValueRef = useRef(value);
+    const { format } = useRecycle();
     useEffect(() => {
         if (isNil(props.value)) {
             setValue('');
@@ -55,5 +59,5 @@ export function PureSelectH5(props) {
     const onClick = () => {
         setIsShow(true);
     };
-    return (_jsxs(_Fragment, { children: [_jsx(WdFormItemReadOnly, { readValue: currentLabel, children: _jsx("div", { className: subCls, children: _jsxs("div", { className: "weui-cell__bd weui-flex select-picker", onClick: disabled ? null : onClick, children: [_jsx("input", { className: "weui-input", type: "select", name: name, placeholder: placeholder, value: currentLabel, disabled: disabled, autoComplete: 'off', readOnly: true, "data-testid": "form-item-select" }), _jsx("span", { className: 'weui-input-arrow' })] }) }) }), _jsx(PureSelect, { staticSearchable: staticSearchable, ignoreCase: ignoreCase, params: params, updateValue: onChooseCallback, selectedValue: value, isShow: isShow, size: undefined, disabled: undefined, onSearchValueInput: onSearchValueInput, placeholder: undefined })] }));
+    return (_jsxs(_Fragment, { children: [status ? (_jsx(Loading, {})) : (_jsx(WdFormItemReadOnly, { readValue: currentLabel, format: format, value: value, children: _jsx("div", { className: subCls, children: _jsxs("div", { className: "weui-cell__bd weui-flex select-picker", onClick: disabled ? null : onClick, children: [_jsx("input", { className: "weui-input", type: "select", name: name, placeholder: placeholder, value: currentLabel, disabled: disabled, autoComplete: 'off', readOnly: true, "data-testid": "form-item-select" }), _jsx("span", { className: 'weui-input-arrow' })] }) }) })), _jsx(PureSelect, { onAddRelationButtonClick: onAddRelationButtonClick, childRef: childRef, addRelationButtonText: addRelationButtonText, enableAddRelationButton: enableAddRelationButton, staticSearchable: staticSearchable, ignoreCase: ignoreCase, params: params, updateValue: onChooseCallback, selectedValue: value, isShow: isShow, size: undefined, disabled: undefined, onSearchValueInput: onSearchValueInput, placeholder: undefined, updateStatus: setStatus })] }));
 }

package/dist/web/components/form/select/formats-util.d.ts

@@ -2,4 +2,5 @@ declare const SINGLE_FOREIGN_FORMATS: readonly ["father-son", "related", "many-o
 export type TSingleForeignFormat = typeof SINGLE_FOREIGN_FORMATS[number];
 export declare function isSingleForeignFormat(format: string): format is TSingleForeignFormat;
 export declare function isFormatNeedFetch(format: string): boolean;
+export declare function isFormatWithRelation(format: string): boolean;
 export {};

package/dist/web/components/form/select/formats-util.js

@@ -13,3 +13,11 @@ export function isSingleForeignFormat(format) {
 export function isFormatNeedFetch(format) {
     return formatNeedDataFetch.includes(format);
 }
+const formatWithRelation = [
+    ...SINGLE_FOREIGN_FORMATS,
+    'x-enum',
+    'one-many',
+];
+export function isFormatWithRelation(format) {
+    return formatWithRelation.includes(format);
+}

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, enumName, dataSourceName, viewId, format, defaultValue, startDate, endDate, defaultDate, startTime, endTime, defaultTime, defaultRegion, defaultMutiRegion, separator, regionType, clearable, onChange, onSearchValueInput, readOnly, ignoreCase, staticSearchable, }: 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, clearable, onChange, onSearchValueInput, readOnly, ignoreCase, staticSearchable, childRef, addRelationButtonText, enableAddRelationButton, }: PropsType): JSX.Element;
 export declare function decodeIsoDatetime(isoStringOrTimesnap: any, type: any, dateMode?: string): any;
 /**
  * 根据时间模式，构造 new Date()的传参格式单个日期和时间组件值