npm - @nutui/nutui-react-taro - Versions diffs - 1.3.3 → 1.3.4 - Mend

@nutui/nutui-react-taro 1.3.3 → 1.3.4

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

Files changed (168) hide show

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

@@ -1,13 +1,28 @@
 /*!
-* @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.
 */
 import * as React from "react";
 import React__default, { useCallback, useState, useEffect, Component, useRef, createContext, useContext as useContext$1, useLayoutEffect, forwardRef, useMemo, useImperativeHandle, memo } from "react";
-import Taro, { useReady } from "@tarojs/taro";
+import Taro, { useReady, nextTick, createSelectorQuery } from "@tarojs/taro";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { createPortal, unstable_batchedUpdates } from "react-dom";
+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) {
@@ -46,7 +61,7 @@ classname_production_min.cn = e$1, classname_production_min.withNaming = r$1;
   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",
@@ -74,7 +89,7 @@ function Icon$1(props) {
     onClick,
     ...rest
   } = {
-    ...defaultProps$1o,
+    ...defaultProps$1q,
     ...props
   };
   const isImage = name ? name.indexOf("/") !== -1 : false;
@@ -108,13 +123,13 @@ function Icon$1(props) {
     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: "",
@@ -146,9 +161,11 @@ const Button$1 = (props) => {
     onClick,
     className,
     style,
+    iconClassPrefix,
+    iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$1n,
+    ...defaultProps$1p,
     ...props
   };
   const getStyle = useCallback(() => {
@@ -216,16 +233,16 @@ const Button$1 = (props) => {
     className: "nut-button__warp",
     style: getStyle()
   }, loading && /* @__PURE__ */ React__default.createElement(Icon$1, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     name: "loading"
   }), !loading && icon ? /* @__PURE__ */ React__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) {
@@ -996,7 +1013,7 @@ var reactIs_production_min = {};
  * 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;
@@ -1443,7 +1460,7 @@ var useContext = React__default.useContext;
 function useHistory() {
   return useContext(historyContext);
 }
-const defaultProps$1m = {
+const defaultProps$1o = {
   ...ComponentDefaults,
   title: null,
   subTitle: null,
@@ -1482,9 +1499,11 @@ const Cell = (props) => {
     className,
     iconSlot,
     linkSlot,
+    iconClassPrefix,
+    iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$1m,
+    ...defaultProps$1o,
     ...props
   };
   const b2 = cn("cell");
@@ -1519,8 +1538,8 @@ const Cell = (props) => {
   }, children || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, icon || iconSlot ? /* @__PURE__ */ React__default.createElement("div", {
     className: b2("icon")
   }, iconSlot || (icon ? /* @__PURE__ */ React__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.createElement("div", {
@@ -1535,15 +1554,15 @@ const Cell = (props) => {
     }),
     style: styles
   }, desc) : null, !linkSlot && (isLink || to2) ? /* @__PURE__ */ React__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,
@@ -1552,7 +1571,7 @@ const defaultProps$1l = {
 };
 const CellGroup = (props) => {
   const { children, classPrefix, title, desc, titleSlot, descSlot } = {
-    ...defaultProps$1l,
+    ...defaultProps$1n,
     ...props
   };
   const b2 = cn("cell-group");
@@ -1566,13 +1585,13 @@ const CellGroup = (props) => {
     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(module) {
   (function() {
@@ -1594,14 +1613,14 @@ var classnames = { exports: {} };
             }
           }
         } 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);
+            }
           }
         }
       }
@@ -2119,7 +2138,7 @@ CSSTransition.defaultProps = {
 };
 CSSTransition.propTypes = {};
 var CSSTransition$1 = CSSTransition;
-const defaultProps$1k = {
+const defaultProps$1m = {
   ...ComponentDefaults,
   position: "center",
   transition: "",
@@ -2177,7 +2196,9 @@ const Popup = (props) => {
     onClickCloseIcon,
     onOpened,
     onClosed,
-    onClick
+    onClick,
+    iconClassPrefix,
+    iconFontClassName
   } = props;
   const [index2, setIndex] = useState(zIndex || _zIndex);
   const [innerVisible, setInnerVisible] = useState(visible);
@@ -2276,8 +2297,8 @@ const Popup = (props) => {
       className: closeClasses,
       onClick: onHandleClickCloseIcon
     }, /* @__PURE__ */ React__default.createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: closeIcon,
       size: "12px"
     })) : ""));
@@ -2303,7 +2324,7 @@ const Popup = (props) => {
   }, [position]);
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderToContainer(teleport, renderNode()));
 };
-Popup.defaultProps = defaultProps$1k;
+Popup.defaultProps = defaultProps$1m;
 Popup.displayName = "NutPopup";
 const zhCN = {
   save: "\u4FDD\u5B58",
@@ -2430,7 +2451,7 @@ const zhCN = {
     completeText: "\u5237\u65B0\u6210\u529F"
   }
 };
-const defaultProps$1j = {
+const defaultProps$1l = {
   locale: zhCN
 };
 const defaultConfigRef$1 = {
@@ -2447,7 +2468,7 @@ const useConfig$1 = () => {
 };
 const ConfigContext$1 = 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.createElement(ConfigContext$1.Provider, {
     value: {
@@ -2456,25 +2477,25 @@ const ConfigProvider = (props) => {
     }
   }, 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.createElement("div", {
     className: "nut-layout"
   }, "Layout");
 };
-Layout.defaultProps = defaultProps$1i;
+Layout.defaultProps = defaultProps$1k;
 Layout.displayName = "NutLayout";
 const DataContext$2 = 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] = useState("");
   const [colStyle, setColStyle] = useState({});
   const { gutter } = useContext$1(DataContext$2);
@@ -2500,9 +2521,9 @@ const Col = (props) => {
     }
   }, children);
 };
-Col.defaultProps = defaultProps$1h;
+Col.defaultProps = defaultProps$1j;
 Col.displayName = "NutCol";
-const defaultProps$1g = {
+const defaultProps$1i = {
   type: "",
   justify: "start",
   align: "flex-start",
@@ -2511,7 +2532,7 @@ const defaultProps$1g = {
 };
 const Row = (props) => {
   const { children, type, justify, align, wrap, gutter, onClick } = {
-    ...defaultProps$1g,
+    ...defaultProps$1i,
     ...props
   };
   const prefixCls = "nut-row";
@@ -2545,9 +2566,9 @@ const Row = (props) => {
     children
   ));
 };
-Row.defaultProps = defaultProps$1g;
+Row.defaultProps = defaultProps$1i;
 Row.displayName = "NutRow";
-const defaultProps$1f = {
+const defaultProps$1h = {
   contentPosition: "center",
   dashed: false,
   hairline: true,
@@ -2564,7 +2585,7 @@ const Divider = (props) => {
     direction,
     ...rest
   } = {
-    ...defaultProps$1f,
+    ...defaultProps$1h,
     ...props
   };
   const dividerBem = cn("divider");
@@ -2585,9 +2606,9 @@ const Divider = (props) => {
     ...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,
@@ -2614,7 +2635,7 @@ const Grid = (props) => {
     iconColor,
     className,
     ...rest
-  } = { ...defaultProps$1e, ...props };
+  } = { ...defaultProps$1g, ...props };
   const childrenDom = React__default.Children.toArray(children);
   const pxCheck2 = (value) => {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
@@ -2653,9 +2674,9 @@ const Grid = (props) => {
     });
   }));
 };
-Grid.defaultProps = defaultProps$1e;
+Grid.defaultProps = defaultProps$1g;
 Grid.displayName = "NutGrid";
-const defaultProps$1d = {
+const defaultProps$1f = {
   ...ComponentDefaults,
   text: "",
   icon: "",
@@ -2689,8 +2710,13 @@ const GridItem = (props) => {
     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`;
@@ -2723,8 +2749,8 @@ const GridItem = (props) => {
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: contentClass()
   }, icon && isIconName() ? /* @__PURE__ */ React__default.createElement(Icon$1, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     name: icon,
     size: iconSize || parentIconSize,
     color: iconColor || parentIconColor
@@ -2732,9 +2758,32 @@ const GridItem = (props) => {
     className: "nut-grid-item__text"
   }, text), children && /* @__PURE__ */ React__default.createElement(React__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 = useContext$1(ConfigContext)) != null ? _a : getDefaultConfig();
+};
+const ConfigContext = createContext(null);
+const defaultProps$1e = {};
+const Sticky = (props) => {
+  useConfig();
+  ({ ...defaultProps$1e, ...props });
+  return /* @__PURE__ */ React__default.createElement("div", {
+    className: "nut-sticky"
+  }, "Sticky");
+};
+Sticky.defaultProps = defaultProps$1e;
+Sticky.displayName = "NutSticky";
+const defaultProps$1d = {
   ...ComponentDefaults,
   title: "",
   desc: "",
@@ -2766,9 +2815,11 @@ const NavBar = (props) => {
     onClickTitle,
     onClickIcon,
     onClickBack,
-    onClickRight
+    onClickRight,
+    iconClassPrefix,
+    iconFontClassName
   } = {
-    ...defaultProps$1c,
+    ...defaultProps$1d,
     ...props
   };
   const b2 = cn("navbar");
@@ -2791,8 +2842,8 @@ const NavBar = (props) => {
       className: `${b2("left")}`,
       onClick: (e2) => onClickBack(e2)
     }, leftShow && /* @__PURE__ */ React__default.createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: "left",
       color: "#979797"
     }), leftText && /* @__PURE__ */ React__default.createElement("div", {
@@ -2808,8 +2859,8 @@ const NavBar = (props) => {
     }, title), titIcon && /* @__PURE__ */ React__default.createElement("div", {
       onClick: (e2) => onClickIcon(e2)
     }, /* @__PURE__ */ React__default.createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: titIcon
     })), slot.content);
   };
@@ -2837,9 +2888,9 @@ const NavBar = (props) => {
     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: "",
@@ -2865,8 +2916,13 @@ const FixedNav = (props) => {
     type,
     slotList,
     slotBtn,
+    iconClassPrefix,
+    iconFontClassName,
     ...rest
-  } = { ...defaultProps$1b, ...props };
+  } = {
+    ...defaultProps$1c,
+    ...props
+  };
   const b2 = cn("fixednav");
   const classes = classNames(
     {
@@ -2911,17 +2967,17 @@ const FixedNav = (props) => {
     className: "nut-fixednav__btn",
     onClick: () => onUpdateValue()
   }, slotBtn || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Icon$1, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     name: "left",
     color: "#fff"
   }), /* @__PURE__ */ React__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,
@@ -2946,7 +3002,7 @@ const Tabbar = (props) => {
     style,
     tabSwitch
   } = {
-    ...defaultProps$1a,
+    ...defaultProps$1b,
     ...props
   };
   const b2 = cn("tabbar");
@@ -2981,9 +3037,9 @@ const Tabbar = (props) => {
     return React__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: "",
@@ -3014,9 +3070,11 @@ const TabbarItem = (props) => {
     activeColor,
     unactiveColor,
     index: index2,
-    handleClick: handleClick2
+    handleClick: handleClick2,
+    iconClassPrefix,
+    iconFontClassName
   } = {
-    ...defaultProps$19,
+    ...defaultProps$1a,
     ...props
   };
   const b2 = cn("tabbar-item");
@@ -3048,8 +3106,8 @@ const TabbarItem = (props) => {
   }, "99+")) : /* @__PURE__ */ React__default.createElement("div", {
     className: `${bIcon("dot")}`
   }), icon && /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Icon$1, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     size,
     name: icon
   })), /* @__PURE__ */ React__default.createElement("div", {
@@ -3161,10 +3219,14 @@ function capitalize(string) {
     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) {
@@ -3190,6 +3252,13 @@ function toDomEventType(device, action = "") {
 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$;
@@ -3419,6 +3488,8 @@ class Engine {
       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 {
@@ -3448,8 +3519,8 @@ class Engine {
       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) {
@@ -3506,23 +3577,16 @@ class Engine {
     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) {
@@ -3543,13 +3607,25 @@ class CoordinatesEngine extends Engine {
   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;
+      }
     }
   }
 }
@@ -3559,6 +3635,9 @@ const commonConfigResolver = {
   enabled(value = true) {
     return value;
   },
+  eventOptions(value, _k, config2) {
+    return _objectSpread2(_objectSpread2({}, config2.shared.eventOptions), value);
+  },
   preventDefault(value = false) {
     return value;
   },
@@ -3590,6 +3669,7 @@ const commonConfigResolver = {
     return V.toVector(value, 0);
   }
 };
+const DEFAULT_AXIS_THRESHOLD = 0;
 const coordinatesConfigResolver = _objectSpread2(_objectSpread2({}, commonConfigResolver), {}, {
   axis(_v, _k, {
     axis
@@ -3598,6 +3678,9 @@ const coordinatesConfigResolver = _objectSpread2(_objectSpread2({}, commonConfig
     if (!this.lockDirection)
       return axis;
   },
+  axisThreshold(value = DEFAULT_AXIS_THRESHOLD) {
+    return value;
+  },
   bounds(value = {}) {
     if (typeof value === "function") {
       return (state) => coordinatesConfigResolver.bounds(value(state));
@@ -3681,11 +3764,11 @@ class DragEngine extends CoordinatesEngine {
     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);
@@ -3693,10 +3776,15 @@ class DragEngine extends CoordinatesEngine {
     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);
     }
@@ -3728,13 +3816,13 @@ class DragEngine extends CoordinatesEngine {
     }
     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;
@@ -3762,7 +3850,7 @@ class DragEngine extends CoordinatesEngine {
     }
     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)
@@ -3791,14 +3879,14 @@ class DragEngine extends CoordinatesEngine {
     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();
     }
@@ -3819,29 +3907,29 @@ class DragEngine extends CoordinatesEngine {
     }
   }
   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);
@@ -3865,8 +3953,10 @@ class DragEngine extends CoordinatesEngine {
       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,
@@ -3911,6 +4001,11 @@ const DEFAULT_DRAG_DELAY = 180;
 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: {
@@ -3930,15 +4025,13 @@ const dragConfigResolver = _objectSpread2(_objectSpread2({}, coordinatesConfigRe
       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: {
@@ -3949,6 +4042,9 @@ const dragConfigResolver = _objectSpread2(_objectSpread2({}, coordinatesConfigRe
     this.pointerButtons = buttons;
     return !this.pointerLock && this.device === "pointer" && capture;
   },
+  keys(value = true) {
+    return value;
+  },
   threshold(value, _k, {
     filterTaps = false,
     tapsThreshold = 3,
@@ -3979,10 +4075,15 @@ const dragConfigResolver = _objectSpread2(_objectSpread2({}, coordinatesConfigRe
       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);
@@ -4021,19 +4122,22 @@ class PinchEngine extends Engine {
     } = 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;
     }
   }
@@ -4184,7 +4288,8 @@ class PinchEngine extends Engine {
     this.emit();
   }
   wheel(event) {
-    if (!event.ctrlKey)
+    const modifierKey = this.config.modifierKey;
+    if (modifierKey && !event[modifierKey])
       return;
     if (!this.state._active)
       this.wheelStart(event);
@@ -4224,11 +4329,10 @@ class PinchEngine extends Engine {
       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), {}, {
@@ -4276,6 +4380,11 @@ const pinchConfigResolver = _objectSpread2(_objectSpread2({}, commonConfigResolv
     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 {
@@ -4583,19 +4692,27 @@ function parse(config2, gestureKey) {
   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 {
@@ -4639,11 +4756,13 @@ class Controller$1 {
   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) {
@@ -4667,7 +4786,6 @@ class Controller$1 {
   }
   bind(...args) {
     const sharedConfig = this.config.shared;
-    const eventOptions = sharedConfig.eventOptions;
     const props = {};
     let target;
     if (sharedConfig.target) {
@@ -4675,16 +4793,18 @@ class Controller$1 {
       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);
@@ -4710,7 +4830,7 @@ class Controller$1 {
 }
 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) {
@@ -4801,26 +4921,26 @@ function useRecognizers(handlers, config2 = {}, gestureKey, nativeHandlers) {
   }
   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);
@@ -5463,7 +5583,7 @@ function findRange(input, inputRange) {
   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) {
@@ -5876,7 +5996,7 @@ function getAnimatedType(value) {
   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) {
@@ -5995,7 +6115,7 @@ const createHost = (components, {
 };
 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) {
@@ -6628,6 +6748,7 @@ class SpringValue extends FrameValue {
         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) {
@@ -6649,11 +6770,10 @@ class SpringValue extends FrameValue {
           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);
@@ -7996,7 +8116,7 @@ const host = createHost(primitives, {
 });
 const animated = host.animated;
 const elevatorContext$1 = createContext({});
-const defaultProps$18 = {
+const defaultProps$19 = {
   height: "200px",
   acceptKey: "title",
   indexList: [],
@@ -8019,7 +8139,7 @@ const Elevator$1 = (props) => {
     children,
     ...rest
   } = {
-    ...defaultProps$18,
+    ...defaultProps$19,
     ...props
   };
   const b2 = cn("elevator");
@@ -8207,9 +8327,9 @@ const Elevator$1 = (props) => {
     }, 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: "",
@@ -8226,7 +8346,7 @@ const defaultProps$17 = {
 };
 const Pagination = (props) => {
   const { locale } = useConfig$1();
-  ({ ...defaultProps$17, ...props });
+  ({ ...defaultProps$18, ...props });
   const {
     modelValue,
     mode,
@@ -8343,7 +8463,7 @@ const Pagination = (props) => {
     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() {
@@ -8353,7 +8473,7 @@ class Title {
     this.index = 0;
   }
 }
-const defaultProps$16 = {
+const defaultProps$17 = {
   ...ComponentDefaults,
   value: 0,
   color: "",
@@ -8388,23 +8508,28 @@ const Tabs = (props) => {
     onChange,
     className,
     autoHeight,
+    iconClassPrefix,
+    iconFontClassName,
     ...rest
-  } = { ...defaultProps$16, ...props };
+  } = {
+    ...defaultProps$17,
+    ...props
+  };
   const [currentItem, setCurrentItem] = useState({ index: 0 });
   const titles = useRef([]);
   useEffect(() => {
     let currentIndex = 0;
     titles.current = [];
     React__default.Children.forEach(children, (child, idx) => {
-      var _a, _b, _c, _d, _e;
       if (!React__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;
@@ -8470,8 +8595,8 @@ const Tabs = (props) => {
       className: `${b2("")}__titles-item__smile`,
       style: tabsActiveStyle
     }, /* @__PURE__ */ React__default.createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       color,
       name: "joy-smile"
     })), /* @__PURE__ */ React__default.createElement("div", {
@@ -8503,9 +8628,9 @@ const Tabs = (props) => {
     return React__default.cloneElement(child, childProps);
   })));
 };
-Tabs.defaultProps = defaultProps$16;
+Tabs.defaultProps = defaultProps$17;
 Tabs.displayName = "NutTabs";
-const defaultProps$15 = {
+const defaultProps$16 = {
   title: "",
   paneKey: "",
   activeKey: "",
@@ -8513,7 +8638,7 @@ const defaultProps$15 = {
 };
 const TabPane = (props) => {
   const { children, paneKey, activeKey, autoHeightClassName } = {
-    ...defaultProps$15,
+    ...defaultProps$16,
     ...props
   };
   const b2 = cn("tabpane");
@@ -8528,7 +8653,7 @@ const TabPane = (props) => {
     className: classes
   }, children);
 };
-const defaultProps$14 = {
+const defaultProps$15 = {
   size: 3,
   current: 1,
   block: false,
@@ -8548,7 +8673,7 @@ const Indicator = (props) => {
     vertical,
     ...rest
   } = {
-    ...defaultProps$14,
+    ...defaultProps$15,
     ...props
   };
   const b2 = cn("indicator");
@@ -8582,7 +8707,7 @@ const Indicator = (props) => {
     ...rest
   }, renderEles());
 };
-Indicator.defaultProps = defaultProps$14;
+Indicator.defaultProps = defaultProps$15;
 Indicator.displayName = "NutIndicator";
 const handleClick = (e2) => {
   e2.stopPropagation();
@@ -8598,7 +8723,7 @@ const handleClick = (e2) => {
   }
 };
 const OffsetContext = createContext(20);
-const defaultProps$13 = {
+const defaultProps$14 = {
   showhead: false,
   position: "left",
   width: "80%"
@@ -8616,7 +8741,7 @@ const SideNavBar = (props) => {
     handleClose,
     ...rest
   } = {
-    ...defaultProps$13,
+    ...defaultProps$14,
     ...props
   };
   const offset = props.offset ? Number(props.offset) : 20;
@@ -8644,14 +8769,14 @@ const SideNavBar = (props) => {
     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 = useContext$1(OffsetContext);
@@ -8722,7 +8847,7 @@ const SideNavBarItem = (props) => {
     ...rest
   }, title);
 };
-const defaultProps$11 = {
+const defaultProps$12 = {
   ...ComponentDefaults,
   className: "",
   style: {},
@@ -8741,9 +8866,11 @@ const Menu = (props) => {
     closeOnClickOverlay,
     children,
     activeColor,
+    iconClassPrefix,
+    iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$11,
+    ...defaultProps$12,
     ...props
   };
   const parentRef = useRef(null);
@@ -8830,17 +8957,17 @@ const Menu = (props) => {
     }, /* @__PURE__ */ React__default.createElement("div", {
       className: "nut-menu__title-text"
     }, finallyTitle()), /* @__PURE__ */ React__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: {},
@@ -8855,7 +8982,7 @@ const defaultProps$10 = {
 };
 const MenuItem = (props) => {
   useConfig$1();
-  const mergedProps = { ...defaultProps$10, ...props };
+  const mergedProps = { ...defaultProps$11, ...props };
   const {
     className,
     style,
@@ -8863,16 +8990,16 @@ const MenuItem = (props) => {
     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;
@@ -8906,13 +9033,12 @@ const MenuItem = (props) => {
     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
       });
     });
   };
@@ -8979,8 +9105,8 @@ const MenuItem = (props) => {
         handleClick2(item);
       }
     }, item.value === _value ? /* @__PURE__ */ React__default.createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       className: getIconCName(item.value, value),
       name: optionsIcon,
       color: activeColor
@@ -8992,7 +9118,7 @@ const MenuItem = (props) => {
     }, item.text));
   }), children))));
 };
-MenuItem.defaultProps = defaultProps$10;
+MenuItem.defaultProps = defaultProps$11;
 MenuItem.displayName = "NutMenuItem";
 const MIN_DISTANCE = 10;
 function getDirection(x2, y2) {
@@ -9092,7 +9218,7 @@ const getRectByTaro = async (element) => {
   const res = await element.getBoundingClientRect();
   return res;
 };
-const defaultProps$$ = {
+const defaultProps$10 = {
   name: "",
   size: "",
   classPrefix: "nut-icon",
@@ -9120,7 +9246,7 @@ function Icon(props) {
     onClick,
     ...rest
   } = {
-    ...defaultProps$$,
+    ...defaultProps$10,
     ...props
   };
   const isImage = name ? name.indexOf("/") !== -1 : false;
@@ -9154,230 +9280,144 @@ function Icon(props) {
     children
   );
 }
-Icon.defaultProps = defaultProps$$;
+Icon.defaultProps = defaultProps$10;
 Icon.displayName = "NutIcon";
-let createRoot;
-try {
-  const mainVersion = Number((ReactDOM.version || "").split(".")[0]);
-  if (mainVersion >= 18 && ReactDOM.createRoot) {
-    createRoot = ReactDOM.createRoot;
-  }
-} catch (e2) {
-  console.log(e2);
-}
-function legacyRender(node, container) {
-  ReactDOM.render(node, container);
-}
-function concurrentRender(node, container) {
-  const root = ReactDOM.createRoot(container);
-  root.render(node);
-}
-function render(node, container) {
-  if (createRoot) {
-    concurrentRender(node, container);
-    return;
-  }
-  legacyRender(node, container);
-}
-class Notification$1 extends React.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] = useState(false);
+  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.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
-      className: `${toastBem()} ${classes}`,
-      id: `toast-${id}`,
-      style: {
-        bottom: center ? "auto" : `${bottom}`,
-        backgroundColor: cover ? coverColor : "",
-        ...style
-      },
-      onClick: () => {
-        this.clickCover();
-      }
-    }, /* @__PURE__ */ React.createElement("div", {
-      className: toastBem("inner"),
-      style: {
-        textAlign: textAlignCenter ? "center" : "left",
-        backgroundColor: bgColor
-      }
-    }, icon ? /* @__PURE__ */ React.createElement("p", {
-      className: toastBem("icon-wrapper")
-    }, /* @__PURE__ */ React.createElement(Icon, {
-      name: icon || "",
-      color: "#ffffff",
-      size: iconSize
-    })) : null, title ? /* @__PURE__ */ React.createElement("div", {
-      className: "nut-toast-title"
-    }, title) : null, /* @__PURE__ */ React.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.unmountComponentAtNode(element);
-        element && element.parentNode && element.parentNode.removeChild(element);
-      }
-    });
-  }
-  render(/* @__PURE__ */ React.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.createElement(React__default.Fragment, null, openState ? /* @__PURE__ */ React__default.createElement("div", {
+    className: `${toastBem()} ${classes}`,
+    id,
+    style: {
+      bottom: center ? "auto" : `${bottom}`,
+      backgroundColor: cover ? coverColor : "",
+      ...style
+    },
+    onClick: () => {
+      clickCover();
     }
-  }
-};
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: toastBem("inner"),
+    style: {
+      textAlign: textAlignCenter ? "center" : "left",
+      backgroundColor: bgColor
+    }
+  }, hasIcon() ? /* @__PURE__ */ React__default.createElement("p", {
+    className: toastBem("icon-wrapper")
+  }, /* @__PURE__ */ React__default.createElement(Icon, {
+    name: iconName(),
+    color: "#ffffff",
+    size: iconSize
+  })) : null, title ? /* @__PURE__ */ React__default.createElement("div", {
+    className: "nut-toast-title"
+  }, title) : null, /* @__PURE__ */ React__default.createElement("span", {
+    className: toastBem("text")
+  }, msg))) : null);
+};
+Toast.defaultProps = defaultProps$$;
+Toast.displayName = "NutInput";
 const defaultProps$_ = {
   range: false,
   hiddenRange: false,
@@ -9420,11 +9460,17 @@ const Range = (props) => {
   const touch = useTouch();
   const root = useRef(null);
   const [marksList, SetMarksList] = useState([]);
+  const [show, SetShow] = useState(false);
+  const [toastMsg, SetToastMsg] = useState("");
+  const toastShow = (msg) => {
+    SetToastMsg(msg);
+    SetShow(true);
+  };
   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);
@@ -9743,7 +9789,14 @@ const Range = (props) => {
     className: "number"
   }, curValue()) : null)))), !hiddenRange ? /* @__PURE__ */ React__default.createElement("div", {
     className: "max"
-  }, +max) : null);
+  }, +max) : null, /* @__PURE__ */ React__default.createElement(Toast, {
+    type: "text",
+    visible: show,
+    msg: toastMsg,
+    onClose: () => {
+      SetShow(false);
+    }
+  }));
 };
 Range.defaultProps = defaultProps$_;
 Range.displayName = "NutRange";
@@ -10472,7 +10525,10 @@ const defaultProps$W = {
   }
 };
 const Checkbox = (props) => {
-  const { children } = { ...defaultProps$W, ...props };
+  const { children } = {
+    ...defaultProps$W,
+    ...props
+  };
   const b2 = cn("checkbox");
   const {
     iconName,
@@ -10513,8 +10569,8 @@ const Checkbox = (props) => {
   };
   const renderIcon = () => {
     return /* @__PURE__ */ React__default.createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: getIconName(),
       size: iconSize,
       className: color()
@@ -10811,7 +10867,7 @@ const InternalPicker = (props, ref) => {
   const [refs, setRefs] = useRefs();
   const [columnsList, setColumnsList] = useState([]);
   const b2 = cn("picker");
-  let isConfirmEvent = useRef(false);
+  const isConfirmEvent = useRef(false);
   useEffect(() => {
     if (defaultValueData && defaultValueData.length !== 0 && defaultValueData.toString() !== chooseValueData.toString()) {
       const data = [...defaultValueData];
@@ -11333,6 +11389,8 @@ const InputNumber = (props) => {
     overlimit,
     blur,
     focus,
+    iconClassPrefix,
+    iconFontClassName,
     ...restProps
   } = {
     ...defaultProps$U,
@@ -11437,8 +11495,8 @@ const InputNumber = (props) => {
     style: styles,
     ...restProps
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     className: iconMinusClasses,
     size: buttonSize,
     name: "minus",
@@ -11455,8 +11513,8 @@ const InputNumber = (props) => {
     onBlur: burValue,
     onFocus: focusValue
   }), /* @__PURE__ */ React__default.createElement(Icon$1, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     className: iconAddClasses,
     size: buttonSize,
     name: "plus",
@@ -11572,8 +11630,13 @@ const Input = (props) => {
     clickLeftIcon,
     clickRightIcon,
     click,
+    iconClassPrefix,
+    iconFontClassName,
     ...rest
-  } = { ...defaultProps$T, ...props };
+  } = {
+    ...defaultProps$T,
+    ...props
+  };
   locale.placeholder = placeholder || locale.placeholder;
   const [inputValue, SetInputValue] = useState("");
   const [active, SetActive] = useState(false);
@@ -11701,8 +11764,8 @@ const Input = (props) => {
       onClickLeftIcon(e2);
     }
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     name: leftIcon,
     size: leftIconSize
   })) : null, /* @__PURE__ */ React__default.createElement("div", {
@@ -11760,8 +11823,8 @@ const Input = (props) => {
       onInput(e2);
     }
   }), clearable && !readonly && active && inputValue.length > 0 ? /* @__PURE__ */ React__default.createElement(Icon$1, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     className: "nut-input-clear",
     name: clearIcon,
     size: clearSize,
@@ -11774,8 +11837,8 @@ const Input = (props) => {
       onClickRightIcon(e2);
     }
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     name: rightIcon,
     size: rightIconSize
   })) : null, slotButton ? /* @__PURE__ */ React__default.createElement("div", {
@@ -11860,7 +11923,10 @@ const defaultProps$R = {
   }
 };
 const Radio = (props) => {
-  const { children } = { ...defaultProps$R, ...props };
+  const { children } = {
+    ...defaultProps$R,
+    ...props
+  };
   const {
     className,
     disabled,
@@ -11872,6 +11938,8 @@ const Radio = (props) => {
     iconActiveName,
     iconSize,
     onChange,
+    iconClassPrefix,
+    iconFontClassName,
     ...rest
   } = props;
   const componentName = "nut-radio";
@@ -11906,8 +11974,8 @@ const Radio = (props) => {
   const renderIcon = () => {
     const { iconName: iconName2, iconSize: iconSize2, iconActiveName: iconActiveName2 } = props;
     return /* @__PURE__ */ React__default.createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: checkedStatement ? iconActiveName2 : iconName2,
       size: iconSize2,
       className: color()
@@ -11968,8 +12036,13 @@ const Rate = (props) => {
     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] = useState([1, 2, 3, 4, 5]);
@@ -12018,15 +12091,15 @@ const Rate = (props) => {
       onClick: (event) => onClick(event, n2),
       style: { marginRight: pxCheck2(spacing) }
     }, /* @__PURE__ */ React__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.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,
@@ -12082,6 +12155,8 @@ const ShortPassword = (props) => {
     onCancel,
     onClose,
     onComplete,
+    iconClassPrefix,
+    iconFontClassName,
     ...reset
   } = props;
   const b2 = cn("shortpassword");
@@ -12186,8 +12261,8 @@ const ShortPassword = (props) => {
   }, errorMsg2), tips || locale.shortpassword.tips ? /* @__PURE__ */ React__default.createElement("div", {
     className: b2("message__forget")
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     className: "icon",
     size: "11px",
     name: "tips"
@@ -12302,138 +12377,306 @@ const TextArea = (props) => {
 };
 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.createElement("div", {
+    className: `${classes} ${className}`,
+    style,
+    ...rest
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: classesOuter,
+    style: stylesOuter
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: classesInner,
+    style: stylesInner
+  }, showText && textInside && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children ? /* @__PURE__ */ React__default.createElement("div", {
+    className: classesInsideText,
+    style: stylesInsideIcon
+  }, children) : /* @__PURE__ */ React__default.createElement("div", {
+    className: classesInsideText,
+    style: stylesInsideText
+  }, /* @__PURE__ */ React__default.createElement("span", {
+    className: classesTextInner,
+    style: { color: textColor || "#fff" }
+  }, percentage, isShowPercentage ? "%" : ""))))), showText && !textInside && /* @__PURE__ */ React__default.createElement("div", {
+    className: classesText,
+    style: stylesText
+  }, textType === "text" && /* @__PURE__ */ React__default.createElement("span", {
+    className: classesTextInner,
+    style: { color: textColor || "#333" }
+  }, percentage, isShowPercentage ? "%" : ""), textType === "icon" && /* @__PURE__ */ React__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] = useState([]);
   const [uploadQueue, setUploadQueue] = useState([]);
   useEffect(() => {
-    console.log("defaultFileList", defaultFileList);
     if (defaultFileList) {
       setFileList(defaultFileList);
     }
@@ -12443,7 +12686,7 @@ const InternalUploader = (props, ref) => {
   useImperativeHandle(ref, () => ({
     submit: () => {
       Promise.all(uploadQueue).then((res) => {
-        res.forEach((i) => i.upload());
+        res.forEach((i) => i.uploadTaro(Taro.uploadFile, Taro.getEnv()));
       });
     }
   }));
@@ -12455,21 +12698,29 @@ const InternalUploader = (props, ref) => {
       setUploadQueue([]);
     }
   };
-  const clearInputValue = (el) => {
-    el.value = "";
+  const chooseImage = () => {
+    if (disabled) {
+      return;
+    }
+    Taro.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) => {
@@ -12481,7 +12732,7 @@ const InternalUploader = (props, ref) => {
         });
         return [...fileList2];
       });
-      start2 && start2(option);
+      onStart && onStart(option);
     };
     uploadOption.onProgress = (e2, option) => {
       setFileList((fileList2) => {
@@ -12489,15 +12740,16 @@ const InternalUploader = (props, ref) => {
           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";
@@ -12506,7 +12758,7 @@ const InternalUploader = (props, ref) => {
         });
         return [...fileList2];
       });
-      success && success({
+      onSuccess && onSuccess({
         responseText,
         option
       });
@@ -12521,14 +12773,14 @@ const InternalUploader = (props, ref) => {
         });
         return [...fileList2];
       });
-      failure && failure({
+      onFailure && onFailure({
         responseText,
         option
       });
     };
     const task = new Upload(uploadOption);
     if (props.autoUpload) {
-      task.upload();
+      task.uploadTaro(Taro.uploadFile, Taro.getEnv());
     } else {
       uploadQueue.push(
         new Promise((resolve, reject) => {
@@ -12539,111 +12791,95 @@ const InternalUploader = (props, ref) => {
     }
   };
   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.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.createElement("div", {
     className: classes,
     ...restProps
   }, children && /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-uploader__slot"
-  }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children, maximum > fileList.length && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, capture ? /* @__PURE__ */ React__default.createElement("input", {
+  }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children, maximum > fileList.length && /* @__PURE__ */ React__default.createElement(Button$1, {
     className: "nut-uploader__input",
-    type: "file",
-    capture: "user",
-    name,
-    accept,
-    disabled,
-    multiple,
-    onChange: fileChange
-  }) : /* @__PURE__ */ React__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.createElement("div", {
       className: `nut-uploader__preview ${listType}`,
       key: item.uid
@@ -12655,20 +12891,20 @@ const InternalUploader = (props, ref) => {
       className: "nut-uploader__preview__progress__msg"
     }, item.message)) : item.status !== "success" && /* @__PURE__ */ React__default.createElement("div", {
       className: "nut-uploader__preview__progress"
-    }, /* @__PURE__ */ React__default.createElement(Icon, {
+    }, /* @__PURE__ */ React__default.createElement(Icon$1, {
       classPrefix: props.iconClassPrefix,
       fontClassName: props.iconFontClassName,
       color: "#fff",
       name: `${item.status == "error" ? "failure" : "loading"}`
     }), /* @__PURE__ */ React__default.createElement("div", {
       className: "nut-uploader__preview__progress__msg"
-    }, item.message)), isDeletable && /* @__PURE__ */ React__default.createElement(Icon, {
+    }, item.message)), isDeletable && /* @__PURE__ */ React__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.createElement(React__default.Fragment, null, item.url && /* @__PURE__ */ React__default.createElement("img", {
       className: "nut-uploader__preview-img__c",
       src: item.url,
@@ -12682,7 +12918,7 @@ const InternalUploader = (props, ref) => {
     }, /* @__PURE__ */ React__default.createElement("div", {
       onClick: () => handleItemClick(item),
       className: "nut-uploader__preview-img__file__name"
-    }, /* @__PURE__ */ React__default.createElement(Icon, {
+    }, /* @__PURE__ */ React__default.createElement(Icon$1, {
       classPrefix: props.iconClassPrefix,
       fontClassName: props.iconFontClassName,
       color: "#808080",
@@ -12694,49 +12930,40 @@ const InternalUploader = (props, ref) => {
     }, /* @__PURE__ */ React__default.createElement("div", {
       className: `nut-uploader__preview-img__file__name ${item.status}`,
       onClick: () => handleItemClick(item)
-    }, /* @__PURE__ */ React__default.createElement(Icon, {
+    }, /* @__PURE__ */ React__default.createElement(Icon$1, {
       classPrefix: props.iconClassPrefix,
       fontClassName: props.iconFontClassName,
       name: "link"
-    }), "\xA0", item.name), /* @__PURE__ */ React__default.createElement(Icon, {
+    }), "\xA0", item.name), /* @__PURE__ */ React__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.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.createElement("div", {
     className: `nut-uploader__upload ${listType}`
-  }, /* @__PURE__ */ React__default.createElement(Icon, {
+  }, /* @__PURE__ */ React__default.createElement(Icon$1, {
     classPrefix: props.iconClassPrefix,
     fontClassName: props.iconFontClassName,
     size: uploadIconSize,
     color: "#808080",
     name: uploadIcon
-  }), capture ? /* @__PURE__ */ React__default.createElement("input", {
-    className: "nut-uploader__input",
-    type: "file",
-    capture: "user",
-    name,
-    accept,
-    disabled,
-    multiple,
-    onChange: fileChange
-  }) : /* @__PURE__ */ React__default.createElement("input", {
+  }), /* @__PURE__ */ React__default.createElement(Button$1, {
     className: "nut-uploader__input",
-    type: "file",
-    name,
-    accept,
-    disabled,
-    multiple,
-    onChange: fileChange
+    onClick: chooseImage
   })));
 };
 const Uploader = React__default.forwardRef(InternalUploader);
-Uploader.defaultProps = defaultProps$N;
+Uploader.defaultProps = defaultProps$M;
 Uploader.displayName = "NutUploader";
-const defaultProps$M = {
+const defaultProps$L = {
   data: {
     text: "",
     value: "",
@@ -12751,7 +12978,7 @@ const defaultProps$M = {
 };
 const InternalCascaderItem = (props) => {
   const { data, checked, chooseItem } = {
-    ...defaultProps$M,
+    ...defaultProps$L,
     ...props
   };
   const b2 = cn("cascader-item");
@@ -12787,7 +13014,7 @@ const InternalCascaderItem = (props) => {
   }));
 };
 const CascaderItem = React__default.forwardRef(InternalCascaderItem);
-CascaderItem.defaultProps = defaultProps$M;
+CascaderItem.defaultProps = defaultProps$L;
 CascaderItem.displayName = "NutCascaderItem";
 const formatTree = (tree, parent, config2) => tree.map((node) => {
   const {
@@ -12921,7 +13148,7 @@ class Tree {
     return pathNodes;
   }
 }
-const defaultProps$L = {
+const defaultProps$K = {
   className: "",
   style: {},
   visible: false,
@@ -12966,7 +13193,7 @@ const InternalCascader = (props) => {
     onClose,
     onChange,
     onPathChange
-  } = { ...defaultProps$L, ...props };
+  } = { ...defaultProps$K, ...props };
   const [tabvalue, setTabvalue] = useState("c1");
   const [optiosData, setOptiosData] = useState([]);
   const isLazy = () => state.configs.lazy && Boolean(state.configs.lazyLoad);
@@ -13222,9 +13449,9 @@ const InternalCascader = (props) => {
   })))));
 };
 const Cascader = React__default.forwardRef(InternalCascader);
-Cascader.defaultProps = defaultProps$L;
+Cascader.defaultProps = defaultProps$K;
 Cascader.displayName = "NutCascader";
-const defaultProps$K = {
+const defaultProps$J = {
   ...ComponentDefaults,
   placeholder: "",
   shape: "square",
@@ -13270,9 +13497,11 @@ const SearchBar = (props) => {
     onClickLeftinIcon,
     onClickLeftoutIcon,
     onClickRightinIcon,
-    onClickRightoutIcon
+    onClickRightoutIcon,
+    iconClassPrefix,
+    iconFontClassName
   } = {
-    ...defaultProps$K,
+    ...defaultProps$J,
     ...props
   };
   const alignClass = `${align}`;
@@ -13370,8 +13599,8 @@ const SearchBar = (props) => {
       className: `${searchbarBem("clear")} ${rightinIcon ? "pos-right" : ""}`,
       onClick: (e2) => clearaVal(e2)
     }, /* @__PURE__ */ React__default.createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: "circle-close",
       size: "12",
       color: "#555"
@@ -13411,9 +13640,9 @@ const SearchBar = (props) => {
     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,
@@ -13611,9 +13840,9 @@ const NumberKeyboard = (props) => {
     })
   }, 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",
@@ -13647,7 +13876,7 @@ const ActionSheet = (props) => {
     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";
@@ -13691,9 +13920,9 @@ const ActionSheet = (props) => {
     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,
@@ -13715,9 +13944,11 @@ const BackTop = (props) => {
     className,
     duration,
     style,
-    onClick
+    onClick,
+    iconClassPrefix,
+    iconFontClassName
   } = {
-    ...defaultProps$H,
+    ...defaultProps$G,
     ...props
   };
   const [backTop, SetBackTop] = useState(false);
@@ -13801,16 +14032,16 @@ const BackTop = (props) => {
       goTop(e2);
     }
   }, children || /* @__PURE__ */ React__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: {
@@ -13823,7 +14054,7 @@ const defaultProps$G = {
 };
 const Drag = (props) => {
   const { attract, direction, boundary, children, className, style, ...reset } = {
-    ...defaultProps$G,
+    ...defaultProps$F,
     ...props
   };
   const b2 = cn("drag");
@@ -13885,7 +14116,7 @@ const Drag = (props) => {
     ...bind()
   }, children));
 };
-Drag.defaultProps = defaultProps$G;
+Drag.defaultProps = defaultProps$F;
 Drag.displayName = "NutDrag";
 const Content = (props) => {
   const {
@@ -13984,7 +14215,7 @@ const DialogWrapper = (props) => {
   }));
 };
 DialogWrapper.displayName = "NutDialogWrapper";
-const defaultProps$F = {
+const defaultProps$E = {
   ...ComponentDefaults,
   className: "",
   color: "",
@@ -14016,9 +14247,11 @@ const Button = (props) => {
     onClick,
     className,
     style,
+    iconClassPrefix,
+    iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$F,
+    ...defaultProps$E,
     ...props
   };
   const getStyle = useCallback(() => {
@@ -14086,18 +14319,18 @@ const Button = (props) => {
     className: "nut-button__warp",
     style: getStyle()
   }, loading && /* @__PURE__ */ React__default.createElement(Icon, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     name: "loading"
   }), !loading && icon ? /* @__PURE__ */ React__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,
@@ -14188,7 +14421,7 @@ Dialog$1.confirm = (props) => {
     });
   };
 });
-Dialog$1.defaultProps = defaultProps$E;
+Dialog$1.defaultProps = defaultProps$D;
 Dialog$1.displayName = "NutDialog";
 function ConfirmDialog(props) {
   return /* @__PURE__ */ React__default.createElement(Dialog$1, {
@@ -14286,7 +14519,7 @@ function confirm(config2, renderFunc) {
     update: update2
   };
 }
-const defaultProps$D = {
+const defaultProps$C = {
   okText: "",
   cancelText: "",
   mask: true,
@@ -14377,15 +14610,18 @@ Dialog.confirm = (props) => {
     });
   };
 });
-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",
@@ -14398,10 +14634,8 @@ const Infiniteloading = (props) => {
   const {
     children,
     hasMore,
-    threshold,
+    upperThreshold,
     containerId,
-    useWindow,
-    useCapture,
     isOpenRefresh,
     pullIcon,
     pullTxt,
@@ -14409,144 +14643,118 @@ const Infiniteloading = (props) => {
     loadTxt,
     loadMoreTxt,
     className,
-    refresh,
-    loadMore,
-    scrollChange,
-    ...restProps
+    onRefresh,
+    onLoadMore,
+    onScrollChange,
+    iconClassPrefix,
+    iconFontClassName
   } = {
-    ...defaultProps$C,
+    ...defaultProps$B,
     ...props
   };
   const [isInfiniting, setIsInfiniting] = useState(false);
-  const scroller = useRef(null);
+  const [topDisScoll, setTopDisScoll] = useState(0);
   const refreshTop = useRef(null);
-  const scrollEl = useRef(window);
+  const scrollHeight = useRef(0);
+  const scrollTop = useRef(0);
+  const direction = useRef("down");
   const isTouching = useRef(false);
-  const beforeScrollTop = useRef(0);
-  const refreshMaxH = useRef(0);
   const y2 = useRef(0);
+  const refreshMaxH = useRef(0);
   const distance = useRef(0);
   const b2 = cn("infiniteloading");
   const classes = classNames(className, b2());
   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]);
-  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.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.createElement("div", {
+  return /* @__PURE__ */ React__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.createElement("div", {
     className: "nut-infinite-top",
     ref: refreshTop,
@@ -14554,31 +14762,60 @@ const Infiniteloading = (props) => {
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "top-box"
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     className: "top-img",
     name: pullIcon
   }), /* @__PURE__ */ React__default.createElement("span", {
     className: "top-text"
-  }, locale.infiniteloading.pullRefreshText || pullTxt))), /* @__PURE__ */ React__default.createElement("div", {
+  }, pullTxt || locale.infiniteloading.pullRefreshText))), /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-infinite-container"
   }, children), /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-infinite-bottom"
   }, isInfiniting ? /* @__PURE__ */ React__default.createElement("div", {
     className: "bottom-box"
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     className: "bottom-img",
     name: loadIcon
   }), /* @__PURE__ */ React__default.createElement("div", {
     className: "bottom-text"
-  }, locale.infiniteloading.loadText || loadTxt)) : !hasMore && /* @__PURE__ */ React__default.createElement("div", {
+  }, loadTxt || locale.infiniteloading.loadText)) : !hasMore && /* @__PURE__ */ React__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;
+const reactDOMClone = {
+  ...ReactDOM
+};
+try {
+  const mainVersion = Number((version || "").split(".")[0]);
+  if (mainVersion >= 18) {
+    createRoot = reactDOMClone.createRoot;
+  }
+} catch (e2) {
+  console.log(e2);
+}
+function legacyRender(node, container) {
+  ReactDOM.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.PureComponent {
   constructor(props) {
     super(props);
@@ -14754,7 +14991,7 @@ var Notify = {
     }
   }
 };
-const defaultProps$B = {
+const defaultProps$A = {
   isAsync: false,
   checked: false,
   disable: false,
@@ -14777,7 +15014,7 @@ const Switch = (props) => {
     className,
     style
   } = {
-    ...defaultProps$B,
+    ...defaultProps$A,
     ...props
   };
   const [value, setValue] = useState(false);
@@ -14817,7 +15054,7 @@ const Switch = (props) => {
     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) {
@@ -14827,7 +15064,7 @@ function preventDefault(event, isStopPropagation) {
     event.stopPropagation();
   }
 }
-const defaultProps$A = {
+const defaultProps$z = {
   name: "",
   leftWidth: 0,
   rightWidth: 0
@@ -14835,7 +15072,7 @@ const defaultProps$A = {
 const Swipe = 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 = useRef();
   const opened = useRef(false);
   const lockClick = useRef(false);
@@ -15001,7 +15238,7 @@ const Swipe = forwardRef((props, instanceRef) => {
     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;
@@ -15060,7 +15297,7 @@ if (canUseDom) {
     console.log(e2);
   }
 }
-const defaultProps$z = {
+const defaultProps$y = {
   pullingText: "",
   canReleaseText: "",
   refreshingText: "",
@@ -15075,7 +15312,7 @@ const defaultProps$z = {
 const PullToRefresh = (p2) => {
   const { locale } = useConfig$1();
   const props = {
-    ...defaultProps$z,
+    ...defaultProps$y,
     ...p2,
     ...{
       pullingText: p2.pullingText || locale.pullToRefresh.pullingText,
@@ -15214,19 +15451,18 @@ const PullToRefresh = (p2) => {
     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,
@@ -15240,38 +15476,55 @@ const CircleProgress = (props) => {
     strokeLinecap,
     ...restProps
   } = {
-    ...defaultProps$y,
+    ...defaultProps$x,
     ...props
   };
+  const [oldValue, setOldValue] = 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`
+  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(
@@ -15289,46 +15542,54 @@ const CircleProgress = (props) => {
     });
     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.createElement("div", {
     className: classes,
     style: styles,
     ...restProps
-  }, /* @__PURE__ */ React__default.createElement("svg", {
-    viewBox: "0 0 100 100"
-  }, /* @__PURE__ */ React__default.createElement("defs", null, /* @__PURE__ */ React__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.createElement("stop", {
-      key: index2,
-      offset: item.key,
-      stopColor: item.value
-    });
-  }))), /* @__PURE__ */ React__default.createElement("path", {
-    className: "nut-circleprogress-path",
-    style: pathStyle,
-    d: path(),
-    fill: "none",
-    strokeWidth
-  }), /* @__PURE__ */ React__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.createElement("div", {
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    style: circleStyle()
+  }), /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-circleprogress-text"
   }, children || /* @__PURE__ */ React__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: [],
@@ -15366,8 +15627,13 @@ const NoticeBar = (props) => {
     speed,
     rightIcon,
     close,
-    click
-  } = { ...defaultProps$x, ...props };
+    click,
+    iconClassPrefix,
+    iconFontClassName
+  } = {
+    ...defaultProps$w,
+    ...props
+  };
   const wrap = useRef(null);
   const content = useRef(null);
   const [showNoticeBar, SetShowNoticeBar] = useState(true);
@@ -15560,8 +15826,8 @@ const NoticeBar = (props) => {
     className: "left-icon",
     style: { backgroundImage: `url(${iconBg() || ""})` }
   }, !iconBg() ? /* @__PURE__ */ React__default.createElement(Icon$1, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     name: "notice",
     size: "16",
     color
@@ -15577,8 +15843,8 @@ const NoticeBar = (props) => {
     className: "right-icon",
     onClick: onClickIcon
   }, /* @__PURE__ */ React__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.createElement("div", {
@@ -15607,23 +15873,23 @@ const NoticeBar = (props) => {
       handleClickIcon();
     }
   }, rightIcon || (closeMode ? /* @__PURE__ */ React__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 = 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,
@@ -15656,9 +15922,9 @@ const Steps = (props) => {
     children
   ));
 };
-Steps.defaultProps = defaultProps$w;
+Steps.defaultProps = defaultProps$v;
 Steps.displayName = "NutSteps";
-const defaultProps$v = {
+const defaultProps$u = {
   ...ComponentDefaults,
   title: "",
   content: "",
@@ -15678,9 +15944,11 @@ const Step = (props) => {
     size,
     className,
     renderContent,
+    iconClassPrefix,
+    iconFontClassName,
     ...restProps
   } = {
-    ...defaultProps$v,
+    ...defaultProps$u,
     ...props
   };
   const parent = useContext$1(DataContext$1);
@@ -15725,8 +15993,8 @@ const Step = (props) => {
   }), /* @__PURE__ */ React__default.createElement("div", {
     className: renderIconClass()
   }, icon ? /* @__PURE__ */ React__default.createElement(Icon$1, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     className: "nut-step-icon-inner",
     color: iconColor,
     name: icon,
@@ -15743,10 +16011,10 @@ const Step = (props) => {
     className: "nut-step-content"
   }, renderContent())));
 };
-Step.defaultProps = defaultProps$v;
+Step.defaultProps = defaultProps$u;
 Step.displayName = "NutStep";
 const DataContext = createContext({});
-const defaultProps$u = {
+const defaultProps$t = {
   width: typeof window === "object" ? window.innerWidth : 375,
   height: 0,
   duration: 500,
@@ -15764,7 +16032,7 @@ const defaultProps$u = {
 };
 const DISTANCE = 5;
 const Swiper = React__default.forwardRef((props, ref) => {
-  const propSwiper = { ...defaultProps$u, ...props };
+  const propSwiper = { ...defaultProps$t, ...props };
   const {
     children,
     direction,
@@ -16070,7 +16338,7 @@ const Swiper = React__default.forwardRef((props, ref) => {
   }, [active]);
   const queryRect = (element) => {
     return new Promise((resolve) => {
-      const query = Taro.createSelectorQuery();
+      const query = createSelectorQuery();
       query.select(`#${element.id}`) && query.select(`#${element.id}`).boundingClientRect();
       query.exec(function(res) {
         resolve(res[0]);
@@ -16123,7 +16391,7 @@ const Swiper = React__default.forwardRef((props, ref) => {
     };
   }, []);
   useReady(() => {
-    Taro.nextTick(() => {
+    nextTick(() => {
       init();
     });
   });
@@ -16151,7 +16419,7 @@ const Swiper = React__default.forwardRef((props, ref) => {
     className: `${classes} ${className}`,
     ref: container,
     ...rest,
-    id: "container-" + refRandomId,
+    id: `container-${refRandomId}`,
     onTouchStart,
     onTouchMove,
     onTouchEnd,
@@ -16183,13 +16451,13 @@ const Swiper = React__default.forwardRef((props, ref) => {
     });
   })) : /* @__PURE__ */ React__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.forwardRef((props, ref) => {
-  const _props = { ...defaultProps$t, ...props };
+  const _props = { ...defaultProps$s, ...props };
   const { children, direction, size } = _props;
   const parent = useContext$1(DataContext);
   const b2 = cn("swiper-item");
@@ -16208,10 +16476,10 @@ const SwiperItem = React__default.forwardRef((props, ref) => {
     style: style()
   }, children);
 });
-SwiperItem.defaultProps = defaultProps$t;
+SwiperItem.defaultProps = defaultProps$s;
 SwiperItem.displayName = "NutSwiperItem";
 const AvatarContext = createContext({});
-const defaultProps$s = {
+const defaultProps$r = {
   ...ComponentDefaults,
   size: "",
   icon: "",
@@ -16237,9 +16505,11 @@ const Avatar = (props) => {
     style,
     activeAvatar,
     onError,
+    iconClassPrefix,
+    iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$s,
+    ...defaultProps$r,
     ...props
   };
   const [maxSum, setMaxSum] = useState(0);
@@ -16316,8 +16586,8 @@ const Avatar = (props) => {
     alt,
     onError: errorEvent
   }), icon && /* @__PURE__ */ React__default.createElement(Icon$1, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     className: "icon",
     name: iconStyles
   }), children && /* @__PURE__ */ React__default.createElement("span", {
@@ -16326,22 +16596,9 @@ const Avatar = (props) => {
     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 = useContext$1(ConfigContext)) != null ? _a : getDefaultConfig();
-};
-const ConfigContext = createContext(null);
-const defaultProps$r = {
+const defaultProps$q = {
   maxContent: "",
   maxCount: "",
   maxBgColor: "#eee",
@@ -16353,7 +16610,7 @@ const defaultProps$r = {
 };
 const AvatarGroup = (props) => {
   useConfig();
-  const propAvatarGroup = { ...defaultProps$r, ...props };
+  const propAvatarGroup = { ...defaultProps$q, ...props };
   const { className, style, children } = propAvatarGroup;
   const avatarGroupRef = useRef(null);
   const b2 = cn("avatar-group");
@@ -16370,9 +16627,9 @@ const AvatarGroup = (props) => {
     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;",
@@ -16390,7 +16647,7 @@ const Price = (props) => {
     className,
     ...rest
   } = {
-    ...defaultProps$q,
+    ...defaultProps$p,
     ...props
   };
   const b2 = cn("price");
@@ -16453,9 +16710,9 @@ const Price = (props) => {
     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,
@@ -16467,8 +16724,18 @@ const defaultProps$p = {
   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() {
@@ -16494,8 +16761,8 @@ const Badge = (props) => {
   }, icons !== "" && /* @__PURE__ */ React__default.createElement("div", {
     className: "slot-icons"
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     className: "_icon",
     name: icons,
     color: "#ffffff",
@@ -16505,9 +16772,9 @@ const Badge = (props) => {
     style: getStyle()
   }, content()));
 };
-Badge.defaultProps = defaultProps$p;
+Badge.defaultProps = defaultProps$o;
 Badge.displayName = "NutBadge";
-const defaultProps$o = {
+const defaultProps$n = {
   ...ComponentDefaults,
   type: "default",
   color: "",
@@ -16534,9 +16801,11 @@ const Tag = (props) => {
     closeable,
     textColor,
     onClick,
-    onClose
+    onClose,
+    iconClassPrefix,
+    iconFontClassName
   } = {
-    ...defaultProps$o,
+    ...defaultProps$n,
     ...props
   };
   const [btnName, setBtnName] = useState("");
@@ -16591,8 +16860,8 @@ const Tag = (props) => {
   }, children && /* @__PURE__ */ React__default.createElement("span", {
     className: "text"
   }, children), /* @__PURE__ */ React__default.createElement(Icon$1, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     className: "_icon",
     name: "close",
     size: "12",
@@ -16610,7 +16879,7 @@ const Tag = (props) => {
     className: "text"
   }, children)));
 };
-Tag.defaultProps = defaultProps$o;
+Tag.defaultProps = defaultProps$n;
 Tag.displayName = "NutTag";
 function fillRef(ref, node) {
   if (typeof ref === "function") {
@@ -16654,7 +16923,7 @@ class Trigger extends React__default.Component {
     return trigger;
   }
 }
-const defaultProps$n = {
+const defaultProps$m = {
   ...ComponentDefaults,
   list: [],
   theme: "light",
@@ -16679,9 +16948,11 @@ const Popover = (props) => {
     style,
     onClick,
     onChoose,
+    iconClassPrefix,
+    iconFontClassName,
     ...reset
   } = {
-    ...defaultProps$n,
+    ...defaultProps$m,
     ...props
   };
   const goodItem = useRef(null);
@@ -16763,8 +17034,8 @@ const Popover = (props) => {
         handleChoose(item, i);
       }
     }, item.icon ? /* @__PURE__ */ React__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.createElement("div", {
@@ -16776,9 +17047,9 @@ const Popover = (props) => {
     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,
@@ -16806,7 +17077,7 @@ const Skeleton = (props) => {
     avatarShape,
     ...restProps
   } = {
-    ...defaultProps$m,
+    ...defaultProps$l,
     ...props
   };
   const b2 = cn("skeleton");
@@ -16861,9 +17132,9 @@ const Skeleton = (props) => {
     });
   })))));
 };
-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(),
@@ -16890,7 +17161,7 @@ const InternalCountDown = (props, ref) => {
     onUpdate,
     children,
     ...rest
-  } = { ...defaultProps$l, ...props };
+  } = { ...defaultProps$k, ...props };
   const b2 = cn("countdown");
   const [restTimeStamp, setRestTime] = useState(0);
   const stateRef = useRef({
@@ -17086,9 +17357,9 @@ const InternalCountDown = (props, ref) => {
   }));
 };
 const CountDown = React__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: "",
@@ -17111,7 +17382,7 @@ const Collapse = memo(
       iconColor,
       change
     } = {
-      ...defaultProps$k,
+      ...defaultProps$j,
       ...props
     };
     const childrenDom = React__default.Children.toArray(children);
@@ -17168,9 +17439,9 @@ const Collapse = memo(
   },
   areEqual
 );
-Collapse.defaultProps = defaultProps$k;
+Collapse.defaultProps = defaultProps$j;
 Collapse.displayName = "NutCollapse";
-const defaultProps$j = {
+const defaultProps$i = {
   ...ComponentDefaults,
   title: "",
   name: "",
@@ -17184,7 +17455,8 @@ const defaultProps$j = {
   titleIcon: "",
   titleIconColor: "",
   titleIconPosition: "",
-  titleIconSize: ""
+  titleIconSize: "",
+  childnull: true
 };
 const CollapseItem = (props) => {
   const {
@@ -17203,9 +17475,12 @@ const CollapseItem = (props) => {
     titleIconSize,
     iconSize,
     iconColor,
+    childnull,
+    iconClassPrefix,
+    iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$j,
+    ...defaultProps$i,
     ...props
   };
   const [domHeight, setDomHeight] = useState(-1);
@@ -17251,16 +17526,16 @@ const CollapseItem = (props) => {
   }, titleIcon && titleIconPosition === "left" && /* @__PURE__ */ React__default.createElement("b", {
     className: colBem("title-icon-left")
   }, /* @__PURE__ */ React__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.createElement("b", {
     className: colBem("title-icon-right")
   }, /* @__PURE__ */ React__default.createElement(Icon, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     name: titleIcon,
     size: titleIconSize,
     color: disabled ? "#C2C2C2" : titleIconColor
@@ -17272,12 +17547,12 @@ const CollapseItem = (props) => {
     className: colBem("icon"),
     style: iconStyle
   }, /* @__PURE__ */ React__default.createElement(Icon, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     name: icon,
     size: iconSize,
     color: disabled ? "#C2C2C2" : iconColor
-  })))), /* @__PURE__ */ React__default.createElement("div", {
+  })))), childnull && /* @__PURE__ */ React__default.createElement("div", {
     className: colBem("content"),
     style: { height: currHeight },
     ref: measuredRef
@@ -17285,9 +17560,9 @@ const CollapseItem = (props) => {
     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,
@@ -17305,7 +17580,7 @@ const CountUp = (props) => {
     thousands,
     ...reset
   } = {
-    ...defaultProps$i,
+    ...defaultProps$h,
     ...props
   };
   const b2 = cn("countup");
@@ -17374,9 +17649,9 @@ const CountUp = (props) => {
     }, item));
   })));
 };
-CountUp.defaultProps = defaultProps$i;
+CountUp.defaultProps = defaultProps$h;
 CountUp.displayName = "NutCountUp";
-const defaultProps$h = {};
+const defaultProps$g = {};
 class AnimatingNumbers extends Component {
   constructor(props) {
     super(props);
@@ -17388,7 +17663,7 @@ class AnimatingNumbers extends Component {
     });
   }
 }
-AnimatingNumbers.defaultProps = defaultProps$h;
+AnimatingNumbers.defaultProps = defaultProps$g;
 AnimatingNumbers.displayName = "NutAnimatingNumbers";
 AnimatingNumbers.CountUp = CountUp;
 const defaultStatus = {
@@ -17396,7 +17671,7 @@ const defaultStatus = {
   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: "",
@@ -17404,9 +17679,9 @@ const defaultProps$g = {
 };
 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] = useState({});
@@ -17448,7 +17723,7 @@ const Empty = (props) => {
     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;
@@ -17561,7 +17836,7 @@ const updateItemSize = (positions, items, sizeKey) => {
     }
   });
 };
-const defaultProps$f = {};
+const defaultProps$e = {};
 const VirtualList = (props) => {
   const {
     sourceData = [],
@@ -17720,9 +17995,9 @@ const VirtualList = (props) => {
     }) : data);
   }))));
 };
-VirtualList.defaultProps = defaultProps$f;
+VirtualList.defaultProps = defaultProps$e;
 VirtualList.displayName = "NutVirtualList";
-const defaultProps$e = {
+const defaultProps$d = {
   ...ComponentDefaults,
   className: "",
   style: {},
@@ -17734,7 +18009,7 @@ const defaultProps$e = {
 };
 const Table = (props) => {
   const { locale } = useConfig$1();
-  defaultProps$e.noData = locale.noData;
+  defaultProps$d.noData = locale.noData;
   const {
     children,
     className,
@@ -17746,9 +18021,11 @@ const Table = (props) => {
     striped,
     noData,
     onSorter,
+    iconClassPrefix,
+    iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$e,
+    ...defaultProps$d,
     ...props
   };
   const [curData, setCurData] = useState(data);
@@ -17789,8 +18066,8 @@ const Table = (props) => {
         key: item.key,
         onClick: () => handleSorterClick(item)
       }, item.title, item.sorter && /* @__PURE__ */ React__default.createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         name: "down-arrow",
         size: "12px"
       }));
@@ -17846,9 +18123,9 @@ const Table = (props) => {
     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: ""
@@ -17873,7 +18150,7 @@ const Video = (props) => {
     playend,
     ...restProps
   } = {
-    ...defaultProps$d,
+    ...defaultProps$c,
     ...props
   };
   const rootRef = useRef(null);
@@ -17927,152 +18204,29 @@ const Video = (props) => {
     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.createElement("div", {
-    className: `${classes} ${className}`,
-    style,
-    ...rest
-  }, /* @__PURE__ */ React__default.createElement("div", {
-    className: classesOuter,
-    style: stylesOuter
-  }, /* @__PURE__ */ React__default.createElement("div", {
-    className: classesInner,
-    style: stylesInner
-  }, showText && textInside && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children ? /* @__PURE__ */ React__default.createElement("div", {
-    className: classesInsideText,
-    style: stylesInsideIcon
-  }, children) : /* @__PURE__ */ React__default.createElement("div", {
-    className: classesInsideText,
-    style: stylesInsideText
-  }, /* @__PURE__ */ React__default.createElement("span", {
-    className: classesTextInner,
-    style: { color: textColor || "#fff" }
-  }, percentage, isShowPercentage ? "%" : ""))))), showText && !textInside && /* @__PURE__ */ React__default.createElement("div", {
-    className: classesText,
-    style: stylesText
-  }, textType === "text" && /* @__PURE__ */ React__default.createElement("span", {
-    className: classesTextInner,
-    style: { color: textColor || "#333" }
-  }, percentage, isShowPercentage ? "%" : ""), textType === "icon" && /* @__PURE__ */ React__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) => {
@@ -18081,130 +18235,134 @@ const Audio = (props) => {
     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] = useState(false);
+  const [totalSeconds, setTotalSeconds] = useState(0);
   const [percent, setPercent] = useState(0);
   const [isCanPlay, setIsCanPlay] = useState(false);
   const [currentDuration, setCurrentDuration] = useState("00:00:00");
-  const AudioRef = useRef(null);
   const statusRef = 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 = useRef(Taro.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;
   }
-  useEffect(() => {
-    watch();
-  }, []);
-  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.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
-      className: b2("icon")
+      className: b("icon")
     }, /* @__PURE__ */ React__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.createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: "service",
       className: "nut-icon-loading"
     }) : /* @__PURE__ */ React__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.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
-      className: b2("progress")
+      className: b("progress")
     }, /* @__PURE__ */ React__default.createElement("div", {
       className: "time"
     }, currentDuration), /* @__PURE__ */ React__default.createElement("div", {
-      className: b2("progress-bar-wrapper")
+      className: b("progress-bar-wrapper")
     }, /* @__PURE__ */ React__default.createElement(Range, {
       modelValue: percent,
       hiddenTag: true,
@@ -18213,7 +18371,7 @@ const Audio = (props) => {
       "active-color": "#fa2c19"
     })), /* @__PURE__ */ React__default.createElement("div", {
       className: "time"
-    }, AudioRef.current ? formatSeconds(`${statusRef.current.second}`) : "00:00:00")), /* @__PURE__ */ React__default.createElement("div", {
+    }, formatSeconds(`${totalSeconds}`) || "00:00:00")), /* @__PURE__ */ React__default.createElement("div", {
       className: isCanPlay ? "custom-button-group" : "custom-button-group-disable"
     }, /* @__PURE__ */ React__default.createElement(Button$1, {
       type: "primary",
@@ -18229,15 +18387,11 @@ const Audio = (props) => {
       type: "primary",
       size: "small",
       onClick: handleForward
-    }, locale.audio.forward || "\u5FEB\u8FDB"), /* @__PURE__ */ React__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.createElement("div", {
-      className: b2("none-container"),
+      className: b("none-container"),
       onClick: handleStatusChange
     }, children);
   };
@@ -18253,43 +18407,11 @@ const Audio = (props) => {
         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.createElement("div", {
-    className: `${b2()} ${className}`,
+    className: `${b()} ${className}`,
     style,
     ...rest
-  }, renderAudio(), /* @__PURE__ */ React__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.createElement("track", {
-    kind: "captions"
-  })));
+  }, renderAudio());
 };
 Audio.defaultProps = defaultProps$b;
 Audio.displayName = "NutAudio";
@@ -19106,8 +19228,13 @@ const Address = (props) => {
     onTabChecked,
     style,
     className,
+    iconClassPrefix,
+    iconFontClassName,
     ...rest
-  } = { ...defaultProps$6, ...props };
+  } = {
+    ...defaultProps$6,
+    ...props
+  };
   const b2 = cn("address");
   const [privateType, setPrivateType] = useState(type);
   const [tabName] = useState(["province", "city", "country", "town"]);
@@ -19200,8 +19327,8 @@ const Address = (props) => {
       className: "arrow-back",
       onClick: onSwitchModule
     }, privateType === "custom" && backBtnIcon && /* @__PURE__ */ React__default.createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: backBtnIcon,
       color: "#cccccc"
     })), /* @__PURE__ */ React__default.createElement("div", {
@@ -19209,8 +19336,8 @@ const Address = (props) => {
     }, privateType === "custom" ? locale.address.selectRegion || customAddressTitle : locale.address.deliveryTo || existAddressTitle), /* @__PURE__ */ React__default.createElement("div", {
       onClick: () => handClose()
     }, closeBtnIcon && /* @__PURE__ */ React__default.createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: closeBtnIcon,
       color: "#cccccc",
       size: "18px"
@@ -19287,7 +19414,6 @@ const InternalBarrage = (props, ref) => {
   };
   const barrageBody = useRef(null);
   const barrageContainer = useRef(null);
-  const barrageCWidth = useRef(0);
   const timer = useRef(0);
   const index2 = useRef(0);
   const b2 = cn("barrage");
@@ -19299,10 +19425,7 @@ const InternalBarrage = (props, ref) => {
     }
   }));
   useEffect(() => {
-    if (barrageBody.current) {
-      barrageCWidth.current = barrageBody.current.offsetWidth;
-      run();
-    }
+    run();
     return () => {
       clearInterval(timer.current);
     };
@@ -19321,12 +19444,11 @@ const InternalBarrage = (props, ref) => {
     el.classList.add("barrage-item");
     barrageContainer.current.appendChild(el);
     Taro.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);
@@ -19729,4 +19851,4 @@ const TimeSelect = (props) => {
 };
 TimeSelect.defaultProps = defaultProps;
 TimeSelect.displayName = "NutTimeSelect";
-export { ActionSheet, Address, AnimatingNumbers, Audio, Avatar, AvatarGroup, BackTop, Badge, Barrage, Button$1 as Button, Calendar, CalendarItem, Card, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, ConfigProvider, CountDown, DatePicker, Dialog, Divider, Drag, Elevator$1 as Elevator, Empty, FixedNav, Grid, GridItem, Icon$1 as Icon, ImagePreview, Indicator, Infiniteloading, Input, InputNumber, Layout, Menu, MenuItem, NavBar, NoticeBar, Notify, NumberKeyboard, Overlay, Pagination, Picker, Popover, Popup, Price, Progress, PullToRefresh, Radio, RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, SideNavBar, SideNavBarItem, Signature, Skeleton, Step, Steps, SubSideNavBar, Swipe, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Table, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, Toast, Uploader, Video, VirtualList };
+export { ActionSheet, Address, AnimatingNumbers, Audio, Avatar, AvatarGroup, BackTop, Badge, Barrage, Button$1 as Button, Calendar, CalendarItem, Card, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, ConfigProvider, CountDown, DatePicker, Dialog, Divider, Drag, Elevator$1 as Elevator, Empty, FixedNav, Grid, GridItem, Icon$1 as Icon, ImagePreview, Indicator, Infiniteloading, Input, InputNumber, Layout, Menu, MenuItem, NavBar, NoticeBar, Notify, NumberKeyboard, Overlay, Pagination, Picker, Popover, Popup, Price, Progress, PullToRefresh, Radio, RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, SideNavBar, SideNavBarItem, Signature, Skeleton, Step, Steps, Sticky, SubSideNavBar, Swipe, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Table, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, Toast, Uploader, Video, VirtualList };