@kp-ui/lowcode 2.14.0-beta.9 → 2.15.0-alpha.2

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

@@ -1,46 +1,47 @@
-import w from "../../../../utils/i18n.js";
-import c from "./propertyMixin.js";
-import { resolveComponent as p, createElementBlock as g, openBlock as f, createVNode as n, createElementVNode as o, withCtx as s, createTextVNode as u, toDisplayString as l, createCommentVNode as m, Fragment as y } from "vue";
+import x from "./boxModel-editor.vue2.js";
+import { resolveComponent as s, createElementBlock as g, openBlock as m, createVNode as n, createCommentVNode as p, createElementVNode as e, withCtx as i, createTextVNode as v, toDisplayString as l, Fragment as M } from "vue";
 /* empty css                     */
-import I from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const S = {
-  name: "boxModel-editor",
-  mixins: [w, c],
-  props: {
-    designer: Object,
-    selectedWidget: Object,
-    optionModel: Object
-  },
-  watch: {
-    "optionModel.boxModel.borderShow"(e) {
-      e || (this.optionModel.boxModel.borderStyle = "solid", this.optionModel.boxModel.borderWidth = 1, this.optionModel.boxModel.borderColor = "#cccccc", this.optionModel.boxModel.borderRadius = 0);
-    }
-  },
-  created() {
-    this.optionModel.boxModel || (this.optionModel.boxModel = {}), this.optionModel.boxModel.paddingTop === void 0 && (this.optionModel.boxModel.paddingTop = 0), this.optionModel.boxModel.paddingRight === void 0 && (this.optionModel.boxModel.paddingRight = 0), this.optionModel.boxModel.paddingBottom === void 0 && (this.optionModel.boxModel.paddingBottom = 0), this.optionModel.boxModel.paddingLeft === void 0 && (this.optionModel.boxModel.paddingLeft = 0), this.optionModel.boxModel.marginTop === void 0 && (this.optionModel.boxModel.marginTop = 0), this.optionModel.boxModel.marginRight === void 0 && (this.optionModel.boxModel.marginRight = 0), this.optionModel.boxModel.marginBottom === void 0 && (this.optionModel.boxModel.marginBottom = 0), this.optionModel.boxModel.marginLeft === void 0 && (this.optionModel.boxModel.marginLeft = 0), this.optionModel.boxModel.borderShow === void 0 && (this.optionModel.boxModel.borderShow = !1), this.optionModel.boxModel.borderStyle === void 0 && (this.optionModel.boxModel.borderStyle = "solid"), this.optionModel.boxModel.borderWidth === void 0 && (this.optionModel.boxModel.borderWidth = 1), this.optionModel.boxModel.borderColor === void 0 && (this.optionModel.boxModel.borderColor = "#cccccc"), this.optionModel.boxModel.borderRadius === void 0 && (this.optionModel.boxModel.borderRadius = 0), this.optionModel.boxModel.backgroundColor === void 0 && (this.optionModel.boxModel.backgroundColor = "#ffffff"), this.optionModel.boxModel.shadowShow === void 0 && (this.optionModel.boxModel.shadowShow = !1), this.optionModel.boxModel.shadowOffsetX === void 0 && (this.optionModel.boxModel.shadowOffsetX = 0), this.optionModel.boxModel.shadowOffsetY === void 0 && (this.optionModel.boxModel.shadowOffsetY = 2), this.optionModel.boxModel.shadowBlur === void 0 && (this.optionModel.boxModel.shadowBlur = 4), this.optionModel.boxModel.shadowSpread === void 0 && (this.optionModel.boxModel.shadowSpread = 0), this.optionModel.boxModel.shadowColor === void 0 && (this.optionModel.boxModel.shadowColor = "rgba(0,0,0,0.2)");
-  }
-}, C = { class: "box-model-container" }, U = { class: "property-group" }, N = { class: "property-group-title" }, k = { class: "property-item" }, B = { class: "property-label" }, H = { class: "property-item" }, R = { class: "property-label" }, O = { class: "property-item" }, T = { class: "property-label" }, L = { class: "property-item" }, W = { class: "property-label" }, X = { class: "property-group" }, Y = { class: "property-group-title" }, V = { class: "property-item" }, j = { class: "property-label" }, E = { class: "property-item" }, D = { class: "property-label" }, F = { class: "property-item" }, P = { class: "property-label" }, q = { class: "property-item" }, z = { class: "property-label" }, A = { class: "property-group border-group" }, G = { class: "property-group-title" }, 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" }, to = { class: "property-label" }, io = { class: "property-item" }, no = { class: "property-label" }, lo = { class: "property-group border-group" }, so = { class: "property-group-title" }, ro = { class: "property-item" }, ao = { class: "property-label" }, po = { class: "property-group border-group" }, uo = { class: "property-group-title" }, Mo = { class: "property-item" }, bo = { class: "property-label" }, ho = { class: "property-item" }, go = { class: "property-label" }, fo = { class: "property-item" }, vo = { class: "property-label" }, mo = { class: "property-item" }, yo = { class: "property-label" }, xo = { class: "property-item" }, _o = { class: "property-label" }, wo = { class: "property-item" }, co = { class: "property-label" };
-function Io(e, d, t, So, Co, Uo) {
-  const x = p("a-divider"), r = p("a-input-number"), a = p("a-col"), M = p("a-row"), v = p("a-switch"), b = p("a-select-option"), _ = p("a-select"), h = p("a-input");
-  return f(), g("div", C, [
-    n(x, { class: "custom-divider" }, {
-      default: s(() => [
-        u(l(e.i18nt("盒模型配置")), 1)
+import f from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const w = { class: "box-model-container" }, I = { class: "property-group" }, U = { class: "property-group-title" }, N = { class: "property-item" }, k = { class: "property-label" }, H = { class: "property-item" }, S = { class: "property-label" }, C = { class: "property-item" }, B = { class: "property-label" }, R = { class: "property-item" }, O = { class: "property-label" }, T = { class: "property-group" }, L = { class: "property-group-title" }, V = { class: "property-item" }, E = { class: "property-label" }, W = { class: "property-item" }, X = { class: "property-label" }, Y = { class: "property-item" }, z = { class: "property-label" }, D = { class: "property-item" }, F = { class: "property-label" }, P = { class: "property-group border-group" }, j = { class: "property-group-title" }, q = { 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-item" }, eo = { class: "property-label" }, to = { class: "property-group border-group" }, no = { class: "property-group-title" }, lo = { class: "property-item" }, io = { class: "property-label" }, ro = { class: "property-group border-group" }, ao = { class: "property-group-title" }, so = { class: "property-item" }, po = { class: "property-label" }, vo = { class: "property-item" }, _o = { class: "property-label" }, bo = { class: "property-item" }, uo = { class: "property-label" }, go = { class: "property-item" }, mo = { class: "property-label" }, co = { class: "property-item" }, Mo = { class: "property-label" }, yo = { class: "property-item" }, ho = { class: "property-label" };
+function xo(fo, t, wo, o, Io, Uo) {
+  const y = s("a-divider"), r = s("a-input-number"), a = s("a-col"), _ = s("a-row"), c = s("a-switch"), b = s("a-select-option"), h = s("a-select"), u = s("a-input");
+  return m(), g("div", w, [
+    n(y, { class: "custom-divider" }, {
+      default: i(() => [
+        v(
+          l(o.i18nt("盒模型配置")),
+          1
+          /* TEXT */
+        )
       ]),
       _: 1
+      /* STABLE */
     }),
-    o("div", U, [
-      o("div", N, l(e.i18nt("Padding")), 1),
-      n(M, { gutter: 8 }, {
-        default: s(() => [
+    p(" 内边距设置 "),
+    e("div", I, [
+      e(
+        "div",
+        U,
+        l(o.i18nt("Padding")),
+        1
+        /* TEXT */
+      ),
+      n(_, { gutter: 8 }, {
+        default: i(() => [
           n(a, { span: 12 }, {
-            default: s(() => [
-              o("div", k, [
-                o("div", B, l(e.i18nt("designer.setting.top")), 1),
+            default: i(() => [
+              e("div", N, [
+                e(
+                  "div",
+                  k,
+                  l(o.i18nt("designer.setting.top")),
+                  1
+                  /* TEXT */
+                ),
                 n(r, {
-                  value: t.optionModel.boxModel.paddingTop,
-                  "onUpdate:value": d[0] || (d[0] = (i) => t.optionModel.boxModel.paddingTop = i),
-                  onInput: e.inputNumberHandler,
+                  value: o.optionModel.boxModel.paddingTop,
+                  "onUpdate:value": t[0] || (t[0] = (d) => o.optionModel.boxModel.paddingTop = d),
+                  onInput: o.inputNumberHandler,
                   min: 0,
                   style: { width: "100%" },
                   "addon-after": "px"
@@ -48,15 +49,22 @@ function Io(e, d, t, So, Co, Uo) {
               ])
             ]),
             _: 1
+            /* STABLE */
           }),
           n(a, { span: 12 }, {
-            default: s(() => [
-              o("div", H, [
-                o("div", R, l(e.i18nt("designer.setting.right")), 1),
+            default: i(() => [
+              e("div", H, [
+                e(
+                  "div",
+                  S,
+                  l(o.i18nt("designer.setting.right")),
+                  1
+                  /* TEXT */
+                ),
                 n(r, {
-                  value: t.optionModel.boxModel.paddingRight,
-                  "onUpdate:value": d[1] || (d[1] = (i) => t.optionModel.boxModel.paddingRight = i),
-                  onInput: e.inputNumberHandler,
+                  value: o.optionModel.boxModel.paddingRight,
+                  "onUpdate:value": t[1] || (t[1] = (d) => o.optionModel.boxModel.paddingRight = d),
+                  onInput: o.inputNumberHandler,
                   min: 0,
                   style: { width: "100%" },
                   "addon-after": "px"
@@ -64,23 +72,31 @@ function Io(e, d, t, So, Co, Uo) {
               ])
             ]),
             _: 1
+            /* STABLE */
           })
         ]),
         _: 1
+        /* STABLE */
       }),
-      n(M, {
+      n(_, {
         gutter: 8,
         style: { "margin-top": "8px" }
       }, {
-        default: s(() => [
+        default: i(() => [
           n(a, { span: 12 }, {
-            default: s(() => [
-              o("div", O, [
-                o("div", T, l(e.i18nt("designer.setting.bottom")), 1),
+            default: i(() => [
+              e("div", C, [
+                e(
+                  "div",
+                  B,
+                  l(o.i18nt("designer.setting.bottom")),
+                  1
+                  /* TEXT */
+                ),
                 n(r, {
-                  value: t.optionModel.boxModel.paddingBottom,
-                  "onUpdate:value": d[2] || (d[2] = (i) => t.optionModel.boxModel.paddingBottom = i),
-                  onInput: e.inputNumberHandler,
+                  value: o.optionModel.boxModel.paddingBottom,
+                  "onUpdate:value": t[2] || (t[2] = (d) => o.optionModel.boxModel.paddingBottom = d),
+                  onInput: o.inputNumberHandler,
                   min: 0,
                   style: { width: "100%" },
                   "addon-after": "px"
@@ -88,15 +104,22 @@ function Io(e, d, t, So, Co, Uo) {
               ])
             ]),
             _: 1
+            /* STABLE */
           }),
           n(a, { span: 12 }, {
-            default: s(() => [
-              o("div", L, [
-                o("div", W, l(e.i18nt("designer.setting.left")), 1),
+            default: i(() => [
+              e("div", R, [
+                e(
+                  "div",
+                  O,
+                  l(o.i18nt("designer.setting.left")),
+                  1
+                  /* TEXT */
+                ),
                 n(r, {
-                  value: t.optionModel.boxModel.paddingLeft,
-                  "onUpdate:value": d[3] || (d[3] = (i) => t.optionModel.boxModel.paddingLeft = i),
-                  onInput: e.inputNumberHandler,
+                  value: o.optionModel.boxModel.paddingLeft,
+                  "onUpdate:value": t[3] || (t[3] = (d) => o.optionModel.boxModel.paddingLeft = d),
+                  onInput: o.inputNumberHandler,
                   min: 0,
                   style: { width: "100%" },
                   "addon-after": "px"
@@ -104,23 +127,38 @@ function Io(e, d, t, So, Co, Uo) {
               ])
             ]),
             _: 1
+            /* STABLE */
           })
         ]),
         _: 1
+        /* STABLE */
       })
     ]),
-    o("div", X, [
-      o("div", Y, l(e.i18nt("Margin")), 1),
-      n(M, { gutter: 8 }, {
-        default: s(() => [
+    p(" 外边距设置 "),
+    e("div", T, [
+      e(
+        "div",
+        L,
+        l(o.i18nt("Margin")),
+        1
+        /* TEXT */
+      ),
+      n(_, { gutter: 8 }, {
+        default: i(() => [
           n(a, { span: 12 }, {
-            default: s(() => [
-              o("div", V, [
-                o("div", j, l(e.i18nt("designer.setting.top")), 1),
+            default: i(() => [
+              e("div", V, [
+                e(
+                  "div",
+                  E,
+                  l(o.i18nt("designer.setting.top")),
+                  1
+                  /* TEXT */
+                ),
                 n(r, {
-                  value: t.optionModel.boxModel.marginTop,
-                  "onUpdate:value": d[4] || (d[4] = (i) => t.optionModel.boxModel.marginTop = i),
-                  onInput: e.inputNumberHandler,
+                  value: o.optionModel.boxModel.marginTop,
+                  "onUpdate:value": t[4] || (t[4] = (d) => o.optionModel.boxModel.marginTop = d),
+                  onInput: o.inputNumberHandler,
                   min: 0,
                   style: { width: "100%" },
                   "addon-after": "px"
@@ -128,15 +166,22 @@ function Io(e, d, t, So, Co, Uo) {
               ])
             ]),
             _: 1
+            /* STABLE */
           }),
           n(a, { span: 12 }, {
-            default: s(() => [
-              o("div", E, [
-                o("div", D, l(e.i18nt("designer.setting.right")), 1),
+            default: i(() => [
+              e("div", W, [
+                e(
+                  "div",
+                  X,
+                  l(o.i18nt("designer.setting.right")),
+                  1
+                  /* TEXT */
+                ),
                 n(r, {
-                  value: t.optionModel.boxModel.marginRight,
-                  "onUpdate:value": d[5] || (d[5] = (i) => t.optionModel.boxModel.marginRight = i),
-                  onInput: e.inputNumberHandler,
+                  value: o.optionModel.boxModel.marginRight,
+                  "onUpdate:value": t[5] || (t[5] = (d) => o.optionModel.boxModel.marginRight = d),
+                  onInput: o.inputNumberHandler,
                   min: 0,
                   style: { width: "100%" },
                   "addon-after": "px"
@@ -144,23 +189,31 @@ function Io(e, d, t, So, Co, Uo) {
               ])
             ]),
             _: 1
+            /* STABLE */
           })
         ]),
         _: 1
+        /* STABLE */
       }),
-      n(M, {
+      n(_, {
         gutter: 8,
         style: { "margin-top": "8px" }
       }, {
-        default: s(() => [
+        default: i(() => [
           n(a, { span: 12 }, {
-            default: s(() => [
-              o("div", F, [
-                o("div", P, l(e.i18nt("designer.setting.bottom")), 1),
+            default: i(() => [
+              e("div", Y, [
+                e(
+                  "div",
+                  z,
+                  l(o.i18nt("designer.setting.bottom")),
+                  1
+                  /* TEXT */
+                ),
                 n(r, {
-                  value: t.optionModel.boxModel.marginBottom,
-                  "onUpdate:value": d[6] || (d[6] = (i) => t.optionModel.boxModel.marginBottom = i),
-                  onInput: e.inputNumberHandler,
+                  value: o.optionModel.boxModel.marginBottom,
+                  "onUpdate:value": t[6] || (t[6] = (d) => o.optionModel.boxModel.marginBottom = d),
+                  onInput: o.inputNumberHandler,
                   min: 0,
                   style: { width: "100%" },
                   "addon-after": "px"
@@ -168,15 +221,22 @@ function Io(e, d, t, So, Co, Uo) {
               ])
             ]),
             _: 1
+            /* STABLE */
           }),
           n(a, { span: 12 }, {
-            default: s(() => [
-              o("div", q, [
-                o("div", z, l(e.i18nt("designer.setting.left")), 1),
+            default: i(() => [
+              e("div", D, [
+                e(
+                  "div",
+                  F,
+                  l(o.i18nt("designer.setting.left")),
+                  1
+                  /* TEXT */
+                ),
                 n(r, {
-                  value: t.optionModel.boxModel.marginLeft,
-                  "onUpdate:value": d[7] || (d[7] = (i) => t.optionModel.boxModel.marginLeft = i),
-                  onInput: e.inputNumberHandler,
+                  value: o.optionModel.boxModel.marginLeft,
+                  "onUpdate:value": t[7] || (t[7] = (d) => o.optionModel.boxModel.marginLeft = d),
+                  onInput: o.inputNumberHandler,
                   min: 0,
                   style: { width: "100%" },
                   "addon-after": "px"
@@ -184,173 +244,301 @@ function Io(e, d, t, So, Co, Uo) {
               ])
             ]),
             _: 1
+            /* STABLE */
           })
         ]),
         _: 1
+        /* STABLE */
       })
     ]),
-    o("div", A, [
-      o("div", G, l(e.i18nt("designer.setting.border")), 1),
-      o("div", J, [
-        o("div", K, l(e.i18nt("designer.setting.showBorder")), 1),
-        n(v, {
-          checked: t.optionModel.boxModel.borderShow,
-          "onUpdate:checked": d[8] || (d[8] = (i) => t.optionModel.boxModel.borderShow = i)
+    p(" 边框设置 "),
+    e("div", P, [
+      e(
+        "div",
+        j,
+        l(o.i18nt("designer.setting.border")),
+        1
+        /* TEXT */
+      ),
+      e("div", q, [
+        e(
+          "div",
+          A,
+          l(o.i18nt("designer.setting.showBorder")),
+          1
+          /* TEXT */
+        ),
+        n(c, {
+          checked: o.optionModel.boxModel.borderShow,
+          "onUpdate:checked": t[8] || (t[8] = (d) => o.optionModel.boxModel.borderShow = d)
         }, null, 8, ["checked"])
       ]),
-      t.optionModel.boxModel.borderShow ? (f(), g(y, { key: 0 }, [
-        o("div", Q, [
-          o("div", Z, l(e.i18nt("designer.setting.borderStyle")), 1),
-          n(_, {
-            value: t.optionModel.boxModel.borderStyle,
-            "onUpdate:value": d[9] || (d[9] = (i) => t.optionModel.boxModel.borderStyle = i)
-          }, {
-            default: s(() => [
-              n(b, { value: "solid" }, {
-                default: s(() => [
-                  u(l(e.i18nt("designer.setting.solid")), 1)
-                ]),
-                _: 1
-              }),
-              n(b, { value: "dashed" }, {
-                default: s(() => [
-                  u(l(e.i18nt("designer.setting.dashed")), 1)
-                ]),
-                _: 1
-              }),
-              n(b, { value: "dotted" }, {
-                default: s(() => [
-                  u(l(e.i18nt("designer.setting.dotted")), 1)
-                ]),
-                _: 1
-              }),
-              n(b, { value: "double" }, {
-                default: s(() => [
-                  u(l(e.i18nt("designer.setting.double")), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["value"])
-        ]),
-        o("div", $, [
-          o("div", oo, l(e.i18nt("designer.setting.borderWidth")), 1),
-          n(r, {
-            value: t.optionModel.boxModel.borderWidth,
-            "onUpdate:value": d[10] || (d[10] = (i) => t.optionModel.boxModel.borderWidth = i),
-            onInput: e.inputNumberHandler,
-            min: 0,
-            style: { width: "100%" },
-            "addon-after": "px"
-          }, null, 8, ["value", "onInput"])
-        ]),
-        o("div", eo, [
-          o("div", to, l(e.i18nt("designer.setting.borderColor")), 1),
-          n(h, {
-            value: t.optionModel.boxModel.borderColor,
-            "onUpdate:value": d[11] || (d[11] = (i) => t.optionModel.boxModel.borderColor = i),
-            type: "color",
-            style: { width: "100%" }
-          }, null, 8, ["value"])
-        ])
-      ], 64)) : m("", !0),
-      o("div", io, [
-        o("div", no, l(e.i18nt("designer.setting.borderRadius")), 1),
+      o.optionModel.boxModel.borderShow ? (m(), g(
+        M,
+        { key: 0 },
+        [
+          e("div", G, [
+            e(
+              "div",
+              J,
+              l(o.i18nt("designer.setting.borderStyle")),
+              1
+              /* TEXT */
+            ),
+            n(h, {
+              value: o.optionModel.boxModel.borderStyle,
+              "onUpdate:value": t[9] || (t[9] = (d) => o.optionModel.boxModel.borderStyle = d)
+            }, {
+              default: i(() => [
+                n(b, { value: "solid" }, {
+                  default: i(() => [
+                    v(
+                      l(o.i18nt("designer.setting.solid")),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                n(b, { value: "dashed" }, {
+                  default: i(() => [
+                    v(
+                      l(o.i18nt("designer.setting.dashed")),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                n(b, { value: "dotted" }, {
+                  default: i(() => [
+                    v(
+                      l(o.i18nt("designer.setting.dotted")),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                n(b, { value: "double" }, {
+                  default: i(() => [
+                    v(
+                      l(o.i18nt("designer.setting.double")),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["value"])
+          ]),
+          e("div", K, [
+            e(
+              "div",
+              Q,
+              l(o.i18nt("designer.setting.borderWidth")),
+              1
+              /* TEXT */
+            ),
+            n(r, {
+              value: o.optionModel.boxModel.borderWidth,
+              "onUpdate:value": t[10] || (t[10] = (d) => o.optionModel.boxModel.borderWidth = d),
+              onInput: o.inputNumberHandler,
+              min: 0,
+              style: { width: "100%" },
+              "addon-after": "px"
+            }, null, 8, ["value", "onInput"])
+          ]),
+          e("div", Z, [
+            e(
+              "div",
+              $,
+              l(o.i18nt("designer.setting.borderColor")),
+              1
+              /* TEXT */
+            ),
+            n(u, {
+              value: o.optionModel.boxModel.borderColor,
+              "onUpdate:value": t[11] || (t[11] = (d) => o.optionModel.boxModel.borderColor = d),
+              type: "color",
+              style: { width: "100%" }
+            }, null, 8, ["value"])
+          ])
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      )) : p("v-if", !0),
+      e("div", oo, [
+        e(
+          "div",
+          eo,
+          l(o.i18nt("designer.setting.borderRadius")),
+          1
+          /* TEXT */
+        ),
         n(r, {
-          value: t.optionModel.boxModel.borderRadius,
-          "onUpdate:value": d[12] || (d[12] = (i) => t.optionModel.boxModel.borderRadius = i),
-          onInput: e.inputNumberHandler,
+          value: o.optionModel.boxModel.borderRadius,
+          "onUpdate:value": t[12] || (t[12] = (d) => o.optionModel.boxModel.borderRadius = d),
+          onInput: o.inputNumberHandler,
           min: 0,
           style: { width: "100%" },
           "addon-after": "px"
         }, null, 8, ["value", "onInput"])
       ])
     ]),
-    o("div", lo, [
-      o("div", so, l(e.i18nt("designer.setting.backgroundColor")), 1),
-      o("div", ro, [
-        o("div", ao, l(e.i18nt("designer.setting.backgroundColor")), 1),
-        n(h, {
-          value: t.optionModel.boxModel.backgroundColor,
-          "onUpdate:value": d[13] || (d[13] = (i) => t.optionModel.boxModel.backgroundColor = i),
+    p(" 背景颜色设置 "),
+    e("div", to, [
+      e(
+        "div",
+        no,
+        l(o.i18nt("designer.setting.backgroundColor")),
+        1
+        /* TEXT */
+      ),
+      e("div", lo, [
+        e(
+          "div",
+          io,
+          l(o.i18nt("designer.setting.backgroundColor")),
+          1
+          /* TEXT */
+        ),
+        n(u, {
+          value: o.optionModel.boxModel.backgroundColor,
+          "onUpdate:value": t[13] || (t[13] = (d) => o.optionModel.boxModel.backgroundColor = d),
           type: "color",
           style: { width: "100%" }
         }, null, 8, ["value"])
       ])
     ]),
-    o("div", po, [
-      o("div", uo, l(e.i18nt("designer.setting.shadow")), 1),
-      o("div", Mo, [
-        o("div", bo, l(e.i18nt("designer.setting.enableShadow")), 1),
-        n(v, {
-          checked: t.optionModel.boxModel.shadowShow,
-          "onUpdate:checked": d[14] || (d[14] = (i) => t.optionModel.boxModel.shadowShow = i)
+    p(" 阴影设置 "),
+    e("div", ro, [
+      e(
+        "div",
+        ao,
+        l(o.i18nt("designer.setting.shadow")),
+        1
+        /* TEXT */
+      ),
+      e("div", so, [
+        e(
+          "div",
+          po,
+          l(o.i18nt("designer.setting.enableShadow")),
+          1
+          /* TEXT */
+        ),
+        n(c, {
+          checked: o.optionModel.boxModel.shadowShow,
+          "onUpdate:checked": t[14] || (t[14] = (d) => o.optionModel.boxModel.shadowShow = d)
         }, null, 8, ["checked"])
       ]),
-      t.optionModel.boxModel.shadowShow ? (f(), g(y, { key: 0 }, [
-        o("div", ho, [
-          o("div", go, l(e.i18nt("designer.setting.shadowOffsetX")), 1),
-          n(r, {
-            value: t.optionModel.boxModel.shadowOffsetX,
-            "onUpdate:value": d[15] || (d[15] = (i) => t.optionModel.boxModel.shadowOffsetX = i),
-            onInput: e.inputNumberHandler,
-            min: -100,
-            max: 100,
-            style: { width: "100%" },
-            "addon-after": "px"
-          }, null, 8, ["value", "onInput"])
-        ]),
-        o("div", fo, [
-          o("div", vo, l(e.i18nt("designer.setting.shadowOffsetY")), 1),
-          n(r, {
-            value: t.optionModel.boxModel.shadowOffsetY,
-            "onUpdate:value": d[16] || (d[16] = (i) => t.optionModel.boxModel.shadowOffsetY = i),
-            onInput: e.inputNumberHandler,
-            min: -100,
-            max: 100,
-            style: { width: "100%" },
-            "addon-after": "px"
-          }, null, 8, ["value", "onInput"])
-        ]),
-        o("div", mo, [
-          o("div", yo, l(e.i18nt("designer.setting.shadowBlur")), 1),
-          n(r, {
-            value: t.optionModel.boxModel.shadowBlur,
-            "onUpdate:value": d[17] || (d[17] = (i) => t.optionModel.boxModel.shadowBlur = i),
-            onInput: e.inputNumberHandler,
-            min: 0,
-            max: 100,
-            style: { width: "100%" },
-            "addon-after": "px"
-          }, null, 8, ["value", "onInput"])
-        ]),
-        o("div", xo, [
-          o("div", _o, l(e.i18nt("designer.setting.shadowSpread")), 1),
-          n(r, {
-            value: t.optionModel.boxModel.shadowSpread,
-            "onUpdate:value": d[18] || (d[18] = (i) => t.optionModel.boxModel.shadowSpread = i),
-            onInput: e.inputNumberHandler,
-            min: -100,
-            max: 100,
-            style: { width: "100%" },
-            "addon-after": "px"
-          }, null, 8, ["value", "onInput"])
-        ]),
-        o("div", wo, [
-          o("div", co, l(e.i18nt("designer.setting.shadowColor")), 1),
-          n(h, {
-            value: t.optionModel.boxModel.shadowColor,
-            "onUpdate:value": d[19] || (d[19] = (i) => t.optionModel.boxModel.shadowColor = i),
-            type: "color",
-            style: { width: "100%" }
-          }, null, 8, ["value"])
-        ])
-      ], 64)) : m("", !0)
+      o.optionModel.boxModel.shadowShow ? (m(), g(
+        M,
+        { key: 0 },
+        [
+          e("div", vo, [
+            e(
+              "div",
+              _o,
+              l(o.i18nt("designer.setting.shadowOffsetX")),
+              1
+              /* TEXT */
+            ),
+            n(r, {
+              value: o.optionModel.boxModel.shadowOffsetX,
+              "onUpdate:value": t[15] || (t[15] = (d) => o.optionModel.boxModel.shadowOffsetX = d),
+              onInput: o.inputNumberHandler,
+              min: -100,
+              max: 100,
+              style: { width: "100%" },
+              "addon-after": "px"
+            }, null, 8, ["value", "onInput"])
+          ]),
+          e("div", bo, [
+            e(
+              "div",
+              uo,
+              l(o.i18nt("designer.setting.shadowOffsetY")),
+              1
+              /* TEXT */
+            ),
+            n(r, {
+              value: o.optionModel.boxModel.shadowOffsetY,
+              "onUpdate:value": t[16] || (t[16] = (d) => o.optionModel.boxModel.shadowOffsetY = d),
+              onInput: o.inputNumberHandler,
+              min: -100,
+              max: 100,
+              style: { width: "100%" },
+              "addon-after": "px"
+            }, null, 8, ["value", "onInput"])
+          ]),
+          e("div", go, [
+            e(
+              "div",
+              mo,
+              l(o.i18nt("designer.setting.shadowBlur")),
+              1
+              /* TEXT */
+            ),
+            n(r, {
+              value: o.optionModel.boxModel.shadowBlur,
+              "onUpdate:value": t[17] || (t[17] = (d) => o.optionModel.boxModel.shadowBlur = d),
+              onInput: o.inputNumberHandler,
+              min: 0,
+              max: 100,
+              style: { width: "100%" },
+              "addon-after": "px"
+            }, null, 8, ["value", "onInput"])
+          ]),
+          e("div", co, [
+            e(
+              "div",
+              Mo,
+              l(o.i18nt("designer.setting.shadowSpread")),
+              1
+              /* TEXT */
+            ),
+            n(r, {
+              value: o.optionModel.boxModel.shadowSpread,
+              "onUpdate:value": t[18] || (t[18] = (d) => o.optionModel.boxModel.shadowSpread = d),
+              onInput: o.inputNumberHandler,
+              min: -100,
+              max: 100,
+              style: { width: "100%" },
+              "addon-after": "px"
+            }, null, 8, ["value", "onInput"])
+          ]),
+          e("div", yo, [
+            e(
+              "div",
+              ho,
+              l(o.i18nt("designer.setting.shadowColor")),
+              1
+              /* TEXT */
+            ),
+            n(u, {
+              value: o.optionModel.boxModel.shadowColor,
+              "onUpdate:value": t[19] || (t[19] = (d) => o.optionModel.boxModel.shadowColor = d),
+              type: "color",
+              style: { width: "100%" }
+            }, null, 8, ["value"])
+          ])
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      )) : p("v-if", !0)
     ])
   ]);
 }
-const Oo = /* @__PURE__ */ I(S, [["render", Io], ["__scopeId", "data-v-a87457a6"]]);
+const Co = /* @__PURE__ */ f(x, [["render", xo], ["__scopeId", "data-v-a46594b1"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/boxModel-editor.vue"]]);
 export {
-  Oo as default
+  Co as default
 };