@cloud-app-dev/vidc 3.0.13 → 3.0.14

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/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/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/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/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, {

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/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]);

package/es/ScreenPlayer/Live.js

@@ -120,7 +120,7 @@ function LivePlayer(_ref) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
 
   _useUpdateEffect(function () {
-    return onIndexChange && onIndexChange(state.selectIndex);
+    return onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(state.selectIndex);
   }, [state.selectIndex]);
   /**
    * 通知screenNum变化
@@ -128,7 +128,7 @@ function LivePlayer(_ref) {
 
 
   _useUpdateEffect(function () {
-    return screenChange && onIndexChange(state.screenNum);
+    return onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(state.screenNum);
   }, [state.screenNum]);
 
   return /*#__PURE__*/React.createElement("div", {
@@ -147,13 +147,13 @@ function LivePlayer(_ref) {
         return playerRef.current[index] = player;
       },
       className: state.selectIndex === index ? 'player-current-index' : '',
-      onClick: function onClick() {
+      onClick: index !== state.selectIndex ? function () {
         return setState(function (old) {
           return Object.assign(Object.assign({}, old), {
             selectIndex: index
           });
         });
-      },
+      } : undefined,
       style: {
         width: screenType.width,
         height: screenType.height

package/es/ScreenPlayer/LiveTools.js

@@ -1,5 +1,4 @@
 import _useUpdate from "ahooks/es/useUpdate";
-import _useFullscreen3 from "ahooks/es/useFullscreen";
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -17,6 +16,7 @@ import React from 'react';
 import IconFont from '../Player/iconfont';
 import ScreenSelect from './ScreenSelect';
 import DisableMark from '../DisableMark';
+import useFullscreen from '../useFullscreen';
 
 function LiveTools(_ref) {
   var containerRef = _ref.containerRef,
@@ -31,7 +31,7 @@ function LiveTools(_ref) {
       disabled = _ref.disabled,
       snapshot = _ref.snapshot;
 
-  var _useFullscreen = _useFullscreen3(containerRef),
+  var _useFullscreen = useFullscreen(containerRef),
       _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
       isFullscreen = _useFullscreen2[0],
       toggleFullscreen = _useFullscreen2[1].toggleFullscreen;
@@ -48,15 +48,14 @@ function LiveTools(_ref) {
 
 
   var reload = function reload() {
-    var player = getPlayerItem(); // eslint-disable-next-line @typescript-eslint/no-unused-expressions
-
-    player ? player.reload ? player.reload() : player.api.reload() : undefined;
+    var player = getPlayerItem();
+    player === null || player === void 0 ? void 0 : player.api.reload();
   };
 
   var snapshotaction = function snapshotaction() {
     var player = getPlayerItem();
-    var base64 = player ? player.api.snapshot() : undefined;
-    snapshot && snapshot(base64);
+    var base64 = player === null || player === void 0 ? void 0 : player.api.snapshot();
+    snapshot === null || snapshot === void 0 ? void 0 : snapshot(base64);
   };
 
   var player = getPlayerItem();

package/es/ScreenPlayer/PlayerWithExt.js

@@ -1,4 +1,4 @@
-import _useFullscreen3 from "ahooks/es/useFullscreen";
+import _useUpdate from "ahooks/es/useUpdate";
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -19,6 +19,7 @@ import SegmentPlayer from '../Player/segment_player';
 import FrontendPlayer from '../Player/frontend_player';
 import ExtModel from '../PlayerExt';
 import moment from 'moment';
+import useFullscreen from '../useFullscreen';
 export function LivePlayerWithExt(_a) {
   var _b;
 
@@ -33,12 +34,16 @@ export function LivePlayerWithExt(_a) {
       pluginDownloadUrl = _a.pluginDownloadUrl,
       props = __rest(_a, ["mode", "isLive", "url", "type", "style", "className", "updatePlayer", "onClick", "pluginDownloadUrl"]);
 
+  var forceUpdate = _useUpdate();
+
   var ref = useRef();
-  var update = useCallback(function () {
-    return updatePlayer(ref);
-  }, [updatePlayer]);
 
-  var _useFullscreen = _useFullscreen3((_b = ref.current) === null || _b === void 0 ? void 0 : _b.container),
+  var update = function update() {
+    updatePlayer(ref);
+    forceUpdate();
+  };
+
+  var _useFullscreen = useFullscreen((_b = ref.current) === null || _b === void 0 ? void 0 : _b.container),
       _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
       toggleFullscreen = _useFullscreen2[1].toggleFullscreen;
 
@@ -72,14 +77,18 @@ export function SegmentPlayerWithExt(_a) {
       mode = _a.mode,
       props = __rest(_a, ["begin", "style", "className", "segments", "updatePlayer", "onClick", "mode"]);
 
+  var forceUpdate = _useUpdate();
+
   var ref = useRef();
-  var update = useCallback(function () {
-    return updatePlayer(ref);
-  }, [updatePlayer]);
 
-  var _useFullscreen4 = _useFullscreen3((_b = ref.current) === null || _b === void 0 ? void 0 : _b.container),
-      _useFullscreen5 = _slicedToArray(_useFullscreen4, 2),
-      toggleFullscreen = _useFullscreen5[1].toggleFullscreen;
+  var update = function update() {
+    updatePlayer(ref);
+    forceUpdate();
+  };
+
+  var _useFullscreen3 = useFullscreen((_b = ref.current) === null || _b === void 0 ? void 0 : _b.container),
+      _useFullscreen4 = _slicedToArray(_useFullscreen3, 2),
+      toggleFullscreen = _useFullscreen4[1].toggleFullscreen;
 
   return /*#__PURE__*/React.createElement("div", {
     className: "player-with-ext-layout ".concat(className),
@@ -153,14 +162,19 @@ export function FrontendPlayerWithExt(_ref) {
       });
     });
   }, [state.url]);
+
+  var forceUpdate = _useUpdate();
+
   var ref = useRef();
-  var update = useCallback(function () {
-    return updatePlayer(ref);
-  }, [updatePlayer]);
 
-  var _useFullscreen6 = _useFullscreen3((_a = ref.current) === null || _a === void 0 ? void 0 : _a.container),
-      _useFullscreen7 = _slicedToArray(_useFullscreen6, 2),
-      toggleFullscreen = _useFullscreen7[1].toggleFullscreen;
+  var update = function update() {
+    updatePlayer(ref);
+    forceUpdate();
+  };
+
+  var _useFullscreen5 = useFullscreen((_a = ref.current) === null || _a === void 0 ? void 0 : _a.container),
+      _useFullscreen6 = _slicedToArray(_useFullscreen5, 2),
+      toggleFullscreen = _useFullscreen6[1].toggleFullscreen;
 
   return /*#__PURE__*/React.createElement("div", {
     className: "player-with-ext-layout ".concat(className),

package/es/ScreenPlayer/Record.js

@@ -337,11 +337,11 @@ function RecordPlayer(_ref) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
 
   _useUpdateEffect(function () {
-    return onIndexChange && onIndexChange(state.selectIndex);
+    return onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(state.selectIndex);
   }, [state.selectIndex]);
 
   _useUpdateEffect(function () {
-    return screenChange && screenChange(state.screenNum);
+    return screenChange === null || screenChange === void 0 ? void 0 : screenChange(state.screenNum);
   }, [state.screenNum]);
 
   return /*#__PURE__*/React.createElement("div", {

package/es/ScreenPlayer/RecordTools.js

@@ -1,5 +1,4 @@
 import _useUpdate from "ahooks/es/useUpdate";
-import _useFullscreen3 from "ahooks/es/useFullscreen";
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -18,6 +17,7 @@ import IconFont from '../Player/iconfont';
 import ScreenSelect from './ScreenSelect';
 import TimeSelect from './TimeSelect';
 import TimeMode from './TimeMode';
+import useFullscreen from '../useFullscreen';
 
 function RecordTools(_ref) {
   var containerRef = _ref.containerRef,
@@ -35,7 +35,7 @@ function RecordTools(_ref) {
       onCloseAll = _ref.onCloseAll,
       snapshot = _ref.snapshot;
 
-  var _useFullscreen = _useFullscreen3(containerRef),
+  var _useFullscreen = useFullscreen(containerRef),
       _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
       isFullscreen = _useFullscreen2[0],
       toggleFullscreen = _useFullscreen2[1].toggleFullscreen;
@@ -59,8 +59,7 @@ function RecordTools(_ref) {
 
   var snapshotaction = function snapshotaction() {
     var player = getPlayerItem();
-    var base64 = player ? player.api.snapshot() : undefined;
-    snapshot && snapshot(base64);
+    snapshot === null || snapshot === void 0 ? void 0 : snapshot(player === null || player === void 0 ? void 0 : player.api.snapshot());
   };
 
   var player = getPlayerItem();

package/es/ScreenPlayer/TimeSlider.js

@@ -118,6 +118,8 @@ var TimeSlider = /*#__PURE__*/function () {
 
 
     this.mouseupFunc = function (e) {
+      var _a, _b;
+
       if (!_this.g_isMousemove) {
         // click 事件
         _this.g_isMousedown = false;
@@ -139,7 +141,7 @@ var TimeSlider = /*#__PURE__*/function () {
 
         _this.set_time_to_middle(_this.current_timestamp);
 
-        _this.options.onTimeChange && _this.options.onTimeChange(current_timestamp, outTimeline);
+        (_b = (_a = _this.options).onTimeChange) === null || _b === void 0 ? void 0 : _b.call(_a, current_timestamp, outTimeline);
       }
     };
     /**
@@ -199,7 +201,9 @@ var TimeSlider = /*#__PURE__*/function () {
       }
 
       _nextTick(function () {
-        return _this.options.onHoursPerChange && _this.options.onHoursPerChange(_this.hours_per_ruler);
+        var _a, _b;
+
+        return (_b = (_a = _this.options).onHoursPerChange) === null || _b === void 0 ? void 0 : _b.call(_a, _this.hours_per_ruler);
       });
 
       _this.clearCanvas();

package/es/ScreenPlayer/index.css

@@ -42,6 +42,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
+  position: relative;
 }
 .split-screen-player-wrapper .player-tools .player-tools-left,
 .split-screen-player-wrapper .player-tools .player-tools-right {

package/es/ScreenPlayer/useTimeSlider.js

@@ -381,7 +381,7 @@ function useTimeSlider(canvasRef, _ref2) {
     });
 
     _nextTick(function () {
-      return onHoursPerChange && onHoursPerChange(new_hoursPer);
+      return onHoursPerChange === null || onHoursPerChange === void 0 ? void 0 : onHoursPerChange(new_hoursPer);
     });
   }, {
     target: canvasRef
@@ -481,7 +481,7 @@ function useTimeSlider(canvasRef, _ref2) {
       });
 
       _nextTick(function () {
-        return onTimeChange && onTimeChange(new_current, outTimeline);
+        return onTimeChange === null || onTimeChange === void 0 ? void 0 : onTimeChange(new_current, outTimeline);
       });
     } // 清楚拖拽关联信息
 

package/es/Tree/index.js

@@ -18,18 +18,14 @@ function BaseTree(_a, ref) {
       icon = _a.icon,
       props = __rest(_a, ["treeData", "className", "showIcon", "treeNodeProps", "icon"]);
 
-  var _useMemo = useMemo(function () {
-    return treeNodeProps;
-  }, []),
-      prefix = _useMemo.prefix,
-      suffix = _useMemo.suffix,
-      keyword = _useMemo.keyword,
-      _useMemo$key = _useMemo.key,
-      key = _useMemo$key === void 0 ? 'id' : _useMemo$key,
-      _useMemo$nameKey = _useMemo.nameKey,
-      nameKey = _useMemo$nameKey === void 0 ? 'name' : _useMemo$nameKey,
-      RenderTreeTitle = _useMemo.RenderTreeTitle;
-
+  var prefix = treeNodeProps.prefix,
+      suffix = treeNodeProps.suffix,
+      keyword = treeNodeProps.keyword,
+      _treeNodeProps$key = treeNodeProps.key,
+      key = _treeNodeProps$key === void 0 ? 'id' : _treeNodeProps$key,
+      _treeNodeProps$nameKe = treeNodeProps.nameKey,
+      nameKey = _treeNodeProps$nameKe === void 0 ? 'name' : _treeNodeProps$nameKe,
+      RenderTreeTitle = treeNodeProps.RenderTreeTitle;
   var treeRef = useRef(null);
   useImperativeHandle(ref, function () {
     return {
@@ -42,6 +38,21 @@ function BaseTree(_a, ref) {
       }
     };
   }, [props.checkable]);
+
+  function defaultRenderTitle(node) {
+    return /*#__PURE__*/React.createElement("span", {
+      title: node[nameKey],
+      className: "tree-item-title"
+    }, /*#__PURE__*/React.createElement("span", null, showIcon && (icon === null || icon === void 0 ? void 0 : icon(node)), prefix === null || prefix === void 0 ? void 0 : prefix(node), /*#__PURE__*/React.createElement(HightLevel, {
+      keyword: keyword,
+      name: node[nameKey]
+    })), suffix === null || suffix === void 0 ? void 0 : suffix(node));
+  } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+
+  var titleRender = useMemo(function () {
+    return RenderTreeTitle !== null && RenderTreeTitle !== void 0 ? RenderTreeTitle : defaultRenderTitle;
+  }, []);
   return /*#__PURE__*/React.createElement(_Tree, Object.assign({
     className: "cloudapp-c-base-tree-component ".concat(className),
     ref: treeRef,
@@ -59,15 +70,7 @@ function BaseTree(_a, ref) {
       title: nameKey
     },
     key: keyword,
-    titleRender: RenderTreeTitle ? RenderTreeTitle : function (node) {
-      return /*#__PURE__*/React.createElement("span", {
-        title: node[nameKey],
-        className: "tree-item-title"
-      }, /*#__PURE__*/React.createElement("span", null, showIcon && icon && icon(node), prefix && prefix(node), /*#__PURE__*/React.createElement(HightLevel, {
-        keyword: keyword,
-        name: node[nameKey]
-      })), suffix && suffix(node));
-    }
+    titleRender: titleRender
   }, props));
 }
 

package/es/index.d.ts

@@ -36,6 +36,7 @@ export { default as TableLayout } from './TableLayout';
 export { default as ThemeAntd } from './ThemeAntd';
 export { default as Timeout } from './Timeout';
 export { default as Tree } from './Tree';
+export { default as useFullscreen } from './useFullscreen';
 export { default as useHistory } from './useHistory';
 export { default as useInfiniteScroll } from './useInfiniteScroll';
 export { default as useVirtualList } from './useVirtualList';

package/es/index.js

@@ -36,6 +36,7 @@ export { default as TableLayout } from './TableLayout';
 export { default as ThemeAntd } from './ThemeAntd';
 export { default as Timeout } from './Timeout';
 export { default as Tree } from './Tree';
+export { default as useFullscreen } from './useFullscreen';
 export { default as useHistory } from './useHistory';
 export { default as useInfiniteScroll } from './useInfiniteScroll';
 export { default as useVirtualList } from './useVirtualList';

package/es/useFullscreen/index.d.ts

@@ -0,0 +1,12 @@
+import type { BasicTarget } from 'ahooks/es/utils/domTarget';
+export interface Options {
+    onExit?: () => void;
+    onEnter?: () => void;
+}
+declare const useFullscreen: (target: BasicTarget, options?: Options) => readonly [boolean, {
+    readonly enterFullscreen: () => void;
+    readonly exitFullscreen: () => void;
+    readonly toggleFullscreen: () => void;
+    readonly isEnabled: boolean;
+}];
+export default useFullscreen;

package/es/useFullscreen/index.js

@@ -0,0 +1,95 @@
+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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import { useState } from 'react';
+import useLatest from 'ahooks/es/useLatest';
+import useMemoizedFn from 'ahooks/es/useMemoizedFn';
+import useUnmount from 'ahooks/es/useUnmount';
+import { getTargetElement } from 'ahooks/es/utils/domTarget';
+import screenfull from 'screenfull';
+
+var useFullscreen = function useFullscreen(target, options) {
+  var _ref = options || {},
+      onExit = _ref.onExit,
+      onEnter = _ref.onEnter;
+
+  var onExitRef = useLatest(onExit);
+  var onEnterRef = useLatest(onEnter);
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  var onChange = function onChange() {
+    var _a, _b;
+
+    if (screenfull.isEnabled) {
+      var el = getTargetElement(target);
+      var isFullscreen = document.fullscreenElement === el;
+
+      if (isFullscreen) {
+        (_a = onEnterRef.current) === null || _a === void 0 ? void 0 : _a.call(onEnterRef);
+      } else {
+        screenfull.off('change', onChange);
+        (_b = onExitRef.current) === null || _b === void 0 ? void 0 : _b.call(onExitRef);
+      }
+
+      setState(isFullscreen);
+    }
+  };
+
+  var enterFullscreen = function enterFullscreen() {
+    var el = getTargetElement(target);
+
+    if (!el) {
+      return;
+    }
+
+    if (screenfull.isEnabled) {
+      try {
+        screenfull.request(el);
+        screenfull.on('change', onChange);
+      } catch (error) {
+        console.error(error);
+      }
+    }
+  };
+
+  var exitFullscreen = function exitFullscreen() {
+    if (screenfull.isEnabled) {
+      screenfull.exit();
+    }
+  };
+
+  var toggleFullscreen = function toggleFullscreen() {
+    if (state) {
+      exitFullscreen();
+    } else {
+      enterFullscreen();
+    }
+  };
+
+  useUnmount(function () {
+    if (screenfull.isEnabled) {
+      screenfull.off('change', onChange);
+    }
+  });
+  return [state, {
+    enterFullscreen: useMemoizedFn(enterFullscreen),
+    exitFullscreen: useMemoizedFn(exitFullscreen),
+    toggleFullscreen: useMemoizedFn(toggleFullscreen),
+    isEnabled: screenfull.isEnabled
+  }];
+};
+
+export default useFullscreen;

package/es/utils.js

@@ -49,7 +49,7 @@ export function getPlaceCodesWithParent(areaCode) {
     return v[key] === areaCode;
   });
 
-  if (info && info.pcodes) {
+  if (info === null || info === void 0 ? void 0 : info.pcodes) {
     return info.pcodes.reverse();
   }
 

package/package.json

@@ -2,7 +2,7 @@
   "private": false,
   "name": "@cloud-app-dev/vidc",
   "description": "Video Image Data Componennts",
-  "version": "3.0.13",
+  "version": "3.0.14",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -36,7 +36,8 @@
     "hls.js": "^1.2.1",
     "immer": "^9.0.15",
     "lodash-es": "^4.17.21",
-    "moment": "^2.29.4"
+    "moment": "^2.29.4",
+    "screenfull": "^6.0.2"
   },
   "devDependencies": {
     "@cloud-app-dev/utils": "^4.0.1",

package/es/List/renderItem.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { CheckboxChangeEvent } from 'antd/lib/checkbox';
-interface IRenderItempProps<T> {
-    item: T;
-    checkedKeys: any[];
-    activeKey: any;
-    style?: React.CSSProperties;
-    itemNameKey: string;
-    renderItemExt?: (item: T) => JSX.Element;
-    whatIcon?: (item: T) => JSX.Element;
-    itemKey?: string;
-    checkable?: boolean;
-    keywords?: string;
-    onChecked?: (e: CheckboxChangeEvent) => void;
-    onClickItem?: (item: T) => void;
-    onMouseOverItem?: (item: T) => void;
-    onMouseOutItem?: (item: T) => void;
-}
-export declare function RenderItem({ item, checkedKeys, activeKey, style, itemNameKey, itemKey, checkable, keywords, ...props }: IRenderItempProps<any>): JSX.Element;
-export {};

package/es/List/renderItem.js

@@ -1,71 +0,0 @@
-import "antd/lib/checkbox/style";
-import _Checkbox from "antd/lib/checkbox";
-import { __rest } from "tslib";
-import React, { useCallback, useMemo } from 'react';
-import HightLevel from '../HightLevel';
-export function RenderItem(_a) {
-  var item = _a.item,
-      checkedKeys = _a.checkedKeys,
-      activeKey = _a.activeKey,
-      style = _a.style,
-      itemNameKey = _a.itemNameKey,
-      itemKey = _a.itemKey,
-      checkable = _a.checkable,
-      keywords = _a.keywords,
-      props = __rest(_a, ["item", "checkedKeys", "activeKey", "style", "itemNameKey", "itemKey", "checkable", "keywords"]);
-
-  var renderItemExt = props.renderItemExt,
-      whatIcon = props.whatIcon,
-      onChecked = props.onChecked,
-      onClickItem = props.onClickItem,
-      onMouseOverItem = props.onMouseOverItem,
-      onMouseOutItem = props.onMouseOutItem;
-  var checked = checkedKeys ? checkedKeys.includes(item[itemKey]) : false;
-  var active = !activeKey ? false : Array.isArray(activeKey) ? activeKey.includes(item[itemKey]) : activeKey === item[itemKey];
-  var itemIcon = whatIcon ? whatIcon(item) : null;
-  var itemClick = useCallback(function (e) {
-    return e.stopPropagation();
-  }, []);
-
-  var _onMouseOver = useCallback(function (item) {
-    return onMouseOverItem && onMouseOverItem(item);
-  }, []);
-
-  var _onMouseOut = useCallback(function (item) {
-    return onMouseOutItem && onMouseOutItem(item);
-  }, []);
-
-  var _onClick = useCallback(function (item) {
-    return onClickItem && onClickItem(item);
-  }, []);
-
-  var className = useMemo(function () {
-    return "list-item ".concat(checkable ? 'has-check-box' : '', " ").concat(active ? 'list-item-active' : '');
-  }, [checkable, active]);
-  return /*#__PURE__*/React.createElement("div", {
-    style: style,
-    className: className,
-    onClick: function onClick() {
-      return _onClick(item);
-    },
-    onMouseOver: function onMouseOver() {
-      return _onMouseOver(item);
-    },
-    onMouseOut: function onMouseOut() {
-      return _onMouseOut(item);
-    }
-  }, /*#__PURE__*/React.createElement("label", null, checkable && /*#__PURE__*/React.createElement(_Checkbox, {
-    value: item[itemKey],
-    disabled: item.disabled,
-    onClick: itemClick,
-    checked: checked,
-    onChange: onChecked
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "item-info"
-  }, itemIcon, keywords ? /*#__PURE__*/React.createElement(HightLevel, {
-    name: item[itemNameKey],
-    keyword: keywords
-  }) : /*#__PURE__*/React.createElement("span", {
-    title: item[itemNameKey]
-  }, item[itemNameKey])), renderItemExt && renderItemExt(item)));
-}