@unicom-cloud/ui 0.8.147 → 0.8.148

package/modal/Modal.js

@@ -1,32 +1,32 @@
-/* 2026-01-29 15:15:33 */
-import { jsxs as E, jsx as t, Fragment as ie } from "react/jsx-runtime";
-import Ge from "@unicom-cloud/icons/IconUiClose";
-import Ue from "@unicom-cloud/ui-common/transition-group/CSSTransition";
-import { getBodyContainer as H, contains as Ae } from "@unicom-cloud/ui-common/utils/dom";
-import { forwardRef as Ke, useContext as Xe, useState as F, useRef as c, useEffect as Ye, useImperativeHandle as qe } from "react";
-import se from "../button/Button.js";
-import Je from "../config-provider/ConfigProvider.js";
-import Qe from "@unicom-cloud/ui-common/hooks/use-id";
-import er from "@unicom-cloud/ui-common/hooks/use-is-first-render";
-import rr from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import or from "@unicom-cloud/ui-common/hooks/use-merge-value";
-import tr from "@unicom-cloud/ui-common/hooks/use-move";
-import nr from "@unicom-cloud/ui-common/hooks/use-overflow-hidden";
-import lr from "../hooks/useUnmountOnExit.js";
+/* 2026-02-26 14:47:16 */
+import { jsxs as E, jsx as t, Fragment as ae } from "react/jsx-runtime";
+import De from "@unicom-cloud/icons/IconUiClose";
+import Ge from "@unicom-cloud/ui-common/transition-group/CSSTransition";
+import { getBodyContainer as H, contains as Ue } from "@unicom-cloud/ui-common/utils/dom";
+import { forwardRef as Ae, useContext as Ke, useState as F, useRef as c, useEffect as Xe, useImperativeHandle as Ye } from "react";
+import ce from "../button/Button.js";
+import qe from "../config-provider/ConfigProvider.js";
+import Je from "@unicom-cloud/ui-common/hooks/use-id";
+import Qe from "@unicom-cloud/ui-common/hooks/use-is-first-render";
+import er from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import rr from "@unicom-cloud/ui-common/hooks/use-merge-value";
+import or from "@unicom-cloud/ui-common/hooks/use-move";
+import tr from "@unicom-cloud/ui-common/hooks/use-overflow-hidden";
+import nr from "../hooks/useUnmountOnExit.js";
 import ir from "../icon-hover/index.js";
-import sr from "../mask/Mask.js";
-import ar from "../portal/Portal.js";
-import N from "@unicom-cloud/ui-common/utils/className";
-import cr from "@unicom-cloud/ui-common/utils/findRootElement";
-import { isFunction as P, isNaN as fr, isPromise as mr, isServerRendering as ur } from "@unicom-cloud/ui-common/utils/is";
-import { Esc as dr } from "@unicom-cloud/utils/constant/keyboardCode";
-import pr from "@unicom-cloud/ui-common/utils/omit";
+import lr from "../mask/Mask.js";
+import sr from "../portal/Portal.js";
+import P from "@unicom-cloud/ui-common/utils/className";
+import ar from "@unicom-cloud/ui-common/utils/findRootElement";
+import { isFunction as h, isNaN as cr, isPromise as fr, isServerRendering as mr } from "@unicom-cloud/ui-common/utils/is";
+import { Esc as ur } from "@unicom-cloud/utils/constant/keyboardCode";
+import dr from "@unicom-cloud/ui-common/utils/omit";
 import L from "./Confirm.js";
-import { setModalConfig as gr, destroyList as ae } from "./config.js";
-import Cr from "./use-modal/index.js";
-import xr from "../config-provider/context.js";
+import { setModalConfig as pr, destroyList as fe } from "./config.js";
+import gr from "./use-modal/index.js";
+import Cr from "../config-provider/context.js";
 let z = null;
-ur || document.documentElement.addEventListener(
+mr || document.documentElement.addEventListener(
   "mousedown",
   (n) => {
     z = {
@@ -36,98 +36,102 @@ ur || document.documentElement.addEventListener(
   },
   !0
 );
-const br = {
+const xr = {
   mask: !0,
   maskClosable: !0,
   mountOnEnter: !0,
   escToExit: !0,
   getPopupContainer: H,
   alignCenter: !0,
-  draggable: !0
+  draggable: !0,
+  transition: !0
 };
 function hr(n, w) {
-  const W = Xe(xr), {
-    prefixCls: ce,
-    getPrefixCls: Z,
-    componentConfig: fe,
-    locale: y,
-    rtl: _
-  } = W, a = rr(n, br, fe?.Modal), {
-    className: me,
-    style: ue,
-    visible: l,
-    simple: j,
+  const _ = Ke(Cr), {
+    prefixCls: me,
+    getPrefixCls: W,
+    componentConfig: Z,
+    locale: M,
+    rtl: j
+  } = _, m = er(n, xr, Z?.Modal), {
+    className: ue,
+    style: de,
+    visible: i,
+    simple: D,
     title: b,
-    subtitle: M,
-    children: de,
-    cancelText: pe,
-    okText: ge,
-    okButtonProps: D,
-    cancelButtonProps: G,
-    getPopupContainer: U = H,
-    header: m,
+    subtitle: y,
+    children: pe,
+    cancelText: ge,
+    okText: Ce,
+    okButtonProps: G,
+    cancelButtonProps: U,
+    getPopupContainer: A = H,
+    header: u,
     // 潘启宝添加
-    footer: u,
-    afterClose: Ce,
-    confirmLoading: xe,
-    mountOnEnter: h,
+    footer: d,
+    afterClose: xe,
+    confirmLoading: he,
+    mountOnEnter: k,
     unmountOnExit: T,
     afterOpen: be,
-    hideCancel: he,
-    maskClosable: ke,
-    mask: ve,
-    alignCenter: $e,
-    getChildrenPopupContainer: A,
+    hideCancel: ke,
+    maskClosable: ve,
+    mask: $e,
+    alignCenter: Ne,
+    getChildrenPopupContainer: K,
     wrapClassName: Ee,
     escToExit: I,
-    modalRender: K,
-    maskStyle: Ne,
-    wrapStyle: Pe,
-    closeIcon: X,
-    fullscreenable: C,
-    cancelButton: d,
-    okButton: p,
-    draggable: we,
-    closable: ye,
-    ...Me
-  } = a, k = C ? !1 : ve, Y = C ? !1 : we, [q, J] = F(), [Q, Te] = F(), [Ie, Oe] = F(void 0), x = c(null), ee = c(null), g = c(null), re = c(null), oe = c(null), O = c(!1), Re = Qe(), R = c(!0);
-  l && R.current && (R.current = !1), er();
-  const [Be, B] = or(!1, {
+    modalRender: X,
+    maskStyle: Pe,
+    wrapStyle: we,
+    closeIcon: Y,
+    fullscreenable: v,
+    cancelButton: p,
+    okButton: g,
+    draggable: Me,
+    closable: ye = !D,
+    // 简洁模式下默认不显示关闭按钮
+    transition: q,
+    ...Te
+  } = m, $ = v ? !1 : $e, J = v ? !1 : Me, [Q, ee] = F(), [re, Ie] = F(), [Oe, Re] = F(void 0), x = c(null), oe = c(null), C = c(null), te = c(null), ne = c(null), O = c(!1), Be = Je(), R = c(!0);
+  i && R.current && (R.current = !1), Qe();
+  const [Se, B] = rr(!1, {
     defaultValue: !1,
-    value: xe
-  }), r = Z?.("modal"), Se = Z?.("modal-var"), Ve = tr(
+    value: he
+  }), r = W?.("modal"), Ve = W?.("modal-var"), Fe = or(
     {
-      trigger: re,
-      target: g,
-      draggable: Y
+      trigger: te,
+      target: C,
+      draggable: J
     },
     !0
-  ), Fe = !j, He = C ? !0 : "closable" in a ? ye : Fe;
-  nr(
-    () => cr(U()),
-    { hidden: l && k }
+  ), He = ye;
+  tr(
+    () => ar(A()),
+    { hidden: i && $ }
   );
   function S(o) {
     o.stopPropagation(), V();
   }
   function V() {
-    a.onCancel?.();
+    m.onCancel?.();
   }
   function ze(o) {
-    I && l && o.key === dr.key && (o.stopPropagation(), V());
+    I && i && o.key === ur.key && (o.stopPropagation(), V());
   }
-  function v(o) {
-    let i = "";
+  function N(o) {
+    let e = "";
     if (z) {
-      const s = o.getBoundingClientRect(), { left: e, top: $ } = z;
-      i = `${e - s.left}px ${$ - s.top}px`;
+      const l = o.getBoundingClientRect(), { left: s, top: se } = z;
+      e = `${s - l.left}px ${se - l.top}px`;
     }
-    Oe(i);
+    Re(e);
   }
-  const te = R.current ? !h : !!g.current;
+  const ie = R.current ? !k : !!C.current;
   function Le(o) {
-    const i = (a.onOk ?? a.onConfirm)?.(o);
-    mr(i) && (B(!0), i.then(
+    let e;
+    const l = m.onOk;
+    h(l) && (e = l(o)), fr(e) && (B(!0), e.then(
       () => {
         B(!1);
       },
@@ -136,93 +140,86 @@ function hr(n, w) {
       }
     ));
   }
-  Ye(() => {
+  Xe(() => {
     let o = null;
     return I && (o = setTimeout(() => {
-      Ae(H(), x.current) && x.current?.focus();
+      Ue(H(), x.current) && x.current?.focus();
     })), () => {
       o && clearTimeout(o);
     };
-  }, [l, I]), qe(w, () => ({
+  }, [i, I]), Ye(w, () => ({
     getModalElement() {
-      return g.current;
+      return C.current;
     },
     getRootElement() {
-      return oe.current;
+      return ne.current;
     }
   }));
-  function We() {
-    if (l && Q === void 0 && x.current) {
+  function _e() {
+    if (i && re === void 0 && x.current) {
       const o = +window.getComputedStyle(x.current, null)?.zIndex;
-      fr(o) || Te(o + 1);
+      cr(o) || Ie(o + 1);
     }
   }
-  function Ze() {
-    if (m === !1 || m === null || "header" in a && m === void 0 || !(b || M)) return;
-    const o = !!b && /* @__PURE__ */ t("div", { className: `${r}-title`, children: b }), i = !!M && /* @__PURE__ */ t("div", { className: `${r}-subtitle`, children: M }), s = P(m) ? m(o, i) : m || /* @__PURE__ */ E(ie, { children: [
+  function We() {
+    if (u === !1 || u === null || "header" in m && u === void 0 || !(b || y)) return;
+    const o = !!b && /* @__PURE__ */ t("div", { className: `${r}-title`, children: b }), e = !!y && /* @__PURE__ */ t("div", { className: `${r}-subtitle`, children: y }), l = h(u) ? u(o, e) : u || /* @__PURE__ */ E(ae, { children: [
       o,
-      i
+      e
     ] });
-    return /* @__PURE__ */ t("div", { className: `${r}-header`, children: s });
+    return /* @__PURE__ */ t("div", { className: `${r}-header`, children: l });
   }
-  function _e() {
-    if (u === !1 || u === null || "footer" in a && u === void 0)
+  function Ze() {
+    if (d === !1 || d === null || "footer" in m && d === void 0)
       return;
-    const o = d?.visible !== !1 && /* @__PURE__ */ t(
-      se,
+    const o = p !== !1 && p?.visible !== !1 && /* @__PURE__ */ t(
+      ce,
       {
-        ...G,
-        ...d?.props,
-        onClick: (e) => {
-          G?.onClick?.(e), d?.props?.onClick?.(e), S(e);
+        ...U,
+        ...p?.props,
+        onClick: (s) => {
+          U?.onClick?.(s), p?.props?.onClick?.(s), S(s);
         },
-        children: d?.props?.children || d?.label || d?.text || pe || y?.Modal?.cancelText
+        children: p?.props?.children || p?.text || ge || M?.Modal?.cancelText
       }
-    ), i = p?.visible !== !1 && /* @__PURE__ */ t(
-      se,
+    ), e = g !== !1 && g?.visible !== !1 && /* @__PURE__ */ t(
+      ce,
       {
-        loading: Be,
+        loading: Se,
         type: "primary",
-        ...D,
-        ...p?.props,
-        onClick: (e) => {
-          D?.onClick?.(e), p?.props?.onClick?.(e), Le(e);
+        ...G,
+        ...g?.props,
+        onClick: (s) => {
+          G?.onClick?.(s), g?.props?.onClick?.(s), Le(s);
         },
-        children: p?.props?.children || p?.label || p?.text || ge || y?.Modal?.okText
+        children: g?.props?.children || g?.text || Ce || M?.Modal?.okText
       }
-    ), s = P(u) ? u(o, i) : u || /* @__PURE__ */ E(ie, { children: [
-      !he && o,
-      i
+    ), l = h(d) ? d(o, e) : d || /* @__PURE__ */ E(ae, { children: [
+      !ke && o,
+      e
     ] });
-    if (s)
-      return /* @__PURE__ */ t("div", { className: `${r}-footer`, children: s });
+    if (l)
+      return /* @__PURE__ */ t("div", { className: `${r}-footer`, children: l });
   }
-  let ne;
-  if (l || te) {
-    const o = /* @__PURE__ */ E(
-      Je,
+  let a;
+  if (i || ie) {
+    a = /* @__PURE__ */ E(
+      qe,
       {
-        ...W,
+        ..._,
         effectGlobalModal: !1,
         effectGlobalNotice: !1,
         childrenName: "Modal",
-        prefixCls: a.prefixCls || ce,
-        locale: y,
-        zIndex: Q || 1050,
-        getPopupContainer: (e) => P(A) ? A(e) : ee.current,
+        prefixCls: m.prefixCls || me,
+        locale: M,
+        zIndex: re || 1050,
+        getPopupContainer: (e) => h(K) ? K(e) : oe.current,
         children: [
+          We(),
+          /* @__PURE__ */ t("div", { ref: oe, className: `${r}-content`, children: pe }),
           Ze(),
-          /* @__PURE__ */ t("div", { ref: ee, className: `${r}-content`, children: de }),
-          _e(),
-          Y && /* @__PURE__ */ t("div", { ref: re, className: `${r}-drag-icon` }),
-          He && (X !== void 0 ? /* @__PURE__ */ t(
-            "span",
-            {
-              className: `${r}-close-icon`,
-              onClick: S,
-              children: X
-            }
-          ) : /* @__PURE__ */ t(
+          J && /* @__PURE__ */ t("div", { ref: te, className: `${r}-drag-icon` }),
+          He && (Y === void 0 ? /* @__PURE__ */ t(
             ir,
             {
               prefix: r,
@@ -231,69 +228,103 @@ function hr(n, w) {
               onClick: S,
               role: "button",
               "aria-label": "Close",
-              children: /* @__PURE__ */ t(Ge, {})
+              children: /* @__PURE__ */ t(De, {})
+            }
+          ) : /* @__PURE__ */ t(
+            "span",
+            {
+              className: `${r}-close-icon`,
+              onClick: S,
+              children: Y
             }
           ))
         ]
       }
-    ), i = b ? { "aria-labelledby": `${r}-${Re}` } : {}, s = /* @__PURE__ */ t(
+    );
+    const o = b ? { "aria-labelledby": `${r}-${Be}` } : {};
+    a = /* @__PURE__ */ t(
       "div",
       {
         role: "dialog",
         "aria-modal": "true",
-        ...i,
+        ...o,
         style: {
-          [`--${Se}-transform`]: Ve?.translate,
-          ...ue,
-          ...C ? { width: "100%", height: "100%" } : {},
-          transformOrigin: Ie
+          [`--${Ve}-transform`]: Fe?.translate,
+          ...de,
+          ...v ? { width: "100%", height: "100%" } : {},
+          transformOrigin: Oe
         },
-        className: N(
+        className: P(
+          Z?.Modal?.className,
           r,
           {
-            [`${r}-simple`]: j,
-            [`${r}-rtl`]: _,
-            [`${r}-fullscreenable`]: C
+            [`${r}-simple`]: D,
+            [`${r}-rtl`]: j,
+            [`${r}-fullscreenable`]: v
           },
-          me
+          ue
         ),
-        ref: g,
-        children: o
+        ref: C,
+        children: a
       }
-    );
-    ne = /* @__PURE__ */ t(
-      ar,
+    ), a = h(X) ? X(a) ?? a : a, q && (a = /* @__PURE__ */ t(
+      Ge,
       {
-        visible: l,
-        forceRender: te,
-        getContainer: U,
+        in: i,
+        timeout: 400,
+        appear: !0,
+        classNames: `${r}-zoom`,
+        unmountOnExit: T,
+        mountOnEnter: k,
+        onEnter: (e) => {
+          e && (le(!1), ee(!0), N(e));
+        },
+        onEntered: (e) => {
+          e && (N(e), be?.());
+        },
+        onExit: (e) => {
+          e && (N(e), O.current = !0);
+        },
+        onExited: (e) => {
+          e && (le(!0), ee(!1), N(e), xe?.(), O.current = !1);
+        },
+        refElement: C,
+        children: a
+      }
+    )), a = /* @__PURE__ */ t(
+      sr,
+      {
+        visible: i,
+        forceRender: ie,
+        getContainer: A,
         children: /* @__PURE__ */ E(
           "div",
           {
-            ref: oe,
-            className: N(
+            ref: ne,
+            className: P(
               `${r}-container`,
               // 潘启宝添加
-              l ? `${r}-container-visible` : `${r}-container-hidden`
+              i ? `${r}-container-visible` : `${r}-container-hidden`
             ),
             children: [
-              !!k && /* @__PURE__ */ t(
-                sr,
+              !!$ && /* @__PURE__ */ t(
+                lr,
                 {
-                  style: Ne,
-                  className: N(
+                  style: Pe,
+                  className: P(
                     `${r}-mask`,
-                    l ? `${r}-mask-visible` : `${r}-mask-hidden`
+                    i ? `${r}-mask-visible` : `${r}-mask-hidden`
                   ),
-                  visible: l,
-                  mountOnEnter: h,
-                  unmountOnExit: T
+                  visible: i,
+                  mountOnEnter: k,
+                  unmountOnExit: T,
+                  transition: q
                 }
               ),
               /* @__PURE__ */ t(
                 "div",
                 {
-                  ...pr(Me, [
+                  ...dr(Te, [
                     "content",
                     "icon",
                     "showIcon",
@@ -301,59 +332,34 @@ function hr(n, w) {
                     "noticeType",
                     "onCancel",
                     "onOk",
-                    "onConfirm",
                     "closable",
                     "prefixCls"
                   ]),
                   tabIndex: -1,
                   ref: (e) => {
-                    x.current = e, We();
+                    x.current = e, _e();
                   },
                   style: {
-                    ...Pe || {},
+                    ...we || {},
                     // 必须 visible=false，立即设置display:none，否则modal加载react-monaco-editor的时候，编辑器显示异常
-                    display: l || q ? "block" : "none",
-                    overflow: !l && q ? "hidden" : ""
+                    display: i || Q ? "block" : "none",
+                    overflow: !i && Q ? "hidden" : ""
                   },
-                  className: N(
+                  className: P(
                     `${r}-wrapper`,
-                    k ? `${r}-wrapper-mask` : `${r}-wrapper-no-mask`,
+                    $ ? `${r}-wrapper-mask` : `${r}-wrapper-no-mask`,
                     {
-                      [`${r}-wrapper-align-center`]: $e,
-                      [`${r}-wrapper-rtl`]: _
+                      [`${r}-wrapper-align-center`]: Ne,
+                      [`${r}-wrapper-rtl`]: j
                     },
                     Ee
                   ),
                   onKeyDown: ze,
                   onClick: (e) => {
-                    const $ = e.target, De = e.currentTarget;
-                    !O.current && ke && k && $ === De && !g.current?.contains($) && V();
+                    const l = e.target, s = e.currentTarget;
+                    !O.current && ve && $ && l === s && !C.current?.contains(l) && V();
                   },
-                  children: /* @__PURE__ */ t(
-                    Ue,
-                    {
-                      in: l,
-                      timeout: 400,
-                      appear: !0,
-                      classNames: `${r}-zoom`,
-                      unmountOnExit: T,
-                      mountOnEnter: h,
-                      onEnter: (e) => {
-                        e && (le(!1), J(!0), v(e));
-                      },
-                      onEntered: (e) => {
-                        e && (v(e), be?.());
-                      },
-                      onExit: (e) => {
-                        e && (v(e), O.current = !0);
-                      },
-                      onExited: (e) => {
-                        e && (le(!0), J(!1), v(e), Ce?.(), O.current = !1);
-                      },
-                      refElement: g,
-                      children: P(K) ? K(s) ?? s : s
-                    }
-                  )
+                  children: a
                 }
               )
             ]
@@ -362,22 +368,22 @@ function hr(n, w) {
       }
     );
   }
-  const { element: je, setExited: le } = lr({
-    element: ne,
-    visible: l,
-    mountOnEnter: h,
+  const { element: je, setExited: le } = nr({
+    element: a,
+    visible: i,
+    mountOnEnter: k,
     unmountOnExit: T
   });
   return je;
 }
-const f = Ke(
+const f = Ae(
   hr
 );
 f.displayName = "Modal";
-f.config = gr;
+f.config = pr;
 f.show = (n) => L({ ...n, noticeType: "show" });
 f.confirm = (n) => L(n);
-f.useModal = Cr;
+f.useModal = gr;
 ["info", "success", "warning", "error"].forEach((n) => {
   f[n] = (w) => L({
     ...w,
@@ -386,12 +392,12 @@ f.useModal = Cr;
   });
 });
 f.destroyAll = () => {
-  for (; ae.length; ) {
-    const n = ae.pop();
+  for (; fe.length; ) {
+    const n = fe.pop();
     n && n();
   }
 };
 export {
   f as default,
-  Cr as useModal
+  gr as useModal
 };

package/modal/config.js

@@ -1,4 +1,4 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 let e = {};
 function n(o) {
   e = {

package/modal/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-29 15:15:33 */
+/* 2026-02-26 14:47:16 */
 import e from "./Modal.js";
 import { default as r } from "./use-modal/index.js";
 export {