index-DiEc2SZw.js 2.2 KB

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