index-BHwhuh0q.js 11 KB

1
  1. import{cQ as J,fV as r,ft as d,cs as V,cp as o,gx as i,cw as e,g$ as t,cv as u,c9 as O,ac as X,gV as re,gT as ue,fn as me,fM as $,gs as y,fL as de,fr as ce,gv as W,eU as N,fW as Y,h0 as K,gN as C,F as pe,fS as he,cq as S,cr as z,h2 as fe,fe as _e,e as ge,O as ve,B as be,x as we,cM as $e,cL as Q,Y as ye,y as Ve}from"./builder-DygomDiV.js";import{a as Te,L as ke}from"./LoginContainer-BSRLp4GS.js";const Le=""+new URL("logo-C5YWGaTn.svg",import.meta.url).href,Pe={class:"login-preview mr-16 white-bg"},Ue={class:"header"},Ce={class:"tag flex-between"},Se={class:"flex align-center"},De=["src"],Re={key:1,src:Le,height:"24px",class:"mr-8"},Fe={class:"ellipsis"},Me={class:"mb-24"},Ne={class:"mb-24"},ze={class:"mb-24"},je={class:"operate-container flex-between mt-12"},Ie=J({__name:"LoginPreview",props:{data:{type:Object,default:null}},setup(D){const m=D,c=O(()=>m.data.icon?typeof m.data.icon=="string"?m.data.icon:URL.createObjectURL(m.data.icon):"");return(h,T)=>{const R=r("Close"),b=r("el-icon"),s=r("el-input"),f=r("el-form-item"),k=r("el-form"),F=r("el-button");return d(),V("div",Pe,[o("div",Ue,[o("div",Ce,[o("div",Se,[m.data.icon?(d(),V("img",{key:0,src:c.value,alt:"",height:"20px",class:"mr-8"},null,8,De)):(d(),V("img",Re)),o("span",Fe,i(D.data.title),1)]),e(b,null,{default:t(()=>[e(R)]),_:1})])]),e(Te,{style:{height:"530px"},lang:!1},{default:t(()=>[e(ke,{subTitle:D.data.slogan,class:"login-container"},{default:t(()=>[T[0]||(T[0]=o("div",{class:"mask"},null,-1)),o("h2",Me,i(h.$t("views.login.title")),1),e(k,{class:"login-form"},{default:t(()=>[o("div",Ne,[e(f,null,{default:t(()=>[e(s,{size:"large",class:"input-item",placeholder:h.$t("views.login.loginForm.username.placeholder")},null,8,["placeholder"])]),_:1})]),o("div",ze,[e(f,null,{default:t(()=>[e(s,{type:"password",size:"large",class:"input-item",placeholder:h.$t("views.login.loginForm.password.placeholder"),"show-password":""},null,8,["placeholder"])]),_:1})])]),_:1}),e(F,{size:"large",type:"primary",class:"w-full"},{default:t(()=>[u(i(h.$t("views.login.buttons.login")),1)]),_:1}),o("div",je,[e(F,{class:"forgot-password",link:"",type:"primary"},{default:t(()=>[u(i(h.$t("views.login.forgotPassword"))+"? ",1)]),_:1})])]),_:1},8,["subTitle"])]),_:1})])}}}),Ae=X(Ie,[["__scopeId","data-v-2077f61a"]]),Be={class:"theme-setting p-16-24"},Ee={class:"ml-4 color-text-primary"},xe={class:"mb-16"},Oe={key:0},qe={class:"mt-16 mb-8"},Ge={class:"mb-16"},He={class:"flex-between"},We={class:"mb-16"},Ye={class:"theme-preview"},Ke={class:"theme-form"},Qe={class:"flex-between mb-8"},Je={class:"lighter"},Xe={class:"flex-between mb-8"},Ze={class:"lighter"},el={class:"flex-between mb-8"},ll={class:"lighter"},tl={class:"mt-16"},ol={class:"mb-16"},sl={class:"flex-between"},al={class:"mb-16"},nl={class:"theme-preview"},il={class:"theme-platform mr-16"},rl={class:"flex-center h-full"},ul={class:"app-title-container cursor"},ml={class:"logo flex-center"},dl={class:"flex-center"},cl={class:"theme-form"},pl={class:"ml-24"},hl={class:"mt-4"},fl={class:"ml-24"},_l={class:"mt-4"},gl={class:"ml-24"},vl={class:"mt-16"},bl={class:"theme-setting__operate w-full p-16-24"},wl=J({__name:"index",setup(D){const{theme:m}=re();ue(),me((l,a)=>{m.setTheme(b.value)});const c=O(()=>m.themeInfo),h=O(()=>m.isDefaultTheme()),T=$(),R=$(!1),b=$(null),s=$({theme:"",icon:"",loginLogo:"",loginImage:"",title:"MaxKB",slogan:y("theme.defaultSlogan"),...Q}),f=$(""),k=$(""),F=de({title:[{required:!0,message:y("theme.websiteNamePlaceholder"),trigger:"blur"}],slogan:[{required:!0,message:y("theme.websiteSloganPlaceholder"),trigger:"blur"}]}),j=(l,a,w)=>{if(l?.size/1024/1024<10)s.value[w]=l.raw;else return we(y("theme.fileMessageError")),!1;m.setTheme(s.value)};function Z(l){l!=="custom"&&(s.value.theme=l,m.setTheme(s.value))}function ee(l){s.value.theme=l,m.setTheme(s.value)}function le(){m.setTheme(b.value),s.value=N.cloneDeep(c.value)}function q(l){s.value=l==="login"?{...s.value,theme:s.value.theme,...$e}:{...s.value,theme:s.value.theme,...Q},m.setTheme(s.value)}const te=async(l,a)=>{l&&await l.validate((w,I)=>{if(w){const L=new FormData;Object.keys(s.value).map(P=>{L.append(P,s.value[P])}),ye.postThemeInfo(L,R).then(P=>{m.theme(),b.value=N.cloneDeep(s.value),Ve(y("theme.saveSuccess"))})}})};return ce(()=>{c.value&&(f.value=W.some(l=>l.value===c.value.theme)?c.value.theme:"custom",k.value=c.value.theme,s.value=N.cloneDeep(c.value),b.value=N.cloneDeep(c.value))}),(l,a)=>{const w=r("el-breadcrumb-item"),I=r("el-breadcrumb"),L=r("el-radio-button"),P=r("el-radio-group"),oe=r("el-color-picker"),p=r("el-card"),_=r("el-button"),M=r("el-col"),A=r("el-upload"),g=r("el-text"),U=r("el-input"),G=r("el-form-item"),se=r("el-form"),H=r("el-row"),B=r("el-scrollbar"),ae=r("LogoFull"),E=r("AppIcon"),x=r("el-checkbox"),ne=Y("hasPermission"),ie=Y("loading");return K((d(),V("div",Be,[e(I,{"separator-icon":"ArrowRight",class:"mb-16"},{default:t(()=>[e(w,null,{default:t(()=>[u(i(C(y)("views.system.subTitle")),1)]),_:1}),e(w,null,{default:t(()=>[o("h5",Ee,i(l.$t("theme.title")),1)]),_:1})]),_:1}),e(B,null,{default:t(()=>[e(p,{style:{"--el-card-padding":"16px"}},{default:t(()=>[o("h5",xe,i(l.$t("theme.platformDisplayTheme")),1),e(P,{modelValue:f.value,"onUpdate:modelValue":a[0]||(a[0]=n=>f.value=n),class:"app-radio-button-group",onChange:Z},{default:t(()=>[(d(!0),V(pe,null,he(C(W),(n,v)=>(d(),S(L,{key:v,label:n.label,value:n.value},null,8,["label","value"]))),128)),e(L,{label:l.$t("common.custom"),value:"custom"},null,8,["label"])]),_:1},8,["modelValue"]),f.value==="custom"?(d(),V("div",Oe,[o("h5",qe,i(l.$t("theme.customTheme")),1),e(oe,{modelValue:k.value,"onUpdate:modelValue":a[1]||(a[1]=n=>k.value=n),onChange:ee},null,8,["modelValue"])])):z("",!0)]),_:1}),e(p,{style:{"--el-card-padding":"16px"},class:"mt-16"},{default:t(()=>[o("h5",Ge,i(l.$t("theme.platformLoginSettings")),1),e(p,{shadow:"never",class:"layout-bg"},{default:t(()=>[o("div",He,[o("h5",We,i(l.$t("theme.pagePreview")),1),e(_,{type:"primary",link:"",onClick:a[2]||(a[2]=n=>q("login"))},{default:t(()=>[u(i(l.$t("theme.restoreDefaults")),1)]),_:1})]),e(B,null,{default:t(()=>[o("div",Ye,[e(H,{gutter:8},{default:t(()=>[e(M,{span:16},{default:t(()=>[e(Ae,{data:s.value},null,8,["data"])]),_:1}),e(M,{span:8},{default:t(()=>[o("div",Ke,[e(p,{shadow:"never",class:"mb-8"},{default:t(()=>[o("div",Qe,[o("span",Je,i(l.$t("theme.websiteLogo")),1),e(A,{ref:"uploadRef",action:"#","auto-upload":!1,"show-file-list":!1,accept:"image/jpeg, image/png, image/gif","on-change":(n,v)=>j(n,v,"icon")},{default:t(()=>[e(_,{size:"small"},{default:t(()=>[u(i(l.$t("theme.replacePicture")),1)]),_:1})]),_:1},8,["on-change"])]),e(g,{type:"info",size:"small"},{default:t(()=>[u(i(l.$t("theme.websiteLogoTip")),1)]),_:1})]),_:1}),e(p,{shadow:"never",class:"mb-8"},{default:t(()=>[o("div",Xe,[o("span",Ze,i(l.$t("theme.loginLogo")),1),e(A,{ref:"uploadRef",action:"#","auto-upload":!1,"show-file-list":!1,accept:"image/jpeg, image/png, image/gif","on-change":(n,v)=>j(n,v,"loginLogo")},{default:t(()=>[e(_,{size:"small"},{default:t(()=>[u(i(l.$t("theme.replacePicture")),1)]),_:1})]),_:1},8,["on-change"])]),e(g,{type:"info",size:"small"},{default:t(()=>[u(i(l.$t("theme.loginLogoTip")),1)]),_:1})]),_:1}),e(p,{shadow:"never",class:"mb-8"},{default:t(()=>[o("div",el,[o("span",ll,i(l.$t("theme.loginBackground")),1),e(A,{ref:"uploadRef",action:"#","auto-upload":!1,"show-file-list":!1,accept:"image/jpeg, image/png, image/gif","on-change":(n,v)=>j(n,v,"loginImage")},{default:t(()=>[e(_,{size:"small"},{default:t(()=>[u(i(l.$t("theme.replacePicture")),1)]),_:1})]),_:1},8,["on-change"])]),e(g,{type:"info",size:"small"},{default:t(()=>[u(i(l.$t("theme.loginBackgroundTip")),1)]),_:1})]),_:1}),e(se,{ref_key:"themeFormRef",ref:T,model:s.value,"label-position":"top","require-asterisk-position":"right",rules:F,onSubmit:a[5]||(a[5]=fe(()=>{},["prevent"]))},{default:t(()=>[e(G,{label:l.$t("theme.websiteName"),prop:"title"},{default:t(()=>[e(U,{modelValue:s.value.title,"onUpdate:modelValue":a[3]||(a[3]=n=>s.value.title=n),placeholder:l.$t("theme.websiteNamePlaceholder"),"show-word-limit":"",maxlength:"128"},null,8,["modelValue","placeholder"]),e(g,{type:"info"},{default:t(()=>[u(i(l.$t("theme.websiteNameTip")),1)]),_:1})]),_:1},8,["label"]),e(G,{label:l.$t("theme.websiteSlogan"),prop:"slogan"},{default:t(()=>[e(U,{modelValue:s.value.slogan,"onUpdate:modelValue":a[4]||(a[4]=n=>s.value.slogan=n),placeholder:l.$t("theme.websiteSloganPlaceholder"),maxlength:"64","show-word-limit":""},null,8,["modelValue","placeholder"]),e(g,{type:"info"},{default:t(()=>[u(i(l.$t("theme.websiteSloganTip")),1)]),_:1})]),_:1},8,["label"])]),_:1},8,["model","rules"])])]),_:1})]),_:1})])]),_:1}),o("div",tl,[e(g,{type:"info"},{default:t(()=>[u(i(l.$t("theme.logoDefaultTip")),1)]),_:1})])]),_:1})]),_:1}),e(p,{style:{"--el-card-padding":"16px"},class:"mt-16"},{default:t(()=>[o("h5",ol,i(l.$t("theme.platformSetting")),1),e(p,{shadow:"never",class:"layout-bg"},{default:t(()=>[o("div",sl,[o("h5",al,i(l.$t("theme.pagePreview")),1),e(_,{type:"primary",link:"",onClick:a[6]||(a[6]=n=>q("platform"))},{default:t(()=>[u(i(l.$t("theme.restoreDefaults")),1)]),_:1})]),e(B,null,{default:t(()=>[o("div",nl,[e(H,{gutter:8},{default:t(()=>[e(M,{span:16},{default:t(()=>[o("div",il,[o("div",{class:_e(["theme-platform-header border-b flex-between",h.value?"":"custom-header"])},[o("div",rl,[o("div",ul,[o("div",ml,[e(ae,{height:"25px"})])])]),o("div",dl,[s.value.showProject?(d(),S(E,{key:0,iconName:"app-github",class:"cursor color-secondary mr-8 ml-8",style:{"font-size":"20px"}})):z("",!0),s.value.showUserManual?(d(),S(E,{key:1,iconName:"app-user-manual",class:"cursor color-secondary mr-8 ml-8",style:{"font-size":"20px"}})):z("",!0),s.value.showForum?(d(),S(E,{key:2,iconName:"app-help",class:"cursor color-secondary ml-8",style:{"font-size":"20px"}})):z("",!0)])],2)])]),_:1}),e(M,{span:8},{default:t(()=>[o("div",cl,[o("div",null,[e(x,{modelValue:s.value.showUserManual,"onUpdate:modelValue":a[7]||(a[7]=n=>s.value.showUserManual=n),label:l.$t("theme.showUserManual")},null,8,["modelValue","label"]),o("div",pl,[e(U,{modelValue:s.value.userManualUrl,"onUpdate:modelValue":a[8]||(a[8]=n=>s.value.userManualUrl=n),placeholder:l.$t("theme.urlPlaceholder"),"show-word-limit":"",maxlength:"128"},null,8,["modelValue","placeholder"])])]),o("div",hl,[e(x,{modelValue:s.value.showForum,"onUpdate:modelValue":a[9]||(a[9]=n=>s.value.showForum=n),label:l.$t("theme.showForum")},null,8,["modelValue","label"]),o("div",fl,[e(U,{modelValue:s.value.forumUrl,"onUpdate:modelValue":a[10]||(a[10]=n=>s.value.forumUrl=n),placeholder:l.$t("theme.urlPlaceholder"),"show-word-limit":"",maxlength:"128"},null,8,["modelValue","placeholder"])])]),o("div",_l,[e(x,{modelValue:s.value.showProject,"onUpdate:modelValue":a[11]||(a[11]=n=>s.value.showProject=n),label:l.$t("theme.showProject")},null,8,["modelValue","label"]),o("div",gl,[e(U,{modelValue:s.value.projectUrl,"onUpdate:modelValue":a[12]||(a[12]=n=>s.value.projectUrl=n),placeholder:l.$t("theme.urlPlaceholder"),"show-word-limit":"",maxlength:"128"},null,8,["modelValue","placeholder"])])])])]),_:1})]),_:1})])]),_:1}),o("div",vl,[e(g,{type:"info"},{default:t(()=>[u(i(l.$t("theme.defaultTip")),1)]),_:1})])]),_:1})]),_:1})]),_:1}),o("div",bl,[e(_,{onClick:le},{default:t(()=>[u(i(l.$t("theme.abandonUpdate")),1)]),_:1}),K((d(),S(_,{type:"primary",onClick:a[13]||(a[13]=n=>te(T.value))},{default:t(()=>[u(i(l.$t("theme.saveAndApply")),1)]),_:1})),[[ne,new(C(ge))([C(ve).ADMIN],[C(be).APPEARANCE_SETTINGS_EDIT],[],"OR")]])])])),[[ie,R.value]])}}}),Vl=X(wl,[["__scopeId","data-v-511b7800"]]);export{Vl as default};