feat(pro:search): add quick select panel support

IDuxFE · Apr 10, 2023 · 888d35a · 888d35a
1 parent c758931
commit 888d35a
Show file tree

Hide file tree

Showing 51 changed files with 2,294 additions and 830 deletions.
diff --git a/packages/components/_private/overflow/src/Overflow.tsx b/packages/components/_private/overflow/src/Overflow.tsx
@@ -118,10 +118,13 @@ export default defineComponent({
         throwError('components/_private/overflow', 'item slot must be provided')
       }
       const nodeContent = slots.item?.(item) ?? ''
+
+      const key = props.getKey(item)
       return (
         <Item
           {...itemSharedProps}
-          itemKey={props.getKey(item)}
+          key={key}
+          itemKey={key}
           display={index < displayCount.value}
           onSizeChange={(itemEl: Element, key?: VKey) => setItemWidth(key!, itemEl)}
         >

diff --git a/packages/components/select/src/types.ts b/packages/components/select/src/types.ts
@@ -40,7 +40,7 @@ export const selectPanelProps = {
   onScrolledBottom: [Function, Array] as PropType<MaybeArray<() => void>>,
 
   // private
-  _virtualScrollHeight: { type: Number, default: 256 },
+  _virtualScrollHeight: { type: [Number, String] as PropType<number | 'auto' | '100%'>, default: 256 },
   _virtualScrollItemHeight: { type: Number, default: 32 },
 } as const
 

diff --git a/packages/pro/search/demo/QuickSelect.md b/packages/pro/search/demo/QuickSelect.md
@@ -0,0 +1,14 @@
+---
+order: 0
+title:
+  zh: 快捷面板
+  en: Quick select panel
+---
+
+## zh
+
+通过 `searchField.quickSelect` 配置支持在快捷搜索面板展示搜索项。
+
+## en
+
+Display searchField panel within quick select panel via `searchField.quickSelect`.