2 lines
11 KiB
JavaScript
2 lines
11 KiB
JavaScript
var e=Object.defineProperty,t=Object.defineProperties,s=Object.getOwnPropertyDescriptors,a=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable,o=(t,s,a)=>s in t?e(t,s,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[s]=a,i=(e,t)=>{for(var s in t||(t={}))l.call(t,s)&&o(e,s,t[s]);if(a)for(var s of a(t))r.call(t,s)&&o(e,s,t[s]);return e},n=(e,a)=>t(e,s(a));import{d as u,k as d,t as p,r as c,o as m,n as g,l as v,c as h,b as f,e as x,m as y,p as b,f as w,q as _,s as k,i as j,j as B,v as M,g as T,x as P,y as $,z as E,A as O,B as V,C as I,D as F,a as L,F as R,G as S,H as C,h as z,w as U,I as A,J as X,K as D,L as N,M as q,N as H,E as K,O as Q,P as Y,Q as G,R as J,S as W,T as Z}from"./index-BoIUJTA2.js";/* empty css *//* empty css *//* empty css */import{_ as ee}from"./index.vue_vue_type_script_setup_true_lang-DUbflfBQ.js";import{_ as te}from"./_plugin-vue_export-helper-BCo6x5W8.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import{_ as se,a as ae}from"./LoginLeftView-DmcFsDtV.js";import{M as le}from"./md5-NkLrx3AN.js";import{E as re,a as oe}from"./index-BcfO0-fK.js";import{E as ie,a as ne}from"./index-D2gD5Tn5.js";import{E as ue}from"./index-D8nVJoNy.js";import"./iconify-DFoKediz.js";import"./el-dropdown-item-D7SYN_RE.js";import"./index-BMeOzN3u.js";import"./index-COyGylbk.js";import"./index-Bq8lawOo.js";import"./index-Cp4NEpJ7.js";import"./dropdown-Dk_wSiK6.js";import"./castArray-nM8ho4U3.js";import"./refs-Cw5r5QN8.js";import"./useHeaderBar-B65RzJLX.js";import"./index-DVdhsH_J.js";import"./_baseClone-Ct7RL6h5.js";import"./_initCloneObject-DRmC-q3t.js";import"./index-ZsMdSUVI.js";import"./token-DWNpOE8r.js";import"./debounce-DQl5eUwG.js";import"./_baseIteratee-CtIat01j.js";import"./index-CXORCV4U.js";const de=te(u(n(i({},{name:"ArtDragVerify"}),{__name:"index",props:{value:{type:Boolean,default:!1},width:{default:"100%"},height:{default:40},text:{default:"按住滑块拖动"},successText:{default:"success"},background:{default:"#eee"},progressBarBg:{default:"#1385FF"},completedBg:{default:"#57D187"},circle:{type:Boolean,default:!1},radius:{default:"calc(var(--custom-radius) / 3 + 2px)"},handlerIcon:{default:"solar:double-alt-arrow-right-linear"},successIcon:{default:"ri:check-fill"},handlerBg:{default:"#fff"},textSize:{default:"13px"},textColor:{default:"#333"}},emits:["handlerMove","update:value","passCallback"],setup(e,{expose:t,emit:s}){const a=s,l=e,r=d({isMoving:!1,x:0,isOk:!1}),{isOk:o}=p(r),i=c(),n=c(),u=c(),P=c();let $,E,O,V;const I=e=>{$=e.targetTouches[0].pageX,E=e.targetTouches[0].pageY},F=e=>{O=e.targetTouches[0].pageX,V=e.targetTouches[0].pageY,Math.abs(O-$)>Math.abs(V-E)&&e.preventDefault()};document.addEventListener("touchstart",I),document.addEventListener("touchmove",F,{passive:!1});const L=()=>{var e;return"string"==typeof l.width?(null==(e=i.value)?void 0:e.offsetWidth)||260:l.width};m(()=>{var e;null==(e=i.value)||e.style.setProperty("--textColor",l.textColor),g(()=>{var e,t;const s=L();null==(e=i.value)||e.style.setProperty("--width",Math.floor(s/2)+"px"),null==(t=i.value)||t.style.setProperty("--pwidth",-Math.floor(s/2)+"px")}),document.addEventListener("touchstart",I),document.addEventListener("touchmove",F,{passive:!1})}),v(()=>{document.removeEventListener("touchstart",I),document.removeEventListener("touchmove",F)});const R={left:"0",width:l.height+"px",height:l.height+"px",background:l.handlerBg},S=h(()=>({width:"string"==typeof l.width?l.width:l.width+"px",height:l.height+"px",lineHeight:l.height+"px",background:l.background,borderRadius:l.circle?l.height/2+"px":l.radius})),C={background:l.progressBarBg,height:l.height+"px",borderRadius:l.circle?l.height/2+"px 0 0 "+l.height/2+"px":l.radius},z=h(()=>({fontSize:l.textSize})),U=h(()=>l.value?l.successText:l.text),A=e=>{l.value||(r.isMoving=!0,u.value.style.transition="none",r.x=(e.pageX||e.touches[0].pageX)-parseInt(u.value.style.left.replace("px",""),10)),a("handlerMove")},X=e=>{if(r.isMoving&&!l.value){const t=L();let s=(e.pageX||e.touches[0].pageX)-r.x;s>0&&s<=t-l.height?(u.value.style.left=s+"px",P.value.style.width=s+l.height/2+"px"):s>t-l.height&&(u.value.style.left=t-l.height+"px",P.value.style.width=t-l.height/2+"px",N())}},D=e=>{if(r.isMoving&&!l.value){const t=L();(e.pageX||e.changedTouches[0].pageX)-r.x<t-l.height?(r.isOk=!0,u.value.style.left="0",u.value.style.transition="all 0.2s",P.value.style.width="0",r.isOk=!1):(u.value.style.transition="none",u.value.style.left=t-l.height+"px",P.value.style.width=t-l.height/2+"px",N()),r.isMoving=!1}},N=()=>{a("update:value",!0),r.isMoving=!1,P.value.style.background=l.completedBg,n.value.style["-webkit-text-fill-color"]="unset",n.value.style.animation="slidetounlock2 2s cubic-bezier(0, 0.2, 1, 1) infinite",n.value.style.color="#fff",a("passCallback")};return t({reset:()=>{u.value.style.left="0",P.value.style.width="0",P.value.style.background=l.progressBarBg,n.value.style["-webkit-text-fill-color"]="transparent",n.value.style.animation="slidetounlock 2s cubic-bezier(0, 0.2, 1, 1) infinite",n.value.style.color=l.background,a("update:value",!1),r.isOk=!1,r.isMoving=!1,r.x=0}}),(t,s)=>{const a=ee;return x(),f("div",{ref_key:"dragVerify",ref:i,class:"drag_verify",style:y(b(S)),onMousemove:X,onMouseup:D,onMouseleave:D,onTouchmove:X,onTouchend:D},[w("div",{class:_(["dv_progress_bar",{goFirst2:b(o)}]),ref_key:"progressBar",ref:P,style:C},null,2),w("div",{class:"dv_text",style:y(b(z)),ref_key:"messageRef",ref:n},[t.$slots.textBefore?k(t.$slots,"textBefore",{key:0},void 0,!0):j("",!0),B(" "+M(b(U))+" ",1),t.$slots.textAfter?k(t.$slots,"textAfter",{key:1},void 0,!0):j("",!0)],4),w("div",{class:_(["dv_handler dv_handler_bg",{goFirst:b(o)}]),onMousedown:A,onTouchstart:A,ref_key:"handler",ref:u,style:R},[T(a,{icon:e.value?e.successIcon:e.handlerIcon,class:"text-g-600"},null,8,["icon"])],34)],36)}}})),[["__scopeId","data-v-471ea464"]]),pe={class:"flex w-full h-screen"},ce={class:"relative flex-1"},me={class:"auth-right-wrap"},ge={class:"form"},ve={class:"title"},he={class:"sub-title"},fe={class:"relative pb-5 mt-6"},xe={class:"flex-cb mt-2 text-sm"},ye={style:{"margin-top":"30px"}},be={class:"mt-5 text-sm text-gray-600"},we=te(u(n(i({},{name:"Login"}),{__name:"index",setup(e){const t=P(),{isDark:s}=$(t),{t:a,locale:l}=E(),r=c(0);O(l,()=>{r.value++});const o=h(()=>[{key:"super",label:a("login.roles.super"),userName:"Super",password:"123456",roles:["R_SUPER"]},{key:"admin",label:a("login.roles.admin"),userName:"Admin",password:"123456",roles:["R_ADMIN"]},{key:"user",label:a("login.roles.user"),userName:"User",password:"123456",roles:["R_USER"]}]),i=c(),n=V(),u=I(),p=c(!1),g=c(!1),v=F.systemInfo.name,y=c(),k=d({account:"",username:"",password:"",rememberPassword:!0}),j=h(()=>({username:[{required:!0,message:a("login.placeholder.username"),trigger:"blur"}],password:[{required:!0,message:a("login.placeholder.password"),trigger:"blur"}]})),ee=c(!1),te=L(),we=h(()=>te.query.redirect),_e=h(()=>we.value&&"/auth/login"!==we.value);m(()=>{ke("super"),_e.value&&R({title:a("login.sessionExpired.title"),message:a("login.sessionExpired.message"),type:"warning",duration:5e3,zIndex:1e4})});const ke=e=>{var t,s;const a=o.value.find(t=>t.key===e);k.account=e,k.username=null!=(t=null==a?void 0:a.userName)?t:"",k.password=null!=(s=null==a?void 0:a.password)?s:""},je=()=>{return e=this,t=null,s=function*(){if(y.value)try{if(!(yield y.value.validate()))return;if(!p.value)return void(g.value=!0);ee.value=!0;const{username:e,password:t}=k,{token:s,is_super:a}=yield G({userName:e,password:le(t).toString()});if(!s)throw new Error("Login failed - no token received");n.setToken(s);const l=yield J();n.setUserInfo(l),n.setLoginStatus(!0),Me(),we.value&&"/auth/login"!==we.value?u.push(we.value):u.push("/")}catch(e){e instanceof W?401===e.code||e.code:Z.error("登录失败，请稍后重试")}finally{ee.value=!1,Be()}},new Promise((a,l)=>{var r=e=>{try{i(s.next(e))}catch(t){l(t)}},o=e=>{try{i(s.throw(e))}catch(t){l(t)}},i=e=>e.done?a(e.value):Promise.resolve(e.value).then(r,o);i((s=s.apply(e,t)).next())});var e,t,s},Be=()=>{i.value.reset()},Me=()=>{setTimeout(()=>{R({title:a("login.success.title"),type:"success",duration:2500,zIndex:1e4,message:`${a("login.success.message")}, ${v}!`})},150)};return(e,t)=>{const a=se,l=ae,n=ne,u=ie,d=re,c=D,m=de,v=ue,h=S("RouterLink"),P=K,$=oe,E=C("ripple");return x(),f("div",pe,[T(a),w("div",ce,[T(l),w("div",me,[w("div",ge,[w("h3",ve,M(e.$t("login.title")),1),w("p",he,M(e.$t("login.subTitle")),1),(x(),z($,{ref_key:"formRef",ref:y,model:b(k),rules:b(j),key:b(r),onKeyup:Y(Q(je,["prevent"]),["enter"]),style:{"margin-top":"25px"}},{default:U(()=>[T(d,{prop:"account"},{default:U(()=>[T(u,{modelValue:b(k).account,"onUpdate:modelValue":t[0]||(t[0]=e=>b(k).account=e),onChange:ke},{default:U(()=>[(x(!0),f(A,null,X(b(o),e=>(x(),z(n,{key:e.key,label:e.label,value:e.key},{default:U(()=>[w("span",null,M(e.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1}),T(d,{prop:"username"},{default:U(()=>[T(c,{class:"custom-height",placeholder:e.$t("login.placeholder.username"),modelValue:b(k).username,"onUpdate:modelValue":t[1]||(t[1]=e=>b(k).username=e),modelModifiers:{trim:!0}},null,8,["placeholder","modelValue"])]),_:1}),T(d,{prop:"password"},{default:U(()=>[T(c,{class:"custom-height",placeholder:e.$t("login.placeholder.password"),modelValue:b(k).password,"onUpdate:modelValue":t[2]||(t[2]=e=>b(k).password=e),modelModifiers:{trim:!0},type:"password",autocomplete:"off","show-password":""},null,8,["placeholder","modelValue"])]),_:1}),w("div",fe,[w("div",{class:_(["relative z-[2] overflow-hidden select-none rounded-lg border border-transparent tad-300",{"!border-[#FF4E4F]":!b(p)&&b(g)}])},[T(m,{ref_key:"dragVerify",ref:i,value:b(p),"onUpdate:value":t[3]||(t[3]=e=>q(p)?p.value=e:null),text:e.$t("login.sliderText"),textColor:"var(--art-gray-700)",successText:e.$t("login.sliderSuccessText"),progressBarBg:b(N)("--el-color-primary"),background:b(s)?"#26272F":"#F1F1F4",handlerBg:"var(--default-box-color)"},null,8,["value","text","successText","progressBarBg","background"])],2),w("p",{class:_(["absolute top-0 z-[1] px-px mt-2 text-xs text-[#f56c6c] tad-300",{"translate-y-10":!b(p)&&b(g)}])},M(e.$t("login.placeholder.slider")),3)]),w("div",xe,[T(v,{modelValue:b(k).rememberPassword,"onUpdate:modelValue":t[4]||(t[4]=e=>b(k).rememberPassword=e)},{default:U(()=>[B(M(e.$t("login.rememberPwd")),1)]),_:1},8,["modelValue"]),T(h,{class:"text-theme",to:{name:"ForgetPassword"}},{default:U(()=>[B(M(e.$t("login.forgetPwd")),1)]),_:1})]),w("div",ye,[H((x(),z(P,{class:"w-full custom-height",type:"primary",onClick:Q(je,["prevent"]),loading:b(ee)},{default:U(()=>[B(M(e.$t("login.btnText")),1)]),_:1},8,["loading"])),[[E]])]),w("div",be,[w("span",null,M(e.$t("login.noAccount")),1),T(h,{class:"text-theme",to:{name:"Register"}},{default:U(()=>[B(M(e.$t("login.register")),1)]),_:1})])]),_:1},8,["model","rules","onKeyup"]))])])])])}}})),[["__scopeId","data-v-004f9a51"]]);export{we as default};
|