@qxs-bns/components 0.0.20 → 0.0.22

package/lib/src/data-chart/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var withInstall = require('../withInstall.js');
+var dataChart = require('./src/data-chart.vue.js');
+
+const QxsDataChart = withInstall.withInstall(dataChart.default);
+
+exports.QxsDataChart = QxsDataChart;
+exports.default = QxsDataChart;
+//# sourceMappingURL=index.js.map

package/lib/src/data-chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/src/data-chart/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/data-chart.vue'\n\nconst QxsDataChart = withInstall(component)\n\nexport {\n  QxsDataChart,\n}\nexport default QxsDataChart\n"],"names":["QxsDataChart","withInstall","component"],"mappings":";;;;;;;AAGA,MAAMA,YAAA,GAAeC,wBAAYC,iBAAS;;;;;"}

package/lib/src/data-chart/src/data-chart.vue.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dataChart_vue_vue_type_script_setup_true_lang = require('./data-chart.vue2.js');
+require('./data-chart.vue3.js');
+var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+var component = /* @__PURE__ */ _pluginVue_exportHelper.default(dataChart_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-28590d9c"]]);
+
+exports.default = component;
+//# sourceMappingURL=data-chart.vue.js.map

package/lib/src/data-chart/src/data-chart.vue.js.map

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

package/lib/src/data-chart/src/data-chart.vue2.js

@@ -0,0 +1,113 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var utils = require('@qxs-bns/utils');
+var lodashEs = require('lodash-es');
+var config = require('./utils/config.js');
+var injectionKeys = require('./utils/injectionKeys.js');
+var useCharts = require('./utils/useCharts.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "QxsDataChart"
+  },
+  __name: "data-chart",
+  props: {
+    modelName: { type: String, required: false, default: "" },
+    showTypeName: { type: String, required: false, default: "table" },
+    subShowType: { type: String, required: false },
+    data: { type: Object, required: false, default: () => ({
+      data: [],
+      desc: {
+        colDesc: [],
+        showDesc: {
+          showType: 0,
+          chartOptions: "{}",
+          jsCodeSnippet: ""
+        },
+        groupByDesc: []
+      }
+    }) },
+    chartOptions: { type: null, required: false, default: () => ({}) },
+    jsCodeSnippet: { type: String, required: false, default: "" }
+  },
+  setup(__props, { expose: __expose }) {
+    const coms = {};
+    const defaultChartOptionCopy = vue.computed(() => {
+      return lodashEs.cloneDeep(config.defaultChartOption[__props.showTypeName]);
+    });
+    const formatPublicData = vue.computed(() => {
+      const { desc: { colDesc = [], groupByDesc = [] } = {}, data = [] } = __props.data;
+      let xValue = [];
+      let xGroupByDesc = null;
+      xValue = groupByDesc?.map((groupByDescItem) => {
+        if (groupByDescItem.xAxis) {
+          xGroupByDesc = groupByDescItem;
+        }
+        return groupByDescItem;
+      });
+      const dataValue = xGroupByDesc ? data.filter((item) => item && item[xGroupByDesc.colDesc]) : data;
+      return {
+        colDesc,
+        modelName: __props.modelName,
+        subShowType: __props.subShowType,
+        xGroupByDesc: xGroupByDesc || {
+          groupByDesc: null,
+          groupByValues: null,
+          colDesc: null,
+          xAxis: false
+        },
+        groupByDesc: xValue,
+        data: dataValue
+      };
+    });
+    function exportExal() {
+      if (__props.data.data.length === 0) {
+        console.log("\u6682\u65E0\u6570\u636E");
+        return;
+      }
+      const arr = useCharts.useDataToExcelJson(__props.data);
+      utils.JsonToExcel(__props.modelName, arr);
+    }
+    function merge(config, defaultConfig) {
+      const mergeOpt = lodashEs.merge({}, defaultChartOptionCopy.value, config, defaultConfig);
+      let conf = mergeOpt || {};
+      if (__props.jsCodeSnippet) {
+        try {
+          const dynamicFunction = new Function(
+            "config",
+            `"use strict"; ${__props.jsCodeSnippet}; return config;`
+          );
+          conf = dynamicFunction(conf);
+        } catch (error) {
+          console.error("\u4EE3\u7801\u6267\u884C\u5931\u8D25:", error);
+        }
+      }
+      return conf;
+    }
+    vue.watchEffect(() => {
+      if (coms[__props.showTypeName]) {
+        return;
+      }
+      const componentPath = `./components/${__props.showTypeName}.vue`;
+      coms[__props.showTypeName] = vue.defineAsyncComponent(() => import(componentPath));
+    });
+    __expose({
+      exportExal
+    });
+    vue.provide(injectionKeys.InjectionChartMerge, merge);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(coms[_ctx.showTypeName]), {
+        class: "data-chart",
+        "sub-show-type": _ctx.subShowType,
+        "chart-data": formatPublicData.value,
+        "chart-options": _ctx.chartOptions
+      }, null, 8, ["sub-show-type", "chart-data", "chart-options"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=data-chart.vue2.js.map

package/lib/src/data-chart/src/data-chart.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-chart.vue2.js","sources":["../../../../../../packages/components/src/data-chart/src/data-chart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { EChartData, EChartsOption, IFormatPublicData } from './types'\nimport type { IconRow } from './types/index'\nimport { JsonToExcel } from '@qxs-bns/utils'\nimport { cloneDeep, merge as lodashMerge } from 'lodash-es'\nimport { computed, defineAsyncComponent, provide, watchEffect } from 'vue'\nimport { defaultChartOption } from './utils/config'\nimport { InjectionChartMerge } from './utils/injectionKeys'\nimport { useDataToExcelJson } from './utils/useCharts'\n\ndefineOptions({\n  name: 'QxsDataChart',\n})\nconst {\n  showTypeName = 'table',\n  subShowType,\n  modelName = '',\n  data: propData = {\n    data: [],\n    desc: {\n      colDesc: [],\n      showDesc: {\n        showType: 0,\n        chartOptions: '{}',\n        jsCodeSnippet: '',\n      },\n      groupByDesc: [],\n    },\n  },\n  chartOptions = {},\n  jsCodeSnippet = '',\n} = defineProps<{\n  modelName?: string\n  showTypeName?: IconRow['showTypeName']\n  subShowType?: string\n  data?: EChartData\n  chartOptions?: EChartsOption\n  jsCodeSnippet?: string\n}>()\n\nconst coms: {\n  [key: string]: any\n} = {}\n\nconst defaultChartOptionCopy = computed(() => {\n  return cloneDeep(defaultChartOption[showTypeName])\n})\n\nconst formatPublicData = computed<IFormatPublicData>(() => {\n  const { desc: { colDesc = [], groupByDesc = [] } = {}, data = [] } = propData\n\n  // 处理 X 轴数据\n  let xValue = []\n\n  let xGroupByDesc: EChartData['desc']['groupByDesc'][0] | null = null\n  xValue = groupByDesc?.map((groupByDescItem) => {\n    // if (groupByDescItem.colValues) {\n    //   groupByDescItem.colValuesDesc = {}\n    //   groupByDescItem.colValues.split(',')?.forEach((item) => {\n    //     const [key, value] = item.split(':')\n    //     groupByDescItem.colValuesDesc[key] = value\n    //   })\n    // }\n    if (groupByDescItem.xAxis) {\n      xGroupByDesc = groupByDescItem\n    }\n    return groupByDescItem\n  })\n\n  const dataValue = xGroupByDesc ? data.filter(item => item && item[xGroupByDesc!.colDesc!]) : data\n\n  // if (xGroupByDesc && xGroupByDesc.colValuesDesc && Object.keys(xGroupByDesc.colValuesDesc).length) {\n  //   const { colDesc: colDescItem, colValuesDesc } = xGroupByDesc\n  //   console.log('colDesc: colDescItem, colValuesDesc: ', colDescItem, colValuesDesc)\n  //   dataValue = dataValue.map((item) => {\n  //     if (typeof item[colDescItem] === 'number') {\n  //       item[colDescItem] = colValuesDesc[item[colDescItem]]\n  //     }\n  //     return item\n  //   })\n  // }\n\n  return {\n    colDesc,\n    modelName,\n    subShowType,\n    xGroupByDesc: (xGroupByDesc || {\n      groupByDesc: null,\n      groupByValues: null,\n      colDesc: null,\n      xAxis: false,\n    }),\n    groupByDesc: xValue,\n    data: dataValue,\n  }\n})\n\n// 导出数据\nfunction exportExal() {\n  if (propData.data.length === 0) {\n    // useMessage.error('暂无数据')\n    console.log('暂无数据')\n    return\n  }\n  const arr = useDataToExcelJson(propData)\n  JsonToExcel(modelName, arr)\n}\nfunction merge(config: EChartsOption, defaultConfig: EChartsOption) {\n  const mergeOpt = lodashMerge({}, defaultChartOptionCopy.value, config, defaultConfig)\n  let conf = mergeOpt || {}\n  if (jsCodeSnippet) {\n    try {\n      // 用 Function 构造函数替代 eval\n      const dynamicFunction = new Function(\n        'config',\n        `\"use strict\"; ${jsCodeSnippet}; return config;`\n      );\n      \n      // 执行动态函数并传递 conf 参数\n      conf = dynamicFunction(conf);\n    } catch (error) {\n      console.error(\"代码执行失败:\", error);\n    }\n  }\n  return conf\n}\n\nwatchEffect(() => {\n  if (coms[showTypeName]) {\n    return\n  }\n  const componentPath = `./components/${showTypeName}.vue`\n  coms[showTypeName] = defineAsyncComponent(() => import(componentPath))\n})\n\ndefineExpose({\n  exportExal,\n})\nprovide(InjectionChartMerge, merge)\n</script>\n\n<template>\n  <component\n    :is=\"coms[showTypeName]\"\n    class=\"data-chart\"\n    :sub-show-type=\"subShowType\"\n    :chart-data=\"formatPublicData\"\n    :chart-options=\"chartOptions\"\n  />\n</template>\n\n<style scoped lang=\"scss\">\n.data-chart {\n  height: 100%;\n}\n</style>\n"],"names":["computed","cloneDeep","defaultChartOption","useDataToExcelJson","JsonToExcel","lodashMerge","watchEffect","defineAsyncComponent","provide","InjectionChartMerge"],"mappings":"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"}

package/lib/src/data-chart/src/data-chart.vue3.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject_es = require('../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = "/* unplugin-vue-components disabled */\n.data-chart[data-v-28590d9c] {\n  height: 100%;\n}";
+styleInject_es.default(css_248z);
+
+exports.default = css_248z;
+//# sourceMappingURL=data-chart.vue3.js.map

package/lib/src/data-chart/src/data-chart.vue3.js.map

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

package/lib/src/data-chart/src/utils/config.js

@@ -0,0 +1,384 @@
+'use strict';
+
+var lodashEs = require('lodash-es');
+
+const iconList = {
+  data: [{
+    showTypeName: "table",
+    label: "\u8868\u683C",
+    coverImg: "table.png",
+    disabled: () => false,
+    subTypeList: [],
+    showType: 0,
+    baseConfig: {}
+  }, {
+    showTypeName: "line",
+    label: "\u6298\u7EBF\u56FE",
+    coverImg: "line-stack.png",
+    showType: 1,
+    subTypeList: [{
+      value: "line-simple",
+      icon: "line-smooth",
+      tooltipContent: "\u6298\u7EBF\u56FE"
+    }, {
+      value: "area-basic",
+      icon: "chart-line-area",
+      tooltipContent: "\u6298\u7EBF\u9762\u79EF\u56FE"
+    }],
+    baseConfig: {
+      tooltip: {
+        confine: false,
+        trigger: "axis",
+        axisPointer: {
+          type: "line"
+        }
+      },
+      toolbox: {
+        show: false,
+        showTitle: false,
+        feature: {
+          // dataView: { readOnly: true },
+          // restore: {},
+          saveAsImage: {}
+        }
+      },
+      legend: {
+        type: "scroll",
+        top: "25px"
+      },
+      grid: {
+        left: "0",
+        bottom: "10px",
+        containLabel: true
+      },
+      xAxis: {
+        type: "category",
+        boundaryGap: false
+      },
+      yAxis: {
+        type: "value"
+      },
+      dataZoom: [{
+        type: "inside"
+      }]
+    },
+    disabled: (_, groupByInfos) => {
+      const groupByInfosLenght = groupByInfos?.length;
+      if (groupByInfosLenght >= 1 && groupByInfosLenght < 2) {
+        return false;
+      }
+      return true;
+    }
+  }, {
+    showTypeName: "bar",
+    label: "\u67F1\u72B6\u56FE",
+    coverImg: "bar-tick-align.png",
+    showType: 2,
+    baseConfig: {
+      legend: {
+        type: "scroll",
+        top: "25px"
+      },
+      tooltip: {
+        confine: false,
+        trigger: "axis",
+        axisPointer: {
+          type: "shadow"
+        }
+      },
+      toolbox: {
+        show: false,
+        showTitle: false,
+        feature: {
+          // dataView: { readOnly: true },
+          // restore: {},
+          saveAsImage: {}
+          // myFull: { // 全屏
+          //   show: true,
+          //   title: '全屏',
+          //   icon: 'path://...',
+          // }
+        }
+      },
+      grid: {
+        left: "0",
+        bottom: "20px",
+        containLabel: true
+      },
+      xAxis: {
+        axisLabel: {
+          showMaxLabel: true
+        },
+        axisTick: {
+          alignWithLabel: true
+        }
+      },
+      yAxis: {},
+      dataZoom: [{
+        type: "inside"
+      }]
+    },
+    subTypeList: [{
+      value: "bar-simple",
+      icon: "bar-simple",
+      tooltipContent: "\u5782\u76F4\u6761\u5F62\u56FE"
+    }, {
+      value: "bar-y-category",
+      icon: "bar-y-category",
+      tooltipContent: "\u6C34\u5E73\u6761\u5F62\u56FE"
+    }],
+    disabled: (_, groupByInfos) => {
+      const groupByInfosLenght = groupByInfos?.length;
+      if (groupByInfosLenght >= 1) {
+        return false;
+      }
+      return true;
+    }
+  }, {
+    showTypeName: "pie",
+    label: "\u997C\u56FE",
+    coverImg: "pie-simple.png",
+    showType: 4,
+    subTypeList: [{
+      value: "pie-simple",
+      icon: "pie-simple",
+      tooltipContent: "\u997C\u56FE"
+    }, {
+      value: "pie-borderRadius",
+      icon: "pie-borderRadius",
+      tooltipContent: "\u73AF\u5F62\u56FE"
+    }],
+    baseConfig: {
+      tooltip: {
+        confine: true,
+        formatter: "{a}<br>{b}: {c}({d}%)",
+        trigger: "item"
+      },
+      toolbox: {
+        show: false,
+        showTitle: false,
+        feature: {
+          // dataView: { readOnly: true },
+          // restore: {},
+          saveAsImage: {}
+        }
+      },
+      legend: {
+        type: "scroll",
+        top: "25px"
+      }
+    },
+    disabled: (selectInfos, groupByInfos) => {
+      const groupByInfosLenght = groupByInfos?.length;
+      const selectInfosLength = selectInfos?.length;
+      if (selectInfosLength <= 4 && groupByInfosLenght > 0 && groupByInfosLenght <= 1) {
+        return false;
+      }
+      return true;
+    }
+  }, {
+    showTypeName: "area",
+    label: "\u5730\u56FE",
+    coverImg: "area.png",
+    showType: 5,
+    subTypeList: [],
+    baseConfig: {
+      tooltip: {
+        confine: true,
+        trigger: "item"
+      },
+      toolbox: {
+        show: false,
+        showTitle: false,
+        feature: {
+          // dataView: { readOnly: true },
+          // restore: {},
+          saveAsImage: {}
+        }
+      },
+      visualMap: {
+        text: ["\u9AD8", "\u4F4E"],
+        realtime: false,
+        calculable: true,
+        inRange: {
+          color: ["lightskyblue", "yellow", "orangered"]
+        }
+      }
+    },
+    disabled: (_, groupByInfos) => {
+      const groupByInfosLenght = groupByInfos?.length;
+      const flag = groupByInfos?.some(_ref => {
+        let {
+          colDesc
+        } = _ref;
+        return colDesc.includes("\u7701") || colDesc.includes("\u5E02");
+      });
+      if (flag && groupByInfosLenght > 0) {
+        return false;
+      }
+      return true;
+    }
+  }, {
+    showTypeName: "funnel",
+    label: "\u6F0F\u6597\u56FE",
+    coverImg: "funnel.png",
+    showType: 6,
+    subTypeList: [],
+    baseConfig: {
+      tooltip: {
+        confine: true,
+        trigger: "item",
+        formatter: "{a} <br/>{b} : {c}"
+      },
+      toolbox: {
+        show: false,
+        showTitle: false,
+        feature: {
+          // dataView: { readOnly: true },
+          // restore: {},
+          saveAsImage: {}
+        }
+      },
+      legend: {
+        type: "scroll",
+        top: 20
+      }
+    },
+    disabled: (selectInfos, groupByInfos) => {
+      const groupByInfosLenght = groupByInfos?.length;
+      const selectInfosLength = selectInfos?.length;
+      if (selectInfosLength <= 5 && groupByInfosLenght > 0 && groupByInfosLenght <= 1) {
+        return false;
+      }
+      return true;
+    }
+  },
+  // { label: 'scatter', value: 7 },
+  {
+    showTypeName: "card",
+    label: "\u5361\u7247",
+    coverImg: "card.png",
+    showType: 9,
+    subTypeList: [],
+    baseConfig: {},
+    disabled: (selectInfos, groupByInfos) => {
+      const groupByInfosLenght = groupByInfos?.length;
+      const selectInfosLength = selectInfos?.length;
+      if (selectInfosLength > 0 && groupByInfosLenght <= 1) {
+        return false;
+      }
+      return true;
+    }
+  }, {
+    showTypeName: "radar",
+    label: "\u96F7\u8FBE\u56FE",
+    coverImg: "radar.png",
+    showType: 10,
+    subTypeList: [],
+    baseConfig: {
+      legend: {
+        type: "scroll",
+        orient: "vertical",
+        left: "left",
+        top: "25px"
+      },
+      tooltip: {
+        confine: true,
+        trigger: "item"
+      },
+      toolbox: {
+        show: false,
+        showTitle: false,
+        feature: {
+          // dataView: { readOnly: true },
+          // restore: {},
+          saveAsImage: {}
+        }
+      },
+      radar: {
+        // shape: 'circle',
+        center: ["50%", "55%"]
+      }
+    },
+    disabled: (selectInfos, groupByInfos) => {
+      const groupByInfosLenght = groupByInfos?.length;
+      if (groupByInfosLenght === 1 && selectInfos.length === 1) {
+        return false;
+      }
+      return true;
+    }
+  }, {
+    showTypeName: "scatter-simple",
+    label: "\u6563\u70B9\u56FE",
+    coverImg: "",
+    showType: 11,
+    subTypeList: [],
+    disabled: () => false,
+    baseConfig: {
+      grid: {
+        left: "0",
+        bottom: "10px",
+        containLabel: true
+      },
+      tooltip: {
+        showDelay: 0,
+        axisPointer: {
+          show: true,
+          type: "cross",
+          lineStyle: {
+            type: "dashed",
+            width: 1
+          }
+        }
+      },
+      toolbox: {
+        show: false,
+        showTitle: false,
+        feature: {
+          // dataView: { readOnly: true },
+          // restore: {},
+          saveAsImage: {}
+        }
+      },
+      legend: {
+        type: "scroll",
+        top: "25px"
+      },
+      xAxis: {
+        splitLine: {
+          lineStyle: {
+            type: "dashed"
+          }
+        }
+      },
+      yAxis: {
+        splitLine: {
+          lineStyle: {
+            type: "dashed"
+          }
+        }
+      }
+    }
+  }]
+};
+function setDefaultChartOption(option, changeConfig) {
+  const obj = {};
+  option.forEach(item => {
+    obj[item.showTypeName] = lodashEs.merge(item.baseConfig, changeConfig);
+  });
+  return obj;
+}
+const defaultChartOption = setDefaultChartOption(iconList.data, {
+  backgroundColor: "transparent",
+  title: {
+    textStyle: {
+      fontSize: 14,
+      lineHeight: 16
+    }
+  }
+});
+
+exports.defaultChartOption = defaultChartOption;
+exports.iconList = iconList;
+exports.setDefaultChartOption = setDefaultChartOption;
+//# sourceMappingURL=config.js.map

package/lib/src/data-chart/src/utils/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sources":["../../../../../../../packages/components/src/data-chart/src/utils/config.ts"],"sourcesContent":["import type { GeoJson, IconRow, IGroupByInfos, ISelectInfos } from '../types'\nimport { merge } from 'lodash-es'\n\n/**\n * 禁用功能函数\n * 判断当前图表类型是否被禁用\n * 调用时机：渲染页面\n * @param {object} selectInfos 选择信息\n * @param {object} groupByInfos 分组信息\n * @param {Message[]|Message} data 数据\n * @returns Boolean 布尔值\n */\nexport const iconList: {\n  data: IconRow[]\n  get: (type: keyof IconRow, value: any) => IconRow\n} = {\n  get(type: keyof IconRow = 'showTypeName', value: any = 'table') {\n    return iconList.data.find(item => item[type].toString() === value || item[type] === value)!\n  },\n  data: [\n    {\n      showTypeName: 'table',\n      label: '表格',\n      coverImg: 'table.png',\n      disabled: () => false,\n      subTypeList: [],\n      showType: 0,\n      baseConfig: {},\n    },\n    {\n      showTypeName: 'line',\n      label: '折线图',\n      coverImg: 'line-stack.png',\n      showType: 1,\n      subTypeList: [\n        {\n          value: 'line-simple',\n          icon: 'line-smooth',\n          tooltipContent: '折线图',\n        },\n        {\n          value: 'area-basic',\n          icon: 'chart-line-area',\n          tooltipContent: '折线面积图',\n        },\n      ],\n      baseConfig: {\n        tooltip: {\n          confine: false,\n          trigger: 'axis',\n          axisPointer: {\n            type: 'line',\n          },\n        },\n        toolbox: {\n          show: false,\n          showTitle: false,\n          feature: {\n            // dataView: { readOnly: true },\n            // restore: {},\n            saveAsImage: {},\n          },\n        },\n        legend: {\n          type: 'scroll',\n          top: '25px',\n        },\n        grid: {\n          left: '0',\n          bottom: '10px',\n          containLabel: true,\n        },\n        xAxis: {\n          type: 'category',\n          boundaryGap: false,\n        },\n        yAxis: {\n          type: 'value',\n        },\n        dataZoom: [\n          {\n            type: 'inside',\n          },\n        ],\n      },\n      disabled: (_: ISelectInfos[], groupByInfos: IGroupByInfos[]) => {\n        const groupByInfosLenght = groupByInfos?.length\n        if (groupByInfosLenght >= 1 && groupByInfosLenght < 2) {\n          return false\n        }\n        return true\n      },\n    },\n    {\n      showTypeName: 'bar',\n      label: '柱状图',\n      coverImg: 'bar-tick-align.png',\n      showType: 2,\n      baseConfig: {\n        legend: {\n          type: 'scroll',\n          top: '25px',\n        },\n        tooltip: {\n          confine: false,\n          trigger: 'axis',\n          axisPointer: {\n            type: 'shadow',\n          },\n        },\n        toolbox: {\n          show: false,\n          showTitle: false,\n          feature: {\n            // dataView: { readOnly: true },\n            // restore: {},\n            saveAsImage: {},\n            // myFull: { // 全屏\n            //   show: true,\n            //   title: '全屏',\n            //   icon: 'path://...',\n            // }\n          },\n        },\n        grid: {\n          left: '0',\n          bottom: '20px',\n          containLabel: true,\n        },\n        xAxis: {\n          axisLabel: {\n            showMaxLabel: true,\n          },\n          axisTick: {\n            alignWithLabel: true,\n          },\n        },\n        yAxis: {},\n        dataZoom: [\n          {\n            type: 'inside',\n          },\n        ],\n      },\n      subTypeList: [\n        {\n          value: 'bar-simple',\n          icon: 'bar-simple',\n          tooltipContent: '垂直条形图',\n        },\n        {\n          value: 'bar-y-category',\n          icon: 'bar-y-category',\n          tooltipContent: '水平条形图',\n        },\n      ],\n      disabled: (_: ISelectInfos[], groupByInfos: IGroupByInfos[]) => {\n        const groupByInfosLenght = groupByInfos?.length\n        if (groupByInfosLenght >= 1) {\n          return false\n        }\n        return true\n      },\n    },\n    {\n      showTypeName: 'pie',\n      label: '饼图',\n      coverImg: 'pie-simple.png',\n      showType: 4,\n      subTypeList: [\n        {\n          value: 'pie-simple',\n          icon: 'pie-simple',\n          tooltipContent: '饼图',\n        },\n        {\n          value: 'pie-borderRadius',\n          icon: 'pie-borderRadius',\n          tooltipContent: '环形图',\n        },\n      ],\n      baseConfig: {\n        tooltip: {\n          confine: true,\n          formatter: '{a}<br>{b}: {c}({d}%)',\n          trigger: 'item',\n        },\n        toolbox: {\n          show: false,\n          showTitle: false,\n          feature: {\n            // dataView: { readOnly: true },\n            // restore: {},\n            saveAsImage: {},\n          },\n        },\n        legend: {\n          type: 'scroll',\n          top: '25px',\n        },\n      },\n      disabled: (selectInfos: ISelectInfos[], groupByInfos: IGroupByInfos[]) => {\n        const groupByInfosLenght = groupByInfos?.length\n        const selectInfosLength = selectInfos?.length\n        if (selectInfosLength <= 4 && groupByInfosLenght > 0 && groupByInfosLenght <= 1) {\n          return false\n        }\n        return true\n      },\n    },\n    {\n      showTypeName: 'area',\n      label: '地图',\n      coverImg: 'area.png',\n      showType: 5,\n      subTypeList: [],\n      baseConfig: {\n        tooltip: {\n          confine: true,\n          trigger: 'item',\n        },\n        toolbox: {\n          show: false,\n          showTitle: false,\n          feature: {\n            // dataView: { readOnly: true },\n            // restore: {},\n            saveAsImage: {},\n          },\n        },\n        visualMap: {\n          text: ['高', '低'],\n          realtime: false,\n          calculable: true,\n          inRange: {\n            color: ['lightskyblue', 'yellow', 'orangered'],\n          },\n        },\n      },\n      disabled: (_: ISelectInfos[], groupByInfos: IGroupByInfos[]) => {\n        const groupByInfosLenght = groupByInfos?.length\n        const flag = groupByInfos?.some(({ colDesc }) => (colDesc.includes('省') || colDesc.includes('市')))\n        if (flag && groupByInfosLenght > 0) {\n          return false\n        }\n        return true\n      },\n    },\n    {\n      showTypeName: 'funnel',\n      label: '漏斗图',\n      coverImg: 'funnel.png',\n      showType: 6,\n      subTypeList: [],\n      baseConfig: {\n        tooltip: {\n          confine: true,\n          trigger: 'item',\n          formatter: '{a} <br/>{b} : {c}',\n        },\n        toolbox: {\n          show: false,\n          showTitle: false,\n          feature: {\n            // dataView: { readOnly: true },\n            // restore: {},\n            saveAsImage: {},\n          },\n        },\n        legend: {\n          type: 'scroll',\n          top: 20,\n        },\n      },\n      disabled: (selectInfos: ISelectInfos[], groupByInfos: IGroupByInfos[]) => {\n        const groupByInfosLenght = groupByInfos?.length\n        const selectInfosLength = selectInfos?.length\n        if (selectInfosLength <= 5 && groupByInfosLenght > 0 && groupByInfosLenght <= 1) {\n          return false\n        }\n        return true\n      },\n    },\n\n    // { label: 'scatter', value: 7 },\n    {\n      showTypeName: 'card',\n      label: '卡片',\n      coverImg: 'card.png',\n      showType: 9,\n      subTypeList: [],\n      baseConfig: {},\n      disabled: (selectInfos: ISelectInfos[], groupByInfos: IGroupByInfos[]) => {\n        const groupByInfosLenght = groupByInfos?.length\n        const selectInfosLength = selectInfos?.length\n        if (selectInfosLength > 0 && groupByInfosLenght <= 1) {\n          return false\n        }\n        return true\n      },\n    },\n    {\n      showTypeName: 'radar',\n      label: '雷达图',\n      coverImg: 'radar.png',\n      showType: 10,\n      subTypeList: [],\n      baseConfig: {\n        legend: {\n          type: 'scroll',\n          orient: 'vertical',\n          left: 'left',\n          top: '25px',\n        },\n        tooltip: {\n          confine: true,\n          trigger: 'item',\n        },\n        toolbox: {\n          show: false,\n          showTitle: false,\n          feature: {\n            // dataView: { readOnly: true },\n            // restore: {},\n            saveAsImage: {},\n          },\n        },\n        radar: {\n          // shape: 'circle',\n          center: ['50%', '55%'],\n        },\n      },\n      disabled: (selectInfos: ISelectInfos[], groupByInfos: IGroupByInfos[]) => {\n        const groupByInfosLenght = groupByInfos?.length\n        if (groupByInfosLenght === 1 && selectInfos.length === 1) {\n          return false\n        }\n        return true\n      },\n    },\n    {\n      showTypeName: 'scatter-simple',\n      label: '散点图',\n      coverImg: '',\n      showType: 11,\n      subTypeList: [],\n      disabled: () => false,\n      baseConfig: {\n        grid: {\n          left: '0',\n          bottom: '10px',\n          containLabel: true,\n        },\n        tooltip: {\n          showDelay: 0,\n          axisPointer: {\n            show: true,\n            type: 'cross',\n            lineStyle: {\n              type: 'dashed',\n              width: 1,\n            },\n          },\n        },\n        toolbox: {\n          show: false,\n          showTitle: false,\n          feature: {\n            // dataView: { readOnly: true },\n            // restore: {},\n            saveAsImage: {},\n          },\n        },\n        legend: {\n          type: 'scroll',\n          top: '25px',\n        },\n        xAxis: {\n          splitLine: {\n            lineStyle: {\n              type: 'dashed',\n            },\n          },\n        },\n        yAxis: {\n          splitLine: {\n            lineStyle: {\n              type: 'dashed',\n            },\n          },\n        },\n      },\n    },\n  ],\n}\n\nexport function showTypeText(showType = 0): IconRow {\n  const row = iconList.get('showType', showType)\n  return row\n}\n\n// 修改默认配置\nexport function setDefaultChartOption(option: IconRow[], changeConfig: any) {\n  const obj: {\n    [key in IconRow['showTypeName']]: any\n  } = {} as { [key in IconRow['showTypeName']]: any }\n  option.forEach((item) => {\n    obj[item.showTypeName] = merge(item.baseConfig, changeConfig)\n  })\n  return obj\n}\nexport const defaultChartOption = setDefaultChartOption(iconList.data, {\n  backgroundColor: 'transparent',\n  title: {\n    textStyle: {\n      fontSize: 14,\n      lineHeight: 16,\n    },\n  },\n})\n// 获取地图数据（GeoJson)\nexport function getGeoJsonData(options: any): Promise<GeoJson> {\n  return new Promise((resolve) => {\n    const opt = {\n      showbiz: false,\n      extensions: 'all',\n      ...options,\n    }\n\n    import('@amap/amap-jsapi-loader')\n      .then(({ default: AMapLoader }) => AMapLoader.load({\n        key: '2e820fac2a528b016a4cb95bb463e69e',\n        version: '1.4.15',\n        plugins: ['AMap.DistrictSearch'],\n        AMapUI: {\n          version: '1.1',\n          plugins: ['geo/DistrictExplorer'],\n        },\n      }))\n      .then((AMap) => {\n        const district = new AMap.DistrictSearch(opt)\n        // 行政区查询\n        district.search(options.adcode, (_: any, result: any) => {\n          // eslint-disable-next-line\n          // @ts-expect-error\n          AMapUI.loadUI(['geo/DistrictExplorer'], (DistrictExplorer: any) => {\n            // 创建一个实例\n            const districtExplorer = new DistrictExplorer()\n            districtExplorer.loadAreaNode(result.districtList[0].adcode, (error: any, areaNode: any) => {\n              if (error) {\n                console.error(error)\n                return\n              }\n              const mapJson: GeoJson = {\n                features: [],\n                type: 'FeatureCollection',\n              }\n              // geoJson必须这种格式\n              mapJson.features = areaNode.getSubFeatures()\n              resolve(mapJson)\n            })\n          })\n        })\n      })\n      .catch((error) => {\n        console.error('Failed to load map:', error)\n        resolve({\n          features: [],\n          type: 'FeatureCollection',\n        })\n      })\n  })\n}\n"],"names":["iconList","get","data","showTypeName","label","coverImg","disabled","subTypeList","showType","baseConfig","value","icon","tooltipContent","tooltip","confine","trigger","axisPointer","type","toolbox","show","showTitle","feature","saveAsImage","legend","top","grid","left","bottom","containLabel","xAxis","boundaryGap","yAxis","dataZoom","_","groupByInfos","groupByInfosLenght","length","axisLabel","showMaxLabel","axisTick","alignWithLabel","formatter","selectInfos","selectInfosLength","visualMap","text","realtime","calculable","inRange","color","flag","some","_ref","colDesc","includes","orient","radar","center","showDelay","lineStyle","width","splitLine","setDefaultChartOption","option","changeConfig","obj","forEach","item","merge","defaultChartOption","backgroundColor","title","textStyle","fontSize","lineHeight"],"mappings":"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"}

package/lib/src/data-chart/src/utils/injectionKeys.js

@@ -0,0 +1,6 @@
+'use strict';
+
+const InjectionChartMerge = Symbol("merge");
+
+exports.InjectionChartMerge = InjectionChartMerge;
+//# sourceMappingURL=injectionKeys.js.map

package/lib/src/data-chart/src/utils/injectionKeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectionKeys.js","sources":["../../../../../../../packages/components/src/data-chart/src/utils/injectionKeys.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\n\nexport const InjectionChartMerge: InjectionKey<(target: any, source: any) => any> = Symbol('merge')\n"],"names":["InjectionChartMerge","Symbol"],"mappings":";;MAEaA,mBAAA,GAAuEC,OAAO,OAAO;;;;"}

package/lib/src/data-chart/src/utils/useCharts.js

@@ -0,0 +1,25 @@
+'use strict';
+
+require('@vueuse/core');
+require('echarts');
+require('vue');
+
+function useDataToExcelJson(dataSource) {
+  const {
+    desc: {
+      colDesc = [],
+      groupByDesc = []
+    } = {},
+    data = []
+  } = dataSource;
+  const header = [...groupByDesc.map(item => item.colDesc), ...colDesc].filter(v => v);
+  const json = data.map(item => {
+    return header.map(headerItem => {
+      return item[headerItem] || "";
+    });
+  });
+  return [header, ...json];
+}
+
+exports.useDataToExcelJson = useDataToExcelJson;
+//# sourceMappingURL=useCharts.js.map

package/lib/src/data-chart/src/utils/useCharts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCharts.js","sources":["../../../../../../../packages/components/src/data-chart/src/utils/useCharts.ts"],"sourcesContent":["import type { ECharts, SetOptionOpts } from 'echarts'\nimport type { ComputedRef, Ref } from 'vue'\nimport type { EChartData, EChartsOption, IFormatPublicData } from '../types'\nimport { useElementSize, useMouseInElement, watchDebounced } from '@vueuse/core'\nimport * as echarts from 'echarts'\nimport { onMounted, onUnmounted, ref } from 'vue'\n\n// 使用别名路径导入 SVG\nimport emptyImg from '../components/empty.svg'\n\nexport function useCharts({ chartDOM, chartData, chartOptions, mountedBefore, initAfter, callback }: {\n  chartDOM: Ref<HTMLElement | null>\n  chartData: ComputedRef<IFormatPublicData>\n  chartOptions: ComputedRef<EChartsOption>\n  mountedBefore?: () => void\n  initAfter?: () => void\n  callback?: (e: ECharts) => void\n}) {\n  let myChart: ECharts | null = null\n  const initChartSuccess = ref(false)\n\n  // 获取设备像素比\n  const dpr = window.devicePixelRatio || 1\n\n  function disposeChart() {\n    if (myChart && !myChart.isDisposed()) {\n      myChart.dispose()\n      myChart = null\n    }\n  }\n\n  function initChart(...opt: [EChartsOption, SetOptionOpts]) {\n    if (!myChart || !initChartSuccess.value || !chartDOM.value) {\n      return\n    }\n\n    myChart.showLoading()\n    try {\n      if (myChart.isDisposed()) {\n        // 如果实例已被销毁，重新创建\n        myChart = echarts.init(chartDOM.value, null, {\n          devicePixelRatio: dpr,\n          renderer: 'svg',\n        })\n      }\n      myChart.setOption(...opt)\n    }\n    catch (error) {\n      console.log('error: ', error)\n      disposeChart()\n      if (chartDOM.value) {\n        myChart = echarts.init(chartDOM.value, null, {\n          devicePixelRatio: dpr,\n          renderer: 'svg',\n        })\n        setEmpty('配置项错误')\n      }\n    }\n    finally {\n      myChart?.hideLoading()\n    }\n  }\n\n  const { isOutside: mouseInChart } = useMouseInElement(chartDOM)\n  watchDebounced(mouseInChart, (newVal) => {\n    if (typeof newVal !== 'boolean') {\n      return\n    }\n    toggleToolbox(!newVal)\n  }, { debounce: 200 })\n\n  function setEmpty(subtext = '暂无数据') {\n    const obj: EChartsOption = {\n      title: [{\n        text: chartData.value?.modelName,\n        ...chartOptions.value.title,\n      }, {\n        subtext,\n        top: 'center',\n        left: 'center',\n        text: ' {a|}',\n        itemGap: -20,\n        textStyle: {\n          align: 'center',\n          rich: {\n            a: {\n              color: '#000',\n              fontSize: '16',\n              height: 80,\n              width: 160,\n              backgroundColor: {\n                image: emptyImg,\n              },\n            },\n          },\n        },\n        subtextStyle: {\n          fontSize: 16,\n        },\n      }],\n    }\n    initChart(obj, {\n      notMerge: true,\n      replaceMerge: ['xAxis', 'yAxis', 'series'],\n      lazyUpdate: false,\n    })\n  }\n\n  function toggleToolbox(show: boolean) {\n    if (!myChart?.isDisposed()) {\n      myChart?.setOption({\n        toolbox: {\n          show,\n        },\n      })\n    }\n  }\n\n  onMounted(async () => {\n    if (mountedBefore) {\n      await mountedBefore()\n    }\n    if (!chartDOM.value) {\n      return\n    }\n    disposeChart() // 确保旧实例被清理\n    myChart = echarts.init(chartDOM.value, null, {\n      devicePixelRatio: dpr,\n      renderer: 'svg',\n    })\n    if (callback) {\n      callback(myChart)\n    }\n    if (initAfter) {\n      await initAfter()\n    }\n\n    useResize(myChart, chartDOM)\n\n    initChartSuccess.value = true\n\n    if (chartData.value?.data?.length) {\n      initChart(chartOptions.value, {})\n    }\n    else {\n      setEmpty()\n    }\n  })\n\n  onUnmounted(() => {\n    if (myChart) {\n      myChart.getZr()?.off('mousemove')\n      myChart.getZr()?.off('mouseout')\n      disposeChart()\n    }\n  })\n\n  return {\n    myChart,\n  }\n}\n\nexport function useResize(myChart: ECharts, chartDOM: Ref<HTMLElement | null>) {\n  const { width, height } = useElementSize(chartDOM)\n  watchDebounced([width, height], () => {\n    if (myChart) {\n      myChart.resize()\n    }\n  })\n}\n\nexport function useDataToExcelJson(dataSource: EChartData) {\n  const { desc: { colDesc = [], groupByDesc = [] } = {}, data = [] } = dataSource\n  const header = [...groupByDesc.map(item => item.colDesc), ...colDesc].filter(v => v) as string[]\n  const json = data.map((item) => {\n    return header.map((headerItem) => {\n      return item[headerItem as keyof typeof item] || ''\n    })\n  })\n  return [header, ...json]\n}\n"],"names":["useDataToExcelJson","dataSource","desc","colDesc","groupByDesc","data","header","map","item","filter","v","json","headerItem"],"mappings":";;;;;;AA2KO,SAASA,mBAAmBC,UAAwB,EAAA;EACzD,MAAM;AAAEC,IAAAA,IAAA,EAAM;AAAEC,MAAAA,OAAA,GAAU,EAAI;AAAAC,MAAAA,WAAA,GAAc;QAAO,EAAC;AAAGC,IAAAA,IAAO,GAAA;AAAG,GAAI,GAAAJ,UAAA;EACrE,MAAMK,MAAS,GAAA,CAAC,GAAGF,WAAA,CAAYG,IAAYC,IAAA,IAAAA,IAAA,CAAKL,OAAO,CAAA,EAAG,GAAGA,OAAO,CAAE,CAAAM,MAAA,MAAYC,CAAC,CAAA;AACnF,EAAA,MAAMC,IAAO,GAAAN,IAAA,CAAKE,GAAI,CAACC,IAAS,IAAA;AACvB,IAAA,OAAAF,MAAA,CAAOC,GAAI,CAACK,UAAe,IAAA;AACzB,MAAA,OAAAJ,IAAA,CAAKI,UAA+B,CAAK,IAAA,EAAA;AAClD,KAAC,CAAA;AACH,GAAC,CAAA;AACM,EAAA,OAAA,CAACN,MAAQ,EAAA,GAAGK,IAAI,CAAA;AACzB;;;;"}