mirror of
https://github.com/ZSCGR/CloudFlare-ImgBed.git
synced 2026-08-13 04:03:42 +08:00
2 lines
5.8 KiB
JavaScript
2 lines
5.8 KiB
JavaScript
"use strict";(self["webpackChunksanyue_imghub"]=self["webpackChunksanyue_imghub"]||[]).push([[604],{47263:function(e,t,i){i.d(t,{A:function(){return v}});var s=i(86975),n=i(80047),o=(i(85331),i(99648),i(39623)),a=(i(29092),i(813)),l=(i(34896),i(732)),r=i(54047),d=i(6834),u=i(56768),c=i(24232),h=i(45130);const g={class:"login-container"},p={class:"login-title",tabindex:"0"},m={class:"input-wrapper"},f={key:0,class:"loading-ring"},b={key:1};function y(e,t,i,y,w,k){const L=d.A,F=r.A,$=l.A,v=a.tk,C=o.WK,A=n.S2,S=s.A;return(0,u.uX)(),(0,u.CE)("div",{class:(0,c.C4)(["login",{"is-focused":w.isFocused}])},[(0,u.bF)(L,{class:"toggle-dark"}),(0,u.bF)(F,{class:"language-switcher"}),(0,u.bF)($),(0,u.Lk)("div",g,[(0,u.Lk)("h1",p,(0,c.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,c.Tr)({"--underline-width":w.labelUnderlineWidths[t]+"px"})},(0,c.v_)(e.label),5),(0,u.Lk)("div",m,[(0,u.bF)(C,{modelValue:w.formData[e.key],"onUpdate:modelValue":t=>w.formData[e.key]=t,placeholder:e.placeholder,type:e.type||"text","show-password":e.showPassword,class:"password-input",onKeyup:(0,h.jR)(k.handleSubmit,["enter","native"]),onFocus:k.handleInputFocus,onBlur:k.handleInputBlur},(0,u.eX)({_:2},[e.icon?{name:"prefix",fn:(0,u.k6)(()=>[(0,u.bF)(v,{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)(A,{class:(0,c.C4)(["submit",{"is-loading":i.loading}]),type:"primary",onClick:k.handleSubmit,disabled:i.loading},{default:(0,u.k6)(()=>[i.loading?((0,u.uX)(),(0,u.CE)("div",f)):((0,u.uX)(),(0,u.CE)("span",b,(0,c.v_)(k.computedSubmitText),1))]),_:1},8,["class","onClick","disabled"])]),(0,u.bF)(S,{class:"footer"})],2)}i(18111),i(7588);var w=i(60782),k=i(48903),L={name:"BaseLogin",mixins:[k.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}},computed:{...(0,w.L8)(["userConfig"]),computedSubmitText(){return this.submitText||this.$t("login.submit")}},watch:{fields:{handler(){this.$nextTick(()=>{this.calculateLabelWidths()})},deep:!0}},components:{Footer:s.A,ToggleDark:d.A,LanguageSwitcher:r.A,Logo:l.A},mounted(){this.initFormData(),this.initializeBackground(this.backgroundKey,".login",!this.isAdmin,!0),this.$nextTick(()=>{this.calculateLabelWidths()})},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 l=n.measureText(e.label).width;this.labelUnderlineWidths[t]=Math.ceil(l)+3}})})},handleSubmit(){this.loading||this.$emit("submit",{...this.formData})},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")}}}},F=i(71241);const $=(0,F.A)(L,[["render",y],["__scopeId","data-v-6b04d67b"]]);var v=$},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,l){const r=(0,s.g2)("font-awesome-icon");return(0,s.uX)(),(0,s.CE)("span",{class:"language-switcher",onClick:t[0]||(t[0]=(...e)=>l.toggleLocale&&l.toggleLocale(...e)),role:"button",title:e.$t("language.switchTo")},[(0,s.bF)(r,{icon:"globe",class:"lang-icon"})],8,n)}var a=i(46638),l={name:"LanguageSwitcher",computed:{isZh(){return"zh-CN"===this.$i18n.locale}},methods:{toggleLocale(){const e=this.isZh?"en":"zh-CN";(0,a.xS)(e)}}},r=i(71241);const d=(0,r.A)(l,[["render",o],["__scopeId","data-v-08567d0a"]]);var u=d},61880:function(e,t,i){i.r(t),i.d(t,{default:function(){return c}});var s=i(47263),n=i(56768);function o(e,t,i,o,a,l){const r=s.A;return(0,n.uX)(),(0,n.Wv)(r,{title:l.loginTitle,fields:a.loginFields,"submit-text":e.$t("login.submit"),"background-key":"loginBkImg","is-admin":!1,loading:a.isLoading,onSubmit:l.handleLogin},null,8,["title","fields","submit-text","loading","onSubmit"])}i(44114);var a=i(457),l=i(60782),r={data(){return{isLoading:!1,loginFields:[]}},computed:{...(0,l.L8)(["userConfig"]),ownerName(){return this.userConfig?.ownerName||"Sanyue"},loginTitle(){return this.$t("login.title",{owner:this.ownerName})}},components:{BaseLogin:s.A},created(){this.updateLoginFields()},watch:{"$i18n.locale"(){this.updateLoginFields()}},methods:{updateLoginFields(){this.loginFields=[{key:"password",label:this.$t("login.password"),placeholder:this.$t("login.passwordPlaceholder"),type:"password",showPassword:!0,icon:"Lock"}]},async handleLogin(e){const{password:t}=e;this.isLoading=!0;const i=new Promise(e=>setTimeout(e,500)),s=a.A.post("/api/auth/login",{authCode:t},{withCredentials:!0}).then(e=>({res:e})).catch(e=>({err:e}));try{const[e]=await Promise.all([s,i]);e.res&&200===e.res.status?(this.$store.commit("setUserLoggedIn",!0),this.$router.push("/"),this.$message.success(this.$t("login.success"))):(this.isLoading=!1,this.$message.error(this.$t("login.failed")))}catch(n){this.isLoading=!1,this.$message.error(this.$t("login.systemError"))}}}},d=i(71241);const u=(0,d.A)(r,[["render",o]]);var c=u}}]);
|
|
//# sourceMappingURL=604.ae4825a8.js.map
|