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

package/dist/nutui.react.umd.js

@@ -843,7 +843,29 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  const p$6 = (o) => {
+  const p$8 = (o) => {
+    const a = { ...dr, ...o };
+    return /* @__PURE__ */ gr(mr, { ...a, name: a.name || "Ask", viewBox: "0 0 1024 1024", children: [
+      /* @__PURE__ */ xe(
+        "path",
+        {
+          d: "M512 341.33a64 64 0 0 0-64 64h-85.33a149.33 149.33 0 1 1 192 143.15v48.85h-85.34v-128H512a64 64 0 1 0 0-128M576 704a64 64 0 1 1-128 0 64 64 0 0 1 128 0",
+          fill: "currentColor",
+          fillOpacity: "0.9"
+        }
+      ),
+      ",",
+      /* @__PURE__ */ xe(
+        "path",
+        {
+          d: "M1024 512c0 282.77-229.23 512-512 512S0 794.77 0 512 229.23 0 512 0s512 229.23 512 512m-85.33 0c0-235.65-191.02-426.67-426.67-426.67S85.33 276.35 85.33 512 276.35 938.67 512 938.67 938.67 747.65 938.67 512",
+          fill: "currentColor",
+          fillOpacity: "0.9"
+        }
+      )
+    ] });
+  };
+  const p$7 = (o) => {
     const r = { ...dr, ...o };
     return /* @__PURE__ */ gr(mr, { ...r, name: r.name || "CheckChecked", viewBox: "0 0 1024 1024", children: [
       /* @__PURE__ */ xe(
@@ -931,7 +953,7 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  const p$5 = (r) => {
+  const p$6 = (r) => {
     const a = { ...dr, ...r };
     return /* @__PURE__ */ gr(mr, { ...a, name: a.name || "Del", viewBox: "0 0 1024 1024", children: [
       /* @__PURE__ */ xe(
@@ -953,7 +975,7 @@ Check the top-level render call using <` + t + ">.");
       )
     ] });
   };
-  const p$4 = (a) => {
+  const p$5 = (a) => {
     const l = { ...dr, ...a };
     return /* @__PURE__ */ gr(mr, { ...l, name: l.name || "Failure", viewBox: "0 0 1024 1024", children: [
       /* @__PURE__ */ xe(
@@ -975,7 +997,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 || "ImageError", viewBox: "0 0 1024 1024", children: [
       /* @__PURE__ */ xe(
@@ -997,7 +1019,7 @@ Check the top-level render call using <` + t + ">.");
       )
     ] });
   };
-  const p$2 = (o) => {
+  const p$3 = (o) => {
     const a = { ...dr, ...o };
     return /* @__PURE__ */ gr(mr, { ...a, name: a.name || "Image", viewBox: "0 0 1024 1024", children: [
       /* @__PURE__ */ xe(
@@ -1195,7 +1217,7 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  const p$1 = (l) => {
+  const p$2 = (l) => {
     const r = { ...dr, ...l };
     return /* @__PURE__ */ gr(mr, { ...r, name: r.name || "Success", viewBox: "0 0 1024 1024", children: [
       /* @__PURE__ */ xe(
@@ -1261,7 +1283,7 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  const p = (o) => {
+  const p$1 = (o) => {
     const r = { ...dr, ...o };
     return /* @__PURE__ */ xe(mr, { ...r, name: r.name || "TriangleUp", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ xe(
       "path",
@@ -1283,6 +1305,28 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
+  const p = (o) => {
+    const r = { ...dr, ...o };
+    return /* @__PURE__ */ gr(mr, { ...r, name: r.name || "Warning", viewBox: "0 0 1024 1024", children: [
+      /* @__PURE__ */ xe(
+        "path",
+        {
+          d: "M469.33 554.67V256h85.34v298.67zM512 640a64 64 0 1 0 0 128 64 64 0 0 0 0-128",
+          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"
+        }
+      )
+    ] });
+  };
   var ComponentDefaults = {
     className: "",
     style: {}
@@ -2801,7 +2845,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$3, null));
+        }, /* @__PURE__ */ React.createElement(p$4, null));
       }
       if (/* @__PURE__ */ React.isValidElement(error) && !innerLoading) {
         return /* @__PURE__ */ React.createElement("div", {
@@ -2818,7 +2862,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$2, null));
+        }, /* @__PURE__ */ React.createElement(p$3, null));
       }
       if (/* @__PURE__ */ React.isValidElement(loading) && innerLoading) {
         return /* @__PURE__ */ React.createElement("div", {
@@ -4928,9 +4972,9 @@ Check the top-level render call using <` + t + ">.");
   var defaultProps$1q = {
     text: "",
     columns: 4,
-    gap: 0,
+    gap: 9,
     center: true,
-    square: false,
+    square: true,
     reverse: false,
     direction: "vertical"
   };
@@ -4953,16 +4997,22 @@ Check the top-level render call using <` + t + ">.");
     var classes = classNames(classPrefix2, className);
     var context2 = React.useContext(GridContext);
     var rootStyle = function() {
+      var width = "calc((100% - ".concat(Number(gap) * (Number(columns) - 1), "px) / ").concat(Number(columns), ")");
       var styles = _object_spread({
-        flexBasis: "".concat(100 / +columns, "%")
+        flexBasis: width
       }, style);
       if (square) {
-        styles.paddingTop = "".concat(100 / +columns, "%");
-      } else if (gap) {
-        styles.paddingRight = pxCheck(gap);
+        styles.paddingTop = width;
+      }
+      if (gap) {
+        if ((index + 1) % Number(columns)) {
+          styles.marginRight = pxCheck(gap);
+        }
         if (index >= Number(columns)) {
           styles.marginTop = pxCheck(gap);
         }
+      } else {
+        styles.borderRadius = 0;
       }
       return styles;
     };
@@ -5001,9 +5051,9 @@ Check the top-level render call using <` + t + ">.");
   GridItem.displayName = "NutGridItem";
   var defaultProps$1p = {
     columns: 4,
-    gap: 0,
+    gap: 9,
     center: true,
-    square: false,
+    square: true,
     reverse: false,
     direction: "vertical"
   };
@@ -5030,9 +5080,6 @@ Check the top-level render call using <` + t + ">.");
       if (style) {
         styleSelf = style;
       }
-      if (gap) {
-        styleSelf.paddingLeft = pxCheck(gap);
-      }
       return styleSelf;
     };
     return /* @__PURE__ */ React.createElement("div", _object_spread({
@@ -13992,128 +14039,7 @@ Please add \`${key}Action\` when creating your handler.`);
   });
   CalendarCard.displayName = "NutCalendarCard";
   var CheckboxGroupContext = React.createContext(null);
-  var defaultProps$10 = {
-    max: void 0,
-    min: void 0,
-    list: false,
-    labelPosition: "right",
-    direction: "vertical",
-    onChange: function(value) {
-    },
-    onLimit: function(type2) {
-    },
-    options: []
-  };
-  var classPrefix$j = "nut-checkboxgroup";
-  var CheckboxGroup = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-    var _ref = _object_spread({}, defaultProps$10, props), children = _ref.children, className = _ref.className, disabled = _ref.disabled, list = _ref.list, value = _ref.value, defaultValue = _ref.defaultValue, max = _ref.max, min = _ref.min, labelPosition = _ref.labelPosition, direction = _ref.direction, options2 = _ref.options, onChange = _ref.onChange, onLimit = _ref.onLimit, rest = _object_without_properties(_ref, [
-      "children",
-      "className",
-      "disabled",
-      "list",
-      "value",
-      "defaultValue",
-      "max",
-      "min",
-      "labelPosition",
-      "direction",
-      "options",
-      "onChange",
-      "onLimit"
-    ]);
-    React.useImperativeHandle(ref, function() {
-      return {
-        toggle: function toggle(state) {
-          if (state === false) {
-            setValue([]);
-          } else {
-            var childrenLabel = [];
-            React.Children.map(children, function(child) {
-              var childProps = child.props;
-              childrenLabel.push(childProps.value);
-            });
-            setValue(childrenLabel);
-          }
-        },
-        reverse: function reverse() {
-          var childrenLabel = [];
-          React.Children.map(children, function(child) {
-            var childProps = child.props;
-            childrenLabel.push(childProps.value);
-          });
-          var reverse2 = childrenLabel.filter(function(c6) {
-            return (_value === null || _value === void 0 ? void 0 : _value.findIndex(function(v) {
-              return v === c6;
-            })) === -1;
-          });
-          setValue(reverse2);
-        }
-      };
-    });
-    var _usePropsValue = _sliced_to_array(usePropsValue({
-      value,
-      defaultValue,
-      finalValue: [],
-      onChange
-    }), 2), _value = _usePropsValue[0], setValue = _usePropsValue[1];
-    var renderOptions = React.useCallback(function() {
-      return options2 === null || options2 === void 0 ? void 0 : options2.map(function(_param) {
-        var label = _param.label, value2 = _param.value, disabled2 = _param.disabled;
-        _param.onChange;
-        var rest2 = _object_without_properties(_param, [
-          "label",
-          "value",
-          "disabled",
-          "onChange"
-        ]);
-        return /* @__PURE__ */ React.createElement(Checkbox, _object_spread({
-          key: value2 === null || value2 === void 0 ? void 0 : value2.toString(),
-          label,
-          disabled: disabled2,
-          value: value2
-        }, rest2));
-      });
-    }, [
-      options2,
-      max,
-      min
-    ]);
-    var _obj;
-    return /* @__PURE__ */ React.createElement(CheckboxGroupContext.Provider, {
-      value: {
-        labelPosition: labelPosition || "right",
-        disabled,
-        max,
-        list,
-        onLimit,
-        value: _value,
-        check: function(value2) {
-          var combined = _to_consumable_array(_value).concat([
-            value2
-          ]);
-          if (max !== void 0) {
-            if (combined.length > max) {
-              return onLimit === null || onLimit === void 0 ? void 0 : onLimit("max");
-            }
-          }
-          setValue(combined);
-        },
-        uncheck: function(value2) {
-          var reduced = _value.filter(function(item) {
-            return item !== value2;
-          });
-          if (min !== void 0 && reduced.length < min) {
-            return onLimit === null || onLimit === void 0 ? void 0 : onLimit("min");
-          }
-          setValue(reduced);
-        }
-      }
-    }, /* @__PURE__ */ React.createElement("div", _object_spread({
-      className: classNames(classPrefix$j, (_obj = {}, _define_property(_obj, "nut-checkboxgroup-".concat(direction), direction), _define_property(_obj, "nut-checkboxgroup-list", list), _obj), className)
-    }, rest), (options2 === null || options2 === void 0 ? void 0 : options2.length) ? renderOptions() : children));
-  });
-  CheckboxGroup.displayName = "NutCheckboxGroup";
-  var defaultProps$$ = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$10 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     disabled: false,
     shape: "round",
     labelPosition: "right",
@@ -14123,9 +14049,9 @@ Please add \`${key}Action\` when creating your handler.`);
     onChange: function(value) {
     }
   });
-  var classPrefix$i = "nut-checkbox";
+  var classPrefix$j = "nut-checkbox";
   var Checkbox = function(props) {
-    var children = _object_spread({}, defaultProps$$, props).children;
+    var children = _object_spread({}, defaultProps$10, props).children;
     var icon = props.icon, label = props.label, className = props.className, activeIcon = props.activeIcon, checked = props.checked, value = props.value, defaultChecked = props.defaultChecked, shape = props.shape, disabled = props.disabled, onChange = props.onChange, indeterminate = props.indeterminate, indeterminateIcon = props.indeterminateIcon, others = _object_without_properties(props, [
       "icon",
       "label",
@@ -14205,27 +14131,27 @@ Please add \`${key}Action\` when creating your handler.`);
       });
     };
     var color = function() {
-      var cls = "".concat(classPrefix$i, "-icon ");
+      var cls = "".concat(classPrefix$j, "-icon ");
       if (innerDisabled) {
         if (innerChecked && !innerIndeterminate) {
-          return "".concat(cls).concat(classPrefix$i, "-icon-checked ").concat(classPrefix$i, "-icon-disabled");
+          return "".concat(cls).concat(classPrefix$j, "-icon-checked ").concat(classPrefix$j, "-icon-disabled");
         }
         if (innerChecked && innerIndeterminate) {
-          return "".concat(cls).concat(classPrefix$i, "-icon-indeterminate ").concat(classPrefix$i, "-icon-disabled");
+          return "".concat(cls).concat(classPrefix$j, "-icon-indeterminate ").concat(classPrefix$j, "-icon-disabled");
         }
-        return "".concat(cls).concat(classPrefix$i, "-icon-disabled");
+        return "".concat(cls).concat(classPrefix$j, "-icon-disabled");
       }
       if (innerChecked) {
         if (innerIndeterminate) {
-          return "".concat(cls).concat(classPrefix$i, "-icon-indeterminate");
+          return "".concat(cls).concat(classPrefix$j, "-icon-indeterminate");
         }
-        return "".concat(cls).concat(classPrefix$i, "-icon-checked");
+        return "".concat(cls).concat(classPrefix$j, "-icon-checked");
       }
       return cls;
     };
     var renderLabel = function() {
       return /* @__PURE__ */ React.createElement("span", {
-        className: classNames("".concat(classPrefix$i, "-label "), _define_property({}, "".concat(classPrefix$i, "-label-disabled"), innerDisabled))
+        className: classNames("".concat(classPrefix$j, "-label "), _define_property({}, "".concat(classPrefix$j, "-label-disabled"), innerDisabled))
       }, children || label);
     };
     var handleClick2 = function() {
@@ -14236,14 +14162,14 @@ Please add \`${key}Action\` when creating your handler.`);
     var renderButton = function() {
       var _obj;
       return /* @__PURE__ */ React.createElement("div", {
-        className: classNames("".concat(classPrefix$i, "-button"), (_obj = {}, _define_property(_obj, "".concat(classPrefix$i, "-button-active"), innerChecked), _define_property(_obj, "".concat(classPrefix$i, "-button-disabled"), disabled), _obj))
+        className: classNames("".concat(classPrefix$j, "-button"), (_obj = {}, _define_property(_obj, "".concat(classPrefix$j, "-button-active"), innerChecked), _define_property(_obj, "".concat(classPrefix$j, "-button-disabled"), disabled), _obj))
       }, children || label, innerChecked && activeIcon ? /* @__PURE__ */ React.createElement("div", {
-        className: classNames("".concat(classPrefix$i, "-button-icon"))
+        className: classNames("".concat(classPrefix$j, "-button-icon"))
       }, activeIcon) : null);
     };
     var renderListItem = function() {
       return /* @__PURE__ */ React.createElement("div", {
-        className: "".concat(classPrefix$i, "-list-item")
+        className: "".concat(classPrefix$j, "-list-item")
       }, renderLabel(), renderIcon());
     };
     var renderCheckboxItem = function() {
@@ -14256,13 +14182,135 @@ Please add \`${key}Action\` when creating your handler.`);
       return /* @__PURE__ */ React.createElement(React.Fragment, null, renderIcon(), renderLabel());
     };
     return /* @__PURE__ */ React.createElement("div", _object_spread_props(_object_spread({
-      className: classNames(classPrefix$i, _define_property({}, "".concat(classPrefix$i, "-reverse"), labelPosition === "left"), className)
+      className: classNames(classPrefix$j, _define_property({}, "".concat(classPrefix$j, "-reverse"), labelPosition === "left"), className)
     }, rest), {
       onClick: handleClick2
     }), renderCheckboxItem());
   };
   Checkbox.displayName = "NutCheckBox";
-  Checkbox.Group = CheckboxGroup;
+  var defaultProps$$ = {
+    max: void 0,
+    min: void 0,
+    list: false,
+    labelPosition: "right",
+    direction: "vertical",
+    onChange: function(value) {
+    },
+    onLimit: function(type2) {
+    },
+    options: []
+  };
+  var classPrefix$i = "nut-checkboxgroup";
+  var CheckboxGroup = /* @__PURE__ */ React.forwardRef(function(props, ref) {
+    var _ref = _object_spread({}, defaultProps$$, props), children = _ref.children, className = _ref.className, disabled = _ref.disabled, list = _ref.list, value = _ref.value, defaultValue = _ref.defaultValue, max = _ref.max, min = _ref.min, labelPosition = _ref.labelPosition, direction = _ref.direction, options2 = _ref.options, onChange = _ref.onChange, onLimit = _ref.onLimit, rest = _object_without_properties(_ref, [
+      "children",
+      "className",
+      "disabled",
+      "list",
+      "value",
+      "defaultValue",
+      "max",
+      "min",
+      "labelPosition",
+      "direction",
+      "options",
+      "onChange",
+      "onLimit"
+    ]);
+    React.useImperativeHandle(ref, function() {
+      return {
+        toggle: function toggle(state) {
+          if (state === false) {
+            setValue([]);
+          } else {
+            var childrenLabel = [];
+            React.Children.map(children, function(child) {
+              var childProps = child.props;
+              childrenLabel.push(childProps.value);
+            });
+            setValue(childrenLabel);
+          }
+        },
+        reverse: function reverse() {
+          var childrenLabel = [];
+          React.Children.map(children, function(child) {
+            var childProps = child.props;
+            childrenLabel.push(childProps.value);
+          });
+          var reverse2 = childrenLabel.filter(function(c6) {
+            return (_value === null || _value === void 0 ? void 0 : _value.findIndex(function(v) {
+              return v === c6;
+            })) === -1;
+          });
+          setValue(reverse2);
+        }
+      };
+    });
+    var _usePropsValue = _sliced_to_array(usePropsValue({
+      value,
+      defaultValue,
+      finalValue: [],
+      onChange
+    }), 2), _value = _usePropsValue[0], setValue = _usePropsValue[1];
+    var renderOptions = React.useCallback(function() {
+      return options2 === null || options2 === void 0 ? void 0 : options2.map(function(_param) {
+        var label = _param.label, value2 = _param.value, disabled2 = _param.disabled;
+        _param.onChange;
+        var rest2 = _object_without_properties(_param, [
+          "label",
+          "value",
+          "disabled",
+          "onChange"
+        ]);
+        return /* @__PURE__ */ React.createElement(Checkbox, _object_spread({
+          key: value2 === null || value2 === void 0 ? void 0 : value2.toString(),
+          label,
+          disabled: disabled2,
+          value: value2
+        }, rest2));
+      });
+    }, [
+      options2,
+      max,
+      min
+    ]);
+    var _obj;
+    return /* @__PURE__ */ React.createElement(CheckboxGroupContext.Provider, {
+      value: {
+        labelPosition: labelPosition || "right",
+        disabled,
+        max,
+        list,
+        onLimit,
+        value: _value,
+        check: function(value2) {
+          var combined = _to_consumable_array(_value).concat([
+            value2
+          ]);
+          if (max !== void 0) {
+            if (combined.length > max) {
+              return onLimit === null || onLimit === void 0 ? void 0 : onLimit("max");
+            }
+          }
+          setValue(combined);
+        },
+        uncheck: function(value2) {
+          var reduced = _value.filter(function(item) {
+            return item !== value2;
+          });
+          if (min !== void 0 && reduced.length < min) {
+            return onLimit === null || onLimit === void 0 ? void 0 : onLimit("min");
+          }
+          setValue(reduced);
+        }
+      }
+    }, /* @__PURE__ */ React.createElement("div", _object_spread({
+      className: classNames(classPrefix$i, (_obj = {}, _define_property(_obj, "nut-checkboxgroup-".concat(direction), direction), _define_property(_obj, "nut-checkboxgroup-list", list), _obj), className)
+    }, rest), (options2 === null || options2 === void 0 ? void 0 : options2.length) ? renderOptions() : children));
+  });
+  CheckboxGroup.displayName = "NutCheckboxGroup";
+  var InnerCheckbox = Checkbox;
+  InnerCheckbox.Group = CheckboxGroup;
   var InternalPickerPanel = function(props, ref) {
     var _props_keyIndex = props.keyIndex, keyIndex = _props_keyIndex === void 0 ? 0 : _props_keyIndex, defaultValue = props.defaultValue, _props_options = props.options, options2 = _props_options === void 0 ? [] : _props_options, _props_threeDimensional = props.threeDimensional, threeDimensional = _props_threeDimensional === void 0 ? true : _props_threeDimensional, _props_duration = props.duration, duration = _props_duration === void 0 ? 1e3 : _props_duration, chooseItem = props.chooseItem;
     var touch = useTouch();
@@ -17783,7 +17831,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$6, {
+        })) : /* @__PURE__ */ React.createElement(p$7, {
           className: classNames(color())
         });
       }
@@ -19297,7 +19345,7 @@ Please add \`${key}Action\` when creating your handler.`);
     var _useState = _sliced_to_array(React.useState(0), 2), displayPercent = _useState[0], setDispalyPercent = _useState[1];
     var stylesInner = {
       width: "".concat(displayPercent, "%"),
-      backgroundColor: color || "#FF0F23"
+      background: color || "#FF0F23"
     };
     React.useEffect(function() {
       setDispalyPercent(percent);
@@ -19380,7 +19428,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$4, {
+        return item.failIcon || /* @__PURE__ */ React.createElement(p$5, {
           color: "#fff"
         });
       }
@@ -19444,7 +19492,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$5, {
+      }, /* @__PURE__ */ React.createElement(s$3, null), /* @__PURE__ */ React.createElement("span", null, " ", item.name)), deletable && /* @__PURE__ */ React.createElement(p$6, {
         color: "#808080",
         className: "nut-uploader-preview-img-file-del",
         onClick: function() {
@@ -19498,7 +19546,7 @@ Please add \`${key}Action\` when creating your handler.`);
       height: "20px",
       color: "#808080"
     }),
-    deleteIcon: /* @__PURE__ */ React.createElement(p$4, {
+    deleteIcon: /* @__PURE__ */ React.createElement(p$5, {
       color: "rgba(0,0,0,0.6)"
     }),
     beforeDelete: function(file, files) {
@@ -20508,23 +20556,28 @@ Please add \`${key}Action\` when creating your handler.`);
     var classPrefix2 = "nut-resultpage";
     var cls = classNames(classPrefix2, className);
     var defaultStatus2 = {
-      success: "https://img11.360buyimg.com/imagetools/jfs/t1/233690/33/17768/1251/66543101F2589003b/f5dcaea8e29c23aa.png",
-      error: "https://img14.360buyimg.com/imagetools/jfs/t1/224715/38/17932/1426/66543101F1dbc50e8/eaffdb926b00584b.png",
-      warning: "https://img13.360buyimg.com/imagetools/jfs/t1/200545/24/43507/1219/66543101Fe58cfbe4/c29054555f3bcb4b.png",
-      info: "https://img13.360buyimg.com/imagetools/jfs/t1/199421/5/44230/1320/66543100F23a9466e/0e9eadd5cebf07fb.png",
-      waiting: "https://img11.360buyimg.com/imagetools/jfs/t1/226266/21/17859/1428/66543101F2dc4c3f3/44e2ae2b51c6e0ed.png"
+      success: /* @__PURE__ */ React.createElement(p$2, {
+        color: "#00D900"
+      }),
+      error: /* @__PURE__ */ React.createElement(p$5, {
+        color: "#FF0F23"
+      }),
+      warning: /* @__PURE__ */ React.createElement(p, {
+        color: "#FFBF00"
+      }),
+      info: /* @__PURE__ */ React.createElement(c, {
+        color: "#0073FF"
+      }),
+      waiting: /* @__PURE__ */ React.createElement(p$8, {
+        color: "#0073FF"
+      })
     };
-    var _useState = _sliced_to_array(React.useState({
-      backgroundImage: "url(".concat(typeof icon === "string" && icon ? icon : defaultStatus2[status], ")"),
-      backgroundSize: "100% 100%"
-    }), 1), imgStyle = _useState[0];
     return /* @__PURE__ */ React.createElement("div", {
       className: cls,
       style
-    }, typeof icon === "string" ? /* @__PURE__ */ React.createElement("div", {
-      className: "".concat(classPrefix2, "-icon"),
-      style: imgStyle
-    }) : icon, typeof title === "string" && title ? /* @__PURE__ */ React.createElement("div", {
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "".concat(classPrefix2, "-icon")
+    }, icon || defaultStatus2[status]), typeof title === "string" && title ? /* @__PURE__ */ React.createElement("div", {
       className: "".concat(classPrefix2, "-title")
     }, title) : title, typeof description === "string" && description ? /* @__PURE__ */ React.createElement("div", {
       className: "".concat(classPrefix2, "-description")
@@ -20538,7 +20591,9 @@ Please add \`${key}Action\` when creating your handler.`);
       return /* @__PURE__ */ React.createElement("div", {
         className: "".concat(classPrefix2, "-action"),
         key: index
-      }, /* @__PURE__ */ React.createElement(Button, rest, action === null || action === void 0 ? void 0 : action.text));
+      }, /* @__PURE__ */ React.createElement(Button, _object_spread_props(_object_spread({}, rest), {
+        size: "large"
+      }), action === null || action === void 0 ? void 0 : action.text));
     })) : null, children);
   };
   ResultPage.displayName = "NutResultPage";
@@ -22441,8 +22496,8 @@ Please add \`${key}Action\` when creating your handler.`);
           var icon = this.props.icon;
           if (typeof icon === "string") {
             var iconNode = {
-              success: /* @__PURE__ */ React__namespace.createElement(p$1, null),
-              fail: /* @__PURE__ */ React__namespace.createElement(p$4, null),
+              success: /* @__PURE__ */ React__namespace.createElement(p$2, null),
+              fail: /* @__PURE__ */ React__namespace.createElement(p$5, null),
               warn: /* @__PURE__ */ React__namespace.createElement(c, null),
               loading: /* @__PURE__ */ React__namespace.createElement(n$4, {
                 className: "nut-icon-loading"
@@ -22666,7 +22721,7 @@ Please add \`${key}Action\` when creating your handler.`);
       var currNumber = "".concat(thousands ? intNumber.replace(/(\d)(?=(?:\d{3})+$)/g, "$1,") : intNumber).concat(splitArr[1] ? "." : "").concat(splitArr[1] || "");
       return currNumber.split("");
     };
-    var numerArr = React.useMemo(getShowNumber, [
+    var numberArr = React.useMemo(getShowNumber, [
       value,
       length,
       thousands
@@ -22674,7 +22729,7 @@ Please add \`${key}Action\` when creating your handler.`);
     var setNumberTransform = React.useCallback(function() {
       if (countupRef.current) {
         var numberItems = countupRef.current.querySelectorAll(".nut-countup-number");
-        var numberFilterArr = numerArr.filter(function(item) {
+        var numberFilterArr = numberArr.filter(function(item) {
           return !Number.isNaN(Number(item));
         });
         Object.keys(numberItems).forEach(function(key) {
@@ -22688,10 +22743,10 @@ Please add \`${key}Action\` when creating your handler.`);
         });
       }
     }, [
-      numerArr
+      numberArr
     ]);
     var numberEaseStyle = {
-      transition: "transform ".concat(duration, "s ease-in-out")
+      transitionDuration: "".concat(duration, "s")
     };
     React.useEffect(function() {
       timerRef.current = window.setTimeout(function() {
@@ -22701,7 +22756,7 @@ Please add \`${key}Action\` when creating your handler.`);
         window.clearTimeout(timerRef.current);
       };
     }, [
-      numerArr,
+      numberArr,
       delay,
       setNumberTransform
     ]);
@@ -22710,7 +22765,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ref: countupRef
     }, /* @__PURE__ */ React.createElement("ul", {
       className: "".concat(classPrefix2, "-list")
-    }, numerArr.map(function(item, idx) {
+    }, numberArr.map(function(item, idx) {
       return /* @__PURE__ */ React.createElement("li", {
         className: "".concat(classPrefix2, "-listitem ").concat(!Number.isNaN(Number(item)) ? "".concat(classPrefix2, "-listitem-number") : ""),
         key: idx
@@ -22719,6 +22774,7 @@ Please add \`${key}Action\` when creating your handler.`);
         style: numberEaseStyle
       }, _to_consumable_array(numbers).concat(_to_consumable_array(numbers)).map(function(number2, subidx) {
         return /* @__PURE__ */ React.createElement("span", {
+          className: "".concat(classPrefix2, "-number-text"),
           key: subidx
         }, number2);
       })) : /* @__PURE__ */ React.createElement("span", {
@@ -23416,10 +23472,11 @@ Please add \`${key}Action\` when creating your handler.`);
         } else if (formatCache.includes("SS")) {
           formatCache = formatCache.replace("SS", msC.slice(0, 2));
         } else if (formatCache.includes("S")) {
-          formatCache = formatCache.replace("SS", msC.slice(0, 1));
+          formatCache = formatCache.replace("S", msC.slice(0, 1));
         }
       }
-      formatCache = formatCache.replace(/(\d+)/g, type2 === "primary" ? '<span class="nut-countdown-number-primary">$1</span>' : '<span class="nut-countdown-number">$1</span>');
+      var isTextDom = type2 === "text" ? '<span class="nut-countdown-number-text">$1</span>' : '<span class="nut-countdown-number">$1</span>';
+      formatCache = formatCache.replace(/(\d+)/g, type2 === "primary" ? '<span class="nut-countdown-number-primary">$1</span>' : isTextDom);
       return formatCache;
     };
     var pause = function() {
@@ -25893,7 +25950,7 @@ Please add \`${key}Action\` when creating your handler.`);
     return /* @__PURE__ */ React.createElement("div", _object_spread({
       className: "".concat(classPrefix2, " ").concat(className),
       style
-    }, rest), !left && renderContent(!left), Number(value) !== 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, rateTrend.current ? /* @__PURE__ */ React.createElement(React.Fragment, null, riseIcon || /* @__PURE__ */ React.createElement(p, {
+    }, rest), !left && renderContent(!left), Number(value) !== 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, rateTrend.current ? /* @__PURE__ */ React.createElement(React.Fragment, null, riseIcon || /* @__PURE__ */ React.createElement(p$1, {
       color: calcIconProps.color
     })) : /* @__PURE__ */ React.createElement(React.Fragment, null, dropIcon || /* @__PURE__ */ React.createElement(s, {
       color: calcIconProps.color
@@ -26437,7 +26494,7 @@ Please add \`${key}Action\` when creating your handler.`);
   exports2.Cascader = Cascader;
   exports2.Cell = Cell;
   exports2.CellGroup = CellGroup;
-  exports2.Checkbox = Checkbox;
+  exports2.Checkbox = InnerCheckbox;
   exports2.CheckboxGroup = CheckboxGroup;
   exports2.CircleProgress = CircleProgress;
   exports2.Col = Col;