@ecan-bi/datav 1.0.88 → 1.0.90

package/lib/graph/combo-graph/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../../src/graph/combo-graph/props.ts"],"sourcesContent":["import {\n  Data,\n  Props,\n  props,\n  transformToComponentProps,\n  ValueTypeDataFieldNames,\n  KeyTypeDataFieldNames\n} from '@/utils/props'\n\nexport interface ComboGraphProps 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  xAxisLineStyleColor: string // x轴名称颜色\n  xAxisTickShow: boolean // 展示刻度\n  yAxisSplitLineShow: boolean // y轴展示分割线\n  xAxisSplitLineStyleColor: string // x轴分割线颜色\n  yAxisSplitLineStyleColor: string // y轴分割线颜色\n  yAxisLabelColor: string // y轴名称颜色\n  yAxisLineStyleColor: string // y轴名称颜色\n  valueTypeDataFieldNames: ValueTypeDataFieldNames\n  keyTypeDataFieldNames: KeyTypeDataFieldNames\n  tooltipShow: boolean\n  tooltipTrigger: 'item' | 'axis' | 'none'\n  tooltipTextStyleColor: string\n  tooltipFormatter: string\n  seriesTypes: { [key: string]: any } []\n  dataFieldConfigType: 'key' | 'value',\n  yAxis: { [key: string]: any } [],\n  graphicConfig?: any\n  gridContainLabel: boolean\n  gridTop: string\n  gridBottom: string\n  gridLeft: string\n  gridRight: string\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  symbolSize: number // 线宽度\n  lineStyleWidth: number // 线宽\n  smooth: boolean // 光滑\n  areaStyleOpacity: number\n  barWidth: string\n}\n\nexport const comboGraphProps: ComboGraphProps = {\n  ...props,\n  id: '',\n  name: '组合图表',\n  keyName: '组合图表',\n  type: 'ecanComboGraph',\n  width: '400px',\n  height: '400px',\n  data: [\n    {\n      name: '名称一',\n      value: 335,\n      type: '类型一'\n    },\n    {\n      name: '名称二',\n      value: 410,\n      type: '类型一'\n    },\n    {\n      name: '名称三',\n      value: 210,\n      type: '类型一'\n    },\n    {\n      name: '名称一',\n      value: 510,\n      type: '类型二'\n    },\n    {\n      name: '名称二',\n      value: 731,\n      type: '类型二'\n    },\n    {\n      name: '名称三',\n      value: 910,\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  tooltipTrigger: 'item',\n  tooltipFormatter: '',\n  xAxisSplitLineShow: true,\n  xAxisSplitLineStyleColor: '#333',\n  xAxisLabelColor: '#333',\n  xAxisLineStyleColor: '#333',\n  xAxisTickShow: true,\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  seriesTypes: [\n    {\n      type: 'bar',\n      axisIndex: 0\n    },\n    {\n      type: 'line',\n      axisIndex: 0\n    }\n  ],\n  yAxis: [\n    {\n      axisLabelFormatter: '{value}'\n    },\n    {\n      axisLabelFormatter: '{value}'\n    }\n  ],\n  gridContainLabel: true,\n  gridTop: '10%',\n  gridBottom: '10%',\n  gridLeft: '5%',\n  gridRight: '5%',\n  graphicConfig: {},\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  areaStyleOpacity: 0,\n  symbolSize: 4,\n  lineStyleWidth: 2,\n  smooth: false,\n  barWidth: '40%'\n}\n\n// 转化默认属性\nexport const comboGraphComponentProps = transformToComponentProps(comboGraphProps)\n\nexport const comboGraphEvents = ['refreshData', 'click']\n"],"names":["props","transformToComponentProps"],"mappings":";;;AA2DO,MAAM,kBAAmC;AAAA,EAC9C,GAAGA,MAAA;AAAA,EACH,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,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,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,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,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,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,aAAa;AAAA,IACX;AAAA,MACE,MAAM;AAAA,MACN,WAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL;AAAA,MACE,oBAAoB;AAAA,IACtB;AAAA,IACA;AAAA,MACE,oBAAoB;AAAA,IACtB;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,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,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,UAAU;AACZ;AAGa,MAAA,2BAA2BC,gCAA0B,eAAe;AAEpE,MAAA,mBAAmB,CAAC,eAAe,OAAO;;;;"}
+{"version":3,"file":"props.js","sources":["../../../src/graph/combo-graph/props.ts"],"sourcesContent":["import {\n  Data,\n  Props,\n  props,\n  transformToComponentProps,\n  ValueTypeDataFieldNames,\n  KeyTypeDataFieldNames\n} from '@/utils/props'\n\nexport interface ComboGraphProps 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  xAxisLineStyleColor: string // x轴名称颜色\n  xAxisTickShow: boolean // 展示刻度\n  yAxisSplitLineShow: boolean // y轴展示分割线\n  xAxisSplitLineStyleColor: string // x轴分割线颜色\n  yAxisSplitLineStyleColor: string // y轴分割线颜色\n  yAxisLabelColor: string // y轴名称颜色\n  yAxisLineStyleColor: string // y轴名称颜色\n  valueTypeDataFieldNames: ValueTypeDataFieldNames\n  keyTypeDataFieldNames: KeyTypeDataFieldNames\n  tooltipShow: boolean\n  tooltipTrigger: 'item' | 'axis' | 'none'\n  tooltipTextStyleColor: string\n  tooltipFormatter: string\n  seriesTypes: { [key: string]: any } []\n  dataFieldConfigType: 'key' | 'value',\n  yAxis: { [key: string]: any } [],\n  graphicConfig?: any\n  gridContainLabel: boolean\n  gridTop: string\n  gridBottom: string\n  gridLeft: string\n  gridRight: string\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  symbolSize: number // 线宽度\n  lineStyleWidth: number // 线宽\n  smooth: boolean // 光滑\n  areaStyleOpacity: number\n  barWidth: string\n}\n\nexport const comboGraphProps: ComboGraphProps = {\n  ...props,\n  id: '',\n  name: '组合图表',\n  keyName: '组合图表',\n  type: 'ecanComboGraph',\n  width: '400px',\n  height: '400px',\n  data: [\n    {\n      name: '名称一',\n      value: 335,\n      type: '类型一'\n    },\n    {\n      name: '名称二',\n      value: 410,\n      type: '类型一'\n    },\n    {\n      name: '名称三',\n      value: 210,\n      type: '类型一'\n    },\n    {\n      name: '名称一',\n      value: 510,\n      type: '类型二'\n    },\n    {\n      name: '名称二',\n      value: 731,\n      type: '类型二'\n    },\n    {\n      name: '名称三',\n      value: 910,\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  tooltipTrigger: 'item',\n  tooltipFormatter: '{marker} {a}    {c}',\n  xAxisSplitLineShow: true,\n  xAxisSplitLineStyleColor: '#333',\n  xAxisLabelColor: '#333',\n  xAxisLineStyleColor: '#333',\n  xAxisTickShow: true,\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  seriesTypes: [\n    {\n      type: 'bar',\n      axisIndex: 0\n    },\n    {\n      type: 'line',\n      axisIndex: 0\n    }\n  ],\n  yAxis: [\n    {\n      axisLabelFormatter: '{value}'\n    },\n    {\n      axisLabelFormatter: '{value}'\n    }\n  ],\n  gridContainLabel: true,\n  gridTop: '10%',\n  gridBottom: '10%',\n  gridLeft: '5%',\n  gridRight: '5%',\n  graphicConfig: {},\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  areaStyleOpacity: 0,\n  symbolSize: 4,\n  lineStyleWidth: 2,\n  smooth: false,\n  barWidth: '40%'\n}\n\n// 转化默认属性\nexport const comboGraphComponentProps = transformToComponentProps(comboGraphProps)\n\nexport const comboGraphEvents = ['refreshData', 'click']\n"],"names":["props","transformToComponentProps"],"mappings":";;;AA2DO,MAAM,kBAAmC;AAAA,EAC9C,GAAGA,MAAA;AAAA,EACH,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,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,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,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,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,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,aAAa;AAAA,IACX;AAAA,MACE,MAAM;AAAA,MACN,WAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL;AAAA,MACE,oBAAoB;AAAA,IACtB;AAAA,IACA;AAAA,MACE,oBAAoB;AAAA,IACtB;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,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,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,UAAU;AACZ;AAGa,MAAA,2BAA2BC,gCAA0B,eAAe;AAEpE,MAAA,mBAAmB,CAAC,eAAe,OAAO;;;;"}

package/lib/graph/line/Line.js

@@ -8,6 +8,7 @@ const useTransformChartDataByAttrValue = require("../../hooks/useTransformChartD
 const useRequestData = require("../../hooks/useRequestData.js");
 const useTransformChartDataByAttrKey = require("../../hooks/useTransformChartDataByAttrKey.js");
 const constant = require("../../utils/constant.js");
+const useVariablesInText = require("../../hooks/useVariablesInText.js");
 const useRequestDiagramData = require("../../hooks/useRequestDiagramData.js");
 const useValueFormatter = require("../../hooks/useValueFormatter.js");
 require("../../utils/request.js");
@@ -103,6 +104,42 @@ const _sfc_main = vue.defineComponent({
           containLabel: props2.gridContainLabel
         },
         color: props2.colors,
+        tooltip: {
+          trigger: "axis",
+          show: props2.tooltipShow,
+          formatter: (params) => {
+            const len = params.length;
+            let formatter = "";
+            let tooltipFormatter = props2.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.useVariablesInText(
+                tooltipFormatter,
+                {
+                  marker,
+                  name,
+                  value,
+                  a: seriesName,
+                  b: name,
+                  c: value,
+                  ...data
+                },
+                {
+                  useNewline: true,
+                  useSpace: true
+                }
+              );
+              formatter += "<br/>";
+            }
+            return formatter;
+          }
+        },
         xAxis: {
           type: "category",
           data: vue.unref(dimensions),
@@ -147,9 +184,6 @@ const _sfc_main = vue.defineComponent({
             }
           }
         },
-        tooltip: {
-          trigger: "axis"
-        },
         legend: {
           show: props2.legendShow,
           orient: props2.legendOrient,

package/lib/graph/line/Line.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.js","sources":["../../../src/graph/line/Line.vue"],"sourcesContent":["<template>\n  <div :style=\"style\">\n    <spin :spinning=\"loading\">\n      <echarts\n        :option=\"option\"\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 { computed, defineComponent, inject, ref, unref, watch } from 'vue'\nimport {\n  useValueFormatter,\n  useEmitEvent, useOnEvent,\n  usePickComponentStyle,\n  useRequestData, useRequestDiagramData,\n  useTransformChartDataByAttrKey,\n  useTransformChartDataByAttrValue\n} from '@/hooks'\nimport Echarts from '@/common/echarts'\nimport { lineComponentProps } from './props'\nimport { use } from 'echarts/core'\nimport { CanvasRenderer } from 'echarts/renderers'\nimport { LineChart } from 'echarts/charts'\nimport { TitleComponent, LegendComponent, ToolboxComponent } from 'echarts/components'\nimport { GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL } from '@/utils/constant'\nimport { KeyTypeDataFieldNames, ValueTypeDataFieldNames } from '@/utils/props'\nimport Spin from '@/common/spin/Spin.vue'\nimport useDownloadFile from '@/hooks/useDownloadFile'\nimport { Modal as AModal } from 'ant-design-vue'\n\nuse([\n  CanvasRenderer,\n  LineChart,\n  ToolboxComponent,\n  TitleComponent,\n  LegendComponent\n])\nexport default defineComponent({\n  name: 'EcanLine',\n  props: {\n    ...lineComponentProps\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      // 这样写为了触发响应式\n      // 返回函数中使用无法触发\n      const xAxisLabelFormatter = props.xAxisLabelFormatter as string\n      const yAxisLabelFormatter = props.yAxisLabelFormatter 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        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            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: '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(yAxisLabelFormatter, value)\n            }\n          },\n          axisLine: {\n            lineStyle: {\n              color: props.yAxisLineStyleColor\n            }\n          }\n        },\n        tooltip: {\n          trigger: 'axis'\n        },\n        // 图例\n        legend: {\n          show: props.legendShow,\n          orient: props.legendOrient,\n          top: props.legendTop,\n          left: props.legendLeft\n        },\n        series: unref(series)\n      }\n    })\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\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      dimensions.value = chartData.dimensions\n      const dataset = chartData.dataset\n      const temp = [] as { [key: string]: any } []\n      const len = dataset.length\n      // const areaStyles = [\n      //   {\n      //     opacity: 0.4\n      //   },\n      //   {\n      //     opacity: 0.4\n      //   }\n      // ]\n      for (let i = 0; i < len; i++) {\n        temp.push({\n          type: 'line',\n          ...dataset[i],\n          symbolSize: props.symbolSize,\n          smooth: props.smooth,\n          areaStyle: {\n            // color: {\n            //   type: 'linear',\n            //   x: 0,\n            //   y: 0,\n            //   x2: 0,\n            //   y2: 1,\n            //   colorStops: [{\n            //     offset: 0, color: props.colors[i] // 0% 处的颜色\n            //   }, {\n            //     offset: 1, color: '#fff' // 100% 处的颜色\n            //   }],\n            //   global: false // 缺省为 false\n            // },\n            opacity: props.areaStyleOpacity\n          },\n          lineStyle: {\n            width: props.lineStyleWidth\n          }\n        })\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      dimensions.value = chartData.dimensions\n      const dataset = chartData.dataset\n      const temp = [] as { [key: string]: any } []\n      const len = dataset.length\n      for (let i = 0; i < len; i++) {\n        temp.push({\n          type: 'line',\n          ...dataset[i],\n          symbolSize: props.symbolSize,\n          smooth: props.smooth,\n          lineStyle: {\n            width: props.lineStyleWidth\n          }\n        })\n      }\n      series.value = temp\n    }\n\n    // 静态数据\n    watch(() => [props.data, props.symbolSize, props.smooth, props.lineStyleWidth, props.areaStyleOpacity], ([data]) => {\n      if (props.dataType === 'static' || unref(pageMode) === 'design') {\n        handleDataset(data as { [key: string]: any }[])\n      }\n    }, {\n      immediate: true,\n      deep: true\n    })\n\n    const loading = ref(false)\n    const requestData = useRequestData(props)\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    const emitEvent = useEmitEvent(props)\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    // 指标库\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    useOnEvent(props, {\n      refreshData,\n      click\n    })\n\n    const { setRequest } = inject(REQUEST_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setRequest: (requestFn: Function, sortNum: number) => void 0\n    })\n\n    setRequest(chooseRequestOrDiagram, props.requestSort as number)\n\n    return {\n      option,\n      style,\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\n  .ant-modal-body {\n    padding: 45px 30px 0;\n  }\n}\n</style>\n"],"names":["use","CanvasRenderer","LineChart","ToolboxComponent","TitleComponent","LegendComponent","defineComponent","lineComponentProps","Spin","Echarts","AModal","props","usePickComponentStyle","ref","computed","useDownloadFile","unref","useValueFormatter","inject","GLOBAL_MODEL","GLOBAL_CONFIG","useTransformChartDataByAttrKey","useTransformChartDataByAttrValue","watch","useRequestData","useEmitEvent","useRequestDiagramData","useOnEvent","REQUEST_MODEL","_createElementBlock","_normalizeStyle","_createVNode","_withCtx"],"mappings":"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"}
+{"version":3,"file":"Line.js","sources":["../../../src/graph/line/Line.vue"],"sourcesContent":["<template>\n  <div :style=\"style\">\n    <spin :spinning=\"loading\">\n      <echarts\n        :option=\"option\"\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 { computed, defineComponent, inject, ref, unref, watch } from 'vue'\nimport {\n  useValueFormatter,\n  useEmitEvent, useOnEvent,\n  usePickComponentStyle,\n  useRequestData, useRequestDiagramData,\n  useTransformChartDataByAttrKey,\n  useTransformChartDataByAttrValue, useVariablesInText\n} from '@/hooks'\nimport Echarts from '@/common/echarts'\nimport { lineComponentProps } from './props'\nimport { use } from 'echarts/core'\nimport { CanvasRenderer } from 'echarts/renderers'\nimport { LineChart } from 'echarts/charts'\nimport { TitleComponent, LegendComponent, ToolboxComponent } from 'echarts/components'\nimport { GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL } from '@/utils/constant'\nimport { KeyTypeDataFieldNames, ValueTypeDataFieldNames } from '@/utils/props'\nimport Spin from '@/common/spin/Spin.vue'\nimport useDownloadFile from '@/hooks/useDownloadFile'\nimport { Modal as AModal } from 'ant-design-vue'\n\nuse([\n  CanvasRenderer,\n  LineChart,\n  ToolboxComponent,\n  TitleComponent,\n  LegendComponent\n])\nexport default defineComponent({\n  name: 'EcanLine',\n  props: {\n    ...lineComponentProps\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      // 这样写为了触发响应式\n      // 返回函数中使用无法触发\n      const xAxisLabelFormatter = props.xAxisLabelFormatter as string\n      const yAxisLabelFormatter = props.yAxisLabelFormatter 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        },\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            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: '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(yAxisLabelFormatter, value)\n            }\n          },\n          axisLine: {\n            lineStyle: {\n              color: props.yAxisLineStyleColor\n            }\n          }\n        },\n        // 图例\n        legend: {\n          show: props.legendShow,\n          orient: props.legendOrient,\n          top: props.legendTop,\n          left: props.legendLeft\n        },\n        series: unref(series)\n      }\n    })\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\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      dimensions.value = chartData.dimensions\n      const dataset = chartData.dataset\n      const temp = [] as { [key: string]: any } []\n      const len = dataset.length\n      for (let i = 0; i < len; i++) {\n        temp.push({\n          type: 'line',\n          ...dataset[i],\n          symbolSize: props.symbolSize,\n          smooth: props.smooth,\n          areaStyle: {\n            // color: {\n            //   type: 'linear',\n            //   x: 0,\n            //   y: 0,\n            //   x2: 0,\n            //   y2: 1,\n            //   colorStops: [{\n            //     offset: 0, color: props.colors[i] // 0% 处的颜色\n            //   }, {\n            //     offset: 1, color: '#fff' // 100% 处的颜色\n            //   }],\n            //   global: false // 缺省为 false\n            // },\n            opacity: props.areaStyleOpacity\n          },\n          lineStyle: {\n            width: props.lineStyleWidth\n          }\n        })\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      dimensions.value = chartData.dimensions\n      const dataset = chartData.dataset\n      const temp = [] as { [key: string]: any } []\n      const len = dataset.length\n      for (let i = 0; i < len; i++) {\n        temp.push({\n          type: 'line',\n          ...dataset[i],\n          symbolSize: props.symbolSize,\n          smooth: props.smooth,\n          lineStyle: {\n            width: props.lineStyleWidth\n          }\n        })\n      }\n      series.value = temp\n    }\n\n    // 静态数据\n    watch(() => [props.data, props.symbolSize, props.smooth, props.lineStyleWidth, props.areaStyleOpacity], ([data]) => {\n      if (props.dataType === 'static' || unref(pageMode) === 'design') {\n        handleDataset(data as { [key: string]: any }[])\n      }\n    }, {\n      immediate: true,\n      deep: true\n    })\n\n    const loading = ref(false)\n    const requestData = useRequestData(props)\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    const emitEvent = useEmitEvent(props)\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    // 指标库\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    useOnEvent(props, {\n      refreshData,\n      click\n    })\n\n    const { setRequest } = inject(REQUEST_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setRequest: (requestFn: Function, sortNum: number) => void 0\n    })\n\n    setRequest(chooseRequestOrDiagram, props.requestSort as number)\n\n    return {\n      option,\n      style,\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\n  .ant-modal-body {\n    padding: 45px 30px 0;\n  }\n}\n</style>\n"],"names":["use","CanvasRenderer","LineChart","ToolboxComponent","TitleComponent","LegendComponent","defineComponent","lineComponentProps","Spin","Echarts","AModal","props","usePickComponentStyle","ref","computed","useDownloadFile","useVariablesInText","unref","useValueFormatter","inject","GLOBAL_MODEL","GLOBAL_CONFIG","useTransformChartDataByAttrKey","useTransformChartDataByAttrValue","watch","useRequestData","useEmitEvent","useRequestDiagramData","useOnEvent","REQUEST_MODEL","_createElementBlock","_normalizeStyle","_createVNode","_withCtx"],"mappings":"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"}

package/lib/graph/line/props.js

@@ -13,16 +13,15 @@ const lineProps = {
   left: "",
   rotate: "",
   data: [
-    { name: "\u540D\u79F0\u4E00", value: 335 },
-    { name: "\u540D\u79F0\u4E8C", value: 310 },
-    { name: "\u540D\u79F0\u4E09", value: 234 },
-    { name: "\u540D\u79F0\u56DB", value: 135 },
-    { name: "\u540D\u79F0\u4E94", value: 1548 }
+    { name: "\u540D\u79F0\u4E00", value: 235, type: "\u7C7B\u578B\u4E00" },
+    { name: "\u540D\u79F0\u4E8C", value: 280, type: "\u7C7B\u578B\u4E00" },
+    { name: "\u540D\u79F0\u4E09", value: 230, type: "\u7C7B\u578B\u4E00" },
+    { name: "\u540D\u79F0\u56DB", value: 335, type: "\u7C7B\u578B\u4E00" }
   ],
   titleText: "",
   titleSubtext: "",
   titleLeft: "",
-  legendShow: false,
+  legendShow: true,
   legendOrient: "horizontal",
   legendTop: "top",
   legendLeft: "center",
@@ -50,6 +49,8 @@ const lineProps = {
   keyTypeDataFieldNames: { name: "name", types: [] },
   dataFieldConfigType: "value",
   graphicConfig: {},
+  tooltipShow: true,
+  tooltipFormatter: "{marker} {a}    {c}",
   toolboxShow: false,
   toolboxOrient: "horizontal",
   toolboxItemSize: 16,

package/lib/graph/line/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../../src/graph/line/props.ts"],"sourcesContent":["import {\n  Props,\n  props,\n  transformToComponentProps,\n  Data,\n  ValueTypeDataFieldNames,\n  KeyTypeDataFieldNames\n} from '@/utils/props'\n\nexport interface LineProps extends Props {\n  data: Data\n  titleText: string\n  titleSubtext: string\n  titleLeft: string\n  colors: string[]\n  legendShow: boolean,\n  legendLeft: 'left' | 'center' | 'right'\n  legendTop: 'top' | 'middle' | 'bottom'\n  legendOrient: 'vertical' | 'horizontal' // 标记点大小\n  symbolSize: number // 线宽度\n  lineStyleWidth: number // 线宽\n  smooth: boolean // 光滑\n  xAxisSplitLineShow: boolean // x轴展示分割线\n  xAxisLabelColor: string // x轴名称颜色\n  xAxisLineStyleColor: string // x轴名称颜色\n  xAxisSplitLineStyleColor: string // x轴分割线颜色\n  xAxisTickShow: boolean // 展示刻度\n  xAxisLabelFormatter: string // 格式化\n  yAxisSplitLineShow: boolean // y轴展示分割线\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  gridContainLabel: boolean\n  gridTop: string\n  gridBottom: string\n  gridLeft: string\n  gridRight: string\n  graphicConfig?: any\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  areaStyleOpacity: number\n}\n\nexport const lineProps: LineProps = {\n  ...props,\n  id: '',\n  name: '折线图',\n  keyName: '折线图',\n  type: 'ecanLine',\n  width: '400px',\n  height: '400px',\n  top: '',\n  left: '',\n  rotate: '',\n  data: [\n    { name: '名称一', value: 335 },\n    { name: '名称二', value: 310 },\n    { name: '名称三', value: 234 },\n    { name: '名称四', value: 135 },\n    { name: '名称五', value: 1548 }\n  ],\n  titleText: '',\n  titleSubtext: '',\n  titleLeft: '',\n  legendShow: false,\n  legendOrient: 'horizontal',\n  legendTop: 'top',\n  legendLeft: 'center',\n  colors: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'],\n  symbolSize: 4,\n  lineStyleWidth: 2,\n  smooth: false,\n  xAxisSplitLineShow: true,\n  xAxisSplitLineStyleColor: '#333',\n  xAxisLabelColor: '#333',\n  xAxisLineStyleColor: '#333',\n  xAxisTickShow: true,\n  xAxisLabelFormatter: '{value}', // 格式化\n  yAxisSplitLineShow: true,\n  yAxisSplitLineStyleColor: '#333',\n  yAxisLabelColor: '#333',\n  yAxisLineStyleColor: '#333',\n  yAxisLabelFormatter: '{value}',\n  gridContainLabel: true,\n  gridTop: '10%',\n  gridBottom: '10%',\n  gridLeft: '5%',\n  gridRight: '5%',\n  valueTypeDataFieldNames: { name: 'name', value: 'value', type: 'type' },\n  keyTypeDataFieldNames: { name: 'name', types: [] },\n  dataFieldConfigType: 'value',\n  graphicConfig: {},\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  areaStyleOpacity: 0\n}\n\n// 转化默认属性\nexport const lineComponentProps = transformToComponentProps(lineProps)\n\nexport const lineEvents = ['click', 'refreshData']\n"],"names":["props","transformToComponentProps"],"mappings":";;;AAsDO,MAAM,YAAuB;AAAA,EAClC,GAAGA,MAAA;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,MAAM;AAAA,IACJ,EAAE,MAAM,sBAAO,OAAO,IAAI;AAAA,IAC1B,EAAE,MAAM,sBAAO,OAAO,IAAI;AAAA,IAC1B,EAAE,MAAM,sBAAO,OAAO,IAAI;AAAA,IAC1B,EAAE,MAAM,sBAAO,OAAO,IAAI;AAAA,IAC1B,EAAE,MAAM,sBAAO,OAAO,KAAK;AAAA,EAC7B;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ,CAAC,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,SAAS;AAAA,EAC1G,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,oBAAoB;AAAA,EACpB,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AAAA,EACX,yBAAyB,EAAE,MAAM,QAAQ,OAAO,SAAS,MAAM,OAAO;AAAA,EACtE,uBAAuB,EAAE,MAAM,QAAQ,OAAO,CAAA,EAAG;AAAA,EACjD,qBAAqB;AAAA,EACrB,eAAe,CAAC;AAAA,EAChB,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,kBAAkB;AACpB;AAGa,MAAA,qBAAqBC,gCAA0B,SAAS;AAExD,MAAA,aAAa,CAAC,SAAS,aAAa;;;;"}
+{"version":3,"file":"props.js","sources":["../../../src/graph/line/props.ts"],"sourcesContent":["import {\n  Props,\n  props,\n  transformToComponentProps,\n  Data,\n  ValueTypeDataFieldNames,\n  KeyTypeDataFieldNames\n} from '@/utils/props'\n\nexport interface LineProps extends Props {\n  data: Data\n  titleText: string\n  titleSubtext: string\n  titleLeft: string\n  colors: string[]\n  legendShow: boolean,\n  legendLeft: 'left' | 'center' | 'right'\n  legendTop: 'top' | 'middle' | 'bottom'\n  legendOrient: 'vertical' | 'horizontal' // 标记点大小\n  symbolSize: number // 线宽度\n  lineStyleWidth: number // 线宽\n  smooth: boolean // 光滑\n  xAxisSplitLineShow: boolean // x轴展示分割线\n  xAxisLabelColor: string // x轴名称颜色\n  xAxisLineStyleColor: string // x轴名称颜色\n  xAxisSplitLineStyleColor: string // x轴分割线颜色\n  xAxisTickShow: boolean // 展示刻度\n  xAxisLabelFormatter: string // 格式化\n  yAxisSplitLineShow: boolean // y轴展示分割线\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  gridContainLabel: boolean\n  gridTop: string\n  gridBottom: string\n  gridLeft: string\n  gridRight: string\n  graphicConfig?: any\n  tooltipFormatter: string\n  tooltipShow: boolean\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  areaStyleOpacity: number\n}\n\nexport const lineProps: LineProps = {\n  ...props,\n  id: '',\n  name: '折线图',\n  keyName: '折线图',\n  type: 'ecanLine',\n  width: '400px',\n  height: '400px',\n  top: '',\n  left: '',\n  rotate: '',\n  data: [\n    { name: '名称一', value: 235, type: '类型一' },\n    { name: '名称二', value: 280, type: '类型一' },\n    { name: '名称三', value: 230, type: '类型一' },\n    { name: '名称四', value: 335, type: '类型一' }\n  ],\n  titleText: '',\n  titleSubtext: '',\n  titleLeft: '',\n  legendShow: true,\n  legendOrient: 'horizontal',\n  legendTop: 'top',\n  legendLeft: 'center',\n  colors: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'],\n  symbolSize: 4,\n  lineStyleWidth: 2,\n  smooth: false,\n  xAxisSplitLineShow: true,\n  xAxisSplitLineStyleColor: '#333',\n  xAxisLabelColor: '#333',\n  xAxisLineStyleColor: '#333',\n  xAxisTickShow: true,\n  xAxisLabelFormatter: '{value}', // 格式化\n  yAxisSplitLineShow: true,\n  yAxisSplitLineStyleColor: '#333',\n  yAxisLabelColor: '#333',\n  yAxisLineStyleColor: '#333',\n  yAxisLabelFormatter: '{value}',\n  gridContainLabel: true,\n  gridTop: '10%',\n  gridBottom: '10%',\n  gridLeft: '5%',\n  gridRight: '5%',\n  valueTypeDataFieldNames: { name: 'name', value: 'value', type: 'type' },\n  keyTypeDataFieldNames: { name: 'name', types: [] },\n  dataFieldConfigType: 'value',\n  graphicConfig: {},\n  tooltipShow: true,\n  tooltipFormatter: '{marker} {a}    {c}',\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  areaStyleOpacity: 0\n}\n\n// 转化默认属性\nexport const lineComponentProps = transformToComponentProps(lineProps)\n\nexport const lineEvents = ['click', 'refreshData']\n"],"names":["props","transformToComponentProps"],"mappings":";;;AAwDO,MAAM,YAAuB;AAAA,EAClC,GAAGA,MAAA;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,MAAM;AAAA,IACJ,EAAE,MAAM,sBAAO,OAAO,KAAK,MAAM,qBAAM;AAAA,IACvC,EAAE,MAAM,sBAAO,OAAO,KAAK,MAAM,qBAAM;AAAA,IACvC,EAAE,MAAM,sBAAO,OAAO,KAAK,MAAM,qBAAM;AAAA,IACvC,EAAE,MAAM,sBAAO,OAAO,KAAK,MAAM,qBAAM;AAAA,EACzC;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ,CAAC,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,SAAS;AAAA,EAC1G,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,oBAAoB;AAAA,EACpB,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AAAA,EACX,yBAAyB,EAAE,MAAM,QAAQ,OAAO,SAAS,MAAM,OAAO;AAAA,EACtE,uBAAuB,EAAE,MAAM,QAAQ,OAAO,CAAA,EAAG;AAAA,EACjD,qBAAqB;AAAA,EACrB,eAAe,CAAC;AAAA,EAChB,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,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,kBAAkB;AACpB;AAGa,MAAA,qBAAqBC,gCAA0B,SAAS;AAExD,MAAA,aAAa,CAAC,SAAS,aAAa;;;;"}

package/lib/graph/pie/Pie.js

@@ -8,6 +8,7 @@ const useTransformChartDataByAttrValue = require("../../hooks/useTransformChartD
 const useRequestData = require("../../hooks/useRequestData.js");
 require("lodash-es");
 const constant = require("../../utils/constant.js");
+const useVariablesInText = require("../../hooks/useVariablesInText.js");
 const useRequestDiagramData = require("../../hooks/useRequestDiagramData.js");
 const util = require("../../utils/util.js");
 require("../../utils/request.js");
@@ -112,7 +113,27 @@ const _sfc_main = vue.defineComponent({
         tooltip: {
           show: props2.tooltipShow,
           trigger: props2.tooltipTrigger,
-          formatter: util.handleFormatter(props2.tooltipFormatter),
+          formatter: (params) => {
+            const { marker, seriesName, name, value, percent, data: data2 } = params || {};
+            return useVariablesInText.useVariablesInText(
+              props2.tooltipFormatter,
+              {
+                marker,
+                name,
+                value,
+                percent,
+                a: seriesName,
+                b: name,
+                c: value,
+                d: percent,
+                ...data2
+              },
+              {
+                useNewline: true,
+                useSpace: true
+              }
+            );
+          },
           textStyle: {
             color: props2.tooltipTextStyleColor
           }

package/lib/graph/pie/Pie.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pie.js","sources":["../../../src/graph/pie/Pie.vue"],"sourcesContent":["<template>\n  <div :style=\"style\">\n    <spin :spinning=\"loading\">\n      <echarts\n        :option=\"option\"\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, watch, inject, ref, unref } from 'vue'\nimport {\n  useEmitEvent,\n  usePickComponentStyle,\n  useRequestData,\n  useTransformChartDataByAttrValue,\n  useOnEvent,\n  useRequestDiagramData\n} from '@/hooks'\nimport Echarts from '@/common/echarts'\nimport { pieComponentProps } from './props'\nimport { use } from 'echarts/core'\nimport { CanvasRenderer } from 'echarts/renderers'\nimport { PieChart } from 'echarts/charts'\nimport { TitleComponent, TooltipComponent, LegendComponent, ToolboxComponent } from 'echarts/components'\nimport { handleFormatter } from '@/utils/util'\nimport { GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL } from '@/utils/constant'\nimport { ValueTypeDataFieldNames } from '@/utils/props'\nimport Spin from '@/common/spin'\nimport { Modal as AModal } from 'ant-design-vue'\nimport useDownloadFile from '@/hooks/useDownloadFile'\n\nuse([\n  CanvasRenderer,\n  PieChart,\n  TitleComponent,\n  ToolboxComponent,\n  TooltipComponent,\n  LegendComponent\n])\nexport default defineComponent({\n  name: 'EcanPie',\n  props: {\n    ...pieComponentProps\n  },\n  components: {\n    Spin,\n    Echarts,\n    AModal\n  },\n  setup (props) {\n    const style = usePickComponentStyle(props)\n    const dataset = ref<{ [key: string]: any }[]>([])\n    const visible = ref(false)\n    const hideModal = () => {\n      visible.value = false\n    }\n    const option = computed(() => {\n      let { data = [] } = unref(dataset)[0] || {}\n      if (Array.isArray(props.colors)) {\n        const isUseLabelColors = props.isUseLabelColors\n        const colors = props.colors\n        data = data.map((item, index) => ({\n          label: isUseLabelColors ? { color: colors[index] } : {},\n          ...item\n        }))\n      }\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        // 提示\n        tooltip: {\n          show: props.tooltipShow,\n          trigger: props.tooltipTrigger,\n          formatter: handleFormatter(props.tooltipFormatter as string),\n          // formatter: function (params) {\n          //   console.log(params)\n          // },\n          textStyle: {\n            color: props.tooltipTextStyleColor\n          }\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        color: props.colors,\n        series: [\n          {\n            data,\n            type: 'pie',\n            radius: [props.innerRadius, props.outerRadius],\n            center: [props.centerLeft, props.centerTop],\n            roseType: props.roseType,\n            avoidLabelOverlap: false,\n            // data: data.value,\n            // data: props.data,\n            // dimensions: ['name', 'count'],\n            label: {\n              show: props.labelPosition !== 'center' && props.labelShow,\n              color: props.labelColor,\n              fontSize: props.labelFontSize,\n              position: props.labelPosition,\n              formatter: handleFormatter(props.labelFormatter as string)\n            },\n            labelLine: {\n              show: props.labelLineShow,\n              length: props.labelLineLength,\n              length2: props.labelLineLength2\n            },\n            emphasis: {\n              itemStyle: {\n                shadowBlur: 10,\n                shadowOffsetX: 0,\n                shadowColor: 'rgba(0, 0, 0, 0.5)'\n              },\n              label: {\n                // show: props.labelPosition === 'center'\n              }\n            }\n          }\n        ]\n      }\n    })\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\n    const { pageMode } = inject(GLOBAL_CONFIG, {\n      pageMode: 'normal'\n    })\n\n    const handleDataset = (data: any = [], dataFieldNames?: ValueTypeDataFieldNames) => {\n      const { dataset: d } = useTransformChartDataByAttrValue(data, dataFieldNames)\n      dataset.value = d\n    }\n\n    const handleIndicatorDataset = (data: any = [], dataFieldNames?: ValueTypeDataFieldNames) => {\n      const chartData = useTransformChartDataByAttrValue(data, dataFieldNames)\n      dataset.value = chartData.dataset\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 loading = ref(false)\n    const requestData = useRequestData(props)\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, props.valueTypeDataFieldNames as ValueTypeDataFieldNames)\n      } catch (e) {\n        console.error(e)\n      } finally {\n        loading.value = false\n      }\n    }\n\n    const emitEvent = useEmitEvent(props)\n\n    const click = emitEvent('click', (e) => {\n      const id = props.id as string\n      const modal = getGlobalModel(id)\n      // 约定获取数据\n      setGlobalModel(id, { ...modal, RECORD: e?.data })\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 newArr = []\n        if (res?.data?.data?.columns?.length > 0) {\n          const name = res.data.data.columns[0]\n          const value = res.data.data.columns[1]\n          newArr = res?.data?.data?.rows?.map(item => {\n            return {\n              name: item[name],\n              value: item[value]\n            }\n          })\n        }\n        handleIndicatorDataset(newArr)\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    useOnEvent(props, {\n      refreshData,\n      click\n    })\n\n    const { setRequest } = inject(REQUEST_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setRequest: (requestFn: Function, sortNum: number) => void 0\n    })\n    setRequest(chooseRequestOrDiagram, props.requestSort as number)\n    return {\n      option,\n      style,\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\n  .ant-modal-body {\n    padding: 45px 30px 0;\n  }\n}\n</style>\n"],"names":["use","CanvasRenderer","PieChart","TitleComponent","ToolboxComponent","TooltipComponent","LegendComponent","defineComponent","pieComponentProps","Spin","Echarts","AModal","props","usePickComponentStyle","ref","computed","unref","useDownloadFile","handleFormatter","inject","GLOBAL_MODEL","GLOBAL_CONFIG","useTransformChartDataByAttrValue","watch","useRequestData","useEmitEvent","useRequestDiagramData","useOnEvent","REQUEST_MODEL","_createElementBlock","_normalizeStyle","_createVNode","_withCtx"],"mappings":"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"}
+{"version":3,"file":"Pie.js","sources":["../../../src/graph/pie/Pie.vue"],"sourcesContent":["<template>\n  <div :style=\"style\">\n    <spin :spinning=\"loading\">\n      <echarts\n        :option=\"option\"\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, watch, inject, ref, unref } from 'vue'\nimport {\n  useEmitEvent,\n  usePickComponentStyle,\n  useRequestData,\n  useTransformChartDataByAttrValue,\n  useOnEvent,\n  useRequestDiagramData,\n  useVariablesInText\n} from '@/hooks'\nimport Echarts from '@/common/echarts'\nimport { pieComponentProps } from './props'\nimport { use } from 'echarts/core'\nimport { CanvasRenderer } from 'echarts/renderers'\nimport { PieChart } from 'echarts/charts'\nimport { TitleComponent, TooltipComponent, LegendComponent, ToolboxComponent } from 'echarts/components'\nimport { handleFormatter } from '@/utils/util'\nimport { GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL } from '@/utils/constant'\nimport { ValueTypeDataFieldNames } from '@/utils/props'\nimport Spin from '@/common/spin'\nimport { Modal as AModal } from 'ant-design-vue'\nimport useDownloadFile from '@/hooks/useDownloadFile'\n\nuse([\n  CanvasRenderer,\n  PieChart,\n  TitleComponent,\n  ToolboxComponent,\n  TooltipComponent,\n  LegendComponent\n])\nexport default defineComponent({\n  name: 'EcanPie',\n  props: {\n    ...pieComponentProps\n  },\n  components: {\n    Spin,\n    Echarts,\n    AModal\n  },\n  setup (props) {\n    const style = usePickComponentStyle(props)\n    const dataset = ref<{ [key: string]: any }[]>([])\n    const visible = ref(false)\n    const hideModal = () => {\n      visible.value = false\n    }\n    const option = computed(() => {\n      let { data = [] } = unref(dataset)[0] || {}\n      if (Array.isArray(props.colors)) {\n        const isUseLabelColors = props.isUseLabelColors\n        const colors = props.colors\n        data = data.map((item, index) => ({\n          label: isUseLabelColors ? { color: colors[index] } : {},\n          ...item\n        }))\n      }\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        // 提示\n        tooltip: {\n          show: props.tooltipShow,\n          trigger: props.tooltipTrigger,\n          formatter: (params) => {\n            const { marker, seriesName, name, value, percent, data } = params || {}\n            return useVariablesInText(\n              props.tooltipFormatter as string,\n              {\n                marker,\n                name,\n                value,\n                percent,\n                a: seriesName,\n                b: name,\n                c: value,\n                d: percent,\n                ...data\n              },\n              {\n                useNewline: true,\n                useSpace: true\n              }\n            )\n          },\n          textStyle: {\n            color: props.tooltipTextStyleColor\n          }\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        color: props.colors,\n        series: [\n          {\n            data,\n            type: 'pie',\n            radius: [props.innerRadius, props.outerRadius],\n            center: [props.centerLeft, props.centerTop],\n            roseType: props.roseType,\n            avoidLabelOverlap: false,\n            // data: data.value,\n            // data: props.data,\n            // dimensions: ['name', 'count'],\n            label: {\n              show: props.labelPosition !== 'center' && props.labelShow,\n              color: props.labelColor,\n              fontSize: props.labelFontSize,\n              position: props.labelPosition,\n              formatter: handleFormatter(props.labelFormatter as string)\n            },\n            labelLine: {\n              show: props.labelLineShow,\n              length: props.labelLineLength,\n              length2: props.labelLineLength2\n            },\n            emphasis: {\n              itemStyle: {\n                shadowBlur: 10,\n                shadowOffsetX: 0,\n                shadowColor: 'rgba(0, 0, 0, 0.5)'\n              },\n              label: {\n                // show: props.labelPosition === 'center'\n              }\n            }\n          }\n        ]\n      }\n    })\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\n    const { pageMode } = inject(GLOBAL_CONFIG, {\n      pageMode: 'normal'\n    })\n\n    const handleDataset = (data: any = [], dataFieldNames?: ValueTypeDataFieldNames) => {\n      const { dataset: d } = useTransformChartDataByAttrValue(data, dataFieldNames)\n      dataset.value = d\n    }\n\n    const handleIndicatorDataset = (data: any = [], dataFieldNames?: ValueTypeDataFieldNames) => {\n      const chartData = useTransformChartDataByAttrValue(data, dataFieldNames)\n      dataset.value = chartData.dataset\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 loading = ref(false)\n    const requestData = useRequestData(props)\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, props.valueTypeDataFieldNames as ValueTypeDataFieldNames)\n      } catch (e) {\n        console.error(e)\n      } finally {\n        loading.value = false\n      }\n    }\n\n    const emitEvent = useEmitEvent(props)\n\n    const click = emitEvent('click', (e) => {\n      const id = props.id as string\n      const modal = getGlobalModel(id)\n      // 约定获取数据\n      setGlobalModel(id, { ...modal, RECORD: e?.data })\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 newArr = []\n        if (res?.data?.data?.columns?.length > 0) {\n          const name = res.data.data.columns[0]\n          const value = res.data.data.columns[1]\n          newArr = res?.data?.data?.rows?.map(item => {\n            return {\n              name: item[name],\n              value: item[value]\n            }\n          })\n        }\n        handleIndicatorDataset(newArr)\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    useOnEvent(props, {\n      refreshData,\n      click\n    })\n\n    const { setRequest } = inject(REQUEST_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setRequest: (requestFn: Function, sortNum: number) => void 0\n    })\n    setRequest(chooseRequestOrDiagram, props.requestSort as number)\n    return {\n      option,\n      style,\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\n  .ant-modal-body {\n    padding: 45px 30px 0;\n  }\n}\n</style>\n"],"names":["use","CanvasRenderer","PieChart","TitleComponent","ToolboxComponent","TooltipComponent","LegendComponent","defineComponent","pieComponentProps","Spin","Echarts","AModal","props","usePickComponentStyle","ref","computed","unref","useDownloadFile","useVariablesInText","data","handleFormatter","inject","GLOBAL_MODEL","GLOBAL_CONFIG","useTransformChartDataByAttrValue","watch","useRequestData","useEmitEvent","useRequestDiagramData","useOnEvent","REQUEST_MODEL","_createElementBlock","_normalizeStyle","_createVNode","_withCtx"],"mappings":"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"}

package/lib/graph/pie/props.js

@@ -25,7 +25,7 @@ const pieProps = {
   tooltipShow: true,
   tooltipTextStyleColor: "",
   tooltipTrigger: "item",
-  tooltipFormatter: "{b} : {c} ({d}%)",
+  tooltipFormatter: "{marker} {b}   {c} ({d}%)",
   legendShow: true,
   legendTextStyleColor: "#333",
   legendOrient: "vertical",

package/lib/graph/pie/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../../src/graph/pie/props.ts"],"sourcesContent":["import {\n  Props,\n  props,\n  transformToComponentProps,\n  Data,\n  ValueTypeDataFieldNames\n} from '@/utils/props'\n\nexport interface PieProps extends Props {\n  data: Data\n  titleText: string\n  titleSubtext: string\n  titleLeft: string\n  colors: string[]\n  backgroundColor: string\n  tooltipShow: boolean\n  tooltipTrigger: 'item' | 'axis' | 'none'\n  tooltipTextStyleColor: string\n  tooltipFormatter: string\n  legendShow: boolean\n  legendLeft: 'left' | 'center' | 'right'\n  legendTop: 'top' | 'middle' | 'bottom'\n  legendOrient: 'vertical' | 'horizontal'\n  legendTextStyleColor: string\n  innerRadius: string\n  outerRadius: string\n  centerLeft: string\n  centerTop: string\n  labelShow: boolean\n  labelFormatter: string\n  labelFontSize: number\n  labelPosition: 'outside' | 'inside' | 'center'\n  labelLineShow: boolean\n  labelColor: string\n  isUseLabelColors: boolean\n  labelLineLength: number\n  labelLineLength2: number\n  roseType: '' | 'radius' | 'area'\n  valueTypeDataFieldNames: ValueTypeDataFieldNames,\n  dataFieldConfigType: 'key' | 'value',\n  gridContainLabel: boolean\n  gridTop: string\n  gridBottom: string\n  gridLeft: string\n  gridRight: string\n  graphicConfig?: any\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}\n\nexport const pieProps: PieProps = {\n  ...props,\n  id: '',\n  name: '饼图',\n  keyName: '饼图',\n  type: 'ecanPie',\n  width: '400px',\n  height: '400px',\n  top: '',\n  left: '',\n  rotate: '',\n  data: [\n    { name: '名称一', value: 335 },\n    { name: '名称二', value: 310 },\n    { name: '名称三', value: 234 }\n  ],\n  titleText: '',\n  titleSubtext: '',\n  titleLeft: '',\n  colors: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'],\n  backgroundColor: '',\n  tooltipShow: true,\n  tooltipTextStyleColor: '',\n  tooltipTrigger: 'item',\n  tooltipFormatter: '{b} : {c} ({d}%)',\n  legendShow: true,\n  legendTextStyleColor: '#333',\n  legendOrient: 'vertical',\n  legendTop: 'top',\n  legendLeft: 'left',\n  innerRadius: '0%',\n  outerRadius: '60%',\n  centerLeft: '50%',\n  centerTop: '50%',\n  labelShow: true,\n  labelColor: '#333',\n  isUseLabelColors: false,\n  labelFontSize: 12,\n  labelPosition: 'outside',\n  labelFormatter: '{b}\\\\n{d}%',\n  labelLineShow: true,\n  labelLineLength: 10,\n  labelLineLength2: 15,\n  roseType: '',\n  valueTypeDataFieldNames: { name: 'name', value: 'value', type: 'type' },\n  dataFieldConfigType: 'value',\n  gridContainLabel: true,\n  gridTop: '10%',\n  gridBottom: '10%',\n  gridLeft: '5%',\n  gridRight: '5%',\n  graphicConfig: {},\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}\n// 转化默认属性\nexport const pieComponentProps = transformToComponentProps(pieProps)\n\nexport interface PieEvents {\n  refreshData: () => void\n  click: () => void\n}\n\nexport const pieEvents: Array<keyof PieEvents> = ['click', 'refreshData']\n"],"names":["props","transformToComponentProps"],"mappings":";;;AAyDO,MAAM,WAAqB;AAAA,EAChC,GAAGA,MAAA;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,MAAM;AAAA,IACJ,EAAE,MAAM,sBAAO,OAAO,IAAI;AAAA,IAC1B,EAAE,MAAM,sBAAO,OAAO,IAAI;AAAA,IAC1B,EAAE,MAAM,sBAAO,OAAO,IAAI;AAAA,EAC5B;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,QAAQ,CAAC,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,SAAS;AAAA,EAC1G,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,sBAAsB;AAAA,EACtB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,UAAU;AAAA,EACV,yBAAyB,EAAE,MAAM,QAAQ,OAAO,SAAS,MAAM,OAAO;AAAA,EACtE,qBAAqB;AAAA,EACrB,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,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;AACnB;AAEa,MAAA,oBAAoBC,gCAA0B,QAAQ;AAOtD,MAAA,YAAoC,CAAC,SAAS,aAAa;;;;"}
+{"version":3,"file":"props.js","sources":["../../../src/graph/pie/props.ts"],"sourcesContent":["import {\n  Props,\n  props,\n  transformToComponentProps,\n  Data,\n  ValueTypeDataFieldNames\n} from '@/utils/props'\n\nexport interface PieProps extends Props {\n  data: Data\n  titleText: string\n  titleSubtext: string\n  titleLeft: string\n  colors: string[]\n  backgroundColor: string\n  tooltipShow: boolean\n  tooltipTrigger: 'item' | 'axis' | 'none'\n  tooltipTextStyleColor: string\n  tooltipFormatter: string\n  legendShow: boolean\n  legendLeft: 'left' | 'center' | 'right'\n  legendTop: 'top' | 'middle' | 'bottom'\n  legendOrient: 'vertical' | 'horizontal'\n  legendTextStyleColor: string\n  innerRadius: string\n  outerRadius: string\n  centerLeft: string\n  centerTop: string\n  labelShow: boolean\n  labelFormatter: string\n  labelFontSize: number\n  labelPosition: 'outside' | 'inside' | 'center'\n  labelLineShow: boolean\n  labelColor: string\n  isUseLabelColors: boolean\n  labelLineLength: number\n  labelLineLength2: number\n  roseType: '' | 'radius' | 'area'\n  valueTypeDataFieldNames: ValueTypeDataFieldNames,\n  dataFieldConfigType: 'key' | 'value',\n  gridContainLabel: boolean\n  gridTop: string\n  gridBottom: string\n  gridLeft: string\n  gridRight: string\n  graphicConfig?: any\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}\n\nexport const pieProps: PieProps = {\n  ...props,\n  id: '',\n  name: '饼图',\n  keyName: '饼图',\n  type: 'ecanPie',\n  width: '400px',\n  height: '400px',\n  top: '',\n  left: '',\n  rotate: '',\n  data: [\n    { name: '名称一', value: 335 },\n    { name: '名称二', value: 310 },\n    { name: '名称三', value: 234 }\n  ],\n  titleText: '',\n  titleSubtext: '',\n  titleLeft: '',\n  colors: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'],\n  backgroundColor: '',\n  tooltipShow: true,\n  tooltipTextStyleColor: '',\n  tooltipTrigger: 'item',\n  tooltipFormatter: '{marker} {b}   {c} ({d}%)',\n  legendShow: true,\n  legendTextStyleColor: '#333',\n  legendOrient: 'vertical',\n  legendTop: 'top',\n  legendLeft: 'left',\n  innerRadius: '0%',\n  outerRadius: '60%',\n  centerLeft: '50%',\n  centerTop: '50%',\n  labelShow: true,\n  labelColor: '#333',\n  isUseLabelColors: false,\n  labelFontSize: 12,\n  labelPosition: 'outside',\n  labelFormatter: '{b}\\\\n{d}%',\n  labelLineShow: true,\n  labelLineLength: 10,\n  labelLineLength2: 15,\n  roseType: '',\n  valueTypeDataFieldNames: { name: 'name', value: 'value', type: 'type' },\n  dataFieldConfigType: 'value',\n  gridContainLabel: true,\n  gridTop: '10%',\n  gridBottom: '10%',\n  gridLeft: '5%',\n  gridRight: '5%',\n  graphicConfig: {},\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}\n// 转化默认属性\nexport const pieComponentProps = transformToComponentProps(pieProps)\n\nexport interface PieEvents {\n  refreshData: () => void\n  click: () => void\n}\n\nexport const pieEvents: Array<keyof PieEvents> = ['click', 'refreshData']\n"],"names":["props","transformToComponentProps"],"mappings":";;;AAyDO,MAAM,WAAqB;AAAA,EAChC,GAAGA,MAAA;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,MAAM;AAAA,IACJ,EAAE,MAAM,sBAAO,OAAO,IAAI;AAAA,IAC1B,EAAE,MAAM,sBAAO,OAAO,IAAI;AAAA,IAC1B,EAAE,MAAM,sBAAO,OAAO,IAAI;AAAA,EAC5B;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,QAAQ,CAAC,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,SAAS;AAAA,EAC1G,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,sBAAsB;AAAA,EACtB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,UAAU;AAAA,EACV,yBAAyB,EAAE,MAAM,QAAQ,OAAO,SAAS,MAAM,OAAO;AAAA,EACtE,qBAAqB;AAAA,EACrB,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,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;AACnB;AAEa,MAAA,oBAAoBC,gCAA0B,QAAQ;AAOtD,MAAA,YAAoC,CAAC,SAAS,aAAa;;;;"}

package/lib/graph/scatter/Scatter.js

@@ -148,8 +148,17 @@ const _sfc_main = vue.defineComponent({
           trigger: props2.tooltipTrigger,
           formatter: function(params) {
             var _a, _b;
+            const { marker, seriesName } = params;
             const record = (_b = (_a = params == null ? void 0 : params.data) == null ? void 0 : _a.record) != null ? _b : {};
-            return useVariablesInText.useVariablesInText(props2.tooltipFormatter, record);
+            const { name, value } = record;
+            return useVariablesInText.useVariablesInText(props2.tooltipFormatter, {
+              marker,
+              seriesName,
+              a: seriesName,
+              b: name,
+              c: value,
+              ...record
+            });
           },
           axisPointer: {
             type: "cross"

package/lib/graph/scatter/Scatter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Scatter.js","sources":["../../../src/graph/scatter/Scatter.vue"],"sourcesContent":["<template>\n  <div :style=\"style\">\n    <spin :spinning=\"loading\">\n      <echarts\n        :option=\"option\"\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  useValueFormatter,\n  useEmitEvent,\n  useOnEvent,\n  usePickComponentStyle,\n  useRequestData,\n  useVariablesInText\n} from '@/hooks'\nimport Echarts from '@/common/echarts'\nimport { scatterComponentProps } from './props'\nimport { use } from 'echarts/core'\nimport { CanvasRenderer } from 'echarts/renderers'\nimport { ScatterChart } from 'echarts/charts'\nimport { TitleComponent, TooltipComponent, LegendComponent, ToolboxComponent } from 'echarts/components'\nimport { GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL } from '@/utils/constant'\nimport Spin from '@/common/spin/Spin.vue'\nimport useDownloadFile from '@/hooks/useDownloadFile'\nimport { Modal as AModal } from 'ant-design-vue'\nuse([\n  CanvasRenderer,\n  ScatterChart,\n  ToolboxComponent,\n  TitleComponent,\n  TooltipComponent,\n  LegendComponent\n])\nexport default defineComponent({\n  name: 'EcanScatter',\n  props: {\n    ...scatterComponentProps\n  },\n  components: {\n    Spin,\n    Echarts,\n    AModal\n  },\n  setup (props) {\n    const style = usePickComponentStyle(props)\n    const dataset = ref<{ [key: string]: any }[]>([])\n    const visible = ref(false)\n    const hideModal = () => {\n      visible.value = false\n    }\n    const option = computed(() => {\n      // 这样写为了触发响应式\n      // 返回函数中使用无法触发\n      const xAxisLabelFormatter = props.xAxisLabelFormatter as string\n      const yAxisLabelFormatter = props.yAxisLabelFormatter 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        xAxis: {\n          // type: 'value'\n          splitLine: {\n            show: props.xAxisSplitLineShow,\n            lineStyle: {\n              color: props.xAxisSplitLineStyleColor\n            }\n          },\n          axisLabel: {\n            color: props.xAxisLabelColor,\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          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(yAxisLabelFormatter, value)\n            }\n          },\n          axisLine: {\n            lineStyle: {\n              color: props.yAxisLineStyleColor\n            }\n          }\n        },\n        // 提示\n        tooltip: {\n          show: props.tooltipShow,\n          trigger: props.tooltipTrigger,\n          formatter: function (params) {\n            const record = params?.data?.record ?? {}\n            return useVariablesInText(props.tooltipFormatter as string, record)\n          },\n          axisPointer: {\n            type: 'cross'\n          }\n        },\n        // 图例\n        legend: {\n          show: props.legendShow,\n          orient: props.legendOrient,\n          top: props.legendTop,\n          left: props.legendLeft\n        },\n        series: [\n          {\n            data: unref(dataset),\n            type: 'scatter',\n            symbolSize: props.symbolSize\n          }\n        ]\n      }\n    })\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\n    const { pageMode } = inject(GLOBAL_CONFIG, {\n      pageMode: 'normal'\n    })\n\n    const handleDataset = (data: any = [], dataFieldNames?: { name: string, value:string }) => {\n      const { name: x = 'name', value: y = 'value' } = dataFieldNames || {}\n      dataset.value = data.map(item => ({ value: [item[x], item[y]], record: item }))\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 loading = ref(false)\n\n    const requestData = useRequestData(props)\n    // 动态数据\n    const handleRequestData = async () => {\n      if (props.dataType !== 'request' || unref(pageMode) === 'design') return\n      loading.value = true\n      try {\n        const res = await requestData()\n        handleDataset(res?.data?.data?.rows, props.dataFieldNames as { name: string, value:string })\n      } catch (e) {\n        console.error(e)\n      } finally {\n        loading.value = false\n      }\n    }\n\n    const emitEvent = useEmitEvent(props)\n\n    const click = emitEvent('click', (e) => {\n      const id = props.id as string\n      const modal = getGlobalModel(id)\n      // 约定获取数据\n      setGlobalModel(id, { ...modal, RECORD: e?.data })\n    })\n\n    const refreshData = () => {\n      handleRequestData()\n    }\n\n    useOnEvent(props, {\n      refreshData,\n      click\n    })\n\n    const { setRequest } = inject(REQUEST_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setRequest: (requestFn: Function, sortNum: number) => void 0\n    })\n\n    setRequest(handleRequestData, props.requestSort as number)\n\n    return {\n      option,\n      style,\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\n  .ant-modal-body {\n    padding: 45px 30px 0;\n  }\n}\n</style>\n"],"names":["use","CanvasRenderer","ScatterChart","ToolboxComponent","TitleComponent","TooltipComponent","LegendComponent","defineComponent","scatterComponentProps","Spin","Echarts","AModal","props","usePickComponentStyle","ref","computed","useDownloadFile","useValueFormatter","useVariablesInText","unref","inject","GLOBAL_MODEL","GLOBAL_CONFIG","watch","useRequestData","useEmitEvent","useOnEvent","REQUEST_MODEL","_createElementBlock","_normalizeStyle","_createVNode","_withCtx"],"mappings":"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"}
+{"version":3,"file":"Scatter.js","sources":["../../../src/graph/scatter/Scatter.vue"],"sourcesContent":["<template>\n  <div :style=\"style\">\n    <spin :spinning=\"loading\">\n      <echarts\n        :option=\"option\"\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  useValueFormatter,\n  useEmitEvent,\n  useOnEvent,\n  usePickComponentStyle,\n  useRequestData,\n  useVariablesInText\n} from '@/hooks'\nimport Echarts from '@/common/echarts'\nimport { scatterComponentProps } from './props'\nimport { use } from 'echarts/core'\nimport { CanvasRenderer } from 'echarts/renderers'\nimport { ScatterChart } from 'echarts/charts'\nimport { TitleComponent, TooltipComponent, LegendComponent, ToolboxComponent } from 'echarts/components'\nimport { GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL } from '@/utils/constant'\nimport Spin from '@/common/spin/Spin.vue'\nimport useDownloadFile from '@/hooks/useDownloadFile'\nimport { Modal as AModal } from 'ant-design-vue'\nuse([\n  CanvasRenderer,\n  ScatterChart,\n  ToolboxComponent,\n  TitleComponent,\n  TooltipComponent,\n  LegendComponent\n])\nexport default defineComponent({\n  name: 'EcanScatter',\n  props: {\n    ...scatterComponentProps\n  },\n  components: {\n    Spin,\n    Echarts,\n    AModal\n  },\n  setup (props) {\n    const style = usePickComponentStyle(props)\n    const dataset = ref<{ [key: string]: any }[]>([])\n    const visible = ref(false)\n    const hideModal = () => {\n      visible.value = false\n    }\n    const option = computed(() => {\n      // 这样写为了触发响应式\n      // 返回函数中使用无法触发\n      const xAxisLabelFormatter = props.xAxisLabelFormatter as string\n      const yAxisLabelFormatter = props.yAxisLabelFormatter 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        xAxis: {\n          // type: 'value'\n          splitLine: {\n            show: props.xAxisSplitLineShow,\n            lineStyle: {\n              color: props.xAxisSplitLineStyleColor\n            }\n          },\n          axisLabel: {\n            color: props.xAxisLabelColor,\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          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(yAxisLabelFormatter, value)\n            }\n          },\n          axisLine: {\n            lineStyle: {\n              color: props.yAxisLineStyleColor\n            }\n          }\n        },\n        // 提示\n        tooltip: {\n          show: props.tooltipShow,\n          trigger: props.tooltipTrigger,\n          formatter: function (params) {\n            const { marker, seriesName } = params\n            const record = params?.data?.record ?? {}\n            const { name, value } = record\n            return useVariablesInText(props.tooltipFormatter as string, {\n              marker,\n              seriesName,\n              a: seriesName,\n              b: name,\n              c: value,\n              ...record\n            })\n          },\n          axisPointer: {\n            type: 'cross'\n          }\n        },\n        // 图例\n        legend: {\n          show: props.legendShow,\n          orient: props.legendOrient,\n          top: props.legendTop,\n          left: props.legendLeft\n        },\n        series: [\n          {\n            data: unref(dataset),\n            type: 'scatter',\n            symbolSize: props.symbolSize\n          }\n        ]\n      }\n    })\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\n    const { pageMode } = inject(GLOBAL_CONFIG, {\n      pageMode: 'normal'\n    })\n\n    const handleDataset = (data: any = [], dataFieldNames?: { name: string, value:string }) => {\n      const { name: x = 'name', value: y = 'value' } = dataFieldNames || {}\n      dataset.value = data.map(item => ({ value: [item[x], item[y]], record: item }))\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 loading = ref(false)\n\n    const requestData = useRequestData(props)\n    // 动态数据\n    const handleRequestData = async () => {\n      if (props.dataType !== 'request' || unref(pageMode) === 'design') return\n      loading.value = true\n      try {\n        const res = await requestData()\n        handleDataset(res?.data?.data?.rows, props.dataFieldNames as { name: string, value:string })\n      } catch (e) {\n        console.error(e)\n      } finally {\n        loading.value = false\n      }\n    }\n\n    const emitEvent = useEmitEvent(props)\n\n    const click = emitEvent('click', (e) => {\n      const id = props.id as string\n      const modal = getGlobalModel(id)\n      // 约定获取数据\n      setGlobalModel(id, { ...modal, RECORD: e?.data })\n    })\n\n    const refreshData = () => {\n      handleRequestData()\n    }\n\n    useOnEvent(props, {\n      refreshData,\n      click\n    })\n\n    const { setRequest } = inject(REQUEST_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setRequest: (requestFn: Function, sortNum: number) => void 0\n    })\n\n    setRequest(handleRequestData, props.requestSort as number)\n\n    return {\n      option,\n      style,\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\n  .ant-modal-body {\n    padding: 45px 30px 0;\n  }\n}\n</style>\n"],"names":["use","CanvasRenderer","ScatterChart","ToolboxComponent","TitleComponent","TooltipComponent","LegendComponent","defineComponent","scatterComponentProps","Spin","Echarts","AModal","props","usePickComponentStyle","ref","computed","useDownloadFile","useValueFormatter","useVariablesInText","unref","inject","GLOBAL_MODEL","GLOBAL_CONFIG","watch","useRequestData","useEmitEvent","useOnEvent","REQUEST_MODEL","_createElementBlock","_normalizeStyle","_createVNode","_withCtx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA+CAA,UAAAA,IAAI;AAAA,EACFC,sBAAA;AAAA,EACAC,QAAA;AAAA,EACAC,UAAA;AAAA,EACAC,UAAA;AAAA,EACAC,UAAA;AAAA,EACAC,UAAA;AACF,CAAC;AACD,MAAK,YAAaC,IAAAA,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,GAAGC,MAAA;AAAA,EACL;AAAA,EACA,YAAY;AAAA,IAAA,MACVC,KAAA;AAAA,IAAA,SACAC,QAAA;AAAA,IAAA,QACAC,aAAA;AAAA,EACF;AAAA,EACA,MAAOC,QAAO;AACN,UAAA,QAAQC,4CAAsBD,MAAK;AACnC,UAAA,UAAUE,QAA8B,CAAA,CAAE;AAC1C,UAAA,UAAUA,QAAI,KAAK;AACzB,UAAM,YAAY,MAAM;AACtB,cAAQ,QAAQ;AAAA,IAAA;AAEZ,UAAA,SAASC,IAAAA,SAAS,MAAM;AAG5B,YAAM,sBAAsBH,OAAM;AAClC,YAAM,sBAAsBA,OAAM;AAC3B,aAAA;AAAA,QACL,SAAS;AAAA,UACP,MAAMA,OAAM;AAAA,UACZ,MAAMA,OAAM;AAAA,UACZ,KAAKA,OAAM;AAAA,UACX,UAAUA,OAAM;AAAA,UAChB,SAASA,OAAM;AAAA,UACf,SAAS;AAAA,YACP,YAAY;AAAA,cACV,MAAM;AAAA,cACN,OAAO;AAAA,cACP,MAAM;AAAA,cACN,UAAW;AACTI,gDAAgBJ,OAAM,kBAA4B;AAAA,cACpD;AAAA,YACF;AAAA,YACA,YAAY;AAAA,cACV,MAAM;AAAA,cACN,OAAO;AAAA,cACP,MAAM;AAAA,cACN,UAAW;AACT,wBAAQ,QAAQ;AAAA,cAClB;AAAA,YACF;AAAA,YACA,QAAQ;AAAA,cACN,MAAM;AAAA,cACN,OAAO;AAAA,cACP,MAAM;AAAA,cACN,UAAW;AACTD,6BAAAA,MAAO,KAAK;AAAA,kBACV,OAAO;AAAA,kBACP,SAAUC,OAAM;AAAA,gBAAA,CACjB;AAAA,cACH;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL,MAAMA,OAAM;AAAA,UACZ,SAASA,OAAM;AAAA,UACf,MAAM;AAAA,QACR;AAAA,QACA,MAAM;AAAA,UACJ,KAAKA,OAAM;AAAA,UACX,QAAQA,OAAM;AAAA,UACd,MAAMA,OAAM;AAAA,UACZ,OAAOA,OAAM;AAAA,UACb,cAAcA,OAAM;AAAA,QACtB;AAAA,QACA,OAAOA,OAAM;AAAA,QACb,OAAO;AAAA,UAEL,WAAW;AAAA,YACT,MAAMA,OAAM;AAAA,YACZ,WAAW;AAAA,cACT,OAAOA,OAAM;AAAA,YACf;AAAA,UACF;AAAA,UACA,WAAW;AAAA,YACT,OAAOA,OAAM;AAAA,YACb,UAAW,OAAe;AACjB,qBAAAK,kBAAA,kBAAkB,qBAAqB,KAAK;AAAA,YACrD;AAAA,UACF;AAAA,UACA,UAAU;AAAA,YACR,WAAW;AAAA,cACT,OAAOL,OAAM;AAAA,YACf;AAAA,UACF;AAAA,UACA,UAAU;AAAA,YACR,MAAMA,OAAM;AAAA,UACd;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL,WAAW;AAAA,YACT,MAAMA,OAAM;AAAA,YACZ,WAAW;AAAA,cACT,OAAOA,OAAM;AAAA,YACf;AAAA,UACF;AAAA,UACA,WAAW;AAAA,YACT,OAAOA,OAAM;AAAA,YACb,UAAW,OAAe;AACjB,qBAAAK,kBAAA,kBAAkB,qBAAqB,KAAK;AAAA,YACrD;AAAA,UACF;AAAA,UACA,UAAU;AAAA,YACR,WAAW;AAAA,cACT,OAAOL,OAAM;AAAA,YACf;AAAA,UACF;AAAA,QACF;AAAA,QAEA,SAAS;AAAA,UACP,MAAMA,OAAM;AAAA,UACZ,SAASA,OAAM;AAAA,UACf,WAAW,SAAU,QAAQ;;AACrB,kBAAA,EAAE,QAAQ,WAAe,IAAA;AAC/B,kBAAM,UAAS,4CAAQ,SAAR,mBAAc,WAAd,YAAwB,CAAA;AACjC,kBAAA,EAAE,MAAM,MAAU,IAAA;AACjB,mBAAAM,mBAAA,mBAAmBN,OAAM,kBAA4B;AAAA,cAC1D;AAAA,cACA;AAAA,cACA,GAAG;AAAA,cACH,GAAG;AAAA,cACH,GAAG;AAAA,cACH,GAAG;AAAA,YAAA,CACJ;AAAA,UACH;AAAA,UACA,aAAa;AAAA,YACX,MAAM;AAAA,UACR;AAAA,QACF;AAAA,QAEA,QAAQ;AAAA,UACN,MAAMA,OAAM;AAAA,UACZ,QAAQA,OAAM;AAAA,UACd,KAAKA,OAAM;AAAA,UACX,MAAMA,OAAM;AAAA,QACd;AAAA,QACA,QAAQ;AAAA,UACN;AAAA,YACE,MAAMO,UAAM,OAAO;AAAA,YACnB,MAAM;AAAA,YACN,YAAYP,OAAM;AAAA,UACpB;AAAA,QACF;AAAA,MAAA;AAAA,IACF,CACD;AAED,UAAM,EAAE,gBAAgB,mBAAmBQ,IAAAA,OAAOC,SAAAA,cAAc;AAAA,MAG9D,gBAAgB,CAAC,QAAgB;AAAA,MAGjC,gBAAgB,CAAC,KAAa,UAAe;AAAA,IAAA,CAC9C;AAED,UAAM,EAAE,SAAA,IAAaD,IAAA,OAAOE,wBAAe;AAAA,MACzC,UAAU;AAAA,IAAA,CACX;AAED,UAAM,gBAAgB,CAAC,OAAY,CAAA,GAAI,mBAAoD;AACnF,YAAA,EAAE,MAAM,IAAI,QAAQ,OAAO,IAAI,QAAA,IAAY,kBAAkB;AACnE,cAAQ,QAAQ,KAAK,IAAI,CAAA,UAAS,EAAE,OAAO,CAAC,KAAK,IAAI,KAAK,EAAE,GAAG,QAAQ,KAAO,EAAA;AAAA,IAAA;AAIhFC,QAAAA,MAAM,MAAMX,OAAM,MAAM,CAAC,UAAe;AACtC,UAAIA,OAAM,aAAa,YAAYO,IAAAA,MAAM,QAAQ,MAAM,UAAU;AAC/D,sBAAc,KAAK;AAAA,MACrB;AAAA,IAAA,GACC;AAAA,MACD,WAAW;AAAA,MACX,MAAM;AAAA,IAAA,CACP;AAEK,UAAA,UAAUL,QAAI,KAAK;AAEnB,UAAA,cAAcU,8BAAeZ,MAAK;AAExC,UAAM,oBAAoB,YAAY;;AACpC,UAAIA,OAAM,aAAa,aAAaO,IAAAA,MAAM,QAAQ,MAAM;AAAU;AAClE,cAAQ,QAAQ;AACZ,UAAA;AACI,cAAA,MAAM,MAAM;AAClB,uBAAc,sCAAK,SAAL,mBAAW,SAAX,mBAAiB,MAAMP,OAAM,cAAgD;AAAA,eACpF;AACP,gBAAQ,MAAM,CAAC;AAAA,MAAA,UACf;AACA,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;AAGI,UAAA,YAAYa,0BAAab,MAAK;AAEpC,UAAM,QAAQ,UAAU,SAAS,CAAC,MAAM;AACtC,YAAM,KAAKA,OAAM;AACX,YAAA,QAAQ,eAAe,EAAE;AAE/B,qBAAe,IAAI,EAAE,GAAG,OAAO,QAAQ,uBAAG,MAAM;AAAA,IAAA,CACjD;AAED,UAAM,cAAc,MAAM;AACN;IAAA;AAGpBc,eAAAA,WAAWd,QAAO;AAAA,MAChB;AAAA,MACA;AAAA,IAAA,CACD;AAED,UAAM,EAAE,WAAA,IAAeQ,IAAA,OAAOO,wBAAe;AAAA,MAG3C,YAAY,CAAC,WAAqB,YAAoB;AAAA,IAAA,CACvD;AAEU,eAAA,mBAAmBf,OAAM,WAAqB;AAElD,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;;;;0BA9RCgB,IAuBM,mBAAA,OAAA;AAAA,IAvBA,OAAKC,IAAAA,eAAE,KAAK,KAAA;AAAA,EAAA,GAAA;AAAA,IAChBC,IAAAA,YAMO,iBAAA,EANA,UAAU,KAAO,QAAA,GAAA;AAAA,MAAA,SAAAC,IAAA,QACtB,MAIE;AAAA,QAJFD,IAAAA,YAIE,oBAAA;AAAA,UAHC,QAAQ,KAAA;AAAA,UACT,YAAA;AAAA,UACC,SAAO,KAAA;AAAA,QAAA,GAAA,MAAA,GAAA,CAAA,UAAA,SAAA,CAAA;AAAA;;;IAGZA,IAAAA,YAcU,oBAAA;AAAA,MAbR,mBAAgB;AAAA,MAChB,OAAM;AAAA,MACL,SAAS,KAAA;AAAA,MACT,QAAQ;AAAA,MACR,UAAQ,KAAA;AAAA,IAAA,GAAA;AAAA,2BAET,MAMO;AAAA,QANPA,IAAAA,YAMO,iBANA,EAAA,UAAU,KAAO,QAAA,GAAA;AAAA,UAAA,SAAAC,IAAA,QACtB,MAIE;AAAA,YAJFD,IAAAA,YAIE,oBAAA;AAAA,cAHC,QAAQ,KAAA;AAAA,cACR,kBAAgB,EAAA,UAAA,KAAA;AAAA,cACjB,YAAA;AAAA,YAAA,GAAA,MAAA,GAAA,CAAA,QAAA,CAAA;AAAA;;;;;;;;;;"}

package/lib/graph/scatter/props.js

@@ -21,7 +21,7 @@ const scatterProps = {
   titleSubtext: "",
   tooltipShow: true,
   tooltipTrigger: "item",
-  tooltipFormatter: "{c}",
+  tooltipFormatter: "{marker} {b}    {c}",
   legendShow: false,
   legendOrient: "horizontal",
   legendTop: "top",

package/lib/graph/scatter/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../../src/graph/scatter/props.ts"],"sourcesContent":["import {\n  Props,\n  props,\n  transformToComponentProps,\n  Data\n} from '@/utils/props'\n\nexport interface ScatterProps extends Props {\n  data: Data\n  titleText: string\n  titleSubtext: string\n  colors: string []\n  legendShow: boolean,\n  tooltipShow: boolean,\n  tooltipTrigger: 'item' | 'axis' | 'none'\n  tooltipFormatter: string\n  legendLeft: 'left' | 'center' | 'right'\n  legendTop: 'top' | 'middle' | 'bottom'\n  legendOrient: 'vertical' | 'horizontal'\n  symbolSize: number // 标记点大小\n  xAxisSplitLineShow: boolean // x轴展示分割线\n  xAxisLabelColor: string // x轴名称颜色\n  xAxisLineStyleColor: string // x轴名称颜色\n  xAxisTickShow: boolean // 展示刻度\n  xAxisLabelFormatter: string // 格式化\n  yAxisSplitLineShow: boolean // y轴展示分割线\n  xAxisSplitLineStyleColor: string // x轴分割线颜色\n  yAxisSplitLineStyleColor: string // y轴分割线颜色\n  yAxisLabelColor: string // y轴名称颜色\n  yAxisLineStyleColor: string // y轴名称颜色\n  yAxisLabelFormatter: string // 格式化\n  gridContainLabel: boolean\n  gridTop: string\n  gridBottom: string\n  gridLeft: string\n  gridRight: string\n  dataFieldNames: { name: string, value: string }\n  graphicConfig?: any\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}\n\nexport const scatterProps: ScatterProps = {\n  ...props,\n  id: '',\n  name: '散点图',\n  keyName: '散点图',\n  type: 'ecanScatter',\n  width: '400px',\n  height: '400px',\n  top: '',\n  left: '',\n  rotate: '',\n  data: [\n    { name: 233, value: 335 },\n    { name: 556, value: 310 },\n    { name: 56, value: 234 }\n  ],\n  titleText: '',\n  titleSubtext: '',\n  tooltipShow: true,\n  tooltipTrigger: 'item',\n  tooltipFormatter: '{c}',\n  legendShow: false,\n  legendOrient: 'horizontal',\n  legendTop: 'top',\n  legendLeft: 'center',\n  colors: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'],\n  symbolSize: 10,\n  xAxisSplitLineShow: true,\n  xAxisSplitLineStyleColor: '#333',\n  xAxisLabelColor: '#333',\n  xAxisLineStyleColor: '#333',\n  xAxisTickShow: true,\n  xAxisLabelFormatter: '{value}',\n  yAxisSplitLineShow: true,\n  yAxisSplitLineStyleColor: '#333',\n  yAxisLabelColor: '#333',\n  yAxisLineStyleColor: '#333',\n  yAxisLabelFormatter: '{value}',\n  dataFieldNames: { name: 'name', value: 'value' },\n  gridContainLabel: true,\n  gridTop: '10%',\n  gridBottom: '10%',\n  gridLeft: '5%',\n  gridRight: '5%',\n  graphicConfig: undefined,\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}\n\n// 转化默认属性\nexport const scatterComponentProps = transformToComponentProps(scatterProps)\n\nexport const scatterEvents = ['click', 'refreshData']\n"],"names":["props","transformToComponentProps"],"mappings":";;;AAiDO,MAAM,eAA6B;AAAA,EACxC,GAAGA,MAAA;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,MAAM;AAAA,IACJ,EAAE,MAAM,KAAK,OAAO,IAAI;AAAA,IACxB,EAAE,MAAM,KAAK,OAAO,IAAI;AAAA,IACxB,EAAE,MAAM,IAAI,OAAO,IAAI;AAAA,EACzB;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ,CAAC,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,SAAS;AAAA,EAC1G,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,gBAAgB,EAAE,MAAM,QAAQ,OAAO,QAAQ;AAAA,EAC/C,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AAAA,EACX,eAAe;AAAA,EACf,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;AACnB;AAGa,MAAA,wBAAwBC,gCAA0B,YAAY;AAE9D,MAAA,gBAAgB,CAAC,SAAS,aAAa;;;;"}
+{"version":3,"file":"props.js","sources":["../../../src/graph/scatter/props.ts"],"sourcesContent":["import {\n  Props,\n  props,\n  transformToComponentProps,\n  Data\n} from '@/utils/props'\n\nexport interface ScatterProps extends Props {\n  data: Data\n  titleText: string\n  titleSubtext: string\n  colors: string []\n  legendShow: boolean,\n  tooltipShow: boolean,\n  tooltipTrigger: 'item' | 'axis' | 'none'\n  tooltipFormatter: string\n  legendLeft: 'left' | 'center' | 'right'\n  legendTop: 'top' | 'middle' | 'bottom'\n  legendOrient: 'vertical' | 'horizontal'\n  symbolSize: number // 标记点大小\n  xAxisSplitLineShow: boolean // x轴展示分割线\n  xAxisLabelColor: string // x轴名称颜色\n  xAxisLineStyleColor: string // x轴名称颜色\n  xAxisTickShow: boolean // 展示刻度\n  xAxisLabelFormatter: string // 格式化\n  yAxisSplitLineShow: boolean // y轴展示分割线\n  xAxisSplitLineStyleColor: string // x轴分割线颜色\n  yAxisSplitLineStyleColor: string // y轴分割线颜色\n  yAxisLabelColor: string // y轴名称颜色\n  yAxisLineStyleColor: string // y轴名称颜色\n  yAxisLabelFormatter: string // 格式化\n  gridContainLabel: boolean\n  gridTop: string\n  gridBottom: string\n  gridLeft: string\n  gridRight: string\n  dataFieldNames: { name: string, value: string }\n  graphicConfig?: any\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}\n\nexport const scatterProps: ScatterProps = {\n  ...props,\n  id: '',\n  name: '散点图',\n  keyName: '散点图',\n  type: 'ecanScatter',\n  width: '400px',\n  height: '400px',\n  top: '',\n  left: '',\n  rotate: '',\n  data: [\n    { name: 233, value: 335 },\n    { name: 556, value: 310 },\n    { name: 56, value: 234 }\n  ],\n  titleText: '',\n  titleSubtext: '',\n  tooltipShow: true,\n  tooltipTrigger: 'item',\n  tooltipFormatter: '{marker} {b}    {c}',\n  legendShow: false,\n  legendOrient: 'horizontal',\n  legendTop: 'top',\n  legendLeft: 'center',\n  colors: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'],\n  symbolSize: 10,\n  xAxisSplitLineShow: true,\n  xAxisSplitLineStyleColor: '#333',\n  xAxisLabelColor: '#333',\n  xAxisLineStyleColor: '#333',\n  xAxisTickShow: true,\n  xAxisLabelFormatter: '{value}',\n  yAxisSplitLineShow: true,\n  yAxisSplitLineStyleColor: '#333',\n  yAxisLabelColor: '#333',\n  yAxisLineStyleColor: '#333',\n  yAxisLabelFormatter: '{value}',\n  dataFieldNames: { name: 'name', value: 'value' },\n  gridContainLabel: true,\n  gridTop: '10%',\n  gridBottom: '10%',\n  gridLeft: '5%',\n  gridRight: '5%',\n  graphicConfig: undefined,\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}\n\n// 转化默认属性\nexport const scatterComponentProps = transformToComponentProps(scatterProps)\n\nexport const scatterEvents = ['click', 'refreshData']\n"],"names":["props","transformToComponentProps"],"mappings":";;;AAiDO,MAAM,eAA6B;AAAA,EACxC,GAAGA,MAAA;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,MAAM;AAAA,IACJ,EAAE,MAAM,KAAK,OAAO,IAAI;AAAA,IACxB,EAAE,MAAM,KAAK,OAAO,IAAI;AAAA,IACxB,EAAE,MAAM,IAAI,OAAO,IAAI;AAAA,EACzB;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ,CAAC,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,SAAS;AAAA,EAC1G,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,gBAAgB,EAAE,MAAM,QAAQ,OAAO,QAAQ;AAAA,EAC/C,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AAAA,EACX,eAAe;AAAA,EACf,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;AACnB;AAGa,MAAA,wBAAwBC,gCAA0B,YAAY;AAE9D,MAAA,gBAAgB,CAAC,SAAS,aAAa;;;;"}

package/lib/hooks/useRequestData.js

@@ -55,7 +55,7 @@ const useRequestData = (props, callBack = () => {
         _params[key] = useVariablesInText.useVariablesInText(value);
       }
     });
-    _params = { ...window.requestParams, ..._params, ...params };
+    _params = { ...window.config.requestParams, ..._params, ...params };
     let urlParams = "";
     const keys = Object.keys(_params);
     const last = keys.length - 1;