2 lines
11 KiB
JavaScript
2 lines
11 KiB
JavaScript
|
import{d as T,j as x,G as P,D as X,g as y,c as w,h as M,H as Y,b as c,n as S,f as B,F as A,r as ee,s as j,x as q,J as te,E as se,q as K,e as a,w as v,I as N,t as U,u as s,v as ne,i as H,C as D,K as ae,l as oe,_ as W}from"./index-LpTslFTX.js";import{P as z}from"./PageBar-BByzvsNJ.js";import{_ as le}from"./NotifyVant.vue_vue_type_script_setup_true_lang-BIH_3pMT.js";import{a as ue}from"./client-WIBW0tF5.js";import{a as G,F as I,I as F,T as ie}from"./index-RZre17i6.js";import{_ as re}from"./Spinner.vue_vue_type_style_index_0_lang-owEXFFto.js";import{_ as ce}from"./DialogVant.vue_vue_type_style_index_0_lang-CRaNJGid.js";import"./FormItemContext-CwiotU0t.js";import"./classCallCheck-BnV4Db3Z.js";import"./_commonjsHelpers-Cpj98o6Y.js";const de={class:"otp-single-input"},pe=["type","placeholder","disabled"],me={key:0},ve=["innerHTML"],fe=T({__name:"SingleOtpInput",props:{inputType:{default:"tel"},value:{},separator:{},focus:{type:Boolean},inputClasses:{},shouldAutoFocus:{type:Boolean},isLastChild:{type:Boolean},placeholder:{},disabled:{type:Boolean}},emits:["on-change","on-keydown","on-paste","on-focus","on-blur"],setup(o,{emit:g}){const r=o,f=g,n=x(r.value||""),l=x(null),u=()=>(n.value=n.value.toString(),n.value.length>1&&(n.value=n.value.slice(0,1)),f("on-change",n.value)),_=d=>d>=48&&d<=57||d>=96&&d<=105,p=d=>{r.disabled&&d.preventDefault();const m=d||window.event,k=m.which?m.which:m.keyCode;_(k)||[8,9,13,37,39,46,86].includes(k)?f("on-keydown",d):m.preventDefault()},e=d=>f("on-paste",d),h=()=>(l.value.select(),f("on-focus")),i=()=>f("on-blur");return P(()=>r.value,(d,m)=>{d!==m&&(n.value=d??"")}),P(()=>r.focus,(d,m)=>{m!==d&&l.value&&r.focus&&(l.value.focus(),l.value.select())}),X(()=>{l.value&&r.focus&&r.shouldAutoFocus&&(l.value.focus(),l.value.select())}),(d,m)=>(y(),w("div",de,[M(c("input",{type:o.inputType,placeholder:o.placeholder,disabled:o.disabled,ref_key:"input",ref:l,min:"0",max:"9",maxlength:"1",pattern:"[0-9]","onUpdate:modelValue":m[0]||(m[0]=k=>n.value=k),class:S(o.inputClasses),onInput:u,onKeydown:p,onPaste:e,onFocus:h,onBlur:i},null,42,pe),[[Y,n.value]]),!o.isLastChild&&o.separator?(y(),w("span",me,[c("span",{innerHTML:o.separator},null,8,ve)])):B("",!0)]))}}),he={class:"flex ltr justify-around w-full"},_e=8,ye=37,ge=39,be=46,we=T({__name:"OtpInput",props:{defaultFocus:{type:Boolean},numInputs:{default:4},separator:{},inputClasses:{},inputType:{},shouldAutoFocus:{type:Boolean,default:!1},placeholder:{},disabled:{type:Boolean,default:!1}},emits:["on-change","on-complete"],setup(o,{emit:g}){const r=o,f=g,n=x(0),l=x([]),u=x([]),_=t=>{r.defaultFocus&&t<r.numInputs&&!l.value[t]?n.value=l.value.length:n.value=t},p=()=>{n.value=-1},e=()=>l.value.join("").length===r.numInputs?f("on-complete",l.value.join("")):"Wait until the user enters the required number of characters",h=t=>{n.value=Math.max(Math.min(r.numInputs-1,t),0)},i=()=>h(n.value+1),d=()=>h(n.value-1),m=t=>{u.value=Object.assign([],l.value),typeof t=="string"&&t===""?l.value.splice(n.value,1):l.value[n.value]=t,u.value.join("")!==l.value.join("")&&(f("on-change",l.value.join("")),e())},k=t=>{var L;t.preventDefault();const C=(((L=t.clipboardData)==null?void 0:L.getData("text/plain"))??"").slice(0,r.numInputs-n.value).split("");if(r.inputType==="number"&&!C.join("").match(/^\d+$/))return"Invalid pasted data";const E=l.value.slice(0,n.value).concat(C);return E.slice(0,r.numInputs).forEach((J,Q)=>{l.value[Q]=J}),h(E.slice(0,r.numInputs).length),e()},R=t=>{m(t),i()},b=t=>{switch(t.keyCode){case _e:t.preventDefault(),m(""),d();break;case be:t.preventDefault(),m("");break;case ye:t.preventDefault(),d();break;case ge:t.preventDefault(),i();break}};return(t,V)=>(y(),w("div",null,[c("div",he,[(y(!0),w(A,null,ee(o.numInputs,(C,$)=>(y(),j(fe,{key:$,focus:n.value===$,value:l.value[$],separator:o.separator,"input-type":o.inputType,"input-classes":o.inputClasses,"is-last-child":$===o.numInputs-1,"should-auto-focus":o.shouldAutoFocus,placeholder:o.placeholder,disabled:o.disabled,onOnChange:R,onOnKeydown:b,onOnPaste:k,onOnFocus:E=>_($),onOnBlur:p},null,8,["focus","value","s
|