feat(components): [select, select-v2] add loading class to validateIc…

…on (#19379) fix(components): [select, select-v2] add loading class to validateIcon
element-plus · Jan 2, 2025 · 6bc4544 · 6bc4544
1 parent 1ca9d9c
commit 6bc4544
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/packages/components/select-v2/src/select.vue b/packages/components/select-v2/src/select.vue
@@ -230,7 +230,11 @@
             </el-icon>
             <el-icon
               v-if="validateState && validateIcon && needStatusIcon"
-              :class="[nsInput.e('icon'), nsInput.e('validateIcon')]"
+              :class="[
+                nsInput.e('icon'),
+                nsInput.e('validateIcon'),
+                nsInput.is('loading', validateState === 'validating'),
+              ]"
             >
               <component :is="validateIcon" />
             </el-icon>

diff --git a/packages/components/select/src/select.vue b/packages/components/select/src/select.vue
@@ -230,7 +230,11 @@
             </el-icon>
             <el-icon
               v-if="validateState && validateIcon && needStatusIcon"
-              :class="[nsInput.e('icon'), nsInput.e('validateIcon')]"
+              :class="[
+                nsInput.e('icon'),
+                nsInput.e('validateIcon'),
+                nsInput.is('loading', validateState === 'validating'),
+              ]"
             >
               <component :is="validateIcon" />
             </el-icon>