@cloudbase/weda-ui 3.5.0 → 3.5.1

package/dist/web/components/form/location/components/LocationH5/index.css

@@ -8,6 +8,7 @@
   padding: 16px;
   width: 130px;
   font-size: 16px;
+  flex-shrink: 0;
 }
 .form-location-label > label {
   white-space: normal;
@@ -25,6 +26,7 @@
 .weda-ui .form-location-con {
   display: flex;
   align-items: center;
+  margin-bottom: 12px;
 }
 .form-location-con_vertical {
   padding: 1.14286rem;
@@ -43,6 +45,18 @@
   cursor: not-allowed !important;
 }
 
+.weui-cell.form-location-detail {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  white-space: normal;
+  padding-right: 0;
+}
+
+.weui-cell.form-location-detail .form-location-addr {
+  padding-left: 0;
+}
+
 .form-location-addr {
   display: flex;
   align-items: flex-start;
@@ -98,3 +112,7 @@
   height: 30px;
   margin-top: 10px;
 }
+
+.location-disabled .location-content {
+  opacity: 0.4;
+}

package/dist/web/components/form/location/components/LocationH5/location.h5.d.ts

@@ -0,0 +1,8 @@
+declare function LocationH5(props: any): JSX.Element;
+declare namespace LocationH5 {
+    export { propTypes };
+    export { defaultProps };
+}
+export default LocationH5;
+import { propTypes } from "../../common/propsConfig";
+import { defaultProps } from "../../common/propsConfig";

package/dist/web/components/form/location/components/LocationH5/location.h5.js

@@ -10,7 +10,7 @@ import SelectModal from '../../common/selectModal';
 import { propTypes, defaultProps } from '../../common/propsConfig';
 import { callDataSource } from '../../../../../utils/tcb';
 import { inH5IsMobile } from '../../../../../utils/platform';
-import styles from './location.module.css';
+import { useConfig } from '../../../../../utils/config-context';
 import './style';
 const { useEffect, useState, useRef } = React;
 export default function LocationH5(props) {
@@ -18,7 +18,8 @@ export default function LocationH5(props) {
     // 系统属性
     id, className, style, events, 
     // 组件属性
-    value, label, labelVisible, showLngLat, showMap, drag, zoom, disabled, requiredFlag, decorator, locationType, dataSource, onChange, layout, locationRange, customRange, } = props;
+    value, label, labelVisible, showLngLat, showMap, drag, zoom, disabled, requiredFlag, decorator, locationType, dataSource, onChange, layout, locationRange, customRange, readOnly, } = props;
+    const { classPrefix } = useConfig();
     const cls = classNames({
         'weda-ui': true,
         cloudbase_standard: true,
@@ -293,16 +294,19 @@ export default function LocationH5(props) {
         }
         return status;
     };
-    const LocationEl = (_jsxs("div", { className: "form-location weda-ui_form-location", "data-testid": "form-location", children: [_jsxs("div", { className: `form-location-warp ${styles.locationDisabled}`, style: { display: layout === 'vertical' ? 'block' : 'flex' }, children: [labelVisible && (_jsxs("div", { className: "form-location-label weda-formcells__label weui-cell", children: [requiredFlag && _jsx("span", { className: "weda-formcells__flag", children: "*" }), _jsx("label", { children: label })] })), _jsxs("div", { className: classNames({
-                            'form-location-con': true,
-                            [styles.locationContent]: true,
-                            'form-location-con_vertical': layout === 'vertical',
-                        }), children: [_jsx("img", { src: "https://qcloudimg.tencent-cloud.cn/raw/6542e1ce1dd36a90085b2eb979801df9.png", alt: "" }), _jsx("span", { className: classNames({ 'form-location-con_disabled': disabled }), onClick: handleChooseLocation, children: "\u9009\u62E9\u5730\u7406\u4F4D\u7F6E" })] })] }), getIsShowAddr() && (_jsxs("div", { className: classNames({
-                    'form-location-addr': true,
-                    'form-location-addr-vertical': layout === 'vertical',
-                }), children: [_jsx("img", { src: "https://qcloudimg.tencent-cloud.cn/raw/f9729e0b091f394110a6e12d3f4e7290.png", alt: "" }), _jsxs("div", { children: [location.poiname && (_jsx("div", { className: "form-location-addr-title", children: location.poiname })), showLngLat && (_jsx("div", { className: "form-location-addr-lat", children: location.latlng
-                                    ? `${location.latlng.lat}N,${location.latlng.lng}E`
-                                    : '' }))] })] })), getIsShowMap() && (_jsx("div", { className: "form-map-container", style: { height: '200px' }, children: _jsx(MapView, { APIKEY: APIKEY, drag: drag, zoom: zoom, latlng: location.latlng }) })), _jsx(SelectModal, { isSelectMapVisible: isSelectMapVisible, setIsSelectMapVisible: setIsSelectMapVisible, location: location, currentLocations: currentLocations.current, setLocation: setLocation, chooseLocation: onChangeLocation, APIKEY: APIKEY, locationRange: locationRange, customRange: customRange })] }));
+    const LocationEl = (_jsxs("div", { className: "form-location weda-ui_form-location", "data-testid": "form-location", children: [_jsxs("div", { className: `form-location-warp location-disabled`, style: { display: layout === 'vertical' ? 'block' : 'flex' }, children: [labelVisible && (_jsxs("div", { className: "form-location-label weda-formcells__label weui-cell", children: [requiredFlag && _jsx("span", { className: "weda-formcells__flag", children: "*" }), _jsx("label", { children: label })] })), _jsxs("div", { className: "weui-cell form-location-detail", children: [!readOnly ? (_jsxs("div", { className: classNames({
+                                    'form-location-con': true,
+                                    'location-content': true,
+                                    'form-location-con_vertical': layout === 'vertical',
+                                }), children: [_jsx("img", { src: "https://qcloudimg.tencent-cloud.cn/raw/6542e1ce1dd36a90085b2eb979801df9.png", alt: "" }), _jsx("span", { className: classNames({
+                                            'form-location-con_disabled': disabled,
+                                        }), onClick: handleChooseLocation, children: "\u9009\u62E9\u5730\u7406\u4F4D\u7F6E" })] })) : null, getIsShowAddr() && (_jsxs("div", { className: classNames({
+                                    'form-location-addr': true,
+                                    'form-location-addr-vertical': layout === 'vertical',
+                                    [`${classPrefix}-form-read-color`]: readOnly,
+                                }), children: [_jsx("img", { src: "https://qcloudimg.tencent-cloud.cn/raw/f9729e0b091f394110a6e12d3f4e7290.png", alt: "" }), _jsxs("div", { children: [location.poiname && (_jsx("div", { className: "form-location-addr-title", children: location.poiname })), showLngLat && (_jsx("div", { className: "form-location-addr-lat", children: location.latlng
+                                                    ? `${location.latlng.lat}N,${location.latlng.lng}E`
+                                                    : '' }))] })] }))] })] }), getIsShowMap() && (_jsx("div", { className: "form-map-container", style: { height: '200px' }, children: _jsx(MapView, { APIKEY: APIKEY, drag: drag, zoom: zoom, latlng: location.latlng }) })), _jsx(SelectModal, { isSelectMapVisible: isSelectMapVisible, setIsSelectMapVisible: setIsSelectMapVisible, location: location, currentLocations: currentLocations.current, setLocation: setLocation, chooseLocation: onChangeLocation, APIKEY: APIKEY, locationRange: locationRange, customRange: customRange })] }));
     return renderDecorator(LocationEl, decorator)({
         id,
         className: cls,

package/dist/web/components/form/location/components/LocationH5/style.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+import '../../../../style';

package/dist/web/components/form/location/components/LocationPC/Header.d.ts

@@ -0,0 +1,13 @@
+export default Header;
+declare function Header({ onClick, isEdit, info, disabled, showLngLat, locationType, dataSourceStatus, apiKeyStatus, currentLocStatus, readOnly, }: {
+    onClick: any;
+    isEdit: any;
+    info: any;
+    disabled: any;
+    showLngLat: any;
+    locationType: any;
+    dataSourceStatus: any;
+    apiKeyStatus: any;
+    currentLocStatus: any;
+    readOnly: any;
+}): JSX.Element;

package/dist/web/components/form/location/components/LocationPC/Header.js

@@ -2,7 +2,9 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import * as React from 'react';
 import { Button } from 'tea-component';
 import classNames from '../../../../../utils/classnames';
-const Header = ({ onClick, isEdit, info, disabled, showLngLat, locationType, dataSourceStatus, apiKeyStatus, currentLocStatus, }) => {
+import { useConfig } from '../../../../../utils/config-context';
+const Header = ({ onClick, isEdit, info, disabled, showLngLat, locationType, dataSourceStatus, apiKeyStatus, currentLocStatus, readOnly, }) => {
+    const { classPrefix } = useConfig();
     const { poiname, latlng } = info || {};
     const buttonType = isEdit ? 'weak' : 'primary';
     const buttonText = isEdit ? '重新定位' : '选择地理位置';
@@ -27,7 +29,7 @@ const Header = ({ onClick, isEdit, info, disabled, showLngLat, locationType, dat
             'wedatea2td-justify-grid _weda-fn-map__local': true,
             'weda-fn-map__local_loc': true,
             'weda-fn-map__local_edit': isEdit,
-        }), children: [isEdit ? (_jsx(_Fragment, { children: _jsx("div", { className: "wedatea2td-justify-grid__col wedatea2td-justify-grid__col--right weda-fn-map__local_loc_btn", children: _jsx(Button, { type: buttonType, onClick: onClick, disabled: disabled, children: buttonText }) }) })) : (_jsx("div", { className: "wedatea2td-justify-grid__col wedatea2td-justify-grid__col--left weda-fn-map__local_loc_btn_left", children: _jsx(Button, { type: buttonType, onClick: onClick, disabled: disabled, children: buttonText }) })), getIsShowAddr() && (_jsxs("div", { className: classNames('wedatea2td-justify-grid__col', 'wedatea2td-justify-grid__col--left', 'weda-fn-map__local_wrap'), children: [_jsx("i", { className: "wedatea2td-icon _weda-fn-icon-local weda-fn-map__local_wrap_icon" }), _jsxs("div", { className: "weda-fn-map__local_wrap_addr", children: [poiname && (_jsx("span", { className: classNames('wedatea2td-fz-reset', 'form-location-map-pc-address'), children: poiname })), showLngLat ? (_jsx("div", { className: classNames({
+        }), children: [isEdit ? (_jsx(_Fragment, { children: _jsx("div", { className: "wedatea2td-justify-grid__col wedatea2td-justify-grid__col--right weda-fn-map__local_loc_btn", children: _jsx(Button, { type: buttonType, onClick: onClick, disabled: disabled, children: buttonText }) }) })) : readOnly ? null : (_jsx("div", { className: "wedatea2td-justify-grid__col wedatea2td-justify-grid__col--left weda-fn-map__local_loc_btn_left", children: _jsx(Button, { type: buttonType, onClick: onClick, disabled: disabled, children: buttonText }) })), getIsShowAddr() && (_jsxs("div", { className: classNames('wedatea2td-justify-grid__col', 'wedatea2td-justify-grid__col--left', 'weda-fn-map__local_wrap', readOnly ? `${classPrefix}-form-read-color` : ''), children: [_jsx("i", { className: "wedatea2td-icon _weda-fn-icon-local weda-fn-map__local_wrap_icon" }), _jsxs("div", { className: "weda-fn-map__local_wrap_addr", children: [poiname && (_jsx("span", { className: classNames('wedatea2td-fz-reset', 'form-location-map-pc-address'), children: poiname })), showLngLat ? (_jsx("div", { className: classNames({
                                     'form-location-addr-lat': true,
                                     'form-location-map-pc-latlng': true,
                                 }), children: latlng.lat ? `${latlng.lat}N,${latlng.lng}E` : '' })) : null] })] }))] }));

package/dist/web/components/form/location/components/LocationPC/location.PC.d.ts

@@ -0,0 +1,8 @@
+declare function LocationPC(props: any): JSX.Element;
+declare namespace LocationPC {
+    export { propTypes };
+    export { defaultProps };
+}
+export default LocationPC;
+import { propTypes } from "../../common/propsConfig";
+import { defaultProps } from "../../common/propsConfig";

package/dist/web/components/form/location/components/LocationPC/location.PC.js

@@ -20,7 +20,7 @@ export default function LocationPC(props) {
     // 系统属性
     id, className, style, events, 
     // 组件属性
-    value, label, labelVisible, locationType, showLngLat, showMap, drag, zoom, disabled, requiredFlag, decorator, dataSource, layout, locationRange, customRange, onChange, } = props;
+    value, label, labelVisible, locationType, showLngLat, showMap, drag, zoom, disabled, requiredFlag, decorator, dataSource, layout, locationRange, customRange, onChange, readOnly, } = props;
     const cls = classNames({
         'weda-ui': true,
         cloudbase_standard: true,
@@ -206,7 +206,7 @@ export default function LocationPC(props) {
         }
         return status;
     };
-    const LocationEl = (_jsxs(ConfigProvider, { classPrefix: "wedatea2td", children: [_jsxs("div", { className: classNames('_weda-fn-map', className), "data-testid": "_weda-fn-map", style: style, children: [_jsx(Header, { isEdit: userSelectStatus === 'selected', info: location, onClick: handleChooseLocation, disabled: disabled, showLngLat: showLngLat, locationType: locationType, apiKeyStatus: apiKeyStatus, currentLocStatus: currentLocStatus, dataSourceStatus: dataSourceStatus.status }), getIsShowMap() ? (_jsx("div", { className: classNames('form-location-map-pc'), children: _jsx(MapView, { APIKEY: APIKEY, drag: drag, zoom: zoom, latlng: location.latlng }) })) : null] }), _jsx(SelectModal, { currentLocations: currentLocations.current, isSelectMapVisible: isSelectMapVisible, setIsSelectMapVisible: setIsSelectMapVisible, location: location, setLocation: setLocation, APIKEY: APIKEY, chooseLocation: onChangeLocation, locationRange: locationRange, customRange: customRange })] }));
+    const LocationEl = (_jsxs(ConfigProvider, { classPrefix: "wedatea2td", children: [_jsxs("div", { className: classNames('_weda-fn-map', className), "data-testid": "_weda-fn-map", style: style, children: [_jsx(Header, { isEdit: userSelectStatus === 'selected', info: location, onClick: handleChooseLocation, disabled: disabled, showLngLat: showLngLat, locationType: locationType, apiKeyStatus: apiKeyStatus, currentLocStatus: currentLocStatus, dataSourceStatus: dataSourceStatus.status, readOnly: readOnly }), getIsShowMap() ? (_jsx("div", { className: classNames('form-location-map-pc'), children: _jsx(MapView, { APIKEY: APIKEY, drag: drag, zoom: zoom, latlng: location.latlng }) })) : null] }), _jsx(SelectModal, { readOnly: readOnly, currentLocations: currentLocations.current, isSelectMapVisible: isSelectMapVisible, setIsSelectMapVisible: setIsSelectMapVisible, location: location, setLocation: setLocation, APIKEY: APIKEY, chooseLocation: onChangeLocation, locationRange: locationRange, customRange: customRange })] }));
     return renderDecorator(LocationEl, decorator)({
         id,
         className: cls,

package/dist/web/components/form/location/components/LocationPC/style.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+import '../../../../style';

package/dist/web/components/form/location/constants.d.ts

@@ -0,0 +1,2 @@
+export const KEY: "XX5BZ-UJLKR-B7WWP-WURRR-UYBGS-4VBMM";
+export const tmapApiUrl: "https://map.qq.com/api/gljs";

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

@@ -0,0 +1 @@
+export default function Location(props: any): JSX.Element;

package/dist/web/components/form/location/style.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { CommonFormPropsType } from '../types';
+import './style';
+export default function Radio({ id, className, style, events, label, labelVisible, format, enumName, name, range, layout, disabled, requiredFlag, decorator, onChange: outerOnChange, }: PropsType): JSX.Element;
+export interface PropsType extends CommonFormPropsType {
+    range?: Readonly<({
+        label: string;
+    } & Record<string, any>)[]>;
+    format?: string;
+    enumName?: string;
+    onChange: (val: string) => void;
+}

package/dist/web/components/form/radio/style.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+import '../../style';

package/dist/web/components/form/renderDecorator.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+/**
+ *
+ * @returns {(props: any) => JSX.Element}
+ */
+export declare function renderDecorator<D = any>(filedNode: React.ReactNode, DecoratorComponent?: React.FC<D>): (decoratorProps: any) => JSX.Element;

package/dist/web/components/form/select/allTimePicker/calendar.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import './style';
+/**
+ * 日历组件
+ */
+export default function Calendar({ startTime, endTime, selectYear, selectMonth, setCurrentDay, defaultSelectDay, }: {
+    startTime: any;
+    endTime: any;
+    selectYear: any;
+    selectMonth: any;
+    setCurrentDay: any;
+    defaultSelectDay: any;
+}): JSX.Element;

package/dist/web/components/form/select/allTimePicker/dataUtils.d.ts

@@ -0,0 +1,25 @@
+export declare const weeks: string[];
+export declare const defaultData: () => {
+    id: string;
+    value: any[];
+}[];
+export declare const defaultDateTime: {
+    id: string;
+    value: string[];
+}[];
+export declare const getIndex: (index: any) => any;
+export declare const getLast: (index: any, array: any) => any;
+export declare const getFormatData: (data: any) => any;
+/**
+ * 动态获取日期时间数组的下标
+ */
+export declare const getCurrentYearIndex: () => any;
+export declare const getCurrentMonthIndex: () => any;
+export declare const getCurrentHoursIndex: () => any;
+export declare const getCurrentMinutesIndex: () => any;
+export declare const getCurrentSecondsIndex: () => number;
+export declare const isSpace: (str: any) => boolean;
+export declare const getIOSNotNaNDate: (data: any) => any;
+export declare const getLastDate: () => string;
+export declare const getStartDate: () => string;
+export declare const isTime: (date: any) => boolean;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { CommonFormPropsType } from '../../types';
+import './style';
+/**
+ *  年月日时分秒日期选择器
+ */
+export default function AllTimePicker({ startDate, endDate, defaultDate, title, onAllTimeCallback, }: PropsType): JSX.Element;
+export interface PropsType extends CommonFormPropsType {
+    title?: string;
+    startDate?: string;
+    endDate?: string;
+    defaultDate?: string;
+    onAllTimeCallback: (val: string[]) => void;
+}

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

@@ -860,7 +860,7 @@ export default function AllTimePicker({ startDate, endDate, defaultDate, title,
         }
         return value === null || value === void 0 ? void 0 : value.replace(name, v);
     };
-    return (_jsx(Portal, { type: "div", children: _jsxs("div", { className: "weda-ui-custom-picker", children: [_jsx("div", { className: "weda-ui-custom-backdrop", "data-testid": "allTime-backdrop", onClick: () => {
+    return (_jsx(Portal, { type: "div", disableOutsidePointerEvents: true, disableOutsideScroll: true, children: _jsxs("div", { className: "weda-ui-custom-picker", children: [_jsx("div", { className: "weda-ui-custom-backdrop", "data-testid": "allTime-backdrop", onClick: () => {
                         onAllTimeCallback([]);
                     } }), _jsxs("div", { className: "weda-ui-custom-picker__inner", children: [_jsxs("div", { className: "weda-ui-custom-picker__header", children: [_jsx("div", { "data-testid": "allTime-cancel", className: "weda-ui-custom-picker__header-cancle", onClick: () => {
                                         onAllTimeCallback([]);

package/dist/web/components/form/select/allTimePicker/style.d.ts

@@ -0,0 +1,3 @@
+import './calendar.css';
+import './index.css';
+import '../../../style';

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

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

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

@@ -24,6 +24,7 @@ export function SelectPickerH5({ updateValue, selectedValue, options, isTurnPage
                 searchValue === '') {
                 // 没找到接口查询，该代码只执行一次，使用options.length > PAGE_SIZE限制
                 if (index === -1) {
+                    // 本地没找到
                     ((params === null || params === void 0 ? void 0 : params.dataSourceName) || (params === null || params === void 0 ? void 0 : params.viewId)) &&
                         requestFatherRelatedOption(params, 1, RequestOptionType.EQUAL, selectedValue).then((value) => {
                             if (value && value.option.length > 0) {
@@ -37,11 +38,9 @@ export function SelectPickerH5({ updateValue, selectedValue, options, isTurnPage
                             }
                         });
                 }
-                else {
-                    // eslint-disable-next-line rulesdir/no-call-upper-scope-func-in-use-memo -- 改不动了
-                    updateValue(options[index], true, false);
-                }
             }
+            // eslint-disable-next-line rulesdir/no-call-upper-scope-func-in-use-memo -- 改不动了
+            updateValue(options[index], true, false);
             return index;
         }
         else {
@@ -87,7 +86,7 @@ export function SelectPickerH5({ updateValue, selectedValue, options, isTurnPage
             loadMore();
         }
     };
-    return isShow ? (_jsx(Portal, { type: "div", children: _jsxs("div", { className: "weda-ui-custom-picker", children: [_jsx("div", { className: "weda-ui-custom-backdrop", onClick: () => {
+    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: () => {
                         setInputFocus(false);
                         setSearchValue('');
                         updateValue(undefined, false, true);

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare function PureSelect({ params, selectedValue, updateValue, placeholder, size, disabled, isShow, }: {
+    params: any;
+    selectedValue: any;
+    updateValue: any;
+    placeholder: any;
+    size: any;
+    disabled: any;
+    isShow: any;
+}): JSX.Element;

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

@@ -1,10 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { SelectPickerH5 } from './h5';
-import { formatNeedDataFetch, PAGE_SIZE, requestEnumOption, requestFatherRelatedOption, RequestOptionType, transFormatTeaSelectKey, } from '../request';
+import { PAGE_SIZE, requestEnumOption, requestFatherRelatedOption, RequestOptionType, transFormatTeaSelectKey, } from '../request';
 import SelectPickerPc from './pc';
 import { usePlatform } from '../../../../utils/platform';
 import { Status } from '../status';
+import { isFormatNeedFetch, isSingleForeignFormat } from '../formats-util';
 import { useDebouncedEffect, useDeepCompareEffect } from '@react-hookz/web';
 export function PureSelect({ params, selectedValue, updateValue, placeholder, size, disabled, isShow, }) {
     const isRequestingRef = useRef(false);
@@ -24,11 +25,11 @@ export function PureSelect({ params, selectedValue, updateValue, placeholder, si
             format: '',
             controlledValue: [],
         };
-        const isTurnPages = format === 'father-son' || format === 'related';
+        const isTurnPages = isSingleForeignFormat(format);
         setFormat(format);
         setIsTurnPages(isTurnPages);
         // 手动配置
-        if (!formatNeedDataFetch.includes(format)) {
+        if (!isFormatNeedFetch(format)) {
             if (controlledValue.length === 0) {
                 setStatus(Status.ALl_EMPTY);
             }
@@ -87,7 +88,15 @@ export function PureSelect({ params, selectedValue, updateValue, placeholder, si
         requestFatherRelatedOption(params, pageNo, RequestOptionType.SEARCH, searchValue)
             .then((value) => {
             if (isSearch) {
-                setSearchOptions((opt) => opt.concat(value.option));
+                if (pageNo === 1) {
+                    setSearchOptions(value.option);
+                }
+                else {
+                    setSearchOptions((oldOptions) => {
+                        const newOptions = value.option.filter((item) => oldOptions.findIndex((i) => i.value === item.value) < 0);
+                        return oldOptions.concat(newOptions);
+                    });
+                }
                 if (pageNo === 1 && value.option.length === 0) {
                     setSearchStatus(Status.EMPTY);
                 }

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

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

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { SelectProps } from 'tea-component';
+import { IUseoptionsParams } from '../request';
+interface IPureSelectProps extends Pick<SelectProps, 'size' | 'disabled' | 'value' | 'placeholder' | 'button'> {
+    name?: string;
+    onChange: (v: string) => void;
+    layout?: 'horizontal' | 'vertical';
+    className?: string;
+    params: IUseoptionsParams;
+    readOnly?: boolean;
+}
+export declare function PureSelectPc(props: IPureSelectProps): JSX.Element;
+export declare function PureSelectH5(props: IPureSelectProps): JSX.Element;
+export {};

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

@@ -0,0 +1,5 @@
+declare const SINGLE_FOREIGN_FORMATS: readonly ["father-son", "related", "many-one", "one-one", "one-one-r"];
+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 {};

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

@@ -0,0 +1,15 @@
+const SINGLE_FOREIGN_FORMATS = [
+    'father-son',
+    'related',
+    'many-one',
+    'one-one',
+    'one-one-r',
+];
+/** do NOT export this array */
+const formatNeedDataFetch = [...SINGLE_FOREIGN_FORMATS, 'x-enum'];
+export function isSingleForeignFormat(format) {
+    return SINGLE_FOREIGN_FORMATS.includes(format);
+}
+export function isFormatNeedFetch(format) {
+    return formatNeedDataFetch.includes(format);
+}

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

@@ -0,0 +1,16 @@
+/// <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, readOnly, }: PropsType): JSX.Element;
+export declare function decodeIsoDatetime(isoStringOrTimesnap: any, type: any, dateMode?: string): any;
+/**
+ * 根据时间模式，构造 new Date()的传参格式单个日期和时间组件值
+ */
+export declare const getFormatNewDateParams: (type: string, timeStr: string) => any[];
+/**
+ * 根据时间模式，将 picker 返回的值转成对应的 年-月-日
+ */
+export declare const formatDateModeValue: (result?: any[], dateMode?: string) => any;
+/**
+ * 不同时间模式对应的展示格式
+ */
+export declare const getDateModeFormat: (dateMode?: string) => "YYYY-MM-DD HH:mm:ss" | "YYYY" | "YYYY-MM" | "YYYY-MM-DD";

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import ReactDOM from 'react-dom';
 import weui from '../../../utils/weui';
@@ -11,6 +11,9 @@ import { emptyObject } from '../../../utils/constant';
 import { PureSelectH5 } from './dropdown-select/ui';
 import AllTimePicker from './allTimePicker';
 import { getIOSNotNaNDate, isTime } from './allTimePicker/dataUtils';
+import { isSingleForeignFormat } from './formats-util';
+import { WdIcon } from '../../wd-icon';
+import { useConfig } from '../../../utils/config-context';
 export default function Select({ 
 // 系统属性
 events = emptyObject, 
@@ -23,8 +26,9 @@ startDate, endDate, defaultDate,
 // time mode
 startTime, endTime, defaultTime, 
 // region mode
-defaultRegion, defaultMutiRegion, separator, regionType, onChange, }) {
-    var _a;
+defaultRegion, defaultMutiRegion, separator, regionType, clearable = false, onChange, readOnly, }) {
+    var _a, _b;
+    const { classPrefix } = useConfig();
     const [date, setDate] = React.useState(decodeIsoDatetime(defaultDate, 'date', dateMode));
     const [time, setTime] = React.useState(decodeIsoDatetime(defaultTime, 'time'));
     const [regioDepth, setRegionDepth] = React.useState(3);
@@ -76,6 +80,11 @@ defaultRegion, defaultMutiRegion, separator, regionType, onChange, }) {
             };
         }
     });
+    const hasClearMode = ['date', 'time', 'datetime'].includes(mode);
+    const clearCls = classNames({
+        'weda-picker--date': hasClearMode,
+        'is-hover': hasClearMode && clearable && (date || time),
+    });
     //实现初始值触发change事件
     const defaultMutiRegionChange = function (treeValue, defaultMutiRegion) {
         var _a;
@@ -339,7 +348,7 @@ defaultRegion, defaultMutiRegion, separator, regionType, onChange, }) {
     let params = {
         controlledValue: range,
     };
-    if (format === 'father-son' || format === 'related') {
+    if (isSingleForeignFormat(format)) {
         params = {
             format,
             dataSourceName,
@@ -357,17 +366,24 @@ defaultRegion, defaultMutiRegion, separator, regionType, onChange, }) {
         };
     }
     if (mode === 'selector') {
-        return (_jsx(PureSelectH5, { className: "weda-ui weda-picker", name: name, value: selectedValue, placeholder: placeholder, disabled: disabled, params: params, onChange: (value) => {
+        return (_jsx(PureSelectH5, { className: "weda-ui weda-picker", name: name, value: selectedValue, placeholder: placeholder, disabled: disabled, readOnly: readOnly, params: params, onChange: (value) => {
                 var _a;
                 setSelectedValue(value);
                 (_a = events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value });
                 onChange === null || onChange === void 0 ? void 0 : onChange(value);
             } }));
     }
-    return (_jsx("div", { className: subCls, children: _jsx("div", { className: "weui-cell__bd weui-flex", children: _jsx("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" }) }) }));
+    return readOnly ? (_jsx("div", { className: classNames('weui-cell', `${classPrefix}-form-read-color`), children: (_a = result[mode]) !== null && _a !== void 0 ? _a : '' })) : (_jsx("div", { className: subCls, children: _jsxs("div", { className: `weui-cell__bd weui-flex ${clearCls}`, children: [_jsx("input", { onClick: onClick, className: "weui-input", type: "select", name: name, placeholder: placeholder, value: (_b = result[mode]) !== null && _b !== void 0 ? _b : '', disabled: disabled, autoComplete: 'off', readOnly: true, "data-testid": "form-item-select" }), hasClearMode && (_jsx(WdIcon, { name: "td:close-circle-filled", onClick: (e) => {
+                        var _a;
+                        e.stopPropagation();
+                        setDate(null);
+                        setTime(null);
+                        onChange === null || onChange === void 0 ? void 0 : onChange(null);
+                        (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: null });
+                    } }))] }) }));
 }
 export function decodeIsoDatetime(isoStringOrTimesnap, type, dateMode = 'day') {
-    if (!isoStringOrTimesnap) {
+    if (isoStringOrTimesnap == null) {
         return null;
     }
     if (typeof isoStringOrTimesnap === 'string' &&
@@ -378,10 +394,12 @@ export function decodeIsoDatetime(isoStringOrTimesnap, type, dateMode = 'day') {
         }
     }
     if (type === 'time') {
-        const time = isoStringOrTimesnap.match &&
-            isoStringOrTimesnap.match(/^(\d{2}):(\d{2})$/);
-        if (time && time[1] < 24 && time[2] < 60) {
-            return moment().hour(time[1]).minute(time[2]).format('HH:mm');
+        if (typeof isoStringOrTimesnap === 'string') {
+            const time = isoStringOrTimesnap.match &&
+                isoStringOrTimesnap.match(/^(\d{2}):(\d{2})$/);
+            if (time && Number(time[1]) < 24 && Number(time[2]) < 60) {
+                return moment().hour(time[1]).minute(time[2]).format('HH:mm');
+            }
         }
         else if (typeof isoStringOrTimesnap === 'number') {
             const timeSnap = Number(isoStringOrTimesnap);

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

@@ -39,3 +39,16 @@
 .select-region-pc .wedatea2td-cascader-menu--thin .wedatea2td-list > li {
   padding: 10px 24px 10px 8px;
 }
+
+.weda-picker--date {
+  display: flex;
+  align-items: center;
+}
+
+.weda-picker--date .t-icon-close-circle-filled {
+  display: none;
+}
+
+.weda-picker--date.is-hover .t-icon-close-circle-filled {
+  display: block;
+}