super-page-designer 0.0.2-tmp9 → 1.0.2

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

@@ -0,0 +1,207 @@
+"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-subtitle",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    },
+    chartType: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    const fontSizes = ["8", "10", "12", "14", "16", "18", "20", "24", "28"];
+    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_option = vue.resolveComponent("el-option");
+      const _component_el_select = vue.resolveComponent("el-select");
+      const _component_el_radio_button = vue.resolveComponent("el-radio-button");
+      const _component_el_radio_group = vue.resolveComponent("el-radio-group");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_col = vue.resolveComponent("el-col");
+      const _component_el_text = vue.resolveComponent("el-text");
+      const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      return vue.openBlock(), vue.createBlock(_component_el_collapse_item, {
+        title: "副标题",
+        name: "subtitleFont",
+        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.subtitleColor,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.style.subtitleColor = $event)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_form_item, {
+              label: "字号",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_select, {
+                  modelValue: __props.configure.style.subtitleFontSize,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.style.subtitleFontSize = $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_select, {
+                  modelValue: __props.configure.style.subtitleFontWeight,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.style.subtitleFontWeight = $event),
+                  placeholder: "默认",
+                  clearable: ""
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_option, {
+                      label: "normal",
+                      value: "normal"
+                    }),
+                    vue.createVNode(_component_el_option, {
+                      label: "bold",
+                      value: "bold"
+                    }),
+                    vue.createVNode(_component_el_option, {
+                      label: "bolder",
+                      value: "bolder"
+                    }),
+                    vue.createVNode(_component_el_option, {
+                      label: "lighter",
+                      value: "lighter"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "左右对齐",
+              style: { "margin-top": "24px", "margin-bottom": "-15px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_radio_group, {
+                  modelValue: __props.configure.style.subtitleTextAlign,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.configure.style.subtitleTextAlign = $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.chartType != "seriesChart"]
+            ]),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "位置",
+              style: { "margin-top": "24px", "margin-bottom": "-15px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_col, { span: 12 }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_form_item, {
+                      "label-width": "40",
+                      label: "left"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_input, {
+                          style: { "width": "40px" },
+                          modelValue: __props.configure.style.subtitleLeft,
+                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.configure.style.subtitleLeft = $event),
+                          placeholder: ""
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_col, { span: 12 }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_form_item, {
+                      "label-width": "40",
+                      label: "top"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_input, {
+                          style: { "width": "40px" },
+                          modelValue: __props.configure.style.subtitleTop,
+                          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => __props.configure.style.subtitleTop = $event),
+                          placeholder: ""
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_text, {
+                  type: "success",
+                  size: "small",
+                  style: { "line-height": "15px", "margin-top": "4px" }
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode("值可以是像 20 这样的具体像素值，可以是像 '20%' 这样相对于容器高宽的百分比")
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.chartType == "seriesChart"]
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

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

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

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

@@ -0,0 +1,141 @@
+"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-title",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    },
+    chartType: Object
+  },
+  setup(__props) {
+    const fontSizes = ["8", "10", "12", "14", "16", "18", "20", "24", "28"];
+    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_option = vue.resolveComponent("el-option");
+      const _component_el_select = vue.resolveComponent("el-select");
+      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: "titleFont",
+        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.titleColor,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.style.titleColor = $event)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_form_item, {
+              label: "字号",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_select, {
+                  modelValue: __props.configure.style.titleFontSize,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.style.titleFontSize = $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_select, {
+                  modelValue: __props.configure.style.titleFontWeight,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.style.titleFontWeight = $event),
+                  placeholder: "默认",
+                  clearable: ""
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_option, {
+                      label: "normal",
+                      value: "normal"
+                    }),
+                    vue.createVNode(_component_el_option, {
+                      label: "bold",
+                      value: "bold"
+                    }),
+                    vue.createVNode(_component_el_option, {
+                      label: "bolder",
+                      value: "bolder"
+                    }),
+                    vue.createVNode(_component_el_option, {
+                      label: "lighter",
+                      value: "lighter"
+                    })
+                  ]),
+                  _: 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_radio_group, {
+                  modelValue: __props.configure.style.titleTextAlign,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.configure.style.titleTextAlign = $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/chart/common/common-style-font-title.vue2.js

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

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

@@ -0,0 +1,203 @@
+"use strict";
+const vue = require("vue");
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "common-style-grid",
+  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_switch = vue.resolveComponent("el-switch");
+      const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      return vue.openBlock(), vue.createBlock(_component_el_collapse_item, {
+        title: "网格",
+        name: "styleGrid",
+        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.gridBackgroundColor,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.style.gridBackgroundColor = $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.gridPaddingTop,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.style.gridPaddingTop = $event),
+                  min: 0,
+                  max: 100
+                }, 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.gridPaddingRight,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.style.gridPaddingRight = $event),
+                  min: 0,
+                  max: 100
+                }, 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.gridPaddingBottom,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.configure.style.gridPaddingBottom = $event),
+                  min: 0,
+                  max: 100
+                }, 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.gridPaddingLeft,
+                  "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.configure.style.gridPaddingLeft = $event),
+                  min: 0,
+                  max: 100
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_form_item, {
+              label: "显示边框",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_switch, {
+                  modelValue: __props.configure.style.enableGridLine,
+                  "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => __props.configure.style.enableGridLine = $event)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "边框颜色",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_color_picker, {
+                  modelValue: __props.configure.style.gridLineColor,
+                  "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => __props.configure.style.gridLineColor = $event)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.configure.style.enableGridLine]
+            ]),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "边框线宽",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_input_number, {
+                  modelValue: __props.configure.style.gridLineWidth,
+                  "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => __props.configure.style.gridLineWidth = $event),
+                  min: 0,
+                  max: 40
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.configure.style.enableGridLine]
+            ]),
+            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.gridShadowColor,
+                  "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => __props.configure.style.gridShadowColor = $event)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "阴影模糊",
+              style: { "margin-top": "15px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_input_number, {
+                  modelValue: __props.configure.style.gridShadowBlur,
+                  "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => __props.configure.style.gridShadowBlur = $event),
+                  min: 0,
+                  max: 20
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.configure.style.gridShadowColor]
+            ]),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "水平偏移",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_input_number, {
+                  modelValue: __props.configure.style.gridShadowX,
+                  "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => __props.configure.style.gridShadowX = $event),
+                  min: 0,
+                  max: 40
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.configure.style.gridShadowColor]
+            ]),
+            vue.withDirectives(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.gridShadowY,
+                  "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => __props.configure.style.gridShadowY = $event),
+                  min: 0,
+                  max: 40
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.configure.style.gridShadowColor]
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

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

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