@unicom-cloud/ui 0.8.123 → 0.8.125

package/list/index.js

@@ -1,7 +1,7 @@
-/* 2025-11-19 09:09:44 */
-import { jsx as c, jsxs as L, Fragment as xt } from "react/jsx-runtime";
-import tt, { useContext as Dt, useRef as h, useState as D, useImperativeHandle as Ft, useCallback as Mt, createElement as At } from "react";
-import Ht from "lodash/throttle";
+/* 2025-11-27 12:11:12 */
+import { jsx as c, jsxs as N, Fragment as xt } from "react/jsx-runtime";
+import tt, { useContext as Ft, useRef as h, useState as x, useImperativeHandle as Dt, useCallback as At, createElement as Ht } from "react";
+import Mt from "lodash/throttle";
 import "../config-provider/ConfigProvider.js";
 import Tt from "@unicom-cloud/ui-common/hooks/use-merge-props";
 import "../pagination/PageOption.js";
@@ -12,8 +12,8 @@ import F from "@unicom-cloud/ui-common/utils/className";
 import { isObjectLike as C, isArray as Vt } from "@unicom-cloud/ui-common/utils/is";
 import _t from "@unicom-cloud/ui-common/utils/omit";
 import { pickDataAttributes as jt } from "@unicom-cloud/ui-common/utils/pick";
-import Ot from "@unicom-cloud/ui-common/utils/scrollIntoViewIfNeeded";
-import Gt from "../virtual-list/VirtualList.js";
+import Gt from "@unicom-cloud/ui-common/utils/scrollIntoViewIfNeeded";
+import Ot from "../virtual-list/VirtualList.js";
 import Ut from "./Item.js";
 import Wt from "../config-provider/context.js";
 import Q from "../row-col/Col.js";
@@ -24,7 +24,7 @@ const X = 10, Y = 1, Zt = ["small", "default", "large"], qt = {
   offsetBottom: 0,
   throttleDelay: 500
 };
-function Jt(rt, M) {
+function Jt(rt, D) {
   const {
     prefixCls: Kt,
     getPrefixCls: ot,
@@ -33,7 +33,7 @@ function Jt(rt, M) {
     renderEmpty: lt,
     componentConfig: st,
     rtl: H
-  } = Dt(Wt), p = Tt(
+  } = Ft(Wt), p = Tt(
     rt,
     qt,
     st?.List
@@ -45,8 +45,8 @@ function Jt(rt, M) {
     children: P = [],
     dataSource: g = [],
     size: mt,
-    footer: T,
-    header: k,
+    footer: M,
+    header: T,
     pagination: r,
     bordered: pt,
     split: dt,
@@ -55,36 +55,37 @@ function Jt(rt, M) {
     loading: ft,
     hoverable: gt,
     scrollLoading: S,
-    paginationInFooter: B,
+    paginationInFooter: k,
     offsetBottom: ht,
-    throttleDelay: V,
+    throttleDelay: B,
     defaultCurrent: Ct,
     noDataElement: St,
-    listRef: $t,
+    refList: $t,
     onReachBottom: v,
     onListScroll: $
-  } = p, Nt = mt || (Zt.indexOf(A) > -1 ? A : "default"), t = ot?.("list"), w = h(null), z = h(null), d = h(null), E = h(null), y = h(!0), [Lt, Pt] = D(
+  } = p, Lt = mt || (Zt.indexOf(A) > -1 ? A : "default"), t = ot?.("list"), V = h(null), E = h(null), d = h(null), w = h(null), z = h(!0), [Nt, Pt] = x(
     r && C(r) && (r.pageSize || r.defaultPageSize) || X
-  ), [It, vt] = D(
+  ), [It, vt] = x(
     r && C(r) && (r.current || r.defaultCurrent) || Y
-  ), [R, wt] = D(Ct), _ = tt.Children.count(P);
-  Ft($t, () => ({
-    dom: w.current,
+  ), [y, Et] = x(Ct), _ = tt.Children.count(P);
+  Dt($t, () => ({
     scrollIntoView: (o, n) => {
-      if (z.current)
-        z.current.scrollTo({ index: o, options: n });
-      else if (E.current) {
-        const a = E.current.children[o];
-        a && Ot(a, {
+      if (E.current)
+        E.current.scrollTo({ index: o, options: n });
+      else if (w.current) {
+        const a = w.current.children[o];
+        a && Gt(a, {
           boundary: d.current,
           ...n
         });
       }
     },
-    getRootDOMNode: () => w.current
+    getRootElement() {
+      return V.current;
+    }
   }));
-  const b = p.virtualListProps ? p.virtualListProps : p.height ? { height: p.height } : void 0, m = {
-    pageSize: Lt,
+  const R = p.virtualListProps ? p.virtualListProps : p.height ? { height: p.height } : void 0, m = {
+    pageSize: Nt,
     current: It,
     total: g.length > 0 ? g.length : _,
     ...C(r) ? r : {},
@@ -99,8 +100,8 @@ function Jt(rt, M) {
     m.current,
     Math.ceil(m.total / m.pageSize)
   );
-  const j = !!($ || v), O = Mt(
-    Ht(() => {
+  const j = !!($ || v), G = At(
+    Mt(() => {
       if ($) {
         $(d.current);
         return;
@@ -108,10 +109,10 @@ function Jt(rt, M) {
       if (!d.current)
         return;
       const { scrollTop: o, scrollHeight: n, clientHeight: a } = d.current, s = n - (o + a);
-      Math.abs(s) < ht + 1 ? y.current && (wt(R + 1), v?.(R + 1), y.current = !1) : y.current = !0;
-    }, V),
-    [V, R, $, v]
-  ), zt = () => {
+      Math.abs(s) < ht + 1 ? z.current && (Et(y + 1), v?.(y + 1), z.current = !1) : z.current = !0;
+    }, B),
+    [B, y, $, v]
+  ), wt = () => {
     const o = (s) => {
       const { current: i, pageSize: l } = m, e = (i - 1) * l;
       return r && s.length > e ? s.slice(e, e + l) : s;
@@ -122,22 +123,22 @@ function Jt(rt, M) {
       const l = o(s);
       if (u.column || u.span) {
         const e = [], {
-          gutter: N,
-          justify: Et,
+          gutter: L,
+          justify: zt,
           align: yt,
           column: Rt,
           ...U
-        } = u, x = Rt || Math.floor(24 / u.span), bt = U.span || Math.floor(24 / x);
+        } = u, b = Rt || Math.floor(24 / u.span), bt = U.span || Math.floor(24 / b);
         let f = 0;
         for (; f < l.length; ) {
-          const W = f + x, Z = ~~(f / x);
+          const W = f + b, Z = ~~(f / b);
           e.push(
             /* @__PURE__ */ c(
               K,
               {
                 className: `${t}-row`,
-                gutter: N,
-                justify: Et,
+                gutter: L,
+                justify: zt,
                 align: yt,
                 children: l.slice(f, W).map((q, J) => /* @__PURE__ */ c(
                   Q,
@@ -156,19 +157,19 @@ function Jt(rt, M) {
         }
         return e;
       }
-      return /* @__PURE__ */ c(K, { className: `${t}-row`, gutter: u.gutter, children: l.map((e, N) => /* @__PURE__ */ At(
+      return /* @__PURE__ */ c(K, { className: `${t}-row`, gutter: u.gutter, children: l.map((e, L) => /* @__PURE__ */ Ht(
         Q,
         {
           className: `${t}-row-col`,
           ..._t(u, ["gutter"]),
-          key: N
+          key: L
         },
-        i ? i(e, N) : e
+        i ? i(e, L) : e
       )) });
     };
     return g.length > 0 && I ? u ? a(g, I) : n(g, I) : _ > 0 ? u ? a(P) : n(P) : S ? null : St || lt("List");
-  }, G = () => {
-    const o = zt(), n = b && b.threshold !== null && Vt(o), a = r ? /* @__PURE__ */ c(
+  }, O = () => {
+    const o = wt(), n = R && R.threshold !== null && Vt(o), a = r ? /* @__PURE__ */ c(
       kt,
       {
         ...m,
@@ -177,12 +178,12 @@ function Jt(rt, M) {
           m && m.className
         )
       }
-    ) : null, s = B ? a : null, i = B ? null : a, l = S != null ? /* @__PURE__ */ c("div", { className: `${t}-item ${t}-scroll-loading`, children: S }) : null;
-    return /* @__PURE__ */ L(
+    ) : null, s = k ? a : null, i = k ? null : a, l = S != null ? /* @__PURE__ */ c("div", { className: `${t}-item ${t}-scroll-loading`, children: S }) : null;
+    return /* @__PURE__ */ N(
       "div",
       {
         ref: (e) => {
-          M = e, w.current = M;
+          D = e, V.current = D;
         },
         style: at,
         className: F(
@@ -191,14 +192,14 @@ function Jt(rt, M) {
           ut
         ),
         children: [
-          /* @__PURE__ */ L(
+          /* @__PURE__ */ N(
             "div",
             {
               ...jt(p),
               style: it,
               className: F(
                 t,
-                `${t}-${Nt}`,
+                `${t}-${Lt}`,
                 {
                   [`${t}-no-border`]: !pt,
                   [`${t}-no-split`]: !dt,
@@ -210,37 +211,37 @@ function Jt(rt, M) {
               ref: (e) => {
                 n || (d.current = e);
               },
-              onScroll: !n && j ? O : void 0,
+              onScroll: !n && j ? G : void 0,
               children: [
-                k ? /* @__PURE__ */ c("div", { className: `${t}-header`, children: k }) : null,
+                T ? /* @__PURE__ */ c("div", { className: `${t}-header`, children: T }) : null,
                 n ? /* @__PURE__ */ c(xt, { children: /* @__PURE__ */ c(
-                  Gt,
+                  Ot,
                   {
                     role: "list",
                     ref: (e) => {
-                      e && (z.current = e, d.current = e.dom);
+                      e && (E.current = e, d.current = e.getRootElement?.());
                     },
                     className: `${t}-content ${t}-virtual`,
                     data: l ? o.concat(l) : o,
                     isStaticItemHeight: !1,
-                    onScroll: j ? O : void 0,
-                    ...b,
+                    onScroll: j ? G : void 0,
+                    ...R,
                     children: (e) => e
                   }
-                ) }) : /* @__PURE__ */ L(
+                ) }) : /* @__PURE__ */ N(
                   "div",
                   {
                     role: "list",
                     className: `${t}-content`,
-                    ref: E,
+                    ref: w,
                     children: [
                       o,
                       l
                     ]
                   }
                 ),
-                T || s ? /* @__PURE__ */ L("div", { className: `${t}-footer`, children: [
-                  T,
+                M || s ? /* @__PURE__ */ N("div", { className: `${t}-footer`, children: [
+                  M,
                   s
                 ] }) : null
               ]
@@ -257,9 +258,9 @@ function Jt(rt, M) {
       style: { display: "block" },
       loading: ft,
       element: nt,
-      children: G()
+      children: O()
     }
-  ) : G();
+  ) : O();
 }
 const et = tt.forwardRef(
   Jt

package/loading/index.js

@@ -1,81 +1,88 @@
-/* 2025-11-19 09:09:44 */
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as N, useContext as d, useMemo as u } from "react";
+/* 2025-11-27 12:11:12 */
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as N, useContext as E, useMemo as I, useRef as v, useImperativeHandle as A } from "react";
 import "../config-provider/ConfigProvider.js";
-import { useMergeProps as A } from "@unicom-cloud/ui-common/hooks";
+import { useMergeProps as R } from "@unicom-cloud/ui-common/hooks";
+import "../utils/responsiveObserve.js";
+import "@unicom-cloud/ui-common/hooks/use-force-update";
 import "@unicom-cloud/ui-common/utils/is";
 import "@unicom-cloud/utils/constant/keyboardCode";
 import "@unicom-cloud/ui-common/hooks/use-merge-value";
 import "lodash/merge";
 import "@unicom-cloud/ui-common/utils/dom";
-import E from "@unicom-cloud/ui-common/utils/className";
-import I from "../config-provider/context.js";
-const v = ["#FF5F57", "#FEBC2E", "#28C840"], s = 50, o = s / 2, S = 4, e = 7, l = 12, T = "0.7s", w = "0.5 0 0.5 1;0.5 0 0.5 1", D = (c, M) => {
+import S from "@unicom-cloud/ui-common/utils/className";
+import T from "../config-provider/context.js";
+const w = ["#FF5F57", "#FEBC2E", "#28C840"], o = 50, e = o / 2, D = 4, t = 7, c = 12, L = "0.7s", M = "0.5 0 0.5 1;0.5 0 0.5 1", O = (m, a) => {
   const {
-    prefixCls: O,
-    getPrefixCls: a,
-    componentConfig: m,
-    rtl: p
-  } = d(I), f = A(
-    c,
+    prefixCls: h,
+    getPrefixCls: p,
+    componentConfig: f,
+    rtl: u
+  } = E(T), x = R(
+    m,
     {},
-    m?.Loading
-  ), { colors: t = v, style: x, className: C, ..._ } = f, n = a?.("mentions"), $ = u(
+    f?.Loading
+  ), { colors: s = w, style: C, className: g, ...y } = x, n = p?.("mentions"), $ = I(
     () => [
       {
-        cx: o - l,
-        fill: t[0],
-        values: `${o + e};${o};${o + e}`
+        cx: e - c,
+        fill: s[0],
+        values: `${e + t};${e};${e + t}`
       },
       {
-        cx: o,
-        fill: t[1],
-        values: `${o - e};${o};${o - e}`
+        cx: e,
+        fill: s[1],
+        values: `${e - t};${e};${e - t}`
       },
       {
-        cx: o + l,
-        fill: t[2],
-        values: `${o + e};${o};${o + e}`
+        cx: e + c,
+        fill: s[2],
+        values: `${e + t};${e};${e + t}`
       }
     ],
-    [t]
-  );
-  return /* @__PURE__ */ r(
+    [s]
+  ), l = v(null);
+  return A(a, () => ({
+    getRootElement() {
+      return l.current;
+    }
+  })), /* @__PURE__ */ i(
     "svg",
     {
-      style: { ...x },
-      className: E(`${n}`, !!p && `${n}-rtl`, C),
+      ref: l,
+      style: { ...C },
+      className: S(`${n}`, !!u && `${n}-rtl`, g),
       xmlns: "http://www.w3.org/2000/svg",
-      width: `${s}px`,
-      height: `${s}px`,
-      viewBox: `0 0 ${s} ${s}`,
+      width: `${o}px`,
+      height: `${o}px`,
+      viewBox: `0 0 ${o} ${o}`,
       preserveAspectRatio: "xMidYMid",
-      children: $.map((i, g) => /* @__PURE__ */ r(
+      children: $.map((r, d) => /* @__PURE__ */ i(
         "circle",
         {
-          cx: i.cx,
-          cy: o,
-          r: S,
-          fill: i.fill,
-          children: /* @__PURE__ */ r(
+          cx: r.cx,
+          cy: e,
+          r: D,
+          fill: r.fill,
+          children: /* @__PURE__ */ i(
             "animate",
             {
               attributeName: "cy",
-              values: i.values,
-              dur: T,
+              values: r.values,
+              dur: L,
               calcMode: "spline",
-              keySplines: w,
+              keySplines: M,
               begin: "0s",
               repeatCount: "indefinite"
             }
           )
         },
-        g
+        d
       ))
     }
   );
-}, L = N(D);
-L.displayName = "Loading";
+}, _ = N(O);
+_.displayName = "Loading";
 export {
-  L as default
+  _ as default
 };

package/locale/ar-EG.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import "dayjs/locale/ar";
 const e = {
   formatYear: "YYYY",

package/locale/de-DE.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import "dayjs/locale/de";
 const e = {
   formatYear: "YYYY",

package/locale/default.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import r from "./zh-CN.js";
 export {
   r as default

package/locale/en-US.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import "dayjs/locale/en";
 import { DefaultValidateMessage as t } from "@unicom-cloud/ui-common/utils/validate";
 const e = {

package/locale/es-ES.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import "dayjs/locale/es";
 const e = {
   formatYear: "YYYY",

package/locale/fr-FR.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import "dayjs/locale/fr";
 const e = {
   formatYear: "YYYY",

package/locale/id-ID.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import "dayjs/locale/id";
 const a = {
   formatYear: "YYYY",

package/locale/it-IT.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import "dayjs/locale/it";
 const e = {
   formatYear: "YYYY",

package/locale/ja-JP.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import "dayjs/locale/ja";
 const e = {
   formatYear: "YYYY",

package/locale/ko-KR.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import "dayjs/locale/ko";
 const e = {
   formatYear: "YYYY",

package/locale/ms-MY.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import "dayjs/locale/ms-my";
 const a = {
   formatYear: "YYYY",

package/locale/pt-BR.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import "dayjs/locale/pt-br";
 const e = {
   formatYear: "YYYY",

package/locale/pt-PT.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import "dayjs/locale/pt";
 const a = {
   formatYear: "YYYY",

package/locale/ru-RU.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import "dayjs/locale/ru";
 const e = {
   formatYear: "YYYY",

package/locale/th-TH.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import "dayjs/locale/th";
 const e = {
   formatYear: "YYYY",

package/locale/tr-TR.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import "dayjs/locale/tr";
 import { DefaultValidateMessage as e } from "@unicom-cloud/ui-common/utils/validate";
 const a = {

package/locale/vi-VN.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import "dayjs/locale/vi";
 const e = {
   formatYear: "YYYY",

package/locale/zh-CN.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import "dayjs/locale/zh-cn";
 const e = {
   // 仅用于日历组件

package/locale/zh-HK.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import "dayjs/locale/zh-hk";
 const e = {
   formatYear: "YYYY 年",

package/locale/zh-TW.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import "dayjs/locale/zh-tw";
 const e = {
   formatYear: "YYYY 年",