@unicom-cloud/ui 0.8.90 → 0.8.92

package/locale/tr-TR.js

@@ -1,4 +1,5 @@
-import { e } from "../chunk/DEuVgCzp.js";
+import "../dist/validate/src/index.js";
+import { d as e } from "../dist/validate/chunk/BXTR2LmP.js";
 import "dayjs/locale/tr";
 const a = {
   formatYear: "YYYY",
@@ -63,7 +64,7 @@ const a = {
       sunday: "Paz"
     }
   }
-}, l = {
+}, o = {
   locale: "tr-TR",
   dayjsLocale: "tr",
   Calendar: a,
@@ -165,5 +166,5 @@ const a = {
   Form: e
 };
 export {
-  l as default
+  o as default
 };

package/mentions/index.js

@@ -1,13 +1,147 @@
-import "react/jsx-runtime";
-import "react";
-import "../chunk/B44Hj5ad.js";
-import "../chunk/BFTV6myl.js";
-import "../chunk/D5wldVRB.js";
-import "../input/Input.js";
-import { M as s } from "../chunk/BbQEqpOn.js";
-import "@unicom-cloud/utils/class-name";
-import "@unicom-cloud/utils/constant/keyboardCode";
-import "./util.js";
+import { jsxs as S, jsx as $ } from "react/jsx-runtime";
+import q, { useContext as z, useRef as M, 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 v, Enter as w, ArrowUp as A, ArrowDown as C } from "@unicom-cloud/utils/constant/keyboardCode";
+import { getBeforeSelectionText as ee, getLastMeasureIndex as te, isValidSearch as re } from "./util.js";
+import oe from "../config-provider/context.js";
+const ne = Y.TextArea, se = [v.key, w.key, A.key, C.key], ie = {
+  prefix: "@",
+  split: " ",
+  rows: 1,
+  position: "bl",
+  alignTextarea: !0
+};
+function ae(E, P) {
+  const { getPrefixCls: x, componentConfig: d, rtl: I } = z(oe), f = Q(
+    E,
+    ie,
+    d == null ? void 0 : d.Mentions
+  ), {
+    style: W,
+    className: b,
+    options: B,
+    prefix: D,
+    split: p,
+    position: K,
+    alignTextarea: T,
+    filterOption: O,
+    triggerProps: R,
+    getPopupContainer: j,
+    onChange: l,
+    onSearch: g,
+    notFoundContent: F,
+    ...H
+  } = f, c = x == null ? void 0 : x("mentions"), y = M(null), h = M(null), m = M(null), [u, N] = X("", {
+    value: f.value,
+    defaultValue: f.defaultValue
+  }), [e, V] = G({
+    measuring: !1,
+    location: 0,
+    text: "",
+    prefix: ""
+  });
+  J(() => {
+    m.current && h.current && (h.current.scrollTop = m.current.dom.scrollTop);
+  });
+  const k = () => {
+    V({
+      ...e,
+      measuring: !1,
+      location: 0,
+      text: ""
+    });
+  }, L = (r) => {
+    const n = e.location, s = e.location + e.text.length;
+    let t = u.slice(0, n), o = u.slice(s + 1);
+    t += !t || t.endsWith(p) || t.endsWith(`
+`) ? "" : p, o = (!o || o.startsWith(p) || o.startsWith(`
+`) ? "" : p) + o;
+    const i = `${e.prefix}${r}`, a = `${t}${i}${o}`;
+    N(a), k(), l == null || l(a);
+  }, U = {
+    onChange: (r) => {
+      N(r), l == null || l(r);
+    },
+    onKeyDown: (r) => {
+      var s, t;
+      const n = r.key;
+      n === v.key && ((t = (s = m.current) == null ? void 0 : s.blur) == null || t.call(s)), y.current && (y.current.hotkeyHandler(r), (n === w.key || n === A.key || n === C.key) && r.preventDefault());
+    },
+    onKeyUp: (r) => {
+      const { key: n, target: s } = r;
+      if (~se.indexOf(n))
+        return;
+      const t = ee(s), { location: o, prefix: i } = te(t, D), a = t.slice(
+        o + i.length
+      );
+      o > -1 && re(a, f) ? ((n === i || e.measuring || a !== e.text || t.includes(i)) && V({
+        measuring: !0,
+        text: a,
+        prefix: i,
+        location: o
+      }), g == null || g(a, i)) : e.measuring && k();
+    },
+    onBlur: k
+  };
+  return /* @__PURE__ */ S(
+    "div",
+    {
+      ref: P,
+      style: W,
+      className: _(
+        `${c}`,
+        {
+          [`${c}-align-textarea`]: T,
+          [`${c}-rtl`]: I
+        },
+        b
+      ),
+      children: [
+        /* @__PURE__ */ $(
+          ne,
+          {
+            ref: m,
+            className: `${c}-textarea`,
+            value: u,
+            ...U,
+            ...H
+          }
+        ),
+        /* @__PURE__ */ S("div", { ref: h, className: `${c}-measure`, children: [
+          u.slice(0, e.location),
+          /* @__PURE__ */ $(
+            Z,
+            {
+              ref: y,
+              options: B,
+              inputValue: e.text,
+              notFoundContent: F,
+              triggerElement: /* @__PURE__ */ $("span", { className: `${c}-measure-trigger`, children: e.prefix }),
+              triggerProps: {
+                popupVisible: e.measuring,
+                autoAlignPopupWidth: T,
+                position: K,
+                ...R
+              },
+              filterOption: O,
+              getPopupContainer: j,
+              value: void 0,
+              onChange: L
+            }
+          ),
+          u.slice(e.location + e.prefix.length)
+        ] })
+      ]
+    }
+  );
+}
+const le = q.forwardRef(ae);
+le.displayName = "Mentions";
 export {
-  s as default
+  le as default
 };

package/menu/Item.js

@@ -1,11 +1,11 @@
 import { jsxs as k, jsx as o, Fragment as D } from "react/jsx-runtime";
-import { p as F } from "../chunk/Coz3rCng.js";
+import F from "../dist/scroll-into-view-if-needed/src/index.js";
 import { forwardRef as O, useContext as j, useRef as B, useEffect as K } from "react";
-import { u as U } from "../chunk/oopARUrq.js";
+import U from "../components/common/hooks/useIsFirstRender.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 { o as x } from "../chunk/BKKEev13.js";
+import { omit as x } from "../components/common/utils/omit.js";
 import V from "./Indent.js";
 import W from "./context.js";
 import { PROPS_NEED_TO_BE_PASSED_IN_SUBMENU as q } from "./util.js";

package/menu/Menu.js

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

package/menu/OverflowWrap.js

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

package/menu/index.js

@@ -1,11 +1,11 @@
-import { M as o } from "../chunk/CkEaf5V0.js";
-import { S as r, S as a } from "../chunk/CkEaf5V0.js";
-import { default as n } from "./Item.js";
-import { default as p } from "./ItemGroup.js";
+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";
 export {
-  n as MenuItem,
-  p as MenuItemGroup,
-  r as MenuSubMenu,
-  a as SubMenu,
-  o as default
+  a as MenuItem,
+  f as MenuItemGroup,
+  n as MenuSubMenu,
+  p as SubMenu,
+  u as default
 };

package/menu/sub-menu/Inline.js

@@ -0,0 +1,111 @@
+import { jsxs as x, jsx as n } from "react/jsx-runtime";
+import P from "@unicom-cloud/icons/IconUiDown";
+import { useContext as T } from "react";
+import H from "../../components/common/hooks/useId.js";
+import A from "../../components/common/hooks/useStateWithPromise.js";
+import U from "../Indent.js";
+import j from "../context.js";
+import { isChildrenSelected as z, processChildren as B, PROPS_NEED_TO_BE_PASSED_IN_SUBMENU as L } from "../util.js";
+import { PqbCSSTransition as R } from "../../components/common/utils/PqbCSSTransition.js";
+import d from "@unicom-cloud/utils/class-name";
+import { Enter as q } from "@unicom-cloud/utils/constant/keyboardCode";
+import { omit as K } from "../../components/common/utils/omit.js";
+import { pick as W } from "../../components/common/utils/pick.js";
+const h = { height: 0, visibility: "hidden" }, re = (f) => {
+  const {
+    _key: r,
+    children: u,
+    style: C,
+    className: E,
+    title: k,
+    level: l,
+    forwardedRef: w,
+    selectable: c,
+    ...p
+  } = f, {
+    id: I,
+    prefixCls: i,
+    levelIndent: _,
+    openKeys: a = [],
+    selectedKeys: y = [],
+    icons: m,
+    onClickSubMenu: b,
+    onClickMenuItem: g
+  } = T(j), o = `${i}-inline`, s = (a == null ? void 0 : a.indexOf(r)) > -1, D = c && y.indexOf(f._key) > -1 || z(u, y), [$, t] = A(
+    s ? { height: "auto" } : h
+  ), N = (e) => {
+    b(r, l, "inline"), c && g(r, e);
+  }, S = H(`${I}-submenu-inline-`), M = B(u, {
+    ...W(p, L),
+    level: l + 1,
+    selectable: c
+  }), O = /* @__PURE__ */ x(
+    "div",
+    {
+      tabIndex: 0,
+      "aria-expanded": s,
+      "aria-controls": S,
+      className: d(`${o}-header`, {
+        [`${i}-selected`]: D
+      }),
+      onClick: N,
+      onKeyDown: (e) => {
+        e.key === q.key && N(e);
+      },
+      children: [
+        /* @__PURE__ */ n(
+          U,
+          {
+            level: l,
+            prefixCls: i,
+            levelIndent: _
+          }
+        ),
+        /* @__PURE__ */ n("span", { children: k }),
+        /* @__PURE__ */ n("span", { className: `${i}-icon-suffix ${s ? "is-open" : ""}`, children: m && m.horizontalArrowDown ? m.horizontalArrowDown : /* @__PURE__ */ n(P, {}) })
+      ]
+    }
+  ), v = /* @__PURE__ */ n(
+    "div",
+    {
+      id: S,
+      className: d(`${o}-content`),
+      style: $,
+      children: M
+    }
+  );
+  return /* @__PURE__ */ x(
+    "div",
+    {
+      ref: w,
+      className: d(o, E),
+      style: C,
+      ...K(p, ["key", "popup", "triggerProps"]),
+      children: [
+        O,
+        /* @__PURE__ */ n(
+          R,
+          {
+            in: s,
+            timeout: 200,
+            classNames: o,
+            unmountOnExit: !1,
+            onEnter: async (e) => {
+              e && (await t(h), await t({ height: e.scrollHeight }));
+            },
+            onEntered: () => {
+              t({ height: "auto" });
+            },
+            onExit: async (e) => {
+              e && (await t({ height: e.scrollHeight }), await t(h));
+            },
+            children: v
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  re as default
+};