@qxs-bns/components 0.0.50 → 0.0.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/es/index.css +82 -0
  2. package/es/index.mjs +1 -1
  3. package/es/index.mjs.map +1 -1
  4. package/es/package.json.mjs +1 -1
  5. package/es/src/components.mjs +1 -1
  6. package/es/src/data-chart/index.mjs +1 -1
  7. package/es/src/data-chart/index.mjs.map +1 -1
  8. package/es/src/data-chart/src/analyze.mjs +1 -1
  9. package/es/src/data-chart/src/analyze.mjs.map +1 -1
  10. package/es/src/data-chart/src/components/area.vue.mjs +1 -1
  11. package/es/src/data-chart/src/components/bar.vue.mjs +1 -1
  12. package/es/src/data-chart/src/components/bar.vue.mjs.map +1 -1
  13. package/es/src/data-chart/src/components/card.vue.mjs +1 -1
  14. package/es/src/data-chart/src/components/line.vue.mjs +1 -1
  15. package/es/src/data-chart/src/data-chart.vue.mjs +1 -1
  16. package/es/src/data-chart/src/data-chart.vue.mjs.map +1 -1
  17. package/es/src/data-chart/src/utils/types.mjs +2 -0
  18. package/es/src/data-chart/src/utils/types.mjs.map +1 -0
  19. package/lib/index.cjs +1 -1
  20. package/lib/index.cjs.map +1 -1
  21. package/lib/index.css +82 -0
  22. package/lib/package.json.cjs +1 -1
  23. package/lib/src/components.cjs +1 -1
  24. package/lib/src/data-chart/index.cjs +1 -1
  25. package/lib/src/data-chart/index.cjs.map +1 -1
  26. package/lib/src/data-chart/src/analyze.cjs +1 -1
  27. package/lib/src/data-chart/src/analyze.cjs.map +1 -1
  28. package/lib/src/data-chart/src/components/area.vue.cjs +1 -1
  29. package/lib/src/data-chart/src/components/bar.vue.cjs +1 -1
  30. package/lib/src/data-chart/src/components/bar.vue.cjs.map +1 -1
  31. package/lib/src/data-chart/src/components/card.vue.cjs +1 -1
  32. package/lib/src/data-chart/src/components/line.vue.cjs +1 -1
  33. package/lib/src/data-chart/src/data-chart.vue.cjs +1 -1
  34. package/lib/src/data-chart/src/data-chart.vue.cjs.map +1 -1
  35. package/lib/src/data-chart/src/utils/types.cjs +2 -0
  36. package/lib/src/data-chart/src/utils/types.cjs.map +1 -0
  37. package/package.json +7 -5
  38. package/types/src/data-chart/index.d.ts +9 -7
  39. package/types/src/data-chart/index.d.ts.map +1 -1
  40. package/types/src/data-chart/src/components/bar.vue.d.ts.map +1 -1
  41. package/types/src/data-chart/src/data-chart.vue.d.ts +9 -2
  42. package/types/src/data-chart/src/data-chart.vue.d.ts.map +1 -1
  43. package/types/tsconfig.tsbuildinfo +1 -1
  44. package/es/node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs +0 -2
  45. package/es/node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs.map +0 -1
  46. package/es/src/data-chart/src/components/area.vue3.mjs +0 -2
  47. package/es/src/data-chart/src/components/area.vue3.mjs.map +0 -1
  48. package/es/src/data-chart/src/components/card.vue3.mjs +0 -2
  49. package/es/src/data-chart/src/components/card.vue3.mjs.map +0 -1
  50. package/es/src/data-chart/src/components/line.vue3.mjs +0 -2
  51. package/es/src/data-chart/src/components/line.vue3.mjs.map +0 -1
  52. package/lib/node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.cjs +0 -2
  53. package/lib/node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.cjs.map +0 -1
  54. package/lib/src/data-chart/src/components/area.vue3.cjs +0 -2
  55. package/lib/src/data-chart/src/components/area.vue3.cjs.map +0 -1
  56. package/lib/src/data-chart/src/components/card.vue3.cjs +0 -2
  57. package/lib/src/data-chart/src/components/card.vue3.cjs.map +0 -1
  58. package/lib/src/data-chart/src/components/line.vue3.cjs +0 -2
  59. package/lib/src/data-chart/src/components/line.vue3.cjs.map +0 -1
package/lib/src/data-chart/src/analyze.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"analyze.cjs","sources":["../../../../../../packages/components/src/data-chart/src/analyze.ts"],"sourcesContent":["import type { EChartData } from './utils/types'\n\n// 根据路径获取对象的值\nexport function getObjectValue(obj: any, pathArr: string[]) {\n return pathArr.reduce((acc, key) => (acc ? acc[key] : undefined), obj)\n}\n\n// 谁 是什么 的分析\ninterface IHandlerFunction {\n handler?: ({ sourceData, dealJson }: { sourceData: EChartData['data'], dealJson: any }) => string | number\n dealOptSchema?: {\n label: string\n cascaderProps: {\n value: string\n label: string\n }\n select: any[]\n interactionType?: 'select' | 'input'\n }[]\n}\nexport interface IkeysMap {\n [key: string]: IHandlerFunction | IkeysMap\n}\nexport const keysMap: IkeysMap = {\n 描述性分析: {\n 平均值: {\n handler: ({ sourceData, dealJson }) => {\n const { dealKey } = dealJson\n const sortedData = sourceData.sort((a, b) => Number(b[dealKey]) - Number(a[dealKey]))\n const average = (sortedData.reduce((a, b) => a + Number(b[dealKey]), 0) / sortedData.length).toFixed(2)\n return average || ''\n },\n },\n 中位数: {\n dealOptSchema: [{\n label: '目标值类型',\n cascaderProps: { value: 'label', label: 'label' },\n select: [{\n label: '值',\n }, {\n label: '名字',\n }],\n interactionType: 'select',\n }],\n handler: ({ sourceData, dealJson }) => {\n const { dealKey, source, dealOpt } = dealJson\n const targetKeyPath = dealOpt['目标值类型']?.keyPath\n const sortedData = sourceData.sort((a, b) => Number(b[dealKey]) - Number(a[dealKey]))\n return sortedData[Math.floor(sortedData.length / 2)][targetKeyPath === '值' ? dealKey : targetKeyPath === '名字' ? source : ''] || ''\n },\n },\n 排序: {\n dealOptSchema: [\n {\n label: '排序方式',\n cascaderProps: { value: 'label', label: 'label' },\n select: [{\n label: '默认',\n children: [{\n label: '第几名',\n valueVerify: {\n type: 'number',\n default: 1,\n },\n }, {\n label: '范围',\n valueVerify: {\n type: 'number[]',\n default: [1, 2],\n },\n }],\n }, {\n label: '升序',\n children: [{\n label: '第几名',\n valueVerify: {\n type: 'number',\n default: 1,\n },\n }, {\n label: '范围',\n valueVerify: {\n type: 'number[]',\n default: [1, 2],\n },\n }],\n }, {\n label: '降序',\n children: [{\n label: '第几名',\n valueVerify: {\n type: 'number',\n default: 1,\n },\n }, {\n label: '范围',\n valueVerify: {\n type: 'number[]',\n default: [1, 2],\n },\n }],\n }],\n interactionType: 'input',\n }, {\n label: '目标值类型',\n cascaderProps: { value: 'label', label: 'label' },\n select: [{\n label: '值',\n }, {\n label: '占比',\n }, {\n label: '名字',\n }],\n interactionType: 'select',\n },\n ],\n handler: ({ sourceData, dealJson }) => {\n const { dealKey, source, dealOpt } = dealJson\n\n let formatStr: number | string = ''\n const targetKeyPath = dealOpt['目标值类型'].keyPath\n // 根据value排序，target为第几名\n let sortedData = []\n if (dealOpt['排序方式'].keyPath.includes('默认')) {\n sortedData = sourceData\n }\n else {\n sortedData = sourceData.sort((a, b) => {\n if (dealOpt['排序方式'].keyPath.includes('升序')) {\n return Number(a[dealKey]) - Number(b[dealKey])\n }\n else if (dealOpt['排序方式'].keyPath.includes('降序')) {\n return Number(b[dealKey]) - Number(a[dealKey])\n }\n return 0\n })\n }\n\n if (dealOpt['排序方式'].keyPath.includes('第几名')) {\n const target = sortedData[dealOpt['排序方式'].value - 1] || {}\n // 处理目标值key\n const formatStrKey = targetKeyPath === '值' ? dealKey : targetKeyPath === '名字' ? source : targetKeyPath === '占比' ? dealKey : ''\n\n // 处理目标值\n if (dealOpt['目标值类型'].keyPath.includes('占比')) {\n const sum = sortedData.reduce((a, b) => a + Number(b[formatStrKey]), 0)\n formatStr = target[formatStrKey] ? `${(Number(target[formatStrKey]) / sum * 100).toFixed(2)}%` : ''\n }\n else {\n formatStr = target[formatStrKey] || ''\n }\n // formatStr = target[targetKeyPath === '值' ? dealKey : targetKeyPath === '名字' ? source : '']\n }\n else if (dealOpt['排序方式'].keyPath.includes('范围')) {\n const target = sortedData.slice(dealOpt['排序方式'].value[0] - 1, dealOpt['排序方式'].value[1])\n formatStr = target.map(item => item[targetKeyPath === '值' ? dealKey : targetKeyPath === '名字' ? source : '']).join('、').replace(/、([^、]+)$/, '和$1')\n }\n\n return formatStr || ''\n },\n },\n },\n 趋势分析: {\n 整体趋势: {\n handler: ({ sourceData, dealJson }) => {\n const data = sourceData.map(item => item[dealJson.dealKey])\n const length = data.length\n\n // 计算线性回归\n let sumX = 0\n let sumY = 0\n let sumXY = 0\n let sumX2 = 0\n\n for (let i = 0; i < length; i++) {\n sumX += i\n sumY += Number(data[i])\n sumXY += i * Number(data[i])\n sumX2 += i * i\n }\n\n const slope = (length * sumXY - sumX * sumY) / (length * sumX2 - sumX * sumX)\n\n // 判断趋势类型\n if (slope > 0) {\n return '增长'\n }\n else if (slope < 0) {\n return '下降'\n }\n else {\n return '平稳'\n }\n },\n },\n // '分段趋势': ({ sourceData, dealJson }) => {\n // // 分析数据的趋势分段分析，分为上升、下降、平稳， 例如：某一段时间内，数据整体上升，但是在某一段时间内，数据下降，这段时间内的数据就是分段趋势\n // const { dealKey, source } = dealJson\n // const sortedData = sourceData.sort((a, b) => b[dealKey] - a[dealKey])\n // const trend = []\n // for (let i = 0; i < sortedData.length - 1; i++) {\n // const firstValue = sortedData[i][source]\n // const lastValue = sortedData[i + 1][source]\n // const changePercentage = ((lastValue - firstValue) / firstValue * 100).toFixed(2)\n // if (changePercentage > 0) {\n // trend.push('上升')\n // } else if (changePercentage < 0) {\n // trend.push('下降')\n // } else {\n // trend.push('平稳')\n // }\n // }\n // const trendMap = {\n // '上升': 0,\n // '下降': 0,\n // '平稳': 0\n // }\n // trend.forEach(item => {\n // trendMap[item]++\n // })\n // const trendArr = Object.entries(trendMap).sort((a, b) => b[1] - a[1])\n // return `数据分段趋势为${trendArr[0][0]}。`\n // }\n },\n // '比例分析': {\n // '占比': ({ sourceData, dealJson }) => {\n // const { dealKey } = dealJson\n // const sortedData = sourceData.sort((a, b) => b[dealKey] - a[dealKey])\n // const sum = sortedData.reduce((a, b) => a + b[dealKey], 0)\n // const percentage = (sortedData[0][dealKey] / sum * 100).toFixed(2)\n // return `${percentage}%。`\n // }\n // '环比占比': {\n // handler: chartOptions => {\n // const data = chartOptions.series[0].data\n // const sum = data.reduce((a, b) => a + b)\n // const percentage = (data[0] / sum * 100).toFixed(2)\n // return `数据环比占比为${percentage}%。`\n // }\n // },\n // '同比占比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const sum = data.reduce((a, b) => a + b)\n // const percentage = (data[0] / sum * 100).toFixed(2)\n // return `数据同比占比为${percentage}%。`\n // }\n // }\n // '对比分析': {\n // '分组对比': {\n // dealOptSchema: [\n // {\n // label: '排序方式',\n // cascaderProps: { value: 'label', label: 'label' },\n // select: [{\n // label: '默认',\n // children: [{\n // label: '第几名',\n // valueVerify: {\n // type: 'number',\n // default: 1\n // }\n // }, {\n // label: '范围',\n // valueVerify: {\n // type: 'number[]',\n // default: [1, 2]\n // }\n // }]\n // }, {\n // label: '升序',\n // children: [{\n // label: '第几名',\n // valueVerify: {\n // type: 'number',\n // default: 1\n // }\n // }, {\n // label: '范围',\n // valueVerify: {\n // type: 'number[]',\n // default: [1, 2]\n // }\n // }]\n // }, {\n // label: '降序',\n // children: [{\n // label: '第几名',\n // valueVerify: {\n // type: 'number',\n // default: 1\n // }\n // }, {\n // label: '范围',\n // valueVerify: {\n // type: 'number[]',\n // default: [1, 2]\n // }\n // }]\n // }],\n // interactionType: 'input'\n // }, {\n // label: '目标值类型',\n // cascaderProps: { value: 'label', label: 'label' },\n // select: [{\n // label: '值'\n // }, {\n // label: '名字'\n // }],\n // interactionType: 'select'\n // }\n // ],\n // handler({sourceData, dealJson}) {\n // console.log('sourceData, dealJson: ', sourceData, dealJson)\n\n // }\n // },\n // '环比对比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const firstValue = data[0]\n // const lastValue = data[data.length - 1]\n // const trend = lastValue > firstValue ? '上升' : '下降'\n // const changePercentage = ((lastValue - firstValue) / firstValue * 100).toFixed(2)\n // return `数据环比${trend}，变化率为${changePercentage}%。`\n // },\n // '同比对比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const firstValue = data[0]\n // const lastValue = data[data.length - 1]\n // const trend = lastValue > firstValue ? '上升' : '下降'\n // const changePercentage = ((lastValue - firstValue) / firstValue * 100).toFixed(2)\n // return `数据同比${trend}，变化率为${changePercentage}%。`\n // },\n // '最大值对比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const max = Math.max(...data)\n // return `数据最大值为${max}。`\n // },\n // '最小值对比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const min = Math.min(...data)\n // return `数据最小值为${min}。`\n // },\n // '平均值对比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const average = (data.reduce((a, b) => a + b) / data.length).toFixed(2)\n // return `数据平均值为${average}。`\n // },\n // '中位数对比': ({sourceData, dealJson}) => {\n // const { dealKey, source } = dealJson\n // const sortedData = sourceData.sort((a, b) => b[dealKey] - a[dealKey])\n // return sortedData[Math.floor(sortedData.length / 2)][source]\n // },\n // '众数对比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const mode = data.sort((a, b) =>\n // data.filter(v => v === a).length - data.filter(v => v === b).length\n // ).pop()\n // return `数据众数为${mode}。`\n // },\n // '标准差对比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const average = (data.reduce((a, b) => a + b) / data.length).toFixed(2)\n // const standardDeviation = Math.sqrt(data.reduce((a, b) => a + (b - average) ** 2) / data.length).toFixed(2)\n // return `数据标准差为${standardDeviation}。`\n // },\n // '方差对比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const average = (data.reduce((a, b) => a + b) / data.length).toFixed(2)\n // const variance = data.reduce((a, b) => a + (b - average) ** 2) / data.length\n // return `数据方差为${variance}。`\n // },\n // '偏度对比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const average = (data.reduce((a, b) => a + b) / data.length).toFixed(2)\n // const standardDeviation = Math.sqrt(data.reduce((a, b) => a + (b - average) ** 2) / data.length).toFixed(2)\n // const skewness = data.reduce((a, b) => a + ((b - average) / standardDeviation) ** 3) / data.length\n // return `数据偏度为${skewness}。`\n // },\n // '峰度对比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const average = (data.reduce((a, b) => a + b) / data.length).toFixed(2)\n // const standardDeviation = Math.sqrt(data.reduce((a, b) => a + (b - average) ** 2) / data.length).toFixed(2)\n // const kurtosis = data.reduce((a, b) => a + ((b - average) / standardDeviation) ** 4) / data.length\n // return `数据峰度为${kurtosis}。`\n // },\n // '波动率对比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const average = (data.reduce((a, b) => a + b) / data.length).toFixed(2)\n // const standardDeviation = Math.sqrt(data.reduce((a, b) => a + (b - average) ** 2) / data.length).toFixed(2)\n // const volatility = (standardDeviation / average * 100).toFixed(2)\n // return `数据波动率为${volatility}%。`\n // },\n // '变异系数对比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const average = (data.reduce((a, b) => a + b) / data.length).toFixed(2)\n\n // const standardDeviation = Math.sqrt(data.reduce((a, b) => a + (b - average) ** 2) / data.length).toFixed(2)\n\n // const coefficientOfVariation = (standardDeviation / average * 100).toFixed(2)\n // return `数据变异系数为${coefficientOfVariation}%。`\n // },\n // '数据分布对比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const average = (data.reduce((a, b) => a + b) / data.length).toFixed(2)\n\n // const standardDeviation = Math.sqrt(data.reduce((a, b) => a + (b - average) ** 2) / data.length).toFixed(2)\n\n // const coefficientOfVariation = (standardDeviation / average * 100).toFixed(2)\n\n // const mode = data.sort((a, b) =>\n // data.filter(v => v === a).length - data.filter(v => v === b).length\n // ).pop()\n\n // const median = data[Math.floor(data.length / 2)]\n\n // const max = Math.max(...data)\n\n // const min = Math.min(...data)\n // return `数据平均值为${average}，标准差为${standardDeviation}，变异系数为${coefficientOfVariation}%，众数为${mode}，中位数为${median}，最大值为${max}，最小值为${min}。`\n // }\n // },\n // '相关分析': {\n // handler: ({sourceData, dealJson}) => {\n // console.log('sourceData, dealJson: ', sourceData, dealJson)\n\n // function calculatePearsonCorrelation(dataX, dataY) {\n // if (dataX.length !== dataY.length) {\n // throw new Error('数据长度不一致，无法计算皮尔逊相关系数。')\n // }\n\n // const n = dataX.length\n\n // // 计算平均值\n // const meanX = dataX.reduce((sum, value) => sum + value, 0) / n\n // const meanY = dataY.reduce((sum, value) => sum + value, 0) / n\n\n // // 计算 xi - x̄ 和 yi - ȳ 的数组\n // const diffX = dataX.map(x => x - meanX)\n // const diffY = dataY.map(y => y - meanY)\n\n // // 计算 xi - x̄ 和 yi - ȳ 的平方和\n // const sumDiffX = diffX.reduce((sum, value) => sum + value ** 2, 0)\n // const sumDiffY = diffY.reduce((sum, value) => sum + value ** 2, 0)\n\n // // 计算 xi - x̄ 和 yi - ȳ 的乘积和\n // const sumDiffXY = diffX.reduce((sum, value, index) => sum + value * diffY[index], 0)\n\n // // 计算皮尔逊相关系数\n // const correlation = sumDiffXY / Math.sqrt(sumDiffX * sumDiffY)\n\n // return correlation\n // }\n // function determineCorrelation(dataX, dataY) {\n // const correlation = calculatePearsonCorrelation(dataX, dataY)\n\n // if (correlation > 0.7) {\n // return '强正相关'\n // } else if (correlation > 0.3) {\n // return '较弱正相关'\n // } else if (correlation > -0.3) {\n // return '无线性相关性'\n // } else if (correlation > -0.7) {\n // return '较弱负相关'\n // } else {\n // return '强负相关'\n // }\n // }\n // let dataX = []\n // let dataY = []\n // const correlation = determineCorrelation(dataX, dataY)\n // console.log('两个变量之间的关系：', correlation)\n // return correlation\n // }\n // }\n // '假设探索性分析': {},\n // '机器学习和数据挖掘': {}\n}\n"],"names":["keysMap","描述性分析","平均值","handler","_ref","sourceData","dealJson","dealKey","sortedData","sort","a","b","Number","reduce","length","toFixed","中位数","dealOptSchema","label","cascaderProps","value","select","interactionType","_ref2","source","dealOpt","targetKeyPath","keyPath","Math","floor","排序","children","valueVerify","type","default","_ref3","formatStr","includes","target","formatStrKey","sum","slice","map","item","join","replace","趋势分析","整体趋势","_ref4","data","sumX","sumY","sumXY","sumX2","i","slope","obj","pathArr","acc","key"],"mappings":"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"}
1
+ {"version":3,"file":"analyze.cjs","sources":["../../../../../../packages/components/src/data-chart/src/analyze.ts"],"sourcesContent":["import type { EChartData } from './utils/types'\n\n// 根据路径获取对象的值\nexport function getObjectValue(obj: any, pathArr: string[]) {\n return pathArr?.reduce((acc, key) => (acc ? acc[key] : undefined), obj)\n}\n\n// 谁 是什么 的分析\ninterface IHandlerFunction {\n handler?: ({ sourceData, dealJson }: { sourceData: EChartData['data'], dealJson: any }) => string | number\n dealOptSchema?: {\n label: string\n cascaderProps: {\n value: string\n label: string\n }\n select: any[]\n interactionType?: 'select' | 'input'\n }[]\n}\nexport interface IkeysMap {\n [key: string]: IHandlerFunction | IkeysMap\n}\nexport const keysMap: IkeysMap = {\n 描述性分析: {\n 平均值: {\n handler: ({ sourceData, dealJson }) => {\n const { dealKey } = dealJson\n const sortedData = sourceData.sort((a, b) => Number(b[dealKey]) - Number(a[dealKey]))\n const average = (sortedData.reduce((a, b) => a + Number(b[dealKey]), 0) / sortedData.length).toFixed(2)\n return average || ''\n },\n },\n 中位数: {\n dealOptSchema: [{\n label: '目标值类型',\n cascaderProps: { value: 'label', label: 'label' },\n select: [{\n label: '值',\n }, {\n label: '名字',\n }],\n interactionType: 'select',\n }],\n handler: ({ sourceData, dealJson }) => {\n const { dealKey, source, dealOpt } = dealJson\n const targetKeyPath = dealOpt['目标值类型']?.keyPath\n const sortedData = sourceData.sort((a, b) => Number(b[dealKey]) - Number(a[dealKey]))\n return sortedData[Math.floor(sortedData.length / 2)][targetKeyPath === '值' ? dealKey : targetKeyPath === '名字' ? source : ''] || ''\n },\n },\n 排序: {\n dealOptSchema: [\n {\n label: '排序方式',\n cascaderProps: { value: 'label', label: 'label' },\n select: [{\n label: '默认',\n children: [{\n label: '第几名',\n valueVerify: {\n type: 'number',\n default: 1,\n },\n }, {\n label: '范围',\n valueVerify: {\n type: 'number[]',\n default: [1, 2],\n },\n }],\n }, {\n label: '升序',\n children: [{\n label: '第几名',\n valueVerify: {\n type: 'number',\n default: 1,\n },\n }, {\n label: '范围',\n valueVerify: {\n type: 'number[]',\n default: [1, 2],\n },\n }],\n }, {\n label: '降序',\n children: [{\n label: '第几名',\n valueVerify: {\n type: 'number',\n default: 1,\n },\n }, {\n label: '范围',\n valueVerify: {\n type: 'number[]',\n default: [1, 2],\n },\n }],\n }],\n interactionType: 'input',\n }, {\n label: '目标值类型',\n cascaderProps: { value: 'label', label: 'label' },\n select: [{\n label: '值',\n }, {\n label: '占比',\n }, {\n label: '名字',\n }],\n interactionType: 'select',\n },\n ],\n handler: ({ sourceData, dealJson }) => {\n const { dealKey, source, dealOpt } = dealJson\n\n let formatStr: number | string = ''\n const targetKeyPath = dealOpt['目标值类型'].keyPath\n // 根据value排序，target为第几名\n let sortedData = []\n if (dealOpt['排序方式'].keyPath.includes('默认')) {\n sortedData = sourceData\n }\n else {\n sortedData = sourceData.sort((a, b) => {\n if (dealOpt['排序方式'].keyPath.includes('升序')) {\n return Number(a[dealKey]) - Number(b[dealKey])\n }\n else if (dealOpt['排序方式'].keyPath.includes('降序')) {\n return Number(b[dealKey]) - Number(a[dealKey])\n }\n return 0\n })\n }\n\n if (dealOpt['排序方式'].keyPath.includes('第几名')) {\n const target = sortedData[dealOpt['排序方式'].value - 1] || {}\n // 处理目标值key\n const formatStrKey = targetKeyPath === '值' ? dealKey : targetKeyPath === '名字' ? source : targetKeyPath === '占比' ? dealKey : ''\n\n // 处理目标值\n if (dealOpt['目标值类型'].keyPath.includes('占比')) {\n const sum = sortedData.reduce((a, b) => a + Number(b[formatStrKey]), 0)\n formatStr = target[formatStrKey] ? `${(Number(target[formatStrKey]) / sum * 100).toFixed(2)}%` : ''\n }\n else {\n formatStr = target[formatStrKey] || ''\n }\n // formatStr = target[targetKeyPath === '值' ? dealKey : targetKeyPath === '名字' ? source : '']\n }\n else if (dealOpt['排序方式'].keyPath.includes('范围')) {\n const target = sortedData.slice(dealOpt['排序方式'].value[0] - 1, dealOpt['排序方式'].value[1])\n formatStr = target.map(item => item[targetKeyPath === '值' ? dealKey : targetKeyPath === '名字' ? source : '']).join('、').replace(/、([^、]+)$/, '和$1')\n }\n\n return formatStr || ''\n },\n },\n },\n 趋势分析: {\n 整体趋势: {\n handler: ({ sourceData, dealJson }) => {\n const data = sourceData.map(item => item[dealJson.dealKey])\n const length = data.length\n\n // 计算线性回归\n let sumX = 0\n let sumY = 0\n let sumXY = 0\n let sumX2 = 0\n\n for (let i = 0; i < length; i++) {\n sumX += i\n sumY += Number(data[i])\n sumXY += i * Number(data[i])\n sumX2 += i * i\n }\n\n const slope = (length * sumXY - sumX * sumY) / (length * sumX2 - sumX * sumX)\n\n // 判断趋势类型\n if (slope > 0) {\n return '增长'\n }\n else if (slope < 0) {\n return '下降'\n }\n else {\n return '平稳'\n }\n },\n },\n // '分段趋势': ({ sourceData, dealJson }) => {\n // // 分析数据的趋势分段分析，分为上升、下降、平稳， 例如：某一段时间内，数据整体上升，但是在某一段时间内，数据下降，这段时间内的数据就是分段趋势\n // const { dealKey, source } = dealJson\n // const sortedData = sourceData.sort((a, b) => b[dealKey] - a[dealKey])\n // const trend = []\n // for (let i = 0; i < sortedData.length - 1; i++) {\n // const firstValue = sortedData[i][source]\n // const lastValue = sortedData[i + 1][source]\n // const changePercentage = ((lastValue - firstValue) / firstValue * 100).toFixed(2)\n // if (changePercentage > 0) {\n // trend.push('上升')\n // } else if (changePercentage < 0) {\n // trend.push('下降')\n // } else {\n // trend.push('平稳')\n // }\n // }\n // const trendMap = {\n // '上升': 0,\n // '下降': 0,\n // '平稳': 0\n // }\n // trend.forEach(item => {\n // trendMap[item]++\n // })\n // const trendArr = Object.entries(trendMap).sort((a, b) => b[1] - a[1])\n // return `数据分段趋势为${trendArr[0][0]}。`\n // }\n },\n // '比例分析': {\n // '占比': ({ sourceData, dealJson }) => {\n // const { dealKey } = dealJson\n // const sortedData = sourceData.sort((a, b) => b[dealKey] - a[dealKey])\n // const sum = sortedData.reduce((a, b) => a + b[dealKey], 0)\n // const percentage = (sortedData[0][dealKey] / sum * 100).toFixed(2)\n // return `${percentage}%。`\n // }\n // '环比占比': {\n // handler: chartOptions => {\n // const data = chartOptions.series[0].data\n // const sum = data.reduce((a, b) => a + b)\n // const percentage = (data[0] / sum * 100).toFixed(2)\n // return `数据环比占比为${percentage}%。`\n // }\n // },\n // '同比占比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const sum = data.reduce((a, b) => a + b)\n // const percentage = (data[0] / sum * 100).toFixed(2)\n // return `数据同比占比为${percentage}%。`\n // }\n // }\n // '对比分析': {\n // '分组对比': {\n // dealOptSchema: [\n // {\n // label: '排序方式',\n // cascaderProps: { value: 'label', label: 'label' },\n // select: [{\n // label: '默认',\n // children: [{\n // label: '第几名',\n // valueVerify: {\n // type: 'number',\n // default: 1\n // }\n // }, {\n // label: '范围',\n // valueVerify: {\n // type: 'number[]',\n // default: [1, 2]\n // }\n // }]\n // }, {\n // label: '升序',\n // children: [{\n // label: '第几名',\n // valueVerify: {\n // type: 'number',\n // default: 1\n // }\n // }, {\n // label: '范围',\n // valueVerify: {\n // type: 'number[]',\n // default: [1, 2]\n // }\n // }]\n // }, {\n // label: '降序',\n // children: [{\n // label: '第几名',\n // valueVerify: {\n // type: 'number',\n // default: 1\n // }\n // }, {\n // label: '范围',\n // valueVerify: {\n // type: 'number[]',\n // default: [1, 2]\n // }\n // }]\n // }],\n // interactionType: 'input'\n // }, {\n // label: '目标值类型',\n // cascaderProps: { value: 'label', label: 'label' },\n // select: [{\n // label: '值'\n // }, {\n // label: '名字'\n // }],\n // interactionType: 'select'\n // }\n // ],\n // handler({sourceData, dealJson}) {\n // console.log('sourceData, dealJson: ', sourceData, dealJson)\n\n // }\n // },\n // '环比对比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const firstValue = data[0]\n // const lastValue = data[data.length - 1]\n // const trend = lastValue > firstValue ? '上升' : '下降'\n // const changePercentage = ((lastValue - firstValue) / firstValue * 100).toFixed(2)\n // return `数据环比${trend}，变化率为${changePercentage}%。`\n // },\n // '同比对比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const firstValue = data[0]\n // const lastValue = data[data.length - 1]\n // const trend = lastValue > firstValue ? '上升' : '下降'\n // const changePercentage = ((lastValue - firstValue) / firstValue * 100).toFixed(2)\n // return `数据同比${trend}，变化率为${changePercentage}%。`\n // },\n // '最大值对比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const max = Math.max(...data)\n // return `数据最大值为${max}。`\n // },\n // '最小值对比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const min = Math.min(...data)\n // return `数据最小值为${min}。`\n // },\n // '平均值对比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const average = (data.reduce((a, b) => a + b) / data.length).toFixed(2)\n // return `数据平均值为${average}。`\n // },\n // '中位数对比': ({sourceData, dealJson}) => {\n // const { dealKey, source } = dealJson\n // const sortedData = sourceData.sort((a, b) => b[dealKey] - a[dealKey])\n // return sortedData[Math.floor(sortedData.length / 2)][source]\n // },\n // '众数对比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const mode = data.sort((a, b) =>\n // data.filter(v => v === a).length - data.filter(v => v === b).length\n // ).pop()\n // return `数据众数为${mode}。`\n // },\n // '标准差对比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const average = (data.reduce((a, b) => a + b) / data.length).toFixed(2)\n // const standardDeviation = Math.sqrt(data.reduce((a, b) => a + (b - average) ** 2) / data.length).toFixed(2)\n // return `数据标准差为${standardDeviation}。`\n // },\n // '方差对比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const average = (data.reduce((a, b) => a + b) / data.length).toFixed(2)\n // const variance = data.reduce((a, b) => a + (b - average) ** 2) / data.length\n // return `数据方差为${variance}。`\n // },\n // '偏度对比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const average = (data.reduce((a, b) => a + b) / data.length).toFixed(2)\n // const standardDeviation = Math.sqrt(data.reduce((a, b) => a + (b - average) ** 2) / data.length).toFixed(2)\n // const skewness = data.reduce((a, b) => a + ((b - average) / standardDeviation) ** 3) / data.length\n // return `数据偏度为${skewness}。`\n // },\n // '峰度对比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const average = (data.reduce((a, b) => a + b) / data.length).toFixed(2)\n // const standardDeviation = Math.sqrt(data.reduce((a, b) => a + (b - average) ** 2) / data.length).toFixed(2)\n // const kurtosis = data.reduce((a, b) => a + ((b - average) / standardDeviation) ** 4) / data.length\n // return `数据峰度为${kurtosis}。`\n // },\n // '波动率对比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const average = (data.reduce((a, b) => a + b) / data.length).toFixed(2)\n // const standardDeviation = Math.sqrt(data.reduce((a, b) => a + (b - average) ** 2) / data.length).toFixed(2)\n // const volatility = (standardDeviation / average * 100).toFixed(2)\n // return `数据波动率为${volatility}%。`\n // },\n // '变异系数对比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const average = (data.reduce((a, b) => a + b) / data.length).toFixed(2)\n\n // const standardDeviation = Math.sqrt(data.reduce((a, b) => a + (b - average) ** 2) / data.length).toFixed(2)\n\n // const coefficientOfVariation = (standardDeviation / average * 100).toFixed(2)\n // return `数据变异系数为${coefficientOfVariation}%。`\n // },\n // '数据分布对比': chartOptions => {\n // const data = chartOptions.series[0].data\n // const average = (data.reduce((a, b) => a + b) / data.length).toFixed(2)\n\n // const standardDeviation = Math.sqrt(data.reduce((a, b) => a + (b - average) ** 2) / data.length).toFixed(2)\n\n // const coefficientOfVariation = (standardDeviation / average * 100).toFixed(2)\n\n // const mode = data.sort((a, b) =>\n // data.filter(v => v === a).length - data.filter(v => v === b).length\n // ).pop()\n\n // const median = data[Math.floor(data.length / 2)]\n\n // const max = Math.max(...data)\n\n // const min = Math.min(...data)\n // return `数据平均值为${average}，标准差为${standardDeviation}，变异系数为${coefficientOfVariation}%，众数为${mode}，中位数为${median}，最大值为${max}，最小值为${min}。`\n // }\n // },\n // '相关分析': {\n // handler: ({sourceData, dealJson}) => {\n // console.log('sourceData, dealJson: ', sourceData, dealJson)\n\n // function calculatePearsonCorrelation(dataX, dataY) {\n // if (dataX.length !== dataY.length) {\n // throw new Error('数据长度不一致，无法计算皮尔逊相关系数。')\n // }\n\n // const n = dataX.length\n\n // // 计算平均值\n // const meanX = dataX.reduce((sum, value) => sum + value, 0) / n\n // const meanY = dataY.reduce((sum, value) => sum + value, 0) / n\n\n // // 计算 xi - x̄ 和 yi - ȳ 的数组\n // const diffX = dataX.map(x => x - meanX)\n // const diffY = dataY.map(y => y - meanY)\n\n // // 计算 xi - x̄ 和 yi - ȳ 的平方和\n // const sumDiffX = diffX.reduce((sum, value) => sum + value ** 2, 0)\n // const sumDiffY = diffY.reduce((sum, value) => sum + value ** 2, 0)\n\n // // 计算 xi - x̄ 和 yi - ȳ 的乘积和\n // const sumDiffXY = diffX.reduce((sum, value, index) => sum + value * diffY[index], 0)\n\n // // 计算皮尔逊相关系数\n // const correlation = sumDiffXY / Math.sqrt(sumDiffX * sumDiffY)\n\n // return correlation\n // }\n // function determineCorrelation(dataX, dataY) {\n // const correlation = calculatePearsonCorrelation(dataX, dataY)\n\n // if (correlation > 0.7) {\n // return '强正相关'\n // } else if (correlation > 0.3) {\n // return '较弱正相关'\n // } else if (correlation > -0.3) {\n // return '无线性相关性'\n // } else if (correlation > -0.7) {\n // return '较弱负相关'\n // } else {\n // return '强负相关'\n // }\n // }\n // let dataX = []\n // let dataY = []\n // const correlation = determineCorrelation(dataX, dataY)\n // console.log('两个变量之间的关系：', correlation)\n // return correlation\n // }\n // }\n // '假设探索性分析': {},\n // '机器学习和数据挖掘': {}\n}\n"],"names":["keysMap","描述性分析","平均值","handler","_ref","sourceData","dealJson","dealKey","sortedData","sort","a","b","Number","reduce","length","toFixed","中位数","dealOptSchema","label","cascaderProps","value","select","interactionType","_ref2","source","dealOpt","targetKeyPath","keyPath","Math","floor","排序","children","valueVerify","type","default","_ref3","formatStr","includes","target","formatStrKey","sum","slice","map","item","join","replace","趋势分析","整体趋势","_ref4","data","sumX","sumY","sumXY","sumX2","i","slope","obj","pathArr","acc","key"],"mappings":"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"}
package/lib/src/data-chart/src/components/area.vue.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./area.vue2.cjs");require("./area.vue3.cjs");var r=require("../../../../_virtual/_plugin-vue_export-helper.cjs").default(e.default,[["__scopeId","data-v-51660d7b"]]);exports.default=r;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./area.vue2.cjs"),r=require("../../../../_virtual/_plugin-vue_export-helper.cjs").default(e.default,[["__scopeId","data-v-51660d7b"]]);exports.default=r;
2
2
  //# sourceMappingURL=area.vue.cjs.map
package/lib/src/data-chart/src/components/bar.vue.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),a=require("lodash-es"),t=require("../utils/injectionKeys.cjs"),r=require("../utils/useCharts.cjs"),s=e.defineComponent({name:"DataChartBar",__name:"bar",props:{chartData:{type:Object,required:!0},subShowType:{type:String,required:!0,default:"bar-simple"},chartOptions:{type:null,required:!0}},setup(s){const c=e.inject(t.InjectionChartMerge,(e=>e),!0),l=e.ref(null),o=e.computed((()=>{const{colDesc:e,xGroupByDesc:t,groupByDesc:r,data:l=[],modelName:o}=s.chartData,i=Array.from(new Set(l.map((e=>e[t.colDesc||""])))).filter((e=>null!=e))||[],n=r.find((e=>!e.xAxis))||{groupByValues:[],colDesc:""};n.groupByValues=a.uniq(l.map((e=>n.colDesc?String(e[n.colDesc]):""))),t&&t.groupByValues&&(t.groupByValues=a.uniq(l.map((e=>t.colDesc?String(e[t.colDesc]):""))));const u={title:{text:o},xAxis:{name:"",type:"category",axisLabel:{interval:0,formatter:e=>e.length>5?`${e.substring(0,5)}...`:e},data:i},yAxis:{type:"value"},legend:{data:[]},dataZoom:[{type:"inside",disabled:i.length<15}]};if(1===r.length)u.series=e.map((e=>({name:e,data:l.map((a=>a[e])),type:"bar",emphasis:{focus:"series"},label:{show:!0,position:"inside"}}))),u.legend.data=e;else if(2===r.length){const a=e.map((e=>n.groupByValues?.map((a=>{const r={name:`${a||"/"}-${e}`,type:"bar",stack:e,emphasis:{focus:"series"},data:[],label:{show:!0,position:"inside"}};return r.data=(t.groupByValues||[]).map((e=>{let s=null;return l.forEach((c=>{n.colDesc&&c[n.colDesc]===a&&t.colDesc&&c[t.colDesc]===e&&r.stack&&(s=c[r.stack]??null)})),s||""})).filter((e=>""!==e)),r}))||[])).flat();u.series=a,delete u.legend}function p(e,a,t,r){Array.isArray(e)?e.forEach((e=>{e&&(e.type=a,"category"===a&&(e.data=t||[],e.name=r||""))})):e&&(e.type=a,"category"===a&&(e.data=t||[],e.name=r||""))}switch(s.subShowType){case"bar-simple":case"default":p(u.xAxis,"category",i,t?.colDesc||""),p(u.yAxis,"value");break;case"bar-y-category":p(u.xAxis,"value"),p(u.yAxis,"category",i,t?.colDesc||"")}return c(u,s.chartOptions)}));return r.useCharts({chartDOM:l,chartOptions:o,chartData:e.computed((()=>s.chartData))}),(a,t)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dataChartBar",ref:l,class:"data-chart-bar"},null,512))}});exports.default=s;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),a=require("lodash-es"),t=require("../utils/injectionKeys.cjs"),s=require("../utils/useCharts.cjs"),r=e.defineComponent({name:"DataChartBar",__name:"bar",props:{chartData:{type:Object,required:!0},subShowType:{type:String,required:!0,default:"bar-simple"},chartOptions:{type:null,required:!0}},setup(r){const c=e.inject(t.InjectionChartMerge,(e=>e),!0),l=e.ref(null),i=e.computed((()=>{const{colDesc:e,xGroupByDesc:t,groupByDesc:s,data:l=[],modelName:i}=r.chartData,o=Array.from(new Set(l.map((e=>e[t.colDesc||""])))).filter((e=>null!=e))||[],n={...s.find((e=>!e.xAxis))||{groupByDesc:null,groupByValues:[],colDesc:"",xAxis:!1},groupByValues:a.uniq(l.map((e=>s.find((e=>!e.xAxis))?.colDesc?String(e[s.find((e=>!e.xAxis))?.colDesc||""]):"")))},u=t?{...t,groupByValues:a.uniq(l.map((e=>t.colDesc?String(e[t.colDesc]):"")))}:t,p={title:{text:i},xAxis:{name:"",type:"category",axisLabel:{interval:0,formatter:e=>e.length>5?`${e.substring(0,5)}...`:e},data:o},yAxis:{type:"value"},legend:{data:[]},dataZoom:[{type:"inside",disabled:o.length<15}]};if(1===s.length)p.series=e.map((e=>({name:e,data:l.map((a=>a[e])),type:"bar",emphasis:{focus:"series"},label:{show:!0,position:"inside"}}))),p.legend.data=e;else if(2===s.length){const a=e.map((e=>n.groupByValues?.map((a=>{const t={name:`${a||"/"}-${e}`,type:"bar",stack:e,emphasis:{focus:"series"},data:[],label:{show:!0,position:"inside"}};return t.data=(u?.groupByValues||[]).map((e=>{let s=null;return l.forEach((r=>{n.colDesc&&r[n.colDesc]===a&&u?.colDesc&&r[u.colDesc]===e&&t.stack&&(s=r[t.stack]??null)})),s||""})).filter((e=>""!==e)),t}))||[])).flat();p.series=a,delete p.legend}function d(e,a,t,s){Array.isArray(e)?e.forEach((e=>{e&&(e.type=a,"category"===a&&(e.data=t||[],e.name=s||""))})):e&&(e.type=a,"category"===a&&(e.data=t||[],e.name=s||""))}switch(r.subShowType){case"bar-simple":case"default":d(p.xAxis,"category",o,t?.colDesc||""),d(p.yAxis,"value");break;case"bar-y-category":d(p.xAxis,"value"),d(p.yAxis,"category",o,t?.colDesc||"")}return c(p,r.chartOptions)}));return s.useCharts({chartDOM:l,chartOptions:i,chartData:e.computed((()=>r.chartData))}),(a,t)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dataChartBar",ref:l,class:"data-chart-bar"},null,512))}});exports.default=r;
2
2
  //# sourceMappingURL=bar.vue.cjs.map
package/lib/src/data-chart/src/components/bar.vue.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"bar.vue.cjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/bar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { LegendComponentOption, XAXisComponentOption, YAXisComponentOption } from 'echarts'\nimport type {\n EChartData,\n EChartsOption,\n IFormatPublicData,\n SeriesOption,\n} from '../utils/types'\nimport { uniq } from 'lodash-es'\nimport { InjectionChartMerge } from '../utils/injectionKeys'\nimport { useCharts } from '../utils/useCharts'\n\n// 定义组件名称\ndefineOptions({\n name: 'DataChartBar',\n})\n\n// 定义组件属性\nconst {\n chartOptions,\n chartData,\n subShowType = 'bar-simple',\n} = defineProps<{\n chartData: IFormatPublicData\n subShowType: string\n chartOptions: EChartsOption\n}>()\n\n// 注入合并函数，并明确类型\nconst merge = inject(InjectionChartMerge, (v: any) => v, true) as (config: EChartsOption, chartOptions: EChartsOption) => EChartsOption\nconst dataChartBar = ref<HTMLElement | null>(null)\n\n// 计算图表选项\nconst barChartOptions = computed<EChartsOption>(() => {\n const { colDesc, xGroupByDesc, groupByDesc, data = [], modelName } = chartData\n\n const axisData = Array.from(new Set(data.map(item => item[xGroupByDesc.colDesc || '']))).filter(item => item !== undefined && item !== null) || []\n const yGroupByDesc: EChartData['desc']['groupByDesc'][0] = groupByDesc.find(item => !item.xAxis) || {\n groupByDesc: null,\n groupByValues: [],\n colDesc: '',\n xAxis: false,\n }\n\n yGroupByDesc.groupByValues = uniq(data.map(item => yGroupByDesc.colDesc ? String(item[yGroupByDesc.colDesc]) : ''))\n if (xGroupByDesc && xGroupByDesc.groupByValues) {\n xGroupByDesc.groupByValues = uniq(data.map(item => xGroupByDesc.colDesc ? String(item[xGroupByDesc.colDesc]) : ''))\n }\n\n const config: EChartsOption = {\n title: {\n text: modelName,\n },\n xAxis: {\n name: '',\n type: 'category',\n axisLabel: {\n interval: 0, // 强制显示所有标签\n formatter(value: string) {\n const screenshotLength = 5\n return value.length > screenshotLength ? `${value.substring(0, screenshotLength)}...` : value // 截取前5个字符并添加省略号\n },\n },\n data: axisData,\n },\n yAxis: {\n type: 'value',\n },\n legend: {\n data: [],\n },\n dataZoom: [{\n type: 'inside',\n disabled: axisData.length < 15,\n }],\n }\n\n // 堆叠图\n if (groupByDesc.length === 1) {\n config.series = colDesc.map((yItem) => {\n return {\n name: yItem,\n data: data.map(item => item[yItem]),\n type: 'bar',\n emphasis: {\n focus: 'series',\n },\n label: {\n show: true,\n position: 'inside',\n },\n }\n });\n (config.legend as LegendComponentOption).data = colDesc\n }\n else if (groupByDesc.length === 2) {\n const arr = colDesc.map((colDescItem) => {\n return yGroupByDesc.groupByValues?.map((yGroupByDescItem) => {\n const obj: SeriesOption = {\n name: `${yGroupByDescItem || '/'}-${colDescItem}`,\n type: 'bar',\n stack: colDescItem,\n emphasis: {\n focus: 'series',\n },\n data: [],\n label: {\n show: true,\n position: 'inside',\n },\n }\n obj.data = (xGroupByDesc.groupByValues || []).map((xGroupByDescItem) => {\n let targetVal: number | string | null = null\n data.forEach((item) => {\n if (yGroupByDesc.colDesc && item[yGroupByDesc.colDesc] === yGroupByDescItem && xGroupByDesc.colDesc && item[xGroupByDesc.colDesc] === xGroupByDescItem) {\n if (obj.stack) {\n targetVal = item[obj.stack] ?? null\n }\n }\n })\n return targetVal || ''\n }).filter(v => v !== '')\n return obj\n }) || []\n }).flat()\n\n config.series = arr\n delete config.legend\n }\n\n // 1. 定义轴类型\n type CategoryAxisOption = XAXisComponentOption & {\n type: 'category'\n data: (string | number)[]\n }\n\n // 2. 创建配置轴的辅助函数\n function configureAxis(\n axis: XAXisComponentOption | XAXisComponentOption[] | YAXisComponentOption | YAXisComponentOption[] | undefined,\n type: 'category' | 'value',\n data?: (string | number)[],\n name?: string,\n ) {\n if (Array.isArray(axis)) {\n axis.forEach((item) => {\n if (item) {\n item.type = type\n if (type === 'category') {\n (item as CategoryAxisOption).data = data || []\n item.name = name || ''\n }\n }\n })\n }\n else if (axis) {\n axis.type = type\n if (type === 'category') {\n (axis as CategoryAxisOption).data = data || []\n axis.name = name || ''\n }\n }\n }\n\n // 3. 使用配置函数\n switch (subShowType) {\n case 'bar-simple':\n case 'default':\n configureAxis(config.xAxis, 'category', axisData, xGroupByDesc?.colDesc || '')\n configureAxis(config.yAxis, 'value')\n break\n\n case 'bar-y-category':\n configureAxis(config.xAxis, 'value')\n configureAxis(config.yAxis, 'category', axisData, xGroupByDesc?.colDesc || '')\n break\n }\n\n return merge(config, chartOptions)\n})\n\nuseCharts({ chartDOM: dataChartBar, chartOptions: barChartOptions, chartData: computed(() => chartData) })\n</script>\n\n<template>\n <div\n ref=\"dataChartBar\"\n class=\"data-chart-bar\"\n />\n</template>\n"],"names":["merge","inject","InjectionChartMerge","v","dataChartBar","ref","barChartOptions","computed","colDesc","xGroupByDesc","groupByDesc","data","modelName","__props","chartData","axisData","Array","from","Set","map","item","filter","yGroupByDesc","find","xAxis","groupByValues","uniq","String","config","title","text","name","type","axisLabel","interval","formatter","value","length","substring","yAxis","legend","dataZoom","disabled","series","yItem","emphasis","focus","label","show","position","arr","colDescItem","yGroupByDescItem","obj","stack","xGroupByDescItem","targetVal","forEach","flat","configureAxis","axis","isArray","subShowType","chartOptions","useCharts","chartDOM"],"mappings":"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"}
1
+ {"version":3,"file":"bar.vue.cjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/bar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { LegendComponentOption, XAXisComponentOption, YAXisComponentOption } from 'echarts'\nimport type {\n EChartsOption,\n IFormatPublicData,\n SeriesOption,\n} from '../utils/types'\nimport { uniq } from 'lodash-es'\nimport { InjectionChartMerge } from '../utils/injectionKeys'\nimport { useCharts } from '../utils/useCharts'\n\n// 定义组件名称\ndefineOptions({\n name: 'DataChartBar',\n})\n\n// 定义组件属性\nconst {\n chartOptions,\n chartData,\n subShowType = 'bar-simple',\n} = defineProps<{\n chartData: IFormatPublicData\n subShowType: string\n chartOptions: EChartsOption\n}>()\n\n// 注入合并函数，并明确类型\nconst merge = inject(InjectionChartMerge, (v: any) => v, true) as (config: EChartsOption, chartOptions: EChartsOption) => EChartsOption\nconst dataChartBar = ref<HTMLElement | null>(null)\n\n// 计算图表选项\nconst barChartOptions = computed<EChartsOption>(() => {\n const { colDesc, xGroupByDesc, groupByDesc, data = [], modelName } = chartData\n\n const axisData = Array.from(new Set(data.map(item => item[xGroupByDesc.colDesc || '']))).filter(item => item !== undefined && item !== null) || []\n\n // 创建新的对象而不是修改原对象\n const yGroupByDesc = {\n ...groupByDesc.find(item => !item.xAxis) || {\n groupByDesc: null,\n groupByValues: [],\n colDesc: '',\n xAxis: false,\n },\n groupByValues: uniq(data.map(item => groupByDesc.find(item => !item.xAxis)?.colDesc ? String(item[groupByDesc.find(item => !item.xAxis)?.colDesc || '']) : '')),\n }\n\n // 创建新的 xGroupByDesc 对象\n const newXGroupByDesc = xGroupByDesc\n ? {\n ...xGroupByDesc,\n groupByValues: uniq(data.map(item => xGroupByDesc.colDesc ? String(item[xGroupByDesc.colDesc]) : '')),\n }\n : xGroupByDesc\n\n const config: EChartsOption = {\n title: {\n text: modelName,\n },\n xAxis: {\n name: '',\n type: 'category',\n axisLabel: {\n interval: 0, // 强制显示所有标签\n formatter(value: string) {\n const screenshotLength = 5\n return value.length > screenshotLength ? `${value.substring(0, screenshotLength)}...` : value // 截取前5个字符并添加省略号\n },\n },\n data: axisData,\n },\n yAxis: {\n type: 'value',\n },\n legend: {\n data: [],\n },\n dataZoom: [{\n type: 'inside',\n disabled: axisData.length < 15,\n }],\n }\n\n // 堆叠图\n if (groupByDesc.length === 1) {\n config.series = colDesc.map((yItem) => {\n return {\n name: yItem,\n data: data.map(item => item[yItem]),\n type: 'bar',\n emphasis: {\n focus: 'series',\n },\n label: {\n show: true,\n position: 'inside',\n },\n }\n });\n (config.legend as LegendComponentOption).data = colDesc\n }\n else if (groupByDesc.length === 2) {\n const arr = colDesc.map((colDescItem) => {\n return yGroupByDesc.groupByValues?.map((yGroupByDescItem) => {\n const obj: SeriesOption = {\n name: `${yGroupByDescItem || '/'}-${colDescItem}`,\n type: 'bar',\n stack: colDescItem,\n emphasis: {\n focus: 'series',\n },\n data: [],\n label: {\n show: true,\n position: 'inside',\n },\n }\n obj.data = (newXGroupByDesc?.groupByValues || []).map((xGroupByDescItem) => {\n let targetVal: number | string | null = null\n data.forEach((item) => {\n if (yGroupByDesc.colDesc && item[yGroupByDesc.colDesc] === yGroupByDescItem && newXGroupByDesc?.colDesc && item[newXGroupByDesc.colDesc] === xGroupByDescItem) {\n if (obj.stack) {\n targetVal = item[obj.stack] ?? null\n }\n }\n })\n return targetVal || ''\n }).filter(v => v !== '')\n return obj\n }) || []\n }).flat()\n\n config.series = arr\n delete config.legend\n }\n\n // 1. 定义轴类型\n type CategoryAxisOption = XAXisComponentOption & {\n type: 'category'\n data: (string | number)[]\n }\n\n // 2. 创建配置轴的辅助函数\n function configureAxis(\n axis: XAXisComponentOption | XAXisComponentOption[] | YAXisComponentOption | YAXisComponentOption[] | undefined,\n type: 'category' | 'value',\n data?: (string | number)[],\n name?: string,\n ) {\n if (Array.isArray(axis)) {\n axis.forEach((item) => {\n if (item) {\n item.type = type\n if (type === 'category') {\n (item as CategoryAxisOption).data = data || []\n item.name = name || ''\n }\n }\n })\n }\n else if (axis) {\n axis.type = type\n if (type === 'category') {\n (axis as CategoryAxisOption).data = data || []\n axis.name = name || ''\n }\n }\n }\n\n // 3. 使用配置函数\n switch (subShowType) {\n case 'bar-simple':\n case 'default':\n configureAxis(config.xAxis, 'category', axisData, xGroupByDesc?.colDesc || '')\n configureAxis(config.yAxis, 'value')\n break\n\n case 'bar-y-category':\n configureAxis(config.xAxis, 'value')\n configureAxis(config.yAxis, 'category', axisData, xGroupByDesc?.colDesc || '')\n break\n }\n\n return merge(config, chartOptions)\n})\n\nuseCharts({ chartDOM: dataChartBar, chartOptions: barChartOptions, chartData: computed(() => chartData) })\n</script>\n\n<template>\n <div\n ref=\"dataChartBar\"\n class=\"data-chart-bar\"\n />\n</template>\n"],"names":["merge","inject","InjectionChartMerge","v","dataChartBar","ref","barChartOptions","computed","colDesc","xGroupByDesc","groupByDesc","data","modelName","__props","chartData","axisData","Array","from","Set","map","item","filter","yGroupByDesc","find","xAxis","groupByValues","uniq","String","newXGroupByDesc","config","title","text","name","type","axisLabel","interval","formatter","value","length","substring","yAxis","legend","dataZoom","disabled","series","yItem","emphasis","focus","label","show","position","arr","colDescItem","yGroupByDescItem","obj","stack","xGroupByDescItem","targetVal","forEach","flat","configureAxis","axis","isArray","subShowType","chartOptions","useCharts","chartDOM"],"mappings":"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"}
package/lib/src/data-chart/src/components/card.vue.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./card.vue2.cjs");require("./card.vue3.cjs");var r=require("../../../../_virtual/_plugin-vue_export-helper.cjs").default(e.default,[["__scopeId","data-v-1c14c088"]]);exports.default=r;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./card.vue2.cjs"),r=require("../../../../_virtual/_plugin-vue_export-helper.cjs").default(e.default,[["__scopeId","data-v-1c14c088"]]);exports.default=r;
2
2
  //# sourceMappingURL=card.vue.cjs.map
package/lib/src/data-chart/src/components/line.vue.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./line.vue2.cjs");require("./line.vue3.cjs");var r=require("../../../../_virtual/_plugin-vue_export-helper.cjs").default(e.default,[["__scopeId","data-v-397864aa"]]);exports.default=r;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./line.vue2.cjs"),r=require("../../../../_virtual/_plugin-vue_export-helper.cjs").default(e.default,[["__scopeId","data-v-397864aa"]]);exports.default=r;
2
2
  //# sourceMappingURL=line.vue.cjs.map
package/lib/src/data-chart/src/data-chart.vue.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),t=require("@qxs-bns/hooks"),r=require("@qxs-bns/utils"),s=require("lodash-es"),a=require("./components/area.vue.cjs"),o=require("./components/bar.vue.cjs"),u=require("./components/card.vue.cjs"),c=require("./components/funnel.vue.cjs"),n=require("./components/line.vue.cjs"),l=require("./components/pie.vue.cjs"),p=require("./components/radar.vue.cjs"),i=require("./components/scatter-simple.vue.cjs"),d=require("./components/scatter.vue.cjs"),m=require("./components/table.vue.cjs"),f=require("./utils/config.cjs"),h=require("./utils/injectionKeys.cjs"),y=require("./utils/safe-eval.cjs"),q=require("./utils/useCharts.cjs"),j=e.defineComponent({name:"QxsDataChart",__name:"data-chart",props:{modelName:{type:String,required:!1,default:""},showTypeName:{type:String,required:!1,default:"table"},subShowType:{type:String,required:!1},data:{type:Object,required:!1,default:()=>({data:[],desc:{colDesc:[],showDesc:{showType:0,chartOptions:"{}",jsCodeSnippet:""},groupByDesc:[]}})},chartOptions:{type:null,required:!1,default:()=>({})},jsCodeSnippet:{type:String,required:!1,default:""}},setup(j,{expose:v}){const b=t.useNamespace("data-chart"),g={table:m.default,bar:o.default,line:n.default,pie:l.default,radar:p.default,scatter:d.default,funnel:c.default,area:a.default,card:u.default,"scatter-simple":i.default},x=e.computed((()=>s.cloneDeep(f.defaultChartOption[j.showTypeName]))),D=e.computed((()=>{const{desc:{colDesc:e=[],groupByDesc:t=[]}={},data:r=[]}=j.data;let s=[],a=null;s=t?.map((e=>(e.xAxis&&(a=e),e)));const o=a?r.filter((e=>e&&e[a.colDesc])):r;return{colDesc:e||[],modelName:j.modelName,subShowType:j.subShowType,xGroupByDesc:a||{colDesc:"",groupByDesc:"",groupByValues:[],xAxis:!1},groupByDesc:s,data:o}}));return v({exportExal:function(){if(0===j.data.data.length)return void console.log("暂无数据");const e=q.useDataToExcelJson(j.data);r.JsonToExcel(j.modelName,e)}}),e.provide(h.InjectionChartMerge,(function(e,t){let r=s.merge({},x.value,e,t)||{};if(j.jsCodeSnippet)try{r=y.safeEvalConfig(j.jsCodeSnippet,r)}catch(e){console.error("代码执行失败:",e)}return r})),(t,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g[t.showTypeName]),{key:t.showTypeName,class:e.normalizeClass([e.unref(b).e("wrapper")]),"sub-show-type":t.subShowType,"chart-data":e.unref(D),"chart-options":t.chartOptions},null,8,["class","sub-show-type","chart-data","chart-options"]))}});exports.default=j;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),t=require("@qxs-bns/hooks"),r=require("@qxs-bns/utils"),s=require("lodash-es"),a=require("./analyze.cjs"),o=require("./components/area.vue.cjs"),u=require("./components/bar.vue.cjs"),c=require("./components/card.vue.cjs"),n=require("./components/funnel.vue.cjs"),l=require("./components/line.vue.cjs"),i=require("./components/pie.vue.cjs"),p=require("./components/radar.vue.cjs"),d=require("./components/scatter-simple.vue.cjs"),m=require("./components/scatter.vue.cjs"),f=require("./components/table.vue.cjs"),y=require("./utils/config.cjs"),h=require("./utils/injectionKeys.cjs"),q=require("./utils/safe-eval.cjs"),j=require("./utils/types.cjs"),v=require("./utils/useCharts.cjs"),g=e.defineComponent({name:"QxsDataChart",__name:"data-chart",props:{modelName:{type:String,required:!1,default:""},showTypeName:{type:String,required:!1,default:"table"},subShowType:{type:String,required:!1},data:{type:Object,required:!1,default:()=>({data:[],desc:{colDesc:[],showDesc:{showType:0,chartOptions:"{}",jsCodeSnippet:""},groupByDesc:[]}})},chartOptions:{type:null,required:!1,default:()=>({})},jsCodeSnippet:{type:String,required:!1,default:""}},setup(g,{expose:x}){const D=t.useNamespace("data-chart"),b={analyze:a,config:y,types:j},C={table:f.default,bar:u.default,line:l.default,pie:i.default,radar:p.default,scatter:m.default,funnel:n.default,area:o.default,card:c.default,"scatter-simple":d.default},w=e.computed((()=>s.cloneDeep(y.defaultChartOption[g.showTypeName]))),S=e.computed((()=>{const{desc:{colDesc:e=[],groupByDesc:t=[]}={},data:r=[]}=g.data;let s=[],a=null;s=t?.map((e=>(e.xAxis&&(a=e),e)));const o=a?r.filter((e=>e&&e[a.colDesc])):r;return{colDesc:e||[],modelName:g.modelName,subShowType:g.subShowType,xGroupByDesc:a||{colDesc:"",groupByDesc:"",groupByValues:[],xAxis:!1},groupByDesc:s,data:o}}));return x({exportExal:function(){if(0===g.data.data.length)return void console.log("暂无数据");const e=v.useDataToExcelJson(g.data);r.JsonToExcel(g.modelName,e)},QxsDataChartConfig:b}),e.provide(h.InjectionChartMerge,(function(e,t){let r=s.merge({},w.value,e,t)||{};if(g.jsCodeSnippet)try{r=q.safeEvalConfig(g.jsCodeSnippet,r)}catch(e){console.error("代码执行失败:",e)}return r})),(t,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(C[t.showTypeName]),{key:t.showTypeName,class:e.normalizeClass([e.unref(D).e("wrapper")]),"sub-show-type":t.subShowType,"chart-data":e.unref(S),"chart-options":t.chartOptions},null,8,["class","sub-show-type","chart-data","chart-options"]))}});exports.default=g;
2
2
  //# sourceMappingURL=data-chart.vue.cjs.map
package/lib/src/data-chart/src/data-chart.vue.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"data-chart.vue.cjs","sources":["../../../../../../packages/components/src/data-chart/src/data-chart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { EChartData, EChartsOption, IFormatPublicData } from './utils/types'\nimport type { IconRow } from './utils/types'\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { JsonToExcel } from '@qxs-bns/utils'\nimport { cloneDeep, merge as lodashMerge } from 'lodash-es'\nimport Area from './components/area.vue'\nimport Bar from './components/bar.vue'\nimport Card from './components/card.vue'\nimport Funnel from './components/funnel.vue'\nimport Line from './components/line.vue'\nimport Pie from './components/pie.vue'\nimport Radar from './components/radar.vue'\nimport ScatterSimple from './components/scatter-simple.vue'\nimport Scatter from './components/scatter.vue'\nimport Table from './components/table.vue'\nimport { defaultChartOption } from './utils/config'\nimport { InjectionChartMerge } from './utils/injectionKeys'\nimport { safeEvalConfig } from './utils/safe-eval'\nimport { useDataToExcelJson } from './utils/useCharts'\n\ndefineOptions({\n name: 'QxsDataChart',\n})\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 ns = useNamespace('data-chart')\n\nconst coms: {\n [key: string]: any\n} = {\n 'table': Table,\n 'bar': Bar,\n 'line': Line,\n 'pie': Pie,\n 'radar': Radar,\n 'scatter': Scatter,\n 'funnel': Funnel,\n 'area': Area,\n 'card': Card,\n 'scatter-simple': ScatterSimple,\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 const mergeConfig = {\n colDesc: colDesc || [],\n modelName,\n subShowType,\n xGroupByDesc: xGroupByDesc || {\n colDesc: '',\n groupByDesc: '',\n groupByValues: [],\n xAxis: false,\n },\n groupByDesc: xValue,\n data: dataValue,\n }\n return mergeConfig\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\n if (jsCodeSnippet) {\n try {\n // 使用安全的配置处理函数\n conf = safeEvalConfig(jsCodeSnippet, conf)\n }\n catch (error) {\n console.error('代码执行失败:', error)\n }\n }\n\n return conf\n}\n\ndefineExpose({\n exportExal,\n})\nprovide(InjectionChartMerge, merge)\n</script>\n\n<template>\n <component\n :is=\"coms[showTypeName]\"\n :key=\"showTypeName\"\n :class=\"[ns.e('wrapper')]\"\n :sub-show-type=\"subShowType\"\n :chart-data=\"formatPublicData\"\n :chart-options=\"chartOptions\"\n />\n</template>\n"],"names":["ns","useNamespace","coms","table","Table","default","bar","Bar","line","Line","pie","Pie","radar","Radar","scatter","Scatter","funnel","Funnel","area","Area","card","Card","ScatterSimple","defaultChartOptionCopy","computed","cloneDeep","defaultChartOption","__props","formatPublicData","desc","colDesc","groupByDesc","data","xValue","xGroupByDesc","map","groupByDescItem","xAxis","dataValue","filter","item","modelName","subShowType","groupByValues","__expose","exportExal","length","console","log","arr","useDataToExcelJson","JsonToExcel","provide","InjectionChartMerge","config","defaultConfig","conf","lodashMerge","value","jsCodeSnippet","safeEvalConfig","error"],"mappings":"yqCAoDM,MAAAA,EAAKC,eAAa,cAElBC,EAEF,CACFC,MAASC,EAAAC,QACTC,IAAOC,EAAAF,QACPG,KAAQC,EAAAJ,QACRK,IAAOC,EAAAN,QACPO,MAASC,EAAAR,QACTS,QAAWC,EAAAV,QACXW,OAAUC,EAAAZ,QACVa,KAAQC,EAAAd,QACRe,KAAQC,EAAAhB,QACR,iBAAkBiB,EAAAA,SAGdC,EAAyBC,EAAAA,UAAS,IAC/BC,YAAUC,EAAAA,mBAAmBC,mBAGhCC,EAAmBJ,EAAAA,UAA4B,KACnD,MAAQK,MAAMC,QAAEA,EAAU,eAAIC,EAAc,IAAO,CAAI,EAAAC,KAAAA,EAAO,IAAOL,EAAAK,KAGrE,IAAIC,EAAS,GAETC,EAA4D,KACvDD,EAAAF,GAAaI,KAAKC,IAQrBA,EAAgBC,QACHH,EAAAE,GAEVA,KAGH,MAAAE,EAAYJ,EAAeF,EAAKO,QAAOC,GAAQA,GAAQA,EAAKN,EAAcJ,WAAaE,EA0BtF,MAba,CAClBF,QAASA,GAAW,GACpBW,UAASd,EAAAc,UACTC,YAAWf,EAAAe,YACXR,aAAcA,GAAgB,CAC5BJ,QAAS,GACTC,YAAa,GACbY,cAAe,GACfN,OAAO,GAETN,YAAaE,EACbD,KAAMM,EAED,WA8BIM,EAAA,CACXC,WA3BF,WACE,GAA6B,IAAzBlB,OAASK,KAAKc,OAGhB,YADAC,QAAQC,IAAI,QAGR,MAAAC,EAAMC,EAAAA,mBAAmBvB,EAAQK,MAC3BmB,cAAAxB,EAAAc,UAAWQ,EAAG,IAsB5BG,EAAAA,QAAQC,uBApBC,SAAMC,EAAuBC,GAEhC,IAAAC,EADaC,EAAAA,MAAY,GAAIlC,EAAuBmC,MAAOJ,EAAQC,IAChD,CAAC,EAExB,GAAI5B,EAAAgC,cACE,IAEKH,EAAAI,EAAAA,eAAejC,gBAAe6B,SAEhCK,GACGd,QAAAc,MAAM,UAAWA,EAAK,CAI3B,OAAAL,CAAA"}
1
+ {"version":3,"file":"data-chart.vue.cjs","sources":["../../../../../../packages/components/src/data-chart/src/data-chart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { EChartData, EChartsOption, IconRow, IFormatPublicData } from './utils/types'\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { JsonToExcel } from '@qxs-bns/utils'\nimport { cloneDeep, merge as lodashMerge } from 'lodash-es'\nimport * as analyze from './analyze'\nimport Area from './components/area.vue'\nimport Bar from './components/bar.vue'\nimport Card from './components/card.vue'\nimport Funnel from './components/funnel.vue'\nimport Line from './components/line.vue'\nimport Pie from './components/pie.vue'\nimport Radar from './components/radar.vue'\nimport ScatterSimple from './components/scatter-simple.vue'\nimport Scatter from './components/scatter.vue'\nimport Table from './components/table.vue'\nimport * as config from './utils/config'\nimport { defaultChartOption } from './utils/config'\nimport { InjectionChartMerge } from './utils/injectionKeys'\nimport { safeEvalConfig } from './utils/safe-eval'\nimport * as types from './utils/types'\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 ns = useNamespace('data-chart')\n\nconst QxsDataChartConfig = {\n analyze,\n config,\n types,\n}\nconst coms: {\n [key: string]: any\n} = {\n 'table': Table,\n 'bar': Bar,\n 'line': Line,\n 'pie': Pie,\n 'radar': Radar,\n 'scatter': Scatter,\n 'funnel': Funnel,\n 'area': Area,\n 'card': Card,\n 'scatter-simple': ScatterSimple,\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 const mergeConfig = {\n colDesc: colDesc || [],\n modelName,\n subShowType,\n xGroupByDesc: xGroupByDesc || {\n colDesc: '',\n groupByDesc: '',\n groupByValues: [],\n xAxis: false,\n },\n groupByDesc: xValue,\n data: dataValue,\n }\n return mergeConfig\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\n if (jsCodeSnippet) {\n try {\n // 使用安全的配置处理函数\n conf = safeEvalConfig(jsCodeSnippet, conf)\n }\n catch (error) {\n console.error('代码执行失败:', error)\n }\n }\n\n return conf\n}\n\ndefineExpose({\n exportExal,\n QxsDataChartConfig,\n})\nprovide(InjectionChartMerge, merge)\n</script>\n\n<template>\n <component\n :is=\"coms[showTypeName]\"\n :key=\"showTypeName\"\n :class=\"[ns.e('wrapper')]\"\n :sub-show-type=\"subShowType\"\n :chart-data=\"formatPublicData\"\n :chart-options=\"chartOptions\"\n />\n</template>\n"],"names":["ns","useNamespace","QxsDataChartConfig","analyze","config","types","coms","table","Table","default","bar","Bar","line","Line","pie","Pie","radar","Radar","scatter","Scatter","funnel","Funnel","area","Area","card","Card","ScatterSimple","defaultChartOptionCopy","computed","cloneDeep","defaultChartOption","__props","formatPublicData","desc","colDesc","groupByDesc","data","xValue","xGroupByDesc","map","groupByDescItem","xAxis","dataValue","filter","item","modelName","subShowType","groupByValues","__expose","exportExal","length","console","log","arr","useDataToExcelJson","JsonToExcel","provide","InjectionChartMerge","defaultConfig","conf","lodashMerge","value","jsCodeSnippet","safeEvalConfig","error"],"mappings":"muCAqDM,MAAAA,EAAKC,eAAa,cAElBC,EAAqB,CACzBC,UACAC,SACAC,SAEIC,EAEF,CACFC,MAASC,EAAAC,QACTC,IAAOC,EAAAF,QACPG,KAAQC,EAAAJ,QACRK,IAAOC,EAAAN,QACPO,MAASC,EAAAR,QACTS,QAAWC,EAAAV,QACXW,OAAUC,EAAAZ,QACVa,KAAQC,EAAAd,QACRe,KAAQC,EAAAhB,QACR,iBAAkBiB,EAAAA,SAGdC,EAAyBC,EAAAA,UAAS,IAC/BC,YAAUC,EAAAA,mBAAmBC,mBAGhCC,EAAmBJ,EAAAA,UAA4B,KACnD,MAAQK,MAAMC,QAAEA,EAAU,eAAIC,EAAc,IAAO,CAAI,EAAAC,KAAAA,EAAO,IAAOL,EAAAK,KAGrE,IAAIC,EAAS,GAETC,EAA4D,KACvDD,EAAAF,GAAaI,KAAKC,IAQrBA,EAAgBC,QACHH,EAAAE,GAEVA,KAGH,MAAAE,EAAYJ,EAAeF,EAAKO,QAAOC,GAAQA,GAAQA,EAAKN,EAAcJ,WAAaE,EA0BtF,MAba,CAClBF,QAASA,GAAW,GACpBW,UAASd,EAAAc,UACTC,YAAWf,EAAAe,YACXR,aAAcA,GAAgB,CAC5BJ,QAAS,GACTC,YAAa,GACbY,cAAe,GACfN,OAAO,GAETN,YAAaE,EACbD,KAAMM,EAED,WA8BIM,EAAA,CACXC,WA3BF,WACE,GAA6B,IAAzBlB,OAASK,KAAKc,OAGhB,YADAC,QAAQC,IAAI,QAGR,MAAAC,EAAMC,EAAAA,mBAAmBvB,EAAQK,MAC3BmB,cAAAxB,EAAAc,UAAWQ,EAAG,EAqB1BnD,uBAEFsD,EAAAA,QAAQC,uBArBC,SAAMrD,EAAuBsD,GAEhC,IAAAC,EADaC,EAAAA,MAAY,GAAIjC,EAAuBkC,MAAOzD,EAAQsD,IAChD,CAAC,EAExB,GAAI3B,EAAA+B,cACE,IAEKH,EAAAI,EAAAA,eAAehC,gBAAe4B,SAEhCK,GACGb,QAAAa,MAAM,UAAWA,EAAK,CAI3B,OAAAL,CAAA"}
package/lib/src/data-chart/src/utils/types.cjs ADDED
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ //# sourceMappingURL=types.cjs.map
package/lib/src/data-chart/src/utils/types.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@qxs-bns/components",
3
3
  "type": "module",
4
- "version": "0.0.50",
4
+ "version": "0.0.52",
5
5
  "description": "Vue 3 Component Library",
6
6
  "license": "MIT",
7
7
  "homepage": "https://trry-hub.github.io/qxs-bns/",
@@ -19,7 +19,7 @@
19
19
  "vue3"
20
20
  ],
21
21
  "sideEffects": false,
22
- "main": "./es/index.mjs",
22
+ "main": "./lib/index.cjs",
23
23
  "module": "./es/index.mjs",
24
24
  "files": [
25
25
  "es",
@@ -41,9 +41,9 @@
41
41
  },
42
42
  "dependencies": {
43
43
  "@amap/amap-jsapi-loader": "^1.0.1",
44
- "@qxs-bns/directives": "0.0.17",
45
- "@qxs-bns/hooks": "0.0.2",
46
- "@qxs-bns/utils": "0.0.21",
44
+ "@qxs-bns/directives": "0.0.18",
45
+ "@qxs-bns/hooks": "0.0.4",
46
+ "@qxs-bns/utils": "0.0.24",
47
47
  "@vueuse/core": "^11.3.0",
48
48
  "echarts": "^5.5.1",
49
49
  "lodash-es": "^4.17.21",
@@ -64,6 +64,8 @@
64
64
  "require": "./lib/index.cjs",
65
65
  "types": "./types/index.d.ts"
66
66
  },
67
+ "./es/*": "./es/*",
68
+ "./lib/*": "./lib/*",
67
69
  "./*": {
68
70
  "import": "./es/*.mjs",
69
71
  "require": "./lib/*.cjs",
package/types/src/data-chart/index.d.ts CHANGED
@@ -1,20 +1,22 @@
1
- export * from './src/analyze';
2
- export * from './src/utils/types';
3
- export * from './src/utils/config';
4
1
  declare const QxsDataChart: import("../withInstall").SFCWithInstall<import("vue").DefineComponent<{
5
2
  modelName?: string;
6
- showTypeName?: import("./index.ts").IconRow["showTypeName"];
3
+ showTypeName?: import("./src/utils/types.ts").IconRow["showTypeName"];
7
4
  subShowType?: string;
8
- data?: import("./index.ts").EChartData;
5
+ data?: import("./src/utils/types.ts").EChartData;
9
6
  chartOptions?: import("echarts").EChartsOption;
10
7
  jsCodeSnippet?: string;
11
8
  }, {
12
9
  exportExal: () => void;
10
+ QxsDataChartConfig: {
11
+ analyze: typeof import("./src/analyze.ts");
12
+ config: typeof import("./src/utils/config.ts");
13
+ types: typeof import("./src/utils/types.ts");
14
+ };
13
15
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
14
16
  modelName?: string;
15
- showTypeName?: import("./index.ts").IconRow["showTypeName"];
17
+ showTypeName?: import("./src/utils/types.ts").IconRow["showTypeName"];
16
18
  subShowType?: string;
17
- data?: import("./index.ts").EChartData;
19
+ data?: import("./src/utils/types.ts").EChartData;
18
20
  chartOptions?: import("echarts").EChartsOption;
19
21
  jsCodeSnippet?: string;
20
22
  }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>> & Record<string, any>;
package/types/src/data-chart/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/components/src/data-chart/index.ts"],"names":[],"mappings":"AAGA,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAElC,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;wHAAyB,CAAA;AAE3C,OAAO,EACL,YAAY,GACb,CAAA;AACD,eAAe,YAAY,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/components/src/data-chart/index.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;wHAAyB,CAAA;AAE3C,OAAO,EACL,YAAY,GACb,CAAA;AACD,eAAe,YAAY,CAAA"}
package/types/src/data-chart/src/components/bar.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"bar.vue.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/data-chart/src/components/bar.vue"],"names":[],"mappings":"AAgMA,OAAO,KAAK,EAEV,aAAa,EACb,iBAAiB,EAElB,MAAM,gBAAgB,CAAA;AAWvB,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,iBAAiB,CAAA;IAC5B,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,aAAa,CAAA;CAC5B,CAAC;;AAoMF,wBAMG"}
1
+ {"version":3,"file":"bar.vue.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/data-chart/src/components/bar.vue"],"names":[],"mappings":"AAuMA,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EAElB,MAAM,gBAAgB,CAAA;AAWvB,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,iBAAiB,CAAA;IAC5B,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,aAAa,CAAA;CAC5B,CAAC;;AA4MF,wBAMG"}
package/types/src/data-chart/src/data-chart.vue.d.ts CHANGED
@@ -1,5 +1,7 @@
1
- import type { EChartData, EChartsOption } from './utils/types';
2
- import type { IconRow } from './utils/types';
1
+ import type { EChartData, EChartsOption, IconRow } from './utils/types';
2
+ import * as analyze from './analyze';
3
+ import * as config from './utils/config';
4
+ import * as types from './utils/types';
3
5
  type __VLS_Props = {
4
6
  modelName?: string;
5
7
  showTypeName?: IconRow['showTypeName'];
@@ -11,6 +13,11 @@ type __VLS_Props = {
11
13
  declare function exportExal(): void;
12
14
  declare const _default: import("vue").DefineComponent<__VLS_Props, {
13
15
  exportExal: typeof exportExal;
16
+ QxsDataChartConfig: {
17
+ analyze: typeof analyze;
18
+ config: typeof config;
19
+ types: typeof types;
20
+ };
14
21
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
15
22
  export default _default;
16
23
  //# sourceMappingURL=data-chart.vue.d.ts.map
package/types/src/data-chart/src/data-chart.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"data-chart.vue.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/data-chart/src/data-chart.vue"],"names":[],"mappings":"AAAA,OAwKO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAqB,MAAM,eAAe,CAAA;AACjF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAuB5C,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAA;IACtC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,YAAY,CAAC,EAAE,aAAa,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAC;AA6FF,iBAAS,UAAU,SAQlB;;;;AAwED,wBAOG"}
1
+ {"version":3,"file":"data-chart.vue.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/data-chart/src/data-chart.vue"],"names":[],"mappings":"AAAA,OA+KO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,OAAO,EAAqB,MAAM,eAAe,CAAA;AAI1F,OAAO,KAAK,OAAO,MAAM,WAAW,CAAA;AAWpC,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAIxC,OAAO,KAAK,KAAK,MAAM,eAAe,CAAA;AAMtC,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAA;IACtC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,YAAY,CAAC,EAAE,aAAa,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAC;AAkGF,iBAAS,UAAU,SAQlB;;;;;;;;;AAyED,wBAOG"}