!470 fix(select): 当下拉弹窗隐藏，用户输入自动显示下拉弹窗

jevin98 · sleeprite · commit e623edc617fe · 2025-04-01T16:48:23.000Z
* fix(select): 当下拉弹窗隐藏，用户输入自动显示下拉弹窗
diff --git a/packages/component/component/select/__tests__/select.test.tsx b/packages/component/component/select/__tests__/select.test.tsx
@@ -243,4 +243,56 @@ describe("LaySelect", () => {
     expect(tags1.length).toBe(0);
     expect(value1.value.length).toBe(0);
   });
+
+  test("输入内容，自动弹出下拉框", async () => {
+    const teleportProps = { to: "body", disabled: true };
+
+    const value1 = ref([1]);
+
+    const wrapper = mount(
+      {
+        setup() {
+          const options = [
+            { label: "学习", value: 1 },
+            { label: "复习", value: 2 },
+          ];
+
+          return () => (
+            <LaySelect
+              v-model={value1.value}
+              options={options}
+              multiple
+              show-search
+              teleportProps={teleportProps}
+            ></LaySelect>
+          );
+        },
+      },
+      { attachTo: document.body }
+    );
+
+    const inputComponent = wrapper.findComponent(".layui-tag-input");
+
+    await inputComponent.trigger("click");
+    await nextTick();
+    await sleep();
+
+    const tooltip1 = wrapper.find(".layui-popper");
+    expect(tooltip1.exists()).toBeTruthy();
+    expect(tooltip1.isVisible()).toBeTruthy();
+
+    await inputComponent.trigger("click");
+    await nextTick();
+    await sleep();
+    expect(tooltip1.isVisible()).toBeFalsy();
+
+    const inputInstance = wrapper.find(
+      ".layui-tag-input .layui-tag-input-inner input"
+    );
+    await inputInstance.setValue("hello");
+
+    await nextTick();
+    await sleep();
+    expect(tooltip1.isVisible()).toBeTruthy();
+  });
 });
diff --git a/packages/component/component/select/index.vue b/packages/component/component/select/index.vue
@@ -73,7 +73,7 @@ const props = withDefaults(defineProps<SelectProps>(), {
 const { size } = useProps(props);
 
 const slots = useSlots();
-const selectRef = ref();
+const selectRef = ref<typeof LayDropdown | null>(null);
 const searchValue = ref("");
 const singleValue = ref("");
 const multipleValue: Ref<any[]> = ref([]);
@@ -203,6 +203,11 @@ const handleSearch = (value: string) => {
   if (composing.value) return;
   emits("search", value);
   searchValue.value = value;
+
+  // 当拉下关闭 | 用户输入，弹出弹窗
+  if (value && !openState.value) {
+    selectRef.value && selectRef.value.show();
+  }
 };
 
 const handleClear = () => {
