@unicom-cloud/ui 0.8.121 → 0.8.123

package/tour/index.js

@@ -1,24 +1,24 @@
-/* 2025-11-14 10:03:09 */
-import { jsxs as d, Fragment as lt, jsx as i } from "react/jsx-runtime";
-import ct from "@unicom-cloud/icons/IconUiClose";
-import { useContext as at, useState as C, useRef as F, useEffect as h } from "react";
-import { createPortal as pt } from "react-dom";
+/* 2025-11-19 09:09:44 */
+import { jsxs as d, Fragment as le, jsx as i } from "react/jsx-runtime";
+import ce from "@unicom-cloud/icons/IconUiClose";
+import { useContext as ae, useState as k, useRef as F, useEffect as C } from "react";
+import { createPortal as pe } from "react-dom";
 import D from "../button/index.js";
 import "../config-provider/ConfigProvider.js";
-import { useMergeProps as ft } from "@unicom-cloud/ui-common/hooks";
-import { isString as mt } from "@unicom-cloud/ui-common/utils/is";
-import { Escape as dt, ArrowRight as ht, ArrowLeft as ut } from "@unicom-cloud/utils/constant/keyboardCode";
+import { useMergeProps as fe } from "@unicom-cloud/ui-common/hooks";
+import { isString as me } from "@unicom-cloud/ui-common/utils/is";
+import { Escape as de, ArrowRight as he, ArrowLeft as ue } from "@unicom-cloud/utils/constant/keyboardCode";
 import "@unicom-cloud/ui-common/hooks/use-merge-value";
 import "lodash/merge";
-import { on as gt, off as wt } from "@unicom-cloud/ui-common/utils/dom";
-import vt from "../icon-hover/index.js";
-import R from "../space/index.js";
-import u from "@unicom-cloud/ui-common/utils/className";
-import bt from "@unicom-cloud/ui-common/utils/intersectionObserver";
-import yt from "@unicom-cloud/ui-common/utils/mutationObserver";
-import $t from "@unicom-cloud/ui-common/utils/resizeObserver";
-import xt from "../config-provider/context.js";
-const kt = {
+import { on as ge, off as we } from "@unicom-cloud/ui-common/utils/dom";
+import ve from "@unicom-cloud/ui-common/hooks/use-intersection-observers";
+import be from "@unicom-cloud/ui-common/hooks/use-mutation-observers";
+import ye from "@unicom-cloud/ui-common/hooks/use-resize-observers";
+import $e from "../icon-hover/index.js";
+import z from "../space/index.js";
+import h from "@unicom-cloud/ui-common/utils/className";
+import xe from "../config-provider/context.js";
+const ke = {
   steps: [],
   open: !1,
   mask: !0,
@@ -30,10 +30,10 @@ const kt = {
   zIndex: 1e3,
   current: 0
 };
-function Yt(L) {
-  const { getPrefixCls: X, componentConfig: Y, rtl: Ct } = at(xt), K = ft(
+function Ye(L) {
+  const { getPrefixCls: X, componentConfig: Y, rtl: Ce } = ae(xe), K = fe(
     L,
-    kt,
+    ke,
     Y?.Tour
   ), {
     style: U,
@@ -43,135 +43,139 @@ function Yt(L) {
     onClose: G,
     mask: J,
     maskClosable: Q,
-    type: g,
-    placement: w,
+    type: u,
+    placement: g,
     arrow: V,
     closable: Z,
     zIndex: P,
     current: S,
-    onFinish: tt,
-    onStepChange: O,
-    ...Nt
-  } = K, o = X?.("tour"), [r, H] = C(S), [e, j] = C(null), [W, et] = C(w), [m, I] = C(N), M = F(null), a = F(null), E = `0 0 0 ${Math.max(window.innerWidth, window.innerHeight)}px var(--pqb-mask-bg-color),0 0 15px 0 var(--pqb-mask-bg-color)`, l = mt(s[r]?.target) ? document.querySelector(s[r].target) : s[r]?.target, v = () => {
-    let t;
-    if (l ? t = l.getBoundingClientRect() : t = new DOMRect(
+    onFinish: ee,
+    onStepChange: M,
+    ...Ne
+  } = K, o = X?.("tour"), [n, H] = k(S), [t, O] = k(null), [I, te] = k(g), [m, W] = k(N), j = F(null), a = F(null), E = `0 0 0 ${Math.max(window.innerWidth, window.innerHeight)}px var(--pqb-mask-bg-color),0 0 15px 0 var(--pqb-mask-bg-color)`, l = me(s[n]?.target) ? document.querySelector(s[n].target) : s[n]?.target, w = () => {
+    let e;
+    if (l ? e = l.getBoundingClientRect() : e = new DOMRect(
       window.innerWidth / 2 - (a.current?.offsetWidth ?? 0) / 2,
       window.innerHeight / 2 - (a.current?.offsetHeight ?? 0) / 2,
       a.current?.offsetWidth,
       a.current?.offsetHeight
-    ), j(t), l) {
-      const n = a.current;
-      if (!n) return w;
-      const p = n.offsetWidth, f = n.offsetHeight, b = 10, y = t.top - f - b > 0, $ = t.bottom + f + b < window.innerHeight, x = t.left - p - b > 0, k = t.right + p + b < window.innerWidth;
-      let c = s[r]?.placement || w;
-      return c === "top" && !y ? c = $ ? "bottom" : x ? "left" : k ? "right" : "bottom" : c === "bottom" && !$ ? c = y ? "top" : x ? "left" : k ? "right" : "top" : c === "left" && !x ? c = k ? "right" : y ? "top" : $ ? "bottom" : "right" : c === "right" && !k && (c = x ? "left" : y ? "top" : $ ? "bottom" : "left"), et(c), c;
+    ), O(e), l) {
+      const r = a.current;
+      if (!r) return g;
+      const f = r.offsetWidth, p = r.offsetHeight, v = 10, b = e.top - p - v > 0, y = e.bottom + p + v < window.innerHeight, $ = e.left - f - v > 0, x = e.right + f + v < window.innerWidth;
+      let c = s[n]?.placement || g;
+      return c === "top" && !b ? c = y ? "bottom" : $ ? "left" : x ? "right" : "bottom" : c === "bottom" && !y ? c = b ? "top" : $ ? "left" : x ? "right" : "top" : c === "left" && !$ ? c = x ? "right" : b ? "top" : y ? "bottom" : "right" : c === "right" && !x && (c = $ ? "left" : b ? "top" : y ? "bottom" : "left"), te(c), c;
     }
-    return w;
-  }, z = () => {
-    I(!1), G?.();
+    return g;
+  }, R = () => {
+    W(!1), G?.();
   }, T = () => {
-    if (r < s.length - 1) {
-      const t = r + 1;
-      H(t), O?.(t);
+    if (n < s.length - 1) {
+      const e = n + 1;
+      H(e), M?.(e);
     } else
-      ot();
+      oe();
   }, q = () => {
-    if (r > 0) {
-      const t = r - 1;
-      H(t), O?.(t);
+    if (n > 0) {
+      const e = n - 1;
+      H(e), M?.(e);
     }
-  }, ot = () => {
-    I(!1), tt?.();
-  }, rt = (t) => {
-    Q && t.target === M.current && z();
-  }, nt = () => {
-    if (!e || !a.current)
+  }, oe = () => {
+    W(!1), ee?.();
+  }, ne = (e) => {
+    Q && e.target === j.current && R();
+  }, re = () => {
+    if (!t || !a.current)
       return { top: 0, left: 0 };
     if (!l) return {
-      top: e.top,
-      left: e.left
+      top: t.top,
+      left: t.left
     };
-    const t = a.current, n = t.offsetWidth, p = t.offsetHeight, f = 10;
-    switch (W) {
+    const e = a.current, r = e.offsetWidth, f = e.offsetHeight, p = 10;
+    switch (I) {
       case "top":
         return {
-          top: e.top - p - f,
-          left: e.left + e.width / 2 - n / 2
+          top: t.top - f - p,
+          left: t.left + t.width / 2 - r / 2
         };
       case "bottom":
         return {
-          top: e.bottom + f,
-          left: e.left + e.width / 2 - n / 2
+          top: t.bottom + p,
+          left: t.left + t.width / 2 - r / 2
         };
       case "left":
         return {
-          top: e.top + e.height / 2 - p / 2,
-          left: e.left - n - f
+          top: t.top + t.height / 2 - f / 2,
+          left: t.left - r - p
         };
       case "right":
         return {
-          top: e.top + e.height / 2 - p / 2,
-          left: e.right + f
+          top: t.top + t.height / 2 - f / 2,
+          left: t.right + p
         };
       default:
         return {
-          top: e.bottom + f,
-          left: e.left + e.width / 2 - n / 2
+          top: t.bottom + p,
+          left: t.left + t.width / 2 - r / 2
         };
     }
   };
-  if (h(() => {
-    I(N);
-  }, [N]), h(() => {
+  if (C(() => {
+    W(N);
+  }, [N]), C(() => {
     H(S);
-  }, [S]), h(() => {
-    if (!m || r >= s.length || !s[r]) {
-      j(null);
+  }, [S]), C(() => {
+    if (!m || n >= s.length || !s[n]) {
+      O(null);
       return;
     }
-    v();
-  }, [m, r, s.length, l]), h(() => {
-    function t(n) {
-      m && (n.key === dt.key ? z() : n.key === ht.key ? T() : n.key === ut.key && q());
+    w();
+  }, [m, n, s.length, l]), C(() => {
+    function e(r) {
+      m && (r.key === de.key ? R() : r.key === he.key ? T() : r.key === ue.key && q());
     }
-    return gt(window, "keydown", t), () => {
-      wt(window, "keydown", t);
+    return ge(window, "keydown", e), () => {
+      we(window, "keydown", e);
     };
-  }, [m, r, s.length]), h(() => {
-    const t = $t([document.body, l], () => {
-      v();
-    }), n = bt([l], () => {
-      v();
-    }), p = yt([l], () => {
-      v();
-    });
-    return () => {
-      t(), n(), p();
-    };
-  }, [l]), !m || !s.length || r >= s.length)
+  }, [m, n, s.length]), ye(
+    (e) => {
+      w();
+    },
+    [document.body, l]
+  ), ve(
+    (e) => {
+      w();
+    },
+    [l]
+  ), be(
+    (e) => {
+      w();
+    },
+    [l]
+  ), !m || !s.length || n >= s.length)
     return null;
-  const A = s[r], st = r > 0, it = r < s.length - 1, B = nt();
-  return pt(
-    /* @__PURE__ */ d(lt, { children: [
+  const A = s[n], se = n > 0, ie = n < s.length - 1, B = re();
+  return pe(
+    /* @__PURE__ */ d(le, { children: [
       /* @__PURE__ */ i(
         "div",
         {
-          ref: M,
-          className: u(`${o}-mask`, _),
+          ref: j,
+          className: h(`${o}-mask`, _),
           style: { ...U, zIndex: P },
-          onClick: rt
+          onClick: ne
         }
       ),
-      e && /* @__PURE__ */ i(
+      t && /* @__PURE__ */ i(
         "div",
         {
           className: `${o}-highlight`,
           style: {
             position: "absolute",
-            top: e.top + window.scrollY,
-            left: e.left + window.scrollX,
-            width: e.width,
-            height: e.height,
+            top: t.top + window.scrollY,
+            left: t.left + window.scrollX,
+            width: t.width,
+            height: t.height,
             zIndex: P + 1,
             pointerEvents: "none",
             boxShadow: J ? E : void 0
@@ -182,10 +186,10 @@ function Yt(L) {
         "div",
         {
           ref: a,
-          className: u(
+          className: h(
             `${o}-popover`,
-            `${o}-popover-${g}`,
-            `${o}-popover-${W}`
+            `${o}-popover-${u}`,
+            `${o}-popover-${I}`
           ),
           style: {
             position: "absolute",
@@ -198,40 +202,40 @@ function Yt(L) {
             V && l && /* @__PURE__ */ i(
               "div",
               {
-                className: u(
+                className: h(
                   `${o}-arrow`,
-                  `${o}-arrow-${W}`
+                  `${o}-arrow-${I}`
                 )
               }
             ),
             /* @__PURE__ */ d("div", { className: `${o}-content`, children: [
-              Z && /* @__PURE__ */ i(vt, { className: `${o}-close`, onClick: z, children: /* @__PURE__ */ i(ct, {}) }),
+              Z && /* @__PURE__ */ i($e, { className: `${o}-close`, onClick: R, children: /* @__PURE__ */ i(ce, {}) }),
               /* @__PURE__ */ i("div", { className: `${o}-header`, children: /* @__PURE__ */ i("div", { className: `${o}-title`, children: A.title }) }),
               /* @__PURE__ */ i("div", { className: `${o}-body`, children: /* @__PURE__ */ i("div", { className: `${o}-description`, children: A.description }) }),
               /* @__PURE__ */ d(
-                R,
+                z,
                 {
                   className: `${o}-footer`,
                   justifyContent: "space-between",
                   alignItems: "center",
                   children: [
-                    /* @__PURE__ */ i(R, { className: `${o}-indicator`, children: s.map((t, n) => /* @__PURE__ */ i(
+                    /* @__PURE__ */ i(z, { className: `${o}-indicator`, children: s.map((e, r) => /* @__PURE__ */ i(
                       "div",
                       {
-                        className: u(
+                        className: h(
                           `${o}-dot`,
-                          n === r && `${o}-dot-active`
+                          r === n && `${o}-dot-active`
                         )
                       },
-                      n
+                      r
                     )) }),
-                    /* @__PURE__ */ d(R, { children: [
-                      st && /* @__PURE__ */ i(
+                    /* @__PURE__ */ d(z, { children: [
+                      se && /* @__PURE__ */ i(
                         D,
                         {
                           className: `${o}-prev-btn`,
                           size: "mini",
-                          type: g === "primary" ? "secondary" : "primary",
+                          type: u === "primary" ? "secondary" : "primary",
                           onClick: q,
                           children: "上一步"
                         }
@@ -239,14 +243,14 @@ function Yt(L) {
                       /* @__PURE__ */ i(
                         D,
                         {
-                          className: u(
+                          className: h(
                             `${o}-next-btn`,
-                            `${o}-next-btn-${g}`
+                            `${o}-next-btn-${u}`
                           ),
                           size: "mini",
-                          type: g === "primary" ? "primary" : "secondary",
+                          type: u === "primary" ? "primary" : "secondary",
                           onClick: T,
-                          children: it ? "下一步" : "完成"
+                          children: ie ? "下一步" : "完成"
                         }
                       )
                     ] })
@@ -262,5 +266,5 @@ function Yt(L) {
   );
 }
 export {
-  Yt as default
+  Ye as default
 };

package/transfer/Item.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 10:03:09 */
+/* 2025-11-19 09:09:44 */
 import { jsxs as C, jsx as r, Fragment as B } from "react/jsx-runtime";
 import F from "@unicom-cloud/icons/IconUiClose";
 import H from "@unicom-cloud/icons/IconUiDragDotVertical";

package/transfer/List.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 10:03:09 */
+/* 2025-11-19 09:09:44 */
 import { jsx as o, jsxs as D, Fragment as w } from "react/jsx-runtime";
 import ce from "@unicom-cloud/icons/IconUiDelete";
 import le from "@unicom-cloud/icons/IconUiSearch";

package/transfer/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 10:03:09 */
+/* 2025-11-19 09:09:44 */
 import { jsxs as X, jsx as h } from "react/jsx-runtime";
 import Y from "@unicom-cloud/icons/IconUiLeft";
 import Z from "@unicom-cloud/icons/IconUiRight";

package/tree/Animation.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 10:03:09 */
+/* 2025-11-19 09:09:44 */
 import { jsx as y } from "react/jsx-runtime";
 import _ from "@unicom-cloud/ui-common/transition-group/PqbCSSTransition";
 import { useContext as p, useRef as H, useMemo as E, useEffect as k } from "react";

package/tree/Context.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 10:03:09 */
+/* 2025-11-19 09:09:44 */
 import { createContext as t } from "react";
 const o = t({});
 export {

package/tree/Node.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 10:03:09 */
+/* 2025-11-19 09:09:44 */
 import { jsxs as C, Fragment as q, jsx as r } from "react/jsx-runtime";
 import z from "@unicom-cloud/icons/IconUiCaretDown";
 import G from "@unicom-cloud/icons/IconUiDragDotVertical";

package/tree/NodeList.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 10:03:09 */
+/* 2025-11-19 09:09:44 */
 import { jsx as x } from "react/jsx-runtime";
 import { forwardRef as g, useRef as y, useMemo as p, useImperativeHandle as M, createElement as I } from "react";
 import { isString as R } from "@unicom-cloud/ui-common/utils/is";