npm - @nutui/nutui-react - Versions diffs - 1.3.11 → 1.3.12-beta.0 - Mend

@nutui/nutui-react 1.3.11 → 1.3.12-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (45) hide show

package/CHANGELOG.md +13 -0
package/dist/esm/Cell.js +7 -108
package/dist/esm/CellGroup.js +4 -34
package/dist/esm/Form/style/index.js +2 -0
package/dist/esm/Form.js +188 -0
package/dist/esm/FormItem/style/index.js +2 -0
package/dist/esm/FormItem.js +9 -0
package/dist/esm/Range.js +8 -5
package/dist/esm/TextArea.js +7 -8
package/dist/esm/cell-c8781626.js +108 -0
package/dist/esm/cellgroup-3402f96c.js +34 -0
package/dist/esm/formitem-46d4aca3.js +136 -0
package/dist/esm/nutui-react.es.js +2 -0
package/dist/esm/types/src/packages/form/demo.d.ts +3 -0
package/dist/esm/types/src/packages/form/form.d.ts +9 -0
package/dist/esm/types/src/packages/form/index.d.ts +2 -0
package/dist/esm/types/src/packages/form/index.taro.d.ts +2 -0
package/dist/esm/types/src/packages/form/types.d.ts +82 -0
package/dist/esm/types/src/packages/form/useForm.d.ts +2 -0
package/dist/esm/types/src/packages/formitem/formitem.d.ts +30 -0
package/dist/esm/types/src/packages/formitem/formitemcontext.d.ts +6 -0
package/dist/esm/types/src/packages/formitem/index.d.ts +2 -0
package/dist/esm/types/src/packages/formitem/types.d.ts +82 -0
package/dist/esm/types/src/packages/formitem/useForm.d.ts +2 -0
package/dist/esm/types/src/packages/nutui.react.build.d.ts +3 -1
package/dist/esm/types/src/packages/nutui.react.d.ts +5 -1
package/dist/esm/types/src/packages/nutui.react.scss.d.ts +2 -0
package/dist/esm/types/src/packages/range/range.d.ts +3 -0
package/dist/locales/base.js +1 -1
package/dist/locales/en-US.js +1 -1
package/dist/locales/id-ID.js +1 -1
package/dist/locales/zh-CN.js +1 -1
package/dist/locales/zh-TW.js +1 -1
package/dist/nutui.react.es.js +1785 -480
package/dist/nutui.react.umd.js +1821 -514
package/dist/packages/checkbox/checkbox.scss +1 -1
package/dist/packages/form/form.scss +27 -0
package/dist/packages/formitem/formitem.scss +87 -0
package/dist/style.css +1 -1
package/dist/style.es.js +1 -1
package/dist/styles/themes/default.scss +2 -0
package/dist/styles/variables.scss +77 -26
package/dist/types/index.d.ts +94 -1
package/dist/types/nutui.react.build.ts +5 -1
package/package.json +6 -4

package/dist/nutui.react.umd.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.11 Wed Nov 16 2022 13:46:28 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.3.12-beta.0 Wed Nov 23 2022 14:51:03 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -72,7 +72,7 @@
     classname.exports = classname_production_min;
   }
   const cn = classname.exports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
-  const defaultProps$1l = {
+  const defaultProps$1n = {
     name: "",
     size: "",
     classPrefix: "nut-icon",
@@ -100,11 +100,11 @@
       onClick,
       ...rest
     } = {
-      ...defaultProps$1l,
+      ...defaultProps$1n,
       ...props
     };
     const isImage = name ? name.indexOf("/") !== -1 : false;
-    const type = isImage ? "img" : tag;
+    const type2 = isImage ? "img" : tag;
     const b2 = cn("icon");
     const handleClick2 = (e2) => {
       if (onClick) {
@@ -117,7 +117,7 @@
       return {};
     };
     return React__default["default"].createElement(
-      type,
+      type2,
       {
         className: isImage ? `${b2("img")} ${className || ""} ` : `${fontClassName} ${b2(null)} ${classPrefix}-${name} ${className || ""}`,
         style: {
@@ -134,13 +134,13 @@
       children
     );
   }
-  Icon$1.defaultProps = defaultProps$1l;
+  Icon$1.defaultProps = defaultProps$1n;
   Icon$1.displayName = "NutIcon";
   const ComponentDefaults = {
     iconClassPrefix: "nut-icon",
     iconFontClassName: "nutui-iconfont"
   };
-  const defaultProps$1k = {
+  const defaultProps$1m = {
     ...ComponentDefaults,
     className: "",
     color: "",
@@ -164,7 +164,7 @@
       plain,
       loading,
       disabled,
-      type,
+      type: type2,
       size,
       block,
       icon,
@@ -176,7 +176,7 @@
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$1k,
+      ...defaultProps$1m,
       ...props
     };
     const getStyle = React.useCallback(() => {
@@ -199,7 +199,7 @@
       const prefixCls = "nut-button";
       return [
         prefixCls,
-        `${type ? `${prefixCls}--${type}` : ""}`,
+        `${type2 ? `${prefixCls}--${type2}` : ""}`,
         `${size ? `${prefixCls}--${size}` : ""}`,
         `${shape ? `${prefixCls}--${shape}` : ""}`,
         `${plain ? `${prefixCls}--plain` : ""}`,
@@ -207,7 +207,7 @@
         `${disabled ? `${prefixCls}--disabled` : ""}`,
         `${loading ? `${prefixCls}--loading` : ""}`
       ].filter(Boolean).join(" ");
-    }, [block, disabled, loading, plain, shape, size, type]);
+    }, [block, disabled, loading, plain, shape, size, type2]);
     const [btnName, setBtnName] = React.useState(classes());
     const [btnStyle, setBtnStyle] = React.useState(getStyle());
     React.useEffect(() => {
@@ -221,7 +221,7 @@
       loading,
       disabled,
       style,
-      type,
+      type2,
       size,
       block,
       icon,
@@ -254,19 +254,19 @@
       className: icon || loading ? "text" : ""
     }, children)));
   };
-  Button.defaultProps = defaultProps$1k;
+  Button.defaultProps = defaultProps$1m;
   Button.displayName = "NutButton";
-  function _setPrototypeOf(o, p2) {
-    _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p3) {
+  function _setPrototypeOf$1(o, p2) {
+    _setPrototypeOf$1 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p3) {
       o2.__proto__ = p3;
       return o2;
     };
-    return _setPrototypeOf(o, p2);
+    return _setPrototypeOf$1(o, p2);
   }
-  function _inheritsLoose(subClass, superClass) {
+  function _inheritsLoose$1(subClass, superClass) {
     subClass.prototype = Object.create(superClass.prototype);
     subClass.prototype.constructor = subClass;
-    _setPrototypeOf(subClass, superClass);
+    _setPrototypeOf$1(subClass, superClass);
   }
   var propTypes = { exports: {} };
   var ReactPropTypesSecret$1 = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
@@ -322,8 +322,8 @@
     propTypes.exports = factoryWithThrowingShims();
   }
   var PropTypes = propTypes.exports;
-  function _extends$3() {
-    _extends$3 = Object.assign ? Object.assign.bind() : function(target) {
+  function _extends$4() {
+    _extends$4 = Object.assign ? Object.assign.bind() : function(target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
         for (var key in source) {
@@ -334,7 +334,7 @@
       }
       return target;
     };
-    return _extends$3.apply(this, arguments);
+    return _extends$4.apply(this, arguments);
   }
   function isAbsolute(pathname) {
     return pathname.charAt(0) === "/";
@@ -439,7 +439,7 @@
       location = parsePath(path);
       location.state = state;
     } else {
-      location = _extends$3({}, path);
+      location = _extends$4({}, path);
       if (location.pathname === void 0)
         location.pathname = "";
       if (location.search) {
@@ -546,7 +546,7 @@
     var _props = props, getUserConfirmation = _props.getUserConfirmation, _props$initialEntries = _props.initialEntries, initialEntries = _props$initialEntries === void 0 ? ["/"] : _props$initialEntries, _props$initialIndex = _props.initialIndex, initialIndex = _props$initialIndex === void 0 ? 0 : _props$initialIndex, _props$keyLength = _props.keyLength, keyLength = _props$keyLength === void 0 ? 6 : _props$keyLength;
     var transitionManager = createTransitionManager();
     function setState(nextState) {
-      _extends$3(history, nextState);
+      _extends$4(history, nextState);
       history.length = history.entries.length;
       transitionManager.notifyListeners(history.location, history.action);
     }
@@ -692,7 +692,7 @@
       var repeat = modifier === "+" || modifier === "*";
       var optional = modifier === "?" || modifier === "*";
       var delimiter = res[2] || defaultDelimiter;
-      var pattern = capture || group;
+      var pattern2 = capture || group;
       tokens.push({
         name: name || key++,
         prefix: prefix2 || "",
@@ -701,7 +701,7 @@
         repeat,
         partial,
         asterisk: !!asterisk,
-        pattern: pattern ? escapeGroup(pattern) : asterisk ? ".*" : "[^" + escapeString(delimiter) + "]+?"
+        pattern: pattern2 ? escapeGroup(pattern2) : asterisk ? ".*" : "[^" + escapeString(delimiter) + "]+?"
       });
     }
     if (index < str.length) {
@@ -820,8 +820,8 @@
     for (var i = 0; i < path.length; i++) {
       parts.push(pathToRegexp(path[i], keys, options2).source);
     }
-    var regexp = new RegExp("(?:" + parts.join("|") + ")", flags(options2));
-    return attachKeys(regexp, keys);
+    var regexp2 = new RegExp("(?:" + parts.join("|") + ")", flags(options2));
+    return attachKeys(regexp2, keys);
   }
   function stringToRegexp(path, keys, options2) {
     return tokensToRegExp(parse$1(path, options2), keys, options2);
@@ -1061,7 +1061,7 @@
     var _Provider$childContex, _Consumer$contextType;
     var contextProp = "__create-react-context-" + getUniqueId() + "__";
     var Provider = /* @__PURE__ */ function(_React$Component) {
-      _inheritsLoose(Provider2, _React$Component);
+      _inheritsLoose$1(Provider2, _React$Component);
       function Provider2() {
         var _this;
         for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -1099,7 +1099,7 @@
     }(React__default["default"].Component);
     Provider.childContextTypes = (_Provider$childContex = {}, _Provider$childContex[contextProp] = PropTypes.object.isRequired, _Provider$childContex);
     var Consumer = /* @__PURE__ */ function(_React$Component2) {
-      _inheritsLoose(Consumer2, _React$Component2);
+      _inheritsLoose$1(Consumer2, _React$Component2);
       function Consumer2() {
         var _this2;
         for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
@@ -1137,7 +1137,7 @@
           this.context[contextProp].off(this.onUpdate);
         }
       };
-      _proto2.getValue = function getValue() {
+      _proto2.getValue = function getValue2() {
         if (this.context[contextProp]) {
           return this.context[contextProp].get();
         } else {
@@ -1164,7 +1164,7 @@
   var historyContext = /* @__PURE__ */ createNamedContext("Router-History");
   var context = /* @__PURE__ */ createNamedContext("Router");
   var Router = /* @__PURE__ */ function(_React$Component) {
-    _inheritsLoose(Router2, _React$Component);
+    _inheritsLoose$1(Router2, _React$Component);
     Router2.computeRootMatch = function computeRootMatch(pathname) {
       return {
         path: "/",
@@ -1233,7 +1233,7 @@
     return Router2;
   }(React__default["default"].Component);
   /* @__PURE__ */ (function(_React$Component) {
-    _inheritsLoose(MemoryRouter, _React$Component);
+    _inheritsLoose$1(MemoryRouter, _React$Component);
     function MemoryRouter() {
       var _this;
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -1253,7 +1253,7 @@
     return MemoryRouter;
   })(React__default["default"].Component);
   /* @__PURE__ */ (function(_React$Component) {
-    _inheritsLoose(Lifecycle, _React$Component);
+    _inheritsLoose$1(Lifecycle, _React$Component);
     function Lifecycle() {
       return _React$Component.apply(this, arguments) || this;
     }
@@ -1284,9 +1284,9 @@
     if (pathCache[path])
       return pathCache[path];
     var keys = [];
-    var regexp = pathToRegexp$1(path, keys, options2);
+    var regexp2 = pathToRegexp$1(path, keys, options2);
     var result = {
-      regexp,
+      regexp: regexp2,
       keys
     };
     if (cacheCount$1 < cacheLimit$1) {
@@ -1315,8 +1315,8 @@
         end: exact,
         strict,
         sensitive
-      }), regexp = _compilePath.regexp, keys = _compilePath.keys;
-      var match = regexp.exec(pathname);
+      }), regexp2 = _compilePath.regexp, keys = _compilePath.keys;
+      var match = regexp2.exec(pathname);
       if (!match)
         return null;
       var url = match[0], values = match.slice(1);
@@ -1338,7 +1338,7 @@
     return React__default["default"].Children.count(children) === 0;
   }
   /* @__PURE__ */ (function(_React$Component) {
-    _inheritsLoose(Route, _React$Component);
+    _inheritsLoose$1(Route, _React$Component);
     function Route() {
       return _React$Component.apply(this, arguments) || this;
     }
@@ -1349,7 +1349,7 @@
         !context$1 ? invariant(false) : void 0;
         var location = _this.props.location || context$1.location;
         var match = _this.props.computedMatch ? _this.props.computedMatch : _this.props.path ? matchPath(location.pathname, _this.props) : context$1.match;
-        var props = _extends$3({}, context$1, {
+        var props = _extends$4({}, context$1, {
           location,
           match
         });
@@ -1370,7 +1370,7 @@
   function addBasename(basename, location) {
     if (!basename)
       return location;
-    return _extends$3({}, location, {
+    return _extends$4({}, location, {
       pathname: addLeadingSlash(basename) + location.pathname
     });
   }
@@ -1380,7 +1380,7 @@
     var base = addLeadingSlash(basename);
     if (location.pathname.indexOf(base) !== 0)
       return location;
-    return _extends$3({}, location, {
+    return _extends$4({}, location, {
       pathname: location.pathname.substr(base.length)
     });
   }
@@ -1395,7 +1395,7 @@
   function noop$3() {
   }
   /* @__PURE__ */ (function(_React$Component) {
-    _inheritsLoose(StaticRouter, _React$Component);
+    _inheritsLoose$1(StaticRouter, _React$Component);
     function StaticRouter() {
       var _this;
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -1439,7 +1439,7 @@
         listen: this.handleListen,
         block: this.handleBlock
       };
-      return /* @__PURE__ */ React__default["default"].createElement(Router, _extends$3({}, rest, {
+      return /* @__PURE__ */ React__default["default"].createElement(Router, _extends$4({}, rest, {
         history,
         staticContext: context2
       }));
@@ -1447,7 +1447,7 @@
     return StaticRouter;
   })(React__default["default"].Component);
   /* @__PURE__ */ (function(_React$Component) {
-    _inheritsLoose(Switch2, _React$Component);
+    _inheritsLoose$1(Switch2, _React$Component);
     function Switch2() {
       return _React$Component.apply(this, arguments) || this;
     }
@@ -1462,7 +1462,7 @@
           if (match == null && /* @__PURE__ */ React__default["default"].isValidElement(child)) {
             element = child;
             var path = child.props.path || child.props.from;
-            match = path ? matchPath(location.pathname, _extends$3({}, child.props, {
+            match = path ? matchPath(location.pathname, _extends$4({}, child.props, {
               path
             })) : context2.match;
           }
@@ -1479,7 +1479,7 @@
   function useHistory() {
     return useContext(historyContext);
   }
-  const defaultProps$1j = {
+  const defaultProps$1l = {
     ...ComponentDefaults,
     title: null,
     subTitle: null,
@@ -1525,7 +1525,7 @@
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$1j,
+      ...defaultProps$1l,
       ...props
     };
     const b2 = cn("cell");
@@ -1579,9 +1579,9 @@
       className: b2("link")
     }) : linkSlot));
   };
-  Cell.defaultProps = defaultProps$1j;
+  Cell.defaultProps = defaultProps$1l;
   Cell.displayName = "NutCell";
-  const defaultProps$1i = {
+  const defaultProps$1k = {
     title: "",
     desc: "",
     className: "",
@@ -1590,7 +1590,7 @@
   };
   const CellGroup = (props) => {
     const { children, className, title, desc, titleSlot, descSlot } = {
-      ...defaultProps$1i,
+      ...defaultProps$1k,
       ...props
     };
     const b2 = cn("cell-group");
@@ -1604,7 +1604,7 @@
       className: b2("wrap")
     }, children));
   };
-  CellGroup.defaultProps = defaultProps$1i;
+  CellGroup.defaultProps = defaultProps$1k;
   CellGroup.displayName = "NutCellGroup";
   var classnames = { exports: {} };
   /*!
@@ -1772,7 +1772,7 @@
   var ENTERED = "entered";
   var EXITING = "exiting";
   var Transition = /* @__PURE__ */ function(_React$Component) {
-    _inheritsLoose(Transition2, _React$Component);
+    _inheritsLoose$1(Transition2, _React$Component);
     function Transition2(props, context2) {
       var _this;
       _this = _React$Component.call(this, props, context2) || this;
@@ -2029,7 +2029,7 @@
     });
   };
   var CSSTransition = /* @__PURE__ */ function(_React$Component) {
-    _inheritsLoose(CSSTransition2, _React$Component);
+    _inheritsLoose$1(CSSTransition2, _React$Component);
     function CSSTransition2() {
       var _this;
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -2051,17 +2051,17 @@
       };
       _this.onEntering = function(maybeNode, maybeAppearing) {
         var _this$resolveArgument2 = _this.resolveArguments(maybeNode, maybeAppearing), node = _this$resolveArgument2[0], appearing = _this$resolveArgument2[1];
-        var type = appearing ? "appear" : "enter";
-        _this.addClass(node, type, "active");
+        var type2 = appearing ? "appear" : "enter";
+        _this.addClass(node, type2, "active");
         if (_this.props.onEntering) {
           _this.props.onEntering(maybeNode, maybeAppearing);
         }
       };
       _this.onEntered = function(maybeNode, maybeAppearing) {
         var _this$resolveArgument3 = _this.resolveArguments(maybeNode, maybeAppearing), node = _this$resolveArgument3[0], appearing = _this$resolveArgument3[1];
-        var type = appearing ? "appear" : "enter";
-        _this.removeClasses(node, type);
-        _this.addClass(node, type, "done");
+        var type2 = appearing ? "appear" : "enter";
+        _this.removeClasses(node, type2);
+        _this.addClass(node, type2, "done");
         if (_this.props.onEntered) {
           _this.props.onEntered(maybeNode, maybeAppearing);
         }
@@ -2093,13 +2093,13 @@
       _this.resolveArguments = function(maybeNode, maybeAppearing) {
         return _this.props.nodeRef ? [_this.props.nodeRef.current, maybeNode] : [maybeNode, maybeAppearing];
       };
-      _this.getClassNames = function(type) {
+      _this.getClassNames = function(type2) {
         var classNames2 = _this.props.classNames;
         var isStringClassNames = typeof classNames2 === "string";
         var prefix2 = isStringClassNames && classNames2 ? classNames2 + "-" : "";
-        var baseClassName = isStringClassNames ? "" + prefix2 + type : classNames2[type];
-        var activeClassName = isStringClassNames ? baseClassName + "-active" : classNames2[type + "Active"];
-        var doneClassName = isStringClassNames ? baseClassName + "-done" : classNames2[type + "Done"];
+        var baseClassName = isStringClassNames ? "" + prefix2 + type2 : classNames2[type2];
+        var activeClassName = isStringClassNames ? baseClassName + "-active" : classNames2[type2 + "Active"];
+        var doneClassName = isStringClassNames ? baseClassName + "-done" : classNames2[type2 + "Done"];
         return {
           baseClassName,
           activeClassName,
@@ -2109,10 +2109,10 @@
       return _this;
     }
     var _proto = CSSTransition2.prototype;
-    _proto.addClass = function addClass2(node, type, phase) {
-      var className = this.getClassNames(type)[phase + "ClassName"];
+    _proto.addClass = function addClass2(node, type2, phase) {
+      var className = this.getClassNames(type2)[phase + "ClassName"];
       var _this$getClassNames = this.getClassNames("enter"), doneClassName = _this$getClassNames.doneClassName;
-      if (type === "appear" && phase === "done" && doneClassName) {
+      if (type2 === "appear" && phase === "done" && doneClassName) {
         className += " " + doneClassName;
       }
       if (phase === "active") {
@@ -2120,13 +2120,13 @@
           forceReflow(node);
       }
       if (className) {
-        this.appliedClasses[type][phase] = className;
+        this.appliedClasses[type2][phase] = className;
         _addClass(node, className);
       }
     };
-    _proto.removeClasses = function removeClasses(node, type) {
-      var _this$appliedClasses$ = this.appliedClasses[type], baseClassName = _this$appliedClasses$.base, activeClassName = _this$appliedClasses$.active, doneClassName = _this$appliedClasses$.done;
-      this.appliedClasses[type] = {};
+    _proto.removeClasses = function removeClasses(node, type2) {
+      var _this$appliedClasses$ = this.appliedClasses[type2], baseClassName = _this$appliedClasses$.base, activeClassName = _this$appliedClasses$.active, doneClassName = _this$appliedClasses$.done;
+      this.appliedClasses[type2] = {};
       if (baseClassName) {
         removeClass(node, baseClassName);
       }
@@ -2141,7 +2141,7 @@
       var _this$props = this.props;
       _this$props.classNames;
       var props = _objectWithoutPropertiesLoose$3(_this$props, ["classNames"]);
-      return /* @__PURE__ */ React__default["default"].createElement(Transition$1, _extends$3({}, props, {
+      return /* @__PURE__ */ React__default["default"].createElement(Transition$1, _extends$4({}, props, {
         onEnter: this.onEnter,
         onEntered: this.onEntered,
         onEntering: this.onEntering,
@@ -2157,7 +2157,7 @@
   };
   CSSTransition.propTypes = {};
   var CSSTransition$1 = CSSTransition;
-  const defaultProps$1h = {
+  const defaultProps$1j = {
     ...ComponentDefaults,
     position: "center",
     transition: "",
@@ -2343,7 +2343,7 @@
     }, [position]);
     return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, renderToContainer(teleport, renderNode()));
   };
-  Popup.defaultProps = defaultProps$1h;
+  Popup.defaultProps = defaultProps$1j;
   Popup.displayName = "NutPopup";
   const zhCN = {
     save: "\u4FDD\u5B58",
@@ -2470,7 +2470,7 @@
       completeText: "\u5237\u65B0\u6210\u529F"
     }
   };
-  const defaultProps$1g = {
+  const defaultProps$1i = {
     locale: zhCN
   };
   const defaultConfigRef = {
@@ -2487,7 +2487,7 @@
   };
   const ConfigContext = React.createContext(null);
   const ConfigProvider = (props) => {
-    const { children, ...config2 } = { ...defaultProps$1g, ...props };
+    const { children, ...config2 } = { ...defaultProps$1i, ...props };
     const parentConfig = useConfig();
     return /* @__PURE__ */ React__default["default"].createElement(ConfigContext.Provider, {
       value: {
@@ -2496,19 +2496,19 @@
       }
     }, children);
   };
-  ConfigProvider.defaultProps = defaultProps$1g;
+  ConfigProvider.defaultProps = defaultProps$1i;
   ConfigProvider.displayName = "NutConfigProvider";
-  const defaultProps$1f = {};
+  const defaultProps$1h = {};
   const Layout = (props) => {
-    ({ ...defaultProps$1f, ...props });
+    ({ ...defaultProps$1h, ...props });
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-layout"
     }, "Layout");
   };
-  Layout.defaultProps = defaultProps$1f;
+  Layout.defaultProps = defaultProps$1h;
   Layout.displayName = "NutLayout";
   const DataContext$2 = React.createContext({});
-  const defaultProps$1e = {
+  const defaultProps$1g = {
     span: "24",
     offset: "0",
     gutter: "0"
@@ -2521,7 +2521,7 @@
       offset,
       children,
       onClick
-    } = { ...defaultProps$1e, ...props };
+    } = { ...defaultProps$1g, ...props };
     const [colName, setColName] = React.useState("");
     const [colStyle, setColStyle] = React.useState({});
     const { gutter } = React.useContext(DataContext$2);
@@ -2547,9 +2547,9 @@
       }
     }, children);
   };
-  Col.defaultProps = defaultProps$1e;
+  Col.defaultProps = defaultProps$1g;
   Col.displayName = "NutCol";
-  const defaultProps$1d = {
+  const defaultProps$1f = {
     type: "",
     justify: "start",
     align: "flex-start",
@@ -2561,25 +2561,25 @@
       className,
       style = {},
       children,
-      type,
+      type: type2,
       justify,
       align,
       wrap,
       gutter,
       onClick
     } = {
-      ...defaultProps$1d,
+      ...defaultProps$1f,
       ...props
     };
     const prefixCls = "nut-row";
-    const getClass = (prefix2, type2) => {
-      const classType = type2 ? `nut-row-${prefix2}-${type2}` : "";
-      const className2 = prefix2 ? classType : `nut-row-${type2}`;
+    const getClass = (prefix2, type22) => {
+      const classType = type22 ? `nut-row-${prefix2}-${type22}` : "";
+      const className2 = prefix2 ? classType : `nut-row-${type22}`;
       return className2;
     };
     const getClasses = () => {
       return `
-    ${getClass("", type)}
+    ${getClass("", type2)}
     ${getClass("justify", justify)}
     ${getClass("align", align)}
     ${getClass("flex", wrap)}
@@ -2603,9 +2603,9 @@
       children
     ));
   };
-  Row.defaultProps = defaultProps$1d;
+  Row.defaultProps = defaultProps$1f;
   Row.displayName = "NutRow";
-  const defaultProps$1c = {
+  const defaultProps$1e = {
     contentPosition: "center",
     dashed: false,
     hairline: true,
@@ -2622,7 +2622,7 @@
       direction,
       ...rest
     } = {
-      ...defaultProps$1c,
+      ...defaultProps$1e,
       ...props
     };
     const dividerBem = cn("divider");
@@ -2643,9 +2643,9 @@
       ...rest
     }, children);
   };
-  Divider.defaultProps = defaultProps$1c;
+  Divider.defaultProps = defaultProps$1e;
   Divider.displayName = "NutDivider";
-  const defaultProps$1b = {
+  const defaultProps$1d = {
     columnNum: 4,
     border: true,
     gutter: 0,
@@ -2672,7 +2672,7 @@
       iconColor,
       className,
       ...rest
-    } = { ...defaultProps$1b, ...props };
+    } = { ...defaultProps$1d, ...props };
     const childrenDom = React__default["default"].Children.toArray(children);
     const pxCheck2 = (value) => {
       return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
@@ -2711,9 +2711,9 @@
       });
     }));
   };
-  Grid.defaultProps = defaultProps$1b;
+  Grid.defaultProps = defaultProps$1d;
   Grid.displayName = "NutGrid";
-  const defaultProps$1a = {
+  const defaultProps$1c = {
     ...ComponentDefaults,
     text: "",
     icon: "",
@@ -2752,7 +2752,7 @@
       onClick,
       ...rest
     } = {
-      ...defaultProps$1a,
+      ...defaultProps$1c,
       ...props
     };
     const b2 = cn("grid-item");
@@ -2800,7 +2800,7 @@
       className: "nut-grid-item__text"
     }, text), children && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, children)));
   };
-  GridItem.defaultProps = defaultProps$1a;
+  GridItem.defaultProps = defaultProps$1c;
   GridItem.displayName = "NutGridItem";
   const canUseDom = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
   const defaultRoot = canUseDom ? window : void 0;
@@ -3014,7 +3014,7 @@
     }, children));
   };
   Sticky.displayName = "NutSticky";
-  const defaultProps$19 = {
+  const defaultProps$1b = {
     ...ComponentDefaults,
     title: "",
     desc: "",
@@ -3050,7 +3050,7 @@
       iconClassPrefix,
       iconFontClassName
     } = {
-      ...defaultProps$19,
+      ...defaultProps$1b,
       ...props
     };
     const b2 = cn("navbar");
@@ -3119,9 +3119,9 @@
       className: `${b2("")}--placeholder`
     }, renderWrapper()) : renderWrapper());
   };
-  NavBar.defaultProps = defaultProps$19;
+  NavBar.defaultProps = defaultProps$1b;
   NavBar.displayName = "NutNavBar";
-  const defaultProps$18 = {
+  const defaultProps$1a = {
     ...ComponentDefaults,
     fixednavClass: "nut-fixednav",
     activeText: "",
@@ -3144,14 +3144,14 @@
       position,
       onChange,
       onSelected,
-      type,
+      type: type2,
       slotList,
       slotBtn,
       iconClassPrefix,
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$18,
+      ...defaultProps$1a,
       ...props
     };
     const b2 = cn("fixednav");
@@ -3159,7 +3159,7 @@
       {
         active: visible
       },
-      type,
+      type2,
       fixednavClass,
       b2("")
     );
@@ -3206,9 +3206,9 @@
       className: "text"
     }, visible ? activeText || locale.fixednav.activeText : unActiveText || locale.fixednav.unActiveText))));
   };
-  FixedNav.defaultProps = defaultProps$18;
+  FixedNav.defaultProps = defaultProps$1a;
   FixedNav.displayName = "NutFixedNav";
-  const defaultProps$17 = {
+  const defaultProps$19 = {
     visible: 0,
     bottom: false,
     size: 20,
@@ -3236,7 +3236,7 @@
       tabSwitch,
       onSwitch
     } = {
-      ...defaultProps$17,
+      ...defaultProps$19,
       ...props
     };
     const b2 = cn("tabbar");
@@ -3272,9 +3272,9 @@
       return React__default["default"].cloneElement(child, childProps);
     }));
   };
-  Tabbar.defaultProps = defaultProps$17;
+  Tabbar.defaultProps = defaultProps$19;
   Tabbar.displayName = "NutTabbar";
-  const defaultProps$16 = {
+  const defaultProps$18 = {
     ...ComponentDefaults,
     dot: false,
     size: "",
@@ -3310,7 +3310,7 @@
       iconClassPrefix,
       iconFontClassName
     } = {
-      ...defaultProps$16,
+      ...defaultProps$18,
       ...props
     };
     const b2 = cn("tabbar-item");
@@ -3408,12 +3408,12 @@
     }
     return obj;
   }
-  function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys(object2, enumerableOnly) {
+    var keys = Object.keys(object2);
     if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
+      var symbols = Object.getOwnPropertySymbols(object2);
       enumerableOnly && (symbols = symbols.filter(function(sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        return Object.getOwnPropertyDescriptor(object2, sym).enumerable;
       })), keys.push.apply(keys, symbols);
     }
     return keys;
@@ -3451,10 +3451,10 @@
       end: "end"
     }
   };
-  function capitalize(string) {
-    if (!string)
+  function capitalize(string2) {
+    if (!string2)
       return "";
-    return string[0].toUpperCase() + string.slice(1);
+    return string2[0].toUpperCase() + string2.slice(1);
   }
   const actionsWithoutCaptureSupported = ["enter", "leave"];
   function hasCapture(capture = false, actionKey) {
@@ -4353,11 +4353,11 @@
     }
     computeOffset() {
       const {
-        type,
+        type: type2,
         movement,
         lastOffset
       } = this.state;
-      if (type === "wheel") {
+      if (type2 === "wheel") {
         this.state.offset = V.add(movement, lastOffset);
       } else {
         this.state.offset = [(1 + movement[0]) * lastOffset[0], movement[1] + lastOffset[1]];
@@ -4943,12 +4943,12 @@
     }
     add(element, device, action, handler, options2) {
       const listeners = this._listeners;
-      const type = toDomEventType(device, action);
+      const type2 = toDomEventType(device, action);
       const _options = this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {};
       const eventOptions = _objectSpread2(_objectSpread2({}, _options), options2);
-      element.addEventListener(type, handler, eventOptions);
+      element.addEventListener(type2, handler, eventOptions);
       const remove = () => {
-        element.removeEventListener(type, handler, eventOptions);
+        element.removeEventListener(type2, handler, eventOptions);
         listeners.delete(remove);
       };
       listeners.add(remove);
@@ -5768,29 +5768,29 @@
     let a = (int32Color & 255) / 255;
     return `rgba(${r2}, ${g2}, ${b2}, ${a})`;
   }
-  const createInterpolator = (range, output, extrapolate) => {
-    if (is.fun(range)) {
-      return range;
+  const createInterpolator = (range2, output, extrapolate) => {
+    if (is.fun(range2)) {
+      return range2;
     }
-    if (is.arr(range)) {
+    if (is.arr(range2)) {
       return createInterpolator({
-        range,
+        range: range2,
         output,
         extrapolate
       });
     }
-    if (is.str(range.output[0])) {
-      return createStringInterpolator$1(range);
+    if (is.str(range2.output[0])) {
+      return createStringInterpolator$1(range2);
     }
-    const config2 = range;
+    const config2 = range2;
     const outputRange = config2.output;
     const inputRange = config2.range || [0, 1];
     const extrapolateLeft = config2.extrapolateLeft || config2.extrapolate || "extend";
     const extrapolateRight = config2.extrapolateRight || config2.extrapolate || "extend";
     const easing = config2.easing || ((t2) => t2);
     return (input) => {
-      const range2 = findRange(input, inputRange);
-      return interpolate(input, inputRange[range2], inputRange[range2 + 1], outputRange[range2], outputRange[range2 + 1], easing, extrapolateLeft, extrapolateRight, config2.map);
+      const range3 = findRange(input, inputRange);
+      return interpolate(input, inputRange[range3], inputRange[range3 + 1], outputRange[range3], outputRange[range3 + 1], easing, extrapolateLeft, extrapolateRight, config2.map);
     };
   };
   function interpolate(input, inputMin, inputMax, outputMin, outputMax, easing, extrapolateLeft, extrapolateRight, map) {
@@ -5832,8 +5832,8 @@
         break;
     return i - 1;
   }
-  function _extends$2() {
-    _extends$2 = Object.assign ? Object.assign.bind() : function(target) {
+  function _extends$3() {
+    _extends$3 = Object.assign ? Object.assign.bind() : function(target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
         for (var key in source) {
@@ -5844,7 +5844,7 @@
       }
       return target;
     };
-    return _extends$2.apply(this, arguments);
+    return _extends$3.apply(this, arguments);
   }
   const $get = Symbol.for("FluidValue.get");
   const $observers = Symbol.for("FluidValue.observers");
@@ -5960,7 +5960,7 @@
       }
       return values[i];
     }));
-    const interpolators = outputRanges.map((output2) => createInterpolator(_extends$2({}, config2, {
+    const interpolators = outputRanges.map((output2) => createInterpolator(_extends$3({}, config2, {
       output: output2
     })));
     return (input) => {
@@ -6245,8 +6245,8 @@
     const parentNode = getAnimated(value);
     return parentNode ? parentNode.constructor : is.arr(value) ? AnimatedArray : isAnimatedString(value) ? AnimatedString : AnimatedValue;
   }
-  function _extends$1() {
-    _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
+  function _extends$2() {
+    _extends$2 = Object.assign ? Object.assign.bind() : function(target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
         for (var key in source) {
@@ -6257,7 +6257,7 @@
       }
       return target;
     };
-    return _extends$1.apply(this, arguments);
+    return _extends$2.apply(this, arguments);
   }
   const withAnimated = (Component, host2) => {
     const hasInstance = !is.fun(Component) || Component.prototype && Component.prototype.isReactComponent;
@@ -6296,7 +6296,7 @@
         each(observer2.deps, (dep) => removeFluidObserver(dep, observer2));
       });
       const usedProps = host2.getComponentProps(props.getValue());
-      return React__namespace.createElement(Component, _extends$1({}, usedProps, {
+      return React__namespace.createElement(Component, _extends$2({}, usedProps, {
         ref
       }));
     });
@@ -6316,7 +6316,7 @@
     const dependencies = /* @__PURE__ */ new Set();
     TreeContext.dependencies = dependencies;
     if (props.style)
-      props = _extends$1({}, props, {
+      props = _extends$2({}, props, {
         style: host2.createAnimatedStyle(props.style)
       });
     props = new AnimatedObject(props);
@@ -6364,8 +6364,8 @@
     };
   };
   const getDisplayName = (arg) => is.str(arg) ? arg : arg && is.str(arg.displayName) ? arg.displayName : is.fun(arg) && arg.name || null;
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function(target) {
+  function _extends$1() {
+    _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
         for (var key in source) {
@@ -6376,7 +6376,7 @@
       }
       return target;
     };
-    return _extends.apply(this, arguments);
+    return _extends$1.apply(this, arguments);
   }
   function callProp(value, ...args) {
     return is.fun(value) ? value(...args) : value;
@@ -6457,7 +6457,7 @@
       eachProp(props, (val, key) => key in to2 || (out[key] = val));
       return out;
     }
-    return _extends({}, props);
+    return _extends$1({}, props);
   }
   function computeGoal(value) {
     value = getFluidValue(value);
@@ -6564,7 +6564,7 @@
     easeOutBounce: bounceOut,
     easeInOutBounce: (x2) => x2 < 0.5 ? (1 - bounceOut(1 - 2 * x2)) / 2 : (1 + bounceOut(2 * x2 - 1)) / 2
   };
-  const defaults = _extends({}, config.default, {
+  const defaults = _extends$1({}, config.default, {
     mass: 1,
     damping: 1,
     easing: easings.linear,
@@ -6592,9 +6592,9 @@
   }
   function mergeConfig(config2, newConfig, defaultConfig) {
     if (defaultConfig) {
-      defaultConfig = _extends({}, defaultConfig);
+      defaultConfig = _extends$1({}, defaultConfig);
       sanitizeConfig(defaultConfig, newConfig);
-      newConfig = _extends({}, defaultConfig, newConfig);
+      newConfig = _extends$1({}, defaultConfig, newConfig);
     }
     sanitizeConfig(config2, newConfig);
     Object.assign(config2, newConfig);
@@ -6702,7 +6702,7 @@
           cancel = true;
         }
         try {
-          actions.start(_extends({}, props, {
+          actions.start(_extends$1({}, props, {
             callId,
             cancel
           }), resolve);
@@ -6768,7 +6768,7 @@
             throw skipAnimationSignal;
           }
           bailIfEnded(bailSignal);
-          const props2 = is.obj(arg1) ? _extends({}, arg1) : _extends({}, arg2, {
+          const props2 = is.obj(arg1) ? _extends$1({}, arg1) : _extends$1({}, arg2, {
             to: arg1
           });
           props2.parentId = callId;
@@ -6939,7 +6939,7 @@
       this._lastToId = 0;
       this._memoizedDuration = 0;
       if (!is.und(arg1) || !is.und(arg2)) {
-        const props = is.obj(arg1) ? _extends({}, arg1) : _extends({}, arg2, {
+        const props = is.obj(arg1) ? _extends$1({}, arg1) : _extends$1({}, arg2, {
           from: arg1
         });
         if (is.und(props.default)) {
@@ -7129,7 +7129,7 @@
     start(to2, arg2) {
       let queue;
       if (!is.und(to2)) {
-        queue = [is.obj(to2) ? to2 : _extends({}, arg2, {
+        queue = [is.obj(to2) ? to2 : _extends$1({}, arg2, {
           to: to2
         })];
       } else {
@@ -7176,7 +7176,7 @@
       if (from == null) {
         from = void 0;
       }
-      const range = {
+      const range2 = {
         to: to2,
         from
       };
@@ -7190,10 +7190,10 @@
           this._set(to2);
         }
       }
-      return range;
+      return range2;
     }
     _update(_ref, isLoop) {
-      let props = _extends({}, _ref);
+      let props = _extends$1({}, _ref);
       const {
         key,
         defaultProps: defaultProps2
@@ -7202,7 +7202,7 @@
         Object.assign(defaultProps2, getDefaultProps(props, (value, prop) => /^on/.test(prop) ? resolveProp(value, key) : value));
       mergeActiveFn(this, props, "onProps");
       sendEvent(this, "onProps", props, this);
-      const range = this._prepareNode(props);
+      const range2 = this._prepareNode(props);
       if (Object.isFrozen(this)) {
         throw Error("Cannot animate a `SpringValue` object that is frozen. Did you forget to pass your component to `animated(...)` before animating its props?");
       }
@@ -7230,7 +7230,7 @@
               sendEvent(this, "onResume", getFinishedResult(this, checkFinished(this, this.animation.to)), this);
             }
           },
-          start: this._merge.bind(this, range)
+          start: this._merge.bind(this, range2)
         }
       }).then((result) => {
         if (props.loop && result.finished && !(isLoop && result.noop)) {
@@ -7242,13 +7242,13 @@
         return result;
       });
     }
-    _merge(range, props, resolve) {
+    _merge(range2, props, resolve) {
       if (props.cancel) {
         this.stop(true);
         return resolve(getCancelledResult(this));
       }
-      const hasToProp = !is.und(range.to);
-      const hasFromProp = !is.und(range.from);
+      const hasToProp = !is.und(range2.to);
+      const hasFromProp = !is.und(range2.from);
       if (hasToProp || hasFromProp) {
         if (props.callId > this._lastToId) {
           this._lastToId = props.callId;
@@ -7268,7 +7268,7 @@
       let {
         to: to2 = prevTo,
         from = prevFrom
-      } = range;
+      } = range2;
       if (hasFromProp && !hasToProp && (!props.default || is.und(to2))) {
         to2 = from;
       }
@@ -7350,7 +7350,7 @@
           const {
             onRest
           } = anim;
-          each(ACTIVE_EVENTS, (type) => mergeActiveFn(this, props, type));
+          each(ACTIVE_EVENTS, (type2) => mergeActiveFn(this, props, type2));
           const result = getFinishedResult(this, checkFinished(this, prevTo));
           flushCalls(this._pendingCalls, result);
           this._pendingCalls.add(resolve);
@@ -7501,7 +7501,7 @@
       const overrides = loopRet !== true && inferTo(loopRet);
       const reverse = (overrides || props).reverse;
       const reset = !overrides || overrides.reset;
-      return createUpdate(_extends({}, props, {
+      return createUpdate(_extends$1({}, props, {
         loop: loop2,
         default: false,
         pause: void 0,
@@ -7535,13 +7535,13 @@
     eachProp(values, (value, key) => value != null && keys.add(key));
   }
   const ACTIVE_EVENTS = ["onStart", "onRest", "onChange", "onPause", "onResume"];
-  function mergeActiveFn(target, props, type) {
-    target.animation[type] = props[type] !== getDefaultProp(props, type) ? resolveProp(props[type], target.key) : void 0;
+  function mergeActiveFn(target, props, type2) {
+    target.animation[type2] = props[type2] !== getDefaultProp(props, type2) ? resolveProp(props[type2], target.key) : void 0;
   }
-  function sendEvent(target, type, ...args) {
+  function sendEvent(target, type2, ...args) {
     var _target$animation$typ, _target$animation, _target$defaultProps$, _target$defaultProps;
-    (_target$animation$typ = (_target$animation = target.animation)[type]) == null ? void 0 : _target$animation$typ.call(_target$animation, ...args);
-    (_target$defaultProps$ = (_target$defaultProps = target.defaultProps)[type]) == null ? void 0 : _target$defaultProps$.call(_target$defaultProps, ...args);
+    (_target$animation$typ = (_target$animation = target.animation)[type2]) == null ? void 0 : _target$animation$typ.call(_target$animation, ...args);
+    (_target$defaultProps$ = (_target$defaultProps = target.defaultProps)[type2]) == null ? void 0 : _target$defaultProps$.call(_target$defaultProps, ...args);
   }
   const BATCHED_EVENTS = ["onStart", "onChange", "onRest"];
   let nextId = 1;
@@ -7574,7 +7574,7 @@
         this._flush = flush2;
       }
       if (props) {
-        this.start(_extends({
+        this.start(_extends$1({
           default: true
         }, props));
       }
@@ -7809,14 +7809,14 @@
     return result;
   }
   function getSprings(ctrl, props) {
-    const springs = _extends({}, ctrl.springs);
+    const springs = _extends$1({}, ctrl.springs);
     if (props) {
       each(toArray(props), (props2) => {
         if (is.und(props2.keys)) {
           props2 = createUpdate(props2);
         }
         if (!is.obj(props2.to)) {
-          props2 = _extends({}, props2, {
+          props2 = _extends$1({}, props2, {
             to: void 0
           });
         }
@@ -8047,7 +8047,7 @@
     useOnce(() => () => {
       each(state.ctrls, (ctrl) => ctrl.stop(true));
     });
-    const values = springs.map((x2) => _extends({}, x2));
+    const values = springs.map((x2) => _extends$1({}, x2));
     return ref ? [values, ref] : values;
   }
   function useSpring(props, deps) {
@@ -8366,7 +8366,7 @@
   });
   const animated = host.animated;
   const elevatorContext = React.createContext({});
-  const defaultProps$15 = {
+  const defaultProps$17 = {
     height: "200px",
     acceptKey: "title",
     indexList: [],
@@ -8389,7 +8389,7 @@
       children,
       ...rest
     } = {
-      ...defaultProps$15,
+      ...defaultProps$17,
       ...props
     };
     const b2 = cn("elevator");
@@ -8576,9 +8576,9 @@
       }, item[acceptKey]);
     }))));
   };
-  Elevator.defaultProps = defaultProps$15;
+  Elevator.defaultProps = defaultProps$17;
   Elevator.displayName = "NutElevator";
-  const defaultProps$14 = {
+  const defaultProps$16 = {
     defaultValue: 1,
     mode: "multi",
     prevText: "",
@@ -8595,7 +8595,7 @@
   };
   const Pagination = (props) => {
     const { locale } = useConfig();
-    ({ ...defaultProps$14, ...props });
+    ({ ...defaultProps$16, ...props });
     const {
       modelValue,
       mode,
@@ -8670,8 +8670,8 @@
       if (isSelect)
         onChange && onChange(curPage);
     };
-    const setPage = (number, text, active) => {
-      return { number, text, active };
+    const setPage = (number2, text, active) => {
+      return { number: number2, text, active };
     };
     React.useEffect(() => {
       let currentValue2 = props.defaultValue || 1;
@@ -8712,7 +8712,7 @@
       onClick: (e2) => selectPage(Number(currentPage) + 1, true)
     }, nextText || locale.pagination.next));
   };
-  Pagination.defaultProps = defaultProps$14;
+  Pagination.defaultProps = defaultProps$16;
   Pagination.displayName = "NutPagination";
   class Title {
     constructor() {
@@ -8722,7 +8722,7 @@
       this.index = 0;
     }
   }
-  const defaultProps$13 = {
+  const defaultProps$15 = {
     ...ComponentDefaults,
     tabStyle: {},
     value: 0,
@@ -8747,7 +8747,7 @@
       tabStyle,
       background,
       direction,
-      type,
+      type: type2,
       titleScroll,
       ellipsis,
       animatedTime,
@@ -8763,7 +8763,7 @@
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$13,
+      ...defaultProps$15,
       ...props
     };
     const [currentItem, setCurrentItem] = React.useState({ index: 0 });
@@ -8794,7 +8794,7 @@
     const classes = classNames(direction, b2(""), className);
     const classesTitle = classNames(
       {
-        [type]: type,
+        [type2]: type2,
         scrollable: titleScroll,
         [size]: size
       },
@@ -8805,8 +8805,8 @@
       marginRight: pxCheck$2(titleGutter)
     };
     const tabsActiveStyle = {
-      color: type === "smile" ? color : "",
-      background: type === "line" ? color : ""
+      color: type2 === "smile" ? color : "",
+      background: type2 === "line" ? color : ""
     };
     const index = titles.current.findIndex((t2) => t2.paneKey === value);
     const contentStyle = {
@@ -8839,10 +8839,10 @@
           `${b2("")}__titles-item`
         ),
         key: item.paneKey
-      }, type === "line" && /* @__PURE__ */ React__default["default"].createElement("div", {
+      }, type2 === "line" && /* @__PURE__ */ React__default["default"].createElement("div", {
         className: `${b2("")}__titles-item__line`,
         style: tabsActiveStyle
-      }), type === "smile" && /* @__PURE__ */ React__default["default"].createElement("div", {
+      }), type2 === "smile" && /* @__PURE__ */ React__default["default"].createElement("div", {
         className: `${b2("")}__titles-item__smile`,
         style: tabsActiveStyle
       }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
@@ -8881,9 +8881,9 @@
       return React__default["default"].cloneElement(child, childProps);
     }))));
   };
-  Tabs.defaultProps = defaultProps$13;
+  Tabs.defaultProps = defaultProps$15;
   Tabs.displayName = "NutTabs";
-  const defaultProps$12 = {
+  const defaultProps$14 = {
     title: "",
     paneKey: "",
     activeKey: "",
@@ -8891,7 +8891,7 @@
   };
   const TabPane = (props) => {
     const { children, paneKey, activeKey, autoHeightClassName, className } = {
-      ...defaultProps$12,
+      ...defaultProps$14,
       ...props
     };
     const b2 = cn("tabpane");
@@ -8907,7 +8907,7 @@
       className: classes
     }, children);
   };
-  const defaultProps$11 = {
+  const defaultProps$13 = {
     size: 3,
     current: 1,
     block: false,
@@ -8927,7 +8927,7 @@
       vertical,
       ...rest
     } = {
-      ...defaultProps$11,
+      ...defaultProps$13,
       ...props
     };
     const b2 = cn("indicator");
@@ -8961,7 +8961,7 @@
       ...rest
     }, renderEles());
   };
-  Indicator.defaultProps = defaultProps$11;
+  Indicator.defaultProps = defaultProps$13;
   Indicator.displayName = "NutIndicator";
   const handleClick = (e2) => {
     e2.stopPropagation();
@@ -8977,7 +8977,7 @@
     }
   };
   const OffsetContext = React.createContext(20);
-  const defaultProps$10 = {
+  const defaultProps$12 = {
     showhead: false,
     position: "left",
     width: "80%"
@@ -8995,7 +8995,7 @@
       onClose,
       ...rest
     } = {
-      ...defaultProps$10,
+      ...defaultProps$12,
       ...props
     };
     const offset = props.offset ? Number(props.offset) : 20;
@@ -9023,14 +9023,14 @@
       className: "nut-sidenavbar__content"
     }, children))))));
   };
-  SideNavBar.defaultProps = defaultProps$10;
+  SideNavBar.defaultProps = defaultProps$12;
   SideNavBar.displayName = "NutSideNavBar";
-  const defaultProps$$ = {
+  const defaultProps$11 = {
     open: true
   };
   const SubSideNavBar = (props) => {
     const { title, ikey, children, onClick, open, ...rest } = {
-      ...defaultProps$$,
+      ...defaultProps$11,
       ...props
     };
     const offset = React.useContext(OffsetContext);
@@ -9101,7 +9101,7 @@
       ...rest
     }, title);
   };
-  const defaultProps$_ = {
+  const defaultProps$10 = {
     ...ComponentDefaults,
     className: "",
     style: {},
@@ -9124,7 +9124,7 @@
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$_,
+      ...defaultProps$10,
       ...props
     };
     const parentRef = React.useRef(null);
@@ -9229,9 +9229,9 @@
       })));
     })), cloneChildren()));
   };
-  Menu.defaultProps = defaultProps$_;
+  Menu.defaultProps = defaultProps$10;
   Menu.displayName = "NutMenu";
-  const defaultProps$Z = {
+  const defaultProps$$ = {
     ...ComponentDefaults,
     className: "",
     style: {},
@@ -9246,7 +9246,7 @@
   };
   const MenuItem = React.forwardRef((props, ref) => {
     useConfig();
-    const mergedProps = { ...defaultProps$Z, ...props };
+    const mergedProps = { ...defaultProps$$, ...props };
     const {
       style,
       options: options2,
@@ -9262,7 +9262,7 @@
       iconClassPrefix,
       iconFontClassName
     } = {
-      ...defaultProps$Z,
+      ...defaultProps$$,
       ...props
     };
     const { activeColor, showPopup, parent, orderKey } = mergedProps;
@@ -9383,7 +9383,7 @@
       }, item.text));
     }), children))));
   });
-  MenuItem.defaultProps = defaultProps$Z;
+  MenuItem.defaultProps = defaultProps$$;
   MenuItem.displayName = "NutMenuItem";
   const MIN_DISTANCE = 10;
   function getDirection(x2, y2) {
@@ -9534,14 +9534,14 @@
         size,
         customClass,
         cover,
-        type
+        type: type2
       } = this.props;
       const toastBem = cn("toast");
       const classes = classNames({
         "nut-toast-center": center,
         "nut-toast-has-icon": icon,
         "nut-toast-cover": cover,
-        "nut-toast-loading": type === "loading",
+        "nut-toast-loading": type2 === "loading",
         [`${customClass}`]: true,
         [`nut-toast-${size}`]: true
       });
@@ -9681,7 +9681,7 @@
       }
     }
   };
-  const defaultProps$Y = {
+  const defaultProps$_ = {
     range: false,
     hiddenRange: false,
     hiddenTag: false,
@@ -9698,7 +9698,7 @@
     const { locale } = useConfig();
     const {
       className,
-      range,
+      range: range2,
       disabled,
       activeColor,
       inactiveColor,
@@ -9714,9 +9714,12 @@
       dragEnd,
       onChange,
       onDragStart,
-      onDragEnd
-    } = { ...defaultProps$Y, ...props };
-    let { min, max, step } = { ...defaultProps$Y, ...props };
+      onDragEnd,
+      minDesc,
+      maxDesc,
+      curValueDesc
+    } = { ...defaultProps$_, ...props };
+    let { min, max, step } = { ...defaultProps$_, ...props };
     min = Number(min);
     max = Number(max);
     step = Number(step);
@@ -9728,7 +9731,7 @@
     const [marksList, SetMarksList] = React.useState([]);
     React.useEffect(() => {
       if (modelValue) {
-        if (!range && (modelValue < min || modelValue > max)) {
+        if (!range2 && (modelValue < min || modelValue > max)) {
           SetInitValue(0);
           Toast.text(`${modelValue} ${locale.range.rangeText}`);
           return;
@@ -9764,7 +9767,7 @@
         const classPrefix = "nut-range-mark";
         let lowerBound = Number(min);
         let upperBound = Number(max);
-        if (range) {
+        if (range2) {
           const [left, right] = modelValue;
           lowerBound = left;
           upperBound = right;
@@ -9777,7 +9780,7 @@
           `${isActive ? `${classPrefix}-text-active` : ""}`
         ].filter(Boolean).join(" ");
       },
-      [range, modelValue, min, max]
+      [range2, modelValue, min, max]
     );
     const [rangeName, setRangeName] = React.useState(classes());
     const [containerName, setContainerName] = React.useState(containerClasses());
@@ -9796,7 +9799,7 @@
       };
     };
     const isRange = (val) => {
-      return !!range && Array.isArray(val);
+      return !!range2 && Array.isArray(val);
     };
     const calcMainAxis = () => {
       const modelVal = initValue || initValue === 0 ? initValue : modelValue;
@@ -9842,7 +9845,7 @@
     const tickStyle = (mark) => {
       let lowerBound = Number(min);
       let upperBound = Number(max);
-      if (range) {
+      if (range2) {
         const [left, right] = modelValue;
         lowerBound = left;
         upperBound = right;
@@ -9853,7 +9856,7 @@
       };
       return style;
     };
-    const format = (value) => {
+    const format2 = (value) => {
       value = Math.max(+min, Math.min(value, +max));
       return Math.round(value / +step) * +step;
     };
@@ -9868,9 +9871,9 @@
     };
     const updateValue = (value, end) => {
       if (isRange(value)) {
-        value = handleOverlap(value).map(format);
+        value = handleOverlap(value).map(format2);
       } else {
-        value = format(value);
+        value = format2(value);
       }
       const modelVal = initValue || initValue === 0 ? initValue : modelValue;
       if (!isSameValue(value, modelVal)) {
@@ -9914,9 +9917,9 @@
       touch.start(event);
       currentValue = initValue || initValue === 0 ? initValue : modelValue;
       if (isRange(currentValue)) {
-        startValue = currentValue.map(format);
+        startValue = currentValue.map(format2);
       } else {
-        startValue = format(currentValue);
+        startValue = format2(currentValue);
       }
       SetDragStatus("start");
     };
@@ -9966,7 +9969,7 @@
       className: `${containerName}`
     }, !hiddenRange ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "min"
-    }, +min) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
+    }, minDesc || +min) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
       ref: root,
       style: wrapperStyle(),
       className: `${rangeName}`,
@@ -9987,7 +9990,7 @@
     })) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-range-bar",
       style: barStyle()
-    }, range ? [0, 1].map((item, index) => {
+    }, range2 ? [0, 1].map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         role: "slider",
         key: index,
@@ -10021,7 +10024,7 @@
         style: buttonStyle()
       }, !hiddenTag ? /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "number"
-      }, curValue(index)) : null));
+      }, curValueDesc || curValue(index)) : null));
     }) : /* @__PURE__ */ React__default["default"].createElement("div", {
       role: "slider",
       className: "nut-range-button-wrapper",
@@ -10050,19 +10053,19 @@
       style: buttonStyle()
     }, !hiddenTag ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "number"
-    }, curValue()) : null)))), !hiddenRange ? /* @__PURE__ */ React__default["default"].createElement("div", {
+    }, curValueDesc || curValue()) : null)))), !hiddenRange ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "max"
-    }, +max) : null);
+    }, maxDesc || +max) : null);
   };
-  Range.defaultProps = defaultProps$Y;
+  Range.defaultProps = defaultProps$_;
   Range.displayName = "NutRange";
   const Utils = {
     isLeapYear(y2) {
       return y2 % 4 == 0 && y2 % 100 != 0 || y2 % 400 == 0;
     },
     getWhatDay(year, month, day) {
-      const date = new Date(`${year}/${month}/${day}`);
-      const index = date.getDay();
+      const date2 = new Date(`${year}/${month}/${day}`);
+      const index = date2.getDay();
       const dayNames = [
         "\u661F\u671F\u65E5",
         "\u661F\u671F\u4E00",
@@ -10075,8 +10078,8 @@
       return dayNames[index];
     },
     getMonthPreDay(year, month) {
-      const date = new Date(`${year}/${month}/01`);
-      let day = date.getDay();
+      const date2 = new Date(`${year}/${month}/01`);
+      let day = date2.getDay();
       if (day == 0) {
         day = 7;
       }
@@ -10106,19 +10109,19 @@
       n2 = Number(n2);
       return (n2 > 9 ? "" : "0") + n2;
     },
-    date2Str(date, split) {
+    date2Str(date2, split) {
       split = split || "-";
-      const y2 = date.getFullYear();
-      const m2 = this.getNumTwoBit(date.getMonth() + 1);
-      const d2 = this.getNumTwoBit(date.getDate());
+      const y2 = date2.getFullYear();
+      const m2 = this.getNumTwoBit(date2.getMonth() + 1);
+      const d2 = this.getNumTwoBit(date2.getDate());
       return [y2, m2, d2].join(split);
     },
     getDay(i) {
       i = i || 0;
-      let date = new Date();
+      let date2 = new Date();
       const diff = i * (1e3 * 60 * 60 * 24);
-      date = new Date(date.getTime() + diff);
-      return this.date2Str(date);
+      date2 = new Date(date2.getTime() + diff);
+      return this.date2Str(date2);
     },
     compareDate(date1, date2) {
       const startTime = new Date(date1.replace("-", "/").replace("-", "/"));
@@ -10148,7 +10151,7 @@
     };
   }
   var requestAniFrame$1 = requestAniFrame();
-  const defaultProps$X = {
+  const defaultProps$Z = {
     type: "one",
     isAutoBackFill: false,
     poppable: true,
@@ -10178,7 +10181,7 @@
   const CalendarItem = React__default["default"].forwardRef((props, ref) => {
     const { locale } = useConfig();
     const {
-      type,
+      type: type2,
       isAutoBackFill,
       poppable,
       title,
@@ -10197,7 +10200,7 @@
       onChoose,
       onUpdate,
       onSelected
-    } = { ...defaultProps$X, ...props };
+    } = { ...defaultProps$Z, ...props };
     const weeks = locale.calendaritem.weekdays;
     const [yearMonthTitle, setYearMonthTitle] = React.useState("");
     const [monthsData, setMonthsData] = React.useState([]);
@@ -10249,10 +10252,10 @@
     });
     const monthitemclasses = classNames({
       "calendar-month-item": true,
-      [`${type === "range" ? "month-item-range" : ""}`]: true
+      [`${type2 === "range" ? "month-item-range" : ""}`]: true
     });
-    const splitDate = (date) => {
-      return date.split("-");
+    const splitDate = (date2) => {
+      return date2.split("-");
     };
     const isStart = (currDate) => {
       return Utils.isEqual(state.currDate[0], currDate);
@@ -10276,13 +10279,13 @@
     const getClass = (day, month) => {
       const currDate = getCurrDate(day, month);
       if (day.type === "curr") {
-        if (Utils.isEqual(state.currDate, currDate) || type === "range" && (isStart(currDate) || isEnd(currDate)) || type === "multiple" && isMultiple(currDate)) {
+        if (Utils.isEqual(state.currDate, currDate) || type2 === "range" && (isStart(currDate) || isEnd(currDate)) || type2 === "multiple" && isMultiple(currDate)) {
           return `${state.dayPrefix}-active`;
         }
         if (state.propStartDate && Utils.compareDate(currDate, state.propStartDate) || state.propEndDate && Utils.compareDate(state.propEndDate, currDate)) {
           return `${state.dayPrefix}-disabled`;
         }
-        if (type === "range" && Array.isArray(state.currDate) && Object.values(state.currDate).length === 2 && Utils.compareDate(state.currDate[0], currDate) && Utils.compareDate(currDate, state.currDate[1])) {
+        if (type2 === "range" && Array.isArray(state.currDate) && Object.values(state.currDate).length === 2 && Utils.compareDate(state.currDate[0], currDate) && Utils.compareDate(currDate, state.currDate[1])) {
           return `${state.dayPrefix}-choose`;
         }
         return null;
@@ -10293,12 +10296,12 @@
       return state.isRange && day.type === "curr" && getClass(day, month) === "calendar-month-day-active";
     };
     const isCurrDay = (month, day) => {
-      const date = `${month.curData[0]}-${month.curData[1]}-${day}`;
-      return Utils.isEqual(date, Utils.date2Str(new Date()));
+      const date2 = `${month.curData[0]}-${month.curData[1]}-${day}`;
+      return Utils.isEqual(date2, Utils.date2Str(new Date()));
     };
     const confirm2 = () => {
-      const { type: type2 } = props;
-      if (type2 === "range" && state.chooseData.length === 2 || type2 !== "range") {
+      const { type: type22 } = props;
+      if (type22 === "range" && state.chooseData.length === 2 || type22 !== "range") {
         const chooseData = state.chooseData.slice(0);
         onChoose && onChoose(chooseData);
         if (poppable) {
@@ -10308,12 +10311,12 @@
     };
     const chooseDay = (day, month, isFirst) => {
       if (getClass(day, month) !== `${state.dayPrefix}-disabled`) {
-        const { type: type2 } = props;
+        const { type: type22 } = props;
         const days = [...month.curData];
         days[2] = typeof day.day === "number" ? Utils.getNumTwoBit(day.day) : day.day;
         days[3] = `${days[0]}-${days[1]}-${days[2]}`;
         days[4] = Utils.getWhatDay(+days[0], +days[1], +days[2]);
-        if (type2 === "multiple") {
+        if (type22 === "multiple") {
           if (state.currDate.length > 0) {
             let hasIndex = "";
             state.currDate.forEach((item, index) => {
@@ -10334,7 +10337,7 @@
             state.currDate = [days[3]];
             state.chooseData = [[...days]];
           }
-        } else if (type2 === "range") {
+        } else if (type22 === "range") {
           const curDataLength = Object.values(state.currDate).length;
           if (curDataLength === 2 || curDataLength === 0) {
             state.currDate = [days[3]];
@@ -10378,11 +10381,11 @@
       }
       return false;
     };
-    const getCurrData = (type2) => {
-      const monthData = type2 === "prev" ? state.monthsData[0] : state.monthsData[state.monthsData.length - 1];
+    const getCurrData = (type22) => {
+      const monthData = type22 === "prev" ? state.monthsData[0] : state.monthsData[state.monthsData.length - 1];
       let year = parseInt(monthData.curData[0]);
       let month = parseInt(monthData.curData[1].toString().replace(/^0/, ""));
-      switch (type2) {
+      switch (type22) {
         case "prev":
           month === 1 && (year -= 1);
           month = month === 1 ? 12 : --month;
@@ -10398,36 +10401,36 @@
         Utils.getMonthDays(String(year), String(month))
       ];
     };
-    const getDaysStatus = (days, type2, dateInfo) => {
+    const getDaysStatus = (days, type22, dateInfo) => {
       const { year, month } = dateInfo;
-      if (type2 === "prev" && days >= 7) {
+      if (type22 === "prev" && days >= 7) {
         days -= 7;
       }
       return Array.from(Array(days), (v2, k2) => {
         return {
           day: k2 + 1,
-          type: type2,
+          type: type22,
           year,
           month
         };
       });
     };
-    const getPreDaysStatus = (days, type2, dateInfo, preCurrMonthDays) => {
+    const getPreDaysStatus = (days, type22, dateInfo, preCurrMonthDays) => {
       const { year, month } = dateInfo;
-      if (type2 === "prev" && days >= 7) {
+      if (type22 === "prev" && days >= 7) {
         days -= 7;
       }
       const months2 = Array.from(Array(preCurrMonthDays), (v2, k2) => {
         return {
           day: k2 + 1,
-          type: type2,
+          type: type22,
           year,
           month
         };
       });
       return months2.slice(preCurrMonthDays - days);
     };
-    const getMonth = (curData, type2) => {
+    const getMonth = (curData, type22) => {
       const preMonthDays = Utils.getMonthPreDay(+curData[0], +curData[1]);
       let preMonth = +curData[1] - 1;
       let preYear = curData[0];
@@ -10460,7 +10463,7 @@
         cssScrollHeight = state.monthsData[state.monthsData.length - 1].cssScrollHeight + state.monthsData[state.monthsData.length - 1].cssHeight;
       }
       monthInfo.cssScrollHeight = cssScrollHeight;
-      if (type2 === "next") {
+      if (type22 === "next") {
         if (!state.endData || !Utils.compareDate(
           `${state.endData[0]}-${state.endData[1]}-${Utils.getMonthDays(
             state.endData[0],
@@ -10566,7 +10569,7 @@
         getMonth(getCurrData("next"), "next");
       } while (i++ < monthsNum);
       state.monthsNum = monthsNum;
-      if (type === "range" && Array.isArray(state.currDate)) {
+      if (type2 === "range" && Array.isArray(state.currDate)) {
         if (state.currDate.length > 0) {
           if (propStartDate && Utils.compareDate(state.currDate[0], propStartDate)) {
             state.currDate.splice(0, 1, propStartDate);
@@ -10626,7 +10629,7 @@
       state.currentIndex = current;
       setYearMonthTitle(state.monthsData[state.currentIndex].title);
       if (state.defaultData.length > 0) {
-        if (type === "range") {
+        if (type2 === "range") {
           chooseDay(
             { day: state.defaultData[2], type: "curr" },
             state.monthsData[state.currentIndex],
@@ -10637,7 +10640,7 @@
             state.monthsData[lastCurrent],
             true
           );
-        } else if (type === "multiple") {
+        } else if (type2 === "multiple") {
           [...state.currDate].forEach((item) => {
             const dateArr = splitDate(item);
             let current2 = state.currentIndex;
@@ -10676,13 +10679,13 @@
       state.monthsData.splice(0);
       initData();
     };
-    const scrollToDate = (date) => {
-      if (Utils.compareDate(date, state.propStartDate)) {
-        date = state.propStartDate;
-      } else if (!Utils.compareDate(date, state.propEndDate)) {
-        date = state.propEndDate;
+    const scrollToDate = (date2) => {
+      if (Utils.compareDate(date2, state.propStartDate)) {
+        date2 = state.propStartDate;
+      } else if (!Utils.compareDate(date2, state.propEndDate)) {
+        date2 = state.propEndDate;
       }
-      const dateArr = splitDate(date);
+      const dateArr = splitDate(date2);
       state.monthsData.forEach((item, index) => {
         if (item.title === locale.calendaritem.monthTitle(dateArr[0], dateArr[1])) {
           if (months.current) {
@@ -10784,9 +10787,9 @@
       onClick: confirm2
     }, confirmText || locale.confirm)) : ""));
   });
-  CalendarItem.defaultProps = defaultProps$X;
+  CalendarItem.defaultProps = defaultProps$Z;
   CalendarItem.displayName = "NutCalendarItem";
-  const defaultProps$W = {
+  const defaultProps$Y = {
     type: "one",
     isAutoBackFill: false,
     poppable: true,
@@ -10818,7 +10821,7 @@
     const {
       poppable,
       visible,
-      type,
+      type: type2,
       isAutoBackFill,
       title,
       defaultValue,
@@ -10838,7 +10841,7 @@
       onClose,
       onChoose,
       onSelected
-    } = { ...defaultProps$W, ...props };
+    } = { ...defaultProps$Y, ...props };
     const calendarRef = React.useRef(null);
     const close = () => {
       onClose && onClose();
@@ -10853,9 +10856,9 @@
     const select = (param) => {
       onSelected && onSelected(param);
     };
-    const scrollToDate = (date) => {
+    const scrollToDate = (date2) => {
       var _a;
-      (_a = calendarRef.current) == null ? void 0 : _a.scrollToDate(date);
+      (_a = calendarRef.current) == null ? void 0 : _a.scrollToDate(date2);
     };
     React__default["default"].useImperativeHandle(ref, () => ({
       scrollToDate
@@ -10863,7 +10866,7 @@
     const renderItem = () => {
       return /* @__PURE__ */ React__default["default"].createElement(CalendarItem, {
         ref: calendarRef,
-        type,
+        type: type2,
         isAutoBackFill,
         poppable,
         title: locale.calendaritem.title || title,
@@ -10897,9 +10900,9 @@
       style: { height: "85vh" }
     }, renderItem()) : renderItem());
   });
-  Calendar.defaultProps = defaultProps$W;
+  Calendar.defaultProps = defaultProps$Y;
   Calendar.displayName = "NutCalendar";
-  const defaultProps$V = {
+  const defaultProps$X = {
     disabled: false,
     checkedValue: [],
     max: void 0,
@@ -10909,7 +10912,7 @@
   };
   const CheckboxGroup = React__default["default"].forwardRef(
     (props, ref) => {
-      const { children } = { ...defaultProps$V, ...props };
+      const { children } = { ...defaultProps$X, ...props };
       const b2 = cn("checkboxgroup");
       const {
         className,
@@ -11016,9 +11019,9 @@
       }, (options2 == null ? void 0 : options2.length) ? renderOptionsChildren() : cloneChildren());
     }
   );
-  CheckboxGroup.defaultProps = defaultProps$V;
+  CheckboxGroup.defaultProps = defaultProps$X;
   CheckboxGroup.displayName = "NutCheckboxGroup";
-  const defaultProps$U = {
+  const defaultProps$W = {
     ...ComponentDefaults,
     checked: false,
     disabled: false,
@@ -11034,7 +11037,7 @@
   };
   const Checkbox = (props) => {
     const { children } = {
-      ...defaultProps$U,
+      ...defaultProps$W,
       ...props
     };
     const b2 = cn("checkbox");
@@ -11116,7 +11119,7 @@
       onClick: handleClick2
     }, renderIcon(), renderLabel());
   };
-  Checkbox.defaultProps = defaultProps$U;
+  Checkbox.defaultProps = defaultProps$W;
   Checkbox.displayName = "NutCheckBox";
   Checkbox.Group = CheckboxGroup;
   const InternalPickerSlot = (props, ref) => {
@@ -11152,18 +11155,18 @@
       }
       return false;
     };
-    const setTransform = (translateY = 0, type, time = DEFAULT_DURATION, deg) => {
+    const setTransform = (translateY = 0, type2, time = DEFAULT_DURATION, deg) => {
       let nTime = time;
-      if (type !== "end") {
+      if (type2 !== "end") {
         nTime = 0;
       }
       setTouchTime(nTime);
       setTouchDeg(deg);
       setScrollDistance(translateY);
     };
-    const setMove = (move, type, time) => {
+    const setMove = (move, type2, time) => {
       let updateMove = move + transformY.current;
-      if (type === "end") {
+      if (type2 === "end") {
         if (updateMove > 0) {
           updateMove = 0;
         }
@@ -11172,7 +11175,7 @@
         }
         const endMove = Math.round(updateMove / lineSpacing) * lineSpacing;
         const deg = `${(Math.abs(Math.round(endMove / lineSpacing)) + 1) * rotation}deg`;
-        setTransform(endMove, type, time, deg);
+        setTransform(endMove, type2, time, deg);
         setCurrIndex(Math.abs(Math.round(endMove / lineSpacing)) + 1);
       } else {
         let deg = 0;
@@ -11225,7 +11228,7 @@
       nDistance = speed / 3e-3 * (nDistance < 0 ? -1 : 1);
       return nDistance;
     };
-    const modifyStatus = (type, val) => {
+    const modifyStatus = (type2, val) => {
       const value = val || defaultValue;
       let index = -1;
       if (value) {
@@ -11245,7 +11248,7 @@
       }
       setCurrIndex(index === -1 ? 1 : index + 1);
       const move = index === -1 ? 0 : index * lineSpacing;
-      type && setChooseValue(-move);
+      type2 && setChooseValue(-move);
       setMove(-move);
     };
     const stopMomentum = () => {
@@ -11444,8 +11447,8 @@
       }
     };
     const normalListData = () => {
-      const type = columnsType();
-      switch (type) {
+      const type2 = columnsType();
+      switch (type2) {
         case "multiple":
           return listData;
         case "cascade":
@@ -11541,7 +11544,7 @@
   };
   const Picker = React__default["default"].forwardRef(InternalPicker);
   const currentYear = new Date().getFullYear();
-  const defaultProps$T = {
+  const defaultProps$V = {
     modelValue: null,
     visible: false,
     title: "",
@@ -11556,7 +11559,7 @@
     const {
       minDate,
       maxDate,
-      type,
+      type: type2,
       isShowChinese,
       minuteStep,
       modelValue,
@@ -11572,7 +11575,7 @@
       style,
       ...rest
     } = {
-      ...defaultProps$T,
+      ...defaultProps$V,
       ...props
     };
     const { locale } = useConfig();
@@ -11605,16 +11608,16 @@
     function getMonthEndDay(year, month) {
       return new Date(year, month, 0).getDate();
     }
-    const getBoundary = (type2, value) => {
-      const boundary = type2 === "min" ? minDate : maxDate;
+    const getBoundary = (type22, value) => {
+      const boundary = type22 === "min" ? minDate : maxDate;
       const year = boundary.getFullYear();
       let month = 1;
-      let date = 1;
+      let date2 = 1;
       let hour = 0;
       let minute = 0;
-      if (type2 === "max") {
+      if (type22 === "max") {
         month = 12;
-        date = getMonthEndDay(value.getFullYear(), value.getMonth() + 1);
+        date2 = getMonthEndDay(value.getFullYear(), value.getMonth() + 1);
         hour = 23;
         minute = 59;
       }
@@ -11622,8 +11625,8 @@
       if (value.getFullYear() === year) {
         month = boundary.getMonth() + 1;
         if (value.getMonth() + 1 === month) {
-          date = boundary.getDate();
-          if (value.getDate() === date) {
+          date2 = boundary.getDate();
+          if (value.getDate() === date2) {
             hour = boundary.getHours();
             if (value.getHours() === hour) {
               minute = boundary.getMinutes();
@@ -11632,16 +11635,16 @@
         }
       }
       return {
-        [`${type2}Year`]: year,
-        [`${type2}Month`]: month,
-        [`${type2}Date`]: date,
-        [`${type2}Hour`]: hour,
-        [`${type2}Minute`]: minute,
-        [`${type2}Seconds`]: seconds
+        [`${type22}Year`]: year,
+        [`${type22}Month`]: month,
+        [`${type22}Date`]: date2,
+        [`${type22}Hour`]: hour,
+        [`${type22}Minute`]: minute,
+        [`${type22}Seconds`]: seconds
       };
     };
-    const ranges = (date) => {
-      const curDate = date || currentDate;
+    const ranges = (date2) => {
+      const curDate = date2 || currentDate;
       if (!curDate)
         return [];
       const { maxYear, maxDate: maxDate2, maxMonth, maxHour, maxMinute, maxSeconds } = getBoundary("max", curDate);
@@ -11672,7 +11675,7 @@
           range: [minSeconds, maxSeconds]
         }
       ];
-      switch (type.toLocaleLowerCase()) {
+      switch (type2.toLocaleLowerCase()) {
         case "date":
           result = result.slice(0, 3);
           break;
@@ -11696,18 +11699,18 @@
     };
     const updateChooseValueCustmer = (index, selectedValue, cacheValueData) => {
       if (["date", "datetime", "datehour", "month-day", "year-month"].includes(
-        type.toLocaleLowerCase()
+        type2.toLocaleLowerCase()
       )) {
         const formatDate = [];
         selectedValue.forEach((item) => {
           formatDate.push(item);
         });
-        if (type.toLocaleLowerCase() === "month-day" && formatDate.length < 3) {
+        if (type2.toLocaleLowerCase() === "month-day" && formatDate.length < 3) {
           formatDate.unshift(
             new Date(modelValue || minDate || maxDate).getFullYear()
           );
         }
-        if (type.toLocaleLowerCase() === "year-month" && formatDate.length < 3) {
+        if (type2.toLocaleLowerCase() === "year-month" && formatDate.length < 3) {
           formatDate.push(new Date(modelValue || minDate || maxDate).getDate());
         }
         const year = Number(formatDate[0]);
@@ -11716,22 +11719,22 @@
           Number(formatDate[2]),
           getMonthEndDay(Number(formatDate[0]), Number(formatDate[1]))
         );
-        let date = null;
-        if (type.toLocaleLowerCase() === "date" || type.toLocaleLowerCase() === "month-day" || type.toLocaleLowerCase() === "year-month") {
-          date = new Date(year, month, day);
-        } else if (type.toLocaleLowerCase() === "datetime") {
-          date = new Date(
+        let date2 = null;
+        if (type2.toLocaleLowerCase() === "date" || type2.toLocaleLowerCase() === "month-day" || type2.toLocaleLowerCase() === "year-month") {
+          date2 = new Date(year, month, day);
+        } else if (type2.toLocaleLowerCase() === "datetime") {
+          date2 = new Date(
             year,
             month,
             day,
             Number(formatDate[3]),
             Number(formatDate[4])
           );
-        } else if (type.toLocaleLowerCase() === "datehour") {
-          date = new Date(year, month, day, Number(formatDate[3]));
+        } else if (type2.toLocaleLowerCase() === "datehour") {
+          date2 = new Date(year, month, day, Number(formatDate[3]));
         }
-        const isEqual2 = (currentDate == null ? void 0 : currentDate.getTime()) === (date == null ? void 0 : date.getTime());
-        date && isDate(date) && !isEqual2 && setCurrentDate(formatValue(date));
+        const isEqual2 = (currentDate == null ? void 0 : currentDate.getTime()) === (date2 == null ? void 0 : date2.getTime());
+        date2 && isDate(date2) && !isEqual2 && setCurrentDate(formatValue(date2));
       }
       props.onChange && props.onChange(index, selectedValue, cacheValueData);
     };
@@ -11742,27 +11745,27 @@
       }
       return str;
     };
-    const formatterOption = (type2, value) => {
+    const formatterOption = (type22, value) => {
       let fOption = null;
       if (formatter) {
-        fOption = formatter(type2, {
+        fOption = formatter(type22, {
           text: padZero(value, 2),
           value: padZero(value, 2)
         });
       } else {
         const padMin = padZero(value, 2);
-        const fatter = isShowChinese ? zhCNType[type2] : "";
+        const fatter = isShowChinese ? zhCNType[type22] : "";
         fOption = { text: padMin + fatter, value: padMin };
       }
       return fOption;
     };
-    const generateValue = (min, max, val, type2, columnIndex) => {
+    const generateValue = (min, max, val, type22, columnIndex) => {
       let cmin = min;
       const arr = [];
       let index = 0;
       while (cmin <= max) {
-        arr.push(formatterOption(type2, cmin));
-        if (type2 === "minute") {
+        arr.push(formatterOption(type22, cmin));
+        if (type22 === "minute") {
           cmin += minuteStep;
         } else {
           cmin++;
@@ -11773,32 +11776,32 @@
       }
       defaultValue[columnIndex] = arr[index].value;
       setDefaultValue([...defaultValue]);
-      if (props.filter && props.filter(type2, arr)) {
-        return props.filter(type2, arr);
+      if (props.filter && props.filter(type22, arr)) {
+        return props.filter(type22, arr);
       }
       return arr;
     };
-    const getDateIndex = (type2) => {
+    const getDateIndex = (type22) => {
       if (!currentDate)
         return 0;
       let d2 = 0;
-      if (type2 === "year") {
+      if (type22 === "year") {
         d2 = currentDate.getFullYear();
-      } else if (type2 === "month") {
+      } else if (type22 === "month") {
         d2 = currentDate.getMonth() + 1;
-      } else if (type2 === "day") {
+      } else if (type22 === "day") {
         d2 = currentDate.getDate();
-      } else if (type2 === "hour") {
+      } else if (type22 === "hour") {
         d2 = currentDate.getHours();
-      } else if (type2 === "minute") {
+      } else if (type22 === "minute") {
         d2 = currentDate.getMinutes();
-      } else if (type2 === "seconds") {
+      } else if (type22 === "seconds") {
         d2 = currentDate.getSeconds();
       }
       return d2;
     };
-    const columns = (date) => {
-      const val = ranges(date).map((res, columnIndex) => {
+    const columns = (date2) => {
+      const val = ranges(date2).map((res, columnIndex) => {
         return generateValue(
           res.range[0],
           res.range[1],
@@ -11838,9 +11841,9 @@
       ref: pickerRef
     }));
   };
-  DatePicker.defaultProps = defaultProps$T;
+  DatePicker.defaultProps = defaultProps$V;
   DatePicker.displayName = "NutDatePicker";
-  const defaultProps$S = {
+  const defaultProps$U = {
     ...ComponentDefaults,
     disabled: false,
     buttonSize: "",
@@ -11887,7 +11890,7 @@
       iconFontClassName,
       ...restProps
     } = {
-      ...defaultProps$S,
+      ...defaultProps$U,
       ...props
     };
     const [inputValue, setInputValue] = React.useState(modelValue);
@@ -12024,7 +12027,7 @@
       onClick: addNumber
     }));
   };
-  InputNumber.defaultProps = defaultProps$S;
+  InputNumber.defaultProps = defaultProps$U;
   InputNumber.displayName = "NutInputNumber";
   function trimExtraChar(value, char, regExp) {
     const index = value.indexOf(char);
@@ -12050,7 +12053,7 @@
     const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
     return value.replace(regExp, "");
   }
-  const defaultProps$R = {
+  const defaultProps$T = {
     ...ComponentDefaults,
     type: "text",
     name: "",
@@ -12090,7 +12093,7 @@
     const { locale } = useConfig();
     const {
       children,
-      type,
+      type: type2,
       name,
       defaultValue,
       placeholder,
@@ -12101,7 +12104,7 @@
       colon,
       inputAlign,
       center,
-      required,
+      required: required2,
       disabled,
       readonly,
       error,
@@ -12115,7 +12118,7 @@
       clearSize,
       border,
       formatTrigger,
-      rules,
+      rules: rules2,
       errorMessage,
       errorMessageAlign,
       showWordLimit,
@@ -12147,7 +12150,7 @@
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$R,
+      ...defaultProps$T,
       ...props
     };
     locale.placeholder = placeholder || locale.placeholder;
@@ -12178,21 +12181,21 @@
         prefixCls,
         `${center ? "center" : ""}`,
         `${disabled ? `${prefixCls}-disabled` : ""}`,
-        `${required ? `${prefixCls}-required` : ""}`,
+        `${required2 ? `${prefixCls}-required` : ""}`,
         `${error ? `${prefixCls}-error` : ""}`,
         `${border ? `${prefixCls}-border` : ""}`
       ].filter(Boolean).join(" ");
-    }, [disabled, required, error, border]);
+    }, [disabled, required2, error, border]);
     const updateValue = (value, trigger = "onChange") => {
       var _a;
       let val = value;
-      if (type === "digit" || type === "tel") {
+      if (type2 === "digit" || type2 === "tel") {
         val = formatNumber(val, false, false);
       }
-      if (type === "number") {
+      if (type2 === "number") {
         val = formatNumber(val, true, true);
       }
-      if (type === "tel" && !formatter) {
+      if (type2 === "tel" && !formatter) {
         const regTel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
         const regNumber = /[^-0-9]/g;
         val = !regTel.test(val) && val.length > 11 ? val.substring(0, 11) : val.replace(regNumber, "");
@@ -12246,14 +12249,14 @@
     };
     const resetValidation = () => {
     };
-    const inputType = (type2) => {
-      if (type2 === "number") {
+    const inputType = (type22) => {
+      if (type22 === "number") {
         return "text";
       }
-      if (type2 === "digit") {
+      if (type22 === "digit") {
         return "tel";
       }
-      return type2;
+      return type22;
     };
     const handleClear = (event) => {
       updateValue("");
@@ -12302,7 +12305,7 @@
       onClick: (e2) => {
         handleClickInput(e2);
       }
-    }, type === "textarea" ? /* @__PURE__ */ React__default["default"].createElement("textarea", {
+    }, type2 === "textarea" ? /* @__PURE__ */ React__default["default"].createElement("textarea", {
       name,
       className: "input-text",
       ref: inputRef,
@@ -12330,7 +12333,7 @@
       className: "input-text",
       ref: inputRef,
       style: { textAlign: inputAlign },
-      type: inputType(type),
+      type: inputType(type2),
       maxLength: maxlength,
       placeholder: placeholder || locale.placeholder,
       disabled,
@@ -12378,14 +12381,14 @@
       }
     }, errorMessage) : null)));
   });
-  Input.defaultProps = defaultProps$R;
+  Input.defaultProps = defaultProps$T;
   Input.displayName = "NutInput";
   const radioContext = {
     onChange: (val) => {
     }
   };
   var RadioContext = React__default["default"].createContext(radioContext);
-  const defaultProps$Q = {
+  const defaultProps$S = {
     value: null,
     textPosition: "right",
     onChange: (value) => {
@@ -12395,7 +12398,7 @@
   };
   const RadioGroup = React__default["default"].forwardRef(
     (props, ref) => {
-      const { children } = { ...defaultProps$Q, ...props };
+      const { children } = { ...defaultProps$S, ...props };
       cn("RadioGroup");
       const {
         className,
@@ -12460,9 +12463,9 @@
       }, (options2 == null ? void 0 : options2.length) ? renderOptionsChildren() : cloneChildren()));
     }
   );
-  RadioGroup.defaultProps = defaultProps$Q;
+  RadioGroup.defaultProps = defaultProps$S;
   RadioGroup.displayName = "NutRadioGroup";
-  const defaultProps$P = {
+  const defaultProps$R = {
     ...ComponentDefaults,
     className: "",
     style: {},
@@ -12479,7 +12482,7 @@
   };
   const Radio = (props) => {
     const { children } = {
-      ...defaultProps$P,
+      ...defaultProps$R,
       ...props
     };
     const {
@@ -12559,10 +12562,10 @@
       ...rest
     }, renderRadioItem());
   };
-  Radio.defaultProps = defaultProps$P;
+  Radio.defaultProps = defaultProps$R;
   Radio.displayName = "NutRadio";
   Radio.RadioGroup = RadioGroup;
-  const defaultProps$O = {
+  const defaultProps$Q = {
     ...ComponentDefaults,
     count: 5,
     modelValue: 0,
@@ -12597,7 +12600,7 @@
       iconClassPrefix,
       iconFontClassName
     } = {
-      ...defaultProps$O,
+      ...defaultProps$Q,
       ...props
     };
     const b2 = cn("rate");
@@ -12670,9 +12673,9 @@
       }));
     }));
   };
-  Rate.defaultProps = defaultProps$O;
+  Rate.defaultProps = defaultProps$Q;
   Rate.displayName = "NutRate";
-  const defaultProps$N = {
+  const defaultProps$P = {
     ...ComponentDefaults,
     title: "",
     desc: "",
@@ -12723,11 +12726,11 @@
     } = props;
     const b2 = cn("shortpassword");
     const textInput = React.useRef(null);
-    const range = (val) => {
+    const range2 = (val) => {
       return Math.min(Math.max(4, val), 6);
     };
     const [innerVisible, setInnerVisible] = React.useState(visible);
-    const [comLen, setComLen] = React.useState(range(Number(length)));
+    const [comLen, setComLen] = React.useState(range2(Number(length)));
     const [inputValue, setInputValue] = React.useState("");
     React.useEffect(() => {
       setInnerVisible(visible);
@@ -12840,9 +12843,9 @@
       onClick: () => sure()
     }, locale.confirm)) : null)));
   };
-  ShortPassword.defaultProps = defaultProps$N;
+  ShortPassword.defaultProps = defaultProps$P;
   ShortPassword.displayName = "NutShortPassword";
-  const defaultProps$M = {
+  const defaultProps$O = {
     defaultValue: "",
     textAlign: "left",
     limitshow: false,
@@ -12870,18 +12873,16 @@
       onChange,
       onBlur,
       onFocus
-    } = { ...defaultProps$M, ...props };
+    } = { ...defaultProps$O, ...props };
     const textareaBem = cn("textarea");
     const [inputValue, SetInputValue] = React.useState("");
     const textareaRef = React.useRef(null);
     React.useEffect(() => {
-      if (defaultValue) {
-        let initValue = defaultValue;
-        if (maxlength && initValue.length > Number(maxlength)) {
-          initValue = initValue.substring(0, Number(maxlength));
-        }
-        SetInputValue(initValue);
+      let initValue = defaultValue;
+      if (initValue && maxlength && [...initValue].length > Number(maxlength)) {
+        initValue = initValue.substring(0, Number(maxlength));
       }
+      SetInputValue(initValue);
       if (autosize) {
         setTimeout(() => {
           setContentHeight();
@@ -12916,7 +12917,7 @@
     };
     const textChange = (event) => {
       const text = event.target;
-      if (maxlength && text.value.length > Number(maxlength)) {
+      if (maxlength && [...text.value].length > Number(maxlength)) {
         text.value = text.value.substring(0, Number(maxlength));
       }
       SetInputValue(text.value);
@@ -12967,11 +12968,11 @@
       placeholder: placeholder || locale.placeholder
     }), limitshow ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: textareaBem("limit")
-    }, inputValue.length, "/", maxlength < 0 ? 0 : maxlength) : null);
+    }, [...inputValue].length, "/", maxlength < 0 ? 0 : maxlength) : null);
   };
-  TextArea.defaultProps = defaultProps$M;
+  TextArea.defaultProps = defaultProps$O;
   TextArea.displayName = "NutTextArea";
-  const defaultProps$L = {
+  const defaultProps$N = {
     name: "",
     size: "",
     classPrefix: "nut-icon",
@@ -12999,11 +13000,11 @@
       onClick,
       ...rest
     } = {
-      ...defaultProps$L,
+      ...defaultProps$N,
       ...props
     };
     const isImage = name ? name.indexOf("/") !== -1 : false;
-    const type = isImage ? "img" : tag;
+    const type2 = isImage ? "img" : tag;
     const b2 = cn("icon");
     const handleClick2 = (e2) => {
       if (onClick) {
@@ -13016,7 +13017,7 @@
       return {};
     };
     return React__default["default"].createElement(
-      type,
+      type2,
       {
         className: isImage ? `${b2("img")} ${className || ""} ` : `${fontClassName} ${b2(null)} ${classPrefix}-${name} ${className || ""}`,
         style: {
@@ -13033,9 +13034,9 @@
       children
     );
   }
-  Icon.defaultProps = defaultProps$L;
+  Icon.defaultProps = defaultProps$N;
   Icon.displayName = "NutIcon";
-  const defaultProps$K = {
+  const defaultProps$M = {
     ...ComponentDefaults,
     className: "",
     style: {},
@@ -13083,7 +13084,7 @@
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$K,
+      ...defaultProps$M,
       ...props
     };
     const b2 = cn("progress");
@@ -13161,7 +13162,7 @@
       color: iconColor
     })));
   };
-  Progress.defaultProps = defaultProps$K;
+  Progress.defaultProps = defaultProps$M;
   Progress.displayName = "NutProgress";
   class UploadOptions {
     constructor() {
@@ -13259,7 +13260,7 @@
       }
     }
   }
-  const defaultProps$J = {
+  const defaultProps$L = {
     ...ComponentDefaults,
     url: "",
     maximum: 1,
@@ -13312,7 +13313,7 @@
       defaultImg,
       headers,
       timeout,
-      method,
+      method: method2,
       xhrState,
       withCredentials,
       data,
@@ -13339,7 +13340,7 @@
       onBeforeXhrUpload,
       onBeforeDelete,
       ...restProps
-    } = { ...defaultProps$J, ...props };
+    } = { ...defaultProps$L, ...props };
     const [fileList, setFileList] = React.useState([]);
     const [uploadQueue, setUploadQueue] = React.useState([]);
     React.useEffect(() => {
@@ -13375,7 +13376,7 @@
       }
       uploadOption.formData = fileItem.formData;
       uploadOption.timeout = timeout * 1;
-      uploadOption.method = method;
+      uploadOption.method = method2;
       uploadOption.xhrState = xhrState;
       uploadOption.headers = headers;
       uploadOption.withCredentials = withCredentials;
@@ -13660,9 +13661,9 @@
     })));
   };
   const Uploader = React__default["default"].forwardRef(InternalUploader);
-  Uploader.defaultProps = defaultProps$J;
+  Uploader.defaultProps = defaultProps$L;
   Uploader.displayName = "NutUploader";
-  const defaultProps$I = {
+  const defaultProps$K = {
     data: {
       text: "",
       value: "",
@@ -13677,7 +13678,7 @@
   };
   const InternalCascaderItem = (props) => {
     const { data, checked, chooseItem } = {
-      ...defaultProps$I,
+      ...defaultProps$K,
       ...props
     };
     const b2 = cn("cascader-item");
@@ -13713,7 +13714,7 @@
     }));
   };
   const CascaderItem = React__default["default"].forwardRef(InternalCascaderItem);
-  CascaderItem.defaultProps = defaultProps$I;
+  CascaderItem.defaultProps = defaultProps$K;
   CascaderItem.displayName = "NutCascaderItem";
   const formatTree = (tree, parent, config2) => tree.map((node) => {
     const {
@@ -13847,7 +13848,7 @@
       return pathNodes;
     }
   }
-  const defaultProps$H = {
+  const defaultProps$J = {
     className: "",
     style: {},
     poppable: true,
@@ -13894,7 +13895,7 @@
       onClose,
       onChange,
       onPathChange
-    } = { ...defaultProps$H, ...props };
+    } = { ...defaultProps$J, ...props };
     const [tabvalue, setTabvalue] = React.useState("c1");
     const [optiosData, setOptiosData] = React.useState([]);
     const isLazy = () => state.configs.lazy && Boolean(state.configs.lazyLoad);
@@ -14049,15 +14050,15 @@
     const closePopup = () => {
       close();
     };
-    const chooseItem = async (node, type) => {
-      if (!type && node.disabled || !state.panes[state.tabsCursor]) {
+    const chooseItem = async (node, type2) => {
+      if (!type2 && node.disabled || !state.panes[state.tabsCursor]) {
         return;
       }
       if (state.tree.isLeaf(node, isLazy())) {
         node.leaf = true;
         state.panes[state.tabsCursor].selectedNode = node;
         state.panes = state.panes.slice(0, node.level + 1);
-        if (!type) {
+        if (!type2) {
           const pathNodes = state.panes.map((item) => item.selectedNode);
           const optionParams = pathNodes.map((item) => item.value);
           onChange(optionParams, pathNodes);
@@ -14079,7 +14080,7 @@
         });
         setTabvalue(`c${state.tabsCursor + 1}`);
         setOptiosData(state.panes);
-        if (!type) {
+        if (!type2) {
           const pathNodes = state.panes.map((item) => item.selectedNode);
           const optionParams = pathNodes.map((item) => item == null ? void 0 : item.value);
           onPathChange(optionParams, pathNodes);
@@ -14093,7 +14094,7 @@
       await invokeLazyLoad(node);
       if (state.currentProcessNode === node) {
         state.panes[state.tabsCursor].selectedNode = node;
-        chooseItem(node, type);
+        chooseItem(node, type2);
       }
       setOptiosData(state.panes);
     };
@@ -14153,9 +14154,9 @@
     }, renderItem()) : renderItem());
   };
   const Cascader = React__default["default"].forwardRef(InternalCascader);
-  Cascader.defaultProps = defaultProps$H;
+  Cascader.defaultProps = defaultProps$J;
   Cascader.displayName = "NutCascader";
-  const defaultProps$G = {
+  const defaultProps$I = {
     ...ComponentDefaults,
     placeholder: "",
     shape: "square",
@@ -14206,7 +14207,7 @@
       iconClassPrefix,
       iconFontClassName
     } = {
-      ...defaultProps$G,
+      ...defaultProps$I,
       ...props
     };
     const alignClass = `${align}`;
@@ -14355,9 +14356,9 @@
       className: `${searchbarBem("content")}`
     }, renderLeftinIcon(), renderField(), renderRightinIcon(), clearable && value && handleClear()), renderRightoutIcon(), renderRightLabel());
   };
-  SearchBar.defaultProps = defaultProps$G;
+  SearchBar.defaultProps = defaultProps$I;
   SearchBar.displayName = "NutSearchBar";
-  const defaultProps$F = {
+  const defaultProps$H = {
     confirmText: "",
     title: "",
     visible: false,
@@ -14375,7 +14376,7 @@
       title,
       confirmText,
       visible,
-      type,
+      type: type2,
       customKey,
       randomKeys,
       popClass,
@@ -14498,7 +14499,7 @@
       className: b2("header")
     }, /* @__PURE__ */ React__default["default"].createElement("h3", {
       className: b2("header__tit")
-    }, title), type === "default" ? /* @__PURE__ */ React__default["default"].createElement("span", {
+    }, title), type2 === "default" ? /* @__PURE__ */ React__default["default"].createElement("span", {
       className: b2("header__close"),
       onClick: onClose
     }, locale.done) : null) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -14510,7 +14511,7 @@
         key: index,
         className: classNames({
           "key-board-wrapper": true,
-          "key-board-wrapper-large": item.id === 0 && type === "rightColumn" && Array.isArray(customKey) && customKey.length === 1
+          "key-board-wrapper-large": item.id === 0 && type2 === "rightColumn" && Array.isArray(customKey) && customKey.length === 1
         })
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         className: classNames({
@@ -14529,7 +14530,7 @@
         src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png",
         alt: ""
       }) : null));
-    })), type === "rightColumn" ? /* @__PURE__ */ React__default["default"].createElement("div", {
+    })), type2 === "rightColumn" ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("sidebar")
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "key-board-wrapper"
@@ -14555,65 +14556,1369 @@
       })
     }, confirmText || locale.done))) : null))));
   };
-  NumberKeyboard.defaultProps = defaultProps$F;
+  NumberKeyboard.defaultProps = defaultProps$H;
   NumberKeyboard.displayName = "NutNumberKeyboard";
-  const defaultProps$E = {
-    cancelTxt: "",
-    optionTag: "name",
-    optionSubTag: "subname",
-    chooseTagValue: "",
-    title: "",
-    color: "#ee0a24",
-    description: "",
-    menuItems: [],
-    onCancel: () => {
-    },
-    onChoose: () => {
-    },
-    visible: false,
-    className: "",
-    style: {}
-  };
-  const ActionSheet = (props) => {
-    const {
-      children,
-      cancelTxt,
-      optionTag,
-      optionSubTag,
-      chooseTagValue,
-      title,
-      color,
-      description,
-      menuItems,
-      onCancel,
-      onChoose,
-      visible,
-      className,
-      style,
-      ...rest
-    } = { ...defaultProps$E, ...props };
-    const b2 = cn("actionsheet");
-    const isHighlight = (item) => {
-      return props.chooseTagValue && props.chooseTagValue === item[props.optionTag || "name"] ? props.color : "#1a1a1a";
+  const FormItemContext = React.createContext({});
+  function _extends() {
+    _extends = Object.assign ? Object.assign.bind() : function(target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+      return target;
     };
-    const cancelActionSheet = () => {
-      onCancel && onCancel();
+    return _extends.apply(this, arguments);
+  }
+  function _inheritsLoose(subClass, superClass) {
+    subClass.prototype = Object.create(superClass.prototype);
+    subClass.prototype.constructor = subClass;
+    _setPrototypeOf(subClass, superClass);
+  }
+  function _getPrototypeOf(o) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf2(o2) {
+      return o2.__proto__ || Object.getPrototypeOf(o2);
     };
-    const chooseItem = (item, index) => {
-      if (!item.disable) {
-        onChoose && onChoose(item, index);
+    return _getPrototypeOf(o);
+  }
+  function _setPrototypeOf(o, p2) {
+    _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p3) {
+      o2.__proto__ = p3;
+      return o2;
+    };
+    return _setPrototypeOf(o, p2);
+  }
+  function _isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct)
+      return false;
+    if (Reflect.construct.sham)
+      return false;
+    if (typeof Proxy === "function")
+      return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+      }));
+      return true;
+    } catch (e2) {
+      return false;
+    }
+  }
+  function _construct(Parent, args, Class) {
+    if (_isNativeReflectConstruct()) {
+      _construct = Reflect.construct.bind();
+    } else {
+      _construct = function _construct2(Parent2, args2, Class2) {
+        var a = [null];
+        a.push.apply(a, args2);
+        var Constructor = Function.bind.apply(Parent2, a);
+        var instance = new Constructor();
+        if (Class2)
+          _setPrototypeOf(instance, Class2.prototype);
+        return instance;
+      };
+    }
+    return _construct.apply(null, arguments);
+  }
+  function _isNativeFunction(fn) {
+    return Function.toString.call(fn).indexOf("[native code]") !== -1;
+  }
+  function _wrapNativeSuper(Class) {
+    var _cache = typeof Map === "function" ? /* @__PURE__ */ new Map() : void 0;
+    _wrapNativeSuper = function _wrapNativeSuper2(Class2) {
+      if (Class2 === null || !_isNativeFunction(Class2))
+        return Class2;
+      if (typeof Class2 !== "function") {
+        throw new TypeError("Super expression must either be null or a function");
+      }
+      if (typeof _cache !== "undefined") {
+        if (_cache.has(Class2))
+          return _cache.get(Class2);
+        _cache.set(Class2, Wrapper);
       }
+      function Wrapper() {
+        return _construct(Class2, arguments, _getPrototypeOf(this).constructor);
+      }
+      Wrapper.prototype = Object.create(Class2.prototype, {
+        constructor: {
+          value: Wrapper,
+          enumerable: false,
+          writable: true,
+          configurable: true
+        }
+      });
+      return _setPrototypeOf(Wrapper, Class2);
     };
-    return /* @__PURE__ */ React__default["default"].createElement(Popup, {
-      round: true,
-      visible,
-      position: "bottom",
-      onClose: () => {
-        onCancel && onCancel();
+    return _wrapNativeSuper(Class);
+  }
+  var formatRegExp = /%[sdj%]/g;
+  var warning = function warning2() {
+  };
+  if (typeof process !== "undefined" && process.env && false) {
+    warning = function warning2(type2, errors) {
+      if (typeof console !== "undefined" && console.warn && typeof ASYNC_VALIDATOR_NO_WARNING === "undefined") {
+        if (errors.every(function(e2) {
+          return typeof e2 === "string";
+        })) {
+          console.warn(type2, errors);
+        }
       }
-    }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b2()} ${className}`,
-      style,
+    };
+  }
+  function convertFieldsError(errors) {
+    if (!errors || !errors.length)
+      return null;
+    var fields = {};
+    errors.forEach(function(error) {
+      var field = error.field;
+      fields[field] = fields[field] || [];
+      fields[field].push(error);
+    });
+    return fields;
+  }
+  function format(template) {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+    var i = 0;
+    var len = args.length;
+    if (typeof template === "function") {
+      return template.apply(null, args);
+    }
+    if (typeof template === "string") {
+      var str = template.replace(formatRegExp, function(x2) {
+        if (x2 === "%%") {
+          return "%";
+        }
+        if (i >= len) {
+          return x2;
+        }
+        switch (x2) {
+          case "%s":
+            return String(args[i++]);
+          case "%d":
+            return Number(args[i++]);
+          case "%j":
+            try {
+              return JSON.stringify(args[i++]);
+            } catch (_) {
+              return "[Circular]";
+            }
+            break;
+          default:
+            return x2;
+        }
+      });
+      return str;
+    }
+    return template;
+  }
+  function isNativeStringType(type2) {
+    return type2 === "string" || type2 === "url" || type2 === "hex" || type2 === "email" || type2 === "date" || type2 === "pattern";
+  }
+  function isEmptyValue(value, type2) {
+    if (value === void 0 || value === null) {
+      return true;
+    }
+    if (type2 === "array" && Array.isArray(value) && !value.length) {
+      return true;
+    }
+    if (isNativeStringType(type2) && typeof value === "string" && !value) {
+      return true;
+    }
+    return false;
+  }
+  function asyncParallelArray(arr, func, callback) {
+    var results = [];
+    var total = 0;
+    var arrLength = arr.length;
+    function count(errors) {
+      results.push.apply(results, errors || []);
+      total++;
+      if (total === arrLength) {
+        callback(results);
+      }
+    }
+    arr.forEach(function(a) {
+      func(a, count);
+    });
+  }
+  function asyncSerialArray(arr, func, callback) {
+    var index = 0;
+    var arrLength = arr.length;
+    function next(errors) {
+      if (errors && errors.length) {
+        callback(errors);
+        return;
+      }
+      var original = index;
+      index = index + 1;
+      if (original < arrLength) {
+        func(arr[original], next);
+      } else {
+        callback([]);
+      }
+    }
+    next([]);
+  }
+  function flattenObjArr(objArr) {
+    var ret = [];
+    Object.keys(objArr).forEach(function(k2) {
+      ret.push.apply(ret, objArr[k2] || []);
+    });
+    return ret;
+  }
+  var AsyncValidationError = /* @__PURE__ */ function(_Error) {
+    _inheritsLoose(AsyncValidationError2, _Error);
+    function AsyncValidationError2(errors, fields) {
+      var _this;
+      _this = _Error.call(this, "Async Validation Error") || this;
+      _this.errors = errors;
+      _this.fields = fields;
+      return _this;
+    }
+    return AsyncValidationError2;
+  }(/* @__PURE__ */ _wrapNativeSuper(Error));
+  function asyncMap(objArr, option, func, callback, source) {
+    if (option.first) {
+      var _pending = new Promise(function(resolve, reject) {
+        var next = function next2(errors) {
+          callback(errors);
+          return errors.length ? reject(new AsyncValidationError(errors, convertFieldsError(errors))) : resolve(source);
+        };
+        var flattenArr = flattenObjArr(objArr);
+        asyncSerialArray(flattenArr, func, next);
+      });
+      _pending["catch"](function(e2) {
+        return e2;
+      });
+      return _pending;
+    }
+    var firstFields = option.firstFields === true ? Object.keys(objArr) : option.firstFields || [];
+    var objArrKeys = Object.keys(objArr);
+    var objArrLength = objArrKeys.length;
+    var total = 0;
+    var results = [];
+    var pending = new Promise(function(resolve, reject) {
+      var next = function next2(errors) {
+        results.push.apply(results, errors);
+        total++;
+        if (total === objArrLength) {
+          callback(results);
+          return results.length ? reject(new AsyncValidationError(results, convertFieldsError(results))) : resolve(source);
+        }
+      };
+      if (!objArrKeys.length) {
+        callback(results);
+        resolve(source);
+      }
+      objArrKeys.forEach(function(key) {
+        var arr = objArr[key];
+        if (firstFields.indexOf(key) !== -1) {
+          asyncSerialArray(arr, func, next);
+        } else {
+          asyncParallelArray(arr, func, next);
+        }
+      });
+    });
+    pending["catch"](function(e2) {
+      return e2;
+    });
+    return pending;
+  }
+  function isErrorObj(obj) {
+    return !!(obj && obj.message !== void 0);
+  }
+  function getValue(value, path) {
+    var v2 = value;
+    for (var i = 0; i < path.length; i++) {
+      if (v2 == void 0) {
+        return v2;
+      }
+      v2 = v2[path[i]];
+    }
+    return v2;
+  }
+  function complementError(rule, source) {
+    return function(oe) {
+      var fieldValue;
+      if (rule.fullFields) {
+        fieldValue = getValue(source, rule.fullFields);
+      } else {
+        fieldValue = source[oe.field || rule.fullField];
+      }
+      if (isErrorObj(oe)) {
+        oe.field = oe.field || rule.fullField;
+        oe.fieldValue = fieldValue;
+        return oe;
+      }
+      return {
+        message: typeof oe === "function" ? oe() : oe,
+        fieldValue,
+        field: oe.field || rule.fullField
+      };
+    };
+  }
+  function deepMerge(target, source) {
+    if (source) {
+      for (var s in source) {
+        if (source.hasOwnProperty(s)) {
+          var value = source[s];
+          if (typeof value === "object" && typeof target[s] === "object") {
+            target[s] = _extends({}, target[s], value);
+          } else {
+            target[s] = value;
+          }
+        }
+      }
+    }
+    return target;
+  }
+  var required$1 = function required2(rule, value, source, errors, options2, type2) {
+    if (rule.required && (!source.hasOwnProperty(rule.field) || isEmptyValue(value, type2 || rule.type))) {
+      errors.push(format(options2.messages.required, rule.fullField));
+    }
+  };
+  var whitespace = function whitespace2(rule, value, source, errors, options2) {
+    if (/^\s+$/.test(value) || value === "") {
+      errors.push(format(options2.messages.whitespace, rule.fullField));
+    }
+  };
+  var urlReg;
+  var getUrlRegex = function() {
+    if (urlReg) {
+      return urlReg;
+    }
+    var word = "[a-fA-F\\d:]";
+    var b2 = function b3(options2) {
+      return options2 && options2.includeBoundaries ? "(?:(?<=\\s|^)(?=" + word + ")|(?<=" + word + ")(?=\\s|$))" : "";
+    };
+    var v4 = "(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)(?:\\.(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)){3}";
+    var v6seg = "[a-fA-F\\d]{1,4}";
+    var v6 = ("\n(?:\n(?:" + v6seg + ":){7}(?:" + v6seg + "|:)|                                    // 1:2:3:4:5:6:7::  1:2:3:4:5:6:7:8\n(?:" + v6seg + ":){6}(?:" + v4 + "|:" + v6seg + "|:)|                             // 1:2:3:4:5:6::    1:2:3:4:5:6::8   1:2:3:4:5:6::8  1:2:3:4:5:6::1.2.3.4\n(?:" + v6seg + ":){5}(?::" + v4 + "|(?::" + v6seg + "){1,2}|:)|                   // 1:2:3:4:5::      1:2:3:4:5::7:8   1:2:3:4:5::8    1:2:3:4:5::7:1.2.3.4\n(?:" + v6seg + ":){4}(?:(?::" + v6seg + "){0,1}:" + v4 + "|(?::" + v6seg + "){1,3}|:)| // 1:2:3:4::        1:2:3:4::6:7:8   1:2:3:4::8      1:2:3:4::6:7:1.2.3.4\n(?:" + v6seg + ":){3}(?:(?::" + v6seg + "){0,2}:" + v4 + "|(?::" + v6seg + "){1,4}|:)| // 1:2:3::          1:2:3::5:6:7:8   1:2:3::8        1:2:3::5:6:7:1.2.3.4\n(?:" + v6seg + ":){2}(?:(?::" + v6seg + "){0,3}:" + v4 + "|(?::" + v6seg + "){1,5}|:)| // 1:2::            1:2::4:5:6:7:8   1:2::8          1:2::4:5:6:7:1.2.3.4\n(?:" + v6seg + ":){1}(?:(?::" + v6seg + "){0,4}:" + v4 + "|(?::" + v6seg + "){1,6}|:)| // 1::              1::3:4:5:6:7:8   1::8            1::3:4:5:6:7:1.2.3.4\n(?::(?:(?::" + v6seg + "){0,5}:" + v4 + "|(?::" + v6seg + "){1,7}|:))             // ::2:3:4:5:6:7:8  ::2:3:4:5:6:7:8  ::8             ::1.2.3.4\n)(?:%[0-9a-zA-Z]{1,})?                                             // %eth0            %1\n").replace(/\s*\/\/.*$/gm, "").replace(/\n/g, "").trim();
+    var v46Exact = new RegExp("(?:^" + v4 + "$)|(?:^" + v6 + "$)");
+    var v4exact = new RegExp("^" + v4 + "$");
+    var v6exact = new RegExp("^" + v6 + "$");
+    var ip = function ip2(options2) {
+      return options2 && options2.exact ? v46Exact : new RegExp("(?:" + b2(options2) + v4 + b2(options2) + ")|(?:" + b2(options2) + v6 + b2(options2) + ")", "g");
+    };
+    ip.v4 = function(options2) {
+      return options2 && options2.exact ? v4exact : new RegExp("" + b2(options2) + v4 + b2(options2), "g");
+    };
+    ip.v6 = function(options2) {
+      return options2 && options2.exact ? v6exact : new RegExp("" + b2(options2) + v6 + b2(options2), "g");
+    };
+    var protocol = "(?:(?:[a-z]+:)?//)";
+    var auth = "(?:\\S+(?::\\S*)?@)?";
+    var ipv4 = ip.v4().source;
+    var ipv6 = ip.v6().source;
+    var host2 = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)";
+    var domain = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*";
+    var tld = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))";
+    var port = "(?::\\d{2,5})?";
+    var path = '(?:[/?#][^\\s"]*)?';
+    var regex = "(?:" + protocol + "|www\\.)" + auth + "(?:localhost|" + ipv4 + "|" + ipv6 + "|" + host2 + domain + tld + ")" + port + path;
+    urlReg = new RegExp("(?:^" + regex + "$)", "i");
+    return urlReg;
+  };
+  var pattern$2 = {
+    email: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+\.)+[a-zA-Z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}))$/,
+    hex: /^#?([a-f0-9]{6}|[a-f0-9]{3})$/i
+  };
+  var types = {
+    integer: function integer2(value) {
+      return types.number(value) && parseInt(value, 10) === value;
+    },
+    "float": function float(value) {
+      return types.number(value) && !types.integer(value);
+    },
+    array: function array2(value) {
+      return Array.isArray(value);
+    },
+    regexp: function regexp2(value) {
+      if (value instanceof RegExp) {
+        return true;
+      }
+      try {
+        return !!new RegExp(value);
+      } catch (e2) {
+        return false;
+      }
+    },
+    date: function date2(value) {
+      return typeof value.getTime === "function" && typeof value.getMonth === "function" && typeof value.getYear === "function" && !isNaN(value.getTime());
+    },
+    number: function number2(value) {
+      if (isNaN(value)) {
+        return false;
+      }
+      return typeof value === "number";
+    },
+    object: function object2(value) {
+      return typeof value === "object" && !types.array(value);
+    },
+    method: function method2(value) {
+      return typeof value === "function";
+    },
+    email: function email(value) {
+      return typeof value === "string" && value.length <= 320 && !!value.match(pattern$2.email);
+    },
+    url: function url(value) {
+      return typeof value === "string" && value.length <= 2048 && !!value.match(getUrlRegex());
+    },
+    hex: function hex(value) {
+      return typeof value === "string" && !!value.match(pattern$2.hex);
+    }
+  };
+  var type$1 = function type2(rule, value, source, errors, options2) {
+    if (rule.required && value === void 0) {
+      required$1(rule, value, source, errors, options2);
+      return;
+    }
+    var custom = ["integer", "float", "array", "regexp", "object", "method", "email", "number", "date", "url", "hex"];
+    var ruleType = rule.type;
+    if (custom.indexOf(ruleType) > -1) {
+      if (!types[ruleType](value)) {
+        errors.push(format(options2.messages.types[ruleType], rule.fullField, rule.type));
+      }
+    } else if (ruleType && typeof value !== rule.type) {
+      errors.push(format(options2.messages.types[ruleType], rule.fullField, rule.type));
+    }
+  };
+  var range = function range2(rule, value, source, errors, options2) {
+    var len = typeof rule.len === "number";
+    var min = typeof rule.min === "number";
+    var max = typeof rule.max === "number";
+    var spRegexp = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g;
+    var val = value;
+    var key = null;
+    var num = typeof value === "number";
+    var str = typeof value === "string";
+    var arr = Array.isArray(value);
+    if (num) {
+      key = "number";
+    } else if (str) {
+      key = "string";
+    } else if (arr) {
+      key = "array";
+    }
+    if (!key) {
+      return false;
+    }
+    if (arr) {
+      val = value.length;
+    }
+    if (str) {
+      val = value.replace(spRegexp, "_").length;
+    }
+    if (len) {
+      if (val !== rule.len) {
+        errors.push(format(options2.messages[key].len, rule.fullField, rule.len));
+      }
+    } else if (min && !max && val < rule.min) {
+      errors.push(format(options2.messages[key].min, rule.fullField, rule.min));
+    } else if (max && !min && val > rule.max) {
+      errors.push(format(options2.messages[key].max, rule.fullField, rule.max));
+    } else if (min && max && (val < rule.min || val > rule.max)) {
+      errors.push(format(options2.messages[key].range, rule.fullField, rule.min, rule.max));
+    }
+  };
+  var ENUM$1 = "enum";
+  var enumerable$1 = function enumerable2(rule, value, source, errors, options2) {
+    rule[ENUM$1] = Array.isArray(rule[ENUM$1]) ? rule[ENUM$1] : [];
+    if (rule[ENUM$1].indexOf(value) === -1) {
+      errors.push(format(options2.messages[ENUM$1], rule.fullField, rule[ENUM$1].join(", ")));
+    }
+  };
+  var pattern$1 = function pattern2(rule, value, source, errors, options2) {
+    if (rule.pattern) {
+      if (rule.pattern instanceof RegExp) {
+        rule.pattern.lastIndex = 0;
+        if (!rule.pattern.test(value)) {
+          errors.push(format(options2.messages.pattern.mismatch, rule.fullField, value, rule.pattern));
+        }
+      } else if (typeof rule.pattern === "string") {
+        var _pattern = new RegExp(rule.pattern);
+        if (!_pattern.test(value)) {
+          errors.push(format(options2.messages.pattern.mismatch, rule.fullField, value, rule.pattern));
+        }
+      }
+    }
+  };
+  var rules = {
+    required: required$1,
+    whitespace,
+    type: type$1,
+    range,
+    "enum": enumerable$1,
+    pattern: pattern$1
+  };
+  var string = function string2(rule, value, callback, source, options2) {
+    var errors = [];
+    var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+    if (validate) {
+      if (isEmptyValue(value, "string") && !rule.required) {
+        return callback();
+      }
+      rules.required(rule, value, source, errors, options2, "string");
+      if (!isEmptyValue(value, "string")) {
+        rules.type(rule, value, source, errors, options2);
+        rules.range(rule, value, source, errors, options2);
+        rules.pattern(rule, value, source, errors, options2);
+        if (rule.whitespace === true) {
+          rules.whitespace(rule, value, source, errors, options2);
+        }
+      }
+    }
+    callback(errors);
+  };
+  var method = function method2(rule, value, callback, source, options2) {
+    var errors = [];
+    var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+    if (validate) {
+      if (isEmptyValue(value) && !rule.required) {
+        return callback();
+      }
+      rules.required(rule, value, source, errors, options2);
+      if (value !== void 0) {
+        rules.type(rule, value, source, errors, options2);
+      }
+    }
+    callback(errors);
+  };
+  var number = function number2(rule, value, callback, source, options2) {
+    var errors = [];
+    var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+    if (validate) {
+      if (value === "") {
+        value = void 0;
+      }
+      if (isEmptyValue(value) && !rule.required) {
+        return callback();
+      }
+      rules.required(rule, value, source, errors, options2);
+      if (value !== void 0) {
+        rules.type(rule, value, source, errors, options2);
+        rules.range(rule, value, source, errors, options2);
+      }
+    }
+    callback(errors);
+  };
+  var _boolean = function _boolean2(rule, value, callback, source, options2) {
+    var errors = [];
+    var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+    if (validate) {
+      if (isEmptyValue(value) && !rule.required) {
+        return callback();
+      }
+      rules.required(rule, value, source, errors, options2);
+      if (value !== void 0) {
+        rules.type(rule, value, source, errors, options2);
+      }
+    }
+    callback(errors);
+  };
+  var regexp = function regexp2(rule, value, callback, source, options2) {
+    var errors = [];
+    var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+    if (validate) {
+      if (isEmptyValue(value) && !rule.required) {
+        return callback();
+      }
+      rules.required(rule, value, source, errors, options2);
+      if (!isEmptyValue(value)) {
+        rules.type(rule, value, source, errors, options2);
+      }
+    }
+    callback(errors);
+  };
+  var integer = function integer2(rule, value, callback, source, options2) {
+    var errors = [];
+    var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+    if (validate) {
+      if (isEmptyValue(value) && !rule.required) {
+        return callback();
+      }
+      rules.required(rule, value, source, errors, options2);
+      if (value !== void 0) {
+        rules.type(rule, value, source, errors, options2);
+        rules.range(rule, value, source, errors, options2);
+      }
+    }
+    callback(errors);
+  };
+  var floatFn = function floatFn2(rule, value, callback, source, options2) {
+    var errors = [];
+    var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+    if (validate) {
+      if (isEmptyValue(value) && !rule.required) {
+        return callback();
+      }
+      rules.required(rule, value, source, errors, options2);
+      if (value !== void 0) {
+        rules.type(rule, value, source, errors, options2);
+        rules.range(rule, value, source, errors, options2);
+      }
+    }
+    callback(errors);
+  };
+  var array = function array2(rule, value, callback, source, options2) {
+    var errors = [];
+    var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+    if (validate) {
+      if ((value === void 0 || value === null) && !rule.required) {
+        return callback();
+      }
+      rules.required(rule, value, source, errors, options2, "array");
+      if (value !== void 0 && value !== null) {
+        rules.type(rule, value, source, errors, options2);
+        rules.range(rule, value, source, errors, options2);
+      }
+    }
+    callback(errors);
+  };
+  var object = function object2(rule, value, callback, source, options2) {
+    var errors = [];
+    var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+    if (validate) {
+      if (isEmptyValue(value) && !rule.required) {
+        return callback();
+      }
+      rules.required(rule, value, source, errors, options2);
+      if (value !== void 0) {
+        rules.type(rule, value, source, errors, options2);
+      }
+    }
+    callback(errors);
+  };
+  var ENUM = "enum";
+  var enumerable = function enumerable2(rule, value, callback, source, options2) {
+    var errors = [];
+    var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+    if (validate) {
+      if (isEmptyValue(value) && !rule.required) {
+        return callback();
+      }
+      rules.required(rule, value, source, errors, options2);
+      if (value !== void 0) {
+        rules[ENUM](rule, value, source, errors, options2);
+      }
+    }
+    callback(errors);
+  };
+  var pattern = function pattern2(rule, value, callback, source, options2) {
+    var errors = [];
+    var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+    if (validate) {
+      if (isEmptyValue(value, "string") && !rule.required) {
+        return callback();
+      }
+      rules.required(rule, value, source, errors, options2);
+      if (!isEmptyValue(value, "string")) {
+        rules.pattern(rule, value, source, errors, options2);
+      }
+    }
+    callback(errors);
+  };
+  var date = function date2(rule, value, callback, source, options2) {
+    var errors = [];
+    var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+    if (validate) {
+      if (isEmptyValue(value, "date") && !rule.required) {
+        return callback();
+      }
+      rules.required(rule, value, source, errors, options2);
+      if (!isEmptyValue(value, "date")) {
+        var dateObject;
+        if (value instanceof Date) {
+          dateObject = value;
+        } else {
+          dateObject = new Date(value);
+        }
+        rules.type(rule, dateObject, source, errors, options2);
+        if (dateObject) {
+          rules.range(rule, dateObject.getTime(), source, errors, options2);
+        }
+      }
+    }
+    callback(errors);
+  };
+  var required = function required2(rule, value, callback, source, options2) {
+    var errors = [];
+    var type2 = Array.isArray(value) ? "array" : typeof value;
+    rules.required(rule, value, source, errors, options2, type2);
+    callback(errors);
+  };
+  var type = function type2(rule, value, callback, source, options2) {
+    var ruleType = rule.type;
+    var errors = [];
+    var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+    if (validate) {
+      if (isEmptyValue(value, ruleType) && !rule.required) {
+        return callback();
+      }
+      rules.required(rule, value, source, errors, options2, ruleType);
+      if (!isEmptyValue(value, ruleType)) {
+        rules.type(rule, value, source, errors, options2);
+      }
+    }
+    callback(errors);
+  };
+  var any = function any2(rule, value, callback, source, options2) {
+    var errors = [];
+    var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+    if (validate) {
+      if (isEmptyValue(value) && !rule.required) {
+        return callback();
+      }
+      rules.required(rule, value, source, errors, options2);
+    }
+    callback(errors);
+  };
+  var validators = {
+    string,
+    method,
+    number,
+    "boolean": _boolean,
+    regexp,
+    integer,
+    "float": floatFn,
+    array,
+    object,
+    "enum": enumerable,
+    pattern,
+    date,
+    url: type,
+    hex: type,
+    email: type,
+    required,
+    any
+  };
+  function newMessages() {
+    return {
+      "default": "Validation error on field %s",
+      required: "%s is required",
+      "enum": "%s must be one of %s",
+      whitespace: "%s cannot be empty",
+      date: {
+        format: "%s date %s is invalid for format %s",
+        parse: "%s date could not be parsed, %s is invalid ",
+        invalid: "%s date %s is invalid"
+      },
+      types: {
+        string: "%s is not a %s",
+        method: "%s is not a %s (function)",
+        array: "%s is not an %s",
+        object: "%s is not an %s",
+        number: "%s is not a %s",
+        date: "%s is not a %s",
+        "boolean": "%s is not a %s",
+        integer: "%s is not an %s",
+        "float": "%s is not a %s",
+        regexp: "%s is not a valid %s",
+        email: "%s is not a valid %s",
+        url: "%s is not a valid %s",
+        hex: "%s is not a valid %s"
+      },
+      string: {
+        len: "%s must be exactly %s characters",
+        min: "%s must be at least %s characters",
+        max: "%s cannot be longer than %s characters",
+        range: "%s must be between %s and %s characters"
+      },
+      number: {
+        len: "%s must equal %s",
+        min: "%s cannot be less than %s",
+        max: "%s cannot be greater than %s",
+        range: "%s must be between %s and %s"
+      },
+      array: {
+        len: "%s must be exactly %s in length",
+        min: "%s cannot be less than %s in length",
+        max: "%s cannot be greater than %s in length",
+        range: "%s must be between %s and %s in length"
+      },
+      pattern: {
+        mismatch: "%s value %s does not match pattern %s"
+      },
+      clone: function clone() {
+        var cloned = JSON.parse(JSON.stringify(this));
+        cloned.clone = this.clone;
+        return cloned;
+      }
+    };
+  }
+  var messages = newMessages();
+  var Schema = /* @__PURE__ */ function() {
+    function Schema2(descriptor) {
+      this.rules = null;
+      this._messages = messages;
+      this.define(descriptor);
+    }
+    var _proto = Schema2.prototype;
+    _proto.define = function define2(rules2) {
+      var _this = this;
+      if (!rules2) {
+        throw new Error("Cannot configure a schema with no rules");
+      }
+      if (typeof rules2 !== "object" || Array.isArray(rules2)) {
+        throw new Error("Rules must be an object");
+      }
+      this.rules = {};
+      Object.keys(rules2).forEach(function(name) {
+        var item = rules2[name];
+        _this.rules[name] = Array.isArray(item) ? item : [item];
+      });
+    };
+    _proto.messages = function messages2(_messages) {
+      if (_messages) {
+        this._messages = deepMerge(newMessages(), _messages);
+      }
+      return this._messages;
+    };
+    _proto.validate = function validate(source_, o, oc) {
+      var _this2 = this;
+      if (o === void 0) {
+        o = {};
+      }
+      if (oc === void 0) {
+        oc = function oc2() {
+        };
+      }
+      var source = source_;
+      var options2 = o;
+      var callback = oc;
+      if (typeof options2 === "function") {
+        callback = options2;
+        options2 = {};
+      }
+      if (!this.rules || Object.keys(this.rules).length === 0) {
+        if (callback) {
+          callback(null, source);
+        }
+        return Promise.resolve(source);
+      }
+      function complete(results) {
+        var errors = [];
+        var fields = {};
+        function add(e2) {
+          if (Array.isArray(e2)) {
+            var _errors;
+            errors = (_errors = errors).concat.apply(_errors, e2);
+          } else {
+            errors.push(e2);
+          }
+        }
+        for (var i = 0; i < results.length; i++) {
+          add(results[i]);
+        }
+        if (!errors.length) {
+          callback(null, source);
+        } else {
+          fields = convertFieldsError(errors);
+          callback(errors, fields);
+        }
+      }
+      if (options2.messages) {
+        var messages$1 = this.messages();
+        if (messages$1 === messages) {
+          messages$1 = newMessages();
+        }
+        deepMerge(messages$1, options2.messages);
+        options2.messages = messages$1;
+      } else {
+        options2.messages = this.messages();
+      }
+      var series = {};
+      var keys = options2.keys || Object.keys(this.rules);
+      keys.forEach(function(z2) {
+        var arr = _this2.rules[z2];
+        var value = source[z2];
+        arr.forEach(function(r2) {
+          var rule = r2;
+          if (typeof rule.transform === "function") {
+            if (source === source_) {
+              source = _extends({}, source);
+            }
+            value = source[z2] = rule.transform(value);
+          }
+          if (typeof rule === "function") {
+            rule = {
+              validator: rule
+            };
+          } else {
+            rule = _extends({}, rule);
+          }
+          rule.validator = _this2.getValidationMethod(rule);
+          if (!rule.validator) {
+            return;
+          }
+          rule.field = z2;
+          rule.fullField = rule.fullField || z2;
+          rule.type = _this2.getType(rule);
+          series[z2] = series[z2] || [];
+          series[z2].push({
+            rule,
+            value,
+            source,
+            field: z2
+          });
+        });
+      });
+      var errorFields = {};
+      return asyncMap(series, options2, function(data, doIt) {
+        var rule = data.rule;
+        var deep = (rule.type === "object" || rule.type === "array") && (typeof rule.fields === "object" || typeof rule.defaultField === "object");
+        deep = deep && (rule.required || !rule.required && data.value);
+        rule.field = data.field;
+        function addFullField(key, schema) {
+          return _extends({}, schema, {
+            fullField: rule.fullField + "." + key,
+            fullFields: rule.fullFields ? [].concat(rule.fullFields, [key]) : [key]
+          });
+        }
+        function cb(e2) {
+          if (e2 === void 0) {
+            e2 = [];
+          }
+          var errorList = Array.isArray(e2) ? e2 : [e2];
+          if (!options2.suppressWarning && errorList.length) {
+            Schema2.warning("async-validator:", errorList);
+          }
+          if (errorList.length && rule.message !== void 0) {
+            errorList = [].concat(rule.message);
+          }
+          var filledErrors = errorList.map(complementError(rule, source));
+          if (options2.first && filledErrors.length) {
+            errorFields[rule.field] = 1;
+            return doIt(filledErrors);
+          }
+          if (!deep) {
+            doIt(filledErrors);
+          } else {
+            if (rule.required && !data.value) {
+              if (rule.message !== void 0) {
+                filledErrors = [].concat(rule.message).map(complementError(rule, source));
+              } else if (options2.error) {
+                filledErrors = [options2.error(rule, format(options2.messages.required, rule.field))];
+              }
+              return doIt(filledErrors);
+            }
+            var fieldsSchema = {};
+            if (rule.defaultField) {
+              Object.keys(data.value).map(function(key) {
+                fieldsSchema[key] = rule.defaultField;
+              });
+            }
+            fieldsSchema = _extends({}, fieldsSchema, data.rule.fields);
+            var paredFieldsSchema = {};
+            Object.keys(fieldsSchema).forEach(function(field) {
+              var fieldSchema = fieldsSchema[field];
+              var fieldSchemaList = Array.isArray(fieldSchema) ? fieldSchema : [fieldSchema];
+              paredFieldsSchema[field] = fieldSchemaList.map(addFullField.bind(null, field));
+            });
+            var schema = new Schema2(paredFieldsSchema);
+            schema.messages(options2.messages);
+            if (data.rule.options) {
+              data.rule.options.messages = options2.messages;
+              data.rule.options.error = options2.error;
+            }
+            schema.validate(data.value, data.rule.options || options2, function(errs) {
+              var finalErrors = [];
+              if (filledErrors && filledErrors.length) {
+                finalErrors.push.apply(finalErrors, filledErrors);
+              }
+              if (errs && errs.length) {
+                finalErrors.push.apply(finalErrors, errs);
+              }
+              doIt(finalErrors.length ? finalErrors : null);
+            });
+          }
+        }
+        var res;
+        if (rule.asyncValidator) {
+          res = rule.asyncValidator(rule, data.value, cb, data.source, options2);
+        } else if (rule.validator) {
+          try {
+            res = rule.validator(rule, data.value, cb, data.source, options2);
+          } catch (error) {
+            console.error == null ? void 0 : console.error(error);
+            if (!options2.suppressValidatorError) {
+              setTimeout(function() {
+                throw error;
+              }, 0);
+            }
+            cb(error.message);
+          }
+          if (res === true) {
+            cb();
+          } else if (res === false) {
+            cb(typeof rule.message === "function" ? rule.message(rule.fullField || rule.field) : rule.message || (rule.fullField || rule.field) + " fails");
+          } else if (res instanceof Array) {
+            cb(res);
+          } else if (res instanceof Error) {
+            cb(res.message);
+          }
+        }
+        if (res && res.then) {
+          res.then(function() {
+            return cb();
+          }, function(e2) {
+            return cb(e2);
+          });
+        }
+      }, function(results) {
+        complete(results);
+      }, source);
+    };
+    _proto.getType = function getType(rule) {
+      if (rule.type === void 0 && rule.pattern instanceof RegExp) {
+        rule.type = "pattern";
+      }
+      if (typeof rule.validator !== "function" && rule.type && !validators.hasOwnProperty(rule.type)) {
+        throw new Error(format("Unknown rule type %s", rule.type));
+      }
+      return rule.type || "string";
+    };
+    _proto.getValidationMethod = function getValidationMethod(rule) {
+      if (typeof rule.validator === "function") {
+        return rule.validator;
+      }
+      var keys = Object.keys(rule);
+      var messageIndex = keys.indexOf("message");
+      if (messageIndex !== -1) {
+        keys.splice(messageIndex, 1);
+      }
+      if (keys.length === 1 && keys[0] === "required") {
+        return validators.required;
+      }
+      return validators[this.getType(rule)] || void 0;
+    };
+    return Schema2;
+  }();
+  Schema.register = function register(type2, validator) {
+    if (typeof validator !== "function") {
+      throw new Error("Cannot register a validator by type, validator is not a function");
+    }
+    validators[type2] = validator;
+  };
+  Schema.warning = warning;
+  Schema.messages = messages;
+  Schema.validators = validators;
+  class FormStore {
+    constructor() {
+      this.store = {};
+      this.fieldEntities = [];
+      this.callbacks = {};
+      this.errList = [];
+      this.registerField = (field) => {
+        this.fieldEntities.push(field);
+        return () => {
+          this.fieldEntities = this.fieldEntities.filter((item) => item != field);
+          delete this.store[field.props.name];
+        };
+      };
+      this.getFieldValue = (name) => {
+        return this.store[name];
+      };
+      this.setFieldsValue = (newStore) => {
+        this.store = {
+          ...this.store,
+          ...newStore
+        };
+        this.fieldEntities.forEach((enetity) => {
+          const { name } = enetity.props;
+          Object.keys(newStore).forEach((key) => {
+            if (key === name) {
+              enetity.onStoreChange();
+            }
+          });
+        });
+      };
+      this.validate = () => {
+        const err = [];
+        this.errList.length = 0;
+        this.fieldEntities.forEach((entity) => {
+          const { name, rules: rules2 = [] } = entity.props;
+          const descriptor = {};
+          if (rules2.length) {
+            if (rules2.length > 1) {
+              descriptor[name] = [];
+              rules2.map((v2) => {
+                descriptor[name].push(v2);
+              });
+            } else {
+              descriptor[name] = rules2[0];
+            }
+          }
+          const validator = new Schema(descriptor);
+          validator.validate({ [name]: this.store[name] }, (errors) => {
+            if (errors) {
+              err.push(...errors);
+              this.errList.push(...errors);
+            }
+            entity.onStoreChange();
+          });
+        });
+        return err;
+      };
+      this.setCallback = (callback) => {
+        this.callbacks = {
+          ...this.callbacks,
+          ...callback
+        };
+      };
+      this.submit = () => {
+        var _a, _b, _c, _d;
+        const err = this.validate();
+        if (err.length === 0) {
+          (_b = (_a = this.callbacks).onFinish) == null ? void 0 : _b.call(_a, this.store);
+        } else if (err.length > 0) {
+          (_d = (_c = this.callbacks).onFinishFailed) == null ? void 0 : _d.call(_c, err);
+        }
+      };
+      this.resetFields = () => {
+      };
+      this.getForm = () => {
+        return {
+          setCallback: this.setCallback,
+          registerField: this.registerField,
+          getFieldValue: this.getFieldValue,
+          setFieldsValue: this.setFieldsValue,
+          submit: this.submit,
+          store: this.store,
+          errList: this.errList,
+          fieldEntities: this.fieldEntities
+        };
+      };
+      this.callbacks = {
+        onFinish: (value) => {
+        },
+        onFinishFailed: () => {
+        }
+      };
+    }
+  }
+  const useForm = (form) => {
+    const formRef = React.useRef();
+    if (!formRef.current) {
+      if (form) {
+        formRef.current = form;
+      } else {
+        const formStore = new FormStore();
+        formRef.current = formStore.getForm();
+      }
+    }
+    return [formRef.current];
+  };
+  const defaultProps$G = {
+    ...ComponentDefaults,
+    name: "",
+    label: "",
+    className: "",
+    rules: [{ required: false, message: "" }],
+    disabled: false,
+    labelWidth: 90,
+    errorMessageAlign: "left",
+    showErrorLine: true,
+    showErrorMessage: true
+  };
+  class FormItem extends React__default["default"].Component {
+    constructor() {
+      super(...arguments);
+      this.getControlled = (children) => {
+        const { getFieldValue, setFieldsValue } = this.context;
+        const { name } = this.props;
+        const type2 = children.type.NAME;
+        return {
+          value: getFieldValue(name),
+          onChange: (event) => {
+            let newValue = event;
+            switch (type2) {
+              case "checkbox":
+                newValue = event.target.value;
+                break;
+            }
+            setFieldsValue({ [name]: newValue });
+          }
+        };
+      };
+      this.onStoreChange = () => {
+        this.forceUpdate();
+      };
+      this.renderLayout = (childNode) => {
+        var _a, _b;
+        const {
+          label,
+          name,
+          rules: rules2 = [{ required: false, message: "" }],
+          className,
+          labelWidth,
+          errorMessageAlign,
+          showErrorLine,
+          showErrorMessage
+        } = {
+          ...defaultProps$G,
+          ...this.props
+        };
+        const item = ((_a = this.context.errList) == null ? void 0 : _a.length) > 0 && ((_b = this.context.errList) == null ? void 0 : _b.filter((item2) => {
+          return item2.field === name;
+        }));
+        const { starPositon } = this.context;
+        const renderStar = rules2.length > 0 && rules2[0].required && /* @__PURE__ */ React__default["default"].createElement("i", {
+          className: "required"
+        });
+        const renderLabel = starPositon === "Right" ? /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, label, renderStar) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, renderStar, label);
+        return /* @__PURE__ */ React__default["default"].createElement(Cell, {
+          className: `nut-form-item ${className}`
+        }, label ? /* @__PURE__ */ React__default["default"].createElement("div", {
+          className: "nut-cell__title nut-form-item__label",
+          style: {
+            width: this.pxCheck(labelWidth)
+          }
+        }, renderLabel) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
+          className: "nut-cell__value nut-form-item__body"
+        }, /* @__PURE__ */ React__default["default"].createElement("div", {
+          className: "nut-form-item__body__slots"
+        }, childNode), item.length > 0 && /* @__PURE__ */ React__default["default"].createElement("div", {
+          className: "nut-form-item__body__tips",
+          style: { textAlign: errorMessageAlign }
+        }, item[0].message)));
+      };
+      this.pxCheck = (value) => {
+        return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
+      };
+    }
+    componentDidMount() {
+      this.cancelRegister = this.context.registerField(this);
+    }
+    componentWillUnmount() {
+      if (this.cancelRegister) {
+        this.cancelRegister();
+      }
+    }
+    render() {
+      const { children } = this.props;
+      const c6 = Array.isArray(children) ? children[0] : children;
+      const returnChildNode = React__default["default"].cloneElement(
+        c6,
+        this.getControlled(c6)
+      );
+      return this.renderLayout(returnChildNode);
+    }
+  }
+  FormItem.defaultProps = defaultProps$G;
+  FormItem.contextType = FormItemContext;
+  const defaultProps$F = {
+    ...ComponentDefaults,
+    className: "",
+    style: void 0,
+    form: {},
+    labelPosition: "Right",
+    formGroupTitle: "",
+    onFinish: (obj) => {
+    },
+    onFinishFailed: (value) => {
+    },
+    starPositon: "Left"
+  };
+  const PositionInfo = {
+    Top: "form-layout-top",
+    Left: "form-layout-left",
+    Right: "form-layout-right"
+  };
+  const Form = (props) => {
+    const {
+      children,
+      onFinish,
+      onFinishFailed,
+      labelPosition,
+      starPositon,
+      ...rest
+    } = {
+      ...defaultProps$F,
+      ...props
+    };
+    const [formInstance] = useForm();
+    formInstance.starPositon = starPositon;
+    const { setCallback, submit } = formInstance;
+    setCallback({
+      onFinish,
+      onFinishFailed
+    });
+    return /* @__PURE__ */ React__default["default"].createElement("form", {
+      className: `nut-form ${PositionInfo[labelPosition]} ${props.className}`,
+      style: props.style,
+      onSubmit: (e2) => {
+        e2.preventDefault();
+        submit();
+      }
+    }, /* @__PURE__ */ React__default["default"].createElement(CellGroup, null, /* @__PURE__ */ React__default["default"].createElement(FormItemContext.Provider, {
+      value: formInstance
+    }, children)));
+  };
+  Form.defaultProps = defaultProps$F;
+  Form.displayName = "NutForm";
+  Form.Item = FormItem;
+  const defaultProps$E = {
+    cancelTxt: "",
+    optionTag: "name",
+    optionSubTag: "subname",
+    chooseTagValue: "",
+    title: "",
+    color: "#ee0a24",
+    description: "",
+    menuItems: [],
+    onCancel: () => {
+    },
+    onChoose: () => {
+    },
+    visible: false,
+    className: "",
+    style: {}
+  };
+  const ActionSheet = (props) => {
+    const {
+      children,
+      cancelTxt,
+      optionTag,
+      optionSubTag,
+      chooseTagValue,
+      title,
+      color,
+      description,
+      menuItems,
+      onCancel,
+      onChoose,
+      visible,
+      className,
+      style,
+      ...rest
+    } = { ...defaultProps$E, ...props };
+    const b2 = cn("actionsheet");
+    const isHighlight = (item) => {
+      return props.chooseTagValue && props.chooseTagValue === item[props.optionTag || "name"] ? props.color : "#1a1a1a";
+    };
+    const cancelActionSheet = () => {
+      onCancel && onCancel();
+    };
+    const chooseItem = (item, index) => {
+      if (!item.disable) {
+        onChoose && onChoose(item, index);
+      }
+    };
+    return /* @__PURE__ */ React__default["default"].createElement(Popup, {
+      round: true,
+      visible,
+      position: "bottom",
+      onClose: () => {
+        onCancel && onCancel();
+      }
+    }, /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: `${b2()} ${className}`,
+      style,
       ...rest
     }, title && /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("title")
@@ -15108,12 +16413,12 @@
   Dialog.confirm = (props) => {
     return confirm(props);
   };
-  ["alert"].forEach((type) => {
-    Dialog[type] = (props) => {
+  ["alert"].forEach((type2) => {
+    Dialog[type2] = (props) => {
       return confirm({
         ...props,
         isNotice: false,
-        noticeType: type
+        noticeType: type2
       });
     };
   });
@@ -15374,7 +16679,7 @@
         msg,
         color,
         background,
-        type,
+        type: type2,
         className,
         position,
         isWrapTeleport
@@ -15385,7 +16690,7 @@
         "popup-top": position === "top",
         "popup-bottom": position === "bottom",
         "nut-notify": true,
-        [`nut-notify--${type}`]: true
+        [`nut-notify--${type2}`]: true
       });
       return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(CSSTransition$1, {
         in: this.state.show,
@@ -16665,9 +17970,9 @@
       if (pace) {
         const _active = active + pace;
         if (props.loop) {
-          return range(_active, -1, childCount);
+          return range2(_active, -1, childCount);
         }
-        return range(_active, 0, childCount - 1);
+        return range2(_active, 0, childCount - 1);
       }
       return active;
     };
@@ -16678,14 +17983,14 @@
       }
       let targetOffset = offset2 - currentPosition;
       if (!props.loop) {
-        targetOffset = range(targetOffset, minOffset, 0);
+        targetOffset = range2(targetOffset, minOffset, 0);
       }
       return targetOffset;
     };
     const requestFrame = (fn) => {
       window.requestAnimationFrame.call(window, fn);
     };
-    const range = (num, min, max) => {
+    const range2 = (num, min, max) => {
       return Math.min(Math.max(num, min), max);
     };
     const getDirection2 = (x2, y2) => {
@@ -17246,7 +18551,7 @@
       style,
       color,
       plain,
-      type,
+      type: type2,
       round,
       prefixCls,
       children,
@@ -17266,7 +18571,7 @@
     React.useEffect(() => {
       setBtnName(classes());
     }, [
-      type,
+      type2,
       color,
       textColor,
       plain,
@@ -17280,7 +18585,7 @@
     const classes = () => {
       const prefixCls2 = "nut-tag";
       return `${prefixCls2}
-    ${type ? `${prefixCls2}--${type}` : ""}
+    ${type2 ? `${prefixCls2}--${type2}` : ""}
     ${plain ? `${prefixCls2}--plain` : ""}
     ${round ? `${prefixCls2}--round` : ""}
     ${mark ? `${prefixCls2}--mark` : ""}
@@ -17349,12 +18654,12 @@
     };
   }
   class Trigger extends React__default["default"].Component {
-    fireEvents(type, e2) {
-      const childCallback = this.props.children.props[type];
+    fireEvents(type2, e2) {
+      const childCallback = this.props.children.props[type2];
       if (childCallback) {
         childCallback(e2);
       }
-      const callback = this.props[type];
+      const callback = this.props[type2];
       if (callback) {
         callback(e2);
       }
@@ -17602,7 +18907,7 @@
       startTime,
       endTime,
       millisecond,
-      format,
+      format: format2,
       autoStart,
       time,
       className,
@@ -17662,7 +18967,7 @@
         }
       });
     };
-    const formatRemainTime = (t2, type) => {
+    const formatRemainTime = (t2, type2) => {
       const ts2 = t2;
       const rest2 = {
         d: 0,
@@ -17682,12 +18987,12 @@
         rest2.s = Math.floor(ts2 % MINUTE / SECOND);
         rest2.ms = Math.floor(ts2 % SECOND);
       }
-      return type === "custom" ? rest2 : parseFormat({ ...rest2 });
+      return type2 === "custom" ? rest2 : parseFormat({ ...rest2 });
     };
     const parseFormat = (time2) => {
       const { d: d2 } = time2;
       let { h: h2, m: m2, s, ms } = time2;
-      let formatCache = format;
+      let formatCache = format2;
       if (formatCache.includes("DD")) {
         formatCache = formatCache.replace("DD", padZero(d2));
       } else {
@@ -18098,10 +19403,10 @@
       }, !Number.isNaN(Number(item)) ? /* @__PURE__ */ React__default["default"].createElement("span", {
         className: b2("number"),
         style: numberEaseStyle
-      }, [...numbers, ...numbers].map((number, subidx) => {
+      }, [...numbers, ...numbers].map((number2, subidx) => {
         return /* @__PURE__ */ React__default["default"].createElement("span", {
           key: subidx
-        }, number);
+        }, number2);
       })) : /* @__PURE__ */ React__default["default"].createElement("span", {
         className: b2("separator")
       }, item));
@@ -18709,7 +20014,7 @@
       autoplay,
       loop: loop2,
       preload,
-      type,
+      type: type2,
       onFastBack,
       onForward,
       onPause,
@@ -18868,7 +20173,7 @@
       }, children);
     };
     const renderAudio = () => {
-      switch (type) {
+      switch (type2) {
         case "icon":
           return renderIcon();
         case "progress":
@@ -18903,7 +20208,7 @@
       ...rest
     }, renderAudio(), /* @__PURE__ */ React__default["default"].createElement("audio", {
       className: "audioMain",
-      controls: type === "controls",
+      controls: type2 === "controls",
       ref: AudioRef,
       src: url,
       muted,
@@ -19125,7 +20430,7 @@
     const { locale } = useConfig();
     const {
       children,
-      type,
+      type: type2,
       existAddress,
       selectedIcon,
       defaultIcon,
@@ -19157,7 +20462,7 @@
       onSelected && onSelected(prevExistAdd, item, copyExistAdd);
     };
     const switchModule = () => {
-      onSwitchModule && onSwitchModule({ type: type === "exist" ? "custom" : "exist" });
+      onSwitchModule && onSwitchModule({ type: type2 === "exist" ? "custom" : "exist" });
     };
     React.useEffect(() => {
     }, [existAddress]);
@@ -19209,7 +20514,7 @@
     const { locale } = useConfig();
     const {
       children,
-      type,
+      type: type2,
       modelValue,
       height,
       province,
@@ -19225,7 +20530,7 @@
       ...props
     };
     const b2 = cn("address");
-    const [privateType] = React.useState(type);
+    const [privateType] = React.useState(type2);
     const [tabIndex, setTabIndex] = React.useState(0);
     const [tabName] = React.useState(["province", "city", "country", "town"]);
     const provinceRef = React.useRef(null);
@@ -19234,7 +20539,7 @@
     const townRef = React.useRef(null);
     const regionLine = React.useRef(null);
     const isCustom2 = () => {
-      return type === "custom2";
+      return type2 === "custom2";
     };
     const transformData = (data) => {
       if (!Array.isArray(data))
@@ -19498,7 +20803,7 @@
       modelValue,
       modelSelect,
       children,
-      type,
+      type: type2,
       height,
       customAddressTitle,
       existAddress,
@@ -19529,7 +20834,7 @@
       ...props
     };
     const b2 = cn("address");
-    const [privateType, setPrivateType] = React.useState(type);
+    const [privateType, setPrivateType] = React.useState(type2);
     const [tabName] = React.useState(["province", "city", "country", "town"]);
     const [showPopup, setShowPopup] = React.useState(modelValue);
     const [selectedRegion, setSelectedRegion] = React.useState({
@@ -19666,8 +20971,8 @@
       onNextArea: (cal) => {
         nextAreaList && nextAreaList(cal);
       },
-      onTabClick: (type2) => {
-        onTabChecked && onTabChecked(type2);
+      onTabClick: (type22) => {
+        onTabChecked && onTabChecked(type22);
       },
       onClose: handClose
     }), privateType === "exist" && /* @__PURE__ */ React__default["default"].createElement(ExistRender, {
@@ -19775,7 +21080,7 @@
   const Signature = (props) => {
     const { locale } = useConfig();
     const {
-      type,
+      type: type2,
       lineWidth,
       strokeStyle,
       unSupportTpl,
@@ -19864,7 +21169,7 @@
     };
     const onSave = (canvas) => {
       let dataurl;
-      switch (type) {
+      switch (type2) {
         case "png":
           dataurl = canvas.toDataURL("image/png");
           break;
@@ -19965,7 +21270,7 @@
   };
   const TimePannel = (props) => {
     useConfig();
-    const { children, className, date, curKey, change } = {
+    const { children, className, date: date2, curKey, change } = {
       ...defaultProps$2,
       ...props
     };
@@ -19973,7 +21278,7 @@
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `${b2()} ${className || ""}`,
       onClick: () => change(curKey)
-    }, date);
+    }, date2);
   };
   TimePannel.defaultProps = defaultProps$2;
   TimePannel.displayName = "NutTimePannel";
@@ -20207,6 +21512,8 @@
   exports2.Elevator = Elevator;
   exports2.Empty = Empty;
   exports2.FixedNav = FixedNav;
+  exports2.Form = Form;
+  exports2.FormItem = FormItem;
   exports2.Grid = Grid;
   exports2.GridItem = GridItem;
   exports2.Icon = Icon$1;