npm - @qxs-bns/components - Versions diffs - 0.0.62 → 0.0.64 - Mend

@qxs-bns/components 0.0.62 → 0.0.64

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 (116) hide show

package/lib/src/data-chart/src/components/radar.vue2.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./radar.vue.cjs");exports.default=e.default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),a=require("lodash-es"),r=require("../utils/injectionKeys.cjs"),t=require("../utils/useCharts.cjs"),u=e.defineComponent({name:"DataChartRadar",__name:"radar",props:{chartData:{type:Object,required:!0},chartOptions:{type:null,required:!0},lazyLoad:{type:Boolean,required:!1,default:!0}},setup(u,{expose:o}){const s=e.ref(),c=e.inject(r.InjectionChartMerge,e=>e,!0),l=e.computed(()=>{const{colDesc:e,xGroupByDesc:r,modelName:t,data:o}=u.chartData;r?.groupByValues||(r.groupByValues=[]),r.groupByValues=a.uniq(o.map(e=>e[r.colDesc||""]).filter(e=>e));const s={title:{text:t},radar:{indicator:r?.groupByValues?.map(a=>({name:a,max:Math.max(...o.map(a=>Number(a[e[0]])))}))||[]},series:[{name:r?.colDesc,type:"radar",tooltip:{trigger:"item"},data:e.map(e=>({name:e,value:r?.groupByValues?.map(a=>o.map(t=>a===t[r.colDesc||""]?t[e]:null).filter(e=>e).reduce((e,a)=>Number(e||0)+Number(a||0),0))}))}]};return c(s,u.chartOptions)}),{myChart:p}=t.useCharts({chartDOM:s,chartOptions:l,chartData:e.computed(()=>u.chartData),lazyLoad:u.lazyLoad});return o({myChart:p}),(a,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dataChartRadar",ref:s,class:"data-chart-radar"},null,512))}});exports.default=u;
 //# sourceMappingURL=radar.vue2.cjs.map

package/lib/src/data-chart/src/components/radar.vue2.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radar.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"radar.vue2.cjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/radar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { EChartsOption, IFormatPublicData } from '../utils/types'\nimport { uniq } from 'lodash-es'\nimport { InjectionChartMerge } from '../utils/injectionKeys'\nimport { useCharts } from '../utils/useCharts'\n\ndefineOptions({\n name: 'DataChartRadar',\n})\n\nconst {\n chartData,\n chartOptions,\n lazyLoad = true,\n} = defineProps<{\n chartData: IFormatPublicData\n chartOptions: EChartsOption\n lazyLoad?: boolean\n}>()\n\nconst dataChartRadar = ref()\nconst merge = inject(InjectionChartMerge, (v: any) => v, true)\nconst radarChartOptions = computed<EChartsOption>(() => {\n const { colDesc, xGroupByDesc, modelName, data } = chartData\n\n if (!xGroupByDesc?.groupByValues) {\n xGroupByDesc.groupByValues = []\n }\n xGroupByDesc.groupByValues = uniq(data.map((item) => {\n return item[xGroupByDesc.colDesc \|\| ''] as string\n }).filter(v => v))\n\n const config = {\n title: {\n text: modelName,\n },\n radar: {\n indicator: xGroupByDesc?.groupByValues?.map((groupByValuesItem) => {\n return {\n name: groupByValuesItem,\n max: Math.max(...data.map(item => Number(item[colDesc[0]]))),\n }\n }) \|\| [],\n },\n series: [{\n name: xGroupByDesc?.colDesc,\n type: 'radar',\n tooltip: {\n trigger: 'item',\n },\n data: colDesc.map(colDescItem => ({\n name: colDescItem,\n value: xGroupByDesc?.groupByValues?.map((groupByValuesItem) => {\n return (data.map((dataItem) => {\n if (groupByValuesItem === dataItem[xGroupByDesc.colDesc \|\| '']) {\n return dataItem[colDescItem]\n }\n return null\n }).filter(v => v)).reduce((pre, cur) => Number(pre \|\| 0) + Number(cur \|\| 0), 0)\n }),\n })),\n }],\n }\n\n return merge(config, chartOptions)\n})\n\nconst { myChart } = useCharts({\n chartDOM: dataChartRadar,\n chartOptions: radarChartOptions,\n chartData: computed(() => chartData),\n lazyLoad\n})\n\n// 暴露 myChart 方法供父组件访问\ndefineExpose({\n myChart,\n})\n</script>\n\n<template>\n <div\n ref=\"dataChartRadar\"\n class=\"data-chart-radar\"\n />\n</template>\n\n<style scoped lang=\"scss\">\n.data-chart-radar {\n width: 100%;\n height: 100%;\n}\n</style>\n"],"names":["dataChartRadar","ref","merge","inject","InjectionChartMerge","v","radarChartOptions","computed","colDesc","xGroupByDesc","modelName","data","__props","chartData","groupByValues","uniq","map","item","filter","config","title","text","radar","indicator","groupByValuesItem","name","max","Math","Number","series","type","tooltip","trigger","colDescItem","value","dataItem","reduce","pre","cur","chartOptions","myChart","useCharts","chartDOM","lazyLoad","__expose","_createElementBlock","class"],"mappings":"0YAoBA,MAAMA,EAAiBC,EAAAA,MACjBC,EAAQC,EAAAA,OAAOC,EAAAA,oBAAsBC,GAAWA,GAAG,GACnDC,EAAoBC,EAAAA,SAAwB,KAChD,MAAMC,QAAEA,EAAAC,aAASA,EAAAC,UAAcA,EAAAC,KAAWA,GAASC,EAAAC,UAE9CJ,GAAcK,gBACjBL,EAAaK,cAAgB,IAE/BL,EAAaK,cAAgBC,EAAAA,KAAKJ,EAAKK,IAAKC,GACnCA,EAAKR,EAAaD,SAAW,KACnCU,OAAOb,GAAKA,IAEf,MAAMc,EAAS,CACbC,MAAO,CACLC,KAAMX,GAERY,MAAO,CACLC,UAAWd,GAAcK,eAAeE,IAAKQ,IACpC,CACLC,KAAMD,EACNE,IAAKC,KAAKD,OAAOf,EAAKK,IAAIC,GAAQW,OAAOX,EAAKT,EAAQ,WAEpD,IAERqB,OAAQ,CAAC,CACPJ,KAAMhB,GAAcD,QACpBsB,KAAM,QACNC,QAAS,CACPC,QAAS,QAEXrB,KAAMH,EAAQQ,IAAIiB,IAAA,CAChBR,KAAMQ,EACNC,MAAOzB,GAAcK,eAAeE,IAAKQ,GAC/Bb,EAAKK,IAAKmB,GACZX,IAAsBW,EAAS1B,EAAaD,SAAW,IAClD2B,EAASF,GAEX,MACNf,UAAYb,GAAI+B,OAAO,CAACC,EAAKC,IAAQV,OAAOS,GAAO,GAAKT,OAAOU,GAAO,GAAI,UAMrF,OAAOpC,EAAMiB,EAAQP,EAAA2B,iBAGjBC,QAAEA,GAAYC,YAAU,CAC5BC,SAAU1C,EACVuC,aAAcjC,EACdO,UAAWN,EAAAA,SAAS,IAAMK,EAAAC,WAC1B8B,SAAO/B,EAAA+B,kBAITC,EAAa,CACXJ,kCAKAK,EAAAA,mBAGE,MAAA,SAFI,iBAAJ5C,IAAID,EACJ8C,MAAM"}

package/lib/src/data-chart/src/components/radar.vue3.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e="/* unplugin-vue-components disabled */\n.data-chart-radar[data-v-dcb2eae6] {\n width: 100%;\n height: 100%;\n}";require("../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.cjs").default(e),exports.default=e;
2	+ //# sourceMappingURL=radar.vue3.cjs.map

package/lib/src/data-chart/src/components/radar.vue3.cjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"radar.vue3.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/src/data-chart/src/components/scatter-simple.vue.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),t=require("../utils/injectionKeys.cjs"),a=require("../utils/useCharts.cjs"),r=e.defineComponent({name:"DataChartScatterSimple",__name:"scatter-simple",props:{chartData:{type:Object,required:!0},chartOptions:{type:null,required:!0}},setup(r,{expose:s}){const c=e.ref(),i=e.inject(t.InjectionChartMerge,e=>e,!0),l=e.computed(()=>{const{colDesc:e,xGroupByDesc:t,modelName:a,data:s}=r.chartData,c={title:{text:a},tooltip:{formatter:e=>e.value.length>1?`${e.seriesName} :<br/>${e.value[0]} ${e.value[1]} `:`${e.seriesName} :<br/>${e.name} : ${e.value} `},series:e.map(e=>({symbolSize:20,name:e,data:s.map(a=>[a[e],a[t?.colDesc||""]]),type:"scatter"}))};return i(c,r.chartOptions)}),{myChart:o}=a.useCharts({chartDOM:c,chartOptions:l,chartData:e.computed(()=>r.chartData)});return s({myChart:o}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dataChartScatterSimple",ref:c,class:"data-chart-scatter-simple"},null,512))}});exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./scatter-simple.vue2.cjs");require("./scatter-simple.vue3.cjs");var r=require("../../../../_virtual/_plugin-vue_export-helper.cjs").default(e.default,[["__scopeId","data-v-8129b8a5"]]);exports.default=r;
 //# sourceMappingURL=scatter-simple.vue.cjs.map

package/lib/src/data-chart/src/components/scatter-simple.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scatter-simple.vue.cjs","sources":[~~"../../../../../../../packages/components/src/data-chart/src/components/scatter-simple.vue"~~],"sourcesContent":["<script setup lang=\"ts\">\nimport type { EChartsOption, IFormatPublicData } from '../utils/types'\nimport { InjectionChartMerge } from '../utils/injectionKeys'\nimport { useCharts } from '../utils/useCharts'\n\ndefineOptions({\n name: 'DataChartScatterSimple',\n})\nconst {\n chartData,\n chartOptions,\n} = defineProps<{\n chartData: IFormatPublicData\n chartOptions: EChartsOption\n}>()\nconst dataChartScatterSimple = ref()\nconst merge = inject(InjectionChartMerge, (v: any) => v, true)\n\nconst scatterChartOptions = computed<EChartsOption>(() => {\n const { colDesc, xGroupByDesc, modelName, data } = chartData\n const config = {\n title: {\n text: modelName,\n },\n tooltip: {\n formatter(params: { value: string, seriesName: string, name: string }) {\n if (params.value.length > 1) {\n return (\n `${params.seriesName\n } :<br/>${params.value[0]\n } ${params.value[1]\n } `\n )\n }\n else {\n return (\n `${params.seriesName\n } :<br/>${params.name\n } : ${params.value\n } `\n )\n }\n },\n },\n series: colDesc.map((colDescItem) => {\n return {\n symbolSize: 20,\n name: colDescItem,\n data: data.map((dataItem) => {\n return [dataItem[colDescItem], dataItem[xGroupByDesc?.colDesc \|\| '']]\n }),\n type: 'scatter',\n }\n }),\n }\n return merge(config, chartOptions)\n})\nconst { myChart } = useCharts({ chartDOM: dataChartScatterSimple, chartOptions: scatterChartOptions, chartData: computed(() => chartData) })\n\n// 暴露图表实例\ndefineExpose({\n myChart\n})\n</script>\n\n<template>\n <div\n ref=\"~~dataChartScatterSimple\"\n class=\"data-chart-scatter-simple\"\n />\n</template>\n"],"~~names":["dataChartScatterSimple","ref","merge","inject","InjectionChartMerge","v","scatterChartOptions","computed","colDesc","xGroupByDesc","modelName","data","__props","chartData","config","title","text","tooltip","formatter","params","value","length","seriesName","name","series","map","colDescItem","symbolSize","dataItem","type","chartOptions","myChart","useCharts","chartDOM","__expose","_createElementBlock","class"],"mappings":"qVAeA,MAAMA,EAAyBC,EAAAA,MACzBC,EAAQC,EAAAA,OAAOC,EAAAA,oBAAsBC,GAAWA,GAAG,GAEnDC,EAAsBC,EAAAA,SAAwB,KAClD,MAAMC,QAAEA,EAAAC,aAASA,EAAAC,UAAcA,EAAAC,KAAWA,GAASC,EAAAC,UAC7CC,EAAS,CACbC,MAAO,CACLC,KAAMN,GAERO,QAAS,CACPC,UAAUC,GACJA,EAAOC,MAAMC,OAAS,EAEtB,GAAGF,EAAOG,oBACAH,EAAOC,MAAM,MACnBD,EAAOC,MAAM,MAMjB,GAAGD,EAAOG,oBACAH,EAAOI,UACXJ,EAAOC,UAMrBI,OAAQhB,EAAQiB,IAAKC,IACZ,CACLC,WAAY,GACZJ,KAAMG,EACNf,KAAMA,EAAKc,IAAKG,GACP,CAACA,EAASF,GAAcE,EAASnB,GAAcD,SAAW,MAEnEqB,KAAM,cAIZ,OAAO3B,EAAMY,EAAQF,EAAAkB,iBAEjBC,QAAEA,GAAYC,EAAAA,UAAU,CAAEC,SAAUjC,EAAwB8B,aAAcxB,EAAqBO,UAAWN,EAAAA,SAAS,IAAMK,EAAAC,oBAG/HqB,EAAa,CACXH,kCAKAI,EAAAA,mBAGE,MAAA,SAFI,yBAAJlC,IAAID,EACJoC,MAAM"}
1	+ {"version":3,"file":"scatter-simple.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/src/data-chart/src/components/scatter-simple.vue2.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./scatter-simple.vue.cjs");exports.default=e.default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),t=require("../utils/injectionKeys.cjs"),a=require("../utils/useCharts.cjs"),r=e.defineComponent({name:"DataChartScatterSimple",__name:"scatter-simple",props:{chartData:{type:Object,required:!0},chartOptions:{type:null,required:!0},lazyLoad:{type:Boolean,required:!1,default:!0}},setup(r,{expose:s}){const c=e.ref(),l=e.inject(t.InjectionChartMerge,e=>e,!0),o=e.computed(()=>{const{colDesc:e,xGroupByDesc:t,modelName:a,data:s}=r.chartData,c={title:{text:a},tooltip:{formatter:e=>e.value.length>1?`${e.seriesName} :<br/>${e.value[0]} ${e.value[1]} `:`${e.seriesName} :<br/>${e.name} : ${e.value} `},series:e.map(e=>({symbolSize:20,name:e,data:s.map(a=>[a[e],a[t?.colDesc||""]]),type:"scatter"}))};return l(c,r.chartOptions)}),{myChart:i}=a.useCharts({chartDOM:c,chartOptions:o,chartData:e.computed(()=>r.chartData),lazyLoad:r.lazyLoad});return s({myChart:i}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dataChartScatterSimple",ref:c,class:"data-chart-scatter-simple"},null,512))}});exports.default=r;
 //# sourceMappingURL=scatter-simple.vue2.cjs.map

package/lib/src/data-chart/src/components/scatter-simple.vue2.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scatter-simple.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"scatter-simple.vue2.cjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/scatter-simple.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { EChartsOption, IFormatPublicData } from '../utils/types'\nimport { InjectionChartMerge } from '../utils/injectionKeys'\nimport { useCharts } from '../utils/useCharts'\n\ndefineOptions({\n name: 'DataChartScatterSimple',\n})\nconst {\n chartData,\n chartOptions,\n lazyLoad = true,\n} = defineProps<{\n chartData: IFormatPublicData\n chartOptions: EChartsOption\n lazyLoad?: boolean\n}>()\nconst dataChartScatterSimple = ref()\nconst merge = inject(InjectionChartMerge, (v: any) => v, true)\n\nconst scatterChartOptions = computed<EChartsOption>(() => {\n const { colDesc, xGroupByDesc, modelName, data } = chartData\n const config = {\n title: {\n text: modelName,\n },\n tooltip: {\n formatter(params: { value: string, seriesName: string, name: string }) {\n if (params.value.length > 1) {\n return (\n `${params.seriesName\n } :<br/>${params.value[0]\n } ${params.value[1]\n } `\n )\n }\n else {\n return (\n `${params.seriesName\n } :<br/>${params.name\n } : ${params.value\n } `\n )\n }\n },\n },\n series: colDesc.map((colDescItem) => {\n return {\n symbolSize: 20,\n name: colDescItem,\n data: data.map((dataItem) => {\n return [dataItem[colDescItem], dataItem[xGroupByDesc?.colDesc \|\| '']]\n }),\n type: 'scatter',\n }\n }),\n }\n return merge(config, chartOptions)\n})\n\nconst { myChart } = useCharts({\n chartDOM: dataChartScatterSimple,\n chartOptions: scatterChartOptions,\n chartData: computed(() => chartData),\n lazyLoad\n})\n\n// 暴露 myChart 方法供父组件访问\ndefineExpose({\n myChart,\n})\n</script>\n\n<template>\n <div\n ref=\"dataChartScatterSimple\"\n class=\"data-chart-scatter-simple\"\n />\n</template>\n\n<style scoped lang=\"scss\">\n.data-chart-scatter-simple {\n width: 100%;\n height: 100%;\n}\n</style>\n"],"names":["dataChartScatterSimple","ref","merge","inject","InjectionChartMerge","v","scatterChartOptions","computed","colDesc","xGroupByDesc","modelName","data","__props","chartData","config","title","text","tooltip","formatter","params","value","length","seriesName","name","series","map","colDescItem","symbolSize","dataItem","type","chartOptions","myChart","useCharts","chartDOM","lazyLoad","__expose","_createElementBlock","class"],"mappings":"oYAiBA,MAAMA,EAAyBC,EAAAA,MACzBC,EAAQC,EAAAA,OAAOC,EAAAA,oBAAsBC,GAAWA,GAAG,GAEnDC,EAAsBC,EAAAA,SAAwB,KAClD,MAAMC,QAAEA,EAAAC,aAASA,EAAAC,UAAcA,EAAAC,KAAWA,GAASC,EAAAC,UAC7CC,EAAS,CACbC,MAAO,CACLC,KAAMN,GAERO,QAAS,CACPC,UAAUC,GACJA,EAAOC,MAAMC,OAAS,EAEtB,GAAGF,EAAOG,oBACAH,EAAOC,MAAM,MACnBD,EAAOC,MAAM,MAMjB,GAAGD,EAAOG,oBACAH,EAAOI,UACXJ,EAAOC,UAMrBI,OAAQhB,EAAQiB,IAAKC,IACZ,CACLC,WAAY,GACZJ,KAAMG,EACNf,KAAMA,EAAKc,IAAKG,GACP,CAACA,EAASF,GAAcE,EAASnB,GAAcD,SAAW,MAEnEqB,KAAM,cAIZ,OAAO3B,EAAMY,EAAQF,EAAAkB,iBAGjBC,QAAEA,GAAYC,YAAU,CAC5BC,SAAUjC,EACV8B,aAAcxB,EACdO,UAAWN,EAAAA,SAAS,IAAMK,EAAAC,WAC1BqB,SAAOtB,EAAAsB,kBAITC,EAAa,CACXJ,kCAKAK,EAAAA,mBAGE,MAAA,SAFI,yBAAJnC,IAAID,EACJqC,MAAM"}

package/lib/src/data-chart/src/components/scatter-simple.vue3.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e="/* unplugin-vue-components disabled */\n.data-chart-scatter-simple[data-v-8129b8a5] {\n width: 100%;\n height: 100%;\n}";require("../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.cjs").default(e),exports.default=e;
2	+ //# sourceMappingURL=scatter-simple.vue3.cjs.map

package/lib/src/data-chart/src/components/scatter-simple.vue3.cjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"scatter-simple.vue3.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/src/data-chart/src/components/scatter.vue.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),t=require("../utils/injectionKeys.cjs"),r=require("../utils/useCharts.cjs"),a=e.defineComponent({name:"DataChartScatter",__name:"scatter",props:{chartData:{type:Object,required:!0},chartOptions:{type:null,required:!0}},setup(a,{expose:s}){const c=e.ref(),i=e.inject(t.InjectionChartMerge,e=>e,!0),n=e.computed(()=>i({xAxis:{},yAxis:{},series:[{symbolSize:20,data:[[10,8.04],[8.07,6.95],[13,7.58],[9.05,8.81],[11,8.33],[14,7.66],[13.4,6.81],[10,6.33],[14,8.96],[12.5,6.82],[9.15,7.2],[11.5,7.2],[3.03,4.23],[12.2,7.83],[2.02,4.47],[1.05,3.33],[4.05,4.96],[6.03,7.24],[12,6.26],[12,8.84],[7.08,5.82],[5.02,5.68]],type:"scatter"}]},a.chartOptions)),{myChart:o}=r.useCharts({chartDOM:c,chartOptions:n,chartData:e.computed(()=>a.chartData)});return s({myChart:o}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dataChartScatter",ref:c,class:"data-chart-scatter"},null,512))}});exports.default=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./scatter.vue2.cjs");require("./scatter.vue3.cjs");var r=require("../../../../_virtual/_plugin-vue_export-helper.cjs").default(e.default,[["__scopeId","data-v-b52b34fd"]]);exports.default=r;
 //# sourceMappingURL=scatter.vue.cjs.map

package/lib/src/data-chart/src/components/scatter.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scatter.vue.cjs","sources":[~~"../../../../../../../packages/components/src/data-chart/src/components/scatter.vue"~~],"sourcesContent":["<script setup lang=\"ts\">\nimport type { EChartsOption, IFormatPublicData } from '../utils/types'\nimport { InjectionChartMerge } from '../utils/injectionKeys'\nimport { useCharts } from '../utils/useCharts'\n\ndefineOptions({\n name: 'DataChartScatter',\n})\n\nconst {\n chartData,\n chartOptions,\n} = defineProps<{\n chartData: IFormatPublicData\n chartOptions: EChartsOption\n}>()\n\nconst dataChartScatter = ref()\nconst merge = inject(InjectionChartMerge, (v: any) => v, true)\n\nconst scatterChartOptions = computed<EChartsOption>(() => {\n const config = {\n xAxis: {},\n yAxis: {},\n series: [\n {\n symbolSize: 20,\n data: [\n [10.0, 8.04]~~,\n [8.07~~, 6.95],\n [13.0, 7.58],\n [9.05, 8.81],\n [11.0, 8.33],\n [14.0, 7.66],\n [13.4, 6.81],\n [10.0, 6.33],\n [14.0, 8.96],\n [12.5, 6.82],\n [9.15, 7.2],\n [11.5, 7.2],\n [3.03, 4.23],\n [12.2, 7.83],\n [2.02, 4.47],\n [1.05, 3.33],\n [4.05, 4.96],\n [6.03, 7.24],\n [12.0, 6.26],\n [12.0, 8.84],\n [7.08, 5.82],\n [5.02, 5.68],\n ],\n type: 'scatter',\n },\n ],\n }\n\n return merge(config, chartOptions)\n})\nconst { myChart } = useCharts({ chartDOM: dataChartScatter, chartOptions: scatterChartOptions, chartData: computed(() => chartData) })\n\n// 暴露图表实例\ndefineExpose({\n myChart\n})\n</script>\n\n<template>\n <div\n ref=\"~~dataChartScatter\"\n class=\"data-chart-scatter\"\n />\n</template>\n"],"~~names":["dataChartScatter","ref","merge","inject","InjectionChartMerge","v","scatterChartOptions","computed","xAxis","yAxis","series","symbolSize","data","type","__props","chartOptions","myChart","useCharts","chartDOM","chartData","__expose","_createElementBlock","class"],"mappings":"wUAiBA,MAAMA,EAAmBC,EAAAA,MACnBC,EAAQC,EAAAA,OAAOC,EAAAA,oBAAsBC,GAAWA,GAAG,GAEnDC,EAAsBC,EAAAA,SAAwB,IAoC3CL,EAnCQ,CACbM,MAAO,CAAA,EACPC,MAAO,CAAA,EACPC,OAAQ,CACN,CACEC,WAAY,GACZC,KAAM,CACJ,CAAC,GAAM,MACP,CAAC,KAAM,MACP,CAAC,GAAM,MACP,CAAC,KAAM,MACP,CAAC,GAAM,MACP,CAAC,GAAM,MACP,CAAC,KAAM,MACP,CAAC,GAAM,MACP,CAAC,GAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,KACP,CAAC,KAAM,KACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,GAAM,MACP,CAAC,GAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,OAETC,KAAM,aAKSC,EAAAC,gBAEjBC,QAAEA,GAAYC,EAAAA,UAAU,CAAEC,SAAUlB,EAAkBe,aAAcT,EAAqBa,UAAWZ,EAAAA,SAAS,IAAMO,EAAAK,oBAGzHC,EAAa,CACXJ,kCAKAK,EAAAA,mBAGE,MAAA,SAFI,mBAAJpB,IAAID,EACJsB,MAAM"}
1	+ {"version":3,"file":"scatter.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/src/data-chart/src/components/scatter.vue2.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./scatter.vue.cjs");exports.default=e.default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),t=require("../utils/injectionKeys.cjs"),a=require("../utils/useCharts.cjs"),r=e.defineComponent({name:"DataChartScatter",__name:"scatter",props:{chartData:{type:Object,required:!0},chartOptions:{type:null,required:!0},lazyLoad:{type:Boolean,required:!1,default:!0}},setup(r,{expose:s}){const c=e.ref(),o=e.inject(t.InjectionChartMerge,e=>e,!0),i=e.computed(()=>o({xAxis:{},yAxis:{},series:[{symbolSize:20,data:[[10,8.04],[8.07,6.95],[13,7.58],[9.05,8.81],[11,8.33],[14,7.66],[13.4,6.81],[10,6.33],[14,8.96],[12.5,6.82],[9.15,7.2],[11.5,7.2],[3.03,4.23],[12.2,7.83],[2.02,4.47],[1.05,3.33],[4.05,4.96],[6.03,7.24],[12,6.26],[12,8.84],[7.08,5.82],[5.02,5.68]],type:"scatter"}]},r.chartOptions)),{myChart:u}=a.useCharts({chartDOM:c,chartOptions:i,chartData:e.computed(()=>r.chartData),lazyLoad:r.lazyLoad});return s({myChart:u}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dataChartScatter",ref:c,class:"data-chart-scatter"},null,512))}});exports.default=r;
 //# sourceMappingURL=scatter.vue2.cjs.map

package/lib/src/data-chart/src/components/scatter.vue2.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scatter.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"scatter.vue2.cjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/scatter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { EChartsOption, IFormatPublicData } from '../utils/types'\nimport { InjectionChartMerge } from '../utils/injectionKeys'\nimport { useCharts } from '../utils/useCharts'\n\ndefineOptions({\n name: 'DataChartScatter',\n})\n\nconst {\n chartData,\n chartOptions,\n lazyLoad = true,\n} = defineProps<{\n chartData: IFormatPublicData\n chartOptions: EChartsOption\n lazyLoad?: boolean\n}>()\n\nconst dataChartScatter = ref()\nconst merge = inject(InjectionChartMerge, (v: any) => v, true)\n\nconst scatterChartOptions = computed<EChartsOption>(() => {\n const config = {\n xAxis: {},\n yAxis: {},\n series: [\n {\n symbolSize: 20,\n data: [\n [10.0, 8.04],\n [8.07, 6.95],\n [13.0, 7.58],\n [9.05, 8.81],\n [11.0, 8.33],\n [14.0, 7.66],\n [13.4, 6.81],\n [10.0, 6.33],\n [14.0, 8.96],\n [12.5, 6.82],\n [9.15, 7.2],\n [11.5, 7.2],\n [3.03, 4.23],\n [12.2, 7.83],\n [2.02, 4.47],\n [1.05, 3.33],\n [4.05, 4.96],\n [6.03, 7.24],\n [12.0, 6.26],\n [12.0, 8.84],\n [7.08, 5.82],\n [5.02, 5.68],\n ],\n type: 'scatter',\n },\n ],\n }\n\n return merge(config, chartOptions)\n})\n\nconst { myChart } = useCharts({\n chartDOM: dataChartScatter,\n chartOptions: scatterChartOptions,\n chartData: computed(() => chartData),\n lazyLoad\n})\n\n// 暴露 myChart 方法供父组件访问\ndefineExpose({\n myChart,\n})\n</script>\n\n<template>\n <div\n ref=\"dataChartScatter\"\n class=\"data-chart-scatter\"\n />\n</template>\n\n<style scoped lang=\"scss\">\n.data-chart-scatter {\n width: 100%;\n height: 100%;\n}\n</style>\n"],"names":["dataChartScatter","ref","merge","inject","InjectionChartMerge","v","scatterChartOptions","computed","xAxis","yAxis","series","symbolSize","data","type","__props","chartOptions","myChart","useCharts","chartDOM","chartData","lazyLoad","__expose","_createElementBlock","class"],"mappings":"uXAmBA,MAAMA,EAAmBC,EAAAA,MACnBC,EAAQC,EAAAA,OAAOC,EAAAA,oBAAsBC,GAAWA,GAAG,GAEnDC,EAAsBC,EAAAA,SAAwB,IAoC3CL,EAnCQ,CACbM,MAAO,CAAA,EACPC,MAAO,CAAA,EACPC,OAAQ,CACN,CACEC,WAAY,GACZC,KAAM,CACJ,CAAC,GAAM,MACP,CAAC,KAAM,MACP,CAAC,GAAM,MACP,CAAC,KAAM,MACP,CAAC,GAAM,MACP,CAAC,GAAM,MACP,CAAC,KAAM,MACP,CAAC,GAAM,MACP,CAAC,GAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,KACP,CAAC,KAAM,KACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,MACP,CAAC,GAAM,MACP,CAAC,GAAM,MACP,CAAC,KAAM,MACP,CAAC,KAAM,OAETC,KAAM,aAKSC,EAAAC,gBAGjBC,QAAEA,GAAYC,YAAU,CAC5BC,SAAUlB,EACVe,aAAcT,EACda,UAAWZ,EAAAA,SAAS,IAAMO,EAAAK,WAC1BC,SAAON,EAAAM,kBAITC,EAAa,CACXL,kCAKAM,EAAAA,mBAGE,MAAA,SAFI,mBAAJrB,IAAID,EACJuB,MAAM"}

package/lib/src/data-chart/src/components/scatter.vue3.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e="/* unplugin-vue-components disabled */\n.data-chart-scatter[data-v-b52b34fd] {\n width: 100%;\n height: 100%;\n}";require("../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.cjs").default(e),exports.default=e;
2	+ //# sourceMappingURL=scatter.vue3.cjs.map

package/lib/src/data-chart/src/components/scatter.vue3.cjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"scatter.vue3.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/src/data-chart/src/data-chart.vue.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"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"),f=require("./components/scatter.vue.cjs"),m=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:C}){const x=t.useNamespace("data-chart"),D={analyze:a,config:y,types:j},b={table:m.default,bar:u.default,line:l.default,pie:i.default,radar:p.default,scatter:f.default,funnel:n.default,area:o.default,card:c.default,"scatter-simple":d.default},w=e.useTemplateRef("myChartRef"),S=e.computed(()=>s.cloneDeep(y.defaultChartOption[g.showTypeName])),T=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 C({exportExal:function(){if(0===g.data.data.length)return void console.log("暂无数据");const e=v.useDataToExcelJson(g.data);r.JsonToExcel(g.modelName,e)},QxsDataChartConfig:D,myChartRef:w}),e.provide(h.InjectionChartMerge,function(e,t){let r=s.merge({},S.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(b[t.showTypeName]),{key:t.showTypeName,ref_key:"myChartRef",ref:w,class:e.normalizeClass([e.unref(x).e("wrapper")]),"sub-show-type":t.subShowType,"chart-data":e.unref(T),"chart-options":t.chartOptions},null,8,["class","sub-show-type","chart-data","chart-options"]))}});exports.default=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),t=require("@qxs-bns/hooks"),r=require("@qxs-bns/utils"),a=require("lodash-es"),s=require("./analyze.cjs"),o=require("./components/area.vue.cjs"),u=require("./components/bar.vue.cjs"),n=require("./components/card.vue.cjs"),c=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"),y=require("./components/scatter.vue.cjs"),f=require("./components/table.vue.cjs"),m=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"),C=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:""},lazyLoad:{type:Boolean,required:!1,default:!0}},setup(C,{expose:g}){const b=t.useNamespace("data-chart"),x=e.ref(null),D={analyze:s,config:m,types:j},w={table:f.default,bar:u.default,line:l.default,pie:i.default,radar:p.default,scatter:y.default,funnel:c.default,area:o.default,card:n.default,"scatter-simple":d.default},S=e.computed(()=>a.cloneDeep(m.defaultChartOption[C.showTypeName])),T=e.computed(()=>{const{desc:{colDesc:e=[],groupByDesc:t=[]}={},data:r=[]}=C.data;let a=[],s=null;a=t?.map(e=>(e.xAxis&&(s=e),e));const o=s?r.filter(e=>e&&e[s.colDesc]):r;return{colDesc:e||[],modelName:C.modelName,subShowType:C.subShowType,xGroupByDesc:s||{colDesc:"",groupByDesc:"",groupByValues:[],xAxis:!1},groupByDesc:a,data:o}});function N(){if("table"===C.showTypeName)return null;const e=x.value;return e&&"function"==typeof e.myChart?e.myChart():null}return g({exportExal:function(){if(0===C.data.data.length)return void console.log("暂无数据");const e=v.useDataToExcelJson(C.data);r.JsonToExcel(C.modelName,e)},QxsDataChartConfig:D,myChart:e.computed(()=>N()),getMyChart:N}),e.provide(h.InjectionChartMerge,function(e,t){let r=a.merge({},S.value,e,t)||{};if(C.jsCodeSnippet)try{r=q.safeEvalConfig(C.jsCodeSnippet,r)}catch(e){console.error("代码执行失败:",e)}return r}),(t,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(w[t.showTypeName]),{ref_key:"myChartRef",ref:x,key:t.showTypeName,class:e.normalizeClass([e.unref(b).e("wrapper")]),"sub-show-type":t.subShowType,"chart-data":e.unref(T),"chart-options":t.chartOptions,"lazy-load":t.lazyLoad},null,8,["class","sub-show-type","chart-data","chart-options","lazy-load"]))}});exports.default=C;
 //# sourceMappingURL=data-chart.vue.cjs.map

package/lib/src/data-chart/src/data-chart.vue.cjs.map CHANGED Viewed

	@@ -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, 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 ~~myChartRef = useTemplateRef<typeof Bar \| typeof Line \| typeof Pie \| typeof Radar \| typeof Scatter \| typeof Funnel \| typeof Area \| typeof Card \| typeof ScatterSimple>('myChartRef')\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 ~~myChartRef\~~n})\nprovide(InjectionChartMerge, merge)\n</script>\n\n<template>\n <component\n :is=\"coms[showTypeName]\"\n ~~:key~~=\"~~showTypeName~~\"\n ~~ref~~=\"~~myChartRef~~\"\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","bar","Bar","line","Line","pie","Pie","radar","Radar","scatter","Scatter","funnel","Funnel","area","Area","card","Card","ScatterSimple","~~myChartRef","useTemplateRef","~~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","_createBlock","_resolveDynamicComponent","~~showTypeName","~~key","~~ref","~~class","_normalizeClass","_unref","e","chartOptions"],"mappings":"~~muCAqDA~~,MAAMA,EAAKC,EAAAA,aAAa,~~cAElBC~~,EAAqB,CACzBC,UACAC,SACAC,SAEIC,EAEF,CACFC,MAASC,EAAAA,QACTC,IAAOC,EAAAA,QACPC,KAAQC,EAAAA,QACRC,IAAOC,EAAAA,QACPC,MAASC,EAAAA,QACTC,QAAWC,EAAAA,QACXC,OAAUC,EAAAA,QACVC,KAAQC,EAAAA,QACRC,KAAQC,EAAAA,QACR,iBAAkBC,EAAAA,SAGdC,~~EAAaC,EAAAA,eAAyJ,cAEtKC,~~EAAyBC,EAAAA,SAAS,IAC/BC,YAAUC,EAAAA,mBAAmBC,kBAGhCC,EAAmBJ,EAAAA,SAA4B,KACnD,MAAQK,MAAMC,QAAEA,EAAU,eAAIC,EAAc,IAAO,CAAA,EAACC,KAAGA,EAAO,IAAOL,EAAAK,KAGrE,IAAIC,EAAS,GAETC,EAA4D,KAChED,EAASF,GAAaI,IAAKC,IAQrBA,EAAgBC,QAClBH,EAAeE,GAEVA,IAGT,MAAME,EAAYJ,EAAeF,EAAKO,OAAOC,GAAQA,GAAQA,EAAKN,EAAcJ,UAAaE,EA0B7F,MAboB,CAClBF,QAASA,GAAW,GACpBW,UAAQd,EAAAc,UACRC,YAAUf,EAAAe,YACVR,aAAcA,GAAgB,CAC5BJ,QAAS,GACTC,YAAa,GACbY,cAAe,GACfN,OAAO,GAETN,YAAaE,EACbD,KAAMM,~~YAgCVM~~,EAAa,CACXC,~~WA3BF~~,WACE,GAA6B,~~IAAzBlB~~,OAASK,~~KAAKc~~,OAGhB,YADAC,QAAQC,IAAI,QAGd,MAAMC,EAAMC,EAAAA,~~mBAAmBvB~~,EAAAK,MAC/~~BmB~~,~~cAAYxB~~,EAAAc,~~UAAWQ~~,EACzB,~~EAoBEpD~~,~~qBACAwB~~,~~eAEF+B~~,EAAAA,QAAQC,EAAAA,~~oBAtBR~~,~~SAAetD~~,~~EAAuBuD~~,GAEpC,IAAIC,EADaC,EAAAA,MAAY,CAAA,~~EAAIjC~~,~~EAAuBkC~~,~~MAAO1D~~,~~EAAQuD~~,IAChD,CAAA,EAEvB,~~GAAI3B~~,~~EAAA+B~~,cACF,~~IAEEH~~,~~EAAOI~~,EAAAA,~~eAAehC~~,~~gBAAe4B~~,EACvC,~~OACOK~~,~~GACLb~~,~~QAAQa~~,MAAM,UAAWA,EAC3B,CAGF,~~OAAOL~~,CACT,~~yBAWEM~~,~~cAQEC~~,EAAAA,~~wBAPK7D~~,~~EAAK8D~~,EAAAA,eAAY,~~CACrBC~~,~~IAAKD~~,~~EAAAA~~,~~qBACF~~,~~aAAJE~~,~~IAAI5C~~,~~EACH6C~~,MAAKC,EAAAA,eAAA,CAAGC,EAAAA,~~MAAAzE~~,~~GAAG0E~~,EAAC,aACZ,~~gBAAe3B~~,EAAAA,YACf,~~aAAY0B~~,EAAAA,~~MAAAxC~~,GACZ,~~gBAAe0C~~,EAAAA"}
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 type { ECharts } from 'echarts'\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 lazyLoad = true,\n} = defineProps<{\n modelName?: string\n showTypeName?: IconRow['showTypeName']\n subShowType?: string\n data?: EChartData\n chartOptions?: EChartsOption\n jsCodeSnippet?: string\n lazyLoad?: boolean\n}>()\n\nconst ns = useNamespace('data-chart')\n\n// 子组件引用\nconst myChartRef = ref<any>(null)\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\n// 获取内部 myChart 实例的方法\nfunction getMyChart(): ECharts \| null {\n // 对于 table 类型，没有 myChart 实例\n if (showTypeName === 'table') {\n return null\n }\n\n // 尝试从子组件获取 myChart 实例\n const childComponent = myChartRef.value\n if (!childComponent) {\n return null\n }\n\n // 检查子组件是否有 myChart 方法（来自 useCharts）\n if (typeof childComponent.myChart === 'function') {\n return childComponent.myChart()\n }\n\n return null\n}\n\n// 为了保持向后兼容，提供 myChart 计算属性\nconst myChart = computed(() => getMyChart())\n\ndefineExpose({\n exportExal,\n QxsDataChartConfig,\n myChart,\n getMyChart,\n})\nprovide(InjectionChartMerge, merge)\n</script>\n\n<template>\n <component\n :is=\"coms[showTypeName]\"\n ref=\"myChartRef\"\n :key=\"showTypeName\"\n :class=\"[ns.e('wrapper')]\"\n :sub-show-type=\"subShowType\"\n :chart-data=\"formatPublicData\"\n :chart-options=\"chartOptions\"\n :lazy-load=\"lazyLoad\"\n />\n</template>\n"],"names":["ns","useNamespace","myChartRef","ref","QxsDataChartConfig","analyze","config","types","coms","table","Table","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","getMyChart","showTypeName","childComponent","value","myChart","__expose","exportExal","length","console","log","arr","useDataToExcelJson","JsonToExcel","provide","InjectionChartMerge","defaultConfig","conf","lodashMerge","jsCodeSnippet","safeEvalConfig","error","_createBlock","_resolveDynamicComponent","key","class","_normalizeClass","_unref","e","chartOptions","lazyLoad"],"mappings":"kxCAwDA,MAAMA,EAAKC,EAAAA,aAAa,cAGlBC,EAAaC,EAAAA,IAAS,MAEtBC,EAAqB,CACzBC,UACAC,SACAC,SAEIC,EAEF,CACFC,MAASC,EAAAA,QACTC,IAAOC,EAAAA,QACPC,KAAQC,EAAAA,QACRC,IAAOC,EAAAA,QACPC,MAASC,EAAAA,QACTC,QAAWC,EAAAA,QACXC,OAAUC,EAAAA,QACVC,KAAQC,EAAAA,QACRC,KAAQC,EAAAA,QACR,iBAAkBC,EAAAA,SAGdC,EAAyBC,EAAAA,SAAS,IAC/BC,YAAUC,EAAAA,mBAAmBC,kBAGhCC,EAAmBJ,EAAAA,SAA4B,KACnD,MAAQK,MAAMC,QAAEA,EAAU,eAAIC,EAAc,IAAO,CAAA,EAACC,KAAGA,EAAO,IAAOL,EAAAK,KAGrE,IAAIC,EAAS,GAETC,EAA4D,KAChED,EAASF,GAAaI,IAAKC,IAQrBA,EAAgBC,QAClBH,EAAeE,GAEVA,IAGT,MAAME,EAAYJ,EAAeF,EAAKO,OAAOC,GAAQA,GAAQA,EAAKN,EAAcJ,UAAaE,EA0B7F,MAboB,CAClBF,QAASA,GAAW,GACpBW,UAAQd,EAAAc,UACRC,YAAUf,EAAAe,YACVR,aAAcA,GAAgB,CAC5BJ,QAAS,GACTC,YAAa,GACbY,cAAe,GACfN,OAAO,GAETN,YAAaE,EACbD,KAAMM,KAiCV,SAASM,IAEP,GAAqB,UAAjBjB,EAAAkB,aACF,OAAO,KAIT,MAAMC,EAAiBjD,EAAWkD,MAClC,OAAKD,GAKiC,mBAA3BA,EAAeE,QACjBF,EAAeE,UALf,IASX,QAKAC,EAAa,CACXC,WAnDF,WACE,GAA6B,IAAzBvB,OAASK,KAAKmB,OAGhB,YADAC,QAAQC,IAAI,QAGd,MAAMC,EAAMC,EAAAA,mBAAmB5B,EAAAK,MAC/BwB,cAAY7B,EAAAc,UAAWa,EACzB,EA4CEvD,qBACAiD,QALcxB,EAAAA,SAAS,IAAMoB,KAM7BA,eAEFa,EAAAA,QAAQC,EAAAA,oBA/CR,SAAezD,EAAuB0D,GAEpC,IAAIC,EADaC,EAAAA,MAAY,CAAA,EAAItC,EAAuBwB,MAAO9C,EAAQ0D,IAChD,CAAA,EAEvB,GAAIhC,EAAAmC,cACF,IAEEF,EAAOG,EAAAA,eAAepC,gBAAeiC,EACvC,OACOI,GACLZ,QAAQY,MAAM,UAAWA,EAC3B,CAGF,OAAOJ,CACT,yBAoCEK,cASEC,EAAAA,wBARK/D,EAAK0C,EAAAA,eAAY,SAClB,aAAJ/C,IAAID,EACHsE,IAAKtB,EAAAA,aACLuB,MAAKC,EAAAA,eAAA,CAAGC,EAAAA,MAAA3E,GAAG4E,EAAC,aACZ,gBAAe7B,EAAAA,YACf,aAAY4B,EAAAA,MAAA1C,GACZ,gBAAe4C,EAAAA,aACf,YAAWC,EAAAA"}

package/lib/src/data-chart/src/utils/useCharts.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("echarts"),t=require("vue"),a=require("@vueuse/core"),o=require("../components/empty.svg.cjs");function n(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(a){if("default"!==a){var o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,o.get?o:{enumerable:!0,get:function(){return e[a]}})}}),t.default=e,Object.freeze(t)}var i=n(e);function r(e,t){const{width:o,height:n}=a.useElementSize(t);a.watchDebounced([o,n],()=>{if(e&&!e.isDisposed())try{e.resize()}catch(e){console.warn("Error during chart resize:",e)}})}exports.useCharts=function(e){let{chartDOM:n,chartData:u,chartOptions:s,initBefore:l,initAfter:c}=e;const v=t.ref(null);let d=!1;const f=window.devicePixelRatio||1;function h(){if(v.value&&!v.value.isDisposed()){try{v.value.dispose()}catch(e){console.warn("Error disposing chart:",e)}v.value=null}}function p(){return v.value&&!v.value.isDisposed()||(v.value=i.init(n.value,null,{devicePixelRatio:f,renderer:"svg"})),v.value}function g(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"暂无数据";return new Promise(t=>{const a=new Image;a.src=o.default,a.onload=()=>{const n=a.width/a.height,i={title:[{text:u.value?.modelName,...s.value.title},{subtext:e,top:"center",left:"center",text:"{a|}",itemGap:-20,subtextStyle:{fontSize:14},textStyle:{align:"center",rich:{a:{height:100/n,width:100,backgroundColor:{image:o.default}}}}}]};d=!0,t([i,{notMerge:!0,replaceMerge:["xAxis","yAxis","series"],lazyUpdate:!1}])}})}const{isOutside:w}=a.useMouseInElement(n);return a.watchDebounced(w,e=>{"boolean"==typeof e&&v.value&&!v.value.isDisposed()&&function(e){if(v.value&&!v.value.isDisposed())try{v.value.setOption({toolbox:{show:e}})}catch(e){console.warn("Error toggling toolbox:",e)}}(!e)},{debounce:200}),a.watchDebounced(()=>s.value,async()=>{v.value&&!v.value.isDisposed()&&await async function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];try{v.value?.showLoading(),u.value?.data?.length?(!0===d&&(t[1]||(t[1]={}),t[1].notMerge=!0),d=!1):t=await g(),v.value?.setOption(...t)}catch(e){v.value&&!v.value.isDisposed()&&h(),p(),t=await g("配置项错误"),v.value?.setOption(...t)}finally{v.value?.hideLoading()}}(s.value)},{debounce:500,deep:!0,immediate:!0}),t.onMounted(async()=>{l&&await l(),p(),c&&c(v.value),v.value&&!v.value.isDisposed()&&r(v.value,n)}),t.onUnmounted(()=>{if(v.value&&!v.value.isDisposed())try{v.value.getZr()?.off("mousemove"),v.value.getZr()?.off("mouseout"),v.value.getZr()?.off("click"),v.value.off("click"),h()}catch(e){console.warn("Error during chart cleanup:",e)}}),{myChart:v}},exports.useDataToExcelJson=function(e){const{desc:{colDesc:t=[],groupByDesc:a=[]}={},data:o=[]}=e,n=[...a.map(e=>e.colDesc),...t].filter(e=>e),i=o.map(e=>n.map(t=>e[t]||""));return[n,...i]},exports.useResize=r;
+"use strict";var e=require("echarts"),t=require("vue"),n=require("@vueuse/core"),i=require("../components/empty.svg.cjs");function o(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var r=o(e);function s(e,t){const{width:i,height:o}=n.useElementSize(t);n.watchDebounced([i,o],()=>{if(e&&!e.isDisposed())try{e.resize()}catch(e){console.warn("Error during chart resize:",e)}})}exports.useCharts=function(e){let{chartDOM:o,chartData:a,chartOptions:c,initBefore:l,initAfter:u,lazyLoad:d=!0}=e,f=null,h=!1,p=!1,g=null,v=null,w=!1;const y=window.devicePixelRatio||1;function b(){if(f&&!f.isDisposed()){try{f.dispose()}catch(e){console.warn("Error disposing chart:",e)}f=null}}function D(){if(!f||f.isDisposed()){if(!o.value)return console.warn("[ECharts] DOM element not found"),null;const{clientWidth:e,clientHeight:t}=o.value;if(0===e||0===t)return console.warn("[ECharts] Container has zero size. Width:",e,"Height:",t,". Skipping initialization."),null;f=r.init(o.value,null,{devicePixelRatio:y,renderer:"svg"}),p=!0}return f}async function m(){await t.nextTick();const{clientWidth:e,clientHeight:n}=o.value||{clientWidth:0,clientHeight:0};e>0&&n>0?(D(),u&&u(f),f&&!f.isDisposed()&&s(f,o)):function(){if(!o.value||"undefined"==typeof ResizeObserver)return;g=new ResizeObserver(e=>{for(const t of e){const{width:e,height:n}=t.contentRect;if(e>0&&n>0&&!p&&(!d||w)){D(),u&&u(f),f&&!f.isDisposed()&&s(f,o),g?.disconnect(),g=null;break}}}),g.observe(o.value)}()}async function x(){return p||!o.value?f:(await t.nextTick(),d?(o.value&&"undefined"!=typeof IntersectionObserver&&(v=new IntersectionObserver(e=>{for(const t of e)if(t.isIntersecting&&!w){w=!0,m(),v?.disconnect(),v=null;break}},{threshold:0,rootMargin:"100px"}),v.observe(o.value)),f):(await m(),f))}function O(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"暂无数据";return new Promise(t=>{const n=new Image;n.src=i.default,n.onload=()=>{const o=n.width/n.height,r={title:[{text:a.value?.modelName,...c.value.title},{subtext:e,top:"center",left:"center",text:"{a|}",itemGap:-20,subtextStyle:{fontSize:14},textStyle:{align:"center",rich:{a:{height:100/o,width:100,backgroundColor:{image:i.default}}}}}]};h=!0,t([r,{notMerge:!0,replaceMerge:["xAxis","yAxis","series"],lazyUpdate:!1}])}})}const{isOutside:z}=n.useMouseInElement(o);return n.watchDebounced(z,e=>{"boolean"==typeof e&&f&&!f.isDisposed()&&function(e){if(f&&!f.isDisposed())try{f.setOption({toolbox:{show:e}})}catch(e){console.warn("Error toggling toolbox:",e)}}(!e)},{debounce:200}),n.watchDebounced(()=>c.value,async()=>{f&&!f.isDisposed()&&await async function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];try{f&&!f.isDisposed()||await x(),f?.showLoading(),a.value?.data?.length?(!0===h&&(t[1]||(t[1]={}),t[1].notMerge=!0),h=!1):t=await O(),f?.setOption(...t)}catch(e){f&&!f.isDisposed()&&b(),D(),t=await O("配置项错误"),f?.setOption(...t)}finally{f?.hideLoading()}}(c.value)},{debounce:500,deep:!0,immediate:!0}),t.onMounted(async()=>{l&&await l(),await t.nextTick(),await x(),f&&!f.isDisposed()&&(u&&u(f),s(f,o))}),t.onUnmounted(()=>{if(g&&(g.disconnect(),g=null),v&&(v.disconnect(),v=null),f&&!f.isDisposed())try{f.getZr()?.off("mousemove"),f.getZr()?.off("mouseout"),f.getZr()?.off("click"),f.off("click"),b()}catch(e){console.warn("Error during chart cleanup:",e)}}),{myChart:()=>f}},exports.useDataToExcelJson=function(e){const{desc:{colDesc:t=[],groupByDesc:n=[]}={},data:i=[]}=e,o=[...n.map(e=>e.colDesc),...t].filter(e=>e),r=i.map(e=>o.map(t=>e[t]||""));return[o,...r]},exports.useResize=s;
 //# sourceMappingURL=useCharts.cjs.map

package/lib/src/data-chart/src/utils/useCharts.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCharts.cjs","sources":["../../../../../../../packages/components/src/data-chart/src/utils/useCharts.ts"],"sourcesContent":["import type { SetOptionOpts } from 'echarts'\nimport type { Ref } from 'vue'\nimport type { EChartData, EChartsOption, IFormatPublicData } from './types'\nimport * as echarts from 'echarts'\nimport { onMounted, onUnmounted, ref } from 'vue'\n\n// 定义返回类型，避免导出内部类型\nexport interface UseChartsReturn {\n myChart: Ref<any>\n}\nimport { useMouseInElement, useElementSize, watchDebounced } from '@vueuse/core'\n\n// 使用别名路径导入 SVG\nimport emptyImg from '../components/empty.svg'\n\nexport function useCharts({ chartDOM, chartData, chartOptions, initBefore, initAfter }: {\n chartDOM: Ref<HTMLElement \| null>\n chartData: Ref<IFormatPublicData>\n chartOptions: Ref<EChartsOption>\n initBefore?: () => Promise<void>\n initAfter?: (e: any) => void\n}): UseChartsReturn {\n // 每个组件实例的独立状态 - 使用响应式引用\n const myChart = ref<any>(null)\n let isEmpty = false\n\n // 获取设备像素比\n const dpr = window.devicePixelRatio \|\| 1\n\n function disposeChart() {\n if (myChart.value && !myChart.value.isDisposed()) {\n try {\n myChart.value.dispose()\n }\n catch (error) {\n console.warn('Error disposing chart:', error)\n }\n myChart.value = null\n }\n }\n\n function initChart() {\n if (!(myChart.value && !myChart.value.isDisposed())) {\n // 如果实例已被销毁，重新创建\n myChart.value = echarts.init(chartDOM.value, null, {\n devicePixelRatio: dpr,\n renderer: 'svg',\n })\n }\n return myChart.value\n }\n\n async function renderChart(...opt: [EChartsOption, SetOptionOpts?]) {\n try {\n myChart.value?.showLoading()\n if (chartData.value?.data?.length) {\n if (isEmpty === true) {\n if (!opt[1]) {\n opt[1] = {}\n }\n opt[1].notMerge = true\n }\n isEmpty = false\n }\n else {\n // 数据为空时保持原有配置\n opt = await setEmpty()\n }\n myChart.value?.setOption(...opt)\n }\n catch (error) {\n if (myChart.value && !myChart.value.isDisposed()) {\n disposeChart()\n }\n // 如果实例已被销毁，重新创建\n initChart()\n opt = await setEmpty('配置项错误')\n myChart.value?.setOption(...opt)\n } finally {\n myChart.value?.hideLoading()\n }\n }\n\n function setEmpty(subtext = '暂无数据'): Promise<[EChartsOption, SetOptionOpts]> {\n return new Promise((resolve) => {\n const img = new Image()\n img.src = emptyImg\n\n img.onload = () => {\n const aspectRatio = img.width / img.height\n\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 subtextStyle: {\n fontSize: 14,\n },\n textStyle: {\n align: 'center',\n rich: {\n a: {\n height: 100 / aspectRatio,\n width: 100,\n backgroundColor: {\n image: emptyImg,\n },\n },\n },\n },\n }],\n }\n isEmpty = true\n resolve([obj, {\n notMerge: true,\n replaceMerge: ['xAxis', 'yAxis', 'series'],\n lazyUpdate: false,\n }])\n }\n })\n }\n\n function toggleToolbox(show: boolean) {\n // 修改条件判断，移除 isDisposed 检查\n if (myChart.value && !myChart.value.isDisposed()) {\n try {\n myChart.value.setOption({\n toolbox: {\n show,\n },\n })\n }\n catch (error) {\n console.warn('Error toggling toolbox:', error)\n }\n }\n }\n\n const { isOutside: mouseInChart } = useMouseInElement(chartDOM)\n watchDebounced(mouseInChart, (newVal) => {\n // 修改条件判断\n if (typeof newVal !== 'boolean' \|\| (!myChart.value \|\| myChart.value.isDisposed())) {\n return\n }\n toggleToolbox(!newVal)\n }, { debounce: 200 })\n\n watchDebounced(\n () => chartOptions.value,\n async () => {\n // 修改条件判断\n if (myChart.value && !myChart.value.isDisposed()) {\n await renderChart(chartOptions.value)\n }\n },\n { debounce: 500, deep: true, immediate: true },\n )\n\n onMounted(async () => {\n if (initBefore) {\n await initBefore()\n }\n initChart()\n if (initAfter) {\n initAfter(myChart.value)\n }\n // 修改条件判断\n if (myChart.value && !myChart.value.isDisposed()) {\n useResize(myChart.value, chartDOM)\n }\n })\n\n onUnmounted(() => {\n if (myChart.value && !myChart.value.isDisposed()) {\n try {\n // 清理所有事件监听器\n myChart.value.getZr()?.off('mousemove')\n myChart.value.getZr()?.off('mouseout')\n myChart.value.getZr()?.off('click')\n myChart.value.off('click')\n disposeChart()\n }\n catch (error) {\n console.warn('Error during chart cleanup:', error)\n }\n }\n })\n\n return {\n myChart,\n }\n}\n\nexport function useResize(myChart: any, chartDOM: Ref<HTMLElement \| null>) {\n const { width, height } = useElementSize(chartDOM)\n watchDebounced([width, height], () => {\n if (myChart && !myChart.isDisposed()) {\n try {\n myChart.resize()\n }\n catch (error) {\n console.warn('Error during chart resize:', error)\n }\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":["useResize","myChart","chartDOM","width","height","useElementSize","watchDebounced","isDisposed","resize","error","console","warn","chartData","chartOptions","initBefore","initAfter","_ref","ref","isEmpty","dpr","window","devicePixelRatio","disposeChart","value","dispose","initChart","echarts","init","renderer","setEmpty","subtext","Promise","resolve","img","Image","src","emptyImg","onload","aspectRatio","obj","title","text","modelName","top","left","itemGap","subtextStyle","fontSize","textStyle","align","rich","a","backgroundColor","image","notMerge","replaceMerge","lazyUpdate","isOutside","mouseInChart","useMouseInElement","newVal","show","setOption","toolbox","toggleToolbox","debounce","async","_len","arguments","length","opt","Array","_key","showLoading","data","hideLoading","renderChart","deep","immediate","onMounted","onUnmounted","getZr","off","dataSource","desc","colDesc","groupByDesc","header","map","item","filter","v","json","headerItem"],"mappings":"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"}
1	+ {"version":3,"file":"useCharts.cjs","sources":["../../../../../../../packages/components/src/data-chart/src/utils/useCharts.ts"],"sourcesContent":["import type { ECharts, SetOptionOpts } from 'echarts'\nimport type { Ref } from 'vue'\nimport type { EChartData, EChartsOption, IFormatPublicData } from './types'\nimport * as echarts from 'echarts'\nimport { onMounted, onUnmounted, nextTick } from 'vue'\nimport { useMouseInElement, useElementSize, watchDebounced } from '@vueuse/core'\n\n// 使用别名路径导入 SVG\nimport emptyImg from '../components/empty.svg'\n\nexport function useCharts({ chartDOM, chartData, chartOptions, initBefore, initAfter, lazyLoad = true }: {\n chartDOM: Ref<HTMLElement \| null>\n chartData: Ref<IFormatPublicData>\n chartOptions: Ref<EChartsOption>\n initBefore?: () => Promise<void>\n initAfter?: (e: ECharts \| null) => void\n lazyLoad?: boolean\n}) {\n // 每个组件实例的独立状态\n let myChart: ECharts \| null = null\n let isEmpty = false\n let isInitialized = false\n let resizeObserver: ResizeObserver \| null = null\n let intersectionObserver: IntersectionObserver \| null = null\n let isInViewport = false\n\n // 获取设备像素比\n const dpr = window.devicePixelRatio \|\| 1\n\n function disposeChart() {\n if (myChart && !myChart.isDisposed()) {\n try {\n myChart.dispose()\n }\n catch (error) {\n console.warn('Error disposing chart:', error)\n }\n myChart = null\n }\n }\n\n function initChart() {\n if (!(myChart && !myChart.isDisposed())) {\n // 检查 DOM 元素是否存在\n if (!chartDOM.value) {\n console.warn('[ECharts] DOM element not found')\n return null\n }\n\n // 检查容器尺寸\n const { clientWidth, clientHeight } = chartDOM.value\n if (clientWidth === 0 \|\| clientHeight === 0) {\n // 如果容器没有尺寸，返回 null 而不是强制初始化\n console.warn('[ECharts] Container has zero size. Width:', clientWidth, 'Height:', clientHeight, '. Skipping initialization.')\n return null\n }\n\n // 创建 ECharts 实例\n myChart = echarts.init(chartDOM.value, null, {\n devicePixelRatio: dpr,\n renderer: 'svg',\n })\n\n isInitialized = true\n }\n return myChart\n }\n\n // 开始初始化流程\n async function startInitialization() {\n // 等待 DOM 渲染完成\n await nextTick()\n\n // 检查容器是否已经有尺寸\n const { clientWidth, clientHeight } = chartDOM.value \|\| { clientWidth: 0, clientHeight: 0 }\n if (clientWidth > 0 && clientHeight > 0) {\n // 直接初始化\n initChart()\n if (initAfter) {\n initAfter(myChart)\n }\n if (myChart && !myChart.isDisposed()) {\n useResize(myChart, chartDOM)\n }\n } else {\n // 如果没有尺寸，使用 ResizeObserver 等待\n setupResizeObserver()\n }\n }\n\n // 使用 IntersectionObserver 监听元素是否进入可视区域\n function setupIntersectionObserver() {\n if (!chartDOM.value \|\| typeof IntersectionObserver === 'undefined') {\n return\n }\n\n intersectionObserver = new IntersectionObserver(\n (entries) => {\n for (const entry of entries) {\n if (entry.isIntersecting && !isInViewport) {\n isInViewport = true\n // 进入可视区域，开始初始化流程\n startInitialization()\n // 停止观察，避免重复初始化\n intersectionObserver?.disconnect()\n intersectionObserver = null\n break\n }\n }\n },\n {\n // 当元素有任何部分进入可视区域时触发\n threshold: 0,\n // 可以设置 rootMargin 来提前触发，比如提前 100px\n rootMargin: '100px'\n }\n )\n\n intersectionObserver.observe(chartDOM.value)\n }\n\n // 使用 ResizeObserver 监听容器尺寸变化\n function setupResizeObserver() {\n if (!chartDOM.value \|\| typeof ResizeObserver === 'undefined') {\n return\n }\n\n resizeObserver = new ResizeObserver((entries) => {\n for (const entry of entries) {\n const { width, height } = entry.contentRect\n if (width > 0 && height > 0 && !isInitialized && (!lazyLoad \|\| isInViewport)) {\n // 容器有尺寸了，且满足懒加载条件，可以安全初始化\n initChart()\n if (initAfter) {\n initAfter(myChart)\n }\n // 设置 resize 监听\n if (myChart && !myChart.isDisposed()) {\n useResize(myChart, chartDOM)\n }\n // 初始化后停止观察\n resizeObserver?.disconnect()\n resizeObserver = null\n break\n }\n }\n })\n\n resizeObserver.observe(chartDOM.value)\n }\n\n // 安全的初始化函数\n async function safeInitChart() {\n if (isInitialized \|\| !chartDOM.value) {\n return myChart\n }\n\n // 等待 DOM 渲染完成\n await nextTick()\n\n // 如果启用了懒加载，先检查是否在可视区域\n if (lazyLoad) {\n setupIntersectionObserver()\n return myChart\n }\n\n // 非懒加载模式，直接开始初始化流程\n await startInitialization()\n\n return myChart\n }\n\n async function renderChart(...opt: [EChartsOption, SetOptionOpts?]) {\n try {\n // 确保图表已初始化\n if (!myChart \|\| myChart.isDisposed()) {\n await safeInitChart()\n }\n\n myChart?.showLoading()\n if (chartData.value?.data?.length) {\n if (isEmpty === true) {\n if (!opt[1]) {\n opt[1] = {}\n }\n opt[1].notMerge = true\n }\n isEmpty = false\n }\n else {\n // 数据为空时保持原有配置\n opt = await setEmpty()\n }\n myChart?.setOption(...opt)\n }\n catch (error) {\n if (myChart && !myChart.isDisposed()) {\n disposeChart()\n }\n // 如果实例已被销毁，重新创建\n initChart()\n opt = await setEmpty('配置项错误')\n myChart?.setOption(...opt)\n } finally {\n myChart?.hideLoading()\n }\n }\n\n function setEmpty(subtext = '暂无数据'): Promise<[EChartsOption, SetOptionOpts]> {\n return new Promise((resolve) => {\n const img = new Image()\n img.src = emptyImg\n\n img.onload = () => {\n const aspectRatio = img.width / img.height\n\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 subtextStyle: {\n fontSize: 14,\n },\n textStyle: {\n align: 'center',\n rich: {\n a: {\n height: 100 / aspectRatio,\n width: 100,\n backgroundColor: {\n image: emptyImg,\n },\n },\n },\n },\n }],\n }\n isEmpty = true\n resolve([obj, {\n notMerge: true,\n replaceMerge: ['xAxis', 'yAxis', 'series'],\n lazyUpdate: false,\n }])\n }\n })\n }\n\n function toggleToolbox(show: boolean) {\n // 修改条件判断，移除 isDisposed 检查\n if (myChart && !myChart.isDisposed()) {\n try {\n myChart.setOption({\n toolbox: {\n show,\n },\n })\n }\n catch (error) {\n console.warn('Error toggling toolbox:', error)\n }\n }\n }\n\n const { isOutside: mouseInChart } = useMouseInElement(chartDOM)\n watchDebounced(mouseInChart, (newVal) => {\n // 修改条件判断\n if (typeof newVal !== 'boolean' \|\| (!myChart \|\| myChart.isDisposed())) {\n return\n }\n toggleToolbox(!newVal)\n }, { debounce: 200 })\n\n watchDebounced(\n () => chartOptions.value,\n async () => {\n // 修改条件判断\n if (myChart && !myChart.isDisposed()) {\n await renderChart(chartOptions.value)\n }\n },\n { debounce: 500, deep: true, immediate: true },\n )\n\n onMounted(async () => {\n if (initBefore) {\n await initBefore()\n }\n\n // 等待 DOM 渲染完成\n await nextTick()\n\n // 使用安全的初始化函数\n await safeInitChart()\n\n // 如果图表已经初始化（容器有尺寸），调用 initAfter 和设置 resize\n if (myChart && !myChart.isDisposed()) {\n if (initAfter) {\n initAfter(myChart)\n }\n useResize(myChart, chartDOM)\n }\n })\n\n onUnmounted(() => {\n // 清理 ResizeObserver\n if (resizeObserver) {\n resizeObserver.disconnect()\n resizeObserver = null\n }\n\n // 清理 IntersectionObserver\n if (intersectionObserver) {\n intersectionObserver.disconnect()\n intersectionObserver = null\n }\n\n if (myChart && !myChart.isDisposed()) {\n try {\n // 清理所有事件监听器\n myChart.getZr()?.off('mousemove')\n myChart.getZr()?.off('mouseout')\n myChart.getZr()?.off('click')\n myChart.off('click')\n disposeChart()\n }\n catch (error) {\n console.warn('Error during chart cleanup:', error)\n }\n }\n })\n\n return {\n myChart: () => 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 && !myChart.isDisposed()) {\n try {\n myChart.resize()\n }\n catch (error) {\n console.warn('Error during chart resize:', error)\n }\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":["useResize","myChart","chartDOM","width","height","useElementSize","watchDebounced","isDisposed","resize","error","console","warn","_ref","chartData","chartOptions","initBefore","initAfter","lazyLoad","isEmpty","isInitialized","resizeObserver","intersectionObserver","isInViewport","dpr","window","devicePixelRatio","disposeChart","dispose","initChart","value","clientWidth","clientHeight","echarts","init","renderer","async","startInitialization","nextTick","ResizeObserver","entries","entry","contentRect","disconnect","observe","setupResizeObserver","safeInitChart","IntersectionObserver","isIntersecting","threshold","rootMargin","setEmpty","subtext","Promise","resolve","img","Image","src","emptyImg","onload","aspectRatio","obj","title","text","modelName","top","left","itemGap","subtextStyle","fontSize","textStyle","align","rich","a","backgroundColor","image","notMerge","replaceMerge","lazyUpdate","isOutside","mouseInChart","useMouseInElement","newVal","show","setOption","toolbox","toggleToolbox","debounce","_len","arguments","length","opt","Array","_key","showLoading","data","hideLoading","renderChart","deep","immediate","onMounted","onUnmounted","getZr","off","dataSource","desc","colDesc","groupByDesc","header","map","item","filter","v","json","headerItem"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@qxs-bns/components",
   "type": "module",
-  "version": "0.0.62",
+  "version": "0.0.64",
   "description": "Vue 3 Component Library",
   "license": "MIT",
   "homepage": "https://trry-hub.github.io/qxs-bns/",

package/types/src/data-chart/index.d.ts CHANGED Viewed

@@ -5,6 +5,7 @@ declare const QxsDataChart: import("../withInstall").SFCWithInstall<import("vue"
     data?: import("./src/utils/types.ts").EChartData;
     chartOptions?: import("echarts").EChartsOption;
     jsCodeSnippet?: string;
+    lazyLoad?: boolean;
 }, {
     exportExal: () => void;
     QxsDataChartConfig: {
@@ -12,99 +13,8 @@ declare const QxsDataChart: import("../withInstall").SFCWithInstall<import("vue"
         config: typeof import("./src/utils/config.ts");
         types: typeof import("./src/utils/types.ts");
     };
-    myChartRef: Readonly<import("vue").ShallowRef<import("vue").DefineComponent<{
-        chartData: import("./src/utils/types.ts").IFormatPublicData;
-        subShowType: string;
-        chartOptions: import("echarts").EChartsOption;
-    }, {
-        myChart: globalThis.Ref<any, any>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-        chartData: import("./src/utils/types.ts").IFormatPublicData;
-        subShowType: string;
-        chartOptions: import("echarts").EChartsOption;
-    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineComponent<{
-        chartData: import("./src/utils/types.ts").IFormatPublicData;
-        subShowType: string;
-        chartOptions: import("echarts").EChartsOption;
-    }, {
-        myChart: globalThis.Ref<any, any>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-        chartData: import("./src/utils/types.ts").IFormatPublicData;
-        subShowType: string;
-        chartOptions: import("echarts").EChartsOption;
-    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineComponent<{
-        chartData: import("./src/utils/types.ts").IFormatPublicData;
-        subShowType: string;
-        chartOptions: import("echarts").EChartsOption;
-    }, {
-        myChart: globalThis.Ref<any, any>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-        chartData: import("./src/utils/types.ts").IFormatPublicData;
-        subShowType: string;
-        chartOptions: import("echarts").EChartsOption;
-    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineComponent<{
-        chartData: import("./src/utils/types.ts").IFormatPublicData;
-        chartOptions: import("echarts").EChartsOption;
-    }, {
-        myChart: globalThis.Ref<any, any>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-        chartData: import("./src/utils/types.ts").IFormatPublicData;
-        chartOptions: import("echarts").EChartsOption;
-    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineComponent<{
-        chartData: import("./src/utils/types.ts").IFormatPublicData;
-        chartOptions: import("echarts").EChartsOption;
-    }, {
-        myChart: globalThis.Ref<any, any>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-        chartData: import("./src/utils/types.ts").IFormatPublicData;
-        chartOptions: import("echarts").EChartsOption;
-    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineComponent<{
-        chartData: import("./src/utils/types.ts").IFormatPublicData;
-        chartOptions: import("echarts").EChartsOption;
-    }, {
-        myChart: globalThis.Ref<any, any>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-        chartData: import("./src/utils/types.ts").IFormatPublicData;
-        chartOptions: import("echarts").EChartsOption;
-    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineComponent<{
-        chartOptions: import("echarts").EChartsOption;
-        chartData?: import("./src/utils/types.ts").IFormatPublicData;
-    }, {
-        myChart: globalThis.Ref<any, any>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-        chartOptions: import("echarts").EChartsOption;
-        chartData?: import("./src/utils/types.ts").IFormatPublicData;
-    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | import("vue").DefineComponent<globalThis.ExtractPropTypes<{
-        chartData: {
-            type: PropType<import("./src/utils/types.ts").IFormatPublicData>;
-            default: () => {
-                colDesc: never[];
-                xGroupByDesc: never[];
-                data: never[];
-                modelName: string;
-            };
-        };
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
-        chartData: {
-            type: PropType<import("./src/utils/types.ts").IFormatPublicData>;
-            default: () => {
-                colDesc: never[];
-                xGroupByDesc: never[];
-                data: never[];
-                modelName: string;
-            };
-        };
-    }>> & Readonly<{}>, {
-        chartData: import("./src/utils/types.ts").IFormatPublicData;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> | import("vue").DefineComponent<{
-        chartData: import("./src/utils/types.ts").IFormatPublicData;
-        chartOptions: import("echarts").EChartsOption;
-    }, {
-        myChart: globalThis.Ref<any, any>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-        chartData: import("./src/utils/types.ts").IFormatPublicData;
-        chartOptions: import("echarts").EChartsOption;
-    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any> | null>>;
+    myChart: globalThis.ComputedRef<import("echarts").ECharts | null>;
+    getMyChart: () => import("echarts").ECharts | null;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     modelName?: string;
     showTypeName?: import("./src/utils/types.ts").IconRow["showTypeName"];
@@ -112,6 +22,7 @@ declare const QxsDataChart: import("../withInstall").SFCWithInstall<import("vue"
     data?: import("./src/utils/types.ts").EChartData;
     chartOptions?: import("echarts").EChartsOption;
     jsCodeSnippet?: string;
+    lazyLoad?: boolean;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>> & Record<string, any>;
 export { QxsDataChart, };
 export default QxsDataChart;

package/types/src/data-chart/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
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"}
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/area.vue.d.ts CHANGED Viewed

@@ -1,10 +1,12 @@
+import type { ECharts } from 'echarts/types/dist/echarts';
 import type { EChartsOption, IFormatPublicData } from '../utils/types';
 type __VLS_Props = {
     chartOptions: EChartsOption;
     chartData?: IFormatPublicData;
+    lazyLoad?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {
-    myChart: globalThis.Ref<any, any>;
+    myChart: () => ECharts | null;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=area.vue.d.ts.map

package/types/src/data-chart/src/components/area.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"area.vue.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/data-chart/src/components/area.vue"],"names":[],"mappings":"~~AA2PA~~,OAAO,KAAK,EAAE,aAAa,EAAW,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAU/E,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,aAAa,CAAA;IAC3B,SAAS,CAAC,EAAE,iBAAiB,CAAA;~~CAC9B~~,CAAC;;;;~~AA+OF~~,wBAOG"}
1	+ {"version":3,"file":"area.vue.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/data-chart/src/components/area.vue"],"names":[],"mappings":"AAAA,OA8PO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,KAAK,EAAE,aAAa,EAAW,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAU/E,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,aAAa,CAAA;IAC3B,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;;;;AAgPF,wBAOG"}

package/types/src/data-chart/src/components/bar.vue.d.ts CHANGED Viewed

@@ -3,9 +3,10 @@ type __VLS_Props = {
     chartData: IFormatPublicData;
     subShowType: string;
     chartOptions: EChartsOption;
+    lazyLoad?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {
-    myChart: globalThis.Ref<any, any>;
+    myChart: () => import("echarts").ECharts | null;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=bar.vue.d.ts.map

package/types/src/data-chart/src/components/bar.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"bar.vue.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/data-chart/src/components/bar.vue"],"names":[],"mappings":"~~AA4MA~~,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;;;;~~AAkNF~~,wBAOG"}
1	+ {"version":3,"file":"bar.vue.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/data-chart/src/components/bar.vue"],"names":[],"mappings":"AA0NA,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;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;;;;AA4NF,wBAOG"}

package/types/src/data-chart/src/components/funnel.vue.d.ts CHANGED Viewed

@@ -2,9 +2,10 @@ import type { EChartsOption, IFormatPublicData } from '../utils/types';
 type __VLS_Props = {
     chartData: IFormatPublicData;
     chartOptions: EChartsOption;
+    lazyLoad?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {
-    myChart: globalThis.Ref<any, any>;
+    myChart: () => import("echarts").ECharts | null;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=funnel.vue.d.ts.map

package/types/src/data-chart/src/components/funnel.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"funnel.vue.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/data-chart/src/components/funnel.vue"],"names":[],"mappings":"~~AA4EA~~,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAOtE,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,iBAAiB,CAAA;IAC5B,YAAY,EAAE,aAAa,CAAA;~~CAC5B~~,CAAC;;;;~~AA2FF~~,wBAOG"}
1	+ {"version":3,"file":"funnel.vue.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/data-chart/src/components/funnel.vue"],"names":[],"mappings":"AA2FA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAOtE,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,iBAAiB,CAAA;IAC5B,YAAY,EAAE,aAAa,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;;;;AAsGF,wBAOG"}

package/types/src/data-chart/src/components/line.vue.d.ts CHANGED Viewed

@@ -3,9 +3,10 @@ type __VLS_Props = {
     chartData: IFormatPublicData;
     subShowType: string;
     chartOptions: EChartsOption;
+    lazyLoad?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {
-    myChart: globalThis.Ref<any, any>;
+    myChart: () => import("echarts").ECharts | null;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=line.vue.d.ts.map

package/types/src/data-chart/src/components/line.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"line.vue.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/data-chart/src/components/line.vue"],"names":[],"mappings":"~~AA6JA~~,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAOtE,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,iBAAiB,CAAA;IAC5B,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,aAAa,CAAA;~~CAC5B~~,CAAC;;;;~~AAwKF~~,wBAOG"}
1	+ {"version":3,"file":"line.vue.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/data-chart/src/components/line.vue"],"names":[],"mappings":"AAiKA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAOtE,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,iBAAiB,CAAA;IAC5B,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,aAAa,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;;;;AA2KF,wBAOG"}

package/types/src/data-chart/src/components/pie.vue.d.ts CHANGED Viewed

@@ -3,9 +3,10 @@ type __VLS_Props = {
     chartData: IFormatPublicData;
     subShowType: string;
     chartOptions: EChartsOption;
+    lazyLoad?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {
-    myChart: globalThis.Ref<any, any>;
+    myChart: () => import("echarts").ECharts | null;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=pie.vue.d.ts.map

package/types/src/data-chart/src/components/pie.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pie.vue.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/data-chart/src/components/pie.vue"],"names":[],"mappings":"~~AA8NA~~,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAQtE,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,iBAAiB,CAAA;IAC5B,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,aAAa,CAAA;~~CAC5B~~,CAAC;;;;~~AA2OF~~,wBAOG"}
1	+ {"version":3,"file":"pie.vue.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/data-chart/src/components/pie.vue"],"names":[],"mappings":"AAwOA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAQtE,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,iBAAiB,CAAA;IAC5B,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,aAAa,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;;;;AAiPF,wBAOG"}

package/types/src/data-chart/src/components/radar.vue.d.ts CHANGED Viewed

@@ -2,9 +2,10 @@ import type { EChartsOption, IFormatPublicData } from '../utils/types';
 type __VLS_Props = {
     chartData: IFormatPublicData;
     chartOptions: EChartsOption;
+    lazyLoad?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {
-    myChart: globalThis.Ref<any, any>;
+    myChart: () => import("echarts").ECharts | null;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=radar.vue.d.ts.map

package/types/src/data-chart/src/components/radar.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radar.vue.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/data-chart/src/components/radar.vue"],"names":[],"mappings":"AAAA,~~OAgFO~~,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAStE,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,iBAAiB,CAAA;IAC5B,YAAY,EAAE,aAAa,CAAA;~~CAC5B~~,CAAC;;;;~~AA+FF~~,wBAOG"}
1	+ {"version":3,"file":"radar.vue.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/data-chart/src/components/radar.vue"],"names":[],"mappings":"AAAA,OA+FO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAStE,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,iBAAiB,CAAA;IAC5B,YAAY,EAAE,aAAa,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;;;;AA0GF,wBAOG"}

package/types/src/data-chart/src/components/scatter-simple.vue.d.ts CHANGED Viewed

@@ -2,9 +2,10 @@ import type { EChartsOption, IFormatPublicData } from '../utils/types';
 type __VLS_Props = {
     chartData: IFormatPublicData;
     chartOptions: EChartsOption;
+    lazyLoad?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {
-    myChart: globalThis.Ref<any, any>;
+    myChart: () => import("echarts").ECharts | null;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=scatter-simple.vue.d.ts.map

package/types/src/data-chart/src/components/scatter-simple.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scatter-simple.vue.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/data-chart/src/components/scatter-simple.vue"],"names":[],"mappings":"AAAA,~~OAyEO~~,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAOtE,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,iBAAiB,CAAA;IAC5B,YAAY,EAAE,aAAa,CAAA;~~CAC5B~~,CAAC;;;;~~AA0FF~~,wBAOG"}
1	+ {"version":3,"file":"scatter-simple.vue.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/data-chart/src/components/scatter-simple.vue"],"names":[],"mappings":"AAAA,OAwFO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAOtE,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,iBAAiB,CAAA;IAC5B,YAAY,EAAE,aAAa,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;;;;AAqGF,wBAOG"}