@nutui/nutui-react 2.3.10 → 2.3.12-beta.0

package/dist/nutui.react.umd.js

@@ -8,7 +8,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react v2.3.10 Tue Feb 06 2024 16:12:46 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.3.12-beta.0 Thu Feb 29 2024 14:38:01 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -46,34 +46,44 @@ var __publicField = (obj, key, value) => {
     (function() {
       var hasOwn = {}.hasOwnProperty;
       function classNames2() {
-        var classes = [];
+        var classes = "";
         for (var i = 0; i < arguments.length; i++) {
           var arg = arguments[i];
-          if (!arg)
-            continue;
-          var argType = typeof arg;
-          if (argType === "string" || argType === "number") {
-            classes.push(arg);
-          } else if (Array.isArray(arg)) {
-            if (arg.length) {
-              var inner = classNames2.apply(null, arg);
-              if (inner) {
-                classes.push(inner);
-              }
-            }
-          } else if (argType === "object") {
-            if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
-              classes.push(arg.toString());
-              continue;
-            }
-            for (var key in arg) {
-              if (hasOwn.call(arg, key) && arg[key]) {
-                classes.push(key);
-              }
-            }
+          if (arg) {
+            classes = appendClass(classes, parseValue(arg));
+          }
+        }
+        return classes;
+      }
+      function parseValue(arg) {
+        if (typeof arg === "string" || typeof arg === "number") {
+          return arg;
+        }
+        if (typeof arg !== "object") {
+          return "";
+        }
+        if (Array.isArray(arg)) {
+          return classNames2.apply(null, arg);
+        }
+        if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
+          return arg.toString();
+        }
+        var classes = "";
+        for (var key in arg) {
+          if (hasOwn.call(arg, key) && arg[key]) {
+            classes = appendClass(classes, key);
           }
         }
-        return classes.join(" ");
+        return classes;
+      }
+      function appendClass(value, newClass) {
+        if (!newClass) {
+          return value;
+        }
+        if (value) {
+          return value + " " + newClass;
+        }
+        return value + newClass;
       }
       if (module2.exports) {
         classNames2.default = classNames2;
@@ -2665,72 +2675,111 @@ Check the top-level render call using <` + t2 + ">.");
     _setPrototypeOf$1(subClass, superClass);
   }
   var propTypes = { exports: {} };
-  var ReactPropTypesSecret_1;
-  var hasRequiredReactPropTypesSecret;
-  function requireReactPropTypesSecret() {
-    if (hasRequiredReactPropTypesSecret)
-      return ReactPropTypesSecret_1;
-    hasRequiredReactPropTypesSecret = 1;
-    var ReactPropTypesSecret = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-    ReactPropTypesSecret_1 = ReactPropTypesSecret;
-    return ReactPropTypesSecret_1;
-  }
-  var factoryWithThrowingShims;
-  var hasRequiredFactoryWithThrowingShims;
-  function requireFactoryWithThrowingShims() {
-    if (hasRequiredFactoryWithThrowingShims)
-      return factoryWithThrowingShims;
-    hasRequiredFactoryWithThrowingShims = 1;
-    var ReactPropTypesSecret = requireReactPropTypesSecret();
-    function emptyFunction() {
-    }
-    function emptyFunctionWithReset() {
-    }
-    emptyFunctionWithReset.resetWarningCache = emptyFunction;
-    factoryWithThrowingShims = function() {
-      function shim(props, propName, componentName, location, propFullName, secret) {
-        if (secret === ReactPropTypesSecret) {
-          return;
+  var reactIs = { exports: {} };
+  var reactIs_production_min = {};
+  /** @license React v16.13.1
+   * react-is.production.min.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   */
+  var hasRequiredReactIs_production_min;
+  function requireReactIs_production_min() {
+    if (hasRequiredReactIs_production_min)
+      return reactIs_production_min;
+    hasRequiredReactIs_production_min = 1;
+    var b = "function" === typeof Symbol && Symbol.for, c6 = b ? Symbol.for("react.element") : 60103, d = b ? Symbol.for("react.portal") : 60106, e2 = b ? Symbol.for("react.fragment") : 60107, f = b ? Symbol.for("react.strict_mode") : 60108, g = b ? Symbol.for("react.profiler") : 60114, h = b ? Symbol.for("react.provider") : 60109, k = b ? Symbol.for("react.context") : 60110, l2 = b ? Symbol.for("react.async_mode") : 60111, m = b ? Symbol.for("react.concurrent_mode") : 60111, n = b ? Symbol.for("react.forward_ref") : 60112, p = b ? Symbol.for("react.suspense") : 60113, q = b ? Symbol.for("react.suspense_list") : 60120, r2 = b ? Symbol.for("react.memo") : 60115, t2 = b ? Symbol.for("react.lazy") : 60116, v = b ? Symbol.for("react.block") : 60121, w = b ? Symbol.for("react.fundamental") : 60117, x = b ? Symbol.for("react.responder") : 60118, y = b ? Symbol.for("react.scope") : 60119;
+    function z(a2) {
+      if ("object" === typeof a2 && null !== a2) {
+        var u = a2.$$typeof;
+        switch (u) {
+          case c6:
+            switch (a2 = a2.type, a2) {
+              case l2:
+              case m:
+              case e2:
+              case g:
+              case f:
+              case p:
+                return a2;
+              default:
+                switch (a2 = a2 && a2.$$typeof, a2) {
+                  case k:
+                  case n:
+                  case t2:
+                  case r2:
+                  case h:
+                    return a2;
+                  default:
+                    return u;
+                }
+            }
+          case d:
+            return u;
         }
-        var err = new Error(
-          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
-        );
-        err.name = "Invariant Violation";
-        throw err;
       }
-      shim.isRequired = shim;
-      function getShim() {
-        return shim;
-      }
-      var ReactPropTypes = {
-        array: shim,
-        bigint: shim,
-        bool: shim,
-        func: shim,
-        number: shim,
-        object: shim,
-        string: shim,
-        symbol: shim,
-        any: shim,
-        arrayOf: getShim,
-        element: shim,
-        elementType: shim,
-        instanceOf: getShim,
-        node: shim,
-        objectOf: getShim,
-        oneOf: getShim,
-        oneOfType: getShim,
-        shape: getShim,
-        exact: getShim,
-        checkPropTypes: emptyFunctionWithReset,
-        resetWarningCache: emptyFunction
-      };
-      ReactPropTypes.PropTypes = ReactPropTypes;
-      return ReactPropTypes;
+    }
+    function A(a2) {
+      return z(a2) === m;
+    }
+    reactIs_production_min.AsyncMode = l2;
+    reactIs_production_min.ConcurrentMode = m;
+    reactIs_production_min.ContextConsumer = k;
+    reactIs_production_min.ContextProvider = h;
+    reactIs_production_min.Element = c6;
+    reactIs_production_min.ForwardRef = n;
+    reactIs_production_min.Fragment = e2;
+    reactIs_production_min.Lazy = t2;
+    reactIs_production_min.Memo = r2;
+    reactIs_production_min.Portal = d;
+    reactIs_production_min.Profiler = g;
+    reactIs_production_min.StrictMode = f;
+    reactIs_production_min.Suspense = p;
+    reactIs_production_min.isAsyncMode = function(a2) {
+      return A(a2) || z(a2) === l2;
     };
-    return factoryWithThrowingShims;
+    reactIs_production_min.isConcurrentMode = A;
+    reactIs_production_min.isContextConsumer = function(a2) {
+      return z(a2) === k;
+    };
+    reactIs_production_min.isContextProvider = function(a2) {
+      return z(a2) === h;
+    };
+    reactIs_production_min.isElement = function(a2) {
+      return "object" === typeof a2 && null !== a2 && a2.$$typeof === c6;
+    };
+    reactIs_production_min.isForwardRef = function(a2) {
+      return z(a2) === n;
+    };
+    reactIs_production_min.isFragment = function(a2) {
+      return z(a2) === e2;
+    };
+    reactIs_production_min.isLazy = function(a2) {
+      return z(a2) === t2;
+    };
+    reactIs_production_min.isMemo = function(a2) {
+      return z(a2) === r2;
+    };
+    reactIs_production_min.isPortal = function(a2) {
+      return z(a2) === d;
+    };
+    reactIs_production_min.isProfiler = function(a2) {
+      return z(a2) === g;
+    };
+    reactIs_production_min.isStrictMode = function(a2) {
+      return z(a2) === f;
+    };
+    reactIs_production_min.isSuspense = function(a2) {
+      return z(a2) === p;
+    };
+    reactIs_production_min.isValidElementType = function(a2) {
+      return "string" === typeof a2 || "function" === typeof a2 || a2 === e2 || a2 === m || a2 === g || a2 === f || a2 === p || a2 === q || "object" === typeof a2 && null !== a2 && (a2.$$typeof === t2 || a2.$$typeof === r2 || a2.$$typeof === h || a2.$$typeof === k || a2.$$typeof === n || a2.$$typeof === w || a2.$$typeof === x || a2.$$typeof === y || a2.$$typeof === v);
+    };
+    reactIs_production_min.typeOf = z;
+    return reactIs_production_min;
   }
-  var reactIs = { exports: {} };
   var reactIs_development = {};
   /** @license React v16.13.1
    * react-is.development.js
@@ -2894,110 +2943,6 @@ Check the top-level render call using <` + t2 + ">.");
     }
     return reactIs_development;
   }
-  var reactIs_production_min = {};
-  /** @license React v16.13.1
-   * react-is.production.min.js
-   *
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   */
-  var hasRequiredReactIs_production_min;
-  function requireReactIs_production_min() {
-    if (hasRequiredReactIs_production_min)
-      return reactIs_production_min;
-    hasRequiredReactIs_production_min = 1;
-    var b = "function" === typeof Symbol && Symbol.for, c6 = b ? Symbol.for("react.element") : 60103, d = b ? Symbol.for("react.portal") : 60106, e2 = b ? Symbol.for("react.fragment") : 60107, f = b ? Symbol.for("react.strict_mode") : 60108, g = b ? Symbol.for("react.profiler") : 60114, h = b ? Symbol.for("react.provider") : 60109, k = b ? Symbol.for("react.context") : 60110, l2 = b ? Symbol.for("react.async_mode") : 60111, m = b ? Symbol.for("react.concurrent_mode") : 60111, n = b ? Symbol.for("react.forward_ref") : 60112, p = b ? Symbol.for("react.suspense") : 60113, q = b ? Symbol.for("react.suspense_list") : 60120, r2 = b ? Symbol.for("react.memo") : 60115, t2 = b ? Symbol.for("react.lazy") : 60116, v = b ? Symbol.for("react.block") : 60121, w = b ? Symbol.for("react.fundamental") : 60117, x = b ? Symbol.for("react.responder") : 60118, y = b ? Symbol.for("react.scope") : 60119;
-    function z(a2) {
-      if ("object" === typeof a2 && null !== a2) {
-        var u = a2.$$typeof;
-        switch (u) {
-          case c6:
-            switch (a2 = a2.type, a2) {
-              case l2:
-              case m:
-              case e2:
-              case g:
-              case f:
-              case p:
-                return a2;
-              default:
-                switch (a2 = a2 && a2.$$typeof, a2) {
-                  case k:
-                  case n:
-                  case t2:
-                  case r2:
-                  case h:
-                    return a2;
-                  default:
-                    return u;
-                }
-            }
-          case d:
-            return u;
-        }
-      }
-    }
-    function A(a2) {
-      return z(a2) === m;
-    }
-    reactIs_production_min.AsyncMode = l2;
-    reactIs_production_min.ConcurrentMode = m;
-    reactIs_production_min.ContextConsumer = k;
-    reactIs_production_min.ContextProvider = h;
-    reactIs_production_min.Element = c6;
-    reactIs_production_min.ForwardRef = n;
-    reactIs_production_min.Fragment = e2;
-    reactIs_production_min.Lazy = t2;
-    reactIs_production_min.Memo = r2;
-    reactIs_production_min.Portal = d;
-    reactIs_production_min.Profiler = g;
-    reactIs_production_min.StrictMode = f;
-    reactIs_production_min.Suspense = p;
-    reactIs_production_min.isAsyncMode = function(a2) {
-      return A(a2) || z(a2) === l2;
-    };
-    reactIs_production_min.isConcurrentMode = A;
-    reactIs_production_min.isContextConsumer = function(a2) {
-      return z(a2) === k;
-    };
-    reactIs_production_min.isContextProvider = function(a2) {
-      return z(a2) === h;
-    };
-    reactIs_production_min.isElement = function(a2) {
-      return "object" === typeof a2 && null !== a2 && a2.$$typeof === c6;
-    };
-    reactIs_production_min.isForwardRef = function(a2) {
-      return z(a2) === n;
-    };
-    reactIs_production_min.isFragment = function(a2) {
-      return z(a2) === e2;
-    };
-    reactIs_production_min.isLazy = function(a2) {
-      return z(a2) === t2;
-    };
-    reactIs_production_min.isMemo = function(a2) {
-      return z(a2) === r2;
-    };
-    reactIs_production_min.isPortal = function(a2) {
-      return z(a2) === d;
-    };
-    reactIs_production_min.isProfiler = function(a2) {
-      return z(a2) === g;
-    };
-    reactIs_production_min.isStrictMode = function(a2) {
-      return z(a2) === f;
-    };
-    reactIs_production_min.isSuspense = function(a2) {
-      return z(a2) === p;
-    };
-    reactIs_production_min.isValidElementType = function(a2) {
-      return "string" === typeof a2 || "function" === typeof a2 || a2 === e2 || a2 === m || a2 === g || a2 === f || a2 === p || a2 === q || "object" === typeof a2 && null !== a2 && (a2.$$typeof === t2 || a2.$$typeof === r2 || a2.$$typeof === h || a2.$$typeof === k || a2.$$typeof === n || a2.$$typeof === w || a2.$$typeof === x || a2.$$typeof === y || a2.$$typeof === v);
-    };
-    reactIs_production_min.typeOf = z;
-    return reactIs_production_min;
-  }
   var hasRequiredReactIs;
   function requireReactIs() {
     if (hasRequiredReactIs)
@@ -3086,6 +3031,16 @@ Check the top-level render call using <` + t2 + ">.");
     };
     return objectAssign;
   }
+  var ReactPropTypesSecret_1;
+  var hasRequiredReactPropTypesSecret;
+  function requireReactPropTypesSecret() {
+    if (hasRequiredReactPropTypesSecret)
+      return ReactPropTypesSecret_1;
+    hasRequiredReactPropTypesSecret = 1;
+    var ReactPropTypesSecret = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+    ReactPropTypesSecret_1 = ReactPropTypesSecret;
+    return ReactPropTypesSecret_1;
+  }
   var has;
   var hasRequiredHas;
   function requireHas() {
@@ -3603,6 +3558,61 @@ Check the top-level render call using <` + t2 + ">.");
     };
     return factoryWithTypeCheckers;
   }
+  var factoryWithThrowingShims;
+  var hasRequiredFactoryWithThrowingShims;
+  function requireFactoryWithThrowingShims() {
+    if (hasRequiredFactoryWithThrowingShims)
+      return factoryWithThrowingShims;
+    hasRequiredFactoryWithThrowingShims = 1;
+    var ReactPropTypesSecret = requireReactPropTypesSecret();
+    function emptyFunction() {
+    }
+    function emptyFunctionWithReset() {
+    }
+    emptyFunctionWithReset.resetWarningCache = emptyFunction;
+    factoryWithThrowingShims = function() {
+      function shim(props, propName, componentName, location, propFullName, secret) {
+        if (secret === ReactPropTypesSecret) {
+          return;
+        }
+        var err = new Error(
+          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
+        );
+        err.name = "Invariant Violation";
+        throw err;
+      }
+      shim.isRequired = shim;
+      function getShim() {
+        return shim;
+      }
+      var ReactPropTypes = {
+        array: shim,
+        bigint: shim,
+        bool: shim,
+        func: shim,
+        number: shim,
+        object: shim,
+        string: shim,
+        symbol: shim,
+        any: shim,
+        arrayOf: getShim,
+        element: shim,
+        elementType: shim,
+        instanceOf: getShim,
+        node: shim,
+        objectOf: getShim,
+        oneOf: getShim,
+        oneOfType: getShim,
+        shape: getShim,
+        exact: getShim,
+        checkPropTypes: emptyFunctionWithReset,
+        resetWarningCache: emptyFunction
+      };
+      ReactPropTypes.PropTypes = ReactPropTypes;
+      return ReactPropTypes;
+    };
+    return factoryWithThrowingShims;
+  }
   if (process.env.NODE_ENV !== "production") {
     var ReactIs = requireReactIs();
     var throwOnDirectAccess = true;
@@ -5218,7 +5228,7 @@ Check the top-level render call using <` + t2 + ">.");
       startTime = otime;
       duration > 0 ? scrollAnimation() : scroll();
     };
-    const styles = style ? {
+    const styles = Object.keys(style || {}).length !== 0 ? {
       zIndex,
       ...style
     } : {
@@ -10459,7 +10469,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onDragEnd: ({ offset }) => {
         touchState.current.y2 = offset[1];
         const delta = (touchState.current.y2 - touchState.current.y1) / spaceHeight || 0;
-        const cacheIndex = state.current.anchorIndex + Math.ceil(delta);
+        const cacheIndex = state.current.anchorIndex + Math.round(delta);
         setCodeIndex(cacheIndex);
         scrollTo(cacheIndex);
         resetScrollState();
@@ -10489,7 +10499,8 @@ Please add \`${key}Action\` when creating your handler.`);
         calculateHeight();
       }
       const target = e2.target;
-      const { scrollTop } = target;
+      let { scrollTop } = target;
+      scrollTop = Math.ceil(scrollTop);
       state.current.scrollY = scrollTop;
       setScrollY(scrollTop);
       for (let i = 0; i < listHeight.length - 1; i++) {
@@ -11653,7 +11664,6 @@ Please add \`${key}Action\` when creating your handler.`);
       return pathNodes;
     }
   }
-  const Tree$1 = Tree;
   const defaultProps$16 = {
     ...ComponentDefaults,
     activeColor: "",
@@ -11729,7 +11739,7 @@ Please add \`${key}Action\` when creating your handler.`);
           paneKey: ""
         }
       ],
-      tree: new Tree$1([], {}),
+      tree: new Tree([], {}),
       tabsCursor: 0,
       // 选中的tab项
       initLoading: false,
@@ -11759,7 +11769,7 @@ Please add \`${key}Action\` when creating your handler.`);
       } else {
         state.optionsData = options2;
       }
-      state.tree = new Tree$1(state.optionsData, {
+      state.tree = new Tree(state.optionsData, {
         value: state.configs.optionKey.valueKey,
         text: state.configs.optionKey.textKey,
         children: state.configs.optionKey.childrenKey
@@ -16415,7 +16425,10 @@ Please add \`${key}Action\` when creating your handler.`);
             name,
             className: "nut-input-native",
             ref: inputRef,
-            style: { textAlign: align },
+            style: {
+              textAlign: `${// eslint-disable-next-line no-nested-ternary
+              align === "right" ? "end" : align === "left" ? "start" : "center"}`
+            },
             type: inputType(type2),
             maxLength,
             placeholder: placeholder || locale.placeholder,
@@ -16466,11 +16479,10 @@ Please add \`${key}Action\` when creating your handler.`);
   const defaultProps$U = {
     ...ComponentDefaults,
     disabled: false,
-    min: 1,
-    max: 9999,
     readOnly: false,
     allowEmpty: false,
-    defaultValue: 0,
+    min: 1,
+    max: 9999,
     step: 1,
     digits: 0,
     async: false
@@ -16503,199 +16515,159 @@ Please add \`${key}Action\` when creating your handler.`);
       ...defaultProps$U,
       ...props
     };
-    const inputRef = React.useRef("");
-    const [_checked, setChecked] = usePropsValue({
-      value,
-      defaultValue
+    const classes = classNames(classPrefix$g, {
+      [`${classPrefix$g}-disabled`]: disabled
     });
+    const [focused, setFocused] = React.useState(false);
+    const inputRef = React.useRef(null);
     React.useEffect(() => {
-      if (formatter) {
-        if (_checked || _checked === 0) {
-          inputRef.current = formatter(_checked);
-          setChecked(formatter(_checked));
-        }
-      }
-    }, []);
-    const classes = classNames(
-      {
-        [`${classPrefix$g}`]: true,
-        [`${classPrefix$g}-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;
+      var _a2, _b;
+      if (focused) {
+        (_b = (_a2 = inputRef.current) == null ? void 0 : _a2.select) == null ? void 0 : _b.call(_a2);
       }
-      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;
+    }, [focused]);
+    const [shadowValue, setShadowValue] = usePropsValue({
+      value: typeof value === "string" ? parseFloat(value) : value,
+      defaultValue: typeof defaultValue === "string" ? parseFloat(defaultValue) : defaultValue,
+      onChange: (value2) => {
       }
-      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, e2) => {
-      const outputValue = fixedDecimalPlaces(value2);
-      onChange && onChange(outputValue, e2);
-      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 bound2 = (value2, min2, max2) => {
+      let res = value2;
+      if (min2 !== void 0) {
+        res = Math.max(Number(min2), res);
       }
-    };
-    const reduceNumber = (e2) => {
-      onMinus && onMinus(e2);
-      if (reduceAllow()) {
-        if (formatter) {
-          const numValue = String(_checked).replace(/[^0-9|.]/gi, "");
-          const outputValue = Number(numValue) - Number(step);
-          inputRef.current = formatter(outputValue);
-          emitChange(outputValue, e2);
-        } else {
-          const outputValue = Number(_checked) - Number(step);
-          emitChange(outputValue, e2);
-        }
-      } else {
-        onOverlimit && onOverlimit(e2);
+      if (max2 !== void 0) {
+        res = Math.min(Number(max2), res);
       }
+      return res;
     };
-    const addNumber = (e2) => {
-      onPlus && onPlus(e2);
-      if (addAllow()) {
-        if (formatter) {
-          const numValue = String(_checked).replace(/[^0-9|.]/gi, "");
-          const outputValue = Number(numValue) + Number(step);
-          inputRef.current = formatter(outputValue);
-          emitChange(outputValue, e2);
-        } else {
-          const outputValue = Number(_checked) + Number(step);
-          emitChange(outputValue, e2);
-        }
-      } else {
-        onOverlimit && onOverlimit(e2);
+    const format2 = (value2) => {
+      if (value2 === null)
+        return "";
+      if (typeof value2 === "string")
+        value2 = parseFloat(value2);
+      const fixedValue = bound2(value2, Number(min), Number(max));
+      if (formatter) {
+        return formatter(fixedValue);
       }
-    };
-    const changeValue = (e2) => {
-      const input = e2.target;
-      onChange && onChange(input.valueAsNumber, e2);
-      if (!async) {
-        if (Number.isNaN(input.valueAsNumber)) {
-          setChecked("");
-        } else {
-          setChecked(input.valueAsNumber);
-        }
+      if (digits) {
+        return fixedValue.toFixed(digits).toString();
       }
+      return fixedValue.toString();
     };
-    const changeFormatValue = (e2) => {
-      const input = e2.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 [inputValue, setInputValue] = React.useState(format2(shadowValue));
+    React.useEffect(() => {
+      if (!focused && !async) {
+        setShadowValue(bound2(Number(shadowValue), Number(min), Number(max)));
+        setInputValue(format2(shadowValue));
       }
-    };
-    const burFormatValue = (e2) => {
-      const input = e2.target.value;
-      const numReg = /^[0-9]*$/;
-      const numValue = input.replace(/[^0-9|.]/gi, "");
-      if (formatter) {
-        if (formatter(numValue) === input) {
-          emitChange(numValue, e2);
-          return;
-        }
-        if (!numReg.test(input) || !input) {
-          setChecked(formatter(""));
+    }, [focused, shadowValue]);
+    React.useEffect(() => {
+      if (async) {
+        setShadowValue(bound2(Number(value), Number(min), Number(max)));
+        setInputValue(format2(value));
+      }
+    }, [value]);
+    const calcNextValue = (current, step2, symbol) => {
+      const dig = digits + 1;
+      return (parseFloat(current || "0") * dig + parseFloat(step2) * dig * symbol) / dig;
+    };
+    const update2 = (negative, e2) => {
+      if (step !== void 0) {
+        const shouldOverBoundary = calcNextValue(
+          shadowValue,
+          step,
+          negative ? -1 : 1
+        );
+        const nextValue = bound2(shouldOverBoundary, Number(min), Number(max));
+        setShadowValue(nextValue);
+        if (negative ? shouldOverBoundary < min : shouldOverBoundary > max) {
+          onOverlimit == null ? void 0 : onOverlimit(e2);
+        } else {
+          onChange == null ? void 0 : onChange(nextValue, e2);
         }
       }
     };
-    const focusValue = (e2) => {
+    const handleReduce = (e2) => {
       if (disabled)
         return;
-      if (readOnly)
-        return;
-      onFocus && onFocus(e2);
+      onMinus == null ? void 0 : onMinus(e2);
+      update2(true, e2);
     };
-    const burValue = (e2) => {
+    const handlePlus = (e2) => {
       if (disabled)
         return;
-      if (readOnly)
-        return;
-      const input = e2.target;
-      let value2 = input.valueAsNumber;
-      if (Number.isNaN(value2) && !allowEmpty) {
-        value2 = Number(defaultValue);
+      onPlus == null ? void 0 : onPlus(e2);
+      update2(false, e2);
+    };
+    const parseValue = (text) => {
+      if (text === "")
+        return null;
+      if (text === "-")
+        return null;
+      return text;
+    };
+    const handleInputChange = (e2) => {
+      setInputValue(e2.target.value);
+      const valueStr = parseValue(e2.target.value);
+      if (valueStr === null) {
+        if (allowEmpty) {
+          setShadowValue(null);
+        } else {
+          setShadowValue(defaultValue);
+        }
+      } else {
+        setShadowValue(valueStr);
       }
-      if (value2 < Number(min)) {
-        value2 = Number(min);
-      } else if (value2 > Number(max)) {
-        value2 = Number(max);
+      if (!async) {
+        onChange == null ? void 0 : onChange(parseFloat(valueStr || "0").toFixed(digits), e2);
       }
-      emitChange(value2, e2);
+    };
+    const handleFocus = (e2) => {
+      setFocused(true);
+      setInputValue(
+        shadowValue !== void 0 && shadowValue !== null ? bound2(Number(shadowValue), Number(min), Number(max)).toString() : ""
+      );
+      onFocus && onFocus(e2);
+    };
+    const handleBlur = (e2) => {
+      setFocused(false);
       onBlur && onBlur(e2);
+      if (async) {
+        const valueStr = parseValue(e2.target.value);
+        onChange == null ? void 0 : onChange(parseFloat(valueStr || "0").toFixed(digits), e2);
+      }
     };
-    return /* @__PURE__ */ React.createElement("div", { className: classes, style: styles, ...restProps }, /* @__PURE__ */ React.createElement("div", { className: "nut-input-minus" }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("div", { className: classes, style, ...restProps }, /* @__PURE__ */ React.createElement("div", { className: "nut-input-minus" }, /* @__PURE__ */ React.createElement(
       o,
       {
-        className: iconMinusClasses,
-        onClick: (e2) => reduceNumber(e2)
+        className: classNames("nut-inputnumber-icon icon-minus", {
+          [`${classPrefix$g}-icon-disabled`]: shadowValue === min || disabled
+        }),
+        onClick: handleReduce
       }
-    )), /* @__PURE__ */ React.createElement(React.Fragment, null, formatter ? /* @__PURE__ */ React.createElement(
+    )), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
       "input",
       {
-        type: "text",
-        min,
-        max,
+        ref: inputRef,
+        inputMode: "decimal",
         disabled,
         readOnly,
-        value: _checked,
-        onInput: changeFormatValue,
-        onBlur: burFormatValue,
-        onFocus: focusValue
+        value: inputValue,
+        onInput: handleInputChange,
+        onBlur: handleBlur,
+        onFocus: handleFocus
       }
-    ) : /* @__PURE__ */ React.createElement(
-      "input",
+    )), /* @__PURE__ */ React.createElement("div", { className: "nut-input-add" }, /* @__PURE__ */ React.createElement(
+      l$2,
       {
-        type: "number",
-        min,
-        max,
-        disabled,
-        readOnly,
-        value: _checked,
-        onInput: changeValue,
-        onBlur: burValue,
-        onFocus: focusValue
+        className: classNames("nut-inputnumber-icon icon-plus", {
+          [`${classPrefix$g}-icon-disabled`]: shadowValue === max || disabled
+        }),
+        onClick: handlePlus
       }
-    )), /* @__PURE__ */ React.createElement("div", { className: "nut-input-add" }, /* @__PURE__ */ React.createElement(l$2, { className: iconAddClasses, onClick: (e2) => addNumber(e2) })));
+    )));
   };
   InputNumber.defaultProps = defaultProps$U;
   InputNumber.displayName = "NutInputNumber";
@@ -18247,7 +18219,7 @@ Please add \`${key}Action\` when creating your handler.`);
       },
       /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className), style }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-title` }, title || locale.shortpassword.title), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-description` }, description || locale.shortpassword.description), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-input`, onClick: onFocus }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-input-site` }), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-input-fake` }, [...new Array(comLen).keys()].map((item, index) => {
         return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-input-fake-li`, key: index }, inputValue.length > index && /* @__PURE__ */ React.createElement(React.Fragment, null, plain ? inputValue[index] : /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-input-fake-li-icon` })));
-      }))), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-message` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-message-error` }, error), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-message-forget`, onClick: onTips }, tips || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(s, { width: 11, height: 11, style: { marginRight: "3px" } }), locale.shortpassword.tips))), !hideFooter && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer-cancel`, onClick: onCancel }, locale.cancel), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer-sure`, onClick: sure }, locale.confirm)))
+      }))), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-message` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-message-error` }, error), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-message-forget`, onClick: onTips }, tips || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(s, { width: 11, height: 11 }), locale.shortpassword.tips))), !hideFooter && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer-cancel`, onClick: onCancel }, locale.cancel), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer-sure`, onClick: sure }, locale.confirm)))
     );
   };
   const ShortPassword = React.forwardRef(InternalShortPassword);
@@ -19226,6 +19198,7 @@ Please add \`${key}Action\` when creating your handler.`);
     return /* @__PURE__ */ React.createElement(
       Popup,
       {
+        ...rest,
         round: true,
         visible,
         position: "bottom",
@@ -19236,7 +19209,7 @@ Please add \`${key}Action\` when creating your handler.`);
           onCancel && onCancel();
         }
       },
-      /* @__PURE__ */ React.createElement("div", { className: `${className}`, style, ...rest }, options2.length ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-list` }, options2.map((item, index) => {
+      /* @__PURE__ */ React.createElement("div", { className: `${className}`, style }, options2.length ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-list` }, options2.map((item, index) => {
         return /* @__PURE__ */ React.createElement(
           "div",
           {
@@ -19402,7 +19375,6 @@ Please add \`${key}Action\` when creating your handler.`);
       update: update2
     };
   };
-  const confirm$1 = confirm;
   const Content = (props) => {
     const {
       visible,
@@ -19617,11 +19589,11 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   const Dialog = React.forwardRef(BaseDialog);
   Dialog.confirm = (props) => {
-    return confirm$1(props);
+    return confirm(props);
   };
   ["alert"].forEach((type2) => {
     Dialog[type2] = (props) => {
-      return confirm$1({
+      return confirm({
         ...props,
         isNotice: false,
         noticeType: type2
@@ -21186,7 +21158,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const classPrefix2 = "nut-skeleton";
     const classes = classNames(classPrefix2, className);
     const avatarClass = classNames({
-      avatar: true,
+      [`nut-avatar`]: true,
       [`avatar-${avatarShape}`]: avatarShape
     });
     const repeatLines = (num) => {
@@ -21204,7 +21176,7 @@ Please add \`${key}Action\` when creating your handler.`);
         height: "50px"
       };
     };
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, visible ? /* @__PURE__ */ React.createElement("div", null, children) : /* @__PURE__ */ React.createElement("div", { className: classes, ...rest }, animated2 && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-animation` }), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-content` }, avatar && /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, visible ? /* @__PURE__ */ React.createElement(React.Fragment, null, children) : /* @__PURE__ */ React.createElement("div", { className: classes, ...rest }, animated2 && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-animation` }), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-content` }, avatar && /* @__PURE__ */ React.createElement(
       Avatar,
       {
         className: avatarClass,