@unicom-cloud/ui 0.8.45 → 0.8.47

package/layout/Sider.js

@@ -1,130 +0,0 @@
-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 X from "lodash/isArray";
-import w 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";
-/* empty css                  */
-import "../config-provider/ConfigProvider.js";
-import ie from "../hooks/useMergeValue.js";
-import se from "../ResizeBox.js";
-import H from "@unicom-cloud/utils/class-name";
-import L, { responsiveMap as oe } from "../utils/responsiveObserve.js";
-import { ConfigContext as ne } from "../config-provider/context.js";
-const le = Y({
-  siderCollapsed: !1,
-  collapsedWidth: 64
-}), ce = /* @__PURE__ */ (() => {
-  let i = 0;
-  return (u = "") => (i += 1, `${u}${i}`);
-})();
-function ae(i, u) {
-  var T;
-  const {
-    children: D,
-    className: E,
-    style: G,
-    theme: y = "light",
-    trigger: f,
-    reverseArrow: R,
-    collapsedWidth: r = 48,
-    width: g = 200,
-    collapsible: h,
-    resizeDirections: a,
-    onSiderMount: v,
-    onSiderUnmount: C,
-    breakpoint: W,
-    onBreakpoint: O,
-    onCollapse: d,
-    resizeBoxProps: t = {}
-  } = i, _ = ce("pqb-sider-"), { getPrefixCls: P } = ee(ne), s = P("layout-sider"), [e, I] = ie(!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);
-  M.current = {
-    breakpoint: W,
-    collapsed: e,
-    onCollapse: d,
-    onBreakpoint: O
-  }, F(() => (v == null || v(_), h && W in oe && (b.current = L.subscribe(
-    (o, l) => {
-      const { breakpoint: c, collapsed: J, onCollapse: N, onBreakpoint: S } = M.current;
-      if (!l || l === c) {
-        const m = !o[c];
-        m !== J && (I(m), N == null || N(m, "responsive")), S == null || S(m);
-      }
-    }
-  )), () => {
-    C == null || C(_), b.current && L.unsubscribe(b.current);
-  }), []), F(() => {
-    const o = w(r) ? `${r}px` : String(r);
-    k(e ? o : $);
-  }, [e, $, r]);
-  const x = a && X(a) || ((T = t.directions) == null ? void 0 : T.length), U = x ? se : "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(
-      "div",
-      {
-        style: { width: p },
-        className: H(`${s}-trigger`, {
-          [`${s}-trigger-light`]: y === "light"
-        }),
-        onClick: () => {
-          I(!e), d == null || d(!e, "clickTrigger");
-        },
-        children: o
-      }
-    ) : null;
-  }, B = te(() => x ? {
-    component: "aside",
-    ...t,
-    width: p,
-    directions: a,
-    onMoving: (o, l) => {
-      var c;
-      k(`${l.width}px`), (c = t == null ? void 0 : t.onMoving) == null || c.call(t, o, l);
-    }
-  } : {}, [x, a, p, t]);
-  return /* @__PURE__ */ n(
-    le.Provider,
-    {
-      value: {
-        siderCollapsed: e,
-        collapsedWidth: r
-      },
-      children: /* @__PURE__ */ K(
-        U,
-        {
-          ref: u,
-          style: {
-            width: p,
-            ...G
-          },
-          className: H(
-            s,
-            {
-              [`${s}-light`]: y === "light",
-              [`${s}-has-trigger`]: f !== null && h,
-              [`${s}-collapsed`]: e
-            },
-            E
-          ),
-          ...B,
-          children: [
-            /* @__PURE__ */ n("div", { className: `${s}-children`, children: D }),
-            z()
-          ]
-        }
-      )
-    }
-  );
-}
-const de = Z(ae), V = de;
-V.displayName = "LayoutSider";
-V.__PQB_SIGN__ = "sider";
-export {
-  le as SiderContext,
-  V as default
-};

package/list/Item.js

@@ -1,46 +0,0 @@
-import { jsx as n, jsxs as m } from "react/jsx-runtime";
-import p, { useContext as L } from "react";
-/* empty css                  */
-import "../config-provider/ConfigProvider.js";
-import M from "../hooks/useMergeProps.js";
-import P from "@unicom-cloud/utils/class-name";
-import f from "./Meta.js";
-import { ConfigContext as R } from "../config-provider/context.js";
-const j = {
-  actionLayout: "horizontal"
-};
-function w(h, u) {
-  const { getPrefixCls: C, componentConfig: a } = L(R), x = M(
-    h,
-    j,
-    a && a["List.Item"]
-  ), { children: N, className: $, actions: e, extra: i, actionLayout: r, ...g } = x, o = `${C("list")}-item`, c = [], s = [];
-  p.Children.forEach(N, (t) => {
-    t && t.type && t.type === f ? c.push(t) : s.push(t);
-  });
-  const v = s.length ? /* @__PURE__ */ n("div", { className: `${o}-content`, children: s }) : null, y = i ? /* @__PURE__ */ n("div", { className: `${o}-extra-content`, children: i }) : null, l = e && e.length ? /* @__PURE__ */ n("div", { className: `${o}-action`, children: e.map((t, I) => /* @__PURE__ */ n("li", { children: t }, `${o}-action-${I}`)) }) : null;
-  return /* @__PURE__ */ m(
-    "div",
-    {
-      role: "listitem",
-      ref: u,
-      className: P(o, $),
-      ...g,
-      children: [
-        /* @__PURE__ */ m("div", { className: `${o}-main`, children: [
-          c,
-          v,
-          r === "vertical" ? l : null
-        ] }),
-        r === "horizontal" ? l : null,
-        y
-      ]
-    }
-  );
-}
-const z = p.forwardRef(w), d = z;
-d.displayName = "ListItem";
-d.Meta = f;
-export {
-  d as default
-};

package/list/Meta.js

@@ -1,21 +0,0 @@
-import { jsxs as o, jsx as a } from "react/jsx-runtime";
-import f, { useContext as N } from "react";
-/* empty css                  */
-import "../config-provider/ConfigProvider.js";
-import C from "@unicom-cloud/utils/class-name";
-import { ConfigContext as h } from "../config-provider/context.js";
-function v(r, n) {
-  const { getPrefixCls: c } = N(h), { className: m, avatar: i, title: e, description: s, ...l } = r, t = `${c("list")}-item-meta`, d = !!i, p = !!(e || s);
-  return /* @__PURE__ */ o("div", { ref: n, ...l, className: C(t, m), children: [
-    d && /* @__PURE__ */ a("div", { className: `${t}-avatar`, children: i }),
-    p && /* @__PURE__ */ o("div", { className: `${t}-content`, children: [
-      e && /* @__PURE__ */ a("div", { className: `${t}-title`, children: e }),
-      s && /* @__PURE__ */ a("div", { className: `${t}-description`, children: s })
-    ] })
-  ] });
-}
-const x = f.forwardRef(v);
-x.displayName = "ListItemMeta";
-export {
-  x as default
-};

package/loading/style/index.module.less.js

@@ -1,4 +0,0 @@
-const s = {};
-export {
-  s as default
-};

package/mentions/util.js

@@ -1,26 +0,0 @@
-function c(n, { split: e }) {
-  return !e || n.indexOf(e) === -1;
-}
-function a({
-  value: n,
-  selectionStart: e
-}) {
-  return n.slice(0, e);
-}
-function s(n, e = "") {
-  return (Array.isArray(e) ? e : [e]).reduce(
-    (t, r) => {
-      const i = n.lastIndexOf(r);
-      return i > t.location ? {
-        location: i,
-        prefix: r
-      } : t;
-    },
-    { location: -1, prefix: "" }
-  );
-}
-export {
-  a as getBeforeSelectionText,
-  s as getLastMeasureIndex,
-  c as isValidSearch
-};

package/menu/Indent.js

@@ -1,17 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useContext as a } from "react";
-import i from "./context.js";
-function d(e) {
-  const { prefixCls: l, levelIndent: r } = e, { collapse: o } = a(i), n = e.level - 1;
-  return !o && n > 0 ? /* @__PURE__ */ t("span", { children: [...new Array(n)].map((m, s) => /* @__PURE__ */ t(
-    "span",
-    {
-      className: `${l}-indent`,
-      style: { width: r }
-    },
-    s
-  )) }) : null;
-}
-export {
-  d as default
-};

package/menu/Item.js

@@ -1,125 +0,0 @@
-import { jsxs as k, Fragment as D, jsx as o } from "react/jsx-runtime";
-import F from "@unicom-cloud/scroll-into-view-if-needed";
-import { forwardRef as O, useContext as j, useRef as B, useEffect as K } from "react";
-import U from "../hooks/useIsFirstRender.js";
-import V from "../Tooltip.js";
-import z from "@unicom-cloud/utils/class-name";
-import { Enter as A } from "../utils/keyCode.js";
-import x from "../utils/omit.js";
-import H from "./Indent.js";
-import W from "./context.js";
-import { PROPS_NEED_TO_BE_PASSED_IN_SUBMENU as q } from "./util.js";
-function G(T, p) {
-  const {
-    _key: f,
-    children: i,
-    level: l,
-    disabled: m,
-    className: _,
-    style: $,
-    wrapper: w = "div",
-    onClick: c,
-    renderItemInTooltip: u,
-    ...S
-  } = T, {
-    prefixCls: t,
-    mode: y,
-    collapse: a,
-    inDropdown: C,
-    levelIndent: R,
-    selectedKeys: I,
-    autoScrollIntoView: g,
-    scrollConfig: v,
-    tooltipProps: r,
-    onClickMenuItem: d
-  } = j(W), n = B(null), M = U(), N = y === "vertical" && l > 1, P = a && !C && l === 1, s = I && ~I.indexOf(f);
-  K(() => {
-    const e = s && g;
-    n.current && e && setTimeout(
-      () => {
-        n.current && F(n.current, {
-          behavior: "smooth",
-          block: "start",
-          scrollMode: "if-needed",
-          boundary: document.body,
-          ...v
-        });
-      },
-      M ? 500 : 0
-    );
-  }, [s, g]);
-  const h = (e) => {
-    m || (d == null || d(f, e), c == null || c(e));
-  }, b = /* @__PURE__ */ k(
-    w,
-    {
-      tabIndex: m ? -1 : 0,
-      role: "menuitem",
-      ref: (e) => {
-        p = e, n.current = p;
-      },
-      style: $,
-      className: z(
-        `${t}-item`,
-        {
-          [`${t}-disabled`]: m,
-          [`${t}-selected`]: s,
-          // 存在缩进dom
-          [`${t}-item-indented`]: N && !a
-        },
-        _
-      ),
-      onClick: h,
-      onKeyDown: (e) => {
-        e.key === A.key && h(e);
-      },
-      ...x(
-        S,
-        ["key", "_key"].concat(q)
-      ),
-      children: [
-        N && !a ? /* @__PURE__ */ k(D, { children: [
-          /* @__PURE__ */ o(
-            H,
-            {
-              prefixCls: t,
-              levelIndent: R,
-              level: l
-            }
-          ),
-          /* @__PURE__ */ o(
-            "span",
-            {
-              className: `${t}-item-inner`,
-              style: {
-                display: "block"
-              },
-              children: i
-            }
-          )
-        ] }) : i,
-        s && y === "horizontal" ? /* @__PURE__ */ o("div", { className: `${t}-selected-label` }) : null
-      ]
-    }
-  );
-  return P ? /* @__PURE__ */ o(
-    V,
-    {
-      trigger: "hover",
-      position: "right",
-      content: typeof u == "function" ? u() : /* @__PURE__ */ o("span", { children: i }),
-      triggerProps: {
-        className: `${t}-item-tooltip`,
-        ...(r == null ? void 0 : r.triggerProps) || {}
-      },
-      ...x(r, ["triggerProps"]),
-      children: b
-    }
-  ) : b;
-}
-const J = O(G), E = J;
-E.displayName = "MenuItem";
-E.menuType = "MenuItem";
-export {
-  E as default
-};

package/menu/ItemGroup.js

@@ -1,39 +0,0 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { forwardRef as f, useContext as h } from "react";
-import v from "@unicom-cloud/utils/class-name";
-import x from "./context.js";
-import I from "./Indent.js";
-import { processChildren as N } from "./util.js";
-function C(s, l) {
-  const { children: m, title: i, level: e, className: p, style: c } = s, { prefixCls: r, levelIndent: a } = h(x), u = e === 1 ? e + 1 : e, d = N(m, {
-    level: u
-  });
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      ref: l,
-      className: v(`${r}-group`, p),
-      style: c,
-      children: [
-        /* @__PURE__ */ o("div", { className: `${r}-group-title`, children: [
-          /* @__PURE__ */ t(
-            I,
-            {
-              level: e,
-              prefixCls: r,
-              levelIndent: a
-            }
-          ),
-          /* @__PURE__ */ t("span", { children: i })
-        ] }),
-        d
-      ]
-    }
-  );
-}
-const G = f(C), n = G;
-n.displayName = "MenuItemGroup";
-n.menuType = "MenuGroup";
-export {
-  n as default
-};

package/menu/Menu.js

@@ -1,181 +0,0 @@
-import { jsx as c, jsxs as de, Fragment as fe } from "react/jsx-runtime";
-import he from "@unicom-cloud/icons/IconUiMenuFold";
-import Ce from "@unicom-cloud/icons/IconUiMenuUnfold";
-import Me from "lodash/isPlainObject";
-import { forwardRef as xe, useContext as y, useRef as B, useMemo as ve, useEffect as Ie } from "react";
-/* empty css                  */
-import "../config-provider/ConfigProvider.js";
-import Ke from "../hooks/useForceUpdate.js";
-import ye from "../hooks/useId.js";
-import be from "../hooks/useKeyboardEvent.js";
-import ge from "../hooks/useMergeProps.js";
-import b from "../hooks/useMergeValue.js";
-import { SiderContext as Pe } from "../layout/Sider.js";
-import $e from "@unicom-cloud/utils/class-name";
-import Oe from "../utils/omit.js";
-import U from "./context.js";
-import Se from "./Item.js";
-import Ee from "./ItemGroup.js";
-import we from "./OverflowWrap.js";
-import Ne from "./sub-menu/index.js";
-import { generateInfoMap as Be, processChildren as Ue } from "./util.js";
-import { ConfigContext as _e } from "../config-provider/context.js";
-const Fe = "light", ze = {
-  mode: "vertical",
-  selectable: !0,
-  ellipsis: !0
-};
-function Te(_, F) {
-  const { getPrefixCls: z, componentConfig: f, rtl: T } = y(_e), V = ge(
-    _,
-    ze,
-    f == null ? void 0 : f.Menu
-  ), {
-    style: j,
-    children: h,
-    className: A,
-    prefixCls: D,
-    mode: l,
-    theme: H,
-    icons: p,
-    levelIndent: R,
-    collapse: G,
-    inDropdown: u,
-    selectable: L,
-    triggerProps: Q,
-    tooltipProps: W,
-    ellipsis: C,
-    accordion: M,
-    autoOpen: q,
-    autoScrollIntoView: J,
-    scrollConfig: X,
-    hasCollapseButton: Y,
-    defaultOpenKeys: Z,
-    defaultSelectedKeys: k,
-    openKeys: ee,
-    selectedKeys: te,
-    onClickSubMenu: x,
-    onClickMenuItem: v,
-    onCollapseChange: I,
-    onEllipsisChange: oe,
-    ...g
-  } = V, [n, P] = b([], {
-    defaultValue: Z,
-    value: ee
-  }), [re, ne] = b([], {
-    defaultValue: k,
-    value: te
-  }), [m, se] = b(!1, {
-    value: G
-  }), le = y(U), { siderCollapsed: ie } = y(Pe), o = D || z("menu"), d = ie || m || u || l === "popButton", $ = H || le.theme || Fe, i = B([]), O = B([]), ce = Ke(), pe = be(), S = ve(() => Be(h), [h]), ae = ye(`${o}-`), K = g.id || ae;
-  Ie(() => {
-    let e = n.filter(
-      (t) => i.current.indexOf(t) !== -1
-    );
-    if (q) {
-      const t = i.current.filter(
-        (r) => O.current.indexOf(r) === -1
-      );
-      e = n.concat(t);
-    }
-    P(M ? e.slice(0, 1) : e), O.current = i.current.slice();
-  }, [i.current.toString()]);
-  const E = l !== "horizontal" && l !== "popButton" && !u && Y, ue = () => {
-    const e = Ue(h, { level: 1 }), t = m ? p && p.collapseActive || /* @__PURE__ */ c(Ce, {}) : p && p.collapseDefault || /* @__PURE__ */ c(he, {}), r = () => {
-      const s = !m;
-      se(s), I == null || I(s);
-    };
-    return /* @__PURE__ */ de(fe, { children: [
-      /* @__PURE__ */ c("div", { className: `${o}-inner`, children: l === "horizontal" && C !== !1 ? /* @__PURE__ */ c(
-        we,
-        {
-          ellipsisText: Me(C) ? C.text : "···",
-          onEllipsisChange: oe,
-          children: e
-        }
-      ) : e }),
-      E && /* @__PURE__ */ c(
-        "div",
-        {
-          tabIndex: 0,
-          role: "button",
-          "aria-controls": K,
-          "aria-expanded": !m,
-          className: `${o}-collapse-button`,
-          onClick: r,
-          ...pe({ onPressEnter: r }),
-          children: t
-        }
-      )
-    ] });
-  }, w = { ...j };
-  return d && !u && delete w.width, /* @__PURE__ */ c(
-    "div",
-    {
-      id: E ? K : void 0,
-      role: "menu",
-      ...Oe(g, ["isMenu"]),
-      ref: F,
-      style: w,
-      className: $e(
-        o,
-        `${o}-${$}`,
-        `${o}-${l === "horizontal" ? "horizontal" : "vertical"}`,
-        {
-          [`${o}-collapse`]: d,
-          // 缩起状态自动变成 pop 模式
-          [`${o}-pop`]: l === "pop" || d,
-          [`${o}-pop-button`]: l === "popButton",
-          [`${o}-rtl`]: T
-        },
-        A
-      ),
-      children: /* @__PURE__ */ c(
-        U.Provider,
-        {
-          value: {
-            mode: l,
-            theme: $,
-            collapse: d,
-            levelIndent: R,
-            inDropdown: u,
-            selectedKeys: re,
-            openKeys: n,
-            icons: p,
-            triggerProps: Q,
-            tooltipProps: W,
-            autoScrollIntoView: J,
-            scrollConfig: X,
-            // pass props directly
-            id: K,
-            prefixCls: o,
-            collectInlineMenuKeys: (e, t) => {
-              t ? i.current = i.current.filter(
-                (r) => r !== e
-              ) : i.current.push(e), ce();
-            },
-            onClickMenuItem: (e, t) => {
-              var r;
-              L && ne([e]), v == null || v(e, t, (r = S[e]) == null ? void 0 : r.keyPath);
-            },
-            onClickSubMenu: (e, t, r) => {
-              var N;
-              let s = [...n];
-              r === "inline" && ((n == null ? void 0 : n.indexOf(e)) > -1 ? M && t === 1 ? s = [] : s = n.filter((me) => me !== e) : M && t === 1 ? s = [e] : s = n.concat([e])), P(s), x == null || x(e, s, (N = S[e]) == null ? void 0 : N.keyPath);
-            }
-          },
-          children: ue()
-        }
-      )
-    }
-  );
-}
-const Ve = xe(Te), a = Ve;
-a.displayName = "Menu";
-a.Item = Se;
-a.SubMenu = Ne;
-a.ItemGroup = Ee;
-a.__PQB_MENU__ = !0;
-export {
-  a as default
-};

package/menu/OverflowWrap.js

@@ -1,85 +0,0 @@
-import { jsx as h } from "react/jsx-runtime";
-import a, { useContext as O, useRef as T, useState as k, useEffect as A } from "react";
-import { getStyle as x } from "../utils/style.js";
-import H from "./context.js";
-import U from "./sub-menu/index.js";
-const j = 5;
-function C(l) {
-  return l && Math.ceil(+l.getBoundingClientRect().width);
-}
-function g(l) {
-  const u = Number(l.replace("px", ""));
-  return isNaN(u) ? 0 : u;
-}
-const V = (l) => {
-  const { children: u, ellipsisText: R = "···", onEllipsisChange: p } = l, { prefixCls: d } = O(H), o = T(null), [c, y] = k(null), v = `${d}-overflow-sub-menu`, E = `${d}-overflow-hidden-menu-item`, M = `${d}-overflow-sub-menu-mirror`, N = (e) => {
-    if (e !== c) {
-      const n = a.Children.toArray(u), t = e === null;
-      p == null || p({
-        lastVisibleIndex: t ? n.length - 1 : e,
-        overflowNodes: t ? [] : n.slice(e + 1)
-      }), y(e);
-    }
-  };
-  function I() {
-    if (!o.current)
-      return;
-    const e = o.current, n = C(e) - j, t = [].slice.call(e.children);
-    let i = 0, s = 0, f = 0;
-    for (let m = 0; m < t.length; m++) {
-      const r = t[m], b = r.className.split(" "), W = b.indexOf(v) > -1, $ = b.indexOf(M) > -1;
-      if (W)
-        continue;
-      const w = C(r) + g(x(r, "marginLeft")) + g(x(r, "marginRight"));
-      if ($) {
-        f = w;
-        continue;
-      }
-      if (s += w, s > n) {
-        N(
-          // 判断如果将最后一个菜单项换为 ... 是否会超出宽度
-          i - (s - w + f <= n ? 1 : 2)
-        );
-        return;
-      }
-      i++;
-    }
-    N(null);
-  }
-  const S = (e, n = !1) => /* @__PURE__ */ h(
-    U,
-    {
-      title: /* @__PURE__ */ h("span", { children: R }),
-      className: n ? M : v,
-      children: e
-    },
-    `pqb-menu-overflow-sub-menu${n ? "-mirror" : ""}`
-  ), L = () => {
-    let e = null;
-    const n = S(null, !0), t = a.Children.map(u, (i, s) => {
-      let f = i;
-      if (c !== null && (s > c && (f = a.cloneElement(i, {
-        className: E
-      })), s === c + 1)) {
-        const m = a.Children.toArray(u).slice(c + 1).map(
-          (r) => a.cloneElement(r, {
-            key: r.props._key
-          })
-        );
-        e = S(m);
-      }
-      return f;
-    }) ?? [];
-    return [n, ...t, e];
-  };
-  return A(() => {
-    let e;
-    return o.current && (e = new ResizeObserver(I), e.observe(o.current)), () => {
-      var n, t;
-      o.current && ((n = e == null ? void 0 : e.unobserve) == null || n.call(e, o.current)), (t = e == null ? void 0 : e.disconnect) == null || t.call(e), e = null;
-    };
-  }, [o.current]), /* @__PURE__ */ h("div", { className: `${d}-overflow-wrap`, ref: o, children: L() });
-};
-export {
-  V as default
-};

package/menu/context.js

@@ -1,5 +0,0 @@
-import { createContext as t } from "react";
-const o = t({});
-export {
-  o as default
-};