@nutui/nutui-react 1.3.3 → 1.3.4

package/dist/nutui.react.umd.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.3 Wed Sep 14 2022 14:14:07 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.3.4-beta.0 Wed Sep 21 2022 14:27:51 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -172,6 +172,8 @@
       onClick,
       className,
       style,
+      iconClassPrefix,
+      iconFontClassName,
       ...rest
     } = {
       ...defaultProps$1k,
@@ -242,12 +244,12 @@
       className: "nut-button__warp",
       style: getStyle()
     }, loading && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: "loading"
     }), !loading && icon ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: icon
     }) : "", children));
   };
@@ -1508,6 +1510,8 @@
       className,
       iconSlot,
       linkSlot,
+      iconClassPrefix,
+      iconFontClassName,
       ...rest
     } = {
       ...defaultProps$1j,
@@ -1541,8 +1545,8 @@
     }, children || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, icon || iconSlot ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("icon")
     }, iconSlot || (icon ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: icon,
       className: "icon"
     }) : null)) : null, title || subTitle ? /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -1557,8 +1561,8 @@
       }),
       style: styles
     }, desc) : null, !linkSlot && (isLink || to2) ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: "right",
       className: b2("link")
     }) : linkSlot));
@@ -1592,9 +1596,9 @@
   CellGroup.displayName = "NutCellGroup";
   var classnames = { exports: {} };
   /*!
-    Copyright (c) 2018 Jed Watson.
-    Licensed under the MIT License (MIT), see
-    http://jedwatson.github.io/classnames
+  	Copyright (c) 2018 Jed Watson.
+  	Licensed under the MIT License (MIT), see
+  	http://jedwatson.github.io/classnames
   */
   (function(module2) {
     (function() {
@@ -1616,14 +1620,14 @@
               }
             }
           } else if (argType === "object") {
-            if (arg.toString === Object.prototype.toString) {
-              for (var key in arg) {
-                if (hasOwn.call(arg, key) && arg[key]) {
-                  classes.push(key);
-                }
-              }
-            } else {
+            if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
               classes.push(arg.toString());
+              continue;
+            }
+            for (var key in arg) {
+              if (hasOwn.call(arg, key) && arg[key]) {
+                classes.push(key);
+              }
             }
           }
         }
@@ -2199,7 +2203,9 @@
       onClickCloseIcon,
       onOpened,
       onClosed,
-      onClick
+      onClick,
+      iconClassPrefix,
+      iconFontClassName
     } = props;
     const [index2, setIndex] = React.useState(zIndex || _zIndex);
     const [innerVisible, setInnerVisible] = React.useState(visible);
@@ -2298,8 +2304,8 @@
         className: closeClasses,
         onClick: onHandleClickCloseIcon
       }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         name: closeIcon,
         size: "12px"
       })) : ""));
@@ -2711,8 +2717,13 @@
       center,
       reverse,
       direction,
+      iconClassPrefix,
+      iconFontClassName,
       ...rest
-    } = { ...defaultProps$1a, ...props };
+    } = {
+      ...defaultProps$1a,
+      ...props
+    };
     const b2 = cn("grid-item");
     const pxCheck2 = (value) => {
       return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
@@ -2745,8 +2756,8 @@
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: contentClass()
     }, icon && isIconName() ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: icon,
       size: iconSize || parentIconSize,
       color: iconColor || parentIconColor
@@ -2756,6 +2767,218 @@
   };
   GridItem.defaultProps = defaultProps$1a;
   GridItem.displayName = "NutGridItem";
+  const canUseDom = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
+  const defaultRoot = canUseDom ? window : void 0;
+  const overflowStylePatterns = ["scroll", "auto", "overlay"];
+  function isElement(node) {
+    const ELEMENT_NODE_TYPE = 1;
+    return node.nodeType === ELEMENT_NODE_TYPE;
+  }
+  function getScrollParent(el, root = defaultRoot) {
+    let node = el;
+    while (node && node !== root && isElement(node)) {
+      if (node === document.body) {
+        return root;
+      }
+      const { overflowY } = window.getComputedStyle(node);
+      if (overflowStylePatterns.includes(overflowY) && node.scrollHeight > node.clientHeight) {
+        return node;
+      }
+      node = node.parentNode;
+    }
+    return root;
+  }
+  function isWindow(val) {
+    return val === window;
+  }
+  const getRect = (elementRef) => {
+    const element = elementRef;
+    if (isWindow(element)) {
+      const width = element.innerWidth;
+      const height = element.innerHeight;
+      return {
+        top: 0,
+        left: 0,
+        right: width,
+        bottom: height,
+        width,
+        height
+      };
+    }
+    if (element && element.getBoundingClientRect) {
+      return element.getBoundingClientRect();
+    }
+    return {
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      width: 0,
+      height: 0
+    };
+  };
+  function useWatch(dep, callback, config2 = { immediate: false }) {
+    const { immediate } = config2;
+    const prev = React.useRef();
+    const inited = React.useRef(false);
+    const stop2 = React.useRef(false);
+    React.useEffect(() => {
+      const execute = () => callback(prev.current);
+      if (!stop2.current) {
+        if (!inited.current) {
+          inited.current = true;
+          if (immediate) {
+            execute();
+          }
+        } else {
+          execute();
+        }
+        prev.current = dep;
+      }
+    }, [dep]);
+    return () => {
+      stop2.current = true;
+    };
+  }
+  const Sticky = (props) => {
+    const {
+      position = "top",
+      top = 0,
+      bottom = 0,
+      zIndex = 2e3,
+      children,
+      container,
+      className,
+      onChange,
+      ...rest
+    } = props;
+    const stickyRef = React.useRef(null);
+    const rootRef = React.useRef(null);
+    const offset = position === "top" ? top : bottom;
+    const [isFixed, setIsFixed] = React.useState(false);
+    const [stickyStyle, setStickyStyle] = React.useState({
+      [position]: `${offset}px`,
+      zIndex
+    });
+    const [rootStyle, setRootStyle] = React.useState({});
+    const getElement = React.useCallback(() => {
+      return getScrollParent(rootRef.current);
+    }, []);
+    React.useEffect(() => {
+      if (position === "top")
+        return;
+      const containerEle = container == null ? void 0 : container.current;
+      if (!rootRef.current && !containerEle)
+        return;
+      const rootRect = getRect(rootRef.current);
+      const containerRect = getRect(containerEle);
+      const clientHeight = document.documentElement.clientHeight;
+      const stCurrent = stickyRef.current;
+      const stickyRect = getRect(stCurrent);
+      let fixed = clientHeight - bottom < rootRect.bottom;
+      if (containerEle) {
+        fixed = containerRect.bottom > clientHeight - bottom - stickyRect.height && clientHeight - bottom - stickyRect.height > containerRect.top;
+      }
+      const defaultPostVal = fixed ? "fixed" : "inherit";
+      setStickyStyle((prev) => {
+        return {
+          ...prev,
+          position: defaultPostVal
+        };
+      });
+      setIsFixed(fixed);
+    }, [position, container, bottom]);
+    const handleScroll = React.useCallback(() => {
+      const containerEle = container == null ? void 0 : container.current;
+      if (!rootRef.current && !containerEle)
+        return;
+      const rootRect = getRect(rootRef.current);
+      const stCurrent = stickyRef.current;
+      const stickyRect = getRect(stCurrent);
+      const containerRect = getRect(containerEle);
+      if (rootRect.height) {
+        setRootStyle((prev) => {
+          return {
+            ...prev,
+            height: rootRect.height
+          };
+        });
+      }
+      if (position === "top") {
+        if (containerEle) {
+          const fixed = top > rootRect.top && containerRect.bottom > 0;
+          const positionVal = fixed ? "fixed" : "inherit";
+          const diff = containerRect.bottom - top - stickyRect.height;
+          const transform = diff < 0 ? diff : 0;
+          setStickyStyle((prev) => {
+            return {
+              ...prev,
+              position: positionVal,
+              transform: `translate3d(0, ${transform}px, 0)`
+            };
+          });
+          setIsFixed(fixed);
+        } else {
+          const fixed = top > rootRect.top;
+          const positionVal = fixed ? "fixed" : "inherit";
+          setStickyStyle((prev) => {
+            return {
+              ...prev,
+              position: positionVal
+            };
+          });
+          setIsFixed(fixed);
+        }
+      } else {
+        const clientHeight = document.documentElement.clientHeight;
+        if (containerEle) {
+          const fixed = containerRect.bottom > 0 && clientHeight - bottom - stickyRect.height > containerRect.top;
+          const positionVal = fixed ? "fixed" : "inherit";
+          const diff = containerRect.bottom - (clientHeight - bottom);
+          const transform = diff < 0 ? diff : 0;
+          setStickyStyle((prev) => {
+            return {
+              ...prev,
+              position: positionVal,
+              transform: `translate3d(0, ${transform}px, 0)`
+            };
+          });
+          setIsFixed(fixed);
+        } else {
+          const fixed = clientHeight - bottom < rootRect.bottom;
+          const positionVal = fixed ? "fixed" : "inherit";
+          setStickyStyle((prev) => {
+            return {
+              ...prev,
+              position: positionVal
+            };
+          });
+          setIsFixed(fixed);
+        }
+      }
+    }, [position, bottom, container, top]);
+    useWatch(isFixed, () => {
+      onChange && onChange(isFixed);
+    });
+    React.useEffect(() => {
+      const el = getElement();
+      el.addEventListener("scroll", handleScroll, false);
+      return () => {
+        el.removeEventListener("tap", handleScroll);
+      };
+    }, [getElement, handleScroll]);
+    return /* @__PURE__ */ React__default["default"].createElement("div", {
+      ref: rootRef,
+      style: rootStyle,
+      className: `nut-sticky ${className}`,
+      ...rest
+    }, /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: "nut-sticky-box",
+      ref: stickyRef,
+      style: stickyStyle
+    }, children));
+  };
+  Sticky.displayName = "NutSticky";
   const defaultProps$19 = {
     ...ComponentDefaults,
     title: "",
@@ -2788,7 +3011,9 @@
       onClickTitle,
       onClickIcon,
       onClickBack,
-      onClickRight
+      onClickRight,
+      iconClassPrefix,
+      iconFontClassName
     } = {
       ...defaultProps$19,
       ...props
@@ -2813,8 +3038,8 @@
         className: `${b2("left")}`,
         onClick: (e2) => onClickBack(e2)
       }, leftShow && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         name: "left",
         color: "#979797"
       }), leftText && /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -2830,8 +3055,8 @@
       }, title), titIcon && /* @__PURE__ */ React__default["default"].createElement("div", {
         onClick: (e2) => onClickIcon(e2)
       }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         name: titIcon
       })), slot.content);
     };
@@ -2887,8 +3112,13 @@
       type,
       slotList,
       slotBtn,
+      iconClassPrefix,
+      iconFontClassName,
       ...rest
-    } = { ...defaultProps$18, ...props };
+    } = {
+      ...defaultProps$18,
+      ...props
+    };
     const b2 = cn("fixednav");
     const classes = classNames(
       {
@@ -2933,8 +3163,8 @@
       className: "nut-fixednav__btn",
       onClick: () => onUpdateValue()
     }, slotBtn || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: "left",
       color: "#fff"
     }), /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -3036,7 +3266,9 @@
       activeColor,
       unactiveColor,
       index: index2,
-      handleClick: handleClick2
+      handleClick: handleClick2,
+      iconClassPrefix,
+      iconFontClassName
     } = {
       ...defaultProps$16,
       ...props
@@ -3070,8 +3302,8 @@
     }, "99+")) : /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `${bIcon("dot")}`
     }), icon && /* @__PURE__ */ React__default["default"].createElement("div", null, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       size,
       name: icon
     })), /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -3183,10 +3415,14 @@
       return "";
     return string[0].toUpperCase() + string.slice(1);
   }
+  const actionsWithoutCaptureSupported = ["enter", "leave"];
+  function hasCapture(capture = false, actionKey) {
+    return capture && !actionsWithoutCaptureSupported.includes(actionKey);
+  }
   function toHandlerProp(device, action = "", capture = false) {
     const deviceProps = EVENT_TYPE_MAP[device];
     const actionKey = deviceProps ? deviceProps[action] || action : action;
-    return "on" + capitalize(device) + capitalize(actionKey) + (capture ? "Capture" : "");
+    return "on" + capitalize(device) + capitalize(actionKey) + (hasCapture(capture, actionKey) ? "Capture" : "");
   }
   const pointerCaptureEvents = ["gotpointercapture", "lostpointercapture"];
   function parseProp(prop) {
@@ -3212,6 +3448,13 @@
   function isTouch(event) {
     return "touches" in event;
   }
+  function getPointerType(event) {
+    if (isTouch(event))
+      return "touch";
+    if ("pointerType" in event)
+      return event.pointerType;
+    return "mouse";
+  }
   function getCurrentTargetTouchList(event) {
     return Array.from(event.touches).filter((e2) => {
       var _event$currentTarget, _event$currentTarget$;
@@ -3441,6 +3684,8 @@
         const _absoluteDelta = state._delta.map(Math.abs);
         V.addTo(state._distance, _absoluteDelta);
       }
+      if (this.axisIntent)
+        this.axisIntent(event);
       const [_m0, _m1] = state._movement;
       const [t0, t1] = config2.threshold;
       const {
@@ -3470,8 +3715,8 @@
         movement[0] = _step[0] !== false ? _m0 - _step[0] : 0;
         movement[1] = _step[1] !== false ? _m1 - _step[1] : 0;
       }
-      if (this.intent)
-        this.intent(movement);
+      if (this.restrictToAxis && !state._blocked)
+        this.restrictToAxis(movement);
       const previousOffset = state.offset;
       const gestureIsActive = state._active && !state._blocked || state.active;
       if (gestureIsActive) {
@@ -3528,23 +3773,16 @@
       this.timeoutStore.clean();
     }
   }
-  function selectAxis([dx, dy]) {
-    const d2 = Math.abs(dx) - Math.abs(dy);
-    if (d2 > 0)
+  function selectAxis([dx, dy], threshold) {
+    const absDx = Math.abs(dx);
+    const absDy = Math.abs(dy);
+    if (absDx > absDy && absDx > threshold) {
       return "x";
-    if (d2 < 0)
+    }
+    if (absDy > absDx && absDy > threshold) {
       return "y";
-    return void 0;
-  }
-  function restrictVectorToAxis(v2, axis) {
-    switch (axis) {
-      case "x":
-        v2[1] = 0;
-        break;
-      case "y":
-        v2[0] = 0;
-        break;
     }
+    return void 0;
   }
   class CoordinatesEngine extends Engine {
     constructor(...args) {
@@ -3565,13 +3803,25 @@
     computeMovement() {
       this.state.movement = V.sub(this.state.offset, this.state.lastOffset);
     }
-    intent(v2) {
-      this.state.axis = this.state.axis || selectAxis(v2);
-      this.state._blocked = (this.config.lockDirection || !!this.config.axis) && !this.state.axis || !!this.config.axis && this.config.axis !== this.state.axis;
-      if (this.state._blocked)
-        return;
+    axisIntent(event) {
+      const state = this.state;
+      const config2 = this.config;
+      if (!state.axis && event) {
+        const threshold = typeof config2.axisThreshold === "object" ? config2.axisThreshold[getPointerType(event)] : config2.axisThreshold;
+        state.axis = selectAxis(state._movement, threshold);
+      }
+      state._blocked = (config2.lockDirection || !!config2.axis) && !state.axis || !!config2.axis && config2.axis !== state.axis;
+    }
+    restrictToAxis(v2) {
       if (this.config.axis || this.config.lockDirection) {
-        restrictVectorToAxis(v2, this.state.axis);
+        switch (this.state.axis) {
+          case "x":
+            v2[1] = 0;
+            break;
+          case "y":
+            v2[0] = 0;
+            break;
+        }
       }
     }
   }
@@ -3581,6 +3831,9 @@
     enabled(value = true) {
       return value;
     },
+    eventOptions(value, _k, config2) {
+      return _objectSpread2(_objectSpread2({}, config2.shared.eventOptions), value);
+    },
     preventDefault(value = false) {
       return value;
     },
@@ -3612,6 +3865,7 @@
       return V.toVector(value, 0);
     }
   };
+  const DEFAULT_AXIS_THRESHOLD = 0;
   const coordinatesConfigResolver = _objectSpread2(_objectSpread2({}, commonConfigResolver), {}, {
     axis(_v, _k, {
       axis
@@ -3620,6 +3874,9 @@
       if (!this.lockDirection)
         return axis;
     },
+    axisThreshold(value = DEFAULT_AXIS_THRESHOLD) {
+      return value;
+    },
     bounds(value = {}) {
       if (typeof value === "function") {
         return (state) => coordinatesConfigResolver.bounds(value(state));
@@ -3703,11 +3960,11 @@
       const state = this.state;
       if (event.buttons != null && (Array.isArray(config2.pointerButtons) ? !config2.pointerButtons.includes(event.buttons) : config2.pointerButtons !== -1 && config2.pointerButtons !== event.buttons))
         return;
-      this.ctrl.setEventIds(event);
+      const ctrlIds = this.ctrl.setEventIds(event);
       if (config2.pointerCapture) {
         event.target.setPointerCapture(event.pointerId);
       }
-      if (state._pointerActive)
+      if (ctrlIds && ctrlIds.size > 1 && state._pointerActive)
         return;
       this.start(event);
       this.setupPointer(event);
@@ -3715,10 +3972,15 @@
       state._pointerActive = true;
       this.computeValues(pointerValues(event));
       this.computeInitial();
-      if (config2.preventScroll) {
+      if (config2.preventScrollAxis && getPointerType(event) !== "mouse") {
+        state._active = false;
         this.setupScrollPrevention(event);
       } else if (config2.delay > 0) {
         this.setupDelayTrigger(event);
+        if (config2.triggerAllEvents) {
+          this.compute(event);
+          this.emit();
+        }
       } else {
         this.startPointerDrag(event);
       }
@@ -3750,13 +4012,13 @@
       }
       V.addTo(state._movement, state._delta);
       this.compute(event);
-      if (state._delayed) {
+      if (state._delayed && state.intentional) {
         this.timeoutStore.remove("dragDelay");
         state.active = false;
         this.startPointerDrag(event);
         return;
       }
-      if (config2.preventScroll && !state._preventScroll) {
+      if (config2.preventScrollAxis && !state._preventScroll) {
         if (state.axis) {
           if (state.axis === config2.preventScrollAxis || config2.preventScrollAxis === "xy") {
             state._active = false;
@@ -3784,7 +4046,7 @@
       }
       const state = this.state;
       const config2 = this.config;
-      if (!state._pointerActive)
+      if (!state._active || !state._pointerActive)
         return;
       const id = pointerId(event);
       if (state._pointerId !== void 0 && id !== state._pointerId)
@@ -3813,14 +4075,14 @@
       this.emit();
     }
     pointerClick(event) {
-      if (!this.state.tap) {
+      if (!this.state.tap && event.detail > 0) {
         event.preventDefault();
         event.stopPropagation();
       }
     }
     setupPointer(event) {
       const config2 = this.config;
-      let device = config2.device;
+      const device = config2.device;
       if (config2.pointerLock) {
         event.currentTarget.requestPointerLock();
       }
@@ -3841,29 +4103,29 @@
       }
     }
     setupScrollPrevention(event) {
+      this.state._preventScroll = false;
       persistEvent(event);
-      this.eventStore.add(this.sharedConfig.window, "touch", "change", this.preventScroll.bind(this), {
-        passive: false
-      });
-      this.eventStore.add(this.sharedConfig.window, "touch", "end", this.clean.bind(this), {
-        passive: false
-      });
-      this.eventStore.add(this.sharedConfig.window, "touch", "cancel", this.clean.bind(this), {
+      const remove = this.eventStore.add(this.sharedConfig.window, "touch", "change", this.preventScroll.bind(this), {
         passive: false
       });
-      this.timeoutStore.add("startPointerDrag", this.startPointerDrag.bind(this), this.config.preventScroll, event);
+      this.eventStore.add(this.sharedConfig.window, "touch", "end", remove);
+      this.eventStore.add(this.sharedConfig.window, "touch", "cancel", remove);
+      this.timeoutStore.add("startPointerDrag", this.startPointerDrag.bind(this), this.config.preventScrollDelay, event);
     }
     setupDelayTrigger(event) {
       this.state._delayed = true;
-      this.timeoutStore.add("dragDelay", this.startPointerDrag.bind(this), this.config.delay, event);
+      this.timeoutStore.add("dragDelay", () => {
+        this.state._step = [0, 0];
+        this.startPointerDrag(event);
+      }, this.config.delay);
     }
     keyDown(event) {
       const deltaFn = KEYS_DELTA_MAP[event.key];
       if (deltaFn) {
         const state = this.state;
         const factor = event.shiftKey ? 10 : event.altKey ? 0.1 : 1;
-        state._delta = deltaFn(factor);
         this.start(event);
+        state._delta = deltaFn(factor);
         state._keyboardActive = true;
         V.addTo(state._movement, state._delta);
         this.compute(event);
@@ -3887,8 +4149,10 @@
         bindFunction(device, "cancel", this.pointerUp.bind(this));
         bindFunction("lostPointerCapture", "", this.pointerUp.bind(this));
       }
-      bindFunction("key", "down", this.keyDown.bind(this));
-      bindFunction("key", "up", this.keyUp.bind(this));
+      if (this.config.keys) {
+        bindFunction("key", "down", this.keyDown.bind(this));
+        bindFunction("key", "up", this.keyUp.bind(this));
+      }
       if (this.config.filterTaps) {
         bindFunction("click", "", this.pointerClick.bind(this), {
           capture: true,
@@ -3933,6 +4197,11 @@
   const DEFAULT_SWIPE_VELOCITY = 0.5;
   const DEFAULT_SWIPE_DISTANCE = 50;
   const DEFAULT_SWIPE_DURATION = 250;
+  const DEFAULT_DRAG_AXIS_THRESHOLD = {
+    mouse: 0,
+    touch: 0,
+    pen: 8
+  };
   const dragConfigResolver = _objectSpread2(_objectSpread2({}, coordinatesConfigResolver), {}, {
     device(_v, _k, {
       pointer: {
@@ -3952,15 +4221,13 @@
         return "touch";
       return "mouse";
     },
-    preventScroll(value = false, _k, {
-      preventScrollAxis = "y"
+    preventScrollAxis(value, _k, {
+      preventScroll
     }) {
-      this.preventScrollAxis = preventScrollAxis;
-      if (!SUPPORT.touchscreen)
-        return false;
-      if (typeof value === "number")
-        return value;
-      return value ? DEFAULT_PREVENT_SCROLL_DELAY : false;
+      this.preventScrollDelay = typeof preventScroll === "number" ? preventScroll : preventScroll || preventScroll === void 0 && value ? DEFAULT_PREVENT_SCROLL_DELAY : void 0;
+      if (!SUPPORT.touchscreen || preventScroll === false)
+        return void 0;
+      return value ? value : preventScroll !== void 0 ? "y" : void 0;
     },
     pointerCapture(_v, _k, {
       pointer: {
@@ -3971,6 +4238,9 @@
       this.pointerButtons = buttons;
       return !this.pointerLock && this.device === "pointer" && capture;
     },
+    keys(value = true) {
+      return value;
+    },
     threshold(value, _k, {
       filterTaps = false,
       tapsThreshold = 3,
@@ -4001,10 +4271,15 @@
         default:
           return value;
       }
+    },
+    axisThreshold(value) {
+      if (!value)
+        return DEFAULT_DRAG_AXIS_THRESHOLD;
+      return _objectSpread2(_objectSpread2({}, DEFAULT_DRAG_AXIS_THRESHOLD), value);
     }
   });
   const SCALE_ANGLE_RATIO_INTENT_DEG = 30;
-  const PINCH_WHEEL_RATIO = 36;
+  const PINCH_WHEEL_RATIO = 100;
   class PinchEngine extends Engine {
     constructor(...args) {
       super(...args);
@@ -4043,19 +4318,22 @@
       } = this.state;
       this.state.movement = [offset[0] / lastOffset[0], offset[1] - lastOffset[1]];
     }
-    intent(v2) {
+    axisIntent() {
       const state = this.state;
+      const [_m0, _m1] = state._movement;
       if (!state.axis) {
-        const axisMovementDifference = Math.abs(v2[0]) * SCALE_ANGLE_RATIO_INTENT_DEG - Math.abs(v2[1]);
+        const axisMovementDifference = Math.abs(_m0) * SCALE_ANGLE_RATIO_INTENT_DEG - Math.abs(_m1);
         if (axisMovementDifference < 0)
           state.axis = "angle";
         else if (axisMovementDifference > 0)
           state.axis = "scale";
       }
+    }
+    restrictToAxis(v2) {
       if (this.config.lockDirection) {
-        if (state.axis === "scale")
+        if (this.state.axis === "scale")
           v2[1] = 0;
-        else if (state.axis === "angle")
+        else if (this.state.axis === "angle")
           v2[0] = 0;
       }
     }
@@ -4206,7 +4484,8 @@
       this.emit();
     }
     wheel(event) {
-      if (!event.ctrlKey)
+      const modifierKey = this.config.modifierKey;
+      if (modifierKey && !event[modifierKey])
         return;
       if (!this.state._active)
         this.wheelStart(event);
@@ -4246,11 +4525,10 @@
         bindFunction(device, "change", this[device + "Move"].bind(this));
         bindFunction(device, "end", this[device + "End"].bind(this));
         bindFunction(device, "cancel", this[device + "End"].bind(this));
-      } else {
-        bindFunction("wheel", "", this.wheel.bind(this), {
-          passive: false
-        });
       }
+      bindFunction("wheel", "", this.wheel.bind(this), {
+        passive: false
+      });
     }
   }
   const pinchConfigResolver = _objectSpread2(_objectSpread2({}, commonConfigResolver), {}, {
@@ -4298,6 +4576,11 @@
       this.lockDirection = config2.axis === "lock";
       const threshold = V.toVector(value, this.lockDirection ? [0.1, 3] : 0);
       return threshold;
+    },
+    modifierKey(value) {
+      if (value === void 0)
+        return "ctrlKey";
+      return value;
     }
   });
   class MoveEngine extends CoordinatesEngine {
@@ -4605,19 +4888,27 @@
     return _config;
   }
   class EventStore {
-    constructor(ctrl) {
-      _defineProperty(this, "_listeners", []);
+    constructor(ctrl, gestureKey) {
+      _defineProperty(this, "_listeners", /* @__PURE__ */ new Set());
       this._ctrl = ctrl;
+      this._gestureKey = gestureKey;
     }
     add(element, device, action, handler, options2) {
+      const listeners = this._listeners;
       const type = toDomEventType(device, action);
-      const eventOptions = _objectSpread2(_objectSpread2({}, this._ctrl.config.shared.eventOptions), options2);
+      const _options = this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {};
+      const eventOptions = _objectSpread2(_objectSpread2({}, _options), options2);
       element.addEventListener(type, handler, eventOptions);
-      this._listeners.push(() => element.removeEventListener(type, handler, eventOptions));
+      const remove = () => {
+        element.removeEventListener(type, handler, eventOptions);
+        listeners.delete(remove);
+      };
+      listeners.add(remove);
+      return remove;
     }
     clean() {
       this._listeners.forEach((remove) => remove());
-      this._listeners = [];
+      this._listeners.clear();
     }
   }
   class TimeoutStore {
@@ -4661,11 +4952,13 @@
     setEventIds(event) {
       if (isTouch(event)) {
         this.touchIds = new Set(touchIds(event));
+        return this.touchIds;
       } else if ("pointerId" in event) {
         if (event.type === "pointerup" || event.type === "pointercancel")
           this.pointerIds.delete(event.pointerId);
         else if (event.type === "pointerdown")
           this.pointerIds.add(event.pointerId);
+        return this.pointerIds;
       }
     }
     applyHandlers(handlers, nativeHandlers) {
@@ -4689,7 +4982,6 @@
     }
     bind(...args) {
       const sharedConfig = this.config.shared;
-      const eventOptions = sharedConfig.eventOptions;
       const props = {};
       let target;
       if (sharedConfig.target) {
@@ -4697,16 +4989,18 @@
         if (!target)
           return;
       }
-      const bindFunction = bindToProps(props, eventOptions, !!target);
       if (sharedConfig.enabled) {
         for (const gestureKey of this.gestures) {
-          if (this.config[gestureKey].enabled) {
+          const gestureConfig = this.config[gestureKey];
+          const bindFunction = bindToProps(props, gestureConfig.eventOptions, !!target);
+          if (gestureConfig.enabled) {
             const Engine2 = EngineMap.get(gestureKey);
             new Engine2(this, args, gestureKey).bind(bindFunction);
           }
         }
+        const nativeBindFunction = bindToProps(props, sharedConfig.eventOptions, !!target);
         for (const eventKey in this.nativeHandlers) {
-          bindFunction(eventKey, "", (event) => this.nativeHandlers[eventKey](_objectSpread2(_objectSpread2({}, this.state.shared), {}, {
+          nativeBindFunction(eventKey, "", (event) => this.nativeHandlers[eventKey](_objectSpread2(_objectSpread2({}, this.state.shared), {}, {
             event,
             args
           })), void 0, true);
@@ -4732,7 +5026,7 @@
   }
   function setupGesture(ctrl, gestureKey) {
     ctrl.gestures.add(gestureKey);
-    ctrl.gestureEventStores[gestureKey] = new EventStore(ctrl);
+    ctrl.gestureEventStores[gestureKey] = new EventStore(ctrl, gestureKey);
     ctrl.gestureTimeoutStores[gestureKey] = new TimeoutStore();
   }
   function resolveGestures(ctrl, internalHandlers) {
@@ -4823,26 +5117,26 @@
     }
     return void 0;
   }
-  function useDrag(handler, config2 = {}) {
+  function useDrag(handler, config2) {
     registerAction(dragAction);
     return useRecognizers({
       drag: handler
-    }, config2, "drag");
+    }, config2 || {}, "drag");
   }
   function createUseGesture(actions) {
     actions.forEach(registerAction);
-    return function useGesture2(_handlers, _config = {}) {
+    return function useGesture2(_handlers, _config) {
       const {
         handlers,
         nativeHandlers,
         config: config2
-      } = parseMergedHandlers(_handlers, _config);
+      } = parseMergedHandlers(_handlers, _config || {});
       return useRecognizers(handlers, config2, void 0, nativeHandlers);
     };
   }
-  function useGesture(handlers, config2 = {}) {
+  function useGesture(handlers, config2) {
     const hook = createUseGesture([dragAction, pinchAction, scrollAction, wheelAction, moveAction, hoverAction]);
-    return hook(handlers, config2);
+    return hook(handlers, config2 || {});
   }
   let updateQueue = makeQueue();
   const raf = (fn) => schedule(fn, updateQueue);
@@ -5485,7 +5779,7 @@
     return i - 1;
   }
   function _extends$2() {
-    _extends$2 = Object.assign || function(target) {
+    _extends$2 = Object.assign ? Object.assign.bind() : function(target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
         for (var key in source) {
@@ -5898,7 +6192,7 @@
     return parentNode ? parentNode.constructor : is.arr(value) ? AnimatedArray : isAnimatedString(value) ? AnimatedString : AnimatedValue;
   }
   function _extends$1() {
-    _extends$1 = Object.assign || function(target) {
+    _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
         for (var key in source) {
@@ -6017,7 +6311,7 @@
   };
   const getDisplayName = (arg) => is.str(arg) ? arg : arg && is.str(arg.displayName) ? arg.displayName : is.fun(arg) && arg.name || null;
   function _extends() {
-    _extends = Object.assign || function(target) {
+    _extends = Object.assign ? Object.assign.bind() : function(target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
         for (var key in source) {
@@ -6650,6 +6944,7 @@
           const from = anim.fromValues[i];
           const v0 = node2.v0 != null ? node2.v0 : node2.v0 = is.arr(config2.velocity) ? config2.velocity[i] : config2.velocity;
           let velocity;
+          const precision = config2.precision || (from == to2 ? 5e-3 : Math.min(1, Math.abs(to2 - from) * 1e-3));
           if (!is.und(config2.duration)) {
             let p2 = 1;
             if (config2.duration > 0) {
@@ -6671,11 +6966,10 @@
             const decay = config2.decay === true ? 0.998 : config2.decay;
             const e2 = Math.exp(-(1 - decay) * elapsed);
             position = from + v0 / (1 - decay) * (1 - e2);
-            finished = Math.abs(node2.lastPosition - position) < 0.1;
+            finished = Math.abs(node2.lastPosition - position) <= precision;
             velocity = v0 * e2;
           } else {
             velocity = node2.lastVelocity == null ? v0 : node2.lastVelocity;
-            const precision = config2.precision || (from == to2 ? 5e-3 : Math.min(1, Math.abs(to2 - from) * 1e-3));
             const restVelocity = config2.restVelocity || precision / 10;
             const bounceFactor = config2.clamp ? 0 : config2.bounce;
             const canBounce = !is.und(bounceFactor);
@@ -8409,8 +8703,13 @@
       onChange,
       className,
       autoHeight,
+      iconClassPrefix,
+      iconFontClassName,
       ...rest
-    } = { ...defaultProps$13, ...props };
+    } = {
+      ...defaultProps$13,
+      ...props
+    };
     const [currentItem, setCurrentItem] = React.useState({ index: 0 });
     const titles = React.useRef([]);
     React.useEffect(() => {
@@ -8491,8 +8790,8 @@
         className: `${b2("")}__titles-item__smile`,
         style: tabsActiveStyle
       }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         color,
         name: "joy-smile"
       })), /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -8762,6 +9061,8 @@
       closeOnClickOverlay,
       children,
       activeColor,
+      iconClassPrefix,
+      iconFontClassName,
       ...rest
     } = {
       ...defaultProps$_,
@@ -8861,8 +9162,8 @@
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "nut-menu__title-text"
       }, finallyTitle()), /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         className: "nut-menu__title-icon",
         size: "10",
         name: titleIcon || (direction === "up" ? "arrow-up" : "down-arrow")
@@ -8894,14 +9195,14 @@
       value,
       columns,
       title,
-      iconClassPrefix,
-      fontClassName,
       optionsIcon,
       direction,
       onChange,
       activeTitleClass,
       inactiveTitleClass,
-      children
+      children,
+      iconClassPrefix,
+      iconFontClassName
     } = {
       ...defaultProps$Z,
       ...props
@@ -9010,8 +9311,8 @@
           handleClick2(item);
         }
       }, item.value === _value ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         className: getIconCName(item.value, value),
         name: optionsIcon,
         color: activeColor
@@ -9090,40 +9391,15 @@
       isHorizontal
     };
   }
-  function isWindow(val) {
-    return val === window;
-  }
-  const getRect = (elementRef) => {
-    const element = elementRef;
-    if (isWindow(element)) {
-      const width = element.innerWidth;
-      const height = element.innerHeight;
-      return {
-        top: 0,
-        left: 0,
-        right: width,
-        bottom: height,
-        width,
-        height
-      };
-    }
-    if (element && element.getBoundingClientRect) {
-      return element.getBoundingClientRect();
-    }
-    return {
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      width: 0,
-      height: 0
-    };
-  };
   let createRoot;
+  const { version } = ReactDOM__namespace;
+  const reactDOMClone = {
+    ...ReactDOM__namespace
+  };
   try {
-    const mainVersion = Number((ReactDOM__namespace.version || "").split(".")[0]);
-    if (mainVersion >= 18 && ReactDOM__namespace.createRoot) {
-      createRoot = ReactDOM__namespace.createRoot;
+    const mainVersion = Number((version || "").split(".")[0]);
+    if (mainVersion >= 18) {
+      createRoot = reactDOMClone.createRoot;
     }
   } catch (e2) {
     console.log(e2);
@@ -9132,8 +9408,10 @@
     ReactDOM__namespace.render(node, container);
   }
   function concurrentRender(node, container) {
-    const root = ReactDOM__namespace.createRoot(container);
-    root.render(node);
+    if (createRoot) {
+      const root = createRoot(container);
+      root.render(node);
+    }
   }
   function render(node, container) {
     if (createRoot) {
@@ -10660,7 +10938,10 @@
     }
   };
   const Checkbox = (props) => {
-    const { children } = { ...defaultProps$U, ...props };
+    const { children } = {
+      ...defaultProps$U,
+      ...props
+    };
     const b2 = cn("checkbox");
     const {
       iconName,
@@ -10701,8 +10982,8 @@
     };
     const renderIcon = () => {
       return /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         name: getIconName(),
         size: iconSize,
         className: color()
@@ -10977,7 +11258,7 @@
     const [refs, setRefs] = useRefs();
     const [columnsList, setColumnsList] = React.useState([]);
     const b2 = cn("picker");
-    let isConfirmEvent = React.useRef(false);
+    const isConfirmEvent = React.useRef(false);
     React.useEffect(() => {
       if (defaultValueData && defaultValueData.length !== 0 && defaultValueData.toString() !== chooseValueData.toString()) {
         const data = [...defaultValueData];
@@ -11501,6 +11782,8 @@
       overlimit,
       blur,
       focus,
+      iconClassPrefix,
+      iconFontClassName,
       ...restProps
     } = {
       ...defaultProps$S,
@@ -11606,8 +11889,8 @@
       style: styles,
       ...restProps
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       className: iconMinusClasses,
       size: buttonSize,
       name: "minus",
@@ -11624,8 +11907,8 @@
       onBlur: burValue,
       onFocus: focusValue
     }), /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       className: iconAddClasses,
       size: buttonSize,
       name: "plus",
@@ -11741,8 +12024,13 @@
       clickLeftIcon,
       clickRightIcon,
       click,
+      iconClassPrefix,
+      iconFontClassName,
       ...rest
-    } = { ...defaultProps$R, ...props };
+    } = {
+      ...defaultProps$R,
+      ...props
+    };
     locale.placeholder = placeholder || locale.placeholder;
     const [inputValue, SetInputValue] = React.useState("");
     const [active, SetActive] = React.useState(false);
@@ -11870,8 +12158,8 @@
         onClickLeftIcon(e2);
       }
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: leftIcon,
       size: leftIconSize
     })) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -11929,8 +12217,8 @@
         onInput(e2);
       }
     }), clearable && !readonly && active && inputValue.length > 0 ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       className: "nut-input-clear",
       name: clearIcon,
       size: clearSize,
@@ -11943,8 +12231,8 @@
         onClickRightIcon(e2);
       }
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: rightIcon,
       size: rightIconSize
     })) : null, slotButton ? /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -12031,7 +12319,10 @@
     }
   };
   const Radio = (props) => {
-    const { children } = { ...defaultProps$P, ...props };
+    const { children } = {
+      ...defaultProps$P,
+      ...props
+    };
     const {
       className,
       disabled,
@@ -12043,6 +12334,8 @@
       iconActiveName,
       iconSize,
       onChange,
+      iconClassPrefix,
+      iconFontClassName,
       ...rest
     } = props;
     const componentName = "nut-radio";
@@ -12077,8 +12370,8 @@
     const renderIcon = () => {
       const { iconName: iconName2, iconSize: iconSize2, iconActiveName: iconActiveName2 } = props;
       return /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         name: checkedStatement ? iconActiveName2 : iconName2,
         size: iconSize2,
         className: color()
@@ -12139,8 +12432,13 @@
       readonly,
       allowHalf,
       spacing,
-      onChange
-    } = { ...defaultProps$O, ...props };
+      onChange,
+      iconClassPrefix,
+      iconFontClassName
+    } = {
+      ...defaultProps$O,
+      ...props
+    };
     const b2 = cn("rate");
     const bi = cn("rate-item");
     const [countArray, setCountArray] = React.useState([1, 2, 3, 4, 5]);
@@ -12187,22 +12485,22 @@
         onClick: (event) => onClick(event, n2),
         style: { marginRight: pxCheck2(spacing) }
       }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         size: iconSize,
         className: `${bi("icon")} ${disabled || n2 > score ? bi("icon--disabled") : ""}`,
         name: n2 <= score ? checkedIcon : uncheckedIcon,
         color: n2 <= score ? activeColor : voidColor
       }), allowHalf && score > n2 - 1 && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         className: `${bi("icon")} ${bi("icon--half")}`,
         color: n2 <= score ? activeColor : voidColor,
         size: iconSize,
         name: checkedIcon
       }), allowHalf && score < n2 - 1 && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         className: `${bi("icon")} ${bi("icon--disabled")} ${bi(
           "icon--half"
         )}`,
@@ -12259,6 +12557,8 @@
       onCancel,
       onClose,
       onComplete,
+      iconClassPrefix,
+      iconFontClassName,
       ...reset
     } = props;
     const b2 = cn("shortpassword");
@@ -12363,8 +12663,8 @@
     }, errorMsg2), tips || locale.shortpassword.tips ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("message__forget")
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       className: "icon",
       size: "11px",
       name: "tips"
@@ -12511,25 +12811,218 @@
   };
   TextArea.defaultProps = defaultProps$M;
   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();
+  const defaultProps$L = {
+    name: "",
+    size: "",
+    classPrefix: "nut-icon",
+    fontClassName: "nutui-iconfont",
+    color: "",
+    tag: "i",
+    onClick: (e2) => {
+    },
+    className: ""
+  };
+  function pxCheck(value) {
+    return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
+  }
+  function Icon(props) {
+    const {
+      name,
+      size,
+      classPrefix,
+      color,
+      tag,
+      children,
+      className,
+      fontClassName,
+      style,
+      onClick,
+      ...rest
+    } = {
+      ...defaultProps$L,
+      ...props
+    };
+    const isImage = name ? name.indexOf("/") !== -1 : false;
+    const type = isImage ? "img" : tag;
+    const b2 = cn("icon");
+    const handleClick2 = (e2) => {
+      if (onClick) {
+        onClick(e2);
+      }
+    };
+    const hasSrc = () => {
+      if (isImage)
+        return { src: name };
+      return {};
+    };
+    return React__default["default"].createElement(
+      type,
+      {
+        className: isImage ? `${b2("img")} ${className || ""} ` : `${fontClassName} ${b2(null)} ${classPrefix}-${name} ${className || ""}`,
+        style: {
+          color,
+          fontSize: pxCheck(size),
+          width: pxCheck(size),
+          height: pxCheck(size),
+          ...style
+        },
+        ...rest,
+        onClick: handleClick2,
+        ...hasSrc()
+      },
+      children
+    );
+  }
+  Icon.defaultProps = defaultProps$L;
+  Icon.displayName = "NutIcon";
+  const defaultProps$K = {
+    ...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,
+      iconClassPrefix,
+      iconFontClassName,
+      ...rest
+    } = {
+      ...defaultProps$K,
+      ...props
+    };
+    const b2 = cn("progress");
+    const classes = classNames(b2(""));
+    const classesOuter = classNames({
+      [`${b2("")}-outer`]: true,
+      [`${b2("")}-${size || "base"}`]: true
+    });
+    const classesInner = classNames({
+      [`${b2("")}-inner`]: true,
+      [`${b2("")}-active`]: status
+    });
+    const classesText = classNames({
+      [`${b2("")}-text`]: true
+    });
+    const classesInsideText = classNames({
+      [`${b2("")}-text`]: true,
+      [`${b2("")}-insidetext`]: true
+    });
+    const classesTextInner = classNames({
+      [`${b2("")}-text__inner`]: true
+    });
+    const stylesOuter = {
+      height: `${strokeWidth}px`,
+      borderRadius: `${rounded ? rounded === true ? "12px" : rounded : 0}`,
+      background: `${fillColor}`
+    };
+    const stylesInner = {
+      width: `${percentage}%`,
+      borderRadius: `${rounded ? rounded === true ? "12px" : rounded : 0}`,
+      background: `${strokeColor}`
+    };
+    const stylesInsideText = {
+      width: `${textWidth}px`,
+      left: `${percentage}%`,
+      background: textBackground || strokeColor
+    };
+    const stylesInsideIcon = {
+      width: `${textWidth}px`,
+      left: `${percentage}%`
+    };
+    const stylesText = {
+      width: `${textWidth}px`
+    };
+    return /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: `${classes} ${className}`,
+      style,
+      ...rest
+    }, /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: classesOuter,
+      style: stylesOuter
+    }, /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: classesInner,
+      style: stylesInner
+    }, showText && textInside && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, children ? /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: classesInsideText,
+      style: stylesInsideIcon
+    }, children) : /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: classesInsideText,
+      style: stylesInsideText
+    }, /* @__PURE__ */ React__default["default"].createElement("span", {
+      className: classesTextInner,
+      style: { color: textColor || "#fff" }
+    }, percentage, isShowPercentage ? "%" : ""))))), showText && !textInside && /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: classesText,
+      style: stylesText
+    }, textType === "text" && /* @__PURE__ */ React__default["default"].createElement("span", {
+      className: classesTextInner,
+      style: { color: textColor || "#333" }
+    }, percentage, isShowPercentage ? "%" : ""), textType === "icon" && /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
+      size: iconSize,
+      name: iconName,
+      color: iconColor
+    })));
+  };
+  Progress.defaultProps = defaultProps$K;
+  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(
@@ -12556,13 +13049,57 @@
           xhr.setRequestHeader(key, value);
         }
         (_a = options2.onStart) == null ? void 0 : _a.call(options2, options2);
-        xhr.send(options2.formData);
+        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$L = {
+  const defaultProps$J = {
     ...ComponentDefaults,
     url: "",
     maximum: 1,
@@ -12582,11 +13119,11 @@
     xhrState: 200,
     timeout: 1e3 * 30,
     withCredentials: false,
-    clearInput: false,
+    clearInput: true,
     isPreview: true,
     isDeletable: true,
     capture: false,
-    beforeDelete: (file, files) => {
+    onBeforeDelete: (file, files) => {
       return true;
     }
   };
@@ -12595,6 +13132,7 @@
       this.status = "ready";
       this.message = "\u51C6\u5907\u4E2D..";
       this.uid = new Date().getTime().toString();
+      this.percentage = 0;
       this.formData = new FormData();
     }
   }
@@ -12626,23 +13164,25 @@
       className,
       autoUpload,
       clearInput,
-      start: start2,
-      removeImage,
-      change,
-      fileItemClick,
-      progress,
-      success,
-      update: update2,
-      failure,
-      oversize,
-      beforeUpload,
-      beforeDelete,
+      iconClassPrefix,
+      iconFontClassName,
+      onStart,
+      onRemove,
+      onChange,
+      onFileItemClick,
+      onProgress,
+      onSuccess,
+      onUpdate,
+      onFailure,
+      onOversize,
+      onBeforeUpload,
+      onBeforeXhrUpload,
+      onBeforeDelete,
       ...restProps
-    } = { ...defaultProps$L, ...props };
+    } = { ...defaultProps$J, ...props };
     const [fileList, setFileList] = React.useState([]);
     const [uploadQueue, setUploadQueue] = React.useState([]);
     React.useEffect(() => {
-      console.log("defaultFileList", defaultFileList);
       if (defaultFileList) {
         setFileList(defaultFileList);
       }
@@ -12679,6 +13219,11 @@
       uploadOption.xhrState = xhrState;
       uploadOption.headers = headers;
       uploadOption.withCredentials = withCredentials;
+      uploadOption.beforeXhrUpload = onBeforeXhrUpload;
+      try {
+        uploadOption.sourceFile = fileItem.formData.get(name);
+      } catch (error) {
+      }
       uploadOption.onStart = (option) => {
         clearUploadQueue(index2);
         setFileList((fileList2) => {
@@ -12691,7 +13236,7 @@
           });
           return [...fileList2];
         });
-        start2 && start2(option);
+        onStart && onStart(option);
       };
       uploadOption.onProgress = (e2, option) => {
         setFileList((fileList2) => {
@@ -12699,16 +13244,17 @@
             if (item.uid === fileItem.uid) {
               item.status = "uploading";
               item.message = locale.uploader.uploading;
+              item.percentage = (e2.loaded / e2.total * 100).toFixed(0);
+              onProgress && onProgress({ e: e2, option, percentage: item.percentage });
             }
             return item;
           });
           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";
@@ -12718,7 +13264,7 @@
           });
           return [...fileList2];
         });
-        success && success({
+        onSuccess && onSuccess({
           responseText,
           option
         });
@@ -12734,7 +13280,7 @@
           });
           return [...fileList2];
         });
-        failure && failure({
+        onFailure && onFailure({
           responseText,
           option
         });
@@ -12788,7 +13334,7 @@
         return true;
       });
       if (oversizes.length) {
-        oversize && oversize(files);
+        onOversize && onOversize(files);
       }
       if (filterFile.length > maximum2) {
         filterFile.splice(maximum2, filterFile.length - maximum2);
@@ -12801,9 +13347,9 @@
     };
     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);
@@ -12815,8 +13361,8 @@
       }
       const $el = event.target;
       const { files } = $el;
-      if (beforeUpload) {
-        beforeUpload(new Array().slice.call(files)).then(
+      if (onBeforeUpload) {
+        onBeforeUpload(new Array().slice.call(files)).then(
           (f2) => {
             const _files = filterFiles(new Array().slice.call(f2));
             readFile(_files);
@@ -12826,13 +13372,13 @@
         const _files = filterFiles(new Array().slice.call(files));
         readFile(_files);
       }
-      props.change && props.change({ fileList, event });
+      onChange && onChange({ fileList, event });
       if (clearInput) {
         clearInputValue($el);
       }
     };
     const handleItemClick = (file) => {
-      fileItemClick && fileItemClick(file);
+      onFileItemClick && onFileItemClick(file);
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: classes,
@@ -12869,15 +13415,15 @@
       }, item.message)) : item.status !== "success" && /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "nut-uploader__preview__progress"
       }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         color: "#fff",
         name: `${item.status === "error" ? "failure" : "loading"}`
       }), /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "nut-uploader__preview__progress__msg"
       }, item.message)), isDeletable && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         color: "rgba(0,0,0,0.6)",
         className: "close",
         name: "failure",
@@ -12898,8 +13444,8 @@
         onClick: () => handleItemClick(item),
         className: "nut-uploader__preview-img__file__name"
       }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         color: "#808080",
         name: "link"
       }), "\xA0", item.name))), /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -12910,22 +13456,27 @@
         className: `nut-uploader__preview-img__file__name ${item.status}`,
         onClick: () => handleItemClick(item)
       }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         name: "link"
       }), "\xA0", item.name), /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         color: "#808080",
         className: "nut-uploader__preview-img__file__del",
         name: "del",
         onClick: () => onDelete(item, index2)
+      }), item.status === "uploading" && /* @__PURE__ */ React__default["default"].createElement(Progress, {
+        size: "small",
+        percentage: item.percentage,
+        strokeColor: "linear-gradient(270deg, rgba(18,126,255,1) 0%,rgba(32,147,255,1) 32.815625%,rgba(13,242,204,1) 100%)",
+        showText: false
       })));
     }), maximum > fileList.length && listType === "picture" && !children && /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `nut-uploader__upload ${listType}`
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       size: uploadIconSize,
       color: "#808080",
       name: uploadIcon
@@ -12949,9 +13500,9 @@
     })));
   };
   const Uploader = React__default["default"].forwardRef(InternalUploader);
-  Uploader.defaultProps = defaultProps$L;
+  Uploader.defaultProps = defaultProps$J;
   Uploader.displayName = "NutUploader";
-  const defaultProps$K = {
+  const defaultProps$I = {
     data: {
       text: "",
       value: "",
@@ -12966,7 +13517,7 @@
   };
   const InternalCascaderItem = (props) => {
     const { data, checked, chooseItem } = {
-      ...defaultProps$K,
+      ...defaultProps$I,
       ...props
     };
     const b2 = cn("cascader-item");
@@ -13002,7 +13553,7 @@
     }));
   };
   const CascaderItem = React__default["default"].forwardRef(InternalCascaderItem);
-  CascaderItem.defaultProps = defaultProps$K;
+  CascaderItem.defaultProps = defaultProps$I;
   CascaderItem.displayName = "NutCascaderItem";
   const formatTree = (tree, parent, config2) => tree.map((node) => {
     const {
@@ -13136,7 +13687,7 @@
       return pathNodes;
     }
   }
-  const defaultProps$J = {
+  const defaultProps$H = {
     className: "",
     style: {},
     visible: false,
@@ -13181,7 +13732,7 @@
       onClose,
       onChange,
       onPathChange
-    } = { ...defaultProps$J, ...props };
+    } = { ...defaultProps$H, ...props };
     const [tabvalue, setTabvalue] = React.useState("c1");
     const [optiosData, setOptiosData] = React.useState([]);
     const isLazy = () => state.configs.lazy && Boolean(state.configs.lazyLoad);
@@ -13437,9 +13988,9 @@
     })))));
   };
   const Cascader = React__default["default"].forwardRef(InternalCascader);
-  Cascader.defaultProps = defaultProps$J;
+  Cascader.defaultProps = defaultProps$H;
   Cascader.displayName = "NutCascader";
-  const defaultProps$I = {
+  const defaultProps$G = {
     ...ComponentDefaults,
     placeholder: "",
     shape: "square",
@@ -13485,9 +14036,11 @@
       onClickLeftinIcon,
       onClickLeftoutIcon,
       onClickRightinIcon,
-      onClickRightoutIcon
+      onClickRightoutIcon,
+      iconClassPrefix,
+      iconFontClassName
     } = {
-      ...defaultProps$I,
+      ...defaultProps$G,
       ...props
     };
     const alignClass = `${align}`;
@@ -13585,8 +14138,8 @@
         className: `${searchbarBem("clear")} ${rightinIcon ? "pos-right" : ""}`,
         onClick: (e2) => clearaVal(e2)
       }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         name: "circle-close",
         size: "12",
         color: "#555"
@@ -13626,9 +14179,9 @@
       className: `${searchbarBem("content")}`
     }, renderLeftinIcon(), renderField(), renderRightinIcon(), clearable && value && handleClear()), renderRightoutIcon(), renderRightLabel());
   };
-  SearchBar.defaultProps = defaultProps$I;
+  SearchBar.defaultProps = defaultProps$G;
   SearchBar.displayName = "NutSearchBar";
-  const defaultProps$H = {
+  const defaultProps$F = {
     confirmText: "",
     title: "",
     visible: false,
@@ -13826,9 +14379,9 @@
       })
     }, confirmText || locale.done))) : null))));
   };
-  NumberKeyboard.defaultProps = defaultProps$H;
+  NumberKeyboard.defaultProps = defaultProps$F;
   NumberKeyboard.displayName = "NutNumberKeyboard";
-  const defaultProps$G = {
+  const defaultProps$E = {
     cancelTxt: "",
     optionTag: "name",
     optionSubTag: "subname",
@@ -13862,7 +14415,7 @@
       className,
       style,
       ...rest
-    } = { ...defaultProps$G, ...props };
+    } = { ...defaultProps$E, ...props };
     const b2 = cn("actionsheet");
     const isHighlight = (item) => {
       return props.chooseTagValue && props.chooseTagValue === item[props.optionTag || "name"] ? props.color : "#1a1a1a";
@@ -13906,9 +14459,9 @@
       onClick: () => cancelActionSheet()
     }, cancelTxt)));
   };
-  ActionSheet.defaultProps = defaultProps$G;
+  ActionSheet.defaultProps = defaultProps$E;
   ActionSheet.displayName = "NutActionSheet";
-  const defaultProps$F = {
+  const defaultProps$D = {
     ...ComponentDefaults,
     bottom: 20,
     right: 10,
@@ -13930,9 +14483,11 @@
       className,
       duration,
       style,
-      onClick
+      onClick,
+      iconClassPrefix,
+      iconFontClassName
     } = {
-      ...defaultProps$F,
+      ...defaultProps$D,
       ...props
     };
     const [backTop, SetBackTop] = React.useState(false);
@@ -14016,16 +14571,16 @@
         goTop(e2);
       }
     }, children || /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       size: "19px",
       className: "nut-backtop-main",
       name: "top"
     }));
   };
-  BackTop.defaultProps = defaultProps$F;
+  BackTop.defaultProps = defaultProps$D;
   BackTop.displayName = "NutBackTop";
-  const defaultProps$E = {
+  const defaultProps$C = {
     attract: false,
     direction: void 0,
     boundary: {
@@ -14038,7 +14593,7 @@
   };
   const Drag = (props) => {
     const { attract, direction, boundary, children, className, style, ...reset } = {
-      ...defaultProps$E,
+      ...defaultProps$C,
       ...props
     };
     const b2 = cn("drag");
@@ -14100,7 +14655,7 @@
       ...bind()
     }, children));
   };
-  Drag.defaultProps = defaultProps$E;
+  Drag.defaultProps = defaultProps$C;
   Drag.displayName = "NutDrag";
   const Content = (props) => {
     const {
@@ -14295,7 +14850,7 @@
       update: update2
     };
   }
-  const defaultProps$D = {
+  const defaultProps$B = {
     okText: "\u786E\u8BA4",
     cancelText: "\u53D6\u6D88",
     mask: true,
@@ -14386,9 +14941,9 @@
       });
     };
   });
-  Dialog.defaultProps = defaultProps$D;
+  Dialog.defaultProps = defaultProps$B;
   Dialog.displayName = "NutDialog";
-  const defaultProps$C = {
+  const defaultProps$A = {
     ...ComponentDefaults,
     hasMore: true,
     threshold: 200,
@@ -14418,12 +14973,14 @@
       loadTxt,
       loadMoreTxt,
       className,
-      refresh,
-      loadMore,
-      scrollChange,
+      onRefresh,
+      onLoadMore,
+      onScrollChange,
+      iconClassPrefix,
+      iconFontClassName,
       ...restProps
     } = {
-      ...defaultProps$C,
+      ...defaultProps$A,
       ...props
     };
     const [isInfiniting, setIsInfiniting] = React.useState(false);
@@ -14471,7 +15028,7 @@
           return false;
         }
         setIsInfiniting(true);
-        loadMore && loadMore(infiniteDone);
+        onLoadMore && onLoadMore(infiniteDone);
         return true;
       });
     };
@@ -14512,7 +15069,7 @@
         distance.current = 0;
         refreshTop.current.style.height = `${distance.current}px`;
       } else {
-        refresh && refresh(refreshDone);
+        onRefresh && onRefresh(refreshDone);
       }
     };
     const requestAniFrame2 = () => {
@@ -14547,7 +15104,7 @@
         direction = "down";
       }
       beforeScrollTop.current = resScrollTop;
-      scrollChange && scrollChange(resScrollTop);
+      onScrollChange && onScrollChange(resScrollTop);
       return offsetDistance <= threshold && direction === "down";
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -14564,8 +15121,8 @@
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "top-box"
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       className: "top-img",
       name: pullIcon
     }), /* @__PURE__ */ React__default["default"].createElement("span", {
@@ -14577,8 +15134,8 @@
     }, isInfiniting ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "bottom-box"
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       className: "bottom-img",
       name: loadIcon
     }), /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -14587,7 +15144,7 @@
       className: "tips"
     }, loadMoreTxt || locale.infiniteloading.loadMoreText)));
   };
-  Infiniteloading.defaultProps = defaultProps$C;
+  Infiniteloading.defaultProps = defaultProps$A;
   Infiniteloading.displayName = "NutInfiniteloading";
   class Notification extends React__namespace.PureComponent {
     constructor(props) {
@@ -14762,7 +15319,7 @@
       }
     }
   };
-  const defaultProps$B = {
+  const defaultProps$z = {
     isAsync: false,
     checked: false,
     disable: false,
@@ -14785,7 +15342,7 @@
       className,
       style
     } = {
-      ...defaultProps$B,
+      ...defaultProps$z,
       ...props
     };
     const [value, setValue] = React.useState(false);
@@ -14825,7 +15382,7 @@
       className: `${b2("label")} close`
     }, inactiveText))));
   };
-  Switch.defaultProps = defaultProps$B;
+  Switch.defaultProps = defaultProps$z;
   Switch.displayName = "NutSwitch";
   function preventDefault(event, isStopPropagation) {
     if (typeof event.cancelable !== "boolean" || event.cancelable) {
@@ -14835,7 +15392,7 @@
       event.stopPropagation();
     }
   }
-  const defaultProps$A = {
+  const defaultProps$y = {
     name: "",
     leftWidth: 0,
     rightWidth: 0
@@ -14843,7 +15400,7 @@
   const Swipe = React.forwardRef((props, instanceRef) => {
     const swipeBem = cn("swipe");
     const touch = useTouch();
-    const { children, className, style } = { ...defaultProps$A, ...props };
+    const { children, className, style } = { ...defaultProps$y, ...props };
     const root = React.useRef();
     const opened = React.useRef(false);
     const lockClick = React.useRef(false);
@@ -15009,29 +15566,8 @@
       style: wrapperStyle
     }, renderActionContent("left", leftRef), children, renderActionContent("right", rightRef)));
   });
-  Swipe.defaultProps = defaultProps$A;
+  Swipe.defaultProps = defaultProps$y;
   Swipe.displayName = "NutSwipe";
-  const canUseDom = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
-  const defaultRoot = canUseDom ? window : void 0;
-  const overflowStylePatterns = ["scroll", "auto", "overlay"];
-  function isElement(node) {
-    const ELEMENT_NODE_TYPE = 1;
-    return node.nodeType === ELEMENT_NODE_TYPE;
-  }
-  function getScrollParent(el, root = defaultRoot) {
-    let node = el;
-    while (node && node !== root && isElement(node)) {
-      if (node === document.body) {
-        return root;
-      }
-      const { overflowY } = window.getComputedStyle(node);
-      if (overflowStylePatterns.includes(overflowY) && node.scrollHeight > node.clientHeight) {
-        return node;
-      }
-      node = node.parentNode;
-    }
-    return root;
-  }
   function bound(position, min, max) {
     let ret = position;
     if (min !== void 0) {
@@ -15068,7 +15604,7 @@
       console.log(e2);
     }
   }
-  const defaultProps$z = {
+  const defaultProps$x = {
     className: "",
     style: {},
     pullingText: "",
@@ -15085,7 +15621,7 @@
   const PullToRefresh = (p2) => {
     const { locale } = useConfig();
     const props = {
-      ...defaultProps$z,
+      ...defaultProps$x,
       ...p2,
       ...{
         pullingText: p2.pullingText || locale.pullToRefresh.pullingText,
@@ -15224,10 +15760,10 @@
       className: "nut-pulltorefresh-content"
     }, props.children));
   };
-  PullToRefresh.defaultProps = defaultProps$z;
+  PullToRefresh.defaultProps = defaultProps$x;
   PullToRefresh.displayName = "NutPullToRefresh";
   const isObject = (val) => val !== null && typeof val === "object";
-  const defaultProps$y = {
+  const defaultProps$w = {
     strokeWidth: 5,
     radius: 50,
     strokeLinecap: "round",
@@ -15250,7 +15786,7 @@
       strokeLinecap,
       ...restProps
     } = {
-      ...defaultProps$y,
+      ...defaultProps$w,
       ...props
     };
     const b2 = cn("circleprogress");
@@ -15336,9 +15872,9 @@
       className: "nut-circleprogress-text"
     }, children || /* @__PURE__ */ React__default["default"].createElement("div", null, progress, "%")));
   };
-  CircleProgress.defaultProps = defaultProps$y;
+  CircleProgress.defaultProps = defaultProps$w;
   CircleProgress.displayName = "NutCircleProgress";
-  const defaultProps$x = {
+  const defaultProps$v = {
     ...ComponentDefaults,
     direction: "across",
     list: [],
@@ -15376,8 +15912,13 @@
       speed,
       rightIcon,
       close,
-      click
-    } = { ...defaultProps$x, ...props };
+      click,
+      iconClassPrefix,
+      iconFontClassName
+    } = {
+      ...defaultProps$v,
+      ...props
+    };
     const wrap = React.useRef(null);
     const content = React.useRef(null);
     const [showNoticeBar, SetShowNoticeBar] = React.useState(true);
@@ -15568,8 +16109,8 @@
       className: "left-icon",
       style: { backgroundImage: `url(${iconBg() || ""})` }
     }, !iconBg() ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: "notice",
       size: "16",
       color
@@ -15585,8 +16126,8 @@
       className: "right-icon",
       onClick: onClickIcon
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: rightIcon || "close",
       color
     })) : null) : null, scrollList.current.length > 0 && direction === "vertical" ? /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -15615,23 +16156,23 @@
         handleClickIcon();
       }
     }, rightIcon || (closeMode ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: "cross",
       color,
       size: "11px"
     }) : null))) : null);
   };
-  NoticeBar.defaultProps = defaultProps$x;
+  NoticeBar.defaultProps = defaultProps$v;
   NoticeBar.displayName = "NutNoticeBar";
   const DataContext$1 = React.createContext({});
-  const defaultProps$w = {
+  const defaultProps$u = {
     current: 0,
     direction: "horizontal",
     progressDot: false
   };
   const Steps = (props) => {
-    const propSteps = { ...defaultProps$w, ...props };
+    const propSteps = { ...defaultProps$u, ...props };
     const {
       children,
       current,
@@ -15664,9 +16205,9 @@
       children
     ));
   };
-  Steps.defaultProps = defaultProps$w;
+  Steps.defaultProps = defaultProps$u;
   Steps.displayName = "NutSteps";
-  const defaultProps$v = {
+  const defaultProps$t = {
     ...ComponentDefaults,
     title: "",
     content: "",
@@ -15686,9 +16227,11 @@
       size,
       className,
       renderContent,
+      iconClassPrefix,
+      iconFontClassName,
       ...restProps
     } = {
-      ...defaultProps$v,
+      ...defaultProps$t,
       ...props
     };
     const parent = React.useContext(DataContext$1);
@@ -15733,8 +16276,8 @@
     }), /* @__PURE__ */ React__default["default"].createElement("div", {
       className: renderIconClass()
     }, icon ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       className: "nut-step-icon-inner",
       color: iconColor,
       name: icon,
@@ -15751,10 +16294,10 @@
       className: "nut-step-content"
     }, renderContent())));
   };
-  Step.defaultProps = defaultProps$v;
+  Step.defaultProps = defaultProps$t;
   Step.displayName = "NutStep";
   const DataContext = React.createContext({});
-  const defaultProps$u = {
+  const defaultProps$s = {
     width: typeof window === "object" ? window.innerWidth : 375,
     height: 0,
     duration: 500,
@@ -15772,7 +16315,7 @@
   };
   const DISTANCE = 5;
   const Swiper = React__default["default"].forwardRef((props, ref) => {
-    const propSwiper = { ...defaultProps$u, ...props };
+    const propSwiper = { ...defaultProps$s, ...props };
     const {
       children,
       direction,
@@ -16182,13 +16725,13 @@
       });
     })) : /* @__PURE__ */ React__default["default"].createElement("div", null, pageContent)));
   });
-  Swiper.defaultProps = defaultProps$u;
+  Swiper.defaultProps = defaultProps$s;
   Swiper.displayName = "NutSwiper";
-  const defaultProps$t = {
+  const defaultProps$r = {
     direction: "horizontal"
   };
   const SwiperItem = React__default["default"].forwardRef((props, ref) => {
-    const _props = { ...defaultProps$t, ...props };
+    const _props = { ...defaultProps$r, ...props };
     const { children, direction, size } = _props;
     const parent = React.useContext(DataContext);
     const b2 = cn("swiper-item");
@@ -16207,10 +16750,10 @@
       style: style()
     }, children);
   });
-  SwiperItem.defaultProps = defaultProps$t;
+  SwiperItem.defaultProps = defaultProps$r;
   SwiperItem.displayName = "NutSwiperItem";
   const AvatarContext = React.createContext({});
-  const defaultProps$s = {
+  const defaultProps$q = {
     ...ComponentDefaults,
     size: "",
     icon: "",
@@ -16236,9 +16779,11 @@
       style,
       activeAvatar,
       onError,
+      iconClassPrefix,
+      iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$s,
+      ...defaultProps$q,
       ...props
     };
     const [maxSum, setMaxSum] = React.useState(0);
@@ -16311,8 +16856,8 @@
       alt,
       onError: errorEvent
     }), icon && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       className: "icon",
       name: iconStyles
     }), children && /* @__PURE__ */ React__default["default"].createElement("span", {
@@ -16321,9 +16866,9 @@
       className: "text"
     }, ((_l = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _l.maxContent) ? (_m = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _m.maxContent : `+ ${avatarIndex - ((_n = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _n.maxCount)}`)));
   };
-  Avatar.defaultProps = defaultProps$s;
+  Avatar.defaultProps = defaultProps$q;
   Avatar.displayName = "NutAvatar";
-  const defaultProps$r = {
+  const defaultProps$p = {
     maxContent: "",
     maxCount: "",
     maxBgColor: "#eee",
@@ -16335,7 +16880,7 @@
   };
   const AvatarGroup = (props) => {
     useConfig();
-    const propAvatarGroup = { ...defaultProps$r, ...props };
+    const propAvatarGroup = { ...defaultProps$p, ...props };
     const { className, style, children } = propAvatarGroup;
     const avatarGroupRef = React.useRef(null);
     const b2 = cn("avatar-group");
@@ -16352,9 +16897,9 @@
       ref: avatarGroupRef
     }, children));
   };
-  AvatarGroup.defaultProps = defaultProps$r;
+  AvatarGroup.defaultProps = defaultProps$p;
   AvatarGroup.displayName = "NutAvatarGroup";
-  const defaultProps$q = {
+  const defaultProps$o = {
     price: 0,
     needSymbol: true,
     symbol: "&yen;",
@@ -16372,7 +16917,7 @@
       className,
       ...rest
     } = {
-      ...defaultProps$q,
+      ...defaultProps$o,
       ...props
     };
     const b2 = cn("price");
@@ -16435,9 +16980,9 @@
       className: `${b2("small")}`
     }, formatDecimal(price)));
   };
-  Price.defaultProps = defaultProps$q;
+  Price.defaultProps = defaultProps$o;
   Price.displayName = "NutPrice";
-  const defaultProps$p = {
+  const defaultProps$n = {
     ...ComponentDefaults,
     value: "",
     dot: false,
@@ -16449,8 +16994,18 @@
     icons: ""
   };
   const Badge = (props) => {
-    const { children, dot, top, right, zIndex, color, icons } = {
-      ...defaultProps$p,
+    const {
+      children,
+      dot,
+      top,
+      right,
+      zIndex,
+      color,
+      icons,
+      iconClassPrefix,
+      iconFontClassName
+    } = {
+      ...defaultProps$n,
       ...props
     };
     function content() {
@@ -16476,8 +17031,8 @@
     }, icons !== "" && /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "slot-icons"
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       className: "_icon",
       name: icons,
       color: "#ffffff",
@@ -16487,9 +17042,9 @@
       style: getStyle()
     }, content()));
   };
-  Badge.defaultProps = defaultProps$p;
+  Badge.defaultProps = defaultProps$n;
   Badge.displayName = "NutBadge";
-  const defaultProps$o = {
+  const defaultProps$m = {
     ...ComponentDefaults,
     type: "default",
     color: "",
@@ -16516,9 +17071,11 @@
       closeable,
       textColor,
       onClick,
-      onClose
+      onClose,
+      iconClassPrefix,
+      iconFontClassName
     } = {
-      ...defaultProps$o,
+      ...defaultProps$m,
       ...props
     };
     const [btnName, setBtnName] = React.useState("");
@@ -16573,8 +17130,8 @@
     }, children && /* @__PURE__ */ React__default["default"].createElement("span", {
       className: "text"
     }, children), /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       className: "_icon",
       name: "close",
       size: "12",
@@ -16592,7 +17149,7 @@
       className: "text"
     }, children)));
   };
-  Tag.defaultProps = defaultProps$o;
+  Tag.defaultProps = defaultProps$m;
   Tag.displayName = "NutTag";
   function fillRef(ref, node) {
     if (typeof ref === "function") {
@@ -16636,7 +17193,7 @@
       return trigger;
     }
   }
-  const defaultProps$n = {
+  const defaultProps$l = {
     ...ComponentDefaults,
     list: [],
     theme: "light",
@@ -16661,9 +17218,11 @@
       style,
       onClick,
       onChoose,
+      iconClassPrefix,
+      iconFontClassName,
       ...reset
     } = {
-      ...defaultProps$n,
+      ...defaultProps$l,
       ...props
     };
     const goodItem = React.useRef(null);
@@ -16744,8 +17303,8 @@
           handleChoose(item, i);
         }
       }, item.icon ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         className: "popover-menu-item-img",
         name: item.icon
       }) : "", /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -16757,9 +17316,9 @@
       style: { background: "transparent" }
     }) : "");
   };
-  Popover.defaultProps = defaultProps$n;
+  Popover.defaultProps = defaultProps$l;
   Popover.displayName = "NutPopover";
-  const defaultProps$m = {
+  const defaultProps$k = {
     width: "100px",
     height: "100px",
     row: 1,
@@ -16787,7 +17346,7 @@
       avatarShape,
       ...restProps
     } = {
-      ...defaultProps$m,
+      ...defaultProps$k,
       ...props
     };
     const b2 = cn("skeleton");
@@ -16842,9 +17401,9 @@
       });
     })))));
   };
-  Skeleton.defaultProps = defaultProps$m;
+  Skeleton.defaultProps = defaultProps$k;
   Skeleton.displayName = "NutSkeleton";
-  const defaultProps$l = {
+  const defaultProps$j = {
     paused: false,
     startTime: Date.now(),
     endTime: Date.now(),
@@ -16871,7 +17430,7 @@
       onUpdate,
       children,
       ...rest
-    } = { ...defaultProps$l, ...props };
+    } = { ...defaultProps$j, ...props };
     const b2 = cn("countdown");
     const [restTimeStamp, setRestTime] = React.useState(0);
     const stateRef = React.useRef({
@@ -17067,9 +17626,9 @@
     }));
   };
   const CountDown = React__default["default"].forwardRef(InternalCountDown);
-  CountDown.defaultProps = defaultProps$l;
+  CountDown.defaultProps = defaultProps$j;
   CountDown.displayName = "NutCountDown";
-  const defaultProps$k = {
+  const defaultProps$i = {
     activeName: ["0"],
     accordion: false,
     icon: "",
@@ -17092,7 +17651,7 @@
         iconColor,
         change
       } = {
-        ...defaultProps$k,
+        ...defaultProps$i,
         ...props
       };
       const childrenDom = React__default["default"].Children.toArray(children);
@@ -17143,15 +17702,16 @@
           icon,
           rotate,
           iconSize,
-          iconColor
+          iconColor,
+          childnull: !!item.props.children
         });
       }));
     },
     areEqual
   );
-  Collapse.defaultProps = defaultProps$k;
+  Collapse.defaultProps = defaultProps$i;
   Collapse.displayName = "NutCollapse";
-  const defaultProps$j = {
+  const defaultProps$h = {
     ...ComponentDefaults,
     title: "",
     name: "",
@@ -17165,7 +17725,8 @@
     titleIcon: "",
     titleIconColor: "",
     titleIconPosition: "",
-    titleIconSize: ""
+    titleIconSize: "",
+    childnull: true
   };
   const CollapseItem = (props) => {
     const {
@@ -17184,9 +17745,12 @@
       titleIconSize,
       iconSize,
       iconColor,
+      childnull,
+      iconClassPrefix,
+      iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$j,
+      ...defaultProps$h,
       ...props
     };
     const [domHeight, setDomHeight] = React.useState(-1);
@@ -17232,16 +17796,16 @@
     }, titleIcon && titleIconPosition === "left" && /* @__PURE__ */ React__default["default"].createElement("b", {
       className: colBem("title-icon-left")
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: titleIcon,
       size: titleIconSize,
       color: disabled ? "#C2C2C2" : titleIconColor
     })), title, titleIcon && titleIconPosition === "right" && /* @__PURE__ */ React__default["default"].createElement("b", {
       className: colBem("title-icon-right")
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: titleIcon,
       size: titleIconSize,
       color: disabled ? "#C2C2C2" : titleIconColor
@@ -17253,12 +17817,12 @@
       className: colBem("icon"),
       style: iconStyle
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: icon,
       size: iconSize,
       color: disabled ? "#C2C2C2" : iconColor
-    })))), /* @__PURE__ */ React__default["default"].createElement("div", {
+    })))), childnull && /* @__PURE__ */ React__default["default"].createElement("div", {
       className: colBem("content"),
       style: { height: currHeight },
       ref: measuredRef
@@ -17266,9 +17830,9 @@
       className: colBem("content-text")
     }, children)));
   };
-  CollapseItem.defaultProps = defaultProps$j;
+  CollapseItem.defaultProps = defaultProps$h;
   CollapseItem.displayName = "NutCollapseItem";
-  const defaultProps$i = {
+  const defaultProps$g = {
     maxLen: 0,
     endNumber: "",
     delaySpeed: 300,
@@ -17286,7 +17850,7 @@
       thousands,
       ...reset
     } = {
-      ...defaultProps$i,
+      ...defaultProps$g,
       ...props
     };
     const b2 = cn("countup");
@@ -17356,9 +17920,9 @@
       }, item));
     })));
   };
-  CountUp.defaultProps = defaultProps$i;
+  CountUp.defaultProps = defaultProps$g;
   CountUp.displayName = "NutCountUp";
-  const defaultProps$h = {};
+  const defaultProps$f = {};
   class AnimatingNumbers extends React.Component {
     constructor(props) {
       super(props);
@@ -17370,7 +17934,7 @@
       });
     }
   }
-  AnimatingNumbers.defaultProps = defaultProps$h;
+  AnimatingNumbers.defaultProps = defaultProps$f;
   AnimatingNumbers.displayName = "NutAnimatingNumbers";
   AnimatingNumbers.CountUp = CountUp;
   AnimatingNumbers.CountUp = CountUp;
@@ -17379,7 +17943,7 @@
     error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",
     network: "https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png"
   };
-  const defaultProps$g = {
+  const defaultProps$e = {
     description: "\u65E0\u5185\u5BB9",
     image: "empty",
     imageSize: "",
@@ -17387,9 +17951,9 @@
   };
   const Empty = (props) => {
     const { locale } = useConfig();
-    defaultProps$g.description = locale.noData || defaultProps$g.description;
+    defaultProps$e.description = locale.noData || defaultProps$e.description;
     const { image, imageSize, description, children, className, ...rest } = {
-      ...defaultProps$g,
+      ...defaultProps$e,
       ...props
     };
     const [imgStyle, setImgStyle] = React.useState({});
@@ -17431,7 +17995,7 @@
       className: b2("description")
     }, description) : { description }, children));
   };
-  Empty.defaultProps = defaultProps$g;
+  Empty.defaultProps = defaultProps$e;
   Empty.displayName = "NutEmpty";
   const initPositinoCache = (reaItemSize, length = 0) => {
     let index2 = 0;
@@ -17544,7 +18108,7 @@
       }
     });
   };
-  const defaultProps$f = {};
+  const defaultProps$d = {};
   const VirtualList = (props) => {
     const {
       sourceData = [],
@@ -17703,9 +18267,9 @@
       }) : data);
     }))));
   };
-  VirtualList.defaultProps = defaultProps$f;
+  VirtualList.defaultProps = defaultProps$d;
   VirtualList.displayName = "NutVirtualList";
-  const defaultProps$e = {
+  const defaultProps$c = {
     ...ComponentDefaults,
     className: "",
     style: {},
@@ -17717,7 +18281,7 @@
   };
   const Table = (props) => {
     const { locale } = useConfig();
-    defaultProps$e.noData = locale.noData;
+    defaultProps$c.noData = locale.noData;
     const {
       children,
       className,
@@ -17729,9 +18293,11 @@
       striped,
       noData,
       onSorter,
+      iconClassPrefix,
+      iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$e,
+      ...defaultProps$c,
       ...props
     };
     const [curData, setCurData] = React.useState(data);
@@ -17772,8 +18338,8 @@
           key: item.key,
           onClick: () => handleSorterClick(item)
         }, item.title, item.sorter && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-          classPrefix: props.iconClassPrefix,
-          fontClassName: props.iconFontClassName,
+          classPrefix: iconClassPrefix,
+          fontClassName: iconFontClassName,
           name: "down-arrow",
           size: "12px"
         }));
@@ -17829,9 +18395,9 @@
       className: "nut-table__nodata__text"
     }, noData))));
   };
-  Table.defaultProps = defaultProps$e;
+  Table.defaultProps = defaultProps$c;
   Table.displayName = "NutTable";
-  const defaultProps$d = {
+  const defaultProps$b = {
     source: {
       type: {},
       src: ""
@@ -17856,7 +18422,7 @@
       playend,
       ...restProps
     } = {
-      ...defaultProps$d,
+      ...defaultProps$b,
       ...props
     };
     const rootRef = React.useRef(null);
@@ -17910,195 +18476,8 @@
       kind: "captions"
     })));
   };
-  Video.defaultProps = defaultProps$d;
+  Video.defaultProps = defaultProps$b;
   Video.displayName = "NutVideo";
-  const defaultProps$c = {
-    name: "",
-    size: "",
-    classPrefix: "nut-icon",
-    fontClassName: "nutui-iconfont",
-    color: "",
-    tag: "i",
-    onClick: (e2) => {
-    },
-    className: ""
-  };
-  function pxCheck(value) {
-    return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
-  }
-  function Icon(props) {
-    const {
-      name,
-      size,
-      classPrefix,
-      color,
-      tag,
-      children,
-      className,
-      fontClassName,
-      style,
-      onClick,
-      ...rest
-    } = {
-      ...defaultProps$c,
-      ...props
-    };
-    const isImage = name ? name.indexOf("/") !== -1 : false;
-    const type = isImage ? "img" : tag;
-    const b2 = cn("icon");
-    const handleClick2 = (e2) => {
-      if (onClick) {
-        onClick(e2);
-      }
-    };
-    const hasSrc = () => {
-      if (isImage)
-        return { src: name };
-      return {};
-    };
-    return React__default["default"].createElement(
-      type,
-      {
-        className: isImage ? `${b2("img")} ${className || ""} ` : `${fontClassName} ${b2(null)} ${classPrefix}-${name} ${className || ""}`,
-        style: {
-          color,
-          fontSize: pxCheck(size),
-          width: pxCheck(size),
-          height: pxCheck(size),
-          ...style
-        },
-        ...rest,
-        onClick: handleClick2,
-        ...hasSrc()
-      },
-      children
-    );
-  }
-  Icon.defaultProps = defaultProps$c;
-  Icon.displayName = "NutIcon";
-  const defaultProps$b = {
-    ...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$b, ...props };
-    const b2 = cn("progress");
-    const classes = classNames(b2(""));
-    const classesOuter = classNames({
-      [`${b2("")}-outer`]: true,
-      [`${b2("")}-${size || "base"}`]: true
-    });
-    const classesInner = classNames({
-      [`${b2("")}-inner`]: true,
-      [`${b2("")}-active`]: status
-    });
-    const classesText = classNames({
-      [`${b2("")}-text`]: true
-    });
-    const classesInsideText = classNames({
-      [`${b2("")}-text`]: true,
-      [`${b2("")}-insidetext`]: true
-    });
-    const classesTextInner = classNames({
-      [`${b2("")}-text__inner`]: true
-    });
-    const stylesOuter = {
-      height: `${strokeWidth}px`,
-      borderRadius: `${rounded ? rounded === true ? "12px" : rounded : 0}`,
-      background: `${fillColor}`
-    };
-    const stylesInner = {
-      width: `${percentage}%`,
-      borderRadius: `${rounded ? rounded === true ? "12px" : rounded : 0}`,
-      background: `${strokeColor}`
-    };
-    const stylesInsideText = {
-      width: `${textWidth}px`,
-      left: `${percentage}%`,
-      background: textBackground || strokeColor
-    };
-    const stylesInsideIcon = {
-      width: `${textWidth}px`,
-      left: `${percentage}%`
-    };
-    const stylesText = {
-      width: `${textWidth}px`
-    };
-    return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${classes} ${className}`,
-      style,
-      ...rest
-    }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: classesOuter,
-      style: stylesOuter
-    }, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: classesInner,
-      style: stylesInner
-    }, showText && textInside && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, children ? /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: classesInsideText,
-      style: stylesInsideIcon
-    }, children) : /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: classesInsideText,
-      style: stylesInsideText
-    }, /* @__PURE__ */ React__default["default"].createElement("span", {
-      className: classesTextInner,
-      style: { color: textColor || "#fff" }
-    }, percentage, isShowPercentage ? "%" : ""))))), showText && !textInside && /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: classesText,
-      style: stylesText
-    }, textType === "text" && /* @__PURE__ */ React__default["default"].createElement("span", {
-      className: classesTextInner,
-      style: { color: textColor || "#333" }
-    }, percentage, isShowPercentage ? "%" : ""), textType === "icon" && /* @__PURE__ */ React__default["default"].createElement(Icon, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
-      size: iconSize,
-      name: iconName,
-      color: iconColor
-    })));
-  };
-  Progress.defaultProps = defaultProps$b;
-  Progress.displayName = "NutProgress";
   const defaultProps$a = {
     ...ComponentDefaults,
     className: "",
@@ -18140,6 +18519,8 @@
       onMute,
       onCanPlay,
       children,
+      iconClassPrefix,
+      iconFontClassName,
       ...rest
     } = {
       ...defaultProps$a,
@@ -18197,13 +18578,13 @@
         className: `${b2("icon-box")} ${playing ? b2("icon-play") : b2("icon-stop")}`,
         onClick: handleStatusChange
       }, playing ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         name: "service",
         className: "nut-icon-loading"
       }) : /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         name: "service"
       }))));
     };
@@ -18940,8 +19321,13 @@
       onTabChecked,
       style,
       className,
+      iconClassPrefix,
+      iconFontClassName,
       ...rest
-    } = { ...defaultProps$6, ...props };
+    } = {
+      ...defaultProps$6,
+      ...props
+    };
     const b2 = cn("address");
     const [privateType, setPrivateType] = React.useState(type);
     const [tabName] = React.useState(["province", "city", "country", "town"]);
@@ -19034,8 +19420,8 @@
         className: "arrow-back",
         onClick: onSwitchModule
       }, privateType === "custom" && backBtnIcon && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         name: backBtnIcon,
         color: "#cccccc"
       })), /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -19043,8 +19429,8 @@
       }, privateType === "custom" ? locale.address.selectRegion || customAddressTitle : locale.address.deliveryTo || existAddressTitle), /* @__PURE__ */ React__default["default"].createElement("div", {
         onClick: () => handClose()
       }, closeBtnIcon && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        classPrefix: props.iconClassPrefix,
-        fontClassName: props.iconFontClassName,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName,
         name: closeBtnIcon,
         color: "#cccccc",
         size: "18px"
@@ -19159,7 +19545,7 @@
       el.classList.add("move");
       el.style.animationDuration = `${speeds}ms`;
       el.style.top = `${_index % rows * (height + top) + 20}px`;
-      el.style.width = `${width + 20}px`;
+      el.style.width = `${width}px`;
       el.style.setProperty("--move-distance", `-${barrageCWidth.current}px`);
       el.dataset.index = `${_index}`;
       el.addEventListener("animationend", () => {
@@ -19629,6 +20015,7 @@
   exports2.Skeleton = Skeleton;
   exports2.Step = Step;
   exports2.Steps = Steps;
+  exports2.Sticky = Sticky;
   exports2.SubSideNavBar = SubSideNavBar;
   exports2.Swipe = Swipe;
   exports2.Swiper = Swiper;