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

package/dist/nutui.react.es.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.
 */
@@ -46,7 +46,7 @@ classname_production_min.cn = e, classname_production_min.withNaming = r;
   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",
@@ -57,7 +57,7 @@ const defaultProps$1t = {
   },
   className: ""
 };
-function pxCheck$3(value) {
+function pxCheck$2(value) {
   if (value === "") {
     return value;
   }
@@ -66,7 +66,7 @@ function pxCheck$3(value) {
   }
   return `${value}px`;
 }
-function Icon$1(props) {
+function Icon(props) {
   const {
     name,
     size,
@@ -80,7 +80,7 @@ function Icon$1(props) {
     onClick,
     ...rest
   } = {
-    ...defaultProps$1t,
+    ...defaultProps$1s,
     ...props
   };
   const isImage = name ? name.indexOf("/") !== -1 : false;
@@ -97,7 +97,7 @@ function Icon$1(props) {
     return {};
   };
   const styles = {};
-  const checkedSize = pxCheck$3(size);
+  const checkedSize = pxCheck$2(size);
   if (checkedSize) {
     styles.width = styles.height = styles.fontSize = checkedSize;
   }
@@ -117,13 +117,13 @@ function Icon$1(props) {
     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: "",
@@ -135,6 +135,7 @@ const defaultProps$1s = {
   size: "normal",
   block: false,
   icon: "",
+  iconSize: "16",
   style: {},
   children: void 0,
   onClick: (e2) => {
@@ -151,6 +152,7 @@ const Button = (props) => {
     size,
     block,
     icon,
+    iconSize,
     children,
     onClick,
     className,
@@ -159,7 +161,7 @@ const Button = (props) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$1s,
+    ...defaultProps$1r,
     ...props
   };
   const getStyle = useCallback(() => {
@@ -208,6 +210,7 @@ const Button = (props) => {
     size,
     block,
     icon,
+    iconSize,
     children,
     onClick,
     classes,
@@ -225,21 +228,22 @@ const Button = (props) => {
     onClick: (e2) => handleClick2(e2)
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-button__warp"
-  }, loading && /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, loading && /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     name: "loading"
-  }), !loading && icon ? /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }), !loading && icon ? /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
-    name: icon
+    name: icon,
+    size: iconSize
   }) : "", children && /* @__PURE__ */ React__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,
@@ -281,7 +285,7 @@ const Cell = (props) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$1r,
+    ...defaultProps$1q,
     ...props
   };
   const b = cn("cell");
@@ -308,7 +312,7 @@ const Cell = (props) => {
     ...rest
   }, children || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, icon || iconSlot ? /* @__PURE__ */ React__default.createElement("div", {
     className: b("icon")
-  }, iconSlot || (icon ? /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, iconSlot || (icon ? /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     name: icon,
@@ -324,16 +328,16 @@ const Cell = (props) => {
       alone: !title && !subTitle
     }),
     style: styles
-  }, desc) : null, !linkSlot && isLink ? /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, desc) : null, !linkSlot && isLink ? /* @__PURE__ */ React__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: "",
@@ -342,7 +346,7 @@ const defaultProps$1q = {
 };
 const CellGroup = (props) => {
   const { children, className, title, desc, titleSlot, descSlot } = {
-    ...defaultProps$1q,
+    ...defaultProps$1p,
     ...props
   };
   const b = cn("cell-group");
@@ -356,7 +360,7 @@ const CellGroup = (props) => {
     className: b("wrap")
   }, children));
 };
-CellGroup.defaultProps = defaultProps$1q;
+CellGroup.defaultProps = defaultProps$1p;
 CellGroup.displayName = "NutCellGroup";
 var INFINITY = 1 / 0;
 var symbolTag = "[object Symbol]";
@@ -768,7 +772,7 @@ const zhCN = {
     errorCanvasTips: "\u5F53\u524D\u73AF\u5883\u4E0D\u652F\u6301Canvas"
   }
 };
-const defaultProps$1p = {
+const defaultProps$1o = {
   locale: zhCN
 };
 const defaultConfigRef = {
@@ -792,7 +796,7 @@ function convertThemeVarsToCSSVars(themeVars) {
   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 = useMemo(
@@ -808,9 +812,9 @@ const ConfigProvider = (props) => {
     style
   }, children));
 };
-ConfigProvider.defaultProps = defaultProps$1p;
+ConfigProvider.defaultProps = defaultProps$1o;
 ConfigProvider.displayName = "NutConfigProvider";
-const defaultProps$1o = {
+const defaultProps$1n = {
   fit: "fill",
   position: "center",
   alt: "",
@@ -845,7 +849,7 @@ const Image$1 = (props) => {
     onClick,
     onLoad,
     onError
-  } = { ...defaultProps$1o, ...props };
+  } = { ...defaultProps$1n, ...props };
   const [loading, setLoading] = useState(true);
   const [isError, setIsError] = useState(false);
   const [_src, setSrc] = useState("");
@@ -946,16 +950,16 @@ const Image$1 = (props) => {
   }), loading && showLoading ? /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-img-loading",
     style: loadingBg
-  }, !loadingImg && (slotLoding || children || /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, !loadingImg && (slotLoding || children || /* @__PURE__ */ React__default.createElement(Icon, {
     name: "image"
   }))) : null, isError && showError && !loading ? /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-img-error",
     style: errorBg
-  }, !errorImg && (slotError || children || /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, !errorImg && (slotError || children || /* @__PURE__ */ React__default.createElement(Icon, {
     name: "image-error"
   }))) : null);
 };
-Image$1.defaultProps = defaultProps$1o;
+Image$1.defaultProps = defaultProps$1n;
 Image$1.displayName = "NutImage";
 var classnames = { exports: {} };
 /*!
@@ -1548,7 +1552,7 @@ CSSTransition.defaultProps = {
 };
 CSSTransition.propTypes = {};
 var CSSTransition$1 = CSSTransition;
-const defaultProps$1n = {
+const defaultProps$1m = {
   ...ComponentDefaults,
   position: "center",
   transition: "",
@@ -1557,6 +1561,7 @@ const defaultProps$1n = {
   closeable: false,
   closeIconPosition: "top-right",
   closeIcon: "close",
+  closeIconSize: "12px",
   destroyOnClose: true,
   teleport: null,
   overlay: true,
@@ -1608,7 +1613,8 @@ const Popup = (props) => {
     onClosed,
     onClick,
     iconClassPrefix,
-    iconFontClassName
+    iconFontClassName,
+    closeIconSize
   } = props;
   const [index, setIndex] = useState(zIndex || _zIndex);
   const [innerVisible, setInnerVisible] = useState(visible);
@@ -1706,11 +1712,11 @@ const Popup = (props) => {
     }, showChildren ? children : "", closeable ? /* @__PURE__ */ React__default.createElement("div", {
       className: closeClasses,
       onClick: onHandleClickCloseIcon
-    }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    }, /* @__PURE__ */ React__default.createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: closeIcon,
-      size: "12px"
+      size: closeIconSize
     })) : ""));
   };
   const renderNode = () => {
@@ -1734,10 +1740,10 @@ const Popup = (props) => {
   }, [position]);
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderToContainer(teleport, renderNode()));
 };
-Popup.defaultProps = defaultProps$1n;
+Popup.defaultProps = defaultProps$1m;
 Popup.displayName = "NutPopup";
 const DataContext$2 = createContext({});
-const defaultProps$1m = {
+const defaultProps$1l = {
   span: "24",
   offset: "0",
   gutter: "0"
@@ -1750,7 +1756,7 @@ const Col = (props) => {
     offset,
     children,
     onClick
-  } = { ...defaultProps$1m, ...props };
+  } = { ...defaultProps$1l, ...props };
   const [colName, setColName] = useState("");
   const [colStyle, setColStyle] = useState({});
   const { gutter } = useContext(DataContext$2);
@@ -1776,9 +1782,9 @@ const Col = (props) => {
     }
   }, children);
 };
-Col.defaultProps = defaultProps$1m;
+Col.defaultProps = defaultProps$1l;
 Col.displayName = "NutCol";
-const defaultProps$1l = {
+const defaultProps$1k = {
   contentPosition: "center",
   dashed: false,
   hairline: true,
@@ -1795,7 +1801,7 @@ const Divider = (props) => {
     direction,
     ...rest
   } = {
-    ...defaultProps$1l,
+    ...defaultProps$1k,
     ...props
   };
   const dividerBem = cn("divider");
@@ -1816,14 +1822,14 @@ const Divider = (props) => {
     ...rest
   }, children);
 };
-Divider.defaultProps = defaultProps$1l;
+Divider.defaultProps = defaultProps$1k;
 Divider.displayName = "NutDivider";
 const gridContext = {
   onClick: (item, index) => {
   }
 };
 var GridContext = React__default.createContext(gridContext);
-const defaultProps$1k = {
+const defaultProps$1j = {
   columnNum: 4,
   border: true,
   gutter: 0,
@@ -1851,7 +1857,7 @@ const Grid = (props) => {
     className,
     onClick,
     ...rest
-  } = { ...defaultProps$1k, ...props };
+  } = { ...defaultProps$1j, ...props };
   const childrenDom = React__default.Children.toArray(children);
   const pxCheck2 = (value) => {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
@@ -1892,9 +1898,9 @@ const Grid = (props) => {
     });
   })));
 };
-Grid.defaultProps = defaultProps$1k;
+Grid.defaultProps = defaultProps$1j;
 Grid.displayName = "NutGrid";
-const defaultProps$1j = {
+const defaultProps$1i = {
   ...ComponentDefaults,
   text: "",
   fontSize: "",
@@ -1937,7 +1943,7 @@ const GridItem = (props) => {
     onClick,
     ...rest
   } = {
-    ...defaultProps$1j,
+    ...defaultProps$1i,
     ...props
   };
   const b = cn("grid-item");
@@ -1997,7 +2003,7 @@ const GridItem = (props) => {
     onClick: handleClick2
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: contentClass()
-  }, icon && isIconName() ? /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, icon && isIconName() ? /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     name: icon,
@@ -2008,18 +2014,18 @@ const GridItem = (props) => {
     style: { fontSize, color }
   }, text), children && /* @__PURE__ */ React__default.createElement(React__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.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",
@@ -2038,7 +2044,7 @@ const Row = (props) => {
     gutter,
     onClick
   } = {
-    ...defaultProps$1h,
+    ...defaultProps$1g,
     ...props
   };
   const prefixCls = "nut-row";
@@ -2073,7 +2079,7 @@ const Row = (props) => {
     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;
@@ -2148,7 +2154,7 @@ function useWatch(dep, callback, config2 = { immediate: false }) {
     stop2.current = true;
   };
 }
-const defaultProps$1g = {
+const defaultProps$1f = {
   position: "top",
   top: 0,
   bottom: 0,
@@ -2292,7 +2298,7 @@ const Sticky = (props) => {
     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));
@@ -2336,7 +2342,24 @@ function computeRubberband(bounds, [Vx, Vy], [Rx, Ry]) {
   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,
@@ -2878,12 +2901,11 @@ const coordinatesConfigResolver = _objectSpread2(_objectSpread2({}, commonConfig
     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) {
@@ -3107,7 +3129,7 @@ class DragEngine extends CoordinatesEngine {
       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);
@@ -3179,6 +3201,7 @@ const DEFAULT_DRAG_DELAY = 180;
 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,
@@ -3257,6 +3280,9 @@ const dragConfigResolver = _objectSpread2(_objectSpread2({}, coordinatesConfigRe
     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) {
@@ -3988,16 +4014,10 @@ class Controller$1 {
       }
       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) {
@@ -7318,7 +7338,7 @@ const host = createHost(primitives, {
 });
 const animated = host.animated;
 const elevatorContext = createContext({});
-const defaultProps$1f = {
+const defaultProps$1e = {
   height: "200px",
   acceptKey: "title",
   indexList: [],
@@ -7341,7 +7361,7 @@ const Elevator = (props) => {
     children,
     ...rest
   } = {
-    ...defaultProps$1f,
+    ...defaultProps$1e,
     ...props
   };
   const b = cn("elevator");
@@ -7528,9 +7548,10 @@ const Elevator = (props) => {
     }, 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: "",
@@ -7560,7 +7581,7 @@ const FixedNav = (props) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$1e,
+    ...defaultProps$1d,
     ...props
   };
   const b = cn("fixednav");
@@ -7606,7 +7627,7 @@ const FixedNav = (props) => {
   }))), /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-fixednav__btn",
     onClick: () => onUpdateValue()
-  }, slotBtn || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, slotBtn || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     name: "left",
@@ -7615,9 +7636,9 @@ const FixedNav = (props) => {
     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,
@@ -7637,7 +7658,7 @@ const Indicator = (props) => {
     vertical,
     ...rest
   } = {
-    ...defaultProps$1d,
+    ...defaultProps$1c,
     ...props
   };
   const b = cn("indicator");
@@ -7671,9 +7692,9 @@ const Indicator = (props) => {
     ...rest
   }, renderEles());
 };
-Indicator.defaultProps = defaultProps$1d;
+Indicator.defaultProps = defaultProps$1c;
 Indicator.displayName = "NutIndicator";
-const defaultProps$1c = {
+const defaultProps$1b = {
   ...ComponentDefaults,
   className: "",
   style: {},
@@ -7696,7 +7717,7 @@ const Menu = (props) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$1c,
+    ...defaultProps$1b,
     ...props
   };
   const parentRef = useRef(null);
@@ -7792,7 +7813,7 @@ const Menu = (props) => {
       })}`
     }, /* @__PURE__ */ React__default.createElement("div", {
       className: "nut-menu__title-text"
-    }, finallyTitle()), /* @__PURE__ */ React__default.createElement(Icon$1, {
+    }, finallyTitle()), /* @__PURE__ */ React__default.createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       className: "nut-menu__title-icon",
@@ -7801,9 +7822,9 @@ const Menu = (props) => {
     })));
   })), cloneChildren()));
 };
-Menu.defaultProps = defaultProps$1c;
+Menu.defaultProps = defaultProps$1b;
 Menu.displayName = "NutMenu";
-const defaultProps$1b = {
+const defaultProps$1a = {
   ...ComponentDefaults,
   className: "",
   style: {},
@@ -7818,7 +7839,7 @@ const defaultProps$1b = {
 };
 const MenuItem = forwardRef((props, ref) => {
   useConfig();
-  const mergedProps = { ...defaultProps$1b, ...props };
+  const mergedProps = { ...defaultProps$1a, ...props };
   const {
     style,
     options: options2,
@@ -7834,7 +7855,7 @@ const MenuItem = forwardRef((props, ref) => {
     iconClassPrefix,
     iconFontClassName
   } = {
-    ...defaultProps$1b,
+    ...defaultProps$1a,
     ...props
   };
   const { activeColor, showPopup, parent, orderKey } = mergedProps;
@@ -7941,7 +7962,7 @@ const MenuItem = forwardRef((props, ref) => {
       onClick: () => {
         handleClick2(item);
       }
-    }, item.value === _value ? /* @__PURE__ */ React__default.createElement(Icon$1, {
+    }, item.value === _value ? /* @__PURE__ */ React__default.createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       className: getIconCName(item.value, value),
@@ -7955,9 +7976,9 @@ const MenuItem = forwardRef((props, ref) => {
     }, item.text));
   }), children))));
 });
-MenuItem.defaultProps = defaultProps$1b;
+MenuItem.defaultProps = defaultProps$1a;
 MenuItem.displayName = "NutMenuItem";
-const defaultProps$1a = {
+const defaultProps$19 = {
   ...ComponentDefaults,
   title: "",
   desc: "",
@@ -7993,7 +8014,7 @@ const NavBar = (props) => {
     iconClassPrefix,
     iconFontClassName
   } = {
-    ...defaultProps$1a,
+    ...defaultProps$19,
     ...props
   };
   const b = cn("navbar");
@@ -8015,7 +8036,7 @@ const NavBar = (props) => {
     return /* @__PURE__ */ React__default.createElement("div", {
       className: `${b("left")}`,
       onClick: (e2) => onClickBack(e2)
-    }, leftShow && /* @__PURE__ */ React__default.createElement(Icon$1, {
+    }, leftShow && /* @__PURE__ */ React__default.createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: "left",
@@ -8032,7 +8053,7 @@ const NavBar = (props) => {
       onClick: (e2) => onClickTitle(e2)
     }, title), titIcon && /* @__PURE__ */ React__default.createElement("div", {
       onClick: (e2) => onClickIcon(e2)
-    }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    }, /* @__PURE__ */ React__default.createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: titIcon
@@ -8062,9 +8083,9 @@ const NavBar = (props) => {
     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: "",
@@ -8081,7 +8102,7 @@ const defaultProps$19 = {
 };
 const Pagination = (props) => {
   const { locale } = useConfig();
-  ({ ...defaultProps$19, ...props });
+  ({ ...defaultProps$18, ...props });
   const {
     modelValue,
     mode,
@@ -8198,7 +8219,7 @@ const Pagination = (props) => {
     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();
@@ -8214,7 +8235,7 @@ const handleClick = (e2) => {
   }
 };
 const OffsetContext = createContext(20);
-const defaultProps$18 = {
+const defaultProps$17 = {
   showhead: false,
   position: "left",
   width: "80%"
@@ -8232,7 +8253,7 @@ const SideNavBar = (props) => {
     onClose,
     ...rest
   } = {
-    ...defaultProps$18,
+    ...defaultProps$17,
     ...props
   };
   const offset = props.offset ? Number(props.offset) : 20;
@@ -8260,7 +8281,7 @@ const SideNavBar = (props) => {
     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;
@@ -8274,12 +8295,12 @@ const SideNavBarItem = (props) => {
     ...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 = useContext(OffsetContext);
@@ -8338,7 +8359,7 @@ const SubSideNavBar = (props) => {
     className: "nut-subsidenavbar__content"
   }, children));
 };
-const defaultProps$16 = {
+const defaultProps$15 = {
   visible: 0,
   bottom: false,
   size: 20,
@@ -8366,7 +8387,7 @@ const Tabbar = (props) => {
     tabSwitch,
     onSwitch
   } = {
-    ...defaultProps$16,
+    ...defaultProps$15,
     ...props
   };
   const b = cn("tabbar");
@@ -8378,7 +8399,7 @@ const Tabbar = (props) => {
     className: [
       `${b()}`,
       bottom ? `${b("bottom")}` : "",
-      safeAreaInsetBottom ? `${b("safebottom")}` : "",
+      safeAreaInsetBottom ? `${b("bottom")} ${b("safebottom")}` : "",
       className
     ].join(" "),
     style
@@ -8402,12 +8423,13 @@ const Tabbar = (props) => {
     return React__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: "",
@@ -8424,6 +8446,7 @@ const TabbarItem = (props) => {
   const {
     dot,
     size,
+    iconSize,
     className,
     style,
     tabTitle,
@@ -8438,7 +8461,7 @@ const TabbarItem = (props) => {
     iconClassPrefix,
     iconFontClassName
   } = {
-    ...defaultProps$15,
+    ...defaultProps$14,
     ...props
   };
   const b = cn("tabbar-item");
@@ -8464,19 +8487,19 @@ const TabbarItem = (props) => {
   }, num), num && num >= 100 && /* @__PURE__ */ React__default.createElement("div", {
     className: `${bIcon("tips", [bIcon("nums")])}`
   }, "99+")) : /* @__PURE__ */ React__default.createElement("div", {
-    className: `${bIcon("dot")}`
-  }), icon && /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    className: `${bIcon("tips", [bIcon("dot")])}`
+  }), icon && /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
-    size,
+    size: iconSize || size,
     name: icon
-  })), /* @__PURE__ */ React__default.createElement("div", {
+  })), tabTitle && /* @__PURE__ */ React__default.createElement("div", {
     className: bIcon({ "nav-word": true }, [
       bIcon({ "big-word": !icon })
     ])
-  }, tabTitle)));
+  }, tabTitle));
 };
-const defaultProps$14 = {
+const defaultProps$13 = {
   title: "",
   paneKey: "",
   activeKey: "",
@@ -8484,7 +8507,7 @@ const defaultProps$14 = {
 };
 const TabPane = (props) => {
   const { children, paneKey, activeKey, autoHeightClassName, className } = {
-    ...defaultProps$14,
+    ...defaultProps$13,
     ...props
   };
   const b = cn("tabpane");
@@ -8508,7 +8531,7 @@ class Title {
     this.index = 0;
   }
 }
-const defaultProps$13 = {
+const defaultProps$12 = {
   ...ComponentDefaults,
   tabStyle: {},
   value: 0,
@@ -8523,7 +8546,7 @@ const defaultProps$13 = {
   size: "normal",
   autoHeight: false
 };
-const pxCheck$2 = (value) => {
+const pxCheck$1 = (value) => {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 };
 const Tabs = (props) => {
@@ -8549,7 +8572,7 @@ const Tabs = (props) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$13,
+    ...defaultProps$12,
     ...props
   };
   const [currentItem, setCurrentItem] = useState({ index: 0 });
@@ -8587,8 +8610,8 @@ const Tabs = (props) => {
     `${b("")}__titles`
   );
   const titleStyle = {
-    marginLeft: pxCheck$2(titleGutter),
-    marginRight: pxCheck$2(titleGutter)
+    marginLeft: pxCheck$1(titleGutter),
+    marginRight: pxCheck$1(titleGutter)
   };
   const tabsActiveStyle = {
     color: type4 === "smile" ? color : "",
@@ -8631,7 +8654,7 @@ const Tabs = (props) => {
     }), type4 === "smile" && /* @__PURE__ */ React__default.createElement("div", {
       className: `${b("")}__titles-item__smile`,
       style: tabsActiveStyle
-    }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    }, /* @__PURE__ */ React__default.createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       color,
@@ -8667,7 +8690,7 @@ const Tabs = (props) => {
     return React__default.cloneElement(child, childProps);
   }))));
 };
-Tabs.defaultProps = defaultProps$13;
+Tabs.defaultProps = defaultProps$12;
 Tabs.displayName = "NutTabs";
 const Utils = {
   isLeapYear(y) {
@@ -8761,7 +8784,7 @@ function requestAniFrame() {
   };
 }
 var requestAniFrame$1 = requestAniFrame();
-const defaultProps$12 = {
+const defaultProps$11 = {
   type: "one",
   isAutoBackFill: false,
   poppable: true,
@@ -8810,7 +8833,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     onChoose,
     onUpdate,
     onSelected
-  } = { ...defaultProps$12, ...props };
+  } = { ...defaultProps$11, ...props };
   const weeks = locale.calendaritem.weekdays;
   const [yearMonthTitle, setYearMonthTitle] = useState("");
   const [monthsData, setMonthsData] = useState([]);
@@ -9397,9 +9420,9 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     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,
@@ -9451,7 +9474,7 @@ const Calendar = React__default.forwardRef((props, ref) => {
     onClose,
     onChoose,
     onSelected
-  } = { ...defaultProps$11, ...props };
+  } = { ...defaultProps$10, ...props };
   const calendarRef = useRef(null);
   const close = () => {
     onClose && onClose();
@@ -9510,9 +9533,9 @@ const Calendar = React__default.forwardRef((props, ref) => {
     style: { height: "85vh" }
   }, renderItem()) : renderItem());
 });
-Calendar.defaultProps = defaultProps$11;
+Calendar.defaultProps = defaultProps$10;
 Calendar.displayName = "NutCalendar";
-const defaultProps$10 = {
+const defaultProps$$ = {
   data: {
     text: "",
     value: "",
@@ -9528,7 +9551,7 @@ const defaultProps$10 = {
 };
 const InternalCascaderItem = (props) => {
   const { data, checked, chooseItem, activeColor } = {
-    ...defaultProps$10,
+    ...defaultProps$$,
     ...props
   };
   const b = cn("cascader-item");
@@ -9555,17 +9578,17 @@ const InternalCascaderItem = (props) => {
     }
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: classesTitle
-  }, data.text), data.loading ? /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, data.text), data.loading ? /* @__PURE__ */ React__default.createElement(Icon, {
     color: "#969799",
     className: "nut-cascader-item__icon-loading",
     name: "loading"
-  }) : /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }) : /* @__PURE__ */ React__default.createElement(Icon, {
     className: `${checked ? b("icon-check") : ""}`,
     name: "checklist"
   }));
 };
 const CascaderItem = React__default.forwardRef(InternalCascaderItem);
-CascaderItem.defaultProps = defaultProps$10;
+CascaderItem.defaultProps = defaultProps$$;
 CascaderItem.displayName = "NutCascaderItem";
 const formatTree = (tree, parent, config2) => tree.map((node) => {
   const {
@@ -9699,7 +9722,7 @@ class Tree {
     return pathNodes;
   }
 }
-const defaultProps$$ = {
+const defaultProps$_ = {
   className: "",
   style: {},
   activeColor: "#fa2c19",
@@ -9749,7 +9772,7 @@ const InternalCascader = (props) => {
     onClose,
     onChange,
     onPathChange
-  } = { ...defaultProps$$, ...props };
+  } = { ...defaultProps$_, ...props };
   const [tabvalue, setTabvalue] = useState("c1");
   const [optiosData, setOptiosData] = useState([]);
   const isLazy = () => state.configs.lazy && Boolean(state.configs.lazyLoad);
@@ -10009,9 +10032,9 @@ const InternalCascader = (props) => {
   }, renderItem()) : renderItem());
 };
 const Cascader = React__default.forwardRef(InternalCascader);
-Cascader.defaultProps = defaultProps$$;
+Cascader.defaultProps = defaultProps$_;
 Cascader.displayName = "NutCascader";
-const defaultProps$_ = {
+const defaultProps$Z = {
   disabled: false,
   checkedValue: [],
   max: void 0,
@@ -10021,7 +10044,7 @@ const defaultProps$_ = {
 };
 const CheckboxGroup = React__default.forwardRef(
   (props, ref) => {
-    const { children } = { ...defaultProps$_, ...props };
+    const { children } = { ...defaultProps$Z, ...props };
     const b = cn("checkboxgroup");
     const {
       className,
@@ -10121,16 +10144,16 @@ const CheckboxGroup = React__default.forwardRef(
           checked: childChecked
         });
       });
-    }, [innerValue, options2]);
+    }, [innerValue, options2, innerDisabled]);
     return /* @__PURE__ */ React__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,
@@ -10146,7 +10169,7 @@ const defaultProps$Z = {
 };
 const Checkbox = (props) => {
   const { children } = {
-    ...defaultProps$Z,
+    ...defaultProps$Y,
     ...props
   };
   const b = cn("checkbox");
@@ -10188,7 +10211,7 @@ const Checkbox = (props) => {
     return iconActiveName;
   };
   const renderIcon = () => {
-    return /* @__PURE__ */ React__default.createElement(Icon$1, {
+    return /* @__PURE__ */ React__default.createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: getIconName(),
@@ -10228,7 +10251,7 @@ const Checkbox = (props) => {
     onClick: handleClick2
   }, renderIcon(), renderLabel());
 };
-Checkbox.defaultProps = defaultProps$Z;
+Checkbox.defaultProps = defaultProps$Y;
 Checkbox.displayName = "NutCheckBox";
 Checkbox.Group = CheckboxGroup;
 const MIN_DISTANCE = 10;
@@ -10717,7 +10740,7 @@ const InternalPicker = (props, ref) => {
 };
 const Picker = React__default.forwardRef(InternalPicker);
 const currentYear = new Date().getFullYear();
-const defaultProps$Y = {
+const defaultProps$X = {
   modelValue: null,
   visible: false,
   title: "",
@@ -10748,7 +10771,7 @@ const DatePicker = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$Y,
+    ...defaultProps$X,
     ...props
   };
   const { locale } = useConfig();
@@ -11014,7 +11037,7 @@ const DatePicker = (props) => {
     ref: pickerRef
   }));
 };
-DatePicker.defaultProps = defaultProps$Y;
+DatePicker.defaultProps = defaultProps$X;
 DatePicker.displayName = "NutDatePicker";
 const FormItemContext = createContext({});
 function _extends() {
@@ -12086,14 +12109,6 @@ class FormStore {
         ...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 = [];
@@ -12117,7 +12132,6 @@ class FormStore {
             err.push(...errors);
             this.errList.push(...errors);
           }
-          entity.onStoreChange();
         });
       });
       return err;
@@ -12171,7 +12185,7 @@ const useForm = (form) => {
   }
   return [formRef.current];
 };
-const defaultProps$X = {
+const defaultProps$W = {
   ...ComponentDefaults,
   name: "",
   label: "",
@@ -12181,15 +12195,21 @@ const defaultProps$X = {
   labelWidth: 90,
   errorMessageAlign: "left",
   showErrorLine: true,
-  showErrorMessage: true
+  showErrorMessage: true,
+  initialValue: ""
 };
 class FormItem extends React__default.Component {
   constructor() {
     super(...arguments);
     this.getControlled = (children) => {
+      var _a;
       const { getFieldValue, setFieldsValue } = this.context;
       const { name } = this.props;
       const type4 = 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) => {
@@ -12208,7 +12228,6 @@ class FormItem extends React__default.Component {
       };
     };
     this.onStoreChange = () => {
-      this.forceUpdate();
     };
     this.renderLayout = (childNode) => {
       var _a, _b;
@@ -12222,7 +12241,7 @@ class FormItem extends React__default.Component {
         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) => {
@@ -12262,18 +12281,24 @@ class FormItem extends React__default.Component {
     }
   }
   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.cloneElement(c, {
+        defaultValue: initialValue
+      });
+    }
     const returnChildNode = React__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,
@@ -12300,7 +12325,7 @@ const Form = (props) => {
     starPositon,
     ...rest
   } = {
-    ...defaultProps$W,
+    ...defaultProps$V,
     ...props
   };
   const [formInstance] = useForm();
@@ -12321,7 +12346,7 @@ const Form = (props) => {
     value: formInstance
   }, children)));
 };
-Form.defaultProps = defaultProps$W;
+Form.defaultProps = defaultProps$V;
 Form.displayName = "NutForm";
 Form.Item = FormItem;
 function trimExtraChar(value, char, regExp) {
@@ -12348,7 +12373,7 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
   return value.replace(regExp, "");
 }
-const defaultProps$V = {
+const defaultProps$U = {
   ...ComponentDefaults,
   type: "text",
   name: "",
@@ -12437,7 +12462,7 @@ const Input = forwardRef((props, ref) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$V,
+    ...defaultProps$U,
     ...props
   };
   locale.placeholder = placeholder || locale.placeholder;
@@ -12568,7 +12593,7 @@ const Input = forwardRef((props, ref) => {
     onClick: (e2) => {
       handleClickLeftIcon(e2);
     }
-  }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     name: leftIcon,
@@ -12631,7 +12656,7 @@ const Input = forwardRef((props, ref) => {
     onInput: (e2) => {
       handleInput(e2);
     }
-  }), clearable && !readonly && active && inputValue.length > 0 ? /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }), clearable && !readonly && active && inputValue.length > 0 ? /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     className: "nut-input-clear",
@@ -12645,7 +12670,7 @@ const Input = forwardRef((props, ref) => {
     onClick: (e2) => {
       handleClickRightIcon(e2);
     }
-  }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     name: rightIcon,
@@ -12663,9 +12688,9 @@ const Input = forwardRef((props, ref) => {
     }
   }, errorMessage) : null)));
 });
-Input.defaultProps = defaultProps$V;
+Input.defaultProps = defaultProps$U;
 Input.displayName = "NutInput";
-const defaultProps$U = {
+const defaultProps$T = {
   ...ComponentDefaults,
   disabled: false,
   buttonSize: "",
@@ -12678,7 +12703,7 @@ const defaultProps$U = {
   decimalPlaces: 0,
   isAsync: false
 };
-function pxCheck$1(value) {
+function pxCheck(value) {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 }
 const InputNumber = (props) => {
@@ -12712,7 +12737,7 @@ const InputNumber = (props) => {
     iconFontClassName,
     ...restProps
   } = {
-    ...defaultProps$U,
+    ...defaultProps$T,
     ...props
   };
   const [inputValue, setInputValue] = useState(modelValue);
@@ -12728,7 +12753,7 @@ const InputNumber = (props) => {
     b("")
   );
   const styles = {
-    height: pxCheck$1(buttonSize),
+    height: pxCheck(buttonSize),
     ...style
   };
   const addAllow = (value = inputValue) => {
@@ -12830,7 +12855,7 @@ const InputNumber = (props) => {
     className: classes,
     style: styles,
     ...restProps
-  }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     className: iconMinusClasses,
@@ -12841,14 +12866,14 @@ const InputNumber = (props) => {
     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.createElement(Icon$1, {
+  }), /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     className: iconAddClasses,
@@ -12857,12 +12882,13 @@ const InputNumber = (props) => {
     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: "",
@@ -12877,6 +12903,7 @@ const NumberKeyboard = (props) => {
     title,
     confirmText,
     visible,
+    overlay,
     type: type4,
     customKey,
     randomKeys,
@@ -12991,6 +13018,7 @@ const NumberKeyboard = (props) => {
     position: "bottom",
     popClass,
     onClickOverlay: onClose,
+    overlay,
     onClickCloseIcon: onClose,
     overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" }
   }, /* @__PURE__ */ React__default.createElement("div", {
@@ -13057,14 +13085,14 @@ const NumberKeyboard = (props) => {
     })
   }, confirmText || locale.done))) : null))));
 };
-NumberKeyboard.defaultProps = defaultProps$T;
+NumberKeyboard.defaultProps = defaultProps$S;
 NumberKeyboard.displayName = "NutNumberKeyboard";
 const radioContext = {
   onChange: (val) => {
   }
 };
 var RadioContext = React__default.createContext(radioContext);
-const defaultProps$S = {
+const defaultProps$R = {
   value: null,
   textPosition: "right",
   onChange: (value) => {
@@ -13074,7 +13102,7 @@ const defaultProps$S = {
 };
 const RadioGroup = React__default.forwardRef(
   (props, ref) => {
-    const { children } = { ...defaultProps$S, ...props };
+    const { children } = { ...defaultProps$R, ...props };
     cn("RadioGroup");
     const {
       className,
@@ -13139,9 +13167,9 @@ const RadioGroup = React__default.forwardRef(
     }, (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: {},
@@ -13158,7 +13186,7 @@ const defaultProps$R = {
 };
 const Radio = (props) => {
   const { children } = {
-    ...defaultProps$R,
+    ...defaultProps$Q,
     ...props
   };
   const {
@@ -13193,7 +13221,7 @@ const Radio = (props) => {
   };
   const renderButton = () => {
     return /* @__PURE__ */ React__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 = () => {
@@ -13207,14 +13235,15 @@ const Radio = (props) => {
   };
   const renderIcon = () => {
     const { iconName: iconName2, iconSize: iconSize2, iconActiveName: iconActiveName2 } = props;
-    return /* @__PURE__ */ React__default.createElement(Icon$1, {
+    return /* @__PURE__ */ React__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();
@@ -13231,14 +13260,13 @@ const Radio = (props) => {
     onChange && onChange(e2);
     context && context.onChange(valueStatement);
   };
-  const reverseState = textPosition === "left";
   return /* @__PURE__ */ React__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 = {
@@ -13378,7 +13406,7 @@ class Notification$1 extends React.PureComponent {
       }
     }, icon ? /* @__PURE__ */ React.createElement("p", {
       className: toastBem("icon-wrapper")
-    }, /* @__PURE__ */ React.createElement(Icon$1, {
+    }, /* @__PURE__ */ React.createElement(Icon, {
       name: icon || "",
       color: "#ffffff",
       size: iconSize
@@ -13495,7 +13523,7 @@ var Toast = {
     }
   }
 };
-const defaultProps$Q = {
+const defaultProps$P = {
   range: false,
   hiddenRange: false,
   hiddenTag: false,
@@ -13531,8 +13559,8 @@ const Range = (props) => {
     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);
@@ -13869,9 +13897,9 @@ const Range = (props) => {
     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,
@@ -13906,7 +13934,7 @@ const Rate = (props) => {
     iconClassPrefix,
     iconFontClassName
   } = {
-    ...defaultProps$P,
+    ...defaultProps$O,
     ...props
   };
   const b = cn("rate");
@@ -13953,21 +13981,21 @@ const Rate = (props) => {
       key: n,
       onClick: (event) => onClick(event, n),
       style: { marginRight: pxCheck2(spacing) }
-    }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    }, /* @__PURE__ */ React__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.createElement(Icon$1, {
+    }), allowHalf && score > n - 1 && /* @__PURE__ */ React__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.createElement(Icon$1, {
+    }), allowHalf && score < n - 1 && /* @__PURE__ */ React__default.createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       className: `${bi("icon")} ${bi("icon--disabled")} ${bi(
@@ -13979,20 +14007,21 @@ const Rate = (props) => {
     }));
   }));
 };
-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.createElement(Icon$1, {
+  leftinIcon: /* @__PURE__ */ React__default.createElement(Icon, {
     name: "search",
     size: "12"
   })
@@ -14009,6 +14038,7 @@ const SearchBar = (props) => {
     disabled,
     maxLength,
     clearable,
+    clearIconSize,
     align,
     readOnly,
     autoFocus,
@@ -14032,7 +14062,7 @@ const SearchBar = (props) => {
     iconClassPrefix,
     iconFontClassName
   } = {
-    ...defaultProps$O,
+    ...defaultProps$N,
     ...props
   };
   const alignClass = `${align}`;
@@ -14130,11 +14160,11 @@ const SearchBar = (props) => {
     return /* @__PURE__ */ React__default.createElement("div", {
       className: `${searchbarBem("clear")} ${rightinIcon ? "pos-right" : ""}`,
       onClick: (e2) => clearaVal(e2)
-    }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    }, /* @__PURE__ */ React__default.createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: "circle-close",
-      size: "12",
+      size: clearIconSize,
       color: "#555"
     }));
   };
@@ -14182,9 +14212,9 @@ const SearchBar = (props) => {
     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: "",
@@ -14334,7 +14364,7 @@ const ShortPassword = (props) => {
     className: b("message__error")
   }, errorMsg2), tips || locale.shortpassword.tips ? /* @__PURE__ */ React__default.createElement("div", {
     className: b("message__forget")
-  }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     className: "icon",
@@ -14352,9 +14382,9 @@ const ShortPassword = (props) => {
     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,
@@ -14382,7 +14412,7 @@ const TextArea = (props) => {
     onChange,
     onBlur,
     onFocus
-  } = { ...defaultProps$M, ...props };
+  } = { ...defaultProps$L, ...props };
   const textareaBem = cn("textarea");
   const [inputValue, SetInputValue] = useState("");
   const textareaRef = useRef(null);
@@ -14479,81 +14509,8 @@ const TextArea = (props) => {
     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 type4 = 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.createElement(
-    type4,
-    {
-      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: "",
@@ -14573,7 +14530,6 @@ const defaultProps$K = {
   iconName: "checked",
   iconColor: "#439422",
   iconSize: "16px",
-  rounded: true,
   children: void 0
 };
 const Progress = (props) => {
@@ -14596,7 +14552,6 @@ const Progress = (props) => {
     iconName,
     iconColor,
     iconSize,
-    rounded,
     children,
     iconClassPrefix,
     iconFontClassName,
@@ -14627,12 +14582,10 @@ const Progress = (props) => {
   });
   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 = {
@@ -14665,13 +14618,13 @@ const Progress = (props) => {
     style: stylesInsideText
   }, /* @__PURE__ */ React__default.createElement("span", {
     className: classesTextInner,
-    style: { color: textColor || "#fff" }
+    style: { color: textColor }
   }, percentage, isShowPercentage ? "%" : ""))))), showText && !textInside && /* @__PURE__ */ React__default.createElement("div", {
     className: classesText,
     style: stylesText
   }, textType === "text" && /* @__PURE__ */ React__default.createElement("span", {
     className: classesTextInner,
-    style: { color: textColor || "$title-color" }
+    style: { color: textColor }
   }, percentage, isShowPercentage ? "%" : ""), textType === "icon" && /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
@@ -15093,14 +15046,14 @@ const InternalUploader = (props, ref) => {
       className: "nut-uploader__preview__progress__msg"
     }, item.message)) : item.status !== "success" && /* @__PURE__ */ React__default.createElement("div", {
       className: "nut-uploader__preview__progress"
-    }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    }, /* @__PURE__ */ React__default.createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       color: "#fff",
       name: `${item.status === "error" ? "failure" : "loading"}`
     }), /* @__PURE__ */ React__default.createElement("div", {
       className: "nut-uploader__preview__progress__msg"
-    }, item.message)), isDeletable && /* @__PURE__ */ React__default.createElement(Icon$1, {
+    }, item.message)), isDeletable && /* @__PURE__ */ React__default.createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       color: "rgba(0,0,0,0.6)",
@@ -15122,7 +15075,7 @@ const InternalUploader = (props, ref) => {
     }, /* @__PURE__ */ React__default.createElement("div", {
       onClick: () => handleItemClick(item),
       className: "nut-uploader__preview-img__file__name"
-    }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    }, /* @__PURE__ */ React__default.createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       color: "#808080",
@@ -15134,11 +15087,11 @@ const InternalUploader = (props, ref) => {
     }, /* @__PURE__ */ React__default.createElement("div", {
       className: `nut-uploader__preview-img__file__name ${item.status}`,
       onClick: () => handleItemClick(item)
-    }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    }, /* @__PURE__ */ React__default.createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: "link"
-    }), "\xA0", item.name), isDeletable && /* @__PURE__ */ React__default.createElement(Icon$1, {
+    }), "\xA0", item.name), isDeletable && /* @__PURE__ */ React__default.createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       color: "#808080",
@@ -15153,7 +15106,7 @@ const InternalUploader = (props, ref) => {
     })));
   }), maximum > fileList.length && listType === "picture" && !children && /* @__PURE__ */ React__default.createElement("div", {
     className: `nut-uploader__upload ${listType}`
-  }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     size: uploadIconSize,
@@ -15373,7 +15326,7 @@ const BackTop = (props) => {
     onClick: (e2) => {
       goTop(e2);
     }
-  }, children || /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, children || /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     size: "19px",
@@ -15923,7 +15876,7 @@ const Infiniteloading = (props) => {
     style: getStyle()
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "top-box"
-  }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     className: "top-img",
@@ -15936,7 +15889,7 @@ const Infiniteloading = (props) => {
     className: "nut-infinite-bottom"
   }, isInfiniting ? /* @__PURE__ */ React__default.createElement("div", {
     className: "bottom-box"
-  }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     className: "bottom-img",
@@ -16068,7 +16021,6 @@ const options = {
   type: "danger",
   className: "",
   position: "top",
-  isWrapTeleport: true,
   onClosed: () => {
   },
   onClick: () => {
@@ -16361,6 +16313,7 @@ const Swipe = forwardRef((props, instanceRef) => {
     if (!props.disabled) {
       startOffset.current = state.offset;
       touch.start(event);
+      props.onTouchStart && props.onTouchStart(event);
     }
   };
   const onTouchMove = (event) => {
@@ -16368,6 +16321,7 @@ const Swipe = forwardRef((props, instanceRef) => {
       return;
     }
     touch.move(event);
+    props.onTouchMove && props.onTouchMove(event);
     if (touch.isHorizontal()) {
       lockClick.current = true;
       const newState = { ...state, dragging: true };
@@ -16383,13 +16337,14 @@ const Swipe = forwardRef((props, instanceRef) => {
       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) => {
@@ -16491,7 +16446,7 @@ const Swipe = forwardRef((props, instanceRef) => {
     className: `${swipeBem()} ${className}`,
     onTouchStart: (e2) => onTouchStart(e2),
     onTouchMove: (e2) => onTouchMove(e2),
-    onTouchEnd,
+    onTouchEnd: (e2) => onTouchEnd(e2),
     style
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: `${swipeBem("wrapper")}`,
@@ -16809,12 +16764,12 @@ const Audio = (props) => {
     }, /* @__PURE__ */ React__default.createElement("div", {
       className: `${b("icon-box")} ${playing ? b("icon-play") : b("icon-stop")}`,
       onClick: handleStatusChange
-    }, playing ? /* @__PURE__ */ React__default.createElement(Icon$1, {
+    }, playing ? /* @__PURE__ */ React__default.createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: "service",
       className: "nut-icon-loading"
-    }) : /* @__PURE__ */ React__default.createElement(Icon$1, {
+    }) : /* @__PURE__ */ React__default.createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: "service"
@@ -17058,7 +17013,7 @@ const Avatar = (props) => {
     src: url2,
     alt,
     onError: errorEvent
-  }), icon && /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }), icon && /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     className: "icon",
@@ -17154,7 +17109,7 @@ const Badge = (props) => {
     style
   }, icons !== "" && /* @__PURE__ */ React__default.createElement("div", {
     className: "slot-icons"
-  }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     className: "_icon",
@@ -17455,7 +17410,7 @@ const CollapseItem = (props) => {
     className: colBem("title")
   }, titleIcon && titleIconPosition === "left" && /* @__PURE__ */ React__default.createElement("b", {
     className: colBem("title-icon-left")
-  }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     name: titleIcon,
@@ -17463,7 +17418,7 @@ const CollapseItem = (props) => {
     color: disabled ? "#C2C2C2" : titleIconColor
   })), title, titleIcon && titleIconPosition === "right" && /* @__PURE__ */ React__default.createElement("b", {
     className: colBem("title-icon-right")
-  }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     name: titleIcon,
@@ -17476,7 +17431,7 @@ const CollapseItem = (props) => {
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: colBem("icon"),
     style: iconStyle
-  }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     name: icon,
@@ -17752,9 +17707,6 @@ const Ellipsis = (props) => {
   }, []);
   useEffect(() => {
     if (content) {
-      if (container) {
-        document.body.appendChild(container);
-      }
       createContainer();
     }
   }, [content]);
@@ -17787,6 +17739,7 @@ const Ellipsis = (props) => {
     container.innerText = content;
     document.body.appendChild(container);
     calcEllipse();
+    document.body.removeChild(container);
   };
   const calcEllipse = () => {
     if (container.offsetHeight <= maxHeight) {
@@ -17797,7 +17750,6 @@ const Ellipsis = (props) => {
       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) => {
@@ -18069,6 +18021,7 @@ const Swiper = React__default.forwardRef((props, ref) => {
     isStopPropagation,
     autoPlay,
     isCenter,
+    paginationBgColor,
     ...rest
   } = propSwiper;
   const container = useRef(null);
@@ -18193,6 +18146,9 @@ const Swiper = React__default.forwardRef((props, ref) => {
       });
     });
   };
+  const resize = () => {
+    init(active);
+  };
   const move = ({
     pace = 0,
     offset: offset2 = 0,
@@ -18429,7 +18385,8 @@ const Swiper = React__default.forwardRef((props, ref) => {
   React__default.useImperativeHandle(ref, () => ({
     to: to2,
     next,
-    prev
+    prev,
+    resize
   }));
   return /* @__PURE__ */ React__default.createElement(DataContext$1.Provider, {
     value: parent
@@ -19082,7 +19039,7 @@ const NoticeBar = (props) => {
   }, iconShow() ? /* @__PURE__ */ React__default.createElement("div", {
     className: "left-icon",
     style: { backgroundImage: `url(${iconBg() || ""})` }
-  }, !iconBg() ? /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, !iconBg() ? /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     name: "notice",
@@ -19099,7 +19056,7 @@ const NoticeBar = (props) => {
   }, children, text)), closeMode || rightIcon ? /* @__PURE__ */ React__default.createElement("div", {
     className: "right-icon",
     onClick: onClickIcon
-  }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     name: rightIcon || "close",
@@ -19112,7 +19069,7 @@ const NoticeBar = (props) => {
   }, iconShow() ? /* @__PURE__ */ React__default.createElement("div", {
     className: "left-icon",
     style: { backgroundImage: `url(${iconBg() || ""})` }
-  }, !iconBg() ? /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, !iconBg() ? /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     name: "notice",
@@ -19147,7 +19104,7 @@ const NoticeBar = (props) => {
     onClick: (e2) => {
       handleClickIcon(e2);
     }
-  }, rightIcon || (closeMode ? /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, rightIcon || (closeMode ? /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     name: rightIcon || "close",
@@ -19308,7 +19265,7 @@ const Popover = (props) => {
       onClick: () => {
         handleChoose(item, i);
       }
-    }, item.icon ? /* @__PURE__ */ React__default.createElement(Icon$1, {
+    }, item.icon ? /* @__PURE__ */ React__default.createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       className: "popover-menu-item-img",
@@ -19557,7 +19514,7 @@ const Step = (props) => {
     className: "nut-step-line"
   }), /* @__PURE__ */ React__default.createElement("div", {
     className: renderIconClass()
-  }, icon ? /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, icon ? /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     className: "nut-step-icon-inner",
@@ -19688,7 +19645,7 @@ const Table = (props) => {
         ),
         key: item.key,
         onClick: () => handleSorterClick(item)
-      }, item.title, item.sorter && /* @__PURE__ */ React__default.createElement(Icon$1, {
+      }, item.title, item.sorter && /* @__PURE__ */ React__default.createElement(Icon, {
         classPrefix: iconClassPrefix,
         fontClassName: iconFontClassName,
         name: "down-arrow",
@@ -19757,6 +19714,7 @@ const defaultProps$c = {
   round: false,
   mark: false,
   closeable: false,
+  iconSize: "12px",
   prefixCls: "nut-tag",
   onClose: (e2) => {
   },
@@ -19775,6 +19733,7 @@ const Tag = (props) => {
     children,
     mark,
     closeable,
+    iconSize,
     textColor,
     onClick,
     onClose,
@@ -19796,6 +19755,7 @@ const Tag = (props) => {
     round,
     mark,
     closeable,
+    iconSize,
     prefixCls,
     onClick,
     onClose
@@ -19838,12 +19798,12 @@ const Tag = (props) => {
     onClick: (e2) => handleClick2(e2)
   }, children && /* @__PURE__ */ React__default.createElement("span", {
     className: "nut-tag-text"
-  }, children), /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, children), /* @__PURE__ */ React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     className: "_icon",
     name: "close",
-    size: "12",
+    size: iconSize,
     onClick: (e2) => {
       setIsTagShow(false);
       if (props.onClose) {
@@ -19941,7 +19901,7 @@ const TrendArrow = (props) => {
     className: `${b()} ${className}`,
     ...rest,
     onClick: handleClick2
-  }, !arrowLeft && renderContent(!arrowLeft), children || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, Number(rate) !== 0 && /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, !arrowLeft && renderContent(!arrowLeft), children || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, Number(rate) !== 0 && /* @__PURE__ */ React__default.createElement(Icon, {
     size: calcIconProps.size,
     name: calcIconProps.name,
     color: calcIconProps.color
@@ -20397,7 +20357,7 @@ const ExistRender = (props) => {
       key: index
     }, /* @__PURE__ */ React__default.createElement("div", {
       onClick: () => selectedExist(item)
-    }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    }, /* @__PURE__ */ React__default.createElement(Icon, {
       className: b("exist-item-icon"),
       name: item.selectedAddress ? selectedIcon : defaultIcon,
       color: item.selectedAddress ? "#FA2C19" : "",
@@ -20681,7 +20641,7 @@ const CustomRender = (props) => {
         onClick: () => {
           nextAreaList(item);
         }
-      }, selectedRegion && selectedRegion[tabName[tabIndex]].id === item.id && /* @__PURE__ */ React__default.createElement(Icon$1, {
+      }, selectedRegion && selectedRegion[tabName[tabIndex]].id === item.id && /* @__PURE__ */ React__default.createElement(Icon, {
         className: b("region-item--icon"),
         name: "Check",
         color: "#FA2C19",
@@ -20843,7 +20803,7 @@ const Address = (props) => {
     }, /* @__PURE__ */ React__default.createElement("div", {
       className: "arrow-back",
       onClick: onSwitchModule
-    }, privateType === "custom" && backBtnIcon && /* @__PURE__ */ React__default.createElement(Icon$1, {
+    }, privateType === "custom" && backBtnIcon && /* @__PURE__ */ React__default.createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: backBtnIcon,
@@ -20852,7 +20812,7 @@ const Address = (props) => {
       className: b("header__title")
     }, privateType === "custom" ? customAddressTitle || locale.address.selectRegion : existAddressTitle || locale.address.deliveryTo), /* @__PURE__ */ React__default.createElement("div", {
       onClick: () => handClose()
-    }, closeBtnIcon && /* @__PURE__ */ React__default.createElement(Icon$1, {
+    }, closeBtnIcon && /* @__PURE__ */ React__default.createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: closeBtnIcon,
@@ -21400,4 +21360,4 @@ const TimeSelect = (props) => {
 };
 TimeSelect.defaultProps = defaultProps;
 TimeSelect.displayName = "NutTimeSelect";
-export { ActionSheet, Address, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, ConfigProvider, CountDown, DatePicker, Dialog, Divider, Drag, Elevator, Ellipsis, Empty, FixedNav, Form, FormItem, Grid, GridItem, Icon$1 as Icon, Image$1 as Image, ImagePreview, Indicator, Infiniteloading, Input, InputNumber, Layout, Menu, MenuItem, NavBar, NoticeBar, Notify, NumberKeyboard, Overlay, Pagination, Picker, Popover, Popup, Price, Progress, PullToRefresh, Radio, RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, SideNavBar, SideNavBarItem, Signature, Skeleton, Step, Steps, Sticky, SubSideNavBar, Swipe, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Table, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, Toast, TrendArrow, Uploader, Video, VirtualList, WaterMark };
+export { ActionSheet, Address, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, ConfigProvider, CountDown, DatePicker, Dialog, Divider, Drag, Elevator, Ellipsis, Empty, FixedNav, Form, FormItem, Grid, GridItem, Icon, Image$1 as Image, ImagePreview, Indicator, Infiniteloading, Input, InputNumber, Layout, Menu, MenuItem, NavBar, NoticeBar, Notify, NumberKeyboard, Overlay, Pagination, Picker, Popover, Popup, Price, Progress, PullToRefresh, Radio, RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, SideNavBar, SideNavBarItem, Signature, Skeleton, Step, Steps, Sticky, SubSideNavBar, Swipe, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Table, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, Toast, TrendArrow, Uploader, Video, VirtualList, WaterMark };