npm - @topdatasec/report - Versions diffs - 1.1.4 → 1.1.6 - Mend

@topdatasec/report 1.1.4 → 1.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/LICENSE +0 -21
package/README.md +6 -205
package/lib/style.css +1 -1
package/lib/t-report-ui.es.js +1086 -767
package/lib/t-report-ui.umd.js +2 -2
package/package.json +3 -2

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

@@ -1,2 +1,2 @@
-(function(w,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):(w=typeof globalThis<"u"?globalThis:w||self,e(w.TReportUI={},w.Vue,w.Pinia,w.ElementPlus,w.VueDraggable,w.Editor))})(this,function(w,e,M,ee,te,H){"use strict";const S=()=>new Date().getTime().toString(36)+"-"+Math.random().toString(36).substring(2,9),$=a=>JSON.parse(JSON.stringify(a)),oe=a=>a.replace(/-([a-z])/g,(o,t)=>t.toUpperCase()).replace(/^[a-z]/,o=>o.toUpperCase()),N=(a,o)=>a[oe(o)],ne=a=>window.$http.request({url:`${window.$reportURL}/tds/report/demo/get`,method:"get",params:a,isError:!1}),j=a=>window.$http.request({url:`${window.$reportURL}/tds/report/item/get`,method:"get",params:a,isError:!1}),le=a=>window.$http.request({url:`${window.$reportURL}/tds/report/preview`,method:"get",params:a,isError:!1}),ae=a=>window.$http.request({url:`${window.$reportURL}/tds/report/add`,method:"post",data:a}),re=a=>window.$http.request({url:`${window.$reportURL}/tds/report/put`,method:"put",data:a}),ie=a=>window.$http.request({url:`${window.$reportURL}/tds/report/get`,method:"get",params:a,isError:!1}),se=a=>window.$http.request({url:`${window.$reportURL}/tds/report/filter/get`,method:"get",params:a,isError:!1}),ce=a=>window.$http.request({url:`${window.$reportURL}/tds/report/delete`,method:"delete",data:a}),P="rgba(51, 51, 51, 0.15)",B="rgba(51, 51, 51, 1)",W=(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"],de=(a,o,t="",l={name:"name",value:"value"})=>{const r=[],n=[];o.forEach(i=>{r.push(i[l.name]),n.push(i[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},T=(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:W(),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:P,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}]}},pe=({chartOption:a,data:o,props:t={name:"label",value:"data"}})=>{let l=0;const r=o.map((n,i)=>(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)},me=()=>y.map(a=>`rgba(${a}, 1)`),L=({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:i=!0})=>{const p={color:me(),toolbox:{show:!1},tooltip:{trigger:"item",show:!0,formatter:s=>{const{name:m,value:d}=s;return`<div style="color: ${s.color}; font-size: 14px;">${m}&nbsp;&nbsp;&nbsp;</div>
-            <div><span style="font-size: 14px; color: #86909c; float: right;">数量：${d}</span></div>`}},title:{show:i,text:"样例数据",textStyle:{color:"#333",fontSize:18},x:10,y:10},legend:{show:l,left:"70%",formatter:s=>{var d;const m=(d=p.series[0])==null?void 0:d.data.find(c=>c.name===s).value;return` ${s} | ${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(s){return`{a|${s.name}(${s.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 p},ue=(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]))},_e=()=>({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:[]}),R=(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:W(),xAxis:{type:"category",splitLine:{show:!1},axisTick:{show:!1},axisLine:{show:!0,lineStyle:{color:P}},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=_e(),r=[];if(Array.isArray(o.value))o.value.forEach((n,i)=>{const p=$(l);p.name=n.name,p.lineStyle.color=`rgba(${y[i]}, 1)`,p.itemStyle.color=`rgba(${y[i]}, 1)`,p.areaStyle.color.colorStops[0].color=`rgba(${y[i]}, 0.7)`,p.areaStyle.color.colorStops[1].color=`rgba(${y[i]}, 0.1)`,p.data=a.map(s=>s[n.value]),r.push(p)});else if(typeof o.value=="string"){const n=$(l);n.data=a.map(i=>i[o.value]),r.push(n)}return t.series=r,t},U=[{key:"assets",name:"资产名称"},{key:"type",name:"资产类型"},{key:"data",name:"资产数据"}],D=[{assets:"name1",type:"type1",data:"data1"},{assets:"name2",type:"type2",data:"data2"},{assets:"name3",type:"type3",data:"data3"}],F=[{data:[{name:"默认数据",value:180}],label:"name1"},{data:[{name:"默认数据",value:311}],label:"name2"},{data:[{name:"默认数据",value:42}],label:"name3"},{data:[{name:"默认数据",value:32391}],label:"name4"}],fe=[{data:63,label:"数据1"},{data:45,label:"数据2"},{data:43,label:"数据3"}],Ce=[{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:S()},{type:"range-time",data:[{start_time:"2024-08-20 19:49:34",end_time:"2024-09-12 19:49:34"}],id:S()},{type:"h1",data:"报表名称",options:{size:24,color:"rgba(0,0,0,0.85)",fontWeight:500,letterSpacing:0,textIndent:0,textAlign:"left"},id:S()},{type:"h2",data:"一级标题",name:"一级标题",options:{size:18,color:" rgba(0, 0, 0, 0.85)",fontWeight:500,letterSpacing:0,textIndent:0,textAlign:"left"},id:S()},{type:"report-table",data:D,showColumn:U,name:"表格",options:{showColumn:{assets:!0,type:!0,data:!0},border:!0,showHeader:!0,stripe:!1},rp_item_uuid:"",id:S()}],ge=[{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:D,showColumn:U,name:"表格",options:{border:!0,showHeader:!0,stripe:!1,showColumn:{assect:!0,type:!0,data:!0}},rp_item_uuid:"",id:""},{type:"bar",data:F,showColumn:[{key:"label",value:"data"}],name:"图表",options:T(),rp_item_uuid:"",id:""}],he=a=>({bar:{type:"bar",data:F,showColumn:[{key:"label",value:"data"}],name:"图表",options:T(),rp_item_uuid:"",id:""},line:{type:"line",data:F,showColumn:[{key:"label",value:"data"}],name:"图表",options:R(),rp_item_uuid:"",id:""},pie:{type:"pie",data:fe,showColumn:[{key:"label",value:"data"}],name:"图表",options:L({isLegend:!0}),rp_item_uuid:"",id:""},"report-table":{type:"report-table",data:D,showColumn:U,name:"表格",options:{showColumn:{assect:!0,type:!0,data:!0},border:!0,showHeader:!0,stripe:!1},rp_item_uuid:"",id:""}})[a],k=M.defineStore("tds-report",{state:()=>({componentList:[],activeComponents:{},notDraggableList:[],titleComponent:{},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 ne({report_uuid:a})).data:o={content:$(Ce),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=S()}),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},setActiveComponents(a){this.activeComponents=a},clearComponents(){this.activeComponents={},this.componentList=[],this.notDraggableList=[],this.titleComponent={},this.filterForm={range_time:1,filter_uuid:""}}}}),be={class:"catalogue"},Ve=["href","title"],ye=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",be,[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,i=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass("level"+i.type),key:i.value},[i.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:"#"+i.id,title:i.data},e.toDisplayString(i.data),9,Ve)],2))),128))])}}}),ft="",E=(a,o)=>{const t=a.__vccOpts||a;for(const[l,r]of o)t[l]=r;return t},we=E(ye,[["__scopeId","data-v-1cd8aa2d"]]),ke={class:"chart-components"},q=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",ke,[e.createVNode(n,{option:t.value},null,8,["option"])])}}}),xe={class:"chart-components"},O=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",xe,[e.createVNode(n,{option:t.value},null,8,["option"])])}}}),Ne={class:"chart-components"},Y=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",Ne,[e.createVNode(n,{option:t.value},null,8,["option"])])}}}),Be={key:0},z=e.defineComponent({__name:"ReportSelect",props:{value:{}},emits:["change"],setup(a,{emit:o}){const t=o,l=i=>{t("change",i)},r=a,n=e.ref(r.value);return(i,p)=>{const s=e.resolveComponent("el-option"),m=e.resolveComponent("el-select");return n.value.data?(e.openBlock(),e.createElementBlock("div",Be,[e.createVNode(m,{modelValue:n.value.value,"onUpdate:modelValue":p[0]||(p[0]=d=>n.value.value=d),multiple:"",style:{width:"100%"},onChange:l,placeholder:"全部"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value.data,d=>(e.openBlock(),e.createBlock(s,{key:d.data,label:d.label,value:d.data},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])])):e.createCommentVNode("",!0)}}}),A=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 i(p){p?(r.value.data[0].start_time=p[0],r.value.data[0].end_time=p[1]):n.value=[],t("change",n.value)}return e.onMounted(()=>{n.value=[r.value.data[0].start_time,r.value.data[0].end_time]}),(p,s)=>{const m=e.resolveComponent("el-date-picker");return e.openBlock(),e.createElementBlock("div",null,[e.createVNode(m,{modelValue:n.value,"onUpdate:modelValue":s[0]||(s[0]=d=>n.value=d),type:"datetimerange",placeholder:"Pick a Date",format:"YYYY-MM-DD HH:mm:ss","value-format":"YYYY-MM-DD HH:mm:ss",onChange:i,clearable:!1},null,8,["modelValue"])])}}});function Se(a){return typeof a=="function"||Object.prototype.toString.call(a)==="[object Object]"&&!e.isVNode(a)}const G=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},Se(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)]))}}),I=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))}}),$e={class:"chart-components"},J=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=T([]).series;const r=[];let n="";t.value.data.forEach(i=>{n=i.data[0].name,r.push({name:i.label,value:i.data[0].value})}),de(t.value.options,r,n)}if(t.value.type==="pie"&&(t.value.options=L({isLegend:!0}),console.log(L({isLegend:!0}),"chartsPie({ isLegend: true })"),pe({chartOption:t.value.options,data:t.value.data})),t.value.type==="line"){let r=[];t.value.data.forEach(p=>{r=p.data.map((s,m)=>({name:s.name,value:"value"+m}))});const n={name:"name",value:r},i=t.value.data.map(p=>{const s={name:p.label};return r.forEach((m,d)=>{s[m.value]=p.data[d].value}),s});console.log(R([],n),"chartsLine([], params)"),t.value.options.series=R([],n).series,ue(t.value.options,i,n)}return t.value.options});return(r,n)=>{const i=e.resolveComponent("TdsChart");return e.openBlock(),e.createElementBlock("div",$e,[e.createVNode(i,{option:l.value},null,8,["option"])])}}});function Ee(a){return typeof a=="function"||Object.prototype.toString.call(a)==="[object Object]"&&!e.isVNode(a)}const K=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},Ee(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)]))}}),Te={class:"editor-box"},Le={class:"editor",id:"editor",style:{width:"100%"}},Re={class:"editor-content flex flex-start"},Ue=["id"],De=["innerHTML"],Fe=e.defineComponent({__name:"index",props:e.mergeModels({reportId:{type:String,default:""}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(a){const o={Bar:q,Line:O,Pie:Y,ReportSelect:z,RangeTime:A,ReportTable:G,ReportText:I,ReportChart:J,ReportDescribe:K},t=k(),l=a,r=e.useModel(a,"modelValue"),n=e.ref([]),i=e.ref([]),p=e.ref([]),s=e.ref(""),m=e.ref("");function d(){r.value="table"}const c=u=>{p.value=u,_()},f=u=>{u&&u.length>0&&(s.value=u[0],m.value=u[1]),_()},_=async()=>{const u={report_uuid:l.reportId,start_time:s.value,end_time:m.value,select_data:p.value.join(",")},g=await le(u),x=[];g.data.forEach(C=>{(C.type==="report-select"||C.type==="range-time")&&x.push(C)}),n.value=x,g.data.splice(0,n.value.length),i.value=g.data};_();const V=()=>e.createVNode("div",null,[e.createTextVNode("未找到对应组件")]),h=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(V,null,null);return(u,g)=>{const x=e.resolveComponent("el-button"),C=e.resolveComponent("el-card");return e.openBlock(),e.createBlock(C,{class:"editor view"},{default:e.withCtx(()=>[e.createElementVNode("div",Te,[e.createVNode(we,{data:i.value},null,8,["data"]),e.createElementVNode("div",Le,[e.createElementVNode("div",Re,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,b=>(e.openBlock(),e.createElementBlock("div",{class:"item-input",key:b.id},[b.type==="report-select"?(e.openBlock(),e.createBlock(z,{key:0,onChange:c,value:b},null,8,["value"])):e.createCommentVNode("",!0),b.type==="range-time"&&e.unref(t).filterForm.range_time?(e.openBlock(),e.createBlock(A,{key:1,onChange:f,value:b},null,8,["value"])):e.createCommentVNode("",!0)]))),128)),e.createVNode(x,{plain:"",onClick:d,type:"primary",class:"custom-btn",style:{"margin-left":"auto"}},{default:e.withCtx(()=>g[0]||(g[0]=[e.createTextVNode("退出预览")])),_:1})]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,b=>(e.openBlock(),e.createElementBlock("div",{key:b.id,class:e.normalizeClass(["editor-content",["editor"+b.type]]),id:b.id},[b.type!=="p"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(h(b.type)),{key:0,class:e.normalizeClass(["editor"+b.type]),value:b},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(b.data),1)]),_:2},1032,["class","value"])):(e.openBlock(),e.createElementBlock("p",{key:1,innerHTML:b.data},null,8,De))],10,Ue))),128))])])]),_:1})}}}),Ct="",ze=E(Fe,[["__scopeId","data-v-2d59469a"]]),Ae={class:"editor"},Ie={class:"editor-content edit"},Me=["onClick"],He=["onClick"],je=["innerHTML","draggable"],Pe=e.defineComponent({__name:"Editor",setup(a){const o={Bar:q,Line:O,Pie:Y,ReportSelect:z,RangeTime:A,ReportTable:G,ReportText:I,ReportChart:J,ReportDescribe:K},{componentList:t,activeComponents:l,notDraggableList:r,titleComponent:n}=M.storeToRefs(k()),i=k(),p=u=>{t.value.forEach((g,x)=>{g.id===u&&(t.value.splice(x,1),i.activeComponents=[])})},s=u=>{i.setActiveComponents(u)},m=()=>e.createVNode("div",null,[e.createTextVNode("未找到对应组件")]),d=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),c=u=>{console.log(u,"evt")},f=e.ref(!1),_=()=>{f.value=!0},V=u=>{u.newIndex!==0&&(console.log(u),f.value=!1)},h=e.ref();return(u,g)=>{const x=e.resolveComponent("icon-material-symbols:cancel-outline");return e.openBlock(),e.createElementBlock("div",Ae,[e.createElementVNode("div",{class:e.normalizeClass(["editor-content edit flex flex-start",[{active:e.unref(l).id==="filter"}]]),onClick:g[0]||(g[0]=C=>s({id:"filter",type:"filter"}))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(r),C=>(e.openBlock(),e.createElementBlock("div",{class:"item-input",key:C.id},[C.type==="report-select"||C.type==="range-time"&&e.unref(i).filterForm.range_time?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(N)(o,C.type)),{key:0,value:C},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(C.data),1)]),_:2},1032,["value"])):e.createCommentVNode("",!0)]))),128))],2),e.createElementVNode("div",Ie,[e.createVNode(I,{value:e.unref(n),onClick:g[1]||(g[1]=C=>s(e.unref(n)))},null,8,["value"])]),e.createVNode(e.unref(te.VueDraggable),{ref_key:"el",ref:h,modelValue:e.unref(t),"onUpdate:modelValue":g[2]||(g[2]=C=>e.isRef(t)?t.value=C:null),"on-change":c,animation:150,onStart:_,onEnd:V},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(t),C=>(e.openBlock(),e.createElementBlock("div",{key:C.id,class:e.normalizeClass(["editor-content edit",["editor"+C.type,{active:C.id===e.unref(l).id}]]),onClick:b=>s(C)},[e.createElementVNode("i",{onClick:e.withModifiers(b=>p(C.id),["stop"])},[e.createVNode(x,{class:"color-red"})],8,He),C.type!=="p"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d(C.type)),{key:0,class:e.normalizeClass(["editor"+C.type]),value:C,draggable:f.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(C.data),1)]),_:2},1032,["class","value","draggable"])):(e.openBlock(),e.createElementBlock("p",{key:1,innerHTML:C.data,draggable:f.value},null,8,je))],10,Me))),128))]),_:1},8,["modelValue"])])}}}),We={class:"label"},qe={class:"flex item-switch"},Oe={class:"flex item-switch"},Ye={class:"flex item-switch"},Q=e.defineComponent({__name:"SettingTable",setup(a){const o=k(),t=e.computed(()=>o.getActiveComponents);return(l,r)=>{const n=e.resolveComponent("el-switch"),i=e.resolveComponent("el-form-item"),p=e.resolveComponent("el-divider");return e.openBlock(),e.createElementBlock("div",null,[e.createVNode(i,{label:"控制列"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value.showColumn,(s,m)=>(e.openBlock(),e.createElementBlock("p",{class:"flex item-switch",key:m},[e.createElementVNode("span",We,e.toDisplayString(s.name),1),e.createVNode(n,{modelValue:t.value.options.showColumn[s.key],"onUpdate:modelValue":d=>t.value.options.showColumn[s.key]=d},null,8,["modelValue","onUpdate:modelValue"])]))),128))]),_:1}),e.createVNode(p),e.createVNode(i,{label:"表格样式"},{default:e.withCtx(()=>[e.createElementVNode("p",qe,[r[3]||(r[3]=e.createElementVNode("span",{class:"label"},"斑马纹",-1)),e.createVNode(n,{modelValue:t.value.options.stripe,"onUpdate:modelValue":r[0]||(r[0]=s=>t.value.options.stripe=s)},null,8,["modelValue"])]),e.createElementVNode("p",Oe,[r[4]||(r[4]=e.createElementVNode("span",{class:"label"},"边框",-1)),e.createVNode(n,{modelValue:t.value.options.border,"onUpdate:modelValue":r[1]||(r[1]=s=>t.value.options.border=s)},null,8,["modelValue"])]),e.createElementVNode("p",Ye,[r[5]||(r[5]=e.createElementVNode("span",{class:"label"},"表头",-1)),e.createVNode(n,{modelValue:t.value.options.showHeader,"onUpdate:modelValue":r[2]||(r[2]=s=>t.value.options.showHeader=s)},null,8,["modelValue"])])]),_:1})])}}}),Ge={key:0},Je=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 i=e.resolveComponent("el-input"),p=e.resolveComponent("el-form-item"),s=e.resolveComponent("el-switch"),m=e.resolveComponent("el-col"),d=e.resolveComponent("el-color-picker"),c=e.resolveComponent("el-input-number"),f=e.resolveComponent("el-row"),_=e.resolveComponent("el-collapse-item"),V=e.resolveComponent("el-collapse");return t.value.options.title?(e.openBlock(),e.createElementBlock("div",Ge,[e.createVNode(p,{label:"标题"},{default:e.withCtx(()=>[e.createVNode(i,{modelValue:t.value.options.title.text,"onUpdate:modelValue":n[0]||(n[0]=h=>t.value.options.title.text=h)},null,8,["modelValue"])]),_:1}),e.createVNode(V,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(s,{modelValue:t.value.options.title.show,"onUpdate:modelValue":n[1]||(n[1]=h=>t.value.options.title.show=h)},null,8,["modelValue"])]),_:1}),e.createVNode(m,{span:12},{default:e.withCtx(()=>[e.createVNode(d,{modelValue:t.value.options.title.textStyle.color,"onUpdate:modelValue":n[2]||(n[2]=h=>t.value.options.title.textStyle.color=h),"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(c,{modelValue:t.value.options.title.textStyle.fontSize,"onUpdate:modelValue":n[3]||(n[3]=h=>t.value.options.title.textStyle.fontSize=h),"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(c,{modelValue:t.value.options.title.x,"onUpdate:modelValue":n[4]||(n[4]=h=>t.value.options.title.x=h),"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(c,{modelValue:t.value.options.title.y,"onUpdate:modelValue":n[5]||(n[5]=h=>t.value.options.title.y=h),"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(s,{onChange:l,modelValue:t.value.options.series[0].roseType,"onUpdate:modelValue":n[6]||(n[6]=h=>t.value.options.series[0].roseType=h)},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(s,{key:0,modelValue:t.value.options.legend.show,"onUpdate:modelValue":n[7]||(n[7]=h=>t.value.options.legend.show=h)},null,8,["modelValue"])):e.createCommentVNode("",!0)]),_:1})]),_:1})]),_:1})]),_:1})])):e.createCommentVNode("",!0)}}}),gt="",Ke=E(Je,[["__scopeId","data-v-e9859d3b"]]),X=e.defineComponent({__name:"SettingDescribe",setup(a){const o=k(),t=e.computed(()=>o.getActiveComponents);return(l,r)=>{const n=e.resolveComponent("el-input"),i=e.resolveComponent("el-form-item"),p=e.resolveComponent("el-switch"),s=e.resolveComponent("el-input-number"),m=e.resolveComponent("el-radio"),d=e.resolveComponent("el-radio-group");return e.openBlock(),e.createElementBlock("div",null,[e.createVNode(i,{label:"标题"},{default:e.withCtx(()=>[e.createVNode(n,{modelValue:t.value.options.title,"onUpdate:modelValue":r[0]||(r[0]=c=>t.value.options.title=c)},null,8,["modelValue"])]),_:1}),e.createVNode(i,{label:"边框"},{default:e.withCtx(()=>[e.createVNode(p,{modelValue:t.value.options.border,"onUpdate:modelValue":r[1]||(r[1]=c=>t.value.options.border=c)},null,8,["modelValue"])]),_:1}),e.createVNode(i,{label:"每行展示数量"},{default:e.withCtx(()=>[e.createVNode(s,{modelValue:t.value.options.column,"onUpdate:modelValue":r[2]||(r[2]=c=>t.value.options.column=c),min:1,max:10,controls:!1},null,8,["modelValue"])]),_:1}),e.createVNode(i,{label:"排列方向"},{default:e.withCtx(()=>[e.createVNode(d,{modelValue:t.value.options.direction,"onUpdate:modelValue":r[3]||(r[3]=c=>t.value.options.direction=c)},{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})])}}}),Qe=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(""),i=e.ref();async function p(d){const c=await j({prod_type:window.$prodType,chart_type:d,filter_uuid:o.filterForm.filter_uuid});i.value=c.data}function s(d){let c=i.value.find(_=>_.rp_item_uuid===d);const f=c.rp_item_content;if(c.rp_item_content.type,f.type==="report-table"){const _={};f.showColumn.forEach(V=>{_[V.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=c.rp_item_uuid}e.onMounted(async()=>{n.value=l.value.type,await p(n.value)});async function m(d){try{t.value=!0,await p(d),Object.assign(o.activeComponents,he(d)),t.value=!1}catch{t.value=!1}}return e.watch(()=>l.value,d=>{console.log(d,"activeComponents"),~["bar","pie","line","report-table","report-describe"].indexOf(d.type)&&(n.value=l.value.type,p(n.value))}),(d,c)=>{const f=e.resolveComponent("el-option"),_=e.resolveComponent("el-select"),V=e.resolveComponent("el-form-item"),h=e.resolveComponent("el-form"),u=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createElementBlock("div",null,[e.createVNode(h,{"label-position":"top"},{default:e.withCtx(()=>[e.createVNode(V,{label:"图表类型"},{default:e.withCtx(()=>[e.createVNode(_,{style:{width:"100%"},modelValue:n.value,"onUpdate:modelValue":c[0]||(c[0]=g=>n.value=g),onChange:m},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(r,(g,x)=>e.createVNode(f,{key:x,label:g.name,value:g.value},null,8,["label","value"])),64))]),_:1},8,["modelValue"])]),_:1}),e.createVNode(V,{label:"组件库"},{default:e.withCtx(()=>[e.createVNode(_,{style:{width:"100%"},modelValue:e.unref(o).activeComponents.rp_item_uuid,"onUpdate:modelValue":c[1]||(c[1]=g=>e.unref(o).activeComponents.rp_item_uuid=g),onChange:s},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(g,x)=>(e.openBlock(),e.createBlock(f,{key:x,label:g.rp_item_name,value:g.rp_item_uuid},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1}),n.value==="report-table"&&l.value.options.showColumn?(e.openBlock(),e.createBlock(Q,{key:0})):e.createCommentVNode("",!0),n.value==="pie"||n.value==="bar"||n.value==="line"?(e.openBlock(),e.createBlock(Ke,{key:1})):e.createCommentVNode("",!0),n.value==="report-describe"?(e.openBlock(),e.createBlock(X,{key:2})):e.createCommentVNode("",!0)]),_:1})])),[[u,t.value]])}}}),Xe={key:0},Ze={style:{border:"1px solid #ccc","border-radius":"3px"}},Z="default",ve=e.defineComponent({__name:"SettingText",setup(a){const o=k(),t=e.shallowRef(),l=e.ref();function r(d){const c=l.value.find(f=>f.rp_item_uuid===d);o.activeComponents.uri=c.rp_item_content.uri,t.value.setHtml((c==null?void 0:c.rp_item_content.data)||"")}async function n(){const d=await j({prod_type:window.$prodType,chart_type:"p",filter_uuid:o.filterForm.filter_uuid});l.value=d.data}n();const i={toolbarKeys:["bold","underline","italic","through","code","bulletedList","numberedList","clearStyle","color","bgColor","fontSize","fontFamily","justifyLeft","justifyRight","justifyCenter","justifyJustify","lineHeight"]},p={placeholder:"请输入内容..."},s=d=>{t.value=d},m=d=>{};return e.onBeforeUnmount(()=>{const d=t.value;d!=null&&d.destroy()}),(d,c)=>{const f=e.resolveComponent("el-option"),_=e.resolveComponent("el-select"),V=e.resolveComponent("el-form-item"),h=e.resolveComponent("el-form");return e.unref(o).activeComponents.id?(e.openBlock(),e.createElementBlock("div",Xe,[e.createVNode(h,{"label-position":"top"},{default:e.withCtx(()=>[e.createVNode(V,{label:"组件库"},{default:e.withCtx(()=>[e.createVNode(_,{style:{width:"100%"},modelValue:e.unref(o).activeComponents.rp_item_uuid,"onUpdate:modelValue":c[0]||(c[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,g)=>(e.openBlock(),e.createBlock(f,{key:g,label:u.rp_item_name,value:u.rp_item_uuid},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1}),e.createVNode(V,{label:"文本内容"},{default:e.withCtx(()=>[e.createElementVNode("div",Ze,[e.createVNode(e.unref(H.Toolbar),{style:{"border-bottom":"1px solid #ccc"},editor:t.value,"default-config":i,mode:Z},null,8,["editor"]),e.createVNode(e.unref(H.Editor),{style:{height:"500px","overflow-y":"hidden"},onOnChange:m,modelValue:e.unref(o).activeComponents.data,"onUpdate:modelValue":c[1]||(c[1]=u=>e.unref(o).activeComponents.data=u),"default-config":p,mode:Z,onOnCreated:s},null,8,["modelValue"])])]),_:1})]),_:1})])):e.createCommentVNode("",!0)}}}),et=e.defineComponent({__name:"SettingFilter",setup(a){const o=e.ref([]),t=k();async function l(){const r=await se({prod_type:window.$prodType});o.value=r.data}return l(),(r,n)=>{const i=e.resolveComponent("el-option"),p=e.resolveComponent("el-select"),s=e.resolveComponent("el-form-item"),m=e.resolveComponent("el-checkbox"),d=e.resolveComponent("el-form");return e.openBlock(),e.createBlock(d,{"label-width":"80px","label-position":"top"},{default:e.withCtx(()=>[e.createVNode(s,{label:"筛选条件"},{default:e.withCtx(()=>[e.createVNode(p,{modelValue:e.unref(t).filterForm.filter_uuid,"onUpdate:modelValue":n[0]||(n[0]=c=>e.unref(t).filterForm.filter_uuid=c),disabled:!!e.unref(t).filterForm.filter_uuid},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,c=>(e.openBlock(),e.createBlock(i,{key:c.filter_uuid,label:c.filter_name,value:c.filter_uuid},null,8,["label","value"]))),128))]),_:1},8,["modelValue","disabled"])]),_:1}),e.createVNode(s,null,{default:e.withCtx(()=>[e.createVNode(m,{modelValue:e.unref(t).filterForm.range_time,"onUpdate:modelValue":n[1]||(n[1]=c=>e.unref(t).filterForm.range_time=c),"true-value":1,"false-value":0,label:"时间范围"},null,8,["modelValue"])]),_:1})]),_:1})}}}),tt=e.defineComponent({__name:"SettingTitle",setup(a){const o=k();return(t,l)=>{const r=e.resolveComponent("el-input"),n=e.resolveComponent("el-form-item"),i=e.resolveComponent("el-color-picker"),p=e.resolveComponent("el-col"),s=e.resolveComponent("el-input-number"),m=e.resolveComponent("el-option"),d=e.resolveComponent("el-select"),c=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(c,{gutter:20},{default:e.withCtx(()=>[e.createVNode(p,{span:12},{default:e.withCtx(()=>[e.createVNode(i,{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(p,{span:12},{default:e.withCtx(()=>[e.createVNode(s,{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(p,{span:12},{default:e.withCtx(()=>[e.createVNode(d,{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(p,{span:12},{default:e.withCtx(()=>[e.createVNode(s,{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(p,{span:12},{default:e.withCtx(()=>[e.createVNode(s,{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(p,{span:12},{default:e.withCtx(()=>[e.createVNode(d,{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})}}}),ht="",ot=E(tt,[["__scopeId","data-v-56fef84c"]]),nt=e.defineComponent({__name:"Setting",setup(a){const o={SettingTable:Q,SettingCharts:Qe,SettingDescribe:X,SettingText:ve,SettingFilter:et,SettingTitle:ot},t=k(),l=e.computed(()=>t.activeComponents),r=["h1","h2","h3","h4"],n=["p"],i=["report-table","bar","line","pie","report-describe"],p=s=>r.includes(s)?N(o,"SettingTitle"):n.includes(s)?N(o,"SettingText"):i.includes(s)?N(o,"SettingCharts"):s==="filter"?N(o,"SettingFilter"):"DefaultEditor";return(s,m)=>{const d=e.resolveComponent("el-card");return e.openBlock(),e.createBlock(d,{class:"config-wrapper"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p(l.value.type))))]),_:1})}}}),lt={class:"editor-wrapper flex start"},at={class:"flex"},rt={class:"btn-group"},it=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=s=>{const m=$(s);m.id=S(),o.componentList.push(m)};function n(){l.value="table"}function i(){o.getReportDemo(t.reportId)}e.onMounted(()=>{i()});async function p(){if(!o.filterForm.filter_uuid){ee.ElMessage.error("请选择筛选条件");return}try{t.reportId?await re({report_uuid:t.reportId,data:{report_name:o.titleComponent.data,prod_type:window.$prodType,content:[...o.notDraggableList,o.titleComponent,...o.componentList],...o.filterForm}}):await ae({data:{report_name:o.titleComponent.data,prod_type:window.$prodType,content:[...o.notDraggableList,o.titleComponent,...o.componentList],...o.filterForm}}),n()}catch(s){console.log(s,"error")}}return e.onUnmounted(()=>{o.clearComponents()}),(s,m)=>{const d=e.resolveComponent("el-button"),c=e.resolveComponent("el-button-group"),f=e.resolveComponent("el-card");return e.openBlock(),e.createElementBlock("div",lt,[e.createVNode(f,{class:"view-wrapper"},{default:e.withCtx(()=>[e.createElementVNode("div",at,[e.createElementVNode("div",rt,[e.createVNode(c,null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(ge),_=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:_.type},[_!=null&&_.hide?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(d,{key:0,onClick:V=>r(_)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(_.name),1)]),_:2},1032,["onClick"]))],64))),128))]),_:1})]),e.createVNode(c,null,{default:e.withCtx(()=>[e.createVNode(d,{type:"primary",onClick:p},{default:e.withCtx(()=>m[0]||(m[0]=[e.createTextVNode("保存")])),_:1}),e.createVNode(d,{onClick:n},{default:e.withCtx(()=>m[1]||(m[1]=[e.createTextVNode("退出")])),_:1})]),_:1})]),e.createVNode(Pe)]),_:1}),e.createVNode(nt)])}}}),st={class:"table-box"},ct=e.defineComponent({__name:"Report",emits:["click"],setup(a,{emit:o}){const t=e.computed(()=>({prod_type:window.$prodType})),l=e.ref(),r=o,n=c=>{r("click",c.report_uuid,"review")},i=c=>{r("click",c.report_uuid,"editor")},p=()=>{r("click","","editor")},s=c=>{console.log(c)},m=c=>{window.$messageBox("确定要删除吗?","","温馨提示","error").then(async()=>{await ce({report_uuids:c}),l.value.getTableList()})},d=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:c=>e.createVNode("div",null,[e.createVNode(e.resolveComponent("el-button"),{link:!0,type:"primary",class:"custom-btn",icon:"View",title:"预览",onClick:()=>n(c.row)},null),e.createVNode(e.resolveComponent("el-button"),{link:!0,type:"primary",class:"custom-btn",icon:"Edit",title:"编辑",onClick:()=>i(c.row)},null),e.createVNode(e.resolveComponent("el-button"),{link:!0,type:"danger",icon:"Delete",title:"删除",onClick:()=>m([c.row.report_uuid])},null)])}]);return(c,f)=>{const _=e.resolveComponent("el-button"),V=e.resolveComponent("TdsTable");return e.openBlock(),e.createElementBlock("div",st,[e.createVNode(V,{ref_key:"proTable",ref:l,columns:d,"request-api":e.unref(ie),"init-param":t.value,"row-key":"report_uuid",options:c.$tableOptions(),"search-col":6,onSelectionChange:s},{tableHeader:e.withCtx(h=>[e.createVNode(_,{plain:"",type:"primary",class:"custom-btn",icon:"Plus",onClick:p},{default:e.withCtx(()=>f[0]||(f[0]=[e.createTextVNode("添加")])),_:1}),e.createVNode(_,{plain:"",type:"danger",icon:"Delete",onClick:u=>m(h.selectedListIds)},{default:e.withCtx(()=>f[1]||(f[1]=[e.createTextVNode("删除")])),_:2},1032,["onClick"])]),_:1},8,["columns","request-api","init-param","options"])])}}}),bt="",dt={style:{height:"100%"}},pt=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",dt,[e.createVNode(e.TransitionGroup,{name:"slide-fade"},{default:e.withCtx(()=>[t.value==="table"?(e.openBlock(),e.createBlock(ct,{key:0,onClick:l})):e.createCommentVNode("",!0),t.value==="review"?(e.openBlock(),e.createBlock(ze,{key:1,"report-id":o.value,modelValue:t.value,"onUpdate:modelValue":n[0]||(n[0]=i=>t.value=i)},null,8,["report-id","modelValue"])):e.createCommentVNode("",!0),t.value==="editor"?(e.openBlock(),e.createBlock(it,{key:2,"report-id":o.value,modelValue:t.value,"onUpdate:modelValue":n[1]||(n[1]=i=>t.value=i)},null,8,["report-id","modelValue"])):e.createCommentVNode("",!0)]),_:1})]))}}),Vt="",v=((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})(pt),mt={TCReport:v},ut={install(a,o){Object.entries(mt).forEach(([t,l])=>{a.component(t,l)}),o.prodType&&(window.$prodType=o.prodType),o.envURL&&(window.$reportURL=o.envURL)}};w.TCReport=v,w.default=ut,Object.defineProperties(w,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(w,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"),require("@element-plus/icons-vue")):typeof define=="function"&&define.amd?define(["exports","vue","pinia","element-plus","vue-draggable-plus","@wangeditor/editor-for-vue","@element-plus/icons-vue"],e):(w=typeof globalThis<"u"?globalThis:w||self,e(w.TReportUI={},w.Vue,w.Pinia,w.ElementPlus,w.VueDraggable,w.Editor,w.IconsVue))})(this,function(w,e,q,ne,le,M,ae){"use strict";const $=()=>new Date().getTime().toString(36)+"-"+Math.random().toString(36).substring(2,9),S=a=>JSON.parse(JSON.stringify(a)),re=a=>a.replace(/-([a-z])/g,(o,t)=>t.toUpperCase()).replace(/^[a-z]/,o=>o.toUpperCase()),N=(a,o)=>a[re(o)],ie=a=>window.$http.request({url:`${window.$reportURL}/tds/report/demo/get`,method:"get",params:a,isError:!1}),P=a=>window.$http.request({url:`${window.$reportURL}/tds/report/item/get`,method:"get",params:a,isError:!1}),se=a=>window.$http.request({url:`${window.$reportURL}/tds/report/preview`,method:"get",params:a,isError:!1}),de=a=>window.$http.request({url:`${window.$reportURL}/tds/report/add`,method:"post",data:a}),pe=a=>window.$http.request({url:`${window.$reportURL}/tds/report/put`,method:"put",data:a}),ce=a=>window.$http.request({url:`${window.$reportURL}/tds/report/get`,method:"get",params:a,isError:!1}),H=a=>window.$http.request({url:`${window.$reportURL}/tds/report/filter/get`,method:"get",params:a,isError:!1}),me=a=>window.$http.request({url:`${window.$reportURL}/tds/report/delete`,method:"delete",data:a}),ue=a=>window.$http.request({url:`${window.$reportURL}/tds/report/item/list`,method:"get",params:a,isError:!1}),_e=a=>window.$http.request({url:`${window.$reportURL}/tds/report/item/delete`,method:"delete",data:a}),fe=a=>window.$http.request({url:`${window.$reportURL}/tds/report/item/add`,method:"post",data:a}),Ce=a=>window.$http.request({url:`${window.$reportURL}/tds/report/item/put`,method:"put",data:a}),j="rgba(51, 51, 51, 0.15)",B="rgba(51, 51, 51, 1)",W=(a=!1)=>{const o={left:"3%",right:"3%",bottom:"2%",containLabel:!0};return a&&(o.top="5%"),o},V=["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"],be=(a,o,t="",l={name:"name",value:"value"})=>{const r=[],n=[];o.forEach(i=>{r.push(i[l.name]),n.push(i[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},E=(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:W(),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:j,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(${V[0]}, 0.7)`,`rgba(${V[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(${V[0]}, 0.7)`,`rgba(${V[0]}, 0.2)`),data:l},{name:"",type:"pictorialBar",symbolSize:[15,10],symbolOffset:[0,-5],symbolPosition:"end",itemStyle:t(`rgba(${V[0]}, 0.9)`,`rgba(${V[0]}, 1)`),data:l}]}},ge=({chartOption:a,data:o,props:t={name:"label",value:"data"}})=>{let l=0;const r=o.map((n,i)=>(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)},he=()=>V.map(a=>`rgba(${a}, 1)`),T=({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:i=!0})=>{const m={color:he(),toolbox:{show:!1},tooltip:{trigger:"item",show:!0,formatter:s=>{const{name:_,value:c}=s;return`<div style="color: ${s.color}; font-size: 14px;">${_}&nbsp;&nbsp;&nbsp;</div>
+            <div><span style="font-size: 14px; color: #86909c; float: right;">数量：${c}</span></div>`}},title:{show:i,text:"样例数据",textStyle:{color:"#333",fontSize:18},x:10,y:10},legend:{show:l,left:"70%",formatter:s=>{var c;const _=(c=m.series[0])==null?void 0:c.data.find(d=>d.name===s).value;return` ${s} | ${_}`},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(s){return`{a|${s.name}(${s.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 m},ye=(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]))},Ve=()=>({name:"",type:"line",symbol:"circle",smooth:!0,lineStyle:{width:1,color:`rgba(${V[0]}, 1)`},showSymbol:!1,itemStyle:{color:`rgba(${V[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(${V[0]}, 0.7)`},{offset:1,color:`rgba(${V[0]}, 0.1)`}],global:!1}},data:[]}),L=(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:W(),xAxis:{type:"category",splitLine:{show:!1},axisTick:{show:!1},axisLine:{show:!0,lineStyle:{color:j}},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=Ve(),r=[];if(Array.isArray(o.value))o.value.forEach((n,i)=>{const m=S(l);m.name=n.name,m.lineStyle.color=`rgba(${V[i]}, 1)`,m.itemStyle.color=`rgba(${V[i]}, 1)`,m.areaStyle.color.colorStops[0].color=`rgba(${V[i]}, 0.7)`,m.areaStyle.color.colorStops[1].color=`rgba(${V[i]}, 0.1)`,m.data=a.map(s=>s[n.value]),r.push(m)});else if(typeof o.value=="string"){const n=S(l);n.data=a.map(i=>i[o.value]),r.push(n)}return t.series=r,t},U=[{key:"assets",name:"资产名称"},{key:"type",name:"资产类型"},{key:"data",name:"资产数据"}],D=[{assets:"name1",type:"type1",data:"data1"},{assets:"name2",type:"type2",data:"data2"},{assets:"name3",type:"type3",data:"data3"}],F=[{data:[{name:"默认数据",value:180}],label:"name1"},{data:[{name:"默认数据",value:311}],label:"name2"},{data:[{name:"默认数据",value:42}],label:"name3"},{data:[{name:"默认数据",value:32391}],label:"name4"}],we=[{data:63,label:"数据1"},{data:45,label:"数据2"},{data:43,label:"数据3"}],ke=[{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:$()},{type:"range-time",data:[{start_time:"2024-08-20 19:49:34",end_time:"2024-09-12 19:49:34"}],id:$()},{type:"h1",data:"报表名称",options:{size:24,color:"rgba(0,0,0,0.85)",fontWeight:500,letterSpacing:0,textIndent:0,textAlign:"left"},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:"report-table",data:D,showColumn:U,name:"表格",options:{showColumn:{assets:!0,type:!0,data:!0},border:!0,showHeader:!0,stripe:!1},rp_item_uuid:"",id:$()}],xe=[{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:D,showColumn:U,name:"表格",options:{border:!0,showHeader:!0,stripe:!1,showColumn:{assect:!0,type:!0,data:!0}},rp_item_uuid:"",id:""},{type:"bar",data:F,showColumn:[{key:"label",value:"data"}],name:"图表",options:E(),rp_item_uuid:"",id:""}],Ne=a=>({bar:{type:"bar",data:F,showColumn:[{key:"label",value:"data"}],name:"图表",options:E(),rp_item_uuid:"",id:""},line:{type:"line",data:F,showColumn:[{key:"label",value:"data"}],name:"图表",options:L(),rp_item_uuid:"",id:""},pie:{type:"pie",data:we,showColumn:[{key:"label",value:"data"}],name:"图表",options:T({isLegend:!0}),rp_item_uuid:"",id:""},"report-table":{type:"report-table",data:D,showColumn:U,name:"表格",options:{showColumn:{assect:!0,type:!0,data:!0},border:!0,showHeader:!0,stripe:!1},rp_item_uuid:"",id:""}})[a],x=q.defineStore("tds-report",{state:()=>({componentList:[],activeComponents:{},notDraggableList:[],titleComponent:{},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 ie({report_uuid:a})).data:o={content:S(ke),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=$()}),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},setActiveComponents(a){this.activeComponents=a},clearComponents(){this.activeComponents={},this.componentList=[],this.notDraggableList=[],this.titleComponent={},this.filterForm={range_time:1,filter_uuid:""}}}}),Be={class:"catalogue"},$e=["href","title"],Se=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",Be,[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,i=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass("level"+i.type),key:i.value},[i.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:"#"+i.id,title:i.data},e.toDisplayString(i.data),9,$e)],2))),128))])}}}),Bt="",R=(a,o)=>{const t=a.__vccOpts||a;for(const[l,r]of o)t[l]=r;return t},Ee=R(Se,[["__scopeId","data-v-1cd8aa2d"]]),Te={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",Te,[e.createVNode(n,{option:t.value},null,8,["option"])])}}}),Le={class:"chart-components"},O=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",Le,[e.createVNode(n,{option:t.value},null,8,["option"])])}}}),Re={class:"chart-components"},K=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",Re,[e.createVNode(n,{option:t.value},null,8,["option"])])}}}),Ue={key:0},z=e.defineComponent({__name:"ReportSelect",props:{value:{}},emits:["change"],setup(a,{emit:o}){const t=o,l=i=>{t("change",i)},r=a,n=e.ref(r.value);return(i,m)=>{const s=e.resolveComponent("el-option"),_=e.resolveComponent("el-select");return n.value.data?(e.openBlock(),e.createElementBlock("div",Ue,[e.createVNode(_,{modelValue:n.value.value,"onUpdate:modelValue":m[0]||(m[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(s,{key:c.data,label:c.label,value:c.data},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])])):e.createCommentVNode("",!0)}}}),A=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 i(m){m?(r.value.data[0].start_time=m[0],r.value.data[0].end_time=m[1]):n.value=[],t("change",n.value)}return e.onMounted(()=>{n.value=[r.value.data[0].start_time,r.value.data[0].end_time]}),(m,s)=>{const _=e.resolveComponent("el-date-picker");return e.openBlock(),e.createElementBlock("div",null,[e.createVNode(_,{modelValue:n.value,"onUpdate:modelValue":s[0]||(s[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:i,clearable:!1},null,8,["modelValue"])])}}});function De(a){return typeof a=="function"||Object.prototype.toString.call(a)==="[object Object]"&&!e.isVNode(a)}const G=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},De(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)]))}}),I=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))}}),Fe={class:"chart-components"},J=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=E([]).series;const r=[];let n="";t.value.data.forEach(i=>{n=i.data[0].name,r.push({name:i.label,value:i.data[0].value})}),be(t.value.options,r,n)}if(t.value.type==="pie"&&(t.value.options=T({isLegend:!0}),console.log(T({isLegend:!0}),"chartsPie({ isLegend: true })"),ge({chartOption:t.value.options,data:t.value.data})),t.value.type==="line"){let r=[];t.value.data.forEach(m=>{r=m.data.map((s,_)=>({name:s.name,value:"value"+_}))});const n={name:"name",value:r},i=t.value.data.map(m=>{const s={name:m.label};return r.forEach((_,c)=>{s[_.value]=m.data[c].value}),s});console.log(L([],n),"chartsLine([], params)"),t.value.options.series=L([],n).series,ye(t.value.options,i,n)}return t.value.options});return(r,n)=>{const i=e.resolveComponent("TdsChart");return e.openBlock(),e.createElementBlock("div",Fe,[e.createVNode(i,{option:l.value},null,8,["option"])])}}});function ze(a){return typeof a=="function"||Object.prototype.toString.call(a)==="[object Object]"&&!e.isVNode(a)}const Q=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},ze(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)]))}}),Ae={class:"editor-box"},Ie={class:"editor",id:"editor",style:{width:"100%"}},qe={class:"editor-content flex flex-start"},Me=["id"],Pe=["innerHTML"],He=e.defineComponent({__name:"index",props:e.mergeModels({reportId:{type:String,default:""}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(a){const o={Bar:Y,Line:O,Pie:K,ReportSelect:z,RangeTime:A,ReportTable:G,ReportText:I,ReportChart:J,ReportDescribe:Q},t=x(),l=a,r=e.useModel(a,"modelValue"),n=e.ref([]),i=e.ref([]),m=e.ref([]),s=e.ref(""),_=e.ref("");function c(){r.value="table"}const d=u=>{m.value=u,p()},f=u=>{u&&u.length>0&&(s.value=u[0],_.value=u[1]),p()},p=async()=>{const u={report_uuid:l.reportId,start_time:s.value,end_time:_.value,select_data:m.value.join(",")},g=await se(u),k=[];g.data.forEach(h=>{(h.type==="report-select"||h.type==="range-time")&&k.push(h)}),n.value=k,g.data.splice(0,n.value.length),i.value=g.data};p();const C=()=>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(C,null,null);return(u,g)=>{const k=e.resolveComponent("el-button"),h=e.resolveComponent("el-card");return e.openBlock(),e.createBlock(h,{class:"editor view"},{default:e.withCtx(()=>[e.createElementVNode("div",Ae,[e.createVNode(Ee,{data:i.value},null,8,["data"]),e.createElementVNode("div",Ie,[e.createElementVNode("div",qe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,y=>(e.openBlock(),e.createElementBlock("div",{class:"item-input",key:y.id},[y.type==="report-select"?(e.openBlock(),e.createBlock(z,{key:0,onChange:d,value:y},null,8,["value"])):e.createCommentVNode("",!0),y.type==="range-time"&&e.unref(t).filterForm.range_time?(e.openBlock(),e.createBlock(A,{key:1,onChange:f,value:y},null,8,["value"])):e.createCommentVNode("",!0)]))),128)),e.createVNode(k,{plain:"",onClick:c,type:"primary",class:"custom-btn",style:{"margin-left":"auto"}},{default:e.withCtx(()=>g[0]||(g[0]=[e.createTextVNode("退出预览")])),_:1})]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,y=>(e.openBlock(),e.createElementBlock("div",{key:y.id,class:e.normalizeClass(["editor-content",["editor"+y.type]]),id:y.id},[y.type!=="p"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(b(y.type)),{key:0,class:e.normalizeClass(["editor"+y.type]),value:y},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(y.data),1)]),_:2},1032,["class","value"])):(e.openBlock(),e.createElementBlock("p",{key:1,innerHTML:y.data},null,8,Pe))],10,Me))),128))])])]),_:1})}}}),$t="",je=R(He,[["__scopeId","data-v-2d59469a"]]),We={class:"editor"},Ye={class:"editor-content edit"},Oe=["onClick"],Ke=["onClick"],Ge=["innerHTML","draggable"],Je=e.defineComponent({__name:"Editor",setup(a){const o={Bar:Y,Line:O,Pie:K,ReportSelect:z,RangeTime:A,ReportTable:G,ReportText:I,ReportChart:J,ReportDescribe:Q},{componentList:t,activeComponents:l,notDraggableList:r,titleComponent:n}=q.storeToRefs(x()),i=x(),m=u=>{t.value.forEach((g,k)=>{g.id===u&&(t.value.splice(k,1),i.activeComponents=[])})},s=u=>{i.setActiveComponents(u)},_=()=>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(_,null,null),d=u=>{console.log(u,"evt")},f=e.ref(!1),p=()=>{f.value=!0},C=u=>{u.newIndex!==0&&(console.log(u),f.value=!1)},b=e.ref();return(u,g)=>{const k=e.resolveComponent("icon-material-symbols:cancel-outline");return e.openBlock(),e.createElementBlock("div",We,[e.createElementVNode("div",{class:e.normalizeClass(["editor-content edit flex flex-start",[{active:e.unref(l).id==="filter"}]]),onClick:g[0]||(g[0]=h=>s({id:"filter",type:"filter"}))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(r),h=>(e.openBlock(),e.createElementBlock("div",{class:"item-input",key:h.id},[h.type==="report-select"||h.type==="range-time"&&e.unref(i).filterForm.range_time?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(N)(o,h.type)),{key:0,value:h},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(h.data),1)]),_:2},1032,["value"])):e.createCommentVNode("",!0)]))),128))],2),e.createElementVNode("div",Ye,[e.createVNode(I,{value:e.unref(n),onClick:g[1]||(g[1]=h=>s(e.unref(n)))},null,8,["value"])]),e.createVNode(e.unref(le.VueDraggable),{ref_key:"el",ref:b,modelValue:e.unref(t),"onUpdate:modelValue":g[2]||(g[2]=h=>e.isRef(t)?t.value=h:null),"on-change":d,animation:150,onStart:p,onEnd:C},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(t),h=>(e.openBlock(),e.createElementBlock("div",{key:h.id,class:e.normalizeClass(["editor-content edit",["editor"+h.type,{active:h.id===e.unref(l).id}]]),onClick:y=>s(h)},[e.createElementVNode("i",{onClick:e.withModifiers(y=>m(h.id),["stop"])},[e.createVNode(k,{class:"color-red"})],8,Ke),h.type!=="p"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c(h.type)),{key:0,class:e.normalizeClass(["editor"+h.type]),value:h,draggable:f.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(h.data),1)]),_:2},1032,["class","value","draggable"])):(e.openBlock(),e.createElementBlock("p",{key:1,innerHTML:h.data,draggable:f.value},null,8,Ge))],10,Oe))),128))]),_:1},8,["modelValue"])])}}}),Qe={class:"label"},Xe={class:"flex item-switch"},Ze={class:"flex item-switch"},ve={class:"flex item-switch"},X=e.defineComponent({__name:"SettingTable",setup(a){const o=x(),t=e.computed(()=>o.getActiveComponents);return(l,r)=>{const n=e.resolveComponent("el-switch"),i=e.resolveComponent("el-form-item"),m=e.resolveComponent("el-divider");return e.openBlock(),e.createElementBlock("div",null,[e.createVNode(i,{label:"控制列"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value.showColumn,(s,_)=>(e.openBlock(),e.createElementBlock("p",{class:"flex item-switch",key:_},[e.createElementVNode("span",Qe,e.toDisplayString(s.name),1),e.createVNode(n,{modelValue:t.value.options.showColumn[s.key],"onUpdate:modelValue":c=>t.value.options.showColumn[s.key]=c},null,8,["modelValue","onUpdate:modelValue"])]))),128))]),_:1}),e.createVNode(m),e.createVNode(i,{label:"表格样式"},{default:e.withCtx(()=>[e.createElementVNode("p",Xe,[r[3]||(r[3]=e.createElementVNode("span",{class:"label"},"斑马纹",-1)),e.createVNode(n,{modelValue:t.value.options.stripe,"onUpdate:modelValue":r[0]||(r[0]=s=>t.value.options.stripe=s)},null,8,["modelValue"])]),e.createElementVNode("p",Ze,[r[4]||(r[4]=e.createElementVNode("span",{class:"label"},"边框",-1)),e.createVNode(n,{modelValue:t.value.options.border,"onUpdate:modelValue":r[1]||(r[1]=s=>t.value.options.border=s)},null,8,["modelValue"])]),e.createElementVNode("p",ve,[r[5]||(r[5]=e.createElementVNode("span",{class:"label"},"表头",-1)),e.createVNode(n,{modelValue:t.value.options.showHeader,"onUpdate:modelValue":r[2]||(r[2]=s=>t.value.options.showHeader=s)},null,8,["modelValue"])])]),_:1})])}}}),et={key:0},tt=e.defineComponent({__name:"ChartsUniConfig",setup(a){const o=x(),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 i=e.resolveComponent("el-input"),m=e.resolveComponent("el-form-item"),s=e.resolveComponent("el-switch"),_=e.resolveComponent("el-col"),c=e.resolveComponent("el-color-picker"),d=e.resolveComponent("el-input-number"),f=e.resolveComponent("el-row"),p=e.resolveComponent("el-collapse-item"),C=e.resolveComponent("el-collapse");return t.value.options.title?(e.openBlock(),e.createElementBlock("div",et,[e.createVNode(m,{label:"标题"},{default:e.withCtx(()=>[e.createVNode(i,{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(C,null,{default:e.withCtx(()=>[e.createVNode(p,{title:"标题配置",name:"1"},{default:e.withCtx(()=>[e.createVNode(f,{class:"w-100%"},{default:e.withCtx(()=>[e.createVNode(_,{span:24},{default:e.withCtx(()=>[n[8]||(n[8]=e.createElementVNode("span",{class:"switch-label"},"显示标题",-1)),e.createVNode(s,{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(_,{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(_,{span:12},{default:e.withCtx(()=>[e.createVNode(d,{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(_,{span:12},{default:e.withCtx(()=>[e.createVNode(d,{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(_,{span:12},{default:e.withCtx(()=>[e.createVNode(d,{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(p,{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(_,{span:24},{default:e.withCtx(()=>[n[13]||(n[13]=e.createElementVNode("span",{class:"switch-label"},"玫瑰图",-1)),e.createVNode(s,{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(p,{title:"图例配置",name:"3"},{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(_,{span:24},{default:e.withCtx(()=>[n[14]||(n[14]=e.createElementVNode("span",{class:"switch-label"},"显示图例",-1)),t.value.options.legend?(e.openBlock(),e.createBlock(s,{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)}}}),St="",ot=R(tt,[["__scopeId","data-v-e9859d3b"]]),Z=e.defineComponent({__name:"SettingDescribe",setup(a){const o=x(),t=e.computed(()=>o.getActiveComponents);return(l,r)=>{const n=e.resolveComponent("el-input"),i=e.resolveComponent("el-form-item"),m=e.resolveComponent("el-switch"),s=e.resolveComponent("el-input-number"),_=e.resolveComponent("el-radio"),c=e.resolveComponent("el-radio-group");return e.openBlock(),e.createElementBlock("div",null,[e.createVNode(i,{label:"标题"},{default:e.withCtx(()=>[e.createVNode(n,{modelValue:t.value.options.title,"onUpdate:modelValue":r[0]||(r[0]=d=>t.value.options.title=d)},null,8,["modelValue"])]),_:1}),e.createVNode(i,{label:"边框"},{default:e.withCtx(()=>[e.createVNode(m,{modelValue:t.value.options.border,"onUpdate:modelValue":r[1]||(r[1]=d=>t.value.options.border=d)},null,8,["modelValue"])]),_:1}),e.createVNode(i,{label:"每行展示数量"},{default:e.withCtx(()=>[e.createVNode(s,{modelValue:t.value.options.column,"onUpdate:modelValue":r[2]||(r[2]=d=>t.value.options.column=d),min:1,max:10,controls:!1},null,8,["modelValue"])]),_:1}),e.createVNode(i,{label:"排列方向"},{default:e.withCtx(()=>[e.createVNode(c,{modelValue:t.value.options.direction,"onUpdate:modelValue":r[3]||(r[3]=d=>t.value.options.direction=d)},{default:e.withCtx(()=>[e.createVNode(_,{value:"horizontal"},{default:e.withCtx(()=>r[4]||(r[4]=[e.createTextVNode("横向")])),_:1}),e.createVNode(_,{value:"vertical"},{default:e.withCtx(()=>r[5]||(r[5]=[e.createTextVNode("纵向")])),_:1})]),_:1},8,["modelValue"])]),_:1})])}}}),nt=e.defineComponent({__name:"SettingCharts",setup(a){const o=x(),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(""),i=e.ref();async function m(c){const d=await P({prod_type:window.$prodType,chart_type:c,filter_uuid:o.filterForm.filter_uuid});i.value=d.data}function s(c){let d=i.value.find(p=>p.rp_item_uuid===c);const f=d.rp_item_content;if(d.rp_item_content.type==="bar"&&(f.options=E()),f.type==="pie"&&(f.options=T({isLegend:!0})),f.type==="line"){let p=[];f.data.forEach(b=>{p=b.data.map((u,g)=>({name:u.name,value:"value"+g}))});const C={name:"name",value:p};f.options=L([],C)}if(f.type==="report-table"){const p={};f.showColumn.forEach(C=>{p[C.key]=!0}),f.options={...f.options,showColumn:p,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=d.rp_item_uuid}e.onMounted(async()=>{n.value=l.value.type,await m(n.value)});async function _(c){try{t.value=!0,await m(c),Object.assign(o.activeComponents,Ne(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,m(n.value))}),(c,d)=>{const f=e.resolveComponent("el-option"),p=e.resolveComponent("el-select"),C=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(C,{label:"图表类型"},{default:e.withCtx(()=>[e.createVNode(p,{style:{width:"100%"},modelValue:n.value,"onUpdate:modelValue":d[0]||(d[0]=g=>n.value=g),onChange:_},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(r,(g,k)=>e.createVNode(f,{key:k,label:g.name,value:g.value},null,8,["label","value"])),64))]),_:1},8,["modelValue"])]),_:1}),e.createVNode(C,{label:"组件库"},{default:e.withCtx(()=>[e.createVNode(p,{style:{width:"100%"},modelValue:e.unref(o).activeComponents.rp_item_uuid,"onUpdate:modelValue":d[1]||(d[1]=g=>e.unref(o).activeComponents.rp_item_uuid=g),onChange:s},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(g,k)=>(e.openBlock(),e.createBlock(f,{key:k,label:g.rp_item_name,value:g.rp_item_uuid},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1}),n.value==="report-table"&&l.value.options.showColumn?(e.openBlock(),e.createBlock(X,{key:0})):e.createCommentVNode("",!0),n.value==="pie"||n.value==="bar"||n.value==="line"?(e.openBlock(),e.createBlock(ot,{key:1})):e.createCommentVNode("",!0),n.value==="report-describe"?(e.openBlock(),e.createBlock(Z,{key:2})):e.createCommentVNode("",!0)]),_:1})])),[[u,t.value]])}}}),lt={key:0},at={style:{border:"1px solid #ccc","border-radius":"3px"}},v="default",rt=e.defineComponent({__name:"SettingText",setup(a){const o=x(),t=e.shallowRef(),l=e.ref();function r(c){const d=l.value.find(f=>f.rp_item_uuid===c);o.activeComponents.uri=d.rp_item_content.uri,t.value.setHtml((d==null?void 0:d.rp_item_content.data)||"")}async function n(){const c=await P({prod_type:window.$prodType,chart_type:"p",filter_uuid:o.filterForm.filter_uuid});l.value=c.data}n();const i={toolbarKeys:["bold","underline","italic","through","code","bulletedList","numberedList","clearStyle","color","bgColor","fontSize","fontFamily","justifyLeft","justifyRight","justifyCenter","justifyJustify","lineHeight"]},m={placeholder:"请输入内容..."},s=c=>{t.value=c},_=c=>{};return e.onBeforeUnmount(()=>{const c=t.value;c!=null&&c.destroy()}),(c,d)=>{const f=e.resolveComponent("el-option"),p=e.resolveComponent("el-select"),C=e.resolveComponent("el-form-item"),b=e.resolveComponent("el-form");return e.unref(o).activeComponents.id?(e.openBlock(),e.createElementBlock("div",lt,[e.createVNode(b,{"label-position":"top"},{default:e.withCtx(()=>[e.createVNode(C,{label:"组件库"},{default:e.withCtx(()=>[e.createVNode(p,{style:{width:"100%"},modelValue:e.unref(o).activeComponents.rp_item_uuid,"onUpdate:modelValue":d[0]||(d[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,g)=>(e.openBlock(),e.createBlock(f,{key:g,label:u.rp_item_name,value:u.rp_item_uuid},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1}),e.createVNode(C,{label:"文本内容"},{default:e.withCtx(()=>[e.createElementVNode("div",at,[e.createVNode(e.unref(M.Toolbar),{style:{"border-bottom":"1px solid #ccc"},editor:t.value,"default-config":i,mode:v},null,8,["editor"]),e.createVNode(e.unref(M.Editor),{style:{height:"500px","overflow-y":"hidden"},onOnChange:_,modelValue:e.unref(o).activeComponents.data,"onUpdate:modelValue":d[1]||(d[1]=u=>e.unref(o).activeComponents.data=u),"default-config":m,mode:v,onOnCreated:s},null,8,["modelValue"])])]),_:1})]),_:1})])):e.createCommentVNode("",!0)}}}),it=e.defineComponent({__name:"SettingFilter",setup(a){const o=e.ref([]),t=x();async function l(){const r=await H({prod_type:window.$prodType});o.value=r.data}return l(),(r,n)=>{const i=e.resolveComponent("el-option"),m=e.resolveComponent("el-select"),s=e.resolveComponent("el-form-item"),_=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(s,{label:"筛选条件"},{default:e.withCtx(()=>[e.createVNode(m,{modelValue:e.unref(t).filterForm.filter_uuid,"onUpdate:modelValue":n[0]||(n[0]=d=>e.unref(t).filterForm.filter_uuid=d),disabled:!!e.unref(t).filterForm.filter_uuid},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,d=>(e.openBlock(),e.createBlock(i,{key:d.filter_uuid,label:d.filter_name,value:d.filter_uuid},null,8,["label","value"]))),128))]),_:1},8,["modelValue","disabled"])]),_:1}),e.createVNode(s,null,{default:e.withCtx(()=>[e.createVNode(_,{modelValue:e.unref(t).filterForm.range_time,"onUpdate:modelValue":n[1]||(n[1]=d=>e.unref(t).filterForm.range_time=d),"true-value":1,"false-value":0,label:"时间范围"},null,8,["modelValue"])]),_:1})]),_:1})}}}),st=e.defineComponent({__name:"SettingTitle",setup(a){const o=x();return(t,l)=>{const r=e.resolveComponent("el-input"),n=e.resolveComponent("el-form-item"),i=e.resolveComponent("el-color-picker"),m=e.resolveComponent("el-col"),s=e.resolveComponent("el-input-number"),_=e.resolveComponent("el-option"),c=e.resolveComponent("el-select"),d=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]=p=>e.unref(o).activeComponents.data=p),placeholder:"Please input",maxlength:"24","show-word-limit":""},null,8,["modelValue"])]),_:1}),e.createVNode(n,{label:"样式"},{default:e.withCtx(()=>[e.createVNode(d,{gutter:20},{default:e.withCtx(()=>[e.createVNode(m,{span:12},{default:e.withCtx(()=>[e.createVNode(i,{modelValue:e.unref(o).activeComponents.options.color,"onUpdate:modelValue":l[1]||(l[1]=p=>e.unref(o).activeComponents.options.color=p),"show-alpha":""},null,8,["modelValue"]),l[7]||(l[7]=e.createElementVNode("p",{class:"sub-title"},"颜色",-1))]),_:1}),e.createVNode(m,{span:12},{default:e.withCtx(()=>[e.createVNode(s,{modelValue:e.unref(o).activeComponents.options.size,"onUpdate:modelValue":l[2]||(l[2]=p=>e.unref(o).activeComponents.options.size=p),"controls-position":"right"},null,8,["modelValue"]),l[8]||(l[8]=e.createElementVNode("p",{class:"sub-title"},"字体大小",-1))]),_:1}),e.createVNode(m,{span:12},{default:e.withCtx(()=>[e.createVNode(c,{modelValue:e.unref(o).activeComponents.options.fontWeight,"onUpdate:modelValue":l[3]||(l[3]=p=>e.unref(o).activeComponents.options.fontWeight=p)},{default:e.withCtx(()=>[e.createVNode(_,{label:"常规",value:500}),e.createVNode(_,{label:"加粗",value:600})]),_:1},8,["modelValue"]),l[9]||(l[9]=e.createElementVNode("p",{class:"sub-title"},"字体粗细",-1))]),_:1}),e.createVNode(m,{span:12},{default:e.withCtx(()=>[e.createVNode(s,{modelValue:e.unref(o).activeComponents.options.letterSpacing,"onUpdate:modelValue":l[4]||(l[4]=p=>e.unref(o).activeComponents.options.letterSpacing=p),"controls-position":"right"},null,8,["modelValue"]),l[10]||(l[10]=e.createElementVNode("p",{class:"sub-title"},"字间距",-1))]),_:1}),e.createVNode(m,{span:12},{default:e.withCtx(()=>[e.createVNode(s,{modelValue:e.unref(o).activeComponents.options.textIndent,"onUpdate:modelValue":l[5]||(l[5]=p=>e.unref(o).activeComponents.options.textIndent=p),"controls-position":"right"},null,8,["modelValue"]),l[11]||(l[11]=e.createElementVNode("p",{class:"sub-title"},"首行缩进",-1))]),_:1}),e.createVNode(m,{span:12},{default:e.withCtx(()=>[e.createVNode(c,{modelValue:e.unref(o).activeComponents.options.textAlign,"onUpdate:modelValue":l[6]||(l[6]=p=>e.unref(o).activeComponents.options.textAlign=p)},{default:e.withCtx(()=>[e.createVNode(_,{label:"左对齐",value:"left"}),e.createVNode(_,{label:"居中对齐",value:"center"}),e.createVNode(_,{label:"右对齐",value:"right"})]),_:1},8,["modelValue"]),l[12]||(l[12]=e.createElementVNode("p",{class:"sub-title"},"位置",-1))]),_:1})]),_:1})]),_:1})]),_:1})}}}),Et="",dt=R(st,[["__scopeId","data-v-56fef84c"]]),pt=e.defineComponent({__name:"Setting",setup(a){const o={SettingTable:X,SettingCharts:nt,SettingDescribe:Z,SettingText:rt,SettingFilter:it,SettingTitle:dt},t=x(),l=e.computed(()=>t.activeComponents),r=["h1","h2","h3","h4"],n=["p"],i=["report-table","bar","line","pie","report-describe"],m=s=>r.includes(s)?N(o,"SettingTitle"):n.includes(s)?N(o,"SettingText"):i.includes(s)?N(o,"SettingCharts"):s==="filter"?N(o,"SettingFilter"):"DefaultEditor";return(s,_)=>{const c=e.resolveComponent("el-card");return e.openBlock(),e.createBlock(c,{class:"config-wrapper"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(m(l.value.type))))]),_:1})}}}),ct={class:"editor-wrapper flex start"},mt={class:"flex"},ut={class:"btn-group"},_t=e.defineComponent({__name:"index",props:e.mergeModels({reportId:{type:String,default:""}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(a){const o=x(),t=a,l=e.useModel(a,"modelValue"),r=s=>{const _=S(s);_.id=$(),o.componentList.push(_)};function n(){l.value="table"}function i(){o.getReportDemo(t.reportId)}e.onMounted(()=>{i()});async function m(){if(!o.filterForm.filter_uuid){ne.ElMessage.error("请选择筛选条件");return}try{t.reportId?await pe({report_uuid:t.reportId,data:{report_name:o.titleComponent.data,prod_type:window.$prodType,content:[...o.notDraggableList,o.titleComponent,...o.componentList],...o.filterForm}}):await de({data:{report_name:o.titleComponent.data,prod_type:window.$prodType,content:[...o.notDraggableList,o.titleComponent,...o.componentList],...o.filterForm}}),n()}catch(s){console.log(s,"error")}}return e.onUnmounted(()=>{o.clearComponents()}),(s,_)=>{const c=e.resolveComponent("el-button"),d=e.resolveComponent("el-button-group"),f=e.resolveComponent("el-card");return e.openBlock(),e.createElementBlock("div",ct,[e.createVNode(f,{class:"view-wrapper"},{default:e.withCtx(()=>[e.createElementVNode("div",mt,[e.createElementVNode("div",ut,[e.createVNode(d,null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(xe),p=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:p.type},[p!=null&&p.hide?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(c,{key:0,onClick:C=>r(p)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.name),1)]),_:2},1032,["onClick"]))],64))),128))]),_:1})]),e.createVNode(d,null,{default:e.withCtx(()=>[e.createVNode(c,{type:"primary",onClick:m},{default:e.withCtx(()=>_[0]||(_[0]=[e.createTextVNode("保存")])),_:1}),e.createVNode(c,{onClick:n},{default:e.withCtx(()=>_[1]||(_[1]=[e.createTextVNode("退出")])),_:1})]),_:1})]),e.createVNode(Je)]),_:1}),e.createVNode(pt)])}}}),ft={class:"table-box"},Ct=e.defineComponent({__name:"Report",emits:["click"],setup(a,{emit:o}){const t=e.computed(()=>({prod_type:window.$prodType})),l=e.ref(),r=o,n=d=>{r("click",d.report_uuid,"review")},i=d=>{r("click",d.report_uuid,"editor")},m=()=>{r("click","","editor")},s=d=>{console.log(d)},_=d=>{window.$messageBox("确定要删除吗?","","温馨提示","error").then(async()=>{await me({report_uuids:d}),l.value.getTableList()})},c=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:d=>e.createVNode("div",null,[e.createVNode(e.resolveComponent("el-button"),{link:!0,type:"primary",class:"custom-btn",icon:"View",title:"预览",onClick:()=>n(d.row)},null),e.createVNode(e.resolveComponent("el-button"),{link:!0,type:"primary",class:"custom-btn",icon:"Edit",title:"编辑",onClick:()=>i(d.row)},null),e.createVNode(e.resolveComponent("el-button"),{link:!0,type:"danger",icon:"Delete",title:"删除",onClick:()=>_([d.row.report_uuid])},null)])}]);return(d,f)=>{const p=e.resolveComponent("el-button"),C=e.resolveComponent("TdsTable");return e.openBlock(),e.createElementBlock("div",ft,[e.createVNode(C,{ref_key:"proTable",ref:l,columns:c,"request-api":e.unref(ce),"init-param":t.value,"row-key":"report_uuid",options:d.$tableOptions(),"search-col":6,onSelectionChange:s},{tableHeader:e.withCtx(b=>[e.createVNode(p,{plain:"",type:"primary",class:"custom-btn",icon:"Plus",onClick:m},{default:e.withCtx(()=>f[0]||(f[0]=[e.createTextVNode("添加")])),_:1}),e.createVNode(p,{plain:"",type:"danger",icon:"Delete",onClick:u=>_(b.selectedListIds)},{default:e.withCtx(()=>f[1]||(f[1]=[e.createTextVNode("删除")])),_:2},1032,["onClick"])]),_:1},8,["columns","request-api","init-param","options"])])}}}),Tt="",bt={style:{height:"100%"}},gt=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",bt,[e.createVNode(e.TransitionGroup,{name:"slide-fade"},{default:e.withCtx(()=>[t.value==="table"?(e.openBlock(),e.createBlock(Ct,{key:0,onClick:l})):e.createCommentVNode("",!0),t.value==="review"?(e.openBlock(),e.createBlock(je,{key:1,"report-id":o.value,modelValue:t.value,"onUpdate:modelValue":n[0]||(n[0]=i=>t.value=i)},null,8,["report-id","modelValue"])):e.createCommentVNode("",!0),t.value==="editor"?(e.openBlock(),e.createBlock(_t,{key:2,"report-id":o.value,modelValue:t.value,"onUpdate:modelValue":n[1]||(n[1]=i=>t.value=i)},null,8,["report-id","modelValue"])):e.createCommentVNode("",!0)]),_:1})]))}}),Lt="",ee=(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},te=ee(gt),ht=[{label:"正文",value:"p"},{label:"表格",value:"report-table"},{label:"趋势图",value:"line"},{label:"扇形统计图",value:"pie"},{label:"柱形图",value:"bar"},{label:"描述列表",value:"report-describe"}],yt=[{value:"p",fields:["table_key_relation"]},{value:"report-table",fields:["p_text"]},{value:"line",fields:["p_text","table_key_relation"]},{value:"pie",fields:["p_text","table_key_relation"]},{value:"bar",fields:["p_text","table_key_relation"]},{value:"report-describe",fields:["p_text"]}],Vt={class:"table-box"},wt=e.defineComponent({__name:"index",setup(a){const o=e.ref(),t=e.ref(),l=e.ref({}),r=e.ref(""),n=e.reactive({prod_type:window.$prodType});function i(p){window.$messageBox("确定要删除吗?","","温馨提示","error").then(async()=>{await _e({rp_item_uuids:p}),o.value.getTableList()})}function m(p){l.value=p?Object.assign({},p):{table_key_relation:[{name:"",key:"",id:new Date().getTime()}]},r.value=p?"编辑自定义组件":"新增自定义组件",t.value.open()}async function s(p){const C=Object.assign({},p);C.chart_type!=="report-table"&&C.chart_type!=="report-describe"&&delete C.table_key_relation,C.chart_type!=="p"&&(C.p_text=""),C.rp_item_uuid?await Ce({rp_item_uuid:C.rp_item_uuid,data:C}):(C.prod_type=window.$prodType,await fe({data:C})),o.value.getTableList(),t.value.close()}const _=p=>{l.value.table_key_relation.splice(p,1)},c=()=>{l.value.table_key_relation.push({name:"",key:"",id:new Date().getTime()})},d=(p,C,b)=>{delete p.message,C.forEach(u=>{u.name?u.key||b(new Error("请填写表头名称和KEY")):b(new Error("请填写表头名称和KEY"))}),b()},f=e.reactive([{type:"selection",width:60,field:"rp_item_uuid",align:"center"},{field:"rp_item_name",name:"组件名称",show:{type:"input"},rules:[{required:!0}]},{field:"filter_uuid",name:"筛选条件",enum:()=>H({prod_type:window.$prodType}),fieldNames:{label:"filter_name",value:"filter_uuid"},show:{type:"select"},rules:[{required:!0}]},{field:"chart_type",name:"组件类型",enum:ht,show:{type:"select",display:yt},rules:[{required:!0}]},{field:"data_uri",name:"URI",show:{type:"input"},rules:[{required:!0}]},{field:"table_key_relation",name:"表格数据",hide:!0,show:{render:()=>{var p;return e.createVNode("div",{style:"width:80%"},[e.createVNode("div",{class:"flex report-com-title",style:"gap:15px;"},[e.createVNode("span",{style:"width:50%"},[e.createTextVNode("表头名称")]),e.createVNode("span",{style:"width:50%"},[e.createTextVNode("KEY")])]),(p=l.value.table_key_relation)==null?void 0:p.map((C,b)=>e.createVNode("div",{class:"flex form-m0 w-100%",style:"gap:15px;margin-bottom:10px;",key:b},[e.createVNode(e.resolveComponent("el-form-item"),{style:"width:50%"},{default:()=>[e.createVNode(e.resolveComponent("el-input"),{modelValue:C.name,"onUpdate:modelValue":u=>C.name=u,class:"",placeholder:"表头"},null)]}),e.createVNode(e.resolveComponent("el-form-item"),{style:"width:50%"},{default:()=>[e.createVNode(e.resolveComponent("el-input"),{modelValue:C.key,"onUpdate:modelValue":u=>C.key=u,class:"",placeholder:"KEY"},null)]}),l.value.table_key_relation.length>1&&e.createVNode("div",{class:"report-btn-remove absolute right--13px text-#f56c6c hover:cursor-pointer"},[e.createVNode(e.resolveComponent("el-icon"),{onClick:()=>_(b)},{default:()=>[e.createVNode(ae.CircleClose,null,null)]})])])),e.createVNode(e.resolveComponent("el-button"),{class:"report-btn ",icon:"Plus",onClick:()=>c()},{default:()=>[e.createTextVNode("新增表头与KEY")]})])}},prop:{required:!0},rules:[{required:!0,validator:d,trigger:"blur"}]},{field:"p_text",name:"正文",hide:!0,show:{type:"input",prop:{type:"textarea",rows:4}},rules:[{required:!0}]},{field:"create_time",name:"创建时间"},{field:"operation",width:140,name:"操作",align:"center",fixed:"right",render:p=>e.createVNode("div",null,[e.createVNode(e.resolveComponent("el-button"),{link:!0,type:"primary",class:"custom-btn",icon:"Edit",title:"编辑",onClick:()=>m(p.row)},null),e.createVNode(e.resolveComponent("el-button"),{link:!0,type:"danger",icon:"Delete",title:"删除",onClick:()=>i([p.row.rp_item_uuid])},null)])}]);return(p,C)=>{const b=e.resolveComponent("el-button"),u=e.resolveComponent("TdsTable"),g=e.resolveComponent("TdsForm");return e.openBlock(),e.createElementBlock("div",Vt,[e.createVNode(u,{ref_key:"refTdsTable",ref:o,columns:f,"request-api":e.unref(ue),"init-param":n,"row-key":"rp_item_uuid",options:p.$tableOptions(),"search-col":6},{tableHeader:e.withCtx(k=>[e.createVNode(b,{plain:"",type:"primary",class:"custom-btn",icon:"Plus",onClick:C[0]||(C[0]=h=>m())},{default:e.withCtx(()=>C[1]||(C[1]=[e.createTextVNode("添加")])),_:1}),e.createVNode(b,{plain:"",type:"danger",icon:"Delete",onClick:h=>i(k.selectedListIds)},{default:e.withCtx(()=>C[2]||(C[2]=[e.createTextVNode("删除")])),_:2},1032,["onClick"])]),_:1},8,["columns","request-api","init-param","options"]),e.createVNode(g,e.mergeProps({ref_key:"refTdsForm",ref:t},p.$formBindProps({title:r.value,form:l.value,columns:f}),{onSubmit:s}),null,16)])}}}),Rt="",oe=ee(wt),kt={TCReport:te,TCModule:oe},xt={install(a,o){Object.entries(kt).forEach(([t,l])=>{a.component(t,l)}),o.prodType&&(window.$prodType=o.prodType),o.envURL&&(window.$reportURL=o.envURL)}};w.TCModule=oe,w.TCReport=te,w.default=xt,Object.defineProperties(w,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@topdatasec/report",
-  "version": "1.1.4",
+  "version": "1.1.6",
   "description": "自定义报表功能开发",
   "author": "wangguiwang",
   "license": "MIT",
@@ -65,7 +65,8 @@
     "pinia": "^2.1.6",
     "topdatasec-ui": "^1.6.1",
     "vue": "^3.4.35",
-    "vue-draggable-plus": "^0.6.0"
+    "vue-draggable-plus": "^0.6.0",
+    "@element-plus/icons-vue": "^2.3.1"
   },
   "repository": {
     "type": "git"