ideaz-element/lib/element/full-screen/src/index.cjs

<p align="center"> <a href="" target="_blank" rel="noopener noreferrer"> <img src="./docs/public/logo.svg" alt="Ideaz Element" width="180" style="width: 180px;" /> </a> </p>

"use strict";const c=require("vue");require("../../../utils/index.cjs");require("./hooks/index.cjs");const o=require("../../../hooks/useNamespace.cjs"),F=require("./hooks/useFullScreen.cjs"),t=require("../../../utils/is.cjs"),f=c.defineComponent({name:"ZFullScreen",props:{el:{type:[Function,HTMLElement],default:()=>document.body},renderExit:{type:Function},renderEnter:{type:Function}},emits:["change"],setup(e,{emit:i,slots:n}){const l=o.useNamespace("full-screen"),{isTargetFullscreen:s,toggleFullscreen:a}=F.useFullscreen({getElement:document.body,onFullscreenChange:r=>{const u=t.isFunction(e.el)?e.el():e.el;u&&(r?u.classList.add("z-full-screen-class"):u.classList.remove("z-full-screen-class")),i("change",r)}}),d=()=>{var r;if(s.value){if(t.isFunction(n.exit))return n.exit();if(t.isFunction(e.renderExit))return e.renderExit()}else{if(t.isFunction(n.enter))return n.enter();if(t.isFunction(e.renderEnter))return e.renderEnter()}return(r=n.default)==null?void 0:r.call(n)};return()=>c.createVNode("div",{class:l.b(""),onClick:a},[d()])}});module.exports=f;
//# sourceMappingURL=index.cjs.map