vuux
Version:
Vue3 Nuxt3 Nuxt4 组件库
2 lines (1 loc) • 1.09 kB
JavaScript
;const e=require("vue"),i=require("../../CollapseTransition/index.cjs"),c=require("./hook/useCollapseItem.cjs"),d=require("@vuux/icons"),u={key:0},m={class:"collapse-content"},p=e.defineComponent({name:"CollapseItem",__name:"item",props:{id:{},title:{},disabled:{type:Boolean}},setup(r){const t=r,{isExpanded:o,handleShowHandle:l}=c.useCollapseItem(t);return(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["collapse-item",{"is-disabled":t.disabled}])},[e.createElementVNode("div",{class:"collapse-title",onClick:s[0]||(s[0]=(...a)=>e.unref(l)&&e.unref(l)(...a))},[e.createVNode(e.unref(d.Icon),{name:"Icon6657361",style:e.normalizeStyle({transform:e.unref(o)?"rotate(90deg)":""})},null,8,["style"]),e.renderSlot(n.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])]),e.createVNode(e.unref(i.CollapseTransition),null,{default:e.withCtx(()=>[e.unref(o)?(e.openBlock(),e.createElementBlock("div",u,[e.createElementVNode("div",m,[e.renderSlot(n.$slots,"default")])])):e.createCommentVNode("",!0)]),_:3})],2))}});module.exports=p;