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