@unicom-cloud/ui 0.8.127 → 0.8.128

package/timeline/Item.js

@@ -1,4 +1,4 @@
-/* 2025-11-28 16:31:06 */
+/* 2025-12-17 18:27:10 */
 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,23 +1,23 @@
-/* 2025-11-28 16:31:06 */
+/* 2025-12-17 18:27:10 */
 import { jsx as u } from "react/jsx-runtime";
-import d, { useContext as E, useRef as M, useImperativeHandle as w } from "react";
+import d, { useContext as M, useRef as w, useImperativeHandle as x } from "react";
 import "../config-provider/ConfigProvider.js";
 import j from "@unicom-cloud/ui-common/hooks/use-merge-props";
 import k from "../spin/index.js";
 import N from "@unicom-cloud/ui-common/utils/className";
 import h from "./Item.js";
 import F from "../config-provider/context.js";
-const g = ["left", "right"], H = ["top", "bottom"], O = (m, p, i, a) => {
+const g = ["left", "right"], H = ["top", "bottom"], S = (m, p, i, a) => {
   const t = a === "horizontal" ? H : g, s = i === "alternate" ? m || t[p % 2] : i;
-  return t.indexOf(s) > -1 ? s : t[0];
+  return t.includes(s) ? s : t[0];
 }, $ = {
   mode: "left",
   direction: "vertical",
   pendingDot: /* @__PURE__ */ u(k, { size: 12 }),
   labelPosition: "same"
 };
-function S(m, p) {
-  const { getPrefixCls: i, componentConfig: a, rtl: t } = E(F);
+function q(m, p) {
+  const { getPrefixCls: i, componentConfig: a, rtl: t } = M(F);
   $.mode = t ? g[1] : g[0];
   const s = j(m, $, a?.Timeline), {
     className: P,
@@ -28,14 +28,14 @@ function S(m, p) {
     direction: f,
     pending: l,
     labelPosition: b,
-    pendingDot: x,
-    ...z
+    pendingDot: z,
+    ...D
   } = s, o = i?.("timeline"), n = d.Children.map(R, (e) => e && e.type && e.type.isTimelineItem ? e : null) || [];
   l && n.push(
-    /* @__PURE__ */ u(h, { lineType: "dashed", dot: x, children: l === !0 ? "" : l })
+    /* @__PURE__ */ u(h, { lineType: "dashed", dot: z, children: l === !0 ? "" : l })
   ), C && n.reverse();
-  const y = M(null);
-  return w(p, () => ({
+  const y = w(null);
+  return x(p, () => ({
     getRootElement() {
       return y.current;
     }
@@ -43,7 +43,7 @@ function S(m, p) {
     "div",
     {
       role: "list",
-      ...z,
+      ...D,
       ref: y,
       className: N(
         o,
@@ -56,7 +56,7 @@ function S(m, p) {
       children: n.map((e, r) => {
         if (!e)
           return null;
-        const { position: D } = e.props;
+        const { position: E } = e.props;
         let c = e.props.lineType;
         return l && (C ? r === 0 && (c = "dashed") : n.length - 2 === r && (c = "dashed")), d.cloneElement(e, {
           key: r,
@@ -64,7 +64,7 @@ function S(m, p) {
             [`${o}-item-last`]: n.length - 1 === r
           }),
           labelPosition: b,
-          position: O(D, r, T, f),
+          position: S(E, r, T, f),
           direction: f,
           lineType: c
         });
@@ -72,7 +72,7 @@ function S(m, p) {
     }
   );
 }
-const q = d.forwardRef(S), v = q;
+const A = d.forwardRef(q), v = A;
 v.displayName = "Timeline";
 v.Item = h;
 export {

package/timeline/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-28 16:31:06 */
+/* 2025-12-17 18:27:10 */
 import m from "./Timeline.js";
 import { default as i } from "./Item.js";
 export {

package/tooltip/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-28 16:31:06 */
+/* 2025-12-17 18:27:10 */
 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/tour/index.js

@@ -1,27 +1,27 @@
-/* 2025-11-28 16:31:06 */
-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 k, useRef as F, useEffect as C } from "react";
-import { createPortal as pt } from "react-dom";
-import D from "../button/index.js";
+/* 2025-12-17 18:27:10 */
+import { jsxs as h, Fragment as ct, jsx as i } from "react/jsx-runtime";
+import at from "@unicom-cloud/icons/IconUiClose";
+import { useContext as pt, useState as x, useRef as D, useEffect as C } from "react";
+import { createPortal as ft } from "react-dom";
+import L from "../button/index.js";
 import "../config-provider/ConfigProvider.js";
-import { useMergeProps as ft } from "@unicom-cloud/ui-common/hooks";
+import { useMergeProps as mt } from "@unicom-cloud/ui-common/hooks";
 import "../utils/responsiveObserve.js";
 import "@unicom-cloud/ui-common/hooks/use-force-update";
-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 { isString as dt } from "@unicom-cloud/ui-common/utils/is";
+import { Escape as ht, ArrowRight as ut, ArrowLeft as gt } from "@unicom-cloud/utils/constant/keyboardCode";
 import "@unicom-cloud/ui-common/hooks/use-merge-value";
-import { on as gt, off as wt } from "@unicom-cloud/ui-common/utils/dom";
+import { on as wt, off as vt } from "@unicom-cloud/ui-common/utils/dom";
 import "lodash/merge";
-import vt from "@unicom-cloud/ui-common/hooks/use-intersection-observers";
-import bt from "@unicom-cloud/ui-common/hooks/use-mutation-observers";
+import bt from "@unicom-cloud/ui-common/hooks/use-intersection-observers";
+import $t from "@unicom-cloud/ui-common/hooks/use-mutation-observers";
 import yt from "@unicom-cloud/ui-common/hooks/use-resize-observers";
-import $t from "../icon-hover/index.js";
-import z from "../space/index.js";
-import h from "@unicom-cloud/ui-common/utils/className";
+import kt from "../icon-hover/index.js";
+import M from "../space/index.js";
+import m from "@unicom-cloud/ui-common/utils/className";
 import xt from "@unicom-cloud/ui-common/utils/findRootElement";
-import kt from "../config-provider/context.js";
-const Ct = {
+import Ct from "../config-provider/context.js";
+const Nt = {
   steps: [],
   open: !1,
   mask: !0,
@@ -33,228 +33,236 @@ const Ct = {
   zIndex: 1e3,
   current: 0
 };
-function Gt(L) {
-  const { getPrefixCls: X, componentConfig: Y, rtl: Nt } = at(kt), K = ft(
-    L,
-    Ct,
-    Y?.Tour
+function Gt(X) {
+  const { getPrefixCls: Y, componentConfig: K, rtl: N } = pt(Ct), U = mt(
+    X,
+    Nt,
+    K?.Tour
   ), {
-    style: U,
-    className: _,
+    style: _,
+    className: G,
     steps: s,
-    open: N,
-    onClose: G,
-    mask: J,
-    maskClosable: Q,
+    open: P,
+    onClose: J,
+    mask: Q,
+    maskClosable: V,
     type: u,
     placement: g,
-    arrow: V,
-    closable: Z,
-    zIndex: P,
-    current: S,
-    onFinish: tt,
-    onStepChange: M,
+    arrow: Z,
+    closable: tt,
+    zIndex: S,
+    current: H,
+    onFinish: et,
+    onStepChange: O,
     ...Pt
-  } = K, o = X?.("tour"), [r, H] = k(S), [e, O] = k(null), [I, et] = k(g), [m, R] = 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 = mt(s[r]?.target) ? document.querySelector(s[r].target) : xt(s[r]?.target), w = () => {
+  } = U, e = Y?.("tour"), [r, I] = x(H), [o, j] = x(null), [R, ot] = x(g), [d, W] = x(P), E = D(null), a = D(null), T = `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 = dt(s[r]?.target) ? document.querySelector(s[r].target) : xt(s[r]?.target), w = () => {
     let t;
     if (l ? t = l.getBoundingClientRect() : t = new DOMRect(
       window.innerWidth / 2 - (a.current?.offsetWidth ?? 0) / 2,
       window.innerHeight / 2 - (a.current?.offsetHeight ?? 0) / 2,
       a.current?.offsetWidth,
       a.current?.offsetHeight
-    ), O(t), l) {
+    ), j(t), l) {
       const n = a.current;
       if (!n) return g;
-      const f = n.offsetWidth, p = n.offsetHeight, v = 10, b = t.top - p - v > 0, y = t.bottom + p + v < window.innerHeight, $ = t.left - f - v > 0, x = t.right + f + v < window.innerWidth;
+      const f = n.offsetWidth, p = n.offsetHeight, v = 10, b = t.top - p - v > 0, $ = t.bottom + p + v < window.innerHeight, y = t.left - f - v > 0, k = t.right + f + v < window.innerWidth;
       let c = s[r]?.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"), et(c), c;
+      return c === "top" && !b ? c = $ ? "bottom" : y ? "left" : k ? "right" : "bottom" : c === "bottom" && !$ ? c = b ? "top" : y ? "left" : k ? "right" : "top" : c === "left" && !y ? c = k ? "right" : b ? "top" : $ ? "bottom" : "right" : c === "right" && !k && (c = y ? "left" : b ? "top" : $ ? "bottom" : "left"), ot(c), c;
     }
     return g;
-  }, W = () => {
-    R(!1), G?.();
-  }, T = () => {
+  }, z = () => {
+    W(!1), J?.();
+  }, q = () => {
     if (r < s.length - 1) {
       const t = r + 1;
-      H(t), M?.(t);
+      I(t), O?.(t);
     } else
-      ot();
-  }, q = () => {
+      rt();
+  }, A = () => {
     if (r > 0) {
       const t = r - 1;
-      H(t), M?.(t);
+      I(t), O?.(t);
     }
-  }, ot = () => {
-    R(!1), tt?.();
-  }, rt = (t) => {
-    Q && t.target === j.current && W();
-  }, nt = () => {
-    if (!e || !a.current)
+  }, rt = () => {
+    W(!1), et?.();
+  }, nt = (t) => {
+    V && t.target === E.current && z();
+  }, st = () => {
+    if (!o || !a.current)
       return { top: 0, left: 0 };
     if (!l) return {
-      top: e.top,
-      left: e.left
+      top: o.top,
+      left: o.left
     };
     const t = a.current, n = t.offsetWidth, f = t.offsetHeight, p = 10;
-    switch (I) {
+    switch (R) {
       case "top":
         return {
-          top: e.top - f - p,
-          left: e.left + e.width / 2 - n / 2
+          top: o.top - f - p,
+          left: o.left + o.width / 2 - n / 2
         };
       case "bottom":
         return {
-          top: e.bottom + p,
-          left: e.left + e.width / 2 - n / 2
+          top: o.bottom + p,
+          left: o.left + o.width / 2 - n / 2
         };
       case "left":
         return {
-          top: e.top + e.height / 2 - f / 2,
-          left: e.left - n - p
+          top: o.top + o.height / 2 - f / 2,
+          left: o.left - n - p
         };
       case "right":
         return {
-          top: e.top + e.height / 2 - f / 2,
-          left: e.right + p
+          top: o.top + o.height / 2 - f / 2,
+          left: o.right + p
         };
       default:
         return {
-          top: e.bottom + p,
-          left: e.left + e.width / 2 - n / 2
+          top: o.bottom + p,
+          left: o.left + o.width / 2 - n / 2
         };
     }
   };
   if (C(() => {
-    R(N);
-  }, [N]), C(() => {
-    H(S);
-  }, [S]), C(() => {
-    if (!m || r >= s.length || !s[r]) {
-      O(null);
+    W(P);
+  }, [P]), C(() => {
+    I(H);
+  }, [H]), C(() => {
+    if (!d || r >= s.length || !s[r]) {
+      j(null);
       return;
     }
     w();
-  }, [m, r, s.length, l]), C(() => {
+  }, [d, r, s.length, l]), C(() => {
     function t(n) {
-      m && (n.key === dt.key ? W() : n.key === ht.key ? T() : n.key === ut.key && q());
+      d && (n.key === ht.key ? z() : n.key === ut.key ? q() : n.key === gt.key && A());
     }
-    return gt(window, "keydown", t), () => {
-      wt(window, "keydown", t);
+    return wt(window, "keydown", t), () => {
+      vt(window, "keydown", t);
     };
-  }, [m, r, s.length]), yt(
+  }, [d, r, s.length]), yt(
     (t) => {
       w();
     },
     [document.body, l],
     { immediate: !0 }
-  ), vt(
+  ), bt(
     (t) => {
       w();
     },
     [l]
-  ), bt(
+  ), $t(
     (t) => {
       w();
     },
     [l]
-  ), !m || !s.length || r >= s.length)
+  ), !d || !s.length || r >= 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 B = s[r], it = r > 0, lt = r < s.length - 1, F = st();
+  return ft(
+    /* @__PURE__ */ h(ct, { children: [
       /* @__PURE__ */ i(
         "div",
         {
-          ref: j,
-          className: h(`${o}-mask`, _),
-          style: { ...U, zIndex: P },
-          onClick: rt
+          ref: E,
+          className: m(
+            `${e}-mask`,
+            N && `${e}-mask-rtl`,
+            G
+          ),
+          style: { ..._, zIndex: S },
+          onClick: nt
         }
       ),
-      e && /* @__PURE__ */ i(
+      o && /* @__PURE__ */ i(
         "div",
         {
-          className: `${o}-highlight`,
+          className: m(
+            `${e}-highlight`,
+            N && `${e}-highlight-rtl`
+          ),
           style: {
             position: "absolute",
-            top: e.top + window.scrollY,
-            left: e.left + window.scrollX,
-            width: e.width,
-            height: e.height,
-            zIndex: P + 1,
+            top: o.top + window.scrollY,
+            left: o.left + window.scrollX,
+            width: o.width,
+            height: o.height,
+            zIndex: S + 1,
             pointerEvents: "none",
-            boxShadow: J ? E : void 0
+            boxShadow: Q ? T : void 0
           }
         }
       ),
-      /* @__PURE__ */ d(
+      /* @__PURE__ */ h(
         "div",
         {
           ref: a,
-          className: h(
-            `${o}-popover`,
-            `${o}-popover-${u}`,
-            `${o}-popover-${I}`
+          className: m(
+            `${e}-popover`,
+            `${e}-popover-${u}`,
+            `${e}-popover-${R}`,
+            N && `${e}-popover-rtl`
           ),
           style: {
             position: "absolute",
-            top: `${B.top + window.scrollY}px`,
-            left: `${B.left + window.scrollX}px`,
-            zIndex: P + 2,
-            boxShadow: l ? void 0 : E
+            top: `${F.top + window.scrollY}px`,
+            left: `${F.left + window.scrollX}px`,
+            zIndex: S + 2,
+            boxShadow: l ? void 0 : T
           },
           children: [
-            V && l && /* @__PURE__ */ i(
+            Z && l && /* @__PURE__ */ i(
               "div",
               {
-                className: h(
-                  `${o}-arrow`,
-                  `${o}-arrow-${I}`
+                className: m(
+                  `${e}-arrow`,
+                  `${e}-arrow-${R}`
                 )
               }
             ),
-            /* @__PURE__ */ d("div", { className: `${o}-content`, children: [
-              Z && /* @__PURE__ */ i($t, { className: `${o}-close`, onClick: W, children: /* @__PURE__ */ i(ct, {}) }),
-              /* @__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(
-                z,
+            /* @__PURE__ */ h("div", { className: `${e}-content`, children: [
+              tt && /* @__PURE__ */ i(kt, { className: `${e}-close`, onClick: z, children: /* @__PURE__ */ i(at, {}) }),
+              /* @__PURE__ */ i("div", { className: `${e}-header`, children: /* @__PURE__ */ i("div", { className: `${e}-title`, children: B.title }) }),
+              /* @__PURE__ */ i("div", { className: `${e}-body`, children: /* @__PURE__ */ i("div", { className: `${e}-description`, children: B.description }) }),
+              /* @__PURE__ */ h(
+                M,
                 {
-                  className: `${o}-footer`,
+                  className: `${e}-footer`,
                   justifyContent: "space-between",
                   alignItems: "center",
                   children: [
-                    /* @__PURE__ */ i(z, { className: `${o}-indicator`, children: s.map((t, n) => /* @__PURE__ */ i(
+                    /* @__PURE__ */ i(M, { className: `${e}-indicator`, children: s.map((t, n) => /* @__PURE__ */ i(
                       "div",
                       {
-                        className: h(
-                          `${o}-dot`,
-                          n === r && `${o}-dot-active`
+                        className: m(
+                          `${e}-dot`,
+                          n === r && `${e}-dot-active`
                         )
                       },
                       n
                     )) }),
-                    /* @__PURE__ */ d(z, { children: [
-                      st && /* @__PURE__ */ i(
-                        D,
+                    /* @__PURE__ */ h(M, { children: [
+                      it && /* @__PURE__ */ i(
+                        L,
                         {
-                          className: `${o}-prev-btn`,
+                          className: `${e}-prev-btn`,
                           size: "mini",
                           type: u === "primary" ? "secondary" : "primary",
-                          onClick: q,
+                          onClick: A,
                           children: "上一步"
                         }
                       ),
                       /* @__PURE__ */ i(
-                        D,
+                        L,
                         {
-                          className: h(
-                            `${o}-next-btn`,
-                            `${o}-next-btn-${u}`
+                          className: m(
+                            `${e}-next-btn`,
+                            `${e}-next-btn-${u}`
                           ),
                           size: "mini",
                           type: u === "primary" ? "primary" : "secondary",
-                          onClick: T,
-                          children: it ? "下一步" : "完成"
+                          onClick: q,
+                          children: lt ? "下一步" : "完成"
                         }
                       )
                     ] })

package/transfer/Item.js

@@ -1,4 +1,4 @@
-/* 2025-11-28 16:31:06 */
+/* 2025-12-17 18:27:10 */
 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";
@@ -10,23 +10,23 @@ import z from "../icon-hover/index.js";
 import A from "@unicom-cloud/ui-common/utils/className";
 function oe(k) {
   const {
-    className: x,
-    prefixCls: I,
+    className: I,
+    prefixCls: P,
     render: p,
     item: t,
-    selectedKeys: P,
+    selectedKeys: x,
     disabled: E,
     draggable: f,
     droppable: l,
-    allowClear: O,
-    onItemSelect: S,
+    allowClear: S,
+    onItemSelect: O,
     onItemRemove: u,
     onDragStart: T,
     onDragEnd: w,
     onDragLeave: K,
     onDragOver: R,
     onDrop: j
-  } = k, L = q(), o = `${I}-view-item`, D = y(null), g = y(null), [a, n] = m("none"), [b, s] = m(!1), [d, v] = m(0), i = E || t.disabled, h = f && !i, U = P.indexOf(t.key) > -1, $ = p ? p(t) : t.value;
+  } = k, L = q(), o = `${P}-view-item`, D = y(null), g = y(null), [a, n] = m("none"), [b, s] = m(!1), [d, v] = m(0), i = E || t.disabled, h = f && !i, U = x.includes(t.key), $ = p ? p(t) : t.value;
   return N(() => () => {
     g.current && clearTimeout(g.current);
   }, []), N(() => {
@@ -44,7 +44,7 @@ function oe(k) {
           [`${o}-gap-bottom`]: b && d > 0,
           [`${o}-${a}`]: a !== "none"
         },
-        x
+        I
       ),
       draggable: h,
       onDragStart: (e) => {
@@ -73,7 +73,7 @@ function oe(k) {
       },
       children: [
         f ? /* @__PURE__ */ r(H, { className: `${o}-icon-drag` }) : null,
-        O ? /* @__PURE__ */ C(B, { children: [
+        S ? /* @__PURE__ */ C(B, { children: [
           /* @__PURE__ */ r("span", { className: `${o}-content`, children: $ }),
           !i && /* @__PURE__ */ r(
             z,
@@ -94,7 +94,7 @@ function oe(k) {
             className: `${o}-content`,
             checked: U,
             disabled: i,
-            onChange: (e) => S(t.key, e),
+            onChange: (e) => O(t.key, e),
             children: $
           }
         )