@kp-ui/lowcode 1.0.91 → 1.0.94

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

@@ -1,125 +1,65 @@
-import i18n from "../../../../utils/i18n.js";
-import propertyMixin from "./propertyMixin.js";
-import { resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, createTextVNode, createCommentVNode, Fragment } from "vue";
+import h from "../../../../utils/i18n.js";
+import I from "./propertyMixin.js";
+import { resolveComponent as s, createElementBlock as f, openBlock as v, createVNode as l, createElementVNode as e, withCtx as i, createTextVNode as a, createCommentVNode as x, Fragment as y } from "vue";
 /* empty css                     */
-import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
+import S from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const U = {
   name: "boxModel-editor",
-  mixins: [i18n, propertyMixin],
+  mixins: [h, I],
   props: {
     designer: Object,
     selectedWidget: Object,
     optionModel: Object
   },
   watch: {
-    "optionModel.boxModel.borderShow"(val) {
-      if (!val) {
-        this.optionModel.boxModel.borderStyle = "solid";
-        this.optionModel.boxModel.borderWidth = 1;
-        this.optionModel.boxModel.borderColor = "#cccccc";
-        this.optionModel.boxModel.borderRadius = 0;
-      }
+    "optionModel.boxModel.borderShow"(n) {
+      n || (this.optionModel.boxModel.borderStyle = "solid", this.optionModel.boxModel.borderWidth = 1, this.optionModel.boxModel.borderColor = "#cccccc", this.optionModel.boxModel.borderRadius = 0);
     }
   },
   created() {
-    if (!this.optionModel.boxModel) {
-      this.optionModel.boxModel = {};
-    }
-    if (this.optionModel.boxModel.paddingTop === void 0) this.optionModel.boxModel.paddingTop = 0;
-    if (this.optionModel.boxModel.paddingRight === void 0) this.optionModel.boxModel.paddingRight = 0;
-    if (this.optionModel.boxModel.paddingBottom === void 0) this.optionModel.boxModel.paddingBottom = 0;
-    if (this.optionModel.boxModel.paddingLeft === void 0) this.optionModel.boxModel.paddingLeft = 0;
-    if (this.optionModel.boxModel.marginTop === void 0) this.optionModel.boxModel.marginTop = 0;
-    if (this.optionModel.boxModel.marginRight === void 0) this.optionModel.boxModel.marginRight = 0;
-    if (this.optionModel.boxModel.marginBottom === void 0) this.optionModel.boxModel.marginBottom = 0;
-    if (this.optionModel.boxModel.marginLeft === void 0) this.optionModel.boxModel.marginLeft = 0;
-    if (this.optionModel.boxModel.borderShow === void 0) this.optionModel.boxModel.borderShow = false;
-    if (this.optionModel.boxModel.borderStyle === void 0) this.optionModel.boxModel.borderStyle = "solid";
-    if (this.optionModel.boxModel.borderWidth === void 0) this.optionModel.boxModel.borderWidth = 1;
-    if (this.optionModel.boxModel.borderColor === void 0) this.optionModel.boxModel.borderColor = "#cccccc";
-    if (this.optionModel.boxModel.borderRadius === void 0) this.optionModel.boxModel.borderRadius = 0;
-    if (this.optionModel.boxModel.backgroundColor === void 0) this.optionModel.boxModel.backgroundColor = "#ffffff";
-    if (this.optionModel.boxModel.shadowShow === void 0) this.optionModel.boxModel.shadowShow = false;
-    if (this.optionModel.boxModel.shadowOffsetX === void 0) this.optionModel.boxModel.shadowOffsetX = 0;
-    if (this.optionModel.boxModel.shadowOffsetY === void 0) this.optionModel.boxModel.shadowOffsetY = 2;
-    if (this.optionModel.boxModel.shadowBlur === void 0) this.optionModel.boxModel.shadowBlur = 4;
-    if (this.optionModel.boxModel.shadowSpread === void 0) this.optionModel.boxModel.shadowSpread = 0;
-    if (this.optionModel.boxModel.shadowColor === void 0) this.optionModel.boxModel.shadowColor = "rgba(0,0,0,0.2)";
+    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)");
   }
-};
-const _hoisted_1 = { class: "box-model-container" };
-const _hoisted_2 = { class: "property-group" };
-const _hoisted_3 = { class: "property-item" };
-const _hoisted_4 = { class: "property-item" };
-const _hoisted_5 = { class: "property-item" };
-const _hoisted_6 = { class: "property-item" };
-const _hoisted_7 = { class: "property-group" };
-const _hoisted_8 = { class: "property-item" };
-const _hoisted_9 = { class: "property-item" };
-const _hoisted_10 = { class: "property-item" };
-const _hoisted_11 = { class: "property-item" };
-const _hoisted_12 = { class: "property-group border-group" };
-const _hoisted_13 = { class: "property-item" };
-const _hoisted_14 = { class: "property-item" };
-const _hoisted_15 = { class: "property-item" };
-const _hoisted_16 = { class: "property-item" };
-const _hoisted_17 = { class: "property-item" };
-const _hoisted_18 = { class: "property-group border-group" };
-const _hoisted_19 = { class: "property-item" };
-const _hoisted_20 = { class: "property-group border-group" };
-const _hoisted_21 = { class: "property-item" };
-const _hoisted_22 = { class: "property-item" };
-const _hoisted_23 = { class: "property-item" };
-const _hoisted_24 = { class: "property-item" };
-const _hoisted_25 = { class: "property-item" };
-const _hoisted_26 = { class: "property-item" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_a_divider = resolveComponent("a-divider");
-  const _component_a_input_number = resolveComponent("a-input-number");
-  const _component_a_col = resolveComponent("a-col");
-  const _component_a_row = resolveComponent("a-row");
-  const _component_a_switch = resolveComponent("a-switch");
-  const _component_a_select_option = resolveComponent("a-select-option");
-  const _component_a_select = resolveComponent("a-select");
-  const _component_a_input = resolveComponent("a-input");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    createVNode(_component_a_divider, { class: "custom-divider" }, {
-      default: withCtx(() => _cache[20] || (_cache[20] = [
-        createTextVNode("盒模型配置")
+}, N = { class: "box-model-container" }, B = { class: "property-group" }, C = { class: "property-item" }, k = { class: "property-item" }, H = { class: "property-item" }, R = { class: "property-item" }, O = { class: "property-group" }, T = { class: "property-item" }, L = { class: "property-item" }, W = { class: "property-item" }, V = { class: "property-item" }, X = { class: "property-group border-group" }, Y = { class: "property-item" }, j = { class: "property-item" }, E = { class: "property-item" }, _ = { class: "property-item" }, F = { class: "property-item" }, P = { class: "property-group border-group" }, q = { class: "property-item" }, z = { class: "property-group border-group" }, A = { class: "property-item" }, D = { class: "property-item" }, G = { class: "property-item" }, J = { class: "property-item" }, K = { class: "property-item" }, Q = { class: "property-item" };
+function Z(n, o, d, $, c, oo) {
+  const g = s("a-divider"), p = s("a-input-number"), r = s("a-col"), u = s("a-row"), m = s("a-switch"), M = s("a-select-option"), w = s("a-select"), b = s("a-input");
+  return v(), f("div", N, [
+    l(g, { class: "custom-divider" }, {
+      default: i(() => o[20] || (o[20] = [
+        a("盒模型配置")
       ])),
       _: 1,
       __: [20]
     }),
-    createElementVNode("div", _hoisted_2, [
-      _cache[25] || (_cache[25] = createElementVNode("div", { class: "property-group-title" }, "内边距 (Padding)", -1)),
-      createVNode(_component_a_row, { gutter: 8 }, {
-        default: withCtx(() => [
-          createVNode(_component_a_col, { span: 12 }, {
-            default: withCtx(() => [
-              createElementVNode("div", _hoisted_3, [
-                _cache[21] || (_cache[21] = createElementVNode("div", { class: "property-label" }, "上", -1)),
-                createVNode(_component_a_input_number, {
-                  value: $props.optionModel.boxModel.paddingTop,
-                  "onUpdate:value": _cache[0] || (_cache[0] = ($event) => $props.optionModel.boxModel.paddingTop = $event),
-                  onInput: _ctx.inputNumberHandler,
+    e("div", B, [
+      o[25] || (o[25] = e("div", { class: "property-group-title" }, "内边距 (Padding)", -1)),
+      l(u, { gutter: 8 }, {
+        default: i(() => [
+          l(r, { span: 12 }, {
+            default: i(() => [
+              e("div", C, [
+                o[21] || (o[21] = e("div", { class: "property-label" }, "上", -1)),
+                l(p, {
+                  value: d.optionModel.boxModel.paddingTop,
+                  "onUpdate:value": o[0] || (o[0] = (t) => d.optionModel.boxModel.paddingTop = t),
+                  onInput: n.inputNumberHandler,
                   min: 0,
-                  style: { "width": "100%" },
+                  style: { width: "100%" },
                   "addon-after": "px"
                 }, null, 8, ["value", "onInput"])
               ])
             ]),
             _: 1
           }),
-          createVNode(_component_a_col, { span: 12 }, {
-            default: withCtx(() => [
-              createElementVNode("div", _hoisted_4, [
-                _cache[22] || (_cache[22] = createElementVNode("div", { class: "property-label" }, "右", -1)),
-                createVNode(_component_a_input_number, {
-                  value: $props.optionModel.boxModel.paddingRight,
-                  "onUpdate:value": _cache[1] || (_cache[1] = ($event) => $props.optionModel.boxModel.paddingRight = $event),
-                  onInput: _ctx.inputNumberHandler,
+          l(r, { span: 12 }, {
+            default: i(() => [
+              e("div", k, [
+                o[22] || (o[22] = e("div", { class: "property-label" }, "右", -1)),
+                l(p, {
+                  value: d.optionModel.boxModel.paddingRight,
+                  "onUpdate:value": o[1] || (o[1] = (t) => d.optionModel.boxModel.paddingRight = t),
+                  onInput: n.inputNumberHandler,
                   min: 0,
-                  style: { "width": "100%" },
+                  style: { width: "100%" },
                   "addon-after": "px"
                 }, null, 8, ["value", "onInput"])
               ])
@@ -129,37 +69,37 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 1
       }),
-      createVNode(_component_a_row, {
+      l(u, {
         gutter: 8,
         style: { "margin-top": "8px" }
       }, {
-        default: withCtx(() => [
-          createVNode(_component_a_col, { span: 12 }, {
-            default: withCtx(() => [
-              createElementVNode("div", _hoisted_5, [
-                _cache[23] || (_cache[23] = createElementVNode("div", { class: "property-label" }, "下", -1)),
-                createVNode(_component_a_input_number, {
-                  value: $props.optionModel.boxModel.paddingBottom,
-                  "onUpdate:value": _cache[2] || (_cache[2] = ($event) => $props.optionModel.boxModel.paddingBottom = $event),
-                  onInput: _ctx.inputNumberHandler,
+        default: i(() => [
+          l(r, { span: 12 }, {
+            default: i(() => [
+              e("div", H, [
+                o[23] || (o[23] = e("div", { class: "property-label" }, "下", -1)),
+                l(p, {
+                  value: d.optionModel.boxModel.paddingBottom,
+                  "onUpdate:value": o[2] || (o[2] = (t) => d.optionModel.boxModel.paddingBottom = t),
+                  onInput: n.inputNumberHandler,
                   min: 0,
-                  style: { "width": "100%" },
+                  style: { width: "100%" },
                   "addon-after": "px"
                 }, null, 8, ["value", "onInput"])
               ])
             ]),
             _: 1
           }),
-          createVNode(_component_a_col, { span: 12 }, {
-            default: withCtx(() => [
-              createElementVNode("div", _hoisted_6, [
-                _cache[24] || (_cache[24] = createElementVNode("div", { class: "property-label" }, "左", -1)),
-                createVNode(_component_a_input_number, {
-                  value: $props.optionModel.boxModel.paddingLeft,
-                  "onUpdate:value": _cache[3] || (_cache[3] = ($event) => $props.optionModel.boxModel.paddingLeft = $event),
-                  onInput: _ctx.inputNumberHandler,
+          l(r, { span: 12 }, {
+            default: i(() => [
+              e("div", R, [
+                o[24] || (o[24] = e("div", { class: "property-label" }, "左", -1)),
+                l(p, {
+                  value: d.optionModel.boxModel.paddingLeft,
+                  "onUpdate:value": o[3] || (o[3] = (t) => d.optionModel.boxModel.paddingLeft = t),
+                  onInput: n.inputNumberHandler,
                   min: 0,
-                  style: { "width": "100%" },
+                  style: { width: "100%" },
                   "addon-after": "px"
                 }, null, 8, ["value", "onInput"])
               ])
@@ -170,36 +110,36 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       })
     ]),
-    createElementVNode("div", _hoisted_7, [
-      _cache[30] || (_cache[30] = createElementVNode("div", { class: "property-group-title" }, "外边距 (Margin)", -1)),
-      createVNode(_component_a_row, { gutter: 8 }, {
-        default: withCtx(() => [
-          createVNode(_component_a_col, { span: 12 }, {
-            default: withCtx(() => [
-              createElementVNode("div", _hoisted_8, [
-                _cache[26] || (_cache[26] = createElementVNode("div", { class: "property-label" }, "上", -1)),
-                createVNode(_component_a_input_number, {
-                  value: $props.optionModel.boxModel.marginTop,
-                  "onUpdate:value": _cache[4] || (_cache[4] = ($event) => $props.optionModel.boxModel.marginTop = $event),
-                  onInput: _ctx.inputNumberHandler,
+    e("div", O, [
+      o[30] || (o[30] = e("div", { class: "property-group-title" }, "外边距 (Margin)", -1)),
+      l(u, { gutter: 8 }, {
+        default: i(() => [
+          l(r, { span: 12 }, {
+            default: i(() => [
+              e("div", T, [
+                o[26] || (o[26] = e("div", { class: "property-label" }, "上", -1)),
+                l(p, {
+                  value: d.optionModel.boxModel.marginTop,
+                  "onUpdate:value": o[4] || (o[4] = (t) => d.optionModel.boxModel.marginTop = t),
+                  onInput: n.inputNumberHandler,
                   min: 0,
-                  style: { "width": "100%" },
+                  style: { width: "100%" },
                   "addon-after": "px"
                 }, null, 8, ["value", "onInput"])
               ])
             ]),
             _: 1
           }),
-          createVNode(_component_a_col, { span: 12 }, {
-            default: withCtx(() => [
-              createElementVNode("div", _hoisted_9, [
-                _cache[27] || (_cache[27] = createElementVNode("div", { class: "property-label" }, "右", -1)),
-                createVNode(_component_a_input_number, {
-                  value: $props.optionModel.boxModel.marginRight,
-                  "onUpdate:value": _cache[5] || (_cache[5] = ($event) => $props.optionModel.boxModel.marginRight = $event),
-                  onInput: _ctx.inputNumberHandler,
+          l(r, { span: 12 }, {
+            default: i(() => [
+              e("div", L, [
+                o[27] || (o[27] = e("div", { class: "property-label" }, "右", -1)),
+                l(p, {
+                  value: d.optionModel.boxModel.marginRight,
+                  "onUpdate:value": o[5] || (o[5] = (t) => d.optionModel.boxModel.marginRight = t),
+                  onInput: n.inputNumberHandler,
                   min: 0,
-                  style: { "width": "100%" },
+                  style: { width: "100%" },
                   "addon-after": "px"
                 }, null, 8, ["value", "onInput"])
               ])
@@ -209,37 +149,37 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 1
       }),
-      createVNode(_component_a_row, {
+      l(u, {
         gutter: 8,
         style: { "margin-top": "8px" }
       }, {
-        default: withCtx(() => [
-          createVNode(_component_a_col, { span: 12 }, {
-            default: withCtx(() => [
-              createElementVNode("div", _hoisted_10, [
-                _cache[28] || (_cache[28] = createElementVNode("div", { class: "property-label" }, "下", -1)),
-                createVNode(_component_a_input_number, {
-                  value: $props.optionModel.boxModel.marginBottom,
-                  "onUpdate:value": _cache[6] || (_cache[6] = ($event) => $props.optionModel.boxModel.marginBottom = $event),
-                  onInput: _ctx.inputNumberHandler,
+        default: i(() => [
+          l(r, { span: 12 }, {
+            default: i(() => [
+              e("div", W, [
+                o[28] || (o[28] = e("div", { class: "property-label" }, "下", -1)),
+                l(p, {
+                  value: d.optionModel.boxModel.marginBottom,
+                  "onUpdate:value": o[6] || (o[6] = (t) => d.optionModel.boxModel.marginBottom = t),
+                  onInput: n.inputNumberHandler,
                   min: 0,
-                  style: { "width": "100%" },
+                  style: { width: "100%" },
                   "addon-after": "px"
                 }, null, 8, ["value", "onInput"])
               ])
             ]),
             _: 1
           }),
-          createVNode(_component_a_col, { span: 12 }, {
-            default: withCtx(() => [
-              createElementVNode("div", _hoisted_11, [
-                _cache[29] || (_cache[29] = createElementVNode("div", { class: "property-label" }, "左", -1)),
-                createVNode(_component_a_input_number, {
-                  value: $props.optionModel.boxModel.marginLeft,
-                  "onUpdate:value": _cache[7] || (_cache[7] = ($event) => $props.optionModel.boxModel.marginLeft = $event),
-                  onInput: _ctx.inputNumberHandler,
+          l(r, { span: 12 }, {
+            default: i(() => [
+              e("div", V, [
+                o[29] || (o[29] = e("div", { class: "property-label" }, "左", -1)),
+                l(p, {
+                  value: d.optionModel.boxModel.marginLeft,
+                  "onUpdate:value": o[7] || (o[7] = (t) => d.optionModel.boxModel.marginLeft = t),
+                  onInput: n.inputNumberHandler,
                   min: 0,
-                  style: { "width": "100%" },
+                  style: { width: "100%" },
                   "addon-after": "px"
                 }, null, 8, ["value", "onInput"])
               ])
@@ -250,47 +190,47 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       })
     ]),
-    createElementVNode("div", _hoisted_12, [
-      _cache[40] || (_cache[40] = createElementVNode("div", { class: "property-group-title" }, "边框 (Border)", -1)),
-      createElementVNode("div", _hoisted_13, [
-        _cache[31] || (_cache[31] = createElementVNode("div", { class: "property-label" }, "显示边框", -1)),
-        createVNode(_component_a_switch, {
-          checked: $props.optionModel.boxModel.borderShow,
-          "onUpdate:checked": _cache[8] || (_cache[8] = ($event) => $props.optionModel.boxModel.borderShow = $event)
+    e("div", X, [
+      o[40] || (o[40] = e("div", { class: "property-group-title" }, "边框 (Border)", -1)),
+      e("div", Y, [
+        o[31] || (o[31] = e("div", { class: "property-label" }, "显示边框", -1)),
+        l(m, {
+          checked: d.optionModel.boxModel.borderShow,
+          "onUpdate:checked": o[8] || (o[8] = (t) => d.optionModel.boxModel.borderShow = t)
         }, null, 8, ["checked"])
       ]),
-      $props.optionModel.boxModel.borderShow ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-        createElementVNode("div", _hoisted_14, [
-          _cache[36] || (_cache[36] = createElementVNode("div", { class: "property-label" }, "边框样式", -1)),
-          createVNode(_component_a_select, {
-            value: $props.optionModel.boxModel.borderStyle,
-            "onUpdate:value": _cache[9] || (_cache[9] = ($event) => $props.optionModel.boxModel.borderStyle = $event)
+      d.optionModel.boxModel.borderShow ? (v(), f(y, { key: 0 }, [
+        e("div", j, [
+          o[36] || (o[36] = e("div", { class: "property-label" }, "边框样式", -1)),
+          l(w, {
+            value: d.optionModel.boxModel.borderStyle,
+            "onUpdate:value": o[9] || (o[9] = (t) => d.optionModel.boxModel.borderStyle = t)
           }, {
-            default: withCtx(() => [
-              createVNode(_component_a_select_option, { value: "solid" }, {
-                default: withCtx(() => _cache[32] || (_cache[32] = [
-                  createTextVNode("实线")
+            default: i(() => [
+              l(M, { value: "solid" }, {
+                default: i(() => o[32] || (o[32] = [
+                  a("实线")
                 ])),
                 _: 1,
                 __: [32]
               }),
-              createVNode(_component_a_select_option, { value: "dashed" }, {
-                default: withCtx(() => _cache[33] || (_cache[33] = [
-                  createTextVNode("虚线")
+              l(M, { value: "dashed" }, {
+                default: i(() => o[33] || (o[33] = [
+                  a("虚线")
                 ])),
                 _: 1,
                 __: [33]
               }),
-              createVNode(_component_a_select_option, { value: "dotted" }, {
-                default: withCtx(() => _cache[34] || (_cache[34] = [
-                  createTextVNode("点线")
+              l(M, { value: "dotted" }, {
+                default: i(() => o[34] || (o[34] = [
+                  a("点线")
                 ])),
                 _: 1,
                 __: [34]
               }),
-              createVNode(_component_a_select_option, { value: "double" }, {
-                default: withCtx(() => _cache[35] || (_cache[35] = [
-                  createTextVNode("双线")
+              l(M, { value: "double" }, {
+                default: i(() => o[35] || (o[35] = [
+                  a("双线")
                 ])),
                 _: 1,
                 __: [35]
@@ -299,124 +239,124 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           }, 8, ["value"])
         ]),
-        createElementVNode("div", _hoisted_15, [
-          _cache[37] || (_cache[37] = createElementVNode("div", { class: "property-label" }, "边框宽度", -1)),
-          createVNode(_component_a_input_number, {
-            value: $props.optionModel.boxModel.borderWidth,
-            "onUpdate:value": _cache[10] || (_cache[10] = ($event) => $props.optionModel.boxModel.borderWidth = $event),
-            onInput: _ctx.inputNumberHandler,
+        e("div", E, [
+          o[37] || (o[37] = e("div", { class: "property-label" }, "边框宽度", -1)),
+          l(p, {
+            value: d.optionModel.boxModel.borderWidth,
+            "onUpdate:value": o[10] || (o[10] = (t) => d.optionModel.boxModel.borderWidth = t),
+            onInput: n.inputNumberHandler,
             min: 0,
-            style: { "width": "100%" },
+            style: { width: "100%" },
             "addon-after": "px"
           }, null, 8, ["value", "onInput"])
         ]),
-        createElementVNode("div", _hoisted_16, [
-          _cache[38] || (_cache[38] = createElementVNode("div", { class: "property-label" }, "边框颜色", -1)),
-          createVNode(_component_a_input, {
-            value: $props.optionModel.boxModel.borderColor,
-            "onUpdate:value": _cache[11] || (_cache[11] = ($event) => $props.optionModel.boxModel.borderColor = $event),
+        e("div", _, [
+          o[38] || (o[38] = e("div", { class: "property-label" }, "边框颜色", -1)),
+          l(b, {
+            value: d.optionModel.boxModel.borderColor,
+            "onUpdate:value": o[11] || (o[11] = (t) => d.optionModel.boxModel.borderColor = t),
             type: "color",
-            style: { "width": "100%" }
+            style: { width: "100%" }
           }, null, 8, ["value"])
         ])
-      ], 64)) : createCommentVNode("", true),
-      createElementVNode("div", _hoisted_17, [
-        _cache[39] || (_cache[39] = createElementVNode("div", { class: "property-label" }, "圆角", -1)),
-        createVNode(_component_a_input_number, {
-          value: $props.optionModel.boxModel.borderRadius,
-          "onUpdate:value": _cache[12] || (_cache[12] = ($event) => $props.optionModel.boxModel.borderRadius = $event),
-          onInput: _ctx.inputNumberHandler,
+      ], 64)) : x("", !0),
+      e("div", F, [
+        o[39] || (o[39] = e("div", { class: "property-label" }, "圆角", -1)),
+        l(p, {
+          value: d.optionModel.boxModel.borderRadius,
+          "onUpdate:value": o[12] || (o[12] = (t) => d.optionModel.boxModel.borderRadius = t),
+          onInput: n.inputNumberHandler,
           min: 0,
-          style: { "width": "100%" },
+          style: { width: "100%" },
           "addon-after": "px"
         }, null, 8, ["value", "onInput"])
       ])
     ]),
-    createElementVNode("div", _hoisted_18, [
-      _cache[42] || (_cache[42] = createElementVNode("div", { class: "property-group-title" }, "背景 (Background)", -1)),
-      createElementVNode("div", _hoisted_19, [
-        _cache[41] || (_cache[41] = createElementVNode("div", { class: "property-label" }, "背景颜色", -1)),
-        createVNode(_component_a_input, {
-          value: $props.optionModel.boxModel.backgroundColor,
-          "onUpdate:value": _cache[13] || (_cache[13] = ($event) => $props.optionModel.boxModel.backgroundColor = $event),
+    e("div", P, [
+      o[42] || (o[42] = e("div", { class: "property-group-title" }, "背景 (Background)", -1)),
+      e("div", q, [
+        o[41] || (o[41] = e("div", { class: "property-label" }, "背景颜色", -1)),
+        l(b, {
+          value: d.optionModel.boxModel.backgroundColor,
+          "onUpdate:value": o[13] || (o[13] = (t) => d.optionModel.boxModel.backgroundColor = t),
           type: "color",
-          style: { "width": "100%" }
+          style: { width: "100%" }
         }, null, 8, ["value"])
       ])
     ]),
-    createElementVNode("div", _hoisted_20, [
-      _cache[49] || (_cache[49] = createElementVNode("div", { class: "property-group-title" }, "阴影 (Shadow)", -1)),
-      createElementVNode("div", _hoisted_21, [
-        _cache[43] || (_cache[43] = createElementVNode("div", { class: "property-label" }, "启用阴影", -1)),
-        createVNode(_component_a_switch, {
-          checked: $props.optionModel.boxModel.shadowShow,
-          "onUpdate:checked": _cache[14] || (_cache[14] = ($event) => $props.optionModel.boxModel.shadowShow = $event)
+    e("div", z, [
+      o[49] || (o[49] = e("div", { class: "property-group-title" }, "阴影 (Shadow)", -1)),
+      e("div", A, [
+        o[43] || (o[43] = e("div", { class: "property-label" }, "启用阴影", -1)),
+        l(m, {
+          checked: d.optionModel.boxModel.shadowShow,
+          "onUpdate:checked": o[14] || (o[14] = (t) => d.optionModel.boxModel.shadowShow = t)
         }, null, 8, ["checked"])
       ]),
-      $props.optionModel.boxModel.shadowShow ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-        createElementVNode("div", _hoisted_22, [
-          _cache[44] || (_cache[44] = createElementVNode("div", { class: "property-label" }, "水平偏移", -1)),
-          createVNode(_component_a_input_number, {
-            value: $props.optionModel.boxModel.shadowOffsetX,
-            "onUpdate:value": _cache[15] || (_cache[15] = ($event) => $props.optionModel.boxModel.shadowOffsetX = $event),
-            onInput: _ctx.inputNumberHandler,
+      d.optionModel.boxModel.shadowShow ? (v(), f(y, { key: 0 }, [
+        e("div", D, [
+          o[44] || (o[44] = e("div", { class: "property-label" }, "水平偏移", -1)),
+          l(p, {
+            value: d.optionModel.boxModel.shadowOffsetX,
+            "onUpdate:value": o[15] || (o[15] = (t) => d.optionModel.boxModel.shadowOffsetX = t),
+            onInput: n.inputNumberHandler,
             min: -100,
             max: 100,
-            style: { "width": "100%" },
+            style: { width: "100%" },
             "addon-after": "px"
           }, null, 8, ["value", "onInput"])
         ]),
-        createElementVNode("div", _hoisted_23, [
-          _cache[45] || (_cache[45] = createElementVNode("div", { class: "property-label" }, "垂直偏移", -1)),
-          createVNode(_component_a_input_number, {
-            value: $props.optionModel.boxModel.shadowOffsetY,
-            "onUpdate:value": _cache[16] || (_cache[16] = ($event) => $props.optionModel.boxModel.shadowOffsetY = $event),
-            onInput: _ctx.inputNumberHandler,
+        e("div", G, [
+          o[45] || (o[45] = e("div", { class: "property-label" }, "垂直偏移", -1)),
+          l(p, {
+            value: d.optionModel.boxModel.shadowOffsetY,
+            "onUpdate:value": o[16] || (o[16] = (t) => d.optionModel.boxModel.shadowOffsetY = t),
+            onInput: n.inputNumberHandler,
             min: -100,
             max: 100,
-            style: { "width": "100%" },
+            style: { width: "100%" },
             "addon-after": "px"
           }, null, 8, ["value", "onInput"])
         ]),
-        createElementVNode("div", _hoisted_24, [
-          _cache[46] || (_cache[46] = createElementVNode("div", { class: "property-label" }, "模糊半径", -1)),
-          createVNode(_component_a_input_number, {
-            value: $props.optionModel.boxModel.shadowBlur,
-            "onUpdate:value": _cache[17] || (_cache[17] = ($event) => $props.optionModel.boxModel.shadowBlur = $event),
-            onInput: _ctx.inputNumberHandler,
+        e("div", J, [
+          o[46] || (o[46] = e("div", { class: "property-label" }, "模糊半径", -1)),
+          l(p, {
+            value: d.optionModel.boxModel.shadowBlur,
+            "onUpdate:value": o[17] || (o[17] = (t) => d.optionModel.boxModel.shadowBlur = t),
+            onInput: n.inputNumberHandler,
             min: 0,
             max: 100,
-            style: { "width": "100%" },
+            style: { width: "100%" },
             "addon-after": "px"
           }, null, 8, ["value", "onInput"])
         ]),
-        createElementVNode("div", _hoisted_25, [
-          _cache[47] || (_cache[47] = createElementVNode("div", { class: "property-label" }, "扩散半径", -1)),
-          createVNode(_component_a_input_number, {
-            value: $props.optionModel.boxModel.shadowSpread,
-            "onUpdate:value": _cache[18] || (_cache[18] = ($event) => $props.optionModel.boxModel.shadowSpread = $event),
-            onInput: _ctx.inputNumberHandler,
+        e("div", K, [
+          o[47] || (o[47] = e("div", { class: "property-label" }, "扩散半径", -1)),
+          l(p, {
+            value: d.optionModel.boxModel.shadowSpread,
+            "onUpdate:value": o[18] || (o[18] = (t) => d.optionModel.boxModel.shadowSpread = t),
+            onInput: n.inputNumberHandler,
             min: -100,
             max: 100,
-            style: { "width": "100%" },
+            style: { width: "100%" },
             "addon-after": "px"
           }, null, 8, ["value", "onInput"])
         ]),
-        createElementVNode("div", _hoisted_26, [
-          _cache[48] || (_cache[48] = createElementVNode("div", { class: "property-label" }, "阴影颜色", -1)),
-          createVNode(_component_a_input, {
-            value: $props.optionModel.boxModel.shadowColor,
-            "onUpdate:value": _cache[19] || (_cache[19] = ($event) => $props.optionModel.boxModel.shadowColor = $event),
+        e("div", Q, [
+          o[48] || (o[48] = e("div", { class: "property-label" }, "阴影颜色", -1)),
+          l(b, {
+            value: d.optionModel.boxModel.shadowColor,
+            "onUpdate:value": o[19] || (o[19] = (t) => d.optionModel.boxModel.shadowColor = t),
             type: "color",
-            style: { "width": "100%" }
+            style: { width: "100%" }
           }, null, 8, ["value"])
         ])
-      ], 64)) : createCommentVNode("", true)
+      ], 64)) : x("", !0)
     ])
   ]);
 }
-const boxModelEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-96fafe19"]]);
+const po = /* @__PURE__ */ S(U, [["render", Z], ["__scopeId", "data-v-96fafe19"]]);
 export {
-  boxModelEditor as default
+  po as default
 };
 //# sourceMappingURL=boxModel-editor.vue.js.map