@@ -11,11 +11,12 @@ import {
1111 Input as TaroInput ,
1212 InputProps ,
1313 View ,
14+ Text ,
1415} from '@tarojs/components'
1516import { Minus , Plus } from '@nutui/icons-react-taro'
1617import { usePropsValue } from '@/utils/use-props-value'
1718import { BasicComponent , ComponentDefaults } from '@/utils/typings'
18- import { harmonyAndRn } from '@/utils/platform-taro'
19+ import { harmony , harmonyAndRn , rn } from '@/utils/platform-taro'
1920
2021export interface InputNumberProps extends BasicComponent {
2122 value : number | string
@@ -90,6 +91,8 @@ export const InputNumber: FunctionComponent<
9091 ...props ,
9192 }
9293 const isRnAndHarmony = harmonyAndRn ( )
94+ const isRn = rn ( )
95+ const isHarmony = harmony ( )
9396 const classes = classNames ( classPrefix , className )
9497 const [ focused , setFocused ] = useState ( false )
9598 const inputRef = useRef < HTMLInputElement > ( null )
@@ -250,16 +253,31 @@ export const InputNumber: FunctionComponent<
250253 return (
251254 < View className = { classes } style = { style } >
252255 < View className = { `${ classPrefix } -minus` } onClick = { handleReduce } >
253- < Minus
254- className = { classNames (
255- `${ classPrefix } -icon ${ classPrefix } -icon-minus` ,
256- {
257- [ `${ classPrefix } -icon-disabled` ] : shadowValue === min || disabled ,
258- }
259- ) }
260- />
256+ { isRnAndHarmony ? (
257+ < Text
258+ className = { classNames (
259+ `${ classPrefix } -icon ${ classPrefix } -icon-minus` ,
260+ {
261+ [ `${ classPrefix } -icon-disabled` ] :
262+ shadowValue === min || disabled ,
263+ }
264+ ) }
265+ >
266+ -
267+ </ Text >
268+ ) : (
269+ < Minus
270+ className = { classNames (
271+ `${ classPrefix } -icon ${ classPrefix } -icon-minus` ,
272+ {
273+ [ `${ classPrefix } -icon-disabled` ] :
274+ shadowValue === min || disabled ,
275+ }
276+ ) }
277+ />
278+ ) }
261279 </ View >
262- { isRnAndHarmony ? (
280+ { isRn ? (
263281 < TaroInput
264282 className = { classNames ( `${ classPrefix } -input` , {
265283 [ `${ classPrefix } -input-disabled` ] : disabled ,
@@ -290,14 +308,29 @@ export const InputNumber: FunctionComponent<
290308 ) }
291309
292310 < View className = { `${ classPrefix } -add` } onClick = { handlePlus } >
293- < Plus
294- className = { classNames (
295- `${ classPrefix } -icon ${ classPrefix } -icon-plus` ,
296- {
297- [ `${ classPrefix } -icon-disabled` ] : shadowValue === max || disabled ,
298- }
299- ) }
300- />
311+ { isRnAndHarmony ? (
312+ < Text
313+ className = { classNames (
314+ `${ classPrefix } -icon ${ classPrefix } -icon-plus` ,
315+ {
316+ [ `${ classPrefix } -icon-disabled` ] :
317+ shadowValue === max || disabled ,
318+ }
319+ ) }
320+ >
321+ +
322+ </ Text >
323+ ) : (
324+ < Plus
325+ className = { classNames (
326+ `${ classPrefix } -icon ${ classPrefix } -icon-plus` ,
327+ {
328+ [ `${ classPrefix } -icon-disabled` ] :
329+ shadowValue === max || disabled ,
330+ }
331+ ) }
332+ />
333+ ) }
301334 </ View >
302335 </ View >
303336 )
0 commit comments