@unicom-cloud/ui 0.8.89 → 0.8.91

package/components/common/hooks/useInView.js

@@ -0,0 +1,31 @@
+import { useState as w, useCallback as h, useEffect as m } from "react";
+import p, { supportIntersectionObserver as O } from "./useIntersectionObserver.js";
+function E(u) {
+  const {
+    defaultInView: s,
+    unobserverOnEnter: r = !0,
+    onChange: t,
+    target: n,
+    ...a
+  } = u, [f, l] = w(
+    O ? s : !0
+  ), b = h(
+    ([e], c) => {
+      const o = c.thresholds.some(
+        (I) => e.intersectionRatio >= I
+      ) && e.isIntersecting;
+      l(o), t == null || t(o, e), o && r && c.unobserve(e.target);
+    },
+    [t, r]
+  ), { cor: d, dor: i, observer: v } = p(
+    b,
+    a
+  );
+  return m(() => (s && r ? i() : n && d(n), i), [n, s, r]), {
+    inView: f,
+    observer: v
+  };
+}
+export {
+  E as default
+};

package/{chunk/B4WG1mhs.js → components/common/hooks/useIntersectionObserver.js}

@@ -1,24 +1,24 @@
 import { useRef as c } from "react";
 import { isServerRendering as i } from "../utils/dom.js";
-import "./ClM74To2.js";
+import "../utils/is.js";
 import { isUndefined as u } from "@unicom-cloud/utils/is";
-const v = !i && !u(window == null ? void 0 : window.IntersectionObserver);
-function O(t, s = {}) {
+const f = !i && !u(window == null ? void 0 : window.IntersectionObserver);
+function O(t, o = {}) {
   const r = c(), e = () => {
     r.current && (r.current.disconnect(), r.current = null);
-  }, o = (n) => {
-    n && (e(), v && (r.current = new IntersectionObserver(
+  }, s = (n) => {
+    n && (e(), f && (r.current = new IntersectionObserver(
       t,
-      s
+      o
     ), r.current.observe(n)));
   };
   return {
     observer: r.current,
-    cor: o,
+    cor: s,
     dor: e
   };
 }
 export {
-  v as s,
-  O as u
+  O as default,
+  f as supportIntersectionObserver
 };

package/components/common/hooks/useInterval.js

@@ -0,0 +1,18 @@
+import { useRef as l, useEffect as s } from "react";
+function o(t, e) {
+  const r = l(null), n = l(), u = () => {
+    e !== null && (r.current = setInterval(() => {
+      n.current();
+    }, e));
+  }, c = () => {
+    r.current && clearInterval(r.current);
+  }, a = () => {
+    c(), u();
+  };
+  return s(() => {
+    n.current = t;
+  }, [t]), s(() => (u(), c), [e]), a;
+}
+export {
+  o as default
+};

package/{chunk/oopARUrq.js → components/common/hooks/useIsFirstRender.js}

@@ -6,5 +6,5 @@ function u() {
   }, []), e.current;
 }
 export {
-  u
+  u as default
 };

package/components/common/hooks/useIsomorphicLayoutEffect.js

@@ -0,0 +1,6 @@
+import { useEffect as e, useLayoutEffect as o } from "react";
+import { isServerRendering as t } from "../utils/dom.js";
+const s = t ? e : o;
+export {
+  s as default
+};

package/components/common/hooks/useKeyboardEvent.js

@@ -0,0 +1,17 @@
+import { useCallback as u } from "react";
+import { Enter as E, ArrowDown as g, ArrowLeft as m, ArrowRight as D, ArrowUp as L } from "@unicom-cloud/utils/constant/keyboardCode";
+function h(r) {
+  return u(
+    (e) => ({
+      onKeyDown(n) {
+        var o, i, w, f, y, A;
+        const t = n.key;
+        t === E.key && ((o = e.onPressEnter) == null || o.call(e, n)), t === g.key && ((i = e.onArrowDown) == null || i.call(e, n)), t === m.key && ((w = e.onArrowLeft) == null || w.call(e, n)), t === D.key && ((f = e.onArrowRight) == null || f.call(e, n)), t === L.key && ((y = e.onArrowUp) == null || y.call(e, n)), (A = r == null ? void 0 : r.onKeyDown) == null || A.call(r, n);
+      }
+    }),
+    []
+  );
+}
+export {
+  h as default
+};

package/{chunk/BL9DMeor.js → components/common/hooks/useListenResize.js}

@@ -5,5 +5,5 @@ function o(e, n = []) {
   }), [...n]);
 }
 export {
-  o as u
+  o as default
 };

package/{chunk/BXAeh0_V.js → components/common/hooks/useMedia.js}

@@ -12,5 +12,5 @@ const m = (e, t) => t !== void 0 ? t : window.matchMedia(e).matches, h = (e, t)
   }, [e]), o;
 };
 export {
-  h as u
+  h as default
 };

package/{chunk/BFTV6myl.js → components/common/hooks/useMergeProps.js}

@@ -1,6 +1,6 @@
 import { useMemo as m } from "react";
-import { o as u } from "./BKKEev13.js";
-function f(r, e, i = {}) {
+import { omit as u } from "../utils/omit.js";
+function c(r, e, i = {}) {
   const { _ignorePropsFromGlobal: p } = r, o = m(() => ({
     ...e,
     ...p ? {} : i
@@ -15,5 +15,5 @@ function f(r, e, i = {}) {
   }, [r, o]);
 }
 export {
-  f as u
+  c as default
 };

package/{chunk/D5wldVRB.js → components/common/hooks/useMergeValue.js}

@@ -1,19 +1,19 @@
 import { useRef as i, useState as l, useEffect as c } from "react";
-import "./ClM74To2.js";
-import { u as m } from "./VSe_Wq1g.js";
+import "../utils/is.js";
+import m from "./usePrevious.js";
 import { isUndefined as t } from "@unicom-cloud/utils/is";
-function R(f, n) {
-  const { defaultValue: r, value: e } = n || {}, u = i(!0), s = m(e), [o, a] = l(
-    t(e) ? t(r) ? f : r : e
+function R(a, n) {
+  const { defaultValue: r, value: e } = n || {}, u = i(!0), s = m(e), [o, f] = l(
+    t(e) ? t(r) ? a : r : e
   );
   return c(() => {
     if (u.current) {
       u.current = !1;
       return;
     }
-    e === void 0 && (s === e || a(e));
-  }, [s, e]), [t(e) ? o : e, a, o];
+    e === void 0 && (s === e || f(e));
+  }, [s, e]), [t(e) ? o : e, f, o];
 }
 export {
-  R as u
+  R as default
 };

package/{chunk/zmmqLCF4.js → components/common/hooks/useOnlineStatus.js}

@@ -16,5 +16,5 @@ function r() {
   return i(e ? "Online" : "Offline"), e;
 }
 export {
-  r as u
+  r as default
 };

package/{chunk/DU1RCDfh.js → components/common/hooks/useOverflowHidden.js}

@@ -25,5 +25,5 @@ function a(o, { hidden: s }) {
   }), [o, s]), [i, l];
 }
 export {
-  a as u
+  a as default
 };

package/components/common/hooks/useOverrideRef.js

@@ -0,0 +1,14 @@
+import f, { useCallback as l, isValidElement as u, cloneElement as c } from "react";
+import { supportRef as a } from "../utils/is.js";
+import { callbackOriginRef as m } from "../utils/reactDOM.js";
+function R() {
+  const r = f.useRef(null);
+  return [l((e) => u(e) && a(e) ? c(e, {
+    ref: (t) => {
+      r.current = t, m(e, t);
+    }
+  }) : e, []), r];
+}
+export {
+  R as default
+};

package/{chunk/BsY85n3_.js → components/common/hooks/usePersistCallback.js}

@@ -1,5 +1,5 @@
 import { useRef as c, useCallback as n } from "react";
-function o(t) {
+function a(t) {
   const r = c();
   return r.current = t, n(
     (...u) => {
@@ -10,5 +10,5 @@ function o(t) {
   );
 }
 export {
-  o as u
+  a as default
 };

package/{chunk/rT6qmv-Y.js → components/common/hooks/usePrefersColorSchemeDark.js}

@@ -1,12 +1,12 @@
 import { MATCH_MEDIA_PREFERS_COLOR_SCHEME_DARK as e } from "@unicom-cloud/utils/constant";
 import { useState as o, useEffect as s } from "react";
-function f() {
-  const [r, n] = o(
+function m() {
+  const [r, a] = o(
     e.matches
   );
   return s(() => {
-    function t(a) {
-      n(!!a.matches);
+    function t(n) {
+      a(!!n.matches);
     }
     return e.addEventListener(
       "change",
@@ -20,5 +20,5 @@ function f() {
   }, []), r;
 }
 export {
-  f as u
+  m as default
 };

package/components/common/hooks/usePrevious.js

@@ -0,0 +1,10 @@
+import { useRef as t, useEffect as u } from "react";
+function n(r) {
+  const e = t();
+  return u(() => {
+    e.current = r;
+  }), e.current;
+}
+export {
+  n as default
+};

package/components/common/hooks/useRefs.js

@@ -0,0 +1,10 @@
+import { useRef as f } from "react";
+function c(s = []) {
+  const t = f(s), u = (e, r) => {
+    r !== void 0 ? t.current[r] = e : t.current.push(e);
+  };
+  return [t.current, u];
+}
+export {
+  c as default
+};

package/{chunk/CmZzBtA4.js → components/common/hooks/useResizeObserver.js}

@@ -1,9 +1,9 @@
 import { useRef as c } from "react";
-function o(t) {
+function o(n) {
   const r = c(), e = () => {
     r.current && (r.current.disconnect(), r.current = null);
-  }, s = (n) => {
-    n && (r.current && e(), r.current = new ResizeObserver(t), r.current.observe(n));
+  }, s = (t) => {
+    t && (r.current && e(), r.current = new ResizeObserver(n), r.current.observe(t));
   };
   return {
     currentOr: r.current,
@@ -12,5 +12,5 @@ function o(t) {
   };
 }
 export {
-  o as u
+  o as default
 };

package/{chunk/hEWZQ8Zi.js → components/common/hooks/useStateCallback.js}

@@ -1,16 +1,16 @@
 import { useState as c, useRef as o, useCallback as f, useEffect as S } from "react";
-function l(u) {
-  const [s, r] = c(u), t = o(), a = f(
+function i(u) {
+  const [s, a] = c(u), t = o(), r = f(
     (e, n) => {
-      t.current = n, r(e);
+      t.current = n, a(e);
     },
     []
   );
   return S(() => {
     var e;
     (e = t.current) == null || e.call(t, s);
-  }, [s]), [s, a];
+  }, [s]), [s, r];
 }
 export {
-  l as u
+  i as default
 };

package/{chunk/Duezix3m.js → components/common/hooks/useStateWithPromise.js}

@@ -1,18 +1,18 @@
-import { useState as a, useEffect as l } from "react";
+import { useState as l, useEffect as n } from "react";
 function i(o) {
-  const [e, r] = a({
+  const [e, r] = l({
     value: o,
     resolve: (t) => {
     }
   });
-  return l(() => {
+  return n(() => {
     e.resolve(e.value);
   }, [e]), [
     e.value,
     (t) => new Promise((s) => {
-      r((n) => {
+      r((a) => {
         let u = t;
-        return typeof t == "function" && (u = t(n.value)), {
+        return typeof t == "function" && (u = t(a.value)), {
           value: u,
           resolve: s
         };
@@ -21,5 +21,5 @@ function i(o) {
   ];
 }
 export {
-  i as u
+  i as default
 };

package/components/common/hooks/useUpdateEffect.js

@@ -0,0 +1,12 @@
+import { useRef as r, useEffect as u } from "react";
+function n(t, f = []) {
+  const e = r(!1);
+  u(() => {
+    if (e.current)
+      return t();
+    e.current = !0;
+  }, f);
+}
+export {
+  n as default
+};

package/components/common/hooks/useWatch.js

@@ -0,0 +1,11 @@
+import { useEffect as r } from "react";
+import e from "./usePrevious.js";
+function c(o, f) {
+  const t = e(o);
+  r(() => {
+    o !== t && f(o, t);
+  }, [o]);
+}
+export {
+  c as default
+};

package/{chunk/CB4jGw4K.js → components/common/hooks/useWindowSize.js}

@@ -1,11 +1,11 @@
 import d from "lodash/debounce";
 import { useState as l, useDeferredValue as h, useCallback as o, useEffect as m } from "react";
-import { u as z } from "./BL9DMeor.js";
-const R = (s = !1) => {
-  const [i, u] = l({
+import z from "./useListenResize.js";
+const R = (i = !1) => {
+  const [s, u] = l({
     ...n(null)
   }), c = h(
-    i
+    s
     // 延迟一个值与防抖和节流之间有什么不同？
     // 防抖 是指在用户停止输入一段时间（例如一秒钟）之后再更新列表。
     // 节流 是指每隔一段时间（例如最多每秒一次）更新列表。
@@ -25,9 +25,9 @@ const R = (s = !1) => {
     u(n(e));
   }
   const a = o(r, []), f = o(d(r, 123), []);
-  return z(s ? f : a, []), m(() => () => {
+  return z(i ? f : a, []), m(() => () => {
   }, []), c;
 };
 export {
-  R as u
+  R as default
 };

package/components/common/icons/file/index.js

@@ -0,0 +1,56 @@
+import { jsx as s, jsxs as n } from "react/jsx-runtime";
+import { UI_COMMON_PREFIX as d } from "@unicom-cloud/utils/constant/ui";
+import { forwardRef as f } from "react";
+import p from "@unicom-cloud/utils/class-name";
+function x(e, c) {
+  const { style: o, className: t, backgroundColor: a, color: r, text: i, ...m } = e, l = `${d}-icons-file`;
+  return /* @__PURE__ */ s("div", { className: p(l, t), children: /* @__PURE__ */ n(
+    "svg",
+    {
+      ref: c,
+      className: `${l}-svg`,
+      style: o,
+      ...m,
+      width: "100%",
+      height: "100%",
+      viewBox: "0 0 166 200",
+      version: "1.1",
+      children: [
+        /* @__PURE__ */ s(
+          "path",
+          {
+            className: `${l}-svg-bg`,
+            d: "M9.911,0c-5.4,0.149 -9.792,4.556 -9.911,9.944l0,179.114c-0.012,2.627 1.066,5.147 2.976,6.956c1.811,1.889 4.312,2.968 6.931,2.991l145.363,-0c2.623,0.008 5.134,-1.075 6.928,-2.985c1.88,-1.833 2.952,-4.34 2.976,-6.962l0,-132.696l-56.159,-56.362l-99.111,0l0.007,0Z",
+            style: {
+              fill: a
+            }
+          }
+        ),
+        /* @__PURE__ */ s(
+          "path",
+          {
+            className: `${l}-svg-tr`,
+            d: "M165.174,55.97l-46.193,0c-5.379,-0.13 -9.768,-4.505 -9.904,-9.872l0,-46.098l56.088,55.97l0.009,0Z"
+          }
+        ),
+        /* @__PURE__ */ s(
+          "text",
+          {
+            className: `${l}-svg-text`,
+            x: "16.351px",
+            y: "142.967px",
+            style: {
+              fill: r
+            },
+            children: i ?? "doc"
+          }
+        )
+      ]
+    }
+  ) });
+}
+const N = f(x);
+N.displayName = "IconFile";
+export {
+  N as default
+};

package/components/common/space/index.js

@@ -0,0 +1,110 @@
+import { jsx as s } from "react/jsx-runtime";
+import { UI_COMMON_PREFIX as C } from "@unicom-cloud/utils/constant/ui";
+import { forwardRef as c } from "react";
+import "@unicom-cloud/utils/case-name";
+import _ from "@unicom-cloud/utils/class-name";
+import "../../../dist/tinycolor/chunk/DGZSWe7E.js";
+import "@unicom-cloud/utils/clipboard-copy";
+import "../utils/dayjs.js";
+import "../utils/dom.js";
+import "@unicom-cloud/utils/file/fileToURL";
+import "lodash/escapeRegExp";
+import "lodash/isArray";
+import "lodash/isNumber";
+import "lodash/isString";
+import "../utils/is.js";
+import "lodash/camelCase";
+import "lodash/capitalize";
+import "lodash/cloneDeep";
+import "lodash/debounce";
+import "lodash/get";
+import "lodash/has";
+import "lodash/kebabCase";
+import "lodash/merge";
+import "lodash/mergeWith";
+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";
+import "lodash/isPlainObject";
+import "../../../dist/react-transition-group/src/CSSTransition.js";
+import "../../../dist/react-transition-group/src/ReplaceTransition.js";
+import "../../../dist/react-transition-group/src/SwitchTransition.js";
+import "../../../dist/react-transition-group/chunk/CPfP7aNL.js";
+import "../../../dist/react-transition-group/src/TransitionGroup.js";
+import "../utils/reactDOM.js";
+import "@unicom-cloud/utils/file/saveAs";
+import "@unicom-cloud/utils/screenfull";
+import "@unicom-cloud/utils/tree";
+import { isArray as l, isNumber as I } from "@unicom-cloud/utils/is";
+import "uuid";
+import "../../../dist/validate/src/index.js";
+import "@unicom-cloud/utils/constant/keyboardCode";
+function f(t = 8) {
+  if (I(t))
+    return t;
+  if (l(t))
+    return t.map((i, r, p) => f(i));
+  switch (t) {
+    case "mini":
+      return 4;
+    case "small":
+      return 8;
+    case "medium":
+      return 16;
+    case "large":
+      return 24;
+    default:
+      return 8;
+  }
+}
+function S(t, i) {
+  const r = `${C}-space`, {
+    className: p,
+    style: d,
+    children: $,
+    inline: y,
+    gap: N = "small",
+    direction: n = "horizontal",
+    wrap: h,
+    justifyContent: a,
+    alignItems: g,
+    ...w
+  } = t;
+  let e = g;
+  n === "horizontal" && (e || (e = "center"));
+  const o = f(N), m = { ...d };
+  return l(o) ? (m.rowGap = o[0], m.columnGap = o[1]) : m.gap = o, /* @__PURE__ */ s(
+    "div",
+    {
+      ref: i,
+      className: _(
+        `${r}`,
+        y && `${r}-inline`,
+        h && `${r}-wrap`,
+        `${r}-${n}`,
+        a && `${r}-justify-content-${a}`,
+        e && `${r}-align-items-${e}`,
+        p
+      ),
+      style: m,
+      ...w,
+      children: $
+    }
+  );
+}
+const u = c(S);
+u.displayName = "Space";
+function j(t, i) {
+  return /* @__PURE__ */ s(u, { ref: i, ...t, direction: "vertical", children: t.children });
+}
+const x = c(j);
+x.displayName = "SpaceVertical";
+export {
+  x as SpaceVertical,
+  u as default
+};

package/components/common/utils/PqbCSSTransition.js

@@ -0,0 +1,32 @@
+import { jsx as d } from "react/jsx-runtime";
+import u from "../../../dist/react-transition-group/src/CSSTransition.js";
+import "../../../dist/react-transition-group/src/ReplaceTransition.js";
+import "../../../dist/react-transition-group/src/SwitchTransition.js";
+import "../../../dist/react-transition-group/chunk/CPfP7aNL.js";
+import "../../../dist/react-transition-group/src/TransitionGroup.js";
+import { useRef as f, useMemo as l, isValidElement as a, cloneElement as s } from "react";
+import { supportRef as E } from "./is.js";
+import { findDOMNode_ as R, callbackOriginRef as x } from "./reactDOM.js";
+function j(n) {
+  const { children: e, ...i } = n, o = f(), t = f(), m = l(() => n.nodeRef === void 0 && E(e) && a(e) ? (t.current = !0, s(e, {
+    ref: (r) => {
+      o.current = R(r), x(e, r);
+    }
+  })) : (t.current = !1, e), [e, n.nodeRef]);
+  return t.current && [
+    "onEnter",
+    "onEntering",
+    "onEntered",
+    "onExit",
+    "onExiting",
+    "onExited"
+  ].forEach((r) => {
+    n[r] && (i[r] = (g, ...c) => {
+      n[r](o.current, ...c);
+    });
+  }), /* @__PURE__ */ d(u, { ...i, nodeRef: t.current ? o : void 0, children: m });
+}
+export {
+  j as PqbCSSTransition,
+  j as default
+};

package/{chunk/B6r8jPCd.js → components/common/utils/constant.js}

@@ -1,6 +1,6 @@
 const n = window.document.documentElement, o = () => {
 };
 export {
-  n as C,
-  o as N
+  n as CSS_VARIABLE_ELEMENT,
+  o as NOOP
 };

package/components/common/utils/copy.js

@@ -0,0 +1,7 @@
+import "@unicom-cloud/utils/clipboard-copy";
+import { default as r, default as t, default as d } from "@unicom-cloud/utils/clipboard-copy";
+export {
+  r as clipboardCopy,
+  t as copy,
+  d as default
+};