From e586ea0030c9487dd9bc2181f035d790d78521f5 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: Sat, 8 Oct 2022 08:24:35 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B(component):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=20select=20=E7=8A=B6=E6=80=81=E5=9B=BE=E6=A0=87=E5=9C=A8?=
 =?UTF-8?q?=E7=82=B9=E5=87=BB=E9=80=89=E9=A1=B9=E5=90=8E=E4=B8=8D=E9=87=8D?=
 =?UTF-8?q?=E7=BD=AE=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package/component/src/component/select/index.vue       | 3 +++
 package/component/src/component/selectOption/index.vue | 4 +++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/package/component/src/component/select/index.vue b/package/component/src/component/select/index.vue
index 2f23390d..f8f87ce1 100644
--- a/package/component/src/component/select/index.vue
+++ b/package/component/src/component/select/index.vue
@@ -66,6 +66,7 @@ const props = withDefaults(defineProps<LaySelectProps>(), {
 });
 
 const slots = useSlots();
+const selectRef = ref();
 const searchValue = ref("");
 const singleValue = ref("");
 const multipleValue = ref([]);
@@ -150,6 +151,7 @@ const handleClear = () => {
   }
 };
 
+provide("selectRef", selectRef);
 provide("openState", openState);
 provide("selectedValue", selectedValue);
 provide("searchValue", searchValue);
@@ -159,6 +161,7 @@ provide("multiple", multiple);
 <template>
   <div class="layui-select">
     <lay-dropdown
+      ref="selectRef"
       :disabled="disabled"
       :update-at-scroll="true"
       @show="openState = true"
diff --git a/package/component/src/component/selectOption/index.vue b/package/component/src/component/selectOption/index.vue
index 27293734..b7c8fef6 100644
--- a/package/component/src/component/selectOption/index.vue
+++ b/package/component/src/component/selectOption/index.vue
@@ -33,11 +33,13 @@ const selectedValue: WritableComputedRef<any> = inject(
   "selectedValue"
 ) as WritableComputedRef<any>;
 const searchValue: Ref<string> = inject("searchValue") as Ref<string>;
+const selectRef: Ref<HTMLElement> = inject("selectRef") as Ref<HTMLElement>;
 const multiple: ComputedRef = inject("multiple") as ComputedRef;
 
 const handleSelect = () => {
   if (!multiple.value && !props.disabled) {
-    openState.value = false;
+    // @ts-ignore
+    selectRef.value.hide()
     selectedValue.value = props.value;
     select();
   }