@das-fed/ui 6.4.0-hot.5 → 6.4.0-hot.7

package/packages/components/watermark/index.js

@@ -1,376 +1,25 @@
 import '@das-fed/ui/packages/components/watermark/style.css';
-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({
+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({
   __name: "index",
-  setup(e) {
-    return (t, n) => (se(), Se(ne(lt), $e({ class: "das-watermark" }, t.$attrs), {
-      default: Pe(() => [
-        le(t.$slots, "default", {}, void 0, !0)
+  setup(r) {
+    return (t, e) => (n(), c(m(_), p({ class: "das-watermark" }, t.$attrs), {
+      default: d(() => [
+        l(t.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), 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 水印" };
+}), 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 水印" };
 export {
-  pt as DasWatermark,
-  vt as default
+  g as DasWatermark,
+  B as default
 };