fix(pro:search): select activeValue shouldn't change on mouse leave (#…

…1712)
IDuxFE · Oct 17, 2023 · a6d539a · a6d539a
1 parent b064b21
commit a6d539a
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/packages/pro/search/src/panel/SelectPanel.tsx b/packages/pro/search/src/panel/SelectPanel.tsx
@@ -114,7 +114,9 @@ export default defineComponent({
       callEmit(props.onSelectAllClick)
     }
     const handleMouseLeave = () => {
-      setActiveValue(undefined)
+      if (props.setInactiveOnMouseLeave) {
+        setActiveValue(undefined)
+      }
     }
 
     const handleKeyDown = useOnKeyDown(props, panelRef, activeValue, filteredDataSource, changeSelected, handleConfirm)

diff --git a/packages/pro/search/src/segments/CreateSelectSegment.tsx b/packages/pro/search/src/segments/CreateSelectSegment.tsx
@@ -48,6 +48,7 @@ export function createSelectSegment(
         setOnKeyDown={setOnKeyDown}
         showSelectAll={renderLocation === 'individual' && showSelectAll}
         showFooter={renderLocation === 'individual'}
+        setInactiveOnMouseLeave={renderLocation === 'quick-select-panel'}
         searchValue={searchable ? searchInput : ''}
         searchFn={searchFn}
         onChange={handleChange}

diff --git a/packages/pro/search/src/types/panels.ts b/packages/pro/search/src/types/panels.ts
@@ -33,6 +33,7 @@ export const proSearchSelectPanelProps = {
   showSelectAll: { type: Boolean, default: true },
   showFooter: { type: Boolean, default: true },
   autoHeight: { type: Boolean, default: false },
+  setInactiveOnMouseLeave: { type: Boolean, default: false },
   allSelected: Boolean,
   searchValue: { type: String, default: undefined },
   searchFn: Function as PropType<(data: SelectPanelData, searchValue?: string) => boolean>,