@nutui/nutui-react-taro 2.3.10 → 2.3.11-patch.0

package/dist/esm/inputnumber.taro-7QptygT3.js

@@ -1,197 +0,0 @@
-import React__default, { useRef, useEffect } from "react";
-import { Minus, Plus } from "@nutui/icons-react-taro";
-import classNames from "classnames";
-import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  disabled: false,
-  min: 1,
-  max: 9999,
-  readOnly: false,
-  allowEmpty: false,
-  defaultValue: 0,
-  step: 1,
-  digits: 0,
-  async: false
-};
-const classPrefix = `nut-inputnumber`;
-const InputNumber = (props) => {
-  const { children, disabled, min, max, readOnly, value, defaultValue, allowEmpty, digits, step, async, className, style, formatter, onPlus, onMinus, onOverlimit, onBlur, onFocus, onChange, ...restProps } = {
-    ...defaultProps,
-    ...props
-  };
-  const inputRef = useRef("");
-  const [_checked, setChecked] = usePropsValue({
-    value,
-    defaultValue
-  });
-  useEffect(() => {
-    if (formatter) {
-      if (_checked || _checked === 0) {
-        inputRef.current = formatter(_checked);
-        setChecked(formatter(_checked));
-      }
-    }
-  }, []);
-  const classes = classNames({
-    [`${classPrefix}`]: true,
-    [`${classPrefix}-disabled`]: disabled
-  }, className);
-  const styles = {
-    ...style
-  };
-  const addAllow = (value2 = _checked) => {
-    if (formatter) {
-      const numValue = String(value2).replace(/[^0-9|.]/gi, "");
-      return Number(numValue) < Number(max) && !disabled;
-    }
-    return Number(value2) < Number(max) && !disabled;
-  };
-  const reduceAllow = (value2 = _checked) => {
-    if (formatter) {
-      const numValue = String(value2).replace(/[^0-9|.]/gi, "");
-      return Number(numValue) > Number(min) && !disabled;
-    }
-    return Number(value2) > Number(min) && !disabled;
-  };
-  const iconMinusClasses = classNames("nut-inputnumber-icon icon-minus", {
-    "nut-inputnumber-icon-disabled": !reduceAllow()
-  });
-  const iconAddClasses = classNames("nut-inputnumber-icon icon-plus", {
-    "nut-inputnumber-icon-disabled": !addAllow()
-  });
-  const fixedDecimalPlaces = (v) => {
-    return Number(v).toFixed(Number(digits));
-  };
-  const emitChange = (value2, e) => {
-    const outputValue = fixedDecimalPlaces(value2);
-    onChange && onChange(outputValue, e);
-    if (!async) {
-      if (Number(outputValue) < Number(min)) {
-        formatter ? setChecked(formatter(Number(min))) : setChecked(Number(min));
-      } else if (Number(outputValue) > Number(max)) {
-        formatter ? setChecked(formatter(Number(max))) : setChecked(Number(max));
-      } else {
-        formatter ? setChecked(formatter(outputValue)) : setChecked(outputValue);
-      }
-    }
-  };
-  const reduceNumber = (e) => {
-    onMinus && onMinus(e);
-    if (reduceAllow()) {
-      if (formatter) {
-        const numValue = String(_checked).replace(/[^0-9|.]/gi, "");
-        const outputValue = Number(numValue) - Number(step);
-        inputRef.current = formatter(outputValue);
-        emitChange(outputValue, e);
-      } else {
-        const outputValue = Number(_checked) - Number(step);
-        emitChange(outputValue, e);
-      }
-    } else {
-      onOverlimit && onOverlimit(e);
-    }
-  };
-  const addNumber = (e) => {
-    onPlus && onPlus(e);
-    if (addAllow()) {
-      if (formatter) {
-        const numValue = String(_checked).replace(/[^0-9|.]/gi, "");
-        const outputValue = Number(numValue) + Number(step);
-        inputRef.current = formatter(outputValue);
-        emitChange(outputValue, e);
-      } else {
-        const outputValue = Number(_checked) + Number(step);
-        emitChange(outputValue, e);
-      }
-    } else {
-      onOverlimit && onOverlimit(e);
-    }
-  };
-  const changeValue = (e) => {
-    const input = e.target;
-    onChange && onChange(input.value, e);
-    if (!async) {
-      setChecked(input.value);
-    }
-  };
-  const changeFormatValue = (e) => {
-    const input = e.target.value;
-    const numReg = /^[0-9]*$/;
-    const numValue = input.replace(/[^0-9|.]/gi, "");
-    if (formatter) {
-      if (!numReg.test(input[0]) && numValue) {
-        setChecked(formatter(numValue));
-      } else if (!numReg.test(input[0]) && !numValue) {
-        setChecked(input);
-      } else if (numReg.test(input[0])) {
-        if (formatter(numValue) === inputRef.current) {
-          setChecked(numValue);
-        } else {
-          setChecked(formatter(numValue));
-          inputRef.current = formatter(numValue);
-        }
-      }
-    }
-  };
-  const burFormatValue = (e) => {
-    const input = e.target.value;
-    const numReg = /^[0-9]*$/;
-    const numValue = input.replace(/[^0-9|.]/gi, "");
-    if (formatter) {
-      if (formatter(numValue) === input) {
-        emitChange(numValue, e);
-        return;
-      }
-      if (!numReg.test(input) || !input) {
-        setChecked(formatter(""));
-      }
-    }
-  };
-  const focusValue = (e) => {
-    if (disabled)
-      return;
-    if (readOnly)
-      return;
-    onFocus && onFocus(e);
-  };
-  const burValue = (e) => {
-    if (disabled)
-      return;
-    if (readOnly)
-      return;
-    const input = e.target;
-    let value2 = +input.value;
-    if (value2 === 0 && !allowEmpty) {
-      value2 = Number(defaultValue);
-    }
-    if (value2 < Number(min)) {
-      value2 = Number(min);
-    } else if (value2 > Number(max)) {
-      value2 = Number(max);
-    }
-    emitChange(value2, e);
-    onBlur && onBlur(e);
-  };
-  return React__default.createElement(
-    "div",
-    { className: classes, style: styles, ...restProps },
-    React__default.createElement(
-      "div",
-      { className: "nut-input-minus" },
-      React__default.createElement(Minus, { className: iconMinusClasses, onClick: (e) => reduceNumber(e) })
-    ),
-    React__default.createElement(React__default.Fragment, null, formatter ? React__default.createElement("input", { className: "nut-number-input", type: "text", min, max, disabled, readOnly, value: _checked, onInput: changeFormatValue, onBlur: burFormatValue, onFocus: focusValue }) : React__default.createElement("input", { className: "nut-number-input", type: "digit", min, max, disabled, readOnly, value: _checked, onInput: changeValue, onBlur: burValue, onFocus: focusValue })),
-    React__default.createElement(
-      "div",
-      { className: "nut-input-add" },
-      React__default.createElement(Plus, { className: iconAddClasses, onClick: (e) => addNumber(e) })
-    )
-  );
-};
-InputNumber.defaultProps = defaultProps;
-InputNumber.displayName = "NutInputNumber";
-export {
-  InputNumber as I
-};