@unicom-cloud/ui 0.8.141 → 0.8.143

package/layout/Sider.js

@@ -1,130 +1,132 @@
-/* 2026-01-13 17:11:44 */
-import { jsx as s, jsxs as J } from "react/jsx-runtime";
-import k from "@unicom-cloud/icons/IconUiLeft";
-import y from "@unicom-cloud/icons/IconUiRight";
-import { createContext as K, forwardRef as X, useContext as Y, useState as Z, useRef as B, useEffect as W, useMemo as ee } from "react";
+/* 2026-01-19 17:02:09 */
+import { jsx as s, jsxs as K } from "react/jsx-runtime";
+import P from "@unicom-cloud/icons/IconUiLeft";
+import k from "@unicom-cloud/icons/IconUiRight";
+import { forwardRef as X, useContext as Y, useRef as B, useEffect as T } from "react";
 import "../config-provider/ConfigProvider.js";
-import { STRING_RESPONSIVE as re } from "../constant/index.js";
-import oe from "@unicom-cloud/ui-common/hooks/use-merge-value";
+import { STRING_RESPONSIVE as Z } from "../constant/index.js";
+import ee from "@unicom-cloud/ui-common/hooks/use-merge-value";
+import re from "@unicom-cloud/ui-common/hooks/use-set-state";
 import te from "../resize-box/index.js";
-import { callOrReturn as ie } from "@unicom-cloud/utils/function";
-import M from "@unicom-cloud/ui-common/utils/className";
-import { isNumber as S, isArray as se } from "@unicom-cloud/ui-common/utils/is";
-import { responsiveMap as ne, responsiveObserve as T } from "../utils/responsiveObserve.js";
+import { callOrReturn as oe } from "@unicom-cloud/utils/function";
+import E from "@unicom-cloud/ui-common/utils/className";
+import { isNumber as S, isArray as ie } from "@unicom-cloud/ui-common/utils/is";
+import { responsiveMap as se, responsiveObserve as M } from "../utils/responsiveObserve.js";
+import { LayoutSiderContext as ne } from "./context.js";
 import le from "../config-provider/context.js";
-const ae = K({
-  siderCollapsed: !1,
-  collapsedWidth: 64
-}), de = ie(() => {
+const de = oe(() => {
   let o = 0;
-  return (p = "") => (o += 1, `${p}${o}`);
+  return (a = "") => (o += 1, `${a}${o}`);
 });
-function ce(o, p) {
+function ae(o, a) {
   const {
-    children: z,
-    className: E,
-    style: O,
+    children: O,
+    className: j,
+    style: z,
     theme: _ = "light",
-    trigger: u,
+    trigger: c,
     reverseArrow: v,
     collapsedWidth: r = 48,
-    width: m = 200,
-    collapsible: f,
-    resizeDirections: l,
-    onSiderMount: U,
-    onSiderUnmount: V,
-    breakpoint: $,
-    onBreakpoint: j,
+    width: p = 200,
+    collapsible: m,
+    resizeDirections: u,
+    onSiderMount: L,
+    onSiderUnmount: U,
+    breakpoint: x,
+    onBreakpoint: V,
     onCollapse: b,
-    resizeBoxProps: a = {}
-  } = o, N = de("pqb-sider-"), { prefixCls: ue, getPrefixCls: q } = Y(le), t = q?.("layout-sider"), [e, R] = oe(!1, {
+    resizeBoxProps: f = {},
+    triggerStyle: q
+  } = o, $ = de("pqb-sider-"), { prefixCls: pe, getPrefixCls: A } = Y(le), i = A?.("layout-sider"), [e, N] = ee(!1, {
     value: "collapsed" in o ? o.collapsed : void 0,
     defaultValue: o.defaultCollapsed
-  }), g = S(m) ? `${m}px` : String(m), A = S(r) ? `${r}` : String(r), [d, I] = Z(
-    e ? A : g
-  ), h = B(void 0), w = B(void 0);
-  w.current = {
-    breakpoint: $,
+  }), g = S(p) ? `${p}px` : String(p), D = S(r) ? `${r}` : String(r), [l, R] = re({
+    siderWidth: e ? D : g
+  }), h = B(void 0), W = B(void 0);
+  W.current = {
+    breakpoint: x,
     collapsed: e,
     onCollapse: b,
-    onBreakpoint: j
-  }, W(() => (U?.(N), f && $ in ne && (h.current = T.subscribe(
-    (i, n) => {
-      const { breakpoint: P, collapsed: H, onCollapse: L, onBreakpoint: Q } = w.current;
-      if (!n || n === P) {
-        const c = !i[P];
-        c !== H && (R(c), L?.(c, re)), Q?.(c);
+    onBreakpoint: V
+  }, T(() => (L?.($), m && x in se && (h.current = M.subscribe(
+    (t, n) => {
+      const { breakpoint: w, collapsed: H, onCollapse: Q, onBreakpoint: J } = W.current;
+      if (!n || n === w) {
+        const d = !t[w];
+        d !== H && (N(d), Q?.(d, Z)), J?.(d);
       }
     }
   )), () => {
-    V?.(N), h.current && T.unsubscribe(h.current);
-  }), []), W(() => {
-    const i = S(r) ? `${r}px` : String(r);
-    I(e ? i : g);
+    U?.($), h.current && M.unsubscribe(h.current);
+  }), []), T(() => {
+    const t = S(r) ? `${r}px` : String(r);
+    R({
+      siderWidth: e ? t : g
+    });
   }, [e, g, r]);
-  const C = l && se(l) || a.directions?.length, D = C ? te : "aside", F = () => {
-    const i = u || (e ? v ? /* @__PURE__ */ s(k, {}) : /* @__PURE__ */ s(y, {}) : v ? /* @__PURE__ */ s(y, {}) : /* @__PURE__ */ s(k, {}));
-    return f && u !== null ? /* @__PURE__ */ s(
+  const F = u && ie(u) || f.directions?.length, G = () => {
+    const t = c || (e ? v ? /* @__PURE__ */ s(P, {}) : /* @__PURE__ */ s(k, {}) : v ? /* @__PURE__ */ s(k, {}) : /* @__PURE__ */ s(P, {}));
+    return m && c !== null ? /* @__PURE__ */ s(
       "div",
       {
-        style: { width: d },
-        className: M(`${t}-trigger`, {
-          [`${t}-trigger-light`]: _ === "light"
+        style: q ?? { width: l.siderWidth },
+        className: E(`${i}-trigger`, {
+          [`${i}-trigger-light`]: _ === "light"
         }),
         onClick: (n) => {
-          R(!e), b?.(!e, "clickTrigger");
+          N(!e), b?.(!e, "clickTrigger");
         },
-        children: i
+        children: t
       }
     ) : null;
-  }, G = ee(() => C ? {
+  };
+  let y = "aside";
+  const I = {
+    style: {
+      width: l.siderWidth,
+      ...z
+    },
+    className: E(
+      i,
+      {
+        [`${i}-light`]: _ === "light",
+        [`${i}-has-trigger`]: c !== null && m,
+        [`${i}-collapsed`]: e
+      },
+      j
+    ),
+    onTransitionEnd(t) {
+    }
+  };
+  return F && (Object.assign(I, {
     component: "aside",
-    ...a,
-    width: d,
-    directions: l,
-    onMoving: (i, n) => {
-      I(`${n.width}px`), a?.onMoving?.(i, n);
+    ...f,
+    width: l.siderWidth,
+    directions: u,
+    onMoving: (t, n) => {
+      R({
+        siderWidth: `${n.width}px`
+      }), f?.onMoving?.(t, n);
     }
-  } : {}, [C, l, d, a]);
-  return /* @__PURE__ */ s(
-    ae.Provider,
+  }), y = te), /* @__PURE__ */ s(
+    ne.Provider,
     {
       value: {
         siderCollapsed: e,
-        collapsedWidth: r
+        collapsedWidth: r,
+        ...l
       },
-      children: /* @__PURE__ */ J(
-        D,
-        {
-          ref: p,
-          style: {
-            width: d,
-            ...O
-          },
-          className: M(
-            t,
-            {
-              [`${t}-light`]: _ === "light",
-              [`${t}-has-trigger`]: u !== null && f,
-              [`${t}-collapsed`]: e
-            },
-            E
-          ),
-          ...G,
-          children: [
-            /* @__PURE__ */ s("div", { className: `${t}-children`, children: z }),
-            F()
-          ]
-        }
-      )
+      children: /* @__PURE__ */ K(y, { ref: a, ...I, children: [
+        /* @__PURE__ */ s("div", { className: `${i}-children`, children: O }),
+        G()
+      ] })
     }
   );
 }
-const pe = X(ce), x = pe;
-x.displayName = "LayoutSider";
-x.___PQB_SIDER___ = !0;
-x.___PQB_SIGN___ = "sider";
+const ce = X(ae), C = ce;
+C.displayName = "LayoutSider";
+C.___PQB_SIDER___ = !0;
+C.___PQB_SIGN___ = "sider";
 export {
-  ae as SiderContext,
-  x as default
+  C as default
 };

package/layout/context.js

@@ -0,0 +1,9 @@
+/* 2026-01-19 17:02:09 */
+import { createContext as e } from "react";
+const o = e({
+  siderCollapsed: !1,
+  collapsedWidth: 64
+});
+export {
+  o as LayoutSiderContext
+};

package/layout/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import { jsx as N } from "react/jsx-runtime";
 import i from "lodash/get";
 import p, { forwardRef as _, useContext as R, useState as F, useRef as H, useImperativeHandle as P } from "react";
@@ -10,7 +10,7 @@ import B from "./Content.js";
 import I from "./Footer.js";
 import M from "./Header.js";
 import $ from "./Sider.js";
-import { SiderContext as Y } from "./Sider.js";
+import { LayoutSiderContext as Y } from "./context.js";
 import b from "../config-provider/context.js";
 function j(f, u) {
   const {
@@ -33,10 +33,10 @@ function j(f, u) {
       return m.current;
     }
   })), /* @__PURE__ */ N("section", { ref: m, ...g, className: x, children: p.Children.map(y, (o) => {
-    const S = i(o, "type.___PQB_SIGN___") || i(o, "props.sign");
-    return o && S === "sider" ? p.cloneElement(o, {
+    const L = i(o, "type.___PQB_SIGN___") || i(o, "props.sign");
+    return o && L === "sider" ? p.cloneElement(o, {
       onSiderMount: (r) => s([...t, r]),
-      onSiderUnmount: (r) => s(t.filter((L) => L !== r))
+      onSiderUnmount: (r) => s(t.filter((S) => S !== r))
     }) : o;
   }) });
 }
@@ -51,6 +51,6 @@ export {
   I as LayoutFooter,
   M as LayoutHeader,
   $ as LayoutSider,
-  Y as SiderContext,
+  Y as LayoutSiderContext,
   e as default
 };

package/link/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import { jsxs as v, jsx as a } from "react/jsx-runtime";
 import $ from "@unicom-cloud/icons/IconUiLink";
 import { forwardRef as y, useContext as N, useRef as P, useImperativeHandle as E } from "react";

package/liquid-fill/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import { jsx as a, jsxs as C } from "react/jsx-runtime";
 import { forwardRef as me, useContext as de, useRef as P, useState as I, useEffect as V, useImperativeHandle as ue } from "react";
 import "../config-provider/ConfigProvider.js";

package/list/Item.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import { jsx as n, jsxs as c } from "react/jsx-runtime";
 import m, { useContext as L } from "react";
 import "../config-provider/ConfigProvider.js";

package/list/Meta.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import { jsxs as o, jsx as a } from "react/jsx-runtime";
 import p, { useContext as C } from "react";
 import "../config-provider/ConfigProvider.js";

package/list/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 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";

package/loading/index.js

@@ -1,74 +1,67 @@
-/* 2026-01-13 17:11:44 */
-import { jsx as i } from "react/jsx-runtime";
+/* 2026-01-19 17:02:09 */
+import { jsx as r } 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 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 "@unicom-cloud/ui-common/utils/dom";
-import "lodash/merge";
+import R from "@unicom-cloud/ui-common/hooks/use-merge-props";
 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 w = ["#FF5F57", "#FEBC2E", "#28C840"], s = 50, e = s / 2, D = 4, t = 7, c = 12, L = "0.7s", M = "0.5 0 0.5 1;0.5 0 0.5 1", O = (a, m) => {
   const {
     prefixCls: h,
     getPrefixCls: p,
     componentConfig: f,
     rtl: u
   } = E(T), x = R(
-    m,
+    a,
     {},
     f?.Loading
-  ), { colors: s = w, style: C, className: g, ...y } = x, n = p?.("mentions"), $ = I(
+  ), { colors: o = w, style: C, className: g, ...y } = x, l = p?.("mentions"), $ = I(
     () => [
       {
         cx: e - c,
-        fill: s[0],
+        fill: o[0],
         values: `${e + t};${e};${e + t}`
       },
       {
         cx: e,
-        fill: s[1],
+        fill: o[1],
         values: `${e - t};${e};${e - t}`
       },
       {
         cx: e + c,
-        fill: s[2],
+        fill: o[2],
         values: `${e + t};${e};${e + t}`
       }
     ],
-    [s]
-  ), l = v(null);
-  return A(a, () => ({
+    [o]
+  ), i = v(null);
+  return A(m, () => ({
     getRootElement() {
-      return l.current;
+      return i.current;
     }
-  })), /* @__PURE__ */ i(
+  })), /* @__PURE__ */ r(
     "svg",
     {
-      ref: l,
+      ref: i,
       style: { ...C },
-      className: S(`${n}`, !!u && `${n}-rtl`, g),
+      className: S(`${l}`, !!u && `${l}-rtl`, g),
       xmlns: "http://www.w3.org/2000/svg",
-      width: `${o}px`,
-      height: `${o}px`,
-      viewBox: `0 0 ${o} ${o}`,
+      width: `${s}px`,
+      height: `${s}px`,
+      viewBox: `0 0 ${s} ${s}`,
       preserveAspectRatio: "xMidYMid",
-      children: $.map((r, d) => /* @__PURE__ */ i(
+      children: $.map((n, d) => /* @__PURE__ */ r(
         "circle",
         {
-          cx: r.cx,
+          cx: n.cx,
           cy: e,
           r: D,
-          fill: r.fill,
-          children: /* @__PURE__ */ i(
+          fill: n.fill,
+          children: /* @__PURE__ */ r(
             "animate",
             {
               attributeName: "cy",
-              values: r.values,
+              values: n.values,
               dur: L,
               calcMode: "spline",
               keySplines: M,

package/locale/ar-EG.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import "dayjs/locale/ar";
 const e = {
   formatYear: "YYYY",

package/locale/de-DE.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import "dayjs/locale/de";
 const e = {
   formatYear: "YYYY",

package/locale/default.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import r from "./zh-CN.js";
 export {
   r as default

package/locale/en-US.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import "dayjs/locale/en";
 import t from "lodash/merge";
 import { validatorLocale as a } from "@unicom-cloud/utils/validate";

package/locale/es-ES.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import "dayjs/locale/es";
 const e = {
   formatYear: "YYYY",

package/locale/fr-FR.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import "dayjs/locale/fr";
 const e = {
   formatYear: "YYYY",

package/locale/id-ID.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import "dayjs/locale/id";
 const a = {
   formatYear: "YYYY",

package/locale/it-IT.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import "dayjs/locale/it";
 const e = {
   formatYear: "YYYY",

package/locale/ja-JP.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import "dayjs/locale/ja";
 const e = {
   formatYear: "YYYY",

package/locale/ko-KR.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import "dayjs/locale/ko";
 const e = {
   formatYear: "YYYY",

package/locale/ms-MY.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import "dayjs/locale/ms-my";
 const a = {
   formatYear: "YYYY",

package/locale/pt-BR.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import "dayjs/locale/pt-br";
 const e = {
   formatYear: "YYYY",

package/locale/pt-PT.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import "dayjs/locale/pt";
 const a = {
   formatYear: "YYYY",

package/locale/ru-RU.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import "dayjs/locale/ru";
 const e = {
   formatYear: "YYYY",

package/locale/th-TH.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import "dayjs/locale/th";
 const e = {
   formatYear: "YYYY",

package/locale/tr-TR.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import "dayjs/locale/tr";
 const a = {
   formatYear: "YYYY",

package/locale/vi-VN.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import "dayjs/locale/vi";
 const e = {
   formatYear: "YYYY",

package/locale/zh-CN.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import "dayjs/locale/zh-cn";
 import a from "lodash/merge";
 import { validatorLocale as r } from "@unicom-cloud/utils/validate";

package/locale/zh-HK.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import "dayjs/locale/zh-hk";
 const e = {
   formatYear: "YYYY 年",

package/locale/zh-TW.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import "dayjs/locale/zh-tw";
 const e = {
   formatYear: "YYYY 年",