@unicom-cloud/ui 0.8.96 → 0.8.97

package/components/common/hooks/useWindowSize.js

@@ -3,7 +3,7 @@ import { useState as l, useDeferredValue as h, useCallback as o, useEffect as m
 import z from "./useListenResize.js";
 const R = (i = !1) => {
   const [s, u] = l({
-    ...n(null)
+    ...t(null)
   }), c = h(
     s
     // 延迟一个值与防抖和节流之间有什么不同？
@@ -14,17 +14,17 @@ const R = (i = !1) => {
     // 此外，与防抖或节流不同，useDeferredValue 执行的延迟重新渲染默认是可中断的。这意味着，如果 React 正在重新渲染一个大型列表，但用户进行了另一次键盘输入，React 会放弃该重新渲染，先处理键盘输入，然后再次开始在后台渲染。相比之下，防抖和节流仍会产生不顺畅的体验，因为它们是阻塞的：它们仅仅是将渲染阻塞键盘输入的时刻推迟了。
     // 如果你要优化的工作不是在渲染期间发生的，那么防抖和节流仍然非常有用。例如，它们可以让你减少网络请求的次数。你也可以同时使用这些技术。
   );
-  function n(e) {
-    const t = (e == null ? void 0 : e.currentTarget) ?? (e == null ? void 0 : e.target) ?? window;
+  function t(e) {
+    const r = e?.currentTarget ?? e?.target ?? window;
     return {
-      width: (t == null ? void 0 : t.innerWidth) ?? 0,
-      height: (t == null ? void 0 : t.innerHeight) ?? 0
+      width: r?.innerWidth ?? 0,
+      height: r?.innerHeight ?? 0
     };
   }
-  function r(e) {
-    u(n(e));
+  function n(e) {
+    u(t(e));
   }
-  const a = o(r, []), f = o(d(r, 123), []);
+  const a = o(n, []), f = o(d(n, 123), []);
   return z(i ? f : a, []), m(() => () => {
   }, []), c;
 };

package/components/common/space/index.js

@@ -4,6 +4,7 @@ import { forwardRef as c } from "react";
 import "@unicom-cloud/utils/case-name";
 import _ from "@unicom-cloud/utils/class-name";
 import "../../../dist/tinycolor/chunk/BOzCVdr0.js";
+import "@unicom-cloud/utils/dayjs";
 import "@unicom-cloud/utils/clipboard-copy";
 import "../utils/dayjs.js";
 import "../utils/dom.js";
@@ -12,6 +13,8 @@ import "lodash/escapeRegExp";
 import "lodash/isArray";
 import "lodash/isNumber";
 import "lodash/isString";
+import "lodash/isFunction";
+import "lodash/throttle";
 import "../utils/is.js";
 import "lodash/camelCase";
 import "lodash/capitalize";
@@ -26,7 +29,6 @@ import "lodash/set";
 import "lodash/setWith";
 import "lodash/snakeCase";
 import "lodash/startCase";
-import "lodash/throttle";
 import "lodash/uniq";
 import "lodash/upperFirst";
 import "@unicom-cloud/utils/math";
@@ -48,7 +50,7 @@ function f(t = 8) {
   if (I(t))
     return t;
   if (l(t))
-    return t.map((i, r, p) => f(i));
+    return t.map((i, r, e) => f(i));
   switch (t) {
     case "mini":
       return 4;
@@ -64,7 +66,7 @@ function f(t = 8) {
 }
 function S(t, i) {
   const r = `${C}-space`, {
-    className: p,
+    className: e,
     style: d,
     children: $,
     inline: y,
@@ -75,8 +77,8 @@ function S(t, i) {
     alignItems: g,
     ...w
   } = t;
-  let e = g;
-  n === "horizontal" && (e || (e = "center"));
+  let p = g;
+  n === "horizontal" && (p ||= "center");
   const o = f(N), m = { ...d };
   return l(o) ? (m.rowGap = o[0], m.columnGap = o[1]) : m.gap = o, /* @__PURE__ */ s(
     "div",
@@ -88,8 +90,8 @@ function S(t, i) {
         h && `${r}-wrap`,
         `${r}-${n}`,
         a && `${r}-justify-content-${a}`,
-        e && `${r}-align-items-${e}`,
-        p
+        p && `${r}-align-items-${p}`,
+        e
       ),
       style: m,
       ...w,

package/components/common/utils/convertToDurationBasedOnTimeUnits.js

@@ -0,0 +1,6 @@
+import "@unicom-cloud/utils/dayjs";
+import { convertToDurationBasedOnTimeUnits as i, convertToDurationBasedOnTimeUnits as r } from "@unicom-cloud/utils/dayjs";
+export {
+  i as convertToDurationBasedOnTimeUnits,
+  r as default
+};

package/components/common/utils/dom.js

@@ -1,51 +1,49 @@
-import { NOOP as u } from "./constant.js";
-const f = function() {
+import { NOOP as i } from "./constant.js";
+const l = function() {
   try {
     return !(typeof window < "u" && document !== void 0);
   } catch {
     return !0;
   }
-}(), E = /* @__PURE__ */ function() {
-  return f ? u : function(t, c, o, n) {
-    var r;
-    (r = t == null ? void 0 : t.addEventListener) == null || r.call(t, c, o, n || !1);
+}(), w = /* @__PURE__ */ function() {
+  return l ? i : function(t, o, n, e) {
+    t?.addEventListener?.(o, n, e || !1);
   };
-}(), g = /* @__PURE__ */ function() {
-  return f ? u : function(t, c, o, n) {
-    var r;
-    (r = t == null ? void 0 : t.removeEventListener) == null || r.call(t, c, o, n || !1);
+}(), E = /* @__PURE__ */ function() {
+  return l ? i : function(t, o, n, e) {
+    t?.removeEventListener?.(o, n, e || !1);
   };
-}(), p = function(t, c) {
+}(), g = function(t, o) {
   if (!t)
     return !1;
   if (t.contains)
-    return t.contains(c);
-  let o = c;
-  for (; o; ) {
-    if (o === t)
+    return t.contains(o);
+  let n = o;
+  for (; n; ) {
+    if (n === t)
       return !0;
-    o = o.parentNode;
+    n = n.parentNode;
   }
   return !1;
 };
 function h(t) {
   if (!(t instanceof HTMLElement) || t === document.documentElement || t === window)
     return !1;
-  const c = t === document.documentElement ? t.clientHeight : t.offsetHeight, o = t === document.documentElement ? t.clientWidth : t.offsetWidth, n = t.scrollHeight, r = t.scrollWidth, i = window.getComputedStyle(t), l = i.getPropertyValue("overflow-x"), d = i.getPropertyValue("overflow-y"), s = ["scroll", "auto"], e = n > c && s.includes(d), a = r > o && s.includes(l);
-  return e || a;
+  const o = t === document.documentElement ? t.clientHeight : t.offsetHeight, n = t === document.documentElement ? t.clientWidth : t.offsetWidth, e = t.scrollHeight, s = t.scrollWidth, c = window.getComputedStyle(t), u = c.getPropertyValue("overflow-x"), f = c.getPropertyValue("overflow-y"), r = ["scroll", "auto"], d = e > o && r.includes(f), a = s > n && r.includes(u);
+  return d || a;
 }
-const v = (t, c = document.documentElement) => {
-  const o = [];
-  let n = t;
-  for (; n && n !== c; )
-    h(n) && o.push(n), n = n.parentElement;
-  return o;
+const p = (t, o = document.documentElement) => {
+  const n = [];
+  let e = t;
+  for (; e && e !== o; )
+    h(e) && n.push(e), e = e.parentElement;
+  return n;
 };
 export {
-  p as contains,
-  v as getScrollElements,
+  g as contains,
+  p as getScrollElements,
   h as isScrollElement,
-  f as isServerRendering,
-  g as off,
-  E as on
+  l as isServerRendering,
+  E as off,
+  w as on
 };

package/components/common/utils/findScrollParent.js

@@ -0,0 +1,17 @@
+function i(o, l = !1) {
+  if (!o) return document.documentElement;
+  const n = getComputedStyle(o), r = n.position === "absolute", c = l ? /(auto|scroll|hidden)/ : /(auto|scroll)/;
+  if (n.position === "fixed")
+    return document.documentElement;
+  for (let t = o; t = t.parentElement; ) {
+    const e = getComputedStyle(t);
+    if (!(r && e.position === "static") && (c.test(
+      e.overflow + e.overflowY + e.overflowX
+    ) || t.scrollHeight > t.clientHeight))
+      return t;
+  }
+  return document.documentElement;
+}
+export {
+  i as default
+};

package/components/common/utils/intersectionObserver.js

@@ -0,0 +1,21 @@
+import a from "lodash/isFunction";
+import f from "lodash/throttle";
+function h(c, n) {
+  const t = [].concat(c).filter(Boolean);
+  if (!(t.length && a(n))) return () => {
+  };
+  const o = f((...e) => {
+    n(...e);
+  }), r = new IntersectionObserver(o);
+  return t.forEach((e, i, s) => {
+    r.observe(e);
+  }), () => {
+    t.forEach((e, i, s) => {
+      r.unobserve(e);
+    }), r.disconnect(), o.cancel();
+  };
+}
+export {
+  h as default,
+  h as intersectionObserver
+};

package/components/common/utils/is.js

@@ -1,126 +1,116 @@
-import { isPlainObject as y } from "@unicom-cloud/utils/is";
-import { isArguments as V, isArray as W, isArrayBuffer as h, isArrayLike as k, isArrayLikeObject as B, isBlob as j, isBoolean as I, isBuffer as Y, isColor as q, isColor2 as z, isDate as U, isElement as H, isEmpty as J, isEmptyArray as G, isEmptyObject as K, isEmptyValue as Q, isEqual as X, isEqualWith as Z, isError as ii, isFile as si, isFinite as ri, isFunction as ei, isInteger as ti, isJSON as oi, isLength as ai, isMap as ni, isMatch as fi, isMatchWith as ui, isNaN as pi, isNative as li, isNil as ci, isNull as yi, isNumber as di, isObject as Ri, isObjectLike as Ei, isPlainObject as mi, isPromise as Si, isReadableByteStreamControllerSupported as $i, isReadableStream as Ci, isReadableStreamDefaultControllerSupported as Mi, isReadableStreamSupported as bi, isReadableStreamSymbolAsyncIteratorSupported as Ai, isRegExp as Ni, isSafeInteger as Ti, isSet as Fi, isString as Pi, isSymbol as gi, isTypedArray as Oi, isUndefined as wi, isValidColor as xi, isWeakMap as _i, isWeakSet as Di } from "@unicom-cloud/utils/is";
-import { isDayjs as d } from "dayjs";
-import { isValidElement as n } from "react";
-import f from "react-dom";
-import { isForwardRef as u, ForwardRef as t, Memo as R } from "react-is";
-import { isAsyncMode as vi, isConcurrentMode as Vi, isContextConsumer as Wi, isContextProvider as hi, isElement as ki, isForwardRef as Bi, isFragment as ji, isLazy as Ii, isMemo as Yi, isPortal as qi, isProfiler as zi, isStrictMode as Ui, isSuspense as Hi, isValidElementType as Ji } from "react-is";
-function P(i) {
+import { isPlainObject as l } from "@unicom-cloud/utils/is";
+import { isArguments as L, isArray as v, isArrayBuffer as V, isArrayLike as W, isArrayLikeObject as h, isBlob as k, isBoolean as B, isBuffer as j, isColor as I, isColor2 as Y, isDate as q, isElement as z, isEmpty as U, isEmptyArray as H, isEmptyObject as J, isEmptyValue as G, isEqual as K, isEqualWith as Q, isError as X, isFile as Z, isFinite as ii, isFunction as si, isInteger as ri, isJSON as ei, isLength as ti, isMap as oi, isMatch as ai, isMatchWith as ni, isNaN as fi, isNative as ui, isNil as pi, isNull as li, isNumber as ci, isObject as yi, isObjectLike as di, isPlainObject as Ri, isPromise as Ei, isReadableByteStreamControllerSupported as mi, isReadableStream as Si, isReadableStreamDefaultControllerSupported as $i, isReadableStreamSupported as Ci, isReadableStreamSymbolAsyncIteratorSupported as Mi, isRegExp as bi, isSafeInteger as Ai, isSet as Ni, isString as Ti, isSymbol as Fi, isTypedArray as Pi, isUndefined as gi, isValidColor as Oi, isWeakMap as wi, isWeakSet as xi } from "@unicom-cloud/utils/is";
+import { isDayjs as c } from "dayjs";
+import { isValidElement as o } from "react";
+import a from "react-dom";
+import { isForwardRef as n, ForwardRef as t, Memo as y } from "react-is";
+import { isAsyncMode as Di, isConcurrentMode as Li, isContextConsumer as vi, isContextProvider as Vi, isElement as Wi, isForwardRef as hi, isFragment as ki, isLazy as Bi, isMemo as ji, isPortal as Ii, isProfiler as Yi, isStrictMode as qi, isSuspense as zi, isValidElementType as Ui } from "react-is";
+function T(i) {
   return i == null;
 }
-function g(i, s) {
+function F(i, s) {
   return i == null || i === !1 || typeof i == "string" && (s ? i.trim() === "" : i === "");
 }
-function O(i) {
+function P(i) {
   return i || i === 0;
 }
-function w(i) {
+function g(i) {
   return i === window;
 }
-function x(i) {
-  return i && d(i) && typeof i.isValid == "function" && i.isValid() && y(i) && "$y" in i && "$M" in i && "$D" in i && "$d" in i && "$H" in i && "$m" in i && "$s" in i;
+function O(i) {
+  return i && c(i) && typeof i.isValid == "function" && i.isValid() && l(i) && "$y" in i && "$M" in i && "$D" in i && "$d" in i && "$H" in i && "$m" in i && "$s" in i;
 }
-const p = (i) => i && n(i) && typeof i.type == "function", E = (i) => {
-  var s;
-  return p(i) && !!((s = i.type.prototype) != null && s.isReactComponent);
-}, m = (i) => n(i) && typeof i.type == "string";
-var o;
-const _ = Number((o = f.version) == null ? void 0 : o.split(".")[0]) > 17;
-var a;
-const S = Number((a = f.version) == null ? void 0 : a.split(".")[0]) > 18, $ = (i) => {
-  if (!S)
-    return u(i);
-  const s = Symbol.for("react.element"), l = Symbol.for("react.transitional.element"), c = Symbol.for("react.forward_ref");
+const f = (i) => i && o(i) && typeof i.type == "function", d = (i) => f(i) && !!i.type.prototype?.isReactComponent, R = (i) => o(i) && typeof i.type == "string", w = Number(a.version?.split(".")[0]) > 17, E = Number(a.version?.split(".")[0]) > 18, m = (i) => {
+  if (!E)
+    return n(i);
+  const s = Symbol.for("react.element"), u = Symbol.for("react.transitional.element"), p = Symbol.for("react.forward_ref");
   if (typeof i == "object" && i !== null) {
     const r = i.$$typeof;
-    if (r === s || r === l) {
+    if (r === s || r === u) {
       const e = i.type;
-      return (e && e.$$typeof) === c;
+      return (e && e.$$typeof) === p;
     }
   }
   return !1;
-}, C = (i) => {
-  var s;
-  return i ? m(i) || $(i) || u(i) || i.$$typeof === t ? !0 : i.$$typeof === R ? ((s = i.type) == null ? void 0 : s.$$typeof) === t : p(i) ? E(i) : !1 : !1;
-}, D = C;
+}, S = (i) => i ? R(i) || m(i) || n(i) || i.$$typeof === t ? !0 : i.$$typeof === y ? i.type?.$$typeof === t : f(i) ? d(i) : !1 : !1, x = S;
 export {
-  V as isArguments,
-  W as isArray,
-  h as isArrayBuffer,
-  k as isArrayLike,
-  B as isArrayLikeObject,
-  j as isBlob,
-  I as isBoolean,
-  Y as isBuffer,
-  E as isClassComponent,
-  q as isColor,
-  z as isColor2,
-  m as isDOMElement,
-  U as isDate,
-  x as isDayjs,
-  H as isElement,
-  J as isEmpty,
-  G as isEmptyArray,
-  K as isEmptyObject,
-  g as isEmptyReactNode,
-  Q as isEmptyValue,
-  X as isEqual,
-  Z as isEqualWith,
-  ii as isError,
-  O as isExist,
-  si as isFile,
-  ri as isFinite,
-  $ as isForwardRefReact,
-  ei as isFunction,
-  ti as isInteger,
-  oi as isJSON,
-  ai as isLength,
-  ni as isMap,
-  fi as isMatch,
-  ui as isMatchWith,
-  pi as isNaN,
-  li as isNative,
-  ci as isNil,
-  yi as isNull,
-  P as isNullOrUndefined,
-  di as isNumber,
-  Ri as isObject,
-  Ei as isObjectLike,
-  mi as isPlainObject,
-  Si as isPromise,
-  _ as isReact18,
-  S as isReact19,
-  vi as isReactAsyncMode,
-  p as isReactComponent,
-  Vi as isReactConcurrentMode,
-  Wi as isReactContextConsumer,
-  hi as isReactContextProvider,
-  ki as isReactElement,
-  Bi as isReactForwardRef,
-  ji as isReactFragment,
-  Ii as isReactLazy,
-  Yi as isReactMemo,
-  qi as isReactPortal,
-  zi as isReactProfiler,
-  Ui as isReactStrictMode,
-  Hi as isReactSuspense,
-  Ji as isReactValidElementType,
-  $i as isReadableByteStreamControllerSupported,
-  Ci as isReadableStream,
-  Mi as isReadableStreamDefaultControllerSupported,
-  bi as isReadableStreamSupported,
-  Ai as isReadableStreamSymbolAsyncIteratorSupported,
-  Ni as isRegExp,
-  Ti as isSafeInteger,
-  Fi as isSet,
-  Pi as isString,
-  D as isSupportRef,
-  gi as isSymbol,
-  Oi as isTypedArray,
-  wi as isUndefined,
-  xi as isValidColor,
-  _i as isWeakMap,
-  Di as isWeakSet,
-  w as isWindow,
-  C as supportRef
+  L as isArguments,
+  v as isArray,
+  V as isArrayBuffer,
+  W as isArrayLike,
+  h as isArrayLikeObject,
+  k as isBlob,
+  B as isBoolean,
+  j as isBuffer,
+  d as isClassComponent,
+  I as isColor,
+  Y as isColor2,
+  R as isDOMElement,
+  q as isDate,
+  O as isDayjs,
+  z as isElement,
+  U as isEmpty,
+  H as isEmptyArray,
+  J as isEmptyObject,
+  F as isEmptyReactNode,
+  G as isEmptyValue,
+  K as isEqual,
+  Q as isEqualWith,
+  X as isError,
+  P as isExist,
+  Z as isFile,
+  ii as isFinite,
+  m as isForwardRefReact,
+  si as isFunction,
+  ri as isInteger,
+  ei as isJSON,
+  ti as isLength,
+  oi as isMap,
+  ai as isMatch,
+  ni as isMatchWith,
+  fi as isNaN,
+  ui as isNative,
+  pi as isNil,
+  li as isNull,
+  T as isNullOrUndefined,
+  ci as isNumber,
+  yi as isObject,
+  di as isObjectLike,
+  Ri as isPlainObject,
+  Ei as isPromise,
+  w as isReact18,
+  E as isReact19,
+  Di as isReactAsyncMode,
+  f as isReactComponent,
+  Li as isReactConcurrentMode,
+  vi as isReactContextConsumer,
+  Vi as isReactContextProvider,
+  Wi as isReactElement,
+  hi as isReactForwardRef,
+  ki as isReactFragment,
+  Bi as isReactLazy,
+  ji as isReactMemo,
+  Ii as isReactPortal,
+  Yi as isReactProfiler,
+  qi as isReactStrictMode,
+  zi as isReactSuspense,
+  Ui as isReactValidElementType,
+  mi as isReadableByteStreamControllerSupported,
+  Si as isReadableStream,
+  $i as isReadableStreamDefaultControllerSupported,
+  Ci as isReadableStreamSupported,
+  Mi as isReadableStreamSymbolAsyncIteratorSupported,
+  bi as isRegExp,
+  Ai as isSafeInteger,
+  Ni as isSet,
+  Ti as isString,
+  x as isSupportRef,
+  Fi as isSymbol,
+  Pi as isTypedArray,
+  gi as isUndefined,
+  Oi as isValidColor,
+  wi as isWeakMap,
+  xi as isWeakSet,
+  g as isWindow,
+  S as supportRef
 };

package/components/common/utils/mutationObserver.js

@@ -0,0 +1,19 @@
+import s from "lodash/isFunction";
+import u from "lodash/throttle";
+function m(i, e) {
+  const r = [].concat(i).filter(Boolean);
+  if (!(r.length && s(e))) return () => {
+  };
+  const o = u((...t) => {
+    e(...t);
+  }), n = new MutationObserver(o);
+  return r.forEach((t, c, a) => {
+    n.observe(t, { attributes: !0, childList: !0, subtree: !0 });
+  }), () => {
+    n.disconnect(), o.cancel();
+  };
+}
+export {
+  m as default,
+  m as mutationObserver
+};

package/components/common/utils/reactDOM.js

@@ -1,46 +1,46 @@
-import { Component as n } from "react";
-import u, { findDOMNode as f } from "react-dom";
-import { isReact18 as a } from "./is.js";
-import { warning as s } from "./warning.js";
-import { isFunction as i } from "@unicom-cloud/utils/is";
-const p = u;
-let e;
+import { Component as c } from "react";
+import a, { findDOMNode as r } from "react-dom";
+import { isReact18 as s } from "./is.js";
+import { warning as u } from "./warning.js";
+import { isFunction as f } from "@unicom-cloud/utils/is";
+const d = a;
+let n;
 try {
-  e = p.createRoot;
+  n = d.createRoot;
 } catch {
 }
-let r;
-function R(o) {
-  const t = o.constructor;
-  if (typeof t != "function")
+let e;
+function p(t) {
+  const o = t.constructor;
+  if (typeof o != "function")
     return !1;
-  !r && typeof WeakSet == "function" && (r = /* @__PURE__ */ new WeakSet());
-  const c = !!(r != null && r.has(t));
-  return r == null || r.add(t), c;
+  !e && typeof WeakSet == "function" && (e = /* @__PURE__ */ new WeakSet());
+  const i = !!e?.has(o);
+  return e?.add(o), i;
 }
-const N = (o, t) => {
-  if (o) {
-    if (o instanceof Element)
-      return o;
-    if (o.current instanceof Element)
-      return o.current;
-    if (i(o.getRootDOMNode))
-      return o.getRootDOMNode();
-    if (o instanceof n && f)
-      return f(o);
+const N = (t, o) => {
+  if (t) {
+    if (t instanceof Element)
+      return t;
+    if (t.current instanceof Element)
+      return t.current;
+    if (f(t.getRootDOMNode))
+      return t.getRootDOMNode();
+    if (t instanceof c && r)
+      return r(t);
   }
-  return t && (s(
-    a && !R(t),
+  return o && (u(
+    s && !p(o),
     "Element does not define the `getRootDOMNode` method causing a call to React.findDOMNode. but findDOMNode is deprecated in StrictMode. Please check the code logic",
-    { element: o, instance: t }
-  ), f) ? f(t) : null;
-}, m = (o, t) => {
-  o && o.ref && (i(o.ref) && (o == null || o.ref(t)), "current" in o.ref && (o.ref.current = t));
-}, y = (o) => {
-  e = o;
+    { element: t, instance: o }
+  ), r) ? r(o) : null;
+}, m = (t, o) => {
+  t && t.ref && (f(t.ref) && t?.ref(o), "current" in t.ref && (t.ref.current = o));
+}, k = (t) => {
+  n = t;
 };
 export {
   m as callbackOriginRef,
   N as findDOMNode_,
-  y as setCreateRoot
+  k as setCreateRoot
 };

package/components/common/utils/resizeObserver.js

@@ -0,0 +1,21 @@
+import a from "lodash/isFunction";
+import f from "lodash/throttle";
+function h(s, t) {
+  const r = [].concat(s).filter(Boolean);
+  if (!(r.length && a(t))) return () => {
+  };
+  const n = f((...e) => {
+    t(...e);
+  }), o = new ResizeObserver(n);
+  return r.forEach((e, i, c) => {
+    o.observe(e);
+  }), () => {
+    r.forEach((e, i, c) => {
+      o.unobserve(e);
+    }), o.disconnect(), n.cancel();
+  };
+}
+export {
+  h as default,
+  h as resizeObserver
+};