super-page-designer 0.0.2-tmp8 → 1.0.1

package/dist/lib/components/design/views/assemblys/common/common-style-background.vue.js

@@ -0,0 +1,85 @@
+"use strict";
+const vue = require("vue");
+const iconsVue = require("@element-plus/icons-vue");
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _hoisted_2 = ["src"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "common-style-background",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    function beforeAvatarUpload() {
+    }
+    const handleAvatarSuccess = (response, uploadFile) => {
+      props.configure.style.backgroundImage = URL.createObjectURL(uploadFile.raw);
+    };
+    return (_ctx, _cache) => {
+      const _component_el_color_picker = vue.resolveComponent("el-color-picker");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      const _component_el_upload = vue.resolveComponent("el-upload");
+      const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      return vue.openBlock(), vue.createBlock(_component_el_collapse_item, {
+        title: "背景",
+        name: "styleBackground",
+        class: "amb-design-attr-group-header"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(_component_el_form_item, {
+              label: "颜色",
+              style: { "margin-top": "4px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_color_picker, {
+                  modelValue: __props.configure.style.backgroundColor,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.style.backgroundColor = $event)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_form_item, {
+              label: "图片",
+              style: { "margin-top": "-10px", "margin-bottom": "-15px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_upload, {
+                  class: "avatar-uploader",
+                  action: "https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15",
+                  "show-file-list": false,
+                  "on-success": handleAvatarSuccess,
+                  "before-upload": beforeAvatarUpload
+                }, {
+                  default: vue.withCtx(() => [
+                    __props.configure.style.backgroundImage ? (vue.openBlock(), vue.createElementBlock("img", {
+                      key: 0,
+                      src: __props.configure.style.backgroundImage,
+                      class: "avatar"
+                    }, null, 8, _hoisted_2)) : (vue.openBlock(), vue.createBlock(_component_el_icon, {
+                      key: 1,
+                      class: "avatar-uploader-icon"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(iconsVue.Plus))
+                      ]),
+                      _: 1
+                    }))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/common/common-style-background.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const commonStyleBackground_vue_vue_type_script_setup_true_lang = require("./common-style-background.vue.js");
+module.exports = commonStyleBackground_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/common/common-style-border.vue.js

@@ -0,0 +1,109 @@
+"use strict";
+const vue = require("vue");
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "common-style-border",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_el_color_picker = vue.resolveComponent("el-color-picker");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_input_number = vue.resolveComponent("el-input-number");
+      const _component_el_radio_button = vue.resolveComponent("el-radio-button");
+      const _component_el_radio_group = vue.resolveComponent("el-radio-group");
+      const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      return vue.openBlock(), vue.createBlock(_component_el_collapse_item, {
+        title: "边框",
+        name: "styleBorder",
+        class: "amb-design-attr-group-header"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(_component_el_form_item, {
+              label: "颜色",
+              class: "amb-design-attr-item",
+              style: { "margin-top": "4px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_color_picker, {
+                  modelValue: __props.configure.style.borderColor,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.style.borderColor = $event)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_form_item, {
+              label: "线宽",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_input_number, {
+                  modelValue: __props.configure.style.borderWidth,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.style.borderWidth = $event),
+                  min: 0,
+                  max: 40
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_form_item, {
+              label: "线型",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_radio_group, {
+                  modelValue: __props.configure.style.borderType,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.style.borderType = $event)
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_radio_button, { value: "solid" }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("实线")
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_radio_button, { value: "dotted" }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("点线")
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_radio_button, { value: "dashed" }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("虚线")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_form_item, {
+              label: "圆角",
+              style: { "margin-top": "-10px", "margin-bottom": "-15px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_input_number, {
+                  modelValue: __props.configure.style.radius,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.configure.style.radius = $event),
+                  min: 0,
+                  max: 40
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/common/common-style-border.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const commonStyleBorder_vue_vue_type_script_setup_true_lang = require("./common-style-border.vue.js");
+module.exports = commonStyleBorder_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/common/common-style-custom.vue.js

@@ -0,0 +1,65 @@
+"use strict";
+const vue = require("vue");
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "common-style-custom",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_form = vue.resolveComponent("el-form");
+      const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      return vue.openBlock(), vue.createBlock(_component_el_collapse_item, {
+        title: "自定义",
+        name: "styleCustom",
+        class: "amb-design-attr-group-header"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(_component_el_form, { "label-position": "top" }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_form_item, {
+                  label: "  class(多个分号;隔开)",
+                  style: { "margin-top": "4px" }
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_input, {
+                      modelValue: __props.configure.style.customClass,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.style.customClass = $event),
+                      placeholder: ""
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_form_item, {
+                  label: "  style",
+                  style: { "margin-top": "-10px", "margin-bottom": "-15px" }
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_input, {
+                      modelValue: __props.configure.style.customStyle,
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.style.customStyle = $event),
+                      rows: 5,
+                      type: "textarea",
+                      placeholder: ""
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/common/common-style-custom.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const commonStyleCustom_vue_vue_type_script_setup_true_lang = require("./common-style-custom.vue.js");
+module.exports = commonStyleCustom_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/common/common-style-font-head.vue.js

@@ -0,0 +1,147 @@
+"use strict";
+const vue = require("vue");
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "common-style-font-head",
+  props: {
+    headerTextAlign: {
+      default: true
+    },
+    configure: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    const fontSizes = ["8px", "10px", "12px", "14px", "16px", "18px", "20px", "24px", "28px"];
+    return (_ctx, _cache) => {
+      const _component_el_switch = vue.resolveComponent("el-switch");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_col = vue.resolveComponent("el-col");
+      const _component_el_row = vue.resolveComponent("el-row");
+      const _component_el_option = vue.resolveComponent("el-option");
+      const _component_el_select = vue.resolveComponent("el-select");
+      const _component_el_color_picker = vue.resolveComponent("el-color-picker");
+      const _component_el_radio_button = vue.resolveComponent("el-radio-button");
+      const _component_el_radio_group = vue.resolveComponent("el-radio-group");
+      const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      return vue.openBlock(), vue.createBlock(_component_el_collapse_item, {
+        title: "标题",
+        name: "styleFontHead",
+        class: "amb-design-attr-group-header"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(_component_el_row, { style: { "margin-top": "4px" } }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_col, { span: 9 }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_form_item, { label: "加粗" }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_switch, {
+                          modelValue: __props.configure.style.headerFontWeight,
+                          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.style.headerFontWeight = $event)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_col, { span: 12 }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_form_item, { label: "倾斜" }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_switch, {
+                          modelValue: __props.configure.style.headerIncline,
+                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.style.headerIncline = $event)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_form_item, {
+              label: "字号",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_select, {
+                  modelValue: __props.configure.style.headerFontSize,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.style.headerFontSize = $event),
+                  placeholder: "默认",
+                  clearable: ""
+                }, {
+                  default: vue.withCtx(() => [
+                    (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(fontSizes, (item) => {
+                      return vue.createVNode(_component_el_option, {
+                        label: item,
+                        value: item
+                      }, null, 8, ["label", "value"]);
+                    }), 64))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_form_item, {
+              label: "颜色",
+              style: { "margin-top": "-10px", "margin-bottom": "-15px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_color_picker, {
+                  modelValue: __props.configure.style.headerColor,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.configure.style.headerColor = $event)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "左右对齐",
+              style: { "margin-top": "22px", "margin-bottom": "-15px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_radio_group, {
+                  modelValue: __props.configure.style.headerTextAlign,
+                  "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.configure.style.headerTextAlign = $event)
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_radio_button, { value: "left" }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("左")
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_radio_button, { value: "center" }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("中")
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_radio_button, { value: "right" }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("右")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.headerTextAlign]
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/common/common-style-font-head.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const commonStyleFontHead_vue_vue_type_script_setup_true_lang = require("./common-style-font-head.vue.js");
+module.exports = commonStyleFontHead_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/common/common-style-font.vue.js

@@ -0,0 +1,142 @@
+"use strict";
+const vue = require("vue");
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "common-style-font",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    const fontSizes = ["8px", "10px", "12px", "14px", "16px", "18px", "20px", "24px", "28px"];
+    return (_ctx, _cache) => {
+      const _component_el_switch = vue.resolveComponent("el-switch");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_col = vue.resolveComponent("el-col");
+      const _component_el_row = vue.resolveComponent("el-row");
+      const _component_el_option = vue.resolveComponent("el-option");
+      const _component_el_select = vue.resolveComponent("el-select");
+      const _component_el_color_picker = vue.resolveComponent("el-color-picker");
+      const _component_el_radio_button = vue.resolveComponent("el-radio-button");
+      const _component_el_radio_group = vue.resolveComponent("el-radio-group");
+      const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      return vue.openBlock(), vue.createBlock(_component_el_collapse_item, {
+        title: "字体",
+        name: "styleFont",
+        class: "amb-design-attr-group-header"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(_component_el_row, { style: { "margin-top": "4px" } }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_col, { span: 9 }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_form_item, { label: "加粗" }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_switch, {
+                          modelValue: __props.configure.style.fontWeight,
+                          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.style.fontWeight = $event)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_col, { span: 12 }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_form_item, { label: "倾斜" }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_switch, {
+                          modelValue: __props.configure.style.incline,
+                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.style.incline = $event)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_form_item, {
+              label: "字号",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_select, {
+                  modelValue: __props.configure.style.fontSize,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.style.fontSize = $event),
+                  placeholder: "默认",
+                  clearable: ""
+                }, {
+                  default: vue.withCtx(() => [
+                    (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(fontSizes, (item) => {
+                      return vue.createVNode(_component_el_option, {
+                        label: item,
+                        value: item
+                      }, null, 8, ["label", "value"]);
+                    }), 64))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_form_item, {
+              label: "颜色",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_color_picker, {
+                  modelValue: __props.configure.style.color,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.configure.style.color = $event)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_form_item, {
+              label: "左右对齐",
+              style: { "margin-top": "-10px", "margin-bottom": "-15px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_radio_group, {
+                  modelValue: __props.configure.style.textAlign,
+                  "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.configure.style.textAlign = $event)
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_radio_button, { value: "left" }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("左")
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_radio_button, { value: "center" }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("中")
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_radio_button, { value: "right" }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("右")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/common/common-style-font.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const commonStyleFont_vue_vue_type_script_setup_true_lang = require("./common-style-font.vue.js");
+module.exports = commonStyleFont_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/common/common-style-margin.vue.js

@@ -0,0 +1,87 @@
+"use strict";
+const vue = require("vue");
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "common-style-margin",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_el_input_number = vue.resolveComponent("el-input-number");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      return vue.openBlock(), vue.createBlock(_component_el_collapse_item, {
+        title: "Margin",
+        name: "styleMargin",
+        class: "amb-design-attr-group-header"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(_component_el_form_item, {
+              label: "上边距",
+              style: { "margin-top": "4px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_input_number, {
+                  modelValue: __props.configure.style.marginTop,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.style.marginTop = $event),
+                  min: 0,
+                  max: 40
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_form_item, {
+              label: "右边距",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_input_number, {
+                  modelValue: __props.configure.style.marginRight,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.style.marginRight = $event),
+                  min: 0,
+                  max: 40
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_form_item, {
+              label: "下边距",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_input_number, {
+                  modelValue: __props.configure.style.marginBottom,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.style.marginBottom = $event),
+                  min: 0,
+                  max: 40
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_form_item, {
+              label: "左边距",
+              style: { "margin-top": "-10px", "margin-bottom": "-15px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_input_number, {
+                  modelValue: __props.configure.style.marginLeft,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.configure.style.marginLeft = $event),
+                  min: 0,
+                  max: 40
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/common/common-style-margin.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const commonStyleMargin_vue_vue_type_script_setup_true_lang = require("./common-style-margin.vue.js");
+module.exports = commonStyleMargin_vue_vue_type_script_setup_true_lang;