From 6aececb4511929732a5e03a4c41c2d8172bc633c Mon Sep 17 00:00:00 2001
From: enncy <877526278@qq.com>
Date: Fri, 24 Mar 2023 10:29:19 +0800
Subject: [PATCH] =?UTF-8?q?fix(app):=20=E4=BF=AE=E5=A4=8D=E8=BD=AF?=
 =?UTF-8?q?=E4=BB=B6=E6=B5=8F=E8=A7=88=E5=99=A8=E6=A0=87=E7=AD=BE=E8=BE=93?=
 =?UTF-8?q?=E5=85=A5=E6=97=B6=E4=B8=8D=E8=87=AA=E5=8A=A8=E6=8F=90=E7=A4=BA?=
 =?UTF-8?q?=E7=9A=84BUG?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/web/src/components/Tags.vue | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/packages/web/src/components/Tags.vue b/packages/web/src/components/Tags.vue
index fefd5791..e86ea5a2 100644
--- a/packages/web/src/components/Tags.vue
+++ b/packages/web/src/components/Tags.vue
@@ -62,10 +62,16 @@
 				placeholder="输入标签名"
 				size="small"
 				style="width: 100%"
-				:options="options"
+				:data="options"
 				@search="handleSearch"
 			>
-				<template #option="{ value, color, count }">
+				<template
+					#option="{
+						data: {
+							raw: { value, count, color }
+						}
+					}"
+				>
 					<a-tag :color="color"> {{ value }} </a-tag>
 					<span style="float: right"> {{ count }} </span>
 				</template>
@@ -114,7 +120,7 @@ const emits = defineEmits<{
 const getOptions = () =>
 	object
 		.keys(store.render.browser.tags)
-		.map((key) => ({ value: key, ...store.render.browser.tags[key] }))
+		.map((key) => ({ value: key, label: key, ...store.render.browser.tags[key] }))
 		.sort((a, b) => b.count - a.count);
 
 const options = ref(getOptions());
@@ -138,9 +144,10 @@ const handleClose = (removeTag: Tag) => {
 
 const showModel = () => {
 	state.modalVisible = true;
-	nextTick(() => {
+	// 弹窗动作完成后，自动聚焦
+	setTimeout(() => {
 		inputRef.value.focus();
-	});
+	}, 300);
 };
 
 const handleInputConfirm = () => {