@kp-ui/lowcode 2.15.0-beta.6 → 2.15.0-beta.7

package/src/components/form-designer/setting-panel/property-editor/boxModel-editor.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as C, useModel as U, watch as k, onMounted as B, resolveComponent as v, createElementBlock as f, openBlock as h, createVNode as a, createElementVNode as e, withCtx as n, createTextVNode as b, toDisplayString as i, unref as t, createCommentVNode as M, Fragment as y } from "vue";
-import { useI18n as R } from "../../../../utils/i18n.js";
-import { EditorTypeEnum as O } from "../../../../constants/EditorTypeEnum.js";
-import { useEditor as T } from "./useEditor.js";
-const L = { class: "box-model-container" }, E = { class: "property-group" }, W = { class: "property-group-title" }, N = { class: "property-item" }, X = { class: "property-label" }, Y = { class: "property-item" }, V = { class: "property-label" }, j = { class: "property-item" }, q = { class: "property-label" }, D = { class: "property-item" }, F = { class: "property-label" }, H = { class: "property-group" }, P = { class: "property-group-title" }, z = { class: "property-item" }, A = { class: "property-label" }, G = { class: "property-item" }, J = { class: "property-label" }, K = { class: "property-item" }, Q = { class: "property-label" }, Z = { class: "property-item" }, $ = { class: "property-label" }, oo = { class: "property-group border-group" }, eo = { class: "property-group-title" }, to = { class: "property-item" }, lo = { class: "property-label" }, ao = { class: "property-item" }, so = { class: "property-label" }, io = { class: "property-item" }, no = { class: "property-label" }, ro = { class: "property-item" }, uo = { class: "property-label" }, po = { class: "property-item" }, vo = { class: "property-label" }, bo = { class: "property-group border-group" }, go = { class: "property-group-title" }, xo = { class: "property-item" }, _o = { class: "property-label" }, fo = { class: "property-group border-group" }, ho = { class: "property-group-title" }, co = { class: "property-item" }, mo = { class: "property-label" }, Mo = { class: "property-item" }, yo = { class: "property-label" }, wo = { class: "property-item" }, Io = { class: "property-label" }, So = { class: "property-item" }, Co = { class: "property-label" }, Uo = { class: "property-item" }, ko = { class: "property-label" }, Bo = { class: "property-item" }, Ro = { class: "property-label" }, Wo = /* @__PURE__ */ C({
-  name: O.boxModelEditor,
+import { defineComponent as I, useModel as S, watch as C, onMounted as U, resolveComponent as u, createElementBlock as g, openBlock as M, createVNode as s, createElementVNode as l, withCtx as v, createTextVNode as p, toDisplayString as n, unref as t, createCommentVNode as h, Fragment as c } from "vue";
+import { useI18n as B } from "../../../../utils/i18n.js";
+import { EditorTypeEnum as k } from "../../../../constants/EditorTypeEnum.js";
+import { useEditor as R } from "./useEditor.js";
+const O = { class: "box-model-container" }, T = { class: "visual-box-model" }, z = { class: "box-layer margin-box" }, L = { class: "input-pos top" }, W = { class: "input-pos right" }, E = { class: "input-pos bottom" }, N = { class: "input-pos left" }, X = { class: "box-layer border-box" }, Y = { class: "input-pos top" }, V = { class: "box-layer padding-box" }, j = { class: "input-pos top" }, q = { class: "input-pos right" }, D = { class: "input-pos bottom" }, F = { class: "input-pos left" }, H = { class: "property-group border-group" }, P = { class: "property-group-title" }, A = { class: "property-item" }, G = { class: "property-label" }, J = { class: "property-item" }, K = { class: "property-label" }, Q = { class: "property-item" }, Z = { class: "property-label" }, $ = { class: "property-item" }, oo = { class: "property-label" }, eo = { class: "property-item" }, lo = { class: "property-label" }, to = { class: "property-group border-group" }, so = { class: "property-group-title" }, ao = { class: "property-item" }, no = { class: "property-label" }, io = { class: "property-group border-group" }, ro = { class: "property-group-title" }, uo = { class: "property-item" }, vo = { class: "property-label" }, po = { class: "property-item" }, bo = { class: "property-label" }, xo = { class: "property-item" }, go = { class: "property-label" }, Mo = { class: "property-item" }, mo = { class: "property-label" }, fo = { class: "property-item" }, ho = { class: "property-label" }, co = { class: "property-item" }, _o = { class: "property-label" }, Co = /* @__PURE__ */ I({
+  name: k.boxModelEditor,
   __name: "boxModel-editor",
   props: {
     optionModel: {
@@ -14,12 +14,12 @@ const L = { class: "box-model-container" }, E = { class: "property-group" }, W =
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  setup(w) {
-    const o = U(w, "optionModel"), { i18nt: s } = R(), { inputNumberHandler: r } = T();
-    return k(
+  setup(_) {
+    const o = S(_, "optionModel"), { i18nt: a } = B(), { inputNumberHandler: i } = R();
+    return C(
       () => o.value.boxModel.borderShow,
-      (c) => {
-        c || (o.value.boxModel = {
+      (m) => {
+        m || (o.value.boxModel = {
           ...o.value.boxModel,
           borderStyle: "solid",
           borderWidth: 1,
@@ -27,215 +27,161 @@ const L = { class: "box-model-container" }, E = { class: "property-group" }, W =
           borderRadius: 0
         });
       }
-    ), B(() => {
+    ), U(() => {
       o.value.boxModel || (o.value.boxModel = {}), o.value.boxModel.paddingTop === void 0 && (o.value.boxModel.paddingTop = 0), o.value.boxModel.paddingRight === void 0 && (o.value.boxModel.paddingRight = 0), o.value.boxModel.paddingBottom === void 0 && (o.value.boxModel.paddingBottom = 0), o.value.boxModel.paddingLeft === void 0 && (o.value.boxModel.paddingLeft = 0), o.value.boxModel.marginTop === void 0 && (o.value.boxModel.marginTop = 0), o.value.boxModel.marginRight === void 0 && (o.value.boxModel.marginRight = 0), o.value.boxModel.marginBottom === void 0 && (o.value.boxModel.marginBottom = 0), o.value.boxModel.marginLeft === void 0 && (o.value.boxModel.marginLeft = 0), o.value.boxModel.borderShow === void 0 && (o.value.boxModel.borderShow = !1), o.value.boxModel.borderStyle === void 0 && (o.value.boxModel.borderStyle = "solid"), o.value.boxModel.borderWidth === void 0 && (o.value.boxModel.borderWidth = 1), o.value.boxModel.borderColor === void 0 && (o.value.boxModel.borderColor = "#cccccc"), o.value.boxModel.borderRadius === void 0 && (o.value.boxModel.borderRadius = 0), o.value.boxModel.backgroundColor === void 0 && (o.value.boxModel.backgroundColor = "#ffffff"), o.value.boxModel.shadowShow === void 0 && (o.value.boxModel.shadowShow = !1), o.value.boxModel.shadowOffsetX === void 0 && (o.value.boxModel.shadowOffsetX = 0), o.value.boxModel.shadowOffsetY === void 0 && (o.value.boxModel.shadowOffsetY = 2), o.value.boxModel.shadowBlur === void 0 && (o.value.boxModel.shadowBlur = 4), o.value.boxModel.shadowSpread === void 0 && (o.value.boxModel.shadowSpread = 0), o.value.boxModel.shadowColor === void 0 && (o.value.boxModel.shadowColor = "rgba(0,0,0,0.2)");
-    }), (c, d) => {
-      const I = v("a-divider"), u = v("a-input-number"), p = v("a-col"), g = v("a-row"), m = v("a-switch"), x = v("a-select-option"), S = v("a-select"), _ = v("a-input");
-      return h(), f("div", L, [
-        a(I, { class: "custom-divider" }, {
-          default: n(() => [
-            b(i(t(s)("盒模型配置")), 1)
+    }), (m, e) => {
+      const y = u("a-divider"), r = u("a-input-number"), f = u("a-switch"), b = u("a-select-option"), w = u("a-select"), x = u("a-input");
+      return M(), g("div", O, [
+        s(y, { class: "custom-divider" }, {
+          default: v(() => [
+            p(n(t(a)("盒模型配置")), 1)
           ]),
           _: 1
         }),
-        e("div", E, [
-          e("div", W, i(t(s)("Padding")), 1),
-          a(g, { gutter: 8 }, {
-            default: n(() => [
-              a(p, { span: 12 }, {
-                default: n(() => [
-                  e("div", N, [
-                    e("div", X, i(t(s)("designer.setting.top")), 1),
-                    a(u, {
-                      value: o.value.boxModel.paddingTop,
-                      "onUpdate:value": d[0] || (d[0] = (l) => o.value.boxModel.paddingTop = l),
-                      onInput: t(r),
-                      min: 0,
-                      style: { width: "100%" },
-                      "addon-after": "px"
-                    }, null, 8, ["value", "onInput"])
-                  ])
-                ]),
-                _: 1
-              }),
-              a(p, { span: 12 }, {
-                default: n(() => [
-                  e("div", Y, [
-                    e("div", V, i(t(s)("designer.setting.right")), 1),
-                    a(u, {
-                      value: o.value.boxModel.paddingRight,
-                      "onUpdate:value": d[1] || (d[1] = (l) => o.value.boxModel.paddingRight = l),
-                      onInput: t(r),
-                      min: 0,
-                      style: { width: "100%" },
-                      "addon-after": "px"
-                    }, null, 8, ["value", "onInput"])
-                  ])
-                ]),
-                _: 1
-              })
+        l("div", T, [
+          l("div", z, [
+            e[24] || (e[24] = l("span", { class: "layer-label" }, "Margin", -1)),
+            l("div", L, [
+              s(r, {
+                value: o.value.boxModel.marginTop,
+                "onUpdate:value": e[0] || (e[0] = (d) => o.value.boxModel.marginTop = d),
+                onInput: t(i),
+                min: 0,
+                size: "small",
+                controls: !1
+              }, null, 8, ["value", "onInput"])
             ]),
-            _: 1
-          }),
-          a(g, {
-            gutter: 8,
-            style: { "margin-top": "8px" }
-          }, {
-            default: n(() => [
-              a(p, { span: 12 }, {
-                default: n(() => [
-                  e("div", j, [
-                    e("div", q, i(t(s)("designer.setting.bottom")), 1),
-                    a(u, {
-                      value: o.value.boxModel.paddingBottom,
-                      "onUpdate:value": d[2] || (d[2] = (l) => o.value.boxModel.paddingBottom = l),
-                      onInput: t(r),
-                      min: 0,
-                      style: { width: "100%" },
-                      "addon-after": "px"
-                    }, null, 8, ["value", "onInput"])
-                  ])
-                ]),
-                _: 1
-              }),
-              a(p, { span: 12 }, {
-                default: n(() => [
-                  e("div", D, [
-                    e("div", F, i(t(s)("designer.setting.left")), 1),
-                    a(u, {
-                      value: o.value.boxModel.paddingLeft,
-                      "onUpdate:value": d[3] || (d[3] = (l) => o.value.boxModel.paddingLeft = l),
-                      onInput: t(r),
-                      min: 0,
-                      style: { width: "100%" },
-                      "addon-after": "px"
-                    }, null, 8, ["value", "onInput"])
-                  ])
-                ]),
-                _: 1
-              })
+            l("div", W, [
+              s(r, {
+                value: o.value.boxModel.marginRight,
+                "onUpdate:value": e[1] || (e[1] = (d) => o.value.boxModel.marginRight = d),
+                onInput: t(i),
+                min: 0,
+                size: "small",
+                controls: !1
+              }, null, 8, ["value", "onInput"])
             ]),
-            _: 1
-          })
-        ]),
-        e("div", H, [
-          e("div", P, i(t(s)("Margin")), 1),
-          a(g, { gutter: 8 }, {
-            default: n(() => [
-              a(p, { span: 12 }, {
-                default: n(() => [
-                  e("div", z, [
-                    e("div", A, i(t(s)("designer.setting.top")), 1),
-                    a(u, {
-                      value: o.value.boxModel.marginTop,
-                      "onUpdate:value": d[4] || (d[4] = (l) => o.value.boxModel.marginTop = l),
-                      onInput: t(r),
-                      min: 0,
-                      style: { width: "100%" },
-                      "addon-after": "px"
-                    }, null, 8, ["value", "onInput"])
-                  ])
+            l("div", E, [
+              s(r, {
+                value: o.value.boxModel.marginBottom,
+                "onUpdate:value": e[2] || (e[2] = (d) => o.value.boxModel.marginBottom = d),
+                onInput: t(i),
+                min: 0,
+                size: "small",
+                controls: !1
+              }, null, 8, ["value", "onInput"])
+            ]),
+            l("div", N, [
+              s(r, {
+                value: o.value.boxModel.marginLeft,
+                "onUpdate:value": e[3] || (e[3] = (d) => o.value.boxModel.marginLeft = d),
+                onInput: t(i),
+                min: 0,
+                size: "small",
+                controls: !1
+              }, null, 8, ["value", "onInput"])
+            ]),
+            l("div", X, [
+              e[23] || (e[23] = l("span", { class: "layer-label" }, "Border", -1)),
+              l("div", Y, [
+                s(r, {
+                  value: o.value.boxModel.borderWidth,
+                  "onUpdate:value": e[4] || (e[4] = (d) => o.value.boxModel.borderWidth = d),
+                  onInput: t(i),
+                  min: 0,
+                  size: "small",
+                  controls: !1,
+                  disabled: !o.value.boxModel.borderShow
+                }, null, 8, ["value", "onInput", "disabled"])
+              ]),
+              l("div", V, [
+                e[21] || (e[21] = l("span", { class: "layer-label" }, "Padding", -1)),
+                l("div", j, [
+                  s(r, {
+                    value: o.value.boxModel.paddingTop,
+                    "onUpdate:value": e[5] || (e[5] = (d) => o.value.boxModel.paddingTop = d),
+                    onInput: t(i),
+                    min: 0,
+                    size: "small",
+                    controls: !1
+                  }, null, 8, ["value", "onInput"])
                 ]),
-                _: 1
-              }),
-              a(p, { span: 12 }, {
-                default: n(() => [
-                  e("div", G, [
-                    e("div", J, i(t(s)("designer.setting.right")), 1),
-                    a(u, {
-                      value: o.value.boxModel.marginRight,
-                      "onUpdate:value": d[5] || (d[5] = (l) => o.value.boxModel.marginRight = l),
-                      onInput: t(r),
-                      min: 0,
-                      style: { width: "100%" },
-                      "addon-after": "px"
-                    }, null, 8, ["value", "onInput"])
-                  ])
+                l("div", q, [
+                  s(r, {
+                    value: o.value.boxModel.paddingRight,
+                    "onUpdate:value": e[6] || (e[6] = (d) => o.value.boxModel.paddingRight = d),
+                    onInput: t(i),
+                    min: 0,
+                    size: "small",
+                    controls: !1
+                  }, null, 8, ["value", "onInput"])
                 ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          a(g, {
-            gutter: 8,
-            style: { "margin-top": "8px" }
-          }, {
-            default: n(() => [
-              a(p, { span: 12 }, {
-                default: n(() => [
-                  e("div", K, [
-                    e("div", Q, i(t(s)("designer.setting.bottom")), 1),
-                    a(u, {
-                      value: o.value.boxModel.marginBottom,
-                      "onUpdate:value": d[6] || (d[6] = (l) => o.value.boxModel.marginBottom = l),
-                      onInput: t(r),
-                      min: 0,
-                      style: { width: "100%" },
-                      "addon-after": "px"
-                    }, null, 8, ["value", "onInput"])
-                  ])
+                l("div", D, [
+                  s(r, {
+                    value: o.value.boxModel.paddingBottom,
+                    "onUpdate:value": e[7] || (e[7] = (d) => o.value.boxModel.paddingBottom = d),
+                    onInput: t(i),
+                    min: 0,
+                    size: "small",
+                    controls: !1
+                  }, null, 8, ["value", "onInput"])
                 ]),
-                _: 1
-              }),
-              a(p, { span: 12 }, {
-                default: n(() => [
-                  e("div", Z, [
-                    e("div", $, i(t(s)("designer.setting.left")), 1),
-                    a(u, {
-                      value: o.value.boxModel.marginLeft,
-                      "onUpdate:value": d[7] || (d[7] = (l) => o.value.boxModel.marginLeft = l),
-                      onInput: t(r),
-                      min: 0,
-                      style: { width: "100%" },
-                      "addon-after": "px"
-                    }, null, 8, ["value", "onInput"])
-                  ])
+                l("div", F, [
+                  s(r, {
+                    value: o.value.boxModel.paddingLeft,
+                    "onUpdate:value": e[8] || (e[8] = (d) => o.value.boxModel.paddingLeft = d),
+                    onInput: t(i),
+                    min: 0,
+                    size: "small",
+                    controls: !1
+                  }, null, 8, ["value", "onInput"])
                 ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
+                e[22] || (e[22] = l("div", { class: "box-layer content-box" }, [
+                  l("span", { class: "content-text" }, "Content")
+                ], -1))
+              ])
+            ])
+          ])
         ]),
-        e("div", oo, [
-          e("div", eo, i(t(s)("designer.setting.border")), 1),
-          e("div", to, [
-            e("div", lo, i(t(s)("designer.setting.showBorder")), 1),
-            a(m, {
+        l("div", H, [
+          l("div", P, n(t(a)("designer.setting.border")), 1),
+          l("div", A, [
+            l("div", G, n(t(a)("designer.setting.showBorder")), 1),
+            s(f, {
               checked: o.value.boxModel.borderShow,
-              "onUpdate:checked": d[8] || (d[8] = (l) => o.value.boxModel.borderShow = l)
+              "onUpdate:checked": e[9] || (e[9] = (d) => o.value.boxModel.borderShow = d)
             }, null, 8, ["checked"])
           ]),
-          o.value.boxModel.borderShow ? (h(), f(y, { key: 0 }, [
-            e("div", ao, [
-              e("div", so, i(t(s)("designer.setting.borderStyle")), 1),
-              a(S, {
+          o.value.boxModel.borderShow ? (M(), g(c, { key: 0 }, [
+            l("div", J, [
+              l("div", K, n(t(a)("designer.setting.borderStyle")), 1),
+              s(w, {
                 value: o.value.boxModel.borderStyle,
-                "onUpdate:value": d[9] || (d[9] = (l) => o.value.boxModel.borderStyle = l)
+                "onUpdate:value": e[10] || (e[10] = (d) => o.value.boxModel.borderStyle = d),
+                style: { width: "100%" }
               }, {
-                default: n(() => [
-                  a(x, { value: "solid" }, {
-                    default: n(() => [
-                      b(i(t(s)("designer.setting.solid")), 1)
+                default: v(() => [
+                  s(b, { value: "solid" }, {
+                    default: v(() => [
+                      p(n(t(a)("designer.setting.solid")), 1)
                     ]),
                     _: 1
                   }),
-                  a(x, { value: "dashed" }, {
-                    default: n(() => [
-                      b(i(t(s)("designer.setting.dashed")), 1)
+                  s(b, { value: "dashed" }, {
+                    default: v(() => [
+                      p(n(t(a)("designer.setting.dashed")), 1)
                     ]),
                     _: 1
                   }),
-                  a(x, { value: "dotted" }, {
-                    default: n(() => [
-                      b(i(t(s)("designer.setting.dotted")), 1)
+                  s(b, { value: "dotted" }, {
+                    default: v(() => [
+                      p(n(t(a)("designer.setting.dotted")), 1)
                     ]),
                     _: 1
                   }),
-                  a(x, { value: "double" }, {
-                    default: n(() => [
-                      b(i(t(s)("designer.setting.double")), 1)
+                  s(b, { value: "double" }, {
+                    default: v(() => [
+                      p(n(t(a)("designer.setting.double")), 1)
                     ]),
                     _: 1
                   })
@@ -243,125 +189,125 @@ const L = { class: "box-model-container" }, E = { class: "property-group" }, W =
                 _: 1
               }, 8, ["value"])
             ]),
-            e("div", io, [
-              e("div", no, i(t(s)("designer.setting.borderWidth")), 1),
-              a(u, {
+            l("div", Q, [
+              l("div", Z, n(t(a)("designer.setting.borderWidth")), 1),
+              s(r, {
                 value: o.value.boxModel.borderWidth,
-                "onUpdate:value": d[10] || (d[10] = (l) => o.value.boxModel.borderWidth = l),
-                onInput: t(r),
+                "onUpdate:value": e[11] || (e[11] = (d) => o.value.boxModel.borderWidth = d),
+                onInput: t(i),
                 min: 0,
                 style: { width: "100%" },
                 "addon-after": "px"
               }, null, 8, ["value", "onInput"])
             ]),
-            e("div", ro, [
-              e("div", uo, i(t(s)("designer.setting.borderColor")), 1),
-              a(_, {
+            l("div", $, [
+              l("div", oo, n(t(a)("designer.setting.borderColor")), 1),
+              s(x, {
                 value: o.value.boxModel.borderColor,
-                "onUpdate:value": d[11] || (d[11] = (l) => o.value.boxModel.borderColor = l),
+                "onUpdate:value": e[12] || (e[12] = (d) => o.value.boxModel.borderColor = d),
                 type: "color",
                 style: { width: "100%" }
               }, null, 8, ["value"])
+            ]),
+            l("div", eo, [
+              l("div", lo, n(t(a)("designer.setting.borderRadius")), 1),
+              s(r, {
+                value: o.value.boxModel.borderRadius,
+                "onUpdate:value": e[13] || (e[13] = (d) => o.value.boxModel.borderRadius = d),
+                onInput: t(i),
+                min: 0,
+                style: { width: "100%" },
+                "addon-after": "px"
+              }, null, 8, ["value", "onInput"])
             ])
-          ], 64)) : M("", !0),
-          e("div", po, [
-            e("div", vo, i(t(s)("designer.setting.borderRadius")), 1),
-            a(u, {
-              value: o.value.boxModel.borderRadius,
-              "onUpdate:value": d[12] || (d[12] = (l) => o.value.boxModel.borderRadius = l),
-              onInput: t(r),
-              min: 0,
-              style: { width: "100%" },
-              "addon-after": "px"
-            }, null, 8, ["value", "onInput"])
-          ])
+          ], 64)) : h("", !0)
         ]),
-        e("div", bo, [
-          e("div", go, i(t(s)("designer.setting.backgroundColor")), 1),
-          e("div", xo, [
-            e("div", _o, i(t(s)("designer.setting.backgroundColor")), 1),
-            a(_, {
+        l("div", to, [
+          l("div", so, n(t(a)("designer.setting.backgroundColor")), 1),
+          l("div", ao, [
+            l("div", no, n(t(a)("designer.setting.backgroundColor")), 1),
+            s(x, {
               value: o.value.boxModel.backgroundColor,
-              "onUpdate:value": d[13] || (d[13] = (l) => o.value.boxModel.backgroundColor = l),
+              "onUpdate:value": e[14] || (e[14] = (d) => o.value.boxModel.backgroundColor = d),
               type: "color",
               style: { width: "100%" }
             }, null, 8, ["value"])
           ])
         ]),
-        e("div", fo, [
-          e("div", ho, i(t(s)("designer.setting.shadow")), 1),
-          e("div", co, [
-            e("div", mo, i(t(s)("designer.setting.enableShadow")), 1),
-            a(m, {
+        l("div", io, [
+          l("div", ro, n(t(a)("designer.setting.shadow")), 1),
+          l("div", uo, [
+            l("div", vo, n(t(a)("designer.setting.enableShadow")), 1),
+            s(f, {
               checked: o.value.boxModel.shadowShow,
-              "onUpdate:checked": d[14] || (d[14] = (l) => o.value.boxModel.shadowShow = l)
+              "onUpdate:checked": e[15] || (e[15] = (d) => o.value.boxModel.shadowShow = d)
             }, null, 8, ["checked"])
           ]),
-          o.value.boxModel.shadowShow ? (h(), f(y, { key: 0 }, [
-            e("div", Mo, [
-              e("div", yo, i(t(s)("designer.setting.shadowOffsetX")), 1),
-              a(u, {
+          o.value.boxModel.shadowShow ? (M(), g(c, { key: 0 }, [
+            l("div", po, [
+              l("div", bo, n(t(a)("designer.setting.shadowOffsetX")), 1),
+              s(r, {
                 value: o.value.boxModel.shadowOffsetX,
-                "onUpdate:value": d[15] || (d[15] = (l) => o.value.boxModel.shadowOffsetX = l),
-                onInput: t(r),
+                "onUpdate:value": e[16] || (e[16] = (d) => o.value.boxModel.shadowOffsetX = d),
+                onInput: t(i),
                 min: -100,
                 max: 100,
                 style: { width: "100%" },
                 "addon-after": "px"
               }, null, 8, ["value", "onInput"])
             ]),
-            e("div", wo, [
-              e("div", Io, i(t(s)("designer.setting.shadowOffsetY")), 1),
-              a(u, {
+            l("div", xo, [
+              l("div", go, n(t(a)("designer.setting.shadowOffsetY")), 1),
+              s(r, {
                 value: o.value.boxModel.shadowOffsetY,
-                "onUpdate:value": d[16] || (d[16] = (l) => o.value.boxModel.shadowOffsetY = l),
-                onInput: t(r),
+                "onUpdate:value": e[17] || (e[17] = (d) => o.value.boxModel.shadowOffsetY = d),
+                onInput: t(i),
                 min: -100,
                 max: 100,
                 style: { width: "100%" },
                 "addon-after": "px"
               }, null, 8, ["value", "onInput"])
             ]),
-            e("div", So, [
-              e("div", Co, i(t(s)("designer.setting.shadowBlur")), 1),
-              a(u, {
+            l("div", Mo, [
+              l("div", mo, n(t(a)("designer.setting.shadowBlur")), 1),
+              s(r, {
                 value: o.value.boxModel.shadowBlur,
-                "onUpdate:value": d[17] || (d[17] = (l) => o.value.boxModel.shadowBlur = l),
-                onInput: t(r),
+                "onUpdate:value": e[18] || (e[18] = (d) => o.value.boxModel.shadowBlur = d),
+                onInput: t(i),
                 min: 0,
                 max: 100,
                 style: { width: "100%" },
                 "addon-after": "px"
               }, null, 8, ["value", "onInput"])
             ]),
-            e("div", Uo, [
-              e("div", ko, i(t(s)("designer.setting.shadowSpread")), 1),
-              a(u, {
+            l("div", fo, [
+              l("div", ho, n(t(a)("designer.setting.shadowSpread")), 1),
+              s(r, {
                 value: o.value.boxModel.shadowSpread,
-                "onUpdate:value": d[18] || (d[18] = (l) => o.value.boxModel.shadowSpread = l),
-                onInput: t(r),
+                "onUpdate:value": e[19] || (e[19] = (d) => o.value.boxModel.shadowSpread = d),
+                onInput: t(i),
                 min: -100,
                 max: 100,
                 style: { width: "100%" },
                 "addon-after": "px"
               }, null, 8, ["value", "onInput"])
             ]),
-            e("div", Bo, [
-              e("div", Ro, i(t(s)("designer.setting.shadowColor")), 1),
-              a(_, {
+            l("div", co, [
+              l("div", _o, n(t(a)("designer.setting.shadowColor")), 1),
+              s(x, {
                 value: o.value.boxModel.shadowColor,
-                "onUpdate:value": d[19] || (d[19] = (l) => o.value.boxModel.shadowColor = l),
+                "onUpdate:value": e[20] || (e[20] = (d) => o.value.boxModel.shadowColor = d),
                 type: "color",
                 style: { width: "100%" }
               }, null, 8, ["value"])
             ])
-          ], 64)) : M("", !0)
+          ], 64)) : h("", !0)
         ])
       ]);
     };
   }
 });
 export {
-  Wo as default
+  Co as default
 };
 //# sourceMappingURL=boxModel-editor.vue2.js.map