@unicom-cloud/ui 0.8.66 → 0.8.67

package/chunk/CVSF8p0O.js

@@ -0,0 +1,698 @@
+import { jsx as l, jsxs as B, Fragment as ve } from "react/jsx-runtime";
+import Ae from "@unicom-cloud/icons/IconUiMenuFold";
+import Ue from "@unicom-cloud/icons/IconUiMenuUnfold";
+import He from "lodash/isPlainObject";
+import L, { createContext as ze, useContext as K, forwardRef as X, useRef as J, useEffect as Z, useState as Ce, useMemo as Be } from "react";
+import { a as we } from "./BJQ5UNa-.js";
+import { c as Fe } from "./BP9sYyk9.js";
+import { a as le } from "./DRtM649q.js";
+import { h as Ge } from "./D2KPqPhV.js";
+import { c as Ve } from "./B5gK1Idp.js";
+import { R as re } from "./HDUQku8d.js";
+import { a as We } from "./pZoNQ75H.js";
+import { m as H } from "./JPPo5nY_.js";
+import { c as W } from "./BdUcgWdu.js";
+import { p as je } from "./CKNyIitu.js";
+import { u as qe } from "./CLiqJm_T.js";
+import Qe from "../Tooltip.js";
+import { e as ie, y as Ye, n as Je } from "./BrOW642m.js";
+import { l as Xe } from "./flvYlqx3.js";
+import { getStyle as ge } from "../utils/style.js";
+import Ie from "@unicom-cloud/icons/IconUiDown";
+import { i as Ze } from "./DJfpiZn_.js";
+import { N as en } from "./DC1iHEiy.js";
+import { f as nn } from "./D7NyvE5f.js";
+import tn from "@unicom-cloud/icons/IconUiLeft";
+import on from "@unicom-cloud/icons/IconUiRight";
+import rn from "../Dropdown.js";
+const z = ze({});
+function ee(s) {
+  const { prefixCls: n, levelIndent: e } = s, { collapse: o } = K(z), t = s.level - 1;
+  return !o && t > 0 ? /* @__PURE__ */ l("span", { children: [...new Array(t)].map((r, i) => /* @__PURE__ */ l(
+    "span",
+    {
+      className: `${n}-indent`,
+      style: { width: e }
+    },
+    i
+  )) }) : null;
+}
+const Ne = [
+  "popup",
+  "triggerProps",
+  "selectable"
+], Se = (s) => {
+  let n = [];
+  return L.Children.forEach(s, (e) => {
+    var t;
+    const o = (t = e == null ? void 0 : e.type) == null ? void 0 : t.menuType;
+    o === "MenuItem" || o === "SubMenu" ? n.push(e) : o === "MenuGroup" && (n = n.concat(
+      Se(e.props.children)
+    ));
+  }), n;
+}, ke = (s, n = [], e = {}) => {
+  const o = Se(s);
+  return o.forEach((t, r) => {
+    var p, C;
+    const i = t.key, u = t.type.menuType, f = [i, ...n], h = {
+      keyPath: [],
+      prev: ((p = o[r - 1]) == null ? void 0 : p.key) || null,
+      next: ((C = o[r + 1]) == null ? void 0 : C.key) || null
+    };
+    if (r === 0 || r === o.length - 1) {
+      const c = f[1], S = r === 0 ? "firstChild" : "lastChild";
+      c && (e[c] = {
+        ...e[c],
+        [S]: i
+      });
+    }
+    switch (u) {
+      case "SubMenu":
+        h.keyPath = f, ke(t.props.children, f, e);
+        break;
+      case "MenuItem":
+        h.keyPath = f, h.disabled = t.props.disabled;
+        break;
+    }
+    e[i] = {
+      ...e[i],
+      ...h
+    };
+  }), e;
+}, ne = (s, n) => L.Children.map(s, (e, o) => {
+  if (!e || !e.props)
+    return e;
+  const t = typeof e.type == "string";
+  if (!(e.type && e.type.menuType) && e.props.children) {
+    const i = t ? {} : n, u = ne(e.props.children, n);
+    return L.cloneElement(e, {
+      ...i,
+      _key: e.key,
+      children: u.length === 1 ? u[0] : u
+    });
+  }
+  return t ? e : L.cloneElement(e, {
+    ...n,
+    // Properties of the component itself have higher priority
+    ...e.props,
+    _key: e.key || `$menu-${o}`
+  });
+});
+function xe(s, n) {
+  let e = !1;
+  function o(t) {
+    !t || e || L.Children.forEach(t, (r) => {
+      if (r && r.props && r.type && !e) {
+        const i = r.type.menuType, u = r.props.selectable;
+        (i === "MenuItem" || i === "SubMenu" && u) && (e = n.indexOf(r.key) !== -1), !e && r.props.children && o(r.props.children);
+      }
+    });
+  }
+  return o(s), e;
+}
+function sn(s, n) {
+  const {
+    _key: e,
+    children: o,
+    level: t,
+    disabled: r,
+    className: i,
+    style: u,
+    wrapper: f = "div",
+    onClick: h,
+    renderItemInTooltip: p,
+    ...C
+  } = s, {
+    prefixCls: c,
+    mode: S,
+    collapse: E,
+    inDropdown: a,
+    levelIndent: y,
+    selectedKeys: m,
+    autoScrollIntoView: g,
+    scrollConfig: M,
+    tooltipProps: v,
+    onClickMenuItem: I
+  } = K(z), d = J(null), x = qe(), $ = S === "vertical" && t > 1, T = E && !a && t === 1, P = m && ~m.indexOf(e);
+  Z(() => {
+    const k = P && g;
+    d.current && k && setTimeout(
+      () => {
+        d.current && je(d.current, {
+          behavior: "smooth",
+          block: "start",
+          scrollMode: "if-needed",
+          boundary: document.body,
+          ...M
+        });
+      },
+      x ? 500 : 0
+    );
+  }, [P, g]);
+  const A = (k) => {
+    r || (I == null || I(e, k), h == null || h(k));
+  }, w = /* @__PURE__ */ B(
+    f,
+    {
+      tabIndex: r ? -1 : 0,
+      role: "menuitem",
+      ref: (k) => {
+        n = k, d.current = n;
+      },
+      style: u,
+      className: H(
+        `${c}-item`,
+        {
+          [`${c}-disabled`]: r,
+          [`${c}-selected`]: P,
+          // 存在缩进dom
+          [`${c}-item-indented`]: $ && !E
+        },
+        i
+      ),
+      onClick: A,
+      onKeyDown: (k) => {
+        k.key === ie.key && A(k);
+      },
+      ...W(
+        C,
+        ["key", "_key"].concat(Ne)
+      ),
+      children: [
+        $ && !E ? /* @__PURE__ */ B(ve, { children: [
+          /* @__PURE__ */ l(
+            ee,
+            {
+              prefixCls: c,
+              levelIndent: y,
+              level: t
+            }
+          ),
+          /* @__PURE__ */ l(
+            "span",
+            {
+              className: `${c}-item-inner`,
+              style: {
+                display: "block"
+              },
+              children: o
+            }
+          )
+        ] }) : o,
+        P && S === "horizontal" ? /* @__PURE__ */ l("div", { className: `${c}-selected-label` }) : null
+      ]
+    }
+  );
+  return T ? /* @__PURE__ */ l(
+    Qe,
+    {
+      trigger: "hover",
+      position: "right",
+      content: typeof p == "function" ? p() : /* @__PURE__ */ l("span", { children: o }),
+      triggerProps: {
+        className: `${c}-item-tooltip`,
+        ...(v == null ? void 0 : v.triggerProps) || {}
+      },
+      ...W(v, ["triggerProps"]),
+      children: w
+    }
+  ) : w;
+}
+const ln = X(sn), ce = ln;
+ce.displayName = "MenuItem";
+ce.menuType = "MenuItem";
+function cn(s, n) {
+  const { children: e, title: o, level: t, className: r, style: i } = s, { prefixCls: u, levelIndent: f } = K(z), h = t === 1 ? t + 1 : t, p = ne(e, {
+    level: h
+  });
+  return /* @__PURE__ */ B(
+    "div",
+    {
+      ref: n,
+      className: H(`${u}-group`, r),
+      style: i,
+      children: [
+        /* @__PURE__ */ B("div", { className: `${u}-group-title`, children: [
+          /* @__PURE__ */ l(
+            ee,
+            {
+              level: t,
+              prefixCls: u,
+              levelIndent: f
+            }
+          ),
+          /* @__PURE__ */ l("span", { children: o })
+        ] }),
+        p
+      ]
+    }
+  );
+}
+const an = X(cn), ae = an;
+ae.displayName = "MenuItemGroup";
+ae.menuType = "MenuGroup";
+const se = { height: 0, visibility: "hidden" }, un = (s) => {
+  const {
+    _key: n,
+    children: e,
+    style: o,
+    className: t,
+    title: r,
+    level: i,
+    forwardedRef: u,
+    selectable: f,
+    ...h
+  } = s, {
+    id: p,
+    prefixCls: C,
+    levelIndent: c,
+    openKeys: S = [],
+    selectedKeys: E = [],
+    icons: a,
+    onClickSubMenu: y,
+    onClickMenuItem: m
+  } = K(z), g = `${C}-inline`, M = (S == null ? void 0 : S.indexOf(n)) > -1, v = f && E.indexOf(s._key) > -1 || xe(e, E), [I, d] = Ze(
+    M ? { height: "auto" } : se
+  ), x = (w) => {
+    y(n, i, "inline"), f && m(n, w);
+  }, $ = le(`${p}-submenu-inline-`), T = ne(e, {
+    ...nn(h, Ne),
+    level: i + 1,
+    selectable: f
+  }), P = /* @__PURE__ */ B(
+    "div",
+    {
+      tabIndex: 0,
+      "aria-expanded": M,
+      "aria-controls": $,
+      className: H(`${g}-header`, {
+        [`${C}-selected`]: v
+      }),
+      onClick: x,
+      onKeyDown: (w) => {
+        w.key === ie.key && x(w);
+      },
+      children: [
+        /* @__PURE__ */ l(
+          ee,
+          {
+            level: i,
+            prefixCls: C,
+            levelIndent: c
+          }
+        ),
+        /* @__PURE__ */ l("span", { children: r }),
+        /* @__PURE__ */ l("span", { className: `${C}-icon-suffix ${M ? "is-open" : ""}`, children: a && a.horizontalArrowDown ? a.horizontalArrowDown : /* @__PURE__ */ l(Ie, {}) })
+      ]
+    }
+  ), A = /* @__PURE__ */ l(
+    "div",
+    {
+      id: $,
+      className: H(`${g}-content`),
+      style: I,
+      children: T
+    }
+  );
+  return /* @__PURE__ */ B(
+    "div",
+    {
+      ref: u,
+      className: H(g, t),
+      style: o,
+      ...W(h, ["key", "popup", "triggerProps"]),
+      children: [
+        P,
+        /* @__PURE__ */ l(
+          en,
+          {
+            in: M,
+            timeout: 200,
+            classNames: g,
+            unmountOnExit: !1,
+            onEnter: async (w) => {
+              w && (await d(se), await d({ height: w.scrollHeight }));
+            },
+            onEntered: () => {
+              d({ height: "auto" });
+            },
+            onExit: async (w) => {
+              w && (await d({ height: w.scrollHeight }), await d(se));
+            },
+            children: A
+          }
+        )
+      ]
+    }
+  );
+}, pn = (s) => {
+  const {
+    _key: n,
+    children: e,
+    style: o,
+    className: t,
+    title: r,
+    level: i,
+    selectable: u,
+    forwardedRef: f,
+    triggerProps: h,
+    ...p
+  } = s, {
+    id: C,
+    prefixCls: c,
+    mode: S,
+    inDropdown: E,
+    levelIndent: a,
+    selectedKeys: y = [],
+    icons: m,
+    triggerProps: g,
+    onClickSubMenu: M,
+    onClickMenuItem: v
+  } = K(z), { rtl: I } = K(we), d = { ...g, ...h }, [x, $] = Ce(!1), T = `${c}-pop`, P = u && y.indexOf(s._key) > -1, A = S === "horizontal" && !E, w = le(`${C}-submenu-pop-`), k = () => {
+    const _ = m && m.popArrowRight ? m.popArrowRight : I ? /* @__PURE__ */ l(tn, {}) : /* @__PURE__ */ l(on, {}), N = m && m.horizontalArrowDown ? m.horizontalArrowDown : /* @__PURE__ */ l(Ie, {});
+    return /* @__PURE__ */ l("span", { className: `${c}-icon-suffix`, children: A ? N : _ });
+  }, F = xe(e, y) || P, V = I ? ["br", "lt"] : ["bl", "rt"], q = (_) => {
+    M(n, i, "pop"), u && v(n, _);
+  };
+  return /* @__PURE__ */ l(
+    rn,
+    {
+      trigger: "hover",
+      popupVisible: x,
+      onVisibleChange: $,
+      droplist: /* @__PURE__ */ l(
+        j,
+        {
+          id: w,
+          selectedKeys: y,
+          onClickMenuItem: (_, N) => {
+            v(_, N), $(!1);
+          },
+          children: e
+        }
+      ),
+      triggerProps: {
+        position: A ? V[0] : V[1],
+        showArrow: !0,
+        autoAlignPopupMinWidth: !0,
+        classNames: "fadeIn",
+        duration: 100,
+        mouseEnterDelay: 50,
+        mouseLeaveDelay: 50,
+        className: H(
+          `${T}-trigger`,
+          d && d.className
+        ),
+        ...W(d, ["className"])
+      },
+      children: /* @__PURE__ */ B(
+        "div",
+        {
+          tabIndex: 0,
+          "aria-haspopup": !0,
+          "aria-expanded": x,
+          "aria-controls": w,
+          ref: f,
+          style: o,
+          className: H(
+            T,
+            `${T}-header`,
+            {
+              [`${c}-selected`]: F
+            },
+            t
+          ),
+          onClick: q,
+          onKeyDown: (_) => {
+            const N = _.key;
+            N === ie.key ? q(_) : N === Ye.key ? $(!1) : N === Je.key && $(!0);
+          },
+          ...W(p, ["key", "popup"]),
+          children: [
+            /* @__PURE__ */ l(
+              ee,
+              {
+                prefixCls: c,
+                levelIndent: a,
+                level: i
+              }
+            ),
+            r,
+            k(),
+            F && S === "horizontal" ? /* @__PURE__ */ l("div", { className: `${c}-selected-label` }) : null
+          ]
+        }
+      )
+    }
+  );
+};
+function dn(s, n) {
+  const { children: e, popup: o, level: t } = s, { mode: r, collapse: i, inDropdown: u, collectInlineMenuKeys: f } = K(z), C = !!(typeof o == "function" ? o(t) : o) || i || u || r !== "vertical" ? pn : un;
+  return Z(() => (f(s._key), () => {
+    f(s._key, !0);
+  }), []), /* @__PURE__ */ l(C, { forwardedRef: n, ...s, children: e });
+}
+const fn = X(dn), te = fn;
+te.displayName = "SubMenu";
+te.menuType = "SubMenu";
+const mn = 5;
+function be(s) {
+  return s && Math.ceil(+s.getBoundingClientRect().width);
+}
+function Me(s) {
+  const n = Number(s.replace("px", ""));
+  return isNaN(n) ? 0 : n;
+}
+const hn = (s) => {
+  const { children: n, ellipsisText: e = "···", onEllipsisChange: o } = s, { prefixCls: t } = K(z), r = J(null), [i, u] = Ce(null), f = `${t}-overflow-sub-menu`, h = `${t}-overflow-hidden-menu-item`, p = `${t}-overflow-sub-menu-mirror`, C = (a) => {
+    if (a !== i) {
+      const y = L.Children.toArray(n), m = a === null;
+      o == null || o({
+        lastVisibleIndex: m ? y.length - 1 : a,
+        overflowNodes: m ? [] : y.slice(a + 1)
+      }), u(a);
+    }
+  };
+  function c() {
+    if (!r.current)
+      return;
+    const a = r.current, y = be(a) - mn, m = [].slice.call(a.children);
+    let g = 0, M = 0, v = 0;
+    for (let I = 0; I < m.length; I++) {
+      const d = m[I], x = d.className.split(" "), $ = x.indexOf(f) > -1, T = x.indexOf(p) > -1;
+      if ($)
+        continue;
+      const P = be(d) + Me(ge(d, "marginLeft")) + Me(ge(d, "marginRight"));
+      if (T) {
+        v = P;
+        continue;
+      }
+      if (M += P, M > y) {
+        C(
+          // 判断如果将最后一个菜单项换为 ... 是否会超出宽度
+          g - (M - P + v <= y ? 1 : 2)
+        );
+        return;
+      }
+      g++;
+    }
+    C(null);
+  }
+  const S = (a, y = !1) => /* @__PURE__ */ l(
+    te,
+    {
+      title: /* @__PURE__ */ l("span", { children: e }),
+      className: y ? p : f,
+      children: a
+    },
+    `pqb-menu-overflow-sub-menu${y ? "-mirror" : ""}`
+  ), E = () => {
+    let a = null;
+    const y = S(null, !0), m = L.Children.map(n, (g, M) => {
+      var I;
+      let v = g;
+      if (i !== null && (M > i && (v = L.cloneElement(g, {
+        className: H(
+          h,
+          (I = g == null ? void 0 : g.props) == null ? void 0 : I.className
+        )
+      })), M === i + 1)) {
+        const d = L.Children.toArray(n).slice(i + 1).map(
+          (x) => L.cloneElement(x, {
+            key: x.props._key
+          })
+        );
+        a = S(d);
+      }
+      return v;
+    }) ?? [];
+    return [y, ...m, a];
+  };
+  return Z(() => {
+    const a = Xe([r.current], c);
+    return () => {
+      a();
+    };
+  }, [r.current]), /* @__PURE__ */ l("div", { className: `${t}-overflow-wrap`, ref: r, children: E() });
+}, yn = "light", gn = {
+  mode: "vertical",
+  selectable: !0,
+  ellipsis: !0
+};
+function bn(s, n) {
+  const { getPrefixCls: e, componentConfig: o, rtl: t } = K(we), r = Ve(
+    s,
+    gn,
+    o == null ? void 0 : o.Menu
+  ), {
+    style: i,
+    children: u,
+    className: f,
+    prefixCls: h,
+    mode: p,
+    theme: C,
+    icons: c,
+    levelIndent: S,
+    collapse: E,
+    inDropdown: a,
+    selectable: y,
+    triggerProps: m,
+    tooltipProps: g,
+    ellipsis: M,
+    accordion: v,
+    autoOpen: I,
+    autoScrollIntoView: d,
+    scrollConfig: x,
+    hasCollapseButton: $,
+    defaultOpenKeys: T,
+    defaultSelectedKeys: P,
+    openKeys: A,
+    selectedKeys: w,
+    onClickSubMenu: k,
+    onClickMenuItem: F,
+    onCollapseChange: V,
+    onEllipsisChange: q,
+    ..._
+  } = r, [N, ue] = re([], {
+    defaultValue: T,
+    value: A
+  }), [$e, Pe] = re([], {
+    defaultValue: P,
+    value: w
+  }), [Q, Ee] = re(!1, {
+    value: E
+  }), Oe = K(z), { siderCollapsed: Te } = K(We), D = h || e("menu"), Y = Te || Q || a || p === "popButton", pe = C || Oe.theme || yn, G = J([]), de = J([]), _e = Fe(), De = Ge(), fe = Be(() => ke(u), [u]), Re = le(`${D}-`), oe = _.id || Re;
+  Z(() => {
+    let b = N.filter(
+      (O) => G.current.indexOf(O) !== -1
+    );
+    if (I) {
+      const O = G.current.filter(
+        (R) => de.current.indexOf(R) === -1
+      );
+      b = N.concat(O);
+    }
+    ue(v ? b.slice(0, 1) : b), de.current = G.current.slice();
+  }, [G.current.toString()]);
+  const me = p !== "horizontal" && p !== "popButton" && !a && $, Ke = () => {
+    const b = ne(u, { level: 1 }), O = Q ? c && c.collapseActive || /* @__PURE__ */ l(Ue, {}) : c && c.collapseDefault || /* @__PURE__ */ l(Ae, {}), R = () => {
+      const U = !Q;
+      Ee(U), V == null || V(U);
+    };
+    return /* @__PURE__ */ B(ve, { children: [
+      /* @__PURE__ */ l("div", { className: `${D}-inner`, children: p === "horizontal" && M !== !1 ? /* @__PURE__ */ l(
+        hn,
+        {
+          ellipsisText: He(M) ? M.text : "···",
+          onEllipsisChange: q,
+          children: b
+        }
+      ) : b }),
+      me && /* @__PURE__ */ l(
+        "div",
+        {
+          tabIndex: 0,
+          role: "button",
+          "aria-controls": oe,
+          "aria-expanded": !Q,
+          className: `${D}-collapse-button`,
+          onClick: R,
+          ...De({ onPressEnter: R }),
+          children: O
+        }
+      )
+    ] });
+  }, he = { ...i };
+  return Y && !a && delete he.width, /* @__PURE__ */ l(
+    "div",
+    {
+      id: me ? oe : void 0,
+      role: "menu",
+      ...W(_, ["isMenu"]),
+      ref: n,
+      style: he,
+      className: H(
+        D,
+        `${D}-${pe}`,
+        `${D}-${p === "horizontal" ? "horizontal" : "vertical"}`,
+        {
+          [`${D}-collapse`]: Y,
+          // 缩起状态自动变成 pop 模式
+          [`${D}-pop`]: p === "pop" || Y,
+          [`${D}-pop-button`]: p === "popButton",
+          [`${D}-rtl`]: t
+        },
+        f
+      ),
+      children: /* @__PURE__ */ l(
+        z.Provider,
+        {
+          value: {
+            mode: p,
+            theme: pe,
+            collapse: Y,
+            levelIndent: S,
+            inDropdown: a,
+            selectedKeys: $e,
+            openKeys: N,
+            icons: c,
+            triggerProps: m,
+            tooltipProps: g,
+            autoScrollIntoView: d,
+            scrollConfig: x,
+            // pass props directly
+            id: oe,
+            prefixCls: D,
+            collectInlineMenuKeys: (b, O) => {
+              O ? G.current = G.current.filter(
+                (R) => R !== b
+              ) : G.current.push(b), _e();
+            },
+            onClickMenuItem: (b, O) => {
+              var R;
+              y && Pe([b]), F == null || F(b, O, (R = fe[b]) == null ? void 0 : R.keyPath);
+            },
+            onClickSubMenu: (b, O, R) => {
+              var ye;
+              let U = [...N];
+              R === "inline" && ((N == null ? void 0 : N.indexOf(b)) > -1 ? v && O === 1 ? U = [] : U = N.filter((Le) => Le !== b) : v && O === 1 ? U = [b] : U = N.concat([b])), ue(U), k == null || k(b, U, (ye = fe[b]) == null ? void 0 : ye.keyPath);
+            }
+          },
+          children: Ke()
+        }
+      )
+    }
+  );
+}
+const Mn = X(bn), j = Mn;
+j.displayName = "Menu";
+j.Item = ce;
+j.SubMenu = te;
+j.ItemGroup = ae;
+j.__PQB_MENU__ = !0;
+export {
+  ce as I,
+  j as M,
+  te as S,
+  ae as a
+};