@unicom-cloud/ui 0.8.116 → 0.8.117

package/dist/ui-common/hooks/use-virtual-list/index.js

@@ -1,15 +1,15 @@
-/* 2025-10-30 15:47:58 */
-import { useRef as D, useState as T, useMemo as N, useEffect as O } from "react";
+/* 2025-11-03 10:27:46 */
+import { useRef as L, useState as T, useMemo as N, useEffect as O } from "react";
 import "../../utils/is.js";
 import Q from "../use-event-listener/index.js";
 import R from "../use-latest/index.js";
 import q from "../use-memoized-fn/index.js";
 import A from "../use-size/index.js";
 import B from "../use-update-effect/index.js";
-import p from "../utils/domTarget.js";
+import h from "../utils/domTarget.js";
 import { isNumber as f } from "@unicom-cloud/utils/is";
 const W = (n, M) => {
-  const { containerTarget: a, wrapperTarget: b, itemHeight: w, overscan: g = 5 } = M, o = R(w), s = A(a), l = D(!1), [k, v] = T(
+  const { containerTarget: a, wrapperTarget: b, itemHeight: w, overscan: g = 5 } = M, o = R(w), s = A(a), l = L(!1), [k, v] = T(
     []
   ), [m, y] = T({}), E = (e, t) => {
     if (f(o.current))
@@ -39,28 +39,28 @@ const W = (n, M) => {
   ), S = N(() => f(o.current) ? n.length * o.current : n.reduce(
     (e, t, c) => e + o.current(c, n[c]),
     0
-  ), [n]), h = () => {
-    const e = p(a);
+  ), [n]), p = () => {
+    const e = h(a);
     if (e) {
-      const { scrollTop: t, clientHeight: c } = e, r = H(t), i = E(c, r), u = Math.max(0, r - g), L = Math.min(n.length, r + i + g), x = d(u);
+      const { scrollTop: t, clientHeight: c } = e, r = H(t), i = E(c, r), u = Math.max(0, r - g), j = Math.min(n.length, r + i + g), x = d(u);
       y({
         height: S - x + "px",
         marginTop: x + "px"
       }), v(
-        n.slice(u, L).map((j, z) => ({
-          data: j,
-          index: z + u
+        n.slice(u, j).map((z, D) => ({
+          data: z,
+          index: D + u
         }))
       );
     }
   };
   return B(() => {
-    const e = p(b);
+    const e = h(b);
     e && Object.keys(m).forEach(
       (t) => e.style[t] = m[t]
     );
   }, [m]), O(() => {
-    !s?.width || !s?.height || h();
+    !s?.width || !s?.height || p();
   }, [s?.width, s?.height, n]), Q(
     "scroll",
     (e) => {
@@ -68,14 +68,14 @@ const W = (n, M) => {
         l.current = !1;
         return;
       }
-      e.preventDefault(), h();
+      e.preventDefault(), p();
     },
     {
       target: a
     }
   ), [k, q((e) => {
-    const t = p(a);
-    t && (l.current = !0, t.scrollTop = d(e), h());
+    const t = h(a);
+    t && (l.current = !0, t.scrollTop = d(e), p());
   })];
 };
 export {

package/dist/ui-common/hooks/use-watch/index.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import { useEffect as i } from "react";
 import "../../utils/is.js";
 import m from "../use-previous/index.js";

package/dist/ui-common/hooks/use-web-socket/index.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import { useState as v, useRef as a, useEffect as R } from "react";
 import o from "../use-latest/index.js";
 import i from "../use-memoized-fn/index.js";

package/dist/ui-common/hooks/use-why-did-you-update/index.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import { useRef as u, useEffect as f } from "react";
 function i(n, t) {
   const e = u({});

package/dist/ui-common/hooks/use-window-size/index.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import m from "lodash/debounce";
 import { useState as s, useDeferredValue as d, useMemo as p, useEffect as c } from "react";
 import "../../utils/is.js";

package/dist/ui-common/hooks/utils/createEffectWithTarget.js

@@ -1,21 +1,23 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import { useRef as n } from "react";
-import p from "../use-unmount/index.js";
-import f from "./depsAreSame.js";
+import "../../utils/is.js";
+import a from "../use-unmount/index.js";
+import i from "./depsAreSame.js";
 import l from "./domTarget.js";
-const A = (a) => (s, u, c) => {
-  const o = n(!1), r = n([]), m = n([]), t = n(void 0);
-  a(() => {
-    const e = (Array.isArray(c) ? c : [c]).map((i) => l(i));
-    if (!o.current) {
-      o.current = !0, r.current = e, m.current = u, t.current = s();
+import { isArray as d } from "@unicom-cloud/utils/is";
+const R = (s) => (f, o, u) => {
+  const c = n(!1), r = n([]), m = n([]), t = n(void 0);
+  s(() => {
+    const e = (d(u) ? u : [u]).map((p) => l(p));
+    if (!c.current) {
+      c.current = !0, r.current = e, m.current = o, t.current = f();
       return;
     }
-    (e.length !== r.current.length || !f(r.current, e) || !f(m.current, u)) && (t.current?.(), r.current = e, m.current = u, t.current = s());
-  }), p(() => {
-    t.current?.(), o.current = !1;
+    (e.length !== r.current.length || !i(r.current, e) || !i(m.current, o)) && (t.current?.(), r.current = e, m.current = o, t.current = f());
+  }), a(() => {
+    t.current?.(), c.current = !1;
   });
 };
 export {
-  A as default
+  R as default
 };

package/dist/ui-common/hooks/utils/depsAreSame.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 function u(t, r) {
   if (t === r)
     return !0;

package/dist/ui-common/hooks/utils/depsEqual.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import "../../utils/is.js";
 import { isEqual as p } from "@unicom-cloud/utils/is";
 const t = (o = [], m = []) => p(o, m);

package/dist/ui-common/hooks/utils/domTarget.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import "../../utils/is.js";
 import { isBrowser as i } from "@unicom-cloud/utils/constant/platform";
 import { isFunction as o } from "@unicom-cloud/utils/is";

package/dist/ui-common/hooks/utils/getDocumentOrShadow.js

@@ -1,13 +1,15 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
+import "../../utils/is.js";
 import r from "./domTarget.js";
-const n = (o) => o.every((t) => {
-  const e = r(t);
-  return e ? e.getRootNode() instanceof ShadowRoot : !1;
-}), d = (o) => o ? o.getRootNode() : document, a = (o) => {
+import { isArray as n } from "@unicom-cloud/utils/is";
+const m = (o) => o.every((e) => {
+  const t = r(e);
+  return t ? t.getRootNode() instanceof ShadowRoot : !1;
+}), c = (o) => o ? o.getRootNode() : document, a = (o) => {
   if (!o || !document.getRootNode)
     return document;
-  const t = Array.isArray(o) ? o : [o];
-  return n(t) ? d(r(t[0])) : document;
+  const e = n(o) ? o : [o];
+  return m(e) ? c(r(e[0])) : document;
 };
 export {
   a as default

package/dist/ui-common/hooks/utils/isDev.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 const e = process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test";
 export {
   e as default

package/dist/ui-common/hooks/utils/rect.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 function t(e) {
   return e === document || e === document.documentElement || e === document.body ? Math.max(
     window.pageYOffset,

package/dist/ui-common/hooks/utils/useDeepCompareWithTarget.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import { useRef as e } from "react";
 import c from "./useEffectWithTarget.js";
 import { depsEqual as n } from "./depsEqual.js";

package/dist/ui-common/hooks/utils/useEffectWithTarget.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import { useEffect as o } from "react";
 import t from "./createEffectWithTarget.js";
 const e = t(o);

package/dist/ui-common/hooks/utils/useIsomorphicLayoutEffectWithTarget.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import { isBrowser as o } from "@unicom-cloud/utils/constant/platform";
 import r from "./useEffectWithTarget.js";
 import m from "./useLayoutEffectWithTarget.js";

package/dist/ui-common/hooks/utils/useLayoutEffectWithTarget.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import { useLayoutEffect as o } from "react";
 import t from "./createEffectWithTarget.js";
 const e = t(o);

package/dist/ui-common/icons/file/index.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import { UI_COMMON_PREFIX as n } from "@unicom-cloud/utils/constant/ui";
 import { forwardRef as f } from "react";

package/dist/ui-common/space/index.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import { jsx as a, jsxs as C } from "react/jsx-runtime";
 import { UI_COMMON_PREFIX as O } from "@unicom-cloud/utils/constant/ui";
 import { forwardRef as u, Fragment as b } from "react";

package/dist/ui-common/suspense-fallback-test/index.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import { jsx as s } from "react/jsx-runtime";
 import e from "react";
 const a = (t, m) => {

package/dist/ui-common/transition-group/CSSTransition.js

@@ -1,15 +1,16 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import { jsx as h } from "react/jsx-runtime";
 import { isString as l } from "@unicom-cloud/utils/is";
 import d from "react";
-import m from "./Transition.js";
-import E from "@unicom-cloud/utils/dom-helpers/reflow";
+import m from "@unicom-cloud/utils/dom-helpers/reflow";
+import "../utils/is.js";
+import E from "./Transition.js";
 function n(r, s, e = "add") {
   r instanceof Element && s && l(s) && s.split(" ").filter(Boolean).forEach((t, i, o) => {
     r.classList[e](t);
   });
 }
-class u extends d.Component {
+class f extends d.Component {
   constructor() {
     super(...arguments), this.refElement = void 0, this.appliedClasses = {
       appear: {},
@@ -59,7 +60,7 @@ class u extends d.Component {
   addClass(s, e, t) {
     let i = this.getClassNames(e)[`${t}ClassName`];
     const { doneClassName: o } = this.getClassNames("enter");
-    e === "appear" && t === "done" && o && (i += ` ${o}`), t === "active" && s && E(s), i && (this.appliedClasses[e][t] = i, n(s, i, "add"));
+    e === "appear" && t === "done" && o && (i += ` ${o}`), t === "active" && s && m(s), i && (this.appliedClasses[e][t] = i, n(s, i, "add"));
   }
   removeClasses(s, e) {
     const {
@@ -72,7 +73,7 @@ class u extends d.Component {
   render() {
     const { classNames: s, ...e } = this.props;
     return /* @__PURE__ */ h(
-      m,
+      E,
       {
         ...e,
         onEnter: this.onEnter,
@@ -86,5 +87,5 @@ class u extends d.Component {
   }
 }
 export {
-  u as default
+  f as default
 };

package/dist/ui-common/transition-group/PqbCSSTransition.js

@@ -1,11 +1,11 @@
-/* 2025-10-30 15:47:58 */
-import { jsx as l } from "react/jsx-runtime";
-import { useRef as f, useMemo as s, cloneElement as u, isValidElement as a } from "react";
+/* 2025-11-03 10:27:46 */
+import { jsx as u } from "react/jsx-runtime";
+import { useRef as f, useMemo as l, cloneElement as s, isValidElement as a } from "react";
 import { supportRef as d } from "../utils/is.js";
 import { findDOMNode as E, callbackOriginRef as p } from "../utils/reactDOM.js";
 import v from "./CSSTransition.js";
 function O(t) {
-  const { children: e, ...i } = t, n = f(void 0), o = f(void 0), m = s(() => t.refElement === void 0 && d(e) && a(e) ? (o.current = !0, u(e, {
+  const { children: e, ...i } = t, n = f(void 0), o = f(void 0), m = l(() => t.refElement === void 0 && d(e) && a(e) ? (o.current = !0, s(e, {
     ref(r) {
       n.current = E(r), p(e, r);
     }
@@ -21,7 +21,7 @@ function O(t) {
     t[r] && (i[r] = (x, ...c) => {
       t[r](n.current, ...c);
     });
-  }), /* @__PURE__ */ l(
+  }), /* @__PURE__ */ u(
     v,
     {
       ...i,

package/dist/ui-common/transition-group/ReplaceTransition.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import { jsx as d } from "react/jsx-runtime";
 import i from "react";
 import l from "react-dom";

package/dist/ui-common/transition-group/SwitchTransition.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import { jsx as m } from "react/jsx-runtime";
 import r from "react";
 import { ENTERED as c, ENTERING as a, EXITING as h } from "./Transition.js";

package/dist/ui-common/transition-group/Transition.js

@@ -1,9 +1,10 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import { jsx as S } from "react/jsx-runtime";
 import c from "react";
 import E from "react-dom";
-import x from "./TransitionGroupContext.js";
 import N from "@unicom-cloud/utils/dom-helpers/reflow";
+import "../utils/is.js";
+import x from "./TransitionGroupContext.js";
 const h = "unmounted", r = "exited", a = "entering", l = "entered", d = "exiting";
 class p extends c.Component {
   constructor(t, e) {

package/dist/ui-common/transition-group/TransitionGroup.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import { jsx as o } from "react/jsx-runtime";
 import l from "react";
 import d from "./TransitionGroupContext.js";

package/dist/ui-common/transition-group/TransitionGroupContext.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import t from "react";
 const o = t.createContext(null);
 export {

package/dist/ui-common/transition-group/utils/ChildMapping.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import { isValidElement as c, cloneElement as d, Children as s } from "react";
 function g(n, t) {
   let l = (e) => t && c(e) ? t(e) : e, u = /* @__PURE__ */ Object.create(null);

package/dist/ui-common/utils/compute.js

@@ -0,0 +1,142 @@
+/* 2025-11-03 10:27:46 */
+import "./is.js";
+import { isFunction as z, isElement as Q } from "@unicom-cloud/utils/is";
+const k = (t, e) => !(e && t === "hidden" || t === "visible" || t === "clip"), _ = (t) => {
+  if (!t.ownerDocument || !t.ownerDocument.defaultView)
+    return null;
+  try {
+    return t.ownerDocument.defaultView.frameElement;
+  } catch {
+    return null;
+  }
+}, U = (t) => {
+  const e = _(t);
+  return e ? e.clientHeight < t.scrollHeight || e.clientWidth < t.scrollWidth : !1;
+}, D = (t, e) => {
+  if (t.clientHeight < t.scrollHeight) {
+    const i = getComputedStyle(t);
+    if (k(i.overflowY, e) || k(i.overflowX, e) || U(t))
+      return !0;
+  }
+  if (t.clientWidth < t.scrollWidth) {
+    const i = getComputedStyle(t);
+    if (k(i.overflowX, e) || k(i.overflowY, e) || U(t))
+      return !0;
+  }
+  return !1;
+}, L = (t, e, i, l, d, f, m, g) => f < t && m > e || f > t && m < e ? 0 : f <= t && g <= i || m >= e && g >= i ? f - t - l : m > e && g < i || f < t && g > i ? m - e + d : 0, tt = (t) => t.parentElement ? t.parentElement : t.getRootNode() instanceof ShadowRoot ? t.getRootNode().host : null, et = (t) => {
+  const e = window.getComputedStyle(t);
+  return {
+    top: parseFloat(e.scrollMarginTop) || 0,
+    right: parseFloat(e.scrollMarginRight) || 0,
+    bottom: parseFloat(e.scrollMarginBottom) || 0,
+    left: parseFloat(e.scrollMarginLeft) || 0
+  };
+}, rt = (t, e) => {
+  if (typeof document > "u")
+    return [];
+  const {
+    scrollMode: i = "always",
+    block: l = "center",
+    inline: d = "nearest",
+    boundary: f = null,
+    skipOverflowHiddenElements: m = !1
+  } = e, g = z(f) ? f : (o) => o !== f;
+  if (!Q(t))
+    throw new TypeError("Invalid target");
+  const N = document.scrollingElement || document.documentElement, X = [];
+  let s = t;
+  for (; Q(s) && g(s); ) {
+    if (s = tt(s), s === N) {
+      X.push(s);
+      break;
+    }
+    s === document.body && D(s) && !D(document.documentElement) || s && D(s, m) && X.push(s);
+  }
+  const u = window.visualViewport?.width ?? innerWidth, p = window.visualViewport?.height ?? innerHeight, { scrollX: w, scrollY: W } = window, Z = t.getBoundingClientRect(), {
+    height: b,
+    width: H,
+    top: M,
+    right: Y,
+    bottom: O,
+    left: y
+  } = Z, h = et(t);
+  let a = l === "start" || l === "nearest" ? M - h.top : l === "end" ? O + h.bottom : M + b / 2 - h.top + h.bottom, c = d === "center" ? y + H / 2 - h.left + h.right : d === "end" ? Y + h.right : y - h.left;
+  const P = [];
+  for (const o of X) {
+    const $ = o.getBoundingClientRect(), { height: E, width: v, top: F, right: j, bottom: q, left: R } = $;
+    if (i === "if-needed" && M >= 0 && y >= 0 && O <= p && Y <= u && (o === N && !D(o) || M >= F && O <= q && y >= R && Y <= j))
+      return P;
+    const S = getComputedStyle(o), C = parseInt(S.borderLeftWidth, 10) || 0, x = parseInt(S.borderTopWidth, 10) || 0, B = parseInt(S.borderRightWidth, 10) || 0, I = parseInt(S.borderBottomWidth, 10) || 0;
+    let n = 0, r = 0;
+    const T = "offsetWidth" in o ? o.offsetWidth - o.clientWidth - C - B : 0, V = "offsetHeight" in o ? o.offsetHeight - o.clientHeight - x - I : 0, A = "offsetWidth" in o && o.offsetWidth !== 0 ? v / o.offsetWidth : 1, G = "offsetHeight" in o && o.offsetHeight !== 0 ? E / o.offsetHeight : 1;
+    if (N === o)
+      l === "start" ? n = a : l === "end" ? n = a - p : l === "nearest" ? n = L(
+        W,
+        W + p,
+        p,
+        x,
+        I,
+        W + a,
+        W + a + b,
+        b
+      ) : n = a - p / 2, d === "start" ? r = c : d === "center" ? r = c - u / 2 : d === "end" ? r = c - u : r = L(
+        w,
+        w + u,
+        u,
+        C,
+        B,
+        w + c,
+        w + c + H,
+        H
+      ), n = Math.max(0, n + W), r = Math.max(0, r + w);
+    else {
+      l === "start" ? n = a - F - x : l === "end" ? n = a - q + I + V : l === "nearest" ? n = L(
+        F,
+        q,
+        E,
+        x,
+        I + V,
+        a,
+        a + b,
+        b
+      ) : n = a - (F + E / 2) + V / 2, d === "start" ? r = c - R - C : d === "center" ? r = c - (R + v / 2) + T / 2 : d === "end" ? r = c - j + B + T : r = L(
+        R,
+        j,
+        v,
+        C,
+        B + T,
+        c,
+        c + H,
+        H
+      );
+      const { scrollLeft: J, scrollTop: K } = o;
+      n = Math.max(
+        0,
+        Math.min(
+          K + n / G,
+          o.scrollHeight - E / G + V
+        )
+      ), r = Math.max(
+        0,
+        Math.min(
+          J + r / A,
+          o.scrollWidth - v / A + T
+        )
+      ), a += K - n, c += J - r;
+    }
+    P.push({ el: o, top: n, left: r });
+  }
+  return P;
+};
+export {
+  L as alignNearest,
+  k as canOverflow,
+  rt as compute,
+  rt as default,
+  _ as getFrameElement,
+  tt as getParentElement,
+  et as getScrollMargins,
+  U as isHiddenByFrame,
+  D as isScrollable
+};

package/dist/ui-common/utils/constant.js

@@ -1,4 +1,4 @@
-/* 2025-10-30 15:47:58 */
+/* 2025-11-03 10:27:46 */
 import { UI_PC_KEY as t, UI_PC_THEME_DARK_CLASS_NAME as n } from "@unicom-cloud/utils/constant/ui";
 const E = window.document.documentElement, _ = () => {
 };