@cloud-app-dev/vidc 3.2.13 → 3.2.14

package/es/List/DynamicGridList/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { GridListCell } from '../GridList/interface';
 import { TData } from '../../useInfiniteScroll';
+import { GridListCell } from '../GridList/interface';
 export interface IDynamicGridListProps<T> {
     itemHeight?: number;
     className?: string;
@@ -13,11 +13,11 @@ export interface IDynamicGridListProps<T> {
      * @param options
      */
     renderItem: (item: T, cell: GridListCell<T>) => React.ReactNode;
-    loadPage(d: TData<T>): Promise<TData<T>>;
+    loadPage(d?: TData<T>): Promise<TData<T>>;
     itemWidth?: number;
     itemKey: string;
     getGridGap?: (...args: any) => number;
-    isNoMore?: (data: TData<T>) => boolean;
+    isNoMore?: (data?: TData<T>) => boolean;
     threshold?: number;
 }
 declare function DynamicGridList<T>({ renderItem, itemHeight, itemKey, itemWidth, reloadDeps, getGridGap, loadPage, isNoMore, threshold, ...props }: IDynamicGridListProps<T>): JSX.Element;

package/es/List/DynamicGridList/index.js

@@ -1,5 +1,3 @@
-import "antd/lib/message/style";
-import _message from "antd/lib/message";
 import _useUpdateEffect from "ahooks/es/useUpdateEffect";
 var _excluded = ["renderItem", "itemHeight", "itemKey", "itemWidth", "reloadDeps", "getGridGap", "loadPage", "isNoMore", "threshold"];
 
@@ -8,8 +6,8 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import React, { useMemo, useRef } from 'react';
-import GridList from "../GridList";
 import useInfiniteScroll from "../../useInfiniteScroll";
+import GridList from "../GridList";
 import { jsx as _jsx } from "react/jsx-runtime";
 
 function DynamicGridList(_ref) {
@@ -36,7 +34,9 @@ function DynamicGridList(_ref) {
       noMore = _useInfiniteScroll.noMore;
 
   _useUpdateEffect(function () {
-    noMore && _message.success('数据已全部加载完成！');
+    if (noMore) {
+      console.warn('数据已全部加载完成');
+    }
   }, [noMore]);
 
   function getItemData(data) {
@@ -48,7 +48,7 @@ function DynamicGridList(_ref) {
   }
 
   function getColumnCount(elementWidth, gridGap) {
-    return Math.floor((elementWidth + gridGap) / (itemWidth + gridGap));
+    return Math.floor((elementWidth + gridGap) / ((itemWidth !== null && itemWidth !== void 0 ? itemWidth : 0) + gridGap));
   }
 
   function getWindowMargin(windowHeight) {

package/es/ListWithSizeAnimate/demo.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function App(): JSX.Element;

package/es/ListWithSizeAnimate/demo.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import ListWithSizeAnimate from "./index";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function App() {
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      width: '100%',
+      height: 800
+    },
+    children: /*#__PURE__*/_jsx(ListWithSizeAnimate, {
+      headerSize: 400,
+      children: /*#__PURE__*/_jsx("div", {
+        style: {
+          height: 800
+        }
+      })
+    })
+  });
+}

package/es/ListWithSizeAnimate/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './index.less';
+interface IListWithSizeAnimateProps {
+    headerSize: number;
+    children?: React.ReactNode;
+    header?: React.ReactNode;
+}
+declare function ListWithSizeAnimate({ headerSize, children, header }: IListWithSizeAnimateProps): JSX.Element;
+export default ListWithSizeAnimate;

package/es/ListWithSizeAnimate/index.js

@@ -0,0 +1,71 @@
+import _useEventListener from "ahooks/es/useEventListener";
+
+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."); }
+
+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 _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 _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import React, { useMemo, useRef } from 'react';
+import useSimpleState from "../useSimpleState";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+function ListWithSizeAnimate(_ref) {
+  var headerSize = _ref.headerSize,
+      children = _ref.children,
+      header = _ref.header;
+
+  var _useSimpleState = useSimpleState({
+    open: true
+  }),
+      _useSimpleState2 = _slicedToArray(_useSimpleState, 2),
+      state = _useSimpleState2[0],
+      updateState = _useSimpleState2[1];
+
+  var ref = useRef(null);
+  var headerHeight = useMemo(function () {
+    return state.open ? headerSize : 0;
+  }, [state.open]);
+  var contentHeight = useMemo(function () {
+    return "calc(100% - ".concat(headerHeight, "px)");
+  }, [headerHeight]);
+
+  _useEventListener('wheel', function (event) {
+    updateState({
+      open: event.deltaY < 0
+    });
+  }, {
+    target: ref
+  });
+
+  return /*#__PURE__*/_jsxs("div", {
+    className: "list-with-size-animate-layout",
+    ref: ref,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "list-animate-header",
+      style: {
+        height: headerHeight
+      },
+      children: /*#__PURE__*/_jsx("div", {
+        className: "list-animate-header-content",
+        children: header
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      className: "list-animate-content",
+      style: {
+        height: contentHeight
+      },
+      children: children
+    })]
+  });
+}
+
+export default ListWithSizeAnimate;

package/es/ListWithSizeAnimate/index.less

@@ -0,0 +1,13 @@
+.list-with-size-animate-layout {
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  .list-animate-header {
+    background-color: gray;
+    transition: height 0.3s;
+  }
+  .list-animate-content {
+    background-color: blue;
+    overflow: hidden;
+  }
+}

package/es/Picture/interface.d.ts

@@ -1,5 +1,3 @@
-import * as React from 'react';
-
 export type MenuRectType = {
   /**
    * 路由地址
@@ -21,7 +19,6 @@ export type MenuRectType = {
    */
   base64?: string;
 };
-export const MenuRectTypeDemo: React.FC<MenuRectType>;
 
 export type TagItemType = {
   /**
@@ -44,7 +41,6 @@ export type TagItemType = {
    */
   titleAttr?: string;
 };
-export const TagItemTypeDemo: React.FC<TagItemType>;
 
 export type ImageType = 'face' | 'body' | 'nonVehicle' | 'vehicle' | 'thing';
 
@@ -104,8 +100,6 @@ export type RectType = {
   base64?: string;
 };
 
-export const RectTypeDemo: React.FC<RectType>;
-
 export type PositionType = {
   x: number;
   y: number;

package/es/Player/contraller_bar/volume.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type Api from '../api';
 import '../style/volume.less';
 declare function Volume({ api, style }: {
-    api: Api;
+    api?: Api;
     style?: React.CSSProperties;
 }): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Volume>;

package/es/PlayerExt/index.d.ts

@@ -41,7 +41,7 @@ export declare function getLocalPort(): string;
  * @returns
  */
 export declare function getLocalPlayPath(url: string, params?: string): string;
-export declare function usePlugin(mode: PlayModeType, key: any): {
+export declare function usePlugin(mode?: PlayModeType, key?: any): {
     needInstall: boolean;
 };
 export declare function ExtModel({ url, children, mode, pluginDownloadUrl, pluginParams, loading, segments }: IPluginProps): JSX.Element;

package/es/PlayerExt/index.js

@@ -16,7 +16,6 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-/* eslint-disable jsx-a11y/anchor-is-valid */
 import React, { useEffect, useMemo, useState } from 'react';
 import IconFont from "../Player/iconfont";
 import "./index.less";
@@ -46,7 +45,7 @@ export function getLocalPlayPath(url) {
   var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   var URL_TEMPLATE = "http://127.0.0.1:<port>/video/v1/transcoding?uri=<pull_uri>";
   var port = getLocalPort();
-  var pull_uri = window.btoa(url).replaceAll('=', '').replaceAll('/', '_').replaceAll('+', '-');
+  var pull_uri = window.btoa(url).replace(/=/g, '').replace(/\//, '_').replace('+', '-');
   return URL_TEMPLATE.replace('<port>', port).replace('<pull_uri>', pull_uri) + params;
 }
 export function usePlugin(mode, key) {
@@ -191,11 +190,11 @@ export function ExtModel(_ref2) {
   }, [url, mode]); // eslint-disable-next-line react-hooks/exhaustive-deps
 
   var playSegments = useMemo(function () {
-    return mode === 2 && url ? segments.map(function (v) {
+    return mode === 2 && segments ? segments.map(function (v) {
       return _objectSpread(_objectSpread({}, v), {}, {
-        url: getLocalPlayPath(v.url, pluginParams)
+        url: v.url ? getLocalPlayPath(v.url, pluginParams) : undefined
       });
-    }) : url;
+    }) : segments;
   }, [segments, mode]);
 
   if (needInstall) {

package/es/ScreenPlayer/Live.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import type { ILivePlayerProps } from './interface';
 import './index.less';
+import type { ILivePlayerProps } from './interface';
 declare function LivePlayer({ list, children, oneWinExtTools, allWinExtTools, ...props }: ILivePlayerProps): JSX.Element;
 declare namespace LivePlayer {
     var defaultProps: {

package/es/ScreenPlayer/Live.js

@@ -25,12 +25,12 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import React, { useEffect, useMemo, useRef, useState } from 'react';
-import { ScreenType, mergeFill } from "./utils";
-import { LivePlayerWithExt } from "./PlayerWithExt";
-import Tools from "./LiveTools";
-import useVideoFit from "./useVideoFit";
 import DisableMark from "../DisableMark";
 import "./index.less";
+import Tools from "./LiveTools";
+import { LivePlayerWithExt } from "./PlayerWithExt";
+import useVideoFit from "./useVideoFit";
+import { mergeFill, ScreenType } from "./utils";
 import { createElement as _createElement } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -77,10 +77,11 @@ function LivePlayer(_ref) {
   }, [list, screenNum]); // 获取选中player对象
 
   var getPlayerItem = function getPlayerItem() {
-    var _playerRef$current, _playerRef$current$it;
+    var _playerRef$current, _playerRef$current$ci;
 
-    var item = list[state.selectIndex];
-    return (_playerRef$current = playerRef.current) === null || _playerRef$current === void 0 ? void 0 : (_playerRef$current$it = _playerRef$current[item === null || item === void 0 ? void 0 : item.cid]) === null || _playerRef$current$it === void 0 ? void 0 : _playerRef$current$it.current;
+    var item = list ? list[state.selectIndex] : {};
+    var cid = item.cid;
+    return cid ? (_playerRef$current = playerRef.current) === null || _playerRef$current === void 0 ? void 0 : (_playerRef$current$ci = _playerRef$current[cid]) === null || _playerRef$current$ci === void 0 ? void 0 : _playerRef$current$ci.current : undefined;
   }; // 更新状态
 
 
@@ -98,18 +99,22 @@ function LivePlayer(_ref) {
       } // 修正选中索引
 
 
-      if (newState.screenNum < state.selectIndex) {
+      if (newState.screenNum && newState.screenNum < state.selectIndex) {
         obj.selectIndex = 0;
       }
     }
 
     if (newState.hasOwnProperty('mode')) {
-      var item = list[state.selectIndex];
+      var item = list === null || list === void 0 ? void 0 : list[state.selectIndex];
 
       var newModes = _objectSpread({}, state.modes);
 
-      newModes[item.cid] = newState.mode;
-      obj.modes = newModes;
+      var cid = item === null || item === void 0 ? void 0 : item.cid;
+
+      if (cid) {
+        newModes[cid] = newState.mode;
+        obj.modes = newModes;
+      }
     }
 
     setState(function (old) {
@@ -119,7 +124,7 @@ function LivePlayer(_ref) {
 
 
   var segmentItem = useMemo(function () {
-    return list[state.selectIndex] || {};
+    return (list === null || list === void 0 ? void 0 : list[state.selectIndex]) || {};
   }, [state.selectIndex, list]);
   /**
    * 同步外部的selectIndex变化
@@ -196,13 +201,15 @@ function LivePlayer(_ref) {
       className: "player-layout",
       ref: domRef,
       children: screenList.map(function (item, index) {
-        var _state$modes$item$cid, _item$url;
+        var _item$url;
 
         return /*#__PURE__*/_createElement(LivePlayerWithExt, _objectSpread(_objectSpread({}, item), {}, {
-          mode: (_state$modes$item$cid = state.modes[item.cid]) !== null && _state$modes$item$cid !== void 0 ? _state$modes$item$cid : item.mode,
+          mode: item.cid ? state.modes[item.cid] : item.mode,
           key: (_item$url = item.url) !== null && _item$url !== void 0 ? _item$url : "".concat(index),
           updatePlayer: function updatePlayer(player) {
-            return playerRef.current[item.cid] = player;
+            if (item.cid) {
+              playerRef.current[item.cid] = player;
+            }
           },
           className: state.selectIndex === index ? 'player-current-index' : '',
           onClick: index !== state.selectIndex ? function () {
@@ -213,8 +220,8 @@ function LivePlayer(_ref) {
             });
           } : undefined,
           style: {
-            width: screenType.width,
-            height: screenType.height
+            width: screenType === null || screenType === void 0 ? void 0 : screenType.width,
+            height: screenType === null || screenType === void 0 ? void 0 : screenType.height
           },
           pluginDownloadUrl: props.pluginDownloadUrl
         }));

package/es/ScreenPlayer/LiveTools.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { ExportPlayerType } from '../Player/player';
 import { PlayModeType } from '../PlayerExt';
 interface IToolsProps {
-    containerRef: React.MutableRefObject<HTMLDivElement>;
+    containerRef: React.RefObject<HTMLDivElement>;
     updateState: (state: {
         screenNum?: number;
         mode?: PlayModeType;
@@ -14,7 +14,7 @@ interface IToolsProps {
     toggleFit?: () => void;
     onClose?: () => void;
     onCloseAll?: () => void;
-    snapshot?: (base64?: string) => void;
+    snapshot?: (base64: string) => void;
     /**
      * 单窗口拓展工具条,左侧
      */

package/es/ScreenPlayer/LiveTools.js

@@ -19,10 +19,10 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import React from 'react';
+import Volume from "../Player/contraller_bar/volume";
 import IconFont from "../Player/iconfont";
-import ScreenSelect from "./ScreenSelect";
 import useFullscreen from "../useFullscreen";
-import Volume from "../Player/contraller_bar/volume";
+import ScreenSelect from "./ScreenSelect";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 
@@ -59,11 +59,14 @@ function LiveTools(_ref) {
   };
 
   var snapshotaction = function snapshotaction() {
-    var _props$snapshot;
-
     var player = props.getPlayerItem();
     var base64 = player === null || player === void 0 ? void 0 : player.api.snapshot();
-    (_props$snapshot = props.snapshot) === null || _props$snapshot === void 0 ? void 0 : _props$snapshot.call(props, base64);
+
+    if (base64) {
+      var _props$snapshot;
+
+      (_props$snapshot = props.snapshot) === null || _props$snapshot === void 0 ? void 0 : _props$snapshot.call(props, base64);
+    }
   };
 
   var player = props.getPlayerItem();
@@ -110,7 +113,7 @@ function LiveTools(_ref) {
           className: "icon-chajian",
           style: mode === 2 ? {
             color: 'var(--primary)'
-          } : null,
+          } : undefined,
           title: "\u5207\u6362".concat(mode === 1 ? '插件' : '浏览器', "\u6A21\u5F0F")
         })
       }), /*#__PURE__*/_jsx("div", {

package/es/ScreenPlayer/PlayerWithExt.d.ts

@@ -4,7 +4,7 @@ import type { PlayModeType } from '../PlayerExt';
 interface ILivePlayerWithExtProps extends ISinglePlayerProps {
     mode?: PlayModeType;
     style: React.CSSProperties;
-    onClick: () => void;
+    onClick?: () => void;
     updatePlayer: (obj: React.MutableRefObject<ExportPlayerType>) => void;
     pluginDownloadUrl?: string;
 }
@@ -28,7 +28,7 @@ interface IFrontendPlayerWithExtProps extends Omit<ILivePlayerWithExtProps, 'url
         end: number;
         screenIndex: number;
     }) => Promise<string>;
-    screenIndex?: number;
+    screenIndex: number;
 }
 export declare function FrontendPlayerWithExt({ mode, style, className, segments, pluginDownloadUrl, screenIndex, httpLoading, ...props }: IFrontendPlayerWithExtProps): JSX.Element;
 export {};

package/es/ScreenPlayer/PlayerWithExt.js

@@ -27,12 +27,12 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+import moment from 'moment';
 import React, { useEffect, useRef, useState } from 'react';
-import LivePlayer from "../Player/single_player";
-import SegmentPlayer from "../Player/segment_player";
 import FrontendPlayer from "../Player/frontend_player";
+import SegmentPlayer from "../Player/segment_player";
+import LivePlayer from "../Player/single_player";
 import ExtModel from "../PlayerExt";
-import moment from 'moment';
 import useFullscreen from "../useFullscreen";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -114,7 +114,7 @@ export function SegmentPlayerWithExt(_ref2) {
     onClick: props.onClick,
     onDoubleClick: toggleFullscreen,
     children: /*#__PURE__*/_jsx(ExtModel, {
-      mode: 1,
+      mode: mode,
       loading: httpLoading,
       segments: segments,
       children: /*#__PURE__*/_jsx(SegmentPlayer, _objectSpread(_objectSpread({}, props), {}, {
@@ -155,6 +155,8 @@ export function FrontendPlayerWithExt(_ref3) {
   var latestUrl = _useLatest(state.url);
 
   useEffect(function () {
+    var _segments$index$url, _segments$index;
+
     if (!(Array.isArray(segments) && segments.length > 0)) {
       return undefined;
     }
@@ -170,7 +172,7 @@ export function FrontendPlayerWithExt(_ref3) {
     var _ref4 = [segments[0].beginTime, segments[segments.length - 1].endTime],
         begin = _ref4[0],
         end = _ref4[1];
-    var videoUrl = new URL(segments[index].url);
+    var videoUrl = new URL((_segments$index$url = (_segments$index = segments[index]) === null || _segments$index === void 0 ? void 0 : _segments$index.url) !== null && _segments$index$url !== void 0 ? _segments$index$url : '');
     var url;
 
     if (props.getLocalRecordUrl) {

package/es/ScreenPlayer/Record.d.ts

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

package/es/ScreenPlayer/Record.js

@@ -32,15 +32,15 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+import { cloneDeep } from 'lodash-es';
 import React, { useEffect, useMemo, useRef, useState } from 'react';
-import { ScreenType, mergeFill, sleep } from "./utils";
-import { SegmentPlayerWithExt, FrontendPlayerWithExt } from "./PlayerWithExt";
+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 DisableMark from "../DisableMark";
-import { cloneDeep } from 'lodash-es';
-import "./index.less";
+import { mergeFill, ScreenType, sleep } from "./utils";
 import { createElement as _createElement } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -113,7 +113,7 @@ function RecordPlayer(_ref) {
     var _playerRef$current, _playerRef$current2;
 
     var item = screenList[state.selectIndex];
-    return item ? (_playerRef$current = playerRef.current) === null || _playerRef$current === void 0 ? void 0 : (_playerRef$current2 = _playerRef$current["".concat(getKey(item))]) === null || _playerRef$current2 === void 0 ? void 0 : _playerRef$current2.current : null;
+    return item ? (_playerRef$current = playerRef.current) === null || _playerRef$current === void 0 ? void 0 : (_playerRef$current2 = _playerRef$current["".concat(getKey(item))]) === null || _playerRef$current2 === void 0 ? void 0 : _playerRef$current2.current : undefined;
   }; // 当前窗口信息
 
 
@@ -121,9 +121,9 @@ function RecordPlayer(_ref) {
     return screenList[state.selectIndex] || {};
   }, [state.selectIndex, screenList]);
   var timeBegin = useMemo(function () {
-    var _state$begins;
+    var _state$begins, _segmentItem$date;
 
-    return (_state$begins = state.begins["".concat(getKey(segmentItem))]) !== null && _state$begins !== void 0 ? _state$begins : segmentItem.date - state.timeMode / 2 * 3600 * 1000;
+    return (_state$begins = state.begins["".concat(getKey(segmentItem))]) !== null && _state$begins !== void 0 ? _state$begins : ((_segmentItem$date = segmentItem === null || segmentItem === void 0 ? void 0 : segmentItem.date) !== null && _segmentItem$date !== void 0 ? _segmentItem$date : 0) - state.timeMode / 2 * 3600 * 1000;
   }, [segmentItem, state.begins, state.timeMode]);
   var currentTime = useMemo(function () {
     var _state$currentTimes;
@@ -142,11 +142,17 @@ function RecordPlayer(_ref) {
    */
 
   useEffect(function () {
-    var _item$segments$findIn, _item$segments;
+    var _state$seekTo, _item$segments$findIn, _item$segments;
 
-    // 寻找需要seek的item
-    var key = Object.keys(state.seekTo).find(function (k) {
-      return state.seekTo[k] !== 0;
+    if (!state.seekTo) {
+      return;
+    } // 寻找需要seek的item
+
+
+    var key = Object.keys((_state$seekTo = state.seekTo) !== null && _state$seekTo !== void 0 ? _state$seekTo : {}).find(function (k) {
+      var _state$seekTo2;
+
+      return ((_state$seekTo2 = state.seekTo) === null || _state$seekTo2 === void 0 ? void 0 : _state$seekTo2[k]) !== 0;
     });
 
     if (!key) {
@@ -154,7 +160,7 @@ function RecordPlayer(_ref) {
     }
 
     var seekTime = state.seekTo[key];
-    var item = list.find(function (v) {
+    var item = list === null || list === void 0 ? void 0 : list.find(function (v) {
       return !!v && "".concat(v.cid, "-").concat(v.date) === key;
     });
     var index = (_item$segments$findIn = item === null || item === void 0 ? void 0 : (_item$segments = item.segments) === null || _item$segments === void 0 ? void 0 : _item$segments.findIndex(function (v) {
@@ -219,7 +225,10 @@ function RecordPlayer(_ref) {
     }
 
     getPlay(key).then(function (play) {
-      play && play.api.seekTo(seekTime);
+      if (play) {
+        play.api.seekTo(seekTime);
+      }
+
       setState(function (old) {
         return _objectSpread(_objectSpread({}, old), {}, {
           seekTo: _objectSpread(_objectSpread({}, old.seekTo), {}, _defineProperty({}, key, 0))
@@ -242,7 +251,7 @@ function RecordPlayer(_ref) {
       } // 修正选中索引
 
 
-      if (newState.screenNum < state.selectIndex) {
+      if (newState.screenNum && newState.screenNum < state.selectIndex) {
         obj.selectIndex = 0;
       }
     }
@@ -439,8 +448,8 @@ function RecordPlayer(_ref) {
             });
           },
           style: {
-            width: screenType.width,
-            height: screenType.height
+            width: screenType === null || screenType === void 0 ? void 0 : screenType.width,
+            height: screenType === null || screenType === void 0 ? void 0 : screenType.height
           },
           mode: (_state$modes = state.modes["".concat(item === null || item === void 0 ? void 0 : item.date, "-").concat(item.cid)]) !== null && _state$modes !== void 0 ? _state$modes : item.mode,
           fps: fps,
@@ -463,8 +472,8 @@ function RecordPlayer(_ref) {
           mode: (_state$modes2 = state.modes["".concat(item === null || item === void 0 ? void 0 : item.date, "-").concat(item.cid)]) !== null && _state$modes2 !== void 0 ? _state$modes2 : item.mode,
           key: item.date && item.cid ? "".concat(item === null || item === void 0 ? void 0 : item.date, "-").concat(item.cid) : "".concat(index),
           style: {
-            width: screenType.width,
-            height: screenType.height
+            width: screenType === null || screenType === void 0 ? void 0 : screenType.width,
+            height: screenType === null || screenType === void 0 ? void 0 : screenType.height
           },
           httpLoading: item.loading,
           getLocalRecordUrl: props.getLocalRecordUrl,
@@ -491,9 +500,9 @@ function RecordPlayer(_ref) {
           onCloseAll: onCloseAll,
           timeMode: state.timeMode,
           download: props.download ? function () {
-            var _segmentItem$segments;
+            var _props$download, _segmentItem$segments;
 
-            return props.download((_segmentItem$segments = segmentItem.segments) !== null && _segmentItem$segments !== void 0 ? _segmentItem$segments : []);
+            return (_props$download = props.download) === null || _props$download === void 0 ? void 0 : _props$download.call(props, (_segmentItem$segments = segmentItem.segments) !== null && _segmentItem$segments !== void 0 ? _segmentItem$segments : []);
           } : undefined,
           snapshot: props.snapshot,
           oneWinExtTools: oneWinExtTools,

package/es/ScreenPlayer/RecordTools.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { ExportPlayerType } from '../Player/player';
 import { PlayModeType } from '../PlayerExt';
 interface IToolsProps {
-    containerRef: React.MutableRefObject<HTMLDivElement>;
+    containerRef: React.RefObject<HTMLDivElement>;
     screenNum: number;
     mode: PlayModeType;
     fit?: string;
@@ -33,5 +33,5 @@ interface IToolsProps {
     allWinExtTools?: JSX.Element;
     hasPlugin?: boolean;
 }
-declare function RecordTools({ containerRef, screenNum, timeMode, mode, fit, time, oneWinExtTools, allWinExtTools, hasPlugin, ...props }: IToolsProps): JSX.Element;
+declare function RecordTools({ containerRef, screenNum, mode, fit, time, oneWinExtTools, allWinExtTools, hasPlugin, ...props }: IToolsProps): JSX.Element;
 export default RecordTools;