@nutui/nutui-react-taro 2.3.12 → 2.4.1-beta.0

package/dist/esm/ellipsis.taro-Bwx19LgZ.js

@@ -0,0 +1,240 @@
+import { _ as __rest, a as __awaiter } from "./tslib.es6-BZ8i9Q6l.js";
+import React__default, { useRef, useState, useEffect } from "react";
+import { nextTick, createSelectorQuery } from "@tarojs/taro";
+import classNames from "classnames";
+import { View } from "@tarojs/components";
+import { g as getRectByTaro } from "./get-rect-by-taro-CSN0TGnD.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { content: "", direction: "end", rows: 1, expandText: "", collapseText: "", symbol: "...", lineHeight: "20", width: "auto" });
+const classPrefix = `nut-ellipsis`;
+const Ellipsis = (props) => {
+  var _a, _b, _c, _d;
+  const _e = Object.assign(Object.assign({}, defaultProps), props), { children, content, direction, rows, className, expandText, collapseText, symbol, lineHeight, width, onClick, onChange } = _e, rest = __rest(_e, ["children", "content", "direction", "rows", "className", "expandText", "collapseText", "symbol", "lineHeight", "width", "onClick", "onChange"]);
+  const maxHeight = useRef(0);
+  const [exceeded, setExceeded] = useState(false);
+  const [expanded, setExpanded] = useState(false);
+  const [cacled, setCacled] = useState(false);
+  const ellipsis = useRef({
+    leading: "",
+    tailing: ""
+  });
+  const root = useRef(null);
+  const rootContain = useRef(null);
+  const symbolContain = useRef(null);
+  const [contentCopy, setContentCopy] = useState(content);
+  const lineH = useRef(0);
+  const originHeight = useRef(0);
+  const refRandomId = useRef(Math.random().toString(36).slice(-8));
+  const widthRef = useRef("auto");
+  const widthBase = useRef([14, 10, 7, 8.4, 10]);
+  const symbolTextWidth = useRef(widthBase.current[0] * 0.7921);
+  const chineseReg = /^[\u4e00-\u9fa5]+$/;
+  const digitReg = /^[0-9]+$/;
+  const letterUpperReg = /^[A-Z]+$/;
+  const letterLowerReg = /^[a-z]+$/;
+  const classes = classNames(classPrefix, width ? `${classPrefix}-width` : "", className);
+  useEffect(() => {
+    setContentCopy(content);
+    nextTick(() => {
+      getSymbolInfo();
+      getReference();
+    });
+    return () => {
+      setCacled(false);
+    };
+  }, [content]);
+  const getSymbolInfo = () => __awaiter(void 0, void 0, void 0, function* () {
+    const refe = yield getRectByTaro(symbolContain === null || symbolContain === void 0 ? void 0 : symbolContain.current);
+    symbolTextWidth.current = refe.width ? Math.ceil(refe.width) : Math.ceil(widthBase.current[0] * 0.7921);
+  });
+  const symbolText = () => {
+    if (direction === "end" || direction === "middle") {
+      return `${symbol}${expandText}`;
+    }
+    return `${symbol}${expandText}${symbol}`;
+  };
+  const getReference = () => __awaiter(void 0, void 0, void 0, function* () {
+    const query = createSelectorQuery();
+    query.select(`#root${refRandomId.current}`) && query.select(`#root${refRandomId.current}`).fields({
+      computedStyle: [
+        "width",
+        "height",
+        "lineHeight",
+        "paddingTop",
+        "paddingBottom",
+        "fontSize"
+      ]
+    }, (res) => {
+      if (!res)
+        return;
+      lineH.current = pxToNumber(res.lineHeight === "normal" ? lineHeight : res.lineHeight);
+      maxHeight.current = Math.floor(lineH.current * (Number(rows) + 0.5) + pxToNumber(res.paddingTop) + pxToNumber(res.paddingBottom));
+      originHeight.current = pxToNumber(res.height);
+      widthRef.current = res.width;
+      const bsize = pxToNumber(res.fontSize);
+      widthBase.current = [
+        bsize,
+        bsize * 0.72,
+        bsize * 0.53,
+        bsize * 0.4,
+        bsize * 0.75
+      ];
+      calcEllipse();
+    }).exec();
+  });
+  const calcEllipse = () => __awaiter(void 0, void 0, void 0, function* () {
+    const refe = yield getRectByTaro(rootContain.current);
+    if (refe.height <= maxHeight.current) {
+      setExceeded(false);
+      setCacled(true);
+    } else {
+      const rowNum = Math.floor(content.length / (originHeight.current / lineH.current - 1));
+      if (direction === "middle") {
+        const end = content.length;
+        ellipsis.current.leading = tailorContent(0, rowNum * (Number(rows) + 0.5), "end");
+        ellipsis.current.tailing = tailorContent(content.length - rowNum * (Number(rows) + 0.5), end, "start");
+      } else if (direction === "end") {
+        const end = rowNum * (Number(rows) + 0.5);
+        ellipsis.current.leading = tailorContent(0, end);
+      } else {
+        const start = content.length - rowNum * (Number(rows) + 0.5) - 5;
+        ellipsis.current.tailing = tailorContent(start, content.length);
+      }
+      assignContent();
+      setTimeout(() => {
+        verifyEllipsis();
+      }, 100);
+    }
+  });
+  const verifyEllipsis = () => __awaiter(void 0, void 0, void 0, function* () {
+    var _f, _g, _h, _j, _k, _l, _m;
+    const refe = yield getRectByTaro(rootContain.current);
+    if (refe && refe.height && refe.height > maxHeight.current) {
+      if (direction === "end") {
+        ellipsis.current.leading = (_g = (_f = ellipsis.current) === null || _f === void 0 ? void 0 : _f.leading) === null || _g === void 0 ? void 0 : _g.slice(0, (((_j = (_h = ellipsis.current) === null || _h === void 0 ? void 0 : _h.leading) === null || _j === void 0 ? void 0 : _j.length) || 0) - 1);
+      } else {
+        ellipsis.current.tailing = (_l = (_k = ellipsis.current) === null || _k === void 0 ? void 0 : _k.tailing) === null || _l === void 0 ? void 0 : _l.slice(1, (_m = ellipsis.current) === null || _m === void 0 ? void 0 : _m.tailing.length);
+      }
+      assignContent();
+      setTimeout(() => {
+        verifyEllipsis();
+      }, 100);
+    }
+  });
+  const assignContent = () => {
+    var _a2, _b2, _c2, _d2;
+    const newContent = `${((_a2 = ellipsis.current) === null || _a2 === void 0 ? void 0 : _a2.leading) || ""}${((_b2 = ellipsis.current) === null || _b2 === void 0 ? void 0 : _b2.leading) ? symbol : ""}${expandText || ""}${((_c2 = ellipsis.current) === null || _c2 === void 0 ? void 0 : _c2.tailing) ? symbol : ""}${((_d2 = ellipsis.current) === null || _d2 === void 0 ? void 0 : _d2.tailing) || ""}`;
+    setContentCopy(newContent);
+  };
+  const tailorContent = (left, right, type = "") => {
+    const threeDotWidth = symbolTextWidth.current;
+    const direc = direction === "middle" && type ? type : direction;
+    setExceeded(true);
+    let widthPart = -1;
+    const start = left;
+    const end = right;
+    let cutoff = 0;
+    let marking = 0;
+    if (direc === "end") {
+      marking = start;
+      cutoff = end;
+    } else {
+      marking = end;
+      cutoff = start;
+    }
+    const contentWidth = pxToNumber(widthRef.current) * Number(rows) - threeDotWidth;
+    const contentPartWidth = direction === "middle" ? contentWidth / 2 : contentWidth;
+    while (widthPart < contentPartWidth) {
+      const zi = content[marking];
+      if (chineseReg.test(zi)) {
+        widthPart = Number(widthPart + widthBase.current[0]);
+      } else if (letterUpperReg.test(zi)) {
+        widthPart = Number(widthPart + widthBase.current[1]);
+      } else if (letterLowerReg.test(zi)) {
+        widthPart = Number(widthPart + widthBase.current[2]);
+      } else if (digitReg.test(zi)) {
+        widthPart = Number(widthPart + widthBase.current[3]);
+      } else {
+        widthPart = Number(widthPart + widthBase.current[4]);
+      }
+      cutoff = marking;
+      direc === "end" ? marking++ : marking--;
+    }
+    if (direc === "end") {
+      return content.slice(0, cutoff);
+    }
+    return content.slice(cutoff, end);
+  };
+  const pxToNumber = (value) => {
+    if (!value)
+      return 0;
+    const match = value.match(/^\d*(\.\d*)?/);
+    return match ? Number(match[0]) : 0;
+  };
+  const clickHandle = (type) => {
+    if (type === 1) {
+      setExpanded(true);
+      onChange && onChange("expand");
+    } else {
+      setExpanded(false);
+      onChange && onChange("collapse");
+    }
+  };
+  const handleClick = () => {
+    onClick && onClick();
+  };
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    React__default.createElement(
+      "div",
+      Object.assign({ className: classes, onClick: handleClick, ref: root, id: `root${refRandomId.current}` }, rest),
+      React__default.createElement(
+        View,
+        null,
+        !exceeded ? React__default.createElement(View, { className: "nut-ellipsis-wordbreak", style: {
+          width: `${!Number.isNaN(Number(width)) ? `${width}px` : "auto"}`,
+          minHeight: "20px",
+          height: cacled ? "auto" : "20px",
+          overflow: "hidden"
+        } }, content) : null,
+        exceeded && !expanded ? React__default.createElement(
+          View,
+          { className: "nut-ellipsis-wordbreak", style: {
+            width: `${!Number.isNaN(Number(width)) ? `${width}px` : "auto"}`
+          } },
+          (_a = ellipsis.current) === null || _a === void 0 ? void 0 : _a.leading,
+          ((_b = ellipsis.current) === null || _b === void 0 ? void 0 : _b.leading) && symbol,
+          expandText ? React__default.createElement("span", { className: "nut-ellipsis-text", onClick: (e) => {
+            e.stopPropagation();
+            clickHandle(1);
+          } }, expandText) : null,
+          ((_c = ellipsis.current) === null || _c === void 0 ? void 0 : _c.tailing) && symbol,
+          (_d = ellipsis.current) === null || _d === void 0 ? void 0 : _d.tailing
+        ) : null,
+        exceeded && expanded ? React__default.createElement(
+          React__default.Fragment,
+          null,
+          React__default.createElement(View, { style: {
+            width: `${!Number.isNaN(Number(width)) ? `${width}px` : "auto"}`
+          } }, content),
+          expandText ? React__default.createElement("span", { className: "nut-ellipsis-text", onClick: (e) => {
+            e.stopPropagation();
+            clickHandle(2);
+          } }, collapseText) : null
+        ) : null
+      )
+    ),
+    React__default.createElement(
+      View,
+      { className: "nut-ellipsis-copy", ref: rootContain, id: `rootContain${refRandomId.current}`, style: { width: `${widthRef.current}` } },
+      React__default.createElement(View, null, contentCopy)
+    ),
+    React__default.createElement(View, { className: "nut-ellipsis-copy", ref: symbolContain, id: `symbolContain${refRandomId.current}`, style: { display: "inline" } }, symbolText())
+  );
+};
+Ellipsis.defaultProps = defaultProps;
+Ellipsis.displayName = "NutEllipsis";
+export {
+  Ellipsis as E
+};

package/dist/esm/empty.taro-D3oHrfI9.js

@@ -0,0 +1,60 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
+import React__default, { useState, useEffect } from "react";
+import classNames from "classnames";
+import { u as useConfig } from "./configprovider.taro-CyU_tvNJ.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+import { B as Button } from "./button.taro-GziP0wPi.js";
+const defaultStatus = {
+  empty: "https://storage.360buyimg.com/imgtools/30186cfda0-0d3eee40-c0ac-11ee-9382-9125782aa3b8.png",
+  error: "https://storage.360buyimg.com/imgtools/f3278d0ebb-0ce360c0-c0ac-11ee-8375-193101bb1a46.png",
+  network: "https://storage.360buyimg.com/imgtools/43c30f7e29-0d483d10-c0ac-11ee-bec4-eb4d2a09a51d.png"
+};
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { title: "", description: "", imageSize: "", size: "base", status: "empty", actions: [] });
+const classPrefix = `nut-empty`;
+const Empty = (props) => {
+  useConfig();
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { image, imageSize, title, description, children, className, size, status, actions } = _a, rest = __rest(_a, ["image", "imageSize", "title", "description", "children", "className", "size", "status", "actions"]);
+  const [imgStyle, setImgStyle] = useState({});
+  const imageUrl = image || defaultStatus[status];
+  const imageNode = typeof imageUrl === "string" ? React__default.createElement("img", { className: "img", src: imageUrl, alt: "empty" }) : imageUrl;
+  useEffect(() => {
+    setImgStyle(() => {
+      if (!imageSize) {
+        return {};
+      }
+      if (typeof imageSize === "number") {
+        return {
+          width: `${imageSize}px`,
+          height: `${imageSize}px`
+        };
+      }
+      return {
+        width: imageSize,
+        height: imageSize
+      };
+    });
+  }, [imageSize]);
+  const classes = classNames({
+    [`${classPrefix}-${size}`]: size !== "base"
+  });
+  const cls = classNames(classPrefix, classes, className);
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: cls }, rest),
+    React__default.createElement("div", { className: `${classPrefix}-image`, style: imgStyle }, imageNode),
+    typeof title === "string" && title ? React__default.createElement("div", { className: `${classPrefix}-title` }, title) : title,
+    typeof description === "string" ? React__default.createElement("div", { className: `${classPrefix}-description` }, description) : description,
+    actions.length > 0 && React__default.createElement("div", { className: `${classPrefix}-actions` }, actions.map((item, index) => {
+      return React__default.createElement(Button, { className: classNames({
+        [`${classPrefix}-actions-right`]: actions.length === 1,
+        [`${classPrefix}-actions-left`]: actions.length > 1 && index === 0
+      }), type: `${actions.length > 1 && index === 0 ? "default" : "primary"}`, size: "small", fill: "outline", key: `action-${index}` }, item === null || item === void 0 ? void 0 : item.text);
+    })),
+    children
+  );
+};
+Empty.defaultProps = defaultProps;
+Empty.displayName = "NutEmpty";
+export {
+  Empty as E
+};

package/dist/esm/infiniteloading.taro-WiMpG-fU.js

@@ -0,0 +1,116 @@
+import { a as __awaiter } from "./tslib.es6-BZ8i9Q6l.js";
+import React__default, { useState, useRef, useEffect } from "react";
+import classNames from "classnames";
+import { ScrollView } from "@tarojs/components";
+import { createSelectorQuery } from "@tarojs/taro";
+import { u as useConfig } from "./configprovider.taro-CyU_tvNJ.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type: "default", hasMore: true, threshold: 40, target: "", pullRefresh: false });
+const classPrefix = `nut-infiniteloading`;
+const InfiniteLoading = (props) => {
+  const { locale } = useConfig();
+  const { children, type, hasMore, threshold, target, pullRefresh, pullingText, loadingText, loadMoreText, className, onRefresh, onLoadMore, onScroll } = Object.assign(Object.assign({}, defaultProps), props);
+  const [isInfiniting, setIsInfiniting] = useState(false);
+  const [topDisScoll, setTopDisScoll] = useState(0);
+  const refreshTop = useRef(null);
+  const scrollHeight = useRef(0);
+  const scrollTop = useRef(0);
+  const isTouching = useRef(false);
+  const y = useRef(0);
+  const refreshMaxH = useRef(0);
+  const distance = useRef(0);
+  const classes = classNames(classPrefix, className, `${classPrefix}-${type}`);
+  useEffect(() => {
+    refreshMaxH.current = threshold;
+    setTimeout(() => {
+      getScrollHeight();
+    }, 200);
+  }, [hasMore, isInfiniting]);
+  const getScrollHeight = () => {
+    const parentElement = getParentElement("scroller");
+    parentElement.boundingClientRect((rect) => {
+      var _a;
+      scrollHeight.current = (_a = rect === null || rect === void 0 ? void 0 : rect.height) !== null && _a !== void 0 ? _a : 0;
+    }).exec();
+  };
+  const getStyle = () => {
+    return {
+      height: topDisScoll < 0 ? `0px` : `${topDisScoll}px`,
+      transition: `height 0.2s cubic-bezier(0.25,0.1,0.25,1)`
+    };
+  };
+  const getParentElement = (el) => {
+    return createSelectorQuery().select(target ? `#${target} #${el}` : `#${el}`);
+  };
+  const infiniteDone = () => {
+    setIsInfiniting(false);
+  };
+  const refreshDone = () => {
+    distance.current = 0;
+    setTopDisScoll(0);
+    isTouching.current = false;
+  };
+  const scrollAction = (e) => {
+    var _a;
+    scrollTop.current = (_a = e.target) === null || _a === void 0 ? void 0 : _a.scrollTop;
+    if (e.target.scrollTop <= 0) {
+      e.target.scrollTop = 0;
+    }
+    onScroll && onScroll(e.target.scrollTop);
+  };
+  const lower = () => __awaiter(void 0, void 0, void 0, function* () {
+    if (!hasMore || isInfiniting) {
+      return false;
+    }
+    setIsInfiniting(true);
+    yield onLoadMore === null || onLoadMore === void 0 ? void 0 : onLoadMore();
+    infiniteDone();
+  });
+  const touchStart = (event) => {
+    if (scrollTop.current === 0 && !isTouching.current && pullRefresh) {
+      y.current = event.touches[0].pageY;
+      isTouching.current = true;
+    }
+  };
+  const touchMove = (event) => {
+    distance.current = event.touches[0].pageY - y.current;
+    if (distance.current > 0 && isTouching.current) {
+      event.preventDefault();
+      setTopDisScoll(distance.current);
+      if (distance.current >= refreshMaxH.current) {
+        distance.current = refreshMaxH.current;
+        setTopDisScoll(refreshMaxH.current);
+      }
+    } else {
+      distance.current = 0;
+      setTopDisScoll(0);
+      isTouching.current = false;
+    }
+  };
+  const touchEnd = () => __awaiter(void 0, void 0, void 0, function* () {
+    if (distance.current < refreshMaxH.current) {
+      distance.current = 0;
+      setTopDisScoll(0);
+      isTouching.current = false;
+    } else {
+      yield onRefresh === null || onRefresh === void 0 ? void 0 : onRefresh();
+      refreshDone();
+    }
+  });
+  return React__default.createElement(
+    ScrollView,
+    { className: classes, scrollY: true, id: "scroller", type: "list", style: { height: "100%" }, onScroll: scrollAction, onScrollToLower: lower, onTouchStart: touchStart, onTouchMove: touchMove, onTouchEnd: touchEnd },
+    React__default.createElement(
+      "div",
+      { className: "nut-infinite-top", ref: refreshTop, style: getStyle() },
+      React__default.createElement("div", { className: "nut-infinite-top-tips" }, pullingText || locale.infiniteloading.pullRefreshText)
+    ),
+    React__default.createElement("div", { className: "nut-infinite-container" }, children),
+    React__default.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? React__default.createElement("div", { className: "nut-infinite-bottom-tips" }, loadingText || locale.infiniteloading.loadText) : !hasMore && React__default.createElement("div", { className: "nut-infinite-bottom-tips" }, loadMoreText || locale.infiniteloading.loadMoreText))
+  );
+};
+InfiniteLoading.defaultProps = defaultProps;
+InfiniteLoading.displayName = "NutInfiniteLoading";
+export {
+  InfiniteLoading as I
+};

package/dist/esm/inputnumber.taro-CQiAPZgS.js

@@ -0,0 +1,158 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
+import React__default, { useState, useRef, useEffect } from "react";
+import { Minus, Plus } from "@nutui/icons-react-taro";
+import classNames from "classnames";
+import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { disabled: false, readOnly: false, allowEmpty: false, min: 1, max: 9999, type: "digit", step: 1, digits: 0, async: false });
+const classPrefix = `nut-inputnumber`;
+const InputNumber = (props) => {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, disabled, min, max, type, readOnly, value, defaultValue, allowEmpty, digits, step, async, className, style, formatter, onPlus, onMinus, onOverlimit, onBlur, onFocus, onChange } = _a, restProps = __rest(_a, ["children", "disabled", "min", "max", "type", "readOnly", "value", "defaultValue", "allowEmpty", "digits", "step", "async", "className", "style", "formatter", "onPlus", "onMinus", "onOverlimit", "onBlur", "onFocus", "onChange"]);
+  const classes = classNames(classPrefix, {
+    [`${classPrefix}-disabled`]: disabled
+  });
+  const [focused, setFocused] = useState(false);
+  const inputRef = useRef(null);
+  useEffect(() => {
+    var _a2, _b;
+    if (focused) {
+      (_b = (_a2 = inputRef.current) === null || _a2 === void 0 ? void 0 : _a2.select) === null || _b === void 0 ? void 0 : _b.call(_a2);
+    }
+  }, [focused]);
+  const [shadowValue, setShadowValue] = usePropsValue({
+    value: typeof value === "string" ? parseFloat(value) : value,
+    defaultValue: typeof defaultValue === "string" ? parseFloat(defaultValue) : defaultValue,
+    finalValue: 0,
+    onChange: (value2) => {
+    }
+  });
+  const bound = (value2, min2, max2) => {
+    let res = value2;
+    if (min2 !== void 0) {
+      res = Math.max(Number(min2), res);
+    }
+    if (max2 !== void 0) {
+      res = Math.min(Number(max2), res);
+    }
+    return res;
+  };
+  const format = (value2) => {
+    if (value2 === null)
+      return "";
+    if (typeof value2 === "string")
+      value2 = parseFloat(value2);
+    const fixedValue = bound(value2, Number(min), Number(max));
+    if (formatter) {
+      return formatter(fixedValue);
+    }
+    if (digits) {
+      return fixedValue.toFixed(digits).toString();
+    }
+    return fixedValue.toString();
+  };
+  const [inputValue, setInputValue] = useState(format(shadowValue));
+  useEffect(() => {
+    if (!focused && !async) {
+      setShadowValue(bound(Number(shadowValue), Number(min), Number(max)));
+      setInputValue(format(shadowValue));
+    }
+  }, [focused, shadowValue]);
+  useEffect(() => {
+    if (async) {
+      setShadowValue(bound(Number(value), Number(min), Number(max)));
+      setInputValue(format(value));
+    }
+  }, [value]);
+  const calcNextValue = (current, step2, symbol) => {
+    const dig = digits + 1;
+    return (parseFloat(current || "0") * dig + parseFloat(step2) * dig * symbol) / dig;
+  };
+  const update = (negative, e) => {
+    if (step !== void 0) {
+      const shouldOverBoundary = calcNextValue(shadowValue, step, negative ? -1 : 1);
+      const nextValue = bound(shouldOverBoundary, Number(min), Number(max));
+      setShadowValue(nextValue);
+      if (negative ? shouldOverBoundary < Number(min) : shouldOverBoundary > Number(max)) {
+        onOverlimit === null || onOverlimit === void 0 ? void 0 : onOverlimit(e);
+      } else {
+        onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, e);
+      }
+    }
+  };
+  const handleReduce = (e) => {
+    if (disabled)
+      return;
+    onMinus === null || onMinus === void 0 ? void 0 : onMinus(e);
+    update(true, e);
+  };
+  const handlePlus = (e) => {
+    if (disabled)
+      return;
+    onPlus === null || onPlus === void 0 ? void 0 : onPlus(e);
+    update(false, e);
+  };
+  const parseValue = (text) => {
+    if (text === "")
+      return null;
+    if (text === "-")
+      return null;
+    return text;
+  };
+  const handleInputChange = (e) => {
+    setInputValue(e.target.value);
+    const valueStr = parseValue(e.target.value);
+    if (valueStr === null) {
+      if (allowEmpty) {
+        setShadowValue(null);
+      } else {
+        setShadowValue(defaultValue);
+      }
+    } else {
+      setShadowValue(valueStr);
+    }
+    if (!async) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(parseFloat(valueStr || "0").toFixed(digits), e);
+    }
+  };
+  const handleFocus = (e) => {
+    setFocused(true);
+    setInputValue(shadowValue !== void 0 && shadowValue !== null ? bound(Number(shadowValue), Number(min), Number(max)).toString() : "");
+    onFocus && onFocus(e);
+  };
+  const handleBlur = (e) => {
+    setFocused(false);
+    onBlur && onBlur(e);
+    if (async) {
+      const valueStr = parseValue(e.target.value);
+      onChange === null || onChange === void 0 ? void 0 : onChange(parseFloat(valueStr || "0").toFixed(digits), e);
+    }
+  };
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: classes, style }, restProps),
+    React__default.createElement(
+      "div",
+      { className: "nut-input-minus" },
+      React__default.createElement(Minus, { className: classNames("nut-inputnumber-icon icon-minus", {
+        [`${classPrefix}-icon-disabled`]: shadowValue === min || disabled
+      }), onClick: handleReduce })
+    ),
+    React__default.createElement(
+      React__default.Fragment,
+      null,
+      React__default.createElement("input", { className: "nut-number-input", type, ref: inputRef, inputMode: type === "digit" ? "decimal" : "numeric", disabled, readOnly, value: inputValue, onInput: handleInputChange, onBlur: handleBlur, onFocus: handleFocus })
+    ),
+    React__default.createElement(
+      "div",
+      { className: "nut-input-add" },
+      React__default.createElement(Plus, { className: classNames("nut-inputnumber-icon icon-plus", {
+        [`${classPrefix}-icon-disabled`]: shadowValue === max || disabled
+      }), onClick: handlePlus })
+    )
+  );
+};
+InputNumber.defaultProps = defaultProps;
+InputNumber.displayName = "NutInputNumber";
+export {
+  InputNumber as I
+};