@ecan-bi/datav 1.0.34 → 1.0.38

package/lib/graph/bar/props.js

@@ -0,0 +1,101 @@
+"use strict";
+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));
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var props = require("../../_utils/props.js");
+const barProps = __spreadProps(__spreadValues({}, props.props), {
+  id: "",
+  name: "\u67F1\u72B6\u56FE",
+  keyName: "\u67F1\u72B6\u56FE",
+  type: "ecanBar",
+  width: "400px",
+  height: "400px",
+  top: "",
+  left: "",
+  rotate: "",
+  yAxisLabelFormatter: "{value}",
+  data: [
+    {
+      name: "\u540D\u79F0\u4E00",
+      value: 335,
+      type: "\u7C7B\u578B\u4E00"
+    },
+    {
+      name: "\u540D\u79F0\u4E8C",
+      value: 310,
+      type: "\u7C7B\u578B\u4E00"
+    },
+    {
+      name: "\u540D\u79F0\u4E09",
+      value: 310,
+      type: "\u7C7B\u578B\u4E00"
+    }
+  ],
+  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: "",
+  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",
+  barWidth: "0%",
+  gridContainLabel: true,
+  gridTop: "10%",
+  gridBottom: "10%",
+  gridLeft: "2%",
+  gridRight: "2%",
+  graphicConfig: {
+    chartType: "pie",
+    plugin: "1",
+    layer: "2"
+  },
+  toolboxShow: true,
+  toolboxOrient: "horizontal",
+  toolboxItemSize: 16,
+  toolboxItemGap: 8,
+  toolboxLeft: "right",
+  toolboxTop: "top",
+  toolboxIconStyleBorderColor: "#666",
+  toolboxDownloadUrl: "",
+  toolboxInfoText: "\u5F53\u524D\u65E0\u8BF4\u660E\u4FE1\u606F"
+});
+const barComponentProps = props.transformToComponentProps(barProps);
+const barEvents = ["refreshData", "click"];
+exports.barComponentProps = barComponentProps;
+exports.barEvents = barEvents;
+exports.barProps = barProps;
+//# sourceMappingURL=props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../src/graph/bar/props.ts"],"sourcesContent":["import {\n  Props,\n  props,\n  transformToComponentProps,\n  Data,\n  KeyTypeDataFieldNames,\n  ValueTypeDataFieldNames\n} from '@/_utils/props'\n\nexport interface BarProps extends Props {\n  data: Data\n  titleText: string\n  titleSubtext: string\n  colors: string []\n  legendShow: boolean\n  legendTextStyleColor: string\n  legendLeft: 'left' | 'center' | 'right'\n  legendTop: 'top' | 'middle' | 'bottom'\n  legendOrient: 'vertical' | 'horizontal'\n  xAxisSplitLineShow: boolean // x轴展示分割线\n  xAxisLabelColor: string // x轴名称颜色\n  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  yAxisLabelFormatter: string\n  valueTypeDataFieldNames: ValueTypeDataFieldNames\n  keyTypeDataFieldNames: KeyTypeDataFieldNames\n  dataFieldConfigType: 'key' | 'value'\n  tooltipShow: boolean\n  tooltipTrigger: 'item' | 'axis' | 'none'\n  tooltipTextStyleColor: string\n  tooltipFormatter: string,\n  gridContainLabel: boolean\n  gridTop: string\n  gridBottom: string\n  gridLeft: string\n  gridRight: string\n  barWidth: string\n  graphicConfig: {\n    [key:string]: any,\n    // 全部属性, 为了属性可拓展，所以在设计器中自由添加\n    // classification: { [key:string]: any }\n    // series: { [key:string]: any }\n    // indicatorList: { [key:string]: any } []\n    // sqlConditions: { [key:string]: any } []\n    // idxLibMode: ''\n    // source: ''\n    // dataViewId: ''\n    chartType: 'pie' // 图表类型，后台接口\n    plugin: '1' // 插件类型，后台接口\n    layer: '2' // 图类型, 后台接口\n  }\n  toolboxShow: boolean\n  toolboxOrient: 'horizontal' | 'vertical'\n  toolboxItemSize: number // 工具栏 icon 的大小。\n  toolboxItemGap: number // 工具栏 icon 每项之间的间隔。横向布局时为水平间隔，纵向布局时为纵向间隔。\n  toolboxLeft: 'left' | 'center' | 'right'\n  toolboxTop: 'top'| 'middle'| 'bottom'\n  toolboxIconStyleBorderColor: string\n  toolboxDownloadUrl: string\n  toolboxInfoText: string\n}\n\nexport const barProps: BarProps = {\n  ...props,\n  id: '',\n  name: '柱状图',\n  keyName: '柱状图',\n  type: 'ecanBar',\n  width: '400px',\n  height: '400px',\n  top: '',\n  left: '',\n  rotate: '',\n  yAxisLabelFormatter: '{value}',\n  data: [\n    {\n      name: '名称一',\n      value: 335,\n      type: '类型一'\n    },\n    {\n      name: '名称二',\n      value: 310,\n      type: '类型一'\n    },\n    {\n      name: '名称三',\n      value: 310,\n      type: '类型一'\n    }\n  ],\n  titleText: '',\n  titleSubtext: '',\n  colors: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'],\n  legendShow: true,\n  legendTextStyleColor: '#333',\n  legendOrient: 'horizontal',\n  legendTop: 'top',\n  legendLeft: 'center',\n  tooltipShow: true,\n  tooltipTextStyleColor: '',\n  tooltipTrigger: 'item',\n  tooltipFormatter: '',\n  xAxisSplitLineShow: true,\n  xAxisSplitLineStyleColor: '#333',\n  xAxisLabelColor: '#333',\n  xAxisLineStyleColor: '#333',\n  xAxisTickShow: true,\n  yAxisSplitLineShow: true,\n  yAxisSplitLineStyleColor: '#333',\n  yAxisLabelColor: '#333',\n  yAxisLineStyleColor: '#333',\n  valueTypeDataFieldNames: { name: 'name', value: 'value', type: 'type' },\n  keyTypeDataFieldNames: { name: 'name', types: [] },\n  dataFieldConfigType: 'value',\n  barWidth: '0%',\n  gridContainLabel: true,\n  gridTop: '10%',\n  gridBottom: '10%',\n  gridLeft: '2%',\n  gridRight: '2%',\n  graphicConfig: {\n    chartType: 'pie', // 图表类型，后台接口\n    plugin: '1', // 插件类型，后台接口\n    layer: '2' // 图类型, 后台接口\n  },\n  toolboxShow: true,\n  toolboxOrient: 'horizontal',\n  toolboxItemSize: 16,\n  toolboxItemGap: 8,\n  toolboxLeft: 'right',\n  toolboxTop: 'top',\n  toolboxIconStyleBorderColor: '#666',\n  toolboxDownloadUrl: '',\n  toolboxInfoText: '当前无说明信息'\n}\n\n// 转化默认属性\nexport const barComponentProps = transformToComponentProps(barProps)\n\nexport interface BarEvents {\n  refreshData: () => void\n  click: () => void\n}\n\nexport const barEvents: Array<keyof BarEvents> = ['refreshData', 'click']\n"],"names":["props","transformToComponentProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmEO,MAAM,WAAqB,iCAC7BA,MAAA,QAD6B;AAAA,EAEhC,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,qBAAqB;AAAA,EACrB,MAAM;AAAA,IACJ;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,QAAQ,CAAC,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,SAAS;AAAA,EAC1G,YAAY;AAAA,EACZ,sBAAsB;AAAA,EACtB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,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,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AAAA,EACX,eAAe;AAAA,IACb,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,aAAa;AAAA,EACb,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,6BAA6B;AAAA,EAC7B,oBAAoB;AAAA,EACpB,iBAAiB;AACnB;AAGa,MAAA,oBAAoBC,gCAA0B,QAAQ;AAOtD,MAAA,YAAoC,CAAC,eAAe,OAAO;;;;"}

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

@@ -0,0 +1,295 @@
+"use strict";
+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));
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var vue = require("vue");
+var usePickComponentStyle = require("../../_utils/hooks/usePickComponentStyle.js");
+var useOnEvent = require("../../_utils/hooks/useOnEvent.js");
+var useEmitEvent = require("../../_utils/hooks/useEmitEvent.js");
+var useTransformChartDataByAttrValue = require("../../_utils/hooks/useTransformChartDataByAttrValue.js");
+var useRequestData = require("../../_utils/hooks/useRequestData.js");
+var useTransformChartDataByAttrKey = require("../../_utils/hooks/useTransformChartDataByAttrKey.js");
+var constant = require("../../_utils/constant.js");
+var useRequestDiagramData = require("../../_utils/hooks/useRequestDiagramData.js");
+var useValueFormatter = require("../../_utils/hooks/useValueFormatter.js");
+var props = require("./props.js");
+require("lodash-es");
+require("../bar/index.js");
+var ECharts = require("../../common/echarts/ECharts.js");
+var Spin = require("../../common/spin/Spin.js");
+var pluginVue_exportHelper = require("../../_virtual/plugin-vue_export-helper.js");
+var extension = require("../../node_modules/echarts/lib/extension.js");
+var installCanvasRenderer = require("../../node_modules/echarts/lib/renderer/installCanvasRenderer.js");
+var install = require("../../node_modules/echarts/lib/chart/bar/install.js");
+var install$1 = require("../../node_modules/echarts/lib/chart/line/install.js");
+var install$2 = require("../../node_modules/echarts/lib/component/title/install.js");
+var install$3 = require("../../node_modules/echarts/lib/component/legend/install.js");
+var install$4 = require("../../node_modules/echarts/lib/component/dataset/install.js");
+extension.use([
+  installCanvasRenderer.install,
+  install.install,
+  install$1.install,
+  install$2.install,
+  install$3.install,
+  install$4.install
+]);
+const _sfc_main = vue.defineComponent({
+  name: "EcanComboGraph",
+  props: __spreadValues({}, props.comboGraphComponentProps),
+  components: {
+    Spin: Spin["default"],
+    Echarts: ECharts["default"]
+  },
+  setup(props2) {
+    const style = usePickComponentStyle.usePickComponentStyle(props2);
+    const series = vue.ref([]);
+    const dimensions = vue.ref([]);
+    const option = vue.computed(() => ({
+      title: {
+        text: props2.titleText,
+        subtext: props2.titleSubtext,
+        left: "center"
+      },
+      grid: {
+        top: props2.gridTop,
+        bottom: props2.gridBottom,
+        left: props2.gridLeft,
+        right: props2.gridRight,
+        containLabel: props2.gridContainLabel
+      },
+      color: props2.colors,
+      tooltip: {
+        trigger: "axis",
+        show: props2.tooltipShow,
+        textStyle: {
+          color: props2.tooltipTextStyleColor
+        }
+      },
+      legend: {
+        show: props2.legendShow,
+        orient: props2.legendOrient,
+        top: props2.legendTop,
+        left: props2.legendLeft,
+        textStyle: {
+          color: props2.legendTextStyleColor
+        }
+      },
+      xAxis: {
+        type: "category",
+        data: vue.unref(dimensions),
+        splitLine: {
+          show: props2.xAxisSplitLineShow,
+          lineStyle: {
+            color: props2.xAxisSplitLineStyleColor
+          }
+        },
+        axisLabel: {
+          color: props2.xAxisLabelColor
+        },
+        axisLine: {
+          lineStyle: {
+            color: props2.xAxisLineStyleColor
+          }
+        },
+        axisTick: {
+          show: props2.xAxisTickShow
+        }
+      },
+      yAxis: vue.unref(yAxis),
+      series: vue.unref(series)
+    }));
+    const { pageMode } = vue.inject(constant.GLOBAL_CONFIG, {
+      pageMode: "normal"
+    });
+    const handleDataset = (data = [], useDataFieldNames = false) => {
+      let chartData;
+      if (props2.dataFieldConfigType === "key") {
+        const dataFieldNames = useDataFieldNames ? props2.keyTypeDataFieldNames : null;
+        chartData = useTransformChartDataByAttrKey.useTransformChartDataByAttrKey(data, dataFieldNames);
+      } else if (props2.dataFieldConfigType === "value") {
+        const dataFieldNames = useDataFieldNames ? props2.valueTypeDataFieldNames : null;
+        chartData = useTransformChartDataByAttrValue.useTransformChartDataByAttrValue(data, dataFieldNames);
+      }
+      dimensions.value = chartData.dimensions;
+      const dataset = chartData.dataset;
+      const temp = [];
+      const len = dataset.length;
+      const seriesTypes = props2.seriesTypes;
+      for (let i = 0; i < len; i++) {
+        const seriesType = seriesTypes[i];
+        temp.push(__spreadValues({
+          type: seriesType == null ? void 0 : seriesType.type,
+          yAxisIndex: seriesType == null ? void 0 : seriesType.axisIndex,
+          tooltip: {
+            valueFormatter(value) {
+              return useValueFormatter.useValueFormatter(seriesType == null ? void 0 : seriesType.tooltipFormatter, value);
+            }
+          }
+        }, dataset[i]));
+      }
+      series.value = temp;
+    };
+    const handleIndicatorDataset = (data = [], keyTypeDataFieldNames, useDataFieldNames = false) => {
+      const dataFieldNames = useDataFieldNames ? keyTypeDataFieldNames : null;
+      const chartData = useTransformChartDataByAttrKey.useTransformChartDataByAttrKey(data, dataFieldNames);
+      dimensions.value = chartData.dimensions;
+      const dataset = chartData.dataset;
+      const temp = [];
+      const len = dataset.length;
+      const seriesTypes = props2.seriesTypes;
+      for (let i = 0; i < len; i++) {
+        const seriesType = seriesTypes[i];
+        temp.push(__spreadValues({
+          type: seriesType == null ? void 0 : seriesType.type,
+          yAxisIndex: seriesType == null ? void 0 : seriesType.axisIndex
+        }, dataset[i]));
+      }
+      series.value = temp;
+    };
+    vue.watch(() => [props2.data, props2.seriesTypes], ([value]) => {
+      if (props2.dataType === "static" || vue.unref(pageMode) === "design") {
+        handleDataset(value);
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    const yAxis = vue.computed(() => {
+      const yAxis2 = props2.yAxis;
+      return yAxis2 == null ? void 0 : yAxis2.map((axis) => {
+        return {
+          type: "value",
+          splitLine: {
+            show: props2.yAxisSplitLineShow,
+            lineStyle: {
+              color: props2.yAxisSplitLineStyleColor
+            }
+          },
+          axisLabel: {
+            color: props2.yAxisLabelColor,
+            formatter(value) {
+              return useValueFormatter.useValueFormatter(axis.axisLabelFormatter, value);
+            }
+          },
+          axisLine: {
+            lineStyle: {
+              color: props2.yAxisLineStyleColor
+            }
+          }
+        };
+      });
+    });
+    const loading = vue.ref(false);
+    const requestData = useRequestData.useRequestData(props2);
+    const handleRequestData = async () => {
+      var _a, _b;
+      if (props2.dataType !== "request" || vue.unref(pageMode) === "design")
+        return;
+      try {
+        loading.value = true;
+        const res = await requestData();
+        handleDataset((_b = (_a = res == null ? void 0 : res.data) == null ? void 0 : _a.data) == null ? void 0 : _b.rows, true);
+      } catch (e) {
+        console.error(e);
+      } finally {
+        loading.value = false;
+      }
+    };
+    const requestDiagram = useRequestDiagramData.useRequestDiagramData(props2);
+    const handleIndicatorData = async () => {
+      var _a, _b, _c, _d, _e;
+      if (props2.dataType !== "indicator" || vue.unref(pageMode) === "design")
+        return;
+      try {
+        loading.value = true;
+        const res = await requestDiagram();
+        let a;
+        if (((_c = (_b = (_a = res == null ? void 0 : res.data) == null ? void 0 : _a.data) == null ? void 0 : _b.columns) == null ? void 0 : _c.length) > 0) {
+          a = {
+            name: res.data.data.columns[0],
+            types: res.data.data.columns.slice(1).map((it) => {
+              return { label: it, value: it };
+            })
+          };
+        }
+        handleIndicatorDataset((_e = (_d = res == null ? void 0 : res.data) == null ? void 0 : _d.data) == null ? void 0 : _e.rows, a, true);
+      } catch (e) {
+        console.error(e);
+      } finally {
+        loading.value = false;
+      }
+    };
+    const chooseRequestOrDiagram = () => {
+      if (vue.unref(pageMode) === "design")
+        return;
+      handleIndicatorData();
+      handleRequestData();
+    };
+    const refreshData = () => {
+      chooseRequestOrDiagram();
+    };
+    const emitEvent = useEmitEvent.useEmitEvent(props2.events);
+    const { getGlobalModel, setGlobalModel } = vue.inject(constant.GLOBAL_MODEL, {
+      getGlobalModel: (key) => void 0,
+      setGlobalModel: (key, value) => void 0
+    });
+    const click = emitEvent("click", (e) => {
+      const id = props2.id;
+      const modal = getGlobalModel(id);
+      setGlobalModel(id, __spreadProps(__spreadValues({}, modal), { RECORD: e == null ? void 0 : e.data }));
+    });
+    const { setRequest } = vue.inject(constant.REQUEST_MODEL, {
+      setRequest: (requestFn, sortNum) => void 0
+    });
+    setRequest(chooseRequestOrDiagram, props2.requestSort);
+    useOnEvent.useOnEvent(props2, {
+      refreshData,
+      click
+    });
+    return {
+      style,
+      option,
+      click,
+      loading
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_echarts = vue.resolveComponent("echarts");
+  const _component_spin = vue.resolveComponent("spin");
+  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,
+          "update-options": { notMerge: true },
+          autoresize: "",
+          onClick: _ctx.click
+        }, null, 8, ["option", "onClick"])
+      ]),
+      _: 1
+    }, 8, ["spinning"])
+  ], 4);
+}
+var ComboGraph = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
+exports["default"] = ComboGraph;
+//# sourceMappingURL=ComboGraph.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboGraph.js","sources":["../../../src/graph/combo-graph/ComboGraph.vue"],"sourcesContent":["<template>\n  <div :style=\"style\">\n    <spin :spinning=\"loading\">\n      <echarts\n        :option=\"option\"\n        :update-options=\"{ notMerge: true }\"\n        autoresize\n        @click=\"click\"\n      />\n    </spin>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, ref, unref, watch } from 'vue'\nimport {\n  useEmitEvent,\n  useOnEvent,\n  usePickComponentStyle,\n  useRequestData, useTransformChartDataByAttrKey,\n  useTransformChartDataByAttrValue,\n  useValueFormatter,\n  useRequestDiagramData\n  // useTooltipFormatter\n} from '@/_utils/hooks'\nimport { comboGraphComponentProps } from './props'\nimport { GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL } from '@/_utils/constant'\nimport { Events, KeyTypeDataFieldNames, ValueTypeDataFieldNames } from '@/_utils/props'\nimport { BarEvents } from '../bar'\nimport { use } from 'echarts/core'\nimport { CanvasRenderer } from 'echarts/renderers'\nimport { BarChart, LineChart } from 'echarts/charts'\nimport { DatasetComponent, LegendComponent, TitleComponent } from 'echarts/components'\nimport Echarts from '@/common/echarts'\nimport Spin from '@/common/spin/'\n\nuse([\n  CanvasRenderer,\n  BarChart,\n  LineChart,\n  TitleComponent,\n  LegendComponent,\n  DatasetComponent\n])\nexport default defineComponent({\n  name: 'EcanComboGraph',\n  props: {\n    ...comboGraphComponentProps\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\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      tooltip: {\n        trigger: 'axis',\n        show: props.tooltipShow,\n        // formatter: ,\n        textStyle: {\n          color: props.tooltipTextStyleColor\n        }\n      },\n      legend: {\n        show: props.legendShow,\n        orient: props.legendOrient,\n        top: props.legendTop,\n        left: props.legendLeft,\n        textStyle: {\n          color: props.legendTextStyleColor\n        }\n      },\n      xAxis: {\n        type: 'category',\n        data: unref(dimensions),\n        splitLine: {\n          show: props.xAxisSplitLineShow,\n          lineStyle: {\n            color: props.xAxisSplitLineStyleColor\n          }\n        },\n        axisLabel: {\n          color: props.xAxisLabelColor\n        },\n        axisLine: {\n          lineStyle: {\n            color: props.xAxisLineStyleColor\n          }\n        },\n        axisTick: {\n          show: props.xAxisTickShow\n        }\n      },\n      yAxis: unref(yAxis),\n      series: unref(series)\n    }))\n\n    const { pageMode } = inject(GLOBAL_CONFIG, {\n      pageMode: 'normal'\n    })\n\n    const handleDataset = (data: any = [], useDataFieldNames: boolean = false) => {\n      // dataFieldNames  字段映射\n      let chartData\n      if (props.dataFieldConfigType === 'key') {\n        const dataFieldNames = useDataFieldNames ? props.keyTypeDataFieldNames as KeyTypeDataFieldNames : null\n        chartData = useTransformChartDataByAttrKey(data, dataFieldNames)\n      } else if (props.dataFieldConfigType === 'value') {\n        const dataFieldNames = useDataFieldNames ? props.valueTypeDataFieldNames as ValueTypeDataFieldNames : null\n        chartData = useTransformChartDataByAttrValue(data, dataFieldNames)\n      }\n      // dataFieldNames  字段映射\n      dimensions.value = chartData.dimensions\n      const dataset = chartData.dataset\n      const temp = [] as { [key: string]: any } []\n      const len = dataset.length\n      const seriesTypes = props.seriesTypes as { [key: string]: any } []\n      for (let i = 0; i < len; i++) {\n        const seriesType = seriesTypes[i]\n        temp.push({\n          type: seriesType?.type,\n          yAxisIndex: seriesType?.axisIndex,\n          tooltip: {\n            valueFormatter (value: string) {\n              return useValueFormatter(seriesType?.tooltipFormatter, value)\n            }\n          },\n          ...dataset[i]\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      // dataFieldNames  字段映射\n      dimensions.value = chartData.dimensions\n      const dataset = chartData.dataset\n      const temp = [] as { [key: string]: any } []\n      const len = dataset.length\n      const seriesTypes = props.seriesTypes as { [key: string]: any } []\n      for (let i = 0; i < len; i++) {\n        const seriesType = seriesTypes[i]\n        temp.push({\n          type: seriesType?.type,\n          yAxisIndex: seriesType?.axisIndex,\n          ...dataset[i]\n        })\n      }\n      series.value = temp\n    }\n\n    // 静态数据\n    watch(() => [props.data, props.seriesTypes], ([value]) => {\n      if (props.dataType === 'static' || unref(pageMode) === 'design') {\n        handleDataset(value)\n      }\n    }, {\n      immediate: true,\n      deep: true\n    })\n\n    const yAxis = computed(() => {\n      const yAxis = props.yAxis as { [key: string]: any } []\n      return yAxis?.map((axis) => {\n        return {\n          type: 'value',\n          splitLine: {\n            show: props.yAxisSplitLineShow,\n            lineStyle: {\n              color: props.yAxisSplitLineStyleColor\n            }\n          },\n          axisLabel: {\n            color: props.yAxisLabelColor,\n            formatter (value: string) {\n              return useValueFormatter(axis.axisLabelFormatter as string, value)\n            }\n          },\n          axisLine: {\n            lineStyle: {\n              color: props.yAxisLineStyleColor\n            }\n          }\n        }\n      })\n    })\n\n    const loading = ref(false)\n\n    const requestData = useRequestData(props)\n\n    // 动态数据\n    const handleRequestData = async () => {\n      if (props.dataType !== 'request' || unref(pageMode) === 'design') return\n      try {\n        loading.value = true\n        const res = await requestData()\n        handleDataset(res?.data?.data?.rows, true)\n      } catch (e) {\n        console.error(e)\n      } finally {\n        loading.value = false\n      }\n    }\n\n    // 指标库\n    const requestDiagram = useRequestDiagramData(props)\n    const handleIndicatorData = async () => {\n      if (props.dataType !== 'indicator' || unref(pageMode) === 'design') return\n      try {\n        loading.value = true\n        const res = await requestDiagram()\n        let a\n        if (res?.data?.data?.columns?.length > 0) {\n          a = {\n            name: res.data.data.columns[0],\n            types: res.data.data.columns.slice(1).map(it => {\n              return { label: it, value: it }\n            })\n          }\n        }\n        handleIndicatorDataset(res?.data?.data?.rows, a, true)\n      } catch (e) {\n        console.error(e)\n      } finally {\n        loading.value = false\n      }\n    }\n\n    const chooseRequestOrDiagram = () => {\n      if (unref(pageMode) === 'design') return\n      handleIndicatorData()\n      handleRequestData()\n    }\n\n    const refreshData = () => {\n      chooseRequestOrDiagram()\n    }\n\n    const emitEvent = useEmitEvent(props.events as Events)\n\n    const { getGlobalModel, setGlobalModel } = inject(GLOBAL_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      getGlobalModel: (key: string) => void 0,\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setGlobalModel: (key: string, value: any) => void 0\n    })\n    const click = emitEvent('click', (e) => {\n      // TODO 设置是否保存钻取数据\n      const id = props.id as string\n      const modal = getGlobalModel(id)\n      // 约定获取数据\n      setGlobalModel(id, { ...modal, RECORD: e?.data })\n    })\n\n    const { setRequest } = inject(REQUEST_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setRequest: (requestFn: Function, sortNum: number) => void 0\n    })\n    setRequest(chooseRequestOrDiagram, props.requestSort as number)\n\n    useOnEvent(props, {\n      refreshData,\n      click\n    } as BarEvents)\n\n    return {\n      style,\n      option,\n      click,\n      loading\n    }\n  }\n})\n</script>\n\n<style scoped>\n\n</style>\n"],"names":["use","CanvasRenderer","BarChart","LineChart","TitleComponent","LegendComponent","DatasetComponent","defineComponent","comboGraphComponentProps","Spin","Echarts","usePickComponentStyle","ref","computed","unref","inject","GLOBAL_CONFIG","useTransformChartDataByAttrKey","useTransformChartDataByAttrValue","useValueFormatter","watch","useRequestData","useRequestDiagramData","useEmitEvent","GLOBAL_MODEL","REQUEST_MODEL","useOnEvent","_createElementBlock","_normalizeStyle","_createVNode","_withCtx"],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var withInstall = require("../../_utils/withInstall.js");
+var ComboGraph = require("./ComboGraph.js");
+var props = require("./props.js");
+const EcanComboGraph = withInstall.withInstall(ComboGraph["default"]);
+exports.comboGraphComponentProps = props.comboGraphComponentProps;
+exports.comboGraphEvents = props.comboGraphEvents;
+exports.comboGraphProps = props.comboGraphProps;
+exports.EcanComboGraph = EcanComboGraph;
+exports["default"] = EcanComboGraph;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,116 @@
+"use strict";
+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));
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var props = require("../../_utils/props.js");
+const comboGraphProps = __spreadProps(__spreadValues({}, props.props), {
+  id: "",
+  name: "\u7EC4\u5408\u56FE\u8868",
+  keyName: "\u7EC4\u5408\u56FE\u8868",
+  type: "ecanComboGraph",
+  width: "400px",
+  height: "400px",
+  data: [
+    {
+      name: "\u540D\u79F0\u4E00",
+      value: 335,
+      type: "\u7C7B\u578B\u4E00"
+    },
+    {
+      name: "\u540D\u79F0\u4E8C",
+      value: 410,
+      type: "\u7C7B\u578B\u4E00"
+    },
+    {
+      name: "\u540D\u79F0\u4E09",
+      value: 210,
+      type: "\u7C7B\u578B\u4E00"
+    },
+    {
+      name: "\u540D\u79F0\u4E00",
+      value: 510,
+      type: "\u7C7B\u578B\u4E8C"
+    },
+    {
+      name: "\u540D\u79F0\u4E8C",
+      value: 731,
+      type: "\u7C7B\u578B\u4E8C"
+    },
+    {
+      name: "\u540D\u79F0\u4E09",
+      value: 910,
+      type: "\u7C7B\u578B\u4E8C"
+    }
+  ],
+  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: "",
+  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: "2%",
+  gridRight: "2%",
+  graphicConfig: {}
+});
+const comboGraphComponentProps = props.transformToComponentProps(comboGraphProps);
+const comboGraphEvents = ["refreshData", "click"];
+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}\n\nexport const comboGraphProps: ComboGraphProps = {\n  ...props,\n  id: '',\n  name: '组合图表',\n  keyName: '组合图表',\n  type: 'ecanComboGraph',\n  width: '400px',\n  height: '400px',\n  data: [\n    {\n      name: '名称一',\n      value: 335,\n      type: '类型一'\n    },\n    {\n      name: '名称二',\n      value: 410,\n      type: '类型一'\n    },\n    {\n      name: '名称三',\n      value: 210,\n      type: '类型一'\n    },\n    {\n      name: '名称一',\n      value: 510,\n      type: '类型二'\n    },\n    {\n      name: '名称二',\n      value: 731,\n      type: '类型二'\n    },\n    {\n      name: '名称三',\n      value: 910,\n      type: '类型二'\n    }\n  ],\n  titleText: '',\n  titleSubtext: '',\n  colors: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'],\n  legendShow: true,\n  legendTextStyleColor: '#333',\n  legendOrient: 'horizontal',\n  legendTop: 'top',\n  legendLeft: 'center',\n  tooltipShow: true,\n  tooltipTextStyleColor: '',\n  tooltipTrigger: 'item',\n  tooltipFormatter: '',\n  xAxisSplitLineShow: true,\n  xAxisSplitLineStyleColor: '#333',\n  xAxisLabelColor: '#333',\n  xAxisLineStyleColor: '#333',\n  xAxisTickShow: true,\n  yAxisSplitLineShow: true,\n  yAxisSplitLineStyleColor: '#333',\n  yAxisLabelColor: '#333',\n  yAxisLineStyleColor: '#333',\n  valueTypeDataFieldNames: { name: 'name', value: 'value', type: 'type' },\n  keyTypeDataFieldNames: { name: 'name', types: [] },\n  dataFieldConfigType: 'value',\n  seriesTypes: [\n    {\n      type: 'bar',\n      axisIndex: 0\n    },\n    {\n      type: 'line',\n      axisIndex: 0\n    }\n  ],\n  yAxis: [\n    {\n      axisLabelFormatter: '{value}'\n    },\n    {\n      axisLabelFormatter: '{value}'\n    }\n  ],\n  gridContainLabel: true,\n  gridTop: '10%',\n  gridBottom: '10%',\n  gridLeft: '2%',\n  gridRight: '2%',\n  graphicConfig: {}\n}\n\n// 转化默认属性\nexport const comboGraphComponentProps = transformToComponentProps(comboGraphProps)\n\nexport const comboGraphEvents = ['refreshData', 'click']\n"],"names":["props","transformToComponentProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA6CO,MAAM,kBAAmC,iCAC3CA,MAAA,QAD2C;AAAA,EAE9C,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;AAClB;AAGa,MAAA,2BAA2BC,gCAA0B,eAAe;AAEpE,MAAA,mBAAmB,CAAC,eAAe,OAAO;;;;"}