@das-fed/ui 6.4.0-hot.1 → 6.4.0-hot.2

package/packages/components/watermark/index.js

@@ -1,25 +1,375 @@
-import '@das-fed/ui/packages/components/watermark/style.css';
-import { defineComponent as s, openBlock as n, createBlock as c, unref as m, mergeProps as p, withCtx as d, renderSlot as l } from "vue";
-import { ElWatermark as _ } from "element-plus";
-import "element-plus/es/components/watermark/style/css";
-import { withInstall as i } from "@das-fed/utils/with-install/index";
-const f = /* @__PURE__ */ s({
+import { getCurrentScope as he, onScopeDispose as _e, unref as ne, getCurrentInstance as ye, onMounted as oe, nextTick as be, watch as ae, ref as re, warn as we, defineComponent as F, computed as p, shallowRef as U, onBeforeUnmount as Oe, openBlock as se, createElementBlock as xe, normalizeStyle as Ie, renderSlot as le, createBlock as Se, mergeProps as $e, withCtx as Pe } from "vue";
+import { withInstall as ke } from "@das-fed/utils/with-install/index";
+var X;
+const ie = typeof window < "u";
+ie && ((X = window == null ? void 0 : window.navigator) != null && X.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function Ee(e) {
+  return typeof e == "function" ? e() : ne(e);
+}
+function Ce(e) {
+  return e;
+}
+function Me(e) {
+  return he() ? (_e(e), !0) : !1;
+}
+function We(e, t = !0) {
+  ye() ? oe(e) : t ? e() : be(e);
+}
+function Ne(e) {
+  var t;
+  const n = Ee(e);
+  return (t = n == null ? void 0 : n.$el) != null ? t : n;
+}
+const Ae = ie ? window : void 0;
+function Te(e, t = !1) {
+  const n = re(), r = () => n.value = !!e();
+  return r(), We(r, t), n;
+}
+const Y = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, K = "__vueuse_ssr_handlers__";
+Y[K] = Y[K] || {};
+var q = Object.getOwnPropertySymbols, je = Object.prototype.hasOwnProperty, Be = Object.prototype.propertyIsEnumerable, ze = (e, t) => {
+  var n = {};
+  for (var r in e)
+    je.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+  if (e != null && q)
+    for (var r of q(e))
+      t.indexOf(r) < 0 && Be.call(e, r) && (n[r] = e[r]);
+  return n;
+};
+function Re(e, t, n = {}) {
+  const r = n, { window: s = Ae } = r, v = ze(r, ["window"]);
+  let u;
+  const I = Te(() => s && "MutationObserver" in s), y = () => {
+    u && (u.disconnect(), u = void 0);
+  }, f = ae(() => Ne(e), (i) => {
+    y(), I.value && s && i && (u = new MutationObserver(t), u.observe(i, v));
+  }, { immediate: !0 }), d = () => {
+    y(), f();
+  };
+  return Me(d), {
+    isSupported: I,
+    stop: d
+  };
+}
+var J;
+(function(e) {
+  e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
+})(J || (J = {}));
+var He = Object.defineProperty, Z = Object.getOwnPropertySymbols, Le = Object.prototype.hasOwnProperty, Qe = Object.prototype.propertyIsEnumerable, ee = (e, t, n) => t in e ? He(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Fe = (e, t) => {
+  for (var n in t || (t = {}))
+    Le.call(t, n) && ee(e, n, t[n]);
+  if (Z)
+    for (var n of Z(t))
+      Qe.call(t, n) && ee(e, n, t[n]);
+  return e;
+};
+const De = {
+  easeInSine: [0.12, 0, 0.39, 0],
+  easeOutSine: [0.61, 1, 0.88, 1],
+  easeInOutSine: [0.37, 0, 0.63, 1],
+  easeInQuad: [0.11, 0, 0.5, 0],
+  easeOutQuad: [0.5, 1, 0.89, 1],
+  easeInOutQuad: [0.45, 0, 0.55, 1],
+  easeInCubic: [0.32, 0, 0.67, 0],
+  easeOutCubic: [0.33, 1, 0.68, 1],
+  easeInOutCubic: [0.65, 0, 0.35, 1],
+  easeInQuart: [0.5, 0, 0.75, 0],
+  easeOutQuart: [0.25, 1, 0.5, 1],
+  easeInOutQuart: [0.76, 0, 0.24, 1],
+  easeInQuint: [0.64, 0, 0.78, 0],
+  easeOutQuint: [0.22, 1, 0.36, 1],
+  easeInOutQuint: [0.83, 0, 0.17, 1],
+  easeInExpo: [0.7, 0, 0.84, 0],
+  easeOutExpo: [0.16, 1, 0.3, 1],
+  easeInOutExpo: [0.87, 0, 0.13, 1],
+  easeInCirc: [0.55, 0, 1, 0.45],
+  easeOutCirc: [0, 0.55, 0.45, 1],
+  easeInOutCirc: [0.85, 0, 0.15, 1],
+  easeInBack: [0.36, 0, 0.66, -0.56],
+  easeOutBack: [0.34, 1.56, 0.64, 1],
+  easeInOutBack: [0.68, -0.6, 0.32, 1.6]
+};
+Fe({
+  linear: Ce
+}, De);
+/**
+* @vue/shared v3.4.35
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/
+process.env.NODE_ENV !== "production" && Object.freeze({});
+process.env.NODE_ENV !== "production" && Object.freeze([]);
+const Ve = Object.prototype.hasOwnProperty, te = (e, t) => Ve.call(e, t), ue = (e) => e !== null && typeof e == "object";
+function Ge(e) {
+  for (var t = -1, n = e == null ? 0 : e.length, r = {}; ++t < n; ) {
+    var s = e[t];
+    r[s[0]] = s[1];
+  }
+  return r;
+}
+const ce = "__epPropKey", H = (e) => e, Ue = (e) => ue(e) && !!e[ce], Xe = (e, t) => {
+  if (!ue(e) || Ue(e))
+    return e;
+  const { values: n, required: r, default: s, type: v, validator: u } = e, y = {
+    type: v,
+    required: !!r,
+    validator: n || u ? (f) => {
+      let d = !1, i = [];
+      if (n && (i = Array.from(n), te(e, "default") && i.push(s), d || (d = i.includes(f))), u && (d || (d = u(f))), !d && i.length > 0) {
+        const b = [...new Set(i)].map((g) => JSON.stringify(g)).join(", ");
+        we(`Invalid prop: validation failed${t ? ` for prop "${t}"` : ""}. Expected one of [${b}], got value ${JSON.stringify(f)}.`);
+      }
+      return d;
+    } : void 0,
+    [ce]: !0
+  };
+  return te(e, "default") && (y.default = s), y;
+}, Ye = (e) => Ge(Object.entries(e).map(([t, n]) => [
+  t,
+  Xe(n, t)
+])), Ke = (e, t) => (e.install = (n) => {
+  for (const r of [e, ...Object.values({})])
+    n.component(r.name, r);
+}, e);
+var qe = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [r, s] of t)
+    n[r] = s;
+  return n;
+};
+const Je = Ye({
+  zIndex: {
+    type: Number,
+    default: 9
+  },
+  rotate: {
+    type: Number,
+    default: -22
+  },
+  width: Number,
+  height: Number,
+  image: String,
+  content: {
+    type: H([String, Array]),
+    default: "Element Plus"
+  },
+  font: {
+    type: H(Object)
+  },
+  gap: {
+    type: H(Array),
+    default: () => [100, 100]
+  },
+  offset: {
+    type: H(Array)
+  }
+});
+function Ze(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase();
+}
+function et(e) {
+  return Object.keys(e).map((t) => `${Ze(t)}: ${e[t]};`).join(" ");
+}
+function tt() {
+  return window.devicePixelRatio || 1;
+}
+const nt = (e, t) => {
+  let n = !1;
+  return e.removedNodes.length && t && (n = Array.from(e.removedNodes).includes(t)), e.type === "attributes" && e.target === t && (n = !0), n;
+}, fe = 3;
+function Q(e, t, n = 1) {
+  const r = document.createElement("canvas"), s = r.getContext("2d"), v = e * n, u = t * n;
+  return r.setAttribute("width", `${v}px`), r.setAttribute("height", `${u}px`), s.save(), [s, r, v, u];
+}
+function ot() {
+  function e(t, n, r, s, v, u, I, y) {
+    const [f, d, i, b] = Q(s, v, r);
+    if (t instanceof HTMLImageElement)
+      f.drawImage(t, 0, 0, i, b);
+    else {
+      const {
+        color: _,
+        fontSize: C,
+        fontStyle: T,
+        fontWeight: j,
+        fontFamily: pe,
+        textAlign: ve,
+        textBaseline: me
+      } = u, D = Number(C) * r;
+      f.font = `${T} normal ${j} ${D}px/${v}px ${pe}`, f.fillStyle = _, f.textAlign = ve, f.textBaseline = me;
+      const V = Array.isArray(t) ? t : [t];
+      V == null || V.forEach((G, ge) => {
+        f.fillText(G ?? "", i / 2, ge * (D + fe * r));
+      });
+    }
+    const g = Math.PI / 180 * Number(n), R = Math.max(s, v), [B, L, w] = Q(R, R, r);
+    B.translate(w / 2, w / 2), B.rotate(g), i > 0 && b > 0 && B.drawImage(d, -i / 2, -b / 2);
+    function m(_, C) {
+      const T = _ * Math.cos(g) - C * Math.sin(g), j = _ * Math.sin(g) + C * Math.cos(g);
+      return [T, j];
+    }
+    let S = 0, W = 0, N = 0, z = 0;
+    const A = i / 2, $ = b / 2;
+    [
+      [0 - A, 0 - $],
+      [0 + A, 0 - $],
+      [0 + A, 0 + $],
+      [0 - A, 0 + $]
+    ].forEach(([_, C]) => {
+      const [T, j] = m(_, C);
+      S = Math.min(S, T), W = Math.max(W, T), N = Math.min(N, j), z = Math.max(z, j);
+    });
+    const o = S + w / 2, a = N + w / 2, l = W - S, h = z - N, O = I * r, P = y * r, M = (l + O) * 2, k = h + P, [E, c] = Q(M, k);
+    function x(_ = 0, C = 0) {
+      E.drawImage(L, o, a, l, h, _, C, l, h);
+    }
+    return x(), x(l + O, -h / 2 - P / 2), x(l + O, +h / 2 + P / 2), [c.toDataURL(), M / r, k / r];
+  }
+  return e;
+}
+const at = F({
+  name: "ElWatermark"
+}), rt = /* @__PURE__ */ F({
+  ...at,
+  props: Je,
+  setup(e) {
+    const t = e, n = {
+      position: "relative"
+    }, r = p(() => {
+      var o, a;
+      return (a = (o = t.font) == null ? void 0 : o.color) != null ? a : "rgba(0,0,0,.15)";
+    }), s = p(() => {
+      var o, a;
+      return (a = (o = t.font) == null ? void 0 : o.fontSize) != null ? a : 16;
+    }), v = p(() => {
+      var o, a;
+      return (a = (o = t.font) == null ? void 0 : o.fontWeight) != null ? a : "normal";
+    }), u = p(() => {
+      var o, a;
+      return (a = (o = t.font) == null ? void 0 : o.fontStyle) != null ? a : "normal";
+    }), I = p(() => {
+      var o, a;
+      return (a = (o = t.font) == null ? void 0 : o.fontFamily) != null ? a : "sans-serif";
+    }), y = p(() => {
+      var o, a;
+      return (a = (o = t.font) == null ? void 0 : o.textAlign) != null ? a : "center";
+    }), f = p(() => {
+      var o, a;
+      return (a = (o = t.font) == null ? void 0 : o.textBaseline) != null ? a : "top";
+    }), d = p(() => t.gap[0]), i = p(() => t.gap[1]), b = p(() => d.value / 2), g = p(() => i.value / 2), R = p(() => {
+      var o, a;
+      return (a = (o = t.offset) == null ? void 0 : o[0]) != null ? a : b.value;
+    }), B = p(() => {
+      var o, a;
+      return (a = (o = t.offset) == null ? void 0 : o[1]) != null ? a : g.value;
+    }), L = () => {
+      const o = {
+        zIndex: t.zIndex,
+        position: "absolute",
+        left: 0,
+        top: 0,
+        width: "100%",
+        height: "100%",
+        pointerEvents: "none",
+        backgroundRepeat: "repeat"
+      };
+      let a = R.value - b.value, l = B.value - g.value;
+      return a > 0 && (o.left = `${a}px`, o.width = `calc(100% - ${a}px)`, a = 0), l > 0 && (o.top = `${l}px`, o.height = `calc(100% - ${l}px)`, l = 0), o.backgroundPosition = `${a}px ${l}px`, o;
+    }, w = U(null), m = U(), S = re(!1), W = () => {
+      m.value && (m.value.remove(), m.value = void 0);
+    }, N = (o, a) => {
+      var l;
+      w.value && m.value && (S.value = !0, m.value.setAttribute("style", et({
+        ...L(),
+        backgroundImage: `url('${o}')`,
+        backgroundSize: `${Math.floor(a)}px`
+      })), (l = w.value) == null || l.append(m.value), setTimeout(() => {
+        S.value = !1;
+      }));
+    }, z = (o) => {
+      let a = 120, l = 64;
+      const h = t.image, O = t.content, P = t.width, M = t.height;
+      if (!h && o.measureText) {
+        o.font = `${Number(s.value)}px ${I.value}`;
+        const k = Array.isArray(O) ? O : [O], E = k.map((c) => {
+          const x = o.measureText(c);
+          return [
+            x.width,
+            x.fontBoundingBoxAscent + x.fontBoundingBoxDescent
+          ];
+        });
+        a = Math.ceil(Math.max(...E.map((c) => c[0]))), l = Math.ceil(Math.max(...E.map((c) => c[1]))) * k.length + (k.length - 1) * fe;
+      }
+      return [P ?? a, M ?? l];
+    }, A = ot(), $ = () => {
+      const a = document.createElement("canvas").getContext("2d"), l = t.image, h = t.content, O = t.rotate;
+      if (a) {
+        m.value || (m.value = document.createElement("div"));
+        const P = tt(), [M, k] = z(a), E = (c) => {
+          const [x, _] = A(c || "", O, P, M, k, {
+            color: r.value,
+            fontSize: s.value,
+            fontStyle: u.value,
+            fontWeight: v.value,
+            fontFamily: I.value,
+            textAlign: y.value,
+            textBaseline: f.value
+          }, d.value, i.value);
+          N(x, _);
+        };
+        if (l) {
+          const c = new Image();
+          c.onload = () => {
+            E(c);
+          }, c.onerror = () => {
+            E(h);
+          }, c.crossOrigin = "anonymous", c.referrerPolicy = "no-referrer", c.src = l;
+        } else
+          E(h);
+      }
+    };
+    return oe(() => {
+      $();
+    }), ae(() => t, () => {
+      $();
+    }, {
+      deep: !0,
+      flush: "post"
+    }), Oe(() => {
+      W();
+    }), Re(w, (o) => {
+      S.value || o.forEach((a) => {
+        nt(a, m.value) && (W(), $());
+      });
+    }, {
+      attributes: !0
+    }), (o, a) => (se(), xe("div", {
+      ref_key: "containerRef",
+      ref: w,
+      style: Ie([n])
+    }, [
+      le(o.$slots, "default")
+    ], 4));
+  }
+});
+var st = /* @__PURE__ */ qe(rt, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/watermark/src/watermark.vue"]]);
+const lt = Ke(st), it = /* @__PURE__ */ F({
   __name: "index",
-  setup(r) {
-    return (t, e) => (n(), c(m(_), p({ class: "das-watermark" }, t.$attrs), {
-      default: d(() => [
-        l(t.$slots, "default", {}, void 0, !0)
+  setup(e) {
+    return (t, n) => (se(), Se(ne(lt), $e({ class: "das-watermark" }, t.$attrs), {
+      default: Pe(() => [
+        le(t.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), u = (r, t) => {
-  const e = r.__vccOpts || r;
-  for (const [a, o] of t)
-    e[a] = o;
-  return e;
-}, k = /* @__PURE__ */ u(f, [["__scopeId", "data-v-adae4d4c"]]), g = i(k), B = { title: "watermark 水印" };
+}), ut = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [r, s] of t)
+    n[r] = s;
+  return n;
+}, ct = /* @__PURE__ */ ut(it, [["__scopeId", "data-v-adae4d4c"]]), pt = ke(ct), vt = { title: "watermark 水印" };
 export {
-  g as DasWatermark,
-  B as default
+  pt as DasWatermark,
+  vt as default
 };