@unicom-cloud/ui 0.8.100 → 0.8.102

package/anchor/util.js

@@ -1,8 +1,8 @@
 import { Tween as u } from "../dist/tween/src/tween.js";
-import { quartOut as c } from "../dist/tween/src/easing.js";
+import c from "../dist/tween/src/easing.js";
 import i from "lodash/isString";
 import { isWindow as l } from "../components/common/utils/is.js";
-function s(o, n) {
+function d(o, n) {
   const r = i(n) && n[0] === "#" ? `[id='${n.replace("#", "")}']` : n;
   try {
     return o.querySelector(r);
@@ -10,7 +10,7 @@ function s(o, n) {
     return console.error(t), null;
   }
 }
-function w(o, n, r) {
+function a(o, n, r) {
   new u({
     from: {
       scrollTop: o.scrollTop
@@ -18,7 +18,7 @@ function w(o, n, r) {
     to: {
       scrollTop: n
     },
-    easing: c,
+    easing: c.quartOut,
     duration: 300,
     onUpdate: (e) => {
       o.scrollTop = e.scrollTop;
@@ -29,23 +29,23 @@ function w(o, n, r) {
   }).start();
 }
 function g(o) {
-  return i(o) ? s(document, o) : o || window;
+  return i(o) ? d(document, o) : o || window;
 }
 function S(o) {
   return l(o) ? document.documentElement || document.body : o;
 }
-function d(o) {
+function s(o) {
   if (o == null)
     return null;
   if (o.tagName === "BODY")
     return o.ownerDocument.documentElement;
   const n = window.getComputedStyle(o).overflowY;
-  return n !== "visible" && n !== "hidden" && o.scrollHeight > o.clientHeight ? o : d(o.parentElement);
+  return n !== "visible" && n !== "hidden" && o.scrollHeight > o.clientHeight ? o : s(o.parentElement);
 }
 export {
-  s as findNode,
+  d as findNode,
   g as getContainer,
   S as getContainerElement,
-  d as getScrollParent,
-  w as slide
+  s as getScrollParent,
+  a as slide
 };

package/back-top/index.js

@@ -1,41 +1,40 @@
 import { jsx as r } from "react/jsx-runtime";
 import C from "@unicom-cloud/icons/IconUiToTop";
 import { Tween as v } from "../dist/tween/src/tween.js";
-import { quartOut as k } from "../dist/tween/src/easing.js";
-import x, { forwardRef as y, useRef as B, useContext as E, useState as N, useEffect as H } from "react";
+import x from "../dist/tween/src/easing.js";
+import k, { forwardRef as y, useContext as B, useState as E, useEffect as N } from "react";
 import "../config-provider/ConfigProvider.js";
-import P from "../components/common/hooks/useKeyboardEvent.js";
-import R from "../components/common/hooks/useMergeProps.js";
-import { PqbCSSTransition as S } from "../components/common/utils/PqbCSSTransition.js";
-import q from "@unicom-cloud/utils/class-name";
-import { on as $, off as D } from "../components/common/utils/dom.js";
-import { pickDataAttributes as I } from "../components/common/utils/pick.js";
-import { throttleByRaf as K } from "../components/common/utils/throttleByRaf.js";
-import O from "../config-provider/context.js";
-function U(p, i) {
-  i ||= B();
+import H from "../components/common/hooks/useKeyboardEvent.js";
+import P from "../components/common/hooks/useMergeProps.js";
+import { PqbCSSTransition as R } from "../components/common/utils/PqbCSSTransition.js";
+import S from "@unicom-cloud/utils/class-name";
+import { on as $, off as q } from "../components/common/utils/dom.js";
+import { pickDataAttributes as D } from "../components/common/utils/pick.js";
+import { throttleByRaf as I } from "../components/common/utils/throttleByRaf.js";
+import K from "../config-provider/context.js";
+function O(m, p) {
   const f = {
     visibleHeight: 400,
     tween: !0,
-    easing: k,
+    easing: x.quartOut,
     duration: 400,
     target: () => window
-  }, { getPrefixCls: u, componentConfig: d, rtl: g } = E(O), T = P(), o = R(
-    p,
+  }, { getPrefixCls: u, componentConfig: d, rtl: g } = B(K), T = H(), o = P(
+    m,
     f,
     d?.BackTop
-  ), s = u?.("backtop"), [b, w] = N(!1), l = (e) => e === window ? document.documentElement : e;
-  H(() => {
-    const e = o.target?.(), t = K(() => {
-      const n = o.visibleHeight, a = l(e).scrollTop;
-      w(a >= n);
+  ), s = u?.("backtop"), [b, w] = E(!1), i = (e) => e === window ? document.documentElement : e;
+  N(() => {
+    const e = o.target?.(), t = I(() => {
+      const n = o.visibleHeight, c = i(e).scrollTop;
+      w(c >= n);
     });
     return $(e, "scroll", t), t(), () => {
-      t.cancel?.(), D(e, "scroll", t);
+      t.cancel?.(), q(e, "scroll", t);
     };
   }, [o.target, o.visibleHeight]);
-  const c = () => {
-    const e = o.target?.(), t = l(e), n = t.scrollTop;
+  const l = () => {
+    const e = o.target?.(), t = i(e), n = t.scrollTop;
     window.getComputedStyle(t)?.scrollBehavior === "smooth" || o.tween === !1 ? t.scrollTo(0, 0) : new v({
       from: { scrollTop: n },
       to: { scrollTop: 0 },
@@ -49,20 +48,20 @@ function U(p, i) {
   return /* @__PURE__ */ r(
     "div",
     {
-      ...I(o),
-      ref: i,
-      className: q(
+      ...D(o),
+      ref: p,
+      className: S(
         `${s}`,
         { [`${s}-rtl`]: g },
         o.className
       ),
       style: o.style,
-      onClick: c,
+      onClick: l,
       ...T({
-        onPressEnter: c
+        onPressEnter: l
       }),
       children: /* @__PURE__ */ r(
-        S,
+        R,
         {
           in: b,
           timeout: 100,
@@ -74,11 +73,11 @@ function U(p, i) {
     }
   );
 }
-const m = y(
-  U
+const a = y(
+  O
 );
-m.displayName = "BackTop";
-const _ = x.memo(m);
+a.displayName = "BackTop";
+const Z = k.memo(a);
 export {
-  _ as default
+  Z as default
 };

package/badge/index.js

@@ -1,58 +1,11 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import q from "lodash/isPlainObject";
-import { forwardRef as z, useContext as H, useRef as O, useImperativeHandle as L } from "react";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import _ from "lodash/isPlainObject";
+import { forwardRef as q, useContext as z, useRef as H, useImperativeHandle as L } from "react";
 import "../config-provider/ConfigProvider.js";
-import M from "../components/common/hooks/useMergeProps.js";
-import "@unicom-cloud/utils/case-name";
-import n from "@unicom-cloud/utils/class-name";
-import "../dist/tinycolor/chunk/BOzCVdr0.js";
-import "@unicom-cloud/utils/constant/ui";
-import "../utils/contextHolder.js";
-import "@unicom-cloud/utils/dayjs";
-import "@unicom-cloud/utils/clipboard-copy";
-import "../components/common/utils/dayjs.js";
-import "../components/common/utils/dom.js";
-import "@unicom-cloud/utils/file/fileToURL";
-import "lodash/escapeRegExp";
-import "lodash/isArray";
-import "lodash/isNumber";
-import "lodash/isString";
-import "lodash/isFunction";
-import "lodash/throttle";
-import "../components/common/utils/is.js";
-import "lodash/camelCase";
-import "lodash/capitalize";
-import "lodash/cloneDeep";
-import "lodash/debounce";
-import "lodash/get";
-import "lodash/has";
-import "lodash/kebabCase";
-import "lodash/merge";
-import "lodash/mergeWith";
-import "lodash/set";
-import "lodash/setWith";
-import "lodash/snakeCase";
-import "lodash/startCase";
-import "lodash/uniq";
-import "lodash/upperFirst";
-import "@unicom-cloud/utils/math";
-import { PqbCSSTransition as U } from "../components/common/utils/PqbCSSTransition.js";
-import "../components/common/utils/reactDOM.js";
-import "../dist/react-transition-group/src/CSSTransition.js";
-import "../dist/react-transition-group/src/ReplaceTransition.js";
-import "../dist/react-transition-group/src/SwitchTransition.js";
-import "../dist/react-transition-group/chunk/CPfP7aNL.js";
-import "../dist/react-transition-group/src/TransitionGroup.js";
-import "@unicom-cloud/utils/file/saveAs";
-import "@unicom-cloud/utils/screenfull";
-import "@unicom-cloud/utils/constant/ui.js";
-import "react-is";
-import "@unicom-cloud/utils/tree";
-import "@unicom-cloud/utils/is";
-import { v4 as F } from "uuid";
-import "../dist/validate/src/index.js";
-import "@unicom-cloud/utils/constant/keyboardCode";
-import B from "./Count.js";
+import U from "../components/common/hooks/useMergeProps.js";
+import { PqbCSSTransition as F } from "../components/common/utils/PqbCSSTransition.js";
+import l from "@unicom-cloud/utils/class-name";
+import h from "./Count.js";
 import J from "../config-provider/context.js";
 const f = [
   "red",
@@ -72,164 +25,158 @@ const f = [
   dotAnimation: !0
   // 默认开启 dot 动画
 };
-function Q(P, v) {
-  const { getPrefixCls: A, componentConfig: R, rtl: $ } = H(J), T = M(
-    P,
+function Q(O, B) {
+  const { getPrefixCls: D, componentConfig: P, rtl: $ } = z(J), R = U(
+    O,
     K,
-    R?.Badge
+    P?.Badge
   ), {
-    ribbon: o,
-    count: s,
-    prefixText: g,
-    text: l,
-    className: w,
-    dotClassName: m,
-    dot: b,
-    dotAnimation: x,
-    maxCount: E,
-    color: r,
-    dotStyle: j,
-    offset: I,
-    style: N,
-    status: p,
-    children: u,
-    ...y
-  } = T, d = O(null), C = O(F()), t = A?.("badge"), i = { ...j || {} }, [h, S] = I || [];
-  h && (i.marginRight = -h), S && (i.marginTop = S), L(v, () => ({
-    dom: d.current
+    ribbon: s,
+    count: n,
+    prefixText: b,
+    text: u,
+    className: A,
+    dotClassName: i,
+    dot: g,
+    dotAnimation: C,
+    maxCount: T,
+    color: t,
+    dotStyle: w,
+    offset: E,
+    style: j,
+    status: m,
+    children: N,
+    ...v
+  } = R, p = H(null), e = D?.("badge"), a = { ...w || {} }, [x, y] = E || [];
+  x && (a.marginRight = -x), y && (a.marginTop = y), L(B, () => ({
+    dom: p.current,
+    getRootDOMNode() {
+      return p.current;
+    }
   }));
   const k = () => {
-    if (q(s))
-      return /* @__PURE__ */ e(
+    if (_(n))
+      return /* @__PURE__ */ o(
         "span",
         {
-          className: n(`${t}-custom-dot`, m),
-          style: i,
-          children: s
+          className: l(`${e}-custom-dot`, i),
+          style: a,
+          children: n
         }
       );
-    const a = !r || f.indexOf(r) > -1 ? {} : { backgroundColor: r };
-    return l && !r && !p ? /* @__PURE__ */ e(
+    const r = t ? f.includes(t) : !1, c = !t || r ? {} : { backgroundColor: t };
+    return u && !t && !m ? /* @__PURE__ */ o(
       "span",
       {
-        className: n(`${t}-text`, m),
-        style: i,
-        children: l
+        className: l(`${e}-text`, i),
+        style: a,
+        children: u
       }
-    ) : p || r && typeof s == "number" && s <= 0 ? /* @__PURE__ */ c("span", { className: `${t}-status-wrapper`, children: [
-      !!g && /* @__PURE__ */ e("span", { className: `${t}-status-prefix-text`, children: g }),
-      /* @__PURE__ */ e(
+    ) : m || t && typeof n == "number" && n <= 0 ? /* @__PURE__ */ d("span", { className: `${e}-status-wrapper`, children: [
+      !!b && /* @__PURE__ */ o("span", { className: `${e}-status-prefix-text`, children: b }),
+      /* @__PURE__ */ o(
         "span",
         {
-          className: n(
-            `${t}-status-dot`,
+          style: { ...c, ...a },
+          className: l(
+            `${e}-status-dot`,
             {
-              [`${t}-dot-pulse`]: x,
-              [`${t}-status-${p}`]: p,
-              [`${t}-color-${r}`]: r
+              [`${e}-dot-pulse`]: C,
+              [`${e}-status-${m}`]: m,
+              [`${e}-color-${t}`]: t && r
             },
-            m
-          ),
-          style: { ...a, ...i }
+            i
+          )
         }
       ),
-      !!l && /* @__PURE__ */ e("span", { className: `${t}-status-text`, children: l })
-    ] }) : (b || r) && typeof s == "number" && s > 0 ? /* @__PURE__ */ e(
-      U,
+      !!u && /* @__PURE__ */ o("span", { className: `${e}-status-text`, children: u })
+    ] }) : (g || t) && typeof n == "number" && n > 0 ? /* @__PURE__ */ o(
+      F,
       {
         classNames: "badge-zoom",
-        in: b || !!r,
+        in: g || !!t,
         timeout: 200,
         appear: !0,
         mountOnEnter: !0,
         unmountOnExit: !0,
-        children: /* @__PURE__ */ e(
+        children: /* @__PURE__ */ o(
           "span",
           {
-            className: n(
-              `${t}-dot`,
+            className: l(
+              `${e}-dot`,
               {
-                [`${t}-dot-pulse`]: x,
-                [`${t}-color-${r}`]: r
+                [`${e}-dot-pulse`]: C,
+                [`${e}-color-${t}`]: t && r
               },
-              m
+              i
             ),
-            style: { ...a, ...i }
+            style: { ...c, ...a }
           }
         )
       }
-    ) : /* @__PURE__ */ e(
-      B,
+    ) : /* @__PURE__ */ o(
+      h,
       {
-        prefixCls: t,
-        className: n(`${t}-number`, m),
-        style: { ...a, ...i },
-        maxCount: E,
-        count: s
+        prefixCls: e,
+        className: l(`${e}-number`, i),
+        style: { ...c, ...a },
+        maxCount: T,
+        count: n
       }
     );
   }, G = () => {
-    if (!o || !o.text) return null;
-    const a = o.color ? { backgroundColor: o.color } : {}, _ = o.placement || "end";
-    return /* @__PURE__ */ c(
+    if (!s) return;
+    const r = s.color, c = r ? f.includes(r) : !1, I = {
+      ...c ? {} : { backgroundColor: r },
+      ...s.style
+    }, M = s.placement || "end";
+    return /* @__PURE__ */ d(
       "div",
       {
-        className: n(
-          `${t}-ribbon`,
-          `${t}-ribbon-${_}`,
+        className: l(
+          `${e}-ribbon`,
+          `${e}-ribbon-${M}`,
           {
-            [`${t}-rtl`]: $,
-            [`${t}-color-${o.color}`]: o.color && f.includes(o.color)
-          }
+            [`${e}-rtl`]: $,
+            [`${e}-color-${r}`]: r && c
+          },
+          s.className
         ),
-        style: a,
+        style: I,
         children: [
-          /* @__PURE__ */ e("span", { className: `${t}-ribbon-text`, children: o.text }),
-          /* @__PURE__ */ e("div", { className: `${t}-ribbon-corner` })
+          /* @__PURE__ */ o("span", { className: `${e}-ribbon-text`, children: s.text }),
+          /* @__PURE__ */ o("div", { className: `${e}-ribbon-corner` })
         ]
       }
     );
   };
-  return o ? /* @__PURE__ */ c(
-    "div",
-    {
-      className: `${t}-ribbon-wrapper`,
-      ref: d,
-      style: N,
-      id: C.current,
-      ...y,
-      children: [
-        u,
-        G()
-      ]
-    }
-  ) : /* @__PURE__ */ c(
+  return /* @__PURE__ */ d(
     "span",
     {
-      className: n(
-        t,
+      className: l(
+        e,
         {
-          [`${t}-status`]: p,
-          [`${t}-no-children`]: !u,
-          [`${t}-rtl`]: $
+          [`${e}-status`]: m,
+          [`${e}-no-children`]: !N,
+          [`${e}-rtl`]: $
         },
-        w
+        !!s && `${e}-ribbon-wrapper`,
+        A
       ),
-      ref: d,
-      style: N,
-      id: C.current,
-      ...y,
+      ref: p,
+      style: j,
+      ...v,
       children: [
-        u,
-        k()
+        N,
+        s ? G() : k()
       ]
     }
   );
 }
-const D = z(Q);
-D.displayName = "Badge";
-D.Count = B;
-const Xt = f, Yt = [
+const S = q(Q);
+S.displayName = "Badge";
+S.Count = h;
+const se = f, ne = [
   "default",
   "processing",
   "success",
@@ -237,8 +184,8 @@ const Xt = f, Yt = [
   "error"
 ];
 export {
-  Xt as BADGE_COLORS,
-  Yt as BADGE_STATUS,
-  B as BadgeCount,
-  D as default
+  se as BADGE_COLORS,
+  ne as BADGE_STATUS,
+  h as BadgeCount,
+  S as default
 };