epic-designer-gold 0.0.38 → 0.0.40

package/dist/sign-CSv8hClp.js

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