@unicom-cloud/ui 0.8.124 → 0.8.126

package/development/index.js

@@ -1,28 +1,36 @@
-/* 2025-11-19 10:00:13 */
-import { jsx as a } from "react/jsx-runtime";
-import n from "@unicom-cloud/ui-common/development";
-import t from "@unicom-cloud/utils/class-name";
-import { forwardRef as s, useContext as r, useEffect as f, useImperativeHandle as i } from "react";
+/* 2025-11-27 15:08:04 */
+import { jsx as m } from "react/jsx-runtime";
+import s from "@unicom-cloud/ui-common/development";
+import n from "@unicom-cloud/utils/class-name";
+import { forwardRef as a, useContext as f, useEffect as i, useRef as c, useImperativeHandle as u } from "react";
 import "../config-provider/ConfigProvider.js";
 import C from "../config-provider/context.js";
-function c(e, l) {
+function p(e, r) {
   const {
-    prefixCls: p,
-    getPrefixCls: m,
-    componentConfig: u
-  } = r(C), o = m?.("development");
-  return f(() => () => {
-  }, []), i(l, () => ({})), /* @__PURE__ */ a(
-    n,
+    prefixCls: x,
+    getPrefixCls: l,
+    componentConfig: N
+  } = f(C), t = l?.("development");
+  i(() => () => {
+  }, []);
+  const o = c(null);
+  return u(r, () => ({
+    ...o.current,
+    getRootElement() {
+      return o.current.getRootElement();
+    }
+  })), /* @__PURE__ */ m(
+    s,
     {
+      ref: o,
       ...e,
-      className: t(o, e.className),
-      iconClassName: t(`${o}-icon`, e.iconClassName),
-      labelClassName: t(`${o}-label`, e.labelClassName)
+      className: n(t, e.className),
+      iconClassName: n(`${t}-icon`, e.iconClassName),
+      labelClassName: n(`${t}-label`, e.labelClassName)
     }
   );
 }
-const D = s(c);
+const D = a(p);
 export {
   D as default
 };

package/divider/index.js

@@ -1,55 +1,59 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 15:08:04 */
 import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as f, useContext as g, useMemo as D } from "react";
+import { forwardRef as u, useContext as D, useMemo as P, useRef as R, useImperativeHandle as S } from "react";
 import "../config-provider/ConfigProvider.js";
-import P from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import S from "@unicom-cloud/ui-common/utils/className";
-import w from "../config-provider/context.js";
-const z = {
+import w from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import z from "@unicom-cloud/ui-common/utils/className";
+import V from "../config-provider/context.js";
+const W = {
   type: "horizontal",
   orientation: "center"
 };
-function V(l, n) {
+function B(n, l) {
   const {
-    prefixCls: W,
+    prefixCls: E,
     getPrefixCls: y,
-    componentConfig: u
-  } = g(w), h = P(
-    l,
-    z,
-    u?.Divider
+    componentConfig: h
+  } = D(V), v = w(
+    n,
+    W,
+    h?.Divider
   ), {
     children: r,
-    style: m,
+    style: d,
     textStyle: C,
     className: $,
-    type: p,
+    type: f,
     orientation: a,
     borderStyle: o,
     // 潘启宝添加
     borderWidth: i,
     // 潘启宝添加
-    ...v
-  } = h, s = p === "horizontal", e = y?.("divider"), N = S(
+    ...N
+  } = v, s = f === "horizontal", e = y?.("divider"), b = z(
     e,
-    `${e}-${p}`,
+    `${e}-${f}`,
     {
       [`${e}-with-text`]: r,
       [`${e}-with-text-${a}`]: r && a
     },
     $
-  ), b = D(() => {
-    const t = { ...m };
+  ), g = P(() => {
+    const t = { ...d };
     return o && (s ? t.borderBottomStyle = o : t.borderLeftStyle = o), i && (s ? t.borderBottomWidth = i : t.borderLeftWidth = i), t;
-  }, [o, i, s, m]);
-  return /* @__PURE__ */ c(
+  }, [o, i, s, d]), p = R(null);
+  return S(l, () => ({
+    getRootElement() {
+      return p.current;
+    }
+  })), /* @__PURE__ */ c(
     "div",
     {
       role: "separator",
-      ref: n,
-      style: b,
-      className: N,
-      ...v,
+      ref: p,
+      style: g,
+      className: b,
+      ...N,
       children: r && s ? /* @__PURE__ */ c(
         "span",
         {
@@ -61,14 +65,14 @@ function V(l, n) {
     }
   );
 }
-const d = f(
-  V
+const m = u(
+  B
 );
-d.displayName = "Divider";
-const x = f((l, n) => /* @__PURE__ */ c(d, { ref: n, type: "vertical", ...l }));
+m.displayName = "Divider";
+const x = u((n, l) => /* @__PURE__ */ c(m, { ref: l, type: "vertical", ...n }));
 x.displayName = "DividerVertical";
-d.Vertical = x;
+m.Vertical = x;
 export {
   x as DividerVertical,
-  d as default
+  m as default
 };

package/draggable/Item.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 15:08:04 */
 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,34 +1,39 @@
-/* 2025-11-19 10:00:13 */
-import { jsx as l } from "react/jsx-runtime";
-import C, { useContext as u, useState as I } from "react";
+/* 2025-11-27 15:08:04 */
+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";
-import h from "@unicom-cloud/ui-common/utils/className";
-import D from "./Item.js";
-import N from "../config-provider/context.js";
-function W(s) {
-  const { prefixCls: b, getPrefixCls: m } = u(N), t = m?.("draggable"), {
+import b from "@unicom-cloud/ui-common/utils/className";
+import E from "./Item.js";
+import S from "../config-provider/context.js";
+function y(m, c) {
+  const { prefixCls: j, getPrefixCls: f } = D(S), t = f?.("draggable"), {
     className: i,
-    children: c,
-    direction: f = "vertical",
-    onIndexChange: p,
-    itemWrapperStyle: d
-  } = s, [g, r] = I(null);
-  return /* @__PURE__ */ l("div", { className: h(t, i), children: C.Children.map(c, (x, e) => /* @__PURE__ */ l(
-    D,
+    children: p,
+    direction: d = "vertical",
+    onIndexChange: u,
+    itemWrapperStyle: g
+  } = m, [x, r] = R(null), n = v(null);
+  return N(c, () => ({
+    getRootElement() {
+      return n.current;
+    }
+  })), /* @__PURE__ */ s("div", { ref: n, className: b(t, i), children: I.Children.map(p, (C, e) => /* @__PURE__ */ s(
+    E,
     {
-      style: d,
+      style: g,
       prefixCls: t,
-      direction: f,
+      direction: d,
       onDragStart: () => r(e),
       onDragEnd: () => r(null),
-      onDrop: (v, n) => {
-        const o = g, a = n === "left" || n === "top" ? e : e + 1;
-        o !== a && p?.(a, o);
+      onDrop: (w, o) => {
+        const l = x, a = o === "left" || o === "top" ? e : e + 1;
+        l !== a && u?.(a, l);
       },
-      children: x
+      children: C
     }
   )) });
 }
+const q = h(y);
 export {
-  W as default
+  q as default
 };

package/drawer/Drawer.js

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

package/drawer/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 15:08:04 */
 import r from "./Drawer.js";
 export {
   r as default

package/dropdown/Button.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:00:13 */
+/* 2025-11-27 15:08:04 */
 import { jsx as t, jsxs as y } from "react/jsx-runtime";
 import l from "@unicom-cloud/icons/IconUiMore";
 import { forwardRef as D, useContext as R } from "react";