Merge pull request #1509 from PDieE/feat/RangeInput-icon

fix(rangeInput): 修正`RangeInput`右侧图标没有居中对齐的问题
Tencent · Aug 25, 2022 · 85fb053 · 85fb053
2 parents e0c27a4 + 0d4fcc0
commit 85fb053
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
@@ -108,6 +108,8 @@ export default defineComponent({
             [SIZE.value[props.size]]: props.size !== 'medium',
             [STATUS.value.disabled]: disabled.value,
             [STATUS.value.focused]: focused.value,
+            [`${COMPONENT_NAME.value}--prefix`]: prefixIconContent || labelContent,
+            [`${COMPONENT_NAME.value}--suffix`]: suffixContent || suffixIconContent,
           },
         ]}
         onMouseenter={handleMouseEnter}

diff --git a/test/snap/__snapshots__/csr.test.js.snap b/test/snap/__snapshots__/csr.test.js.snap
@@ -39346,7 +39346,7 @@ exports[`csr snapshot test > csr test ./examples/date-picker/demos/date-presets-
       >
 
         <div
-          class="t-range-input"
+          class="t-range-input t-range-input--suffix"
         >
           <div
             class="t-range-input__inner"
@@ -39440,7 +39440,7 @@ exports[`csr snapshot test > csr test ./examples/date-picker/demos/date-presets-
       >
 
         <div
-          class="t-range-input"
+          class="t-range-input t-range-input--suffix"
         >
           <div
             class="t-range-input__inner"
@@ -39544,7 +39544,7 @@ exports[`csr snapshot test > csr test ./examples/date-picker/demos/date-range.vu
       >
 
         <div
-          class="t-range-input"
+          class="t-range-input t-range-input--suffix"
         >
           <div
             class="t-range-input__inner"
@@ -39634,7 +39634,7 @@ exports[`csr snapshot test > csr test ./examples/date-picker/demos/date-range.vu
       >
 
         <div
-          class="t-range-input"
+          class="t-range-input t-range-input--suffix"
         >
           <div
             class="t-range-input__inner"
@@ -40146,7 +40146,7 @@ exports[`csr snapshot test > csr test ./examples/date-picker/demos/disable-date.
       >
 
         <div
-          class="t-range-input"
+          class="t-range-input t-range-input--suffix"
         >
           <div
             class="t-range-input__inner"
@@ -40547,7 +40547,7 @@ exports[`csr snapshot test > csr test ./examples/date-picker/demos/month.vue 1`]
       >
 
         <div
-          class="t-range-input"
+          class="t-range-input t-range-input--suffix"
         >
           <div
             class="t-range-input__inner"
@@ -44329,7 +44329,7 @@ exports[`csr snapshot test > csr test ./examples/date-picker/demos/quarter.vue 1
       >
 
         <div
-          class="t-range-input"
+          class="t-range-input t-range-input--suffix"
         >
           <div
             class="t-range-input__inner"
@@ -44485,7 +44485,7 @@ exports[`csr snapshot test > csr test ./examples/date-picker/demos/week.vue 1`]
       >
 
         <div
-          class="t-range-input"
+          class="t-range-input t-range-input--suffix"
         >
           <div
             class="t-range-input__inner"
@@ -44641,7 +44641,7 @@ exports[`csr snapshot test > csr test ./examples/date-picker/demos/year.vue 1`]
       >
 
         <div
-          class="t-range-input"
+          class="t-range-input t-range-input--suffix"
         >
           <div
             class="t-range-input__inner"
@@ -133080,7 +133080,7 @@ exports[`csr snapshot test > csr test ./examples/time-picker/demos/range.vue 1`]
     >
 
       <div
-        class="t-range-input t-time-range-picker__group"
+        class="t-range-input t-range-input--suffix t-time-range-picker__group"
       >
         <div
           class="t-range-input__inner"