From be30caf264f6e452e0c218500828accf5f4efe29 Mon Sep 17 00:00:00 2001
From: Xc <124118265@qq.com>
Date: Sat, 18 Jun 2022 18:38:15 +0800
Subject: [PATCH] fix(components): [select] collapse-tags-tooltip drop first
 item (#8344)

* fix(components): [select] collapse-tag-tooltip drop first item

* fix(components): [select] collapse-tags-tooltip drop first item test
---
 packages/components/select-v2/__tests__/select.test.ts | 2 +-
 packages/components/select-v2/src/select.vue           | 4 +++-
 packages/components/select/__tests__/select.test.ts    | 4 ++--
 packages/components/select/src/select.vue              | 2 +-
 4 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/components/select-v2/__tests__/select.test.ts b/packages/components/select-v2/__tests__/select.test.ts
index ce28718213b5e4..092e73885ec31f 100644
--- a/packages/components/select-v2/__tests__/select.test.ts
+++ b/packages/components/select-v2/__tests__/select.test.ts
@@ -651,7 +651,7 @@ describe('Select', () => {
       options[2].click()
       await nextTick()
       expect(vm.value.length).toBe(3)
-      expect(wrapper.findAll('.el-tag')[4].element.textContent).toBe('c2')
+      expect(wrapper.findAll('.el-tag')[3].element.textContent).toBe('c2')
     })
   })
 
diff --git a/packages/components/select-v2/src/select.vue b/packages/components/select-v2/src/select.vue
index 0a230963fce5f5..8c7695a5d3c6b0 100644
--- a/packages/components/select-v2/src/select.vue
+++ b/packages/components/select-v2/src/select.vue
@@ -86,7 +86,9 @@
                     <template #content>
                       <div :class="nsSelectV2.e('selection')">
                         <div
-                          v-for="(selected, idx) in states.cachedOptions"
+                          v-for="(selected, idx) in states.cachedOptions.slice(
+                            1
+                          )"
                           :key="idx"
                           :class="nsSelectV2.e('selected-item')"
                         >
diff --git a/packages/components/select/__tests__/select.test.ts b/packages/components/select/__tests__/select.test.ts
index bc64d4c13681bd..ffe1796f0c5f70 100644
--- a/packages/components/select/__tests__/select.test.ts
+++ b/packages/components/select/__tests__/select.test.ts
@@ -1074,8 +1074,8 @@ describe('Select', () => {
     const triggerWrappers = wrapper.findAll('.el-tooltip__trigger')
     expect(triggerWrappers[0]).toBeDefined()
     const tags = wrapper.findAll('.el-select__tags-text')
-    expect(tags.length).toBe(5)
-    expect(tags[4].element.textContent).toBe('蚵仔煎')
+    expect(tags.length).toBe(4)
+    expect(tags[3].element.textContent).toBe('蚵仔煎')
   })
 
   test('multiple remove-tag', async () => {
diff --git a/packages/components/select/src/select.vue b/packages/components/select/src/select.vue
index 75340a43cc5e92..a821cf3021a195 100644
--- a/packages/components/select/src/select.vue
+++ b/packages/components/select/src/select.vue
@@ -73,7 +73,7 @@
                   <template #content>
                     <div :class="nsSelect.e('collapse-tags')">
                       <div
-                        v-for="(item, idx) in selected"
+                        v-for="(item, idx) in selected.slice(1)"
                         :key="idx"
                         :class="nsSelect.e('collapse-tag')"
                       >