tyh-ui2/lib/input/src/index.js

The next generation ui component library of tyh-ui is based on vue3 Version, fully embrace vue3.

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("./index2.js"),v=["type","value","placeholder","maxlength","disabled","autofocus","name"],b=e.defineComponent({name:"TyhInput"}),C=e.defineComponent({...b,props:f.Props,emits:["update:modelValue","clear","enter","onblur","onfocus"],setup(i,{emit:t}){const o=i,u=e.ref(o.type),s=e.ref(!1),d=n=>{t("update:modelValue",n.target.value)},p=()=>{o.disabled||(t("update:modelValue",""),t("clear"))},c=e.computed(()=>["tyh-input-input",`tyh-input-input-${o.size}`,{"tyh-input-icon-padding":o.icon,"tyh-input-clear-padding":o.clear,"tyh-input-disabled":o.disabled}]),y=()=>{s.value=!s.value,u.value=s.value?"text":"password"},a=e.computed(()=>o.clear?!!o.showPassword:!0),m=e.computed(()=>a.value?s.value?"tyh-ui-browse":"tyh-ui-eye-close":"tyh-ui-guanbi"),h=()=>{a.value?y():p()};return(n,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["tyh-input",{"tyh-input-disabled":n.disabled}])},[n.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(["tyh-icon","tyh-input-icon",`tyh-input-icon-${n.size}`,n.icon]),style:e.normalizeStyle({cursor:n.disabled?"not-allowed":"Default"})},null,6)):e.createCommentVNode("",!0),e.createElementVNode("input",{class:e.normalizeClass(e.unref(c)),type:u.value,value:n.modelValue,placeholder:n.placeholder,maxlength:n.max,disabled:n.disabled,autofocus:n.autofocus,name:n.name,onInput:d,onKeyup:l[0]||(l[0]=e.withKeys(r=>t("enter"),["enter"])),onBlur:l[1]||(l[1]=r=>t("onblur")),onFocus:l[2]||(l[2]=r=>t("onfocus"))},null,42,v),n.clear||n.showPassword?(e.openBlock(),e.createElementBlock("i",{key:1,class:e.normalizeClass(["tyh-icon","tyh-input-clear",`tyh-input-icon-${n.size}`,e.unref(m)]),style:e.normalizeStyle({cursor:n.disabled?"not-allowed":"pointer"}),onClick:h},null,6)):e.createCommentVNode("",!0)],2))}});exports.default=C;