@unicom-cloud/ui 0.8.137 → 0.8.140

package/drawer/Drawer.js

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

package/drawer/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-12 11:30:56 */
+/* 2026-01-12 17:27:20 */
 import a from "./Drawer.js";
 export {
   a as default

package/dropdown/Button.js

@@ -1,4 +1,4 @@
-/* 2026-01-12 11:30:56 */
+/* 2026-01-12 17:27:20 */
 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-12 11:30:56 */
+/* 2026-01-12 17:27:20 */
 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-12 11:30:56 */
+/* 2026-01-12 17:27:20 */
 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-12 11:30:56 */
+/* 2026-01-12 17:27:20 */
 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";