✨(select): 新增 search-method 属性

package/component/src/component/select/index.vue

@@ -31,6 +31,7 @@ export interface SelectProps {
   disabled?: boolean;
   placeholder?: string;
   searchPlaceholder?: string;
+  searchMethod?: Function;
   modelValue?: any;
   multiple?: boolean;
   items?: SelectOptionProps[];
@@ -81,7 +82,6 @@ const getOption = (nodes: VNode[], newOptions: any[]) => {
         if (item.children) {
           // @ts-ignore
           const label = item.children.default()[0].children;
-
           if (typeof label == "string") {
             // @ts-ignore
             item.props.label = label;
@@ -122,7 +122,6 @@ const onCompositionend = (event: Event) => {
 onMounted(() => {
   intOption();
   timer = setInterval(intOption, 500);
-
   watch(
     [selectedValue, options],
     () => {
@@ -188,6 +187,7 @@ provide("openState", openState);
 provide("selectedValue", selectedValue);
 provide("searchValue", searchValue);
 provide("multiple", multiple);
+provide("searchMethod", props.searchMethod);
 </script>
 
 <template>

package/component/src/component/selectOption/index.vue

@@ -30,6 +30,7 @@ const props = withDefaults(defineProps<SelectOptionProps>(), {
 
 const searchValue: Ref<string> = inject("searchValue") as Ref<string>;
 const selectRef: Ref<HTMLElement> = inject("selectRef") as Ref<HTMLElement>;
+const searchMethod: Function = inject("searchMethod") as Function;
 const selectedValue: WritableComputedRef<any> = inject(
   "selectedValue"
 ) as WritableComputedRef<any>;
@@ -59,10 +60,16 @@ const selected = computed(() => {
   }
 });
 
+// 首次加载, 不启用 search-method 方法。
+const isFirst = ref(true);
+
 const display = computed(() => {
-  return (
+  if(searchMethod && !isFirst.value) {
-    props.keyword?.toString().indexOf(searchValue.value) > -1 ||
+      isFirst.value = false;
-    props.label?.toString().indexOf(searchValue.value) > -1
+      return searchMethod(searchValue.value, props);
+  }
+  return ( 
+      props.keyword?.toString().indexOf(searchValue.value) > -1  || props.label?.toString().indexOf(searchValue.value) > -1 
   );
 });
 

package/document-component/src/document/zh-CN/components/select.md

@@ -117,12 +117,12 @@ export default {
 
 <template>
   <lay-space>
-    <lay-select v-model="value3" :show-search="true">
+    <lay-select v-model="value3" :show-search="true" :searchMethod="searchMethod">
     <lay-select-option value="1" label="学习"></lay-select-option>
     <lay-select-option value="2" label="编码"></lay-select-option>
     <lay-select-option value="3" label="运动"></lay-select-option>
   </lay-select>
-    <lay-select v-model="value4" :show-search="true" :multiple="true">
+    <lay-select v-model="value4" :show-search="true" :multiple="true" :searchMethod="searchMethod">
     <lay-select-option value="1" label="学习"></lay-select-option>
     <lay-select-option value="2" label="编码"></lay-select-option>
     <lay-select-option value="3" label="运动"></lay-select-option>
@@ -138,10 +138,17 @@ export default {
 
     const value3 = ref('1')
     const value4 = ref(['1'])
+
+    const searchMethod = function(text, props) {
+      console.log(text);
+      console.log(props.label);
+      return text === props.label;
+    }
  
     return {
       value3,
       value4,
+      searchMethod
     }
   }
 }