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