From 39ac0b5a0d7d3d8f9c5b48c2b03bbc38877464f7 Mon Sep 17 00:00:00 2001
From: btea <2356281422@qq.com>
Date: Sat, 15 Jun 2024 12:40:06 +0800
Subject: [PATCH] fix(components): [input] class bind error corresponding to
 dynamic slot (#17194)

---
 packages/components/input/src/input.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/components/input/src/input.vue b/packages/components/input/src/input.vue
index 6ae622a24a..ad52c1b6ce 100644
--- a/packages/components/input/src/input.vue
+++ b/packages/components/input/src/input.vue
@@ -1,7 +1,13 @@
 <template>
   <div
     v-bind="containerAttrs"
-    :class="containerKls"
+    :class="[
+      containerKls,
+      {
+        [nsInput.bm('group', 'append')]: $slots.append,
+        [nsInput.bm('group', 'prepend')]: $slots.prepend,
+      },
+    ]"
     :style="containerStyle"
     :role="containerRole"
     @mouseenter="handleMouseEnter"
@@ -216,8 +222,6 @@ const containerKls = computed(() => [
   nsInput.is('exceed', inputExceed.value),
   {
     [nsInput.b('group')]: slots.prepend || slots.append,
-    [nsInput.bm('group', 'append')]: slots.append,
-    [nsInput.bm('group', 'prepend')]: slots.prepend,
     [nsInput.m('prefix')]: slots.prefix || props.prefixIcon,
     [nsInput.m('suffix')]:
       slots.suffix || props.suffixIcon || props.clearable || props.showPassword,