@cloud-app-dev/vidc 3.2.11 → 3.2.14

package/es/Progress/index.js

@@ -1,21 +1,32 @@
 import "antd/lib/progress/style";
 import _Progress from "antd/lib/progress";
+
 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 React, { useState, useEffect, useMemo, useRef } from 'react';
-import "./index.css";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+
 function ProgressComponent(_ref) {
   var status = _ref.status;
   var timer = useRef(null);
   var currentStatus = useRef('loading');
+
   var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    percent = _useState2[0],
-    setPersent = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      percent = _useState2[0],
+      setPersent = _useState2[1];
+
   var isHide = useMemo(function () {
     return percent === 100;
   }, [percent]);
@@ -23,6 +34,7 @@ function ProgressComponent(_ref) {
     if ((status === 'over' || status === 'error') && percent === 0) {
       return;
     }
+
     if (percent <= 90 && currentStatus.current === 'loading') {
       var num = percent + 20;
       timer.current = setTimeout(function () {
@@ -41,7 +53,7 @@ function ProgressComponent(_ref) {
       return clearTimeout(timer.current);
     };
   });
-  return /*#__PURE__*/React.createElement(_Progress, {
+  return /*#__PURE__*/_jsx(_Progress, {
     status: status === 'error' ? 'exception' : 'active',
     percent: percent,
     showInfo: false,
@@ -50,6 +62,7 @@ function ProgressComponent(_ref) {
     className: "lm-c-loading-progress ".concat(isHide ? 'lm-c-loading-progress-over' : '')
   });
 }
+
 ProgressComponent.defaultProps = {
   status: 'loading'
 };

package/es/Progress/index.less

@@ -0,0 +1,20 @@
+.@{ant-prefix}-progress.lm-c-loading-progress {
+  height: 2px;
+  overflow: hidden;
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 99;
+  transition: opacity 1s linear;
+  opacity: 1;
+  &.lm-c-loading-progress-over {
+    opacity: 0;
+  }
+  .@{ant-prefix}-progress-outer {
+    display: block;
+    .@{ant-prefix}-progress-inner {
+      display: block;
+      background-color: transparent;
+    }
+  }
+}

package/es/ROI/demo.d.ts

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

package/es/ROI/demo.js

@@ -1,16 +1,20 @@
 import React from 'react';
-import ROI from './index';
+import ROI from "./index";
+import { jsx as _jsx } from "react/jsx-runtime";
+
 var App = function App() {
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     style: {
       width: "100%",
       height: 400,
       background: '#999'
-    }
-  }, /*#__PURE__*/React.createElement(ROI, {
-    debug: true,
-    isOpen: true,
-    onChange: console.log
-  }));
+    },
+    children: /*#__PURE__*/_jsx(ROI, {
+      debug: true,
+      isOpen: true,
+      onChange: console.log
+    })
+  });
 };
+
 export default App;

package/es/ROI/index.js

@@ -1,54 +1,64 @@
 import _useUpdateEffect from "ahooks/es/useUpdateEffect";
 import React, { useEffect, useRef } from 'react';
-import useDrawROI from '../useDrawROI';
-import "./index.css";
+import useDrawROI from "../useDrawROI";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
 function RIO(_ref) {
   var children = _ref.children,
-    debug = _ref.debug,
-    renderKey = _ref.renderKey,
-    onChange = _ref.onChange,
-    isOpen = _ref.isOpen,
-    row = _ref.row,
-    rowItems = _ref.rowItems;
+      debug = _ref.debug,
+      renderKey = _ref.renderKey,
+      onChange = _ref.onChange,
+      isOpen = _ref.isOpen,
+      row = _ref.row,
+      rowItems = _ref.rowItems;
   var ref = useRef(null);
+
   var _useDrawROI = useDrawROI(ref, {
-      row: row,
-      rowItems: rowItems
-    }),
-    open = _useDrawROI.open,
-    close = _useDrawROI.close,
-    clear = _useDrawROI.clear,
-    rio = _useDrawROI.rio,
-    areas = _useDrawROI.areas;
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+    row: row,
+    rowItems: rowItems
+  }),
+      open = _useDrawROI.open,
+      close = _useDrawROI.close,
+      clear = _useDrawROI.clear,
+      rio = _useDrawROI.rio,
+      areas = _useDrawROI.areas; // eslint-disable-next-line react-hooks/exhaustive-deps
+
+
   useEffect(function () {
     return isOpen ? open() : close();
   }, [isOpen]);
+
   _useUpdateEffect(function () {
     return clear();
   }, [renderKey]);
+
   _useUpdateEffect(function () {
     return onChange === null || onChange === void 0 ? void 0 : onChange(rio, areas);
   }, [rio]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "rio-layout"
-  }, children, debug && /*#__PURE__*/React.createElement("div", {
-    className: "rio-debug-box"
-  }, rio.map(function (item, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: "row-".concat(index)
-    }, item.map(function (n, i) {
-      return /*#__PURE__*/React.createElement("span", {
-        key: "item-".concat(i),
-        style: {
-          backgroundColor: n === 1 ? 'rgba(0,0,0,0.5)' : 'transparent'
-        }
-      });
-    }));
-  })), /*#__PURE__*/React.createElement("canvas", {
-    ref: ref
-  }));
+
+  return /*#__PURE__*/_jsxs("div", {
+    className: "rio-layout",
+    children: [children, debug && /*#__PURE__*/_jsx("div", {
+      className: "rio-debug-box",
+      children: rio.map(function (item, index) {
+        return /*#__PURE__*/_jsx("div", {
+          children: item.map(function (n, i) {
+            return /*#__PURE__*/_jsx("span", {
+              style: {
+                backgroundColor: n === 1 ? 'rgba(0,0,0,0.5)' : 'transparent'
+              }
+            }, "item-".concat(i));
+          })
+        }, "row-".concat(index));
+      })
+    }), /*#__PURE__*/_jsx("canvas", {
+      ref: ref
+    })]
+  });
 }
+
 RIO.defaultProps = {
   row: 18,
   rowItems: 32

package/es/ROI/index.less

@@ -0,0 +1,29 @@
+.rio-layout {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  canvas {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+  }
+  .rio-debug-box {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    & > div {
+      display: flex;
+      flex: 1;
+      span {
+        flex: 1;
+        border: 1px solid #eee;
+      }
+    }
+  }
+}

package/es/ScreenPlayer/Live.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import type { ILivePlayerProps } from './interface';
 import './index.less';
+import type { ILivePlayerProps } from './interface';
 declare function LivePlayer({ list, children, oneWinExtTools, allWinExtTools, ...props }: ILivePlayerProps): JSX.Element;
 declare namespace LivePlayer {
     var defaultProps: {
-        list: any[];
+        list: never[];
     };
 }
 export default LivePlayer;

package/es/ScreenPlayer/Live.js

@@ -1,44 +1,71 @@
 import _useMemoizedFn from "ahooks/es/useMemoizedFn";
 import _useUpdateEffect from "ahooks/es/useUpdateEffect";
+var _excluded = ["list", "children", "oneWinExtTools", "allWinExtTools"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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); }
+
 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 { __rest } from "tslib";
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 import React, { useEffect, useMemo, useRef, useState } from 'react';
-import { ScreenType, mergeFill } from './utils';
-import { LivePlayerWithExt } from './PlayerWithExt';
-import Tools from './LiveTools';
-import useVideoFit from './useVideoFit';
-import DisableMark from '../DisableMark';
-import "./index.css";
-function LivePlayer(_a) {
-  var _b, _c;
-  var list = _a.list,
-    children = _a.children,
-    oneWinExtTools = _a.oneWinExtTools,
-    allWinExtTools = _a.allWinExtTools,
-    props = __rest(_a, ["list", "children", "oneWinExtTools", "allWinExtTools"]);
+import DisableMark from "../DisableMark";
+import "./index.less";
+import Tools from "./LiveTools";
+import { LivePlayerWithExt } from "./PlayerWithExt";
+import useVideoFit from "./useVideoFit";
+import { mergeFill, ScreenType } from "./utils";
+import { createElement as _createElement } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+function LivePlayer(_ref) {
+  var _props$defaultScreen, _props$defaultSelectI;
+
+  var list = _ref.list,
+      children = _ref.children,
+      oneWinExtTools = _ref.oneWinExtTools,
+      allWinExtTools = _ref.allWinExtTools,
+      props = _objectWithoutProperties(_ref, _excluded);
+
   var _useState = useState({
-      screenNum: (_b = props.defaultScreen) !== null && _b !== void 0 ? _b : 4,
-      selectIndex: (_c = props.defaultSelectIndex) !== null && _c !== void 0 ? _c : 0,
-      modes: {}
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
+    screenNum: (_props$defaultScreen = props.defaultScreen) !== null && _props$defaultScreen !== void 0 ? _props$defaultScreen : 4,
+    selectIndex: (_props$defaultSelectI = props.defaultSelectIndex) !== null && _props$defaultSelectI !== void 0 ? _props$defaultSelectI : 0,
+    modes: {}
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
   var domRef = useRef(null);
+
   var _useVideoFit = useVideoFit(domRef, []),
-    fit = _useVideoFit.fit,
-    toggleFit = _useVideoFit.toggleFit;
-  // 若外部来控制screenNum 则由外部完全控制
+      fit = _useVideoFit.fit,
+      toggleFit = _useVideoFit.toggleFit; // 若外部来控制screenNum 则由外部完全控制
+
+
   var screenNum = useMemo(function () {
-    var _a;
-    return (_a = props.screenNum) !== null && _a !== void 0 ? _a : state.screenNum;
-  }, [props.screenNum, state.screenNum]);
-  // 缓存所有player对象
+    var _props$screenNum;
+
+    return (_props$screenNum = props.screenNum) !== null && _props$screenNum !== void 0 ? _props$screenNum : state.screenNum;
+  }, [props.screenNum, state.screenNum]); // 缓存所有player对象
+
   var playerRef = useRef({});
   var screenType = useMemo(function () {
     return ScreenType.find(function (v) {
@@ -47,146 +74,182 @@ function LivePlayer(_a) {
   }, [screenNum]);
   var screenList = useMemo(function () {
     return mergeFill(screenNum, list, {});
-  }, [list, screenNum]);
-  // 获取选中player对象
+  }, [list, screenNum]); // 获取选中player对象
+
   var getPlayerItem = function getPlayerItem() {
-    var _a, _b;
-    var item = list[state.selectIndex];
-    return (_b = (_a = playerRef.current) === null || _a === void 0 ? void 0 : _a[item === null || item === void 0 ? void 0 : item.cid]) === null || _b === void 0 ? void 0 : _b.current;
-  };
-  // 更新状态
+    var _playerRef$current, _playerRef$current$ci;
+
+    var item = list ? list[state.selectIndex] : {};
+    var cid = item.cid;
+    return cid ? (_playerRef$current = playerRef.current) === null || _playerRef$current === void 0 ? void 0 : (_playerRef$current$ci = _playerRef$current[cid]) === null || _playerRef$current$ci === void 0 ? void 0 : _playerRef$current$ci.current : undefined;
+  }; // 更新状态
+
+
   var updateState = function updateState(newState) {
-    var _a;
     var obj = {};
+
     if (newState.hasOwnProperty('screenNum')) {
       if (props.screenNum) {
+        var _props$screenChange;
+
         // 若外部控制，不需要update state
-        (_a = props.screenChange) === null || _a === void 0 ? void 0 : _a.call(props, newState.screenNum);
+        (_props$screenChange = props.screenChange) === null || _props$screenChange === void 0 ? void 0 : _props$screenChange.call(props, newState.screenNum);
       } else {
         obj.screenNum = newState.screenNum;
-      }
-      // 修正选中索引
-      if (newState.screenNum < state.selectIndex) {
+      } // 修正选中索引
+
+
+      if (newState.screenNum && newState.screenNum < state.selectIndex) {
         obj.selectIndex = 0;
       }
     }
+
     if (newState.hasOwnProperty('mode')) {
-      var item = list[state.selectIndex];
-      var newModes = Object.assign({}, state.modes);
-      newModes[item.cid] = newState.mode;
-      obj.modes = newModes;
+      var item = list === null || list === void 0 ? void 0 : list[state.selectIndex];
+
+      var newModes = _objectSpread({}, state.modes);
+
+      var cid = item === null || item === void 0 ? void 0 : item.cid;
+
+      if (cid) {
+        newModes[cid] = newState.mode;
+        obj.modes = newModes;
+      }
     }
+
     setState(function (old) {
-      return Object.assign(Object.assign({}, old), obj);
+      return _objectSpread(_objectSpread({}, old), obj);
     });
-  };
-  // 当前窗口信息
+  }; // 当前窗口信息
+
+
   var segmentItem = useMemo(function () {
-    return list[state.selectIndex] || {};
+    return (list === null || list === void 0 ? void 0 : list[state.selectIndex]) || {};
   }, [state.selectIndex, list]);
   /**
    * 同步外部的selectIndex变化
    */
+
   useEffect(function () {
     if (typeof props.defaultSelectIndex !== 'number') {
       return;
     }
+
     setState(function (old) {
       if (old.selectIndex !== props.defaultSelectIndex) {
-        return Object.assign(Object.assign({}, old), {
+        return _objectSpread(_objectSpread({}, old), {}, {
           selectIndex: props.defaultSelectIndex
         });
       }
+
       return old;
     });
-  }, [props.defaultSelectIndex]);
-  // index变化同步到父组件
+  }, [props.defaultSelectIndex]); // index变化同步到父组件
   // eslint-disable-next-line react-hooks/exhaustive-deps
+
   _useUpdateEffect(function () {
-    var _a;
-    return (_a = props.onIndexChange) === null || _a === void 0 ? void 0 : _a.call(props, state.selectIndex);
+    var _props$onIndexChange;
+
+    return (_props$onIndexChange = props.onIndexChange) === null || _props$onIndexChange === void 0 ? void 0 : _props$onIndexChange.call(props, state.selectIndex);
   }, [state.selectIndex]);
   /**
    * 通知screenNum变化
    */
+
+
   _useUpdateEffect(function () {
-    var _a;
-    return (_a = props.screenChange) === null || _a === void 0 ? void 0 : _a.call(props, state.screenNum);
+    var _props$screenChange2;
+
+    return (_props$screenChange2 = props.screenChange) === null || _props$screenChange2 === void 0 ? void 0 : _props$screenChange2.call(props, state.screenNum);
   }, [state.screenNum]);
+
   var onClose = _useMemoizedFn(function () {
-    var _a;
+    var _props$onClose;
+
     setState(function (old) {
       var item = screenList[old.selectIndex];
+
       if (item && item.cid) {
-        var modes = Object.assign({}, old.modes);
+        var modes = _objectSpread({}, old.modes);
+
         delete modes["".concat(item.cid)];
-        return Object.assign(Object.assign({}, old), {
+        return _objectSpread(_objectSpread({}, old), {}, {
           modes: modes
         });
       } else {
         return old;
       }
     });
-    (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+    (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);
   });
+
   var onCloseAll = _useMemoizedFn(function () {
-    var _a;
+    var _props$onCloseAll;
+
     setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
+      return _objectSpread(_objectSpread({}, old), {}, {
         modes: {},
         currentTimes: {}
       });
     });
-    (_a = props.onCloseAll) === null || _a === void 0 ? void 0 : _a.call(props);
+    (_props$onCloseAll = props.onCloseAll) === null || _props$onCloseAll === void 0 ? void 0 : _props$onCloseAll.call(props);
+  });
+
+  return /*#__PURE__*/_jsxs("div", {
+    className: "split-screen-player-wrapper split-screen-player-live-wrapper",
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "player-layout",
+      ref: domRef,
+      children: screenList.map(function (item, index) {
+        var _item$url;
+
+        return /*#__PURE__*/_createElement(LivePlayerWithExt, _objectSpread(_objectSpread({}, item), {}, {
+          mode: item.cid ? state.modes[item.cid] : item.mode,
+          key: (_item$url = item.url) !== null && _item$url !== void 0 ? _item$url : "".concat(index),
+          updatePlayer: function updatePlayer(player) {
+            if (item.cid) {
+              playerRef.current[item.cid] = player;
+            }
+          },
+          className: state.selectIndex === index ? 'player-current-index' : '',
+          onClick: index !== state.selectIndex ? function () {
+            return setState(function (old) {
+              return _objectSpread(_objectSpread({}, old), {}, {
+                selectIndex: index
+              });
+            });
+          } : undefined,
+          style: {
+            width: screenType === null || screenType === void 0 ? void 0 : screenType.width,
+            height: screenType === null || screenType === void 0 ? void 0 : screenType.height
+          },
+          pluginDownloadUrl: props.pluginDownloadUrl
+        }));
+      })
+    }), /*#__PURE__*/_jsxs(DisableMark, {
+      disabled: !segmentItem.url,
+      width: "70%",
+      children: [/*#__PURE__*/_jsx(Tools, {
+        onClose: onClose,
+        onCloseAll: onCloseAll,
+        fit: fit,
+        toggleFit: toggleFit,
+        getPlayerItem: getPlayerItem,
+        screenNum: screenNum,
+        mode: state.modes[state.selectIndex],
+        containerRef: domRef,
+        updateState: updateState,
+        snapshot: props.snapshot,
+        oneWinExtTools: oneWinExtTools,
+        allWinExtTools: allWinExtTools,
+        hasPlugin: !!props.pluginDownloadUrl
+      }), children && /*#__PURE__*/React.cloneElement(children, {
+        selectIndex: state.selectIndex
+      })]
+    })]
   });
-  return /*#__PURE__*/React.createElement("div", {
-    className: "split-screen-player-wrapper split-screen-player-live-wrapper"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "player-layout",
-    ref: domRef
-  }, screenList.map(function (item, index) {
-    var _a, _b;
-    return /*#__PURE__*/React.createElement(LivePlayerWithExt, Object.assign({}, item, {
-      mode: (_a = state.modes[item.cid]) !== null && _a !== void 0 ? _a : item.mode,
-      key: (_b = item.url) !== null && _b !== void 0 ? _b : "".concat(index),
-      updatePlayer: function updatePlayer(player) {
-        return playerRef.current[item.cid] = player;
-      },
-      className: state.selectIndex === index ? 'player-current-index' : '',
-      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
-      },
-      pluginDownloadUrl: props.pluginDownloadUrl
-    }));
-  })), /*#__PURE__*/React.createElement(DisableMark, {
-    disabled: !segmentItem.url,
-    width: "70%"
-  }, /*#__PURE__*/React.createElement(Tools, {
-    onClose: onClose,
-    onCloseAll: onCloseAll,
-    fit: fit,
-    toggleFit: toggleFit,
-    getPlayerItem: getPlayerItem,
-    screenNum: screenNum,
-    mode: state.modes[state.selectIndex],
-    containerRef: domRef,
-    updateState: updateState,
-    snapshot: props.snapshot,
-    oneWinExtTools: oneWinExtTools,
-    allWinExtTools: allWinExtTools,
-    hasPlugin: !!props.pluginDownloadUrl
-  }), children && /*#__PURE__*/React.cloneElement(children, {
-    selectIndex: state.selectIndex
-  })));
 }
+
 LivePlayer.defaultProps = {
   list: []
 };

package/es/ScreenPlayer/LiveTools.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { ExportPlayerType } from '../Player/player';
 import { PlayModeType } from '../PlayerExt';
 interface IToolsProps {
-    containerRef: React.MutableRefObject<HTMLDivElement>;
+    containerRef: React.RefObject<HTMLDivElement>;
     updateState: (state: {
         screenNum?: number;
         mode?: PlayModeType;
@@ -14,7 +14,7 @@ interface IToolsProps {
     toggleFit?: () => void;
     onClose?: () => void;
     onCloseAll?: () => void;
-    snapshot?: (base64?: string) => void;
+    snapshot?: (base64: string) => void;
     /**
      * 单窗口拓展工具条,左侧
      */