@cloud-app-dev/vidc 3.0.17 → 3.0.18

package/es/Player/segment_player.js

@@ -1,14 +1,6 @@
 import _useUpdate from "ahooks/es/useUpdate";
 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 _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -26,13 +18,14 @@ import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import SinglePlayer from './single_player';
 import SegmentTimeLine from './segment_timeline';
 import Events from './event/eventName';
-
+import { useRegisterPlayerEvent, useVideoEvent } from './event';
 /**
  * @desc 计算第一个url
  * @param segments
  * @param defaultIndex
  * @returns
  */
+
 function getFirstUrlIndex(segments) {
   var defaultIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
 
@@ -94,24 +87,16 @@ function usePlayIndex(event, segments) {
     }
   }, [segments, state.index]); // 监听片段播放状态，自动跳转下一个片段
 
-  useEffect(function () {
-    if (!event) {
-      return undefined;
-    }
-
-    var fn = function fn() {
-      return setState(function (old) {
-        return Object.assign(Object.assign({}, old), {
-          index: old.index + 1 < segments.length ? old.index + 1 : old.index
-        });
+  var endHandle = function endHandle() {
+    return setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        index: old.index + 1 < segments.length ? old.index + 1 : old.index
       });
-    };
+    });
+  };
 
-    event.addEventListener('ended', fn);
-    return function () {
-      return event.removeEventListener('ended', fn);
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [event, segments].concat(_toConsumableArray(deps)));
+  useVideoEvent('ended', endHandle, event);
+  useRegisterPlayerEvent(Events.PLAY_ENDED, endHandle, event);
   return {
     index: state.index,
     setIndex: function setIndex(i) {
@@ -214,21 +199,20 @@ function SegmentPlayer(_a) {
   var hasReady = api && event;
   var timeline = customTimeLine !== null && customTimeLine !== void 0 ? customTimeLine : /*#__PURE__*/React.createElement(SegmentTimeLine, {
     begin: begin,
-    api: api,
-    event: event,
     seekTo: seekTo,
     index: index,
     segments: segments,
-    duration: duration,
-    setIndex: setIndex
+    duration: duration
   });
   var onInit = useCallback(function () {
     update();
     onCanPlayerInit === null || onCanPlayerInit === void 0 ? void 0 : onCanPlayerInit(); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  console.log(playRef);
   return /*#__PURE__*/React.createElement(SinglePlayer, Object.assign({
     ref: playRef,
     url: url,
+    isLive: false,
     onCanPlayerInit: onInit,
     reload: reload,
     extActions: {

package/es/Player/segment_timeline.d.ts

@@ -1,17 +1,12 @@
 /// <reference types="react" />
-import type Api from './api';
-import type VideoEventInstance from './event';
 import type { ISegmentType } from './player';
 import './style/timeline.less';
 interface ITimeLineProps {
-    api: Api;
-    event: VideoEventInstance;
     index: number;
     segments: ISegmentType[];
     duration: number;
-    setIndex: (i: number) => void;
     begin: number;
     seekTo: (time: number) => void;
 }
-declare function SegmentTimeLine({ api, event, index, segments, duration, begin, setIndex, seekTo }: ITimeLineProps): JSX.Element;
+declare function SegmentTimeLine({ index, segments, duration, begin, seekTo }: ITimeLineProps): JSX.Element;
 export default SegmentTimeLine;

package/es/Player/segment_timeline.js

@@ -13,25 +13,29 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback, useContext, useMemo } from 'react';
 import { useTimes } from './timeline';
 import useBarStatus from './contraller_bar/useBarStatus';
 import moment from 'moment';
 import { FMT } from './util';
+import { Context } from './context';
 import "./style/timeline.css";
 
 function SegmentTimeLine(_ref) {
-  var api = _ref.api,
-      event = _ref.event,
-      index = _ref.index,
+  var index = _ref.index,
       segments = _ref.segments,
       duration = _ref.duration,
       begin = _ref.begin,
-      setIndex = _ref.setIndex,
       seekTo = _ref.seekTo;
+
+  var _useContext = useContext(Context),
+      api = _useContext.api,
+      event = _useContext.event,
+      isFpsPlay = _useContext.isFpsPlay;
+
   var status = useBarStatus(event);
 
-  var _useTimes = useTimes(api, event),
+  var _useTimes = useTimes(api, event, isFpsPlay),
       _useTimes2 = _slicedToArray(_useTimes, 2),
       currentTime = _useTimes2[0],
       buffered = _useTimes2[1];
@@ -62,7 +66,7 @@ function SegmentTimeLine(_ref) {
     var duration = segments[i].endTime - segments[i].beginTime;
     var currentTime = current / rect.width * duration;
     seekTo(Math.round(currentTime + pTime));
-  }, [segments, api, index, setIndex]);
+  }, [segments, begin, seekTo]);
   return /*#__PURE__*/React.createElement("div", {
     className: "player-timeline-layout player-segment-timeline-layout ".concat(status === 0 ? 'hide-time-line' : '')
   }, /*#__PURE__*/React.createElement("div", {

package/es/Player/single_player.js

@@ -1,3 +1,4 @@
+import _useUpdateEffect from "ahooks/es/useUpdateEffect";
 import _useToggle3 from "ahooks/es/useToggle";
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -24,6 +25,8 @@ import VideoMessage from './message';
 import useErrorEvent from './event/errorEvent';
 import { getVideoType, playReload, playUnload } from './util';
 import Timeline from './timeline';
+import FPSPlay from './fps_play';
+import { Provider } from './context';
 import "./style/index.css";
 var SinglePlayer = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _b;
@@ -53,10 +56,13 @@ var SinglePlayer = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var flvConfig = props.flvConfig,
       hlsConfig = props.hlsConfig,
       videoEvents = props.videoEvents,
-      playerEvents = props.playerEvents;
+      playerEvents = props.playerEvents,
+      oneFpsPlay = props.oneFpsPlay,
+      fpsDelay = props.fpsDelay;
 
   var _useState = useState({
-    container: null
+    container: null,
+    isFpsPlay: false
   }),
       _useState2 = _slicedToArray(_useState, 2),
       state = _useState2[0],
@@ -111,6 +117,23 @@ var SinglePlayer = /*#__PURE__*/React.forwardRef(function (_a, ref) {
 
   var unload = function unload() {
     return playUnload(video, flv, hls);
+  };
+
+  var openFpsPlay = function openFpsPlay() {
+    setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        isFpsPlay: true
+      });
+    });
+    api.pause();
+  };
+
+  var closeFpsPlay = function closeFpsPlay() {
+    return setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        isFpsPlay: false
+      });
+    });
   }; // 合并api,加上代理
 
 
@@ -122,7 +145,9 @@ var SinglePlayer = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     var map = Object.assign({
       reload: reload,
       unload: unload,
-      toggleFit: toggle
+      toggleFit: toggle,
+      openFpsPlay: openFpsPlay,
+      closeFpsPlay: closeFpsPlay
     }, extActions);
     return new Proxy(api, {
       get: function get(target, key) {
@@ -161,13 +186,12 @@ var SinglePlayer = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       fit: fit
     };
   }, [video, state.container, playApi, playEvent, flv, hls, fit]);
-  useEffect(function () {
-    if (api && event && video) {
-      onCanPlayerInit === null || onCanPlayerInit === void 0 ? void 0 : onCanPlayerInit();
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
 
+  _useUpdateEffect(function () {
+    return api && event && video ? onCanPlayerInit === null || onCanPlayerInit === void 0 ? void 0 : onCanPlayerInit() : undefined;
   }, [api, event, video]); // 补货视频错误，自定义处理
 
+
   useErrorEvent({
     unload: unload,
     flv: flv,
@@ -183,44 +207,59 @@ var SinglePlayer = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     event: event,
     isLive: isLive
   });
-  return /*#__PURE__*/React.createElement("div", {
-    className: "lm-player-container ".concat(className),
-    ref: domRef
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "player-mask-layout"
-  }, /*#__PURE__*/React.createElement("video", {
-    style: {
-      objectFit: fit
-    },
-    autoPlay: autoPlay,
+  var videoProps = {
+    autoPlay: state.isFpsPlay ? false : autoPlay,
     preload: preload,
-    muted: muted,
+    muted: state.isFpsPlay ? false : muted,
     poster: poster,
     controls: false,
     playsInline: playsInline,
-    loop: loop
-  })), api && event && hasLink && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VideoMessage, {
-    api: playApi,
-    event: event
-  }), !hideContrallerBar && /*#__PURE__*/React.createElement(ContrallerEvent, {
-    event: event,
-    container: state.container
-  }, /*#__PURE__*/React.createElement(ContrallerBar, {
-    api: playApi,
-    event: event,
-    isLive: isLive,
-    container: state.container,
+    loop: state.isFpsPlay ? false : loop
+  };
+  var contrallerProps = {
     rightExtContents: rightExtContents,
     rightMidExtContents: rightMidExtContents,
-    leftExtContents: leftExtContents,
     leftMidExtContents: leftMidExtContents,
+    leftExtContents: leftExtContents,
     reload: (_b = props.reload) !== null && _b !== void 0 ? _b : reload,
-    hideTimeProgress: !!customTimeLine
-  })), customTimeLine ? customTimeLine : !hideContrallerBar ? /*#__PURE__*/React.createElement(Timeline, {
+    hideTimeProgress: !!customTimeLine,
+    oneFpsPlay: oneFpsPlay
+  };
+  return /*#__PURE__*/React.createElement(Provider, {
+    api: playApi,
+    event: event,
+    container: state.container,
+    isLive: isLive,
+    isFpsPlay: state.isFpsPlay
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "lm-player-container ".concat(className),
+    ref: domRef
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "player-mask-layout"
+  }, /*#__PURE__*/React.createElement("video", Object.assign({}, videoProps, {
+    style: {
+      objectFit: fit,
+      visibility: state.isFpsPlay ? 'hidden' : 'unset'
+    }
+  })), api && event && hasLink && state.isFpsPlay ? /*#__PURE__*/React.createElement(FPSPlay, {
+    event: event,
+    api: playApi,
+    fpsDelay: fpsDelay
+  }) : /*#__PURE__*/React.createElement(Empty, null)), api && event && hasLink ? /*#__PURE__*/React.createElement(VideoMessage, {
+    api: playApi,
+    event: event
+  }) : /*#__PURE__*/React.createElement(Empty, null), api && event && hasLink && !hideContrallerBar ? /*#__PURE__*/React.createElement(ContrallerEvent, {
+    children: /*#__PURE__*/React.createElement(ContrallerBar, Object.assign({}, contrallerProps))
+  }) : /*#__PURE__*/React.createElement(Empty, null), customTimeLine ? customTimeLine : !hideContrallerBar ? /*#__PURE__*/React.createElement(Timeline, {
     api: playApi,
     event: event
-  }) : null), children);
+  }) : /*#__PURE__*/React.createElement(Empty, null), children));
 });
+
+function Empty() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null);
+}
+
 SinglePlayer.defaultProps = {
   isLive: true,
   errorReloadTimer: 5,
@@ -236,6 +275,8 @@ SinglePlayer.defaultProps = {
     config: {}
   },
   hlsConfig: {},
-  extActions: {}
+  extActions: {},
+  oneFpsPlay: false,
+  fpsDelay: 100
 };
 export default SinglePlayer;

package/es/Player/style/bar.css

@@ -34,4 +34,5 @@
   line-height: 28px;
   color: #fff;
   font-size: 10px;
+  padding: 0 6px;
 }

package/es/Player/style/index.css

@@ -8,6 +8,14 @@
 .lm-player-container .lm-player-iconfont {
   color: #fff;
 }
+.lm-player-container .fps-play-canvas {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  background-color: #000;
+}
 .lm-player-container .player-mask-layout {
   width: 100%;
   height: 100%;

package/es/Player/timeline.d.ts

@@ -6,6 +6,6 @@ interface ITimeLineProps {
     api: Api;
     event: VideoEventInstance;
 }
-export declare function useTimes(api: Api, event: VideoEventInstance, isHide?: boolean): number[];
+export declare function useTimes(api: Api, event: VideoEventInstance, isFpsPlay?: boolean): number[];
 declare function TimeLine({ api, event }: ITimeLineProps): JSX.Element;
 export default TimeLine;

package/es/Player/timeline.js

@@ -10,10 +10,11 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
 import useBarStatus from './contraller_bar/useBarStatus';
+import { useVideoEvent } from './event';
 import "./style/timeline.css";
-export function useTimes(api, event, isHide) {
+export function useTimes(api, event, isFpsPlay) {
   var _useState = useState({
     currentTime: 0,
     buffered: 0
@@ -22,46 +23,34 @@ export function useTimes(api, event, isHide) {
       state = _useState2[0],
       setState = _useState2[1];
 
-  useEffect(function () {
-    if (isHide) {
-      return undefined;
-    }
-
-    var getCurrentTime = function getCurrentTime() {
-      return setState(function (old) {
-        return Object.assign(Object.assign({}, old), {
-          currentTime: api.getCurrentTime(),
-          buffered: api.getSecondsLoaded()
-        });
+  var getCurrentTime = function getCurrentTime() {
+    return setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        currentTime: api.getCurrentTime(),
+        buffered: api.getSecondsLoaded()
       });
-    };
+    });
+  };
 
-    var getBuffered = function getBuffered() {
-      return setState(function (old) {
-        return Object.assign(Object.assign({}, old), {
-          buffered: api.getSecondsLoaded()
-        });
+  var getBuffered = function getBuffered() {
+    return setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        buffered: api.getSecondsLoaded()
       });
-    };
+    });
+  };
 
-    var seekendPlay = function seekendPlay() {
-      return api.play();
-    };
+  var seekendPlay = function seekendPlay() {
+    return !isFpsPlay && api.play();
+  };
 
-    event.addEventListener('timeupdate', getCurrentTime);
-    event.addEventListener('progress', getBuffered);
-    event.addEventListener('suspend', getBuffered);
-    event.addEventListener('seeked', seekendPlay);
-    return function () {
-      event.removeEventListener('timeupdate', getCurrentTime);
-      event.removeEventListener('progress', getBuffered);
-      event.removeEventListener('suspend', getBuffered);
-      event.removeEventListener('seeked', seekendPlay);
-    };
-  }, [event, api, isHide]);
+  useVideoEvent('timeupdate', getCurrentTime);
+  useVideoEvent('progress', getBuffered);
+  useVideoEvent('suspend', getBuffered);
+  useVideoEvent('seeked', seekendPlay);
   return useMemo(function () {
     return [state.currentTime, state.buffered, api.getDuration()];
-  }, [state.currentTime, state.buffered]);
+  }, [state.currentTime, state.buffered, api]);
 }
 
 function TimeLine(_ref) {
@@ -77,10 +66,10 @@ function TimeLine(_ref) {
 
   var playPercent = useMemo(function () {
     return currentTime / duration * 100;
-  }, [currentTime]);
+  }, [currentTime, duration]);
   var bufferedPercent = useMemo(function () {
     return buffered / duration * 100;
-  }, [buffered]);
+  }, [buffered, duration]);
   var seekWithLine = useCallback(function (e) {
     var rect = e.currentTarget.getBoundingClientRect();
     var current = e.pageX - rect.left;

package/es/Player/util.d.ts

@@ -7,7 +7,7 @@ import type { FlvPlayerConfig } from './player';
  * @param {*} video
  * @param {*} URL
  */
-export declare function createHlsPlayer(video: HTMLVideoElement, url: string, hlsConfig: HlsConfig): Hls;
+export declare function createHlsPlayer(video: HTMLVideoElement, url: string, isLive: boolean, hlsConfig: HlsConfig): Hls;
 /**
  * 创建FLV对象
  * @param {*} video

package/es/Player/util.js

@@ -12,16 +12,13 @@ import Events from './event/eventName';
  * @param {*} URL
  */
 
-export function createHlsPlayer(video, url, hlsConfig) {
+export function createHlsPlayer(video, url, isLive, hlsConfig) {
   if (!Hls.isSupported()) {
     return undefined;
   }
 
   var player = new Hls(Object.assign({
-    liveDurationInfinity: true,
-    fragLoadingMaxRetry: 0,
-    manifestLoadingMaxRetry: 0,
-    levelLoadingMaxRetry: 0,
+    liveDurationInfinity: isLive,
     enableWorker: true
   }, hlsConfig));
   player.loadSource(url);

package/es/ScreenPlayer/Live.js

@@ -157,7 +157,6 @@ function LivePlayer(_a) {
 
     return /*#__PURE__*/React.createElement(LivePlayerWithExt, Object.assign({}, item, {
       mode: (_a = item.mode) !== null && _a !== void 0 ? _a : state.modes[index],
-      isLive: true,
       key: "".concat(item.url, "-").concat(index),
       updatePlayer: function updatePlayer(player) {
         return playerRef.current[index] = player;

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/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/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;