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

import{d as N,r as i,f as u,j as e,k as a,v as I,e as m,g as p,m as l,z as B,l as o}from"./index-DZuaHQDs.js";const O={class:"card-header"},j=p("p",{class:"mb-2"},"基础用法",-1),U=N({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 V=a("el-link"),b=a("el-space"),r=a("el-radio"),k=a("el-radio-group"),w=a("el-button"),n=a("el-collapse-item"),C=a("IconifyIconOnline"),x=a("el-collapse"),y=a("el-card"),z=I("tippy");return m(),u(y,{shadow:"never"},{header:e(()=>[p("div",O,[l(b,{wrap:"",size:40},{default:e(()=>[B((m(),u(V,{href:"https://element-plus.org/zh-CN/component/collapse.html",target:"_blank",style:{"font-size":"16px","font-weight":"800"}},{default:e(()=>[o(" 折叠面板 ")]),_:1})),[[z,{content:"点击查看详细文档"}]])]),_:1})])]),default:e(()=>[j,l(k,{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(w,{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(C,{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};