@cloud-app-dev/vidc 3.1.20 → 3.1.21

package/es/ScreenPlayer/Live.js

@@ -124,10 +124,10 @@ function LivePlayer(_a) {
     className: "player-layout",
     ref: domRef
   }, screenList.map(function (item, index) {
-    var _a;
+    var _a, _b;
     return /*#__PURE__*/React.createElement(LivePlayerWithExt, Object.assign({}, item, {
       mode: (_a = state.modes[index]) !== null && _a !== void 0 ? _a : item.mode,
-      key: "".concat(item.url, "-").concat(index),
+      key: (_b = item.url) !== null && _b !== void 0 ? _b : "".concat(index),
       updatePlayer: function updatePlayer(player) {
         return playerRef.current[index] = player;
       },

package/es/ScreenPlayer/Record.js

@@ -24,8 +24,8 @@ import SegmentTimeLine from './SegmentTimeLine';
 import useRecordList from './useRecordList';
 import useVideoFit from './useVideoFit';
 import DisableMark from '../DisableMark';
-import "./index.css";
 import { cloneDeep } from 'lodash-es';
+import "./index.css";
 var defaultState = {
   screenNum: 4,
   selectIndex: 0,
@@ -80,6 +80,7 @@ function RecordPlayer(_a) {
       return v.name === screenNum;
     });
   }, [screenNum]);
+  // 填充数据扩充list.length
   var screenList = useMemo(function () {
     return mergeFill(screenNum, list, {
       recordType: 1
@@ -344,10 +345,10 @@ function RecordPlayer(_a) {
     className: "player-layout",
     ref: domRef
   }, screenList.map(function (item, index) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d;
     return item.recordType === 1 ? /*#__PURE__*/React.createElement(SegmentPlayerWithExt, Object.assign({}, item, {
       segments: ((_a = recordList[index]) === null || _a === void 0 ? void 0 : _a.segments) || [],
-      key: "".concat((_b = item === null || item === void 0 ? void 0 : item.date) !== null && _b !== void 0 ? _b : '', "-").concat((_c = item.cid) !== null && _c !== void 0 ? _c : '', "-").concat(index),
+      key: item.date && item.cid ? "".concat(item === null || item === void 0 ? void 0 : item.date, "-").concat(item.cid) : "".concat(index),
       className: state.selectIndex === index ? 'player-current-index' : '',
       updatePlayer: function updatePlayer(player) {
         return _updatePlayer(player, index);
@@ -363,13 +364,13 @@ function RecordPlayer(_a) {
         width: screenType.width,
         height: screenType.height
       },
-      mode: (_d = state.modes[index]) !== null && _d !== void 0 ? _d : item.mode,
+      mode: (_b = state.modes[index]) !== null && _b !== void 0 ? _b : item.mode,
       fps: fps,
       fpsDelay: fpsDelay,
       httpLoading: state.winLoadingStatus[index]
     })) : /*#__PURE__*/React.createElement(FrontendPlayerWithExt, Object.assign({}, item, {
       className: state.selectIndex === index ? 'player-current-index' : '',
-      segments: ((_e = recordList[index]) === null || _e === void 0 ? void 0 : _e.segments) || [],
+      segments: ((_c = recordList[index]) === null || _c === void 0 ? void 0 : _c.segments) || [],
       updatePlayer: function updatePlayer(player) {
         return _updatePlayer(player, index);
       },
@@ -380,8 +381,8 @@ function RecordPlayer(_a) {
           });
         });
       },
-      mode: (_f = state.modes[index]) !== null && _f !== void 0 ? _f : item.mode,
-      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),
+      mode: (_d = state.modes[index]) !== null && _d !== void 0 ? _d : item.mode,
+      key: item.date && item.cid ? "".concat(item === null || item === void 0 ? void 0 : item.date, "-").concat(item.cid) : "".concat(index),
       style: {
         width: screenType.width,
         height: screenType.height

package/package.json

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