@nutui/nutui-react-taro 2.1.0 → 2.1.1-beta.1

package/dist/nutui.react.umd.js

@@ -8,7 +8,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.1.0 Fri Nov 17 2023 14:40:35 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.1.1 Wed Nov 22 2023 15:32:26 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -846,7 +846,6 @@ Check the top-level render call using <` + t2 + ">.");
   a.displayName = "NutIcontriangle-down";
   const o = (t2) => /* @__PURE__ */ lr(r$2, { ...t2, name: t2.name || "triangle-up" });
   o.displayName = "NutIcontriangle-up";
-  const style_iconfont = "";
   const ComponentDefaults = {
     className: "",
     style: {}
@@ -1919,7 +1918,7 @@ Check the top-level render call using <` + t2 + ">.");
     function eq(value, other) {
       return value === other || value !== value && other !== other;
     }
-    var isArguments = baseIsArguments(function() {
+    var isArguments = baseIsArguments(/* @__PURE__ */ function() {
       return arguments;
     }()) ? baseIsArguments : function(value) {
       return isObjectLike2(value) && hasOwnProperty.call(value, "callee") && !propertyIsEnumerable.call(value, "callee");
@@ -2281,111 +2280,72 @@ Check the top-level render call using <` + t2 + ">.");
     _setPrototypeOf$1(subClass, superClass);
   }
   var propTypes = { exports: {} };
-  var reactIs = { exports: {} };
-  var reactIs_production_min = {};
-  /** @license React v16.13.1
-   * react-is.production.min.js
-   *
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   */
-  var hasRequiredReactIs_production_min;
-  function requireReactIs_production_min() {
-    if (hasRequiredReactIs_production_min)
-      return reactIs_production_min;
-    hasRequiredReactIs_production_min = 1;
-    var b = "function" === typeof Symbol && Symbol.for, c2 = b ? Symbol.for("react.element") : 60103, d = b ? Symbol.for("react.portal") : 60106, e2 = b ? Symbol.for("react.fragment") : 60107, f = b ? Symbol.for("react.strict_mode") : 60108, g = b ? Symbol.for("react.profiler") : 60114, h = b ? Symbol.for("react.provider") : 60109, k2 = b ? Symbol.for("react.context") : 60110, l = b ? Symbol.for("react.async_mode") : 60111, m2 = b ? Symbol.for("react.concurrent_mode") : 60111, n2 = b ? Symbol.for("react.forward_ref") : 60112, p = b ? Symbol.for("react.suspense") : 60113, q = b ? Symbol.for("react.suspense_list") : 60120, r2 = b ? Symbol.for("react.memo") : 60115, t2 = b ? Symbol.for("react.lazy") : 60116, v = b ? Symbol.for("react.block") : 60121, w = b ? Symbol.for("react.fundamental") : 60117, x = b ? Symbol.for("react.responder") : 60118, y = b ? Symbol.for("react.scope") : 60119;
-    function z(a2) {
-      if ("object" === typeof a2 && null !== a2) {
-        var u = a2.$$typeof;
-        switch (u) {
-          case c2:
-            switch (a2 = a2.type, a2) {
-              case l:
-              case m2:
-              case e2:
-              case g:
-              case f:
-              case p:
-                return a2;
-              default:
-                switch (a2 = a2 && a2.$$typeof, a2) {
-                  case k2:
-                  case n2:
-                  case t2:
-                  case r2:
-                  case h:
-                    return a2;
-                  default:
-                    return u;
-                }
-            }
-          case d:
-            return u;
-        }
-      }
+  var ReactPropTypesSecret_1;
+  var hasRequiredReactPropTypesSecret;
+  function requireReactPropTypesSecret() {
+    if (hasRequiredReactPropTypesSecret)
+      return ReactPropTypesSecret_1;
+    hasRequiredReactPropTypesSecret = 1;
+    var ReactPropTypesSecret = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+    ReactPropTypesSecret_1 = ReactPropTypesSecret;
+    return ReactPropTypesSecret_1;
+  }
+  var factoryWithThrowingShims;
+  var hasRequiredFactoryWithThrowingShims;
+  function requireFactoryWithThrowingShims() {
+    if (hasRequiredFactoryWithThrowingShims)
+      return factoryWithThrowingShims;
+    hasRequiredFactoryWithThrowingShims = 1;
+    var ReactPropTypesSecret = requireReactPropTypesSecret();
+    function emptyFunction() {
     }
-    function A(a2) {
-      return z(a2) === m2;
+    function emptyFunctionWithReset() {
     }
-    reactIs_production_min.AsyncMode = l;
-    reactIs_production_min.ConcurrentMode = m2;
-    reactIs_production_min.ContextConsumer = k2;
-    reactIs_production_min.ContextProvider = h;
-    reactIs_production_min.Element = c2;
-    reactIs_production_min.ForwardRef = n2;
-    reactIs_production_min.Fragment = e2;
-    reactIs_production_min.Lazy = t2;
-    reactIs_production_min.Memo = r2;
-    reactIs_production_min.Portal = d;
-    reactIs_production_min.Profiler = g;
-    reactIs_production_min.StrictMode = f;
-    reactIs_production_min.Suspense = p;
-    reactIs_production_min.isAsyncMode = function(a2) {
-      return A(a2) || z(a2) === l;
-    };
-    reactIs_production_min.isConcurrentMode = A;
-    reactIs_production_min.isContextConsumer = function(a2) {
-      return z(a2) === k2;
-    };
-    reactIs_production_min.isContextProvider = function(a2) {
-      return z(a2) === h;
-    };
-    reactIs_production_min.isElement = function(a2) {
-      return "object" === typeof a2 && null !== a2 && a2.$$typeof === c2;
-    };
-    reactIs_production_min.isForwardRef = function(a2) {
-      return z(a2) === n2;
-    };
-    reactIs_production_min.isFragment = function(a2) {
-      return z(a2) === e2;
-    };
-    reactIs_production_min.isLazy = function(a2) {
-      return z(a2) === t2;
-    };
-    reactIs_production_min.isMemo = function(a2) {
-      return z(a2) === r2;
-    };
-    reactIs_production_min.isPortal = function(a2) {
-      return z(a2) === d;
-    };
-    reactIs_production_min.isProfiler = function(a2) {
-      return z(a2) === g;
-    };
-    reactIs_production_min.isStrictMode = function(a2) {
-      return z(a2) === f;
-    };
-    reactIs_production_min.isSuspense = function(a2) {
-      return z(a2) === p;
-    };
-    reactIs_production_min.isValidElementType = function(a2) {
-      return "string" === typeof a2 || "function" === typeof a2 || a2 === e2 || a2 === m2 || a2 === g || a2 === f || a2 === p || a2 === q || "object" === typeof a2 && null !== a2 && (a2.$$typeof === t2 || a2.$$typeof === r2 || a2.$$typeof === h || a2.$$typeof === k2 || a2.$$typeof === n2 || a2.$$typeof === w || a2.$$typeof === x || a2.$$typeof === y || a2.$$typeof === v);
+    emptyFunctionWithReset.resetWarningCache = emptyFunction;
+    factoryWithThrowingShims = function() {
+      function shim(props, propName, componentName, location, propFullName, secret) {
+        if (secret === ReactPropTypesSecret) {
+          return;
+        }
+        var err = new Error(
+          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
+        );
+        err.name = "Invariant Violation";
+        throw err;
+      }
+      shim.isRequired = shim;
+      function getShim() {
+        return shim;
+      }
+      var ReactPropTypes = {
+        array: shim,
+        bigint: shim,
+        bool: shim,
+        func: shim,
+        number: shim,
+        object: shim,
+        string: shim,
+        symbol: shim,
+        any: shim,
+        arrayOf: getShim,
+        element: shim,
+        elementType: shim,
+        instanceOf: getShim,
+        node: shim,
+        objectOf: getShim,
+        oneOf: getShim,
+        oneOfType: getShim,
+        shape: getShim,
+        exact: getShim,
+        checkPropTypes: emptyFunctionWithReset,
+        resetWarningCache: emptyFunction
+      };
+      ReactPropTypes.PropTypes = ReactPropTypes;
+      return ReactPropTypes;
     };
-    reactIs_production_min.typeOf = z;
-    return reactIs_production_min;
+    return factoryWithThrowingShims;
   }
+  var reactIs = { exports: {} };
   var reactIs_development = {};
   /** @license React v16.13.1
    * react-is.development.js
@@ -2549,6 +2509,110 @@ Check the top-level render call using <` + t2 + ">.");
     }
     return reactIs_development;
   }
+  var reactIs_production_min = {};
+  /** @license React v16.13.1
+   * react-is.production.min.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   */
+  var hasRequiredReactIs_production_min;
+  function requireReactIs_production_min() {
+    if (hasRequiredReactIs_production_min)
+      return reactIs_production_min;
+    hasRequiredReactIs_production_min = 1;
+    var b = "function" === typeof Symbol && Symbol.for, c2 = b ? Symbol.for("react.element") : 60103, d = b ? Symbol.for("react.portal") : 60106, e2 = b ? Symbol.for("react.fragment") : 60107, f = b ? Symbol.for("react.strict_mode") : 60108, g = b ? Symbol.for("react.profiler") : 60114, h = b ? Symbol.for("react.provider") : 60109, k2 = b ? Symbol.for("react.context") : 60110, l = b ? Symbol.for("react.async_mode") : 60111, m2 = b ? Symbol.for("react.concurrent_mode") : 60111, n2 = b ? Symbol.for("react.forward_ref") : 60112, p = b ? Symbol.for("react.suspense") : 60113, q = b ? Symbol.for("react.suspense_list") : 60120, r2 = b ? Symbol.for("react.memo") : 60115, t2 = b ? Symbol.for("react.lazy") : 60116, v = b ? Symbol.for("react.block") : 60121, w = b ? Symbol.for("react.fundamental") : 60117, x = b ? Symbol.for("react.responder") : 60118, y = b ? Symbol.for("react.scope") : 60119;
+    function z(a2) {
+      if ("object" === typeof a2 && null !== a2) {
+        var u = a2.$$typeof;
+        switch (u) {
+          case c2:
+            switch (a2 = a2.type, a2) {
+              case l:
+              case m2:
+              case e2:
+              case g:
+              case f:
+              case p:
+                return a2;
+              default:
+                switch (a2 = a2 && a2.$$typeof, a2) {
+                  case k2:
+                  case n2:
+                  case t2:
+                  case r2:
+                  case h:
+                    return a2;
+                  default:
+                    return u;
+                }
+            }
+          case d:
+            return u;
+        }
+      }
+    }
+    function A(a2) {
+      return z(a2) === m2;
+    }
+    reactIs_production_min.AsyncMode = l;
+    reactIs_production_min.ConcurrentMode = m2;
+    reactIs_production_min.ContextConsumer = k2;
+    reactIs_production_min.ContextProvider = h;
+    reactIs_production_min.Element = c2;
+    reactIs_production_min.ForwardRef = n2;
+    reactIs_production_min.Fragment = e2;
+    reactIs_production_min.Lazy = t2;
+    reactIs_production_min.Memo = r2;
+    reactIs_production_min.Portal = d;
+    reactIs_production_min.Profiler = g;
+    reactIs_production_min.StrictMode = f;
+    reactIs_production_min.Suspense = p;
+    reactIs_production_min.isAsyncMode = function(a2) {
+      return A(a2) || z(a2) === l;
+    };
+    reactIs_production_min.isConcurrentMode = A;
+    reactIs_production_min.isContextConsumer = function(a2) {
+      return z(a2) === k2;
+    };
+    reactIs_production_min.isContextProvider = function(a2) {
+      return z(a2) === h;
+    };
+    reactIs_production_min.isElement = function(a2) {
+      return "object" === typeof a2 && null !== a2 && a2.$$typeof === c2;
+    };
+    reactIs_production_min.isForwardRef = function(a2) {
+      return z(a2) === n2;
+    };
+    reactIs_production_min.isFragment = function(a2) {
+      return z(a2) === e2;
+    };
+    reactIs_production_min.isLazy = function(a2) {
+      return z(a2) === t2;
+    };
+    reactIs_production_min.isMemo = function(a2) {
+      return z(a2) === r2;
+    };
+    reactIs_production_min.isPortal = function(a2) {
+      return z(a2) === d;
+    };
+    reactIs_production_min.isProfiler = function(a2) {
+      return z(a2) === g;
+    };
+    reactIs_production_min.isStrictMode = function(a2) {
+      return z(a2) === f;
+    };
+    reactIs_production_min.isSuspense = function(a2) {
+      return z(a2) === p;
+    };
+    reactIs_production_min.isValidElementType = function(a2) {
+      return "string" === typeof a2 || "function" === typeof a2 || a2 === e2 || a2 === m2 || a2 === g || a2 === f || a2 === p || a2 === q || "object" === typeof a2 && null !== a2 && (a2.$$typeof === t2 || a2.$$typeof === r2 || a2.$$typeof === h || a2.$$typeof === k2 || a2.$$typeof === n2 || a2.$$typeof === w || a2.$$typeof === x || a2.$$typeof === y || a2.$$typeof === v);
+    };
+    reactIs_production_min.typeOf = z;
+    return reactIs_production_min;
+  }
   var hasRequiredReactIs;
   function requireReactIs() {
     if (hasRequiredReactIs)
@@ -2637,16 +2701,6 @@ Check the top-level render call using <` + t2 + ">.");
     };
     return objectAssign;
   }
-  var ReactPropTypesSecret_1;
-  var hasRequiredReactPropTypesSecret;
-  function requireReactPropTypesSecret() {
-    if (hasRequiredReactPropTypesSecret)
-      return ReactPropTypesSecret_1;
-    hasRequiredReactPropTypesSecret = 1;
-    var ReactPropTypesSecret = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-    ReactPropTypesSecret_1 = ReactPropTypesSecret;
-    return ReactPropTypesSecret_1;
-  }
   var has;
   var hasRequiredHas;
   function requireHas() {
@@ -3164,61 +3218,6 @@ Check the top-level render call using <` + t2 + ">.");
     };
     return factoryWithTypeCheckers;
   }
-  var factoryWithThrowingShims;
-  var hasRequiredFactoryWithThrowingShims;
-  function requireFactoryWithThrowingShims() {
-    if (hasRequiredFactoryWithThrowingShims)
-      return factoryWithThrowingShims;
-    hasRequiredFactoryWithThrowingShims = 1;
-    var ReactPropTypesSecret = requireReactPropTypesSecret();
-    function emptyFunction() {
-    }
-    function emptyFunctionWithReset() {
-    }
-    emptyFunctionWithReset.resetWarningCache = emptyFunction;
-    factoryWithThrowingShims = function() {
-      function shim(props, propName, componentName, location, propFullName, secret) {
-        if (secret === ReactPropTypesSecret) {
-          return;
-        }
-        var err = new Error(
-          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
-        );
-        err.name = "Invariant Violation";
-        throw err;
-      }
-      shim.isRequired = shim;
-      function getShim() {
-        return shim;
-      }
-      var ReactPropTypes = {
-        array: shim,
-        bigint: shim,
-        bool: shim,
-        func: shim,
-        number: shim,
-        object: shim,
-        string: shim,
-        symbol: shim,
-        any: shim,
-        arrayOf: getShim,
-        element: shim,
-        elementType: shim,
-        instanceOf: getShim,
-        node: shim,
-        objectOf: getShim,
-        oneOf: getShim,
-        oneOfType: getShim,
-        shape: getShim,
-        exact: getShim,
-        checkPropTypes: emptyFunctionWithReset,
-        resetWarningCache: emptyFunction
-      };
-      ReactPropTypes.PropTypes = ReactPropTypes;
-      return ReactPropTypes;
-    };
-    return factoryWithThrowingShims;
-  }
   if (process.env.NODE_ENV !== "production") {
     var ReactIs = requireReactIs();
     var throwOnDirectAccess = true;
@@ -4831,10 +4830,10 @@ Check the top-level render call using <` + t2 + ">.");
       {}
     );
     const [currentKey, setCurrentKey] = React.useState("");
-    const [currentIndex, setCurrentIndex] = React.useState(0);
     const [codeIndex, setCodeIndex] = React.useState(0);
     const [scrollStart, setScrollStart] = React.useState(false);
     const state = React.useRef(initData);
+    const scrolling = React.useRef(false);
     const [scrollTop, setScrollTop] = React.useState(0);
     const [scrollY, setScrollY] = React.useState(0);
     const resetScrollState = () => {
@@ -4892,14 +4891,13 @@ Check the top-level render call using <` + t2 + ">.");
       resetScrollState();
     };
     const touchStart = (e2) => {
-      setScrollStart(true);
       const index = Number(getData(e2.target));
       const firstTouch = e2.touches[0];
+      scrolling.current = true;
       touchState.current.y1 = firstTouch.pageY;
       state.current.anchorIndex = +index;
-      setCodeIndex((codeIndex2) => {
-        return codeIndex2 + index;
-      });
+      setScrollStart(true);
+      setCodeIndex(index);
       scrollTo(index);
     };
     const handleClickItem = (key, item) => {
@@ -4930,12 +4928,13 @@ Check the top-level render call using <` + t2 + ">.");
       if (sticky && scrollTop2 !== scrollY) {
         setScrollY(Math.floor(scrollTop2) > 0 ? 1 : 0);
       }
+      if (scrolling.current)
+        return;
       for (let i = 0; i < listHeight.length - 1; i++) {
         const height1 = listHeight[i];
         const height2 = listHeight[i + 1];
         if (state.current.scrollY >= height1 && state.current.scrollY < height2) {
-          setCurrentIndex(i);
-          return;
+          return setCodeIndex(i);
         }
       }
     };
@@ -4962,7 +4961,10 @@ Check the top-level render call using <` + t2 + ">.");
           className: `${classPrefix2}__list__inner`,
           type: "list",
           ref: listview,
-          onScroll: listViewScroll
+          onScroll: listViewScroll,
+          onTouchStart: (e2) => {
+            scrolling.current = false;
+          }
         },
         list.map((item, idx) => {
           return /* @__PURE__ */ React.createElement(
@@ -5013,7 +5015,7 @@ Check the top-level render call using <` + t2 + ">.");
           {
             className: classNames({
               [`${classPrefix2}__bars__inner__item`]: true,
-              [`${classPrefix2}__bars__inner__item--active`]: item[floorKey] === list[currentIndex][floorKey]
+              [`${classPrefix2}__bars__inner__item--active`]: item[floorKey] === list[codeIndex][floorKey]
             }),
             "data-index": index,
             key: index,
@@ -5022,7 +5024,7 @@ Check the top-level render call using <` + t2 + ">.");
           item[floorKey]
         );
       })
-    ))) : null, sticky && scrollY > 0 ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__list__fixed` }, /* @__PURE__ */ React.createElement("span", { className: `${classPrefix2}__list__fixed__title` }, list[currentIndex][floorKey])) : null);
+    ))) : null, sticky && scrollY > 0 ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__list__fixed` }, /* @__PURE__ */ React.createElement("span", { className: `${classPrefix2}__list__fixed__title` }, list[codeIndex][floorKey])) : null);
   };
   Elevator.defaultProps = defaultProps$1j;
   Elevator.displayName = "NutElevator";
@@ -5530,30 +5532,46 @@ Check the top-level render call using <` + t2 + ">.");
     value: "",
     dot: false,
     max: 99,
-    top: "0",
-    right: "5",
+    top: "4",
+    right: "8",
     color: ""
   };
   const Badge = (props) => {
+    var _a;
     const { className, style, value, max, children, dot, top, right: right2, color } = {
       ...defaultProps$1d,
       ...props
     };
     const classPrefix2 = "nut-badge";
     const classes = classNames(classPrefix2, className);
-    const contentClasses = classNames(
-      { [`${classPrefix2}__dot`]: dot },
-      `${classPrefix2}__content`,
-      `${classPrefix2}__sup`
-    );
     function content() {
       if (dot || typeof value === "object")
         return null;
       if (typeof value === "number" && typeof max === "number") {
-        return max < value ? `${max}+` : value;
+        return max < value ? `${max}+` : `${value}`;
       }
       return value;
     }
+    function isIcon() {
+      if (typeof value === "object" && value)
+        return value;
+    }
+    function isNumber() {
+      if (typeof value === "number" && value)
+        return value;
+    }
+    function isString() {
+      if (typeof value === "string" && value)
+        return value;
+    }
+    const contentClasses = classNames(
+      { [`${classPrefix2}__dot`]: dot },
+      `${classPrefix2}__content`,
+      { [`${classPrefix2}__sup`]: isNumber() || isString() || dot },
+      {
+        [`${classPrefix2}__one`]: typeof content() === "string" && ((_a = `${content()}`) == null ? void 0 : _a.length) === 1
+      }
+    );
     const getStyle = () => {
       const style2 = {};
       style2.top = `${Number(top) || parseFloat(String(top)) || 0}px`;
@@ -5561,7 +5579,7 @@ Check the top-level render call using <` + t2 + ">.");
       style2.background = color;
       return style2;
     };
-    return /* @__PURE__ */ React.createElement("div", { className: classes, style }, typeof value === "object" && value && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__icon` }, value), /* @__PURE__ */ React.createElement("div", null, children), /* @__PURE__ */ React.createElement("div", { className: contentClasses, style: getStyle() }, content()));
+    return /* @__PURE__ */ React.createElement("div", { className: classes, style }, isIcon() && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__icon` }, value), children, !isIcon() && /* @__PURE__ */ React.createElement("div", { className: contentClasses, style: getStyle() }, content()));
   };
   Badge.defaultProps = defaultProps$1d;
   Badge.displayName = "NutBadge";
@@ -5725,7 +5743,7 @@ Check the top-level render call using <` + t2 + ">.");
         _window.setTimeout(callback, 1e3 / 60);
       };
     }
-    return function(callback) {
+    return (callback) => {
       setTimeout(callback, 1e3 / 60);
     };
   }
@@ -13594,7 +13612,7 @@ Check the top-level render call using <` + t2 + ">.");
   ActionSheet.defaultProps = defaultProps$H;
   ActionSheet.displayName = "NutActionSheet";
   const Content = (props) => {
-    const { visible, title, footer, footerDirection, onClick, children } = props;
+    const { visible, title, header, footer, footerDirection, onClick, children } = props;
     const classPrefix2 = "nut-dialog";
     const renderHeader = () => {
       return title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__header` }, title) : null;
@@ -13620,6 +13638,7 @@ Check the top-level render call using <` + t2 + ">.");
         style: props.style,
         onClick: (e2) => handleClick(e2)
       },
+      header,
       /* @__PURE__ */ React.createElement(
         "div",
         {
@@ -13676,6 +13695,7 @@ Check the top-level render call using <` + t2 + ">.");
   const defaultProps$G = {
     title: "",
     content: "",
+    header: "",
     footer: "",
     confirmText: "",
     cancelText: "",
@@ -13701,6 +13721,7 @@ Check the top-level render call using <` + t2 + ">.");
         visible,
         footer,
         title,
+        header,
         content,
         children,
         footerDirection,
@@ -13752,9 +13773,9 @@ Check the top-level render call using <` + t2 + ">.");
       return footer || /* @__PURE__ */ React.createElement(React.Fragment, null, !hideCancelButton && /* @__PURE__ */ React.createElement(
         Button,
         {
-          size: "small",
           fill: "outline",
-          type: "primary",
+          size: "small",
+          type: "default",
           className: `${classPrefix2}__footer-cancel`,
           onClick: (e2) => handleCancel(e2)
         },
@@ -13811,6 +13832,7 @@ Check the top-level render call using <` + t2 + ">.");
             className,
             style,
             title,
+            header,
             footer: renderFooter(),
             footerDirection,
             visible

package/dist/packages/badge/badge.scss

@@ -3,32 +3,49 @@
   display: inline-block;
 
   &__icon {
-    display: flex;
     position: absolute;
+    display: flex;
+    justify-content: center;
+    align-items: center;
     background: $badge-background-color;
-    top: -20%;
-    right: -20%;
+    top: -10%;
+    right: -15%;
     padding: $badge-icon-padding;
     text-align: center;
     border: $badge-border;
     border-radius: $badge-border-radius;
     z-index: $badge-z-index;
+
+    .nut-icon {
+      width: $badge-icon-size;
+      height: $badge-icon-size;
+      font-size: $badge-icon-size;
+    }
   }
 
   &__sup {
+    height: $badge-height;
     position: absolute;
+    display: flex;
+    justify-content: center;
+    align-items: center;
     background: $badge-background-color;
     color: $badge-color;
     padding: $badge-padding;
     font-size: $badge-font-size;
     font-weight: normal;
     text-align: center;
-    line-height: 16px;
     border: $badge-border;
     border-radius: $badge-border-radius;
     min-width: $badge-min-width;
   }
 
+  &__one {
+    height: $badge-height;
+    width: $badge-height;
+    padding: 0;
+  }
+
   &__content {
     transform: $badge-content-transform;
   }