@unicom-cloud/ui 0.8.142 → 0.8.144

package/tabs/tab-header/index.js

@@ -1,312 +1,313 @@
-/* 2026-01-19 15:54:51 */
-import { jsx as c, jsxs as P } from "react/jsx-runtime";
-import Ke from "@unicom-cloud/icons/IconUiPlus";
-import Ve from "lodash/throttle";
-import Xe, { useContext as he, useRef as Fe, useState as pe, useCallback as Ue, useEffect as me } from "react";
+/* 2026-01-21 11:03:35 */
+import { jsx as l, jsxs as W } from "react/jsx-runtime";
+import Fe from "@unicom-cloud/icons/IconUiPlus";
+import Ue from "lodash/throttle";
+import Ye, { useContext as pe, useRef as qe, useState as me, useCallback as Je, useEffect as ue } from "react";
 import "../../config-provider/ConfigProvider.js";
-import W from "@unicom-cloud/ui-common/hooks/use-resize-observers";
-import Ye from "../../icon-hover/index.js";
-import X from "@unicom-cloud/ui-common/utils/className";
-import { isPlainObject as qe, isNumber as F } from "@unicom-cloud/ui-common/utils/is";
-import { setTransformStyle as Je } from "@unicom-cloud/ui-common/utils/style";
-import { TabsContext as Qe } from "../context.js";
+import D from "@unicom-cloud/ui-common/hooks/use-resize-observers";
+import Qe from "../../icon-hover/index.js";
+import F from "@unicom-cloud/ui-common/utils/className";
+import { isPlainObject as Ze, isNumber as U } from "@unicom-cloud/ui-common/utils/is";
+import { setTransformStyle as et } from "@unicom-cloud/ui-common/utils/style";
+import { TabsContext as tt } from "../context.js";
 import k from "../hook/useDomSize.js";
-import Ze from "../hook/useHeaderScroll.js";
-import { updateScrollOffset as et, getRectDiff as be, getKeyDownEvent as tt } from "../utils.js";
-import rt from "./DropdownIcon.js";
-import ot from "./TabInk.js";
-import ue from "./TabNavIcon.js";
-import nt from "./TabTitle.js";
-import at from "../../config-provider/context.js";
-const U = "vertical", D = "right", E = "left", ge = {
+import rt from "../hook/useHeaderScroll.js";
+import { updateScrollOffset as ot, getRectDiff as Se, getKeyDownEvent as nt } from "../utils.js";
+import st from "./DropdownIcon.js";
+import at from "./TabInk.js";
+import ge from "./TabNavIcon.js";
+import it from "./TabTitle.js";
+import lt from "../../config-provider/context.js";
+const Y = "vertical", E = "right", B = "left", be = {
   delete: !0,
   add: !0
-}, st = ({
-  direction: x,
-  align: R = E,
-  headerOffset: m
+}, ct = ({
+  direction: S,
+  align: R = B,
+  headerOffset: c
 }) => {
-  let d = `translateX(${-m}px)`;
-  return R === D && (d = `translateX(${m}px)`), x === U && (d = `translateY(${-m}px)`), Je(d);
-}, it = ({
-  direction: x,
-  align: R = E,
-  headerDom: m,
-  headerWrapperDom: d
+  let p = `translateX(${-c}px)`;
+  return R === E && (p = `translateX(${c}px)`), S === Y && (p = `translateY(${-c}px)`), et(p);
+}, dt = ({
+  direction: S,
+  align: R = B,
+  headerDom: c,
+  headerWrapperDom: p
 }) => {
-  const s = be(m, d);
-  return x === U ? -s.top : R === D ? s.right : -s.left;
-}, lt = Xe.forwardRef((x, R) => {
-  const m = he(Qe), { rtl: d } = he(at), s = { ...x, ...m }, [v, T, Se] = k(), [H, u, xe] = k(), [B, Y, ve] = k(), [q, J, Te] = k(), [Q, Z, Oe] = k(), N = Fe({}), [O, ee] = pe(0), [$e, L] = pe(!0), {
-    paneChildren: M,
-    editable: Ce,
+  const z = Se(c, p);
+  return S === Y ? -z.top : R === E ? z.right : -z.left;
+}, ft = Ye.forwardRef((S, R) => {
+  const { rtl: c } = pe(lt), p = pe(tt), { tabHeaderProps: z, getIdPrefix: xe } = p, x = {
+    ...S,
+    ...z
+  }, [v, T, ve] = k(), [N, m, Te] = k(), [L, q, Oe] = k(), [J, Q, $e] = k(), [Z, ee, Ce] = k(), A = qe({}), [O, te] = me(0), [Re, M] = me(!0), {
+    paneChildren: _,
+    editable: ze,
     prefixCls: t,
-    onAddTab: Re,
-    direction: o,
-    type: g = "line",
-    overflow: te = "scroll",
-    activeTab: z,
-    showAddButton: ze,
-    size: ye = "default",
-    style: we,
-    tabPosition: ke,
-    className: He,
-    extra: re,
-    animation: Ne,
+    onAddTab: we,
+    direction: n,
+    type: u = "line",
+    overflow: re = "scroll",
+    activeTab: w,
+    showAddButton: ye,
+    size: He = "default",
+    style: ke,
+    tabPosition: Ne,
+    className: Ae,
+    extra: oe,
+    animation: Ie,
     icons: y,
-    deleteButton: Ae,
-    addButton: Ie,
-    renderTabTitle: Pe,
-    scrollAfterEdit: oe,
-    scrollPosition: f = "auto",
-    inkBarSize: We,
-    headerScrollable: De
-  } = s, ne = qe(oe) ? { ...ge, ...oe } : ge, [Ee, Be] = d ? [D, E] : [E, D], $ = g === "capsule" ? Be : Ee, Le = Y.height - J.height - Z.height, Me = Y.width - J.width - Z.width, b = De !== !1 && (s.direction === "vertical" ? Le < u.height : Me < u.width), _e = () => {
-    if (B.current) {
-      const e = B.current;
-      ve({
+    deleteButton: Pe,
+    addButton: We,
+    renderTabTitle: De,
+    scrollAfterEdit: ne,
+    scrollPosition: d = "auto",
+    inkBarSize: Ee,
+    headerScrollable: Be
+  } = x, Le = !!(_.find((e, s, o) => e?.props?.disabled && e.key === w) || p.disabled), se = Ze(ne) ? { ...be, ...ne } : be, [Me, _e] = c ? [E, B] : [B, E], $ = u === "capsule" ? _e : Me, je = q.height - Q.height - ee.height, Ge = q.width - Q.width - ee.width, g = Be !== !1 && (x.direction === "vertical" ? je < m.height : Ge < m.width), Ke = () => {
+    if (L.current) {
+      const e = L.current;
+      Oe({
         height: e.offsetHeight,
         width: e.offsetWidth
       });
     }
-  }, A = (e) => Ve((a) => {
-    _e();
-    const n = a?.[0]?.target;
-    n && e({
-      height: n.offsetHeight,
-      width: n.offsetWidth,
-      domRect: n.getBoundingClientRect()
+  }, I = (e) => Ue((s) => {
+    Ke();
+    const o = s?.[0]?.target;
+    o && e({
+      height: o.offsetHeight,
+      width: o.offsetWidth,
+      domRect: o.getBoundingClientRect()
     });
-  }, 200), ae = A(Se), se = A(xe), ie = A(Te), le = A(Oe), _ = Ue(
+  }, 200), ae = I(ve), ie = I(Te), le = I($e), ce = I(Ce), j = Je(
     (e) => {
-      const a = o === U ? u.height - T.height : u.width - T.width;
-      let n = e;
-      return n = Math.min(a, n), n = Math.max(n, 0), n;
+      const s = n === Y ? m.height - T.height : m.width - T.width;
+      let o = e;
+      return o = Math.min(s, o), o = Math.max(o, 0), o;
     },
-    [o, u, T]
-  ), j = (e) => {
-    const a = _(e);
-    a !== O && ee(a);
+    [n, m, T]
+  ), G = (e) => {
+    const s = j(e);
+    s !== O && te(s);
   };
-  me(() => () => {
-    se?.cancel?.(), ae?.cancel?.(), ie?.cancel?.(), le?.cancel?.();
-  }, []), me(() => {
-    if (!$e) {
-      L(!0);
+  ue(() => () => {
+    ie?.cancel?.(), ae?.cancel?.(), le?.cancel?.(), ce?.cancel?.();
+  }, []), ue(() => {
+    if (!Re) {
+      M(!0);
       return;
     }
     const e = () => {
-      const n = N.current[z];
-      if (!n || !b)
+      const o = A.current[w];
+      if (!o || !g)
         return 0;
-      const r = be(n, v.current), h = it({
-        direction: o,
+      const r = Se(o, v.current), f = dt({
+        direction: n,
         align: $,
-        headerDom: H.current,
+        headerDom: N.current,
         headerWrapperDom: v.current
       });
-      if (o === "vertical") {
-        let p = h, i = f;
-        const l = h + r.top, S = h + r.bottom;
-        return i === "auto" && (i = r.top < 0 ? "start" : r.bottom > 0 ? "end" : f), i === "start" ? p = l : i === "end" ? p = S : i === "center" ? p = l - (r.top - r.bottom) / 2 : F(i) && (p = Math.max(l - i, S)), p;
+      if (n === "vertical") {
+        let h = f, a = d;
+        const i = f + r.top, b = f + r.bottom;
+        return a === "auto" && (a = r.top < 0 ? "start" : r.bottom > 0 ? "end" : d), a === "start" ? h = i : a === "end" ? h = b : a === "center" ? h = i - (r.top - r.bottom) / 2 : U(a) && (h = Math.max(i - a, b)), h;
       }
       if ($ === "right") {
-        const p = h - r.left, i = h - r.right;
-        let l = f, S = h;
-        return f === "auto" && (l = r.left < 0 ? "start" : r.right > 0 ? "end" : f), l === "start" ? S = p : l === "end" ? S = i : l === "center" ? S = p + (r.left - r.right) / 2 : F(l) && (S = Math.min(p + l, i)), S;
+        const h = f - r.left, a = f - r.right;
+        let i = d, b = f;
+        return d === "auto" && (i = r.left < 0 ? "start" : r.right > 0 ? "end" : d), i === "start" ? b = h : i === "end" ? b = a : i === "center" ? b = h + (r.left - r.right) / 2 : U(i) && (b = Math.min(h + i, a)), b;
       }
-      let w = h, C = f;
-      const V = h + r.left, fe = h + r.right;
-      return f === "auto" && (C = r.left < 0 ? "start" : r.right > 0 ? "end" : f), C === "start" ? w = V : C === "end" ? w = fe : C === "center" ? w = V - (r.left - r.right) / 2 : F(C) && (w = Math.max(V - C, fe)), w;
+      let H = f, C = d;
+      const X = f + r.left, he = f + r.right;
+      return d === "auto" && (C = r.left < 0 ? "start" : r.right > 0 ? "end" : d), C === "start" ? H = X : C === "end" ? H = he : C === "center" ? H = X - (r.left - r.right) / 2 : U(C) && (H = Math.max(X - C, he)), H;
     };
-    et(v.current, o);
-    let a = e();
-    a = _(a), ee(a);
+    ot(v.current, n);
+    let s = e();
+    s = j(s), te(s);
   }, [
-    z,
-    o,
-    te,
-    b,
+    w,
+    n,
+    re,
     g,
-    _,
-    f
+    u,
+    j,
+    d
   ]);
-  const je = st({
-    direction: o,
+  const Ve = ct({
+    direction: n,
     align: $,
     headerOffset: O
-  }), G = b && te === "dropdown" && o !== "vertical", K = b && !G, I = Ce && (g === "card" || g === "card-gutter" || g === "line"), Ge = (e) => {
-    s.onDeleteTab?.(e.key), L(ne.delete);
-  }, ce = () => {
-    Re?.(), L(ne.add);
+  }), K = g && re === "dropdown" && n !== "vertical", V = g && !K, P = ze && (u === "card" || u === "card-gutter" || u === "line"), Xe = (e) => {
+    x.onDeleteTab?.(e.key), M(se.delete);
+  }, de = () => {
+    we?.(), M(se.add);
   };
-  W(
+  D(
     (e) => {
-      le(e);
+      ce(e);
     },
-    [Q.current]
-  ), W(
+    [Z.current]
+  ), D(
     (e) => {
       ae(e);
     },
     [v.current]
-  ), W(
+  ), D(
     (e) => {
-      se(e);
+      ie(e);
     },
-    [H.current]
-  ), W(
+    [N.current]
+  ), D(
     (e) => {
-      ie(e);
+      le(e);
     },
-    [q.current]
+    [J.current]
   );
-  const de = (e) => e && ze && /* @__PURE__ */ c(
+  const fe = (e) => e && ye && /* @__PURE__ */ l(
     "div",
     {
       className: `${t}-add-icon`,
       "aria-label": "add tab",
       tabIndex: 0,
       role: "button",
-      ref: Q,
-      onClick: ce,
-      ...tt({ onPressEnter: ce }),
-      children: Ie || /* @__PURE__ */ c(Ye, { prefix: `${t}-add`, children: /* @__PURE__ */ c("span", { className: `${t}-add`, children: y?.add || /* @__PURE__ */ c(Ke, {}) }) })
+      ref: Z,
+      onClick: de,
+      ...nt({ onPressEnter: de }),
+      children: We || /* @__PURE__ */ l(Qe, { prefix: `${t}-add`, children: /* @__PURE__ */ l("span", { className: `${t}-add`, children: y?.add || /* @__PURE__ */ l(Fe, {}) }) })
     }
   );
-  return Ze({
+  return rt({
     headerWrapperRef: v,
     headerOffset: O,
     align: $,
-    direction: o,
-    isScrollable: b,
+    direction: n,
+    isScrollable: g,
     onScroll(e) {
-      j(e);
+      G(e);
     }
-  }), /* @__PURE__ */ c(
+  }), /* @__PURE__ */ l(
     "div",
     {
-      className: X(
+      className: F(
         `${t}-header-nav`,
-        `${t}-header-nav-${o}`,
-        `${t}-header-nav-${ke}`,
-        `${t}-header-size-${ye}`,
-        `${t}-header-nav-${g}`,
-        { [`${t}-header-nav-sticky`]: s.headerSticky },
+        `${t}-header-nav-${n}`,
+        `${t}-header-nav-${Ne}`,
+        `${t}-header-size-${He}`,
+        `${t}-header-nav-${u}`,
+        { [`${t}-header-nav-sticky`]: x.headerSticky },
         // 潘启宝添加
-        He
+        Ae
       ),
-      style: { ...we, ...s.headerSticky },
+      style: { ...ke },
       ref: R,
-      children: /* @__PURE__ */ P(
+      children: /* @__PURE__ */ W(
         "div",
         {
-          className: X(`${t}-header-scroll`, {
-            [`${t}-header-overflow-scroll`]: K,
-            [`${t}-header-overflow-dropdown`]: G
+          className: F(`${t}-header-scroll`, {
+            [`${t}-header-overflow-scroll`]: V,
+            [`${t}-header-overflow-dropdown`]: K
           }),
-          ref: B,
+          ref: L,
           children: [
-            K && /* @__PURE__ */ c(
-              ue,
+            V && /* @__PURE__ */ l(
+              ge,
               {
                 iconPos: "prev",
-                rtl: d,
+                rtl: c,
                 icon: y?.prev,
                 prefixCls: t,
                 currentOffset: O,
-                headerSize: u,
+                headerSize: m,
                 headerWrapperSize: T,
-                direction: o,
+                direction: n,
                 align: $,
-                onChange: j
+                onChange: G
               }
             ),
-            /* @__PURE__ */ P("div", { className: `${t}-header-wrapper`, ref: v, children: [
-              /* @__PURE__ */ P(
+            /* @__PURE__ */ W("div", { className: `${t}-header-wrapper`, ref: v, children: [
+              /* @__PURE__ */ W(
                 "div",
                 {
-                  className: X(`${t}-header`, {
-                    [`${t}-header-no-padding`]: !x.headerPadding && o === "horizontal" && ["line", "text"].includes(g)
+                  className: F(`${t}-header`, {
+                    [`${t}-header-no-padding`]: !S.headerPadding && n === "horizontal" && ["line", "text"].includes(u)
                   }),
-                  ref: H,
-                  style: je,
+                  ref: N,
+                  style: Ve,
                   children: [
-                    M.map((e, a) => /* @__PURE__ */ c(
-                      nt,
+                    _.map((e, s) => /* @__PURE__ */ l(
+                      it,
                       {
-                        ref: (n) => {
-                          N.current[e.key] = n;
+                        ref: (o) => {
+                          A.current[e.key] = o;
                         },
                         tabKey: e.key,
                         ...e.props,
                         prefixCls: t,
-                        onDeleteTab: () => Ge(e),
-                        renderTitle: x.children || Pe,
+                        onDeleteTab: () => Xe(e),
+                        renderTitle: S.children || De,
                         onClickTab: () => {
-                          s.onClickTab?.(e.key);
+                          x.onClickTab?.(e.key);
                         },
-                        isActive: z === e.key,
-                        editable: I && e.props.closable !== !1,
+                        isActive: w === e.key,
+                        editable: P && e.props.closable !== !1,
                         deleteIcon: y?.delete,
-                        deleteButton: Ae,
-                        getIdPrefix: m.getIdPrefix,
-                        index: a
+                        deleteButton: Pe,
+                        getIdPrefix: xe,
+                        index: s
                       },
-                      a
+                      s
                     )),
-                    g === "line" && /* @__PURE__ */ c(
-                      ot,
+                    u === "line" && /* @__PURE__ */ l(
+                      at,
                       {
-                        disabled: !!M.find(
-                          (e) => e && e.props && e.props.disabled && e.key === z
-                        ),
+                        disabled: Le,
                         prefixCls: t,
-                        animation: Ne,
-                        direction: o,
-                        getTitleRef: (e) => N.current[e],
-                        activeTab: z,
-                        getHeaderRef: () => H,
-                        inkBarSize: We
+                        animation: Ie,
+                        direction: n,
+                        getTitleRef: (e) => A.current[e],
+                        activeTab: w,
+                        getHeaderRef: () => N,
+                        inkBarSize: Ee
                       }
                     )
                   ]
                 }
               ),
-              !b && de(I)
+              !g && fe(P)
             ] }),
-            K && /* @__PURE__ */ c(
-              ue,
+            V && /* @__PURE__ */ l(
+              ge,
               {
                 prefixCls: t,
-                rtl: d,
+                rtl: c,
                 iconPos: "next",
                 icon: y?.next,
                 currentOffset: O,
-                headerSize: u,
+                headerSize: m,
                 headerWrapperSize: T,
-                direction: o,
+                direction: n,
                 align: $,
-                onChange: j
+                onChange: G
               }
             ),
-            G && /* @__PURE__ */ c(
-              rt,
+            K && /* @__PURE__ */ l(
+              st,
               {
-                onClickTab: s.onClickTab,
-                paneChildren: M,
+                onClickTab: x.onClickTab,
+                paneChildren: _,
                 prefixCls: t,
                 currentOffset: O,
-                headerSize: u,
+                headerSize: m,
                 icon: y?.dropdown,
                 headerWrapperSize: T,
-                getTitleRef: (e) => N.current[e],
-                direction: o
+                getTitleRef: (e) => A.current[e],
+                direction: n
               }
             ),
-            (I && b || re) && /* @__PURE__ */ P("div", { className: `${t}-header-extra`, ref: q, children: [
-              b && de(I),
-              re
+            (P && g || oe) && /* @__PURE__ */ W("div", { className: `${t}-header-extra`, ref: J, children: [
+              g && fe(P),
+              oe
             ] })
           ]
         }
@@ -314,7 +315,7 @@ const U = "vertical", D = "right", E = "left", ge = {
     }
   );
 });
-lt.displayName = "TabHeader";
+ft.displayName = "TabHeader";
 export {
-  lt as default
+  ft as default
 };

package/tabs/utils.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 15:54:51 */
+/* 2026-01-21 11:03:35 */
 import { Enter as n } from "@unicom-cloud/utils/constant/keyboardCode";
 const i = (e, t) => {
   const c = e.getBoundingClientRect(), o = t.getBoundingClientRect(), l = t.offsetWidth / o.width, s = t.offsetHeight / o.height;

package/tag/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 15:54:51 */
+/* 2026-01-21 11:03:35 */
 import { jsx as s, jsxs as P, Fragment as B } from "react/jsx-runtime";
 import D from "@unicom-cloud/icons/IconUiClose";
 import J from "@unicom-cloud/icons/IconUiLoading";

package/time-picker/Picker.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 15:54:51 */
+/* 2026-01-21 11:03:35 */
 import { jsx as g } from "react/jsx-runtime";
 import we from "@unicom-cloud/icons/IconUiClockCircle";
 import { isDayjs as He } from "dayjs";

package/time-picker/TimeColumn.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 15:54:51 */
+/* 2026-01-21 11:03:35 */
 import { jsx as o } from "react/jsx-runtime";
 import N from "@unicom-cloud/utils/dom-helpers/reflow";
 import { useRef as f, useEffect as R } from "react";

package/time-picker/TimePicker.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 15:54:51 */
+/* 2026-01-21 11:03:35 */
 import { jsxs as R, jsx as p } from "react/jsx-runtime";
 import { useContext as W, useCallback as X } from "react";
 import Y from "../button/Button.js";

package/time-picker/TimePickerRange.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 15:54:51 */
+/* 2026-01-21 11:03:35 */
 import { jsx as C } from "react/jsx-runtime";
 import { isDayjs as m } from "dayjs";
 import { useContext as a } from "react";

package/time-picker/context.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 15:54:51 */
+/* 2026-01-21 11:03:35 */
 import { createContext as e } from "react";
 const o = e({}), n = e({}), i = e(
   {}

package/time-picker/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 15:54:51 */
+/* 2026-01-21 11:03:35 */
 import { jsx as e } from "react/jsx-runtime";
 import a from "./Picker.js";
 import k from "./TimePicker.js";

package/time-picker/utils.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 15:54:51 */
+/* 2026-01-21 11:03:35 */
 import m, { isDayjs as c } from "dayjs";
 import { dayjs_methods as a } from "../utils/dayjs.js";
 function d(s) {

package/timeline/Item.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 15:54:51 */
+/* 2026-01-21 11:03:35 */
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import R, { useContext as S, useRef as z, useEffect as D } from "react";
 import "../config-provider/ConfigProvider.js";

package/timeline/Timeline.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 15:54:51 */
+/* 2026-01-21 11:03:35 */
 import { jsx as u } from "react/jsx-runtime";
 import d, { useContext as M, useRef as w, useImperativeHandle as x } from "react";
 import "../config-provider/ConfigProvider.js";

package/timeline/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 15:54:51 */
+/* 2026-01-21 11:03:35 */
 import m from "./Timeline.js";
 import { default as i } from "./Item.js";
 export {

package/timer/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 15:54:51 */
+/* 2026-01-21 11:03:35 */
 import { jsx as a } from "react/jsx-runtime";
 import c from "@unicom-cloud/ui-common/timer";
 import { forwardRef as u, useContext as C, useRef as x, useImperativeHandle as g } from "react";

package/tooltip/Tooltip.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 15:54:51 */
+/* 2026-01-21 11:03:35 */
 import { jsx as p } from "react/jsx-runtime";
 import j from "@unicom-cloud/utils/tinycolor";
 import { forwardRef as z, useContext as B, useRef as F, useImperativeHandle as I, useMemo as W } from "react";

package/tooltip/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 15:54:51 */
+/* 2026-01-21 11:03:35 */
 import t from "./Tooltip.js";
 export {
   t as default

package/tour/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 15:54:51 */
+/* 2026-01-21 11:03:35 */
 import { jsxs as h, Fragment as ce, jsx as i } from "react/jsx-runtime";
 import ae from "@unicom-cloud/icons/IconUiClose";
 import { useContext as pe, useState as x, useRef as D, useEffect as C } from "react";