@antdp/fullscreen
Advanced tools
Comparing version
import React, { useState, useMemo, useEffect } from 'react'; | ||
import { FullscreenOutlined, FullscreenExitOutlined } from '@ant-design/icons'; | ||
/** | ||
* 当前是否全屏 | ||
*/ | ||
import { jsx as _jsx } from "react/jsx-runtime"; | ||
function isFullScreen() { | ||
return !!(document.fullscreen || document.mozFullScreen || document.webkitIsFullScreen || document.webkitFullScreen || document.msFullScreen); | ||
} | ||
/** | ||
* 判断当前文档是否能切换到全屏 | ||
*/ | ||
function isFullscreenEnabled() { | ||
return document.fullscreenEnabled || document.mozFullScreenEnabled || document.webkitFullscreenEnabled || document.msFullscreenEnabled; | ||
} | ||
export default (function (props) { | ||
@@ -25,9 +22,6 @@ if (props === void 0) { | ||
} | ||
if (!isFullscreenEnabled()) return null; | ||
var [fullscreen, setFullscreen] = useState(false); | ||
if (fullscreen) { | ||
var element = document.documentElement; | ||
if (element.requestFullscreen) { | ||
@@ -53,3 +47,2 @@ element.requestFullscreen(); | ||
} | ||
var handle = () => { | ||
@@ -60,3 +53,2 @@ if (!isFullScreen() && fullscreen) { | ||
}; | ||
useEffect(() => { | ||
@@ -63,0 +55,0 @@ window.addEventListener('resize', handle); |
"use strict"; | ||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"]; | ||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"]; | ||
Object.defineProperty(exports, "__esModule", { | ||
@@ -11,11 +9,6 @@ value: true | ||
exports["default"] = void 0; | ||
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray")); | ||
var _react = _interopRequireWildcard(require("react")); | ||
var _icons = require("@ant-design/icons"); | ||
var _jsxRuntime = require("react/jsx-runtime"); | ||
/** | ||
@@ -27,23 +20,18 @@ * 当前是否全屏 | ||
} | ||
/** | ||
* 判断当前文档是否能切换到全屏 | ||
*/ | ||
function isFullscreenEnabled() { | ||
return document.fullscreenEnabled || document.mozFullScreenEnabled || document.webkitFullscreenEnabled || document.msFullscreenEnabled; | ||
} | ||
var _default = function _default() { | ||
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; | ||
if (!isFullscreenEnabled()) return null; | ||
var _useState = (0, _react.useState)(false), | ||
_useState2 = (0, _slicedToArray2["default"])(_useState, 2), | ||
fullscreen = _useState2[0], | ||
setFullscreen = _useState2[1]; | ||
_useState2 = (0, _slicedToArray2["default"])(_useState, 2), | ||
fullscreen = _useState2[0], | ||
setFullscreen = _useState2[1]; | ||
if (fullscreen) { | ||
var element = document.documentElement; | ||
if (element.requestFullscreen) { | ||
@@ -69,3 +57,2 @@ element.requestFullscreen(); | ||
} | ||
var handle = function handle() { | ||
@@ -76,3 +63,2 @@ if (!isFullScreen() && fullscreen) { | ||
}; | ||
(0, _react.useEffect)(function () { | ||
@@ -98,5 +84,4 @@ window.addEventListener('resize', handle); | ||
}; | ||
exports["default"] = _default; | ||
module.exports = exports.default; | ||
//# sourceMappingURL=index.js.map |
{ | ||
"name": "@antdp/fullscreen", | ||
"version": "1.8.24", | ||
"version": "1.8.25", | ||
"description": "设置页面全屏", | ||
@@ -29,3 +29,3 @@ "homepage": "https://antdpro.github.io/antdp", | ||
"@ant-design/icons": "4.7.0", | ||
"@babel/runtime": "7.16.5" | ||
"@babel/runtime": "~7.20.1" | ||
}, | ||
@@ -32,0 +32,0 @@ "devDependencies": { |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
17440
5.49%+ Added
- Removed
- Removed
Updated