@unicom-cloud/ui 0.8.67 → 0.8.68

package/chunk/CVSF8p0O.js

@@ -1,698 +0,0 @@
-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
-};