epic-designer-gold 1.0.6 → 1.0.7

package/dist/{index-DpF9E6J8.js → index-CG0UEELU.js}

@@ -1,6 +1,6 @@
 import { defineComponent as g, ref as p, onMounted as h, watch as v, nextTick as V, openBlock as _, createElementBlock as T } from "vue";
 import * as a from "monaco-editor";
-import { h as b } from "./index-oMkqg9Zb.js";
+import { h as b } from "./index-GIYb626z.js";
 import { _ as y } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const x = /* @__PURE__ */ g({
   __name: "index",

package/dist/index-CdnV7DS4.js

@@ -0,0 +1,265 @@
+import { defineComponent as W, onMounted as z, ref as b, openBlock as S, createElementBlock as j, createElementVNode as e, normalizeStyle as M, createVNode as V, unref as c } from "vue";
+import { p as E } from "./pluginManager-BCnrHPYv.js";
+import { u as q } from "./index-B1s67XDZ.js";
+import { ElMessage as A } from "element-plus";
+import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const F = { class: "box-model-container" }, G = { class: "visual-box" }, H = { class: "margin-area" }, J = { class: "margin-btns" }, K = { class: "margin-input top" }, O = { class: "margin-input right" }, Q = { class: "margin-input bottom" }, T = { class: "margin-input left" }, X = { class: "border-area" }, Y = { class: "padding-area" }, Z = { class: "padding-btns" }, y = { class: "padding-input top" }, ll = { class: "padding-input right" }, tl = { class: "padding-input bottom" }, el = { class: "padding-input left" }, nl = /* @__PURE__ */ W({
+  __name: "index",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(L, { emit: P }) {
+    q();
+    const m = E.getComponent("input");
+    E.getComponent("select");
+    const i = L;
+    z(() => {
+      var a, l, t, u, p, g, s, d, v, f, x, C;
+      (a = i.modelValue) != null && a.padding ? o.value = $((l = i.modelValue) == null ? void 0 : l.padding) : (o.value.top = (t = i.modelValue) == null ? void 0 : t["padding-top"], o.value.right = (u = i.modelValue) == null ? void 0 : u["padding-right"], o.value.bottom = (p = i.modelValue) == null ? void 0 : p["padding-bottom"], o.value.left = (g = i.modelValue) == null ? void 0 : g["padding-left"]), (s = i.modelValue) != null && s.margin ? n.value = $((d = i.modelValue) == null ? void 0 : d.margin) : (n.value.top = (v = i.modelValue) == null ? void 0 : v["margin-top"], n.value.right = (f = i.modelValue) == null ? void 0 : f["margin-right"], n.value.bottom = (x = i.modelValue) == null ? void 0 : x["margin-bottom"], n.value.left = (C = i.modelValue) == null ? void 0 : C["margin-left"]);
+    });
+    function I() {
+      n.value.left = null, n.value.top = null, n.value.right = null, n.value.bottom = null, h("update:modelValue", {
+        ...i.modelValue,
+        "margin-left": null,
+        "margin-top": null,
+        "margin-right": null,
+        "margin-bottom": null
+      });
+    }
+    const k = b(!1), U = b(!1);
+    function N() {
+      k.value = !k.value;
+    }
+    function _() {
+      U.value = !U.value;
+    }
+    function w() {
+      o.value.left = null, o.value.top = null, o.value.right = null, o.value.bottom = null, h("update:modelValue", {
+        ...i.modelValue,
+        "padding-left": null,
+        "padding-top": null,
+        "padding-right": null,
+        "padding-bottom": null
+      });
+    }
+    function r(a, l, t) {
+      const u = a.target.value.trim();
+      if (!u) return;
+      if (["px", "%", "vw", "vh", "rem", "em", "pt"].some((d) => u.endsWith(d))) {
+        B(l, t, u, a.target.value);
+        return;
+      }
+      if (/^\d+$/.test(u)) {
+        const d = u + "px";
+        a.target.value = d, B(l, t, d, a.target.value);
+      } else
+        R(a, l, t);
+    }
+    function B(a, l, t, u) {
+      const p = a === "padding", g = p ? U.value : k.value, s = p ? o : n;
+      if (!g)
+        s.value[l] = t, h("update:modelValue", {
+          ...i.modelValue,
+          [`${a}-${l}`]: u
+        });
+      else {
+        const d = ["left", "right", "top", "bottom"];
+        d.forEach((f) => {
+          s.value[f] = t;
+        });
+        const v = d.reduce(
+          (f, x) => ({
+            ...f,
+            [`${a}-${x}`]: u
+          }),
+          {}
+        );
+        h("update:modelValue", {
+          ...i.modelValue,
+          ...v
+        });
+      }
+    }
+    function R(a, l, t) {
+      a.target.value = "";
+      const u = l === "padding", p = u ? U.value : k.value, g = u ? o : n;
+      if (!p)
+        g.value[t] = "", h("update:modelValue", {
+          ...i.modelValue,
+          [`${l}-${t}`]: null
+        });
+      else {
+        const s = ["left", "right", "top", "bottom"];
+        s.forEach((v) => {
+          g.value[v] = null;
+        });
+        const d = s.reduce(
+          (v, f) => ({
+            ...v,
+            [`${l}-${f}`]: null
+          }),
+          {}
+        );
+        h("update:modelValue", {
+          ...i.modelValue,
+          ...d
+        });
+      }
+      A.info("请输入有效值（数字或带单位的值）");
+    }
+    function $(a) {
+      const l = a.split(/\s+/);
+      return l.length === 1 ? {
+        top: l[0],
+        right: l[0],
+        bottom: l[0],
+        left: l[0]
+      } : l.length === 2 ? {
+        top: l[0],
+        right: l[1],
+        bottom: l[0],
+        left: l[1]
+      } : l.length === 3 ? {
+        top: l[0],
+        right: l[1],
+        bottom: l[2],
+        left: l[1]
+      } : l.length === 4 ? {
+        top: l[0],
+        right: l[1],
+        bottom: l[2],
+        left: l[3]
+      } : null;
+    }
+    const n = b({
+      top: null,
+      right: null,
+      bottom: null,
+      left: null
+    });
+    b({
+      width: null,
+      style: "solid",
+      color: "#3498db"
+    });
+    const o = b({
+      top: null,
+      right: null,
+      bottom: null,
+      left: null
+    }), h = P;
+    return b(null), b("px"), (a, l) => (S(), j("div", F, [
+      e("div", G, [
+        e("div", H, [
+          l[18] || (l[18] = e("div", { class: "margin-title" }, "外边距", -1)),
+          e("div", J, [
+            e("span", {
+              title: "同时修改每个方向外边距",
+              style: M({
+                color: k.value ? "#016bf3" : ""
+              }),
+              onClick: N,
+              class: "icon iconfont icon--epic icon--epic--links-fill"
+            }, null, 4),
+            e("span", {
+              title: "清空外边距",
+              onClick: I,
+              class: "icon iconfont icon--epic icon--epic--delete-bin-line"
+            })
+          ]),
+          e("div", K, [
+            V(c(m), {
+              modelValue: n.value.top,
+              "onUpdate:modelValue": l[0] || (l[0] = (t) => n.value.top = t),
+              min: "0",
+              onBlur: l[1] || (l[1] = (t) => r(t, "margin", "top"))
+            }, null, 8, ["modelValue"])
+          ]),
+          e("div", O, [
+            V(c(m), {
+              modelValue: n.value.right,
+              "onUpdate:modelValue": l[2] || (l[2] = (t) => n.value.right = t),
+              min: "0",
+              onBlur: l[3] || (l[3] = (t) => r(t, "margin", "right"))
+            }, null, 8, ["modelValue"])
+          ]),
+          e("div", Q, [
+            V(c(m), {
+              modelValue: n.value.bottom,
+              "onUpdate:modelValue": l[4] || (l[4] = (t) => n.value.bottom = t),
+              min: "0",
+              onBlur: l[5] || (l[5] = (t) => r(t, "margin", "bottom"))
+            }, null, 8, ["modelValue"])
+          ]),
+          e("div", T, [
+            V(c(m), {
+              modelValue: n.value.left,
+              "onUpdate:modelValue": l[6] || (l[6] = (t) => n.value.left = t),
+              min: "0",
+              onBlur: l[7] || (l[7] = (t) => r(t, "margin", "left"))
+            }, null, 8, ["modelValue"])
+          ]),
+          e("div", X, [
+            e("div", Y, [
+              l[16] || (l[16] = e("div", { class: "padding-title" }, "内边距", -1)),
+              e("div", Z, [
+                e("span", {
+                  onClick: _,
+                  title: "同时修改每个方向内边距",
+                  style: M({
+                    color: U.value ? "#016bf3" : ""
+                  }),
+                  class: "icon iconfont icon--epic icon--epic--links-fill"
+                }, null, 4),
+                e("span", {
+                  title: "清空内边距",
+                  onClick: w,
+                  class: "icon iconfont icon--epic icon--epic--delete-bin-line"
+                })
+              ]),
+              e("div", y, [
+                V(c(m), {
+                  modelValue: o.value.top,
+                  "onUpdate:modelValue": l[8] || (l[8] = (t) => o.value.top = t),
+                  min: "0",
+                  onBlur: l[9] || (l[9] = (t) => r(t, "padding", "top"))
+                }, null, 8, ["modelValue"])
+              ]),
+              e("div", ll, [
+                V(c(m), {
+                  modelValue: o.value.right,
+                  "onUpdate:modelValue": l[10] || (l[10] = (t) => o.value.right = t),
+                  min: "0",
+                  onBlur: l[11] || (l[11] = (t) => r(t, "padding", "right"))
+                }, null, 8, ["modelValue"])
+              ]),
+              e("div", tl, [
+                V(c(m), {
+                  modelValue: o.value.bottom,
+                  "onUpdate:modelValue": l[12] || (l[12] = (t) => o.value.bottom = t),
+                  min: "0",
+                  onBlur: l[13] || (l[13] = (t) => r(t, "padding", "bottom"))
+                }, null, 8, ["modelValue"])
+              ]),
+              e("div", el, [
+                V(c(m), {
+                  modelValue: o.value.left,
+                  "onUpdate:modelValue": l[14] || (l[14] = (t) => o.value.left = t),
+                  min: "0",
+                  onBlur: l[15] || (l[15] = (t) => r(t, "padding", "left"))
+                }, null, 8, ["modelValue"])
+              ]),
+              l[17] || (l[17] = e("div", { class: "content-area" }, [
+                e("div", { class: "content-controls" }, " content ")
+              ], -1))
+            ])
+          ])
+        ])
+      ])
+    ]));
+  }
+}), sl = /* @__PURE__ */ D(nl, [["__scopeId", "data-v-539d5450"]]);
+export {
+  sl as default
+};

package/dist/{index-BfdYrl-Q.js → index-Cln9MN7u.js}

@@ -1,5 +1,5 @@
 import { defineComponent as b, inject as B, openBlock as t, createElementBlock as s, Fragment as C, renderList as y, unref as n, createCommentVNode as h, createBlock as w, createElementVNode as r, withModifiers as f, toDisplayString as x, ref as g, computed as S, shallowRef as H, createVNode as k, normalizeClass as v, resolveDynamicComponent as R } from "vue";
-import { p as $ } from "./axios-awtfJhsA.js";
+import { p as $ } from "./pluginManager-BCnrHPYv.js";
 import { _ as M } from "./icon.vue_vue_type_script_setup_true_lang-D3QdcReY.js";
 const V = { class: "epic-breadcrumb pl-4 py-2 truncate h-40px flex items-center" }, j = {
   key: 0,

package/dist/index-CpBfljmg.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),y=require("./pluginManager-DWHAX8kP.cjs"),_=require("./index-BY37Ndo7.cjs"),w=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),k=require("./index-BoL2PSBk.cjs"),B=[{label:"string",value:"string"},{label:"number",value:"number"},{label:"boolean",value:"boolean"},{label:"method",value:"method"},{label:"regexp",value:"regexp"},{label:"integer",value:"integer"},{label:"float",value:"float"},{label:"array",value:"array"},{label:"object",value:"object"},{label:"date",value:"date"},{label:"url",value:"url"},{label:"hex",value:"hex"},{label:"email",value:"email"},{label:"any",value:"any"}],x=[{label:"change",value:"change"},{label:"blur",value:"blur"}],f=["string","number","url","array","email"],E={class:"rule-item-main bg-white m-t-2 p-2 rounded border border-solid border-gray-200 hover:border-primary transition-all relative"},q={key:0,class:"flex m-t-2 first:m-0"},C=["title"],N={class:"epic-attr-input"},P=e.defineComponent({__name:"ERuleItem",props:{rule:{}},emits:["change","delete","update:rule"],setup(v,{emit:g}){const{t:l}=k.useLocale(),s=g,c=v,n=e.computed({get(){return c.rule},set(t){s("update:rule",t)}}),i=e.inject("pageManager",{}),r=e.computed(()=>Object.entries(i.funcs.value).filter(([t,p])=>typeof p=="function").map(([t])=>({label:t,value:t}))),h=[{type:"select",label:l("validationTrigger"),model:"trigger",componentProps:{options:x,placeholder:l("validationTrigger"),multiple:!0,mode:"multiple"}},{type:"switch",label:l("customRule"),model:"isValidator"},{type:"select",label:l("validationFunction"),model:"validator",show(){return!!n.value.isValidator},componentProps:{options:r.value,placeholder:l("validationFunction")}},{type:"select",label:l("type"),model:"type",show(){return!n.value.isValidator},componentProps:{options:B,placeholder:l("type")}},{type:"input",label:l("regexValidation"),model:"pattern",show(){return!n.value.isValidator},componentProps:{placeholder:l("regexValidation")}},{type:"number",label:l("fieldLength"),model:"len",show(){return f.includes(n.value.type??"")},componentProps:{min:0,placeholder:l("fieldLength")}},{type:"number",label:l("minLength"),model:"min",show(){return f.includes(n.value.type??"")},componentProps:{min:0,placeholder:l("minLength")}},{type:"number",label:l("maxLength"),model:"max",show(){return f.includes(n.value.type??"")},componentProps:{min:0,placeholder:l("maxLength")}},{type:"input",label:l("validationMessage"),model:"message",componentProps:{placeholder:l("validationMessage")}}];function a(){const t=n.value;t.isValidator?(delete t.type,delete t.pattern,delete t.len,delete t.min,delete t.max):delete t.validator,s("change",t)}function b(){s("delete")}return(t,p)=>(e.openBlock(),e.createElementBlock("div",E,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(h,(o,V)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:V},[!o.show||o.show()?(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("div",{class:"epic-attr-label",title:e.unref(l)("validationTrigger")},e.toDisplayString(o.label),9,C),e.createElementVNode("div",N,[e.createVNode(e.unref(_._sfc_main),{modelValue:n.value[o.model],"onUpdate:modelValue":u=>n.value[o.model]=u,componentSchema:{...o,noFormItem:!0},onChange:a},null,8,["modelValue","onUpdate:modelValue","componentSchema"])])])):e.createCommentVNode("",!0)],64))),64)),e.createElementVNode("div",{class:"rule-btn-delete absolute top-0 text-md right-0 transition-all w-24px h-24px cursor-pointer rounded-bl-2 flex justify-center items-center color-white",onClick:b},[e.createVNode(e.unref(w._sfc_main),{name:"icon--epic--delete-outline-rounded"})])]))}}),L={class:"rule-item-main m-t-2 p-2 rounded border border-solid transition-all relative"},T={key:0,class:"flex m-t-2 first:m-0"},M={class:"epic-attr-label"},F={class:"flex-1"},U=e.defineComponent({__name:"index",props:{ruleType:{type:String,default:"string"},modelValue:{type:Array,default:void 0}},emits:["update:modelValue"],setup(v,{emit:g}){const{t:l}=k.useLocale(),s=y.pluginManager.getComponent("button"),c=v,n=g,i=_.useVModel(c,"modelValue",n),r=e.ref({required:!1,message:l("required"),type:c.ruleType,trigger:["change"]}),h=[{type:"switch",label:l("required"),model:"required"},{type:"select",label:l("validationTrigger"),model:"trigger",show(){return!!r.value.required},componentProps:{options:x,placeholder:l("validationTrigger"),multiple:!0,mode:"multiple"}},{type:"select",label:l("type"),model:"type",show(){return!!r.value.required},componentProps:{options:B,placeholder:l("type")}},{type:"input",label:l("validationMessage"),model:"message",show(){return!!r.value.required},componentProps:{placeholder:l("validationMessage")}}],a=e.ref([]);e.watchEffect(()=>{i.value&&(a.value=[],i.value.forEach(o=>{typeof o.required<"u"?r.value=o:a.value.push(o)}))});function b(){a.value.push({message:"",type:c.ruleType,trigger:["change"]}),t()}function t(){if(r.value.required){i.value=y.deepClone([...a.value,r.value]);return}if(a.value.length){i.value=y.deepClone(a.value);return}i.value=void 0}function p(o){a.value.splice(o,1),t()}return(o,V)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",L,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(h,(u,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:d},[!u.show||u.show()?(e.openBlock(),e.createElementBlock("div",T,[e.createElementVNode("div",M,e.toDisplayString(u.label),1),e.createElementVNode("div",F,[e.createVNode(e.unref(_._sfc_main),{modelValue:r.value[u.model],"onUpdate:modelValue":m=>r.value[u.model]=m,componentSchema:{...u,noFormItem:!0},onChange:t},null,8,["modelValue","onUpdate:modelValue","componentSchema"])])])):e.createCommentVNode("",!0)],64))),64))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,(u,d)=>(e.openBlock(),e.createBlock(P,{key:d,rule:a.value[d],"onUpdate:rule":m=>a.value[d]=m,onDelete:m=>p(d),onChange:t},null,8,["rule","onUpdate:rule","onDelete"]))),128)),e.createVNode(e.unref(s),{class:"m-t-2",onClick:b},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)("addRule")),1)]),_:1})]))}});exports.default=U;

package/dist/{index-BEMPXyNN.js → index-CpTA2IRB.js}

@@ -1,7 +1,7 @@
 import { defineComponent as g, computed as k, openBlock as a, createElementBlock as l, Fragment as y, renderList as C, createVNode as r, unref as s, createElementVNode as c, createCommentVNode as U, toDisplayString as P } from "vue";
-import { p as b, g as E } from "./axios-awtfJhsA.js";
+import { p as b, g as E } from "./pluginManager-BCnrHPYv.js";
 import { _ as N } from "./icon.vue_vue_type_script_setup_true_lang-D3QdcReY.js";
-import { u as x } from "./index-DWxy0GSJ.js";
+import { u as x } from "./index-B1s67XDZ.js";
 const D = {
   key: 0,
   class: "epic-del-btn"

package/dist/index-CpevxZqj.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./pluginManager-DWHAX8kP.cjs"),g=require("./index-BoL2PSBk.cjs"),b=e.defineComponent({__name:"index",props:{modelValue:{}},emits:["update:modelValue"],setup(p,{emit:v}){const{t:i}=g.useLocale(),s=r.pluginManager.getComponent("input"),d=r.pluginManager.getComponent("select"),m=p,c=v,l=e.ref(null),t=e.ref("px"),f=[{label:"px",value:"px"},{label:"%",value:"%"},{label:"vw",value:"vw"},{label:"vh",value:"vh"},{label:"rem",value:"rem"},{label:"em",value:"em"},{label:"pt",value:"pt"}];e.watch(()=>m.modelValue,n=>{if(!n)return;if(typeof n=="number"){l.value=String(n),t.value="px";return}const u=parseFloat(n);if(isNaN(u))return l.value=null,!1;const a=/^(\d+(\.\d+)?)(px|%|vw|vh|rem|em|pt){1}$/,o=n.trim().match(a);l.value=(o==null?void 0:o[1])??null,t.value=(o==null?void 0:o[3])??""},{immediate:!0}),e.watch(()=>t.value+l.value,()=>{x()});function x(){e.nextTick(()=>c("update:modelValue",l.value?l.value+t.value:void 0))}return(n,u)=>(e.openBlock(),e.createBlock(e.unref(s),{class:"epic-input-size",modelValue:l.value,"onUpdate:modelValue":u[2]||(u[2]=a=>l.value=a),value:l.value,"onUpdate:value":u[3]||(u[3]=a=>l.value=a),type:"number",min:"0",placeholder:e.unref(i)("pleaseEnter")},{suffix:e.withCtx(()=>[e.createVNode(e.unref(d),{value:t.value,"onUpdate:value":u[0]||(u[0]=a=>t.value=a),modelValue:t.value,"onUpdate:modelValue":u[1]||(u[1]=a=>t.value=a),style:{width:"68px"},options:f},null,8,["value","modelValue"])]),_:1},8,["modelValue","value","placeholder"]))}});exports.default=b;

package/dist/{index-AH-Lj15r.js → index-CraRg8wh.js}

@@ -1,8 +1,8 @@
-import { defineComponent as F, inject as r, ref as V, computed as h, openBlock as v, createElementBlock as f, createElementVNode as n, createVNode as p, unref as l, withCtx as N, Fragment as M, renderList as j, normalizeClass as L, toDisplayString as g, mergeProps as q, withDirectives as A, vShow as G } from "vue";
+import { defineComponent as F, inject as r, ref as V, computed as h, openBlock as v, createElementBlock as f, createElementVNode as n, createVNode as p, unref as l, withCtx as N, Fragment as M, renderList as j, normalizeClass as L, toDisplayString as g, mergeProps as A, withDirectives as G, vShow as q } from "vue";
 import { d as H } from "./vuedraggable.umd-D2S7Eo7p.js";
-import { p as d, i as B, q as J } from "./axios-awtfJhsA.js";
+import { p as d, h as B, o as J } from "./pluginManager-BCnrHPYv.js";
 import { _ as I } from "./icon.vue_vue_type_script_setup_true_lang-D3QdcReY.js";
-import { u as K, a as O } from "./index-DWxy0GSJ.js";
+import { u as K, a as O } from "./index-B1s67XDZ.js";
 const Q = { class: "epic-component-view flex flex-col" }, R = { class: "epic-search-box px-10px py-6px" }, W = { class: "flex flex-1 overflow-auto" }, X = { class: "epic-tabs-box" }, Y = ["title", "onClick"], Z = { class: "h-full flex-1 overflow-auto py-2 box-border" }, ee = ["onClick"], te = ["title"], ie = /* @__PURE__ */ F({
   __name: "index",
   setup(oe) {
@@ -65,7 +65,7 @@ const Q = { class: "epic-component-view flex flex-col" }, R = { class: "epic-sea
           }, g(e.title), 11, Y))), 128))
         ]),
         n("div", Z, [
-          p(l(H), q({
+          p(l(H), A({
             modelValue: u.value,
             "onUpdate:modelValue": t[2] || (t[2] = (e) => u.value = e)
           }, {
@@ -94,8 +94,8 @@ const Q = { class: "epic-component-view flex flex-col" }, R = { class: "epic-sea
             ]),
             _: 1
           }, 16, ["modelValue", "clone"]),
-          A(n("div", { class: "text-center pt-42px text-gray-400" }, g(l(c)("noComponentFound")), 513), [
-            [G, !u.value.length]
+          G(n("div", { class: "text-center pt-42px text-gray-400" }, g(l(c)("noComponentFound")), 513), [
+            [q, !u.value.length]
           ])
         ])
       ])

package/dist/{index-cElDeAm2.js → index-Cx7gKpkD.js}

@@ -1,6 +1,6 @@
 import { defineComponent as g, ref as p, watch as r, nextTick as w, openBlock as U, createBlock as y, unref as o, withCtx as C, createVNode as k } from "vue";
-import { p as v } from "./axios-awtfJhsA.js";
-import { u as N } from "./index-DWxy0GSJ.js";
+import { p as v } from "./pluginManager-BCnrHPYv.js";
+import { u as N } from "./index-B1s67XDZ.js";
 const A = /* @__PURE__ */ g({
   __name: "index",
   props: {

package/dist/index-DYQi05p8.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),U=require("./pluginManager-DWHAX8kP.cjs"),L=require("./index-BoL2PSBk.cjs"),I=require("element-plus"),S=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),_={class:"box-model-container"},w={class:"visual-box"},z={class:"margin-area"},R={class:"margin-btns"},W={class:"margin-input top"},j={class:"margin-input right"},y={class:"margin-input bottom"},H={class:"margin-input left"},O={class:"border-area"},T={class:"padding-area"},A={class:"padding-btns"},D={class:"padding-input top"},F={class:"padding-input right"},G={class:"padding-input bottom"},J={class:"padding-input left"},K=l.defineComponent({__name:"index",props:{modelValue:{}},emits:["update:modelValue"],setup(x,{emit:B}){L.useLocale();const r=U.pluginManager.getComponent("input");U.pluginManager.getComponent("select");const a=x;l.onMounted(()=>{var i,e,t,u,g,p,s,d,c,V,N,k;(i=a.modelValue)!=null&&i.padding?o.value=h((e=a.modelValue)==null?void 0:e.padding):(o.value.top=(t=a.modelValue)==null?void 0:t["padding-top"],o.value.right=(u=a.modelValue)==null?void 0:u["padding-right"],o.value.bottom=(g=a.modelValue)==null?void 0:g["padding-bottom"],o.value.left=(p=a.modelValue)==null?void 0:p["padding-left"]),(s=a.modelValue)!=null&&s.margin?n.value=h((d=a.modelValue)==null?void 0:d.margin):(n.value.top=(c=a.modelValue)==null?void 0:c["margin-top"],n.value.right=(V=a.modelValue)==null?void 0:V["margin-right"],n.value.bottom=(N=a.modelValue)==null?void 0:N["margin-bottom"],n.value.left=(k=a.modelValue)==null?void 0:k["margin-left"])});function $(){n.value.left=null,n.value.top=null,n.value.right=null,n.value.bottom=null,f("update:modelValue",{...a.modelValue,"margin-left":null,"margin-top":null,"margin-right":null,"margin-bottom":null})}const v=l.ref(!1),b=l.ref(!1);function M(){v.value=!v.value}function C(){b.value=!b.value}function P(){o.value.left=null,o.value.top=null,o.value.right=null,o.value.bottom=null,f("update:modelValue",{...a.modelValue,"padding-left":null,"padding-top":null,"padding-right":null,"padding-bottom":null})}function m(i,e,t){const u=i.target.value.trim();if(!u)return;if(["px","%","vw","vh","rem","em","pt"].some(d=>u.endsWith(d))){E(e,t,u,i.target.value);return}if(/^\d+$/.test(u)){const d=u+"px";i.target.value=d,E(e,t,d,i.target.value)}else q(i,e,t)}function E(i,e,t,u){const g=i==="padding",p=g?b.value:v.value,s=g?o:n;if(!p)s.value[e]=t,f("update:modelValue",{...a.modelValue,[`${i}-${e}`]:u});else{const d=["left","right","top","bottom"];d.forEach(V=>{s.value[V]=t});const c=d.reduce((V,N)=>({...V,[`${i}-${N}`]:u}),{});f("update:modelValue",{...a.modelValue,...c})}}function q(i,e,t){i.target.value="";const u=e==="padding",g=u?b.value:v.value,p=u?o:n;if(!g)p.value[t]="",f("update:modelValue",{...a.modelValue,[`${e}-${t}`]:null});else{const s=["left","right","top","bottom"];s.forEach(c=>{p.value[c]=null});const d=s.reduce((c,V)=>({...c,[`${e}-${V}`]:null}),{});f("update:modelValue",{...a.modelValue,...d})}I.ElMessage.info("请输入有效值（数字或带单位的值）")}function h(i){const e=i.split(/\s+/);return e.length===1?{top:e[0],right:e[0],bottom:e[0],left:e[0]}:e.length===2?{top:e[0],right:e[1],bottom:e[0],left:e[1]}:e.length===3?{top:e[0],right:e[1],bottom:e[2],left:e[1]}:e.length===4?{top:e[0],right:e[1],bottom:e[2],left:e[3]}:null}const n=l.ref({top:null,right:null,bottom:null,left:null});l.ref({width:null,style:"solid",color:"#3498db"});const o=l.ref({top:null,right:null,bottom:null,left:null}),f=B;return l.ref(null),l.ref("px"),(i,e)=>(l.openBlock(),l.createElementBlock("div",_,[l.createElementVNode("div",w,[l.createElementVNode("div",z,[e[18]||(e[18]=l.createElementVNode("div",{class:"margin-title"},"外边距",-1)),l.createElementVNode("div",R,[l.createElementVNode("span",{title:"同时修改每个方向外边距",style:l.normalizeStyle({color:v.value?"#016bf3":""}),onClick:M,class:"icon iconfont icon--epic icon--epic--links-fill"},null,4),l.createElementVNode("span",{title:"清空外边距",onClick:$,class:"icon iconfont icon--epic icon--epic--delete-bin-line"})]),l.createElementVNode("div",W,[l.createVNode(l.unref(r),{modelValue:n.value.top,"onUpdate:modelValue":e[0]||(e[0]=t=>n.value.top=t),min:"0",onBlur:e[1]||(e[1]=t=>m(t,"margin","top"))},null,8,["modelValue"])]),l.createElementVNode("div",j,[l.createVNode(l.unref(r),{modelValue:n.value.right,"onUpdate:modelValue":e[2]||(e[2]=t=>n.value.right=t),min:"0",onBlur:e[3]||(e[3]=t=>m(t,"margin","right"))},null,8,["modelValue"])]),l.createElementVNode("div",y,[l.createVNode(l.unref(r),{modelValue:n.value.bottom,"onUpdate:modelValue":e[4]||(e[4]=t=>n.value.bottom=t),min:"0",onBlur:e[5]||(e[5]=t=>m(t,"margin","bottom"))},null,8,["modelValue"])]),l.createElementVNode("div",H,[l.createVNode(l.unref(r),{modelValue:n.value.left,"onUpdate:modelValue":e[6]||(e[6]=t=>n.value.left=t),min:"0",onBlur:e[7]||(e[7]=t=>m(t,"margin","left"))},null,8,["modelValue"])]),l.createElementVNode("div",O,[l.createElementVNode("div",T,[e[16]||(e[16]=l.createElementVNode("div",{class:"padding-title"},"内边距",-1)),l.createElementVNode("div",A,[l.createElementVNode("span",{onClick:C,title:"同时修改每个方向内边距",style:l.normalizeStyle({color:b.value?"#016bf3":""}),class:"icon iconfont icon--epic icon--epic--links-fill"},null,4),l.createElementVNode("span",{title:"清空内边距",onClick:P,class:"icon iconfont icon--epic icon--epic--delete-bin-line"})]),l.createElementVNode("div",D,[l.createVNode(l.unref(r),{modelValue:o.value.top,"onUpdate:modelValue":e[8]||(e[8]=t=>o.value.top=t),min:"0",onBlur:e[9]||(e[9]=t=>m(t,"padding","top"))},null,8,["modelValue"])]),l.createElementVNode("div",F,[l.createVNode(l.unref(r),{modelValue:o.value.right,"onUpdate:modelValue":e[10]||(e[10]=t=>o.value.right=t),min:"0",onBlur:e[11]||(e[11]=t=>m(t,"padding","right"))},null,8,["modelValue"])]),l.createElementVNode("div",G,[l.createVNode(l.unref(r),{modelValue:o.value.bottom,"onUpdate:modelValue":e[12]||(e[12]=t=>o.value.bottom=t),min:"0",onBlur:e[13]||(e[13]=t=>m(t,"padding","bottom"))},null,8,["modelValue"])]),l.createElementVNode("div",J,[l.createVNode(l.unref(r),{modelValue:o.value.left,"onUpdate:modelValue":e[14]||(e[14]=t=>o.value.left=t),min:"0",onBlur:e[15]||(e[15]=t=>m(t,"padding","left"))},null,8,["modelValue"])]),e[17]||(e[17]=l.createElementVNode("div",{class:"content-area"},[l.createElementVNode("div",{class:"content-controls"}," content ")],-1))])])])])]))}}),Q=S._export_sfc(K,[["__scopeId","data-v-539d5450"]]);exports.default=Q;

package/dist/{index-P13z5c0g.js → index-E8jDNKrc.js}

@@ -1,8 +1,8 @@
 import { defineComponent as L, computed as C, inject as D, openBlock as n, createElementBlock as i, Fragment as g, renderList as k, createElementVNode as p, unref as c, toDisplayString as q, createVNode as y, createCommentVNode as M, ref as T, watchEffect as E, createBlock as F, withCtx as O, createTextVNode as I } from "vue";
-import { p as N, a as B } from "./axios-awtfJhsA.js";
-import { _ as U, g as A } from "./index-oMkqg9Zb.js";
+import { p as N, a as B } from "./pluginManager-BCnrHPYv.js";
+import { _ as U, g as A } from "./index-GIYb626z.js";
 import { _ as z } from "./icon.vue_vue_type_script_setup_true_lang-D3QdcReY.js";
-import { u as $ } from "./index-DWxy0GSJ.js";
+import { u as $ } from "./index-B1s67XDZ.js";
 const R = [
   { label: "string", value: "string" },
   { label: "number", value: "number" },

package/dist/index-FgdbKgb5.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("./pluginManager-DWHAX8kP.cjs"),g=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),k=require("./index-BoL2PSBk.cjs"),V={key:0,class:"epic-del-btn"},f=["onClick"],h=e.defineComponent({__name:"index",props:{modelValue:{type:Array,default:()=>[]}},emits:["update:modelValue"],setup(r,{emit:u}){const{t:s}=k.useLocale(),d=c.pluginManager.getComponent("number"),p=r,i=u,o=e.computed({get(){return p.modelValue},set(n){i("update:modelValue",n)}});function m(){const n={type:"col",children:[],componentProps:{span:12},id:c.getUUID()};o.value.push(n)}function _(n){o.value=o.value.filter((v,t)=>n!==t)}return(n,v)=>(e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,(t,a)=>(e.openBlock(),e.createElementBlock("div",{key:a,class:"EColEditor-item"},[e.createVNode(e.unref(d),{value:t.componentProps.span,"onUpdate:value":l=>t.componentProps.span=l,modelValue:t.componentProps.span,"onUpdate:modelValue":l=>t.componentProps.span=l,style:{width:"100%"},min:1,max:24},null,8,["value","onUpdate:value","modelValue","onUpdate:modelValue"]),o.value.length>1?(e.openBlock(),e.createElementBlock("div",V,[e.createElementVNode("span",{onClick:l=>_(a)},[e.createVNode(e.unref(g._sfc_main),{name:"icon--epic--trash"})],8,f)])):e.createCommentVNode("",!0)]))),128)),e.createElementVNode("div",{class:"add-btn",onClick:m},e.toDisplayString(e.unref(s)("add")),1)]))}});exports.default=h;