@ecan-bi/datav 1.1.16 → 1.1.18

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

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const props = require("../../utils/props.js");
+const comboGraphProps = {
+  ...props.props,
+  id: "",
+  name: "组合图表",
+  keyName: "组合图表",
+  type: "ecanComboGraph",
+  width: "400px",
+  height: "400px",
+  data: [
+    {
+      name: "名称一",
+      value: 335,
+      type: "类型一"
+    },
+    {
+      name: "名称二",
+      value: 410,
+      type: "类型一"
+    },
+    {
+      name: "名称三",
+      value: 210,
+      type: "类型一"
+    },
+    {
+      name: "名称一",
+      value: 510,
+      type: "类型二"
+    },
+    {
+      name: "名称二",
+      value: 731,
+      type: "类型二"
+    },
+    {
+      name: "名称三",
+      value: 910,
+      type: "类型二"
+    }
+  ],
+  titleText: "",
+  titleSubtext: "",
+  colors: ["#5470c6", "#91cc75", "#fac858", "#ee6666", "#73c0de", "#3ba272", "#fc8452", "#9a60b4", "#ea7ccc"],
+  legendShow: true,
+  legendTextStyleColor: "#333",
+  legendOrient: "horizontal",
+  legendTop: "top",
+  legendLeft: "center",
+  tooltipShow: true,
+  tooltipTextStyleColor: "",
+  tooltipTrigger: "item",
+  tooltipFormatter: "{marker} {a}    {c}",
+  xAxisSplitLineShow: true,
+  xAxisSplitLineStyleColor: "#333",
+  xAxisLabelColor: "#333",
+  xAxisLineStyleColor: "#333",
+  xAxisTickShow: true,
+  yAxisSplitLineShow: true,
+  yAxisSplitLineStyleColor: "#333",
+  yAxisLabelColor: "#333",
+  yAxisLineStyleColor: "#333",
+  valueTypeDataFieldNames: { name: "name", value: "value", type: "type" },
+  keyTypeDataFieldNames: { name: "name", types: [] },
+  dataFieldConfigType: "value",
+  seriesTypes: [
+    {
+      type: "bar",
+      axisIndex: 0
+    },
+    {
+      type: "line",
+      axisIndex: 0
+    }
+  ],
+  yAxis: [
+    {
+      axisLabelFormatter: "{value}"
+    },
+    {
+      axisLabelFormatter: "{value}"
+    }
+  ],
+  gridContainLabel: true,
+  gridTop: "10%",
+  gridBottom: "10%",
+  gridLeft: "5%",
+  gridRight: "5%",
+  graphicConfig: {},
+  toolboxShow: false,
+  toolboxOrient: "horizontal",
+  toolboxItemSize: 16,
+  toolboxItemGap: 8,
+  toolboxLeft: "right",
+  toolboxTop: "top",
+  toolboxIconStyleBorderColor: "#666",
+  toolboxDownloadUrl: "",
+  toolboxInfoText: "当前无说明信息",
+  areaStyleOpacity: 0,
+  symbolSize: 4,
+  lineStyleWidth: 2,
+  smooth: false,
+  barWidth: "40%"
+};
+const comboGraphComponentProps = props.transformToComponentProps(comboGraphProps);
+const comboGraphEvents = ["refreshData", "click", "resetRecord"];
+exports.comboGraphComponentProps = comboGraphComponentProps;
+exports.comboGraphEvents = comboGraphEvents;
+exports.comboGraphProps = comboGraphProps;
+//# sourceMappingURL=props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../src/graph/combo-graph/props.ts"],"sourcesContent":["import {\n  Data,\n  Props,\n  props,\n  transformToComponentProps,\n  ValueTypeDataFieldNames,\n  KeyTypeDataFieldNames\n} from '@/utils/props'\n\nexport interface ComboGraphProps extends Props {\n  data: Data,\n  titleText: string\n  titleSubtext: string\n  colors: string []\n  legendShow: boolean\n  legendTextStyleColor: string\n  legendLeft: 'left' | 'center' | 'right'\n  legendTop: 'top' | 'middle' | 'bottom'\n  legendOrient: 'vertical' | 'horizontal'\n  xAxisSplitLineShow: boolean // x轴展示分割线\n  xAxisLabelColor: string // x轴名称颜色\n  xAxisLineStyleColor: string // x轴名称颜色\n  xAxisTickShow: boolean // 展示刻度\n  yAxisSplitLineShow: boolean // y轴展示分割线\n  xAxisSplitLineStyleColor: string // x轴分割线颜色\n  yAxisSplitLineStyleColor: string // y轴分割线颜色\n  yAxisLabelColor: string // y轴名称颜色\n  yAxisLineStyleColor: string // y轴名称颜色\n  valueTypeDataFieldNames: ValueTypeDataFieldNames\n  keyTypeDataFieldNames: KeyTypeDataFieldNames\n  tooltipShow: boolean\n  tooltipTrigger: 'item' | 'axis' | 'none'\n  tooltipTextStyleColor: string\n  tooltipFormatter: string\n  seriesTypes: { [key: string]: any } []\n  dataFieldConfigType: 'key' | 'value',\n  yAxis: { [key: string]: any } [],\n  graphicConfig?: any\n  gridContainLabel: boolean\n  gridTop: string\n  gridBottom: string\n  gridLeft: string\n  gridRight: string\n  toolboxShow: boolean\n  toolboxOrient: 'horizontal' | 'vertical'\n  toolboxItemSize: number // 工具栏 icon 的大小。\n  toolboxItemGap: number // 工具栏 icon 每项之间的间隔。横向布局时为水平间隔，纵向布局时为纵向间隔。\n  toolboxLeft: 'left' | 'center' | 'right'\n  toolboxTop: 'top'| 'middle'| 'bottom'\n  toolboxIconStyleBorderColor: string\n  toolboxDownloadUrl: string\n  toolboxInfoText: string\n  symbolSize: number // 线宽度\n  lineStyleWidth: number // 线宽\n  smooth: boolean // 光滑\n  areaStyleOpacity: number\n  barWidth: string\n}\n\nexport const comboGraphProps: ComboGraphProps = {\n  ...props,\n  id: '',\n  name: '组合图表',\n  keyName: '组合图表',\n  type: 'ecanComboGraph',\n  width: '400px',\n  height: '400px',\n  data: [\n    {\n      name: '名称一',\n      value: 335,\n      type: '类型一'\n    },\n    {\n      name: '名称二',\n      value: 410,\n      type: '类型一'\n    },\n    {\n      name: '名称三',\n      value: 210,\n      type: '类型一'\n    },\n    {\n      name: '名称一',\n      value: 510,\n      type: '类型二'\n    },\n    {\n      name: '名称二',\n      value: 731,\n      type: '类型二'\n    },\n    {\n      name: '名称三',\n      value: 910,\n      type: '类型二'\n    }\n  ],\n  titleText: '',\n  titleSubtext: '',\n  colors: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'],\n  legendShow: true,\n  legendTextStyleColor: '#333',\n  legendOrient: 'horizontal',\n  legendTop: 'top',\n  legendLeft: 'center',\n  tooltipShow: true,\n  tooltipTextStyleColor: '',\n  tooltipTrigger: 'item',\n  tooltipFormatter: '{marker} {a}    {c}',\n  xAxisSplitLineShow: true,\n  xAxisSplitLineStyleColor: '#333',\n  xAxisLabelColor: '#333',\n  xAxisLineStyleColor: '#333',\n  xAxisTickShow: true,\n  yAxisSplitLineShow: true,\n  yAxisSplitLineStyleColor: '#333',\n  yAxisLabelColor: '#333',\n  yAxisLineStyleColor: '#333',\n  valueTypeDataFieldNames: { name: 'name', value: 'value', type: 'type' },\n  keyTypeDataFieldNames: { name: 'name', types: [] },\n  dataFieldConfigType: 'value',\n  seriesTypes: [\n    {\n      type: 'bar',\n      axisIndex: 0\n    },\n    {\n      type: 'line',\n      axisIndex: 0\n    }\n  ],\n  yAxis: [\n    {\n      axisLabelFormatter: '{value}'\n    },\n    {\n      axisLabelFormatter: '{value}'\n    }\n  ],\n  gridContainLabel: true,\n  gridTop: '10%',\n  gridBottom: '10%',\n  gridLeft: '5%',\n  gridRight: '5%',\n  graphicConfig: {},\n  toolboxShow: false,\n  toolboxOrient: 'horizontal',\n  toolboxItemSize: 16,\n  toolboxItemGap: 8,\n  toolboxLeft: 'right',\n  toolboxTop: 'top',\n  toolboxIconStyleBorderColor: '#666',\n  toolboxDownloadUrl: '',\n  toolboxInfoText: '当前无说明信息',\n  areaStyleOpacity: 0,\n  symbolSize: 4,\n  lineStyleWidth: 2,\n  smooth: false,\n  barWidth: '40%'\n}\n\n// 转化默认属性\nexport const comboGraphComponentProps = transformToComponentProps(comboGraphProps)\n\nexport const comboGraphEvents = ['refreshData', 'click', 'resetRecord']\n"],"names":["props","transformToComponentProps"],"mappings":";;;AA2DO,MAAM,kBAAmC;AAAA,EAC9C,GAAGA,MAAA;AAAA,EACH,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,IACJ;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,QAAQ,CAAC,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,SAAS;AAAA,EAC1G,YAAY;AAAA,EACZ,sBAAsB;AAAA,EACtB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,yBAAyB,EAAE,MAAM,QAAQ,OAAO,SAAS,MAAM,OAAO;AAAA,EACtE,uBAAuB,EAAE,MAAM,QAAQ,OAAO,CAAA,EAAG;AAAA,EACjD,qBAAqB;AAAA,EACrB,aAAa;AAAA,IACX;AAAA,MACE,MAAM;AAAA,MACN,WAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL;AAAA,MACE,oBAAoB;AAAA,IACtB;AAAA,IACA;AAAA,MACE,oBAAoB;AAAA,IACtB;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,aAAa;AAAA,EACb,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,6BAA6B;AAAA,EAC7B,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,UAAU;AACZ;AAGa,MAAA,2BAA2BC,gCAA0B,eAAe;AAE1E,MAAM,mBAAmB,CAAC,eAAe,SAAS,aAAa;;;;"}

package/lib/graph/custom-graph/CustomGraph.vue.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const CustomGraph_vue_vue_type_script_lang = require("./CustomGraph.vue2.js");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_echarts = vue.resolveComponent("echarts");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    style: vue.normalizeStyle(_ctx.style)
+  }, [
+    vue.createVNode(_component_echarts, {
+      option: _ctx.myOption,
+      "update-options": { notMerge: true },
+      autoresize: ""
+    }, null, 8, ["option"])
+  ], 4);
+}
+const CustomGraph = /* @__PURE__ */ _pluginVue_exportHelper.default(CustomGraph_vue_vue_type_script_lang.default, [["render", _sfc_render]]);
+exports.default = CustomGraph;
+//# sourceMappingURL=CustomGraph.vue.js.map

package/lib/graph/custom-graph/CustomGraph.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomGraph.vue.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":["_resolveComponent","_normalizeStyle"],"mappings":";;;;;;6BACEA,qBAMM,SAAA;;IALJ,OAIEC,IAAAA,eAAA,KAAA,KAAA;AAAA,EAAA,GAAA;AAAA,oBAFC,oBAAgB;AAAA,MACjB,QAAA,KAAA;AAAA,MAAA,kBAAA,EAAA,UAAA,KAAA;AAAA;;;;;;"}

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

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Echarts = require("../../common/echarts/Echarts.js");
+const props = require("./props.js");
+const usePickComponentStyle = require("../../hooks/usePickComponentStyle.js");
+require("../../utils/constant.js");
+require("lodash-es");
+require("../../node_modules/axios/index.js");
+require("../../utils/request.js");
+require("ant-design-vue");
+const echarts = require("echarts");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const echarts__namespace = /* @__PURE__ */ _interopNamespaceDefault(echarts);
+const _sfc_main = vue.defineComponent({
+  name: "EcanCustomGraph",
+  props: {
+    ...props.customGraphComponentProps
+  },
+  components: {
+    Echarts: Echarts.default
+  },
+  setup(props2) {
+    const style = usePickComponentStyle.usePickComponentStyle(props2);
+    const myOption = vue.ref();
+    vue.watch(() => props2.optionCode, (optionCode) => {
+      try {
+        const evalCopy = eval;
+        myOption.value = evalCopy(optionCode);
+      } catch (e) {
+        console.error(e);
+      }
+    }, {
+      immediate: true
+    });
+    return {
+      style,
+      myOption,
+      echarts: echarts__namespace
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=CustomGraph.vue2.js.map

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

@@ -0,0 +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":["defineComponent","customGraphComponentProps","Echarts","props","usePickComponentStyle","ref","watch","echarts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAA,YAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,GAAGC,MAAA;AAAA,EACL;AAAA,EACA,YAAY;AAAA,IAAA,SACVC,QAAA;AAAA,EACF;AAAA,EACA,MAAOC,QAAO;AACN,UAAA,QAAQC,4CAAsBD,MAAK;AACzC,UAAM,WAAWE,IAAAA;AACjBC,QAAAA,MAAM,MAAMH,OAAM,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,MAAA,SACAI;AAAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const withInstall = require("../../utils/withInstall.js");
+const CustomGraph = require("./CustomGraph.vue.js");
+const props = require("./props.js");
+const EcanCustomGraph = withInstall.withInstall(CustomGraph.default);
+exports.customGraphComponentProps = props.customGraphComponentProps;
+exports.customGraphProps = props.customGraphProps;
+exports.EcanCustomGraph = EcanCustomGraph;
+exports.default = EcanCustomGraph;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":["withInstall","CustomGraph"],"mappings":";;;;;AAEa,MAAA,kBAAkBA,wBAAYC,YAAW,OAAA;;;;;"}

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const props = require("../../utils/props.js");
+const customGraphProps = {
+  ...props.props,
+  id: "",
+  name: "自定义图表",
+  keyName: "自定义图表",
+  type: "ecanCustomGraph",
+  width: "400px",
+  height: "400px",
+  option: {},
+  optionCode: ""
+};
+const customGraphComponentProps = props.transformToComponentProps(customGraphProps);
+exports.customGraphComponentProps = customGraphComponentProps;
+exports.customGraphProps = customGraphProps;
+//# sourceMappingURL=props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../src/graph/custom-graph/props.ts"],"sourcesContent":["import {\n  Props,\n  props,\n  transformToComponentProps\n} from '@/utils/props'\n\nexport interface CustomGraphProps extends Props {\n  option: { [key:string]: any }\n  optionCode: string\n}\n\nexport const customGraphProps: CustomGraphProps = {\n  ...props,\n  id: '',\n  name: '自定义图表',\n  keyName: '自定义图表',\n  type: 'ecanCustomGraph',\n  width: '400px',\n  height: '400px',\n  option: {},\n  optionCode: ''\n}\n\n// 转化默认属性\nexport const customGraphComponentProps = transformToComponentProps(customGraphProps)\n"],"names":["props","transformToComponentProps"],"mappings":";;;AAWO,MAAM,mBAAqC;AAAA,EAChD,GAAGA,MAAA;AAAA,EACH,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ,CAAC;AAAA,EACT,YAAY;AACd;AAGa,MAAA,4BAA4BC,gCAA0B,gBAAgB;;;"}

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

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Line_vue_vue_type_script_lang = require("./Line.vue2.js");
+const vue = require("vue");
+require("./Line.vue3.js");
+const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_echarts = vue.resolveComponent("echarts");
+  const _component_spin = vue.resolveComponent("spin");
+  const _component_a_modal = vue.resolveComponent("a-modal");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    style: vue.normalizeStyle(_ctx.style)
+  }, [
+    vue.createVNode(_component_spin, { spinning: _ctx.loading }, {
+      default: vue.withCtx(() => [
+        vue.createVNode(_component_echarts, {
+          option: _ctx.option,
+          autoresize: "",
+          onClick: _ctx.click
+        }, null, 8, ["option", "onClick"])
+      ]),
+      _: 1
+    }, 8, ["spinning"]),
+    vue.createVNode(_component_a_modal, {
+      "wrap-class-name": "full-modal",
+      width: "100%",
+      visible: _ctx.visible,
+      footer: null,
+      onCancel: _ctx.hideModal
+    }, {
+      default: vue.withCtx(() => [
+        vue.createVNode(_component_spin, { spinning: _ctx.loading }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_echarts, {
+              option: _ctx.option,
+              "update-options": { notMerge: true },
+              autoresize: ""
+            }, null, 8, ["option"])
+          ]),
+          _: 1
+        }, 8, ["spinning"])
+      ]),
+      _: 1
+    }, 8, ["visible", "onCancel"])
+  ], 4);
+}
+const Line = /* @__PURE__ */ _pluginVue_exportHelper.default(Line_vue_vue_type_script_lang.default, [["render", _sfc_render]]);
+exports.default = Line;
+//# sourceMappingURL=Line.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Line.vue.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":["_resolveComponent","_normalizeStyle","_withCtx","_createVNode"],"mappings":";;;;;;;;;6BACEA,qBAuBM,SAAA;;IAtBJ,OAAAC,IAAAA,eAMO,KANA,KAAA;AAAA,EAAA,GAAA;AAAA,oBACL,iBAIE,EAAA,UAAA,KAAA,QAAA,GAAA;AAAA,MAAA,SAHCC,YAAQ,MAAM;AAAA,QACLC,IAAAA,YAAA,oBAAA;AAAA,UACT,QAAK,KAAE;AAAA,UAAA,YAAA;AAAA;;;MAGZ,GAAA;AAAA,IAAA,GACE,GAAA,CAAA,UAAA,CAAA;AAAA,IAAAA,IAAAA,YACM,oBAAM;AAAA,MACX,mBAAS;AAAA,MACT,OAAM;AAAA,MACN,SAAM,KAAE;AAAA,MAAA,QAAA;AAAA;;MAOL,SAAAD,IAAA,QAAA,MAAA;AAAA,QAAAC,IAAAA,YAJF,iBAIE,EAAA,UAAA,KAAA,QAAA,GAAA;AAAA,UAAA,SAHCD,YAAQ,MAAM;AAAA,YAAAC,IAAAA,YACd,oBAAgB;AAAA,cACjB,QAAA,KAAA;AAAA,cAAA,kBAAA,EAAA,UAAA,KAAA;AAAA;;;;;;;;;;;;"}