vue-pure-admin/dist/static/js/collapse-BU4Ha7a6.js

import{d as z,r as i,c as u,w as e,e as a,j as I,f as m,g as p,i as l,m as B,h as o}from"./index-BQLilEpU.js";const O={class:"card-header"},j=p("p",{class:"mb-2"},"基础用法",-1),U=z({name:"Collapse",__name:"collapse",setup(D){const s=i(),f=i(),t=i(["1","2","3","4","5"]),_=i(!0);function v(){_.value?t.value=[]:s.value==="accordion"?t.value=["5"]:t.value=["1","2","3","4","5"],_.value=!_.value}const h=g=>{};return(g,c)=>{const w=a("el-link"),V=a("el-space"),r=a("el-radio"),b=a("el-radio-group"),C=a("el-button"),n=a("el-collapse-item"),k=a("IconifyIconOnline"),x=a("el-collapse"),y=a("el-card"),N=I("tippy");return m(),u(y,{shadow:"never"},{header:e(()=>[p("div",O,[l(V,{wrap:"",size:40},{default:e(()=>[B((m(),u(w,{href:"https://element-plus.org/zh-CN/component/collapse.html",target:"_blank",style:{"font-size":"16px","font-weight":"800"}},{default:e(()=>[o(" 折叠面板 ")]),_:1})),[[N,{content:"点击查看详细文档"}]])]),_:1})])]),default:e(()=>[j,l(b,{modelValue:s.value,"onUpdate:modelValue":c[0]||(c[0]=d=>s.value=d),class:"mb-3"},{default:e(()=>[l(r,{value:""},{default:e(()=>[o("可同时展开多个面板")]),_:1}),l(r,{value:"accordion"},{default:e(()=>[o("每次只能展开一个面板")]),_:1})]),_:1},8,["modelValue"]),l(C,{size:"small",text:"",bg:"",class:"ml-8 mb-1",onClick:v},{default:e(()=>[o(" 外部触发打开、关闭 ")]),_:1}),l(x,{ref_key:"collapseRef",ref:f,modelValue:t.value,"onUpdate:modelValue":c[1]||(c[1]=d=>t.value=d),class:"w-[360px]",accordion:s.value==="accordion",onChange:h},{default:e(()=>[l(n,{title:"周一",name:"1"},{default:e(()=>[o(" 周一启航，新的篇章 ")]),_:1}),l(n,{title:"周二",name:"2"},{default:e(()=>[o(" 周二律动，携手共进 ")]),_:1}),l(n,{title:"周三",name:"3"},{default:e(()=>[o(" 周三昂扬，激情不减 ")]),_:1}),l(n,{title:"周四",name:"4"},{default:e(()=>[o(" 周四精进，事半功倍 ")]),_:1}),l(n,{name:"5"},{title:e(()=>[o(" 周五 "),l(k,{icon:"streamline-emojis:beaming-face-with-smiling-eyes",class:"ml-1",width:"30"})]),default:e(()=>[o(" 周五喜悦，收尾归档 ")]),_:1})]),_:1},8,["modelValue","accordion"])]),_:1})}}});export{U as default};