@cloud-app-dev/vidc 3.0.9 → 3.0.10

package/.prettierrc

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

package/.umirc.ts

@@ -87,12 +87,13 @@ export default defineConfig({
       --gray11: #4B4B4B;
       --gray12: #383838;
       --background: #348fe2;
+      --icon:#62708B;
       --fs: 14px;
       --fs-small: 12px;
       --fs-large: 20px;
       --color: rgba(0,0,0,1);
       --color-dark: #000000;
-      --color-light: rgba(102,102,102,1);
+      --color-light: rgba(255,255,255,1);
       --color-disabled: rgba(0,0,0,0.26);
       --shadow1: 2px 0 10px 0 rgba(0,0,0,0.06);
       --shadow2: 2px 0 10px 0 rgba(0,0,0,0.06);

package/es/CustomRenderSelect/index.css

@@ -0,0 +1,20 @@
+.custom-render-select {
+  display: inline-block;
+  position: relative;
+  width: max-content;
+  overflow: hidden;
+}
+.custom-render-select .custom-render-box {
+  display: inline-block;
+  position: relative;
+  z-index: 22;
+}
+.custom-render-select .cloudapp-select {
+  position: absolute;
+  width: max-content;
+  height: 100%;
+  left: 50%;
+  top: 50%;
+  opacity: 0;
+  transform: translate(-50%, -50%);
+}

package/es/CustomRenderSelect/index.d.ts

@@ -0,0 +1,10 @@
+import { SelectProps } from 'antd';
+import React from 'react';
+import './index.less';
+interface ICustomRenderSelectProps extends SelectProps {
+    children?: React.ReactNode;
+    value: any;
+    customRender: (value: any) => JSX.Element;
+}
+declare function CustomRenderSelect({ children, value, customRender, dropdownClassName, ...props }: ICustomRenderSelectProps): JSX.Element;
+export default CustomRenderSelect;

package/es/CustomRenderSelect/index.js

@@ -0,0 +1,67 @@
+import "antd/lib/select/style";
+import _Select from "antd/lib/select";
+import _useClickAway from "ahooks/es/useClickAway";
+import _useToggle3 from "ahooks/es/useToggle";
+import _uuid from "@cloud-app-dev/utils/es/uuid";
+
+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";
+import React, { useMemo, useRef } from 'react';
+import "./index.css";
+
+function CustomRenderSelect(_a) {
+  var children = _a.children,
+      value = _a.value,
+      customRender = _a.customRender,
+      dropdownClassName = _a.dropdownClassName,
+      props = __rest(_a, ["children", "value", "customRender", "dropdownClassName"]);
+
+  var classname = useMemo(function () {
+    return "custom-render-select-dropdown-".concat(_uuid());
+  }, []);
+  var domRef = useRef(null);
+
+  var _useToggle = _useToggle3(),
+      _useToggle2 = _slicedToArray(_useToggle, 2),
+      open = _useToggle2[0],
+      _useToggle2$ = _useToggle2[1],
+      toggle = _useToggle2$.toggle,
+      set = _useToggle2$.set;
+
+  var getDoms = useMemo(function () {
+    return [function () {
+      return domRef.current.querySelector('.custom-render-box');
+    }, function () {
+      return document.querySelector(".".concat(classname));
+    }];
+  }, []);
+
+  _useClickAway(function () {
+    return set(false);
+  }, getDoms, ['click']);
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: "custom-render-select",
+    ref: domRef
+  }, /*#__PURE__*/React.createElement(_Select, Object.assign({}, props, {
+    value: value,
+    dropdownClassName: "custom-render-select-dropdown ".concat(classname, " ").concat(dropdownClassName),
+    open: open
+  }), children), /*#__PURE__*/React.createElement("div", {
+    className: "custom-render-box",
+    onClick: toggle
+  }, customRender(value)));
+}
+
+export default CustomRenderSelect;

package/es/Player/demo.js

@@ -23,6 +23,7 @@ import React, { useState } from 'react';
 import Player from './single_player';
 import SegmentPlayer from './segment_player';
 import FrontendPlayer from './frontend_player';
+import moment from 'moment';
 var options = [{
   value: '',
   label: '自动'
@@ -123,28 +124,51 @@ function Demo1() {
   }));
 }
 
-var begin = Date.now();
+var mm = moment().set({
+  hours: 0,
+  minutes: 0,
+  seconds: 0
+});
+var m = mm.clone();
 
 function Demo2() {
   var _useState3 = useState({
     isLive: 1,
     segments: [{
-      beginTime: begin,
-      endTime: begin + 60 * 1000,
+      beginTime: m.valueOf(),
+      endTime: m.set({
+        minutes: 1
+      }).valueOf(),
       url: 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4'
     }, {
-      beginTime: begin + 60 * 1000,
-      endTime: begin + 2 * 60 * 1000
+      beginTime: m.set({
+        minutes: 1
+      }).valueOf(),
+      endTime: m.set({
+        minutes: 2
+      }).valueOf()
     }, {
-      beginTime: begin + 2 * 60 * 1000,
-      endTime: begin + 3 * 60 * 1000,
+      beginTime: m.set({
+        minutes: 2
+      }).valueOf(),
+      endTime: m.set({
+        minutes: 3
+      }).valueOf(),
       url: 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4?date=1'
     }, {
-      beginTime: begin + 3 * 60 * 1000,
-      endTime: begin + 4 * 60 * 1000
+      beginTime: m.set({
+        minutes: 3
+      }).valueOf(),
+      endTime: m.set({
+        minutes: 4
+      }).valueOf()
     }, {
-      beginTime: begin + 4 * 60 * 1000,
-      endTime: begin + 5 * 60 * 1000,
+      beginTime: m.set({
+        minutes: 4
+      }).valueOf(),
+      endTime: m.set({
+        minutes: 5
+      }).valueOf(),
       url: 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4?date=2'
     }],
     tempUrl: ''
@@ -190,7 +214,7 @@ function Demo2() {
       });
     }
   }, "\u64AD\u653E")), /*#__PURE__*/React.createElement(SegmentPlayer, {
-    begin: begin,
+    begin: mm.valueOf(),
     segments: state.segments,
     isLive: false
   }));

package/es/Player/segment_player.js

@@ -216,6 +216,7 @@ function SegmentPlayer(_a) {
     begin: begin,
     api: api,
     event: event,
+    seekTo: seekTo,
     index: index,
     segments: segments,
     duration: duration,

package/es/Player/segment_timeline.d.ts

@@ -11,6 +11,7 @@ interface ITimeLineProps {
     duration: number;
     setIndex: (i: number) => void;
     begin: number;
+    seekTo: (time: number) => void;
 }
-declare function SegmentTimeLine({ api, event, index, segments, duration, begin, setIndex }: ITimeLineProps): JSX.Element;
+declare function SegmentTimeLine({ api, event, index, segments, duration, begin, setIndex, seekTo }: ITimeLineProps): JSX.Element;
 export default SegmentTimeLine;

package/es/Player/segment_timeline.js

@@ -27,7 +27,8 @@ function SegmentTimeLine(_ref) {
       segments = _ref.segments,
       duration = _ref.duration,
       begin = _ref.begin,
-      setIndex = _ref.setIndex;
+      setIndex = _ref.setIndex,
+      seekTo = _ref.seekTo;
   var status = useBarStatus(event);
 
   var _useTimes = useTimes(api, event),
@@ -56,17 +57,11 @@ function SegmentTimeLine(_ref) {
     var ele = e.currentTarget;
     var rect = ele.getBoundingClientRect();
     var current = e.pageX - rect.left;
-    var currentTime = current / rect.width * api.getDuration();
-
-    if (i !== index) {
-      setIndex(i); // 临时方案，最好方案在初始化播放器时实现，这样处理理论上也可以
-
-      setTimeout(function () {
-        return api.seekTo(currentTime);
-      }, 500);
-    } else {
-      api.seekTo(currentTime);
-    }
+    var item = segments[i - 1];
+    var pTime = item ? item.endTime : begin;
+    var duration = segments[i].endTime - segments[i].beginTime;
+    var currentTime = current / rect.width * duration;
+    seekTo(Math.round(currentTime + pTime));
   }, [segments, api, index, setIndex]);
   return /*#__PURE__*/React.createElement("div", {
     className: "player-timeline-layout player-segment-timeline-layout ".concat(status === 0 ? 'hide-time-line' : '')

package/es/Player/style/iconfont.css

@@ -1,62 +1,179 @@
 @font-face {
-  font-family: 'lm-player-iconfont';
-  src: url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2');
+  font-family: "lm-player-iconfont"; /* Project id 1153292 */
+  src: url('iconfont.woff2?t=1661511384224') format('woff2'),
+       url('iconfont.woff?t=1661511384224') format('woff'),
+       url('iconfont.ttf?t=1661511384224') format('truetype');
 }
+
 .lm-player-iconfont {
-  font-family: 'lm-player-iconfont' !important;
+  font-family: "lm-player-iconfont" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-.lm-player-Loading:before {
-  content: '\e65d';
+
+.lm-player-xiazai:before {
+  content: "\e6d0";
 }
-.lm-player-volume-close:before {
-  content: '\e602';
+
+.lm-player-bofang:before {
+  content: "\e6cf";
 }
-.lm-player-volume-normal-fuben:before {
-  content: '\e604';
+
+.lm-player-tingzhi:before {
+  content: "\e6ce";
 }
-.lm-player-volume-max:before {
-  content: '\e605';
+
+.lm-player-quanbuguanbi:before {
+  content: "\e6cc";
 }
-.lm-player-Pause_Main:before {
-  content: '\e652';
+
+.lm-player-huamianshiying:before {
+  content: "\e6cb";
 }
-.lm-player-Play_Main:before {
-  content: '\e654';
+
+.lm-player-quanping:before {
+  content: "\e6c6";
 }
-.lm-player-ZoomIn_Main:before {
-  content: '\e663';
+
+.lm-player-a-guanbi_close-one11:before {
+  content: "\e623";
 }
-.lm-player-ZoomDefault_Main:before {
-  content: '\e664';
+
+.lm-player-lunxunkaishi:before {
+  content: "\e6c3";
 }
-.lm-player-ZoomOut_Main:before {
-  content: '\e665';
+
+.lm-player-fenping16:before {
+  content: "\e6c5";
 }
-.lm-player-Refresh_Main:before {
-  content: '\e687';
+
+.lm-player-xiangji1fill:before {
+  content: "\e77e";
 }
-.lm-player-ExitFull_Main:before {
-  content: '\e68e';
+
+.lm-player-M_Device_jiazaishibai:before {
+  content: "\e6de";
 }
-.lm-player-Full_Main:before {
-  content: '\e690';
+
+.lm-player-M_Bar_CloudAuto:before {
+  content: "\e6c9";
 }
-.lm-player-PlaySource:before {
-  content: '\e6cd';
+
+.lm-player-S_Box_VideoCloud:before {
+  content: "\e6ca";
 }
+
+.lm-player-S_Bar_LatLongYes:before {
+  content: "\e792";
+}
+
+.lm-player-S_Device_kuaijin:before {
+  content: "\e6c7";
+}
+
+.lm-player-S_Device_shezhi:before {
+  content: "\e6c8";
+}
+
+.lm-player-S_View_Playerpley:before {
+  content: "\e827";
+}
+
+.lm-player-S_View_RotateRight:before {
+  content: "\e828";
+}
+
+.lm-player-S_View_ScreenSizeFull:before {
+  content: "\e82d";
+}
+
+.lm-player-S_View_SoundMiddle:before {
+  content: "\e835";
+}
+
+.lm-player-S_Edit_LoadDown:before {
+  content: "\e7b6";
+}
+
+.lm-player-S_Edit_Reset:before {
+  content: "\e7c3";
+}
+
+.lm-player-S_View_SearchBox:before {
+  content: "\e833";
+}
+
+.lm-player-S_View_PlayerPlay1:before {
+  content: "\e6b7";
+}
+
 .lm-player-YesorNo_No_Dark:before {
-  content: '\e6dd';
+  content: "\e6dd";
+}
+
+.lm-player-Refresh_Main:before {
+  content: "\e687";
 }
+
 .lm-player-SearchBox:before {
-  content: '\e706';
+  content: "\e706";
+}
+
+.lm-player-ZoomIn_Main:before {
+  content: "\e663";
+}
+
+.lm-player-ZoomDefault_Main:before {
+  content: "\e664";
+}
+
+.lm-player-ZoomOut_Main:before {
+  content: "\e665";
 }
+
 .lm-player-PrevFast:before {
-  content: '\e71f';
+  content: "\e71f";
 }
+
 .lm-player-NextFast_Light:before {
-  content: '\e720';
+  content: "\e720";
+}
+
+.lm-player-volume-close:before {
+  content: "\e602";
+}
+
+.lm-player-volume-normal-fuben:before {
+  content: "\e604";
+}
+
+.lm-player-volume-max:before {
+  content: "\e605";
+}
+
+.lm-player-ExitFull_Main:before {
+  content: "\e68e";
+}
+
+.lm-player-Full_Main:before {
+  content: "\e690";
+}
+
+.lm-player-Loading:before {
+  content: "\e65d";
+}
+
+.lm-player-Pause_Main:before {
+  content: "\e652";
+}
+
+.lm-player-Play_Main:before {
+  content: "\e654";
+}
+
+.lm-player-PlaySource:before {
+  content: "\e6cd";
 }
+

package/es/ScreenPlayer/Live.js

@@ -1,3 +1,11 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
 function _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."); }
@@ -28,7 +36,7 @@ function LivePlayer(_ref) {
   var _useState = useState({
     screenNum: 4,
     selectIndex: 0,
-    mode: 1
+    modes: []
   }),
       _useState2 = _slicedToArray(_useState, 2),
       state = _useState2[0],
@@ -70,7 +78,10 @@ function LivePlayer(_ref) {
     }
 
     if (newState.hasOwnProperty('mode')) {
-      obj.mode = newState.mode;
+      var newModes = _toConsumableArray(state.modes);
+
+      newModes[state.selectIndex] = newState.mode;
+      obj.modes = newModes;
     }
 
     setState(function (old) {
@@ -89,8 +100,10 @@ function LivePlayer(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "player-layout"
   }, screenList.map(function (item, index) {
+    var _a;
+
     return /*#__PURE__*/React.createElement(LivePlayerWithExt, Object.assign({}, item, {
-      mode: state.mode,
+      mode: (_a = item.mode) !== null && _a !== void 0 ? _a : state.modes[index],
       isLive: true,
       key: "".concat(item.url, "-").concat(index),
       updatePlayer: function updatePlayer(player) {
@@ -116,7 +129,7 @@ function LivePlayer(_ref) {
     toggleFit: toggleFit,
     getPlayerItem: getPlayerItem,
     screenNum: state.screenNum,
-    mode: state.mode,
+    mode: state.modes[state.selectIndex],
     containerRef: domRef,
     updateState: updateState
   }), children && /*#__PURE__*/React.cloneElement(children, {

package/es/ScreenPlayer/LiveTools.js

@@ -79,20 +79,57 @@ function LiveTools(_ref) {
     title: "\u91CD\u8F7D"
   })), /*#__PURE__*/React.createElement("span", {
     className: "player-tools-item",
-    onClick: onClose
+    onClick: function onClick() {
+      return updateState({
+        mode: mode !== 2 ? 2 : 1
+      });
+    }
   }, /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-YesorNo_No_Dark",
-    title: "\u5173\u95ED\u5F53\u524D"
+    style: {
+      top: 2,
+      position: 'relative',
+      left: 1
+    },
+    type: "lm-player-S_Device_shezhi",
+    title: "\u5207\u6362".concat(mode === 1 ? '插件' : '浏览器', "\u6A21\u5F0F")
   }))), /*#__PURE__*/React.createElement("div", {
     className: "player-tools-mid"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "player-tools-item",
+    onClick: onClose,
+    style: {
+      marginRight: 6
+    }
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "lm-player-tingzhi",
+    title: "\u505C\u6B62",
+    style: {
+      fontSize: 16,
+      position: 'relative',
+      top: 1
+    }
+  })), /*#__PURE__*/React.createElement("div", {
     className: "player-tools-item",
-    onClick: playToggle
+    onClick: playToggle,
+    style: {
+      marginLeft: 6
+    }
   }, player && !player.video.paused ? /*#__PURE__*/React.createElement(IconFont, {
     type: "lm-player-Pause_Main",
-    title: "\u6682\u505C"
+    title: "\u6682\u505C",
+    style: {
+      fontSize: 22,
+      position: 'relative',
+      top: -2
+    }
   }) : /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-Play_Main",
+    style: {
+      fontSize: 17,
+      position: 'relative',
+      left: 2,
+      top: 2
+    },
+    type: "lm-player-bofang",
     title: "\u64AD\u653E"
   }))), /*#__PURE__*/React.createElement("div", {
     className: "player-tools-right"
@@ -100,38 +137,31 @@ function LiveTools(_ref) {
     className: "player-tools-item",
     onClick: onCloseAll
   }, /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-YesorNo_No_Dark",
+    type: "lm-player-quanbuguanbi",
     title: "\u5173\u95ED\u6240\u6709"
-  })), /*#__PURE__*/React.createElement("span", {
-    className: "player-tools-item",
-    onClick: function onClick() {
-      return updateState({
-        mode: mode === 1 ? 2 : 1
-      });
-    }
-  }, /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-YesorNo_No_Dark",
-    title: "\u5207\u6362".concat(mode === 1 ? '插件' : '浏览器', "\u6A21\u5F0F")
-  })), /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/React.createElement(ScreenSelect, {
+    screenNum: screenNum,
+    updateState: updateState
+  }), /*#__PURE__*/React.createElement("span", {
     className: "player-tools-item",
     onClick: toggleFit
   }, fit === 'fill' ? /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-S_View_ScreenSizeFull",
+    type: "lm-player-huamianshiying",
     title: "\u81EA\u9002\u5E94"
   }) : /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-S_View_ScreenSizeFull",
+    type: "lm-player-huamianshiying",
     title: "\u586B\u5145"
-  })), /*#__PURE__*/React.createElement(ScreenSelect, {
-    screenNum: screenNum,
-    updateState: updateState
-  }), /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/React.createElement("span", {
     className: "player-tools-item",
-    onClick: toggleFullscreen
+    onClick: toggleFullscreen,
+    style: {
+      marginRight: 0
+    }
   }, isFullscreen ? /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-ExitFull_Main",
+    type: "lm-player-quanping",
     title: "\u5168\u5C4F"
   }) : /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-Full_Main",
+    type: "lm-player-quanping",
     title: "\u5168\u5C4F"
   }))));
 }

package/es/ScreenPlayer/PlayerWithExt.d.ts

@@ -9,11 +9,11 @@ interface ILivePlayerWithExtProps extends ISinglePlayerProps {
     pluginDownloadUrl?: string;
 }
 export declare function LivePlayerWithExt({ mode, isLive, url, type, style, className, updatePlayer, onClick, pluginDownloadUrl, ...props }: ILivePlayerWithExtProps): JSX.Element;
-interface ISegmentPlayerWithExtProps extends Omit<ILivePlayerWithExtProps, 'url' | 'mode'> {
+interface ISegmentPlayerWithExtProps extends Omit<ILivePlayerWithExtProps, 'url'> {
     segments?: ISegmentType[];
     begin?: number;
 }
-export declare function SegmentPlayerWithExt({ begin, style, className, segments, updatePlayer, onClick, ...props }: ISegmentPlayerWithExtProps): JSX.Element;
+export declare function SegmentPlayerWithExt({ begin, style, className, segments, updatePlayer, onClick, mode, ...props }: ISegmentPlayerWithExtProps): JSX.Element;
 interface IFrontendPlayerWithExtProps extends Omit<ILivePlayerWithExtProps, 'url'> {
     segments?: ISegmentType[];
     begin?: number;

package/es/ScreenPlayer/PlayerWithExt.js

@@ -69,7 +69,8 @@ export function SegmentPlayerWithExt(_a) {
       segments = _a.segments,
       updatePlayer = _a.updatePlayer,
       onClick = _a.onClick,
-      props = __rest(_a, ["begin", "style", "className", "segments", "updatePlayer", "onClick"]);
+      mode = _a.mode,
+      props = __rest(_a, ["begin", "style", "className", "segments", "updatePlayer", "onClick", "mode"]);
 
   var ref = useRef();
   var update = useCallback(function () {
@@ -87,7 +88,7 @@ export function SegmentPlayerWithExt(_a) {
     onDoubleClick: toggleFullscreen
   }, /*#__PURE__*/React.createElement(ExtModel, {
     segments: segments,
-    mode: 1
+    mode: mode
   }, /*#__PURE__*/React.createElement(SegmentPlayer, Object.assign({}, props, {
     segments: segments,
     type: "hls",

package/es/ScreenPlayer/Record.js

@@ -36,6 +36,16 @@ import useRecordList from './useRecordList';
 import useVideoFit from './useVideoFit';
 import DisableMark from '../DisableMark';
 import "./index.css";
+var defaultState = {
+  screenNum: 4,
+  selectIndex: 0,
+  modes: [],
+  currentTimes: [],
+  loading: false,
+  seekTo: 0,
+  mergeSegments: [],
+  timeMode: 24
+};
 /**
  * @desc 录像设计的时间全部需要到毫秒
  * @param param0
@@ -53,16 +63,7 @@ function RecordPlayer(_ref) {
       onCloseAll = _ref.onCloseAll,
       download = _ref.download;
 
-  var _useState = useState({
-    screenNum: 4,
-    selectIndex: 0,
-    mode: 1,
-    currentTimes: [],
-    loading: false,
-    seekTo: 0,
-    mergeSegments: [],
-    timeMode: 24
-  }),
+  var _useState = useState(Object.assign({}, defaultState)),
       _useState2 = _slicedToArray(_useState, 2),
       state = _useState2[0],
       setState = _useState2[1];
@@ -114,11 +115,6 @@ function RecordPlayer(_ref) {
 
     return (_a = state.currentTimes[state.selectIndex]) !== null && _a !== void 0 ? _a : segmentItem.date;
   }, [segmentItem.date, state.currentTimes, state.selectIndex]);
-  /**
-   *  专门
-   */
-
-  useEffect(function () {}, [fit]);
   /**
    * @desc 用户缓存接收list的变化。
    */
@@ -203,7 +199,10 @@ function RecordPlayer(_ref) {
     }
 
     if (newState.hasOwnProperty('mode')) {
-      obj.mode = newState.mode;
+      var newModes = _toConsumableArray(state.modes);
+
+      newModes[state.selectIndex] = newState.mode;
+      obj.modes = newModes;
     }
 
     if (newState.hasOwnProperty('timeMode')) {
@@ -320,7 +319,7 @@ function RecordPlayer(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "player-layout"
   }, screenList.map(function (item, index) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
 
     return item.recordType === 1 ? /*#__PURE__*/React.createElement(SegmentPlayerWithExt, Object.assign({}, item, {
       segments: ((_a = recordList[index]) === null || _a === void 0 ? void 0 : _a.segments) || [],
@@ -339,10 +338,11 @@ function RecordPlayer(_ref) {
       style: {
         width: screenType.width,
         height: screenType.height
-      }
+      },
+      mode: (_d = item.mode) !== null && _d !== void 0 ? _d : state.modes[index]
     })) : /*#__PURE__*/React.createElement(FrontendPlayerWithExt, Object.assign({}, item, {
       className: state.selectIndex === index ? 'player-current-index' : '',
-      segments: ((_d = recordList[index]) === null || _d === void 0 ? void 0 : _d.segments) || [],
+      segments: ((_e = recordList[index]) === null || _e === void 0 ? void 0 : _e.segments) || [],
       updatePlayer: function updatePlayer(player) {
         return _updatePlayer(player, index);
       },
@@ -353,8 +353,8 @@ function RecordPlayer(_ref) {
           });
         });
       },
-      mode: state.mode,
-      key: "".concat((_e = item === null || item === void 0 ? void 0 : item.date) !== null && _e !== void 0 ? _e : '', "-").concat((_f = item.cid) !== null && _f !== void 0 ? _f : '', "-").concat(index),
+      mode: (_f = item.mode) !== null && _f !== void 0 ? _f : state.modes[index],
+      key: "".concat((_g = item === null || item === void 0 ? void 0 : item.date) !== null && _g !== void 0 ? _g : '', "-").concat((_h = item.cid) !== null && _h !== void 0 ? _h : '', "-").concat(index),
       style: {
         width: screenType.width,
         height: screenType.height
@@ -370,7 +370,7 @@ function RecordPlayer(_ref) {
     toggleFit: toggleFit,
     getPlayerItem: getPlayerItem,
     screenNum: state.screenNum,
-    mode: state.mode,
+    mode: state.modes[state.selectIndex],
     containerRef: domRef,
     updateState: updateState,
     onTimeChange: onTimeChange,

package/es/ScreenPlayer/RecordTools.d.ts

@@ -20,5 +20,5 @@ interface IToolsProps {
     timeMode: number;
     download?: () => void;
 }
-declare function RecordTools({ containerRef, updateState, download, screenNum, timeMode, getPlayerItem, mode, toggleFit, fit, time, onTimeChange, onClose, onCloseAll }: IToolsProps): JSX.Element;
+declare function RecordTools({ containerRef, updateState, download, screenNum, timeMode, getPlayerItem, mode, toggleFit, fit, time, onTimeChange, onClose, onCloseAll, }: IToolsProps): JSX.Element;
 export default RecordTools;

package/es/ScreenPlayer/RecordTools.js

@@ -85,38 +85,56 @@ function RecordTools(_ref) {
     title: "\u91CD\u8F7D"
   })), /*#__PURE__*/React.createElement("span", {
     className: "player-tools-item",
-    onClick: onClose
+    onClick: download
   }, /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-YesorNo_No_Dark",
-    title: "\u5173\u95ED\u5F53\u524D"
+    type: "lm-player-xiazai",
+    title: "\u4E0B\u8F7D\u5F53\u524D\u5F55\u50CF"
   })), /*#__PURE__*/React.createElement("span", {
     className: "player-tools-item",
-    onClick: download
+    onClick: function onClick() {
+      return updateState({
+        mode: mode !== 2 ? 2 : 1
+      });
+    }
   }, /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-S_Edit_LoadDown",
-    title: "\u4E0B\u8F7D\u5F53\u524D\u5F55\u50CF"
+    style: {
+      top: 2,
+      position: 'relative',
+      left: 1
+    },
+    type: "lm-player-S_Device_shezhi",
+    title: "\u5207\u6362".concat(mode === 1 ? '插件' : '浏览器', "\u6A21\u5F0F")
   }))), /*#__PURE__*/React.createElement("div", {
     className: "player-tools-mid"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "player-tools-item",
-    onClick: playToggle
-  }, player && !player.video.paused ? /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-Pause_Main",
-    title: "\u6682\u505C"
-  }) : /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-Play_Main",
-    title: "\u64AD\u653E"
+    onClick: onClose
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "lm-player-tingzhi",
+    title: "\u505C\u6B62",
+    style: {
+      fontSize: 16
+    }
   })), /*#__PURE__*/React.createElement(TimeSelect, {
     time: time,
     onChange: onTimeChange
-  }), /*#__PURE__*/React.createElement("span", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "player-tools-item",
     onClick: playToggle
   }, player && !player.video.paused ? /*#__PURE__*/React.createElement(IconFont, {
     type: "lm-player-Pause_Main",
-    title: "\u6682\u505C"
+    title: "\u6682\u505C",
+    style: {
+      fontSize: 22
+    }
   }) : /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-Play_Main",
+    style: {
+      fontSize: 17,
+      position: 'relative',
+      left: 2,
+      top: 2
+    },
+    type: "lm-player-bofang",
     title: "\u64AD\u653E"
   }))), /*#__PURE__*/React.createElement("div", {
     className: "player-tools-right"
@@ -124,26 +142,16 @@ function RecordTools(_ref) {
     className: "player-tools-item",
     onClick: onCloseAll
   }, /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-YesorNo_No_Dark",
+    type: "lm-player-quanbuguanbi",
     title: "\u5173\u95ED\u6240\u6709"
-  })), /*#__PURE__*/React.createElement("span", {
-    className: "player-tools-item",
-    onClick: function onClick() {
-      return updateState({
-        mode: mode === 1 ? 2 : 1
-      });
-    }
-  }, /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-YesorNo_No_Dark",
-    title: "\u5207\u6362".concat(mode === 1 ? '插件' : '浏览器', "\u6A21\u5F0F")
   })), /*#__PURE__*/React.createElement("span", {
     className: "player-tools-item",
     onClick: toggleFit
   }, fit === 'fill' ? /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-S_View_ScreenSizeFull",
+    type: "lm-player-huamianshiying",
     title: "\u81EA\u9002\u5E94"
   }) : /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-S_View_ScreenSizeFull",
+    type: "lm-player-huamianshiying",
     title: "\u586B\u5145"
   })), /*#__PURE__*/React.createElement(ScreenSelect, {
     screenNum: screenNum,
@@ -152,10 +160,10 @@ function RecordTools(_ref) {
     className: "player-tools-item",
     onClick: toggleFullscreen
   }, isFullscreen ? /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-ExitFull_Main",
+    type: "lm-player-quanping",
     title: "\u5168\u5C4F"
   }) : /*#__PURE__*/React.createElement(IconFont, {
-    type: "lm-player-Full_Main",
+    type: "lm-player-quanping",
     title: "\u5168\u5C4F"
   })), /*#__PURE__*/React.createElement(TimeMode, {
     timeMode: timeMode,

package/es/ScreenPlayer/ScreenSelect.js

@@ -1,28 +1,49 @@
-import "antd/lib/tooltip/style";
-import _Tooltip from "antd/lib/tooltip";
-import React from 'react';
+import "antd/lib/select/style";
+import _Select from "antd/lib/select";
+import React, { useMemo } from 'react';
+import CustomRenderSelect from '../CustomRenderSelect';
 import { ScreenType } from './utils';
+import IconFont from '../Player/iconfont';
 
 function ScreenSelect(_ref) {
   var screenNum = _ref.screenNum,
       updateState = _ref.updateState;
-  return /*#__PURE__*/React.createElement(_Tooltip, {
-    title: /*#__PURE__*/React.createElement("div", null, ScreenType.map(function (item) {
-      return /*#__PURE__*/React.createElement("div", {
-        key: "".concat(item.name),
-        style: {
-          padding: 6
-        },
-        onClick: function onClick() {
-          return updateState({
-            screenNum: item.name
-          });
-        }
-      }, item.name);
-    }))
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "player-tools-item"
-  }, screenNum));
+  var icon = useMemo(function () {
+    return ScreenType.find(function (v) {
+      return v.name === screenNum;
+    }).icon;
+  }, []);
+  return /*#__PURE__*/React.createElement(CustomRenderSelect, {
+    value: screenNum,
+    dropdownClassName: "custom-select-dropdown ",
+    customRender: function customRender() {
+      return /*#__PURE__*/React.createElement("span", {
+        className: "select-current-screen-item"
+      }, /*#__PURE__*/React.createElement(IconFont, {
+        type: icon
+      }));
+    },
+    onChange: function onChange(v) {
+      return updateState({
+        screenNum: v
+      });
+    },
+    placement: "topLeft"
+  }, ScreenType.map(function (item) {
+    return /*#__PURE__*/React.createElement(_Select.Option, {
+      key: "".concat(item.name),
+      value: item.name
+    }, /*#__PURE__*/React.createElement("span", {
+      style: {
+        paddingRight: 4,
+        color: 'var(--icon)',
+        position: 'relative',
+        top: 1
+      }
+    }, /*#__PURE__*/React.createElement(IconFont, {
+      type: item.icon
+    })), item.name, "\u5206\u5C4F");
+  }));
 }
 
 export default ScreenSelect;

package/es/ScreenPlayer/TimeMode.js

@@ -10,13 +10,19 @@ function TimeMode(_ref) {
     value: timeMode,
     onChange: onChange,
     className: "time-mode-select",
-    dropdownClassName: "time-mode-select-dropdown",
+    dropdownClassName: "custom-select-dropdown",
     placement: "topLeft"
   }, TimeModeLibs.map(function (item) {
     return /*#__PURE__*/React.createElement(_Select.Option, {
       value: item.name,
       key: item.name
-    }, item.name, "\u5C0F\u65F6");
+    }, /*#__PURE__*/React.createElement("span", {
+      style: {
+        display: 'inline-block',
+        width: 20,
+        textAlign: 'center'
+      }
+    }, item.name), "\u5C0F\u65F6");
   }));
 }
 

package/es/ScreenPlayer/index.css

@@ -24,8 +24,6 @@
   position: relative;
 }
 .split-screen-player-wrapper .player-record-time {
-  width: 100%;
-  height: 100%;
   text-align: center;
   background-color: var(--gray11);
   line-height: 42px;
@@ -69,7 +67,8 @@
   color: var(--gray1);
   text-align: center;
   cursor: pointer;
-  margin-right: 4px;
+  margin-right: 10px;
+  display: inline-block;
 }
 .split-screen-player-wrapper .player-tools .player-tools-item .lm-player-iconfont {
   font-size: 20px;
@@ -78,6 +77,23 @@
   background-color: var(--gray11);
   border-radius: var(--radius1);
 }
+.split-screen-player-wrapper .player-tools .select-current-screen-item {
+  font-size: 18px;
+  width: 32px;
+  height: 32px;
+  color: var(--gray1);
+  text-align: center;
+  cursor: pointer;
+  margin-right: 6px;
+  display: inline-block;
+}
+.split-screen-player-wrapper .player-tools .select-current-screen-item .lm-player-iconfont {
+  font-size: 20px;
+}
+.split-screen-player-wrapper .player-tools .select-current-screen-item:hover {
+  background-color: var(--gray11);
+  border-radius: var(--radius1);
+}
 .split-screen-player-wrapper.split-screen-player-wrapper-record .record-time-line {
   width: 100%;
   height: 46px;
@@ -105,20 +121,20 @@
   justify-content: space-around;
   align-items: center;
 }
-.time-mode-select {
+.cloudapp-select.time-mode-select {
   font-size: var(--fs-small);
   color: var(--gray1);
 }
-.time-mode-select .cloudapp-select-selector {
-  background-color: transparent !important;
-  border-radius: var(--radius1) !important;
+.cloudapp-select.time-mode-select .cloudapp-select-selector {
+  background-color: transparent;
+  border-radius: var(--radius1);
 }
-.time-mode-select .anticon {
+.cloudapp-select.time-mode-select .anticon {
   color: var(--gray1);
 }
-.time-mode-select-dropdown {
+.custom-select-dropdown {
   font-size: var(--fs-small);
 }
-.time-mode-select-dropdown .cloudapp-select-item {
+.custom-select-dropdown .cloudapp-select-item {
   font-size: var(--fs-small);
 }

package/es/ScreenPlayer/interface.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { PlayModeType } from '../PlayerExt';
 import { ISegmentType } from '../Player/player';
 
 export type RecordItem = {
@@ -8,6 +9,7 @@ export type RecordItem = {
   segments?: ISegmentType[];
   url?: string;
   recordType?: 1 | 2; //1云录像 2前端录像
+  mode?: PlayModeType;
 };
 
 export interface IRecordPlayerProps {
@@ -53,7 +55,7 @@ export interface IRecordPlayerState {
   /**
    * 插件OR浏览器
    */
-  mode: PlayModeType;
+  modes: PlayModeType[];
 
   /**
    * 时间轴开始时间
@@ -84,6 +86,7 @@ export interface IRecordPlayerState {
 export type ScreenItemLivePlayerType = {
   url?: string;
   type?: 'flv' | 'hls' | 'native';
+  mode?: PlayModeType;
 };
 
 export interface ILivePlayerProps {
@@ -108,7 +111,7 @@ export interface ILivePlayerProps {
 export interface ILivePlayerState {
   screenNum: number;
   selectIndex: number;
-  mode: PlayModeType;
+  modes: PlayModeType[];
 }
 
 export const RecordPlayer: React.FC<IRecordPlayerProps>;

package/es/ScreenPlayer/utils.d.ts

@@ -3,6 +3,7 @@ export declare const ScreenType: {
     name: number;
     width: string;
     height: string;
+    icon: string;
 }[];
 export declare const TimeModeLibs: {
     name: number;

package/es/ScreenPlayer/utils.js

@@ -1,28 +1,37 @@
 export var ScreenType = [{
   name: 1,
   width: '100%',
-  height: '100%'
+  height: '100%',
+  icon: 'lm-player-fenping16'
 }, {
   name: 4,
   width: '50%',
-  height: '50%'
+  height: '50%',
+  icon: 'lm-player-fenping16'
+}, {
+  name: 6,
+  width: '33.33333333%',
+  height: '33.33333333%',
+  icon: 'lm-player-fenping16'
 }, {
   name: 9,
   width: '33.33333333%',
-  height: '33.33333333%'
+  height: '33.33333333%',
+  icon: 'lm-player-fenping16'
 }, {
   name: 16,
   width: '25%',
-  height: '25%'
+  height: '25%',
+  icon: 'lm-player-fenping16'
 }];
 export var TimeModeLibs = [{
-  name: 24
-}, {
-  name: 12
+  name: 1
 }, {
   name: 6
 }, {
-  name: 1
+  name: 12
+}, {
+  name: 24
 }];
 export function mergeFill(len, mergeArr, fillItem) {
   return new Array(len).fill(fillItem).map(function (v, i) {

package/es/index.d.ts

@@ -6,6 +6,7 @@ export { default as Box } from './Box';
 export { default as CheckGroupFixed } from './CheckGroupFixed';
 export { default as Config } from './Config';
 export { default as ConfigContext } from './ConfigContext';
+export { default as CustomRenderSelect } from './CustomRenderSelect';
 export { default as DisableMark } from './DisableMark';
 export { default as DomMove } from './DomMove';
 export { default as Drag } from './Drag';

package/es/index.js

@@ -6,6 +6,7 @@ export { default as Box } from './Box';
 export { default as CheckGroupFixed } from './CheckGroupFixed';
 export { default as Config } from './Config';
 export { default as ConfigContext } from './ConfigContext';
+export { default as CustomRenderSelect } from './CustomRenderSelect';
 export { default as DisableMark } from './DisableMark';
 export { default as DomMove } from './DomMove';
 export { default as Drag } from './Drag';

package/package.json

@@ -2,7 +2,7 @@
   "private": false,
   "name": "@cloud-app-dev/vidc",
   "description": "Video Image Data Componennts",
-  "version": "3.0.9",
+  "version": "3.0.10",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",