1 line
3.4 KiB
JavaScript
1 line
3.4 KiB
JavaScript
import{N as ee,Z as te,P as ae,_ as oe,Q as ne,a as O,c as f,aI as ie,aJ as le,S as se,a0 as re,aK as ue,w as C,a1 as k,aL as E,aM as x,aN as ce,U as H,G as de,a3 as fe,a5 as ve}from"./index-3a2b6cd5.js";import{u as he,v as A,a as me,p as M,b as ge,c as ye,r as q,s as Te,d as pe}from"./position-engine-4e9b318c.js";import{c as D}from"./selection-8094913b.js";const we=ee({name:"QTooltip",inheritAttrs:!1,props:{...he,...te,...ae,maxHeight:{type:String,default:null},maxWidth:{type:String,default:null},transitionShow:{default:"jump-down"},transitionHide:{default:"jump-up"},anchor:{type:String,default:"bottom middle",validator:A},self:{type:String,default:"top middle",validator:A},offset:{type:Array,default:()=>[14,14],validator:me},scrollTarget:{default:void 0},delay:{type:Number,default:0},hideDelay:{type:Number,default:0}},emits:[...oe],setup(e,{slots:L,emit:y,attrs:v}){let i,l;const h=ne(),{proxy:{$q:o}}=h,s=O(null),c=O(!1),j=f(()=>M(e.anchor,o.lang.rtl)),N=f(()=>M(e.self,o.lang.rtl)),Q=f(()=>e.persistent!==!0),{registerTick:W,removeTick:_}=ie(),{registerTimeout:d}=le(),{transitionProps:I,transitionStyle:R}=se(e),{localScrollTarget:T,changeScrollEvent:U,unconfigureScrollTarget:B}=ge(e,P),{anchorEl:a,canShow:G,anchorEvents:r}=ye({showing:c,configureAnchorEl:F}),{show:J,hide:m}=re({showing:c,canShow:G,handleShow:V,handleHide:Z,hideOnRouteChange:Q,processOnMount:!0});Object.assign(r,{delayShow:$,delayHide:z});const{showPortal:p,hidePortal:b,renderPortal:K}=ue(h,s,Y);if(o.platform.is.mobile===!0){const t={anchorEl:a,innerRef:s,onClickOutside(n){return m(n),n.target.classList.contains("q-dialog__backdrop")&&ve(n),!0}},g=f(()=>e.modelValue===null&&e.persistent!==!0&&c.value===!0);C(g,n=>{(n===!0?pe:q)(t)}),k(()=>{q(t)})}function V(t){p(),W(()=>{l=new MutationObserver(()=>u()),l.observe(s.value,{attributes:!1,childList:!0,characterData:!0,subtree:!0}),u(),P()}),i===void 0&&(i=C(()=>o.screen.width+"|"+o.screen.height+"|"+e.self+"|"+e.anchor+"|"+o.lang.rtl,u)),d(()=>{p(!0),y("show",t)},e.transitionDuration)}function Z(t){_(),b(),S(),d(()=>{b(!0),y("hide",t)},e.transitionDuration)}function S(){l!==void 0&&(l.disconnect(),l=void 0),i!==void 0&&(i(),i=void 0),B(),E(r,"tooltipTemp")}function u(){const t=s.value;a.value===null||!t||Te({el:t,offset:e.offset,anchorEl:a.value,anchorOrigin:j.value,selfOrigin:N.value,maxHeight:e.maxHeight,maxWidth:e.maxWidth})}function $(t){if(o.platform.is.mobile===!0){D(),document.body.classList.add("non-selectable");const g=a.value,n=["touchmove","touchcancel","touchend","click"].map(w=>[g,w,"delayHide","passiveCapture"]);x(r,"tooltipTemp",n)}d(()=>{J(t)},e.delay)}function z(t){o.platform.is.mobile===!0&&(E(r,"tooltipTemp"),D(),setTimeout(()=>{document.body.classList.remove("non-selectable")},10)),d(()=>{m(t)},e.hideDelay)}function F(){if(e.noParentEvent===!0||a.value===null)return;const t=o.platform.is.mobile===!0?[[a.value,"touchstart","delayShow","passive"]]:[[a.value,"mouseenter","delayShow","passive"],[a.value,"mouseleave","delayHide","passive"]];x(r,"anchor",t)}function P(){if(a.value!==null||e.scrollTarget!==void 0){T.value=ce(a.value,e.scrollTarget);const t=e.noParentEvent===!0?u:m;U(T.value,t)}}function X(){return c.value===!0?H("div",{...v,ref:s,class:["q-tooltip q-tooltip--style q-position-engine no-pointer-events",v.class],style:[v.style,R.value],role:"tooltip"},fe(L.default)):null}function Y(){return H(de,I.value,X)}return k(S),Object.assign(h.proxy,{updatePosition:u}),K}});export{we as Q};
|