@cloud-app-dev/vidc 3.0.16 → 3.0.18

package/.umirc.ts

@@ -2,7 +2,7 @@ import { defineConfig } from 'dumi';
 import path from 'path';
 
 const token =
-  'eyJhbGciOiJIUzI1NiJ9.eyJvcmdhbml6YXRpb25JZCI6IjEwMDEwMTAwMDQ0NSIsImV4dCI6MTY2MjI1ODMwNzUxNSwidWlkIjoiMTAxMDAwMDAwNjk5IiwidmFsaWRTdGF0ZSI6MTA0NDA2LCJyb2xlSWQiOlsxMDAwMDAxMTA1MTgsMTAwMDAwMTEwNzI4XSwidmFsaWRUaW1lIjoxNzA0MzgzOTk5MDAwLCJvcHRDZW50ZXJJZCI6IjEwMDEwMDAwMDIzMyIsInVzZXJUeXBlIjoxMDA3MDQsImlhdCI6MTY2MTk5OTEwNzUxNX0.uk_G3vqBCFqxQM2jbV6CSN-z9YNVt_cx5nWXkSuCOIA';
+  'eyJhbGciOiJIUzI1NiJ9.eyJvcmdhbml6YXRpb25JZCI6IjEwMDEwMTAwMDQ0NSIsImV4dCI6MTY2MzQwNTM5ODYzOCwidWlkIjoiMTAxMDAwMDAwNjk5IiwidmFsaWRTdGF0ZSI6MTA0NDA2LCJyb2xlSWQiOlsxMDAwMDAxMTA1MTgsMTAwMDAwMTEwNzI4XSwidmFsaWRUaW1lIjoxNzA0MzgzOTk5MDAwLCJvcHRDZW50ZXJJZCI6IjEwMDEwMDAwMDIzMyIsInVzZXJUeXBlIjoxMDA3MDQsImlhdCI6MTY2MzE0NjE5ODYzOH0.EPh_1eNPNFl-fmLODbHo0mu5R_1kKdt3UUu_0qfBGFY';
 
 export default defineConfig({
   title: 'CloudApp VIDC',

package/es/DisableMark/index.d.ts

@@ -3,6 +3,7 @@ import './index.less';
 interface IDisableMarkProps {
     children: React.ReactNode;
     disabled: boolean;
+    width?: string | number;
 }
-export default function DisableMark({ children, disabled }: IDisableMarkProps): JSX.Element;
+export default function DisableMark({ children, disabled, width }: IDisableMarkProps): JSX.Element;
 export {};

package/es/DisableMark/index.js

@@ -2,8 +2,12 @@ import React from 'react';
 import "./index.css";
 export default function DisableMark(_ref) {
   var children = _ref.children,
-      disabled = _ref.disabled;
+      disabled = _ref.disabled,
+      width = _ref.width;
   return /*#__PURE__*/React.createElement(React.Fragment, null, disabled ? /*#__PURE__*/React.createElement("div", {
-    className: "disable-mark"
+    className: "disable-mark",
+    style: {
+      width: width
+    }
   }) : null, children);
 }

package/es/Map/BasicMap/AMapInstance.d.ts

@@ -12,5 +12,8 @@ declare class AMapInstance implements IMapInstance {
     getZoom(): number;
     setCenter(center: [number, number]): void;
     setZoomAndCenter(zoom: number, center: [number, number]): void;
+    on(type: string, fn: (e: any) => void): void;
+    off(type: string, fn: (e: any) => void): void;
+    setCursor(cursor: string): void;
 }
 export default AMapInstance;

package/es/Map/BasicMap/AMapInstance.js

@@ -66,13 +66,28 @@ var AMapInstance = /*#__PURE__*/function () {
   }, {
     key: "setCenter",
     value: function setCenter(center) {
-      return this.map.setCenter(center);
+      this.map.setCenter(center);
     }
   }, {
     key: "setZoomAndCenter",
     value: function setZoomAndCenter(zoom, center) {
       this.map.setZoomAndCenter(zoom, center);
     }
+  }, {
+    key: "on",
+    value: function on(type, fn) {
+      this.map.on(type, fn);
+    }
+  }, {
+    key: "off",
+    value: function off(type, fn) {
+      this.map.off(type, fn);
+    }
+  }, {
+    key: "setCursor",
+    value: function setCursor(cursor) {
+      this.map.setDefaultCursor(cursor);
+    }
   }]);
 
   return AMapInstance;

package/es/Map/BasicMap/LeafletInstance.d.ts

@@ -8,8 +8,11 @@ declare class LeafletInstance implements IMapInstance {
     destoryMap(): void;
     setZoomAndCenter(zoom: number, center: [number, number] | LatLng): void;
     mapReset(): void;
-    setZoom(zoom: number): Map;
+    setZoom(zoom: number): void;
     setCenter(center: [number, number] | LatLng): void;
     getZoom(): number;
+    on(type: string, fn: (event: any) => void): void;
+    off(type: string, fn: (event: any) => void): void;
+    setCursor(cursor: string): void;
 }
 export default LeafletInstance;

package/es/Map/BasicMap/LeafletInstance.js

@@ -78,18 +78,33 @@ var LeafletInstance = /*#__PURE__*/function () {
   }, {
     key: "setZoom",
     value: function setZoom(zoom) {
-      return this.map.setZoom(zoom);
+      this.map.setZoom(zoom);
     }
   }, {
     key: "setCenter",
     value: function setCenter(center) {
-      return this.map.setCenter(center);
+      this.map.setCenter(center);
     }
   }, {
     key: "getZoom",
     value: function getZoom() {
       return this.map.getZoom();
     }
+  }, {
+    key: "on",
+    value: function on(type, fn) {
+      this.map.on(type, fn);
+    }
+  }, {
+    key: "off",
+    value: function off(type, fn) {
+      this.map.off(type, fn);
+    }
+  }, {
+    key: "setCursor",
+    value: function setCursor(cursor) {
+      this.map.setDefaultCursor(cursor);
+    }
   }]);
 
   return LeafletInstance;

package/es/Map/LevelCenter/index.d.ts

@@ -1,13 +1,16 @@
+import React from 'react';
 import { LatLng, MapPoint } from '../interface';
 import './index.less';
 export interface ILevelCenter {
     center?: [number, number];
     zoom?: number;
     points: MapPoint[];
+    enableClick?: boolean;
     onLevelCenterChange?: (options: {
         center: [number, number] | LatLng;
         zoom: number;
     }) => void;
+    children?: React.ReactNode;
 }
 declare const _default: (props: ILevelCenter) => JSX.Element;
 export default _default;

package/es/Map/LevelCenter/index.js

@@ -1,17 +1,20 @@
-import React, { useCallback, useContext, useEffect, useMemo } from 'react';
+import _useMount from "ahooks/es/useMount";
+import React, { useCallback, useContext, useMemo } from 'react';
 import ClusterLayer from '../ClusterLayer';
-import FindPio from '../FindPio';
 import ResetTools from '../ResetTools';
 import DragMarker from './DragMarker';
 import withMap from '../withMap';
 import { mapContext } from '../Context';
+import useMapEvent from '../hook/useMapEvent';
 import "./index.css";
 
 function LevelCenter(_ref) {
   var center = _ref.center,
       zoom = _ref.zoom,
       points = _ref.points,
-      onLevelCenterChange = _ref.onLevelCenterChange;
+      onLevelCenterChange = _ref.onLevelCenterChange,
+      enableClick = _ref.enableClick,
+      children = _ref.children;
 
   var _useContext = useContext(mapContext),
       instance = _useContext.instance;
@@ -21,22 +24,39 @@ function LevelCenter(_ref) {
   }, [center, instance]);
   var defaultZoom = useMemo(function () {
     return zoom || instance.config.zoom;
-  }, [zoom, instance]);
+  }, [zoom, instance]); // eslint-disable-next-line react-hooks/exhaustive-deps
+
   var mapRest = useCallback(function () {
     return instance.setZoomAndCenter(defaultZoom, defaultCenter);
   }, [defaultZoom, defaultCenter]);
-  useEffect(function () {
-    return mapRest();
-  }, []);
+
+  _useMount(function () {
+    if (enableClick) {
+      instance.setCursor('pointer');
+    }
+
+    mapRest();
+  });
+
+  useMapEvent('click', function (event) {
+    if (enableClick) {
+      var _center = [event.lnglat.lng, event.lnglat.lat];
+      instance.setCenter(_center);
+      onLevelCenterChange === null || onLevelCenterChange === void 0 ? void 0 : onLevelCenterChange({
+        center: _center,
+        zoom: defaultZoom
+      });
+    }
+  });
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ClusterLayer, {
     points: points
-  }), /*#__PURE__*/React.createElement(FindPio, null), /*#__PURE__*/React.createElement(ResetTools, {
+  }), /*#__PURE__*/React.createElement(ResetTools, {
     onMapReset: mapRest
   }), /*#__PURE__*/React.createElement(DragMarker, {
     center: defaultCenter,
     zoom: defaultZoom,
     onChange: onLevelCenterChange
-  }));
+  }), children);
 }
 
 export default withMap(LevelCenter, 'lv-center-map-container');

package/es/Map/SinglePoint/index.js

@@ -1,4 +1,5 @@
-import React, { useCallback, useContext, useEffect, useMemo } from 'react';
+import _useMount from "ahooks/es/useMount";
+import React, { useCallback, useContext, useMemo } from 'react';
 import ResetTools from '../ResetTools';
 import Marker from './Marker';
 import withMap from '../withMap';
@@ -15,13 +16,15 @@ function SinglePoint(_ref) {
   var type = useMapType();
   var defaultCenter = useMemo(function () {
     return type.AMap ? [point.longitude, point.latitude] : [point.latitude, point.longitude];
-  }, [point.latitude, point.longitude, instance]);
+  }, [type.AMap, point.longitude, point.latitude]);
   var mapRest = useCallback(function () {
     return instance.setZoomAndCenter(instance.config.zoom, defaultCenter);
-  }, [defaultCenter]);
-  useEffect(function () {
+  }, [defaultCenter, instance]);
+
+  _useMount(function () {
     return mapRest();
-  }, []);
+  });
+
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ResetTools, {
     onMapReset: mapRest
   }), /*#__PURE__*/React.createElement(Marker, {

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

@@ -0,0 +1,2 @@
+declare function useMapEvent(type: string, fn: (event: any) => void): void;
+export default useMapEvent;

package/es/Map/hook/useMapEvent.js

@@ -0,0 +1,23 @@
+import _useLatest from "ahooks/es/useLatest";
+import { useContext, useEffect } from 'react';
+import { mapContext } from '../Context';
+
+function useMapEvent(type, fn) {
+  var fnRef = _useLatest(fn);
+
+  var _useContext = useContext(mapContext),
+      instance = _useContext.instance;
+
+  useEffect(function () {
+    var eventAction = function eventAction(event) {
+      fnRef.current(event);
+    };
+
+    instance.on(type, eventAction);
+    return function () {
+      return instance.off(type, eventAction);
+    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [instance, type]);
+}
+
+export default useMapEvent;

package/es/Map/interface.d.ts

@@ -32,6 +32,9 @@ export class IMapInstance {
   setCenter(center: [number, number] | LatLng): void;
   getZoom(): number;
   setZoomAndCenter(zoom: number, center: [number, number] | LatLng): void;
+  on(type: string, fn: (e: any) => void): void;
+  off(type: string, fn: (e: any) => void): void;
+  setCursor(cursor: string);
 }
 
 export interface MapPoint {

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

@@ -7,6 +7,7 @@ declare class Api {
     get video(): HTMLVideoElement;
     play: () => void;
     pause: () => void;
+    get paused(): boolean;
     /**
      * 设置currentTime实现seek
      * @param {*} seconds
@@ -51,7 +52,8 @@ declare class Api {
     unload: () => void;
     reload: () => void;
     toggleFit: () => void;
-    setIndex: (i: number) => void;
+    openFpsPlay: () => void;
+    closeFpsPlay: () => void;
     destroy: () => void;
 }
 export declare type TypeAndPlay = {

package/es/Player/api/index.js

@@ -164,7 +164,9 @@ var Api = /*#__PURE__*/function () {
 
     this.toggleFit = function () {};
 
-    this.setIndex = function (i) {};
+    this.openFpsPlay = function () {};
+
+    this.closeFpsPlay = function () {};
 
     this.destroy = function () {
       _this.container = null;
@@ -178,6 +180,11 @@ var Api = /*#__PURE__*/function () {
     get: function get() {
       return this.container.querySelector('video');
     }
+  }, {
+    key: "paused",
+    get: function get() {
+      return this.video.paused;
+    }
   }]);
 
   return Api;
@@ -195,37 +202,33 @@ export function useTypeAndPlay(url, type, isLive, container, segments, flvConfig
       setState = _useState2[1];
 
   useEffect(function () {
-    if (!container) {
+    var isReady = container && (url || type === 'flv' && segments);
+
+    if (!isReady) {
       return undefined;
     }
 
     var video = container.querySelector('video');
     var options = {};
 
-    if (type === 'flv') {
-      if (!(url || segments)) {
-        return undefined;
-      }
-
-      options.type = 'flv';
-      options.flv = createFlvPlayer(video, url, isLive, flvConfig);
-    }
-
-    if (type === 'hls') {
-      if (!url) {
-        return undefined;
-      }
-
-      options.type = 'hls';
-      options.hls = createHlsPlayer(video, url, hlsConfig);
-    }
-
-    if (url && type === 'native') {
-      options.type = 'native';
-      video.setAttribute('src', url);
+    switch (type) {
+      case 'flv':
+        options.type = 'flv';
+        options.flv = createFlvPlayer(video, url, isLive, flvConfig);
+        break;
+
+      case 'hls':
+        options.type = 'hls';
+        options.hls = createHlsPlayer(video, url, isLive, hlsConfig);
+        break;
+
+      default:
+        options.type = 'native';
+        video.setAttribute('src', url);
+        break;
     }
 
-    url && video.paused && tryCatch(function () {
+    video.paused && tryCatch(function () {
       return video.play();
     });
     setState(options);

package/es/Player/context.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type Api from './api';
+import type VideoEventInstance from './event';
+export interface IPlayerContextProps {
+    /**
+     * @description 用于获取微应用顶层的dom节点
+     */
+    container: HTMLElement;
+    api: Api;
+    event: VideoEventInstance;
+    isLive: boolean;
+    isFpsPlay: boolean;
+    children: React.ReactNode;
+}
+export declare const Context: React.Context<Omit<IPlayerContextProps, "children">>;
+export declare function Provider({ children, ...props }: IPlayerContextProps): JSX.Element;
+export declare namespace Provider {
+    var defaultProps: {
+        getContainer: () => HTMLElement;
+    };
+}

package/es/Player/context.js

@@ -0,0 +1,16 @@
+import { __rest } from "tslib";
+import React from 'react';
+export var Context = /*#__PURE__*/React.createContext(null);
+export function Provider(_a) {
+  var children = _a.children,
+      props = __rest(_a, ["children"]);
+
+  return /*#__PURE__*/React.createElement(Context.Provider, {
+    value: Object.assign({}, props)
+  }, children);
+}
+Provider.defaultProps = {
+  getContainer: function getContainer() {
+    return document.body;
+  }
+};

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

@@ -1,9 +1,6 @@
 import React from 'react';
-import VideoEventInstance from '../event';
 interface IContrallerEventProps {
-    event?: VideoEventInstance;
-    container?: HTMLElement;
     children?: React.ReactNode;
 }
-declare function ContrallerEvent({ event, container, children }: IContrallerEventProps): JSX.Element;
+declare function ContrallerEvent({ children }: IContrallerEventProps): JSX.Element;
 export default ContrallerEvent;

package/es/Player/contraller_bar/contraller_event.js

@@ -1,3 +1,6 @@
+import _useEventListener from "ahooks/es/useEventListener";
+import _useMount from "ahooks/es/useMount";
+
 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."); }
@@ -10,13 +13,17 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import React, { useEffect, useState, useRef } from 'react';
+import React, { useState, useRef, useContext } from 'react';
+import { Context } from '../context';
 import EventName from '../event/eventName';
 
 function ContrallerEvent(_ref) {
-  var event = _ref.event,
-      container = _ref.container,
-      children = _ref.children;
+  var children = _ref.children;
+
+  var _useContext = useContext(Context),
+      event = _useContext.event,
+      container = _useContext.container;
+
   var timer = useRef(null);
 
   var _useState = useState(true),
@@ -24,30 +31,32 @@ function ContrallerEvent(_ref) {
       visibel = _useState2[0],
       setVisibel = _useState2[1];
 
-  useEffect(function () {
-    var showContraller = function showContraller() {
-      clearTimeout(timer.current);
-      setVisibel(true);
-      event.emit(EventName.SHOW_CONTRALLER);
-    };
-
-    var hideContraller = function hideContraller() {
-      clearTimeout(timer.current);
-      timer.current = setTimeout(function () {
-        setVisibel(false);
-        event.emit(EventName.HIDE_CONTRALLER);
-      }, 3 * 1000);
-    }; // 默认执行延时hide
-
-
-    hideContraller();
-    container.addEventListener('mouseenter', showContraller, false);
-    container.addEventListener('mouseleave', hideContraller, false);
-    return function () {
-      container.removeEventListener('mouseenter', showContraller, false);
-      container.removeEventListener('mouseleave', hideContraller, false);
-    };
-  }, [container, event]);
+  var showContraller = function showContraller() {
+    clearTimeout(timer.current);
+    setVisibel(true);
+    event.emit(EventName.SHOW_CONTRALLER);
+  };
+
+  var hideContraller = function hideContraller() {
+    clearTimeout(timer.current);
+    timer.current = setTimeout(function () {
+      setVisibel(false);
+      event.emit(EventName.HIDE_CONTRALLER);
+    }, 3 * 1000);
+  };
+
+  _useMount(function () {
+    return hideContraller();
+  });
+
+  _useEventListener('mouseenter', showContraller, {
+    target: container
+  });
+
+  _useEventListener('mouseleave', hideContraller, {
+    target: container
+  });
+
   return /*#__PURE__*/React.createElement(React.Fragment, null, React.Children.map(children, function (child) {
     return /*#__PURE__*/React.isValidElement(child) ? /*#__PURE__*/React.cloneElement(child, {
       visibel: visibel

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

@@ -1,19 +1,14 @@
 import React from 'react';
-import type Api from '../api';
-import type VideoEventInstance from '../event';
 import '../style/bar.less';
 interface IContrallerBarProps {
-    container?: HTMLElement;
     rightExtContents: React.ReactNode;
     rightMidExtContents: React.ReactNode;
     visibel?: boolean;
-    api: Api;
-    event: VideoEventInstance;
-    isLive?: boolean;
     leftExtContents: React.ReactNode;
     leftMidExtContents: React.ReactNode;
     reload: () => void;
     hideTimeProgress?: boolean;
+    oneFpsPlay?: boolean;
 }
-declare function ContrallerBar({ container, rightExtContents, rightMidExtContents, visibel, api, event, isLive, leftExtContents, leftMidExtContents, reload, hideTimeProgress, }: IContrallerBarProps): JSX.Element;
+declare function ContrallerBar({ rightExtContents, rightMidExtContents, visibel, leftExtContents, leftMidExtContents, reload, hideTimeProgress, oneFpsPlay, }: IContrallerBarProps): JSX.Element;
 export default ContrallerBar;

package/es/Player/contraller_bar/index.js

@@ -4,31 +4,23 @@ import RightBar from './right_bar';
 import "../style/bar.css";
 
 function ContrallerBar(_ref) {
-  var container = _ref.container,
-      rightExtContents = _ref.rightExtContents,
+  var rightExtContents = _ref.rightExtContents,
       rightMidExtContents = _ref.rightMidExtContents,
       visibel = _ref.visibel,
-      api = _ref.api,
-      event = _ref.event,
-      isLive = _ref.isLive,
       leftExtContents = _ref.leftExtContents,
       leftMidExtContents = _ref.leftMidExtContents,
       reload = _ref.reload,
-      hideTimeProgress = _ref.hideTimeProgress;
+      hideTimeProgress = _ref.hideTimeProgress,
+      oneFpsPlay = _ref.oneFpsPlay;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "contraller-bar-layout ".concat(!visibel ? 'hide-contraller-bar' : '')
   }, /*#__PURE__*/React.createElement(LeftBar, {
+    oneFpsPlay: oneFpsPlay,
     hideTimeProgress: hideTimeProgress,
-    api: api,
     reload: reload,
-    event: event,
-    container: container,
-    isLive: isLive,
     leftMidExtContents: leftMidExtContents,
     leftExtContents: leftExtContents
   }), /*#__PURE__*/React.createElement(RightBar, {
-    api: api,
-    container: container,
     rightExtContents: rightExtContents,
     rightMidExtContents: rightMidExtContents
   })));

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

@@ -1,15 +1,10 @@
 import React from 'react';
-import Api from '../api';
-import VideoEventInstance from '../event';
 interface ILeftBarProps {
-    api: Api;
-    event: VideoEventInstance;
-    container: HTMLElement;
-    isLive: boolean;
     leftExtContents?: React.ReactNode;
     leftMidExtContents?: React.ReactNode;
     reload: () => void;
     hideTimeProgress?: boolean;
+    oneFpsPlay?: boolean;
 }
-declare function LeftBar({ api, event, container, isLive, reload, leftExtContents, leftMidExtContents, hideTimeProgress }: ILeftBarProps): JSX.Element;
+declare function LeftBar({ reload, leftExtContents, leftMidExtContents, hideTimeProgress, oneFpsPlay }: ILeftBarProps): JSX.Element;
 export default LeftBar;