@unicom-cloud/ui 0.8.46 → 0.8.48

package/List.js

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

package/Loading.js

@@ -1,54 +1,53 @@
 import { jsxs as p, jsx as t } from "react/jsx-runtime";
-/* empty css                 */
-/* empty css                         */
-import m from "./loading/style/index.module.less.js";
-import u, { useImperativeHandle as f, useEffect as x } from "react";
+/* empty css               */
+import u, { useImperativeHandle as m, useEffect as f } from "react";
+const x = {};
 function $(a, o) {
   const d = ["#FF5F57", "#FEBC2E", "#28C840"], i = a.colors || d;
-  let s = 12, l = 25, e = 25, r = 4, c = "0.5 0 0.5 1;0.5 0 0.5 1", n = "0.7s";
-  return f(o, () => ({})), x(() => () => {
+  let s = 12, l = 25, e = 25, c = 4, n = "0.5 0 0.5 1;0.5 0 0.5 1", r = "0.7s";
+  return m(o, () => ({})), f(() => () => {
   }, []), /* @__PURE__ */ p(
     "svg",
     {
-      className: m.module,
+      className: x.module,
       xmlns: "http://www.w3.org/2000/svg",
       width: "50px",
       height: "50px",
       viewBox: "0 0 50 50",
       preserveAspectRatio: "xMidYMid",
       children: [
-        /* @__PURE__ */ t("circle", { cx: l - s, cy: e, r, fill: i[0], children: /* @__PURE__ */ t(
+        /* @__PURE__ */ t("circle", { cx: l - s, cy: e, r: c, fill: i[0], children: /* @__PURE__ */ t(
           "animate",
           {
             attributeName: "cy",
             values: `${e + 7};${e};${e + 7}`,
-            dur: n,
+            dur: r,
             calcMode: "spline",
-            keySplines: c,
+            keySplines: n,
             begin: "0s",
             repeatCount: "indefinite"
           }
         ) }),
-        /* @__PURE__ */ t("circle", { cx: l, cy: e, r, fill: i[1], children: /* @__PURE__ */ t(
+        /* @__PURE__ */ t("circle", { cx: l, cy: e, r: c, fill: i[1], children: /* @__PURE__ */ t(
           "animate",
           {
             attributeName: "cy",
             values: `${e - 7};${e};${e - 7}`,
-            dur: n,
+            dur: r,
             calcMode: "spline",
-            keySplines: c,
+            keySplines: n,
             begin: "0s",
             repeatCount: "indefinite"
           }
         ) }),
-        /* @__PURE__ */ t("circle", { cx: l + s, cy: e, r, fill: i[2], children: /* @__PURE__ */ t(
+        /* @__PURE__ */ t("circle", { cx: l + s, cy: e, r: c, fill: i[2], children: /* @__PURE__ */ t(
           "animate",
           {
             attributeName: "cy",
             values: `${e + 7};${e};${e + 7}`,
-            dur: n,
+            dur: r,
             calcMode: "spline",
-            keySplines: c,
+            keySplines: n,
             begin: "0s",
             repeatCount: "indefinite"
           }
@@ -57,7 +56,7 @@ function $(a, o) {
     }
   );
 }
-const y = u.forwardRef($);
+const w = u.forwardRef($);
 export {
-  y as default
+  w as default
 };