@cloud-app-dev/vidc 3.0.17 → 3.0.19

package/es/ScreenPlayer/LiveTools.js

@@ -18,6 +18,7 @@ import IconFont from '../Player/iconfont';
 import ScreenSelect from './ScreenSelect';
 import DisableMark from '../DisableMark';
 import useFullscreen from '../useFullscreen';
+import Volume from '../Player/contraller_bar/volume';
 
 function LiveTools(_ref) {
   var containerRef = _ref.containerRef,
@@ -79,9 +80,8 @@ function LiveTools(_ref) {
     className: "player-tools-left"
   }, /*#__PURE__*/React.createElement("span", {
     className: "player-tools-item"
-  }, /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-volume-close",
-    title: "\u97F3\u91CF"
+  }, /*#__PURE__*/React.createElement(Volume, {
+    api: player === null || player === void 0 ? void 0 : player.api
   })), /*#__PURE__*/React.createElement("span", {
     className: "player-tools-item"
   }, /*#__PURE__*/React.createElement(IconFont, {
@@ -102,12 +102,8 @@ function LiveTools(_ref) {
       });
     }
   }, /*#__PURE__*/React.createElement(IconFont, {
-    style: {
-      top: 2,
-      position: 'relative',
-      left: 1
-    },
     type: "lm-player-S_Device_shezhi",
+    className: "icon-chajian",
     title: "\u5207\u6362".concat(mode === 1 ? '插件' : '浏览器', "\u6A21\u5F0F")
   })), /*#__PURE__*/React.createElement("div", {
     className: "player-tools-item",
@@ -116,13 +112,8 @@ function LiveTools(_ref) {
       marginRight: 6
     }
   }, /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-tingzhi",
-    title: "\u505C\u6B62",
-    style: {
-      fontSize: 14,
-      position: 'relative',
-      top: 1
-    }
+    type: "lm-player-close",
+    title: "\u5173\u95ED"
   })), oneWinExtTools), /*#__PURE__*/React.createElement("div", {
     className: "player-tools-mid"
   }, /*#__PURE__*/React.createElement("div", {
@@ -133,19 +124,8 @@ function LiveTools(_ref) {
     }
   }, player && !player.video.paused ? /*#__PURE__*/React.createElement(IconFont, {
     type: "lm-player-Pause_Main",
-    title: "\u6682\u505C",
-    style: {
-      fontSize: 22,
-      position: 'relative',
-      top: -2
-    }
+    title: "\u6682\u505C"
   }) : /*#__PURE__*/React.createElement(IconFont, {
-    style: {
-      fontSize: 17,
-      position: 'relative',
-      left: 2,
-      top: 2
-    },
     type: "lm-player-bofang",
     title: "\u64AD\u653E"
   }))), /*#__PURE__*/React.createElement("div", {

package/es/ScreenPlayer/PlayerWithExt.d.ts

@@ -8,7 +8,7 @@ interface ILivePlayerWithExtProps extends ISinglePlayerProps {
     updatePlayer: (obj: React.MutableRefObject<ExportPlayerType>) => void;
     pluginDownloadUrl?: string;
 }
-export declare function LivePlayerWithExt({ mode, isLive, url, type, style, className, updatePlayer, onClick, pluginDownloadUrl, ...props }: ILivePlayerWithExtProps): JSX.Element;
+export declare function LivePlayerWithExt({ mode, url, type, style, className, updatePlayer, onClick, pluginDownloadUrl, ...props }: ILivePlayerWithExtProps): JSX.Element;
 interface ISegmentPlayerWithExtProps extends Omit<ILivePlayerWithExtProps, 'url'> {
     segments?: ISegmentType[];
     begin?: number;

package/es/ScreenPlayer/PlayerWithExt.js

@@ -24,7 +24,6 @@ export function LivePlayerWithExt(_a) {
   var _b;
 
   var mode = _a.mode,
-      isLive = _a.isLive,
       url = _a.url,
       type = _a.type,
       style = _a.style,
@@ -32,7 +31,7 @@ export function LivePlayerWithExt(_a) {
       updatePlayer = _a.updatePlayer,
       onClick = _a.onClick,
       pluginDownloadUrl = _a.pluginDownloadUrl,
-      props = __rest(_a, ["mode", "isLive", "url", "type", "style", "className", "updatePlayer", "onClick", "pluginDownloadUrl"]);
+      props = __rest(_a, ["mode", "url", "type", "style", "className", "updatePlayer", "onClick", "pluginDownloadUrl"]);
 
   var forceUpdate = _useUpdate();
 
@@ -59,7 +58,7 @@ export function LivePlayerWithExt(_a) {
   }, /*#__PURE__*/React.createElement(LivePlayer, Object.assign({}, props, {
     type: type,
     url: url,
-    isLive: isLive,
+    isLive: true,
     hideContrallerBar: true,
     onCanPlayerInit: update,
     ref: ref
@@ -101,7 +100,6 @@ export function SegmentPlayerWithExt(_a) {
   }, /*#__PURE__*/React.createElement(SegmentPlayer, Object.assign({}, props, {
     segments: segments,
     type: "hls",
-    isLive: false,
     hideContrallerBar: true,
     forwordRef: ref,
     begin: begin,

package/es/ScreenPlayer/Record.js

@@ -436,7 +436,6 @@ function RecordPlayer(_a) {
     begin: timeBegin,
     updateState: updateState,
     segments: segmentItem.segments,
-    key: state.selectIndex,
     onTimeChange: onTimeChange,
     timeMode: state.timeMode
   }))), children && /*#__PURE__*/React.cloneElement(children, {

package/es/ScreenPlayer/RecordTools.js

@@ -1,5 +1,7 @@
-import _useInterval from "ahooks/es/useInterval";
+import _useRafInterval from "ahooks/es/useRafInterval";
+import _useUpdateEffect from "ahooks/es/useUpdateEffect";
 import _useUpdate from "ahooks/es/useUpdate";
+import _useToggle3 from "ahooks/es/useToggle";
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -19,6 +21,7 @@ import ScreenSelect from './ScreenSelect';
 import TimeSelect from './TimeSelect';
 import TimeMode from './TimeMode';
 import useFullscreen from '../useFullscreen';
+import Volume from '../Player/contraller_bar/volume';
 
 function RecordTools(_ref) {
   var containerRef = _ref.containerRef,
@@ -43,6 +46,11 @@ function RecordTools(_ref) {
       isFullscreen = _useFullscreen2[0],
       toggleFullscreen = _useFullscreen2[1].toggleFullscreen;
 
+  var _useToggle = _useToggle3(false),
+      _useToggle2 = _slicedToArray(_useToggle, 2),
+      isFpsPlay = _useToggle2[0],
+      toggle = _useToggle2[1].toggle;
+
   var update = _useUpdate(); // 播放状态控制
 
 
@@ -66,11 +74,17 @@ function RecordTools(_ref) {
   };
 
   var player = getPlayerItem();
+
+  _useUpdateEffect(function () {
+    var player = getPlayerItem();
+    isFpsPlay ? player.api.openFpsPlay() : player.api.closeFpsPlay();
+  }, [isFpsPlay]);
   /**
    * 定时获取play状态
    */
 
-  _useInterval(function () {
+
+  _useRafInterval(function () {
     return update();
   }, 2000);
 
@@ -80,9 +94,8 @@ function RecordTools(_ref) {
     className: "player-tools-left"
   }, /*#__PURE__*/React.createElement("span", {
     className: "player-tools-item"
-  }, /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-volume-close",
-    title: "\u97F3\u91CF"
+  }, /*#__PURE__*/React.createElement(Volume, {
+    api: player === null || player === void 0 ? void 0 : player.api
   })), /*#__PURE__*/React.createElement("span", {
     className: "player-tools-item"
   }, /*#__PURE__*/React.createElement(IconFont, {
@@ -109,13 +122,21 @@ function RecordTools(_ref) {
       });
     }
   }, /*#__PURE__*/React.createElement(IconFont, {
-    style: {
-      top: 2,
-      position: 'relative',
-      left: 1
-    },
     type: "lm-player-S_Device_shezhi",
+    style: mode === 2 ? {
+      color: 'var(--primary)'
+    } : null,
+    className: "icon-chajian",
     title: "\u5207\u6362".concat(mode === 1 ? '插件' : '浏览器', "\u6A21\u5F0F")
+  })), /*#__PURE__*/React.createElement("span", {
+    className: "player-tools-item",
+    onClick: toggle
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "lm-player-zhuzhenplay",
+    style: isFpsPlay ? {
+      color: 'var(--primary)'
+    } : null,
+    title: "\u9010\u5E27\u64AD\u653E"
   })), oneWinExtTools), /*#__PURE__*/React.createElement("div", {
     className: "player-tools-mid"
   }, /*#__PURE__*/React.createElement("div", {
@@ -140,12 +161,6 @@ function RecordTools(_ref) {
       fontSize: 22
     }
   }) : /*#__PURE__*/React.createElement(IconFont, {
-    style: {
-      fontSize: 17,
-      position: 'relative',
-      left: 2,
-      top: 2
-    },
     type: "lm-player-bofang",
     title: "\u64AD\u653E"
   }))), /*#__PURE__*/React.createElement("div", {

package/es/ScreenPlayer/ScreenSelect.js

@@ -12,10 +12,10 @@ function ScreenSelect(_ref) {
     return ScreenType.find(function (v) {
       return v.name === screenNum;
     }).icon;
-  }, []);
+  }, [screenNum]);
   return /*#__PURE__*/React.createElement(CustomRenderSelect, {
     value: screenNum,
-    dropdownClassName: "custom-select-dropdown ",
+    popupClassName: "custom-select-dropdown ",
     customRender: function customRender() {
       return /*#__PURE__*/React.createElement("span", {
         className: "select-current-screen-item"

package/es/ScreenPlayer/TimeMode.js

@@ -10,7 +10,7 @@ function TimeMode(_ref) {
     value: timeMode,
     onChange: onChange,
     className: "time-mode-select",
-    dropdownClassName: "custom-select-dropdown",
+    popupClassName: "custom-select-dropdown",
     placement: "topLeft"
   }, TimeModeLibs.map(function (item) {
     return /*#__PURE__*/React.createElement(_Select.Option, {

package/es/ScreenPlayer/demo2.js

@@ -28,7 +28,7 @@ import RecordPlayer from './Record';
 import moment from 'moment';
 import Service from '../Service';
 import { completionSegments } from './utils';
-var token = "eyJhbGciOiJIUzI1NiJ9.eyJvcmdhbml6YXRpb25JZCI6IjEwMDEwMTAwMDQ0NSIsImV4dCI6MTY2MjI1ODMwNzUxNSwidWlkIjoiMTAxMDAwMDAwNjk5IiwidmFsaWRTdGF0ZSI6MTA0NDA2LCJyb2xlSWQiOlsxMDAwMDAxMTA1MTgsMTAwMDAwMTEwNzI4XSwidmFsaWRUaW1lIjoxNzA0MzgzOTk5MDAwLCJvcHRDZW50ZXJJZCI6IjEwMDEwMDAwMDIzMyIsInVzZXJUeXBlIjoxMDA3MDQsImlhdCI6MTY2MTk5OTEwNzUxNX0.uk_G3vqBCFqxQM2jbV6CSN-z9YNVt_cx5nWXkSuCOIA";
+var token = "eyJhbGciOiJIUzI1NiJ9.eyJvcmdhbml6YXRpb25JZCI6IjEwMDEwMTAwMDQ0NSIsImV4dCI6MTY2MzQwNTM5ODYzOCwidWlkIjoiMTAxMDAwMDAwNjk5IiwidmFsaWRTdGF0ZSI6MTA0NDA2LCJyb2xlSWQiOlsxMDAwMDAxMTA1MTgsMTAwMDAwMTEwNzI4XSwidmFsaWRUaW1lIjoxNzA0MzgzOTk5MDAwLCJvcHRDZW50ZXJJZCI6IjEwMDEwMDAwMDIzMyIsInVzZXJUeXBlIjoxMDA3MDQsImlhdCI6MTY2MzE0NjE5ODYzOH0.EPh_1eNPNFl-fmLODbHo0mu5R_1kKdt3UUu_0qfBGFY";
 var cids = ['538509097', '539172446'];
 
 var query = function query(_ref) {

package/es/ScreenPlayer/index.css

@@ -35,6 +35,12 @@
   color: var(--gray1);
   margin: 0 20px;
 }
+.split-screen-player-wrapper .icon-chajian {
+  position: relative;
+  top: 1px;
+  left: 1px;
+  font-size: 22px !important;
+}
 .split-screen-player-wrapper .player-tools {
   height: 42px;
   background-color: var(--gray12);
@@ -46,11 +52,13 @@
 }
 .split-screen-player-wrapper .player-tools .player-tools-left,
 .split-screen-player-wrapper .player-tools .player-tools-right {
-  min-width: 35%;
-  display: flex;
-  align-items: center;
+  width: 35%;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, 32px);
+  grid-gap: 10px;
 }
 .split-screen-player-wrapper .player-tools .player-tools-right {
+  display: flex;
   justify-content: flex-end;
   margin-right: 0;
   margin-left: 4px;
@@ -69,10 +77,10 @@
   width: 32px;
   height: 32px;
   color: var(--gray1);
-  text-align: center;
   cursor: pointer;
-  margin-right: 10px;
-  display: inline-block;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 .split-screen-player-wrapper .player-tools .player-tools-item .lm-player-iconfont {
   font-size: 20px;
@@ -88,8 +96,9 @@
   color: var(--gray1);
   text-align: center;
   cursor: pointer;
-  margin-right: 6px;
-  display: inline-block;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 .split-screen-player-wrapper .player-tools .select-current-screen-item .lm-player-iconfont {
   font-size: 20px;

package/es/ScreenPlayer/utils.js

@@ -2,22 +2,22 @@ export var ScreenType = [{
   name: 1,
   width: '100%',
   height: '100%',
-  icon: 'lm-player-fenping16'
+  icon: 'lm-player-fenping1'
 }, {
   name: 4,
   width: '50%',
   height: '50%',
-  icon: 'lm-player-fenping16'
+  icon: 'lm-player-fenping4'
 }, {
   name: 6,
   width: '33.33333333%',
   height: '50%',
-  icon: 'lm-player-fenping16'
+  icon: 'lm-player-fenping6'
 }, {
   name: 9,
   width: '33.33333333%',
   height: '33.33333333%',
-  icon: 'lm-player-fenping16'
+  icon: 'lm-player-fenping9'
 }, {
   name: 16,
   width: '25%',

package/es/index.d.ts

@@ -39,4 +39,5 @@ export { default as Tree } from './Tree';
 export { default as useFullscreen } from './useFullscreen';
 export { default as useHistory } from './useHistory';
 export { default as useInfiniteScroll } from './useInfiniteScroll';
+export { default as useRafInterval } from './useRafInterval';
 export { default as useVirtualList } from './useVirtualList';

package/es/index.js

@@ -39,4 +39,5 @@ export { default as Tree } from './Tree';
 export { default as useFullscreen } from './useFullscreen';
 export { default as useHistory } from './useHistory';
 export { default as useInfiniteScroll } from './useInfiniteScroll';
+export { default as useRafInterval } from './useRafInterval';
 export { default as useVirtualList } from './useVirtualList';

package/es/useRafInterval/index.d.ts

@@ -0,0 +1,5 @@
+declare function useRafInterval(fn: () => void, delay: number | undefined, options?: {
+    immediate?: boolean;
+    deps?: any[];
+}): () => void;
+export default useRafInterval;

package/es/useRafInterval/index.js

@@ -0,0 +1,94 @@
+import _useLatest from "ahooks/es/useLatest";
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+import { useCallback, useEffect, useRef } from 'react';
+import { isNumber } from 'lodash-es';
+
+var setRafInterval = function setRafInterval(callback) {
+  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+
+  if ((typeof requestAnimationFrame === "undefined" ? "undefined" : _typeof(requestAnimationFrame)) === (typeof undefined === "undefined" ? "undefined" : _typeof(undefined))) {
+    return {
+      id: setInterval(callback, delay)
+    };
+  }
+
+  var start = new Date().getTime();
+  var handle = {
+    id: 0
+  };
+
+  var loop = function loop() {
+    var current = new Date().getTime();
+
+    if (current - start >= delay) {
+      callback();
+      start = new Date().getTime();
+    }
+
+    handle.id = requestAnimationFrame(loop);
+  };
+
+  handle.id = requestAnimationFrame(loop);
+  return handle;
+};
+
+function cancelAnimationFrameIsNotDefined(t) {
+  return (typeof cancelAnimationFrame === "undefined" ? "undefined" : _typeof(cancelAnimationFrame)) === (typeof undefined === "undefined" ? "undefined" : _typeof(undefined));
+}
+
+var clearRafInterval = function clearRafInterval(handle) {
+  if (cancelAnimationFrameIsNotDefined(handle.id)) {
+    return clearInterval(handle.id);
+  }
+
+  cancelAnimationFrame(handle.id);
+};
+
+function useRafInterval(fn, delay, options) {
+  var _a;
+
+  var immediate = options === null || options === void 0 ? void 0 : options.immediate;
+  var deps = (_a = options === null || options === void 0 ? void 0 : options.deps) !== null && _a !== void 0 ? _a : [];
+
+  var fnRef = _useLatest(fn);
+
+  var timerRef = useRef();
+  useEffect(function () {
+    if (!isNumber(delay) || delay < 0) return undefined;
+
+    if (immediate) {
+      fnRef.current();
+    }
+
+    timerRef.current = setRafInterval(function () {
+      fnRef.current();
+    }, delay);
+    return function () {
+      if (timerRef.current) {
+        clearRafInterval(timerRef.current);
+      }
+    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [delay].concat(_toConsumableArray(deps)));
+  var clear = useCallback(function () {
+    if (timerRef.current) {
+      clearRafInterval(timerRef.current);
+    }
+  }, []);
+  return clear;
+}
+
+export default useRafInterval;

package/icon-fix.js

@@ -0,0 +1,31 @@
+const fs = require('fs');
+const path = require('path');
+
+function readFile(path) {
+  return new Promise((resolve, reject) => {
+    fs.readFile(path, 'utf8', function (err, data) {
+      err ? reject(err) : resolve(data);
+    });
+  });
+}
+
+function writeFile(path, data) {
+  return new Promise((resolve, reject) => {
+    fs.writeFile(path, data, 'utf-8', function (err) {
+      err ? reject(err) : resolve();
+    });
+  });
+}
+
+async function run() {
+  try {
+    const url = path.resolve(__dirname, './src/Player/style/iconfont.js');
+    const str = await readFile(url);
+    const newStr = str.replace(/fill="\S+"/g, '');
+    await writeFile(url, newStr);
+  } catch (e) {
+    console.error(e);
+  }
+}
+
+run();

package/package.json

@@ -2,7 +2,7 @@
   "private": false,
   "name": "@cloud-app-dev/vidc",
   "description": "Video Image Data Componennts",
-  "version": "3.0.17",
+  "version": "3.0.19",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",

package/es/Map/SinglePoint/Marker/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { MapPoint } from '../../interface';
-export interface IDragMarkerProps {
-    point: MapPoint;
-}
-declare function DragMarker({ point }: IDragMarkerProps): JSX.Element;
-export default DragMarker;

package/es/Map/SinglePoint/Marker/index.js

@@ -1,29 +0,0 @@
-import { mapContext } from '../../Context';
-import React, { useContext, useEffect } from 'react';
-import useMarker from '../../useMarker';
-import { createMapCenterIcon } from '../../icon';
-import useMapType from '../../hook/useMapType';
-
-function DragMarker(_ref) {
-  var point = _ref.point;
-
-  var _useContext = useContext(mapContext),
-      instance = _useContext.instance;
-
-  var type = useMapType();
-  var marker = useMarker({
-    map: instance.map,
-    center: type.leaflet ? [point.latitude, point.longitude] : [point.longitude, point.latitude],
-    createIcon: function createIcon() {
-      return createMapCenterIcon();
-    }
-  });
-  useEffect(function () {
-    if (!marker) {
-      return;
-    }
-  }, [marker]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null);
-}
-
-export default DragMarker;

package/es/Player/event/browserTabEvent.d.ts

@@ -1,9 +0,0 @@
-declare function visibilityState(): any;
-declare function addEventListener(listener: () => void): void;
-declare function removeEventListener(listener: () => void): void;
-declare const _default: {
-    addEventListener: typeof addEventListener;
-    removeEventListener: typeof removeEventListener;
-    visibilityState: typeof visibilityState;
-};
-export default _default;

package/es/Player/event/browserTabEvent.js

@@ -1,57 +0,0 @@
-function getHiddenProp() {
-  var prefixes = ['webkit', 'moz', 'ms', 'o']; // 如果hidden 属性是原生支持的，我们就直接返回
-
-  if ('hidden' in document) {
-    return 'hidden';
-  } // 其他的情况就循环现有的浏览器前缀，拼接我们所需要的属性
-
-
-  for (var i = 0; i < prefixes.length; i++) {
-    // 如果当前的拼接的前缀在 document对象中存在 返回即可
-    if (prefixes[i] + 'Hidden' in document) {
-      return prefixes[i] + 'Hidden';
-    }
-  } // 其他的情况 直接返回null
-
-
-  return undefined;
-}
-
-function getVisibilityState() {
-  var prefixes = ['webkit', 'moz', 'ms', 'o'];
-
-  if ('visibilityState' in document) {
-    return 'visibilityState';
-  }
-
-  for (var i = 0; i < prefixes.length; i++) {
-    if (prefixes[i] + 'VisibilityState' in document) {
-      return prefixes[i] + 'VisibilityState';
-    }
-  } // 找不到返回 null
-
-
-  return null;
-}
-
-function visibilityState() {
-  return document[getVisibilityState()];
-}
-
-function addEventListener(listener) {
-  var visProp = getHiddenProp();
-  var evtname = visProp.replace(/[H|h]idden/, '') + 'visibilitychange';
-  document.addEventListener(evtname, listener, false);
-}
-
-function removeEventListener(listener) {
-  var visProp = getHiddenProp();
-  var evtname = visProp.replace(/[H|h]idden/, '') + 'visibilitychange';
-  document.removeEventListener(evtname, listener, false);
-}
-
-export default {
-  addEventListener: addEventListener,
-  removeEventListener: removeEventListener,
-  visibilityState: visibilityState
-};