2024-06-17 14:41:04 +00:00
|
|
|
import{bc as e,cZ as a,a0 as t,s as l,a7 as s,a8 as o,d as n,aZ as r,af as i,aG as u,A as d,r as c,a3 as v,aO as b,b8 as p,o as f,c as m,n as h,a as y,F as g,L as C,c_ as $,c$ as x,B as P,Y as w,bC as T,e as k,D as B,bo as N,ah as S,bi as R,aT as A,ae as E,J as F,cA as _,a9 as L,aX as K,ac as j,ab as M,bl as V,d0 as q,N as z,d1 as O,W,ak as X,j as Y,M as Z,al as D}from"./index-rxu9Faad.js";import{a as G}from"./useInput-D-eMIzLG.js";const H=(l,s)=>{const o={},n=e([]);return{children:n,addChild:e=>{o[e.uid]=e,n.value=((e,l,s)=>a(e.subTree).filter((e=>{var a;return t(e)&&(null==(a=e.type)?void 0:a.name)===l&&!!e.component})).map((e=>e.component.uid)).map((e=>s[e])).filter((e=>!!e)))(l,s,o)},removeChild:e=>{delete o[e],n.value=n.value.filter((a=>a.uid!==e))}}},I=Symbol("tabsRootContextKey"),J=l({tabs:{type:s(Array),default:()=>o([])}}),Q="ElTabBar",U=n({name:Q});var ee=C(n({...U,props:J,setup(e,{expose:a}){const t=e,l=r(),s=i(I);s||u(Q,"<el-tabs><el-tab-bar /></el-tabs>");const o=d("tabs"),n=c(),C=c(),$=()=>C.value=(()=>{let e=0,a=0;const o=["top","bottom"].includes(s.props.tabPosition)?"width":"height",n="width"===o?"x":"y",r="x"===n?"left":"top";return t.tabs.every((s=>{var n,i;const u=null==(i=null==(n=l.parent)?void 0:n.refs)?void 0:i[`tab-${s.uid}`];if(!u)return!1;if(!s.active)return!0;e=u[`offset${G(r)}`],a=u[`client${G(o)}`];const d=window.getComputedStyle(u);return"width"===o&&(t.tabs.length>1&&(a-=Number.parseFloat(d.paddingLeft)+Number.parseFloat(d.paddingRight)),e+=Number.parseFloat(d.paddingLeft)),!1})),{[o]:`${a}px`,transform:`translate${G(n)}(${e}px)`}})();return v((()=>t.tabs),(async()=>{await b(),$()}),{immediate:!0}),p(n,(()=>$())),a({ref:n,update:$}),(e,a)=>(f(),m("div",{ref_key:"barRef",ref:n,class:h([y(o).e("active-bar"),y(o).is(y(s).props.tabPosition)]),style:g(C.value)},null,6))}}),[["__file","tab-bar.vue"]]);const ae=l({panes:{type:s(Array),default:()=>o([])},currentName:{type:[String,Number],default:""},editable:Boolean,type:{type:String,values:["card","border-card",""],default:""},stretch:Boolean}),te="ElTabNav",le=n({name:te,props:ae,emits:{tabClick:(e,a,t)=>t instanceof Event,tabRemove:(e,a)=>a instanceof Event},setup(e,{expose:a,emit:t}){const l=r(),s=i(I);s||u(te,"<el-tabs><tab-nav /></el-tabs>");const o=d("tabs"),n=$(),f=x(),m=c(),h=c(),y=c(),g=c(),C=c(!1),E=c(0),F=c(!1),_=c(!0),L=P((()=>["top","bottom"].includes(s.props.tabPosition)?"width":"height")),K=P((()=>({transform:`translate${"width"===L.value?"X":"Y"}(-${E.value}px)`}))),j=()=>{if(!m.value)return;const e=m.value[`offset${G(L.value)}`],a=E.value;if(!a)return;const t=a>e?a-e:0;E.value=t},M=()=>{if(!m.value||!h.value)return;const e=h.value[`offset${G(L.value)}`],a=m.value[`offset${G(L.value)}`],t=E.value;if(e-t<=a)return;const l=e-t>2*a?t+a:e-a;E.value=l},V=async()=>{const e=h.value;if(!(C.value&&y.value&&m.value&&e))return;await b();const a=y.value.querySelector(".is-active");if(!a)return;const t=m.value,l=["top","bottom"].includes(s.props.tabPosition),o=a.getBoundingClientRect(),n=t.getBoundingClientRect(),r=l?e.offsetWidth-n.width:e.offsetHeight-n.height,i=E.value;let u=i;l?(o.left<n.left&&(u=i-(n.left-o.left)),o.right>n.right&&(u=i+o.right-n.right)):(o.top<n.top&&(u=i-(n.top-o.top)),o.bottom>n.bottom&&(u=i+(o.bottom-n.bottom))),u=Math.max(u,0),E.value=Math.min(u,r)},q=()=>{var a;if(!h.value||!m.value)return;e.stretch&&(null==(a=g.value)||a.update());const t=h.value[`offset${G(L.value)}`],l=m.value[`offset${G(L.value)}`],s=E.value;l<t?(C.value=C.value||{},C.value.prev=s,C.value.next=s+l<t,t-s<l&&(E.value=t-l)):(C.value=!1,s>0&&(E.value=0))},z=e=>{const a=e.code,{up:t,down:l,left:s,right:o}=A;if(![t,l,s,o].includes(a))return;const n=Array.from(e.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")),r=n.indexOf(e.target);let i;i=a===s||a===t?0===r?n.length-1:r-1:r<n.length-1?r+1:0,n[i].focus({preventScroll:!0}),n[i].click(),O()},O=()=>{_.value&&(F.value=!0)},W=()=>F.value=!1;return v(n,(e=>{"hidden"===e?_.value=!1:"visible"===e&&setTimeout((()=>_.value=!0),50)})),v(f,(e=>{e?setTimeout((()=>_.value=!0),50):_.value=!1})),p(y,q),
|
