@nutui/nutui-react 3.0.0-beta.1 → 3.0.0-beta.3

package/dist/nutui.react.umd.js

@@ -843,7 +843,7 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  const p$5 = (o) => {
+  const p$6 = (o) => {
     const r = { ...dr, ...o };
     return /* @__PURE__ */ gr(mr, { ...r, name: r.name || "CheckChecked", viewBox: "0 0 1024 1024", children: [
       /* @__PURE__ */ xe(
@@ -931,7 +931,7 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  const p$4 = (r) => {
+  const p$5 = (r) => {
     const a = { ...dr, ...r };
     return /* @__PURE__ */ gr(mr, { ...a, name: a.name || "Del", viewBox: "0 0 1024 1024", children: [
       /* @__PURE__ */ xe(
@@ -953,7 +953,7 @@ Check the top-level render call using <` + t + ">.");
       )
     ] });
   };
-  const p$3 = (a) => {
+  const p$4 = (a) => {
     const l = { ...dr, ...a };
     return /* @__PURE__ */ gr(mr, { ...l, name: l.name || "Failure", viewBox: "0 0 1024 1024", children: [
       /* @__PURE__ */ xe(
@@ -975,7 +975,7 @@ Check the top-level render call using <` + t + ">.");
       )
     ] });
   };
-  const p$2 = (a) => {
+  const p$3 = (a) => {
     const l = { ...dr, ...a };
     return /* @__PURE__ */ gr(mr, { ...l, name: l.name || "ImageError", viewBox: "0 0 1024 1024", children: [
       /* @__PURE__ */ xe(
@@ -997,7 +997,7 @@ Check the top-level render call using <` + t + ">.");
       )
     ] });
   };
-  const p$1 = (o) => {
+  const p$2 = (o) => {
     const a = { ...dr, ...o };
     return /* @__PURE__ */ gr(mr, { ...a, name: a.name || "Image", viewBox: "0 0 1024 1024", children: [
       /* @__PURE__ */ xe(
@@ -1195,6 +1195,28 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
+  const p$1 = (l) => {
+    const r = { ...dr, ...l };
+    return /* @__PURE__ */ gr(mr, { ...r, name: r.name || "Success", viewBox: "0 0 1024 1024", children: [
+      /* @__PURE__ */ xe(
+        "path",
+        {
+          d: "M743 405.33 682.67 345 448 579.67l-128-128L259.67 512 448 700.33z",
+          fill: "currentColor",
+          fillOpacity: "0.9"
+        }
+      ),
+      ",",
+      /* @__PURE__ */ xe(
+        "path",
+        {
+          d: "M512 1024c282.77 0 512-229.23 512-512S794.77 0 512 0 0 229.23 0 512s229.23 512 512 512m0-85.33C276.35 938.67 85.33 747.65 85.33 512S276.35 85.33 512 85.33 938.67 276.35 938.67 512 747.65 938.67 512 938.67",
+          fill: "currentColor",
+          fillOpacity: "0.9"
+        }
+      )
+    ] });
+  };
   const c = (r) => {
     const a = { ...dr, ...r };
     return /* @__PURE__ */ gr(mr, { ...a, name: a.name || "Tips", viewBox: "0 0 1024 1024", children: [
@@ -2779,7 +2801,7 @@ Check the top-level render call using <` + t + ">.");
       if (typeof error === "boolean" && error === true && !innerLoading) {
         return /* @__PURE__ */ React.createElement("div", {
           className: "".concat(classPrefix$r, "-error")
-        }, /* @__PURE__ */ React.createElement(p$2, null));
+        }, /* @__PURE__ */ React.createElement(p$3, null));
       }
       if (/* @__PURE__ */ React.isValidElement(error) && !innerLoading) {
         return /* @__PURE__ */ React.createElement("div", {
@@ -2796,7 +2818,7 @@ Check the top-level render call using <` + t + ">.");
       if (typeof loading === "boolean" && loading === true && innerLoading) {
         return /* @__PURE__ */ React.createElement("div", {
           className: "".concat(classPrefix$r, "-loading")
-        }, /* @__PURE__ */ React.createElement(p$1, null));
+        }, /* @__PURE__ */ React.createElement(p$2, null));
       }
       if (/* @__PURE__ */ React.isValidElement(loading) && innerLoading) {
         return /* @__PURE__ */ React.createElement("div", {
@@ -10705,6 +10727,7 @@ Please add \`${key}Action\` when creating your handler.`);
   var NavBar = function(props) {
     var _$_object_spread = _object_spread({}, defaultProps$1g, props), right = _$_object_spread.right, left = _$_object_spread.left, titleAlign = _$_object_spread.titleAlign, className = _$_object_spread.className, style = _$_object_spread.style, back = _$_object_spread.back, fixed = _$_object_spread.fixed, safeAreaInsetTop = _$_object_spread.safeAreaInsetTop, placeholder = _$_object_spread.placeholder, zIndex = _$_object_spread.zIndex, onBackClick = _$_object_spread.onBackClick;
     var classPrefix2 = "nut-navbar";
+    var rtl = useRtl();
     var children = Array.isArray(props.children) ? props.children : [
       props.children
     ];
@@ -10748,11 +10771,12 @@ Please add \`${key}Action\` when creating your handler.`);
       back
     ]);
     var renderLeft = function() {
+      var _obj2, _obj1;
       return back || left ? /* @__PURE__ */ React.createElement("div", {
-        className: "".concat(classPrefix2, "-left"),
+        className: classNames((_obj2 = {}, _define_property(_obj2, "".concat(classPrefix2, "-left"), true), _define_property(_obj2, "".concat(classPrefix2, "-left-align-").concat(titleAlign), true), _define_property(_obj2, "".concat(classPrefix2, "-left-rtl"), rtl), _obj2)),
         ref: leftRef
       }, back && /* @__PURE__ */ React.createElement("div", {
-        className: "".concat(classPrefix2, "-left-back"),
+        className: classNames((_obj1 = {}, _define_property(_obj1, "".concat(classPrefix2, "-left-back"), true), _define_property(_obj1, "".concat(classPrefix2, "-left-back-align-").concat(titleAlign), true), _define_property(_obj1, "".concat(classPrefix2, "-left-back-children"), left), _define_property(_obj1, "".concat(classPrefix2, "-left-back-children-rtl"), left && rtl), _obj1)),
         onClick: function(e) {
           return onBackClick(e);
         }
@@ -10767,14 +10791,16 @@ Please add \`${key}Action\` when creating your handler.`);
           width: contentRealWidth
         };
       }
+      var _obj2;
       return /* @__PURE__ */ React.createElement("div", {
-        className: "".concat(classPrefix2, "-title"),
+        className: classNames((_obj2 = {}, _define_property(_obj2, "".concat(classPrefix2, "-title"), true), _define_property(_obj2, "".concat(classPrefix2, "-title-align-").concat(titleAlign), true), _obj2)),
         style: titleStyle
       }, children);
     };
     var renderRight = function() {
+      var _obj2;
       return /* @__PURE__ */ React.createElement("div", {
-        className: "".concat(classPrefix2, "-right"),
+        className: classNames((_obj2 = {}, _define_property(_obj2, "".concat(classPrefix2, "-right"), true), _define_property(_obj2, "".concat(classPrefix2, "-right-align-").concat(titleAlign), true), _define_property(_obj2, "".concat(classPrefix2, "-right-rtl"), rtl), _obj2)),
         ref: rightRef
       }, right);
     };
@@ -10786,7 +10812,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }, renderLeft(), renderContent(), renderRight());
     };
     var _obj;
-    var classes = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-fixed"), fixed), _define_property(_obj, "".concat(classPrefix2, "-title-align-").concat(titleAlign), true), _obj));
+    var classes = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-fixed"), fixed), _define_property(_obj, "".concat(classPrefix2, "-safe-area-inset-top"), safeAreaInsetTop), _define_property(_obj, "".concat(classPrefix2, "-align-").concat(titleAlign), true), _define_property(_obj, "".concat(classPrefix2, "-rtl"), rtl), _obj));
     var cls = classNames(classPrefix2, classes, className);
     return /* @__PURE__ */ React.createElement(React.Fragment, null, safeAreaInsetTop && /* @__PURE__ */ React.createElement(SafeArea, {
       position: "top"
@@ -11179,10 +11205,11 @@ Please add \`${key}Action\` when creating your handler.`);
     var _$_object_spread = _object_spread({}, defaultProps$1c, props), className = _$_object_spread.className, style = _$_object_spread.style, value = _$_object_spread.value, max = _$_object_spread.max, children = _$_object_spread.children, dot = _$_object_spread.dot, top = _$_object_spread.top, right = _$_object_spread.right, color = _$_object_spread.color, fill = _$_object_spread.fill;
     var classPrefix2 = "nut-badge";
     var classes = classNames(classPrefix2, className, _define_property({}, "".concat(classPrefix2, "-").concat(fill), fill === "outline"));
-    var contentClasses = classNames(_define_property({}, "".concat(classPrefix2, "-dot"), dot), "".concat(classPrefix2, "-content"), _define_property({}, "".concat(classPrefix2, "-sup"), isNumber() || isString() || dot), _define_property({}, "".concat(classPrefix2, "-one"), typeof content() === "string" && ((_this = "".concat(content())) === null || _this === void 0 ? void 0 : _this.length) === 1));
+    var _obj;
+    var contentClasses = classNames("".concat(classPrefix2, "-content"), (_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-sup"), isNumber() || isString() || dot), _define_property(_obj, "".concat(classPrefix2, "-one"), typeof content() === "string" && ((_this = "".concat(content())) === null || _this === void 0 ? void 0 : _this.length) === 1), _define_property(_obj, "".concat(classPrefix2, "-dot"), dot), _define_property(_obj, "".concat(classPrefix2, "-").concat(fill), fill === "outline"), _obj));
     var getStyle = function() {
       var style2 = {};
-      style2.top = "".concat(Number(top) || parseFloat(String(top)) || 0, "px");
+      style2.top = "".concat(Number(-top) || parseFloat(String(-top)) || 0, "px");
       var dir = rtl ? "left" : "right";
       style2[dir] = "".concat(Number(right) || parseFloat(String(right)) || 0, "px");
       if (color) {
@@ -11199,11 +11226,12 @@ Please add \`${key}Action\` when creating your handler.`);
       }
       return style2;
     };
+    var _obj1;
     return /* @__PURE__ */ React.createElement("div", {
       className: classes,
       style
     }, isIcon() && /* @__PURE__ */ React.createElement("div", {
-      className: "".concat(classPrefix2, "-icon")
+      className: classNames("".concat(classPrefix2, "-content"), (_obj1 = {}, _define_property(_obj1, "".concat(classPrefix2, "-icon"), true), _define_property(_obj1, "".concat(classPrefix2, "-icon-rtl"), rtl), _obj1))
     }, value), children, !isIcon() && /* @__PURE__ */ React.createElement("div", {
       className: contentClasses,
       style: getStyle()
@@ -13638,7 +13666,7 @@ Please add \`${key}Action\` when creating your handler.`);
         onChange === null || onChange === void 0 ? void 0 : onChange(val);
       }
     };
-    var getDays = function(month2) {
+    var getDays = React.useCallback(function(month2) {
       var y = month2.year;
       var m2 = month2.month;
       var days2 = _to_consumable_array(getPrevMonthDays(y, m2, firstDayOfWeek)).concat(_to_consumable_array(getCurrentMonthDays(y, m2)));
@@ -13654,13 +13682,18 @@ Please add \`${key}Action\` when creating your handler.`);
         });
       }
       return days2;
-    };
+    }, [
+      firstDayOfWeek
+    ]);
     React.useEffect(function() {
       var newDays = getDays(month);
       setDays(newDays);
       onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(month);
     }, [
-      month
+      month,
+      getDays,
+      onPageChange,
+      firstDayOfWeek
     ]);
     var isSameDay = function(day1, day2) {
       return (day1 === null || day1 === void 0 ? void 0 : day1.year) === (day2 === null || day2 === void 0 ? void 0 : day2.year) && (day1 === null || day1 === void 0 ? void 0 : day1.month) === (day2 === null || day2 === void 0 ? void 0 : day2.month) && (day1 === null || day1 === void 0 ? void 0 : day1.date) === (day2 === null || day2 === void 0 ? void 0 : day2.date);
@@ -17682,81 +17715,7 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   NumberKeyboard.displayName = "NutNumberKeyboard";
   const RadioContext = React.createContext(null);
-  var defaultProps$R = {
-    labelPosition: "right",
-    onChange: function(value) {
-    },
-    direction: "vertical",
-    options: []
-  };
-  var classPrefix$g = "nut-radiogroup";
-  var RadioGroup = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-    var _ref = _object_spread({}, defaultProps$R, props), children = _ref.children, className = _ref.className;
-    _ref.value;
-    _ref.defaultValue;
-    var onChange = _ref.onChange, shape = _ref.shape, labelPosition = _ref.labelPosition;
-    _ref.direction;
-    var options2 = _ref.options, disabled = _ref.disabled, rest = _object_without_properties(_ref, [
-      "children",
-      "className",
-      "value",
-      "defaultValue",
-      "onChange",
-      "shape",
-      "labelPosition",
-      "direction",
-      "options",
-      "disabled"
-    ]);
-    var cls = classNames(classPrefix$g, _define_property({}, "".concat(classPrefix$g, "-").concat(props.direction), props.direction), className);
-    var _usePropsValue = _sliced_to_array(usePropsValue({
-      defaultValue: props.defaultValue,
-      value: props.value,
-      finalValue: "",
-      onChange
-    }), 2), val2State = _usePropsValue[0], setVal2State = _usePropsValue[1];
-    var renderOptionsChildren = React.useCallback(function() {
-      return options2 === null || options2 === void 0 ? void 0 : options2.map(function(_param) {
-        var label = _param.label, value = _param.value, disabled2 = _param.disabled, onChange2 = _param.onChange, rest2 = _object_without_properties(_param, [
-          "label",
-          "value",
-          "disabled",
-          "onChange"
-        ]);
-        return /* @__PURE__ */ React.createElement(Radio, _object_spread_props(_object_spread({}, rest2), {
-          key: value === null || value === void 0 ? void 0 : value.toString(),
-          children: label,
-          value,
-          disabled: disabled2,
-          onChange: onChange2,
-          labelPosition,
-          checked: value === val2State
-        }));
-      });
-    }, [
-      options2,
-      labelPosition,
-      val2State
-    ]);
-    return /* @__PURE__ */ React.createElement(RadioContext.Provider, {
-      value: {
-        labelPosition: labelPosition || "right",
-        disabled,
-        shape,
-        value: val2State,
-        check: function(value) {
-          setVal2State(value);
-        },
-        uncheck: function() {
-          setVal2State("");
-        }
-      }
-    }, /* @__PURE__ */ React.createElement("div", _object_spread({
-      className: cls
-    }, rest), (options2 === null || options2 === void 0 ? void 0 : options2.length) ? renderOptionsChildren() : children));
-  });
-  RadioGroup.displayName = "NutRadioGroup";
-  var defaultProps$Q = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$R = _object_spread_props(_object_spread({}, ComponentDefaults), {
     disabled: false,
     shape: "round",
     value: "",
@@ -17768,7 +17727,7 @@ Please add \`${key}Action\` when creating your handler.`);
   });
   var Radio = function(props) {
     var classPrefix2 = "nut-radio";
-    var _ref = _object_spread({}, defaultProps$Q, props), children = _ref.children, className = _ref.className, style = _ref.style, checked = _ref.checked, defaultChecked = _ref.defaultChecked, shape = _ref.shape, value = _ref.value;
+    var _ref = _object_spread({}, defaultProps$R, props), children = _ref.children, className = _ref.className, style = _ref.style, checked = _ref.checked, defaultChecked = _ref.defaultChecked, shape = _ref.shape, value = _ref.value;
     _ref.icon;
     _ref.activeIcon;
     var onChange = _ref.onChange, others = _object_without_properties(_ref, [
@@ -17824,7 +17783,7 @@ Please add \`${key}Action\` when creating your handler.`);
       if (checkedStatement) {
         return /* @__PURE__ */ React.isValidElement(activeIcon) ? /* @__PURE__ */ React.cloneElement(activeIcon, _object_spread_props(_object_spread({}, activeIcon.props), {
           className: classNames(color())
-        })) : /* @__PURE__ */ React.createElement(p$5, {
+        })) : /* @__PURE__ */ React.createElement(p$6, {
           className: classNames(color())
         });
       }
@@ -17865,7 +17824,80 @@ Please add \`${key}Action\` when creating your handler.`);
     }, rest), renderRadioItem());
   };
   Radio.displayName = "NutRadio";
-  Radio.Group = RadioGroup;
+  var defaultProps$Q = {
+    labelPosition: "right",
+    onChange: function(value) {
+    },
+    direction: "vertical",
+    options: []
+  };
+  var classPrefix$g = "nut-radiogroup";
+  var RadioGroup = /* @__PURE__ */ React.forwardRef(function(props, ref) {
+    var _ref = _object_spread({}, defaultProps$Q, props), children = _ref.children, className = _ref.className;
+    _ref.value;
+    _ref.defaultValue;
+    var onChange = _ref.onChange, shape = _ref.shape, labelPosition = _ref.labelPosition, direction = _ref.direction, options2 = _ref.options, disabled = _ref.disabled, rest = _object_without_properties(_ref, [
+      "children",
+      "className",
+      "value",
+      "defaultValue",
+      "onChange",
+      "shape",
+      "labelPosition",
+      "direction",
+      "options",
+      "disabled"
+    ]);
+    var cls = classNames(classPrefix$g, _define_property({}, "".concat(classPrefix$g, "-").concat(direction), direction), className);
+    var _usePropsValue = _sliced_to_array(usePropsValue({
+      defaultValue: props.defaultValue,
+      value: props.value,
+      finalValue: "",
+      onChange
+    }), 2), val2State = _usePropsValue[0], setVal2State = _usePropsValue[1];
+    var renderOptionsChildren = React.useCallback(function() {
+      return options2 === null || options2 === void 0 ? void 0 : options2.map(function(_param) {
+        var label = _param.label, value = _param.value, disabled2 = _param.disabled, onChange2 = _param.onChange, rest2 = _object_without_properties(_param, [
+          "label",
+          "value",
+          "disabled",
+          "onChange"
+        ]);
+        return /* @__PURE__ */ React.createElement(InnerRadio, _object_spread_props(_object_spread({}, rest2), {
+          key: value === null || value === void 0 ? void 0 : value.toString(),
+          children: label,
+          value,
+          disabled: disabled2,
+          onChange: onChange2,
+          labelPosition,
+          checked: value === val2State
+        }));
+      });
+    }, [
+      options2,
+      labelPosition,
+      val2State
+    ]);
+    return /* @__PURE__ */ React.createElement(RadioContext.Provider, {
+      value: {
+        labelPosition: labelPosition || "right",
+        disabled,
+        shape,
+        value: val2State,
+        check: function(value) {
+          setVal2State(value);
+        },
+        uncheck: function() {
+          setVal2State("");
+        }
+      }
+    }, /* @__PURE__ */ React.createElement("div", _object_spread({
+      className: cls
+    }, rest), (options2 === null || options2 === void 0 ? void 0 : options2.length) ? renderOptionsChildren() : children));
+  });
+  RadioGroup.displayName = "NutRadioGroup";
+  var InnerRadio = Radio;
+  InnerRadio.Group = RadioGroup;
   var defaultProps$P = _object_spread_props(_object_spread({}, ComponentDefaults), {
     range: false,
     min: 0,
@@ -19348,7 +19380,7 @@ Please add \`${key}Action\` when creating your handler.`);
     var fileList = param.fileList, previewType = param.previewType, deletable = param.deletable, onDeleteItem = param.onDeleteItem, handleItemClick = param.handleItemClick, previewUrl = param.previewUrl, deleteIcon = param.deleteIcon, children = param.children;
     var renderIcon = function(item) {
       if (item.status === ERROR) {
-        return item.failIcon || /* @__PURE__ */ React.createElement(p$3, {
+        return item.failIcon || /* @__PURE__ */ React.createElement(p$4, {
           color: "#fff"
         });
       }
@@ -19412,7 +19444,7 @@ Please add \`${key}Action\` when creating your handler.`);
         onClick: function() {
           return handleItemClick(item, index);
         }
-      }, /* @__PURE__ */ React.createElement(s$3, null), /* @__PURE__ */ React.createElement("span", null, " ", item.name)), deletable && /* @__PURE__ */ React.createElement(p$4, {
+      }, /* @__PURE__ */ React.createElement(s$3, null), /* @__PURE__ */ React.createElement("span", null, " ", item.name)), deletable && /* @__PURE__ */ React.createElement(p$5, {
         color: "#808080",
         className: "nut-uploader-preview-img-file-del",
         onClick: function() {
@@ -19466,7 +19498,7 @@ Please add \`${key}Action\` when creating your handler.`);
       height: "20px",
       color: "#808080"
     }),
-    deleteIcon: /* @__PURE__ */ React.createElement(p$3, {
+    deleteIcon: /* @__PURE__ */ React.createElement(p$4, {
       color: "rgba(0,0,0,0.6)"
     }),
     beforeDelete: function(file, files) {
@@ -22408,23 +22440,14 @@ Please add \`${key}Action\` when creating your handler.`);
         value: function renderIcon() {
           var icon = this.props.icon;
           if (typeof icon === "string") {
-            var iconNode = null;
-            switch (icon) {
-              case "success":
-                iconNode = /* @__PURE__ */ React__namespace.createElement(i$5, null);
-                break;
-              case "loading":
-                iconNode = /* @__PURE__ */ React__namespace.createElement(n$4, {
-                  className: "nut-icon-loading"
-                });
-                break;
-              case "fail":
-                iconNode = /* @__PURE__ */ React__namespace.createElement(p$3, null);
-                break;
-              case "warn":
-                iconNode = /* @__PURE__ */ React__namespace.createElement(c, null);
-                break;
-            }
+            var iconNode = {
+              success: /* @__PURE__ */ React__namespace.createElement(p$1, null),
+              fail: /* @__PURE__ */ React__namespace.createElement(p$4, null),
+              warn: /* @__PURE__ */ React__namespace.createElement(c, null),
+              loading: /* @__PURE__ */ React__namespace.createElement(n$4, {
+                className: "nut-icon-loading"
+              })
+            }[icon];
             return /* @__PURE__ */ React__namespace.createElement("p", {
               className: "".concat(classPrefix$8, "-icon-wrapper")
             }, iconNode);
@@ -22450,9 +22473,9 @@ Please add \`${key}Action\` when creating your handler.`);
           var _this = this;
           var _this_props = this.props, id = _this_props.id, icon = _this_props.icon, title = _this_props.title, content = _this_props.content, position = _this_props.position, size = _this_props.size, closeOnOverlayClick = _this_props.closeOnOverlayClick, lockScroll = _this_props.lockScroll, style = _this_props.style, className = _this_props.className, contentClassName = _this_props.contentClassName, contentStyle = _this_props.contentStyle, wordBreak = _this_props.wordBreak;
           var show2 = this.state.show;
-          var classes = classNames(_define_property({
+          var classes = classNames({
             "nut-toast-has-icon": icon
-          }, "nut-toast-".concat(size), true));
+          });
           return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(Overlay, {
             visible: show2,
             style,
@@ -22466,12 +22489,12 @@ Please add \`${key}Action\` when creating your handler.`);
             className: "".concat(classPrefix$8, " ").concat(classes),
             id: "toast-".concat(id)
           }, /* @__PURE__ */ React__namespace.createElement("div", {
-            className: "".concat(classPrefix$8, "-inner ").concat(classPrefix$8, "-").concat(position, " ").concat(contentClassName, " ").concat(wordBreak),
-            style: contentStyle
+            className: "".concat(classPrefix$8, "-inner ").concat(classPrefix$8, "-").concat(position, " ").concat(contentClassName, " ").concat(classPrefix$8, "-inner-").concat(size, " ").concat(classPrefix$8, "-inner-").concat(wordBreak),
+            style: _object_spread({}, contentStyle)
           }, this.renderIcon(), title ? /* @__PURE__ */ React__namespace.createElement("div", {
             className: "".concat(classPrefix$8, "-title")
           }, title) : null, /* @__PURE__ */ React__namespace.createElement("span", {
-            className: "".concat(classPrefix$8, "-text")
+            className: "".concat(classPrefix$8, "-text ").concat(content ? "" : "".concat(classPrefix$8, "-text-empty"))
           }, content)))));
         }
       }
@@ -22511,12 +22534,12 @@ Please add \`${key}Action\` when creating your handler.`);
     title: "",
     size: "base",
     icon: null,
-    onClose: function() {
-    },
     closeOnOverlayClick: false,
     lockScroll: false,
     contentClassName: "",
-    wordBreak: "break-all"
+    wordBreak: "break-all",
+    onClose: function() {
+    }
   });
   function getInstance(props, callback) {
     if (messageInstance) {
@@ -24494,6 +24517,8 @@ Please add \`${key}Action\` when creating your handler.`);
     }, /* @__PURE__ */ React.createElement("div", {
       className: "".concat(classPrefix2, "-lite-active")
     }, currentPage), /* @__PURE__ */ React.createElement("div", {
+      className: "".concat(classPrefix2, "-lite-spliterator")
+    }, "/"), /* @__PURE__ */ React.createElement("div", {
       className: "".concat(classPrefix2, "-lite-default")
     }, pageCount)));
   };
@@ -26456,7 +26481,7 @@ Please add \`${key}Action\` when creating your handler.`);
   exports2.Price = Price;
   exports2.Progress = Progress;
   exports2.PullToRefresh = PullToRefresh;
-  exports2.Radio = Radio;
+  exports2.Radio = InnerRadio;
   exports2.RadioGroup = RadioGroup;
   exports2.Range = Range;
   exports2.Rate = Rate;