@kp-ui/lowcode 1.0.89 → 1.0.90

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

@@ -0,0 +1 @@
+{"version":3,"file":"actionColumnPosition-editor.vue.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/actionColumnPosition-editor.vue"],"sourcesContent":["<template>\n  <a-form-item :label=\"i18nt('designer.setting.actionColumnPosition')\">\n    <a-radio-group v-model:value=\"optionModel.actionColumnPosition\" class=\"radio-group-custom\">\n      <a-radio-button value=\"left\"> {{ i18nt('designer.setting.leftAlign') }}</a-radio-button>\n      <a-radio-button value=\"right\"> {{ i18nt('designer.setting.rightAlign') }}</a-radio-button>\n    </a-radio-group>\n  </a-form-item>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'actionColumnPosition-editor',\n    mixins: [i18n],\n    props: {\n      designer: Object,\n      selectedWidget: Object,\n      optionModel: Object\n    },\n    computed: {\n      noLabelSetting() {\n        return (\n          this.selectedWidget.type === 'static-text' || this.selectedWidget.type === 'html-text'\n        );\n        //|| (this.selectedWidget.type === 'divider')\n      }\n    }\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  .radio-group-custom {\n    // :deep(.el-radio-button__inner) {\n    //   padding-left: 12px;\n    //   padding-right: 12px;\n    // }\n  }\n</style>\n"],"names":["_createBlock","_createVNode"],"mappings":";;;;AAYE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA;EAEf,UAAU;AAAA,IACR,iBAAiB;AACf,aACE,KAAK,eAAe,SAAS,iBAAiB,KAAK,eAAe,SAAS;AAAA,IAG/E;AAAA,EACF;;;;;;sBA1BFA,YAKc,wBAAA;AAAA,IALA,OAAO,KAAA,MAAK,uCAAA;AAAA;qBACxB,MAGgB;AAAA,MAHhBC,YAGgB,0BAAA;AAAA,QAHO,OAAO,OAAA,YAAY;AAAA,QAAZ,kBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,uBAAoB;AAAA,QAAE,OAAM;AAAA;yBACpE,MAAwF;AAAA,UAAxFA,YAAwF,2BAAA,EAAxE,OAAM,OAAM,GAAA;AAAA,6BAAE,MAAyC;AAAA,8CAAtC,KAAA,MAAK,4BAAA,CAAA,GAAA,CAAA;AAAA;;;UACtCA,YAA0F,2BAAA,EAA1E,OAAM,QAAO,GAAA;AAAA,6BAAE,MAA0C;AAAA,8CAAvC,KAAA,MAAK,6BAAA,CAAA,GAAA,CAAA;AAAA;;;;;;;;;;;"}

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

@@ -1 +1,2 @@
 
+//# sourceMappingURL=actionColumnPosition-editor.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"actionColumnPosition-editor.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -30,3 +30,4 @@ const addonAfterEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc
 export {
   addonAfterEditor as default
 };
+//# sourceMappingURL=addonAfter-editor.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"addonAfter-editor.vue.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/addonAfter-editor.vue"],"sourcesContent":["<template>\n  <a-form-item :label=\"i18nt('designer.setting.addonAfter')\">\n    <a-input type=\"text\" v-model:value=\"optionModel.addonAfter\" />\n  </a-form-item>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'addonAfter-editor',\n    mixins: [i18n],\n    props: {\n      designer: Object,\n      selectedWidget: Object,\n      optionModel: Object\n    }\n  };\n</script>\n"],"names":["_createBlock","_createVNode"],"mappings":";;;AASE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf;;;;;sBAfFA,YAEc,wBAAA;AAAA,IAFA,OAAO,KAAA,MAAK,6BAAA;AAAA;qBACxB,MAA8D;AAAA,MAA9DC,YAA8D,oBAAA;AAAA,QAArD,MAAK;AAAA,QAAe,OAAO,OAAA,YAAY;AAAA,QAAZ,kBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,aAAU;AAAA;;;;;;"}

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

@@ -30,3 +30,4 @@ const addonBeforeEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sf
 export {
   addonBeforeEditor as default
 };
+//# sourceMappingURL=addonBefore-editor.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"addonBefore-editor.vue.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/addonBefore-editor.vue"],"sourcesContent":["<template>\n  <a-form-item :label=\"i18nt('designer.setting.addonBefore')\">\n    <a-input type=\"text\" v-model:value=\"optionModel.addonBefore\" />\n  </a-form-item>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'addonBefore-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":["_createBlock","_createVNode"],"mappings":";;;AASE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf;;;;;sBAfFA,YAEc,wBAAA;AAAA,IAFA,OAAO,KAAA,MAAK,8BAAA;AAAA;qBACxB,MAA+D;AAAA,MAA/DC,YAA+D,oBAAA;AAAA,QAAtD,MAAK;AAAA,QAAe,OAAO,OAAA,YAAY;AAAA,QAAZ,kBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,cAAW;AAAA;;;;;;"}

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

@@ -29,3 +29,4 @@ const allowClearEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc
 export {
   allowClearEditor as default
 };
+//# sourceMappingURL=allowClear-editor.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"allowClear-editor.vue.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/allowClear-editor.vue"],"sourcesContent":["<template>\n  <a-form-item :label=\"i18nt('designer.setting.allowClear')\">\n    <a-switch v-model:checked=\"optionModel.allowClear\" />\n  </a-form-item>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'allowClear-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":["_createBlock","_createVNode"],"mappings":";;;AASE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf;;;;;sBAfFA,YAEc,wBAAA;AAAA,IAFA,OAAO,KAAA,MAAK,6BAAA;AAAA;qBACxB,MAAqD;AAAA,MAArDC,YAAqD,qBAAA;AAAA,QAAnC,SAAS,OAAA,YAAY;AAAA,QAAZ,oBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,aAAU;AAAA;;;;;;"}

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

@@ -43,3 +43,4 @@ const appendButtonEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _s
 export {
   appendButtonEditor as default
 };
+//# sourceMappingURL=appendButton-editor.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"appendButton-editor.vue.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/appendButton-editor.vue"],"sourcesContent":["<template>\n  <div>\n    <a-form-item label-width=\"0\">\n      <a-divider class=\"custom-divider\">{{ i18nt('designer.setting.inputButton') }}</a-divider>\n    </a-form-item>\n    <a-form-item :label=\"i18nt('designer.setting.appendButton')\">\n      <a-switch v-model:checked=\"optionModel.appendButton\" />\n    </a-form-item>\n  </div>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'appendButton-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":["_createElementBlock","_createVNode"],"mappings":";;;AAcE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf;;;;;;sBApBFA,mBAOM,OAAA,MAAA;AAAA,IANJC,YAEc,wBAAA,EAFD,eAAY,IAAG,GAAA;AAAA,uBAC1B,MAAyF;AAAA,QAAzFA,YAAyF,sBAAA,EAA9E,OAAM,iBAAgB,GAAA;AAAA,2BAAC,MAA2C;AAAA,4CAAxC,KAAA,MAAK,8BAAA,CAAA,GAAA,CAAA;AAAA;;;;;;IAE5CA,YAEc,wBAAA;AAAA,MAFA,OAAO,KAAA,MAAK,+BAAA;AAAA;uBACxB,MAAuD;AAAA,QAAvDA,YAAuD,qBAAA;AAAA,UAArC,SAAS,OAAA,YAAY;AAAA,UAAZ,oBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,eAAY;AAAA;;;;;;;"}

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

@@ -29,3 +29,4 @@ const appendButtonDisabledEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["ren
 export {
   appendButtonDisabledEditor as default
 };
+//# sourceMappingURL=appendButtonDisabled-editor.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"appendButtonDisabled-editor.vue.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/appendButtonDisabled-editor.vue"],"sourcesContent":["<template>\n  <a-form-item :label=\"i18nt('designer.setting.appendButtonDisabled')\">\n    <a-switch v-model:checked=\"optionModel.appendButtonDisabled\" />\n  </a-form-item>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'appendButtonDisabled-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":["_createBlock","_createVNode"],"mappings":";;;AASE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf;;;;;sBAfFA,YAEc,wBAAA;AAAA,IAFA,OAAO,KAAA,MAAK,uCAAA;AAAA;qBACxB,MAA+D;AAAA,MAA/DC,YAA+D,qBAAA;AAAA,QAA7C,SAAS,OAAA,YAAY;AAAA,QAAZ,oBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,uBAAoB;AAAA;;;;;;"}

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

@@ -29,3 +29,4 @@ const autoFullWidthEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _
 export {
   autoFullWidthEditor as default
 };
+//# sourceMappingURL=autoFullWidth-editor.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"autoFullWidth-editor.vue.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/autoFullWidth-editor.vue"],"sourcesContent":["<template>\n  <a-form-item :label=\"i18nt('designer.setting.autoFullWidth')\">\n    <a-switch v-model:checked=\"optionModel.autoFullWidth\" />\n  </a-form-item>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'autoFullWidth-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":["_createBlock","_createVNode"],"mappings":";;;AASE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf;;;;;sBAfFA,YAEc,wBAAA;AAAA,IAFA,OAAO,KAAA,MAAK,gCAAA;AAAA;qBACxB,MAAwD;AAAA,MAAxDC,YAAwD,qBAAA;AAAA,QAAtC,SAAS,OAAA,YAAY;AAAA,QAAZ,oBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,gBAAa;AAAA;;;;;;"}

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

@@ -29,3 +29,4 @@ const borderEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_ren
 export {
   borderEditor 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":["_createBlock","_createVNode"],"mappings":";;;AASE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf;;;;;sBAfFA,YAEc,wBAAA;AAAA,IAFA,OAAO,KAAA,MAAK,yBAAA;AAAA;qBACxB,MAAiD;AAAA,MAAjDC,YAAiD,qBAAA;AAAA,QAA/B,SAAS,OAAA,YAAY;AAAA,QAAZ,oBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAA,OAAA,YAAY,SAAM;AAAA;;;;;;"}

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

@@ -0,0 +1,422 @@
+import i18n from "../../../../utils/i18n.js";
+import propertyMixin from "./propertyMixin.js";
+import { resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, createTextVNode, createCommentVNode, Fragment } from "vue";
+/* empty css                     */
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "boxModel-editor",
+  mixins: [i18n, propertyMixin],
+  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;
+      }
+    }
+  },
+  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)";
+  }
+};
+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("盒模型配置")
+      ])),
+      _: 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,
+                  min: 0,
+                  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,
+                  min: 0,
+                  style: { "width": "100%" },
+                  "addon-after": "px"
+                }, null, 8, ["value", "onInput"])
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }),
+      createVNode(_component_a_row, {
+        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,
+                  min: 0,
+                  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,
+                  min: 0,
+                  style: { "width": "100%" },
+                  "addon-after": "px"
+                }, null, 8, ["value", "onInput"])
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 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,
+                  min: 0,
+                  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,
+                  min: 0,
+                  style: { "width": "100%" },
+                  "addon-after": "px"
+                }, null, 8, ["value", "onInput"])
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }),
+      createVNode(_component_a_row, {
+        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,
+                  min: 0,
+                  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,
+                  min: 0,
+                  style: { "width": "100%" },
+                  "addon-after": "px"
+                }, null, 8, ["value", "onInput"])
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 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)
+        }, 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)
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_a_select_option, { value: "solid" }, {
+                default: withCtx(() => _cache[32] || (_cache[32] = [
+                  createTextVNode("实线")
+                ])),
+                _: 1,
+                __: [32]
+              }),
+              createVNode(_component_a_select_option, { value: "dashed" }, {
+                default: withCtx(() => _cache[33] || (_cache[33] = [
+                  createTextVNode("虚线")
+                ])),
+                _: 1,
+                __: [33]
+              }),
+              createVNode(_component_a_select_option, { value: "dotted" }, {
+                default: withCtx(() => _cache[34] || (_cache[34] = [
+                  createTextVNode("点线")
+                ])),
+                _: 1,
+                __: [34]
+              }),
+              createVNode(_component_a_select_option, { value: "double" }, {
+                default: withCtx(() => _cache[35] || (_cache[35] = [
+                  createTextVNode("双线")
+                ])),
+                _: 1,
+                __: [35]
+              })
+            ]),
+            _: 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,
+            min: 0,
+            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),
+            type: "color",
+            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,
+          min: 0,
+          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),
+          type: "color",
+          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)
+        }, 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,
+            min: -100,
+            max: 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,
+            min: -100,
+            max: 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,
+            min: 0,
+            max: 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,
+            min: -100,
+            max: 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),
+            type: "color",
+            style: { "width": "100%" }
+          }, null, 8, ["value"])
+        ])
+      ], 64)) : createCommentVNode("", true)
+    ])
+  ]);
+}
+const boxModelEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-96fafe19"]]);
+export {
+  boxModelEditor 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":["_openBlock","_createElementBlock","_createVNode","_createElementVNode","_Fragment"],"mappings":"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"}

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

@@ -2,3 +2,4 @@ import _sfc_main from "./button-list-editor.vue2.js";
 export {
   _sfc_main 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

@@ -94,3 +94,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   _sfc_main 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    <CodeModalEditor\n        v-model=\"currentEditBtn[currentEditEventName]\"\n        ref=\"CodeModalEditorRef\"\n        :event-header=\"`${currentEditBtn.label}.${currentEditEventName}(){`\"\n    />\n</template>\n\n<script lang=\"ts\" setup>\n    import { ref, watch } from 'vue';\n    import { useI18n } from '@/utils/i18n';\n    import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\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 CodeModalEditorRef = ref<InstanceType<typeof CodeModalEditor> | null>(null);\n\n    // 响应式数据\n    const buttonList = ref<ButtonItem[]>([]);\n    const currentEditEventName = ref('');\n    const currentEditBtn = ref<ButtonItem>({} as 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":["_createVNode","_unref","CodeModalEditor"],"mappings":";;;;;;;;;;;;;;;;;AAwCI,UAAM,EAAE,MAAA,IAAU,QAAA;AAsBlB,UAAM,QAAQ;AAGd,UAAM,qBAAqB,IAAiD,IAAI;AAGhF,UAAM,aAAa,IAAkB,EAAE;AACvC,UAAM,uBAAuB,IAAI,EAAE;AACnC,UAAM,iBAAiB,IAAgB,EAAgB;AACvD,UAAM,6BAA6B,IAAI,KAAK;AAG5C,UAAM,YAAY,MAAM;AACpB,YAAM,YAAY,aAAa,WAAW;AAAA,IAAA,CAC7C;AAED,UAAM,kBAAkB,MAAM;AAC1B,iBAAW,QAAQ,UAAU,MAAM,YAAY,UAAU;AACzD,iCAA2B,QAAQ;AAAA,IAAA;AAGvC,UAAM,oBAAoB,MAAM;AAC5B,iCAA2B,QAAQ;AAAA,IAAA;;;;;QAnFvCA,YAEc,wBAAA;AAAA,UAFA,OAAOC,MAAA,KAAA,EAAK,6BAAA;AAAA,QAAA;2BACtB,MAAkD;AAAA,YAAlDD,YAAkD,qBAAA,EAAvC,SAAO,mBAAe;AAAA,+BAAE,MAAI,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,gCAAJ,MAAI;AAAA,cAAA;;;;;;;QAE3CA,YAgBWC,MAAA,QAAA,GAAA;AAAA,UAfN,OAAOA,MAAA,KAAA,EAAK,oCAAA;AAAA,UACL,SAAS,2BAAA;AAAA,oEAAA,2BAA0B,QAAA;AAAA,UAC1C,cAAY;AAAA,UACb,aAAY;AAAA,UACZ,kBAAA;AAAA,UACC,wBAAsB;AAAA,UACtB,yBAAuB;AAAA,UACxB,OAAM;AAAA,QAAA;UAGK,qBACP,MAEW;AAAA,YAFXD,YAEW,qBAAA;AAAA,cAFD,MAAK;AAAA,cAAW,SAAO;AAAA,YAAA;+BAC7B,MAAyC;AAAA,gDAAtCC,MAAA,KAAA,EAAK,4BAAA,CAAA,GAAA,CAAA;AAAA,cAAA;;;;2BAHhB,MAAoD;AAAA,YAApDD,YAAoD,wBAAA;AAAA,cAApB,MAAM,WAAA;AAAA,qEAAA,WAAU,QAAA;AAAA,YAAA;;;;QAOpDA,YAIEE,aAAA;AAAA,UAHW,YAAA,eAAA,MAAe,qBAAA,KAAoB;AAAA,UAAnC,uBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAA,eAAA,MAAe,qBAAA,KAAoB,IAAA;AAAA,mBACxC;AAAA,UAAJ,KAAI;AAAA,UACH,gBAAY,GAAK,eAAA,MAAe,KAAK,IAAI,qBAAA,KAAoB;AAAA,QAAA;;;;;"}

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

@@ -30,3 +30,4 @@ const buttonPositionEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render",
 export {
   buttonPositionEditor 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","_createVNode","_openBlock","_createCommentVNode"],"mappings":";;;;;;;;sBACIA,YAQc,wBAAA;AAAA,IARA,OAAO,KAAA,MAAK,iCAAA;AAAA,EAAA,GAAA;AAAA,qBACtB,MAAkF;AAAA,MAAlFC,YAAkF,qBAAA;AAAA,QAAvE,SAAS,KAAA;AAAA,QAAyB,OAAO,KAAA,YAAY;AAAA,QAAA,kBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAZ,iBAAY,iBAAc;AAAA,MAAA,GAAA,MAAA,GAAA,CAAA,WAAA,OAAA,CAAA;AAAA,MAIpE,KAAA,YAAY,mBAAmB,KAAA,mBAAmB,OAAAC,UAAA,GAH5DF,YAKW,oBAAA;AAAA,QAAA,KAAA;AAAA,QAJP,OAAM;AAAA,QACN,aAAY;AAAA,QAEJ,OAAO,KAAA,YAAY;AAAA,QAAA,kBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAZ,iBAAY,eAAY;AAAA,MAAA,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,KAAAG,mBAAA,IAAA,IAAA;AAAA;;;;;"}

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

@@ -14,3 +14,4 @@ const _sfc_main = defineComponent({
 export {
   _sfc_main as default
 };
+//# sourceMappingURL=button-position-editor.vue2.js.map