@unicom-cloud/ui 0.8.44 → 0.8.46

package/hooks/useMouse.js

@@ -1,9 +1,9 @@
 import { useEffect as m } from "react";
-import i from "./useRafState.js";
-import { o as g, a as X } from "../chunk/TXCrI0jN.js";
+import { on as i, off as g } from "./misc/util.js";
+import X from "./useRafState.js";
 const E = (e) => {
   process.env.NODE_ENV === "development" && (typeof e != "object" || typeof e.current > "u") && console.error("useMouse expects a single ref argument.");
-  const [c, p] = i({
+  const [c, p] = X({
     docX: 0,
     docY: 0,
     posX: 0,
@@ -19,8 +19,8 @@ const E = (e) => {
         const {
           left: r,
           top: u,
-          width: a,
-          height: f
+          width: f,
+          height: a
         } = e.current.getBoundingClientRect(), s = r + window.pageXOffset, n = u + window.pageYOffset, d = o.pageX - s, l = o.pageY - n;
         p({
           docX: o.pageX,
@@ -29,13 +29,13 @@ const E = (e) => {
           posY: n,
           elX: d,
           elY: l,
-          elH: f,
-          elW: a
+          elH: a,
+          elW: f
         });
       }
     };
-    return g(document, "mousemove", t), () => {
-      X(document, "mousemove", t);
+    return i(document, "mousemove", t), () => {
+      g(document, "mousemove", t);
     };
   }, [e]), c;
 };

package/hooks/useMouseWheel.js

@@ -1,14 +1,14 @@
-import { useState as s, useEffect as r } from "react";
-import { o as u, a } from "../chunk/TXCrI0jN.js";
-const c = () => {
-  const [e, t] = s(0);
-  return r(() => {
+import { useState as r, useEffect as s } from "react";
+import { on as u, off as f } from "./misc/util.js";
+const d = () => {
+  const [e, t] = r(0);
+  return s(() => {
     const o = (l) => {
       t(l.deltaY + e);
     };
-    return u(window, "wheel", o, !1), () => a(window, "wheel", o);
+    return u(window, "wheel", o, !1), () => f(window, "wheel", o);
   }), e;
 };
 export {
-  c as default
+  d as default
 };

package/hooks/useNetworkState.js

@@ -1,12 +1,12 @@
 import { useState as l, useEffect as r } from "react";
-import { o as f, a as s, b as d } from "../chunk/TXCrI0jN.js";
+import { on as a, off as s, isNavigator as d } from "./misc/util.js";
 const t = d ? navigator : void 0, e = t && (t.connection || t.mozConnection || t.webkitConnection);
 function w(n) {
-  const o = t == null ? void 0 : t.onLine, a = n == null ? void 0 : n.online;
+  const o = t == null ? void 0 : t.onLine, f = n == null ? void 0 : n.online;
   return {
     online: o,
-    previous: a,
-    since: o !== a ? /* @__PURE__ */ new Date() : n == null ? void 0 : n.since,
+    previous: f,
+    since: o !== f ? /* @__PURE__ */ new Date() : n == null ? void 0 : n.since,
     downlink: e == null ? void 0 : e.downlink,
     downlinkMax: e == null ? void 0 : e.downlinkMax,
     effectiveType: e == null ? void 0 : e.effectiveType,
@@ -16,12 +16,12 @@ function w(n) {
   };
 }
 function k(n) {
-  const [o, a] = l(n ?? w);
+  const [o, f] = l(n ?? w);
   return r(() => {
     const i = () => {
-      a(w);
+      f(w);
     };
-    return f(window, "online", i, { passive: !0 }), f(window, "offline", i, { passive: !0 }), e && f(e, "change", i, { passive: !0 }), () => {
+    return a(window, "online", i, { passive: !0 }), a(window, "offline", i, { passive: !0 }), e && a(e, "change", i, { passive: !0 }), () => {
       s(window, "online", i), s(window, "offline", i), e && s(e, "change", i);
     };
   }, []), o;

package/hooks/useOrientation.js

@@ -1,30 +1,29 @@
 import { useState as f, useEffect as w } from "react";
-import { o as d, a as u } from "../chunk/TXCrI0jN.js";
+import { on as d, off as u } from "./misc/util.js";
 const l = {
   angle: 0,
   type: "landscape-primary"
 }, g = (n = l) => {
-  const [i, e] = f(n);
+  const [a, e] = f(n);
   return w(() => {
     const r = window.screen;
     let o = !0;
     const t = () => {
       if (o) {
-        const { orientation: a } = r;
-        if (a) {
-          const { angle: s, type: c } = a;
+        const { orientation: i } = r;
+        if (i) {
+          const { angle: s, type: c } = i;
           e({ angle: s, type: c });
-        } else
-          window.orientation !== void 0 ? e({
-            angle: typeof window.orientation == "number" ? window.orientation : 0,
-            type: ""
-          }) : e(n);
+        } else window.orientation !== void 0 ? e({
+          angle: typeof window.orientation == "number" ? window.orientation : 0,
+          type: ""
+        }) : e(n);
       }
     };
     return d(window, "orientationchange", t), t(), () => {
       o = !1, u(window, "orientationchange", t);
     };
-  }, []), i;
+  }, []), a;
 };
 export {
   g as default

package/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/hooks/usePageLeave.js

@@ -1,6 +1,6 @@
 import { useEffect as u } from "react";
-import { o as f, a as s } from "../chunk/TXCrI0jN.js";
-const d = (t, m = []) => {
+import { on as f, off as n } from "./misc/util.js";
+const a = (t, m = []) => {
   u(() => {
     if (!t)
       return;
@@ -10,10 +10,10 @@ const d = (t, m = []) => {
       (!r || r.nodeName === "HTML") && t();
     };
     return f(document, "mouseout", e), () => {
-      s(document, "mouseout", e);
+      n(document, "mouseout", e);
     };
   }, m);
 };
 export {
-  d as default
+  a as default
 };

package/hooks/usePermission.js

@@ -1,18 +1,18 @@
-import { useState as u, useEffect as f } from "react";
-import { o as l, n as c, a as h } from "../chunk/TXCrI0jN.js";
+import { useState as s, useEffect as f } from "react";
+import { on as l, noop as c, off as h } from "./misc/util.js";
 const i = (n) => {
-  const [o, r] = u("");
+  const [r, a] = s("");
   return f(() => {
-    let a = !0, t = null;
+    let o = !0, t = null;
     const e = () => {
-      a && r(() => (t == null ? void 0 : t.state) ?? "");
+      o && a(() => (t == null ? void 0 : t.state) ?? "");
     };
-    return navigator.permissions.query(n).then((s) => {
-      t = s, l(t, "change", e), e();
+    return navigator.permissions.query(n).then((u) => {
+      t = u, l(t, "change", e), e();
     }).catch(c), () => {
-      t && h(t, "change", e), a = !1, t = null;
+      t && h(t, "change", e), o = !1, t = null;
     };
-  }, [n]), o;
+  }, [n]), r;
 };
 export {
   i as default

package/hooks/usePersistCallback.js

@@ -0,0 +1,15 @@
+import { useRef as s, useCallback as c } from "react";
+function a(t) {
+  const r = s();
+  return r.current = t, c(
+    // @ts-ignore
+    (...u) => {
+      const e = r.current;
+      return e == null ? void 0 : e(...u);
+    },
+    [r]
+  );
+}
+export {
+  a as default
+};

package/hooks/useScroll.js

@@ -1,13 +1,13 @@
-import { useEffect as s } from "react";
-import c from "./useRafState.js";
-import { o as n, a as u } from "../chunk/TXCrI0jN.js";
+import { useEffect as c } from "react";
+import { on as n, off as s } from "./misc/util.js";
+import u from "./useRafState.js";
 const f = (e) => {
   process.env.NODE_ENV === "development" && (typeof e != "object" || typeof e.current > "u") && console.error("`useScroll` expects a single ref argument.");
-  const [r, o] = c({
+  const [r, o] = u({
     x: 0,
     y: 0
   });
-  return s(() => {
+  return c(() => {
     const t = () => {
       e.current && o({
         x: e.current.scrollLeft,
@@ -18,7 +18,7 @@ const f = (e) => {
       capture: !1,
       passive: !0
     }), () => {
-      e.current && u(e.current, "scroll", t);
+      e.current && s(e.current, "scroll", t);
     };
   }, [e]), r;
 };

package/hooks/useScrolling.js

@@ -1,17 +1,17 @@
-import { useState as n, useEffect as c } from "react";
-import { o as u, a } from "../chunk/TXCrI0jN.js";
+import { useState as c, useEffect as s } from "react";
+import { on as u, off as i } from "./misc/util.js";
 const m = (l) => {
-  const [o, r] = n(!1);
-  return c(() => {
+  const [o, r] = c(!1);
+  return s(() => {
     if (l.current) {
       let t;
-      const s = () => {
+      const n = () => {
         r(!1);
       }, e = () => {
-        r(!0), clearTimeout(t), t = setTimeout(() => s(), 150);
+        r(!0), clearTimeout(t), t = setTimeout(() => n(), 150);
       };
       return u(l.current, "scroll", e, !1), () => {
-        l.current && a(l.current, "scroll", e, !1);
+        l.current && i(l.current, "scroll", e, !1);
       };
     }
     return () => {

package/hooks/useSearchParam.js

@@ -1,12 +1,12 @@
 import { useState as w, useEffect as u } from "react";
-import { i, o, a as s } from "../chunk/TXCrI0jN.js";
-const r = (a, t) => new URLSearchParams(a).get(t), l = (a) => {
-  const t = window.location, [n, c] = w(
-    () => r(t.search, a)
+import { isBrowser as i, on as o, off as s } from "./misc/util.js";
+const r = (t, a) => new URLSearchParams(t).get(a), l = (t) => {
+  const a = window.location, [n, c] = w(
+    () => r(a.search, t)
   );
   return u(() => {
     const e = () => {
-      c(r(t.search, a));
+      c(r(a.search, t));
     };
     return o(window, "popstate", e), o(window, "pushstate", e), o(window, "replacestate", e), () => {
       s(window, "popstate", e), s(window, "pushstate", e), s(window, "replacestate", e);

package/hooks/useSessionStorage.js

@@ -1,28 +1,28 @@
 import { useState as S, useEffect as g } from "react";
-import { i as f } from "../chunk/TXCrI0jN.js";
-const a = (e, t, r) => {
+import { isBrowser as f } from "./misc/util.js";
+const m = (s, t, r) => {
   if (!f)
     return [t, () => {
     }];
   const [o, n] = S(() => {
     try {
-      const s = sessionStorage.getItem(e);
-      return typeof s != "string" ? (sessionStorage.setItem(
-        e,
+      const e = sessionStorage.getItem(s);
+      return typeof e != "string" ? (sessionStorage.setItem(
+        s,
         r ? String(t) : JSON.stringify(t)
-      ), t) : r ? s : JSON.parse(s || "null");
+      ), t) : r ? e : JSON.parse(e || "null");
     } catch {
       return t;
     }
   });
   return g(() => {
     try {
-      const s = r ? String(o) : JSON.stringify(o);
-      sessionStorage.setItem(e, s);
+      const e = r ? String(o) : JSON.stringify(o);
+      sessionStorage.setItem(s, e);
     } catch {
     }
   }), [o, n];
 };
 export {
-  a as default
+  m as default
 };

package/hooks/useSize.js

@@ -1,5 +1,5 @@
 import i from "react";
-import { i as z, a as p, o as l } from "../chunk/TXCrI0jN.js";
+import { isBrowser as z, off as p, on as l } from "./misc/util.js";
 const { useState: w, useEffect: W, useRef: E } = i, S = (o) => setTimeout(o, 35), I = (o, { width: e = 1 / 0, height: s = 1 / 0 } = {}) => {
   if (!z)
     return [

package/hooks/useSlider.js

@@ -1,9 +1,9 @@
 import { useRef as f, useEffect as X } from "react";
-import { i as Y, n as S, o as r, a as u } from "../chunk/TXCrI0jN.js";
+import { isBrowser as Y, noop as S, on as r, off as u } from "./misc/util.js";
 import p from "./useMountedState.js";
 import q from "./useSetState.js";
 const k = (n, t = {}) => {
-  const l = p(), o = f(!1), h = f(0), g = f(0), [b, m] = q({
+  const a = p(), o = f(!1), h = f(0), g = f(0), [b, m] = q({
     isSliding: !1,
     value: 0
   });
@@ -12,9 +12,9 @@ const k = (n, t = {}) => {
       const E = t.styles === void 0 ? !0 : t.styles, R = t.reverse === void 0 ? !1 : t.reverse;
       n.current && E && (n.current.style.userSelect = "none");
       const M = () => {
-        !o.current && l() && ((t.onScrubStart || S)(), o.current = !0, m({ isSliding: !0 }), A());
+        !o.current && a() && ((t.onScrubStart || S)(), o.current = !0, m({ isSliding: !0 }), A());
       }, s = () => {
-        o.current && l() && ((t.onScrubStop || S)(h.current), o.current = !1, m({ isSliding: !1 }), B());
+        o.current && a() && ((t.onScrubStop || S)(h.current), o.current = !1, m({ isSliding: !1 }), B());
       }, w = (e) => {
         M(), d(e);
       }, d = t.vertical ? (e) => i(e.clientY) : (e) => i(e.clientX), y = (e) => {
@@ -25,8 +25,8 @@ const k = (n, t = {}) => {
         u(document, "mousemove", d), u(document, "mouseup", s), u(document, "touchmove", v), u(document, "touchend", s);
       }, i = (e) => {
         cancelAnimationFrame(g.current), g.current = requestAnimationFrame(() => {
-          if (l() && n.current) {
-            const a = n.current.getBoundingClientRect(), F = t.vertical ? a.top : a.left, T = t.vertical ? a.height : a.width;
+          if (a() && n.current) {
+            const l = n.current.getBoundingClientRect(), F = t.vertical ? l.top : l.left, T = t.vertical ? l.height : l.width;
             if (!T)
               return;
             let c = (e - F) / T;

package/hooks/useStartTyping.js

@@ -1,5 +1,5 @@
-import { o, a as s } from "../chunk/TXCrI0jN.js";
-import u from "./useIsomorphicLayoutEffect.js";
+import { on as o, off as u } from "./misc/util.js";
+import s from "./useIsomorphicLayoutEffect.js";
 const a = () => {
   const { activeElement: t, body: e } = document;
   if (!t || t === e)
@@ -16,12 +16,12 @@ const a = () => {
   ctrlKey: r,
   altKey: n
 }) => e || r || n ? !1 : t >= 48 && t <= 57 || t >= 65 && t <= 90, m = (t) => {
-  u(() => {
+  s(() => {
     const e = (r) => {
       !a() && c(r) && t(r);
     };
     return o(document, "keydown", e), () => {
-      s(document, "keydown", e);
+      u(document, "keydown", e);
     };
   }, []);
 };

package/hooks/useStateList.js

@@ -1,9 +1,9 @@
 import { useRef as c, useMemo as f } from "react";
-import s from "./useMountedState.js";
-import l from "./useForceUpdate.js";
+import s from "./useForceUpdate.js";
+import l from "./useMountedState.js";
 import d from "./useUpdateEffect.js";
 function a(r = []) {
-  const u = s(), n = l(), t = c(0);
+  const u = l(), n = s(), t = c(0);
   d(() => {
     r.length <= t.current && (t.current = r.length - 1, n());
   }, [r.length]);
@@ -15,8 +15,7 @@ function a(r = []) {
         u() && r.length && e !== t.current && (t.current = e >= 0 ? e % r.length : r.length + e % r.length, n());
       },
       setState: (e) => {
-        if (!u())
-          return;
+        if (!u()) return;
         const i = r.length ? r.indexOf(e) : -1;
         if (i === -1)
           throw new Error(

package/hooks/useStateWithHistory.js

@@ -1,5 +1,5 @@
 import { useState as m, useRef as h, useCallback as M, useMemo as b } from "react";
-import { r as k } from "../chunk/BdYAMaw9.js";
+import { resolveHookState as k } from "./misc/hookState.js";
 import d from "./useFirstMountState.js";
 function H(u, n = 10, f) {
   if (n < 1)

package/hooks/useTimeout.js

@@ -3,8 +3,7 @@ import s from "./useLatest.js";
 const i = (e, t) => {
   const r = s(e);
   u(() => {
-    if (!t || t < 0)
-      return;
+    if (!t || t < 0) return;
     const o = setTimeout(() => {
       r.current();
     }, t);

package/hooks/useVibrate.js

@@ -1,8 +1,8 @@
-import { useEffect as s } from "react";
-import { n as v, b as f } from "../chunk/TXCrI0jN.js";
-const u = f && "vibrate" in navigator;
+import { useEffect as v } from "react";
+import { noop as f, isNavigator as s } from "./misc/util.js";
+const u = s && "vibrate" in navigator;
 function c(r = !0, i = [1e3, 1e3], t = !0) {
-  s(() => {
+  v(() => {
     let a;
     if (r && (navigator.vibrate(i), t)) {
       const e = i instanceof Array ? i.reduce((o, n) => o + n) : i;
@@ -15,7 +15,7 @@ function c(r = !0, i = [1e3, 1e3], t = !0) {
     };
   }, [r]);
 }
-const m = u ? c : v;
+const m = u ? c : f;
 export {
   m as default
 };

package/hooks/useVideo.js

@@ -1,5 +1,5 @@
-import { c as e } from "../chunk/I4RV9SKZ.js";
-const a = e("video");
+import e from "./factory/createHTMLMediaHook.js";
+const t = e("video");
 export {
-  a as default
+  t as default
 };

package/hooks/useWindowScroll.js

@@ -1,26 +1,26 @@
-import { useEffect as n } from "react";
-import { i as r, o as i, a as w } from "../chunk/TXCrI0jN.js";
+import { useEffect as a } from "react";
+import { isBrowser as s, on as w, off as i } from "./misc/util.js";
 import p from "./useRafState.js";
 const d = () => {
-  const [f, a] = p(() => ({
-    x: r ? window.pageXOffset : 0,
-    y: r ? window.pageYOffset : 0
+  const [f, n] = p(() => ({
+    x: s ? window.pageXOffset : 0,
+    y: s ? window.pageYOffset : 0
   }));
-  return n(() => {
+  return a(() => {
     const e = () => {
-      a((o) => {
-        const { pageXOffset: s, pageYOffset: t } = window;
-        return o.x !== s || o.y !== t ? {
-          x: s,
-          y: t
+      n((o) => {
+        const { pageXOffset: t, pageYOffset: r } = window;
+        return o.x !== t || o.y !== r ? {
+          x: t,
+          y: r
         } : o;
       });
     };
-    return e(), i(window, "scroll", e, {
+    return e(), w(window, "scroll", e, {
       capture: !1,
       passive: !0
     }), () => {
-      w(window, "scroll", e);
+      i(window, "scroll", e);
     };
   }, []), f;
 };

package/hooks/useWindowSize.js

@@ -1,12 +1,12 @@
-import { useEffect as s } from "react";
-import w from "./useRafState.js";
-import { i, o as d, a as f } from "../chunk/TXCrI0jN.js";
+import { useEffect as w } from "react";
+import { isBrowser as i, on as d, off as s } from "./misc/util.js";
+import f from "./useRafState.js";
 const u = (e = 1 / 0, n = 1 / 0) => {
-  const [o, r] = w({
+  const [o, r] = f({
     width: i ? window.innerWidth : e,
     height: i ? window.innerHeight : n
   });
-  return s(() => {
+  return w(() => {
     if (i) {
       const t = () => {
         r({
@@ -15,7 +15,7 @@ const u = (e = 1 / 0, n = 1 / 0) => {
         });
       };
       return d(window, "resize", t), () => {
-        f(window, "resize", t);
+        s(window, "resize", t);
       };
     }
   }, []), o;

package/icon/addFromIconFontCn.js

@@ -0,0 +1,33 @@
+import { jsx as f } from "react/jsx-runtime";
+import o from "react";
+import h from "../Icon.js";
+import { isServerRendering as x } from "../utils/dom.js";
+const p = [];
+function g(a = {}) {
+  const { src: e, extraProps: d = {} } = a;
+  if (!x && typeof e == "string" && e.length && p.indexOf(e) === -1) {
+    const t = document.createElement("script");
+    t.setAttribute("src", e), t.setAttribute("data-namespace", e), p.push(e), document.body.appendChild(t);
+  }
+  function c(t, m) {
+    const { type: r, children: i, ...u } = t, s = o.useRef();
+    o.useImperativeHandle(m, () => s.current);
+    let n;
+    return r && (n = /* @__PURE__ */ f("use", { xlinkHref: `#${r}` })), i && (n = i), /* @__PURE__ */ f(
+      h,
+      {
+        type: r,
+        ...u,
+        ...d,
+        ref: (l) => {
+          s.current = l;
+        },
+        children: n
+      }
+    );
+  }
+  return c.displayName = "Iconfont", o.forwardRef(c);
+}
+export {
+  g as default
+};