@unicom-cloud/ui 0.8.123 → 0.8.125

package/modal/Modal.js

@@ -1,28 +1,29 @@
-/* 2025-11-19 09:09:44 */
-import { jsxs as y, jsx as r, Fragment as me } from "react/jsx-runtime";
-import on from "@unicom-cloud/icons/IconUiClose";
-import fe from "@unicom-cloud/ui-common/transition-group/PqbCSSTransition";
-import { forwardRef as ln, useContext as sn, useRef as a, useState as N, useCallback as an, useEffect as W } from "react";
-import pe from "../button/index.js";
-import cn from "../config-provider/ConfigProvider.js";
-import un from "@unicom-cloud/ui-common/hooks/use-is-first-render";
-import dn from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import mn from "@unicom-cloud/ui-common/hooks/use-merge-value";
-import fn from "@unicom-cloud/ui-common/hooks/use-overflow-hidden";
-import pn from "../icon-hover/index.js";
-import gn from "../portal/index.js";
+/* 2025-11-27 12:11:12 */
+import { jsxs as y, jsx as r, Fragment as pe } from "react/jsx-runtime";
+import ln from "@unicom-cloud/icons/IconUiClose";
+import sn from "@unicom-cloud/ui-common/transition-group/CSSTransition";
+import an from "@unicom-cloud/ui-common/transition-group/PqbCSSTransition";
+import { forwardRef as cn, useContext as un, useRef as a, useState as P, useCallback as dn, useEffect as W, useImperativeHandle as fn } from "react";
+import ge from "../button/index.js";
+import mn from "../config-provider/ConfigProvider.js";
+import pn from "@unicom-cloud/ui-common/hooks/use-is-first-render";
+import gn from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import Cn from "@unicom-cloud/ui-common/hooks/use-merge-value";
+import hn from "@unicom-cloud/ui-common/hooks/use-overflow-hidden";
+import bn from "../icon-hover/index.js";
+import xn from "../portal/index.js";
 import Z from "@unicom-cloud/ui-common/utils/className";
-import { contains as Cn, isServerRendering as hn } from "@unicom-cloud/ui-common/utils/dom";
-import { isFunction as j, isNaN as bn } from "@unicom-cloud/ui-common/utils/is";
-import { Esc as xn } from "@unicom-cloud/utils/constant/keyboardCode";
-import vn from "@unicom-cloud/ui-common/utils/omit";
-import { findDOMNode as kn } from "@unicom-cloud/ui-common/utils/reactDOM";
+import { contains as vn, isServerRendering as En } from "@unicom-cloud/ui-common/utils/dom";
+import kn from "@unicom-cloud/ui-common/utils/findRootElement";
+import { isFunction as j, isNaN as Mn } from "@unicom-cloud/ui-common/utils/is";
+import { Esc as wn } from "@unicom-cloud/utils/constant/keyboardCode";
+import Tn from "@unicom-cloud/ui-common/utils/omit";
 import A from "./Confirm.js";
-import { setModalConfig as wn, destroyList as ge } from "./config.js";
-import En from "./use-modal/index.js";
-import Mn from "../config-provider/context.js";
-let _ = null, Tn = 0;
-hn || document.documentElement.addEventListener(
+import { setModalConfig as $n, destroyList as Ce } from "./config.js";
+import yn from "./use-modal/index.js";
+import Pn from "../config-provider/context.js";
+let _ = null, Nn = 0;
+En || document.documentElement.addEventListener(
   "click",
   (o) => {
     _ = {
@@ -34,7 +35,7 @@ hn || document.documentElement.addEventListener(
   },
   !0
 );
-const $n = {
+const Dn = {
   mask: !0,
   maskClosable: !0,
   mountOnEnter: !0,
@@ -42,69 +43,69 @@ const $n = {
   getPopupContainer: () => document.body,
   alignCenter: !0
 };
-function yn(o, P) {
-  const d = sn(Mn), i = dn(o, $n, d.componentConfig?.Modal), {
-    className: Ce,
-    style: he,
+function Rn(o, N) {
+  const d = un(Pn), i = gn(o, Dn, d.componentConfig?.Modal), {
+    className: he,
+    style: be,
     visible: l,
     simple: K,
-    title: k,
+    title: E,
     subtitle: D,
-    children: be,
-    cancelText: xe,
-    okText: ve,
+    children: xe,
+    cancelText: ve,
+    okText: Ee,
     okButtonProps: ke,
-    cancelButtonProps: we,
+    cancelButtonProps: Me,
     getPopupContainer: R = () => document.body,
-    header: m,
+    header: f,
     // 潘启宝添加
-    footer: f,
-    afterClose: Ee,
-    confirmLoading: Me,
+    footer: m,
+    afterClose: we,
+    confirmLoading: Te,
     mountOnEnter: I,
     unmountOnExit: G,
-    afterOpen: Te,
-    hideCancel: $e,
-    maskClosable: ye,
+    afterOpen: $e,
+    hideCancel: ye,
+    maskClosable: Pe,
     mask: Ne,
-    alignCenter: Pe,
+    alignCenter: De,
     getChildrenPopupContainer: J,
-    wrapClassName: De,
+    wrapClassName: Re,
     escToExit: B,
-    modalRender: Re,
-    maskStyle: Ie,
-    wrapStyle: Be,
+    modalRender: Ie,
+    maskStyle: Be,
+    wrapStyle: Oe,
     closeIcon: Q,
     fullscreenable: p,
     cancelButton: g,
     okButton: C,
-    draggable: Oe,
-    closable: Xe,
-    ...Ye
-  } = i, w = p ? !1 : Ne, O = p ? !1 : Oe, h = a(null), ee = a(null), c = a(null), [ne, te] = N(), [re, Le] = N(), E = a(null), b = a(!1), [He, oe] = N(""), [Se, le] = N("");
-  un();
+    draggable: Xe,
+    closable: Ye,
+    ...Le
+  } = i, k = p ? !1 : Ne, O = p ? !1 : Xe, h = a(null), ee = a(null), c = a(null), ne = a(null), [te, re] = P(), [oe, Se] = P(), M = a(null), b = a(!1), [He, le] = P(""), [Ve, se] = P("");
+  pn();
   const X = a(!0);
   l && X.current && (X.current = !1);
-  const M = a(void 0);
-  M.current || (M.current = Tn++);
-  const [Ve, Y] = mn(!1, {
+  const w = a(void 0);
+  w.current || (w.current = Nn++);
+  const [Fe, Y] = Cn(!1, {
     defaultValue: !1,
-    value: Me
-  }), t = d.getPrefixCls?.("modal"), Fe = d.getPrefixCls?.("modal-var"), { locale: L, rtl: se } = d, ze = !K, qe = p ? !0 : "closable" in i ? Xe : ze, Ue = an(() => kn(R()), [R]);
-  fn(Ue, { hidden: l && w });
-  function H(e) {
-    e.stopPropagation(), S();
+    value: Te
+  }), t = d.getPrefixCls?.("modal"), ze = d.getPrefixCls?.("modal-var"), { locale: L, rtl: ae } = d, qe = !K, Ue = p ? !0 : "closable" in i ? Ye : qe, We = dn(() => kn(R()), [R]);
+  hn(We, { hidden: l && k });
+  function S(e) {
+    e.stopPropagation(), H();
   }
-  function S() {
+  function H() {
     i.onCancel?.();
   }
-  const We = (e) => {
-    B && l && e.key === xn.key && (e.stopPropagation(), S());
-  }, V = a(!1), Ze = (e) => {
-    b.current && (b.current = !1, !V.current && ye && w && e.target === e.currentTarget && setTimeout(() => {
-      S();
+  const Ze = (e) => {
+    B && l && e.key === wn.key && (e.stopPropagation(), H());
+  }, V = a(!1), je = (e) => {
+    b.current && (b.current = !1, !V.current && Pe && k && e.target === e.currentTarget && setTimeout(() => {
+      H();
     }, 100));
-  }, je = (e) => {
+  }, _e = (e) => {
     const n = (i.onOk ?? i.onConfirm)?.(e);
     n?.then && (Y(!0), n.then(
       () => {
@@ -118,96 +119,96 @@ function yn(o, P) {
   W(() => {
     let e = null;
     return B && (e = setTimeout(() => {
-      Cn(document.body, h.current) && h.current?.focus();
+      vn(document.body, h.current) && h.current?.focus();
     })), () => {
       e && clearTimeout(e);
     };
   }, [l, B]);
-  const _e = () => {
-    if (l && re === void 0 && h.current) {
+  const Ae = () => {
+    if (l && oe === void 0 && h.current) {
       const e = +window.getComputedStyle(h.current, null)?.zIndex;
-      bn(e) || Le(e + 1);
+      Mn(e) || Se(e + 1);
     }
-  }, Ae = () => {
-    if (m === !1 || m === null || "header" in i && m === void 0 || !(k || D)) return;
-    const e = !!k && /* @__PURE__ */ r(
+  }, Ke = () => {
+    if (f === !1 || f === null || "header" in i && f === void 0 || !(E || D)) return;
+    const e = !!E && /* @__PURE__ */ r(
       "div",
       {
-        id: `pqb-dialog-${M.current}`,
+        id: `pqb-dialog-${w.current}`,
         className: `${t}-title`,
-        children: k
+        children: E
       }
-    ), n = !!D && /* @__PURE__ */ r("div", { className: `${t}-subtitle`, children: D }), s = j(m) ? m(e, n) : m || /* @__PURE__ */ y(me, { children: [
+    ), n = !!D && /* @__PURE__ */ r("div", { className: `${t}-subtitle`, children: D }), s = j(f) ? f(e, n) : f || /* @__PURE__ */ y(pe, { children: [
       e,
       n
     ] });
     return /* @__PURE__ */ r("div", { className: `${t}-header`, children: s });
-  }, Ke = () => {
-    if (f === !1 || f === null || "footer" in i && f === void 0)
+  }, Ge = () => {
+    if (m === !1 || m === null || "footer" in i && m === void 0)
       return;
     const e = g?.visible !== !1 && /* @__PURE__ */ r(
-      pe,
+      ge,
       {
-        onClick: H,
-        ...we,
+        onClick: S,
+        ...Me,
         ...g?.props,
-        children: g?.props?.children || g?.label || g?.text || xe || L?.Modal?.cancelText
+        children: g?.props?.children || g?.label || g?.text || ve || L?.Modal?.cancelText
       }
     ), n = C?.visible !== !1 && /* @__PURE__ */ r(
-      pe,
+      ge,
       {
-        loading: Ve,
-        onClick: je,
+        loading: Fe,
+        onClick: _e,
         type: "primary",
         ...ke,
         ...C?.props,
-        children: C?.props?.children || C?.label || C?.text || ve || L?.Modal?.okText
+        children: C?.props?.children || C?.label || C?.text || Ee || L?.Modal?.okText
       }
-    ), s = j(f) ? f(e, n) : f || /* @__PURE__ */ y(me, { children: [
-      !$e && e,
+    ), s = j(m) ? m(e, n) : m || /* @__PURE__ */ y(pe, { children: [
+      !ye && e,
       n
     ] });
     if (s)
       return /* @__PURE__ */ r("div", { className: `${t}-footer`, children: s });
   }, F = a(
-    ce()
+    ue()
   );
-  function Ge(e) {
+  function Je(e) {
     if (!c.current) return;
     e.preventDefault();
     const n = F.current;
-    n.screenX = e.screenX, n.screenY = e.screenY, n.prewTranslateX = n.translateX, n.prewTranslateY = n.translateY, n.boundingClientRect = c.current?.getBoundingClientRect?.() ?? {}, n.offsetParentBoundingClientRect = c.current?.offsetParent?.getBoundingClientRect?.() ?? {}, Je();
+    n.screenX = e.screenX, n.screenY = e.screenY, n.prewTranslateX = n.translateX, n.prewTranslateY = n.translateY, n.boundingClientRect = c.current?.getBoundingClientRect?.() ?? {}, n.offsetParentBoundingClientRect = c.current?.offsetParent?.getBoundingClientRect?.() ?? {}, Qe();
   }
-  function ae(e) {
+  function ie(e) {
     e.preventDefault();
-    const n = F.current, { left: s, right: q, top: U, bottom: nn } = n.boundingClientRect ?? {}, { width: tn, height: rn } = n.offsetParentBoundingClientRect ?? {};
+    const n = F.current, { left: s, right: q, top: U, bottom: tn } = n.boundingClientRect ?? {}, { width: rn, height: on } = n.offsetParentBoundingClientRect ?? {};
     let x = Math.max(e.screenX - n.screenX, -s);
-    x = Math.min(x, tn - q);
+    x = Math.min(x, rn - q);
     let v = Math.max(e.screenY - n.screenY, -U);
-    v = Math.min(v, rn - nn), x += n.prewTranslateX, v += n.prewTranslateY, n.translateX = x, n.translateY = v, oe(`translate(${x}px, ${v}px)`);
+    v = Math.min(v, on - tn), x += n.prewTranslateX, v += n.prewTranslateY, n.translateX = x, n.translateY = v, le(`translate(${x}px, ${v}px)`);
   }
-  function ie(e) {
+  function ce(e) {
     e.preventDefault(), T();
   }
-  function Je() {
+  function Qe() {
     T(), document.documentElement.addEventListener(
       "mousemove",
-      ae
+      ie
     ), document.documentElement.addEventListener(
       "mouseup",
-      ie
+      ce
     );
   }
   function T() {
     document.documentElement.removeEventListener(
       "mousemove",
-      ae
+      ie
     ), document.documentElement.removeEventListener(
       "mouseup",
-      ie
+      ce
     );
   }
-  function ce() {
+  function ue() {
     return {
       screenX: 0,
       screenY: 0,
@@ -220,7 +221,7 @@ function yn(o, P) {
     };
   }
   function z(e) {
-    F.current = ce(), oe(""), le("");
+    F.current = ue(), le(""), se("");
   }
   W(() => () => {
     z(), T();
@@ -229,67 +230,67 @@ function yn(o, P) {
       return c.current || (z(), T()), () => {
       };
   }, [c.current, O]);
-  const Qe = /* @__PURE__ */ y(
-    cn,
+  const en = /* @__PURE__ */ y(
+    mn,
     {
       ...d,
       childrenName: "Modal",
       prefixCls: d.prefixCls,
       locale: L,
-      zIndex: re || 1050,
+      zIndex: oe || 1050,
       getPopupContainer: (e) => j(J) ? J(e) : ee.current,
       children: [
-        Ae(),
-        /* @__PURE__ */ r("div", { ref: ee, className: `${t}-content`, children: be }),
         Ke(),
+        /* @__PURE__ */ r("div", { ref: ee, className: `${t}-content`, children: xe }),
+        Ge(),
         O !== !1 && /* @__PURE__ */ r(
           "div",
           {
             className: `${t}-drag-icon`,
-            onMouseDown: Ge,
+            onMouseDown: Je,
             onDoubleClick: z
           }
         ),
-        qe && (Q !== void 0 ? /* @__PURE__ */ r(
+        Ue && (Q !== void 0 ? /* @__PURE__ */ r(
           "span",
           {
             className: `${t}-close-icon`,
-            onClick: H,
+            onClick: S,
             children: Q
           }
         ) : /* @__PURE__ */ r(
-          pn,
+          bn,
           {
             tabIndex: -1,
             className: `${t}-close-icon`,
-            onClick: H,
+            onClick: S,
             role: "button",
             "aria-label": "Close",
-            children: /* @__PURE__ */ r(on, {})
+            children: /* @__PURE__ */ r(ln, {})
           }
         ))
       ]
     }
-  ), en = k ? { "aria-labelledby": `pqb-dialog-${M.current}` } : {}, ue = /* @__PURE__ */ r(
+  ), nn = E ? { "aria-labelledby": `pqb-dialog-${w.current}` } : {}, de = /* @__PURE__ */ r(
     "div",
     {
       role: "dialog",
       "aria-modal": "true",
-      ...en,
+      ...nn,
       style: {
-        [`--${Fe}-transform`]: He,
-        ...he,
+        [`--${ze}-transform`]: He,
+        ...be,
         ...p ? { width: "100%", height: "100%" } : {},
-        transformOrigin: Se
+        transformOrigin: Ve
       },
       className: Z(
         t,
         {
           [`${t}-simple`]: K,
-          [`${t}-rtl`]: se,
+          [`${t}-rtl`]: ae,
           [`${t}-fullscreenable`]: p
         },
-        Ce
+        he
       ),
       ref: c,
       onMouseDown: () => {
@@ -298,30 +299,34 @@ function yn(o, P) {
       onMouseUp: () => {
         b.current = !1;
       },
-      children: Qe
+      children: en
     }
   ), $ = (e) => {
     let n = "";
-    if (E.current) {
-      const s = e.getBoundingClientRect(), { left: q, top: U } = E.current;
+    if (M.current) {
+      const s = e.getBoundingClientRect(), { left: q, top: U } = M.current;
       n = `${q - s.left}px ${U - s.top}px`;
     }
-    le(n);
-  }, de = X.current ? !I : !!c.current;
-  return l || de ? /* @__PURE__ */ r(
-    gn,
+    se(n);
+  }, fe = X.current ? !I : !!c.current, me = a(null);
+  return fn(N, () => ({
+    getRootElement() {
+      return me.current;
+    }
+  })), l || fe ? /* @__PURE__ */ r(
+    xn,
     {
       visible: l,
-      forceRender: de,
+      forceRender: fe,
       getContainer: R,
       children: /* @__PURE__ */ y(
         "div",
         {
-          ref: P,
+          ref: me,
           className: Z(`${t}-container`),
           children: [
-            w ? /* @__PURE__ */ r(
-              fe,
+            k ? /* @__PURE__ */ r(
+              sn,
               {
                 in: l,
                 timeout: 400,
@@ -335,12 +340,14 @@ function yn(o, P) {
                 onExited: (e) => {
                   e && (e.style.display = "none");
                 },
+                refElement: ne,
                 children: /* @__PURE__ */ r(
                   "div",
                   {
+                    ref: ne,
                     "aria-hidden": !0,
                     className: `${t}-mask`,
-                    style: Ie
+                    style: Be
                   }
                 )
               }
@@ -348,7 +355,7 @@ function yn(o, P) {
             /* @__PURE__ */ r(
               "div",
               {
-                ...vn(Ye, [
+                ...Tn(Le, [
                   "content",
                   "icon",
                   "showIcon",
@@ -362,30 +369,30 @@ function yn(o, P) {
                 ]),
                 tabIndex: -1,
                 ref: (e) => {
-                  h.current = e, _e();
+                  h.current = e, Ae();
                 },
                 className: Z(
                   `${t}-wrapper`,
-                  w ? `${t}-wrapper-mask` : `${t}-wrapper-no-mask`,
+                  k ? `${t}-wrapper-mask` : `${t}-wrapper-no-mask`,
                   {
-                    [`${t}-wrapper-align-center`]: Pe,
-                    [`${t}-wrapper-rtl`]: se
+                    [`${t}-wrapper-align-center`]: De,
+                    [`${t}-wrapper-rtl`]: ae
                   },
-                  De
+                  Re
                 ),
                 style: {
-                  ...Be || {},
+                  ...Oe || {},
                   // 必须 visible=false，立即设置display:none，否则modal加载react-monaco-editor的时候，编辑器显示异常
-                  display: l || ne ? "block" : "none",
-                  overflow: !l && ne ? "hidden" : ""
+                  display: l || te ? "block" : "none",
+                  overflow: !l && te ? "hidden" : ""
                 },
-                onKeyDown: We,
+                onKeyDown: Ze,
                 onMouseDown: (e) => {
                   b.current = e.target === e.currentTarget;
                 },
-                onClick: Ze,
+                onClick: je,
                 children: /* @__PURE__ */ r(
-                  fe,
+                  an,
                   {
                     in: l,
                     timeout: 400,
@@ -394,18 +401,18 @@ function yn(o, P) {
                     unmountOnExit: G,
                     mountOnEnter: I,
                     onEnter: (e) => {
-                      e && (te(!0), E.current = _, $(e));
+                      e && (re(!0), M.current = _, $(e));
                     },
                     onEntered: (e) => {
-                      e && ($(e), E.current = null, Te?.());
+                      e && ($(e), M.current = null, $e?.());
                     },
                     onExit: (e) => {
                       e && ($(e), V.current = !0);
                     },
                     onExited: (e) => {
-                      e && (te(!1), $(e), Ee?.(), V.current = !1);
+                      e && (re(!1), $(e), we?.(), V.current = !1);
                     },
-                    children: Re?.(ue) ?? ue
+                    children: Ie?.(de) ?? de
                   }
                 )
               }
@@ -416,28 +423,28 @@ function yn(o, P) {
     }
   ) : null;
 }
-const u = ln(
-  yn
+const u = cn(
+  Rn
 );
 u.displayName = "Modal";
-u.config = wn;
+u.config = $n;
 u.show = (o) => A({ ...o, noticeType: "show" });
 u.confirm = (o) => A(o);
-u.useModal = En;
+u.useModal = yn;
 ["info", "success", "warning", "error"].forEach((o) => {
-  u[o] = (P) => A({
-    ...P,
+  u[o] = (N) => A({
+    ...N,
     isNotice: !0,
     noticeType: o
   });
 });
 u.destroyAll = () => {
-  for (; ge.length; ) {
-    const o = ge.pop();
+  for (; Ce.length; ) {
+    const o = Ce.pop();
     o && o();
   }
 };
 export {
   u as default,
-  En as useModal
+  yn as useModal
 };

package/modal/config.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 let e = {};
 function n(o) {
   e = {

package/modal/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import e from "./Modal.js";
 import { default as r } from "./use-modal/index.js";
 export {

package/modal/use-modal/Hook.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as d, useState as i, useImperativeHandle as p } from "react";
 import g from "../Modal.js";

package/modal/use-modal/index.js

@@ -1,15 +1,15 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as l } from "react/jsx-runtime";
-import { useRef as x } from "react";
+import { useRef as M } from "react";
 import { normalizeConfig as d } from "../Confirm.js";
-import { destroyList as M } from "../config.js";
+import { destroyList as x } from "../config.js";
 import { ContextHolderElement as v } from "../../utils/contextHolder.js";
 import w from "./Hook.js";
-function j() {
-  const r = x(void 0), m = /* @__PURE__ */ l(v, { ref: r });
-  let c = 0;
-  function u(o) {
-    c += 1;
+function g() {
+  const r = M(void 0), m = /* @__PURE__ */ l(v, { ref: r });
+  let u = 0;
+  function c(o) {
+    u += 1;
     let e, t = { ...o };
     function p() {
       o.afterClose?.(), C();
@@ -23,7 +23,7 @@ function j() {
         ...d({ ...o }),
         afterClose: p
       },
-      c
+      u
     );
     r.current?.addInstance?.(i);
     function C() {
@@ -38,13 +38,13 @@ function j() {
         ...n
       }, e?.update(d({ ...t }));
     }
-    return M.push(a), {
+    return x.push(a), {
       close: a,
       update: h
     };
   }
   function f(o) {
-    return u({
+    return c({
       ...o
     });
   }
@@ -54,7 +54,7 @@ function j() {
     // 潘启宝添加于 2023年10月18日 星期三 10时31分58秒 CST
   };
   return ["info", "success", "warning", "error"].forEach((o) => {
-    s[o] = (e) => u({
+    s[o] = (e) => c({
       ...e,
       isNotice: !0,
       noticeType: o
@@ -62,5 +62,5 @@ function j() {
   }), [s, m];
 }
 export {
-  j as default
+  g as default
 };