| 1 |
- import{d as c,f as g,ag as n,aB as b,ar as E,aD as o,k as e,at as A,G as a,aq as T,F as v,aC as P,au as $}from"./vue-vendor-Be68asQ6.js";import{C as y}from"./index-BZ_MXCtW.js";import{bu as w,bt as L,u as N,a as V}from"./index-BFfnEkVs.js";import{P as W}from"./index-X83NmVMq.js";import{A as B,j as k}from"./antd-vue-vendor-DcqS7Wvq.js";import"./index-BIPzXG41.js";import"./index-CXEQnmRq.js";import"./useTimeout-Ca5eqGu-.js";import"./vxe-table-vendor-DHF2TRpV.js";import"./useIntersectionObserver-Bl62RIZ4.js";import"./useContentHeight-DnE6GxS2.js";import"./useWindowSizeFn-BTSGGcie.js";import"./useContentViewHeight-BVCc9jQl.js";import"./usePageContext-WlOC5VNa.js";import"./injectionKey-DPVn4AgL.js";const G=c({name:"TabsDemo",components:{CollapseContainer:y,PageWrapper:W,[k.name]:k,[B.name]:B},setup(){const t=w(),u=g(""),{closeAll:C,closeLeft:f,closeRight:F,closeOther:d,closeCurrent:i,refreshPage:s,setTitle:m}=L(),{createMessage:r}=N();function p(){u.value?m(u.value):r.error("请输入要设置的Tab标题！")}function l(D){t(`/comp/basic/tabs/detail/${D}`)}return{closeAll:C,closeLeft:f,closeRight:F,closeOther:d,closeCurrent:i,toDetail:l,refreshPage:s,setTabTitle:p,title:u}}}),M={class:"mt-2 flex flex-grow-0"};function O(t,u,C,f,F,d){const i=n("a-alert"),s=n("a-button"),m=n("a-input"),r=n("CollapseContainer"),p=n("PageWrapper");return E(),b(p,{title:"标签页操作示例"},{default:o(()=>[e(r,{title:"在下面输入框输入文本,切换后回来内容会保存"},{default:o(()=>[e(i,{banner:"",message:"该操作不会影响页面标题，仅修改Tab标题"}),A("div",M,[e(s,{class:"mr-2",onClick:t.setTabTitle,type:"primary"},{default:o(()=>u[5]||(u[5]=[a(" 设置Tab标题 ")])),_:1},8,["onClick"]),e(m,{placeholder:"请输入",value:t.title,"onUpdate:value":u[0]||(u[0]=l=>t.title=l),class:"mr-4 w-12"},null,8,["value"])])]),_:1}),e(r,{class:"mt-4",title:"标签页操作"},{default:o(()=>[e(s,{class:"mr-2",onClick:u[1]||(u[1]=()=>t.closeAll())},{default:o(()=>u[6]||(u[6]=[a(" 关闭所有 ")])),_:1}),e(s,{class:"mr-2",onClick:u[2]||(u[2]=()=>t.closeLeft())},{default:o(()=>u[7]||(u[7]=[a(" 关闭左侧 ")])),_:1}),e(s,{class:"mr-2",onClick:u[3]||(u[3]=()=>t.closeRight())},{default:o(()=>u[8]||(u[8]=[a(" 关闭右侧 ")])),_:1}),e(s,{class:"mr-2",onClick:u[4]||(u[4]=()=>t.closeOther())},{default:o(()=>u[9]||(u[9]=[a(" 关闭其他 ")])),_:1}),e(s,{class:"mr-2",onClick:t.closeCurrent},{default:o(()=>u[10]||(u[10]=[a(" 关闭当前 ")])),_:1},8,["onClick"]),e(s,{class:"mr-2",onClick:t.refreshPage},{default:o(()=>u[11]||(u[11]=[a(" 刷新当前 ")])),_:1},8,["onClick"])]),_:1}),e(r,{class:"mt-4",title:"标签页复用超出限制自动关闭(使用场景: 动态路由)"},{default:o(()=>[(E(),T(v,null,P(6,l=>e(s,{key:l,class:"mr-2",onClick:D=>t.toDetail(l)},{default:o(()=>[a(" 打开"+$(l)+"详情页 ",1)]),_:2},1032,["onClick"])),64))]),_:1})]),_:1})}const x=V(G,[["render",O]]);export{x as default};
|
