11import React , { useMemo } from 'react' ;
22import type { RenderInputProps } from '../type' ;
3- import {
4- NumberDecrementStepper ,
5- NumberIncrementStepper ,
6- NumberInput ,
7- NumberInputField ,
8- NumberInputStepper
9- } from '@chakra-ui/react' ;
103import { useContextSelector } from 'use-context-selector' ;
114import { WorkflowContext } from '@/pages/app/detail/components/WorkflowComponents/context' ;
12- import MyIcon from '@fastgpt/web/components/common/Icon ' ;
5+ import MyNumberInput from '@fastgpt/web/components/common/Input/NumberInput ' ;
136
147const NumberInputRender = ( { item, nodeId } : RenderInputProps ) => {
158 const onChangeNode = useContextSelector ( WorkflowContext , ( v ) => v . onChangeNode ) ;
169
1710 const Render = useMemo ( ( ) => {
1811 return (
19- < NumberInput
20- defaultValue = { item . value }
12+ < MyNumberInput
13+ value = { item . value }
2114 min = { item . min }
2215 max = { item . max }
2316 bg = { 'white' }
@@ -29,38 +22,11 @@ const NumberInputRender = ({ item, nodeId }: RenderInputProps) => {
2922 key : item . key ,
3023 value : {
3124 ...item ,
32- value : Number ( e )
25+ value : e
3326 }
3427 } ) ;
3528 } }
36- >
37- < NumberInputField
38- bg = { 'white' }
39- px = { 3 }
40- rounded = { 'md' }
41- _hover = { {
42- borderColor : 'primary.500'
43- } }
44- />
45- < NumberInputStepper roundedTopRight = { 'none' } >
46- < NumberIncrementStepper
47- borderTopRightRadius = { 'sm !important' }
48- _hover = { {
49- bg : 'myGray.100'
50- } }
51- >
52- < MyIcon name = { 'core/chat/chevronUp' } width = { '12px' } />
53- </ NumberIncrementStepper >
54- < NumberDecrementStepper
55- borderBottomRightRadius = { 'sm !important' }
56- _hover = { {
57- bg : 'myGray.100'
58- } }
59- >
60- < MyIcon name = { 'core/chat/chevronDown' } width = { '12px' } />
61- </ NumberDecrementStepper >
62- </ NumberInputStepper >
63- </ NumberInput >
29+ />
6430 ) ;
6531 } , [ item , nodeId , onChangeNode ] ) ;
6632
0 commit comments