Merge pull request #144 from novlan1/feature/slider-input

feat(slider): 与input联动
TDesignOteam · Sep 26, 2024 · 2b51413 · 2b51413
2 parents 9827b40 + e8a2753
commit 2b51413
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/slider/slider-button.tsx b/src/slider/slider-button.tsx
@@ -307,6 +307,7 @@ export default class SliderButton extends Component<SliderButtonProps> {
           strategy="absolute"
           content={this.getTooltipContent()}
           visible={props.label && this.visible.value}
+          style={{ height: '100%' }}
         >
           <div className={classname(`${this.className}`, { [`${this.className}--dragging`]: this.dragging.value })} />
         </t-tooltip>

diff --git a/src/slider/slider.tsx b/src/slider/slider.tsx
@@ -327,7 +327,7 @@ export default class Slider extends Component<SliderProps> {
         {
           <t-input-number
             class={sliderNumberClass}
-            value={range ? this.firstValue : this.prevValue}
+            value={range ? this.firstValue.value : this.prevValue.value}
             ref={this.leftInputRef}
             step={this.props.step}
             onChange={(v: number) => {
@@ -343,13 +343,16 @@ export default class Slider extends Component<SliderProps> {
         {range && (
           <t-input-number
             className={sliderNumberClass}
-            value={this.secondValue}
+            value={this.secondValue.value}
             ref={this.rightInputRef}
             step={this.props.step}
             disabled={this.props.disabled}
             min={min}
             max={max}
             props={this.calcInputNumberProps}
+            onChange={(v: number) => {
+              this.secondValue.value = v;
+            }}
           />
         )}
       </div>