2 lines
11 KiB
JavaScript
2 lines
11 KiB
JavaScript
|
import{d as B,g as F,E as j,B as Z,f as y,c as w,w as M,G as Q,b as c,i as S,e as T,F as L,r as ee,j as U,v as q,H as te,D as se,s as N,l as a,q as f,I as K,t as A,u as s,J as ne,C as H,A as D,p as ae,h as oe,_ as W}from"./index-CmYEpHK9.js";import{P as z}from"./PageBar-D80e377v.js";import{_ as le}from"./NotifyVant.vue_vue_type_script_setup_true_lang-jgMMdODO.js";import{a as ue}from"./client-WIBW0tF5.js";import{a as G,F as I,I as $,T as ie}from"./index-BNDtSOlu.js";import{a as re}from"./Spinner.vue_vue_type_style_index_0_lang-CvgYqzhC.js";import{_ as ce}from"./DialogVant.vue_vue_type_style_index_0_lang-D7yryjTd.js";import"./FormItemContext-LH987h9F.js";import"./classCallCheck-Ddn4Ym7v.js";import"./_commonjsHelpers-Cpj98o6Y.js";const de={class:"otp-single-input"},pe=["type","placeholder","disabled"],me={key:0},fe=["innerHTML"],ve=B({__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,v=g,n=F(r.value||""),l=F(null),u=()=>(n.value=n.value.toString(),n.value.length>1&&(n.value=n.value.slice(0,1)),v("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)?v("on-keydown",d):m.preventDefault()},e=d=>v("on-paste",d),h=()=>(l.value.select(),v("on-focus")),i=()=>v("on-blur");return j(()=>r.value,(d,m)=>{d!==m&&(n.value=d??"")}),j(()=>r.focus,(d,m)=>{m!==d&&l.value&&r.focus&&(l.value.focus(),l.value.select())}),Z(()=>{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),[[Q,n.value]]),!o.isLastChild&&o.separator?(y(),w("span",me,[c("span",{innerHTML:o.separator},null,8,fe)])):T("",!0)]))}}),he={class:"flex ltr justify-around w-full"},_e=8,ye=37,ge=39,be=46,we=B({__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,v=g,n=F(0),l=F([]),u=F([]),_=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?v("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("")&&(v("on-change",l.value.join("")),e())},k=t=>{var P;t.preventDefault();const C=(((P=t.clipboardData)==null?void 0:P.getData("text/plain"))??"").slice(0,r.numInputs-n.value).split("");if(r.inputType==="number"&&!C.join("").match(/^\d+$/))return"Invalid pasted data";const V=l.value.slice(0,n.value).concat(C);return V.slice(0,r.numInputs).forEach((X,Y)=>{l.value[Y]=X}),h(V.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,E)=>(y(),w("div",null,[c("div",he,[(y(!0),w(L,null,ee(o.numInputs,(C,x)=>(y(),U(ve,{key:x,focus:n.value===x,value:l.value[x],separator:o.separator,"input-type":o.inputType,"input-classes":o.inputClasses,"is-last-child":x===o.numInputs-1,"should-auto-focus":o.shouldAutoFocus,placeholder:o.placeholder,disabled:o.disabled,onOnChange:R,onOnKeydown:b,onOnPaste:k,onOnFocus:V=>_(x),onOnBlur:p},null,8,["focus","value","s
|