vuux/dist/lib/Select/src/index.vue.cjs

Vue3 Nuxt3 Nuxt4 组件库

"use strict";const e=require("vue"),v=require("../../ScrollBar/index.cjs"),C=require("./hook/useSelect.cjs"),c=require("@vuux/icons"),E={key:0,class:"select-data"},y={key:1,class:"select-data"},V={class:"select-item"},_=["onClick"],N={key:0},g=e.defineComponent({name:"Select",__name:"index",props:{label:{default:"label"},value:{default:"value"},data:{},modelValue:{},multiple:{type:Boolean},shadow:{type:Boolean},placeholder:{default:"请选择"},disabled:{type:Boolean}},emits:["update:modelValue","change"],setup(d,{emit:u}){const l=d,m=u,{items:a,isOpen:s,selectEl:p,handleOpen:r,handleClick:k,handleIsSelected:i,handleRemoveItem:f,handleGetValue:B}=C.useSelect(l,m);return(I,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"selectEl",ref:p,class:e.normalizeClass(["app-select",{"is-disabled":l.disabled}])},[e.createElementVNode("div",{class:"select-content",onClick:n[0]||(n[0]=(...t)=>e.unref(r)&&e.unref(r)(...t))},[e.createVNode(e.unref(c.Icon),{name:"Icon1336922",class:e.normalizeClass({"is-active":e.unref(s)})},null,8,["class"]),Array.isArray(e.unref(a))&&e.unref(a).length>0?(e.openBlock(),e.createElementBlock("div",E,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),(t,o)=>(e.openBlock(),e.createElementBlock("div",{key:o,class:e.normalizeClass(["select-item",{"is-multiple":l.multiple}])},[e.createElementVNode("span",null,e.toDisplayString(e.unref(B)(t)),1),l.multiple?(e.openBlock(),e.createBlock(e.unref(c.Icon),{key:0,name:"Icon9176904",size:12,onClick:e.withModifiers(h=>e.unref(f)(o),["stop"])},null,8,["onClick"])):e.createCommentVNode("",!0)],2))),128))])):(e.openBlock(),e.createElementBlock("div",y,[e.createElementVNode("div",V,[e.createElementVNode("span",null,e.toDisplayString(l.placeholder),1)])]))]),e.createVNode(e.Transition,{name:"ease-drop"},{default:e.withCtx(()=>[e.unref(s)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["select-dropdown",{"is-shadow":l.shadow}])},[e.createVNode(e.unref(v.ScrollBar),null,{default:e.withCtx(()=>[e.createElementVNode("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.data,(t,o)=>(e.openBlock(),e.createElementBlock("li",{key:o,class:e.normalizeClass({"is-active":e.unref(i)(t[l.value])}),onClick:h=>e.unref(k)(t[l.value])},[e.createElementVNode("span",null,e.toDisplayString(t[l.label]),1),e.unref(i)(t[l.value])?(e.openBlock(),e.createBlock(e.unref(c.Icon),{key:0,name:"Icon1722501",size:12,color:"var(--app-theme)"})):e.createCommentVNode("",!0)],10,_))),128)),!l.data||l.data.length==0?(e.openBlock(),e.createElementBlock("li",N,[...n[1]||(n[1]=[e.createElementVNode("span",null,"暂无数据",-1)])])):e.createCommentVNode("",!0)])]),_:1})],2)):e.createCommentVNode("",!0)]),_:1})],2))}});module.exports=g;