From 23fc19c1df6ed480f1cb4a2e66ad56c3059f1ec9 Mon Sep 17 00:00:00 2001
From: novlan1 <1576271227@qq.com>
Date: Tue, 24 Sep 2024 19:04:09 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat(slider):=20=E4=B8=8Einput=E8=81=94?=
 =?UTF-8?q?=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/input-number/input-number.tsx | 20 +++++++++++++++++---
 src/slider/slider-button.tsx      |  1 +
 src/slider/slider.tsx             |  4 ++--
 3 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/input-number/input-number.tsx b/src/input-number/input-number.tsx
index 2aab8a5..f2e0635 100644
--- a/src/input-number/input-number.tsx
+++ b/src/input-number/input-number.tsx
@@ -6,15 +6,29 @@ import { Component, tag } from 'omi';
 import classname, { classPrefix } from '../_util/classname';
 
 export interface InputNumberProps {
-  align?: 'left' | 'center' | 'right';
+  value: number;
+  onChange: Function;
 }
 
 @tag('t-input-number')
-export default class InputNumber extends Component {
+export default class InputNumber extends Component<InputNumberProps> {
+  static defaultProps = {
+    value: 0,
+  };
+
+  static propTypes = {
+    value: Number,
+    onChange: Function,
+  };
+
+  private handleChange = (value) => {
+    this.props?.onChange?.(value);
+  };
+
   render(props) {
     return (
       <div className={classname(`${classPrefix}-input-number`, props.className)}>
-        <t-input />
+        <t-input value={props.value} onChange={this.handleChange} />
       </div>
     );
   }
diff --git a/src/slider/slider-button.tsx b/src/slider/slider-button.tsx
index 048366b..7a5074d 100644
--- 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
index f439f8e..9ccb555 100644
--- 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,7 +343,7 @@ 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}

From e8a2753f9fb400922655d86cf46fa7cd90e1f49a Mon Sep 17 00:00:00 2001
From: novlan1 <1576271227@qq.com>
Date: Wed, 25 Sep 2024 17:28:23 +0800
Subject: [PATCH 2/2] fix(slider): input number event

---
 src/slider/slider.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/slider/slider.tsx b/src/slider/slider.tsx
index 9ccb555..5c0f8c3 100644
--- a/src/slider/slider.tsx
+++ b/src/slider/slider.tsx
@@ -350,6 +350,9 @@ export default class Slider extends Component<SliderProps> {
             min={min}
             max={max}
             props={this.calcInputNumberProps}
+            onChange={(v: number) => {
+              this.secondValue.value = v;
+            }}
           />
         )}
       </div>