1 |
- var R=(A,h,m)=>new Promise((I,w)=>{var L=o=>{try{C(m.next(o))}catch(f){w(f)}},i=o=>{try{C(m.throw(o))}catch(f){w(f)}},C=o=>o.done?I(o.value):Promise.resolve(o.value).then(L,i);C((m=m.apply(A,h)).next())});import{d as pe,j as _e,h as O,aB as k,G as me,r as l,o as c,c as E,b as e,w as n,u as s,m as y,$ as V,M as fe,e as u,t as U,cq as $,N as ge,A as S,cW as ve,F as H,p as M,B as N,a8 as Ce,aH as be,a4 as ye,a9 as we,f as ke}from"./index-7f9b3dc0.js";import{F as P}from"./fileTypeEnum-21359a08.js";import{u as Ee,E as p}from"./chartEditStore-a7c7155c.js";/* empty css */import{l as Se}from"./index-e0156180.js";import{i as Y}from"./icon-24c63d72.js";import{S as he}from"./StylesSetting-373b4214.js";import{b as Ie}from"./project.api-ce920c4d.js";import"./plugin-7a76ddd3.js";import"./SettingItem-8cd8dfcb.js";import"./SettingItemBox-8561e243.js";import"./CollapseItem.vue_vue_type_script_setup_true_lang-923be82d.js";import"./logo-f20f88ae.js";const Le="/plugin/screen/static/png/noImage.png",Te={class:"go-canvas-setting"},ze={class:"upload-box"},xe=["src"],Fe={class:"upload-img"},Re={class:"picker-height"},Oe=pe({__name:"index",setup(A){const{ColorPaletteIcon:h}=Y.ionicons5,{ScaleIcon:m,FitToScreenIcon:I,FitToHeightIcon:w,FitToWidthIcon:L}=Y.carbon,i=Ee(),C=_e(),o=i.getEditCanvasConfig,f=i.getEditCanvas,T=O(),z=O(!1),x=O(0),K=Se(()=>we(()=>import("./index-d9e3ab1a.js"),["static/js/index-d9e3ab1a.js","static/js/index-7f9b3dc0.js","static/css/index-a2f98856.css","static/js/chartEditStore-a7c7155c.js","static/js/plugin-7a76ddd3.js","static/js/icon-24c63d72.js","static/js/index-e0156180.js","static/css/index-326df594.css","static/css/index-726745ff.css"])),X=[{label:"应用颜色",value:0},{label:"应用背景",value:1}],j=[{key:"ChartTheme",title:"主题颜色",icon:h,render:K}],W=[{key:k.FIT,title:"自适应",icon:m,desc:"自适应比例展示,页面会有留白"},{key:k.SCROLL_Y,title:"Y轴滚动",icon:L,desc:"X轴铺满,Y轴自适应滚动"},{key:k.SCROLL_X,title:"X轴滚动",icon:w,desc:"Y轴铺满,X轴自适应滚动"},{key:k.FULL,title:"铺满",icon:I,desc:"强行拉伸画面,填充所有视图"}];me(()=>o.selectColor,r=>{x.value=r?0:1},{immediate:!0});const B=r=>r>50,D=()=>{i.computedScale()},q=t=>R(this,[t],function*({file:r}){T.value=[];const d=r.file.type;return r.file.size>1024*1024*$?(window.$message.warning(`图片超出 ${$}M 限制,请重新上传!`),!1):d!==P.PNG&&d!==P.JPEG&&d!==P.GIF?(window.$message.warning("文件格式不符合,请重新上传!"),!1):!0}),J=r=>{o.selectColor=r==0},Q=()=>{i.setEditCanvasConfig(p.BACKGROUND_IMAGE,void 0),i.setEditCanvasConfig(p.SELECT_COLOR,!0)},Z=()=>{z.value=!0,setTimeout(()=>{z.value=!1})},ee=()=>{i.setEditCanvasConfig(p.BACKGROUND,void 0),o.backgroundImage&&i.setEditCanvasConfig(p.SELECT_COLOR,!1),Z()},te=r=>{const{file:t}=r;Ce(()=>R(this,null,function*(){if(t.file){const d=new File([t.file],`${be()}_index_background.png`,{type:t.file.type});let g=new FormData;g.append("object",d);const _=yield Ie(g);if(_&&_.code===ye.SUCCESS){_.data.fileurl?i.setEditCanvasConfig(p.BACKGROUND_IMAGE,`${_.data.fileurl}?time=${new Date().getTime()}`):i.setEditCanvasConfig(p.BACKGROUND_IMAGE,`${C.getFetchInfo.OSSUrl||""}${_.data.fileName}?time=${new Date().getTime()}`),i.setEditCanvasConfig(p.SELECT_COLOR,!1);return}window.$message.error("添加图片失败,请稍后重试!")}else window.$message.error("添加图片失败,请稍后重试!")}))},ne=r=>{i.setEditCanvasConfig(p.PREVIEW_SCALE_TYPE,r)};return(r,t)=>{const d=l("n-input-number"),g=l("n-form-item"),_=l("n-form"),b=l("n-text"),oe=l("n-upload-dragger"),ae=l("n-upload"),se=l("n-color-picker"),v=l("n-space"),le=l("n-select"),F=l("n-button"),G=l("n-icon"),ie=l("n-tooltip"),re=l("n-button-group"),de=l("n-divider"),ce=l("n-tab-pane"),ue=l("n-tabs");return c(),E("div",Te,[e(_,{inline:"","label-width":45,size:"small","label-placement":"left"},{default:n(()=>[e(g,{label:"宽度"},{default:n(()=>[e(d,{size:"small",value:s(o).width,"onUpdate:value":[t[0]||(t[0]=a=>s(o).width=a),D],disabled:s(f).lockScale,validator:B},null,8,["value","disabled"])]),_:1}),e(g,{label:"高度"},{default:n(()=>[e(d,{size:"small",value:s(o).height,"onUpdate:value":[t[1]||(t[1]=a=>s(o).height=a),D],disabled:s(f).lockScale,validator:B},null,8,["value","disabled"])]),_:1})]),_:1}),y("div",ze,[e(ae,{"file-list":T.value,"onUpdate:fileList":t[2]||(t[2]=a=>T.value=a),"show-file-list":!1,customRequest:te,onBeforeUpload:q},{default:n(()=>[e(oe,null,{default:n(()=>[s(o).backgroundImage?(c(),E("img",{key:0,class:"upload-show",src:s(o).backgroundImage,alt:"背景"},null,8,xe)):V("",!0),fe(y("div",Fe,[t[5]||(t[5]=y("img",{src:Le},null,-1)),e(b,{class:"upload-desc",depth:"3"},{default:n(()=>[u(" 背景图需小于 "+U(s($))+"M ,格式为 png/jpg/gif 的文件 ",1)]),_:1})],512),[[ge,!s(o).backgroundImage]])]),_:1})]),_:1},8,["file-list"])]),e(v,{vertical:"",size:12},{default:n(()=>[e(v,null,{default:n(()=>[e(b,null,{default:n(()=>t[6]||(t[6]=[u("背景颜色")])),_:1}),y("div",Re,[z.value?V("",!0):(c(),S(se,{key:0,size:"small",style:{width:"250px"},value:s(o).background,"onUpdate:value":t[3]||(t[3]=a=>s(o).background=a),showPreview:!0,swatches:s(ve)},null,8,["value","swatches"]))])]),_:1}),e(v,null,{default:n(()=>[e(b,null,{default:n(()=>t[7]||(t[7]=[u("应用类型")])),_:1}),e(le,{size:"small",style:{width:"250px"},value:x.value,"onUpdate:value":[t[4]||(t[4]=a=>x.value=a),J],disabled:!s(o).backgroundImage,options:X},null,8,["value","disabled"])]),_:1}),e(v,null,{default:n(()=>[e(b,null,{default:n(()=>t[8]||(t[8]=[u("背景控制")])),_:1}),e(F,{class:"clear-btn",size:"small",disabled:!s(o).backgroundImage,onClick:Q},{default:n(()=>t[9]||(t[9]=[u(" 清除背景 ")])),_:1},8,["disabled"]),e(F,{class:"clear-btn",size:"small",disabled:!s(o).background,onClick:ee},{default:n(()=>t[10]||(t[10]=[u(" 清除颜色 ")])),_:1},8,["disabled"])]),_:1}),e(v,null,{default:n(()=>[e(b,null,{default:n(()=>t[11]||(t[11]=[u("适配方式")])),_:1}),e(re,null,{default:n(()=>[(c(),E(H,null,M(W,a=>e(F,{key:a.key,type:s(o).previewScaleType===a.key?"primary":"tertiary",ghost:"",size:"small",onClick:Ue=>ne(a.key)},{default:n(()=>[e(ie,{"show-arrow":!1,trigger:"hover"},{trigger:n(()=>[e(G,{class:"select-preview-icon",size:"18"},{default:n(()=>[(c(),S(N(a.icon)))]),_:2},1024)]),default:n(()=>[u(" "+U(a.desc),1)]),_:2},1024)]),_:2},1032,["type","onClick"])),64))]),_:1})]),_:1})]),_:1}),e(s(he),{isCanvas:!0,chartStyles:s(o)},null,8,["chartStyles"]),e(de,{style:{margin:"10px 0"}}),e(ue,{class:"tabs-box",size:"small",type:"segment"},{default:n(()=>[(c(),E(H,null,M(j,a=>e(ce,{key:a.key,name:a.key,size:"small","display-directive":"show:lazy"},{tab:n(()=>[e(v,null,{default:n(()=>[y("span",null,U(a.title),1),e(G,{size:"16",class:"icon-position"},{default:n(()=>[(c(),S(N(a.icon)))]),_:2},1024)]),_:2},1024)]),default:n(()=>[(c(),S(N(a.render)))]),_:2},1032,["name"])),64))]),_:1})])}}});const We=ke(Oe,[["__scopeId","data-v-340a9d3c"]]);export{We as default};
|