1.处理手机端搜索不触发

Min
1 parent c8cadeda
Showing 1 changed file with 21 additions and 4 deletions
src/mobile/components/searchPicker.jsx
@@ -2,8 +2,10 @@ import { Popup, SearchBar, PickerView, Button } from &#39;antd-mobile&#39;;
 import { List,} from 'antd-mobile-v2';
 import { useState, useMemo } from 'react';
 import styles from "./selectInput.less";
+import iconSetting from '../../assets/mobile/setting.png';
+
 export default function SearchablePicker(props) {
-  const {  onConfirm, initialValue, data, sTitle, onChange, value:newValue } = props;
+  const {  onConfirm, initialValue, data, sTitle, onChange, value:newValue, onVisibleChange } = props;
  
   const [searchValue, setSearchValue] = useState('');
   const [visible, setVisible] = useState(false)
@@ -32,13 +34,30 @@ export default function SearchablePicker(props) {
     );
   }, [searchValue, data]); // ✅ 必须包含 data
   const label = filteredOptions?.find(x=>x.value === newValue[0])?.label || ''
+  
+  const handleOpen = () => {
+    setVisible(true);
+    // 调用onVisibleChange回调
+    if (onVisibleChange) {
+      onVisibleChange(true);
+    }
+  };
+
   const handleConfirm = () => {
     onChange(values);
     setVisible(false);
+    // 调用onVisibleChange回调
+    if (onVisibleChange) {
+      onVisibleChange(false);
+    }
   };
  
   const handleCancel = () => {
     setVisible(false);
+    // 调用onVisibleChange回调
+    if (onVisibleChange) {
+      onVisibleChange(false);
+    }
   };
  
   const changeOption = (val) => {
@@ -47,9 +66,7 @@ export default function SearchablePicker(props) {
  
   return (
     <div>
-      <List.Item arrow="horizontal" className={styles.searchPickerList} onClick={() => {
-        setVisible(true)
-      }} extra={label}>
+      <List.Item arrow="horizontal" className={styles.searchPickerList} onClick={handleOpen} extra={label}>
         {props.iconSettingShow ?
           // eslint-disable-next-line jsx-a11y/alt-text
           <img src={iconSetting} style={{ verticalAlign: 'sub', marginRight: '15px' }} alt="" /> : ''}