index.CPN3VYSm.js 4.2 KB

1
  1. import{w as L,D as y,aT as R,af as z,O as F,ab as V,aF as c,a2 as h,a9 as g,x as H,y as B,z as t,Y as N,a8 as s,ad as l,a5 as $,a6 as m,a1 as r,ao as W,aa as G,P as K}from"./vue.Bi2Y_N79.js";import{f as u}from"./formatTime.in1fXasu.js";import{u as U,L as J}from"./index.Dzkftxcu.js";import{_ as O}from"./_plugin-vue_export-helper.DlAUqK2U.js";const j={class:"layout-lock-screen"},Q={class:"layout-lock-screen-date-box"},X={class:"layout-lock-screen-date-box-time"},Z={class:"layout-lock-screen-date-box-minutes"},ee={class:"layout-lock-screen-date-box-info"},oe={class:"layout-lock-screen-date-top"},te={class:"layout-lock-screen-login"},ne={class:"layout-lock-screen-login-box"},se={class:"layout-lock-screen-login-box-value"},ie={class:"layout-lock-screen-login-icon"},ce=L({name:"layoutLockScreen"}),ae=L({...ce,setup(le){const d=y(),f=y(),T=U(),{themeConfig:i}=R(T),e=z({transparency:1,downClientY:0,moveDifference:0,isShowLoockLogin:!1,isFlags:!1,querySelectorEl:"",time:{hm:"",s:"",mdq:""},setIntervalTime:0,isShowLockScreen:!1,isShowLockScreenIntervalTime:0,lockScreenPassword:""}),D=o=>{e.isFlags=!0,e.downClientY=o.clientY},x=o=>{e.isFlags=!0,e.downClientY=o.touches[0].clientY},b=o=>{e.moveDifference=o.clientY-e.downClientY,v()},C=o=>{e.moveDifference=o.touches[0].clientY-e.downClientY,v()},v=()=>{if(e.isFlags){const o=e.querySelectorEl,n=e.transparency-=1/200;if(e.moveDifference>=0)return!1;o.setAttribute("style",`top:${e.moveDifference}px;cursor:pointer;opacity:${n};`),e.moveDifference<-400&&(o.setAttribute("style",`top:${-o.clientHeight}px;cursor:pointer;transition:all 0.3s ease;`),e.moveDifference=-o.clientHeight,setTimeout(()=>{o&&o.parentNode?.removeChild(o)},300)),e.moveDifference===-o.clientHeight&&(e.isShowLoockLogin=!0,f.value.focus())}},p=()=>{e.isFlags=!1,e.transparency=1,e.moveDifference>=-400&&e.querySelectorEl.setAttribute("style","top:0px;opacity:1;transition:all 0.3s ease;")},I=()=>{K(()=>{e.querySelectorEl=d.value})},k=()=>{e.time.hm=u(new Date,"HH:MM"),e.time.s=u(new Date,"SS"),e.time.mdq=u(new Date,"mm月dd日,WWW")},M=()=>{k(),e.setIntervalTime=window.setInterval(()=>{k()},1e3)},Y=()=>{i.value.isLockScreen?e.isShowLockScreenIntervalTime=window.setInterval(()=>{if(i.value.lockScreenTime<=1)return e.isShowLockScreen=!0,S(),!1;i.value.lockScreenTime--},1e3):clearInterval(e.isShowLockScreenIntervalTime)},S=()=>{i.value.isDrawer=!1,J.set("themeConfig",i.value)},_=()=>{i.value.isLockScreen=!1,i.value.lockScreenTime=30,S()};return F(()=>{I(),M(),Y()}),V(()=>{window.clearInterval(e.setIntervalTime),window.clearInterval(e.isShowLockScreenIntervalTime)}),(o,n)=>{const a=c("SvgIcon"),E=c("ele-Right"),q=c("el-icon"),A=c("el-button"),P=c("el-input");return h((B(),H("div",null,[n[5]||(n[5]=t("div",{class:"layout-lock-screen-mask"},null,-1)),t("div",{class:N(["layout-lock-screen-img",{"layout-lock-screen-filter":e.isShowLoockLogin}])},null,2),t("div",j,[t("div",{class:"layout-lock-screen-date",ref_key:"layoutLockScreenDateRef",ref:d,onMousedown:D,onMousemove:b,onMouseup:p,onTouchstart:l(x,["stop"]),onTouchmove:l(C,["stop"]),onTouchend:l(p,["stop"])},[t("div",Q,[t("div",X,[$(m(e.time.hm),1),t("span",Z,m(e.time.s),1)]),t("div",ee,m(e.time.mdq),1)]),t("div",oe,[s(a,{name:"ele-Top"}),n[2]||(n[2]=t("div",{class:"layout-lock-screen-date-top-text"},"上滑解锁",-1))])],544),s(G,{name:"el-zoom-in-center"},{default:r(()=>[h(t("div",te,[t("div",ne,[n[3]||(n[3]=t("div",{class:"layout-lock-screen-login-box-img"},[t("img",{src:"https://img2.baidu.com/it/u=1978192862,2048448374&fm=253&fmt=auto&app=138&f=JPEG?w=504&h=500"})],-1)),n[4]||(n[4]=t("div",{class:"layout-lock-screen-login-box-name"},"Administrator",-1)),t("div",se,[s(P,{placeholder:"请输入密码",ref_key:"layoutLockScreenInputRef",ref:f,modelValue:e.lockScreenPassword,"onUpdate:modelValue":n[0]||(n[0]=w=>e.lockScreenPassword=w),onKeyup:n[1]||(n[1]=W(l(w=>_(),["stop"]),["enter","native"]))},{append:r(()=>[s(A,{onClick:_},{default:r(()=>[s(q,{class:"el-input__icon"},{default:r(()=>[s(E)]),_:1})]),_:1})]),_:1},8,["modelValue"])])]),t("div",ie,[s(a,{name:"ele-Microphone",size:20}),s(a,{name:"ele-AlarmClock",size:20}),s(a,{name:"ele-SwitchButton",size:20})])],512),[[g,e.isShowLoockLogin]])]),_:1})])],512)),[[g,e.isShowLockScreen]])}}}),fe=O(ae,[["__scopeId","data-v-4b6f2927"]]);export{fe as default};