fix(range-input): 修复 prefix/suffix 内容未应用居中样式的问题 (#3175)

* fix(range-input): add missing classes to fix unexpected align of prefix/suffix in component * test(range-input): update snapshots for range-input and related components
Tencent · May 16, 2024 · 96d023c · 96d023c
1 parent 6a41eca
commit 96d023c
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 18 deletions.
diff --git a/src/range-input/range-input.tsx b/src/range-input/range-input.tsx
@@ -163,6 +163,8 @@ export default defineComponent({
             [STATUS.success]: this.status === 'success',
             [STATUS.warning]: this.status === 'warning',
             [STATUS.error]: this.status === 'error',
+            [`${COMPONENT_NAME}--prefix`]: prefixIconContent || labelContent,
+            [`${COMPONENT_NAME}--suffix`]: suffixIconContent || suffixContent,
           },
         ]}
         onMouseenter={handleMouseEnter}

diff --git a/test/snap/__snapshots__/csr.test.js.snap b/test/snap/__snapshots__/csr.test.js.snap
@@ -39146,7 +39146,7 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/date-presets-al
         class="t-range-input-popup"
       >
         <div
-          class="t-range-input"
+          class="t-range-input t-range-input--suffix"
         >
           <div
             class="t-range-input__inner"
@@ -39219,7 +39219,7 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/date-presets-al
         class="t-range-input-popup"
       >
         <div
-          class="t-range-input"
+          class="t-range-input t-range-input--suffix"
         >
           <div
             class="t-range-input__inner"
@@ -39300,7 +39300,7 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/date-range.vue
         class="t-range-input-popup"
       >
         <div
-          class="t-range-input"
+          class="t-range-input t-range-input--suffix"
         >
           <div
             class="t-range-input__inner"
@@ -39371,7 +39371,7 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/date-range.vue
         class="t-range-input-popup"
       >
         <div
-          class="t-range-input"
+          class="t-range-input t-range-input--suffix"
         >
           <div
             class="t-range-input__inner"
@@ -39785,7 +39785,7 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/disable-date.vu
         class="t-range-input-popup"
       >
         <div
-          class="t-range-input"
+          class="t-range-input t-range-input--suffix"
         >
           <div
             class="t-range-input__inner"
@@ -40119,7 +40119,7 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/month.vue 1`] =
         class="t-range-input-popup"
       >
         <div
-          class="t-range-input"
+          class="t-range-input t-range-input--suffix"
         >
           <div
             class="t-range-input__inner"
@@ -43399,7 +43399,7 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/quarter.vue 1`]
         class="t-range-input-popup"
       >
         <div
-          class="t-range-input"
+          class="t-range-input t-range-input--suffix"
         >
           <div
             class="t-range-input__inner"
@@ -43524,7 +43524,7 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/week.vue 1`] =
         class="t-range-input-popup"
       >
         <div
-          class="t-range-input"
+          class="t-range-input t-range-input--suffix"
         >
           <div
             class="t-range-input__inner"
@@ -43649,7 +43649,7 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/year.vue 1`] =
         class="t-range-input-popup"
       >
         <div
-          class="t-range-input"
+          class="t-range-input t-range-input--suffix"
         >
           <div
             class="t-range-input__inner"
@@ -108378,7 +108378,7 @@ exports[`csr snapshot test > csr test ./src/time-picker/_example/range.vue 1`] =
         class="t-range-input-popup"
       >
         <div
-          class="t-range-input"
+          class="t-range-input t-range-input--suffix"
         >
           <div
             class="t-range-input__inner"