feat: select support searchPosition (30%)

DouyinFE · Jun 11, 2024 · f68d8ad · f68d8ad
1 parent a4f790c
commit f68d8ad
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 24 deletions.
diff --git a/packages/semi-foundation/select/foundation.ts b/packages/semi-foundation/select/foundation.ts
@@ -1056,6 +1056,7 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
     }
 
     handleKeyPress(e: KeyboardEvent) {
+        console.log('handleKeyPress');
         if (e && e.key === ENTER_KEY) {
             this.handleClick(e);
         }

diff --git a/packages/semi-ui/select/_story/select.stories.jsx b/packages/semi-ui/select/_story/select.stories.jsx
@@ -3570,28 +3570,29 @@ export const UpdateOtherKeyNotInList = () => {
 };
 
 export const SearchPosition = () => {
-  return (
-    <>
-      <Select
-        filter
-        searchPosition='dropdown'
-        onChangeWithObject
-        placeholder={'single searchPosition=dropdown'}
-        optionList={optionList}
-        searchPlaceholder='dropdown input place'
-        style={{ width: 320 }}
-      />
-      <Select
-        filter
-        multiple
-        placeholder={'multiple searchPosition=dropdown'}
-        searchPosition='dropdown'
-        onChangeWithObject
-        searchPlaceholder='dropdown input place'
-        optionList={optionList}
-        style={{ width: 320 }}
-      />
-
+
+  return 
+    (
+      <>
+        <Select
+          filter
+          searchPosition='dropdown'
+          onChangeWithObject
+          placeholder={'single searchPosition=dropdown'}
+          optionList={optionList}
+          searchPlaceholder='dropdown input place'
+          style={{ width: 320 }}
+        />
+        <Select
+          filter
+          multiple
+          placeholder={'multiple searchPosition=dropdown'}
+          searchPosition='dropdown'
+          onChangeWithObject
+          searchPlaceholder='dropdown input place'
+          optionList={optionList}
+          style={{ width: 320 }}
+        />
     </>
-  )
+    )
 }
diff --git a/packages/semi-ui/select/index.tsx b/packages/semi-ui/select/index.tsx
@@ -272,7 +272,7 @@ class Select extends BaseComponent<SelectProps, SelectState> {
         defaultActiveFirstOption: PropTypes.bool,
         triggerRender: PropTypes.func,
         stopPropagation: PropTypes.bool,
-        searchPosition: PropTypes.bool,
+        searchPosition: PropTypes.string,
         // motion doesn't need to be exposed
         motion: PropTypes.bool,