@nutui/nutui-react-taro 1.3.3 → 1.3.4

package/dist/nutui.react.umd.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.3.3-beta.2 Wed Sep 14 2022 14:26:26 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.3.4-beta.0 Wed Sep 21 2022 14:34:17 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -35,6 +35,21 @@
   var Taro__default = /* @__PURE__ */ _interopDefaultLegacy(Taro);
   var ReactDOM__default = /* @__PURE__ */ _interopDefaultLegacy(ReactDOM);
   var ReactDOM__namespace = /* @__PURE__ */ _interopNamespace(ReactDOM);
+  function getAugmentedNamespace(n2) {
+    if (n2.__esModule)
+      return n2;
+    var a = Object.defineProperty({}, "__esModule", { value: true });
+    Object.keys(n2).forEach(function(k2) {
+      var d2 = Object.getOwnPropertyDescriptor(n2, k2);
+      Object.defineProperty(a, k2, d2.get ? d2 : {
+        enumerable: true,
+        get: function() {
+          return n2[k2];
+        }
+      });
+    });
+    return a;
+  }
   var classname = { exports: {} };
   var classname_production_min = {};
   function r$1(r2) {
@@ -73,7 +88,7 @@
     classname.exports = classname_production_min;
   }
   const cn = classname.exports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
-  const defaultProps$1o = {
+  const defaultProps$1q = {
     name: "",
     size: "",
     classPrefix: "nut-icon",
@@ -101,7 +116,7 @@
       onClick,
       ...rest
     } = {
-      ...defaultProps$1o,
+      ...defaultProps$1q,
       ...props
     };
     const isImage = name ? name.indexOf("/") !== -1 : false;
@@ -135,13 +150,13 @@
       children
     );
   }
-  Icon$1.defaultProps = defaultProps$1o;
+  Icon$1.defaultProps = defaultProps$1q;
   Icon$1.displayName = "NutIcon";
   const ComponentDefaults = {
     iconClassPrefix: "nut-icon",
     iconFontClassName: "nutui-iconfont"
   };
-  const defaultProps$1n = {
+  const defaultProps$1p = {
     ...ComponentDefaults,
     className: "",
     color: "",
@@ -173,9 +188,11 @@
       onClick,
       className,
       style,
+      iconClassPrefix,
+      iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$1n,
+      ...defaultProps$1p,
       ...props
     };
     const getStyle = React.useCallback(() => {
@@ -243,16 +260,16 @@
       className: "nut-button__warp",
       style: getStyle()
     }, loading && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: "loading"
     }), !loading && icon ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: icon
     }) : "", children));
   };
-  Button$1.defaultProps = defaultProps$1n;
+  Button$1.defaultProps = defaultProps$1p;
   Button$1.displayName = "NutButton";
   function _setPrototypeOf(o, p2) {
     _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p3) {
@@ -1023,7 +1040,7 @@
    * This source code is licensed under the MIT license found in the
    * LICENSE file in the root directory of this source tree.
    */
-  var b = "function" === typeof Symbol && Symbol.for, c = b ? Symbol.for("react.element") : 60103, d = b ? Symbol.for("react.portal") : 60106, e = b ? Symbol.for("react.fragment") : 60107, f = b ? Symbol.for("react.strict_mode") : 60108, g = b ? Symbol.for("react.profiler") : 60114, h = b ? Symbol.for("react.provider") : 60109, k = b ? Symbol.for("react.context") : 60110, l = b ? Symbol.for("react.async_mode") : 60111, m = b ? Symbol.for("react.concurrent_mode") : 60111, n = b ? Symbol.for("react.forward_ref") : 60112, p = b ? Symbol.for("react.suspense") : 60113, q = b ? Symbol.for("react.suspense_list") : 60120, r = b ? Symbol.for("react.memo") : 60115, t = b ? Symbol.for("react.lazy") : 60116, v = b ? Symbol.for("react.block") : 60121, w = b ? Symbol.for("react.fundamental") : 60117, x = b ? Symbol.for("react.responder") : 60118, y = b ? Symbol.for("react.scope") : 60119;
+  var b$1 = "function" === typeof Symbol && Symbol.for, c = b$1 ? Symbol.for("react.element") : 60103, d = b$1 ? Symbol.for("react.portal") : 60106, e = b$1 ? Symbol.for("react.fragment") : 60107, f = b$1 ? Symbol.for("react.strict_mode") : 60108, g = b$1 ? Symbol.for("react.profiler") : 60114, h = b$1 ? Symbol.for("react.provider") : 60109, k = b$1 ? Symbol.for("react.context") : 60110, l = b$1 ? Symbol.for("react.async_mode") : 60111, m = b$1 ? Symbol.for("react.concurrent_mode") : 60111, n = b$1 ? Symbol.for("react.forward_ref") : 60112, p = b$1 ? Symbol.for("react.suspense") : 60113, q = b$1 ? Symbol.for("react.suspense_list") : 60120, r = b$1 ? Symbol.for("react.memo") : 60115, t = b$1 ? Symbol.for("react.lazy") : 60116, v = b$1 ? Symbol.for("react.block") : 60121, w = b$1 ? Symbol.for("react.fundamental") : 60117, x = b$1 ? Symbol.for("react.responder") : 60118, y = b$1 ? Symbol.for("react.scope") : 60119;
   function z(a) {
     if ("object" === typeof a && null !== a) {
       var u = a.$$typeof;
@@ -1470,7 +1487,7 @@
   function useHistory() {
     return useContext(historyContext);
   }
-  const defaultProps$1m = {
+  const defaultProps$1o = {
     ...ComponentDefaults,
     title: null,
     subTitle: null,
@@ -1509,9 +1526,11 @@
       className,
       iconSlot,
       linkSlot,
+      iconClassPrefix,
+      iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$1m,
+      ...defaultProps$1o,
       ...props
     };
     const b2 = cn("cell");
@@ -1546,8 +1565,8 @@
     }, children || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, icon || iconSlot ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("icon")
     }, iconSlot || (icon ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: icon,
       className: "icon"
     }) : null)) : null, title || subTitle ? /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -1562,15 +1581,15 @@
       }),
       style: styles
     }, desc) : null, !linkSlot && (isLink || to2) ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: "right",
       className: b2("link")
     }) : linkSlot));
   };
-  Cell.defaultProps = defaultProps$1m;
+  Cell.defaultProps = defaultProps$1o;
   Cell.displayName = "NutCell";
-  const defaultProps$1l = {
+  const defaultProps$1n = {
     title: "",
     desc: "",
     titleSlot: null,
@@ -1579,7 +1598,7 @@
   };
   const CellGroup = (props) => {
     const { children, classPrefix, title, desc, titleSlot, descSlot } = {
-      ...defaultProps$1l,
+      ...defaultProps$1n,
       ...props
     };
     const b2 = cn("cell-group");
@@ -1593,13 +1612,13 @@
       className: b2("wrap")
     }, children));
   };
-  CellGroup.defaultProps = defaultProps$1l;
+  CellGroup.defaultProps = defaultProps$1n;
   CellGroup.displayName = "NutCellGroup";
   var classnames = { exports: {} };
   /*!
-    Copyright (c) 2018 Jed Watson.
-    Licensed under the MIT License (MIT), see
-    http://jedwatson.github.io/classnames
+  	Copyright (c) 2018 Jed Watson.
+  	Licensed under the MIT License (MIT), see
+  	http://jedwatson.github.io/classnames
   */
   (function(module2) {
     (function() {
@@ -1621,14 +1640,14 @@
               }
             }
           } else if (argType === "object") {
-            if (arg.toString === Object.prototype.toString) {
-              for (var key in arg) {
-                if (hasOwn.call(arg, key) && arg[key]) {
-                  classes.push(key);
-                }
-              }
-            } else {
+            if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
               classes.push(arg.toString());
+              continue;
+            }
+            for (var key in arg) {
+              if (hasOwn.call(arg, key) && arg[key]) {
+                classes.push(key);
+              }
             }
           }
         }
@@ -2146,7 +2165,7 @@
   };
   CSSTransition.propTypes = {};
   var CSSTransition$1 = CSSTransition;
-  const defaultProps$1k = {
+  const defaultProps$1m = {
     ...ComponentDefaults,
     position: "center",
     transition: "",
@@ -2204,7 +2223,9 @@
       onClickCloseIcon,
       onOpened,
       onClosed,
-      onClick
+      onClick,
+      iconClassPrefix,
+      iconFontClassName
     } = props;
     const [index2, setIndex] = React.useState(zIndex || _zIndex);
     const [innerVisible, setInnerVisible] = React.useState(visible);
@@ -2303,8 +2324,8 @@
         className: closeClasses,
         onClick: onHandleClickCloseIcon
       }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         name: closeIcon,
         size: "12px"
       })) : ""));
@@ -2330,7 +2351,7 @@
     }, [position]);
     return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, renderToContainer(teleport, renderNode()));
   };
-  Popup.defaultProps = defaultProps$1k;
+  Popup.defaultProps = defaultProps$1m;
   Popup.displayName = "NutPopup";
   const zhCN = {
     save: "\u4FDD\u5B58",
@@ -2457,7 +2478,7 @@
       completeText: "\u5237\u65B0\u6210\u529F"
     }
   };
-  const defaultProps$1j = {
+  const defaultProps$1l = {
     locale: zhCN
   };
   const defaultConfigRef$1 = {
@@ -2474,7 +2495,7 @@
   };
   const ConfigContext$1 = React.createContext(null);
   const ConfigProvider = (props) => {
-    const { children, ...config2 } = { ...defaultProps$1j, ...props };
+    const { children, ...config2 } = { ...defaultProps$1l, ...props };
     const parentConfig = useConfig$1();
     return /* @__PURE__ */ React__default["default"].createElement(ConfigContext$1.Provider, {
       value: {
@@ -2483,25 +2504,25 @@
       }
     }, children);
   };
-  ConfigProvider.defaultProps = defaultProps$1j;
+  ConfigProvider.defaultProps = defaultProps$1l;
   ConfigProvider.displayName = "NutConfigProvider";
-  const defaultProps$1i = {};
+  const defaultProps$1k = {};
   const Layout = (props) => {
-    ({ ...defaultProps$1i, ...props });
+    ({ ...defaultProps$1k, ...props });
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-layout"
     }, "Layout");
   };
-  Layout.defaultProps = defaultProps$1i;
+  Layout.defaultProps = defaultProps$1k;
   Layout.displayName = "NutLayout";
   const DataContext$2 = React.createContext({});
-  const defaultProps$1h = {
+  const defaultProps$1j = {
     span: "24",
     offset: "0",
     gutter: "0"
   };
   const Col = (props) => {
-    const { span, offset, children, onClick } = { ...defaultProps$1h, ...props };
+    const { span, offset, children, onClick } = { ...defaultProps$1j, ...props };
     const [colName, setColName] = React.useState("");
     const [colStyle, setColStyle] = React.useState({});
     const { gutter } = React.useContext(DataContext$2);
@@ -2527,9 +2548,9 @@
       }
     }, children);
   };
-  Col.defaultProps = defaultProps$1h;
+  Col.defaultProps = defaultProps$1j;
   Col.displayName = "NutCol";
-  const defaultProps$1g = {
+  const defaultProps$1i = {
     type: "",
     justify: "start",
     align: "flex-start",
@@ -2538,7 +2559,7 @@
   };
   const Row = (props) => {
     const { children, type, justify, align, wrap, gutter, onClick } = {
-      ...defaultProps$1g,
+      ...defaultProps$1i,
       ...props
     };
     const prefixCls = "nut-row";
@@ -2572,9 +2593,9 @@
       children
     ));
   };
-  Row.defaultProps = defaultProps$1g;
+  Row.defaultProps = defaultProps$1i;
   Row.displayName = "NutRow";
-  const defaultProps$1f = {
+  const defaultProps$1h = {
     contentPosition: "center",
     dashed: false,
     hairline: true,
@@ -2591,7 +2612,7 @@
       direction,
       ...rest
     } = {
-      ...defaultProps$1f,
+      ...defaultProps$1h,
       ...props
     };
     const dividerBem = cn("divider");
@@ -2612,9 +2633,9 @@
       ...rest
     }, children);
   };
-  Divider.defaultProps = defaultProps$1f;
+  Divider.defaultProps = defaultProps$1h;
   Divider.displayName = "NutDivider";
-  const defaultProps$1e = {
+  const defaultProps$1g = {
     columnNum: 4,
     border: true,
     gutter: 0,
@@ -2641,7 +2662,7 @@
       iconColor,
       className,
       ...rest
-    } = { ...defaultProps$1e, ...props };
+    } = { ...defaultProps$1g, ...props };
     const childrenDom = React__default["default"].Children.toArray(children);
     const pxCheck2 = (value) => {
       return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
@@ -2680,9 +2701,9 @@
       });
     }));
   };
-  Grid.defaultProps = defaultProps$1e;
+  Grid.defaultProps = defaultProps$1g;
   Grid.displayName = "NutGrid";
-  const defaultProps$1d = {
+  const defaultProps$1f = {
     ...ComponentDefaults,
     text: "",
     icon: "",
@@ -2716,8 +2737,13 @@
       center,
       reverse,
       direction,
+      iconClassPrefix,
+      iconFontClassName,
       ...rest
-    } = { ...defaultProps$1d, ...props };
+    } = {
+      ...defaultProps$1f,
+      ...props
+    };
     const b2 = cn("grid-item");
     const pxCheck2 = (value) => {
       return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
@@ -2750,8 +2776,8 @@
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: contentClass()
     }, icon && isIconName() ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: icon,
       size: iconSize || parentIconSize,
       color: iconColor || parentIconColor
@@ -2759,9 +2785,32 @@
       className: "nut-grid-item__text"
     }, text), children && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, children)));
   };
-  GridItem.defaultProps = defaultProps$1d;
+  GridItem.defaultProps = defaultProps$1f;
   GridItem.displayName = "NutGridItem";
-  const defaultProps$1c = {
+  const defaultConfigRef = {
+    current: {
+      locale: zhCN
+    }
+  };
+  const getDefaultConfig = () => {
+    return defaultConfigRef.current;
+  };
+  const useConfig = () => {
+    var _a;
+    return (_a = React.useContext(ConfigContext)) != null ? _a : getDefaultConfig();
+  };
+  const ConfigContext = React.createContext(null);
+  const defaultProps$1e = {};
+  const Sticky = (props) => {
+    useConfig();
+    ({ ...defaultProps$1e, ...props });
+    return /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: "nut-sticky"
+    }, "Sticky");
+  };
+  Sticky.defaultProps = defaultProps$1e;
+  Sticky.displayName = "NutSticky";
+  const defaultProps$1d = {
     ...ComponentDefaults,
     title: "",
     desc: "",
@@ -2793,9 +2842,11 @@
       onClickTitle,
       onClickIcon,
       onClickBack,
-      onClickRight
+      onClickRight,
+      iconClassPrefix,
+      iconFontClassName
     } = {
-      ...defaultProps$1c,
+      ...defaultProps$1d,
       ...props
     };
     const b2 = cn("navbar");
@@ -2818,8 +2869,8 @@
         className: `${b2("left")}`,
         onClick: (e2) => onClickBack(e2)
       }, leftShow && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         name: "left",
         color: "#979797"
       }), leftText && /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -2835,8 +2886,8 @@
       }, title), titIcon && /* @__PURE__ */ React__default["default"].createElement("div", {
         onClick: (e2) => onClickIcon(e2)
       }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         name: titIcon
       })), slot.content);
     };
@@ -2864,9 +2915,9 @@
       className: `${b2("")}--placeholder`
     }, renderWrapper()) : renderWrapper());
   };
-  NavBar.defaultProps = defaultProps$1c;
+  NavBar.defaultProps = defaultProps$1d;
   NavBar.displayName = "NutNavBar";
-  const defaultProps$1b = {
+  const defaultProps$1c = {
     ...ComponentDefaults,
     fixednavClass: "nut-fixednav",
     activeText: "",
@@ -2892,8 +2943,13 @@
       type,
       slotList,
       slotBtn,
+      iconClassPrefix,
+      iconFontClassName,
       ...rest
-    } = { ...defaultProps$1b, ...props };
+    } = {
+      ...defaultProps$1c,
+      ...props
+    };
     const b2 = cn("fixednav");
     const classes = classNames(
       {
@@ -2938,17 +2994,17 @@
       className: "nut-fixednav__btn",
       onClick: () => onUpdateValue()
     }, slotBtn || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: "left",
       color: "#fff"
     }), /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "text"
     }, visible ? activeText || locale.fixednav.activeText : unActiveText || locale.fixednav.unActiveText))));
   };
-  FixedNav.defaultProps = defaultProps$1b;
+  FixedNav.defaultProps = defaultProps$1c;
   FixedNav.displayName = "NutFixedNav";
-  const defaultProps$1a = {
+  const defaultProps$1b = {
     visible: 0,
     bottom: false,
     size: 20,
@@ -2973,7 +3029,7 @@
       style,
       tabSwitch
     } = {
-      ...defaultProps$1a,
+      ...defaultProps$1b,
       ...props
     };
     const b2 = cn("tabbar");
@@ -3008,9 +3064,9 @@
       return React__default["default"].cloneElement(child, childProps);
     }));
   };
-  Tabbar.defaultProps = defaultProps$1a;
+  Tabbar.defaultProps = defaultProps$1b;
   Tabbar.displayName = "NutTabbar";
-  const defaultProps$19 = {
+  const defaultProps$1a = {
     ...ComponentDefaults,
     dot: false,
     size: "",
@@ -3041,9 +3097,11 @@
       activeColor,
       unactiveColor,
       index: index2,
-      handleClick: handleClick2
+      handleClick: handleClick2,
+      iconClassPrefix,
+      iconFontClassName
     } = {
-      ...defaultProps$19,
+      ...defaultProps$1a,
       ...props
     };
     const b2 = cn("tabbar-item");
@@ -3075,8 +3133,8 @@
     }, "99+")) : /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `${bIcon("dot")}`
     }), icon && /* @__PURE__ */ React__default["default"].createElement("div", null, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       size,
       name: icon
     })), /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -3188,10 +3246,14 @@
       return "";
     return string[0].toUpperCase() + string.slice(1);
   }
+  const actionsWithoutCaptureSupported = ["enter", "leave"];
+  function hasCapture(capture = false, actionKey) {
+    return capture && !actionsWithoutCaptureSupported.includes(actionKey);
+  }
   function toHandlerProp(device, action = "", capture = false) {
     const deviceProps = EVENT_TYPE_MAP[device];
     const actionKey = deviceProps ? deviceProps[action] || action : action;
-    return "on" + capitalize(device) + capitalize(actionKey) + (capture ? "Capture" : "");
+    return "on" + capitalize(device) + capitalize(actionKey) + (hasCapture(capture, actionKey) ? "Capture" : "");
   }
   const pointerCaptureEvents = ["gotpointercapture", "lostpointercapture"];
   function parseProp(prop) {
@@ -3217,6 +3279,13 @@
   function isTouch(event) {
     return "touches" in event;
   }
+  function getPointerType(event) {
+    if (isTouch(event))
+      return "touch";
+    if ("pointerType" in event)
+      return event.pointerType;
+    return "mouse";
+  }
   function getCurrentTargetTouchList(event) {
     return Array.from(event.touches).filter((e2) => {
       var _event$currentTarget, _event$currentTarget$;
@@ -3446,6 +3515,8 @@
         const _absoluteDelta = state._delta.map(Math.abs);
         V.addTo(state._distance, _absoluteDelta);
       }
+      if (this.axisIntent)
+        this.axisIntent(event);
       const [_m0, _m1] = state._movement;
       const [t0, t1] = config2.threshold;
       const {
@@ -3475,8 +3546,8 @@
         movement[0] = _step[0] !== false ? _m0 - _step[0] : 0;
         movement[1] = _step[1] !== false ? _m1 - _step[1] : 0;
       }
-      if (this.intent)
-        this.intent(movement);
+      if (this.restrictToAxis && !state._blocked)
+        this.restrictToAxis(movement);
       const previousOffset = state.offset;
       const gestureIsActive = state._active && !state._blocked || state.active;
       if (gestureIsActive) {
@@ -3533,23 +3604,16 @@
       this.timeoutStore.clean();
     }
   }
-  function selectAxis([dx, dy]) {
-    const d2 = Math.abs(dx) - Math.abs(dy);
-    if (d2 > 0)
+  function selectAxis([dx, dy], threshold) {
+    const absDx = Math.abs(dx);
+    const absDy = Math.abs(dy);
+    if (absDx > absDy && absDx > threshold) {
       return "x";
-    if (d2 < 0)
+    }
+    if (absDy > absDx && absDy > threshold) {
       return "y";
-    return void 0;
-  }
-  function restrictVectorToAxis(v2, axis) {
-    switch (axis) {
-      case "x":
-        v2[1] = 0;
-        break;
-      case "y":
-        v2[0] = 0;
-        break;
     }
+    return void 0;
   }
   class CoordinatesEngine extends Engine {
     constructor(...args) {
@@ -3570,13 +3634,25 @@
     computeMovement() {
       this.state.movement = V.sub(this.state.offset, this.state.lastOffset);
     }
-    intent(v2) {
-      this.state.axis = this.state.axis || selectAxis(v2);
-      this.state._blocked = (this.config.lockDirection || !!this.config.axis) && !this.state.axis || !!this.config.axis && this.config.axis !== this.state.axis;
-      if (this.state._blocked)
-        return;
+    axisIntent(event) {
+      const state = this.state;
+      const config2 = this.config;
+      if (!state.axis && event) {
+        const threshold = typeof config2.axisThreshold === "object" ? config2.axisThreshold[getPointerType(event)] : config2.axisThreshold;
+        state.axis = selectAxis(state._movement, threshold);
+      }
+      state._blocked = (config2.lockDirection || !!config2.axis) && !state.axis || !!config2.axis && config2.axis !== state.axis;
+    }
+    restrictToAxis(v2) {
       if (this.config.axis || this.config.lockDirection) {
-        restrictVectorToAxis(v2, this.state.axis);
+        switch (this.state.axis) {
+          case "x":
+            v2[1] = 0;
+            break;
+          case "y":
+            v2[0] = 0;
+            break;
+        }
       }
     }
   }
@@ -3586,6 +3662,9 @@
     enabled(value = true) {
       return value;
     },
+    eventOptions(value, _k, config2) {
+      return _objectSpread2(_objectSpread2({}, config2.shared.eventOptions), value);
+    },
     preventDefault(value = false) {
       return value;
     },
@@ -3617,6 +3696,7 @@
       return V.toVector(value, 0);
     }
   };
+  const DEFAULT_AXIS_THRESHOLD = 0;
   const coordinatesConfigResolver = _objectSpread2(_objectSpread2({}, commonConfigResolver), {}, {
     axis(_v, _k, {
       axis
@@ -3625,6 +3705,9 @@
       if (!this.lockDirection)
         return axis;
     },
+    axisThreshold(value = DEFAULT_AXIS_THRESHOLD) {
+      return value;
+    },
     bounds(value = {}) {
       if (typeof value === "function") {
         return (state) => coordinatesConfigResolver.bounds(value(state));
@@ -3708,11 +3791,11 @@
       const state = this.state;
       if (event.buttons != null && (Array.isArray(config2.pointerButtons) ? !config2.pointerButtons.includes(event.buttons) : config2.pointerButtons !== -1 && config2.pointerButtons !== event.buttons))
         return;
-      this.ctrl.setEventIds(event);
+      const ctrlIds = this.ctrl.setEventIds(event);
       if (config2.pointerCapture) {
         event.target.setPointerCapture(event.pointerId);
       }
-      if (state._pointerActive)
+      if (ctrlIds && ctrlIds.size > 1 && state._pointerActive)
         return;
       this.start(event);
       this.setupPointer(event);
@@ -3720,10 +3803,15 @@
       state._pointerActive = true;
       this.computeValues(pointerValues(event));
       this.computeInitial();
-      if (config2.preventScroll) {
+      if (config2.preventScrollAxis && getPointerType(event) !== "mouse") {
+        state._active = false;
         this.setupScrollPrevention(event);
       } else if (config2.delay > 0) {
         this.setupDelayTrigger(event);
+        if (config2.triggerAllEvents) {
+          this.compute(event);
+          this.emit();
+        }
       } else {
         this.startPointerDrag(event);
       }
@@ -3755,13 +3843,13 @@
       }
       V.addTo(state._movement, state._delta);
       this.compute(event);
-      if (state._delayed) {
+      if (state._delayed && state.intentional) {
         this.timeoutStore.remove("dragDelay");
         state.active = false;
         this.startPointerDrag(event);
         return;
       }
-      if (config2.preventScroll && !state._preventScroll) {
+      if (config2.preventScrollAxis && !state._preventScroll) {
         if (state.axis) {
           if (state.axis === config2.preventScrollAxis || config2.preventScrollAxis === "xy") {
             state._active = false;
@@ -3789,7 +3877,7 @@
       }
       const state = this.state;
       const config2 = this.config;
-      if (!state._pointerActive)
+      if (!state._active || !state._pointerActive)
         return;
       const id = pointerId(event);
       if (state._pointerId !== void 0 && id !== state._pointerId)
@@ -3818,14 +3906,14 @@
       this.emit();
     }
     pointerClick(event) {
-      if (!this.state.tap) {
+      if (!this.state.tap && event.detail > 0) {
         event.preventDefault();
         event.stopPropagation();
       }
     }
     setupPointer(event) {
       const config2 = this.config;
-      let device = config2.device;
+      const device = config2.device;
       if (config2.pointerLock) {
         event.currentTarget.requestPointerLock();
       }
@@ -3846,29 +3934,29 @@
       }
     }
     setupScrollPrevention(event) {
+      this.state._preventScroll = false;
       persistEvent(event);
-      this.eventStore.add(this.sharedConfig.window, "touch", "change", this.preventScroll.bind(this), {
-        passive: false
-      });
-      this.eventStore.add(this.sharedConfig.window, "touch", "end", this.clean.bind(this), {
-        passive: false
-      });
-      this.eventStore.add(this.sharedConfig.window, "touch", "cancel", this.clean.bind(this), {
+      const remove = this.eventStore.add(this.sharedConfig.window, "touch", "change", this.preventScroll.bind(this), {
         passive: false
       });
-      this.timeoutStore.add("startPointerDrag", this.startPointerDrag.bind(this), this.config.preventScroll, event);
+      this.eventStore.add(this.sharedConfig.window, "touch", "end", remove);
+      this.eventStore.add(this.sharedConfig.window, "touch", "cancel", remove);
+      this.timeoutStore.add("startPointerDrag", this.startPointerDrag.bind(this), this.config.preventScrollDelay, event);
     }
     setupDelayTrigger(event) {
       this.state._delayed = true;
-      this.timeoutStore.add("dragDelay", this.startPointerDrag.bind(this), this.config.delay, event);
+      this.timeoutStore.add("dragDelay", () => {
+        this.state._step = [0, 0];
+        this.startPointerDrag(event);
+      }, this.config.delay);
     }
     keyDown(event) {
       const deltaFn = KEYS_DELTA_MAP[event.key];
       if (deltaFn) {
         const state = this.state;
         const factor = event.shiftKey ? 10 : event.altKey ? 0.1 : 1;
-        state._delta = deltaFn(factor);
         this.start(event);
+        state._delta = deltaFn(factor);
         state._keyboardActive = true;
         V.addTo(state._movement, state._delta);
         this.compute(event);
@@ -3892,8 +3980,10 @@
         bindFunction(device, "cancel", this.pointerUp.bind(this));
         bindFunction("lostPointerCapture", "", this.pointerUp.bind(this));
       }
-      bindFunction("key", "down", this.keyDown.bind(this));
-      bindFunction("key", "up", this.keyUp.bind(this));
+      if (this.config.keys) {
+        bindFunction("key", "down", this.keyDown.bind(this));
+        bindFunction("key", "up", this.keyUp.bind(this));
+      }
       if (this.config.filterTaps) {
         bindFunction("click", "", this.pointerClick.bind(this), {
           capture: true,
@@ -3938,6 +4028,11 @@
   const DEFAULT_SWIPE_VELOCITY = 0.5;
   const DEFAULT_SWIPE_DISTANCE = 50;
   const DEFAULT_SWIPE_DURATION = 250;
+  const DEFAULT_DRAG_AXIS_THRESHOLD = {
+    mouse: 0,
+    touch: 0,
+    pen: 8
+  };
   const dragConfigResolver = _objectSpread2(_objectSpread2({}, coordinatesConfigResolver), {}, {
     device(_v, _k, {
       pointer: {
@@ -3957,15 +4052,13 @@
         return "touch";
       return "mouse";
     },
-    preventScroll(value = false, _k, {
-      preventScrollAxis = "y"
+    preventScrollAxis(value, _k, {
+      preventScroll
     }) {
-      this.preventScrollAxis = preventScrollAxis;
-      if (!SUPPORT.touchscreen)
-        return false;
-      if (typeof value === "number")
-        return value;
-      return value ? DEFAULT_PREVENT_SCROLL_DELAY : false;
+      this.preventScrollDelay = typeof preventScroll === "number" ? preventScroll : preventScroll || preventScroll === void 0 && value ? DEFAULT_PREVENT_SCROLL_DELAY : void 0;
+      if (!SUPPORT.touchscreen || preventScroll === false)
+        return void 0;
+      return value ? value : preventScroll !== void 0 ? "y" : void 0;
     },
     pointerCapture(_v, _k, {
       pointer: {
@@ -3976,6 +4069,9 @@
       this.pointerButtons = buttons;
       return !this.pointerLock && this.device === "pointer" && capture;
     },
+    keys(value = true) {
+      return value;
+    },
     threshold(value, _k, {
       filterTaps = false,
       tapsThreshold = 3,
@@ -4006,10 +4102,15 @@
         default:
           return value;
       }
+    },
+    axisThreshold(value) {
+      if (!value)
+        return DEFAULT_DRAG_AXIS_THRESHOLD;
+      return _objectSpread2(_objectSpread2({}, DEFAULT_DRAG_AXIS_THRESHOLD), value);
     }
   });
   const SCALE_ANGLE_RATIO_INTENT_DEG = 30;
-  const PINCH_WHEEL_RATIO = 36;
+  const PINCH_WHEEL_RATIO = 100;
   class PinchEngine extends Engine {
     constructor(...args) {
       super(...args);
@@ -4048,19 +4149,22 @@
       } = this.state;
       this.state.movement = [offset[0] / lastOffset[0], offset[1] - lastOffset[1]];
     }
-    intent(v2) {
+    axisIntent() {
       const state = this.state;
+      const [_m0, _m1] = state._movement;
       if (!state.axis) {
-        const axisMovementDifference = Math.abs(v2[0]) * SCALE_ANGLE_RATIO_INTENT_DEG - Math.abs(v2[1]);
+        const axisMovementDifference = Math.abs(_m0) * SCALE_ANGLE_RATIO_INTENT_DEG - Math.abs(_m1);
         if (axisMovementDifference < 0)
           state.axis = "angle";
         else if (axisMovementDifference > 0)
           state.axis = "scale";
       }
+    }
+    restrictToAxis(v2) {
       if (this.config.lockDirection) {
-        if (state.axis === "scale")
+        if (this.state.axis === "scale")
           v2[1] = 0;
-        else if (state.axis === "angle")
+        else if (this.state.axis === "angle")
           v2[0] = 0;
       }
     }
@@ -4211,7 +4315,8 @@
       this.emit();
     }
     wheel(event) {
-      if (!event.ctrlKey)
+      const modifierKey = this.config.modifierKey;
+      if (modifierKey && !event[modifierKey])
         return;
       if (!this.state._active)
         this.wheelStart(event);
@@ -4251,11 +4356,10 @@
         bindFunction(device, "change", this[device + "Move"].bind(this));
         bindFunction(device, "end", this[device + "End"].bind(this));
         bindFunction(device, "cancel", this[device + "End"].bind(this));
-      } else {
-        bindFunction("wheel", "", this.wheel.bind(this), {
-          passive: false
-        });
       }
+      bindFunction("wheel", "", this.wheel.bind(this), {
+        passive: false
+      });
     }
   }
   const pinchConfigResolver = _objectSpread2(_objectSpread2({}, commonConfigResolver), {}, {
@@ -4303,6 +4407,11 @@
       this.lockDirection = config2.axis === "lock";
       const threshold = V.toVector(value, this.lockDirection ? [0.1, 3] : 0);
       return threshold;
+    },
+    modifierKey(value) {
+      if (value === void 0)
+        return "ctrlKey";
+      return value;
     }
   });
   class MoveEngine extends CoordinatesEngine {
@@ -4610,19 +4719,27 @@
     return _config;
   }
   class EventStore {
-    constructor(ctrl) {
-      _defineProperty(this, "_listeners", []);
+    constructor(ctrl, gestureKey) {
+      _defineProperty(this, "_listeners", /* @__PURE__ */ new Set());
       this._ctrl = ctrl;
+      this._gestureKey = gestureKey;
     }
     add(element, device, action, handler, options2) {
+      const listeners = this._listeners;
       const type = toDomEventType(device, action);
-      const eventOptions = _objectSpread2(_objectSpread2({}, this._ctrl.config.shared.eventOptions), options2);
+      const _options = this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {};
+      const eventOptions = _objectSpread2(_objectSpread2({}, _options), options2);
       element.addEventListener(type, handler, eventOptions);
-      this._listeners.push(() => element.removeEventListener(type, handler, eventOptions));
+      const remove = () => {
+        element.removeEventListener(type, handler, eventOptions);
+        listeners.delete(remove);
+      };
+      listeners.add(remove);
+      return remove;
     }
     clean() {
       this._listeners.forEach((remove) => remove());
-      this._listeners = [];
+      this._listeners.clear();
     }
   }
   class TimeoutStore {
@@ -4666,11 +4783,13 @@
     setEventIds(event) {
       if (isTouch(event)) {
         this.touchIds = new Set(touchIds(event));
+        return this.touchIds;
       } else if ("pointerId" in event) {
         if (event.type === "pointerup" || event.type === "pointercancel")
           this.pointerIds.delete(event.pointerId);
         else if (event.type === "pointerdown")
           this.pointerIds.add(event.pointerId);
+        return this.pointerIds;
       }
     }
     applyHandlers(handlers, nativeHandlers) {
@@ -4694,7 +4813,6 @@
     }
     bind(...args) {
       const sharedConfig = this.config.shared;
-      const eventOptions = sharedConfig.eventOptions;
       const props = {};
       let target;
       if (sharedConfig.target) {
@@ -4702,16 +4820,18 @@
         if (!target)
           return;
       }
-      const bindFunction = bindToProps(props, eventOptions, !!target);
       if (sharedConfig.enabled) {
         for (const gestureKey of this.gestures) {
-          if (this.config[gestureKey].enabled) {
+          const gestureConfig = this.config[gestureKey];
+          const bindFunction = bindToProps(props, gestureConfig.eventOptions, !!target);
+          if (gestureConfig.enabled) {
             const Engine2 = EngineMap.get(gestureKey);
             new Engine2(this, args, gestureKey).bind(bindFunction);
           }
         }
+        const nativeBindFunction = bindToProps(props, sharedConfig.eventOptions, !!target);
         for (const eventKey in this.nativeHandlers) {
-          bindFunction(eventKey, "", (event) => this.nativeHandlers[eventKey](_objectSpread2(_objectSpread2({}, this.state.shared), {}, {
+          nativeBindFunction(eventKey, "", (event) => this.nativeHandlers[eventKey](_objectSpread2(_objectSpread2({}, this.state.shared), {}, {
             event,
             args
           })), void 0, true);
@@ -4737,7 +4857,7 @@
   }
   function setupGesture(ctrl, gestureKey) {
     ctrl.gestures.add(gestureKey);
-    ctrl.gestureEventStores[gestureKey] = new EventStore(ctrl);
+    ctrl.gestureEventStores[gestureKey] = new EventStore(ctrl, gestureKey);
     ctrl.gestureTimeoutStores[gestureKey] = new TimeoutStore();
   }
   function resolveGestures(ctrl, internalHandlers) {
@@ -4828,26 +4948,26 @@
     }
     return void 0;
   }
-  function useDrag(handler, config2 = {}) {
+  function useDrag(handler, config2) {
     registerAction(dragAction);
     return useRecognizers({
       drag: handler
-    }, config2, "drag");
+    }, config2 || {}, "drag");
   }
   function createUseGesture(actions) {
     actions.forEach(registerAction);
-    return function useGesture2(_handlers, _config = {}) {
+    return function useGesture2(_handlers, _config) {
       const {
         handlers,
         nativeHandlers,
         config: config2
-      } = parseMergedHandlers(_handlers, _config);
+      } = parseMergedHandlers(_handlers, _config || {});
       return useRecognizers(handlers, config2, void 0, nativeHandlers);
     };
   }
-  function useGesture(handlers, config2 = {}) {
+  function useGesture(handlers, config2) {
     const hook = createUseGesture([dragAction, pinchAction, scrollAction, wheelAction, moveAction, hoverAction]);
-    return hook(handlers, config2);
+    return hook(handlers, config2 || {});
   }
   let updateQueue = makeQueue();
   const raf = (fn) => schedule(fn, updateQueue);
@@ -5490,7 +5610,7 @@
     return i - 1;
   }
   function _extends$2() {
-    _extends$2 = Object.assign || function(target) {
+    _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) {
@@ -5903,7 +6023,7 @@
     return parentNode ? parentNode.constructor : is.arr(value) ? AnimatedArray : isAnimatedString(value) ? AnimatedString : AnimatedValue;
   }
   function _extends$1() {
-    _extends$1 = Object.assign || function(target) {
+    _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) {
@@ -6022,7 +6142,7 @@
   };
   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 || function(target) {
+    _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) {
@@ -6655,6 +6775,7 @@
           const from = anim.fromValues[i];
           const v0 = node2.v0 != null ? node2.v0 : node2.v0 = is.arr(config2.velocity) ? config2.velocity[i] : config2.velocity;
           let velocity;
+          const precision = config2.precision || (from == to2 ? 5e-3 : Math.min(1, Math.abs(to2 - from) * 1e-3));
           if (!is.und(config2.duration)) {
             let p2 = 1;
             if (config2.duration > 0) {
@@ -6676,11 +6797,10 @@
             const decay = config2.decay === true ? 0.998 : config2.decay;
             const e2 = Math.exp(-(1 - decay) * elapsed);
             position = from + v0 / (1 - decay) * (1 - e2);
-            finished = Math.abs(node2.lastPosition - position) < 0.1;
+            finished = Math.abs(node2.lastPosition - position) <= precision;
             velocity = v0 * e2;
           } else {
             velocity = node2.lastVelocity == null ? v0 : node2.lastVelocity;
-            const precision = config2.precision || (from == to2 ? 5e-3 : Math.min(1, Math.abs(to2 - from) * 1e-3));
             const restVelocity = config2.restVelocity || precision / 10;
             const bounceFactor = config2.clamp ? 0 : config2.bounce;
             const canBounce = !is.und(bounceFactor);
@@ -8023,7 +8143,7 @@
   });
   const animated = host.animated;
   const elevatorContext$1 = React.createContext({});
-  const defaultProps$18 = {
+  const defaultProps$19 = {
     height: "200px",
     acceptKey: "title",
     indexList: [],
@@ -8046,7 +8166,7 @@
       children,
       ...rest
     } = {
-      ...defaultProps$18,
+      ...defaultProps$19,
       ...props
     };
     const b2 = cn("elevator");
@@ -8234,9 +8354,9 @@
       }, item[acceptKey]);
     }))));
   };
-  Elevator$1.defaultProps = defaultProps$18;
+  Elevator$1.defaultProps = defaultProps$19;
   Elevator$1.displayName = "NutElevator";
-  const defaultProps$17 = {
+  const defaultProps$18 = {
     defaultValue: 1,
     mode: "multi",
     prevText: "",
@@ -8253,7 +8373,7 @@
   };
   const Pagination = (props) => {
     const { locale } = useConfig$1();
-    ({ ...defaultProps$17, ...props });
+    ({ ...defaultProps$18, ...props });
     const {
       modelValue,
       mode,
@@ -8370,7 +8490,7 @@
       onClick: (e2) => selectPage(Number(currentPage) + 1, true)
     }, nextText || locale.pagination.next));
   };
-  Pagination.defaultProps = defaultProps$17;
+  Pagination.defaultProps = defaultProps$18;
   Pagination.displayName = "NutPagination";
   class Title {
     constructor() {
@@ -8380,7 +8500,7 @@
       this.index = 0;
     }
   }
-  const defaultProps$16 = {
+  const defaultProps$17 = {
     ...ComponentDefaults,
     value: 0,
     color: "",
@@ -8415,23 +8535,28 @@
       onChange,
       className,
       autoHeight,
+      iconClassPrefix,
+      iconFontClassName,
       ...rest
-    } = { ...defaultProps$16, ...props };
+    } = {
+      ...defaultProps$17,
+      ...props
+    };
     const [currentItem, setCurrentItem] = React.useState({ index: 0 });
     const titles = React.useRef([]);
     React.useEffect(() => {
       let currentIndex = 0;
       titles.current = [];
       React__default["default"].Children.forEach(children, (child, idx) => {
-        var _a, _b, _c, _d, _e;
         if (!React__default["default"].isValidElement(child)) {
           return null;
         }
         const title = new Title();
-        if (((_a = child == null ? void 0 : child.props) == null ? void 0 : _a.title) || ((_b = child == null ? void 0 : child.props) == null ? void 0 : _b.paneKey)) {
-          title.title = (_c = child.props) == null ? void 0 : _c.title;
-          title.paneKey = ((_d = child.props) == null ? void 0 : _d.paneKey) || idx;
-          title.disabled = (_e = child.props) == null ? void 0 : _e.disabled;
+        const childProps = child == null ? void 0 : child.props;
+        if ((childProps == null ? void 0 : childProps.title) || (childProps == null ? void 0 : childProps.paneKey)) {
+          title.title = childProps == null ? void 0 : childProps.title;
+          title.paneKey = (childProps == null ? void 0 : childProps.paneKey) || idx;
+          title.disabled = childProps == null ? void 0 : childProps.disabled;
           title.index = idx;
           if (title.paneKey === value) {
             currentIndex = idx;
@@ -8497,8 +8622,8 @@
         className: `${b2("")}__titles-item__smile`,
         style: tabsActiveStyle
       }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         color,
         name: "joy-smile"
       })), /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -8530,9 +8655,9 @@
       return React__default["default"].cloneElement(child, childProps);
     })));
   };
-  Tabs.defaultProps = defaultProps$16;
+  Tabs.defaultProps = defaultProps$17;
   Tabs.displayName = "NutTabs";
-  const defaultProps$15 = {
+  const defaultProps$16 = {
     title: "",
     paneKey: "",
     activeKey: "",
@@ -8540,7 +8665,7 @@
   };
   const TabPane = (props) => {
     const { children, paneKey, activeKey, autoHeightClassName } = {
-      ...defaultProps$15,
+      ...defaultProps$16,
       ...props
     };
     const b2 = cn("tabpane");
@@ -8555,7 +8680,7 @@
       className: classes
     }, children);
   };
-  const defaultProps$14 = {
+  const defaultProps$15 = {
     size: 3,
     current: 1,
     block: false,
@@ -8575,7 +8700,7 @@
       vertical,
       ...rest
     } = {
-      ...defaultProps$14,
+      ...defaultProps$15,
       ...props
     };
     const b2 = cn("indicator");
@@ -8609,7 +8734,7 @@
       ...rest
     }, renderEles());
   };
-  Indicator.defaultProps = defaultProps$14;
+  Indicator.defaultProps = defaultProps$15;
   Indicator.displayName = "NutIndicator";
   const handleClick = (e2) => {
     e2.stopPropagation();
@@ -8625,7 +8750,7 @@
     }
   };
   const OffsetContext = React.createContext(20);
-  const defaultProps$13 = {
+  const defaultProps$14 = {
     showhead: false,
     position: "left",
     width: "80%"
@@ -8643,7 +8768,7 @@
       handleClose,
       ...rest
     } = {
-      ...defaultProps$13,
+      ...defaultProps$14,
       ...props
     };
     const offset = props.offset ? Number(props.offset) : 20;
@@ -8671,14 +8796,14 @@
       className: "nut-sidenavbar__content"
     }, children))))));
   };
-  SideNavBar.defaultProps = defaultProps$13;
+  SideNavBar.defaultProps = defaultProps$14;
   SideNavBar.displayName = "NutSideNavBar";
-  const defaultProps$12 = {
+  const defaultProps$13 = {
     open: true
   };
   const SubSideNavBar = (props) => {
     const { title, ikey, children, titleClick, open, ...rest } = {
-      ...defaultProps$12,
+      ...defaultProps$13,
       ...props
     };
     const offset = React.useContext(OffsetContext);
@@ -8749,7 +8874,7 @@
       ...rest
     }, title);
   };
-  const defaultProps$11 = {
+  const defaultProps$12 = {
     ...ComponentDefaults,
     className: "",
     style: {},
@@ -8768,9 +8893,11 @@
       closeOnClickOverlay,
       children,
       activeColor,
+      iconClassPrefix,
+      iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$11,
+      ...defaultProps$12,
       ...props
     };
     const parentRef = React.useRef(null);
@@ -8857,17 +8984,17 @@
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "nut-menu__title-text"
       }, finallyTitle()), /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         className: "nut-menu__title-icon",
         size: "10",
         name: titleIcon || (direction === "up" ? "arrow-up" : "down-arrow")
       })));
     })), cloneChildren());
   };
-  Menu.defaultProps = defaultProps$11;
+  Menu.defaultProps = defaultProps$12;
   Menu.displayName = "NutMenu";
-  const defaultProps$10 = {
+  const defaultProps$11 = {
     ...ComponentDefaults,
     className: "",
     style: {},
@@ -8882,7 +9009,7 @@
   };
   const MenuItem = (props) => {
     useConfig$1();
-    const mergedProps = { ...defaultProps$10, ...props };
+    const mergedProps = { ...defaultProps$11, ...props };
     const {
       className,
       style,
@@ -8890,16 +9017,16 @@
       value,
       columns,
       title,
-      iconClassPrefix,
-      fontClassName,
       optionsIcon,
       direction,
       onChange,
       activeTitleClass,
       inactiveTitleClass,
-      children
+      children,
+      iconClassPrefix,
+      iconFontClassName
     } = {
-      ...defaultProps$10,
+      ...defaultProps$11,
       ...props
     };
     const { activeColor, showPopup, parent, orderKey } = mergedProps;
@@ -8933,13 +9060,12 @@
       height: 0
     });
     const getParentOffset = () => {
-      setTimeout(() => {
+      setTimeout(async () => {
         const p2 = parent.parent().current;
-        p2.getBoundingClientRect().then((rect2) => {
-          setPosition({
-            height: rect2.height,
-            top: rect2.top
-          });
+        const rect = await p2.getBoundingClientRect();
+        setPosition({
+          height: rect.height,
+          top: rect.top
         });
       });
     };
@@ -9006,8 +9132,8 @@
           handleClick2(item);
         }
       }, item.value === _value ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         className: getIconCName(item.value, value),
         name: optionsIcon,
         color: activeColor
@@ -9019,7 +9145,7 @@
       }, item.text));
     }), children))));
   };
-  MenuItem.defaultProps = defaultProps$10;
+  MenuItem.defaultProps = defaultProps$11;
   MenuItem.displayName = "NutMenuItem";
   const MIN_DISTANCE = 10;
   function getDirection(x2, y2) {
@@ -9119,7 +9245,7 @@
     const res = await element.getBoundingClientRect();
     return res;
   };
-  const defaultProps$$ = {
+  const defaultProps$10 = {
     name: "",
     size: "",
     classPrefix: "nut-icon",
@@ -9147,7 +9273,7 @@
       onClick,
       ...rest
     } = {
-      ...defaultProps$$,
+      ...defaultProps$10,
       ...props
     };
     const isImage = name ? name.indexOf("/") !== -1 : false;
@@ -9181,230 +9307,144 @@
       children
     );
   }
-  Icon.defaultProps = defaultProps$$;
+  Icon.defaultProps = defaultProps$10;
   Icon.displayName = "NutIcon";
-  let createRoot;
-  try {
-    const mainVersion = Number((ReactDOM__namespace.version || "").split(".")[0]);
-    if (mainVersion >= 18 && ReactDOM__namespace.createRoot) {
-      createRoot = ReactDOM__namespace.createRoot;
-    }
-  } catch (e2) {
-    console.log(e2);
-  }
-  function legacyRender(node, container) {
-    ReactDOM__namespace.render(node, container);
-  }
-  function concurrentRender(node, container) {
-    const root = ReactDOM__namespace.createRoot(container);
-    root.render(node);
-  }
-  function render(node, container) {
-    if (createRoot) {
-      concurrentRender(node, container);
-      return;
-    }
-    legacyRender(node, container);
-  }
-  class Notification$1 extends React__namespace.PureComponent {
-    constructor(props) {
-      super(props);
-      this.close = this.close.bind(this);
-      this.startCloseTimer = this.startCloseTimer.bind(this);
-      this.clearCloseTimer = this.clearCloseTimer.bind(this);
-      this.close = this.close.bind(this);
-      this.clickCover = this.clickCover.bind(this);
-    }
-    close() {
-      this.clearCloseTimer();
-      this.props.onClose();
-    }
-    startCloseTimer() {
-      const { duration } = this.props;
-      if (duration) {
-        this.closeTimer = window.setTimeout(() => {
-          this.close();
-        }, duration * 1e3);
-      }
+  const defaultProps$$ = {
+    id: "",
+    style: {},
+    icon: null,
+    iconSize: "20",
+    msg: "",
+    bottom: "30px",
+    duration: 2,
+    center: true,
+    type: "text",
+    title: "",
+    customClass: "",
+    size: "base",
+    textAlignCenter: true,
+    bgColor: "rgba(0, 0, 0, .8)",
+    cover: false,
+    coverColor: "rgba(0, 0, 0, 0)",
+    closeOnClickOverlay: false,
+    visible: false,
+    onClose: () => {
     }
-    clearCloseTimer() {
-      if (this.closeTimer) {
-        clearTimeout(this.closeTimer);
-        this.closeTimer = -1;
+  };
+  const Toast = (props) => {
+    const {
+      children,
+      id,
+      style,
+      icon,
+      iconSize,
+      msg,
+      bottom,
+      duration,
+      center,
+      type,
+      title,
+      customClass,
+      size,
+      textAlignCenter,
+      bgColor,
+      cover,
+      coverColor,
+      closeOnClickOverlay,
+      visible,
+      onClose,
+      ...rest
+    } = { ...defaultProps$$, ...props };
+    let timer;
+    const [openState, SetOpenState] = React.useState(false);
+    React.useEffect(() => {
+      if (visible) {
+        SetOpenState(true);
+        show();
+      } else {
+        hide();
       }
-    }
-    clickCover() {
-      const { closeOnClickOverlay } = this.props;
+    }, [visible]);
+    const clearTimer = () => {
+      if (timer) {
+        clearTimeout(timer);
+        timer = null;
+      }
+    };
+    const hide = () => {
+      SetOpenState(false);
+      onClose();
+    };
+    const show = () => {
+      clearTimer();
+      if (duration) {
+        timer = setTimeout(() => {
+          hide();
+        }, duration * 1e3);
+      }
+    };
+    const clickCover = () => {
       if (closeOnClickOverlay) {
-        this.close();
+        hide();
       }
-    }
-    componentDidMount() {
-      this.startCloseTimer();
-    }
-    componentWillUnmount() {
-      this.clearCloseTimer();
-    }
-    render() {
-      const {
-        id,
-        style,
-        icon,
-        iconSize,
-        title,
-        msg,
-        bottom,
-        center,
-        bgColor,
-        coverColor,
-        textAlignCenter,
-        size,
-        customClass,
-        cover,
-        type
-      } = 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",
-        [`${customClass}`]: true,
-        [`nut-toast-${size}`]: true
-      });
-      return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement("div", {
-        className: `${toastBem()} ${classes}`,
-        id: `toast-${id}`,
-        style: {
-          bottom: center ? "auto" : `${bottom}`,
-          backgroundColor: cover ? coverColor : "",
-          ...style
-        },
-        onClick: () => {
-          this.clickCover();
-        }
-      }, /* @__PURE__ */ React__namespace.createElement("div", {
-        className: toastBem("inner"),
-        style: {
-          textAlign: textAlignCenter ? "center" : "left",
-          backgroundColor: bgColor
-        }
-      }, icon ? /* @__PURE__ */ React__namespace.createElement("p", {
-        className: toastBem("icon-wrapper")
-      }, /* @__PURE__ */ React__namespace.createElement(Icon, {
-        name: icon || "",
-        color: "#ffffff",
-        size: iconSize
-      })) : null, title ? /* @__PURE__ */ React__namespace.createElement("div", {
-        className: "nut-toast-title"
-      }, title) : null, /* @__PURE__ */ React__namespace.createElement("span", {
-        className: toastBem("text")
-      }, msg))));
-    }
-  }
-  Notification$1.newInstance = (properties, callback) => {
-    const element = document.createElement("div");
-    if (properties.id) {
-      element.setAttribute("id", `${properties.id}`);
-    }
-    document.body.appendChild(element);
-    let called = false;
-    function ref(instance) {
-      if (called) {
-        return;
+    };
+    const toastBem = cn("toast");
+    const hasIcon = () => {
+      if (type !== "text") {
+        return true;
       }
-      called = true;
-      callback({
-        component: instance,
-        destroy() {
-          ReactDOM__namespace.unmountComponentAtNode(element);
-          element && element.parentNode && element.parentNode.removeChild(element);
-        }
-      });
-    }
-    render(/* @__PURE__ */ React__namespace.createElement(Notification$1, {
-      ...properties,
-      ref
-    }), element);
-  };
-  let messageInstance$1 = null;
-  const options$1 = {
-    msg: "",
-    id: "",
-    duration: 1.5,
-    center: true,
-    type: "text",
-    customClass: "",
-    bottom: 30,
-    size: "base",
-    icon: "",
-    textAlignCenter: true,
-    loadingRotate: true,
-    bgColor: "rgba(0, 0, 0, .8)",
-    onClose: () => {
-    },
-    cover: false,
-    coverColor: "rgba(0, 0, 0, 0)",
-    closeOnClickOverlay: false
-  };
-  function getInstance$1(props, callback) {
-    if (messageInstance$1) {
-      messageInstance$1.destroy();
-      messageInstance$1 = null;
-    }
-    Notification$1.newInstance(props, (notification) => {
-      return callback && callback(notification);
-    });
-  }
-  function notice$1(opts) {
-    function close() {
-      if (messageInstance$1) {
-        messageInstance$1.destroy();
-        messageInstance$1 = null;
+      return !!icon;
+    };
+    const iconName = () => {
+      if (icon) {
+        return icon;
       }
-    }
-    const opts2 = { ...options$1, ...opts, onClose: close };
-    getInstance$1(opts2, (notification) => {
-      messageInstance$1 = notification;
+      return {
+        success: "success",
+        fail: "failure",
+        warn: "tips",
+        loading: "loading"
+      }[type];
+    };
+    const classes = classNames({
+      "nut-toast-center": center,
+      "nut-toast-has-icon": icon,
+      "nut-toast-cover": cover,
+      "nut-toast-loading": type === "loading",
+      [`${customClass}`]: true,
+      [`nut-toast-${size}`]: true
     });
-  }
-  const errorMsg$1 = (msg) => {
-    if (!msg) {
-      console.warn("[NutUI Toast]: msg cannot be null");
-    }
-  };
-  var Toast = {
-    text(msg, option = {}) {
-      errorMsg$1(msg);
-      return notice$1({ msg, type: "text", ...option });
-    },
-    success(msg, option = {}) {
-      errorMsg$1(msg);
-      return notice$1({ msg, icon: "success", type: "success", ...option });
-    },
-    fail(msg, option = {}) {
-      errorMsg$1(msg);
-      return notice$1({ msg, icon: "failure", type: "fail", ...option });
-    },
-    loading(msg, option = {}) {
-      errorMsg$1(msg);
-      return notice$1({ msg, icon: "loading", type: "loading", ...option });
-    },
-    warn(msg, option = {}) {
-      errorMsg$1(msg);
-      return notice$1({ msg, icon: "tips", type: "warn", ...option });
-    },
-    customIcon(msg, option = {}) {
-      errorMsg$1(msg);
-      return notice$1({ msg, ...option });
-    },
-    hide() {
-      if (messageInstance$1) {
-        messageInstance$1.destroy();
-        messageInstance$1 = null;
+    return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, openState ? /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: `${toastBem()} ${classes}`,
+      id,
+      style: {
+        bottom: center ? "auto" : `${bottom}`,
+        backgroundColor: cover ? coverColor : "",
+        ...style
+      },
+      onClick: () => {
+        clickCover();
       }
-    }
-  };
+    }, /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: toastBem("inner"),
+      style: {
+        textAlign: textAlignCenter ? "center" : "left",
+        backgroundColor: bgColor
+      }
+    }, hasIcon() ? /* @__PURE__ */ React__default["default"].createElement("p", {
+      className: toastBem("icon-wrapper")
+    }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      name: iconName(),
+      color: "#ffffff",
+      size: iconSize
+    })) : null, title ? /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: "nut-toast-title"
+    }, title) : null, /* @__PURE__ */ React__default["default"].createElement("span", {
+      className: toastBem("text")
+    }, msg))) : null);
+  };
+  Toast.defaultProps = defaultProps$$;
+  Toast.displayName = "NutInput";
   const defaultProps$_ = {
     range: false,
     hiddenRange: false,
@@ -9447,11 +9487,17 @@
     const touch = useTouch();
     const root = React.useRef(null);
     const [marksList, SetMarksList] = React.useState([]);
+    const [show, SetShow] = React.useState(false);
+    const [toastMsg, SetToastMsg] = React.useState("");
+    const toastShow = (msg) => {
+      SetToastMsg(msg);
+      SetShow(true);
+    };
     React.useEffect(() => {
       if (modelValue) {
         if (!range && (modelValue < min || modelValue > max)) {
           SetInitValue(0);
-          Toast.text(`${modelValue} ${locale.range.rangeText}`);
+          toastShow(`${modelValue} ${locale.range.rangeText}`);
           return;
         }
         SetInitValue(modelValue);
@@ -9770,7 +9816,14 @@
       className: "number"
     }, curValue()) : null)))), !hiddenRange ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "max"
-    }, +max) : null);
+    }, +max) : null, /* @__PURE__ */ React__default["default"].createElement(Toast, {
+      type: "text",
+      visible: show,
+      msg: toastMsg,
+      onClose: () => {
+        SetShow(false);
+      }
+    }));
   };
   Range.defaultProps = defaultProps$_;
   Range.displayName = "NutRange";
@@ -10499,7 +10552,10 @@
     }
   };
   const Checkbox = (props) => {
-    const { children } = { ...defaultProps$W, ...props };
+    const { children } = {
+      ...defaultProps$W,
+      ...props
+    };
     const b2 = cn("checkbox");
     const {
       iconName,
@@ -10540,8 +10596,8 @@
     };
     const renderIcon = () => {
       return /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         name: getIconName(),
         size: iconSize,
         className: color()
@@ -10838,7 +10894,7 @@
     const [refs, setRefs] = useRefs();
     const [columnsList, setColumnsList] = React.useState([]);
     const b2 = cn("picker");
-    let isConfirmEvent = React.useRef(false);
+    const isConfirmEvent = React.useRef(false);
     React.useEffect(() => {
       if (defaultValueData && defaultValueData.length !== 0 && defaultValueData.toString() !== chooseValueData.toString()) {
         const data = [...defaultValueData];
@@ -11360,6 +11416,8 @@
       overlimit,
       blur,
       focus,
+      iconClassPrefix,
+      iconFontClassName,
       ...restProps
     } = {
       ...defaultProps$U,
@@ -11464,8 +11522,8 @@
       style: styles,
       ...restProps
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       className: iconMinusClasses,
       size: buttonSize,
       name: "minus",
@@ -11482,8 +11540,8 @@
       onBlur: burValue,
       onFocus: focusValue
     }), /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       className: iconAddClasses,
       size: buttonSize,
       name: "plus",
@@ -11599,8 +11657,13 @@
       clickLeftIcon,
       clickRightIcon,
       click,
+      iconClassPrefix,
+      iconFontClassName,
       ...rest
-    } = { ...defaultProps$T, ...props };
+    } = {
+      ...defaultProps$T,
+      ...props
+    };
     locale.placeholder = placeholder || locale.placeholder;
     const [inputValue, SetInputValue] = React.useState("");
     const [active, SetActive] = React.useState(false);
@@ -11728,8 +11791,8 @@
         onClickLeftIcon(e2);
       }
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: leftIcon,
       size: leftIconSize
     })) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -11787,8 +11850,8 @@
         onInput(e2);
       }
     }), clearable && !readonly && active && inputValue.length > 0 ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       className: "nut-input-clear",
       name: clearIcon,
       size: clearSize,
@@ -11801,8 +11864,8 @@
         onClickRightIcon(e2);
       }
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: rightIcon,
       size: rightIconSize
     })) : null, slotButton ? /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -11887,7 +11950,10 @@
     }
   };
   const Radio = (props) => {
-    const { children } = { ...defaultProps$R, ...props };
+    const { children } = {
+      ...defaultProps$R,
+      ...props
+    };
     const {
       className,
       disabled,
@@ -11899,6 +11965,8 @@
       iconActiveName,
       iconSize,
       onChange,
+      iconClassPrefix,
+      iconFontClassName,
       ...rest
     } = props;
     const componentName = "nut-radio";
@@ -11933,8 +12001,8 @@
     const renderIcon = () => {
       const { iconName: iconName2, iconSize: iconSize2, iconActiveName: iconActiveName2 } = props;
       return /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         name: checkedStatement ? iconActiveName2 : iconName2,
         size: iconSize2,
         className: color()
@@ -11995,8 +12063,13 @@
       readonly,
       allowHalf,
       spacing,
-      onChange
-    } = { ...defaultProps$Q, ...props };
+      onChange,
+      iconClassPrefix,
+      iconFontClassName
+    } = {
+      ...defaultProps$Q,
+      ...props
+    };
     const b2 = cn("rate");
     const bi = cn("rate-item");
     const [countArray, setCountArray] = React.useState([1, 2, 3, 4, 5]);
@@ -12045,15 +12118,15 @@
         onClick: (event) => onClick(event, n2),
         style: { marginRight: pxCheck2(spacing) }
       }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         size: iconSize,
         className: `${bi("icon")} ${disabled || n2 > score ? bi("icon--disabled") : ""}`,
         name: n2 <= score ? checkedIcon : uncheckedIcon,
         color: n2 <= score ? activeColor : voidColor
       }), allowHalf && score > n2 - 1 && /* @__PURE__ */ React__default["default"].createElement(Icon, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         onClick: (event) => onHalfClick(event, n2),
         className: `${bi("icon")} ${bi("icon--half")}`,
         color: n2 <= score ? activeColor : voidColor,
@@ -12109,6 +12182,8 @@
       onCancel,
       onClose,
       onComplete,
+      iconClassPrefix,
+      iconFontClassName,
       ...reset
     } = props;
     const b2 = cn("shortpassword");
@@ -12213,8 +12288,8 @@
     }, errorMsg2), tips || locale.shortpassword.tips ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("message__forget")
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       className: "icon",
       size: "11px",
       name: "tips"
@@ -12329,138 +12404,306 @@
   };
   TextArea.defaultProps = defaultProps$O;
   TextArea.displayName = "NutTextArea";
-  class UploadOptions {
-    constructor() {
-      this.url = "";
-      this.name = "file";
-      this.method = "post";
-      this.xhrState = 200;
-      this.timeout = 30 * 1e3;
-      this.headers = {};
-      this.withCredentials = false;
-    }
-  }
-  class Upload {
-    constructor(options2) {
-      this.options = options2;
-    }
-    upload() {
-      var _a;
-      const { options: options2 } = this;
-      const xhr = new XMLHttpRequest();
-      xhr.timeout = options2.timeout;
-      if (xhr.upload) {
-        xhr.upload.addEventListener(
-          "progress",
-          (e2) => {
-            var _a2;
-            (_a2 = options2.onProgress) == null ? void 0 : _a2.call(options2, e2, options2);
-          },
-          false
-        );
-        xhr.onreadystatechange = () => {
-          var _a2, _b;
-          if (xhr.readyState === 4) {
-            if (xhr.status === options2.xhrState) {
-              (_a2 = options2.onSuccess) == null ? void 0 : _a2.call(options2, xhr.responseText, options2);
-            } else {
-              (_b = options2.onFailure) == null ? void 0 : _b.call(options2, xhr.responseText, options2);
-            }
-          }
-        };
-        xhr.withCredentials = options2.withCredentials;
-        xhr.open(options2.method, options2.url, true);
-        for (const [key, value] of Object.entries(options2.headers)) {
-          xhr.setRequestHeader(key, value);
-        }
-        (_a = options2.onStart) == null ? void 0 : _a.call(options2, options2);
-        xhr.send(options2.formData);
-      } else {
-        console.warn("\u6D4F\u89C8\u5668\u4E0D\u652F\u6301 XMLHttpRequest");
-      }
-    }
-  }
   const defaultProps$N = {
     ...ComponentDefaults,
-    url: "",
-    maximum: 1,
-    uploadIcon: "photograph",
-    uploadIconSize: "",
-    listType: "picture",
-    name: "file",
-    accept: "*",
-    disabled: false,
-    autoUpload: true,
-    multiple: false,
-    maximize: Number.MAX_VALUE,
-    data: {},
-    headers: {},
-    method: "post",
-    defaultImg: "",
-    xhrState: 200,
-    timeout: 1e3 * 30,
-    withCredentials: false,
-    clearInput: false,
-    isPreview: true,
-    isDeletable: true,
-    capture: false,
-    beforeDelete: (file, files) => {
-      return true;
-    }
-  };
-  class FileItem {
-    constructor() {
-      this.status = "ready";
-      this.message = "\u51C6\u5907\u4E2D..";
-      this.uid = new Date().getTime().toString();
-      this.formData = new FormData();
-    }
-  }
-  const InternalUploader = (props, ref) => {
-    const { locale } = useConfig$1();
-    const {
-      children,
-      uploadIcon,
-      uploadIconSize,
-      name,
-      accept,
+    className: "",
+    style: {},
+    isShowPercentage: true,
+    percentage: 0,
+    fillColor: "#f3f3f3",
+    strokeColor: "linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)",
+    strokeWidth: "",
+    textColor: "",
+    textWidth: "",
+    showText: true,
+    textInside: false,
+    textBackground: "linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)",
+    textType: "text",
+    status: false,
+    iconName: "checked",
+    iconColor: "#439422",
+    iconSize: "16px",
+    rounded: true,
+    children: void 0
+  };
+  const Progress = (props) => {
+    const {
+      className,
+      style,
+      isShowPercentage,
+      percentage,
+      fillColor,
+      strokeColor,
+      strokeWidth,
+      size,
+      textColor,
+      textWidth,
+      showText,
+      textInside,
+      textBackground,
+      textType,
+      status,
+      iconName,
+      iconColor,
+      iconSize,
+      rounded,
+      children,
+      iconClassPrefix,
+      iconFontClassName,
+      ...rest
+    } = {
+      ...defaultProps$N,
+      ...props
+    };
+    const b2 = cn("progress");
+    const classes = classNames(b2(""));
+    const classesOuter = classNames({
+      [`${b2("")}-outer`]: true,
+      [`${b2("")}-${size || "base"}`]: true
+    });
+    const classesInner = classNames({
+      [`${b2("")}-inner`]: true,
+      [`${b2("")}-active`]: status
+    });
+    const classesText = classNames({
+      [`${b2("")}-text`]: true
+    });
+    const classesInsideText = classNames({
+      [`${b2("")}-text`]: true,
+      [`${b2("")}-insidetext`]: true
+    });
+    const classesTextInner = classNames({
+      [`${b2("")}-text__inner`]: true
+    });
+    const stylesOuter = {
+      height: `${strokeWidth}px`,
+      borderRadius: `${rounded ? rounded === true ? "12px" : rounded : 0}`,
+      background: `${fillColor}`
+    };
+    const stylesInner = {
+      width: `${percentage}%`,
+      borderRadius: `${rounded ? rounded === true ? "12px" : rounded : 0}`,
+      background: `${strokeColor}`
+    };
+    const stylesInsideText = {
+      width: `${textWidth}px`,
+      left: `${percentage}%`,
+      background: textBackground || strokeColor
+    };
+    const stylesInsideIcon = {
+      width: `${textWidth}px`,
+      left: `${percentage}%`
+    };
+    const stylesText = {
+      width: `${textWidth}px`
+    };
+    return /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: `${classes} ${className}`,
+      style,
+      ...rest
+    }, /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: classesOuter,
+      style: stylesOuter
+    }, /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: classesInner,
+      style: stylesInner
+    }, showText && textInside && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, children ? /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: classesInsideText,
+      style: stylesInsideIcon
+    }, children) : /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: classesInsideText,
+      style: stylesInsideText
+    }, /* @__PURE__ */ React__default["default"].createElement("span", {
+      className: classesTextInner,
+      style: { color: textColor || "#fff" }
+    }, percentage, isShowPercentage ? "%" : ""))))), showText && !textInside && /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: classesText,
+      style: stylesText
+    }, textType === "text" && /* @__PURE__ */ React__default["default"].createElement("span", {
+      className: classesTextInner,
+      style: { color: textColor || "#333" }
+    }, percentage, isShowPercentage ? "%" : ""), textType === "icon" && /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
+      size: iconSize,
+      name: iconName,
+      color: iconColor
+    })));
+  };
+  Progress.defaultProps = defaultProps$N;
+  Progress.displayName = "NutProgress";
+  class UploadOptions {
+    constructor() {
+      this.url = "";
+      this.name = "file";
+      this.fileType = "image";
+      this.method = "post";
+      this.xhrState = 200;
+      this.timeout = 30 * 1e3;
+      this.headers = {};
+      this.withCredentials = false;
+    }
+  }
+  class Upload {
+    constructor(options2) {
+      this.options = options2;
+    }
+    upload() {
+      var _a;
+      const { options: options2 } = this;
+      const xhr = new XMLHttpRequest();
+      xhr.timeout = options2.timeout;
+      if (xhr.upload) {
+        xhr.upload.addEventListener(
+          "progress",
+          (e2) => {
+            var _a2;
+            (_a2 = options2.onProgress) == null ? void 0 : _a2.call(options2, e2, options2);
+          },
+          false
+        );
+        xhr.onreadystatechange = () => {
+          var _a2, _b;
+          if (xhr.readyState === 4) {
+            if (xhr.status === options2.xhrState) {
+              (_a2 = options2.onSuccess) == null ? void 0 : _a2.call(options2, xhr.responseText, options2);
+            } else {
+              (_b = options2.onFailure) == null ? void 0 : _b.call(options2, xhr.responseText, options2);
+            }
+          }
+        };
+        xhr.withCredentials = options2.withCredentials;
+        xhr.open(options2.method, options2.url, true);
+        for (const [key, value] of Object.entries(options2.headers)) {
+          xhr.setRequestHeader(key, value);
+        }
+        (_a = options2.onStart) == null ? void 0 : _a.call(options2, options2);
+        if (options2.beforeXhrUpload) {
+          options2.beforeXhrUpload(xhr, options2);
+        } else {
+          xhr.send(options2.formData);
+        }
+      } else {
+        console.warn("\u6D4F\u89C8\u5668\u4E0D\u652F\u6301 XMLHttpRequest");
+      }
+    }
+    uploadTaro(uploadFile, env) {
+      var _a;
+      const options2 = this.options;
+      if (env === "WEB") {
+        this.upload();
+      } else if (options2.beforeXhrUpload) {
+        options2.beforeXhrUpload(uploadFile, options2);
+      } else {
+        const uploadTask = uploadFile({
+          url: options2.url,
+          filePath: options2.taroFilePath,
+          fileType: options2.fileType,
+          header: {
+            "Content-Type": "multipart/form-data",
+            ...options2.headers
+          },
+          formData: options2.formData,
+          name: options2.name,
+          success(response) {
+            var _a2, _b;
+            if (options2.xhrState == response.statusCode) {
+              (_a2 = options2.onSuccess) == null ? void 0 : _a2.call(options2, response, options2);
+            } else {
+              (_b = options2.onFailure) == null ? void 0 : _b.call(options2, response, options2);
+            }
+          },
+          fail(e2) {
+            var _a2;
+            (_a2 = options2.onFailure) == null ? void 0 : _a2.call(options2, e2, options2);
+          }
+        });
+        (_a = options2.onStart) == null ? void 0 : _a.call(options2, options2);
+        uploadTask.progress(
+          (res) => {
+            var _a2;
+            (_a2 = options2.onProgress) == null ? void 0 : _a2.call(options2, res, options2);
+          }
+        );
+      }
+    }
+  }
+  const defaultProps$M = {
+    ...ComponentDefaults,
+    url: "",
+    maximum: 9,
+    sizeType: ["original", "compressed"],
+    sourceType: ["album", "camera"],
+    uploadIcon: "photograph",
+    uploadIconSize: "",
+    listType: "picture",
+    name: "file",
+    disabled: false,
+    autoUpload: true,
+    maximize: Number.MAX_VALUE,
+    data: {},
+    headers: {},
+    method: "post",
+    defaultImg: "",
+    xhrState: 200,
+    timeout: 1e3 * 30,
+    isPreview: true,
+    isDeletable: true,
+    onBeforeDelete: (file, files) => {
+      return true;
+    }
+  };
+  class FileItem {
+    constructor() {
+      this.status = "ready";
+      this.message = "\u51C6\u5907\u4E2D..";
+      this.uid = new Date().getTime().toString();
+      this.percentage = 0;
+      this.formData = {};
+    }
+  }
+  const InternalUploader = (props, ref) => {
+    const { locale } = useConfig$1();
+    const {
+      children,
+      uploadIcon,
+      uploadIconSize,
+      name,
       defaultFileList,
       listType,
       disabled,
-      multiple,
       url,
       defaultImg,
       headers,
       timeout,
       method,
       xhrState,
-      withCredentials,
       data,
       isPreview,
       isDeletable,
       maximum,
-      capture,
       maximize,
       className,
       autoUpload,
-      clearInput,
-      start: start2,
-      removeImage,
-      change,
-      fileItemClick,
-      progress,
-      success,
-      update: update2,
-      failure,
-      oversize,
-      beforeUpload,
-      beforeDelete,
+      sizeType,
+      sourceType,
+      onStart,
+      onRemove,
+      onChange,
+      onFileItemClick,
+      onProgress,
+      onSuccess,
+      onUpdate,
+      onFailure,
+      onOversize,
+      onBeforeUpload,
+      onBeforeXhrUpload,
+      onBeforeDelete,
       ...restProps
-    } = { ...defaultProps$N, ...props };
+    } = { ...defaultProps$M, ...props };
     const [fileList, setFileList] = React.useState([]);
     const [uploadQueue, setUploadQueue] = React.useState([]);
     React.useEffect(() => {
-      console.log("defaultFileList", defaultFileList);
       if (defaultFileList) {
         setFileList(defaultFileList);
       }
@@ -12470,7 +12713,7 @@
     React.useImperativeHandle(ref, () => ({
       submit: () => {
         Promise.all(uploadQueue).then((res) => {
-          res.forEach((i) => i.upload());
+          res.forEach((i) => i.uploadTaro(Taro__default["default"].uploadFile, Taro__default["default"].getEnv()));
         });
       }
     }));
@@ -12482,21 +12725,29 @@
         setUploadQueue([]);
       }
     };
-    const clearInputValue = (el) => {
-      el.value = "";
+    const chooseImage = () => {
+      if (disabled) {
+        return;
+      }
+      Taro__default["default"].chooseImage({
+        count: maximum * 1 - fileList.length,
+        sizeType,
+        sourceType,
+        success: onChangeFn
+      });
     };
     const executeUpload = (fileItem, index2) => {
       const uploadOption = new UploadOptions();
+      uploadOption.name = name;
       uploadOption.url = url;
-      for (const [key, value] of Object.entries(data)) {
-        fileItem.formData.append(key, value);
-      }
+      uploadOption.fileType = fileItem.type;
       uploadOption.formData = fileItem.formData;
       uploadOption.timeout = timeout * 1;
       uploadOption.method = method;
       uploadOption.xhrState = xhrState;
       uploadOption.headers = headers;
-      uploadOption.withCredentials = withCredentials;
+      uploadOption.taroFilePath = fileItem.path;
+      uploadOption.beforeXhrUpload = onBeforeXhrUpload;
       uploadOption.onStart = (option) => {
         clearUploadQueue(index2);
         setFileList((fileList2) => {
@@ -12508,7 +12759,7 @@
           });
           return [...fileList2];
         });
-        start2 && start2(option);
+        onStart && onStart(option);
       };
       uploadOption.onProgress = (e2, option) => {
         setFileList((fileList2) => {
@@ -12516,15 +12767,16 @@
             if (item.uid === fileItem.uid) {
               item.status = "uploading";
               item.message = locale.uploader.uploading;
+              item.percentage = e2.progress;
+              onProgress && onProgress({ e: e2, option, percentage: item.percentage });
             }
           });
           return [...fileList2];
         });
-        progress && progress({ e: e2, option });
       };
       uploadOption.onSuccess = (responseText, option) => {
         setFileList((fileList2) => {
-          update2 && update2(fileList2);
+          onUpdate && onUpdate(fileList2);
           fileList2.map((item) => {
             if (item.uid === fileItem.uid) {
               item.status = "success";
@@ -12533,7 +12785,7 @@
           });
           return [...fileList2];
         });
-        success && success({
+        onSuccess && onSuccess({
           responseText,
           option
         });
@@ -12548,14 +12800,14 @@
           });
           return [...fileList2];
         });
-        failure && failure({
+        onFailure && onFailure({
           responseText,
           option
         });
       };
       const task = new Upload(uploadOption);
       if (props.autoUpload) {
-        task.upload();
+        task.uploadTaro(Taro__default["default"].uploadFile, Taro__default["default"].getEnv());
       } else {
         uploadQueue.push(
           new Promise((resolve, reject) => {
@@ -12566,111 +12818,95 @@
       }
     };
     const readFile = (files) => {
+      const imgReg = /\.(png|jpeg|jpg|webp|gif)$/i;
       files.forEach((file, index2) => {
-        const formData = new FormData();
-        formData.append(name, file);
+        var _a, _b;
+        console.log("file", file);
+        let fileType = file.type;
         const fileItem = new FileItem();
-        fileItem.name = file.name;
+        if (!fileType && imgReg.test(file.path)) {
+          fileType = "image";
+        }
+        fileItem.path = file.path;
+        fileItem.name = file.path;
         fileItem.status = "ready";
-        fileItem.type = file.type;
-        fileItem.formData = formData;
-        fileItem.uid = file.lastModified + fileItem.uid;
         fileItem.message = locale.uploader.readyUpload;
-        executeUpload(fileItem, index2);
-        if (isPreview && file.type.includes("image")) {
-          const reader = new FileReader();
-          reader.onload = (event) => {
-            fileItem.url = event.target.result;
-            fileList.push(fileItem);
-            setFileList([...fileList]);
-          };
-          reader.readAsDataURL(file);
+        fileItem.type = fileType;
+        if (Taro__default["default"].getEnv() == "WEB") {
+          const formData = new FormData();
+          for (const [key, value] of Object.entries(data)) {
+            formData.append(key, value);
+          }
+          formData.append(name, file.originalFileObj);
+          fileItem.name = (_a = file.originalFileObj) == null ? void 0 : _a.name;
+          fileItem.type = (_b = file.originalFileObj) == null ? void 0 : _b.type;
+          fileItem.formData = formData;
         } else {
-          fileList.push(fileItem);
-          setFileList([...fileList]);
+          fileItem.formData = data;
         }
+        if (isPreview) {
+          fileItem.url = file.path;
+        }
+        fileList.push(fileItem);
+        setFileList([...fileList]);
+        executeUpload(fileItem, index2);
       });
     };
     const filterFiles = (files) => {
       const maximum2 = props.maximum * 1;
+      const maximize2 = props.maximize * 1;
       const oversizes = new Array();
       const filterFile = files.filter((file) => {
-        if (file.size > maximize) {
+        if (file.size > maximize2) {
           oversizes.push(file);
           return false;
         }
         return true;
       });
       if (oversizes.length) {
-        oversize && oversize(files);
-      }
-      if (filterFile.length > maximum2) {
-        filterFile.splice(maximum2, filterFile.length - maximum2);
+        onOversize && onOversize(files);
       }
-      if (fileList.length !== 0) {
-        const index2 = maximum2 - fileList.length;
-        filterFile.splice(index2, filterFile.length - index2);
+      let currentFileLength = filterFile.length + fileList.length;
+      if (currentFileLength > maximum2) {
+        filterFile.splice(filterFile.length - (currentFileLength - maximum2));
       }
       return filterFile;
     };
     const onDelete = (file, index2) => {
       clearUploadQueue(index2);
-      if (beforeDelete && beforeDelete(file, fileList)) {
+      if (onBeforeDelete && onBeforeDelete(file, fileList)) {
         fileList.splice(index2, 1);
-        removeImage && removeImage(file, fileList);
+        onRemove && onRemove(file, fileList);
         setFileList([...fileList]);
       } else {
         console.log(locale.uploader.deleteWord);
       }
     };
-    const fileChange = (event) => {
-      if (disabled) {
-        return;
-      }
-      const $el = event.target;
-      const { files } = $el;
-      if (beforeUpload) {
-        beforeUpload(new Array().slice.call(files)).then(
-          (f2) => {
-            const _files = filterFiles(new Array().slice.call(f2));
-            readFile(_files);
-          }
-        );
+    const onChangeFn = (res) => {
+      const { tempFiles } = res;
+      if (onBeforeUpload) {
+        onBeforeUpload(tempFiles).then((f2) => {
+          const _files = filterFiles(f2);
+          readFile(_files);
+        });
       } else {
-        const _files = filterFiles(new Array().slice.call(files));
+        const _files = filterFiles(tempFiles);
         readFile(_files);
       }
-      props.change && props.change({ fileList, event });
-      if (clearInput) {
-        clearInputValue($el);
-      }
+      onChange && onChange({ fileList });
     };
     const handleItemClick = (file) => {
-      fileItemClick && fileItemClick(file);
+      onFileItemClick && onFileItemClick(file);
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: classes,
       ...restProps
     }, children && /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-uploader__slot"
-    }, /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, children, maximum > fileList.length && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, capture ? /* @__PURE__ */ React__default["default"].createElement("input", {
+    }, /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, children, maximum > fileList.length && /* @__PURE__ */ React__default["default"].createElement(Button$1, {
       className: "nut-uploader__input",
-      type: "file",
-      capture: "user",
-      name,
-      accept,
-      disabled,
-      multiple,
-      onChange: fileChange
-    }) : /* @__PURE__ */ React__default["default"].createElement("input", {
-      className: "nut-uploader__input",
-      type: "file",
-      name,
-      accept,
-      disabled,
-      multiple,
-      onChange: fileChange
-    })))), fileList.length !== 0 && fileList.map((item, index2) => {
+      onClick: chooseImage
+    }))), fileList.length !== 0 && fileList.map((item, index2) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         className: `nut-uploader__preview ${listType}`,
         key: item.uid
@@ -12682,20 +12918,20 @@
         className: "nut-uploader__preview__progress__msg"
       }, item.message)) : item.status !== "success" && /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "nut-uploader__preview__progress"
-      }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
         classPrefix: props.iconClassPrefix,
         fontClassName: props.iconFontClassName,
         color: "#fff",
         name: `${item.status == "error" ? "failure" : "loading"}`
       }), /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "nut-uploader__preview__progress__msg"
-      }, item.message)), isDeletable && /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      }, item.message)), isDeletable && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
         classPrefix: props.iconClassPrefix,
         fontClassName: props.iconFontClassName,
         color: "rgba(0,0,0,0.6)",
         className: "close",
         name: "failure",
-        click: () => onDelete(item, index2)
+        onClick: () => onDelete(item, index2)
       }), item.type.includes("image") ? /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, item.url && /* @__PURE__ */ React__default["default"].createElement("img", {
         className: "nut-uploader__preview-img__c",
         src: item.url,
@@ -12709,7 +12945,7 @@
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         onClick: () => handleItemClick(item),
         className: "nut-uploader__preview-img__file__name"
-      }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
         classPrefix: props.iconClassPrefix,
         fontClassName: props.iconFontClassName,
         color: "#808080",
@@ -12721,49 +12957,40 @@
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         className: `nut-uploader__preview-img__file__name ${item.status}`,
         onClick: () => handleItemClick(item)
-      }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
         classPrefix: props.iconClassPrefix,
         fontClassName: props.iconFontClassName,
         name: "link"
-      }), "\xA0", item.name), /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      }), "\xA0", item.name), /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
         classPrefix: props.iconClassPrefix,
         fontClassName: props.iconFontClassName,
         color: "#808080",
         className: "nut-uploader__preview-img__file__del",
         name: "del",
-        click: () => onDelete(item, index2)
+        onClick: () => onDelete(item, index2)
+      }), item.status === "uploading" && /* @__PURE__ */ React__default["default"].createElement(Progress, {
+        size: "small",
+        percentage: item.percentage,
+        strokeColor: "linear-gradient(270deg, rgba(18,126,255,1) 0%,rgba(32,147,255,1) 32.815625%,rgba(13,242,204,1) 100%)",
+        showText: false
       })));
     }), maximum > fileList.length && listType === "picture" && !children && /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `nut-uploader__upload ${listType}`
-    }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
       classPrefix: props.iconClassPrefix,
       fontClassName: props.iconFontClassName,
       size: uploadIconSize,
       color: "#808080",
       name: uploadIcon
-    }), capture ? /* @__PURE__ */ React__default["default"].createElement("input", {
-      className: "nut-uploader__input",
-      type: "file",
-      capture: "user",
-      name,
-      accept,
-      disabled,
-      multiple,
-      onChange: fileChange
-    }) : /* @__PURE__ */ React__default["default"].createElement("input", {
+    }), /* @__PURE__ */ React__default["default"].createElement(Button$1, {
       className: "nut-uploader__input",
-      type: "file",
-      name,
-      accept,
-      disabled,
-      multiple,
-      onChange: fileChange
+      onClick: chooseImage
     })));
   };
   const Uploader = React__default["default"].forwardRef(InternalUploader);
-  Uploader.defaultProps = defaultProps$N;
+  Uploader.defaultProps = defaultProps$M;
   Uploader.displayName = "NutUploader";
-  const defaultProps$M = {
+  const defaultProps$L = {
     data: {
       text: "",
       value: "",
@@ -12778,7 +13005,7 @@
   };
   const InternalCascaderItem = (props) => {
     const { data, checked, chooseItem } = {
-      ...defaultProps$M,
+      ...defaultProps$L,
       ...props
     };
     const b2 = cn("cascader-item");
@@ -12814,7 +13041,7 @@
     }));
   };
   const CascaderItem = React__default["default"].forwardRef(InternalCascaderItem);
-  CascaderItem.defaultProps = defaultProps$M;
+  CascaderItem.defaultProps = defaultProps$L;
   CascaderItem.displayName = "NutCascaderItem";
   const formatTree = (tree, parent, config2) => tree.map((node) => {
     const {
@@ -12948,7 +13175,7 @@
       return pathNodes;
     }
   }
-  const defaultProps$L = {
+  const defaultProps$K = {
     className: "",
     style: {},
     visible: false,
@@ -12993,7 +13220,7 @@
       onClose,
       onChange,
       onPathChange
-    } = { ...defaultProps$L, ...props };
+    } = { ...defaultProps$K, ...props };
     const [tabvalue, setTabvalue] = React.useState("c1");
     const [optiosData, setOptiosData] = React.useState([]);
     const isLazy = () => state.configs.lazy && Boolean(state.configs.lazyLoad);
@@ -13249,9 +13476,9 @@
     })))));
   };
   const Cascader = React__default["default"].forwardRef(InternalCascader);
-  Cascader.defaultProps = defaultProps$L;
+  Cascader.defaultProps = defaultProps$K;
   Cascader.displayName = "NutCascader";
-  const defaultProps$K = {
+  const defaultProps$J = {
     ...ComponentDefaults,
     placeholder: "",
     shape: "square",
@@ -13297,9 +13524,11 @@
       onClickLeftinIcon,
       onClickLeftoutIcon,
       onClickRightinIcon,
-      onClickRightoutIcon
+      onClickRightoutIcon,
+      iconClassPrefix,
+      iconFontClassName
     } = {
-      ...defaultProps$K,
+      ...defaultProps$J,
       ...props
     };
     const alignClass = `${align}`;
@@ -13397,8 +13626,8 @@
         className: `${searchbarBem("clear")} ${rightinIcon ? "pos-right" : ""}`,
         onClick: (e2) => clearaVal(e2)
       }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         name: "circle-close",
         size: "12",
         color: "#555"
@@ -13438,9 +13667,9 @@
       className: `${searchbarBem("content")}`
     }, renderLeftinIcon(), renderField(), renderRightinIcon(), clearable && value && handleClear()), renderRightoutIcon(), renderRightLabel());
   };
-  SearchBar.defaultProps = defaultProps$K;
+  SearchBar.defaultProps = defaultProps$J;
   SearchBar.displayName = "NutSearchBar";
-  const defaultProps$J = {
+  const defaultProps$I = {
     confirmText: "",
     title: "",
     visible: false,
@@ -13638,9 +13867,9 @@
       })
     }, confirmText || locale.done))) : null))));
   };
-  NumberKeyboard.defaultProps = defaultProps$J;
+  NumberKeyboard.defaultProps = defaultProps$I;
   NumberKeyboard.displayName = "NutNumberKeyboard";
-  const defaultProps$I = {
+  const defaultProps$H = {
     cancelTxt: "",
     optionTag: "name",
     optionSubTag: "subname",
@@ -13674,7 +13903,7 @@
       className,
       style,
       ...rest
-    } = { ...defaultProps$I, ...props };
+    } = { ...defaultProps$H, ...props };
     const b2 = cn("actionsheet");
     const isHighlight = (item) => {
       return props.chooseTagValue && props.chooseTagValue === item[props.optionTag || "name"] ? props.color : "#1a1a1a";
@@ -13718,9 +13947,9 @@
       onClick: () => cancelActionSheet()
     }, cancelTxt)));
   };
-  ActionSheet.defaultProps = defaultProps$I;
+  ActionSheet.defaultProps = defaultProps$H;
   ActionSheet.displayName = "NutActionSheet";
-  const defaultProps$H = {
+  const defaultProps$G = {
     ...ComponentDefaults,
     bottom: 20,
     right: 10,
@@ -13742,9 +13971,11 @@
       className,
       duration,
       style,
-      onClick
+      onClick,
+      iconClassPrefix,
+      iconFontClassName
     } = {
-      ...defaultProps$H,
+      ...defaultProps$G,
       ...props
     };
     const [backTop, SetBackTop] = React.useState(false);
@@ -13828,16 +14059,16 @@
         goTop(e2);
       }
     }, children || /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       size: "19px",
       className: "nut-backtop-main",
       name: "top"
     }));
   };
-  BackTop.defaultProps = defaultProps$H;
+  BackTop.defaultProps = defaultProps$G;
   BackTop.displayName = "NutBackTop";
-  const defaultProps$G = {
+  const defaultProps$F = {
     attract: false,
     direction: void 0,
     boundary: {
@@ -13850,7 +14081,7 @@
   };
   const Drag = (props) => {
     const { attract, direction, boundary, children, className, style, ...reset } = {
-      ...defaultProps$G,
+      ...defaultProps$F,
       ...props
     };
     const b2 = cn("drag");
@@ -13912,7 +14143,7 @@
       ...bind()
     }, children));
   };
-  Drag.defaultProps = defaultProps$G;
+  Drag.defaultProps = defaultProps$F;
   Drag.displayName = "NutDrag";
   const Content = (props) => {
     const {
@@ -14011,7 +14242,7 @@
     }));
   };
   DialogWrapper.displayName = "NutDialogWrapper";
-  const defaultProps$F = {
+  const defaultProps$E = {
     ...ComponentDefaults,
     className: "",
     color: "",
@@ -14043,9 +14274,11 @@
       onClick,
       className,
       style,
+      iconClassPrefix,
+      iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$F,
+      ...defaultProps$E,
       ...props
     };
     const getStyle = React.useCallback(() => {
@@ -14113,18 +14346,18 @@
       className: "nut-button__warp",
       style: getStyle()
     }, loading && /* @__PURE__ */ React__default["default"].createElement(Icon, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: "loading"
     }), !loading && icon ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: icon
     }) : "", children));
   };
-  Button.defaultProps = defaultProps$F;
+  Button.defaultProps = defaultProps$E;
   Button.displayName = "NutButton";
-  const defaultProps$E = {
+  const defaultProps$D = {
     okText: "\u786E\u8BA4",
     cancelText: "\u53D6\u6D88",
     mask: true,
@@ -14215,7 +14448,7 @@
       });
     };
   });
-  Dialog$1.defaultProps = defaultProps$E;
+  Dialog$1.defaultProps = defaultProps$D;
   Dialog$1.displayName = "NutDialog";
   function ConfirmDialog(props) {
     return /* @__PURE__ */ React__default["default"].createElement(Dialog$1, {
@@ -14313,7 +14546,7 @@
       update: update2
     };
   }
-  const defaultProps$D = {
+  const defaultProps$C = {
     okText: "",
     cancelText: "",
     mask: true,
@@ -14404,15 +14637,18 @@
       });
     };
   });
-  Dialog.defaultProps = defaultProps$D;
+  Dialog.defaultProps = defaultProps$C;
   Dialog.displayName = "NutDialog";
-  const defaultProps$C = {
+  var index_cjs$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    __proto__: null
+  }, Symbol.toStringTag, { value: "Module" }));
+  var require$$0 = /* @__PURE__ */ getAugmentedNamespace(index_cjs$1);
+  var index_cjs = require$$0;
+  const defaultProps$B = {
     ...ComponentDefaults,
     hasMore: true,
-    threshold: 200,
+    upperThreshold: 40,
     containerId: "",
-    useWindow: true,
-    useCapture: false,
     isOpenRefresh: false,
     pullIcon: "https://img10.360buyimg.com/imagetools/jfs/t1/169863/6/4565/6306/60125948E7e92774e/40b3a0cf42852bcb.png",
     pullTxt: "\u677E\u5F00\u5237\u65B0",
@@ -14425,10 +14661,8 @@
     const {
       children,
       hasMore,
-      threshold,
+      upperThreshold,
       containerId,
-      useWindow,
-      useCapture,
       isOpenRefresh,
       pullIcon,
       pullTxt,
@@ -14436,144 +14670,118 @@
       loadTxt,
       loadMoreTxt,
       className,
-      refresh,
-      loadMore,
-      scrollChange,
-      ...restProps
+      onRefresh,
+      onLoadMore,
+      onScrollChange,
+      iconClassPrefix,
+      iconFontClassName
     } = {
-      ...defaultProps$C,
+      ...defaultProps$B,
       ...props
     };
     const [isInfiniting, setIsInfiniting] = React.useState(false);
-    const scroller = React.useRef(null);
+    const [topDisScoll, setTopDisScoll] = React.useState(0);
     const refreshTop = React.useRef(null);
-    const scrollEl = React.useRef(window);
+    const scrollHeight = React.useRef(0);
+    const scrollTop = React.useRef(0);
+    const direction = React.useRef("down");
     const isTouching = React.useRef(false);
-    const beforeScrollTop = React.useRef(0);
-    const refreshMaxH = React.useRef(0);
     const y2 = React.useRef(0);
+    const refreshMaxH = React.useRef(0);
     const distance = React.useRef(0);
     const b2 = cn("infiniteloading");
     const classes = classNames(className, b2());
     React.useEffect(() => {
-      const parentElement = getParentElement(
-        scroller.current
-      );
-      scrollEl.current = useWindow ? window : parentElement;
-      scrollEl.current.addEventListener("scroll", handleScroll, useCapture);
-      return () => {
-        scrollEl.current.removeEventListener("scroll", handleScroll, useCapture);
-      };
+      refreshMaxH.current = upperThreshold;
+      setTimeout(() => {
+        getScrollHeight();
+      }, 200);
     }, [hasMore, isInfiniting]);
-    React.useEffect(() => {
-      const element = scroller.current;
-      element.addEventListener("touchmove", touchMove, { passive: false });
-      return () => {
-        element.removeEventListener("touchmove", touchMove, {
-          passive: false
-        });
-      };
-    }, []);
+    const getScrollHeight = () => {
+      const parentElement = getParentElement("scroller");
+      parentElement.boundingClientRect((rect) => {
+        scrollHeight.current = rect.height;
+      }).exec();
+    };
     const getStyle = () => {
       return {
-        height: distance.current < 0 ? `0px` : `${distance.current}px`,
-        transition: isTouching.current ? `height 0s cubic-bezier(0.25,0.1,0.25,1)` : `height 0.2s cubic-bezier(0.25,0.1,0.25,1)`
+        height: topDisScoll < 0 ? `0px` : `${topDisScoll}px`,
+        transition: `height 0.2s cubic-bezier(0.25,0.1,0.25,1)`
       };
     };
     const getParentElement = (el) => {
-      return containerId ? document.querySelector(`#${containerId}`) : el && el.parentNode;
-    };
-    const handleScroll = () => {
-      requestAniFrame2()(() => {
-        if (!isScrollAtBottom() || !hasMore || isInfiniting) {
-          return false;
-        }
-        setIsInfiniting(true);
-        loadMore && loadMore(infiniteDone);
-      });
+      return Taro__default["default"].createSelectorQuery().select(
+        containerId ? `#${containerId} #${el}` : `#${el}`
+      );
     };
     const infiniteDone = () => {
       setIsInfiniting(false);
     };
     const refreshDone = () => {
       distance.current = 0;
-      refreshTop.current.style.height = `${distance.current}px`;
+      setTopDisScoll(0);
       isTouching.current = false;
     };
+    const scrollAction2 = (e2) => {
+      if (e2.detail.scrollTop <= 0) {
+        e2.detail.scrollTop = 0;
+      } else if (e2.detail.scrollTop >= scrollHeight.current) {
+        e2.detail.scrollTop = scrollHeight.current;
+      }
+      if (e2.detail.scrollTop > scrollTop.current || e2.detail.scrollTop >= scrollHeight.current) {
+        direction.current = "down";
+      } else {
+        direction.current = "up";
+      }
+      scrollTop.current = e2.detail.scrollTop;
+      onScrollChange && onScrollChange(e2.detail.scrollTop);
+    };
+    const lower = () => {
+      if (direction.current == "up" || !hasMore || isInfiniting) {
+        return false;
+      }
+      setIsInfiniting(true);
+      onLoadMore && onLoadMore(infiniteDone);
+    };
     const touchStart = (event) => {
-      if (beforeScrollTop.current === 0 && !isTouching.current && isOpenRefresh) {
+      if (scrollTop.current == 0 && !isTouching.current && isOpenRefresh) {
         y2.current = event.touches[0].pageY;
         isTouching.current = true;
-        const childHeight = refreshTop.current.firstElementChild.offsetHeight;
-        refreshMaxH.current = Math.floor(childHeight * 1 + 10);
       }
     };
     const touchMove = (event) => {
       distance.current = event.touches[0].pageY - y2.current;
       if (distance.current > 0 && isTouching.current) {
         event.preventDefault();
+        setTopDisScoll(distance.current);
         if (distance.current >= refreshMaxH.current) {
           distance.current = refreshMaxH.current;
-          refreshTop.current.style.height = `${distance.current}px`;
-        } else {
-          refreshTop.current.style.height = `${distance.current}px`;
+          setTopDisScoll(refreshMaxH.current);
         }
       } else {
         distance.current = 0;
-        refreshTop.current.style.height = `${distance.current}px`;
+        setTopDisScoll(0);
         isTouching.current = false;
       }
     };
     const touchEnd = () => {
       if (distance.current < refreshMaxH.current) {
         distance.current = 0;
-        refreshTop.current.style.height = `${distance.current}px`;
+        setTopDisScoll(0);
       } else {
-        refresh && refresh(refreshDone);
+        onRefresh && onRefresh(refreshDone);
       }
     };
-    const requestAniFrame2 = () => {
-      return window.requestAnimationFrame || window.webkitRequestAnimationFrame || function(callback) {
-        window.setTimeout(callback, 1e3 / 60);
-      };
-    };
-    const getWindowScrollTop = () => {
-      return window.pageYOffset !== void 0 ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
-    };
-    const calculateTopPosition = (el) => {
-      return !el ? 0 : el.offsetTop + calculateTopPosition(el.offsetParent);
-    };
-    const isScrollAtBottom = () => {
-      let offsetDistance = 0;
-      let resScrollTop = 0;
-      let direction = "down";
-      const windowScrollTop = getWindowScrollTop();
-      if (useWindow) {
-        if (scroller.current) {
-          offsetDistance = calculateTopPosition(scroller.current) + scroller.current.offsetHeight - windowScrollTop - window.innerHeight;
-        }
-        resScrollTop = windowScrollTop;
-      } else {
-        const { scrollHeight, clientHeight, scrollTop } = scrollEl.current;
-        offsetDistance = scrollHeight - clientHeight - scrollTop;
-        resScrollTop = scrollTop;
-      }
-      if (beforeScrollTop.current > resScrollTop) {
-        direction = "up";
-      } else {
-        direction = "down";
-      }
-      beforeScrollTop.current = resScrollTop;
-      scrollChange && scrollChange(resScrollTop);
-      return offsetDistance <= threshold && direction == "down";
-    };
-    return /* @__PURE__ */ React__default["default"].createElement("div", {
+    return /* @__PURE__ */ React__default["default"].createElement(index_cjs.ScrollView, {
       className: classes,
-      ref: scroller,
+      scrollY: true,
+      id: "scroller",
+      style: { height: "100%" },
+      onScroll: scrollAction2,
+      onScrollToLower: lower,
       onTouchStart: touchStart,
       onTouchMove: touchMove,
-      onTouchEnd: touchEnd,
-      ...restProps
+      onTouchEnd: touchEnd
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-infinite-top",
       ref: refreshTop,
@@ -14581,31 +14789,60 @@
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "top-box"
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       className: "top-img",
       name: pullIcon
     }), /* @__PURE__ */ React__default["default"].createElement("span", {
       className: "top-text"
-    }, locale.infiniteloading.pullRefreshText || pullTxt))), /* @__PURE__ */ React__default["default"].createElement("div", {
+    }, pullTxt || locale.infiniteloading.pullRefreshText))), /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-infinite-container"
     }, children), /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-infinite-bottom"
     }, isInfiniting ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "bottom-box"
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       className: "bottom-img",
       name: loadIcon
     }), /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "bottom-text"
-    }, locale.infiniteloading.loadText || loadTxt)) : !hasMore && /* @__PURE__ */ React__default["default"].createElement("div", {
+    }, loadTxt || locale.infiniteloading.loadText)) : !hasMore && /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "tips"
-    }, locale.infiniteloading.loadMoreText || loadMoreTxt)));
+    }, loadMoreTxt || locale.infiniteloading.loadMoreText)));
   };
-  Infiniteloading.defaultProps = defaultProps$C;
+  Infiniteloading.defaultProps = defaultProps$B;
   Infiniteloading.displayName = "NutInfiniteloading";
+  let createRoot;
+  const { version } = ReactDOM__namespace;
+  const reactDOMClone = {
+    ...ReactDOM__namespace
+  };
+  try {
+    const mainVersion = Number((version || "").split(".")[0]);
+    if (mainVersion >= 18) {
+      createRoot = reactDOMClone.createRoot;
+    }
+  } catch (e2) {
+    console.log(e2);
+  }
+  function legacyRender(node, container) {
+    ReactDOM__namespace.render(node, container);
+  }
+  function concurrentRender(node, container) {
+    if (createRoot) {
+      const root = createRoot(container);
+      root.render(node);
+    }
+  }
+  function render(node, container) {
+    if (createRoot) {
+      concurrentRender(node, container);
+      return;
+    }
+    legacyRender(node, container);
+  }
   class Notification extends React__namespace.PureComponent {
     constructor(props) {
       super(props);
@@ -14781,7 +15018,7 @@
       }
     }
   };
-  const defaultProps$B = {
+  const defaultProps$A = {
     isAsync: false,
     checked: false,
     disable: false,
@@ -14804,7 +15041,7 @@
       className,
       style
     } = {
-      ...defaultProps$B,
+      ...defaultProps$A,
       ...props
     };
     const [value, setValue] = React.useState(false);
@@ -14844,7 +15081,7 @@
       className: `${b2("label")} close`
     }, inactiveText))));
   };
-  Switch.defaultProps = defaultProps$B;
+  Switch.defaultProps = defaultProps$A;
   Switch.displayName = "NutSwitch";
   function preventDefault(event, isStopPropagation) {
     if (typeof event.cancelable !== "boolean" || event.cancelable) {
@@ -14854,7 +15091,7 @@
       event.stopPropagation();
     }
   }
-  const defaultProps$A = {
+  const defaultProps$z = {
     name: "",
     leftWidth: 0,
     rightWidth: 0
@@ -14862,7 +15099,7 @@
   const Swipe = React.forwardRef((props, instanceRef) => {
     const swipeBem = cn("swipe");
     const touch = useTouch();
-    const { children, className, style } = { ...defaultProps$A, ...props };
+    const { children, className, style } = { ...defaultProps$z, ...props };
     const root = React.useRef();
     const opened = React.useRef(false);
     const lockClick = React.useRef(false);
@@ -15028,7 +15265,7 @@
       style: wrapperStyle
     }, renderActionContent("left", leftRef), children, renderActionContent("right", rightRef)));
   });
-  Swipe.defaultProps = defaultProps$A;
+  Swipe.defaultProps = defaultProps$z;
   Swipe.displayName = "NutSwipe";
   const canUseDom = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
   const defaultRoot = canUseDom ? window : void 0;
@@ -15087,7 +15324,7 @@
       console.log(e2);
     }
   }
-  const defaultProps$z = {
+  const defaultProps$y = {
     pullingText: "",
     canReleaseText: "",
     refreshingText: "",
@@ -15102,7 +15339,7 @@
   const PullToRefresh = (p2) => {
     const { locale } = useConfig$1();
     const props = {
-      ...defaultProps$z,
+      ...defaultProps$y,
       ...p2,
       ...{
         pullingText: p2.pullingText || locale.pullToRefresh.pullingText,
@@ -15241,19 +15478,18 @@
       className: "nut-pulltorefresh-content"
     }, props.children));
   };
-  PullToRefresh.defaultProps = defaultProps$z;
+  PullToRefresh.defaultProps = defaultProps$y;
   PullToRefresh.displayName = "NutPullToRefresh";
   const isObject = (val) => val !== null && typeof val === "object";
-  const defaultProps$y = {
+  const defaultProps$x = {
     strokeWidth: 5,
     radius: 50,
     strokeLinecap: "round",
-    circleColor: "",
-    pathColor: "",
+    circleColor: "#fa2c19",
+    pathColor: "#e5e9f2",
     clockwise: true
   };
   const CircleProgress = (props) => {
-    var _a;
     const {
       children,
       progress,
@@ -15267,38 +15503,55 @@
       strokeLinecap,
       ...restProps
     } = {
-      ...defaultProps$y,
+      ...defaultProps$x,
       ...props
     };
+    const [oldValue, setOldValue] = React.useState(progress);
     const b2 = cn("circleprogress");
     const classes = classNames(className, b2(""));
     const refRandomId = Math.random().toString(36).slice(-8);
+    let lastTime = 0;
     const styles = {
       height: `${Number(radius) * 2}px`,
       width: `${Number(radius) * 2}px`,
       ...style
     };
-    const pathStyle = {
-      stroke: pathColor
-    };
-    const hoverStyle = () => {
-      const perimeter = 283;
-      const offset = perimeter * Number(progress) / 100;
-      return {
-        stroke: isObject(circleColor) ? `url(#${refRandomId})` : circleColor,
-        strokeDasharray: `${offset}px ${perimeter}px`
+    React.useEffect(() => {
+      let rafId;
+      const startTime = Date.now();
+      const startRate = Number(oldValue);
+      const endRate = Number(progress);
+      const duration = Math.abs((startRate - endRate) * 1e3 / 100);
+      const animate = () => {
+        const now = Date.now();
+        const progress2 = Math.min((now - startTime) / duration, 1);
+        const rate = progress2 * (endRate - startRate) + startRate;
+        setOldValue(Math.min(Math.max(+rate, 0), 100));
+        if (endRate > startRate ? rate < endRate : rate > endRate) {
+          rafId = requestAnimationFrame2(animate);
+        }
       };
-    };
-    const path = () => {
-      const isWise = clockwise ? 1 : 0;
-      return `M 50 50 m -45 0 a 45 45 0 1 ${isWise} 90 0  a 45 45 0 1 ${isWise} -90 0`;
-    };
-    const hoverColor = () => {
-      return isObject(circleColor) ? `url(#${refRandomId})` : circleColor;
+      if (rafId) {
+        cancelAnimationFrame2(rafId);
+      }
+      rafId = requestAnimationFrame2(animate);
+    }, [progress]);
+    const requestAnimationFrame2 = function(callback) {
+      const currTime = new Date().getTime();
+      const timeToCall = Math.max(0, 16.7 - (currTime - lastTime));
+      lastTime = currTime + timeToCall;
+      const id = setTimeout(function() {
+        callback();
+      }, timeToCall);
+      lastTime = currTime + timeToCall;
+      return id;
+    };
+    const cancelAnimationFrame2 = function(id) {
+      clearTimeout(id);
     };
     const stop2 = () => {
       if (!isObject(circleColor)) {
-        return;
+        return [];
       }
       const color = circleColor;
       const colorArr = Object.keys(color).sort(
@@ -15316,46 +15569,54 @@
       });
       return stopArr;
     };
+    const transColor = (color) => {
+      return color && color.replace("#", "%23");
+    };
+    const format = (progress2) => Math.min(Math.max(+progress2, 0), 100);
+    const circleStyle = () => {
+      const stopArr = stop2();
+      const stopDom = [];
+      if (stopArr) {
+        stopArr.map((item) => {
+          let obj = "";
+          obj = `%3Cstop offset='${item.key}' stop-color='${transColor(
+            item.value
+          )}'/%3E`;
+          stopDom.push(obj);
+        });
+      }
+      const perimeter = 283;
+      const progress2 = +oldValue;
+      const offset = perimeter * Number(format(parseFloat(progress2.toFixed(1)))) / 100;
+      const isWise = props.clockwise ? 1 : 0;
+      const color = isObject(circleColor) ? `url(%23${refRandomId})` : transColor(circleColor);
+      const d2 = `M 50 50 m 0 -45 a 45 45 0 1 ${isWise} 0 90 a 45 45 0 1, ${isWise} 0 -90`;
+      const pa = `%3Cdefs%3E%3ClinearGradient id='${refRandomId}' x1='100%25' y1='0%25' x2='0%25' y2='0%25'%3E${stopDom}%3C/linearGradient%3E%3C/defs%3E`;
+      const path = `%3Cpath d='${d2}' stroke-width='${strokeWidth}' stroke='${transColor(
+        props.pathColor
+      )}' fill='none'/%3E`;
+      const path1 = `%3Cpath d='${d2}' stroke-width='${strokeWidth}' stroke-dasharray='${offset},${perimeter}' stroke-linecap='round' stroke='${transColor(
+        color
+      )}' fill='none'/%3E`;
+      return {
+        background: `url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100'  xmlns='http://www.w3.org/2000/svg'%3E${pa}${path}${path1}%3C/svg%3E")`,
+        width: "100%",
+        height: "100%"
+      };
+    };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: classes,
       style: styles,
       ...restProps
-    }, /* @__PURE__ */ React__default["default"].createElement("svg", {
-      viewBox: "0 0 100 100"
-    }, /* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("linearGradient", {
-      id: refRandomId,
-      x1: "100%",
-      y1: "0%",
-      x2: "0%",
-      y2: "0%"
-    }, (_a = stop2()) == null ? void 0 : _a.map((item, index2) => {
-      return /* @__PURE__ */ React__default["default"].createElement("stop", {
-        key: index2,
-        offset: item.key,
-        stopColor: item.value
-      });
-    }))), /* @__PURE__ */ React__default["default"].createElement("path", {
-      className: "nut-circleprogress-path",
-      style: pathStyle,
-      d: path(),
-      fill: "none",
-      strokeWidth
-    }), /* @__PURE__ */ React__default["default"].createElement("path", {
-      className: "nut-circleprogress-hover",
-      style: hoverStyle(),
-      d: path(),
-      fill: "none",
-      stroke: hoverColor(),
-      strokeLinecap,
-      transform: "rotate(90,50,50)",
-      strokeWidth
-    })), /* @__PURE__ */ React__default["default"].createElement("div", {
+    }, /* @__PURE__ */ React__default["default"].createElement("div", {
+      style: circleStyle()
+    }), /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-circleprogress-text"
     }, children || /* @__PURE__ */ React__default["default"].createElement("div", null, progress, "%")));
   };
-  CircleProgress.defaultProps = defaultProps$y;
+  CircleProgress.defaultProps = defaultProps$x;
   CircleProgress.displayName = "NutCircleProgress";
-  const defaultProps$x = {
+  const defaultProps$w = {
     ...ComponentDefaults,
     direction: "across",
     list: [],
@@ -15393,8 +15654,13 @@
       speed,
       rightIcon,
       close,
-      click
-    } = { ...defaultProps$x, ...props };
+      click,
+      iconClassPrefix,
+      iconFontClassName
+    } = {
+      ...defaultProps$w,
+      ...props
+    };
     const wrap = React.useRef(null);
     const content = React.useRef(null);
     const [showNoticeBar, SetShowNoticeBar] = React.useState(true);
@@ -15587,8 +15853,8 @@
       className: "left-icon",
       style: { backgroundImage: `url(${iconBg() || ""})` }
     }, !iconBg() ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: "notice",
       size: "16",
       color
@@ -15604,8 +15870,8 @@
       className: "right-icon",
       onClick: onClickIcon
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: rightIcon || "close",
       color
     })) : null) : null, scrollList.current.length > 0 && direction === "vertical" ? /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -15634,23 +15900,23 @@
         handleClickIcon();
       }
     }, rightIcon || (closeMode ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: "cross",
       color,
       size: "11px"
     }) : null))) : null);
   };
-  NoticeBar.defaultProps = defaultProps$x;
+  NoticeBar.defaultProps = defaultProps$w;
   NoticeBar.displayName = "NutNoticeBar";
   const DataContext$1 = React.createContext({});
-  const defaultProps$w = {
+  const defaultProps$v = {
     current: 0,
     direction: "horizontal",
     progressDot: false
   };
   const Steps = (props) => {
-    const propSteps = { ...defaultProps$w, ...props };
+    const propSteps = { ...defaultProps$v, ...props };
     const {
       children,
       current,
@@ -15683,9 +15949,9 @@
       children
     ));
   };
-  Steps.defaultProps = defaultProps$w;
+  Steps.defaultProps = defaultProps$v;
   Steps.displayName = "NutSteps";
-  const defaultProps$v = {
+  const defaultProps$u = {
     ...ComponentDefaults,
     title: "",
     content: "",
@@ -15705,9 +15971,11 @@
       size,
       className,
       renderContent,
+      iconClassPrefix,
+      iconFontClassName,
       ...restProps
     } = {
-      ...defaultProps$v,
+      ...defaultProps$u,
       ...props
     };
     const parent = React.useContext(DataContext$1);
@@ -15752,8 +16020,8 @@
     }), /* @__PURE__ */ React__default["default"].createElement("div", {
       className: renderIconClass()
     }, icon ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       className: "nut-step-icon-inner",
       color: iconColor,
       name: icon,
@@ -15770,10 +16038,10 @@
       className: "nut-step-content"
     }, renderContent())));
   };
-  Step.defaultProps = defaultProps$v;
+  Step.defaultProps = defaultProps$u;
   Step.displayName = "NutStep";
   const DataContext = React.createContext({});
-  const defaultProps$u = {
+  const defaultProps$t = {
     width: typeof window === "object" ? window.innerWidth : 375,
     height: 0,
     duration: 500,
@@ -15791,7 +16059,7 @@
   };
   const DISTANCE = 5;
   const Swiper = React__default["default"].forwardRef((props, ref) => {
-    const propSwiper = { ...defaultProps$u, ...props };
+    const propSwiper = { ...defaultProps$t, ...props };
     const {
       children,
       direction,
@@ -16097,7 +16365,7 @@
     }, [active]);
     const queryRect = (element) => {
       return new Promise((resolve) => {
-        const query = Taro__default["default"].createSelectorQuery();
+        const query = Taro.createSelectorQuery();
         query.select(`#${element.id}`) && query.select(`#${element.id}`).boundingClientRect();
         query.exec(function(res) {
           resolve(res[0]);
@@ -16150,7 +16418,7 @@
       };
     }, []);
     Taro.useReady(() => {
-      Taro__default["default"].nextTick(() => {
+      Taro.nextTick(() => {
         init();
       });
     });
@@ -16178,7 +16446,7 @@
       className: `${classes} ${className}`,
       ref: container,
       ...rest,
-      id: "container-" + refRandomId,
+      id: `container-${refRandomId}`,
       onTouchStart,
       onTouchMove,
       onTouchEnd,
@@ -16210,13 +16478,13 @@
       });
     })) : /* @__PURE__ */ React__default["default"].createElement("div", null, pageContent)));
   });
-  Swiper.defaultProps = defaultProps$u;
+  Swiper.defaultProps = defaultProps$t;
   Swiper.displayName = "NutSwiper";
-  const defaultProps$t = {
+  const defaultProps$s = {
     direction: "horizontal"
   };
   const SwiperItem = React__default["default"].forwardRef((props, ref) => {
-    const _props = { ...defaultProps$t, ...props };
+    const _props = { ...defaultProps$s, ...props };
     const { children, direction, size } = _props;
     const parent = React.useContext(DataContext);
     const b2 = cn("swiper-item");
@@ -16235,10 +16503,10 @@
       style: style()
     }, children);
   });
-  SwiperItem.defaultProps = defaultProps$t;
+  SwiperItem.defaultProps = defaultProps$s;
   SwiperItem.displayName = "NutSwiperItem";
   const AvatarContext = React.createContext({});
-  const defaultProps$s = {
+  const defaultProps$r = {
     ...ComponentDefaults,
     size: "",
     icon: "",
@@ -16264,9 +16532,11 @@
       style,
       activeAvatar,
       onError,
+      iconClassPrefix,
+      iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$s,
+      ...defaultProps$r,
       ...props
     };
     const [maxSum, setMaxSum] = React.useState(0);
@@ -16343,8 +16613,8 @@
       alt,
       onError: errorEvent
     }), icon && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       className: "icon",
       name: iconStyles
     }), children && /* @__PURE__ */ React__default["default"].createElement("span", {
@@ -16353,22 +16623,9 @@
       className: "text"
     }, ((_m = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _m.maxContent) ? (_n = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _n.maxContent : `+ ${avatarIndex - ((_o = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _o.maxCount)}`)));
   };
-  Avatar.defaultProps = defaultProps$s;
+  Avatar.defaultProps = defaultProps$r;
   Avatar.displayName = "NutAvatar";
-  const defaultConfigRef = {
-    current: {
-      locale: zhCN
-    }
-  };
-  const getDefaultConfig = () => {
-    return defaultConfigRef.current;
-  };
-  const useConfig = () => {
-    var _a;
-    return (_a = React.useContext(ConfigContext)) != null ? _a : getDefaultConfig();
-  };
-  const ConfigContext = React.createContext(null);
-  const defaultProps$r = {
+  const defaultProps$q = {
     maxContent: "",
     maxCount: "",
     maxBgColor: "#eee",
@@ -16380,7 +16637,7 @@
   };
   const AvatarGroup = (props) => {
     useConfig();
-    const propAvatarGroup = { ...defaultProps$r, ...props };
+    const propAvatarGroup = { ...defaultProps$q, ...props };
     const { className, style, children } = propAvatarGroup;
     const avatarGroupRef = React.useRef(null);
     const b2 = cn("avatar-group");
@@ -16397,9 +16654,9 @@
       ref: avatarGroupRef
     }, children));
   };
-  AvatarGroup.defaultProps = defaultProps$r;
+  AvatarGroup.defaultProps = defaultProps$q;
   AvatarGroup.displayName = "NutAvatarGroup";
-  const defaultProps$q = {
+  const defaultProps$p = {
     price: 0,
     needSymbol: true,
     symbol: "&yen;",
@@ -16417,7 +16674,7 @@
       className,
       ...rest
     } = {
-      ...defaultProps$q,
+      ...defaultProps$p,
       ...props
     };
     const b2 = cn("price");
@@ -16480,9 +16737,9 @@
       className: `${b2("small")}`
     }, formatDecimal(price)));
   };
-  Price.defaultProps = defaultProps$q;
+  Price.defaultProps = defaultProps$p;
   Price.displayName = "NutPrice";
-  const defaultProps$p = {
+  const defaultProps$o = {
     ...ComponentDefaults,
     value: "",
     dot: false,
@@ -16494,8 +16751,18 @@
     icons: ""
   };
   const Badge = (props) => {
-    const { children, dot, top, right, zIndex, color, icons } = {
-      ...defaultProps$p,
+    const {
+      children,
+      dot,
+      top,
+      right,
+      zIndex,
+      color,
+      icons,
+      iconClassPrefix,
+      iconFontClassName
+    } = {
+      ...defaultProps$o,
       ...props
     };
     function content() {
@@ -16521,8 +16788,8 @@
     }, icons !== "" && /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "slot-icons"
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       className: "_icon",
       name: icons,
       color: "#ffffff",
@@ -16532,9 +16799,9 @@
       style: getStyle()
     }, content()));
   };
-  Badge.defaultProps = defaultProps$p;
+  Badge.defaultProps = defaultProps$o;
   Badge.displayName = "NutBadge";
-  const defaultProps$o = {
+  const defaultProps$n = {
     ...ComponentDefaults,
     type: "default",
     color: "",
@@ -16561,9 +16828,11 @@
       closeable,
       textColor,
       onClick,
-      onClose
+      onClose,
+      iconClassPrefix,
+      iconFontClassName
     } = {
-      ...defaultProps$o,
+      ...defaultProps$n,
       ...props
     };
     const [btnName, setBtnName] = React.useState("");
@@ -16618,8 +16887,8 @@
     }, children && /* @__PURE__ */ React__default["default"].createElement("span", {
       className: "text"
     }, children), /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       className: "_icon",
       name: "close",
       size: "12",
@@ -16637,7 +16906,7 @@
       className: "text"
     }, children)));
   };
-  Tag.defaultProps = defaultProps$o;
+  Tag.defaultProps = defaultProps$n;
   Tag.displayName = "NutTag";
   function fillRef(ref, node) {
     if (typeof ref === "function") {
@@ -16681,7 +16950,7 @@
       return trigger;
     }
   }
-  const defaultProps$n = {
+  const defaultProps$m = {
     ...ComponentDefaults,
     list: [],
     theme: "light",
@@ -16706,9 +16975,11 @@
       style,
       onClick,
       onChoose,
+      iconClassPrefix,
+      iconFontClassName,
       ...reset
     } = {
-      ...defaultProps$n,
+      ...defaultProps$m,
       ...props
     };
     const goodItem = React.useRef(null);
@@ -16790,8 +17061,8 @@
           handleChoose(item, i);
         }
       }, item.icon ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         className: "popover-menu-item-img",
         name: item.icon
       }) : "", /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -16803,9 +17074,9 @@
       style: { background: "transparent" }
     }) : "");
   };
-  Popover.defaultProps = defaultProps$n;
+  Popover.defaultProps = defaultProps$m;
   Popover.displayName = "NutPopover";
-  const defaultProps$m = {
+  const defaultProps$l = {
     width: "100px",
     height: "100px",
     row: 1,
@@ -16833,7 +17104,7 @@
       avatarShape,
       ...restProps
     } = {
-      ...defaultProps$m,
+      ...defaultProps$l,
       ...props
     };
     const b2 = cn("skeleton");
@@ -16888,9 +17159,9 @@
       });
     })))));
   };
-  Skeleton.defaultProps = defaultProps$m;
+  Skeleton.defaultProps = defaultProps$l;
   Skeleton.displayName = "NutSkeleton";
-  const defaultProps$l = {
+  const defaultProps$k = {
     paused: false,
     startTime: Date.now(),
     endTime: Date.now(),
@@ -16917,7 +17188,7 @@
       onUpdate,
       children,
       ...rest
-    } = { ...defaultProps$l, ...props };
+    } = { ...defaultProps$k, ...props };
     const b2 = cn("countdown");
     const [restTimeStamp, setRestTime] = React.useState(0);
     const stateRef = React.useRef({
@@ -17113,9 +17384,9 @@
     }));
   };
   const CountDown = React__default["default"].forwardRef(InternalCountDown);
-  CountDown.defaultProps = defaultProps$l;
+  CountDown.defaultProps = defaultProps$k;
   CountDown.displayName = "NutCountDown";
-  const defaultProps$k = {
+  const defaultProps$j = {
     activeName: ["0"],
     accordion: false,
     icon: "",
@@ -17138,7 +17409,7 @@
         iconColor,
         change
       } = {
-        ...defaultProps$k,
+        ...defaultProps$j,
         ...props
       };
       const childrenDom = React__default["default"].Children.toArray(children);
@@ -17195,9 +17466,9 @@
     },
     areEqual
   );
-  Collapse.defaultProps = defaultProps$k;
+  Collapse.defaultProps = defaultProps$j;
   Collapse.displayName = "NutCollapse";
-  const defaultProps$j = {
+  const defaultProps$i = {
     ...ComponentDefaults,
     title: "",
     name: "",
@@ -17211,7 +17482,8 @@
     titleIcon: "",
     titleIconColor: "",
     titleIconPosition: "",
-    titleIconSize: ""
+    titleIconSize: "",
+    childnull: true
   };
   const CollapseItem = (props) => {
     const {
@@ -17230,9 +17502,12 @@
       titleIconSize,
       iconSize,
       iconColor,
+      childnull,
+      iconClassPrefix,
+      iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$j,
+      ...defaultProps$i,
       ...props
     };
     const [domHeight, setDomHeight] = React.useState(-1);
@@ -17278,16 +17553,16 @@
     }, titleIcon && titleIconPosition === "left" && /* @__PURE__ */ React__default["default"].createElement("b", {
       className: colBem("title-icon-left")
     }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: titleIcon,
       size: titleIconSize,
       color: disabled ? "#C2C2C2" : titleIconColor
     })), title, titleIcon && titleIconPosition === "right" && /* @__PURE__ */ React__default["default"].createElement("b", {
       className: colBem("title-icon-right")
     }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: titleIcon,
       size: titleIconSize,
       color: disabled ? "#C2C2C2" : titleIconColor
@@ -17299,12 +17574,12 @@
       className: colBem("icon"),
       style: iconStyle
     }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: icon,
       size: iconSize,
       color: disabled ? "#C2C2C2" : iconColor
-    })))), /* @__PURE__ */ React__default["default"].createElement("div", {
+    })))), childnull && /* @__PURE__ */ React__default["default"].createElement("div", {
       className: colBem("content"),
       style: { height: currHeight },
       ref: measuredRef
@@ -17312,9 +17587,9 @@
       className: colBem("content-text")
     }, children)));
   };
-  CollapseItem.defaultProps = defaultProps$j;
+  CollapseItem.defaultProps = defaultProps$i;
   CollapseItem.displayName = "NutCollapseItem";
-  const defaultProps$i = {
+  const defaultProps$h = {
     maxLen: 0,
     endNumber: "",
     delaySpeed: 300,
@@ -17332,7 +17607,7 @@
       thousands,
       ...reset
     } = {
-      ...defaultProps$i,
+      ...defaultProps$h,
       ...props
     };
     const b2 = cn("countup");
@@ -17401,9 +17676,9 @@
       }, item));
     })));
   };
-  CountUp.defaultProps = defaultProps$i;
+  CountUp.defaultProps = defaultProps$h;
   CountUp.displayName = "NutCountUp";
-  const defaultProps$h = {};
+  const defaultProps$g = {};
   class AnimatingNumbers extends React.Component {
     constructor(props) {
       super(props);
@@ -17415,7 +17690,7 @@
       });
     }
   }
-  AnimatingNumbers.defaultProps = defaultProps$h;
+  AnimatingNumbers.defaultProps = defaultProps$g;
   AnimatingNumbers.displayName = "NutAnimatingNumbers";
   AnimatingNumbers.CountUp = CountUp;
   const defaultStatus = {
@@ -17423,7 +17698,7 @@
     error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",
     network: "https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png"
   };
-  const defaultProps$g = {
+  const defaultProps$f = {
     description: "\u65E0\u5185\u5BB9",
     image: "empty",
     imageSize: "",
@@ -17431,9 +17706,9 @@
   };
   const Empty = (props) => {
     const { locale } = useConfig$1();
-    defaultProps$g.description = locale.noData || defaultProps$g.description;
+    defaultProps$f.description = locale.noData || defaultProps$f.description;
     const { image, imageSize, description, children, className, ...rest } = {
-      ...defaultProps$g,
+      ...defaultProps$f,
       ...props
     };
     const [imgStyle, setImgStyle] = React.useState({});
@@ -17475,7 +17750,7 @@
       className: b2("description")
     }, description) : { description }, children));
   };
-  Empty.defaultProps = defaultProps$g;
+  Empty.defaultProps = defaultProps$f;
   Empty.displayName = "NutEmpty";
   const initPositinoCache = (reaItemSize, length = 0) => {
     let index2 = 0;
@@ -17588,7 +17863,7 @@
       }
     });
   };
-  const defaultProps$f = {};
+  const defaultProps$e = {};
   const VirtualList = (props) => {
     const {
       sourceData = [],
@@ -17747,9 +18022,9 @@
       }) : data);
     }))));
   };
-  VirtualList.defaultProps = defaultProps$f;
+  VirtualList.defaultProps = defaultProps$e;
   VirtualList.displayName = "NutVirtualList";
-  const defaultProps$e = {
+  const defaultProps$d = {
     ...ComponentDefaults,
     className: "",
     style: {},
@@ -17761,7 +18036,7 @@
   };
   const Table = (props) => {
     const { locale } = useConfig$1();
-    defaultProps$e.noData = locale.noData;
+    defaultProps$d.noData = locale.noData;
     const {
       children,
       className,
@@ -17773,9 +18048,11 @@
       striped,
       noData,
       onSorter,
+      iconClassPrefix,
+      iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$e,
+      ...defaultProps$d,
       ...props
     };
     const [curData, setCurData] = React.useState(data);
@@ -17816,8 +18093,8 @@
           key: item.key,
           onClick: () => handleSorterClick(item)
         }, item.title, item.sorter && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-          classPrefix: props.iconClassPrefix,
-          fontClassName: props.iconFontClassName,
+          classPrefix: iconClassPrefix,
+          fontClassName: iconFontClassName,
           name: "down-arrow",
           size: "12px"
         }));
@@ -17873,9 +18150,9 @@
       className: "nut-table__nodata__text"
     }, noData))));
   };
-  Table.defaultProps = defaultProps$e;
+  Table.defaultProps = defaultProps$d;
   Table.displayName = "NutTable";
-  const defaultProps$d = {
+  const defaultProps$c = {
     source: {
       type: {},
       src: ""
@@ -17900,7 +18177,7 @@
       playend,
       ...restProps
     } = {
-      ...defaultProps$d,
+      ...defaultProps$c,
       ...props
     };
     const rootRef = React.useRef(null);
@@ -17954,152 +18231,29 @@
       kind: "captions"
     })));
   };
-  Video.defaultProps = defaultProps$d;
+  Video.defaultProps = defaultProps$c;
   Video.displayName = "NutVideo";
-  const defaultProps$c = {
-    ...ComponentDefaults,
-    className: "",
-    style: {},
-    isShowPercentage: true,
-    percentage: 0,
-    fillColor: "#f3f3f3",
-    strokeColor: "linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)",
-    strokeWidth: "",
-    textColor: "",
-    textWidth: "",
-    showText: true,
-    textInside: false,
-    textBackground: "linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)",
-    textType: "text",
-    status: false,
-    iconName: "checked",
-    iconColor: "#439422",
-    iconSize: "16px",
-    rounded: true,
-    children: void 0
-  };
-  const Progress = (props) => {
-    const {
-      className,
-      style,
-      isShowPercentage,
-      percentage,
-      fillColor,
-      strokeColor,
-      strokeWidth,
-      size,
-      textColor,
-      textWidth,
-      showText,
-      textInside,
-      textBackground,
-      textType,
-      status,
-      iconName,
-      iconColor,
-      iconSize,
-      rounded,
-      children,
-      ...rest
-    } = { ...defaultProps$c, ...props };
-    const b2 = cn("progress");
-    const classes = classNames(b2(""));
-    const classesOuter = classNames({
-      [`${b2("")}-outer`]: true,
-      [`${b2("")}-${size || "base"}`]: true
-    });
-    const classesInner = classNames({
-      [`${b2("")}-inner`]: true,
-      [`${b2("")}-active`]: status
-    });
-    const classesText = classNames({
-      [`${b2("")}-text`]: true
-    });
-    const classesInsideText = classNames({
-      [`${b2("")}-text`]: true,
-      [`${b2("")}-insidetext`]: true
-    });
-    const classesTextInner = classNames({
-      [`${b2("")}-text__inner`]: true
-    });
-    const stylesOuter = {
-      height: `${strokeWidth}px`,
-      borderRadius: `${rounded ? rounded === true ? "12px" : rounded : 0}`,
-      background: `${fillColor}`
-    };
-    const stylesInner = {
-      width: `${percentage}%`,
-      borderRadius: `${rounded ? rounded === true ? "12px" : rounded : 0}`,
-      background: `${strokeColor}`
-    };
-    const stylesInsideText = {
-      width: `${textWidth}px`,
-      left: `${percentage}%`,
-      background: textBackground || strokeColor
-    };
-    const stylesInsideIcon = {
-      width: `${textWidth}px`,
-      left: `${percentage}%`
-    };
-    const stylesText = {
-      width: `${textWidth}px`
-    };
-    return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${classes} ${className}`,
-      style,
-      ...rest
-    }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: classesOuter,
-      style: stylesOuter
-    }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: classesInner,
-      style: stylesInner
-    }, showText && textInside && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, children ? /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: classesInsideText,
-      style: stylesInsideIcon
-    }, children) : /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: classesInsideText,
-      style: stylesInsideText
-    }, /* @__PURE__ */ React__default["default"].createElement("span", {
-      className: classesTextInner,
-      style: { color: textColor || "#fff" }
-    }, percentage, isShowPercentage ? "%" : ""))))), showText && !textInside && /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: classesText,
-      style: stylesText
-    }, textType === "text" && /* @__PURE__ */ React__default["default"].createElement("span", {
-      className: classesTextInner,
-      style: { color: textColor || "#333" }
-    }, percentage, isShowPercentage ? "%" : ""), textType === "icon" && /* @__PURE__ */ React__default["default"].createElement(Icon, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
-      size: iconSize,
-      name: iconName,
-      color: iconColor
-    })));
-  };
-  Progress.defaultProps = defaultProps$c;
-  Progress.displayName = "NutProgress";
+  const b = cn("audio");
+  const warn = console.warn;
   const defaultProps$b = {
     ...ComponentDefaults,
     className: "",
     url: "",
     style: {},
-    muted: false,
     autoplay: false,
     loop: false,
-    preload: "auto",
     type: "progress",
-    onFastBack: (e2) => {
+    onFastBack: (ctx2) => {
     },
-    onForward: (e2) => {
+    onForward: (ctx2) => {
     },
-    onPause: (e2) => {
+    onPause: (ctx2) => {
     },
-    onPlayEnd: (e2) => {
+    onPlay: (ctx2) => {
     },
-    onMute: (e2) => {
+    onPlayEnd: (ctx2) => {
     },
-    onCanPlay: (e2) => {
+    onCanPlay: (ctx2) => {
     }
   };
   const Audio = (props) => {
@@ -18108,130 +18262,134 @@
       className,
       url,
       style,
-      muted,
       autoplay,
       loop: loop2,
-      preload,
       type,
       onFastBack,
       onForward,
       onPause,
+      onPlay,
       onPlayEnd,
-      onMute,
       onCanPlay,
       children,
+      iconClassPrefix,
+      iconFontClassName,
       ...rest
     } = {
       ...defaultProps$b,
       ...props
     };
     const [playing, setPlaying] = React.useState(false);
+    const [totalSeconds, setTotalSeconds] = React.useState(0);
     const [percent, setPercent] = React.useState(0);
     const [isCanPlay, setIsCanPlay] = React.useState(false);
     const [currentDuration, setCurrentDuration] = React.useState("00:00:00");
-    const AudioRef = React.useRef(null);
     const statusRef = React.useRef({
       currentTime: 0,
       currentDuration: "00:00:00",
-      percent: 0,
-      duration: "00:00:00",
-      second: 0,
-      hanMuted: props.muted,
-      playing: props.autoplay,
-      handPlaying: false
+      percent: 0
     });
-    const b2 = cn("audio");
-    const warn = console.warn;
-    const handleEnded = (e2) => {
+    const audioRef = React.useRef(Taro__default["default"].createInnerAudioContext());
+    const audioCtx = audioRef.current;
+    audioCtx.src = url;
+    audioCtx.autoplay = autoplay || false;
+    audioCtx.loop = loop2 || false;
+    audioCtx.onPause(() => {
+      props.onPause && props.onPause(audioCtx);
+    });
+    audioCtx.onEnded(() => {
       if (props.loop) {
         warn(locale.audio.tips || "onPlayEnd\u4E8B\u4EF6\u5728loop=false\u65F6\u624D\u4F1A\u89E6\u53D1");
       } else {
-        props.onPlayEnd && props.onPlayEnd(e2);
+        props.onPlayEnd && props.onPlayEnd(audioCtx);
       }
-    };
-    function watch() {
-      if (AudioRef && AudioRef.current) {
-        const current = AudioRef.current;
-        current.addEventListener("play", () => {
-          setPlaying(true);
-        });
+    });
+    audioCtx.onPlay(() => {
+      const { duration } = audioCtx;
+      setTotalSeconds(Math.floor(duration));
+      props.onPlay && props.onPlay(audioCtx);
+    });
+    audioCtx.onCanplay(() => {
+      const intervalID = setInterval(function() {
+        if (audioCtx.duration !== 0) {
+          setTotalSeconds(audioCtx.duration);
+          clearInterval(intervalID);
+        }
+      }, 500);
+      setIsCanPlay(true);
+      props.onCanPlay && props.onCanPlay(audioCtx);
+    });
+    audioCtx.onTimeUpdate(() => {
+      const time = parseInt(`${audioCtx.currentTime}`);
+      const formated = formatSeconds(`${time}`);
+      statusRef.current.currentDuration = formated;
+      setPercent(time / totalSeconds * 100);
+      setCurrentDuration(formatSeconds(audioCtx.currentTime.toString()));
+    });
+    audioCtx.onError((res) => {
+      console.log("code", res.errCode);
+      console.log("message", res.errMsg);
+    });
+    function formatSeconds(value) {
+      if (!value) {
+        return "00:00:00";
       }
+      const time = parseInt(value);
+      const hours = Math.floor(time / 3600);
+      const minutes = Math.floor((time - hours * 3600) / 60);
+      const secondss = time - hours * 3600 - minutes * 60;
+      let result = "";
+      result += `${`0${hours.toString()}`.slice(-2)}:`;
+      result += `${`0${minutes.toString()}`.slice(-2)}:`;
+      result += `0${secondss.toString()}`.slice(-2);
+      return result;
     }
-    React.useEffect(() => {
-      watch();
-    }, []);
-    React.useEffect(() => {
-    }, [currentDuration]);
+    const handleBack = () => {
+      const currentTime = Math.floor(audioCtx.currentTime);
+      statusRef.current.currentTime = Math.max(currentTime - 1, 0);
+      setCurrentDuration(formatSeconds(statusRef.current.currentTime.toString()));
+      audioCtx.seek(statusRef.current.currentTime);
+      props.onFastBack && props.onFastBack(audioCtx);
+    };
+    const handleForward = () => {
+      const currentTime = Math.floor(audioCtx.currentTime);
+      statusRef.current.currentTime = Math.min(currentTime + 1, audioCtx.duration);
+      setCurrentDuration(formatSeconds(statusRef.current.currentTime.toString()));
+      audioCtx.seek(statusRef.current.currentTime);
+      props.onForward && props.onForward(audioCtx);
+    };
     const handleStatusChange = () => {
       setPlaying(!playing);
-      if (playing) {
-        AudioRef && AudioRef.current && AudioRef.current.pause();
+      if (!playing) {
+        audioCtx.play();
       } else {
-        AudioRef && AudioRef.current && AudioRef.current.play();
+        audioCtx.pause();
       }
     };
     const renderIcon = () => {
       return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: b2("icon")
+        className: b("icon")
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: `${b2("icon-box")} ${playing ? b2("icon-play") : b2("icon-stop")}`,
+        className: `${b("icon-box")} ${playing ? b("icon-play") : b("icon-stop")}`,
         onClick: handleStatusChange
       }, playing ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         name: "service",
         className: "nut-icon-loading"
       }) : /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         name: "service"
       }))));
     };
-    const handleBack = () => {
-      if (statusRef.current.currentTime > 0 && AudioRef.current) {
-        statusRef.current.currentTime--;
-        AudioRef.current.currentTime = statusRef.current.currentTime;
-        props.onFastBack && props.onFastBack(AudioRef.current);
-      }
-    };
-    const handleForward = () => {
-      if (AudioRef.current) {
-        statusRef.current.currentTime++;
-        AudioRef.current.currentTime = statusRef.current.currentTime;
-        props.onForward && props.onForward(AudioRef.current);
-      }
-    };
-    const handleMute = () => {
-      if (AudioRef.current) {
-        AudioRef.current.muted = !AudioRef.current.muted;
-        props.onMute && props.onMute(AudioRef.current);
-      }
-    };
-    const handlePause = (e2) => {
-      setPlaying(false);
-      props.onPause && props.onPause(e2);
-    };
-    const formatSeconds = (value) => {
-      if (!value) {
-        return "00:00:00";
-      }
-      const time = parseInt(value);
-      const hours = Math.floor(time / 3600);
-      const minutes = Math.floor((time - hours * 3600) / 60);
-      const seconds = time - hours * 3600 - minutes * 60;
-      let result = "";
-      result += `${`0${hours.toString()}`.slice(-2)}:`;
-      result += `${`0${minutes.toString()}`.slice(-2)}:`;
-      result += `0${seconds.toString()}`.slice(-2);
-      return result;
-    };
     const renderProgerss = () => {
       return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: b2("progress")
+        className: b("progress")
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "time"
       }, currentDuration), /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: b2("progress-bar-wrapper")
+        className: b("progress-bar-wrapper")
       }, /* @__PURE__ */ React__default["default"].createElement(Range, {
         modelValue: percent,
         hiddenTag: true,
@@ -18240,7 +18398,7 @@
         "active-color": "#fa2c19"
       })), /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "time"
-      }, AudioRef.current ? formatSeconds(`${statusRef.current.second}`) : "00:00:00")), /* @__PURE__ */ React__default["default"].createElement("div", {
+      }, formatSeconds(`${totalSeconds}`) || "00:00:00")), /* @__PURE__ */ React__default["default"].createElement("div", {
         className: isCanPlay ? "custom-button-group" : "custom-button-group-disable"
       }, /* @__PURE__ */ React__default["default"].createElement(Button$1, {
         type: "primary",
@@ -18256,15 +18414,11 @@
         type: "primary",
         size: "small",
         onClick: handleForward
-      }, locale.audio.forward || "\u5FEB\u8FDB"), /* @__PURE__ */ React__default["default"].createElement(Button$1, {
-        type: AudioRef.current && AudioRef.current.muted ? "default" : "primary",
-        size: "small",
-        onClick: handleMute
-      }, locale.audio.mute || "\u9759\u97F3")));
+      }, locale.audio.forward || "\u5FEB\u8FDB")));
     };
     const renderNone = () => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: b2("none-container"),
+        className: b("none-container"),
         onClick: handleStatusChange
       }, children);
     };
@@ -18280,43 +18434,11 @@
           return null;
       }
     };
-    const handleCanplay = (e2) => {
-      setIsCanPlay(true);
-      if (props.autoplay && !playing) {
-        AudioRef && AudioRef.current && AudioRef.current.play();
-      }
-      if (AudioRef.current) {
-        statusRef.current.second = AudioRef.current.duration || 0;
-        props.onCanPlay && props.onCanPlay(e2);
-      }
-    };
-    const onTimeupdate = (e2) => {
-      const time = parseInt(e2.target.currentTime);
-      const formated = formatSeconds(`${time}`);
-      statusRef.current.currentDuration = formated;
-      setPercent(time / statusRef.current.second * 100);
-      setCurrentDuration(formated);
-      statusRef.current.currentTime = time;
-    };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b2()} ${className}`,
+      className: `${b()} ${className}`,
       style,
       ...rest
-    }, renderAudio(), /* @__PURE__ */ React__default["default"].createElement("audio", {
-      className: "audioMain",
-      controls: type === "controls",
-      ref: AudioRef,
-      src: url,
-      muted,
-      preload,
-      loop: loop2,
-      onPause: (e2) => handlePause(e2),
-      onEnded: (e2) => handleEnded(e2),
-      onCanPlay: (e2) => handleCanplay(e2),
-      onTimeUpdate: (e2) => onTimeupdate(e2)
-    }, /* @__PURE__ */ React__default["default"].createElement("track", {
-      kind: "captions"
-    })));
+    }, renderAudio());
   };
   Audio.defaultProps = defaultProps$b;
   Audio.displayName = "NutAudio";
@@ -19133,8 +19255,13 @@
       onTabChecked,
       style,
       className,
+      iconClassPrefix,
+      iconFontClassName,
       ...rest
-    } = { ...defaultProps$6, ...props };
+    } = {
+      ...defaultProps$6,
+      ...props
+    };
     const b2 = cn("address");
     const [privateType, setPrivateType] = React.useState(type);
     const [tabName] = React.useState(["province", "city", "country", "town"]);
@@ -19227,8 +19354,8 @@
         className: "arrow-back",
         onClick: onSwitchModule
       }, privateType === "custom" && backBtnIcon && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         name: backBtnIcon,
         color: "#cccccc"
       })), /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -19236,8 +19363,8 @@
       }, privateType === "custom" ? locale.address.selectRegion || customAddressTitle : locale.address.deliveryTo || existAddressTitle), /* @__PURE__ */ React__default["default"].createElement("div", {
         onClick: () => handClose()
       }, closeBtnIcon && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         name: closeBtnIcon,
         color: "#cccccc",
         size: "18px"
@@ -19314,7 +19441,6 @@
     };
     const barrageBody = React.useRef(null);
     const barrageContainer = React.useRef(null);
-    const barrageCWidth = React.useRef(0);
     const timer = React.useRef(0);
     const index2 = React.useRef(0);
     const b2 = cn("barrage");
@@ -19326,10 +19452,7 @@
       }
     }));
     React.useEffect(() => {
-      if (barrageBody.current) {
-        barrageCWidth.current = barrageBody.current.offsetWidth;
-        run();
-      }
+      run();
       return () => {
         clearInterval(timer.current);
       };
@@ -19348,12 +19471,11 @@
       el.classList.add("barrage-item");
       barrageContainer.current.appendChild(el);
       Taro__default["default"].createSelectorQuery().select(".barrage-item").boundingClientRect((res) => {
-        res == null ? void 0 : res.width;
+        console.log("res", res);
         const height = res == null ? void 0 : res.height;
         el.classList.add("move");
         el.style.animationDuration = `${speeds}ms`;
         el.style.top = `${_index % rows * (height + top) + 20}px`;
-        el.style.setProperty("--move-distance", `-${barrageCWidth.current}px`);
         el.dataset.index = `${_index}`;
         el.addEventListener("animationend", () => {
           barrageContainer.current.removeChild(el);
@@ -19823,6 +19945,7 @@
   exports2.Skeleton = Skeleton;
   exports2.Step = Step;
   exports2.Steps = Steps;
+  exports2.Sticky = Sticky;
   exports2.SubSideNavBar = SubSideNavBar;
   exports2.Swipe = Swipe;
   exports2.Swiper = Swiper;