@qxs-bns/components 0.0.48 → 0.0.49

package/es/src/data-chart/src/data-chart.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"data-chart.vue.mjs","sources":["../../../../../../packages/components/src/data-chart/src/data-chart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { EChartData, EChartsOption, IFormatPublicData } from './types'\nimport type { IconRow } from './types/index'\nimport { JsonToExcel } from '@qxs-bns/utils'\nimport { cloneDeep, merge as lodashMerge } from 'lodash-es'\nimport { defaultChartOption } from './utils/config'\nimport { InjectionChartMerge } from './utils/injectionKeys'\nimport { useDataToExcelJson } from './utils/useCharts'\nimport { useNamespace } from '@qxs-bns/hooks'\nimport Table from './components/table.vue'\nimport Bar from './components/bar.vue'\nimport Line from './components/line.vue'\nimport Pie from './components/pie.vue'\nimport Radar from './components/radar.vue'\nimport Scatter from './components/scatter.vue'\nimport Funnel from './components/funnel.vue'\nimport Area from './components/area.vue'\nimport Card from './components/card.vue'\nimport ScatterSimple from './components/scatter-simple.vue'\n\ndefineOptions({\n  name: 'QxsDataChart',\n})\n\nconst ns = useNamespace('data-chart')\n\nconst {\n  showTypeName = 'table',\n  subShowType,\n  modelName = '',\n  data: propData = {\n    data: [],\n    desc: {\n      colDesc: [],\n      showDesc: {\n        showType: 0,\n        chartOptions: '{}',\n        jsCodeSnippet: '',\n      },\n      groupByDesc: [],\n    },\n  },\n  chartOptions = {},\n  jsCodeSnippet = '',\n} = defineProps<{\n  modelName?: string\n  showTypeName?: IconRow['showTypeName']\n  subShowType?: string\n  data?: EChartData\n  chartOptions?: EChartsOption\n  jsCodeSnippet?: string\n}>()\n\nconst coms: {\n  [key: string]: any\n} = {\n  table: Table,\n  bar: Bar,\n  line: Line,\n  pie: Pie,\n  radar: Radar,\n  scatter: Scatter,\n  funnel: Funnel,\n  area: Area,\n  card: Card,\n  'scatter-simple':ScatterSimple,\n}\n\nconst defaultChartOptionCopy = computed(() => {\n  return cloneDeep(defaultChartOption[showTypeName])\n})\n\nconst formatPublicData = computed<IFormatPublicData>(() => {\n  const { desc: { colDesc = [], groupByDesc = [] } = {}, data = [] } = propData\n\n  // 处理 X 轴数据\n  let xValue = []\n\n  let xGroupByDesc: EChartData['desc']['groupByDesc'][0] | null = null\n  xValue = groupByDesc?.map((groupByDescItem) => {\n    // if (groupByDescItem.colValues) {\n    //   groupByDescItem.colValuesDesc = {}\n    //   groupByDescItem.colValues.split(',')?.forEach((item) => {\n    //     const [key, value] = item.split(':')\n    //     groupByDescItem.colValuesDesc[key] = value\n    //   })\n    // }\n    if (groupByDescItem.xAxis) {\n      xGroupByDesc = groupByDescItem\n    }\n    return groupByDescItem\n  })\n\n  const dataValue = xGroupByDesc ? data.filter(item => item && item[xGroupByDesc!.colDesc!]) : data\n\n  // if (xGroupByDesc && xGroupByDesc.colValuesDesc && Object.keys(xGroupByDesc.colValuesDesc).length) {\n  //   const { colDesc: colDescItem, colValuesDesc } = xGroupByDesc\n  //   console.log('colDesc: colDescItem, colValuesDesc: ', colDescItem, colValuesDesc)\n  //   dataValue = dataValue.map((item) => {\n  //     if (typeof item[colDescItem] === 'number') {\n  //       item[colDescItem] = colValuesDesc[item[colDescItem]]\n  //     }\n  //     return item\n  //   })\n  // }\n\n  return {\n    colDesc,\n    modelName,\n    subShowType,\n    xGroupByDesc: (xGroupByDesc || {\n      groupByDesc: null,\n      groupByValues: null,\n      colDesc: null,\n      xAxis: false,\n    }),\n    groupByDesc: xValue,\n    data: dataValue,\n  }\n})\n\n// 导出数据\nfunction exportExal() {\n  if (propData.data.length === 0) {\n    // useMessage.error('暂无数据')\n    console.log('暂无数据')\n    return\n  }\n  const arr = useDataToExcelJson(propData)\n  JsonToExcel(modelName, arr)\n}\nfunction merge(config: EChartsOption, defaultConfig: EChartsOption) {\n  const mergeOpt = lodashMerge({}, defaultChartOptionCopy.value, config, defaultConfig)\n  let conf = mergeOpt || {}\n  if (jsCodeSnippet) {\n    try {\n      // 用 Function 构造函数替代 eval\n      const dynamicFunction = new Function(\n        'config',\n        `\"use strict\"; ${jsCodeSnippet}; return config;`\n      );\n      \n      // 执行动态函数并传递 conf 参数\n      conf = dynamicFunction(conf);\n    } catch (error) {\n      console.error(\"代码执行失败:\", error);\n    }\n  }\n  return conf\n}\n\n\ndefineExpose({\n  exportExal,\n})\nprovide(InjectionChartMerge, merge)\n</script>\n\n<template>\n  <component\n    :is=\"coms[showTypeName]\"\n    :class=\"[ns.e('wrapper')]\"\n    :sub-show-type=\"subShowType\"\n    :chart-data=\"formatPublicData\"\n    :chart-options=\"chartOptions\"\n  />\n</template>\n"],"names":["ns","useNamespace","coms","table","Table","bar","Bar","line","Line","pie","Pie","radar","Radar","scatter","Scatter","funnel","Funnel","area","Area","card","Card","ScatterSimple","defaultChartOptionCopy","computed","cloneDeep","defaultChartOption","__props","formatPublicData","desc","colDesc","groupByDesc","data","xValue","xGroupByDesc","map","groupByDescItem","xAxis","dataValue","filter","item","modelName","subShowType","groupByValues","__expose","exportExal","length","console","log","arr","useDataToExcelJson","JsonToExcel","provide","InjectionChartMerge","config","defaultConfig","conf","lodashMerge","value","jsCodeSnippet","Function","dynamicFunction","error"],"mappings":"w1CAwBM,MAAAA,EAAKC,EAAa,cA6BlBC,EAEF,CACFC,MAAOC,EACPC,IAAKC,EACLC,KAAMC,EACNC,IAAKC,EACLC,MAAOC,EACPC,QAASC,EACTC,OAAQC,EACRC,KAAMC,EACNC,KAAMC,EACN,iBAAiBC,GAGbC,EAAyBC,GAAS,IAC/BC,EAAUC,EAAmBC,mBAGhCC,EAAmBJ,GAA4B,KACnD,MAAQK,MAAMC,QAAEA,EAAU,eAAIC,EAAc,IAAO,CAAI,EAAAC,KAAAA,EAAO,IAAOL,EAAAK,KAGrE,IAAIC,EAAS,GAETC,EAA4D,KACvDD,EAAAF,GAAaI,KAAKC,IAQrBA,EAAgBC,QACHH,EAAAE,GAEVA,KAGH,MAAAE,EAAYJ,EAAeF,EAAKO,QAAOC,GAAQA,GAAQA,EAAKN,EAAcJ,WAAaE,EAatF,MAAA,CACLF,UACAW,UAASd,EAAAc,UACTC,YAAWf,EAAAe,YACXR,aAAeA,GAAgB,CAC7BH,YAAa,KACbY,cAAe,KACfb,QAAS,KACTO,OAAO,GAETN,YAAaE,EACbD,KAAMM,EACR,WAkCWM,EAAA,CACXC,WA/BF,WACE,GAA6B,IAAzBlB,OAASK,KAAKc,OAGhB,YADAC,QAAQC,IAAI,QAGR,MAAAC,EAAMC,EAAmBvB,EAAQK,MAC3BmB,EAAAxB,EAAAc,UAAWQ,EAAG,IA0B5BG,EAAQC,GAxBC,SAAMC,EAAuBC,GAEhC,IAAAC,EADaC,EAAY,GAAIlC,EAAuBmC,MAAOJ,EAAQC,IAChD,CAAC,EACxB,GAAI5B,EAAAgC,cACE,IAQFH,EANwB,IAAII,SAC1B,SACA,iBAAiBjC,EAAAgC,gCAIZE,CAAgBL,SAChBM,GACCf,QAAAe,MAAM,UAAWA,EAAK,CAG3B,OAAAN,CAAA"}
+{"version":3,"file":"data-chart.vue.mjs","sources":["../../../../../../packages/components/src/data-chart/src/data-chart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { EChartData, EChartsOption, IFormatPublicData } from './types'\nimport type { IconRow } from './types/index'\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { JsonToExcel } from '@qxs-bns/utils'\nimport { cloneDeep, merge as lodashMerge } from 'lodash-es'\nimport Area from './components/area.vue'\nimport Bar from './components/bar.vue'\nimport Card from './components/card.vue'\nimport Funnel from './components/funnel.vue'\nimport Line from './components/line.vue'\nimport Pie from './components/pie.vue'\nimport Radar from './components/radar.vue'\nimport ScatterSimple from './components/scatter-simple.vue'\nimport Scatter from './components/scatter.vue'\nimport Table from './components/table.vue'\nimport { defaultChartOption } from './utils/config'\nimport { InjectionChartMerge } from './utils/injectionKeys'\nimport { safeEvalConfig } from './utils/safe-eval'\nimport { useDataToExcelJson } from './utils/useCharts'\n\ndefineOptions({\n  name: 'QxsDataChart',\n})\n\nconst {\n  showTypeName = 'table',\n  subShowType,\n  modelName = '',\n  data: propData = {\n    data: [],\n    desc: {\n      colDesc: [],\n      showDesc: {\n        showType: 0,\n        chartOptions: '{}',\n        jsCodeSnippet: '',\n      },\n      groupByDesc: [],\n    },\n  },\n  chartOptions = {},\n  jsCodeSnippet = '',\n} = defineProps<{\n  modelName?: string\n  showTypeName?: IconRow['showTypeName']\n  subShowType?: string\n  data?: EChartData\n  chartOptions?: EChartsOption\n  jsCodeSnippet?: string\n}>()\n\nconst ns = useNamespace('data-chart')\n\nconst coms: {\n  [key: string]: any\n} = {\n  'table': Table,\n  'bar': Bar,\n  'line': Line,\n  'pie': Pie,\n  'radar': Radar,\n  'scatter': Scatter,\n  'funnel': Funnel,\n  'area': Area,\n  'card': Card,\n  'scatter-simple': ScatterSimple,\n}\n\nconst defaultChartOptionCopy = computed(() => {\n  return cloneDeep(defaultChartOption[showTypeName])\n})\n\nconst formatPublicData = computed<IFormatPublicData>(() => {\n  const { desc: { colDesc = [], groupByDesc = [] } = {}, data = [] } = propData\n\n  // 处理 X 轴数据\n  let xValue = []\n\n  let xGroupByDesc: EChartData['desc']['groupByDesc'][0] | null = null\n  xValue = groupByDesc?.map((groupByDescItem) => {\n    // if (groupByDescItem.colValues) {\n    //   groupByDescItem.colValuesDesc = {}\n    //   groupByDescItem.colValues.split(',')?.forEach((item) => {\n    //     const [key, value] = item.split(':')\n    //     groupByDescItem.colValuesDesc[key] = value\n    //   })\n    // }\n    if (groupByDescItem.xAxis) {\n      xGroupByDesc = groupByDescItem\n    }\n    return groupByDescItem\n  })\n\n  const dataValue = xGroupByDesc ? data.filter(item => item && item[xGroupByDesc!.colDesc!]) : data\n\n  // if (xGroupByDesc && xGroupByDesc.colValuesDesc && Object.keys(xGroupByDesc.colValuesDesc).length) {\n  //   const { colDesc: colDescItem, colValuesDesc } = xGroupByDesc\n  //   console.log('colDesc: colDescItem, colValuesDesc: ', colDescItem, colValuesDesc)\n  //   dataValue = dataValue.map((item) => {\n  //     if (typeof item[colDescItem] === 'number') {\n  //       item[colDescItem] = colValuesDesc[item[colDescItem]]\n  //     }\n  //     return item\n  //   })\n  // }\n\n  const chartDataDefault = {\n    colDesc: [],\n    xGroupByDesc: {\n      colDesc: '',\n      groupByDesc: '',\n      groupByValues: [],\n      xAxis: false,\n    },\n    groupByDesc: [],\n    data: [],\n    modelName: '',\n  }\n\n  const mergeConfig = merge(chartDataDefault, {\n    colDesc,\n    modelName,\n    subShowType,\n    xGroupByDesc,\n    groupByDesc: xValue,\n    data: dataValue,\n  })\n  return mergeConfig\n})\n\n// 导出数据\nfunction exportExal() {\n  if (propData.data.length === 0) {\n    // useMessage.error('暂无数据')\n    console.log('暂无数据')\n    return\n  }\n  const arr = useDataToExcelJson(propData)\n  JsonToExcel(modelName, arr)\n}\nfunction merge(config: EChartsOption, defaultConfig: EChartsOption) {\n  const mergeOpt = lodashMerge({}, defaultChartOptionCopy.value, config, defaultConfig)\n  let conf = mergeOpt || {}\n\n  if (jsCodeSnippet) {\n    try {\n      // 使用安全的配置处理函数\n      conf = safeEvalConfig(jsCodeSnippet, conf)\n    }\n    catch (error) {\n      console.error('代码执行失败:', error)\n    }\n  }\n\n  return conf\n}\n\ndefineExpose({\n  exportExal,\n})\nprovide(InjectionChartMerge, merge)\n</script>\n\n<template>\n  <component\n    :is=\"coms[showTypeName]\"\n    :key=\"showTypeName\"\n    :class=\"[ns.e('wrapper')]\"\n    :sub-show-type=\"subShowType\"\n    :chart-data=\"formatPublicData\"\n    :chart-options=\"chartOptions\"\n  />\n</template>\n"],"names":["ns","useNamespace","coms","table","Table","bar","Bar","line","Line","pie","Pie","radar","Radar","scatter","Scatter","funnel","Funnel","area","Area","card","Card","ScatterSimple","defaultChartOptionCopy","computed","cloneDeep","defaultChartOption","__props","formatPublicData","desc","colDesc","groupByDesc","data","xValue","xGroupByDesc","map","groupByDescItem","xAxis","dataValue","filter","item","merge","groupByValues","modelName","subShowType","config","defaultConfig","conf","lodashMerge","value","jsCodeSnippet","safeEvalConfig","error","console","__expose","exportExal","length","log","arr","useDataToExcelJson","JsonToExcel","provide","InjectionChartMerge"],"mappings":"+4CAoDM,MAAAA,EAAKC,EAAa,cAElBC,EAEF,CACFC,MAASC,EACTC,IAAOC,EACPC,KAAQC,EACRC,IAAOC,EACPC,MAASC,EACTC,QAAWC,EACXC,OAAUC,EACVC,KAAQC,EACRC,KAAQC,EACR,iBAAkBC,GAGdC,EAAyBC,GAAS,IAC/BC,EAAUC,EAAmBC,mBAGhCC,EAAmBJ,GAA4B,KACnD,MAAQK,MAAMC,QAAEA,EAAU,eAAIC,EAAc,IAAO,CAAI,EAAAC,KAAAA,EAAO,IAAOL,EAAAK,KAGrE,IAAIC,EAAS,GAETC,EAA4D,KACvDD,EAAAF,GAAaI,KAAKC,IAQrBA,EAAgBC,QACHH,EAAAE,GAEVA,KAGH,MAAAE,EAAYJ,EAAeF,EAAKO,QAAOC,GAAQA,GAAQA,EAAKN,EAAcJ,WAAaE,EAkCtF,OARaS,EAbK,CACvBX,QAAS,GACTI,aAAc,CACZJ,QAAS,GACTC,YAAa,GACbW,cAAe,GACfL,OAAO,GAETN,YAAa,GACbC,KAAM,GACNW,UAAW,IAG+B,CAC1Cb,UACAa,UAAShB,EAAAgB,UACTC,YAAWjB,EAAAiB,YACXV,eACAH,YAAaE,EACbD,KAAMM,GAED,IAaA,SAAAG,EAAMI,EAAuBC,GAEhC,IAAAC,EADaC,EAAY,GAAIzB,EAAuB0B,MAAOJ,EAAQC,IAChD,CAAC,EAExB,GAAInB,EAAAuB,cACE,IAEKH,EAAAI,EAAexB,gBAAeoB,SAEhCK,GACGC,QAAAD,MAAM,UAAWA,EAAK,CAI3B,OAAAL,CAAA,QAGIO,EAAA,CACXC,WA3BF,WACE,GAA6B,IAAzB5B,OAASK,KAAKwB,OAGhB,YADAH,QAAQI,IAAI,QAGR,MAAAC,EAAMC,EAAmBhC,EAAQK,MAC3B4B,EAAAjC,EAAAgB,UAAWe,EAAG,IAsB5BG,EAAQC,EAAqBrB"}

package/es/src/data-chart/src/utils/config.mjs

@@ -1,2 +1,2 @@
-import{merge as e}from"lodash-es";const t={data:[{showTypeName:"table",label:"表格",coverImg:"table.png",disabled:()=>!1,subTypeList:[],showType:0,baseConfig:{}},{showTypeName:"line",label:"折线图",coverImg:"line-stack.png",showType:1,subTypeList:[{value:"line-simple",icon:"line-smooth",tooltipContent:"折线图"},{value:"area-basic",icon:"chart-line-area",tooltipContent:"折线面积图"}],baseConfig:{tooltip:{confine:!1,trigger:"axis",axisPointer:{type:"line"}},toolbox:{show:!1,showTitle:!1,feature:{saveAsImage:{}}},legend:{type:"scroll",top:"25px"},grid:{left:"0",bottom:"10px",containLabel:!0},xAxis:{type:"category",boundaryGap:!1},yAxis:{type:"value"},dataZoom:[{type:"inside"}]},disabled:(e,t)=>{const o=t?.length;return!(o>=1&&o<2)}},{showTypeName:"bar",label:"柱状图",coverImg:"bar-tick-align.png",showType:2,baseConfig:{legend:{type:"scroll",top:"25px"},tooltip:{confine:!1,trigger:"axis",axisPointer:{type:"shadow"}},toolbox:{show:!1,showTitle:!1,feature:{saveAsImage:{}}},grid:{left:"0",bottom:"20px",containLabel:!0},xAxis:{axisLabel:{showMaxLabel:!0},axisTick:{alignWithLabel:!0}},yAxis:{},dataZoom:[{type:"inside"}]},subTypeList:[{value:"bar-simple",icon:"bar-simple",tooltipContent:"垂直条形图"},{value:"bar-y-category",icon:"bar-y-category",tooltipContent:"水平条形图"}],disabled:(e,t)=>{const o=t?.length;return!(o>=1)}},{showTypeName:"pie",label:"饼图",coverImg:"pie-simple.png",showType:4,subTypeList:[{value:"pie-simple",icon:"pie-simple",tooltipContent:"饼图"},{value:"pie-borderRadius",icon:"pie-borderRadius",tooltipContent:"环形图"}],baseConfig:{tooltip:{confine:!0,formatter:"{a}<br>{b}: {c}({d}%)",trigger:"item"},toolbox:{show:!1,showTitle:!1,feature:{saveAsImage:{}}},legend:{type:"scroll",top:"25px"}},disabled:(e,t)=>{const o=t?.length,a=e?.length;return!(a<=4&&o>0&&o<=1)}},{showTypeName:"area",label:"地图",coverImg:"area.png",showType:5,subTypeList:[],baseConfig:{tooltip:{confine:!0,trigger:"item"},toolbox:{show:!1,showTitle:!1,feature:{saveAsImage:{}}},visualMap:{text:["高","低"],realtime:!1,calculable:!0,inRange:{color:["lightskyblue","yellow","orangered"]}}},disabled:(e,t)=>{const o=t?.length,a=t?.some((e=>{let{colDesc:t}=e;return t.includes("省")||t.includes("市")}));return!(a&&o>0)}},{showTypeName:"funnel",label:"漏斗图",coverImg:"funnel.png",showType:6,subTypeList:[],baseConfig:{tooltip:{confine:!0,trigger:"item",formatter:"{a} <br/>{b} : {c}"},toolbox:{show:!1,showTitle:!1,feature:{saveAsImage:{}}},legend:{type:"scroll",top:20}},disabled:(e,t)=>{const o=t?.length,a=e?.length;return!(a<=5&&o>0&&o<=1)}},{showTypeName:"card",label:"卡片",coverImg:"card.png",showType:9,subTypeList:[],baseConfig:{},disabled:(e,t)=>{const o=t?.length,a=e?.length;return!(a>0&&o<=1)}},{showTypeName:"radar",label:"雷达图",coverImg:"radar.png",showType:10,subTypeList:[],baseConfig:{legend:{type:"scroll",orient:"vertical",left:"left",top:"25px"},tooltip:{confine:!0,trigger:"item"},toolbox:{show:!1,showTitle:!1,feature:{saveAsImage:{}}},radar:{center:["50%","55%"]}},disabled:(e,t)=>{const o=t?.length;return 1!==o||1!==e.length}},{showTypeName:"scatter-simple",label:"散点图",coverImg:"",showType:11,subTypeList:[],disabled:()=>!1,baseConfig:{grid:{left:"0",bottom:"10px",containLabel:!0},tooltip:{showDelay:0,axisPointer:{show:!0,type:"cross",lineStyle:{type:"dashed",width:1}}},toolbox:{show:!1,showTitle:!1,feature:{saveAsImage:{}}},legend:{type:"scroll",top:"25px"},xAxis:{splitLine:{lineStyle:{type:"dashed"}}},yAxis:{splitLine:{lineStyle:{type:"dashed"}}}}}]};function o(t,o){const a={};return t.forEach((t=>{a[t.showTypeName]=e(t.baseConfig,o)})),a}const a=o(t.data,{backgroundColor:"transparent",title:{textStyle:{fontSize:14,lineHeight:16}}});function s(e){return new Promise((t=>{const o={showbiz:!1,extensions:"all",...e};import("@amap/amap-jsapi-loader").then((e=>{let{default:t}=e;return t.load({key:"2e820fac2a528b016a4cb95bb463e69e",version:"1.4.15",plugins:["AMap.DistrictSearch"],AMapUI:{version:"1.1",plugins:["geo/DistrictExplorer"]}})})).then((a=>{new a.DistrictSearch(o).search(e.adcode,((e,o)=>{AMapUI.loadUI(["geo/DistrictExplorer"],(e=>{(new e).loadAreaNode(o.districtList[0].adcode,((e,o)=>{if(e)return void console.error(e);const a={features:[],type:"FeatureCollection"};a.features=o.getSubFeatures(),t(a)}))}))}))})).catch((e=>{console.error("Failed to load map:",e),t({features:[],type:"FeatureCollection"})}))}))}export{a as defaultChartOption,s as getGeoJsonData,t as iconList,o as setDefaultChartOption};
+import{merge as e}from"lodash-es";const t={data:[{showTypeName:"table",label:"表格",coverImg:"table.png",disabled:()=>!1,subTypeList:[],showType:0,baseConfig:{}},{showTypeName:"line",label:"折线图",coverImg:"line-stack.png",showType:1,subTypeList:[{value:"line-simple",icon:"line-smooth",tooltipContent:"折线图"},{value:"area-basic",icon:"chart-line-area",tooltipContent:"折线面积图"}],baseConfig:{tooltip:{confine:!1,trigger:"axis",axisPointer:{type:"line"}},toolbox:{show:!1,showTitle:!1,feature:{saveAsImage:{}}},legend:{type:"scroll",top:"25px"},grid:{left:"0",bottom:"10px",containLabel:!0},xAxis:{type:"category",boundaryGap:!1},yAxis:{type:"value"},dataZoom:[{type:"inside"}]},disabled:(e,t)=>{const o=t?.length;return!(o>=1&&o<2)}},{showTypeName:"bar",label:"柱状图",coverImg:"bar-tick-align.png",showType:2,baseConfig:{legend:{type:"scroll",top:"25px"},tooltip:{confine:!1,trigger:"axis",axisPointer:{type:"shadow"}},toolbox:{show:!1,showTitle:!1,feature:{saveAsImage:{}}},grid:{left:"0",bottom:"20px",containLabel:!0},xAxis:{axisLabel:{showMaxLabel:!0},axisTick:{alignWithLabel:!0}},yAxis:{},dataZoom:[{type:"inside"}]},subTypeList:[{value:"bar-simple",icon:"bar-simple",tooltipContent:"垂直条形图"},{value:"bar-y-category",icon:"bar-y-category",tooltipContent:"水平条形图"}],disabled:(e,t)=>{const o=t?.length;return!(o>=1)}},{showTypeName:"pie",label:"饼图",coverImg:"pie-simple.png",showType:4,subTypeList:[{value:"pie-simple",icon:"pie-simple",tooltipContent:"饼图"},{value:"pie-borderRadius",icon:"pie-borderRadius",tooltipContent:"环形图"}],baseConfig:{tooltip:{confine:!0,formatter:"{a}<br>{b}: {c}({d}%)",trigger:"item"},toolbox:{show:!1,showTitle:!1,feature:{saveAsImage:{}}},legend:{type:"scroll",top:"25px"}},disabled:(e,t)=>{const o=t?.length,a=e?.length;return!(a<=4&&o>0&&o<=1)}},{showTypeName:"area",label:"地图",coverImg:"area.png",showType:5,subTypeList:[],baseConfig:{tooltip:{confine:!0,trigger:"item"},toolbox:{show:!1,showTitle:!1,feature:{saveAsImage:{}}},visualMap:{text:["高","低"],realtime:!1,calculable:!0,inRange:{color:["lightskyblue","yellow","orangered"]}}},disabled:(e,t)=>{const o=t?.length,a=t?.some((e=>{let{colDesc:t}=e;return t.includes("省")||t.includes("市")}));return!(a&&o>0)}},{showTypeName:"funnel",label:"漏斗图",coverImg:"funnel.png",showType:6,subTypeList:[],baseConfig:{tooltip:{confine:!0,trigger:"item",formatter:"{a} <br/>{b} : {c}"},toolbox:{show:!1,showTitle:!1,feature:{saveAsImage:{}}},legend:{type:"scroll",top:20}},disabled:(e,t)=>{const o=t?.length,a=e?.length;return!(a<=5&&o>0&&o<=1)}},{showTypeName:"card",label:"卡片",coverImg:"card.png",showType:9,subTypeList:[],baseConfig:{},disabled:(e,t)=>{const o=t?.length,a=e?.length;return!(a>0&&o<=1)}},{showTypeName:"radar",label:"雷达图",coverImg:"radar.png",showType:10,subTypeList:[],baseConfig:{legend:{type:"scroll",orient:"vertical",left:"left",top:"25px"},tooltip:{confine:!0,trigger:"item"},toolbox:{show:!1,showTitle:!1,feature:{saveAsImage:{}}},radar:{center:["50%","55%"]}},disabled:(e,t)=>{const o=t?.length;return 1!==o||1!==e.length}},{showTypeName:"scatter-simple",label:"散点图",coverImg:"",showType:11,subTypeList:[],disabled:()=>!1,baseConfig:{grid:{left:"0",bottom:"10px",containLabel:!0},tooltip:{showDelay:0,axisPointer:{show:!0,type:"cross",lineStyle:{type:"dashed",width:1}}},toolbox:{show:!1,showTitle:!1,feature:{saveAsImage:{}}},legend:{type:"scroll",top:"25px"},xAxis:{splitLine:{lineStyle:{type:"dashed"}}},yAxis:{splitLine:{lineStyle:{type:"dashed"}}}}}]};function o(t,o){const a={};return t.forEach((t=>{a[t.showTypeName]=e(t.baseConfig,o)})),a}const a=o(t.data,{backgroundColor:"transparent",title:{textStyle:{fontSize:14,lineHeight:16}}}),s=new Map;function i(e){const{adcode:t}=e;if(s.has(t)){const e=s.get(t);if(e)return Promise.resolve(e)}return new Promise((o=>{const a={showbiz:!1,extensions:"all",...e};import("@amap/amap-jsapi-loader").then((e=>{let{default:t}=e;return t.load({key:"2e820fac2a528b016a4cb95bb463e69e",version:"1.4.15",plugins:["AMap.DistrictSearch"],AMapUI:{version:"1.1",plugins:["geo/DistrictExplorer"]}})})).then((i=>{new i.DistrictSearch(a).search(e.adcode,((e,a)=>{AMapUI.loadUI(["geo/DistrictExplorer"],(e=>{(new e).loadAreaNode(a.districtList[0].adcode,((e,a)=>{if(e)return void console.error(e);const i={features:[],type:"FeatureCollection"};i.features=a.getSubFeatures(),s.set(t,i),o(i)}))}))}))})).catch((e=>{console.error("Failed to load map:",e),o({features:[],type:"FeatureCollection"})}))}))}export{a as defaultChartOption,i as getGeoJsonData,t as iconList,o as setDefaultChartOption};
 //# sourceMappingURL=config.mjs.map

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

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

package/es/src/data-chart/src/utils/safe-eval.mjs

@@ -0,0 +1,2 @@
+function e(e,n){const o={...{Math:Math,Date:Date,Array:Array,Object:Object,String:String,Number:Number,Boolean:Boolean,console:console,JSON:JSON},config:{...n}},t=new Proxy(o,{has:(e,n)=>!0,get:(e,n)=>{if("symbol"==typeof n){if(n===Symbol.unscopables)return;return Reflect.get(e,n)}return e[n]}});try{const n=`with (sandbox) { ${e} }`;return new Function("sandbox",n)(t),t.config}catch(e){return console.error("配置处理失败:",e),n}}export{e as safeEvalConfig};
+//# sourceMappingURL=safe-eval.mjs.map

package/es/src/data-chart/src/utils/safe-eval.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"safe-eval.mjs","sources":["../../../../../../../packages/components/src/data-chart/src/utils/safe-eval.ts"],"sourcesContent":["import type { EChartsOption } from '../types'\n\n/**\n * 安全的配置处理函数\n * @param jsCode - JavaScript 代码片段\n * @param config - ECharts 配置对象\n * @returns 处理后的配置对象\n */\nexport function safeEvalConfig(jsCode: string, config: EChartsOption): EChartsOption {\n  // 预定义允许的操作和函数\n  const allowedGlobals = {\n    Math,\n    Date,\n    Array,\n    Object,\n    String,\n    Number,\n    Boolean,\n    console,\n    JSON,\n  }\n\n  // 创建安全的执行环境\n  const sandbox = {\n    ...allowedGlobals,\n    config: { ...config },\n  }\n\n  // 使用 with 和 Proxy 创建安全的执行环境\n  const handler: ProxyHandler<typeof sandbox> = {\n    has: (_target, _key) => {\n      return true // 使所有变量查找都在 sandbox 中\n    },\n    get: (target, key) => {\n      // 处理 Symbol 类型的 key\n      if (typeof key === 'symbol') {\n        if (key === Symbol.unscopables) {\n          return undefined\n        }\n        return Reflect.get(target, key)\n      }\n      return target[key as keyof typeof target]\n    },\n  }\n\n  const proxiedSandbox = new Proxy(sandbox, handler)\n\n  try {\n    // 使用 with 语句创建局部作用域\n    const code = `with (sandbox) { ${jsCode} }`\n    // eslint-disable-next-line no-new-func\n    const fn = new Function('sandbox', code)\n    fn(proxiedSandbox)\n\n    return proxiedSandbox.config as EChartsOption\n  }\n  catch (error) {\n    console.error('配置处理失败:', error)\n    return config\n  }\n}\n"],"names":["safeEvalConfig","jsCode","config","sandbox","Math","Date","Array","Object","String","Number","Boolean","console","JSON","proxiedSandbox","Proxy","has","_target","_key","get","target","key","Symbol","unscopables","Reflect","code","Function","fn","error"],"mappings":"AAQgB,SAAAA,EAAeC,EAAgBC,GAE7C,MAaMC,EAAU,IAbO,CACrBC,UACAC,UACAC,YACAC,cACAC,cACAC,cACAC,gBACAC,gBACAC,WAMAV,OAAQ,IAAKA,IAoBTW,EAAiB,IAAIC,MAAMX,EAhBa,CAC5CY,IAAKA,CAACC,EAASC,KACN,EAETC,IAAKA,CAACC,EAAQC,KAER,GAAe,iBAARA,EAAkB,CACvB,GAAAA,IAAQC,OAAOC,YACV,OAEF,OAAAC,QAAQL,IAAIC,EAAQC,EAC7B,CACA,OAAOD,EAAOC,EAA0B,IAMxC,IAEI,MAAAI,EAAO,oBAAoBvB,MAKjC,OAHW,IAAIwB,SAAS,UAAWD,EACnCE,CAAGb,GAEIA,EAAeX,aAEjByB,GAEE,OADChB,QAAAgB,MAAM,UAAWA,GAClBzB,CACT,CACF"}

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

@@ -1,2 +1,2 @@
-import*as e from"echarts";import t from"../components/empty.svg.mjs";import{ref as o,onMounted as i,onUnmounted as a}from"vue";import{useMouseInElement as n,watchDebounced as l,useElementSize as r}from"@vueuse/core";function s(r){let{chartDOM:s,chartData:u,chartOptions:d,mountedBefore:v,initAfter:f,callback:m}=r,p=null;const g=o(!1),h=window.devicePixelRatio||1;function x(){p&&!p.isDisposed()&&(p.dispose(),p=null)}function y(){if(p&&g.value&&s.value){p.showLoading();try{p.isDisposed()&&(p=e.init(s.value,null,{devicePixelRatio:h,renderer:"svg"})),p.setOption(...arguments)}catch(t){console.log("error: ",t),x(),s.value&&(p=e.init(s.value,null,{devicePixelRatio:h,renderer:"svg"}),D("配置项错误"))}finally{p?.hideLoading()}}}const{isOutside:w}=n(s);function D(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"暂无数据";y({title:[{text:u.value?.modelName,...d.value.title},{subtext:e,top:"center",left:"center",text:" {a|}",itemGap:-20,textStyle:{align:"center",rich:{a:{color:"#000",fontSize:"16",height:80,width:160,backgroundColor:{image:t}}}},subtextStyle:{fontSize:16}}]},{notMerge:!0,replaceMerge:["xAxis","yAxis","series"],lazyUpdate:!1})}return l(w,(e=>{var t;"boolean"==typeof e&&(t=!e,p?.isDisposed()||p?.setOption({toolbox:{show:t}}))}),{debounce:200}),i((async()=>{v&&await v(),s.value&&(x(),p=e.init(s.value,null,{devicePixelRatio:h,renderer:"svg"}),m&&m(p),f&&await f(),c(p,s),g.value=!0,u.value?.data?.length?y(d.value,{}):D())})),a((()=>{p&&(p.getZr()?.off("mousemove"),p.getZr()?.off("mouseout"),x())})),{myChart:p}}function c(e,t){const{width:o,height:i}=r(t);l([o,i],(()=>{e&&e.resize()}))}function u(e){const{desc:{colDesc:t=[],groupByDesc:o=[]}={},data:i=[]}=e,a=[...o.map((e=>e.colDesc)),...t].filter((e=>e)),n=i.map((e=>a.map((t=>e[t]||""))));return[a,...n]}export{s as useCharts,u as useDataToExcelJson,c as useResize};
+import*as e from"echarts";import t from"../components/empty.svg.mjs";import{useMouseInElement as o,watchDebounced as i,useElementSize as n}from"@vueuse/core";import{onMounted as r,onUnmounted as a}from"vue";function s(n){let{chartDOM:s,chartData:c,chartOptions:u,mountedBefore:d,initAfter:p,callback:f}=n,m=null,v=!1;const g=window.devicePixelRatio||1;function h(){m&&!m.isDisposed()&&(m.dispose(),m=null)}function x(){for(var t=arguments.length,o=new Array(t),i=0;i<t;i++)o[i]=arguments[i];if(s.value)try{m&&!m.isDisposed()||(m=e.init(s.value,null,{devicePixelRatio:g,renderer:"svg"})),m.showLoading(),c.value?.data?.length?(!0===v&&(o[1]||(o[1]={}),o[1].notMerge=!0),v=!1,m.setOption(...o)):o=y()}catch(t){console.log("error: ",t),m&&!m.isDisposed()&&h(),s.value&&!m&&(m=e.init(s.value,null,{devicePixelRatio:g,renderer:"svg"}),o=y("配置项错误"))}finally{m?.setOption(...o),m?.hideLoading()}}function y(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"暂无数据";const o={title:[{text:c.value?.modelName,...u.value.title},{subtext:e,top:"center",left:"center",text:" {a|}",itemGap:-20,textStyle:{align:"center",rich:{a:{color:"#000",fontSize:"16",height:80,width:160,backgroundColor:{image:t}}}},subtextStyle:{fontSize:16}}]};return v=!0,[o,{notMerge:!0,replaceMerge:["xAxis","yAxis","series"],lazyUpdate:!1}]}const{isOutside:w}=o(s);return i(w,(e=>{var t;"boolean"==typeof e&&(t=!e,m?.isDisposed()||m?.setOption({toolbox:{show:t}}))}),{debounce:200}),i((()=>u.value),(()=>x(u.value)),{debounce:500,deep:!0}),r((async()=>{d&&await d(),x(u.value),f&&f(m),p&&await p(),m&&l(m,s)})),a((()=>{m&&(m.getZr()?.off("mousemove"),m.getZr()?.off("mouseout"),h())})),{myChart:m}}function l(e,t){const{width:o,height:r}=n(t);i([o,r],(()=>{e&&e.resize()}))}function c(e){const{desc:{colDesc:t=[],groupByDesc:o=[]}={},data:i=[]}=e,n=[...o.map((e=>e.colDesc)),...t].filter((e=>e)),r=i.map((e=>n.map((t=>e[t]||""))));return[n,...r]}export{s as useCharts,c as useDataToExcelJson,l as useResize};
 //# sourceMappingURL=useCharts.mjs.map

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 { ComputedRef, Ref } from 'vue'\nimport type { EChartData, EChartsOption, IFormatPublicData } from '../types'\nimport * as echarts from 'echarts'\n\n// 使用别名路径导入 SVG\nimport emptyImg from '../components/empty.svg'\n\nexport function useCharts({ chartDOM, chartData, chartOptions, mountedBefore, initAfter, callback }: {\n  chartDOM: Ref<HTMLElement | null>\n  chartData: ComputedRef<IFormatPublicData>\n  chartOptions: ComputedRef<EChartsOption>\n  mountedBefore?: () => void\n  initAfter?: () => void\n  callback?: (e: ECharts) => void\n}) {\n  let myChart: ECharts | null = null\n  const initChartSuccess = ref(false)\n\n  // 获取设备像素比\n  const dpr = window.devicePixelRatio || 1\n\n  function disposeChart() {\n    if (myChart && !myChart.isDisposed()) {\n      myChart.dispose()\n      myChart = null\n    }\n  }\n\n  function initChart(...opt: [EChartsOption, SetOptionOpts]) {\n    if (!myChart || !initChartSuccess.value || !chartDOM.value) {\n      return\n    }\n\n    myChart.showLoading()\n    try {\n      if (myChart.isDisposed()) {\n        // 如果实例已被销毁，重新创建\n        myChart = echarts.init(chartDOM.value, null, {\n          devicePixelRatio: dpr,\n          renderer: 'svg',\n        })\n      }\n      myChart.setOption(...opt)\n    }\n    catch (error) {\n      console.log('error: ', error)\n      disposeChart()\n      if (chartDOM.value) {\n        myChart = echarts.init(chartDOM.value, null, {\n          devicePixelRatio: dpr,\n          renderer: 'svg',\n        })\n        setEmpty('配置项错误')\n      }\n    }\n    finally {\n      myChart?.hideLoading()\n    }\n  }\n\n  const { isOutside: mouseInChart } = useMouseInElement(chartDOM)\n  watchDebounced(mouseInChart, (newVal) => {\n    if (typeof newVal !== 'boolean') {\n      return\n    }\n    toggleToolbox(!newVal)\n  }, { debounce: 200 })\n\n  function setEmpty(subtext = '暂无数据') {\n    const obj: EChartsOption = {\n      title: [{\n        text: chartData.value?.modelName,\n        ...chartOptions.value.title,\n      }, {\n        subtext,\n        top: 'center',\n        left: 'center',\n        text: ' {a|}',\n        itemGap: -20,\n        textStyle: {\n          align: 'center',\n          rich: {\n            a: {\n              color: '#000',\n              fontSize: '16',\n              height: 80,\n              width: 160,\n              backgroundColor: {\n                image: emptyImg,\n              },\n            },\n          },\n        },\n        subtextStyle: {\n          fontSize: 16,\n        },\n      }],\n    }\n    initChart(obj, {\n      notMerge: true,\n      replaceMerge: ['xAxis', 'yAxis', 'series'],\n      lazyUpdate: false,\n    })\n  }\n\n  function toggleToolbox(show: boolean) {\n    if (!myChart?.isDisposed()) {\n      myChart?.setOption({\n        toolbox: {\n          show,\n        },\n      })\n    }\n  }\n\n  onMounted(async () => {\n    if (mountedBefore) {\n      await mountedBefore()\n    }\n    if (!chartDOM.value) {\n      return\n    }\n    disposeChart() // 确保旧实例被清理\n    myChart = echarts.init(chartDOM.value, null, {\n      devicePixelRatio: dpr,\n      renderer: 'svg',\n    })\n    if (callback) {\n      callback(myChart)\n    }\n    if (initAfter) {\n      await initAfter()\n    }\n\n    useResize(myChart, chartDOM)\n\n    initChartSuccess.value = true\n\n    if (chartData.value?.data?.length) {\n      initChart(chartOptions.value, {})\n    }\n    else {\n      setEmpty()\n    }\n  })\n\n  onUnmounted(() => {\n    if (myChart) {\n      myChart.getZr()?.off('mousemove')\n      myChart.getZr()?.off('mouseout')\n      disposeChart()\n    }\n  })\n\n  return {\n    myChart,\n  }\n}\n\nexport function useResize(myChart: ECharts, chartDOM: Ref<HTMLElement | null>) {\n  const { width, height } = useElementSize(chartDOM)\n  watchDebounced([width, height], () => {\n    if (myChart) {\n      myChart.resize()\n    }\n  })\n}\n\nexport function useDataToExcelJson(dataSource: EChartData) {\n  const { desc: { colDesc = [], groupByDesc = [] } = {}, data = [] } = dataSource\n  const header = [...groupByDesc.map(item => item.colDesc), ...colDesc].filter(v => v) as string[]\n  const json = data.map((item) => {\n    return header.map((headerItem) => {\n      return item[headerItem as keyof typeof item] || ''\n    })\n  })\n  return [header, ...json]\n}\n"],"names":["useCharts","_ref","chartDOM","chartData","chartOptions","mountedBefore","initAfter","callback","myChart","initChartSuccess","ref","dpr","window","devicePixelRatio","disposeChart","isDisposed","dispose","initChart","value","showLoading","echarts","init","renderer","setOption","arguments","error","console","log","setEmpty","hideLoading","isOutside","mouseInChart","useMouseInElement","subtext","title","text","modelName","top","left","itemGap","textStyle","align","rich","a","color","fontSize","height","width","backgroundColor","image","emptyImg","subtextStyle","notMerge","replaceMerge","lazyUpdate","watchDebounced","newVal","show","toolbox","debounce","onMounted","async","useResize","data","length","onUnmounted","getZr","off","useElementSize","resize","useDataToExcelJson","dataSource","desc","colDesc","groupByDesc","header","map","item","filter","v","json","headerItem"],"mappings":"wNAQgB,SAAAA,EAAAC,GAOb,IAPuBC,SAAEA,EAAUC,UAAAA,EAAAC,aAAWA,gBAAcC,EAAeC,UAAAA,EAAAC,SAAWA,GAOtFN,EACGO,EAA0B,KACxB,MAAAC,EAAmBC,GAAI,GAGvBC,EAAMC,OAAOC,kBAAoB,EAEvC,SAASC,IACHN,IAAYA,EAAQO,eACtBP,EAAQQ,UACER,EAAA,KAEd,CAEA,SAASS,IACP,GAAKT,GAAYC,EAAiBS,OAAUhB,EAASgB,MAArD,CAIAV,EAAQW,cACJ,IACEX,EAAQO,eAEVP,EAAUY,EAAQC,KAAKnB,EAASgB,MAAO,KAAM,CAC3CL,iBAAkBF,EAClBW,SAAU,SAGNd,EAAAe,aAAUC,iBAEbC,GACGC,QAAAC,IAAI,UAAWF,GACVX,IACTZ,EAASgB,QACXV,EAAUY,EAAQC,KAAKnB,EAASgB,MAAO,KAAM,CAC3CL,iBAAkBF,EAClBW,SAAU,QAEZM,EAAS,SAEb,CACA,QACEpB,GAASqB,aACX,CA1BA,CA2BF,CAEA,MAAQC,UAAWC,GAAiBC,EAAkB9B,GAQ7C,SAAA0B,IAA2B,IAAlBK,yDAAU,OA8B1BhB,EA7B2B,CACzBiB,MAAO,CAAC,CACNC,KAAMhC,EAAUe,OAAOkB,aACpBhC,EAAac,MAAMgB,OACrB,CACDD,UACAI,IAAK,SACLC,KAAM,SACNH,KAAM,QACNI,SAAS,GACTC,UAAW,CACTC,MAAO,SACPC,KAAM,CACJC,EAAG,CACDC,MAAO,OACPC,SAAU,KACVC,OAAQ,GACRC,MAAO,IACPC,gBAAiB,CACfC,MAAOC,MAKfC,aAAc,CACZN,SAAU,OAID,CACbO,UAAU,EACVC,aAAc,CAAC,QAAS,QAAS,UACjCC,YAAY,GAEhB,CAmDO,OA7FQC,EAAAxB,GAAeyB,IA4C9B,IAAuBC,EA3CC,kBAAXD,IA2CUC,GAxCND,EAyCVhD,GAASO,cACZP,GAASe,UAAU,CACjBmC,QAAS,CACPD,UA5Ce,GACpB,CAAEE,SAAU,MAiDfC,GAAUC,UACJxD,SACIA,IAEHH,EAASgB,QAGDJ,IACbN,EAAUY,EAAQC,KAAKnB,EAASgB,MAAO,KAAM,CAC3CL,iBAAkBF,EAClBW,SAAU,QAERf,GACFA,EAASC,GAEPF,SACIA,IAGRwD,EAAUtD,EAASN,GAEnBO,EAAiBS,OAAQ,EAErBf,EAAUe,OAAO6C,MAAMC,OACf/C,EAAAb,EAAac,MAAO,IAGrBU,IACX,IAGFqC,GAAY,KACNzD,IACMA,EAAA0D,SAASC,IAAI,aACb3D,EAAA0D,SAASC,IAAI,YACRrD,IACf,IAGK,CACLN,UAEJ,CAEgB,SAAAsD,EAAUtD,EAAkBN,GAC1C,MAAM6C,MAAEA,EAAAD,OAAOA,GAAWsB,EAAelE,GACzCqD,EAAe,CAACR,EAAOD,IAAS,KAC1BtC,GACFA,EAAQ6D,QACV,GAEJ,CAEO,SAASC,EAAmBC,GACjC,MAAQC,MAAMC,QAAEA,EAAU,GAAIC,YAAAA,EAAc,IAAO,CAAC,EAAAX,KAAGA,EAAO,IAAOQ,EAC/DI,EAAS,IAAID,EAAYE,KAAYC,GAAAA,EAAKJ,aAAaA,GAASK,WAAYC,IAC5EC,EAAOjB,EAAKa,KAAKC,GACdF,EAAOC,KAAKK,GACVJ,EAAKI,IAAoC,OAG7C,MAAA,CAACN,KAAWK,EACrB"}
+{"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'\n\n// 使用别名路径导入 SVG\nimport emptyImg from '../components/empty.svg'\n\nexport function useCharts({ chartDOM, chartData, chartOptions, mountedBefore, initAfter, callback }: {\n  chartDOM: Ref<HTMLElement | null>\n  chartData: Ref<IFormatPublicData>\n  chartOptions: Ref<EChartsOption>\n  mountedBefore?: () => void\n  initAfter?: () => void\n  callback?: (e: ECharts | null) => void\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      myChart.dispose()\n      myChart = null\n    }\n  }\n\n  function renderChart(...opt: [EChartsOption, SetOptionOpts?]) {\n    if (!chartDOM.value) {\n      return\n    }\n    try {\n      if (myChart && !myChart.isDisposed()) {\n        myChart.showLoading()\n      }\n      else {\n        // 如果实例已被销毁，重新创建\n        myChart = echarts.init(chartDOM.value, null, {\n          devicePixelRatio: dpr,\n          renderer: 'svg',\n        })\n        myChart.showLoading()\n      }\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        myChart.setOption(...opt)\n      }\n      else {\n        opt = setEmpty()\n      }\n    }\n    catch (error) {\n      console.log('error: ', error)\n      if (myChart && !myChart.isDisposed()) {\n        disposeChart()\n      }\n      if (chartDOM.value && !myChart) {\n        // 如果实例已被销毁，重新创建\n        myChart = echarts.init(chartDOM.value, null, {\n          devicePixelRatio: dpr,\n          renderer: 'svg',\n        })\n        opt = setEmpty('配置项错误')\n      }\n    }\n    finally {\n      myChart?.setOption(...opt)\n      myChart?.hideLoading()\n    }\n  }\n\n  function setEmpty(subtext = '暂无数据'): [EChartsOption, SetOptionOpts] {\n    const obj: EChartsOption = {\n      title: [{\n        text: chartData.value?.modelName,\n        ...chartOptions.value.title,\n      }, {\n        subtext,\n        top: 'center',\n        left: 'center',\n        text: ' {a|}',\n        itemGap: -20,\n        textStyle: {\n          align: 'center',\n          rich: {\n            a: {\n              color: '#000',\n              fontSize: '16',\n              height: 80,\n              width: 160,\n              backgroundColor: {\n                image: emptyImg,\n              },\n            },\n          },\n        },\n        subtextStyle: {\n          fontSize: 16,\n        },\n      }],\n    }\n    isEmpty = true\n    return [obj, {\n      notMerge: true,\n      replaceMerge: ['xAxis', 'yAxis', 'series'],\n      lazyUpdate: false,\n    }]\n  }\n\n  function toggleToolbox(show: boolean) {\n    if (!myChart?.isDisposed()) {\n      myChart?.setOption({\n        toolbox: {\n          show,\n        },\n      })\n    }\n  }\n\n  const { isOutside: mouseInChart } = useMouseInElement(chartDOM)\n  watchDebounced(mouseInChart, (newVal) => {\n    if (typeof newVal !== 'boolean') {\n      return\n    }\n    toggleToolbox(!newVal)\n  }, { debounce: 200 })\n\n  watchDebounced(\n    () => chartOptions.value,\n    () => renderChart(chartOptions.value),\n    { debounce: 500, deep: true },\n  )\n\n  onMounted(async () => {\n    if (mountedBefore) {\n      await mountedBefore()\n    }\n    renderChart(chartOptions.value)\n    if (callback) {\n      callback(myChart)\n    }\n    if (initAfter) {\n      await initAfter()\n    }\n    if (myChart) {\n      useResize(myChart, chartDOM)\n    }\n  })\n\n  onUnmounted(() => {\n    if (myChart) {\n      myChart.getZr()?.off('mousemove')\n      myChart.getZr()?.off('mouseout')\n      disposeChart()\n    }\n  })\n\n  return {\n    myChart,\n  }\n}\n\nexport function useResize(myChart: ECharts, chartDOM: Ref<HTMLElement | null>) {\n  const { width, height } = useElementSize(chartDOM)\n  watchDebounced([width, height], () => {\n    if (myChart) {\n      myChart.resize()\n    }\n  })\n}\n\nexport function useDataToExcelJson(dataSource: EChartData) {\n  const { desc: { colDesc = [], groupByDesc = [] } = {}, data = [] } = dataSource\n  const header = [...groupByDesc.map(item => item.colDesc), ...colDesc].filter(v => v) as string[]\n  const json = data.map((item) => {\n    return header.map((headerItem) => {\n      return item[headerItem as keyof typeof item] || ''\n    })\n  })\n  return [header, ...json]\n}\n"],"names":["useCharts","_ref","chartDOM","chartData","chartOptions","mountedBefore","initAfter","callback","myChart","isEmpty","dpr","window","devicePixelRatio","disposeChart","isDisposed","dispose","renderChart","_len","arguments","length","opt","Array","_key","value","echarts","init","renderer","showLoading","data","notMerge","setOption","setEmpty","error","console","log","hideLoading","subtext","obj","title","text","modelName","top","left","itemGap","textStyle","align","rich","a","color","fontSize","height","width","backgroundColor","image","emptyImg","subtextStyle","replaceMerge","lazyUpdate","isOutside","mouseInChart","useMouseInElement","watchDebounced","newVal","show","toolbox","debounce","deep","onMounted","async","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/file-upload/src/file-upload.vue.mjs

@@ -1,2 +1,2 @@
-import{ElUpload as e,ElIcon as t,ElAlert as s,ElMessage as l}from"element-plus/es";import"element-plus/es/components/base/style/index";import"element-plus/es/components/upload/style/index";import"element-plus/es/components/alert/style/index";import"element-plus/es/components/icon/style/index";import{defineComponent as a,computed as i,createBlock as n,openBlock as o,normalizeClass as r,unref as p,withCtx as u,createElementVNode as m,createVNode as d,createTextVNode as c,createElementBlock as f,createCommentVNode as y}from"vue";import{UploadFilled as x}from"@element-plus/icons-vue";import{useNamespace as v}from"@qxs-bns/hooks";import{useNamespace as q}from"element-plus";import"element-plus/es/components/message/style/index";const _={class:"slot"},b={style:{display:"inline-block"}};var g=a({name:"QxsFileUpload",__name:"file-upload",props:{action:{type:String,required:!0},headers:{type:null,required:!1},data:{type:null,required:!1},name:{type:String,required:!1,default:"file"},size:{type:Number,required:!1,default:20},max:{type:Number,required:!1,default:3},accept:{type:String,required:!1,default:"zip,rar"},files:{type:Array,required:!1,default:()=>[]},notip:{type:Boolean,required:!1,default:!1},ext:{type:Array,required:!1}},emits:["onSuccess"],setup(a,{emit:g}){const h=g,z=v("file-upload"),S=q("file-upload"),$=i((()=>a.accept.split(","))),k=e=>{const t=e.name.split(".").at(-1)??"",s=$.value.includes(t),i=e.size/1024/1024<a.size;return s||l.error(`上传文件只支持 ${$.value.join(" / ")} 格式！`),i||l.error(`上传文件大小不能超过 ${a.size}MB！`),s&&i},B=()=>{l.warning("文件上传超过限制")},N=(e,t,s)=>{h("onSuccess",e,t,s)};return(l,a)=>{const i=t,v=s,q=e;return o(),n(q,{headers:l.headers,action:l.action,data:l.data,name:l.name,"before-upload":k,"on-exceed":B,"on-success":N,"file-list":l.files,limit:l.max,drag:"",class:r(p(z).e("control"))},{tip:u((()=>[l.notip?y("v-if",!0):(o(),f("div",{key:0,class:r(p(S).namespace.value+"-upload__tip")},[m("div",b,[d(v,{title:`上传文件支持 ${p($).join(" / ")} 格式，单个文件大小不超过 ${l.size}MB，且文件数量不超过 ${l.max} 个`,type:"info","show-icon":"",closable:!1},null,8,["title"])])],2))])),default:u((()=>[m("div",_,[d(i,{class:r(p(S).namespace.value+"-icon--upload")},{default:u((()=>[d(p(x))])),_:1},8,["class"]),m("div",{class:r(p(S).namespace.value+"-upload__text")},a[0]||(a[0]=[c(" 将文件拖到此处，或"),m("em",null,"点击上传",-1)]),2)])])),_:1},8,["headers","action","data","name","file-list","limit","class"])}}});export{g as default};
+import{ElUpload as e,ElIcon as t,ElAlert as s,ElMessage as l}from"element-plus/es";import"element-plus/es/components/base/style/index";import"element-plus/es/components/upload/style/index";import"element-plus/es/components/alert/style/index";import"element-plus/es/components/icon/style/index";import{defineComponent as a,computed as i,createBlock as n,openBlock as o,normalizeClass as r,unref as p,withCtx as u,createElementVNode as m,createVNode as d,createTextVNode as c,createElementBlock as f,createCommentVNode as y}from"vue";import{UploadFilled as x}from"@element-plus/icons-vue";import{useNamespace as v}from"@qxs-bns/hooks";import{useNamespace as q}from"element-plus";import"element-plus/es/components/message/style/index";const $={class:"slot"},_={style:{display:"inline-block"}};var b=a({name:"QxsFileUpload",__name:"file-upload",props:{action:{type:String,required:!0},headers:{type:null,required:!1},data:{type:null,required:!1},name:{type:String,required:!1,default:"file"},size:{type:Number,required:!1,default:20},max:{type:Number,required:!1,default:3},accept:{type:String,required:!1,default:"zip,rar"},files:{type:Array,required:!1,default:()=>[]},notip:{type:Boolean,required:!1,default:!1},ext:{type:Array,required:!1}},emits:["onSuccess"],setup(a,{emit:b}){const g=b,h=v("file-upload"),z=q("file-upload"),S=i((()=>a.accept.split(","))),k=e=>{const t=e.name.split(".").at(-1)??"",s=S.value.includes(t),i=e.size/1024/1024<a.size;return s||l.error(`上传文件只支持 ${S.value.join(" / ")} 格式！`),i||l.error(`上传文件大小不能超过 ${a.size}MB！`),s&&i},B=()=>{l.warning("文件上传超过限制")},N=(e,t,s)=>{g("onSuccess",e,t,s)};return(l,a)=>{const i=t,v=s,q=e;return o(),n(q,{headers:l.headers,action:l.action,data:l.data,name:l.name,"before-upload":k,"on-exceed":B,"on-success":N,"file-list":l.files,limit:l.max,drag:"",class:r(p(h).e("control"))},{tip:u((()=>[l.notip?y("v-if",!0):(o(),f("div",{key:0,class:r(`${p(z).namespace.value}-upload__tip`)},[m("div",_,[d(v,{title:`上传文件支持 ${p(S).join(" / ")} 格式，单个文件大小不超过 ${l.size}MB，且文件数量不超过 ${l.max} 个`,type:"info","show-icon":"",closable:!1},null,8,["title"])])],2))])),default:u((()=>[m("div",$,[d(i,{class:r(`${p(z).namespace.value}-icon--upload`)},{default:u((()=>[d(p(x))])),_:1},8,["class"]),m("div",{class:r(`${p(z).namespace.value}-upload__text`)},a[0]||(a[0]=[c(" 将文件拖到此处，或"),m("em",null,"点击上传",-1)]),2)])])),_:1},8,["headers","action","data","name","file-list","limit","class"])}}});export{b as default};
 //# sourceMappingURL=file-upload.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"file-upload.vue.mjs","sources":["../../../../../../packages/components/src/file-upload/src/file-upload.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { UploadProps, UploadUserFile } from \"element-plus\";\nimport { UploadFilled } from \"@element-plus/icons-vue\";\nimport { useNamespace } from \"@qxs-bns/hooks\";\nimport { useNamespace as useElNamespace } from \"element-plus\";\n\ndefineOptions({\n  name: \"QxsFileUpload\",\n});\n\nconst {\n  name = \"file\",\n  size = 20,\n  max = 3,\n  files = [],\n  notip = false,\n  accept = \"zip,rar\",\n} = defineProps<{\n  action: UploadProps[\"action\"];\n  headers?: UploadProps[\"headers\"];\n  data?: UploadProps[\"data\"];\n  name?: UploadProps[\"name\"];\n  size?: number;\n  max?: number;\n  accept?: string;\n  files?: UploadUserFile[];\n  notip?: boolean;\n  ext?: string[];\n}>();\n\nconst emit = defineEmits([\"onSuccess\"]);\n\nconst ns = useNamespace(\"file-upload\");\nconst nsEl = useElNamespace(\"file-upload\");\n\nconst exts = computed(() => {\n  return accept.split(\",\");\n});\nconst beforeUpload: UploadProps[\"beforeUpload\"] = (file) => {\n  const fileName = file.name.split(\".\");\n  const fileExt = fileName.at(-1) ?? \"\";\n  const isTypeOk = exts.value.includes(fileExt);\n  const isSizeOk = file.size / 1024 / 1024 < size;\n  if (!isTypeOk) {\n    ElMessage.error(`上传文件只支持 ${exts.value.join(\" / \")} 格式！`);\n  }\n  if (!isSizeOk) {\n    ElMessage.error(`上传文件大小不能超过 ${size}MB！`);\n  }\n  return isTypeOk && isSizeOk;\n};\n\nconst onExceed: UploadProps[\"onExceed\"] = () => {\n  ElMessage.warning(\"文件上传超过限制\");\n};\n\nconst onSuccess: UploadProps[\"onSuccess\"] = (res, file, fileList) => {\n  emit(\"onSuccess\", res, file, fileList);\n};\n</script>\n\n<template>\n  <el-upload\n    :headers=\"headers\"\n    :action=\"action\"\n    :data=\"data\"\n    :name=\"name\"\n    :before-upload=\"beforeUpload\"\n    :on-exceed=\"onExceed\"\n    :on-success=\"onSuccess\"\n    :file-list=\"files\"\n    :limit=\"max\"\n    drag\n    :class=\"ns.e('control')\"\n  >\n    <div class=\"slot\">\n      <el-icon :class=\"nsEl.namespace.value + '-icon--upload'\">\n        <UploadFilled />\n      </el-icon>\n      <div :class=\"nsEl.namespace.value + '-upload__text'\">\n        将文件拖到此处，或<em>点击上传</em>\n      </div>\n    </div>\n    <template #tip>\n      <div v-if=\"!notip\" :class=\"nsEl.namespace.value + '-upload__tip'\">\n        <div style=\"display: inline-block\">\n          <el-alert\n            :title=\"`上传文件支持 ${exts.join(\n              ' / '\n            )} 格式，单个文件大小不超过 ${size}MB，且文件数量不超过 ${max} 个`\"\n            type=\"info\"\n            show-icon\n            :closable=\"false\"\n          />\n        </div>\n      </div>\n    </template>\n  </el-upload>\n</template>\n"],"names":["emit","__emit","ns","useNamespace","nsEl","useElNamespace","exts","computed","__props","accept","split","beforeUpload","file","fileExt","name","at","isTypeOk","value","includes","isSizeOk","size","ElMessage","error","join","onExceed","warning","onSuccess","res","fileList"],"mappings":"+vCA8BA,MAAMA,EAAOC,EAEPC,EAAKC,EAAa,eAClBC,EAAOC,EAAe,eAEtBC,EAAOC,GAAS,IACbC,EAAAC,OAAOC,MAAM,OAEhBC,EAA6CC,IACjD,MACMC,EADWD,EAAKE,KAAKJ,MAAM,KACRK,IAAG,IAAO,GAC7BC,EAAWV,EAAKW,MAAMC,SAASL,GAC/BM,EAAWP,EAAKQ,KAAO,KAAO,KAAOZ,EAAIY,KAO/C,OANKJ,GACHK,EAAUC,MAAM,WAAWhB,EAAKW,MAAMM,KAAK,cAExCJ,GACHE,EAAUC,MAAM,cAAcd,EAAIY,WAE7BJ,GAAYG,CAAA,EAGfK,EAAoC,KACxCH,EAAUI,QAAQ,WAAU,EAGxBC,EAAsC,CAACC,EAAKf,EAAMgB,KACjD5B,EAAA,YAAa2B,EAAKf,EAAMgB,EAAQ"}
+{"version":3,"file":"file-upload.vue.mjs","sources":["../../../../../../packages/components/src/file-upload/src/file-upload.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { UploadProps, UploadUserFile } from 'element-plus'\nimport { UploadFilled } from '@element-plus/icons-vue'\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { useNamespace as useElNamespace } from 'element-plus'\n\ndefineOptions({\n  name: 'QxsFileUpload',\n})\n\nconst {\n  name = 'file',\n  size = 20,\n  max = 3,\n  files = [],\n  notip = false,\n  accept = 'zip,rar',\n} = defineProps<{\n  action: UploadProps['action']\n  headers?: UploadProps['headers']\n  data?: UploadProps['data']\n  name?: UploadProps['name']\n  size?: number\n  max?: number\n  accept?: string\n  files?: UploadUserFile[]\n  notip?: boolean\n  ext?: string[]\n}>()\n\nconst emit = defineEmits(['onSuccess'])\n\nconst ns = useNamespace('file-upload')\nconst nsEl = useElNamespace('file-upload')\n\nconst exts = computed(() => {\n  return accept.split(',')\n})\nconst beforeUpload: UploadProps['beforeUpload'] = (file) => {\n  const fileName = file.name.split('.')\n  const fileExt = fileName.at(-1) ?? ''\n  const isTypeOk = exts.value.includes(fileExt)\n  const isSizeOk = file.size / 1024 / 1024 < size\n  if (!isTypeOk) {\n    ElMessage.error(`上传文件只支持 ${exts.value.join(' / ')} 格式！`)\n  }\n  if (!isSizeOk) {\n    ElMessage.error(`上传文件大小不能超过 ${size}MB！`)\n  }\n  return isTypeOk && isSizeOk\n}\n\nconst onExceed: UploadProps['onExceed'] = () => {\n  ElMessage.warning('文件上传超过限制')\n}\n\nconst onSuccess: UploadProps['onSuccess'] = (res, file, fileList) => {\n  emit('onSuccess', res, file, fileList)\n}\n</script>\n\n<template>\n  <el-upload\n    :headers=\"headers\"\n    :action=\"action\"\n    :data=\"data\"\n    :name=\"name\"\n    :before-upload=\"beforeUpload\"\n    :on-exceed=\"onExceed\"\n    :on-success=\"onSuccess\"\n    :file-list=\"files\"\n    :limit=\"max\"\n    drag\n    :class=\"ns.e('control')\"\n  >\n    <div class=\"slot\">\n      <el-icon :class=\"`${nsEl.namespace.value}-icon--upload`\">\n        <UploadFilled />\n      </el-icon>\n      <div :class=\"`${nsEl.namespace.value}-upload__text`\">\n        将文件拖到此处，或<em>点击上传</em>\n      </div>\n    </div>\n    <template #tip>\n      <div\n        v-if=\"!notip\"\n        :class=\"`${nsEl.namespace.value}-upload__tip`\"\n      >\n        <div style=\"display: inline-block;\">\n          <el-alert\n            :title=\"`上传文件支持 ${exts.join(\n              ' / ',\n            )} 格式，单个文件大小不超过 ${size}MB，且文件数量不超过 ${max} 个`\"\n            type=\"info\"\n            show-icon\n            :closable=\"false\"\n          />\n        </div>\n      </div>\n    </template>\n  </el-upload>\n</template>\n"],"names":["emit","__emit","ns","useNamespace","nsEl","useElNamespace","exts","computed","__props","accept","split","beforeUpload","file","fileExt","name","at","isTypeOk","value","includes","isSizeOk","size","ElMessage","error","join","onExceed","warning","onSuccess","res","fileList"],"mappings":"+vCA8BA,MAAMA,EAAOC,EAEPC,EAAKC,EAAa,eAClBC,EAAOC,EAAe,eAEtBC,EAAOC,GAAS,IACbC,EAAAC,OAAOC,MAAM,OAEhBC,EAA6CC,IACjD,MACMC,EADWD,EAAKE,KAAKJ,MAAM,KACRK,IAAG,IAAO,GAC7BC,EAAWV,EAAKW,MAAMC,SAASL,GAC/BM,EAAWP,EAAKQ,KAAO,KAAO,KAAOZ,EAAAY,KAO3C,OANKJ,GACHK,EAAUC,MAAM,WAAWhB,EAAKW,MAAMM,KAAK,cAExCJ,GACHE,EAAUC,MAAM,cAAcd,EAAAY,WAEzBJ,GAAYG,CAAA,EAGfK,EAAoC,KACxCH,EAAUI,QAAQ,WAAU,EAGxBC,EAAsC,CAACC,EAAKf,EAAMgB,KACjD5B,EAAA,YAAa2B,EAAKf,EAAMgB,EAAQ"}

package/es/src/fixed-action-bar/src/fixed-action-bar.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as e,ref as t,computed as a,onMounted as n,onUnmounted as i,createElementBlock as o,openBlock as r,normalizeStyle as l,unref as d,createElementVNode as s,normalizeClass as c,renderSlot as p}from"vue";import{useNamespace as u}from"@qxs-bns/hooks";import{getDeviceType as h}from"@qxs-bns/utils";import{debounce as g}from"lodash-es";var m=e({name:"QxsFixedActionBar",props:{padding:{type:Number,default:8},className:{type:String,default:""}},setup(e){const m=e,v=u("fixed-action-bar"),f=t(!1),x=t(null),w=t(null),b=t({width:0,height:0}),y=t(0),F=t(0),R={resize:null,parent:null},$=(e,t,a)=>{const n=new ResizeObserver((e=>{e.forEach((e=>requestAnimationFrame((()=>t(e)))))}));return n.observe(e,a),n},E=()=>{if(!x.value||!w.value)return;R.resize=$(x.value,(e=>{const t=(e=>{const t=getComputedStyle(e);return{x:parseFloat(t.paddingLeft)+parseFloat(t.paddingRight),y:parseFloat(t.paddingTop)+parseFloat(t.paddingBottom)}})(e.target);b.value={width:e.contentRect.width+t.x,height:e.contentRect.height+t.y}}),{box:"border-box"});const e=w.value.parentElement;e&&(R.parent=$(e,(()=>{const t=e.getBoundingClientRect();y.value=t.width,F.value=t.left})))},k=g((()=>{const{scrollY:e}=window,{clientHeight:t,scrollHeight:a}=document.documentElement;f.value=Math.ceil(e+t)>=a}),100),z=a((()=>f.value?"":v.is("shadow"))),B=a((()=>"Android"===h()?Math.max(m.padding,20):m.padding)),q=a((()=>({width:`${y.value}px`,left:`${F.value}px`,...v.cssVarBlock({"actionbar-padding":`${m.padding}px`,"actionbar-padding-bottom":`${B.value}px`})})));return n((()=>{E(),window.addEventListener("scroll",k,{passive:!0})})),i((()=>{R.resize?.disconnect(),R.parent?.disconnect(),window.removeEventListener("scroll",k)})),(t,a)=>(r(),o("div",{ref_key:"placeholderRef",ref:w,style:l({width:"100%",height:`${d(b).height}px`})},[s("div",{ref_key:"actionbar",ref:x,style:l(d(q)),class:c([d(v).e("actionbar"),d(z),e.className]),"data-fixed-calc-width":""},[p(t.$slots,"default")],6)],4))}});export{m as default};
+import{defineComponent as e,ref as t,computed as a,onMounted as n,onUnmounted as i,createElementBlock as o,openBlock as r,normalizeStyle as l,unref as s,createElementVNode as d,normalizeClass as c,renderSlot as u}from"vue";import{useNamespace as p}from"@qxs-bns/hooks";import{getDeviceType as h}from"@qxs-bns/utils";import{debounce as m}from"lodash-es";var f=e({name:"QxsFixedActionBar",props:{padding:{type:Number,default:8},className:{type:String,default:""}},setup(e){const f=e,g=p("fixed-action-bar"),v=t(!1),b=t(null),x=t(null),w=t({width:0,height:0}),y=t(0),N=t(0),F={resize:null,parent:null};function R(e,t,a){const n=new ResizeObserver((e=>{e.forEach((e=>requestAnimationFrame((()=>t(e)))))}));return n.observe(e,a),n}function $(){if(!b.value||!x.value)return;F.resize=R(b.value,(e=>{const t=function(e){const t=getComputedStyle(e);return{x:Number.parseFloat(t.paddingLeft)+Number.parseFloat(t.paddingRight),y:Number.parseFloat(t.paddingTop)+Number.parseFloat(t.paddingBottom)}}(e.target);w.value={width:e.contentRect.width+t.x,height:e.contentRect.height+t.y}}),{box:"border-box"});const e=x.value.parentElement;e&&(F.parent=R(e,(()=>{const t=e.getBoundingClientRect();y.value=t.width,N.value=t.left})))}const E=m((()=>{const{scrollY:e}=window,{clientHeight:t,scrollHeight:a}=document.documentElement;v.value=Math.ceil(e+t)>=a}),100),k=a((()=>v.value?"":g.is("shadow"))),z=a((()=>"Android"===h()?Math.max(f.padding,20):f.padding)),B=a((()=>({width:`${y.value}px`,left:`${N.value}px`,...g.cssVarBlock({"actionbar-padding":`${f.padding}px`,"actionbar-padding-bottom":`${z.value}px`})})));return n((()=>{$(),window.addEventListener("scroll",E,{passive:!0})})),i((()=>{F.resize?.disconnect(),F.parent?.disconnect(),window.removeEventListener("scroll",E)})),(t,a)=>(r(),o("div",{ref_key:"placeholderRef",ref:x,style:l({width:"100%",height:`${s(w).height}px`})},[d("div",{ref_key:"actionbar",ref:b,style:l(s(B)),class:c([s(g).e("actionbar"),s(k),e.className]),"data-fixed-calc-width":""},[u(t.$slots,"default")],6)],4))}});export{f as default};
 //# sourceMappingURL=fixed-action-bar.vue.mjs.map

package/es/src/fixed-action-bar/src/fixed-action-bar.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fixed-action-bar.vue.mjs","sources":["../../../../../../packages/components/src/fixed-action-bar/src/fixed-action-bar.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"QxsFixedActionBar\",\n};\n</script>\n<script setup lang=\"ts\">\nimport { useNamespace } from \"@qxs-bns/hooks\";\nimport { getDeviceType } from \"@qxs-bns/utils\";\nimport { debounce } from \"lodash-es\";\n\ntype ElementSize = { width: number; height: number };\n\nconst props = defineProps({\n  padding: {\n    type: Number,\n    default: 8,\n  },\n  className: {\n    type: String,\n    default: \"\",\n  },\n});\n\nconst ns = useNamespace(\"fixed-action-bar\");\nconst isBottom = ref(false);\nconst actionbar = ref<HTMLElement | null>(null);\nconst placeholderRef = ref<HTMLElement | null>(null);\n\nconst elementSize = ref<ElementSize>({ width: 0, height: 0 });\nconst parentWidth = ref(0);\nconst elementLeft = ref(0);\n\nconst observers = {\n  resize: null as ResizeObserver | null,\n  parent: null as ResizeObserver | null,\n};\n\nconst getTotalPadding = (el: HTMLElement) => {\n  const style = getComputedStyle(el);\n  return {\n    x: parseFloat(style.paddingLeft) + parseFloat(style.paddingRight),\n    y: parseFloat(style.paddingTop) + parseFloat(style.paddingBottom),\n  };\n};\n\nconst createResizeObserver = (\n  el: HTMLElement,\n  callback: (entry: ResizeObserverEntry) => void,\n  options?: ResizeObserverOptions\n) => {\n  const observer = new ResizeObserver((entries) => {\n    entries.forEach((entry) => requestAnimationFrame(() => callback(entry)));\n  });\n  observer.observe(el, options);\n  return observer;\n};\n\nconst initObservers = () => {\n  if (!actionbar.value || !placeholderRef.value) return;\n\n  // 主元素尺寸观察\n  observers.resize = createResizeObserver(\n    actionbar.value,\n    (entry) => {\n      const padding = getTotalPadding(entry.target as HTMLElement);\n      elementSize.value = {\n        width: entry.contentRect.width + padding.x,\n        height: entry.contentRect.height + padding.y,\n      };\n    },\n    { box: \"border-box\" }\n  );\n\n  // 父元素观察\n  const parent = placeholderRef.value.parentElement;\n  if (parent) {\n    observers.parent = createResizeObserver(parent, () => {\n      const rect = parent.getBoundingClientRect();\n      parentWidth.value = rect.width;\n      elementLeft.value = rect.left;\n    });\n  }\n};\n\nconst calculateScrollDetails = debounce(() => {\n  const { scrollY } = window;\n  const { clientHeight, scrollHeight } = document.documentElement;\n  isBottom.value = Math.ceil(scrollY + clientHeight) >= scrollHeight;\n}, 100);\n\nconst shadowClass = computed(() => (!isBottom.value ? ns.is(\"shadow\") : \"\"));\n\nconst paddingBottom = computed(() =>\n  getDeviceType() === \"Android\" ? Math.max(props.padding, 20) : props.padding\n);\n\nconst actionbarStyle = computed(() => ({\n  width: `${parentWidth.value}px`,\n  left: `${elementLeft.value}px`,\n  ...ns.cssVarBlock({\n    \"actionbar-padding\": `${props.padding}px`,\n    \"actionbar-padding-bottom\": `${paddingBottom.value}px`,\n  }),\n}));\n\nonMounted(() => {\n  initObservers();\n  window.addEventListener(\"scroll\", calculateScrollDetails, { passive: true });\n});\n\nonUnmounted(() => {\n  observers.resize?.disconnect();\n  observers.parent?.disconnect();\n  window.removeEventListener(\"scroll\", calculateScrollDetails);\n});\n</script>\n\n<template>\n  <div\n    ref=\"placeholderRef\"\n    :style=\"{ width: '100%', height: `${elementSize.height}px` }\"\n  >\n    <div\n      ref=\"actionbar\"\n      :style=\"actionbarStyle\"\n      :class=\"[ns.e('actionbar'), shadowClass, className]\"\n      data-fixed-calc-width\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n"],"names":["name","props","__props","ns","useNamespace","isBottom","ref","actionbar","placeholderRef","elementSize","width","height","parentWidth","elementLeft","observers","resize","parent","createResizeObserver","el","callback","options","observer","ResizeObserver","entries","forEach","entry","requestAnimationFrame","observe","initObservers","value","padding","style","getComputedStyle","x","parseFloat","paddingLeft","paddingRight","y","paddingTop","paddingBottom","getTotalPadding","target","contentRect","box","parentElement","rect","getBoundingClientRect","left","calculateScrollDetails","debounce","scrollY","window","clientHeight","scrollHeight","document","documentElement","Math","ceil","shadowClass","computed","is","getDeviceType","max","actionbarStyle","cssVarBlock","onMounted","addEventListener","passive","onUnmounted","disconnect","removeEventListener"],"mappings":"0WAEEA,KAAM,wGAUR,MAAMC,EAAQC,EAWRC,EAAKC,EAAa,oBAClBC,EAAWC,GAAI,GACfC,EAAYD,EAAwB,MACpCE,EAAiBF,EAAwB,MAEzCG,EAAcH,EAAiB,CAAEI,MAAO,EAAGC,OAAQ,IACnDC,EAAcN,EAAI,GAClBO,EAAcP,EAAI,GAElBQ,EAAY,CAChBC,OAAQ,KACRC,OAAQ,MAWJC,EAAuB,CAC3BC,EACAC,EACAC,KAEA,MAAMC,EAAW,IAAIC,gBAAgBC,IAC3BA,EAAAC,SAASC,GAAUC,uBAAsB,IAAMP,EAASM,MAAO,IAGlE,OADEJ,EAAAM,QAAQT,EAAIE,GACdC,CAAA,EAGHO,EAAgB,KACpB,IAAKrB,EAAUsB,QAAUrB,EAAeqB,MAAO,OAG/Cf,EAAUC,OAASE,EACjBV,EAAUsB,OACTJ,IACO,MAAAK,EA3BY,CAACZ,IACjB,MAAAa,EAAQC,iBAAiBd,GACxB,MAAA,CACLe,EAAGC,WAAWH,EAAMI,aAAeD,WAAWH,EAAMK,cACpDC,EAAGH,WAAWH,EAAMO,YAAcJ,WAAWH,EAAMQ,eACrD,EAsBoBC,CAAgBf,EAAMgB,QACtChC,EAAYoB,MAAQ,CAClBnB,MAAOe,EAAMiB,YAAYhC,MAAQoB,EAAQG,EACzCtB,OAAQc,EAAMiB,YAAY/B,OAASmB,EAAQO,EAC7C,GAEF,CAAEM,IAAK,eAIH,MAAA3B,EAASR,EAAeqB,MAAMe,cAChC5B,IACQF,EAAAE,OAASC,EAAqBD,GAAQ,KACxC,MAAA6B,EAAO7B,EAAO8B,wBACpBlC,EAAYiB,MAAQgB,EAAKnC,MACzBG,EAAYgB,MAAQgB,EAAKE,IAAA,IAC1B,EAICC,EAAyBC,GAAS,KAChC,MAAAC,QAAEA,GAAYC,QACdC,aAAEA,EAAAC,aAAcA,GAAiBC,SAASC,gBAChDlD,EAASwB,MAAQ2B,KAAKC,KAAKP,EAAUE,IAAiBC,CAAA,GACrD,KAEGK,EAAcC,GAAS,IAAQtD,EAASwB,MAA0B,GAAlB1B,EAAGyD,GAAG,YAEtDrB,EAAgBoB,GAAS,IACT,YAApBE,IAAgCL,KAAKM,IAAI7D,EAAM6B,QAAS,IAAM7B,EAAM6B,UAGhEiC,EAAiBJ,GAAS,KAAO,CACrCjD,MAAO,GAAGE,EAAYiB,UACtBkB,KAAM,GAAGlC,EAAYgB,aAClB1B,EAAG6D,YAAY,CAChB,oBAAqB,GAAG/D,EAAM6B,YAC9B,2BAA4B,GAAGS,EAAcV,uBAIjDoC,GAAU,KACMrC,IACduB,OAAOe,iBAAiB,SAAUlB,EAAwB,CAAEmB,SAAS,GAAM,IAG7EC,GAAY,KACVtD,EAAUC,QAAQsD,aAClBvD,EAAUE,QAAQqD,aACXlB,OAAAmB,oBAAoB,SAAUtB,EAAsB"}
+{"version":3,"file":"fixed-action-bar.vue.mjs","sources":["../../../../../../packages/components/src/fixed-action-bar/src/fixed-action-bar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { getDeviceType } from '@qxs-bns/utils'\nimport { debounce } from 'lodash-es'\n\nconst props = defineProps({\n  padding: {\n    type: Number,\n    default: 8,\n  },\n  className: {\n    type: String,\n    default: '',\n  },\n})\n\ninterface ElementSize { width: number, height: number }\n\nconst ns = useNamespace('fixed-action-bar')\nconst isBottom = ref(false)\nconst actionbar = ref<HTMLElement | null>(null)\nconst placeholderRef = ref<HTMLElement | null>(null)\n\nconst elementSize = ref<ElementSize>({ width: 0, height: 0 })\nconst parentWidth = ref(0)\nconst elementLeft = ref(0)\n\nconst observers = {\n  resize: null as ResizeObserver | null,\n  parent: null as ResizeObserver | null,\n}\n\nfunction getTotalPadding(el: HTMLElement) {\n  const style = getComputedStyle(el)\n  return {\n    x: Number.parseFloat(style.paddingLeft) + Number.parseFloat(style.paddingRight),\n    y: Number.parseFloat(style.paddingTop) + Number.parseFloat(style.paddingBottom),\n  }\n}\n\nfunction createResizeObserver(el: HTMLElement,\n  callback: (entry: ResizeObserverEntry) => void,\n  options?: ResizeObserverOptions) {\n  const observer = new ResizeObserver((entries) => {\n    entries.forEach(entry => requestAnimationFrame(() => callback(entry)))\n  })\n  observer.observe(el, options)\n  return observer\n}\n\nfunction initObservers() {\n  if (!actionbar.value || !placeholderRef.value) {\n    return\n  }\n\n  // 主元素尺寸观察\n  observers.resize = createResizeObserver(\n    actionbar.value,\n    (entry) => {\n      const padding = getTotalPadding(entry.target as HTMLElement)\n      elementSize.value = {\n        width: entry.contentRect.width + padding.x,\n        height: entry.contentRect.height + padding.y,\n      }\n    },\n    { box: 'border-box' },\n  )\n\n  // 父元素观察\n  const parent = placeholderRef.value.parentElement\n  if (parent) {\n    observers.parent = createResizeObserver(parent, () => {\n      const rect = parent.getBoundingClientRect()\n      parentWidth.value = rect.width\n      elementLeft.value = rect.left\n    })\n  }\n}\n\nconst calculateScrollDetails = debounce(() => {\n  const { scrollY } = window\n  const { clientHeight, scrollHeight } = document.documentElement\n  isBottom.value = Math.ceil(scrollY + clientHeight) >= scrollHeight\n}, 100)\n\nconst shadowClass = computed(() => (!isBottom.value ? ns.is('shadow') : ''))\n\nconst paddingBottom = computed(() =>\n  getDeviceType() === 'Android' ? Math.max(props.padding, 20) : props.padding,\n)\n\nconst actionbarStyle = computed(() => ({\n  width: `${parentWidth.value}px`,\n  left: `${elementLeft.value}px`,\n  ...ns.cssVarBlock({\n    'actionbar-padding': `${props.padding}px`,\n    'actionbar-padding-bottom': `${paddingBottom.value}px`,\n  }),\n}))\n\nonMounted(() => {\n  initObservers()\n  window.addEventListener('scroll', calculateScrollDetails, { passive: true })\n})\n\nonUnmounted(() => {\n  observers.resize?.disconnect()\n  observers.parent?.disconnect()\n  window.removeEventListener('scroll', calculateScrollDetails)\n})\n</script>\n\n<script lang=\"ts\">\nexport default {\n  name: 'QxsFixedActionBar',\n}\n</script>\n\n<template>\n  <div\n    ref=\"placeholderRef\"\n    :style=\"{ width: '100%', height: `${elementSize.height}px` }\"\n  >\n    <div\n      ref=\"actionbar\"\n      :style=\"actionbarStyle\"\n      :class=\"[ns.e('actionbar'), shadowClass, className]\"\n      data-fixed-calc-width\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n"],"names":["name","props","__props","ns","useNamespace","isBottom","ref","actionbar","placeholderRef","elementSize","width","height","parentWidth","elementLeft","observers","resize","parent","createResizeObserver","el","callback","options","observer","ResizeObserver","entries","forEach","entry","requestAnimationFrame","observe","initObservers","value","padding","style","getComputedStyle","x","Number","parseFloat","paddingLeft","paddingRight","y","paddingTop","paddingBottom","getTotalPadding","target","contentRect","box","parentElement","rect","getBoundingClientRect","left","calculateScrollDetails","debounce","scrollY","window","clientHeight","scrollHeight","document","documentElement","Math","ceil","shadowClass","computed","is","getDeviceType","max","actionbarStyle","cssVarBlock","onMounted","addEventListener","passive","onUnmounted","disconnect","removeEventListener"],"mappings":"0WAkHEA,KAAM,wGA7GR,MAAMC,EAAQC,EAaRC,EAAKC,EAAa,oBAClBC,EAAWC,GAAI,GACfC,EAAYD,EAAwB,MACpCE,EAAiBF,EAAwB,MAEzCG,EAAcH,EAAiB,CAAEI,MAAO,EAAGC,OAAQ,IACnDC,EAAcN,EAAI,GAClBO,EAAcP,EAAI,GAElBQ,EAAY,CAChBC,OAAQ,KACRC,OAAQ,MAWD,SAAAC,EAAqBC,EAC5BC,EACAC,GACA,MAAMC,EAAW,IAAIC,gBAAgBC,IACnCA,EAAQC,SAAiBC,GAAAC,uBAAsB,IAAMP,EAASM,MAAO,IAGhE,OADEJ,EAAAM,QAAQT,EAAIE,GACdC,CAAA,CAGT,SAASO,IACP,IAAKrB,EAAUsB,QAAUrB,EAAeqB,MACtC,OAIFf,EAAUC,OAASE,EACjBV,EAAUsB,OACTJ,IACO,MAAAK,EA3BZ,SAAyBZ,GACjB,MAAAa,EAAQC,iBAAiBd,GACxB,MAAA,CACLe,EAAGC,OAAOC,WAAWJ,EAAMK,aAAeF,OAAOC,WAAWJ,EAAMM,cAClEC,EAAGJ,OAAOC,WAAWJ,EAAMQ,YAAcL,OAAOC,WAAWJ,EAAMS,eACnE,CAsBoBC,CAAgBhB,EAAMiB,QACtCjC,EAAYoB,MAAQ,CAClBnB,MAAOe,EAAMkB,YAAYjC,MAAQoB,EAAQG,EACzCtB,OAAQc,EAAMkB,YAAYhC,OAASmB,EAAQQ,EAC7C,GAEF,CAAEM,IAAK,eAIH,MAAA5B,EAASR,EAAeqB,MAAMgB,cAChC7B,IACQF,EAAAE,OAASC,EAAqBD,GAAQ,KACxC,MAAA8B,EAAO9B,EAAO+B,wBACpBnC,EAAYiB,MAAQiB,EAAKpC,MACzBG,EAAYgB,MAAQiB,EAAKE,IAAA,IAE7B,CAGI,MAAAC,EAAyBC,GAAS,KAChC,MAAAC,QAAEA,GAAYC,QACdC,aAAEA,EAAAC,aAAcA,GAAiBC,SAASC,gBAChDnD,EAASwB,MAAQ4B,KAAKC,KAAKP,EAAUE,IAAiBC,CAAA,GACrD,KAEGK,EAAcC,GAAS,IAAQvD,EAASwB,MAA0B,GAAlB1B,EAAG0D,GAAG,YAEtDrB,EAAgBoB,GAAS,IACT,YAApBE,IAAgCL,KAAKM,IAAI9D,EAAM6B,QAAS,IAAM7B,EAAM6B,UAGhEkC,EAAiBJ,GAAS,KAAO,CACrClD,MAAO,GAAGE,EAAYiB,UACtBmB,KAAM,GAAGnC,EAAYgB,aAClB1B,EAAG8D,YAAY,CAChB,oBAAqB,GAAGhE,EAAM6B,YAC9B,2BAA4B,GAAGU,EAAcX,uBAIjDqC,GAAU,KACMtC,IACdwB,OAAOe,iBAAiB,SAAUlB,EAAwB,CAAEmB,SAAS,GAAM,IAG7EC,GAAY,KACVvD,EAAUC,QAAQuD,aAClBxD,EAAUE,QAAQsD,aACXlB,OAAAmB,oBAAoB,SAAUtB,EAAsB"}

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

@@ -1,2 +1,2 @@
-import{ElUpload as e,ElImage as t,ElIcon as l,ElProgress as r,ElImageViewer as s,ElMessage as i}from"element-plus/es";import"element-plus/es/components/base/style/index";import"element-plus/es/components/image-viewer/style/index";import"element-plus/es/components/upload/style/index";import"element-plus/es/components/progress/style/index";import"element-plus/es/components/image/style/index";import"element-plus/es/components/icon/style/index";import{defineComponent as p,ref as a,computed as n,createElementBlock as o,openBlock as u,normalizeClass as c,unref as d,createVNode as m,createCommentVNode as g,createBlock as f,withCtx as y,withDirectives as v,normalizeStyle as h,createElementVNode as w,toDisplayString as x,vShow as b}from"vue";import{Plus as q,ZoomIn as k,Delete as $}from"@element-plus/icons-vue";import{useNamespace as _}from"@qxs-bns/hooks";import{useNamespace as S}from"element-plus";import"element-plus/es/components/message/style/index";const V={key:1,class:"image"},U={class:"mask"},j={class:"actions"},z={class:"tip-content"};var M=p({name:"QxsImageUpload",__name:"image-upload",props:{action:{type:String,required:!0},headers:{type:null,required:!1},data:{type:null,required:!1},name:{type:String,required:!1,default:"file"},url:{type:String,required:!1,default:""},size:{type:Number,required:!1,default:20},width:{type:Number,required:!1,default:160},accept:{type:String,required:!1,default:"image/jpeg,image/jpg,image/png,image/gif"},height:{type:Number,required:!1,default:90},placeholder:{type:String,required:!1,default:"点击上传图片"},notip:{type:Boolean,required:!1,default:!1},tipText:{type:String,required:!1,default:""},beforeUpload:{type:null,required:!1}},emits:["update:url","onSuccess"],setup(p,{emit:M}){const N=M,B=_("image-upload"),C=S("upload"),D=a({imageViewerVisible:!1,progress:{preview:"",percent:0}}),L=n((()=>p.accept.split(",").map((e=>e.split("/").pop())))),R=n((()=>({width:`${p.width}px`,height:`${p.height}px`}))),T=n((()=>.8*Math.min(p.width,p.height))),I=n((()=>p.tipText||`上传图片支持 ${L.value.join(" / ")} 格式，且图片大小不超过 ${p.size}MB，建议图片尺寸为 ${p.width}*${p.height}`));function O(e){e.preventDefault(),D.value.imageViewerVisible=!0}function Q(){D.value.imageViewerVisible=!1}function A(e){e.preventDefault(),N("update:url","")}const E=e=>{const t=e.name.split(".").pop()??"",l=L.value.includes(t),r=e.size/1024/1024<p.size;return l?r?(D.value.progress.preview=URL.createObjectURL(e),!p.beforeUpload||p.beforeUpload(e)):(i.error(`上传图片大小不能超过 ${p.size}MB！`),!1):(i.error(`上传图片只支持${L.value.join(" / ")}格式！`),!1)},F=e=>{D.value.progress.percent=Math.floor(e.percent)},G=(...e)=>{D.value.progress={preview:"",percent:0},N("onSuccess",...e)};return(i,p)=>{const a=l,n=t,_=r,S=e,M=s;return u(),o("div",{class:c(d(B).e("container"))},[m(S,{drag:"","show-file-list":!1,headers:i.headers,action:i.action,data:i.data,name:i.name,accept:i.accept,class:c(d(B).e("control")),"before-upload":E,"on-progress":F,"on-success":G},{default:y((()=>[""===i.url?(u(),f(n,{key:0,style:h(d(R)),src:i.placeholder,fit:"fill"},{error:y((()=>[w("div",{class:"image-slot",style:h(d(R))},[m(a,null,{default:y((()=>[m(d(q))])),_:1}),w("p",null,x(i.placeholder),1)],4)])),_:1},8,["style","src"])):(u(),o("div",V,[m(n,{src:i.url,style:h(d(R)),fit:"fill"},null,8,["src","style"]),w("div",U,[w("div",j,[w("span",{title:"预览",onClick:O},[m(a,null,{default:y((()=>[m(d(k))])),_:1})]),w("span",{title:"移除",onClick:A},[m(a,null,{default:y((()=>[m(d($))])),_:1})])])])])),v(w("div",{class:"progress",style:h(d(R))},[m(n,{src:d(D).progress.preview,style:h(d(R)),fit:"fill"},null,8,["src","style"]),100!==d(D).progress.percent?(u(),f(_,{key:0,type:"circle",width:d(T),percentage:d(D).progress.percent},null,8,["width","percentage"])):g("v-if",!0)],4),[[b,""===i.url&&d(D).progress.percent]])])),_:1},8,["headers","action","data","name","accept","class"]),i.notip?g("v-if",!0):(u(),o("div",{key:0,class:c(`${d(C).namespace.value}-upload__tip-text`)},[w("div",z,x(d(I)),1)],2)),d(D).imageViewerVisible?(u(),f(M,{key:1,"url-list":[i.url],teleported:"",onClose:Q},null,8,["url-list"])):g("v-if",!0)],2)}}});export{M as default};
+import{ElUpload as e,ElImage as t,ElIcon as l,ElProgress as r,ElImageViewer as s,ElMessage as i}from"element-plus/es";import"element-plus/es/components/base/style/index";import"element-plus/es/components/image-viewer/style/index";import"element-plus/es/components/upload/style/index";import"element-plus/es/components/progress/style/index";import"element-plus/es/components/image/style/index";import"element-plus/es/components/icon/style/index";import{defineComponent as p,ref as a,computed as n,createElementBlock as o,openBlock as u,normalizeClass as c,unref as d,createVNode as m,createCommentVNode as g,createBlock as f,withCtx as y,withDirectives as v,normalizeStyle as h,createElementVNode as w,toDisplayString as x,withModifiers as b,vShow as q}from"vue";import{Plus as k,ZoomIn as $,Delete as _}from"@element-plus/icons-vue";import{useNamespace as S}from"@qxs-bns/hooks";import{useNamespace as V}from"element-plus";import"element-plus/es/components/message/style/index";const U={key:1,class:"image"},j={class:"mask"},z={class:"actions"},M={class:"tip-content"};var N=p({name:"QxsImageUpload",__name:"image-upload",props:{action:{type:String,required:!0},headers:{type:null,required:!1},data:{type:null,required:!1},name:{type:String,required:!1,default:"file"},url:{type:String,required:!1,default:""},size:{type:Number,required:!1,default:20},width:{type:Number,required:!1,default:160},accept:{type:String,required:!1,default:"image/jpeg,image/jpg,image/png,image/gif"},height:{type:Number,required:!1,default:90},placeholder:{type:String,required:!1,default:"点击上传图片"},notip:{type:Boolean,required:!1,default:!1},tipText:{type:String,required:!1,default:""},beforeUpload:{type:null,required:!1}},emits:["update:url","onSuccess"],setup(p,{emit:N}){const B=N,C=S("image-upload"),D=V("upload"),L=a({imageViewerVisible:!1,progress:{preview:"",percent:0}}),R=n((()=>p.accept.split(",").map((e=>e.split("/").pop())))),T=n((()=>({width:`${p.width}px`,height:`${p.height}px`}))),I=n((()=>.8*Math.min(p.width,p.height))),O=n((()=>p.tipText||`上传图片支持 ${R.value.join(" / ")} 格式，且图片大小不超过 ${p.size}MB，建议图片尺寸为 ${p.width}*${p.height}`));function Q(e){e.preventDefault(),L.value.imageViewerVisible=!0}function A(){L.value.imageViewerVisible=!1}function E(e){e.preventDefault(),B("update:url","")}const F=e=>{const t=e.name.split(".").pop()??"",l=R.value.includes(t),r=e.size/1024/1024<p.size;return l?r?(L.value.progress.preview=URL.createObjectURL(e),!p.beforeUpload||p.beforeUpload(e)):(i.error(`上传图片大小不能超过 ${p.size}MB！`),!1):(i.error(`上传图片只支持${R.value.join(" / ")}格式！`),!1)},G=e=>{L.value.progress.percent=Math.floor(e.percent)},H=(...e)=>{L.value.progress={preview:"",percent:0},B("onSuccess",...e)};return(i,p)=>{const a=l,n=t,S=r,V=e,N=s;return u(),o("div",{class:c(d(C).e("container"))},[m(V,{drag:"","show-file-list":!1,headers:i.headers,action:i.action,data:i.data,name:i.name,accept:i.accept,class:c(d(C).e("control")),"before-upload":F,"on-progress":G,"on-success":H},{default:y((()=>[""===i.url?(u(),f(n,{key:0,style:h(d(T)),src:i.placeholder,fit:"fill"},{error:y((()=>[w("div",{class:"image-slot",style:h(d(T))},[m(a,null,{default:y((()=>[m(d(k))])),_:1}),w("p",null,x(i.placeholder),1)],4)])),_:1},8,["style","src"])):(u(),o("div",U,[m(n,{src:i.url,style:h(d(T)),fit:"fill"},null,8,["src","style"]),w("div",j,[w("div",z,[w("span",{title:"预览",onClick:b(Q,["stop"])},[m(a,null,{default:y((()=>[m(d($))])),_:1})]),w("span",{title:"移除",onClick:b(E,["stop"])},[m(a,null,{default:y((()=>[m(d(_))])),_:1})])])])])),v(w("div",{class:"progress",style:h(d(T))},[m(n,{src:d(L).progress.preview,style:h(d(T)),fit:"fill"},null,8,["src","style"]),100!==d(L).progress.percent?(u(),f(S,{key:0,type:"circle",width:d(I),percentage:d(L).progress.percent},null,8,["width","percentage"])):g("v-if",!0)],4),[[q,""===i.url&&d(L).progress.percent]])])),_:1},8,["headers","action","data","name","accept","class"]),i.notip?g("v-if",!0):(u(),o("div",{key:0,class:c(`${d(D).namespace.value}-upload__tip-text`)},[w("div",M,x(d(O)),1)],2)),d(L).imageViewerVisible?(u(),f(N,{key:1,"url-list":[i.url],teleported:"",onClose:A},null,8,["url-list"])):g("v-if",!0)],2)}}});export{N as default};
 //# sourceMappingURL=image-upload.vue.mjs.map

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, ZoomIn } from \"@element-plus/icons-vue\";\nimport { useNamespace } from \"@qxs-bns/hooks\";\nimport { useNamespace as useElNamespace } from \"element-plus\";\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}\n\ninterface UploadProgress {\n  preview: string;\n  percent: number;\n}\n\n// 组件名称\ndefineOptions({\n  name: \"QxsImageUpload\",\n});\n\n// Props 定义\nconst {\n  name = \"file\",\n  url = \"\",\n  size = 20,\n  width = 160,\n  height = 90,\n  placeholder = \"点击上传图片\",\n  notip = false,\n  accept = \"image/jpeg,image/jpg,image/png,image/gif\",\n  beforeUpload,\n  tipText = ''\n} = defineProps<ImageUploadProps>();\n\n// Emits 定义\nconst emits = defineEmits<{\n  \"update:url\": [url: string];\n  onSuccess: [res: any, uploadFile: UploadFile, uploadFiles: UploadFiles];\n}>();\n\n// 命名空间\nconst ns = useNamespace(\"image-upload\");\nconst nsEl = useElNamespace(\"upload\");\n\n// 响应式数据\nconst uploadData = ref<{\n  imageViewerVisible: boolean;\n  progress: UploadProgress;\n}>({\n  imageViewerVisible: false,\n  progress: {\n    preview: \"\",\n    percent: 0,\n  },\n});\n\n// 计算属性\nconst exts = computed(() =>\n  accept.split(\",\").map((ext) => ext.split(\"/\").pop())\n);\n\nconst imageStyle = computed(() => ({\n  width: `${width}px`,\n  height: `${height}px`,\n}));\n\nconst progressSize = computed(() => Math.min(width, height) * 0.8);\n\nconst tipMessage = computed(\n  () =>\n    tipText ||\n    `上传图片支持 ${exts.value.join(\n      \" / \"\n    )} 格式，且图片大小不超过 ${size}MB，建议图片尺寸为 ${width}*${height}`\n);\n\n// 方法\nfunction preview(e: Event) {\n  e.preventDefault();\n  uploadData.value.imageViewerVisible = true;\n}\n\nfunction previewClose() {\n  uploadData.value.imageViewerVisible = false;\n}\n\nfunction remove(e: Event) {\n  e.preventDefault();\n  emits(\"update:url\", \"\");\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 :class=\"ns.e('container')\">\n    <el-upload\n      drag\n      :show-file-list=\"false\"\n      :headers=\"headers\"\n      :action=\"action\"\n      :data=\"data\"\n      :name=\"name\"\n      :accept=\"accept\"\n      :class=\"ns.e('control')\"\n      :before-upload=\"handleBeforeUpload\"\n      :on-progress=\"onProgress\"\n      :on-success=\"onSuccess\"\n    >\n      <template v-if=\"url === ''\">\n        <el-image :style=\"imageStyle\" :src=\"placeholder\" fit=\"fill\">\n          <template #error>\n            <div class=\"image-slot\" :style=\"imageStyle\">\n              <el-icon><Plus /></el-icon>\n              <p>{{ placeholder }}</p>\n            </div>\n          </template>\n        </el-image>\n      </template>\n\n      <template v-else>\n        <div class=\"image\">\n          <el-image :src=\"url\" :style=\"imageStyle\" fit=\"fill\" />\n          <div class=\"mask\">\n            <div class=\"actions\">\n              <span title=\"预览\" @click=\"preview\">\n                <el-icon><ZoomIn /></el-icon>\n              </span>\n              <span title=\"移除\" @click=\"remove\">\n                <el-icon><Delete /></el-icon>\n              </span>\n            </div>\n          </div>\n        </div>\n      </template>\n\n      <div\n        v-show=\"url === '' && uploadData.progress.percent\"\n        class=\"progress\"\n        :style=\"imageStyle\"\n      >\n        <el-image\n          :src=\"uploadData.progress.preview\"\n          :style=\"imageStyle\"\n          fit=\"fill\"\n        />\n        <el-progress\n          v-if=\"uploadData.progress.percent !== 100\"\n          type=\"circle\"\n          :width=\"progressSize\"\n          :percentage=\"uploadData.progress.percent\"\n        />\n      </div>\n    </el-upload>\n\n    <div v-if=\"!notip\" :class=\"`${nsEl.namespace.value}-upload__tip-text`\">\n      <div class=\"tip-content\">\n        {{ tipMessage }}\n      </div>\n    </div>\n\n    <el-image-viewer\n      v-if=\"uploadData.imageViewerVisible\"\n      :url-list=\"[url]\"\n      teleported\n      @close=\"previewClose\"\n    />\n  </div>\n</template>\n"],"names":["emits","__emit","ns","useNamespace","nsEl","useElNamespace","uploadData","ref","imageViewerVisible","progress","preview","percent","exts","computed","__props","split","map","ext","pop","imageStyle","width","height","progressSize","Math","min","tipMessage","tipText","value","join","size","e","preventDefault","previewClose","remove","handleBeforeUpload","file","fileExt","name","isTypeOk","includes","isSizeOk","URL","createObjectURL","beforeUpload","ElMessage","error","onProgress","evt","floor","onSuccess","args"],"mappings":"0sDAgDA,MAAMA,EAAQC,EAMRC,EAAKC,EAAa,gBAClBC,EAAOC,EAAe,UAGtBC,EAAaC,EAGhB,CACDC,oBAAoB,EACpBC,SAAU,CACRC,QAAS,GACTC,QAAS,KAKPC,EAAOC,GAAS,IACpBC,SAAOC,MAAM,KAAKC,KAAKC,GAAQA,EAAIF,MAAM,KAAKG,UAG1CC,EAAaN,GAAS,KAAO,CACjCO,MAAO,GAAGN,EAAAM,UACVC,OAAQ,GAAGP,EAAAO,eAGPC,EAAeT,GAAS,IAAgC,GAA1BU,KAAKC,IAAIV,EAAAM,MAAON,EAAMO,UAEpDI,EAAaZ,GACjB,IACEC,EAAAY,SACA,UAAUd,EAAKe,MAAMC,KACnB,sBACed,EAAIe,kBAAcf,EAAKM,SAAIN,aAIhD,SAASJ,EAAQoB,GACfA,EAAEC,iBACFzB,EAAWqB,MAAMnB,oBAAqB,CAAA,CAGxC,SAASwB,IACP1B,EAAWqB,MAAMnB,oBAAqB,CAAA,CAGxC,SAASyB,EAAOH,GACdA,EAAEC,iBACF/B,EAAM,aAAc,GAAE,CAGlB,MAAAkC,EAAmDC,IACvD,MAAMC,EAAUD,EAAKE,KAAKtB,MAAM,KAAKG,OAAS,GACxCoB,EAAW1B,EAAKe,MAAMY,SAASH,GAC/BI,EAAWL,EAAKN,KAAO,KAAO,KAAOf,EAAIe,KAE/C,OAAKS,EAKAE,GAKLlC,EAAWqB,MAAMlB,SAASC,QAAU+B,IAAIC,gBAAgBP,IAEjDrB,EAAY6B,cAAG7B,eAAaqB,KANjCS,EAAUC,MAAM,cAAc/B,EAAIe,YAC3B,IANPe,EAAUC,MAAM,UAAUjC,EAAKe,MAAMC,KAAK,cACnC,EAUkC,EAGvCkB,EAAyCC,IAC7CzC,EAAWqB,MAAMlB,SAASE,QAAUY,KAAKyB,MAAMD,EAAIpC,QAAO,EAGtDsC,EAAsC,IAAIC,KAC9C5C,EAAWqB,MAAMlB,SAAW,CAC1BC,QAAS,GACTC,QAAS,GAELX,EAAA,eAAgBkD,EAAI"}
+{"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, ZoomIn } from '@element-plus/icons-vue'\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { useNamespace as useElNamespace } from 'element-plus'\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}\n\ninterface UploadProgress {\n  preview: string\n  percent: number\n}\n\n// 组件名称\ndefineOptions({\n  name: 'QxsImageUpload',\n})\n\n// Props 定义\nconst {\n  name = 'file',\n  url = '',\n  size = 20,\n  width = 160,\n  height = 90,\n  placeholder = '点击上传图片',\n  notip = false,\n  accept = 'image/jpeg,image/jpg,image/png,image/gif',\n  beforeUpload,\n  tipText = '',\n} = defineProps<ImageUploadProps>()\n\n// Emits 定义\nconst emits = defineEmits<{\n  'update:url': [url: string]\n  'onSuccess': [res: any, uploadFile: UploadFile, uploadFiles: UploadFiles]\n}>()\n\n// 命名空间\nconst ns = useNamespace('image-upload')\nconst nsEl = useElNamespace('upload')\n\n// 响应式数据\nconst uploadData = ref<{\n  imageViewerVisible: boolean\n  progress: UploadProgress\n}>({\n  imageViewerVisible: false,\n  progress: {\n    preview: '',\n    percent: 0,\n  },\n})\n\n// 计算属性\nconst exts = computed(() =>\n  accept.split(',').map(ext => ext.split('/').pop()),\n)\n\nconst imageStyle = computed(() => ({\n  width: `${width}px`,\n  height: `${height}px`,\n}))\n\nconst progressSize = computed(() => Math.min(width, height) * 0.8)\n\nconst tipMessage = computed(\n  () =>\n    tipText\n    || `上传图片支持 ${exts.value.join(\n      ' / ',\n    )} 格式，且图片大小不超过 ${size}MB，建议图片尺寸为 ${width}*${height}`,\n)\n\n// 方法\nfunction preview(e: Event) {\n  e.preventDefault()\n  uploadData.value.imageViewerVisible = true\n}\n\nfunction previewClose() {\n  uploadData.value.imageViewerVisible = false\n}\n\nfunction remove(e: Event) {\n  e.preventDefault()\n  emits('update:url', '')\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 :class=\"ns.e('container')\">\n    <el-upload\n      drag\n      :show-file-list=\"false\"\n      :headers=\"headers\"\n      :action=\"action\"\n      :data=\"data\"\n      :name=\"name\"\n      :accept=\"accept\"\n      :class=\"ns.e('control')\"\n      :before-upload=\"handleBeforeUpload\"\n      :on-progress=\"onProgress\"\n      :on-success=\"onSuccess\"\n    >\n      <template v-if=\"url === ''\">\n        <el-image\n          :style=\"imageStyle\"\n          :src=\"placeholder\"\n          fit=\"fill\"\n        >\n          <template #error>\n            <div\n              class=\"image-slot\"\n              :style=\"imageStyle\"\n            >\n              <el-icon><Plus /></el-icon>\n              <p>{{ placeholder }}</p>\n            </div>\n          </template>\n        </el-image>\n      </template>\n\n      <template v-else>\n        <div class=\"image\">\n          <el-image\n            :src=\"url\"\n            :style=\"imageStyle\"\n            fit=\"fill\"\n          />\n          <div class=\"mask\">\n            <div class=\"actions\">\n              <span\n                title=\"预览\"\n                @click.stop=\"preview\"\n              >\n                <el-icon><ZoomIn /></el-icon>\n              </span>\n              <span\n                title=\"移除\"\n                @click.stop=\"remove\"\n              >\n                <el-icon><Delete /></el-icon>\n              </span>\n            </div>\n          </div>\n        </div>\n      </template>\n\n      <div\n        v-show=\"url === '' && uploadData.progress.percent\"\n        class=\"progress\"\n        :style=\"imageStyle\"\n      >\n        <el-image\n          :src=\"uploadData.progress.preview\"\n          :style=\"imageStyle\"\n          fit=\"fill\"\n        />\n        <el-progress\n          v-if=\"uploadData.progress.percent !== 100\"\n          type=\"circle\"\n          :width=\"progressSize\"\n          :percentage=\"uploadData.progress.percent\"\n        />\n      </div>\n    </el-upload>\n\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\n    <el-image-viewer\n      v-if=\"uploadData.imageViewerVisible\"\n      :url-list=\"[url]\"\n      teleported\n      @close=\"previewClose\"\n    />\n  </div>\n</template>\n"],"names":["emits","__emit","ns","useNamespace","nsEl","useElNamespace","uploadData","ref","imageViewerVisible","progress","preview","percent","exts","computed","__props","split","map","ext","pop","imageStyle","width","height","progressSize","Math","min","tipMessage","tipText","value","join","size","e","preventDefault","previewClose","remove","handleBeforeUpload","file","fileExt","name","isTypeOk","includes","isSizeOk","URL","createObjectURL","beforeUpload","ElMessage","error","onProgress","evt","floor","onSuccess","args"],"mappings":"6tDAgDA,MAAMA,EAAQC,EAMRC,EAAKC,EAAa,gBAClBC,EAAOC,EAAe,UAGtBC,EAAaC,EAGhB,CACDC,oBAAoB,EACpBC,SAAU,CACRC,QAAS,GACTC,QAAS,KAKPC,EAAOC,GAAS,IACpBC,SAAOC,MAAM,KAAKC,KAAIC,GAAOA,EAAIF,MAAM,KAAKG,UAGxCC,EAAaN,GAAS,KAAO,CACjCO,MAAO,GAAGN,EAAAM,UACVC,OAAQ,GAAGP,EAAAO,eAGPC,EAAeT,GAAS,IAAgC,GAA1BU,KAAKC,IAAIV,EAAKM,MAAEN,EAAAO,UAE9CI,EAAaZ,GACjB,IACEC,EAAAY,SACG,UAAUd,EAAKe,MAAMC,KACtB,sBACed,EAAAe,kBAAkBf,WAASA,EAAAO,WAIhD,SAASX,EAAQoB,GACfA,EAAEC,iBACFzB,EAAWqB,MAAMnB,oBAAqB,CAAA,CAGxC,SAASwB,IACP1B,EAAWqB,MAAMnB,oBAAqB,CAAA,CAGxC,SAASyB,EAAOH,GACdA,EAAEC,iBACF/B,EAAM,aAAc,GAAE,CAGlB,MAAAkC,EAAmDC,IACvD,MAAMC,EAAUD,EAAKE,KAAKtB,MAAM,KAAKG,OAAS,GACxCoB,EAAW1B,EAAKe,MAAMY,SAASH,GAC/BI,EAAWL,EAAKN,KAAO,KAAO,KAAOf,EAAAe,KAE3C,OAAKS,EAKAE,GAKLlC,EAAWqB,MAAMlB,SAASC,QAAU+B,IAAIC,gBAAgBP,IAEjDrB,EAAY6B,cAAG7B,eAAaqB,KANjCS,EAAUC,MAAM,cAAc/B,EAAAe,YACvB,IANPe,EAAUC,MAAM,UAAUjC,EAAKe,MAAMC,KAAK,cACnC,EAUkC,EAGvCkB,EAAyCC,IAC7CzC,EAAWqB,MAAMlB,SAASE,QAAUY,KAAKyB,MAAMD,EAAIpC,QAAO,EAGtDsC,EAAsC,IAAIC,KAC9C5C,EAAWqB,MAAMlB,SAAW,CAC1BC,QAAS,GACTC,QAAS,GAELX,EAAA,eAAgBkD,EAAI"}

package/es/src/photo-crop-tool/src/photo-crop-tool.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"photo-crop-tool.vue.mjs","sources":["../../../../../../packages/components/src/photo-crop-tool/src/photo-crop-tool.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from 'vue'\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { useCanvas } from './composables'\n\ndefineOptions({\n  name: 'QxsPhotoCropTool',\n})\n\nconst props = defineProps({\n  imgFile: {\n    type: Object as PropType<File>,\n    default: () => null,\n  },\n  aspectRatio: {\n    type: String,\n    default: () => '16 / 9',\n  },\n  defaultWidth: {\n    type: Number,\n    default: () => 320,\n  },\n  defaultHeight: {\n    type: Number,\n    default: () => 180,\n  },\n  /**\n   * free 自由缩放\n   * fixed 固定比例缩放\n   */\n  zoomType: {\n    type: String,\n    default: () => 'fixed',\n  },\n})\nlet startX = 0\nlet startY = 0\nlet startWidth = 0\nlet startHeight = 0\n\nconst ns = useNamespace('photo-crop-tool')\n\nconst cropBoxRef = ref<HTMLElement | null>(null)\nconst containerBoxRef = ref<HTMLElement | null>(null)\nconst imgRef = ref<HTMLImageElement | null>(null)\nconst errorMessage = ref('')\nconst dargPoint = ref('')\nconst initialValue = ref({\n  x: 0,\n  y: 0,\n})\nconst cropInfo = ref({\n  width: props.defaultWidth,\n  height: props.defaultHeight,\n  x: 0,\n  y: 0,\n})\n\nconst { width, height } = useElementSize(cropBoxRef)\nconst { width: imgWidth } = useElementSize(imgRef)\n\nconst { x, y, style } = useDraggable(cropBoxRef, {\n  containerElement: containerBoxRef,\n  draggingElement: cropBoxRef,\n  disabled: computed(() => !!dargPoint.value),\n  exact: true,\n  initialValue,\n})\n\nconst imageUrl = computed(() => {\n  if (!props.imgFile) {\n    return ''\n  }\n  return URL.createObjectURL(props.imgFile)\n})\n\nwatch(\n  () => props.imgFile,\n  (newFile: File | null) => {\n    if (newFile && !newFile.type.startsWith('image/')) {\n      errorMessage.value = '文件类型错误'\n    }\n    else {\n      errorMessage.value = ''\n    }\n  },\n)\n\nconst ratio = computed(() => {\n  return (imgRef.value?.naturalWidth || 0) / imgWidth.value\n})\n\nconst customStyle = computed(() => {\n  const position = {\n    left: 0,\n    top: 0,\n  }\n  if (dargPoint.value === 'bottom-right') {\n    position.left = cropInfo.value.x\n    position.top = cropInfo.value.y\n  }\n  else if (dargPoint.value === 'top-left') {\n    position.left = cropInfo.value.x - width.value\n    position.top = cropInfo.value.y - height.value\n  }\n  else if (dargPoint.value === 'top-right') {\n    position.top = cropInfo.value.y - height.value\n    position.left = cropInfo.value.x\n  }\n  else if (dargPoint.value === 'bottom-left') {\n    position.left = cropInfo.value.x - width.value\n    position.top = cropInfo.value.y\n  }\n  return position\n})\n\nconst sizeStyle = computed(() => {\n  const { aspectRatio } = props\n\n  const style: {\n    'height'?: string\n    'width': string\n    'aspect-ratio'?: string\n    'top': string\n    'left': string\n  } = {\n    'width': `${cropInfo.value.width || props.defaultWidth}`,\n    'height': `${cropInfo.value.height || props.defaultHeight}`,\n    'aspect-ratio': aspectRatio,\n    'top': `${customStyle.value.top}px`,\n    'left': `${customStyle.value.left}px`,\n  }\n  if (props.zoomType === 'free') {\n    delete style['aspect-ratio']\n  }\n  else if (props.zoomType === 'fixed') {\n    delete style.height\n  }\n  return ns.cssVarBlock(style)\n})\n\nfunction zoom(pixel: number) {\n  return pixel * ratio.value\n}\nasync function crop(img: HTMLImageElement = imgRef.value!) {\n  let backgroundColor = 'transparent'\n  if (containerBoxRef.value) {\n    backgroundColor = window.getComputedStyle(\n      containerBoxRef.value,\n    ).backgroundColor\n  }\n  const canvas = document.createElement('canvas')\n  canvas.width = zoom(containerBoxRef.value?.clientWidth || 0)\n  canvas.height = zoom(containerBoxRef.value?.clientHeight || 0)\n  const { drawImage, cropCanvas, drawColor } = useCanvas(canvas)\n  drawColor(0, 0, canvas.width, canvas.height, backgroundColor)\n  drawImage(\n    img,\n    zoom(img.offsetLeft),\n    zoom(img.offsetTop),\n    img.naturalWidth,\n    img.naturalHeight,\n  )\n  return await cropCanvas(\n    zoom(x.value),\n    zoom(y.value),\n    zoom(width.value),\n    zoom(height.value),\n  )\n}\n\nfunction checkBoundaries(\n  newWidth: number,\n  newHeight: number,\n): { width: number, height: number } {\n  const maxWidth = containerBoxRef.value?.clientWidth || Infinity\n  const maxHeight = containerBoxRef.value?.clientHeight || Infinity\n\n  return {\n    width: Math.min(Math.max(newWidth, 0), maxWidth),\n    height: Math.min(Math.max(newHeight, 0), maxHeight),\n  }\n}\n\nfunction mousemove(e: MouseEvent) {\n  const deltaX = e.clientX - startX\n  const deltaY = e.clientY - startY\n\n  if (dargPoint.value === 'bottom-right') {\n    if (props.zoomType === 'free') {\n      const { width, height } = checkBoundaries(\n        startWidth + deltaX,\n        startHeight + deltaY,\n      )\n      cropInfo.value.width = width\n      cropInfo.value.height = height\n    }\n    else if (props.zoomType === 'fixed') {\n      const aspectRatio\n        = Number.parseFloat(props.aspectRatio.split(' / ')[0])\n        / Number.parseFloat(props.aspectRatio.split(' / ')[1])\n      let newWidth = startWidth + deltaX\n      let newHeight = newWidth / aspectRatio\n      const { width, height } = checkBoundaries(newWidth, newHeight)\n      if (height > (containerBoxRef.value?.clientHeight || Infinity)) {\n        newHeight = containerBoxRef.value?.clientHeight || Infinity\n        newWidth = newHeight * aspectRatio\n      }\n      cropInfo.value.width = width\n      cropInfo.value.height = height\n    }\n  }\n  else if (dargPoint.value === 'top-left') {\n    if (props.zoomType === 'free') {\n      const { width, height } = checkBoundaries(\n        startWidth - deltaX,\n        startHeight - deltaY,\n      )\n      cropInfo.value.width = width\n      cropInfo.value.height = height\n    }\n    else if (props.zoomType === 'fixed') {\n      const aspectRatio\n        = Number.parseFloat(props.aspectRatio.split(' / ')[0])\n        / Number.parseFloat(props.aspectRatio.split(' / ')[1])\n      let newWidth = startWidth - deltaX\n      let newHeight = newWidth / aspectRatio\n      const { width, height } = checkBoundaries(newWidth, newHeight)\n      if (height > (containerBoxRef.value?.clientHeight || Infinity)) {\n        newHeight = containerBoxRef.value?.clientHeight || Infinity\n        newWidth = newHeight * aspectRatio\n      }\n      cropInfo.value.width = width\n      cropInfo.value.height = height\n    }\n    x.value = customStyle.value.left\n    y.value = customStyle.value.top\n  }\n  else if (dargPoint.value === 'top-right') {\n    if (props.zoomType === 'free') {\n      const { width, height } = checkBoundaries(\n        startWidth + deltaX,\n        startHeight - deltaY,\n      )\n      cropInfo.value.width = width\n      cropInfo.value.height = height\n    }\n    else if (props.zoomType === 'fixed') {\n      const aspectRatio\n        = Number.parseFloat(props.aspectRatio.split(' / ')[0])\n        / Number.parseFloat(props.aspectRatio.split(' / ')[1])\n      let newWidth = startWidth + deltaX\n      let newHeight = newWidth / aspectRatio\n      const { width, height } = checkBoundaries(newWidth, newHeight)\n      if (height > (containerBoxRef.value?.clientHeight || Infinity)) {\n        newHeight = containerBoxRef.value?.clientHeight || Infinity\n        newWidth = newHeight * aspectRatio\n      }\n      cropInfo.value.width = width\n      cropInfo.value.height = height\n    }\n    x.value = customStyle.value.left\n    y.value = customStyle.value.top\n  }\n  else if (dargPoint.value === 'bottom-left') {\n    if (props.zoomType === 'free') {\n      const { width, height } = checkBoundaries(\n        startWidth - deltaX,\n        startHeight + deltaY,\n      )\n      cropInfo.value.width = width\n      cropInfo.value.height = height\n    }\n    else if (props.zoomType === 'fixed') {\n      const aspectRatio\n        = Number.parseFloat(props.aspectRatio.split(' / ')[0])\n        / Number.parseFloat(props.aspectRatio.split(' / ')[1])\n      let newWidth = startWidth - deltaX\n      let newHeight = newWidth / aspectRatio\n      const { width, height } = checkBoundaries(newWidth, newHeight)\n      if (height > (containerBoxRef.value?.clientHeight || Infinity)) {\n        newHeight = containerBoxRef.value?.clientHeight || Infinity\n        newWidth = newHeight * aspectRatio\n      }\n      cropInfo.value.width = width\n      cropInfo.value.height = height\n    }\n    x.value = customStyle.value.left\n    y.value = customStyle.value.top\n  }\n  e.preventDefault()\n  e.stopPropagation()\n}\n\nfunction mousedown(e: MouseEvent, point: string) {\n  dargPoint.value = point\n  startX = e.clientX\n  startY = e.clientY\n  startWidth = cropInfo.value.width\n  startHeight = cropInfo.value.height\n\n  if (point === 'bottom-right') {\n    cropInfo.value.x = x.value\n    cropInfo.value.y = y.value\n  }\n  else if (point === 'top-left') {\n    cropInfo.value.x = x.value + width.value\n    cropInfo.value.y = y.value + height.value\n  }\n  else if (point === 'top-right') {\n    cropInfo.value.x = x.value\n    cropInfo.value.y = y.value + height.value\n  }\n  else if (point === 'bottom-left') {\n    cropInfo.value.x = x.value + width.value\n    cropInfo.value.y = y.value\n  }\n}\n\nfunction mouseup() {\n  dargPoint.value = ''\n}\n\nfunction resize() {\n  cropInfo.value.width = props.defaultWidth\n  cropInfo.value.height = props.defaultHeight\n  x.value = 0\n  y.value = 0\n}\n\ndocument.addEventListener('mouseup', mouseup)\ndocument.addEventListener('mousemove', mousemove)\n\nonMounted(() => {\n  nextTick(() => {\n    // 初始化位置\n    initialValue.value.x\n      = (containerBoxRef.value?.offsetWidth || 0) / 2 - cropInfo.value.width / 2\n    initialValue.value.y\n      = (containerBoxRef.value?.offsetHeight || 0) / 2\n      - cropInfo.value.height / 2\n  })\n})\n\nonUnmounted(() => {\n  if (imageUrl.value) {\n    URL.revokeObjectURL(imageUrl.value)\n  }\n  document.removeEventListener('mouseup', mouseup)\n  document.removeEventListener('mousemove', mousemove)\n})\n\ndefineExpose({\n  crop,\n  resize,\n})\n</script>\n\n<template>\n  <div ref=\"containerBoxRef\" :class=\"[ns.e('img-box')]\">\n    <div v-if=\"errorMessage\" :class=\"[ns.e('error-message')]\">\n      {{ errorMessage }}\n    </div>\n    <template v-else>\n      <img\n        ref=\"imgRef\"\n        :class=\"[ns.e('image')]\"\n        :src=\"imageUrl\"\n      >\n      <div\n        ref=\"cropBoxRef\"\n        :class=\"[ns.e('crop-tool-box')]\"\n        :style=\"[\n          sizeStyle,\n          dargPoint\n            ? `left: ${customStyle.left}px;top: ${customStyle.top}px`\n            : style,\n        ]\"\n      >\n        <div\n          :class=\"[ns.e('top-left')]\"\n          @mousedown=\"mousedown($event, 'top-left')\"\n        />\n        <div\n          :class=\"[ns.e('top-right')]\"\n          @mousedown=\"mousedown($event, 'top-right')\"\n        />\n        <div\n          :class=\"[ns.e('bottom-right')]\"\n          @mousedown=\"mousedown($event, 'bottom-right')\"\n        />\n        <div\n          :class=\"[ns.e('bottom-left')]\"\n          @mousedown=\"mousedown($event, 'bottom-left')\"\n        />\n      </div>\n    </template>\n  </div>\n</template>\n"],"names":["props","__props","startX","startY","startWidth","startHeight","ns","useNamespace","cropBoxRef","ref","containerBoxRef","imgRef","errorMessage","dargPoint","initialValue","x","y","cropInfo","width","defaultWidth","height","defaultHeight","useElementSize","imgWidth","style","useDraggable","containerElement","draggingElement","disabled","computed","value","exact","imageUrl","imgFile","URL","createObjectURL","watch","newFile","type","startsWith","ratio","naturalWidth","customStyle","position","left","top","sizeStyle","aspectRatio","zoomType","cssVarBlock","zoom","pixel","checkBoundaries","newWidth","newHeight","maxWidth","clientWidth","Infinity","maxHeight","clientHeight","Math","min","max","mousemove","e","deltaX","clientX","deltaY","clientY","Number","parseFloat","split","preventDefault","stopPropagation","mousedown","point","mouseup","document","addEventListener","onMounted","nextTick","offsetWidth","offsetHeight","onUnmounted","revokeObjectURL","removeEventListener","__expose","crop","async","img","backgroundColor","window","getComputedStyle","canvas","createElement","drawImage","cropCanvas","drawColor","useCanvas","offsetLeft","offsetTop","naturalHeight","resize"],"mappings":"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"}
+{"version":3,"file":"photo-crop-tool.vue.mjs","sources":["../../../../../../packages/components/src/photo-crop-tool/src/photo-crop-tool.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from 'vue'\nimport { useNamespace } from '@qxs-bns/hooks'\nimport { useCanvas } from './composables'\n\ndefineOptions({\n  name: 'QxsPhotoCropTool',\n})\n\nconst props = defineProps({\n  imgFile: {\n    type: Object as PropType<File>,\n    default: () => null,\n  },\n  aspectRatio: {\n    type: String,\n    default: () => '16 / 9',\n  },\n  defaultWidth: {\n    type: Number,\n    default: () => 320,\n  },\n  defaultHeight: {\n    type: Number,\n    default: () => 180,\n  },\n  /**\n   * free 自由缩放\n   * fixed 固定比例缩放\n   */\n  zoomType: {\n    type: String,\n    default: () => 'fixed',\n  },\n})\nlet startX = 0\nlet startY = 0\nlet startWidth = 0\nlet startHeight = 0\n\nconst ns = useNamespace('photo-crop-tool')\n\nconst cropBoxRef = ref<HTMLElement | null>(null)\nconst containerBoxRef = ref<HTMLElement | null>(null)\nconst imgRef = ref<HTMLImageElement | null>(null)\nconst errorMessage = ref('')\nconst dargPoint = ref('')\nconst initialValue = ref({\n  x: 0,\n  y: 0,\n})\nconst cropInfo = ref({\n  width: props.defaultWidth,\n  height: props.defaultHeight,\n  x: 0,\n  y: 0,\n})\n\nconst { width, height } = useElementSize(cropBoxRef)\nconst { width: imgWidth } = useElementSize(imgRef)\n\nconst { x, y, style } = useDraggable(cropBoxRef, {\n  containerElement: containerBoxRef,\n  draggingElement: cropBoxRef,\n  disabled: computed(() => !!dargPoint.value),\n  exact: true,\n  initialValue,\n})\n\nconst imageUrl = computed(() => {\n  if (!props.imgFile) {\n    return ''\n  }\n  return URL.createObjectURL(props.imgFile)\n})\n\nwatch(\n  () => props.imgFile,\n  (newFile: File | null) => {\n    if (newFile && !newFile.type.startsWith('image/')) {\n      errorMessage.value = '文件类型错误'\n    }\n    else {\n      errorMessage.value = ''\n    }\n  },\n)\n\nconst ratio = computed(() => {\n  return (imgRef.value?.naturalWidth || 0) / imgWidth.value\n})\n\nconst customStyle = computed(() => {\n  const position = {\n    left: 0,\n    top: 0,\n  }\n  if (dargPoint.value === 'bottom-right') {\n    position.left = cropInfo.value.x\n    position.top = cropInfo.value.y\n  }\n  else if (dargPoint.value === 'top-left') {\n    position.left = cropInfo.value.x - width.value\n    position.top = cropInfo.value.y - height.value\n  }\n  else if (dargPoint.value === 'top-right') {\n    position.top = cropInfo.value.y - height.value\n    position.left = cropInfo.value.x\n  }\n  else if (dargPoint.value === 'bottom-left') {\n    position.left = cropInfo.value.x - width.value\n    position.top = cropInfo.value.y\n  }\n  return position\n})\n\nconst sizeStyle = computed(() => {\n  const { aspectRatio } = props\n\n  const style: {\n    'height'?: string\n    'width': string\n    'aspect-ratio'?: string\n    'top': string\n    'left': string\n  } = {\n    'width': `${cropInfo.value.width || props.defaultWidth}`,\n    'height': `${cropInfo.value.height || props.defaultHeight}`,\n    'aspect-ratio': aspectRatio,\n    'top': `${customStyle.value.top}px`,\n    'left': `${customStyle.value.left}px`,\n  }\n  if (props.zoomType === 'free') {\n    delete style['aspect-ratio']\n  }\n  else if (props.zoomType === 'fixed') {\n    delete style.height\n  }\n  return ns.cssVarBlock(style)\n})\n\nfunction zoom(pixel: number) {\n  return pixel * ratio.value\n}\nasync function crop(img: HTMLImageElement = imgRef.value!) {\n  let backgroundColor = 'transparent'\n  if (containerBoxRef.value) {\n    backgroundColor = window.getComputedStyle(\n      containerBoxRef.value,\n    ).backgroundColor\n  }\n  const canvas = document.createElement('canvas')\n  canvas.width = zoom(containerBoxRef.value?.clientWidth || 0)\n  canvas.height = zoom(containerBoxRef.value?.clientHeight || 0)\n  const { drawImage, cropCanvas, drawColor } = useCanvas(canvas)\n  drawColor(0, 0, canvas.width, canvas.height, backgroundColor)\n  drawImage(\n    img,\n    zoom(img.offsetLeft),\n    zoom(img.offsetTop),\n    img.naturalWidth,\n    img.naturalHeight,\n  )\n  return await cropCanvas(\n    zoom(x.value),\n    zoom(y.value),\n    zoom(width.value),\n    zoom(height.value),\n  )\n}\n\nfunction checkBoundaries(\n  newWidth: number,\n  newHeight: number,\n): { width: number, height: number } {\n  const maxWidth = containerBoxRef.value?.clientWidth || Infinity\n  const maxHeight = containerBoxRef.value?.clientHeight || Infinity\n\n  return {\n    width: Math.min(Math.max(newWidth, 0), maxWidth),\n    height: Math.min(Math.max(newHeight, 0), maxHeight),\n  }\n}\n\nfunction mousemove(e: MouseEvent) {\n  const deltaX = e.clientX - startX\n  const deltaY = e.clientY - startY\n\n  if (dargPoint.value === 'bottom-right') {\n    if (props.zoomType === 'free') {\n      const { width, height } = checkBoundaries(\n        startWidth + deltaX,\n        startHeight + deltaY,\n      )\n      cropInfo.value.width = width\n      cropInfo.value.height = height\n    }\n    else if (props.zoomType === 'fixed') {\n      const aspectRatio\n        = Number.parseFloat(props.aspectRatio.split(' / ')[0])\n          / Number.parseFloat(props.aspectRatio.split(' / ')[1])\n      let newWidth = startWidth + deltaX\n      let newHeight = newWidth / aspectRatio\n      const { width, height } = checkBoundaries(newWidth, newHeight)\n      if (height > (containerBoxRef.value?.clientHeight || Infinity)) {\n        newHeight = containerBoxRef.value?.clientHeight || Infinity\n        newWidth = newHeight * aspectRatio\n      }\n      cropInfo.value.width = width\n      cropInfo.value.height = height\n    }\n  }\n  else if (dargPoint.value === 'top-left') {\n    if (props.zoomType === 'free') {\n      const { width, height } = checkBoundaries(\n        startWidth - deltaX,\n        startHeight - deltaY,\n      )\n      cropInfo.value.width = width\n      cropInfo.value.height = height\n    }\n    else if (props.zoomType === 'fixed') {\n      const aspectRatio\n        = Number.parseFloat(props.aspectRatio.split(' / ')[0])\n          / Number.parseFloat(props.aspectRatio.split(' / ')[1])\n      let newWidth = startWidth - deltaX\n      let newHeight = newWidth / aspectRatio\n      const { width, height } = checkBoundaries(newWidth, newHeight)\n      if (height > (containerBoxRef.value?.clientHeight || Infinity)) {\n        newHeight = containerBoxRef.value?.clientHeight || Infinity\n        newWidth = newHeight * aspectRatio\n      }\n      cropInfo.value.width = width\n      cropInfo.value.height = height\n    }\n    x.value = customStyle.value.left\n    y.value = customStyle.value.top\n  }\n  else if (dargPoint.value === 'top-right') {\n    if (props.zoomType === 'free') {\n      const { width, height } = checkBoundaries(\n        startWidth + deltaX,\n        startHeight - deltaY,\n      )\n      cropInfo.value.width = width\n      cropInfo.value.height = height\n    }\n    else if (props.zoomType === 'fixed') {\n      const aspectRatio\n        = Number.parseFloat(props.aspectRatio.split(' / ')[0])\n          / Number.parseFloat(props.aspectRatio.split(' / ')[1])\n      let newWidth = startWidth + deltaX\n      let newHeight = newWidth / aspectRatio\n      const { width, height } = checkBoundaries(newWidth, newHeight)\n      if (height > (containerBoxRef.value?.clientHeight || Infinity)) {\n        newHeight = containerBoxRef.value?.clientHeight || Infinity\n        newWidth = newHeight * aspectRatio\n      }\n      cropInfo.value.width = width\n      cropInfo.value.height = height\n    }\n    x.value = customStyle.value.left\n    y.value = customStyle.value.top\n  }\n  else if (dargPoint.value === 'bottom-left') {\n    if (props.zoomType === 'free') {\n      const { width, height } = checkBoundaries(\n        startWidth - deltaX,\n        startHeight + deltaY,\n      )\n      cropInfo.value.width = width\n      cropInfo.value.height = height\n    }\n    else if (props.zoomType === 'fixed') {\n      const aspectRatio\n        = Number.parseFloat(props.aspectRatio.split(' / ')[0])\n          / Number.parseFloat(props.aspectRatio.split(' / ')[1])\n      let newWidth = startWidth - deltaX\n      let newHeight = newWidth / aspectRatio\n      const { width, height } = checkBoundaries(newWidth, newHeight)\n      if (height > (containerBoxRef.value?.clientHeight || Infinity)) {\n        newHeight = containerBoxRef.value?.clientHeight || Infinity\n        newWidth = newHeight * aspectRatio\n      }\n      cropInfo.value.width = width\n      cropInfo.value.height = height\n    }\n    x.value = customStyle.value.left\n    y.value = customStyle.value.top\n  }\n  e.preventDefault()\n  e.stopPropagation()\n}\n\nfunction mousedown(e: MouseEvent, point: string) {\n  dargPoint.value = point\n  startX = e.clientX\n  startY = e.clientY\n  startWidth = cropInfo.value.width\n  startHeight = cropInfo.value.height\n\n  if (point === 'bottom-right') {\n    cropInfo.value.x = x.value\n    cropInfo.value.y = y.value\n  }\n  else if (point === 'top-left') {\n    cropInfo.value.x = x.value + width.value\n    cropInfo.value.y = y.value + height.value\n  }\n  else if (point === 'top-right') {\n    cropInfo.value.x = x.value\n    cropInfo.value.y = y.value + height.value\n  }\n  else if (point === 'bottom-left') {\n    cropInfo.value.x = x.value + width.value\n    cropInfo.value.y = y.value\n  }\n}\n\nfunction mouseup() {\n  dargPoint.value = ''\n}\n\nfunction resize() {\n  cropInfo.value.width = props.defaultWidth\n  cropInfo.value.height = props.defaultHeight\n  x.value = 0\n  y.value = 0\n}\n\ndocument.addEventListener('mouseup', mouseup)\ndocument.addEventListener('mousemove', mousemove)\n\nonMounted(() => {\n  nextTick(() => {\n    // 初始化位置\n    initialValue.value.x\n      = (containerBoxRef.value?.offsetWidth || 0) / 2 - cropInfo.value.width / 2\n    initialValue.value.y\n      = (containerBoxRef.value?.offsetHeight || 0) / 2\n        - cropInfo.value.height / 2\n  })\n})\n\nonUnmounted(() => {\n  if (imageUrl.value) {\n    URL.revokeObjectURL(imageUrl.value)\n  }\n  document.removeEventListener('mouseup', mouseup)\n  document.removeEventListener('mousemove', mousemove)\n})\n\ndefineExpose({\n  crop,\n  resize,\n})\n</script>\n\n<template>\n  <div\n    ref=\"containerBoxRef\"\n    :class=\"[ns.e('img-box')]\"\n  >\n    <div\n      v-if=\"errorMessage\"\n      :class=\"[ns.e('error-message')]\"\n    >\n      {{ errorMessage }}\n    </div>\n    <template v-else>\n      <img\n        ref=\"imgRef\"\n        :class=\"[ns.e('image')]\"\n        :src=\"imageUrl\"\n      >\n      <div\n        ref=\"cropBoxRef\"\n        :class=\"[ns.e('crop-tool-box')]\"\n        :style=\"[\n          sizeStyle,\n          dargPoint\n            ? `left: ${customStyle.left}px;top: ${customStyle.top}px`\n            : style,\n        ]\"\n      >\n        <div\n          :class=\"[ns.e('top-left')]\"\n          @mousedown=\"mousedown($event, 'top-left')\"\n        />\n        <div\n          :class=\"[ns.e('top-right')]\"\n          @mousedown=\"mousedown($event, 'top-right')\"\n        />\n        <div\n          :class=\"[ns.e('bottom-right')]\"\n          @mousedown=\"mousedown($event, 'bottom-right')\"\n        />\n        <div\n          :class=\"[ns.e('bottom-left')]\"\n          @mousedown=\"mousedown($event, 'bottom-left')\"\n        />\n      </div>\n    </template>\n  </div>\n</template>\n"],"names":["props","__props","startX","startY","startWidth","startHeight","ns","useNamespace","cropBoxRef","ref","containerBoxRef","imgRef","errorMessage","dargPoint","initialValue","x","y","cropInfo","width","defaultWidth","height","defaultHeight","useElementSize","imgWidth","style","useDraggable","containerElement","draggingElement","disabled","computed","value","exact","imageUrl","imgFile","URL","createObjectURL","watch","newFile","type","startsWith","ratio","naturalWidth","customStyle","position","left","top","sizeStyle","aspectRatio","zoomType","cssVarBlock","zoom","pixel","checkBoundaries","newWidth","newHeight","maxWidth","clientWidth","Infinity","maxHeight","clientHeight","Math","min","max","mousemove","e","deltaX","clientX","deltaY","clientY","Number","parseFloat","split","preventDefault","stopPropagation","mousedown","point","mouseup","document","addEventListener","onMounted","nextTick","offsetWidth","offsetHeight","onUnmounted","revokeObjectURL","removeEventListener","__expose","crop","async","img","backgroundColor","window","getComputedStyle","canvas","createElement","drawImage","cropCanvas","drawColor","useCanvas","offsetLeft","offsetTop","naturalHeight","resize"],"mappings":"quBASA,MAAMA,EAAQC,EA0Bd,IAAIC,EAAS,EACTC,EAAS,EACTC,EAAa,EACbC,EAAc,EAEZ,MAAAC,EAAKC,EAAa,mBAElBC,EAAaC,EAAwB,MACrCC,EAAkBD,EAAwB,MAC1CE,EAASF,EAA6B,MACtCG,EAAeH,EAAI,IACnBI,EAAYJ,EAAI,IAChBK,EAAeL,EAAI,CACvBM,EAAG,EACHC,EAAG,IAECC,EAAWR,EAAI,CACnBS,MAAOlB,EAAMmB,aACbC,OAAQpB,EAAMqB,cACdN,EAAG,EACHC,EAAG,KAGCE,MAAEA,EAAAE,OAAOA,GAAWE,EAAed,IACjCU,MAAOK,GAAaD,EAAeX,IAErCI,EAAEA,EAAGC,EAAAA,EAAAQ,MAAGA,GAAUC,EAAajB,EAAY,CAC/CkB,iBAAkBhB,EAClBiB,gBAAiBnB,EACjBoB,SAAUC,GAAS,MAAQhB,EAAUiB,QACrCC,OAAO,EACPjB,iBAGIkB,EAAWH,GAAS,IACnB7B,EAAMiC,QAGJC,IAAIC,gBAAgBnC,EAAMiC,SAFxB,KAKXG,GACE,IAAMpC,EAAMiC,UACXI,IACKA,IAAYA,EAAQC,KAAKC,WAAW,UACtC3B,EAAakB,MAAQ,SAGrBlB,EAAakB,MAAQ,EAAA,IAKrB,MAAAU,EAAQX,GAAS,KACblB,EAAOmB,OAAOW,cAAgB,GAAKlB,EAASO,QAGhDY,EAAcb,GAAS,KAC3B,MAAMc,EAAW,CACfC,KAAM,EACNC,IAAK,GAkBA,MAhBiB,iBAApBhC,EAAUiB,OACHa,EAAAC,KAAO3B,EAASa,MAAMf,EACtB4B,EAAAE,IAAM5B,EAASa,MAAMd,GAEH,aAApBH,EAAUiB,OACjBa,EAASC,KAAO3B,EAASa,MAAMf,EAAIG,EAAMY,MACzCa,EAASE,IAAM5B,EAASa,MAAMd,EAAII,EAAOU,OAEd,cAApBjB,EAAUiB,OACjBa,EAASE,IAAM5B,EAASa,MAAMd,EAAII,EAAOU,MAChCa,EAAAC,KAAO3B,EAASa,MAAMf,GAEJ,gBAApBF,EAAUiB,QACjBa,EAASC,KAAO3B,EAASa,MAAMf,EAAIG,EAAMY,MAChCa,EAAAE,IAAM5B,EAASa,MAAMd,GAEzB2B,CAAA,IAGHG,EAAYjB,GAAS,KACnB,MAAAkB,YAAEA,GAAgB/C,EAElBwB,EAMF,CACFN,MAAS,GAAGD,EAASa,MAAMZ,OAASlB,EAAMmB,eAC1CC,OAAU,GAAGH,EAASa,MAAMV,QAAUpB,EAAMqB,gBAC5C,eAAgB0B,EAChBF,IAAO,GAAGH,EAAYZ,MAAMe,QAC5BD,KAAQ,GAAGF,EAAYZ,MAAMc,UAQxB,MANgB,SAAnB5C,EAAMgD,gBACDxB,EAAM,gBAEa,UAAnBxB,EAAMgD,iBACNxB,EAAMJ,OAERd,EAAG2C,YAAYzB,EAAK,IAG7B,SAAS0B,EAAKC,GACZ,OAAOA,EAAQX,EAAMV,KAAA,CA6Bd,SAAAsB,EACPC,EACAC,GAEM,MAAAC,EAAW7C,EAAgBoB,OAAO0B,aAAeC,IACjDC,EAAYhD,EAAgBoB,OAAO6B,cAAgBF,IAElD,MAAA,CACLvC,MAAO0C,KAAKC,IAAID,KAAKE,IAAIT,EAAU,GAAIE,GACvCnC,OAAQwC,KAAKC,IAAID,KAAKE,IAAIR,EAAW,GAAII,GAC3C,CAGF,SAASK,EAAUC,GACX,MAAAC,EAASD,EAAEE,QAAUhE,EACrBiE,EAASH,EAAEI,QAAUjE,EAEvB,GAAoB,iBAApBU,EAAUiB,OACR,GAAmB,SAAnB9B,EAAMgD,SAAqB,CAC7B,MAAQ9B,MAAAA,EAAOE,OAAAA,GAAWgC,EACxBhD,EAAa6D,EACb5D,EAAc8D,GAEhBlD,EAASa,MAAMZ,MAAQA,EACvBD,EAASa,MAAMV,OAASA,CAAA,MAC1B,GAC4B,UAAnBpB,EAAMgD,SAAsB,CACnC,MAAMD,EACFsB,OAAOC,WAAWtE,EAAM+C,YAAYwB,MAAM,OAAO,IAC/CF,OAAOC,WAAWtE,EAAM+C,YAAYwB,MAAM,OAAO,IACvD,IAAIlB,EAAWjD,EAAa6D,EACxBX,EAAYD,EAAWN,EACrB,MAAE7B,MAAAA,EAAOE,OAAAA,GAAWgC,EAAgBC,EAAUC,GAChDlC,GAAUV,EAAgBoB,OAAO6B,cAAgBF,OACvCH,EAAA5C,EAAgBoB,OAAO6B,cAAgBF,IACnDJ,EAAWC,EAAYP,GAEzB9B,EAASa,MAAMZ,MAAQA,EACvBD,EAASa,MAAMV,OAASA,CAAA,OAE5B,GAC6B,aAApBP,EAAUiB,MAAsB,CACnC,GAAmB,SAAnB9B,EAAMgD,SAAqB,CAC7B,MAAQ9B,MAAAA,EAAOE,OAAAA,GAAWgC,EACxBhD,EAAa6D,EACb5D,EAAc8D,GAEhBlD,EAASa,MAAMZ,MAAQA,EACvBD,EAASa,MAAMV,OAASA,CAAA,MAC1B,GAC4B,UAAnBpB,EAAMgD,SAAsB,CACnC,MAAMD,EACFsB,OAAOC,WAAWtE,EAAM+C,YAAYwB,MAAM,OAAO,IAC/CF,OAAOC,WAAWtE,EAAM+C,YAAYwB,MAAM,OAAO,IACvD,IAAIlB,EAAWjD,EAAa6D,EACxBX,EAAYD,EAAWN,EACrB,MAAE7B,MAAAA,EAAOE,OAAAA,GAAWgC,EAAgBC,EAAUC,GAChDlC,GAAUV,EAAgBoB,OAAO6B,cAAgBF,OACvCH,EAAA5C,EAAgBoB,OAAO6B,cAAgBF,IACnDJ,EAAWC,EAAYP,GAEzB9B,EAASa,MAAMZ,MAAQA,EACvBD,EAASa,MAAMV,OAASA,CAAA,CAExBL,EAAAe,MAAQY,EAAYZ,MAAMc,KAC1B5B,EAAAc,MAAQY,EAAYZ,MAAMe,GAAA,MAC9B,GAC6B,cAApBhC,EAAUiB,MAAuB,CACpC,GAAmB,SAAnB9B,EAAMgD,SAAqB,CAC7B,MAAQ9B,MAAAA,EAAOE,OAAAA,GAAWgC,EACxBhD,EAAa6D,EACb5D,EAAc8D,GAEhBlD,EAASa,MAAMZ,MAAQA,EACvBD,EAASa,MAAMV,OAASA,CAAA,MAC1B,GAC4B,UAAnBpB,EAAMgD,SAAsB,CACnC,MAAMD,EACFsB,OAAOC,WAAWtE,EAAM+C,YAAYwB,MAAM,OAAO,IAC/CF,OAAOC,WAAWtE,EAAM+C,YAAYwB,MAAM,OAAO,IACvD,IAAIlB,EAAWjD,EAAa6D,EACxBX,EAAYD,EAAWN,EACrB,MAAE7B,MAAAA,EAAOE,OAAAA,GAAWgC,EAAgBC,EAAUC,GAChDlC,GAAUV,EAAgBoB,OAAO6B,cAAgBF,OACvCH,EAAA5C,EAAgBoB,OAAO6B,cAAgBF,IACnDJ,EAAWC,EAAYP,GAEzB9B,EAASa,MAAMZ,MAAQA,EACvBD,EAASa,MAAMV,OAASA,CAAA,CAExBL,EAAAe,MAAQY,EAAYZ,MAAMc,KAC1B5B,EAAAc,MAAQY,EAAYZ,MAAMe,GAAA,MAC9B,GAC6B,gBAApBhC,EAAUiB,MAAyB,CACtC,GAAmB,SAAnB9B,EAAMgD,SAAqB,CAC7B,MAAQ9B,MAAAA,EAAOE,OAAAA,GAAWgC,EACxBhD,EAAa6D,EACb5D,EAAc8D,GAEhBlD,EAASa,MAAMZ,MAAQA,EACvBD,EAASa,MAAMV,OAASA,CAAA,MAC1B,GAC4B,UAAnBpB,EAAMgD,SAAsB,CACnC,MAAMD,EACFsB,OAAOC,WAAWtE,EAAM+C,YAAYwB,MAAM,OAAO,IAC/CF,OAAOC,WAAWtE,EAAM+C,YAAYwB,MAAM,OAAO,IACvD,IAAIlB,EAAWjD,EAAa6D,EACxBX,EAAYD,EAAWN,EACrB,MAAE7B,MAAAA,EAAOE,OAAAA,GAAWgC,EAAgBC,EAAUC,GAChDlC,GAAUV,EAAgBoB,OAAO6B,cAAgBF,OACvCH,EAAA5C,EAAgBoB,OAAO6B,cAAgBF,IACnDJ,EAAWC,EAAYP,GAEzB9B,EAASa,MAAMZ,MAAQA,EACvBD,EAASa,MAAMV,OAASA,CAAA,CAExBL,EAAAe,MAAQY,EAAYZ,MAAMc,KAC1B5B,EAAAc,MAAQY,EAAYZ,MAAMe,GAAA,CAE9BmB,EAAEQ,iBACFR,EAAES,iBAAgB,CAGX,SAAAC,EAAUV,EAAeW,GAChC9D,EAAUiB,MAAQ6C,EAClBzE,EAAS8D,EAAEE,QACX/D,EAAS6D,EAAEI,QACXhE,EAAaa,EAASa,MAAMZ,MAC5Bb,EAAcY,EAASa,MAAMV,OAEf,iBAAVuD,GACO1D,EAAAa,MAAMf,EAAIA,EAAEe,MACZb,EAAAa,MAAMd,EAAIA,EAAEc,OAEJ,aAAV6C,GACP1D,EAASa,MAAMf,EAAIA,EAAEe,MAAQZ,EAAMY,MACnCb,EAASa,MAAMd,EAAIA,EAAEc,MAAQV,EAAOU,OAEnB,cAAV6C,GACE1D,EAAAa,MAAMf,EAAIA,EAAEe,MACrBb,EAASa,MAAMd,EAAIA,EAAEc,MAAQV,EAAOU,OAEnB,gBAAV6C,IACP1D,EAASa,MAAMf,EAAIA,EAAEe,MAAQZ,EAAMY,MAC1Bb,EAAAa,MAAMd,EAAIA,EAAEc,MACvB,CAGF,SAAS8C,IACP/D,EAAUiB,MAAQ,EAAA,QAUX+C,SAAAC,iBAAiB,UAAWF,GAC5BC,SAAAC,iBAAiB,YAAaf,GAEvCgB,GAAU,KACRC,GAAS,KAEMlE,EAAAgB,MAAMf,GACdL,EAAgBoB,OAAOmD,aAAe,GAAK,EAAIhE,EAASa,MAAMZ,MAAQ,EAC9DJ,EAAAgB,MAAMd,GACdN,EAAgBoB,OAAOoD,cAAgB,GAAK,EAC3CjE,EAASa,MAAMV,OAAS,CAAA,GAC/B,IAGH+D,GAAY,KACNnD,EAASF,OACPI,IAAAkD,gBAAgBpD,EAASF,OAEtB+C,SAAAQ,oBAAoB,UAAWT,GAC/BC,SAAAQ,oBAAoB,YAAatB,EAAS,IAGxCuB,EAAA,CACXC,KAjNaC,eAAKC,EAAwB9E,EAAOmB,OACjD,IAAI4D,EAAkB,cAClBhF,EAAgBoB,QAClB4D,EAAkBC,OAAOC,iBACvBlF,EAAgBoB,OAChB4D,iBAEE,MAAAG,EAAShB,SAASiB,cAAc,UACtCD,EAAO3E,MAAQgC,EAAKxC,EAAgBoB,OAAO0B,aAAe,GAC1DqC,EAAOzE,OAAS8B,EAAKxC,EAAgBoB,OAAO6B,cAAgB,GAC5D,MAAMoC,UAAEA,EAAWC,WAAAA,EAAAC,UAAYA,GAAcC,EAAUL,GASvD,OARAI,EAAU,EAAG,EAAGJ,EAAO3E,MAAO2E,EAAOzE,OAAQsE,GAC7CK,EACEN,EACAvC,EAAKuC,EAAIU,YACTjD,EAAKuC,EAAIW,WACTX,EAAIhD,aACJgD,EAAIY,qBAEOL,EACX9C,EAAKnC,EAAEe,OACPoB,EAAKlC,EAAEc,OACPoB,EAAKhC,EAAMY,OACXoB,EAAK9B,EAAOU,OACd,EA0LAwE,OA/BF,WACWrF,EAAAa,MAAMZ,MAAQlB,EAAMmB,aACpBF,EAAAa,MAAMV,OAASpB,EAAMqB,cAC9BN,EAAEe,MAAQ,EACVd,EAAEc,MAAQ,CAAA"}

package/es/src/subject-action/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/src/subject-action/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/subject-action.vue'\n\nconst QxsSubjectAction = withInstall(component)\n  \nexport {\n  QxsSubjectAction\n}\n  \nexport default QxsSubjectAction"],"names":["QxsSubjectAction","withInstall","component"],"mappings":"6FAGA,MAAMA,EAAmBC,EAAYC"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/src/subject-action/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/subject-action.vue'\n\nconst QxsSubjectAction = withInstall(component)\n\nexport {\n  QxsSubjectAction,\n}\n\nexport default QxsSubjectAction\n"],"names":["QxsSubjectAction","withInstall","component"],"mappings":"6FAGA,MAAMA,EAAmBC,EAAYC"}