epic-designer-gold 0.0.48 → 0.0.49

package/dist/sign-BJBURbHk.js

@@ -0,0 +1,218 @@
+import { inject as G, watch as J, nextTick as D, ref as l, onMounted as K, onUnmounted as Q, openBlock as x, createElementBlock as w, createVNode as S, unref as P, withCtx as _, createElementVNode as m, createTextVNode as M } from "vue";
+import { p as A, a as Z, b as ee } from "./js.cookie-oHpRFPCO.js";
+import { ElMessageBox as R, ElMessage as k } from "element-plus";
+import { _ as te } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const oe = { class: "sign-main" }, ae = ["src"], ne = {
+  class: "sign",
+  style: {
+    height: "100%",
+    width: "100%"
+  }
+}, le = ["id"], se = { class: "btn" }, ue = { class: "btns" }, ie = {
+  __name: "sign",
+  props: {
+    componentSchema: {
+      type: Object,
+      require: !0,
+      default: () => ({})
+    },
+    modelValue: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(W, { expose: j, emit: E }) {
+    const T = A.getComponent("button"), U = A.getComponent("Dialog"), X = E, a = W, p = G("disabled", { value: !1 });
+    J(
+      () => a.componentSchema,
+      () => {
+        D(() => {
+          f.value = a.modelValue;
+        });
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const n = l(null), i = l(null), o = l(), Y = l("");
+    function I() {
+      var t, e, u, h;
+      if (i.value && ((t = i.value) != null && t.clientHeight) && ((e = i.value) != null && e.clientWidth)) {
+        if (n.value = document.getElementById(`canvas${a.componentSchema.field}`), n.value.height = ((u = i.value) == null ? void 0 : u.clientHeight) || 600, n.value.width = (h = i.value) == null ? void 0 : h.clientWidth, o.value = n.value.getContext("2d"), a.modelValue) {
+          let r = new Image();
+          r.src = a.modelValue, r.setAttribute("crossOrigin", "anonymous"), r.onload = () => {
+            o.value.fillStyle = o.value.createPattern(r, "repeat"), o.value.fillRect(0, 0, 1e3, 550);
+          };
+        }
+        o.value.lineWidth = a.componentSchema.componentProps.lineWidth || 4, a.componentSchema && a.componentSchema.componentProps && a.componentSchema.componentProps.style && a.componentSchema.componentProps.style.color && (o.value.strokeStyle = a.componentSchema.componentProps.style.color), Y.value = n.value.getBoundingClientRect();
+      }
+    }
+    const d = l(""), v = l(""), z = l(""), N = l(""), s = l([]), y = l(!1);
+    function F(t) {
+      if (p.value || a.componentSchema.componentProps.readonly || a.componentSchema.componentProps.disabled)
+        return;
+      t = t || event, t.preventDefault();
+      let e = {
+        x: t.offsetX,
+        y: t.offsetY
+      };
+      d.value = e.x, v.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(), s.value.push(e), y.value = !0;
+    }
+    function H(t) {
+      if (!(p.value || a.componentSchema.componentProps.readonly || a.componentSchema.componentProps.disabled) && (t = t || event, t.preventDefault(), y.value)) {
+        let e = {
+          x: t.offsetX,
+          y: t.offsetY
+        };
+        z.value = e.x, N.value = e.y, o.value.beginPath(), o.value.moveTo(d.value, v.value), o.value.lineTo(e.x, e.y), o.value.stroke(), o.value.closePath(), d.value = e.x, v.value = e.y, s.value.push(e);
+      }
+    }
+    function O(t) {
+      if (p.value || a.componentSchema.componentProps.readonly || a.componentSchema.componentProps.disabled)
+        return;
+      t = t || event, t.preventDefault();
+      let e = {
+        x: t.offsetX,
+        y: t.offsetY
+      };
+      o.value.beginPath(), o.value.moveTo(d.value, v.value), o.value.lineTo(e.x, e.y), o.value.stroke(), o.value.closePath(), s.value.push(e), s.value.push({ x: -1, y: -1 }), y.value = !1;
+    }
+    function B() {
+      R.confirm("重写将清空画布，请确定是否重写？", "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        o.value.clearRect(0, 0, n.value.width, n.value.height), s.value = [], k({
+          type: "info",
+          message: "清空成功"
+        });
+      }).catch(() => {
+      });
+    }
+    const f = l("");
+    async function b() {
+      let t = await $(n.value.toDataURL("image/png"));
+      f.value = t, X("update:modelValue", t);
+    }
+    async function $(t) {
+      try {
+        let e = atob(t.split(",")[1]), u = new ArrayBuffer(e.length), h = new Uint8Array(u);
+        for (let g = 0; g < e.length; g++)
+          h[g] = e.charCodeAt(g);
+        let r = new Blob([u], { type: "image/png" }), C = new FormData();
+        C.append("file", r, Date.now() + "png");
+        let L = await Z({
+          method: "post",
+          url: "https://ess-ds.com/prod-api/center-file/file/upload",
+          data: C,
+          headers: {
+            "Content-Type": "multipart/form-data",
+            Authorization: "Bearer " + ee.get("Admin-Token")
+          }
+        });
+        return k({
+          type: "success",
+          message: "上传成功"
+        }), L.data.data.url;
+      } catch {
+        k({
+          type: "warning",
+          message: "上传失败"
+        }), c.value = !1;
+      } finally {
+        c.value = !1;
+      }
+    }
+    const c = l(!1);
+    function q() {
+      R.confirm("是否放弃本次签字？", "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        o.value.clearRect(0, 0, n.value.width, n.value.height), s.value = [], c.value = !1;
+      }).catch(() => !1);
+    }
+    function V() {
+      p.value || a.componentSchema.componentProps.readonly || a.componentSchema.componentProps.disabled || (c.value = !0, o.value && (o.value.clearRect(0, 0, n.value.width, n.value.height), s.value = []), D(() => {
+        I();
+      }));
+    }
+    return K(() => {
+    }), Q(() => {
+    }), j({
+      surewrite: b
+    }), (t, e) => (x(), w("div", oe, [
+      f.value ? (x(), w("img", {
+        key: 1,
+        class: "sign-board",
+        src: f.value,
+        alt: "",
+        onClick: V
+      }, null, 8, ae)) : (x(), w("div", {
+        key: 0,
+        class: "sign-board",
+        onClick: V
+      }, "签字板")),
+      S(P(U), {
+        modelValue: c.value,
+        "onUpdate:modelValue": e[0] || (e[0] = (u) => c.value = u),
+        title: "签字板",
+        class: "w-860px",
+        width: "860px",
+        style: { height: "600px" },
+        "before-close": q,
+        draggable: !1,
+        modal: ""
+      }, {
+        default: _(() => [
+          m("div", ne, [
+            m("div", {
+              class: "canvas",
+              ref_key: "canvasWrap",
+              ref: i
+            }, [
+              m("canvas", {
+                id: `canvas${a.componentSchema.field}`,
+                onMousedown: F,
+                onMousemove: H,
+                onMouseup: O
+              }, null, 40, le)
+            ], 512),
+            m("div", se, [
+              e[3] || (e[3] = m("div", { class: "remark" }, null, -1)),
+              m("div", ue, [
+                S(P(T), {
+                  type: "info",
+                  size: "mini",
+                  onClick: B,
+                  onTouch: B
+                }, {
+                  default: _(() => e[1] || (e[1] = [
+                    M("重写")
+                  ])),
+                  _: 1
+                }),
+                S(P(T), {
+                  type: "primary",
+                  size: "mini",
+                  onClick: b,
+                  onTouch: b
+                }, {
+                  default: _(() => e[2] || (e[2] = [
+                    M("确定")
+                  ])),
+                  _: 1
+                })
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ]));
+  }
+}, de = /* @__PURE__ */ te(ie, [["__scopeId", "data-v-017ab137"]]);
+export {
+  de as default
+};

package/dist/sign-Cn6LXVcp.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),y=require("./js.cookie-BH1G_HRi.cjs"),m=require("element-plus"),X=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Y={class:"sign-main"},I=["src"],z={class:"sign",style:{height:"100%",width:"100%"}},H=["id"],O={class:"btn"},F={class:"btns"},$={__name:"sign",props:{componentSchema:{type:Object,require:!0,default:()=>({})},modelValue:{type:String,default:""}},emits:["update:modelValue"],setup(V,{expose:_,emit:T}){const w=y.pluginManager.getComponent("button"),B=y.pluginManager.getComponent("Dialog"),E=T,a=V,p=e.inject("disabled",{value:!1});e.watch(()=>a.componentSchema,()=>{e.nextTick(()=>{f.value=a.modelValue})},{deep:!0,immediate:!0});const l=e.ref(null),c=e.ref(null),n=e.ref(),C=e.ref("");function M(){var o,t,u,h;if(c.value&&((o=c.value)!=null&&o.clientHeight)&&((t=c.value)!=null&&t.clientWidth)){if(l.value=document.getElementById(`canvas${a.componentSchema.field}`),l.value.height=((u=c.value)==null?void 0:u.clientHeight)||600,l.value.width=(h=c.value)==null?void 0:h.clientWidth,n.value=l.value.getContext("2d"),a.modelValue){let r=new Image;r.src=a.modelValue,r.setAttribute("crossOrigin","anonymous"),r.onload=()=>{n.value.fillStyle=n.value.createPattern(r,"repeat"),n.value.fillRect(0,0,1e3,550)}}n.value.lineWidth=a.componentSchema.componentProps.lineWidth||4,a.componentSchema&&a.componentSchema.componentProps&&a.componentSchema.componentProps.style&&a.componentSchema.componentProps.style.color&&(n.value.strokeStyle=a.componentSchema.componentProps.style.color),C.value=l.value.getBoundingClientRect()}}const d=e.ref(""),v=e.ref(""),D=e.ref(""),N=e.ref(""),s=e.ref([]),x=e.ref(!1);function j(o){if(p.value||a.componentSchema.componentProps.readonly||a.componentSchema.componentProps.disabled)return;o=o||event,o.preventDefault();let t={x:o.offsetX,y:o.offsetY};d.value=t.x,v.value=t.y,n.value.beginPath(),n.value.moveTo(t.x,t.y),n.value.lineTo(t.x,t.y),n.value.stroke(),n.value.closePath(),s.value.push(t),x.value=!0}function A(o){if(!(p.value||a.componentSchema.componentProps.readonly||a.componentSchema.componentProps.disabled)&&(o=o||event,o.preventDefault(),x.value)){let t={x:o.offsetX,y:o.offsetY};D.value=t.x,N.value=t.y,n.value.beginPath(),n.value.moveTo(d.value,v.value),n.value.lineTo(t.x,t.y),n.value.stroke(),n.value.closePath(),d.value=t.x,v.value=t.y,s.value.push(t)}}function R(o){if(p.value||a.componentSchema.componentProps.readonly||a.componentSchema.componentProps.disabled)return;o=o||event,o.preventDefault();let t={x:o.offsetX,y:o.offsetY};n.value.beginPath(),n.value.moveTo(d.value,v.value),n.value.lineTo(t.x,t.y),n.value.stroke(),n.value.closePath(),s.value.push(t),s.value.push({x:-1,y:-1}),x.value=!1}function S(){m.ElMessageBox.confirm("重写将清空画布，请确定是否重写？","警告",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then(()=>{n.value.clearRect(0,0,l.value.width,l.value.height),s.value=[],m.ElMessage({type:"info",message:"清空成功"})}).catch(()=>{})}const f=e.ref("");async function b(){let o=await W(l.value.toDataURL("image/png"));f.value=o,E("update:modelValue",o)}async function W(o){try{let t=atob(o.split(",")[1]),u=new ArrayBuffer(t.length),h=new Uint8Array(u);for(let g=0;g<t.length;g++)h[g]=t.charCodeAt(g);let r=new Blob([u],{type:"image/png"}),P=new FormData;P.append("file",r,Date.now()+"png");let U=await y.axios({method:"post",url:"https://ess-ds.com/prod-api/center-file/file/upload",data:P,headers:{"Content-Type":"multipart/form-data",Authorization:"Bearer "+y.api.get("Admin-Token")}});return m.ElMessage({type:"success",message:"上传成功"}),U.data.data.url}catch{m.ElMessage({type:"warning",message:"上传失败"}),i.value=!1}finally{i.value=!1}}const i=e.ref(!1);function q(){m.ElMessageBox.confirm("是否放弃本次签字？","警告",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then(()=>{n.value.clearRect(0,0,l.value.width,l.value.height),s.value=[],i.value=!1}).catch(()=>!1)}function k(){p.value||a.componentSchema.componentProps.readonly||a.componentSchema.componentProps.disabled||(i.value=!0,n.value&&(n.value.clearRect(0,0,l.value.width,l.value.height),s.value=[]),e.nextTick(()=>{M()}))}return e.onMounted(()=>{}),e.onUnmounted(()=>{}),_({surewrite:b}),(o,t)=>(e.openBlock(),e.createElementBlock("div",Y,[f.value?(e.openBlock(),e.createElementBlock("img",{key:1,class:"sign-board",src:f.value,alt:"",onClick:k},null,8,I)):(e.openBlock(),e.createElementBlock("div",{key:0,class:"sign-board",onClick:k},"签字板")),e.createVNode(e.unref(B),{modelValue:i.value,"onUpdate:modelValue":t[0]||(t[0]=u=>i.value=u),title:"签字板",class:"w-860px",width:"860px",style:{height:"600px"},"before-close":q,draggable:!1,modal:""},{default:e.withCtx(()=>[e.createElementVNode("div",z,[e.createElementVNode("div",{class:"canvas",ref_key:"canvasWrap",ref:c},[e.createElementVNode("canvas",{id:`canvas${a.componentSchema.field}`,onMousedown:j,onMousemove:A,onMouseup:R},null,40,H)],512),e.createElementVNode("div",O,[t[3]||(t[3]=e.createElementVNode("div",{class:"remark"},null,-1)),e.createElementVNode("div",F,[e.createVNode(e.unref(w),{type:"info",size:"mini",onClick:S,onTouch:S},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode("重写")])),_:1}),e.createVNode(e.unref(w),{type:"primary",size:"mini",onClick:b,onTouch:b},{default:e.withCtx(()=>t[2]||(t[2]=[e.createTextVNode("确定")])),_:1})])])])]),_:1},8,["modelValue"])]))}},L=X._export_sfc($,[["__scopeId","data-v-017ab137"]]);exports.default=L;