You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

2 lines
11 KiB

import{cr as Z,ct as q,cv as m,cy as p,cz as b,cC as t,cK as i,cA as e,cB as l,cL as r,ew as le,cP as J,cZ as oe,dm as ae,eg as ne,cs as y,cq as T,ex as G,c_ as ie,cu as me,ey as X,cR as F,cS as ue,cw as re,cD as de,cE as ce,cI as pe,cG as S,cM as M,cF as he,cU as _e,cX as ve,ez as fe,eA as ge,de as we}from"./index-6b91f299.js";const ye={class:"login-preview mr-16"},be={class:"header"},$e={class:"tag flex-between"},Ve={class:"flex align-center"},ke=["src"],Te={key:1,src:le,height:"24px",class:"mr-8"},Ue={class:"ellipsis"},Le={class:"mb-24"},Pe={class:"mb-24"},Ce={class:"mb-24"},ze={class:"operate-container flex-between mt-12"},De=Z({__name:"LoginPreview",props:{data:{type:Object,default:null}},setup(U){const u=U,j=q(()=>u.data.icon?typeof u.data.icon=="string"?u.data.icon:URL.createObjectURL(u.data.icon):"");return(d,L)=>{const P=m("Close"),C=m("el-icon"),h=m("el-input"),o=m("el-form-item"),f=m("el-form"),g=m("el-button"),R=m("LoginContainer"),$=m("login-layout");return p(),b("div",ye,[t("div",be,[t("div",$e,[t("div",Ve,[u.data.icon?(p(),b("img",{key:0,src:j.value,alt:"",height:"20px",class:"mr-8"},null,8,ke)):(p(),b("img",Te)),t("span",Ue,i(U.data.title),1)]),e(C,null,{default:l(()=>[e(P)]),_:1})])]),e($,{style:{height:"530px"},lang:!1},{default:l(()=>[e(R,{subTitle:U.data.slogan,class:"login-container"},{default:l(()=>[L[0]||(L[0]=t("div",{class:"mask"},null,-1)),t("h2",Le,i(d.$t("views.login.title")),1),e(f,{class:"login-form"},{default:l(()=>[t("div",Pe,[e(o,null,{default:l(()=>[e(h,{size:"large",class:"input-item",placeholder:d.$t("views.user.userForm.form.username.placeholder")},null,8,["placeholder"])]),_:1})]),t("div",Ce,[e(o,null,{default:l(()=>[e(h,{type:"password",size:"large",class:"input-item",placeholder:d.$t("views.user.userForm.form.password.placeholder"),"show-password":""},null,8,["placeholder"])]),_:1})])]),_:1}),e(g,{size:"large",type:"primary",class:"w-full"},{default:l(()=>[r(i(d.$t("views.login.buttons.login")),1)]),_:1}),t("div",ze,[e(g,{class:"forgot-password",link:"",type:"primary"},{default:l(()=>[r(i(d.$t("views.login.forgotPassword"))+"? ",1)]),_:1})])]),_:1},8,["subTitle"])]),_:1})])}}});const Fe=J(De,[["__scopeId","data-v-582ab5b9"]]),Se={class:"theme-setting"},Me={class:"p-16-24"},je={class:"p-24 pt-0"},Re={class:"app-card p-24"},Ne={class:"mb-16"},Ie={key:0},Be={class:"mt-16 mb-8"},Ae={class:"app-card p-24 mt-16"},Ee={class:"mb-16"},qe={class:"flex-between"},Oe={class:"mb-16"},He={class:"theme-preview"},Ke={class:"theme-form"},Ge={class:"flex-between mb-8"},Xe={class:"lighter"},Ze={class:"flex-between mb-8"},Je={class:"lighter"},Qe={class:"flex-between mb-8"},We={class:"lighter"},Ye={class:"mt-16"},xe={class:"app-card p-24 mt-16"},es={class:"mb-16"},ss={class:"flex-between"},ts={class:"mb-16"},ls={class:"theme-preview"},os={class:"theme-platform mr-16"},as={class:"flex-center h-full"},ns={class:"app-title-container cursor"},is={class:"logo flex-center"},ms={class:"flex-center"},us={class:"theme-form"},rs={class:"ml-24"},ds={class:"mt-4"},cs={class:"ml-24"},ps={class:"mt-4"},hs={class:"ml-24"},_s={class:"mt-16"},vs={class:"theme-setting__operate w-full p-16-24"},fs=Z({__name:"index",setup(U){const{user:u}=oe(),j=ae();ne((s,a)=>{u.setTheme(h.value)});const d=q(()=>u.themeInfo),L=q(()=>u.isDefaultTheme()),P=y(),C=y(!1),h=y(null),o=y({theme:"",icon:"",loginLogo:"",loginImage:"",title:"MaxKB",slogan:T("views.system.theme.defaultSlogan"),...G}),f=y(""),g=y(""),R=ie({title:[{required:!0,message:T("views.system.theme.websiteNamePlaceholder"),trigger:"blur"}],slogan:[{required:!0,message:T("views.system.theme.websiteSloganPlaceholder"),trigger:"blur"}]}),$=(s,a,w)=>{if((s==null?void 0:s.size)/1024/1024<10)o.value[w]=s.raw;else return ve(T("views.system.theme.fileMessageError")),!1;u.setTheme(o.value)};function Q(s){s!=="custom"&&(o.value.theme=s,u.setTheme(o.value))}function W(s){o.value.theme=s,u.setTheme(o.value)}function Y(){u.setTheme(h.value),o.value=F.cloneDeep(d.value)}function O(s){o.value=s==="login"?{...o.value,theme:o.value.theme,...fe}:{...o.value,theme:o.value.theme,...G},u.setTheme(o.value)}const x=async(s,a)=>{s&&await s.validate((w,N)=>{if(w){let z=new FormData;Object.keys(o.value).map(c=>{z.append(c,o.value[c])}),ge.postThemeInfo(z,C).then(c=>{u.theme(),h.value=F.cloneDeep(o.value),we(T("views.system.theme.saveSuccess"))})}})};return me(()=>{u.isExpire()&&j.push({path:"/application"}),d.value&&(f.value=X.some(s=>s.value===d.value.theme)?d.value.theme:"custom",g.value=d.value.theme,o.value=F.cloneDeep(d.value),h.value=F.cloneDeep(d.value))}),(s,a)=>{const w=m("el-radio-button"),N=m("el-radio-group"),z=m("el-color-picker"),c=m("el-button"),D=m("el-col"),I=m("el-upload"),_=m("el-text"),V=m("el-card"),k=m("el-input"),H=m("el-form-item"),ee=m("el-form"),K=m("el-row"),B=m("el-scrollbar"),se=m("LogoFull"),A=m("AppIcon"),E=m("el-checkbox"),te=ue("loading");return re((p(),b("div",Se,[t("h4",Me,i(s.$t("views.system.theme.title")),1),e(B,null,{default:l(()=>[t("div",je,[t("div",Re,[t("h5",Ne,i(s.$t("views.system.theme.platformDisplayTheme")),1),e(N,{modelValue:f.value,"onUpdate:modelValue":a[0]||(a[0]=n=>f.value=n),class:"app-radio-button-group",onChange:Q},{default:l(()=>[(p(!0),b(de,null,ce(pe(X),(n,v)=>(p(),S(w,{key:v,label:n.label,value:n.value},null,8,["label","value"]))),128)),e(w,{label:s.$t("views.system.theme.custom"),value:"custom"},null,8,["label"])]),_:1},8,["modelValue"]),f.value==="custom"?(p(),b("div",Ie,[t("h5",Be,i(s.$t("views.system.theme.customTheme")),1),e(z,{modelValue:g.value,"onUpdate:modelValue":a[1]||(a[1]=n=>g.value=n),onChange:W},null,8,["modelValue"])])):M("",!0)]),t("div",Ae,[t("h5",Ee,i(s.$t("views.system.theme.platformLoginSettings")),1),e(V,{shadow:"never",class:"layout-bg"},{default:l(()=>[t("div",qe,[t("h5",Oe,i(s.$t("views.system.theme.pagePreview")),1),e(c,{type:"primary",link:"",onClick:a[2]||(a[2]=n=>O("login"))},{default:l(()=>[r(i(s.$t("views.system.theme.restoreDefaults")),1)]),_:1})]),e(B,null,{default:l(()=>[t("div",He,[e(K,{gutter:8},{default:l(()=>[e(D,{span:16},{default:l(()=>[e(Fe,{data:o.value},null,8,["data"])]),_:1}),e(D,{span:8},{default:l(()=>[t("div",Ke,[e(V,{shadow:"never",class:"mb-8"},{default:l(()=>[t("div",Ge,[t("span",Xe,i(s.$t("views.system.theme.websiteLogo")),1),e(I,{ref:"uploadRef",action:"#","auto-upload":!1,"show-file-list":!1,accept:"image/jpeg, image/png, image/gif","on-change":(n,v)=>$(n,v,"icon")},{default:l(()=>[e(c,{size:"small"},{default:l(()=>[r(i(s.$t("views.system.theme.replacePicture")),1)]),_:1})]),_:1},8,["on-change"])]),e(_,{type:"info",size:"small"},{default:l(()=>[r(i(s.$t("views.system.theme.websiteLogoTip")),1)]),_:1})]),_:1}),e(V,{shadow:"never",class:"mb-8"},{default:l(()=>[t("div",Ze,[t("span",Je,i(s.$t("views.system.theme.loginLogo")),1),e(I,{ref:"uploadRef",action:"#","auto-upload":!1,"show-file-list":!1,accept:"image/jpeg, image/png, image/gif","on-change":(n,v)=>$(n,v,"loginLogo")},{default:l(()=>[e(c,{size:"small"},{default:l(()=>[r(i(s.$t("views.system.theme.replacePicture")),1)]),_:1})]),_:1},8,["on-change"])]),e(_,{type:"info",size:"small"},{default:l(()=>[r(i(s.$t("views.system.theme.loginLogoTip")),1)]),_:1})]),_:1}),e(V,{shadow:"never",class:"mb-8"},{default:l(()=>[t("div",Qe,[t("span",We,i(s.$t("views.system.theme.loginBackground")),1),e(I,{ref:"uploadRef",action:"#","auto-upload":!1,"show-file-list":!1,accept:"image/jpeg, image/png, image/gif","on-change":(n,v)=>$(n,v,"loginImage")},{default:l(()=>[e(c,{size:"small"},{default:l(()=>[r(i(s.$t("views.system.theme.replacePicture")),1)]),_:1})]),_:1},8,["on-change"])]),e(_,{type:"info",size:"small"},{default:l(()=>[r(i(s.$t("views.system.theme.loginBackgroundTip")),1)]),_:1})]),_:1}),e(ee,{ref_key:"themeFormRef",ref:P,model:o.value,"label-position":"top","require-asterisk-position":"right",rules:R,onSubmit:a[5]||(a[5]=he(()=>{},["prevent"]))},{default:l(()=>[e(H,{label:s.$t("views.system.theme.websiteName"),prop:"title"},{default:l(()=>[e(k,{modelValue:o.value.title,"onUpdate:modelValue":a[3]||(a[3]=n=>o.value.title=n),placeholder:s.$t("views.system.theme.websiteNamePlaceholder")},null,8,["modelValue","placeholder"]),e(_,{type:"info"},{default:l(()=>[r(i(s.$t("views.system.theme.websiteNameTip")),1)]),_:1})]),_:1},8,["label"]),e(H,{label:s.$t("views.system.theme.websiteSlogan"),prop:"slogan"},{default:l(()=>[e(k,{modelValue:o.value.slogan,"onUpdate:modelValue":a[4]||(a[4]=n=>o.value.slogan=n),placeholder:s.$t("views.system.theme.websiteSloganPlaceholder"),maxlength:"64","show-word-limit":""},null,8,["modelValue","placeholder"]),e(_,{type:"info"},{default:l(()=>[r(i(s.$t("views.system.theme.websiteSloganTip")),1)]),_:1})]),_:1},8,["label"])]),_:1},8,["model","rules"])])]),_:1})]),_:1})])]),_:1}),t("div",Ye,[e(_,{type:"info"},{default:l(()=>[r(i(s.$t("views.system.theme.logoDefaultTip")),1)]),_:1})])]),_:1})]),t("div",xe,[t("h5",es,i(s.$t("views.system.theme.platformSetting")),1),e(V,{shadow:"never",class:"layout-bg"},{default:l(()=>[t("div",ss,[t("h5",ts,i(s.$t("views.system.theme.pagePreview")),1),e(c,{type:"primary",link:"",onClick:a[6]||(a[6]=n=>O("platform"))},{default:l(()=>[r(i(s.$t("views.system.theme.restoreDefaults")),1)]),_:1})]),e(B,null,{default:l(()=>[t("div",ls,[e(K,{gutter:8},{default:l(()=>[e(D,{span:16},{default:l(()=>[t("div",os,[t("div",{class:_e(["theme-platform-header border-b flex-between",L.value?"":"custom-header"])},[t("div",as,[t("div",ns,[t("div",is,[e(se,{height:"25px"})])])]),t("div",ms,[o.value.showProject?(p(),S(A,{key:0,iconName:"app-github",class:"cursor color-secondary mr-8 ml-8",style:{"font-size":"20px"}})):M("",!0),o.value.showUserManual?(p(),S(A,{key:1,iconName:"app-reading",class:"cursor color-secondary mr-8 ml-8",style:{"font-size":"20px"}})):M("",!0),o.value.showForum?(p(),S(A,{key:2,iconName:"app-help",class:"cursor color-secondary ml-8",style:{"font-size":"20px"}})):M("",!0)])],2)])]),_:1}),e(D,{span:8},{default:l(()=>[t("div",us,[t("div",null,[e(E,{modelValue:o.value.showUserManual,"onUpdate:modelValue":a[7]||(a[7]=n=>o.value.showUserManual=n),label:s.$t("views.system.theme.showUserManual")},null,8,["modelValue","label"]),t("div",rs,[e(k,{modelValue:o.value.userManualUrl,"onUpdate:modelValue":a[8]||(a[8]=n=>o.value.userManualUrl=n),placeholder:s.$t("views.system.theme.urlPlaceholder")},null,8,["modelValue","placeholder"])])]),t("div",ds,[e(E,{modelValue:o.value.showForum,"onUpdate:modelValue":a[9]||(a[9]=n=>o.value.showForum=n),label:s.$t("views.system.theme.showForum")},null,8,["modelValue","label"]),t("div",cs,[e(k,{modelValue:o.value.forumUrl,"onUpdate:modelValue":a[10]||(a[10]=n=>o.value.forumUrl=n),placeholder:s.$t("views.system.theme.urlPlaceholder")},null,8,["modelValue","placeholder"])])]),t("div",ps,[e(E,{modelValue:o.value.showProject,"onUpdate:modelValue":a[11]||(a[11]=n=>o.value.showProject=n),label:s.$t("views.system.theme.showProject")},null,8,["modelValue","label"]),t("div",hs,[e(k,{modelValue:o.value.projectUrl,"onUpdate:modelValue":a[12]||(a[12]=n=>o.value.projectUrl=n),placeholder:s.$t("views.system.theme.urlPlaceholder")},null,8,["modelValue","placeholder"])])])])]),_:1})]),_:1})])]),_:1}),t("div",_s,[e(_,{type:"info"},{default:l(()=>[r(i(s.$t("views.system.theme.defaultTip")),1)]),_:1})])]),_:1})])])]),_:1}),t("div",vs,[e(c,{onClick:Y},{default:l(()=>[r(i(s.$t("views.system.theme.abandonUpdate")),1)]),_:1}),e(c,{type:"primary",onClick:a[13]||(a[13]=n=>x(P.value))},{default:l(()=>[r(i(s.$t("views.system.theme.saveAndApply")),1)]),_:1})])])),[[te,C.value]])}}});const ws=J(fs,[["__scopeId","data-v-59c7b6a0"]]);export{ws as default};