@nutui/nutui-react 1.4.6 → 1.4.7-beta.0

package/dist/nutui.react.umd.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.4.6 Wed Feb 08 2023 16:17:39 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.4.7-beta.0 Wed Feb 15 2023 16:13:15 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -73,7 +73,7 @@
     classname.exports = classname_production_min;
   }
   const cn = classname.exports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
-  const defaultProps$1t = {
+  const defaultProps$1s = {
     name: "",
     size: "",
     classPrefix: "nut-icon",
@@ -84,7 +84,7 @@
     },
     className: ""
   };
-  function pxCheck$3(value) {
+  function pxCheck$2(value) {
     if (value === "") {
       return value;
     }
@@ -93,7 +93,7 @@
     }
     return `${value}px`;
   }
-  function Icon$1(props) {
+  function Icon(props) {
     const {
       name,
       size,
@@ -107,7 +107,7 @@
       onClick,
       ...rest
     } = {
-      ...defaultProps$1t,
+      ...defaultProps$1s,
       ...props
     };
     const isImage = name ? name.indexOf("/") !== -1 : false;
@@ -124,7 +124,7 @@
       return {};
     };
     const styles = {};
-    const checkedSize = pxCheck$3(size);
+    const checkedSize = pxCheck$2(size);
     if (checkedSize) {
       styles.width = styles.height = styles.fontSize = checkedSize;
     }
@@ -144,13 +144,13 @@
       children
     );
   }
-  Icon$1.defaultProps = defaultProps$1t;
-  Icon$1.displayName = "NutIcon";
+  Icon.defaultProps = defaultProps$1s;
+  Icon.displayName = "NutIcon";
   const ComponentDefaults = {
     iconClassPrefix: "nut-icon",
     iconFontClassName: "nutui-iconfont"
   };
-  const defaultProps$1s = {
+  const defaultProps$1r = {
     ...ComponentDefaults,
     className: "",
     color: "",
@@ -162,6 +162,7 @@
     size: "normal",
     block: false,
     icon: "",
+    iconSize: "16",
     style: {},
     children: void 0,
     onClick: (e2) => {
@@ -178,6 +179,7 @@
       size,
       block,
       icon,
+      iconSize,
       children,
       onClick,
       className,
@@ -186,7 +188,7 @@
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$1s,
+      ...defaultProps$1r,
       ...props
     };
     const getStyle = React.useCallback(() => {
@@ -235,6 +237,7 @@
       size,
       block,
       icon,
+      iconSize,
       children,
       onClick,
       classes,
@@ -252,21 +255,22 @@
       onClick: (e2) => handleClick2(e2)
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-button__warp"
-    }, loading && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }, loading && /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: "loading"
-    }), !loading && icon ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }), !loading && icon ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
-      name: icon
+      name: icon,
+      size: iconSize
     }) : "", children && /* @__PURE__ */ React__default["default"].createElement("div", {
       className: icon || loading ? "text" : ""
     }, children)));
   };
-  Button.defaultProps = defaultProps$1s;
+  Button.defaultProps = defaultProps$1r;
   Button.displayName = "NutButton";
-  const defaultProps$1r = {
+  const defaultProps$1q = {
     ...ComponentDefaults,
     title: null,
     subTitle: null,
@@ -308,7 +312,7 @@
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$1r,
+      ...defaultProps$1q,
       ...props
     };
     const b = cn("cell");
@@ -335,7 +339,7 @@
       ...rest
     }, children || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, icon || iconSlot ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b("icon")
-    }, iconSlot || (icon ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }, iconSlot || (icon ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: icon,
@@ -351,16 +355,16 @@
         alone: !title && !subTitle
       }),
       style: styles
-    }, desc) : null, !linkSlot && isLink ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }, desc) : null, !linkSlot && isLink ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: "right",
       className: b("link")
     }) : linkSlot));
   };
-  Cell.defaultProps = defaultProps$1r;
+  Cell.defaultProps = defaultProps$1q;
   Cell.displayName = "NutCell";
-  const defaultProps$1q = {
+  const defaultProps$1p = {
     title: "",
     desc: "",
     className: "",
@@ -369,7 +373,7 @@
   };
   const CellGroup = (props) => {
     const { children, className, title, desc, titleSlot, descSlot } = {
-      ...defaultProps$1q,
+      ...defaultProps$1p,
       ...props
     };
     const b = cn("cell-group");
@@ -383,7 +387,7 @@
       className: b("wrap")
     }, children));
   };
-  CellGroup.defaultProps = defaultProps$1q;
+  CellGroup.defaultProps = defaultProps$1p;
   CellGroup.displayName = "NutCellGroup";
   var INFINITY = 1 / 0;
   var symbolTag = "[object Symbol]";
@@ -795,7 +799,7 @@
       errorCanvasTips: "\u5F53\u524D\u73AF\u5883\u4E0D\u652F\u6301Canvas"
     }
   };
-  const defaultProps$1p = {
+  const defaultProps$1o = {
     locale: zhCN
   };
   const defaultConfigRef = {
@@ -819,7 +823,7 @@
     return cssVars;
   }
   const ConfigProvider = (props) => {
-    const { children, ...config2 } = { ...defaultProps$1p, ...props };
+    const { children, ...config2 } = { ...defaultProps$1o, ...props };
     const parentConfig = useConfig();
     const theme = config2.theme || {};
     const style = React.useMemo(
@@ -835,9 +839,9 @@
       style
     }, children));
   };
-  ConfigProvider.defaultProps = defaultProps$1p;
+  ConfigProvider.defaultProps = defaultProps$1o;
   ConfigProvider.displayName = "NutConfigProvider";
-  const defaultProps$1o = {
+  const defaultProps$1n = {
     fit: "fill",
     position: "center",
     alt: "",
@@ -872,7 +876,7 @@
       onClick,
       onLoad,
       onError
-    } = { ...defaultProps$1o, ...props };
+    } = { ...defaultProps$1n, ...props };
     const [loading, setLoading] = React.useState(true);
     const [isError, setIsError] = React.useState(false);
     const [_src, setSrc] = React.useState("");
@@ -973,16 +977,16 @@
     }), loading && showLoading ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-img-loading",
       style: loadingBg
-    }, !loadingImg && (slotLoding || children || /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }, !loadingImg && (slotLoding || children || /* @__PURE__ */ React__default["default"].createElement(Icon, {
       name: "image"
     }))) : null, isError && showError && !loading ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-img-error",
       style: errorBg
-    }, !errorImg && (slotError || children || /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }, !errorImg && (slotError || children || /* @__PURE__ */ React__default["default"].createElement(Icon, {
       name: "image-error"
     }))) : null);
   };
-  Image$1.defaultProps = defaultProps$1o;
+  Image$1.defaultProps = defaultProps$1n;
   Image$1.displayName = "NutImage";
   var classnames = { exports: {} };
   /*!
@@ -1575,7 +1579,7 @@
   };
   CSSTransition.propTypes = {};
   var CSSTransition$1 = CSSTransition;
-  const defaultProps$1n = {
+  const defaultProps$1m = {
     ...ComponentDefaults,
     position: "center",
     transition: "",
@@ -1584,6 +1588,7 @@
     closeable: false,
     closeIconPosition: "top-right",
     closeIcon: "close",
+    closeIconSize: "12px",
     destroyOnClose: true,
     teleport: null,
     overlay: true,
@@ -1635,7 +1640,8 @@
       onClosed,
       onClick,
       iconClassPrefix,
-      iconFontClassName
+      iconFontClassName,
+      closeIconSize
     } = props;
     const [index, setIndex] = React.useState(zIndex || _zIndex);
     const [innerVisible, setInnerVisible] = React.useState(visible);
@@ -1733,11 +1739,11 @@
       }, showChildren ? children : "", closeable ? /* @__PURE__ */ React__default["default"].createElement("div", {
         className: closeClasses,
         onClick: onHandleClickCloseIcon
-      }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
         classPrefix: iconClassPrefix,
         fontClassName: iconFontClassName,
         name: closeIcon,
-        size: "12px"
+        size: closeIconSize
       })) : ""));
     };
     const renderNode = () => {
@@ -1761,10 +1767,10 @@
     }, [position]);
     return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, renderToContainer(teleport, renderNode()));
   };
-  Popup.defaultProps = defaultProps$1n;
+  Popup.defaultProps = defaultProps$1m;
   Popup.displayName = "NutPopup";
   const DataContext$2 = React.createContext({});
-  const defaultProps$1m = {
+  const defaultProps$1l = {
     span: "24",
     offset: "0",
     gutter: "0"
@@ -1777,7 +1783,7 @@
       offset,
       children,
       onClick
-    } = { ...defaultProps$1m, ...props };
+    } = { ...defaultProps$1l, ...props };
     const [colName, setColName] = React.useState("");
     const [colStyle, setColStyle] = React.useState({});
     const { gutter } = React.useContext(DataContext$2);
@@ -1803,9 +1809,9 @@
       }
     }, children);
   };
-  Col.defaultProps = defaultProps$1m;
+  Col.defaultProps = defaultProps$1l;
   Col.displayName = "NutCol";
-  const defaultProps$1l = {
+  const defaultProps$1k = {
     contentPosition: "center",
     dashed: false,
     hairline: true,
@@ -1822,7 +1828,7 @@
       direction,
       ...rest
     } = {
-      ...defaultProps$1l,
+      ...defaultProps$1k,
       ...props
     };
     const dividerBem = cn("divider");
@@ -1843,14 +1849,14 @@
       ...rest
     }, children);
   };
-  Divider.defaultProps = defaultProps$1l;
+  Divider.defaultProps = defaultProps$1k;
   Divider.displayName = "NutDivider";
   const gridContext = {
     onClick: (item, index) => {
     }
   };
   var GridContext = React__default["default"].createContext(gridContext);
-  const defaultProps$1k = {
+  const defaultProps$1j = {
     columnNum: 4,
     border: true,
     gutter: 0,
@@ -1878,7 +1884,7 @@
       className,
       onClick,
       ...rest
-    } = { ...defaultProps$1k, ...props };
+    } = { ...defaultProps$1j, ...props };
     const childrenDom = React__default["default"].Children.toArray(children);
     const pxCheck2 = (value) => {
       return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
@@ -1919,9 +1925,9 @@
       });
     })));
   };
-  Grid.defaultProps = defaultProps$1k;
+  Grid.defaultProps = defaultProps$1j;
   Grid.displayName = "NutGrid";
-  const defaultProps$1j = {
+  const defaultProps$1i = {
     ...ComponentDefaults,
     text: "",
     fontSize: "",
@@ -1964,7 +1970,7 @@
       onClick,
       ...rest
     } = {
-      ...defaultProps$1j,
+      ...defaultProps$1i,
       ...props
     };
     const b = cn("grid-item");
@@ -2024,7 +2030,7 @@
       onClick: handleClick2
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: contentClass()
-    }, icon && isIconName() ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }, icon && isIconName() ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: icon,
@@ -2035,18 +2041,18 @@
       style: { fontSize, color }
     }, text), children && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, children)));
   };
-  GridItem.defaultProps = defaultProps$1j;
+  GridItem.defaultProps = defaultProps$1i;
   GridItem.displayName = "NutGridItem";
-  const defaultProps$1i = {};
+  const defaultProps$1h = {};
   const Layout = (props) => {
-    ({ ...defaultProps$1i, ...props });
+    ({ ...defaultProps$1h, ...props });
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-layout"
     }, "Layout");
   };
-  Layout.defaultProps = defaultProps$1i;
+  Layout.defaultProps = defaultProps$1h;
   Layout.displayName = "NutLayout";
-  const defaultProps$1h = {
+  const defaultProps$1g = {
     type: "",
     justify: "start",
     align: "flex-start",
@@ -2065,7 +2071,7 @@
       gutter,
       onClick
     } = {
-      ...defaultProps$1h,
+      ...defaultProps$1g,
       ...props
     };
     const prefixCls = "nut-row";
@@ -2100,7 +2106,7 @@
       children
     ));
   };
-  Row.defaultProps = defaultProps$1h;
+  Row.defaultProps = defaultProps$1g;
   Row.displayName = "NutRow";
   const canUseDom = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
   const defaultRoot = canUseDom ? window : void 0;
@@ -2175,7 +2181,7 @@
       stop2.current = true;
     };
   }
-  const defaultProps$1g = {
+  const defaultProps$1f = {
     position: "top",
     top: 0,
     bottom: 0,
@@ -2319,7 +2325,7 @@
       style: stickyStyle
     }, children));
   };
-  Sticky.defaultProps = defaultProps$1g;
+  Sticky.defaultProps = defaultProps$1f;
   Sticky.displayName = "NutSticky";
   function clamp$1(v, min, max) {
     return Math.max(min, Math.min(v, max));
@@ -2363,7 +2369,24 @@
     const [[X0, X1], [Y0, Y1]] = bounds;
     return [rubberbandIfOutOfBounds$1(Vx, X0, X1, Rx), rubberbandIfOutOfBounds$1(Vy, Y0, Y1, Ry)];
   }
+  function _toPrimitive(input, hint) {
+    if (typeof input !== "object" || input === null)
+      return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== void 0) {
+      var res = prim.call(input, hint || "default");
+      if (typeof res !== "object")
+        return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return typeof key === "symbol" ? key : String(key);
+  }
   function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -2905,12 +2928,11 @@
       return [[left, right], [top, bottom]];
     }
   });
-  const DISPLACEMENT = 10;
   const KEYS_DELTA_MAP = {
-    ArrowRight: (factor = 1) => [DISPLACEMENT * factor, 0],
-    ArrowLeft: (factor = 1) => [-DISPLACEMENT * factor, 0],
-    ArrowUp: (factor = 1) => [0, -DISPLACEMENT * factor],
-    ArrowDown: (factor = 1) => [0, DISPLACEMENT * factor]
+    ArrowRight: (displacement, factor = 1) => [displacement * factor, 0],
+    ArrowLeft: (displacement, factor = 1) => [-1 * displacement * factor, 0],
+    ArrowUp: (displacement, factor = 1) => [0, -1 * displacement * factor],
+    ArrowDown: (displacement, factor = 1) => [0, displacement * factor]
   };
   class DragEngine extends CoordinatesEngine {
     constructor(...args) {
@@ -3134,7 +3156,7 @@
         const state = this.state;
         const factor = event.shiftKey ? 10 : event.altKey ? 0.1 : 1;
         this.start(event);
-        state._delta = deltaFn(factor);
+        state._delta = deltaFn(this.config.keyboardDisplacement, factor);
         state._keyboardActive = true;
         V.addTo(state._movement, state._delta);
         this.compute(event);
@@ -3206,6 +3228,7 @@
   const DEFAULT_SWIPE_VELOCITY = 0.5;
   const DEFAULT_SWIPE_DISTANCE = 50;
   const DEFAULT_SWIPE_DURATION = 250;
+  const DEFAULT_KEYBOARD_DISPLACEMENT = 10;
   const DEFAULT_DRAG_AXIS_THRESHOLD = {
     mouse: 0,
     touch: 0,
@@ -3284,6 +3307,9 @@
       if (!value)
         return DEFAULT_DRAG_AXIS_THRESHOLD;
       return _objectSpread2(_objectSpread2({}, DEFAULT_DRAG_AXIS_THRESHOLD), value);
+    },
+    keyboardDisplacement(value = DEFAULT_KEYBOARD_DISPLACEMENT) {
+      return value;
     }
   });
   function clampStateInternalMovementToBounds(state) {
@@ -4015,16 +4041,10 @@
         }
         const nativeBindFunction = bindToProps(props, sharedConfig.eventOptions, !!target);
         for (const eventKey in this.nativeHandlers) {
-          nativeBindFunction(
-            eventKey,
-            "",
-            (event) => this.nativeHandlers[eventKey](_objectSpread2(_objectSpread2({}, this.state.shared), {}, {
-              event,
-              args
-            })),
-            void 0,
-            true
-          );
+          nativeBindFunction(eventKey, "", (event) => this.nativeHandlers[eventKey](_objectSpread2(_objectSpread2({}, this.state.shared), {}, {
+            event,
+            args
+          })), void 0, true);
         }
       }
       for (const handlerProp in props) {
@@ -7345,7 +7365,7 @@
   });
   const animated = host.animated;
   const elevatorContext = React.createContext({});
-  const defaultProps$1f = {
+  const defaultProps$1e = {
     height: "200px",
     acceptKey: "title",
     indexList: [],
@@ -7368,7 +7388,7 @@
       children,
       ...rest
     } = {
-      ...defaultProps$1f,
+      ...defaultProps$1e,
       ...props
     };
     const b = cn("elevator");
@@ -7555,9 +7575,10 @@
       }, item[acceptKey]);
     }))));
   };
-  Elevator.defaultProps = defaultProps$1f;
+  Elevator.defaultProps = defaultProps$1e;
   Elevator.displayName = "NutElevator";
-  const defaultProps$1e = {
+  Elevator.Context = elevatorContext;
+  const defaultProps$1d = {
     ...ComponentDefaults,
     fixednavClass: "nut-fixednav",
     activeText: "",
@@ -7587,7 +7608,7 @@
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$1e,
+      ...defaultProps$1d,
       ...props
     };
     const b = cn("fixednav");
@@ -7633,7 +7654,7 @@
     }))), /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-fixednav__btn",
       onClick: () => onUpdateValue()
-    }, slotBtn || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }, slotBtn || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: "left",
@@ -7642,9 +7663,9 @@
       className: "text"
     }, visible ? activeText || locale.fixednav.activeText : unActiveText || locale.fixednav.unActiveText))));
   };
-  FixedNav.defaultProps = defaultProps$1e;
+  FixedNav.defaultProps = defaultProps$1d;
   FixedNav.displayName = "NutFixedNav";
-  const defaultProps$1d = {
+  const defaultProps$1c = {
     size: 3,
     current: 1,
     block: false,
@@ -7664,7 +7685,7 @@
       vertical,
       ...rest
     } = {
-      ...defaultProps$1d,
+      ...defaultProps$1c,
       ...props
     };
     const b = cn("indicator");
@@ -7698,9 +7719,9 @@
       ...rest
     }, renderEles());
   };
-  Indicator.defaultProps = defaultProps$1d;
+  Indicator.defaultProps = defaultProps$1c;
   Indicator.displayName = "NutIndicator";
-  const defaultProps$1c = {
+  const defaultProps$1b = {
     ...ComponentDefaults,
     className: "",
     style: {},
@@ -7723,7 +7744,7 @@
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$1c,
+      ...defaultProps$1b,
       ...props
     };
     const parentRef = React.useRef(null);
@@ -7819,7 +7840,7 @@
         })}`
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "nut-menu__title-text"
-      }, finallyTitle()), /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      }, finallyTitle()), /* @__PURE__ */ React__default["default"].createElement(Icon, {
         classPrefix: iconClassPrefix,
         fontClassName: iconFontClassName,
         className: "nut-menu__title-icon",
@@ -7828,9 +7849,9 @@
       })));
     })), cloneChildren()));
   };
-  Menu.defaultProps = defaultProps$1c;
+  Menu.defaultProps = defaultProps$1b;
   Menu.displayName = "NutMenu";
-  const defaultProps$1b = {
+  const defaultProps$1a = {
     ...ComponentDefaults,
     className: "",
     style: {},
@@ -7845,7 +7866,7 @@
   };
   const MenuItem = React.forwardRef((props, ref) => {
     useConfig();
-    const mergedProps = { ...defaultProps$1b, ...props };
+    const mergedProps = { ...defaultProps$1a, ...props };
     const {
       style,
       options: options2,
@@ -7861,7 +7882,7 @@
       iconClassPrefix,
       iconFontClassName
     } = {
-      ...defaultProps$1b,
+      ...defaultProps$1a,
       ...props
     };
     const { activeColor, showPopup, parent, orderKey } = mergedProps;
@@ -7968,7 +7989,7 @@
         onClick: () => {
           handleClick2(item);
         }
-      }, item.value === _value ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      }, item.value === _value ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
         classPrefix: iconClassPrefix,
         fontClassName: iconFontClassName,
         className: getIconCName(item.value, value),
@@ -7982,9 +8003,9 @@
       }, item.text));
     }), children))));
   });
-  MenuItem.defaultProps = defaultProps$1b;
+  MenuItem.defaultProps = defaultProps$1a;
   MenuItem.displayName = "NutMenuItem";
-  const defaultProps$1a = {
+  const defaultProps$19 = {
     ...ComponentDefaults,
     title: "",
     desc: "",
@@ -8020,7 +8041,7 @@
       iconClassPrefix,
       iconFontClassName
     } = {
-      ...defaultProps$1a,
+      ...defaultProps$19,
       ...props
     };
     const b = cn("navbar");
@@ -8042,7 +8063,7 @@
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         className: `${b("left")}`,
         onClick: (e2) => onClickBack(e2)
-      }, leftShow && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      }, leftShow && /* @__PURE__ */ React__default["default"].createElement(Icon, {
         classPrefix: iconClassPrefix,
         fontClassName: iconFontClassName,
         name: "left",
@@ -8059,7 +8080,7 @@
         onClick: (e2) => onClickTitle(e2)
       }, title), titIcon && /* @__PURE__ */ React__default["default"].createElement("div", {
         onClick: (e2) => onClickIcon(e2)
-      }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
         classPrefix: iconClassPrefix,
         fontClassName: iconFontClassName,
         name: titIcon
@@ -8089,9 +8110,9 @@
       className: `${b("")}--placeholder`
     }, renderWrapper()) : renderWrapper());
   };
-  NavBar.defaultProps = defaultProps$1a;
+  NavBar.defaultProps = defaultProps$19;
   NavBar.displayName = "NutNavBar";
-  const defaultProps$19 = {
+  const defaultProps$18 = {
     defaultValue: 1,
     mode: "multi",
     prevText: "",
@@ -8108,7 +8129,7 @@
   };
   const Pagination = (props) => {
     const { locale } = useConfig();
-    ({ ...defaultProps$19, ...props });
+    ({ ...defaultProps$18, ...props });
     const {
       modelValue,
       mode,
@@ -8225,7 +8246,7 @@
       onClick: (e2) => selectPage(Number(currentPage) + 1, true)
     }, nextText || locale.pagination.next));
   };
-  Pagination.defaultProps = defaultProps$19;
+  Pagination.defaultProps = defaultProps$18;
   Pagination.displayName = "NutPagination";
   const handleClick = (e2) => {
     e2.stopPropagation();
@@ -8241,7 +8262,7 @@
     }
   };
   const OffsetContext = React.createContext(20);
-  const defaultProps$18 = {
+  const defaultProps$17 = {
     showhead: false,
     position: "left",
     width: "80%"
@@ -8259,7 +8280,7 @@
       onClose,
       ...rest
     } = {
-      ...defaultProps$18,
+      ...defaultProps$17,
       ...props
     };
     const offset = props.offset ? Number(props.offset) : 20;
@@ -8287,7 +8308,7 @@
       className: "nut-sidenavbar__content"
     }, children))))));
   };
-  SideNavBar.defaultProps = defaultProps$18;
+  SideNavBar.defaultProps = defaultProps$17;
   SideNavBar.displayName = "NutSideNavBar";
   const SideNavBarItem = (props) => {
     const { title, ikey, children, onClick, ...rest } = props;
@@ -8301,12 +8322,12 @@
       ...rest
     }, title);
   };
-  const defaultProps$17 = {
+  const defaultProps$16 = {
     open: true
   };
   const SubSideNavBar = (props) => {
     const { title, ikey, children, onClick, open, ...rest } = {
-      ...defaultProps$17,
+      ...defaultProps$16,
       ...props
     };
     const offset = React.useContext(OffsetContext);
@@ -8365,7 +8386,7 @@
       className: "nut-subsidenavbar__content"
     }, children));
   };
-  const defaultProps$16 = {
+  const defaultProps$15 = {
     visible: 0,
     bottom: false,
     size: 20,
@@ -8393,7 +8414,7 @@
       tabSwitch,
       onSwitch
     } = {
-      ...defaultProps$16,
+      ...defaultProps$15,
       ...props
     };
     const b = cn("tabbar");
@@ -8405,7 +8426,7 @@
       className: [
         `${b()}`,
         bottom ? `${b("bottom")}` : "",
-        safeAreaInsetBottom ? `${b("safebottom")}` : "",
+        safeAreaInsetBottom ? `${b("bottom")} ${b("safebottom")}` : "",
         className
       ].join(" "),
       style
@@ -8429,12 +8450,13 @@
       return React__default["default"].cloneElement(child, childProps);
     }));
   };
-  Tabbar.defaultProps = defaultProps$16;
+  Tabbar.defaultProps = defaultProps$15;
   Tabbar.displayName = "NutTabbar";
-  const defaultProps$15 = {
+  const defaultProps$14 = {
     ...ComponentDefaults,
     dot: false,
     size: "",
+    iconSize: "",
     className: "",
     tabTitle: "",
     icon: "",
@@ -8451,6 +8473,7 @@
     const {
       dot,
       size,
+      iconSize,
       className,
       style,
       tabTitle,
@@ -8465,7 +8488,7 @@
       iconClassPrefix,
       iconFontClassName
     } = {
-      ...defaultProps$15,
+      ...defaultProps$14,
       ...props
     };
     const b = cn("tabbar-item");
@@ -8491,19 +8514,19 @@
     }, num), num && num >= 100 && /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `${bIcon("tips", [bIcon("nums")])}`
     }, "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, {
+      className: `${bIcon("tips", [bIcon("dot")])}`
+    }), icon && /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
-      size,
+      size: iconSize || size,
       name: icon
-    })), /* @__PURE__ */ React__default["default"].createElement("div", {
+    })), tabTitle && /* @__PURE__ */ React__default["default"].createElement("div", {
       className: bIcon({ "nav-word": true }, [
         bIcon({ "big-word": !icon })
       ])
-    }, tabTitle)));
+    }, tabTitle));
   };
-  const defaultProps$14 = {
+  const defaultProps$13 = {
     title: "",
     paneKey: "",
     activeKey: "",
@@ -8511,7 +8534,7 @@
   };
   const TabPane = (props) => {
     const { children, paneKey, activeKey, autoHeightClassName, className } = {
-      ...defaultProps$14,
+      ...defaultProps$13,
       ...props
     };
     const b = cn("tabpane");
@@ -8535,7 +8558,7 @@
       this.index = 0;
     }
   }
-  const defaultProps$13 = {
+  const defaultProps$12 = {
     ...ComponentDefaults,
     tabStyle: {},
     value: 0,
@@ -8550,7 +8573,7 @@
     size: "normal",
     autoHeight: false
   };
-  const pxCheck$2 = (value) => {
+  const pxCheck$1 = (value) => {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
   };
   const Tabs = (props) => {
@@ -8576,7 +8599,7 @@
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$13,
+      ...defaultProps$12,
       ...props
     };
     const [currentItem, setCurrentItem] = React.useState({ index: 0 });
@@ -8614,8 +8637,8 @@
       `${b("")}__titles`
     );
     const titleStyle = {
-      marginLeft: pxCheck$2(titleGutter),
-      marginRight: pxCheck$2(titleGutter)
+      marginLeft: pxCheck$1(titleGutter),
+      marginRight: pxCheck$1(titleGutter)
     };
     const tabsActiveStyle = {
       color: type2 === "smile" ? color : "",
@@ -8658,7 +8681,7 @@
       }), type2 === "smile" && /* @__PURE__ */ React__default["default"].createElement("div", {
         className: `${b("")}__titles-item__smile`,
         style: tabsActiveStyle
-      }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
         classPrefix: iconClassPrefix,
         fontClassName: iconFontClassName,
         color,
@@ -8694,7 +8717,7 @@
       return React__default["default"].cloneElement(child, childProps);
     }))));
   };
-  Tabs.defaultProps = defaultProps$13;
+  Tabs.defaultProps = defaultProps$12;
   Tabs.displayName = "NutTabs";
   const Utils = {
     isLeapYear(y) {
@@ -8788,7 +8811,7 @@
     };
   }
   var requestAniFrame$1 = requestAniFrame();
-  const defaultProps$12 = {
+  const defaultProps$11 = {
     type: "one",
     isAutoBackFill: false,
     poppable: true,
@@ -8837,7 +8860,7 @@
       onChoose,
       onUpdate,
       onSelected
-    } = { ...defaultProps$12, ...props };
+    } = { ...defaultProps$11, ...props };
     const weeks = locale.calendaritem.weekdays;
     const [yearMonthTitle, setYearMonthTitle] = React.useState("");
     const [monthsData, setMonthsData] = React.useState([]);
@@ -9424,9 +9447,9 @@
       onClick: confirm2
     }, confirmText || locale.confirm)) : ""));
   });
-  CalendarItem.defaultProps = defaultProps$12;
+  CalendarItem.defaultProps = defaultProps$11;
   CalendarItem.displayName = "NutCalendarItem";
-  const defaultProps$11 = {
+  const defaultProps$10 = {
     type: "one",
     isAutoBackFill: false,
     poppable: true,
@@ -9478,7 +9501,7 @@
       onClose,
       onChoose,
       onSelected
-    } = { ...defaultProps$11, ...props };
+    } = { ...defaultProps$10, ...props };
     const calendarRef = React.useRef(null);
     const close = () => {
       onClose && onClose();
@@ -9537,9 +9560,9 @@
       style: { height: "85vh" }
     }, renderItem()) : renderItem());
   });
-  Calendar.defaultProps = defaultProps$11;
+  Calendar.defaultProps = defaultProps$10;
   Calendar.displayName = "NutCalendar";
-  const defaultProps$10 = {
+  const defaultProps$$ = {
     data: {
       text: "",
       value: "",
@@ -9555,7 +9578,7 @@
   };
   const InternalCascaderItem = (props) => {
     const { data, checked, chooseItem, activeColor } = {
-      ...defaultProps$10,
+      ...defaultProps$$,
       ...props
     };
     const b = cn("cascader-item");
@@ -9582,17 +9605,17 @@
       }
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: classesTitle
-    }, data.text), data.loading ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }, data.text), data.loading ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
       color: "#969799",
       className: "nut-cascader-item__icon-loading",
       name: "loading"
-    }) : /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }) : /* @__PURE__ */ React__default["default"].createElement(Icon, {
       className: `${checked ? b("icon-check") : ""}`,
       name: "checklist"
     }));
   };
   const CascaderItem = React__default["default"].forwardRef(InternalCascaderItem);
-  CascaderItem.defaultProps = defaultProps$10;
+  CascaderItem.defaultProps = defaultProps$$;
   CascaderItem.displayName = "NutCascaderItem";
   const formatTree = (tree, parent, config2) => tree.map((node) => {
     const {
@@ -9726,7 +9749,7 @@
       return pathNodes;
     }
   }
-  const defaultProps$$ = {
+  const defaultProps$_ = {
     className: "",
     style: {},
     activeColor: "#fa2c19",
@@ -9776,7 +9799,7 @@
       onClose,
       onChange,
       onPathChange
-    } = { ...defaultProps$$, ...props };
+    } = { ...defaultProps$_, ...props };
     const [tabvalue, setTabvalue] = React.useState("c1");
     const [optiosData, setOptiosData] = React.useState([]);
     const isLazy = () => state.configs.lazy && Boolean(state.configs.lazyLoad);
@@ -10036,9 +10059,9 @@
     }, renderItem()) : renderItem());
   };
   const Cascader = React__default["default"].forwardRef(InternalCascader);
-  Cascader.defaultProps = defaultProps$$;
+  Cascader.defaultProps = defaultProps$_;
   Cascader.displayName = "NutCascader";
-  const defaultProps$_ = {
+  const defaultProps$Z = {
     disabled: false,
     checkedValue: [],
     max: void 0,
@@ -10048,7 +10071,7 @@
   };
   const CheckboxGroup = React__default["default"].forwardRef(
     (props, ref) => {
-      const { children } = { ...defaultProps$_, ...props };
+      const { children } = { ...defaultProps$Z, ...props };
       const b = cn("checkboxgroup");
       const {
         className,
@@ -10148,16 +10171,16 @@
             checked: childChecked
           });
         });
-      }, [innerValue, options2]);
+      }, [innerValue, options2, innerDisabled]);
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         className: `${b()} ${className || ""}`,
         ...rest
       }, (options2 == null ? void 0 : options2.length) ? renderOptionsChildren() : cloneChildren());
     }
   );
-  CheckboxGroup.defaultProps = defaultProps$_;
+  CheckboxGroup.defaultProps = defaultProps$Z;
   CheckboxGroup.displayName = "NutCheckboxGroup";
-  const defaultProps$Z = {
+  const defaultProps$Y = {
     ...ComponentDefaults,
     checked: false,
     disabled: false,
@@ -10173,7 +10196,7 @@
   };
   const Checkbox = (props) => {
     const { children } = {
-      ...defaultProps$Z,
+      ...defaultProps$Y,
       ...props
     };
     const b = cn("checkbox");
@@ -10215,7 +10238,7 @@
       return iconActiveName;
     };
     const renderIcon = () => {
-      return /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      return /* @__PURE__ */ React__default["default"].createElement(Icon, {
         classPrefix: iconClassPrefix,
         fontClassName: iconFontClassName,
         name: getIconName(),
@@ -10255,7 +10278,7 @@
       onClick: handleClick2
     }, renderIcon(), renderLabel());
   };
-  Checkbox.defaultProps = defaultProps$Z;
+  Checkbox.defaultProps = defaultProps$Y;
   Checkbox.displayName = "NutCheckBox";
   Checkbox.Group = CheckboxGroup;
   const MIN_DISTANCE = 10;
@@ -10744,7 +10767,7 @@
   };
   const Picker = React__default["default"].forwardRef(InternalPicker);
   const currentYear = new Date().getFullYear();
-  const defaultProps$Y = {
+  const defaultProps$X = {
     modelValue: null,
     visible: false,
     title: "",
@@ -10775,7 +10798,7 @@
       style,
       ...rest
     } = {
-      ...defaultProps$Y,
+      ...defaultProps$X,
       ...props
     };
     const { locale } = useConfig();
@@ -11041,7 +11064,7 @@
       ref: pickerRef
     }));
   };
-  DatePicker.defaultProps = defaultProps$Y;
+  DatePicker.defaultProps = defaultProps$X;
   DatePicker.displayName = "NutDatePicker";
   const FormItemContext = React.createContext({});
   function _extends() {
@@ -12113,14 +12136,6 @@
           ...this.store,
           ...newStore
         };
-        this.fieldEntities.forEach((enetity) => {
-          const { name } = enetity.props;
-          Object.keys(newStore).forEach((key) => {
-            if (key === name) {
-              enetity.onStoreChange();
-            }
-          });
-        });
       };
       this.validate = () => {
         const err = [];
@@ -12144,7 +12159,6 @@
               err.push(...errors);
               this.errList.push(...errors);
             }
-            entity.onStoreChange();
           });
         });
         return err;
@@ -12198,7 +12212,7 @@
     }
     return [formRef.current];
   };
-  const defaultProps$X = {
+  const defaultProps$W = {
     ...ComponentDefaults,
     name: "",
     label: "",
@@ -12208,15 +12222,21 @@
     labelWidth: 90,
     errorMessageAlign: "left",
     showErrorLine: true,
-    showErrorMessage: true
+    showErrorMessage: true,
+    initialValue: ""
   };
   class FormItem extends React__default["default"].Component {
     constructor() {
       super(...arguments);
       this.getControlled = (children) => {
+        var _a;
         const { getFieldValue, setFieldsValue } = this.context;
         const { name } = this.props;
         const type2 = children.type.NAME;
+        const defaultvalue = this.props.initialValue || ((_a = children.props) == null ? void 0 : _a.defaultValue);
+        if (defaultvalue) {
+          setFieldsValue({ [name]: defaultvalue });
+        }
         return {
           value: getFieldValue(name),
           onChange: (event) => {
@@ -12235,7 +12255,6 @@
         };
       };
       this.onStoreChange = () => {
-        this.forceUpdate();
       };
       this.renderLayout = (childNode) => {
         var _a, _b;
@@ -12249,7 +12268,7 @@
           showErrorLine,
           showErrorMessage
         } = {
-          ...defaultProps$X,
+          ...defaultProps$W,
           ...this.props
         };
         const item = ((_a = this.context.errList) == null ? void 0 : _a.length) > 0 && ((_b = this.context.errList) == null ? void 0 : _b.filter((item2) => {
@@ -12289,18 +12308,24 @@
       }
     }
     render() {
-      const { children } = this.props;
+      const { children, initialValue } = this.props;
       const c = Array.isArray(children) ? children[0] : children;
+      let restCNode = c;
+      if (initialValue) {
+        restCNode = React__default["default"].cloneElement(c, {
+          defaultValue: initialValue
+        });
+      }
       const returnChildNode = React__default["default"].cloneElement(
-        c,
+        restCNode,
         this.getControlled(c)
       );
       return this.renderLayout(returnChildNode);
     }
   }
-  FormItem.defaultProps = defaultProps$X;
+  FormItem.defaultProps = defaultProps$W;
   FormItem.contextType = FormItemContext;
-  const defaultProps$W = {
+  const defaultProps$V = {
     ...ComponentDefaults,
     className: "",
     style: void 0,
@@ -12327,7 +12352,7 @@
       starPositon,
       ...rest
     } = {
-      ...defaultProps$W,
+      ...defaultProps$V,
       ...props
     };
     const [formInstance] = useForm();
@@ -12348,7 +12373,7 @@
       value: formInstance
     }, children)));
   };
-  Form.defaultProps = defaultProps$W;
+  Form.defaultProps = defaultProps$V;
   Form.displayName = "NutForm";
   Form.Item = FormItem;
   function trimExtraChar(value, char, regExp) {
@@ -12375,7 +12400,7 @@
     const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
     return value.replace(regExp, "");
   }
-  const defaultProps$V = {
+  const defaultProps$U = {
     ...ComponentDefaults,
     type: "text",
     name: "",
@@ -12464,7 +12489,7 @@
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$V,
+      ...defaultProps$U,
       ...props
     };
     locale.placeholder = placeholder || locale.placeholder;
@@ -12595,7 +12620,7 @@
       onClick: (e2) => {
         handleClickLeftIcon(e2);
       }
-    }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: leftIcon,
@@ -12658,7 +12683,7 @@
       onInput: (e2) => {
         handleInput(e2);
       }
-    }), clearable && !readonly && active && inputValue.length > 0 ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }), clearable && !readonly && active && inputValue.length > 0 ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       className: "nut-input-clear",
@@ -12672,7 +12697,7 @@
       onClick: (e2) => {
         handleClickRightIcon(e2);
       }
-    }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: rightIcon,
@@ -12690,9 +12715,9 @@
       }
     }, errorMessage) : null)));
   });
-  Input.defaultProps = defaultProps$V;
+  Input.defaultProps = defaultProps$U;
   Input.displayName = "NutInput";
-  const defaultProps$U = {
+  const defaultProps$T = {
     ...ComponentDefaults,
     disabled: false,
     buttonSize: "",
@@ -12705,7 +12730,7 @@
     decimalPlaces: 0,
     isAsync: false
   };
-  function pxCheck$1(value) {
+  function pxCheck(value) {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
   }
   const InputNumber = (props) => {
@@ -12739,7 +12764,7 @@
       iconFontClassName,
       ...restProps
     } = {
-      ...defaultProps$U,
+      ...defaultProps$T,
       ...props
     };
     const [inputValue, setInputValue] = React.useState(modelValue);
@@ -12755,7 +12780,7 @@
       b("")
     );
     const styles = {
-      height: pxCheck$1(buttonSize),
+      height: pxCheck(buttonSize),
       ...style
     };
     const addAllow = (value = inputValue) => {
@@ -12857,7 +12882,7 @@
       className: classes,
       style: styles,
       ...restProps
-    }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       className: iconMinusClasses,
@@ -12868,14 +12893,14 @@
       type: "number",
       min,
       max,
-      style: { width: pxCheck$1(inputWidth) },
+      style: { width: pxCheck(inputWidth) },
       disabled,
       readOnly: readonly,
       value: inputValue,
       onInput: changeValue,
       onBlur: burValue,
       onFocus: focusValue
-    }), /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }), /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       className: iconAddClasses,
@@ -12884,12 +12909,13 @@
       onClick: addNumber
     }));
   };
-  InputNumber.defaultProps = defaultProps$U;
+  InputNumber.defaultProps = defaultProps$T;
   InputNumber.displayName = "NutInputNumber";
-  const defaultProps$T = {
+  const defaultProps$S = {
     confirmText: "",
     title: "",
     visible: false,
+    overlay: true,
     type: "default",
     customKey: [],
     className: "",
@@ -12904,6 +12930,7 @@
       title,
       confirmText,
       visible,
+      overlay,
       type: type2,
       customKey,
       randomKeys,
@@ -13018,6 +13045,7 @@
       position: "bottom",
       popClass,
       onClickOverlay: onClose,
+      overlay,
       onClickCloseIcon: onClose,
       overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" }
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -13084,14 +13112,14 @@
       })
     }, confirmText || locale.done))) : null))));
   };
-  NumberKeyboard.defaultProps = defaultProps$T;
+  NumberKeyboard.defaultProps = defaultProps$S;
   NumberKeyboard.displayName = "NutNumberKeyboard";
   const radioContext = {
     onChange: (val) => {
     }
   };
   var RadioContext = React__default["default"].createContext(radioContext);
-  const defaultProps$S = {
+  const defaultProps$R = {
     value: null,
     textPosition: "right",
     onChange: (value) => {
@@ -13101,7 +13129,7 @@
   };
   const RadioGroup = React__default["default"].forwardRef(
     (props, ref) => {
-      const { children } = { ...defaultProps$S, ...props };
+      const { children } = { ...defaultProps$R, ...props };
       cn("RadioGroup");
       const {
         className,
@@ -13166,9 +13194,9 @@
       }, (options2 == null ? void 0 : options2.length) ? renderOptionsChildren() : cloneChildren()));
     }
   );
-  RadioGroup.defaultProps = defaultProps$S;
+  RadioGroup.defaultProps = defaultProps$R;
   RadioGroup.displayName = "NutRadioGroup";
-  const defaultProps$R = {
+  const defaultProps$Q = {
     ...ComponentDefaults,
     className: "",
     style: {},
@@ -13185,7 +13213,7 @@
   };
   const Radio = (props) => {
     const { children } = {
-      ...defaultProps$R,
+      ...defaultProps$Q,
       ...props
     };
     const {
@@ -13220,7 +13248,7 @@
     };
     const renderButton = () => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: `${componentName}__button ${checkedStatement && `${componentName}__button--active`} ${disabledStatement ? `${componentName}__button--disabled` : ""}`
+        className: `${componentName}__button ${!disabledStatement && checkedStatement && `${componentName}__button--active`} ${disabledStatement ? `${componentName}__button--disabled` : ""}`
       }, children);
     };
     const color = () => {
@@ -13234,14 +13262,15 @@
     };
     const renderIcon = () => {
       const { iconName: iconName2, iconSize: iconSize2, iconActiveName: iconActiveName2 } = props;
-      return /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      return /* @__PURE__ */ React__default["default"].createElement(Icon, {
         classPrefix: iconClassPrefix,
         fontClassName: iconFontClassName,
-        name: checkedStatement ? iconActiveName2 : iconName2,
+        name: !disabledStatement && checkedStatement ? iconActiveName2 : iconName2,
         size: iconSize2,
         className: color()
       });
     };
+    const reverseState = textPosition === "left";
     const renderRadioItem = () => {
       if (shape === "button") {
         return renderButton();
@@ -13258,14 +13287,13 @@
       onChange && onChange(e2);
       context && context.onChange(valueStatement);
     };
-    const reverseState = textPosition === "left";
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `nut-radio ${className}`,
+      className: `nut-radio ${className} ${reverseState ? `${componentName}--reverse` : ""}`,
       onClick: handleClick2,
       ...rest
     }, renderRadioItem());
   };
-  Radio.defaultProps = defaultProps$R;
+  Radio.defaultProps = defaultProps$Q;
   Radio.displayName = "NutRadio";
   Radio.RadioGroup = RadioGroup;
   const fullClone = {
@@ -13405,7 +13433,7 @@
         }
       }, icon ? /* @__PURE__ */ React__namespace.createElement("p", {
         className: toastBem("icon-wrapper")
-      }, /* @__PURE__ */ React__namespace.createElement(Icon$1, {
+      }, /* @__PURE__ */ React__namespace.createElement(Icon, {
         name: icon || "",
         color: "#ffffff",
         size: iconSize
@@ -13522,7 +13550,7 @@
       }
     }
   };
-  const defaultProps$Q = {
+  const defaultProps$P = {
     range: false,
     hiddenRange: false,
     hiddenTag: false,
@@ -13558,8 +13586,8 @@
       minDesc,
       maxDesc,
       curValueDesc
-    } = { ...defaultProps$Q, ...props };
-    let { min, max, step } = { ...defaultProps$Q, ...props };
+    } = { ...defaultProps$P, ...props };
+    let { min, max, step } = { ...defaultProps$P, ...props };
     min = Number(min);
     max = Number(max);
     step = Number(step);
@@ -13896,9 +13924,9 @@
       className: "max"
     }, maxDesc || +max) : null);
   };
-  Range.defaultProps = defaultProps$Q;
+  Range.defaultProps = defaultProps$P;
   Range.displayName = "NutRange";
-  const defaultProps$P = {
+  const defaultProps$O = {
     ...ComponentDefaults,
     count: 5,
     modelValue: 0,
@@ -13933,7 +13961,7 @@
       iconClassPrefix,
       iconFontClassName
     } = {
-      ...defaultProps$P,
+      ...defaultProps$O,
       ...props
     };
     const b = cn("rate");
@@ -13980,21 +14008,21 @@
         key: n,
         onClick: (event) => onClick(event, n),
         style: { marginRight: pxCheck2(spacing) }
-      }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
         classPrefix: iconClassPrefix,
         fontClassName: iconFontClassName,
         size: iconSize,
         className: `${bi("icon")} ${disabled || n > score ? bi("icon--disabled") : ""}`,
         name: n <= score ? checkedIcon : uncheckedIcon,
         color: n <= score ? activeColor : voidColor
-      }), allowHalf && score > n - 1 && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      }), allowHalf && score > n - 1 && /* @__PURE__ */ React__default["default"].createElement(Icon, {
         classPrefix: iconClassPrefix,
         fontClassName: iconFontClassName,
         className: `${bi("icon")} ${bi("icon--half")}`,
         color: n <= score ? activeColor : voidColor,
         size: iconSize,
         name: checkedIcon
-      }), allowHalf && score < n - 1 && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      }), allowHalf && score < n - 1 && /* @__PURE__ */ React__default["default"].createElement(Icon, {
         classPrefix: iconClassPrefix,
         fontClassName: iconFontClassName,
         className: `${bi("icon")} ${bi("icon--disabled")} ${bi(
@@ -14006,20 +14034,21 @@
       }));
     }));
   };
-  Rate.defaultProps = defaultProps$P;
+  Rate.defaultProps = defaultProps$O;
   Rate.displayName = "NutRate";
-  const defaultProps$O = {
+  const defaultProps$N = {
     ...ComponentDefaults,
     placeholder: "",
     shape: "square",
     disabled: false,
     maxLength: 9999,
     clearable: true,
+    clearIconSize: "12px",
     align: "left",
     readonly: true,
     autoFocus: false,
     label: "",
-    leftinIcon: /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    leftinIcon: /* @__PURE__ */ React__default["default"].createElement(Icon, {
       name: "search",
       size: "12"
     })
@@ -14036,6 +14065,7 @@
       disabled,
       maxLength,
       clearable,
+      clearIconSize,
       align,
       readOnly,
       autoFocus,
@@ -14059,7 +14089,7 @@
       iconClassPrefix,
       iconFontClassName
     } = {
-      ...defaultProps$O,
+      ...defaultProps$N,
       ...props
     };
     const alignClass = `${align}`;
@@ -14157,11 +14187,11 @@
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         className: `${searchbarBem("clear")} ${rightinIcon ? "pos-right" : ""}`,
         onClick: (e2) => clearaVal(e2)
-      }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
         classPrefix: iconClassPrefix,
         fontClassName: iconFontClassName,
         name: "circle-close",
-        size: "12",
+        size: clearIconSize,
         color: "#555"
       }));
     };
@@ -14209,9 +14239,9 @@
       style: { background: props.inputBackground }
     }, renderLeftinIcon(), renderField(), renderRightinIcon(), clearable && value && handleClear()), renderRightoutIcon(), renderRightLabel());
   };
-  SearchBar.defaultProps = defaultProps$O;
+  SearchBar.defaultProps = defaultProps$N;
   SearchBar.displayName = "NutSearchBar";
-  const defaultProps$N = {
+  const defaultProps$M = {
     ...ComponentDefaults,
     title: "",
     desc: "",
@@ -14361,7 +14391,7 @@
       className: b("message__error")
     }, errorMsg2), tips || locale.shortpassword.tips ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b("message__forget")
-    }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       className: "icon",
@@ -14379,9 +14409,9 @@
       onClick: () => sure()
     }, locale.confirm)) : null)));
   };
-  ShortPassword.defaultProps = defaultProps$N;
+  ShortPassword.defaultProps = defaultProps$M;
   ShortPassword.displayName = "NutShortPassword";
-  const defaultProps$M = {
+  const defaultProps$L = {
     defaultValue: "",
     textAlign: "left",
     limitshow: false,
@@ -14409,7 +14439,7 @@
       onChange,
       onBlur,
       onFocus
-    } = { ...defaultProps$M, ...props };
+    } = { ...defaultProps$L, ...props };
     const textareaBem = cn("textarea");
     const [inputValue, SetInputValue] = React.useState("");
     const textareaRef = React.useRef(null);
@@ -14506,81 +14536,8 @@
       className: textareaBem("limit")
     }, [...inputValue].length, "/", maxlength < 0 ? 0 : maxlength) : null);
   };
-  TextArea.defaultProps = defaultProps$M;
+  TextArea.defaultProps = defaultProps$L;
   TextArea.displayName = "NutTextArea";
-  const defaultProps$L = {
-    name: "",
-    size: "",
-    classPrefix: "nut-icon",
-    fontClassName: "nutui-iconfont",
-    color: "",
-    tag: "i",
-    onClick: (e2) => {
-    },
-    className: ""
-  };
-  function pxCheck(value) {
-    if (value === "") {
-      return value;
-    }
-    if (Number.isNaN(Number(value))) {
-      return String(value);
-    }
-    return `${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 type2 = isImage ? "img" : tag;
-    const b = cn("icon");
-    const handleClick2 = (e2) => {
-      if (onClick) {
-        onClick(e2);
-      }
-    };
-    const hasSrc = () => {
-      if (isImage)
-        return { src: name };
-      return {};
-    };
-    const styles = {};
-    const checkedSize = pxCheck(size);
-    if (checkedSize) {
-      styles.width = styles.height = styles.fontSize = checkedSize;
-    }
-    return React__default["default"].createElement(
-      type2,
-      {
-        className: isImage ? `${b("img")} ${className || ""} ` : `${fontClassName} ${b(null)} ${classPrefix}-${name} ${className || ""}`,
-        style: {
-          color,
-          ...styles,
-          ...style
-        },
-        ...rest,
-        onClick: handleClick2,
-        ...hasSrc()
-      },
-      children
-    );
-  }
-  Icon.defaultProps = defaultProps$L;
-  Icon.displayName = "NutIcon";
   const defaultProps$K = {
     ...ComponentDefaults,
     className: "",
@@ -14600,7 +14557,6 @@
     iconName: "checked",
     iconColor: "#439422",
     iconSize: "16px",
-    rounded: true,
     children: void 0
   };
   const Progress = (props) => {
@@ -14623,7 +14579,6 @@
       iconName,
       iconColor,
       iconSize,
-      rounded,
       children,
       iconClassPrefix,
       iconFontClassName,
@@ -14654,12 +14609,10 @@
     });
     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 = {
@@ -14692,13 +14645,13 @@
       style: stylesInsideText
     }, /* @__PURE__ */ React__default["default"].createElement("span", {
       className: classesTextInner,
-      style: { color: textColor || "#fff" }
+      style: { color: textColor }
     }, 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 || "$title-color" }
+      style: { color: textColor }
     }, percentage, isShowPercentage ? "%" : ""), textType === "icon" && /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
@@ -15120,14 +15073,14 @@
         className: "nut-uploader__preview__progress__msg"
       }, item.message)) : item.status !== "success" && /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "nut-uploader__preview__progress"
-      }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
         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, {
+      }, item.message)), isDeletable && /* @__PURE__ */ React__default["default"].createElement(Icon, {
         classPrefix: iconClassPrefix,
         fontClassName: iconFontClassName,
         color: "rgba(0,0,0,0.6)",
@@ -15149,7 +15102,7 @@
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         onClick: () => handleItemClick(item),
         className: "nut-uploader__preview-img__file__name"
-      }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
         classPrefix: iconClassPrefix,
         fontClassName: iconFontClassName,
         color: "#808080",
@@ -15161,11 +15114,11 @@
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         className: `nut-uploader__preview-img__file__name ${item.status}`,
         onClick: () => handleItemClick(item)
-      }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
         classPrefix: iconClassPrefix,
         fontClassName: iconFontClassName,
         name: "link"
-      }), "\xA0", item.name), isDeletable && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      }), "\xA0", item.name), isDeletable && /* @__PURE__ */ React__default["default"].createElement(Icon, {
         classPrefix: iconClassPrefix,
         fontClassName: iconFontClassName,
         color: "#808080",
@@ -15180,7 +15133,7 @@
       })));
     }), maximum > fileList.length && listType === "picture" && !children && /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `nut-uploader__upload ${listType}`
-    }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       size: uploadIconSize,
@@ -15400,7 +15353,7 @@
       onClick: (e2) => {
         goTop(e2);
       }
-    }, children || /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }, children || /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       size: "19px",
@@ -15950,7 +15903,7 @@
       style: getStyle()
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "top-box"
-    }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       className: "top-img",
@@ -15963,7 +15916,7 @@
       className: "nut-infinite-bottom"
     }, isInfiniting ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "bottom-box"
-    }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       className: "bottom-img",
@@ -16095,7 +16048,6 @@
     type: "danger",
     className: "",
     position: "top",
-    isWrapTeleport: true,
     onClosed: () => {
     },
     onClick: () => {
@@ -16388,6 +16340,7 @@
       if (!props.disabled) {
         startOffset.current = state.offset;
         touch.start(event);
+        props.onTouchStart && props.onTouchStart(event);
       }
     };
     const onTouchMove = (event) => {
@@ -16395,6 +16348,7 @@
         return;
       }
       touch.move(event);
+      props.onTouchMove && props.onTouchMove(event);
       if (touch.isHorizontal()) {
         lockClick.current = true;
         const newState = { ...state, dragging: true };
@@ -16410,13 +16364,14 @@
         setState(newState);
       }
     };
-    const onTouchEnd = () => {
+    const onTouchEnd = (event) => {
       if (state.dragging) {
         setState((v) => ({ ...v, dragging: false }));
         toggle(state.offset > 0 ? "left" : "right");
         setTimeout(() => {
           lockClick.current = false;
         }, 0);
+        props.onTouchEnd && props.onTouchEnd(event);
       }
     };
     const toggle = (side) => {
@@ -16518,7 +16473,7 @@
       className: `${swipeBem()} ${className}`,
       onTouchStart: (e2) => onTouchStart(e2),
       onTouchMove: (e2) => onTouchMove(e2),
-      onTouchEnd,
+      onTouchEnd: (e2) => onTouchEnd(e2),
       style
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `${swipeBem("wrapper")}`,
@@ -16836,12 +16791,12 @@
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         className: `${b("icon-box")} ${playing ? b("icon-play") : b("icon-stop")}`,
         onClick: handleStatusChange
-      }, playing ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      }, playing ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
         classPrefix: iconClassPrefix,
         fontClassName: iconFontClassName,
         name: "service",
         className: "nut-icon-loading"
-      }) : /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      }) : /* @__PURE__ */ React__default["default"].createElement(Icon, {
         classPrefix: iconClassPrefix,
         fontClassName: iconFontClassName,
         name: "service"
@@ -17085,7 +17040,7 @@
       src: url,
       alt,
       onError: errorEvent
-    }), icon && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }), icon && /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       className: "icon",
@@ -17181,7 +17136,7 @@
       style
     }, icons !== "" && /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "slot-icons"
-    }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       className: "_icon",
@@ -17482,7 +17437,7 @@
       className: colBem("title")
     }, titleIcon && titleIconPosition === "left" && /* @__PURE__ */ React__default["default"].createElement("b", {
       className: colBem("title-icon-left")
-    }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: titleIcon,
@@ -17490,7 +17445,7 @@
       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, {
+    }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: titleIcon,
@@ -17503,7 +17458,7 @@
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: colBem("icon"),
       style: iconStyle
-    }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: icon,
@@ -17779,9 +17734,6 @@
     }, []);
     React.useEffect(() => {
       if (content) {
-        if (container) {
-          document.body.appendChild(container);
-        }
         createContainer();
       }
     }, [content]);
@@ -17814,6 +17766,7 @@
       container.innerText = content;
       document.body.appendChild(container);
       calcEllipse();
+      document.body.removeChild(container);
     };
     const calcEllipse = () => {
       if (container.offsetHeight <= maxHeight) {
@@ -17824,7 +17777,6 @@
         const middle = Math.floor((0 + end) / 2);
         const ellipsised = direction === "middle" ? tailorMiddle([0, middle], [middle, end]) : tailor(0, end);
         ellipsis.current = ellipsised;
-        document.body.removeChild(container);
       }
     };
     const tailor = (left, right) => {
@@ -18096,6 +18048,7 @@
       isStopPropagation,
       autoPlay,
       isCenter,
+      paginationBgColor,
       ...rest
     } = propSwiper;
     const container = React.useRef(null);
@@ -18220,6 +18173,9 @@
         });
       });
     };
+    const resize = () => {
+      init(active);
+    };
     const move = ({
       pace = 0,
       offset: offset2 = 0,
@@ -18456,7 +18412,8 @@
     React__default["default"].useImperativeHandle(ref, () => ({
       to: to2,
       next,
-      prev
+      prev,
+      resize
     }));
     return /* @__PURE__ */ React__default["default"].createElement(DataContext$1.Provider, {
       value: parent
@@ -19109,7 +19066,7 @@
     }, iconShow() ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "left-icon",
       style: { backgroundImage: `url(${iconBg() || ""})` }
-    }, !iconBg() ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }, !iconBg() ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: "notice",
@@ -19126,7 +19083,7 @@
     }, children, text)), closeMode || rightIcon ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "right-icon",
       onClick: onClickIcon
-    }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: rightIcon || "close",
@@ -19139,7 +19096,7 @@
     }, iconShow() ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "left-icon",
       style: { backgroundImage: `url(${iconBg() || ""})` }
-    }, !iconBg() ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }, !iconBg() ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: "notice",
@@ -19174,7 +19131,7 @@
       onClick: (e2) => {
         handleClickIcon(e2);
       }
-    }, rightIcon || (closeMode ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }, rightIcon || (closeMode ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: rightIcon || "close",
@@ -19335,7 +19292,7 @@
         onClick: () => {
           handleChoose(item, i);
         }
-      }, item.icon ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      }, item.icon ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
         classPrefix: iconClassPrefix,
         fontClassName: iconFontClassName,
         className: "popover-menu-item-img",
@@ -19584,7 +19541,7 @@
       className: "nut-step-line"
     }), /* @__PURE__ */ React__default["default"].createElement("div", {
       className: renderIconClass()
-    }, icon ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }, icon ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       className: "nut-step-icon-inner",
@@ -19715,7 +19672,7 @@
           ),
           key: item.key,
           onClick: () => handleSorterClick(item)
-        }, item.title, item.sorter && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        }, item.title, item.sorter && /* @__PURE__ */ React__default["default"].createElement(Icon, {
           classPrefix: iconClassPrefix,
           fontClassName: iconFontClassName,
           name: "down-arrow",
@@ -19784,6 +19741,7 @@
     round: false,
     mark: false,
     closeable: false,
+    iconSize: "12px",
     prefixCls: "nut-tag",
     onClose: (e2) => {
     },
@@ -19802,6 +19760,7 @@
       children,
       mark,
       closeable,
+      iconSize,
       textColor,
       onClick,
       onClose,
@@ -19823,6 +19782,7 @@
       round,
       mark,
       closeable,
+      iconSize,
       prefixCls,
       onClick,
       onClose
@@ -19865,12 +19825,12 @@
       onClick: (e2) => handleClick2(e2)
     }, children && /* @__PURE__ */ React__default["default"].createElement("span", {
       className: "nut-tag-text"
-    }, children), /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }, children), /* @__PURE__ */ React__default["default"].createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       className: "_icon",
       name: "close",
-      size: "12",
+      size: iconSize,
       onClick: (e2) => {
         setIsTagShow(false);
         if (props.onClose) {
@@ -19968,7 +19928,7 @@
       className: `${b()} ${className}`,
       ...rest,
       onClick: handleClick2
-    }, !arrowLeft && renderContent(!arrowLeft), children || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, Number(rate) !== 0 && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }, !arrowLeft && renderContent(!arrowLeft), children || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, Number(rate) !== 0 && /* @__PURE__ */ React__default["default"].createElement(Icon, {
       size: calcIconProps.size,
       name: calcIconProps.name,
       color: calcIconProps.color
@@ -20424,7 +20384,7 @@
         key: index
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         onClick: () => selectedExist(item)
-      }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
         className: b("exist-item-icon"),
         name: item.selectedAddress ? selectedIcon : defaultIcon,
         color: item.selectedAddress ? "#FA2C19" : "",
@@ -20708,7 +20668,7 @@
           onClick: () => {
             nextAreaList(item);
           }
-        }, selectedRegion && selectedRegion[tabName[tabIndex]].id === item.id && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        }, selectedRegion && selectedRegion[tabName[tabIndex]].id === item.id && /* @__PURE__ */ React__default["default"].createElement(Icon, {
           className: b("region-item--icon"),
           name: "Check",
           color: "#FA2C19",
@@ -20870,7 +20830,7 @@
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "arrow-back",
         onClick: onSwitchModule
-      }, privateType === "custom" && backBtnIcon && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      }, privateType === "custom" && backBtnIcon && /* @__PURE__ */ React__default["default"].createElement(Icon, {
         classPrefix: iconClassPrefix,
         fontClassName: iconFontClassName,
         name: backBtnIcon,
@@ -20879,7 +20839,7 @@
         className: b("header__title")
       }, privateType === "custom" ? customAddressTitle || locale.address.selectRegion : existAddressTitle || locale.address.deliveryTo), /* @__PURE__ */ React__default["default"].createElement("div", {
         onClick: () => handClose()
-      }, closeBtnIcon && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      }, closeBtnIcon && /* @__PURE__ */ React__default["default"].createElement(Icon, {
         classPrefix: iconClassPrefix,
         fontClassName: iconFontClassName,
         name: closeBtnIcon,
@@ -21464,7 +21424,7 @@
   exports2.FormItem = FormItem;
   exports2.Grid = Grid;
   exports2.GridItem = GridItem;
-  exports2.Icon = Icon$1;
+  exports2.Icon = Icon;
   exports2.Image = Image$1;
   exports2.ImagePreview = ImagePreview;
   exports2.Indicator = Indicator;