@unicom-cloud/ui 0.8.96 → 0.8.98

package/list/index.js

@@ -1,250 +1,248 @@
-import { jsx as c, jsxs as L, Fragment as Rt } from "react/jsx-runtime";
-import et, { useContext as jt, useRef as S, useState as F, useImperativeHandle as Dt, useCallback as Ft, createElement as At } from "react";
-import Mt from "lodash/throttle";
+import { jsx as c, jsxs as N, Fragment as Rt } from "react/jsx-runtime";
+import Y, { useContext as jt, useRef as h, useState as j, useImperativeHandle as xt, useCallback as Dt, createElement as Ft } from "react";
+import At from "lodash/throttle";
 import "../config-provider/ConfigProvider.js";
-import Q from "../grid/Col.js";
-import X from "../grid/Row.js";
-import xt from "../components/common/hooks/useMergeProps.js";
+import J from "../grid/Col.js";
+import K from "../grid/Row.js";
+import Mt from "../components/common/hooks/useMergeProps.js";
 import Ht from "../pagination/Pagination.js";
 import Tt from "../spin/index.js";
-import A from "@unicom-cloud/utils/class-name";
-import { omit as Vt } from "../components/common/utils/omit.js";
-import { pickDataAttributes as _t } from "../components/common/utils/pick.js";
-import { scrollIntoView as kt } from "../components/common/utils/scrollIntoView.js";
-import Bt from "../virtual-list/VirtualList.js";
+import x from "@unicom-cloud/utils/class-name";
+import { omit as Bt } from "../components/common/utils/omit.js";
+import { pickDataAttributes as Vt } from "../components/common/utils/pick.js";
+import { scrollIntoView as _t } from "../components/common/utils/scrollIntoView.js";
+import kt from "../virtual-list/VirtualList.js";
 import Gt from "./Item.js";
 import Ot from "../config-provider/context.js";
-const Y = 10, tt = 1, Ut = ["small", "default", "large"], Wt = {
+const Q = 10, X = 1, Ut = ["small", "default", "large"], Wt = {
   split: !0,
   bordered: !0,
   defaultCurrent: 1,
   offsetBottom: 0,
   throttleDelay: 500
 };
-function Zt(ot, M) {
+function Zt(et, D) {
   const {
-    getPrefixCls: y,
-    loadingElement: nt,
-    size: x,
-    renderEmpty: lt,
-    componentConfig: I,
-    rtl: H
-  } = jt(Ot), p = xt(
-    ot,
+    getPrefixCls: rt,
+    loadingElement: ot,
+    size: F,
+    renderEmpty: nt,
+    componentConfig: lt,
+    rtl: A
+  } = jt(Ot), p = Mt(
+    et,
     Wt,
-    I == null ? void 0 : I.List
+    lt?.List
   ), {
     style: st,
     wrapperStyle: it,
     className: at,
     wrapperClassName: ct,
-    children: P = [],
+    children: L = [],
     dataSource: g = [],
     size: ut,
-    footer: T,
-    header: V,
-    pagination: t,
+    footer: M,
+    header: H,
+    pagination: r,
     bordered: mt,
     split: pt,
-    render: v,
+    render: P,
     grid: u,
     loading: dt,
     hoverable: ft,
     scrollLoading: C,
-    paginationInFooter: _,
+    paginationInFooter: T,
     offsetBottom: gt,
-    throttleDelay: k,
+    throttleDelay: B,
     defaultCurrent: ht,
-    noDataElement: St,
-    listRef: Ct,
-    onReachBottom: h,
-    onListScroll: $
-  } = p, $t = ut || (Ut.indexOf(x) > -1 ? x : "default"), e = y == null ? void 0 : y("list"), w = S(null), z = S(null), d = S(null), E = S(null), b = S(!0), [Nt, Lt] = F(
-    t && typeof t == "object" && (t.pageSize || t.defaultPageSize) || Y
-  ), [yt, It] = F(
-    t && typeof t == "object" && (t.current || t.defaultCurrent) || tt
-  ), [R, Pt] = F(ht), B = et.Children.count(P);
-  Dt(Ct, () => ({
-    dom: w.current,
-    scrollIntoView: (o, l) => {
-      if (z.current)
-        z.current.scrollTo({ index: o, options: l });
-      else if (E.current) {
-        const n = E.current.children[o];
-        n && kt(n, {
+    noDataElement: Ct,
+    listRef: St,
+    onReachBottom: y,
+    onListScroll: S
+  } = p, $t = ut || (Ut.indexOf(F) > -1 ? F : "default"), t = rt?.("list"), I = h(null), v = h(null), d = h(null), w = h(null), z = h(!0), [Nt, Lt] = j(
+    r && typeof r == "object" && (r.pageSize || r.defaultPageSize) || Q
+  ), [Pt, yt] = j(
+    r && typeof r == "object" && (r.current || r.defaultCurrent) || X
+  ), [E, It] = j(ht), V = Y.Children.count(L);
+  xt(St, () => ({
+    dom: I.current,
+    scrollIntoView: (o, n) => {
+      if (v.current)
+        v.current.scrollTo({ index: o, options: n });
+      else if (w.current) {
+        const a = w.current.children[o];
+        a && _t(a, {
           boundary: d.current,
-          ...l
+          ...n
         });
       }
     },
-    getRootDOMNode: () => w.current
+    getRootDOMNode: () => I.current
   }));
-  const j = p.virtualListProps ? p.virtualListProps : p.height ? { height: p.height } : void 0, m = {
+  const b = p.virtualListProps ? p.virtualListProps : p.height ? { height: p.height } : void 0, m = {
     pageSize: Nt,
-    current: yt,
-    total: g.length > 0 ? g.length : B,
-    ...typeof t == "object" ? t : {},
-    onPageSizeChange: (o, l) => {
-      var n;
-      Lt(o), t && typeof t == "object" && ((n = t.onPageSizeChange) == null || n.call(t, o, l));
+    current: Pt,
+    total: g.length > 0 ? g.length : V,
+    ...typeof r == "object" ? r : {},
+    onPageSizeChange: (o, n) => {
+      Lt(o), r && typeof r == "object" && r.onPageSizeChange?.(o, n);
     },
-    onChange: (o, l) => {
-      var n;
-      It(o), t && typeof t == "object" && ((n = t.onChange) == null || n.call(t, o, l));
+    onChange: (o, n) => {
+      yt(o), r && typeof r == "object" && r.onChange?.(o, n);
     }
   };
   m.current = Math.min(
     m.current,
     Math.ceil(m.total / m.pageSize)
   );
-  const G = !!($ || h), O = Ft(
-    Mt(() => {
-      if ($) {
-        $(d.current);
+  const _ = !!(S || y), k = Dt(
+    At(() => {
+      if (S) {
+        S(d.current);
         return;
       }
       if (!d.current)
         return;
-      const { scrollTop: o, scrollHeight: l, clientHeight: n } = d.current, i = l - (o + n);
-      Math.abs(i) < gt + 1 ? b.current && (Pt(R + 1), h == null || h(R + 1), b.current = !1) : b.current = !0;
-    }, k),
-    [k, R, $, h]
+      const { scrollTop: o, scrollHeight: n, clientHeight: a } = d.current, s = n - (o + a);
+      Math.abs(s) < gt + 1 ? z.current && (It(E + 1), y?.(E + 1), z.current = !1) : z.current = !0;
+    }, B),
+    [B, E, S, y]
   ), vt = () => {
-    const o = (i) => {
-      const { current: a, pageSize: s } = m, r = (a - 1) * s;
-      return t && i.length > r ? i.slice(r, r + s) : i;
-    }, l = (i, a) => {
-      const s = o(i);
-      return a ? s.map(a) : s;
-    }, n = (i, a) => {
-      const s = o(i);
+    const o = (s) => {
+      const { current: i, pageSize: l } = m, e = (i - 1) * l;
+      return r && s.length > e ? s.slice(e, e + l) : s;
+    }, n = (s, i) => {
+      const l = o(s);
+      return i ? l.map(i) : l;
+    }, a = (s, i) => {
+      const l = o(s);
       if (u.column || u.span) {
-        const r = [], {
-          gutter: N,
+        const e = [], {
+          gutter: $,
           justify: wt,
           align: zt,
           column: Et,
-          ...W
-        } = u, D = Et || Math.floor(24 / u.span), bt = W.span || Math.floor(24 / D);
+          ...O
+        } = u, R = Et || Math.floor(24 / u.span), bt = O.span || Math.floor(24 / R);
         let f = 0;
-        for (; f < s.length; ) {
-          const Z = f + D, q = ~~(f / D);
-          r.push(
+        for (; f < l.length; ) {
+          const U = f + R, W = ~~(f / R);
+          e.push(
             /* @__PURE__ */ c(
-              X,
+              K,
               {
-                className: `${e}-row`,
-                gutter: N,
+                className: `${t}-row`,
+                gutter: $,
                 justify: wt,
                 align: zt,
-                children: s.slice(f, Z).map((J, K) => /* @__PURE__ */ c(
-                  Q,
+                children: l.slice(f, U).map((Z, q) => /* @__PURE__ */ c(
+                  J,
                   {
-                    className: `${e}-row-col`,
-                    ...W,
+                    className: `${t}-row-col`,
+                    ...O,
                     span: bt,
-                    children: a ? a(J, f + K) : J
+                    children: i ? i(Z, f + q) : Z
                   },
-                  `${q}_${K}`
+                  `${W}_${q}`
                 ))
               },
-              q
+              W
             )
-          ), f = Z;
+          ), f = U;
         }
-        return r;
+        return e;
       }
-      return /* @__PURE__ */ c(X, { className: `${e}-row`, gutter: u.gutter, children: s.map((r, N) => /* @__PURE__ */ At(
-        Q,
+      return /* @__PURE__ */ c(K, { className: `${t}-row`, gutter: u.gutter, children: l.map((e, $) => /* @__PURE__ */ Ft(
+        J,
         {
-          className: `${e}-row-col`,
-          ...Vt(u, ["gutter"]),
-          key: N
+          className: `${t}-row-col`,
+          ...Bt(u, ["gutter"]),
+          key: $
         },
-        a ? a(r, N) : r
+        i ? i(e, $) : e
       )) });
     };
-    return g.length > 0 && v ? u ? n(g, v) : l(g, v) : B > 0 ? u ? n(P) : l(P) : C ? null : St || lt("List");
-  }, U = () => {
-    const o = vt(), l = j && j.threshold !== null && Array.isArray(o), n = t ? /* @__PURE__ */ c(
+    return g.length > 0 && P ? u ? a(g, P) : n(g, P) : V > 0 ? u ? a(L) : n(L) : C ? null : Ct || nt("List");
+  }, G = () => {
+    const o = vt(), n = b && b.threshold !== null && Array.isArray(o), a = r ? /* @__PURE__ */ c(
       Ht,
       {
         ...m,
-        className: A(
-          `${e}-pagination`,
+        className: x(
+          `${t}-pagination`,
           m && m.className
         )
       }
-    ) : null, i = _ ? n : null, a = _ ? null : n, s = C != null ? /* @__PURE__ */ c("div", { className: `${e}-item ${e}-scroll-loading`, children: C }) : null;
-    return /* @__PURE__ */ L(
+    ) : null, s = T ? a : null, i = T ? null : a, l = C != null ? /* @__PURE__ */ c("div", { className: `${t}-item ${t}-scroll-loading`, children: C }) : null;
+    return /* @__PURE__ */ N(
       "div",
       {
-        ref: (r) => {
-          M = r, w.current = M;
+        ref: (e) => {
+          D = e, I.current = D;
         },
         style: it,
-        className: A(
-          `${e}-wrapper`,
-          { [`${e}-wrapper-rtl`]: H },
+        className: x(
+          `${t}-wrapper`,
+          { [`${t}-wrapper-rtl`]: A },
           ct
         ),
         children: [
-          /* @__PURE__ */ L(
+          /* @__PURE__ */ N(
             "div",
             {
-              ..._t(p),
+              ...Vt(p),
               style: st,
-              className: A(
-                e,
-                `${e}-${$t}`,
+              className: x(
+                t,
+                `${t}-${$t}`,
                 {
-                  [`${e}-no-border`]: !mt,
-                  [`${e}-no-split`]: !pt,
-                  [`${e}-hoverable`]: ft,
-                  [`${e}-rtl`]: H
+                  [`${t}-no-border`]: !mt,
+                  [`${t}-no-split`]: !pt,
+                  [`${t}-hoverable`]: ft,
+                  [`${t}-rtl`]: A
                 },
                 at
               ),
-              ref: (r) => {
-                l || (d.current = r);
+              ref: (e) => {
+                n || (d.current = e);
               },
-              onScroll: !l && G ? O : void 0,
+              onScroll: !n && _ ? k : void 0,
               children: [
-                V ? /* @__PURE__ */ c("div", { className: `${e}-header`, children: V }) : null,
-                l ? /* @__PURE__ */ c(Rt, { children: /* @__PURE__ */ c(
-                  Bt,
+                H ? /* @__PURE__ */ c("div", { className: `${t}-header`, children: H }) : null,
+                n ? /* @__PURE__ */ c(Rt, { children: /* @__PURE__ */ c(
+                  kt,
                   {
                     role: "list",
-                    ref: (r) => {
-                      r && (z.current = r, d.current = r.dom);
+                    ref: (e) => {
+                      e && (v.current = e, d.current = e.dom);
                     },
-                    className: `${e}-content ${e}-virtual`,
-                    data: s ? o.concat(s) : o,
+                    className: `${t}-content ${t}-virtual`,
+                    data: l ? o.concat(l) : o,
                     isStaticItemHeight: !1,
-                    onScroll: G ? O : void 0,
-                    ...j,
-                    children: (r) => r
+                    onScroll: _ ? k : void 0,
+                    ...b,
+                    children: (e) => e
                   }
-                ) }) : /* @__PURE__ */ L(
+                ) }) : /* @__PURE__ */ N(
                   "div",
                   {
                     role: "list",
-                    className: `${e}-content`,
-                    ref: E,
+                    className: `${t}-content`,
+                    ref: w,
                     children: [
                       o,
-                      s
+                      l
                     ]
                   }
                 ),
-                T || i ? /* @__PURE__ */ L("div", { className: `${e}-footer`, children: [
-                  T,
-                  i
+                M || s ? /* @__PURE__ */ N("div", { className: `${t}-footer`, children: [
+                  M,
+                  s
                 ] }) : null
               ]
             }
           ),
-          a
+          i
         ]
       }
     );
@@ -254,17 +252,17 @@ function Zt(ot, M) {
     {
       style: { display: "block" },
       loading: dt,
-      element: nt,
-      children: U()
+      element: ot,
+      children: G()
     }
-  ) : U();
+  ) : G();
 }
-const rt = et.forwardRef(
+const tt = Y.forwardRef(
   Zt
 );
-rt.displayName = "List";
-rt.Item = Gt;
+tt.displayName = "List";
+tt.Item = Gt;
 export {
   Gt as ListItem,
-  rt as default
+  tt as default
 };

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)
         ] })
       ]
     }