UNPKG

@gits-id/form-select

Version:

GITS Form Select Component

2 lines (1 loc) 1.76 kB
var VFormSelect=function(r,e,i,s){"use strict";const m=["disabled"],f=["value"],n=e.defineComponent({props:{modelValue:{type:String,default:""},value:{type:String,default:""},items:{type:Array,default:()=>[]},itemText:{type:String,default:"text"},itemValue:{type:String,default:"value"},name:{type:String,default:""},error:{type:Boolean,default:!1},errorMessages:{type:Array,default:()=>[]},size:{type:String,default:""},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(o,{emit:p}){const u=o,{modelValue:c,value:g,itemText:y,itemValue:V,error:S,errorMessages:k,name:B,disabled:b}=e.toRefs(u),l=e.ref(c.value),{class:h}=s.useTextSize(u.size),M=e.computed(()=>s.useInputClasses(S.value)),w=e.computed(()=>[M.value,h.value]);e.watch(l,t=>{p("update:modelValue",t)}),e.watch(c,t=>{l.value=t},{immediate:!0}),e.watch(g,t=>{l.value=t});const C=t=>typeof t=="string"?t:t[V.value],E=t=>typeof t=="string"?t:t[y.value];return(t,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives(e.createElementVNode("select",e.mergeProps({"onUpdate:modelValue":d[0]||(d[0]=a=>l.value=a),class:["w-full block transition duration-300",e.unref(w)],disabled:e.unref(b)},t.$attrs),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.items,(a,T)=>(e.openBlock(),e.createElementBlock("option",e.mergeProps({key:T,value:C(a)},a),e.toDisplayString(E(a)),17,f))),128))],16,m),[[e.vModelSelect,l.value]]),e.unref(k).length?(e.openBlock(),e.createBlock(e.unref(i.ErrorMessage),{key:0,class:"text-error text-sm",name:e.unref(B)},null,8,["name"])):e.createCommentVNode("",!0)],64))}});return r.VFormSelect=n,r.default=n,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),r}({},Vue,veeValidate,utils);