From afccf0dbd340777e2ec4ae4b0e958743ac0521ac Mon Sep 17 00:00:00 2001
From: ryuhangyeong <hangyeong.ryu@gmail.com>
Date: Sat, 18 Jun 2022 18:15:13 +0900
Subject: [PATCH] improvement(components): [select] remove duplicate items

---
 packages/components/select/__tests__/select.test.ts | 4 ++--
 packages/components/select/src/select.vue           | 7 ++++++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/components/select/__tests__/select.test.ts b/packages/components/select/__tests__/select.test.ts
index bc64d4c13681b..ffe1796f0c5f7 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 75340a43cc5e9..d1577148bf34b 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 restSelected"
                         :key="idx"
                         :class="nsSelect.e('collapse-tag')"
                       >
@@ -489,6 +489,10 @@ export default defineComponent({
       width: '100%',
     }))
 
+    const restSelected = computed(() =>
+      selected.value.filter((_: any, index: number) => index !== 0)
+    )
+
     provide(
       selectKey,
       reactive({
@@ -567,6 +571,7 @@ export default defineComponent({
       scrollToOption,
       inputWidth,
       selected,
+      restSelected,
       inputLength,
       filteredOptionsCount,
       visible,