@unicom-cloud/ui 0.8.41

package/hooks/useEvent.js

@@ -0,0 +1,13 @@
+import { useEffect as r } from "react";
+import { o as n, a as c, i as w } from "../chunk/TXCrI0jN.js";
+const y = w ? window : null, e = (s) => !!s.addEventListener, o = (s) => !!s.on, T = (s, i, f = y, u) => {
+  r(() => {
+    if (i && f)
+      return e(f) ? n(f, s, i, u) : o(f) && f.on(s, i, u), () => {
+        e(f) ? c(f, s, i, u) : o(f) && f.off(s, i, u);
+      };
+  }, [s, i, f, JSON.stringify(u)]);
+};
+export {
+  T as default
+};

package/hooks/useEventListener.js

@@ -0,0 +1,41 @@
+import { useRef as o, useEffect as a } from "react";
+import d from "./useLatest.js";
+import l from "./useUnmount.js";
+const m = (t, c) => {
+  for (let r = 0; r < t.length; r++)
+    if (!Object.is(t[r], c[r]))
+      return !1;
+  return !0;
+}, E = (t, c, r) => {
+  const i = o(!1), n = o([]), s = o([]), e = o();
+  a(() => {
+    var f;
+    const u = "current" in r ? r.current : window;
+    if (!i.current) {
+      i.current = !0, n.current = u, s.current = c, e.current = t();
+      return;
+    }
+    (n.current !== u || !m(c, s.current)) && ((f = e.current) == null || f.call(e), n.current = u, s.current = c, e.current = t());
+  }), l(() => {
+    var u;
+    (u = e.current) == null || u.call(e), i.current = !1;
+  });
+}, h = (t, c, r = window) => {
+  const i = d(c);
+  E(
+    () => {
+      const n = "current" in r ? r.current : window;
+      if (!(n != null && n.addEventListener))
+        return;
+      const s = (e) => i.current(e);
+      return n.addEventListener(t, s), () => {
+        n.removeEventListener(t, s);
+      };
+    },
+    [t],
+    r
+  );
+};
+export {
+  h as default
+};

package/hooks/useFavicon.js

@@ -0,0 +1,17 @@
+import { useEffect as o } from "react";
+const t = {
+  SVG: "image/svg+xml",
+  ICO: "image/x-icon",
+  GIF: "image/gif",
+  PNG: "image/png"
+}, a = (e) => {
+  o(() => {
+    if (!e)
+      return;
+    const n = e.split(".").at(-1).toLocaleUpperCase(), i = window.document.querySelector("link[rel*='icon']") || window.document.createElement("link");
+    i.type = t[n], i.href = e, i.rel = "shortcut icon", window.document.head.appendChild(i);
+  }, [e]);
+};
+export {
+  a as default
+};

package/hooks/useFirstMountState.js

@@ -0,0 +1,8 @@
+import { useRef as t } from "react";
+function u() {
+  const r = t(!0);
+  return r.current ? (r.current = !1, !0) : r.current;
+}
+export {
+  u as default
+};

package/hooks/useForceUpdate.js

@@ -0,0 +1,8 @@
+import { useState as e, useCallback as a } from "react";
+const o = () => {
+  const [, t] = e({});
+  return a(() => t({}), []);
+};
+export {
+  o as default
+};

package/hooks/useFullscreen.js

@@ -0,0 +1,40 @@
+import r from "@unicom-cloud/utils/screenfull";
+import { useState as F } from "react";
+import { o as b, a as o, n as m } from "../chunk/TXCrI0jN.js";
+import E from "./useIsomorphicLayoutEffect.js";
+const d = (c, l, f = {}) => {
+  const { video: e, onClose: t = m } = f, [a, n] = F(l);
+  return E(() => {
+    if (!l || !c.current)
+      return;
+    const u = () => {
+      e != null && e.current && o(e.current, "webkitendfullscreen", u), t();
+    }, i = () => {
+      if (r.isEnabled) {
+        const s = r.isFullscreen;
+        n(s), s || t();
+      }
+    };
+    if (r.isEnabled) {
+      try {
+        r.request(c.current), n(!0);
+      } catch (s) {
+        t(s), n(!1);
+      }
+      r.on("change", i);
+    } else
+      e && e.current && e.current.webkitEnterFullscreen ? (e.current.webkitEnterFullscreen(), b(e.current, "webkitendfullscreen", u), n(!0)) : (t(), n(!1));
+    return () => {
+      if (n(!1), r.isEnabled)
+        try {
+          r.off("change", i), r.exit();
+        } catch {
+        }
+      else
+        e && e.current && e.current.webkitExitFullscreen && (o(e.current, "webkitendfullscreen", u), e.current.webkitExitFullscreen());
+    };
+  }, [l, e, c]), a;
+};
+export {
+  d as default
+};

package/hooks/useGeolocation.js

@@ -0,0 +1,38 @@
+import { useState as r, useEffect as n } from "react";
+const g = (o) => {
+  const [i, e] = r({
+    loading: !0,
+    accuracy: null,
+    altitude: null,
+    altitudeAccuracy: null,
+    heading: null,
+    latitude: null,
+    longitude: null,
+    speed: null,
+    timestamp: Date.now()
+  });
+  let a = !0, l;
+  const c = (t) => {
+    a && e({
+      loading: !1,
+      accuracy: t.coords.accuracy,
+      altitude: t.coords.altitude,
+      altitudeAccuracy: t.coords.altitudeAccuracy,
+      heading: t.coords.heading,
+      latitude: t.coords.latitude,
+      longitude: t.coords.longitude,
+      speed: t.coords.speed,
+      timestamp: t.timestamp
+    });
+  }, u = (t) => a && e((d) => ({ ...d, loading: !1, error: t }));
+  return n(() => (navigator.geolocation.getCurrentPosition(c, u, o), l = navigator.geolocation.watchPosition(
+    c,
+    u,
+    o
+  ), () => {
+    a = !1, navigator.geolocation.clearWatch(l);
+  }), []), i;
+};
+export {
+  g as default
+};

package/hooks/useGetSet.js

@@ -0,0 +1,18 @@
+import { useRef as u, useMemo as c } from "react";
+import { r as t } from "../chunk/BdYAMaw9.js";
+import n from "./useForceUpdate.js";
+function p(r) {
+  const e = u(t(r)), o = n();
+  return c(
+    () => [
+      () => e.current,
+      (s) => {
+        e.current = t(s, e.current), o();
+      }
+    ],
+    []
+  );
+}
+export {
+  p as default
+};

package/hooks/useGetSetState.js

@@ -0,0 +1,12 @@
+import { useRef as u, useCallback as r } from "react";
+import a from "./useForceUpdate.js";
+const p = (t = {}) => {
+  process.env.NODE_ENV !== "production" && typeof t != "object" && console.error("useGetSetState initial state must be an object.");
+  const s = a(), o = u({ ...t }), c = r(() => o.current, []), n = r((e) => {
+    e && (process.env.NODE_ENV !== "production" && typeof e != "object" && console.error("useGetSetState setter patch must be an object."), Object.assign(o.current, e), s());
+  }, []);
+  return [c, n];
+};
+export {
+  p as default
+};

package/hooks/useHash.js

@@ -0,0 +1,26 @@
+import { useState as e, useCallback as h } from "react";
+import { a as i, o as c } from "../chunk/TXCrI0jN.js";
+import r from "./useLifecycles.js";
+const d = () => {
+  const [o, n] = e(() => window.location.hash), a = h(() => {
+    n(window.location.hash);
+  }, []);
+  r(
+    () => {
+      c(window, "hashchange", a);
+    },
+    () => {
+      i(window, "hashchange", a);
+    }
+  );
+  const t = h(
+    (s) => {
+      s !== o && (window.location.hash = s);
+    },
+    [o]
+  );
+  return [o, t];
+};
+export {
+  d as default
+};

package/hooks/useHover.js

@@ -0,0 +1,16 @@
+import a from "react";
+import { n as r } from "../chunk/TXCrI0jN.js";
+const { useState: p } = a, v = (o) => {
+  const [e, n] = p(!1), u = (s) => (t) => {
+    (s || r)(t), n(!0);
+  }, c = (s) => (t) => {
+    (s || r)(t), n(!1);
+  };
+  return typeof o == "function" && (o = o(e)), [a.cloneElement(o, {
+    onMouseEnter: u(o.props.onMouseEnter),
+    onMouseLeave: c(o.props.onMouseLeave)
+  }), e];
+};
+export {
+  v as default
+};

package/hooks/useHoverDirty.js

@@ -0,0 +1,17 @@
+import { useState as f, useEffect as i } from "react";
+import { o as n, a as c } from "../chunk/TXCrI0jN.js";
+const v = (e, o = !0) => {
+  process.env.NODE_ENV === "development" && (typeof e != "object" || typeof e.current > "u") && console.error("useHoverDirty expects a single ref argument.");
+  const [a, r] = f(!1);
+  return i(() => {
+    const u = () => r(!0), s = () => r(!1);
+    o && e && e.current && (n(e.current, "mouseover", u), n(e.current, "mouseout", s));
+    const { current: t } = e;
+    return () => {
+      o && t && (c(t, "mouseover", u), c(t, "mouseout", s));
+    };
+  }, [o, e]), a;
+};
+export {
+  v as default
+};

package/hooks/useId.js

@@ -0,0 +1,11 @@
+import { useState as e, useEffect as u } from "react";
+const n = {};
+function d(t) {
+  const [o, s] = e();
+  return u(() => {
+    n[t] = t in n ? n[t] : 0, s(n[t]), n[t] += 1;
+  }, []), typeof o == "number" ? `${t}${o}` : void 0;
+}
+export {
+  d as default
+};

package/hooks/useIdle.js

@@ -0,0 +1,34 @@
+import { useState as h, useEffect as w } from "react";
+import g from "lodash/throttle";
+import { o as f, a as c } from "../chunk/TXCrI0jN.js";
+const p = [
+  "mousemove",
+  "mousedown",
+  "resize",
+  "keydown",
+  "touchstart",
+  "wheel"
+], y = 6e4, S = (o = y, m = !1, e = p) => {
+  const [u, d] = h(m);
+  return w(() => {
+    let l = !0, i, r = u;
+    const n = (t) => {
+      l && (r = t, d(t));
+    }, s = g(() => {
+      r && n(!1), clearTimeout(i), i = setTimeout(() => n(!0), o);
+    }, 50), a = () => {
+      document.hidden || s();
+    };
+    for (let t = 0; t < e.length; t++)
+      f(window, e[t], s);
+    return f(document, "visibilitychange", a), i = setTimeout(() => n(!0), o), () => {
+      l = !1;
+      for (let t = 0; t < e.length; t++)
+        c(window, e[t], s);
+      c(document, "visibilitychange", a);
+    };
+  }, [o, e]), u;
+};
+export {
+  S as default
+};

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

@@ -0,0 +1,19 @@
+import { useState as u, useEffect as i } from "react";
+const b = (r, e) => {
+  const [s, t] = u(null);
+  return i(() => {
+    if (r.current && typeof IntersectionObserver == "function") {
+      const c = (o) => {
+        t(o[0]);
+      }, n = new IntersectionObserver(c, e);
+      return n.observe(r.current), () => {
+        t(null), n.disconnect();
+      };
+    }
+    return () => {
+    };
+  }, [r.current, e.threshold, e.root, e.rootMargin]), s;
+};
+export {
+  b as default
+};

package/hooks/useIntersectionObserver.js

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

package/hooks/useInterval.js

@@ -0,0 +1,19 @@
+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,
+  o as useInterval
+};

package/hooks/useIsFirstRender.js

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

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

@@ -0,0 +1,6 @@
+import { useLayoutEffect as o, useEffect as t } from "react";
+import { i as e } from "../chunk/TXCrI0jN.js";
+const r = e ? o : t;
+export {
+  r as default
+};

package/hooks/useKey.js

@@ -0,0 +1,16 @@
+import { useMemo as u } from "react";
+import m from "./useEvent.js";
+import { n as d } from "../chunk/TXCrI0jN.js";
+const i = (o) => typeof o == "function" ? o : typeof o == "string" ? (t) => t.key === o : o ? () => !0 : () => !1, v = (o, t = d, n = {}, r = [o]) => {
+  const { event: s = "keydown", target: a, options: c } = n, f = u(() => {
+    const p = i(o);
+    return (e) => {
+      if (p(e))
+        return t(e);
+    };
+  }, r);
+  m(s, f, a, c);
+};
+export {
+  v as default
+};

package/hooks/useKeyPress.js

@@ -0,0 +1,13 @@
+import { useState as u } from "react";
+import r from "./useKey.js";
+const f = (s) => {
+  const [e, o] = u([!1, null]);
+  return r(s, (t) => o([!0, t]), { event: "keydown" }, [
+    e
+  ]), r(s, (t) => o([!1, t]), { event: "keyup" }, [
+    e
+  ]), e;
+};
+export {
+  f as default
+};

package/hooks/useKeyPressEvent.js

@@ -0,0 +1,11 @@
+import i from "./useKeyPress.js";
+import m from "./useUpdateEffect.js";
+const c = (f, s, t, o = i) => {
+  const [e, r] = o(f);
+  m(() => {
+    !e && t ? t(r) : e && s && s(r);
+  }, [e]);
+};
+export {
+  c as default
+};

package/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 "../utils/keyCode.js";
+function R(e) {
+  return u(
+    (r) => ({
+      onKeyDown: (o) => {
+        var t, i, w, f, y, A;
+        const n = o.key;
+        n === E.key && ((t = r.onPressEnter) == null || t.call(r, o)), n === g.key && ((i = r.onArrowDown) == null || i.call(r, o)), n === m.key && ((w = r.onArrowLeft) == null || w.call(r, o)), n === D.key && ((f = r.onArrowRight) == null || f.call(r, o)), n === L.key && ((y = r.onArrowUp) == null || y.call(r, o)), (A = e == null ? void 0 : e.onKeyDown) == null || A.call(e, o);
+      }
+    }),
+    []
+  );
+}
+export {
+  R as default
+};

package/hooks/useLatest.js

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

package/hooks/useLifecycles.js

@@ -0,0 +1,9 @@
+import { useEffect as r } from "react";
+const c = (e, f) => {
+  r(() => (e && e(), () => {
+    f && f();
+  }), []);
+};
+export {
+  c as default
+};

package/hooks/useList.js

@@ -0,0 +1,67 @@
+import { useRef as l, useMemo as i } from "react";
+import { r as u } from "../chunk/BdYAMaw9.js";
+import d from "./useForceUpdate.js";
+function m(a = []) {
+  const c = l(u(a)), p = d(), o = i(() => {
+    const n = {
+      set: (t) => {
+        c.current = u(t, c.current), p();
+      },
+      push: (...t) => {
+        t.length && o.set((e) => e.concat(t));
+      },
+      updateAt: (t, e) => {
+        o.set((r) => {
+          const s = r.slice();
+          return s[t] = e, s;
+        });
+      },
+      insertAt: (t, e) => {
+        o.set((r) => {
+          const s = r.slice();
+          return t > s.length ? s[t] = e : s.splice(t, 0, e), s;
+        });
+      },
+      update: (t, e) => {
+        o.set(
+          (r) => r.map((s) => t(s, e) ? e : s)
+        );
+      },
+      updateFirst: (t, e) => {
+        const r = c.current.findIndex(
+          (s) => t(s, e)
+        );
+        r >= 0 && o.updateAt(r, e);
+      },
+      upsert: (t, e) => {
+        const r = c.current.findIndex(
+          (s) => t(s, e)
+        );
+        r >= 0 ? o.updateAt(r, e) : o.push(e);
+      },
+      sort: (t) => {
+        o.set((e) => e.slice().sort(t));
+      },
+      filter: (t, e) => {
+        o.set((r) => r.slice().filter(t, e));
+      },
+      removeAt: (t) => {
+        o.set((e) => {
+          const r = e.slice();
+          return r.splice(t, 1), r;
+        });
+      },
+      clear: () => {
+        o.set([]);
+      },
+      reset: () => {
+        o.set(u(a).slice());
+      }
+    };
+    return n.remove = n.removeAt, n;
+  }, []);
+  return [c.current, o];
+}
+export {
+  m as default
+};

package/hooks/useLocalStorage.js

@@ -0,0 +1,41 @@
+import { useRef as m, useState as w, useLayoutEffect as z, useCallback as n } from "react";
+import { i as d, n as S } from "../chunk/TXCrI0jN.js";
+const N = (s, c, e) => {
+  if (!d)
+    return [c, S, S];
+  if (!s)
+    throw new Error("useLocalStorage key may not be falsy");
+  const o = e ? e.raw ? (a) => a : e.deserializer : JSON.parse, l = m((a) => {
+    try {
+      const t = e ? e.raw ? String : e.serializer : JSON.stringify, r = localStorage.getItem(a);
+      return r !== null ? o(r) : (c && localStorage.setItem(a, t(c)), c);
+    } catch {
+      return c;
+    }
+  }), [i, f] = w(
+    () => l.current(s)
+  );
+  z(() => f(l.current(s)), [s]);
+  const u = n(
+    (a) => {
+      try {
+        const t = typeof a == "function" ? a(i) : a;
+        if (typeof t > "u")
+          return;
+        let r;
+        e ? e.raw ? typeof t == "string" ? r = t : r = JSON.stringify(t) : e.serializer ? r = e.serializer(t) : r = JSON.stringify(t) : r = JSON.stringify(t), localStorage.setItem(s, r), f(o(r));
+      } catch {
+      }
+    },
+    [s, f]
+  ), g = n(() => {
+    try {
+      localStorage.removeItem(s), f(void 0);
+    } catch {
+    }
+  }, [s, f]);
+  return [i, u, g];
+};
+export {
+  N as default
+};