From 61e9be07f90e42fb04e0a85dfbe2cca730d5ce05 Mon Sep 17 00:00:00 2001
From: Xc <124118265@qq.com>
Date: Wed, 25 May 2022 23:02:57 +0800
Subject: [PATCH] fix(components): [select-v2] status-icon position (#7835)

* fix(components): [select] status-icon position

* fix(components): [select-v2] status-icon position

* fix(components): [select-v2] status-icon position
---
 docs/examples/form/validation.vue       | 21 +++++++++++++++++++++
 packages/theme-chalk/src/select-v2.scss |  4 ++++
 2 files changed, 25 insertions(+)

diff --git a/docs/examples/form/validation.vue b/docs/examples/form/validation.vue
index 597e98bb7c..c0a7b63148 100644
--- a/docs/examples/form/validation.vue
+++ b/docs/examples/form/validation.vue
@@ -6,6 +6,7 @@
     label-width="120px"
     class="demo-ruleForm"
     :size="formSize"
+    status-icon
   >
     <el-form-item label="Activity name" prop="name">
       <el-input v-model="ruleForm.name" />
@@ -16,6 +17,13 @@
         <el-option label="Zone two" value="beijing" />
       </el-select>
     </el-form-item>
+    <el-form-item label="Activity count" prop="count">
+      <el-select-v2
+        v-model="ruleForm.count"
+        placeholder="Activity count"
+        :options="options"
+      />
+    </el-form-item>
     <el-form-item label="Activity time" required>
       <el-col :span="11">
         <el-form-item prop="date1">
@@ -80,6 +88,7 @@ const ruleFormRef = ref<FormInstance>()
 const ruleForm = reactive({
   name: 'Hello',
   region: '',
+  count: '',
   date1: '',
   date2: '',
   delivery: false,
@@ -100,6 +109,13 @@ const rules = reactive<FormRules>({
       trigger: 'change',
     },
   ],
+  count: [
+    {
+      required: true,
+      message: 'Please select Activity count',
+      trigger: 'change',
+    },
+  ],
   date1: [
     {
       type: 'date',
@@ -151,4 +167,9 @@ const resetForm = (formEl: FormInstance | undefined) => {
   if (!formEl) return
   formEl.resetFields()
 }
+
+const options = Array.from({ length: 10000 }).map((_, idx) => ({
+  value: `${idx + 1}`,
+  label: `${idx + 1}`,
+}))
 </script>
diff --git a/packages/theme-chalk/src/select-v2.scss b/packages/theme-chalk/src/select-v2.scss
index 08f2ce32a6..d7ebf7801b 100644
--- a/packages/theme-chalk/src/select-v2.scss
+++ b/packages/theme-chalk/src/select-v2.scss
@@ -217,6 +217,10 @@ $input-inline-start: map.get($input-padding-horizontal, 'default') !default;
       #{getCssVarName('input-icon-color')},
       map.get($input, 'icon-color')
     );
+
+    .#{$namespace}-input__icon {
+      height: inherit;
+    }
   }
 
   @include e(caret) {