https://images.418121.xyz/js/728.9848db5f.js

1"use strict";(self["webpackChunksanyue_imghub"]=self["webpackChunksanyue_imghub"]||[]).push([[728],{2336:function(e,t,i){i.d(t,{A:function(){return F}});var s=i(86975),n=i(80047),o=(i(85331),i(99648),i(39623)),a=(i(29092),i(813)),r=(i(34896),i(732)),l=i(54047),d=i(6834),u=i(56768),h=i(24232),c=i(45130);const p={class:"login-container"},g={class:"login-title",tabindex:"0"},m={class:"input-wrapper"},w={key:0,class:"loading-ring"},f={key:1};function b(e,t,i,b,y,v){const k=d.A,L=l.A,$=r.A,F=a.tk,A=o.WK,_=n.S2,x=s.A;return(0,u.uX)(),(0,u.CE)("div",{class:"login",style:(0,h.Tr)(v.viewportStyle)},[(0,u.bF)(k,{class:"toggle-dark"}),(0,u.bF)(L,{class:"language-switcher"}),(0,u.bF)($),(0,u.Lk)("div",p,[(0,u.Lk)("h1",g,(0,h.v_)(i.title),1),((0,u.uX)(!0),(0,u.CE)(u.FK,null,(0,u.pI)(i.fields,(e,t)=>((0,u.uX)(),(0,u.CE)("div",{key:e.key,class:"input-container"},[(0,u.Lk)("label",{class:"input-name",ref_for:!0,ref:`inputLabel${t}`,style:(0,h.Tr)({"--underline-width":y.labelUnderlineWidths[t]+"px"})},(0,h.v_)(e.label),5),(0,u.Lk)("div",m,[(0,u.bF)(A,{modelValue:y.formData[e.key],"onUpdate:modelValue":t=>y.formData[e.key]=t,placeholder:e.placeholder,type:e.type||"text","show-password":e.showPassword,class:"password-input",onKeyup:(0,c.jR)(v.handleSubmit,["enter","native"]),onFocus:v.handleInputFocus,onBlur:v.handleInputBlur},(0,u.eX)({_:2},[e.icon?{name:"prefix",fn:(0,u.k6)(()=>[(0,u.bF)(F,{class:"el-input__icon"},{default:(0,u.k6)(()=>[((0,u.uX)(),(0,u.Wv)((0,u.$y)(e.icon)))]),_:2},1024)]),key:"0"}:void 0]),1032,["modelValue","onUpdate:modelValue","placeholder","type","show-password","onKeyup","onFocus","onBlur"])])]))),128)),(0,u.bF)(_,{class:(0,h.C4)(["submit",{"is-loading":i.loading}]),type:"primary",onClick:v.handleSubmit,disabled:i.loading},{default:(0,u.k6)(()=>[i.loading?((0,u.uX)(),(0,u.CE)("div",w)):((0,u.uX)(),(0,u.CE)("span",f,(0,h.v_)(v.computedSubmitText),1))]),_:1},8,["class","onClick","disabled"])]),(0,u.bF)(x,{class:"footer"})],4)}i(18111),i(7588);var y=i(60782),v=i(48903),k={name:"BaseLogin",mixins:[v.A],props:{title:{type:String,required:!0},fields:{type:Array,required:!0},submitText:{type:String,default:""},backgroundKey:{type:String,required:!0},isAdmin:{type:Boolean,default:!1},loading:{type:Boolean,default:!1}},data(){return{formData:{},labelUnderlineWidths:[],isFocused:!1,viewportHeight:0}},computed:{...(0,y.L8)(["userConfig"]),computedSubmitText(){return this.submitText||this.$t("login.submit")},viewportStyle(){return this.viewportHeight>0?{height:`${this.viewportHeight}px`,minHeight:`${this.viewportHeight}px`}:{}}},watch:{fields:{handler(){this.$nextTick(()=>{this.calculateLabelWidths()})},deep:!0}},components:{Footer:s.A,ToggleDark:d.A,LanguageSwitcher:l.A,Logo:r.A}

1,mounted(){this.initFormData(),this.initializeBackground(this.backgroundKey,".login",!this.isAdmin,!0),this.$nextTick(()=>{this.calculateLabelWidths()}),this._handleViewportResize=this.handleViewportResize.bind(this),window.visualViewport&&(this._initialHeight=window.visualViewport.height,window.visualViewport.addEventListener("resize",this._handleViewportResize))},beforeDestroy(){window.visualViewport&&this._handleViewportResize&&window.visualViewport.removeEventListener("resize",this._handleViewportResize)},methods:{initFormData(){const e={};this.fields.forEach(t=>{e[t.key]=""}),this.formData=e,this.labelUnderlineWidths=new Array(this.fields.length).fill(0)},calculateLabelWidths(){this.$nextTick(()=>{this.fields.forEach((e,t)=>{const i=this.$refs[`inputLabel${t}`];if(i&&i[0]){const s=document.createElement("canvas"),n=s.getContext("2d"),o=i[0],a=window.getComputedStyle(o);n.font=`${a.fontWeight} ${a.fontSize} ${a.fontFamily}`;const r=n.measureText(e.label).width;this.labelUnderlineWidths[t]=Math.ceil(r)+3}})})},handleSubmit(){this.loading||this.$emit("submit",{...this.formData})},handleViewportResize(){if(!window.visualViewport)return;const e=window.visualViewport.height,t=this._initialHeight-e,i=150;this.viewportHeight=t>i?e:0},handleInputFocus(e){this.isFocused=!0;const t=e.target.closest(".input-container");if(t){const e=t.querySelector(".input-wrapper");e&&e.classList.add("focused")}},handleInputBlur(e){this.isFocused=!1;const t=e.target.closest(".input-container");if(t){const e=t.querySelector(".input-wrapper");e&&e.classList.remove("focused")}}}},L=i(71241);const $=(0,L.A)(k,[["render",b],["__scopeId","data-v-604cfcf8"]]);var F=$},16556:function(e,t,i){i.r(t),i.d(t,{default:function(){return u}});var s=i(2336),n=i(56768);function o(e,t,i,o,a,r){const l=s.A;return(0,n.uX)(),(0,n.Wv)(l,{title:e.$t("login.adminTitle"),fields:a.loginFields,"submit-text":e.$t("login.submit"),"background-key":"adminLoginBkImg","is-admin":!0,loading:a.isLoading,onSubmit:r.handleLogin},null,8,["title","fields","submit-text","loading","onSubmit"])}i(44114);var a=i(457),r={data(){return{isLoading:!1,loginFields:[]}},components:{BaseLogin:s.A},created(){this.updateLoginFields()},watch:{"$i18n.locale"(){this.updateLoginFields()}},methods:{updateLoginFields(){this.loginFields=[{key:"username",label:this.$t("login.username"),placeholder:this.$t("login.usernamePlaceholder"),type:"text",icon:"User"},{key:"password",label:this.$t("login.password"),placeholder:this.$t("login.adminPasswordPlaceholder"),type:"password",showPassword:!0,icon:"Lock"}]},async handleLogin(e){const{username:t,password:i}=e;this.isLoading=!0;const s=new Promise(e=>setTimeout(e,1e3)),n=a.A.post("/api/auth/adminLogin",{username:t,password:i},{withCredentials:!0}).then(e=>({response:e})).catch(e=>({error:e}));try{const[e]=await Promise.all([n,s]);if(e.response&&200===e.response.status)this.$store.commit("setAdminLoggedIn",!0),this.$router.push("/dashboard");else{const t=e.error||new Error("Unknown error");this.isLoading=!1,t.response&&401===t.response.status?this.$message.error(this.$t("login.adminFailed")):this.$message.error(this.$t("login.serverError"))}}catch(o){this.isLoading=!1,this.$message.error(this.$t("login.systemError"))}}}},l=i(71241);const d=(0,l.A)(r,[["render",o]]);var u=d},54047:function(e,t,i){i.d(t,{A:function(){return u}});var s=i(56768);const n=["title"];function o(e,t,i,o,a,r){const l=(0,s.g2)("font-awesome-icon");return(0,s.uX)(),(0,s.CE)("span",{class:"language-switcher",onClick:t[0]||(t[0]=(...e)=>r.toggleLocale&&r.toggleLocale(...e)),role:"button",title:e.$t("language.switchTo")},[(0,s.bF)(l,{icon:"globe",class:"lang-icon"})],8,n)}var a=i(46638),r={name:"LanguageSwitcher",computed:{isZh(){return"zh-CN"===this.$i18n.locale}},methods:{toggleLocale(){const e=this.isZh?"en":"zh-CN";(0,a.xS)(e)}}},l=i(71241);const d=(0,l.A)(r,[["render",o],["__scopeId","data-v-08567d0a"]]);var u=d}}]);
2//# sourceMappingURL=728.9848db5f.js.map