@qxs-bns/components 0.0.45 → 0.0.47

package/es/_virtual/_plugin-vue_export-helper.mjs

@@ -1,2 +1,2 @@
-var o=(o,r)=>{const t=o.__vccOpts||o;for(const[o,a]of r)t[o]=a;return t};export{o as default};
+var t=(t,o)=>{const r=t.__vccOpts||t;for(const[t,c]of o)r[t]=c;return r};export{t as default};
 //# sourceMappingURL=_plugin-vue_export-helper.mjs.map

package/es/index.css

@@ -0,0 +1,83 @@
+/* unplugin-vue-components disabled */
+.line-vue-vue-type-style-index-0-scoped-397864aa-lang_data-chart-line__IKZEs[data-v-397864aa] {
+  width: 100%;
+  height: 100%;
+}
+/* unplugin-vue-components disabled */
+.area-vue-vue-type-style-index-0-scoped-51660d7b-lang_data-chart-area-wrap__nAnr8[data-v-51660d7b] {
+  position: relative;
+}
+.area-vue-vue-type-style-index-0-scoped-51660d7b-lang_data-chart-area-wrap__nAnr8 .area-vue-vue-type-style-index-0-scoped-51660d7b-lang_city-select__IkwG-[data-v-51660d7b] {
+  position: absolute;
+  top: 10px;
+  right: 100px;
+  z-index: 1;
+  width: 120px;
+}
+.area-vue-vue-type-style-index-0-scoped-51660d7b-lang_data-chart-area-wrap__nAnr8 .area-vue-vue-type-style-index-0-scoped-51660d7b-lang_data-chart-area__tbCEP[data-v-51660d7b] {
+  height: 100%;
+}
+/* unplugin-vue-components disabled */
+.card-vue-vue-type-style-index-0-scoped-1c14c088-lang_data-chart-card__IY-jh[data-v-1c14c088] {
+  display: flex;
+  flex-direction: column;
+}
+.card-vue-vue-type-style-index-0-scoped-1c14c088-lang_data-chart-card__IY-jh .card-vue-vue-type-style-index-0-scoped-1c14c088-lang_title__dVPGY[data-v-1c14c088] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 5px;
+  margin-top: 2px;
+  margin-bottom: 7px;
+  font-family: sans-serif;
+  font-size: 14px;
+  font-weight: bolder;
+  color: #464646;
+}
+.card-vue-vue-type-style-index-0-scoped-1c14c088-lang_data-chart-card__IY-jh .card-vue-vue-type-style-index-0-scoped-1c14c088-lang_data-chart-card-grid-layout__RzZja[data-v-1c14c088] {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  gap: 10px;
+  width: calc(100% - 3px);
+}
+.card-vue-vue-type-style-index-0-scoped-1c14c088-lang_data-chart-card__IY-jh .card-vue-vue-type-style-index-0-scoped-1c14c088-lang_data-chart-card-wrap__kvIfO[data-v-1c14c088] {
+  height: 100% !important;
+}
+.card-vue-vue-type-style-index-0-scoped-1c14c088-lang_data-chart-card__IY-jh .card-vue-vue-type-style-index-0-scoped-1c14c088-lang_data-chart-card-wrap__kvIfO .card-vue-vue-type-style-index-0-scoped-1c14c088-lang_card-item__oV7pK[data-v-1c14c088] {
+  width: 100% !important;
+}
+.card-vue-vue-type-style-index-0-scoped-1c14c088-lang_data-chart-card__IY-jh .card-vue-vue-type-style-index-0-scoped-1c14c088-lang_card-item__oV7pK[data-v-1c14c088] {
+  position: relative;
+  background-image: url("./data-chart-card-bg-left.svg"), url("./data-chart-card-bg-right.svg");
+  background-repeat: no-repeat;
+  background-position: left top, right top;
+  background-size: contain, contain;
+  border: 2px solid #2196f3;
+  border-radius: 6px;
+}
+.card-vue-vue-type-style-index-0-scoped-1c14c088-lang_data-chart-card__IY-jh .card-vue-vue-type-style-index-0-scoped-1c14c088-lang_card-item__oV7pK .card-vue-vue-type-style-index-0-scoped-1c14c088-lang_suffix-icon__f7x6q[data-v-1c14c088] {
+  position: absolute;
+  right: 1px;
+  bottom: calc(25% - 14px);
+  width: 20px;
+  font-size: 20px;
+  font-weight: bold;
+  color: #fff;
+  text-align: center;
+}
+.card-vue-vue-type-style-index-0-scoped-1c14c088-lang_data-chart-card__IY-jh .card-vue-vue-type-style-index-0-scoped-1c14c088-lang_card-item__oV7pK .card-vue-vue-type-style-index-0-scoped-1c14c088-lang_card-title__eF2-d[data-v-1c14c088] {
+  padding-left: 15px;
+  margin-top: 10px;
+  margin-bottom: 5px;
+  overflow: hidden;
+  font-size: 16px;
+  font-weight: bold;
+  color: #2196f3;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.card-vue-vue-type-style-index-0-scoped-1c14c088-lang_data-chart-card__IY-jh .card-vue-vue-type-style-index-0-scoped-1c14c088-lang_card-item__oV7pK .card-vue-vue-type-style-index-0-scoped-1c14c088-lang_context__ro9I-[data-v-1c14c088] {
+  padding: 0 30px 10px 20px;
+  font-size: 14px;
+  color: #464646;
+}

package/es/package.json.mjs

@@ -1,2 +1,2 @@
-var r="0.0.45";export{r as version};
+var r="0.0.47";export{r as version};
 //# sourceMappingURL=package.json.mjs.map

package/es/src/data-chart/src/components/area.vue.mjs

@@ -1,2 +1,2 @@
-import r from"./area.vue2.mjs";import"./area.vue3.mjs";import e from"../../../../_virtual/_plugin-vue_export-helper.mjs";var a=e(r,[["__scopeId","data-v-51660d7b"]]);export{a as default};
+import r from"./area.vue2.mjs";import e from"../../../../_virtual/_plugin-vue_export-helper.mjs";var a=e(r,[["__scopeId","data-v-51660d7b"]]);export{a as default};
 //# sourceMappingURL=area.vue.mjs.map

package/es/src/data-chart/src/components/area.vue2.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as e,inject as t,ref as a,computed as r,createElementBlock as n,openBlock as c,createCommentVNode as s,createElementVNode as o}from"vue";import*as l from"echarts";import{getGeoJsonData as i}from"../utils/config.mjs";import{InjectionChartMerge as u}from"../utils/injectionKeys.mjs";import{useCharts as m}from"../utils/useCharts.mjs";const p={class:"data-chart-area-wrap"};var d=e({name:"DataChartArea",__name:"area",props:{chartOptions:{type:null,required:!0},chartData:{type:Object,required:!1,default:()=>({colDesc:[],xGroupByDesc:{colDesc:"",groupByDesc:"",groupByValues:[],xAxis:!1},groupByDesc:[],data:[],modelName:""})}},setup(e){const d=t(u,(e=>e),!0);let f="中国";const h=a({features:[],type:"FeatureCollection"}),y=a(null);let v=null;const D=r((()=>{const{xGroupByDesc:t,groupByDesc:a,colDesc:r,modelName:n,data:c}=e.chartData,s=[];r.forEach((e=>{c.forEach((t=>{s.push(Number(t[e]))}))}));const o={title:{text:n},tooltip:{formatter(e){let t=`${e.name}<br/>`;return o.series?.forEach((a=>{a.data?.forEach((r=>{r.name===e.name&&(t+=`${a.name}：${r.value}</br>`)})),t.includes(a.name)||(t+=`${a.name}：-</br>`)})),t}},visualMap:{min:Math.min(...s,0),max:Math.max(...s,0)},series:r?.map((e=>{const r=[],n=a.find((e=>e.colDesc===("中国"===f?"医院所在省":"医院所在市"))),s={};c.map((a=>{const r=a[("中国"===f?t?.colDesc||"":n?.colDesc)||""],c=h.value.features?.find((({properties:{name:e}})=>e?.includes(r)));return{name:c?.properties?.name||"",value:Number(a[e])}})).forEach((e=>{s[e.name]?s[e.name]=s[e.name]+e.value:s[e.name]=e.value}));for(const e in s)r.push({name:e,value:s[e]});return{name:e,type:"map",map:f,data:r}}))};return d(o,e.chartOptions)}));async function b(e="中国"){if(v&&!v.isDisposed()){v.showLoading();try{const t=await i({adcode:e});if(!t)return void v.hideLoading();h.value=t,f=e;const a=l.registerMap(e,t);return v.hideLoading(),a}catch(e){console.log(e),v.hideLoading()}}}return m({chartDOM:y,chartOptions:D,chartData:r((()=>e.chartData)),initAfter:async function(){await b(),v&&!v.isDisposed()&&(v.getZr()?.on("click",(e=>{e.target||"中国"===f||b("中国")})),v.on("click",(t=>{const a=e.chartData.groupByDesc?.some((e=>"医院所在市"===e.colDesc));"中国"===f&&a&&b(t.name).then((()=>{v&&!v.isDisposed()&&v.setOption(D.value)}))})))},callback:e=>{v=e}}),(e,t)=>(c(),n("div",p,[s(' <el-select\n      v-if="isShowSelect"\n      v-model="adcode"\n      class="city-select"\n      size="small"\n      @change="selectChina"\n    >\n      <el-option\n        v-for="item in selectList"\n        :key="item.value"\n        :label="item.label"\n        :value="item.value"\n      />\n    </el-select> '),o("div",{ref_key:"dataChartArea",ref:y,class:"data-chart-area"},null,512)]))}});export{d as default};
+import{defineComponent as e,inject as a,ref as t,computed as r,createElementBlock as n,openBlock as s,createCommentVNode as o,createElementVNode as c}from"vue";import*as i from"echarts";import{getGeoJsonData as l}from"../utils/config.mjs";import{InjectionChartMerge as m}from"../utils/injectionKeys.mjs";import{useCharts as u}from"../utils/useCharts.mjs";const p={class:"data-chart-area-wrap"};var d=e({name:"DataChartArea",__name:"area",props:{chartOptions:{type:null,required:!0},chartData:{type:Object,required:!1,default:()=>({colDesc:[],xGroupByDesc:{colDesc:"",groupByDesc:"",groupByValues:[],xAxis:!1},groupByDesc:[],data:[],modelName:""})}},setup(e){const d=a(m,(e=>e),!0);let h="中国";const f=t({features:[],type:"FeatureCollection"}),D=t(null);let v=null;const y=r((()=>{const{xGroupByDesc:a,groupByDesc:t,colDesc:r,modelName:n,data:s}=e.chartData,o=[];r.forEach((e=>{s.forEach((a=>{o.push(Number(a[e]))}))}));const c={title:{text:n},tooltip:{formatter(e){let a=`${e.name}<br/>`;return c.series?.forEach((t=>{t.data?.forEach((r=>{r.name===e.name&&(a+=`${t.name}：${r.value}</br>`)})),a.includes(t.name)||(a+=`${t.name}：-</br>`)})),a}},visualMap:{min:Math.min(...o,0),max:Math.max(...o,0)},series:r?.map((e=>{const r=[],n=t.find((e=>e.colDesc===("中国"===h?"医院所在省":"医院所在市"))),o={};s.map((t=>{const r=t[("中国"===h?a?.colDesc||"":n?.colDesc)||""],s=f.value.features?.find((({properties:{name:e}})=>e?.includes(r)));return{name:s?.properties?.name||"",value:Number(t[e])}})).forEach((e=>{o[e.name]?o[e.name]=o[e.name]+e.value:o[e.name]=e.value}));for(const e in o)r.push({name:e,value:o[e]});return{name:e,type:"map",map:h,data:r}}))};return d(c,e.chartOptions)}));async function g(e="中国"){if(v&&!v.isDisposed()){v.showLoading();try{const a=await l({adcode:e});if(!a)return void v.hideLoading();f.value=a,h=e;const t=i.registerMap(e,a);return v.hideLoading(),t}catch(e){console.log(e),v.hideLoading()}}}return u({chartDOM:D,chartOptions:y,chartData:r((()=>e.chartData)),initAfter:async function(){await g(),v&&!v.isDisposed()&&(v.getZr()?.on("click",(e=>{e.target||"中国"===h||g("中国")})),v.on("click",(a=>{const t=e.chartData.groupByDesc?.some((e=>"医院所在市"===e.colDesc));"中国"===h&&t&&g(a.name).then((()=>{v&&!v.isDisposed()&&v.setOption(y.value)}))})))},callback:e=>{v=e}}),(e,a)=>(s(),n("div",p,[o(' <el-select\n      v-if="isShowSelect"\n      v-model="adcode"\n      class="city-select"\n      size="small"\n      @change="selectChina"\n    >\n      <el-option\n        v-for="item in selectList"\n        :key="item.value"\n        :label="item.label"\n        :value="item.value"\n      />\n    </el-select> '),c("div",{ref_key:"dataChartArea",ref:D,class:"data-chart-area"},null,512)]))}});export{d as default};
 //# sourceMappingURL=area.vue2.mjs.map

package/es/src/data-chart/src/components/bar.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as e,inject as a,ref as t,computed as r,createElementBlock as s,openBlock as o}from"vue";import{uniq as l}from"lodash-es";import{InjectionChartMerge as i}from"../utils/injectionKeys.mjs";import{useCharts as c}from"../utils/useCharts.mjs";var u=e({name:"DataChartBar",__name:"bar",props:{chartData:{type:Object,required:!0,default:()=>({colDesc:[],xGroupByDesc:{colDesc:"",groupByDesc:"",groupByValues:[],xAxis:!1},groupByDesc:[],data:[],modelName:""})},subShowType:{type:String,required:!0,default:"bar-simple"},chartOptions:{type:null,required:!0}},setup(e){const u=a(i,(e=>e),!0),n=t(null),p=r((()=>{const{colDesc:a,xGroupByDesc:t,groupByDesc:r,data:s=[],modelName:o}=e.chartData,i=Array.from(new Set(s.map((e=>e[t.colDesc||""])))).filter((e=>null!=e))||[],c=r.find((e=>!e.xAxis))||{groupByValues:[],colDesc:""};c.groupByValues=l(s.map((e=>c.colDesc?String(e[c.colDesc]):""))),t&&t.groupByValues&&(t.groupByValues=l(s.map((e=>t.colDesc?String(e[t.colDesc]):""))));const n={title:{text:o},xAxis:{name:"",type:"category",axisLabel:{interval:0,formatter:e=>e.length>5?`${e.substring(0,5)}...`:e},data:i},yAxis:{type:"value"},legend:{data:[]},dataZoom:[{type:"inside",disabled:i.length<15}]};if(1===r.length)n.series=a.map((e=>({name:e,data:s.map((a=>a[e])),type:"bar",emphasis:{focus:"series"},label:{show:!0,position:"inside"}}))),n.legend.data=a;else if(2===r.length){const e=a.map((e=>c.groupByValues?.map((a=>{const r={name:`${a||"/"}-${e}`,type:"bar",stack:e,emphasis:{focus:"series"},data:[],label:{show:!0,position:"inside"}};return r.data=(t.groupByValues||[]).map((e=>{let o=null;return s.forEach((s=>{c.colDesc&&s[c.colDesc]===a&&t.colDesc&&s[t.colDesc]===e&&r.stack&&(o=s[r.stack]??null)})),o||""})).filter((e=>""!==e)),r}))||[])).flat();n.series=e,delete n.legend}function p(e,a,t,r){Array.isArray(e)?e.forEach((e=>{e&&(e.type=a,"category"===a&&(e.data=t||[],e.name=r||""))})):e&&(e.type=a,"category"===a&&(e.data=t||[],e.name=r||""))}switch(e.subShowType){case"bar-simple":case"default":p(n.xAxis,"category",i,t.colDesc||""),p(n.yAxis,"value");break;case"bar-y-category":p(n.xAxis,"value"),p(n.yAxis,"category",i,t.colDesc||"")}return u(n,e.chartOptions)}));return c({chartDOM:n,chartOptions:p,chartData:r((()=>e.chartData))}),(e,a)=>(o(),s("div",{ref_key:"dataChartBar",ref:n,class:"data-chart-bar"},null,512))}});export{u as default};
+import{defineComponent as e,inject as a,ref as t,computed as s,createElementBlock as r,openBlock as o}from"vue";import{uniq as c}from"lodash-es";import{InjectionChartMerge as l}from"../utils/injectionKeys.mjs";import{useCharts as i}from"../utils/useCharts.mjs";var u=e({name:"DataChartBar",__name:"bar",props:{chartData:{type:Object,required:!0,default:()=>({colDesc:[],xGroupByDesc:{colDesc:"",groupByDesc:"",groupByValues:[],xAxis:!1},groupByDesc:[],data:[],modelName:""})},subShowType:{type:String,required:!0,default:"bar-simple"},chartOptions:{type:null,required:!0}},setup(e){const u=a(l,(e=>e),!0),p=t(null),n=s((()=>{const{colDesc:a,xGroupByDesc:t,groupByDesc:s,data:r=[],modelName:o}=e.chartData,l=Array.from(new Set(r.map((e=>e[t.colDesc||""])))).filter((e=>null!=e))||[],i=s.find((e=>!e.xAxis))||{groupByValues:[],colDesc:""};i.groupByValues=c(r.map((e=>i.colDesc?String(e[i.colDesc]):""))),t&&t.groupByValues&&(t.groupByValues=c(r.map((e=>t.colDesc?String(e[t.colDesc]):""))));const p={title:{text:o},xAxis:{name:"",type:"category",axisLabel:{interval:0,formatter:e=>e.length>5?`${e.substring(0,5)}...`:e},data:l},yAxis:{type:"value"},legend:{data:[]},dataZoom:[{type:"inside",disabled:l.length<15}]};if(1===s.length)p.series=a.map((e=>({name:e,data:r.map((a=>a[e])),type:"bar",emphasis:{focus:"series"},label:{show:!0,position:"inside"}}))),p.legend.data=a;else if(2===s.length){const e=a.map((e=>i.groupByValues?.map((a=>{const s={name:`${a||"/"}-${e}`,type:"bar",stack:e,emphasis:{focus:"series"},data:[],label:{show:!0,position:"inside"}};return s.data=(t.groupByValues||[]).map((e=>{let o=null;return r.forEach((r=>{i.colDesc&&r[i.colDesc]===a&&t.colDesc&&r[t.colDesc]===e&&s.stack&&(o=r[s.stack]??null)})),o||""})).filter((e=>""!==e)),s}))||[])).flat();p.series=e,delete p.legend}function n(e,a,t,s){Array.isArray(e)?e.forEach((e=>{e&&(e.type=a,"category"===a&&(e.data=t||[],e.name=s||""))})):e&&(e.type=a,"category"===a&&(e.data=t||[],e.name=s||""))}switch(e.subShowType){case"bar-simple":case"default":n(p.xAxis,"category",l,t.colDesc||""),n(p.yAxis,"value");break;case"bar-y-category":n(p.xAxis,"value"),n(p.yAxis,"category",l,t.colDesc||"")}return u(p,e.chartOptions)}));return i({chartDOM:p,chartOptions:n,chartData:s((()=>e.chartData))}),(e,a)=>(o(),r("div",{ref_key:"dataChartBar",ref:p,class:"data-chart-bar"},null,512))}});export{u as default};
 //# sourceMappingURL=bar.vue.mjs.map

package/es/src/data-chart/src/components/card.vue.mjs

@@ -1,2 +1,2 @@
-import r from"./card.vue2.mjs";import"./card.vue3.mjs";import e from"../../../../_virtual/_plugin-vue_export-helper.mjs";var a=e(r,[["__scopeId","data-v-1c14c088"]]);export{a as default};
+import r from"./card.vue2.mjs";import e from"../../../../_virtual/_plugin-vue_export-helper.mjs";var a=e(r,[["__scopeId","data-v-1c14c088"]]);export{a as default};
 //# sourceMappingURL=card.vue.mjs.map

package/es/src/data-chart/src/components/card.vue2.mjs

@@ -1,2 +1,2 @@
-import{ElScrollbar as t}from"element-plus/es";import{defineComponent as a,createElementBlock as e,openBlock as l,createCommentVNode as s,withDirectives as c,toDisplayString as r,createBlock as d,withCtx as i,createElementVNode as n,normalizeClass as o,Fragment as u,renderList as m,createTextVNode as p,vShow as v,createVNode as y}from"vue";import f from"./empty.vue.mjs";const k={class:"data-chart-card"},h={key:0,class:"title"},x=["title"],D={class:"context"},g={class:"suffix-icon"},_={key:2,class:"data-chart-card-wrap"},j=["title"],C={class:"context"};var $=a({name:"DataChartCard",__name:"card",props:{chartData:{type:Object,default:()=>({colDesc:[],xGroupByDesc:[],data:[],modelName:""})}},setup(a){const $=a;function b(t){const a=$.chartData.xGroupByDesc?.colDesc||"";return a?a+t[a]:""}return($,w)=>{const B=t;return l(),e("div",k,[a.chartData.groupByDesc.length?(l(),e("p",h,r(a.chartData.modelName),1)):s("v-if",!0),a.chartData.groupByDesc.length?c((l(),d(B,{key:1},{default:i((()=>[n("div",{class:o({"data-chart-card-grid-layout":a.chartData.groupByDesc.length})},[(l(!0),e(u,null,m(a.chartData.data,((t,s)=>(l(),e("div",{key:s,class:"card-item"},[n("div",{class:"card-title",title:b(t)},r(b(t)),9,x),n("div",D,[(l(!0),e(u,null,m(a.chartData.colDesc,((s,c)=>(l(),e("span",{key:s},[p(r(`${s}: `||"-"),1),n("strong",null,r(t[s]||"-"),1),p(" "+r(c===a.chartData.colDesc.length-1?"":"，"),1)])))),128))]),n("div",g,r(s+1),1)])))),128))],2)])),_:1},512)),[[v,a.chartData.data.length]]):(l(),e("div",_,[(l(!0),e(u,null,m(a.chartData.data,((t,c)=>(l(),e("div",{key:c,class:"card-item"},[n("div",{class:"card-title",title:a.chartData.modelName},r(a.chartData.modelName),9,j),n("div",C,[(l(!0),e(u,null,m(a.chartData.colDesc,((c,d)=>(l(),e("span",{key:c},[t?(l(),e(u,{key:0},[p(r(`${c}: `||"-"),1),n("strong",null,r(t[c]||"-"),1),p(" "+r(d===a.chartData.colDesc.length-1?"":"，"),1)],64)):s("v-if",!0)])))),128))])])))),128))])),c(y(f,null,null,512),[[v,!a.chartData.data.length]])])}}});export{$ as default};
+import{ElScrollbar as a}from"element-plus/es";import"element-plus/es/components/base/style/index";import"element-plus/es/components/scrollbar/style/index";import{defineComponent as t,createElementBlock as e,openBlock as c,createCommentVNode as l,withDirectives as s,toDisplayString as r,createBlock as n,withCtx as o,createElementVNode as d,normalizeClass as i,Fragment as u,renderList as D,createTextVNode as h,vShow as m,createVNode as p}from"vue";import y from"./empty.vue.mjs";const v={class:"data-chart-card"},g={key:0,class:"title"},f=["title"],k={class:"context"},x={class:"suffix-icon"},B={key:2,class:"data-chart-card-wrap"},N=["title"],b={class:"context"};var _=t({name:"DataChartCard",__name:"card",props:{chartData:{type:Object,default:()=>({colDesc:[],xGroupByDesc:[],data:[],modelName:""})}},setup(t){const _=t;function j(a){const t=_.chartData.xGroupByDesc?.colDesc||"";return t?t+a[t]:""}return(_,C)=>{const G=a;return c(),e("div",v,[t.chartData.groupByDesc.length?(c(),e("p",g,r(t.chartData.modelName),1)):l("v-if",!0),t.chartData.groupByDesc.length?s((c(),n(G,{key:1},{default:o((()=>[d("div",{class:i({"data-chart-card-grid-layout":t.chartData.groupByDesc.length})},[(c(!0),e(u,null,D(t.chartData.data,((a,l)=>(c(),e("div",{key:l,class:"card-item"},[d("div",{class:"card-title",title:j(a)},r(j(a)),9,f),d("div",k,[(c(!0),e(u,null,D(t.chartData.colDesc,((l,s)=>(c(),e("span",{key:l},[h(r(`${l}: `||"-"),1),d("strong",null,r(a[l]||"-"),1),h(" "+r(s===t.chartData.colDesc.length-1?"":"，"),1)])))),128))]),d("div",x,r(l+1),1)])))),128))],2)])),_:1},512)),[[m,t.chartData.data.length]]):(c(),e("div",B,[(c(!0),e(u,null,D(t.chartData.data,((a,s)=>(c(),e("div",{key:s,class:"card-item"},[d("div",{class:"card-title",title:t.chartData.modelName},r(t.chartData.modelName),9,N),d("div",b,[(c(!0),e(u,null,D(t.chartData.colDesc,((s,n)=>(c(),e("span",{key:s},[a?(c(),e(u,{key:0},[h(r(`${s}: `||"-"),1),d("strong",null,r(a[s]||"-"),1),h(" "+r(n===t.chartData.colDesc.length-1?"":"，"),1)],64)):l("v-if",!0)])))),128))])])))),128))])),s(p(y,null,null,512),[[m,!t.chartData.data.length]])])}}});export{_ as default};
 //# sourceMappingURL=card.vue2.mjs.map

package/es/src/data-chart/src/components/card.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"card.vue2.mjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/card.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { EChartData, IFormatPublicData } from '../types'\nimport Empty from './empty.vue'\n\ndefineOptions({\n  name: 'DataChartCard',\n})\n\nconst props = defineProps({\n  chartData: {\n    type: Object as PropType<IFormatPublicData>,\n    default: () => ({\n      colDesc: [],\n      xGroupByDesc: [],\n      data: [],\n      modelName: '',\n    }),\n  },\n})\n\nfunction cardTitle(dataItem: EChartData['data'][0]) {\n  const colDesc = props.chartData.xGroupByDesc?.colDesc || ''\n\n  return colDesc ? (colDesc + dataItem[colDesc]) : ''\n}\n</script>\n\n<template>\n  <div class=\"data-chart-card\">\n    <p v-if=\"chartData.groupByDesc.length\" class=\"title\">\n      {{ chartData.modelName }}\n    </p>\n    <el-scrollbar v-show=\"chartData.data.length\" v-if=\"chartData.groupByDesc.length\">\n      <div :class=\"{ 'data-chart-card-grid-layout': chartData.groupByDesc.length }\">\n        <div\n          v-for=\"(dataItem, dataIndex) in chartData.data\"\n          :key=\"dataIndex\"\n          class=\"card-item\"\n        >\n          <div class=\"card-title\" :title=\"cardTitle(dataItem)\">\n            {{ cardTitle(dataItem) }}\n          </div>\n          <div class=\"context\">\n            <span v-for=\"(item, index) in chartData.colDesc\" :key=\"item\">\n              {{ `${item}: ` || '-' }}<strong>{{ dataItem[item] || '-' }}</strong> {{ index === chartData.colDesc.length - 1 ? '' : '，' }}\n            </span>\n          </div>\n          <div class=\"suffix-icon\">\n            {{ dataIndex + 1 }}\n          </div>\n        </div>\n      </div>\n    </el-scrollbar>\n    <div v-else class=\"data-chart-card-wrap\">\n      <div\n        v-for=\"(dataItem, dataIndex) in chartData.data\"\n        :key=\"dataIndex\"\n        class=\"card-item\"\n      >\n        <div class=\"card-title\" :title=\"chartData.modelName\">\n          {{ chartData.modelName }}\n        </div>\n        <div class=\"context\">\n          <span v-for=\"(item, index) in chartData.colDesc\" :key=\"item\">\n            <template v-if=\"dataItem\">\n              {{ `${item}: ` || '-' }}<strong>{{ dataItem[item] || '-' }}</strong> {{ index === chartData.colDesc.length - 1 ? '' : '，' }}\n            </template>\n          </span>\n        </div>\n      </div>\n    </div>\n    <Empty v-show=\"!chartData.data.length\" />\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.data-chart-card {\n  display: flex;\n  flex-direction: column;\n\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 5px;\n    margin-top: 2px;\n    margin-bottom: 7px;\n    font-family: sans-serif;\n    font-size: 14px;\n    font-weight: bolder;\n    color: #464646;\n  }\n\n  .data-chart-card-grid-layout {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 10px;\n    width: calc(100% - 3px);\n  }\n\n  .data-chart-card-wrap {\n    height: 100% !important;\n\n    .card-item {\n      width: 100% !important;\n    }\n  }\n\n  .card-item {\n    position: relative;\n    background-image: url(\"./data-chart-card-bg-left.svg\"), url(\"./data-chart-card-bg-right.svg\");\n    background-repeat: no-repeat;\n    background-position: left top, right top;\n    background-size: contain, contain;\n    border: 2px solid #2196f3;\n    border-radius: 6px;\n\n    .suffix-icon {\n      position: absolute;\n      right: 1px;\n      bottom: calc(25% - 14px);\n      width: 20px;\n      font-size: 20px;\n      font-weight: bold;\n      color: #fff;\n      text-align: center;\n    }\n\n    .card-title {\n      padding-left: 15px;\n      margin-top: 10px;\n      margin-bottom: 5px;\n      overflow: hidden;\n      font-size: 16px;\n      font-weight: bold;\n      color: #2196f3;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .context {\n      padding: 0 30px 10px 20px;\n      font-size: 14px;\n      color: #464646;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","cardTitle","dataItem","colDesc","chartData","xGroupByDesc"],"mappings":"ksBASA,MAAMA,EAAQC,EAYd,SAASC,EAAUC,GACjB,MAAMC,EAAUJ,EAAMK,UAAUC,cAAcF,SAAW,GAEzD,OAAOA,EAAWA,EAAUD,EAASC,GAAY,EAAA"}
+{"version":3,"file":"card.vue2.mjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/card.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { EChartData, IFormatPublicData } from '../types'\nimport Empty from './empty.vue'\n\ndefineOptions({\n  name: 'DataChartCard',\n})\n\nconst props = defineProps({\n  chartData: {\n    type: Object as PropType<IFormatPublicData>,\n    default: () => ({\n      colDesc: [],\n      xGroupByDesc: [],\n      data: [],\n      modelName: '',\n    }),\n  },\n})\n\nfunction cardTitle(dataItem: EChartData['data'][0]) {\n  const colDesc = props.chartData.xGroupByDesc?.colDesc || ''\n\n  return colDesc ? (colDesc + dataItem[colDesc]) : ''\n}\n</script>\n\n<template>\n  <div class=\"data-chart-card\">\n    <p v-if=\"chartData.groupByDesc.length\" class=\"title\">\n      {{ chartData.modelName }}\n    </p>\n    <el-scrollbar v-show=\"chartData.data.length\" v-if=\"chartData.groupByDesc.length\">\n      <div :class=\"{ 'data-chart-card-grid-layout': chartData.groupByDesc.length }\">\n        <div\n          v-for=\"(dataItem, dataIndex) in chartData.data\"\n          :key=\"dataIndex\"\n          class=\"card-item\"\n        >\n          <div class=\"card-title\" :title=\"cardTitle(dataItem)\">\n            {{ cardTitle(dataItem) }}\n          </div>\n          <div class=\"context\">\n            <span v-for=\"(item, index) in chartData.colDesc\" :key=\"item\">\n              {{ `${item}: ` || '-' }}<strong>{{ dataItem[item] || '-' }}</strong> {{ index === chartData.colDesc.length - 1 ? '' : '，' }}\n            </span>\n          </div>\n          <div class=\"suffix-icon\">\n            {{ dataIndex + 1 }}\n          </div>\n        </div>\n      </div>\n    </el-scrollbar>\n    <div v-else class=\"data-chart-card-wrap\">\n      <div\n        v-for=\"(dataItem, dataIndex) in chartData.data\"\n        :key=\"dataIndex\"\n        class=\"card-item\"\n      >\n        <div class=\"card-title\" :title=\"chartData.modelName\">\n          {{ chartData.modelName }}\n        </div>\n        <div class=\"context\">\n          <span v-for=\"(item, index) in chartData.colDesc\" :key=\"item\">\n            <template v-if=\"dataItem\">\n              {{ `${item}: ` || '-' }}<strong>{{ dataItem[item] || '-' }}</strong> {{ index === chartData.colDesc.length - 1 ? '' : '，' }}\n            </template>\n          </span>\n        </div>\n      </div>\n    </div>\n    <Empty v-show=\"!chartData.data.length\" />\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.data-chart-card {\n  display: flex;\n  flex-direction: column;\n\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 5px;\n    margin-top: 2px;\n    margin-bottom: 7px;\n    font-family: sans-serif;\n    font-size: 14px;\n    font-weight: bolder;\n    color: #464646;\n  }\n\n  .data-chart-card-grid-layout {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 10px;\n    width: calc(100% - 3px);\n  }\n\n  .data-chart-card-wrap {\n    height: 100% !important;\n\n    .card-item {\n      width: 100% !important;\n    }\n  }\n\n  .card-item {\n    position: relative;\n    background-image: url(\"./data-chart-card-bg-left.svg\"), url(\"./data-chart-card-bg-right.svg\");\n    background-repeat: no-repeat;\n    background-position: left top, right top;\n    background-size: contain, contain;\n    border: 2px solid #2196f3;\n    border-radius: 6px;\n\n    .suffix-icon {\n      position: absolute;\n      right: 1px;\n      bottom: calc(25% - 14px);\n      width: 20px;\n      font-size: 20px;\n      font-weight: bold;\n      color: #fff;\n      text-align: center;\n    }\n\n    .card-title {\n      padding-left: 15px;\n      margin-top: 10px;\n      margin-bottom: 5px;\n      overflow: hidden;\n      font-size: 16px;\n      font-weight: bold;\n      color: #2196f3;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .context {\n      padding: 0 30px 10px 20px;\n      font-size: 14px;\n      color: #464646;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","cardTitle","dataItem","colDesc","chartData","xGroupByDesc"],"mappings":"+yBASA,MAAMA,EAAQC,EAYd,SAASC,EAAUC,GACjB,MAAMC,EAAUJ,EAAMK,UAAUC,cAAcF,SAAW,GAEzD,OAAOA,EAAWA,EAAUD,EAASC,GAAY,EAAA"}

package/es/src/data-chart/src/components/empty.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as t,createElementBlock as e,openBlock as r,normalizeClass as s,unref as p,createElementVNode as i,normalizeStyle as a,toDisplayString as m}from"vue";import o from"./empty.svg.mjs";import{useNamespace as n}from"@qxs-bns/hooks";const d={class:"empty-content"},c=["src","alt"],l={class:"empty-description"};var u=t({name:"Empty",__name:"empty",props:{image:{type:String,required:!1,default:()=>o},description:{type:String,required:!1,default:"暂无数据"},imageSize:{type:Object,required:!1,default:()=>({width:"200px",height:"80px"})}},setup(t){const o=n("data-chart");return(t,n)=>(r(),e("div",{class:s([p(o).e("empty")])},[i("div",d,[i("img",{style:a(t.imageSize),src:t.image,alt:t.description},null,12,c),i("span",l,m(t.description),1)])],2))}});export{u as default};
+import{defineComponent as e,createElementBlock as t,openBlock as i,normalizeClass as r,unref as s,createElementVNode as p,normalizeStyle as a,toDisplayString as m}from"vue";import o from"./empty.svg.mjs";import{useNamespace as n}from"@qxs-bns/hooks";const d={class:"empty-content"},c=["src","alt"],l={class:"empty-description"};var u=e({name:"Empty",__name:"empty",props:{image:{type:String,required:!1,default:()=>o},description:{type:String,required:!1,default:"暂无数据"},imageSize:{type:Object,required:!1,default:()=>({width:"200px",height:"80px"})}},setup(e){const o=n("data-chart");return(e,n)=>(i(),t("div",{class:r([s(o).e("empty")])},[p("div",d,[p("img",{style:a(e.imageSize),src:e.image,alt:e.description},null,12,c),p("span",l,m(e.description),1)])],2))}});export{u as default};
 //# sourceMappingURL=empty.vue.mjs.map

package/es/src/data-chart/src/components/funnel.vue.mjs

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

package/es/src/data-chart/src/components/line.vue.mjs

@@ -1,2 +1,2 @@
-import e from"./line.vue2.mjs";import"./line.vue3.mjs";import r from"../../../../_virtual/_plugin-vue_export-helper.mjs";var a=r(e,[["__scopeId","data-v-397864aa"]]);export{a as default};
+import e from"./line.vue2.mjs";import r from"../../../../_virtual/_plugin-vue_export-helper.mjs";var a=r(e,[["__scopeId","data-v-397864aa"]]);export{a as default};
 //# sourceMappingURL=line.vue.mjs.map

package/es/src/data-chart/src/components/line.vue2.mjs

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

package/es/src/data-chart/src/components/pie.vue.mjs

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

package/es/src/data-chart/src/components/radar.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as a,ref as r,inject as e,computed as t,createElementBlock as o,openBlock as s}from"vue";import{uniq as m}from"lodash-es";import{InjectionChartMerge as u}from"../utils/injectionKeys.mjs";import{useCharts as c}from"../utils/useCharts.mjs";var i=a({name:"DataChartRadar",__name:"radar",props:{chartData:{type:Object,required:!0,default:()=>({colDesc:[],xGroupByDesc:{colDesc:"",groupByDesc:"",groupByValues:[],xAxis:!1},groupByDesc:[],data:[],modelName:""})},chartOptions:{type:null,required:!0}},setup(a){const i=r(),l=e(u,(a=>a),!0),d=t((()=>{const{colDesc:r,xGroupByDesc:e,modelName:t,data:o}=a.chartData;e?.groupByValues&&(e.groupByValues=[]),e.groupByValues=m(o.map((a=>a[e.colDesc||""])).filter((a=>a)));const s={title:{text:t},radar:{indicator:e?.groupByValues?.map((a=>({name:a,max:Math.max(...o.map((a=>Number(a[r[0]]))))})))||[]},series:[{name:e?.colDesc,type:"radar",tooltip:{trigger:"item"},data:r.map((a=>({name:a,value:e?.groupByValues?.map((r=>o.map((t=>r===t[e.colDesc||""]?t[a]:null)).filter((a=>a)).reduce(((a,r)=>Number(a||0)+Number(r||0)),0)))})))}]};return l(s,a.chartOptions)}));return c({chartDOM:i,chartOptions:d,chartData:t((()=>a.chartData))}),(a,r)=>(s(),o("div",{ref_key:"dataChartRadar",ref:i,class:"data-chart-radar"},null,512))}});export{i as default};
+import{defineComponent as a,ref as r,inject as e,computed as t,createElementBlock as o,openBlock as s}from"vue";import{uniq as u}from"lodash-es";import{InjectionChartMerge as c}from"../utils/injectionKeys.mjs";import{useCharts as l}from"../utils/useCharts.mjs";var m=a({name:"DataChartRadar",__name:"radar",props:{chartData:{type:Object,required:!0,default:()=>({colDesc:[],xGroupByDesc:{colDesc:"",groupByDesc:"",groupByValues:[],xAxis:!1},groupByDesc:[],data:[],modelName:""})},chartOptions:{type:null,required:!0}},setup(a){const m=r(),p=e(c,(a=>a),!0),i=t((()=>{const{colDesc:r,xGroupByDesc:e,modelName:t,data:o}=a.chartData;e?.groupByValues&&(e.groupByValues=[]),e.groupByValues=u(o.map((a=>a[e.colDesc||""])).filter((a=>a)));const s={title:{text:t},radar:{indicator:e?.groupByValues?.map((a=>({name:a,max:Math.max(...o.map((a=>Number(a[r[0]]))))})))||[]},series:[{name:e?.colDesc,type:"radar",tooltip:{trigger:"item"},data:r.map((a=>({name:a,value:e?.groupByValues?.map((r=>o.map((t=>r===t[e.colDesc||""]?t[a]:null)).filter((a=>a)).reduce(((a,r)=>Number(a||0)+Number(r||0)),0)))})))}]};return p(s,a.chartOptions)}));return l({chartDOM:m,chartOptions:i,chartData:t((()=>a.chartData))}),(a,r)=>(s(),o("div",{ref_key:"dataChartRadar",ref:m,class:"data-chart-radar"},null,512))}});export{m as default};
 //# sourceMappingURL=radar.vue.mjs.map

package/es/src/data-chart/src/components/scatter-simple.vue.mjs

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

package/es/src/data-chart/src/components/scatter.vue.mjs

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

package/es/src/data-chart/src/components/table.vue.mjs

@@ -1,2 +1,2 @@
-import{ElTable as t,ElTableColumn as e}from"element-plus/es";import{defineComponent as a,computed as o,createElementBlock as r,openBlock as l,normalizeClass as n,unref as p,createCommentVNode as s,createVNode as i,createElementVNode as m,toDisplayString as c,withCtx as d,Fragment as u,renderList as h,createBlock as f,createTextVNode as b}from"vue";import w from"./empty.vue.mjs";import{useNamespace as v}from"@qxs-bns/hooks";const y={key:0,class:"title"};var x=a({name:"DataChartTable",__name:"table",props:{chartData:{type:Object,default:()=>({colDesc:[],xGroupByDesc:[],data:[],modelName:""})}},setup(a){const x=a,$=v("data-chart"),_=o((()=>x.chartData.groupByDesc.find((t=>!t.xAxis))));function k(t){if(!t)return 100;const e=14*t.length+20+30;return e<100?100:e}return(o,v)=>{const x=e,D=t;return l(),r("div",{class:n([p($).e("data-chart-table")])},[a.chartData.modelName?(l(),r("p",y,[m("span",null,c(a.chartData.modelName),1)])):s("v-if",!0),i(D,{class:"customize-table data-chart-table-content",data:a.chartData.data,stripe:"",height:"100%"},{empty:d((()=>[i(w)])),default:d((()=>[(l(!0),r(u,null,h(a.chartData.groupByDesc,((t,e)=>(l(),f(x,{key:`${t.colDesc}${t.groupByDesc}${e}`,align:"center","show-overflow-tooltip":"",sortable:"","min-width":`${k(t.colDesc)}px`,prop:t.colDesc||""},{header:d((()=>[b(c(t.colDesc),1)])),default:d((e=>[b(c((p(_)&&(p(_).colDesc,t.colDesc),e.row[t.colDesc||""]||"--")),1)])),_:2},1032,["min-width","prop"])))),128)),(l(!0),r(u,null,h(a.chartData.colDesc,((t,e)=>(l(),f(x,{key:t+e,align:"center","min-width":`${k(t)}px`,label:t,"show-overflow-tooltip":"",sortable:"",prop:t},{header:d((()=>[b(c(t),1)])),_:2},1032,["min-width","label","prop"])))),128))])),_:1},8,["data"])],2)}}});export{x as default};
+import{ElTable as e,ElTableColumn as t}from"element-plus/es";import"element-plus/es/components/base/style/index";import"element-plus/es/components/table/style/index";import"element-plus/es/components/table-column/style/index";import{defineComponent as a,computed as o,createElementBlock as l,openBlock as s,normalizeClass as r,unref as c,createCommentVNode as n,createVNode as p,createElementVNode as m,toDisplayString as i,withCtx as d,Fragment as u,renderList as h,createBlock as D,createTextVNode as b}from"vue";import f from"./empty.vue.mjs";import{useNamespace as y}from"@qxs-bns/hooks";const x={key:0,class:"title"};var w=a({name:"DataChartTable",__name:"table",props:{chartData:{type:Object,default:()=>({colDesc:[],xGroupByDesc:[],data:[],modelName:""})}},setup(a){const w=a,g=y("data-chart"),v=o((()=>w.chartData.groupByDesc.find((e=>!e.xAxis))));function $(e){if(!e)return 100;const t=14*e.length+20+30;return t<100?100:t}return(o,y)=>{const w=t,_=e;return s(),l("div",{class:r([c(g).e("data-chart-table")])},[a.chartData.modelName?(s(),l("p",x,[m("span",null,i(a.chartData.modelName),1)])):n("v-if",!0),p(_,{class:"customize-table data-chart-table-content",data:a.chartData.data,stripe:"",height:"100%"},{empty:d((()=>[p(f)])),default:d((()=>[(s(!0),l(u,null,h(a.chartData.groupByDesc,((e,t)=>(s(),D(w,{key:`${e.colDesc}${e.groupByDesc}${t}`,align:"center","show-overflow-tooltip":"",sortable:"","min-width":`${$(e.colDesc)}px`,prop:e.colDesc||""},{header:d((()=>[b(i(e.colDesc),1)])),default:d((t=>[b(i((c(v)&&(c(v).colDesc,e.colDesc),t.row[e.colDesc||""]||"--")),1)])),_:2},1032,["min-width","prop"])))),128)),(s(!0),l(u,null,h(a.chartData.colDesc,((e,t)=>(s(),D(w,{key:e+t,align:"center","min-width":`${$(e)}px`,label:e,"show-overflow-tooltip":"",sortable:"",prop:e},{header:d((()=>[b(i(e),1)])),_:2},1032,["min-width","label","prop"])))),128))])),_:1},8,["data"])],2)}}});export{w as default};
 //# sourceMappingURL=table.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"table.vue.mjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/table.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { IFormatPublicData } from '../types'\nimport Empty from './empty.vue'\nimport { useNamespace } from '@qxs-bns/hooks'\n\ndefineOptions({\n  name: 'DataChartTable',\n})\n\nconst props = defineProps({\n  chartData: {\n    type: Object as PropType<IFormatPublicData>,\n    default: () => ({\n      colDesc: [],\n      xGroupByDesc: [],\n      data: [],\n      modelName: '',\n    }),\n  },\n})\n\nconst ns = useNamespace('data-chart')\n\nconst yGroupByDesc = computed(() => {\n  const row = props.chartData.groupByDesc.find(item => !item.xAxis)\n  return row\n})\n\nfunction baseWidth(str: string | null) {\n  if (!str) {\n    return 100\n  }\n  const strWidth = str.length * 14 + 20 + 30\n  return strWidth < 100 ? 100 : strWidth\n}\n</script>\n\n<template>\n  <div :class=\"[ns.e('data-chart-table')]\">\n    <p v-if=\"chartData.modelName\" class=\"title\">\n      <span>{{ chartData.modelName }}</span>\n    </p>\n    <el-table\n      class=\"customize-table data-chart-table-content\"\n      :data=\"chartData.data\"\n      stripe\n      height=\"100%\"\n    >\n      <el-table-column\n        v-for=\"(item, index) in chartData.groupByDesc\"\n        :key=\"`${item.colDesc}${item.groupByDesc}${index}`\"\n        align=\"center\"\n        show-overflow-tooltip\n        sortable\n        :min-width=\"`${baseWidth(item.colDesc)}px`\"\n        :prop=\"item.colDesc || ''\"\n      >\n        <template #header>\n          {{ item.colDesc }}\n        </template>\n        <template #default=\"scoped\">\n          {{ (yGroupByDesc && yGroupByDesc.colDesc === item.colDesc ? scoped.row[item.colDesc || ''] : scoped.row[item.colDesc || '']) || '--' }}\n        </template>\n      </el-table-column>\n      <el-table-column\n        v-for=\"(item, index) in chartData.colDesc\"\n        :key=\"item + index\"\n        align=\"center\"\n        :min-width=\"`${baseWidth(item)}px`\"\n        :label=\"item\"\n        show-overflow-tooltip\n        sortable\n        :prop=\"item\"\n      >\n        <template #header>\n          {{ item }}\n        </template>\n      </el-table-column>\n      <template #empty>\n        <Empty />\n      </template>\n    </el-table>\n  </div>\n</template>"],"names":["props","__props","ns","useNamespace","yGroupByDesc","computed","chartData","groupByDesc","find","item","xAxis","baseWidth","str","strWidth","length"],"mappings":"gmBAUA,MAAMA,EAAQC,EAYRC,EAAKC,EAAa,cAElBC,EAAeC,GAAS,IAChBL,EAAMM,UAAUC,YAAYC,MAAaC,IAACA,EAAKC,UAI7D,SAASC,EAAUC,GACjB,IAAKA,EACI,OAAA,IAET,MAAMC,EAAwB,GAAbD,EAAIE,OAAc,GAAK,GACjC,OAAAD,EAAW,IAAM,IAAMA,CAAA"}
+{"version":3,"file":"table.vue.mjs","sources":["../../../../../../../packages/components/src/data-chart/src/components/table.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { IFormatPublicData } from '../types'\nimport Empty from './empty.vue'\nimport { useNamespace } from '@qxs-bns/hooks'\n\ndefineOptions({\n  name: 'DataChartTable',\n})\n\nconst props = defineProps({\n  chartData: {\n    type: Object as PropType<IFormatPublicData>,\n    default: () => ({\n      colDesc: [],\n      xGroupByDesc: [],\n      data: [],\n      modelName: '',\n    }),\n  },\n})\n\nconst ns = useNamespace('data-chart')\n\nconst yGroupByDesc = computed(() => {\n  const row = props.chartData.groupByDesc.find(item => !item.xAxis)\n  return row\n})\n\nfunction baseWidth(str: string | null) {\n  if (!str) {\n    return 100\n  }\n  const strWidth = str.length * 14 + 20 + 30\n  return strWidth < 100 ? 100 : strWidth\n}\n</script>\n\n<template>\n  <div :class=\"[ns.e('data-chart-table')]\">\n    <p v-if=\"chartData.modelName\" class=\"title\">\n      <span>{{ chartData.modelName }}</span>\n    </p>\n    <el-table\n      class=\"customize-table data-chart-table-content\"\n      :data=\"chartData.data\"\n      stripe\n      height=\"100%\"\n    >\n      <el-table-column\n        v-for=\"(item, index) in chartData.groupByDesc\"\n        :key=\"`${item.colDesc}${item.groupByDesc}${index}`\"\n        align=\"center\"\n        show-overflow-tooltip\n        sortable\n        :min-width=\"`${baseWidth(item.colDesc)}px`\"\n        :prop=\"item.colDesc || ''\"\n      >\n        <template #header>\n          {{ item.colDesc }}\n        </template>\n        <template #default=\"scoped\">\n          {{ (yGroupByDesc && yGroupByDesc.colDesc === item.colDesc ? scoped.row[item.colDesc || ''] : scoped.row[item.colDesc || '']) || '--' }}\n        </template>\n      </el-table-column>\n      <el-table-column\n        v-for=\"(item, index) in chartData.colDesc\"\n        :key=\"item + index\"\n        align=\"center\"\n        :min-width=\"`${baseWidth(item)}px`\"\n        :label=\"item\"\n        show-overflow-tooltip\n        sortable\n        :prop=\"item\"\n      >\n        <template #header>\n          {{ item }}\n        </template>\n      </el-table-column>\n      <template #empty>\n        <Empty />\n      </template>\n    </el-table>\n  </div>\n</template>"],"names":["props","__props","ns","useNamespace","yGroupByDesc","computed","chartData","groupByDesc","find","item","xAxis","baseWidth","str","strWidth","length"],"mappings":"qwBAUA,MAAMA,EAAQC,EAYRC,EAAKC,EAAa,cAElBC,EAAeC,GAAS,IAChBL,EAAMM,UAAUC,YAAYC,MAAaC,IAACA,EAAKC,UAI7D,SAASC,EAAUC,GACjB,IAAKA,EACI,OAAA,IAET,MAAMC,EAAwB,GAAbD,EAAIE,OAAc,GAAK,GACjC,OAAAD,EAAW,IAAM,IAAMA,CAAA"}

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

@@ -1,2 +1,2 @@
-import{defineComponent as e,computed as t,provide as o,createBlock as r,openBlock as s,resolveDynamicComponent as n,unref as a,normalizeClass as m}from"vue";import{JsonToExcel as p}from"@qxs-bns/utils";import{cloneDeep as c,merge as u}from"lodash-es";import{defaultChartOption as i}from"./utils/config.mjs";import{InjectionChartMerge as l}from"./utils/injectionKeys.mjs";import{useDataToExcelJson as d}from"./utils/useCharts.mjs";import{useNamespace as f}from"@qxs-bns/hooks";import h from"./components/table.vue.mjs";import y from"./components/bar.vue.mjs";import j from"./components/line.vue.mjs";import v from"./components/pie.vue.mjs";import b from"./components/radar.vue.mjs";import g from"./components/scatter.vue.mjs";import D from"./components/funnel.vue.mjs";import x from"./components/area.vue.mjs";import w from"./components/card.vue.mjs";import q from"./components/scatter-simple.vue.mjs";var S=e({name:"QxsDataChart",__name:"data-chart",props:{modelName:{type:String,required:!1,default:""},showTypeName:{type:String,required:!1,default:"table"},subShowType:{type:String,required:!1},data:{type:Object,required:!1,default:()=>({data:[],desc:{colDesc:[],showDesc:{showType:0,chartOptions:"{}",jsCodeSnippet:""},groupByDesc:[]}})},chartOptions:{type:null,required:!1,default:()=>({})},jsCodeSnippet:{type:String,required:!1,default:""}},setup(e,{expose:S}){const B=f("data-chart"),C={table:h,bar:y,line:j,pie:v,radar:b,scatter:g,funnel:D,area:x,card:w,"scatter-simple":q},T=t((()=>c(i[e.showTypeName]))),N=t((()=>{const{desc:{colDesc:t=[],groupByDesc:o=[]}={},data:r=[]}=e.data;let s=[],n=null;s=o?.map((e=>(e.xAxis&&(n=e),e)));const a=n?r.filter((e=>e&&e[n.colDesc])):r;return{colDesc:t,modelName:e.modelName,subShowType:e.subShowType,xGroupByDesc:n||{groupByDesc:null,groupByValues:null,colDesc:null,xAxis:!1},groupByDesc:s,data:a}}));return S({exportExal:function(){if(0===e.data.data.length)return void console.log("暂无数据");const t=d(e.data);p(e.modelName,t)}}),o(l,(function(t,o){let r=u({},T.value,t,o)||{};if(e.jsCodeSnippet)try{r=new Function("config",`"use strict"; ${e.jsCodeSnippet}; return config;`)(r)}catch(e){console.error("代码执行失败:",e)}return r})),(e,t)=>(s(),r(n(C[e.showTypeName]),{class:m([a(B).e("wrapper")]),"sub-show-type":e.subShowType,"chart-data":a(N),"chart-options":e.chartOptions},null,8,["class","sub-show-type","chart-data","chart-options"]))}});export{S as default};
+import{defineComponent as e,computed as t,provide as o,createBlock as r,openBlock as s,resolveDynamicComponent as a,unref as p,normalizeClass as m}from"vue";import{JsonToExcel as n}from"@qxs-bns/utils";import{cloneDeep as c,merge as i}from"lodash-es";import{defaultChartOption as u}from"./utils/config.mjs";import{InjectionChartMerge as l}from"./utils/injectionKeys.mjs";import{useDataToExcelJson as d}from"./utils/useCharts.mjs";import{useNamespace as f}from"@qxs-bns/hooks";import h from"./components/table.vue.mjs";import y from"./components/bar.vue.mjs";import j from"./components/line.vue.mjs";import b from"./components/pie.vue.mjs";import g from"./components/radar.vue.mjs";import v from"./components/scatter.vue.mjs";import w from"./components/funnel.vue.mjs";import x from"./components/area.vue.mjs";import D from"./components/card.vue.mjs";import S from"./components/scatter-simple.vue.mjs";var q=e({name:"QxsDataChart",__name:"data-chart",props:{modelName:{type:String,required:!1,default:""},showTypeName:{type:String,required:!1,default:"table"},subShowType:{type:String,required:!1},data:{type:Object,required:!1,default:()=>({data:[],desc:{colDesc:[],showDesc:{showType:0,chartOptions:"{}",jsCodeSnippet:""},groupByDesc:[]}})},chartOptions:{type:null,required:!1,default:()=>({})},jsCodeSnippet:{type:String,required:!1,default:""}},setup(e,{expose:q}){const T=f("data-chart"),N={table:h,bar:y,line:j,pie:b,radar:g,scatter:v,funnel:w,area:x,card:D,"scatter-simple":S},B=t((()=>c(u[e.showTypeName]))),C=t((()=>{const{desc:{colDesc:t=[],groupByDesc:o=[]}={},data:r=[]}=e.data;let s=[],a=null;s=o?.map((e=>(e.xAxis&&(a=e),e)));const p=a?r.filter((e=>e&&e[a.colDesc])):r;return{colDesc:t,modelName:e.modelName,subShowType:e.subShowType,xGroupByDesc:a||{groupByDesc:null,groupByValues:null,colDesc:null,xAxis:!1},groupByDesc:s,data:p}}));return q({exportExal:function(){if(0===e.data.data.length)return void console.log("暂无数据");const t=d(e.data);n(e.modelName,t)}}),o(l,(function(t,o){let r=i({},B.value,t,o)||{};if(e.jsCodeSnippet)try{r=new Function("config",`"use strict"; ${e.jsCodeSnippet}; return config;`)(r)}catch(e){console.error("代码执行失败:",e)}return r})),(e,t)=>(s(),r(a(N[e.showTypeName]),{class:m([p(T).e("wrapper")]),"sub-show-type":e.subShowType,"chart-data":p(C),"chart-options":e.chartOptions},null,8,["class","sub-show-type","chart-data","chart-options"]))}});export{q as default};
 //# sourceMappingURL=data-chart.vue.mjs.map

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

@@ -1,2 +1,2 @@
-import{merge as e}from"lodash-es";const o={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,o)=>{const t=o?.length;return!(t>=1&&t<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,o)=>{const t=o?.length;return!(t>=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,o)=>{const t=o?.length,a=e?.length;return!(a<=4&&t>0&&t<=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,o)=>{const t=o?.length,a=o?.some((e=>{let{colDesc:o}=e;return o.includes("省")||o.includes("市")}));return!(a&&t>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,o)=>{const t=o?.length,a=e?.length;return!(a<=5&&t>0&&t<=1)}},{showTypeName:"card",label:"卡片",coverImg:"card.png",showType:9,subTypeList:[],baseConfig:{},disabled:(e,o)=>{const t=o?.length,a=e?.length;return!(a>0&&t<=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,o)=>{const t=o?.length;return 1!==t||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 t(o,t){const a={};return o.forEach((o=>{a[o.showTypeName]=e(o.baseConfig,t)})),a}const a=t(o.data,{backgroundColor:"transparent",title:{textStyle:{fontSize:14,lineHeight:16}}});function i(e){return new Promise((o=>{const t={showbiz:!1,extensions:"all",...e};import("@amap/amap-jsapi-loader").then((e=>{let{default:o}=e;return o.load({key:"2e820fac2a528b016a4cb95bb463e69e",version:"1.4.15",plugins:["AMap.DistrictSearch"],AMapUI:{version:"1.1",plugins:["geo/DistrictExplorer"]}})})).then((a=>{new a.DistrictSearch(t).search(e.adcode,((e,t)=>{AMapUI.loadUI(["geo/DistrictExplorer"],(e=>{(new e).loadAreaNode(t.districtList[0].adcode,((e,t)=>{if(e)return void console.error(e);const a={features:[],type:"FeatureCollection"};a.features=t.getSubFeatures(),o(a)}))}))}))})).catch((e=>{console.error("Failed to load map:",e),o({features:[],type:"FeatureCollection"})}))}))}export{a as defaultChartOption,i as getGeoJsonData,o as iconList,t 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}}});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};
 //# sourceMappingURL=config.mjs.map

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 r,onUnmounted as n}from"vue";import{useMouseInElement as i,watchDebounced as c,useElementSize as a}from"@vueuse/core";function l(a){let{chartDOM:l,chartData:u,chartOptions:f,mountedBefore:m,initAfter:d,callback:h}=a,p=null;const x=o(!1),g=window.devicePixelRatio||1;function v(){p&&!p.isDisposed()&&(p.dispose(),p=null)}function y(){if(p&&x.value&&l.value){p.showLoading();try{p.isDisposed()&&(p=e.init(l.value,null,{devicePixelRatio:g,renderer:"svg"})),p.setOption(...arguments)}catch(t){console.log("error: ",t),v(),l.value&&(p=e.init(l.value,null,{devicePixelRatio:g,renderer:"svg"}),w("配置项错误"))}finally{p?.hideLoading()}}}const{isOutside:b}=i(l);function w(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"暂无数据";y({title:[{text:u.value?.modelName,...f.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 c(b,(e=>{var t;"boolean"==typeof e&&(t=!e,p?.isDisposed()||p?.setOption({toolbox:{show:t}}))}),{debounce:200}),r((async()=>{m&&await m(),l.value&&(v(),p=e.init(l.value,null,{devicePixelRatio:g,renderer:"svg"}),h&&h(p),d&&await d(),s(p,l),x.value=!0,u.value?.data?.length?y(f.value,{}):w())})),n((()=>{p&&(p.getZr()?.off("mousemove"),p.getZr()?.off("mouseout"),v())})),{myChart:p}}function s(e,t){const{width:o,height:r}=a(t);c([o,r],(()=>{e&&e.resize()}))}function u(e){const{desc:{colDesc:t=[],groupByDesc:o=[]}={},data:r=[]}=e,n=[...o.map((e=>e.colDesc)),...t].filter((e=>e)),i=r.map((e=>n.map((t=>e[t]||""))));return[n,...i]}export{l as useCharts,u as useDataToExcelJson,s as useResize};
+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};
 //# sourceMappingURL=useCharts.mjs.map

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

@@ -1,2 +1,2 @@
-import{ElUpload as e,ElIcon as t,ElAlert as l,ElMessage as i}from"element-plus/es";import{defineComponent as r,computed as a,createBlock as s,openBlock as o,normalizeClass as u,unref as d,withCtx as n,createElementVNode as p,createVNode as c,createTextVNode as m,createElementBlock as f,createCommentVNode as y}from"vue";import{UploadFilled as q}from"@element-plus/icons-vue";import{useNamespace as v}from"@qxs-bns/hooks";const _={class:"slot"},x={key:0,class:"el-upload__tip"},b={style:{display:"inline-block"}};var h=r({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(r,{emit:h}){const S=h,$=v("file-upload"),g=a((()=>r.accept.split(","))),k=e=>{const t=e.name.split(".").at(-1)??"",l=g.value.includes(t),a=e.size/1024/1024<r.size;return l||i.error(`上传文件只支持 ${g.value.join(" / ")} 格式！`),a||i.error(`上传文件大小不能超过 ${r.size}MB！`),l&&a},B=()=>{i.warning("文件上传超过限制")},z=(e,t,l)=>{S("onSuccess",e,t,l)};return(i,r)=>{const a=t,v=l,h=e;return o(),s(h,{headers:i.headers,action:i.action,data:i.data,name:i.name,"before-upload":k,"on-exceed":B,"on-success":z,"file-list":i.files,limit:i.max,drag:"",class:u(d($).e("control"))},{tip:n((()=>[i.notip?y("v-if",!0):(o(),f("div",x,[p("div",b,[c(v,{title:`上传文件支持 ${d(g).join(" / ")} 格式，单个文件大小不超过 ${i.size}MB，且文件数量不超过 ${i.max} 个`,type:"info","show-icon":"",closable:!1},null,8,["title"])])]))])),default:n((()=>[p("div",_,[c(a,{class:"el-icon--upload"},{default:n((()=>[c(d(q))])),_:1}),r[0]||(r[0]=p("div",{class:"el-upload__text"},[m("将文件拖到此处，或"),p("em",null,"点击上传")],-1))])])),_:1},8,["headers","action","data","name","file-list","limit","class"])}}});export{h 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"},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};
 //# 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\";\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\");\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=\"el-icon--upload\">\n        <UploadFilled />\n      </el-icon>\n      <div class=\"el-upload__text\">将文件拖到此处，或<em>点击上传</em></div>\n    </div>\n    <template #tip>\n      <div v-if=\"!notip\" class=\"el-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","exts","computed","__props","accept","split","beforeUpload","file","fileExt","name","at","isTypeOk","value","includes","isSizeOk","size","ElMessage","error","join","onExceed","warning","onSuccess","res","fileList"],"mappings":"0+BA6BA,MAAMA,EAAOC,EAEPC,EAAKC,EAAa,eAElBC,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,KACjD1B,EAAA,YAAayB,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 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"}

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

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

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 i,ElImageViewer as r,ElMessage as s}from"element-plus/es";import{defineComponent as a,ref as p,computed as u,createElementBlock as n,openBlock as d,normalizeClass as o,unref as c,createVNode as f,createCommentVNode as g,createBlock as m,withCtx as y,withDirectives as h,normalizeStyle as $,createElementVNode as x,toDisplayString as q,withModifiers as v,vShow as w}from"vue";import{Plus as k,ZoomIn as _,Delete as b}from"@element-plus/icons-vue";import{useNamespace as S}from"@qxs-bns/hooks";const B={key:1,class:"image"},C={class:"mask"},M={class:"actions"},N={key:0,class:"el-upload__tip-text"},U={style:{display:"inline-block"}};var j=a({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},beforeUpload:{type:null,required:!1}},emits:["update:url","onSuccess"],setup(a,{emit:j}){const V=a,z=j,I=S("image-upload"),L=p({imageViewerVisible:!1,progress:{preview:"",percent:0}}),Q=u((()=>V.accept.split(",").map((e=>e.split("/").pop()))));function R(){L.value.imageViewerVisible=!0}function T(){L.value.imageViewerVisible=!1}function A(){z("update:url","")}const D=e=>{const t=e.name.split(".").at(-1)??"",l=Q.value.includes(t),i=e.size/1024/1024<V.size;return l?i?L.value.progress.preview=URL.createObjectURL(e):s.error(`上传图片大小不能超过 ${V.size}MB！`):s.error(`上传图片只支持${Q.value.join(" / ")}格式！`),l&&i&&(!V.beforeUpload||V.beforeUpload(e))},E=e=>{L.value.progress.percent=~~e.percent},F=(...e)=>{L.value.progress.preview="",L.value.progress.percent=0,z("onSuccess",...e)};return(s,a)=>{const p=l,u=t,S=i,j=e,V=r;return d(),n("div",{class:o(c(I).e("upload-container"))},[f(j,{"show-file-list":!1,headers:s.headers,action:s.action,data:s.data,name:s.name,"before-upload":D,"on-progress":E,"on-success":F,drag:"",accept:s.accept,class:o(c(I).e("image-upload"))},{default:y((()=>[""===s.url?(d(),m(u,{key:0,src:""===s.url?s.placeholder:s.url,style:$(`width:${s.width}px;height:${s.height}px;`),fit:"fill"},{error:y((()=>[x("div",{class:"image-slot",style:$(`width:${s.width}px;height:${s.height}px;`)},[f(p,null,{default:y((()=>[f(c(k))])),_:1}),x("p",null,q(s.placeholder),1)],4)])),_:1},8,["src","style"])):(d(),n("div",B,[f(u,{src:s.url,style:$(`width:${s.width}px;height:${s.height}px;`),fit:"fill"},null,8,["src","style"]),x("div",C,[x("div",M,[x("span",{title:"预览",onClick:v(R,["stop"])},[f(p,null,{default:y((()=>[f(c(_))])),_:1})]),x("span",{title:"移除",onClick:v(A,["stop"])},[f(p,null,{default:y((()=>[f(c(b))])),_:1})])])])])),h(x("div",{class:"progress",style:$(`width:${s.width}px;height:${s.height}px;`)},[f(u,{src:c(L).progress.preview,style:$(`width:${s.width}px;height:${s.height}px;`),fit:"fill"},null,8,["src","style"]),f(S,{type:"circle",width:.8*Math.min(s.width,s.height),percentage:c(L).progress.percent},null,8,["width","percentage"])],4),[[w,""===s.url&&c(L).progress.percent]])])),_:1},8,["headers","action","data","name","accept","class"]),s.notip?g("v-if",!0):(d(),n("div",N,[x("div",U,q(s.tipText||`上传图片支持 ${c(Q).join(" / ")} 格式，且图片大小不超过 ${s.size}MB，建议图片尺寸为 ${s.width}*${s.height}`),1)])),c(L).imageViewerVisible?(d(),m(V,{key:1,"url-list":[s.url],teleported:"",onClose:T},null,8,["url-list"])):g("v-if",!0)],2)}}});export{j 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,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};
 //# 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'\n\ndefineOptions({\n  name: 'QxsImageUpload',\n})\nconst props = withDefaults(\n  defineProps<{\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  {\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  },\n)\nconst emits = defineEmits<{\n  'update:url': [\n    url: string,\n  ]\n  'onSuccess': [\n    res: any,\n    uploadFile: UploadFile,\n    uploadFiles: UploadFiles,\n  ]\n}>()\n\nconst ns = useNamespace('image-upload')\n\nconst uploadData = ref({\n  imageViewerVisible: false,\n  progress: {\n    preview: '',\n    percent: 0,\n  },\n})\n\nconst exts = computed(() => {\n  return props.accept.split(',').map(ext => ext.split('/').pop())\n})\n\n// 预览\nfunction preview() {\n  uploadData.value.imageViewerVisible = true\n}\n// 关闭预览\nfunction previewClose() {\n  uploadData.value.imageViewerVisible = false\n}\n// 移除\nfunction remove() {\n  emits('update:url', '')\n}\nconst handleBeforeUpload: 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 < props.size\n\n  if (!isTypeOk) {\n    ElMessage.error(`上传图片只支持${exts.value.join(' / ')}格式！`)\n  }\n\n  else if (!isSizeOk) {\n    ElMessage.error(`上传图片大小不能超过 ${props.size}MB！`)\n  }\n  else {\n    uploadData.value.progress.preview = URL.createObjectURL(file)\n  }\n\n  return isTypeOk && isSizeOk && (!props.beforeUpload || props.beforeUpload(file))\n}\nconst onProgress: UploadProps['onProgress'] = (file) => {\n  uploadData.value.progress.percent = ~~file.percent\n}\nconst onSuccess: UploadProps['onSuccess'] = (...res) => {\n  uploadData.value.progress.preview = ''\n  uploadData.value.progress.percent = 0\n  emits('onSuccess', ...res)\n}\n</script>\n\n<template>\n  <div :class=\"ns.e('upload-container')\">\n    <el-upload\n      :show-file-list=\"false\"\n      :headers=\"headers\"\n      :action=\"action\"\n      :data=\"data\"\n      :name=\"name\"\n      :before-upload=\"handleBeforeUpload\"\n      :on-progress=\"onProgress\"\n      :on-success=\"onSuccess\"\n      drag\n      :accept=\"accept\"\n      :class=\"ns.e('image-upload')\"\n    >\n      <el-image\n        v-if=\"url === ''\"\n        :src=\"url === '' ? placeholder : url\"\n        :style=\"`width:${width}px;height:${height}px;`\"\n        fit=\"fill\"\n      >\n        <template #error>\n          <div class=\"image-slot\" :style=\"`width:${width}px;height:${height}px;`\">\n            <el-icon>\n              <Plus />\n            </el-icon>\n            <p>\n              {{ placeholder }}\n            </p>\n          </div>\n        </template>\n      </el-image>\n      <div v-else class=\"image\">\n        <el-image\n          :src=\"url\"\n          :style=\"`width:${width}px;height:${height}px;`\"\n          fit=\"fill\"\n        />\n        <div class=\"mask\">\n          <div class=\"actions\">\n            <span title=\"预览\" @click.stop=\"preview\">\n              <el-icon><ZoomIn /></el-icon>\n            </span>\n            <span title=\"移除\" @click.stop=\"remove\">\n              <el-icon>\n                <Delete />\n              </el-icon>\n            </span>\n          </div>\n        </div>\n      </div>\n      <div\n        v-show=\"url === '' && uploadData.progress.percent\"\n        class=\"progress\"\n        :style=\"`width:${width}px;height:${height}px;`\"\n      >\n        <el-image\n          :src=\"uploadData.progress.preview\"\n          :style=\"`width:${width}px;height:${height}px;`\"\n          fit=\"fill\"\n        />\n        <el-progress\n          type=\"circle\"\n          :width=\"Math.min(width, height) * 0.8\"\n          :percentage=\"uploadData.progress.percent\"\n        />\n      </div>\n    </el-upload>\n    <div v-if=\"!notip\" class=\"el-upload__tip-text\">\n      <div style=\"display: inline-block;\">\n        {{ tipText || `上传图片支持 ${exts.join(' / ')} 格式，且图片大小不超过 ${size}MB，建议图片尺寸为 ${width}*${height}` }}\n      </div>\n    </div>\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":["props","__props","emits","__emit","ns","useNamespace","uploadData","ref","imageViewerVisible","progress","preview","percent","exts","computed","accept","split","map","ext","pop","value","previewClose","remove","handleBeforeUpload","file","fileExt","name","at","isTypeOk","includes","isSizeOk","size","URL","createObjectURL","ElMessage","error","join","beforeUpload","onProgress","onSuccess","res"],"mappings":"y1CAQA,MAAMA,EAAQC,EA2BRC,EAAQC,EAWRC,EAAKC,EAAa,gBAElBC,EAAaC,EAAI,CACrBC,oBAAoB,EACpBC,SAAU,CACRC,QAAS,GACTC,QAAS,KAIPC,EAAOC,GAAS,IACbb,EAAMc,OAAOC,MAAM,KAAKC,KAAWC,GAAAA,EAAIF,MAAM,KAAKG,UAI3D,SAASR,IACPJ,EAAWa,MAAMX,oBAAqB,CAAA,CAGxC,SAASY,IACPd,EAAWa,MAAMX,oBAAqB,CAAA,CAGxC,SAASa,IACPnB,EAAM,aAAc,GAAE,CAElB,MAAAoB,EAAmDC,IACvD,MACMC,EADWD,EAAKE,KAAKV,MAAM,KACRW,IAAG,IAAO,GAC7BC,EAAWf,EAAKO,MAAMS,SAASJ,GAC/BK,EAAWN,EAAKO,KAAO,KAAO,KAAO9B,EAAM8B,KAajD,OAXKH,EAIKE,EAIRvB,EAAWa,MAAMV,SAASC,QAAUqB,IAAIC,gBAAgBT,GAHxDU,EAAUC,MAAM,cAAclC,EAAM8B,WAJpCG,EAAUC,MAAM,UAAUtB,EAAKO,MAAMgB,KAAK,aAUrCR,GAAYE,KAAc7B,EAAMoC,cAAgBpC,EAAMoC,aAAab,GAAI,EAE1Ec,EAAyCd,IAC7CjB,EAAWa,MAAMV,SAASE,UAAYY,EAAKZ,OAAA,EAEvC2B,EAAsC,IAAIC,KACnCjC,EAAAa,MAAMV,SAASC,QAAU,GACzBJ,EAAAa,MAAMV,SAASE,QAAU,EAC9BT,EAAA,eAAgBqC,EAAG"}
+{"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"}