From 710f61638924d42e607378a5376c00994298aadb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Sun, 20 Nov 2022 18:18:18 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8(select):=20=E6=96=B0=E5=A2=9E=20searc?=
 =?UTF-8?q?h-method=20=E5=B1=9E=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package/component/src/component/select/index.vue    |  4 ++--
 .../component/src/component/selectOption/index.vue  | 13 ++++++++++---
 .../src/document/zh-CN/components/select.md         | 11 +++++++++--
 3 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/package/component/src/component/select/index.vue b/package/component/src/component/select/index.vue
index 40e7d8da..2d65f808 100644
--- a/package/component/src/component/select/index.vue
+++ b/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>
diff --git a/package/component/src/component/selectOption/index.vue b/package/component/src/component/selectOption/index.vue
index 235f8ea3..c642bb1e 100644
--- a/package/component/src/component/selectOption/index.vue
+++ b/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 (
-    props.keyword?.toString().indexOf(searchValue.value) > -1 ||
-    props.label?.toString().indexOf(searchValue.value) > -1
+  if(searchMethod && !isFirst.value) {
+      isFirst.value = false;
+      return searchMethod(searchValue.value, props);
+  }
+  return ( 
+      props.keyword?.toString().indexOf(searchValue.value) > -1  || props.label?.toString().indexOf(searchValue.value) > -1 
   );
 });
 
diff --git a/package/document-component/src/document/zh-CN/components/select.md b/package/document-component/src/document/zh-CN/components/select.md
index b78dc240..862a20c4 100644
--- a/package/document-component/src/document/zh-CN/components/select.md
+++ b/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
     }
   }
 }