@unicom-cloud/ui 0.8.66 → 0.8.68

package/chunk/DPByB1ab.js

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