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