@unicom-cloud/ui 0.8.108 → 0.8.110

package/chunk/n1tirBXA.js

@@ -0,0 +1,470 @@
+import { jsxs as Q, jsx as n, Fragment as Ee } from "react/jsx-runtime";
+import Ke from "@unicom-cloud/icons/IconUiMenuFold";
+import De from "@unicom-cloud/icons/IconUiMenuUnfold";
+import Re from "lodash/isPlainObject";
+import H, { useContext as A, useState as me, forwardRef as fe, useEffect as oe, useRef as ne, useMemo as _e } from "react";
+import { a as he } from "./BcEZk8pT.js";
+import { u as Ae } from "./BJeTDXdz.js";
+import { u as te } from "./BGJspFG9.js";
+import { u as Te } from "./Bvxzb1wd.js";
+import { u as Ue } from "./FgWHhRFz.js";
+import { u as Z } from "./2vdCeheu.js";
+import { SiderContext as Le } from "../layout/Sider.js";
+import U from "@unicom-cloud/utils/class-name";
+import { o as Y } from "./BKKEev13.js";
+import z from "../menu/context.js";
+import ze from "../menu/Item.js";
+import Be from "../menu/ItemGroup.js";
+import { r as He } from "./B8W1N4er.js";
+import { getStyle as ue } from "../utils/style.js";
+import ge from "@unicom-cloud/icons/IconUiDown";
+import { u as Ve } from "./BG6j6Ct7.js";
+import Ce from "../menu/Indent.js";
+import { isChildrenSelected as Me, processChildren as ye, PROPS_NEED_TO_BE_PASSED_IN_SUBMENU as We, generateInfoMap as Fe } from "../menu/util.js";
+import { P as je } from "./B--6x-RL.js";
+import { Enter as be, ArrowLeft as qe, ArrowRight as Ge } from "@unicom-cloud/utils/constant/keyboardCode";
+import { p as Qe } from "./ClqoGc3r.js";
+import Ye from "@unicom-cloud/icons/IconUiLeft";
+import Je from "@unicom-cloud/icons/IconUiRight";
+import Xe from "../dropdown/index.js";
+const ee = { height: 0, visibility: "hidden" }, Ze = (t) => {
+  const {
+    _key: i,
+    children: S,
+    style: N,
+    className: y,
+    title: g,
+    level: a,
+    forwardedRef: b,
+    selectable: C,
+    ...O
+  } = t, {
+    id: u,
+    prefixCls: M,
+    levelIndent: p,
+    openKeys: k = [],
+    selectedKeys: R = [],
+    icons: e,
+    onClickSubMenu: s,
+    onClickMenuItem: l
+  } = A(z), d = `${M}-inline`, c = k?.indexOf(i) > -1, h = C && R.indexOf(t._key) > -1 || Me(S, R), [w, r] = Ve(
+    c ? { height: "auto" } : ee
+  ), $ = (m) => {
+    s(i, a, "inline"), C && l(i, m);
+  }, I = te(`${u}-submenu-inline`), E = ye(S, {
+    ...Qe(O, We),
+    level: a + 1,
+    selectable: C
+  }), K = /* @__PURE__ */ Q(
+    "div",
+    {
+      tabIndex: 0,
+      "aria-expanded": c,
+      "aria-controls": I,
+      className: U(`${d}-header`, {
+        [`${M}-selected`]: h
+      }),
+      onClick: $,
+      onKeyDown: (m) => {
+        m.key === be.key && $(m);
+      },
+      children: [
+        /* @__PURE__ */ n(
+          Ce,
+          {
+            level: a,
+            prefixCls: M,
+            levelIndent: p
+          }
+        ),
+        /* @__PURE__ */ n("span", { children: g }),
+        /* @__PURE__ */ n("span", { className: `${M}-icon-suffix ${c ? "is-open" : ""}`, children: e && e.horizontalArrowDown ? e.horizontalArrowDown : /* @__PURE__ */ n(ge, {}) })
+      ]
+    }
+  ), L = /* @__PURE__ */ n(
+    "div",
+    {
+      id: I,
+      className: U(`${d}-content`),
+      style: w,
+      children: E
+    }
+  );
+  return /* @__PURE__ */ Q(
+    "div",
+    {
+      ref: b,
+      className: U(d, y),
+      style: N,
+      ...Y(O, ["key", "popup", "triggerProps"]),
+      children: [
+        K,
+        /* @__PURE__ */ n(
+          je,
+          {
+            in: c,
+            timeout: 200,
+            classNames: d,
+            unmountOnExit: !1,
+            onEnter: async (m) => {
+              m && (await r(ee), await r({ height: m.scrollHeight }));
+            },
+            onEntered: () => {
+              r({ height: "auto" });
+            },
+            onExit: async (m) => {
+              m && (await r({ height: m.scrollHeight }), await r(ee));
+            },
+            children: L
+          }
+        )
+      ]
+    }
+  );
+}, en = (t) => {
+  const {
+    _key: i,
+    children: S,
+    style: N,
+    className: y,
+    title: g,
+    level: a,
+    selectable: b,
+    forwardedRef: C,
+    triggerProps: O,
+    ...u
+  } = t, {
+    id: M,
+    prefixCls: p,
+    mode: k,
+    inDropdown: R,
+    levelIndent: e,
+    selectedKeys: s = [],
+    icons: l,
+    triggerProps: d,
+    onClickSubMenu: c,
+    onClickMenuItem: h
+  } = A(z), { rtl: w } = A(he), r = { ...d, ...O }, [$, I] = me(!1), E = `${p}-pop`, K = b && s.indexOf(t._key) > -1, L = k === "horizontal" && !R, m = te(`${M}-submenu-pop`), V = () => {
+    const x = l && l.popArrowRight ? l.popArrowRight : w ? /* @__PURE__ */ n(Ye, {}) : /* @__PURE__ */ n(Je, {}), f = l && l.horizontalArrowDown ? l.horizontalArrowDown : /* @__PURE__ */ n(ge, {});
+    return /* @__PURE__ */ n("span", { className: `${p}-icon-suffix`, children: L ? f : x });
+  }, W = Me(S, s) || K, F = w ? ["br", "lt"] : ["bl", "rt"], j = (x) => {
+    c(i, a, "pop"), b && h(i, x);
+  };
+  return /* @__PURE__ */ n(
+    Xe,
+    {
+      trigger: "hover",
+      popupVisible: $,
+      onVisibleChange: I,
+      droplist: /* @__PURE__ */ n(
+        B,
+        {
+          id: m,
+          selectedKeys: s,
+          onClickMenuItem: (x, f) => {
+            h(x, f), I(!1);
+          },
+          children: S
+        }
+      ),
+      triggerProps: {
+        position: L ? F[0] : F[1],
+        showArrow: !0,
+        autoAlignPopupMinWidth: !0,
+        classNames: "fadeIn",
+        duration: 100,
+        mouseEnterDelay: 50,
+        mouseLeaveDelay: 50,
+        className: U(
+          `${E}-trigger`,
+          r && r.className
+        ),
+        ...Y(r, ["className"])
+      },
+      children: /* @__PURE__ */ Q(
+        "div",
+        {
+          tabIndex: 0,
+          "aria-haspopup": !0,
+          "aria-expanded": $,
+          "aria-controls": m,
+          ref: C,
+          style: N,
+          className: U(
+            E,
+            `${E}-header`,
+            {
+              [`${p}-selected`]: W
+            },
+            y
+          ),
+          onClick: j,
+          onKeyDown: (x) => {
+            const f = x.key;
+            f === be.key ? j(x) : f === qe.key ? I(!1) : f === Ge.key && I(!0);
+          },
+          ...Y(u, ["key", "popup"]),
+          children: [
+            /* @__PURE__ */ n(
+              Ce,
+              {
+                prefixCls: p,
+                levelIndent: e,
+                level: a
+              }
+            ),
+            g,
+            V(),
+            W && k === "horizontal" ? /* @__PURE__ */ n("div", { className: `${p}-selected-label` }) : null
+          ]
+        }
+      )
+    }
+  );
+};
+function nn(t, i) {
+  const { children: S, popup: N, level: y } = t, { mode: g, collapse: a, inDropdown: b, collectInlineMenuKeys: C } = A(z), M = !!(typeof N == "function" ? N(y) : N) || a || b || g !== "vertical" ? en : Ze;
+  return oe(() => (C(t._key), () => {
+    C(t._key, !0);
+  }), []), /* @__PURE__ */ n(M, { forwardedRef: i, ...t, children: S });
+}
+const on = fe(nn), J = on;
+J.displayName = "SubMenu";
+J.menuType = "SubMenu";
+const tn = 5;
+function pe(t) {
+  return t && Math.ceil(+t.getBoundingClientRect().width);
+}
+function de(t) {
+  const i = Number(t.replace("px", ""));
+  return isNaN(i) ? 0 : i;
+}
+const rn = (t) => {
+  const { children: i, ellipsisText: S = "···", onEllipsisChange: N } = t, { prefixCls: y } = A(z), g = ne(null), [a, b] = me(null), C = `${y}-overflow-sub-menu`, O = `${y}-overflow-hidden-menu-item`, u = `${y}-overflow-sub-menu-mirror`, M = (e) => {
+    if (e !== a) {
+      const s = H.Children.toArray(i), l = e === null;
+      N?.({
+        lastVisibleIndex: l ? s.length - 1 : e,
+        overflowNodes: l ? [] : s.slice(e + 1)
+      }), b(e);
+    }
+  };
+  function p() {
+    if (!g.current)
+      return;
+    const e = g.current, s = pe(e) - tn, l = [].slice.call(e.children);
+    let d = 0, c = 0, h = 0;
+    for (let w = 0; w < l.length; w++) {
+      const r = l[w], $ = r.className.split(" "), I = $.indexOf(C) > -1, E = $.indexOf(u) > -1;
+      if (I)
+        continue;
+      const K = pe(r) + de(ue(r, "marginLeft")) + de(ue(r, "marginRight"));
+      if (E) {
+        h = K;
+        continue;
+      }
+      if (c += K, c > s) {
+        M(
+          // 判断如果将最后一个菜单项换为 ... 是否会超出宽度
+          d - (c - K + h <= s ? 1 : 2)
+        );
+        return;
+      }
+      d++;
+    }
+    M(null);
+  }
+  const k = (e, s = !1) => /* @__PURE__ */ n(
+    J,
+    {
+      title: /* @__PURE__ */ n("span", { children: S }),
+      className: s ? u : C,
+      children: e
+    },
+    `pqb-menu-overflow-sub-menu${s ? "-mirror" : ""}`
+  ), R = () => {
+    let e = null;
+    const s = k(null, !0), l = H.Children.map(i, (d, c) => {
+      let h = d;
+      if (a !== null && (c > a && (h = H.cloneElement(d, {
+        className: U(
+          O,
+          d?.props?.className
+        )
+      })), c === a + 1)) {
+        const w = H.Children.toArray(i).slice(a + 1).map(
+          (r) => H.cloneElement(r, {
+            key: r.props._key
+          })
+        );
+        e = k(w);
+      }
+      return h;
+    }) ?? [];
+    return [s, ...l, e];
+  };
+  return oe(() => {
+    const e = He([g.current], p);
+    return () => {
+      e();
+    };
+  }, [g.current]), /* @__PURE__ */ n("div", { className: `${y}-overflow-wrap`, ref: g, children: R() });
+}, sn = "light", ln = {
+  mode: "vertical",
+  selectable: !0,
+  ellipsis: !0
+};
+function cn(t, i) {
+  const { getPrefixCls: S, componentConfig: N, rtl: y } = A(he), g = Ue(
+    t,
+    ln,
+    N?.Menu
+  ), {
+    style: a,
+    children: b,
+    className: C,
+    prefixCls: O,
+    mode: u,
+    theme: M,
+    icons: p,
+    levelIndent: k,
+    collapse: R,
+    inDropdown: e,
+    selectable: s,
+    triggerProps: l,
+    tooltipProps: d,
+    ellipsis: c,
+    accordion: h,
+    autoOpen: w,
+    autoScrollIntoView: r,
+    scrollConfig: $,
+    hasCollapseButton: I,
+    defaultOpenKeys: E,
+    defaultSelectedKeys: K,
+    openKeys: L,
+    selectedKeys: m,
+    onClickSubMenu: V,
+    onClickMenuItem: W,
+    onCollapseChange: F,
+    onEllipsisChange: j,
+    ...x
+  } = g, [f, re] = Z([], {
+    defaultValue: E,
+    value: L
+  }), [we, ve] = Z([], {
+    defaultValue: K,
+    value: m
+  }), [q, Se] = Z(!1, {
+    value: R
+  }), Ne = A(z), { siderCollapsed: Ie } = A(Le), P = O || S?.("menu"), G = Ie || q || e || u === "popButton", se = M || Ne.theme || sn, T = ne([]), le = ne([]), xe = Ae(), Pe = Te(), ie = _e(() => Fe(b), [b]), $e = te(`${P}`), X = x.id || $e;
+  oe(() => {
+    let o = f.filter(
+      (v) => T.current.indexOf(v) !== -1
+    );
+    if (w) {
+      const v = T.current.filter(
+        (_) => le.current.indexOf(_) === -1
+      );
+      o = f.concat(v);
+    }
+    re(h ? o.slice(0, 1) : o), le.current = T.current.slice();
+  }, [T.current.toString()]);
+  const ce = u !== "horizontal" && u !== "popButton" && !e && I, Oe = () => {
+    const o = ye(b, { level: 1 }), v = q ? p && p.collapseActive || /* @__PURE__ */ n(De, {}) : p && p.collapseDefault || /* @__PURE__ */ n(Ke, {}), _ = () => {
+      const D = !q;
+      Se(D), F?.(D);
+    };
+    return /* @__PURE__ */ Q(Ee, { children: [
+      /* @__PURE__ */ n("div", { className: `${P}-inner`, children: u === "horizontal" && c !== !1 ? /* @__PURE__ */ n(
+        rn,
+        {
+          ellipsisText: Re(c) ? c.text : "···",
+          onEllipsisChange: j,
+          children: o
+        }
+      ) : o }),
+      ce && /* @__PURE__ */ n(
+        "div",
+        {
+          tabIndex: 0,
+          role: "button",
+          "aria-controls": X,
+          "aria-expanded": !q,
+          className: `${P}-collapse-button`,
+          onClick: _,
+          ...Pe({ onPressEnter: _ }),
+          children: v
+        }
+      )
+    ] });
+  }, ae = { ...a };
+  return G && !e && delete ae.width, /* @__PURE__ */ n(
+    "div",
+    {
+      id: ce ? X : void 0,
+      role: "menu",
+      ...Y(x, ["isMenu"]),
+      ref: i,
+      style: ae,
+      className: U(
+        P,
+        `${P}-${se}`,
+        `${P}-${u === "horizontal" ? "horizontal" : "vertical"}`,
+        {
+          [`${P}-collapse`]: G,
+          // 缩起状态自动变成 pop 模式
+          [`${P}-pop`]: u === "pop" || G,
+          [`${P}-pop-button`]: u === "popButton",
+          [`${P}-rtl`]: y
+        },
+        C
+      ),
+      children: /* @__PURE__ */ n(
+        z.Provider,
+        {
+          value: {
+            mode: u,
+            theme: se,
+            collapse: G,
+            levelIndent: k,
+            inDropdown: e,
+            selectedKeys: we,
+            openKeys: f,
+            icons: p,
+            triggerProps: l,
+            tooltipProps: d,
+            autoScrollIntoView: r,
+            scrollConfig: $,
+            // pass props directly
+            id: X,
+            prefixCls: P,
+            collectInlineMenuKeys: (o, v) => {
+              v ? T.current = T.current.filter(
+                (_) => _ !== o
+              ) : T.current.push(o), xe();
+            },
+            onClickMenuItem: (o, v) => {
+              s && ve([o]), W?.(o, v, ie[o]?.keyPath);
+            },
+            onClickSubMenu: (o, v, _) => {
+              let D = [...f];
+              _ === "inline" && (f?.indexOf(o) > -1 ? h && v === 1 ? D = [] : D = f.filter((ke) => ke !== o) : h && v === 1 ? D = [o] : D = f.concat([o])), re(D), V?.(o, D, ie[o]?.keyPath);
+            }
+          },
+          children: Oe()
+        }
+      )
+    }
+  );
+}
+const an = fe(cn), B = an;
+B.displayName = "Menu";
+B.Item = ze;
+B.SubMenu = J;
+B.ItemGroup = Be;
+B.__PQB_MENU__ = !0;
+export {
+  B as M,
+  rn as O,
+  J as S
+};

package/{components/common/hooks/useIsFirstRender.js → chunk/oopARUrq.js}

@@ -6,5 +6,5 @@ function u() {
   }, []), e.current;
 }
 export {
-  u as default
+  u
 };