epic-designer-gold 0.0.48 → 1.0.0

package/dist/index-DiYy4kUz.js

@@ -1,228 +0,0 @@
-import { defineComponent as D, inject as j, resolveComponent as J, openBlock as v, createBlock as I, unref as r, isRef as E, withCtx as z, createElementVNode as p, normalizeClass as M, createVNode as m, createCommentVNode as A, createElementBlock as g, ref as K, reactive as B, onMounted as L, watch as P, provide as R, Fragment as F, renderList as q, toDisplayString as G, withDirectives as H, vShow as Q, createTextVNode as W } from "vue";
-import { d as X } from "./vuedraggable.umd-D2S7Eo7p.js";
-import { p as f, E as $, a as Y, b as w } from "./js.cookie-oHpRFPCO.js";
-import { _ as S } from "./icon.vue_vue_type_script_setup_true_lang-D3QdcReY.js";
-import { n as N } from "./index-Dy65ngnp.js";
-import { ElMessage as Z } from "element-plus";
-import { _ as ee } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const le = {
-  key: 0,
-  class: "pl-4"
-}, te = /* @__PURE__ */ D({
-  name: "EOptionItem",
-  __name: "optionItem",
-  props: {
-    modelValue: {}
-  },
-  emits: ["update:modelValue"],
-  setup(y, { emit: k }) {
-    const C = y, b = f.getComponent("input"), c = j("tree", !1), s = N(C, "modelValue", k);
-    function x(t) {
-      const d = {
-        label: "",
-        value: ""
-      };
-      t.children ? t.children.push(d) : t.children = [d];
-    }
-    function o(t) {
-      s.value = s.value.filter((d, V) => V !== t);
-    }
-    return (t, d) => {
-      const V = J("EOptionItem");
-      return v(), I(r(X), {
-        modelValue: r(s),
-        "onUpdate:modelValue": d[0] || (d[0] = (n) => E(s) ? s.value = n : null),
-        "item-key": "id",
-        "component-data": {
-          type: "transition-group"
-        },
-        group: "option-list",
-        handle: ".handle",
-        animation: 200
-      }, {
-        item: z(({ element: n, index: _ }) => [
-          p("div", null, [
-            p("div", {
-              class: M([r(c) ? "grid-cols-[16px_auto_auto_16px_16px]" : "grid-cols-[16px_auto_auto_16px]", "option-item text-16px grid text-$epic-text-secondary gap-2 items-center mb-2"])
-            }, [
-              m(r(S), {
-                class: "mr-2 cursor-move handle",
-                name: "icon--epic--drag"
-              }),
-              m(r(b), {
-                modelValue: n.label,
-                "onUpdate:modelValue": (i) => n.label = i,
-                value: n.label,
-                "onUpdate:value": (i) => n.label = i,
-                placeholder: "label"
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "onUpdate:value"]),
-              m(r(b), {
-                modelValue: n.value,
-                "onUpdate:modelValue": (i) => n.value = i,
-                value: n.value,
-                "onUpdate:value": (i) => n.value = i,
-                placeholder: "value"
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "onUpdate:value"]),
-              r(c) ? (v(), I(r(S), {
-                key: 0,
-                class: "cursor-pointer text-lg!",
-                name: "icon--epic--add-rounded",
-                onClick: (i) => x(n)
-              }, null, 8, ["onClick"])) : A("", !0),
-              m(r(S), {
-                class: "hover:text-red cursor-pointer",
-                name: "icon--epic--delete-outline-rounded",
-                onClick: (i) => o(_)
-              }, null, 8, ["onClick"])
-            ], 2),
-            n.children ? (v(), g("div", le, [
-              m(V, {
-                modelValue: n.children,
-                "onUpdate:modelValue": (i) => n.children = i
-              }, null, 8, ["modelValue", "onUpdate:modelValue"])
-            ])) : A("", !0)
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), ae = { class: "" }, ne = { class: "epic-tabs-box" }, oe = ["title", "onClick"], re = { key: 0 }, ie = { class: "py-4 my-2 text-center text-gray-400 bg-white" }, ue = { key: 1 }, se = /* @__PURE__ */ D({
-  __name: "index",
-  props: {
-    tree: { type: Boolean },
-    modelValue: {},
-    dynamicId: {},
-    type: {}
-  },
-  emits: ["update:modelValue", "update:EOptionsEditor"],
-  setup(y, { emit: k }) {
-    const C = f.getComponent("button"), b = f.getComponent("select"), c = K([]), h = B({
-      title: "静态"
-    }), s = y, x = k;
-    $.on("deleteSourceData", (l) => {
-      t.value === l && (t.value = "", o.value = []);
-    }), $.on("updateSource", (l) => {
-      c.value = f.sourceData.map((e) => ({
-        ...e,
-        label: e.apiName,
-        value: e.id
-      })), _(t.value);
-    }), L(() => {
-      c.value = f.sourceData.map((l) => ({
-        ...l,
-        label: l.apiName,
-        value: l.id
-      })), _(t.value);
-    });
-    const o = N(s, "modelValue", x), t = N(s, "dynamicId", x);
-    function d(l, e, u) {
-      return l && Object.prototype.toString.call(l) === "[object Array]" ? l.map((a) => a.children && a.children.length ? {
-        label: a[e],
-        value: a[u] + "",
-        children: d(a.children, e, u)
-      } : {
-        label: a[e],
-        value: a[u] + ""
-      }) : (Z.info("请检查数据位置是否配置准确"), []);
-    }
-    P(
-      () => t.value,
-      async () => {
-        t.value ? h.title = "动态" : h.title = "静态";
-      },
-      {
-        immediate: !0
-      }
-    );
-    const V = [
-      {
-        title: "静态"
-      },
-      {
-        title: "动态"
-      }
-    ];
-    async function n(l) {
-      h.title = l.title, l.title === "静态" ? (o.value = [], t.value = "") : (o.value = [], c.value = f.sourceData.map((e) => ({
-        ...e,
-        label: e.apiName,
-        value: e.id
-      })));
-    }
-    async function _(l) {
-      const e = c.value.find((u) => u.id === l);
-      if (e && e.url) {
-        let u = await Y({
-          method: (e == null ? void 0 : e.method) || "get",
-          url: e.url,
-          // url: "http://localhost:3333/users",
-          params: e != null && e.params ? JSON.parse(e == null ? void 0 : e.params) : {},
-          data: e != null && e.data ? JSON.parse(e == null ? void 0 : e.data) : {},
-          headers: e != null && e.header ? {
-            ...JSON.parse(e == null ? void 0 : e.header),
-            Authorization: "Bearer " + w.get("Admin-Token")
-          } : {
-            Authorization: "Bearer " + w.get("Admin-Token")
-          }
-        });
-        if (e && (e != null && e.dataPath)) {
-          const U = e.dataPath.split(".").reduce((O, T) => O[T], u.data);
-          o.value = d(U, e.dataKey, e.dataValue);
-        } else
-          o.value = d(u.data, e.dataKey, e.dataValue);
-      }
-    }
-    s.modelValue, R("tree", s.tree);
-    function i() {
-      const l = B({
-        label: "",
-        value: ""
-      });
-      o.value.length ? o.value = [...o.value, l] : o.value = [l];
-    }
-    return (l, e) => {
-      var u;
-      return v(), g("div", ae, [
-        p("div", null, [
-          p("div", ne, [
-            (v(), g(F, null, q(V, (a, U) => p("div", {
-              class: M(["epic-tab cursor-pointer truncate", { checked: h.title === a.title }]),
-              key: U,
-              title: a.title,
-              onClick: (O) => n(a)
-            }, G(a.title), 11, oe)), 64))
-          ]),
-          h.title === "静态" ? (v(), g("div", re, [
-            H(p("div", ie, "暂无选项", 512), [
-              [Q, !((u = r(o)) != null && u.length)]
-            ]),
-            m(te, {
-              modelValue: r(o),
-              "onUpdate:modelValue": e[0] || (e[0] = (a) => E(o) ? o.value = a : null)
-            }, null, 8, ["modelValue"]),
-            m(r(C), { onClick: i }, {
-              default: z(() => e[2] || (e[2] = [
-                W("添加选项")
-              ])),
-              _: 1
-            })
-          ])) : (v(), g("div", ue, [
-            e[3] || (e[3] = p("span", { style: { "font-size": "12px", "margin-bottom": "8px", display: "inline-block" } }, "数据源", -1)),
-            m(r(b), {
-              modelValue: r(t),
-              "onUpdate:modelValue": e[1] || (e[1] = (a) => E(t) ? t.value = a : null),
-              placeholder: "请选择数据源",
-              clearable: "",
-              options: c.value,
-              onChange: _
-            }, null, 8, ["modelValue", "options"])
-          ]))
-        ])
-      ]);
-    };
-  }
-}), Ve = /* @__PURE__ */ ee(se, [["__scopeId", "data-v-5a353824"]]);
-export {
-  Ve as default
-};

package/dist/index-YV7i1gyI.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),B=require("./vuedraggable.umd-BqhSJIAi.cjs"),c=require("./js.cookie-BH1G_HRi.cjs"),b=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),x=require("./index-CtK_8YxJ.cjs"),E=require("element-plus"),S=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),U={key:0,class:"pl-4"},M=e.defineComponent({name:"EOptionItem",__name:"optionItem",props:{modelValue:{}},emits:["update:modelValue"],setup(h,{emit:g}){const k=h,f=c.pluginManager.getComponent("input"),p=e.inject("tree",!1),m=g,d=x.useVModel(k,"modelValue",m);function _(n){const s={label:"",value:""};n.children?n.children.push(s):n.children=[s]}function r(n){d.value=d.value.filter((s,v)=>v!==n)}return(n,s)=>{const v=e.resolveComponent("EOptionItem");return e.openBlock(),e.createBlock(e.unref(B.draggable),{modelValue:e.unref(d),"onUpdate:modelValue":s[0]||(s[0]=o=>e.isRef(d)?d.value=o:null),"item-key":"id","component-data":{type:"transition-group"},group:"option-list",handle:".handle",animation:200},{item:e.withCtx(({element:o,index:V})=>[e.createElementVNode("div",null,[e.createElementVNode("div",{class:e.normalizeClass([e.unref(p)?"grid-cols-[16px_auto_auto_16px_16px]":"grid-cols-[16px_auto_auto_16px]","option-item text-16px grid text-$epic-text-secondary gap-2 items-center mb-2"])},[e.createVNode(e.unref(b._sfc_main),{class:"mr-2 cursor-move handle",name:"icon--epic--drag"}),e.createVNode(e.unref(f),{modelValue:o.label,"onUpdate:modelValue":u=>o.label=u,value:o.label,"onUpdate:value":u=>o.label=u,placeholder:"label"},null,8,["modelValue","onUpdate:modelValue","value","onUpdate:value"]),e.createVNode(e.unref(f),{modelValue:o.value,"onUpdate:modelValue":u=>o.value=u,value:o.value,"onUpdate:value":u=>o.value=u,placeholder:"value"},null,8,["modelValue","onUpdate:modelValue","value","onUpdate:value"]),e.unref(p)?(e.openBlock(),e.createBlock(e.unref(b._sfc_main),{key:0,class:"cursor-pointer text-lg!",name:"icon--epic--add-rounded",onClick:u=>_(o)},null,8,["onClick"])):e.createCommentVNode("",!0),e.createVNode(e.unref(b._sfc_main),{class:"hover:text-red cursor-pointer",name:"icon--epic--delete-outline-rounded",onClick:u=>r(V)},null,8,["onClick"])],2),o.children?(e.openBlock(),e.createElementBlock("div",U,[e.createVNode(v,{modelValue:o.children,"onUpdate:modelValue":u=>o.children=u},null,8,["modelValue","onUpdate:modelValue"])])):e.createCommentVNode("",!0)])]),_:1},8,["modelValue"])}}}),O={class:""},I={class:"epic-tabs-box"},A=["title","onClick"],q={key:0},w={class:"py-4 my-2 text-center text-gray-400 bg-white"},$={key:1},D=e.defineComponent({__name:"index",props:{tree:{type:Boolean},modelValue:{},dynamicId:{},type:{}},emits:["update:modelValue","update:EOptionsEditor"],setup(h,{emit:g}){const k=c.pluginManager.getComponent("button"),f=c.pluginManager.getComponent("select"),p=e.ref([]),m=e.reactive({title:"静态"}),d=h,_=g;c.EventBus.on("deleteSourceData",t=>{n.value===t&&(n.value="",r.value=[])}),c.EventBus.on("updateSource",t=>{p.value=c.pluginManager.sourceData.map(l=>({...l,label:l.apiName,value:l.id})),V(n.value)}),e.onMounted(()=>{p.value=c.pluginManager.sourceData.map(t=>({...t,label:t.apiName,value:t.id})),V(n.value)});const r=x.useVModel(d,"modelValue",_),n=x.useVModel(d,"dynamicId",_);function s(t,l,i){return t&&Object.prototype.toString.call(t)==="[object Array]"?t.map(a=>a.children&&a.children.length?{label:a[l],value:a[i]+"",children:s(a.children,l,i)}:{label:a[l],value:a[i]+""}):(E.ElMessage.info("请检查数据位置是否配置准确"),[])}e.watch(()=>n.value,async()=>{n.value?m.title="动态":m.title="静态"},{immediate:!0});const v=[{title:"静态"},{title:"动态"}];async function o(t){m.title=t.title,t.title==="静态"?(r.value=[],n.value=""):(r.value=[],p.value=c.pluginManager.sourceData.map(l=>({...l,label:l.apiName,value:l.id})))}async function V(t){const l=p.value.find(i=>i.id===t);if(l&&l.url){let i=await c.axios({method:(l==null?void 0:l.method)||"get",url:l.url,params:l!=null&&l.params?JSON.parse(l==null?void 0:l.params):{},data:l!=null&&l.data?JSON.parse(l==null?void 0:l.data):{},headers:l!=null&&l.header?{...JSON.parse(l==null?void 0:l.header),Authorization:"Bearer "+c.api.get("Admin-Token")}:{Authorization:"Bearer "+c.api.get("Admin-Token")}});if(l&&(l!=null&&l.dataPath)){const y=l.dataPath.split(".").reduce((N,C)=>N[C],i.data);r.value=s(y,l.dataKey,l.dataValue)}else r.value=s(i.data,l.dataKey,l.dataValue)}}d.modelValue,e.provide("tree",d.tree);function u(){const t=e.reactive({label:"",value:""});r.value.length?r.value=[...r.value,t]:r.value=[t]}return(t,l)=>{var i;return e.openBlock(),e.createElementBlock("div",O,[e.createElementVNode("div",null,[e.createElementVNode("div",I,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(v,(a,y)=>e.createElementVNode("div",{class:e.normalizeClass(["epic-tab cursor-pointer truncate",{checked:m.title===a.title}]),key:y,title:a.title,onClick:N=>o(a)},e.toDisplayString(a.title),11,A)),64))]),m.title==="静态"?(e.openBlock(),e.createElementBlock("div",q,[e.withDirectives(e.createElementVNode("div",w,"暂无选项",512),[[e.vShow,!((i=e.unref(r))!=null&&i.length)]]),e.createVNode(M,{modelValue:e.unref(r),"onUpdate:modelValue":l[0]||(l[0]=a=>e.isRef(r)?r.value=a:null)},null,8,["modelValue"]),e.createVNode(e.unref(k),{onClick:u},{default:e.withCtx(()=>l[2]||(l[2]=[e.createTextVNode("添加选项")])),_:1})])):(e.openBlock(),e.createElementBlock("div",$,[l[3]||(l[3]=e.createElementVNode("span",{style:{"font-size":"12px","margin-bottom":"8px",display:"inline-block"}},"数据源",-1)),e.createVNode(e.unref(f),{modelValue:e.unref(n),"onUpdate:modelValue":l[1]||(l[1]=a=>e.isRef(n)?n.value=a:null),placeholder:"请选择数据源",clearable:"",options:p.value,onChange:V},null,8,["modelValue","options"])]))])])}}}),j=S._export_sfc(D,[["__scopeId","data-v-5a353824"]]);exports.default=j;

package/dist/sign-BRchUdJt.js

@@ -1,156 +0,0 @@
-import { inject as Y, 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 S, unref as v, withCtx as x, createTextVNode as w } from "vue";
-import { p as q, a as L, b as G } from "./js.cookie-oHpRFPCO.js";
-import { _ as J } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const K = { class: "btn" }, Q = { class: "btns" }, Z = {
-  __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, n = k, i = Y("disabled", { value: !1 });
-    O(
-      () => n.componentSchema,
-      () => {
-        U(() => {
-          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), o = 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, o.value = l.value.getContext("2d"), n.modelValue) {
-          let c = new Image();
-          c.src = n.modelValue, c.setAttribute("crossOrigin", "anonymous"), c.onload = () => {
-            o.value.fillStyle = o.value.createPattern(c, "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), V.value = l.value.getBoundingClientRect();
-      }
-    }
-    const p = a(""), m = a(""), B = a(""), W = a(""), u = a([]), h = a(!1);
-    function z(t) {
-      if (i.value || n.componentSchema.componentProps.readonly || n.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, o.value.beginPath(), o.value.moveTo(e.x, e.y), o.value.lineTo(e.x, e.y), o.value.stroke(), o.value.closePath(), u.value.push(e), h.value = !0;
-    }
-    function A(t) {
-      if (!(i.value || n.componentSchema.componentProps.readonly || n.componentSchema.componentProps.disabled) && (t = t || event, t.preventDefault(), h.value)) {
-        let e = {
-          x: t.offsetX,
-          y: t.offsetY
-        };
-        B.value = e.x, W.value = e.y, o.value.beginPath(), o.value.moveTo(p.value, m.value), o.value.lineTo(e.x, e.y), o.value.stroke(), o.value.closePath(), p.value = e.x, m.value = e.y, u.value.push(e);
-      }
-    }
-    function M(t) {
-      if (i.value || n.componentSchema.componentProps.readonly || n.componentSchema.componentProps.disabled)
-        return;
-      t = t || event, t.preventDefault();
-      let e = {
-        x: t.offsetX,
-        y: t.offsetY
-      };
-      o.value.beginPath(), o.value.moveTo(p.value, m.value), o.value.lineTo(e.x, e.y), o.value.stroke(), o.value.closePath(), u.value.push(e), u.value.push({ x: -1, y: -1 }), h.value = !1;
-    }
-    function b() {
-      o.value.clearRect(0, 0, l.value.width, l.value.height), u.value = [];
-    }
-    async function y() {
-      let t = await j(l.value.toDataURL("image/png"));
-      C("update:modelValue", t);
-    }
-    async function j(t) {
-      let e = atob(t.split(",")[1]), c = new ArrayBuffer(e.length), R = new Uint8Array(c);
-      for (let d = 0; d < e.length; d++)
-        R[d] = e.charCodeAt(d);
-      let X = new Blob([c], { type: "image/png" }), P = new FormData();
-      return P.append("file", X, Date.now() + "png"), (await L({
-        method: "post",
-        url: "https://ess-ds.com/prod-api/center-file/file/upload",
-        data: P,
-        headers: {
-          "Content-Type": "multipart/form-data",
-          Authorization: "Bearer " + G.get("Admin-Token")
-        }
-      })).data.data.url;
-    }
-    return H(() => {
-      f(), D.observe(s.value);
-    }), I(() => {
-    }), _({
-      surewrite: y
-    }), (t, e) => (N(), E("div", {
-      class: "sign",
-      style: F({
-        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: z,
-          onMousemove: A,
-          onMouseup: M
-        }, null, 544)
-      ], 512),
-      r("div", K, [
-        e[2] || (e[2] = r("div", { class: "remark" }, null, -1)),
-        r("div", Q, [
-          S(v(g), {
-            disabled: v(i) || n.componentSchema.componentProps.readonly || n.componentSchema.componentProps.disabled,
-            type: "info",
-            size: "mini",
-            onClick: b,
-            onTouch: b
-          }, {
-            default: x(() => e[0] || (e[0] = [
-              w("重写")
-            ])),
-            _: 1
-          }, 8, ["disabled"]),
-          S(v(g), {
-            disabled: v(i) || n.componentSchema.componentProps.readonly || n.componentSchema.componentProps.disabled,
-            type: "primary",
-            size: "mini",
-            onClick: y,
-            onTouch: y
-          }, {
-            default: x(() => e[1] || (e[1] = [
-              w("确定")
-            ])),
-            _: 1
-          }, 8, ["disabled"])
-        ])
-      ])
-    ], 4));
-  }
-}, ne = /* @__PURE__ */ J(Z, [["__scopeId", "data-v-ee5237db"]]);
-export {
-  ne as default
-};

package/dist/sign-CnQtsTLr.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),h=require("./js.cookie-BH1G_HRi.cjs"),W=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),z={class:"btn"},A={class:"btns"},E={__name:"sign",props:{componentSchema:{type:Object,require:!0,default:()=>({})},modelValue:{type:String,default:""}},emits:["update:modelValue"],setup(S,{expose:P,emit:x}){const y=h.pluginManager.getComponent("button"),w=x,a=S,c=t.inject("disabled",{value:!1});t.watch(()=>a.componentSchema,()=>{t.nextTick(()=>{d()})},{deep:!0,immediate:!0});const V=new ResizeObserver(o=>{for(const e of o)e.target&&e.target.clientWidth&&e.target.clientHeight&&d()}),l=t.ref(null),s=t.ref(null),n=t.ref(),_=t.ref("");function d(){var o,e;if(s.value&&((o=s.value)!=null&&o.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"),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),_.value=l.value.getBoundingClientRect()}}const i=t.ref(""),p=t.ref(""),k=t.ref(""),T=t.ref(""),u=t.ref([]),v=t.ref(!1);function C(o){if(c.value||a.componentSchema.componentProps.readonly||a.componentSchema.componentProps.disabled)return;o=o||event,o.preventDefault();let e={x:o.offsetX,y:o.offsetY};i.value=e.x,p.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(),u.value.push(e),v.value=!0}function N(o){if(!(c.value||a.componentSchema.componentProps.readonly||a.componentSchema.componentProps.disabled)&&(o=o||event,o.preventDefault(),v.value)){let e={x:o.offsetX,y:o.offsetY};k.value=e.x,T.value=e.y,n.value.beginPath(),n.value.moveTo(i.value,p.value),n.value.lineTo(e.x,e.y),n.value.stroke(),n.value.closePath(),i.value=e.x,p.value=e.y,u.value.push(e)}}function D(o){if(c.value||a.componentSchema.componentProps.readonly||a.componentSchema.componentProps.disabled)return;o=o||event,o.preventDefault();let e={x:o.offsetX,y:o.offsetY};n.value.beginPath(),n.value.moveTo(i.value,p.value),n.value.lineTo(e.x,e.y),n.value.stroke(),n.value.closePath(),u.value.push(e),u.value.push({x:-1,y:-1}),v.value=!1}function g(){n.value.clearRect(0,0,l.value.width,l.value.height),u.value=[]}async function f(){let o=await j(l.value.toDataURL("image/png"));w("update:modelValue",o)}async function j(o){let e=atob(o.split(",")[1]),r=new ArrayBuffer(e.length),B=new Uint8Array(r);for(let m=0;m<e.length;m++)B[m]=e.charCodeAt(m);let M=new Blob([r],{type:"image/png"}),b=new FormData;return b.append("file",M,Date.now()+"png"),(await h.axios({method:"post",url:"https://ess-ds.com/prod-api/center-file/file/upload",data:b,headers:{"Content-Type":"multipart/form-data",Authorization:"Bearer "+h.api.get("Admin-Token")}})).data.data.url}return t.onMounted(()=>{d(),V.observe(s.value)}),t.onUnmounted(()=>{}),P({surewrite:f}),(o,e)=>(t.openBlock(),t.createElementBlock("div",{class:"sign",style:t.normalizeStyle({height:a.componentSchema.componentProps.style.height,width:a.componentSchema.componentProps.style.width||"100%"})},[t.createElementVNode("div",{class:"canvas",ref_key:"canvasWrap",ref:s},[t.createElementVNode("canvas",{ref_key:"canvas",ref:l,onMousedown:C,onMousemove:N,onMouseup:D},null,544)],512),t.createElementVNode("div",z,[e[2]||(e[2]=t.createElementVNode("div",{class:"remark"},null,-1)),t.createElementVNode("div",A,[t.createVNode(t.unref(y),{disabled:t.unref(c)||a.componentSchema.componentProps.readonly||a.componentSchema.componentProps.disabled,type:"info",size:"mini",onClick:g,onTouch:g},{default:t.withCtx(()=>e[0]||(e[0]=[t.createTextVNode("重写")])),_:1},8,["disabled"]),t.createVNode(t.unref(y),{disabled:t.unref(c)||a.componentSchema.componentProps.readonly||a.componentSchema.componentProps.disabled,type:"primary",size:"mini",onClick:f,onTouch:f},{default:t.withCtx(()=>e[1]||(e[1]=[t.createTextVNode("确定")])),_:1},8,["disabled"])])])],4))}},O=W._export_sfc(E,[["__scopeId","data-v-ee5237db"]]);exports.default=O;