@epxing/business 0.0.0-stage → 5.3.0-beta.2

package/dist/src/components/report/Config.js

@@ -0,0 +1,1708 @@
+import '../../../style.css';
+import component from "@epxing/core/src/mixins/component";
+import { evalWith } from "@epxing/utils/src/eval-with";
+import { resolveComponent, openBlock, createElementBlock, withDirectives, createElementVNode, vShow, createVNode, withCtx, Fragment, renderList, normalizeClass, toDisplayString, createBlock, createCommentVNode, normalizeStyle, createTextVNode } from "vue";
+/* empty css           */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+let timer = null;
+const _sfc_main = {
+  name: "epx-report-config",
+  mixins: [component],
+  props: {
+    report: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  data() {
+    return {
+      fold: true,
+      activeTab: "base",
+      reportConfigs: [],
+      showReportConfigs: [],
+      oldData: {},
+      data: {},
+      foldArea: {},
+      color: "",
+      themeType: "default",
+      themeColor: "",
+      themeList: [
+        {
+          label: "蓝绿渐变",
+          value: "#0083DE,#00A6F1,#00C0F3,#6DD4EF,#A7DBFF,#46D4C7,#00BCAA,#26A69A,#1291B0,#0063C5"
+        },
+        {
+          label: "明亮",
+          value: "#1976D2,#14ADF2,#0ACDE6,#06A697,#F7C353,#FA8356,#F35754,#F36897,#C763D9,#4C60CE"
+        },
+        {
+          label: "经典",
+          value: "#C1232B,#27727B,#FCCE10,#E87C25,#B5C334,#FE8463,#9BCA63,#FAD860,#F3A43B,#60C0DD"
+        }
+      ]
+    };
+  },
+  computed: {
+    colorList: {
+      get() {
+        const { color } = this.data;
+        if (color) return color.split(",");
+        return [];
+      },
+      set(v) {
+        this.data.color = v.join(",");
+      }
+    }
+  },
+  watch: {
+    data: {
+      handler(v) {
+        this.getShowReportConfigs();
+        if (this.watchData) {
+          const params = {};
+          let changeFlag = false;
+          for (const key in this.data) {
+            if (key !== "series-pie.radius" && this.data[key] !== this.oldData[key]) {
+              let value2 = this.data[key];
+              const config2 = this.findReportConfig(key);
+              if (config2 && config2.type === "slider" && config2.percent) {
+                if (typeof value2 === "number" || !value2.includes("%")) {
+                  value2 = value2 + "%";
+                }
+              }
+              params[key] = value2;
+              changeFlag = true;
+            }
+          }
+          if (changeFlag) {
+            if (timer) {
+              clearTimeout(timer);
+              timer = null;
+            }
+            timer = setTimeout(() => {
+              this.changeValue(params);
+              clearTimeout(timer);
+              timer = null;
+            }, 1e3);
+          }
+        }
+        if (v.color) {
+          if (!this.watchColor) {
+            this.themeType = "default";
+            const item2 = this.themeList.find((item3) => item3.value === v.color);
+            this.watchColor = true;
+            if (!item2) {
+              this.themeType = "custom";
+            }
+          }
+        }
+        this.oldData = { ...this.data };
+      },
+      deep: true
+    },
+    "report.ID": {
+      handler(v) {
+        if (v) this.getConfigData();
+      },
+      immediate: true
+    },
+    "report.CHART_TYPE"(v) {
+      if (v) this.getShowReportConfigs();
+    }
+  },
+  methods: {
+    getReportConfig() {
+      this.reportConfigs = [
+        {
+          key: "title",
+          label: "标题",
+          type: "area",
+          showHiddenFlag: true,
+          config: {
+            key: "title.show",
+            type: "switch",
+            defaultValue: true
+          },
+          children: [
+            {
+              key: "title.text",
+              label: "标题名称",
+              type: "text",
+              placeHolder: "默认为报表名称"
+            },
+            {
+              key: "title.textStyle.fontSize",
+              label: "字体大小",
+              type: "num",
+              defaultValue: 18
+            }
+          ]
+        },
+        {
+          key: "xAxis",
+          label: "分类轴",
+          type: "area",
+          showFlag: {
+            "report.CHART_TYPE": ["column", "horiColumn", "line", "columnAndLine"]
+          },
+          children: [
+            {
+              key: "xAxis.position",
+              label: "位置",
+              type: "radio-button",
+              options: [
+                {
+                  label: "上方",
+                  icon: "epx-icon-chuizhi-shang",
+                  value: "top",
+                  showLabel: "icon"
+                },
+                {
+                  label: "下方",
+                  icon: "epx-icon-chuizhi-xia",
+                  value: "bottom",
+                  showLabel: "icon"
+                }
+              ],
+              defaultValue: "bottom"
+            },
+            {
+              key: "xAxis.axisLabel.fontSize",
+              label: "标签字体大小",
+              type: "num",
+              defaultValue: 12
+            },
+            {
+              key: "xAxis.axisLabel.color",
+              label: "标签文字颜色",
+              type: "color"
+            },
+            {
+              key: "xAxis.axisLabel.fontWeight",
+              label: "标签文字粗细",
+              type: "radio-button",
+              options: [
+                {
+                  label: "正常",
+                  value: "normal"
+                },
+                {
+                  label: "加粗",
+                  value: "bold"
+                }
+              ],
+              defaultValue: "normal"
+            },
+            {
+              key: "xAxis.axisLabel.rotate",
+              label: "标签旋转角度",
+              type: "num",
+              defaultValue: 0
+            },
+            {
+              key: "xAxis.axisLabel.interval",
+              label: "标签显示间隔",
+              type: "num"
+            },
+            {
+              key: "xAxis.type",
+              label: "坐标轴类型",
+              type: "radio-button",
+              options: [
+                {
+                  label: "横轴",
+                  value: "category"
+                },
+                {
+                  label: "纵轴",
+                  value: "value"
+                }
+              ],
+              defaultValue: "category"
+            },
+            {
+              key: "xAxis.boundaryGap",
+              label: "坐标轴留白",
+              type: "switch",
+              defaultValue: false
+            }
+          ]
+        },
+        {
+          key: "yAxis",
+          label: "值轴",
+          type: "area",
+          showFlag: {
+            "report.CHART_TYPE": ["column", "horiColumn", "line", "columnAndLine"]
+          },
+          children: [
+            {
+              key: "yAxis.position",
+              label: "位置",
+              type: "radio-button",
+              options: [
+                {
+                  label: "左边",
+                  value: "left"
+                },
+                {
+                  label: "右边",
+                  value: "right"
+                }
+              ],
+              defaultValue: "right"
+            },
+            {
+              key: "yAxis.splitNumber",
+              label: "坐标轴分割段数",
+              type: "num"
+            },
+            {
+              key: "yAxis.type",
+              label: "坐标轴类型",
+              type: "radio-button",
+              options: [
+                {
+                  label: "数值轴",
+                  value: "value"
+                },
+                {
+                  label: "对数轴",
+                  value: "log"
+                }
+              ],
+              defaultValue: "value"
+            },
+            {
+              key: "yAxis.axisLabel.fontSize",
+              label: "标签字体大小",
+              type: "num",
+              defaultValue: 12
+            },
+            {
+              key: "yAxis.axisLabel.color",
+              label: "标签文字颜色",
+              type: "color"
+            },
+            {
+              key: "yAxis.axisLabel.fontWeight",
+              label: "标签文字粗细",
+              type: "radio-button",
+              options: [
+                {
+                  label: "正常",
+                  value: "normal"
+                },
+                {
+                  label: "加粗",
+                  value: "bold"
+                }
+              ],
+              defaultValue: "normal"
+            },
+            {
+              key: "yAxis.axisLabel.rotate",
+              label: "标签旋转角度",
+              type: "num",
+              defaultValue: 0
+            },
+            {
+              key: "yAxis.axisLabel.interval",
+              label: "标签显示间隔",
+              type: "num"
+            },
+            {
+              key: "yAxis.boundaryGap",
+              label: "坐标轴留白",
+              type: "switch",
+              defaultValue: false
+            }
+          ]
+        },
+        {
+          key: "legend",
+          label: "图例",
+          type: "area",
+          showHiddenFlag: true,
+          config: {
+            key: "legend.show",
+            type: "switch",
+            defaultValue: true
+          },
+          children: [
+            {
+              key: "legend._orient",
+              label: "方位",
+              type: "radio-button",
+              options: [
+                {
+                  label: "上方",
+                  icon: "epx-icon-shang",
+                  value: "top",
+                  showLabel: "icon"
+                },
+                {
+                  label: "右方",
+                  icon: "epx-icon-you",
+                  value: "right",
+                  showLabel: "icon"
+                },
+                {
+                  label: "下方",
+                  icon: "epx-icon-xia",
+                  value: "bottom",
+                  showLabel: "icon"
+                },
+                {
+                  label: "左方",
+                  icon: "epx-icon-zuo",
+                  value: "left",
+                  showLabel: "icon"
+                }
+              ],
+              defaultValue: "bottom"
+            },
+            {
+              key: "legend._orient.horizontal",
+              label: "水平位置",
+              type: "radio-button",
+              showFlag: {
+                "config.legend._orient": ["top", "bottom"]
+              },
+              options: [
+                {
+                  label: "左方",
+                  icon: "epx-icon-shuiping-zuo",
+                  value: "left",
+                  showLabel: "icon"
+                },
+                {
+                  label: "中间",
+                  icon: "epx-icon-shuiping-zhong",
+                  value: "center",
+                  showLabel: "icon"
+                },
+                {
+                  label: "右方",
+                  icon: "epx-icon-shuiping-you",
+                  value: "right",
+                  showLabel: "icon"
+                }
+              ],
+              defaultValue: "center"
+            },
+            {
+              key: "legend._orient.vertical",
+              label: "垂直位置",
+              type: "radio-button",
+              showFlag: {
+                "config.legend._orient": ["left", "right"]
+              },
+              options: [
+                {
+                  label: "上方",
+                  icon: "epx-icon-chuizhi-shang",
+                  value: "top",
+                  showLabel: "icon"
+                },
+                {
+                  label: "中间",
+                  icon: "epx-icon-chuizhi-zhong",
+                  value: "center",
+                  showLabel: "icon"
+                },
+                {
+                  label: "下方",
+                  icon: "epx-icon-chuizhi-xia",
+                  value: "bottom",
+                  showLabel: "icon"
+                }
+              ],
+              defaultValue: "center"
+            },
+            {
+              key: "legend.textStyle.fontSize",
+              label: "字体大小",
+              type: "num",
+              defaultValue: 12
+            }
+          ]
+        },
+        {
+          key: "series-pie",
+          label: "饼图",
+          showFlag: {
+            "report.CHART_TYPE": ["pie", "circularPie"]
+          },
+          children: [
+            {
+              key: "series-pie.roseType",
+              label: "对比方式",
+              type: "radio-button",
+              options: [{
+                label: "扇形角度",
+                value: ""
+              }, {
+                label: "扇形面积",
+                value: "area"
+              }],
+              defaultValue: ""
+            },
+            {
+              key: "series-pie.avoidLabelOverlap",
+              label: "防止标签重叠",
+              type: "switch",
+              labelAlign: "left",
+              defaultValue: true
+            },
+            {
+              key: "series-pie.stillShowZeroSum",
+              label: "数据为0是否显示扇区",
+              type: "switch",
+              labelAlign: "left",
+              defaultValue: true
+            },
+            {
+              key: "series-pie.label.show",
+              label: "是否显示标签",
+              type: "switch",
+              labelAlign: "left",
+              defaultValue: false
+            },
+            {
+              key: "series-pie.label.position",
+              label: "标签位置",
+              type: "radio-button",
+              options: [{
+                label: "外侧",
+                value: "outside"
+              }, {
+                label: "内部",
+                value: "inside"
+              }, {
+                label: "中间",
+                value: "center"
+              }],
+              defaultValue: "outside"
+            },
+            {
+              key: "series-pie.label.overflow",
+              label: "超出换行",
+              type: "radio-button",
+              options: [{
+                label: "超出隐藏",
+                value: "truncate"
+              }, {
+                label: "换行",
+                value: "breakAll"
+              }],
+              defaultValue: "truncate"
+            },
+            {
+              key: "series-pie.label.formatter",
+              label: "标签格式",
+              type: "radio-button",
+              options: [{
+                label: "名称",
+                value: "{b}"
+              }, {
+                label: "名称数值",
+                value: "{b} {c}"
+              }, {
+                label: "名称（占比）",
+                value: "{b}：（{d}%）"
+              }],
+              defaultValue: "{b}"
+            },
+            {
+              key: "series-pie.radius",
+              label: "内径和外径",
+              type: "range",
+              defaultValue: [0, 75]
+            },
+            {
+              key: "series-pie.total",
+              label: "是否显示合计",
+              type: "switch",
+              defaultValue: false
+            },
+            {
+              key: "series-pie.totalText",
+              label: "合计文字",
+              defaultValue: "合计"
+            }
+          ]
+        },
+        {
+          key: "series-funnel",
+          label: "漏斗图",
+          showFlag: {
+            "report.CHART_TYPE": ["funnel"]
+          },
+          children: [
+            {
+              key: "series-funnel.total",
+              label: "是否显示合计",
+              type: "switch",
+              defaultValue: false
+            },
+            {
+              key: "series-funnel.totalText",
+              label: "合计文字",
+              defaultValue: "合计"
+            }
+          ]
+        },
+        {
+          key: "series-bar",
+          label: "柱状图",
+          showFlag: {
+            "report.CHART_TYPE": ["column", "horiColumn"]
+          },
+          children: [
+            {
+              key: "series-bar.barType",
+              label: "展现方式",
+              type: "radio-button",
+              options: [
+                {
+                  label: "多系列",
+                  value: null
+                },
+                {
+                  label: "堆叠",
+                  value: "stack"
+                },
+                {
+                  label: "分区",
+                  value: "area"
+                },
+                {
+                  label: "左右对比",
+                  value: "comparison"
+                },
+                {
+                  label: "瀑布式",
+                  value: "waterfull"
+                }
+              ]
+            },
+            {
+              key: "series-bar.totalFlag",
+              label: "显示合计",
+              type: "switch",
+              defaultValue: false
+            },
+            {
+              key: "series-bar.barCategoryGap",
+              label: "柱间距离",
+              type: "slider",
+              percent: true
+            },
+            {
+              key: "series-bar.barGap",
+              label: "系列柱间距离",
+              type: "slider",
+              percent: true
+            },
+            {
+              key: "series-bar.colorBy",
+              label: "颜色策略",
+              type: "radio-button",
+              options: [
+                {
+                  label: "单一色",
+                  value: "series"
+                },
+                {
+                  label: "不同色",
+                  value: "data"
+                }
+              ],
+              defaultValue: "series"
+            },
+            {
+              key: "series-bar.stack",
+              label: "数据堆叠",
+              type: "switch",
+              defaultValue: false
+            },
+            {
+              key: "series-bar.label.show",
+              label: "是否显示标签",
+              type: "switch",
+              defaultValue: false
+            },
+            {
+              key: "series-bar.label.color",
+              label: "标签颜色",
+              type: "color",
+              defaultValue: ""
+            },
+            {
+              key: "series-bar.label.position",
+              label: "标签位置",
+              type: "radio-button",
+              options: [
+                {
+                  label: "上方",
+                  value: "top"
+                },
+                {
+                  label: "里面",
+                  value: "inside"
+                }
+              ],
+              defaultValue: "inside"
+            }
+          ]
+        },
+        {
+          key: "series-line",
+          label: "线状图",
+          showFlag: {
+            "report.CHART_TYPE": ["line"]
+          },
+          children: [
+            {
+              key: "series-line.lineType",
+              label: "展现方式",
+              type: "radio-button",
+              options: [
+                {
+                  label: "多系列",
+                  value: null
+                },
+                {
+                  label: "分区",
+                  value: "area"
+                }
+              ]
+            },
+            {
+              key: "series-line.totalFlag",
+              label: "显示合计",
+              type: "switch",
+              defaultValue: false
+            },
+            {
+              key: "series-line.label.show",
+              label: "是否显示标签",
+              type: "switch",
+              labelAlign: "left",
+              defaultValue: false
+            },
+            {
+              key: "series-line.label.position",
+              label: "标签位置",
+              type: "radio-button",
+              options: [
+                {
+                  label: "上方",
+                  value: "top"
+                },
+                {
+                  label: "下方",
+                  value: "bottom"
+                },
+                {
+                  label: "左侧",
+                  value: "left"
+                },
+                {
+                  label: "右侧",
+                  value: "right"
+                },
+                {
+                  label: "中间",
+                  value: "inside "
+                }
+              ],
+              defaultValue: "top"
+            },
+            {
+              key: "series-line.showArea",
+              label: "区域填充",
+              type: "switch",
+              defaultValue: false
+            },
+            {
+              key: "series-line.smooth",
+              label: "平滑曲线",
+              type: "switch",
+              defaultValue: false
+            }
+          ]
+        },
+        {
+          key: "series-wordcloud",
+          label: "词云",
+          showFlag: {
+            "report.CHART_TYPE": ["wordcloud"]
+          },
+          children: [
+            {
+              key: "series-wordcloud.shape",
+              label: "形状",
+              type: "radio-button",
+              options: [
+                {
+                  label: "圆形",
+                  value: null
+                },
+                {
+                  label: "心形",
+                  value: "cardioid"
+                },
+                {
+                  label: "菱形",
+                  value: "diamond"
+                },
+                {
+                  label: "三角形",
+                  value: "triangle"
+                },
+                {
+                  label: "星形",
+                  value: "star"
+                },
+                {
+                  label: "五边形",
+                  value: "pentagon"
+                }
+              ]
+            },
+            {
+              key: "series-wordcloud.sizeRange",
+              label: "文字字号范围",
+              type: "range",
+              defaultValue: [12, 60]
+            },
+            {
+              key: "series-wordcloud.rotationRange",
+              label: "文字旋转范围",
+              type: "range",
+              min: -180,
+              max: 180,
+              defaultValue: [-90, 90]
+            },
+            {
+              key: "series-wordcloud.textStyle.fontFamily",
+              label: "字体",
+              type: "select",
+              options: [
+                { label: "Arial, Helvetica, 微软雅黑", value: "arial, helvetica, microsoft yahei" },
+                { label: "Arial, Helvetica, 黑体", value: "arial, helvetica, simhei" },
+                { label: "Comic Sans MS, 微软雅黑", value: "comic sans ms, microsoft yahei" },
+                { label: "Comic Sans MS, 黑体", value: "comic sans ms, simhei" },
+                { label: "Impact, 微软雅黑", value: "impact, microsoft yahei" },
+                { label: "Impact, 黑体", value: "impact, simhei" },
+                { label: "Lucida Sans Unicode, 微软雅黑", value: "lucida sans unicode, microsoft yahei" },
+                { label: "Lucida Sans Unicode, 黑体", value: "lucida sans unicode, simhei" },
+                { label: "Trebuchet MS, 微软雅黑", value: "trebuchet ms, microsoft yahei" },
+                { label: "Trebuchet MS, 黑体", value: "trebuchet ms, simhei" },
+                { label: "Verdana, 微软雅黑", value: "verdana, microsoft yahei" },
+                { label: "Verdana, 黑体", value: "verdana, simhei" },
+                { label: "Georgia, 微软雅黑", value: "georgia, microsoft yahei" },
+                { label: "Georgia, 黑体", value: "georgia, simhei" },
+                { label: "Palatino Linotype, 微软雅黑", value: "palatino linotype, microsoft yahei" },
+                { label: "Palatino Linotype, 黑体", value: "palatino linotype, simhei" },
+                { label: "Times New Roman, 微软雅黑", value: "times new roman, microsoft yahei" },
+                { label: "Times New Roman, 黑体", value: "times new roman, simhei" },
+                { label: "Courier New, 微软雅黑", value: "courier new, microsoft yahei" },
+                { label: "Courier New, 黑体", value: "courier new, simhei" },
+                { label: "Lucida Console, 微软雅黑", value: "lucida console, microsoft yahei" },
+                { label: "Lucida Console, 黑体", value: "lucida console, simhei" }
+              ]
+            }
+          ]
+        },
+        {
+          key: "series-bar",
+          label: "柱状图",
+          showFlag: {
+            "report.CHART_TYPE": ["columnAndLine"]
+          },
+          children: [
+            {
+              key: "series-bar.barType",
+              label: "展现方式",
+              type: "radio-button",
+              options: [
+                {
+                  label: "多系列",
+                  value: null
+                },
+                {
+                  label: "堆叠",
+                  value: "stack"
+                }
+              ]
+            },
+            {
+              key: "series-bar.totalFlag",
+              label: "显示合计",
+              type: "switch",
+              defaultValue: false
+            },
+            {
+              key: "series-bar.label.show",
+              label: "是否显示标签",
+              type: "switch",
+              defaultValue: false
+            },
+            {
+              key: "series-bar.label.color",
+              label: "标签颜色",
+              type: "color",
+              defaultValue: ""
+            },
+            {
+              key: "series-bar.label.position",
+              label: "标签位置",
+              type: "radio-button",
+              options: [
+                {
+                  label: "上方",
+                  value: "top"
+                },
+                {
+                  label: "里面",
+                  value: "inside"
+                }
+              ],
+              defaultValue: "inside"
+            },
+            {
+              key: "series-bar.barCategoryGap",
+              label: "柱间距离",
+              type: "slider",
+              percent: true
+            },
+            {
+              key: "series-bar.barGap",
+              label: "系列柱间距离",
+              type: "slider",
+              percent: true
+            }
+          ]
+        },
+        {
+          key: "series-line",
+          label: "线状图",
+          showFlag: {
+            "report.CHART_TYPE": ["columnAndLine"]
+          },
+          children: [
+            {
+              key: "series-line.label.show",
+              label: "是否显示标签",
+              type: "switch",
+              labelAlign: "left",
+              defaultValue: false
+            },
+            {
+              key: "series-line.label.position",
+              label: "标签位置",
+              type: "radio-button",
+              options: [
+                {
+                  label: "上方",
+                  value: "top"
+                },
+                {
+                  label: "下方",
+                  value: "bottom"
+                },
+                {
+                  label: "左侧",
+                  value: "left"
+                },
+                {
+                  label: "右侧",
+                  value: "right"
+                },
+                {
+                  label: "中间",
+                  value: "inside "
+                }
+              ],
+              defaultValue: "top"
+            },
+            {
+              key: "series-line.label.color",
+              label: "标签颜色",
+              type: "color",
+              defaultValue: ""
+            },
+            {
+              key: "series-line.smooth",
+              label: "平滑曲线",
+              type: "switch",
+              defaultValue: false
+            }
+          ]
+        },
+        {
+          key: "radar",
+          label: "雷达图",
+          showFlag: {
+            "report.CHART_TYPE": ["radar"]
+          },
+          children: [
+            {
+              key: "radar.shape",
+              label: "形状",
+              type: "radio-button",
+              options: [
+                {
+                  label: "多边形",
+                  value: null
+                },
+                {
+                  label: "圆形",
+                  value: "circle"
+                }
+              ],
+              defaultValue: null
+            },
+            {
+              key: "series-radar.label.show",
+              label: "数据标签",
+              type: "switch",
+              defaultValue: false
+            },
+            {
+              key: "radar.splitArea.areaStyle.color",
+              label: "分隔区域背景色",
+              type: "color-list"
+            }
+          ]
+        },
+        {
+          key: "scatter",
+          label: "散点图",
+          showFlag: {
+            "report.CHART_TYPE": ["scatter"]
+          },
+          children: [
+            {
+              key: "scatterType",
+              label: "散点图类型",
+              type: "radio-button",
+              options: [
+                {
+                  label: "普通",
+                  value: null
+                },
+                {
+                  label: "线性",
+                  value: "linear"
+                },
+                {
+                  label: "指数",
+                  value: "exponential"
+                }
+              ]
+            }
+          ]
+        },
+        {
+          key: "series.map",
+          label: "地图",
+          showFlag: {
+            "report.CHART_TYPE": ["map"]
+          },
+          children: [
+            {
+              key: "series-map.zoom",
+              label: "放大倍数",
+              type: "num",
+              min: 0,
+              max: 3,
+              defaultValue: 1
+            },
+            {
+              key: "series-map.top",
+              label: "上侧的距离",
+              type: "num",
+              defaultValue: null
+            },
+            {
+              key: "series-map.right",
+              label: "右侧的距离",
+              type: "num",
+              defaultValue: null
+            },
+            {
+              key: "series-map.bottom",
+              label: "下侧的距离",
+              type: "num",
+              defaultValue: null
+            },
+            {
+              key: "series-map.left",
+              label: "左侧的距离",
+              type: "num",
+              defaultValue: null
+            },
+            {
+              key: "series-map.label.show",
+              label: "是否显示标签",
+              type: "switch",
+              labelAlign: "left",
+              defaultValue: true
+            }
+          ]
+        },
+        {
+          key: "visualMap",
+          label: "视觉映射",
+          type: "area",
+          showFlag: {
+            "report.CHART_TYPE": ["map"]
+          },
+          children: [
+            {
+              key: "visualMap.show",
+              label: "显示",
+              type: "switch",
+              defaultValue: true
+            }
+          ]
+        },
+        {
+          key: "dataZoom",
+          label: "滚动缩放",
+          type: "area",
+          showFlag: {
+            "report.CHART_TYPE": ["column", "horiColumn"]
+          },
+          config: {
+            key: "dataZoom.show",
+            type: "switch",
+            defaultValue: false
+          },
+          children: [
+            {
+              key: "dataZoom.endValue",
+              label: "显示数量",
+              type: "num",
+              defaultValue: 5
+            }
+          ]
+        },
+        {
+          key: "grid",
+          label: "网格",
+          type: "area",
+          showFlag: {
+            "report.CHART_TYPE": ["column", "horiColumn", "line", "columnAndLine", "scatter"]
+          },
+          config: {
+            key: "grid.show",
+            type: "switch",
+            defaultValue: false
+          },
+          children: [
+            {
+              key: "grid.top",
+              label: "容器上侧距离",
+              type: "num"
+            },
+            {
+              key: "grid.right",
+              label: "容器右侧距离",
+              type: "num"
+            },
+            {
+              key: "grid.bottom",
+              label: "容器下侧距离",
+              type: "num"
+            },
+            {
+              key: "grid.left",
+              label: "容器左侧距离",
+              type: "num"
+            }
+          ]
+        },
+        {
+          key: "tooltip",
+          label: "提示框",
+          children: [
+            {
+              key: "tooltip.axisPointer.type",
+              label: "指示器类型",
+              type: "radio-button",
+              options: [
+                {
+                  label: "直线指示器",
+                  value: "line"
+                },
+                {
+                  label: "阴影指示器",
+                  value: "shadow"
+                },
+                {
+                  label: "无指示器",
+                  value: "none"
+                },
+                {
+                  label: "十字准星指示器",
+                  value: "cross"
+                }
+              ]
+            },
+            {
+              key: "tooltip.order",
+              label: "提示框浮层排列",
+              type: "radio-button",
+              options: [
+                {
+                  label: "按系列升序",
+                  value: "seriesAsc"
+                },
+                {
+                  label: "按系列降序",
+                  value: "seriesDesc"
+                }
+              ],
+              defaultValue: "seriesAsc"
+            }
+          ]
+        },
+        {
+          key: "toolbox",
+          label: "工具栏",
+          config: {
+            key: "toolbox.show",
+            type: "switch",
+            defaultValue: true
+          }
+        },
+        {
+          key: "series-bar.itemStyle",
+          showFlag: {
+            "report.CHART_TYPE": ["column"]
+          },
+          label: "图形样式",
+          children: [
+            {
+              key: "series-bar.itemStyle.borderWidth",
+              label: "边框宽度",
+              type: "num",
+              defaultValue: 0
+            },
+            {
+              key: "series-bar.itemStyle.borderColor",
+              label: "边框颜色",
+              type: "color",
+              defaultValue: "#000"
+            },
+            {
+              key: "series-bar.itemStyle.borderType",
+              label: "边框类型",
+              type: "radio-button",
+              options: [
+                {
+                  label: "实线",
+                  value: "solid"
+                },
+                {
+                  label: "虚线",
+                  value: "dashed"
+                },
+                {
+                  label: "点状线",
+                  value: "dotted"
+                }
+              ],
+              defaultValue: "solid"
+            }
+          ]
+        },
+        {
+          key: "series-pie.itemStyle",
+          showFlag: {
+            "report.CHART_TYPE": ["pie"]
+          },
+          label: "图形样式",
+          children: [
+            {
+              key: "series-pie.itemStyle.borderWidth",
+              label: "边框宽度",
+              type: "num",
+              defaultValue: 0
+            },
+            {
+              key: "series-pie.itemStyle.borderColor",
+              label: "边框颜色",
+              type: "color",
+              defaultValue: "#000"
+            },
+            {
+              key: "series-pie.itemStyle.borderType",
+              label: "边框类型",
+              type: "radio-button",
+              options: [
+                {
+                  label: "实线",
+                  value: "solid"
+                },
+                {
+                  label: "虚线",
+                  value: "dashed"
+                },
+                {
+                  label: "点状线",
+                  value: "dotted"
+                }
+              ],
+              defaultValue: "solid"
+            }
+          ]
+        },
+        {
+          key: "theme",
+          label: "配色设置",
+          children: [
+            {
+              key: "color",
+              label: "颜色主题",
+              type: "theme"
+            }
+          ]
+        }
+      ];
+      this.initData();
+    },
+    initData() {
+      this.reportConfigs.forEach((item2) => {
+        if (item2.config) {
+          this.data[item2.config.key] = item2.config.defaultValue !== void 0 ? item2.config.defaultValue : "";
+        }
+        if (item2.children) {
+          item2.children.forEach((child) => {
+            this.data[child.key] = child.defaultValue !== void 0 ? child.defaultValue : "";
+          });
+        }
+      });
+    },
+    getShowReportConfigs() {
+      const config2 = this.data;
+      const report = this.report;
+      const getShowConfigs = (arr) => {
+        return arr.filter((item2) => {
+          if (item2.showFlag) {
+            for (const key in item2.showFlag) {
+              let value2 = "";
+              if (key.includes("config.")) {
+                value2 = config2[key.replace("config.", "")];
+              } else {
+                value2 = evalWith(key, { report, config: config2 }, this);
+              }
+              const condition = item2.showFlag[key];
+              if (!condition.includes(value2)) return false;
+            }
+          }
+          if (item2.children) item2.children = getShowConfigs(item2.children);
+          return true;
+        });
+      };
+      this.showReportConfigs = getShowConfigs(JSON.parse(JSON.stringify(this.reportConfigs)));
+    },
+    findReportConfig(key, arr = this.reportConfigs) {
+      if (arr && arr.length > 0) {
+        for (const item2 of arr) {
+          if (item2.key === key) {
+            return item2;
+          } else if (item2.children) {
+            const child = this.findReportConfig(key, item2.children);
+            if (child) return child;
+          }
+        }
+      }
+    },
+    getConfigData() {
+      this.configIdMap = {};
+      this.$http.list({
+        entityId: "FM_REPORT_PARAM",
+        "scope.REPORT": this.report.ID
+      }).then((data) => {
+        data.entitys.forEach((item) => {
+          let value = item.VALUE === "true" || item.VALUE === "false" ? eval(item.VALUE) : item.VALUE;
+          this.configIdMap[item.NAME] = item.ID;
+          if (/^\[.*\]$/.test(value) || /^{.*}$/.test(value)) {
+            value = JSON.parse(value);
+          }
+          const config = this.findReportConfig(item.NAME);
+          if (config && config.type === "slider" && config.percent) {
+            if (value && value.includes("%")) {
+              value = Number(value.replace("%", ""));
+            }
+          }
+          this.data[item.NAME] = value;
+        });
+        this.$nextTick(() => {
+          this.watchData = true;
+        });
+      });
+    },
+    addColor(key, color) {
+      const colorList = this.data[key] || [];
+      this.data[key] = [...colorList, color];
+    },
+    deleteColor(key) {
+      const colorList = [...this.data[key]];
+      colorList.pop();
+      this.data[key] = colorList;
+    },
+    addThemeColor(color) {
+      this.colorList = [...this.colorList, color];
+    },
+    changeValue(params, config2) {
+      for (const key in params) {
+        let value2 = params[key];
+        if (value2 && typeof value2 === "object") {
+          value2 = JSON.stringify(value2);
+        }
+        if (config2 && config2.type === "slider" && config2.percent) {
+          if (typeof value2 === "number" || !value2.includes("%")) {
+            value2 = value2 + "%";
+          }
+        }
+        this.$http.save({
+          action: "saveReportParam",
+          entityId: "FM_REPORT_PARAM",
+          "bean.CLIENT": this.CLIENT,
+          "bean.SYSTEM": this.SYSTEM,
+          "bean.ID": this.configIdMap[key],
+          "bean.REPORT": this.report.ID,
+          "bean.NAME": key,
+          "bean.VALUE": value2
+        }).then((data2) => {
+          this.configIdMap[key] = data2;
+          this.$emit("change", this.data);
+        }).catch((err) => {
+          this.$message.error(err.message);
+        });
+      }
+    }
+  },
+  created() {
+    this.getReportConfig();
+  }
+};
+const _hoisted_1 = { class: "report-config" };
+const _hoisted_2 = { class: "config-panel" };
+const _hoisted_3 = { class: "config-header fold-setting" };
+const _hoisted_4 = { class: "config-content" };
+const _hoisted_5 = { class: "config-container" };
+const _hoisted_6 = { class: "config-block__header" };
+const _hoisted_7 = { class: "config-block__title" };
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = {
+  key: 0,
+  class: "config-block__content"
+};
+const _hoisted_10 = { class: "config-list" };
+const _hoisted_11 = {
+  class: "config-item__label",
+  for: ""
+};
+const _hoisted_12 = { class: "config-item__input" };
+const _hoisted_13 = { key: 1 };
+const _hoisted_14 = {
+  key: 5,
+  class: "color-list"
+};
+const _hoisted_15 = ["onClick"];
+const _hoisted_16 = { class: "color-item color-item-plus" };
+const _hoisted_17 = { class: "color-list" };
+const _hoisted_18 = { class: "color-delete el-icon-error" };
+const _hoisted_19 = { class: "color-item color-item-plus" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_switch = resolveComponent("el-switch");
+  const _component_el_radio_button = resolveComponent("el-radio-button");
+  const _component_el_radio_group = resolveComponent("el-radio-group");
+  const _component_el_option = resolveComponent("el-option");
+  const _component_el_select = resolveComponent("el-select");
+  const _component_el_input_number = resolveComponent("el-input-number");
+  const _component_el_color_picker = resolveComponent("el-color-picker");
+  const _component_el_slider = resolveComponent("el-slider");
+  const _component_el_input = resolveComponent("el-input");
+  const _component_el_tab_pane = resolveComponent("el-tab-pane");
+  const _component_el_tabs = resolveComponent("el-tabs");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    withDirectives(createElementVNode("div", {
+      class: "fold-setting fr",
+      onClick: _cache[0] || (_cache[0] = ($event) => $data.fold = !$data.fold)
+    }, [..._cache[8] || (_cache[8] = [
+      createElementVNode("i", { class: "el-icon-s-fold" }, null, -1),
+      createElementVNode("span", null, "图表配置", -1)
+    ])], 512), [
+      [vShow, $data.fold]
+    ]),
+    withDirectives(createElementVNode("div", _hoisted_2, [
+      createElementVNode("div", _hoisted_3, [
+        createElementVNode("i", {
+          class: "el-icon-s-unfold",
+          onClick: _cache[1] || (_cache[1] = ($event) => $data.fold = !$data.fold)
+        }),
+        _cache[9] || (_cache[9] = createElementVNode("span", null, "图表配置", -1))
+      ]),
+      createElementVNode("div", _hoisted_4, [
+        createVNode(_component_el_tabs, {
+          modelValue: $data.activeTab,
+          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => $data.activeTab = $event),
+          stretch: true
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_el_tab_pane, {
+              label: "基本设置",
+              name: "base"
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_5, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList($data.showReportConfigs, (item2) => {
+                    return openBlock(), createElementBlock("div", {
+                      class: "config-block",
+                      key: item2.key
+                    }, [
+                      createElementVNode("div", _hoisted_6, [
+                        createElementVNode("p", _hoisted_7, [
+                          createElementVNode("i", {
+                            class: normalizeClass({ "el-icon-caret-bottom": true, "fold": $data.foldArea[item2.key] }),
+                            onClick: ($event) => $data.foldArea[item2.key] = !$data.foldArea[item2.key]
+                          }, null, 10, _hoisted_8),
+                          createElementVNode("span", null, toDisplayString(item2.label), 1)
+                        ]),
+                        item2.config ? (openBlock(), createBlock(_component_el_switch, {
+                          key: 0,
+                          modelValue: $data.data[item2.config.key],
+                          "onUpdate:modelValue": ($event) => $data.data[item2.config.key] = $event
+                        }, null, 8, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true)
+                      ]),
+                      item2.children ? withDirectives((openBlock(), createElementBlock("div", _hoisted_9, [
+                        createElementVNode("ul", _hoisted_10, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(item2.children, (config2) => {
+                            return openBlock(), createElementBlock("li", {
+                              class: normalizeClass(["config-item", "config-item__" + config2.labelAlign]),
+                              key: config2.key
+                            }, [
+                              createElementVNode("label", _hoisted_11, toDisplayString(config2.label), 1),
+                              createElementVNode("div", _hoisted_12, [
+                                config2.type === "switch" ? (openBlock(), createBlock(_component_el_switch, {
+                                  key: 0,
+                                  modelValue: $data.data[config2.key],
+                                  "onUpdate:modelValue": ($event) => $data.data[config2.key] = $event
+                                }, null, 8, ["modelValue", "onUpdate:modelValue"])) : config2.type === "radio-button" ? (openBlock(), createBlock(_component_el_radio_group, {
+                                  key: 1,
+                                  modelValue: $data.data[config2.key],
+                                  "onUpdate:modelValue": ($event) => $data.data[config2.key] = $event,
+                                  size: "small"
+                                }, {
+                                  default: withCtx(() => [
+                                    (openBlock(true), createElementBlock(Fragment, null, renderList(config2.options, (option) => {
+                                      return openBlock(), createBlock(_component_el_radio_button, {
+                                        label: option.value,
+                                        value: option.value,
+                                        key: option.key
+                                      }, {
+                                        default: withCtx(() => [
+                                          option.showLabel === "icon" ? (openBlock(), createElementBlock("i", {
+                                            key: 0,
+                                            class: normalizeClass(option.icon)
+                                          }, null, 2)) : (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(option.label), 1))
+                                        ]),
+                                        _: 2
+                                      }, 1032, ["label", "value"]);
+                                    }), 128))
+                                  ]),
+                                  _: 2
+                                }, 1032, ["modelValue", "onUpdate:modelValue"])) : config2.type === "select" ? (openBlock(), createBlock(_component_el_select, {
+                                  key: 2,
+                                  modelValue: $data.data[config2.key],
+                                  "onUpdate:modelValue": ($event) => $data.data[config2.key] = $event,
+                                  size: "small"
+                                }, {
+                                  default: withCtx(() => [
+                                    (openBlock(true), createElementBlock(Fragment, null, renderList(config2.options, (option) => {
+                                      return openBlock(), createBlock(_component_el_option, {
+                                        label: option.label,
+                                        key: option.value,
+                                        value: option.value
+                                      }, null, 8, ["label", "value"]);
+                                    }), 128))
+                                  ]),
+                                  _: 2
+                                }, 1032, ["modelValue", "onUpdate:modelValue"])) : config2.type === "num" ? (openBlock(), createBlock(_component_el_input_number, {
+                                  key: 3,
+                                  size: "small",
+                                  modelValue: $data.data[config2.key],
+                                  "onUpdate:modelValue": ($event) => $data.data[config2.key] = $event,
+                                  "controls-position": "right",
+                                  min: config2.min || -Infinity,
+                                  max: config2.max || Infinity
+                                }, null, 8, ["modelValue", "onUpdate:modelValue", "min", "max"])) : config2.type === "color" ? (openBlock(), createBlock(_component_el_color_picker, {
+                                  key: 4,
+                                  size: "small",
+                                  modelValue: $data.data[config2.key],
+                                  "onUpdate:modelValue": ($event) => $data.data[config2.key] = $event,
+                                  "show-alpha": ""
+                                }, null, 8, ["modelValue", "onUpdate:modelValue"])) : config2.type === "color-list" ? (openBlock(), createElementBlock("ul", _hoisted_14, [
+                                  (openBlock(true), createElementBlock(Fragment, null, renderList($data.data[config2.key] || [], (color) => {
+                                    return openBlock(), createElementBlock("li", {
+                                      class: "color-item",
+                                      key: color,
+                                      style: normalizeStyle({ background: color })
+                                    }, [
+                                      createElementVNode("i", {
+                                        class: "color-delete el-icon-error",
+                                        onClick: ($event) => $options.deleteColor(config2.key)
+                                      }, null, 8, _hoisted_15)
+                                    ], 4);
+                                  }), 128)),
+                                  createElementVNode("li", _hoisted_16, [
+                                    _cache[10] || (_cache[10] = createElementVNode("i", { class: "el-icon-plus" }, null, -1)),
+                                    createVNode(_component_el_color_picker, {
+                                      ref_for: true,
+                                      ref: "addColorPicker",
+                                      modelValue: $data.color,
+                                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $data.color = $event),
+                                      size: "mini",
+                                      onChange: (v) => $options.addColor(config2.key, v)
+                                    }, null, 8, ["modelValue", "onChange"])
+                                  ])
+                                ])) : config2.type === "theme" ? (openBlock(), createElementBlock(Fragment, { key: 6 }, [
+                                  createVNode(_component_el_radio_group, {
+                                    size: "default",
+                                    modelValue: $data.themeType,
+                                    "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $data.themeType = $event)
+                                  }, {
+                                    default: withCtx(() => [
+                                      createVNode(_component_el_radio_button, {
+                                        label: "default",
+                                        value: "default",
+                                        onClick: _cache[3] || (_cache[3] = ($event) => $options.colorList = [])
+                                      }, {
+                                        default: withCtx(() => [..._cache[11] || (_cache[11] = [
+                                          createTextVNode("内置", -1)
+                                        ])]),
+                                        _: 1
+                                      }),
+                                      createVNode(_component_el_radio_button, {
+                                        label: "custom",
+                                        value: "custom",
+                                        onClick: _cache[4] || (_cache[4] = ($event) => $options.colorList = [])
+                                      }, {
+                                        default: withCtx(() => [..._cache[12] || (_cache[12] = [
+                                          createTextVNode("自定义", -1)
+                                        ])]),
+                                        _: 1
+                                      })
+                                    ]),
+                                    _: 1
+                                  }, 8, ["modelValue"]),
+                                  $data.themeType === "default" ? (openBlock(), createBlock(_component_el_select, {
+                                    key: 0,
+                                    class: "color-theme",
+                                    modelValue: $data.data[config2.key],
+                                    "onUpdate:modelValue": ($event) => $data.data[config2.key] = $event,
+                                    size: "default",
+                                    placeholder: "请选择"
+                                  }, {
+                                    default: withCtx(() => [
+                                      (openBlock(true), createElementBlock(Fragment, null, renderList($data.themeList, (item3) => {
+                                        return openBlock(), createBlock(_component_el_option, {
+                                          key: item3.value,
+                                          label: item3.label,
+                                          value: item3.value
+                                        }, null, 8, ["label", "value"]);
+                                      }), 128))
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true),
+                                  createElementVNode("ul", _hoisted_17, [
+                                    (openBlock(true), createElementBlock(Fragment, null, renderList($options.colorList, (color) => {
+                                      return openBlock(), createElementBlock("li", {
+                                        class: "color-item",
+                                        key: color,
+                                        style: normalizeStyle({ background: color })
+                                      }, [
+                                        withDirectives(createElementVNode("i", _hoisted_18, null, 512), [
+                                          [vShow, $data.themeType === "custom"]
+                                        ])
+                                      ], 4);
+                                    }), 128)),
+                                    withDirectives(createElementVNode("li", _hoisted_19, [
+                                      _cache[13] || (_cache[13] = createElementVNode("i", { class: "el-icon-plus" }, null, -1)),
+                                      createVNode(_component_el_color_picker, {
+                                        ref_for: true,
+                                        ref: "addColorPicker",
+                                        modelValue: $data.themeColor,
+                                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $data.themeColor = $event),
+                                        size: "mini",
+                                        onChange: $options.addThemeColor
+                                      }, null, 8, ["modelValue", "onChange"])
+                                    ], 512), [
+                                      [vShow, $data.themeType === "custom"]
+                                    ])
+                                  ])
+                                ], 64)) : config2.type === "slider" ? (openBlock(), createBlock(_component_el_slider, {
+                                  key: 7,
+                                  size: "small",
+                                  modelValue: $data.data[config2.key],
+                                  "onUpdate:modelValue": ($event) => $data.data[config2.key] = $event,
+                                  max: config2.max || 100,
+                                  onChange: (v) => $options.changeValue({ [config2.key]: v }, config2)
+                                }, null, 8, ["modelValue", "onUpdate:modelValue", "max", "onChange"])) : config2.type === "range" ? (openBlock(), createBlock(_component_el_slider, {
+                                  key: 8,
+                                  size: "small",
+                                  modelValue: $data.data[config2.key],
+                                  "onUpdate:modelValue": ($event) => $data.data[config2.key] = $event,
+                                  range: "",
+                                  min: config2.min || 0,
+                                  max: config2.max || 100,
+                                  onChange: (v) => $options.changeValue({ [config2.key]: v })
+                                }, null, 8, ["modelValue", "onUpdate:modelValue", "min", "max", "onChange"])) : (openBlock(), createBlock(_component_el_input, {
+                                  key: 9,
+                                  size: "small",
+                                  modelValue: $data.data[config2.key],
+                                  "onUpdate:modelValue": ($event) => $data.data[config2.key] = $event,
+                                  placeholder: config2.placeHolder || "",
+                                  clearable: ""
+                                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"]))
+                              ])
+                            ], 2);
+                          }), 128))
+                        ])
+                      ], 512)), [
+                        [vShow, !$data.foldArea[item2.key]]
+                      ]) : createCommentVNode("", true)
+                    ]);
+                  }), 128))
+                ])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_tab_pane, {
+              label: "高级设置",
+              name: "advance"
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ])
+    ], 512), [
+      [vShow, !$data.fold]
+    ])
+  ]);
+}
+const Config = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-d87c9377"]]);
+export {
+  Config as default
+};