@topdatasec/report 1.0.12 → 1.1.1

package/lib/t-report-ui.umd.js

@@ -1 +1,2 @@
-(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.TReportUI={},t.Vue))})(this,function(t,e){"use strict";const f={style:{height:"100%"}},i=((n,o)=>{if(n.install=s=>{for(const c of[n,...Object.values(o??{})])s.component(c.name,c)},o)for(const[s,c]of Object.entries(o))n[s]=c;return n})(e.defineComponent({name:"TCReport",__name:"index",setup(n){return e.ref(),e.ref("table"),(o,s)=>(e.openBlock(),e.createElementBlock("div",f,"11111"))}})),r={TCReport:i},p={install(n){Object.entries(r).forEach(([o,s])=>{n.component(o,s)})}};t.TCReport=i,t.default=p,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(x,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("pinia"),require("element-plus"),require("vue-draggable-plus"),require("@wangeditor/editor-for-vue")):typeof define=="function"&&define.amd?define(["exports","vue","pinia","element-plus","vue-draggable-plus","@wangeditor/editor-for-vue"],e):(x=typeof globalThis<"u"?globalThis:x||self,e(x.TReportUI={},x.Vue,x.Pinia,x.ElementPlus,x.VueDraggable,x.Editor))})(this,function(x,e,P,oe,ne,j){"use strict";const T=()=>new Date().getTime().toString(36)+"-"+Math.random().toString(36).substring(2,9),$=a=>JSON.parse(JSON.stringify(a)),le=a=>a.replace(/-([a-z])/g,(o,t)=>t.toUpperCase()).replace(/^[a-z]/,o=>o.toUpperCase()),N=(a,o)=>a[le(o)],W="rgba(51, 51, 51, 0.15)",B="rgba(51, 51, 51, 1)",q=(a=!1)=>{const o={left:"3%",right:"3%",bottom:"2%",containLabel:!0};return a&&(o.top="5%"),o},y=["46, 145, 255","48, 212, 183","108, 108, 255","109, 237, 124","128, 218, 236","58, 200, 218","146, 218, 89","118, 218, 218","143, 192, 244","192, 192, 145","153, 136, 204","212, 217, 230","124, 186, 255","209, 182, 225","255, 197, 84","249, 140, 106","246, 179, 82","100, 161, 206","246, 175, 159","238, 97, 97"],ae=(a,o,t="",l={name:"name",value:"value"})=>{const r=[],n=[];o.forEach(s=>{r.push(s[l.name]),n.push(s[l.value])}),a.xAxis[0].data=r,a.series[0].data=n,a.series[0].name=t,a.series[1].data=n,a.series[2].data=n},R=(a=[{name:"数据1",value:63},{name:"数据2",value:45},{name:"数据3",value:43}],o={name:"name",value:"value"})=>{const t=(r="rgba(46, 145, 255, 0.7)",n="rgba(46, 145, 255, 0.2)")=>({color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:r},{offset:.8,color:n}]}}),l=a.map(r=>r[o.value]);return{tooltip:{trigger:"item"},grid:q(),title:{show:!0,text:"样例数据",textStyle:{color:"#333",fontSize:18},x:10,y:10},xAxis:[{type:"category",nameGap:8,nameRotate:0,axisLabel:{color:B,rotate:0},axisLine:{show:!0,lineStyle:{color:W,width:1}},axisTick:{show:!1},splitLine:{show:!1},data:a.map(r=>r[o.name])}],yAxis:[{type:"value",min:0,position:"left",nameTextStyle:{fontSize:12,color:B,fontWeight:"bold"},axisLine:{show:!1},axisTick:{show:!1},splitLine:{show:!1},axisLabel:{color:B,formatter:"{value}",inside:!1}}],series:[{type:"bar",barWidth:15,barGap:"0%",itemStyle:t(`rgba(${y[0]}, 0.7)`,`rgba(${y[0]}, 0.2)`),data:l,label:{show:!0,position:"top",color:"inherit",lineHeight:24}},{name:"",type:"pictorialBar",symbolSize:[15,10],symbolOffset:[0,5],itemStyle:t(`rgba(${y[0]}, 0.7)`,`rgba(${y[0]}, 0.2)`),data:l},{name:"",type:"pictorialBar",symbolSize:[15,10],symbolOffset:[0,-5],symbolPosition:"end",itemStyle:t(`rgba(${y[0]}, 0.9)`,`rgba(${y[0]}, 1)`),data:l}]}},re=({chartOption:a,data:o,props:t={name:"label",value:"data"}})=>{let l=0;const r=o.map((n,s)=>(l+=Number(n[t.value]),{name:n[t.name],value:Number(n[t.value])}));o.length>0&&(a.legend.data=r,a.series[0].data=r,a.graphic[1].style.text=l)},se=()=>y.map(a=>`rgba(${a}, 1)`),D=({data:a=[{name:"数据1",value:63},{name:"数据2",value:45},{name:"数据3",value:43}],radiusType:o=1,roseType:t=!1,isLegend:l=!0,isLine:r=!1,center:n=["50%","50%"],isTitle:s=!0})=>{const d={color:se(),toolbox:{show:!1},tooltip:{trigger:"item",show:!0,formatter:i=>{const{name:m,value:c}=i;return`<div style="color: ${i.color}; font-size: 14px;">${m}&nbsp;&nbsp;&nbsp;</div>
+            <div><span style="font-size: 14px; color: #86909c; float: right;">数量：${c}</span></div>`}},title:{show:s,text:"样例数据",textStyle:{color:"#333",fontSize:18},x:10,y:10},legend:{show:l,left:"70%",formatter:i=>{var c;const m=(c=d.series[0])==null?void 0:c.data.find(p=>p.name===i).value;return` ${i} | ${m}`},textStyle:{fontSize:12,color:B},data:a,orient:"vertical",itemWidth:10,itemHeight:10,borderRadius:10,x:"left",top:"center",align:"left",itemGap:15},series:[{type:"pie",center:n,radius:o===1?t?["10%","65%"]:["45%","70%"]:["0%","65%"],roseType:t,itemStyle:{borderRadius:1},label:{show:r,position:"outside",alignTo:"labelLine",backgroundColor:"#fff",height:0,width:0,lineHeight:0,distanceToLabelLine:0,borderRadius:3,borderWidth:1,borderColor:"inherit",padding:[3,-3,3,-3],formatter:function(i){return`{a|${i.name}(${i.value})}`},rich:{a:{padding:[20,-80,40,-80],fontSize:"12px",fontFamily:"MicrosoftYaHei",color:"#091158"},b:{padding:[0,-80,55,-80],fontSize:"15px",fontFamily:"MicrosoftYaHei-Bold, MicrosoftYaHei",fontWeight:"bold",color:"#001F3D"}}},labelLine:{show:!0,length:40,length2:85,align:"right",lineStyle:{width:1}},data:a}],graphic:[{invisible:!1,type:"text",left:"center",top:"44%",style:{text:"总量",fontSize:14,fill:"#86909c",fontWeight:"bold"}},{invisible:!1,type:"text",left:"center",top:"50%",style:{text:"151",fontSize:18,fill:"#86909c",fontWeight:"bold"}}]};return d},ie=(a,o,t={name:"name",value:"value"})=>{a.xAxis.data=o.map(l=>l[t.name]),Array.isArray(t.value)?t.value.forEach((l,r)=>{a.series[r].data=o.map(n=>n[l.value])}):typeof t.value=="string"&&(a.series[0].data=o.map(l=>l[t.value]))},ce=()=>({name:"",type:"line",symbol:"circle",smooth:!0,lineStyle:{width:1,color:`rgba(${y[0]}, 1)`},showSymbol:!1,itemStyle:{color:`rgba(${y[0]}, 1)`,label:{show:!0,position:"top",formatter:function(a){return a.value?a.value:0}}},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${y[0]}, 0.7)`},{offset:1,color:`rgba(${y[0]}, 0.1)`}],global:!1}},data:[]}),U=(a=[{name:"2024-08",value:63},{name:"2024-09",value:45},{name:"2024-10",value:43}],o={name:"name",value:"value"})=>{const t={tooltip:{trigger:"axis"},title:{show:!0,text:"样例数据",textStyle:{color:"#333",fontSize:18},x:10,y:10},legend:{show:!0,itemWidth:30,textStyle:{color:B,fontSize:12,padding:[0,8,0,8]}},grid:q(),xAxis:{type:"category",splitLine:{show:!1},axisTick:{show:!1},axisLine:{show:!0,lineStyle:{color:W}},axisLabel:{show:!0,fontSize:12,color:B},boundaryGap:!1,data:a.map(n=>n[o.name])},yAxis:{name:"",type:"value",splitLine:{show:!1},axisLine:{show:!1},axisTick:{show:!1},nameTextStyle:{fontSize:12,color:B,padding:[0,60,0,0]},axisLabel:{show:!0,fontSize:12,color:B}},series:[]},l=ce(),r=[];if(Array.isArray(o.value))o.value.forEach((n,s)=>{const d=$(l);d.name=n.name,d.lineStyle.color=`rgba(${y[s]}, 1)`,d.itemStyle.color=`rgba(${y[s]}, 1)`,d.areaStyle.color.colorStops[0].color=`rgba(${y[s]}, 0.7)`,d.areaStyle.color.colorStops[1].color=`rgba(${y[s]}, 0.1)`,d.data=a.map(i=>i[n.value]),r.push(d)});else if(typeof o.value=="string"){const n=$(l);n.data=a.map(s=>s[o.value]),r.push(n)}return t.series=r,t},F=[{key:"assets",name:"资产名称"},{key:"type",name:"资产类型"},{key:"data",name:"资产数据"}],z=[{assets:"name1",type:"type1",data:"data1"},{assets:"name2",type:"type2",data:"data2"},{assets:"name3",type:"type3",data:"data3"}],A=[{data:[{name:"默认数据",value:180}],label:"name1"},{data:[{name:"默认数据",value:311}],label:"name2"},{data:[{name:"默认数据",value:42}],label:"name3"},{data:[{name:"默认数据",value:32391}],label:"name4"}],de=[{data:63,label:"数据1"},{data:45,label:"数据2"},{data:43,label:"数据3"}],pe=[{type:"report-select",label:"资产：",value:"0",data:[{label:"全部",data:"0"},{label:"10.10.2.20_root",data:"743dbb32-8a41-4990-9d76-48925b000a93"},{label:"10.10.4.206_sysdba",data:"23193788-c895-47a8-8123-65799540394c"},{label:"10.10.4.26_root@/root/files/",data:"bb7b07c9-b96b-4caf-ac76-bb45ae849844"}],uri:"/da/report/sens/get_asset_all",id:T()},{type:"range-time",data:[{start_time:"2024-08-20 19:49:34",end_time:"2024-09-12 19:49:34"}],id:T()},{type:"h1",data:"报表名称",options:{size:24,color:"rgba(0,0,0,0.85)",fontWeight:500,letterSpacing:0,textIndent:0,textAlign:"left"},id:T()},{type:"h2",data:"一级标题",name:"一级标题",options:{size:18,color:" rgba(0, 0, 0, 0.85)",fontWeight:500,letterSpacing:0,textIndent:0,textAlign:"left"},id:T()},{type:"report-table",data:z,showColumn:F,name:"表格",options:{showColumn:{assets:!0,type:!0,data:!0},border:!0,showHeader:!0,stripe:!1},rp_item_uuid:"",id:T()}],me=[{type:"h1",data:"报表名称",name:"报表名称",options:{size:24,color:" rgba(0, 0, 0, 0.85)",fontWeight:500,letterSpacing:0,textIndent:0,textAlign:"left"},hide:!0,id:""},{type:"h2",data:"一级标题",name:"一级标题",options:{size:18,color:" rgba(0, 0, 0, 0.85)",fontWeight:500,letterSpacing:0,textIndent:0,textAlign:"left"},id:""},{type:"h3",data:"二级标题",name:"二级标题",options:{size:14,color:" rgba(0, 0, 0, 0.85)",fontWeight:500,letterSpacing:0,textIndent:0,textAlign:"left"},id:""},{type:"p",data:"正文",name:"正文",rp_item_uuid:"",id:""},{type:"report-table",data:z,showColumn:F,name:"表格",options:{border:!0,showHeader:!0,stripe:!1,showColumn:{assect:!0,type:!0,data:!0}},rp_item_uuid:"",id:""},{type:"bar",data:A,showColumn:[{key:"label",value:"data"}],name:"图表",options:R(),rp_item_uuid:"",id:""}],ue=a=>({bar:{type:"bar",data:A,showColumn:[{key:"label",value:"data"}],name:"图表",options:R(),rp_item_uuid:"",id:""},line:{type:"line",data:A,showColumn:[{key:"label",value:"data"}],name:"图表",options:U(),rp_item_uuid:"",id:""},pie:{type:"pie",data:de,showColumn:[{key:"label",value:"data"}],name:"图表",options:D({isLegend:!0}),rp_item_uuid:"",id:""},"report-table":{type:"report-table",data:z,showColumn:F,name:"表格",options:{showColumn:{assect:!0,type:!0,data:!0},border:!0,showHeader:!0,stripe:!1},rp_item_uuid:"",id:""}})[a],k=P.defineStore("tds-report",{state:()=>({componentList:[],activeComponents:{},notDraggableList:[],titleComponent:{},prodType:-1,envURL:"",filterForm:{range_time:1,filter_uuid:""}}),getters:{getActiveComponents:a=>a.activeComponents},actions:{setComponentList(a){this.componentList=a},async getReportDemo(a){let o=[];a?o=(await fe({report_uuid:a})).data:o={content:$(pe),range_time:1};const t=[];o.content.forEach(l=>{(l.type==="report-select"||l.type==="range-time")&&t.push(l),l.type==="h1"&&(this.titleComponent=l),l.id=T()}),this.notDraggableList=t,this.filterForm.range_time=o.range_time,this.filterForm.filter_uuid=o.filter_uuid,o.content.splice(0,3),this.componentList=o.content},setProdType(a){this.prodType=a},setEnvURL(a){this.envURL=a},setActiveComponents(a){this.activeComponents=a},clearComponents(){this.activeComponents={},this.componentList=[],this.notDraggableList=[],this.titleComponent={},this.filterForm={range_time:1,filter_uuid:""}}}}),_e=k(),S=window.$http,E=_e.envURL,fe=a=>S.request({url:`${E}/tds/report/demo/get`,method:"get",params:a,isError:!1}),O=a=>S.request({url:`${E}/tds/report/item/get`,method:"get",params:a,isError:!1}),Ce=a=>S.request({url:`${E}/tds/report/preview`,method:"get",params:a,isError:!1}),ge=a=>S.request({url:`${E}/tds/report/add`,method:"post",data:a}),be=a=>S.request({url:`${E}/tds/report/put`,method:"put",data:a}),he=a=>S.request({url:`${E}/tds/report/get`,method:"get",params:a,isError:!1}),Ve=a=>S.request({url:`${E}/tds/report/filter/get`,method:"get",params:a,isError:!1}),ye=a=>S.request({url:`${E}/tds/report/delete`,method:"delete",data:a}),ke={class:"catalogue"},xe=["href","title"],we=e.defineComponent({__name:"Catalogue",props:{data:{default:()=>[]}},setup(a){const o=a,t=e.computed(()=>o.data.filter(l=>["h2","h3","h4"].includes(l.type)));return(l,r)=>{const n=e.resolveComponent("el-divider");return e.openBlock(),e.createElementBlock("div",ke,[r[0]||(r[0]=e.createElementVNode("div",{class:"cata-title el-anchor__link"},"目录",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,s=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass("level"+s.type),key:s.value},[s.type==="h2"?(e.openBlock(),e.createBlock(n,{key:0,style:{"margin-top":"10px","margin-bottom":"10px"}})):e.createCommentVNode("",!0),e.createElementVNode("a",{class:"el-anchor__link",href:"#"+s.id,title:s.data},e.toDisplayString(s.data),9,xe)],2))),128))])}}}),bt="",L=(a,o)=>{const t=a.__vccOpts||a;for(const[l,r]of o)t[l]=r;return t},Ne=L(we,[["__scopeId","data-v-1cd8aa2d"]]),Be={class:"chart-components"},Y=e.defineComponent({__name:"Bar",props:{value:{}},setup(a){const o=a,t=e.computed(()=>o.value.options);return e.ref(!1),(l,r)=>{const n=e.resolveComponent("TdsChart");return e.openBlock(),e.createElementBlock("div",Be,[e.createVNode(n,{option:t.value},null,8,["option"])])}}}),Se={class:"chart-components"},G=e.defineComponent({__name:"Line",props:{value:{}},setup(a){const o=a,t=e.computed(()=>o.value.options);return(l,r)=>{const n=e.resolveComponent("TdsChart");return e.openBlock(),e.createElementBlock("div",Se,[e.createVNode(n,{option:t.value},null,8,["option"])])}}}),Ee={class:"chart-components"},J=e.defineComponent({__name:"Pie",props:{value:{}},setup(a){const o=a,t=e.computed(()=>o.value.options);return(l,r)=>{const n=e.resolveComponent("TdsChart");return e.openBlock(),e.createElementBlock("div",Ee,[e.createVNode(n,{option:t.value},null,8,["option"])])}}}),Te={key:0},I=e.defineComponent({__name:"ReportSelect",props:{value:{}},emits:["change"],setup(a,{emit:o}){const t=o,l=s=>{t("change",s)},r=a,n=e.ref(r.value);return(s,d)=>{const i=e.resolveComponent("el-option"),m=e.resolveComponent("el-select");return n.value.data?(e.openBlock(),e.createElementBlock("div",Te,[e.createVNode(m,{modelValue:n.value.value,"onUpdate:modelValue":d[0]||(d[0]=c=>n.value.value=c),multiple:"",style:{width:"100%"},onChange:l,placeholder:"全部"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value.data,c=>(e.openBlock(),e.createBlock(i,{key:c.data,label:c.label,value:c.data},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])])):e.createCommentVNode("",!0)}}}),H=e.defineComponent({__name:"RangeTime",props:{value:{}},emits:["change"],setup(a,{emit:o}){const t=o,l=a,r=e.ref(l.value),n=e.ref([]);function s(d){d?(r.value.data[0].start_time=d[0],r.value.data[0].end_time=d[1]):n.value=[],t("change",n.value)}return e.onMounted(()=>{n.value=[r.value.data[0].start_time,r.value.data[0].end_time]}),(d,i)=>{const m=e.resolveComponent("el-date-picker");return e.openBlock(),e.createElementBlock("div",null,[e.createVNode(m,{modelValue:n.value,"onUpdate:modelValue":i[0]||(i[0]=c=>n.value=c),type:"datetimerange",placeholder:"Pick a Date",format:"YYYY-MM-DD HH:mm:ss","value-format":"YYYY-MM-DD HH:mm:ss",onChange:s,clearable:!1},null,8,["modelValue"])])}}});function $e(a){return typeof a=="function"||Object.prototype.toString.call(a)==="[object Object]"&&!e.isVNode(a)}const K=e.defineComponent({__name:"ReportTable",props:{value:{}},setup(a){const o=a,t=l=>{let r;return e.createVNode(e.resolveComponent("el-table"),{data:l.data,border:o.value.options.border,"show-header":!!o.value.options.showHeader,stripe:o.value.options.stripe},$e(r=l.showColumn.map(n=>o.value.options.showColumn[n.key]===!0?e.createVNode(e.resolveComponent("el-table-column"),{prop:n.key,label:n.name},null):null))?r:{default:()=>[r]})};return(l,r)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(t,e.normalizeProps(e.guardReactiveProps(l.value)),null,16)]))}}),M=e.defineComponent({__name:"ReportText",props:{value:{}},setup(a){const o=a,t=()=>{const l=o.value.options||{};return{color:l.color,"font-size":l.size+"px","font-weight":l.fontWeight,"letter-spacing":l.letterSpacing+"px","text-indent":l.textIndent+"px","text-align":l.textAlign}};return(l,r)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(t())},e.toDisplayString(l.value.data),5))}}),Le={class:"chart-components"},Q=e.defineComponent({__name:"ReportChart",props:{value:{}},setup(a){const o=a,t=e.computed(()=>o.value),l=e.computed(()=>{if(t.value.type==="bar"){t.value.options.series=R([]).series;const r=[];let n="";t.value.data.forEach(s=>{n=s.data[0].name,r.push({name:s.label,value:s.data[0].value})}),ae(t.value.options,r,n)}if(t.value.type==="pie"&&(t.value.options=D({isLegend:!0}),console.log(D({isLegend:!0}),"chartsPie({ isLegend: true })"),re({chartOption:t.value.options,data:t.value.data})),t.value.type==="line"){let r=[];t.value.data.forEach(d=>{r=d.data.map((i,m)=>({name:i.name,value:"value"+m}))});const n={name:"name",value:r},s=t.value.data.map(d=>{const i={name:d.label};return r.forEach((m,c)=>{i[m.value]=d.data[c].value}),i});console.log(U([],n),"chartsLine([], params)"),t.value.options.series=U([],n).series,ie(t.value.options,s,n)}return t.value.options});return(r,n)=>{const s=e.resolveComponent("TdsChart");return e.openBlock(),e.createElementBlock("div",Le,[e.createVNode(s,{option:l.value},null,8,["option"])])}}});function Re(a){return typeof a=="function"||Object.prototype.toString.call(a)==="[object Object]"&&!e.isVNode(a)}const X=e.defineComponent({__name:"ReportDescribe",props:{value:{}},setup(a){const o=a,t=l=>{let r;return e.createVNode(e.resolveComponent("el-descriptions"),{title:o.value.options.title,border:o.value.options.border,column:o.value.options.column,direction:o.value.options.direction},Re(r=l.showColumn.map(n=>e.createVNode(e.resolveComponent("el-descriptions-item"),{label:n.name},{default:()=>[o.value.data[n.key]]})))?r:{default:()=>[r]})};return(l,r)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(t,e.normalizeProps(e.guardReactiveProps(l.value)),null,16)]))}}),De={class:"editor-box"},Ue={class:"editor",id:"editor",style:{width:"100%"}},Fe={class:"editor-content flex flex-start"},ze=["id"],Ae=["innerHTML"],Ie=e.defineComponent({__name:"index",props:e.mergeModels({reportId:{type:String,default:""}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(a){const o={Bar:Y,Line:G,Pie:J,ReportSelect:I,RangeTime:H,ReportTable:K,ReportText:M,ReportChart:Q,ReportDescribe:X},t=k(),l=a,r=e.useModel(a,"modelValue"),n=e.ref([]),s=e.ref([]),d=e.ref([]),i=e.ref(""),m=e.ref("");function c(){r.value="table"}const p=u=>{d.value=u,_()},f=u=>{u&&u.length>0&&(i.value=u[0],m.value=u[1]),_()},_=async()=>{const u={report_uuid:l.reportId,start_time:i.value,end_time:m.value,select_data:d.value.join(",")},C=await Ce(u),w=[];C.data.forEach(g=>{(g.type==="report-select"||g.type==="range-time")&&w.push(g)}),n.value=w,C.data.splice(0,n.value.length),s.value=C.data};_();const h=()=>e.createVNode("div",null,[e.createTextVNode("未找到对应组件")]),b=u=>u==="h2"||u==="h3"||u==="h4"?N(o,"ReportText"):u==="bar"||u==="pie"||u==="line"?N(o,"ReportChart"):u?N(o,u):e.createVNode(h,null,null);return(u,C)=>{const w=e.resolveComponent("el-button"),g=e.resolveComponent("el-card");return e.openBlock(),e.createBlock(g,{class:"editor view"},{default:e.withCtx(()=>[e.createElementVNode("div",De,[e.createVNode(Ne,{data:s.value},null,8,["data"]),e.createElementVNode("div",Ue,[e.createElementVNode("div",Fe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,V=>(e.openBlock(),e.createElementBlock("div",{class:"item-input",key:V.id},[V.type==="report-select"?(e.openBlock(),e.createBlock(I,{key:0,onChange:p,value:V},null,8,["value"])):e.createCommentVNode("",!0),V.type==="range-time"&&e.unref(t).filterForm.range_time?(e.openBlock(),e.createBlock(H,{key:1,onChange:f,value:V},null,8,["value"])):e.createCommentVNode("",!0)]))),128)),e.createVNode(w,{plain:"",onClick:c,type:"primary",class:"custom-btn",style:{"margin-left":"auto"}},{default:e.withCtx(()=>C[0]||(C[0]=[e.createTextVNode("退出预览")])),_:1})]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,V=>(e.openBlock(),e.createElementBlock("div",{key:V.id,class:e.normalizeClass(["editor-content",["editor"+V.type]]),id:V.id},[V.type!=="p"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(b(V.type)),{key:0,class:e.normalizeClass(["editor"+V.type]),value:V},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(V.data),1)]),_:2},1032,["class","value"])):(e.openBlock(),e.createElementBlock("p",{key:1,innerHTML:V.data},null,8,Ae))],10,ze))),128))])])]),_:1})}}}),ht="",He=L(Ie,[["__scopeId","data-v-2d59469a"]]),Me={class:"editor"},Pe={class:"editor-content edit"},je=["onClick"],We=["onClick"],qe=["innerHTML","draggable"],Oe=e.defineComponent({__name:"Editor",setup(a){const o={Bar:Y,Line:G,Pie:J,ReportSelect:I,RangeTime:H,ReportTable:K,ReportText:M,ReportChart:Q,ReportDescribe:X},{componentList:t,activeComponents:l,notDraggableList:r,titleComponent:n}=P.storeToRefs(k()),s=k(),d=u=>{t.value.forEach((C,w)=>{C.id===u&&(t.value.splice(w,1),s.activeComponents=[])})},i=u=>{s.setActiveComponents(u)},m=()=>e.createVNode("div",null,[e.createTextVNode("未找到对应组件")]),c=u=>u==="h2"||u==="h3"||u==="h4"?N(o,"ReportText"):u==="bar"||u==="pie"||u==="line"?N(o,"ReportChart"):u?N(o,u):e.createVNode(m,null,null),p=u=>{console.log(u,"evt")},f=e.ref(!1),_=()=>{f.value=!0},h=u=>{u.newIndex!==0&&(console.log(u),f.value=!1)},b=e.ref();return(u,C)=>{const w=e.resolveComponent("icon-material-symbols:cancel-outline");return e.openBlock(),e.createElementBlock("div",Me,[e.createElementVNode("div",{class:e.normalizeClass(["editor-content edit flex flex-start",[{active:e.unref(l).id==="filter"}]]),onClick:C[0]||(C[0]=g=>i({id:"filter",type:"filter"}))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(r),g=>(e.openBlock(),e.createElementBlock("div",{class:"item-input",key:g.id},[g.type==="report-select"||g.type==="range-time"&&e.unref(s).filterForm.range_time?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(N)(o,g.type)),{key:0,value:g},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(g.data),1)]),_:2},1032,["value"])):e.createCommentVNode("",!0)]))),128))],2),e.createElementVNode("div",Pe,[e.createVNode(M,{value:e.unref(n),onClick:C[1]||(C[1]=g=>i(e.unref(n)))},null,8,["value"])]),e.createVNode(e.unref(ne.VueDraggable),{ref_key:"el",ref:b,modelValue:e.unref(t),"onUpdate:modelValue":C[2]||(C[2]=g=>e.isRef(t)?t.value=g:null),"on-change":p,animation:150,onStart:_,onEnd:h},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(t),g=>(e.openBlock(),e.createElementBlock("div",{key:g.id,class:e.normalizeClass(["editor-content edit",["editor"+g.type,{active:g.id===e.unref(l).id}]]),onClick:V=>i(g)},[e.createElementVNode("i",{onClick:e.withModifiers(V=>d(g.id),["stop"])},[e.createVNode(w,{class:"color-red"})],8,We),g.type!=="p"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c(g.type)),{key:0,class:e.normalizeClass(["editor"+g.type]),value:g,draggable:f.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(g.data),1)]),_:2},1032,["class","value","draggable"])):(e.openBlock(),e.createElementBlock("p",{key:1,innerHTML:g.data,draggable:f.value},null,8,qe))],10,je))),128))]),_:1},8,["modelValue"])])}}}),Ye={class:"label"},Ge={class:"flex item-switch"},Je={class:"flex item-switch"},Ke={class:"flex item-switch"},Z=e.defineComponent({__name:"SettingTable",setup(a){const o=k(),t=e.computed(()=>o.getActiveComponents);return(l,r)=>{const n=e.resolveComponent("el-switch"),s=e.resolveComponent("el-form-item"),d=e.resolveComponent("el-divider");return e.openBlock(),e.createElementBlock("div",null,[e.createVNode(s,{label:"控制列"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value.showColumn,(i,m)=>(e.openBlock(),e.createElementBlock("p",{class:"flex item-switch",key:m},[e.createElementVNode("span",Ye,e.toDisplayString(i.name),1),e.createVNode(n,{modelValue:t.value.options.showColumn[i.key],"onUpdate:modelValue":c=>t.value.options.showColumn[i.key]=c},null,8,["modelValue","onUpdate:modelValue"])]))),128))]),_:1}),e.createVNode(d),e.createVNode(s,{label:"表格样式"},{default:e.withCtx(()=>[e.createElementVNode("p",Ge,[r[3]||(r[3]=e.createElementVNode("span",{class:"label"},"斑马纹",-1)),e.createVNode(n,{modelValue:t.value.options.stripe,"onUpdate:modelValue":r[0]||(r[0]=i=>t.value.options.stripe=i)},null,8,["modelValue"])]),e.createElementVNode("p",Je,[r[4]||(r[4]=e.createElementVNode("span",{class:"label"},"边框",-1)),e.createVNode(n,{modelValue:t.value.options.border,"onUpdate:modelValue":r[1]||(r[1]=i=>t.value.options.border=i)},null,8,["modelValue"])]),e.createElementVNode("p",Ke,[r[5]||(r[5]=e.createElementVNode("span",{class:"label"},"表头",-1)),e.createVNode(n,{modelValue:t.value.options.showHeader,"onUpdate:modelValue":r[2]||(r[2]=i=>t.value.options.showHeader=i)},null,8,["modelValue"])])]),_:1})])}}}),Qe={key:0},Xe=e.defineComponent({__name:"ChartsUniConfig",setup(a){const o=k(),t=e.computed(()=>o.activeComponents);function l(r){r?(t.value.options.series[0].radius=["10%","65%"],t.value.options.graphic[0].invisible=!0,t.value.options.graphic[1].invisible=!0):(t.value.options.series[0].radius=["45%","70%"],t.value.options.graphic[0].invisible=!1,t.value.options.graphic[1].invisible=!1)}return e.ref("rgb(46, 145, 255)"),(r,n)=>{const s=e.resolveComponent("el-input"),d=e.resolveComponent("el-form-item"),i=e.resolveComponent("el-switch"),m=e.resolveComponent("el-col"),c=e.resolveComponent("el-color-picker"),p=e.resolveComponent("el-input-number"),f=e.resolveComponent("el-row"),_=e.resolveComponent("el-collapse-item"),h=e.resolveComponent("el-collapse");return t.value.options.title?(e.openBlock(),e.createElementBlock("div",Qe,[e.createVNode(d,{label:"标题"},{default:e.withCtx(()=>[e.createVNode(s,{modelValue:t.value.options.title.text,"onUpdate:modelValue":n[0]||(n[0]=b=>t.value.options.title.text=b)},null,8,["modelValue"])]),_:1}),e.createVNode(h,null,{default:e.withCtx(()=>[e.createVNode(_,{title:"标题配置",name:"1"},{default:e.withCtx(()=>[e.createVNode(f,{class:"w-100%"},{default:e.withCtx(()=>[e.createVNode(m,{span:24},{default:e.withCtx(()=>[n[8]||(n[8]=e.createElementVNode("span",{class:"switch-label"},"显示标题",-1)),e.createVNode(i,{modelValue:t.value.options.title.show,"onUpdate:modelValue":n[1]||(n[1]=b=>t.value.options.title.show=b)},null,8,["modelValue"])]),_:1}),e.createVNode(m,{span:12},{default:e.withCtx(()=>[e.createVNode(c,{modelValue:t.value.options.title.textStyle.color,"onUpdate:modelValue":n[2]||(n[2]=b=>t.value.options.title.textStyle.color=b),"show-alpha":""},null,8,["modelValue"]),n[9]||(n[9]=e.createElementVNode("p",{class:"sub-title"},"颜色",-1))]),_:1}),e.createVNode(m,{span:12},{default:e.withCtx(()=>[e.createVNode(p,{modelValue:t.value.options.title.textStyle.fontSize,"onUpdate:modelValue":n[3]||(n[3]=b=>t.value.options.title.textStyle.fontSize=b),"controls-position":"right"},null,8,["modelValue"]),n[10]||(n[10]=e.createElementVNode("p",{class:"sub-title"},"字体大小",-1))]),_:1}),e.createVNode(m,{span:12},{default:e.withCtx(()=>[e.createVNode(p,{modelValue:t.value.options.title.x,"onUpdate:modelValue":n[4]||(n[4]=b=>t.value.options.title.x=b),"controls-position":"right"},null,8,["modelValue"]),n[11]||(n[11]=e.createElementVNode("p",{class:"sub-title"},"横向",-1))]),_:1}),e.createVNode(m,{span:12},{default:e.withCtx(()=>[e.createVNode(p,{modelValue:t.value.options.title.y,"onUpdate:modelValue":n[5]||(n[5]=b=>t.value.options.title.y=b),"controls-position":"right"},null,8,["modelValue"]),n[12]||(n[12]=e.createElementVNode("p",{class:"sub-title"},"纵向",-1))]),_:1})]),_:1})]),_:1}),e.createVNode(_,{title:"图形配置",name:"2"},{default:e.withCtx(()=>[t.value.options.color&&t.value.options.color.length&&t.value.type==="pie"?(e.openBlock(),e.createBlock(f,{key:0},{default:e.withCtx(()=>[e.createVNode(m,{span:24},{default:e.withCtx(()=>[n[13]||(n[13]=e.createElementVNode("span",{class:"switch-label"},"玫瑰图",-1)),e.createVNode(i,{onChange:l,modelValue:t.value.options.series[0].roseType,"onUpdate:modelValue":n[6]||(n[6]=b=>t.value.options.series[0].roseType=b)},null,8,["modelValue"])]),_:1})]),_:1})):e.createCommentVNode("",!0)]),_:1}),e.createVNode(_,{title:"图例配置",name:"3"},{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(m,{span:24},{default:e.withCtx(()=>[n[14]||(n[14]=e.createElementVNode("span",{class:"switch-label"},"显示图例",-1)),t.value.options.legend?(e.openBlock(),e.createBlock(i,{key:0,modelValue:t.value.options.legend.show,"onUpdate:modelValue":n[7]||(n[7]=b=>t.value.options.legend.show=b)},null,8,["modelValue"])):e.createCommentVNode("",!0)]),_:1})]),_:1})]),_:1})]),_:1})])):e.createCommentVNode("",!0)}}}),Vt="",Ze=L(Xe,[["__scopeId","data-v-e9859d3b"]]),v=e.defineComponent({__name:"SettingDescribe",setup(a){const o=k(),t=e.computed(()=>o.getActiveComponents);return(l,r)=>{const n=e.resolveComponent("el-input"),s=e.resolveComponent("el-form-item"),d=e.resolveComponent("el-switch"),i=e.resolveComponent("el-input-number"),m=e.resolveComponent("el-radio"),c=e.resolveComponent("el-radio-group");return e.openBlock(),e.createElementBlock("div",null,[e.createVNode(s,{label:"标题"},{default:e.withCtx(()=>[e.createVNode(n,{modelValue:t.value.options.title,"onUpdate:modelValue":r[0]||(r[0]=p=>t.value.options.title=p)},null,8,["modelValue"])]),_:1}),e.createVNode(s,{label:"边框"},{default:e.withCtx(()=>[e.createVNode(d,{modelValue:t.value.options.border,"onUpdate:modelValue":r[1]||(r[1]=p=>t.value.options.border=p)},null,8,["modelValue"])]),_:1}),e.createVNode(s,{label:"每行展示数量"},{default:e.withCtx(()=>[e.createVNode(i,{modelValue:t.value.options.column,"onUpdate:modelValue":r[2]||(r[2]=p=>t.value.options.column=p),min:1,max:10,controls:!1},null,8,["modelValue"])]),_:1}),e.createVNode(s,{label:"排列方向"},{default:e.withCtx(()=>[e.createVNode(c,{modelValue:t.value.options.direction,"onUpdate:modelValue":r[3]||(r[3]=p=>t.value.options.direction=p)},{default:e.withCtx(()=>[e.createVNode(m,{value:"horizontal"},{default:e.withCtx(()=>r[4]||(r[4]=[e.createTextVNode("横向")])),_:1}),e.createVNode(m,{value:"vertical"},{default:e.withCtx(()=>r[5]||(r[5]=[e.createTextVNode("纵向")])),_:1})]),_:1},8,["modelValue"])]),_:1})])}}}),ve=e.defineComponent({__name:"SettingCharts",setup(a){const o=k(),t=e.ref(!1),l=e.computed(()=>o.getActiveComponents),r=[{value:"report-describe",name:"描述列表"},{value:"report-table",name:"表格"},{value:"line",name:"趋势图"},{value:"pie",name:"扇形图"},{value:"bar",name:"柱状图"}],n=e.ref(""),s=e.ref();async function d(c){const p=await O({prod_type:o.prodType,chart_type:c,filter_uuid:o.filterForm.filter_uuid});s.value=p.data}function i(c){let p=s.value.find(_=>_.rp_item_uuid===c);const f=p.rp_item_content;if(p.rp_item_content.type,f.type==="report-table"){const _={};f.showColumn.forEach(h=>{_[h.key]=!0}),f.options={...f.options,showColumn:_,border:!0,showHeader:!0,stripe:!1}}f.type==="report-describe"&&(f.options={...f.options,title:"",border:!0,column:1,direction:"horizontal",...l.value.options}),Object.assign(o.activeComponents,f),o.activeComponents.rp_item_uuid=p.rp_item_uuid}e.onMounted(async()=>{n.value=l.value.type,await d(n.value)});async function m(c){try{t.value=!0,await d(c),Object.assign(o.activeComponents,ue(c)),t.value=!1}catch{t.value=!1}}return e.watch(()=>l.value,c=>{console.log(c,"activeComponents"),~["bar","pie","line","report-table","report-describe"].indexOf(c.type)&&(n.value=l.value.type,d(n.value))}),(c,p)=>{const f=e.resolveComponent("el-option"),_=e.resolveComponent("el-select"),h=e.resolveComponent("el-form-item"),b=e.resolveComponent("el-form"),u=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createElementBlock("div",null,[e.createVNode(b,{"label-position":"top"},{default:e.withCtx(()=>[e.createVNode(h,{label:"图表类型"},{default:e.withCtx(()=>[e.createVNode(_,{style:{width:"100%"},modelValue:n.value,"onUpdate:modelValue":p[0]||(p[0]=C=>n.value=C),onChange:m},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(r,(C,w)=>e.createVNode(f,{key:w,label:C.name,value:C.value},null,8,["label","value"])),64))]),_:1},8,["modelValue"])]),_:1}),e.createVNode(h,{label:"组件库"},{default:e.withCtx(()=>[e.createVNode(_,{style:{width:"100%"},modelValue:e.unref(o).activeComponents.rp_item_uuid,"onUpdate:modelValue":p[1]||(p[1]=C=>e.unref(o).activeComponents.rp_item_uuid=C),onChange:i},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,(C,w)=>(e.openBlock(),e.createBlock(f,{key:w,label:C.rp_item_name,value:C.rp_item_uuid},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1}),n.value==="report-table"&&l.value.options.showColumn?(e.openBlock(),e.createBlock(Z,{key:0})):e.createCommentVNode("",!0),n.value==="pie"||n.value==="bar"||n.value==="line"?(e.openBlock(),e.createBlock(Ze,{key:1})):e.createCommentVNode("",!0),n.value==="report-describe"?(e.openBlock(),e.createBlock(v,{key:2})):e.createCommentVNode("",!0)]),_:1})])),[[u,t.value]])}}}),et={key:0},tt={style:{border:"1px solid #ccc","border-radius":"3px"}},ee="default",ot=e.defineComponent({__name:"SettingText",setup(a){const o=k(),t=e.shallowRef(),l=e.ref();function r(c){const p=l.value.find(f=>f.rp_item_uuid===c);o.activeComponents.uri=p.rp_item_content.uri,t.value.setHtml((p==null?void 0:p.rp_item_content.data)||"")}async function n(){const c=await O({prod_type:o.prodType,chart_type:"p",filter_uuid:o.filterForm.filter_uuid});l.value=c.data}n();const s={toolbarKeys:["bold","underline","italic","through","code","bulletedList","numberedList","clearStyle","color","bgColor","fontSize","fontFamily","justifyLeft","justifyRight","justifyCenter","justifyJustify","lineHeight"]},d={placeholder:"请输入内容..."},i=c=>{t.value=c},m=c=>{};return e.onBeforeUnmount(()=>{const c=t.value;c!=null&&c.destroy()}),(c,p)=>{const f=e.resolveComponent("el-option"),_=e.resolveComponent("el-select"),h=e.resolveComponent("el-form-item"),b=e.resolveComponent("el-form");return e.unref(o).activeComponents.id?(e.openBlock(),e.createElementBlock("div",et,[e.createVNode(b,{"label-position":"top"},{default:e.withCtx(()=>[e.createVNode(h,{label:"组件库"},{default:e.withCtx(()=>[e.createVNode(_,{style:{width:"100%"},modelValue:e.unref(o).activeComponents.rp_item_uuid,"onUpdate:modelValue":p[0]||(p[0]=u=>e.unref(o).activeComponents.rp_item_uuid=u),onChange:r},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(u,C)=>(e.openBlock(),e.createBlock(f,{key:C,label:u.rp_item_name,value:u.rp_item_uuid},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1}),e.createVNode(h,{label:"文本内容"},{default:e.withCtx(()=>[e.createElementVNode("div",tt,[e.createVNode(e.unref(j.Toolbar),{style:{"border-bottom":"1px solid #ccc"},editor:t.value,"default-config":s,mode:ee},null,8,["editor"]),e.createVNode(e.unref(j.Editor),{style:{height:"500px","overflow-y":"hidden"},onOnChange:m,modelValue:e.unref(o).activeComponents.data,"onUpdate:modelValue":p[1]||(p[1]=u=>e.unref(o).activeComponents.data=u),"default-config":d,mode:ee,onOnCreated:i},null,8,["modelValue"])])]),_:1})]),_:1})])):e.createCommentVNode("",!0)}}}),nt=e.defineComponent({__name:"SettingFilter",setup(a){const o=e.ref([]),t=k();async function l(){const r=await Ve({prod_type:t.prodType});o.value=r.data}return l(),(r,n)=>{const s=e.resolveComponent("el-option"),d=e.resolveComponent("el-select"),i=e.resolveComponent("el-form-item"),m=e.resolveComponent("el-checkbox"),c=e.resolveComponent("el-form");return e.openBlock(),e.createBlock(c,{"label-width":"80px","label-position":"top"},{default:e.withCtx(()=>[e.createVNode(i,{label:"筛选条件"},{default:e.withCtx(()=>[e.createVNode(d,{modelValue:e.unref(t).filterForm.filter_uuid,"onUpdate:modelValue":n[0]||(n[0]=p=>e.unref(t).filterForm.filter_uuid=p),disabled:!!e.unref(t).filterForm.filter_uuid},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,p=>(e.openBlock(),e.createBlock(s,{key:p.filter_uuid,label:p.filter_name,value:p.filter_uuid},null,8,["label","value"]))),128))]),_:1},8,["modelValue","disabled"])]),_:1}),e.createVNode(i,null,{default:e.withCtx(()=>[e.createVNode(m,{modelValue:e.unref(t).filterForm.range_time,"onUpdate:modelValue":n[1]||(n[1]=p=>e.unref(t).filterForm.range_time=p),"true-value":1,"false-value":0,label:"时间范围"},null,8,["modelValue"])]),_:1})]),_:1})}}}),lt=e.defineComponent({__name:"SettingTitle",setup(a){const o=k();return(t,l)=>{const r=e.resolveComponent("el-input"),n=e.resolveComponent("el-form-item"),s=e.resolveComponent("el-color-picker"),d=e.resolveComponent("el-col"),i=e.resolveComponent("el-input-number"),m=e.resolveComponent("el-option"),c=e.resolveComponent("el-select"),p=e.resolveComponent("el-row"),f=e.resolveComponent("el-form");return e.openBlock(),e.createBlock(f,{"label-width":"auto","label-position":"top"},{default:e.withCtx(()=>[e.createVNode(n,{label:"名称"},{default:e.withCtx(()=>[e.createVNode(r,{modelValue:e.unref(o).activeComponents.data,"onUpdate:modelValue":l[0]||(l[0]=_=>e.unref(o).activeComponents.data=_),placeholder:"Please input",maxlength:"24","show-word-limit":""},null,8,["modelValue"])]),_:1}),e.createVNode(n,{label:"样式"},{default:e.withCtx(()=>[e.createVNode(p,{gutter:20},{default:e.withCtx(()=>[e.createVNode(d,{span:12},{default:e.withCtx(()=>[e.createVNode(s,{modelValue:e.unref(o).activeComponents.options.color,"onUpdate:modelValue":l[1]||(l[1]=_=>e.unref(o).activeComponents.options.color=_),"show-alpha":""},null,8,["modelValue"]),l[7]||(l[7]=e.createElementVNode("p",{class:"sub-title"},"颜色",-1))]),_:1}),e.createVNode(d,{span:12},{default:e.withCtx(()=>[e.createVNode(i,{modelValue:e.unref(o).activeComponents.options.size,"onUpdate:modelValue":l[2]||(l[2]=_=>e.unref(o).activeComponents.options.size=_),"controls-position":"right"},null,8,["modelValue"]),l[8]||(l[8]=e.createElementVNode("p",{class:"sub-title"},"字体大小",-1))]),_:1}),e.createVNode(d,{span:12},{default:e.withCtx(()=>[e.createVNode(c,{modelValue:e.unref(o).activeComponents.options.fontWeight,"onUpdate:modelValue":l[3]||(l[3]=_=>e.unref(o).activeComponents.options.fontWeight=_)},{default:e.withCtx(()=>[e.createVNode(m,{label:"常规",value:500}),e.createVNode(m,{label:"加粗",value:600})]),_:1},8,["modelValue"]),l[9]||(l[9]=e.createElementVNode("p",{class:"sub-title"},"字体粗细",-1))]),_:1}),e.createVNode(d,{span:12},{default:e.withCtx(()=>[e.createVNode(i,{modelValue:e.unref(o).activeComponents.options.letterSpacing,"onUpdate:modelValue":l[4]||(l[4]=_=>e.unref(o).activeComponents.options.letterSpacing=_),"controls-position":"right"},null,8,["modelValue"]),l[10]||(l[10]=e.createElementVNode("p",{class:"sub-title"},"字间距",-1))]),_:1}),e.createVNode(d,{span:12},{default:e.withCtx(()=>[e.createVNode(i,{modelValue:e.unref(o).activeComponents.options.textIndent,"onUpdate:modelValue":l[5]||(l[5]=_=>e.unref(o).activeComponents.options.textIndent=_),"controls-position":"right"},null,8,["modelValue"]),l[11]||(l[11]=e.createElementVNode("p",{class:"sub-title"},"首行缩进",-1))]),_:1}),e.createVNode(d,{span:12},{default:e.withCtx(()=>[e.createVNode(c,{modelValue:e.unref(o).activeComponents.options.textAlign,"onUpdate:modelValue":l[6]||(l[6]=_=>e.unref(o).activeComponents.options.textAlign=_)},{default:e.withCtx(()=>[e.createVNode(m,{label:"左对齐",value:"left"}),e.createVNode(m,{label:"居中对齐",value:"center"}),e.createVNode(m,{label:"右对齐",value:"right"})]),_:1},8,["modelValue"]),l[12]||(l[12]=e.createElementVNode("p",{class:"sub-title"},"位置",-1))]),_:1})]),_:1})]),_:1})]),_:1})}}}),yt="",at=L(lt,[["__scopeId","data-v-56fef84c"]]),rt=e.defineComponent({__name:"Setting",setup(a){const o={SettingTable:Z,SettingCharts:ve,SettingDescribe:v,SettingText:ot,SettingFilter:nt,SettingTitle:at},t=k(),l=e.computed(()=>t.activeComponents),r=["h1","h2","h3","h4"],n=["p"],s=["report-table","bar","line","pie","report-describe"],d=i=>r.includes(i)?N(o,"SettingTitle"):n.includes(i)?N(o,"SettingText"):s.includes(i)?N(o,"SettingCharts"):i==="filter"?N(o,"SettingFilter"):"DefaultEditor";return(i,m)=>{const c=e.resolveComponent("el-card");return e.openBlock(),e.createBlock(c,{class:"config-wrapper"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d(l.value.type))))]),_:1})}}}),st={class:"editor-wrapper flex start"},it={class:"flex"},ct={class:"btn-group"},dt=e.defineComponent({__name:"index",props:e.mergeModels({reportId:{type:String,default:""}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(a){const o=k(),t=a,l=e.useModel(a,"modelValue"),r=i=>{const m=$(i);m.id=T(),o.componentList.push(m)};function n(){l.value="table"}function s(){o.getReportDemo(t.reportId)}e.onMounted(()=>{s()});async function d(){if(!o.filterForm.filter_uuid){oe.ElMessage.error("请选择筛选条件");return}try{t.reportId?await be({report_uuid:t.reportId,data:{report_name:o.titleComponent.data,prod_type:o.prodType,content:[...o.notDraggableList,o.titleComponent,...o.componentList],...o.filterForm}}):await ge({data:{report_name:o.titleComponent.data,prod_type:o.prodType,content:[...o.notDraggableList,o.titleComponent,...o.componentList],...o.filterForm}}),n()}catch(i){console.log(i,"error")}}return e.onUnmounted(()=>{o.clearComponents()}),(i,m)=>{const c=e.resolveComponent("el-button"),p=e.resolveComponent("el-button-group"),f=e.resolveComponent("el-card");return e.openBlock(),e.createElementBlock("div",st,[e.createVNode(f,{class:"view-wrapper"},{default:e.withCtx(()=>[e.createElementVNode("div",it,[e.createElementVNode("div",ct,[e.createVNode(p,null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(me),_=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:_.type},[_!=null&&_.hide?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(c,{key:0,onClick:h=>r(_)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(_.name),1)]),_:2},1032,["onClick"]))],64))),128))]),_:1})]),e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(c,{type:"primary",onClick:d},{default:e.withCtx(()=>m[0]||(m[0]=[e.createTextVNode("保存")])),_:1}),e.createVNode(c,{onClick:n},{default:e.withCtx(()=>m[1]||(m[1]=[e.createTextVNode("退出")])),_:1})]),_:1})]),e.createVNode(Oe)]),_:1}),e.createVNode(rt)])}}}),pt={class:"table-box"},mt=e.defineComponent({__name:"Report",emits:["click"],setup(a,{emit:o}){const t=k(),l=e.computed(()=>({prod_type:t.prodType})),r=e.ref(),n=o,s=f=>{n("click",f.report_uuid,"review")},d=f=>{n("click",f.report_uuid,"editor")},i=()=>{n("click","","editor")},m=f=>{console.log(f)},c=f=>{window.$messageBox("确定要删除吗?","","温馨提示","error").then(async()=>{await ye({report_uuids:f}),r.value.getTableList()})},p=e.reactive([{type:"selection",width:80},{field:"report_name",name:"名称",search:{type:"input"}},{field:"report_desc",name:"报表描述"},{field:"create_time",name:"创建时间"},{field:"operation",width:140,name:"操作",align:"center",fixed:"right",render:f=>e.createVNode("div",null,[e.createVNode(e.resolveComponent("el-button"),{link:!0,type:"primary",class:"custom-btn",icon:"View",title:"预览",onClick:()=>s(f.row)},null),e.createVNode(e.resolveComponent("el-button"),{link:!0,type:"primary",class:"custom-btn",icon:"Edit",title:"编辑",onClick:()=>d(f.row)},null),e.createVNode(e.resolveComponent("el-button"),{link:!0,type:"danger",icon:"Delete",title:"删除",onClick:()=>c([f.row.report_uuid])},null)])}]);return(f,_)=>{const h=e.resolveComponent("el-button"),b=e.resolveComponent("TdsTable");return e.openBlock(),e.createElementBlock("div",pt,[e.createVNode(b,{ref_key:"proTable",ref:r,columns:p,"request-api":e.unref(he),"init-param":l.value,"row-key":"report_uuid",options:f.$tableOptions(),"search-col":6,onSelectionChange:m},{tableHeader:e.withCtx(u=>[e.createVNode(h,{plain:"",type:"primary",class:"custom-btn",icon:"Plus",onClick:i},{default:e.withCtx(()=>_[0]||(_[0]=[e.createTextVNode("添加")])),_:1}),e.createVNode(h,{plain:"",type:"danger",icon:"Delete",onClick:C=>c(u.selectedListIds)},{default:e.withCtx(()=>_[1]||(_[1]=[e.createTextVNode("删除")])),_:2},1032,["onClick"])]),_:1},8,["columns","request-api","init-param","options"])])}}}),kt="",ut={style:{height:"100%"}},_t=e.defineComponent({name:"TCReport",__name:"index",setup(a){const o=e.ref(),t=e.ref("table"),l=(r,n)=>{o.value=r,t.value=n};return(r,n)=>(e.openBlock(),e.createElementBlock("div",ut,[e.createVNode(e.TransitionGroup,{name:"slide-fade"},{default:e.withCtx(()=>[t.value==="table"?(e.openBlock(),e.createBlock(mt,{key:0,onClick:l})):e.createCommentVNode("",!0),t.value==="review"?(e.openBlock(),e.createBlock(He,{key:1,"report-id":o.value,modelValue:t.value,"onUpdate:modelValue":n[0]||(n[0]=s=>t.value=s)},null,8,["report-id","modelValue"])):e.createCommentVNode("",!0),t.value==="editor"?(e.openBlock(),e.createBlock(dt,{key:2,"report-id":o.value,modelValue:t.value,"onUpdate:modelValue":n[1]||(n[1]=s=>t.value=s)},null,8,["report-id","modelValue"])):e.createCommentVNode("",!0)]),_:1})]))}}),xt="",te=((a,o)=>{if(a.install=t=>{for(const l of[a,...Object.values(o??{})])t.component(l.name,l)},o)for(const[t,l]of Object.entries(o))a[t]=l;return a})(_t),ft={TCReport:te},Ct={install(a,o){Object.entries(ft).forEach(([l,r])=>{a.component(l,r)});const t=k();o.prodType&&t.setProdType(o.prodType),o.envURL&&t.setEnvURL(o.envURL)}};x.TCReport=te,x.default=Ct,Object.defineProperties(x,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@topdatasec/report",
-  "version": "1.0.12",
-  "description": "Vue3 中基于Element-plus二次封装基础组件文档",
+  "version": "1.1.1",
+  "description": "自定义报表功能开发",
   "author": "wangguiwang",
   "license": "MIT",
   "private": false,
-  "main": "lib/t-report-ui.umd.js",
-  "module": "lib/t-report-ui.umd.js",
+  "main": "lib/t-report-ui.es.js",
+  "module": "lib/t-report-ui.es.js",
   "types": "lib/index.d.ts",
   "type": "module",
   "files": [
@@ -20,16 +20,12 @@
     "pub": "npm publish --registry=https://registry.npmjs.org/",
     "prettier": "prettier --write \"packages/**/*.{js,ts,json,tsx,css,less,scss,vue,html,md}\""
   },
-  "dependencies": {
-    "@wangeditor/editor": "^5.1.23",
-    "@wangeditor/editor-for-vue": "^1.0.2",
-    "vue-draggable-plus": "^0.6.0"
-  },
   "devDependencies": {
     "@iconify-json/fa6-regular": "^1.1.13",
     "@iconify-json/fluent": "^1.1.37",
     "@iconify-json/ic": "^1.1.14",
     "@iconify-json/material-symbols": "^1.1.57",
+    "@rollup/plugin-commonjs": "^28.0.3",
     "@topdatasec/eslint-rc": "^1.0.4",
     "@types/nprogress": "^0.2.0",
     "@typescript-eslint/eslint-plugin": "^6.7.0",
@@ -62,20 +58,19 @@
     "vue-tsc": "~1.8.27"
   },
   "peerDependencies": {
+    "@wangeditor/editor": "^5.1.23",
+    "@wangeditor/editor-for-vue": "^5.1.12",
     "echarts": "^5.6.0",
     "element-plus": "^2.9.0",
     "pinia": "^2.1.6",
     "topdatasec-ui": "^1.6.1",
-    "vue": "^3.4.35"
+    "vue": "^3.4.35",
+    "vue-draggable-plus": "^0.6.0"
   },
   "repository": {
     "type": "git"
   },
   "keywords": [
-    "element-plus",
-    "vite",
-    "vite3",
-    "vitepress",
     "vue",
     "vue3",
     "components"