@unicom-cloud/ui 0.8.136 → 0.8.137

package/descriptions/index.js

@@ -1,6 +1,6 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 11:30:56 */
 import { jsxs as p, jsx as s } from "react/jsx-runtime";
-import { forwardRef as J, useContext as K, useState as Q, useRef as k, useEffect as U, useImperativeHandle as X, Fragment as z } from "react";
+import { forwardRef as J, useContext as K, useState as Q, useRef as P, useEffect as U, useImperativeHandle as X, Fragment as k } from "react";
 import "../config-provider/ConfigProvider.js";
 import Y from "@unicom-cloud/ui-common/hooks/use-merge-props";
 import "@unicom-cloud/ui-common/utils/callbackOriginRef";
@@ -15,7 +15,7 @@ import "@unicom-cloud/utils/date";
 import "@unicom-cloud/ui-common/utils/dayjs";
 import "dayjs";
 import "lodash/castArray";
-import { isPlainObject as _, isNumber as ee, isArray as D } from "@unicom-cloud/ui-common/utils/is";
+import { isPlainObject as _, isNumber as ee, isArray as E } from "@unicom-cloud/ui-common/utils/is";
 import "@unicom-cloud/ui-common/utils/dom";
 import "@unicom-cloud/ui-common/utils/emitter";
 import "@unicom-cloud/utils/file/fileRead";
@@ -39,7 +39,7 @@ import "@unicom-cloud/ui-common/utils/pad";
 import "@unicom-cloud/ui-common/utils/pinyin";
 import "@unicom-cloud/ui-common/utils/ref";
 import "@unicom-cloud/ui-common/utils/resizeObserver";
-import { responsiveObserve as I, responsiveArray as w } from "../utils/responsiveObserve.js";
+import { responsiveObserve as z, responsiveArray as I } from "../utils/responsiveObserve.js";
 import "@unicom-cloud/ui-common/utils/saveAs";
 import "@unicom-cloud/ui-common/utils/screenfull";
 import "@unicom-cloud/ui-common/utils/scrollIntoViewIfNeeded";
@@ -60,7 +60,7 @@ import "@unicom-cloud/utils/validate";
 import "@unicom-cloud/ui-common/utils/warning";
 import "@unicom-cloud/utils/constant/keyboardCode";
 import te from "../config-provider/context.js";
-const E = (u) => D(u) ? u.reduce((f, N) => f + (N.span || 1), 0) : 0, re = {
+const w = (u) => E(u) ? u.reduce((f, N) => f + (N.span || 1), 0) : 0, re = {
   layout: "horizontal",
   column: 3,
   tableLayout: "auto"
@@ -68,45 +68,45 @@ const E = (u) => D(u) ? u.reduce((f, N) => f + (N.span || 1), 0) : 0, re = {
 function ne(u, f) {
   const {
     prefixCls: N,
-    getPrefixCls: L,
-    componentConfig: O,
-    rtl: R,
-    size: g
-  } = K(te), S = Y(
+    getPrefixCls: D,
+    componentConfig: L,
+    rtl: O,
+    size: R
+  } = K(te), g = Y(
     u,
     re,
-    O?.Descriptions
+    L?.Descriptions
   ), {
     style: j,
     className: H,
     column: m,
-    title: x,
+    title: S,
     data: h,
     border: A,
     labelStyle: b,
     valueStyle: y,
     colon: $,
     layout: c,
-    size: C,
+    size: x = R,
     tableLayout: F
-  } = S, t = L?.("descriptions"), [M, T] = Q(), d = k(void 0);
-  U(() => (d.current = I.subscribe((r) => {
-    for (let n = 0; n < w.length; n++) {
-      const e = w[n];
+  } = g, t = D?.("descriptions"), [M, T] = Q(), d = P(void 0);
+  U(() => (d.current = z.subscribe((r) => {
+    for (let n = 0; n < I.length; n++) {
+      const e = I[n];
       if (r[e]) {
         T(e);
         break;
       }
     }
   }), () => {
-    d.current && I.unsubscribe(d.current);
+    d.current && z.unsubscribe(d.current);
   }), []);
   let o = 3;
   _(m) && (o = m[M] || 3), ee(m) && m > 0 && (o = m);
   const a = [];
-  if (D(h) && h.length > 0 && o) {
+  if (E(h) && h.length > 0 && o) {
     h.forEach((e) => {
-      const l = a[a.length - 1], i = E(l);
+      const l = a[a.length - 1], i = w(l);
       i === 0 ? a.push([
         {
           ...e,
@@ -122,11 +122,11 @@ function ne(u, f) {
         span: e.span ? e.span + i > o ? o - i : e.span : 1
       });
     });
-    const r = a[a.length - 1], n = E(r);
+    const r = a[a.length - 1], n = w(r);
     n < o && (r[r.length - 1].span = r[r.length - 1].span + o - n);
   }
   function V(r, n) {
-    return /* @__PURE__ */ p(z, { children: [
+    return /* @__PURE__ */ p(k, { children: [
       /* @__PURE__ */ s("tr", { className: `${t}-row`, children: r.map((e, l) => {
         const i = e.span > 1 ? { colSpan: e.span } : {};
         return /* @__PURE__ */ p(
@@ -161,7 +161,7 @@ function ne(u, f) {
   function W(r, n) {
     return /* @__PURE__ */ s("tr", { className: `${t}-row`, children: r.map((e, l) => {
       const i = e.span > 1 ? { colSpan: e.span * 2 - 1 } : {};
-      return /* @__PURE__ */ p(z, { children: [
+      return /* @__PURE__ */ p(k, { children: [
         /* @__PURE__ */ p("td", { className: `${t}-item-label`, style: b, children: [
           e.label,
           $
@@ -220,18 +220,18 @@ function ne(u, f) {
     {
       [`${t}-border`]: A,
       [`${t}-layout-${c}`]: c,
-      [`${t}-size-${C || g}`]: C || g,
+      [`${t}-size-${x}`]: x,
       [`${t}-table-layout-fixed`]: F === "fixed"
     },
-    R ? `${t}-rtl` : `${t}-ltr`,
+    O ? `${t}-rtl` : `${t}-ltr`,
     H
-  ), P = k(null);
+  ), C = P(null);
   return X(f, () => ({
     getRootElement() {
-      return P.current;
+      return C.current;
     }
-  })), /* @__PURE__ */ p("div", { ref: P, className: G, style: j, children: [
-    x && /* @__PURE__ */ s("div", { className: `${t}-title`, children: x }),
+  })), /* @__PURE__ */ p("div", { ref: C, className: G, style: j, children: [
+    S && /* @__PURE__ */ s("div", { className: `${t}-title`, children: S }),
     /* @__PURE__ */ s("div", { className: `${t}-body`, children: a.length ? /* @__PURE__ */ s(
       "table",
       {
@@ -240,7 +240,7 @@ function ne(u, f) {
         cellSpacing: 0,
         children: /* @__PURE__ */ s("tbody", { children: a.map((r, n) => B(r, n)) })
       }
-    ) : S.children })
+    ) : g.children })
   ] });
 }
 const oe = J(ne);

package/details/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 11:30:56 */
 import { jsxs as f, jsx as o } from "react/jsx-runtime";
 import S from "@unicom-cloud/icons/IconUiCheckCircleFill";
 import j from "@unicom-cloud/icons/IconUiCloseCircleFill";

package/development/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 11:30:56 */
 import { jsx as m } from "react/jsx-runtime";
 import s from "@unicom-cloud/ui-common/development";
 import n from "@unicom-cloud/utils/class-name";

package/divider/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 11:30:56 */
 import { jsx as c } from "react/jsx-runtime";
 import { forwardRef as u, useContext as D, useMemo as P, useRef as R, useImperativeHandle as S } from "react";
 import "../config-provider/ConfigProvider.js";

package/draggable/Item.js

@@ -1,4 +1,4 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 11:30:56 */
 import { jsx as x } from "react/jsx-runtime";
 import { useRef as d, useState as f, useEffect as u } from "react";
 import T from "@unicom-cloud/ui-common/utils/className";

package/draggable/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 11:30:56 */
 import { jsx as s } from "react/jsx-runtime";
 import I, { forwardRef as h, useContext as D, useState as R, useRef as v, useImperativeHandle as N } from "react";
 import "../config-provider/ConfigProvider.js";

package/drawer/Drawer.js

@@ -1,22 +1,22 @@
-/* 2026-01-09 18:07:46 */
-import { jsxs as y, Fragment as ue, jsx as t } from "react/jsx-runtime";
-import he from "@unicom-cloud/icons/IconUiClose";
-import z from "@unicom-cloud/ui-common/transition-group/CSSTransition";
-import { getBodyContainer as p, contains as Ce } from "@unicom-cloud/ui-common/utils/dom";
-import xe, { useContext as ge, useRef as m, useState as j, useCallback as ke, useImperativeHandle as ye, useEffect as Ne } from "react";
-import F from "../button/Button.js";
-import H from "../config-provider/ConfigProvider.js";
-import $e from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import ve from "@unicom-cloud/ui-common/hooks/use-overflow-hidden";
-import we from "../icon-hover/index.js";
-import Ee from "../portal/Portal.js";
-import N from "@unicom-cloud/ui-common/utils/className";
-import be from "@unicom-cloud/ui-common/utils/findRootElement";
-import { isServerRendering as Pe, isFunction as $, isNaN as Ie } from "@unicom-cloud/ui-common/utils/is";
-import { Esc as Be } from "@unicom-cloud/utils/constant/keyboardCode";
-import De from "@unicom-cloud/ui-common/utils/omit";
-import Oe from "../config-provider/context.js";
-const Re = {
+/* 2026-01-12 11:30:56 */
+import { jsxs as $, Fragment as ge, jsx as t } from "react/jsx-runtime";
+import ke from "@unicom-cloud/icons/IconUiClose";
+import Z from "@unicom-cloud/ui-common/transition-group/CSSTransition";
+import { getBodyContainer as p, contains as ye } from "@unicom-cloud/ui-common/utils/dom";
+import Ne, { useContext as $e, useRef as c, useState as v, useCallback as ve, useEffect as we, useImperativeHandle as Ee } from "react";
+import M from "../button/Button.js";
+import G from "../config-provider/ConfigProvider.js";
+import be from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import Pe from "@unicom-cloud/ui-common/hooks/use-overflow-hidden";
+import Ie from "../icon-hover/index.js";
+import Re from "../portal/Portal.js";
+import w from "@unicom-cloud/ui-common/utils/className";
+import Be from "@unicom-cloud/ui-common/utils/findRootElement";
+import { isServerRendering as De, isFunction as E, isNaN as Oe } from "@unicom-cloud/ui-common/utils/is";
+import { Esc as Se } from "@unicom-cloud/utils/constant/keyboardCode";
+import Te from "@unicom-cloud/ui-common/utils/omit";
+import ze from "../config-provider/context.js";
+const Fe = {
   placement: "right",
   width: 250,
   height: 250,
@@ -27,180 +27,183 @@ const Re = {
   mountOnEnter: !0,
   getPopupContainer: p
 };
-function Se(Z, M) {
-  const f = ge(Oe), {
-    locale: v,
+function je(K, L) {
+  const f = $e(ze), {
+    locale: b,
     prefixCls: i,
-    getPrefixCls: G,
-    componentConfig: K,
-    rtl: L
-  } = f, o = $e(
-    Z,
-    Re,
-    K?.Drawer
+    getPrefixCls: U,
+    componentConfig: W,
+    rtl: q
+  } = f, r = be(
+    K,
+    Fe,
+    W?.Drawer
   ), {
-    style: U,
-    className: W,
-    children: q,
-    wrapClassName: A,
-    maskStyle: J,
-    headerStyle: Q,
-    bodyStyle: V,
+    style: A,
+    className: J,
+    children: Q,
+    wrapClassName: V,
+    maskStyle: X,
+    headerStyle: Y,
+    bodyStyle: _,
     title: u,
-    header: c,
+    header: d,
     footer: s,
-    okText: X,
-    cancelText: Y,
-    width: _,
-    height: ee,
-    placement: d,
+    okText: ee,
+    cancelText: te,
+    width: ne,
+    height: re,
+    placement: m,
     mask: h,
-    visible: r,
-    closable: te,
-    maskClosable: ne,
-    confirmLoading: oe,
+    visible: o,
+    closable: oe,
+    maskClosable: le,
+    confirmLoading: ie,
     mountOnEnter: C,
-    unmountOnExit: w,
-    afterOpen: re,
-    afterClose: le,
-    getPopupContainer: x,
-    escToExit: ie,
-    getChildrenPopupContainer: E,
-    okButtonProps: se,
-    cancelButtonProps: ae,
-    zIndex: b,
-    closeIcon: P,
+    unmountOnExit: x,
+    afterOpen: se,
+    afterClose: ae,
+    getPopupContainer: g,
+    escToExit: ce,
+    getChildrenPopupContainer: P,
+    okButtonProps: de,
+    cancelButtonProps: me,
+    zIndex: I,
+    closeIcon: R,
     okButton: a,
-    ...ce
-  } = o, l = m(null), I = m(null), B = m(null), D = m(null), [g, de] = j(), n = G?.("drawer"), [O, k] = j(!1), R = /* @__PURE__ */ y(ue, { children: [
-    o.cancelButton?.visible !== !1 && /* @__PURE__ */ t(
-      F,
+    ...pe
+  } = r, l = c(null), B = c(null), D = c(null), O = c(null), [k, fe] = v(), n = U?.("drawer"), [S, y] = v(!1), N = c(!0), [ue, T] = v(!1), z = /* @__PURE__ */ $(ge, { children: [
+    r.cancelButton?.visible !== !1 && /* @__PURE__ */ t(
+      M,
       {
-        onClick: o.onCancel,
-        ...ae,
-        ...o.cancelButton?.props,
-        children: o.cancelButton?.props?.children || o.cancelButton?.label || o.cancelButton?.text || Y || v?.Drawer?.cancelText
+        onClick: r.onCancel,
+        ...me,
+        ...r.cancelButton?.props,
+        children: r.cancelButton?.props?.children || r.cancelButton?.label || r.cancelButton?.text || te || b?.Drawer?.cancelText
       }
     ),
     a?.visible !== !1 && /* @__PURE__ */ t(
-      F,
+      M,
       {
         type: "primary",
-        loading: oe,
-        onClick: o.onOk,
-        ...se,
+        loading: ie,
+        onClick: r.onOk,
+        ...de,
         ...a?.props,
-        children: a?.props?.children || a?.label || a?.text || X || v?.Drawer?.okText
+        children: a?.props?.children || a?.label || a?.text || ee || b?.Drawer?.okText
       }
     )
-  ] }), S = ke(() => {
-    const e = x?.();
-    return be(e) || p();
-  }, [x]), me = !Pe && S() === p();
-  ve(S, { hidden: (r || O) && h }), ye(M, () => ({
+  ] }), F = ve(() => {
+    const e = g?.();
+    return Be(e) || p();
+  }, [g]), he = !De && F() === p();
+  Pe(F, { hidden: (o || S) && h }), we(() => {
+    o && (N.current && (N.current = !1, T(!0)), ye(p(), l.current) && l.current?.focus?.());
+  }, [o]), Ee(L, () => ({
     getRootElement() {
       return l.current;
     }
-  })), Ne(() => {
-    r && Ce(p(), l.current) && l.current?.focus?.();
-  }, [r]);
-  const pe = () => {
-    if (r && g === void 0 && l.current) {
+  }));
+  const j = N.current ? !C : ue;
+  if (!o && !j)
+    return null;
+  const Ce = () => {
+    if (o && k === void 0 && l.current) {
       const e = +window.getComputedStyle(l.current, null)?.zIndex;
-      Ie(e) || de(e + 1);
+      Oe(e) || fe(e + 1);
     }
   };
-  let T;
-  if (c !== null) {
+  let H;
+  if (d !== null) {
     const e = u !== null && /* @__PURE__ */ t("div", { className: `${n}-header-title`, children: u });
-    T = /* @__PURE__ */ t("div", { className: `${n}-header`, style: Q, children: $(c) ? c(e) : c || e });
+    H = /* @__PURE__ */ t("div", { className: `${n}-header`, style: Y, children: E(d) ? d(e) : d || e });
   }
-  const fe = /* @__PURE__ */ y("div", { className: `${n}-scroll`, tabIndex: -1, children: [
-    T,
-    te && (P !== void 0 ? /* @__PURE__ */ t("span", { onClick: o.onCancel, className: `${n}-close-icon`, children: P }) : /* @__PURE__ */ t(
-      we,
+  const xe = /* @__PURE__ */ $("div", { className: `${n}-scroll`, tabIndex: -1, children: [
+    H,
+    oe && (R !== void 0 ? /* @__PURE__ */ t("span", { onClick: r.onCancel, className: `${n}-close-icon`, children: R }) : /* @__PURE__ */ t(
+      Ie,
       {
-        onClick: o.onCancel,
+        onClick: r.onCancel,
         className: `${n}-close-icon`,
-        children: /* @__PURE__ */ t(he, {})
+        children: /* @__PURE__ */ t(ke, {})
       }
     )),
     /* @__PURE__ */ t(
       "div",
       {
         ref: (e) => {
-          D.current = e, pe();
+          O.current = e, Ce();
         },
-        style: V,
-        className: N(`${n}-content`, {
+        style: _,
+        className: w(`${n}-content`, {
           [`${n}-content-nofooter`]: s === null,
           [`${n}-content-noheader`]: u === null
         }),
         children: /* @__PURE__ */ t(
-          H,
+          G,
           {
             ...f,
             childrenName: "Drawer",
-            zIndex: g || 1050,
-            getPopupContainer: (e) => $(E) ? E(e) : D.current,
-            children: q
+            zIndex: k || 1050,
+            getPopupContainer: (e) => E(P) ? P(e) : O.current,
+            children: Q
           }
         )
       }
     ),
-    s !== null && /* @__PURE__ */ t("div", { className: `${n}-footer`, children: $(s) ? s(R) : s || R })
+    s !== null && /* @__PURE__ */ t("div", { className: `${n}-footer`, children: E(s) ? s(z) : s || z })
   ] });
   return /* @__PURE__ */ t(
-    Ee,
+    Re,
     {
-      forceRender: !C,
-      visible: r,
-      getContainer: x,
-      children: /* @__PURE__ */ y(
+      forceRender: j,
+      visible: o,
+      getContainer: g,
+      children: /* @__PURE__ */ $(
         "div",
         {
-          ...De(ce, ["onCancel", "onOk"]),
+          ...Te(pe, ["onCancel", "onOk"]),
           ref: l,
           onKeyDown: (e) => {
-            e.key === Be.key && ie && r && o.onCancel?.(e);
+            e.key === Se.key && ce && o && r.onCancel?.(e);
           },
-          className: N(
+          className: w(
             `${n}-wrapper`,
             {
               [`${n}-no-mask`]: !h,
-              [`${n}-wrapper-hide`]: !r
+              [`${n}-wrapper-hide`]: !o
             },
-            A
+            V
           ),
-          style: me ? { position: "fixed", zIndex: b } : { zIndex: b || "inherit", position: "absolute" },
+          style: he ? { position: "fixed", zIndex: I } : { zIndex: I || "inherit", position: "absolute" },
           children: [
             h ? /* @__PURE__ */ t(
-              z,
+              Z,
               {
-                in: r,
+                in: o,
                 appear: !0,
                 timeout: 300,
                 classNames: `${i}-fade-in-standard`,
                 mountOnEnter: C,
-                unmountOnExit: w,
-                refElement: B,
+                unmountOnExit: x,
+                refElement: D,
                 children: /* @__PURE__ */ t(
                   "div",
                   {
-                    ref: B,
+                    ref: D,
                     className: `${n}-mask`,
-                    style: J,
+                    style: X,
                     onClick: (e) => {
-                      !O && ne && o.onCancel?.(e);
+                      !S && le && r.onCancel?.(e);
                     }
                   }
                 )
               }
             ) : null,
             /* @__PURE__ */ t(
-              z,
+              Z,
               {
-                in: r,
+                in: o,
                 appear: !0,
                 timeout: 300,
                 classNames: {
@@ -208,39 +211,39 @@ function Se(Z, M) {
                   bottom: `${i}-slide-bottom`,
                   left: `${i}-slide-left`,
                   right: `${i}-slide-right`
-                }[d],
+                }[m],
                 mountOnEnter: C,
-                unmountOnExit: w,
+                unmountOnExit: x,
                 onEnter: (e) => {
-                  e && (e.parentNode.style.display = "block", k(!1));
+                  e && (e.parentNode.style.display = "block", y(!1));
                 },
                 onEntered: () => {
-                  re?.();
+                  se?.();
                 },
                 onExit: () => {
-                  k(!0);
+                  y(!0);
                 },
                 onExited: (e) => {
-                  e && (k(!1), e.parentNode.style.display = "", le?.());
+                  e && (y(!1), e.parentNode.style.display = "", x && T(!1), ae?.());
                 },
-                refElement: I,
+                refElement: B,
                 children: /* @__PURE__ */ t(
                   "div",
                   {
-                    ref: I,
-                    className: N(n, W, { [`${n}-rtl`]: L }),
+                    ref: B,
+                    className: w(n, J, { [`${n}-rtl`]: q }),
                     style: Object.assign(
-                      d === "left" || d === "right" ? { width: _ } : { height: ee },
-                      { [d]: 0 },
-                      U
+                      m === "left" || m === "right" ? { width: ne } : { height: re },
+                      { [m]: 0 },
+                      A
                     ),
                     children: /* @__PURE__ */ t("div", { className: `${n}-inner`, children: /* @__PURE__ */ t(
-                      H,
+                      G,
                       {
                         ...f,
                         childrenName: "Drawer",
-                        zIndex: g || 1050,
-                        children: fe
+                        zIndex: k || 1050,
+                        children: xe
                       }
                     ) })
                   }
@@ -253,8 +256,8 @@ function Se(Z, M) {
     }
   );
 }
-const Te = xe.forwardRef(Se);
-Te.displayName = "Drawer";
+const He = Ne.forwardRef(je);
+He.displayName = "Drawer";
 export {
-  Te as default
+  He as default
 };

package/drawer/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 11:30:56 */
 import a from "./Drawer.js";
 export {
   a as default

package/dropdown/Button.js

@@ -1,4 +1,4 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 11:30:56 */
 import { jsx as t, jsxs as D } from "react/jsx-runtime";
 import u from "@unicom-cloud/icons/IconUiMore";
 import { forwardRef as y, useContext as j } from "react";

package/dropdown/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 11:30:56 */
 import { jsx as P } from "react/jsx-runtime";
 import b from "lodash/get";
 import o, { useContext as H, useRef as V, useImperativeHandle as L } from "react";

package/empty/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 11:30:56 */
 import { jsx as i } from "react/jsx-runtime";
 import a from "@unicom-cloud/ui-common/empty";
 import { memo as c, forwardRef as u, useContext as C, useRef as g, useImperativeHandle as x } from "react";

package/flex/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-09 18:07:46 */
+/* 2026-01-12 11:30:56 */
 import { jsx as s } from "react/jsx-runtime";
 import d from "@unicom-cloud/ui-common/flex";
 import { forwardRef as l, useContext as g, useRef as F, useImperativeHandle as N } from "react";