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

package/dist/nutui.react.umd.js

@@ -5682,6 +5682,14 @@
   };
   Badge.displayName = "NutBadge";
   const TabbarContext = React.createContext(null);
+  function addColorForHarmony(maybeElement, color) {
+    if (React.isValidElement(maybeElement) && harmony()) {
+      return React.cloneElement(maybeElement, {
+        color
+      });
+    }
+    return maybeElement;
+  }
   var defaultProps$1c = _object_spread_props(_object_spread({}, ComponentDefaults), {
     title: "",
     icon: null,
@@ -5728,10 +5736,16 @@
       }
     }, rest), icon ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Badge, badgeProps, /* @__PURE__ */ React.createElement(components.View, {
       className: boxPrefix
-    }, icon)), /* @__PURE__ */ React.createElement(components.View, {
-      className: titleClass
+    }, addColorForHarmony(icon, active ? ctx === null || ctx === void 0 ? void 0 : ctx.activeColor : ctx === null || ctx === void 0 ? void 0 : ctx.inactiveColor))), /* @__PURE__ */ React.createElement(components.View, {
+      className: titleClass,
+      style: {
+        color: active ? ctx === null || ctx === void 0 ? void 0 : ctx.activeColor : ctx === null || ctx === void 0 ? void 0 : ctx.inactiveColor
+      }
     }, title)) : /* @__PURE__ */ React.createElement(Badge, badgeProps, /* @__PURE__ */ React.createElement(components.View, {
-      className: titleClass
+      className: titleClass,
+      style: {
+        color: active ? ctx === null || ctx === void 0 ? void 0 : ctx.activeColor : ctx === null || ctx === void 0 ? void 0 : ctx.inactiveColor
+      }
     }, title)));
   };
   var defaultProps$1b = _object_spread_props(_object_spread({}, ComponentDefaults), {
@@ -8397,128 +8411,7 @@
   });
   CalendarCard.displayName = "NutCalendarCard";
   var CheckboxGroupContext = React.createContext(null);
-  var defaultProps$11 = {
-    max: void 0,
-    min: void 0,
-    list: false,
-    labelPosition: "right",
-    direction: "vertical",
-    onChange: function(value) {
-    },
-    onLimit: function(type2) {
-    },
-    options: []
-  };
-  var classPrefix$k = "nut-checkboxgroup";
-  var CheckboxGroup = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-    var _ref = _object_spread({}, defaultProps$11, 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, options = _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(c2) {
-            return (_value === null || _value === void 0 ? void 0 : _value.findIndex(function(v) {
-              return v === c2;
-            })) === -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 options === null || options === void 0 ? void 0 : options.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));
-      });
-    }, [
-      options,
-      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$k, (_obj = {}, _define_property(_obj, "nut-checkboxgroup-".concat(direction), direction), _define_property(_obj, "nut-checkboxgroup-list", list), _obj), className)
-    }, rest), (options === null || options === void 0 ? void 0 : options.length) ? renderOptions() : children));
-  });
-  CheckboxGroup.displayName = "NutCheckboxGroup";
-  var defaultProps$10 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$11 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     disabled: false,
     shape: "round",
     labelPosition: "right",
@@ -8528,9 +8421,9 @@
     onChange: function(value) {
     }
   });
-  var classPrefix$j = "nut-checkbox";
+  var classPrefix$k = "nut-checkbox";
   var Checkbox = function(props) {
-    var children = _object_spread({}, defaultProps$10, props).children;
+    var children = _object_spread({}, defaultProps$11, 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",
@@ -8610,27 +8503,27 @@
       });
     };
     var color = function() {
-      var cls = "".concat(classPrefix$j, "-icon ");
+      var cls = "".concat(classPrefix$k, "-icon ");
       if (innerDisabled) {
         if (innerChecked && !innerIndeterminate) {
-          return "".concat(cls).concat(classPrefix$j, "-icon-checked ").concat(classPrefix$j, "-icon-disabled");
+          return "".concat(cls).concat(classPrefix$k, "-icon-checked ").concat(classPrefix$k, "-icon-disabled");
         }
         if (innerChecked && innerIndeterminate) {
-          return "".concat(cls).concat(classPrefix$j, "-icon-indeterminate ").concat(classPrefix$j, "-icon-disabled");
+          return "".concat(cls).concat(classPrefix$k, "-icon-indeterminate ").concat(classPrefix$k, "-icon-disabled");
         }
-        return "".concat(cls).concat(classPrefix$j, "-icon-disabled");
+        return "".concat(cls).concat(classPrefix$k, "-icon-disabled");
       }
       if (innerChecked) {
         if (innerIndeterminate) {
-          return "".concat(cls).concat(classPrefix$j, "-icon-indeterminate");
+          return "".concat(cls).concat(classPrefix$k, "-icon-indeterminate");
         }
-        return "".concat(cls).concat(classPrefix$j, "-icon-checked");
+        return "".concat(cls).concat(classPrefix$k, "-icon-checked");
       }
       return cls;
     };
     var renderLabel = function() {
-      return /* @__PURE__ */ React.createElement("span", {
-        className: classNames("".concat(classPrefix$j, "-label "), _define_property({}, "".concat(classPrefix$j, "-label-disabled"), innerDisabled))
+      return /* @__PURE__ */ React.createElement(components.View, {
+        className: classNames("".concat(classPrefix$k, "-label "), _define_property({}, "".concat(classPrefix$k, "-label-disabled"), innerDisabled))
       }, children || label);
     };
     var handleClick = function() {
@@ -8641,9 +8534,9 @@
     var renderButton = function() {
       var _obj;
       return /* @__PURE__ */ React.createElement(components.View, {
-        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))
+        className: classNames("".concat(classPrefix$k, "-button"), (_obj = {}, _define_property(_obj, "".concat(classPrefix$k, "-button-active"), innerChecked), _define_property(_obj, "".concat(classPrefix$k, "-button-disabled"), disabled), _obj))
       }, children || label, innerChecked && activeIcon ? /* @__PURE__ */ React.createElement(components.View, {
-        className: classNames("".concat(classPrefix$j, "-button-icon"))
+        className: classNames("".concat(classPrefix$k, "-button-icon"))
       }, activeIcon) : null);
     };
     var renderListItem = function() {
@@ -8661,13 +8554,135 @@
       return /* @__PURE__ */ React.createElement(React.Fragment, null, renderIcon(), renderLabel());
     };
     return /* @__PURE__ */ React.createElement(components.View, _object_spread_props(_object_spread({
-      className: classNames(classPrefix$j, _define_property({}, "".concat(classPrefix$j, "-reverse"), labelPosition === "left"), className)
+      className: classNames(classPrefix$k, _define_property({}, "".concat(classPrefix$k, "-reverse"), labelPosition === "left"), className)
     }, rest), {
       onClick: handleClick
     }), renderCheckboxItem());
   };
   Checkbox.displayName = "NutCheckBox";
-  Checkbox.Group = CheckboxGroup;
+  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, options = _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(c2) {
+            return (_value === null || _value === void 0 ? void 0 : _value.findIndex(function(v) {
+              return v === c2;
+            })) === -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 options === null || options === void 0 ? void 0 : options.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));
+      });
+    }, [
+      options,
+      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), (options === null || options === void 0 ? void 0 : options.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, options = _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, _props_itemShow = props.itemShow, itemShow = _props_itemShow === void 0 ? false : _props_itemShow, chooseItem = props.chooseItem;
     var touch = useTouch();
@@ -13931,7 +13946,7 @@
     var _useState = _sliced_to_array(React.useState(percent), 2), displayPercent = _useState[0], setDispalyPercent = _useState[1];
     var stylesInner = {
       width: "".concat(displayPercent, "%"),
-      backgroundColor: color || "#FF0F23"
+      background: color || "#FF0F23"
     };
     if (strokeWidth) {
       stylesOuter.height = pxTransform(Number(strokeWidth));
@@ -14022,11 +14037,10 @@
       }
     }, []);
     var getTextStyle = function() {
-      var value = harmony() ? "93%" : "99%";
       return rtl ? {
-        right: value
+        right: "100%"
       } : {
-        left: value
+        left: "100%"
       };
     };
     var computeRight = function() {
@@ -16629,12 +16643,19 @@
     }), /* @__PURE__ */ React.isValidElement(icon) ? /* @__PURE__ */ React.createElement(components.View, {
       className: "nut-avatar-text"
     }, /* @__PURE__ */ React.cloneElement(icon, _object_spread_props(_object_spread({}, icon.props), {
+      color,
       className: "".concat(icon.props.className || "", " nut-avatar-icon nut-avatar-").concat(groupSize || size || "normal", "-icon")
     }))) : null, children && /* @__PURE__ */ React.createElement(components.View, {
+      style: {
+        color
+      },
       className: "nut-avatar-text nut-avatar-".concat(groupSize || size || "normal", "-text")
     }, children), !src && !icon && !children && /* @__PURE__ */ React.createElement(components.View, {
       className: "nut-avatar-text"
     }, /* @__PURE__ */ React.createElement(y, {
+      style: {
+        color
+      },
       className: "nut-avatar-icon nut-avatar-".concat(groupSize || size || "normal", "-icon")
     }))), showMax && /* @__PURE__ */ React.createElement(components.View, {
       className: "nut-avatar-text nut-avatar-".concat(groupSize || "normal", "-text"),
@@ -17233,7 +17254,7 @@
   var CountUp = function(props) {
     var _mergeProps = mergeProps(defaultProps$q, props), length = _mergeProps.length, value = _mergeProps.value, delay = _mergeProps.delay, duration = _mergeProps.duration, className = _mergeProps.className, thousands = _mergeProps.thousands;
     _mergeProps.style;
-    _object_without_properties(_mergeProps, [
+    var rest = _object_without_properties(_mergeProps, [
       "length",
       "value",
       "delay",
@@ -17244,7 +17265,7 @@
     ]);
     var classPrefix2 = "nut-countup";
     var countupRef = React.useRef(null);
-    var timerRef = React.useRef(0);
+    var timerRef = React.useRef();
     var numbers = Array.from({
       length: 10
     }, function(v, i2) {
@@ -17260,73 +17281,75 @@
       thousands,
       value
     ]);
-    var _useState = _sliced_to_array(React.useState([]), 2), numerArr = _useState[0], setNumerArr = _useState[1];
+    var _useState = _sliced_to_array(React.useState([]), 2), numberArr = _useState[0], setNumberArr = _useState[1];
     var _useState1 = _sliced_to_array(React.useState([]), 2), transformArr = _useState1[0], setTransformArr = _useState1[1];
     var isLoaded = React.useRef(false);
     var setNumberTransform = React.useCallback(function() {
-      if (countupRef.current && numerArr.length) {
+      if (countupRef.current && numberArr.length) {
         Taro.createSelectorQuery().selectAll(".nut-countup-listitem").node(function(numberItems) {
           var transformArrCache = [];
           Object.keys(numberItems).forEach(function(key) {
             var elem = numberItems[Number(key)];
-            var idx = Number(numerArr[Number(key)]);
-            if (elem) {
+            var idx = Number(numberArr[Number(key)]);
+            var enabled = elem && typeof idx === "number" && !Number.isNaN(idx);
+            if (enabled) {
               var transform = idx || idx === 0 ? "translate(0, -".concat((idx === 0 ? 10 : idx) * 5, "%)") : "";
-              transformArrCache.push(transform);
+              transformArrCache.push({
+                transitionDuration: "".concat(duration, "s"),
+                transform
+              });
             }
           });
           setTransformArr(_to_consumable_array(transformArrCache));
         }).exec();
       }
     }, [
-      numerArr
+      numberArr
     ]);
-    var numberEaseStyle = function(idx) {
-      return {
-        transition: "transform ".concat(duration, "s ease-in-out"),
-        transform: transformArr[idx] ? transformArr[idx] : null
-      };
-    };
     React.useEffect(function() {
-      setNumberTransform();
+      if (numberArr.length) {
+        if (!isLoaded.current) {
+          isLoaded.current = true;
+          timerRef.current = setTimeout(function() {
+            setNumberTransform();
+          }, delay);
+        } else {
+          setNumberTransform();
+        }
+      }
+      return function() {
+        clearTimeout(timerRef.current);
+        isLoaded.current = false;
+      };
     }, [
-      numerArr,
+      numberArr,
+      delay,
       setNumberTransform
     ]);
     React.useEffect(function() {
-      if (!isLoaded.current) {
-        isLoaded.current = true;
-        timerRef.current = window.setTimeout(function() {
-          setNumerArr(getShowNumber());
-        }, delay);
-      } else {
-        setNumerArr(getShowNumber());
-      }
-      return function() {
-        window.clearTimeout(timerRef.current);
-      };
+      setNumberArr(getShowNumber());
     }, [
       value,
-      delay,
       getShowNumber
     ]);
-    return /* @__PURE__ */ React.createElement(components.View, {
+    return /* @__PURE__ */ React.createElement(components.View, _object_spread({
       className: "".concat(classPrefix2, " ").concat(className),
       ref: countupRef
-    }, /* @__PURE__ */ React.createElement("ul", {
+    }, rest), /* @__PURE__ */ React.createElement(components.View, {
       className: "".concat(classPrefix2, "-list")
-    }, numerArr.map(function(item, idx) {
-      return /* @__PURE__ */ React.createElement("li", {
+    }, numberArr.map(function(item, idx) {
+      return /* @__PURE__ */ React.createElement(components.View, {
         className: "".concat(classPrefix2, "-listitem ").concat(!Number.isNaN(Number(item)) ? "".concat(classPrefix2, "-listitem-number") : ""),
         key: idx
-      }, !Number.isNaN(Number(item)) ? /* @__PURE__ */ React.createElement("span", {
+      }, !Number.isNaN(Number(item)) ? /* @__PURE__ */ React.createElement(components.View, {
         className: "".concat(classPrefix2, "-number"),
-        style: numberEaseStyle(idx)
+        style: transformArr === null || transformArr === void 0 ? void 0 : transformArr[idx]
       }, _to_consumable_array(numbers).concat(_to_consumable_array(numbers)).map(function(number2, subidx) {
-        return /* @__PURE__ */ React.createElement("span", {
+        return /* @__PURE__ */ React.createElement(components.Text, {
+          className: "".concat(classPrefix2, "-number-text"),
           key: subidx
         }, number2);
-      })) : /* @__PURE__ */ React.createElement("span", {
+      })) : /* @__PURE__ */ React.createElement(components.View, {
         className: "".concat(classPrefix2, "-separator")
       }, item));
     })));
@@ -18089,9 +18112,10 @@
     };
     var renderTimeItem = function(formatUnit, time2) {
       var unit = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "";
+      var _obj;
       return /* @__PURE__ */ React.createElement(React.Fragment, null, format2.includes(formatUnit) ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(components.View, {
-        className: "".concat(classPrefix2, "-number").concat(type2 === "primary" ? "-primary" : "")
-      }, padZero(time2)), unit ? /* @__PURE__ */ React.createElement(components.View, {
+        className: classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-number"), type2 === "default"), _define_property(_obj, "".concat(classPrefix2, "-number-primary"), type2 === "primary"), _define_property(_obj, "".concat(classPrefix2, "-number-text"), type2 === "text"), _obj))
+      }, unit ? padZero(time2) : time2), unit ? /* @__PURE__ */ React.createElement(components.View, {
         className: "".concat(classPrefix2, "-unit")
       }, getUnit(unit)) : null) : null);
     };
@@ -18102,7 +18126,7 @@
       var digit = (_format_match = format2.match(/S/g)) === null || _format_match === void 0 ? void 0 : _format_match.length;
       return /* @__PURE__ */ React.createElement(React.Fragment, null, renderTimeItem("DD", d, "DD"), renderTimeItem("HH", h, "HH"), renderTimeItem("mm", m2, "mm"), renderTimeItem("ss", s2), (format2.includes("S") || getUnit("ss") !== ":") && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(components.View, {
         className: "".concat(classPrefix2, "-unit")
-      }, getUnit("ss"))), renderTimeItem("S", padZero(ms, 3).toString().slice(0, digit || 2)));
+      }, getUnit("ss"))), renderTimeItem("S", padZero(ms, 3).toString().slice(0, digit || 1)));
     };
     return /* @__PURE__ */ React.createElement(React.Fragment, null, children || /* @__PURE__ */ React.createElement(components.View, _object_spread({
       className: "".concat(classPrefix2, " ").concat(className),
@@ -18935,7 +18959,7 @@
       onClick: function(e2) {
         return handleSelectPage(currentPage - 1);
       }
-    }, prev || locale.pagination.prev), mode === "multi" && /* @__PURE__ */ React.createElement(components.View, {
+    }, addColorForHarmony(prev || locale.pagination.prev, currentPage === 1 ? "#c2c4cc" : "#ff0f23")), mode === "multi" && /* @__PURE__ */ React.createElement(components.View, {
       className: "".concat(classPrefix2, "-contain")
     }, pages.map(function(item, index) {
       return /* @__PURE__ */ React.createElement(components.View, {
@@ -18954,7 +18978,7 @@
       onClick: function(e2) {
         return handleSelectPage(currentPage + 1);
       }
-    }, next || locale.pagination.next)), mode === "lite" && /* @__PURE__ */ React.createElement(components.View, {
+    }, addColorForHarmony(next || locale.pagination.next, currentPage >= pageCount ? "#c2c4cc" : "#ff0f23"))), mode === "lite" && /* @__PURE__ */ React.createElement(components.View, {
       className: "".concat(classPrefix2, "-lite")
     }, /* @__PURE__ */ React.createElement(components.View, {
       className: "".concat(classPrefix2, "-lite-active")
@@ -21142,7 +21166,7 @@
   exports2.Cascader = Cascader;
   exports2.Cell = Cell;
   exports2.CellGroup = CellGroup;
-  exports2.Checkbox = Checkbox;
+  exports2.Checkbox = InnerCheckbox;
   exports2.CheckboxGroup = CheckboxGroup;
   exports2.CircleProgress = CircleProgress;
   exports2.Col = Col;