feat(Select): ✨ 优化默认排序方法的表现,优化全等项的查询

Tencent · Jan 21, 2025 · 82d4ba8 · 82d4ba8
1 parent 4ab00d1
commit 82d4ba8
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/select/hooks/useSelectOptions.ts b/src/select/hooks/useSelectOptions.ts
@@ -117,7 +117,7 @@ export const useSelectOptions = (props: TdSelectProps, keys: Ref<KeysType>, inpu
       return option.label?.toLowerCase?.().indexOf(`${inputValue.value}`.toLowerCase()) > -1;
     };
 
-    const res: SelectOption[] = [];
+    let res: SelectOption[] = [];
 
     options.value.forEach((option) => {
       if ((option as SelectOptionGroup).children) {
@@ -131,6 +131,15 @@ export const useSelectOptions = (props: TdSelectProps, keys: Ref<KeysType>, inpu
       }
     });
 
+    if (!isFunction(props.filter)) {
+      // 使用默认 filter，增加表现，调整全等项到首尾，避免全等项位于最后
+      // inputValue: ab
+      // options abcde, abcd, abc,  ab
+      const exactMatch = res.filter((item) => item.label === inputValue.value);
+      const fuzzyMatch = res.filter((item) => item.label !== inputValue.value);
+      res = exactMatch.concat(fuzzyMatch);
+    }
+
     return res;
   });