From 1429a4e669d391becf6495d64190a4e2d4ea7161 Mon Sep 17 00:00:00 2001
From: jeremywu <15975785+JeremyWuuuuu@users.noreply.github.com>
Date: Fri, 11 Feb 2022 19:55:34 +0800
Subject: [PATCH] fix(components): [el-select] tag default theme (#5983)

- Fix the default theme for select tag
- Fix the input padding for inputable select
---
 packages/components/select/src/select.vue   | 3 ++-
 packages/components/select/src/useSelect.ts | 2 +-
 packages/theme-chalk/src/select.scss        | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/components/select/src/select.vue b/packages/components/select/src/select.vue
index d1ba9f83e5..254da97926 100644
--- a/packages/components/select/src/select.vue
+++ b/packages/components/select/src/select.vue
@@ -329,7 +329,8 @@ export default defineComponent({
       type: [String, Object] as PropType<string | Component>,
       default: ArrowUp,
     },
-    tagType: tagProps.type,
+    // eslint-disable-next-line vue/require-prop-types
+    tagType: { ...tagProps.type, default: 'info' },
   },
   emits: [
     UPDATE_MODEL_EVENT,
diff --git a/packages/components/select/src/useSelect.ts b/packages/components/select/src/useSelect.ts
index 30d6d7c9ec..08fba5dc05 100644
--- a/packages/components/select/src/useSelect.ts
+++ b/packages/components/select/src/useSelect.ts
@@ -50,7 +50,7 @@ export function useSelectStates(props) {
     menuVisibleOnFocus: false,
     isOnComposition: false,
     isSilentBlur: false,
-    prefixWidth: 0,
+    prefixWidth: 11,
     tagInMultiLine: false,
   })
 }
diff --git a/packages/theme-chalk/src/select.scss b/packages/theme-chalk/src/select.scss
index 41e067e164..86fffef519 100644
--- a/packages/theme-chalk/src/select.scss
+++ b/packages/theme-chalk/src/select.scss
@@ -148,7 +148,7 @@
     .#{$namespace}-tag {
       box-sizing: border-box;
       border-color: transparent;
-      margin: 2px 0 2px 6px;
+      margin: 2px 6px 2px 0;
 
       .#{$namespace}-icon-close {
         background-color: var(--el-text-color-placeholder);