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

package/dist/nutui.react.umd.js

@@ -13992,128 +13992,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 +14002,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 +14084,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 +14115,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 +14135,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();
@@ -19297,7 +19298,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);
@@ -22666,7 +22667,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 +22675,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 +22689,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 +22702,7 @@ Please add \`${key}Action\` when creating your handler.`);
         window.clearTimeout(timerRef.current);
       };
     }, [
-      numerArr,
+      numberArr,
       delay,
       setNumberTransform
     ]);
@@ -22710,7 +22711,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 +22720,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 +23418,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() {
@@ -26437,7 +26440,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;