@nutui/nutui-react 2.0.8 → 2.0.10

package/dist/nutui.react.es.js

@@ -6,7 +6,7 @@ var __publicField = (obj, key, value) => {
 };
 var _a;
 /*!
-* @nutui/nutui-react v2.0.8 Fri Jul 28 2023 14:56:52 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.10 Fri Aug 04 2023 14:06:57 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -707,7 +707,7 @@ Check the top-level render call using <` + t + ">.");
   process.env.NODE_ENV === "production" ? h.exports = ur() : h.exports = sr();
 })(ir);
 const lr = D.Fragment, cr = D.jsx, vr = D.jsxs;
-const a$x = {
+const a$y = {
   className: "",
   style: void 0,
   name: "ArrowDown2",
@@ -715,8 +715,8 @@ const a$x = {
   height: "",
   onClick: () => {
   }
-}, y$9 = (h) => {
-  const { className: r, style: d, name: e, color: p, width: m, height: w, onClick: n } = { ...a$x, ...h }, f = (t) => {
+}, y$a = (h) => {
+  const { className: r, style: d, name: e, color: p, width: m, height: w, onClick: n } = { ...a$y, ...h }, f = (t) => {
     n && n(t);
   }, c = (t) => t === "" ? "" : isNaN(Number(t)) ? String(t) : t + "px", g = () => {
     const t = "nut-icon";
@@ -753,8 +753,8 @@ const a$x = {
     }
   ) });
 };
-y$9.defaultProps = a$x;
-const a$w = {
+y$a.defaultProps = a$y;
+const a$x = {
   className: "",
   style: void 0,
   name: "ArrowUp2",
@@ -763,7 +763,7 @@ const a$w = {
   onClick: () => {
   }
 }, x$h = (h) => {
-  const { className: o, style: p, name: e, color: d, width: m, height: f, onClick: n } = { ...a$w, ...h }, g = (t) => {
+  const { className: o, style: p, name: e, color: d, width: m, height: f, onClick: n } = { ...a$x, ...h }, g = (t) => {
     n && n(t);
   }, i = (t) => t === "" ? "" : isNaN(Number(t)) ? String(t) : t + "px", w = () => {
     const t = "nut-icon";
@@ -800,8 +800,8 @@ const a$w = {
     }
   ) });
 };
-x$h.defaultProps = a$w;
-const a$v = {
+x$h.defaultProps = a$x;
+const a$w = {
   className: "",
   style: void 0,
   name: "CheckChecked",
@@ -809,8 +809,8 @@ const a$v = {
   height: "",
   onClick: () => {
   }
-}, y$8 = (h) => {
-  const { className: r, style: d, name: e, color: p, width: m, height: f, onClick: o } = { ...a$v, ...h }, C = (t) => {
+}, y$9 = (h) => {
+  const { className: r, style: d, name: e, color: p, width: m, height: f, onClick: o } = { ...a$w, ...h }, C = (t) => {
     o && o(t);
   }, i = (t) => t === "" ? "" : isNaN(Number(t)) ? String(t) : t + "px", k2 = () => {
     const t = "nut-icon";
@@ -858,8 +858,8 @@ const a$v = {
     }
   ) });
 };
-y$8.defaultProps = a$v;
-const a$u = {
+y$9.defaultProps = a$w;
+const a$v = {
   className: "",
   style: void 0,
   name: "CheckDisabled",
@@ -868,7 +868,7 @@ const a$u = {
   onClick: () => {
   }
 }, x$g = (h) => {
-  const { className: i, style: d, name: e, color: m, width: p, height: f, onClick: o } = { ...a$u, ...h }, g = (t) => {
+  const { className: i, style: d, name: e, color: m, width: p, height: f, onClick: o } = { ...a$v, ...h }, g = (t) => {
     o && o(t);
   }, r = (t) => t === "" ? "" : isNaN(Number(t)) ? String(t) : t + "px", C = () => {
     const t = "nut-icon";
@@ -905,8 +905,8 @@ const a$u = {
     }
   ) });
 };
-x$g.defaultProps = a$u;
-const a$t = {
+x$g.defaultProps = a$v;
+const a$u = {
   className: "",
   style: void 0,
   name: "CheckNormal",
@@ -915,7 +915,7 @@ const a$t = {
   onClick: () => {
   }
 }, N = (h) => {
-  const { className: o, style: m, name: e, color: d, width: p, height: C, onClick: r } = { ...a$t, ...h }, f = (t) => {
+  const { className: o, style: m, name: e, color: d, width: p, height: C, onClick: r } = { ...a$u, ...h }, f = (t) => {
     r && r(t);
   }, n = (t) => t === "" ? "" : isNaN(Number(t)) ? String(t) : t + "px", g = () => {
     const t = "nut-icon";
@@ -952,8 +952,8 @@ const a$t = {
     }
   ) });
 };
-N.defaultProps = a$t;
-const a$s = {
+N.defaultProps = a$u;
+const a$t = {
   className: "",
   style: void 0,
   name: "Check",
@@ -962,7 +962,7 @@ const a$s = {
   onClick: () => {
   }
 }, x$f = (h) => {
-  const { className: o, style: d, name: e, color: p, width: m, height: f, onClick: r } = { ...a$s, ...h }, g = (t) => {
+  const { className: o, style: d, name: e, color: p, width: m, height: f, onClick: r } = { ...a$t, ...h }, g = (t) => {
     r && r(t);
   }, n = (t) => t === "" ? "" : isNaN(Number(t)) ? String(t) : t + "px", C = () => {
     const t = "nut-icon";
@@ -999,8 +999,8 @@ const a$s = {
     }
   ) });
 };
-x$f.defaultProps = a$s;
-const a$r = {
+x$f.defaultProps = a$t;
+const a$s = {
   className: "",
   style: void 0,
   name: "Checked",
@@ -1009,7 +1009,7 @@ const a$r = {
   onClick: () => {
   }
 }, x$e = (h) => {
-  const { className: o, style: d, name: e, color: m, width: p, height: C, onClick: r } = { ...a$r, ...h }, f = (t) => {
+  const { className: o, style: d, name: e, color: m, width: p, height: C, onClick: r } = { ...a$s, ...h }, f = (t) => {
     r && r(t);
   }, n = (t) => t === "" ? "" : isNaN(Number(t)) ? String(t) : t + "px", g = () => {
     const t = "nut-icon";
@@ -1046,8 +1046,8 @@ const a$r = {
     }
   ) });
 };
-x$e.defaultProps = a$r;
-const a$q = {
+x$e.defaultProps = a$s;
+const a$r = {
   className: "",
   style: void 0,
   name: "Checklist",
@@ -1056,7 +1056,7 @@ const a$q = {
   onClick: () => {
   }
 }, x$d = (h) => {
-  const { className: i, style: d, name: e, color: p, width: m, height: f, onClick: o } = { ...a$q, ...h }, g = (t) => {
+  const { className: i, style: d, name: e, color: p, width: m, height: f, onClick: o } = { ...a$r, ...h }, g = (t) => {
     o && o(t);
   }, r = (t) => t === "" ? "" : isNaN(Number(t)) ? String(t) : t + "px", k2 = () => {
     const t = "nut-icon";
@@ -1093,8 +1093,8 @@ const a$q = {
     }
   ) });
 };
-x$d.defaultProps = a$q;
-const a$p = {
+x$d.defaultProps = a$r;
+const a$q = {
   className: "",
   style: void 0,
   name: "CircleClose",
@@ -1103,7 +1103,7 @@ const a$p = {
   onClick: () => {
   }
 }, x$c = (h) => {
-  const { className: l2, style: m, name: e, color: d, width: p, height: C, onClick: o } = { ...a$p, ...h }, f = (t) => {
+  const { className: l2, style: m, name: e, color: d, width: p, height: C, onClick: o } = { ...a$q, ...h }, f = (t) => {
     o && o(t);
   }, r = (t) => t === "" ? "" : isNaN(Number(t)) ? String(t) : t + "px", g = () => {
     const t = "nut-icon";
@@ -1140,8 +1140,8 @@ const a$p = {
     }
   ) });
 };
-x$c.defaultProps = a$p;
-const a$o = {
+x$c.defaultProps = a$q;
+const a$p = {
   className: "",
   style: void 0,
   name: "Close",
@@ -1150,7 +1150,7 @@ const a$o = {
   onClick: () => {
   }
 }, x$b = (h) => {
-  const { className: o, style: d, name: e, color: m, width: p, height: f, onClick: r } = { ...a$o, ...h }, g = (t) => {
+  const { className: o, style: d, name: e, color: m, width: p, height: f, onClick: r } = { ...a$p, ...h }, g = (t) => {
     r && r(t);
   }, n = (t) => t === "" ? "" : isNaN(Number(t)) ? String(t) : t + "px", C = () => {
     const t = "nut-icon";
@@ -1187,8 +1187,8 @@ const a$o = {
     }
   ) });
 };
-x$b.defaultProps = a$o;
-const a$n = {
+x$b.defaultProps = a$p;
+const a$o = {
   className: "",
   style: void 0,
   name: "Del",
@@ -1196,8 +1196,8 @@ const a$n = {
   height: "",
   onClick: () => {
   }
-}, y$7 = (h) => {
-  const { className: o, style: d, name: e, color: m, width: p, height: f, onClick: r } = { ...a$n, ...h }, g = (t) => {
+}, y$8 = (h) => {
+  const { className: o, style: d, name: e, color: m, width: p, height: f, onClick: r } = { ...a$o, ...h }, g = (t) => {
     r && r(t);
   }, n = (t) => t === "" ? "" : isNaN(Number(t)) ? String(t) : t + "px", u = () => {
     const t = "nut-icon";
@@ -1234,8 +1234,8 @@ const a$n = {
     }
   ) });
 };
-y$7.defaultProps = a$n;
-const a$m = {
+y$8.defaultProps = a$o;
+const a$n = {
   className: "",
   style: void 0,
   name: "DownArrow",
@@ -1244,7 +1244,7 @@ const a$m = {
   onClick: () => {
   }
 }, x$a = (h) => {
-  const { className: r, style: d, name: e, color: p, width: m, height: w, onClick: n } = { ...a$m, ...h }, f = (t) => {
+  const { className: r, style: d, name: e, color: p, width: m, height: w, onClick: n } = { ...a$n, ...h }, f = (t) => {
     n && n(t);
   }, c = (t) => t === "" ? "" : isNaN(Number(t)) ? String(t) : t + "px", g = () => {
     const t = "nut-icon";
@@ -1281,8 +1281,8 @@ const a$m = {
     }
   ) });
 };
-x$a.defaultProps = a$m;
-const a$l = {
+x$a.defaultProps = a$n;
+const a$m = {
   className: "",
   style: void 0,
   name: "Failure",
@@ -1291,7 +1291,7 @@ const a$l = {
   onClick: () => {
   }
 }, x$9 = (h) => {
-  const { className: r, style: d, name: e, color: m, width: p, height: f, onClick: l2 } = { ...a$l, ...h }, u = (t) => {
+  const { className: r, style: d, name: e, color: m, width: p, height: f, onClick: l2 } = { ...a$m, ...h }, u = (t) => {
     l2 && l2(t);
   }, i = (t) => t === "" ? "" : isNaN(Number(t)) ? String(t) : t + "px", g = () => {
     const t = "nut-icon";
@@ -1328,8 +1328,8 @@ const a$l = {
     }
   ) });
 };
-x$9.defaultProps = a$l;
-const a$k = {
+x$9.defaultProps = a$m;
+const a$l = {
   className: "",
   style: void 0,
   name: "ImageError",
@@ -1338,7 +1338,7 @@ const a$k = {
   onClick: () => {
   }
 }, k$5 = (h) => {
-  const { className: s, style: d, name: e, color: m, width: p, height: f, onClick: o } = { ...a$k, ...h }, g = (t) => {
+  const { className: s, style: d, name: e, color: m, width: p, height: f, onClick: o } = { ...a$l, ...h }, g = (t) => {
     o && o(t);
   }, c = (t) => t === "" ? "" : isNaN(Number(t)) ? String(t) : t + "px", u = () => {
     const t = "nut-icon";
@@ -1386,8 +1386,8 @@ const a$k = {
     }
   ) });
 };
-k$5.defaultProps = a$k;
-const a$j = {
+k$5.defaultProps = a$l;
+const a$k = {
   className: "",
   style: void 0,
   name: "Image",
@@ -1396,7 +1396,7 @@ const a$j = {
   onClick: () => {
   }
 }, k$4 = (h) => {
-  const { className: l2, style: d, name: c, color: m, width: p, height: f, onClick: r } = { ...a$j, ...h }, g = (t) => {
+  const { className: l2, style: d, name: c, color: m, width: p, height: f, onClick: r } = { ...a$k, ...h }, g = (t) => {
     r && r(t);
   }, o = (t) => t === "" ? "" : isNaN(Number(t)) ? String(t) : t + "px", u = () => {
     const t = "nut-icon";
@@ -1444,8 +1444,8 @@ const a$j = {
     }
   ) });
 };
-k$4.defaultProps = a$j;
-const a$i = {
+k$4.defaultProps = a$k;
+const a$j = {
   className: "",
   style: void 0,
   name: "Issue",
@@ -1454,7 +1454,7 @@ const a$i = {
   onClick: () => {
   }
 }, x$8 = (h) => {
-  const { className: o, style: m, name: s, color: d, width: p, height: f, onClick: r } = { ...a$i, ...h }, u = (t) => {
+  const { className: o, style: m, name: s, color: d, width: p, height: f, onClick: r } = { ...a$j, ...h }, u = (t) => {
     r && r(t);
   }, n = (t) => t === "" ? "" : isNaN(Number(t)) ? String(t) : t + "px", g = () => {
     const t = "nut-icon";
@@ -1491,8 +1491,8 @@ const a$i = {
     }
   ) });
 };
-x$8.defaultProps = a$i;
-const a$h = {
+x$8.defaultProps = a$j;
+const a$i = {
   className: "",
   style: void 0,
   name: "JoySmile",
@@ -1501,7 +1501,7 @@ const a$h = {
   onClick: () => {
   }
 }, x$7 = (h) => {
-  const { className: i, style: d, name: e, color: m, width: p, height: f, onClick: r } = { ...a$h, ...h }, g = (t) => {
+  const { className: i, style: d, name: e, color: m, width: p, height: f, onClick: r } = { ...a$i, ...h }, g = (t) => {
     r && r(t);
   }, c = (t) => t === "" ? "" : isNaN(Number(t)) ? String(t) : t + "px", u = () => {
     const t = "nut-icon";
@@ -1538,8 +1538,8 @@ const a$h = {
     }
   ) });
 };
-x$7.defaultProps = a$h;
-const a$g = {
+x$7.defaultProps = a$i;
+const a$h = {
   className: "",
   style: void 0,
   name: "Left",
@@ -1547,8 +1547,8 @@ const a$g = {
   height: "",
   onClick: () => {
   }
-}, y$6 = (h) => {
-  const { className: r, style: d, name: e, color: p, width: m, height: f, onClick: n } = { ...a$g, ...h }, g = (t) => {
+}, y$7 = (h) => {
+  const { className: r, style: d, name: e, color: p, width: m, height: f, onClick: n } = { ...a$h, ...h }, g = (t) => {
     n && n(t);
   }, i = (t) => t === "" ? "" : isNaN(Number(t)) ? String(t) : t + "px", u = () => {
     const t = "nut-icon";
@@ -1585,8 +1585,8 @@ const a$g = {
     }
   ) });
 };
-y$6.defaultProps = a$g;
-const a$f = {
+y$7.defaultProps = a$h;
+const a$g = {
   className: "",
   style: void 0,
   name: "Link",
@@ -1595,7 +1595,7 @@ const a$f = {
   onClick: () => {
   }
 }, x$6 = (h) => {
-  const { className: s, style: d, name: c, color: m, width: p, height: f, onClick: n } = { ...a$f, ...h }, g = (t) => {
+  const { className: s, style: d, name: c, color: m, width: p, height: f, onClick: n } = { ...a$g, ...h }, g = (t) => {
     n && n(t);
   }, i = (t) => t === "" ? "" : isNaN(Number(t)) ? String(t) : t + "px", k2 = () => {
     const t = "nut-icon";
@@ -1632,8 +1632,8 @@ const a$f = {
     }
   ) });
 };
-x$6.defaultProps = a$f;
-const a$e = {
+x$6.defaultProps = a$g;
+const a$f = {
   className: "",
   style: void 0,
   name: "Loading",
@@ -1642,7 +1642,7 @@ const a$e = {
   onClick: () => {
   }
 }, k$3 = (h) => {
-  const { className: l2, style: m, name: t, color: d, width: p, height: g, onClick: o } = { ...a$e, ...h }, f = (c) => {
+  const { className: l2, style: m, name: t, color: d, width: p, height: g, onClick: o } = { ...a$f, ...h }, f = (c) => {
     o && o(c);
   }, n = (c) => c === "" ? "" : isNaN(Number(c)) ? String(c) : c + "px", z = () => {
     const c = "nut-icon";
@@ -1679,7 +1679,54 @@ const a$e = {
     }
   ) });
 };
-k$3.defaultProps = a$e;
+k$3.defaultProps = a$f;
+const a$e = {
+  className: "",
+  style: void 0,
+  name: "Loading1",
+  width: "",
+  height: "",
+  onClick: () => {
+  }
+}, y$6 = (h) => {
+  const { className: o, style: d, name: e, color: p, width: m, height: g, onClick: n } = { ...a$e, ...h }, f = (t) => {
+    n && n(t);
+  }, i = (t) => t === "" ? "" : isNaN(Number(t)) ? String(t) : t + "px", u = () => {
+    const t = "nut-icon";
+    return classNames({
+      [`${o}`]: o,
+      [t]: true,
+      [t + "-" + e]: e
+    });
+  }, s = {}, r = i(m || ""), l2 = i(g || "");
+  r && (s.width = r), l2 && (s.height = l2);
+  const w = () => ({
+    ...d,
+    ...s
+  });
+  return /* @__PURE__ */ cr(lr, { children: /* @__PURE__ */ cr(
+    "svg",
+    {
+      className: u(),
+      style: w(),
+      onClick: f,
+      xmlns: "http://www.w3.org/2000/svg",
+      color: p,
+      viewBox: "0 0 1024 1024",
+      "aria-labelledby": e,
+      role: "presentation",
+      children: /* @__PURE__ */ cr(
+        "path",
+        {
+          d: "M520.665 64.564a29.244 29.244 0 0 0-7.071-.894c-16.211 0-29.35 13.14-29.35 29.35 0 15.83 12.538 28.696 28.223 29.293v.073c.375 0 .751-.014 1.127-.014 216.493 0 389.629 173.942 389.629 390.433 0 216.496-173.136 388.827-389.63 388.827s-389.63-172.333-389.63-388.829c0-.27.01-.536.01-.804h-.01c0-16.209-13.141-29.35-29.35-29.35s-29.35 13.139-29.35 29.35c0 .055.007.11.007.164-.001.214-.007.425-.007.64 0 247.609 200.722 448.331 448.33 448.331 247.607 0 448.33-200.722 448.33-448.33-.002-245.242-196.917-444.456-441.258-448.24z",
+          fill: "currentColor",
+          fillOpacity: "0.9"
+        }
+      )
+    }
+  ) });
+};
+y$6.defaultProps = a$e;
 const a$d = {
   className: "",
   style: void 0,
@@ -2391,7 +2438,7 @@ const ComponentDefaults = {
   style: {}
 };
 const prefixCls$1 = "nut-button";
-const defaultProps$1q = {
+const defaultProps$1r = {
   ...ComponentDefaults,
   color: "",
   type: "default",
@@ -2425,7 +2472,7 @@ const Button = React__default.forwardRef(
       nativeType,
       ...rest
     } = {
-      ...defaultProps$1q,
+      ...defaultProps$1r,
       ...props
     };
     const getStyle = useCallback(() => {
@@ -2476,7 +2523,7 @@ const Button = React__default.forwardRef(
   }
 );
 Button.displayName = "NutButton";
-const defaultProps$1p = {
+const defaultProps$1q = {
   ...ComponentDefaults,
   title: "",
   description: "",
@@ -2485,7 +2532,7 @@ const defaultProps$1p = {
 const classPrefix$o = "nut-cell-group";
 const CellGroup = (props) => {
   const { children, className, style, title, description, divider, ...rest } = {
-    ...defaultProps$1p,
+    ...defaultProps$1q,
     ...props
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classNames(classPrefix$o, className), ...rest }, title ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$o}__title` }, title) : null, description ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$o}__description` }, description) : null, /* @__PURE__ */ React__default.createElement(
@@ -2496,9 +2543,9 @@ const CellGroup = (props) => {
     children
   ));
 };
-CellGroup.defaultProps = defaultProps$1p;
+CellGroup.defaultProps = defaultProps$1q;
 CellGroup.displayName = "NutCellGroup";
-const defaultProps$1o = {
+const defaultProps$1p = {
   ...ComponentDefaults,
   title: null,
   description: null,
@@ -2522,7 +2569,7 @@ const Cell = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$1o,
+    ...defaultProps$1p,
     ...props
   };
   const handleClick2 = (event) => {
@@ -2554,7 +2601,7 @@ const Cell = (props) => {
     ) : null, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$n}__divider` }))
   );
 };
-Cell.defaultProps = defaultProps$1o;
+Cell.defaultProps = defaultProps$1p;
 Cell.displayName = "NutCell";
 Cell.Group = CellGroup;
 var INFINITY = 1 / 0;
@@ -3690,7 +3737,7 @@ ConfigProvider.displayName = "NutConfigProvider";
 const pxCheck = (value) => {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 };
-const defaultProps$1n = {
+const defaultProps$1o = {
   ...ComponentDefaults,
   fit: "fill",
   position: "center",
@@ -3719,7 +3766,7 @@ const Image$1 = (props) => {
     onClick,
     onLoad,
     onError
-  } = { ...defaultProps$1n, ...props };
+  } = { ...defaultProps$1o, ...props };
   const [innerLoading, setInnerLoading] = useState(true);
   const [isError, setIsError] = useState(false);
   const imgRef = useRef(null);
@@ -3846,7 +3893,7 @@ const Image$1 = (props) => {
     renderErrorImg()
   );
 };
-Image$1.defaultProps = defaultProps$1n;
+Image$1.defaultProps = defaultProps$1o;
 Image$1.displayName = "NutImage";
 function _extends$4() {
   _extends$4 = Object.assign ? Object.assign.bind() : function(target) {
@@ -5671,7 +5718,7 @@ const Overlay = (props) => {
 Overlay.defaultProps = defaultOverlayProps;
 Overlay.displayName = "NutOverlay";
 const DataContext$2 = createContext({});
-const defaultProps$1m = {
+const defaultProps$1n = {
   ...ComponentDefaults,
   span: "24",
   offset: "0",
@@ -5679,7 +5726,7 @@ const defaultProps$1m = {
 };
 const Col = (props) => {
   const { className, style, span, offset, children, onClick } = {
-    ...defaultProps$1m,
+    ...defaultProps$1n,
     ...props
   };
   const [colName, setColName] = useState("");
@@ -5711,9 +5758,9 @@ const Col = (props) => {
     children
   );
 };
-Col.defaultProps = defaultProps$1m;
+Col.defaultProps = defaultProps$1n;
 Col.displayName = "NutCol";
-const defaultProps$1l = {
+const defaultProps$1m = {
   ...ComponentDefaults,
   contentPosition: "center",
   direction: "horizontal"
@@ -5721,7 +5768,7 @@ const defaultProps$1l = {
 const classPrefix$k = `nut-divider`;
 const Divider = (props) => {
   const { children, contentPosition, style, className, direction, ...rest } = {
-    ...defaultProps$1l,
+    ...defaultProps$1m,
     ...props
   };
   const classes = direction === "horizontal" ? classNames({
@@ -5736,14 +5783,14 @@ const Divider = (props) => {
   });
   return /* @__PURE__ */ React__default.createElement("div", { className: `${classes} ${className || ""}`, style, ...rest }, children);
 };
-Divider.defaultProps = defaultProps$1l;
+Divider.defaultProps = defaultProps$1m;
 Divider.displayName = "NutDivider";
 const gridContext = {
   onClick: (item, index) => {
   }
 };
 const GridContext = React__default.createContext(gridContext);
-const defaultProps$1k = {
+const defaultProps$1l = {
   text: "",
   columns: 4,
   gap: 0,
@@ -5769,7 +5816,7 @@ const GridItem = (props) => {
     onClick,
     ...rest
   } = {
-    ...defaultProps$1k,
+    ...defaultProps$1l,
     ...props
   };
   const classPrefix2 = "nut-grid-item";
@@ -5827,9 +5874,9 @@ const GridItem = (props) => {
     /* @__PURE__ */ React__default.createElement("div", { className: contentClass() }, children && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children), text && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}__text` }, text))
   );
 };
-GridItem.defaultProps = defaultProps$1k;
+GridItem.defaultProps = defaultProps$1l;
 GridItem.displayName = "NutGridItem";
-const defaultProps$1j = {
+const defaultProps$1k = {
   columns: 4,
   gap: 0,
   center: true,
@@ -5850,7 +5897,7 @@ const Grid = (props) => {
     className,
     onClick,
     ...rest
-  } = { ...defaultProps$1j, ...props };
+  } = { ...defaultProps$1k, ...props };
   const childrenDom = React__default.Children.toArray(children);
   const classPrefix2 = "nut-grid";
   const rootClass = () => {
@@ -5880,18 +5927,18 @@ const Grid = (props) => {
     });
   })));
 };
-Grid.defaultProps = defaultProps$1j;
+Grid.defaultProps = defaultProps$1k;
 Grid.displayName = "NutGrid";
 Grid.Item = GridItem;
-const defaultProps$1i = {};
+const defaultProps$1j = {};
 const Layout = (props) => {
-  ({ ...defaultProps$1i, ...props });
+  ({ ...defaultProps$1j, ...props });
   return /* @__PURE__ */ React__default.createElement("div", { className: "nut-layout" }, "Layout");
 };
-Layout.defaultProps = defaultProps$1i;
+Layout.defaultProps = defaultProps$1j;
 Layout.displayName = "NutLayout";
 const classPrefix$j = "nut-row";
-const defaultProps$1h = {
+const defaultProps$1i = {
   ...ComponentDefaults,
   type: "",
   justify: "start",
@@ -5911,7 +5958,7 @@ const Row = (props) => {
     gutter,
     onClick
   } = {
-    ...defaultProps$1h,
+    ...defaultProps$1i,
     ...props
   };
   const getClass = (prefix2, type22) => {
@@ -5943,15 +5990,15 @@ const Row = (props) => {
     children
   ));
 };
-Row.defaultProps = defaultProps$1h;
+Row.defaultProps = defaultProps$1i;
 Row.displayName = "NutRow";
 const prefixCls = "nut-space";
-const defaultProps$1g = {
+const defaultProps$1h = {
   direction: "horizontal"
 };
 const Space = (props) => {
   const { className, style, children, wrap, align, direction, justify } = {
-    ...defaultProps$1g,
+    ...defaultProps$1h,
     ...props
   };
   const cls = classNames(
@@ -5966,7 +6013,7 @@ const Space = (props) => {
     return child !== null && child !== void 0 && /* @__PURE__ */ React__default.createElement("div", { className: `${prefixCls}-item` }, child);
   }));
 };
-Space.defaultProps = defaultProps$1g;
+Space.defaultProps = defaultProps$1h;
 Space.displayName = "NutSpace";
 const canUseDom = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
 const defaultRoot = canUseDom ? window : void 0;
@@ -6041,7 +6088,7 @@ function useWatch(dep, callback, config2 = { immediate: false }) {
     stop2.current = true;
   };
 }
-const defaultProps$1f = {
+const defaultProps$1g = {
   ...ComponentDefaults,
   position: "top",
   threshold: 0,
@@ -6059,7 +6106,7 @@ const Sticky = (props) => {
     threshold,
     onChange,
     ...rest
-  } = { ...defaultProps$1f, ...props };
+  } = { ...defaultProps$1g, ...props };
   const stickyRef = useRef(null);
   const rootRef = useRef(null);
   const [isFixed, setIsFixed] = useState(false);
@@ -6175,9 +6222,9 @@ const Sticky = (props) => {
     /* @__PURE__ */ React__default.createElement("div", { className: "nut-sticky--box", ref: stickyRef, style: stickyStyle }, children)
   );
 };
-Sticky.defaultProps = defaultProps$1f;
+Sticky.defaultProps = defaultProps$1g;
 Sticky.displayName = "NutSticky";
-const defaultProps$1e = {
+const defaultProps$1f = {
   ...ComponentDefaults,
   target: "",
   threshold: 200,
@@ -6195,7 +6242,7 @@ const BackTop = (props) => {
     style,
     onClick
   } = {
-    ...defaultProps$1e,
+    ...defaultProps$1f,
     ...props
   };
   const classPrefix2 = "nut-backtop";
@@ -6293,7 +6340,7 @@ const BackTop = (props) => {
     children || /* @__PURE__ */ React__default.createElement(y$2, { width: 19, height: 19, className: "nut-backtop-main" })
   );
 };
-BackTop.defaultProps = defaultProps$1e;
+BackTop.defaultProps = defaultProps$1f;
 BackTop.displayName = "NutBackTop";
 function clamp$1(v, min, max) {
   return Math.max(min, Math.min(v, max));
@@ -11411,7 +11458,7 @@ const host = createHost(primitives, {
 });
 const animated = host.animated;
 const elevatorContext = createContext({});
-const defaultProps$1d = {
+const defaultProps$1e = {
   ...ComponentDefaults,
   height: "200px",
   floorKey: "title",
@@ -11437,7 +11484,7 @@ const Elevator = (props) => {
     children,
     ...rest
   } = {
-    ...defaultProps$1d,
+    ...defaultProps$1e,
     ...props
   };
   const classPrefix2 = "nut-elevator";
@@ -11489,7 +11536,7 @@ const Elevator = (props) => {
       cacheIndex = 0;
     }
     if (index > state.current.listHeight.length - 2) {
-      cacheIndex = state.current.listHeight.length - 2;
+      cacheIndex = Math.max(0, state.current.listHeight.length - 2);
     }
     setCodeIndex(cacheIndex);
     if (listview.current) {
@@ -11612,10 +11659,10 @@ const Elevator = (props) => {
     })
   ))) : null);
 };
-Elevator.defaultProps = defaultProps$1d;
+Elevator.defaultProps = defaultProps$1e;
 Elevator.displayName = "NutElevator";
 Elevator.Context = elevatorContext;
-const defaultProps$1c = {
+const defaultProps$1d = {
   ...ComponentDefaults,
   activeText: "",
   inactiveText: "",
@@ -11643,7 +11690,7 @@ const FixedNav = (props) => {
     content,
     ...rest
   } = {
-    ...defaultProps$1c,
+    ...defaultProps$1d,
     ...props
   };
   const classPrefix2 = "nut-fixednav";
@@ -11692,12 +11739,12 @@ const FixedNav = (props) => {
         item.num && /* @__PURE__ */ React__default.createElement("div", { className: "b" }, item.num)
       );
     }))),
-    /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}__btn`, onClick: () => onUpdateValue() }, content || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(y$6, { color: "#fff" }), /* @__PURE__ */ React__default.createElement("div", { className: "text" }, visible ? activeText || locale.fixednav.activeText : inactiveText || locale.fixednav.inactiveText)))
+    /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}__btn`, onClick: () => onUpdateValue() }, content || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(y$7, { color: "#fff" }), /* @__PURE__ */ React__default.createElement("div", { className: "text" }, visible ? activeText || locale.fixednav.activeText : inactiveText || locale.fixednav.inactiveText)))
   );
 };
-FixedNav.defaultProps = defaultProps$1c;
+FixedNav.defaultProps = defaultProps$1d;
 FixedNav.displayName = "NutFixedNav";
-const defaultProps$1b = {
+const defaultProps$1c = {
   ...ComponentDefaults,
   left: "",
   right: "",
@@ -11720,7 +11767,7 @@ const NavBar = (props) => {
     zIndex,
     onBackClick
   } = {
-    ...defaultProps$1b,
+    ...defaultProps$1c,
     ...props
   };
   const classPrefix2 = "nut-navbar";
@@ -11757,9 +11804,9 @@ const NavBar = (props) => {
   const cls = classNames(classPrefix2, classes, className);
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, fixed && placeholder ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}--placeholder` }, renderWrapper()) : renderWrapper());
 };
-NavBar.defaultProps = defaultProps$1b;
+NavBar.defaultProps = defaultProps$1c;
 NavBar.displayName = "NutNavBar";
-const defaultProps$1a = {
+const defaultProps$1b = {
   ...ComponentDefaults,
   position: "center",
   transition: "",
@@ -11811,7 +11858,7 @@ const Popup = (props) => {
     afterShow,
     afterClose,
     onClick
-  } = { ...defaultProps$1a, ...props };
+  } = { ...defaultProps$1b, ...props };
   const [index, setIndex] = useState(zIndex || _zIndex);
   const [innerVisible, setInnerVisible] = useState(visible);
   const [showChildren, setShowChildren] = useState(true);
@@ -11937,7 +11984,7 @@ const Popup = (props) => {
   }, [position, transition]);
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderToContainer(portal, renderNode()));
 };
-Popup.defaultProps = defaultProps$1a;
+Popup.defaultProps = defaultProps$1b;
 Popup.displayName = "NutPopup";
 const handleClick = (e) => {
   e.stopPropagation();
@@ -11953,7 +12000,7 @@ const handleClick = (e) => {
   }
 };
 const OffsetContext = createContext(20);
-const defaultProps$19 = {
+const defaultProps$1a = {
   ...ComponentDefaults,
   position: "left",
   width: "80%"
@@ -11970,7 +12017,7 @@ const SideNavBar = (props) => {
     onClose,
     ...rest
   } = {
-    ...defaultProps$19,
+    ...defaultProps$1a,
     ...props
   };
   const indent = props.indent ? Number(props.indent) : 20;
@@ -12002,7 +12049,7 @@ const SideNavBar = (props) => {
     )))
   );
 };
-SideNavBar.defaultProps = defaultProps$19;
+SideNavBar.defaultProps = defaultProps$1a;
 SideNavBar.displayName = "NutSideNavBar";
 const SideNavBarItem = (props) => {
   const classPrefix2 = "nut-subsidenavbar";
@@ -12021,13 +12068,13 @@ const SideNavBarItem = (props) => {
     title
   );
 };
-const defaultProps$18 = {
+const defaultProps$19 = {
   open: true
 };
 const SubSideNavBar = (props) => {
   const classPrefix2 = "nut-subsidenavbar";
   const { title, value, children, onClick, open, ...rest } = {
-    ...defaultProps$18,
+    ...defaultProps$19,
     ...props
   };
   const offset = useContext(OffsetContext);
@@ -12104,7 +12151,7 @@ function usePropsValue({
   );
   return [stateRef.current, setState];
 }
-const defaultProps$17 = {
+const defaultProps$18 = {
   ...ComponentDefaults,
   value: "",
   dot: false,
@@ -12115,7 +12162,7 @@ const defaultProps$17 = {
 };
 const Badge = (props) => {
   const { className, style, value, max, children, dot, top, right, color } = {
-    ...defaultProps$17,
+    ...defaultProps$18,
     ...props
   };
   const classPrefix2 = "nut-badge";
@@ -12142,9 +12189,9 @@ const Badge = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classes, style }, typeof value === "object" && value && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}__icon` }, value), /* @__PURE__ */ React__default.createElement("div", null, children), /* @__PURE__ */ React__default.createElement("div", { className: contentClasses, style: getStyle() }, content()));
 };
-Badge.defaultProps = defaultProps$17;
+Badge.defaultProps = defaultProps$18;
 Badge.displayName = "NutBadge";
-const defaultProps$16 = {
+const defaultProps$17 = {
   ...ComponentDefaults,
   title: "",
   icon: null,
@@ -12173,7 +12220,7 @@ const TabbarItem = (props) => {
     right,
     handleClick: handleClick2
   } = {
-    ...defaultProps$16,
+    ...defaultProps$17,
     ...props
   };
   const classPrefix2 = "nut-tabbar-item";
@@ -12205,7 +12252,7 @@ const TabbarItem = (props) => {
     icon ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Badge, { ...badgeProps }, /* @__PURE__ */ React__default.createElement("div", { className: boxPrefix }, icon)), /* @__PURE__ */ React__default.createElement("div", { className: titleClass }, title)) : /* @__PURE__ */ React__default.createElement(Badge, { ...badgeProps }, /* @__PURE__ */ React__default.createElement("div", { className: titleClass }, title))
   );
 };
-const defaultProps$15 = {
+const defaultProps$16 = {
   ...ComponentDefaults,
   defaultValue: 0,
   fixed: false,
@@ -12228,7 +12275,7 @@ const Tabbar = (props) => {
     style,
     onSwitch
   } = {
-    ...defaultProps$15,
+    ...defaultProps$16,
     ...props
   };
   const classPrefix2 = "nut-tabbar";
@@ -12263,17 +12310,17 @@ const Tabbar = (props) => {
     (fixed || safeArea) && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}__safe-area` })
   );
 };
-Tabbar.defaultProps = defaultProps$15;
+Tabbar.defaultProps = defaultProps$16;
 Tabbar.displayName = "NutTabbar";
 Tabbar.Item = TabbarItem;
-const defaultProps$14 = {
+const defaultProps$15 = {
   title: "",
   value: "",
   disabled: false
 };
 const TabPane = (props) => {
   const { children, autoHeightClassName, className, disabled } = {
-    ...defaultProps$14,
+    ...defaultProps$15,
     ...props
   };
   const classPrefix2 = "nut-tabpane";
@@ -12299,7 +12346,7 @@ function requestAniFrame() {
   };
 }
 const requestAniFrame$1 = requestAniFrame();
-const defaultProps$13 = {
+const defaultProps$14 = {
   ...ComponentDefaults,
   tabStyle: {},
   activeColor: "",
@@ -12325,7 +12372,7 @@ const Tabs = (props) => {
     autoHeight,
     ...rest
   } = {
-    ...defaultProps$13,
+    ...defaultProps$14,
     ...props
   };
   const [value, setValue] = usePropsValue({
@@ -12492,7 +12539,7 @@ const Tabs = (props) => {
     return React__default.cloneElement(child, childProps);
   }))));
 };
-Tabs.defaultProps = defaultProps$13;
+Tabs.defaultProps = defaultProps$14;
 Tabs.displayName = "NutTabs";
 Tabs.TabPane = TabPane;
 const formatTree = (tree, parent, config2) => tree.map((node) => {
@@ -12631,7 +12678,7 @@ class Tree {
   }
 }
 const Tree$1 = Tree;
-const defaultProps$12 = {
+const defaultProps$13 = {
   ...ComponentDefaults,
   activeColor: "",
   activeIcon: "checklist",
@@ -12674,7 +12721,7 @@ const InternalCascader = (props, ref) => {
     onClose,
     onChange,
     onPathChange
-  } = { ...defaultProps$12, ...props };
+  } = { ...defaultProps$13, ...props };
   const [tabvalue, setTabvalue] = useState("c1");
   const [optionsData, setOptionsData] = useState([]);
   const isLazy = () => state.configs.lazy && Boolean(state.configs.onLoad);
@@ -12970,9 +13017,9 @@ const InternalCascader = (props, ref) => {
   ) : renderTabs());
 };
 const Cascader = React__default.forwardRef(InternalCascader);
-Cascader.defaultProps = defaultProps$12;
+Cascader.defaultProps = defaultProps$13;
 Cascader.displayName = "NutCascader";
-const defaultProps$11 = {
+const defaultProps$12 = {
   ...ComponentDefaults,
   visible: false,
   type: "custom",
@@ -12999,7 +13046,7 @@ const CustomRender = (props) => {
     onPathChange,
     ...rest
   } = {
-    ...defaultProps$11,
+    ...defaultProps$12,
     ...props
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, type4 === "custom" && /* @__PURE__ */ React__default.createElement(
@@ -13024,7 +13071,7 @@ const CustomRender = (props) => {
     }
   ));
 };
-const defaultProps$10 = {
+const defaultProps$11 = {
   type: "custom",
   existList: [],
   defaultIcon: null,
@@ -13043,7 +13090,7 @@ const ExistRender = (props) => {
     onSelect,
     onSwitch,
     ...rest
-  } = { ...defaultProps$10, ...props };
+  } = { ...defaultProps$11, ...props };
   const classPrefix2 = "nut-address";
   const selectedExist = (item) => {
     existList.forEach((list, index) => {
@@ -13068,7 +13115,7 @@ const ExistRender = (props) => {
     );
   })), (custom || custom && locale.address.chooseAnotherAddress) && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-footer`, onClick }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-footer-btn` }, custom)));
 };
-const defaultProps$$ = {
+const defaultProps$10 = {
   ...ComponentDefaults,
   defaultValue: [],
   type: "custom",
@@ -13110,7 +13157,7 @@ const InternalAddress = (props, ref) => {
     className,
     ...rest
   } = {
-    ...defaultProps$$,
+    ...defaultProps$10,
     ...props
   };
   const classPrefix2 = "nut-address";
@@ -13135,7 +13182,7 @@ const InternalAddress = (props, ref) => {
     onClose && onClose();
   };
   const renderLeftOnCustomSwitch = () => {
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, custom && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-left-icon`, onClick: onSwitchModule }, React__default.isValidElement(backIcon) ? backIcon : /* @__PURE__ */ React__default.createElement(y$6, { color: "#cccccc" })));
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, custom && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-left-icon`, onClick: onSwitchModule }, React__default.isValidElement(backIcon) ? backIcon : /* @__PURE__ */ React__default.createElement(y$7, { color: "#cccccc" })));
   };
   const selectedExistItem = (data) => {
     onExistSelect && onExistSelect(data);
@@ -13201,7 +13248,7 @@ const InternalAddress = (props, ref) => {
   ));
 };
 const Address = forwardRef(InternalAddress);
-Address.defaultProps = defaultProps$$;
+Address.defaultProps = defaultProps$10;
 Address.displayName = "NutAddress";
 const Utils = {
   /**
@@ -13451,7 +13498,7 @@ const isEnd = (day, days) => {
 const isStartAndEnd = (days) => {
   return days.length >= 2 && Utils.isEqual(days[0], days[1]);
 };
-const defaultProps$_ = {
+const defaultProps$$ = {
   ...ComponentDefaults,
   type: "single",
   autoBackfill: false,
@@ -13486,6 +13533,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
   const {
     style,
     className,
+    children,
     popup,
     type: type4,
     autoBackfill,
@@ -13510,7 +13558,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     onUpdate,
     onDayClick,
     onPageChange
-  } = { ...defaultProps$_, ...props };
+  } = { ...defaultProps$$, ...props };
   const weekdays = locale.calendaritem.weekdays;
   const weeks = [
     ...weekdays.slice(firstDayOfWeek, 7),
@@ -14040,13 +14088,13 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     );
   };
   const renderFooter = () => {
-    return /* @__PURE__ */ React__default.createElement("div", { className: "nut-calendar-footer" }, /* @__PURE__ */ React__default.createElement("div", { className: "calendar-confirm-btn", onClick: confirm2 }, confirmText || locale.confirm));
+    return /* @__PURE__ */ React__default.createElement("div", { className: "nut-calendar-footer" }, children, /* @__PURE__ */ React__default.createElement("div", { className: "calendar-confirm-btn", onClick: confirm2 }, confirmText || locale.confirm));
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: classes, style }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : ""));
 });
-CalendarItem.defaultProps = defaultProps$_;
+CalendarItem.defaultProps = defaultProps$$;
 CalendarItem.displayName = "NutCalendarItem";
-const defaultProps$Z = {
+const defaultProps$_ = {
   ...ComponentDefaults,
   type: "single",
   autoBackfill: false,
@@ -14083,6 +14131,7 @@ const Calendar = React__default.forwardRef((props, ref) => {
   const {
     style,
     className,
+    children,
     popup,
     visible,
     type: type4,
@@ -14108,7 +14157,7 @@ const Calendar = React__default.forwardRef((props, ref) => {
     onConfirm,
     onDayClick,
     onPageChange
-  } = { ...defaultProps$Z, ...props };
+  } = { ...defaultProps$_, ...props };
   const calendarRef = useRef(null);
   const close = () => {
     onClose && onClose();
@@ -14140,6 +14189,7 @@ const Calendar = React__default.forwardRef((props, ref) => {
         ref: calendarRef,
         style,
         className,
+        children,
         type: type4,
         autoBackfill,
         popup,
@@ -14181,11 +14231,11 @@ const Calendar = React__default.forwardRef((props, ref) => {
     renderItem()
   ) : renderItem());
 });
-Calendar.defaultProps = defaultProps$Z;
+Calendar.defaultProps = defaultProps$_;
 Calendar.displayName = "NutCalendar";
 const CheckboxGroupContext = createContext(null);
 const Context$1 = CheckboxGroupContext;
-const defaultProps$Y = {
+const defaultProps$Z = {
   max: void 0,
   labelPosition: "right",
   direction: "vertical",
@@ -14196,7 +14246,7 @@ const defaultProps$Y = {
 const classPrefix$g = "nut-checkboxgroup";
 const CheckboxGroup = React__default.forwardRef(
   (props, ref) => {
-    const { children } = { ...defaultProps$Y, ...props };
+    const { children } = { ...defaultProps$Z, ...props };
     const {
       className,
       disabled,
@@ -14285,9 +14335,9 @@ const CheckboxGroup = React__default.forwardRef(
     );
   }
 );
-CheckboxGroup.defaultProps = defaultProps$Y;
+CheckboxGroup.defaultProps = defaultProps$Z;
 CheckboxGroup.displayName = "NutCheckboxGroup";
-const defaultProps$X = {
+const defaultProps$Y = {
   ...ComponentDefaults,
   disabled: false,
   labelPosition: "right",
@@ -14300,7 +14350,7 @@ const defaultProps$X = {
 const classPrefix$f = "nut-checkbox";
 const Checkbox = (props) => {
   const { children } = {
-    ...defaultProps$X,
+    ...defaultProps$Y,
     ...props
   };
   const {
@@ -14403,7 +14453,7 @@ const Checkbox = (props) => {
     renderLabel()
   );
 };
-Checkbox.defaultProps = defaultProps$X;
+Checkbox.defaultProps = defaultProps$Y;
 Checkbox.displayName = "NutCheckBox";
 Checkbox.Group = CheckboxGroup;
 const MIN_DISTANCE = 10;
@@ -14697,7 +14747,7 @@ function useRefs() {
   }, []);
   return [refs.current, setRefs, reset];
 }
-const defaultProps$W = {
+const defaultProps$X = {
   ...ComponentDefaults,
   title: "",
   options: [],
@@ -14723,7 +14773,7 @@ const InternalPicker = (props, ref) => {
     afterClose,
     onChange,
     ...rest
-  } = { ...defaultProps$W, ...props };
+  } = { ...defaultProps$X, ...props };
   const classPrefix2 = "nut-picker";
   const classes = classNames(classPrefix2, className);
   const [selectedValue, setSelectedValue] = usePropsValue({
@@ -14950,7 +15000,7 @@ const InternalPicker = (props, ref) => {
 const Picker = React__default.forwardRef(InternalPicker);
 const Picker$1 = Picker;
 const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-const defaultProps$V = {
+const defaultProps$W = {
   ...ComponentDefaults,
   visible: false,
   title: "",
@@ -14981,7 +15031,7 @@ const DatePicker = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$V,
+    ...defaultProps$W,
     ...props
   };
   const { locale } = useConfig();
@@ -15254,7 +15304,7 @@ const DatePicker = (props) => {
     }
   ));
 };
-DatePicker.defaultProps = defaultProps$V;
+DatePicker.defaultProps = defaultProps$W;
 DatePicker.displayName = "NutDatePicker";
 const Context = createContext({});
 function _extends() {
@@ -16465,7 +16515,7 @@ function isForwardRefComponent(component) {
     }
   ).$$typeof === component.type.$$typeof;
 }
-const defaultProps$U = {
+const defaultProps$V = {
   ...ComponentDefaults,
   required: false,
   name: "",
@@ -16533,7 +16583,7 @@ class FormItem extends React__default.Component {
     __publicField(this, "renderLayout", (childNode) => {
       var _a2, _b;
       const { label, name, required: required4, className, style, errorMessageAlign } = {
-        ...defaultProps$U,
+        ...defaultProps$V,
         ...this.props
       };
       const item = ((_a2 = this.context.errors) == null ? void 0 : _a2.length) > 0 && ((_b = this.context.errors) == null ? void 0 : _b.filter((item2) => {
@@ -16583,9 +16633,9 @@ class FormItem extends React__default.Component {
     return /* @__PURE__ */ React__default.createElement(React__default.Fragment, { key: this.state.resetCount }, this.renderLayout(returnChildNode));
   }
 }
-__publicField(FormItem, "defaultProps", defaultProps$U);
+__publicField(FormItem, "defaultProps", defaultProps$V);
 __publicField(FormItem, "contextType", Context);
-const defaultProps$T = {
+const defaultProps$U = {
   ...ComponentDefaults,
   labelPosition: "right",
   starPosition: "left",
@@ -16613,7 +16663,7 @@ const Form = (props) => {
     starPosition,
     form
   } = {
-    ...defaultProps$T,
+    ...defaultProps$U,
     ...props
   };
   let formInstance;
@@ -16656,7 +16706,7 @@ const Form = (props) => {
     /* @__PURE__ */ React__default.createElement(Cell.Group, null, /* @__PURE__ */ React__default.createElement(Context.Provider, { value: formInstance }, children), footer ? /* @__PURE__ */ React__default.createElement(Cell, null, footer) : null)
   );
 };
-Form.defaultProps = defaultProps$T;
+Form.defaultProps = defaultProps$U;
 Form.displayName = "NutForm";
 Form.Item = FormItem;
 Form.useForm = useForm;
@@ -16684,7 +16734,7 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
   return value.replace(regExp, "");
 }
-const defaultProps$S = {
+const defaultProps$T = {
   ...ComponentDefaults,
   type: "text",
   name: "",
@@ -16727,7 +16777,7 @@ const Input = forwardRef(
       value: _value,
       ...rest
     } = {
-      ...defaultProps$S,
+      ...defaultProps$T,
       ...props
     };
     const [value, setValue] = usePropsValue({
@@ -16862,9 +16912,9 @@ const Input = forwardRef(
     );
   }
 );
-Input.defaultProps = defaultProps$S;
+Input.defaultProps = defaultProps$T;
 Input.displayName = "NutInput";
-const defaultProps$R = {
+const defaultProps$S = {
   ...ComponentDefaults,
   disabled: false,
   min: 1,
@@ -16901,7 +16951,7 @@ const InputNumber = (props) => {
     onChange,
     ...restProps
   } = {
-    ...defaultProps$R,
+    ...defaultProps$S,
     ...props
   };
   const inputRef = useRef("");
@@ -17098,7 +17148,7 @@ const InputNumber = (props) => {
     }
   )), /* @__PURE__ */ React__default.createElement("div", { className: "nut-input-add" }, /* @__PURE__ */ React__default.createElement(y$4, { className: iconAddClasses, onClick: (e) => addNumber(e) })));
 };
-InputNumber.defaultProps = defaultProps$R;
+InputNumber.defaultProps = defaultProps$S;
 InputNumber.displayName = "NutInputNumber";
 const isObject = (val) => val !== null && typeof val === "object";
 const isFunction = (val) => typeof val === "function";
@@ -17140,7 +17190,7 @@ function useClickAway(onClickAway, target, eventName = "click", useCapture, isLi
     };
   }, [target]);
 }
-const defaultProps$Q = {
+const defaultProps$R = {
   ...ComponentDefaults,
   columns: 1,
   direction: "down",
@@ -17169,7 +17219,7 @@ const MenuItem = forwardRef((props, ref) => {
     parent,
     index
   } = {
-    ...defaultProps$Q,
+    ...defaultProps$R,
     ...props
   };
   const [showPopup, setShowPopup] = useState(show2);
@@ -17320,9 +17370,9 @@ const MenuItem = forwardRef((props, ref) => {
     )
   );
 });
-MenuItem.defaultProps = defaultProps$Q;
+MenuItem.defaultProps = defaultProps$R;
 MenuItem.displayName = "NutMenuItem";
-const defaultProps$P = {
+const defaultProps$Q = {
   ...ComponentDefaults,
   activeColor: "",
   closeOnOverlayClick: true,
@@ -17347,7 +17397,7 @@ const Menu = (props) => {
     onOpen,
     ...rest
   } = {
-    ...defaultProps$P,
+    ...defaultProps$Q,
     ...props
   };
   const menuRef = useRef(null);
@@ -17447,7 +17497,7 @@ const Menu = (props) => {
               })
             },
             /* @__PURE__ */ React__default.createElement("div", { className: "nut-menu__title-text" }, finallyTitle()),
-            icon || (direction === "up" ? /* @__PURE__ */ React__default.createElement(x$h, { className: "nut-menu__title-icon" }) : /* @__PURE__ */ React__default.createElement(y$9, { className: "nut-menu__title-icon" }))
+            icon || (direction === "up" ? /* @__PURE__ */ React__default.createElement(x$h, { className: "nut-menu__title-icon" }) : /* @__PURE__ */ React__default.createElement(y$a, { className: "nut-menu__title-icon" }))
           )
         );
       }
@@ -17474,10 +17524,10 @@ const Menu = (props) => {
     ), cloneChildren())
   );
 };
-Menu.defaultProps = defaultProps$P;
+Menu.defaultProps = defaultProps$Q;
 Menu.displayName = "NutMenu";
 Menu.Item = MenuItem;
-const defaultProps$O = {
+const defaultProps$P = {
   ...ComponentDefaults,
   visible: false,
   type: "default",
@@ -17628,10 +17678,10 @@ const NumberKeyboard = (props) => {
     ))))
   );
 };
-NumberKeyboard.defaultProps = defaultProps$O;
+NumberKeyboard.defaultProps = defaultProps$P;
 NumberKeyboard.displayName = "NutNumberKeyboard";
 const RadioContext = React__default.createContext(null);
-const defaultProps$N = {
+const defaultProps$O = {
   labelPosition: "right",
   onChange: (value) => {
   },
@@ -17652,7 +17702,7 @@ const RadioGroup = React__default.forwardRef(
       options: options2,
       disabled,
       ...rest
-    } = { ...defaultProps$N, ...props };
+    } = { ...defaultProps$O, ...props };
     const [val2State, setVal2State] = usePropsValue({
       defaultValue: props.defaultValue,
       value: props.value,
@@ -17704,9 +17754,9 @@ const RadioGroup = React__default.forwardRef(
     );
   }
 );
-RadioGroup.defaultProps = defaultProps$N;
+RadioGroup.defaultProps = defaultProps$O;
 RadioGroup.displayName = "NutRadioGroup";
-const defaultProps$M = {
+const defaultProps$N = {
   ...ComponentDefaults,
   disabled: false,
   shape: "round",
@@ -17732,7 +17782,7 @@ const Radio = (props) => {
     onChange,
     ...others
   } = {
-    ...defaultProps$M,
+    ...defaultProps$N,
     ...props
   };
   let { labelPosition, disabled, ...rest } = others;
@@ -17795,7 +17845,7 @@ const Radio = (props) => {
       return React__default.isValidElement(activeIcon2) ? React__default.cloneElement(activeIcon2, {
         ...activeIcon2.props,
         className: classNames(color())
-      }) : /* @__PURE__ */ React__default.createElement(y$8, { className: classNames(color()) });
+      }) : /* @__PURE__ */ React__default.createElement(y$9, { className: classNames(color()) });
     }
     return React__default.isValidElement(icon2) ? React__default.cloneElement(icon2, {
       ...icon2.props,
@@ -17828,10 +17878,10 @@ const Radio = (props) => {
     renderRadioItem()
   );
 };
-Radio.defaultProps = defaultProps$M;
+Radio.defaultProps = defaultProps$N;
 Radio.displayName = "NutRadio";
 Radio.Group = RadioGroup;
-const defaultProps$L = {
+const defaultProps$M = {
   ...ComponentDefaults,
   range: false,
   min: 0,
@@ -17859,7 +17909,7 @@ const Range = (props) => {
     step,
     value,
     defaultValue
-  } = { ...defaultProps$L, ...props };
+  } = { ...defaultProps$M, ...props };
   const classPrefix2 = "nut-range";
   const [buttonIndex, setButtonIndex] = useState(0);
   const [dragStatus, setDragStatus] = useState("start");
@@ -18123,9 +18173,9 @@ const Range = (props) => {
     renderButton()
   ))), maxDescription !== null && /* @__PURE__ */ React__default.createElement("div", { className: "max" }, maxDescription || max));
 };
-Range.defaultProps = defaultProps$L;
+Range.defaultProps = defaultProps$M;
 Range.displayName = "NutRange";
-const defaultProps$K = {
+const defaultProps$L = {
   ...ComponentDefaults,
   count: 5,
   min: 0,
@@ -18150,7 +18200,7 @@ const Rate = (props) => {
     allowHalf,
     onChange
   } = {
-    ...defaultProps$K,
+    ...defaultProps$L,
     ...props
   };
   const classPrefix2 = "nut-rate";
@@ -18233,9 +18283,9 @@ const Rate = (props) => {
     })
   );
 };
-Rate.defaultProps = defaultProps$K;
+Rate.defaultProps = defaultProps$L;
 Rate.displayName = "NutRate";
-const defaultProps$J = {
+const defaultProps$K = {
   ...ComponentDefaults,
   placeholder: "",
   shape: "square",
@@ -18274,7 +18324,7 @@ const SearchBar = (props) => {
     onSearch,
     onInputClick
   } = {
-    ...defaultProps$J,
+    ...defaultProps$K,
     ...props
   };
   const forceFocus = () => {
@@ -18392,9 +18442,9 @@ const SearchBar = (props) => {
     renderRight()
   );
 };
-SearchBar.defaultProps = defaultProps$J;
+SearchBar.defaultProps = defaultProps$K;
 SearchBar.displayName = "NutSearchBar";
-const defaultProps$I = {
+const defaultProps$J = {
   ...ComponentDefaults,
   value: "",
   visible: false,
@@ -18431,7 +18481,7 @@ const ShortPassword = (props) => {
     onCloseIconClick,
     ...rest
   } = {
-    ...defaultProps$I,
+    ...defaultProps$J,
     ...props
   };
   const classPrefix2 = "nut-shortpassword";
@@ -18488,9 +18538,9 @@ const ShortPassword = (props) => {
     ), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}__footer__sure`, onClick: sure }, locale.confirm)))
   );
 };
-ShortPassword.defaultProps = defaultProps$I;
+ShortPassword.defaultProps = defaultProps$J;
 ShortPassword.displayName = "NutShortPassword";
-const defaultProps$H = {
+const defaultProps$I = {
   ...ComponentDefaults,
   type: "png",
   lineWidth: 2,
@@ -18510,7 +18560,7 @@ const InternalSignature = (props, ref) => {
     onClear,
     ...rest
   } = {
-    ...defaultProps$H,
+    ...defaultProps$I,
     ...props
   };
   const classPrefix2 = `nut-signature`;
@@ -18608,9 +18658,9 @@ const InternalSignature = (props, ref) => {
   return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2} ${className}`, style, ...rest }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}__inner`, ref: wrapRef }, isCanvasSupported() ? /* @__PURE__ */ React__default.createElement("canvas", { ref: canvasRef, height: canvasHeight, width: canvasWidth }) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, unsupported || /* @__PURE__ */ React__default.createElement("p", { className: `${classPrefix2}__unsupport` }, locale.signature.unsupported))));
 };
 const Signature = React__default.forwardRef(InternalSignature);
-Signature.defaultProps = defaultProps$H;
+Signature.defaultProps = defaultProps$I;
 Signature.displayName = "NutSignature";
-const defaultProps$G = {
+const defaultProps$H = {
   ...ComponentDefaults,
   disabled: false,
   activeText: "",
@@ -18627,7 +18677,7 @@ const Switch = (props) => {
     style,
     onChange
   } = {
-    ...defaultProps$G,
+    ...defaultProps$H,
     ...props
   };
   const classPrefix2 = "nut-switch";
@@ -18646,9 +18696,9 @@ const Switch = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classes(), onClick: (e) => onClick(e), style }, /* @__PURE__ */ React__default.createElement("div", { className: "switch-button" }, !value && /* @__PURE__ */ React__default.createElement("div", { className: "close-line" }), activeText && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, value ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}__label open` }, activeText) : /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}__label close` }, inactiveText))));
 };
-Switch.defaultProps = defaultProps$G;
+Switch.defaultProps = defaultProps$H;
 Switch.displayName = "NutSwitch";
-const defaultProps$F = {
+const defaultProps$G = {
   ...ComponentDefaults,
   defaultValue: "",
   showCount: false,
@@ -18677,7 +18727,7 @@ const TextArea = (props) => {
     onBlur,
     onFocus,
     ...rest
-  } = { ...defaultProps$F, ...props };
+  } = { ...defaultProps$G, ...props };
   const classPrefix2 = "nut-textarea";
   const textareaRef = useRef(null);
   const compositionRef = useRef(false);
@@ -18761,9 +18811,9 @@ const TextArea = (props) => {
     showCount && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}__limit` }, inputValue.length, "/", maxLength < 0 ? 0 : maxLength)
   );
 };
-TextArea.defaultProps = defaultProps$F;
+TextArea.defaultProps = defaultProps$G;
 TextArea.displayName = "NutTextArea";
-const defaultProps$E = {
+const defaultProps$F = {
   ...ComponentDefaults,
   percent: 0,
   showText: false,
@@ -18786,7 +18836,7 @@ const Progress = (props) => {
     delay,
     ...rest
   } = {
-    ...defaultProps$E,
+    ...defaultProps$F,
     ...props
   };
   const classPrefix2 = "nut-progress";
@@ -18881,7 +18931,7 @@ const Progress = (props) => {
     )))
   );
 };
-Progress.defaultProps = defaultProps$E;
+Progress.defaultProps = defaultProps$F;
 Progress.displayName = "NutProgress";
 class UploadOptions {
   constructor() {
@@ -18973,7 +19023,7 @@ const funcInterceptor = (interceptor, {
     done();
   }
 };
-const defaultProps$D = {
+const defaultProps$E = {
   ...ComponentDefaults,
   url: "",
   maxCount: 1,
@@ -19056,7 +19106,7 @@ const InternalUploader = (props, ref) => {
     beforeXhrUpload,
     beforeDelete,
     ...restProps
-  } = { ...defaultProps$D, ...props };
+  } = { ...defaultProps$E, ...props };
   const [fileList, setFileList] = useState(defaultValue || []);
   const [uploadQueue, setUploadQueue] = useState([]);
   useEffect(() => {
@@ -19352,7 +19402,7 @@ const InternalUploader = (props, ref) => {
         " ",
         item.name
       ), deletable && /* @__PURE__ */ React__default.createElement(
-        y$7,
+        y$8,
         {
           color: "#808080",
           className: "nut-uploader__preview-img__file__del",
@@ -19400,9 +19450,9 @@ const InternalUploader = (props, ref) => {
   ));
 };
 const Uploader = React__default.forwardRef(InternalUploader);
-Uploader.defaultProps = defaultProps$D;
+Uploader.defaultProps = defaultProps$E;
 Uploader.displayName = "NutUploader";
-const defaultProps$C = {
+const defaultProps$D = {
   ...ComponentDefaults,
   visible: false,
   description: "",
@@ -19428,7 +19478,7 @@ const ActionSheet = (props) => {
     className,
     style,
     ...rest
-  } = { ...defaultProps$C, ...props };
+  } = { ...defaultProps$D, ...props };
   const classPrefix2 = "nut-actionsheet";
   const cancelActionSheet = () => {
     onCancel && onCancel();
@@ -19471,7 +19521,7 @@ const ActionSheet = (props) => {
     ))
   );
 };
-ActionSheet.defaultProps = defaultProps$C;
+ActionSheet.defaultProps = defaultProps$D;
 ActionSheet.displayName = "NutActionSheet";
 const fullClone = {
   ...ReactDOM
@@ -19704,7 +19754,7 @@ const DialogWrap = (props) => {
 };
 DialogWrap.defaultProps = defaultDialogProps;
 DialogWrap.displayName = "NutDialogWrap";
-const defaultProps$B = {
+const defaultProps$C = {
   confirmText: "",
   cancelText: "",
   overlay: true,
@@ -19803,9 +19853,9 @@ Dialog.confirm = (props) => {
     });
   };
 });
-Dialog.defaultProps = defaultProps$B;
+Dialog.defaultProps = defaultProps$C;
 Dialog.displayName = "NutDialog";
-const defaultProps$A = {
+const defaultProps$B = {
   ...ComponentDefaults,
   attract: false,
   direction: void 0,
@@ -19818,7 +19868,7 @@ const defaultProps$A = {
 };
 const Drag = (props) => {
   const { attract, direction, boundary, children, className, style, ...reset } = {
-    ...defaultProps$A,
+    ...defaultProps$B,
     ...props
   };
   const classPrefix2 = "nut-drag";
@@ -19881,14 +19931,14 @@ const Drag = (props) => {
     /* @__PURE__ */ React__default.createElement(animated.div, { style: currstyle, ...bind() }, children)
   );
 };
-Drag.defaultProps = defaultProps$A;
+Drag.defaultProps = defaultProps$B;
 Drag.displayName = "NutDrag";
 const defaultStatus = {
   empty: "https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png",
   error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",
   network: "https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png"
 };
-const defaultProps$z = {
+const defaultProps$A = {
   ...ComponentDefaults,
   description: "",
   imageSize: "",
@@ -19906,7 +19956,7 @@ const Empty = (props) => {
     status,
     ...rest
   } = {
-    ...defaultProps$z,
+    ...defaultProps$A,
     ...props
   };
   const [imgStyle, setImgStyle] = useState({});
@@ -19931,9 +19981,9 @@ const Empty = (props) => {
   }, [imageSize]);
   return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$c} ${className}`, ...rest }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$c}__image`, style: imgStyle }, imageNode), typeof description === "string" ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$c}__description` }, description || locale.noData) : description, children));
 };
-Empty.defaultProps = defaultProps$z;
+Empty.defaultProps = defaultProps$A;
 Empty.displayName = "NutEmpty";
-const defaultProps$y = {
+const defaultProps$z = {
   ...ComponentDefaults,
   hasMore: true,
   threshold: 200,
@@ -19960,7 +20010,7 @@ const InfiniteLoading = (props) => {
     onScroll,
     ...restProps
   } = {
-    ...defaultProps$y,
+    ...defaultProps$z,
     ...props
   };
   const [isInfiniting, setIsInfiniting] = useState(false);
@@ -20098,8 +20148,41 @@ const InfiniteLoading = (props) => {
     /* @__PURE__ */ React__default.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? /* @__PURE__ */ React__default.createElement("div", { className: "bottom-box" }, loadingText || locale.infiniteloading.loadText) : !hasMore && /* @__PURE__ */ React__default.createElement("div", { className: "tips" }, loadMoreText || locale.infiniteloading.loadMoreText))
   );
 };
-InfiniteLoading.defaultProps = defaultProps$y;
+InfiniteLoading.defaultProps = defaultProps$z;
 InfiniteLoading.displayName = "NutInfiniteLoading";
+const loadingMap = {
+  circular: y$6,
+  spinner: k$3
+};
+const defaultProps$y = {
+  ...ComponentDefaults,
+  // 对比一下,个人感觉还是Loading1比较好看一些,所以用它作为了默认的loading图标
+  type: "circular",
+  direction: "horizontal"
+};
+const Loading = (props) => {
+  const { className, style, children, direction, icon, ...rest } = {
+    ...defaultProps$y,
+    ...props
+  };
+  const classPrefix2 = "nut-loading";
+  const CurLoadingIcon = loadingMap[rest.type] || y$6;
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: classNames(
+        classPrefix2,
+        className,
+        direction === "vertical" ? `${classPrefix2}-vertical` : ""
+      ),
+      style
+    },
+    /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-icon-box` }, icon || /* @__PURE__ */ React__default.createElement(CurLoadingIcon, { className: `${classPrefix2}-icon` })),
+    children ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-text` }, children) : ""
+  );
+};
+Loading.defaultProps = defaultProps$y;
+Loading.displayName = "NutLoading";
 const defaultProps$x = {
   ...ComponentDefaults,
   direction: "horizontal",
@@ -24922,6 +25005,7 @@ export {
   Input,
   InputNumber,
   Layout,
+  Loading,
   Menu,
   MenuItem,
   NavBar,