@unicom-cloud/ui 0.8.66 → 0.8.67

package/hooks/{use-watermark.js → useWatermark.js}

@@ -3,7 +3,8 @@ 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;
+  if (!i)
+    return 1;
   const n = i.backingStorePixelRatio || i.webkitBackingStorePixelRatio || i.mozBackingStorePixelRatio || i.msBackingStorePixelRatio || i.oBackingStorePixelRatio || i.backingStorePixelRatio || 1;
   return (window.devicePixelRatio || 1) / n;
 }
@@ -12,7 +13,7 @@ const x = (i, n) => {
     return i;
   const a = parseFloat(i);
   return R(a) && !isNaN(a) ? a : n;
-}, k = {
+}, v = {
   width: 100,
   gap: [100, 100],
   fontStyle: {
@@ -24,14 +25,14 @@ const x = (i, n) => {
   getContainer: () => document.body
 }, E = (i, n, a) => {
   let r = 0, g = 0;
-  const l = [];
+  const u = [];
   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 });
+    e > r && (r = e), g += w, u.push({ height: w, width: e });
   });
   const h = a * Math.PI / 180;
   return {
@@ -47,51 +48,51 @@ const x = (i, n) => {
     height: Math.ceil(
       Math.abs(Math.sin(h) * r) + Math.abs(g * Math.cos(h))
     ),
-    lineSize: l
+    lineSize: u
   };
 }, 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;
+  const { offset: n, rotate: a, image: r, content: g, fontStyle: u } = i, h = document.createElement("canvas"), o = h.getContext("2d"), e = A(o), p = [].concat(g || ""), b = ({ height: l, width: s }) => {
+    const t = 2 * n[0] + s, c = 2 * n[1] + l;
     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;
+    const { fontSize: l, color: s, fontWeight: t, fontFamily: c } = u, d = x(l, 0) || u.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;
+      const { height: y, width: P } = f.lineSize[S], k = -P / 2, N = -(i.height || f.originHeight) / 2 + y * S;
       o.fillText(
         C,
-        v,
+        k,
         N,
         i.width || f.originWidth
       );
     }), { base64Url: h.toDataURL(), height: M, width: m };
   };
-  return r ? new Promise((u) => {
+  return r ? new Promise((l) => {
     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 });
+      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), l({ base64Url: h.toDataURL(), width: t, height: c });
     }, s.onerror = () => w();
   }) : w();
 }, D = (i) => {
-  var r, g, l, h, o, e;
+  var r, g, u, h, o, e;
   const n = i || {}, a = {
     rotate: -20,
     zIndex: 1,
     ...n,
-    fontStyle: { ...k.fontStyle, ...n.fontStyle },
+    fontStyle: { ...v.fontStyle, ...n.fontStyle },
     width: x(
       n.width,
-      n.image ? k.width : void 0
+      n.image ? v.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])
+      x((r = n.gap) == null ? void 0 : r[0], v.gap[0]),
+      x(((g = n.gap) == null ? void 0 : g[1]) || ((u = n.gap) == null ? void 0 : u[0]), v.gap[1])
     ]
   };
   return a.offset = [
@@ -100,7 +101,7 @@ const x = (i, n) => {
   ], 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) => {
+  const [n, a] = B(i || {}), r = $(), g = $(), u = D(n), { zIndex: h, gap: o } = u, e = O ? null : n != null && n.getContainer ? n.getContainer() : v.getContainer(), p = (t, c) => {
     var f, m;
     if (!e || !t)
       return;
@@ -113,12 +114,12 @@ function T(i) {
       const t = document.createElement("div");
       return r.current = t, p(r.current, "set"), t;
     }
-  }, u = () => {
+  }, l = () => {
     b();
     const t = r.current;
     r.current = null, p(t, "reset");
   }, s = () => {
-    e && I(l).then(({ base64Url: t, width: c, height: d }) => {
+    e && I(u).then(({ base64Url: t, width: c, height: d }) => {
       var m;
       b();
       const f = `
@@ -141,14 +142,14 @@ function T(i) {
           if (y) {
             if (y.isSameNode(e))
               return [].slice.call(S.removedNodes).concat(
-                [].slice.call(S.addedNodes).map((v) => v.parentNode)
+                [].slice.call(S.addedNodes).map((k) => k.parentNode)
               ).some(
-                (v) => v === r.current
+                (k) => k === r.current
               );
             if (y.isSameNode(r.current) && S.type === "attributes")
               return !0;
           }
-        }) && (u(), s());
+        }) && (l(), s());
       }), g.current.observe(e, {
         attributes: !0,
         subtree: !0,
@@ -158,14 +159,14 @@ function T(i) {
   };
   return z(() => {
     s();
-  }, [n]), z(() => (u(), s(), () => {
-    u();
+  }, [n]), z(() => (l(), s(), () => {
+    l();
   }), [e]), {
     setWatermark: (t) => {
       a(W({}, n, t));
     },
     destroy: () => {
-      u();
+      l();
     }
   };
 }

package/hooks/useWindowSize.js

@@ -1,22 +1,4 @@
-import { useState as n, useEffect as r } from "react";
-const o = () => {
-  const [t, i] = n({
-    width: window.innerWidth,
-    height: window.innerHeight
-  });
-  return r(() => {
-    function e(d) {
-      i({
-        width: window.innerWidth,
-        height: window.innerHeight
-      });
-    }
-    return window.addEventListener("resize", e), () => {
-      window.removeEventListener("resize", e);
-    };
-  }, []), t;
-};
+import { l as f } from "../chunk/DKr2_PYd.js";
 export {
-  o as default,
-  o as useWindowSize
+  f as default
 };