@cloud-app-dev/vidc 3.0.11 → 3.0.14

package/.prettierrc

@@ -1,7 +1,7 @@
 {
   "singleQuote": true,
   "trailingComma": "all",
-  "printWidth": 150,
+  "printWidth": 160,
   "overrides": [
     {
       "files": ".prettierrc",

package/es/CheckGroupFixed/index.js

@@ -76,7 +76,7 @@ function CheckGroupFixed(_ref) {
   }, [state.sider, state.w, state.pos]);
 
   _useUpdateEffect(function () {
-    return onChange && onChange(state.selectKeys);
+    return onChange === null || onChange === void 0 ? void 0 : onChange(state.selectKeys);
   }, [state.selectKeys]);
 
   useLayoutEffect(function () {

package/es/DomMove/demo.d.ts

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

package/es/DomMove/demo.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import DomMove from './index';
-export default function () {
+export default function App() {
   return /*#__PURE__*/React.createElement("div", {
     style: {
       width: 800,

package/es/DomMove/index.js

@@ -43,7 +43,7 @@ function DomMove(_ref) {
       y: y
     };
     update();
-    onDragChange && onDragChange({
+    onDragChange === null || onDragChange === void 0 ? void 0 : onDragChange({
       x: x,
       y: y
     });
@@ -57,7 +57,8 @@ function DomMove(_ref) {
       width: reSize.width,
       height: reSize.height
     };
-  }, [reSize.width, reSize.height]);
+  }, [reSize.width, reSize.height]); // eslint-disable-next-line react-hooks/exhaustive-deps
+
   useImperativeHandle(forwordRef, function () {
     return {
       updatePosition: updatePosition
@@ -93,7 +94,7 @@ function DomMove(_ref) {
 
   _useEventListener('mouseup', function (event) {
     ref.current.isDrag = false;
-    onDragEnd && onDragEnd(event, ref.current.position);
+    onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(event, ref.current.position);
   }, {
     target: document.body
   });

package/es/FullScreen/index.js

@@ -1,5 +1,3 @@
-import _useFullscreen3 from "ahooks/es/useFullscreen";
-
 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."); }
@@ -13,6 +11,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useEffect } from 'react';
+import useFullscreen from '../useFullscreen';
 import IconFont from '../IconFont';
 import "./index.css";
 
@@ -22,15 +21,16 @@ function FullScreen(_ref) {
       fullScreenChange = _ref.fullScreenChange,
       hasText = _ref.hasText;
 
-  var _useFullscreen = _useFullscreen3(getContainer),
+  var _useFullscreen = useFullscreen(getContainer),
       _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
       isFullscreen = _useFullscreen2[0],
       toggleFullscreen = _useFullscreen2[1].toggleFullscreen;
 
   useEffect(function () {
     if (isFullscreen) {
-      fullScreenChange && fullScreenChange(isFullscreen);
-    }
+      fullScreenChange === null || fullScreenChange === void 0 ? void 0 : fullScreenChange(isFullscreen);
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
   }, [isFullscreen]);
   return /*#__PURE__*/React.createElement("span", {
     className: "tools-screen-layer ".concat(className !== null && className !== void 0 ? className : ''),

package/es/Input/index.js

@@ -44,7 +44,7 @@ function Input(_a) {
   });
 
   _useUpdateEffect(function () {
-    return onChange && onChange(debouncedValue);
+    return onChange === null || onChange === void 0 ? void 0 : onChange(debouncedValue);
   }, [debouncedValue]);
 
   return /*#__PURE__*/React.createElement(_Input, Object.assign({}, props, {
@@ -60,9 +60,9 @@ function Input(_a) {
     prefix: prefix,
     suffix: suffix,
     value: state.value,
-    onPressEnter: onEnter ? function () {
-      return onEnter(state.value);
-    } : undefined
+    onPressEnter: function onPressEnter() {
+      return onEnter === null || onEnter === void 0 ? void 0 : onEnter(state.value);
+    }
   }));
 }
 

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

@@ -4,7 +4,7 @@ interface IVListProps<T> {
     data?: Array<T>;
     rowHeight?: number;
     className?: string;
-    renderItem?(item: T, index: number): JSX.Element;
+    renderItem(item: T, index: number): JSX.Element;
     overscan?: number;
 }
 declare function VList<T>({ className, rowHeight, data, renderItem }: IVListProps<T>): JSX.Element;

package/es/LoaderScript/index.js

@@ -31,14 +31,14 @@ function LoaderScripts(_ref) {
       return setInitStatus(true);
     }
 
-    runAsyncIterable(createAsyncIterable(options), function (option) {
-      return console.debug('LoaderScript -> Iterable加载完成！', option);
+    runAsyncIterable(createAsyncIterable(options), function (index) {
+      return console.debug('LoaderScript -> Iterable加载完成！', options[index]);
     }, function () {
       return onLoadEnd ? onLoadEnd().then(function () {
         return setInitStatus(true);
       }) : setInitStatus(true);
     });
-  }, [options]);
+  }, [onLoadEnd, options]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, !initStatus ? Spin : children);
 }
 

package/es/LoaderScript/utils.js

@@ -192,7 +192,7 @@ export function runAsyncIterable(Iterables, runtime, callback) {
               }
 
               x = Iterables_1_1.value;
-              runtime && runtime(x);
+              runtime === null || runtime === void 0 ? void 0 : runtime(x);
 
             case 8:
               _context3.next = 2;
@@ -238,7 +238,9 @@ export function runAsyncIterable(Iterables, runtime, callback) {
               return _context3.finish(15);
 
             case 25:
-              callback && _nextTick(callback);
+              _nextTick(function () {
+                return callback === null || callback === void 0 ? void 0 : callback();
+              });
 
             case 26:
             case "end":

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

@@ -28,7 +28,7 @@ function DragMarker(_ref) {
     marker.on('dragend', function (e) {
       var latlng = type.leaflet ? e.target.getLatLng() : e.target.getPosition();
       instance.setCenter(latlng);
-      onChange && onChange({
+      onChange === null || onChange === void 0 ? void 0 : onChange({
         center: latlng,
         zoom: instance.getZoom()
       });
@@ -36,7 +36,7 @@ function DragMarker(_ref) {
     instance.map.on('zoomend', function (e) {
       var zoom = e.target.getZoom();
       var latlng = type.leaflet ? marker.getLatLng() : marker.getPosition();
-      onChange && onChange({
+      onChange === null || onChange === void 0 ? void 0 : onChange({
         center: latlng,
         zoom: zoom
       });

package/es/Map/LoaderMap/index.js

@@ -35,15 +35,15 @@ function LoaderMap(_a) {
   var isL = useMemo(function () {
     return glaobalKey === 'L';
   }, [glaobalKey]);
-  var isGlobalKey = useMemo(function () {
+  var isLoaded = useMemo(function () {
     return !!window[glaobalKey];
   }, [glaobalKey]);
   var options = useMemo(function () {
     return isL ? L_SCRIPTS : AMAP_SCRIPTS;
   }, [isL]);
   var Parent = useMemo(function () {
-    return isGlobalKey ? EmptyParent : LoaderScript;
-  }, [isGlobalKey]);
+    return isLoaded ? EmptyParent : LoaderScript;
+  }, [isLoaded]);
   return /*#__PURE__*/React.createElement(Parent, {
     options: options
   }, /*#__PURE__*/React.cloneElement(children, Object.assign(Object.assign({}, props), {

package/es/Picture/component/DefaultRects/index.js

@@ -13,7 +13,7 @@ function DefaultRects(_ref) {
   }, [rects]);
   var rectClick = useCallback(function (e, item) {
     e.stopPropagation();
-    onClickRect && onClickRect(Object.assign(Object.assign({}, item), {
+    onClickRect === null || onClickRect === void 0 ? void 0 : onClickRect(Object.assign(Object.assign({}, item), {
       base64: getRectImage(item.rect)
     }));
   }, [getRectImage, onClickRect]);

package/es/Picture/component/DrawRect/index.js

@@ -17,7 +17,7 @@ function DrawRect(_ref) {
     return rect[1] + rect[3];
   }, [rect]);
   var onMenuClickAction = useCallback(function (item) {
-    onMenuClick && onMenuClick(Object.assign(Object.assign({}, item), {
+    onMenuClick === null || onMenuClick === void 0 ? void 0 : onMenuClick(Object.assign(Object.assign({}, item), {
       base64: getRectImage(rect)
     }));
   }, [getRectImage, onMenuClick, rect]);

package/es/Picture/component/RectMenu/index.js

@@ -56,7 +56,7 @@ function RectMenu(_ref) {
   }, [handleCancelB]);
   var onClickMenu = useCallback(function (e, item) {
     e.stopPropagation();
-    onMenuClick && onMenuClick(item);
+    onMenuClick === null || onMenuClick === void 0 ? void 0 : onMenuClick(item);
   }, [onMenuClick]);
   return /*#__PURE__*/React.createElement("div", {
     className: "select-rect-menu-layout",

package/es/Picture/index.js

@@ -27,7 +27,6 @@ import Tools from './component/Tools';
 import DrawRect from './component/DrawRect';
 import WheelScale from './component/WheelScale';
 import DefaultRects from './component/DefaultRects';
-import { isFunction } from 'lodash-es';
 import "./index.css";
 
 function Picture(_a) {
@@ -334,7 +333,7 @@ function Picture(_a) {
   }), /*#__PURE__*/React.createElement(WheelScale, {
     setScale: setScale,
     dom: layoutRef.current
-  })), isFunction(children) && children(renderOptions));
+  })), children === null || children === void 0 ? void 0 : children(renderOptions));
 }
 
 Picture.defaultProps = {

package/es/Player/contraller_bar/right_bar.js

@@ -1,5 +1,3 @@
-import _useFullscreen3 from "ahooks/es/useFullscreen";
-
 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."); }
@@ -15,13 +13,14 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React from 'react';
 import IconFont from '../iconfont';
 import Bar from './bar';
+import useFullscreen from '../../useFullscreen';
 
 function RightBar(_ref) {
   var container = _ref.container,
       rightExtContents = _ref.rightExtContents,
       rightMidExtContents = _ref.rightMidExtContents;
 
-  var _useFullscreen = _useFullscreen3(container),
+  var _useFullscreen = useFullscreen(container),
       _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
       isFullScreen = _useFullscreen2[0],
       _useFullscreen2$ = _useFullscreen2[1],

package/es/Player/frontend_player.js

@@ -36,13 +36,13 @@ function FrontendPlayer(_a) {
 
   var reload = function reload() {
     playRef.current.event.emit(Events.RELOAD);
-    onSeek && onSeek(begin);
+    onSeek === null || onSeek === void 0 ? void 0 : onSeek(begin);
     playRef.current.api.reload();
   };
 
   var onInit = useCallback(function () {
     update();
-    onCanPlayerInit && onCanPlayerInit(); // eslint-disable-next-line react-hooks/exhaustive-deps
+    onCanPlayerInit === null || onCanPlayerInit === void 0 ? void 0 : onCanPlayerInit(); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   var hasReady = api && event;
   var timeline = customTimeLine !== null && customTimeLine !== void 0 ? customTimeLine : /*#__PURE__*/React.createElement(FrontendTimeLine, {
@@ -60,6 +60,7 @@ function FrontendPlayer(_a) {
     reload: reload,
     onCanPlayerInit: onInit,
     isLive: false,
+    type: "flv",
     customTimeLine: hasReady ? timeline : /*#__PURE__*/React.createElement(React.Fragment, null)
   }, props));
 }

package/es/Player/frontend_timeline.js

@@ -71,7 +71,7 @@ function FrontendTimeLine(_ref) {
     var rect = e.currentTarget.getBoundingClientRect();
     var current = e.pageX - rect.left;
     var cTime = current / rect.width * duration;
-    onSeek && onSeek(begin + cTime * 1000); //时间轴进度条rTime是要加上currentTime,这里要减去一下，包装交互一致性
+    onSeek === null || onSeek === void 0 ? void 0 : onSeek(begin + cTime * 1000); //时间轴进度条rTime是要加上currentTime,这里要减去一下，包装交互一致性
 
     setState(function (old) {
       return Object.assign(Object.assign({}, old), {

package/es/Player/segment_player.js

@@ -224,7 +224,7 @@ function SegmentPlayer(_a) {
   });
   var onInit = useCallback(function () {
     update();
-    onCanPlayerInit && onCanPlayerInit(); // eslint-disable-next-line react-hooks/exhaustive-deps
+    onCanPlayerInit === null || onCanPlayerInit === void 0 ? void 0 : onCanPlayerInit(); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return /*#__PURE__*/React.createElement(SinglePlayer, Object.assign({
     ref: playRef,

package/es/Player/single_player.js

@@ -103,7 +103,7 @@ var SinglePlayer = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }, []); // url 变化清理错误次数
 
   useEffect(function () {
-    event && event.emit(EventName.CLEAR_ERROR_TIMER); // eslint-disable-next-line react-hooks/exhaustive-deps
+    event === null || event === void 0 ? void 0 : event.emit(EventName.CLEAR_ERROR_TIMER); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [url]); // 特殊接口实现 reload是可能被重写的,但是API只暴露原生的方法
 
   var reload = function reload() {
@@ -164,7 +164,7 @@ var SinglePlayer = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }, [video, state.container, playApi, playEvent, flv, hls, fit]);
   useEffect(function () {
     if (api && event && video) {
-      onCanPlayerInit && onCanPlayerInit();
+      onCanPlayerInit === null || onCanPlayerInit === void 0 ? void 0 : onCanPlayerInit();
     } // eslint-disable-next-line react-hooks/exhaustive-deps
 
   }, [api, event, video]);

package/es/ScreenPlayer/Live.d.ts

@@ -1,5 +1,10 @@
 /// <reference types="react" />
 import type { ILivePlayerProps } from './interface';
 import './index.less';
-declare function LivePlayer({ list, children, onIndexChange, onClose, onCloseAll, snapshot, defaultScreen, screenChange, defaultSelectIndex, }: ILivePlayerProps): JSX.Element;
+declare function LivePlayer({ list, children, onIndexChange, onClose, onCloseAll, snapshot, defaultScreen, screenChange, defaultSelectIndex }: ILivePlayerProps): JSX.Element;
+declare namespace LivePlayer {
+    var defaultProps: {
+        list: any[];
+    };
+}
 export default LivePlayer;

package/es/ScreenPlayer/Live.js

@@ -28,8 +28,7 @@ import useVideoFit from './useVideoFit';
 import "./index.css";
 
 function LivePlayer(_ref) {
-  var _ref$list = _ref.list,
-      list = _ref$list === void 0 ? [] : _ref$list,
+  var list = _ref.list,
       children = _ref.children,
       onIndexChange = _ref.onIndexChange,
       onClose = _ref.onClose,
@@ -121,7 +120,7 @@ function LivePlayer(_ref) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
 
   _useUpdateEffect(function () {
-    return onIndexChange && onIndexChange(state.selectIndex);
+    return onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(state.selectIndex);
   }, [state.selectIndex]);
   /**
    * 通知screenNum变化
@@ -129,7 +128,7 @@ function LivePlayer(_ref) {
 
 
   _useUpdateEffect(function () {
-    return screenChange && onIndexChange(state.screenNum);
+    return onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(state.screenNum);
   }, [state.screenNum]);
 
   return /*#__PURE__*/React.createElement("div", {
@@ -148,13 +147,13 @@ function LivePlayer(_ref) {
         return playerRef.current[index] = player;
       },
       className: state.selectIndex === index ? 'player-current-index' : '',
-      onClick: function onClick() {
+      onClick: index !== state.selectIndex ? function () {
         return setState(function (old) {
           return Object.assign(Object.assign({}, old), {
             selectIndex: index
           });
         });
-      },
+      } : undefined,
       style: {
         width: screenType.width,
         height: screenType.height
@@ -177,4 +176,7 @@ function LivePlayer(_ref) {
   }));
 }
 
+LivePlayer.defaultProps = {
+  list: []
+};
 export default LivePlayer;

package/es/ScreenPlayer/LiveTools.d.ts

@@ -17,5 +17,5 @@ interface IToolsProps {
     disabled: boolean;
     snapshot?: (base64?: string) => void;
 }
-declare function LiveTools({ containerRef, updateState, screenNum, getPlayerItem, mode, toggleFit, fit, onClose, onCloseAll, disabled, snapshot, }: IToolsProps): JSX.Element;
+declare function LiveTools({ containerRef, updateState, screenNum, getPlayerItem, mode, toggleFit, fit, onClose, onCloseAll, disabled, snapshot }: IToolsProps): JSX.Element;
 export default LiveTools;

package/es/ScreenPlayer/LiveTools.js

@@ -1,5 +1,4 @@
 import _useUpdate from "ahooks/es/useUpdate";
-import _useFullscreen3 from "ahooks/es/useFullscreen";
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -17,6 +16,7 @@ import React from 'react';
 import IconFont from '../Player/iconfont';
 import ScreenSelect from './ScreenSelect';
 import DisableMark from '../DisableMark';
+import useFullscreen from '../useFullscreen';
 
 function LiveTools(_ref) {
   var containerRef = _ref.containerRef,
@@ -31,7 +31,7 @@ function LiveTools(_ref) {
       disabled = _ref.disabled,
       snapshot = _ref.snapshot;
 
-  var _useFullscreen = _useFullscreen3(containerRef),
+  var _useFullscreen = useFullscreen(containerRef),
       _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
       isFullscreen = _useFullscreen2[0],
       toggleFullscreen = _useFullscreen2[1].toggleFullscreen;
@@ -48,15 +48,14 @@ function LiveTools(_ref) {
 
 
   var reload = function reload() {
-    var player = getPlayerItem(); // eslint-disable-next-line @typescript-eslint/no-unused-expressions
-
-    player ? player.reload ? player.reload() : player.api.reload() : undefined;
+    var player = getPlayerItem();
+    player === null || player === void 0 ? void 0 : player.api.reload();
   };
 
   var snapshotaction = function snapshotaction() {
     var player = getPlayerItem();
-    var base64 = player ? player.api.snapshot() : undefined;
-    snapshot && snapshot(base64);
+    var base64 = player === null || player === void 0 ? void 0 : player.api.snapshot();
+    snapshot === null || snapshot === void 0 ? void 0 : snapshot(base64);
   };
 
   var player = getPlayerItem();

package/es/ScreenPlayer/PlayerWithExt.js

@@ -1,4 +1,4 @@
-import _useFullscreen3 from "ahooks/es/useFullscreen";
+import _useUpdate from "ahooks/es/useUpdate";
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -19,6 +19,7 @@ import SegmentPlayer from '../Player/segment_player';
 import FrontendPlayer from '../Player/frontend_player';
 import ExtModel from '../PlayerExt';
 import moment from 'moment';
+import useFullscreen from '../useFullscreen';
 export function LivePlayerWithExt(_a) {
   var _b;
 
@@ -33,12 +34,16 @@ export function LivePlayerWithExt(_a) {
       pluginDownloadUrl = _a.pluginDownloadUrl,
       props = __rest(_a, ["mode", "isLive", "url", "type", "style", "className", "updatePlayer", "onClick", "pluginDownloadUrl"]);
 
+  var forceUpdate = _useUpdate();
+
   var ref = useRef();
-  var update = useCallback(function () {
-    return updatePlayer(ref);
-  }, [updatePlayer]);
 
-  var _useFullscreen = _useFullscreen3((_b = ref.current) === null || _b === void 0 ? void 0 : _b.container),
+  var update = function update() {
+    updatePlayer(ref);
+    forceUpdate();
+  };
+
+  var _useFullscreen = useFullscreen((_b = ref.current) === null || _b === void 0 ? void 0 : _b.container),
       _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
       toggleFullscreen = _useFullscreen2[1].toggleFullscreen;
 
@@ -72,14 +77,18 @@ export function SegmentPlayerWithExt(_a) {
       mode = _a.mode,
       props = __rest(_a, ["begin", "style", "className", "segments", "updatePlayer", "onClick", "mode"]);
 
+  var forceUpdate = _useUpdate();
+
   var ref = useRef();
-  var update = useCallback(function () {
-    return updatePlayer(ref);
-  }, [updatePlayer]);
 
-  var _useFullscreen4 = _useFullscreen3((_b = ref.current) === null || _b === void 0 ? void 0 : _b.container),
-      _useFullscreen5 = _slicedToArray(_useFullscreen4, 2),
-      toggleFullscreen = _useFullscreen5[1].toggleFullscreen;
+  var update = function update() {
+    updatePlayer(ref);
+    forceUpdate();
+  };
+
+  var _useFullscreen3 = useFullscreen((_b = ref.current) === null || _b === void 0 ? void 0 : _b.container),
+      _useFullscreen4 = _slicedToArray(_useFullscreen3, 2),
+      toggleFullscreen = _useFullscreen4[1].toggleFullscreen;
 
   return /*#__PURE__*/React.createElement("div", {
     className: "player-with-ext-layout ".concat(className),
@@ -142,7 +151,7 @@ export function FrontendPlayerWithExt(_ref) {
       return;
     }
 
-    var endTime = moment(segments[segments.length - 1].endTime).unix();
+    var endTime = moment().unix();
     var beginTime = moment(time).unix();
     var videoUrl = new URL(state.url);
     videoUrl.searchParams.set('begin', "".concat(beginTime));
@@ -152,15 +161,20 @@ export function FrontendPlayerWithExt(_ref) {
         url: videoUrl.toString()
       });
     });
-  }, [segments, state.url]);
+  }, [state.url]);
+
+  var forceUpdate = _useUpdate();
+
   var ref = useRef();
-  var update = useCallback(function () {
-    return updatePlayer(ref);
-  }, [updatePlayer]);
 
-  var _useFullscreen6 = _useFullscreen3((_a = ref.current) === null || _a === void 0 ? void 0 : _a.container),
-      _useFullscreen7 = _slicedToArray(_useFullscreen6, 2),
-      toggleFullscreen = _useFullscreen7[1].toggleFullscreen;
+  var update = function update() {
+    updatePlayer(ref);
+    forceUpdate();
+  };
+
+  var _useFullscreen5 = useFullscreen((_a = ref.current) === null || _a === void 0 ? void 0 : _a.container),
+      _useFullscreen6 = _slicedToArray(_useFullscreen5, 2),
+      toggleFullscreen = _useFullscreen6[1].toggleFullscreen;
 
   return /*#__PURE__*/React.createElement("div", {
     className: "player-with-ext-layout ".concat(className),

package/es/ScreenPlayer/Record.js

@@ -337,11 +337,11 @@ function RecordPlayer(_ref) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
 
   _useUpdateEffect(function () {
-    return onIndexChange && onIndexChange(state.selectIndex);
+    return onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(state.selectIndex);
   }, [state.selectIndex]);
 
   _useUpdateEffect(function () {
-    return screenChange && screenChange(state.screenNum);
+    return screenChange === null || screenChange === void 0 ? void 0 : screenChange(state.screenNum);
   }, [state.screenNum]);
 
   return /*#__PURE__*/React.createElement("div", {
@@ -413,7 +413,7 @@ function RecordPlayer(_ref) {
   }), /*#__PURE__*/React.createElement(SegmentTimeLine, {
     begin: timeBegin,
     updateState: updateState,
-    timeCell: segmentItem.segments,
+    segments: segmentItem.segments,
     key: state.selectIndex,
     onTimeChange: onTimeChange,
     timeMode: state.timeMode

package/es/ScreenPlayer/RecordTools.js

@@ -1,5 +1,4 @@
 import _useUpdate from "ahooks/es/useUpdate";
-import _useFullscreen3 from "ahooks/es/useFullscreen";
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -18,6 +17,7 @@ import IconFont from '../Player/iconfont';
 import ScreenSelect from './ScreenSelect';
 import TimeSelect from './TimeSelect';
 import TimeMode from './TimeMode';
+import useFullscreen from '../useFullscreen';
 
 function RecordTools(_ref) {
   var containerRef = _ref.containerRef,
@@ -35,7 +35,7 @@ function RecordTools(_ref) {
       onCloseAll = _ref.onCloseAll,
       snapshot = _ref.snapshot;
 
-  var _useFullscreen = _useFullscreen3(containerRef),
+  var _useFullscreen = useFullscreen(containerRef),
       _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
       isFullscreen = _useFullscreen2[0],
       toggleFullscreen = _useFullscreen2[1].toggleFullscreen;
@@ -59,8 +59,7 @@ function RecordTools(_ref) {
 
   var snapshotaction = function snapshotaction() {
     var player = getPlayerItem();
-    var base64 = player ? player.api.snapshot() : undefined;
-    snapshot && snapshot(base64);
+    snapshot === null || snapshot === void 0 ? void 0 : snapshot(player === null || player === void 0 ? void 0 : player.api.snapshot());
   };
 
   var player = getPlayerItem();

package/es/ScreenPlayer/SegmentTimeLine.d.ts

@@ -2,12 +2,12 @@
 import { ISegmentType } from '../Player/player';
 interface ISegmentTimeLineProps {
     begin?: number;
-    timeCell?: ISegmentType[];
+    segments?: ISegmentType[];
     onTimeChange?: (time: number) => void;
     timeMode: number;
     updateState: (state: {
         timeMode: number;
     }) => void;
 }
-declare function SegmentTimeLine({ begin, timeCell, onTimeChange, timeMode, updateState }: ISegmentTimeLineProps): JSX.Element;
+declare function SegmentTimeLine({ begin, segments, onTimeChange, timeMode, updateState }: ISegmentTimeLineProps): JSX.Element;
 export default SegmentTimeLine;