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

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