hldesigner 0.0.281 → 0.0.282

package/css-editor-6ef171e7.js

@@ -1,1350 +0,0 @@
-import { defineComponent as N, ref as C, computed as K, watch as x, resolveComponent as D, openBlock as S, createBlock as X, withCtx as c, renderSlot as ge, createVNode as i, mergeProps as se, createElementBlock as Z, Fragment as re, renderList as ue, unref as n, createCommentVNode as ce, createTextVNode as pe, toDisplayString as J, reactive as oe, createElementVNode as a, withKeys as be, normalizeClass as F, onMounted as fe, normalizeProps as ve, guardReactiveProps as ye } from "vue";
-import { d as L, i as q, e as P, c as Ve, O as he } from "./obj-502bbea0.js";
-import { a as g } from "./enum-type-4fd2996f.js";
-import { u as _e } from "./icon-aff7bde2.js";
-import { w as Re } from "./expression-4614311c.js";
-import { S as A, b6 as $e, bW as ae, bX as Te, bY as ke, bZ as we, b_ as Ue, b$ as xe, c0 as Be, c1 as Le, c2 as Se, bV as Ce, ay as Ee } from "./enum-type-059a1871.js";
-import { A as B } from "./baseImp-e6533762.js";
-import { I as Ie } from "./property-base-224cbba8.js";
-import { u as Fe } from "./share-editor-b5bdc20c.js";
-import { E as De, O as We } from "./editor-wrapper-b5924cae.js";
-import { S as V } from "./index-93949bc0.js";
-import { _ as W } from "./_share_size.vue_vue_type_script_setup_true_lang-0f17dbf2.js";
-import { s as O } from "./_share_wrapper-9d61ae87.js";
-import { _ as Q } from "./_plugin-vue_export-helper-dad06003.js";
-import { c as ie, a as le, u as Me } from "./cssIndex-376549b5.js";
-import { h as Ae } from "./_share_image-b0e3dd36.js";
-import { u as Ke } from "./share-event-74d5db69.js";
-import "./source-map-b04aec4a.js";
-import "./uuid-14e756b8.js";
-import "./_commonjsHelpers-e7ea1525.js";
-import "./esprima-e8d15055.js";
-import "axios";
-import "./dialog-8d618800.js";
-import "element-plus";
-import "./index-2d59c452.js";
-import "./optionItem-b66d0f80.js";
-import "./index-bb63159a.js";
-import "./index-1dd1ec8e.js";
-import "./index-6bcfdc22.js";
-import "./emitter-5d6d8130.js";
-const Ne = /* @__PURE__ */ N({
-  __name: "_share_color",
-  props: {
-    modelValue: {},
-    label: {},
-    color: {},
-    options: {}
-  },
-  emits: ["update:modelValue"],
-  setup($, { emit: k }) {
-    const _ = $, s = C([
-      "#ff4500",
-      "#ff8c00",
-      "#ffd700",
-      "#90ee90",
-      "#00ced1",
-      "#1e90ff",
-      "#c71585",
-      "rgba(255, 69, 0, 0.68)",
-      "rgb(255, 120, 0)",
-      "hsv(51, 100, 98)",
-      "hsva(120, 40, 94, 0.5)",
-      "hsl(181, 100%, 37%)",
-      "hsla(209, 100%, 56%, 0.73)",
-      "#c7158577"
-    ]), h = C(_.modelValue), R = K(() => h.value || ""), y = k, e = () => {
-      y("update:modelValue", R.value);
-    }, u = C(), o = () => {
-      setTimeout(() => {
-        var v;
-        (v = u.value) == null || v.show();
-      }, 100);
-    };
-    return x(() => h.value, () => {
-      e();
-    }), x(() => _.modelValue, (v) => {
-      h.value = v;
-    }), (v, m) => {
-      const f = D("el-color-picker"), U = D("el-input");
-      return S(), X(O, {
-        label: $.label,
-        color: $.color
-      }, {
-        label: c(() => [
-          ge(v.$slots, "label", {}, void 0, !0)
-        ]),
-        input: c(() => [
-          i(U, {
-            modelValue: h.value,
-            "onUpdate:modelValue": m[1] || (m[1] = (w) => h.value = w),
-            onClick: o
-          }, {
-            prepend: c(() => [
-              i(f, se({
-                ref_key: "colorRef",
-                ref: u,
-                modelValue: h.value,
-                "onUpdate:modelValue": m[0] || (m[0] = (w) => h.value = w)
-              }, $.options, { predefine: s.value }), null, 16, ["modelValue", "predefine"])
-            ]),
-            _: 1
-          }, 8, ["modelValue"])
-        ]),
-        _: 3
-      }, 8, ["label", "color"]);
-    };
-  }
-});
-const de = /* @__PURE__ */ Q(Ne, [["__scopeId", "data-v-6f08b1ee"]]), te = /* @__PURE__ */ N({
-  __name: "_share_select",
-  props: {
-    modelValue: {},
-    iconTitle: {},
-    options: {}
-  },
-  emits: ["update:modelValue", "change"],
-  setup($, { emit: k }) {
-    const _ = $, s = C(_.modelValue), h = K(() => s.value || ""), R = k, y = () => {
-      R("update:modelValue", h.value);
-    }, e = (u) => {
-      R("change", u);
-    };
-    return x(() => s.value, () => {
-      y();
-    }), x(() => _.modelValue, (u) => {
-      s.value = u;
-    }), (u, o) => {
-      const v = D("el-option"), m = D("el-select");
-      return S(), X(m, {
-        modelValue: s.value,
-        "onUpdate:modelValue": o[0] || (o[0] = (f) => s.value = f),
-        "suffix-icon": "",
-        placeholder: " ",
-        teleported: !1,
-        clearable: !0,
-        onChange: e
-      }, {
-        default: c(() => [
-          (S(!0), Z(re, null, ue($.options, (f) => (S(), X(v, {
-            key: f.value,
-            label: f.label,
-            value: f.value
-          }, {
-            default: c(() => [
-              $.iconTitle ? (S(), X(V, {
-                key: 0,
-                name: `@css-${$.iconTitle ? $.iconTitle + "-" : ""}${n(ie)(f.value, "kebab")}`
-              }, null, 8, ["name"])) : ce("", !0),
-              pe(J(f == null ? void 0 : f.label), 1)
-            ]),
-            _: 2
-          }, 1032, ["label", "value"]))), 128))
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), ze = /* @__PURE__ */ N({
-  __name: "_share_radio",
-  props: {
-    modelValue: {},
-    iconTitle: {},
-    options: {}
-  },
-  emits: ["update:modelValue"],
-  setup($, { emit: k }) {
-    const _ = $, s = C(_.modelValue), h = K(() => s.value || ""), R = k, y = () => {
-      R("update:modelValue", h.value || "");
-    };
-    return x(() => s.value, () => {
-      y();
-    }), x(() => _.modelValue, (e) => {
-      s.value = e;
-    }), (e, u) => {
-      const o = D("el-tooltip"), v = D("el-radio-button"), m = D("el-radio-group");
-      return S(), X(m, {
-        modelValue: s.value,
-        "onUpdate:modelValue": u[0] || (u[0] = (f) => s.value = f),
-        class: "flex-wrapper"
-      }, {
-        default: c(() => [
-          (S(!0), Z(re, null, ue($.options, (f) => (S(), X(v, {
-            key: f.value,
-            label: f.label,
-            value: f.value,
-            class: "flex-item"
-          }, {
-            default: c(() => [
-              i(o, {
-                effect: "dark",
-                content: f.value,
-                placement: "top"
-              }, {
-                default: c(() => [
-                  i(V, {
-                    name: `@css-${$.iconTitle ? $.iconTitle + "-" : ""}${n(ie)(f.value, "kebab")}`
-                  }, null, 8, ["name"])
-                ]),
-                _: 2
-              }, 1032, ["content"])
-            ]),
-            _: 2
-          }, 1032, ["label", "value"]))), 128))
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-});
-const ne = /* @__PURE__ */ Q(ze, [["__scopeId", "data-v-12dcba4d"]]), Je = { class: "flex flexJustify" }, Oe = { class: "flex flexJustify" }, Xe = /* @__PURE__ */ N({
-  __name: "_boxShadow",
-  props: {
-    modelValue: {}
-  },
-  emits: ["update:modelValue"],
-  setup($, { emit: k }) {
-    const { switchColor: _ } = le(), s = oe({}), h = $, R = k, y = (o) => {
-      R("update:modelValue", e(o));
-    }, e = (o) => `${o == null ? void 0 : o.color} ${o == null ? void 0 : o.offsetX} ${o == null ? void 0 : o.offsetY} ${o == null ? void 0 : o.blurRadius} ${o == null ? void 0 : o.spreadRadius}`, u = (o) => {
-      const v = o == null ? void 0 : o.split(" "), [m, f, U, w, z] = v || [], E = (M) => q(M) || M === "undefined" ? "" : M;
-      return {
-        color: E(m),
-        offsetX: E(f),
-        offsetY: E(U),
-        blurRadius: E(w),
-        spreadRadius: E(z)
-      };
-    };
-    return x(s, (o) => {
-      y(o);
-    }), x(() => h.modelValue, (o) => {
-      L(s, u(o));
-    }), (o, v) => (S(), Z(re, null, [
-      i(de, {
-        modelValue: s.color,
-        "onUpdate:modelValue": v[0] || (v[0] = (m) => s.color = m),
-        label: n(g).i18nt("designer.style.boxShadowColor")
-      }, {
-        label: c(() => [
-          i(V, {
-            name: "@css-background-color",
-            color: n(_)(s == null ? void 0 : s.color)
-          }, null, 8, ["color"])
-        ]),
-        _: 1
-      }, 8, ["modelValue", "label"]),
-      a("div", Je, [
-        i(W, {
-          modelValue: s.offsetX,
-          "onUpdate:modelValue": v[1] || (v[1] = (m) => s.offsetX = m),
-          options: n(B)(A),
-          label: n(g).i18nt("designer.style.boxShadowHShadow"),
-          style: { width: "48%" }
-        }, {
-          label: c(() => [
-            i(V, {
-              name: "@css-box-shadow-h-shadow",
-              color: n(_)(s == null ? void 0 : s.offsetX)
-            }, null, 8, ["color"])
-          ]),
-          _: 1
-        }, 8, ["modelValue", "options", "label"]),
-        i(W, {
-          modelValue: s.offsetY,
-          "onUpdate:modelValue": v[2] || (v[2] = (m) => s.offsetY = m),
-          options: n(B)(A),
-          label: n(g).i18nt("designer.style.boxShadowVShadow"),
-          style: { width: "48%" }
-        }, {
-          label: c(() => [
-            i(V, {
-              name: "@css-box-shadow-v-shadow",
-              color: n(_)(s == null ? void 0 : s.offsetY)
-            }, null, 8, ["color"])
-          ]),
-          _: 1
-        }, 8, ["modelValue", "options", "label"])
-      ]),
-      a("div", Oe, [
-        i(W, {
-          modelValue: s.blurRadius,
-          "onUpdate:modelValue": v[3] || (v[3] = (m) => s.blurRadius = m),
-          options: n(B)(A),
-          label: n(g).i18nt("designer.style.boxShadowBlur"),
-          style: { width: "48%" }
-        }, {
-          label: c(() => [
-            i(V, {
-              name: "@css-box-shadow-blur",
-              color: n(_)(s.blurRadius)
-            }, null, 8, ["color"])
-          ]),
-          _: 1
-        }, 8, ["modelValue", "options", "label"]),
-        i(W, {
-          modelValue: s.spreadRadius,
-          "onUpdate:modelValue": v[4] || (v[4] = (m) => s.spreadRadius = m),
-          options: n(B)(A),
-          label: n(g).i18nt("designer.style.boxShadowSpread"),
-          style: { width: "48%" }
-        }, {
-          label: c(() => [
-            i(V, {
-              name: "@css-box-shadow-spread",
-              color: n(_)(s.spreadRadius)
-            }, null, 8, ["color"])
-          ]),
-          _: 1
-        }, 8, ["modelValue", "options", "label"])
-      ])
-    ], 64));
-  }
-}), Ye = /* @__PURE__ */ N({
-  __name: "_share_input_switch",
-  props: {
-    modelValue: {},
-    title: {}
-  },
-  emits: ["update:modelValue"],
-  setup($, { emit: k }) {
-    const _ = $, { switchColorClass: s } = le(), h = C(), R = C(_.modelValue), y = C(), e = k, u = (m) => {
-      e("update:modelValue", m);
-    }, o = () => {
-      var m;
-      h.value = !0, (m = y.value) == null || m.focus();
-    }, v = () => {
-      var m;
-      h.value = !1, (m = y.value) == null || m.blur();
-    };
-    return x(() => R.value, (m) => {
-      u(m);
-    }), x(() => _.modelValue, (m) => {
-      R.value = m;
-    }), (m, f) => {
-      const U = D("el-input");
-      return S(), X(U, {
-        ref_key: "inputRef",
-        ref: y,
-        modelValue: R.value,
-        "onUpdate:modelValue": f[0] || (f[0] = (w) => R.value = w),
-        editable: h.value,
-        onKeyup: be(v, ["enter"]),
-        onBlur: v,
-        placeholder: `${R.value || "0"}`,
-        class: F([h.value ? "" : "readonly", n(s)(R.value)]),
-        onClick: o
-      }, null, 8, ["modelValue", "editable", "placeholder", "class"]);
-    };
-  }
-});
-const H = /* @__PURE__ */ Q(Ye, [["__scopeId", "data-v-c44ac24d"]]), He = {
-  style: { position: "relative" },
-  class: "hl-margin-padding"
-}, Pe = { class: "hl-layout-box hl-margin-box" }, Ge = { class: "hl-inline-input hl-input-h hl-input-top" }, Ze = { class: "hl-inline-input hl-input-v hl-input-right" }, qe = { class: "hl-inline-input hl-input-h hl-input-bottom" }, Qe = { class: "hl-inline-input hl-input-v hl-input-left" }, je = { class: "hl-layout-box hl-padding-box" }, et = { class: "hl-inline-input hl-input-h hl-input-top" }, tt = { class: "hl-inline-input hl-input-v hl-input-right" }, ot = { class: "hl-inline-input hl-input-h hl-input-bottom" }, lt = { class: "hl-inline-input hl-input-v hl-input-left" }, nt = /* @__PURE__ */ N({
-  __name: "_margin_padding",
-  props: {
-    margin: {},
-    padding: {}
-  },
-  emits: ["update:margin", "update:padding"],
-  setup($, { emit: k }) {
-    const { splitNumericUnit: _ } = Me(), s = oe({ margin: {}, padding: {} }), h = $, R = k, y = (e, u, o) => {
-      let v = e[u];
-      q(v) && (v = {});
-      let m = v[o];
-      q(m) && (m = "0px");
-      const f = _(m);
-      if (!f.valid)
-        return;
-      const U = ((f == null ? void 0 : f.numeric) || 0) + 1, w = f == null ? void 0 : f.unit;
-      L(e, { [u]: { [o]: `${U}${w}` } });
-    };
-    return x(() => s.margin, (e) => {
-      R("update:margin", e);
-    }, { deep: !0 }), x(() => s.padding, (e) => {
-      R("update:padding", e);
-    }, { deep: !0 }), x(() => h.margin, (e) => {
-      L(s, { margin: e });
-    }), x(() => h.padding, (e) => {
-      L(s, { padding: e });
-    }), (e, u) => (S(), Z("div", He, [
-      a("div", Pe, [
-        a("div", {
-          class: "hl-handle hl-handle-top hl-handle-top-border",
-          onClick: u[0] || (u[0] = (o) => y(s, "margin", "top"))
-        }, [
-          i(V, { name: "@css-arrow-top" })
-        ]),
-        a("div", Ge, [
-          i(H, {
-            modelValue: s.margin.top,
-            "onUpdate:modelValue": u[1] || (u[1] = (o) => s.margin.top = o),
-            title: n(g).i18nt("designer.style.marginTop")
-          }, null, 8, ["modelValue", "title"])
-        ]),
-        a("div", {
-          class: "hl-handle hl-handle-right hl-handle-right-border",
-          onClick: u[2] || (u[2] = (o) => y(s, "margin", "right"))
-        }, [
-          i(V, { name: "@css-arrow-right" })
-        ]),
-        a("div", Ze, [
-          i(H, {
-            modelValue: s.margin.right,
-            "onUpdate:modelValue": u[3] || (u[3] = (o) => s.margin.right = o),
-            title: n(g).i18nt("designer.style.marginRight")
-          }, null, 8, ["modelValue", "title"])
-        ]),
-        a("div", {
-          class: "hl-handle hl-handle-bottom hl-handle-bottom-border",
-          onClick: u[4] || (u[4] = (o) => y(s, "margin", "bottom"))
-        }, [
-          u[16] || (u[16] = a("span", { class: "hl-border-desp" }, "MARGIN", -1)),
-          i(V, { name: "@css-arrow-bottom" })
-        ]),
-        a("div", qe, [
-          i(H, {
-            modelValue: s.margin.bottom,
-            "onUpdate:modelValue": u[5] || (u[5] = (o) => s.margin.bottom = o),
-            title: n(g).i18nt("designer.style.marginBottom")
-          }, null, 8, ["modelValue", "title"])
-        ]),
-        a("div", {
-          class: "hl-handle hl-handle-left hl-handle-left-border",
-          onClick: u[6] || (u[6] = (o) => y(s, "margin", "left"))
-        }, [
-          i(V, { name: "@css-arrow-left" })
-        ]),
-        a("div", Qe, [
-          i(H, {
-            modelValue: s.margin.left,
-            "onUpdate:modelValue": u[7] || (u[7] = (o) => s.margin.left = o),
-            title: n(g).i18nt("designer.style.marginLeft")
-          }, null, 8, ["modelValue", "title"])
-        ])
-      ]),
-      a("div", je, [
-        a("div", {
-          class: "hl-handle hl-handle-top hl-handle-top-border",
-          onClick: u[8] || (u[8] = (o) => y(s, "padding", "top"))
-        }, [
-          i(V, { name: "@css-arrow-top" })
-        ]),
-        a("div", et, [
-          i(H, {
-            modelValue: s.padding.top,
-            "onUpdate:modelValue": u[9] || (u[9] = (o) => s.padding.top = o),
-            title: n(g).i18nt("designer.style.paddingTop")
-          }, null, 8, ["modelValue", "title"])
-        ]),
-        a("div", {
-          class: "hl-handle hl-handle-right hl-handle-right-border",
-          onClick: u[10] || (u[10] = (o) => y(s, "padding", "right"))
-        }, [
-          i(V, { name: "@css-arrow-right" })
-        ]),
-        a("div", tt, [
-          i(H, {
-            modelValue: s.padding.right,
-            "onUpdate:modelValue": u[11] || (u[11] = (o) => s.padding.right = o),
-            title: n(g).i18nt("designer.style.paddingRight")
-          }, null, 8, ["modelValue", "title"])
-        ]),
-        a("div", {
-          class: "hl-handle hl-handle-bottom hl-handle-bottom-border",
-          onClick: u[12] || (u[12] = (o) => y(s, "padding", "bottom"))
-        }, [
-          u[17] || (u[17] = a("span", { class: "hl-border-desp" }, "PADDING", -1)),
-          i(V, { name: "@css-arrow-bottom" })
-        ]),
-        a("div", ot, [
-          i(H, {
-            modelValue: s.padding.bottom,
-            "onUpdate:modelValue": u[13] || (u[13] = (o) => s.padding.bottom = o),
-            title: n(g).i18nt("designer.style.paddingBottom")
-          }, null, 8, ["modelValue", "title"])
-        ]),
-        a("div", {
-          class: "hl-handle hl-handle-left hl-handle-left-border",
-          onClick: u[14] || (u[14] = (o) => y(s, "padding", "left"))
-        }, [
-          i(V, { name: "@css-arrow-left" })
-        ]),
-        a("div", lt, [
-          i(H, {
-            modelValue: s.padding.left,
-            "onUpdate:modelValue": u[15] || (u[15] = (o) => s.padding.left = o),
-            title: n(g).i18nt("designer.style.paddingLeft")
-          }, null, 8, ["modelValue", "title"])
-        ])
-      ])
-    ]));
-  }
-});
-const st = /* @__PURE__ */ Q(nt, [["__scopeId", "data-v-bc109a82"]]), it = { class: "vs-style-border-style" }, dt = { class: "vs-style-border-setter-left-pane" }, rt = { class: "vs-style-border-setter-row" }, at = { class: "vs-style-border-setter-row" }, ut = { class: "vs-style-border-setter-row" }, pt = { class: "vs-style-border-setter-right-pane" }, mt = /* @__PURE__ */ N({
-  __name: "_border",
-  props: {
-    borderWidth: {},
-    borderStyle: {},
-    borderColor: {},
-    borderLeftWidth: {},
-    borderLeftStyle: {},
-    borderLeftColor: {},
-    borderTopWidth: {},
-    borderTopStyle: {},
-    borderTopColor: {},
-    borderBottomWidth: {},
-    borderBottomStyle: {},
-    borderBottomColor: {},
-    borderRightWidth: {},
-    borderRightStyle: {},
-    borderRightColor: {}
-  },
-  emits: [
-    "update:border"
-  ],
-  setup($, { emit: k }) {
-    const { switchColorClass: _ } = le(), s = [
-      "borderBottom",
-      "borderLeft",
-      "borderRight",
-      "borderTop"
-      /* borderTop */
-    ], h = [
-      "color",
-      "style",
-      "width"
-      /* width */
-    ], R = k, y = $, e = C(
-      "border"
-      /* border */
-    ), u = (l) => {
-      e.value = l;
-    }, o = oe({}), v = C(!1), m = (l, p) => ie(`${ie(l, "kebab")}-${p}`, "camel"), f = (l) => {
-      const p = m(e.value, l);
-      var t = m("border", l);
-      return (o == null ? void 0 : o[p]) || (o == null ? void 0 : o[t]);
-    }, U = (l, p) => {
-      const t = m(e.value, p);
-      ee(t, p, l);
-    }, w = K({
-      get: () => f(
-        "width"
-        /* width */
-      ),
-      set: (l) => {
-        U(
-          l,
-          "width"
-          /* width */
-        );
-      }
-    }), z = K({
-      get: () => f(
-        "style"
-        /* style */
-      ),
-      set: (l) => {
-        U(
-          l,
-          "style"
-          /* style */
-        );
-      }
-    }), E = K({
-      get: () => f(
-        "color"
-        /* color */
-      ),
-      set: (l) => {
-        U(
-          l,
-          "color"
-          /* color */
-        );
-      }
-    }), M = (l) => {
-      const p = P(l);
-      return h.forEach((t) => {
-        const d = m("border", t);
-        p == null || delete p[d];
-      }), p;
-    }, Y = (l, p) => {
-      let t = !0, d = null;
-      return s.forEach((T) => {
-        const b = m(T, p);
-        var I = l == null ? void 0 : l[b];
-        t = t && (I == d || d === null), d = I;
-      }), t;
-    }, j = (l) => {
-      let p = P(l);
-      return h.forEach((t) => {
-        if (!Y(l, t))
-          return;
-        const d = l == null ? void 0 : l[m("borderLeft", t)], T = m("border", t), b = l == null ? void 0 : l[T];
-        Ve(b) && L(p, { [T]: d });
-      }), p;
-    }, G = (l, p, t, d) => {
-      l === "border" && s.forEach((T) => {
-        const b = m(T, p), I = o[b];
-        (I == d || q(I)) && L(o, { [b]: t });
-      });
-    }, ee = (l, p, t) => {
-      (o == null ? void 0 : o[l]) != t && (v.value = !0, G(e.value, p, t, o == null ? void 0 : o[l]), L(o, { [l]: t }), R("update:border", M(o)), setTimeout(() => {
-        v.value = !1;
-      }, 1e3));
-    }, r = (l) => {
-      L(o, P(j(l)));
-    };
-    return x(() => y, (l) => {
-      v.value || r(l);
-    }, { deep: !0, immediate: !0 }), (l, p) => {
-      const t = D("el-tooltip");
-      return S(), Z("div", it, [
-        a("div", dt, [
-          a("div", rt, [
-            a("div", {
-              class: F(["vs-style-border-col", {
-                "vs-style-border-selected": e.value === "borderLeft"
-                /* borderLeft */
-              }]),
-              onClick: p[0] || (p[0] = (d) => u(
-                "borderLeft"
-                /* borderLeft */
-              ))
-            }, [
-              i(t, {
-                placement: "left",
-                content: n(g).i18nt("designer.style.borderLeft")
-              }, {
-                default: c(() => [...p[8] || (p[8] = [
-                  a("span", null, "┣", -1)
-                ])]),
-                _: 1
-              }, 8, ["content"])
-            ], 2)
-          ]),
-          a("div", at, [
-            a("div", {
-              class: F(["vs-style-border-col", {
-                "vs-style-border-selected": e.value === "borderTop"
-                /* borderTop */
-              }]),
-              onClick: p[1] || (p[1] = (d) => u(
-                "borderTop"
-                /* borderTop */
-              ))
-            }, [
-              i(t, {
-                placement: "top",
-                content: n(g).i18nt("designer.style.borderTop")
-              }, {
-                default: c(() => [...p[9] || (p[9] = [
-                  a("span", null, "┳", -1)
-                ])]),
-                _: 1
-              }, 8, ["content"])
-            ], 2),
-            a("div", {
-              class: F(["vs-style-border-col", {
-                "vs-style-border-selected": e.value === "border"
-                /* border */
-              }]),
-              onClick: p[2] || (p[2] = (d) => u(
-                "border"
-                /* border */
-              ))
-            }, [
-              i(t, {
-                content: n(g).i18nt("designer.style.border")
-              }, {
-                default: c(() => [...p[10] || (p[10] = [
-                  a("span", null, "╋", -1)
-                ])]),
-                _: 1
-              }, 8, ["content"])
-            ], 2),
-            a("div", {
-              class: F(["vs-style-border-col", {
-                "vs-style-border-selected": e.value === "borderBottom"
-                /* borderBottom */
-              }]),
-              onClick: p[3] || (p[3] = (d) => u(
-                "borderBottom"
-                /* borderBottom */
-              ))
-            }, [
-              i(t, {
-                placement: "bottom",
-                content: n(g).i18nt("designer.style.borderBottom")
-              }, {
-                default: c(() => [...p[11] || (p[11] = [
-                  a("span", null, "┻", -1)
-                ])]),
-                _: 1
-              }, 8, ["content"])
-            ], 2)
-          ]),
-          a("div", ut, [
-            a("div", {
-              class: F(["vs-style-border-col", {
-                "vs-style-border-selected": e.value === "borderRight"
-                /* borderRight */
-              }]),
-              onClick: p[4] || (p[4] = (d) => u(
-                "borderRight"
-                /* borderRight */
-              ))
-            }, [
-              i(t, {
-                placement: "right",
-                content: n(g).i18nt("designer.style.borderRight")
-              }, {
-                default: c(() => [...p[12] || (p[12] = [
-                  a("span", null, "┫", -1)
-                ])]),
-                _: 1
-              }, 8, ["content"])
-            ], 2)
-          ])
-        ]),
-        a("div", pt, [
-          i(O, {
-            label: n(g).i18nt("designer.style.borderStyle"),
-            color: n(_)(z.value)
-          }, {
-            input: c(() => [
-              i(te, {
-                options: $e,
-                modelValue: z.value,
-                "onUpdate:modelValue": p[5] || (p[5] = (d) => z.value = d)
-              }, null, 8, ["options", "modelValue"])
-            ]),
-            _: 1
-          }, 8, ["label", "color"]),
-          i(W, {
-            modelValue: w.value,
-            "onUpdate:modelValue": p[6] || (p[6] = (d) => w.value = d),
-            options: n(B)(A),
-            "show-label": !0,
-            label: n(g).i18nt("designer.style.borderWidth"),
-            color: n(_)(w.value)
-          }, null, 8, ["modelValue", "options", "label", "color"]),
-          i(de, {
-            modelValue: E.value,
-            "onUpdate:modelValue": p[7] || (p[7] = (d) => E.value = d),
-            label: n(g).i18nt("designer.style.borderColor"),
-            color: n(_)(E.value)
-          }, null, 8, ["modelValue", "label", "color"])
-        ])
-      ]);
-    };
-  }
-});
-const gt = /* @__PURE__ */ Q(mt, [["__scopeId", "data-v-11351887"]]), ct = { class: "vs-style-border-radius" }, bt = { class: "vs-style-border-setter-left-pane" }, ft = { class: "vs-style-border-setter-row" }, vt = { class: "vs-style-border-setter-row" }, yt = { class: "vs-style-border-setter-row" }, Vt = { class: "vs-style-border-setter-right-pane" }, ht = {
-  key: 1,
-  class: "flex flexJustify",
-  style: { margin: "5px 0px" }
-}, _t = /* @__PURE__ */ N({
-  __name: "_border_radius",
-  props: {
-    borderRadius: {},
-    borderTopLeftRadius: {},
-    borderTopRightRadius: {},
-    borderBottomLeftRadius: {},
-    borderBottomRightRadius: {}
-  },
-  emits: [
-    "update:borderRadius"
-  ],
-  setup($, { emit: k }) {
-    const { switchColorClass: _ } = le();
-    let s = oe({});
-    const h = $, R = k;
-    let y = C(!1);
-    const e = C(
-      "borderRadius"
-      /* borderRadius */
-    ), u = [
-      "borderBottomLeftRadius",
-      "borderBottomRightRadius",
-      "borderTopLeftRadius",
-      "borderTopRightRadius"
-      /* borderTopRightRadius */
-    ], o = K({
-      get: () => {
-        const r = e.value;
-        var l = "borderRadius";
-        return (s == null ? void 0 : s[r]) || (s == null ? void 0 : s[l]);
-      },
-      set: (r) => {
-        const l = e.value;
-        U(l, r);
-      }
-    }), v = (r) => {
-      let l = P(r);
-      return L(l, { ["borderRadius"]: Y(r) }), l;
-    }, m = (r, l, p) => {
-      r === "borderRadius" && u.forEach((t) => {
-        const d = t, T = s[d];
-        (T == p || q(T)) && L(s, { [d]: l });
-      });
-    }, f = (r) => {
-      const l = P(r);
-      return l == null || delete l.borderRadius, l;
-    }, U = (r, l) => {
-      (s == null ? void 0 : s[r]) != l && (y.value = !0, m(e.value, l, s == null ? void 0 : s[r]), L(s, { [r]: l }), R("update:borderRadius", f(s)), setTimeout(() => {
-        y.value = !1;
-      }, 1e3));
-    }, w = (r) => {
-      y.value = !1, e.value = r, L(s, { borderRadius: Y(s) }), setTimeout(() => {
-        y.value = !0;
-      }, 1e3);
-    }, z = (r) => `${(r == null ? void 0 : r.borderTopLeftRadius) || "0px"} ${(r == null ? void 0 : r.borderTopRightRadius) || "0px"} ${(r == null ? void 0 : r.borderBottomRightRadius) || "0px"} ${(r == null ? void 0 : r.borderBottomLeftRadius) || "0px"}`, E = (r) => {
-      var l = {}, p = !0;
-      if (q(r) || r === "")
-        return { obj: l, isSame: p };
-      var t = (r == null ? void 0 : r.split(" ")) || [];
-      if (!t || (t == null ? void 0 : t.length) <= 0)
-        return { obj: l, isSame: p };
-      let d, T, b, I;
-      return (t == null ? void 0 : t.length) === 1 ? d = T = I = b = t == null ? void 0 : t[0] : (t == null ? void 0 : t.length) == 2 ? (d = T = t == null ? void 0 : t[0], I = b = t == null ? void 0 : t[1]) : (t == null ? void 0 : t.length) == 4 && (d = t == null ? void 0 : t[0], T = t == null ? void 0 : t[1], b = t == null ? void 0 : t[2], I = t == null ? void 0 : t[3]), l.borderTopLeftRadius = d, l.borderTopRightRadius = T, l.borderBottomRightRadius = b, l.borderBottomLeftRadius = I, l.borderRadius = Y(l), { obj: l, isSame: M(l) };
-    }, M = (r) => he([
-      r == null ? void 0 : r.borderTopLeftRadius,
-      r == null ? void 0 : r.borderTopRightRadius,
-      r == null ? void 0 : r.borderBottomRightRadius,
-      r == null ? void 0 : r.borderBottomLeftRadius
-    ]), Y = (r) => M(r) ? r == null ? void 0 : r.borderTopLeftRadius : z(r), j = (r) => {
-      var l;
-      return !((l = E(r)) != null && l.isSame);
-    }, G = K(() => j(o.value)), ee = (r) => {
-      L(s, P(v(r)));
-    };
-    return x(() => h, (r) => {
-      y.value || ee(r);
-    }, { immediate: !0, deep: !0 }), (r, l) => {
-      const p = D("el-tooltip"), t = D("el-input");
-      return S(), Z("div", ct, [
-        a("div", bt, [
-          a("div", ft, [
-            a("div", {
-              class: F(["vs-style-border-col", {
-                "vs-style-border-selected": e.value === "borderTopLeftRadius"
-                /* borderTopLeftRadius */
-              }]),
-              onClick: l[0] || (l[0] = (d) => w(
-                "borderTopLeftRadius"
-                /* borderTopLeftRadius */
-              ))
-            }, [
-              i(p, {
-                placement: "left-start",
-                content: n(g).i18nt("designer.style.borderRadiusTopLeft")
-              }, {
-                default: c(() => [...l[7] || (l[7] = [
-                  a("span", null, "┏", -1)
-                ])]),
-                _: 1
-              }, 8, ["content"])
-            ], 2),
-            a("div", {
-              class: F(["vs-style-border-col", {
-                "vs-style-border-selected": e.value === "borderBottomLeftRadius"
-                /* borderBottomLeftRadius */
-              }]),
-              onClick: l[1] || (l[1] = (d) => w(
-                "borderBottomLeftRadius"
-                /* borderBottomLeftRadius */
-              ))
-            }, [
-              i(p, {
-                placement: "left-end",
-                content: n(g).i18nt("designer.style.borderRadiusBottomLeft")
-              }, {
-                default: c(() => [...l[8] || (l[8] = [
-                  a("span", null, "┗", -1)
-                ])]),
-                _: 1
-              }, 8, ["content"])
-            ], 2)
-          ]),
-          a("div", vt, [
-            a("div", {
-              class: F(["vs-style-border-col", {
-                "vs-style-border-selected": e.value === "borderRadius"
-                /* borderRadius */
-              }]),
-              onClick: l[2] || (l[2] = (d) => w(
-                "borderRadius"
-                /* borderRadius */
-              ))
-            }, [
-              i(p, {
-                content: n(g).i18nt("designer.style.borderRadiusAll")
-              }, {
-                default: c(() => [...l[9] || (l[9] = [
-                  a("span", null, "╋", -1)
-                ])]),
-                _: 1
-              }, 8, ["content"])
-            ], 2)
-          ]),
-          a("div", yt, [
-            a("div", {
-              class: F(["vs-style-border-col", {
-                "vs-style-border-selected": e.value === "borderTopRightRadius"
-                /* borderTopRightRadius */
-              }]),
-              onClick: l[3] || (l[3] = (d) => w(
-                "borderTopRightRadius"
-                /* borderTopRightRadius */
-              ))
-            }, [
-              i(p, {
-                placement: "right-start",
-                content: n(g).i18nt("designer.style.borderRadiusTopRight")
-              }, {
-                default: c(() => [...l[10] || (l[10] = [
-                  a("span", null, "┓", -1)
-                ])]),
-                _: 1
-              }, 8, ["content"])
-            ], 2),
-            a("div", {
-              class: F(["vs-style-border-col", {
-                "vs-style-border-selected": e.value === "borderBottomRightRadius"
-                /* borderBottomRightRadius */
-              }]),
-              onClick: l[4] || (l[4] = (d) => w(
-                "borderBottomRightRadius"
-                /* borderBottomRightRadius */
-              ))
-            }, [
-              i(p, {
-                placement: "right-end",
-                content: n(g).i18nt("designer.style.borderRadiusBottomRight")
-              }, {
-                default: c(() => [...l[11] || (l[11] = [
-                  a("span", null, "┛", -1)
-                ])]),
-                _: 1
-              }, 8, ["content"])
-            ], 2)
-          ])
-        ]),
-        a("div", Vt, [
-          G.value ? (S(), Z("div", ht, [
-            a("div", {
-              style: { width: "3em" },
-              class: F([n(_)(o.value)])
-            }, J(n(g).i18nt("designer.style.width")), 3),
-            i(t, {
-              modelValue: o.value,
-              "onUpdate:modelValue": l[6] || (l[6] = (d) => o.value = d),
-              readonly: !0
-            }, null, 8, ["modelValue"])
-          ])) : (S(), X(W, {
-            key: 0,
-            modelValue: o.value,
-            "onUpdate:modelValue": l[5] || (l[5] = (d) => o.value = d),
-            options: n(B)(A),
-            "show-label": !0,
-            label: n(g).i18nt("designer.style.width"),
-            color: n(_)(o.value)
-          }, null, 8, ["modelValue", "options", "label", "color"]))
-        ])
-      ]);
-    };
-  }
-});
-const Rt = /* @__PURE__ */ Q(_t, [["__scopeId", "data-v-a30672a7"]]), $t = { class: "custom-divider" }, Tt = { class: "flex flexJustify" }, kt = { style: { width: "48%" } }, wt = { class: "custom-divider" }, Ut = { class: "flex flexJustify" }, xt = { class: "custom-divider" }, Bt = { class: "flex flexJustify" }, Lt = { class: "flex flexJustify" }, St = { class: "custom-divider" }, Ct = { class: "custom-divider" }, Et = { class: "custom-divider" }, It = N({ componentName: Re.PropertyEditor }), mo = /* @__PURE__ */ N({
-  ...It,
-  __name: "css-editor",
-  props: { ...Ie },
-  setup($) {
-    const k = $, { propValue: _, propName: s, propChanged: h } = Fe(k);
-    let R = C({});
-    const y = C(ae.default), e = oe({}), { changeListener: u, switchColor: o, toStateInf: v } = le(), m = (t) => {
-      var d;
-      p.value = !1, (d = Object.keys(e)) == null || d.forEach((T) => {
-        delete e[T];
-      }), L(e, P(R.value[t])), setTimeout(() => {
-        p.value = !0;
-      }, 1e3);
-    }, f = () => {
-      v(_.value || "").then((t) => {
-        R.value = t, y.value = ae.default, m(y.value), p.value = !0;
-      });
-    }, U = (t) => {
-      L(e, t);
-    }, w = K(() => ({
-      top: e == null ? void 0 : e.marginTop,
-      left: e == null ? void 0 : e.marginLeft,
-      right: e == null ? void 0 : e.marginRight,
-      bottom: e == null ? void 0 : e.marginBottom
-    })), z = K(() => ({
-      top: e == null ? void 0 : e.paddingTop,
-      left: e == null ? void 0 : e.paddingLeft,
-      right: e == null ? void 0 : e.paddingRight,
-      bottom: e == null ? void 0 : e.paddingBottom
-    })), E = (t) => {
-      U({
-        marginTop: t == null ? void 0 : t.top,
-        marginLeft: t == null ? void 0 : t.left,
-        marginRight: t == null ? void 0 : t.right,
-        marginBottom: t == null ? void 0 : t.bottom
-      });
-    }, M = (t) => {
-      U({
-        paddingTop: t == null ? void 0 : t.top,
-        paddingLeft: t == null ? void 0 : t.left,
-        paddingRight: t == null ? void 0 : t.right,
-        paddingBottom: t == null ? void 0 : t.bottom
-      });
-    }, Y = (t) => {
-      h(t), G(!1);
-    }, j = () => {
-      G(!1);
-    }, G = (t = !0, d, T, b, I, me) => {
-      r({
-        attrs: L({
-          props: {
-            optionModel: k.optionModel,
-            propConfig: { ...k.propConfig, ...d },
-            ...b
-          },
-          dialogType: T,
-          visible: t,
-          title: g.i18nt("designer.setting.widgetCss"),
-          name: s.value
-        }, me),
-        events: {
-          confirm: I || Y,
-          cancel: j
-        }
-      });
-    }, { getInstance: ee } = _e(), { editHandler: r } = Ke({ ...k, instance: ee() }), l = () => {
-      G(!0, { ...k.propConfig, type: Ee.css }, Ce.code, void 0, (t) => {
-        var d = t;
-        v(d).then((T) => {
-          R.value = T, m(y.value), Y(d);
-        });
-      });
-    }, p = C(!1);
-    return x(e, (t) => {
-      p.value && (R.value[y.value] = P(t), u(R.value).then((d) => {
-        h(d);
-      }));
-    }, { deep: !0 }), fe(() => {
-      f();
-    }), (t, d) => {
-      const T = D("el-button");
-      return S(), X(De, ve(ye(t.$props)), {
-        slotEditor: c(() => [
-          i(We, se(t.$props, { "prop-config": t.propConfig }), {
-            specialEditor: c(() => [
-              a("div", null, [
-                a("div", $t, J(n(g).i18nt("designer.style.state")), 1),
-                a("div", Tt, [
-                  i(T, {
-                    type: "primary",
-                    onClick: l
-                  }, {
-                    default: c(() => [
-                      pe(J(n(g).i18nt("designer.style.codeEdit")), 1)
-                    ]),
-                    _: 1
-                  }),
-                  a("div", kt, [
-                    i(te, {
-                      options: Te,
-                      modelValue: y.value,
-                      "onUpdate:modelValue": d[0] || (d[0] = (b) => y.value = b),
-                      onChange: m
-                    }, null, 8, ["options", "modelValue"])
-                  ])
-                ]),
-                a("div", wt, J(n(g).i18nt("designer.style.container")), 1),
-                i(O, {
-                  label: n(g).i18nt("designer.style.display")
-                }, {
-                  label: c(() => [
-                    i(V, {
-                      name: "@css-display",
-                      color: n(o)(e == null ? void 0 : e.display)
-                    }, null, 8, ["color"])
-                  ]),
-                  input: c(() => [
-                    i(ne, {
-                      options: n(B)(ke),
-                      "icon-title": "display",
-                      modelValue: e.display,
-                      "onUpdate:modelValue": d[1] || (d[1] = (b) => e.display = b)
-                    }, null, 8, ["options", "modelValue"])
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                i(st, {
-                  margin: w.value,
-                  padding: z.value,
-                  "onUpdate:margin": E,
-                  "onUpdate:padding": M
-                }, null, 8, ["margin", "padding"]),
-                a("div", Ut, [
-                  i(W, {
-                    modelValue: e.width,
-                    "onUpdate:modelValue": d[2] || (d[2] = (b) => e.width = b),
-                    options: n(B)(A),
-                    label: n(g).i18nt("designer.style.width")
-                  }, {
-                    label: c(() => [
-                      i(V, {
-                        name: "@css-width",
-                        color: n(o)(e == null ? void 0 : e.width)
-                      }, null, 8, ["color"])
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue", "options", "label"]),
-                  i(W, {
-                    modelValue: e.height,
-                    "onUpdate:modelValue": d[3] || (d[3] = (b) => e.height = b),
-                    options: n(B)(A),
-                    label: n(g).i18nt("designer.style.height")
-                  }, {
-                    label: c(() => [
-                      i(V, {
-                        name: "@css-height",
-                        color: n(o)(e == null ? void 0 : e.height)
-                      }, null, 8, ["color"])
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue", "options", "label"])
-                ]),
-                a("div", xt, J(n(g).i18nt("designer.style.wordFont")), 1),
-                i(O, {
-                  label: n(g).i18nt("designer.style.fontFamily")
-                }, {
-                  label: c(() => [
-                    i(V, {
-                      name: "@css-font-family",
-                      color: n(o)(e == null ? void 0 : e.fontFamily)
-                    }, null, 8, ["color"])
-                  ]),
-                  input: c(() => [
-                    i(te, {
-                      options: we,
-                      modelValue: e.fontFamily,
-                      "onUpdate:modelValue": d[4] || (d[4] = (b) => e.fontFamily = b)
-                    }, null, 8, ["options", "modelValue"])
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                i(de, {
-                  modelValue: e.color,
-                  "onUpdate:modelValue": d[5] || (d[5] = (b) => e.color = b),
-                  label: n(g).i18nt("designer.style.color"),
-                  options: { showAlpha: !0 }
-                }, {
-                  label: c(() => [
-                    i(V, {
-                      name: "@css-font-color",
-                      color: n(o)(e == null ? void 0 : e.color)
-                    }, null, 8, ["color"])
-                  ]),
-                  _: 1
-                }, 8, ["modelValue", "label"]),
-                a("div", Bt, [
-                  i(O, {
-                    label: n(g).i18nt("designer.style.fontWeight"),
-                    style: { width: "48%" }
-                  }, {
-                    label: c(() => [
-                      i(V, {
-                        name: "@css-font-weight",
-                        color: n(o)(e == null ? void 0 : e.fontWeight)
-                      }, null, 8, ["color"])
-                    ]),
-                    input: c(() => [
-                      i(te, {
-                        options: n(B)(Ue),
-                        modelValue: e.fontWeight,
-                        "onUpdate:modelValue": d[6] || (d[6] = (b) => e.fontWeight = b)
-                      }, null, 8, ["options", "modelValue"])
-                    ]),
-                    _: 1
-                  }, 8, ["label"]),
-                  i(O, {
-                    label: n(g).i18nt("designer.style.fontStyle"),
-                    style: { width: "48%" }
-                  }, {
-                    label: c(() => [
-                      i(V, {
-                        name: "@css-font-style",
-                        color: n(o)(e == null ? void 0 : e.fontStyle)
-                      }, null, 8, ["color"])
-                    ]),
-                    input: c(() => [
-                      i(ne, {
-                        options: n(B)(xe),
-                        "icon-title": "font-style",
-                        modelValue: e.fontStyle,
-                        "onUpdate:modelValue": d[7] || (d[7] = (b) => e.fontStyle = b)
-                      }, null, 8, ["options", "modelValue"])
-                    ]),
-                    _: 1
-                  }, 8, ["label"])
-                ]),
-                a("div", Lt, [
-                  i(W, {
-                    modelValue: e.fontSize,
-                    "onUpdate:modelValue": d[8] || (d[8] = (b) => e.fontSize = b),
-                    options: n(B)(A),
-                    label: n(g).i18nt("designer.style.fontSize"),
-                    style: { width: "48%" }
-                  }, {
-                    label: c(() => [
-                      i(V, {
-                        name: "@css-font-size",
-                        color: n(o)(e == null ? void 0 : e.fontSize)
-                      }, null, 8, ["color"])
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue", "options", "label"]),
-                  i(W, {
-                    modelValue: e.lineHeight,
-                    "onUpdate:modelValue": d[9] || (d[9] = (b) => e.lineHeight = b),
-                    options: n(B)(A),
-                    label: n(g).i18nt("designer.style.lineHeight"),
-                    style: { width: "48%" }
-                  }, {
-                    label: c(() => [
-                      i(V, {
-                        name: "@css-line-height",
-                        color: n(o)(e == null ? void 0 : e.lineHeight)
-                      }, null, 8, ["color"])
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue", "options", "label"])
-                ]),
-                i(O, {
-                  label: n(g).i18nt("designer.style.textAlign")
-                }, {
-                  label: c(() => [
-                    i(V, {
-                      name: "@css-text-align",
-                      color: n(o)(e == null ? void 0 : e.textAlign)
-                    }, null, 8, ["color"])
-                  ]),
-                  input: c(() => [
-                    i(ne, {
-                      options: n(B)(Be),
-                      "icon-title": "text-align",
-                      modelValue: e.textAlign,
-                      "onUpdate:modelValue": d[10] || (d[10] = (b) => e.textAlign = b)
-                    }, null, 8, ["options", "modelValue"])
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                i(O, {
-                  label: n(g).i18nt("designer.style.textDecoration")
-                }, {
-                  label: c(() => [
-                    i(V, {
-                      name: "@css-text-decoration",
-                      color: n(o)(e == null ? void 0 : e.textDecoration)
-                    }, null, 8, ["color"])
-                  ]),
-                  input: c(() => [
-                    i(ne, {
-                      options: n(B)(Le),
-                      "icon-title": "text-decoration",
-                      modelValue: e.textDecoration,
-                      "onUpdate:modelValue": d[11] || (d[11] = (b) => e.textDecoration = b)
-                    }, null, 8, ["options", "modelValue"])
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                a("div", St, J(n(g).i18nt("designer.style.background")), 1),
-                i(de, {
-                  modelValue: e.backgroundColor,
-                  "onUpdate:modelValue": d[12] || (d[12] = (b) => e.backgroundColor = b),
-                  label: n(g).i18nt("designer.style.backgroundColor"),
-                  options: { showAlpha: !0 }
-                }, {
-                  label: c(() => [
-                    i(V, {
-                      name: "@css-background-color",
-                      color: n(o)(e == null ? void 0 : e.backgroundColor)
-                    }, null, 8, ["color"])
-                  ]),
-                  _: 1
-                }, 8, ["modelValue", "label"]),
-                i(Ae, {
-                  modelValue: e.backgroundImage,
-                  "onUpdate:modelValue": d[13] || (d[13] = (b) => e.backgroundImage = b),
-                  label: n(g).i18nt("designer.style.backgroundImage")
-                }, {
-                  label: c(() => [
-                    i(V, {
-                      name: "@css-background-image",
-                      color: n(o)(e == null ? void 0 : e.backgroundImage)
-                    }, null, 8, ["color"])
-                  ]),
-                  _: 1
-                }, 8, ["modelValue", "label"]),
-                a("div", Ct, J(n(g).i18nt("designer.style.border")), 1),
-                i(gt, se(e, { "onUpdate:border": U }), null, 16),
-                i(Rt, se(e, { "onUpdate:borderRadius": U }), null, 16),
-                a("div", Et, J(n(g).i18nt("designer.style.effect")), 1),
-                i(W, {
-                  modelValue: e.opacity,
-                  "onUpdate:modelValue": d[14] || (d[14] = (b) => e.opacity = b),
-                  options: [{ value: "%", label: "%" }],
-                  label: n(g).i18nt("designer.style.opacity"),
-                  style: { width: "48%" }
-                }, {
-                  label: c(() => [
-                    i(V, {
-                      name: "@css-line-height",
-                      color: n(o)(e == null ? void 0 : e.opacity)
-                    }, null, 8, ["color"])
-                  ]),
-                  _: 1
-                }, 8, ["modelValue", "label"]),
-                i(O, {
-                  label: n(g).i18nt("designer.style.cursor")
-                }, {
-                  label: c(() => [
-                    i(V, {
-                      name: "@css-cursor",
-                      color: n(o)(e == null ? void 0 : e.cursor)
-                    }, null, 8, ["color"])
-                  ]),
-                  input: c(() => [
-                    i(te, {
-                      options: n(B)(Se),
-                      modelValue: e.cursor,
-                      "onUpdate:modelValue": d[15] || (d[15] = (b) => e.cursor = b),
-                      "icon-title": "cursor"
-                    }, null, 8, ["options", "modelValue"])
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                i(Xe, {
-                  modelValue: e.boxShadow,
-                  "onUpdate:modelValue": d[16] || (d[16] = (b) => e.boxShadow = b)
-                }, null, 8, ["modelValue"])
-              ])
-            ]),
-            _: 1
-          }, 16, ["prop-config"])
-        ]),
-        _: 1
-      }, 16);
-    };
-  }
-});
-export {
-  mo as default
-};