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

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

@@ -1,234 +0,0 @@
-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 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();
-    });
-  }, [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);
-    } 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"}`,
-          height: "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}` } },
-      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-Brkv6B2Z.js

@@ -1,60 +0,0 @@
-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-OKGsDVW7.js";
-const defaultStatus = {
-  empty: "https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png",
-  error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",
-  network: "https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.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-Ccq4bEzk.js

@@ -1,116 +0,0 @@
-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), { hasMore: true, threshold: 40, target: "", pullRefresh: false });
-const classPrefix = `nut-infiniteloading`;
-const InfiniteLoading = (props) => {
-  const { locale } = useConfig();
-  const { children, 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);
-  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-F3jNGr_V.js

@@ -1,158 +0,0 @@
-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 < min : shouldOverBoundary > 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
-};