2 lines
14 KiB
JavaScript
2 lines
14 KiB
JavaScript
|
import{d as E,g as x,Q as N,L as Y,f as v,c as b,w as K,R as ee,b as a,i as L,e as T,F as V,r as te,j as S,C as W,S as se,O as ae,B as H,p as n,z as _,I as O,t as I,m,T as ne,N as A,K as U,s as P,x as oe,U as M,h as le,_ as G,V as q}from"./index-BWyw3RAx.js";import{P as J}from"./PageBar-D5DXU6sO.js";import{a as Q,F as C,I as F,T as ue}from"./index-7kdFQ8tV.js";import"./FormItemContext-Bxnh5gKQ.js";import"./classCallCheck-Ou87VTNv.js";import"./raf-nDFcuFT6.js";const re={class:"otp-single-input"},ie=["type","placeholder","disabled"],ce={key:0},de=["innerHTML"],pe=E({__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(u,{emit:k}){const i=u,g=k,r=x(i.value||""),t=x(null),f=()=>(r.value=r.value.toString(),r.value.length>1&&(r.value=r.value.slice(0,1)),g("on-change",r.value)),p=c=>c>=48&&c<=57||c>=96&&c<=105,o=c=>{i.disabled&&c.preventDefault();const d=c||window.event,e=d.which?d.which:d.keyCode;p(e)||[8,9,13,37,39,46,86].includes(e)?g("on-keydown",c):d.preventDefault()},y=c=>g("on-paste",c),w=()=>(t.value.select(),g("on-focus")),$=()=>g("on-blur");return N(()=>i.value,(c,d)=>{c!==d&&(r.value=c??"")}),N(()=>i.focus,(c,d)=>{d!==c&&t.value&&i.focus&&(t.value.focus(),t.value.select())}),Y(()=>{t.value&&i.focus&&i.shouldAutoFocus&&(t.value.focus(),t.value.select())}),(c,d)=>(v(),b("div",re,[K(a("input",{type:u.inputType,placeholder:u.placeholder,disabled:u.disabled,ref_key:"input",ref:t,min:"0",max:"9",maxlength:"1",pattern:"[0-9]","onUpdate:modelValue":d[0]||(d[0]=e=>r.value=e),class:L(u.inputClasses),onInput:f,onKeydown:o,onPaste:y,onFocus:w,onBlur:$},null,42,ie),[[ee,r.value]]),!u.isLastChild&&u.separator?(v(),b("span",ce,[a("span",{innerHTML:u.separator},null,8,de)])):T("",!0)]))}}),me={class:"flex ltr justify-around w-full"},ve=8,_e=37,fe=39,he=46,ge=E({__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(u,{emit:k}){const i=u,g=k,r=x(0),t=x([]),f=x([]),p=l=>{i.defaultFocus&&l<i.numInputs&&!t.value[l]?r.value=t.value.length:r.value=l},o=()=>{r.value=-1},y=()=>t.value.join("").length===i.numInputs?g("on-complete",t.value.join("")):"Wait until the user enters the required number of characters",w=l=>{r.value=Math.max(Math.min(i.numInputs-1,l),0)},$=()=>w(r.value+1),c=()=>w(r.value-1),d=l=>{f.value=Object.assign([],t.value),typeof l=="string"&&l===""?t.value.splice(r.value,1):t.value[r.value]=l,f.value.join("")!==t.value.join("")&&(g("on-change",t.value.join("")),y())},e=l=>{var j;l.preventDefault();const R=(((j=l.clipboardData)==null?void 0:j.getData("text/plain"))??"").slice(0,i.numInputs-r.value).split("");if(i.inputType==="number"&&!R.join("").match(/^\d+$/))return"Invalid pasted data";const z=t.value.slice(0,r.value).concat(R);return z.slice(0,i.numInputs).forEach((Z,X)=>{t.value[X]=Z}),w(z.slice(0,i.numInputs).length),y()},h=l=>{d(l),$()},s=l=>{switch(l.keyCode){case ve:l.preventDefault(),d(""),c();break;case he:l.preventDefault(),d("");break;case _e:l.preventDefault(),c();break;case fe:l.preventDefault(),$();break}};return(l,B)=>(v(),b("div",null,[a("div",me,[(v(!0),b(V,null,te(u.numInputs,(R,D)=>(v(),S(pe,{key:D,focus:r.value===D,value:t.value[D],separator:u.separator,"input-type":u.inputType,"input-classes":u.inputClasses,"is-last-child":D===u.numInputs-1,"should-auto-focus":u.shouldAutoFocus,placeholder:u.placeholder,disabled:u.disabled,onOnChange:h,onOnKeydown:s,onOnPaste:e,onOnFocus:z=>p(D),onOnBlur:o},null,8,["focus","value","separator","input-type","input-classes","is-last-child","should-auto-focus","placeholder","disabled","onOnFocus"]))),128))])]))}}),ye=u=>` مقدار ${u} نا معتبر است `,be=u=>({pattern:/^(\+98|0098|98|0)?9\d{9}$/g,message:ye(u)}),ke=u=>({required:!0,message:` ل
|