phone.6aa77b44.js 2.1 KB

1
  1. import{_ as w,z as B,J as v,ad as F,B as i,w as b,T as g,P as o,C as e,D as t,y as D,a1 as _,X as E,aM as R}from"./index.c8ee992c.js";import{M as d}from"./motion.3d4c929b.js";import{p as T}from"./rule.49b65182.js";import{E as z}from"./index.3d4b1425.js";import{u as c}from"./verifyCode.d11d2ef6.js";import{u as y}from"./hooks.521a585e.js";const N={class:"w-full flex justify-between"},U=_(" \u767B\u5F55 "),A=_(" \u8FD4\u56DE "),M=B({__name:"phone",setup(S){const u=v(!1),a=F({phone:"",verifyCode:""}),f=v(),{isDisabled:C,text:h}=c(),x=async p=>{u.value=!0,p&&await p.validate((l,s)=>{if(l)setTimeout(()=>{z.success("\u767B\u5F55\u6210\u529F"),u.value=!1},2e3);else return u.value=!1,s})};function k(){c().end(),R().SET_CURRENTPAGE(0)}return(p,l)=>{const s=i("el-input"),r=i("el-form-item"),m=i("el-button"),V=i("el-form");return b(),g(V,{ref_key:"ruleFormRef",ref:f,model:a,rules:t(T),size:"large"},{default:o(()=>[e(t(d),null,{default:o(()=>[e(r,{prop:"phone"},{default:o(()=>[e(s,{clearable:"",modelValue:a.phone,"onUpdate:modelValue":l[0]||(l[0]=n=>a.phone=n),placeholder:"\u624B\u673A\u53F7\u7801","prefix-icon":t(y)("iphone")},null,8,["modelValue","prefix-icon"])]),_:1})]),_:1}),e(t(d),{delay:100},{default:o(()=>[e(r,{prop:"verifyCode"},{default:o(()=>[D("div",N,[e(s,{clearable:"",modelValue:a.verifyCode,"onUpdate:modelValue":l[1]||(l[1]=n=>a.verifyCode=n),placeholder:"\u77ED\u4FE1\u9A8C\u8BC1\u7801","prefix-icon":t(y)("ri:shield-keyhole-line",{online:!0})},null,8,["modelValue","prefix-icon"]),e(m,{disabled:t(C),class:"ml-2",onClick:l[2]||(l[2]=n=>t(c)().start(f.value,"phone"))},{default:o(()=>[_(E(t(h)),1)]),_:1},8,["disabled"])])]),_:1})]),_:1}),e(t(d),{delay:150},{default:o(()=>[e(r,null,{default:o(()=>[e(m,{class:"w-full",size:"default",type:"primary",loading:u.value,onClick:l[3]||(l[3]=n=>x(f.value))},{default:o(()=>[U]),_:1},8,["loading"])]),_:1})]),_:1}),e(t(d),{delay:200},{default:o(()=>[e(r,null,{default:o(()=>[e(m,{class:"w-full",size:"default",onClick:k},{default:o(()=>[A]),_:1})]),_:1})]),_:1})]),_:1},8,["model","rules"])}}});var J=w(M,[["__file","D:/work/accout-vue3-ui/src/views/login/components/phone.vue"]]);export{J as default};