@kp-ui/lowcode 1.0.105 → 1.0.106

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

@@ -0,0 +1,31 @@
+import i from "../../../../utils/i18n.js";
+import { resolveComponent as t, createBlock as s, openBlock as m, withCtx as a, createVNode as l } from "vue";
+import p from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
+  name: "border-editor",
+  mixins: [i],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function f(r, e, o, b, u, h) {
+  const n = t("a-switch"), c = t("a-form-item");
+  return m(), s(c, {
+    label: r.i18nt("designer.setting.border")
+  }, {
+    default: a(() => [
+      l(n, {
+        checked: o.optionModel.border,
+        "onUpdate:checked": e[0] || (e[0] = (d) => o.optionModel.border = d)
+      }, null, 8, ["checked"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const j = /* @__PURE__ */ p(_, [["render", f]]);
+export {
+  j as default
+};
+//# sourceMappingURL=border-editor.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"border-editor.vue.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/border-editor.vue"],"sourcesContent":["<template>\n  <a-form-item :label=\"i18nt('designer.setting.border')\">\n    <a-switch v-model:checked=\"optionModel.border\" />\n  </a-form-item>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'border-editor',\n    mixins: [i18n],\n    props: {\n      designer: Object,\n      selectedWidget: Object,\n      optionModel: Object\n    }\n  };\n</script>\n\n<style scoped></style>\n"],"names":["_sfc_main","i18n","_createBlock","_component_a_form_item","_ctx","_createVNode","_component_a_switch","$props","_cache","$event"],"mappings":";;;AASE,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAACC,CAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf;;;;cAfFC,EAEcC,GAAA;AAAA,IAFA,OAAOC,EAAA,MAAK,yBAAA;AAAA;eACxB,MAAiD;AAAA,MAAjDC,EAAiDC,GAAA;AAAA,QAA/B,SAASC,EAAA,YAAY;AAAA,QAAZ,oBAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAF,EAAA,YAAY,SAAME;AAAA;;;;;;"}

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

@@ -0,0 +1,362 @@
+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 S from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const U = {
+  name: "boxModel-editor",
+  mixins: [h, I],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  watch: {
+    "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() {
+    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)");
+  }
+}, 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]
+    }),
+    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%" },
+                  "addon-after": "px"
+                }, null, 8, ["value", "onInput"])
+              ])
+            ]),
+            _: 1
+          }),
+          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%" },
+                  "addon-after": "px"
+                }, null, 8, ["value", "onInput"])
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }),
+      l(u, {
+        gutter: 8,
+        style: { "margin-top": "8px" }
+      }, {
+        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%" },
+                  "addon-after": "px"
+                }, null, 8, ["value", "onInput"])
+              ])
+            ]),
+            _: 1
+          }),
+          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%" },
+                  "addon-after": "px"
+                }, null, 8, ["value", "onInput"])
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]),
+    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%" },
+                  "addon-after": "px"
+                }, null, 8, ["value", "onInput"])
+              ])
+            ]),
+            _: 1
+          }),
+          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%" },
+                  "addon-after": "px"
+                }, null, 8, ["value", "onInput"])
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }),
+      l(u, {
+        gutter: 8,
+        style: { "margin-top": "8px" }
+      }, {
+        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%" },
+                  "addon-after": "px"
+                }, null, 8, ["value", "onInput"])
+              ])
+            ]),
+            _: 1
+          }),
+          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%" },
+                  "addon-after": "px"
+                }, null, 8, ["value", "onInput"])
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]),
+    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"])
+      ]),
+      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: i(() => [
+              l(M, { value: "solid" }, {
+                default: i(() => o[32] || (o[32] = [
+                  a("实线")
+                ])),
+                _: 1,
+                __: [32]
+              }),
+              l(M, { value: "dashed" }, {
+                default: i(() => o[33] || (o[33] = [
+                  a("虚线")
+                ])),
+                _: 1,
+                __: [33]
+              }),
+              l(M, { value: "dotted" }, {
+                default: i(() => o[34] || (o[34] = [
+                  a("点线")
+                ])),
+                _: 1,
+                __: [34]
+              }),
+              l(M, { value: "double" }, {
+                default: i(() => o[35] || (o[35] = [
+                  a("双线")
+                ])),
+                _: 1,
+                __: [35]
+              })
+            ]),
+            _: 1
+          }, 8, ["value"])
+        ]),
+        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%" },
+            "addon-after": "px"
+          }, null, 8, ["value", "onInput"])
+        ]),
+        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%" }
+          }, null, 8, ["value"])
+        ])
+      ], 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%" },
+          "addon-after": "px"
+        }, null, 8, ["value", "onInput"])
+      ])
+    ]),
+    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%" }
+        }, null, 8, ["value"])
+      ])
+    ]),
+    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"])
+      ]),
+      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%" },
+            "addon-after": "px"
+          }, null, 8, ["value", "onInput"])
+        ]),
+        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%" },
+            "addon-after": "px"
+          }, null, 8, ["value", "onInput"])
+        ]),
+        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%" },
+            "addon-after": "px"
+          }, null, 8, ["value", "onInput"])
+        ]),
+        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%" },
+            "addon-after": "px"
+          }, null, 8, ["value", "onInput"])
+        ]),
+        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%" }
+          }, null, 8, ["value"])
+        ])
+      ], 64)) : x("", !0)
+    ])
+  ]);
+}
+const po = /* @__PURE__ */ S(U, [["render", Z], ["__scopeId", "data-v-96fafe19"]]);
+export {
+  po as default
+};
+//# sourceMappingURL=boxModel-editor.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"boxModel-editor.vue.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/boxModel-editor.vue"],"sourcesContent":["<template>\n  <div class=\"box-model-container\">\n     <a-divider class=\"custom-divider\">盒模型配置</a-divider>\n\n    <!-- 内边距设置 -->\n    <div class=\"property-group\">\n      <div class=\"property-group-title\">内边距 (Padding)</div>\n      <a-row :gutter=\"8\">\n        <a-col :span=\"12\">\n          <div class=\"property-item\">\n            <div class=\"property-label\">上</div>\n            <a-input-number\n              v-model:value=\"optionModel.boxModel.paddingTop\"\n              @input=\"inputNumberHandler\"\n              :min=\"0\"\n              style=\"width: 100%\"\n              addon-after=\"px\"\n            />\n          </div>\n        </a-col>\n        <a-col :span=\"12\">\n          <div class=\"property-item\">\n            <div class=\"property-label\">右</div>\n            <a-input-number\n              v-model:value=\"optionModel.boxModel.paddingRight\"\n              @input=\"inputNumberHandler\"\n              :min=\"0\"\n              style=\"width: 100%\"\n              addon-after=\"px\"\n            />\n          </div>\n        </a-col>\n      </a-row>\n      <a-row :gutter=\"8\" style=\"margin-top: 8px\">\n        <a-col :span=\"12\">\n          <div class=\"property-item\">\n            <div class=\"property-label\">下</div>\n            <a-input-number\n              v-model:value=\"optionModel.boxModel.paddingBottom\"\n              @input=\"inputNumberHandler\"\n              :min=\"0\"\n              style=\"width: 100%\"\n              addon-after=\"px\"\n            />\n          </div>\n        </a-col>\n        <a-col :span=\"12\">\n          <div class=\"property-item\">\n            <div class=\"property-label\">左</div>\n            <a-input-number\n              v-model:value=\"optionModel.boxModel.paddingLeft\"\n              @input=\"inputNumberHandler\"\n              :min=\"0\"\n              style=\"width: 100%\"\n              addon-after=\"px\"\n            />\n          </div>\n        </a-col>\n      </a-row>\n    </div>\n\n    <!-- 外边距设置 -->\n    <div class=\"property-group\">\n      <div class=\"property-group-title\">外边距 (Margin)</div>\n      <a-row :gutter=\"8\">\n        <a-col :span=\"12\">\n          <div class=\"property-item\">\n            <div class=\"property-label\">上</div>\n            <a-input-number\n              v-model:value=\"optionModel.boxModel.marginTop\"\n              @input=\"inputNumberHandler\"\n              :min=\"0\"\n              style=\"width: 100%\"\n              addon-after=\"px\"\n            />\n          </div>\n        </a-col>\n        <a-col :span=\"12\">\n          <div class=\"property-item\">\n            <div class=\"property-label\">右</div>\n            <a-input-number\n              v-model:value=\"optionModel.boxModel.marginRight\"\n              @input=\"inputNumberHandler\"\n              :min=\"0\"\n              style=\"width: 100%\"\n              addon-after=\"px\"\n            />\n          </div>\n        </a-col>\n      </a-row>\n      <a-row :gutter=\"8\" style=\"margin-top: 8px\">\n        <a-col :span=\"12\">\n          <div class=\"property-item\">\n            <div class=\"property-label\">下</div>\n            <a-input-number\n              v-model:value=\"optionModel.boxModel.marginBottom\"\n              @input=\"inputNumberHandler\"\n              :min=\"0\"\n              style=\"width: 100%\"\n              addon-after=\"px\"\n            />\n          </div>\n        </a-col>\n        <a-col :span=\"12\">\n          <div class=\"property-item\">\n            <div class=\"property-label\">左</div>\n            <a-input-number\n              v-model:value=\"optionModel.boxModel.marginLeft\"\n              @input=\"inputNumberHandler\"\n              :min=\"0\"\n              style=\"width: 100%\"\n              addon-after=\"px\"\n            />\n          </div>\n        </a-col>\n      </a-row>\n    </div>\n\n    <!-- 边框设置 -->\n    <div class=\"property-group border-group\">\n      <div class=\"property-group-title\">边框 (Border)</div>\n      <div class=\"property-item\">\n        <div class=\"property-label\">显示边框</div>\n        <a-switch v-model:checked=\"optionModel.boxModel.borderShow\" />\n      </div>\n      <template v-if=\"optionModel.boxModel.borderShow\">\n        <div class=\"property-item\">\n          <div class=\"property-label\">边框样式</div>\n          <a-select v-model:value=\"optionModel.boxModel.borderStyle\">\n            <a-select-option value=\"solid\">实线</a-select-option>\n            <a-select-option value=\"dashed\">虚线</a-select-option>\n            <a-select-option value=\"dotted\">点线</a-select-option>\n            <a-select-option value=\"double\">双线</a-select-option>\n          </a-select>\n        </div>\n        <div class=\"property-item\">\n          <div class=\"property-label\">边框宽度</div>\n          <a-input-number\n            v-model:value=\"optionModel.boxModel.borderWidth\"\n            @input=\"inputNumberHandler\"\n            :min=\"0\"\n            style=\"width: 100%\"\n            addon-after=\"px\"\n          />\n        </div>\n        <div class=\"property-item\">\n          <div class=\"property-label\">边框颜色</div>\n          <a-input v-model:value=\"optionModel.boxModel.borderColor\" type=\"color\" style=\"width: 100%\" />\n        </div>\n    </template>\n    <div class=\"property-item\">\n      <div class=\"property-label\">圆角</div>\n      <a-input-number\n        v-model:value=\"optionModel.boxModel.borderRadius\"\n        @input=\"inputNumberHandler\"\n        :min=\"0\"\n        style=\"width: 100%\"\n        addon-after=\"px\"\n      />\n    </div>\n    </div>\n    \n    <!-- 背景颜色设置 -->\n    <div class=\"property-group border-group\">\n      <div class=\"property-group-title\">背景 (Background)</div>\n      <div class=\"property-item\">\n        <div class=\"property-label\">背景颜色</div>\n        <a-input v-model:value=\"optionModel.boxModel.backgroundColor\" type=\"color\" style=\"width: 100%\" />\n      </div>\n    </div>\n    \n    <!-- 阴影设置 -->\n    <div class=\"property-group border-group\">\n      <div class=\"property-group-title\">阴影 (Shadow)</div>\n      <div class=\"property-item\">\n        <div class=\"property-label\">启用阴影</div>\n        <a-switch v-model:checked=\"optionModel.boxModel.shadowShow\" />\n      </div>\n      <template v-if=\"optionModel.boxModel.shadowShow\">\n        <div class=\"property-item\">\n          <div class=\"property-label\">水平偏移</div>\n          <a-input-number\n            v-model:value=\"optionModel.boxModel.shadowOffsetX\"\n            @input=\"inputNumberHandler\"\n            :min=\"-100\"\n            :max=\"100\"\n            style=\"width: 100%\"\n            addon-after=\"px\"\n          />\n        </div>\n        <div class=\"property-item\">\n          <div class=\"property-label\">垂直偏移</div>\n          <a-input-number\n            v-model:value=\"optionModel.boxModel.shadowOffsetY\"\n            @input=\"inputNumberHandler\"\n            :min=\"-100\"\n            :max=\"100\"\n            style=\"width: 100%\"\n            addon-after=\"px\"\n          />\n        </div>\n        <div class=\"property-item\">\n          <div class=\"property-label\">模糊半径</div>\n          <a-input-number\n            v-model:value=\"optionModel.boxModel.shadowBlur\"\n            @input=\"inputNumberHandler\"\n            :min=\"0\"\n            :max=\"100\"\n            style=\"width: 100%\"\n            addon-after=\"px\"\n          />\n        </div>\n        <div class=\"property-item\">\n          <div class=\"property-label\">扩散半径</div>\n          <a-input-number\n            v-model:value=\"optionModel.boxModel.shadowSpread\"\n            @input=\"inputNumberHandler\"\n            :min=\"-100\"\n            :max=\"100\"\n            style=\"width: 100%\"\n            addon-after=\"px\"\n          />\n        </div>\n        <div class=\"property-item\">\n          <div class=\"property-label\">阴影颜色</div>\n          <a-input v-model:value=\"optionModel.boxModel.shadowColor\" type=\"color\" style=\"width: 100%\" />\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n  import propertyMixin from '@/components/form-designer/setting-panel/property-editor/propertyMixin';\n\n  export default {\n    name: 'boxModel-editor',\n    mixins: [i18n, propertyMixin],\n    props: {\n      designer: Object,\n      selectedWidget: Object,\n      optionModel: Object\n    },\n    watch: {\n      'optionModel.boxModel.borderShow'(val) {\n        // 如果关闭边框显示，重置边框样式\n        if (!val) {\n          this.optionModel.boxModel.borderStyle = 'solid';\n          this.optionModel.boxModel.borderWidth = 1;\n          this.optionModel.boxModel.borderColor = '#cccccc';\n          this.optionModel.boxModel.borderRadius = 0;\n        }\n      }\n    },\n    created() {\n      // 初始化盒模型属性，确保所有必要的属性都存在\n      if (!this.optionModel.boxModel) {\n        this.optionModel.boxModel = {};\n      }\n      \n      // 初始化内边距\n      if (this.optionModel.boxModel.paddingTop === undefined) this.optionModel.boxModel.paddingTop = 0;\n      if (this.optionModel.boxModel.paddingRight === undefined) this.optionModel.boxModel.paddingRight = 0;\n      if (this.optionModel.boxModel.paddingBottom === undefined) this.optionModel.boxModel.paddingBottom = 0;\n      if (this.optionModel.boxModel.paddingLeft === undefined) this.optionModel.boxModel.paddingLeft = 0;\n      \n      // 初始化外边距\n      if (this.optionModel.boxModel.marginTop === undefined) this.optionModel.boxModel.marginTop = 0;\n      if (this.optionModel.boxModel.marginRight === undefined) this.optionModel.boxModel.marginRight = 0;\n      if (this.optionModel.boxModel.marginBottom === undefined) this.optionModel.boxModel.marginBottom = 0;\n      if (this.optionModel.boxModel.marginLeft === undefined) this.optionModel.boxModel.marginLeft = 0;\n      \n      // 初始化边框\n      if (this.optionModel.boxModel.borderShow === undefined) this.optionModel.boxModel.borderShow = false;\n      if (this.optionModel.boxModel.borderStyle === undefined) this.optionModel.boxModel.borderStyle = 'solid';\n      if (this.optionModel.boxModel.borderWidth === undefined) this.optionModel.boxModel.borderWidth = 1;\n      if (this.optionModel.boxModel.borderColor === undefined) this.optionModel.boxModel.borderColor = '#cccccc';\n      if (this.optionModel.boxModel.borderRadius === undefined) this.optionModel.boxModel.borderRadius = 0;\n      \n      // 初始化背景颜色\n      if (this.optionModel.boxModel.backgroundColor === undefined) this.optionModel.boxModel.backgroundColor = '#ffffff';\n      \n      // 初始化阴影\n      if (this.optionModel.boxModel.shadowShow === undefined) this.optionModel.boxModel.shadowShow = false;\n      if (this.optionModel.boxModel.shadowOffsetX === undefined) this.optionModel.boxModel.shadowOffsetX = 0;\n      if (this.optionModel.boxModel.shadowOffsetY === undefined) this.optionModel.boxModel.shadowOffsetY = 2;\n      if (this.optionModel.boxModel.shadowBlur === undefined) this.optionModel.boxModel.shadowBlur = 4;\n      if (this.optionModel.boxModel.shadowSpread === undefined) this.optionModel.boxModel.shadowSpread = 0;\n      if (this.optionModel.boxModel.shadowColor === undefined) this.optionModel.boxModel.shadowColor = 'rgba(0,0,0,0.2)';\n      \n\n    }\n  };\n</script>\n\n<style scoped lang=\"less\">\n//   .hide-spin-button :deep(.ant-input-number-handler-wrap) {\n//     display: none;\n//   }\n\n  /* 盒模型容器样式 */\n  .box-model-container {\n    padding: 12px;\n  }\n\n  /* 标题样式 */\n  .box-model-title {\n    font-size: 16px;\n    font-weight: 500;\n    margin-bottom: 16px;\n  }\n\n  /* 属性组样式 */\n  .property-group {\n    margin-bottom: 16px;\n\n  .property-label {\n    width: 20px;\n    flex-shrink: 0;\n    color: #666;\n  }\n    &.border-group{\n        .property-label {\n            width: 80px;\n        }\n    }\n  }\n\n  .property-group-title {\n    font-size: 13px;\n    font-weight: 500;\n    margin-bottom: 8px;\n    color: #333;\n  }\n\n  /* 属性项样式 */\n  .property-item {\n    display: flex;\n    align-items: center;\n    margin-bottom: 8px;\n  }\n\n  /* 盒模型可视化样式 */\n  /* 盒模型容器样式 */\n  .box-model-container {\n    padding: 12px;\n  }\n</style>"],"names":["_sfc_main","i18n","propertyMixin","val","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_openBlock","_createElementBlock","_createVNode","_component_a_divider","_cache","_createElementVNode","_component_a_row","_component_a_col","_component_a_input_number","$props","$event","_ctx","_component_a_switch","_Fragment","_component_a_select","_component_a_select_option","_component_a_input"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+import f from "./button-list-editor.vue2.js";
+export {
+  f as default
+};
+//# sourceMappingURL=button-list-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-list-editor.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,78 @@
+import { defineComponent as v, ref as u, watch as _, resolveComponent as p, createElementBlock as C, openBlock as L, Fragment as k, createVNode as o, unref as i, withCtx as n, createTextVNode as f, toDisplayString as w } from "vue";
+import { useI18n as x } from "../../../../utils/i18n.js";
+import { cloneDeep as D } from "lodash-es";
+import B from "../../../public/ActionButtonListDialog.vue.js";
+import { TpfModal as M } from "tmgc2-share";
+const U = /* @__PURE__ */ v({
+  name: "button-list-editor",
+  __name: "button-list-editor",
+  props: {
+    designer: {},
+    selectedWidget: {},
+    optionModel: {}
+  },
+  setup(m) {
+    const { i18nt: s } = x(), r = m, e = u([]), l = u(!1);
+    _(e, () => {
+      r.optionModel.buttonList = e.value;
+    });
+    const c = () => {
+      e.value = D(r.optionModel.buttonList), l.value = !0;
+    }, g = () => {
+      l.value = !1;
+    };
+    return (h, t) => {
+      const d = p("a-button"), b = p("a-form-item");
+      return L(), C(k, null, [
+        o(b, {
+          label: i(s)("designer.setting.buttonList")
+        }, {
+          default: n(() => [
+            o(d, { onClick: c }, {
+              default: n(() => t[2] || (t[2] = [
+                f("按钮配置")
+              ])),
+              _: 1,
+              __: [2]
+            })
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        o(i(M), {
+          title: i(s)("designer.setting.buttonsColumnEdit"),
+          visible: l.value,
+          "onUpdate:visible": t[1] || (t[1] = (a) => l.value = a),
+          "show-close": !0,
+          dialogClass: "drag-dialog",
+          "append-to-body": "",
+          "close-on-click-modal": !1,
+          "close-on-press-escape": !1,
+          width: "1250px"
+        }, {
+          footerRight: n(() => [
+            o(d, {
+              size: "default",
+              onClick: g
+            }, {
+              default: n(() => [
+                f(w(i(s)("designer.hint.closePreview")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          default: n(() => [
+            o(B, {
+              data: e.value,
+              "onUpdate:data": t[0] || (t[0] = (a) => e.value = a)
+            }, null, 8, ["data"])
+          ]),
+          _: 1
+        }, 8, ["title", "visible"])
+      ], 64);
+    };
+  }
+});
+export {
+  U as default
+};
+//# sourceMappingURL=button-list-editor.vue2.js.map

package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-list-editor.vue2.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/button-list-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.buttonList')\">\n        <a-button @click=\"handleConfigBtn\">按钮配置</a-button>\n    </a-form-item>\n    <TpfModal\n        :title=\"i18nt('designer.setting.buttonsColumnEdit')\"\n        v-model:visible=\"btnListConfigDialogVisible\"\n        :show-close=\"true\"\n        dialogClass=\"drag-dialog\"\n        append-to-body\n        :close-on-click-modal=\"false\"\n        :close-on-press-escape=\"false\"\n        width=\"1250px\"\n    >\n        <ActionButtonListDialog v-model:data=\"buttonList\" />\n        <template #footerRight>\n            <a-button size=\"default\" @click=\"handleCloseDialog\">\n                {{ i18nt('designer.hint.closePreview') }}\n            </a-button>\n        </template>\n    </TpfModal>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ref, watch } from 'vue';\n    import { useI18n } from '@/utils/i18n';\n    import { cloneDeep } from 'lodash-es';\n    import ActionButtonListDialog from '@/components/public/ActionButtonListDialog.vue';\n    import { TpfModal } from 'tmgc2-share';\n\n    defineOptions({\n        name: 'button-list-editor'\n    });\n\n    const { i18nt } = useI18n();\n\n    // 定义Props接口\n    interface Props {\n        designer: any;\n        selectedWidget: any;\n        optionModel: any;\n    }\n\n    // 定义按钮接口\n    interface ButtonItem {\n        key: string;\n        label: string;\n        type: string;\n        danger: boolean;\n        icon: string;\n        onHidden: string;\n        onDisabled: string;\n        onClick: string;\n        [key: string]: any; // 允许其他属性\n    }\n\n    const props = defineProps<Props>();\n\n    // 响应式数据\n    const buttonList = ref<ButtonItem[]>([]);\n    const btnListConfigDialogVisible = ref(false);\n\n    // 监听buttonList变化\n    watch(buttonList, () => {\n        props.optionModel.buttonList = buttonList.value;\n    });\n\n    const handleConfigBtn = () => {\n        buttonList.value = cloneDeep(props.optionModel.buttonList);\n        btnListConfigDialogVisible.value = true;\n    };\n\n    const handleCloseDialog = () => {\n        btnListConfigDialogVisible.value = false;\n    };\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["i18nt","useI18n","props","__props","buttonList","ref","btnListConfigDialogVisible","watch","handleConfigBtn","cloneDeep","handleCloseDialog","_createVNode","_component_a_form_item","_unref","_component_a_button","_cache","TpfModal","$event","ActionButtonListDialog"],"mappings":";;;;;;;;;;;;;;AAkCI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GAsBZC,IAAQC,GAGRC,IAAaC,EAAkB,EAAE,GACjCC,IAA6BD,EAAI,EAAK;AAG5C,IAAAE,EAAMH,GAAY,MAAM;AACpB,MAAAF,EAAM,YAAY,aAAaE,EAAW;AAAA,IAC9C,CAAC;AAED,UAAMI,IAAkB,MAAM;AAC1B,MAAAJ,EAAW,QAAQK,EAAUP,EAAM,YAAY,UAAU,GACzDI,EAA2B,QAAQ;AAAA,IACvC,GAEMI,IAAoB,MAAM;AAC5B,MAAAJ,EAA2B,QAAQ;AAAA,IACvC;;;;QAzEAK,EAEcC,GAAA;AAAA,UAFA,OAAOC,EAAAb,CAAA,EAAK,6BAAA;AAAA,QAAA;qBACtB,MAAkD;AAAA,YAAlDW,EAAkDG,GAAA,EAAvC,SAAON,KAAe;AAAA,yBAAE,MAAIO,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,kBAAJ,MAAI;AAAA,cAAA;;;;;;;QAE3CJ,EAgBWE,EAAAG,CAAA,GAAA;AAAA,UAfN,OAAOH,EAAAb,CAAA,EAAK,oCAAA;AAAA,UACL,SAASM,EAAA;AAAA,qDAAAA,EAA0B,QAAAW;AAAA,UAC1C,cAAY;AAAA,UACb,aAAY;AAAA,UACZ,kBAAA;AAAA,UACC,wBAAsB;AAAA,UACtB,yBAAuB;AAAA,UACxB,OAAM;AAAA,QAAA;UAGK,eACP,MAEW;AAAA,YAFXN,EAEWG,GAAA;AAAA,cAFD,MAAK;AAAA,cAAW,SAAOJ;AAAA,YAAA;yBAC7B,MAAyC;AAAA,oBAAtCG,EAAAb,CAAA,EAAK,4BAAA,CAAA,GAAA,CAAA;AAAA,cAAA;;;;qBAHhB,MAAoD;AAAA,YAApDW,EAAoDO,GAAA;AAAA,cAApB,MAAMd,EAAA;AAAA,sDAAAA,EAAU,QAAAa;AAAA,YAAA;;;;;;;;"}

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

@@ -0,0 +1,31 @@
+import s from "./button-position-editor.vue2.js";
+import { resolveComponent as n, createBlock as i, openBlock as a, withCtx as u, createVNode as d, createCommentVNode as m } from "vue";
+/* empty css                            */
+import f from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function _(o, t, c, v, b, P) {
+  const l = n("a-select"), p = n("a-input"), r = n("a-form-item");
+  return a(), i(r, {
+    label: o.i18nt("designer.setting.buttonPosition")
+  }, {
+    default: u(() => [
+      d(l, {
+        options: o.BUTTON_POSITION,
+        value: o.optionModel.buttonPosition,
+        "onUpdate:value": t[0] || (t[0] = (e) => o.optionModel.buttonPosition = e)
+      }, null, 8, ["options", "value"]),
+      o.optionModel.buttonPosition === o.ButtonPositionEnum.DIY ? (a(), i(p, {
+        key: 0,
+        class: "container-input",
+        placeholder: "请输入要渲染的目标",
+        value: o.optionModel.getContainer,
+        "onUpdate:value": t[1] || (t[1] = (e) => o.optionModel.getContainer = e)
+      }, null, 8, ["value"])) : m("", !0)
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const I = /* @__PURE__ */ f(s, [["render", _], ["__scopeId", "data-v-40a020d4"]]);
+export {
+  I as default
+};
+//# sourceMappingURL=button-position-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/button-position-editor.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-position-editor.vue.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/button-position-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.buttonPosition')\">\n        <a-select :options=\"BUTTON_POSITION\" v-model:value=\"optionModel.buttonPosition\" />\n        <a-input\n            class=\"container-input\"\n            placeholder=\"请输入要渲染的目标\"\n            v-if=\"optionModel.buttonPosition === ButtonPositionEnum.DIY\"\n            v-model:value=\"optionModel.getContainer\"\n        ></a-input>\n    </a-form-item>\n</template>\n\n<script lang=\"ts\">\n    import i18n from '@/utils/i18n';\n    import { BUTTON_POSITION, ButtonPositionEnum } from '@/constants';\n    import { defineComponent } from 'vue';\n    export default defineComponent({\n        name: 'button-position-editor',\n        mixins: [i18n],\n        props: {\n            optionModel: Object as any\n        },\n        setup(props) {\n            return { BUTTON_POSITION, ButtonPositionEnum };\n        }\n    });\n</script>\n\n<style scoped lang=\"less\">\n    .container-input {\n        margin-top: 5px;\n    }\n</style>\n"],"names":["_createBlock","_component_a_form_item","_ctx","_createVNode","_component_a_select","_cache","$event","_openBlock","_component_a_input","_createCommentVNode"],"mappings":";;;;;;cACIA,EAQcC,GAAA;AAAA,IARA,OAAOC,EAAA,MAAK,iCAAA;AAAA,EAAA,GAAA;AAAA,eACtB,MAAkF;AAAA,MAAlFC,EAAkFC,GAAA;AAAA,QAAvE,SAASF,EAAA;AAAA,QAAyB,OAAOA,EAAA,YAAY;AAAA,QAAA,kBAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAZJ,cAAY,iBAAcI;AAAA,MAAA,GAAA,MAAA,GAAA,CAAA,WAAA,OAAA,CAAA;AAAA,MAIpEJ,EAAA,YAAY,mBAAmBA,EAAA,mBAAmB,OAAAK,EAAA,GAH5DP,EAKWQ,GAAA;AAAA,QAAA,KAAA;AAAA,QAJP,OAAM;AAAA,QACN,aAAY;AAAA,QAEJ,OAAON,EAAA,YAAY;AAAA,QAAA,kBAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAZJ,cAAY,eAAYI;AAAA,MAAA,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,KAAAG,EAAA,IAAA,EAAA;AAAA;;;;;"}

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

@@ -0,0 +1,17 @@
+import o from "../../../../utils/i18n.js";
+import { ButtonPositionEnum as t, BUTTON_POSITION as n } from "../../../../constants/index.js";
+import { defineComponent as i } from "vue";
+const s = i({
+  name: "button-position-editor",
+  mixins: [o],
+  props: {
+    optionModel: Object
+  },
+  setup(p) {
+    return { BUTTON_POSITION: n, ButtonPositionEnum: t };
+  }
+});
+export {
+  s as default
+};
+//# sourceMappingURL=button-position-editor.vue2.js.map

package/src/components/form-designer/setting-panel/property-editor/button-position-editor.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-position-editor.vue2.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/button-position-editor.vue"],"sourcesContent":["<template>\n    <a-form-item :label=\"i18nt('designer.setting.buttonPosition')\">\n        <a-select :options=\"BUTTON_POSITION\" v-model:value=\"optionModel.buttonPosition\" />\n        <a-input\n            class=\"container-input\"\n            placeholder=\"请输入要渲染的目标\"\n            v-if=\"optionModel.buttonPosition === ButtonPositionEnum.DIY\"\n            v-model:value=\"optionModel.getContainer\"\n        ></a-input>\n    </a-form-item>\n</template>\n\n<script lang=\"ts\">\n    import i18n from '@/utils/i18n';\n    import { BUTTON_POSITION, ButtonPositionEnum } from '@/constants';\n    import { defineComponent } from 'vue';\n    export default defineComponent({\n        name: 'button-position-editor',\n        mixins: [i18n],\n        props: {\n            optionModel: Object as any\n        },\n        setup(props) {\n            return { BUTTON_POSITION, ButtonPositionEnum };\n        }\n    });\n</script>\n\n<style scoped lang=\"less\">\n    .container-input {\n        margin-top: 5px;\n    }\n</style>\n"],"names":["_sfc_main","defineComponent","i18n","props","BUTTON_POSITION","ButtonPositionEnum"],"mappings":";;;AAgBI,MAAAA,IAAeC,EAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,QAAQ,CAACC,CAAI;AAAA,EACb,OAAO;AAAA,IACH,aAAa;AAAA,EAAA;AAAA,EAEjB,MAAMC,GAAO;AACT,WAAO,EAAE,iBAAAC,GAAiB,oBAAAC,EAAA;AAAA,EAC9B;AACJ,CAAC;"}