@ecan-bi/datav 1.0.33 → 1.0.37

package/lib/graph/pie/Pie.js

@@ -0,0 +1,247 @@
+"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");
+require("lodash-es");
+var constant = require("../../_utils/constant.js");
+var useRequestDiagramData = require("../../_utils/hooks/useRequestDiagramData.js");
+var ECharts = require("../../common/echarts/ECharts.js");
+var props = require("./props.js");
+var util = require("../../_utils/util.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/pie/install.js");
+var install$1 = require("../../node_modules/echarts/lib/component/title/install.js");
+var install$2 = require("../../node_modules/echarts/lib/component/tooltip/install.js");
+var install$3 = require("../../node_modules/echarts/lib/component/legend/install.js");
+extension.use([
+  installCanvasRenderer.install,
+  install.install,
+  install$1.install,
+  install$2.install,
+  install$3.install
+]);
+const _sfc_main = vue.defineComponent({
+  name: "EcanPie",
+  props: __spreadValues({}, props.pieComponentProps),
+  components: {
+    Spin: Spin["default"],
+    Echarts: ECharts["default"]
+  },
+  setup(props2) {
+    const style = usePickComponentStyle.usePickComponentStyle(props2);
+    const dataset = vue.ref([]);
+    const option = vue.computed(() => {
+      let { data = [] } = vue.unref(dataset)[0] || {};
+      if (Array.isArray(props2.colors)) {
+        const isUseLabelColors = props2.isUseLabelColors;
+        const colors = props2.colors;
+        data = data.map((item, index) => __spreadValues({
+          label: isUseLabelColors ? { color: colors[index] } : {}
+        }, item));
+      }
+      return {
+        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
+        },
+        tooltip: {
+          show: props2.tooltipShow,
+          trigger: props2.tooltipTrigger,
+          formatter: util.handleFormatter(props2.tooltipFormatter),
+          textStyle: {
+            color: props2.tooltipTextStyleColor
+          }
+        },
+        legend: {
+          show: props2.legendShow,
+          orient: props2.legendOrient,
+          top: props2.legendTop,
+          left: props2.legendLeft,
+          textStyle: {
+            color: props2.legendTextStyleColor
+          }
+        },
+        color: props2.colors,
+        series: [
+          {
+            data,
+            type: "pie",
+            radius: [props2.innerRadius, props2.outerRadius],
+            center: [props2.centerLeft, props2.centerTop],
+            roseType: props2.roseType,
+            avoidLabelOverlap: false,
+            label: {
+              show: props2.labelPosition !== "center" && props2.labelShow,
+              color: props2.labelColor,
+              fontSize: props2.labelFontSize,
+              position: props2.labelPosition,
+              formatter: util.handleFormatter(props2.labelFormatter)
+            },
+            labelLine: {
+              show: props2.labelLineShow,
+              length: props2.labelLineLength,
+              length2: props2.labelLineLength2
+            },
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.5)"
+              },
+              label: {}
+            }
+          }
+        ]
+      };
+    });
+    const { getGlobalModel, setGlobalModel } = vue.inject(constant.GLOBAL_MODEL, {
+      getGlobalModel: (key) => void 0,
+      setGlobalModel: (key, value) => void 0
+    });
+    const { pageMode } = vue.inject(constant.GLOBAL_CONFIG, {
+      pageMode: "normal"
+    });
+    const handleDataset = (data = [], dataFieldNames) => {
+      const { dataset: d } = useTransformChartDataByAttrValue.useTransformChartDataByAttrValue(data, dataFieldNames);
+      dataset.value = d;
+    };
+    const handleIndicatorDataset = (data = [], dataFieldNames) => {
+      const chartData = useTransformChartDataByAttrValue.useTransformChartDataByAttrValue(data, dataFieldNames);
+      dataset.value = chartData.dataset;
+    };
+    vue.watch(() => props2.data, (value) => {
+      if (props2.dataType === "static" || vue.unref(pageMode) === "design") {
+        handleDataset(value);
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    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, props2.valueTypeDataFieldNames);
+      } catch (e) {
+        console.error(e);
+      } finally {
+        loading.value = false;
+      }
+    };
+    const emitEvent = useEmitEvent.useEmitEvent(props2.events);
+    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 requestDiagram = useRequestDiagramData.useRequestDiagramData(props2);
+    const handleIndicatorData = async () => {
+      var _a, _b, _c, _d, _e, _f;
+      if (props2.dataType !== "indicator" || vue.unref(pageMode) === "design")
+        return;
+      try {
+        loading.value = true;
+        const res = await requestDiagram();
+        let newArr = [];
+        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) {
+          const name = res.data.data.columns[0];
+          const value = res.data.data.columns[1];
+          newArr = (_f = (_e = (_d = res == null ? void 0 : res.data) == null ? void 0 : _d.data) == null ? void 0 : _e.rows) == null ? void 0 : _f.map((item) => {
+            return {
+              name: item[name],
+              value: item[value]
+            };
+          });
+        }
+        handleIndicatorDataset(newArr);
+      } catch (e) {
+        console.error(e);
+      } finally {
+        loading.value = false;
+      }
+    };
+    const chooseRequestOrDiagram = () => {
+      if (vue.unref(pageMode) === "design")
+        return;
+      handleIndicatorData();
+      handleRequestData();
+    };
+    const refreshData = () => {
+      chooseRequestOrDiagram();
+    };
+    useOnEvent.useOnEvent(props2, {
+      refreshData,
+      click
+    });
+    const { setRequest } = vue.inject(constant.REQUEST_MODEL, {
+      setRequest: (requestFn, sortNum) => void 0
+    });
+    setRequest(chooseRequestOrDiagram, props2.requestSort);
+    return {
+      option,
+      style,
+      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,
+          autoresize: "",
+          onClick: _ctx.click
+        }, null, 8, ["option", "onClick"])
+      ]),
+      _: 1
+    }, 8, ["spinning"])
+  ], 4);
+}
+var Pie = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
+exports["default"] = Pie;
+//# sourceMappingURL=Pie.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pie.js","sources":["../../../src/graph/pie/Pie.vue"],"sourcesContent":["<template>\n  <div :style=\"style\">\n    <spin :spinning=\"loading\">\n      <echarts\n        :option=\"option\"\n        autoresize\n        @click=\"click\"\n      />\n    </spin>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, watch, inject, ref, unref } from 'vue'\nimport {\n  useEmitEvent,\n  usePickComponentStyle,\n  useRequestData,\n  useTransformChartDataByAttrValue,\n  useOnEvent,\n  useRequestDiagramData\n} from '@/_utils/hooks'\nimport Echarts from '@/common/echarts'\nimport { pieComponentProps } from './props'\nimport { use } from 'echarts/core'\nimport { CanvasRenderer } from 'echarts/renderers'\nimport { PieChart } from 'echarts/charts'\nimport {\n  TitleComponent,\n  TooltipComponent,\n  LegendComponent\n} from 'echarts/components'\nimport { handleFormatter } from '@/_utils/util'\nimport { GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL } from '@/_utils/constant'\nimport { ValueTypeDataFieldNames, Events } from '@/_utils/props'\nimport Spin from '@/common/spin'\n\nuse([\n  CanvasRenderer,\n  PieChart,\n  TitleComponent,\n  TooltipComponent,\n  LegendComponent\n])\nexport default defineComponent({\n  name: 'EcanPie',\n  props: {\n    ...pieComponentProps\n  },\n  components: {\n    Spin,\n    Echarts\n  },\n  setup (props) {\n    const style = usePickComponentStyle(props)\n    const dataset = ref<{ [key: string]: any }[]>([])\n    // const data = computed(() => {\n    //   if (Array.isArray(props.colors)) {\n    //     const isUseLabelColors = props.isUseLabelColors\n    //     const colors = props.colors\n    //     return (props.data as { [key: string]: any } []).map((item, index) => ({\n    //       label: isUseLabelColors ? { color: colors[index] } : {},\n    //       ...item\n    //     }))\n    //   }\n    //   return props.data\n    // })\n\n    const option = computed(() => {\n      let { data = [] } = unref(dataset)[0] || {}\n      if (Array.isArray(props.colors)) {\n        const isUseLabelColors = props.isUseLabelColors\n        const colors = props.colors\n        data = data.map((item, index) => ({\n          label: isUseLabelColors ? { color: colors[index] } : {},\n          ...item\n        }))\n      }\n      return {\n        title: {\n          text: props.titleText,\n          subtext: props.titleSubtext,\n          left: 'center'\n        },\n        grid: {\n          top: props.gridTop,\n          bottom: props.gridBottom,\n          left: props.gridLeft,\n          right: props.gridRight,\n          containLabel: props.gridContainLabel\n        },\n        // 提示\n        tooltip: {\n          show: props.tooltipShow,\n          trigger: props.tooltipTrigger,\n          formatter: handleFormatter(props.tooltipFormatter as string),\n          // formatter: function (params) {\n          //   console.log(params)\n          // },\n          textStyle: {\n            color: props.tooltipTextStyleColor\n          }\n        },\n        // 图例\n        legend: {\n          show: props.legendShow,\n          orient: props.legendOrient,\n          top: props.legendTop,\n          left: props.legendLeft,\n          textStyle: {\n            color: props.legendTextStyleColor\n          }\n        },\n        color: props.colors,\n        series: [\n          {\n            data,\n            type: 'pie',\n            radius: [props.innerRadius, props.outerRadius],\n            center: [props.centerLeft, props.centerTop],\n            roseType: props.roseType,\n            avoidLabelOverlap: false,\n            // data: data.value,\n            // data: props.data,\n            // dimensions: ['name', 'count'],\n            label: {\n              show: props.labelPosition !== 'center' && props.labelShow,\n              color: props.labelColor,\n              fontSize: props.labelFontSize,\n              position: props.labelPosition,\n              formatter: handleFormatter(props.labelFormatter as string)\n            },\n            labelLine: {\n              show: props.labelLineShow,\n              length: props.labelLineLength,\n              length2: props.labelLineLength2\n            },\n            emphasis: {\n              itemStyle: {\n                shadowBlur: 10,\n                shadowOffsetX: 0,\n                shadowColor: 'rgba(0, 0, 0, 0.5)'\n              },\n              label: {\n                // show: props.labelPosition === 'center'\n              }\n            }\n          }\n        ]\n      }\n    })\n\n    const { getGlobalModel, setGlobalModel } = inject(GLOBAL_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      getGlobalModel: (key: string) => void 0,\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setGlobalModel: (key: string, value: any) => void 0\n    })\n\n    const { pageMode } = inject(GLOBAL_CONFIG, {\n      pageMode: 'normal'\n    })\n\n    const handleDataset = (data: any = [], dataFieldNames?: ValueTypeDataFieldNames) => {\n      const { dataset: d } = useTransformChartDataByAttrValue(data, dataFieldNames)\n      dataset.value = d\n    }\n\n    const handleIndicatorDataset = (data: any = [], dataFieldNames?: ValueTypeDataFieldNames) => {\n      const chartData = useTransformChartDataByAttrValue(data, dataFieldNames)\n      dataset.value = chartData.dataset\n    }\n\n    // 静态数据\n    watch(() => props.data, (value: any) => {\n      if (props.dataType === 'static' || unref(pageMode) === 'design') {\n        handleDataset(value)\n      }\n    }, {\n      immediate: true,\n      deep: true\n    })\n\n    const loading = ref(false)\n    const requestData = useRequestData(props)\n    // 动态数据\n    const handleRequestData = async () => {\n      if (props.dataType !== 'request' || unref(pageMode) === 'design') return\n      try {\n        loading.value = true\n        const res = await requestData()\n        handleDataset(res?.data?.data?.rows, props.valueTypeDataFieldNames as ValueTypeDataFieldNames)\n      } catch (e) {\n        console.error(e)\n      } finally {\n        loading.value = false\n      }\n    }\n\n    const emitEvent = useEmitEvent(props.events as Events)\n\n    const click = emitEvent('click', (e) => {\n      const id = props.id as string\n      const modal = getGlobalModel(id)\n      // 约定获取数据\n      setGlobalModel(id, { ...modal, RECORD: e?.data })\n    })\n\n    // 指标库\n    const requestDiagram = useRequestDiagramData(props)\n    const handleIndicatorData = async () => {\n      if (props.dataType !== 'indicator' || unref(pageMode) === 'design') return\n      try {\n        loading.value = true\n        const res = await requestDiagram()\n        let newArr = []\n        if (res?.data?.data?.columns?.length > 0) {\n          const name = res.data.data.columns[0]\n          const value = res.data.data.columns[1]\n          newArr = res?.data?.data?.rows?.map(item => {\n            return {\n              name: item[name],\n              value: item[value]\n            }\n          })\n        }\n        handleIndicatorDataset(newArr)\n      } catch (e) {\n        console.error(e)\n      } finally {\n        loading.value = false\n      }\n    }\n\n    const chooseRequestOrDiagram = () => {\n      if (unref(pageMode) === 'design') return\n      handleIndicatorData()\n      handleRequestData()\n    }\n\n    const refreshData = () => {\n      chooseRequestOrDiagram()\n    }\n\n    useOnEvent(props, {\n      refreshData,\n      click\n    })\n\n    const { setRequest } = inject(REQUEST_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setRequest: (requestFn: Function, sortNum: number) => void 0\n    })\n    setRequest(chooseRequestOrDiagram, props.requestSort as number)\n    return {\n      option,\n      style,\n      click,\n      loading\n    }\n  }\n})\n</script>\n"],"names":["use","CanvasRenderer","PieChart","TitleComponent","TooltipComponent","LegendComponent","defineComponent","pieComponentProps","Spin","Echarts","usePickComponentStyle","ref","computed","unref","handleFormatter","inject","GLOBAL_MODEL","GLOBAL_CONFIG","useTransformChartDataByAttrValue","watch","useRequestData","useEmitEvent","useRequestDiagramData","useOnEvent","REQUEST_MODEL","_createElementBlock","_normalizeStyle","_createVNode","_withCtx"],"mappings":"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"}

package/lib/graph/pie/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 Pie = require("./Pie.js");
+var props = require("./props.js");
+const EcanPie = withInstall.withInstall(Pie["default"]);
+exports.pieComponentProps = props.pieComponentProps;
+exports.pieEvents = props.pieEvents;
+exports.pieProps = props.pieProps;
+exports.EcanPie = EcanPie;
+exports["default"] = EcanPie;
+//# sourceMappingURL=index.js.map

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

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

package/lib/graph/pie/props.js

@@ -0,0 +1,80 @@
+"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 pieProps = __spreadProps(__spreadValues({}, props.props), {
+  id: "",
+  name: "\u997C\u56FE",
+  keyName: "\u997C\u56FE",
+  type: "ecanPie",
+  width: "400px",
+  height: "400px",
+  top: "",
+  left: "",
+  rotate: "",
+  data: [
+    { name: "\u540D\u79F0\u4E00", value: 335 },
+    { name: "\u540D\u79F0\u4E8C", value: 310 },
+    { name: "\u540D\u79F0\u4E09", value: 234 }
+  ],
+  titleText: "",
+  titleSubtext: "",
+  titleLeft: "",
+  colors: ["#5470c6", "#91cc75", "#fac858", "#ee6666", "#73c0de", "#3ba272", "#fc8452", "#9a60b4", "#ea7ccc"],
+  backgroundColor: "",
+  tooltipShow: true,
+  tooltipTextStyleColor: "",
+  tooltipTrigger: "item",
+  tooltipFormatter: "{b} : {c} ({d}%)",
+  legendShow: true,
+  legendTextStyleColor: "#333",
+  legendOrient: "vertical",
+  legendTop: "top",
+  legendLeft: "left",
+  innerRadius: "0%",
+  outerRadius: "60%",
+  centerLeft: "50%",
+  centerTop: "50%",
+  labelShow: true,
+  labelColor: "#333",
+  isUseLabelColors: false,
+  labelFontSize: 12,
+  labelPosition: "outside",
+  labelFormatter: "{b}\\n{d}%",
+  labelLineShow: true,
+  labelLineLength: 10,
+  labelLineLength2: 15,
+  roseType: "",
+  valueTypeDataFieldNames: { name: "name", value: "value", type: "type" },
+  dataFieldConfigType: "value",
+  gridContainLabel: true,
+  gridTop: "10%",
+  gridBottom: "10%",
+  gridLeft: "2%",
+  gridRight: "2%",
+  graphicConfig: {}
+});
+const pieComponentProps = props.transformToComponentProps(pieProps);
+const pieEvents = ["click", "refreshData"];
+exports.pieComponentProps = pieComponentProps;
+exports.pieEvents = pieEvents;
+exports.pieProps = pieProps;
+//# sourceMappingURL=props.js.map

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

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

package/lib/graph/scatter/Scatter.js

@@ -0,0 +1,219 @@
+"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");
+require("lodash-es");
+var useRequestData = require("../../_utils/hooks/useRequestData.js");
+var constant = require("../../_utils/constant.js");
+var useVariablesInText = require("../../_utils/hooks/useVariablesInText.js");
+require("../../_utils/request.js");
+require("ant-design-vue");
+var useValueFormatter = require("../../_utils/hooks/useValueFormatter.js");
+var ECharts = require("../../common/echarts/ECharts.js");
+var props = require("./props.js");
+var Spin = require("../../common/spin/Spin.js");
+var pluginVue_exportHelper = require("../../_virtual/plugin-vue_export-helper.js");
+var install = require("../../node_modules/echarts/lib/chart/scatter/install.js");
+var extension = require("../../node_modules/echarts/lib/extension.js");
+var installCanvasRenderer = require("../../node_modules/echarts/lib/renderer/installCanvasRenderer.js");
+var install$1 = require("../../node_modules/echarts/lib/component/title/install.js");
+var install$2 = require("../../node_modules/echarts/lib/component/tooltip/install.js");
+var install$3 = require("../../node_modules/echarts/lib/component/legend/install.js");
+extension.use([
+  installCanvasRenderer.install,
+  install.install,
+  install$1.install,
+  install$2.install,
+  install$3.install
+]);
+const _sfc_main = vue.defineComponent({
+  name: "EcanScatter",
+  props: __spreadValues({}, props.scatterComponentProps),
+  components: {
+    Spin: Spin["default"],
+    Echarts: ECharts["default"]
+  },
+  setup(props2) {
+    const style = usePickComponentStyle.usePickComponentStyle(props2);
+    const dataset = 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,
+      xAxis: {
+        splitLine: {
+          show: props2.xAxisSplitLineShow,
+          lineStyle: {
+            color: props2.xAxisSplitLineStyleColor
+          }
+        },
+        axisLabel: {
+          color: props2.xAxisLabelColor
+        },
+        axisLine: {
+          lineStyle: {
+            color: props2.xAxisLineStyleColor
+          }
+        },
+        axisTick: {
+          show: props2.xAxisTickShow
+        }
+      },
+      yAxis: {
+        splitLine: {
+          show: props2.yAxisSplitLineShow,
+          lineStyle: {
+            color: props2.yAxisSplitLineStyleColor
+          }
+        },
+        axisLabel: {
+          color: props2.yAxisLabelColor,
+          formatter(value) {
+            return useValueFormatter.useValueFormatter(props2.yAxisLabelFormatter, value);
+          }
+        },
+        axisLine: {
+          lineStyle: {
+            color: props2.yAxisLineStyleColor
+          }
+        }
+      },
+      tooltip: {
+        show: props2.tooltipShow,
+        trigger: props2.tooltipTrigger,
+        formatter: function(params) {
+          var _a, _b;
+          const record = (_b = (_a = params == null ? void 0 : params.data) == null ? void 0 : _a.record) != null ? _b : {};
+          return useVariablesInText.useVariablesInText(props2.tooltipFormatter, record);
+        },
+        axisPointer: {
+          type: "cross"
+        }
+      },
+      legend: {
+        show: props2.legendShow,
+        orient: props2.legendOrient,
+        top: props2.legendTop,
+        left: props2.legendLeft
+      },
+      series: [
+        {
+          data: vue.unref(dataset),
+          type: "scatter",
+          symbolSize: props2.symbolSize
+        }
+      ]
+    }));
+    const { getGlobalModel, setGlobalModel } = vue.inject(constant.GLOBAL_MODEL, {
+      getGlobalModel: (key) => void 0,
+      setGlobalModel: (key, value) => void 0
+    });
+    const { pageMode } = vue.inject(constant.GLOBAL_CONFIG, {
+      pageMode: "normal"
+    });
+    const handleDataset = (data = [], dataFieldNames) => {
+      const { name: x = "name", value: y = "value" } = dataFieldNames || {};
+      dataset.value = data.map((item) => ({ value: [item[x], item[y]], record: item }));
+      console.log(data.map((item) => ({ value: [item[x], item[y]], record: item })));
+    };
+    vue.watch(() => props2.data, (value) => {
+      if (props2.dataType === "static" || vue.unref(pageMode) === "design") {
+        handleDataset(value);
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    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;
+      loading.value = true;
+      try {
+        const res = await requestData();
+        handleDataset((_b = (_a = res == null ? void 0 : res.data) == null ? void 0 : _a.data) == null ? void 0 : _b.rows, props2.dataFieldNames);
+      } catch (e) {
+        console.error(e);
+      } finally {
+        loading.value = false;
+      }
+    };
+    const emitEvent = useEmitEvent.useEmitEvent(props2.events);
+    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 refreshData = () => {
+      handleRequestData();
+    };
+    useOnEvent.useOnEvent(props2, {
+      refreshData,
+      click
+    });
+    const { setRequest } = vue.inject(constant.REQUEST_MODEL, {
+      setRequest: (requestFn, sortNum) => void 0
+    });
+    setRequest(handleRequestData, props2.requestSort);
+    return {
+      option,
+      style,
+      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,
+          autoresize: "",
+          onClick: _ctx.click
+        }, null, 8, ["option", "onClick"])
+      ]),
+      _: 1
+    }, 8, ["spinning"])
+  ], 4);
+}
+var Scatter = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
+exports["default"] = Scatter;
+//# sourceMappingURL=Scatter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Scatter.js","sources":["../../../src/graph/scatter/Scatter.vue"],"sourcesContent":["<template>\n  <div :style=\"style\">\n    <spin :spinning=\"loading\">\n      <echarts\n        :option=\"option\"\n        autoresize\n        @click=\"click\"\n      />\n    </spin>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, watch, inject, unref } from 'vue'\nimport {\n  useValueFormatter,\n  useEmitEvent,\n  useOnEvent,\n  usePickComponentStyle,\n  useRequestData,\n  useVariablesInText\n} from '@/_utils/hooks'\nimport Echarts from '@/common/echarts'\nimport { scatterComponentProps } from './props'\nimport { use } from 'echarts/core'\nimport { CanvasRenderer } from 'echarts/renderers'\nimport { ScatterChart } from 'echarts/charts'\nimport {\n  TitleComponent,\n  TooltipComponent,\n  LegendComponent\n} from 'echarts/components'\nimport { GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL } from '../../_utils/constant'\nimport { Events } from '../../_utils/props'\nimport Spin from '../../common/spin/Spin.vue'\nuse([\n  CanvasRenderer,\n  ScatterChart,\n  TitleComponent,\n  TooltipComponent,\n  LegendComponent\n])\nexport default defineComponent({\n  name: 'EcanScatter',\n  props: {\n    ...scatterComponentProps\n  },\n  components: {\n    Spin,\n    Echarts\n  },\n  setup (props) {\n    const style = usePickComponentStyle(props)\n    const dataset = ref<{ [key: string]: any }[]>([])\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: 'value'\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        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      // 提示\n      tooltip: {\n        show: props.tooltipShow,\n        trigger: props.tooltipTrigger,\n        formatter: function (params) {\n          const record = params?.data?.record ?? {}\n          return useVariablesInText(props.tooltipFormatter as string, record)\n        },\n        axisPointer: {\n          type: 'cross'\n        }\n      },\n      // 图例\n      legend: {\n        show: props.legendShow,\n        orient: props.legendOrient,\n        top: props.legendTop,\n        left: props.legendLeft\n      },\n      series: [\n        {\n          data: unref(dataset),\n          type: 'scatter',\n          symbolSize: props.symbolSize\n        }\n      ]\n    }))\n\n    const { getGlobalModel, setGlobalModel } = inject(GLOBAL_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      getGlobalModel: (key: string) => void 0,\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setGlobalModel: (key: string, value: any) => void 0\n    })\n\n    const { pageMode } = inject(GLOBAL_CONFIG, {\n      pageMode: 'normal'\n    })\n\n    const handleDataset = (data: any = [], dataFieldNames?: { name: string, value:string }) => {\n      const { name: x = 'name', value: y = 'value' } = dataFieldNames || {}\n      dataset.value = data.map(item => ({ value: [item[x], item[y]], record: item }))\n      console.log(data.map(item => ({ value: [item[x], item[y]], record: item })))\n    }\n\n    // 静态数据\n    watch(() => props.data, (value: any) => {\n      if (props.dataType === 'static' || unref(pageMode) === 'design') {\n        handleDataset(value)\n      }\n    }, {\n      immediate: true,\n      deep: true\n    })\n\n    const loading = ref(false)\n\n    const requestData = useRequestData(props)\n    // 动态数据\n    const handleRequestData = async () => {\n      if (props.dataType !== 'request' || unref(pageMode) === 'design') return\n      loading.value = true\n      try {\n        const res = await requestData()\n        handleDataset(res?.data?.data?.rows, props.dataFieldNames as { name: string, value:string })\n      } catch (e) {\n        console.error(e)\n      } finally {\n        loading.value = false\n      }\n    }\n\n    const emitEvent = useEmitEvent(props.events as Events)\n\n    const click = emitEvent('click', (e) => {\n      const id = props.id as string\n      const modal = getGlobalModel(id)\n      // 约定获取数据\n      setGlobalModel(id, { ...modal, RECORD: e?.data })\n    })\n\n    const refreshData = () => {\n      handleRequestData()\n    }\n\n    useOnEvent(props, {\n      refreshData,\n      click\n    })\n\n    const { setRequest } = inject(REQUEST_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setRequest: (requestFn: Function, sortNum: number) => void 0\n    })\n\n    setRequest(handleRequestData, props.requestSort as number)\n\n    return {\n      option,\n      style,\n      click,\n      loading\n    }\n  }\n})\n</script>\n"],"names":["use","CanvasRenderer","ScatterChart","TitleComponent","TooltipComponent","LegendComponent","defineComponent","scatterComponentProps","Spin","Echarts","usePickComponentStyle","ref","computed","useValueFormatter","useVariablesInText","unref","inject","GLOBAL_MODEL","GLOBAL_CONFIG","watch","useRequestData","useEmitEvent","useOnEvent","REQUEST_MODEL","_createElementBlock","_normalizeStyle","_createVNode","_withCtx"],"mappings":"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"}

package/lib/graph/scatter/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 Scatter = require("./Scatter.js");
+var props = require("./props.js");
+const EcanScatter = withInstall.withInstall(Scatter["default"]);
+exports.scatterComponentProps = props.scatterComponentProps;
+exports.scatterEvents = props.scatterEvents;
+exports.scatterProps = props.scatterProps;
+exports.EcanScatter = EcanScatter;
+exports["default"] = EcanScatter;
+//# sourceMappingURL=index.js.map

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

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