@cloud-app-dev/vidc 3.2.6 → 3.2.8

package/es/Player/live_heart.d.ts

@@ -1,4 +1,8 @@
-declare function useLiveHeart({ isLive }: {
+import type Api from './api';
+import type VideoEventInstance from './event';
+declare function useLiveHeart({ api, event, isLive }: {
+    api: Api;
+    event: VideoEventInstance;
     isLive: boolean;
 }): void;
 export default useLiveHeart;

package/es/Player/live_heart.js

@@ -1,14 +1,12 @@
 import _useRafInterval from "ahooks/es/useRafInterval";
 import _useUpdateEffect from "ahooks/es/useUpdateEffect";
 import _useDocumentVisibility from "ahooks/es/useDocumentVisibility";
-import { useContext, useRef } from 'react';
-import { Context } from './context';
+import { useRef } from 'react';
 import Events from './event/eventName';
 function useLiveHeart(_ref) {
-  var isLive = _ref.isLive;
-  var _useContext = useContext(Context),
-    api = _useContext.api,
-    event = _useContext.event;
+  var api = _ref.api,
+    event = _ref.event,
+    isLive = _ref.isLive;
   var documentVisibility = _useDocumentVisibility();
   var cTimeRef = useRef(null);
   var run = function run() {

package/es/Player/single_player.js

@@ -189,6 +189,8 @@ var SinglePlayer = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   });
   // 直播缓冲追回
   useLiveHeart({
+    api: api,
+    event: event,
     isLive: isLive
   });
   var videoProps = {

package/es/ScreenPlayer/interface.d.ts

@@ -80,7 +80,7 @@ export interface IRecordPlayerProps {
   /**
    * 自定义合成前端录像
    */
-  getLocalRecordUrl?: (options: { url: URL; begin: number; end: number }) => Promise<string>;
+  getLocalRecordUrl?: (options: { url: URL; begin: number; end: number; screenIndex: number }) => Promise<string>;
 
   /**
    * 插件下载地址

package/es/useDrawROI/index.js

@@ -1,5 +1,6 @@
 import _useEventListener from "ahooks/es/useEventListener";
 import _useUpdateEffect from "ahooks/es/useUpdateEffect";
+import _usePrevious from "ahooks/es/usePrevious";
 import _useSize from "ahooks/es/useSize";
 import _useLatest from "ahooks/es/useLatest";
 function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); }
@@ -36,16 +37,28 @@ function useDrawROI(target, _ref) {
     setState = _useSimpleState2[2];
   var isOpenRef = _useLatest(state.isOpen);
   var size = _useSize(target);
+  var oldSize = _usePrevious(size);
   useEffect(function () {
+    if (!(size === null || size === void 0 ? void 0 : size.width)) {
+      return;
+    }
     var canvas = getTargetElement(target);
     canvas.width = size === null || size === void 0 ? void 0 : size.width;
     canvas.height = size === null || size === void 0 ? void 0 : size.height;
-    console.warn('canvas，size变化，请重新绘制！');
+    console.warn('canvas，size变化！');
+    if (!(oldSize === null || oldSize === void 0 ? void 0 : oldSize.width)) {
+      return;
+    }
+    var scale = size.width / oldSize.width;
     setState(function (old) {
       return Object.assign(Object.assign({}, old), {
         pos: [],
         tempPos: [],
-        saveArea: []
+        saveArea: old.saveArea.map(function (area) {
+          return area.map(function (v) {
+            return [v[0] * scale, v[1] * scale];
+          });
+        })
       });
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/package.json

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