@ecan-bi/datav 1.0.61 → 1.0.64

package/es/graph/line/Line.js

@@ -1,22 +1,3 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { defineComponent, ref, computed, unref, inject, watch, resolveComponent, openBlock, createElementBlock, normalizeStyle, createVNode, withCtx } from "vue";
 import { usePickComponentStyle } from "../../_utils/hooks/usePickComponentStyle.js";
 import { useOnEvent } from "../../_utils/hooks/useOnEvent.js";
@@ -27,34 +8,83 @@ import { useTransformChartDataByAttrKey } from "../../_utils/hooks/useTransformC
 import { GLOBAL_MODEL, GLOBAL_CONFIG, REQUEST_MODEL } from "../../_utils/constant.js";
 import { useRequestDiagramData } from "../../_utils/hooks/useRequestDiagramData.js";
 import { useValueFormatter } from "../../_utils/hooks/useValueFormatter.js";
-import ECharts from "../../common/echarts/ECharts.js";
+import "../../_utils/request.js";
+import Echarts from "../../common/echarts/Echarts.js";
 import { lineComponentProps } from "./props.js";
 import "lodash-es";
 import Spin from "../../common/spin/Spin.js";
+import { useDownloadFile } from "../../_utils/hooks/useDownloadFile.js";
+import { Modal } from "ant-design-vue";
+import "./Line.vue_vue_type_style_index_0_lang.js";
 import _export_sfc from "../../_virtual/plugin-vue_export-helper.js";
 import { install as install$1 } from "../../node_modules/echarts/lib/chart/line/install.js";
 import { use } from "../../node_modules/echarts/lib/extension.js";
 import { install } from "../../node_modules/echarts/lib/renderer/installCanvasRenderer.js";
-import { install as install$2 } from "../../node_modules/echarts/lib/component/title/install.js";
-import { install as install$3 } from "../../node_modules/echarts/lib/component/legend/install.js";
+import { install as install$2 } from "../../node_modules/echarts/lib/component/toolbox/install.js";
+import { install as install$3 } from "../../node_modules/echarts/lib/component/title/install.js";
+import { install as install$4 } from "../../node_modules/echarts/lib/component/legend/install.js";
 use([
   install,
   install$1,
   install$2,
-  install$3
+  install$3,
+  install$4
 ]);
 const _sfc_main = defineComponent({
   name: "EcanLine",
-  props: __spreadValues({}, lineComponentProps),
+  props: {
+    ...lineComponentProps
+  },
   components: {
     Spin,
-    Echarts: ECharts
+    Echarts,
+    AModal: Modal
   },
   setup(props) {
     const style = usePickComponentStyle(props);
     const series = ref([]);
     const dimensions = ref([]);
+    const visible = ref(false);
+    const hideModal = () => {
+      visible.value = false;
+    };
     const option = computed(() => ({
+      toolbox: {
+        show: props.toolboxShow,
+        left: props.toolboxLeft,
+        top: props.toolboxTop,
+        itemSize: props.toolboxItemSize,
+        itemGap: props.toolboxItemGap,
+        feature: {
+          myDownload: {
+            show: true,
+            title: "\u6570\u636E\u4E0B\u8F7D",
+            icon: "path://M502.010485 765.939573c3.773953 3.719718 8.686846 5.573949 13.596669 5.573949 0.075725 0 0.151449-0.010233 0.227174-0.011256 0.329505 0.016373 0.654916 0.050142 0.988514 0.050142 0.706081 0 1.400906-0.042979 2.087545-0.116657 4.352121-0.366344 8.607028-2.190899 11.961426-5.496178l335.053985-330.166675c7.619538-7.509021 7.709589-19.773346 0.200568-27.393907s-19.774369-7.711636-27.39493-0.201591L536.193005 706.304358 536.193005 50.019207c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 657.032164-306.881342-302.44838c-7.618515-7.509021-19.883863-7.419993-27.393907 0.199545-7.509021 7.619538-7.419993 19.884886 0.199545 27.393907L502.010485 765.939573z,             M867.170139 711.020776c-10.698666 0-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 13.054317-10.620895 23.675212-23.676236 23.675212L205.182103 919.486668c-13.054317 0-23.676236-10.620895-23.676236-23.675212L181.505867 730.391962c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 34.416857 28.000728 62.416562 62.417585 62.416562l618.941638 0c34.417881 0 62.417585-27.999704 62.417585-62.416562L886.540302 730.391962C886.541325 719.693296 877.868805 711.020776 867.170139 711.020776z",
+            onclick() {
+              useDownloadFile(props.toolboxDownloadUrl);
+            }
+          },
+          myDataZoom: {
+            show: true,
+            title: "\u653E\u5927",
+            icon: "path://M932.42 902.246667L792 761.793333A403.84 403.84 0 0 0 896 490.666667c0-223.86-181.473333-405.333333-405.333333-405.333334S85.333333 266.806667 85.333333 490.666667s181.473333 405.333333 405.333334 405.333333a403.84 403.84 0 0 0 271.126666-104l140.453334 140.453333a21.333333 21.333333 0 0 0 30.173333-30.173333zM128 490.666667c0-200.293333 162.373333-362.666667 362.666667-362.666667s362.666667 162.373333 362.666666 362.666667-162.373333 362.666667-362.666666 362.666666-362.666667-162.373333-362.666667-362.666666z m512 0a21.333333 21.333333 0 0 1-21.333333 21.333333H512v106.666667a21.333333 21.333333 0 0 1-42.666667 0V512H362.666667a21.333333 21.333333 0 0 1 0-42.666667h106.666666V362.666667a21.333333 21.333333 0 0 1 42.666667 0v106.666666h106.666667a21.333333 21.333333 0 0 1 21.333333 21.333334z",
+            onclick() {
+              visible.value = true;
+            }
+          },
+          myInfo: {
+            show: true,
+            title: "\u8BF4\u660E\u4FE1\u606F",
+            icon: "path://M512.50142 958.397886c-119.320573 0-231.499491-46.465265-315.871087-130.837884C112.258737 743.188406 65.792449 631.010511 65.792449 511.688915c0-119.319549 46.466288-231.499491 130.837884-315.871087C281.002952 111.445208 393.180847 64.979944 512.50142 64.979944s231.499491 46.465265 315.871087 130.837884c84.372619 84.372619 130.837884 196.551538 130.837884 315.871087 0 119.321596-46.465265 231.499491-130.837884 315.871087C744.000911 911.932622 631.821993 958.397886 512.50142 958.397886zM512.50142 105.962334c-223.718271 0-405.726581 182.00831-405.726581 405.726581s182.00831 405.726581 405.726581 405.726581c223.718271 0 405.727605-182.00831 405.727605-405.726581S736.220714 105.962334 512.50142 105.962334z M510.150886 775.953647c-18.107403 0-32.745798-14.678304-32.745798-32.785707L477.405087 452.191846c0-18.108426 14.638395-32.785707 32.745798-32.785707 18.107403 0 32.745798 14.678304 32.745798 32.785707l0 290.976094C542.896684 761.275343 528.258289 775.953647 510.150886 775.953647z M511.357364 296.458969m-45.080731 0a44.054 44.054 0 1 0 90.161463 0 44.054 44.054 0 1 0-90.161463 0Z",
+            onclick() {
+              Modal.info({
+                title: "\u8BF4\u660E\u4FE1\u606F",
+                content: props.toolboxInfoText
+              });
+            }
+          }
+        }
+      },
       title: {
         text: props.titleText,
         subText: props.titleSubtext,
@@ -141,15 +171,18 @@ const _sfc_main = defineComponent({
       const temp = [];
       const len = dataset.length;
       for (let i = 0; i < len; i++) {
-        temp.push(__spreadProps(__spreadValues({
-          type: "line"
-        }, dataset[i]), {
+        temp.push({
+          type: "line",
+          ...dataset[i],
           symbolSize: props.symbolSize,
           smooth: props.smooth,
+          areaStyle: {
+            opacity: props.areaStyleOpacity
+          },
           lineStyle: {
             width: props.lineStyleWidth
           }
-        }));
+        });
       }
       series.value = temp;
     };
@@ -161,19 +194,19 @@ const _sfc_main = defineComponent({
       const temp = [];
       const len = dataset.length;
       for (let i = 0; i < len; i++) {
-        temp.push(__spreadProps(__spreadValues({
-          type: "line"
-        }, dataset[i]), {
+        temp.push({
+          type: "line",
+          ...dataset[i],
           symbolSize: props.symbolSize,
           smooth: props.smooth,
           lineStyle: {
             width: props.lineStyleWidth
           }
-        }));
+        });
       }
       series.value = temp;
     };
-    watch(() => [props.data, props.symbolSize, props.smooth, props.lineStyleWidth], ([data]) => {
+    watch(() => [props.data, props.symbolSize, props.smooth, props.lineStyleWidth, props.areaStyleOpacity], ([data]) => {
       if (props.dataType === "static" || unref(pageMode) === "design") {
         handleDataset(data);
       }
@@ -201,7 +234,7 @@ const _sfc_main = defineComponent({
     const click = emitEvent("click", (e) => {
       const id = props.id;
       const modal = getGlobalModel(id);
-      setGlobalModel(id, __spreadProps(__spreadValues({}, modal), { RECORD: e == null ? void 0 : e.data }));
+      setGlobalModel(id, { ...modal, RECORD: e == null ? void 0 : e.data });
     });
     const requestDiagram = useRequestDiagramData(props);
     const handleIndicatorData = async () => {
@@ -248,13 +281,16 @@ const _sfc_main = defineComponent({
       option,
       style,
       click,
-      loading
+      loading,
+      visible,
+      hideModal
     };
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_echarts = resolveComponent("echarts");
   const _component_spin = resolveComponent("spin");
+  const _component_a_modal = resolveComponent("a-modal");
   return openBlock(), createElementBlock("div", {
     style: normalizeStyle(_ctx.style)
   }, [
@@ -267,9 +303,32 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 8, ["option", "onClick"])
       ]),
       _: 1
-    }, 8, ["spinning"])
+    }, 8, ["spinning"]),
+    createVNode(_component_a_modal, {
+      "wrap-class-name": "full-modal",
+      width: "100%",
+      visible: _ctx.visible,
+      footer: null,
+      onCancel: _ctx.hideModal
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_spin, { spinning: _ctx.loading }, {
+          default: withCtx(() => [
+            createVNode(_component_echarts, {
+              option: _ctx.option,
+              "update-options": { notMerge: true },
+              autoresize: ""
+            }, null, 8, ["option"])
+          ]),
+          _: 1
+        }, 8, ["spinning"])
+      ]),
+      _: 1
+    }, 8, ["visible", "onCancel"])
   ], 4);
 }
-var Line = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { Line as default };
+const Line = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  Line as default
+};
 //# sourceMappingURL=Line.js.map

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

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

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

@@ -0,0 +1,5 @@
+const Line_vue_vue_type_style_index_0_lang = "";
+export {
+  Line_vue_vue_type_style_index_0_lang as default
+};
+//# sourceMappingURL=Line.vue_vue_type_style_index_0_lang.js.map

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

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

package/es/graph/line/index.js

@@ -1,6 +1,12 @@
 import { withInstall } from "../../_utils/withInstall.js";
 import Line from "./Line.js";
-export { lineComponentProps, lineEvents, lineProps } from "./props.js";
+import { lineComponentProps, lineEvents, lineProps } from "./props.js";
 const EcanLine = withInstall(Line);
-export { EcanLine, EcanLine as default };
+export {
+  EcanLine,
+  EcanLine as default,
+  lineComponentProps,
+  lineEvents,
+  lineProps
+};
 //# 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,24 +1,6 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { transformToComponentProps, props } from "../../_utils/props.js";
-const lineProps = __spreadProps(__spreadValues({}, props), {
+const lineProps = {
+  ...props,
   id: "",
   name: "\u6298\u7EBF\u56FE",
   keyName: "\u6298\u7EBF\u56FE",
@@ -59,14 +41,28 @@ const lineProps = __spreadProps(__spreadValues({}, props), {
   gridContainLabel: true,
   gridTop: "10%",
   gridBottom: "10%",
-  gridLeft: "2%",
-  gridRight: "2%",
+  gridLeft: "5%",
+  gridRight: "5%",
   valueTypeDataFieldNames: { name: "name", value: "value", type: "type" },
   keyTypeDataFieldNames: { name: "name", types: [] },
   dataFieldConfigType: "value",
-  graphicConfig: {}
-});
+  graphicConfig: {},
+  toolboxShow: false,
+  toolboxOrient: "horizontal",
+  toolboxItemSize: 16,
+  toolboxItemGap: 8,
+  toolboxLeft: "right",
+  toolboxTop: "top",
+  toolboxIconStyleBorderColor: "#666",
+  toolboxDownloadUrl: "",
+  toolboxInfoText: "\u5F53\u524D\u65E0\u8BF4\u660E\u4FE1\u606F",
+  areaStyleOpacity: 0
+};
 const lineComponentProps = transformToComponentProps(lineProps);
 const lineEvents = ["click", "refreshData"];
-export { lineComponentProps, lineEvents, lineProps };
+export {
+  lineComponentProps,
+  lineEvents,
+  lineProps
+};
 //# sourceMappingURL=props.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../../src/graph/line/props.ts"],"sourcesContent":["import {\n  Props,\n  props,\n  transformToComponentProps,\n  Data,\n  ValueTypeDataFieldNames,\n  KeyTypeDataFieldNames\n} from '../../_utils/props'\n\nexport interface LineProps extends Props {\n  data: Data\n  titleText: string\n  titleSubtext: string\n  titleLeft: string\n  colors: string[]\n  legendShow: boolean,\n  legendLeft: 'left' | 'center' | 'right'\n  legendTop: 'top' | 'middle' | 'bottom'\n  legendOrient: 'vertical' | 'horizontal' // 标记点大小\n  symbolSize: number // 线宽度\n  lineStyleWidth: number // 线宽\n  smooth: boolean // 光滑\n  xAxisSplitLineShow: boolean // x轴展示分割线\n  xAxisLabelColor: string // x轴名称颜色\n  xAxisLineStyleColor: string // x轴名称颜色\n  xAxisSplitLineStyleColor: string // x轴分割线颜色\n  xAxisTickShow: boolean // 展示刻度\n  yAxisSplitLineShow: boolean // y轴展示分割线\n  yAxisSplitLineStyleColor: string // y轴分割线颜色\n  yAxisLabelColor: string // y轴名称颜色\n  yAxisLineStyleColor: string // y轴名称颜色\n  yAxisLabelFormatter: string\n  valueTypeDataFieldNames: ValueTypeDataFieldNames\n  keyTypeDataFieldNames: KeyTypeDataFieldNames\n  dataFieldConfigType: 'key' | 'value'\n  gridContainLabel: boolean\n  gridTop: string\n  gridBottom: string\n  gridLeft: string\n  gridRight: string\n  graphicConfig?: any\n}\n\nexport const lineProps: LineProps = {\n  ...props,\n  id: '',\n  name: '折线图',\n  keyName: '折线图',\n  type: 'ecanLine',\n  width: '400px',\n  height: '400px',\n  top: '',\n  left: '',\n  rotate: '',\n  data: [\n    { name: '名称一', value: 335 },\n    { name: '名称二', value: 310 },\n    { name: '名称三', value: 234 },\n    { name: '名称四', value: 135 },\n    { name: '名称五', value: 1548 }\n  ],\n  titleText: '',\n  titleSubtext: '',\n  titleLeft: '',\n  legendShow: false,\n  legendOrient: 'horizontal',\n  legendTop: 'top',\n  legendLeft: 'center',\n  colors: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'],\n  symbolSize: 4,\n  lineStyleWidth: 2,\n  smooth: false,\n  xAxisSplitLineShow: true,\n  xAxisSplitLineStyleColor: '#333',\n  xAxisLabelColor: '#333',\n  xAxisLineStyleColor: '#333',\n  xAxisTickShow: true,\n  yAxisSplitLineShow: true,\n  yAxisSplitLineStyleColor: '#333',\n  yAxisLabelColor: '#333',\n  yAxisLineStyleColor: '#333',\n  yAxisLabelFormatter: '{value}',\n  gridContainLabel: true,\n  gridTop: '10%',\n  gridBottom: '10%',\n  gridLeft: '2%',\n  gridRight: '2%',\n  valueTypeDataFieldNames: { name: 'name', value: 'value', type: 'type' },\n  keyTypeDataFieldNames: { name: 'name', types: [] },\n  dataFieldConfigType: 'value',\n  graphicConfig: {}\n}\n\n// 转化默认属性\nexport const lineComponentProps = transformToComponentProps(lineProps)\n\nexport const lineEvents = ['click', 'refreshData']\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AA2CO,MAAM,YAAuB,iCAC/B,QAD+B;AAAA,EAElC,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,IACJ,EAAE,MAAM,sBAAO,OAAO,IAAI;AAAA,IAC1B,EAAE,MAAM,sBAAO,OAAO,IAAI;AAAA,IAC1B,EAAE,MAAM,sBAAO,OAAO,IAAI;AAAA,IAC1B,EAAE,MAAM,sBAAO,OAAO,IAAI;AAAA,IAC1B,EAAE,MAAM,sBAAO,OAAO,KAAK;AAAA,EAC7B;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ,CAAC,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,SAAS;AAAA,EAC1G,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,oBAAoB;AAAA,EACpB,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AAAA,EACX,yBAAyB,EAAE,MAAM,QAAQ,OAAO,SAAS,MAAM,OAAO;AAAA,EACtE,uBAAuB,EAAE,MAAM,QAAQ,OAAO,CAAA,EAAG;AAAA,EACjD,qBAAqB;AAAA,EACrB,eAAe,CAAC;AAClB;AAGa,MAAA,qBAAqB,0BAA0B,SAAS;AAExD,MAAA,aAAa,CAAC,SAAS,aAAa;;"}
+{"version":3,"file":"props.js","sources":["../../../src/graph/line/props.ts"],"sourcesContent":["import {\n  Props,\n  props,\n  transformToComponentProps,\n  Data,\n  ValueTypeDataFieldNames,\n  KeyTypeDataFieldNames\n} from '@/_utils/props'\n\nexport interface LineProps extends Props {\n  data: Data\n  titleText: string\n  titleSubtext: string\n  titleLeft: string\n  colors: string[]\n  legendShow: boolean,\n  legendLeft: 'left' | 'center' | 'right'\n  legendTop: 'top' | 'middle' | 'bottom'\n  legendOrient: 'vertical' | 'horizontal' // 标记点大小\n  symbolSize: number // 线宽度\n  lineStyleWidth: number // 线宽\n  smooth: boolean // 光滑\n  xAxisSplitLineShow: boolean // x轴展示分割线\n  xAxisLabelColor: string // x轴名称颜色\n  xAxisLineStyleColor: string // x轴名称颜色\n  xAxisSplitLineStyleColor: string // x轴分割线颜色\n  xAxisTickShow: boolean // 展示刻度\n  yAxisSplitLineShow: boolean // y轴展示分割线\n  yAxisSplitLineStyleColor: string // y轴分割线颜色\n  yAxisLabelColor: string // y轴名称颜色\n  yAxisLineStyleColor: string // y轴名称颜色\n  yAxisLabelFormatter: string\n  valueTypeDataFieldNames: ValueTypeDataFieldNames\n  keyTypeDataFieldNames: KeyTypeDataFieldNames\n  dataFieldConfigType: 'key' | 'value'\n  gridContainLabel: boolean\n  gridTop: string\n  gridBottom: string\n  gridLeft: string\n  gridRight: string\n  graphicConfig?: any\n  toolboxShow: boolean\n  toolboxOrient: 'horizontal' | 'vertical'\n  toolboxItemSize: number // 工具栏 icon 的大小。\n  toolboxItemGap: number // 工具栏 icon 每项之间的间隔。横向布局时为水平间隔，纵向布局时为纵向间隔。\n  toolboxLeft: 'left' | 'center' | 'right'\n  toolboxTop: 'top'| 'middle'| 'bottom'\n  toolboxIconStyleBorderColor: string\n  toolboxDownloadUrl: string\n  toolboxInfoText: string\n  areaStyleOpacity: number\n}\n\nexport const lineProps: LineProps = {\n  ...props,\n  id: '',\n  name: '折线图',\n  keyName: '折线图',\n  type: 'ecanLine',\n  width: '400px',\n  height: '400px',\n  top: '',\n  left: '',\n  rotate: '',\n  data: [\n    { name: '名称一', value: 335 },\n    { name: '名称二', value: 310 },\n    { name: '名称三', value: 234 },\n    { name: '名称四', value: 135 },\n    { name: '名称五', value: 1548 }\n  ],\n  titleText: '',\n  titleSubtext: '',\n  titleLeft: '',\n  legendShow: false,\n  legendOrient: 'horizontal',\n  legendTop: 'top',\n  legendLeft: 'center',\n  colors: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'],\n  symbolSize: 4,\n  lineStyleWidth: 2,\n  smooth: false,\n  xAxisSplitLineShow: true,\n  xAxisSplitLineStyleColor: '#333',\n  xAxisLabelColor: '#333',\n  xAxisLineStyleColor: '#333',\n  xAxisTickShow: true,\n  yAxisSplitLineShow: true,\n  yAxisSplitLineStyleColor: '#333',\n  yAxisLabelColor: '#333',\n  yAxisLineStyleColor: '#333',\n  yAxisLabelFormatter: '{value}',\n  gridContainLabel: true,\n  gridTop: '10%',\n  gridBottom: '10%',\n  gridLeft: '5%',\n  gridRight: '5%',\n  valueTypeDataFieldNames: { name: 'name', value: 'value', type: 'type' },\n  keyTypeDataFieldNames: { name: 'name', types: [] },\n  dataFieldConfigType: 'value',\n  graphicConfig: {},\n  toolboxShow: false,\n  toolboxOrient: 'horizontal',\n  toolboxItemSize: 16,\n  toolboxItemGap: 8,\n  toolboxLeft: 'right',\n  toolboxTop: 'top',\n  toolboxIconStyleBorderColor: '#666',\n  toolboxDownloadUrl: '',\n  toolboxInfoText: '当前无说明信息',\n  areaStyleOpacity: 0\n}\n\n// 转化默认属性\nexport const lineComponentProps = transformToComponentProps(lineProps)\n\nexport const lineEvents = ['click', 'refreshData']\n"],"names":[],"mappings":";AAqDO,MAAM,YAAuB;AAAA,EAClC,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,IACJ,EAAE,MAAM,sBAAO,OAAO,IAAI;AAAA,IAC1B,EAAE,MAAM,sBAAO,OAAO,IAAI;AAAA,IAC1B,EAAE,MAAM,sBAAO,OAAO,IAAI;AAAA,IAC1B,EAAE,MAAM,sBAAO,OAAO,IAAI;AAAA,IAC1B,EAAE,MAAM,sBAAO,OAAO,KAAK;AAAA,EAC7B;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ,CAAC,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,SAAS;AAAA,EAC1G,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,oBAAoB;AAAA,EACpB,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AAAA,EACX,yBAAyB,EAAE,MAAM,QAAQ,OAAO,SAAS,MAAM,OAAO;AAAA,EACtE,uBAAuB,EAAE,MAAM,QAAQ,OAAO,CAAA,EAAG;AAAA,EACjD,qBAAqB;AAAA,EACrB,eAAe,CAAC;AAAA,EAChB,aAAa;AAAA,EACb,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,6BAA6B;AAAA,EAC7B,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,kBAAkB;AACpB;AAGa,MAAA,qBAAqB,0BAA0B,SAAS;AAExD,MAAA,aAAa,CAAC,SAAS,aAAa;"}

package/es/graph/pie/Pie.js

@@ -1,22 +1,3 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { defineComponent, ref, computed, unref, inject, watch, resolveComponent, openBlock, createElementBlock, normalizeStyle, createVNode, withCtx } from "vue";
 import { usePickComponentStyle } from "../../_utils/hooks/usePickComponentStyle.js";
 import { useOnEvent } from "../../_utils/hooks/useOnEvent.js";
@@ -26,44 +7,94 @@ import { useRequestData } from "../../_utils/hooks/useRequestData.js";
 import "lodash-es";
 import { GLOBAL_MODEL, GLOBAL_CONFIG, REQUEST_MODEL } from "../../_utils/constant.js";
 import { useRequestDiagramData } from "../../_utils/hooks/useRequestDiagramData.js";
-import ECharts from "../../common/echarts/ECharts.js";
-import { pieComponentProps } from "./props.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.js";
+import { Modal } from "ant-design-vue";
+import { useDownloadFile } from "../../_utils/hooks/useDownloadFile.js";
+import "./Pie.vue_vue_type_style_index_0_lang.js";
 import _export_sfc from "../../_virtual/plugin-vue_export-helper.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";
 import { install as install$2 } from "../../node_modules/echarts/lib/component/title/install.js";
-import { install as install$3 } from "../../node_modules/echarts/lib/component/tooltip/install.js";
-import { install as install$4 } from "../../node_modules/echarts/lib/component/legend/install.js";
+import { install as install$3 } from "../../node_modules/echarts/lib/component/toolbox/install.js";
+import { install as install$4 } from "../../node_modules/echarts/lib/component/tooltip/install.js";
+import { install as install$5 } from "../../node_modules/echarts/lib/component/legend/install.js";
 use([
   install,
   install$1,
   install$2,
   install$3,
-  install$4
+  install$4,
+  install$5
 ]);
 const _sfc_main = defineComponent({
   name: "EcanPie",
-  props: __spreadValues({}, pieComponentProps),
+  props: {
+    ...pieComponentProps
+  },
   components: {
     Spin,
-    Echarts: ECharts
+    Echarts,
+    AModal: Modal
   },
   setup(props) {
     const style = usePickComponentStyle(props);
     const dataset = ref([]);
+    const visible = ref(false);
+    const hideModal = () => {
+      visible.value = false;
+    };
     const option = computed(() => {
       let { data = [] } = unref(dataset)[0] || {};
       if (Array.isArray(props.colors)) {
         const isUseLabelColors = props.isUseLabelColors;
         const colors = props.colors;
-        data = data.map((item, index) => __spreadValues({
-          label: isUseLabelColors ? { color: colors[index] } : {}
-        }, item));
+        data = data.map((item, index) => ({
+          label: isUseLabelColors ? { color: colors[index] } : {},
+          ...item
+        }));
       }
       return {
+        toolbox: {
+          show: props.toolboxShow,
+          left: props.toolboxLeft,
+          top: props.toolboxTop,
+          itemSize: props.toolboxItemSize,
+          itemGap: props.toolboxItemGap,
+          feature: {
+            myDownload: {
+              show: true,
+              title: "\u6570\u636E\u4E0B\u8F7D",
+              icon: "path://M502.010485 765.939573c3.773953 3.719718 8.686846 5.573949 13.596669 5.573949 0.075725 0 0.151449-0.010233 0.227174-0.011256 0.329505 0.016373 0.654916 0.050142 0.988514 0.050142 0.706081 0 1.400906-0.042979 2.087545-0.116657 4.352121-0.366344 8.607028-2.190899 11.961426-5.496178l335.053985-330.166675c7.619538-7.509021 7.709589-19.773346 0.200568-27.393907s-19.774369-7.711636-27.39493-0.201591L536.193005 706.304358 536.193005 50.019207c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 657.032164-306.881342-302.44838c-7.618515-7.509021-19.883863-7.419993-27.393907 0.199545-7.509021 7.619538-7.419993 19.884886 0.199545 27.393907L502.010485 765.939573z,             M867.170139 711.020776c-10.698666 0-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 13.054317-10.620895 23.675212-23.676236 23.675212L205.182103 919.486668c-13.054317 0-23.676236-10.620895-23.676236-23.675212L181.505867 730.391962c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 34.416857 28.000728 62.416562 62.417585 62.416562l618.941638 0c34.417881 0 62.417585-27.999704 62.417585-62.416562L886.540302 730.391962C886.541325 719.693296 877.868805 711.020776 867.170139 711.020776z",
+              onclick() {
+                useDownloadFile(props.toolboxDownloadUrl);
+              }
+            },
+            myDataZoom: {
+              show: true,
+              title: "\u653E\u5927",
+              icon: "path://M932.42 902.246667L792 761.793333A403.84 403.84 0 0 0 896 490.666667c0-223.86-181.473333-405.333333-405.333333-405.333334S85.333333 266.806667 85.333333 490.666667s181.473333 405.333333 405.333334 405.333333a403.84 403.84 0 0 0 271.126666-104l140.453334 140.453333a21.333333 21.333333 0 0 0 30.173333-30.173333zM128 490.666667c0-200.293333 162.373333-362.666667 362.666667-362.666667s362.666667 162.373333 362.666666 362.666667-162.373333 362.666667-362.666666 362.666666-362.666667-162.373333-362.666667-362.666666z m512 0a21.333333 21.333333 0 0 1-21.333333 21.333333H512v106.666667a21.333333 21.333333 0 0 1-42.666667 0V512H362.666667a21.333333 21.333333 0 0 1 0-42.666667h106.666666V362.666667a21.333333 21.333333 0 0 1 42.666667 0v106.666666h106.666667a21.333333 21.333333 0 0 1 21.333333 21.333334z",
+              onclick() {
+                visible.value = true;
+              }
+            },
+            myInfo: {
+              show: true,
+              title: "\u8BF4\u660E\u4FE1\u606F",
+              icon: "path://M512.50142 958.397886c-119.320573 0-231.499491-46.465265-315.871087-130.837884C112.258737 743.188406 65.792449 631.010511 65.792449 511.688915c0-119.319549 46.466288-231.499491 130.837884-315.871087C281.002952 111.445208 393.180847 64.979944 512.50142 64.979944s231.499491 46.465265 315.871087 130.837884c84.372619 84.372619 130.837884 196.551538 130.837884 315.871087 0 119.321596-46.465265 231.499491-130.837884 315.871087C744.000911 911.932622 631.821993 958.397886 512.50142 958.397886zM512.50142 105.962334c-223.718271 0-405.726581 182.00831-405.726581 405.726581s182.00831 405.726581 405.726581 405.726581c223.718271 0 405.727605-182.00831 405.727605-405.726581S736.220714 105.962334 512.50142 105.962334z M510.150886 775.953647c-18.107403 0-32.745798-14.678304-32.745798-32.785707L477.405087 452.191846c0-18.108426 14.638395-32.785707 32.745798-32.785707 18.107403 0 32.745798 14.678304 32.745798 32.785707l0 290.976094C542.896684 761.275343 528.258289 775.953647 510.150886 775.953647z M511.357364 296.458969m-45.080731 0a44.054 44.054 0 1 0 90.161463 0 44.054 44.054 0 1 0-90.161463 0Z",
+              onclick() {
+                Modal.info({
+                  title: "\u8BF4\u660E\u4FE1\u606F",
+                  content: props.toolboxInfoText
+                });
+              }
+            }
+          }
+        },
         title: {
           text: props.titleText,
           subtext: props.titleSubtext,
@@ -169,7 +200,7 @@ const _sfc_main = defineComponent({
     const click = emitEvent("click", (e) => {
       const id = props.id;
       const modal = getGlobalModel(id);
-      setGlobalModel(id, __spreadProps(__spreadValues({}, modal), { RECORD: e == null ? void 0 : e.data }));
+      setGlobalModel(id, { ...modal, RECORD: e == null ? void 0 : e.data });
     });
     const requestDiagram = useRequestDiagramData(props);
     const handleIndicatorData = async () => {
@@ -218,13 +249,16 @@ const _sfc_main = defineComponent({
       option,
       style,
       click,
-      loading
+      loading,
+      visible,
+      hideModal
     };
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_echarts = resolveComponent("echarts");
   const _component_spin = resolveComponent("spin");
+  const _component_a_modal = resolveComponent("a-modal");
   return openBlock(), createElementBlock("div", {
     style: normalizeStyle(_ctx.style)
   }, [
@@ -237,9 +271,32 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 8, ["option", "onClick"])
       ]),
       _: 1
-    }, 8, ["spinning"])
+    }, 8, ["spinning"]),
+    createVNode(_component_a_modal, {
+      "wrap-class-name": "full-modal",
+      width: "100%",
+      visible: _ctx.visible,
+      footer: null,
+      onCancel: _ctx.hideModal
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_spin, { spinning: _ctx.loading }, {
+          default: withCtx(() => [
+            createVNode(_component_echarts, {
+              option: _ctx.option,
+              "update-options": { notMerge: true },
+              autoresize: ""
+            }, null, 8, ["option"])
+          ]),
+          _: 1
+        }, 8, ["spinning"])
+      ]),
+      _: 1
+    }, 8, ["visible", "onCancel"])
   ], 4);
 }
-var Pie = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { Pie as default };
+const Pie = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  Pie as default
+};
 //# sourceMappingURL=Pie.js.map