@qxs-bns/components 0.0.59 → 0.0.61

package/es/src/data-chart/src/utils/useCharts.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCharts.mjs","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 } 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 }: {\n  chartDOM: Ref<HTMLElement | null>\n  chartData: Ref<IFormatPublicData>\n  chartOptions: Ref<EChartsOption>\n  initBefore?: () => Promise<void>\n  initAfter?: (e: ECharts | null) => void\n}) {\n  // 每个组件实例的独立状态\n  let myChart: ECharts | null = null\n  let isEmpty = 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      // 如果实例已被销毁，重新创建\n      myChart = echarts.init(chartDOM.value, null, {\n        devicePixelRatio: dpr,\n        renderer: 'svg',\n      })\n    }\n    return myChart\n  }\n\n  async function renderChart(...opt: [EChartsOption, SetOptionOpts?]) {\n    try {\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    initChart()\n    if (initAfter) {\n      await initAfter(myChart)\n    }\n    // 修改条件判断\n    if (myChart && !myChart.isDisposed()) {\n      useResize(myChart, chartDOM)\n    }\n  })\n\n  onUnmounted(() => {\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,\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":["useCharts","chartDOM","chartData","chartOptions","initBefore","initAfter","_ref","myChart","isEmpty","dpr","window","devicePixelRatio","disposeChart","isDisposed","dispose","error","console","warn","initChart","echarts","init","value","renderer","setEmpty","subtext","Promise","resolve","img","Image","src","emptyImg","onload","aspectRatio","width","height","obj","title","text","modelName","top","left","itemGap","subtextStyle","fontSize","textStyle","align","rich","a","backgroundColor","image","notMerge","replaceMerge","lazyUpdate","isOutside","mouseInChart","useMouseInElement","watchDebounced","newVal","show","setOption","toolbox","toggleToolbox","debounce","async","_len","arguments","length","opt","Array","_key","showLoading","data","hideLoading","renderChart","deep","immediate","onMounted","useResize","onUnmounted","getZr","off","useElementSize","resize","useDataToExcelJson","dataSource","desc","colDesc","groupByDesc","header","map","item","filter","v","json","headerItem"],"mappings":"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"}
+{"version":3,"file":"useCharts.mjs","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":["useCharts","chartDOM","chartData","chartOptions","initBefore","initAfter","_ref","myChart","ref","isEmpty","dpr","window","devicePixelRatio","disposeChart","value","isDisposed","dispose","error","console","warn","initChart","echarts","init","renderer","setEmpty","subtext","Promise","resolve","img","Image","src","emptyImg","onload","aspectRatio","width","height","obj","title","text","modelName","top","left","itemGap","subtextStyle","fontSize","textStyle","align","rich","a","backgroundColor","image","notMerge","replaceMerge","lazyUpdate","isOutside","mouseInChart","useMouseInElement","watchDebounced","newVal","show","setOption","toolbox","toggleToolbox","debounce","async","_len","arguments","length","opt","Array","_key","showLoading","data","hideLoading","renderChart","deep","immediate","onMounted","useResize","onUnmounted","getZr","off","useElementSize","resize","useDataToExcelJson","dataSource","desc","colDesc","groupByDesc","header","map","item","filter","v","json","headerItem"],"mappings":"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"}

package/es/src/icon/src/icon.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as e,useAttrs as o,computed as n,createElementBlock as t,openBlock as i,normalizeStyle as r,normalizeClass as s,unref as c,createBlock as u,resolveDynamicComponent as p,createElementVNode as l}from"vue";import{Icon as a}from"../../../node_modules/.pnpm/@iconify_vue@5.0.0_vue@3.5.18_typescript@5.9.2_/node_modules/@iconify/vue/dist/iconify.mjs";import{useNamespace as f}from"@qxs-bns/hooks";const d={key:3,"aria-hidden":"true"},m=["xlink:href"];var y=e({name:"QxsIcon",__name:"icon",props:{icon:{type:null,required:!0},runtime:{type:Boolean,required:!1},flip:{type:String,required:!1},rotate:{type:Number,required:!1},color:{type:String,required:!1},size:{type:[String,Number],required:!1}},setup(e){const y=e,g=o(),h=f("icon"),v=n(()=>"object"==typeof y.icon||"function"==typeof y.icon),b=n(()=>v.value?"component":0===y.icon.indexOf("i-")?y.runtime?"svg":"css":y.icon.includes(":")?"svg":"custom"),k=n(()=>{if(v.value)return"";if(0===y.icon.indexOf("i-")){let e=y.icon;return y.runtime&&(e=e.replace("i-","")),e}return y.icon}),$=n(()=>{const e=[];if(""!==y.flip)switch(y.flip){case"horizontal":e.push("rotateY(180deg)");break;case"vertical":e.push("rotateX(180deg)");break;case"both":e.push("rotateX(180deg)"),e.push("rotateY(180deg)")}y.rotate&&e.push(`rotate(${y.rotate%360}deg)`);const{color:o,size:n}=y;return`${o?`color: ${o};`:""}\n          ${n?`font-size: ${"number"==typeof n?`${n}px;`:n}`:""}\n          ${e.length?`transform: ${e.join(" ")};`:""}`});return(e,o)=>(i(),t("i",{class:s([c(h).b(),c(h).e("icon-wrap")]),style:r(c($)+c(g).style)},["component"===c(b)?(i(),u(p(e.icon),{key:0})):"css"===c(b)?(i(),t("i",{key:1,class:s(c(k))},null,2)):"svg"===c(b)?(i(),u(c(a),{key:2,icon:c(k)},null,8,["icon"])):(i(),t("svg",d,[l("use",{"xlink:href":`#icon-${c(k)}`},null,8,m)]))],6))}});export{y as default};
+import{defineComponent as e,useAttrs as o,computed as t,createElementBlock as r,openBlock as i,normalizeStyle as n,normalizeClass as s,unref as c,createBlock as u,resolveDynamicComponent as p,createElementVNode as l}from"vue";import{Icon as a}from"../../../node_modules/.pnpm/@iconify_vue@5.0.0_vue@3.5.18_typescript@5.9.2_/node_modules/@iconify/vue/dist/iconify.mjs";import{useNamespace as d}from"@qxs-bns/hooks";const f={key:3,"aria-hidden":"true"},m=["xlink:href"];var y=e({name:"QxsIcon",__name:"icon",props:{icon:{type:null,required:!0},runtime:{type:Boolean,required:!1},flip:{type:String,required:!1},rotate:{type:Number,required:!1},color:{type:String,required:!1},size:{type:[String,Number],required:!1}},setup(e){const y=e,g=o(),h=d("icon"),v=t(()=>"object"==typeof y.icon||"function"==typeof y.icon),$=t(()=>v.value?"component":0===y.icon.indexOf("i-")?y.runtime?"svg":"css":y.icon.includes(":")?"svg":"custom"),b=t(()=>{if(v.value)return"";if(0===y.icon.indexOf("i-")){let e=y.icon;return y.runtime&&(e=e.replace("i-","")),e}return y.icon}),k=t(()=>{const e=[];if(""!==y.flip)switch(y.flip){case"horizontal":e.push("rotateY(180deg)");break;case"vertical":e.push("rotateX(180deg)");break;case"both":e.push("rotateX(180deg)"),e.push("rotateY(180deg)")}y.rotate&&e.push(`rotate(${y.rotate%360}deg)`);const{color:o,size:t}=y;return`${o?`color: ${o};`:""}${t?`font-size: ${r=t,r?"number"==typeof r||/^\d+(\.\d+)?$/.test(r)?`${r}px`:r:""};`:""}${e.length?`transform: ${e.join(" ")};`:""}`;var r});return(e,o)=>(i(),r("i",{class:s([c(h).b(),c(h).e("icon-wrap")]),style:n(c(k)+(c(g).style||""))},["component"===c($)?(i(),u(p(e.icon),{key:0})):"css"===c($)?(i(),r("i",{key:1,class:s(c(b))},null,2)):"svg"===c($)?(i(),u(c(a),{key:2,icon:c(b)},null,8,["icon"])):(i(),r("svg",f,[l("use",{"xlink:href":`#icon-${c(b)}`},null,8,m)]))],6))}});export{y as default};
 //# sourceMappingURL=icon.vue.mjs.map

package/es/src/icon/src/icon.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"icon.vue.mjs","sources":["../../../../../../packages/components/src/icon/src/icon.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Icon } from '@iconify/vue'\nimport { useNamespace } from '@qxs-bns/hooks'\nimport type { Component } from 'vue'\n\ndefineOptions({\n  name: 'QxsIcon',\n})\n\nconst props = defineProps<PropsType>()\n\nconst attrs = useAttrs()\n\nconst ns = useNamespace('icon')\n\nexport interface PropsType {\n  icon: string | Component\n  runtime?: boolean\n  flip?: 'horizontal' | 'vertical' | 'both' | ''\n  rotate?: number\n  color?: string\n  size?: string | number\n}\n\nconst isComponentName = computed(() => typeof props.icon === 'object' || typeof props.icon === 'function')\n\nconst outputType = computed(() => {\n  if (isComponentName.value) {\n    return 'component'\n  }\n  if ((props.icon as string).indexOf('i-') === 0) {\n    return props.runtime ? 'svg' : 'css'\n  }\n  else if ((props.icon as string).includes(':')) {\n    return 'svg'\n  }\n  else {\n    return 'custom'\n  }\n})\n\nconst outputName = computed(() => {\n  if (isComponentName.value) return ''\n  if ((props.icon as string).indexOf('i-') === 0) {\n    let conversionName = props.icon as string\n    if (props.runtime) {\n      conversionName = conversionName.replace('i-', '')\n    }\n    return conversionName\n  }\n  else {\n    return props.icon as string\n  }\n})\n\nconst style = computed(() => {\n  const transform = [] as string[]\n  if (props.flip !== '') {\n    switch (props.flip) {\n      case 'horizontal':\n        transform.push('rotateY(180deg)')\n        break\n      case 'vertical':\n        transform.push('rotateX(180deg)')\n        break\n      case 'both':\n        transform.push('rotateX(180deg)')\n        transform.push('rotateY(180deg)')\n        break\n    }\n  }\n  if (props.rotate) {\n    transform.push(`rotate(${props.rotate % 360}deg)`)\n  }\n  const { color, size } = props\n  return `${color ? `color: ${color};` : ''}\n          ${size ? `font-size: ${typeof size === 'number' ? `${size}px;` : size}` : ''}\n          ${transform.length ? `transform: ${transform.join(' ')};` : ''}`\n})\n</script>\n\n<template>\n  <i\n    :class=\"[ns.b(), ns.e('icon-wrap')]\"\n    :style=\"style + attrs.style\"\n  >\n    <component\n      v-if=\"outputType === 'component'\"\n      :is=\"icon as any\"\n    />\n    <i\n      v-else-if=\"outputType === 'css'\"\n      :class=\"outputName\"\n    />\n    <Icon\n      v-else-if=\"outputType === 'svg'\"\n      :icon=\"outputName\"\n    />\n    <svg\n      v-else\n      aria-hidden=\"true\"\n    >\n      <use :xlink:href=\"`#icon-${outputName}`\" />\n    </svg>\n  </i>\n</template>\n"],"names":["props","__props","attrs","useAttrs","ns","useNamespace","isComponentName","computed","icon","outputType","value","indexOf","runtime","includes","outputName","conversionName","replace","style","transform","flip","push","rotate","color","size","length","join","_createElementBlock","class","_unref","b","e","_normalizeStyle","_openBlock","_createBlock","_resolveDynamicComponent","key","Icon","_hoisted_1","_createElementVNode"],"mappings":"mtBASA,MAAMA,EAAQC,EAERC,EAAQC,IAERC,EAAKC,EAAa,QAWlBC,EAAkBC,EAAS,IAA4B,iBAAfP,EAAMQ,MAA2C,mBAAfR,EAAMQ,MAEhFC,EAAaF,EAAS,IACtBD,EAAgBI,MACX,YAEoC,IAAxCV,EAAMQ,KAAgBG,QAAQ,MAC1BX,EAAMY,QAAU,MAAQ,MAEvBZ,EAAMQ,KAAgBK,SAAS,KAChC,MAGA,UAILC,EAAaP,EAAS,KAC1B,GAAID,EAAgBI,MAAO,MAAO,GAClC,GAA6C,IAAxCV,EAAMQ,KAAgBG,QAAQ,MAAa,CAC9C,IAAII,EAAiBf,EAAMQ,KAI3B,OAHIR,EAAMY,UACRG,EAAiBA,EAAeC,QAAQ,KAAM,KAEzCD,CACT,CAEE,OAAOf,EAAMQ,OAIXS,EAAQV,EAAS,KACrB,MAAMW,EAAY,GAClB,GAAmB,KAAflB,EAAMmB,KACR,OAAQnB,EAAMmB,MACZ,IAAK,aACHD,EAAUE,KAAK,mBACf,MACF,IAAK,WACHF,EAAUE,KAAK,mBACf,MACF,IAAK,OACHF,EAAUE,KAAK,mBACfF,EAAUE,KAAK,mBAIjBpB,EAAMqB,QACRH,EAAUE,KAAK,UAAUpB,EAAMqB,OAAS,WAE1C,MAAMC,MAAEA,EAAAC,KAAOA,GAASvB,EACxB,MAAO,GAAGsB,EAAQ,UAAUA,KAAW,iBAC7BC,EAAO,cAA8B,iBAATA,EAAoB,GAAGA,OAAYA,IAAS,iBACxEL,EAAUM,OAAS,cAAcN,EAAUO,KAAK,QAAU,yBAKpEC,EAsBI,IAAA,CArBDC,SAAQC,EAAAxB,GAAGyB,IAAKD,EAAAxB,GAAG0B,EAAC,eACpBb,MAAKc,EAAEH,EAAAX,GAAQW,EAAA1B,GAAMe,SAGJ,cAAVW,EAAAnB,IADRuB,IAAAC,EAGEC,EADK1B,EAAAA,MAAI,CAAA2B,IAAA,KAGY,QAAVP,EAAAnB,QADbiB,EAGE,IAAA,OADCC,QAAOC,EAAAd,cAGa,QAAVc,EAAAnB,QADbwB,EAGEL,EAAAQ,GAAA,OADC5B,KAAMoB,EAAAd,uBAETkB,IAAAN,EAKM,MALNW,EAKM,CADJC,EAA2C,MAAA,CAArC,sBAAqBV,EAAAd"}
+{"version":3,"file":"icon.vue.mjs","sources":["../../../../../../packages/components/src/icon/src/icon.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Icon } from '@iconify/vue'\nimport { useNamespace } from '@qxs-bns/hooks'\nimport type { Component } from 'vue'\n\ndefineOptions({\n  name: 'QxsIcon',\n})\n\nconst props = defineProps<PropsType>()\n\nconst attrs = useAttrs()\n\nconst ns = useNamespace('icon')\n\nexport interface PropsType {\n  icon: string | Component\n  runtime?: boolean\n  flip?: 'horizontal' | 'vertical' | 'both' | ''\n  rotate?: number\n  color?: string\n  size?: string | number\n}\n\nconst isComponentName = computed(() => typeof props.icon === 'object' || typeof props.icon === 'function')\n\nconst outputType = computed(() => {\n  if (isComponentName.value) {\n    return 'component'\n  }\n  if ((props.icon as string).indexOf('i-') === 0) {\n    return props.runtime ? 'svg' : 'css'\n  }\n  else if ((props.icon as string).includes(':')) {\n    return 'svg'\n  }\n  else {\n    return 'custom'\n  }\n})\n\nconst outputName = computed(() => {\n  if (isComponentName.value) return ''\n  if ((props.icon as string).indexOf('i-') === 0) {\n    let conversionName = props.icon as string\n    if (props.runtime) {\n      conversionName = conversionName.replace('i-', '')\n    }\n    return conversionName\n  }\n  else {\n    return props.icon as string\n  }\n})\n\nconst style = computed(() => {\n  const transform = [] as string[]\n  if (props.flip !== '') {\n    switch (props.flip) {\n      case 'horizontal':\n        transform.push('rotateY(180deg)')\n        break\n      case 'vertical':\n        transform.push('rotateX(180deg)')\n        break\n      case 'both':\n        transform.push('rotateX(180deg)')\n        transform.push('rotateY(180deg)')\n        break\n    }\n  }\n  if (props.rotate) {\n    transform.push(`rotate(${props.rotate % 360}deg)`)\n  }\n  const { color, size } = props\n\n  // 用正则匹配 size 是不是 number 值，再判断是否有 px 结尾的单位，没有则拼接\n  const formatSize = (size: string | number | undefined): string => {\n    if (!size) return ''\n\n    // 如果是数字，直接添加 px\n    if (typeof size === 'number') {\n      return `${size}px`\n    }\n\n    // 如果是纯数字字符串，添加 px\n    if (/^\\d+(\\.\\d+)?$/.test(size)) {\n      return `${size}px`\n    }\n\n    // 如果已经有单位（px、em、rem等）或者不是纯数字，直接返回\n    return size\n  }\n\n  return `${color ? `color: ${color};` : ''}${size ? `font-size: ${formatSize(size)};` : ''}${transform.length ? `transform: ${transform.join(' ')};` : ''}`\n})\n</script>\n\n<template>\n  <i\n    :class=\"[ns.b(), ns.e('icon-wrap')]\"\n    :style=\"style + (attrs.style || '')\"\n  >\n    <component\n      v-if=\"outputType === 'component'\"\n      :is=\"icon as any\"\n    />\n    <i\n      v-else-if=\"outputType === 'css'\"\n      :class=\"outputName\"\n    />\n    <Icon\n      v-else-if=\"outputType === 'svg'\"\n      :icon=\"outputName\"\n    />\n    <svg\n      v-else\n      aria-hidden=\"true\"\n    >\n      <use :xlink:href=\"`#icon-${outputName}`\" />\n    </svg>\n  </i>\n</template>\n"],"names":["props","__props","attrs","useAttrs","ns","useNamespace","isComponentName","computed","icon","outputType","value","indexOf","runtime","includes","outputName","conversionName","replace","style","transform","flip","push","rotate","color","size","test","length","join","_createElementBlock","class","_unref","b","e","_normalizeStyle","_openBlock","_createBlock","_resolveDynamicComponent","key","Icon","_hoisted_1","_createElementVNode"],"mappings":"mtBASA,MAAMA,EAAQC,EAERC,EAAQC,IAERC,EAAKC,EAAa,QAWlBC,EAAkBC,EAAS,IAA4B,iBAAfP,EAAMQ,MAA2C,mBAAfR,EAAMQ,MAEhFC,EAAaF,EAAS,IACtBD,EAAgBI,MACX,YAEoC,IAAxCV,EAAMQ,KAAgBG,QAAQ,MAC1BX,EAAMY,QAAU,MAAQ,MAEvBZ,EAAMQ,KAAgBK,SAAS,KAChC,MAGA,UAILC,EAAaP,EAAS,KAC1B,GAAID,EAAgBI,MAAO,MAAO,GAClC,GAA6C,IAAxCV,EAAMQ,KAAgBG,QAAQ,MAAa,CAC9C,IAAII,EAAiBf,EAAMQ,KAI3B,OAHIR,EAAMY,UACRG,EAAiBA,EAAeC,QAAQ,KAAM,KAEzCD,CACT,CAEE,OAAOf,EAAMQ,OAIXS,EAAQV,EAAS,KACrB,MAAMW,EAAY,GAClB,GAAmB,KAAflB,EAAMmB,KACR,OAAQnB,EAAMmB,MACZ,IAAK,aACHD,EAAUE,KAAK,mBACf,MACF,IAAK,WACHF,EAAUE,KAAK,mBACf,MACF,IAAK,OACHF,EAAUE,KAAK,mBACfF,EAAUE,KAAK,mBAIjBpB,EAAMqB,QACRH,EAAUE,KAAK,UAAUpB,EAAMqB,OAAS,WAE1C,MAAMC,MAAEA,EAAAC,KAAOA,GAASvB,EAoBxB,MAAO,GAAGsB,EAAQ,UAAUA,KAAW,KAAKC,EAAO,cAjB/BA,EAiBwDA,EAhBrEA,EAGe,iBAATA,GAKP,gBAAgBC,KAAKD,GAJhB,GAAGA,MASLA,EAbW,MAgBmE,KAAKL,EAAUO,OAAS,cAAcP,EAAUQ,KAAK,QAAU,KAjBnI,IAACH,sBAsBpBI,EAsBI,IAAA,CArBDC,SAAQC,EAAAzB,GAAG0B,IAAKD,EAAAzB,GAAG2B,EAAC,eACpBd,MAAKe,EAAEH,EAAAZ,IAASY,EAAA3B,GAAMe,OAAK,OAGV,cAAVY,EAAApB,IADRwB,IAAAC,EAGEC,EADK3B,EAAAA,MAAI,CAAA4B,IAAA,KAGY,QAAVP,EAAApB,QADbkB,EAGE,IAAA,OADCC,QAAOC,EAAAf,cAGa,QAAVe,EAAApB,QADbyB,EAGEL,EAAAQ,GAAA,OADC7B,KAAMqB,EAAAf,uBAETmB,IAAAN,EAKM,MALNW,EAKM,CADJC,EAA2C,MAAA,CAArC,sBAAqBV,EAAAf"}

package/es/src/image-upload/src/image-upload.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"image-upload.vue.mjs","sources":["../../../../../../packages/components/src/image-upload/src/image-upload.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { UploadFile, UploadFiles, UploadProps } from 'element-plus'\nimport { Delete, Plus } from '@element-plus/icons-vue'\nimport { ZoomIn } from '@qxs-bns/icons'\nimport { useNamespace } from 'element-plus'\n\n// 组件名称\ndefineOptions({\n  name: 'QxsImageUpload',\n})\n\n// Props 定义\nconst {\n  name = 'file',\n  size = 20,\n  width = 160,\n  height = 90,\n  limit = 1,\n  placeholder = '上传图片',\n  notip = false,\n  accept = 'image/jpeg,image/jpg,image/png,image/gif',\n  beforeUpload,\n  tipText = '',\n  disabled = false,\n} = defineProps<ImageUploadProps>()\n\n// Emits 定义\nconst emits = defineEmits<{\n  onSuccess: [res: any, uploadFile: UploadFile, uploadFiles: UploadFiles]\n  remove: [file: UploadFile]\n}>()\n\n// 类型定义\nexport interface ImageUploadProps {\n  action: UploadProps['action']\n  headers?: UploadProps['headers']\n  data?: UploadProps['data']\n  name?: UploadProps['name']\n  url?: string\n  size?: number\n  width?: number\n  accept?: string\n  height?: number\n  placeholder?: string\n  notip?: boolean\n  tipText?: string\n  beforeUpload?: UploadProps['beforeUpload']\n  disabled?: boolean\n  limit?: number\n}\n\ninterface UploadProgress {\n  preview: string\n  percent: number\n}\n\nconst attrs = useAttrs()\n\nconst fileList = defineModel('fileList', {\n  type: Array as () => UploadFile[],\n  default: () => [],\n})\n\n// 命名空间\nconst nsEl = useNamespace('image-upload')\n\nconst initialIndex = ref(0)\n// 响应式数据\nconst uploadData = ref<{\n  imageViewerVisible: boolean\n  progress: UploadProgress\n}>({\n  imageViewerVisible: false,\n  progress: {\n    preview: '',\n    percent: 0,\n  },\n})\n\nconst cssVar = computed(() => {\n  return nsEl.cssVarBlock({\n    ns: nsEl.namespace.value,\n    width: `${width || 160}px`,\n    height: `${height || 90}px`,\n  })\n})\n\n// 计算属性\nconst exts = computed(() =>\n  accept.split(',').map(ext => ext.split('/').pop()),\n)\n\nconst tipMessage = computed(\n  () =>\n    tipText\n    || `上传图片支持 ${exts.value.join(\n      ' / ',\n    )} 格式，且图片大小不超过 ${size}MB${width && height ? `，建议图片尺寸为 ${width}*${height}` : ''}`,\n)\n\n// 方法\nfunction onPreview(file: UploadFile) {\n  initialIndex.value = fileList.value.indexOf(file)\n  uploadData.value.imageViewerVisible = true\n}\nfunction onRemove(file: UploadFile) {\n  fileList.value.splice(fileList.value.indexOf(file), 1)\n}\n\nfunction previewClose() {\n  uploadData.value.imageViewerVisible = false\n}\n\nconst handleBeforeUpload: UploadProps['beforeUpload'] = (file) => {\n  const fileExt = file.name.split('.').pop() ?? ''\n  const isTypeOk = exts.value.includes(fileExt)\n  const isSizeOk = file.size / 1024 / 1024 < size\n\n  if (!isTypeOk) {\n    ElMessage.error(`上传图片只支持${exts.value.join(' / ')}格式！`)\n    return false\n  }\n\n  if (!isSizeOk) {\n    ElMessage.error(`上传图片大小不能超过 ${size}MB！`)\n    return false\n  }\n\n  uploadData.value.progress.preview = URL.createObjectURL(file)\n\n  return beforeUpload ? beforeUpload(file) : true\n}\n\nconst onProgress: UploadProps['onProgress'] = (evt) => {\n  uploadData.value.progress.percent = Math.floor(evt.percent)\n}\n\nconst onSuccess: UploadProps['onSuccess'] = (...args) => {\n  uploadData.value.progress = {\n    preview: '',\n    percent: 0,\n  }\n  emits('onSuccess', ...args)\n}\n</script>\n\n<template>\n  <div\n    :class=\"nsEl.e('container')\"\n    :style=\"cssVar\"\n  >\n    <el-upload\n      v-bind=\"attrs\"\n      v-model:file-list=\"fileList\"\n      drag\n      :limit=\"limit\"\n      list-type=\"picture-card\"\n      :headers=\"headers\"\n      :action=\"action\"\n      :data=\"data\"\n      :name=\"name\"\n      :accept=\"accept\"\n      :before-upload=\"handleBeforeUpload\"\n      :on-progress=\"onProgress\"\n      :on-preview=\"onPreview\"\n      :on-success=\"onSuccess\"\n      :class=\"[nsEl.e('control'), limit <= fileList.length ? nsEl.e('more-than-limit') : '']\"\n      :on-remove=\"onRemove\"\n    >\n      <slot>\n        <div class=\"image-slot\">\n          <el-icon><Plus /></el-icon>\n          <p>{{ placeholder }}</p>\n        </div>\n      </slot>\n      <template #file=\"{ file }\">\n        <img\n          :class=\"`${nsEl.namespace.value}-upload-list__item-thumbnail`\"\n          :src=\"file.url\"\n          alt=\"\"\n        >\n        <span :class=\"`${nsEl.namespace.value}-upload-list__item-actions`\">\n          <span\n            :class=\"`${nsEl.namespace.value}-upload-list__item-preview`\"\n            @click=\"onPreview(file)\"\n          >\n            <el-icon><ZoomIn /></el-icon>\n          </span>\n          <span\n            v-if=\"!disabled\"\n            :class=\"`${nsEl.namespace.value}-upload-list__item-delete`\"\n            @click=\"onRemove(file)\"\n          >\n            <el-icon><Delete /></el-icon>\n          </span>\n        </span>\n      </template>\n      <template #tip>\n        <slot name=\"tip\">\n          <div\n            v-if=\"!notip\"\n            :class=\"`${nsEl.namespace.value}-upload__tip-text`\"\n          >\n            <div class=\"tip-content\">\n              {{ tipMessage }}\n            </div>\n          </div>\n        </slot>\n      </template>\n    </el-upload>\n\n    <el-image-viewer\n      v-if=\"uploadData.imageViewerVisible\"\n      :url-list=\"fileList.map(item => item.url).filter(v => v !== undefined)\"\n      :initial-index=\"initialIndex\"\n      teleported\n      @close=\"previewClose\"\n    />\n  </div>\n</template>\n"],"names":["emits","__emit","attrs","useAttrs","fileList","_useModel","__props","nsEl","useNamespace","initialIndex","ref","uploadData","imageViewerVisible","progress","preview","percent","cssVar","computed","cssVarBlock","ns","namespace","value","width","height","exts","split","map","ext","pop","tipMessage","tipText","join","size","onPreview","file","indexOf","onRemove","splice","previewClose","handleBeforeUpload","fileExt","name","isTypeOk","includes","isSizeOk","URL","createObjectURL","beforeUpload","ElMessage","error","onProgress","evt","Math","floor","onSuccess","args","_createElementBlock","class","_normalizeClass","_unref","e","style","_createVNode","_component_el_upload","_mergeProps","$event","drag","limit","headers","action","data","accept","length","_withCtx","_createElementVNode","src","url","alt","onClick","_component_el_icon","ZoomIn","disabled","Delete","tip","_renderSlot","_ctx","notip","_hoisted_5","_toDisplayString","_hoisted_1","Plus","placeholder","_createBlock","_component_el_image_viewer","item","filter","v","teleported","onClose"],"mappings":"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"}
+{"version":3,"file":"image-upload.vue.mjs","sources":["../../../../../../packages/components/src/image-upload/src/image-upload.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { UploadFile, UploadFiles, UploadProps } from 'element-plus'\nimport { Delete, Plus } from '@element-plus/icons-vue'\nimport { ZoomIn } from '@qxs-bns/icons'\nimport { useNamespace } from 'element-plus'\n\n// 组件名称\ndefineOptions({\n  name: 'QxsImageUpload',\n})\n\n// Props 定义\nconst {\n  name = 'file',\n  size = 20,\n  width = 160,\n  height = 90,\n  limit = 1,\n  placeholder = '上传图片',\n  notip = false,\n  accept = 'image/jpeg,image/jpg,image/png,image/gif',\n  beforeUpload,\n  tipText = '',\n  disabled = false,\n} = defineProps<ImageUploadProps>()\n\n// Emits 定义\nconst emits = defineEmits<{\n  onSuccess: [res: any, uploadFile: UploadFile, uploadFiles: UploadFiles]\n  remove: [file: UploadFile]\n}>()\n\n// 类型定义\nexport interface ImageUploadProps {\n  action: UploadProps['action']\n  headers?: UploadProps['headers']\n  data?: UploadProps['data']\n  name?: UploadProps['name']\n  url?: string\n  size?: number\n  width?: number\n  accept?: string\n  height?: number\n  placeholder?: string\n  notip?: boolean\n  tipText?: string\n  beforeUpload?: UploadProps['beforeUpload']\n  disabled?: boolean\n  limit?: number\n}\n\ninterface UploadProgress {\n  preview: string\n  percent: number\n}\n\nconst attrs = useAttrs()\n\nconst fileList = defineModel('fileList', {\n  type: Array as () => UploadFile[],\n  default: () => [],\n})\n\n// 命名空间\nconst nsEl = useNamespace('image-upload')\n\nconst initialIndex = ref(0)\n// 响应式数据\nconst uploadData = ref<{\n  imageViewerVisible: boolean\n  progress: UploadProgress\n}>({\n  imageViewerVisible: false,\n  progress: {\n    preview: '',\n    percent: 0,\n  },\n})\n\nconst cssVar = computed(() => {\n  return nsEl.cssVarBlock({\n    ns: nsEl.namespace.value,\n    width: `${width || 160}px`,\n    height: `${height || 90}px`,\n  })\n})\n\n// 计算属性\nconst exts = computed(() =>\n  accept.split(',').map(ext => ext.split('/').pop()),\n)\n\nconst tipMessage = computed(\n  () =>\n    tipText\n    || `上传图片支持 ${exts.value.join(\n      ' / ',\n    )} 格式，且图片大小不超过 ${size}MB${width && height ? `，建议图片尺寸为 ${width}*${height}` : ''}`,\n)\n\n// 方法\nfunction onPreview(file: UploadFile) {\n  initialIndex.value = fileList.value.indexOf(file)\n  uploadData.value.imageViewerVisible = true\n}\nfunction onRemove(file: UploadFile) {\n  fileList.value.splice(fileList.value.indexOf(file), 1)\n}\n\nfunction previewClose() {\n  uploadData.value.imageViewerVisible = false\n}\n\nconst handleBeforeUpload: UploadProps['beforeUpload'] = (file) => {\n  const fileExt = file.name.split('.').pop() ?? ''\n  const isTypeOk = exts.value.includes(fileExt)\n  const isSizeOk = file.size / 1024 / 1024 < size\n\n  if (!isTypeOk) {\n    ElMessage.error(`上传图片只支持${exts.value.join(' / ')}格式！`)\n    return false\n  }\n\n  if (!isSizeOk) {\n    ElMessage.error(`上传图片大小不能超过 ${size}MB！`)\n    return false\n  }\n\n  uploadData.value.progress.preview = URL.createObjectURL(file)\n\n  return beforeUpload ? beforeUpload(file) : true\n}\n\nconst onProgress: UploadProps['onProgress'] = (evt) => {\n  uploadData.value.progress.percent = Math.floor(evt.percent)\n}\n\nconst onSuccess: UploadProps['onSuccess'] = (...args) => {\n  uploadData.value.progress = {\n    preview: '',\n    percent: 0,\n  }\n  emits('onSuccess', ...args)\n}\n</script>\n\n<template>\n  <div\n    :class=\"nsEl.e('container')\"\n    :style=\"cssVar\"\n  >\n    <el-upload\n      v-bind=\"attrs\"\n      v-model:file-list=\"fileList\"\n      drag\n      :limit=\"limit\"\n      list-type=\"picture-card\"\n      :headers=\"headers\"\n      :action=\"action\"\n      :data=\"data\"\n      :name=\"name\"\n      :accept=\"accept\"\n      :before-upload=\"handleBeforeUpload\"\n      :on-progress=\"onProgress\"\n      :on-preview=\"onPreview\"\n      :on-success=\"onSuccess\"\n      :class=\"[nsEl.e('control'), limit <= fileList.length ? nsEl.e('more-than-limit') : '']\"\n      :on-remove=\"onRemove\"\n    >\n      <slot>\n        <div class=\"image-slot\">\n          <el-icon><Plus /></el-icon>\n          <p>{{ placeholder }}</p>\n        </div>\n      </slot>\n      <template #file=\"{ file }\">\n        <img\n          :class=\"`${nsEl.namespace.value}-upload-list__item-thumbnail`\"\n          :src=\"file.url\"\n          alt=\"\"\n        >\n        <span :class=\"`${nsEl.namespace.value}-upload-list__item-actions`\">\n          <span\n            :class=\"`${nsEl.namespace.value}-upload-list__item-preview`\"\n            @click=\"onPreview(file)\"\n          >\n            <el-icon><ZoomIn /></el-icon>\n          </span>\n          <span\n            v-if=\"!disabled\"\n            :class=\"`${nsEl.namespace.value}-upload-list__item-delete`\"\n            @click=\"onRemove(file)\"\n          >\n            <el-icon><Delete /></el-icon>\n          </span>\n        </span>\n      </template>\n      <template #tip>\n        <slot name=\"tip\">\n          <div\n            v-if=\"!notip\"\n            :class=\"`${nsEl.namespace.value}-upload__tip-text`\"\n          >\n            <div class=\"tip-content\">\n              {{ tipMessage }}\n            </div>\n          </div>\n        </slot>\n      </template>\n    </el-upload>\n\n    <el-image-viewer\n      v-if=\"uploadData.imageViewerVisible\"\n      :url-list=\"fileList.map((item: UploadFile) => item.url).filter((v: string | undefined) => v !== undefined)\"\n      :initial-index=\"initialIndex\"\n      teleported\n      @close=\"previewClose\"\n    />\n  </div>\n</template>\n"],"names":["emits","__emit","attrs","useAttrs","fileList","_useModel","__props","nsEl","useNamespace","initialIndex","ref","uploadData","imageViewerVisible","progress","preview","percent","cssVar","computed","cssVarBlock","ns","namespace","value","width","height","exts","split","map","ext","pop","tipMessage","tipText","join","size","onPreview","file","indexOf","onRemove","splice","previewClose","handleBeforeUpload","fileExt","name","isTypeOk","includes","isSizeOk","URL","createObjectURL","beforeUpload","ElMessage","error","onProgress","evt","Math","floor","onSuccess","args","_createElementBlock","class","_normalizeClass","_unref","e","style","_createVNode","_component_el_upload","_mergeProps","$event","drag","limit","headers","action","data","accept","length","_withCtx","_createElementVNode","src","url","alt","onClick","_component_el_icon","ZoomIn","disabled","Delete","tip","_renderSlot","_ctx","notip","_hoisted_5","_toDisplayString","_hoisted_1","Plus","placeholder","_createBlock","_component_el_image_viewer","item","filter","v","teleported","onClose"],"mappings":"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"}

package/lib/node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function(e,t){void 0===t&&(t={});var d=t.insertAt;if(e&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===d&&s.firstChild?s.insertBefore(n,s.firstChild):s.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}};
+//# sourceMappingURL=style-inject.es.cjs.map

package/lib/node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-inject.es.cjs","sources":["../../../../../../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode"],"mappings":"oFAAA,SAAqBA,EAAKC,QACX,IAARA,IAAiBA,EAAM,CAAA,GAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAKF,GAA2B,oBAAbG,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAnBW,CAqBzD","x_google_ignoreList":[0]}

package/lib/package.json.cjs

@@ -1,2 +1,2 @@
-"use strict";exports.version="0.0.59";
+"use strict";exports.version="0.0.61";
 //# sourceMappingURL=package.json.cjs.map

package/lib/src/data-chart/src/components/area.vue.cjs

@@ -1,2 +1,2 @@
-"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;
+"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;
 //# sourceMappingURL=area.vue.cjs.map

package/lib/src/data-chart/src/components/area.vue2.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),t=require("echarts"),a=require("../utils/config.cjs"),r=require("../utils/injectionKeys.cjs"),n=require("../utils/useCharts.cjs");function o(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}}),t.default=e,Object.freeze(t)}var c=o(t);const s={class:"data-chart-area-wrap"};var i=e.defineComponent({name:"DataChartArea",__name:"area",props:{chartOptions:{type:null,required:!0},chartData:{type:Object,required:!1,default:()=>({colDesc:[],xGroupByDesc:{colDesc:"",groupByDesc:"",groupByValues:[],xAxis:!1},groupByDesc:[],data:[],modelName:""})}},setup(t){const o=e.inject(r.InjectionChartMerge,e=>e,!0);let i="中国";const l=e.ref({features:[],type:"FeatureCollection"}),u=e.ref(null),m=e.ref(null),p=e.computed(()=>{try{const{xGroupByDesc:e,groupByDesc:a,colDesc:r,modelName:n,data:c}=t.chartData,s=[];r.forEach(e=>{c.forEach(t=>{s.push(Number(t[e]))})});const u={title:{text:n},tooltip:{formatter(e){let t=`${e.name}<br/>`;return u.series?.forEach(a=>{a.data?.forEach(r=>{r.name===e.name&&(t+=`${a.name}：${r.value}</br>`)}),t.includes(a.name)||(t+=`${a.name}：-</br>`)}),t}},visualMap:{min:Math.min(...s,0),max:Math.max(...s,0),text:["高","低"],realtime:!1,calculable:!0,inRange:{color:["#E8F4FD","#B8D4F7","#7BA4F0","#4A7BE8","#3562e1"]}},series:r?.map(t=>{const r=[],n=a.find(e=>e.colDesc===("中国"===i?"医院所在省":"医院所在市")),o={};c.map(a=>{const r=a[("中国"===i?e?.colDesc||"":n?.colDesc)||""],o=l.value.features?.find(({properties:{name:e}})=>e?.includes(r));return{name:o?.properties?.name||"",value:Number(a[t])}}).forEach(e=>{o[e.name]?o[e.name]=o[e.name]+e.value:o[e.name]=e.value});for(const e in o)r.push({name:e,value:o[e]});return{name:t,type:"map",map:i,data:r}})};return o(u,t.chartOptions)}catch(e){return console.error("Error computing area chart options:",e),{title:{text:"地图加载失败"},series:[]}}});async function d(e="中国"){try{const t=await a.getGeoJsonData({adcode:e});return t&&t.features&&0!==t.features.length?(l.value=t,i=e,void c.registerMap(e,t)):void console.error("Invalid GeoJSON data for:",e)}catch(t){if(console.error("Failed to register map for:",e,t),"中国"!==e)return console.log("Falling back to China map"),d("中国")}}return n.useCharts({chartDOM:m,chartOptions:p,chartData:e.computed(()=>t.chartData),initAfter:async function(e){u.value=e;try{await d(),e&&!e.isDisposed()&&(e.getZr()?.on("click",t=>{e?.showLoading(),t.target||"中国"===i||d("中国"),e.hideLoading()}),e.on("click",a=>{e?.showLoading();const r=t.chartData.groupByDesc?.some(e=>"医院所在市"===e.colDesc);"中国"===i&&r&&a.name&&d(a.name).then(()=>{e&&!e.isDisposed()&&e.setOption(p.value)}),e?.hideLoading()}))}catch(t){if(console.error("Failed to initialize map:",t),e&&!e.isDisposed())try{await d("中国")}catch(e){console.error("Failed to retry map registration:",e)}}}}),(t,a)=>(e.openBlock(),e.createElementBlock("div",s,[e.createCommentVNode(' <el-select\n      v-if="isShowSelect"\n      v-model="adcode"\n      class="city-select"\n      size="small"\n      @change="selectChina"\n    >\n      <el-option\n        v-for="item in selectList"\n        :key="item.value"\n        :label="item.label"\n        :value="item.value"\n      />\n    </el-select> '),e.createElementVNode("div",{ref_key:"dataChartArea",ref:m,class:"data-chart-area"},null,512)]))}});exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),t=require("echarts"),a=require("../utils/config.cjs"),r=require("../utils/injectionKeys.cjs"),n=require("../utils/useCharts.cjs");function o(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}}),t.default=e,Object.freeze(t)}var c=o(t);const s={class:"data-chart-area-wrap"};var i=e.defineComponent({name:"DataChartArea",__name:"area",props:{chartOptions:{type:null,required:!0},chartData:{type:Object,required:!1,default:()=>({colDesc:[],xGroupByDesc:{colDesc:"",groupByDesc:"",groupByValues:[],xAxis:!1},groupByDesc:[],data:[],modelName:""})}},setup(t,{expose:o}){const i=e.inject(r.InjectionChartMerge,e=>e,!0);let l="中国";const u=e.ref({features:[],type:"FeatureCollection"}),m=e.ref(null),p=e.ref(null),d=e.computed(()=>{try{const{xGroupByDesc:e,groupByDesc:a,colDesc:r,modelName:n,data:o}=t.chartData,c=[];r.forEach(e=>{o.forEach(t=>{c.push(Number(t[e]))})});const s={title:{text:n},tooltip:{formatter(e){let t=`${e.name}<br/>`;return s.series?.forEach(a=>{a.data?.forEach(r=>{r.name===e.name&&(t+=`${a.name}：${r.value}</br>`)}),t.includes(a.name)||(t+=`${a.name}：-</br>`)}),t}},visualMap:{min:Math.min(...c,0),max:Math.max(...c,0),text:["高","低"],realtime:!1,calculable:!0,inRange:{color:["#E8F4FD","#B8D4F7","#7BA4F0","#4A7BE8","#3562e1"]}},series:r?.map(t=>{const r=[],n=a.find(e=>e.colDesc===("中国"===l?"医院所在省":"医院所在市")),c={};o.map(a=>{const r=a[("中国"===l?e?.colDesc||"":n?.colDesc)||""],o=u.value.features?.find(({properties:{name:e}})=>e?.includes(r));return{name:o?.properties?.name||"",value:Number(a[t])}}).forEach(e=>{c[e.name]?c[e.name]=c[e.name]+e.value:c[e.name]=e.value});for(const e in c)r.push({name:e,value:c[e]});return{name:t,type:"map",map:l,data:r}})};return i(s,t.chartOptions)}catch(e){return console.error("Error computing area chart options:",e),{title:{text:"地图加载失败"},series:[]}}});async function h(e="中国"){try{const t=await a.getGeoJsonData({adcode:e});return t&&t.features&&0!==t.features.length?(u.value=t,l=e,void c.registerMap(e,t)):void console.error("Invalid GeoJSON data for:",e)}catch(t){if(console.error("Failed to register map for:",e,t),"中国"!==e)return console.log("Falling back to China map"),h("中国")}}const{myChart:f}=n.useCharts({chartDOM:p,chartOptions:d,chartData:e.computed(()=>t.chartData),initAfter:async function(e){m.value=e;try{await h(),e&&!e.isDisposed()&&(e.getZr()?.on("click",t=>{e?.showLoading(),t.target||"中国"===l||h("中国"),e.hideLoading()}),e.on("click",a=>{e?.showLoading();const r=t.chartData.groupByDesc?.some(e=>"医院所在市"===e.colDesc);"中国"===l&&r&&a.name&&h(a.name).then(()=>{e&&!e.isDisposed()&&e.setOption(d.value)}),e?.hideLoading()}))}catch(t){if(console.error("Failed to initialize map:",t),e&&!e.isDisposed())try{await h("中国")}catch(e){console.error("Failed to retry map registration:",e)}}}});return o({myChart:f}),(t,a)=>(e.openBlock(),e.createElementBlock("div",s,[e.createCommentVNode(' <el-select\n      v-if="isShowSelect"\n      v-model="adcode"\n      class="city-select"\n      size="small"\n      @change="selectChina"\n    >\n      <el-option\n        v-for="item in selectList"\n        :key="item.value"\n        :label="item.label"\n        :value="item.value"\n      />\n    </el-select> '),e.createElementVNode("div",{ref_key:"dataChartArea",ref:p,class:"data-chart-area"},null,512)]))}});exports.default=i;
 //# sourceMappingURL=area.vue2.cjs.map

package/lib/src/data-chart/src/components/area.vue2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"area.vue2.cjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/area.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ECharts } from 'echarts/types/dist/echarts'\nimport type { EChartsOption, GeoJson, IFormatPublicData } from '../utils/types'\nimport * as echarts from 'echarts'\nimport { getGeoJsonData } from '../utils/config'\nimport { InjectionChartMerge } from '../utils/injectionKeys'\nimport { useCharts } from '../utils/useCharts'\n\ndefineOptions({\n  name: 'DataChartArea',\n})\n\nconst {\n  chartOptions,\n  chartData = {\n    colDesc: [],\n    xGroupByDesc: {\n      colDesc: '',\n      groupByDesc: '',\n      groupByValues: [],\n      xAxis: false,\n    },\n    groupByDesc: [],\n    data: [],\n    modelName: '',\n  },\n} = defineProps<{\n  chartOptions: EChartsOption\n  chartData?: IFormatPublicData\n}>()\n\nconst merge = inject(InjectionChartMerge, (v: any) => v, true)\n\nlet adcode = '中国'\nconst currentGeoJson = ref<GeoJson>({\n  features: [],\n  type: 'FeatureCollection',\n})\nconst myChart = ref<ECharts | null>(null)\nconst dataChartArea = ref(null)\n\nconst areaChartOptions = computed<EChartsOption>(() => {\n  try {\n    const { xGroupByDesc, groupByDesc, colDesc, modelName, data } = chartData\n    const allNums: number[] = []\n    colDesc.forEach((item) => {\n      data.forEach((dataItem) => {\n        allNums.push(Number(dataItem[item]))\n      })\n    })\n    const config = {\n      title: {\n        text: modelName,\n      },\n      tooltip: {\n        formatter(params: { name: string }) {\n          let res = `${params.name}<br/>`\n          config.series?.forEach((colDescItem) => {\n            colDescItem.data?.forEach((item) => {\n              if (item.name === params.name) {\n                res += `${colDescItem.name}：${item.value}</br>`\n              }\n            })\n            if (!res.includes(colDescItem.name)) {\n              res += `${colDescItem.name}：-</br>`\n            }\n          })\n          return res\n        },\n      },\n      visualMap: {\n        min: Math.min(...allNums, 0),\n        max: Math.max(...allNums, 0),\n        text: ['高', '低'],\n        realtime: false,\n        calculable: true,\n        inRange: {\n          color: ['#E8F4FD', '#B8D4F7', '#7BA4F0', '#4A7BE8', '#3562e1']\n        },\n      },\n      series: colDesc?.map((colDescItem) => {\n        const seriesData = []\n        const row = groupByDesc.find(item => item.colDesc === (adcode === '中国' ? '医院所在省' : '医院所在市'))\n        // 先用省份数据，如果没有再用市级数据\n        const arr: {\n          [key: string]: number\n        } = {}\n        data.map((item) => {\n          const sourceName = item[(adcode === '中国' ? (xGroupByDesc?.colDesc || '') : row?.colDesc) || '']\n          const find = currentGeoJson.value.features?.find(({ properties: { name } }: { properties: { name?: string } }) => name?.includes(sourceName as string))\n          return {\n            name: find?.properties?.name || '',\n            value: Number(item[colDescItem]),\n          }\n        }).forEach((item) => {\n          if (!arr[item.name]) {\n            arr[item.name] = item.value\n          }\n          else {\n            arr[item.name] = arr[item.name] + item.value\n          }\n        })\n        for (const key in arr) {\n          seriesData.push({\n            name: key,\n            value: arr[key],\n          })\n        }\n        return {\n          name: colDescItem,\n          type: 'map',\n          map: adcode,\n          data: seriesData,\n        }\n      }),\n    }\n\n    return merge(config, chartOptions)\n  }\n  catch (error) {\n    console.error('Error computing area chart options:', error)\n    return {\n      title: { text: '地图加载失败' },\n      series: [],\n    }\n  }\n})\n\nasync function initAfter(mc: ECharts | null) {\n  myChart.value = mc\n  try {\n    await registerMap()\n    // 添加判断，确保图表实例存在且未被销毁\n    if (mc && !mc.isDisposed()) {\n      // charts 监听事件\n      mc.getZr()?.on('click', (params: { target: HTMLElement }) => {\n        mc?.showLoading()\n        if (!params.target && adcode !== '中国') {\n          registerMap('中国')\n        }\n        mc.hideLoading()\n      })\n      mc.on('click', (params: { name: string }) => {\n        mc?.showLoading()\n        const flag = chartData.groupByDesc?.some(item => item.colDesc === '医院所在市')\n        if (adcode === '中国' && flag && params.name) {\n          registerMap(params.name).then(() => {\n            if (mc && !mc.isDisposed()) {\n              mc.setOption(areaChartOptions.value)\n            }\n          })\n        }\n        mc?.hideLoading()\n      })\n    }\n  }\n  catch (error) {\n    console.error('Failed to initialize map:', error)\n    // 如果初始化失败，尝试重新注册地图\n    if (mc && !mc.isDisposed()) {\n      try {\n        await registerMap('中国')\n      }\n      catch (retryError) {\n        console.error('Failed to retry map registration:', retryError)\n      }\n    }\n  }\n}\n\n// function selectChina() {\n//   registerMap(adcode)\n// }\nasync function registerMap(keyword = '中国') {\n  try {\n    const geoJson = await getGeoJsonData({ adcode: keyword })\n    if (!geoJson || !geoJson.features || geoJson.features.length === 0) {\n      console.error('Invalid GeoJSON data for:', keyword)\n      return\n    }\n    currentGeoJson.value = geoJson\n    adcode = keyword\n\n    echarts.registerMap(keyword, geoJson as any)\n    return\n  }\n  catch (error) {\n    console.error('Failed to register map for:', keyword, error)\n    // 如果注册失败，尝试使用默认的中国地图数据\n    if (keyword !== '中国') {\n      console.log('Falling back to China map')\n      return registerMap('中国')\n    }\n  }\n}\nuseCharts({\n  chartDOM: dataChartArea,\n  chartOptions: areaChartOptions,\n  chartData: computed(() => chartData),\n  initAfter\n})\n</script>\n\n<template>\n  <div class=\"data-chart-area-wrap\">\n    <!-- <el-select\n      v-if=\"isShowSelect\"\n      v-model=\"adcode\"\n      class=\"city-select\"\n      size=\"small\"\n      @change=\"selectChina\"\n    >\n      <el-option\n        v-for=\"item in selectList\"\n        :key=\"item.value\"\n        :label=\"item.label\"\n        :value=\"item.value\"\n      />\n    </el-select> -->\n    <div\n      ref=\"dataChartArea\"\n      class=\"data-chart-area\"\n    />\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.data-chart-area-wrap {\n  position: relative;\n\n  .city-select {\n    position: absolute;\n    top: 10px;\n    right: 100px;\n    z-index: 1;\n    width: 120px;\n  }\n\n  .data-chart-area {\n    height: 100%;\n  }\n}\n</style>\n"],"names":["merge","inject","InjectionChartMerge","v","adcode","currentGeoJson","ref","features","type","myChart","dataChartArea","areaChartOptions","computed","xGroupByDesc","groupByDesc","colDesc","modelName","data","__props","chartData","allNums","forEach","item","dataItem","push","Number","config","title","text","tooltip","formatter","params","res","name","series","colDescItem","value","includes","visualMap","min","Math","max","realtime","calculable","inRange","color","map","seriesData","row","find","arr","sourceName","properties","key","chartOptions","error","console","async","registerMap","keyword","geoJson","getGeoJsonData","length","echarts","log","useCharts","chartDOM","initAfter","mc","isDisposed","getZr","on","showLoading","target","hideLoading","flag","some","then","setOption","retryError","_openBlock","_createElementBlock","_hoisted_1","_createCommentVNode","_createElementVNode","class"],"mappings":"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"}
+{"version":3,"file":"area.vue2.cjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/area.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ECharts } from 'echarts/types/dist/echarts'\nimport type { EChartsOption, GeoJson, IFormatPublicData } from '../utils/types'\nimport * as echarts from 'echarts'\nimport { getGeoJsonData } from '../utils/config'\nimport { InjectionChartMerge } from '../utils/injectionKeys'\nimport { useCharts } from '../utils/useCharts'\n\ndefineOptions({\n  name: 'DataChartArea',\n})\n\nconst {\n  chartOptions,\n  chartData = {\n    colDesc: [],\n    xGroupByDesc: {\n      colDesc: '',\n      groupByDesc: '',\n      groupByValues: [],\n      xAxis: false,\n    },\n    groupByDesc: [],\n    data: [],\n    modelName: '',\n  },\n} = defineProps<{\n  chartOptions: EChartsOption\n  chartData?: IFormatPublicData\n}>()\n\nconst merge = inject(InjectionChartMerge, (v: any) => v, true)\n\nlet adcode = '中国'\nconst currentGeoJson = ref<GeoJson>({\n  features: [],\n  type: 'FeatureCollection',\n})\nconst myChart = ref<ECharts | null>(null)\nconst dataChartArea = ref(null)\n\nconst areaChartOptions = computed<EChartsOption>(() => {\n  try {\n    const { xGroupByDesc, groupByDesc, colDesc, modelName, data } = chartData\n    const allNums: number[] = []\n    colDesc.forEach((item) => {\n      data.forEach((dataItem) => {\n        allNums.push(Number(dataItem[item]))\n      })\n    })\n    const config = {\n      title: {\n        text: modelName,\n      },\n      tooltip: {\n        formatter(params: { name: string }) {\n          let res = `${params.name}<br/>`\n          config.series?.forEach((colDescItem) => {\n            colDescItem.data?.forEach((item) => {\n              if (item.name === params.name) {\n                res += `${colDescItem.name}：${item.value}</br>`\n              }\n            })\n            if (!res.includes(colDescItem.name)) {\n              res += `${colDescItem.name}：-</br>`\n            }\n          })\n          return res\n        },\n      },\n      visualMap: {\n        min: Math.min(...allNums, 0),\n        max: Math.max(...allNums, 0),\n        text: ['高', '低'],\n        realtime: false,\n        calculable: true,\n        inRange: {\n          color: ['#E8F4FD', '#B8D4F7', '#7BA4F0', '#4A7BE8', '#3562e1']\n        },\n      },\n      series: colDesc?.map((colDescItem) => {\n        const seriesData = []\n        const row = groupByDesc.find(item => item.colDesc === (adcode === '中国' ? '医院所在省' : '医院所在市'))\n        // 先用省份数据，如果没有再用市级数据\n        const arr: {\n          [key: string]: number\n        } = {}\n        data.map((item) => {\n          const sourceName = item[(adcode === '中国' ? (xGroupByDesc?.colDesc || '') : row?.colDesc) || '']\n          const find = currentGeoJson.value.features?.find(({ properties: { name } }: { properties: { name?: string } }) => name?.includes(sourceName as string))\n          return {\n            name: find?.properties?.name || '',\n            value: Number(item[colDescItem]),\n          }\n        }).forEach((item) => {\n          if (!arr[item.name]) {\n            arr[item.name] = item.value\n          }\n          else {\n            arr[item.name] = arr[item.name] + item.value\n          }\n        })\n        for (const key in arr) {\n          seriesData.push({\n            name: key,\n            value: arr[key],\n          })\n        }\n        return {\n          name: colDescItem,\n          type: 'map',\n          map: adcode,\n          data: seriesData,\n        }\n      }),\n    }\n\n    return merge(config, chartOptions)\n  }\n  catch (error) {\n    console.error('Error computing area chart options:', error)\n    return {\n      title: { text: '地图加载失败' },\n      series: [],\n    }\n  }\n})\n\nasync function initAfter(mc: ECharts | null) {\n  myChart.value = mc\n  try {\n    await registerMap()\n    // 添加判断，确保图表实例存在且未被销毁\n    if (mc && !mc.isDisposed()) {\n      // charts 监听事件\n      mc.getZr()?.on('click', (params: { target: HTMLElement }) => {\n        mc?.showLoading()\n        if (!params.target && adcode !== '中国') {\n          registerMap('中国')\n        }\n        mc.hideLoading()\n      })\n      mc.on('click', (params: { name: string }) => {\n        mc?.showLoading()\n        const flag = chartData.groupByDesc?.some(item => item.colDesc === '医院所在市')\n        if (adcode === '中国' && flag && params.name) {\n          registerMap(params.name).then(() => {\n            if (mc && !mc.isDisposed()) {\n              mc.setOption(areaChartOptions.value)\n            }\n          })\n        }\n        mc?.hideLoading()\n      })\n    }\n  }\n  catch (error) {\n    console.error('Failed to initialize map:', error)\n    // 如果初始化失败，尝试重新注册地图\n    if (mc && !mc.isDisposed()) {\n      try {\n        await registerMap('中国')\n      }\n      catch (retryError) {\n        console.error('Failed to retry map registration:', retryError)\n      }\n    }\n  }\n}\n\n// function selectChina() {\n//   registerMap(adcode)\n// }\nasync function registerMap(keyword = '中国') {\n  try {\n    const geoJson = await getGeoJsonData({ adcode: keyword })\n    if (!geoJson || !geoJson.features || geoJson.features.length === 0) {\n      console.error('Invalid GeoJSON data for:', keyword)\n      return\n    }\n    currentGeoJson.value = geoJson\n    adcode = keyword\n\n    echarts.registerMap(keyword, geoJson as any)\n    return\n  }\n  catch (error) {\n    console.error('Failed to register map for:', keyword, error)\n    // 如果注册失败，尝试使用默认的中国地图数据\n    if (keyword !== '中国') {\n      console.log('Falling back to China map')\n      return registerMap('中国')\n    }\n  }\n}\nconst { myChart: areaMyChart } = useCharts({\n  chartDOM: dataChartArea,\n  chartOptions: areaChartOptions,\n  chartData: computed(() => chartData),\n  initAfter\n})\n\n// 暴露图表实例\ndefineExpose({\n  myChart: areaMyChart\n})\n</script>\n\n<template>\n  <div class=\"data-chart-area-wrap\">\n    <!-- <el-select\n      v-if=\"isShowSelect\"\n      v-model=\"adcode\"\n      class=\"city-select\"\n      size=\"small\"\n      @change=\"selectChina\"\n    >\n      <el-option\n        v-for=\"item in selectList\"\n        :key=\"item.value\"\n        :label=\"item.label\"\n        :value=\"item.value\"\n      />\n    </el-select> -->\n    <div\n      ref=\"dataChartArea\"\n      class=\"data-chart-area\"\n    />\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.data-chart-area-wrap {\n  position: relative;\n\n  .city-select {\n    position: absolute;\n    top: 10px;\n    right: 100px;\n    z-index: 1;\n    width: 120px;\n  }\n\n  .data-chart-area {\n    height: 100%;\n  }\n}\n</style>\n"],"names":["merge","inject","InjectionChartMerge","v","adcode","currentGeoJson","ref","features","type","myChart","dataChartArea","areaChartOptions","computed","xGroupByDesc","groupByDesc","colDesc","modelName","data","__props","chartData","allNums","forEach","item","dataItem","push","Number","config","title","text","tooltip","formatter","params","res","name","series","colDescItem","value","includes","visualMap","min","Math","max","realtime","calculable","inRange","color","map","seriesData","row","find","arr","sourceName","properties","key","chartOptions","error","console","async","registerMap","keyword","geoJson","getGeoJsonData","length","echarts","log","areaMyChart","useCharts","chartDOM","initAfter","mc","isDisposed","getZr","on","showLoading","target","hideLoading","flag","some","then","setOption","retryError","__expose","_openBlock","_createElementBlock","_hoisted_1","_createCommentVNode","_createElementVNode","class"],"mappings":"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"}

package/lib/src/data-chart/src/components/area.vue3.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e="/* unplugin-vue-components disabled */\n.data-chart-area-wrap[data-v-51660d7b] {\n  position: relative;\n}\n.data-chart-area-wrap .city-select[data-v-51660d7b] {\n  position: absolute;\n  top: 10px;\n  right: 100px;\n  z-index: 1;\n  width: 120px;\n}\n.data-chart-area-wrap .data-chart-area[data-v-51660d7b] {\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;
+//# sourceMappingURL=area.vue3.cjs.map

package/lib/src/data-chart/src/components/area.vue3.cjs.map

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

package/lib/src/data-chart/src/components/bar.vue.cjs

@@ -1,2 +1,2 @@
-"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;
+"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,{expose:c}){const l=e.inject(t.InjectionChartMerge,e=>e,!0),i=e.ref(null),o=e.computed(()=>{const{colDesc:e,xGroupByDesc:t,groupByDesc:s,data:c=[],modelName:i}=r.chartData,o=Array.from(new Set(c.map(e=>e[t.colDesc||""]))).filter(e=>null!=e)||[],n={...s.find(e=>!e.xAxis)||{groupByDesc:null,groupByValues:[],colDesc:"",xAxis:!1},groupByValues:a.uniq(c.map(e=>s.find(e=>!e.xAxis)?.colDesc?String(e[s.find(e=>!e.xAxis)?.colDesc||""]):""))},u=t?{...t,groupByValues:a.uniq(c.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:c.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 c.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 l(p,r.chartOptions)}),{myChart:n}=s.useCharts({chartDOM:i,chartOptions:o,chartData:e.computed(()=>r.chartData)});return c({myChart:n}),(a,t)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dataChartBar",ref:i,class:"data-chart-bar"},null,512))}});exports.default=r;
 //# sourceMappingURL=bar.vue.cjs.map

package/lib/src/data-chart/src/components/bar.vue.cjs.map

@@ -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  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","_createElementBlock","class"],"mappings":"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"}
+{"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\nconst { myChart } = useCharts({ chartDOM: dataChartBar, chartOptions: barChartOptions, chartData: computed(() => chartData) })\n\n// 暴露图表实例\ndefineExpose({\n  myChart\n})\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","myChart","useCharts","chartDOM","__expose","_createElementBlock","class"],"mappings":"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"}

package/lib/src/data-chart/src/components/card.vue.cjs

@@ -1,2 +1,2 @@
-"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;
+"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;
 //# sourceMappingURL=card.vue.cjs.map

package/lib/src/data-chart/src/components/card.vue3.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t="/* unplugin-vue-components disabled */\n.data-chart-card[data-v-1c14c088] {\n  display: flex;\n  flex-direction: column;\n}\n.data-chart-card .title[data-v-1c14c088] {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 5.5px;\n  line-height: 26px;\n  font-family: sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  color: #464646;\n}\n.data-chart-card .data-chart-card-grid-layout[data-v-1c14c088] {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n  gap: 10px;\n  width: calc(100% - 3px);\n}\n.data-chart-card .data-chart-card-wrap[data-v-1c14c088] {\n  height: 100% !important;\n}\n.data-chart-card .data-chart-card-wrap .card-item[data-v-1c14c088] {\n  width: 100% !important;\n}\n.data-chart-card .card-item[data-v-1c14c088] {\n  position: relative;\n  background-repeat: no-repeat;\n  background-position: left top, right top;\n  background-size: contain, contain;\n  border: 2px solid #2196f3;\n  border-radius: 6px;\n}\n.data-chart-card .card-item .suffix-icon[data-v-1c14c088] {\n  position: absolute;\n  right: 1px;\n  bottom: calc(25% - 14px);\n  width: 20px;\n  font-size: 20px;\n  font-weight: bold;\n  color: #fff;\n  text-align: center;\n}\n.data-chart-card .card-item .card-title[data-v-1c14c088] {\n  padding-left: 15px;\n  margin-top: 10px;\n  margin-bottom: 5px;\n  overflow: hidden;\n  font-size: 16px;\n  font-weight: bold;\n  color: #2196f3;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.data-chart-card .card-item .context[data-v-1c14c088] {\n  padding: 0 30px 10px 20px;\n  font-size: 14px;\n  color: #464646;\n}";require("../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.cjs").default(t),exports.default=t;
+//# sourceMappingURL=card.vue3.cjs.map

package/lib/src/data-chart/src/components/card.vue3.cjs.map

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

package/lib/src/data-chart/src/components/funnel.vue.cjs

@@ -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:"DataChartFunnel",__name:"funnel",props:{chartData:{type:Object,required:!0},chartOptions:{type:null,required:!0}},setup(r){const n=e.ref(),l=e.inject(t.InjectionChartMerge,e=>e,!0),c=e.computed(()=>{const{colDesc:e,xGroupByDesc:t,modelName:a,data:n}=r.chartData,c={title:{text:a},legend:{},series:e.map(e=>({name:e,type:"funnel",left:"10%",width:"80%",label:{formatter:"{c}"},labelLine:{show:!1},itemStyle:{opacity:.7},emphasis:{label:{position:"inside",formatter:`{b}${e}: {c}`}},data:n.map(a=>({name:a[t?.colDesc||""],value:a[e]||""}))}))};return 1!==e.length&&(c.legend.data=e),l(c,r.chartOptions)});return a.useCharts({chartDOM:n,chartOptions:c,chartData:e.computed(()=>r.chartData)}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dataChartFunnel",ref:n,class:"data-chart-funnel"},null,512))}});exports.default=r;
+"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:"DataChartFunnel",__name:"funnel",props:{chartData:{type:Object,required:!0},chartOptions:{type:null,required:!0}},setup(r,{expose:n}){const l=e.ref(),s=e.inject(t.InjectionChartMerge,e=>e,!0),c=e.computed(()=>{const{colDesc:e,xGroupByDesc:t,modelName:a,data:n}=r.chartData,l={title:{text:a},legend:{},series:e.map(e=>({name:e,type:"funnel",left:"10%",width:"80%",label:{formatter:"{c}"},labelLine:{show:!1},itemStyle:{opacity:.7},emphasis:{label:{position:"inside",formatter:`{b}${e}: {c}`}},data:n.map(a=>({name:a[t?.colDesc||""],value:a[e]||""}))}))};return 1!==e.length&&(l.legend.data=e),s(l,r.chartOptions)}),{myChart:o}=a.useCharts({chartDOM:l,chartOptions:c,chartData:e.computed(()=>r.chartData)});return n({myChart:o}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dataChartFunnel",ref:l,class:"data-chart-funnel"},null,512))}});exports.default=r;
 //# sourceMappingURL=funnel.vue.cjs.map

package/lib/src/data-chart/src/components/funnel.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"funnel.vue.cjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/funnel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { LegendOption } from 'echarts/types/dist/shared'\nimport type { EChartsOption, IFormatPublicData } from '../utils/types'\nimport { InjectionChartMerge } from '../utils/injectionKeys'\nimport { useCharts } from '../utils/useCharts'\n\ndefineOptions({\n  name: 'DataChartFunnel',\n})\nconst {\n  chartOptions,\n  chartData,\n} = defineProps<{\n  chartData: IFormatPublicData\n  chartOptions: EChartsOption\n}>()\nconst dataChartFunnel = ref()\nconst merge = inject(InjectionChartMerge, (v: any) => v, true)\nconst funnelChartOptions = computed<EChartsOption>(() => {\n  const { colDesc, xGroupByDesc, modelName, data } = chartData\n\n  const config = {\n    title: {\n      text: modelName,\n    },\n    legend: {},\n    series: colDesc.map((item) => {\n      return {\n        name: item,\n        type: 'funnel',\n        left: '10%',\n        width: '80%',\n        label: {\n          formatter: '{c}',\n        },\n        labelLine: {\n          show: false,\n        },\n        itemStyle: {\n          opacity: 0.7,\n        },\n        emphasis: {\n          label: {\n            position: 'inside',\n            formatter: `{b}${item}: {c}`,\n          },\n        },\n        data: data.map(yItem => ({\n          name: yItem[xGroupByDesc?.colDesc || ''],\n          value: yItem[item] || '',\n        })),\n      }\n    }),\n  }\n  if (colDesc.length !== 1) {\n    (config.legend as LegendOption).data = colDesc\n  }\n  return merge(config, chartOptions)\n})\nuseCharts({ chartDOM: dataChartFunnel, chartOptions: funnelChartOptions, chartData: computed(() => chartData) })\n</script>\n\n<template>\n  <div\n    ref=\"dataChartFunnel\"\n    class=\"data-chart-funnel\"\n  />\n</template>\n"],"names":["dataChartFunnel","ref","merge","inject","InjectionChartMerge","v","funnelChartOptions","computed","colDesc","xGroupByDesc","modelName","data","__props","chartData","config","title","text","legend","series","map","item","name","type","left","width","label","formatter","labelLine","show","itemStyle","opacity","emphasis","position","yItem","value","length","chartOptions","useCharts","chartDOM","_createElementBlock","class"],"mappings":"2TAgBA,MAAMA,EAAkBC,EAAAA,MAClBC,EAAQC,EAAAA,OAAOC,EAAAA,oBAAsBC,GAAWA,GAAG,GACnDC,EAAqBC,EAAAA,SAAwB,KACjD,MAAMC,QAAEA,EAAAC,aAASA,EAAAC,UAAcA,EAAAC,KAAWA,GAASC,EAAAC,UAE7CC,EAAS,CACbC,MAAO,CACLC,KAAMN,GAERO,OAAQ,CAAA,EACRC,OAAQV,EAAQW,IAAKC,IACZ,CACLC,KAAMD,EACNE,KAAM,SACNC,KAAM,MACNC,MAAO,MACPC,MAAO,CACLC,UAAW,OAEbC,UAAW,CACTC,MAAM,GAERC,UAAW,CACTC,QAAS,IAEXC,SAAU,CACRN,MAAO,CACLO,SAAU,SACVN,UAAW,MAAMN,WAGrBT,KAAMA,EAAKQ,IAAIc,IAAA,CACbZ,KAAMY,EAAMxB,GAAcD,SAAW,IACrC0B,MAAOD,EAAMb,IAAS,UAQ9B,OAHuB,IAAnBZ,EAAQ2B,SACTrB,EAAOG,OAAwBN,KAAOH,GAElCN,EAAMY,EAAQF,EAAAwB,uBAEvBC,EAAAA,UAAU,CAAEC,SAAUtC,EAAiBoC,aAAc9B,EAAoBO,UAAWN,WAAS,IAAMK,EAAAC,mCAIjG0B,EAAAA,mBAGE,MAAA,SAFI,kBAAJtC,IAAID,EACJwC,MAAM"}
+{"version":3,"file":"funnel.vue.cjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/funnel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { LegendOption } from 'echarts/types/dist/shared'\nimport type { EChartsOption, IFormatPublicData } from '../utils/types'\nimport { InjectionChartMerge } from '../utils/injectionKeys'\nimport { useCharts } from '../utils/useCharts'\n\ndefineOptions({\n  name: 'DataChartFunnel',\n})\nconst {\n  chartOptions,\n  chartData,\n} = defineProps<{\n  chartData: IFormatPublicData\n  chartOptions: EChartsOption\n}>()\nconst dataChartFunnel = ref()\nconst merge = inject(InjectionChartMerge, (v: any) => v, true)\nconst funnelChartOptions = computed<EChartsOption>(() => {\n  const { colDesc, xGroupByDesc, modelName, data } = chartData\n\n  const config = {\n    title: {\n      text: modelName,\n    },\n    legend: {},\n    series: colDesc.map((item) => {\n      return {\n        name: item,\n        type: 'funnel',\n        left: '10%',\n        width: '80%',\n        label: {\n          formatter: '{c}',\n        },\n        labelLine: {\n          show: false,\n        },\n        itemStyle: {\n          opacity: 0.7,\n        },\n        emphasis: {\n          label: {\n            position: 'inside',\n            formatter: `{b}${item}: {c}`,\n          },\n        },\n        data: data.map(yItem => ({\n          name: yItem[xGroupByDesc?.colDesc || ''],\n          value: yItem[item] || '',\n        })),\n      }\n    }),\n  }\n  if (colDesc.length !== 1) {\n    (config.legend as LegendOption).data = colDesc\n  }\n  return merge(config, chartOptions)\n})\nconst { myChart } = useCharts({ chartDOM: dataChartFunnel, chartOptions: funnelChartOptions, chartData: computed(() => chartData) })\n\n// 暴露图表实例\ndefineExpose({\n  myChart\n})\n</script>\n\n<template>\n  <div\n    ref=\"dataChartFunnel\"\n    class=\"data-chart-funnel\"\n  />\n</template>\n"],"names":["dataChartFunnel","ref","merge","inject","InjectionChartMerge","v","funnelChartOptions","computed","colDesc","xGroupByDesc","modelName","data","__props","chartData","config","title","text","legend","series","map","item","name","type","left","width","label","formatter","labelLine","show","itemStyle","opacity","emphasis","position","yItem","value","length","chartOptions","myChart","useCharts","chartDOM","__expose","_createElementBlock","class"],"mappings":"sUAgBA,MAAMA,EAAkBC,EAAAA,MAClBC,EAAQC,EAAAA,OAAOC,EAAAA,oBAAsBC,GAAWA,GAAG,GACnDC,EAAqBC,EAAAA,SAAwB,KACjD,MAAMC,QAAEA,EAAAC,aAASA,EAAAC,UAAcA,EAAAC,KAAWA,GAASC,EAAAC,UAE7CC,EAAS,CACbC,MAAO,CACLC,KAAMN,GAERO,OAAQ,CAAA,EACRC,OAAQV,EAAQW,IAAKC,IACZ,CACLC,KAAMD,EACNE,KAAM,SACNC,KAAM,MACNC,MAAO,MACPC,MAAO,CACLC,UAAW,OAEbC,UAAW,CACTC,MAAM,GAERC,UAAW,CACTC,QAAS,IAEXC,SAAU,CACRN,MAAO,CACLO,SAAU,SACVN,UAAW,MAAMN,WAGrBT,KAAMA,EAAKQ,IAAIc,IAAA,CACbZ,KAAMY,EAAMxB,GAAcD,SAAW,IACrC0B,MAAOD,EAAMb,IAAS,UAQ9B,OAHuB,IAAnBZ,EAAQ2B,SACTrB,EAAOG,OAAwBN,KAAOH,GAElCN,EAAMY,EAAQF,EAAAwB,iBAEjBC,QAAEA,GAAYC,EAAAA,UAAU,CAAEC,SAAUvC,EAAiBoC,aAAc9B,EAAoBO,UAAWN,EAAAA,SAAS,IAAMK,EAAAC,oBAGvH2B,EAAa,CACXH,kCAKAI,EAAAA,mBAGE,MAAA,SAFI,kBAAJxC,IAAID,EACJ0C,MAAM"}

package/lib/src/data-chart/src/components/line.vue.cjs

@@ -1,2 +1,2 @@
-"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;
+"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;
 //# sourceMappingURL=line.vue.cjs.map

package/lib/src/data-chart/src/components/line.vue2.cjs

@@ -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:"DataChartLine",__name:"line",props:{chartData:{type:Object,required:!0},subShowType:{type:String,required:!0,default:"line-simple"},chartOptions:{type:null,required:!0}},setup(r){const s=e.ref(),n=e.inject(t.InjectionChartMerge,e=>e,!0),c=15,i="Total",l=!0;const o=e.computed(()=>{const{colDesc:e,xGroupByDesc:t,groupByDesc:a,data:s,modelName:o}=r.chartData,u=Array.from(new Set(s?.map(e=>e[t?.colDesc||""]))).filter(e=>null!=e)||[],p=a?.find(e=>!e.xAxis),d={title:{text:o},legend:{data:[]},xAxis:{name:t?.colDesc||"",data:u},dataZoom:[{type:"inside",disabled:u.length<c}]};if(1===a?.length)d.series=e.map(e=>({name:e,type:"line",smooth:l,data:s.map(t=>t[e]).filter(e=>null!=e)})),d.legend.data=e;else if(2===a?.length){const a=[...new Set(s.map(e=>String(e[p?.colDesc||""])))];d.legend.data=a,d.series=a.map(a=>function(e,t,a,r,s,n){const c=[];return t.forEach(t=>{const i=a.find(a=>a[r?.colDesc]===t&&a[s?.colDesc]===e);i?c.push(i[n[0]]):c.push(0)}),{name:e,type:"line",smooth:l,stack:i,areaStyle:{},data:c}}(a,u,s,t,p,e))}return d.series=d.series?.map(e=>{const t={...e};switch(r.subShowType){case"line-simple":default:delete t.areaStyle;break;case"area-basic":t.areaStyle={}}return t}),n(d,r.chartOptions)});return a.useCharts({chartDOM:s,chartOptions:o,chartData:e.computed(()=>r.chartData)}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dataChartLine",ref:s,class:"data-chart-line"},null,512))}});exports.default=r;
+"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:"DataChartLine",__name:"line",props:{chartData:{type:Object,required:!0},subShowType:{type:String,required:!0,default:"line-simple"},chartOptions:{type:null,required:!0}},setup(r,{expose:s}){const n=e.ref(),c=e.inject(t.InjectionChartMerge,e=>e,!0),i=15,l="Total",o=!0;const u=e.computed(()=>{const{colDesc:e,xGroupByDesc:t,groupByDesc:a,data:s,modelName:n}=r.chartData,u=Array.from(new Set(s?.map(e=>e[t?.colDesc||""]))).filter(e=>null!=e)||[],p=a?.find(e=>!e.xAxis),d={title:{text:n},legend:{data:[]},xAxis:{name:t?.colDesc||"",data:u},dataZoom:[{type:"inside",disabled:u.length<i}]};if(1===a?.length)d.series=e.map(e=>({name:e,type:"line",smooth:o,data:s.map(t=>t[e]).filter(e=>null!=e)})),d.legend.data=e;else if(2===a?.length){const a=[...new Set(s.map(e=>String(e[p?.colDesc||""])))];d.legend.data=a,d.series=a.map(a=>function(e,t,a,r,s,n){const c=[];return t.forEach(t=>{const i=a.find(a=>a[r?.colDesc]===t&&a[s?.colDesc]===e);i?c.push(i[n[0]]):c.push(0)}),{name:e,type:"line",smooth:o,stack:l,areaStyle:{},data:c}}(a,u,s,t,p,e))}return d.series=d.series?.map(e=>{const t={...e};switch(r.subShowType){case"line-simple":default:delete t.areaStyle;break;case"area-basic":t.areaStyle={}}return t}),c(d,r.chartOptions)}),{myChart:p}=a.useCharts({chartDOM:n,chartOptions:u,chartData:e.computed(()=>r.chartData)});return s({myChart:p}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dataChartLine",ref:n,class:"data-chart-line"},null,512))}});exports.default=r;
 //# sourceMappingURL=line.vue2.cjs.map

package/lib/src/data-chart/src/components/line.vue2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"line.vue2.cjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/line.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { LegendComponentOption } from 'echarts'\nimport type { EChartsOption, IFormatPublicData } from '../utils/types'\nimport { InjectionChartMerge } from '../utils/injectionKeys'\nimport { useCharts } from '../utils/useCharts'\n\ndefineOptions({\n  name: 'DataChartLine',\n})\nconst {\n  chartData,\n  subShowType = 'line-simple',\n  chartOptions,\n} = defineProps<{\n  chartData: IFormatPublicData\n  subShowType: string\n  chartOptions: EChartsOption\n}>()\nconst dataChartLine = ref()\nconst merge = inject(InjectionChartMerge, (v: any) => v, true)\n\n// 抽取类型定义\ninterface SeriesItem {\n  name: string\n  type: 'line'\n  stack?: string\n  smooth?: boolean\n  areaStyle?: Record<string, any>\n  data: Array<string | number>\n}\n\n// 将配置提取为常量\nconst CHART_CONSTANTS = {\n  MIN_ZOOM_LENGTH: 15,\n  STACK_NAME: 'Total',\n  SMOOTH: true,\n} as const\n\n// 提取处理图表系列数据的函数\nfunction processSeriesData(legendDataItem: string,\n  xAxisData: (string | number)[],\n  data: any[],\n  xGroupByDesc: any,\n  yGroupByDesc: any,\n  colDesc: string[]): SeriesItem {\n  const seriesData: (string | number)[] = []\n\n  xAxisData.forEach((xAxisItem) => {\n    const targetData = data\n      .find(dataItem =>\n        dataItem[xGroupByDesc?.colDesc] === xAxisItem\n        && dataItem[yGroupByDesc?.colDesc] === legendDataItem,\n      )\n\n    if (targetData) {\n      seriesData.push(targetData[colDesc[0]])\n    }\n    else {\n      seriesData.push(0) // 或者其他默认值\n    }\n  })\n\n  return {\n    name: legendDataItem,\n    type: 'line',\n    smooth: CHART_CONSTANTS.SMOOTH,\n    stack: CHART_CONSTANTS.STACK_NAME,\n    areaStyle: {},\n    data: seriesData,\n  }\n}\n\nconst lineChartOptions = computed<EChartsOption>(() => {\n  const { colDesc, xGroupByDesc, groupByDesc, data, modelName } = chartData\n  const xAxisData = Array.from(new Set(data?.map(item => item[xGroupByDesc?.colDesc || '']))).filter(item => item !== undefined && item !== null) || []\n  const yGroupByDesc = groupByDesc?.find(item => !item.xAxis)\n\n  const config: EChartsOption & { series?: SeriesItem[] } = {\n    title: { text: modelName },\n    legend: { data: [] },\n    xAxis: {\n      name: xGroupByDesc?.colDesc || '',\n      data: xAxisData,\n    },\n    dataZoom: [{\n      type: 'inside',\n      disabled: xAxisData.length < CHART_CONSTANTS.MIN_ZOOM_LENGTH,\n    }],\n  }\n\n  // 处理系列数据\n  if (groupByDesc?.length === 1) {\n    config.series = colDesc.map(yItem => ({\n      name: yItem,\n      type: 'line',\n      smooth: CHART_CONSTANTS.SMOOTH,\n      data: data.map(item => item[yItem]).filter(item => item !== undefined && item !== null),\n    }));\n    (config.legend as LegendComponentOption).data = colDesc\n  }\n  else if (groupByDesc?.length === 2) {\n    const legendData = [...new Set(data.map(item => String(item[yGroupByDesc?.colDesc || ''])))]\n    ;(config.legend as LegendComponentOption).data = legendData\n\n    config.series = legendData.map(legendDataItem =>\n      processSeriesData(legendDataItem, xAxisData, data, xGroupByDesc, yGroupByDesc, colDesc),\n    )\n  }\n\n  // 处理图表展示类型\n  config.series = config.series?.map((item) => {\n    const seriesItem = { ...item }\n\n    switch (subShowType) {\n      case 'line-simple':\n        delete seriesItem.areaStyle\n        break\n      case 'area-basic':\n        seriesItem.areaStyle = {}\n        break\n      default:\n        delete seriesItem.areaStyle\n    }\n\n    return seriesItem\n  })\n\n  return merge(config, chartOptions)\n})\nuseCharts({\n  chartDOM: dataChartLine,\n  chartOptions: lineChartOptions,\n  chartData: computed(() => chartData),\n})\n</script>\n\n<template>\n  <div\n    ref=\"dataChartLine\"\n    class=\"data-chart-line\"\n  />\n</template>\n\n<style scoped lang=\"scss\">\n.data-chart-line {\n  width: 100%;\n  height: 100%;\n}\n</style>\n"],"names":["dataChartLine","ref","merge","inject","InjectionChartMerge","v","CHART_CONSTANTS","lineChartOptions","computed","colDesc","xGroupByDesc","groupByDesc","data","modelName","__props","chartData","xAxisData","Array","from","Set","map","item","filter","yGroupByDesc","find","xAxis","config","title","text","legend","name","dataZoom","type","disabled","length","series","yItem","smooth","legendData","String","legendDataItem","seriesData","forEach","xAxisItem","targetData","dataItem","push","stack","areaStyle","processSeriesData","seriesItem","subShowType","chartOptions","useCharts","chartDOM","_createElementBlock","class"],"mappings":"mXAkBA,MAAMA,EAAgBC,EAAAA,MAChBC,EAAQC,EAAAA,OAAOC,EAAAA,oBAAsBC,GAAWA,GAAG,GAanDC,EACa,GADbA,EAEQ,QAFRA,GAGI,EAqCV,MAAMC,EAAmBC,EAAAA,SAAwB,KAC/C,MAAMC,QAAEA,EAAAC,aAASA,EAAAC,YAAcA,OAAaC,EAAAC,UAAMA,GAAcC,EAAAC,UAC1DC,EAAYC,MAAMC,KAAK,IAAIC,IAAIP,GAAMQ,IAAIC,GAAQA,EAAKX,GAAcD,SAAW,OAAOa,OAAOD,GAAQA,UAAwC,GAC7IE,EAAeZ,GAAaa,KAAKH,IAASA,EAAKI,OAE/CC,EAAoD,CACxDC,MAAO,CAAEC,KAAMf,GACfgB,OAAQ,CAAEjB,KAAM,IAChBa,MAAO,CACLK,KAAMpB,GAAcD,SAAW,GAC/BG,KAAMI,GAERe,SAAU,CAAC,CACTC,KAAM,SACNC,SAAUjB,EAAUkB,OAAS5B,KAKjC,GAA4B,IAAxBK,GAAauB,OACfR,EAAOS,OAAS1B,EAAQW,IAAIgB,IAAA,CAC1BN,KAAMM,EACNJ,KAAM,OACNK,OAAQ/B,EACRM,KAAMA,EAAKQ,IAAIC,GAAQA,EAAKe,IAAQd,OAAOD,GAAQA,YAEpDK,EAAOG,OAAiCjB,KAAOH,OAClD,GACiC,IAAxBE,GAAauB,OAAc,CAClC,MAAMI,EAAa,IAAI,IAAInB,IAAIP,EAAKQ,IAAIC,GAAQkB,OAAOlB,EAAKE,GAAcd,SAAW,QACnFiB,EAAOG,OAAiCjB,KAAO0B,EAEjDZ,EAAOS,OAASG,EAAWlB,OAjE/B,SAA2BoB,EACzBxB,EACAJ,EACAF,EACAa,EACAd,GACA,MAAMgC,EAAkC,GAiBxC,OAfAzB,EAAU0B,QAASC,IACjB,MAAMC,EAAahC,EAChBY,KAAKqB,GACJA,EAASnC,GAAcD,WAAakC,GACjCE,EAAStB,GAAcd,WAAa+B,GAGvCI,EACFH,EAAWK,KAAKF,EAAWnC,EAAQ,KAGnCgC,EAAWK,KAAK,KAIb,CACLhB,KAAMU,EACNR,KAAM,OACNK,OAAQ/B,EACRyC,MAAOzC,EACP0C,UAAW,CAAA,EACXpC,KAAM6B,EAEV,CAmCMQ,CAAkBT,EAAgBxB,EAAWJ,EAAMF,EAAca,EAAcd,GAEnF,CAoBA,OAjBAiB,EAAOS,OAAST,EAAOS,QAAQf,IAAKC,IAClC,MAAM6B,EAAa,IAAK7B,GAExB,OAAQP,EAAAqC,aACN,IAAK,cAML,eACSD,EAAWF,gBAJpB,IAAK,aACHE,EAAWF,UAAY,CAAA,EAM3B,OAAOE,IAGFhD,EAAMwB,EAAQZ,EAAAsC,uBAEvBC,YAAU,CACRC,SAAUtD,EACVoD,aAAc7C,EACdQ,UAAWP,EAAAA,SAAS,IAAMM,EAAAC,mCAK1BwC,EAAAA,mBAGE,MAAA,SAFI,gBAAJtD,IAAID,EACJwD,MAAM"}
+{"version":3,"file":"line.vue2.cjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/line.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { LegendComponentOption } from 'echarts'\nimport type { EChartsOption, IFormatPublicData } from '../utils/types'\nimport { InjectionChartMerge } from '../utils/injectionKeys'\nimport { useCharts } from '../utils/useCharts'\n\ndefineOptions({\n  name: 'DataChartLine',\n})\nconst {\n  chartData,\n  subShowType = 'line-simple',\n  chartOptions,\n} = defineProps<{\n  chartData: IFormatPublicData\n  subShowType: string\n  chartOptions: EChartsOption\n}>()\nconst dataChartLine = ref()\nconst merge = inject(InjectionChartMerge, (v: any) => v, true)\n\n// 抽取类型定义\ninterface SeriesItem {\n  name: string\n  type: 'line'\n  stack?: string\n  smooth?: boolean\n  areaStyle?: Record<string, any>\n  data: Array<string | number>\n}\n\n// 将配置提取为常量\nconst CHART_CONSTANTS = {\n  MIN_ZOOM_LENGTH: 15,\n  STACK_NAME: 'Total',\n  SMOOTH: true,\n} as const\n\n// 提取处理图表系列数据的函数\nfunction processSeriesData(legendDataItem: string,\n  xAxisData: (string | number)[],\n  data: any[],\n  xGroupByDesc: any,\n  yGroupByDesc: any,\n  colDesc: string[]): SeriesItem {\n  const seriesData: (string | number)[] = []\n\n  xAxisData.forEach((xAxisItem) => {\n    const targetData = data\n      .find(dataItem =>\n        dataItem[xGroupByDesc?.colDesc] === xAxisItem\n        && dataItem[yGroupByDesc?.colDesc] === legendDataItem,\n      )\n\n    if (targetData) {\n      seriesData.push(targetData[colDesc[0]])\n    }\n    else {\n      seriesData.push(0) // 或者其他默认值\n    }\n  })\n\n  return {\n    name: legendDataItem,\n    type: 'line',\n    smooth: CHART_CONSTANTS.SMOOTH,\n    stack: CHART_CONSTANTS.STACK_NAME,\n    areaStyle: {},\n    data: seriesData,\n  }\n}\n\nconst lineChartOptions = computed<EChartsOption>(() => {\n  const { colDesc, xGroupByDesc, groupByDesc, data, modelName } = chartData\n  const xAxisData = Array.from(new Set(data?.map(item => item[xGroupByDesc?.colDesc || '']))).filter(item => item !== undefined && item !== null) || []\n  const yGroupByDesc = groupByDesc?.find(item => !item.xAxis)\n\n  const config: EChartsOption & { series?: SeriesItem[] } = {\n    title: { text: modelName },\n    legend: { data: [] },\n    xAxis: {\n      name: xGroupByDesc?.colDesc || '',\n      data: xAxisData,\n    },\n    dataZoom: [{\n      type: 'inside',\n      disabled: xAxisData.length < CHART_CONSTANTS.MIN_ZOOM_LENGTH,\n    }],\n  }\n\n  // 处理系列数据\n  if (groupByDesc?.length === 1) {\n    config.series = colDesc.map(yItem => ({\n      name: yItem,\n      type: 'line',\n      smooth: CHART_CONSTANTS.SMOOTH,\n      data: data.map(item => item[yItem]).filter(item => item !== undefined && item !== null),\n    }));\n    (config.legend as LegendComponentOption).data = colDesc\n  }\n  else if (groupByDesc?.length === 2) {\n    const legendData = [...new Set(data.map(item => String(item[yGroupByDesc?.colDesc || ''])))]\n    ;(config.legend as LegendComponentOption).data = legendData\n\n    config.series = legendData.map(legendDataItem =>\n      processSeriesData(legendDataItem, xAxisData, data, xGroupByDesc, yGroupByDesc, colDesc),\n    )\n  }\n\n  // 处理图表展示类型\n  config.series = config.series?.map((item) => {\n    const seriesItem = { ...item }\n\n    switch (subShowType) {\n      case 'line-simple':\n        delete seriesItem.areaStyle\n        break\n      case 'area-basic':\n        seriesItem.areaStyle = {}\n        break\n      default:\n        delete seriesItem.areaStyle\n    }\n\n    return seriesItem\n  })\n\n  return merge(config, chartOptions)\n})\nconst { myChart } = useCharts({\n  chartDOM: dataChartLine,\n  chartOptions: lineChartOptions,\n  chartData: computed(() => chartData),\n})\n\n// 暴露图表实例\ndefineExpose({\n  myChart\n})\n</script>\n\n<template>\n  <div\n    ref=\"dataChartLine\"\n    class=\"data-chart-line\"\n  />\n</template>\n\n<style scoped lang=\"scss\">\n.data-chart-line {\n  width: 100%;\n  height: 100%;\n}\n</style>\n"],"names":["dataChartLine","ref","merge","inject","InjectionChartMerge","v","CHART_CONSTANTS","lineChartOptions","computed","colDesc","xGroupByDesc","groupByDesc","data","modelName","__props","chartData","xAxisData","Array","from","Set","map","item","filter","yGroupByDesc","find","xAxis","config","title","text","legend","name","dataZoom","type","disabled","length","series","yItem","smooth","legendData","String","legendDataItem","seriesData","forEach","xAxisItem","targetData","dataItem","push","stack","areaStyle","processSeriesData","seriesItem","subShowType","chartOptions","myChart","useCharts","chartDOM","__expose","_createElementBlock","class"],"mappings":"8XAkBA,MAAMA,EAAgBC,EAAAA,MAChBC,EAAQC,EAAAA,OAAOC,EAAAA,oBAAsBC,GAAWA,GAAG,GAanDC,EACa,GADbA,EAEQ,QAFRA,GAGI,EAqCV,MAAMC,EAAmBC,EAAAA,SAAwB,KAC/C,MAAMC,QAAEA,EAAAC,aAASA,EAAAC,YAAcA,OAAaC,EAAAC,UAAMA,GAAcC,EAAAC,UAC1DC,EAAYC,MAAMC,KAAK,IAAIC,IAAIP,GAAMQ,IAAIC,GAAQA,EAAKX,GAAcD,SAAW,OAAOa,OAAOD,GAAQA,UAAwC,GAC7IE,EAAeZ,GAAaa,KAAKH,IAASA,EAAKI,OAE/CC,EAAoD,CACxDC,MAAO,CAAEC,KAAMf,GACfgB,OAAQ,CAAEjB,KAAM,IAChBa,MAAO,CACLK,KAAMpB,GAAcD,SAAW,GAC/BG,KAAMI,GAERe,SAAU,CAAC,CACTC,KAAM,SACNC,SAAUjB,EAAUkB,OAAS5B,KAKjC,GAA4B,IAAxBK,GAAauB,OACfR,EAAOS,OAAS1B,EAAQW,IAAIgB,IAAA,CAC1BN,KAAMM,EACNJ,KAAM,OACNK,OAAQ/B,EACRM,KAAMA,EAAKQ,IAAIC,GAAQA,EAAKe,IAAQd,OAAOD,GAAQA,YAEpDK,EAAOG,OAAiCjB,KAAOH,OAClD,GACiC,IAAxBE,GAAauB,OAAc,CAClC,MAAMI,EAAa,IAAI,IAAInB,IAAIP,EAAKQ,IAAIC,GAAQkB,OAAOlB,EAAKE,GAAcd,SAAW,QACnFiB,EAAOG,OAAiCjB,KAAO0B,EAEjDZ,EAAOS,OAASG,EAAWlB,OAjE/B,SAA2BoB,EACzBxB,EACAJ,EACAF,EACAa,EACAd,GACA,MAAMgC,EAAkC,GAiBxC,OAfAzB,EAAU0B,QAASC,IACjB,MAAMC,EAAahC,EAChBY,KAAKqB,GACJA,EAASnC,GAAcD,WAAakC,GACjCE,EAAStB,GAAcd,WAAa+B,GAGvCI,EACFH,EAAWK,KAAKF,EAAWnC,EAAQ,KAGnCgC,EAAWK,KAAK,KAIb,CACLhB,KAAMU,EACNR,KAAM,OACNK,OAAQ/B,EACRyC,MAAOzC,EACP0C,UAAW,CAAA,EACXpC,KAAM6B,EAEV,CAmCMQ,CAAkBT,EAAgBxB,EAAWJ,EAAMF,EAAca,EAAcd,GAEnF,CAoBA,OAjBAiB,EAAOS,OAAST,EAAOS,QAAQf,IAAKC,IAClC,MAAM6B,EAAa,IAAK7B,GAExB,OAAQP,EAAAqC,aACN,IAAK,cAML,eACSD,EAAWF,gBAJpB,IAAK,aACHE,EAAWF,UAAY,CAAA,EAM3B,OAAOE,IAGFhD,EAAMwB,EAAQZ,EAAAsC,iBAEjBC,QAAEA,GAAYC,YAAU,CAC5BC,SAAUvD,EACVoD,aAAc7C,EACdQ,UAAWP,EAAAA,SAAS,IAAMM,EAAAC,oBAI5ByC,EAAa,CACXH,kCAKAI,EAAAA,mBAGE,MAAA,SAFI,gBAAJxD,IAAID,EACJ0D,MAAM"}

package/lib/src/data-chart/src/components/line.vue3.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e="/* unplugin-vue-components disabled */\n.data-chart-line[data-v-397864aa] {\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;
+//# sourceMappingURL=line.vue3.cjs.map

package/lib/src/data-chart/src/components/line.vue3.cjs.map

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

package/lib/src/data-chart/src/components/pie.vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),t=require("lodash-es"),r=require("../utils/injectionKeys.cjs"),a=require("../utils/useCharts.cjs"),o=e.defineComponent({name:"DataChartPie",__name:"pie",props:{chartData:{type:Object,required:!0},subShowType:{type:String,required:!0,default:"pie-simple"},chartOptions:{type:null,required:!0}},setup(o){const c=e.inject(r.InjectionChartMerge,e=>e,!0),i=e.ref(null),s=e.computed(()=>{const{colDesc:e,xGroupByDesc:r,data:a,modelName:i}=o.chartData,s=e.length,l={title:{text:i},series:e.map((e,c)=>{const i={name:e,type:"pie",center:["50%","50%"],data:[],emphasis:{itemStyle:{shadowBlur:10,shadowOffsetX:0,shadowColor:"rgba(0, 0, 0, 0.5)"}},label:{formatter:"{b}：{c}({d}%)",rich:{b:{color:"#4C5058",fontSize:14,fontWeight:"bold",lineHeight:33}}}};let l=5;const n=a.filter(t=>void 0!==t[e]),u=t.orderBy(n,[e],["desc"]),h=u.reduce((t,r)=>{const a=Number(r[e])||0;return Number.isNaN(a)?t:t+a},0);if(n.length>l)for(;l<9;){const t=u.slice(0,l);if(t.reduce((t,r)=>t+Number(r[e]),0)/h>.9||8===l){const a=u.slice(l,u.length-1);i.data=n.map(a=>{let o={};return t.forEach(t=>{JSON.stringify(t)===JSON.stringify(a)&&(o={name:r?.colDesc?a[r.colDesc]:"",value:a[e]})}),o}).filter(e=>e&&Object.keys(e).length>0),i.data.push({name:"其它",value:a.reduce((t,r)=>t+Number(r[e]),0)});break}l++}else i.data=n.map(t=>({name:r?.colDesc&&t[r.colDesc]||"",value:Number(t[e]||0)}));if(1===s?i.center=["50%","60%"]:2===s?0===c?(i.right="40%",i.left="",i.center=["40%","60%"]):(i.right="",i.left="40%",i.center=["60%","60%"]):3===s?0===c?(i.right="40%",i.bottom="50%",i.top="",i.left="",i.center=["40%","78%"]):1===c?(i.right="",i.bottom="50%",i.top="",i.left="40%",i.center=["60%","78%"]):(i.right="40%",i.bottom="",i.top="50%",i.left="",i.center=["40%","60%"]):4===s&&(0===c?(i.right="40%",i.bottom="50%",i.top="",i.left="",i.center=["40%","78%"]):1===c?(i.right="",i.bottom="50%",i.top="",i.left="40%",i.center=["60%","78%"]):2===c?(i.right="40%",i.bottom="",i.top="50%",i.left="",i.center=["40%","60%"]):(i.right="",i.bottom="",i.top="50%",i.left="40%",i.center=["60%","60%"])),"pie-borderRadius"===o.subShowType)i.radius=["50%","70%"];else i.radius="50%";return i})};return c(l,o.chartOptions)});return a.useCharts({chartDOM:i,chartOptions:s,chartData:e.computed(()=>o.chartData)}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dataChartPie",ref:i,class:"data-chart-pie"},null,512))}});exports.default=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),t=require("lodash-es"),r=require("../utils/injectionKeys.cjs"),a=require("../utils/useCharts.cjs"),o=e.defineComponent({name:"DataChartPie",__name:"pie",props:{chartData:{type:Object,required:!0},subShowType:{type:String,required:!0,default:"pie-simple"},chartOptions:{type:null,required:!0}},setup(o,{expose:c}){const i=e.inject(r.InjectionChartMerge,e=>e,!0),s=e.ref(null),l=e.computed(()=>{const{colDesc:e,xGroupByDesc:r,data:a,modelName:c}=o.chartData,s=e.length,l={title:{text:c},series:e.map((e,c)=>{const i={name:e,type:"pie",center:["50%","50%"],data:[],emphasis:{itemStyle:{shadowBlur:10,shadowOffsetX:0,shadowColor:"rgba(0, 0, 0, 0.5)"}},label:{formatter:"{b}：{c}({d}%)",rich:{b:{color:"#4C5058",fontSize:14,fontWeight:"bold",lineHeight:33}}}};let l=5;const n=a.filter(t=>void 0!==t[e]),u=t.orderBy(n,[e],["desc"]),h=u.reduce((t,r)=>{const a=Number(r[e])||0;return Number.isNaN(a)?t:t+a},0);if(n.length>l)for(;l<9;){const t=u.slice(0,l);if(t.reduce((t,r)=>t+Number(r[e]),0)/h>.9||8===l){const a=u.slice(l,u.length-1);i.data=n.map(a=>{let o={};return t.forEach(t=>{JSON.stringify(t)===JSON.stringify(a)&&(o={name:r?.colDesc?a[r.colDesc]:"",value:a[e]})}),o}).filter(e=>e&&Object.keys(e).length>0),i.data.push({name:"其它",value:a.reduce((t,r)=>t+Number(r[e]),0)});break}l++}else i.data=n.map(t=>({name:r?.colDesc&&t[r.colDesc]||"",value:Number(t[e]||0)}));if(1===s?i.center=["50%","60%"]:2===s?0===c?(i.right="40%",i.left="",i.center=["40%","60%"]):(i.right="",i.left="40%",i.center=["60%","60%"]):3===s?0===c?(i.right="40%",i.bottom="50%",i.top="",i.left="",i.center=["40%","78%"]):1===c?(i.right="",i.bottom="50%",i.top="",i.left="40%",i.center=["60%","78%"]):(i.right="40%",i.bottom="",i.top="50%",i.left="",i.center=["40%","60%"]):4===s&&(0===c?(i.right="40%",i.bottom="50%",i.top="",i.left="",i.center=["40%","78%"]):1===c?(i.right="",i.bottom="50%",i.top="",i.left="40%",i.center=["60%","78%"]):2===c?(i.right="40%",i.bottom="",i.top="50%",i.left="",i.center=["40%","60%"]):(i.right="",i.bottom="",i.top="50%",i.left="40%",i.center=["60%","60%"])),"pie-borderRadius"===o.subShowType)i.radius=["50%","70%"];else i.radius="50%";return i})};return i(l,o.chartOptions)}),{myChart:n}=a.useCharts({chartDOM:s,chartOptions:l,chartData:e.computed(()=>o.chartData)});return c({myChart:n}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dataChartPie",ref:s,class:"data-chart-pie"},null,512))}});exports.default=o;
 //# sourceMappingURL=pie.vue.cjs.map

package/lib/src/data-chart/src/components/pie.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"pie.vue.cjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/pie.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PieSeriesOption } from 'echarts/charts'\nimport type { EChartsOption, IFormatPublicData } from '../utils/types'\nimport { orderBy } from 'lodash-es'\nimport { InjectionChartMerge } from '../utils/injectionKeys'\nimport { useCharts } from '../utils/useCharts'\n\ndefineOptions({\n  name: 'DataChartPie',\n})\nconst {\n  chartData,\n  subShowType = 'pie-simple',\n  chartOptions,\n} = defineProps<{\n  chartData: IFormatPublicData\n  subShowType: string\n  chartOptions: EChartsOption\n}>()\nconst merge = inject(InjectionChartMerge, (v: any) => v, true)\n\nconst dataChartPie = ref(null)\nconst pieChartOptions = computed<EChartsOption>(() => {\n  const { colDesc, xGroupByDesc, data, modelName } = chartData\n  const colDescLength = colDesc.length\n  const config = {\n    title: { text: modelName },\n    series: colDesc.map((item, index) => {\n      const seriesItem: PieSeriesOption = {\n        name: item,\n        type: 'pie',\n        center: ['50%', '50%'],\n        data: [],\n        emphasis: {\n          itemStyle: {\n            shadowBlur: 10,\n            shadowOffsetX: 0,\n            shadowColor: 'rgba(0, 0, 0, 0.5)',\n          },\n        },\n        label: {\n          formatter: '{b}：{c}({d}%)',\n          rich: {\n            b: {\n              color: '#4C5058',\n              fontSize: 14,\n              fontWeight: 'bold',\n              lineHeight: 33,\n            },\n          },\n        },\n      }\n\n      let cutNum = 5\n      const currentItemData = data.filter(row => row[item] !== undefined)\n      const orderByData = orderBy(currentItemData, [item], ['desc'])\n      // 总数\n      const totalDesc = orderByData.reduce((prev, cur) => {\n        const value = Number(cur[item]) || 0\n        return Number.isNaN(value) ? prev : prev + value\n      }, 0)\n      if (currentItemData.length > cutNum) {\n        while (cutNum < 9) {\n          const headerData = orderByData.slice(0, cutNum)\n          // 前 cutNum 个总数\n          const headerTotal = headerData.reduce(\n            (prev, cur) => prev + Number(cur[item]),\n            0,\n          )\n          // 前五总占比\n          const headerScale = headerTotal / totalDesc\n          if (headerScale > 0.9 || cutNum === 8) {\n            const footerData = orderByData.slice(\n              cutNum,\n              orderByData.length - 1,\n            )\n            seriesItem.data = currentItemData\n              .map((yItem) => {\n                let obj = {}\n                headerData.forEach((headerDataItem) => {\n                  if (JSON.stringify(headerDataItem) === JSON.stringify(yItem)) {\n                    obj = {\n                      name: xGroupByDesc?.colDesc\n                        ? yItem[xGroupByDesc.colDesc]\n                        : '',\n                      value: yItem[item],\n                    }\n                  }\n                })\n                return obj\n              })\n              .filter(v => v && Object.keys(v).length > 0)\n            seriesItem.data.push({\n              name: '其它',\n              value: footerData.reduce(\n                (prev, cur) => prev + Number(cur[item]),\n                0,\n              ),\n            })\n\n            break\n          }\n          else {\n            cutNum++\n          }\n        }\n      }\n      else {\n        seriesItem.data = currentItemData.map(yItem => ({\n          name: xGroupByDesc?.colDesc ? (yItem[xGroupByDesc.colDesc] || '') : '',\n          value: Number(yItem[item] || 0),\n        }))\n      }\n\n      if (colDescLength === 1) {\n        seriesItem.center = ['50%', '60%']\n      }\n      else if (colDescLength === 2) {\n        if (index === 0) {\n          seriesItem.right = '40%'\n          seriesItem.left = ''\n          seriesItem.center = ['40%', '60%']\n        }\n        else {\n          seriesItem.right = ''\n          seriesItem.left = '40%'\n          seriesItem.center = ['60%', '60%']\n        }\n      }\n      else if (colDescLength === 3) {\n        if (index === 0) {\n          seriesItem.right = '40%'\n          seriesItem.bottom = '50%'\n          seriesItem.top = ''\n          seriesItem.left = ''\n          seriesItem.center = ['40%', '78%']\n        }\n        else if (index === 1) {\n          seriesItem.right = ''\n          seriesItem.bottom = '50%'\n          seriesItem.top = ''\n          seriesItem.left = '40%'\n          seriesItem.center = ['60%', '78%']\n        }\n        else {\n          seriesItem.right = '40%'\n          seriesItem.bottom = ''\n          seriesItem.top = '50%'\n          seriesItem.left = ''\n          seriesItem.center = ['40%', '60%']\n        }\n      }\n      else if (colDescLength === 4) {\n        if (index === 0) {\n          seriesItem.right = '40%'\n          seriesItem.bottom = '50%'\n          seriesItem.top = ''\n          seriesItem.left = ''\n          seriesItem.center = ['40%', '78%']\n        }\n        else if (index === 1) {\n          seriesItem.right = ''\n          seriesItem.bottom = '50%'\n          seriesItem.top = ''\n          seriesItem.left = '40%'\n          seriesItem.center = ['60%', '78%']\n        }\n        else if (index === 2) {\n          seriesItem.right = '40%'\n          seriesItem.bottom = ''\n          seriesItem.top = '50%'\n          seriesItem.left = ''\n          seriesItem.center = ['40%', '60%']\n        }\n        else {\n          seriesItem.right = ''\n          seriesItem.bottom = ''\n          seriesItem.top = '50%'\n          seriesItem.left = '40%'\n          seriesItem.center = ['60%', '60%']\n        }\n      }\n      // 处理图表形状\n      switch (subShowType) {\n        case 'pie-borderRadius':\n          seriesItem.radius = ['50%', '70%']\n          break\n        case 'pie-simple':\n          seriesItem.radius = '50%'\n          break\n        default:\n          seriesItem.radius = '50%'\n          break\n      }\n      return seriesItem\n    }),\n  }\n\n  return merge(config, chartOptions)\n})\n\nuseCharts({\n  chartDOM: dataChartPie,\n  chartOptions: pieChartOptions,\n  chartData: computed(() => chartData),\n})\n</script>\n\n<template>\n  <div\n    ref=\"dataChartPie\"\n    class=\"data-chart-pie\"\n  />\n</template>\n"],"names":["merge","inject","InjectionChartMerge","v","dataChartPie","ref","pieChartOptions","computed","colDesc","xGroupByDesc","data","modelName","__props","chartData","colDescLength","length","config","title","text","series","map","item","index","seriesItem","name","type","center","emphasis","itemStyle","shadowBlur","shadowOffsetX","shadowColor","label","formatter","rich","b","color","fontSize","fontWeight","lineHeight","cutNum","currentItemData","filter","row","orderByData","orderBy","totalDesc","reduce","prev","cur","value","Number","isNaN","headerData","slice","footerData","yItem","obj","forEach","headerDataItem","JSON","stringify","Object","keys","push","right","left","bottom","top","subShowType","radius","chartOptions","useCharts","chartDOM","_createElementBlock","class"],"mappings":"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"}
+{"version":3,"file":"pie.vue.cjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/pie.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PieSeriesOption } from 'echarts/charts'\nimport type { EChartsOption, IFormatPublicData } from '../utils/types'\nimport { orderBy } from 'lodash-es'\nimport { InjectionChartMerge } from '../utils/injectionKeys'\nimport { useCharts } from '../utils/useCharts'\n\ndefineOptions({\n  name: 'DataChartPie',\n})\nconst {\n  chartData,\n  subShowType = 'pie-simple',\n  chartOptions,\n} = defineProps<{\n  chartData: IFormatPublicData\n  subShowType: string\n  chartOptions: EChartsOption\n}>()\nconst merge = inject(InjectionChartMerge, (v: any) => v, true)\n\nconst dataChartPie = ref(null)\nconst pieChartOptions = computed<EChartsOption>(() => {\n  const { colDesc, xGroupByDesc, data, modelName } = chartData\n  const colDescLength = colDesc.length\n  const config = {\n    title: { text: modelName },\n    series: colDesc.map((item, index) => {\n      const seriesItem: PieSeriesOption = {\n        name: item,\n        type: 'pie',\n        center: ['50%', '50%'],\n        data: [],\n        emphasis: {\n          itemStyle: {\n            shadowBlur: 10,\n            shadowOffsetX: 0,\n            shadowColor: 'rgba(0, 0, 0, 0.5)',\n          },\n        },\n        label: {\n          formatter: '{b}：{c}({d}%)',\n          rich: {\n            b: {\n              color: '#4C5058',\n              fontSize: 14,\n              fontWeight: 'bold',\n              lineHeight: 33,\n            },\n          },\n        },\n      }\n\n      let cutNum = 5\n      const currentItemData = data.filter(row => row[item] !== undefined)\n      const orderByData = orderBy(currentItemData, [item], ['desc'])\n      // 总数\n      const totalDesc = orderByData.reduce((prev, cur) => {\n        const value = Number(cur[item]) || 0\n        return Number.isNaN(value) ? prev : prev + value\n      }, 0)\n      if (currentItemData.length > cutNum) {\n        while (cutNum < 9) {\n          const headerData = orderByData.slice(0, cutNum)\n          // 前 cutNum 个总数\n          const headerTotal = headerData.reduce(\n            (prev, cur) => prev + Number(cur[item]),\n            0,\n          )\n          // 前五总占比\n          const headerScale = headerTotal / totalDesc\n          if (headerScale > 0.9 || cutNum === 8) {\n            const footerData = orderByData.slice(\n              cutNum,\n              orderByData.length - 1,\n            )\n            seriesItem.data = currentItemData\n              .map((yItem) => {\n                let obj = {}\n                headerData.forEach((headerDataItem) => {\n                  if (JSON.stringify(headerDataItem) === JSON.stringify(yItem)) {\n                    obj = {\n                      name: xGroupByDesc?.colDesc\n                        ? yItem[xGroupByDesc.colDesc]\n                        : '',\n                      value: yItem[item],\n                    }\n                  }\n                })\n                return obj\n              })\n              .filter(v => v && Object.keys(v).length > 0)\n            seriesItem.data.push({\n              name: '其它',\n              value: footerData.reduce(\n                (prev, cur) => prev + Number(cur[item]),\n                0,\n              ),\n            })\n\n            break\n          }\n          else {\n            cutNum++\n          }\n        }\n      }\n      else {\n        seriesItem.data = currentItemData.map(yItem => ({\n          name: xGroupByDesc?.colDesc ? (yItem[xGroupByDesc.colDesc] || '') : '',\n          value: Number(yItem[item] || 0),\n        }))\n      }\n\n      if (colDescLength === 1) {\n        seriesItem.center = ['50%', '60%']\n      }\n      else if (colDescLength === 2) {\n        if (index === 0) {\n          seriesItem.right = '40%'\n          seriesItem.left = ''\n          seriesItem.center = ['40%', '60%']\n        }\n        else {\n          seriesItem.right = ''\n          seriesItem.left = '40%'\n          seriesItem.center = ['60%', '60%']\n        }\n      }\n      else if (colDescLength === 3) {\n        if (index === 0) {\n          seriesItem.right = '40%'\n          seriesItem.bottom = '50%'\n          seriesItem.top = ''\n          seriesItem.left = ''\n          seriesItem.center = ['40%', '78%']\n        }\n        else if (index === 1) {\n          seriesItem.right = ''\n          seriesItem.bottom = '50%'\n          seriesItem.top = ''\n          seriesItem.left = '40%'\n          seriesItem.center = ['60%', '78%']\n        }\n        else {\n          seriesItem.right = '40%'\n          seriesItem.bottom = ''\n          seriesItem.top = '50%'\n          seriesItem.left = ''\n          seriesItem.center = ['40%', '60%']\n        }\n      }\n      else if (colDescLength === 4) {\n        if (index === 0) {\n          seriesItem.right = '40%'\n          seriesItem.bottom = '50%'\n          seriesItem.top = ''\n          seriesItem.left = ''\n          seriesItem.center = ['40%', '78%']\n        }\n        else if (index === 1) {\n          seriesItem.right = ''\n          seriesItem.bottom = '50%'\n          seriesItem.top = ''\n          seriesItem.left = '40%'\n          seriesItem.center = ['60%', '78%']\n        }\n        else if (index === 2) {\n          seriesItem.right = '40%'\n          seriesItem.bottom = ''\n          seriesItem.top = '50%'\n          seriesItem.left = ''\n          seriesItem.center = ['40%', '60%']\n        }\n        else {\n          seriesItem.right = ''\n          seriesItem.bottom = ''\n          seriesItem.top = '50%'\n          seriesItem.left = '40%'\n          seriesItem.center = ['60%', '60%']\n        }\n      }\n      // 处理图表形状\n      switch (subShowType) {\n        case 'pie-borderRadius':\n          seriesItem.radius = ['50%', '70%']\n          break\n        case 'pie-simple':\n          seriesItem.radius = '50%'\n          break\n        default:\n          seriesItem.radius = '50%'\n          break\n      }\n      return seriesItem\n    }),\n  }\n\n  return merge(config, chartOptions)\n})\n\nconst { myChart } = useCharts({\n  chartDOM: dataChartPie,\n  chartOptions: pieChartOptions,\n  chartData: computed(() => chartData),\n})\n\n// 暴露图表实例\ndefineExpose({\n  myChart\n})\n</script>\n\n<template>\n  <div\n    ref=\"dataChartPie\"\n    class=\"data-chart-pie\"\n  />\n</template>\n"],"names":["merge","inject","InjectionChartMerge","v","dataChartPie","ref","pieChartOptions","computed","colDesc","xGroupByDesc","data","modelName","__props","chartData","colDescLength","length","config","title","text","series","map","item","index","seriesItem","name","type","center","emphasis","itemStyle","shadowBlur","shadowOffsetX","shadowColor","label","formatter","rich","b","color","fontSize","fontWeight","lineHeight","cutNum","currentItemData","filter","row","orderByData","orderBy","totalDesc","reduce","prev","cur","value","Number","isNaN","headerData","slice","footerData","yItem","obj","forEach","headerDataItem","JSON","stringify","Object","keys","push","right","left","bottom","top","subShowType","radius","chartOptions","myChart","useCharts","chartDOM","__expose","_createElementBlock","class"],"mappings":"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"}

package/lib/src/data-chart/src/components/radar.vue.cjs

@@ -1,2 +1,2 @@
-"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}},setup(u){const s=e.ref(),c=e.inject(r.InjectionChartMerge,e=>e,!0),o=e.computed(()=>{const{colDesc:e,xGroupByDesc:r,modelName:t,data:s}=u.chartData;r?.groupByValues||(r.groupByValues=[]),r.groupByValues=a.uniq(s.map(e=>e[r.colDesc||""]).filter(e=>e));const o={title:{text:t},radar:{indicator:r?.groupByValues?.map(a=>({name:a,max:Math.max(...s.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=>s.map(t=>a===t[r.colDesc||""]?t[e]:null).filter(e=>e).reduce((e,a)=>Number(e||0)+Number(a||0),0))}))}]};return c(o,u.chartOptions)});return t.useCharts({chartDOM:s,chartOptions:o,chartData:e.computed(()=>u.chartData)}),(a,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dataChartRadar",ref:s,class:"data-chart-radar"},null,512))}});exports.default=u;
+"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}},setup(u,{expose:s}){const c=e.ref(),o=e.inject(r.InjectionChartMerge,e=>e,!0),l=e.computed(()=>{const{colDesc:e,xGroupByDesc:r,modelName:t,data:s}=u.chartData;r?.groupByValues||(r.groupByValues=[]),r.groupByValues=a.uniq(s.map(e=>e[r.colDesc||""]).filter(e=>e));const c={title:{text:t},radar:{indicator:r?.groupByValues?.map(a=>({name:a,max:Math.max(...s.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=>s.map(t=>a===t[r.colDesc||""]?t[e]:null).filter(e=>e).reduce((e,a)=>Number(e||0)+Number(a||0),0))}))}]};return o(c,u.chartOptions)}),{myChart:p}=t.useCharts({chartDOM:c,chartOptions:l,chartData:e.computed(()=>u.chartData)});return s({myChart:p}),(a,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dataChartRadar",ref:c,class:"data-chart-radar"},null,512))}});exports.default=u;
 //# sourceMappingURL=radar.vue.cjs.map