vant/v3/assets/index.ed860fc6.js

import{c as y,h as L,a as P}from"./use-translate.d2900b8c.js";import{t as C,m as M,n as U,c as E,w as G}from"./with-install.19a35764.js";import{B as D,e as R}from"./constant.80c6de18.js";import{z as F,e as t,C as i,u as S,r as x,o as A,a as V,w as g,B as u,F as $}from"./vue-libs.b44bc779.js";import{V as N}from"./index.f4ffd0c6.js";import"./use-touch.04ca7093.js";import"./index.4e4daaac.js";const[T,h]=y("password-input"),O={info:String,mask:C,value:M(""),gutter:U,length:E(6),focused:Boolean,errorInfo:String},z=F({name:T,props:O,emits:["focus"],setup(f,{emit:a}){const b=e=>{e.stopPropagation(),a("focus",e)},s=()=>{const e=[],{mask:v,value:d,length:w,gutter:c,focused:k}=f;for(let r=0;r<w;r++){const I=d[r],B=r!==0&&!c,_=k&&r===d.length;let l;r!==0&&c&&(l={marginLeft:L(c)}),e.push(t("li",{class:[{[R]:B},h("item",{focus:_})],style:l},[v?t("i",{style:{visibility:I?"visible":"hidden"}},null):I,_&&t("div",{class:h("cursor")},null)]))}return e};return()=>{const e=f.errorInfo||f.info;return t("div",{class:h()},[t("ul",{class:[h("security"),{[D]:!f.gutter}],onTouchstartPassive:b},[s()]),e&&t("div",{class:h(f.errorInfo?"error-info":"info")},[e])])}}}),K=G(z),p=K,X=F({__name:"index",setup(f){const a=P({"zh-CN":{info:"\u5BC6\u7801\u4E3A 6 \u4F4D\u6570\u5B57",showInfo:"\u63D0\u793A\u4FE1\u606F",addGutter:"\u683C\u5B50\u95F4\u8DDD",errorInfo:"\u5BC6\u7801\u9519\u8BEF",removeMask:"\u660E\u6587\u5C55\u793A",customLength:"\u81EA\u5B9A\u4E49\u957F\u5EA6"},"en-US":{info:"Some tips",showInfo:"Show Info",addGutter:"Add Gutter",errorInfo:"Password Mistake",removeMask:"Remove Mask",customLength:"Custom Length"}}),s=i({showInfo:"123",addGutter:"123",basicUsage:"123",removeMask:"123",customLength:"123"}),e=i("basicUsage"),v=i(""),d=i(),w=i(),c=i(),k=i(),r=i(),I={showInfo:d,addGutter:w,basicUsage:c,removeMask:k,customLength:r},B=l=>{if(!e.value)return;const o=e.value==="customLength"?4:6,n=(s.value[e.value]+l).slice(0,o);s.value[e.value]=n,e.value==="showInfo"&&n.length===6&&n!=="123456"&&(v.value=a("errorInfo"))},_=()=>{!e.value||(s.value[e.value]=s.value[e.value].slice(0,s.value[e.value].length-1),e.value==="showInfo"&&(v.value=""))};return S(e,l=>{if(l){const o=I[l].value;if(o){const{top:n}=o.$el.getBoundingClientRect();window.scrollTo(0,window.pageYOffset+n)}}}),(l,o)=>{const n=x("demo-block");return A(),V($,null,[t(n,{ref_key:"basicUsage",ref:c,title:u(a)("basicUsage")},{default:g(()=>[t(u(p),{value:s.value.basicUsage,focused:e.value==="basicUsage",onFocus:o[0]||(o[0]=m=>e.value="basicUsage")},null,8,["value","focused"])]),_:1},8,["title"]),t(n,{ref_key:"customLength",ref:r,title:u(a)("customLength")},{default:g(()=>[t(u(p),{value:s.value.customLength,length:4,focused:e.value==="customLength",onFocus:o[1]||(o[1]=m=>e.value="customLength")},null,8,["value","focused"])]),_:1},8,["title"]),t(n,{ref_key:"addGutter",ref:w,title:u(a)("addGutter")},{default:g(()=>[t(u(p),{value:s.value.addGutter,gutter:10,focused:e.value==="addGutter",onFocus:o[2]||(o[2]=m=>e.value="addGutter")},null,8,["value","focused"])]),_:1},8,["title"]),t(n,{ref_key:"removeMask",ref:k,title:u(a)("removeMask")},{default:g(()=>[t(u(p),{mask:!1,value:s.value.removeMask,focused:e.value==="removeMask",onFocus:o[3]||(o[3]=m=>e.value="removeMask")},null,8,["value","focused"])]),_:1},8,["title"]),t(n,{ref_key:"showInfo",ref:d,title:u(a)("showInfo")},{default:g(()=>[t(u(p),{info:u(a)("info"),value:s.value.showInfo,"error-info":v.value,focused:e.value==="showInfo",onFocus:o[4]||(o[4]=m=>e.value="showInfo")},null,8,["info","value","error-info","focused"])]),_:1},8,["title"]),t(u(N),{show:!!e.value,onBlur:o[5]||(o[5]=m=>e.value=null),onInput:B,onDelete:_},null,8,["show"])],64)}}});export{X as default};