tiny-vue_version0/examples/docs/newsrc/uses/useFullScreen.js

17 lines
374 B
JavaScript

import { hooks } from '@opentiny/vue-common'
export function useFullScreen(selector) {
let el = null
const fn = {
toggle: () => (document.fullscreenElement ? fn.exit() : fn.enter()),
enter: () => el && el.requestFullscreen(),
exit: () => document.exitFullscreen()
}
hooks.onMounted(() => {
el = document.querySelector(selector)
})
return fn
}