@cloud-app-dev/vidc 3.2.33 → 3.2.35

package/es/FullScreen/index.js

@@ -13,8 +13,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React from 'react';
-import useFullscreen from "../useFullscreen";
 import IconFont from "../IconFont";
+import useFullscreen from "../useFullscreen";
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/es/Picture/demo.js

@@ -39,9 +39,9 @@ export default function App() {
         onClickRect: console.log,
         onMenuClick: console.log,
         menus: [{
-          title: "菜单1",
-          pathname: "/",
-          icon: ""
+          title: '菜单1',
+          pathname: '/',
+          icon: ''
         }],
         imagePath: "http://192.168.100.246:1443/image/v1/100005251/objects/63882cf105f5f58310107e95/1669910400.jpg?signature=ad407ae3019acb29b14b4ed2817ad12f&watermark=m_61646D696E0A323032323132303154313332373434&expires=1669910400",
         isOpenSelect: state.open,
@@ -62,7 +62,7 @@ export default function App() {
           rect: [240.0, 468.0, 41.0, 36.0],
           needExpand: true
         }],
-        children: function children(options) {
+        children: function children() {
           return /*#__PURE__*/_jsx(_Button, {
             onClick: function onClick() {
               updateState({

package/es/Picture/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import type { IPictureProps } from './interface';
 import './index.less';
+import type { IPictureProps } from './interface';
 declare function Picture({ className, width, height, minHeight, disabledDrag, imagePath, rects, isOpenSelect, disabledDrawMenu, menus, hasTool, fullScreenEle, ...props }: IPictureProps): JSX.Element;
 declare namespace Picture {
     var defaultProps: {

package/es/Picture/index.js

@@ -40,10 +40,10 @@ import DrawRect from "./component/DrawRect";
 import Tools from "./component/Tools";
 import WheelScale from "./component/WheelScale";
 import { computedBound } from "./dragBound";
+import "./index.less";
 import { getRectImagePath } from "./loadCaptureRectImage";
 import useDraw from "./useDraw";
 import { computedRectScale, customContextMenu } from "./utils";
-import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -97,7 +97,6 @@ function Picture(_ref) {
       return undefined;
     }
 
-    console.log(imagePath);
     var localUrl;
     fetch(imagePath).then(function (res) {
       return res.blob();
@@ -106,6 +105,8 @@ function Picture(_ref) {
       updateState({
         localUrl: localUrl
       });
+    }).catch(function (e) {
+      console.error(e);
     });
     return function () {
       return URL.revokeObjectURL(localUrl);
@@ -286,16 +287,7 @@ function Picture(_ref) {
 
 
   var getRectImage = _useMemoizedFn(function (rect) {
-    var scale = state.scale,
-        rotate = state.rotate,
-        x = state.x,
-        y = state.y;
-    return getRectImagePath(domImgRef.current, rect, {
-      scale: scale,
-      rotate: rotate,
-      x: x,
-      y: y
-    });
+    return getRectImagePath(domImgRef.current, rect);
   });
 
   useEffect(function () {

package/es/Picture/loadCaptureRectImage.d.ts

@@ -1,8 +1,3 @@
 import { ImageType } from './interface';
 export declare function loadCaptureRectImage(image: HTMLImageElement, rect: number[], imageType: ImageType): Promise<string>;
-export declare function getRectImagePath(image: HTMLImageElement, rect: number[], options?: {
-    scale: number;
-    rotate: number;
-    x: number;
-    y: number;
-}): string;
+export declare function getRectImagePath(image: HTMLImageElement, rect: number[]): string;

package/es/Picture/loadCaptureRectImage.js

@@ -68,15 +68,6 @@ function _loadCaptureRectImage() {
 }
 
 export function getRectImagePath(image, rect) {
-  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
-    scale: 1,
-    rotate: 0,
-    x: 0,
-    y: 0
-  };
-  var scale = options.scale,
-      rotate = options.rotate;
-
   var _rect = _slicedToArray(rect, 4),
       x = _rect[0],
       y = _rect[1],
@@ -104,7 +95,6 @@ export function getRectImagePath(image, rect) {
   // document.body.appendChild(fullCanvas);
 
   fullCtx.translate(naturalWidth / 2, naturalHeight / 2);
-  fullCtx.rotate(rotate * Math.PI / 180);
   fullCtx.drawImage(image, -naturalWidth / 2, -naturalHeight / 2, naturalWidth, naturalHeight);
   fullCtx.restore();
   var imageData = fullCtx.getImageData(area[0], area[1], area[2], area[3]);

package/es/ScreenPlayer/Record.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import './index.less';
 import type { IRecordPlayerProps } from './interface';
+import './index.less';
 /**
  * @desc 录像设计的时间全部需要到毫秒
  * @param param0

package/es/ScreenPlayer/Record.js

@@ -35,12 +35,12 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { cloneDeep } from 'lodash-es';
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import DisableMark from "../DisableMark";
-import "./index.less";
 import { FrontendPlayerWithExt, SegmentPlayerWithExt } from "./PlayerWithExt";
 import RecordTools from "./RecordTools";
 import SegmentTimeLine from "./SegmentTimeLine";
 import useVideoFit from "./useVideoFit";
 import { mergeFill, ScreenType, sleep } from "./utils";
+import "./index.less";
 import { createElement as _createElement } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -492,7 +492,7 @@ function RecordPlayer(_ref) {
           toggleFit: toggleFit,
           getPlayerItem: getPlayerItem,
           screenNum: screenNum,
-          mode: state.modes[state.selectIndex],
+          mode: segmentItem !== null && segmentItem !== void 0 && segmentItem.cid ? state.modes["".concat(segmentItem.cid, "-").concat(segmentItem.date)] : segmentItem === null || segmentItem === void 0 ? void 0 : segmentItem.mode,
           containerRef: domRef,
           updateState: updateState,
           onTimeChange: onTimeChange,

package/package.json

@@ -2,7 +2,7 @@
   "private": false,
   "name": "@cloud-app-dev/vidc",
   "description": "Video Image Data Componennts",
-  "version": "3.2.33",
+  "version": "3.2.35",
   "scripts": {
     "docs:deploy": "gh-pages -d docs-dist",
     "build": "npm run entry && father build",
@@ -66,7 +66,7 @@
     "@types/react-dom": "^18.0.6",
     "antd": "^4.22.6",
     "babel-plugin-import": "^1.13.5",
-    "dumi": "^2.0.9",
+    "dumi": "^2.0.10",
     "gh-pages": "^4.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",