@cloudbase/weda-ui 3.5.3 → 3.6.0

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

@@ -19,7 +19,7 @@
 }
 
 .weda-ui-custom-picker__status--loading {
-  color: #0052d9;
+  color: var(--wd-color-brand, #0052d9);
   display: flex;
   align-items: center;
 }
@@ -59,5 +59,5 @@
 }
 
 .weda-ui-custom-picker__btn--link {
-  color: #0052d9;
+  color: var(--wd-color-brand, #0052d9);
 }

package/dist/web/components/form/selectMultiple/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, getIsShow, }: {
+export declare function SelectPickerH5({ updateValue, selectedValue, options, isTurnPages, loadMore, onSearchValue, reTry, status, isShow, getIsShow, onSearchValueInput, }: {
     updateValue: any;
     selectedValue: any;
     options: any;
@@ -11,4 +11,5 @@ export declare function SelectPickerH5({ updateValue, selectedValue, options, is
     status: any;
     isShow: any;
     getIsShow: any;
+    onSearchValueInput: any;
 }): JSX.Element;

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

@@ -8,8 +8,9 @@ import Empty from '../status/empty';
 import AllEmpty from '../status/allEmpty';
 import { PAGE_SIZE } from '../request';
 import { alertErrorMessage } from '../../../../utils/platform';
+import classNames from '../../../../utils/classnames';
 import './style';
-export function SelectPickerH5({ updateValue, selectedValue, options, isTurnPages, loadMore, onSearchValue, reTry, status, isShow, getIsShow, }) {
+export function SelectPickerH5({ updateValue, selectedValue, options, isTurnPages, loadMore, onSearchValue, reTry, status, isShow, getIsShow, onSearchValueInput, }) {
     const focusRef = useRef();
     const contentRef = useRef();
     const heightRef = useRef(0);
@@ -18,15 +19,31 @@ export function SelectPickerH5({ updateValue, selectedValue, options, isTurnPage
     const [searchValue, setSearchValue] = useState('');
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const [ind, setInd] = useState(0);
+    // 缓存当前的选中状态
+    const [selectedValueCache, setSelectedValueCache] = useState(Array.isArray(selectedValue) ? selectedValue : [selectedValue]);
     const checkIndex = (param) => {
-        if (selectedValue) {
-            const check = selectedValue.find((item) => item === param.value);
+        if (Array.isArray(selectedValueCache)) {
+            const check = selectedValueCache.find((item) => item === param.value);
             return !!check;
         }
         else {
             return false;
         }
     };
+    // 处理当前选中值
+    const dealSelectedValue = (value) => {
+        const index = selectedValueCache.findIndex((v) => v === value);
+        if (index > -1) {
+            return [
+                ...selectedValueCache.slice(0, index),
+                ...selectedValueCache.slice(index + 1),
+            ];
+        }
+        return [...selectedValueCache, value];
+    };
+    useEffect(() => {
+        setSelectedValueCache(Array.isArray(selectedValue) ? selectedValue : [selectedValue]);
+    }, [selectedValue]);
     useEffect(() => {
         if (isShow) {
             onSearchValue(searchValue);
@@ -35,13 +52,16 @@ export function SelectPickerH5({ updateValue, selectedValue, options, isTurnPage
             onSearchValue('');
         }
     }, [searchValue, isShow]);
-    const clear = () => {
+    const onClose = () => {
         setInputFocus(false);
         setSearchValue('');
-        updateValue(undefined);
         getIsShow();
+        setSelectedValueCache(Array.isArray(selectedValue) ? selectedValue : [selectedValue]);
     };
     const confirm = () => {
+        updateValue(selectedValueCache
+            .map((v) => options.find((item) => item.value === v))
+            .filter((v) => !!v));
         getIsShow();
     };
     const contentScroll = () => {
@@ -74,12 +94,19 @@ export function SelectPickerH5({ updateValue, selectedValue, options, isTurnPage
                         setInputFocus(false);
                         setSearchValue('');
                         // confirm();
-                    } }), _jsxs("div", { className: "weda-ui-custom-picker__inner", style: inputFocus ? { height: 'calc(100vh - 96px)' } : null, children: [!inputFocus && (_jsxs("div", { className: "weda-ui-custom-picker__header", children: [_jsx("div", { className: "weda-ui-custom-picker__header-cancle", onClick: clear, children: "\u6E05\u7A7A" }), _jsx("div", { className: "weda-ui-custom-picker__header-confirm", onClick: confirm, children: "\u786E\u5B9A" })] })), _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
+                    } }), _jsxs("div", { className: "weda-ui-custom-picker__inner", style: inputFocus ? { height: 'calc(100vh - 96px)' } : null, children: [!inputFocus && (_jsxs("div", { className: "weda-ui-custom-picker__header", children: [_jsx("div", { className: "weda-ui-custom-picker__header-cancle", onClick: onClose, children: "\u53D6\u6D88" }), _jsx("div", { className: "weda-ui-custom-picker__header-confirm", onClick: confirm, children: "\u786E\u5B9A" })] })), _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 ", onClick: () => {
                                                 setInputFocus(true);
-                                            }, children: [inputFocus ? (_jsx("input", { className: "weda-ui-input", ref: focusRef, value: searchValue, autoFocus: true, onChange: (e) => setSearchValue(e.target.value) })) : (
+                                            }, children: [inputFocus ? (_jsx("input", { className: "weda-ui-input", ref: focusRef, value: searchValue, autoFocus: true, onChange: (e) => {
+                                                        const tValue = e.target.value.trim();
+                                                        setSearchValue(tValue);
+                                                        onSearchValueInput === null || onSearchValueInput === void 0 ? void 0 : onSearchValueInput(tValue);
+                                                    } })) : (
                                                 // 此处主要为了兼容 iOS
-                                                _jsx("div", { className: "weda-ui-input" })), _jsxs("div", { className: `weda-ui-custom-search-box__label multiple`, 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: () => {
+                                                _jsx("div", { className: "weda-ui-input" })), _jsxs("div", { className: `weda-ui-custom-search-box__label multiple`, 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('');
+                                                        onSearchValueInput === null || onSearchValueInput === void 0 ? void 0 : onSearchValueInput('');
+                                                    } }))] }), _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-multiple ", style: {
@@ -87,13 +114,20 @@ export function SelectPickerH5({ updateValue, selectedValue, options, isTurnPage
                                     }, 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 禁用态
-                                                    className: `weda-ui-custom-picker__cloumn-item  ${checkIndex(item) ? 'is-selected' : ''} ${index === -1 ? 'is-disabled' : ''}`, onClick: () => {
-                                                        if (selectedValue && selectedValue.length > 49) {
-                                                            if (selectedValue.indexOf(item.value) !== -1) {
-                                                                updateValue(item);
+                                                // is-selected 选中态
+                                                // is-disabled 禁用态
+                                                const itemCls = classNames('weda-ui-custom-picker__cloumn-item', {
+                                                    'is-selected': checkIndex(item),
+                                                    'is-disabled': index === -1 || item.disabled,
+                                                });
+                                                return (_jsx("li", { className: itemCls, onClick: () => {
+                                                        if (item.disabled)
+                                                            return;
+                                                        if (selectedValueCache &&
+                                                            selectedValueCache.length > 49) {
+                                                            if (selectedValueCache.indexOf(item.value) !== -1) {
+                                                                // updateValue(item);
+                                                                setSelectedValueCache(dealSelectedValue(item.value));
                                                                 setInd(Math.random());
                                                             }
                                                             else {
@@ -103,7 +137,8 @@ export function SelectPickerH5({ updateValue, selectedValue, options, isTurnPage
                                                             }
                                                         }
                                                         else {
-                                                            updateValue(item);
+                                                            // updateValue(item);
+                                                            setSelectedValueCache(dealSelectedValue(item.value));
                                                             setInd(Math.random());
                                                         }
                                                     }, children: _jsx("p", { className: 'weda-ui-custom-picker__cloumn-item-text-multiple', children: item.label }) }, index));

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

@@ -25,7 +25,7 @@
   line-height: 24px;
   background-color: inherit;
   padding: 0 40px 0 40px;
-  caret-color: #0052d9;
+  caret-color: var(--wd-color-brand, #0052d9);
   color: rgba(0, 0, 0, 0.9);
   border-radius: 4px;
 }
@@ -62,7 +62,7 @@
   flex: 0 0 auto;
   display: none;
   margin-left: 16px;
-  color: #0052d9;
+  color: var(--wd-color-brand, #0052d9);
   background-color: transparent;
   border: none;
 }
@@ -131,10 +131,10 @@
   display: block;
   position: absolute;
   left: 0px;
-  background-color: #0052d9;
   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNDAxNDYgNy45NDI3QzMuNDAxNCA3Ljk0MjY0IDMuNDAxNTMgNy45NDI3NiAzLjQwMTQ2IDcuOTQyN0wwLjc1IDUuMjkxMjNMMi41NDM0OSAzLjU0OTE5TDUuMTcyMSA2LjE3NzhMMTEuMzY4NyAwTDEzLjEyNDQgMS43NTU3TDYuOTI3OCA3LjkzMzVMNi45MzcxOCA3Ljk0Mjg5TDYuOTExMDkgNy45NjgyM0M2Ljg1NyA4LjAyMDc3IDYuODAxMTQgOC4wNzAzNyA2Ljc0MzcxIDguMTE3MDRMNi4wNDEyMyA4LjgxNzM4QzUuNTUyODYgOS4zMDQyNyA0Ljc2MjQ0IDkuMzAzNjcgNC4yNzQ4MSA4LjgxNjA0TDMuNDAxNDYgNy45NDI3WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45Ii8+Cjwvc3ZnPg==);
   background-repeat: no-repeat;
   background-position: center;
+  background-color: var(--wd-color-brand, #0052d9);
 }
 
 .weda-ui-custom-picker__cloumns.weda-ui-custom-picker__cloumns--select-multiple
@@ -251,9 +251,9 @@
 .weda-ui-custom-picker__header-confirm {
   flex: 0 0 auto;
   padding: 0 20px;
-  font-size: 16px;
-  color: #0052d9;
   cursor: pointer;
+  color: var(--wd-color-brand, #0052d9);
+  font: var(--wd-typography-body-md);
 }
 
 .form-select-multiple-pc .wedatea2td-tag {

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

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

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

@@ -6,7 +6,8 @@ import SelectPickerPc from './pc';
 import { usePlatform } from '../../../../utils/platform';
 import { Status } from '../status';
 import { useDeepCompareEffect } from '@react-hookz/web';
-export function PureSelect({ params, selectedValue, updateValue, placeholder, size, disabled, isShow, closeModal, allOption, }) {
+import { useRecycle } from '../../../../utils/hooks/useRecycle';
+export function PureSelect({ params, selectedValue, updateValue, placeholder, size, disabled, isShow, closeModal, allOption, onSearchValueInput, ignoreCase = true, }) {
     const isRequestingRef = useRef(false);
     const [status, setStatus] = useState(Status.ALl_EMPTY);
     const [options, setOptions] = useState([]);
@@ -18,6 +19,7 @@ export function PureSelect({ params, selectedValue, updateValue, placeholder, si
     const [format, setFormat] = useState('');
     const [isTurnPages, setIsTurnPages] = useState(false);
     const platform = usePlatform();
+    const { recycleBack } = useRecycle();
     const isSearch = useMemo(() => searchValue !== '', [searchValue]);
     useDeepCompareEffect(() => {
         const { format, controlledValue } = params || {
@@ -104,12 +106,18 @@ export function PureSelect({ params, selectedValue, updateValue, placeholder, si
     }, [options]);
     useEffect(() => {
         allOption(options);
+        recycleBack === null || recycleBack === void 0 ? void 0 : recycleBack(options);
     }, [options]);
     useEffect(() => {
         // 本地搜索
         if (!isTurnPages || options.length < PAGE_SIZE) {
             const searchOpt = options.filter((item) => {
                 if (item.label) {
+                    if (ignoreCase) {
+                        return String(item.label)
+                            .toLowerCase()
+                            .includes(searchValue.toLowerCase());
+                    }
                     return item.label.toString().includes(searchValue);
                 }
                 return false;
@@ -166,11 +174,13 @@ export function PureSelect({ params, selectedValue, updateValue, placeholder, si
             }
         }
     };
-    const onSearchValue = (value) => {
+    const onSearchValue = (v) => {
+        if (v === searchValue)
+            return;
         setSearchPage(1);
         setSearchStatus(Status.LOADING);
         setSearchOptions([]);
-        setSearchValue(value);
+        setSearchValue(v);
     };
     /**
      * 精确查找
@@ -202,5 +212,5 @@ export function PureSelect({ params, selectedValue, updateValue, placeholder, si
     const getIsShow = () => {
         closeModal();
     };
-    return platform === 'h5' ? (_jsx(SelectPickerH5, { updateValue: updateValue, options: currentOption, loadMore: loadMore, reTry: reTry, isTurnPages: isTurnPages, status: currentStatus, onSearchValue: onSearchValue, isShow: isShow, selectedValue: selectedValue, getIsShow: getIsShow })) : (_jsx(SelectPickerPc, { placeholder: placeholder, size: size, selectedValue: selectedValue, disabled: disabled, updateValue: updateValue, reTry: reTry, loadMore: loadMore, format: format, status: currentStatus, options: currentOption, allOptions: allOptions, onSearchValue: onSearchValue, defaultSearchValue: '' }));
+    return platform === 'h5' ? (_jsx(SelectPickerH5, { updateValue: updateValue, options: currentOption, loadMore: loadMore, reTry: reTry, isTurnPages: isTurnPages, status: currentStatus, onSearchValue: onSearchValue, isShow: isShow, selectedValue: selectedValue, getIsShow: getIsShow, onSearchValueInput: onSearchValueInput })) : (_jsx(SelectPickerPc, { placeholder: placeholder, size: size, selectedValue: selectedValue, disabled: disabled, updateValue: updateValue, reTry: reTry, loadMore: loadMore, format: format, status: currentStatus, options: currentOption, allOptions: allOptions, onSearchValue: onSearchValue, defaultSearchValue: '', onSearchValueInput: onSearchValueInput }));
 }

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

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

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

@@ -6,10 +6,35 @@ import Loading from '../status/loading';
 import Retry from '../status/retry';
 import { Status } from '../status';
 import Empty from '../status/empty';
+import { WdFormItemReadOnly } from '../../../wd-form-item';
+import equal from '../../../../utils/isObjectEqual';
+import lodashGet from 'lodash.get';
+import { arrayToMap } from '../../../../utils/tool';
 import './style';
-export default function SelectPickerPc({ format, selectedValue, updateValue, placeholder, size, disabled, reTry, loadMore, status, options, allOptions, onSearchValue, defaultSearchValue, }) {
+export default function SelectPickerPc({ format, selectedValue, updateValue: _updateValue, placeholder, size, disabled, reTry, loadMore, status, options, allOptions, onSearchValue, defaultSearchValue, onSearchValueInput, }) {
     const [optList, setOptList] = useState(options);
     const findDataRef = useRef(undefined);
+    const [readValue, setReadValue] = useState([]);
+    const previousValueRef = useRef(selectedValue);
+    const updateValue = (v, triggerEvent) => {
+        setLabels(v, optList);
+        if (!equal(previousValueRef.current, v)) {
+            _updateValue === null || _updateValue === void 0 ? void 0 : _updateValue(v, triggerEvent);
+            previousValueRef.current = v;
+        }
+    };
+    const setLabels = (values, options) => {
+        let labels = values;
+        if (Array.isArray(values) && Array.isArray(options)) {
+            const rm = arrayToMap(options, 'value');
+            labels = values.map((d) => {
+                var _a;
+                const obj = rm.get(d);
+                return (_a = lodashGet(obj, 'text', d)) !== null && _a !== void 0 ? _a : lodashGet(obj, 'label', d);
+            });
+        }
+        setReadValue(labels || '');
+    };
     useEffect(() => {
         if (findDataRef.current && findDataRef.current.value) {
             const opt = options.filter((item, index) => {
@@ -29,22 +54,9 @@ export default function SelectPickerPc({ format, selectedValue, updateValue, pla
         }
     }, [options]);
     useDeepCompareEffect(() => {
-        if (status === Status.ALl_EMPTY) {
+        if (status === Status.ALl_EMPTY)
             return;
-        }
-        // // 没有数据
-        // if (optList?.length === 0) {
-        //   updateValue && updateValue(undefined);
-        //   return;
-        // }
-        //有数据
-        if (selectedValue) {
-            updateValue(selectedValue);
-        }
-        else {
-            // 用户自动输入 '' ， undefined , null三种状态清空
-            updateValue && updateValue(selectedValue);
-        }
+        updateValue(selectedValue);
     }, [optList, selectedValue, status]);
     const isShowBottomTips = useMemo(() => {
         if (status === Status.LOADING) {
@@ -60,57 +72,60 @@ export default function SelectPickerPc({ format, selectedValue, updateValue, pla
             return '';
         }
     }, [format, status, optList]);
-    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx("div", { className: 'form-select-multiple-pc', "data-testid": "form-item-select-multiple-pc", children: _jsx(SelectMultiple, { searchable: true, staging: false, autoClearSearchValue: true, clearable: true, matchButtonWidth: true, defaultSearchValue: defaultSearchValue, value: Array.isArray(selectedValue) ? selectedValue : [], placeholder: placeholder, appearance: 'button', bottomTips: isShowBottomTips, size: size, disabled: disabled, options: optList, onChange: updateValue, onScrollBottom: loadMore, button: (selectedValue) => {
-                    let str = '';
-                    Array.isArray(selectedValue) &&
-                        (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.forEach((item) => {
-                            const obj = allOptions.find((el) => el.value === item.value);
-                            (obj === null || obj === void 0 ? void 0 : obj.text) ? (str = `${str},${obj.text}`) : null;
-                        }));
-                    return Array.isArray(selectedValue) && (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.length) ? (_jsx("div", { className: 'weda-ui-show-label', children: str.substring(1, str.length) })) : (
-                    // <div>
-                    //   <Tag.Group>
-                    //     {selectedValue.length > 0 &&
-                    //       [selectedValue[0]].map((o) => {
-                    //         const obj = allOptions.find(
-                    //           (item) => item.value === o.value
-                    //         );
-                    //         return (
-                    //           <Tag key="0">
-                    //             <span>
-                    //               {obj?.text}
-                    //               {/* <span className="weda-ui-tag-close-icon"></span> */}
-                    //             </span>
-                    //           </Tag>
-                    //         );
-                    //       })}
-                    //     {selectedValue.length > 1 && (
-                    //       <Tag key="1">+{selectedValue.length - 1}</Tag>
-                    //     )}
-                    //   </Tag.Group>
-                    // </div>
-                    _jsx("div", { style: { color: 'rgba(0,0,0,.26)' }, children: placeholder }));
-                }, onOpen: () => {
-                    onSearchValue('');
-                }, onSearch: (value, context) => {
-                    const tValue = value.trim();
-                    if (context.event.type === 'click') {
-                        if (tValue !== '') {
-                            // 手动点击搜索
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(WdFormItemReadOnly, { readValue: readValue, children: _jsx("div", { className: 'form-select-multiple-pc', "data-testid": "form-item-select-multiple-pc", children: _jsx(SelectMultiple, { className: Array.isArray(selectedValue) && selectedValue.length > 0
+                        ? ''
+                        : 'select-multiple__placeholder', searchable: true, staging: false, autoClearSearchValue: true, clearable: true, matchButtonWidth: true, defaultSearchValue: defaultSearchValue, value: Array.isArray(selectedValue) ? selectedValue : [], placeholder: placeholder, appearance: 'button', bottomTips: isShowBottomTips, size: size, disabled: disabled, options: optList, onChange: (v) => updateValue(v, true), onScrollBottom: loadMore, button: (selectedValue) => {
+                        let str = '';
+                        Array.isArray(selectedValue) &&
+                            (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.forEach((item) => {
+                                const obj = allOptions.find((el) => el.value === item.value);
+                                (obj === null || obj === void 0 ? void 0 : obj.text) ? (str = `${str},${obj.text}`) : null;
+                            }));
+                        return Array.isArray(selectedValue) && (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.length) ? (_jsx("div", { className: 'weda-ui-show-label', children: str.substring(1, str.length) })) : (
+                        // <div>
+                        //   <Tag.Group>
+                        //     {selectedValue.length > 0 &&
+                        //       [selectedValue[0]].map((o) => {
+                        //         const obj = allOptions.find(
+                        //           (item) => item.value === o.value
+                        //         );
+                        //         return (
+                        //           <Tag key="0">
+                        //             <span>
+                        //               {obj?.text}
+                        //               {/* <span className="weda-ui-tag-close-icon"></span> */}
+                        //             </span>
+                        //           </Tag>
+                        //         );
+                        //       })}
+                        //     {selectedValue.length > 1 && (
+                        //       <Tag key="1">+{selectedValue.length - 1}</Tag>
+                        //     )}
+                        //   </Tag.Group>
+                        // </div>
+                        _jsx("div", { style: { color: 'rgba(0,0,0,.26)' }, children: placeholder }));
+                    }, 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('');
-                    }
-                } }) }) }));
+                        onSearchValueInput === null || onSearchValueInput === void 0 ? void 0 : onSearchValueInput(tValue);
+                    } }) }) }) }));
 }

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

@@ -4,11 +4,13 @@ import { IUseoptionsParams } from '../request';
 interface IPureSelectProps extends Pick<SelectProps, 'size' | 'disabled' | 'placeholder'> {
     value: unknown[];
     name?: string;
-    onChange: (v: unknown[]) => void;
+    onChange: (v: unknown[], t?: any) => void;
     layout?: 'horizontal' | 'vertical';
     className?: string;
     params: IUseoptionsParams;
     readOnly?: boolean;
+    onSearchValueInput?: (value: string) => void;
+    ignoreCase?: boolean;
 }
 export declare function PureSelectPc(props: IPureSelectProps): JSX.Element;
 export declare function PureSelectH5(props: IPureSelectProps): JSX.Element;