Home Explore Help
Sign In
Sagoo-Cloud
/
sagoo-admin-ui-plugin
23
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 7664bbb85c
Branches Tags
sagoo-admin-ui-...
/
screen
/
static
/
js
/
index-4eaf5a1d.js

index-4eaf5a1d.js 6.6 KB
History Raw

1 
  1. import{d as ce,j as ue,h,aA as C,G as pe,r as l,o as d,c as b,b as t,w as n,u as s,m as v,$ as U,M as _e,e as c,t as I,cp as L,N as me,A as y,cV as fe,F as $,p as A,B as T,a7 as ge,aG as ve,a8 as Ce,f as be}from"./index-ec08eff7.js";import{F as z}from"./fileTypeEnum-21359a08.js";import{u as ye,E as u}from"./chartEditStore-bf521111.js";/* empty css                                                                      */import{l as we}from"./index-9d6ec3bf.js";import{i as G}from"./icon-97832eae.js";import{S as ke}from"./StylesSetting-fd9dd73e.js";import{b as Ee}from"./project.api-52997dcb.js";import"./plugin-56cc5b01.js";import"./SettingItem-e3862b0b.js";import"./SettingItemBox-76552639.js";import"./CollapseItem.vue_vue_type_script_setup_true_lang-9f643b07.js";import"./logo-f20f88ae.js";const Se="/plugin/screen/static/png/noImage.png",he={class:"go-canvas-setting"},Ie={class:"upload-box"},Le=["src"],Te={class:"upload-img"},ze={class:"picker-height"},xe=ce({__name:"index",setup(Fe){const{ColorPaletteIcon:P}=G.ionicons5,{ScaleIcon:D,FitToScreenIcon:N,FitToHeightIcon:B,FitToWidthIcon:V}=G.carbon,r=ye(),M=ue(),a=r.getEditCanvasConfig,x=r.getEditCanvas,w=h(),k=h(!1),E=h(0),H=we(()=>Ce(()=>import("./index-c0275105.js"),["static/js/index-c0275105.js","static/js/index-ec08eff7.js","static/css/index-a2f98856.css","static/js/chartEditStore-bf521111.js","static/js/plugin-56cc5b01.js","static/js/icon-97832eae.js","static/js/index-9d6ec3bf.js","static/css/index-8b0f7695.css","static/css/index-81866737.css"])),Y=[{label:"应用颜色",value:0},{label:"应用背景",value:1}],K=[{key:"ChartTheme",title:"主题颜色",icon:P,render:H}],X=[{key:C.FIT,title:"自适应",icon:D,desc:"自适应比例展示，页面会有留白"},{key:C.SCROLL_Y,title:"Y轴滚动",icon:V,desc:"X轴铺满，Y轴自适应滚动"},{key:C.SCROLL_X,title:"X轴滚动",icon:B,desc:"Y轴铺满，X轴自适应滚动"},{key:C.FULL,title:"铺满",icon:N,desc:"强行拉伸画面，填充所有视图"}];pe(()=>a.selectColor,i=>{E.value=i?0:1},{immediate:!0});const F=i=>i>50,O=()=>{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=>{a.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),a.backgroundImage&&r.setEditCanvasConfig(u.SELECT_COLOR,!1),J()},Z=i=>{const{file:e}=i;ge(async()=>{if(e.file){const f=new File([e.file],`${ve()}_index_background.png`,{type:e.file.type});let p=new FormData;p.append("source","0"),p.append("file",f);const _=await Ee(p);if(_){_.full_path?r.setEditCanvasConfig(u.BACKGROUND_IMAGE,`${_.full_path}?time=${new Date().getTime()}`):r.setEditCanvasConfig(u.BACKGROUND_IMAGE,`${M.getFetchInfo.OSSUrl||""}${_.path}?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 f=l("n-input-number"),p=l("n-form-item"),_=l("n-form"),g=l("n-text"),te=l("n-upload-dragger"),ne=l("n-upload"),oe=l("n-color-picker"),m=l("n-space"),se=l("n-select"),S=l("n-button"),R=l("n-icon"),ae=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",he,[t(_,{inline:"","label-width":45,size:"small","label-placement":"left"},{default:n(()=>[t(p,{label:"宽度"},{default:n(()=>[t(f,{size:"small",value:s(a).width,"onUpdate:value":[e[0]||(e[0]=o=>s(a).width=o),O],disabled:s(x).lockScale,validator:F},null,8,["value","disabled"])]),_:1}),t(p,{label:"高度"},{default:n(()=>[t(f,{size:"small",value:s(a).height,"onUpdate:value":[e[1]||(e[1]=o=>s(a).height=o),O],disabled:s(x).lockScale,validator:F},null,8,["value","disabled"])]),_:1})]),_:1}),v("div",Ie,[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(()=>[s(a).backgroundImage?(d(),b("img",{key:0,class:"upload-show",src:s(a).backgroundImage,alt:"背景"},null,8,Le)):U("",!0),_e(v("div",Te,[e[5]||(e[5]=v("img",{src:Se},null,-1)),t(g,{class:"upload-desc",depth:"3"},{default:n(()=>[c(" 背景图需小于 "+I(s(L))+"M ，格式为 png/jpg/gif 的文件 ",1)]),_:1})],512),[[me,!s(a).backgroundImage]])]),_:1})]),_:1},8,["file-list"])]),t(m,{vertical:"",size:12},{default:n(()=>[t(m,null,{default:n(()=>[t(g,null,{default:n(()=>e[6]||(e[6]=[c("背景颜色")])),_:1}),v("div",ze,[k.value?U("",!0):(d(),y(oe,{key:0,size:"small",style:{width:"250px"},value:s(a).background,"onUpdate:value":e[3]||(e[3]=o=>s(a).background=o),showPreview:!0,swatches:s(fe)},null,8,["value","swatches"]))])]),_:1}),t(m,null,{default:n(()=>[t(g,null,{default:n(()=>e[7]||(e[7]=[c("应用类型")])),_:1}),t(se,{size:"small",style:{width:"250px"},value:E.value,"onUpdate:value":[e[4]||(e[4]=o=>E.value=o),W],disabled:!s(a).backgroundImage,options:Y},null,8,["value","disabled"])]),_:1}),t(m,null,{default:n(()=>[t(g,null,{default:n(()=>e[8]||(e[8]=[c("背景控制")])),_:1}),t(S,{class:"clear-btn",size:"small",disabled:!s(a).backgroundImage,onClick:q},{default:n(()=>e[9]||(e[9]=[c(" 清除背景 ")])),_:1},8,["disabled"]),t(S,{class:"clear-btn",size:"small",disabled:!s(a).background,onClick:Q},{default:n(()=>e[10]||(e[10]=[c(" 清除颜色 ")])),_:1},8,["disabled"])]),_:1}),t(m,null,{default:n(()=>[t(g,null,{default:n(()=>e[11]||(e[11]=[c("适配方式")])),_:1}),t(le,null,{default:n(()=>[(d(),b($,null,A(X,o=>t(S,{key:o.key,type:s(a).previewScaleType===o.key?"primary":"tertiary",ghost:"",size:"small",onClick:Oe=>ee(o.key)},{default:n(()=>[t(ae,{"show-arrow":!1,trigger:"hover"},{trigger:n(()=>[t(R,{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(s(ke),{isCanvas:!0,chartStyles:s(a)},null,8,["chartStyles"]),t(ie,{style:{margin:"10px 0"}}),t(de,{class:"tabs-box",size:"small",type:"segment"},{default:n(()=>[(d(),b($,null,A(K,o=>t(re,{key:o.key,name:o.key,size:"small","display-directive":"show:lazy"},{tab:n(()=>[t(m,null,{default:n(()=>[v("span",null,I(o.title),1),t(R,{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 Ke=be(xe,[["__scopeId","data-v-d80e2de0"]]);export{Ke as default};
    2.