@ecan-bi/datav 1.1.19 → 1.1.20

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

@@ -5,16 +5,15 @@ import { useEmitEvent } from "../../hooks/useEmitEvent.js";
 import { useTransformChartDataByAttrValue } from "../../hooks/useTransformChartDataByAttrValue.js";
 import { useRequestData } from "../../hooks/useRequestData.js";
 import { useTransformChartDataByAttrKey } from "../../hooks/useTransformChartDataByAttrKey.js";
-import { GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL } from "../../utils/constant.js";
 import { useVariablesInText } from "../../hooks/useVariablesInText.js";
 import { useRequestDiagramData } from "../../hooks/useRequestDiagramData.js";
 import { useValueFormatter } from "../../hooks/useValueFormatter.js";
-import "../../utils/request.js";
 import { comboGraphComponentProps } from "./props.js";
+import { GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL } from "../../utils/constant.js";
 import "lodash-es";
 import Echarts from "../../common/echarts/Echarts.js";
-import Spin from "../../common/spin/Spin.vue3.js";
-import { useDownloadFile } from "../../hooks/useDownloadFile.js";
+import Spin from "../../common/spin/Spin.vue.js";
+import useDownloadFile from "../../hooks/useDownloadFile.js";
 import { Modal } from "ant-design-vue";
 import { use } from "../../node_modules/echarts/lib/extension.js";
 import { install } from "../../node_modules/echarts/lib/renderer/installCanvasRenderer.js";

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

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

package/es/graph/combo-graph/index.js

@@ -1,12 +1,8 @@
 import { withInstall } from "../../utils/withInstall.js";
 import ComboGraph from "./ComboGraph.vue.js";
-import { comboGraphComponentProps, comboGraphEvents, comboGraphProps } from "./props.js";
 const EcanComboGraph = withInstall(ComboGraph);
 export {
   EcanComboGraph,
-  comboGraphComponentProps,
-  comboGraphEvents,
-  comboGraphProps,
   EcanComboGraph as default
 };
 //# sourceMappingURL=index.js.map

package/es/graph/combo-graph/index.js.map

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

package/es/graph/combo-graph/props.js

@@ -1,4 +1,4 @@
-import { transformToComponentProps, props } from "../../utils/props.js";
+import { props, transformToComponentProps } from "../../utils/props.js";
 const comboGraphProps = {
   ...props,
   id: "",

package/es/graph/custom-graph/CustomGraph.vue2.js

@@ -2,11 +2,6 @@ import { defineComponent, ref, watch } from "vue";
 import Echarts from "../../common/echarts/Echarts.js";
 import { customGraphComponentProps } from "./props.js";
 import { usePickComponentStyle } from "../../hooks/usePickComponentStyle.js";
-import "../../utils/constant.js";
-import "lodash-es";
-import "../../node_modules/axios/index.js";
-import "../../utils/request.js";
-import "ant-design-vue";
 import * as echarts from "echarts";
 const _sfc_main = defineComponent({
   name: "EcanCustomGraph",

package/es/graph/custom-graph/CustomGraph.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomGraph.vue2.js","sources":["../../../src/graph/custom-graph/CustomGraph.vue"],"sourcesContent":["<template>\n  <div :style=\"style\">\n    <echarts\n      :option=\"myOption\"\n      :update-options=\"{ notMerge: true }\"\n      autoresize\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, watch, ref } from 'vue'\nimport Echarts from '../../common/echarts'\nimport { customGraphComponentProps } from './props'\nimport { usePickComponentStyle } from '../../hooks'\nimport * as echarts from 'echarts'\n// import 'echarts/components'\nexport default defineComponent({\n  name: 'EcanCustomGraph',\n  props: {\n    ...customGraphComponentProps\n  },\n  components: {\n    Echarts\n  },\n  setup (props) {\n    const style = usePickComponentStyle(props)\n    const myOption = ref()\n    watch(() => props.optionCode, (optionCode: string) => {\n      /* // eslint-disable-next-line\n      let option = {}\n      // eslint-disable-next-line\n      eval(props.optionCode as string)\n      myOption.value = option */\n      try {\n        // eslint-disable-next-line\n        const evalCopy = eval\n        myOption.value = evalCopy(optionCode)\n      } catch (e) {\n        console.error(e)\n      }\n    }, {\n      immediate: true\n    })\n    return {\n      style,\n      myOption,\n      echarts\n    }\n  }\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;AAiBA,MAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,GAAG;AAAA,EACL;AAAA,EACA,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,MAAO,OAAO;AACN,UAAA,QAAQ,sBAAsB,KAAK;AACzC,UAAM,WAAW;AACjB,UAAM,MAAM,MAAM,YAAY,CAAC,eAAuB;AAMhD,UAAA;AAEF,cAAM,WAAW;AACR,iBAAA,QAAQ,SAAS,UAAU;AAAA,eAC7B;AACP,gBAAQ,MAAM,CAAC;AAAA,MACjB;AAAA,IAAA,GACC;AAAA,MACD,WAAW;AAAA,IAAA,CACZ;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"CustomGraph.vue2.js","sources":["../../../src/graph/custom-graph/CustomGraph.vue"],"sourcesContent":["<template>\n  <div :style=\"style\">\n    <echarts\n      :option=\"myOption\"\n      :update-options=\"{ notMerge: true }\"\n      autoresize\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, watch, ref } from 'vue'\nimport Echarts from '../../common/echarts'\nimport { customGraphComponentProps } from './props'\nimport { usePickComponentStyle } from '../../hooks'\nimport * as echarts from 'echarts'\n// import 'echarts/components'\nexport default defineComponent({\n  name: 'EcanCustomGraph',\n  props: {\n    ...customGraphComponentProps\n  },\n  components: {\n    Echarts\n  },\n  setup (props) {\n    const style = usePickComponentStyle(props)\n    const myOption = ref()\n    watch(() => props.optionCode, (optionCode: string) => {\n      /* // eslint-disable-next-line\n      let option = {}\n      // eslint-disable-next-line\n      eval(props.optionCode as string)\n      myOption.value = option */\n      try {\n        // eslint-disable-next-line\n        const evalCopy = eval\n        myOption.value = evalCopy(optionCode)\n      } catch (e) {\n        console.error(e)\n      }\n    }, {\n      immediate: true\n    })\n    return {\n      style,\n      myOption,\n      echarts\n    }\n  }\n})\n</script>\n"],"names":[],"mappings":";;;;;AAiBA,MAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,GAAG;AAAA,EACL;AAAA,EACA,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,MAAO,OAAO;AACN,UAAA,QAAQ,sBAAsB,KAAK;AACzC,UAAM,WAAW;AACjB,UAAM,MAAM,MAAM,YAAY,CAAC,eAAuB;AAMhD,UAAA;AAEF,cAAM,WAAW;AACR,iBAAA,QAAQ,SAAS,UAAU;AAAA,eAC7B;AACP,gBAAQ,MAAM,CAAC;AAAA,MACjB;AAAA,IAAA,GACC;AAAA,MACD,WAAW;AAAA,IAAA,CACZ;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/es/graph/custom-graph/index.js

@@ -1,11 +1,8 @@
 import { withInstall } from "../../utils/withInstall.js";
 import CustomGraph from "./CustomGraph.vue.js";
-import { customGraphComponentProps, customGraphProps } from "./props.js";
 const EcanCustomGraph = withInstall(CustomGraph);
 export {
   EcanCustomGraph,
-  customGraphComponentProps,
-  customGraphProps,
   EcanCustomGraph as default
 };
 //# sourceMappingURL=index.js.map

package/es/graph/custom-graph/index.js.map

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

package/es/graph/custom-graph/props.js

@@ -1,4 +1,4 @@
-import { transformToComponentProps, props } from "../../utils/props.js";
+import { props, transformToComponentProps } from "../../utils/props.js";
 const customGraphProps = {
   ...props,
   id: "",

package/es/graph/line/Line.vue2.js

@@ -5,16 +5,15 @@ import { useEmitEvent } from "../../hooks/useEmitEvent.js";
 import { useTransformChartDataByAttrValue } from "../../hooks/useTransformChartDataByAttrValue.js";
 import { useRequestData } from "../../hooks/useRequestData.js";
 import { useTransformChartDataByAttrKey } from "../../hooks/useTransformChartDataByAttrKey.js";
-import { GLOBAL_MODEL, GLOBAL_CONFIG, REQUEST_MODEL } from "../../utils/constant.js";
 import { useVariablesInText } from "../../hooks/useVariablesInText.js";
 import { useRequestDiagramData } from "../../hooks/useRequestDiagramData.js";
 import { useValueFormatter } from "../../hooks/useValueFormatter.js";
-import "../../utils/request.js";
 import Echarts from "../../common/echarts/Echarts.js";
 import { lineComponentProps } from "./props.js";
+import { GLOBAL_MODEL, GLOBAL_CONFIG, REQUEST_MODEL } from "../../utils/constant.js";
 import "lodash-es";
-import Spin from "../../common/spin/Spin.vue3.js";
-import { useDownloadFile } from "../../hooks/useDownloadFile.js";
+import Spin from "../../common/spin/Spin.vue.js";
+import useDownloadFile from "../../hooks/useDownloadFile.js";
 import { Modal } from "ant-design-vue";
 import { install as install$1 } from "../../node_modules/echarts/lib/chart/line/install.js";
 import { use } from "../../node_modules/echarts/lib/extension.js";

package/es/graph/line/Line.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.vue2.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'\nimport { RequestModalParam } from '@/utils/types'\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    const resetRecord = () => {\n      const id = props.id as string\n      const modal = getGlobalModel(id)\n      setGlobalModel(id, { ...modal, RECORD: '' })\n    }\n\n    useOnEvent(props, {\n      refreshData,\n      resetRecord,\n      click\n    })\n\n    const { setRequest } = inject(REQUEST_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setRequest: ({ id, sortNum, requestFn }: RequestModalParam) => void 0\n    })\n\n    setRequest({\n      id: props.id as string,\n      requestFn: chooseRequestOrDiagram,\n      sortNum: props.requestSort as number\n    })\n\n    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":["CanvasRenderer","LineChart","ToolboxComponent","TitleComponent","LegendComponent","AModal"],"mappings":"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"}
+{"version":3,"file":"Line.vue2.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'\nimport { RequestModalParam } from '@/utils/types'\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    const resetRecord = () => {\n      const id = props.id as string\n      const modal = getGlobalModel(id)\n      setGlobalModel(id, { ...modal, RECORD: '' })\n    }\n\n    useOnEvent(props, {\n      refreshData,\n      resetRecord,\n      click\n    })\n\n    const { setRequest } = inject(REQUEST_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setRequest: ({ id, sortNum, requestFn }: RequestModalParam) => void 0\n    })\n\n    setRequest({\n      id: props.id as string,\n      requestFn: chooseRequestOrDiagram,\n      sortNum: props.requestSort as number\n    })\n\n    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":["CanvasRenderer","LineChart","ToolboxComponent","TitleComponent","LegendComponent","AModal"],"mappings":"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"}

package/es/graph/line/index.js

@@ -1,12 +1,8 @@
 import { withInstall } from "../../utils/withInstall.js";
 import Line from "./Line.vue.js";
-import { lineComponentProps, lineEvents, lineProps } from "./props.js";
 const EcanLine = withInstall(Line);
 export {
   EcanLine,
-  EcanLine as default,
-  lineComponentProps,
-  lineEvents,
-  lineProps
+  EcanLine as default
 };
 //# sourceMappingURL=index.js.map

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

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

package/es/graph/line/props.js

@@ -1,4 +1,4 @@
-import { transformToComponentProps, props } from "../../utils/props.js";
+import { props, transformToComponentProps } from "../../utils/props.js";
 const lineProps = {
   ...props,
   id: "",

package/es/graph/pie/Pie.vue2.js

@@ -4,17 +4,16 @@ import { useOnEvent } from "../../hooks/useOnEvent.js";
 import { useEmitEvent } from "../../hooks/useEmitEvent.js";
 import { useTransformChartDataByAttrValue } from "../../hooks/useTransformChartDataByAttrValue.js";
 import { useRequestData } from "../../hooks/useRequestData.js";
-import "lodash-es";
-import { GLOBAL_MODEL, GLOBAL_CONFIG, REQUEST_MODEL } from "../../utils/constant.js";
 import { useVariablesInText } from "../../hooks/useVariablesInText.js";
 import { useRequestDiagramData } from "../../hooks/useRequestDiagramData.js";
-import { handleFormatter } from "../../utils/util.js";
-import "../../utils/request.js";
 import Echarts from "../../common/echarts/Echarts.js";
 import { pieComponentProps } from "./props.js";
-import Spin from "../../common/spin/Spin.vue3.js";
+import { handleFormatter } from "../../utils/util.js";
+import { GLOBAL_MODEL, GLOBAL_CONFIG, REQUEST_MODEL } from "../../utils/constant.js";
+import "lodash-es";
+import Spin from "../../common/spin/Spin.vue.js";
 import { Modal } from "ant-design-vue";
-import { useDownloadFile } from "../../hooks/useDownloadFile.js";
+import useDownloadFile from "../../hooks/useDownloadFile.js";
 import { use } from "../../node_modules/echarts/lib/extension.js";
 import { install } from "../../node_modules/echarts/lib/renderer/installCanvasRenderer.js";
 import { install as install$1 } from "../../node_modules/echarts/lib/chart/pie/install.js";

package/es/graph/pie/Pie.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pie.vue2.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'\nimport { RequestModalParam } from '@/utils/types'\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    const resetRecord = () => {\n      const id = props.id as string\n      const modal = getGlobalModel(id)\n      setGlobalModel(id, { ...modal, RECORD: '' })\n    }\n\n    useOnEvent(props, {\n      resetRecord,\n      refreshData,\n      click\n    })\n\n    const { setRequest } = inject(REQUEST_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setRequest: ({ id, sortNum, requestFn }: RequestModalParam) => void 0\n    })\n    setRequest({\n      id: props.id as string,\n      requestFn: chooseRequestOrDiagram,\n      sortNum: 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":["CanvasRenderer","PieChart","TitleComponent","ToolboxComponent","TooltipComponent","LegendComponent","AModal","data"],"mappings":"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"}
+{"version":3,"file":"Pie.vue2.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'\nimport { RequestModalParam } from '@/utils/types'\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    const resetRecord = () => {\n      const id = props.id as string\n      const modal = getGlobalModel(id)\n      setGlobalModel(id, { ...modal, RECORD: '' })\n    }\n\n    useOnEvent(props, {\n      resetRecord,\n      refreshData,\n      click\n    })\n\n    const { setRequest } = inject(REQUEST_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setRequest: ({ id, sortNum, requestFn }: RequestModalParam) => void 0\n    })\n    setRequest({\n      id: props.id as string,\n      requestFn: chooseRequestOrDiagram,\n      sortNum: 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":["CanvasRenderer","PieChart","TitleComponent","ToolboxComponent","TooltipComponent","LegendComponent","AModal","data"],"mappings":"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"}

package/es/graph/pie/index.js

@@ -1,12 +1,8 @@
 import { withInstall } from "../../utils/withInstall.js";
 import Pie from "./Pie.vue.js";
-import { pieComponentProps, pieEvents, pieProps } from "./props.js";
 const EcanPie = withInstall(Pie);
 export {
   EcanPie,
-  EcanPie as default,
-  pieComponentProps,
-  pieEvents,
-  pieProps
+  EcanPie as default
 };
 //# sourceMappingURL=index.js.map

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

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

package/es/graph/pie/props.js

@@ -1,4 +1,4 @@
-import { transformToComponentProps, props } from "../../utils/props.js";
+import { props, transformToComponentProps } from "../../utils/props.js";
 const pieProps = {
   ...props,
   id: "",

package/es/graph/scatter/Scatter.vue2.js

@@ -2,17 +2,15 @@ import { defineComponent, ref, computed, unref, inject, watch } from "vue";
 import { usePickComponentStyle } from "../../hooks/usePickComponentStyle.js";
 import { useOnEvent } from "../../hooks/useOnEvent.js";
 import { useEmitEvent } from "../../hooks/useEmitEvent.js";
-import "lodash-es";
 import { useRequestData } from "../../hooks/useRequestData.js";
-import { GLOBAL_MODEL, GLOBAL_CONFIG, REQUEST_MODEL } from "../../utils/constant.js";
 import { useVariablesInText } from "../../hooks/useVariablesInText.js";
-import "../../utils/request.js";
-import { Modal } from "ant-design-vue";
 import { useValueFormatter } from "../../hooks/useValueFormatter.js";
 import Echarts from "../../common/echarts/Echarts.js";
 import { scatterComponentProps } from "./props.js";
-import Spin from "../../common/spin/Spin.vue3.js";
-import { useDownloadFile } from "../../hooks/useDownloadFile.js";
+import { GLOBAL_MODEL, GLOBAL_CONFIG, REQUEST_MODEL } from "../../utils/constant.js";
+import Spin from "../../common/spin/Spin.vue.js";
+import useDownloadFile from "../../hooks/useDownloadFile.js";
+import { Modal } from "ant-design-vue";
 import { install as install$1 } from "../../node_modules/echarts/lib/chart/scatter/install.js";
 import { use } from "../../node_modules/echarts/lib/extension.js";
 import { install } from "../../node_modules/echarts/lib/renderer/installCanvasRenderer.js";