epic-designer-gold 0.0.39 → 0.0.40

package/dist/sign-DZvUIxel.js

@@ -0,0 +1,155 @@
+import { inject as A, watch as O, nextTick as U, ref as a, onMounted as H, onUnmounted as I, openBlock as N, createElementBlock as E, normalizeStyle as F, createElementVNode as r, createVNode as P, unref as v, withCtx as x, createTextVNode as w } from "vue";
+import { p as q, a as L } from "./axios-ITY6Uw7A.js";
+import { _ as G } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const J = { class: "btn" }, K = { class: "btns" }, Q = {
+  __name: "sign",
+  props: {
+    componentSchema: {
+      type: Object,
+      require: !0,
+      default: () => ({})
+    },
+    modelValue: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(k, { expose: _, emit: T }) {
+    const g = q.getComponent("button"), C = T, o = k, u = A("disabled", { value: !1 });
+    O(
+      () => o.componentSchema,
+      () => {
+        U(() => {
+          console.log("%c [  ]-23", "font-size:13px; background:pink; color:#bf2c9f;", o.componentSchema), f();
+        });
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const D = new ResizeObserver((t) => {
+      for (const e of t)
+        e.target && e.target.clientWidth && e.target.clientHeight && f();
+    }), l = a(null), s = a(null), n = a(), V = a("");
+    function f() {
+      var t, e;
+      if (s.value && ((t = s.value) != null && t.clientHeight) && ((e = s.value) != null && e.clientWidth)) {
+        if (l.value.height = s.value.clientHeight, l.value.width = s.value.clientWidth, n.value = l.value.getContext("2d"), o.modelValue) {
+          let c = new Image();
+          c.src = o.modelValue, c.setAttribute("crossOrigin", "anonymous"), c.onload = () => {
+            n.value.fillStyle = n.value.createPattern(c, "repeat"), n.value.fillRect(0, 0, 1e3, 550);
+          };
+        }
+        n.value.lineWidth = o.componentSchema.componentProps.lineWidth || 4, o.componentSchema && o.componentSchema.componentProps && o.componentSchema.componentProps.style && o.componentSchema.componentProps.style.color && (n.value.strokeStyle = o.componentSchema.componentProps.style.color), V.value = l.value.getBoundingClientRect();
+      }
+    }
+    const p = a(""), m = a(""), W = a(""), z = a(""), i = a([]), h = a(!1);
+    function B(t) {
+      if (u.value || o.componentSchema.componentProps.readonly || o.componentSchema.componentProps.disabled)
+        return;
+      t = t || event, t.preventDefault();
+      let e = {
+        x: t.offsetX,
+        y: t.offsetY
+      };
+      p.value = e.x, m.value = e.y, n.value.beginPath(), n.value.moveTo(e.x, e.y), n.value.lineTo(e.x, e.y), n.value.stroke(), n.value.closePath(), i.value.push(e), h.value = !0;
+    }
+    function M(t) {
+      if (!(u.value || o.componentSchema.componentProps.readonly || o.componentSchema.componentProps.disabled) && (t = t || event, t.preventDefault(), h.value)) {
+        let e = {
+          x: t.offsetX,
+          y: t.offsetY
+        };
+        W.value = e.x, z.value = e.y, n.value.beginPath(), n.value.moveTo(p.value, m.value), n.value.lineTo(e.x, e.y), n.value.stroke(), n.value.closePath(), p.value = e.x, m.value = e.y, i.value.push(e);
+      }
+    }
+    function j(t) {
+      if (u.value || o.componentSchema.componentProps.readonly || o.componentSchema.componentProps.disabled)
+        return;
+      t = t || event, t.preventDefault();
+      let e = {
+        x: t.offsetX,
+        y: t.offsetY
+      };
+      n.value.beginPath(), n.value.moveTo(p.value, m.value), n.value.lineTo(e.x, e.y), n.value.stroke(), n.value.closePath(), i.value.push(e), i.value.push({ x: -1, y: -1 }), h.value = !1;
+    }
+    function b() {
+      n.value.clearRect(0, 0, l.value.width, l.value.height), i.value = [];
+    }
+    async function y() {
+      let t = await R(l.value.toDataURL("image/png"));
+      C("update:modelValue", t);
+    }
+    async function R(t) {
+      let e = atob(t.split(",")[1]), c = new ArrayBuffer(e.length), X = new Uint8Array(c);
+      for (let d = 0; d < e.length; d++)
+        X[d] = e.charCodeAt(d);
+      let Y = new Blob([c], { type: "image/png" }), S = new FormData();
+      return S.append("file", Y, Date.now() + "png"), (await L({
+        method: "post",
+        url: "https://ess-ds.com/prod-api/center-file/file/upload",
+        data: S,
+        headers: {
+          "Content-Type": "multipart/form-data"
+        }
+      })).data.data.url;
+    }
+    return H(() => {
+      f(), D.observe(s.value);
+    }), I(() => {
+    }), _({
+      surewrite: y
+    }), (t, e) => (N(), E("div", {
+      class: "sign",
+      style: F({
+        height: o.componentSchema.componentProps.style.height,
+        width: o.componentSchema.componentProps.style.width || "100%"
+      })
+    }, [
+      r("div", {
+        class: "canvas",
+        ref_key: "canvasWrap",
+        ref: s
+      }, [
+        r("canvas", {
+          ref_key: "canvas",
+          ref: l,
+          onMousedown: B,
+          onMousemove: M,
+          onMouseup: j
+        }, null, 544)
+      ], 512),
+      r("div", J, [
+        e[2] || (e[2] = r("div", { class: "remark" }, null, -1)),
+        r("div", K, [
+          P(v(g), {
+            disabled: v(u) || o.componentSchema.componentProps.readonly || o.componentSchema.componentProps.disabled,
+            type: "info",
+            size: "mini",
+            onClick: b,
+            onTouch: b
+          }, {
+            default: x(() => e[0] || (e[0] = [
+              w("重写")
+            ])),
+            _: 1
+          }, 8, ["disabled"]),
+          P(v(g), {
+            disabled: v(u) || o.componentSchema.componentProps.readonly || o.componentSchema.componentProps.disabled,
+            type: "primary",
+            size: "mini",
+            onClick: y,
+            onTouch: y
+          }, {
+            default: x(() => e[1] || (e[1] = [
+              w("确定")
+            ])),
+            _: 1
+          }, 8, ["disabled"])
+        ])
+      ])
+    ], 4));
+  }
+}, oe = /* @__PURE__ */ G(Q, [["__scopeId", "data-v-932b902a"]]);
+export {
+  oe as default
+};