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