super-page-designer 0.0.1-tmp1

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

@@ -0,0 +1,192 @@
+"use strict";
+const vue = require("vue");
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "common-style-legend",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_el_switch = vue.resolveComponent("el-switch");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_radio_button = vue.resolveComponent("el-radio-button");
+      const _component_el_radio_group = vue.resolveComponent("el-radio-group");
+      const _component_el_option = vue.resolveComponent("el-option");
+      const _component_el_select = vue.resolveComponent("el-select");
+      const _component_el_input_number = vue.resolveComponent("el-input-number");
+      const _component_el_input = vue.resolveComponent("el-input");
+      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: "styleLegend",
+        class: "amb-design-attr-group-header"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(_component_el_form_item, {
+              label: "是否显示",
+              style: { "margin-top": "0px", "margin-bottom": "-15px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_switch, {
+                  modelValue: __props.configure.style.enableLegend,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.style.enableLegend = $event)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "布局",
+              style: { "margin-top": "18px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_radio_group, {
+                  modelValue: __props.configure.style.legendLayout,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.style.legendLayout = $event)
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_radio_button, { value: "" }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("默认")
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_radio_button, { value: "horizontal" }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("水平")
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_radio_button, { value: "vertical" }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("垂直")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.configure.style.enableLegend]
+            ]),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "水平对齐",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_select, {
+                  modelValue: __props.configure.style.legendAlign,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.style.legendAlign = $event),
+                  placeholder: "默认",
+                  clearable: ""
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_option, {
+                      label: "靠左",
+                      value: "left"
+                    }),
+                    vue.createVNode(_component_el_option, {
+                      label: "居中",
+                      value: "center"
+                    }),
+                    vue.createVNode(_component_el_option, {
+                      label: "靠右",
+                      value: "right"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.configure.style.enableLegend]
+            ]),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "垂直对齐",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_select, {
+                  modelValue: __props.configure.style.legendVerticalAlign,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.configure.style.legendVerticalAlign = $event),
+                  placeholder: "默认",
+                  clearable: ""
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_option, {
+                      label: "顶部",
+                      value: "top"
+                    }),
+                    vue.createVNode(_component_el_option, {
+                      label: "居中",
+                      value: "middle"
+                    }),
+                    vue.createVNode(_component_el_option, {
+                      label: "底部",
+                      value: "bottom"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.configure.style.enableLegend]
+            ]),
+            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.legendPadding,
+                  "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.configure.style.legendPadding = $event),
+                  min: "0",
+                  max: "200"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.configure.style.enableLegend]
+            ]),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "内容定义",
+              style: { "margin-top": "-8px", "margin-bottom": "-15px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_input, {
+                  modelValue: __props.configure.style.customLegend,
+                  "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => __props.configure.style.customLegend = $event),
+                  rows: 3,
+                  type: "textarea",
+                  placeholder: ""
+                }, null, 8, ["modelValue"]),
+                vue.createVNode(_component_el_text, {
+                  type: "success",
+                  size: "small"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode("模板变量为图例名称{name}")
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.configure.style.enableLegend]
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

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

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

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

@@ -0,0 +1,364 @@
+"use strict";
+const vue = require("vue");
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "common-style-tooltip",
+  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_switch = vue.resolveComponent("el-switch");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_radio_button = vue.resolveComponent("el-radio-button");
+      const _component_el_radio_group = vue.resolveComponent("el-radio-group");
+      const _component_el_option = vue.resolveComponent("el-option");
+      const _component_el_select = vue.resolveComponent("el-select");
+      const _component_el_checkbox = vue.resolveComponent("el-checkbox");
+      const _component_el_col = vue.resolveComponent("el-col");
+      const _component_el_row = vue.resolveComponent("el-row");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_checkbox_group = vue.resolveComponent("el-checkbox-group");
+      const _component_el_color_picker = vue.resolveComponent("el-color-picker");
+      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: "styleTooltip",
+        class: "amb-design-attr-group-header"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(_component_el_form_item, {
+              label: "是否显示",
+              style: { "margin-top": "0px", "margin-bottom": "-15px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_switch, {
+                  modelValue: __props.configure.style.enableTooltip,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.style.enableTooltip = $event)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "触发类型",
+              style: { "margin-top": "18px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_radio_group, {
+                  modelValue: __props.configure.style.tooltipTrigger,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.style.tooltipTrigger = $event)
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_radio_button, { value: "" }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("默认")
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_radio_button, { value: "item" }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("item")
+                      ]),
+                      _: 1
+                    }),
+                    vue.withDirectives(vue.createVNode(_component_el_radio_button, { value: "axis" }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("axis")
+                      ]),
+                      _: 1
+                    }, 512), [
+                      [vue.vShow, __props.chartType != "radar"]
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.configure.style.enableTooltip]
+            ]),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "触发位置",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_select, {
+                  modelValue: __props.configure.style.tooltipPosition,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.style.tooltipPosition = $event),
+                  placeholder: "默认",
+                  clearable: ""
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_option, {
+                      label: "inside",
+                      value: "inside"
+                    }),
+                    vue.createVNode(_component_el_option, {
+                      label: "top",
+                      value: "top"
+                    }),
+                    vue.createVNode(_component_el_option, {
+                      label: "left",
+                      value: "left"
+                    }),
+                    vue.createVNode(_component_el_option, {
+                      label: "right",
+                      value: "right"
+                    }),
+                    vue.createVNode(_component_el_option, {
+                      label: "bottom",
+                      value: "bottom"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.configure.style.enableTooltip && __props.configure.style.tooltipTrigger == "item"]
+            ]),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "数据格式",
+              style: { "margin-top": "-15px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_checkbox_group, {
+                  modelValue: __props.configure.style.tooltipNumFormat,
+                  "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => __props.configure.style.tooltipNumFormat = $event)
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_row, null, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_col, { span: 14 }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_checkbox, {
+                              value: "precision",
+                              label: "小数位数",
+                              size: "large"
+                            })
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_col, { span: 8 }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_select, {
+                              style: { "width": "70px", "margin-top": "8px" },
+                              size: "small",
+                              modelValue: __props.configure.style.tooltipNumPrecision,
+                              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.configure.style.tooltipNumPrecision = $event),
+                              disabled: __props.configure.style.tooltipNumFormat && __props.configure.style.tooltipNumFormat.indexOf("precision") == -1,
+                              placeholder: "默认",
+                              clearable: ""
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(_component_el_option, {
+                                  label: "1",
+                                  value: "1"
+                                }),
+                                vue.createVNode(_component_el_option, {
+                                  label: "2",
+                                  value: "2"
+                                }),
+                                vue.createVNode(_component_el_option, {
+                                  label: "3",
+                                  value: "3"
+                                }),
+                                vue.createVNode(_component_el_option, {
+                                  label: "4",
+                                  value: "4"
+                                }),
+                                vue.createVNode(_component_el_option, {
+                                  label: "5",
+                                  value: "5"
+                                }),
+                                vue.createVNode(_component_el_option, {
+                                  label: "6",
+                                  value: "6"
+                                })
+                              ]),
+                              _: 1
+                            }, 8, ["modelValue", "disabled"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_row, { style: { "margin-top": "-10px" } }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_col, { span: 14 }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_checkbox, {
+                              value: "prefix",
+                              label: "前缀",
+                              size: "large"
+                            })
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_col, { span: 8 }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_input, {
+                              size: "small",
+                              style: { "width": "70px", "margin-top": "8px" },
+                              modelValue: __props.configure.style.tooltipNumPrefix,
+                              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.configure.style.tooltipNumPrefix = $event),
+                              disabled: __props.configure.style.tooltipNumFormat && __props.configure.style.tooltipNumFormat.indexOf("prefix") == -1,
+                              placeholder: ""
+                            }, null, 8, ["modelValue", "disabled"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_row, { style: { "margin-top": "-10px" } }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_col, { span: 14 }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_checkbox, {
+                              value: "append",
+                              label: "后缀",
+                              size: "large"
+                            })
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_col, { span: 8 }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_input, {
+                              size: "small",
+                              style: { "width": "70px", "margin-top": "8px" },
+                              modelValue: __props.configure.style.tooltipNumAppend,
+                              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => __props.configure.style.tooltipNumAppend = $event),
+                              disabled: __props.configure.style.tooltipNumFormat && __props.configure.style.tooltipNumFormat.indexOf("append") == -1,
+                              placeholder: ""
+                            }, null, 8, ["modelValue", "disabled"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.configure.style.enableTooltip]
+            ]),
+            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.tooltipColor,
+                  "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => __props.configure.style.tooltipColor = $event)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.configure.style.enableTooltip]
+            ]),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "文字字号",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_select, {
+                  modelValue: __props.configure.style.tooltipFontSize,
+                  "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => __props.configure.style.tooltipFontSize = $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
+            }, 512), [
+              [vue.vShow, __props.configure.style.enableTooltip]
+            ]),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "文字粗细",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_select, {
+                  modelValue: __props.configure.style.tooltipWeight,
+                  "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => __props.configure.style.tooltipWeight = $event),
+                  placeholder: "默认",
+                  clearable: ""
+                }, {
+                  default: vue.withCtx(() => [
+                    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
+            }, 512), [
+              [vue.vShow, __props.configure.style.enableTooltip]
+            ]),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "内容定义",
+              style: { "margin-top": "-10px", "margin-bottom": "-15px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_input, {
+                  modelValue: __props.configure.style.tooltipFormatter,
+                  "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => __props.configure.style.tooltipFormatter = $event),
+                  rows: 2,
+                  type: "textarea",
+                  placeholder: ""
+                }, null, 8, ["modelValue"]),
+                vue.createVNode(_component_el_text, {
+                  style: { "line-height": "15px", "margin-top": "5px" },
+                  type: "success",
+                  size: "small"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(" {a}：系列名；{b}：数据名；{c}：数据值；{@xxx}；{@[n]} ")
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.configure.style.enableTooltip]
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

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

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