2 lines
11 KiB
JavaScript
2 lines
11 KiB
JavaScript
var e=Object.defineProperty,a=Object.defineProperties,t=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,o=(a,t,l)=>t in a?e(a,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):a[t]=l,r=(e,a)=>{for(var t in a||(a={}))n.call(a,t)&&o(e,t,a[t]);if(l)for(var t of l(a))s.call(a,t)&&o(e,t,a[t]);return e},u=(e,l)=>a(e,t(l)),i=(e,a,t)=>new Promise((l,n)=>{var s=e=>{try{r(t.next(e))}catch(a){n(a)}},o=e=>{try{r(t.throw(e))}catch(a){n(a)}},r=e=>e.done?l(e.value):Promise.resolve(e.value).then(s,o);r((t=t.apply(e,a)).next())});import{bg as c,bh as v,bi as d,bj as b,bk as p,bl as f,a8 as m,av as h,at as g,a0 as y,d as P,a9 as x,aa as w,a1 as C,r as R,A as $,ap as E,l as k,b as N,e as j,m as T,q as S,p as B,ad as A,n as O,bm as F,bn as _,aM as L,c as V,bo as z,o as K,bp as M,bq as W,g as q,ai as I,aR as D,ac as X,Z as Y,_ as H,be as U,ah as Z,bd as G,s as J,b5 as Q,br as ee,af as ae,ae as te,bs as le,bt as ne,k as se,bu as oe,N as re,i as ue,aj as ie,aA as ce,az as ve}from"./index-BoIUJTA2.js";import{i as de,c as be,r as pe}from"./raf-DsHSIRfX.js";import{c as fe}from"./index-D2gD5Tn5.js";import{c as me}from"./clamp-BXzPLned.js";import{u as he}from"./index-C0Ar9TSn.js";import{g as ge,b as ye}from"./_baseClone-Ct7RL6h5.js";import{c as Pe}from"./_initCloneObject-DRmC-q3t.js";function xe(e,a){return a.length<2?e:c(e,function(e,a,t){var l=-1,n=e.length;a<0&&(a=-a>n?0:n+a),(t=t>n?n:t)<0&&(t+=n),n=a>t?0:t-a>>>0,a>>>=0;for(var s=Array(n);++l<n;)s[l]=e[l+a];return s}(a,0,-1))}function we(e,a){return null==(e=xe(e,a=v(a,e)))||delete e[d((t=a,l=null==t?0:t.length,l?t[l-1]:void 0))];var t,l}function Ce(e){return de(e)?void 0:e}var Re=b(function(e,a){var t={};if(null==e)return t;var l=!1;a=p(a,function(a){return a=v(a,e),l||(l=a.length>1),a}),Pe(e,ge(e),t),l&&(t=ye(t,7,Ce));for(var n=a.length;n--;)we(t,a[n]);return t});const $e="horizontal",Ee="vertical",ke={[$e]:"deltaX",[Ee]:"deltaY"},Ne=Symbol("tabsRootContextKey"),je=m({tabs:{type:g(Array),default:()=>h([])},tabRefs:{type:g(Object),default:()=>h({})}}),Te="ElTabBar",Se=P({name:Te});var Be=y(P(u(r({},Se),{props:je,setup(e,{expose:a}){const t=e,l=x(Ne);l||w(Te,"<el-tabs><el-tab-bar /></el-tabs>");const n=C("tabs"),s=R(),o=R(),r=()=>o.value=(()=>{let e=0,a=0;const n=["top","bottom"].includes(l.props.tabPosition)?"width":"height",s="width"===n?"x":"y",o="x"===s?"left":"top";return t.tabs.every(l=>{if(A(l.paneName))return!1;const s=t.tabRefs[l.paneName];if(!s)return!1;if(!l.active)return!0;e=s[`offset${fe(o)}`],a=s[`client${fe(n)}`];const r=window.getComputedStyle(s);return"width"===n&&(a-=Number.parseFloat(r.paddingLeft)+Number.parseFloat(r.paddingRight),e+=Number.parseFloat(r.paddingLeft)),!1}),{[n]:`${a}px`,transform:`translate${fe(s)}(${e}px)`}})(),u=[];$(()=>t.tabs,()=>i(this,null,function*(){yield O(),r(),u.forEach(e=>e.stop()),u.length=0,Object.values(t.tabRefs).forEach(e=>{u.push(E(e,r))})}),{immediate:!0});const c=E(s,()=>r());return k(()=>{u.forEach(e=>e.stop()),u.length=0,c.stop()}),a({ref:s,update:r}),(e,a)=>(j(),N("div",{ref_key:"barRef",ref:s,class:S([B(n).e("active-bar"),B(n).is(B(l).props.tabPosition)]),style:T(o.value)},null,6))}})),[["__file","tab-bar.vue"]]);const Ae=m({panes:{type:g(Array),default:()=>h([])},currentName:{type:[String,Number],default:""},editable:Boolean,type:{type:String,values:["card","border-card",""],default:""},stretch:Boolean}),Oe="ElTabNav",Fe=P({name:Oe,props:Ae,emits:{tabClick:(e,a,t)=>t instanceof Event,tabRemove:(e,a)=>a instanceof Event},setup(e,{expose:a,emit:t}){const l=x(Ne);l||w(Oe,"<el-tabs><tab-nav /></el-tabs>");const n=C("tabs"),s=F(),o=_(),r=R(),u=R(),c=R(),v=R({}),d=R(),b=R(!1),p=R(0),m=R(!1),h=R(!0),g=L(),y=V(()=>["top","bottom"].includes(l.props.tabPosition)),P=V(()=>y.value?"width":"height"),k=V(()=>({transform:`translate${"width"===P.value?"X":"Y"}(-${p.value}px)`})),{width:N,height:j}=z(r),{width:T,height:S}=z(u,{width:0,height:0},{box:"border-box"}),B=V(()=>y.value?N.value:j.value),A=V(()=>y.value?T.value:S.value),{onWheel:Z}=(({atEndEdge:e,atStartEdge:a,layout:t},l)=>{let n,s=0;const o=t=>t<0&&a.value||t>0&&e.value;return{hasReachedEdge:o,onWheel:e=>{be(n);const a=e[ke[t.value]];o(s)&&o(s+a)||(s+=a,f()||e.preventDefault(),n=pe(()=>{l(s),s=0}))}}})({atStartEdge:V(()=>p.value<=0),atEndEdge:V(()=>A.value-p.value<=B.value),layout:V(()=>y.value?"horizontal":"vertical")},e=>{p.value=me(p.value+e,0,A.value-B.value)}),G=()=>{if(!r.value)return;const e=r.value[`offset${fe(P.value)}`],a=p.value;if(!a)return;const t=a>e?a-e:0;p.value=t},J=()=>{if(!r.value||!u.value)return;const e=u.value[`offset${fe(P.value)}`],a=r.value[`offset${fe(P.value)}`],t=p.value;if(e-t<=a)return;const l=e-t>2*a?t+a:e-a;p.value=l},Q=()=>i(this,null,function*(){const a=u.value;if(!(b.value&&c.value&&r.value&&a))return;yield O();const t=v.value[e.currentName];if(!t)return;const l=r.value,n=t.getBoundingClientRect(),s=l.getBoundingClientRect(),o=y.value?a.offsetWidth-s.width:a.offsetHeight-s.height,i=p.value;let d=i;y.value?(n.left<s.left&&(d=i-(s.left-n.left)),n.right>s.right&&(d=i+n.right-s.right)):(n.top<s.top&&(d=i-(s.top-n.top)),n.bottom>s.bottom&&(d=i+(n.bottom-s.bottom))),d=Math.max(d,0),p.value=Math.min(d,o)}),ee=()=>{var a;if(!u.value||!r.value)return;e.stretch&&(null==(a=d.value)||a.update());const t=u.value[`offset${fe(P.value)}`],l=r.value[`offset${fe(P.value)}`],n=p.value;l<t?(b.value=b.value||{},b.value.prev=n,b.value.next=n+l<t,t-n<l&&(p.value=t-l)):(b.value=!1,n>0&&(p.value=0))},ae=e=>{let a=0;switch(Y(e)){case H.left:case H.up:a=-1;break;case H.right:case H.down:a=1;break;default:return}const t=Array.from(e.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)"));let l=t.indexOf(e.target)+a;l<0?l=t.length-1:l>=t.length&&(l=0),t[l].focus({preventScroll:!0}),t[l].click(),te()},te=()=>{h.value&&(m.value=!0)},le=()=>m.value=!1;return $(s,e=>{"hidden"===e?h.value=!1:"visible"===e&&setTimeout(()=>h.value=!0,50)}),$(o,e=>{e?setTimeout(()=>h.value=!0,50):h.value=!1}),E(c,ee),K(()=>setTimeout(()=>Q(),0)),M(()=>ee()),a({scrollToActiveTab:Q,removeFocus:le,focusActiveTab:()=>i(this,null,function*(){yield O();const a=v.value[e.currentName];null==a||a.focus({preventScroll:!0})}),tabListRef:u,tabBarRef:d,scheduleRender:()=>W(g)}),()=>{const a=b.value?[q("span",{class:[n.e("nav-prev"),n.is("disabled",!b.value.prev)],onClick:G},[q(I,null,{default:()=>[q(D,null,null)]})]),q("span",{class:[n.e("nav-next"),n.is("disabled",!b.value.next)],onClick:J},[q(I,null,{default:()=>[q(X,null,null)]})])]:null,s=e.panes.map((a,s)=>{var o,r,u,i;const c=a.uid,d=a.props.disabled,b=null!=(r=null!=(o=a.props.name)?o:a.index)?r:`${s}`,p=!d&&(a.isClosable||!1!==a.props.closable&&e.editable);a.index=`${s}`;const f=p?q(I,{class:"is-icon-close",onClick:e=>t("tabRemove",a,e)},{default:()=>[q(U,null,null)]}):null,h=(null==(i=(u=a.slots).label)?void 0:i.call(u))||a.props.label,g=!d&&a.active?0:-1;return q("div",{ref:e=>((e,a)=>{v.value[a]=e})(e,b),class:[n.e("item"),n.is(l.props.tabPosition),n.is("active",a.active),n.is("disabled",d),n.is("closable",p),n.is("focus",m.value)],id:`tab-${b}`,key:`tab-${c}`,"aria-controls":`pane-${b}`,role:"tab","aria-selected":a.active,tabindex:g,onFocus:()=>te(),onBlur:()=>le(),onClick:e=>{le(),t("tabClick",a,b,e)},onKeydown:e=>{const l=Y(e);!p||l!==H.delete&&l!==H.backspace||t("tabRemove",a,e)}},[h,f])});return g.value,q("div",{ref:c,class:[n.e("nav-wrap"),n.is("scrollable",!!b.value),n.is(l.props.tabPosition)]},[a,q("div",{class:n.e("nav-scroll"),ref:r},[e.panes.length>0?q("div",{class:[n.e("nav"),n.is(l.props.tabPosition),n.is("stretch",e.stretch&&["top","bottom"].includes(l.props.tabPosition))],ref:u,style:k.value,role:"tablist",onKeydown:ae,onWheel:Z},[e.type?null:q(Be,{ref:d,tabs:[...e.panes],tabRefs:v.value},null),s]):null])])}}}),_e=m({type:{type:String,values:["card","border-card",""],default:""},closable:Boolean,addable:Boolean,modelValue:{type:[String,Number]},editable:Boolean,tabPosition:{type:String,values:["top","right","bottom","left"],default:"top"},beforeLeave:{type:g(Function),default:()=>!0},stretch:Boolean}),Le=e=>Z(e)||G(e);var Ve=P({name:"ElTabs",props:_e,emits:{[ee]:e=>Le(e),tabClick:(e,a)=>a instanceof Event,tabChange:e=>Le(e),edit:(e,a)=>["remove","add"].includes(a),tabRemove:e=>Le(e),tabAdd:()=>!0},setup(e,{emit:a,slots:t,expose:l}){var n;const s=C("tabs"),o=V(()=>["left","right"].includes(e.tabPosition)),{children:r,addChild:u,removeChild:c,ChildrenSorter:v}=he(ae(),"ElTabPane"),d=R(),b=R(null!=(n=e.modelValue)?n:"0"),p=(t,l=!1)=>i(this,null,function*(){var n,s,o,u;if(b.value!==t&&!A(t))try{let i;if(e.beforeLeave){const a=e.beforeLeave(t,b.value);i=a instanceof Promise?yield a:a}else i=!0;if(!1!==i){const e=null==(n=r.value.find(e=>e.paneName===b.value))?void 0:n.isFocusInsidePane();b.value=t,l&&(a(ee,t),a("tabChange",t)),null==(o=null==(s=d.value)?void 0:s.removeFocus)||o.call(s),e&&(null==(u=d.value)||u.focusActiveTab())}}catch(i){}}),f=(e,t,l)=>{e.props.disabled||(a("tabClick",e,l),p(t,!0))},m=(e,t)=>{e.props.disabled||A(e.props.name)||(t.stopPropagation(),a("edit",e.props.name,"remove"),a("tabRemove",e.props.name))},h=()=>{a("edit",void 0,"add"),a("tabAdd")},g=e=>{const a=Y(e);[H.enter,H.numpadEnter].includes(a)&&h()},y=a=>{const t=a.el.firstChild,l=["bottom","right"].includes(e.tabPosition)?a.children[0].el:a.children[1].el;t!==l&&t.before(l)};return $(()=>e.modelValue,e=>p(e)),$(b,()=>i(this,null,function*(){var e;yield O(),null==(e=d.value)||e.scrollToActiveTab()})),te(Ne,{props:e,currentName:b,registerPane:u,unregisterPane:c,nav$:d}),l({currentName:b,get tabNavRef(){return Re(d.value,["scheduleRender"])}}),()=>{const a=t["add-icon"],l=e.editable||e.addable?q("div",{class:[s.e("new-tab"),o.value&&s.e("new-tab-vertical")],tabindex:"0",onClick:h,onKeydown:g},[a?J(t,"add-icon"):q(I,{class:s.is("icon-plus")},{default:()=>[q(Q,null,null)]})]):null,n=q("div",{class:[s.e("header"),o.value&&s.e("header-vertical"),s.is(e.tabPosition)]},[q(v,null,{default:()=>q(Fe,{ref:d,currentName:b.value,editable:e.editable,type:e.type,panes:r.value,stretch:e.stretch,onTabClick:f,onTabRemove:m},null),$stable:!0}),l]),u=q("div",{class:s.e("content")},[J(t,"default")]);return q("div",{class:[s.b(),s.m(e.tabPosition),{[s.m("card")]:"card"===e.type,[s.m("border-card")]:"border-card"===e.type}],onVnodeMounted:y,onVnodeUpdated:y},[u,n])}}});const ze=m({label:{type:String,default:""},name:{type:[String,Number]},closable:{type:Boolean,default:void 0},disabled:Boolean,lazy:Boolean}),Ke="ElTabPane",Me=P({name:Ke});var We=y(P(u(r({},Me),{props:ze,setup(e){const a=e,t=ae(),l=le(),n=x(Ne);n||w(Ke,"usage: <el-tabs><el-tab-pane /></el-tabs/>");const s=C("tab-pane"),o=R(),r=R(),u=V(()=>{var e;return null!=(e=a.closable)?e:n.props.closable}),i=ne(()=>{var e;return n.currentName.value===(null!=(e=a.name)?e:r.value)}),c=R(i.value),v=V(()=>{var e;return null!=(e=a.name)?e:r.value}),d=ne(()=>!a.lazy||c.value||i.value);$(i,e=>{e&&(c.value=!0)});const b=se({uid:t.uid,getVnode:()=>t.vnode,slots:l,props:a,paneName:v,active:i,index:r,isClosable:u,isFocusInsidePane:()=>{var e;return null==(e=o.value)?void 0:e.contains(document.activeElement)}});return n.registerPane(b),k(()=>{n.unregisterPane(b)}),oe(()=>{var e;l.label&&(null==(e=n.nav$.value)||e.scheduleRender())}),(e,a)=>B(d)?re((j(),N("div",{key:0,id:`pane-${B(v)}`,ref_key:"paneRef",ref:o,class:S(B(s).b()),role:"tabpanel","aria-hidden":!B(i),"aria-labelledby":`tab-${B(v)}`},[J(e.$slots,"default")],10,["id","aria-hidden","aria-labelledby"])),[[ie,B(i)]]):ue("v-if",!0)}})),[["__file","tab-pane.vue"]]);const qe=ve(Ve,{TabPane:We}),Ie=ce(We);export{Ie as E,qe as a};
|