PageSourceSearch

https://mpbos.one/assets/use-tab-28zN6RRc.js

js mpbos.one collected 2026-10-05 02:34:59 UTC 11,621 bytes, 1 lines download raw bytes

1import{$ as e,D as t,I as n,P as r,R as i,T as a,U as o,h as s,k as c,pt as l,rt as u,z as d}from"./vue.runtime.esm-bundler-Kb6jrtfZ.js";import{i as f,n as p,o as m}from"./render-BdM_vuzn.js";import{d as h}from"./event-CwVimp9I.js";import{_ as g,h as _,y as v}from"./QBtn---Zd3fvk.js";import{o as ee,t as y}from"./symbols-CARdKVE0.js";import{n as b}from"./is-2-5OU6Ic.js";import{t as x}from"./QIcon-DRDm2x8C.js";import{t as S}from"./use-timeout-4QgczxJd.js";import{t as C}from"./use-tick-DLk7SxJi.js";import{t as te}from"./uid-C-F5q5d8.js";import{t as w}from"./QResizeObserver-BAC31Wfd.js";import{t as T}from"./rtl-6rBP_K2C.js";function E(e,t,n){let r=n?[`left`,`right`]:[`top`,`bottom`];return`absolute-${t?r[0]:r[1]}${e?` text-${e}`:``}`}function D(e,t){for(let n in e)if(e[n]!==t[n])return!1;return!0}var O=[`left`,`center`,`right`,`justify`],k=m({name:`QTabs`,props:{modelValue:[Number,String],align:{type:String,default:`center`,validator:e=>O.includes(e)},breakpoint:{type:[String,Number],default:600},vertical:Boolean,shrink:Boolean,stretch:Boolean,activeClass:String,activeColor:String,activeBgColor:String,indicatorColor:String,leftIcon:String,rightIcon:String,outsideArrows:Boolean,mobileArrows:Boolean,switchIndicator:Boolean,narrowIndicator:Boolean,inlineLabel:Boolean,noCaps:Boolean,dense:Boolean,contentClass:String,"onUpdate:modelValue":[Function,Array]},setup(c,{slots:u,emit:d}){let{proxy:p}=a(),{$q:m}=p,{registerTick:h}=C(),{registerTick:g}=C(),{registerTick:_}=C(),{registerTimeout:v,removeTimeout:y}=S(),{registerTimeout:b,removeTimeout:te}=S(),O=l(null),k=l(null),A=l(c.modelValue),j=l(!1),M=l(!0),N=l(!1),P=l(!1),F=[],I=l(0),L=l(!1),R=null,z=null,B,ne=s(()=>({activeClass:c.activeClass,activeColor:c.activeColor,activeBgColor:c.activeBgColor,indicatorClass:E(c.indicatorColor,c.switchIndicator,c.vertical),narrowIndicator:c.narrowIndicator,inlineLabel:c.inlineLabel,noCaps:c.noCaps})),re=s(()=>{let e=I.value,t=A.value;for(let n=0;n<e;n++)if(F[n].name.value===t)return!0;return!1}),ie=s(()=>`q-tabs__content--align-${j.value?`left`:P.value?`justify`:c.align}`),ae=s(()=>`q-tabs row no-wrap items-center q-tabs--${j.value?``:`not-`}scrollable q-tabs--${c.vertical?`vertical`:`horizontal`} q-tabs__arrows--${c.outsideArrows?`outside`:`inside`} q-tabs--mobile-with${c.mobileArrows?``:`out`}-arrows`+(c.dense?` q-tabs--dense`:``)+(c.shrink?` col-shrink`:``)+(c.stretch?` self-stretch`:``)),oe=s(()=>`q-tabs__content scroll--mobile row no-wrap items-center self-stretch hide-scrollbar relative-position `+ie.value+(c.contentClass===void 0?``:` ${c.contentClass}`)),V=s(()=>c.vertical?{container:`height`,content:`offsetHeight`,scroll:`scrollHeight`}:{container:`width`,content:`offsetWidth`,scroll:`scrollWidth`}),H=s(()=>!c.vertical&&m.lang.rtl===!0),U=s(()=>!T&&H.value);e(H,J),e(()=>c.modelValue,e=>{W({name:e,setCurrent:!0,skipEmit:!0})}),e(()=>c.outsideArrows,G);function W({name:e,setCurrent:t,skipEmit:n}){A.value!==e&&(!n&&c[`onUpdate:modelValue`]!==void 0&&d(`update:modelValue`,e),(t||c[`onUpdate:modelValue`]===void 0)&&(se(A.value,e),A.value=e))}function G(){h(()=>{O.value&&K({width:O.value.offsetWidth,height:O.value.offsetHeight})})}function K(e){if(V.value===void 0||k.value===null)return;let t=e[V.value.container],n=Math.min(k.value[V.value.scroll],Array.prototype.reduce.call(k.value.children,(e,t)=>e+(t[V.value.content]||0),0)),r=t>0&&n>t;j.value=r,r&&g(J),P.value=t<Number.parseInt(c.breakpoint,10)}function se(e,t){let n=e!=null&&e!==``?F.find(t=>t.name.value===e):null,r=t!=null&&t!==``?F.find(e=>e.name.value===t):null;if($)$=!1;else if(n&&r){let e=n.tabIndicatorRef.value,t=r.tabIndicatorRef.value;R!==null&&(clearTimeout(R),R=null),e.style.transition=`none`,e.style.transform=`none`,t.style.transition=`none`,t.style.transform=`none`;let i=e.getBoundingClientRect(),a=t.getBoundingClientRect();t.style.transform=c.vertical?`translate3d(0,${i.top-a.top}px,0) scale3d(1,${a.height?i.height/a.height:1},1)`:`translate3d(${i.left-a.left}px,0,0) scale3d(${a.width?i.width/a.width:1},1,1)`,_(()=>{R=setTimeout(()=>{R=null,t.style.transition=`transform .25s cubic-bezier(.4, 0, .2, 1)`,t.style.transform=`none`},70)})}r&&j.value&&q(r.rootRef.value)}function q(e){let{left:t,width:n,top:r,height:i}=k.value.getBoundingClientRect(),a=e.getBoundingClientRect(),o=c.vertical?a.top-r:a.left-t;if(o<0){k.value[c.vertical?`scrollTop`:`scrollLeft`]+=Math.floor(o),J();return}o+=c.vertical?a.height-i:a.width-n,o>0&&(k.value[c.vertical?`scrollTop`:`scrollLeft`]+=Math.ceil(o),J())}function J(){let e=k.value;if(e===null)return;let t=e.getBoundingClientRect(),n=c.vertical?e.scrollTop:Math.abs(e.scrollLeft);
vendor: 5,540 bytes, line 1
1H.value?(M.value=Math.ceil(n+t.width)<e.scrollWidth-1,N.value=n>0):(M.value=n>0,N.value=c.vertical?Math.ceil(n+t.height)<e.scrollHeight:Math.ceil(n+t.width)<e.scrollWidth)}function Y(e){z!==null&&clearInterval(z),z=setInterval(()=>{de(e)&&Z()},5)}function X(){Y(U.value?2**53-1:0)}function ce(){Y(U.value?0:2**53-1)}function Z(){z!==null&&(clearInterval(z),z=null)}function le(e,t){let n=Array.prototype.filter.call(k.value.children,e=>e===t||e.matches?.(`.q-tab.q-focusable`)),r=n.length;if(r===0)return;if(e===36)return q(n[0]),n[0].focus(),!0;if(e===35)return q(n[r-1]),n[r-1].focus(),!0;let i=e===(c.vertical?38:37),a=e===(c.vertical?40:39),o=i?-1:a?1:void 0;if(o!==void 0){let e=H.value?-1:1,i=n.indexOf(t)+o*e;return i>=0&&i<r&&(q(n[i]),n[i].focus({preventScroll:!0})),!0}}let ue=s(()=>U.value?{get:e=>Math.abs(e.scrollLeft),set:(e,t)=>{e.scrollLeft=-t}}:c.vertical?{get:e=>e.scrollTop,set:(e,t)=>{e.scrollTop=t}}:{get:e=>e.scrollLeft,set:(e,t)=>{e.scrollLeft=t}});function de(e){let t=k.value,{get:n,set:r}=ue.value,i=!1,a=n(t),o=e<a?-1:1;return a+=o*5,a<0?(i=!0,a=0):(o===-1&&a<=e||o===1&&a>=e)&&(i=!0,a=e),r(t,a),J(),i}function fe(){let e=null,t={matchedLen:0,queryDiff:9999,hrefLen:0},n=F.filter(e=>e.routeData?.hasRouterLink.value===!0),{hash:r,query:i}=p.$route,a=Object.keys(i).length;for(let o of n){let n=o.routeData.exact.value===!0;if(!o.routeData[n?`linkIsExactActive`:`linkIsActive`].value)continue;let{hash:s,query:c,matched:l,href:u}=o.routeData.resolvedLink.value,d=Object.keys(c).length;if(n){if(s!==r||d!==a||!D(i,c))continue;e=o.name.value;break}if(s!==``&&s!==r||d!==0&&!D(c,i))continue;let f={matchedLen:l.length,queryDiff:a-d,hrefLen:u.length-s.length};if(f.matchedLen>t.matchedLen){e=o.name.value,t=f;continue}else if(f.matchedLen!==t.matchedLen)continue;if(f.queryDiff<t.queryDiff)e=o.name.value,t=f;else if(f.queryDiff!==t.queryDiff)continue;f.hrefLen>t.hrefLen&&(e=o.name.value,t=f)}if(e===null&&F.some(e=>e.routeData===void 0&&e.name.value===A.value)){$=!1;return}W({name:e,setCurrent:!0})}function pe(e){if(y(),!L.value&&O.value!==null&&e.target&&typeof e.target.closest==`function`){let t=e.target.closest(`.q-tab`);t&&O.value.contains(t)&&(L.value=!0,j.value&&q(t))}}function me(){v(()=>{L.value=!1},30)}function Q(){ve.avoidRouteWatcher===!1?b(fe):te()}function he(){if(B===void 0){let t=e(()=>p.$route.fullPath,Q);B=()=>{t(),B=void 0}}}function ge(e){F.push(e),I.value++,G(),e.routeData===void 0||p.$route===void 0?b(()=>{if(j.value){let e=A.value,t=e!=null&&e!==``?F.find(t=>t.name.value===e):null;t&&q(t.rootRef.value)}}):(he(),e.routeData.hasRouterLink.value&&Q())}function _e(e){F.splice(F.indexOf(e),1),I.value--,G(),B!==void 0&&e.routeData!==void 0&&(F.every(e=>e.routeData===void 0)&&B(),Q())}let ve={currentModel:A,tabProps:ne,hasFocus:L,hasActiveTab:re,registerTab:ge,unregisterTab:_e,verifyRouteModel:Q,updateModel:W,onKbdNavigate:le,avoidRouteWatcher:!1};o(ee,ve);function ye(){R!==null&&clearTimeout(R),Z(),B?.()}let be=!1,$=!1;return n(ye),i(()=>{be=B!==void 0,ye()}),r(()=>{be&&(he(),$=!0,Q()),G()}),()=>t(`div`,{ref:O,class:ae.value,role:`tablist`,onFocusin:pe,onFocusout:me},[t(w,{onResize:K}),t(`div`,{ref:k,class:oe.value,onScroll:J},f(u.default)),t(x,{class:`q-tabs__arrow q-tabs__arrow--left absolute q-tab__icon`+(M.value?``:` q-tabs__arrow--faded`),name:c.leftIcon||m.iconSet.tabs[c.vertical?`up`:`left`],onMousedownPassive:X,onTouchstartPassive:X,onMouseupPassive:Z,onMouseleavePassive:Z,onTouchendPassive:Z}),t(x,{class:`q-tabs__arrow q-tabs__arrow--right absolute q-tab__icon`+(N.value?``:` q-tabs__arrow--faded`),name:c.rightIcon||m.iconSet.tabs[c.vertical?`down`:`right`],onMousedownPassive:ce,onTouchstartPassive:ce,onMouseupPassive:Z,onMouseleavePassive:Z,onTouchendPassive:Z})])}}),A=0,j=[`click`,`keydown`],M={icon:String,label:[Number,String],alert:[Boolean,String],alertIcon:String,name:{type:[Number,String],default:()=>`t_${A++}`},noCaps:Boolean,tabindex:[String,Number],disable:Boolean,contentClass:String,ripple:{type:[Boolean,Object],default:!0}};function N(e,r,i,o){let f=c(ee,y);if(f===y)return console.error(`QTab/QRouteTab component needs to be child of QTabs`),y;let{proxy:m}=a(),S=l(null),C=l(null),w=l(null),T=s(()=>e.disable||e.ripple===!1?!1:{keyCodes:[13,32],early:!0,...e.ripple===!0?{}:e.ripple}),E=s(()=>f.currentModel.value===e.name),D=s(()=>`q-tab relative-position self-stretch flex flex-center text-center`+(E.value?` q-tab--active`+(f.tabProps.value.activeClass?` `+f.tabProps.value.activeClass:``)+(f.tabProps.value.activeColor?` text-${f.tabProps.value.activeColor}`:``)+(f.tabProps.value.activeBgColor?` bg-${f.tabProps.value.activeBgColor}`:``):` q-tab--inactive`)+(e.icon&&e.label&&!f.tabProps.value.inlineLabel?` q-tab--full`:``)+(e.noCaps||f.tabProps.value.noCaps?` q-tab--no-caps`:``)+(e.disable?` disabled`:` q-focusable q-hoverable cursor-pointer`)+(o===void 0?``:o.linkClass.value)),O=s(()=>`q-tab__content self-stretch flex-center relative-position q-anchor--skip non-selectable `+(f.tabProps.value.inlineLabel?`row no-wrap q-tab__content--inline`:`column`)+(e.contentClass===void 0?``:` ${e.contentClass}`)),k=s(()=>e.disable||f.hasFocus.value||!E.value&&f.hasActiveTab.value?-1:e.tabindex||0);function A(t,n){if(!n&&!t?.qAvoidFocus&&S.value?.focus(),e.disable){o?.hasRouterLink.value===!0&&h(t);return}if(o===void 0){f.updateModel({name:e.name}),i(`click`,t);return}if(o.hasRouterLink.value){let n=(n={})=>{let r,i=n.to===void 0||b(n.to,e.to)?f.avoidRouteWatcher=te():null;return o.navigateToRouterLink(t,{...n,returnRouterError:!0}
1).catch(e=>{r=e}).then(t=>{if(i===f.avoidRouteWatcher&&(f.avoidRouteWatcher=!1,r===void 0&&(t===void 0||t.message?.startsWith(`Avoided redundant navigation`)===!0)&&f.updateModel({name:e.name})),n.returnRouterError)return r===void 0?t:Promise.reject(r)})};i(`click`,t,n),t.defaultPrevented||n();return}i(`click`,t)}function j(e){g(e,[13,32])?A(e,!0):!v(e)&&e.keyCode>=35&&e.keyCode<=40&&!e.altKey&&!e.metaKey&&f.onKbdNavigate(e.keyCode,m.$el)&&h(e),i(`keydown`,e)}function M(){let n=f.tabProps.value.narrowIndicator,i=[],a=t(`div`,{ref:w,class:[`q-tab__indicator`,f.tabProps.value.indicatorClass]});e.icon!==void 0&&i.push(t(x,{class:`q-tab__icon`,name:e.icon})),e.label!==void 0&&i.push(t(`div`,{class:`q-tab__label`},e.label)),e.alert&&i.push(e.alertIcon===void 0?t(`div`,{class:`q-tab__alert`+(e.alert===!0?``:` text-${e.alert}`)}):t(x,{class:`q-tab__alert-icon`,color:e.alert===!0?void 0:e.alert,name:e.alertIcon})),n&&i.push(a);let o=[t(`div`,{class:`q-focus-helper`,tabindex:-1,ref:S}),t(`div`,{class:O.value},p(r.default,i))];return n||o.push(a),o}let N={name:s(()=>e.name),rootRef:C,tabIndicatorRef:w,routeData:o};n(()=>{f.unregisterTab(N)}),d(()=>{f.registerTab(N)});function P(n,r){return u(t(n,{ref:C,class:D.value,tabindex:k.value,role:`tab`,"aria-selected":E.value?`true`:`false`,"aria-disabled":e.disable?`true`:void 0,onClick:A,onKeydown:j,...r},M()),[[_,T.value]])}return{renderTab:P,$tabs:f}}export{k as i,j as n,M as r,N as t};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.