@nutui/nutui-react 2.0.8 → 2.0.10

package/dist/nutui.react.umd.js

@@ -9,7 +9,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @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.
 */
@@ -725,7 +725,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",
@@ -733,8 +733,8 @@ Check the top-level render call using <` + t + ">.");
     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";
@@ -771,8 +771,8 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  y$9.defaultProps = a$x;
-  const a$w = {
+  y$a.defaultProps = a$y;
+  const a$x = {
     className: "",
     style: void 0,
     name: "ArrowUp2",
@@ -781,7 +781,7 @@ Check the top-level render call using <` + t + ">.");
     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";
@@ -818,8 +818,8 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  x$h.defaultProps = a$w;
-  const a$v = {
+  x$h.defaultProps = a$x;
+  const a$w = {
     className: "",
     style: void 0,
     name: "CheckChecked",
@@ -827,8 +827,8 @@ Check the top-level render call using <` + t + ">.");
     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";
@@ -876,8 +876,8 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  y$8.defaultProps = a$v;
-  const a$u = {
+  y$9.defaultProps = a$w;
+  const a$v = {
     className: "",
     style: void 0,
     name: "CheckDisabled",
@@ -886,7 +886,7 @@ Check the top-level render call using <` + t + ">.");
     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";
@@ -923,8 +923,8 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  x$g.defaultProps = a$u;
-  const a$t = {
+  x$g.defaultProps = a$v;
+  const a$u = {
     className: "",
     style: void 0,
     name: "CheckNormal",
@@ -933,7 +933,7 @@ Check the top-level render call using <` + 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";
@@ -970,8 +970,8 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  N.defaultProps = a$t;
-  const a$s = {
+  N.defaultProps = a$u;
+  const a$t = {
     className: "",
     style: void 0,
     name: "Check",
@@ -980,7 +980,7 @@ Check the top-level render call using <` + t + ">.");
     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";
@@ -1017,8 +1017,8 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  x$f.defaultProps = a$s;
-  const a$r = {
+  x$f.defaultProps = a$t;
+  const a$s = {
     className: "",
     style: void 0,
     name: "Checked",
@@ -1027,7 +1027,7 @@ Check the top-level render call using <` + t + ">.");
     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";
@@ -1064,8 +1064,8 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  x$e.defaultProps = a$r;
-  const a$q = {
+  x$e.defaultProps = a$s;
+  const a$r = {
     className: "",
     style: void 0,
     name: "Checklist",
@@ -1074,7 +1074,7 @@ Check the top-level render call using <` + t + ">.");
     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";
@@ -1111,8 +1111,8 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  x$d.defaultProps = a$q;
-  const a$p = {
+  x$d.defaultProps = a$r;
+  const a$q = {
     className: "",
     style: void 0,
     name: "CircleClose",
@@ -1121,7 +1121,7 @@ Check the top-level render call using <` + t + ">.");
     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";
@@ -1158,8 +1158,8 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  x$c.defaultProps = a$p;
-  const a$o = {
+  x$c.defaultProps = a$q;
+  const a$p = {
     className: "",
     style: void 0,
     name: "Close",
@@ -1168,7 +1168,7 @@ Check the top-level render call using <` + t + ">.");
     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";
@@ -1205,8 +1205,8 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  x$b.defaultProps = a$o;
-  const a$n = {
+  x$b.defaultProps = a$p;
+  const a$o = {
     className: "",
     style: void 0,
     name: "Del",
@@ -1214,8 +1214,8 @@ Check the top-level render call using <` + t + ">.");
     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";
@@ -1252,8 +1252,8 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  y$7.defaultProps = a$n;
-  const a$m = {
+  y$8.defaultProps = a$o;
+  const a$n = {
     className: "",
     style: void 0,
     name: "DownArrow",
@@ -1262,7 +1262,7 @@ Check the top-level render call using <` + t + ">.");
     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";
@@ -1299,8 +1299,8 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  x$a.defaultProps = a$m;
-  const a$l = {
+  x$a.defaultProps = a$n;
+  const a$m = {
     className: "",
     style: void 0,
     name: "Failure",
@@ -1309,7 +1309,7 @@ Check the top-level render call using <` + t + ">.");
     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";
@@ -1346,8 +1346,8 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  x$9.defaultProps = a$l;
-  const a$k = {
+  x$9.defaultProps = a$m;
+  const a$l = {
     className: "",
     style: void 0,
     name: "ImageError",
@@ -1356,7 +1356,7 @@ Check the top-level render call using <` + t + ">.");
     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";
@@ -1404,8 +1404,8 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  k$5.defaultProps = a$k;
-  const a$j = {
+  k$5.defaultProps = a$l;
+  const a$k = {
     className: "",
     style: void 0,
     name: "Image",
@@ -1414,7 +1414,7 @@ Check the top-level render call using <` + t + ">.");
     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";
@@ -1462,8 +1462,8 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  k$4.defaultProps = a$j;
-  const a$i = {
+  k$4.defaultProps = a$k;
+  const a$j = {
     className: "",
     style: void 0,
     name: "Issue",
@@ -1472,7 +1472,7 @@ Check the top-level render call using <` + t + ">.");
     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";
@@ -1509,8 +1509,8 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  x$8.defaultProps = a$i;
-  const a$h = {
+  x$8.defaultProps = a$j;
+  const a$i = {
     className: "",
     style: void 0,
     name: "JoySmile",
@@ -1519,7 +1519,7 @@ Check the top-level render call using <` + t + ">.");
     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";
@@ -1556,8 +1556,8 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  x$7.defaultProps = a$h;
-  const a$g = {
+  x$7.defaultProps = a$i;
+  const a$h = {
     className: "",
     style: void 0,
     name: "Left",
@@ -1565,8 +1565,8 @@ Check the top-level render call using <` + t + ">.");
     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";
@@ -1603,8 +1603,8 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  y$6.defaultProps = a$g;
-  const a$f = {
+  y$7.defaultProps = a$h;
+  const a$g = {
     className: "",
     style: void 0,
     name: "Link",
@@ -1613,7 +1613,7 @@ Check the top-level render call using <` + t + ">.");
     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";
@@ -1650,8 +1650,8 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  x$6.defaultProps = a$f;
-  const a$e = {
+  x$6.defaultProps = a$g;
+  const a$f = {
     className: "",
     style: void 0,
     name: "Loading",
@@ -1660,7 +1660,7 @@ Check the top-level render call using <` + t + ">.");
     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";
@@ -1697,7 +1697,54 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  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,
@@ -2409,7 +2456,7 @@ Check the top-level render call using <` + t + ">.");
     style: {}
   };
   const prefixCls$1 = "nut-button";
-  const defaultProps$1q = {
+  const defaultProps$1r = {
     ...ComponentDefaults,
     color: "",
     type: "default",
@@ -2443,7 +2490,7 @@ Check the top-level render call using <` + t + ">.");
         nativeType,
         ...rest
       } = {
-        ...defaultProps$1q,
+        ...defaultProps$1r,
         ...props
       };
       const getStyle = React.useCallback(() => {
@@ -2494,7 +2541,7 @@ Check the top-level render call using <` + t + ">.");
     }
   );
   Button.displayName = "NutButton";
-  const defaultProps$1p = {
+  const defaultProps$1q = {
     ...ComponentDefaults,
     title: "",
     description: "",
@@ -2503,7 +2550,7 @@ Check the top-level render call using <` + t + ">.");
   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.createElement("div", { className: classNames(classPrefix$o, className), ...rest }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$o}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$o}__description` }, description) : null, /* @__PURE__ */ React.createElement(
@@ -2514,9 +2561,9 @@ Check the top-level render call using <` + t + ">.");
       children
     ));
   };
-  CellGroup.defaultProps = defaultProps$1p;
+  CellGroup.defaultProps = defaultProps$1q;
   CellGroup.displayName = "NutCellGroup";
-  const defaultProps$1o = {
+  const defaultProps$1p = {
     ...ComponentDefaults,
     title: null,
     description: null,
@@ -2540,7 +2587,7 @@ Check the top-level render call using <` + t + ">.");
       style,
       ...rest
     } = {
-      ...defaultProps$1o,
+      ...defaultProps$1p,
       ...props
     };
     const handleClick2 = (event) => {
@@ -2572,7 +2619,7 @@ Check the top-level render call using <` + t + ">.");
       ) : null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__divider` }))
     );
   };
-  Cell.defaultProps = defaultProps$1o;
+  Cell.defaultProps = defaultProps$1p;
   Cell.displayName = "NutCell";
   Cell.Group = CellGroup;
   var INFINITY = 1 / 0;
@@ -3708,7 +3755,7 @@ Check the top-level render call using <` + t + ">.");
   const pxCheck = (value) => {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
   };
-  const defaultProps$1n = {
+  const defaultProps$1o = {
     ...ComponentDefaults,
     fit: "fill",
     position: "center",
@@ -3737,7 +3784,7 @@ Check the top-level render call using <` + t + ">.");
       onClick,
       onLoad,
       onError
-    } = { ...defaultProps$1n, ...props };
+    } = { ...defaultProps$1o, ...props };
     const [innerLoading, setInnerLoading] = React.useState(true);
     const [isError, setIsError] = React.useState(false);
     const imgRef = React.useRef(null);
@@ -3864,7 +3911,7 @@ Check the top-level render call using <` + t + ">.");
       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) {
@@ -5689,7 +5736,7 @@ Check the top-level render call using <` + t + ">.");
   Overlay.defaultProps = defaultOverlayProps;
   Overlay.displayName = "NutOverlay";
   const DataContext$2 = React.createContext({});
-  const defaultProps$1m = {
+  const defaultProps$1n = {
     ...ComponentDefaults,
     span: "24",
     offset: "0",
@@ -5697,7 +5744,7 @@ Check the top-level render call using <` + t + ">.");
   };
   const Col = (props) => {
     const { className, style, span, offset, children, onClick } = {
-      ...defaultProps$1m,
+      ...defaultProps$1n,
       ...props
     };
     const [colName, setColName] = React.useState("");
@@ -5729,9 +5776,9 @@ Check the top-level render call using <` + t + ">.");
       children
     );
   };
-  Col.defaultProps = defaultProps$1m;
+  Col.defaultProps = defaultProps$1n;
   Col.displayName = "NutCol";
-  const defaultProps$1l = {
+  const defaultProps$1m = {
     ...ComponentDefaults,
     contentPosition: "center",
     direction: "horizontal"
@@ -5739,7 +5786,7 @@ Check the top-level render call using <` + t + ">.");
   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({
@@ -5754,14 +5801,14 @@ Check the top-level render call using <` + t + ">.");
     });
     return /* @__PURE__ */ React.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.createContext(gridContext);
-  const defaultProps$1k = {
+  const defaultProps$1l = {
     text: "",
     columns: 4,
     gap: 0,
@@ -5787,7 +5834,7 @@ Check the top-level render call using <` + t + ">.");
       onClick,
       ...rest
     } = {
-      ...defaultProps$1k,
+      ...defaultProps$1l,
       ...props
     };
     const classPrefix2 = "nut-grid-item";
@@ -5845,9 +5892,9 @@ Check the top-level render call using <` + t + ">.");
       /* @__PURE__ */ React.createElement("div", { className: contentClass() }, children && /* @__PURE__ */ React.createElement(React.Fragment, null, children), text && /* @__PURE__ */ React.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,
@@ -5868,7 +5915,7 @@ Check the top-level render call using <` + t + ">.");
       className,
       onClick,
       ...rest
-    } = { ...defaultProps$1j, ...props };
+    } = { ...defaultProps$1k, ...props };
     const childrenDom = React.Children.toArray(children);
     const classPrefix2 = "nut-grid";
     const rootClass = () => {
@@ -5898,18 +5945,18 @@ Check the top-level render call using <` + t + ">.");
       });
     })));
   };
-  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.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",
@@ -5929,7 +5976,7 @@ Check the top-level render call using <` + t + ">.");
       gutter,
       onClick
     } = {
-      ...defaultProps$1h,
+      ...defaultProps$1i,
       ...props
     };
     const getClass = (prefix2, type22) => {
@@ -5961,15 +6008,15 @@ Check the top-level render call using <` + t + ">.");
       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(
@@ -5984,7 +6031,7 @@ Check the top-level render call using <` + t + ">.");
       return child !== null && child !== void 0 && /* @__PURE__ */ React.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;
@@ -6059,7 +6106,7 @@ Check the top-level render call using <` + t + ">.");
       stop2.current = true;
     };
   }
-  const defaultProps$1f = {
+  const defaultProps$1g = {
     ...ComponentDefaults,
     position: "top",
     threshold: 0,
@@ -6077,7 +6124,7 @@ Check the top-level render call using <` + t + ">.");
       threshold,
       onChange,
       ...rest
-    } = { ...defaultProps$1f, ...props };
+    } = { ...defaultProps$1g, ...props };
     const stickyRef = React.useRef(null);
     const rootRef = React.useRef(null);
     const [isFixed, setIsFixed] = React.useState(false);
@@ -6193,9 +6240,9 @@ Check the top-level render call using <` + t + ">.");
       /* @__PURE__ */ React.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,
@@ -6213,7 +6260,7 @@ Check the top-level render call using <` + t + ">.");
       style,
       onClick
     } = {
-      ...defaultProps$1e,
+      ...defaultProps$1f,
       ...props
     };
     const classPrefix2 = "nut-backtop";
@@ -6311,7 +6358,7 @@ Check the top-level render call using <` + t + ">.");
       children || /* @__PURE__ */ React.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));
@@ -11429,7 +11476,7 @@ Please add \`${key}Action\` when creating your handler.`);
   });
   const animated = host.animated;
   const elevatorContext = React.createContext({});
-  const defaultProps$1d = {
+  const defaultProps$1e = {
     ...ComponentDefaults,
     height: "200px",
     floorKey: "title",
@@ -11455,7 +11502,7 @@ Please add \`${key}Action\` when creating your handler.`);
       children,
       ...rest
     } = {
-      ...defaultProps$1d,
+      ...defaultProps$1e,
       ...props
     };
     const classPrefix2 = "nut-elevator";
@@ -11507,7 +11554,7 @@ Please add \`${key}Action\` when creating your handler.`);
         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) {
@@ -11630,10 +11677,10 @@ Please add \`${key}Action\` when creating your handler.`);
       })
     ))) : null);
   };
-  Elevator.defaultProps = defaultProps$1d;
+  Elevator.defaultProps = defaultProps$1e;
   Elevator.displayName = "NutElevator";
   Elevator.Context = elevatorContext;
-  const defaultProps$1c = {
+  const defaultProps$1d = {
     ...ComponentDefaults,
     activeText: "",
     inactiveText: "",
@@ -11661,7 +11708,7 @@ Please add \`${key}Action\` when creating your handler.`);
       content,
       ...rest
     } = {
-      ...defaultProps$1c,
+      ...defaultProps$1d,
       ...props
     };
     const classPrefix2 = "nut-fixednav";
@@ -11710,12 +11757,12 @@ Please add \`${key}Action\` when creating your handler.`);
           item.num && /* @__PURE__ */ React.createElement("div", { className: "b" }, item.num)
         );
       }))),
-      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__btn`, onClick: () => onUpdateValue() }, content || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(y$6, { color: "#fff" }), /* @__PURE__ */ React.createElement("div", { className: "text" }, visible ? activeText || locale.fixednav.activeText : inactiveText || locale.fixednav.inactiveText)))
+      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__btn`, onClick: () => onUpdateValue() }, content || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(y$7, { color: "#fff" }), /* @__PURE__ */ React.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: "",
@@ -11738,7 +11785,7 @@ Please add \`${key}Action\` when creating your handler.`);
       zIndex,
       onBackClick
     } = {
-      ...defaultProps$1b,
+      ...defaultProps$1c,
       ...props
     };
     const classPrefix2 = "nut-navbar";
@@ -11775,9 +11822,9 @@ Please add \`${key}Action\` when creating your handler.`);
     const cls = classNames(classPrefix2, classes, className);
     return /* @__PURE__ */ React.createElement(React.Fragment, null, fixed && placeholder ? /* @__PURE__ */ React.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: "",
@@ -11829,7 +11876,7 @@ Please add \`${key}Action\` when creating your handler.`);
       afterShow,
       afterClose,
       onClick
-    } = { ...defaultProps$1a, ...props };
+    } = { ...defaultProps$1b, ...props };
     const [index, setIndex] = React.useState(zIndex || _zIndex);
     const [innerVisible, setInnerVisible] = React.useState(visible);
     const [showChildren, setShowChildren] = React.useState(true);
@@ -11955,7 +12002,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }, [position, transition]);
     return /* @__PURE__ */ React.createElement(React.Fragment, null, renderToContainer(portal, renderNode()));
   };
-  Popup.defaultProps = defaultProps$1a;
+  Popup.defaultProps = defaultProps$1b;
   Popup.displayName = "NutPopup";
   const handleClick = (e) => {
     e.stopPropagation();
@@ -11971,7 +12018,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }
   };
   const OffsetContext = React.createContext(20);
-  const defaultProps$19 = {
+  const defaultProps$1a = {
     ...ComponentDefaults,
     position: "left",
     width: "80%"
@@ -11988,7 +12035,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onClose,
       ...rest
     } = {
-      ...defaultProps$19,
+      ...defaultProps$1a,
       ...props
     };
     const indent = props.indent ? Number(props.indent) : 20;
@@ -12020,7 +12067,7 @@ Please add \`${key}Action\` when creating your handler.`);
       )))
     );
   };
-  SideNavBar.defaultProps = defaultProps$19;
+  SideNavBar.defaultProps = defaultProps$1a;
   SideNavBar.displayName = "NutSideNavBar";
   const SideNavBarItem = (props) => {
     const classPrefix2 = "nut-subsidenavbar";
@@ -12039,13 +12086,13 @@ Please add \`${key}Action\` when creating your handler.`);
       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 = React.useContext(OffsetContext);
@@ -12122,7 +12169,7 @@ Please add \`${key}Action\` when creating your handler.`);
     );
     return [stateRef.current, setState];
   }
-  const defaultProps$17 = {
+  const defaultProps$18 = {
     ...ComponentDefaults,
     value: "",
     dot: false,
@@ -12133,7 +12180,7 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   const Badge = (props) => {
     const { className, style, value, max, children, dot, top, right, color } = {
-      ...defaultProps$17,
+      ...defaultProps$18,
       ...props
     };
     const classPrefix2 = "nut-badge";
@@ -12160,9 +12207,9 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     return /* @__PURE__ */ React.createElement("div", { className: classes, style }, typeof value === "object" && value && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__icon` }, value), /* @__PURE__ */ React.createElement("div", null, children), /* @__PURE__ */ React.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,
@@ -12191,7 +12238,7 @@ Please add \`${key}Action\` when creating your handler.`);
       right,
       handleClick: handleClick2
     } = {
-      ...defaultProps$16,
+      ...defaultProps$17,
       ...props
     };
     const classPrefix2 = "nut-tabbar-item";
@@ -12223,7 +12270,7 @@ Please add \`${key}Action\` when creating your handler.`);
       icon ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Badge, { ...badgeProps }, /* @__PURE__ */ React.createElement("div", { className: boxPrefix }, icon)), /* @__PURE__ */ React.createElement("div", { className: titleClass }, title)) : /* @__PURE__ */ React.createElement(Badge, { ...badgeProps }, /* @__PURE__ */ React.createElement("div", { className: titleClass }, title))
     );
   };
-  const defaultProps$15 = {
+  const defaultProps$16 = {
     ...ComponentDefaults,
     defaultValue: 0,
     fixed: false,
@@ -12246,7 +12293,7 @@ Please add \`${key}Action\` when creating your handler.`);
       style,
       onSwitch
     } = {
-      ...defaultProps$15,
+      ...defaultProps$16,
       ...props
     };
     const classPrefix2 = "nut-tabbar";
@@ -12281,17 +12328,17 @@ Please add \`${key}Action\` when creating your handler.`);
       (fixed || safeArea) && /* @__PURE__ */ React.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";
@@ -12317,7 +12364,7 @@ Please add \`${key}Action\` when creating your handler.`);
     };
   }
   const requestAniFrame$1 = requestAniFrame();
-  const defaultProps$13 = {
+  const defaultProps$14 = {
     ...ComponentDefaults,
     tabStyle: {},
     activeColor: "",
@@ -12343,7 +12390,7 @@ Please add \`${key}Action\` when creating your handler.`);
       autoHeight,
       ...rest
     } = {
-      ...defaultProps$13,
+      ...defaultProps$14,
       ...props
     };
     const [value, setValue] = usePropsValue({
@@ -12510,7 +12557,7 @@ Please add \`${key}Action\` when creating your handler.`);
       return React.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) => {
@@ -12649,7 +12696,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }
   }
   const Tree$1 = Tree;
-  const defaultProps$12 = {
+  const defaultProps$13 = {
     ...ComponentDefaults,
     activeColor: "",
     activeIcon: "checklist",
@@ -12692,7 +12739,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onClose,
       onChange,
       onPathChange
-    } = { ...defaultProps$12, ...props };
+    } = { ...defaultProps$13, ...props };
     const [tabvalue, setTabvalue] = React.useState("c1");
     const [optionsData, setOptionsData] = React.useState([]);
     const isLazy = () => state.configs.lazy && Boolean(state.configs.onLoad);
@@ -12988,9 +13035,9 @@ Please add \`${key}Action\` when creating your handler.`);
     ) : renderTabs());
   };
   const Cascader = React.forwardRef(InternalCascader);
-  Cascader.defaultProps = defaultProps$12;
+  Cascader.defaultProps = defaultProps$13;
   Cascader.displayName = "NutCascader";
-  const defaultProps$11 = {
+  const defaultProps$12 = {
     ...ComponentDefaults,
     visible: false,
     type: "custom",
@@ -13017,7 +13064,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onPathChange,
       ...rest
     } = {
-      ...defaultProps$11,
+      ...defaultProps$12,
       ...props
     };
     return /* @__PURE__ */ React.createElement(React.Fragment, null, type2 === "custom" && /* @__PURE__ */ React.createElement(
@@ -13042,7 +13089,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     ));
   };
-  const defaultProps$10 = {
+  const defaultProps$11 = {
     type: "custom",
     existList: [],
     defaultIcon: null,
@@ -13061,7 +13108,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onSelect,
       onSwitch,
       ...rest
-    } = { ...defaultProps$10, ...props };
+    } = { ...defaultProps$11, ...props };
     const classPrefix2 = "nut-address";
     const selectedExist = (item) => {
       existList.forEach((list, index) => {
@@ -13086,7 +13133,7 @@ Please add \`${key}Action\` when creating your handler.`);
       );
     })), (custom || custom && locale.address.chooseAnotherAddress) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer`, onClick }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer-btn` }, custom)));
   };
-  const defaultProps$$ = {
+  const defaultProps$10 = {
     ...ComponentDefaults,
     defaultValue: [],
     type: "custom",
@@ -13128,7 +13175,7 @@ Please add \`${key}Action\` when creating your handler.`);
       className,
       ...rest
     } = {
-      ...defaultProps$$,
+      ...defaultProps$10,
       ...props
     };
     const classPrefix2 = "nut-address";
@@ -13153,7 +13200,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onClose && onClose();
     };
     const renderLeftOnCustomSwitch = () => {
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, custom && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-left-icon`, onClick: onSwitchModule }, React.isValidElement(backIcon) ? backIcon : /* @__PURE__ */ React.createElement(y$6, { color: "#cccccc" })));
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, custom && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-left-icon`, onClick: onSwitchModule }, React.isValidElement(backIcon) ? backIcon : /* @__PURE__ */ React.createElement(y$7, { color: "#cccccc" })));
     };
     const selectedExistItem = (data) => {
       onExistSelect && onExistSelect(data);
@@ -13219,7 +13266,7 @@ Please add \`${key}Action\` when creating your handler.`);
     ));
   };
   const Address = React.forwardRef(InternalAddress);
-  Address.defaultProps = defaultProps$$;
+  Address.defaultProps = defaultProps$10;
   Address.displayName = "NutAddress";
   const Utils = {
     /**
@@ -13469,7 +13516,7 @@ Please add \`${key}Action\` when creating your handler.`);
   const isStartAndEnd = (days) => {
     return days.length >= 2 && Utils.isEqual(days[0], days[1]);
   };
-  const defaultProps$_ = {
+  const defaultProps$$ = {
     ...ComponentDefaults,
     type: "single",
     autoBackfill: false,
@@ -13504,6 +13551,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const {
       style,
       className,
+      children,
       popup,
       type: type2,
       autoBackfill,
@@ -13528,7 +13576,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onUpdate,
       onDayClick,
       onPageChange
-    } = { ...defaultProps$_, ...props };
+    } = { ...defaultProps$$, ...props };
     const weekdays = locale.calendaritem.weekdays;
     const weeks = [
       ...weekdays.slice(firstDayOfWeek, 7),
@@ -14058,13 +14106,13 @@ Please add \`${key}Action\` when creating your handler.`);
       );
     };
     const renderFooter = () => {
-      return /* @__PURE__ */ React.createElement("div", { className: "nut-calendar-footer" }, /* @__PURE__ */ React.createElement("div", { className: "calendar-confirm-btn", onClick: confirm2 }, confirmText || locale.confirm));
+      return /* @__PURE__ */ React.createElement("div", { className: "nut-calendar-footer" }, children, /* @__PURE__ */ React.createElement("div", { className: "calendar-confirm-btn", onClick: confirm2 }, confirmText || locale.confirm));
     };
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.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,
@@ -14101,6 +14149,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const {
       style,
       className,
+      children,
       popup,
       visible,
       type: type2,
@@ -14126,7 +14175,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onConfirm,
       onDayClick,
       onPageChange
-    } = { ...defaultProps$Z, ...props };
+    } = { ...defaultProps$_, ...props };
     const calendarRef = React.useRef(null);
     const close = () => {
       onClose && onClose();
@@ -14158,6 +14207,7 @@ Please add \`${key}Action\` when creating your handler.`);
           ref: calendarRef,
           style,
           className,
+          children,
           type: type2,
           autoBackfill,
           popup,
@@ -14199,11 +14249,11 @@ Please add \`${key}Action\` when creating your handler.`);
       renderItem()
     ) : renderItem());
   });
-  Calendar.defaultProps = defaultProps$Z;
+  Calendar.defaultProps = defaultProps$_;
   Calendar.displayName = "NutCalendar";
   const CheckboxGroupContext = React.createContext(null);
   const Context$1 = CheckboxGroupContext;
-  const defaultProps$Y = {
+  const defaultProps$Z = {
     max: void 0,
     labelPosition: "right",
     direction: "vertical",
@@ -14214,7 +14264,7 @@ Please add \`${key}Action\` when creating your handler.`);
   const classPrefix$g = "nut-checkboxgroup";
   const CheckboxGroup = React.forwardRef(
     (props, ref) => {
-      const { children } = { ...defaultProps$Y, ...props };
+      const { children } = { ...defaultProps$Z, ...props };
       const {
         className,
         disabled,
@@ -14303,9 +14353,9 @@ Please add \`${key}Action\` when creating your handler.`);
       );
     }
   );
-  CheckboxGroup.defaultProps = defaultProps$Y;
+  CheckboxGroup.defaultProps = defaultProps$Z;
   CheckboxGroup.displayName = "NutCheckboxGroup";
-  const defaultProps$X = {
+  const defaultProps$Y = {
     ...ComponentDefaults,
     disabled: false,
     labelPosition: "right",
@@ -14318,7 +14368,7 @@ Please add \`${key}Action\` when creating your handler.`);
   const classPrefix$f = "nut-checkbox";
   const Checkbox = (props) => {
     const { children } = {
-      ...defaultProps$X,
+      ...defaultProps$Y,
       ...props
     };
     const {
@@ -14421,7 +14471,7 @@ Please add \`${key}Action\` when creating your handler.`);
       renderLabel()
     );
   };
-  Checkbox.defaultProps = defaultProps$X;
+  Checkbox.defaultProps = defaultProps$Y;
   Checkbox.displayName = "NutCheckBox";
   Checkbox.Group = CheckboxGroup;
   const MIN_DISTANCE = 10;
@@ -14715,7 +14765,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }, []);
     return [refs.current, setRefs, reset];
   }
-  const defaultProps$W = {
+  const defaultProps$X = {
     ...ComponentDefaults,
     title: "",
     options: [],
@@ -14741,7 +14791,7 @@ Please add \`${key}Action\` when creating your handler.`);
       afterClose,
       onChange,
       ...rest
-    } = { ...defaultProps$W, ...props };
+    } = { ...defaultProps$X, ...props };
     const classPrefix2 = "nut-picker";
     const classes = classNames(classPrefix2, className);
     const [selectedValue, setSelectedValue] = usePropsValue({
@@ -14968,7 +15018,7 @@ Please add \`${key}Action\` when creating your handler.`);
   const Picker = React.forwardRef(InternalPicker);
   const Picker$1 = Picker;
   const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-  const defaultProps$V = {
+  const defaultProps$W = {
     ...ComponentDefaults,
     visible: false,
     title: "",
@@ -14999,7 +15049,7 @@ Please add \`${key}Action\` when creating your handler.`);
       style,
       ...rest
     } = {
-      ...defaultProps$V,
+      ...defaultProps$W,
       ...props
     };
     const { locale } = useConfig();
@@ -15272,7 +15322,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     ));
   };
-  DatePicker.defaultProps = defaultProps$V;
+  DatePicker.defaultProps = defaultProps$W;
   DatePicker.displayName = "NutDatePicker";
   const Context = React.createContext({});
   function _extends() {
@@ -16483,7 +16533,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     ).$$typeof === component.type.$$typeof;
   }
-  const defaultProps$U = {
+  const defaultProps$V = {
     ...ComponentDefaults,
     required: false,
     name: "",
@@ -16551,7 +16601,7 @@ Please add \`${key}Action\` when creating your handler.`);
       __publicField(this, "renderLayout", (childNode) => {
         var _a2, _b;
         const { label, name, required: required2, 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) => {
@@ -16601,9 +16651,9 @@ Please add \`${key}Action\` when creating your handler.`);
       return /* @__PURE__ */ React.createElement(React.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",
@@ -16631,7 +16681,7 @@ Please add \`${key}Action\` when creating your handler.`);
       starPosition,
       form
     } = {
-      ...defaultProps$T,
+      ...defaultProps$U,
       ...props
     };
     let formInstance;
@@ -16674,7 +16724,7 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__PURE__ */ React.createElement(Cell.Group, null, /* @__PURE__ */ React.createElement(Context.Provider, { value: formInstance }, children), footer ? /* @__PURE__ */ React.createElement(Cell, null, footer) : null)
     );
   };
-  Form.defaultProps = defaultProps$T;
+  Form.defaultProps = defaultProps$U;
   Form.displayName = "NutForm";
   Form.Item = FormItem;
   Form.useForm = useForm;
@@ -16702,7 +16752,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
     return value.replace(regExp, "");
   }
-  const defaultProps$S = {
+  const defaultProps$T = {
     ...ComponentDefaults,
     type: "text",
     name: "",
@@ -16745,7 +16795,7 @@ Please add \`${key}Action\` when creating your handler.`);
         value: _value,
         ...rest
       } = {
-        ...defaultProps$S,
+        ...defaultProps$T,
         ...props
       };
       const [value, setValue] = usePropsValue({
@@ -16880,9 +16930,9 @@ Please add \`${key}Action\` when creating your handler.`);
       );
     }
   );
-  Input.defaultProps = defaultProps$S;
+  Input.defaultProps = defaultProps$T;
   Input.displayName = "NutInput";
-  const defaultProps$R = {
+  const defaultProps$S = {
     ...ComponentDefaults,
     disabled: false,
     min: 1,
@@ -16919,7 +16969,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onChange,
       ...restProps
     } = {
-      ...defaultProps$R,
+      ...defaultProps$S,
       ...props
     };
     const inputRef = React.useRef("");
@@ -17116,7 +17166,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     )), /* @__PURE__ */ React.createElement("div", { className: "nut-input-add" }, /* @__PURE__ */ React.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";
@@ -17158,7 +17208,7 @@ Please add \`${key}Action\` when creating your handler.`);
       };
     }, [target]);
   }
-  const defaultProps$Q = {
+  const defaultProps$R = {
     ...ComponentDefaults,
     columns: 1,
     direction: "down",
@@ -17187,7 +17237,7 @@ Please add \`${key}Action\` when creating your handler.`);
       parent,
       index
     } = {
-      ...defaultProps$Q,
+      ...defaultProps$R,
       ...props
     };
     const [showPopup, setShowPopup] = React.useState(show2);
@@ -17338,9 +17388,9 @@ Please add \`${key}Action\` when creating your handler.`);
       )
     );
   });
-  MenuItem.defaultProps = defaultProps$Q;
+  MenuItem.defaultProps = defaultProps$R;
   MenuItem.displayName = "NutMenuItem";
-  const defaultProps$P = {
+  const defaultProps$Q = {
     ...ComponentDefaults,
     activeColor: "",
     closeOnOverlayClick: true,
@@ -17365,7 +17415,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onOpen,
       ...rest
     } = {
-      ...defaultProps$P,
+      ...defaultProps$Q,
       ...props
     };
     const menuRef = React.useRef(null);
@@ -17465,7 +17515,7 @@ Please add \`${key}Action\` when creating your handler.`);
                 })
               },
               /* @__PURE__ */ React.createElement("div", { className: "nut-menu__title-text" }, finallyTitle()),
-              icon || (direction === "up" ? /* @__PURE__ */ React.createElement(x$h, { className: "nut-menu__title-icon" }) : /* @__PURE__ */ React.createElement(y$9, { className: "nut-menu__title-icon" }))
+              icon || (direction === "up" ? /* @__PURE__ */ React.createElement(x$h, { className: "nut-menu__title-icon" }) : /* @__PURE__ */ React.createElement(y$a, { className: "nut-menu__title-icon" }))
             )
           );
         }
@@ -17492,10 +17542,10 @@ Please add \`${key}Action\` when creating your handler.`);
       ), 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",
@@ -17646,10 +17696,10 @@ Please add \`${key}Action\` when creating your handler.`);
       ))))
     );
   };
-  NumberKeyboard.defaultProps = defaultProps$O;
+  NumberKeyboard.defaultProps = defaultProps$P;
   NumberKeyboard.displayName = "NutNumberKeyboard";
   const RadioContext = React.createContext(null);
-  const defaultProps$N = {
+  const defaultProps$O = {
     labelPosition: "right",
     onChange: (value) => {
     },
@@ -17670,7 +17720,7 @@ Please add \`${key}Action\` when creating your handler.`);
         options: options2,
         disabled,
         ...rest
-      } = { ...defaultProps$N, ...props };
+      } = { ...defaultProps$O, ...props };
       const [val2State, setVal2State] = usePropsValue({
         defaultValue: props.defaultValue,
         value: props.value,
@@ -17722,9 +17772,9 @@ Please add \`${key}Action\` when creating your handler.`);
       );
     }
   );
-  RadioGroup.defaultProps = defaultProps$N;
+  RadioGroup.defaultProps = defaultProps$O;
   RadioGroup.displayName = "NutRadioGroup";
-  const defaultProps$M = {
+  const defaultProps$N = {
     ...ComponentDefaults,
     disabled: false,
     shape: "round",
@@ -17750,7 +17800,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onChange,
       ...others
     } = {
-      ...defaultProps$M,
+      ...defaultProps$N,
       ...props
     };
     let { labelPosition, disabled, ...rest } = others;
@@ -17813,7 +17863,7 @@ Please add \`${key}Action\` when creating your handler.`);
         return React.isValidElement(activeIcon2) ? React.cloneElement(activeIcon2, {
           ...activeIcon2.props,
           className: classNames(color())
-        }) : /* @__PURE__ */ React.createElement(y$8, { className: classNames(color()) });
+        }) : /* @__PURE__ */ React.createElement(y$9, { className: classNames(color()) });
       }
       return React.isValidElement(icon2) ? React.cloneElement(icon2, {
         ...icon2.props,
@@ -17846,10 +17896,10 @@ Please add \`${key}Action\` when creating your handler.`);
       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,
@@ -17877,7 +17927,7 @@ Please add \`${key}Action\` when creating your handler.`);
       step,
       value,
       defaultValue
-    } = { ...defaultProps$L, ...props };
+    } = { ...defaultProps$M, ...props };
     const classPrefix2 = "nut-range";
     const [buttonIndex, setButtonIndex] = React.useState(0);
     const [dragStatus, setDragStatus] = React.useState("start");
@@ -18141,9 +18191,9 @@ Please add \`${key}Action\` when creating your handler.`);
       renderButton()
     ))), maxDescription !== null && /* @__PURE__ */ React.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,
@@ -18168,7 +18218,7 @@ Please add \`${key}Action\` when creating your handler.`);
       allowHalf,
       onChange
     } = {
-      ...defaultProps$K,
+      ...defaultProps$L,
       ...props
     };
     const classPrefix2 = "nut-rate";
@@ -18251,9 +18301,9 @@ Please add \`${key}Action\` when creating your handler.`);
       })
     );
   };
-  Rate.defaultProps = defaultProps$K;
+  Rate.defaultProps = defaultProps$L;
   Rate.displayName = "NutRate";
-  const defaultProps$J = {
+  const defaultProps$K = {
     ...ComponentDefaults,
     placeholder: "",
     shape: "square",
@@ -18292,7 +18342,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onSearch,
       onInputClick
     } = {
-      ...defaultProps$J,
+      ...defaultProps$K,
       ...props
     };
     const forceFocus = () => {
@@ -18410,9 +18460,9 @@ Please add \`${key}Action\` when creating your handler.`);
       renderRight()
     );
   };
-  SearchBar.defaultProps = defaultProps$J;
+  SearchBar.defaultProps = defaultProps$K;
   SearchBar.displayName = "NutSearchBar";
-  const defaultProps$I = {
+  const defaultProps$J = {
     ...ComponentDefaults,
     value: "",
     visible: false,
@@ -18449,7 +18499,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onCloseIconClick,
       ...rest
     } = {
-      ...defaultProps$I,
+      ...defaultProps$J,
       ...props
     };
     const classPrefix2 = "nut-shortpassword";
@@ -18506,9 +18556,9 @@ Please add \`${key}Action\` when creating your handler.`);
       ), /* @__PURE__ */ React.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,
@@ -18528,7 +18578,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onClear,
       ...rest
     } = {
-      ...defaultProps$H,
+      ...defaultProps$I,
       ...props
     };
     const classPrefix2 = `nut-signature`;
@@ -18626,9 +18676,9 @@ Please add \`${key}Action\` when creating your handler.`);
     return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2} ${className}`, style, ...rest }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__inner`, ref: wrapRef }, isCanvasSupported() ? /* @__PURE__ */ React.createElement("canvas", { ref: canvasRef, height: canvasHeight, width: canvasWidth }) : /* @__PURE__ */ React.createElement(React.Fragment, null, unsupported || /* @__PURE__ */ React.createElement("p", { className: `${classPrefix2}__unsupport` }, locale.signature.unsupported))));
   };
   const Signature = React.forwardRef(InternalSignature);
-  Signature.defaultProps = defaultProps$H;
+  Signature.defaultProps = defaultProps$I;
   Signature.displayName = "NutSignature";
-  const defaultProps$G = {
+  const defaultProps$H = {
     ...ComponentDefaults,
     disabled: false,
     activeText: "",
@@ -18645,7 +18695,7 @@ Please add \`${key}Action\` when creating your handler.`);
       style,
       onChange
     } = {
-      ...defaultProps$G,
+      ...defaultProps$H,
       ...props
     };
     const classPrefix2 = "nut-switch";
@@ -18664,9 +18714,9 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     return /* @__PURE__ */ React.createElement("div", { className: classes(), onClick: (e) => onClick(e), style }, /* @__PURE__ */ React.createElement("div", { className: "switch-button" }, !value && /* @__PURE__ */ React.createElement("div", { className: "close-line" }), activeText && /* @__PURE__ */ React.createElement(React.Fragment, null, value ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__label open` }, activeText) : /* @__PURE__ */ React.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,
@@ -18695,7 +18745,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onBlur,
       onFocus,
       ...rest
-    } = { ...defaultProps$F, ...props };
+    } = { ...defaultProps$G, ...props };
     const classPrefix2 = "nut-textarea";
     const textareaRef = React.useRef(null);
     const compositionRef = React.useRef(false);
@@ -18779,9 +18829,9 @@ Please add \`${key}Action\` when creating your handler.`);
       showCount && /* @__PURE__ */ React.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,
@@ -18804,7 +18854,7 @@ Please add \`${key}Action\` when creating your handler.`);
       delay,
       ...rest
     } = {
-      ...defaultProps$E,
+      ...defaultProps$F,
       ...props
     };
     const classPrefix2 = "nut-progress";
@@ -18899,7 +18949,7 @@ Please add \`${key}Action\` when creating your handler.`);
       )))
     );
   };
-  Progress.defaultProps = defaultProps$E;
+  Progress.defaultProps = defaultProps$F;
   Progress.displayName = "NutProgress";
   class UploadOptions {
     constructor() {
@@ -18991,7 +19041,7 @@ Please add \`${key}Action\` when creating your handler.`);
       done();
     }
   };
-  const defaultProps$D = {
+  const defaultProps$E = {
     ...ComponentDefaults,
     url: "",
     maxCount: 1,
@@ -19074,7 +19124,7 @@ Please add \`${key}Action\` when creating your handler.`);
       beforeXhrUpload,
       beforeDelete,
       ...restProps
-    } = { ...defaultProps$D, ...props };
+    } = { ...defaultProps$E, ...props };
     const [fileList, setFileList] = React.useState(defaultValue || []);
     const [uploadQueue, setUploadQueue] = React.useState([]);
     React.useEffect(() => {
@@ -19370,7 +19420,7 @@ Please add \`${key}Action\` when creating your handler.`);
           " ",
           item.name
         ), deletable && /* @__PURE__ */ React.createElement(
-          y$7,
+          y$8,
           {
             color: "#808080",
             className: "nut-uploader__preview-img__file__del",
@@ -19418,9 +19468,9 @@ Please add \`${key}Action\` when creating your handler.`);
     ));
   };
   const Uploader = React.forwardRef(InternalUploader);
-  Uploader.defaultProps = defaultProps$D;
+  Uploader.defaultProps = defaultProps$E;
   Uploader.displayName = "NutUploader";
-  const defaultProps$C = {
+  const defaultProps$D = {
     ...ComponentDefaults,
     visible: false,
     description: "",
@@ -19446,7 +19496,7 @@ Please add \`${key}Action\` when creating your handler.`);
       className,
       style,
       ...rest
-    } = { ...defaultProps$C, ...props };
+    } = { ...defaultProps$D, ...props };
     const classPrefix2 = "nut-actionsheet";
     const cancelActionSheet = () => {
       onCancel && onCancel();
@@ -19489,7 +19539,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ))
     );
   };
-  ActionSheet.defaultProps = defaultProps$C;
+  ActionSheet.defaultProps = defaultProps$D;
   ActionSheet.displayName = "NutActionSheet";
   const fullClone = {
     ...ReactDOM__namespace
@@ -19722,7 +19772,7 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   DialogWrap.defaultProps = defaultDialogProps;
   DialogWrap.displayName = "NutDialogWrap";
-  const defaultProps$B = {
+  const defaultProps$C = {
     confirmText: "",
     cancelText: "",
     overlay: true,
@@ -19821,9 +19871,9 @@ Please add \`${key}Action\` when creating your handler.`);
       });
     };
   });
-  Dialog.defaultProps = defaultProps$B;
+  Dialog.defaultProps = defaultProps$C;
   Dialog.displayName = "NutDialog";
-  const defaultProps$A = {
+  const defaultProps$B = {
     ...ComponentDefaults,
     attract: false,
     direction: void 0,
@@ -19836,7 +19886,7 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   const Drag = (props) => {
     const { attract, direction, boundary, children, className, style, ...reset } = {
-      ...defaultProps$A,
+      ...defaultProps$B,
       ...props
     };
     const classPrefix2 = "nut-drag";
@@ -19899,14 +19949,14 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__PURE__ */ React.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: "",
@@ -19924,7 +19974,7 @@ Please add \`${key}Action\` when creating your handler.`);
       status,
       ...rest
     } = {
-      ...defaultProps$z,
+      ...defaultProps$A,
       ...props
     };
     const [imgStyle, setImgStyle] = React.useState({});
@@ -19949,9 +19999,9 @@ Please add \`${key}Action\` when creating your handler.`);
     }, [imageSize]);
     return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$c} ${className}`, ...rest }, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$c}__image`, style: imgStyle }, imageNode), typeof description === "string" ? /* @__PURE__ */ React.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,
@@ -19978,7 +20028,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onScroll,
       ...restProps
     } = {
-      ...defaultProps$y,
+      ...defaultProps$z,
       ...props
     };
     const [isInfiniting, setIsInfiniting] = React.useState(false);
@@ -20116,8 +20166,41 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__PURE__ */ React.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? /* @__PURE__ */ React.createElement("div", { className: "bottom-box" }, loadingText || locale.infiniteloading.loadText) : !hasMore && /* @__PURE__ */ React.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.createElement(
+      "div",
+      {
+        className: classNames(
+          classPrefix2,
+          className,
+          direction === "vertical" ? `${classPrefix2}-vertical` : ""
+        ),
+        style
+      },
+      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-icon-box` }, icon || /* @__PURE__ */ React.createElement(CurLoadingIcon, { className: `${classPrefix2}-icon` })),
+      children ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-text` }, children) : ""
+    );
+  };
+  Loading.defaultProps = defaultProps$y;
+  Loading.displayName = "NutLoading";
   const defaultProps$x = {
     ...ComponentDefaults,
     direction: "horizontal",
@@ -24939,6 +25022,7 @@ Please add \`${key}Action\` when creating your handler.`);
   exports2.Input = Input;
   exports2.InputNumber = InputNumber;
   exports2.Layout = Layout;
+  exports2.Loading = Loading;
   exports2.Menu = Menu;
   exports2.MenuItem = MenuItem;
   exports2.NavBar = NavBar;