@cloud-app-dev/vidc 3.2.13 → 3.2.15

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;

package/es/ScreenPlayer/RecordTools.js

@@ -2,7 +2,7 @@ import _useRafInterval from "ahooks/es/useRafInterval";
 import _useUpdateEffect from "ahooks/es/useUpdateEffect";
 import _useUpdate from "ahooks/es/useUpdate";
 import _useToggle3 from "ahooks/es/useToggle";
-var _excluded = ["containerRef", "screenNum", "timeMode", "mode", "fit", "time", "oneWinExtTools", "allWinExtTools", "hasPlugin"];
+var _excluded = ["containerRef", "screenNum", "mode", "fit", "time", "oneWinExtTools", "allWinExtTools", "hasPlugin"];
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -21,12 +21,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 from 'react';
+import Volume from "../Player/contraller_bar/volume";
 import IconFont from "../Player/iconfont";
-import ScreenSelect from "./ScreenSelect";
-import TimeSelect from "./TimeSelect";
 import useFullscreen from "../useFullscreen";
-import Volume from "../Player/contraller_bar/volume";
 import RatePick from "./RatePick";
+import ScreenSelect from "./ScreenSelect";
+import TimeSelect from "./TimeSelect";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 
@@ -35,7 +35,6 @@ function RecordTools(_ref) {
 
   var containerRef = _ref.containerRef,
       screenNum = _ref.screenNum,
-      timeMode = _ref.timeMode,
       _ref$mode = _ref.mode,
       mode = _ref$mode === void 0 ? 1 : _ref$mode,
       fit = _ref.fit,
@@ -73,10 +72,14 @@ function RecordTools(_ref) {
   };
 
   var snapshotaction = function snapshotaction() {
-    var _props$snapshot;
-
     var player = props.getPlayerItem();
-    (_props$snapshot = props.snapshot) === null || _props$snapshot === void 0 ? void 0 : _props$snapshot.call(props, player === null || player === void 0 ? void 0 : player.api.snapshot());
+    var base64 = player === null || player === void 0 ? void 0 : player.api.snapshot();
+
+    if (base64) {
+      var _props$snapshot;
+
+      (_props$snapshot = props.snapshot) === null || _props$snapshot === void 0 ? void 0 : _props$snapshot.call(props, base64);
+    }
   };
 
   var ratechange = function ratechange(value) {
@@ -89,7 +92,10 @@ function RecordTools(_ref) {
 
   _useUpdateEffect(function () {
     var player = props.getPlayerItem();
-    isFpsPlay ? player.api.openFpsPlay() : player.api.closeFpsPlay();
+
+    if (player) {
+      isFpsPlay ? player.api.openFpsPlay() : player.api.closeFpsPlay();
+    }
   }, [isFpsPlay]);
   /**
    * 定时获取play状态
@@ -141,7 +147,7 @@ function RecordTools(_ref) {
           type: "lm-player-S_Device_shezhi",
           style: mode === 2 ? {
             color: 'var(--primary)'
-          } : null,
+          } : undefined,
           className: "icon-chajian",
           title: "\u5207\u6362".concat(mode === 1 ? '插件' : '浏览器', "\u6A21\u5F0F")
         })
@@ -152,7 +158,7 @@ function RecordTools(_ref) {
           type: "lm-player-zhuzhenplay",
           style: isFpsPlay ? {
             color: 'var(--primary)'
-          } : null,
+          } : undefined,
           title: "\u9010\u5E27\u64AD\u653E"
         })
       }), /*#__PURE__*/_jsx(RatePick, {
@@ -174,7 +180,9 @@ function RecordTools(_ref) {
       }), /*#__PURE__*/_jsx(TimeSelect, {
         time: time,
         onChange: function onChange(time) {
-          return props.onTimeChange({
+          var _props$onTimeChange;
+
+          return (_props$onTimeChange = props.onTimeChange) === null || _props$onTimeChange === void 0 ? void 0 : _props$onTimeChange.call(props, {
             curentTime: time
           });
         }

package/es/ScreenPlayer/ScreenSelect.js

@@ -2,8 +2,8 @@ import "antd/lib/select/style";
 import _Select from "antd/lib/select";
 import React, { useMemo } from 'react';
 import CustomRenderSelect from "../CustomRenderSelect";
-import { ScreenType } from "./utils";
 import IconFont from "../Player/iconfont";
+import { ScreenType } from "./utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 
@@ -11,9 +11,11 @@ function ScreenSelect(_ref) {
   var screenNum = _ref.screenNum,
       updateState = _ref.updateState;
   var icon = useMemo(function () {
-    return ScreenType.find(function (v) {
+    var _ScreenType$find;
+
+    return (_ScreenType$find = ScreenType.find(function (v) {
       return v.name === screenNum;
-    }).icon;
+    })) === null || _ScreenType$find === void 0 ? void 0 : _ScreenType$find.icon;
   }, [screenNum]);
   return /*#__PURE__*/_jsx(CustomRenderSelect, {
     value: screenNum,

package/es/ScreenPlayer/SegmentTimeLine.d.ts

@@ -3,7 +3,7 @@ import { ISegmentType } from '../Player/player';
 interface ISegmentTimeLineProps {
     begin?: number;
     segments?: ISegmentType[];
-    onTimeChange?: (options: {
+    onTimeChange: (options: {
         currentTime?: number;
         begin?: number;
     }) => void;

package/es/ScreenPlayer/SegmentTimeLine.js

@@ -13,7 +13,7 @@ function SegmentTimeLine(_ref) {
       timeMode = _ref.timeMode,
       updateState = _ref.updateState,
       currentTime = _ref.currentTime;
-  var ref = useRef();
+  var ref = useRef(null);
 
   var _useThrottleFn = _useThrottleFn2(onTimeChange, {
     wait: 300

package/es/ScreenPlayer/TimeSelect.js

@@ -18,8 +18,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import React, { useMemo, useState } from 'react';
 import moment from 'moment';
+import React, { useMemo, useState } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 
@@ -59,7 +59,7 @@ function TimeSelect(_ref) {
       minutes: values[1],
       seconds: values[2]
     }).valueOf();
-    onChange && onChange(newTime);
+    onChange === null || onChange === void 0 ? void 0 : onChange(newTime);
   };
 
   _useUpdateEffect(function () {

package/es/ScreenPlayer/demo2.js

@@ -44,7 +44,7 @@ import RecordPlayer from "./Record";
 import { completionSegments } from "./utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var token = "eyJhbGciOiJIUzI1NiJ9.eyJvcmdhbml6YXRpb25JZCI6IjEwMDEwMTAwMDQ0NSIsImV4dCI6MTY2ODg1NzQ3Mjc4NiwidWlkIjoiMTAxMDAwMDAwNjk5IiwidmFsaWRTdGF0ZSI6MTA0NDA2LCJyb2xlSWQiOlsxMDAwMDAxMTA1MTgsMTAwMDAwMTEwNzI4XSwidmFsaWRUaW1lIjoxNzA0MzgzOTk5MDAwLCJvcHRDZW50ZXJJZCI6IjEwMDEwMDAwMDIzMyIsInVzZXJUeXBlIjoxMDA3MDQsImlhdCI6MTY2ODU5ODI3Mjc4Nn0.F0R_k3GRQfZ5yoL5MMUS4O2ghw0boWgnVs0Spf0pa0Q";
+var token = "eyJhbGciOiJIUzI1NiJ9.eyJvcmdhbml6YXRpb25JZCI6IjEwMDEwMTAwMDQ0NSIsImV4dCI6MTY2OTM3MzQ3NDc2MywidWlkIjoiMTAxMDAwMDAwNjk5IiwidmFsaWRTdGF0ZSI6MTA0NDA2LCJyb2xlSWQiOlsxMDAwMDAxMTA1MTgsMTAwMDAwMTEwNzI4XSwidmFsaWRUaW1lIjoxNzA0MzgzOTk5MDAwLCJvcHRDZW50ZXJJZCI6IjEwMDEwMDAwMDIzMyIsInVzZXJUeXBlIjoxMDA3MDQsImlhdCI6MTY2OTExNDI3NDc2M30.Wy8ag8Nhw6_mdF6E4i2lPGDYzRVl-q9KMn49WMFL2Qs";
 var cids = ['560077633', '560073578'];
 
 var query = function query(_ref) {

package/es/ScreenPlayer/interface.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
+import type { ExportPlayerType, ISegmentType } from '../Player/player';
 import type { PlayModeType } from '../PlayerExt';
-import type { ISegmentType, ExportPlayerType } from '../Player/player';
 
 export type RecordItem = {
   type?: 'flv' | 'hls' | 'native';
@@ -120,7 +120,7 @@ export interface IRecordPlayerState {
   currentTimes: { [key: string]: number };
 
   /**
-   * 
+   *
    */
   begins: { [key: string]: number };
 

package/es/ScreenPlayer/useTimeSlider.d.ts

@@ -1,25 +1,25 @@
 /// <reference types="react" />
 import type { ISegmentType } from '../Player/player';
 export interface ITimeSliderOptions {
-    hoursPer?: number;
-    begin?: number;
+    hoursPer: number;
+    begin: number;
     segments?: TimeCellItem[];
-    currentTime?: number;
-    onTimeChange?: (options: {
+    currentTime: number;
+    onTimeChange: (options: {
         currentTime?: number;
         begin?: number;
     }, outTimeline?: boolean) => void;
-    onHoursPerChange?: (hour: number) => void;
+    onHoursPerChange: (hour: number) => void;
 }
 export declare type ITimeSliderState = {
     hoursPer: number;
     begin: number;
     currentTime: number;
     hover: {
-        x: number;
-        time: number;
+        x?: number;
+        time?: number;
     };
 };
 export declare type TimeCellItem = ISegmentType;
-declare function useTimeSlider(canvasRef: React.MutableRefObject<HTMLCanvasElement>, { hoursPer, begin, currentTime, segments, onTimeChange, onHoursPerChange }: ITimeSliderOptions): void;
+declare function useTimeSlider(canvasRef: React.RefObject<HTMLCanvasElement>, { hoursPer, begin, currentTime, segments, onTimeChange, onHoursPerChange }: ITimeSliderOptions): void;
 export default useTimeSlider;

package/es/ScreenPlayer/useTimeSlider.js

@@ -105,7 +105,7 @@ function useTimeSlider(canvasRef, _ref2) {
     currentTime: currentTime,
     hover: {
       x: 0,
-      time: null
+      time: undefined
     }
   }),
       _useState2 = _slicedToArray(_useState, 2),
@@ -113,7 +113,7 @@ function useTimeSlider(canvasRef, _ref2) {
       setState = _useState2[1];
 
   var extRef = useRef({
-    mousedownTime: null,
+    mousedownTime: undefined,
     mousedownX: 0
   });
 
@@ -140,7 +140,7 @@ function useTimeSlider(canvasRef, _ref2) {
   };
 
   var clearCanvas = function clearCanvas() {
-    return ctx.clearRect(0, 0, width, height);
+    return ctx === null || ctx === void 0 ? void 0 : ctx.clearRect(0, 0, width, height);
   };
   /**
    * 绘制覆盖时间刻度颜色，表示有录像的部分
@@ -149,14 +149,17 @@ function useTimeSlider(canvasRef, _ref2) {
 
   var drawOverlay = function drawOverlay() {
     segments.forEach(function (item) {
-      var _item$style;
-
       var px_ms = width / (state.hoursPer * 60 * 60 * 1000); // px/ms
 
       var beginX = (item.beginTime - state.begin) * px_ms;
       var scale_width = (item.endTime - item.beginTime) * px_ms;
-      ctx.fillStyle = item.url ? ((_item$style = item.style) === null || _item$style === void 0 ? void 0 : _item$style.background) || hoverLineColor : '#242C3D';
-      ctx.fillRect(beginX, height - 10, scale_width + 1, height);
+
+      if (ctx) {
+        var _item$style;
+
+        ctx.fillStyle = item.url ? ((_item$style = item.style) === null || _item$style === void 0 ? void 0 : _item$style.background) || hoverLineColor : '#242C3D';
+        ctx.fillRect(beginX, height - 10, scale_width + 1, height);
+      }
     });
   };
   /**
@@ -275,14 +278,16 @@ function useTimeSlider(canvasRef, _ref2) {
 
 
   var drawHoverLine = function drawHoverLine() {
+    var _state$hover$x, _state$hover$time, _state$hover$x2, _state$hover$x3;
+
     drawText(ctx, {
       fillStyle: hoverLineColor,
       font: '12px Arial',
-      x: state.hover.x - 50,
+      x: (_state$hover$x = state.hover.x) !== null && _state$hover$x !== void 0 ? _state$hover$x : 0 - 50,
       y: 12,
-      text: formartTimestemp(state.hover.time)
+      text: formartTimestemp((_state$hover$time = state.hover.time) !== null && _state$hover$time !== void 0 ? _state$hover$time : 0)
     });
-    drawLine(ctx, state.hover.x, 20, state.hover.x, height, hoverLineColor, 1);
+    drawLine(ctx, (_state$hover$x2 = state.hover.x) !== null && _state$hover$x2 !== void 0 ? _state$hover$x2 : 0, 20, (_state$hover$x3 = state.hover.x) !== null && _state$hover$x3 !== void 0 ? _state$hover$x3 : 0, height, hoverLineColor, 1);
   };
   /**
    * 获取鼠标posx
@@ -311,7 +316,10 @@ function useTimeSlider(canvasRef, _ref2) {
       drawOverlay();
       drawScale();
       drawCurrentLine();
-      state.hover.time && drawHoverLine();
+
+      if (state.hover.time) {
+        drawHoverLine();
+      }
     } // eslint-disable-next-line react-hooks/exhaustive-deps
 
   }, [canvas, state.begin, state.currentTime, state.hoursPer, segments, state.hover, size]);
@@ -387,7 +395,7 @@ function useTimeSlider(canvasRef, _ref2) {
       return _objectSpread(_objectSpread({}, old), {}, {
         hover: {
           x: 0,
-          time: null
+          time: undefined
         }
       });
     });
@@ -405,7 +413,7 @@ function useTimeSlider(canvasRef, _ref2) {
         return _objectSpread(_objectSpread({}, old), {}, {
           hover: old.hover.time ? {
             x: 0,
-            time: null
+            time: undefined
           } : old.hover
         });
       });
@@ -480,13 +488,13 @@ function useTimeSlider(canvasRef, _ref2) {
     } // 清楚拖拽关联信息
 
 
-    extRef.current.mousedownTime = null;
+    extRef.current.mousedownTime = undefined;
     extRef.current.mousedownX = 0;
   }, {
     target: document
   });
 
-  var moveTimerRef = useRef(null);
+  var moveTimerRef = useRef();
   /**
    * 拖动处理
    */

package/es/ScreenPlayer/useVideoFit.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export default function useVideoFit(containerRef: React.MutableRefObject<HTMLDivElement>, deps?: any[]): {
+export default function useVideoFit(containerRef: React.RefObject<HTMLDivElement>, deps?: any[]): {
     fit: string;
     toggleFit: () => void;
 };

package/es/ScreenPlayer/utils.d.ts

@@ -8,7 +8,7 @@ export declare const ScreenType: {
 export declare const TimeModeLibs: {
     name: number;
 }[];
-export declare function mergeFill<T, S>(len: number, mergeArr: T[], fillItem: S): (T | S)[];
+export declare function mergeFill<T, S>(len: number, mergeArr: T[] | undefined, fillItem: S): (T | S)[];
 /**
  * unix时间戳
  * @param start

package/es/ScreenPlayer/utils.js

@@ -33,7 +33,9 @@ export var TimeModeLibs = [{
 }, {
   name: 24
 }];
-export function mergeFill(len, mergeArr, fillItem) {
+export function mergeFill(len) {
+  var mergeArr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var fillItem = arguments.length > 2 ? arguments[2] : undefined;
   return new Array(len).fill(fillItem).map(function (v, i) {
     return mergeArr[i] ? mergeArr[i] : v;
   });
@@ -80,6 +82,7 @@ export var completionSegments = function completionSegments(start, end, segments
   return arr;
 };
 export function sleep(time) {
+  // eslint-disable-next-line no-promise-executor-return
   return new Promise(function (reslove) {
     return setTimeout(function () {
       return reslove(time);

package/es/ThemeAntd/style/button.less

@@ -51,7 +51,7 @@ div {
   .@{ant-prefix}-btn-danger:focus {
     background: var(--danger-dark);
     border-color: var(--danger-dark);
-    color:var(--color);
+    color: var(--color);
   }
 
   .@{ant-prefix}-btn-background-ghost.@{ant-prefix}-btn-danger {

package/es/ThemeAntd/style/pagination.less

@@ -53,7 +53,7 @@ div {
   .@{ant-prefix}-pagination-next:hover:not(.@{ant-prefix}-pagination-disabled) .@{ant-prefix}-pagination-item-link {
     background-color: var(--form-active-bg);
     border-color: var(--form-active-bg);
-    color: var(--color);
+    color: #fff;
   }
 
   .@{ant-prefix}-pagination-disabled .@{ant-prefix}-pagination-item-link,

package/es/{List/VList → VList}/index.js

@@ -11,17 +11,18 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useRef } from 'react';
-import useVirtualList from "../../useVirtualList";
+import useVirtualList from "../useVirtualList";
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 
 function VList(_ref) {
   var className = _ref.className,
       rowHeight = _ref.rowHeight,
-      data = _ref.data,
+      _ref$data = _ref.data,
+      data = _ref$data === void 0 ? [] : _ref$data,
       renderItem = _ref.renderItem;
-  var containerRef = useRef();
-  var wrapperRef = useRef();
+  var containerRef = useRef(null);
+  var wrapperRef = useRef(null);
 
   var _useVirtualList = useVirtualList(data, {
     containerTarget: containerRef,

package/es/index.d.ts

@@ -11,9 +11,12 @@ export { default as DisableMark } from './DisableMark';
 export { default as DomMove } from './DomMove';
 export { default as Drag } from './Drag';
 export { default as Drawer } from './Drawer';
+export { default as DynamicGridList } from './DynamicGridList';
+export { default as DynamicList } from './DynamicList';
 export { default as ErrorFallback } from './ErrorFallback';
 export { default as FrontendPlayer } from './FrontendPlayer';
 export { default as FullScreen } from './FullScreen';
+export { default as GridList } from './GridList';
 export { default as HightLevel } from './HightLevel';
 export { default as IconFont } from './IconFont';
 export { default as ImageView } from './ImageView';
@@ -21,6 +24,7 @@ export { default as Input } from './Input';
 export { default as InstanceHistory } from './InstanceHistory';
 export { default as LabelValue } from './LabelValue';
 export { default as List } from './List';
+export { default as ListWithSizeAnimate } from './ListWithSizeAnimate';
 export { default as LoaderApp } from './LoaderApp';
 export { default as LoaderScript } from './LoaderScript';
 export { default as Map } from './Map';
@@ -37,6 +41,7 @@ export { default as TableLayout } from './TableLayout';
 export { default as ThemeAntd } from './ThemeAntd';
 export { default as Timeout } from './Timeout';
 export { default as Tree } from './Tree';
+export { default as VList } from './VList';
 export { default as useDrawROI } from './useDrawROI';
 export { default as useEventEmitterHandle } from './useEventEmitterHandle';
 export { default as useFullscreen } from './useFullscreen';

package/es/index.js

@@ -11,9 +11,12 @@ export { default as DisableMark } from "./DisableMark";
 export { default as DomMove } from "./DomMove";
 export { default as Drag } from "./Drag";
 export { default as Drawer } from "./Drawer";
+export { default as DynamicGridList } from "./DynamicGridList";
+export { default as DynamicList } from "./DynamicList";
 export { default as ErrorFallback } from "./ErrorFallback";
 export { default as FrontendPlayer } from "./FrontendPlayer";
 export { default as FullScreen } from "./FullScreen";
+export { default as GridList } from "./GridList";
 export { default as HightLevel } from "./HightLevel";
 export { default as IconFont } from "./IconFont";
 export { default as ImageView } from "./ImageView";
@@ -21,6 +24,7 @@ export { default as Input } from "./Input";
 export { default as InstanceHistory } from "./InstanceHistory";
 export { default as LabelValue } from "./LabelValue";
 export { default as List } from "./List";
+export { default as ListWithSizeAnimate } from "./ListWithSizeAnimate";
 export { default as LoaderApp } from "./LoaderApp";
 export { default as LoaderScript } from "./LoaderScript";
 export { default as Map } from "./Map";
@@ -37,6 +41,7 @@ export { default as TableLayout } from "./TableLayout";
 export { default as ThemeAntd } from "./ThemeAntd";
 export { default as Timeout } from "./Timeout";
 export { default as Tree } from "./Tree";
+export { default as VList } from "./VList";
 export { default as useDrawROI } from "./useDrawROI";
 export { default as useEventEmitterHandle } from "./useEventEmitterHandle";
 export { default as useFullscreen } from "./useFullscreen";