@unicom-cloud/ui 0.8.131 → 0.8.133

package/modal/Modal.js

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

package/modal/config.js

@@ -1,4 +1,4 @@
-/* 2025-12-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 let e = {};
 function n(o) {
   e = {

package/modal/index.js

@@ -1,4 +1,4 @@
-/* 2025-12-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 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-12-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 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,4 +1,4 @@
-/* 2025-12-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 import { jsx as l } from "react/jsx-runtime";
 import { useRef as M } from "react";
 import { normalizeConfig as d } from "../Confirm.js";

package/notice/index.js

@@ -1,4 +1,4 @@
-/* 2025-12-22 10:22:04 */
+/* 2025-12-30 17:27:22 */
 import { jsxs as x, Fragment as F, jsx as e } from "react/jsx-runtime";
 import R from "@unicom-cloud/icons/context";
 import W from "@unicom-cloud/icons/IconUiCheckCircleFill";
@@ -7,7 +7,7 @@ import X from "@unicom-cloud/icons/IconUiCloseCircleFill";
 import Y from "@unicom-cloud/icons/IconUiExclamationCircleFill";
 import Z from "@unicom-cloud/icons/IconUiInfoCircleFill";
 import ee from "@unicom-cloud/icons/IconUiLoading";
-import { forwardRef as oe, useContext as ne, useRef as v, useImperativeHandle as re, useEffect as j } from "react";
+import { forwardRef as oe, useContext as ne, useRef as v, useEffect as j, useImperativeHandle as re } from "react";
 import ie from "../config-provider/ConfigProvider.js";
 import te from "../config-provider/context.js";
 import { useMergeProps as ce } from "@unicom-cloud/ui-common/hooks";
@@ -116,17 +116,17 @@ function ae(L, _) {
   function V() {
     c(), C();
   }
-  re(_, () => ({
-    getRootElement() {
-      return $.current;
-    }
-  })), j(() => {
+  j(() => {
     const i = I.current;
     return (i && i?.duration !== n.duration || n.update) && (c(), C()), I.current = n, () => {
     };
   }, [n.duration, n.update]), j(() => (C(), () => {
     c();
-  }), []);
+  }), []), re(_, () => ({
+    getRootElement() {
+      return $.current;
+    }
+  }));
   let t;
   return p === "message" && (d = f, t = /* @__PURE__ */ x(F, { children: [
     u && U(),