@unicom-cloud/ui 0.8.95 → 0.8.97

package/mentions/index.js

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

package/menu/Item.js

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