购物车添加数量组件

src/components/counter/index.tsx

@@ -11,12 +11,14 @@ type params = {
     onChange?:(val:number) => void, 
     onBlue?:(val:number) => void, //失去焦点触发
     onClickBtn?:(val:number) => void, 
-    unit?: string
+    unit?: string,
+    disable?: true|false, //是否禁用
 }
-export default ({minNum = 0, maxNum = 10000, step=1, digits = 0, defaultNum = 0, onChange, onBlue, onClickBtn, unit = ''}: params) => {
+export default ({minNum = 0, maxNum = 10000, step=1, digits = 0, defaultNum = 0, onChange, onBlue, onClickBtn, unit = '', disable = false}: params) => {
     const [value, setValue] = useState<any>({count:defaultNum})
 
     const onPlus = () => {
+        if(disable) return false
         let {count} = value
         let num_res = Big(count).add(step).toNumber()
         num_res = num_res >= maxNum?maxNum:num_res
@@ -26,6 +28,7 @@ export default ({minNum = 0, maxNum = 10000, step=1, digits = 0, defaultNum = 0,
         onClickBtn?.(parseFloat(num_res))
     }
     const minus = () => {
+        if(disable) return false
         let {count} = value
         let num_res = Big(count).minus(step).toNumber()
         num_res = num_res < minNum?minNum:num_res
@@ -102,6 +105,7 @@ export default ({minNum = 0, maxNum = 10000, step=1, digits = 0, defaultNum = 0,
                     onInput={onInputEven}
                     onBlur={onBluerEven}
                     type='digit'
+                    disabled={disable}
                 />
                 <View className={styles.unit}>{unit}</View>
             </View>