@cloud-app-dev/vidc 3.0.12 → 3.0.15

package/.eslintrc

@@ -1,3 +1,4 @@
 {
-  "extends": "react-app"
-}
+  "extends": "react-app",
+  "ignorePatterns": ["**/*.html"]
+}

package/.hintrc

@@ -0,0 +1,9 @@
+{
+  "extends": [
+    "development"
+  ],
+  "hints": {
+    "no-inline-styles": "off",
+    "button-type": "off"
+  }
+}

package/.prettierrc

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

package/es/CheckGroupFixed/index.js

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

package/es/DomMove/demo.d.ts

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

package/es/DomMove/demo.js

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

package/es/DomMove/index.js

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

package/es/ErrorFallback/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ErrorBoundaryProps } from './inerface';
+interface IErrorFallbackProps {
+    error: Error;
+    resetErrorBoundary: () => void;
+}
+declare function ErrorFallback({ error, resetErrorBoundary }: IErrorFallbackProps): JSX.Element;
+export declare const errorBoundaryOptions: ErrorBoundaryProps;
+export default ErrorFallback;

package/es/ErrorFallback/index.js

@@ -0,0 +1,36 @@
+import "antd/lib/button/style";
+import _Button from "antd/lib/button";
+import "antd/lib/result/style";
+import _Result from "antd/lib/result";
+import React from 'react';
+
+function ErrorFallback(_ref) {
+  var error = _ref.error,
+      resetErrorBoundary = _ref.resetErrorBoundary;
+  return /*#__PURE__*/React.createElement(_Result, {
+    status: "warning",
+    title: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, "\u6E32\u67D3\u5931\u8D25\uFF0C\u8BF7\u5237\u65B0\u91CD\u8BD5!"), /*#__PURE__*/React.createElement("div", {
+      style: {
+        color: 'var(--gray9)',
+        fontStyle: 'italic'
+      }
+    }, error.message)),
+    style: {
+      width: '100%',
+      height: '100%'
+    },
+    extra: /*#__PURE__*/React.createElement(_Button, {
+      type: "primary",
+      key: "refresh",
+      onClick: resetErrorBoundary
+    }, "\u70B9\u51FB\u5237\u65B0\uFF0C\u91CD\u8BD5")
+  });
+}
+
+export var errorBoundaryOptions = {
+  FallbackComponent: ErrorFallback,
+  onReset: function onReset() {
+    return window.location.reload();
+  }
+};
+export default ErrorFallback;

package/es/ErrorFallback/inerface.d.ts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+interface FallbackProps {
+  error: Error;
+  resetErrorBoundary: (...args: Array<unknown>) => void;
+}
+interface ErrorBoundaryPropsWithComponent {
+  onResetKeysChange?: (prevResetKeys: Array<unknown> | undefined, resetKeys: Array<unknown> | undefined) => void;
+  onReset?: (...args: Array<unknown>) => void;
+  onError?: (
+    error: Error,
+    info: {
+      componentStack: string;
+    },
+  ) => void;
+  resetKeys?: Array<unknown>;
+  fallback?: never;
+  FallbackComponent: React.ComponentType<FallbackProps>;
+  fallbackRender?: never;
+}
+interface ErrorBoundaryPropsWithRender {
+  onResetKeysChange?: (prevResetKeys: Array<unknown> | undefined, resetKeys: Array<unknown> | undefined) => void;
+  onReset?: (...args: Array<unknown>) => void;
+  onError?: (
+    error: Error,
+    info: {
+      componentStack: string;
+    },
+  ) => void;
+  resetKeys?: Array<unknown>;
+  fallback?: never;
+  FallbackComponent?: never;
+  fallbackRender: typeof FallbackRender;
+}
+interface ErrorBoundaryPropsWithFallback {
+  onResetKeysChange?: (prevResetKeys: Array<unknown> | undefined, resetKeys: Array<unknown> | undefined) => void;
+  onReset?: (...args: Array<unknown>) => void;
+  onError?: (
+    error: Error,
+    info: {
+      componentStack: string;
+    },
+  ) => void;
+  resetKeys?: Array<unknown>;
+  fallback: React.ReactElement<unknown, string | React.FunctionComponent | typeof React.Component> | null;
+  FallbackComponent?: never;
+  fallbackRender?: never;
+}
+export declare type ErrorBoundaryProps = ErrorBoundaryPropsWithFallback | ErrorBoundaryPropsWithComponent | ErrorBoundaryPropsWithRender;

package/es/FullScreen/index.js

@@ -1,5 +1,3 @@
-import _useFullscreen3 from "ahooks/es/useFullscreen";
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -13,6 +11,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useEffect } from 'react';
+import useFullscreen from '../useFullscreen';
 import IconFont from '../IconFont';
 import "./index.css";
 
@@ -22,15 +21,16 @@ function FullScreen(_ref) {
       fullScreenChange = _ref.fullScreenChange,
       hasText = _ref.hasText;
 
-  var _useFullscreen = _useFullscreen3(getContainer),
+  var _useFullscreen = useFullscreen(getContainer),
       _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
       isFullscreen = _useFullscreen2[0],
       toggleFullscreen = _useFullscreen2[1].toggleFullscreen;
 
   useEffect(function () {
     if (isFullscreen) {
-      fullScreenChange && fullScreenChange(isFullscreen);
-    }
+      fullScreenChange === null || fullScreenChange === void 0 ? void 0 : fullScreenChange(isFullscreen);
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
   }, [isFullscreen]);
   return /*#__PURE__*/React.createElement("span", {
     className: "tools-screen-layer ".concat(className !== null && className !== void 0 ? className : ''),

package/es/IconFont/index.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-interface IconFontProps extends React.HTMLAttributes<HTMLSpanElement> {
+export interface IIconFontProps extends React.HTMLAttributes<HTMLSpanElement> {
     type?: string;
     className?: string;
     title?: string;
     style?: React.CSSProperties;
 }
-declare function IconFont({ type, className, title, style, ...props }: IconFontProps): JSX.Element;
+declare function IconFont({ type, className, title, style, ...props }: IIconFontProps): JSX.Element;
 declare namespace IconFont {
     var registerIconFont: (scriptUrl: string) => void;
 }

package/es/Input/index.js

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

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

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

package/es/LoaderScript/index.js

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

package/es/LoaderScript/utils.js

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

package/es/Map/BasicMap/index.js

@@ -26,7 +26,8 @@ import { Provider } from '../Context';
 import LeafletInstance from './LeafletInstance';
 import AMapInstance from './AMapInstance';
 import Config from '../Config';
-import withErrorBoundary from '../../withErrorBoundary';
+import { withErrorBoundary } from 'react-error-boundary';
+import { errorBoundaryOptions } from '../../ErrorFallback';
 import "./index.css";
 
 var Map = /*#__PURE__*/function (_React$Component) {
@@ -86,7 +87,7 @@ var Map = /*#__PURE__*/function (_React$Component) {
   return Map;
 }(React.Component);
 
-var MapViewType = withErrorBoundary(Map);
+var MapViewType = withErrorBoundary(Map, errorBoundaryOptions);
 var MapView = MapViewType;
 
 function WithLoaderMap(_ref) {

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

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

package/es/Map/LoaderMap/index.js

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

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

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

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

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

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

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

package/es/Picture/index.js

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

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

@@ -10,7 +10,6 @@ declare class Api {
     /**
      * 设置currentTime实现seek
      * @param {*} seconds
-     * @param {*} noEmit
      */
     seekTo: (seconds: number) => void;
     setVolume: (fraction: number) => void;

package/es/Player/api/index.js

@@ -39,7 +39,6 @@ var Api = /*#__PURE__*/function () {
     /**
      * 设置currentTime实现seek
      * @param {*} seconds
-     * @param {*} noEmit
      */
 
 

package/es/Player/contraller_bar/right_bar.js

@@ -1,5 +1,3 @@
-import _useFullscreen3 from "ahooks/es/useFullscreen";
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -15,13 +13,14 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React from 'react';
 import IconFont from '../iconfont';
 import Bar from './bar';
+import useFullscreen from '../../useFullscreen';
 
 function RightBar(_ref) {
   var container = _ref.container,
       rightExtContents = _ref.rightExtContents,
       rightMidExtContents = _ref.rightMidExtContents;
 
-  var _useFullscreen = _useFullscreen3(container),
+  var _useFullscreen = useFullscreen(container),
       _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
       isFullScreen = _useFullscreen2[0],
       _useFullscreen2$ = _useFullscreen2[1],

package/es/Player/frontend_player.js

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

package/es/Player/frontend_timeline.js

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

package/es/Player/iconfont.d.ts

@@ -1,13 +1,5 @@
-import React from 'react';
-import './style/iconfont.css';
-interface IPlayerIconFontProps extends React.AllHTMLAttributes<HTMLLIElement> {
-    type: string;
-    className: string;
-}
-declare function IconFont({ type, className, ...props }: IPlayerIconFontProps): JSX.Element;
-declare namespace IconFont {
-    var defaultProps: {
-        className: string;
-    };
-}
+/// <reference types="react" />
+import { IIconFontProps } from '../IconFont';
+import './style/iconfont.js';
+declare function IconFont({ className, ...props }: IIconFontProps): JSX.Element;
 export default IconFont;

package/es/Player/iconfont.js

@@ -1,18 +1,16 @@
 import { __rest } from "tslib";
 import React from 'react';
-import './style/iconfont.css';
+import Icon from '../IconFont';
+import './style/iconfont.js';
 
 function IconFont(_a) {
-  var type = _a.type,
-      className = _a.className,
-      props = __rest(_a, ["type", "className"]);
+  var _a$className = _a.className,
+      className = _a$className === void 0 ? '' : _a$className,
+      props = __rest(_a, ["className"]);
 
-  return /*#__PURE__*/React.createElement("i", Object.assign({
-    className: "lm-player-iconfont ".concat(type, " ").concat(className)
+  return /*#__PURE__*/React.createElement(Icon, Object.assign({
+    className: "lm-player-iconfont ".concat(className)
   }, props));
 }
 
-IconFont.defaultProps = {
-  className: ''
-};
 export default IconFont;

package/es/Player/segment_player.js

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

package/es/Player/single_player.js

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