@unicom-cloud/ui 0.8.41

package/hooks/index.js

@@ -0,0 +1,6 @@
+import { default as r } from "./use-verification-code.js";
+import { default as t } from "./use-watermark.js";
+export {
+  r as useVerificationCode,
+  t as useWatermark
+};

package/hooks/use-verification-code.js

@@ -0,0 +1,72 @@
+import h from "lodash/isEqualWith";
+import { useMemo as d, useEffect as y } from "react";
+import D from "./useMergeValue.js";
+import { isExist as V } from "../utils/is.js";
+import { Backspace as k } from "../utils/keyCode.js";
+const E = 6;
+function M(n) {
+  const [o, m] = D("", n), u = +n.length > 0 ? +n.length : E, c = d(() => {
+    const t = o ? String(o).split("") : [];
+    return new Array(u).fill("").map((a, e) => V(t[e]) ? String(t[e]) : "");
+  }, [o, u]), s = () => {
+    var e, i, l;
+    const t = ((e = n.getInputRefList) == null ? void 0 : e.call(n)) || [];
+    if ((t == null ? void 0 : t.indexOf(document.activeElement)) === -1)
+      return;
+    const a = c.findIndex((r) => !r);
+    if (a > -1) {
+      const r = Math.min(a, t.length - 1);
+      (l = (i = t[r]) == null ? void 0 : i.focus) == null || l.call(i);
+    }
+  };
+  y(() => {
+    s();
+  }, [JSON.stringify(c)]);
+  const f = (t) => {
+    var a, e;
+    h(t, o) || (m(t), (a = n.onChange) == null || a.call(n, t), t.length === u && ((e = n.onFinish) == null || e.call(n, t)));
+  }, g = (t, a) => {
+    t.preventDefault();
+    const i = t.clipboardData.getData("text");
+    i && f(
+      c.slice(0, a).concat(i.split("")).join("")
+    );
+  };
+  return {
+    value: o,
+    filledValue: c,
+    setValue: f,
+    getInputProps: (t) => {
+      const a = String(c[t]);
+      return {
+        key: t,
+        value: a,
+        onClick: (e) => {
+          e.preventDefault(), c[t] || s();
+        },
+        onKeyDown: (e) => {
+          if (e.key === k.key) {
+            if (c[t + 1]) {
+              e.preventDefault();
+              return;
+            }
+            let i = t;
+            c[t] || (i -= 1);
+            const l = [...c];
+            l[i] = "", f(l.join(""));
+          }
+        },
+        onChange: (e) => {
+          const i = (e == null ? void 0 : e.trim()) || "", l = [...c];
+          l[t] = i.replace(a, "").split("").pop() || "", f(l.join(""));
+        },
+        onPaste: (e) => {
+          g(e, t);
+        }
+      };
+    }
+  };
+}
+export {
+  M as default
+};

package/hooks/use-watermark.js

@@ -0,0 +1,175 @@
+import R from "lodash/isNumber";
+import W from "lodash/merge";
+import { useState as B, useRef as $, useEffect as z } from "react";
+import { isServerRendering as O } from "../utils/dom.js";
+function A(i) {
+  if (!i)
+    return 1;
+  const n = i.backingStorePixelRatio || i.webkitBackingStorePixelRatio || i.mozBackingStorePixelRatio || i.msBackingStorePixelRatio || i.oBackingStorePixelRatio || i.backingStorePixelRatio || 1;
+  return (window.devicePixelRatio || 1) / n;
+}
+const x = (i, n) => {
+  if (R(i))
+    return i;
+  const a = parseFloat(i);
+  return R(a) && !isNaN(a) ? a : n;
+}, k = {
+  width: 100,
+  gap: [100, 100],
+  fontStyle: {
+    fontSize: "16px",
+    color: "rgba(0, 0, 0, 0.15)",
+    fontFamily: "sans-serif",
+    fontWeight: "normal"
+  },
+  getContainer: () => document.body
+}, E = (i, n, a) => {
+  let r = 0, g = 0;
+  const l = [];
+  n.forEach((o) => {
+    const {
+      width: e,
+      fontBoundingBoxAscent: p,
+      fontBoundingBoxDescent: b
+    } = i.measureText(o), w = p + b;
+    e > r && (r = e), g += w, l.push({ height: w, width: e });
+  });
+  const h = a * Math.PI / 180;
+  return {
+    originWidth: r,
+    // 原始宽度
+    originHeight: g,
+    // 原始高度
+    // rotate 旋转后的实际占位宽度
+    width: Math.ceil(
+      Math.abs(Math.sin(h) * g) + Math.abs(Math.cos(h) * r)
+    ),
+    // rotate 旋转后的实际占位高度
+    height: Math.ceil(
+      Math.abs(Math.sin(h) * r) + Math.abs(g * Math.cos(h))
+    ),
+    lineSize: l
+  };
+}, I = async (i) => {
+  const { offset: n, rotate: a, image: r, content: g, fontStyle: l } = i, h = document.createElement("canvas"), o = h.getContext("2d"), e = A(o), p = [].concat(g || ""), b = ({ height: u, width: s }) => {
+    const t = 2 * n[0] + s, c = 2 * n[1] + u;
+    h.setAttribute("width", `${t * e}px`), h.setAttribute("height", `${c * e}px`), h.style.width = `${t}px`, h.style.height = `${c}px`, o.translate(t * e / 2, c * e / 2), o.scale(e, e);
+    const d = a * Math.PI / 180;
+    o.rotate(d);
+  }, w = () => {
+    const { fontSize: u, color: s, fontWeight: t, fontFamily: c } = l, d = x(u, 0) || l.fontSize;
+    o.font = `${t} ${d}px ${c}`;
+    const f = E(o, p, a), m = i.width || f.width, M = i.height || f.height;
+    return b({ width: m, height: M }), o.fillStyle = s, o.font = `${t} ${d}px ${c}`, o.textBaseline = "top", p.forEach((C, S) => {
+      const { height: y, width: P } = f.lineSize[S], v = -P / 2, N = -(i.height || f.originHeight) / 2 + y * S;
+      o.fillText(
+        C,
+        v,
+        N,
+        i.width || f.originWidth
+      );
+    }), { base64Url: h.toDataURL(), height: M, width: m };
+  };
+  return r ? new Promise((u) => {
+    const s = new Image();
+    s.crossOrigin = "anonymous", s.referrerPolicy = "no-referrer", s.src = r, s.onload = () => {
+      let { width: t, height: c } = i;
+      return (!t || !c) && (t ? c = s.height / s.width * t : t = s.width / s.height * c), b({ width: t, height: c }), o.drawImage(s, -t / 2, -c / 2, t, c), u({ base64Url: h.toDataURL(), width: t, height: c });
+    }, s.onerror = () => w();
+  }) : w();
+}, D = (i) => {
+  var r, g, l, h, o, e;
+  const n = i || {}, a = {
+    rotate: -20,
+    zIndex: 1,
+    ...n,
+    fontStyle: { ...k.fontStyle, ...n.fontStyle },
+    width: x(
+      n.width,
+      n.image ? k.width : void 0
+    ),
+    height: x(n.height, void 0),
+    getContainer: n.getContainer,
+    gap: [
+      x((r = n.gap) == null ? void 0 : r[0], k.gap[0]),
+      x(((g = n.gap) == null ? void 0 : g[1]) || ((l = n.gap) == null ? void 0 : l[0]), k.gap[1])
+    ]
+  };
+  return a.offset = [
+    x((h = a.offset) == null ? void 0 : h[0], a.gap[0] / 2),
+    x(((o = a.offset) == null ? void 0 : o[1]) || ((e = a.offset) == null ? void 0 : e[0]), a.gap[0] / 2)
+  ], a;
+};
+function T(i) {
+  const [n, a] = B(i || {}), r = $(), g = $(), l = D(n), { zIndex: h, gap: o } = l, e = O ? null : n != null && n.getContainer ? n.getContainer() : k.getContainer(), p = (t, c) => {
+    var f, m;
+    if (!e || !t)
+      return;
+    const d = "data-pqb-watermark-origin-position";
+    c === "set" ? (e.append(t), e.setAttribute(d, ((f = e.style) == null ? void 0 : f.position) || ""), e.style.position = "relative") : ((m = t.parentNode) == null || m.removeChild(t), e.style.position = e.getAttribute(d), e.removeAttribute(d));
+  }, b = () => {
+    g.current && g.current.disconnect(), g.current = null;
+  }, w = () => {
+    if (e) {
+      const t = document.createElement("div");
+      return r.current = t, p(r.current, "set"), t;
+    }
+  }, u = () => {
+    b();
+    const t = r.current;
+    r.current = null, p(t, "reset");
+  }, s = () => {
+    e && I(l).then(({ base64Url: t, width: c, height: d }) => {
+      var m;
+      b();
+      const f = `
+  width:100%;
+  height:100%;
+  position:absolute;
+  top:0;
+  left:0;
+  bottom:0;
+  right:0;
+  pointer-events: none;
+  z-index:${h};
+  background-position: 0 0;
+  background-size:${o[0] + c}px ${o[1] + d}px;
+  background-repeat: repeat;
+  background-image:url(${t})`;
+      r.current || w(), (m = r.current) == null || m.setAttribute("style", f.trim()), e && (g.current = new MutationObserver((M) => {
+        M.some((S) => {
+          const y = S.target;
+          if (y) {
+            if (y.isSameNode(e))
+              return [].slice.call(S.removedNodes).concat(
+                [].slice.call(S.addedNodes).map((v) => v.parentNode)
+              ).some(
+                (v) => v === r.current
+              );
+            if (y.isSameNode(r.current) && S.type === "attributes")
+              return !0;
+          }
+        }) && (u(), s());
+      }), g.current.observe(e, {
+        attributes: !0,
+        subtree: !0,
+        childList: !0
+      }));
+    });
+  };
+  return z(() => {
+    s();
+  }, [n]), z(() => (u(), s(), () => {
+    u();
+  }), [e]), {
+    setWatermark: (t) => {
+      a(W({}, n, t));
+    },
+    destroy: () => {
+      u();
+    }
+  };
+}
+export {
+  T as default
+};

package/hooks/useAsync.js

@@ -0,0 +1,13 @@
+import { useEffect as r } from "react";
+import s from "./useAsyncFn.js";
+function a(e, n = []) {
+  const [o, t] = s(e, n, {
+    loading: !0
+  });
+  return r(() => {
+    t();
+  }, [t]), o;
+}
+export {
+  a as default
+};

package/hooks/useAsyncFn.js

@@ -0,0 +1,15 @@
+import { useRef as i, useState as f, useCallback as g } from "react";
+import m from "./useMountedState.js";
+function k(o, r = [], u = { loading: !1 }) {
+  const e = i(0), a = m(), [s, n] = f(u), c = g((...d) => {
+    const l = ++e.current;
+    return s.loading || n((t) => ({ ...t, loading: !0 })), o(...d).then(
+      (t) => (a() && l === e.current && n({ value: t, loading: !1 }), t),
+      (t) => (a() && l === e.current && n({ error: t, loading: !1 }), t)
+    );
+  }, r);
+  return [s, c];
+}
+export {
+  k as default
+};

package/hooks/useAsyncRetry.js

@@ -0,0 +1,17 @@
+import { useState as i, useCallback as l } from "react";
+import u from "./useAsync.js";
+const y = (s, t = []) => {
+  const [n, r] = i(0), e = u(s, [...t, n]), o = e.loading, a = l(() => {
+    if (o) {
+      process.env.NODE_ENV === "development" && console.log(
+        "You are calling useAsyncRetry hook retry() method while loading in progress, this is a no-op."
+      );
+      return;
+    }
+    r((c) => c + 1);
+  }, [...t, o]);
+  return { ...e, retry: a };
+};
+export {
+  y as default
+};

package/hooks/useAudio.js

@@ -0,0 +1,5 @@
+import { c as o } from "../chunk/I4RV9SKZ.js";
+const e = o("audio");
+export {
+  e as default
+};

package/hooks/useBeforeUnload.js

@@ -0,0 +1,18 @@
+import { useCallback as n, useEffect as u } from "react";
+import { o as e, a } from "../chunk/TXCrI0jN.js";
+const d = (r = !0, o) => {
+  const f = n(
+    (t) => {
+      if (typeof r != "function" || r())
+        return t.preventDefault(), o && (t.returnValue = o), o;
+    },
+    [r, o]
+  );
+  u(() => {
+    if (r)
+      return e(window, "beforeunload", f), () => a(window, "beforeunload", f);
+  }, [r, f]);
+};
+export {
+  d as default
+};

package/hooks/useBoolean.js

@@ -0,0 +1,4 @@
+import o from "./useToggle.js";
+export {
+  o as default
+};

package/hooks/useClickAway.js

@@ -0,0 +1,22 @@
+import { useRef as u, useEffect as a } from "react";
+import { o as f, a as m } from "../chunk/TXCrI0jN.js";
+const d = ["mousedown", "touchstart"], h = (r, o, e = d) => {
+  const n = u(o);
+  a(() => {
+    n.current = o;
+  }, [o]), a(() => {
+    const s = (t) => {
+      const { current: c } = r;
+      c && !c.contains(t.target) && n.current(t);
+    };
+    for (const t of e)
+      f(document, t, s);
+    return () => {
+      for (const t of e)
+        m(document, t, s);
+    };
+  }, [e, r]);
+};
+export {
+  h as default
+};

package/hooks/useComputedState.js

@@ -0,0 +1,11 @@
+import { useState as o, useEffect as u } from "react";
+function r(t, e) {
+  const [s, a] = o(t());
+  return u(() => {
+    const n = t();
+    a(n);
+  }, [e]), s;
+}
+export {
+  r as default
+};

package/hooks/useCopyToClipboard.js

@@ -0,0 +1,51 @@
+import p from "@unicom-cloud/utils/clipboard-copy";
+import { useCallback as a } from "react";
+import f from "./useMountedState.js";
+import m from "./useSetState.js";
+const b = () => {
+  const s = f(), [i, e] = m({
+    value: void 0,
+    error: void 0,
+    noUserInteraction: !0
+  }), c = a((r) => {
+    if (!s())
+      return;
+    let n, t;
+    try {
+      if (typeof r != "string" && typeof r != "number") {
+        const o = new Error(
+          `Cannot copy typeof ${typeof r} to clipboard, must be a string`
+        );
+        process.env.NODE_ENV === "development" && console.error(o), e({
+          value: r,
+          error: o,
+          noUserInteraction: !0
+        });
+        return;
+      } else if (r === "") {
+        const o = new Error("Cannot copy empty string to clipboard.");
+        process.env.NODE_ENV === "development" && console.error(o), e({
+          value: r,
+          error: o,
+          noUserInteraction: !0
+        });
+        return;
+      }
+      t = r.toString(), n = p(t), e({
+        value: t,
+        error: void 0,
+        noUserInteraction: n
+      });
+    } catch (o) {
+      e({
+        value: t,
+        error: o,
+        noUserInteraction: n
+      });
+    }
+  }, []);
+  return [i, c];
+};
+export {
+  b as default
+};

package/hooks/useCounter.js

@@ -0,0 +1,45 @@
+import { useMemo as i } from "react";
+import { r as a } from "../chunk/BdYAMaw9.js";
+import p from "./useGetSet.js";
+function g(l = 0, r = null, n = null) {
+  let o = a(l);
+  typeof o != "number" && console.error(
+    "initialValue has to be a number, got " + typeof l
+  ), typeof n == "number" ? o = Math.max(o, n) : n !== null && console.error("min has to be a number, got " + typeof n), typeof r == "number" ? o = Math.min(o, r) : r !== null && console.error("max has to be a number, got " + typeof r);
+  const [f, b] = p(o);
+  return [
+    f(),
+    i(() => {
+      const s = (u) => {
+        const e = f();
+        let t = a(u, e);
+        e !== t && (typeof n == "number" && (t = Math.max(t, n)), typeof r == "number" && (t = Math.min(t, r)), e !== t && b(t));
+      };
+      return {
+        get: f,
+        set: s,
+        inc: (u = 1) => {
+          const e = a(u, f());
+          typeof e != "number" && console.error(
+            "delta has to be a number or function returning a number, got " + typeof e
+          ), s((t) => t + e);
+        },
+        dec: (u = 1) => {
+          const e = a(u, f());
+          typeof e != "number" && console.error(
+            "delta has to be a number or function returning a number, got " + typeof e
+          ), s((t) => t - e);
+        },
+        reset: (u = o) => {
+          const e = a(u, f());
+          typeof e != "number" && console.error(
+            "value has to be a number or function returning a number, got " + typeof e
+          ), o = e, s(e);
+        }
+      };
+    }, [o, n, r])
+  ];
+}
+export {
+  g as default
+};

package/hooks/useCreate.js

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

package/hooks/useCreation.js

@@ -0,0 +1,19 @@
+import { useRef as r } from "react";
+const n = (i, t) => {
+  if (i === t)
+    return !0;
+  for (let e = 0; e < i.length; e++)
+    if (!Object.is(i[e], t[e]))
+      return !1;
+  return !0;
+}, f = (i, t) => {
+  const { current: e } = r({
+    deps: t,
+    obj: void 0,
+    initialized: !1
+  });
+  return (e.initialized === !1 || !n(e.deps, t)) && (e.deps = t, e.obj = i(), e.initialized = !0), e.obj;
+};
+export {
+  f as default
+};

package/hooks/useCustomCompareEffect.js

@@ -0,0 +1,15 @@
+import { useRef as n, useEffect as c } from "react";
+const r = (t) => t !== Object(t), i = (t, e, s) => {
+  process.env.NODE_ENV !== "production" && ((!(e instanceof Array) || !e.length) && console.warn(
+    "`useCustomCompareEffect` should not be used with no dependencies. Use React.useEffect instead."
+  ), e.every(r) && console.warn(
+    "`useCustomCompareEffect` should not be used with dependencies that are all primitive values. Use React.useEffect instead."
+  ), typeof s != "function" && console.warn(
+    "`useCustomCompareEffect` should be used with depsEqual callback for comparing deps list"
+  ));
+  const o = n(void 0);
+  (!o.current || !s(e, o.current)) && (o.current = e), c(t, o.current);
+};
+export {
+  i as default
+};

package/hooks/useDebounce.js

@@ -0,0 +1,9 @@
+import { useEffect as s } from "react";
+import c from "./useTimeoutFn.js";
+function m(e, t = 0, o = []) {
+  const [r, u, n] = c(e, t);
+  return s(n, o), [r, u];
+}
+export {
+  m as default
+};

package/hooks/useDefault.js

@@ -0,0 +1,10 @@
+import { useState as a } from "react";
+const o = (u, r) => {
+  const [e, t] = a(
+    r
+  );
+  return e == null ? [u, t] : [e, t];
+};
+export {
+  o as default
+};

package/hooks/useDrop.js

@@ -0,0 +1,44 @@
+import { useState as b, useCallback as E, useMemo as O, useEffect as F } from "react";
+import { o as a, a as n, n as l } from "../chunk/TXCrI0jN.js";
+const P = (o) => (r, t) => {
+  const s = r.getData("text/uri-list");
+  if (s) {
+    (o.onUri || l)(s, t);
+    return;
+  }
+  if (r.files && r.files.length) {
+    (o.onFiles || l)(Array.from(r.files), t);
+    return;
+  }
+  if (t.clipboardData) {
+    const u = t.clipboardData.getData("text");
+    (o.onText || l)(u, t);
+    return;
+  }
+}, k = (o = {}, r = []) => {
+  const { onFiles: t, onText: s, onUri: u } = o, [x, v] = b(!1), c = E(v, []), d = O(
+    () => P(o),
+    [t, s, u]
+  );
+  return F(() => {
+    const f = (e) => {
+      e.preventDefault(), c(!0);
+    }, i = (e) => {
+      e.preventDefault(), c(!0);
+    }, m = () => {
+      c(!1);
+    }, g = () => {
+      c(!1);
+    }, p = (e) => {
+      e.preventDefault(), c(!1), d(e.dataTransfer, e);
+    }, D = (e) => {
+      d(e.clipboardData, e);
+    };
+    return a(document, "dragover", f), a(document, "dragenter", i), a(document, "dragleave", m), a(document, "dragexit", g), a(document, "drop", p), s && a(document, "paste", D), () => {
+      n(document, "dragover", f), n(document, "dragenter", i), n(document, "dragleave", m), n(document, "dragexit", g), n(document, "drop", p), n(document, "paste", D);
+    };
+  }, [d, ...r]), { over: x };
+};
+export {
+  k as default
+};

package/hooks/useDropArea.js

@@ -0,0 +1,45 @@
+import { useState as f, useMemo as c } from "react";
+import m from "./useMountedState.js";
+import { n } from "../chunk/TXCrI0jN.js";
+const a = (o, t) => (e, r) => {
+  const s = e.getData("text/uri-list");
+  if (s) {
+    (o.onUri || n)(s, r);
+    return;
+  }
+  if (e.files && e.files.length) {
+    (o.onFiles || n)(Array.from(e.files), r);
+    return;
+  }
+  e.items && e.items.length && e.items[0].getAsString((i) => {
+    t && (o.onText || n)(i, r);
+  });
+}, p = (o, t) => ({
+  onDragOver: (e) => {
+    e.preventDefault();
+  },
+  onDragEnter: (e) => {
+    e.preventDefault(), t(!0);
+  },
+  onDragLeave: () => {
+    t(!1);
+  },
+  onDrop: (e) => {
+    e.preventDefault(), e.persist(), t(!1), o(e.dataTransfer, e);
+  },
+  onPaste: (e) => {
+    e.persist(), o(e.clipboardData, e);
+  }
+}), A = (o = {}) => {
+  const { onFiles: t, onText: e, onUri: r } = o, s = m(), [i, l] = f(!1), u = c(
+    () => a(o, s()),
+    [t, e, r]
+  );
+  return [c(
+    () => p(u, l),
+    [u, l]
+  ), { over: i }];
+};
+export {
+  A as default
+};

package/hooks/useEffectOnce.js

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

package/hooks/useEffectState.js

@@ -0,0 +1,9 @@
+import { useState as r, useEffect as a } from "react";
+const n = (e) => {
+  const [u, t] = r(() => e);
+  return a(() => (t(e), () => {
+  }), [e]), [u, t];
+};
+export {
+  n as default
+};

package/hooks/useEnsuredForwardedRef.js

@@ -0,0 +1,17 @@
+import { useRef as t, useEffect as s, forwardRef as c } from "react";
+function f(e) {
+  const r = t(e && e.current);
+  return s(() => {
+    e && (e.current = r.current);
+  }, [e]), r;
+}
+function i(e) {
+  return c((r, n) => {
+    const u = f(n);
+    return e(r, u);
+  });
+}
+export {
+  f as default,
+  i as ensuredForwardRef
+};

package/hooks/useError.js

@@ -0,0 +1,13 @@
+import { useState as e, useEffect as s, useCallback as a } from "react";
+const f = () => {
+  const [r, t] = e(null);
+  return s(() => {
+    if (r)
+      throw r;
+  }, [r]), a((o) => {
+    t(o);
+  }, []);
+};
+export {
+  f as default
+};