@cloud-app-dev/vidc 4.0.21 → 4.0.23

package/es/AppContext/index.js

@@ -17,7 +17,7 @@ import nextTick from "../nextTick";
 import SocketEmitter from "../SocketEmitter";
 import { _LOGIN_STATUS_EVENT_CHANGE_, _LOGIN_STATUS_SESSION_, _OPERATION_EVENT_CHANGE_, _OPERATION_SESSION_, _STORE_EVENT_CHANGE_, _STORE_SESSION_, _USER_EVENT_CHANGE_, _USER_SESSION_ } from "./static";
 import Sync from "./Sync";
-var Context = /*#__PURE__*/React.createContext(null);
+var Context = /*#__PURE__*/React.createContext({});
 function Provider(_ref) {
   var children = _ref.children;
   var _useState = useState({

package/es/CustomRenderSelect/index.js

@@ -23,7 +23,6 @@ function CustomRenderSelect(_ref) {
     _ref$selectAotoClose = _ref.selectAotoClose,
     selectAotoClose = _ref$selectAotoClose === void 0 ? true : _ref$selectAotoClose,
     props = _objectWithoutProperties(_ref, _excluded);
-  //@ts-ignore
   var classname = useMemo(function () {
     return "custom-render-select-dropdown-".concat(uuid());
   }, []);

package/es/Drag/DragAndDropItem.js

@@ -21,7 +21,6 @@ function DragAndDropItem(_ref) {
     onDropEnd = _ref.onDropEnd,
     _ref$disabledCopyElem = _ref.disabledCopyElement,
     disabledCopyElement = _ref$disabledCopyElem === void 0 ? true : _ref$disabledCopyElem;
-  //@ts-ignore
   var id = useMemo(function () {
     return dragId || "dragId-".concat(uuid());
   }, [dragId]);

package/es/GridList/hook.d.ts

@@ -5,7 +5,7 @@ export declare function useConstRef<T>(value: T): ConstRef<T>;
 export declare function useWindowSize(): ElementSize;
 export declare function useElementSize(ref: RefObject<Element>): ElementSize | null;
 export declare function useWindowScroll(): ElementScroll;
-export declare function useElementWindowOffset(ref: RefObject<HTMLElement>): number;
+export declare function useElementWindowOffset(ref: RefObject<HTMLElement>): number | null;
 export declare function useIntersecting(ref: RefObject<HTMLElement>, rootMargin: string): boolean;
 export declare function useGridListContainerData(ref: RefObject<HTMLElement>): GridListContainerData;
 export declare function useGridListConfigData<P>(containerData: GridListContainerData, props: GridListProps<P>): GridListConfigData<P> | null;

package/es/GridList/utils.d.ts

@@ -5,5 +5,5 @@ export declare function getElementSize(element: Element): ElementSize;
 export declare function isSameElementScroll(a: ElementScroll, b: ElementScroll): boolean;
 export declare function getWindowScroll(): ElementScroll;
 export declare function getElementOffset(element: Element): number;
-export declare function getColumnWidth(columnCount: number | null, gridGap: number | null, elementWidth: number | null): number;
-export declare function getGridRowStart<P>(cell: GridListCell<P>, renderData: GridListRenderData<P> | null): string;
+export declare function getColumnWidth(columnCount: number | null, gridGap: number | null, elementWidth: number | null): number | null;
+export declare function getGridRowStart<P>(cell: GridListCell<P>, renderData: GridListRenderData<P> | null): string | undefined;

package/es/LoaderScript/utils.d.ts

@@ -5,7 +5,7 @@ export declare function createAsyncIterable(options: IOptionsLoader[]): {
     [Symbol.asyncIterator](): {
         i: number;
         next(): Promise<{
-            value: any;
+            value: number;
             done: boolean;
         }>;
     };

package/es/Map/BasicMap/AMapInstance.js

@@ -5,6 +5,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+// eslint-disable-next-line @typescript-eslint/triple-slash-reference
 /// <reference path="../AMap.d.ts" />
 var AMapInstance = /*#__PURE__*/function () {
   function AMapInstance(ele, config) {
@@ -55,6 +56,7 @@ var AMapInstance = /*#__PURE__*/function () {
   }, {
     key: "mapReset",
     value: function mapReset() {
+      //@ts-ignore
       this.setZoomAndCenter(this.config.zoom, this.config.center);
     }
   }, {

package/es/Map/BasicMap/LeafletInstance.js

@@ -23,7 +23,8 @@ var LeafletInstance = /*#__PURE__*/function () {
         maxZoom = _this$config.maxZoom,
         minZoom = _this$config.minZoom,
         crsStr = _this$config.crs,
-        url = _this$config.url,
+        _this$config$url = _this$config.url,
+        url = _this$config$url === void 0 ? '' : _this$config$url,
         zoomOffset = _this$config.zoomOffset,
         center = _this$config.center,
         zoom = _this$config.zoom,
@@ -72,7 +73,8 @@ var LeafletInstance = /*#__PURE__*/function () {
     value: function mapReset() {
       var _this$config2 = this.config,
         center = _this$config2.center,
-        zoom = _this$config2.zoom;
+        _this$config2$zoom = _this$config2.zoom,
+        zoom = _this$config2$zoom === void 0 ? 1 : _this$config2$zoom;
       this.setZoomAndCenter(zoom, center);
     }
   }, {

package/es/Map/ClusterLayer/hook.d.ts

@@ -1,5 +1,5 @@
 /// <reference path="../AMap.d.ts" />
 import { MapPoint, Marker, LClusterInterface } from '../interface';
 import './index.less';
-export declare function useMarkerCluster(onPointClick?: (point: MapPoint) => void): LClusterInterface & AMap.MarkerCluster;
+export declare function useMarkerCluster(onPointClick?: (point: MapPoint) => void): (LClusterInterface & AMap.MarkerCluster) | null;
 export declare function useMarkers(points?: MapPoint[]): Marker[];

package/es/Map/ClusterLayer/hook.js

@@ -10,6 +10,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+// eslint-disable-next-line @typescript-eslint/triple-slash-reference
 /// <reference path="../AMap.d.ts" />
 import { useContext, useEffect, useRef, useState } from 'react';
 import useMapType from "../hook/useMapType";
@@ -36,6 +37,7 @@ export function useMarkerCluster(onPointClick) {
       var L = window.L;
       var clusterGroup = L.markerClusterGroup(clusterOptions);
       clusterGroup.addTo(instance.map);
+      //@ts-ignore
       clusterRef.current = clusterGroup;
     }
     if (type.AMap) {
@@ -48,7 +50,7 @@ export function useMarkerCluster(onPointClick) {
               content: data.deviceName,
               direction: 'top'
             });
-            onPointClick && context.marker.on('click', function () {
+            if (onPointClick) context.marker.on('click', function () {
               return onPointClick(data);
             });
           }
@@ -58,8 +60,9 @@ export function useMarkerCluster(onPointClick) {
             return;
           }
           var lnglat = e === null || e === void 0 ? void 0 : e.lnglat;
-          lnglat && instance.setZoomAndCenter(instance.getZoom() + 1, lnglat);
+          if (lnglat) instance.setZoomAndCenter(instance.getZoom() + 1, lnglat);
         });
+        //@ts-ignore
         clusterRef.current = cluster;
       });
     }
@@ -68,6 +71,7 @@ export function useMarkerCluster(onPointClick) {
   }, []);
   useUnmount(function () {
     try {
+      //@ts-ignore
       instance.map.remove(clusterRef.current);
     } catch (_) {}
   });

package/es/Map/InfoWindow/MakerLikeWindow.js

@@ -7,13 +7,15 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 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; }
+// eslint-disable-next-line @typescript-eslint/triple-slash-reference
 /// <reference path="../AMap.d.ts" />
 
 import React, { useContext, useEffect, useRef } from 'react';
-import ReactDOM from 'react-dom';
+// import ReactDOM from 'react-dom';
 import { mapContext } from "../Context";
 import useMapType from "../hook/useMapType";
 import { useUnmount, useEventListener } from 'ahooks';
+import { createRoot } from 'react-dom/client';
 var maxIndex = 20;
 export default function MakerLikeWindow(_ref) {
   var children = _ref.children,
@@ -33,6 +35,7 @@ export default function MakerLikeWindow(_ref) {
     // leaflet下还未实现
 
     if (type.AMap && !markerRef.current) {
+      //@ts-ignore
       var marker = new AMap.Marker({
         content: domref.current,
         visible: false,
@@ -40,7 +43,8 @@ export default function MakerLikeWindow(_ref) {
         map: instance.map,
         offset: [-width * 0.5, -height - 32]
       });
-      markerRef.current = marker;
+      //@ts-ignore
+      markerRef.cFurrent = marker;
       marker.on('click', function () {
         maxIndex++;
         if (marker.getzIndex() !== maxIndex) {
@@ -57,13 +61,25 @@ export default function MakerLikeWindow(_ref) {
     if (type.AMap) {
       var lnglat = _construct(AMap.LngLat, _toConsumableArray(center));
       if (visible) {
+        //@ts-ignore
         marker.setPosition(lnglat);
+        //@ts-ignore
         marker.setContent(domref.current);
-        ReactDOM.render(children, domref.current);
+        //@ts-ignore
+        if (domref.current) {
+          // 创建渲染器实例
+          var root = createRoot(domref.current);
+          // 使用渲染器实例进行渲染
+          root.render(children);
+        }
+        //@ts-ignore
         marker.show();
       } else {
+        //@ts-ignore
         marker.hide();
-        ReactDOM.unmountComponentAtNode(domref.current);
+        // //@ts-ignore
+        //   ReactDOM.unmountComponentAtNode(domref.current);
+        //@ts-ignore
         instance.map.remove(markerRef.current);
         markerRef.current = null;
       }
@@ -72,6 +88,7 @@ export default function MakerLikeWindow(_ref) {
   }, [visible, center, instance.map]);
   useUnmount(function () {
     try {
+      //@ts-ignore
       instance.map.remove(markerRef.current);
       markerRef.current = null;
     } catch (_) {}

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

@@ -10,6 +10,7 @@ function DragMarker(_ref) {
   var _useContext = useContext(mapContext),
     instance = _useContext.instance;
   var type = useMapType();
+  //@ts-ignore
   var marker = useMarker({
     map: instance.map,
     center: center,

package/es/Map/MouseTool/useMouseTools.js

@@ -40,7 +40,8 @@ function useMouseTools(onDrawEnd) {
       return undefined;
     }
     var fn = function fn(e) {
-      overlayersRef.current.push(e.obj);
+      //@ts-ignore
+      overlayersRef.current.push(e === null || e === void 0 ? void 0 : e.obj);
       onDrawEnd === null || onDrawEnd === void 0 || onDrawEnd(e.obj);
     };
     mouseRef.current.on('draw', fn);

package/es/Map/SinglePoint/index.js

@@ -16,6 +16,7 @@ function SinglePoint(_ref) {
     children = _ref.children;
   var _useContext = useContext(mapContext),
     instance = _useContext.instance;
+  //@ts-ignore
   var mapRest = useCallback(function () {
     return instance.setZoomAndCenter(instance.config.zoom, center !== null && center !== void 0 ? center : instance.config.center);
   }, [center, instance]);

package/es/Map/points.d.ts

@@ -46,5 +46,29 @@ declare const data: ({
     villageLocationType: string;
     placeTags: string[];
     createTime: string;
+} | {
+    cid: string;
+    deviceName: string;
+    deviceStatus: string;
+    deviceType: string;
+    id: string;
+    latitude: string;
+    longitude: string;
+    manufacturerDeviceId: string;
+    manufacturerDeviceType: string;
+    organizationIds: string[];
+    pathId: number[];
+    placeId: string;
+    sn: string;
+    boxNum: string;
+    cameraType: null;
+    hasFrontEnd: boolean;
+    hasStorage: boolean;
+    parentId: string;
+    accessType: string;
+    villageLocationType: string;
+    placeTags: string[];
+    createTime: string;
+    lygroupId?: undefined;
 })[];
 export default data;

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

@@ -18,6 +18,7 @@ function RectInfo(_ref) {
       height = _containerDom$getBoun.height;
     var _rectInfoWidth$rectIn = {
         rectInfoWidth: RECT_INFO_WIDTH,
+        //@ts-ignore
         rectInfoHeight: item.tags.length * RECT_INFO_HEIGHT + 6 + 30
       },
       rectInfoWidth = _rectInfoWidth$rectIn.rectInfoWidth,
@@ -44,6 +45,7 @@ function RectInfo(_ref) {
       width: rectInfoWidth,
       height: rectInfoHeight
     };
+    //@ts-ignore
   }, [containerDom, item.rect, item.tags.length]);
   return /*#__PURE__*/React.createElement("div", {
     className: "rect-info-list-wrapper",
@@ -65,7 +67,7 @@ function RectInfo(_ref) {
     type: 'lm-player_Photo_repeatingdata'
   }), "\u91CD\u590D")), /*#__PURE__*/React.createElement("ul", {
     className: "rect-info-list"
-  }, item.tags.map(function (v, index) {
+  }, item.tags && item.tags.map(function (v, index) {
     return /*#__PURE__*/React.createElement("li", {
       className: "info-item",
       key: index,

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

@@ -6,6 +6,6 @@ export function computedZIndex(rects) {
     return v;
   });
   return areas.sort(function (a, b) {
-    return b.area - a.area;
+    return (b.area || 0) - (a.area || 0);
   });
 }

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

@@ -38,14 +38,20 @@ function RectMenu(_ref) {
   useEffect(function () {
     var dom = domRef.current;
     if (dom) {
+      //@ts-ignore
       dom.addEventListener('mousedown', handleCancelB, false);
+      //@ts-ignore
       dom.addEventListener('mousemove', handleCancelB, false);
+      //@ts-ignore
       dom.addEventListener('mouseup', handleCancelB, false);
     }
     return function () {
       if (dom) {
+        //@ts-ignore
         dom.removeEventListener('mousedown', handleCancelB, false);
+        //@ts-ignore
         dom.removeEventListener('mousemove', handleCancelB, false);
+        //@ts-ignore
         dom.removeEventListener('mouseup', handleCancelB, false);
       }
     };

package/es/Picture/component/RectMenu/utils.d.ts

@@ -7,6 +7,6 @@ export declare function computedMenuPosition({ width, height, position, size }:
         h: number;
     };
 }): {
-    x: any;
-    y: any;
+    x: number;
+    y: number;
 };

package/es/Picture/utils.d.ts

@@ -1,22 +1,22 @@
 import { ImageType, RectType } from './interface';
 export declare function customContextMenu(e: any): boolean;
 export declare function cloneImageNode(image: HTMLImageElement): Promise<Node>;
-export declare function getCaptureRect(rect: number[], type: ImageType): any[];
+export declare function getCaptureRect(rect: number[], type: ImageType): number[];
 export declare function computedRectScale({ domImg, rects }: {
     domImg: HTMLImageElement;
     rects: RectType[];
 }): {
-    rect: any[];
+    rect: number[];
     type: ImageType;
-    needExpand?: boolean;
-    imgId?: string;
-    area?: number;
-    tags?: import("./interface").TagItemType[];
-    imgUrl?: string;
-    isDefault?: boolean;
-    dupId?: string;
-    lowQuality?: boolean;
-    base64?: string;
+    needExpand?: boolean | undefined;
+    imgId?: string | undefined;
+    area?: number | undefined;
+    tags?: import("./interface").TagItemType[] | undefined;
+    imgUrl?: string | undefined;
+    isDefault?: boolean | undefined;
+    dupId?: string | undefined;
+    lowQuality?: boolean | undefined;
+    base64?: string | undefined;
 }[];
 export declare function getImgSize(dom: HTMLDivElement, img: HTMLImageElement): {
     x: number;

package/es/Player/api/index.d.ts

@@ -4,18 +4,18 @@ import type { FlvPlayerConfig } from '../player';
 declare class Api {
     container: HTMLElement;
     constructor(container: HTMLElement);
-    get video(): HTMLVideoElement;
+    get video(): HTMLVideoElement | null;
     play: () => void;
     pause: () => void;
-    get paused(): boolean;
-    get muted(): boolean;
+    get paused(): boolean | undefined;
+    get muted(): boolean | undefined;
     /**
      * 设置currentTime实现seek
      * @param {*} seconds
      */
     seekTo: (seconds: number) => void;
     setVolume: (fraction: number) => void;
-    getVolume: () => number;
+    getVolume: () => number | undefined;
     mute: () => void;
     unmute: () => void;
     /**

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

@@ -4,5 +4,5 @@ interface IBarProps extends React.HTMLAttributes<HTMLSpanElement> {
     className?: string;
     children?: React.ReactNode;
 }
-declare function Bar({ visibel, className, children, ...props }: IBarProps): React.JSX.Element;
+declare function Bar({ visibel, className, children, ...props }: IBarProps): React.JSX.Element | null;
 export default Bar;

package/es/Player/contraller_bar/volume.js

@@ -21,7 +21,7 @@ function Volume(_ref) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
   var volume = useMemo(function () {
     return api !== null && api !== void 0 && api.muted ? 0 : val;
-  }, undefined);
+  }, []);
   var onChange = function onChange(num) {
     if (api !== null && api !== void 0 && api.muted) {
       api === null || api === void 0 || api.unmute();

package/es/Player/util.d.ts

@@ -30,7 +30,7 @@ export declare const playUnload: (video?: HTMLVideoElement, flv?: Flvjs.Player,
  * @param hls
  * @param url
  */
-export declare const playReload: (video?: HTMLVideoElement, event?: VideoEventInstance, flv?: Flvjs.Player, hls?: Hls, url?: string) => any;
+export declare const playReload: (video?: HTMLVideoElement, event?: VideoEventInstance, flv?: Flvjs.Player, hls?: Hls, url?: string) => undefined;
 /**
  * 获取播放文件类型
  * @param {*} url

package/es/ScreenPlayer/LiveTools.js

@@ -51,8 +51,8 @@ function LiveTools(_ref) {
   };
   var player = props.getPlayerItem();
 
-  /**
-   * 定时获取play状态
+  /**
+   * 定时获取play状态
    */
   useInterval(function () {
     return update();
@@ -122,10 +122,7 @@ function LiveTools(_ref) {
   }, /*#__PURE__*/React.createElement(IconFont, {
     type: "lm-player-quanbuguanbi",
     title: "\u5173\u95ED\u6240\u6709"
-  })), /*#__PURE__*/React.createElement(ScreenSelect, {
-    screenNum: screenNum,
-    updateState: props.updateState
-  }), /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/React.createElement("span", {
     className: "player-tools-item",
     onClick: props.toggleFit
   }, fit === 'fill' ? /*#__PURE__*/React.createElement(IconFont, {
@@ -134,7 +131,10 @@ function LiveTools(_ref) {
   }) : /*#__PURE__*/React.createElement(IconFont, {
     type: "lm-player-huamianshiying",
     title: "\u586B\u5145"
-  })), /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/React.createElement(ScreenSelect, {
+    screenNum: screenNum,
+    updateState: props.updateState
+  }), /*#__PURE__*/React.createElement("span", {
     className: "player-tools-item",
     onClick: toggleFullscreen,
     style: {

package/es/ScreenPlayer/RecordTools.d.ts

@@ -34,5 +34,5 @@ interface IToolsProps {
     allWinExtTools?: JSX.Element;
     hasPlugin?: boolean;
 }
-declare function RecordTools({ containerRef, screenNum, mode, fit, time, oneWinExtTools, allWinExtTools, hasPlugin, multipleList, ...props }: IToolsProps): React.JSX.Element;
+declare function RecordTools({ containerRef, screenNum, fit, time, oneWinExtTools, allWinExtTools, ...props }: IToolsProps): React.JSX.Element;
 export default RecordTools;

package/es/ScreenPlayer/RecordTools.js

@@ -1,4 +1,5 @@
-var _excluded = ["containerRef", "screenNum", "mode", "fit", "time", "oneWinExtTools", "allWinExtTools", "hasPlugin", "multipleList"];
+var _excluded = ["containerRef", "screenNum", "fit", "time", "oneWinExtTools", "allWinExtTools"];
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
 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); }
@@ -13,21 +14,17 @@ import React from 'react';
 import Volume from "../Player/contraller_bar/volume";
 import IconFont from "../Player/iconfont";
 import useFullscreen from "../useFullscreen";
-import RatePick from "./RatePick";
+// import RatePick from './RatePick';
 import ScreenSelect from "./ScreenSelect";
 import TimeSelect from "./TimeSelect";
 function RecordTools(_ref) {
-  var _player$video$playbac, _player$video, _player$video2;
+  var _player$video;
   var containerRef = _ref.containerRef,
     screenNum = _ref.screenNum,
-    _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? 1 : _ref$mode,
     fit = _ref.fit,
     time = _ref.time,
     oneWinExtTools = _ref.oneWinExtTools,
     allWinExtTools = _ref.allWinExtTools,
-    hasPlugin = _ref.hasPlugin,
-    multipleList = _ref.multipleList,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useFullscreen = useFullscreen(containerRef),
     _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
@@ -35,8 +32,8 @@ function RecordTools(_ref) {
     toggleFullscreen = _useFullscreen2[1].toggleFullscreen;
   var _useToggle = useToggle(false),
     _useToggle2 = _slicedToArray(_useToggle, 2),
-    isFpsPlay = _useToggle2[0],
-    toggle = _useToggle2[1].toggle;
+    isFpsPlay = _useToggle2[0];
+  _objectDestructuringEmpty(_useToggle2[1]);
   var update = useUpdate();
   // 播放状态控制
   var playToggle = function playToggle() {
@@ -60,11 +57,13 @@ function RecordTools(_ref) {
       (_props$snapshot = props.snapshot) === null || _props$snapshot === void 0 || _props$snapshot.call(props, base64);
     }
   };
-  var ratechange = function ratechange(value) {
-    var player = props.getPlayerItem();
-    player === null || player === void 0 || player.api.setPlaybackRate(value);
-    update();
-  };
+
+  // const ratechange = (value: number) => {
+  //   const player = props.getPlayerItem();
+  //   player?.api.setPlaybackRate(value);
+  //   update();
+  // };
+
   var player = props.getPlayerItem();
   useUpdateEffect(function () {
     var player = props.getPlayerItem();
@@ -73,8 +72,8 @@ function RecordTools(_ref) {
     }
   }, [isFpsPlay]);
 
-  /**
-   * 定时获取play状态
+  /**
+   * 定时获取play状态
    */
   useRafInterval(function () {
     return update();
@@ -105,45 +104,18 @@ function RecordTools(_ref) {
   }, /*#__PURE__*/React.createElement(IconFont, {
     type: "lm-player-xiazai",
     title: "\u4E0B\u8F7D\u5F53\u524D\u5F55\u50CF"
-  })), hasPlugin && /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "player-tools-item",
-    onClick: function onClick() {
-      return props.updateState({
-        mode: mode !== 2 ? 2 : 1
-      });
+    onClick: props.onClose,
+    style: {
+      marginRight: 6
     }
   }, /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-S_Device_shezhi",
-    style: mode === 2 ? {
-      color: 'var(--primary)'
-    } : undefined,
-    className: "icon-chajian",
-    title: "\u5207\u6362".concat(mode === 1 ? '插件' : '浏览器', "\u6A21\u5F0F")
-  })), /*#__PURE__*/React.createElement("span", {
-    className: "player-tools-item",
-    onClick: toggle
-  }, /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-zhuzhenplay",
-    style: isFpsPlay ? {
-      color: 'var(--primary)'
-    } : undefined,
-    title: "\u9010\u5E27\u64AD\u653E"
-  })), /*#__PURE__*/React.createElement(RatePick, {
-    onChange: ratechange,
-    multipleList: multipleList,
-    value: (_player$video$playbac = player === null || player === void 0 || (_player$video = player.video) === null || _player$video === void 0 ? void 0 : _player$video.playbackRate) !== null && _player$video$playbac !== void 0 ? _player$video$playbac : 1
-  }), oneWinExtTools), /*#__PURE__*/React.createElement("div", {
+    type: "lm-player-close",
+    title: "\u5173\u95ED"
+  })), oneWinExtTools), /*#__PURE__*/React.createElement("div", {
     className: "player-tools-mid"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "player-tools-item",
-    onClick: props.onClose
-  }, /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-tingzhi",
-    title: "\u505C\u6B62",
-    style: {
-      fontSize: 16
-    }
-  })), /*#__PURE__*/React.createElement(TimeSelect, {
+  }, /*#__PURE__*/React.createElement(TimeSelect, {
     time: time,
     onChange: function onChange(time) {
       var _props$onTimeChange;
@@ -154,7 +126,7 @@ function RecordTools(_ref) {
   }), /*#__PURE__*/React.createElement("div", {
     className: "player-tools-item",
     onClick: playToggle
-  }, player && !((_player$video2 = player.video) !== null && _player$video2 !== void 0 && _player$video2.paused) ? /*#__PURE__*/React.createElement(IconFont, {
+  }, player && !((_player$video = player.video) !== null && _player$video !== void 0 && _player$video.paused) ? /*#__PURE__*/React.createElement(IconFont, {
     type: "lm-player-Pause_Main",
     title: "\u6682\u505C",
     style: {

package/es/ScreenPlayer/useTimeSlider.js

@@ -22,24 +22,24 @@ 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
+/**
+ * 返回 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 格式
+/**
+ * 返回时间轴上刻度的时间
+ * @param {*} datetime new Date 格式
  */
 function graduation_title(datetime) {
   var mom = moment(datetime);
@@ -52,8 +52,8 @@ function graduation_title(datetime) {
   return mom.format('HH:mm');
 }
 
-/**
- * 绘制线条
+/**
+ * 绘制线条
  */
 function drawLine(ctx, beginX, beginY, endX, endY, color, width) {
   ctx.beginPath();
@@ -118,8 +118,8 @@ function useTimeSlider(canvasRef, _ref2) {
     return ctx === null || ctx === void 0 ? void 0 : ctx.clearRect(0, 0, width, height);
   };
 
-  /**
-   * 绘制覆盖时间刻度颜色，表示有录像的部分
+  /**
+   * 绘制覆盖时间刻度颜色，表示有录像的部分
    */
   var drawOverlay = function drawOverlay() {
     segments.forEach(function (item) {
@@ -134,8 +134,8 @@ function useTimeSlider(canvasRef, _ref2) {
     });
   };
 
-  /**
-   * 绘制刻度相关的
+  /**
+   * 绘制刻度相关的
    */
   var drawScale = function drawScale() {
     var px_per_min = width / (state.hoursPer * 60); // px/min
@@ -197,9 +197,9 @@ function useTimeSlider(canvasRef, _ref2) {
     }
   };
 
-  /**
-   * 绘制当前刻度
-   * @returns
+  /**
+   * 绘制当前刻度
+   * @returns
    */
   var drawCurrentLine = function drawCurrentLine() {
     var currentTime = state.currentTime,
@@ -223,8 +223,8 @@ function useTimeSlider(canvasRef, _ref2) {
     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;
@@ -238,16 +238,16 @@ function useTimeSlider(canvasRef, _ref2) {
     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
+  /**
+   * 获取鼠标posx
+   * @param {*} e
    */
   var get_cursor_x_position = function get_cursor_x_position(e) {
     return e.offsetX;
   };
 
-  /**
-   * 更新画布大小
+  /**
+   * 更新画布大小
    */
   useUpdateEffect(function () {
     if (canvas) {
@@ -283,13 +283,16 @@ function useTimeSlider(canvasRef, _ref2) {
     });
   }, [currentTime]);
 
-  /**
-   * 触发绘制范围单位（hour）
+  /**
+   * 触发绘制范围单位（hour）
    */
   useEventListener('mousewheel', function (event) {
+    var _canvasRef$current, _canvasRef$current2, _canvasRef$current3;
+    if (!(canvasRef !== null && canvasRef !== void 0 && (_canvasRef$current = canvasRef.current) !== null && _canvasRef$current !== void 0 && _canvasRef$current.width)) return;
     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 event_time = state.begin + state.hoursPer * 3600 * 1000 * (event.offsetX / (canvasRef === null || canvasRef === void 0 || (_canvasRef$current2 = canvasRef.current) === null || _canvasRef$current2 === void 0 ? void 0 : _canvasRef$current2.width));
+    // const middle_time = state.begin + (state.hoursPer * 3600 * 1000) / 2; //ms 记住当前中间的时间
     var new_hoursPer = state.hoursPer;
     var index = hours.indexOf(new_hoursPer);
     if (delta < 0) {
@@ -307,15 +310,17 @@ function useTimeSlider(canvasRef, _ref2) {
         new_hoursPer = hours[index - 1];
       }
     }
-    var new_begin = middle_time - state.hoursPer * 3600 * 1000 / 2; //new_begin = 当前中间的时间 - hoursPer/2
+    var new_event_begin = event_time - new_hoursPer * 3600 * 1000 * (event.offsetX / (canvasRef === null || canvasRef === void 0 || (_canvasRef$current3 = canvasRef.current) === null || _canvasRef$current3 === void 0 ? void 0 : _canvasRef$current3.width));
+
+    // const new_begin = middle_time - (state.hoursPer * 3600 * 1000) / 2; //new_begin = 当前中间的时间 - hoursPer/2
     setState(function (old) {
       return _objectSpread(_objectSpread({}, old), {}, {
-        begin: new_begin,
+        begin: new_event_begin,
         hoursPer: new_hoursPer
       });
     });
     onTimeChange === null || onTimeChange === void 0 || onTimeChange({
-      begin: new_begin
+      begin: new_event_begin
     });
     nextTick(function () {
       return onHoursPerChange === null || onHoursPerChange === void 0 ? void 0 : onHoursPerChange(new_hoursPer);
@@ -324,8 +329,8 @@ function useTimeSlider(canvasRef, _ref2) {
     target: canvasRef
   });
 
-  /**
-   * 用于处理canvas移除hover效果
+  /**
+   * 用于处理canvas移除hover效果
    */
   useEventListener('mouseout', function () {
     return setState(function (old) {
@@ -340,8 +345,8 @@ function useTimeSlider(canvasRef, _ref2) {
     target: canvasRef
   });
 
-  /**
-   * hover效果绘制
+  /**
+   * hover效果绘制
    */
   useEventListener('mousemove', function (e) {
     if (extRef.current.mousedownTime) {
@@ -371,8 +376,8 @@ function useTimeSlider(canvasRef, _ref2) {
     target: canvasRef
   });
 
-  /**
-   * 标记点击、拖动的触发器
+  /**
+   * 标记点击、拖动的触发器
    */
   useEventListener('mousedown', function (e) {
     extRef.current.mousedownTime = Date.now();
@@ -381,8 +386,8 @@ function useTimeSlider(canvasRef, _ref2) {
     target: canvasRef
   });
 
-  /**
-   * 处理点击、结束拖动的处理
+  /**
+   * 处理点击、结束拖动的处理
    */
   useEventListener('mouseup', function (e) {
     if (!extRef.current.mousedownTime) {
@@ -422,8 +427,8 @@ function useTimeSlider(canvasRef, _ref2) {
   });
   var moveTimerRef = useRef();
 
-  /**
-   * 拖动处理
+  /**
+   * 拖动处理
    */
   useEventListener('mousemove', function (e) {
     if (!extRef.current.mousedownTime) {

package/es/ScreenPlayer/utils.d.ts

@@ -6,7 +6,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/recorder/index.d.ts

@@ -117,7 +117,7 @@ declare class Recorder {
      * @returns [DataView]
      * @memberof Recorder
      */
-    getNextData(): ArrayBufferLike;
+    getNextData(): ArrayBuffer | undefined;
     /**
      * 利用 decodeAudioData播放录音数据，每次播放都需创建，因为buffersource只能被使用一次
      *

package/es/treeHelper/index.d.ts

@@ -1,6 +1,6 @@
-declare function computPlaceTree<T>(lt: any[], isNoDeep?: boolean): any;
-declare function computPlaceTreeHasUnknown<T>(lt: any[], isNoDeep?: boolean): any;
-declare function computTreeList<T>(list: any[], id?: string, pid?: string, isNoDeep?: boolean): any;
+declare function computPlaceTree<T>(lt: any[], isNoDeep?: boolean): any[];
+declare function computPlaceTreeHasUnknown<T>(lt: any[], isNoDeep?: boolean): any[];
+declare function computTreeList<T>(list: any[], id?: string, pid?: string, isNoDeep?: boolean): any[];
 declare function computTreeList2<T>(list: T[], key?: string, pKey?: string): T[];
 declare const _default: {
     computPlaceTree: typeof computPlaceTree;

package/es/utils.d.ts

@@ -3,7 +3,7 @@ import likeGo from './likeGo';
 type TargetValue<T> = T | undefined | null;
 type TargetType = HTMLElement | Element | Window | Document;
 export type BasicTarget<T extends TargetType = Element> = (() => TargetValue<T>) | TargetValue<T> | MutableRefObject<TargetValue<T>>;
-export declare function getTargetElement<T extends TargetType>(target: BasicTarget<T>, defaultElement?: T): T;
+export declare function getTargetElement<T extends TargetType>(target: BasicTarget<T>, defaultElement?: T): TargetValue<T>;
 declare const getScrollTop: (el: Document | Element) => number;
 declare const getScrollHeight: (el: Document | Element) => number;
 declare const getClientHeight: (el: Document | Element) => number;

package/es/uuid/index.d.ts

@@ -1,5 +1 @@
-import { v5 as uuid } from 'uuid';
-/**
- * 生成UUID
- */
-export default uuid;
+export default function uuid(): string;

package/es/uuid/index.js

@@ -1,6 +1,19 @@
-import { v5 as uuid } from 'uuid';
+// import { v5 as uuid } from 'uuid';
 
-/**
- * 生成UUID
- */
-export default uuid;
+// /**
+//  * 生成UUID
+//  */
+// export default uuid;
+
+export default function uuid() {
+  var s = [];
+  var hexDigits = '0123456789abcdef';
+  for (var i = 0; i < 36; i++) {
+    s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
+  }
+  s[14] = '4';
+  s[19] = hexDigits.substr(s[19] & 0x3 | 0x8, 1);
+  s[8] = s[13] = s[18] = s[23] = '-';
+  var uuidStr = s.join('');
+  return uuidStr;
+}

package/package.json

@@ -2,7 +2,7 @@
   "private": false,
   "name": "@cloud-app-dev/vidc",
   "description": "Video Image Data Componennts",
-  "version": "4.0.21",
+  "version": "4.0.23",
   "scripts": {
     "docs:deploy": "gh-pages -d docs-dist",
     "build": "npm run entry && father build",
@@ -50,7 +50,6 @@
     "@turf/helpers": "^6.5.0",
     "@turf/line-to-polygon": "^6.5.0",
     "@types/js-cookie": "^3.0.3",
-    "@types/uuid": "^9.0.1",
     "ahooks": "^3.7.7",
     "axios": "^1.4.0",
     "dayjs": "^1.11.8",
@@ -63,8 +62,7 @@
     "react-error-boundary": "^3.1.4",
     "react-hotkeys-hook": "^4.4.0",
     "screenfull": "^6.0.2",
-    "socket.io-client": "2.5.0",
-    "uuid": "^9.0.0"
+    "socket.io-client": "2.5.0"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.6.5",

package/tsconfig.json

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "strict": false,
+    "strict": true,
     "declaration": true,
     "skipLibCheck": true,
     "esModuleInterop": true,