@notificationapi/react 0.0.31 → 0.0.32

package/dist/assets/index2.js

@@ -1,7 +1,7 @@
 import * as l from "react";
 import { useMemo as et, useRef as X } from "react";
-import { c as w } from "./index3.js";
-import { g as nt, K as z, b as rt, r as it, u as j, m as Ot, a as K, i as st, c as at, d as xt } from "./colors.js";
+import { c as x } from "./presets.js";
+import { g as nt, K as z, b as rt, r as it, u as E, m as Ot, a as K, i as st, c as at, d as xt } from "./colors.js";
 const wt = new z("antStatusProcessing", {
   "0%": {
     transform: "scale(0.8)",
@@ -11,7 +11,7 @@ const wt = new z("antStatusProcessing", {
     transform: "scale(2.4)",
     opacity: 0
   }
-}), jt = new z("antZoomBadgeIn", {
+}), Et = new z("antZoomBadgeIn", {
   "0%": {
     transform: "scale(0) translate(50%, -50%)",
     opacity: 0
@@ -19,7 +19,7 @@ const wt = new z("antStatusProcessing", {
   "100%": {
     transform: "scale(1) translate(50%, -50%)"
   }
-}), Et = new z("antZoomBadgeOut", {
+}), jt = new z("antZoomBadgeOut", {
   "0%": {
     transform: "scale(1) translate(50%, -50%)"
   },
@@ -57,28 +57,27 @@ const wt = new z("antStatusProcessing", {
     iconCls: i,
     antCls: n,
     badgeShadowSize: o,
-    motionDurationSlow: d,
-    textFontSize: a,
-    textFontSizeSM: h,
+    textFontSize: d,
+    textFontSizeSM: s,
     statusSize: y,
-    dotSize: g,
-    textFontWeight: m,
-    indicatorHeight: s,
-    indicatorHeightSM: c,
-    marginXS: f,
-    calc: v
-  } = t, u = `${n}-scroll-number`, C = rt(t, (b, $) => {
+    dotSize: v,
+    textFontWeight: C,
+    indicatorHeight: c,
+    indicatorHeightSM: a,
+    marginXS: m,
+    calc: b
+  } = t, u = `${n}-scroll-number`, S = rt(t, ($, g) => {
     let {
-      darkColor: S
-    } = $;
+      darkColor: f
+    } = g;
     return {
-      [`&${e} ${e}-color-${b}`]: {
-        background: S,
+      [`&${e} ${e}-color-${$}`]: {
+        background: f,
         [`&:not(${e}-count)`]: {
-          color: S
+          color: f
         },
         "a:hover &": {
-          background: S
+          background: f
         }
       }
     };
@@ -93,17 +92,17 @@ const wt = new z("antStatusProcessing", {
         display: "inline-flex",
         justifyContent: "center",
         zIndex: t.indicatorZIndex,
-        minWidth: s,
-        height: s,
+        minWidth: c,
+        height: c,
         color: t.badgeTextColor,
-        fontWeight: m,
-        fontSize: a,
-        lineHeight: j(s),
+        fontWeight: C,
+        fontSize: d,
+        lineHeight: E(c),
         whiteSpace: "nowrap",
         textAlign: "center",
         background: t.badgeColor,
-        borderRadius: v(s).div(2).equal(),
-        boxShadow: `0 0 0 ${j(o)} ${t.badgeShadowColor}`,
+        borderRadius: b(c).div(2).equal(),
+        boxShadow: `0 0 0 ${E(o)} ${t.badgeShadowColor}`,
         transition: `background ${t.motionDurationMid}`,
         a: {
           color: t.badgeTextColor
@@ -116,29 +115,26 @@ const wt = new z("antStatusProcessing", {
         }
       },
       [`${e}-count-sm`]: {
-        minWidth: c,
-        height: c,
-        fontSize: h,
-        lineHeight: j(c),
-        borderRadius: v(c).div(2).equal()
+        minWidth: a,
+        height: a,
+        fontSize: s,
+        lineHeight: E(a),
+        borderRadius: b(a).div(2).equal()
       },
       [`${e}-multiple-words`]: {
-        padding: `0 ${j(t.paddingXS)}`,
+        padding: `0 ${E(t.paddingXS)}`,
         bdi: {
           unicodeBidi: "plaintext"
         }
       },
       [`${e}-dot`]: {
         zIndex: t.indicatorZIndex,
-        width: g,
-        minWidth: g,
-        height: g,
+        width: v,
+        minWidth: v,
+        height: v,
         background: t.badgeColor,
         borderRadius: "100%",
-        boxShadow: `0 0 0 ${j(o)} ${t.badgeShadowColor}`
-      },
-      [`${e}-dot${u}`]: {
-        transition: `background ${d}`
+        boxShadow: `0 0 0 ${E(o)} ${t.badgeShadowColor}`
       },
       [`${e}-count, ${e}-dot, ${u}-custom-component`]: {
         position: "absolute",
@@ -173,6 +169,7 @@ const wt = new z("antStatusProcessing", {
           overflow: "visible",
           color: t.colorInfo,
           backgroundColor: t.colorInfo,
+          borderColor: "currentcolor",
           "&::after": {
             position: "absolute",
             top: 0,
@@ -200,20 +197,20 @@ const wt = new z("antStatusProcessing", {
           backgroundColor: t.colorWarning
         },
         [`${e}-status-text`]: {
-          marginInlineStart: f,
+          marginInlineStart: m,
           color: t.colorText,
           fontSize: t.fontSize
         }
       }
-    }), C), {
+    }), S), {
       [`${e}-zoom-appear, ${e}-zoom-enter`]: {
-        animationName: jt,
+        animationName: Et,
         animationDuration: t.motionDurationSlow,
         animationTimingFunction: t.motionEaseOutBack,
         animationFillMode: "both"
       },
       [`${e}-zoom-leave`]: {
-        animationName: Et,
+        animationName: jt,
         animationDuration: t.motionDurationSlow,
         animationTimingFunction: t.motionEaseOutBack,
         animationFillMode: "both"
@@ -242,17 +239,18 @@ const wt = new z("antStatusProcessing", {
           transformOrigin: "50% 50%"
         }
       },
-      [`${u}`]: {
+      [u]: {
         overflow: "hidden",
+        transition: `all ${t.motionDurationMid} ${t.motionEaseOutBack}`,
         [`${u}-only`]: {
           position: "relative",
           display: "inline-block",
-          height: s,
+          height: c,
           transition: `all ${t.motionDurationSlow} ${t.motionEaseOutBack}`,
           WebkitTransformStyle: "preserve-3d",
           WebkitBackfaceVisibility: "hidden",
           [`> p${u}-only-unit`]: {
-            height: s,
+            height: c,
             margin: 0,
             WebkitTransformStyle: "preserve-3d",
             WebkitBackfaceVisibility: "hidden"
@@ -277,13 +275,13 @@ const wt = new z("antStatusProcessing", {
     lineWidth: i,
     marginXS: n,
     colorBorderBg: o
-  } = t, d = e, a = i, h = t.colorBgContainer, y = t.colorError, g = t.colorErrorHover;
+  } = t, d = e, s = i, y = t.colorBgContainer, v = t.colorError, C = t.colorErrorHover;
   return Ot(t, {
     badgeFontHeight: d,
-    badgeShadowSize: a,
-    badgeTextColor: h,
-    badgeColor: y,
-    badgeColorHover: g,
+    badgeShadowSize: s,
+    badgeTextColor: y,
+    badgeColor: v,
+    badgeColorHover: C,
     badgeShadowColor: o,
     badgeProcessingDuration: "1.2s",
     badgeRibbonOffset: n,
@@ -318,58 +316,58 @@ const wt = new z("antStatusProcessing", {
     marginXS: n,
     badgeRibbonOffset: o,
     calc: d
-  } = t, a = `${e}-ribbon`, h = `${e}-ribbon-wrapper`, y = rt(t, (g, m) => {
+  } = t, s = `${e}-ribbon`, y = `${e}-ribbon-wrapper`, v = rt(t, (C, c) => {
     let {
-      darkColor: s
-    } = m;
+      darkColor: a
+    } = c;
     return {
-      [`&${a}-color-${g}`]: {
-        background: s,
-        color: s
+      [`&${s}-color-${C}`]: {
+        background: a,
+        color: a
       }
     };
   });
   return {
-    [`${h}`]: {
+    [y]: {
       position: "relative"
     },
-    [`${a}`]: Object.assign(Object.assign(Object.assign(Object.assign({}, it(t)), {
+    [s]: Object.assign(Object.assign(Object.assign(Object.assign({}, it(t)), {
       position: "absolute",
       top: n,
-      padding: `0 ${j(t.paddingXS)}`,
+      padding: `0 ${E(t.paddingXS)}`,
       color: t.colorPrimary,
-      lineHeight: j(i),
+      lineHeight: E(i),
       whiteSpace: "nowrap",
       backgroundColor: t.colorPrimary,
       borderRadius: t.borderRadiusSM,
-      [`${a}-text`]: {
+      [`${s}-text`]: {
         color: t.colorTextLightSolid
       },
-      [`${a}-corner`]: {
+      [`${s}-corner`]: {
         position: "absolute",
         top: "100%",
         width: o,
         height: o,
         color: "currentcolor",
-        border: `${j(d(o).div(2).equal())} solid`,
+        border: `${E(d(o).div(2).equal())} solid`,
         transform: t.badgeRibbonCornerTransform,
         transformOrigin: "top",
         filter: t.badgeRibbonCornerFilter
       }
-    }), y), {
-      [`&${a}-placement-end`]: {
+    }), v), {
+      [`&${s}-placement-end`]: {
         insetInlineEnd: d(o).mul(-1).equal(),
         borderEndEndRadius: 0,
-        [`${a}-corner`]: {
+        [`${s}-corner`]: {
           insetInlineEnd: 0,
           borderInlineEndColor: "transparent",
           borderBlockEndColor: "transparent"
         }
       },
-      [`&${a}-placement-start`]: {
+      [`&${s}-placement-start`]: {
         insetInlineStart: d(o).mul(-1).equal(),
         borderEndStartRadius: 0,
-        [`${a}-corner`]: {
+        [`${s}-corner`]: {
           insetInlineStart: 0,
           borderBlockEndColor: "transparent",
           borderInlineStartColor: "transparent"
@@ -391,110 +389,105 @@ const wt = new z("antStatusProcessing", {
     style: n,
     color: o,
     children: d,
-    text: a,
-    placement: h = "end",
-    rootClassName: y
+    text: s,
+    placement: y = "end",
+    rootClassName: v
   } = t, {
-    getPrefixCls: g,
-    direction: m
-  } = l.useContext(K), s = g("ribbon", i), c = `${s}-wrapper`, [f, v, u] = Dt(s, c), C = st(o, !1), b = w(s, `${s}-placement-${h}`, {
-    [`${s}-rtl`]: m === "rtl",
-    [`${s}-color-${o}`]: C
-  }, e), $ = {}, S = {};
-  return o && !C && ($.background = o, S.color = o), f(/* @__PURE__ */ l.createElement("div", {
-    className: w(c, y, v, u)
+    getPrefixCls: C,
+    direction: c
+  } = l.useContext(K), a = C("ribbon", i), m = `${a}-wrapper`, [b, u, S] = Dt(a, m), $ = st(o, !1), g = x(a, `${a}-placement-${y}`, {
+    [`${a}-rtl`]: c === "rtl",
+    [`${a}-color-${o}`]: $
+  }, e), f = {}, w = {};
+  return o && !$ && (f.background = o, w.color = o), b(/* @__PURE__ */ l.createElement("div", {
+    className: x(m, v, u, S)
   }, d, /* @__PURE__ */ l.createElement("div", {
-    className: w(b, v),
-    style: Object.assign(Object.assign({}, $), n)
+    className: x(g, u),
+    style: Object.assign(Object.assign({}, f), n)
   }, /* @__PURE__ */ l.createElement("span", {
-    className: `${s}-text`
-  }, a), /* @__PURE__ */ l.createElement("div", {
-    className: `${s}-corner`,
-    style: S
+    className: `${a}-text`
+  }, s), /* @__PURE__ */ l.createElement("div", {
+    className: `${a}-corner`,
+    style: w
   }))));
 };
 process.env.NODE_ENV !== "production" && (dt.displayName = "Ribbon");
-function ot(t) {
-  let {
+const ot = (t) => {
+  const {
     prefixCls: e,
     value: i,
     current: n,
     offset: o = 0
-  } = t, d;
+  } = t;
+  let d;
   return o && (d = {
     position: "absolute",
     top: `${o}00%`,
     left: 0
   }), /* @__PURE__ */ l.createElement("span", {
     style: d,
-    className: w(`${e}-only-unit`, {
+    className: x(`${e}-only-unit`, {
       current: n
     })
   }, i);
-}
+};
 function Wt(t, e, i) {
   let n = t, o = 0;
   for (; (n + 10) % 10 !== e; )
     n += i, o += i;
   return o;
 }
-function Ft(t) {
+const Ft = (t) => {
   const {
     prefixCls: e,
     count: i,
     value: n
-  } = t, o = Number(n), d = Math.abs(i), [a, h] = l.useState(o), [y, g] = l.useState(d), m = () => {
-    h(o), g(d);
+  } = t, o = Number(n), d = Math.abs(i), [s, y] = l.useState(o), [v, C] = l.useState(d), c = () => {
+    y(o), C(d);
   };
   l.useEffect(() => {
-    const f = setTimeout(() => {
-      m();
-    }, 1e3);
-    return () => {
-      clearTimeout(f);
-    };
+    const b = setTimeout(c, 1e3);
+    return () => clearTimeout(b);
   }, [o]);
-  let s, c;
-  if (a === o || Number.isNaN(o) || Number.isNaN(a))
-    s = [/* @__PURE__ */ l.createElement(ot, Object.assign({}, t, {
+  let a, m;
+  if (s === o || Number.isNaN(o) || Number.isNaN(s))
+    a = [/* @__PURE__ */ l.createElement(ot, Object.assign({}, t, {
       key: o,
       current: !0
-    }))], c = {
+    }))], m = {
       transition: "none"
     };
   else {
-    s = [];
-    const f = o + 10, v = [];
-    for (let b = o; b <= f; b += 1)
-      v.push(b);
-    const u = v.findIndex((b) => b % 10 === a);
-    s = v.map((b, $) => {
-      const S = b % 10;
+    a = [];
+    const b = o + 10, u = [];
+    for (let g = o; g <= b; g += 1)
+      u.push(g);
+    const S = u.findIndex((g) => g % 10 === s);
+    a = u.map((g, f) => {
+      const w = g % 10;
       return /* @__PURE__ */ l.createElement(ot, Object.assign({}, t, {
-        key: b,
-        value: S,
-        offset: $ - u,
-        current: $ === u
+        key: g,
+        value: w,
+        offset: f - S,
+        current: f === S
       }));
     });
-    const C = y < d ? 1 : -1;
-    c = {
-      transform: `translateY(${-Wt(a, o, C)}00%)`
+    const $ = v < d ? 1 : -1;
+    m = {
+      transform: `translateY(${-Wt(s, o, $)}00%)`
     };
   }
   return /* @__PURE__ */ l.createElement("span", {
     className: `${e}-only`,
-    style: c,
-    onTransitionEnd: m
-  }, s);
-}
+    style: m,
+    onTransitionEnd: c
+  }, a);
+};
 var Ht = function(t, e) {
   var i = {};
-  for (var n in t)
-    Object.prototype.hasOwnProperty.call(t, n) && e.indexOf(n) < 0 && (i[n] = t[n]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var o = 0, n = Object.getOwnPropertySymbols(t); o < n.length; o++)
-      e.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[o]) && (i[n[o]] = t[n[o]]);
+  for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && e.indexOf(n) < 0 && (i[n] = t[n]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, n = Object.getOwnPropertySymbols(t); o < n.length; o++)
+    e.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[o]) && (i[n[o]] = t[n[o]]);
   return i;
 };
 const _t = /* @__PURE__ */ l.forwardRef((t, e) => {
@@ -503,151 +496,149 @@ const _t = /* @__PURE__ */ l.forwardRef((t, e) => {
     count: n,
     className: o,
     motionClassName: d,
-    style: a,
-    title: h,
-    show: y,
-    component: g = "sup",
-    children: m
-  } = t, s = Ht(t, ["prefixCls", "count", "className", "motionClassName", "style", "title", "show", "component", "children"]), {
-    getPrefixCls: c
-  } = l.useContext(K), f = c("scroll-number", i), v = Object.assign(Object.assign({}, s), {
-    "data-show": y,
-    style: a,
-    className: w(f, o, d),
-    title: h
+    style: s,
+    title: y,
+    show: v,
+    component: C = "sup",
+    children: c
+  } = t, a = Ht(t, ["prefixCls", "count", "className", "motionClassName", "style", "title", "show", "component", "children"]), {
+    getPrefixCls: m
+  } = l.useContext(K), b = m("scroll-number", i), u = Object.assign(Object.assign({}, a), {
+    "data-show": v,
+    style: s,
+    className: x(b, o, d),
+    title: y
   });
-  let u = n;
+  let S = n;
   if (n && Number(n) % 1 === 0) {
-    const C = String(n).split("");
-    u = /* @__PURE__ */ l.createElement("bdi", null, C.map((b, $) => /* @__PURE__ */ l.createElement(Ft, {
-      prefixCls: f,
+    const $ = String(n).split("");
+    S = /* @__PURE__ */ l.createElement("bdi", null, $.map((g, f) => /* @__PURE__ */ l.createElement(Ft, {
+      prefixCls: b,
       count: Number(n),
-      value: b,
+      value: g,
       // eslint-disable-next-line react/no-array-index-key
-      key: C.length - $
+      key: $.length - f
     })));
   }
-  return a && a.borderColor && (v.style = Object.assign(Object.assign({}, a), {
-    boxShadow: `0 0 0 1px ${a.borderColor} inset`
-  })), m ? at(m, (C) => ({
-    className: w(`${f}-custom-component`, C == null ? void 0 : C.className, d)
-  })) : /* @__PURE__ */ l.createElement(g, Object.assign({}, v, {
+  return s != null && s.borderColor && (u.style = Object.assign(Object.assign({}, s), {
+    boxShadow: `0 0 0 1px ${s.borderColor} inset`
+  })), c ? at(c, ($) => ({
+    className: x(`${b}-custom-component`, $ == null ? void 0 : $.className, d)
+  })) : /* @__PURE__ */ l.createElement(C, Object.assign({}, u, {
     ref: e
-  }), u);
+  }), S);
 });
-var Zt = function(t, e) {
+var Mt = function(t, e) {
   var i = {};
-  for (var n in t)
-    Object.prototype.hasOwnProperty.call(t, n) && e.indexOf(n) < 0 && (i[n] = t[n]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var o = 0, n = Object.getOwnPropertySymbols(t); o < n.length; o++)
-      e.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[o]) && (i[n[o]] = t[n[o]]);
+  for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && e.indexOf(n) < 0 && (i[n] = t[n]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, n = Object.getOwnPropertySymbols(t); o < n.length; o++)
+    e.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[o]) && (i[n[o]] = t[n[o]]);
   return i;
 };
-const Mt = /* @__PURE__ */ l.forwardRef((t, e) => {
-  var i, n, o, d, a;
+const Zt = /* @__PURE__ */ l.forwardRef((t, e) => {
+  var i, n, o, d, s;
   const {
-    prefixCls: h,
-    scrollNumberPrefixCls: y,
-    children: g,
-    status: m,
-    text: s,
-    color: c,
-    count: f = null,
-    overflowCount: v = 99,
-    dot: u = !1,
-    size: C = "default",
-    title: b,
-    offset: $,
-    style: S,
+    prefixCls: y,
+    scrollNumberPrefixCls: v,
+    children: C,
+    status: c,
+    text: a,
+    color: m,
+    count: b = null,
+    overflowCount: u = 99,
+    dot: S = !1,
+    size: $ = "default",
+    title: g,
+    offset: f,
+    style: w,
     className: mt,
     rootClassName: bt,
-    classNames: x,
-    styles: N,
+    classNames: O,
+    styles: h,
     showZero: F = !1
-  } = t, U = Zt(t, ["prefixCls", "scrollNumberPrefixCls", "children", "status", "text", "color", "count", "overflowCount", "dot", "size", "title", "offset", "style", "className", "rootClassName", "classNames", "styles", "showZero"]), {
+  } = t, U = Mt(t, ["prefixCls", "scrollNumberPrefixCls", "children", "status", "text", "color", "count", "overflowCount", "dot", "size", "title", "offset", "style", "className", "rootClassName", "classNames", "styles", "showZero"]), {
     getPrefixCls: Y,
     direction: H,
     badge: r
-  } = l.useContext(K), p = Y("badge", h), [k, gt, ft] = Tt(p), _ = f > v ? `${v}+` : f, T = _ === "0" || _ === 0, pt = f === null || T && !F, Z = (m != null || c != null) && pt, B = u && !T, E = B ? "" : _, P = et(() => (E == null || E === "" || T && !F) && !B, [E, T, F, B]), G = X(f);
-  P || (G.current = f);
-  const I = G.current, J = X(E);
-  P || (J.current = E);
-  const M = J.current, Q = X(B);
-  P || (Q.current = B);
+  } = l.useContext(K), p = Y("badge", y), [G, gt, ft] = Tt(p), _ = b > u ? `${u}+` : b, T = _ === "0" || _ === 0, pt = b === null || T && !F, M = (c != null || m != null) && pt, B = S && !T, j = B ? "" : _, P = et(() => (j == null || j === "" || T && !F) && !B, [j, T, F, B]), J = X(b);
+  P || (J.current = b);
+  const I = J.current, Q = X(j);
+  P || (Q.current = j);
+  const Z = Q.current, k = X(B);
+  P || (k.current = B);
   const R = et(() => {
-    if (!$)
-      return Object.assign(Object.assign({}, r == null ? void 0 : r.style), S);
-    const O = {
-      marginTop: $[1]
+    if (!f)
+      return Object.assign(Object.assign({}, r == null ? void 0 : r.style), w);
+    const N = {
+      marginTop: f[1]
     };
-    return H === "rtl" ? O.left = parseInt($[0], 10) : O.right = -parseInt($[0], 10), Object.assign(Object.assign(Object.assign({}, O), r == null ? void 0 : r.style), S);
-  }, [H, $, S, r == null ? void 0 : r.style]), vt = b ?? (typeof I == "string" || typeof I == "number" ? I : void 0), Ct = P || !s ? null : /* @__PURE__ */ l.createElement("span", {
+    return H === "rtl" ? N.left = parseInt(f[0], 10) : N.right = -parseInt(f[0], 10), Object.assign(Object.assign(Object.assign({}, N), r == null ? void 0 : r.style), w);
+  }, [H, f, w, r == null ? void 0 : r.style]), vt = g ?? (typeof I == "string" || typeof I == "number" ? I : void 0), Ct = P || !a ? null : /* @__PURE__ */ l.createElement("span", {
     className: `${p}-status-text`
-  }, s), $t = !I || typeof I != "object" ? void 0 : at(I, (O) => ({
-    style: Object.assign(Object.assign({}, R), O.style)
-  })), D = st(c, !1), yt = w(x == null ? void 0 : x.indicator, (i = r == null ? void 0 : r.classNames) === null || i === void 0 ? void 0 : i.indicator, {
-    [`${p}-status-dot`]: Z,
-    [`${p}-status-${m}`]: !!m,
-    [`${p}-color-${c}`]: D
+  }, a), $t = !I || typeof I != "object" ? void 0 : at(I, (N) => ({
+    style: Object.assign(Object.assign({}, R), N.style)
+  })), D = st(m, !1), yt = x(O == null ? void 0 : O.indicator, (i = r == null ? void 0 : r.classNames) === null || i === void 0 ? void 0 : i.indicator, {
+    [`${p}-status-dot`]: M,
+    [`${p}-status-${c}`]: !!c,
+    [`${p}-color-${m}`]: D
   }), V = {};
-  c && !D && (V.color = c, V.background = c);
-  const tt = w(p, {
-    [`${p}-status`]: Z,
-    [`${p}-not-a-wrapper`]: !g,
+  m && !D && (V.color = m, V.background = m);
+  const tt = x(p, {
+    [`${p}-status`]: M,
+    [`${p}-not-a-wrapper`]: !C,
     [`${p}-rtl`]: H === "rtl"
-  }, mt, bt, r == null ? void 0 : r.className, (n = r == null ? void 0 : r.classNames) === null || n === void 0 ? void 0 : n.root, x == null ? void 0 : x.root, gt, ft);
-  if (!g && Z) {
-    const O = R.color;
-    return k(/* @__PURE__ */ l.createElement("span", Object.assign({}, U, {
+  }, mt, bt, r == null ? void 0 : r.className, (n = r == null ? void 0 : r.classNames) === null || n === void 0 ? void 0 : n.root, O == null ? void 0 : O.root, gt, ft);
+  if (!C && M) {
+    const N = R.color;
+    return G(/* @__PURE__ */ l.createElement("span", Object.assign({}, U, {
       className: tt,
-      style: Object.assign(Object.assign(Object.assign({}, N == null ? void 0 : N.root), (o = r == null ? void 0 : r.styles) === null || o === void 0 ? void 0 : o.root), R)
+      style: Object.assign(Object.assign(Object.assign({}, h == null ? void 0 : h.root), (o = r == null ? void 0 : r.styles) === null || o === void 0 ? void 0 : o.root), R)
     }), /* @__PURE__ */ l.createElement("span", {
       className: yt,
-      style: Object.assign(Object.assign(Object.assign({}, N == null ? void 0 : N.indicator), (d = r == null ? void 0 : r.styles) === null || d === void 0 ? void 0 : d.indicator), V)
-    }), s && /* @__PURE__ */ l.createElement("span", {
+      style: Object.assign(Object.assign(Object.assign({}, h == null ? void 0 : h.indicator), (d = r == null ? void 0 : r.styles) === null || d === void 0 ? void 0 : d.indicator), V)
+    }), a && /* @__PURE__ */ l.createElement("span", {
       style: {
-        color: O
+        color: N
       },
       className: `${p}-status-text`
-    }, s)));
+    }, a)));
   }
-  return k(/* @__PURE__ */ l.createElement("span", Object.assign({
+  return G(/* @__PURE__ */ l.createElement("span", Object.assign({
     ref: e
   }, U, {
     className: tt,
-    style: Object.assign(Object.assign({}, (a = r == null ? void 0 : r.styles) === null || a === void 0 ? void 0 : a.root), N == null ? void 0 : N.root)
-  }), g, /* @__PURE__ */ l.createElement(xt, {
+    style: Object.assign(Object.assign({}, (s = r == null ? void 0 : r.styles) === null || s === void 0 ? void 0 : s.root), h == null ? void 0 : h.root)
+  }), C, /* @__PURE__ */ l.createElement(xt, {
     visible: !P,
     motionName: `${p}-zoom`,
     motionAppear: !1,
     motionDeadline: 1e3
-  }, (O) => {
+  }, (N) => {
     let {
       className: ht
-    } = O;
+    } = N;
     var A, q;
-    const St = Y("scroll-number", y), L = Q.current, Nt = w(x == null ? void 0 : x.indicator, (A = r == null ? void 0 : r.classNames) === null || A === void 0 ? void 0 : A.indicator, {
+    const St = Y("scroll-number", v), L = k.current, Nt = x(O == null ? void 0 : O.indicator, (A = r == null ? void 0 : r.classNames) === null || A === void 0 ? void 0 : A.indicator, {
       [`${p}-dot`]: L,
       [`${p}-count`]: !L,
-      [`${p}-count-sm`]: C === "small",
-      [`${p}-multiple-words`]: !L && M && M.toString().length > 1,
-      [`${p}-status-${m}`]: !!m,
-      [`${p}-color-${c}`]: D
+      [`${p}-count-sm`]: $ === "small",
+      [`${p}-multiple-words`]: !L && Z && Z.toString().length > 1,
+      [`${p}-status-${c}`]: !!c,
+      [`${p}-color-${m}`]: D
     });
-    let W = Object.assign(Object.assign(Object.assign({}, N == null ? void 0 : N.indicator), (q = r == null ? void 0 : r.styles) === null || q === void 0 ? void 0 : q.indicator), R);
-    return c && !D && (W = W || {}, W.background = c), /* @__PURE__ */ l.createElement(_t, {
+    let W = Object.assign(Object.assign(Object.assign({}, h == null ? void 0 : h.indicator), (q = r == null ? void 0 : r.styles) === null || q === void 0 ? void 0 : q.indicator), R);
+    return m && !D && (W = W || {}, W.background = m), /* @__PURE__ */ l.createElement(_t, {
       prefixCls: St,
       show: !P,
       motionClassName: ht,
       className: Nt,
-      count: M,
+      count: Z,
       title: vt,
       style: W,
       key: "scrollNumber"
     }, $t);
   }), Ct));
-}), ut = Mt;
+}), ut = Zt;
 ut.Ribbon = dt;
 process.env.NODE_ENV !== "production" && (ut.displayName = "Badge");
 export {