@unicom-cloud/ui 0.8.108 → 0.8.110

package/mentions/index.js

@@ -1,15 +1,14 @@
 import { jsxs as M, jsx as d } from "react/jsx-runtime";
 import q, { useContext as z, useRef as h, useState as G, useEffect as J } from "react";
-import "../config-provider/ConfigProvider.js";
-import Q from "../components/common/hooks/useMergeProps.js";
-import X from "../components/common/hooks/useMergeValue.js";
-import Y from "../input/Input.js";
-import Z from "../select/Select.js";
-import _ from "@unicom-cloud/utils/class-name";
-import { Esc as S, Enter as T, ArrowUp as N, ArrowDown as P } from "@unicom-cloud/utils/constant/keyboardCode";
-import { getBeforeSelectionText as ee, getLastMeasureIndex as te, isValidSearch as re } from "./util.js";
-import ne from "../config-provider/context.js";
-const oe = Y.TextArea, se = [S.key, T.key, N.key, P.key], ie = {
+import { a as Q } from "../chunk/BcEZk8pT.js";
+import { u as X } from "../chunk/FgWHhRFz.js";
+import { u as Y } from "../chunk/2vdCeheu.js";
+import Z from "../input/Input.js";
+import _ from "../select/Select.js";
+import ee from "@unicom-cloud/utils/class-name";
+import { Esc as S, Enter as N, ArrowUp as P, ArrowDown as T } from "@unicom-cloud/utils/constant/keyboardCode";
+import { getBeforeSelectionText as te, getLastMeasureIndex as ne, isValidSearch as re } from "./util.js";
+const oe = [S.key, N.key, P.key, T.key], se = {
   prefix: "@",
   split: " ",
   rows: 1,
@@ -17,10 +16,10 @@ const oe = Y.TextArea, se = [S.key, T.key, N.key, P.key], ie = {
   alignTextarea: !0
 };
 function ae(V, v) {
-  const { getPrefixCls: w, componentConfig: A, rtl: E } = z(ne), c = Q(
+  const { getPrefixCls: w, componentConfig: E, rtl: A } = z(Q), c = X(
     V,
-    ie,
-    A?.Mentions
+    se,
+    E?.Mentions
   ), {
     style: I,
     className: W,
@@ -36,7 +35,7 @@ function ae(V, v) {
     onSearch: j,
     notFoundContent: F,
     ...H
-  } = c, a = w?.("mentions"), p = h(null), m = h(null), f = h(null), [l, k] = X("", {
+  } = c, i = w?.("mentions"), p = h(null), m = h(null), f = h(null), [l, k] = Y("", {
     value: c.value,
     defaultValue: c.defaultValue
   }), [e, $] = G({
@@ -56,34 +55,34 @@ function ae(V, v) {
       text: ""
     });
   }, L = (t) => {
-    const n = e.location, g = e.location + e.text.length;
-    let o = l.slice(0, n), r = l.slice(g + 1);
+    const r = e.location, g = e.location + e.text.length;
+    let o = l.slice(0, r), n = l.slice(g + 1);
     o += !o || o.endsWith(u) || o.endsWith(`
-`) ? "" : u, r = (!r || r.startsWith(u) || r.startsWith(`
-`) ? "" : u) + r;
-    const s = `${e.prefix}${t}`, i = `${o}${s}${r}`;
-    k(i), x(), C?.(i);
+`) ? "" : u, n = (!n || n.startsWith(u) || n.startsWith(`
+`) ? "" : u) + n;
+    const s = `${e.prefix}${t}`, a = `${o}${s}${n}`;
+    k(a), x(), C?.(a);
   }, U = {
     onChange: (t) => {
       k(t), C?.(t);
     },
     onKeyDown: (t) => {
-      const n = t.key;
-      n === S.key && f.current?.blur?.(), p.current && (p.current.hotkeyHandler(t), (n === T.key || n === N.key || n === P.key) && t.preventDefault());
+      const r = t.key;
+      r === S.key && f.current?.blur?.(), p.current && (p.current.hotkeyHandler(t), (r === N.key || r === P.key || r === T.key) && t.preventDefault());
     },
     onKeyUp: (t) => {
-      const { key: n, target: g } = t;
-      if (~se.indexOf(n))
+      const { key: r, target: g } = t;
+      if (~oe.indexOf(r))
         return;
-      const o = ee(g), { location: r, prefix: s } = te(o, B), i = o.slice(
-        r + s.length
+      const o = te(g), { location: n, prefix: s } = ne(o, B), a = o.slice(
+        n + s.length
       );
-      r > -1 && re(i, c) ? ((n === s || e.measuring || i !== e.text || o.includes(s)) && $({
+      n > -1 && re(a, c) ? ((r === s || e.measuring || a !== e.text || o.includes(s)) && $({
         measuring: !0,
-        text: i,
+        text: a,
         prefix: s,
-        location: r
-      }), j?.(i, s)) : e.measuring && x();
+        location: n
+      }), j?.(a, s)) : e.measuring && x();
     },
     onBlur: x
   };
@@ -92,35 +91,35 @@ function ae(V, v) {
     {
       ref: v,
       style: I,
-      className: _(
-        `${a}`,
+      className: ee(
+        `${i}`,
         {
-          [`${a}-align-textarea`]: y,
-          [`${a}-rtl`]: E
+          [`${i}-align-textarea`]: y,
+          [`${i}-rtl`]: A
         },
         W
       ),
       children: [
         /* @__PURE__ */ d(
-          oe,
+          Z.TextArea,
           {
             ref: f,
-            className: `${a}-textarea`,
+            className: `${i}-textarea`,
             value: l,
             ...U,
             ...H
           }
         ),
-        /* @__PURE__ */ M("div", { ref: m, className: `${a}-measure`, children: [
+        /* @__PURE__ */ M("div", { ref: m, className: `${i}-measure`, children: [
           l.slice(0, e.location),
           /* @__PURE__ */ d(
-            Z,
+            _,
             {
               ref: p,
               options: b,
               inputValue: e.text,
               notFoundContent: F,
-              triggerElement: /* @__PURE__ */ d("span", { className: `${a}-measure-trigger`, children: e.prefix }),
+              triggerElement: /* @__PURE__ */ d("span", { className: `${i}-measure-trigger`, children: e.prefix }),
               triggerProps: {
                 popupVisible: e.measuring,
                 autoAlignPopupWidth: y,
@@ -139,8 +138,8 @@ function ae(V, v) {
     }
   );
 }
-const le = q.forwardRef(ae);
-le.displayName = "Mentions";
+const ie = q.forwardRef(ae);
+ie.displayName = "Mentions";
 export {
-  le as default
+  ie as default
 };

package/menu/Item.js

@@ -1,19 +1,19 @@
 import { jsxs as N, jsx as r, Fragment as D } from "react/jsx-runtime";
-import F from "../dist/scroll-into-view-if-needed/src/index.js";
+import { b as F } from "../chunk/-PX9OR3r.js";
 import { forwardRef as O, useContext as j, useRef as B, useEffect as K } from "react";
-import U from "../components/common/hooks/useIsFirstRender.js";
+import { u as U } from "../chunk/oopARUrq.js";
 import z from "../tooltip/index.js";
 import A from "@unicom-cloud/utils/class-name";
 import { Enter as H } from "@unicom-cloud/utils/constant/keyboardCode";
-import { omit as b } from "../components/common/utils/omit.js";
+import { o as b } from "../chunk/BKKEev13.js";
 import V from "./Indent.js";
 import W from "./context.js";
 import { PROPS_NEED_TO_BE_PASSED_IN_SUBMENU as q } from "./util.js";
 function G(C, c) {
   const {
     _key: a,
-    children: i,
-    level: s,
+    children: s,
+    level: i,
     disabled: l,
     className: x,
     style: E,
@@ -32,7 +32,7 @@ function G(C, c) {
     scrollConfig: S,
     tooltipProps: y,
     onClickMenuItem: w
-  } = j(W), o = B(null), R = U(), I = p === "vertical" && s > 1, v = m && !M && s === 1, n = f && ~f.indexOf(a);
+  } = j(W), o = B(null), R = U(), I = p === "vertical" && i > 1, v = m && !M && i === 1, n = f && ~f.indexOf(a);
   K(() => {
     const e = n && u;
     o.current && e && setTimeout(
@@ -85,7 +85,7 @@ function G(C, c) {
             {
               prefixCls: t,
               levelIndent: P,
-              level: s
+              level: i
             }
           ),
           /* @__PURE__ */ r(
@@ -95,10 +95,10 @@ function G(C, c) {
               style: {
                 display: "block"
               },
-              children: i
+              children: s
             }
           )
-        ] }) : i,
+        ] }) : s,
         n && p === "horizontal" ? /* @__PURE__ */ r("div", { className: `${t}-selected-label` }) : null
       ]
     }
@@ -108,7 +108,7 @@ function G(C, c) {
     {
       trigger: "hover",
       position: "right",
-      content: typeof d == "function" ? d() : /* @__PURE__ */ r("span", { children: i }),
+      content: typeof d == "function" ? d() : /* @__PURE__ */ r("span", { children: s }),
       triggerProps: {
         className: `${t}-item-tooltip`,
         ...y?.triggerProps || {}

package/menu/Menu.js

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

package/menu/OverflowWrap.js

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

package/menu/index.js

@@ -1,11 +1,11 @@
-import u from "./Menu.js";
-import { default as a } from "./Item.js";
-import { default as f } from "./ItemGroup.js";
-import { default as n, default as p } from "./sub-menu/index.js";
+import { M as o } from "../chunk/n1tirBXA.js";
+import { S as r, S as a } from "../chunk/n1tirBXA.js";
+import { default as n } from "./Item.js";
+import { default as p } from "./ItemGroup.js";
 export {
-  a as MenuItem,
-  f as MenuItemGroup,
-  n as MenuSubMenu,
-  p as SubMenu,
-  u as default
+  n as MenuItem,
+  p as MenuItemGroup,
+  r as MenuSubMenu,
+  a as SubMenu,
+  o as default
 };