mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-08 09:27:19 +08:00
2 lines
3.2 KiB
JavaScript
2 lines
3.2 KiB
JavaScript
import{d as V,C as A,D as F,E as k,dP as I,L as M,r as N,d7 as C,b as m,f as _,c as L,w as l,F as g,u as s,t as v,h as o,i as n,x as b,m as y,g as d,K as E,dQ as x}from"./index-e-lQ-tMK.js";import{u as P}from"./hooks-7g5tME04.js";const S=d("div",null,"标签页复用，超出限制自动关闭",-1),U={class:"flex flex-wrap items-center"},j=d("p",null,"query传参模式：",-1),H={class:"flex flex-wrap items-center"},z=d("p",null,"params传参模式：",-1),J=V({name:"Tabs",__name:"index",setup(K){const{toDetail:c,router:u}=P(),B=A(F().wholeMenus,!0),f=k(()=>I(M(B),0,{disabled:!0})),p=N([]),h=k(()=>{var r;return(r=C())==null?void 0:r.multiTags});function D(){p.value.length!==0&&p.value.forEach(r=>{var a;const t=(a=x(f.value,r).redirect)!=null?a:x(f.value,r).path;C().handleTags("splice",t),t==="/tabs/index"&&u.push({path:h.value[h.value.length-1].path})})}return(r,t)=>{const a=m("el-button"),i=m("el-divider"),$=m("el-tree-select"),q=m("el-link"),T=m("el-card");return _(),L(T,{shadow:"never"},{header:l(()=>[S]),default:l(()=>[d("div",U,[j,(_(),y(g,null,b(6,e=>n(a,{key:e,class:"m-2",onClick:w=>s(c)({id:e},"query")},{default:l(()=>[o(" 打开"+v(e)+"详情页 ",1)]),_:2},1032,["onClick"])),64)),n(a,{onClick:t[0]||(t[0]=e=>s(c)({id:666,name:"小明",age:18,job:"工程师"},"query"))},{default:l(()=>[o(" 多个参数 ")]),_:1})]),n(i),d("div",H,[z,(_(),y(g,null,b(6,e=>n(a,{key:e,class:"m-2",onClick:w=>s(c)({id:e},"params")},{default:l(()=>[o(" 打开"+v(e)+"详情页 ",1)]),_:2},1032,["onClick"])),64))]),n(i),n($,{modelValue:p.value,"onUpdate:modelValue":t[1]||(t[1]=e=>p.value=e),class:"w-[300px]","node-key":"uniqueId",placeholder:"请选择要关闭的标签",clearable:"",multiple:"",filterable:"","default-expand-all":"",props:{label:e=>s(E)(e.meta.title),value:"uniqueId",children:"children",disabled:"disabled"},data:f.value},{default:l(({data:e})=>[d("span",null,v(s(E)(e.meta.title)),1)]),_:1},8,["modelValue","props","data"]),n(a,{class:"m-2",onClick:D},{default:l(()=>[o("关闭标签")]),_:1}),n(i),n(a,{onClick:t[2]||(t[2]=e=>s(u).push({name:"Menu1-2-2"}))},{default:l(()=>[o(" 跳转页内菜单（传name对象，优先推荐） ")]),_:1}),n(a,{onClick:t[3]||(t[3]=e=>s(u).push("/nested/menu1/menu1-2/menu1-2-2"))},{default:l(()=>[o(" 跳转页内菜单（直接传要跳转的路径） ")]),_:1}),n(a,{onClick:t[4]||(t[4]=e=>s(u).push({path:"/nested/menu1/menu1-2/menu1-2-2"}))},{default:l(()=>[o(" 跳转页内菜单（传path对象） ")]),_:1}),n(i),n(a,{onClick:t[5]||(t[5]=e=>s(u).push({name:"Menu1-2-2",query:{text:"传name对象，优先推荐"}}))},{default:l(()=>[o(" 携参跳转页内菜单（传name对象，优先推荐） ")]),_:1}),n(a,{onClick:t[6]||(t[6]=e=>s(u).push({path:"/nested/menu1/menu1-2/menu1-2-2",query:{text:"传path对象"}}))},{default:l(()=>[o(" 携参跳转页内菜单（传path对象） ")]),_:1}),n(q,{class:"ml-4",href:"https://router.vuejs.org/zh/guide/essentials/navigation.html#%E5%AF%BC%E8%88%AA%E5%88%B0%E4%B8%8D%E5%90%8C%E7%9A%84%E4%BD%8D%E7%BD%AE",target:"_blank"},{default:l(()=>[o(" 点击查看更多跳转方式 ")]),_:1}),n(i),n(a,{onClick:t[7]||(t[7]=e=>s(u).push({name:"Empty"}))},{default:l(()=>[o(" 跳转无Layout的空白页面 ")]),_:1})]),_:1})}}});export{J as default};
|