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

Vue3 Nuxt3 Nuxt4 组件库

"use strict";const e=require("vue"),N=require("./hook/useTabs.cjs"),t=require("@vuux/icons"),y={class:"tabs-head"},V=["onClick"],I=["onClick"],_=e.defineComponent({name:"Tabs",__name:"index",props:{active:{default:""},remove:{type:Boolean},position:{default:"top"}},emits:["select","remove"],setup(i,{emit:m}){const s=i,d=m,{state:u,list:l,headDataEl:f,headItemEl:k,classNames:p,isArrow:r,isDisabled:a,tabClassNames:v,handleSelectTab:B,handleRemoveTab:C,handleScrollTabs:c}=N.useTabs(s,d);return(E,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["app-tabs",e.unref(p)])},[e.createElementVNode("div",y,[e.unref(r)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["head-arrow is-left",{"is-disabled":e.unref(a)}]),onClick:o[0]||(o[0]=n=>e.unref(c)(-1))},[e.createVNode(e.unref(t.Icon),{name:"Icon3498333"})],2)):e.createCommentVNode("",!0),e.unref(l).length>0?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"headDataEl",ref:f,class:e.normalizeClass(["head-data",{"is-arrow":e.unref(r)}]),style:e.normalizeStyle({transform:`translateX(-${e.unref(u).scrollOffset}px)`})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(l),(n,z)=>(e.openBlock(),e.createElementBlock("div",{key:n.id,ref_for:!0,ref_key:"headItemEl",ref:k,class:e.normalizeClass(["data-item",e.unref(v)(n)]),onClick:h=>e.unref(B)(n)},[n.icon?(e.openBlock(),e.createBlock(e.unref(t.Icon),{key:0,name:n.icon},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("p",null,e.toDisplayString(n.name),1),e.unref(l).length>1&&s.remove?(e.openBlock(),e.createElementBlock("div",{key:1,class:"is-close",onClick:e.withModifiers(h=>e.unref(C)(n),["stop"])},[e.createVNode(e.unref(t.Icon),{name:"Icon9176904",size:12})],8,I)):e.createCommentVNode("",!0),o[2]||(o[2]=e.createElementVNode("div",{class:"is-lines"},null,-1))],10,V))),128))],6)):e.createCommentVNode("",!0),e.unref(r)?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["head-arrow is-right",{"is-disabled":e.unref(a)}]),onClick:o[1]||(o[1]=n=>e.unref(c)(1))},[e.createVNode(e.unref(t.Icon),{name:"Icon6657361"})],2)):e.createCommentVNode("",!0)]),(e.openBlock(),e.createBlock(e.KeepAlive,null,[e.renderSlot(E.$slots,"default")],1024))],2))}});module.exports=_;