2 lines
8.4 KiB
JavaScript
2 lines
8.4 KiB
JavaScript
|
import{b3 as e,cU as a,O as t,W as l,X as s,Y as o,d as n,aO as r,a7 as i,bs as u,a4 as d,r as c,R as v,ay as b,a$ as p,o as f,c as m,n as h,a as y,aE as g,a6 as $,cV as C,cW as x,a5 as P,K as w,c9 as T,e as k,aa as B,bh as N,a9 as R,bb as S,aH as E,a3 as A,A as F,cj as K,Z as L,aL as _,a1 as j,a0 as V,be as O,cX as W,s as X,cY as Y,G as q,ad as z,j as H,ae as M,af as G}from"./index-vMt5tOuI.js";import{c as I}from"./useInput-CPyPMgc8.js";const U=(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))}}},Z=Symbol("tabsRootContextKey"),D=l({tabs:{type:s(Array),default:()=>o([])}}),J="ElTabBar",Q=n({name:J});var ee=$(n({...Q,props:D,setup(e,{expose:a}){const t=e,l=r(),s=i(Z);s||u(J,"<el-tabs><el-tab-bar /></el-tabs>");const o=d("tabs"),n=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${I(r)}`],a=u[`client${I(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${I(n)}(${e}px)`}})();return v((()=>t.tabs),(async()=>{await b(),C()}),{immediate:!0}),p(n,(()=>C())),a({ref:n,update:C}),(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($.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(Z);s||u(te,"<el-tabs><tab-nav /></el-tabs>");const o=d("tabs"),n=C(),f=x(),m=c(),h=c(),y=c(),g=c(),$=c(!1),A=c(0),F=c(!1),K=c(!0),L=P((()=>["top","bottom"].includes(s.props.tabPosition)?"width":"height")),_=P((()=>({transform:`translate${"width"===L.value?"X":"Y"}(-${A.value}px)`}))),j=()=>{if(!m.value)return;const e=m.value[`offset${I(L.value)}`],a=A.value;if(!a)return;const t=a>e?a-e:0;A.value=t},V=()=>{if(!m.value||!h.value)return;const e=h.value[`offset${I(L.value)}`],a=m.value[`offset${I(L.value)}`],t=A.value;if(e-t<=a)return;const l=e-t>2*a?t+a:e-a;A.value=l},O=async()=>{const e=h.value;if(!($.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=A.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),A.value=Math.min(u,r)},W=()=>{var a;if(!h.value||!m.value)return;e.stretch&&(null==(a=g.value)||a.update());const t=h.value[`offset${I(L.value)}`],l=m.value[`offset${I(L.value)}`],s=A.value;l<t?($.value=$.value||{},$.value.prev=s,$.value.next=s+l<t,t-s<l&&(A.value=t-l)):($.value=!1,s>0&&(A.value=0))},X=e=>{const a=e.code,{up:t,down:l,left:s,right:o}=E;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(),Y()},Y=()=>{K.value&&(F.value=!0)},q=()=>F.value=!1;return v(n,(e=>{"hidden"===e?K.value=!1:"visible"===e&&setTimeout((()=>K.value=!0),50)})),v(f,(e=>{e?setTimeout((()=>K.value=!0),50):K.value=!1})),p
|