@vueuse/components
Version:
Renderless components for VueUse
1 lines • 16.8 kB
JavaScript
(function(e,t,n,r){var i=Object.create,a=Object.defineProperty,o=Object.getOwnPropertyDescriptor,s=Object.getOwnPropertyNames,c=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty,u=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=s(t),c=0,u=i.length,d;c<u;c++)d=i[c],!l.call(e,d)&&d!==n&&a(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=o(t,d))||r.enumerable});return e},d=(e,t,n)=>(n=e==null?{}:i(c(e)),u(t||!e||!e.__esModule?a(n,`default`,{value:e,enumerable:!0}):n,e));t=d(t),n=d(n),r=d(r);let f=(0,n.defineComponent)((e,{slots:r,emit:i})=>{let a=(0,n.shallowRef)();return(0,t.onClickOutside)(a,e=>{i(`trigger`,e)},e.options),()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:a},r.default())}},{name:`OnClickOutside`,props:[`as`,`options`],emits:[`trigger`]}),p=new WeakMap,m={mounted(e,n){let r=!n.modifiers.bubble,i;if(typeof n.value==`function`)i=(0,t.onClickOutside)(e,n.value,{capture:r});else{let[a,o]=n.value;i=(0,t.onClickOutside)(e,a,Object.assign({capture:r},o))}p.set(e,i)},unmounted(e){let t=p.get(e);t&&typeof t==`function`?t():t==null||t.stop(),p.delete(e)}},h=m,ee={mounted(e,n){var r,i;let a=(r=(i=n.arg)==null?void 0:i.split(`,`))==null?!0:r;if(typeof n.value==`function`)(0,t.onKeyStroke)(a,n.value,{target:e});else{let[r,i]=n.value;(0,t.onKeyStroke)(a,r,{target:e,...i})}}},g=(0,n.defineComponent)((e,{slots:r,emit:i})=>{let a=(0,n.shallowRef)(),o=(0,t.onLongPress)(a,e=>{i(`trigger`,e)},e.options);return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:a},r.default(o))}},{name:`OnLongPress`,props:[`as`,`options`],emits:[`trigger`]}),_={mounted(e,n){typeof n.value==`function`?(0,t.onLongPress)(e,n.value,{modifiers:n.modifiers}):(0,t.onLongPress)(e,...n.value)}},v=_,y=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({element:(0,t.useActiveElement)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UseActiveElement`,props:[`deep`,`triggerOnRemoval`,`window`,`document`]}),b=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useBattery)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseBattery`,props:[`navigator`]}),x=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useBrowserLocation)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseBrowserLocation`,props:[`window`]}),S=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useClipboard)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseClipboard`,props:[`source`,`read`,`navigator`,`copiedDuring`,`legacy`]}),C=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,t.useColorMode)(e),a=(0,n.reactive)({mode:i,system:i.system,store:i.store});return()=>{if(r.default)return r.default(a)}},{name:`UseColorMode`,props:[`attribute`,`deep`,`disableTransition`,`emitAuto`,`eventFilter`,`flush`,`initOnMounted`,`initialValue`,`listenToStorageChanges`,`mergeDefaults`,`modes`,`onChanged`,`onError`,`selector`,`serializer`,`shallow`,`storage`,`storageKey`,`storageRef`,`window`,`writeDefaults`]}),w=(0,n.defineComponent)((e,{slots:i})=>{let a=(0,t.useDark)(e),o=(0,n.reactive)({isDark:a,toggleDark:(0,r.useToggle)(a)});return()=>{if(i.default)return i.default(o)}},{name:`UseDark`,props:[`attribute`,`deep`,`disableTransition`,`emitAuto`,`eventFilter`,`flush`,`initOnMounted`,`initialValue`,`listenToStorageChanges`,`mergeDefaults`,`onChanged`,`onError`,`selector`,`serializer`,`shallow`,`storage`,`storageKey`,`storageRef`,`valueDark`,`valueLight`,`window`,`writeDefaults`]}),T=(0,n.defineComponent)((e,{slots:n})=>{let r=(0,t.useDeviceMotion)(e);return()=>{if(n.default)return n.default(r)}},{name:`UseDeviceMotion`,props:[`eventFilter`,`requestPermissions`,`window`]}),E=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useDeviceOrientation)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseDeviceOrientation`,props:[`window`]}),D=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useDevicePixelRatio)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseDevicePixelRatio`,props:[`window`]}),O=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useDevicesList)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseDevicesList`,props:[`constraints`,`navigator`,`onUpdated`,`requestPermissions`]}),k=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({visibility:(0,t.useDocumentVisibility)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UseDocumentVisibility`,props:[`document`]}),A=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.computed)(()=>{var t;return(t=(0,n.toValue)(e.handle))==null?i.value:t}),o=(0,n.computed)(()=>{var t;return(t=e.containerElement)==null?void 0:t}),s=(0,n.computed)(()=>!!e.disabled),c=e.storageKey&&(0,t.useStorage)(e.storageKey,(0,n.toValue)(e.initialValue)||{x:0,y:0},t.isClient?e.storageType===`session`?sessionStorage:localStorage:void 0),l=c||e.initialValue||{x:0,y:0},u=(t,n)=>{var r;(r=e.onEnd)==null||r.call(e,t,n),c&&(c.value.x=t.x,c.value.y=t.y)},d=(0,n.reactive)((0,t.useDraggable)(i,{...e,handle:a,initialValue:l,onEnd:u,disabled:s,containerElement:o}));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i,style:`touch-action:none;${d.style}`},r.default(d))}},{name:`UseDraggable`,props:[`storageKey`,`storageType`,`initialValue`,`exact`,`preventDefault`,`stopPropagation`,`pointerTypes`,`as`,`handle`,`axis`,`onStart`,`onMove`,`onEnd`,`disabled`,`buttons`,`containerElement`,`capture`,`draggingElement`]}),j=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)((0,t.useElementBounding)(i,e));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UseElementBounding`,props:[`as`,`immediate`,`reset`,`updateTiming`,`windowResize`,`windowScroll`]}),M={mounted(e,r){let[i,a]=typeof r.value==`function`?[r.value,{}]:r.value,{height:o,bottom:s,left:c,right:l,top:u,width:d,x:f,y:p}=(0,t.useElementBounding)(e,a);(0,n.watch)([o,s,c,l,u,d,f,p],()=>i({height:o,bottom:s,left:c,right:l,top:u,width:d,x:f,y:p}))}},N={mounted(e,r){let i=r.value;if(typeof i==`function`)(0,n.watch)((0,t.useElementHover)(e),e=>i(e));else{let[r,a]=i;(0,n.watch)((0,t.useElementHover)(e,a),e=>r(e))}}},P=(0,n.defineComponent)((e,{slots:r})=>{var i,a;let o=(0,n.shallowRef)(),{width:s,height:c}=(0,n.toRefs)(e),l=(0,n.reactive)((0,t.useElementSize)(o,{width:(i=(0,n.toValue)(s))==null?0:i,height:(a=(0,n.toValue)(c))==null?0:a},{box:e.box,window:e.window}));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:o},r.default(l))}},{name:`UseElementSize`,props:[`as`,`box`,`height`,`width`,`window`]}),F={mounted(e,r){var i;let a=typeof r.value==`function`?r.value:(i=r.value)==null?void 0:i[0],{width:o,height:s}=(0,t.useElementSize)(e,...typeof r.value==`function`?[]:r.value.slice(1));(0,n.watch)([o,s],([e,t])=>a({width:e,height:t}))}},I=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)({isVisible:(0,t.useElementVisibility)(i,e)});return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UseElementVisibility`,props:[`as`,`once`,`rootMargin`,`scrollTarget`,`threshold`,`window`]}),L={mounted(e,r){if(typeof r.value==`function`){let i=r.value;(0,n.watch)((0,t.useElementVisibility)(e),e=>i(e),{immediate:!0})}else{let[i,a]=r.value;(0,n.watch)((0,t.useElementVisibility)(e,a),e=>i(e),{immediate:!0})}}},R=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useEyeDropper)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseEyeDropper`,props:[`initialValue`]}),z=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)((0,t.useFullscreen)(i,e));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UseFullscreen`,props:[`as`,`autoExit`,`document`]}),B=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useGeolocation)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseGeolocation`,props:[`enableHighAccuracy`,`immediate`,`maximumAge`,`navigator`,`timeout`]}),V=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useIdle)(e.timeout,e));return()=>{if(r.default)return r.default(i)}},{name:`UseIdle`,props:[`eventFilter`,`events`,`initialState`,`listenForVisibilityChange`,`timeout`,`window`]}),H=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useImage)(e));return()=>i.isLoading&&r.loading?r.loading(i):i.error&&r.error?r.error(i.error):r.default?r.default(i):(0,n.h)(e.as||`img`,e)},{name:`UseImage`,props:[`alt`,`as`,`class`,`crossorigin`,`decoding`,`fetchPriority`,`height`,`ismap`,`loading`,`referrerPolicy`,`sizes`,`src`,`srcset`,`usemap`,`width`]}),U={mounted(e,n){typeof n.value==`function`?(0,t.useInfiniteScroll)(e,n.value):(0,t.useInfiniteScroll)(e,...n.value)}},te={mounted(e,n){typeof n.value==`function`?(0,t.useIntersectionObserver)(e,n.value):(0,t.useIntersectionObserver)(e,...n.value)}},W=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useMouse)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseMouse`,props:[`eventFilter`,`initialValue`,`resetOnTouchEnds`,`scroll`,`target`,`touch`,`type`,`window`]}),G=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)((0,t.useMouseInElement)(i,e));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UseMouseInElement`,props:[`as`,`eventFilter`,`handleOutside`,`initialValue`,`resetOnTouchEnds`,`scroll`,`target`,`touch`,`type`,`window`,`windowResize`,`windowScroll`]}),K={mounted(e,i){let[a,o]=typeof i.value==`function`?[i.value,{}]:i.value;(0,n.watch)((0,r.reactiveOmit)((0,n.reactive)((0,t.useMouseInElement)(e,o)),`stop`),e=>a(e))}},q=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)((0,t.useMousePressed)({...e,target:i}));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UseMousePressed`,props:[`as`,`capture`,`drag`,`initialValue`,`onPressed`,`onReleased`,`touch`,`window`]}),J=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useNetwork)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseNetwork`,props:[`window`]}),Y=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useNow)({...e,controls:!0}));return()=>{if(r.default)return r.default(i)}},{name:`UseNow`,props:[`immediate`,`interval`]}),X=(0,n.defineComponent)((e,{slots:n})=>{let{object:i}=(0,r.toRefs)(e),a=(0,t.useObjectUrl)(i);return()=>{if(n.default&&a.value)return n.default(a.value)}},{name:`UseObjectUrl`,props:[`object`]}),Z=(0,n.defineComponent)((e,{slots:r,emit:i})=>{let a=(0,n.reactive)((0,t.useOffsetPagination)({...e,total:(0,n.toValue)(e.total)||void 0,onPageChange(...t){var n;(n=e.onPageChange)==null||n.call(e,...t),i(`page-change`,...t)},onPageSizeChange(...t){var n;(n=e.onPageSizeChange)==null||n.call(e,...t),i(`page-size-change`,...t)},onPageCountChange(...t){var n;(n=e.onPageCountChange)==null||n.call(e,...t),i(`page-count-change`,...t)}}));return()=>{if(r.default)return r.default(a)}},{name:`UseOffsetPagination`,props:[`onPageChange`,`onPageCountChange`,`onPageSizeChange`,`page`,`pageSize`,`total`]}),Q=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({isOnline:(0,t.useOnline)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UseOnline`,props:[`window`]}),ne=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({isLeft:(0,t.usePageLeave)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePageLeave`,props:[`window`]}),re=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(null),a=(0,n.reactive)((0,t.usePointer)({...e,target:e.target===`self`?i:t.defaultWindow}));return()=>{if(r.default)return r.default(a)}},{name:`UsePointer`,props:[`initialValue`,`pointerTypes`,`target`,`window`]}),ie=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.shallowRef)(),a=(0,n.reactive)((0,t.usePointerLock)(i));return()=>{if(r.default)return(0,n.h)(e.as||`div`,{ref:i},r.default(a))}},{name:`UsePointerLock`,props:[`as`,`document`]}),ae=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({colorScheme:(0,t.usePreferredColorScheme)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePreferredColorScheme`,props:[`window`]}),oe=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({contrast:(0,t.usePreferredContrast)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePreferredContrast`,props:[`window`]}),se=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({prefersDark:(0,t.usePreferredDark)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePreferredDark`,props:[`window`]}),ce=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({languages:(0,t.usePreferredLanguages)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePreferredLanguages`,props:[`window`]}),le=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({motion:(0,t.usePreferredReducedMotion)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UsePreferredReducedMotion`,props:[`window`]}),ue=(0,n.defineComponent)({name:`UsePreferredReducedTransparency`,setup(e,{slots:r}){let i=(0,n.reactive)({transparency:(0,t.usePreferredReducedTransparency)()});return()=>{if(r.default)return r.default(i)}}}),de={mounted(e,n){typeof n.value==`function`?(0,t.useResizeObserver)(e,n.value):(0,t.useResizeObserver)(e,...n.value)}},fe=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useScreenSafeArea)());return()=>{if(r.default)return(0,n.h)(e.as||`div`,{style:{paddingTop:e.top?i.top:``,paddingRight:e.right?i.right:``,paddingBottom:e.bottom?i.bottom:``,paddingLeft:e.left?i.left:``,boxSizing:`border-box`,maxHeight:`100vh`,maxWidth:`100vw`,overflow:`auto`}},r.default(i))}},{name:`UseScreenSafeArea`,props:[`top`,`right`,`bottom`,`left`]}),pe={mounted(e,n){if(typeof n.value==`function`){let r=n.value,i=(0,t.useScroll)(e,{onScroll(){r(i)},onStop(){r(i)}})}else{let[r,i]=n.value,a=(0,t.useScroll)(e,{...i,onScroll(e){var t;(t=i.onScroll)==null||t.call(i,e),r(a)},onStop(e){var t;(t=i.onStop)==null||t.call(i,e),r(a)}})}}};function $(){let e=!1,r=(0,n.shallowRef)(!1);return(i,a)=>{if(r.value=a.value,e)return;e=!0;let o=(0,t.useScrollLock)(i,a.value);(0,n.watch)(r,e=>o.value=e)}}let me=$(),he=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useTimeAgo)(()=>e.time,{...e,controls:!0}));return()=>{if(r.default)return r.default(i)}},{name:`UseTimeAgo`,props:[`fullDateFormatter`,`max`,`messages`,`rounding`,`showSecond`,`time`,`units`,`updateInterval`]}),ge=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useTimestamp)({...e,controls:!0}));return()=>{if(r.default)return r.default(i)}},{name:`UseTimestamp`,props:[`callback`,`immediate`,`interval`,`offset`]}),_e=(0,n.defineComponent)((e,{slots:r,expose:i})=>{let{list:a}=(0,n.toRefs)(e),{list:o,containerProps:s,wrapperProps:c,scrollTo:l}=(0,t.useVirtualList)(a,e.options);return i({scrollTo:l}),s.style&&typeof s.style==`object`&&!Array.isArray(s.style)&&(s.style.height=e.height||`300px`),()=>(0,n.h)(`div`,{...s},[(0,n.h)(`div`,{...c.value},o.value.map(e=>(0,n.h)(`div`,{style:{overflow:`hidden`,height:e.height}},r.default?r.default(e):`Please set content!`)))])},{name:`UseVirtualList`,props:[`height`,`list`,`options`]}),ve=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)({focused:(0,t.useWindowFocus)(e)});return()=>{if(r.default)return r.default(i)}},{name:`UseWindowFocus`,props:[`window`]}),ye=(0,n.defineComponent)((e,{slots:r})=>{let i=(0,n.reactive)((0,t.useWindowSize)(e));return()=>{if(r.default)return r.default(i)}},{name:`UseWindowSize`,props:[`includeScrollbar`,`initialHeight`,`initialWidth`,`listenOrientation`,`type`,`window`]});e.OnClickOutside=f,e.OnLongPress=g,e.UseActiveElement=y,e.UseBattery=b,e.UseBrowserLocation=x,e.UseClipboard=S,e.UseColorMode=C,e.UseDark=w,e.UseDeviceMotion=T,e.UseDeviceOrientation=E,e.UseDevicePixelRatio=D,e.UseDevicesList=O,e.UseDocumentVisibility=k,e.UseDraggable=A,e.UseElementBounding=j,e.UseElementSize=P,e.UseElementVisibility=I,e.UseEyeDropper=R,e.UseFullscreen=z,e.UseGeolocation=B,e.UseIdle=V,e.UseImage=H,e.UseMouse=W,e.UseMouseInElement=G,e.UseMousePressed=q,e.UseNetwork=J,e.UseNow=Y,e.UseObjectUrl=X,e.UseOffsetPagination=Z,e.UseOnline=Q,e.UsePageLeave=ne,e.UsePointer=re,e.UsePointerLock=ie,e.UsePreferredColorScheme=ae,e.UsePreferredContrast=oe,e.UsePreferredDark=se,e.UsePreferredLanguages=ce,e.UsePreferredReducedMotion=le,e.UsePreferredReducedTransparency=ue,e.UseScreenSafeArea=fe,e.UseTimeAgo=he,e.UseTimestamp=ge,e.UseVirtualList=_e,e.UseWindowFocus=ve,e.UseWindowSize=ye,e.VOnClickOutside=h,e.VOnLongPress=v,e.vElementBounding=M,e.vElementHover=N,e.vElementSize=F,e.vElementVisibility=L,e.vInfiniteScroll=U,e.vIntersectionObserver=te,e.vMouseInElement=K,e.vOnClickOutside=m,e.vOnKeyStroke=ee,e.vOnLongPress=_,e.vResizeObserver=de,e.vScroll=pe,e.vScrollLock=me})(this.VueUse=this.VueUse||{},VueUse,Vue,VueUse);