@cloud-app-dev/vidc 3.0.40 → 3.0.42

package/es/Map/LevelCenter/DragMarker/index.js

@@ -31,7 +31,7 @@ function DragMarker(_ref) {
       var latlng = type.leaflet ? e.target.getLatLng() : e.target.getPosition();
       instance.setCenter(latlng);
       onChange === null || onChange === void 0 ? void 0 : onChange({
-        center: latlng
+        center: [latlng.getLng(), latlng.getLat()]
       });
     });
     instance.map.on('moveend', function () {

package/es/ROI/demo.js

@@ -4,7 +4,7 @@ import ROI from './index';
 var App = function App() {
   return /*#__PURE__*/React.createElement("div", {
     style: {
-      width: 600,
+      width: "100%",
       height: 400,
       background: '#999'
     }

package/es/ScreenPlayer/RatePick.js

@@ -29,7 +29,7 @@ function RatePick(_ref) {
 
   _useUpdateEffect(function () {
     return onChange(state.rate);
-  }, []);
+  }, [state.rate]);
 
   return /*#__PURE__*/React.createElement(CustomRenderSelect, {
     value: state.rate,

package/es/useDrawROI/index.js

@@ -1,5 +1,5 @@
 import _useEventListener from "ahooks/es/useEventListener";
-import _useMount from "ahooks/es/useMount";
+import _useSize from "ahooks/es/useSize";
 import _useLatest from "ahooks/es/useLatest";
 
 function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); }
@@ -47,16 +47,21 @@ function useDrawROI(target, _ref) {
 
   var isOpenRef = _useLatest(state.isOpen);
 
-  _useMount(function () {
-    var canvas = getTargetElement(target);
-
-    var _canvas$getBoundingCl = canvas.getBoundingClientRect(),
-        width = _canvas$getBoundingCl.width,
-        height = _canvas$getBoundingCl.height;
+  var size = _useSize(target);
 
-    canvas.width = width;
-    canvas.height = height;
-  });
+  useEffect(function () {
+    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变化，请重新绘制！');
+    setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        pos: [],
+        tempPos: [],
+        saveArea: []
+      });
+    }); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [size === null || size === void 0 ? void 0 : size.height, size === null || size === void 0 ? void 0 : size.width]);
 
   _useEventListener('click', function (event) {
     if (!isOpenRef.current) {
@@ -275,9 +280,9 @@ function useDrawROI(target, _ref) {
       return rioArr;
     }
 
-    var _canvas$getBoundingCl2 = canvas.getBoundingClientRect(),
-        width = _canvas$getBoundingCl2.width,
-        height = _canvas$getBoundingCl2.height;
+    var _canvas$getBoundingCl = canvas.getBoundingClientRect(),
+        width = _canvas$getBoundingCl.width,
+        height = _canvas$getBoundingCl.height;
 
     var itemWidth = width / rowItems;
     var itemHeight = height / row; // 转换当前绘制完成的区域为多边形

package/package.json

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