| 1 |
- import{u as y,aQ as B,C as r,a as w}from"./entry/index-DHk75Dkc.js";import{P as A}from"./index-C3JMvybM.js";import{d as D,f as N,a9 as u,Z as m,a7 as P,a8 as a,k as e,u as t,$ as V,G as l,_ as $,F,aa as G,a0 as L}from"./vue-ByATgq5d.js";import{aA as M}from"./antd-B5uHptHh.js";import"./useContentViewHeight-D8mdT192.js";import"./useWindowSizeFn-D9YbvWYE.js";import"./onMountedOrActivated-BDlj7Upy.js";const E={class:"mt-2 flex flex-grow-0"},z=D({name:"TabsDemo",__name:"index",setup(O){const f=y(),n=N(""),{closeAll:_,closeLeft:p,closeRight:d,closeOther:C,closeCurrent:k,refreshPage:b,setTitle:g}=B(),{createMessage:v}=w();function T(){n.value?g(n.value):v.error("请输入要设置的Tab标题！")}function h(c){f(`/feat/tabs/detail/${c}`)}return(c,i)=>{const s=u("a-button"),x=u("a-input");return m(),P(t(A),{title:"标签页操作示例"},{default:a(()=>[e(t(r),{title:"在下面输入框输入文本,切换后回来内容会保存"},{default:a(()=>[e(t(M),{banner:"",message:"该操作不会影响页面标题，仅修改Tab标题"}),V("div",E,[e(s,{class:"mr-2",onClick:T,type:"primary"},{default:a(()=>[l(" 设置Tab标题 ")]),_:1}),e(x,{placeholder:"请输入",value:n.value,"onUpdate:value":i[0]||(i[0]=o=>n.value=o),class:"mr-4 w-50"},null,8,["value"])])]),_:1}),e(t(r),{class:"mt-4",title:"标签页操作"},{default:a(()=>[e(s,{class:"mr-2",onClick:t(_)},{default:a(()=>[l(" 关闭所有 ")]),_:1},8,["onClick"]),e(s,{class:"mr-2",onClick:t(p)},{default:a(()=>[l(" 关闭左侧 ")]),_:1},8,["onClick"]),e(s,{class:"mr-2",onClick:t(d)},{default:a(()=>[l(" 关闭右侧 ")]),_:1},8,["onClick"]),e(s,{class:"mr-2",onClick:t(C)},{default:a(()=>[l(" 关闭其他 ")]),_:1},8,["onClick"]),e(s,{class:"mr-2",onClick:t(k)},{default:a(()=>[l(" 关闭当前 ")]),_:1},8,["onClick"]),e(s,{class:"mr-2",onClick:t(b)},{default:a(()=>[l(" 刷新当前 ")]),_:1},8,["onClick"])]),_:1}),e(t(r),{class:"mt-4",title:"标签页复用超出限制自动关闭(使用场景: 动态路由)"},{default:a(()=>[(m(),$(F,null,G(6,o=>e(s,{key:o,class:"mr-2",onClick:Q=>h(o)},{default:a(()=>[l(" 打开"+L(o)+"详情页 ",1)]),_:2},1032,["onClick"])),64))]),_:1})]),_:1})}}});export{z as default};
|
