@ecan-bi/datav 1.1.15 → 1.1.17

package/es/graph/bar/Bar.vue2.js

@@ -0,0 +1,368 @@
+import { defineComponent, ref, computed, unref, inject, watch } from "vue";
+import { usePickComponentStyle } from "../../hooks/usePickComponentStyle.js";
+import { useOnEvent } from "../../hooks/useOnEvent.js";
+import { useEmitEvent } from "../../hooks/useEmitEvent.js";
+import { useTransformChartDataByAttrValue } from "../../hooks/useTransformChartDataByAttrValue.js";
+import { useRequestData } from "../../hooks/useRequestData.js";
+import { useTransformChartDataByAttrKey } from "../../hooks/useTransformChartDataByAttrKey.js";
+import { GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL } from "../../utils/constant.js";
+import { useVariablesInText } from "../../hooks/useVariablesInText.js";
+import "../../utils/request.js";
+import { Modal } from "ant-design-vue";
+import { useValueFormatter } from "../../hooks/useValueFormatter.js";
+import { useIndicatorData } from "../../hooks/useIndicatorData.js";
+import "lodash-es";
+import Echarts from "../../common/echarts/Echarts.js";
+import { barComponentProps } from "./props.js";
+import Spin from "../../common/spin/Spin.vue3.js";
+import { useDownloadFile } from "../../hooks/useDownloadFile.js";
+import { install as install$1 } from "../../node_modules/echarts/lib/chart/bar/install.js";
+import { install as install$4 } from "../../node_modules/echarts/lib/component/dataset/install.js";
+import { use } from "../../node_modules/echarts/lib/extension.js";
+import { install } from "../../node_modules/echarts/lib/renderer/installCanvasRenderer.js";
+import { install as install$2 } from "../../node_modules/echarts/lib/component/title/install.js";
+import { install as install$3 } from "../../node_modules/echarts/lib/component/legend/install.js";
+import { install as install$5 } from "../../node_modules/echarts/lib/component/toolbox/install.js";
+use([
+  install,
+  install$1,
+  install$2,
+  install$3,
+  install$4,
+  install$5
+]);
+const _sfc_main = defineComponent({
+  name: "EcanBar",
+  props: {
+    ...barComponentProps
+  },
+  components: {
+    Spin,
+    Echarts,
+    AModal: Modal
+  },
+  setup(props, { expose }) {
+    const style = usePickComponentStyle(props);
+    const dataSource = ref([]);
+    const visible = ref(false);
+    const hideModal = () => {
+      visible.value = false;
+    };
+    const series = computed(() => {
+      const ds = unref(dataSource);
+      const len = ds.length;
+      const series2 = [];
+      for (let i = 0; i < len; i++) {
+        const item = {
+          ...ds[i],
+          type: "bar",
+          barWidth: props.barWidth
+        };
+        if (props.isStack) {
+          item.stack = "stack";
+        }
+        item.label = {
+          show: props.labelShow,
+          fontSize: props.labelFontSize,
+          position: props.labelPosition,
+          color: props.labelColor
+        };
+        series2.push(item);
+      }
+      return series2;
+    });
+    const dimensions = ref([]);
+    const loading = ref(false);
+    const option = computed(() => {
+      const yAxisLabelFormatter = props.yAxisLabelFormatter;
+      const xAxisLabelFormatter = props.xAxisLabelFormatter;
+      return {
+        toolbox: {
+          show: props.toolboxShow,
+          left: props.toolboxLeft,
+          top: props.toolboxTop,
+          itemSize: props.toolboxItemSize,
+          itemGap: props.toolboxItemGap,
+          feature: {
+            myDownload: {
+              show: true,
+              title: "数据下载",
+              icon: "path://M502.010485 765.939573c3.773953 3.719718 8.686846 5.573949 13.596669 5.573949 0.075725 0 0.151449-0.010233 0.227174-0.011256 0.329505 0.016373 0.654916 0.050142 0.988514 0.050142 0.706081 0 1.400906-0.042979 2.087545-0.116657 4.352121-0.366344 8.607028-2.190899 11.961426-5.496178l335.053985-330.166675c7.619538-7.509021 7.709589-19.773346 0.200568-27.393907s-19.774369-7.711636-27.39493-0.201591L536.193005 706.304358 536.193005 50.019207c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 657.032164-306.881342-302.44838c-7.618515-7.509021-19.883863-7.419993-27.393907 0.199545-7.509021 7.619538-7.419993 19.884886 0.199545 27.393907L502.010485 765.939573z,             M867.170139 711.020776c-10.698666 0-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 13.054317-10.620895 23.675212-23.676236 23.675212L205.182103 919.486668c-13.054317 0-23.676236-10.620895-23.676236-23.675212L181.505867 730.391962c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 34.416857 28.000728 62.416562 62.417585 62.416562l618.941638 0c34.417881 0 62.417585-27.999704 62.417585-62.416562L886.540302 730.391962C886.541325 719.693296 877.868805 711.020776 867.170139 711.020776z",
+              onclick() {
+                useDownloadFile(props.toolboxDownloadUrl);
+              }
+            },
+            myDataZoom: {
+              show: true,
+              title: "放大",
+              icon: "path://M932.42 902.246667L792 761.793333A403.84 403.84 0 0 0 896 490.666667c0-223.86-181.473333-405.333333-405.333333-405.333334S85.333333 266.806667 85.333333 490.666667s181.473333 405.333333 405.333334 405.333333a403.84 403.84 0 0 0 271.126666-104l140.453334 140.453333a21.333333 21.333333 0 0 0 30.173333-30.173333zM128 490.666667c0-200.293333 162.373333-362.666667 362.666667-362.666667s362.666667 162.373333 362.666666 362.666667-162.373333 362.666667-362.666666 362.666666-362.666667-162.373333-362.666667-362.666666z m512 0a21.333333 21.333333 0 0 1-21.333333 21.333333H512v106.666667a21.333333 21.333333 0 0 1-42.666667 0V512H362.666667a21.333333 21.333333 0 0 1 0-42.666667h106.666666V362.666667a21.333333 21.333333 0 0 1 42.666667 0v106.666666h106.666667a21.333333 21.333333 0 0 1 21.333333 21.333334z",
+              onclick() {
+                visible.value = true;
+              }
+            },
+            myInfo: {
+              show: true,
+              title: "说明信息",
+              icon: "path://M512.50142 958.397886c-119.320573 0-231.499491-46.465265-315.871087-130.837884C112.258737 743.188406 65.792449 631.010511 65.792449 511.688915c0-119.319549 46.466288-231.499491 130.837884-315.871087C281.002952 111.445208 393.180847 64.979944 512.50142 64.979944s231.499491 46.465265 315.871087 130.837884c84.372619 84.372619 130.837884 196.551538 130.837884 315.871087 0 119.321596-46.465265 231.499491-130.837884 315.871087C744.000911 911.932622 631.821993 958.397886 512.50142 958.397886zM512.50142 105.962334c-223.718271 0-405.726581 182.00831-405.726581 405.726581s182.00831 405.726581 405.726581 405.726581c223.718271 0 405.727605-182.00831 405.727605-405.726581S736.220714 105.962334 512.50142 105.962334z M510.150886 775.953647c-18.107403 0-32.745798-14.678304-32.745798-32.785707L477.405087 452.191846c0-18.108426 14.638395-32.785707 32.745798-32.785707 18.107403 0 32.745798 14.678304 32.745798 32.785707l0 290.976094C542.896684 761.275343 528.258289 775.953647 510.150886 775.953647z M511.357364 296.458969m-45.080731 0a44.054 44.054 0 1 0 90.161463 0 44.054 44.054 0 1 0-90.161463 0Z",
+              onclick() {
+                Modal.info({
+                  title: "说明信息",
+                  content: props.toolboxInfoText
+                });
+              }
+            }
+          }
+        },
+        title: {
+          text: props.titleText,
+          subtext: props.titleSubtext,
+          left: "center"
+        },
+        grid: {
+          top: props.gridTop,
+          bottom: props.gridBottom,
+          left: props.gridLeft,
+          right: props.gridRight,
+          containLabel: props.gridContainLabel
+        },
+        color: props.colors,
+        tooltip: {
+          trigger: "axis",
+          show: props.tooltipShow,
+          formatter: (params) => {
+            const len = params.length;
+            let formatter = "";
+            let tooltipFormatter = props.tooltipFormatter;
+            if (tooltipFormatter === "") {
+              tooltipFormatter = "{marker} {a}    {c}";
+            }
+            for (let i = 0; i < len; i++) {
+              const { marker, seriesName, name, value, data } = params[i] || {};
+              if (i === 0) {
+                formatter += `${name}<br/>`;
+              }
+              formatter += useVariablesInText(
+                tooltipFormatter,
+                {
+                  marker,
+                  name,
+                  value,
+                  a: seriesName,
+                  b: name,
+                  c: value,
+                  ...data
+                },
+                {
+                  useNewline: true,
+                  useSpace: true
+                }
+              );
+              formatter += "<br/>";
+            }
+            return formatter;
+          },
+          // valueFormatter: (value) => {
+          //   return useVariablesInText(props.tooltipValueFormatter as string, { value })
+          // },
+          textStyle: {
+            color: props.tooltipTextStyleColor
+          }
+        },
+        legend: {
+          show: props.legendShow,
+          orient: props.legendOrient,
+          top: props.legendTop,
+          left: props.legendLeft,
+          textStyle: {
+            color: props.legendTextStyleColor
+          }
+        },
+        xAxis: {
+          type: props.isUseHorizontalAxis ? "value" : "category",
+          data: props.isUseHorizontalAxis ? null : unref(dimensions),
+          inverse: props.isUseHorizontalAxis ? props.xAxisInverse : props.axisInverse,
+          splitLine: {
+            show: props.xAxisSplitLineShow,
+            lineStyle: {
+              color: props.xAxisSplitLineStyleColor
+            }
+          },
+          axisLabel: {
+            color: props.xAxisLabelColor,
+            interval: 0,
+            rotate: props.xAxisLabelRotate,
+            width: props.xAxisLabelWidth,
+            overflow: props.xAxisLabelOverflow,
+            formatter(value) {
+              return useValueFormatter(xAxisLabelFormatter, value);
+            }
+          },
+          axisLine: {
+            lineStyle: {
+              color: props.xAxisLineStyleColor
+            }
+          },
+          axisTick: {
+            show: props.xAxisTickShow
+          }
+        },
+        yAxis: {
+          type: props.isUseHorizontalAxis ? "category" : "value",
+          data: props.isUseHorizontalAxis ? unref(dimensions) : null,
+          inverse: props.isUseHorizontalAxis ? props.axisInverse : props.yAxisInverse,
+          splitLine: {
+            show: props.yAxisSplitLineShow,
+            lineStyle: {
+              color: props.yAxisSplitLineStyleColor
+            }
+          },
+          axisLabel: {
+            color: props.yAxisLabelColor,
+            rotate: props.yAxisLabelRotate,
+            width: props.yAxisLabelWidth,
+            overflow: props.yAxisLabelOverflow,
+            formatter(value) {
+              return useValueFormatter(yAxisLabelFormatter, value);
+            }
+          },
+          axisLine: {
+            lineStyle: {
+              color: props.yAxisLineStyleColor
+            }
+          }
+        },
+        series: unref(series)
+      };
+    });
+    const { pageMode } = inject(GLOBAL_CONFIG, {
+      pageMode: "normal"
+    });
+    const handleDataset = (data = [], useDataFieldNames = false) => {
+      let chartData = {};
+      if (props.dataFieldConfigType === "key") {
+        const dataFieldNames = useDataFieldNames ? props.keyTypeDataFieldNames : null;
+        chartData = useTransformChartDataByAttrKey(data, dataFieldNames);
+      } else if (props.dataFieldConfigType === "value") {
+        const dataFieldNames = useDataFieldNames ? props.valueTypeDataFieldNames : null;
+        chartData = useTransformChartDataByAttrValue(data, dataFieldNames);
+      }
+      dataSource.value = chartData.dataset;
+      dimensions.value = chartData.dimensions;
+    };
+    const handleIndicatorDataset = (data = [], keyTypeDataFieldNames, useDataFieldNames = false) => {
+      const dataFieldNames = useDataFieldNames ? keyTypeDataFieldNames : null;
+      const chartData = useTransformChartDataByAttrKey(data, dataFieldNames);
+      dataSource.value = chartData.dataset;
+      dimensions.value = chartData.dimensions;
+    };
+    watch(() => props.data, (value) => {
+      if (props.dataType === "static" || unref(pageMode) === "design") {
+        handleDataset(value);
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    const requestData = useRequestData(props);
+    const handleRequestData = async () => {
+      var _a, _b;
+      try {
+        loading.value = true;
+        const res = await requestData();
+        handleDataset((_b = (_a = res == null ? void 0 : res.data) == null ? void 0 : _a.data) == null ? void 0 : _b.rows, true);
+      } catch (e) {
+        console.error(e);
+      } finally {
+        loading.value = false;
+      }
+    };
+    const indicatorData = useIndicatorData(props);
+    const handleIndicatorData = async () => {
+      var _a;
+      try {
+        loading.value = true;
+        const res = await indicatorData();
+        const { columns = [], rows = [] } = ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.data) ?? {};
+        let fieldNames;
+        if (columns.length > 0) {
+          fieldNames = {
+            name: columns[0],
+            types: columns.slice(1).map((column) => {
+              return {
+                label: column,
+                value: column
+              };
+            })
+          };
+        }
+        handleIndicatorDataset(rows, fieldNames, true);
+      } catch (e) {
+        console.error(e);
+      } finally {
+        loading.value = false;
+      }
+    };
+    const refreshData = () => {
+      if (unref(pageMode) === "design")
+        return;
+      switch (props.dataType) {
+        case "indicator":
+          handleIndicatorData();
+          break;
+        case "request":
+          handleRequestData();
+          break;
+      }
+    };
+    expose({
+      refreshData
+    });
+    const emitEvent = useEmitEvent(props);
+    const { getGlobalModel, setGlobalModel } = inject(GLOBAL_MODEL, {
+      // @ts-ignore
+      // eslint-disable-next-line no-void
+      getGlobalModel: (key) => void 0,
+      // @ts-ignore
+      // eslint-disable-next-line no-void
+      setGlobalModel: (key, value) => void 0
+    });
+    const click = emitEvent("click", (e) => {
+      const id = props.id;
+      const modal = getGlobalModel(id);
+      setGlobalModel(id, { ...modal, RECORD: e.data });
+    });
+    const { setRequest } = inject(REQUEST_MODEL, {
+      // @ts-ignore
+      // eslint-disable-next-line no-void
+      setRequest: ({ id, sortNum, requestFn }) => void 0
+    });
+    setRequest({
+      id: props.id,
+      requestFn: refreshData,
+      sortNum: props.requestSort
+    });
+    const resetRecord = () => {
+      const id = props.id;
+      const modal = getGlobalModel(id);
+      setGlobalModel(id, { ...modal, RECORD: "" });
+    };
+    useOnEvent(props, {
+      refreshData,
+      click,
+      resetRecord
+    });
+    return {
+      option,
+      style,
+      refreshData,
+      click,
+      loading,
+      visible,
+      hideModal
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Bar.vue2.js.map

package/es/graph/bar/Bar.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bar.vue2.js","sources":["../../../src/graph/bar/Bar.vue"],"sourcesContent":["<template>\n  <div class=\"ecan-bar\" :style=\"style\">\n    <spin :spinning=\"loading\">\n      <echarts\n        :option=\"option\"\n        :update-options=\"{ notMerge: true }\"\n        autoresize\n        @click=\"click\"\n      />\n    </spin>\n    <a-modal\n      wrap-class-name=\"full-modal\"\n      width=\"100%\"\n      :visible=\"visible\"\n      :footer=\"null\"\n      @cancel=\"hideModal\"\n    >\n      <spin :spinning=\"loading\">\n        <echarts\n          :option=\"option\"\n          :update-options=\"{ notMerge: true }\"\n          autoresize\n        />\n      </spin>\n    </a-modal>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, watch, inject, unref } from 'vue'\nimport {\n  usePickComponentStyle,\n  useOnEvent,\n  useTransformChartDataByAttrValue,\n  useTransformChartDataByAttrKey,\n  useEmitEvent,\n  useRequestData,\n  useIndicatorData,\n  useValueFormatter,\n  useVariablesInText\n} from '@/hooks'\nimport { GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL } from '@/utils/constant'\nimport { ValueTypeDataFieldNames, KeyTypeDataFieldNames, Data } from '@/utils/props'\nimport Echarts from '@/common/echarts'\nimport { barComponentProps } from './props'\nimport { use } from 'echarts/core'\nimport { CanvasRenderer } from 'echarts/renderers'\nimport { BarChart } from 'echarts/charts'\nimport Spin from '@/common/spin'\nimport { Modal as AModal } from 'ant-design-vue'\nimport {\n  TitleComponent,\n  LegendComponent,\n  DatasetComponent,\n  ToolboxComponent\n} from 'echarts/components'\nimport { RequestModalParam } from '@/utils/types'\nimport useDownloadFile from '@/hooks/useDownloadFile'\nuse([\n  CanvasRenderer,\n  BarChart,\n  TitleComponent,\n  LegendComponent,\n  DatasetComponent,\n  ToolboxComponent\n])\nexport default defineComponent({\n  name: 'EcanBar',\n  props: {\n    ...barComponentProps\n  },\n  components: {\n    Spin,\n    Echarts,\n    AModal\n  },\n  setup (props, { expose }) {\n    const style = usePickComponentStyle(props)\n    const dataSource = ref<{ [key: string]: any }[]>([])\n    const visible = ref(false)\n    const hideModal = () => {\n      visible.value = false\n    }\n    const series = computed(() => {\n      const ds = unref(dataSource)\n      const len = ds.length\n      const series = []\n      for (let i = 0; i < len; i++) {\n        const item = {\n          ...ds[i],\n          type: 'bar',\n          barWidth: props.barWidth\n        } as { [key:string]: any }\n        if (props.isStack) {\n          item.stack = 'stack'\n        }\n        item.label = {\n          show: props.labelShow,\n          fontSize: props.labelFontSize,\n          position: props.labelPosition,\n          color: props.labelColor\n        }\n        series.push(item)\n      }\n      return series\n    })\n    const dimensions = ref<{ [key: string]: any }[]>([])\n    const loading = ref(false)\n    const option = computed(() => {\n      // 这样写为了触发响应式\n      // 返回函数中使用无法触发\n      const yAxisLabelFormatter = props.yAxisLabelFormatter as string\n      const xAxisLabelFormatter = props.xAxisLabelFormatter as string\n      return {\n        toolbox: {\n          show: props.toolboxShow,\n          left: props.toolboxLeft,\n          top: props.toolboxTop,\n          itemSize: props.toolboxItemSize,\n          itemGap: props.toolboxItemGap,\n          feature: {\n            myDownload: {\n              show: true,\n              title: '数据下载',\n              icon: 'path://M502.010485 765.939573c3.773953 3.719718 8.686846 5.573949 13.596669 5.573949 0.075725 0 0.151449-0.010233 0.227174-0.011256 0.329505 0.016373 0.654916 0.050142 0.988514 0.050142 0.706081 0 1.400906-0.042979 2.087545-0.116657 4.352121-0.366344 8.607028-2.190899 11.961426-5.496178l335.053985-330.166675c7.619538-7.509021 7.709589-19.773346 0.200568-27.393907s-19.774369-7.711636-27.39493-0.201591L536.193005 706.304358 536.193005 50.019207c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 657.032164-306.881342-302.44838c-7.618515-7.509021-19.883863-7.419993-27.393907 0.199545-7.509021 7.619538-7.419993 19.884886 0.199545 27.393907L502.010485 765.939573z,             M867.170139 711.020776c-10.698666 0-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 13.054317-10.620895 23.675212-23.676236 23.675212L205.182103 919.486668c-13.054317 0-23.676236-10.620895-23.676236-23.675212L181.505867 730.391962c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 34.416857 28.000728 62.416562 62.417585 62.416562l618.941638 0c34.417881 0 62.417585-27.999704 62.417585-62.416562L886.540302 730.391962C886.541325 719.693296 877.868805 711.020776 867.170139 711.020776z',\n              onclick () {\n                useDownloadFile(props.toolboxDownloadUrl as string)\n              }\n            },\n            myDataZoom: {\n              show: true,\n              title: '放大',\n              icon: 'path://M932.42 902.246667L792 761.793333A403.84 403.84 0 0 0 896 490.666667c0-223.86-181.473333-405.333333-405.333333-405.333334S85.333333 266.806667 85.333333 490.666667s181.473333 405.333333 405.333334 405.333333a403.84 403.84 0 0 0 271.126666-104l140.453334 140.453333a21.333333 21.333333 0 0 0 30.173333-30.173333zM128 490.666667c0-200.293333 162.373333-362.666667 362.666667-362.666667s362.666667 162.373333 362.666666 362.666667-162.373333 362.666667-362.666666 362.666666-362.666667-162.373333-362.666667-362.666666z m512 0a21.333333 21.333333 0 0 1-21.333333 21.333333H512v106.666667a21.333333 21.333333 0 0 1-42.666667 0V512H362.666667a21.333333 21.333333 0 0 1 0-42.666667h106.666666V362.666667a21.333333 21.333333 0 0 1 42.666667 0v106.666666h106.666667a21.333333 21.333333 0 0 1 21.333333 21.333334z',\n              onclick () {\n                visible.value = true\n              }\n            },\n            myInfo: {\n              show: true,\n              title: '说明信息',\n              icon: 'path://M512.50142 958.397886c-119.320573 0-231.499491-46.465265-315.871087-130.837884C112.258737 743.188406 65.792449 631.010511 65.792449 511.688915c0-119.319549 46.466288-231.499491 130.837884-315.871087C281.002952 111.445208 393.180847 64.979944 512.50142 64.979944s231.499491 46.465265 315.871087 130.837884c84.372619 84.372619 130.837884 196.551538 130.837884 315.871087 0 119.321596-46.465265 231.499491-130.837884 315.871087C744.000911 911.932622 631.821993 958.397886 512.50142 958.397886zM512.50142 105.962334c-223.718271 0-405.726581 182.00831-405.726581 405.726581s182.00831 405.726581 405.726581 405.726581c223.718271 0 405.727605-182.00831 405.727605-405.726581S736.220714 105.962334 512.50142 105.962334z M510.150886 775.953647c-18.107403 0-32.745798-14.678304-32.745798-32.785707L477.405087 452.191846c0-18.108426 14.638395-32.785707 32.745798-32.785707 18.107403 0 32.745798 14.678304 32.745798 32.785707l0 290.976094C542.896684 761.275343 528.258289 775.953647 510.150886 775.953647z M511.357364 296.458969m-45.080731 0a44.054 44.054 0 1 0 90.161463 0 44.054 44.054 0 1 0-90.161463 0Z',\n              onclick () {\n                AModal.info({\n                  title: '说明信息',\n                  content: (props.toolboxInfoText as string)\n                })\n              }\n            }\n          }\n        },\n        title: {\n          text: props.titleText,\n          subtext: props.titleSubtext,\n          left: 'center'\n        },\n        grid: {\n          top: props.gridTop,\n          bottom: props.gridBottom,\n          left: props.gridLeft,\n          right: props.gridRight,\n          containLabel: props.gridContainLabel\n        },\n        color: props.colors,\n        tooltip: {\n          trigger: 'axis',\n          show: props.tooltipShow,\n          formatter: (params) => {\n            const len = params.length\n            let formatter = ''\n            let tooltipFormatter = props.tooltipFormatter as string\n            if (tooltipFormatter === '') {\n              tooltipFormatter = '{marker} {a}    {c}'\n            }\n            for (let i = 0; i < len; i++) {\n              const { marker, seriesName, name, value, data } = params[i] || {}\n              if (i === 0) {\n                formatter += `${name}<br/>`\n              }\n              formatter += useVariablesInText(\n                tooltipFormatter,\n                {\n                  marker,\n                  name,\n                  value,\n                  a: seriesName,\n                  b: name,\n                  c: value,\n                  ...data\n                },\n                {\n                  useNewline: true,\n                  useSpace: true\n                })\n              formatter += '<br/>'\n            }\n            return formatter\n          },\n          // valueFormatter: (value) => {\n          //   return useVariablesInText(props.tooltipValueFormatter as string, { value })\n          // },\n          textStyle: {\n            color: props.tooltipTextStyleColor\n          }\n        },\n        legend: {\n          show: props.legendShow,\n          orient: props.legendOrient,\n          top: props.legendTop,\n          left: props.legendLeft,\n          textStyle: {\n            color: props.legendTextStyleColor\n          }\n        },\n        xAxis: {\n          type: props.isUseHorizontalAxis ? 'value' : 'category',\n          data: props.isUseHorizontalAxis ? null : unref(dimensions),\n          inverse: props.isUseHorizontalAxis ? props.xAxisInverse : props.axisInverse,\n          splitLine: {\n            show: props.xAxisSplitLineShow,\n            lineStyle: {\n              color: props.xAxisSplitLineStyleColor\n            }\n          },\n          axisLabel: {\n            color: props.xAxisLabelColor,\n            interval: 0,\n            rotate: props.xAxisLabelRotate,\n            width: props.xAxisLabelWidth,\n            overflow: props.xAxisLabelOverflow,\n            formatter (value: string) {\n              return useValueFormatter(xAxisLabelFormatter, value)\n            }\n          },\n          axisLine: {\n            lineStyle: {\n              color: props.xAxisLineStyleColor\n            }\n          },\n          axisTick: {\n            show: props.xAxisTickShow\n          }\n        },\n        yAxis: {\n          type: props.isUseHorizontalAxis ? 'category' : 'value',\n          data: props.isUseHorizontalAxis ? unref(dimensions) : null,\n          inverse: props.isUseHorizontalAxis ? props.axisInverse : props.yAxisInverse,\n          splitLine: {\n            show: props.yAxisSplitLineShow,\n            lineStyle: {\n              color: props.yAxisSplitLineStyleColor\n            }\n          },\n          axisLabel: {\n            color: props.yAxisLabelColor,\n            rotate: props.yAxisLabelRotate,\n            width: props.yAxisLabelWidth,\n            overflow: props.yAxisLabelOverflow,\n            formatter (value: string) {\n              return useValueFormatter(yAxisLabelFormatter, value)\n            }\n          },\n          axisLine: {\n            lineStyle: {\n              color: props.yAxisLineStyleColor\n            }\n          }\n        },\n        series: unref(series)\n      }\n    })\n    const { pageMode } = inject(GLOBAL_CONFIG, {\n      pageMode: 'normal'\n    })\n\n    const handleDataset = (data: Data = [], useDataFieldNames: boolean = false) => {\n      let chartData = {} as { [key:string]: any }\n      if (props.dataFieldConfigType === 'key') {\n        const dataFieldNames = useDataFieldNames ? props.keyTypeDataFieldNames as KeyTypeDataFieldNames : null\n        chartData = useTransformChartDataByAttrKey(data, dataFieldNames)\n      } else if (props.dataFieldConfigType === 'value') {\n        const dataFieldNames = useDataFieldNames ? props.valueTypeDataFieldNames as ValueTypeDataFieldNames : null\n        chartData = useTransformChartDataByAttrValue(data, dataFieldNames)\n      }\n      dataSource.value = chartData.dataset\n      dimensions.value = chartData.dimensions\n    }\n\n    const handleIndicatorDataset = (data: any = [], keyTypeDataFieldNames: KeyTypeDataFieldNames, useDataFieldNames: boolean = false) => {\n      const dataFieldNames = useDataFieldNames ? keyTypeDataFieldNames : null\n      const chartData = useTransformChartDataByAttrKey(data, dataFieldNames)\n      dataSource.value = chartData.dataset\n      dimensions.value = chartData.dimensions\n    }\n\n    // 静态数据\n    watch(() => props.data, (value: any) => {\n      if (props.dataType === 'static' || unref(pageMode) === 'design') {\n        handleDataset(value)\n      }\n    }, {\n      immediate: true,\n      deep: true\n    })\n\n    const requestData = useRequestData(props)\n    // 动态数据\n    const handleRequestData = async () => {\n      try {\n        loading.value = true\n        const res = await requestData()\n        handleDataset(res?.data?.data?.rows, true)\n      } catch (e) {\n        console.error(e)\n      } finally {\n        loading.value = false\n      }\n    }\n\n    // 指标库\n    const indicatorData = useIndicatorData(props)\n    const handleIndicatorData = async () => {\n      try {\n        loading.value = true\n        const res = await indicatorData()\n        const { columns = [], rows = [] } = res?.data?.data ?? {}\n        let fieldNames\n        if (columns.length > 0) {\n          fieldNames = {\n            name: columns[0],\n            types: columns.slice(1).map(column => {\n              return {\n                label: column,\n                value: column\n              }\n            })\n          }\n        }\n        handleIndicatorDataset(rows, fieldNames, true)\n      } catch (e) {\n        console.error(e)\n      } finally {\n        loading.value = false\n      }\n    }\n\n    const refreshData = () => {\n      if (unref(pageMode) === 'design') return\n      switch (props.dataType) {\n        case 'indicator':\n          handleIndicatorData()\n          break\n        case 'request':\n          handleRequestData()\n          break\n      }\n    }\n\n    expose({\n      refreshData\n    })\n\n    const emitEvent = useEmitEvent(props)\n\n    const { getGlobalModel, setGlobalModel } = inject(GLOBAL_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      getGlobalModel: (key: string) => void 0,\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setGlobalModel: (key: string, value: any) => void 0\n    })\n    const click = emitEvent('click', (e) => {\n      // TODO 设置是否保存钻取数据\n      const id = props.id as string\n      const modal = getGlobalModel(id)\n      // 约定获取数据\n      setGlobalModel(id, { ...modal, RECORD: e.data })\n    })\n\n    const { setRequest } = inject(REQUEST_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setRequest: ({ id, sortNum, requestFn }: RequestModalParam) => void 0\n    })\n\n    setRequest({\n      id: props.id as string,\n      requestFn: refreshData,\n      sortNum: props.requestSort as number\n    })\n\n    const resetRecord = () => {\n      const id = props.id as string\n      const modal = getGlobalModel(id)\n      setGlobalModel(id, { ...modal, RECORD: '' })\n    }\n\n    useOnEvent(props, {\n      refreshData,\n      click,\n      resetRecord\n    })\n\n    return {\n      option,\n      style,\n      refreshData,\n      click,\n      loading,\n      visible,\n      hideModal\n    }\n  }\n})\n</script>\n\n<style lang=\"less\">\n.full-modal {\n  .ant-modal {\n    max-width: 100%;\n    top: 0;\n    padding-bottom: 0;\n    margin: 0;\n  }\n  .ant-modal-content {\n    display: flex;\n    flex-direction: column;\n    height: calc(100vh);\n  }\n  .ant-modal-body {\n    flex: 1;\n  }\n  .ant-modal-body {\n    padding: 45px 30px 0;\n  }\n}\n</style>\n"],"names":["CanvasRenderer","BarChart","TitleComponent","LegendComponent","DatasetComponent","ToolboxComponent","AModal","series"],"mappings":"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"}

package/es/graph/bar/Bar.vue3.js

@@ -0,0 +1,5 @@
+const Bar_vue_vue_type_style_index_0_lang = "";
+export {
+  Bar_vue_vue_type_style_index_0_lang as default
+};
+//# sourceMappingURL=Bar.vue3.js.map

package/es/graph/bar/Bar.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bar.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/graph/bar/index.js

@@ -0,0 +1,12 @@
+import { withInstall } from "../../utils/withInstall.js";
+import Bar from "./Bar.vue.js";
+import { barComponentProps, barEvents, barProps } from "./props.js";
+const EcanBar = withInstall(Bar);
+export {
+  EcanBar,
+  barComponentProps,
+  barEvents,
+  barProps,
+  EcanBar as default
+};
+//# sourceMappingURL=index.js.map

package/es/graph/bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/graph/bar/index.ts"],"sourcesContent":["import { withInstall } from '@/utils/withInstall'\nimport Bar from './Bar.vue'\nexport const EcanBar = withInstall(Bar)\nexport default EcanBar\nexport * from './props'\n"],"names":[],"mappings":";;;AAEa,MAAA,UAAU,YAAY,GAAG;"}

package/es/graph/bar/props.js

@@ -0,0 +1,101 @@
+import { transformToComponentProps, props } from "../../utils/props.js";
+const barProps = {
+  ...props,
+  id: "",
+  name: "柱状图",
+  keyName: "柱状图",
+  type: "ecanBar",
+  width: "400px",
+  height: "400px",
+  top: "",
+  left: "",
+  rotate: "",
+  xAxisLabelFormatter: "{value}",
+  yAxisLabelFormatter: "{value}",
+  data: [
+    {
+      name: "名称一",
+      value: 335,
+      type: "类型一"
+    },
+    {
+      name: "名称二",
+      value: 310,
+      type: "类型一"
+    },
+    {
+      name: "名称三",
+      value: 310,
+      type: "类型一"
+    }
+  ],
+  titleText: "",
+  titleSubtext: "",
+  colors: ["#5470c6", "#91cc75", "#fac858", "#ee6666", "#73c0de", "#3ba272", "#fc8452", "#9a60b4", "#ea7ccc"],
+  legendShow: true,
+  legendTextStyleColor: "#333",
+  legendOrient: "horizontal",
+  legendTop: "top",
+  legendLeft: "center",
+  tooltipShow: true,
+  tooltipTextStyleColor: "",
+  tooltipFormatter: "{marker} {a}    {c}",
+  xAxisSplitLineShow: true,
+  xAxisSplitLineStyleColor: "#333",
+  xAxisLabelColor: "#333",
+  xAxisLabelWidth: void 0,
+  xAxisLabelRotate: 0,
+  xAxisLabelOverflow: "none",
+  xAxisLineStyleColor: "#333",
+  xAxisTickShow: true,
+  yAxisLabelWidth: void 0,
+  yAxisLabelRotate: 0,
+  yAxisLabelOverflow: "none",
+  yAxisSplitLineShow: true,
+  yAxisSplitLineStyleColor: "#333",
+  yAxisLabelColor: "#333",
+  yAxisLineStyleColor: "#333",
+  valueTypeDataFieldNames: { name: "name", value: "value", type: "type" },
+  keyTypeDataFieldNames: { name: "name", types: [] },
+  dataFieldConfigType: "value",
+  barWidth: "40%",
+  gridContainLabel: true,
+  gridTop: "10%",
+  gridBottom: "10%",
+  gridLeft: "5%",
+  gridRight: "5%",
+  graphicConfig: {
+    chartType: "bar",
+    // 图表类型，后台接口
+    plugin: "1",
+    // 插件类型，后台接口
+    layer: "2"
+    // 图类型, 后台接口
+  },
+  toolboxShow: false,
+  toolboxOrient: "horizontal",
+  toolboxItemSize: 16,
+  toolboxItemGap: 8,
+  toolboxLeft: "right",
+  toolboxTop: "top",
+  toolboxIconStyleBorderColor: "#666",
+  toolboxDownloadUrl: "",
+  toolboxInfoText: "当前无说明信息",
+  isUseHorizontalAxis: false,
+  axisInverse: false,
+  xAxisInverse: false,
+  yAxisInverse: false,
+  isStack: false,
+  labelShow: false,
+  labelFontSize: "12px",
+  labelPosition: "inside",
+  labelColor: ""
+};
+const barComponentProps = transformToComponentProps(barProps);
+const barEvents = ["refreshData", "click", "resetRecord"];
+export {
+  barComponentProps,
+  barEvents,
+  barProps
+};
+//# sourceMappingURL=props.js.map

package/es/graph/bar/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../src/graph/bar/props.ts"],"sourcesContent":["import {\n  Props,\n  props,\n  transformToComponentProps,\n  Data,\n  KeyTypeDataFieldNames,\n  ValueTypeDataFieldNames\n} from '@/utils/props'\n\nexport interface BarProps extends Props {\n  data: Data\n  titleText: string\n  titleSubtext: string\n  colors: string []\n  legendShow: boolean\n  legendTextStyleColor: string\n  legendLeft: 'left' | 'center' | 'right'\n  legendTop: 'top' | 'middle' | 'bottom'\n  legendOrient: 'vertical' | 'horizontal'\n  xAxisSplitLineShow: boolean // x轴展示分割线\n  xAxisLabelColor: string // x轴名称颜色\n  xAxisLabelWidth: number | undefined // x轴名称宽度\n  xAxisLabelOverflow: 'none' | 'truncate' | 'break' | 'breakAll' // x轴名称溢出操作\n  xAxisLabelRotate: number // x轴名称旋转\n  xAxisLineStyleColor: string // x轴名称颜色\n  xAxisTickShow: boolean // 展示刻度\n  xAxisLabelFormatter: string\n  yAxisLabelWidth: number | undefined // y轴名称宽度\n  yAxisLabelOverflow: 'none' | 'truncate' | 'break' | 'breakAll' // y轴名称溢出操作\n  yAxisLabelRotate: number // y轴名称旋转\n  yAxisSplitLineShow: boolean // y轴展示分割线\n  xAxisSplitLineStyleColor: string // x轴分割线颜色\n  yAxisSplitLineStyleColor: string // y轴分割线颜色\n  yAxisLabelColor: string // y轴名称颜色\n  yAxisLineStyleColor: string // y轴名称颜色\n  yAxisLabelFormatter: string\n  valueTypeDataFieldNames: ValueTypeDataFieldNames\n  keyTypeDataFieldNames: KeyTypeDataFieldNames\n  dataFieldConfigType: 'key' | 'value'\n  tooltipShow: boolean\n  tooltipTextStyleColor: string\n  tooltipFormatter: string,\n  gridContainLabel: boolean\n  gridTop: string\n  gridBottom: string\n  gridLeft: string\n  gridRight: string\n  barWidth: string\n  graphicConfig: {\n    [key:string]: any,\n    // 全部属性, 为了属性可拓展，所以在设计器中自由添加\n    // classification: { [key:string]: any }\n    // series: { [key:string]: any }\n    // indicatorList: { [key:string]: any } []\n    // sqlConditions: { [key:string]: any } []\n    // idxLibMode: string\n    // source: string\n    // dataViewId: string\n    chartType: 'bar' // 图表类型，后台接口\n    plugin: '1' // 插件类型，后台接口\n    layer: '2' // 图类型, 后台接口\n  }\n  toolboxShow: boolean\n  toolboxOrient: 'horizontal' | 'vertical'\n  toolboxItemSize: number // 工具栏 icon 的大小。\n  toolboxItemGap: number // 工具栏 icon 每项之间的间隔。横向布局时为水平间隔，纵向布局时为纵向间隔。\n  toolboxLeft: 'left' | 'center' | 'right'\n  toolboxTop: 'top'| 'middle'| 'bottom'\n  toolboxIconStyleBorderColor: string\n  toolboxDownloadUrl: string\n  toolboxInfoText: string\n  isUseHorizontalAxis: boolean\n  axisInverse: boolean\n  xAxisInverse: boolean\n  yAxisInverse: boolean\n  isStack: boolean\n  labelShow: boolean\n  labelFontSize: string\n  labelPosition: 'inside' | 'top' | 'bottom' | 'right' | 'left'\n  labelColor: string\n}\n\nexport const barProps: BarProps = {\n  ...props,\n  id: '',\n  name: '柱状图',\n  keyName: '柱状图',\n  type: 'ecanBar',\n  width: '400px',\n  height: '400px',\n  top: '',\n  left: '',\n  rotate: '',\n  xAxisLabelFormatter: '{value}',\n  yAxisLabelFormatter: '{value}',\n  data: [\n    {\n      name: '名称一',\n      value: 335,\n      type: '类型一'\n    },\n    {\n      name: '名称二',\n      value: 310,\n      type: '类型一'\n    },\n    {\n      name: '名称三',\n      value: 310,\n      type: '类型一'\n    }\n  ],\n  titleText: '',\n  titleSubtext: '',\n  colors: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'],\n  legendShow: true,\n  legendTextStyleColor: '#333',\n  legendOrient: 'horizontal',\n  legendTop: 'top',\n  legendLeft: 'center',\n  tooltipShow: true,\n  tooltipTextStyleColor: '',\n  tooltipFormatter: '{marker} {a}    {c}',\n  xAxisSplitLineShow: true,\n  xAxisSplitLineStyleColor: '#333',\n  xAxisLabelColor: '#333',\n  xAxisLabelWidth: undefined,\n  xAxisLabelRotate: 0,\n  xAxisLabelOverflow: 'none',\n  xAxisLineStyleColor: '#333',\n  xAxisTickShow: true,\n  yAxisLabelWidth: undefined,\n  yAxisLabelRotate: 0,\n  yAxisLabelOverflow: 'none',\n  yAxisSplitLineShow: true,\n  yAxisSplitLineStyleColor: '#333',\n  yAxisLabelColor: '#333',\n  yAxisLineStyleColor: '#333',\n  valueTypeDataFieldNames: { name: 'name', value: 'value', type: 'type' },\n  keyTypeDataFieldNames: { name: 'name', types: [] },\n  dataFieldConfigType: 'value',\n  barWidth: '40%',\n  gridContainLabel: true,\n  gridTop: '10%',\n  gridBottom: '10%',\n  gridLeft: '5%',\n  gridRight: '5%',\n  graphicConfig: {\n    chartType: 'bar', // 图表类型，后台接口\n    plugin: '1', // 插件类型，后台接口\n    layer: '2' // 图类型, 后台接口\n  },\n  toolboxShow: false,\n  toolboxOrient: 'horizontal',\n  toolboxItemSize: 16,\n  toolboxItemGap: 8,\n  toolboxLeft: 'right',\n  toolboxTop: 'top',\n  toolboxIconStyleBorderColor: '#666',\n  toolboxDownloadUrl: '',\n  toolboxInfoText: '当前无说明信息',\n  isUseHorizontalAxis: false,\n  axisInverse: false,\n  xAxisInverse: false,\n  yAxisInverse: false,\n  isStack: false,\n  labelShow: false,\n  labelFontSize: '12px',\n  labelPosition: 'inside',\n  labelColor: ''\n}\n\n// 转化默认属性\nexport const barComponentProps = transformToComponentProps(barProps)\n\nexport const barEvents: string [] = ['refreshData', 'click', 'resetRecord']\n"],"names":[],"mappings":";AAkFO,MAAM,WAAqB;AAAA,EAChC,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,MAAM;AAAA,IACJ;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,QAAQ,CAAC,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,SAAS;AAAA,EAC1G,YAAY;AAAA,EACZ,sBAAsB;AAAA,EACtB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,yBAAyB,EAAE,MAAM,QAAQ,OAAO,SAAS,MAAM,OAAO;AAAA,EACtE,uBAAuB,EAAE,MAAM,QAAQ,OAAO,CAAA,EAAG;AAAA,EACjD,qBAAqB;AAAA,EACrB,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AAAA,EACX,eAAe;AAAA,IACb,WAAW;AAAA;AAAA,IACX,QAAQ;AAAA;AAAA,IACR,OAAO;AAAA;AAAA,EACT;AAAA,EACA,aAAa;AAAA,EACb,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,6BAA6B;AAAA,EAC7B,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,SAAS;AAAA,EACT,WAAW;AAAA,EACX,eAAe;AAAA,EACf,eAAe;AAAA,EACf,YAAY;AACd;AAGa,MAAA,oBAAoB,0BAA0B,QAAQ;AAE5D,MAAM,YAAuB,CAAC,eAAe,SAAS,aAAa;"}

package/es/graph/combo-graph/ComboGraph.vue.js

@@ -0,0 +1,51 @@
+import _sfc_main from "./ComboGraph.vue2.js";
+import { resolveComponent, openBlock, createElementBlock, normalizeStyle, createVNode, withCtx } from "vue";
+import "./ComboGraph.vue3.js";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_echarts = resolveComponent("echarts");
+  const _component_spin = resolveComponent("spin");
+  const _component_a_modal = resolveComponent("a-modal");
+  return openBlock(), createElementBlock("div", {
+    style: normalizeStyle(_ctx.style)
+  }, [
+    createVNode(_component_spin, { spinning: _ctx.loading }, {
+      default: withCtx(() => [
+        createVNode(_component_echarts, {
+          option: _ctx.option,
+          "update-options": { notMerge: true },
+          autoresize: "",
+          onClick: _ctx.click
+        }, null, 8, ["option", "onClick"])
+      ]),
+      _: 1
+    }, 8, ["spinning"]),
+    createVNode(_component_a_modal, {
+      "wrap-class-name": "full-modal",
+      width: "100%",
+      visible: _ctx.visible,
+      footer: null,
+      onCancel: _ctx.hideModal
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_spin, { spinning: _ctx.loading }, {
+          default: withCtx(() => [
+            createVNode(_component_echarts, {
+              option: _ctx.option,
+              "update-options": { notMerge: true },
+              autoresize: "",
+              onClick: _ctx.click
+            }, null, 8, ["option", "onClick"])
+          ]),
+          _: 1
+        }, 8, ["spinning"])
+      ]),
+      _: 1
+    }, 8, ["visible", "onCancel"])
+  ], 4);
+}
+const ComboGraph = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  ComboGraph as default
+};
+//# sourceMappingURL=ComboGraph.vue.js.map

package/es/graph/combo-graph/ComboGraph.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboGraph.vue.js","sources":["../../../src/graph/combo-graph/ComboGraph.vue"],"sourcesContent":["<template>\n  <div :style=\"style\">\n    <spin :spinning=\"loading\">\n      <echarts\n        :option=\"option\"\n        :update-options=\"{ notMerge: true }\"\n        autoresize\n        @click=\"click\"\n      />\n    </spin>\n    <a-modal\n      wrap-class-name=\"full-modal\"\n      width=\"100%\"\n      :visible=\"visible\"\n      :footer=\"null\"\n      @cancel=\"hideModal\">\n        <spin :spinning=\"loading\">\n          <echarts\n            :option=\"option\"\n            :update-options=\"{ notMerge: true }\"\n            autoresize\n            @click=\"click\"\n          />\n        </spin>\n    </a-modal>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, ref, unref, watch } from 'vue'\nimport {\n  useEmitEvent,\n  useOnEvent,\n  usePickComponentStyle,\n  useRequestData, useTransformChartDataByAttrKey,\n  useTransformChartDataByAttrValue,\n  useValueFormatter,\n  useRequestDiagramData, useVariablesInText\n  // useTooltipFormatter\n} from '@/hooks'\nimport { comboGraphComponentProps } from './props'\nimport { GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL } from '@/utils/constant'\nimport { KeyTypeDataFieldNames, ValueTypeDataFieldNames } from '@/utils/props'\nimport { use } from 'echarts/core'\nimport { CanvasRenderer } from 'echarts/renderers'\nimport { BarChart, LineChart } from 'echarts/charts'\nimport { DatasetComponent, LegendComponent, TitleComponent, ToolboxComponent } from 'echarts/components'\nimport Echarts from '@/common/echarts'\nimport Spin from '@/common/spin/'\nimport useDownloadFile from '@/hooks/useDownloadFile'\nimport { Modal as AModal } from 'ant-design-vue'\nimport { RequestModalParam } from '@/utils/types'\nuse([\n  CanvasRenderer,\n  BarChart,\n  LineChart,\n  TitleComponent,\n  LegendComponent,\n  DatasetComponent,\n  ToolboxComponent\n])\nexport default defineComponent({\n  name: 'EcanComboGraph',\n  props: {\n    ...comboGraphComponentProps\n  },\n  components: {\n    Spin,\n    Echarts,\n    AModal\n  },\n  setup (props) {\n    const style = usePickComponentStyle(props)\n    const series = ref<{ [key: string]: any }[]>([])\n    const dimensions = ref<{ [key: string]: any }[]>([])\n    const visible = ref(false)\n    const hideModal = () => {\n      visible.value = false\n    }\n    const option = computed(() => ({\n      title: {\n        text: props.titleText,\n        subtext: props.titleSubtext,\n        left: 'center'\n      },\n      toolbox: {\n        show: props.toolboxShow,\n        left: props.toolboxLeft,\n        top: props.toolboxTop,\n        itemSize: props.toolboxItemSize,\n        itemGap: props.toolboxItemGap,\n        feature: {\n          myDownload: {\n            show: true,\n            title: '数据下载',\n            icon: 'path://M502.010485 765.939573c3.773953 3.719718 8.686846 5.573949 13.596669 5.573949 0.075725 0 0.151449-0.010233 0.227174-0.011256 0.329505 0.016373 0.654916 0.050142 0.988514 0.050142 0.706081 0 1.400906-0.042979 2.087545-0.116657 4.352121-0.366344 8.607028-2.190899 11.961426-5.496178l335.053985-330.166675c7.619538-7.509021 7.709589-19.773346 0.200568-27.393907s-19.774369-7.711636-27.39493-0.201591L536.193005 706.304358 536.193005 50.019207c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 657.032164-306.881342-302.44838c-7.618515-7.509021-19.883863-7.419993-27.393907 0.199545-7.509021 7.619538-7.419993 19.884886 0.199545 27.393907L502.010485 765.939573z,             M867.170139 711.020776c-10.698666 0-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 13.054317-10.620895 23.675212-23.676236 23.675212L205.182103 919.486668c-13.054317 0-23.676236-10.620895-23.676236-23.675212L181.505867 730.391962c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 34.416857 28.000728 62.416562 62.417585 62.416562l618.941638 0c34.417881 0 62.417585-27.999704 62.417585-62.416562L886.540302 730.391962C886.541325 719.693296 877.868805 711.020776 867.170139 711.020776z',\n            onclick () {\n              useDownloadFile(props.toolboxDownloadUrl as string)\n            }\n          },\n          myDataZoom: {\n            show: true,\n            title: '放大',\n            icon: 'path://M932.42 902.246667L792 761.793333A403.84 403.84 0 0 0 896 490.666667c0-223.86-181.473333-405.333333-405.333333-405.333334S85.333333 266.806667 85.333333 490.666667s181.473333 405.333333 405.333334 405.333333a403.84 403.84 0 0 0 271.126666-104l140.453334 140.453333a21.333333 21.333333 0 0 0 30.173333-30.173333zM128 490.666667c0-200.293333 162.373333-362.666667 362.666667-362.666667s362.666667 162.373333 362.666666 362.666667-162.373333 362.666667-362.666666 362.666666-362.666667-162.373333-362.666667-362.666666z m512 0a21.333333 21.333333 0 0 1-21.333333 21.333333H512v106.666667a21.333333 21.333333 0 0 1-42.666667 0V512H362.666667a21.333333 21.333333 0 0 1 0-42.666667h106.666666V362.666667a21.333333 21.333333 0 0 1 42.666667 0v106.666666h106.666667a21.333333 21.333333 0 0 1 21.333333 21.333334z',\n            onclick () {\n              visible.value = true\n            }\n          },\n          myInfo: {\n            show: true,\n            title: '说明信息',\n            icon: 'path://M512.50142 958.397886c-119.320573 0-231.499491-46.465265-315.871087-130.837884C112.258737 743.188406 65.792449 631.010511 65.792449 511.688915c0-119.319549 46.466288-231.499491 130.837884-315.871087C281.002952 111.445208 393.180847 64.979944 512.50142 64.979944s231.499491 46.465265 315.871087 130.837884c84.372619 84.372619 130.837884 196.551538 130.837884 315.871087 0 119.321596-46.465265 231.499491-130.837884 315.871087C744.000911 911.932622 631.821993 958.397886 512.50142 958.397886zM512.50142 105.962334c-223.718271 0-405.726581 182.00831-405.726581 405.726581s182.00831 405.726581 405.726581 405.726581c223.718271 0 405.727605-182.00831 405.727605-405.726581S736.220714 105.962334 512.50142 105.962334z M510.150886 775.953647c-18.107403 0-32.745798-14.678304-32.745798-32.785707L477.405087 452.191846c0-18.108426 14.638395-32.785707 32.745798-32.785707 18.107403 0 32.745798 14.678304 32.745798 32.785707l0 290.976094C542.896684 761.275343 528.258289 775.953647 510.150886 775.953647z M511.357364 296.458969m-45.080731 0a44.054 44.054 0 1 0 90.161463 0 44.054 44.054 0 1 0-90.161463 0Z',\n            onclick () {\n              AModal.info({\n                title: '说明信息',\n                content: (props.toolboxInfoText as string)\n              })\n            }\n          }\n        }\n      },\n      grid: {\n        top: props.gridTop,\n        bottom: props.gridBottom,\n        left: props.gridLeft,\n        right: props.gridRight,\n        containLabel: props.gridContainLabel\n      },\n      color: props.colors,\n      legend: {\n        show: props.legendShow,\n        orient: props.legendOrient,\n        top: props.legendTop,\n        left: props.legendLeft,\n        textStyle: {\n          color: props.legendTextStyleColor\n        }\n      },\n      tooltip: {\n        trigger: 'axis',\n        show: props.tooltipShow,\n        formatter: (params) => {\n          const len = params.length\n          let formatter = ''\n          let tooltipFormatter = props.tooltipFormatter as string\n          if (tooltipFormatter === '') {\n            tooltipFormatter = '{marker} {a}    {c}'\n          }\n          const seriesTypes = props.seriesTypes as { [key: string]: any } []\n          for (let i = 0; i < len; i++) {\n            const seriesType = seriesTypes[i]\n            const { tooltipFormatter: _tooltipFormatter } = seriesType || {}\n            const { marker, seriesName, name, value, data } = params[i] || {}\n            if (i === 0) {\n              formatter += `${name}<br/>`\n            }\n            formatter += useVariablesInText(\n              // 如果系列有提示框组件就使用自定义，没有就用默认的\n              _tooltipFormatter || tooltipFormatter,\n              {\n                marker,\n                name,\n                value,\n                seriesName,\n                a: seriesName,\n                b: name,\n                c: value,\n                ...data\n              },\n              {\n                useNewline: true,\n                useSpace: true\n              })\n            formatter += '<br/>'\n          }\n          return formatter\n        },\n        textStyle: {\n          color: props.tooltipTextStyleColor\n        }\n      },\n      xAxis: {\n        type: 'category',\n        data: unref(dimensions),\n        splitLine: {\n          show: props.xAxisSplitLineShow,\n          lineStyle: {\n            color: props.xAxisSplitLineStyleColor\n          }\n        },\n        axisLabel: {\n          color: props.xAxisLabelColor\n        },\n        axisLine: {\n          lineStyle: {\n            color: props.xAxisLineStyleColor\n          }\n        },\n        axisTick: {\n          show: props.xAxisTickShow\n        }\n      },\n      yAxis: unref(yAxis),\n      series: unref(series)\n    }))\n\n    const { pageMode } = inject(GLOBAL_CONFIG, {\n      pageMode: 'normal'\n    })\n\n    const handleDataset = (data: any = [], useDataFieldNames: boolean = false) => {\n      // dataFieldNames  字段映射\n      let chartData\n      if (props.dataFieldConfigType === 'key') {\n        const dataFieldNames = useDataFieldNames ? props.keyTypeDataFieldNames as KeyTypeDataFieldNames : null\n        chartData = useTransformChartDataByAttrKey(data, dataFieldNames)\n      } else if (props.dataFieldConfigType === 'value') {\n        const dataFieldNames = useDataFieldNames ? props.valueTypeDataFieldNames as ValueTypeDataFieldNames : null\n        chartData = useTransformChartDataByAttrValue(data, dataFieldNames)\n      }\n      // dataFieldNames  字段映射\n      dimensions.value = chartData.dimensions\n      const dataset = chartData.dataset\n      const temp = [] as { [key: string]: any } []\n      const len = dataset.length\n      const seriesTypes = props.seriesTypes as { [key: string]: any } []\n      for (let i = 0; i < len; i++) {\n        const seriesType = seriesTypes[i]\n        const { type, axisIndex } = seriesType || {}\n        let series = {\n          type: type,\n          yAxisIndex: axisIndex,\n          ...dataset[i]\n        } as { [key:string]: any }\n        if (type === 'line') {\n          series = {\n            ...series,\n            symbolSize: props.symbolSize,\n            smooth: props.smooth,\n            areaStyle: {\n              opacity: props.areaStyleOpacity\n            },\n            lineStyle: {\n              width: props.lineStyleWidth\n            }\n          }\n        }\n        if (type === 'bar') {\n          series = {\n            ...series,\n            barWidth: props.barWidth\n          }\n        }\n        temp.push(series)\n      }\n      series.value = temp\n    }\n\n    const handleIndicatorDataset = (data: any = [], keyTypeDataFieldNames: KeyTypeDataFieldNames, useDataFieldNames: boolean = false) => {\n      const dataFieldNames = useDataFieldNames ? keyTypeDataFieldNames : null\n      const chartData = useTransformChartDataByAttrKey(data, dataFieldNames)\n      // dataFieldNames  字段映射\n      dimensions.value = chartData.dimensions\n      const dataset = chartData.dataset\n      const temp = [] as { [key: string]: any } []\n      const len = dataset.length\n      const seriesTypes = props.seriesTypes as { [key: string]: any } []\n      for (let i = 0; i < len; i++) {\n        const seriesType = seriesTypes[i]\n        temp.push({\n          type: seriesType?.type,\n          yAxisIndex: seriesType?.axisIndex,\n          ...dataset[i]\n        })\n      }\n      series.value = temp\n    }\n\n    // 静态数据\n    watch(() => [props.data, props.seriesTypes, props.symbolSize, props.smooth, props.areaStyleOpacity, props.lineStyleWidth, props.barWidth], ([value]) => {\n      if (props.dataType === 'static' || unref(pageMode) === 'design') {\n        handleDataset(value)\n      }\n    }, {\n      immediate: true,\n      deep: true\n    })\n\n    const yAxis = computed(() => {\n      const yAxis = props.yAxis as { [key: string]: any } []\n      return yAxis?.map((axis) => {\n        return {\n          type: 'value',\n          splitLine: {\n            show: props.yAxisSplitLineShow,\n            lineStyle: {\n              color: props.yAxisSplitLineStyleColor\n            }\n          },\n          axisLabel: {\n            color: props.yAxisLabelColor,\n            formatter (value: string) {\n              return useValueFormatter(axis.axisLabelFormatter as string, value)\n            }\n          },\n          axisLine: {\n            lineStyle: {\n              color: props.yAxisLineStyleColor\n            }\n          }\n        }\n      })\n    })\n\n    const loading = ref(false)\n\n    const requestData = useRequestData(props)\n\n    // 动态数据\n    const handleRequestData = async () => {\n      if (props.dataType !== 'request' || unref(pageMode) === 'design') return\n      try {\n        loading.value = true\n        const res = await requestData()\n        handleDataset(res?.data?.data?.rows, true)\n      } catch (e) {\n        console.error(e)\n      } finally {\n        loading.value = false\n      }\n    }\n\n    // 指标库\n    const requestDiagram = useRequestDiagramData(props)\n    const handleIndicatorData = async () => {\n      if (props.dataType !== 'indicator' || unref(pageMode) === 'design') return\n      try {\n        loading.value = true\n        const res = await requestDiagram()\n        let a\n        if (res?.data?.data?.columns?.length > 0) {\n          a = {\n            name: res.data.data.columns[0],\n            types: res.data.data.columns.slice(1).map(it => {\n              return { label: it, value: it }\n            })\n          }\n        }\n        handleIndicatorDataset(res?.data?.data?.rows, a, true)\n      } catch (e) {\n        console.error(e)\n      } finally {\n        loading.value = false\n      }\n    }\n\n    const chooseRequestOrDiagram = () => {\n      if (unref(pageMode) === 'design') return\n      handleIndicatorData()\n      handleRequestData()\n    }\n\n    const refreshData = () => {\n      chooseRequestOrDiagram()\n    }\n\n    const emitEvent = useEmitEvent(props)\n\n    const { getGlobalModel, setGlobalModel } = inject(GLOBAL_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      getGlobalModel: (key: string) => void 0,\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setGlobalModel: (key: string, value: any) => void 0\n    })\n    const click = emitEvent('click', (e) => {\n      // TODO 设置是否保存钻取数据\n      const id = props.id as string\n      const modal = getGlobalModel(id)\n      // 约定获取数据\n      setGlobalModel(id, { ...modal, RECORD: e?.data })\n    })\n\n    const { setRequest } = inject(REQUEST_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setRequest: ({ id, sortNum, requestFn }: RequestModalParam) => void 0\n    })\n\n    setRequest({\n      id: props.id as string,\n      requestFn: chooseRequestOrDiagram,\n      sortNum: props.requestSort as number\n    })\n\n    const resetRecord = () => {\n      const id = props.id as string\n      const modal = getGlobalModel(id)\n      setGlobalModel(id, { ...modal, RECORD: '' })\n    }\n\n    useOnEvent(props, {\n      resetRecord,\n      refreshData,\n      click\n    })\n\n    return {\n      style,\n      option,\n      click,\n      loading,\n      visible,\n      hideModal\n    }\n  }\n})\n</script>\n\n<style lang=\"less\">\n.full-modal {\n  .ant-modal {\n    max-width: 100%;\n    top: 0;\n    padding-bottom: 0;\n    margin: 0;\n  }\n  .ant-modal-content {\n    display: flex;\n    flex-direction: column;\n    height: calc(100vh);\n  }\n  .ant-modal-body {\n    flex: 1;\n  }\n  .ant-modal-body {\n    padding: 45px 30px 0;\n  }\n}\n</style>\n"],"names":["_resolveComponent","_normalizeStyle","_withCtx","_createVNode"],"mappings":";;;;;;;6BACEA,iBAwBM,SAAA;;IAvBJ,OAAAC,eAOO,KAPA,KAAA;AAAA,EAAA,GAAA;AAAA,gBACL,iBAKE,EAAA,UAAA,KAAA,QAAA,GAAA;AAAA,MAAA,SAJCC,QAAQ,MAAM;AAAA,QAAAC,YACd,oBAAgB;AAAA,UACjB,QAAA,KAAA;AAAA,UACC,kBAAO,EAAK,UAAA,KAAA;AAAA,UAAA,YAAA;AAAA;;;MAGjB,GAAA;AAAA,IAAA,GACE,GAAA,CAAA,UAAA,CAAA;AAAA,IAAAA,YACM,oBAAM;AAAA,MACX,mBAAS;AAAA,MACT,OAAM;AAAA,MACN,SAAM,KAAE;AAAA,MAAA,QAAA;AAAA;;MAOH,SAAAD,QAAA,MAAA;AAAA,QAAAC,YALF,iBAKE,EAAA,UAAA,KAAA,QAAA,GAAA;AAAA,UAAA,SAJCD,QAAQ,MAAM;AAAA,YAAAC,YACd,oBAAgB;AAAA,cACjB,QAAA,KAAA;AAAA,cACC,kBAAO,EAAK,UAAA,KAAA;AAAA,cAAA,YAAA;AAAA;;;;;;;;;;;"}