@unicom-cloud/ui 0.8.54 → 0.8.56

package/chunk/{DbtCtriE.js → DxNRWF67.js}

@@ -1,76 +1,75 @@
 import { jsx as n, jsxs as K } from "react/jsx-runtime";
-import j from "@unicom-cloud/icons/IconUiLeft";
-import q from "@unicom-cloud/icons/IconUiRight";
+import { a as j, I as q } from "./D9TqtOhq.js";
 import X from "lodash/isArray";
-import w from "lodash/isNumber";
+import y from "lodash/isNumber";
 import { createContext as Y, forwardRef as Z, useContext as ee, useState as re, useRef as A, useEffect as F, useMemo as te } from "react";
-import { a as ie } from "./xPzFRQJn.js";
+import { b as ie } from "./DUxWiN2U.js";
 import se from "../hooks/useMergeValue.js";
 import oe from "../ResizeBox.js";
-import H from "@unicom-cloud/utils/class-name";
+import { y as H } from "./Do1aMgY3.js";
 import L, { responsiveMap as ne } from "../utils/responsiveObserve.js";
 const le = Y({
   siderCollapsed: !1,
   collapsedWidth: 64
 }), ae = /* @__PURE__ */ (() => {
   let i = 0;
-  return (m = "") => (i += 1, `${m}${i}`);
+  return (f = "") => (i += 1, `${f}${i}`);
 })();
-function ce(i, m) {
+function ce(i, f) {
   var T;
   const {
     children: D,
     className: E,
     style: G,
-    theme: y = "light",
-    trigger: f,
-    reverseArrow: R,
+    theme: N = "light",
+    trigger: g,
+    reverseArrow: I,
     collapsedWidth: r = 48,
-    width: g = 200,
+    width: m = 200,
     collapsible: h,
     resizeDirections: c,
     onSiderMount: v,
     onSiderUnmount: C,
-    breakpoint: W,
+    breakpoint: R,
     onBreakpoint: O,
     onCollapse: d,
     resizeBoxProps: t = {}
-  } = i, _ = ae("pqb-sider-"), { getPrefixCls: P } = ee(ie), s = P("layout-sider"), [e, I] = se(!1, {
+  } = i, W = ae("pqb-sider-"), { getPrefixCls: P } = ee(ie), s = P("layout-sider"), [e, _] = se(!1, {
     value: "collapsed" in i ? i.collapsed : void 0,
     defaultValue: i.defaultCollapsed
-  }), $ = w(g) ? `${g}px` : String(g), Q = w(r) ? `${r}` : String(r), [p, k] = re(
-    e ? Q : $
-  ), b = A(null), M = A(null);
+  }), b = y(m) ? `${m}px` : String(m), Q = y(r) ? `${r}` : String(r), [p, k] = re(
+    e ? Q : b
+  ), $ = A(null), M = A(null);
   M.current = {
-    breakpoint: W,
+    breakpoint: R,
     collapsed: e,
     onCollapse: d,
     onBreakpoint: O
-  }, F(() => (v == null || v(_), h && W in ne && (b.current = L.subscribe(
+  }, F(() => (v == null || v(W), h && R in ne && ($.current = L.subscribe(
     (o, l) => {
-      const { breakpoint: a, collapsed: J, onCollapse: S, onBreakpoint: N } = M.current;
+      const { breakpoint: a, collapsed: J, onCollapse: S, onBreakpoint: w } = M.current;
       if (!l || l === a) {
         const u = !o[a];
-        u !== J && (I(u), S == null || S(u, "responsive")), N == null || N(u);
+        u !== J && (_(u), S == null || S(u, "responsive")), w == null || w(u);
       }
     }
   )), () => {
-    C == null || C(_), b.current && L.unsubscribe(b.current);
+    C == null || C(W), $.current && L.unsubscribe($.current);
   }), []), F(() => {
-    const o = w(r) ? `${r}px` : String(r);
-    k(e ? o : $);
-  }, [e, $, r]);
+    const o = y(r) ? `${r}px` : String(r);
+    k(e ? o : b);
+  }, [e, b, r]);
   const x = c && X(c) || ((T = t.directions) == null ? void 0 : T.length), U = x ? oe : "aside", z = () => {
-    const o = f || (e ? R ? /* @__PURE__ */ n(j, {}) : /* @__PURE__ */ n(q, {}) : R ? /* @__PURE__ */ n(q, {}) : /* @__PURE__ */ n(j, {}));
-    return h && f !== null ? /* @__PURE__ */ n(
+    const o = g || (e ? I ? /* @__PURE__ */ n(j, {}) : /* @__PURE__ */ n(q, {}) : I ? /* @__PURE__ */ n(q, {}) : /* @__PURE__ */ n(j, {}));
+    return h && g !== null ? /* @__PURE__ */ n(
       "div",
       {
         style: { width: p },
         className: H(`${s}-trigger`, {
-          [`${s}-trigger-light`]: y === "light"
+          [`${s}-trigger-light`]: N === "light"
         }),
         onClick: () => {
-          I(!e), d == null || d(!e, "clickTrigger");
+          _(!e), d == null || d(!e, "clickTrigger");
         },
         children: o
       }
@@ -95,7 +94,7 @@ function ce(i, m) {
       children: /* @__PURE__ */ K(
         U,
         {
-          ref: m,
+          ref: f,
           style: {
             width: p,
             ...G
@@ -103,8 +102,8 @@ function ce(i, m) {
           className: H(
             s,
             {
-              [`${s}-light`]: y === "light",
-              [`${s}-has-trigger`]: f !== null && h,
+              [`${s}-light`]: N === "light",
+              [`${s}-has-trigger`]: g !== null && h,
               [`${s}-collapsed`]: e
             },
             E

package/chunk/JnyGFb5j.js

@@ -0,0 +1,284 @@
+import { jsxs as it, jsx as M } from "react/jsx-runtime";
+import { y as vt, t as At } from "./CnY8SvgY.js";
+import ot from "lodash/isFunction";
+import q from "lodash/isNumber";
+import $t from "lodash/throttle";
+import Rt, { createContext as Tt, forwardRef as ct, useContext as _, useRef as N, useImperativeHandle as st, useEffect as O, isValidElement as Pt, useState as bt, useCallback as D } from "react";
+import Et from "../Affix.js";
+import { b as lt } from "./DUxWiN2U.js";
+import Mt from "../hooks/useIsFirstRender.js";
+import at from "../hooks/useMergeProps.js";
+import Ot from "../hooks/useStateWithPromise.js";
+import { y as ut } from "./Do1aMgY3.js";
+import { on as It, off as Ft } from "../utils/dom.js";
+import { isWindow as ft } from "../utils/is.js";
+import Ht from "lodash/isNull";
+import Dt from "lodash/isPlainObject";
+import G from "lodash/isString";
+import Ut from "lodash/isUndefined";
+import { I as jt, q as zt } from "./CkAOsst1.js";
+const mt = Tt({
+  direction: "vertical",
+  currentLink: "",
+  onLinkClick: () => {
+  },
+  addLink: () => {
+  },
+  removeLink: () => {
+  }
+}), dt = "AnchorLink", Bt = {
+  href: "#"
+};
+function Vt(e) {
+  return Dt(e) && Object.prototype.hasOwnProperty.call(e, "displayName");
+}
+function Yt(e, r) {
+  const { getPrefixCls: c, componentConfig: s } = _(lt), { className: y, style: j, href: l, title: m, children: u, ...z } = at(
+    e,
+    Bt,
+    s == null ? void 0 : s["Anchor.Link"]
+  ), C = _(mt), { currentLink: B, addLink: L, removeLink: S, onLinkClick: v, direction: I } = C, o = c("anchor-link"), A = ut(
+    o,
+    {
+      [`${o}-active`]: B === l
+    },
+    y
+  ), $ = N(null);
+  return st(r, () => $.current, []), O(() => (L == null || L(l, $.current), () => {
+    S == null || S(l);
+  }), [l]), /* @__PURE__ */ it("div", { className: A, style: j, ref: $, ...z, children: [
+    !Ut(m) && !Ht(m) && /* @__PURE__ */ M(
+      "a",
+      {
+        className: `${o}-title`,
+        title: G(m) ? m : "",
+        href: l,
+        "data-href": l,
+        onClick: (i) => {
+          v == null || v(i, l);
+        },
+        children: m
+      }
+    ),
+    u && I !== "horizontal" && Rt.Children.map(u, (i) => Pt(i) && Vt(i.type) && i.type.displayName === dt && i)
+  ] });
+}
+const pt = ct(Yt);
+pt.displayName = dt;
+function U(e, r) {
+  const c = G(r) && r[0] === "#" ? `[id='${r.replace("#", "")}']` : r;
+  try {
+    return e.querySelector(c);
+  } catch (s) {
+    return console.error(s), null;
+  }
+}
+function Wt(e, r, c) {
+  new jt({
+    from: {
+      scrollTop: e.scrollTop
+    },
+    to: {
+      scrollTop: r
+    },
+    easing: zt,
+    duration: 300,
+    onUpdate: (y) => {
+      e.scrollTop = y.scrollTop;
+    },
+    onFinish: () => {
+      c == null || c();
+    }
+  }).start();
+}
+function qt(e) {
+  return G(e) ? U(document, e) : e || window;
+}
+function _t(e) {
+  return ft(e) ? document.documentElement || document.body : e;
+}
+function ht(e) {
+  if (e == null)
+    return null;
+  if (e.tagName === "BODY")
+    return e.ownerDocument.documentElement;
+  const r = window.getComputedStyle(e).overflowY;
+  return r !== "visible" && r !== "hidden" && e.scrollHeight > e.clientHeight ? e : ht(e.parentElement);
+}
+const Gt = {
+  animation: !0,
+  affix: !0,
+  hash: !0,
+  boundary: "start"
+};
+function Jt(e, r) {
+  const { getPrefixCls: c, componentConfig: s, rtl: y } = _(lt), j = at(
+    e,
+    Gt,
+    s == null ? void 0 : s.Anchor
+  ), {
+    className: l,
+    style: m,
+    scrollContainer: u,
+    animation: z = !0,
+    lineless: C,
+    affix: B = !0,
+    affixStyle: L,
+    offsetBottom: S,
+    offsetTop: v,
+    hash: I = !0,
+    boundary: o = "start",
+    targetOffset: A,
+    children: $,
+    direction: i = "vertical",
+    onSelect: J,
+    onChange: V,
+    ...yt
+  } = j, k = c("anchor"), Ct = ut(k, l, {
+    [`${k}-lineless`]: C,
+    [`${k}-rtl`]: y,
+    [`${k}-horizontal`]: i === "horizontal"
+  }), d = N(null), R = N(null), w = N(/* @__PURE__ */ new Map()), Y = N(!1), T = N(null), [kt, K] = bt(0), [f, wt] = Ot(""), xt = Mt();
+  function Q() {
+    let t = qt(u);
+    return u || (t = ht(d.current)), t;
+  }
+  O(() => {
+    const t = Q();
+    T.current = t;
+  }, [u]);
+  const Nt = D(() => Q(), [u]);
+  st(
+    r,
+    () => ({
+      dom: d.current,
+      getRootDOMNode: () => d.current
+    }),
+    []
+  );
+  function X(t, n) {
+    t && (w.current.set(t, n), K(Math.random()));
+  }
+  function Lt(t) {
+    w.current.delete(t), K(Math.random());
+  }
+  const F = D(
+    (t) => {
+      if (!t || !d.current) return;
+      if (!w.current.has(t)) {
+        const p = U(d.current, `a[data-href='${t}']`);
+        p && X(t, p);
+      }
+      const n = w.current.get(t);
+      n && t !== f && (vt(n, {
+        behavior: "instant",
+        block: "nearest",
+        scrollMode: "if-needed",
+        boundary: d.current
+      }), wt(t).then(() => {
+        ot(V) && V(t, f);
+      }));
+    },
+    [f, V]
+  ), Z = D(() => {
+    let t;
+    const n = q(o) ? o : 0, p = T.current, b = _t(p).getBoundingClientRect(), H = document.documentElement.clientHeight;
+    return [...w.current.keys()].some((W) => {
+      const h = U(document, W);
+      let x = !1;
+      if (h) {
+        const { top: a, height: E } = h.getBoundingClientRect();
+        if (ft(p)) {
+          const g = A ?? H / 2;
+          x = a >= n && a <= g || a <= n && a + E >= g;
+        } else {
+          const g = a - b.top - n, rt = A ?? b.height / 2;
+          x = g >= 0 && g <= rt || g <= 0 && g + E >= rt;
+        }
+        x && (t = h);
+      }
+      return x;
+    }), t;
+  }, [o, A]), P = D(
+    $t(
+      () => {
+        if (Y.current) return;
+        const t = Z();
+        if (t && t.id) {
+          const n = `#${t.id}`;
+          F(n);
+        }
+      },
+      30,
+      { trailing: !0 }
+    ),
+    [Z, F]
+  );
+  function tt(t) {
+    if (t)
+      try {
+        const n = U(document, t);
+        if (!n) return;
+        const p = q(o) ? "start" : o, nt = q(o) ? o : 0, b = At(n, { block: p });
+        if (!b.length) return;
+        let H = !1;
+        const W = b.map(({ el: h, top: x }) => new Promise((a) => {
+          if (!H) {
+            h === T.current && (H = !0);
+            const E = x - nt;
+            return z ? Wt(h, E, a) : (I || (h.scrollTop = E), a(null));
+          }
+          a(null);
+        }));
+        Y.current = !0, Promise.all(W).then(() => {
+          Y.current = !1;
+        });
+      } catch (n) {
+        console.error(n);
+      }
+  }
+  function St(t, n) {
+    I || t.preventDefault(), F(n), tt(n), ot(J) && J(n, f);
+  }
+  O(() => {
+    const t = decodeURIComponent(location.hash);
+    t ? (F(t), tt(t)) : P();
+  }, []), O(() => (xt || P(), It(T.current, "scroll", P), () => {
+    Ft(T.current, "scroll", P);
+  }), [u, P]), O(() => {
+    const t = w.current.get(f);
+    t && !C && R.current && (i === "horizontal" ? (R.current.style.left = `${t.offsetLeft}px`, R.current.style.width = `${t.clientWidth}px`) : R.current.style.top = `${t.offsetTop}px`);
+  }, [f, C, i, y, kt]);
+  const et = /* @__PURE__ */ it("div", { className: Ct, style: m, ref: d, ...yt, children: [
+    !C && f && /* @__PURE__ */ M("div", { className: `${k}-line-slider`, ref: R }),
+    /* @__PURE__ */ M(
+      mt.Provider,
+      {
+        value: {
+          direction: i,
+          currentLink: f,
+          addLink: X,
+          removeLink: Lt,
+          onLinkClick: St
+        },
+        children: /* @__PURE__ */ M("div", { className: `${k}-list`, children: $ })
+      }
+    )
+  ] });
+  return B ? /* @__PURE__ */ M(
+    Et,
+    {
+      offsetTop: v,
+      offsetBottom: S,
+      style: L,
+      target: Nt,
+      children: et
+    }
+  ) : et;
+}
+const Kt = ct(Jt), gt = Kt;
+gt.displayName = "Anchor";
+gt.Link = pt;
+export {
+  gt as A
+};