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