@unicom-cloud/ui 0.8.89 → 0.8.91

package/alert/index.js

@@ -1,102 +1,92 @@
-import { jsx as t, jsxs as d } from "react/jsx-runtime";
-import j from "@unicom-cloud/icons/IconUiCheckCircleFill";
-import k from "@unicom-cloud/icons/IconUiClose";
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import k from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import P from "@unicom-cloud/icons/IconUiClose";
 import R from "@unicom-cloud/icons/IconUiCloseCircleFill";
 import T from "@unicom-cloud/icons/IconUiExclamationCircleFill";
-import g from "@unicom-cloud/icons/IconUiInfoCircleFill";
-import { forwardRef as q, useRef as z, useContext as H, useState as M } from "react";
-import { a as O } from "../chunk/B44Hj5ad.js";
-import { u as V } from "../chunk/BFTV6myl.js";
-import _ from "@unicom-cloud/utils/class-name";
-import { P as B } from "../chunk/NPajzdOv.js";
+import _ from "@unicom-cloud/icons/IconUiInfoCircleFill";
+import { forwardRef as g, useRef as q, useContext as z, useState as H } from "react";
+import "../config-provider/ConfigProvider.js";
+import M from "../components/common/hooks/useMergeProps.js";
+import O from "@unicom-cloud/utils/class-name";
+import { PqbCSSTransition as V } from "../components/common/utils/PqbCSSTransition.js";
+import B from "../config-provider/context.js";
 const D = {
   showIcon: !0,
   type: "info"
 };
-function G(h, c) {
-  c || (c = z());
-  const { getPrefixCls: o, componentConfig: r, rtl: N } = H(O), a = V(
-    h,
+function G(d, r) {
+  r || (r = q());
+  const { getPrefixCls: t, componentConfig: n, rtl: u } = z(B), c = M(
+    d,
     D,
-    r == null ? void 0 : r.Alert
+    n == null ? void 0 : n.Alert
   ), {
-    style: b,
-    className: $,
-    action: m,
-    type: u = "info",
-    title: n,
+    style: N,
+    className: b,
+    action: a,
+    type: m = "info",
+    title: i,
     content: p,
-    icon: f,
-    showIcon: C,
-    closable: I,
-    closeable: w,
+    icon: h,
+    showIcon: $,
+    closable: C,
+    closeable: I,
     afterClose: s,
-    onClose: i,
+    onClose: l,
     closeElement: x,
     banner: v,
-    ...y
-  } = a, e = o == null ? void 0 : o("alert"), [U, A] = M(!0);
-  function E(l) {
-    if (f)
-      return f;
-    switch (l) {
-      case "info":
-        return /* @__PURE__ */ t(g, {});
-      case "success":
-        return /* @__PURE__ */ t(j, {});
-      case "warning":
-        return /* @__PURE__ */ t(T, {});
-      case "error":
-        return /* @__PURE__ */ t(R, {});
-      default:
-        return null;
-    }
-  }
-  function F(l) {
-    A(!1), i == null || i(l);
+    ...w
+  } = c, o = t == null ? void 0 : t("alert"), [y, U] = H(!0), A = h || {
+    info: /* @__PURE__ */ e(_, {}),
+    success: /* @__PURE__ */ e(k, {}),
+    warning: /* @__PURE__ */ e(T, {}),
+    error: /* @__PURE__ */ e(R, {})
+  }[m];
+  function E(j) {
+    U(!1), l == null || l(j);
   }
-  const P = _(
-    e,
-    `${e}-${u}`,
+  const F = O(
+    o,
+    `${o}-${m}`,
     {
-      [`${e}-with-title`]: n,
-      [`${e}-banner`]: v,
-      [`${e}-rtl`]: N
+      [`${o}-with-title`]: i,
+      [`${o}-banner`]: v,
+      [`${o}-rtl`]: u
     },
-    $
-  ), S = "closeable" in a ? w : I;
-  return /* @__PURE__ */ t(
-    B,
+    b
+  ), S = "closeable" in c ? I : C;
+  return /* @__PURE__ */ e(
+    V,
     {
-      in: U,
+      in: y,
       timeout: 300,
       classNames: "zoomInTop",
       unmountOnExit: !0,
       onExited: () => {
         s == null || s();
       },
-      children: /* @__PURE__ */ d(
+      children: /* @__PURE__ */ f(
         "div",
         {
-          ref: c,
-          style: b,
-          className: P,
+          ref: r,
+          style: N,
+          className: F,
           role: "alert",
-          ...y,
+          ...w,
           children: [
-            C && /* @__PURE__ */ t("div", { className: `${e}-icon-wrapper`, children: E(u) }),
-            /* @__PURE__ */ d("div", { className: `${e}-content-wrapper`, children: [
-              n && /* @__PURE__ */ t("div", { className: `${e}-title`, children: n }),
-              p && /* @__PURE__ */ t("div", { className: `${e}-content`, children: p })
+            $ && /* @__PURE__ */ e("div", { className: `${o}-icon-wrapper`, children: A }),
+            /* @__PURE__ */ f("div", { className: `${o}-content-wrapper`, children: [
+              i && /* @__PURE__ */ e("div", { className: `${o}-title`, children: i }),
+              p && /* @__PURE__ */ e("div", { className: `${o}-content`, children: p })
             ] }),
-            m && /* @__PURE__ */ t("div", { className: `${e}-action`, children: m }),
-            S && /* @__PURE__ */ t(
+            a && /* @__PURE__ */ e("div", { className: `${o}-action`, children: a }),
+            S && /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: F,
-                className: `${e}-close-btn`,
-                children: x || /* @__PURE__ */ t(k, {})
+                onClick: E,
+                className: `${o}-close-btn`,
+                children: x || /* @__PURE__ */ e(P, {})
               }
             )
           ]
@@ -105,7 +95,7 @@ function G(h, c) {
     }
   );
 }
-const J = q(G);
+const J = g(G);
 J.displayName = "Alert";
 export {
   J as default

package/anchor/Anchor.js

@@ -1,21 +1,22 @@
 import { jsxs as mt, jsx as w } from "react/jsx-runtime";
-import { compute as dt } from "../utils/computeScrollIntoView.js";
-import { p as pt } from "../chunk/Coz3rCng.js";
+import { compute as pt } from "../dist/compute-scroll-into-view/src/index.js";
+import dt from "../dist/scroll-into-view-if-needed/src/index.js";
 import _ from "lodash/isFunction";
 import E from "lodash/isNumber";
 import gt from "lodash/throttle";
-import { forwardRef as ht, useContext as Ct, useRef as k, useState as kt, useEffect as N, useCallback as S, useImperativeHandle as xt } from "react";
-import yt from "../affix/index.js";
-import { a as Lt } from "../chunk/B44Hj5ad.js";
-import { u as Rt } from "../chunk/oopARUrq.js";
-import { u as wt } from "../chunk/BFTV6myl.js";
-import { u as Nt } from "../chunk/Duezix3m.js";
-import St from "@unicom-cloud/utils/class-name";
-import { on as $t, off as At } from "../utils/dom.js";
-import { l as Tt } from "../chunk/ClM74To2.js";
-import vt from "./context.js";
-import bt from "./Link.js";
-import { findNode as P, getContainerElement as Mt, getContainer as Et, getScrollParent as Pt, slide as Ft } from "./util.js";
+import { forwardRef as ht, useContext as Ct, useRef as k, useState as kt, useEffect as A, useCallback as N, useImperativeHandle as xt } from "react";
+import Lt from "../affix/index.js";
+import "../config-provider/ConfigProvider.js";
+import yt from "../components/common/hooks/useIsFirstRender.js";
+import Rt from "../components/common/hooks/useMergeProps.js";
+import wt from "../components/common/hooks/useStateWithPromise.js";
+import At from "@unicom-cloud/utils/class-name";
+import { on as Nt, off as St } from "../components/common/utils/dom.js";
+import { isWindow as $t } from "../components/common/utils/is.js";
+import Tt from "./context.js";
+import vt from "./Link.js";
+import { findNode as P, getContainerElement as bt, getContainer as Mt, getScrollParent as Et, slide as Pt } from "./util.js";
+import Ft from "../config-provider/context.js";
 const It = {
   animation: !0,
   affix: !0,
@@ -23,10 +24,10 @@ const It = {
   boundary: "start"
 };
 function Ht(G, J) {
-  const { getPrefixCls: $, componentConfig: A, rtl: F } = Ct(Lt), K = wt(
+  const { getPrefixCls: S, componentConfig: $, rtl: F } = Ct(Ft), K = Rt(
     G,
     It,
-    A == null ? void 0 : A.Anchor
+    $ == null ? void 0 : $.Anchor
   ), {
     className: Q,
     style: X,
@@ -41,24 +42,24 @@ function Ht(G, J) {
     boundary: i = "start",
     targetOffset: T,
     children: rt,
-    direction: y = "vertical",
+    direction: L = "vertical",
     onSelect: H,
     onChange: v,
     ...ot
-  } = K, a = $ == null ? void 0 : $("anchor"), it = St(a, Q, {
-    [`${a}-lineless`]: x,
-    [`${a}-rtl`]: F,
-    [`${a}-horizontal`]: y === "horizontal"
-  }), s = k(null), d = k(null), f = k(/* @__PURE__ */ new Map()), b = k(!1), p = k(null), [st, O] = kt(0), [o, ct] = Nt(""), lt = Rt();
+  } = K, f = S == null ? void 0 : S("anchor"), it = At(f, Q, {
+    [`${f}-lineless`]: x,
+    [`${f}-rtl`]: F,
+    [`${f}-horizontal`]: L === "horizontal"
+  }), s = k(null), p = k(null), a = k(/* @__PURE__ */ new Map()), b = k(!1), d = k(null), [st, O] = kt(0), [o, ct] = wt(""), lt = yt();
   function z() {
-    let t = Et(m);
-    return m || (t = Pt(s.current)), t;
+    let t = Mt(m);
+    return m || (t = Et(s.current)), t;
   }
-  N(() => {
+  A(() => {
     const t = z();
-    p.current = t;
+    d.current = t;
   }, [m]);
-  const at = S(() => z(), [m]);
+  const ft = N(() => z(), [m]);
   xt(
     J,
     () => ({
@@ -68,21 +69,21 @@ function Ht(G, J) {
     []
   );
   function B(t, e) {
-    t && (f.current.set(t, e), O(Math.random()));
+    t && (a.current.set(t, e), O(Math.random()));
   }
-  function ft(t) {
-    f.current.delete(t), O(Math.random());
+  function at(t) {
+    a.current.delete(t), O(Math.random());
   }
-  const L = S(
+  const y = N(
     (t) => {
       if (!t || !s.current)
         return;
-      if (!f.current.has(t)) {
+      if (!a.current.has(t)) {
         const n = P(s.current, `a[data-href='${t}']`);
         n && B(t, n);
       }
-      const e = f.current.get(t);
-      e && t !== o && (pt(e, {
+      const e = a.current.get(t);
+      e && t !== o && (dt(e, {
         behavior: "auto",
         block: "nearest",
         scrollMode: "if-needed",
@@ -92,15 +93,15 @@ function Ht(G, J) {
       }));
     },
     [o, v]
-  ), U = S(() => {
+  ), U = N(() => {
     let t;
-    const e = E(i) ? i : 0, n = p.current, h = Mt(n).getBoundingClientRect(), R = document.documentElement.clientHeight;
-    return [...f.current.keys()].some((M) => {
+    const e = E(i) ? i : 0, n = d.current, h = bt(n).getBoundingClientRect(), R = document.documentElement.clientHeight;
+    return [...a.current.keys()].some((M) => {
       const c = P(document, M);
       let u = !1;
       if (c) {
         const { top: r, height: C } = c.getBoundingClientRect();
-        if (Tt(n)) {
+        if ($t(n)) {
           const l = T ?? R / 2;
           u = r >= e && r <= l || r <= e && r + C >= l;
         } else {
@@ -111,7 +112,7 @@ function Ht(G, J) {
       }
       return u;
     }), t;
-  }, [i, T]), g = S(
+  }, [i, T]), g = N(
     gt(
       (t) => {
         if (b.current)
@@ -119,13 +120,13 @@ function Ht(G, J) {
         const e = U();
         if (e && e.id) {
           const n = `#${e.id}`;
-          L(n);
+          y(n);
         }
       },
       30,
       { trailing: !0 }
     ),
-    [U, L]
+    [U, y]
   );
   function V(t) {
     if (t)
@@ -133,15 +134,15 @@ function Ht(G, J) {
         const e = P(document, t);
         if (!e)
           return;
-        const n = E(i) ? "start" : i, j = E(i) ? i : 0, h = dt(e, { block: n });
+        const n = E(i) ? "start" : i, j = E(i) ? i : 0, h = pt(e, { block: n });
         if (!h.length)
           return;
         let R = !1;
         const M = h.map(({ el: c, top: u }) => new Promise((r) => {
           if (!R) {
-            c === p.current && (R = !0);
+            c === d.current && (R = !0);
             const C = u - j;
-            return Y ? Ft(c, C, r) : (I || (c.scrollTop = C), r(null));
+            return Y ? Pt(c, C, r) : (I || (c.scrollTop = C), r(null));
           }
           r(null);
         }));
@@ -155,47 +156,48 @@ function Ht(G, J) {
       }
   }
   function ut(t, e) {
-    I || t.preventDefault(), L(e), V(e), _(H) && H(e, o);
+    I || t.preventDefault(), y(e), V(e), _(H) && H(e, o);
   }
-  N(() => {
+  A(() => {
     const t = decodeURIComponent(location.hash);
-    t ? (L(t), V(t)) : g(null);
-  }, []), N(() => (lt || g(null), $t(p.current, "scroll", g), () => {
-    At(p.current, "scroll", g);
-  }), [m, g]), N(() => {
-    const t = f.current.get(o);
-    t && !x && d.current && (y === "horizontal" ? (d.current.style.left = `${t.offsetLeft}px`, d.current.style.width = `${t.clientWidth}px`) : d.current.style.top = `${t.offsetTop}px`);
-  }, [o, x, y, F, st]);
+    t ? (y(t), V(t)) : g(null);
+  }, []), A(() => (lt || g(null), Nt(d.current, "scroll", g), () => {
+    St(d.current, "scroll", g);
+  }), [m, g]), A(() => {
+    const t = a.current.get(o);
+    t && !x && p.current && (L === "horizontal" ? (p.current.style.left = `${t.offsetLeft}px`, p.current.style.width = `${t.clientWidth}px`) : p.current.style.top = `${t.offsetTop}px`);
+  }, [o, x, L, F, st]);
   const W = /* @__PURE__ */ mt("div", { className: it, style: X, ref: s, ...ot, children: [
-    !x && o && /* @__PURE__ */ w("div", { className: `${a}-line-slider`, ref: d }),
+    !x && o && /* @__PURE__ */ w("div", { className: `${f}-line-slider`, ref: p }),
     /* @__PURE__ */ w(
-      vt.Provider,
+      Tt.Provider,
       {
         value: {
-          direction: y,
+          direction: L,
           currentLink: o,
           addLink: B,
-          removeLink: ft,
+          removeLink: at,
           onLinkClick: ut
         },
-        children: /* @__PURE__ */ w("div", { className: `${a}-list`, children: rt })
+        children: /* @__PURE__ */ w("div", { className: `${f}-list`, children: rt })
       }
     )
   ] });
   return Z ? /* @__PURE__ */ w(
-    yt,
+    Lt,
     {
       offsetTop: nt,
       offsetBottom: et,
       style: tt,
-      target: at,
+      target: ft,
       children: W
     }
   ) : W;
 }
 const Ot = ht(Ht), q = Ot;
 q.displayName = "Anchor";
-q.Link = bt;
+q.Link = vt;
 export {
+  vt as AnchorLink,
   q as default
 };

package/anchor/Link.js

@@ -4,10 +4,11 @@ import E from "lodash/isPlainObject";
 import L from "lodash/isString";
 import O from "lodash/isUndefined";
 import $, { forwardRef as b, useContext as p, useRef as v, useImperativeHandle as w, useEffect as I, isValidElement as M } from "react";
-import { a as S } from "../chunk/B44Hj5ad.js";
-import { u as g } from "../chunk/BFTV6myl.js";
-import z from "@unicom-cloud/utils/class-name";
-import D from "./context.js";
+import "../config-provider/ConfigProvider.js";
+import S from "../components/common/hooks/useMergeProps.js";
+import g from "@unicom-cloud/utils/class-name";
+import z from "./context.js";
+import D from "../config-provider/context.js";
 const u = "AnchorLink", H = {
   href: "#"
 };
@@ -15,19 +16,19 @@ function U(o) {
   return E(o) && Object.prototype.hasOwnProperty.call(o, "displayName");
 }
 function V(o, d) {
-  const { getPrefixCls: n, componentConfig: s } = p(S), { className: h, style: N, href: r, title: e, children: f, ...x } = g(
+  const { getPrefixCls: n, componentConfig: s } = p(D), { className: h, style: N, href: r, title: e, children: f, ...x } = S(
     o,
     H,
     s == null ? void 0 : s["Anchor.Link"]
-  ), y = p(D), { currentLink: C, addLink: a, removeLink: i, onLinkClick: c, direction: A } = y, l = n == null ? void 0 : n("anchor-link"), j = z(
+  ), y = p(z), { currentLink: C, addLink: i, removeLink: a, onLinkClick: c, direction: A } = y, l = n == null ? void 0 : n("anchor-link"), j = g(
     l,
     {
       [`${l}-active`]: C === r
     },
     h
   ), m = v(null);
-  return w(d, () => m.current, []), I(() => (a == null || a(r, m.current), () => {
-    i == null || i(r);
+  return w(d, () => m.current, []), I(() => (i == null || i(r, m.current), () => {
+    a == null || a(r);
   }), [r]), /* @__PURE__ */ k("div", { className: j, style: N, ref: m, ...x, children: [
     !O(e) && !R(e) && /* @__PURE__ */ P(
       "a",

package/anchor/index.js

@@ -1,4 +1,6 @@
 import r from "./Anchor.js";
+import { default as n } from "./Link.js";
 export {
+  n as AnchorLink,
   r as default
 };

package/anchor/util.js

@@ -1,7 +1,8 @@
-import { y as l, q as u } from "../chunk/BNevupAU.js";
+import { Tween as u } from "../dist/tween/src/tween.js";
+import { quartOut as l } from "../dist/tween/src/easing.js";
 import i from "lodash/isString";
-import { l as c } from "../chunk/ClM74To2.js";
-function d(o, n) {
+import { isWindow as c } from "../components/common/utils/is.js";
+function s(o, n) {
   const r = i(n) && n[0] === "#" ? `[id='${n.replace("#", "")}']` : n;
   try {
     return o.querySelector(r);
@@ -10,14 +11,14 @@ function d(o, n) {
   }
 }
 function w(o, n, r) {
-  new l({
+  new u({
     from: {
       scrollTop: o.scrollTop
     },
     to: {
       scrollTop: n
     },
-    easing: u,
+    easing: l,
     duration: 300,
     onUpdate: (e) => {
       o.scrollTop = e.scrollTop;
@@ -27,24 +28,24 @@ function w(o, n, r) {
     }
   }).start();
 }
-function a(o) {
-  return i(o) ? d(document, o) : o || window;
-}
 function g(o) {
+  return i(o) ? s(document, o) : o || window;
+}
+function S(o) {
   return c(o) ? document.documentElement || document.body : o;
 }
-function s(o) {
+function d(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 : s(o.parentElement);
+  return n !== "visible" && n !== "hidden" && o.scrollHeight > o.clientHeight ? o : d(o.parentElement);
 }
 export {
-  d as findNode,
-  a as getContainer,
-  g as getContainerElement,
-  s as getScrollParent,
+  s as findNode,
+  g as getContainer,
+  S as getContainerElement,
+  d as getScrollParent,
   w as slide
 };