@unicom-cloud/ui 0.8.95 → 0.8.97

package/list/Item.js

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

package/list/Meta.js

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

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
 };