@cloudbase/weda-ui 3.4.8 → 3.4.9

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import './calendar.css';
 import { weeks } from './dataUtils';
@@ -73,32 +74,30 @@ export default function Calendar({ startTime, endTime, selectYear, selectMonth,
         setSelectDay(item);
         setCurrentDay(item);
     };
-    return (React.createElement("div", { className: "weda-ui-custom-calendar" },
-        React.createElement("div", { className: " weda-ui-custom-calendar__weeks" }, weeks.map((week, index) => (React.createElement("span", { key: index, className: "weda-ui-custom-calendar__weeks-item" }, week)))),
-        React.createElement("div", { className: "weda-ui-custom-calendar__days" }, fnDaysSpliceWeeks(days(), 7).map((day, index) => {
-            return (React.createElement("div", { key: index, className: "weda-ui-custom-calendar__days-row" }, day.map((item, index) => {
-                let canStartSelect = true;
-                let canEndSelect = true;
-                const selectYearNumber = parseInt(selectYear);
-                const selectMonthNumber = parseInt(selectMonth);
-                if (startTime.length > 0 && item !== '') {
-                    if (startTime[0] === selectYearNumber &&
-                        startTime[1] === selectMonthNumber) {
-                        canStartSelect = parseInt(item) >= startTime[2];
-                    }
-                }
-                if (endTime.length > 0 && item !== '') {
-                    if (endTime[0] === selectYearNumber &&
-                        endTime[1] === selectMonthNumber) {
-                        canEndSelect = parseInt(item) <= endTime[2];
-                    }
-                }
-                return (React.createElement("span", { key: index, "data-testid": "allTime-click-day", className: `weda-ui-custom-calendar__days-item ${item == selectDay ? 'is-current' : ''} ${!canEndSelect || !canStartSelect ? 'no-select' : ''}`, onClick: () => {
-                        if (item === '') {
-                            return;
-                        }
-                        dayClick(parseInt(item));
-                    } }, item));
-            })));
-        }))));
+    return (_jsxs("div", { className: "weda-ui-custom-calendar", children: [_jsx("div", { className: " weda-ui-custom-calendar__weeks", children: weeks.map((week, index) => (_jsx("span", { className: "weda-ui-custom-calendar__weeks-item", children: week }, index))) }), _jsx("div", { className: "weda-ui-custom-calendar__days", children: fnDaysSpliceWeeks(days(), 7).map((day, index) => {
+                    return (_jsx("div", { className: "weda-ui-custom-calendar__days-row", children: day.map((item, index) => {
+                            let canStartSelect = true;
+                            let canEndSelect = true;
+                            const selectYearNumber = parseInt(selectYear);
+                            const selectMonthNumber = parseInt(selectMonth);
+                            if (startTime.length > 0 && item !== '') {
+                                if (startTime[0] === selectYearNumber &&
+                                    startTime[1] === selectMonthNumber) {
+                                    canStartSelect = parseInt(item) >= startTime[2];
+                                }
+                            }
+                            if (endTime.length > 0 && item !== '') {
+                                if (endTime[0] === selectYearNumber &&
+                                    endTime[1] === selectMonthNumber) {
+                                    canEndSelect = parseInt(item) <= endTime[2];
+                                }
+                            }
+                            return (_jsx("span", { "data-testid": "allTime-click-day", className: `weda-ui-custom-calendar__days-item ${item == selectDay ? 'is-current' : ''} ${!canEndSelect || !canStartSelect ? 'no-select' : ''}`, onClick: () => {
+                                    if (item === '') {
+                                        return;
+                                    }
+                                    dayClick(parseInt(item));
+                                }, children: item }, index));
+                        }) }, index));
+                }) })] }));
 }

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

@@ -1,4 +1,5 @@
-import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from 'react';
 import Calendar from './calendar';
 import { Portal } from '../../../common/portal';
 import './index.css';
@@ -859,94 +860,68 @@ export default function AllTimePicker({ startDate, endDate, defaultDate, title,
         }
         return value === null || value === void 0 ? void 0 : value.replace(name, v);
     };
-    return (React.createElement(Portal, { type: "div" },
-        React.createElement("div", { className: "weda-ui-custom-picker" },
-            React.createElement("div", { className: "weda-ui-custom-backdrop", "data-testid": "allTime-backdrop", onClick: () => {
-                    onAllTimeCallback([]);
-                } }),
-            React.createElement("div", { className: "weda-ui-custom-picker__inner" },
-                React.createElement("div", { className: "weda-ui-custom-picker__header" },
-                    React.createElement("div", { "data-testid": "allTime-cancel", className: "weda-ui-custom-picker__header-cancle", onClick: () => {
-                            onAllTimeCallback([]);
-                        } }, "\u53D6\u6D88"),
-                    React.createElement("div", { className: "weda-ui-custom-picker__header-title" }, title),
-                    React.createElement("div", { "data-testid": "allTime-confirm", className: "weda-ui-custom-picker__header-confirm", onClick: () => {
-                            var _a, _b, _c, _d, _e;
-                            const result = [
-                                (_a = date[0].value[yearIndex]) === null || _a === void 0 ? void 0 : _a.replace('年', ''),
-                                (_b = date[1].value[monthIndex]) === null || _b === void 0 ? void 0 : _b.replace('月', ''),
-                                selectDay.toString(),
-                                (_c = dateTime[0].value[hoursIndex]) === null || _c === void 0 ? void 0 : _c.replace('时', ''),
-                                (_d = dateTime[1].value[minutesIndex]) === null || _d === void 0 ? void 0 : _d.replace('分', ''),
-                                (_e = dateTime[2].value[secondsIndex]) === null || _e === void 0 ? void 0 : _e.replace('秒', ''),
-                            ];
-                            onAllTimeCallback(result);
-                        } }, "\u786E\u8BA4")),
-                React.createElement("div", { className: "weda-ui-custom-picker__body" },
-                    React.createElement("div", { className: "weda-ui-custom-picker__select" },
-                        React.createElement("span", { "data-testid": "allTime-click-date", className: `weda-ui-custom-picker__select-item ${selectTime ? '' : 'is-current'}`, onClick: () => {
-                                setSelectTime(false);
-                                setSelectMonth(false);
-                            } }, getDateValue(0, yearIndex, '年', '-') +
-                            getDateValue(1, monthIndex, '月', '-') +
-                            getFormatData(selectDay)),
-                        React.createElement("span", { "data-testid": "allTime-click-time", className: `weda-ui-custom-picker__select-item ${!selectTime ? '' : 'is-current'}`, onClick: () => {
-                                setSelectTime(!selectTime);
-                                setSelectMonth(false);
-                            } }, getTimeValue(0, hoursIndex, '时', ':') +
-                            getTimeValue(1, minutesIndex, '分', ':') +
-                            getTimeValue(2, secondsIndex, '秒', ''))),
-                    React.createElement("div", { className: "weda-ui-custom-calendar-op" },
-                        React.createElement("div", { className: "weda-ui-custom-calendar-op__start" },
-                            React.createElement("span", { "data-testid": "allTime-click-data-arrow-start", className: `weda-ui-custom-calendar-op__select ${selectMonth ? 'is-active' : ''}`, onClick: () => {
-                                    setSelectMonth(!selectMonth);
-                                    setSelectTime(false);
-                                } },
-                                date[0].value[yearIndex],
-                                date[1].value[monthIndex],
-                                React.createElement("i", { className: "weda-ui-icon-arrow-right" }))),
-                        React.createElement("div", { className: "weda-ui-custom-calendar-op__end", style: {
-                                visibility: !selectMonth && !selectTime ? 'visible' : 'hidden',
-                            } },
-                            React.createElement("span", { "data-testid": "pre-calendar-page", className: "weda-ui-icon-turn-pre", onClick: () => {
-                                    timeMode.current = false;
-                                    preCalendarPage();
-                                } }),
-                            React.createElement("span", { "data-testid": "next-calendar-page", className: "weda-ui-icon-turn-next", onClick: () => {
-                                    timeMode.current = false;
-                                    nextCalendarPage();
-                                } }))),
-                    React.createElement("div", { style: { height: '310px' } },
-                        !selectMonth && !selectTime && (React.createElement(Calendar, { startTime: startTime, endTime: endTime, selectYear: getDateValue(0, yearIndex, '年', ''), selectMonth: getDateValue(1, monthIndex, '月', ''), defaultSelectDay: selectDay, setCurrentDay: setCurrentDay })),
-                        selectMonth && (React.createElement("div", { "data-testid": "allTime-scroll-data", className: "weda-ui-custom-picker__cloumns size-s", 
-                            // style={{ display: 'none' }}
-                            onScroll: (e) => {
-                                dateScroll(e, 'date');
-                            }, ref: dateRef }, date.map((cloumn) => {
-                            return (React.createElement("ul", { className: "weda-ui-custom-picker__cloumn", key: cloumn.id }, cloumn.value.map((item, index) => {
-                                const selectIndex = cloumn.id === 'column1' ? yearIndex : monthIndex;
-                                return (React.createElement("li", { key: index, className: `weda-ui-custom-picker__cloumn-item ${index === selectIndex ? 'is-current' : ''}` },
-                                    React.createElement("p", null, item)));
-                            })));
-                        }))),
-                        selectTime && (React.createElement("div", { "data-testid": "allTime-scroll-time", className: "weda-ui-custom-picker__cloumns size-s", 
-                            // style={{ display: 'none' }}
-                            onScroll: (e) => {
-                                dateScroll(e, 'dateTime');
-                            }, ref: dateTimeRef }, dateTime.map((cloumn) => {
-                            return (React.createElement("ul", { className: "weda-ui-custom-picker__cloumn", key: cloumn.id }, cloumn.value.map((item, index) => {
-                                let selectIndex = 8;
-                                if (cloumn.id === 'column1') {
-                                    selectIndex = hoursIndex;
-                                }
-                                else if (cloumn.id === 'column2') {
-                                    selectIndex = minutesIndex;
-                                }
-                                else if (cloumn.id === 'column3') {
-                                    selectIndex = secondsIndex;
-                                }
-                                return (React.createElement("li", { key: index, className: `weda-ui-custom-picker__cloumn-item ${index == selectIndex ? 'is-current' : ''}` },
-                                    React.createElement("p", null, item)));
-                            })));
-                        })))))))));
+    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: () => {
+                        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([]);
+                                    }, children: "\u53D6\u6D88" }), _jsx("div", { className: "weda-ui-custom-picker__header-title", children: title }), _jsx("div", { "data-testid": "allTime-confirm", className: "weda-ui-custom-picker__header-confirm", onClick: () => {
+                                        var _a, _b, _c, _d, _e;
+                                        const result = [
+                                            (_a = date[0].value[yearIndex]) === null || _a === void 0 ? void 0 : _a.replace('年', ''),
+                                            (_b = date[1].value[monthIndex]) === null || _b === void 0 ? void 0 : _b.replace('月', ''),
+                                            selectDay.toString(),
+                                            (_c = dateTime[0].value[hoursIndex]) === null || _c === void 0 ? void 0 : _c.replace('时', ''),
+                                            (_d = dateTime[1].value[minutesIndex]) === null || _d === void 0 ? void 0 : _d.replace('分', ''),
+                                            (_e = dateTime[2].value[secondsIndex]) === null || _e === void 0 ? void 0 : _e.replace('秒', ''),
+                                        ];
+                                        onAllTimeCallback(result);
+                                    }, children: "\u786E\u8BA4" })] }), _jsxs("div", { className: "weda-ui-custom-picker__body", children: [_jsxs("div", { className: "weda-ui-custom-picker__select", children: [_jsx("span", { "data-testid": "allTime-click-date", className: `weda-ui-custom-picker__select-item ${selectTime ? '' : 'is-current'}`, onClick: () => {
+                                                setSelectTime(false);
+                                                setSelectMonth(false);
+                                            }, children: getDateValue(0, yearIndex, '年', '-') +
+                                                getDateValue(1, monthIndex, '月', '-') +
+                                                getFormatData(selectDay) }), _jsx("span", { "data-testid": "allTime-click-time", className: `weda-ui-custom-picker__select-item ${!selectTime ? '' : 'is-current'}`, onClick: () => {
+                                                setSelectTime(!selectTime);
+                                                setSelectMonth(false);
+                                            }, children: getTimeValue(0, hoursIndex, '时', ':') +
+                                                getTimeValue(1, minutesIndex, '分', ':') +
+                                                getTimeValue(2, secondsIndex, '秒', '') })] }), _jsxs("div", { className: "weda-ui-custom-calendar-op", children: [_jsx("div", { className: "weda-ui-custom-calendar-op__start", children: _jsxs("span", { "data-testid": "allTime-click-data-arrow-start", className: `weda-ui-custom-calendar-op__select ${selectMonth ? 'is-active' : ''}`, onClick: () => {
+                                                    setSelectMonth(!selectMonth);
+                                                    setSelectTime(false);
+                                                }, children: [date[0].value[yearIndex], date[1].value[monthIndex], _jsx("i", { className: "weda-ui-icon-arrow-right" })] }) }), _jsxs("div", { className: "weda-ui-custom-calendar-op__end", style: {
+                                                visibility: !selectMonth && !selectTime ? 'visible' : 'hidden',
+                                            }, children: [_jsx("span", { "data-testid": "pre-calendar-page", className: "weda-ui-icon-turn-pre", onClick: () => {
+                                                        timeMode.current = false;
+                                                        preCalendarPage();
+                                                    } }), _jsx("span", { "data-testid": "next-calendar-page", className: "weda-ui-icon-turn-next", onClick: () => {
+                                                        timeMode.current = false;
+                                                        nextCalendarPage();
+                                                    } })] })] }), _jsxs("div", { style: { height: '310px' }, children: [!selectMonth && !selectTime && (_jsx(Calendar, { startTime: startTime, endTime: endTime, selectYear: getDateValue(0, yearIndex, '年', ''), selectMonth: getDateValue(1, monthIndex, '月', ''), defaultSelectDay: selectDay, setCurrentDay: setCurrentDay })), selectMonth && (_jsx("div", { "data-testid": "allTime-scroll-data", className: "weda-ui-custom-picker__cloumns size-s", 
+                                            // style={{ display: 'none' }}
+                                            onScroll: (e) => {
+                                                dateScroll(e, 'date');
+                                            }, ref: dateRef, children: date.map((cloumn) => {
+                                                return (_jsx("ul", { className: "weda-ui-custom-picker__cloumn", children: cloumn.value.map((item, index) => {
+                                                        const selectIndex = cloumn.id === 'column1' ? yearIndex : monthIndex;
+                                                        return (_jsx("li", { className: `weda-ui-custom-picker__cloumn-item ${index === selectIndex ? 'is-current' : ''}`, children: _jsx("p", { children: item }) }, index));
+                                                    }) }, cloumn.id));
+                                            }) })), selectTime && (_jsx("div", { "data-testid": "allTime-scroll-time", className: "weda-ui-custom-picker__cloumns size-s", 
+                                            // style={{ display: 'none' }}
+                                            onScroll: (e) => {
+                                                dateScroll(e, 'dateTime');
+                                            }, ref: dateTimeRef, children: dateTime.map((cloumn) => {
+                                                return (_jsx("ul", { className: "weda-ui-custom-picker__cloumn", children: cloumn.value.map((item, index) => {
+                                                        let selectIndex = 8;
+                                                        if (cloumn.id === 'column1') {
+                                                            selectIndex = hoursIndex;
+                                                        }
+                                                        else if (cloumn.id === 'column2') {
+                                                            selectIndex = minutesIndex;
+                                                        }
+                                                        else if (cloumn.id === 'column3') {
+                                                            selectIndex = secondsIndex;
+                                                        }
+                                                        return (_jsx("li", { className: `weda-ui-custom-picker__cloumn-item ${index == selectIndex ? 'is-current' : ''}`, children: _jsx("p", { children: item }) }, index));
+                                                    }) }, cloumn.id));
+                                            }) }))] })] })] })] }) }));
 }

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

@@ -1,4 +1,5 @@
-import React, { useEffect, useRef, useState, useMemo } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState, useMemo } from 'react';
 import { Portal } from '../../../common/portal';
 import './index.css';
 import { Status } from '../status';
@@ -86,56 +87,32 @@ export function SelectPickerH5({ updateValue, selectedValue, options, isTurnPage
             loadMore();
         }
     };
-    return isShow ? (React.createElement(Portal, { type: "div" },
-        React.createElement("div", { className: "weda-ui-custom-picker" },
-            React.createElement("div", { className: "weda-ui-custom-backdrop", onClick: () => {
-                    setInputFocus(false);
-                    setSearchValue('');
-                    updateValue(undefined, false, true);
-                } }),
-            React.createElement("div", { className: "weda-ui-custom-picker__inner", style: inputFocus ? { height: 'calc(100vh - 96px)' } : null },
-                !inputFocus && (React.createElement("div", { className: "weda-ui-custom-picker__header" },
-                    React.createElement("div", { className: "weda-ui-custom-picker__header-cancle", onClick: clear }, "\u6E05\u7A7A"))),
-                React.createElement("div", { className: "weda-ui-custom-picker__body" },
-                    React.createElement("div", { style: { margin: inputFocus ? '16px 16px 8px 16px' : '8px 16px' }, className: `weda-ui-custom-search
-          ${inputFocus ? 'is-focused' : ''}` },
-                        React.createElement("div", { className: "weda-ui-custom-search-box ", "data-testid": "weda-ui-custom-search-box", onClick: () => {
-                                setInputFocus(true);
-                            } },
-                            inputFocus ? (React.createElement("input", { className: "weda-ui-input", ref: focusRef, value: searchValue, autoFocus: true, onChange: (e) => setSearchValue(e.target.value) })) : (
-                            // 此处主要为了兼容 iOS
-                            React.createElement("div", { className: "weda-ui-input" })),
-                            React.createElement("div", { className: `weda-ui-custom-search-box__label` },
-                                React.createElement("span", { className: "weda-ui-custom-search-box__search-icon " }),
-                                React.createElement("span", { className: "weda-ui-custom-search-box__search-placeholder" }, "\u641C\u7D22")),
-                            inputFocus && searchValue !== '' && (React.createElement("span", { className: "weda-ui-custom-search-box__dismiss-icon", onClick: () => setSearchValue('') }))),
-                        React.createElement("button", { className: "weda-ui-custom-search__btn-cancle", onClick: () => {
-                                setInputFocus(false);
-                                setSearchValue('');
-                            } }, "\u53D6\u6D88")),
-                    status === Status.ALl_EMPTY ? (React.createElement(AllEmpty, { height: inputFocus ? 'calc(100vh - 160px)' : '280px' })) : (React.createElement("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 },
-                        React.createElement("ul", { className: "weda-ui-custom-picker__cloumn", style: {
-                                height: inputFocus ? 'calc(100vh - 190px)' : '250px',
-                            } }, options === null || options === void 0 ? void 0 :
-                            options.map((item, index) => {
-                                return (React.createElement("li", { key: index, 
-                                    // is-selected 选中态
-                                    // is-disabled 禁用态，该状态备用，暂时不让生效index === -1
-                                    className: `weda-ui-custom-picker__cloumn-item ${index === clickIndex && !inputFocus
-                                        ? 'is-selected'
-                                        : ''}  ${index === -1 ? 'is-disabled' : ''}`, onClick: () => {
-                                        setInputFocus(false);
-                                        setSearchValue('');
-                                        updateValue(item, true, true);
-                                    } },
-                                    React.createElement("p", { className: 'weda-ui-custom-picker__cloumn-item-text' }, item.label)));
-                            }),
-                            status === Status.LOADING && (React.createElement("li", { key: 'loading' },
-                                React.createElement(Loading, null))),
-                            status === Status.ERROR && (React.createElement("li", { key: 'retry' },
-                                React.createElement(Retry, { reTry: reTry }))),
-                            status === Status.EMPTY && (React.createElement("li", { key: 'empty' },
-                                React.createElement(Empty, null))))))))))) : null;
+    return isShow ? (_jsx(Portal, { type: "div", children: _jsxs("div", { className: "weda-ui-custom-picker", children: [_jsx("div", { className: "weda-ui-custom-backdrop", onClick: () => {
+                        setInputFocus(false);
+                        setSearchValue('');
+                        updateValue(undefined, false, true);
+                    } }), _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: clear, children: "\u6E05\u7A7A" }) })), _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) => setSearchValue(e.target.value) })) : (
+                                                // 此处主要为了兼容 iOS
+                                                _jsx("div", { className: "weda-ui-input" })), _jsxs("div", { className: `weda-ui-custom-search-box__label`, children: [_jsx("span", { className: "weda-ui-custom-search-box__search-icon " }), _jsx("span", { className: "weda-ui-custom-search-box__search-placeholder", children: "\u641C\u7D22" })] }), inputFocus && searchValue !== '' && (_jsx("span", { className: "weda-ui-custom-search-box__dismiss-icon", onClick: () => setSearchValue('') }))] }), _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: {
+                                        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) => {
+                                                return (_jsx("li", { 
+                                                    // is-selected 选中态
+                                                    // is-disabled 禁用态，该状态备用，暂时不让生效index === -1
+                                                    className: `weda-ui-custom-picker__cloumn-item ${index === clickIndex && !inputFocus
+                                                        ? 'is-selected'
+                                                        : ''}  ${index === -1 ? 'is-disabled' : ''}`, onClick: () => {
+                                                        setInputFocus(false);
+                                                        setSearchValue('');
+                                                        updateValue(item, 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;
 }

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

@@ -146,6 +146,10 @@
   position: relative;
 }
 
+.form-select-pc .wedatea2td-dropdown__value {
+  white-space: normal;
+}
+
 .form-select-pc .pc-clear {
   position: absolute;
   right: 22px;

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

@@ -1,4 +1,5 @@
-import React, { useEffect, useMemo, useRef, useState } from 'react';
+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 SelectPickerPc from './pc';
@@ -95,7 +96,10 @@ export function PureSelect({ params, selectedValue, updateValue, placeholder, si
                 }
             }
             else {
-                setOptions((opt) => opt.concat(value.option));
+                setOptions((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) {
                     setStatus(Status.EMPTY);
                 }
@@ -202,5 +206,5 @@ export function PureSelect({ params, selectedValue, updateValue, placeholder, si
             }
         });
     };
-    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: '', findData: findData }));
+    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 })) : (_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 }));
 }

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

@@ -1,4 +1,5 @@
-import React, { useEffect, useMemo, useState, useRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState, useRef } from 'react';
 import { useDeepCompareEffect } from '@react-hookz/web';
 import { Select, ConfigProvider, Icon } from 'tea-component';
 import Loading from '../status/loading';
@@ -65,49 +66,46 @@ export default function SelectPickerPc({ format, selectedValue, updateValue, pla
     }, [optList, selectedValue, status]);
     const isShowBottomTips = useMemo(() => {
         if (status === Status.LOADING) {
-            return React.createElement(Loading, null);
+            return _jsx(Loading, {});
         }
         else if (status === Status.ERROR) {
-            return React.createElement(Retry, { reTry: reTry });
+            return _jsx(Retry, { reTry: reTry });
         }
         else if (status === Status.EMPTY) {
-            return React.createElement(Empty, null);
+            return _jsx(Empty, {});
         }
         else {
             return '';
         }
     }, [format, status, optList]);
-    return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-        React.createElement("div", { "data-testid": "form-select", className: 'form-select-pc', onMouseEnter: () => {
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsxs("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: optList, value: selectedValue, bottomTips: isShowBottomTips, onChange: updateValue, onScrollBottom: loadMore, onOpen: () => {
-                    onSearchValue('');
-                }, onSearch: (value, context) => {
-                    const tValue = value.trim();
-                    if (context.event.type === 'click') {
-                        if (tValue !== '') {
-                            // 手动点击搜索
+            }, 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: 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('');
                         }
-                    }
-                    else if (tValue !== '') {
-                        // 动态输入搜索
-                        onSearchValue(tValue);
-                    }
-                    else {
-                        // 逐个删除
-                        onSearchValue('');
-                    }
-                } }),
-            selectedValue != null &&
-                selectedValue != '' &&
-                showDelete &&
-                !disabled && (React.createElement(Icon, { "data-testid": "weui-input-test-pc-clear", className: 'pc-clear', type: "dismiss", size: "s", onMouseDown: () => updateValue(null) })))));
+                    } }), selectedValue != null &&
+                    selectedValue != '' &&
+                    showDelete &&
+                    !disabled && (_jsx(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,4 +1,5 @@
-import React, { useRef, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from 'react';
 import classNames from '../../../../utils/classnames';
 import { noop } from '../../../../utils/constant';
 import { useSyncValue } from '../../../../utils/hooks/useSyncValue';
@@ -9,7 +10,7 @@ const transformValue = (value) => {
 export function PureSelectPc(props) {
     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) => {
+    return (_jsx(PureSelect, { isShow: false, params: params, placeholder: placeholder, size: size, selectedValue: value, disabled: disabled, updateValue: (value) => {
             if (previousValueRef.current != transformValue(value)) {
                 onChange(value);
                 previousValueRef.current = value;
@@ -51,10 +52,5 @@ export function PureSelectH5(props) {
     const onClick = () => {
         setIsShow(true);
     };
-    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 })));
+    return (_jsxs("div", { 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, { params: params, updateValue: onChooseCallback, selectedValue: value, isShow: isShow, size: undefined, disabled: undefined, placeholder: undefined })] }));
 }

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import ReactDOM from 'react-dom';
 import weui from '../../../utils/weui';
@@ -147,8 +148,10 @@ defaultRegion, defaultMutiRegion, separator, regionType, onChange, }) {
             const value = formatDateModeValue(result, dateMode);
             const formatNewDateValue = getFormatNewDateParams(dateMode, value);
             setDate(value);
+            const finalValue = new Date(...formatNewDateValue).getTime();
+            onChange === null || onChange === void 0 ? void 0 : onChange(finalValue);
             (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, {
-                value: new Date(...formatNewDateValue).getTime(),
+                value: finalValue,
             });
         };
         if (dateMode === 'year') {
@@ -167,7 +170,7 @@ defaultRegion, defaultMutiRegion, separator, regionType, onChange, }) {
             // 年月日时分秒，4列
             const div = document.createElement('div');
             div.className = options.className;
-            ReactDOM.render(React.createElement(AllTimePicker, { startDate: startDate, endDate: endDate, defaultDate: defaultDate, onAllTimeCallback: onAllTimeCallback }), div);
+            ReactDOM.render(_jsx(AllTimePicker, { startDate: startDate, endDate: endDate, defaultDate: defaultDate, onAllTimeCallback: onAllTimeCallback }), div);
             allTime.current = div;
         }
     };
@@ -344,15 +347,14 @@ defaultRegion, defaultMutiRegion, separator, regionType, onChange, }) {
         };
     }
     if (mode === 'selector') {
-        return (React.createElement(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, 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 (React.createElement("div", { className: subCls },
-        React.createElement("div", { className: "weui-cell__bd weui-flex" },
-            React.createElement("input", { onClick: onClick, className: "weui-input", type: "select", name: name, placeholder: placeholder, value: (_a = result[mode]) !== null && _a !== void 0 ? _a : '', disabled: disabled, autoComplete: 'off', readOnly: true, "data-testid": "form-item-select" }))));
+    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" }) }) }));
 }
 export function decodeIsoDatetime(isoStringOrTimesnap, type, dateMode = 'day') {
     if (!isoStringOrTimesnap) {