@unicom-cloud/ui 0.8.118 → 0.8.120

package/overflow-ellipsis/OverflowItem.js

@@ -1,31 +1,30 @@
-/* 2025-11-04 14:07:05 */
-import { jsx as c } from "react/jsx-runtime";
-import { useContext as s, useRef as u, useEffect as n } from "react";
+/* 2025-11-14 09:11:22 */
+import { jsx as m } from "react/jsx-runtime";
+import { useContext as c, useRef as l, useEffect as i } from "react";
 import "../config-provider/ConfigProvider.js";
-import d from "@unicom-cloud/utils/class-name";
-import "../dist/ui-common/utils/is.js";
-import l from "../dist/ui-common/utils/resizeObserver.js";
-import a from "../config-provider/context.js";
-import { isFunction as h } from "@unicom-cloud/utils/is";
-function j(e) {
-  const { getPrefixCls: i } = s(a), t = i?.("overflow-item"), r = u(void 0);
-  n(() => {
-    if (!h(e.onResize)) return;
-    const f = l([r.current], (m) => {
-      e.onResize(m?.[0]?.target);
+import u from "@unicom-cloud/ui-common/utils/className";
+import { isFunction as d } from "@unicom-cloud/ui-common/utils/is";
+import a from "@unicom-cloud/ui-common/utils/resizeObserver";
+import x from "../config-provider/context.js";
+function w(e) {
+  const { prefixCls: C, getPrefixCls: n } = c(x), t = n?.("overflow-item"), r = l(void 0);
+  i(() => {
+    if (!d(e.onResize)) return;
+    const s = a([r.current], (f) => {
+      e.onResize(f?.[0]?.target);
     });
     return () => {
-      f();
+      s();
     };
-  }, [r.current, e.onResize]), n(() => (e.onResize(r.current), () => {
+  }, [r.current, e.onResize]), i(() => (e.onResize(r.current), () => {
     e.unregister(r.current);
   }), []);
   const o = e.hidden;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ m(
     "div",
     {
       ref: r,
-      className: d(t, e.className, {
+      className: u(t, e.className, {
         [`${t}-hidden`]: o
       }),
       children: e.children
@@ -33,5 +32,5 @@ function j(e) {
   );
 }
 export {
-  j as default
+  w as default
 };

package/overflow-ellipsis/index.js

@@ -1,69 +1,69 @@
-/* 2025-11-04 14:07:05 */
-import { jsxs as j, jsx as C } from "react/jsx-runtime";
-import { useContext as k, useState as i, useLayoutEffect as N, useRef as E, useEffect as I } from "react";
+/* 2025-11-14 09:11:22 */
+import { jsxs as $, jsx as C } from "react/jsx-runtime";
+import { useContext as b, useState as n, useLayoutEffect as j, useRef as k, useEffect as E } from "react";
 import "../config-provider/ConfigProvider.js";
-import b from "@unicom-cloud/utils/class-name";
-import M from "../dist/ui-common/utils/resizeObserver.js";
+import I from "@unicom-cloud/ui-common/utils/className";
+import z from "@unicom-cloud/ui-common/utils/resizeObserver";
 import v from "./OverflowItem.js";
-import R from "../config-provider/context.js";
-function A(l) {
-  const { getPrefixCls: g } = k(R), f = g?.("overflow"), { items: a, suffixItems: O } = l, y = l.ellipsisNode || (({ ellipsisCount: e }) => `+${e}`), [m, W] = i(), [d, _] = i(), [o, h] = i({}), [x, p] = i({}), w = a.length - d, $ = w > 0 ? y({ ellipsisCount: w }) : null;
-  N(() => {
-    const e = Object.values(o).length;
-    let r = Object.values(x).reduce((t, n) => t + (n?.width || 0), 0), s = e;
-    Object.keys(o).some((t, n) => {
-      const c = o[t];
-      if (c && r + c.width > m)
-        return s = n, !0;
-      r += c?.width || 0;
-    }), _(Math.max(s, 0));
+import M from "../config-provider/context.js";
+function B(l) {
+  const { prefixCls: R, getPrefixCls: g } = b(M), c = g?.("overflow"), { items: a, suffixItems: O } = l, y = l.ellipsisNode || (({ ellipsisCount: t }) => `+${t}`), [m, N] = n(), [d, W] = n(), [o, h] = n({}), [x, p] = n({}), w = a.length - d, _ = w > 0 ? y({ ellipsisCount: w }) : null;
+  j(() => {
+    const t = Object.values(o).length;
+    let r = Object.values(x).reduce((e, i) => e + (i?.width || 0), 0), s = t;
+    Object.keys(o).some((e, i) => {
+      const f = o[e];
+      if (f && r + f.width > m)
+        return s = i, !0;
+      r += f?.width || 0;
+    }), W(Math.max(s, 0));
   }, [o, m, x]);
-  const u = E();
-  return I(() => {
-    const e = M([u.current], (r) => {
-      W(r?.[0]?.target?.clientWidth || 0);
+  const u = k();
+  return E(() => {
+    const t = z([u.current], (r) => {
+      N(r?.[0]?.target?.clientWidth || 0);
     });
     return () => {
-      e();
+      t();
     };
-  }, [u.current]), /* @__PURE__ */ j("div", { ref: u, className: b(f, l.className), children: [
-    a.map((e, r) => {
-      const s = `${e?.key || r}_overflow_item_${r}`;
+  }, [u.current]), /* @__PURE__ */ $("div", { ref: u, className: I(c, l.className), children: [
+    a.map((t, r) => {
+      const s = `${t?.key || r}_overflow_item_${r}`;
       return /* @__PURE__ */ C(
         v,
         {
-          onResize: (t) => {
-            h((n) => (n[s] = { node: t, width: t.clientWidth }, n));
+          onResize: (e) => {
+            h((i) => (i[s] = { node: e, width: e.clientWidth }, i));
           },
           unregister: () => {
-            h((t) => (delete t[s], t));
+            h((e) => (delete e[s], e));
           },
           hidden: d < r + 1,
-          children: e
+          children: t
         },
         s
       );
     }),
-    [$, ...O].map((e, r) => {
-      if (!e)
+    [_, ...O].map((t, r) => {
+      if (!t)
         return null;
-      const s = `${e?.key || r}_overflow_suffix_item`;
+      const s = `${t?.key || r}_overflow_suffix_item`;
       return /* @__PURE__ */ C(
         v,
         {
-          className: `${f}-suffix-item`,
-          onResize: (t) => {
-            p((n) => ({
-              ...n,
-              [`${s}`]: { node: t, width: t.clientWidth }
+          className: `${c}-suffix-item`,
+          onResize: (e) => {
+            p((i) => ({
+              ...i,
+              [`${s}`]: { node: e, width: e.clientWidth }
             }));
           },
           unregister: () => {
-            p((t) => (delete t[s], {
-              ...t
+            p((e) => (delete e[s], {
+              ...e
             }));
           },
-          children: e
+          children: t
         },
         s
       );
@@ -73,5 +73,5 @@ function A(l) {
 export {
   v as OverflowEllipsisItem,
   v as OverflowItem,
-  A as default
+  B as default
 };

package/package.json

@@ -1 +1 @@
-{"name":"@unicom-cloud/ui","version":"0.8.118","dependencies":{"@unicom-cloud/icons":"latest","@unicom-cloud/utils":"latest"},"peerDependencies":{"dayjs":"latest","lodash":"latest","react":"latest","react-dom":"latest"},"type":"module","types":"types/index.d.ts","main":"./index.js","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"}}
+{"name":"@unicom-cloud/ui","version":"0.8.120","dependencies":{"dayjs":"^1.11.19","lodash":"^4.17.21","react-is":"latest","@unicom-cloud/utils":"latest","@unicom-cloud/icons":"latest","@unicom-cloud/ui-common":"latest"},"peerDependencies":{"react":"latest","react-dom":"latest"},"type":"module","types":"types/index.d.ts","main":"./index.js","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"}}

package/page-header/index.js

@@ -1,48 +1,52 @@
-/* 2025-11-04 14:07:05 */
+/* 2025-11-14 09:11:22 */
 import { jsxs as l, jsx as a, Fragment as j } from "react/jsx-runtime";
-import D from "@unicom-cloud/icons/IconUiLeft";
-import U from "@unicom-cloud/icons/IconUiRight";
-import z, { useContext as A, useState as F, useRef as K, useImperativeHandle as L, useEffect as M } from "react";
-import S from "../breadcrumb/index.js";
+import z from "@unicom-cloud/icons/IconUiLeft";
+import D from "@unicom-cloud/icons/IconUiRight";
+import K, { useContext as M, useState as U, useRef as A, useImperativeHandle as F, useEffect as L } from "react";
+import O from "../breadcrumb/index.js";
 import "../config-provider/ConfigProvider.js";
-import q from "../dist/ui-common/hooks/use-keyboard-event/index.js";
-import G from "../dist/ui-common/hooks/use-merge-props/index.js";
-import J from "../icon-hover/index.js";
-import t from "@unicom-cloud/utils/class-name";
-import "../dist/ui-common/utils/is.js";
-import O from "../dist/ui-common/utils/omit.js";
-import Q from "../dist/ui-common/utils/resizeObserver.js";
+import S from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
+import q from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import G from "../icon-hover/index.js";
+import t from "@unicom-cloud/ui-common/utils/className";
+import { isArray as f } from "@unicom-cloud/ui-common/utils/is";
+import J from "@unicom-cloud/ui-common/utils/omit";
+import Q from "@unicom-cloud/ui-common/utils/resizeObserver";
 import V from "../config-provider/context.js";
-import { isArray as f } from "@unicom-cloud/utils/is";
 function g(v, N) {
-  const { getPrefixCls: x, componentConfig: k, rtl: b } = A(V), d = G(
+  const {
+    prefixCls: X,
+    getPrefixCls: x,
+    componentConfig: k,
+    rtl: $
+  } = M(V), d = q(
     v,
     {},
     k?.PageHeader
   ), {
     header: C,
-    title: w,
-    subTitle: I,
-    extra: R,
+    title: P,
+    subTitle: w,
+    extra: I,
     children: h,
     backIcon: m,
     footer: p,
     breadcrumb: u,
-    descriptions: $,
-    className: E,
+    descriptions: b,
+    className: R,
     classNames: r,
-    ...P
+    ...y
   } = d;
   let o = C;
   f(o) && !o.length && (o = null);
+  let s = P;
+  f(s) && !s.length && (s = null);
   let n = w;
   f(n) && !n.length && (n = null);
-  let s = I;
-  f(s) && !s.length && (s = null);
-  let c = R;
+  let c = I;
   f(c) && !c.length && (c = null);
-  const y = q(), [H, B] = F(!1), i = K(void 0), e = x?.("page-header");
-  L(N, () => ({
+  const E = S(), [H, B] = U(!1), i = A(void 0), e = x?.("page-header");
+  F(N, () => ({
     getRootDomElement: T
   }), []);
   function T() {
@@ -51,7 +55,7 @@ function g(v, N) {
   function W() {
     i.current && B(i.current.offsetWidth < 768);
   }
-  return M(() => {
+  return L(() => {
     const _ = Q([i.current], W);
     return () => {
       _();
@@ -59,7 +63,7 @@ function g(v, N) {
   }, [i.current]), /* @__PURE__ */ l(
     "div",
     {
-      ...O(P, ["onBack"]),
+      ...J(y, ["onBack"]),
       ref: i,
       className: t(
         `${e}`,
@@ -68,17 +72,17 @@ function g(v, N) {
           [`${e}-with-content`]: h,
           [`${e}-with-footer`]: p,
           [`${e}-wrap`]: H,
-          [`${e}-rtl`]: b,
-          [`${e}-descriptions`]: $
+          [`${e}-rtl`]: $,
+          [`${e}-descriptions`]: b
         },
-        E,
+        R,
         r?.root
       ),
       style: d.style,
       children: [
         !!o && /* @__PURE__ */ a("div", { className: t(`${e}-header`, r?.header), children: o }),
         /* @__PURE__ */ l("div", { className: t(`${e}-head-wrapper`, r?.headWrapper), children: [
-          !!u && /* @__PURE__ */ a(S, { ...u }),
+          !!u && /* @__PURE__ */ a(O, { ...u }),
           /* @__PURE__ */ l("div", { className: t(`${e}-head`, r?.head), children: [
             /* @__PURE__ */ l(
               "div",
@@ -92,27 +96,27 @@ function g(v, N) {
                 ),
                 children: [
                   m && /* @__PURE__ */ a(
-                    J,
+                    G,
                     {
                       prefix: e,
                       tabIndex: 0,
                       role: "button",
                       className: t(`${e}-back`, r?.back),
                       onClick: d.onBack,
-                      ...y({
+                      ...E({
                         onPressEnter: d.onBack
                       }),
                       children: /* @__PURE__ */ a(
                         "span",
                         {
                           className: t(`${e}-back-icon`, r?.backIcon),
-                          children: m === !0 ? b ? /* @__PURE__ */ a(U, {}) : /* @__PURE__ */ a(D, {}) : m
+                          children: m === !0 ? $ ? /* @__PURE__ */ a(D, {}) : /* @__PURE__ */ a(z, {}) : m
                         }
                       )
                     }
                   ),
-                  n && /* @__PURE__ */ a("div", { className: t(`${e}-title`, r?.title), children: n }),
-                  s && /* @__PURE__ */ l(j, { children: [
+                  s && /* @__PURE__ */ a("div", { className: t(`${e}-title`, r?.title), children: s }),
+                  n && /* @__PURE__ */ l(j, { children: [
                     /* @__PURE__ */ a(
                       "div",
                       {
@@ -123,7 +127,7 @@ function g(v, N) {
                       "div",
                       {
                         className: t(`${e}-sub-title`, r?.subTitle),
-                        children: s
+                        children: n
                       }
                     )
                   ] })
@@ -138,14 +142,14 @@ function g(v, N) {
               }
             )
           ] }),
-          !!$ && /* @__PURE__ */ a(
+          !!b && /* @__PURE__ */ a(
             "div",
             {
               className: t(
                 `${e}-head-descriptions`,
                 r?.headDescriptions
               ),
-              children: $
+              children: b
             }
           )
         ] }),
@@ -156,7 +160,7 @@ function g(v, N) {
   );
 }
 g.displayName = "PageHeader";
-const fe = z.forwardRef(g);
+const fe = K.forwardRef(g);
 export {
   fe as default
 };

package/pagination/PageItem.js

@@ -1,116 +1,116 @@
-/* 2025-11-04 14:07:05 */
-import { jsx as x } from "react/jsx-runtime";
-import M from "@unicom-cloud/icons/IconUiLeft";
-import R from "@unicom-cloud/icons/IconUiMore";
-import j from "@unicom-cloud/icons/IconUiRight";
-import T, { useContext as h } from "react";
+/* 2025-11-14 09:11:22 */
+import { jsx as P } from "react/jsx-runtime";
+import R from "@unicom-cloud/icons/IconUiLeft";
+import j from "@unicom-cloud/icons/IconUiMore";
+import K from "@unicom-cloud/icons/IconUiRight";
+import T, { useContext as S } from "react";
 import "../config-provider/ConfigProvider.js";
-import E from "../dist/ui-common/hooks/use-keyboard-event/index.js";
-import S from "@unicom-cloud/utils/class-name";
-import { StepType as b } from "./interface.js";
-import $ from "../config-provider/context.js";
+import E from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
+import $ from "@unicom-cloud/ui-common/utils/className";
+import { StepType as y } from "./interface.js";
+import k from "../config-provider/context.js";
 function U(t) {
-  const { locale: e } = h($), u = E(), {
+  const { prefixCls: e, locale: u } = S(k), g = E(), {
     pageNum: n,
-    current: g,
+    current: f,
     rootPrefixCls: r,
     pageItemStyle: l,
     activePageItemStyle: o,
     itemRender: c
-  } = t, m = `${r}-item`, p = g === n, d = S(m, p ? `${m}-active` : "");
+  } = t, m = `${r}-item`, p = f === n, x = $(m, p ? `${m}-active` : "");
   let a = l;
   p && (a = { ...a, ...o });
-  const P = p ? { "aria-current": !0 } : {}, f = (i) => {
-    const { pageNum: s, onClick: v, disabled: C } = t;
-    i.currentTarget.dataset.active !== "true" && (i.stopPropagation(), C || v?.(s));
+  const C = p ? { "aria-current": !0 } : {}, d = (i) => {
+    const { pageNum: s, onClick: v, disabled: b } = t;
+    i.currentTarget.dataset.active !== "true" && (i.stopPropagation(), b || v?.(s));
   };
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ P(
     "li",
     {
       style: a,
-      className: d,
-      onClick: f,
+      className: x,
+      onClick: d,
       tabIndex: t.disabled ? -1 : 0,
-      "aria-label": e?.Pagination?.currentPage?.replace?.("{0}", n),
-      ...u({ onPressEnter: f }),
-      ...P,
+      "aria-label": u?.Pagination?.currentPage?.replace?.("{0}", n),
+      ...g({ onPressEnter: d }),
+      ...C,
       children: c ? c(n, "page", n) : n
     }
   );
 }
-function I(t, e) {
+function h(t, e) {
   switch (t) {
     case "prev":
-      return e && e.prev ? e.prev : /* @__PURE__ */ x(M, {});
+      return e && e.prev ? e.prev : /* @__PURE__ */ P(R, {});
     case "next":
-      return e && e.next ? e.next : /* @__PURE__ */ x(j, {});
+      return e && e.next ? e.next : /* @__PURE__ */ P(K, {});
     case "more":
-      return e && e.more ? e.more : /* @__PURE__ */ x(R, {});
+      return e && e.more ? e.more : /* @__PURE__ */ P(j, {});
     default:
       return null;
   }
 }
-const F = (t) => {
-  const { locale: e } = h($), {
-    rootPrefixCls: u,
+const G = (t) => {
+  const { prefixCls: e, locale: u } = S(k), {
+    rootPrefixCls: g,
     current: n,
-    allPages: g,
+    allPages: f,
     jumpPage: r,
     icons: l,
     disabled: o,
     pageItemStyle: c,
     itemRender: m
-  } = t, p = g > 0 ? 1 : 0, d = Math.min(g, Math.max(p, n + r)), a = `${u}-item ${u}-item-jumper`, P = S(a), f = () => {
-    !o && t.onClick?.(d);
-  }, i = I("more", l), s = r > 0 ? e?.Pagination?.nextSomePages?.replace?.("{0}", r) : e?.Pagination?.prevSomePages?.replace?.("{0}", -r);
-  return /* @__PURE__ */ x(
+  } = t, p = f > 0 ? 1 : 0, x = Math.min(f, Math.max(p, n + r)), a = `${g}-item ${g}-item-jumper`, C = $(a), d = () => {
+    !o && t.onClick?.(x);
+  }, i = h("more", l), s = r > 0 ? u?.Pagination?.nextSomePages?.replace?.("{0}", r) : u?.Pagination?.prevSomePages?.replace?.("{0}", -r);
+  return /* @__PURE__ */ P(
     "li",
     {
       style: c,
-      className: P,
-      onClick: f,
+      className: C,
+      onClick: d,
       "aria-label": s,
       children: m ? m(void 0, "more", i) : i
     }
   );
-}, G = (t) => {
-  const { locale: e, rtl: u } = h($), n = E(), {
-    rootPrefixCls: g,
+}, H = (t) => {
+  const { prefixCls: e, locale: u, rtl: g } = S(k), n = E(), {
+    rootPrefixCls: f,
     current: r,
     allPages: l,
     type: o,
     icons: c,
     disabled: m,
     pageItemStyle: p,
-    itemRender: d
-  } = t, a = `${g}-item`, [P, f] = u ? ["next", "prev"] : ["prev", "next"], i = o === b.previous ? I(P, c) : I(f, c);
+    itemRender: x
+  } = t, a = `${f}-item`, [C, d] = g ? ["next", "prev"] : ["prev", "next"], i = o === y.previous ? h(C, c) : h(d, c);
   let s = !1;
-  l === 0 ? s = !0 : o === b.previous ? s = r <= 1 : s = r === l;
+  l === 0 ? s = !0 : o === y.previous ? s = r <= 1 : s = r === l;
   const v = m || s;
-  let C = r + (o === b.previous ? -1 : 1);
-  C = Math.max(0, Math.min(l, C));
-  const y = b.previous === o ? "prev" : "next", N = S(a, `${a}-${y}`, {
+  let b = r + (o === y.previous ? -1 : 1);
+  b = Math.max(0, Math.min(l, b));
+  const I = y.previous === o ? "prev" : "next", M = $(a, `${a}-${I}`, {
     [`${a}-disabled`]: v
-  }), k = () => {
-    v || t.onClick?.(C);
+  }), N = () => {
+    v || t.onClick?.(b);
   };
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ P(
     "li",
     {
       style: p,
-      className: N,
-      onClick: k,
+      className: M,
+      onClick: N,
       tabIndex: v ? -1 : 0,
-      "aria-label": e?.Pagination[y],
+      "aria-label": u?.Pagination[I],
       ...n({
-        onPressEnter: k
+        onPressEnter: N
       }),
-      children: d ? d(void 0, y, i) : i
+      children: x ? x(void 0, I, i) : i
     }
   );
-}, H = T.memo(U);
+}, O = T.memo(U);
 export {
-  F as JumpPager,
-  G as StepPager,
-  H as default
+  G as JumpPager,
+  H as StepPager,
+  O as default
 };

package/pagination/PageJumper.js

@@ -1,13 +1,12 @@
-/* 2025-11-04 14:07:05 */
+/* 2025-11-14 09:11:22 */
 import { jsxs as p, jsx as o, Fragment as j } from "react/jsx-runtime";
 import { useContext as F, useState as I, useRef as J, useEffect as R } from "react";
 import "../config-provider/ConfigProvider.js";
 import T from "../input/Input.js";
-import "../dist/ui-common/utils/is.js";
-import w from "../config-provider/context.js";
-import { isPlainObject as E, isUndefined as h, isNaN as x, isFunction as z } from "@unicom-cloud/utils/is";
-function y(n) {
-  const P = n.simple ? n.current : void 0, { locale: u } = F(w), [e, l] = I(P), c = J(void 0);
+import { isPlainObject as w, isUndefined as h, isNaN as x, isFunction as E } from "@unicom-cloud/ui-common/utils/is";
+import z from "../config-provider/context.js";
+function q(n) {
+  const P = n.simple ? n.current : void 0, { locale: u } = F(z), [e, l] = I(P), c = J(void 0);
   R(() => {
     n.simple && l(n.current);
   }, [n.simple, n.current]);
@@ -23,13 +22,13 @@ function y(n) {
       return;
     }
     let i = x(Number(e)) ? d : Number(e);
-    i < 1 ? i = 1 : i > a && (i = a), l(g ? i : void 0), z(t) && t(i);
+    i < 1 ? i = 1 : i > a && (i = a), l(g ? i : void 0), E(t) && t(i);
   }, C = () => {
     const t = c.current.dom;
     String(e) && t && t.setSelectionRange(0, String(e).length);
   }, { rootPrefixCls: N, totalPages: f, simple: s, size: b, disabled: $ } = n, r = `${N}-jumper`, S = {
     showJumper: !0,
-    ...E(s) ? s : {}
+    ...w(s) ? s : {}
   };
   return /* @__PURE__ */ p("div", { className: `${r}`, children: [
     !s && /* @__PURE__ */ o("span", { className: `${r}-text-goto`, children: u?.Pagination?.goto }),
@@ -56,5 +55,5 @@ function y(n) {
   ] });
 }
 export {
-  y as default
+  q as default
 };