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

@@ -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,

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,
   })
 }

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);