hldesigner 0.0.169 → 0.0.171

package/{css-editor-5e52b943.js → css-editor-29fd8154.js}

@@ -1,30 +1,31 @@
-import { defineComponent as N, ref as I, computed as K, watch as x, resolveComponent as F, openBlock as S, createBlock as H, withCtx as f, renderSlot as ye, createVNode as s, mergeProps as ie, createElementBlock as G, Fragment as ue, renderList as ge, unref as t, createCommentVNode as he, createTextVNode as be, toDisplayString as z, reactive as le, createElementVNode as a, withKeys as Ve, normalizeClass as E, pushScopeId as pe, popScopeId as me, isRef as te, onMounted as Re, normalizeProps as $e, guardReactiveProps as Te } from "vue";
-import { d as B, e as b, i as Q, j as X, v as we, a2 as ke } from "./enum-type-47be887b.js";
+import { defineComponent as N, ref as I, computed as K, watch as x, resolveComponent as F, openBlock as S, createBlock as H, withCtx as f, renderSlot as ye, createVNode as s, mergeProps as de, createElementBlock as G, Fragment as ue, renderList as ge, unref as t, createCommentVNode as he, createTextVNode as be, toDisplayString as z, reactive as le, createElementVNode as a, withKeys as Ve, normalizeClass as E, pushScopeId as pe, popScopeId as me, isRef as te, onMounted as Re, normalizeProps as $e, guardReactiveProps as Te } from "vue";
+import { d as B, e as b, i as Q, j as X, v as we, a2 as ke } from "./enum-type-bd753230.js";
 import { u as xe } from "./icon-6342f929.js";
-import { w as Ue } from "./expression-07f162f0.js";
-import { S as A, aR as Be, bp as ce, bq as Se, br as Le, bs as Ie, bt as Ce, bu as Ee, bv as Fe, bw as De, bx as We, bo as Me, aj as Ae } from "./enum-type-11580589.js";
-import { A as U } from "./baseImp-89aa0fb0.js";
-import { I as Ke } from "./property-base-190cbdac.js";
-import { u as Ne } from "./share-editor-41edac48.js";
-import { E as ze, O as Je } from "./editor-wrapper-0d9f8651.js";
-import { S as R } from "./index-c8784c90.js";
-import { c as re, _ as D, u as oe, a as He } from "./_share_size.vue_vue_type_script_setup_true_lang-2d6352e5.js";
+import { w as Ue } from "./expression-f94b1543.js";
+import { S as A, aR as Be, bp as ce, bq as Se, br as Le, bs as Ie, bt as Ce, bu as Ee, bv as Fe, bw as De, bx as We, bo as Me, aj as Ae } from "./enum-type-ac304504.js";
+import { A as U } from "./baseImp-0bb4caf0.js";
+import { I as Ke } from "./property-base-f0d677ee.js";
+import { u as Ne } from "./share-editor-0c763b5a.js";
+import { E as ze, O as Je } from "./editor-wrapper-d6561c53.js";
+import { S as R } from "./index-cff83b18.js";
+import { _ as D } from "./_share_size.vue_vue_type_script_setup_true_lang-1c0f84b7.js";
 import { s as J } from "./_share_wrapper-8f1243a5.js";
 import { _ as Z } from "./_plugin-vue_export-helper-dad06003.js";
-import { h as Oe } from "./_share_image-bc3e51db.js";
-import { u as Xe } from "./share-event-5d45d16e.js";
+import { c as re, a as oe, u as He } from "./cssIndex-02a77ff8.js";
+import { h as Oe } from "./_share_image-9f47efb1.js";
+import { u as Xe } from "./share-event-8058bcca.js";
 import "./source-map-b04aec4a.js";
 import "./uuid-009aae31.js";
 import "./_commonjsHelpers-e7ea1525.js";
 import "./esprima-e8d15055.js";
-import "./dialog-7911c683.js";
+import "./dialog-32c05d2c.js";
 import "element-plus";
-import "./index-d924658d.js";
-import "./optionItem-f31150f7.js";
-import "./index-92ffe642.js";
-import "./index-feab7b92.js";
+import "./index-867bb89e.js";
+import "./optionItem-50d41373.js";
+import "./index-d450b82c.js";
+import "./index-ce343297.js";
 import "./index-ddd23411.js";
-import "./emitter-06eac599.js";
+import "./emitter-21ef82ac.js";
 const Ye = /* @__PURE__ */ N({
   __name: "_share_color",
   props: {
@@ -78,7 +79,7 @@ const Ye = /* @__PURE__ */ N({
             onClick: o
           }, {
             prepend: f(() => [
-              s(v, ie({
+              s(v, de({
                 ref_key: "colorRef",
                 ref: e,
                 modelValue: l.value,
@@ -194,7 +195,7 @@ const ae = /* @__PURE__ */ Z(Ye, [["__scopeId", "data-v-6f08b1ee"]]), ee = /* @_
     };
   }
 });
-const de = /* @__PURE__ */ Z(Pe, [["__scopeId", "data-v-12dcba4d"]]), Ge = { class: "flex flexJustify" }, qe = { class: "flex flexJustify" }, Qe = /* @__PURE__ */ N({
+const ie = /* @__PURE__ */ Z(Pe, [["__scopeId", "data-v-12dcba4d"]]), Ge = { class: "flex flexJustify" }, qe = { class: "flex flexJustify" }, Qe = /* @__PURE__ */ N({
   __name: "_boxShadow",
   props: {
     modelValue: null
@@ -338,7 +339,7 @@ const de = /* @__PURE__ */ Z(Pe, [["__scopeId", "data-v-12dcba4d"]]), Ge = { cla
 const O = /* @__PURE__ */ Z(Ze, [["__scopeId", "data-v-c44ac24d"]]), fe = (y) => (pe("data-v-bc109a82"), y = y(), me(), y), je = {
   style: { position: "relative" },
   class: "hl-margin-padding"
-}, et = { class: "hl-layout-box hl-margin-box" }, tt = { class: "hl-inline-input hl-input-h hl-input-top" }, lt = { class: "hl-inline-input hl-input-v hl-input-right" }, ot = /* @__PURE__ */ fe(() => /* @__PURE__ */ a("span", { class: "hl-border-desp" }, "MARGIN", -1)), nt = { class: "hl-inline-input hl-input-h hl-input-bottom" }, st = { class: "hl-inline-input hl-input-v hl-input-left" }, dt = { class: "hl-layout-box hl-padding-box" }, it = { class: "hl-inline-input hl-input-h hl-input-top" }, rt = { class: "hl-inline-input hl-input-v hl-input-right" }, at = /* @__PURE__ */ fe(() => /* @__PURE__ */ a("span", { class: "hl-border-desp" }, "PADDING", -1)), ut = { class: "hl-inline-input hl-input-h hl-input-bottom" }, pt = { class: "hl-inline-input hl-input-v hl-input-left" }, mt = /* @__PURE__ */ N({
+}, et = { class: "hl-layout-box hl-margin-box" }, tt = { class: "hl-inline-input hl-input-h hl-input-top" }, lt = { class: "hl-inline-input hl-input-v hl-input-right" }, ot = /* @__PURE__ */ fe(() => /* @__PURE__ */ a("span", { class: "hl-border-desp" }, "MARGIN", -1)), nt = { class: "hl-inline-input hl-input-h hl-input-bottom" }, st = { class: "hl-inline-input hl-input-v hl-input-left" }, it = { class: "hl-layout-box hl-padding-box" }, dt = { class: "hl-inline-input hl-input-h hl-input-top" }, rt = { class: "hl-inline-input hl-input-v hl-input-right" }, at = /* @__PURE__ */ fe(() => /* @__PURE__ */ a("span", { class: "hl-border-desp" }, "PADDING", -1)), ut = { class: "hl-inline-input hl-input-h hl-input-bottom" }, pt = { class: "hl-inline-input hl-input-v hl-input-left" }, mt = /* @__PURE__ */ N({
   __name: "_margin_padding",
   props: {
     margin: null,
@@ -421,14 +422,14 @@ const O = /* @__PURE__ */ Z(Ze, [["__scopeId", "data-v-c44ac24d"]]), fe = (y) =>
           }, null, 8, ["modelValue", "title"])
         ])
       ]),
-      a("div", dt, [
+      a("div", it, [
         a("div", {
           class: "hl-handle hl-handle-top hl-handle-top-border",
           onClick: e[8] || (e[8] = (o) => h(l, "padding", "top"))
         }, [
           s(R, { name: "@css-arrow-top" })
         ]),
-        a("div", it, [
+        a("div", dt, [
           s(O, {
             modelValue: l.padding.top,
             "onUpdate:modelValue": e[9] || (e[9] = (o) => l.padding.top = o),
@@ -520,11 +521,11 @@ const ct = /* @__PURE__ */ Z(mt, [["__scopeId", "data-v-bc109a82"]]), ne = (y) =
       m.value = n;
     }, o = le({}), p = I(!1), c = (n, g) => re(`${re(n, "kebab")}-${g}`, "camel"), v = (n) => {
       const g = c(m.value, n);
-      var i = c("border", n);
-      return (o == null ? void 0 : o[g]) || (o == null ? void 0 : o[i]);
+      var d = c("border", n);
+      return (o == null ? void 0 : o[g]) || (o == null ? void 0 : o[d]);
     }, L = (n, g) => {
-      const i = c(m.value, g);
-      P(i, g, n);
+      const d = c(m.value, g);
+      P(d, g, n);
     }, $ = K({
       get: () => v(
         "width"
@@ -563,32 +564,32 @@ const ct = /* @__PURE__ */ Z(mt, [["__scopeId", "data-v-bc109a82"]]), ne = (y) =
       }
     }), M = (n) => {
       const g = X(n);
-      return h.forEach((i) => {
-        const d = c("border", i);
-        g == null || delete g[d];
+      return h.forEach((d) => {
+        const i = c("border", d);
+        g == null || delete g[i];
       }), g;
     }, Y = (n, g) => {
-      let i = !0, d = null;
+      let d = !0, i = null;
       return l.forEach((u) => {
         const k = c(u, g);
         var _ = n == null ? void 0 : n[k];
-        i = i && (_ == d || d === null), d = _;
-      }), i;
+        d = d && (_ == i || i === null), i = _;
+      }), d;
     }, q = (n) => {
       let g = X(n);
-      return h.forEach((i) => {
-        if (!Y(n, i))
+      return h.forEach((d) => {
+        if (!Y(n, d))
           return;
-        const d = n == null ? void 0 : n[c("borderLeft", i)], u = c("border", i), k = n == null ? void 0 : n[u];
-        we(k) && B(g, { [u]: d });
+        const i = n == null ? void 0 : n[c("borderLeft", d)], u = c("border", d), k = n == null ? void 0 : n[u];
+        we(k) && B(g, { [u]: i });
       }), g;
-    }, j = (n, g, i, d) => {
+    }, j = (n, g, d, i) => {
       n === "border" && l.forEach((u) => {
         const k = c(u, g), _ = o[k];
-        (_ == d || Q(_)) && B(o, { [k]: i });
+        (_ == i || Q(_)) && B(o, { [k]: d });
       });
-    }, P = (n, g, i) => {
-      (o == null ? void 0 : o[n]) != i && (p.value = !0, j(m.value, g, i, o == null ? void 0 : o[n]), B(o, { [n]: i }), T("update:border", M(o)), setTimeout(() => {
+    }, P = (n, g, d) => {
+      (o == null ? void 0 : o[n]) != d && (p.value = !0, j(m.value, g, d, o == null ? void 0 : o[n]), B(o, { [n]: d }), T("update:border", M(o)), setTimeout(() => {
         p.value = !1;
       }, 1e3));
     }, r = (n) => {
@@ -597,7 +598,7 @@ const ct = /* @__PURE__ */ Z(mt, [["__scopeId", "data-v-bc109a82"]]), ne = (y) =
     return x(() => w, (n) => {
       p.value || r(n);
     }, { deep: !0, immediate: !0 }), (n, g) => {
-      const i = F("el-tooltip");
+      const d = F("el-tooltip");
       return S(), G("div", gt, [
         a("div", bt, [
           a("div", ft, [
@@ -606,12 +607,12 @@ const ct = /* @__PURE__ */ Z(mt, [["__scopeId", "data-v-bc109a82"]]), ne = (y) =
                 "vs-style-border-selected": m.value === "borderLeft"
                 /* borderLeft */
               }]),
-              onClick: g[0] || (g[0] = (d) => e(
+              onClick: g[0] || (g[0] = (i) => e(
                 "borderLeft"
                 /* borderLeft */
               ))
             }, [
-              s(i, {
+              s(d, {
                 placement: "left",
                 content: t(b).i18nt("designer.style.borderLeft")
               }, {
@@ -628,12 +629,12 @@ const ct = /* @__PURE__ */ Z(mt, [["__scopeId", "data-v-bc109a82"]]), ne = (y) =
                 "vs-style-border-selected": m.value === "borderTop"
                 /* borderTop */
               }]),
-              onClick: g[1] || (g[1] = (d) => e(
+              onClick: g[1] || (g[1] = (i) => e(
                 "borderTop"
                 /* borderTop */
               ))
             }, [
-              s(i, {
+              s(d, {
                 placement: "top",
                 content: t(b).i18nt("designer.style.borderTop")
               }, {
@@ -648,12 +649,12 @@ const ct = /* @__PURE__ */ Z(mt, [["__scopeId", "data-v-bc109a82"]]), ne = (y) =
                 "vs-style-border-selected": m.value === "border"
                 /* border */
               }]),
-              onClick: g[2] || (g[2] = (d) => e(
+              onClick: g[2] || (g[2] = (i) => e(
                 "border"
                 /* border */
               ))
             }, [
-              s(i, {
+              s(d, {
                 content: t(b).i18nt("designer.style.border")
               }, {
                 default: f(() => [
@@ -667,12 +668,12 @@ const ct = /* @__PURE__ */ Z(mt, [["__scopeId", "data-v-bc109a82"]]), ne = (y) =
                 "vs-style-border-selected": m.value === "borderBottom"
                 /* borderBottom */
               }]),
-              onClick: g[3] || (g[3] = (d) => e(
+              onClick: g[3] || (g[3] = (i) => e(
                 "borderBottom"
                 /* borderBottom */
               ))
             }, [
-              s(i, {
+              s(d, {
                 placement: "bottom",
                 content: t(b).i18nt("designer.style.borderBottom")
               }, {
@@ -689,12 +690,12 @@ const ct = /* @__PURE__ */ Z(mt, [["__scopeId", "data-v-bc109a82"]]), ne = (y) =
                 "vs-style-border-selected": m.value === "borderRight"
                 /* borderRight */
               }]),
-              onClick: g[4] || (g[4] = (d) => e(
+              onClick: g[4] || (g[4] = (i) => e(
                 "borderRight"
                 /* borderRight */
               ))
             }, [
-              s(i, {
+              s(d, {
                 placement: "right",
                 content: t(b).i18nt("designer.style.borderRight")
               }, {
@@ -715,14 +716,14 @@ const ct = /* @__PURE__ */ Z(mt, [["__scopeId", "data-v-bc109a82"]]), ne = (y) =
               s(ee, {
                 options: Be,
                 modelValue: t(W),
-                "onUpdate:modelValue": g[5] || (g[5] = (d) => te(W) ? W.value = d : null)
+                "onUpdate:modelValue": g[5] || (g[5] = (i) => te(W) ? W.value = i : null)
               }, null, 8, ["options", "modelValue"])
             ]),
             _: 1
           }, 8, ["label", "color"]),
           s(D, {
             modelValue: t($),
-            "onUpdate:modelValue": g[6] || (g[6] = (d) => te($) ? $.value = d : null),
+            "onUpdate:modelValue": g[6] || (g[6] = (i) => te($) ? $.value = i : null),
             options: t(U)(A),
             "show-label": !0,
             label: t(b).i18nt("designer.style.borderWidth"),
@@ -730,7 +731,7 @@ const ct = /* @__PURE__ */ Z(mt, [["__scopeId", "data-v-bc109a82"]]), ne = (y) =
           }, null, 8, ["modelValue", "options", "label", "color"]),
           s(ae, {
             modelValue: t(C),
-            "onUpdate:modelValue": g[7] || (g[7] = (d) => te(C) ? C.value = d : null),
+            "onUpdate:modelValue": g[7] || (g[7] = (i) => te(C) ? C.value = i : null),
             label: t(b).i18nt("designer.style.borderColor"),
             color: t(V)(t(C))
           }, null, 8, ["modelValue", "label", "color"])
@@ -781,9 +782,9 @@ const kt = /* @__PURE__ */ Z(wt, [["__scopeId", "data-v-11351887"]]), se = (y) =
       let n = X(r);
       return B(n, { ["borderRadius"]: Y(r) }), n;
     }, c = (r, n, g) => {
-      r === "borderRadius" && e.forEach((i) => {
-        const d = i, u = l[d];
-        (u == g || Q(u)) && B(l, { [d]: n });
+      r === "borderRadius" && e.forEach((d) => {
+        const i = d, u = l[i];
+        (u == g || Q(u)) && B(l, { [i]: n });
       });
     }, v = (r) => {
       const n = X(r);
@@ -800,11 +801,11 @@ const kt = /* @__PURE__ */ Z(wt, [["__scopeId", "data-v-11351887"]]), se = (y) =
       var n = {}, g = !0;
       if (Q(r) || r === "")
         return { obj: n, isSame: g };
-      var i = (r == null ? void 0 : r.split(" ")) || [];
-      if (!i || (i == null ? void 0 : i.length) <= 0)
+      var d = (r == null ? void 0 : r.split(" ")) || [];
+      if (!d || (d == null ? void 0 : d.length) <= 0)
         return { obj: n, isSame: g };
-      let d, u, k, _;
-      return (i == null ? void 0 : i.length) === 1 ? d = u = _ = k = i == null ? void 0 : i[0] : (i == null ? void 0 : i.length) == 2 ? (d = u = i == null ? void 0 : i[0], _ = k = i == null ? void 0 : i[1]) : (i == null ? void 0 : i.length) == 4 && (d = i == null ? void 0 : i[0], u = i == null ? void 0 : i[1], k = i == null ? void 0 : i[2], _ = i == null ? void 0 : i[3]), n.borderTopLeftRadius = d, n.borderTopRightRadius = u, n.borderBottomRightRadius = k, n.borderBottomLeftRadius = _, n.borderRadius = Y(n), { obj: n, isSame: M(n) };
+      let i, u, k, _;
+      return (d == null ? void 0 : d.length) === 1 ? i = u = _ = k = d == null ? void 0 : d[0] : (d == null ? void 0 : d.length) == 2 ? (i = u = d == null ? void 0 : d[0], _ = k = d == null ? void 0 : d[1]) : (d == null ? void 0 : d.length) == 4 && (i = d == null ? void 0 : d[0], u = d == null ? void 0 : d[1], k = d == null ? void 0 : d[2], _ = d == null ? void 0 : d[3]), n.borderTopLeftRadius = i, n.borderTopRightRadius = u, n.borderBottomRightRadius = k, n.borderBottomLeftRadius = _, n.borderRadius = Y(n), { obj: n, isSame: M(n) };
     }, M = (r) => ke([
       r == null ? void 0 : r.borderTopLeftRadius,
       r == null ? void 0 : r.borderTopRightRadius,
@@ -819,7 +820,7 @@ const kt = /* @__PURE__ */ Z(wt, [["__scopeId", "data-v-11351887"]]), se = (y) =
     return x(() => w, (r) => {
       h.value || P(r);
     }, { immediate: !0, deep: !0 }), (r, n) => {
-      const g = F("el-tooltip"), i = F("el-input");
+      const g = F("el-tooltip"), d = F("el-input");
       return S(), G("div", xt, [
         a("div", Ut, [
           a("div", Bt, [
@@ -828,7 +829,7 @@ const kt = /* @__PURE__ */ Z(wt, [["__scopeId", "data-v-11351887"]]), se = (y) =
                 "vs-style-border-selected": m.value === "borderTopLeftRadius"
                 /* borderTopLeftRadius */
               }]),
-              onClick: n[0] || (n[0] = (d) => $(
+              onClick: n[0] || (n[0] = (i) => $(
                 "borderTopLeftRadius"
                 /* borderTopLeftRadius */
               ))
@@ -848,7 +849,7 @@ const kt = /* @__PURE__ */ Z(wt, [["__scopeId", "data-v-11351887"]]), se = (y) =
                 "vs-style-border-selected": m.value === "borderBottomLeftRadius"
                 /* borderBottomLeftRadius */
               }]),
-              onClick: n[1] || (n[1] = (d) => $(
+              onClick: n[1] || (n[1] = (i) => $(
                 "borderBottomLeftRadius"
                 /* borderBottomLeftRadius */
               ))
@@ -870,7 +871,7 @@ const kt = /* @__PURE__ */ Z(wt, [["__scopeId", "data-v-11351887"]]), se = (y) =
                 "vs-style-border-selected": m.value === "borderRadius"
                 /* borderRadius */
               }]),
-              onClick: n[2] || (n[2] = (d) => $(
+              onClick: n[2] || (n[2] = (i) => $(
                 "borderRadius"
                 /* borderRadius */
               ))
@@ -891,7 +892,7 @@ const kt = /* @__PURE__ */ Z(wt, [["__scopeId", "data-v-11351887"]]), se = (y) =
                 "vs-style-border-selected": m.value === "borderTopRightRadius"
                 /* borderTopRightRadius */
               }]),
-              onClick: n[3] || (n[3] = (d) => $(
+              onClick: n[3] || (n[3] = (i) => $(
                 "borderTopRightRadius"
                 /* borderTopRightRadius */
               ))
@@ -911,7 +912,7 @@ const kt = /* @__PURE__ */ Z(wt, [["__scopeId", "data-v-11351887"]]), se = (y) =
                 "vs-style-border-selected": m.value === "borderBottomRightRadius"
                 /* borderBottomRightRadius */
               }]),
-              onClick: n[4] || (n[4] = (d) => $(
+              onClick: n[4] || (n[4] = (i) => $(
                 "borderBottomRightRadius"
                 /* borderBottomRightRadius */
               ))
@@ -934,15 +935,15 @@ const kt = /* @__PURE__ */ Z(wt, [["__scopeId", "data-v-11351887"]]), se = (y) =
               style: { width: "3em" },
               class: E([t(V)(t(o))])
             }, z(t(b).i18nt("designer.style.width")), 3),
-            s(i, {
+            s(d, {
               modelValue: t(o),
-              "onUpdate:modelValue": n[6] || (n[6] = (d) => te(o) ? o.value = d : null),
+              "onUpdate:modelValue": n[6] || (n[6] = (i) => te(o) ? o.value = i : null),
               readonly: !0
             }, null, 8, ["modelValue"])
           ])) : (S(), H(D, {
             key: 0,
             modelValue: t(o),
-            "onUpdate:modelValue": n[5] || (n[5] = (d) => te(o) ? o.value = d : null),
+            "onUpdate:modelValue": n[5] || (n[5] = (i) => te(o) ? o.value = i : null),
             options: t(U)(A),
             "show-label": !0,
             label: t(b).i18nt("designer.style.width"),
@@ -953,26 +954,26 @@ const kt = /* @__PURE__ */ Z(wt, [["__scopeId", "data-v-11351887"]]), se = (y) =
     };
   }
 });
-const Kt = /* @__PURE__ */ Z(At, [["__scopeId", "data-v-a30672a7"]]), Nt = { class: "custom-divider" }, zt = { class: "flex flexJustify" }, Jt = { style: { width: "48%" } }, Ht = { class: "custom-divider" }, Ot = { class: "flex flexJustify" }, Xt = { class: "custom-divider" }, Yt = { class: "flex flexJustify" }, Pt = { class: "flex flexJustify" }, Gt = { class: "custom-divider" }, qt = { class: "custom-divider" }, Qt = { class: "custom-divider" }, Zt = N({ componentName: Ue.PropertyEditor }), kl = /* @__PURE__ */ N({
+const Kt = /* @__PURE__ */ Z(At, [["__scopeId", "data-v-a30672a7"]]), Nt = { class: "custom-divider" }, zt = { class: "flex flexJustify" }, Jt = { style: { width: "48%" } }, Ht = { class: "custom-divider" }, Ot = { class: "flex flexJustify" }, Xt = { class: "custom-divider" }, Yt = { class: "flex flexJustify" }, Pt = { class: "flex flexJustify" }, Gt = { class: "custom-divider" }, qt = { class: "custom-divider" }, Qt = { class: "custom-divider" }, Zt = N({ componentName: Ue.PropertyEditor }), xl = /* @__PURE__ */ N({
   ...Zt,
   __name: "css-editor",
   props: { ...Ke },
   setup(y) {
     const T = y, { propValue: w, propName: V, propChanged: l } = Ne(T);
     let h = I({});
-    const m = I(ce.default), e = le({}), { changeListener: o, switchColor: p, toStateInf: c } = oe(), v = (d) => {
+    const m = I(ce.default), e = le({}), { changeListener: o, switchColor: p, toStateInf: c } = oe(), v = (i) => {
       var u;
-      i.value = !1, (u = Object.keys(e)) == null || u.forEach((k) => {
+      d.value = !1, (u = Object.keys(e)) == null || u.forEach((k) => {
         delete e[k];
-      }), B(e, X(h.value[d])), setTimeout(() => {
-        i.value = !0;
+      }), B(e, X(h.value[i])), setTimeout(() => {
+        d.value = !0;
       }, 1e3);
     }, L = () => {
-      c(w.value || "").then((d) => {
-        h.value = d, m.value = ce.default, v(m.value), i.value = !0;
+      c(w.value || "").then((i) => {
+        h.value = i, m.value = ce.default, v(m.value), d.value = !0;
       });
-    }, $ = (d) => {
-      B(e, d);
+    }, $ = (i) => {
+      B(e, i);
     }, W = K(() => ({
       top: e == null ? void 0 : e.marginTop,
       left: e == null ? void 0 : e.marginLeft,
@@ -983,25 +984,25 @@ const Kt = /* @__PURE__ */ Z(At, [["__scopeId", "data-v-a30672a7"]]), Nt = { cla
       left: e == null ? void 0 : e.paddingLeft,
       right: e == null ? void 0 : e.paddingRight,
       bottom: e == null ? void 0 : e.paddingBottom
-    })), M = (d) => {
+    })), M = (i) => {
       $({
-        marginTop: d == null ? void 0 : d.top,
-        marginLeft: d == null ? void 0 : d.left,
-        marginRight: d == null ? void 0 : d.right,
-        marginBottom: d == null ? void 0 : d.bottom
+        marginTop: i == null ? void 0 : i.top,
+        marginLeft: i == null ? void 0 : i.left,
+        marginRight: i == null ? void 0 : i.right,
+        marginBottom: i == null ? void 0 : i.bottom
       });
-    }, Y = (d) => {
+    }, Y = (i) => {
       $({
-        paddingTop: d == null ? void 0 : d.top,
-        paddingLeft: d == null ? void 0 : d.left,
-        paddingRight: d == null ? void 0 : d.right,
-        paddingBottom: d == null ? void 0 : d.bottom
+        paddingTop: i == null ? void 0 : i.top,
+        paddingLeft: i == null ? void 0 : i.left,
+        paddingRight: i == null ? void 0 : i.right,
+        paddingBottom: i == null ? void 0 : i.bottom
       });
-    }, q = (d) => {
-      l(d), P(!1);
+    }, q = (i) => {
+      l(i), P(!1);
     }, j = () => {
       P(!1);
-    }, P = (d = !0, u, k, _, _e, ve) => {
+    }, P = (i = !0, u, k, _, _e, ve) => {
       n({
         attrs: B({
           props: {
@@ -1010,7 +1011,7 @@ const Kt = /* @__PURE__ */ Z(At, [["__scopeId", "data-v-a30672a7"]]), Nt = { cla
             ..._
           },
           dialogType: k,
-          visible: d,
+          visible: i,
           title: b.i18nt("designer.setting.widgetCss"),
           name: V.value
         }, ve),
@@ -1020,24 +1021,24 @@ const Kt = /* @__PURE__ */ Z(At, [["__scopeId", "data-v-a30672a7"]]), Nt = { cla
         }
       });
     }, { getInstance: r } = xe(), { editHandler: n } = Xe({ ...T, instance: r() }), g = () => {
-      P(!0, { ...T.propConfig, type: Ae.css }, Me.code, void 0, (d) => {
-        var u = d;
+      P(!0, { ...T.propConfig, type: Ae.css }, Me.code, void 0, (i) => {
+        var u = i;
         c(u).then((k) => {
           h.value = k, v(m.value), q(u);
         });
       });
-    }, i = I(!1);
-    return x(e, (d) => {
-      i.value && (h.value[m.value] = X(d), o(h.value).then((u) => {
+    }, d = I(!1);
+    return x(e, (i) => {
+      d.value && (h.value[m.value] = X(i), o(h.value).then((u) => {
         l(u);
       }));
     }, { deep: !0 }), Re(() => {
       L();
-    }), (d, u) => {
+    }), (i, u) => {
       const k = F("el-button");
-      return S(), H(ze, $e(Te(d.$props)), {
+      return S(), H(ze, $e(Te(i.$props)), {
         slotEditor: f(() => [
-          s(Je, ie(d.$props, { "prop-config": d.propConfig }), {
+          s(Je, de(i.$props, { "prop-config": i.propConfig }), {
             specialEditor: f(() => [
               a("div", null, [
                 a("div", Nt, z(t(b).i18nt("designer.style.state")), 1),
@@ -1071,7 +1072,7 @@ const Kt = /* @__PURE__ */ Z(At, [["__scopeId", "data-v-a30672a7"]]), Nt = { cla
                     }, null, 8, ["color"])
                   ]),
                   input: f(() => [
-                    s(de, {
+                    s(ie, {
                       options: t(U)(Le),
                       "icon-title": "display",
                       modelValue: e.display,
@@ -1180,7 +1181,7 @@ const Kt = /* @__PURE__ */ Z(At, [["__scopeId", "data-v-a30672a7"]]), Nt = { cla
                       }, null, 8, ["color"])
                     ]),
                     input: f(() => [
-                      s(de, {
+                      s(ie, {
                         options: t(U)(Ee),
                         "icon-title": "font-style",
                         modelValue: e.fontStyle,
@@ -1232,7 +1233,7 @@ const Kt = /* @__PURE__ */ Z(At, [["__scopeId", "data-v-a30672a7"]]), Nt = { cla
                     }, null, 8, ["color"])
                   ]),
                   input: f(() => [
-                    s(de, {
+                    s(ie, {
                       options: t(U)(Fe),
                       "icon-title": "text-align",
                       modelValue: e.textAlign,
@@ -1251,7 +1252,7 @@ const Kt = /* @__PURE__ */ Z(At, [["__scopeId", "data-v-a30672a7"]]), Nt = { cla
                     }, null, 8, ["color"])
                   ]),
                   input: f(() => [
-                    s(de, {
+                    s(ie, {
                       options: t(U)(De),
                       "icon-title": "text-decoration",
                       modelValue: e.textDecoration,
@@ -1289,8 +1290,8 @@ const Kt = /* @__PURE__ */ Z(At, [["__scopeId", "data-v-a30672a7"]]), Nt = { cla
                   _: 1
                 }, 8, ["modelValue", "label"]),
                 a("div", qt, z(t(b).i18nt("designer.style.border")), 1),
-                s(kt, ie(e, { "onUpdate:border": $ }), null, 16),
-                s(Kt, ie(e, { "onUpdate:borderRadius": $ }), null, 16),
+                s(kt, de(e, { "onUpdate:border": $ }), null, 16),
+                s(Kt, de(e, { "onUpdate:borderRadius": $ }), null, 16),
                 a("div", Qt, z(t(b).i18nt("designer.style.effect")), 1),
                 s(D, {
                   modelValue: e.opacity,
@@ -1341,5 +1342,5 @@ const Kt = /* @__PURE__ */ Z(At, [["__scopeId", "data-v-a30672a7"]]), Nt = { cla
   }
 });
 export {
-  kl as default
+  xl as default
 };