@cloud-app-dev/vidc 4.0.14 → 4.0.17

package/es/ScreenPlayer/interface.d.ts

@@ -1,216 +0,0 @@
-import type React from 'react';
-import type { ExportPlayerType, ISegmentType } from '../Player/player';
-import type { PlayModeType } from '../PlayerExt';
-
-export type RecordItem = {
-  type?: 'flv' | 'hls' | 'native';
-  date?: number; //视频窗口日期
-  endDate?: number;
-  cid?: string;
-  segments?: ISegmentType[];
-  url?: string;
-  recordType?: 1 | 2; //1云录像 2前端录像
-  mode?: PlayModeType;
-  loading?: boolean; // 录像获取状态
-};
-
-export interface IRecordPlayerProps {
-  /**
-   * 播放对象
-   */
-  list?: RecordItem[];
-  children?: JSX.Element;
-
-  /**
-   * 窗口索引变化，后续基于索引传入播放必要数据
-   */
-  onIndexChange?: (idx: number) => void;
-
-  /**
-   * 关闭单个窗口
-   */
-  onClose?: () => void;
-
-  /**
-   * 关闭所有窗口
-   */
-  onCloseAll?: () => void;
-  /**
-   * 录像下载回调
-   */
-  download?: (segments: ISegmentType[]) => void;
-
-  /**
-   * 截图
-   */
-  snapshot?: (base64: string) => void;
-
-  /**
-   * 窗口变化
-   */
-  screenChange?: (num: number) => void;
-
-  /**
-   * 默认窗口数量
-   */
-  defaultScreen?: 1 | 4 | 6 | 9 | 16;
-
-  /**
-   * 窗口数量，若有值数量将由外部控制
-   */
-  screenNum?: 1 | 4 | 6 | 9 | 16;
-
-  /**
-   * 默认选中窗口
-   * @default 0
-   */
-  defaultSelectIndex?: number;
-  /**
-   * 单窗口拓展工具条,左侧
-   */
-  oneWinExtTools?: JSX.Element;
-
-  /**
-   * 全局窗口工具条，右侧
-   */
-  allWinExtTools?: JSX.Element;
-
-  fpsDelay?: number;
-  fps?: number;
-
-  /**
-   * 自定义合成前端录像
-   */
-  getLocalRecordUrl?: (options: { url: URL; begin: number; end: number; screenIndex: number }) => Promise<string>;
-
-  /**
-   * 插件下载地址
-   */
-  pluginDownloadUrl?: string;
-
-  /**
-   * 轴发生变化
-   */
-  onTimeLineChange?: (time: number) => void;
-
-  /**
-   * 用户控制seek频率
-   */
-  seekLoading?: boolean;
-
-  /**
-   * 控制播放倍数数组
-   */
-  multipleList?: number[];
-}
-
-export interface IRecordPlayerState {
-  /**
-   * 窗口数量
-   */
-  screenNum: number;
-
-  /**
-   * 当前窗口索引
-   */
-  selectIndex: number;
-
-  /**
-   * 插件OR浏览器
-   */
-  modes: { [key: string]: PlayModeType };
-
-  /**
-   * 时间轴开始时间
-   */
-  currentTimes: { [key: string]: number };
-
-  /**
-   *
-   */
-  begins: { [key: string]: number };
-
-  /**
-   * 需要seek的时间针对当前窗口，为0时忽略
-   */
-  seekTo?: { [key: string]: number };
-
-  /**
-   * 录像时间轴单页绘制时长单位（hour）
-   */
-  timeMode: number;
-}
-
-export type ScreenItemLivePlayerType = {
-  url?: string;
-  type?: 'flv' | 'hls' | 'native';
-  mode?: PlayModeType;
-  cid?: string;
-};
-
-export interface ILivePlayerProps {
-  list?: ScreenItemLivePlayerType[];
-  children?: JSX.Element;
-
-  /**
-   * 关闭单个窗口
-   */
-  onClose?: () => void;
-
-  /**
-   * 关闭所有窗口
-   */
-  onCloseAll?: () => void;
-  /**
-   * 窗口索引变化，后续基于索引传入播放必要数据
-   */
-  onIndexChange?: (idx: number) => void;
-
-  /**
-   * 截图
-   */
-  snapshot?: (base64: string) => void;
-
-  /**
-   * 窗口变化
-   */
-  screenChange?: (num: number) => void;
-
-  /**
-   * 默认窗口数量
-   */
-  defaultScreen?: 1 | 4 | 6 | 9 | 16;
-
-  /**
-   * 窗口数量，若有值由外部来完全控制
-   */
-  screenNum?: 1 | 4 | 6 | 9 | 16;
-
-  /**
-   * 默认选中窗口
-   * @default 0
-   */
-  defaultSelectIndex?: number;
-
-  /**
-   * 单窗口拓展工具条,左侧
-   */
-  oneWinExtTools?: JSX.Element;
-
-  /**
-   * 全局窗口工具条，右侧
-   */
-  allWinExtTools?: JSX.Element;
-
-  pluginDownloadUrl?: string;
-}
-
-export interface ILivePlayerState {
-  screenNum: number;
-  selectIndex: number;
-  modes: { [key: string]: PlayModeType };
-}
-
-export const RecordPlayer: React.FC<IRecordPlayerProps>;
-
-export type PlayItemMapType = { [key: string]: React.MutableRefObject<ExportPlayerType> };

package/es/ScreenPlayer/useTimeSlider.d.ts

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

package/es/ScreenPlayer/useTimeSlider.js

@@ -1,450 +0,0 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-import _useEventListener from "ahooks/es/useEventListener";
-import _useUpdateEffect from "ahooks/es/useUpdateEffect";
-import _useSize from "ahooks/es/useSize";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import moment from 'dayjs';
-import { useEffect, useMemo, useRef, useState } from 'react';
-import nextTick from "../nextTick";
-var hours = [1, 6, 12, 24];
-var currentColor = '#FF000A';
-var normalLineColor = '#ffffff';
-var hoverLineColor = '#319BFF';
-var minPerStep = [1, 2, 5, 10, 15, 20, 30, 60, 120, 180, 240, 360, 720, 1440];
-var minStepSize = 20;
-var distance_between_gtitle = 80;
-
-/**
- * 下一个刻度
- */
-function ms_to_next_step(timestamp, step) {
-  var remainder = timestamp % step;
-  return remainder ? step - remainder : 0;
-}
-
-/**
- * 返回 2018-01-01 10:00:00 格式时间
- * @param {*} time
- */
-function formartTimestemp(time) {
-  return moment(time).format('YYYY-MM-DD HH:mm:ss');
-}
-/**
- * 返回时间轴上刻度的时间
- * @param {*} datetime new Date 格式
- */
-function graduation_title(datetime) {
-  var mom = moment(datetime);
-  var h = mom.get('hours');
-  var m = mom.get('minutes');
-  var s = mom.get('seconds');
-  if (h === 0 && m === 0 && s === 0) {
-    return mom.format('YYYY.MM.DD');
-  }
-  return mom.format('HH:mm');
-}
-
-/**
- * 绘制线条
- */
-function drawLine(ctx, beginX, beginY, endX, endY, color, width) {
-  ctx.beginPath();
-  ctx.moveTo(beginX, beginY);
-  ctx.lineTo(endX, endY);
-  ctx.strokeStyle = color;
-  ctx.lineWidth = width;
-  ctx.stroke();
-}
-function drawText(ctx, _ref) {
-  var fillStyle = _ref.fillStyle,
-    font = _ref.font,
-    text = _ref.text,
-    x = _ref.x,
-    y = _ref.y;
-  ctx.fillStyle = fillStyle;
-  ctx.font = font;
-  ctx.fillText(text, x, y);
-}
-function useTimeSlider(canvasRef, _ref2) {
-  var hoursPer = _ref2.hoursPer,
-    begin = _ref2.begin,
-    currentTime = _ref2.currentTime,
-    _ref2$segments = _ref2.segments,
-    segments = _ref2$segments === void 0 ? [] : _ref2$segments,
-    onTimeChange = _ref2.onTimeChange,
-    onHoursPerChange = _ref2.onHoursPerChange;
-  var _useState = useState({
-      hoursPer: hoursPer,
-      begin: begin,
-      currentTime: currentTime,
-      hover: {
-        x: 0,
-        time: undefined
-      }
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  var extRef = useRef({
-    mousedownTime: undefined,
-    mousedownX: 0
-  });
-  var size = _useSize(canvasRef);
-  var canvas = canvasRef.current;
-  var _useMemo = useMemo(function () {
-      return size ? size : {
-        width: 0,
-        height: 0
-      };
-    }, [size]),
-    width = _useMemo.width,
-    height = _useMemo.height;
-  var ctx = canvas === null || canvas === void 0 ? void 0 : canvas.getContext('2d');
-  var update = function update() {
-    var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    return setState(function (old) {
-      return _objectSpread(_objectSpread({}, old), params);
-    });
-  };
-  var clearCanvas = function clearCanvas() {
-    return ctx === null || ctx === void 0 ? void 0 : ctx.clearRect(0, 0, width, height);
-  };
-
-  /**
-   * 绘制覆盖时间刻度颜色，表示有录像的部分
-   */
-  var drawOverlay = function drawOverlay() {
-    segments.forEach(function (item) {
-      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;
-      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);
-      }
-    });
-  };
-
-  /**
-   * 绘制刻度相关的
-   */
-  var drawScale = function drawScale() {
-    var px_per_min = width / (state.hoursPer * 60); // px/min
-    var px_per_ms = width / (state.hoursPer * 60 * 60 * 1000); // px/ms
-    var px_per_step = minStepSize; // px/格 默认最小值20px
-    var min_per_step = px_per_step / px_per_min; // min/格
-
-    for (var i = 0; i < minPerStep.length; i++) {
-      if (min_per_step <= minPerStep[i]) {
-        //让每格时间在minutes_per_step规定的范围内
-        min_per_step = minPerStep[i];
-        px_per_step = px_per_min * min_per_step;
-        break;
-      }
-    }
-    var medium_step = 30;
-    for (var _i2 = 0; _i2 < minPerStep.length; _i2++) {
-      if (distance_between_gtitle / px_per_min <= minPerStep[_i2]) {
-        medium_step = minPerStep[_i2];
-        break;
-      }
-    }
-    var num_steps = width / px_per_step; //总格数
-    var ms_offset = ms_to_next_step(state.begin, min_per_step * 60 * 1000); //开始的偏移时间 ms
-    var px_offset = ms_offset * px_per_ms; //开始的偏移距离 px
-    var ms_per_step = px_per_step / px_per_ms; // ms/step
-
-    var graduation_left, graduation_time, lineH;
-    for (var _i3 = 0; _i3 < num_steps; _i3++) {
-      graduation_left = px_offset + _i3 * px_per_step; // 距离=开始的偏移距离+格数*px/格
-      graduation_time = state.begin + ms_offset + _i3 * ms_per_step; //时间=左侧开始时间+偏移时间+格数*ms/格
-      var date = moment(graduation_time);
-      if (date.get('hours') === 0 && date.get('minutes') === 0) {
-        lineH = 10;
-        var big_date = graduation_title(date.valueOf());
-        var x = graduation_left - 30;
-        drawText(ctx, {
-          fillStyle: normalLineColor,
-          font: '10px Arial',
-          x: x,
-          y: 30,
-          text: big_date
-        });
-      } else if (graduation_time / (60 * 1000) % medium_step === 0) {
-        lineH = 10;
-        var middle_date = graduation_title(date.valueOf());
-        var _x2 = graduation_left - (middle_date.length > 5 ? 24 : 12);
-        drawText(ctx, {
-          fillStyle: normalLineColor,
-          font: '10px Arial',
-          x: _x2,
-          y: 30,
-          text: middle_date
-        });
-      } else {
-        lineH = 5;
-      }
-      drawLine(ctx, graduation_left, height - lineH, graduation_left, height, normalLineColor, 2);
-    }
-  };
-
-  /**
-   * 绘制当前刻度
-   * @returns
-   */
-  var drawCurrentLine = function drawCurrentLine() {
-    var currentTime = state.currentTime,
-      begin = state.begin,
-      hoursPer = state.hoursPer;
-    var time = currentTime;
-    var range = [begin, currentTime + hoursPer * 3600 * 1000];
-    if (time < range[0] || time > range[1]) {
-      return;
-    }
-    var ms_current = time - begin;
-    var px_per_ms = width / (hoursPer * 60 * 60 * 1000); // px/ms
-    var left = px_per_ms * ms_current;
-    drawText(ctx, {
-      fillStyle: '#ffffff',
-      font: '12px Arial',
-      x: left - 64,
-      y: 14,
-      text: formartTimestemp(time)
-    });
-    drawLine(ctx, left, 20, left, height, currentColor, 2); //中间当前点线
-  };
-
-  /**
-   * 绘制提示时间
-   */
-  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 = state.hover.x) !== null && _state$hover$x !== void 0 ? _state$hover$x : 0 - 50,
-      y: 12,
-      text: formartTimestemp((_state$hover$time = state.hover.time) !== null && _state$hover$time !== void 0 ? _state$hover$time : 0)
-    });
-    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
-   * @param {*} e
-   */
-  var get_cursor_x_position = function get_cursor_x_position(e) {
-    return e.offsetX;
-  };
-
-  /**
-   * 更新画布大小
-   */
-  _useUpdateEffect(function () {
-    if (canvas) {
-      canvas.width = width;
-      canvas.height = height;
-    }
-  }, [canvas, height, width]);
-  useEffect(function () {
-    if (canvas) {
-      clearCanvas();
-      drawOverlay();
-      drawScale();
-      drawCurrentLine();
-      if (state.hover.time) {
-        drawHoverLine();
-      }
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [canvas, state.begin, state.currentTime, state.hoursPer, segments, state.hover, size]);
-  _useUpdateEffect(function () {
-    return update({
-      begin: begin
-    });
-  }, [begin]);
-  _useUpdateEffect(function () {
-    return update({
-      hoursPer: hoursPer
-    });
-  }, [hoursPer]);
-  _useUpdateEffect(function () {
-    return update({
-      currentTime: currentTime
-    });
-  }, [currentTime]);
-
-  /**
-   * 触发绘制范围单位（hour）
-   */
-  _useEventListener('mousewheel', function (event) {
-    event.preventDefault();
-    var delta = Math.max(-1, Math.min(1, event.wheelDelta || -event.detail));
-    var middle_time = state.begin + state.hoursPer * 3600 * 1000 / 2; //ms 记住当前中间的时间
-    var new_hoursPer = state.hoursPer;
-    var index = hours.indexOf(new_hoursPer);
-    if (delta < 0) {
-      // 缩小
-      if (index === hours.length - 1) {
-        new_hoursPer = hours[index];
-      } else {
-        new_hoursPer = hours[index + 1];
-      }
-    } else if (delta > 0) {
-      // 放大
-      if (index === 0) {
-        new_hoursPer = hours[0];
-      } else {
-        new_hoursPer = hours[index - 1];
-      }
-    }
-    var new_begin = middle_time - state.hoursPer * 3600 * 1000 / 2; //new_begin = 当前中间的时间 - hoursPer/2
-    setState(function (old) {
-      return _objectSpread(_objectSpread({}, old), {}, {
-        begin: new_begin,
-        hoursPer: new_hoursPer
-      });
-    });
-    nextTick(function () {
-      return onHoursPerChange === null || onHoursPerChange === void 0 ? void 0 : onHoursPerChange(new_hoursPer);
-    });
-  }, {
-    target: canvasRef
-  });
-
-  /**
-   * 用于处理canvas移除hover效果
-   */
-  _useEventListener('mouseout', function () {
-    return setState(function (old) {
-      return _objectSpread(_objectSpread({}, old), {}, {
-        hover: {
-          x: 0,
-          time: undefined
-        }
-      });
-    });
-  }, {
-    target: canvasRef
-  });
-
-  /**
-   * hover效果绘制
-   */
-  _useEventListener('mousemove', function (e) {
-    if (extRef.current.mousedownTime) {
-      setState(function (old) {
-        return _objectSpread(_objectSpread({}, old), {}, {
-          hover: old.hover.time ? {
-            x: 0,
-            time: undefined
-          } : old.hover
-        });
-      });
-    } else {
-      // 触发绘制hover tips
-      var pos_x = get_cursor_x_position(e);
-      var ms_per_px = state.hoursPer * 3600 * 1000 / width; // ms/px
-      var current_timestamp = state.begin + pos_x * ms_per_px;
-      setState(function (old) {
-        return _objectSpread(_objectSpread({}, old), {}, {
-          hover: {
-            x: pos_x,
-            time: current_timestamp
-          }
-        });
-      });
-    }
-  }, {
-    target: canvasRef
-  });
-
-  /**
-   * 标记点击、拖动的触发器
-   */
-  _useEventListener('mousedown', function (e) {
-    extRef.current.mousedownTime = Date.now();
-    extRef.current.mousedownX = get_cursor_x_position(e); //记住mousedown的位置
-  }, {
-    target: canvasRef
-  });
-
-  /**
-   * 处理点击、结束拖动的处理
-   */
-  _useEventListener('mouseup', function (e) {
-    if (!extRef.current.mousedownTime) {
-      // 未在canvas上触发mousedown 过滤
-      return;
-    }
-    var clickDelay = Date.now() - extRef.current.mousedownTime;
-    if (clickDelay < 200 && e.target === canvas) {
-      // click 事件
-      var pos_x = get_cursor_x_position(e); //鼠标距离 px
-      var ms_per_px = state.hoursPer * 3600 * 1000 / width; // ms/px
-      var new_current = state.begin + pos_x * ms_per_px;
-      var segmentItem = segments.find(function (v) {
-        return new_current >= v.beginTime && new_current < v.endTime;
-      });
-      // 当前片段没有录像的时候
-      var _outTimeline = segmentItem && !segmentItem.url;
-      // const new_begin = new_current - (state.hoursPer * 60 * 60 * 1000) / 2;
-
-      // setState((old) => ({ ...old, begin: new_begin, current: new_current }));
-      setState(function (old) {
-        return _objectSpread(_objectSpread({}, old), {}, {
-          current: new_current
-        });
-      });
-      nextTick(function () {
-        return onTimeChange === null || onTimeChange === void 0 ? void 0 : onTimeChange({
-          currentTime: new_current
-        }, _outTimeline);
-      });
-    }
-    // 清楚拖拽关联信息
-    extRef.current.mousedownTime = undefined;
-    extRef.current.mousedownX = 0;
-  }, {
-    target: document
-  });
-  var moveTimerRef = useRef();
-
-  /**
-   * 拖动处理
-   */
-  _useEventListener('mousemove', function (e) {
-    if (!extRef.current.mousedownTime) {
-      return;
-    }
-    clearTimeout(moveTimerRef.current);
-    // 触发拖动
-    var pos_x = get_cursor_x_position(e);
-    var px_per_ms = width / (state.hoursPer * 60 * 60 * 1000); // px/ms
-    var diff_x = pos_x - extRef.current.mousedownX;
-    var new_begin = state.begin - Math.round(diff_x / px_per_ms);
-    extRef.current.mousedownX = pos_x;
-    update({
-      begin: new_begin
-    });
-    moveTimerRef.current = setTimeout(function () {
-      return onTimeChange === null || onTimeChange === void 0 ? void 0 : onTimeChange({
-        begin: new_begin
-      });
-    }, 300);
-  }, {
-    target: document
-  });
-}
-export default useTimeSlider;

package/es/ScreenPlayer/useVideoFit.d.ts

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