@volverjs/ui-vue 0.0.1-beta.12 → 0.0.1-beta.16

package/dist/components/VvTextarea/VvTextarea.umd.js

@@ -1,2 +1 @@
-(function(e,S){typeof exports=="object"&&typeof module<"u"?module.exports=S(require("vue"),require("@iconify/vue"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","@iconify/vue","@vueuse/core"],S):(e=typeof globalThis<"u"?globalThis:e||self,e.VvTextarea=S(e.vue,e.vue$1,e.core))})(this,function(e,S,_){"use strict";const y={equals(t,n,r){return r?this.resolveFieldData(t,r)===this.resolveFieldData(n,r):this.deepEquals(t,n)},deepEquals(t,n){if(t===n)return!0;if(t&&n&&typeof t=="object"&&typeof n=="object"){const r=Array.isArray(t),s=Array.isArray(n);let o,i,a;if(r&&s){if(i=t.length,i!=n.length)return!1;for(o=i;o--!==0;)if(!this.deepEquals(t[o],n[o]))return!1;return!0}if(r!=s)return!1;const d=t instanceof Date,l=n instanceof Date;if(d!=l)return!1;if(d&&l)return t.getTime()==n.getTime();const g=t instanceof RegExp,c=n instanceof RegExp;if(g!=c)return!1;if(g&&c)return t.toString()==n.toString();const u=Object.keys(t);if(i=u.length,i!==Object.keys(n).length)return!1;for(o=i;o--!==0;)if(!Object.prototype.hasOwnProperty.call(n,u[o]))return!1;for(o=i;o--!==0;)if(a=u[o],!this.deepEquals(t[a],n[a]))return!1;return!0}return t!==t&&n!==n},resolveFieldData(t,n){if(t&&Object.keys(t).length&&n){if(n.indexOf(".")===-1)return t[n];{const r=n.split(".");let s=t;for(let o=0,i=r.length;o<i;++o){if(t==null)return null;s=s[r[o]]}return s}}else return null},isFunction(t){return!!(t&&t.constructor&&t.call&&t.apply)},findIndexInList(t,n){let r=-1;if(n){for(let s=0;s<n.length;s++)if(this.equals(n[s],t)){r=s;break}}return r},contains(t,n){if(t!=null&&n&&n.length){for(const r of n)if(this.equals(t,r))return!0}return!1},isEmpty(t){return t==null||t===""||Array.isArray(t)&&t.length===0||!(t instanceof Date)&&typeof t=="object"&&Object.keys(t).length===0},isNotEmpty(t){return!this.isEmpty(t)},pickBy(t,n){return Object.fromEntries(Object.entries(t).filter(([r])=>n(r)))},removeFromList(t,n){const r=this.findIndexInList(t,n);return r>-1?n.filter((s,o)=>o!==r):n},isString(t){return typeof t=="string"||t instanceof String},propsToObject(t){return Object.keys(t).reduce((n,r)=>{var s,o,i,a,d;return this.isFunction(t[r])?n[r]=t[r]():Array.isArray(t[r])?n[r]=t[r][0]():(s=t[r])!=null&&s.type&&(Array.isArray(t[r].type)?n[r]=((o=t[r])==null?void 0:o.default)||((i=t[r])==null?void 0:i.type[0]()):n[r]=((a=t[r])==null?void 0:a.default)||((d=t[r])==null?void 0:d.type())),n},{})},filterArray(t,n,r){return t.filter(s=>n.some(o=>typeof o=="string"?s[r]==o:this.equals(s[r],o[r])))},kebabCase(t){var n,r;if(t)return(r=(n=t.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g))==null?void 0:n.join("-"))==null?void 0:r.toLowerCase()}},V={valid:Boolean,validLabel:[String,Array]},D={error:Boolean,errorLabel:[String,Array]},O={loading:Boolean,loadingLabel:String},L={modifiers:[String,Array]},T={hintLabel:{type:String,default:""}},q={limit:{type:[Boolean,String],default:!1,validator:t=>[!0,!1,"countdown"].includes(t)}},F={id:String,name:{type:String,required:!0},autocomplete:{type:String,default:"off"},autofocus:Boolean,minlength:Number,maxlength:Number,label:String,placeholder:String,required:Boolean,disabled:Boolean,readonly:Boolean},j={debounce:Number},I={LEFT:"left",RIGHT:"right"},R={hard:"hard",soft:"soft"},M=["update:modelValue","focus","blur"],H={...V,...D,...T,...O,...L,...q,...F,...j,modelValue:null,cols:{type:Number,default:50},rows:{type:Number,default:5},icon:{type:String,default:""},iconPosition:{type:String,validation:t=>Object.values(I).includes(t),default:I.RIGHT},floating:Boolean,wrap:{type:String,default:R.soft},autoclear:Boolean,resizable:Boolean},z="ds",Z={color:String,width:{type:[String,Number]},height:{type:[String,Number]},name:{type:String,required:!0},provider:{type:String},prefix:{type:String,default:"normal"},src:String,horizontalFlip:Boolean,verticalFlip:Boolean,flip:String,mode:String,inline:Boolean,rotate:[Number,String],onLoad:Function,svg:String,modifiers:{type:[String,Array]}};function W(t,n){const r={[`${t}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(n).reduce((o,i)=>{const a=e.unref(n[i])||!1;if(!a)return o;if(i==="modifiers"){const d=Array.isArray(a)?a:[a];return{...o,...d.reduce((l,g)=>({...l,[`${t}--${y.kebabCase(g)}`]:!0}),{})}}else return{...o,[`${t}--${y.kebabCase(i)}`]:a}},r)||{})}}function G(t,n){const r={[`${t}`]:!0};return Object.keys(n).reduce((s,o)=>{const i=e.unref(n[o])||!1;if(!i)return s;if(o==="modifiers"){const a=Array.isArray(i)?i:[i];return{...s,...a.reduce((d,l)=>({...d,[`${t}--${y.kebabCase(l)}`]:!0}),{})}}else return{...s,[`${t}--${y.kebabCase(o)}`]:i}},r)||{}}const w=e.defineComponent({__name:"VvIcon",props:Z,setup(t){const n=t,r=e.ref(!0),{modifiers:s}=e.toRefs(n),o=e.inject(z),{bemCssClasses:i}=W("vv-icon",{modifiers:s}),a=e.computed(()=>n.provider||(o==null?void 0:o.provider)),d=e.computed(()=>{const c=n.name||"",u=`@${a.value}:${n.prefix}:${n.name}`;return S.iconExists(c)?c:S.iconExists(u)?u:(o==null?void 0:o.iconsCollections.find(m=>{const f=`@${a.value}:${m.prefix}:${c}`;if(S.iconExists(f))return f}))||c});function l(c){let u=null;if(typeof window>"u"){const{JSDOM:h}=require("jsdom");u=new h().window}return(u?new u.DOMParser:new window.DOMParser).parseFromString(c,"text/html").querySelector("svg")}function g(c){const u=l(c),m=(u==null?void 0:u.innerHTML.trim())||"";u&&m&&S.addIcon(`@${a.value}:${n.prefix}:${n.name}`,{body:m,height:u.viewBox.baseVal.height,width:u.viewBox.baseVal.width})}return o&&(n.src?(r.value=!1,o.fetchIcon(n.src).then(c=>{c&&(g(c),r.value=!0)}).catch(c=>{throw new Error(`During fetch icon: ${c==null?void 0:c.message}`)})):n.svg&&g(n.svg)),(c,u)=>r.value?(e.openBlock(),e.createBlock(e.unref(S.Icon),e.mergeProps({key:0,class:e.unref(i)},{...c.$props,provider:e.unref(a),icon:e.unref(d)}),null,16,["class"])):e.createCommentVNode("",!0)}});function E(t){return Array.isArray(t)?t.filter(n=>y.isString(n)).reduce((n,r)=>n.length>0?n+`
-`+r:r,""):t}function U(t,n){return{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(r){const s=e.toRefs(t),{error:o,valid:i,hint:a,loading:d}=n,{hintLabel:l,modelValue:g,valid:c,validLabel:u,error:m,errorLabel:f}=s,p=y.resolveFieldData(s,"loading"),h=y.resolveFieldData(s,"loadingLabel"),A=e.computed(()=>m.value?!!(m.value&&o||(f==null?void 0:f.value)&&Array.isArray(f.value)&&f.value.length>0||(f==null?void 0:f.value)&&y.isNotEmpty(f.value)):!1),k=e.computed(()=>!!(l&&l.value||a||i||u&&u.value||A.value||(p==null?void 0:p.value)&&d||(p==null?void 0:p.value)&&(h==null?void 0:h.value))),P=e.computed(()=>{const B=_.toReactive({hintLabel:l,modelValue:g,valid:c,validLabel:u,error:m,errorLabel:f,loading:p,loadingLabel:h,...r.params});return m!=null&&m.value?(o==null?void 0:o(B))||E(f==null?void 0:f.value)||(l==null?void 0:l.value):c!=null&&c.value?(i==null?void 0:i(B))||E(u==null?void 0:u.value)||(l==null?void 0:l.value):p!=null&&p.value?(d==null?void 0:d(B))||E(h==null?void 0:h.value)||(l==null?void 0:l.value):(a==null?void 0:a(B))||E(l==null?void 0:l.value)||(l==null?void 0:l.value)});return{hasHint:k,hintContent:P}},render(){if(this.hasHint)return e.h("pre",{style:{"white-space":"pre"}},this.hintContent)}}}function J(t,n,r){const s=e.computed(()=>!!(t.value&&n.value==="left"||r.iconLeft)),o=e.computed(()=>!!(t.value&&n.value==="right"||r.iconRight)),i=e.computed(()=>!!(t.value&&n.value==="top"||r.iconTop)),a=e.computed(()=>!!(t.value&&n.value==="bottom"||r.iconBottom));return{hasIconLeft:s,hasIconRight:o,hasIconTop:i,hasIconBottom:a}}function X(t,n){const{focused:r}=_.useFocus(t);return e.watch(r,s=>{n(s?"focus":"blur",t.value)}),{focused:r}}function K(t,n,r){const s=e.ref(t==null?void 0:t.value),o=_.refDebounced(s,n||0);return e.watch(o,i=>r("update:modelValue",i)),s}function Q(t,n){const r=e.computed(()=>{const i=e.unref(t);return _.isString(i)?i.length:0}),s=e.computed(()=>{const i=e.unref(t)||"";return!_.isString(i)||n.mode===!1?0:n.mode===!0?i.length:e.unref(n.upperLimit)-i.length}),o=e.computed(()=>n.mode===!1?"":n.mode===!0&&n.upperLimit&&n.upperLimit>0?`${s.value}/${e.unref(n.upperLimit)}`:s.value);return{textLength:r,textLimitLength:s,formattedTextLimitLength:o}}const Y=["for"],v={class:"vv-textarea__wrapper"},ee={key:3,class:"vv-textarea__limit"},te={inheritAttrs:!1};return e.defineComponent({...te,__name:"VvTextarea",props:H,emits:M,setup(t,{emit:n}){const r=t,s=e.useSlots(),o=e.useAttrs(),i=e.ref(),{icon:a,iconPosition:d,label:l,modelValue:g,autoclear:c,limit:u}=e.toRefs(r),m=r.id||r.name,f=`${r.name}-label`,p=`${r.name}-hint`,h=e.computed(()=>r.floating&&y.isEmpty(r.placeholder)?" ":r.placeholder),A=K(g,r.debounce,n),{hasIconLeft:k,hasIconRight:P}=J(a,d,{iconLeft:s["icon-left"],iconRight:s["icon-right"]}),{focused:B}=X(i,n),{textLength:N,formattedTextLimitLength:re}=Q(A,{mode:r.limit,upperLimit:r.maxlength||0}),ne=e.computed(()=>[G("vv-textarea",{modifiers:r.modifiers,readonly:r.readonly,valid:r.valid,invalid:r.error,loading:r.loading,iconLeft:k,iconRight:P,floating:r.floating&&y.isNotEmpty(r.label),dirty:y.isNotEmpty(g==null?void 0:g.value),resizable:r.resizable}),o.class]),oe=e.computed(()=>{const b=y.pickBy(o,x=>x.startsWith("data-"));return{style:o.style,...b}}),se=e.computed(()=>{const b=y.pickBy(o,x=>x.startsWith("aria-"));return{id:m,placeholder:h.value,name:r.name,autocomplete:r.autocomplete,disabled:r.disabled,readonly:r.readonly,minlength:r.minlength,maxlength:r.maxlength,cols:r.cols,rows:r.rows,required:r.required,tabindex:o.tabindex,"aria-invalid":r.error,"aria-valid":!r.valid,"aria-labeledby":f,"aria-describedby":p,"aria-errormessage":p,...b}}),$=e.computed(()=>{const{modelValue:b,valid:x,error:C,maxlength:le,hintLabel:ce}=r;return{valid:x,error:C,modelValue:b,hintLabel:ce,maxlength:le,textLength:N}}),ie=U(r,s);function ae(){A.value=""}return e.onMounted(()=>{r.autofocus&&(B.value=!0)}),(b,x)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps(e.unref(oe),{class:e.unref(ne)}),[e.unref(l)?(e.openBlock(),e.createElementBlock("label",{key:0,id:f,for:e.unref(m)},e.toDisplayString(e.unref(l)),9,Y)):e.createCommentVNode("",!0),e.createElementVNode("div",v,[e.unref(k)?e.renderSlot(b.$slots,"icon-left",e.normalizeProps(e.mergeProps({key:0},e.unref($))),()=>[e.createVNode(w,{class:"vv-textarea__icon-left",name:e.unref(a)},null,8,["name"])]):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("textarea",e.mergeProps({ref_key:"input",ref:i,"onUpdate:modelValue":x[0]||(x[0]=C=>e.isRef(A)?A.value=C:null)},e.unref(se),{onInput:x[1]||(x[1]=C=>n("input",C))}),null,16),[[e.vModelText,e.unref(A)]]),e.unref(c)&&e.unref(N)>0?(e.openBlock(),e.createElementBlock("button",{key:1,class:"vv-button vv-button--ghost",onClick:ae},[e.createVNode(w,{name:"clear-field"})])):e.createCommentVNode("",!0),e.unref(P)?e.renderSlot(b.$slots,"icon-right",e.normalizeProps(e.mergeProps({key:2},e.unref($))),()=>[e.createVNode(w,{name:e.unref(a)},null,8,["name"])]):e.createCommentVNode("",!0),e.unref(u)?(e.openBlock(),e.createElementBlock("span",ee,[e.renderSlot(b.$slots,"limit",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(re)),1)])])):e.createCommentVNode("",!0)]),e.createVNode(e.unref(ie),{id:p,class:"vv-textarea__hint"})],16))}})});
+(function(e,_){typeof exports=="object"&&typeof module<"u"?module.exports=_(require("vue"),require("nanoid"),require("@vueuse/core"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","nanoid","@vueuse/core","@iconify/vue"],_):(e=typeof globalThis<"u"?globalThis:e||self,e.VvTextarea=_(e.vue,e.nanoid,e.core,e.vue$1))})(this,function(e,_,B,S){"use strict";function A(r,n){if(r&&Object.keys(r).length&&n){if(n.indexOf(".")===-1)return r[n];{const t=n.split(".");let a=r;for(let s=0,c=t.length;s<c;++s){if(r==null)return null;a=a[t[s]]}return a}}else return null}function P(r){return(n=>n==null||n===""||Array.isArray(n)&&n.length===0||!(n instanceof Date)&&typeof n=="object"&&Object.keys(n).length===0)(e.unref(r))}function v(r){return typeof r=="string"||r instanceof String}function D(r){var n,t;if(r)return(t=(n=r.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g))==null?void 0:n.join("-"))==null?void 0:t.toLowerCase()}function C(r){return Array.isArray(r)?r.filter(n=>v(n)).join(" "):r}function F(r,n){const{error:t,valid:a,hint:s,loading:c}=n,{hintLabel:o,modelValue:g,valid:p,validLabel:f,error:l,errorLabel:i,...m}=e.toRefs(r),u=A(m,"loading"),d=A(m,"loadingLabel"),h=e.computed(()=>l.value?!!(l.value&&t||i!=null&&i.value&&Array.isArray(i.value)&&i.value.length>0||i!=null&&i.value&&!P(i)):!1),x=e.computed(()=>!!(o&&o.value||s)),V=e.computed(()=>!!(f&&f.value||a)),w=e.computed(()=>!!(u!=null&&u.value&&c||u!=null&&u.value&&(d!=null&&d.value))),$=e.computed(()=>x.value||V||h.value||w.value);return{hasErrors:h,hasHint:x,hasValid:V,hasLoading:w,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(E){const k=e.computed(()=>{const b=B.toReactive({hintLabel:o,modelValue:g,valid:p,validLabel:f,error:l,errorLabel:i,loading:u,loadingLabel:d,...E.params});return l!=null&&l.value?(t==null?void 0:t(b))||C(i==null?void 0:i.value)||(o==null?void 0:o.value):p!=null&&p.value?(a==null?void 0:a(b))||C(f==null?void 0:f.value)||(o==null?void 0:o.value):u!=null&&u.value?(c==null?void 0:c(b))||C(d==null?void 0:d.value)||(o==null?void 0:o.value):(s==null?void 0:s(b))||C(o==null?void 0:o.value)||(o==null?void 0:o.value)});return{isVisible:$,hasErrors:h,hasValid:V,hintContent:k}},render(){if(this.isVisible)return e.h("small",{role:this.hasErrors||this.hasValid?"alert":void 0},this.hintContent)}}}}function H(r,n,t){const a=e.computed(()=>!!(r.value&&n.value==="left"||t.iconLeft)),s=e.computed(()=>!!(r.value&&n.value==="right"||t.iconRight)),c=e.computed(()=>!!(r.value&&n.value==="top"||t.iconTop)),o=e.computed(()=>!!(r.value&&n.value==="bottom"||t.iconBottom));return{hasIconLeft:a,hasIconRight:s,hasIconTop:c,hasIconBottom:o}}function M(r,n){const{focused:t}=B.useFocus(r);return e.watch(t,a=>{n(a?"focus":"blur",e.unref(r))}),{focused:t}}function z(r,n,t=0){let a;return typeof t=="string"&&(t=parseInt(t)),e.computed({get:()=>r==null?void 0:r.value,set:s=>{a&&clearTimeout(a),a=setTimeout(()=>{n("update:modelValue",s)},t)}})}function Z(r,n){const t=e.computed(()=>{const c=e.unref(r);return B.isString(c)?c.length:0}),a=e.computed(()=>{const c=e.unref(r)||"";return!B.isString(c)||n.mode===!1?0:n.mode===!0?c.length:e.unref(n.upperLimit)-c.length}),s=e.computed(()=>n.mode===!1?"":n.mode===!0&&n.upperLimit&&n.upperLimit>0?`${a.value}/${e.unref(n.upperLimit)}`:a.value);return{textLength:t,textLimitLength:a,formattedTextLimitLength:s}}function L(r,n){const t={[`${r}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(n).reduce((s,c)=>{const o=e.unref(n[c])||!1;if(!o)return s;if(c==="modifiers"){const g=Array.isArray(o)?o:o.split(" ");return{...s,...g.reduce((p,f)=>({...p,[`${r}--${D(f)}`]:!0}),{})}}else return{...s,[`${r}--${D(c)}`]:o}},t)||{})}}const G="ds",J={color:String,width:{type:[String,Number]},height:{type:[String,Number]},name:{type:String,required:!0},provider:{type:String},prefix:{type:String,default:"normal"},src:String,horizontalFlip:Boolean,verticalFlip:Boolean,flip:String,mode:String,inline:Boolean,rotate:[Number,String],onLoad:Function,svg:String,modifiers:{type:[String,Array]}},U={name:"VvIcon"},I=e.defineComponent({...U,props:J,setup(r){const n=r,t=e.ref(!0),{modifiers:a}=e.toRefs(n),s=e.inject(G),{bemCssClasses:c}=L("vv-icon",{modifiers:a}),o=e.computed(()=>n.provider||(s==null?void 0:s.provider)),g=e.computed(()=>{const l=n.name||"",i=`@${o.value}:${n.prefix}:${n.name}`;return S.iconExists(l)?l:S.iconExists(i)?i:(s==null?void 0:s.iconsCollections.find(m=>{const u=`@${o.value}:${m.prefix}:${l}`;if(S.iconExists(u))return u}))||l});function p(l){let i=null;if(typeof window>"u"){const{JSDOM:h}=require("jsdom");i=new h().window}return(i?new i.DOMParser:new window.DOMParser).parseFromString(l,"text/html").querySelector("svg")}function f(l){const i=p(l),m=(i==null?void 0:i.innerHTML.trim())||"";i&&m&&S.addIcon(`@${o.value}:${n.prefix}:${n.name}`,{body:m,height:i.viewBox.baseVal.height,width:i.viewBox.baseVal.width})}return s&&(n.src&&!S.iconExists(`@${o.value}:${n.prefix}:${n.name}`)?(t.value=!1,s.fetchIcon(n.src).then(l=>{l&&(f(l),t.value=!0)}).catch(l=>{throw new Error(`During fetch icon: ${l==null?void 0:l.message}`)})):n.svg&&f(n.svg)),(l,i)=>t.value?(e.openBlock(),e.createBlock(e.unref(S.Icon),e.mergeProps({key:0,class:e.unref(c)},{...l.$props,provider:e.unref(o),icon:e.unref(g)}),null,16,["class"])):e.createCommentVNode("",!0)}}),W={valid:Boolean,validLabel:[String,Array]},X={error:Boolean,errorLabel:[String,Array]},K={loading:Boolean,loadingLabel:String},Q={modifiers:[String,Array]},Y={hintLabel:{type:String,default:""}},ee={limit:{type:[Boolean,String],default:!1,validator:r=>[!0,!1,"countdown"].includes(r)}},te={id:[String,Number],name:{type:String,required:!0},autocomplete:{type:String,default:"off"},autofocus:Boolean,minlength:Number,maxlength:Number,label:String,placeholder:String,required:Boolean,disabled:Boolean,readonly:Boolean},ne={debounce:Number},R={LEFT:"left",RIGHT:"right"},re={hard:"hard",soft:"soft"},oe=["update:modelValue","focus","blur"],ie={...W,...X,...Y,...K,...Q,...ee,...te,...ne,id:[String,Number],modelValue:{type:[String],default:void 0},cols:{type:Number,default:50},rows:{type:Number,default:5},icon:{type:String,default:""},iconPosition:{type:String,validation:r=>Object.values(R).includes(r),default:R.RIGHT},floating:Boolean,wrap:{type:String,default:re.soft},autoclear:Boolean,resizable:Boolean},se=["for"],ae={class:"vv-textarea__wrapper"},le=["id","disabled","readonly","required"],ce={key:2,class:"vv-textarea__limit"},ue={name:"VvInputText"};return e.defineComponent({...ue,props:ie,emits:oe,setup(r,{emit:n}){const t=r,a=e.useSlots(),s=e.ref(),{icon:c,iconPosition:o,label:g,modelValue:p,autoclear:f,limit:l}=e.toRefs(t),i=e.computed(()=>String(t.id||_.nanoid())),m=e.computed(()=>`${i.value}-hint`),u=e.computed(()=>t.floating&&P(t.placeholder)?" ":t.placeholder),d=z(p,n,t.debounce),{hasIconLeft:h,hasIconRight:x}=H(c,o,{iconLeft:a["icon-left"],iconRight:a["icon-right"]}),{focused:V}=M(s,n),{textLength:w,formattedTextLimitLength:$}=Z(d,{mode:t.limit,upperLimit:t.maxlength||0}),E=e.computed(()=>!P(p)),k=e.computed(()=>{if(t.error===!0)return!0;if(t.valid===!0)return!1}),{HintSlot:b,hasHint:de,hasErrors:O}=F(t,a),{bemCssClasses:fe}=L("vv-textarea",{modifiers:t.modifiers,readonly:t.readonly,valid:t.valid,invalid:t.error,loading:t.loading,iconLeft:h,iconRight:x,floating:t.floating&&!P(t.label),dirty:E,resizable:t.resizable}),j=e.computed(()=>({placeholder:u.value,name:t.name,autocomplete:t.autocomplete,minlength:t.minlength,maxlength:t.maxlength,cols:t.cols,rows:t.rows,"aria-invalid":k.value,"aria-describedby":!O.value&&de.value?m.value:void 0,"aria-errormessage":O.value?m.value:void 0})),q=e.computed(()=>{const{modelValue:y,valid:N,error:T,maxlength:pe,hintLabel:ge}=t;return{valid:N,error:T,modelValue:y,hintLabel:ge,maxlength:pe,textLength:w}});function me(){d.value=""}return e.onMounted(()=>{t.autofocus&&(V.value=!0)}),(y,N)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps(e.unref(j),{class:e.unref(fe)}),[e.unref(g)?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(i),class:"vv-textarea__label"},e.toDisplayString(e.unref(g)),9,se)):e.createCommentVNode("",!0),e.createElementVNode("div",ae,[e.unref(h)?e.renderSlot(y.$slots,"icon-left",e.normalizeProps(e.mergeProps({key:0},e.unref(q))),()=>[e.createVNode(I,{class:"vv-textarea__icon-left",name:e.unref(c)},null,8,["name"])]):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("textarea",e.mergeProps({id:e.unref(i),ref_key:"input",ref:s,"onUpdate:modelValue":N[0]||(N[0]=T=>e.isRef(d)?d.value=T:null)},e.unref(j),{disabled:y.disabled,readonly:y.readonly,required:y.required}),null,16,le),[[e.vModelText,e.unref(d)]]),e.withDirectives(e.createElementVNode("button",{class:"vv-button vv-button--ghost",onClick:me},[e.createVNode(I,{name:"clear-field"})],512),[[e.vShow,e.unref(f)&&e.unref(w)>0]]),e.unref(x)?e.renderSlot(y.$slots,"icon-right",e.normalizeProps(e.mergeProps({key:1},e.unref(q))),()=>[e.createVNode(I,{name:e.unref(c)},null,8,["name"])]):e.createCommentVNode("",!0),e.unref(l)?(e.openBlock(),e.createElementBlock("span",ce,[e.renderSlot(y.$slots,"limit",{},()=>[e.createTextVNode(e.toDisplayString(e.unref($)),1)])])):e.createCommentVNode("",!0)]),e.createVNode(e.unref(b),{id:e.unref(m),class:"vv-textarea__hint"},null,8,["id"])],16))}})});

package/dist/components/VvTextarea/VvTextarea.vue.d.ts

@@ -1,271 +1,9 @@
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            required: boolean;
-            disabled: boolean;
-            readonly: boolean;
-            icon: string;
-            iconPosition: string;
-            loading: boolean;
-            error: boolean;
-            valid: boolean;
-            hintLabel: string;
-            autocomplete: string;
-            autofocus: boolean;
-            floating: boolean;
-            autoclear: boolean;
-            limit: string | boolean;
-            cols: number;
-            rows: number;
-            wrap: string;
-            resizable: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: null;
-            cols: {
-                type: NumberConstructor;
-                default: number;
-            };
-            rows: {
-                type: NumberConstructor;
-                default: number;
-            };
-            icon: {
-                type: StringConstructor;
-                default: string;
-            };
-            iconPosition: {
-                type: StringConstructor;
-                validation: (value: string) => boolean;
-                default: string;
-            };
-            floating: BooleanConstructor;
-            wrap: {
-                type: StringConstructor;
-                default: string;
-            };
-            autoclear: BooleanConstructor;
-            resizable: BooleanConstructor;
-            debounce: NumberConstructor;
-            id: StringConstructor;
-            name: {
-                type: StringConstructor;
-                required: boolean;
-            };
-            autocomplete: {
-                type: StringConstructor;
-                default: string;
-            };
-            autofocus: BooleanConstructor;
-            minlength: NumberConstructor;
-            maxlength: NumberConstructor;
-            label: StringConstructor;
-            placeholder: StringConstructor;
-            required: BooleanConstructor;
-            disabled: BooleanConstructor;
-            readonly: BooleanConstructor;
-            limit: {
-                type: (StringConstructor | BooleanConstructor)[];
-                default: boolean;
-                validator: (value: string) => boolean;
-            };
-            modifiers: import("vue").PropType<string | string[]>;
-            loading: BooleanConstructor;
-            loadingLabel: StringConstructor;
-            hintLabel: {
-                type: StringConstructor;
-                default: string;
-            };
-            error: BooleanConstructor;
-            errorLabel: (StringConstructor | ArrayConstructor)[];
-            valid: BooleanConstructor;
-            validLabel: (StringConstructor | ArrayConstructor)[];
-        }>> & {
-            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "required" | "disabled" | "readonly" | "icon" | "iconPosition" | "loading" | "error" | "valid" | "hintLabel" | "autocomplete" | "autofocus" | "floating" | "autoclear" | "limit" | "cols" | "rows" | "wrap" | "resizable">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: null;
-            cols: {
-                type: NumberConstructor;
-                default: number;
-            };
-            rows: {
-                type: NumberConstructor;
-                default: number;
-            };
-            icon: {
-                type: StringConstructor;
-                default: string;
-            };
-            iconPosition: {
-                type: StringConstructor;
-                validation: (value: string) => boolean;
-                default: string;
-            };
-            floating: BooleanConstructor;
-            wrap: {
-                type: StringConstructor;
-                default: string;
-            };
-            autoclear: BooleanConstructor;
-            resizable: BooleanConstructor;
-            debounce: NumberConstructor;
-            id: StringConstructor;
-            name: {
-                type: StringConstructor;
-                required: boolean;
-            };
-            autocomplete: {
-                type: StringConstructor;
-                default: string;
-            };
-            autofocus: BooleanConstructor;
-            minlength: NumberConstructor;
-            maxlength: NumberConstructor;
-            label: StringConstructor;
-            placeholder: StringConstructor;
-            required: BooleanConstructor;
-            disabled: BooleanConstructor;
-            readonly: BooleanConstructor;
-            limit: {
-                type: (StringConstructor | BooleanConstructor)[];
-                default: boolean;
-                validator: (value: string) => boolean;
-            };
-            modifiers: import("vue").PropType<string | string[]>;
-            loading: BooleanConstructor;
-            loadingLabel: StringConstructor;
-            hintLabel: {
-                type: StringConstructor;
-                default: string;
-            };
-            error: BooleanConstructor;
-            errorLabel: (StringConstructor | ArrayConstructor)[];
-            valid: BooleanConstructor;
-            validLabel: (StringConstructor | ArrayConstructor)[];
-        }>> & {
-            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
-            required: boolean;
-            disabled: boolean;
-            readonly: boolean;
-            icon: string;
-            iconPosition: string;
-            loading: boolean;
-            error: boolean;
-            valid: boolean;
-            hintLabel: string;
-            autocomplete: string;
-            autofocus: boolean;
-            floating: boolean;
-            autoclear: boolean;
-            limit: string | boolean;
-            cols: number;
-            rows: number;
-            wrap: string;
-            resizable: boolean;
-        }, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        modelValue: null;
-        cols: {
-            type: NumberConstructor;
-            default: number;
-        };
-        rows: {
-            type: NumberConstructor;
-            default: number;
-        };
-        icon: {
-            type: StringConstructor;
-            default: string;
-        };
-        iconPosition: {
-            type: StringConstructor;
-            validation: (value: string) => boolean;
-            default: string;
-        };
-        floating: BooleanConstructor;
-        wrap: {
-            type: StringConstructor;
-            default: string;
-        };
-        autoclear: BooleanConstructor;
-        resizable: BooleanConstructor;
-        debounce: NumberConstructor;
-        id: StringConstructor;
-        name: {
-            type: StringConstructor;
-            required: boolean;
-        };
-        autocomplete: {
-            type: StringConstructor;
-            default: string;
-        };
-        autofocus: BooleanConstructor;
-        minlength: NumberConstructor;
-        maxlength: NumberConstructor;
-        label: StringConstructor;
-        placeholder: StringConstructor;
-        required: BooleanConstructor;
-        disabled: BooleanConstructor;
-        readonly: BooleanConstructor;
-        limit: {
-            type: (StringConstructor | BooleanConstructor)[];
-            default: boolean;
-            validator: (value: string) => boolean;
-        };
-        modifiers: import("vue").PropType<string | string[]>;
-        loading: BooleanConstructor;
-        loadingLabel: StringConstructor;
-        hintLabel: {
-            type: StringConstructor;
-            default: string;
-        };
-        error: BooleanConstructor;
-        errorLabel: (StringConstructor | ArrayConstructor)[];
-        valid: BooleanConstructor;
-        validLabel: (StringConstructor | ArrayConstructor)[];
-    }>> & {
-        [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    modelValue: null;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    id: (StringConstructor | NumberConstructor)[];
+    modelValue: {
+        type: StringConstructor[];
+        default: undefined;
+    };
     cols: {
         type: NumberConstructor;
         default: number;
@@ -291,7 +29,6 @@ declare const _default: {
     autoclear: BooleanConstructor;
     resizable: BooleanConstructor;
     debounce: NumberConstructor;
-    id: StringConstructor;
     name: {
         type: StringConstructor;
         required: boolean;
@@ -321,49 +58,116 @@ declare const _default: {
         default: string;
     };
     error: BooleanConstructor;
-    errorLabel: (StringConstructor | ArrayConstructor)[];
+    errorLabel: (ArrayConstructor | StringConstructor)[];
     valid: BooleanConstructor;
-    validLabel: (StringConstructor | ArrayConstructor)[];
+    validLabel: (ArrayConstructor | StringConstructor)[];
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: (StringConstructor | NumberConstructor)[];
+    modelValue: {
+        type: StringConstructor[];
+        default: undefined;
+    };
+    cols: {
+        type: NumberConstructor;
+        default: number;
+    };
+    rows: {
+        type: NumberConstructor;
+        default: number;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconPosition: {
+        type: StringConstructor;
+        validation: (value: string) => boolean;
+        default: string;
+    };
+    floating: BooleanConstructor;
+    wrap: {
+        type: StringConstructor;
+        default: string;
+    };
+    autoclear: BooleanConstructor;
+    resizable: BooleanConstructor;
+    debounce: NumberConstructor;
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    autofocus: BooleanConstructor;
+    minlength: NumberConstructor;
+    maxlength: NumberConstructor;
+    label: StringConstructor;
+    placeholder: StringConstructor;
+    required: BooleanConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    limit: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+        validator: (value: string) => boolean;
+    };
+    modifiers: import("vue").PropType<string | string[]>;
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    error: BooleanConstructor;
+    errorLabel: (ArrayConstructor | StringConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (ArrayConstructor | StringConstructor)[];
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
-    required: boolean;
+}, {
+    modelValue: string;
     disabled: boolean;
-    readonly: boolean;
+    error: boolean;
+    required: boolean;
     icon: string;
     iconPosition: string;
     loading: boolean;
-    error: boolean;
-    valid: boolean;
+    readonly: boolean;
     hintLabel: string;
+    valid: boolean;
+    floating: boolean;
     autocomplete: string;
     autofocus: boolean;
-    floating: boolean;
-    autoclear: boolean;
     limit: string | boolean;
     cols: number;
     rows: number;
     wrap: string;
+    autoclear: boolean;
     resizable: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        'icon-left': (_: {
-            valid: boolean;
-            error: boolean;
-            modelValue: any;
-            hintLabel: string;
-            maxlength: number | undefined;
-            textLength: import("vue").ComputedRef<number>;
-        }) => any;
-        'icon-right': (_: {
-            valid: boolean;
-            error: boolean;
-            modelValue: any;
-            hintLabel: string;
-            maxlength: number | undefined;
-            textLength: import("vue").ComputedRef<number>;
-        }) => any;
-        limit: (_: {}) => any;
-    };
-});
+}>, {
+    'icon-left': (_: {
+        valid: boolean;
+        error: boolean;
+        modelValue: string | undefined;
+        hintLabel: string;
+        maxlength: number | undefined;
+        textLength: import("vue").ComputedRef<number>;
+    }) => any;
+    'icon-right': (_: {
+        valid: boolean;
+        error: boolean;
+        modelValue: string | undefined;
+        hintLabel: string;
+        maxlength: number | undefined;
+        textLength: import("vue").ComputedRef<number>;
+    }) => any;
+    limit: (_: {}) => any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/VvTextarea/{VvTextarea.d.ts → index.d.ts}

@@ -1,7 +1,33 @@
 import type { ExtractPropTypes } from 'vue';
+export declare const ICON_POSITIONS: {
+    LEFT: string;
+    RIGHT: string;
+};
+export declare const WRAP: {
+    hard: string;
+    soft: string;
+};
+declare const _default: {
+    ICON_POSITIONS: {
+        LEFT: string;
+        RIGHT: string;
+    };
+    WRAP: {
+        hard: string;
+        soft: string;
+    };
+};
+export default _default;
 export declare const VvTextareaEvents: string[];
 export declare const VvTextareaProps: {
-    modelValue: null;
+    /**
+     * Input id
+     */
+    id: (StringConstructor | NumberConstructor)[];
+    modelValue: {
+        type: StringConstructor[];
+        default: undefined;
+    };
     cols: {
         type: NumberConstructor;
         default: number;
@@ -11,7 +37,7 @@ export declare const VvTextareaProps: {
         default: number;
     };
     /**
-     * Nome dell'icona
+     * Icon name
      * @see DsIcon
      */
     icon: {
@@ -19,7 +45,7 @@ export declare const VvTextareaProps: {
         default: string;
     };
     /**
-     * Posizione dell'icona
+     * Icon position
      */
     iconPosition: {
         type: StringConstructor;
@@ -27,11 +53,11 @@ export declare const VvTextareaProps: {
         default: string;
     };
     /**
-     * True = label flottante
+     * If true, the label will be floating
      */
     floating: BooleanConstructor;
     /**
-     * Specifica come il testo sarà wrappato
+     * How the text in a text area is to be wrapped.
      * @see Documentation https://www.w3schools.com/tags/att_textarea_wrap.asp
      */
     wrap: {
@@ -39,17 +65,16 @@ export declare const VvTextareaProps: {
         default: string;
     };
     /**
-     * Se true, attiva la possibilità di cancellare il testo nella textarea
+     * If true, the value of the textarea will be cleared automatically
      */
     autoclear: BooleanConstructor;
     /**
-     * Se true, la textbox può essere ridimensionata verticalmente.
+     * If true, the textarea will be resizable
      * @description
      * Il resize è pilotato via css. Al momento è attivo solamente il resize verticale
      */
     resizable: BooleanConstructor;
     debounce: NumberConstructor;
-    id: StringConstructor;
     name: {
         type: StringConstructor;
         required: boolean;
@@ -79,10 +104,8 @@ export declare const VvTextareaProps: {
         default: string;
     };
     error: BooleanConstructor;
-    errorLabel: (StringConstructor | ArrayConstructor)[];
+    errorLabel: (ArrayConstructor | StringConstructor)[];
     valid: BooleanConstructor;
-    validLabel: (StringConstructor | ArrayConstructor)[];
+    validLabel: (ArrayConstructor | StringConstructor)[];
 };
-declare type VvTextareaPropsType = typeof VvTextareaProps;
-export declare type VvTextareaPropsTypes = ExtractPropTypes<VvTextareaPropsType>;
-export {};
+export type VvTextareaPropsTypes = ExtractPropTypes<typeof VvTextareaProps>;

package/dist/components/common/HintSlot.d.ts

@@ -1,4 +1,4 @@
-import { type Component, type ExtractPropTypes, type Slots } from 'vue';
+import { type Component, type ExtractPropTypes, type Slots, type Ref } from 'vue';
 interface HintSlotProps {
     hintLabel: {
         type: StringConstructor;
@@ -17,9 +17,15 @@ interface HintSlotPropsWithLoading extends HintSlotProps {
 }
 /**
  * Return a vue component (HintSlot) to render and manage hint, errors, valid, loading state and messages
- * @param {Readonly<ExtractPropTypes<HintSlotProps | HintSlotPropsWithLoading>>} pProps vue props
- * @param {Slots} pSlots vue slots
+ * @param {Readonly<ExtractPropTypes<HintSlotProps | HintSlotPropsWithLoading>>} parentProps vue props
+ * @param {Slots} parentSlots vue slots
  * @returns {Component} vue component
  */
-export declare function HintSlotFactory(pProps: Readonly<ExtractPropTypes<HintSlotProps | HintSlotPropsWithLoading>>, pSlots: Slots): Component;
+export declare function HintSlotFactory(parentProps: Readonly<ExtractPropTypes<HintSlotProps | HintSlotPropsWithLoading>>, parentSlots: Slots): {
+    HintSlot: Component;
+    hasHint: Ref<boolean>;
+    hasErrors: Ref<boolean>;
+    hasValid: Ref<boolean>;
+    hasLoading: Ref<boolean>;
+};
 export default HintSlotFactory;

package/dist/components/index.d.ts

@@ -1,12 +1,19 @@
-export { default as VvButton } from './VvButton/VvButton.vue';
-export { default as VvIcon } from './VvIcon/VvIcon.vue';
-export { default as VvBadge } from './VvBadge/VvBadge.vue';
-export { default as VvButtonGroup } from './VvButtonGroup/VvButtonGroup.vue';
 export { default as VvAccordion } from './VvAccordion/VvAccordion.vue';
 export { default as VvAccordionGroup } from './VvAccordionGroup/VvAccordionGroup.vue';
+export { default as VvBadge } from './VvBadge/VvBadge.vue';
 export { default as VvBreadcrumb } from './VvBreadcrumb/VvBreadcrumb.vue';
+export { default as VvButton } from './VvButton/VvButton.vue';
+export { default as VvButtonGroup } from './VvButtonGroup/VvButtonGroup.vue';
 export { default as VvCard } from './VvCard/VvCard.vue';
-export { default as VvCheck } from './VvCheck/VvCheck.vue';
-export { default as VvCheckGroup } from './VvCheckGroup/VvCheckGroup.vue';
+export { default as VvCheckbox } from './VvCheckbox/VvCheckbox.vue';
+export { default as VvCheckboxGroup } from './VvCheckboxGroup/VvCheckboxGroup.vue';
 export { default as VvDialog } from './VvDialog/VvDialog.vue';
 export { default as VvDropdown } from './VvDropdown/VvDropdown.vue';
+export { default as VvIcon } from './VvIcon/VvIcon.vue';
+export { default as VvInputText } from './VvInputText/VvInputText.vue';
+export { default as VvNativeSelect } from './VvNativeSelect/VvNativeSelect.vue';
+export { default as VvProgress } from './VvProgress/VvProgress.vue';
+export { default as VvRadio } from './VvRadio/VvRadio.vue';
+export { default as VvRadioGroup } from './VvRadioGroup/VvRadioGroup.vue';
+export { default as VvSelect } from './VvSelect/VvSelect.vue';
+export { default as VvTextarea } from './VvTextarea/VvTextarea.vue';