From 6254b1b5b2b380e3434751688cf8f73619f634e0 Mon Sep 17 00:00:00 2001
From: 1zumii <524123601@qq.com>
Date: Thu, 18 Apr 2024 20:43:56 +0800
Subject: [PATCH] =?UTF-8?q?feat(SelectTrigger):=20=E6=8A=98=E5=8F=A0?=
 =?UTF-8?q?=E7=9A=84=20Tag=20=E5=BC=B9=E5=87=BA=E6=A1=86=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/select-trigger/selectTrigger.vue | 58 +++++++++++----------
 1 file changed, 31 insertions(+), 27 deletions(-)

diff --git a/components/select-trigger/selectTrigger.vue b/components/select-trigger/selectTrigger.vue
index 3302f08b..9894d1b5 100644
--- a/components/select-trigger/selectTrigger.vue
+++ b/components/select-trigger/selectTrigger.vue
@@ -92,32 +92,34 @@
                                 {{ tag.label }}
                             </Tag>
                             <template #content>
-                                <Tag
-                                    v-for="(
-                                        collapsedTag, collapsedTagIndex
-                                    ) in tag.collapsedOptions"
-                                    :key="collapsedTagIndex"
-                                    type="info"
-                                    size="small"
-                                    :class="[
-                                        `${prefixCls}-label-item`,
-                                        `${prefixCls}-label-collapsed-item`,
-                                    ]"
-                                    :closable="collapsedTag.closable"
-                                    :bordered="hasTagBordered"
-                                    @close="
-                                        handleRemove(
-                                            calcCollapseTagIndex(
-                                                collapsedTagIndex,
-                                            ),
-                                        )
-                                    "
-                                >
-                                    <Ellipsis
-                                        :class="`${prefixCls}-label-text`"
-                                        :content="collapsedTag.label"
-                                    />
-                                </Tag>
+                                <Scrollbar :maxHeight="500">
+                                    <Tag
+                                        v-for="(
+                                            collapsedTag, collapsedTagIndex
+                                        ) in tag.collapsedOptions"
+                                        :key="collapsedTagIndex"
+                                        type="info"
+                                        size="small"
+                                        :class="[
+                                            `${prefixCls}-label-item`,
+                                            `${prefixCls}-label-collapsed-item`,
+                                        ]"
+                                        :closable="collapsedTag.closable"
+                                        :bordered="hasTagBordered"
+                                        @close="
+                                            handleRemove(
+                                                calcCollapseTagIndex(
+                                                    collapsedTagIndex,
+                                                ),
+                                            )
+                                        "
+                                    >
+                                        <Ellipsis
+                                            :class="`${prefixCls}-label-text`"
+                                            :content="collapsedTag.label"
+                                        />
+                                    </Tag>
+                                </Scrollbar>
                             </template>
                         </Tooltip>
                     </template>
@@ -201,7 +203,8 @@ import getPrefixCls from '../_util/getPrefixCls';
 import { useTheme } from '../_theme/useTheme';
 import Ellipsis from '../ellipsis';
 import Tooltip from '../tooltip';
-import Tag from '../tag/tag.vue';
+import Tag from '../tag';
+import Scrollbar from '../scrollbar';
 import UpOutlined from '../icon/UpOutlined';
 import DownOutlined from '../icon/DownOutlined';
 import CloseCircleFilled from '../icon/CloseCircleFilled';
@@ -241,6 +244,7 @@ export default defineComponent({
     name: 'FSelect',
     components: {
         Tag,
+        Scrollbar,
         Ellipsis,
         Tooltip,
         UpOutlined,