acud 1.2.17 → 1.2.18

package/es/input-number/src/InputNumber.js

@@ -2,20 +2,14 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 import * as React from 'react';
 import classNames from 'classnames';
 import KeyCode from "rc-util/es/KeyCode";
@@ -37,77 +31,68 @@ import useFrame from './hooks/useFrame';
  *    III. if min > 0, round up with precision. Example: min= 3.5, precision=0  afterFormat: 4
  *    IV. if min < 0, round down with precision. Example: max= -3.5, precision=0  afterFormat: -3
  */
-
 var getDecimalValue = function getDecimalValue(stringMode, decimalValue) {
   if (stringMode || decimalValue.isEmpty()) {
     return decimalValue.toString();
   }
-
   return decimalValue.toNumber();
 };
-
 var getDecimalIfValidate = function getDecimalIfValidate(value) {
   var decimal = getMiniDecimal(value);
   return decimal.isInvalidate() ? null : decimal;
 };
-
 var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _classNames;
-
   var _props$prefixCls = props.prefixCls,
-      prefixCls = _props$prefixCls === void 0 ? 'rc-input-number' : _props$prefixCls,
-      className = props.className,
-      style = props.style,
-      min = props.min,
-      max = props.max,
-      _props$step = props.step,
-      step = _props$step === void 0 ? 1 : _props$step,
-      defaultValue = props.defaultValue,
-      value = props.value,
-      disabled = props.disabled,
-      readOnly = props.readOnly,
-      upHandler = props.upHandler,
-      downHandler = props.downHandler,
-      keyboard = props.keyboard,
-      symmetryMode = props.symmetryMode,
-      _props$controls = props.controls,
-      controls = _props$controls === void 0 ? true : _props$controls,
-      stringMode = props.stringMode,
-      parser = props.parser,
-      formatter = props.formatter,
-      precision = props.precision,
-      decimalSeparator = props.decimalSeparator,
-      onChange = props.onChange,
-      onInput = props.onInput,
-      onPressEnter = props.onPressEnter,
-      onStep = props.onStep,
-      inputProps = __rest(props, ["prefixCls", "className", "style", "min", "max", "step", "defaultValue", "value", "disabled", "readOnly", "upHandler", "downHandler", "keyboard", "symmetryMode", "controls", "stringMode", "parser", "formatter", "precision", "decimalSeparator", "onChange", "onInput", "onPressEnter", "onStep"]);
-
+    prefixCls = _props$prefixCls === void 0 ? 'rc-input-number' : _props$prefixCls,
+    className = props.className,
+    style = props.style,
+    min = props.min,
+    max = props.max,
+    _props$step = props.step,
+    step = _props$step === void 0 ? 1 : _props$step,
+    defaultValue = props.defaultValue,
+    value = props.value,
+    disabled = props.disabled,
+    readOnly = props.readOnly,
+    upHandler = props.upHandler,
+    downHandler = props.downHandler,
+    keyboard = props.keyboard,
+    symmetryMode = props.symmetryMode,
+    _props$controls = props.controls,
+    controls = _props$controls === void 0 ? true : _props$controls,
+    stringMode = props.stringMode,
+    parser = props.parser,
+    formatter = props.formatter,
+    precision = props.precision,
+    decimalSeparator = props.decimalSeparator,
+    onChange = props.onChange,
+    onInput = props.onInput,
+    onPressEnter = props.onPressEnter,
+    onStep = props.onStep,
+    inputProps = __rest(props, ["prefixCls", "className", "style", "min", "max", "step", "defaultValue", "value", "disabled", "readOnly", "upHandler", "downHandler", "keyboard", "symmetryMode", "controls", "stringMode", "parser", "formatter", "precision", "decimalSeparator", "onChange", "onInput", "onPressEnter", "onStep"]);
   var inputClassName = "".concat(prefixCls, "-input");
   var inputRef = React.useRef(null);
-
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      focus = _React$useState2[0],
-      setFocus = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    focus = _React$useState2[0],
+    setFocus = _React$useState2[1];
   var userTypingRef = React.useRef(false);
-  var compositionRef = React.useRef(false); // ============================ Value =============================
+  var compositionRef = React.useRef(false);
+  // ============================ Value =============================
   // Real value control
-
   var _React$useState3 = React.useState(function () {
-    return getMiniDecimal(value !== null && value !== void 0 ? value : defaultValue);
-  }),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      decimalValue = _React$useState4[0],
-      setDecimalValue = _React$useState4[1];
-
+      return getMiniDecimal(value !== null && value !== void 0 ? value : defaultValue);
+    }),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    decimalValue = _React$useState4[0],
+    setDecimalValue = _React$useState4[1];
   function setUncontrolledDecimalValue(newDecimal) {
     if (value === undefined) {
       setDecimalValue(newDecimal);
     }
-  } // ====================== Parser & Formatter ======================
-
+  }
+  // ====================== Parser & Formatter ======================
   /**
    * `precision` is used for formatter & onChange.
    * It will auto generate by `value` & `step`.
@@ -119,37 +104,29 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
    * @param number  Provide which number should calculate precision
    * @param userTyping  Change by user typing
    */
-
-
   var getPrecision = React.useCallback(function (numStr, userTyping) {
     if (userTyping) {
       return undefined;
     }
-
     if (precision >= 0) {
       return precision;
     }
-
     return Math.max(getNumberPrecision(numStr), getNumberPrecision(step));
-  }, [precision, step]); // >>> Parser
-
+  }, [precision, step]);
+  // >>> Parser
   var mergedParser = React.useCallback(function (num) {
     var numStr = String(num);
-
     if (parser) {
       return parser(numStr);
     }
-
     var parsedStr = numStr;
-
     if (decimalSeparator) {
       parsedStr = parsedStr.replace(decimalSeparator, '.');
-    } // [Legacy] We still support auto convert `$ 123,456` to `123456`
-
-
+    }
+    // [Legacy] We still support auto convert `$ 123,456` to `123456`
     return parsedStr.replace(/[^\w.-]+/g, '');
-  }, [parser, decimalSeparator]); // >>> Formatter
-
+  }, [parser, decimalSeparator]);
+  // >>> Formatter
   var inputValueRef = React.useRef('');
   var mergedFormatter = React.useCallback(function (number, userTyping) {
     if (formatter) {
@@ -158,22 +135,19 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
         input: String(inputValueRef.current)
       });
     }
-
-    var str = typeof number === 'number' ? num2str(number) : number; // User typing will not auto format with precision directly
-
+    var str = typeof number === 'number' ? num2str(number) : number;
+    // User typing will not auto format with precision directly
     if (!userTyping) {
       var mergedPrecision = getPrecision(str, userTyping);
-
       if (validateNumber(str) && (decimalSeparator || mergedPrecision >= 0)) {
         // Separator
         var separatorStr = decimalSeparator || '.';
         str = toFixed(str, separatorStr, mergedPrecision);
       }
     }
-
     return str;
-  }, [formatter, getPrecision, decimalSeparator]); // ========================== InputValue ==========================
-
+  }, [formatter, getPrecision, decimalSeparator]);
+  // ========================== InputValue ==========================
   /**
    * Input text value control
    *
@@ -183,30 +157,26 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
    *  2. User typing with format (not precision)
    *  3. Blur or Enter trigger revalidate
    */
-
   var _React$useState5 = React.useState(function () {
-    var initValue = defaultValue !== null && defaultValue !== void 0 ? defaultValue : value;
-
-    if (decimalValue.isInvalidate() && ['string', 'number'].includes(_typeof(initValue))) {
-      return Number.isNaN(initValue) ? '' : initValue;
-    }
-
-    return mergedFormatter(decimalValue.toString(), false);
-  }),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      inputValue = _React$useState6[0],
-      setInternalInputValue = _React$useState6[1];
-
-  inputValueRef.current = inputValue; // Should always be string
-
+      var initValue = defaultValue !== null && defaultValue !== void 0 ? defaultValue : value;
+      if (decimalValue.isInvalidate() && ['string', 'number'].includes(_typeof(initValue))) {
+        return Number.isNaN(initValue) ? '' : initValue;
+      }
+      return mergedFormatter(decimalValue.toString(), false);
+    }),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    inputValue = _React$useState6[0],
+    setInternalInputValue = _React$useState6[1];
+  inputValueRef.current = inputValue;
+  // Should always be string
   function setInputValue(newValue, userTyping) {
-    setInternalInputValue(mergedFormatter( // Invalidate number is sometime passed by external control, we should let it go
+    setInternalInputValue(mergedFormatter(
+    // Invalidate number is sometime passed by external control, we should let it go
     // Otherwise is controlled by internal interactive logic which check by userTyping
     // You can ref 'show limited value when input is not focused' test for more info.
     newValue.isInvalidate() ? newValue.toString(false) : newValue.toString(!userTyping), userTyping));
-  } // >>> Max & Min limit
-
-
+  }
+  // >>> Max & Min limit
   var maxDecimal = React.useMemo(function () {
     return getDecimalIfValidate(max);
   }, [max]);
@@ -217,22 +187,20 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (!maxDecimal || !decimalValue || decimalValue.isInvalidate()) {
       return false;
     }
-
     return maxDecimal.lessEquals(decimalValue);
   }, [maxDecimal, decimalValue]);
   var downDisabled = React.useMemo(function () {
     if (!minDecimal || !decimalValue || decimalValue.isInvalidate()) {
       return false;
     }
-
     return decimalValue.lessEquals(minDecimal);
-  }, [minDecimal, decimalValue]); // Cursor controller
-
+  }, [minDecimal, decimalValue]);
+  // Cursor controller
   var _useCursor = useCursor(inputRef.current, focus),
-      _useCursor2 = _slicedToArray(_useCursor, 2),
-      recordCursor = _useCursor2[0],
-      restoreCursor = _useCursor2[1]; // ============================= Data =============================
-
+    _useCursor2 = _slicedToArray(_useCursor, 2),
+    recordCursor = _useCursor2[0],
+    restoreCursor = _useCursor2[1];
+  // ============================= Data =============================
   /**
    * Find target value closet within range.
    * e.g. [11, 28]:
@@ -240,26 +208,20 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
    *    23 => 23
    *    99 => 28
    */
-
-
   var getRangeValue = function getRangeValue(target) {
     // target > max
     if (maxDecimal && !target.lessEquals(maxDecimal)) {
       return maxDecimal;
-    } // target < min
-
-
+    }
+    // target < min
     if (minDecimal && !minDecimal.lessEquals(target)) {
       return minDecimal;
     }
-
     return null;
   };
   /**
    * Check value is in [min, max] range
    */
-
-
   var isInRange = function isInRange(target) {
     return !getRangeValue(target);
   };
@@ -267,111 +229,91 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
    * Trigger `onChange` if value validated and not equals of origin.
    * Return the value that re-align in range.
    */
-
-
   var triggerValueUpdate = function triggerValueUpdate(newValue, userTyping) {
     var updateValue = newValue;
-    var isRangeValidate = isInRange(updateValue) || updateValue.isEmpty(); // Skip align value when trigger value is empty.
+    var isRangeValidate = isInRange(updateValue) || updateValue.isEmpty();
+    // Skip align value when trigger value is empty.
     // We just trigger onChange(null)
     // This should not block user typing
-
     if (!updateValue.isEmpty() && !userTyping) {
       // Revert value in range if needed
       updateValue = getRangeValue(updateValue) || updateValue;
       isRangeValidate = true;
     }
-
     if (!readOnly && !disabled && isRangeValidate) {
       var numStr = updateValue.toString();
       var mergedPrecision = getPrecision(numStr, userTyping);
-
       if (mergedPrecision >= 0) {
         updateValue = getMiniDecimal(toFixed(numStr, '.', mergedPrecision));
-      } // Trigger event
-
-
+      }
+      // Trigger event
       if (!updateValue.equals(decimalValue)) {
         setUncontrolledDecimalValue(updateValue);
-        onChange === null || onChange === void 0 ? void 0 : onChange(updateValue.isEmpty() ? null : getDecimalValue(stringMode, updateValue)); // Reformat input if value is not controlled
-
+        onChange === null || onChange === void 0 ? void 0 : onChange(updateValue.isEmpty() ? null : getDecimalValue(stringMode, updateValue));
+        // Reformat input if value is not controlled
         if (value === undefined) {
           setInputValue(updateValue, userTyping);
         }
       }
-
       return updateValue;
     }
-
     return decimalValue;
-  }; // ========================== User Input ==========================
-
-
-  var onNextPromise = useFrame(); // >>> Collect input value
-
+  };
+  // ========================== User Input ==========================
+  var onNextPromise = useFrame();
+  // >>> Collect input value
   var collectInputValue = function collectInputValue(inputStr) {
-    recordCursor(); // Update inputValue incase input can not parse as number
-
-    setInternalInputValue(inputStr); // Parse number
-
+    recordCursor();
+    // Update inputValue incase input can not parse as number
+    setInternalInputValue(inputStr);
+    // Parse number
     if (!compositionRef.current) {
       var finalValue = mergedParser(inputStr);
       var finalDecimal = getMiniDecimal(finalValue);
-
       if (!finalDecimal.isNaN()) {
         triggerValueUpdate(finalDecimal, true);
       }
-    } // Trigger onInput later to let user customize value if they want do handle something after onChange
-
-
-    onInput === null || onInput === void 0 ? void 0 : onInput(inputStr); // optimize for chinese input experience
+    }
+    // Trigger onInput later to let user customize value if they want do handle something after onChange
+    onInput === null || onInput === void 0 ? void 0 : onInput(inputStr);
+    // optimize for chinese input experience
     // https://github.com/ant-design/ant-design/issues/8196
-
     onNextPromise(function () {
       var nextInputStr = inputStr;
-
       if (!parser) {
         nextInputStr = inputStr.replace(/。/g, '.');
       }
-
       if (nextInputStr !== inputStr) {
         collectInputValue(nextInputStr);
       }
     });
-  }; // >>> Composition
-
-
+  };
+  // >>> Composition
   var onCompositionStart = function onCompositionStart() {
     compositionRef.current = true;
   };
-
   var onCompositionEnd = function onCompositionEnd() {
     compositionRef.current = false;
     collectInputValue(inputRef.current.value);
-  }; // >>> Input
-
-
+  };
+  // >>> Input
   var onInternalInput = function onInternalInput(e) {
     collectInputValue(e.target.value);
-  }; // ============================= Step =============================
-
-
+  };
+  // ============================= Step =============================
   var onInternalStep = function onInternalStep(up) {
-    var _a; // Ignore step since out of range
-
-
+    var _a;
+    // Ignore step since out of range
     if (up && upDisabled || !up && downDisabled) {
       return;
-    } // Clear typing status since it may caused by up & down key.
+    }
+    // Clear typing status since it may caused by up & down key.
     // We should sync with input value.
-
-
     userTypingRef.current = false;
     var stepDecimal = getMiniDecimal(step);
-
     if (!up) {
       stepDecimal = stepDecimal.negate();
     }
-
     var target = (decimalValue || getMiniDecimal(0)).add(stepDecimal.toString());
     var updatedValue = triggerValueUpdate(target, false);
     onStep === null || onStep === void 0 ? void 0 : onStep(getDecimalValue(stringMode, updatedValue), {
@@ -379,17 +321,14 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
       type: up ? 'up' : 'down'
     });
     (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-  }; // ============================ Flush =============================
-
+  };
+  // ============================ Flush =============================
   /**
    * Flush current input content to trigger value change & re-formatter input if needed
    */
-
-
   var flushInputValue = function flushInputValue(userTyping) {
     var parsedValue = getMiniDecimal(mergedParser(inputValue));
     var formatValue = parsedValue;
-
     if (!parsedValue.isNaN()) {
       // Only validate value or empty value can be re-fill to inputValue
       // Reassign the formatValue within ranged of trigger control
@@ -397,7 +336,6 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
     } else {
       formatValue = decimalValue;
     }
-
     if (value !== undefined) {
       // Reset back with controlled value first
       setInputValue(decimalValue, false);
@@ -406,68 +344,60 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
       setInputValue(formatValue, false);
     }
   };
-
   var onKeyDown = function onKeyDown(event) {
     var which = event.which;
     userTypingRef.current = true;
-
     if (which === KeyCode.ENTER) {
       if (!compositionRef.current) {
         userTypingRef.current = false;
       }
-
       flushInputValue(false);
       onPressEnter === null || onPressEnter === void 0 ? void 0 : onPressEnter(event);
     }
-
     if (keyboard === false) {
       return;
-    } // Do step
-
-
+    }
+    // Do step
     if (!compositionRef.current && [KeyCode.UP, KeyCode.DOWN].includes(which)) {
       onInternalStep(KeyCode.UP === which);
       event.preventDefault();
     }
   };
-
   var onKeyUp = function onKeyUp() {
     userTypingRef.current = false;
-  }; // >>> Focus & Blur
-
-
+  };
+  // >>> Focus & Blur
   var onBlur = function onBlur() {
     flushInputValue(false);
     setFocus(false);
     userTypingRef.current = false;
-  }; // ========================== Controlled ==========================
+  };
+  // ========================== Controlled ==========================
   // Input by precision
-
-
   useUpdateEffect(function () {
     if (!decimalValue.isInvalidate()) {
       setInputValue(decimalValue, false);
     }
-  }, [precision]); // Input by value
-
+  }, [precision]);
+  // Input by value
   useUpdateEffect(function () {
     var newValue = getMiniDecimal(value);
     setDecimalValue(newValue);
-    var currentParsedValue = getMiniDecimal(mergedParser(inputValue)); // When user typing from `1.2` to `1.`, we should not convert to `1` immediately.
+    var currentParsedValue = getMiniDecimal(mergedParser(inputValue));
+    // When user typing from `1.2` to `1.`, we should not convert to `1` immediately.
     // But let it go if user set `formatter`
-
     if (!newValue.equals(currentParsedValue) || !userTypingRef.current || formatter) {
       // Update value as effect
       setInputValue(newValue, userTypingRef.current);
     }
-  }, [value]); // ============================ Cursor ============================
-
+  }, [value]);
+  // ============================ Cursor ============================
   useUpdateEffect(function () {
     if (formatter) {
       restoreCursor();
     }
-  }, [inputValue]); // ============================ Render ============================
-
+  }, [inputValue]);
+  // ============================ Render ============================
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(prefixCls, className, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-focused"), focus), _defineProperty(_classNames, "".concat(prefixCls, "-disabled"), disabled), _defineProperty(_classNames, "".concat(prefixCls, "-readonly"), readOnly), _defineProperty(_classNames, "".concat(prefixCls, "-not-a-number"), decimalValue.isNaN()), _defineProperty(_classNames, "".concat(prefixCls, "-out-of-range"), !decimalValue.isInvalidate() && !isInRange(decimalValue)), _classNames)),
     style: style,

package/es/input-number/src/StepHandler.d.ts

@@ -8,4 +8,4 @@ export interface StepHandlerProps {
     symmetryMode?: boolean;
     onStep: (up: boolean) => void;
 }
-export default function StepHandler({ prefixCls, upNode, downNode, upDisabled, downDisabled, symmetryMode, onStep }: StepHandlerProps): JSX.Element;
+export default function StepHandler({ prefixCls, upNode, downNode, upDisabled, downDisabled, symmetryMode, onStep }: StepHandlerProps): React.JSX.Element;

package/es/input-number/src/StepHandler.js

@@ -6,51 +6,45 @@ import isMobile from "rc-util/es/isMobile";
 /**
  * When click and hold on a button - the speed of auto changing the value.
  */
-
 var STEP_INTERVAL = 200;
 /**
  * When click and hold on a button - the delay before auto changing the value.
  */
-
 var STEP_DELAY = 600;
 export default function StepHandler(_ref) {
   var prefixCls = _ref.prefixCls,
-      upNode = _ref.upNode,
-      downNode = _ref.downNode,
-      upDisabled = _ref.upDisabled,
-      downDisabled = _ref.downDisabled,
-      symmetryMode = _ref.symmetryMode,
-      onStep = _ref.onStep;
+    upNode = _ref.upNode,
+    downNode = _ref.downNode,
+    upDisabled = _ref.upDisabled,
+    downDisabled = _ref.downDisabled,
+    symmetryMode = _ref.symmetryMode,
+    onStep = _ref.onStep;
   // ======================== Step ========================
   var stepTimeoutRef = React.useRef();
   var onStepRef = React.useRef();
-  onStepRef.current = onStep; // We will interval update step when hold mouse down
-
+  onStepRef.current = onStep;
+  // We will interval update step when hold mouse down
   var onStepMouseDown = function onStepMouseDown(e, up) {
     e.preventDefault();
-    onStepRef.current(up); // Loop step for interval
-
+    onStepRef.current(up);
+    // Loop step for interval
     function loopStep() {
       onStepRef.current(up);
       stepTimeoutRef.current = setTimeout(loopStep, STEP_INTERVAL);
-    } // First time press will wait some time to trigger loop step update
-
-
+    }
+    // First time press will wait some time to trigger loop step update
     stepTimeoutRef.current = setTimeout(loopStep, STEP_DELAY);
   };
-
   var onStopStep = function onStopStep() {
     clearTimeout(stepTimeoutRef.current);
   };
-
   React.useEffect(function () {
     return onStopStep;
-  }, []); // ======================= Render =======================
-
+  }, []);
+  // ======================= Render =======================
   if (isMobile()) {
     return null;
   }
-
   var handlerClassName = "".concat(prefixCls, "-handler");
   var upClassName = classNames(handlerClassName, "".concat(handlerClassName, "-up"), _defineProperty({}, "".concat(handlerClassName, "-up-disabled"), upDisabled));
   var downClassName = classNames(handlerClassName, "".concat(handlerClassName, "-down"), _defineProperty({}, "".concat(handlerClassName, "-down-disabled"), downDisabled));
@@ -81,11 +75,9 @@ export default function StepHandler(_ref) {
     unselectable: "on",
     className: "".concat(prefixCls, "-handler-down-inner")
   })));
-
   if (symmetryMode) {
     return handlerContent;
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(handlerClassName, "-wrap")
   }, handlerContent);