Página Principal Explorar Ajuda
Iniciar Sessão
Sagoo-Cloud
/
sagoo-admin-ui-plugin
23
0
Fork 0
Ficheiros Problemas 0 Pull Requests 0 Wiki
Árvore: 45330f405e
Ramos Etiquetas
sagoo-admin-ui-...
/
screen
/
static
/
js
/
index-87f2d034.js

index-87f2d034.js 6.6 KB
Histórico Em bruto

1 
  1. import{d as de,j as ce,h,aC as C,G as ue,r as l,o as d,c as b,b as t,w as n,u as a,m as v,$ as P,M as _e,e as c,t as I,cr as L,N as pe,A as w,cW as me,F as U,p as N,B as T,a7 as fe,aI as ge,a8 as ve,f as Ce}from"./index-9029638f.js";import{F as z}from"./fileTypeEnum-21359a08.js";import{u as be,E as u}from"./chartEditStore-1be8dc36.js";/* empty css                                                                      */import{l as we}from"./index-67587431.js";import{i as $}from"./icon-342033fd.js";import{S as ye}from"./StylesSetting-911615c5.js";import{b as ke}from"./project.api-a15329f8.js";import"./plugin-012bc06b.js";import"./SettingItem-b2beb616.js";import"./SettingItemBox-bb640c3d.js";import"./CollapseItem.vue_vue_type_script_setup_true_lang-c908e1bb.js";import"./logo-f20f88ae.js";const Ee="/plugin/screen/static/png/noImage.png",Se={class:"go-canvas-setting"},he={class:"upload-box"},Ie=["src"],Le={class:"upload-img"},Te={class:"picker-height"},ze=de({__name:"index",setup(xe){const{ColorPaletteIcon:A}=$.ionicons5,{ScaleIcon:B,FitToScreenIcon:D,FitToHeightIcon:G,FitToWidthIcon:V}=$.carbon,r=be();ce();const s=r.getEditCanvasConfig,x=r.getEditCanvas,y=h(),k=h(!1),E=h(0),H=we(()=>ve(()=>import("./index-8fc5bb77.js"),["static/js/index-8fc5bb77.js","static/js/index-9029638f.js","static/css/index-80a79a13.css","static/js/chartEditStore-1be8dc36.js","static/js/plugin-012bc06b.js","static/js/icon-342033fd.js","static/js/index-67587431.js","static/css/index-8b0f7695.css","static/css/index-81866737.css"])),M=[{label:"应用颜色",value:0},{label:"应用背景",value:1}],Y=[{key:"ChartTheme",title:"主题颜色",icon:A,render:H}],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:"强行拉伸画面，填充所有视图"}];ue(()=>s.selectColor,i=>{E.value=i?0:1},{immediate:!0});const F=i=>i>50,R=()=>{r.computedScale()},K=async({file:i})=>{y.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},j=()=>{r.setEditCanvasConfig(u.BACKGROUND_IMAGE,void 0),r.setEditCanvasConfig(u.SELECT_COLOR,!0)},q=()=>{k.value=!0,setTimeout(()=>{k.value=!1})},J=()=>{r.setEditCanvasConfig(u.BACKGROUND,void 0),s.backgroundImage&&r.setEditCanvasConfig(u.SELECT_COLOR,!1),q()},Q=i=>{const{file:e}=i;fe(async()=>{if(e.file){const m=new File([e.file],`${ge()}_index_background.png`,{type:e.file.type});let _=new FormData;_.append("source","0"),_.append("file",m);const f=await ke(_);if(f){f.path&&r.setEditCanvasConfig(u.BACKGROUND_IMAGE,`${window.allEnv.screen.imgServer+"/"+f.path}?time=${new Date().getTime()}`),r.setEditCanvasConfig(u.SELECT_COLOR,!1);return}window.$message.error("添加图片失败，请稍后重试！")}else window.$message.error("添加图片失败，请稍后重试！")})},Z=i=>{r.setEditCanvasConfig(u.PREVIEW_SCALE_TYPE,i)};return(i,e)=>{const m=l("n-input-number"),_=l("n-form-item"),f=l("n-form"),g=l("n-text"),ee=l("n-upload-dragger"),te=l("n-upload"),ne=l("n-color-picker"),p=l("n-space"),oe=l("n-select"),S=l("n-button"),O=l("n-icon"),ae=l("n-tooltip"),se=l("n-button-group"),le=l("n-divider"),ie=l("n-tab-pane"),re=l("n-tabs");return d(),b("div",Se,[t(f,{inline:"","label-width":45,size:"small","label-placement":"left"},{default:n(()=>[t(_,{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(_,{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",he,[t(te,{"file-list":y.value,"onUpdate:fileList":e[2]||(e[2]=o=>y.value=o),"show-file-list":!1,customRequest:Q,onBeforeUpload:K},{default:n(()=>[t(ee,null,{default:n(()=>[a(s).backgroundImage?(d(),b("img",{key:0,class:"upload-show",src:a(s).backgroundImage,alt:"背景"},null,8,Ie)):P("",!0),_e(v("div",Le,[e[5]||(e[5]=v("img",{src:Ee},null,-1)),t(g,{class:"upload-desc",depth:"3"},{default:n(()=>[c(" 背景图需小于 "+I(a(L))+"M ，格式为 png/jpg/gif 的文件 ",1)]),_:1})],512),[[pe,!a(s).backgroundImage]])]),_:1})]),_:1},8,["file-list"])]),t(p,{vertical:"",size:12},{default:n(()=>[t(p,null,{default:n(()=>[t(g,null,{default:n(()=>e[6]||(e[6]=[c("背景颜色")])),_:1,__:[6]}),v("div",Te,[k.value?P("",!0):(d(),w(ne,{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(me)},null,8,["value","swatches"]))])]),_:1}),t(p,null,{default:n(()=>[t(g,null,{default:n(()=>e[7]||(e[7]=[c("应用类型")])),_:1,__:[7]}),t(oe,{size:"small",style:{width:"250px"},value:E.value,"onUpdate:value":[e[4]||(e[4]=o=>E.value=o),W],disabled:!a(s).backgroundImage,options:M},null,8,["value","disabled"])]),_:1}),t(p,null,{default:n(()=>[t(g,null,{default:n(()=>e[8]||(e[8]=[c("背景控制")])),_:1,__:[8]}),t(S,{class:"clear-btn",size:"small",disabled:!a(s).backgroundImage,onClick:j},{default:n(()=>e[9]||(e[9]=[c(" 清除背景 ")])),_:1,__:[9]},8,["disabled"]),t(S,{class:"clear-btn",size:"small",disabled:!a(s).background,onClick:J},{default:n(()=>e[10]||(e[10]=[c(" 清除颜色 ")])),_:1,__:[10]},8,["disabled"])]),_:1}),t(p,null,{default:n(()=>[t(g,null,{default:n(()=>e[11]||(e[11]=[c("适配方式")])),_:1,__:[11]}),t(se,null,{default:n(()=>[(d(),b(U,null,N(X,o=>t(S,{key:o.key,type:a(s).previewScaleType===o.key?"primary":"tertiary",ghost:"",size:"small",onClick:Fe=>Z(o.key)},{default:n(()=>[t(ae,{"show-arrow":!1,trigger:"hover"},{trigger:n(()=>[t(O,{class:"select-preview-icon",size:"18"},{default:n(()=>[(d(),w(T(o.icon)))]),_:2},1024)]),default:n(()=>[c(" "+I(o.desc),1)]),_:2},1024)]),_:2},1032,["type","onClick"])),64))]),_:1})]),_:1})]),_:1}),t(a(ye),{isCanvas:!0,chartStyles:a(s)},null,8,["chartStyles"]),t(le,{style:{margin:"10px 0"}}),t(re,{class:"tabs-box",size:"small",type:"segment"},{default:n(()=>[(d(),b(U,null,N(Y,o=>t(ie,{key:o.key,name:o.key,size:"small","display-directive":"show:lazy"},{tab:n(()=>[t(p,null,{default:n(()=>[v("span",null,I(o.title),1),t(O,{size:"16",class:"icon-position"},{default:n(()=>[(d(),w(T(o.icon)))]),_:2},1024)]),_:2},1024)]),default:n(()=>[(d(),w(T(o.render)))]),_:2},1032,["name"])),64))]),_:1})])}}});const Ye=Ce(ze,[["__scopeId","data-v-2177a900"]]);export{Ye as default};
    2.