@vtx/player 1.7.19 → 1.7.21

package/lib/history-control-v2/components/panel/index.js

@@ -4,91 +4,60 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.HistoryControlV2Panel = void 0;
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _react = require("react");
-
 var _reactCollapsed = _interopRequireDefault(require("react-collapsed"));
-
 var _api = require("../../../api");
-
 var _icons = require("../../../icons");
-
 var _utils = require("../../../utils");
-
 var _context = require("../../context");
-
 var _collapse = _interopRequireDefault(require("../../images/collapse.png"));
-
 var _utils2 = require("../../utils");
-
+var _utils3 = require("@vtx/utils");
 var _ahooks = require("ahooks");
-
 var _button = _interopRequireDefault(require("antd/lib/button"));
-
 var _message = _interopRequireDefault(require("antd/lib/message"));
-
 var _table = _interopRequireDefault(require("antd/lib/table"));
-
 var _tooltip = _interopRequireDefault(require("antd/lib/tooltip"));
-
 var _moment = _interopRequireDefault(require("moment"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 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 _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 _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 _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; }
-
 var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _a;
-
   var _useContext = (0, _react.useContext)(_context.historyControlV2Context),
-      channels = _useContext.channels,
-      setChannels = _useContext.setChannels,
-      setLoading = _useContext.setLoading,
-      activeIndex = _useContext.activeIndex,
-      setActiveIndex = _useContext.setActiveIndex,
-      timeLinePosition = _useContext.timeLinePosition;
-
+    channels = _useContext.channels,
+    setChannels = _useContext.setChannels,
+    setLoading = _useContext.setLoading,
+    activeIndex = _useContext.activeIndex,
+    setActiveIndex = _useContext.setActiveIndex,
+    timeLinePosition = _useContext.timeLinePosition;
   var realChannels = channels.filter(function (item) {
     return item.channelNum !== '';
   });
   var segmentsRef = (0, _react.useRef)(null);
-
   var getRef = function getRef() {
     return segmentsRef.current;
   };
-
   var onVideoClose = props.onVideoClose;
-
   var _useCollapse = (0, _reactCollapsed["default"])({
-    defaultExpanded: true // 默认展开
-
-  }),
-      getCollapseProps = _useCollapse.getCollapseProps,
-      getToggleProps = _useCollapse.getToggleProps,
-      isExpanded = _useCollapse.isExpanded;
-
+      defaultExpanded: true // 默认展开
+    }),
+    getCollapseProps = _useCollapse.getCollapseProps,
+    getToggleProps = _useCollapse.getToggleProps,
+    isExpanded = _useCollapse.isExpanded;
   var _useRequest = (0, _ahooks.useRequest)(_api.getHistoryUrls, {
-    manual: true
-  }),
-      runAsync = _useRequest.runAsync;
-
+      manual: true
+    }),
+    runAsync = _useRequest.runAsync;
   var _useRequest2 = (0, _ahooks.useRequest)(_api.getPlaybackUrlSingle, {
-    manual: true
-  }),
-      GetHKV2Url = _useRequest2.runAsync;
-
+      manual: true
+    }),
+    GetHKV2Url = _useRequest2.runAsync;
   var columns = [{
     title: '序号',
     dataIndex: 'index',
@@ -99,14 +68,12 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     width: 90,
     render: function render(_, record, index) {
       var _a;
-
       var active = ((_a = channels === null || channels === void 0 ? void 0 : channels[activeIndex]) === null || _a === void 0 ? void 0 : _a.index) === index;
       return (0, _jsxRuntime.jsx)(_button["default"], Object.assign({
         className: "play-btn ".concat(active ? 'active' : ''),
         onClick: function onClick() {
           if (active) {
             var newChannels = _toConsumableArray(channels);
-
             newChannels[activeIndex].index = -1;
             newChannels[activeIndex].startTime = '';
             newChannels[activeIndex].endTime = '';
@@ -117,9 +84,7 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
             // eslint-disable-next-line no-inner-declarations
             var deal = function deal(url, player) {
               var realUrl = url || record.url;
-
               var newChannels = _toConsumableArray(channels);
-
               newChannels[activeIndex].index = index;
               newChannels[activeIndex].startTime = record.beginTime;
               newChannels[activeIndex].endTime = record.endTime;
@@ -128,7 +93,6 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
               newChannels[activeIndex].player = player || record.player;
               setChannels(newChannels);
             };
-
             if (record.hkType === 'HK_CAR_CLOUD_V2' || record.hkType === 'DHICC') {
               GetHKV2Url({
                 code: record.code,
@@ -136,7 +100,7 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
                 endTime: record.endTime,
                 deviceId: record.deviceId,
                 channelNum: record.channelNum,
-                tenantId: (0, _utils.getUrlParam)('tenantId')
+                tenantId: (0, _utils3.getVtxToken)('tenantId')
               }).then(function (data) {
                 deal(data.playbackUrl, (data === null || data === void 0 ? void 0 : data.player) || '');
               });
@@ -175,7 +139,8 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     title: '视频大小',
     width: 110,
     dataIndex: 'size'
-  } // {
+  }
+  // {
   //     title: '操作',
   //     width: 60,
   //     dataIndex: 'operation',
@@ -192,7 +157,6 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
   //     },
   // },
   ];
-
   var loadData = function loadData(channel) {
     setLoading(true);
     runAsync({
@@ -200,19 +164,16 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
       protocol: channel.protocol,
       beginTime: channel.beginTime,
       endTime: channel.endTime,
-      token: (0, _utils.getUrlParam)('token')
+      token: (0, _utils3.getVtxToken)('token')
     }).then(function (res) {
       if (Array.isArray(res)) {
         if (res.length > 25) {
           _message["default"].info('最多播放25个视频通道');
         }
-
         var newIds = _toConsumableArray(res).map(function (item) {
           return "".concat(item.deviceId).concat(item.channelNum);
         });
-
         var newChannels = _toConsumableArray(channels);
-
         channels.map(function (item, index) {
           if (!newIds.includes("".concat(item.deviceId).concat(item.channelNum))) {
             newChannels[index] = Object.assign({
@@ -221,12 +182,11 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
           }
         });
         var fetchArr = [],
-            fetchIndexArr = [];
+          fetchIndexArr = [];
         res.filter(function (item, index) {
           return index < 25;
         }).map(function (item) {
           var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-
           if (item.player === 'icc_ws') {
             var channelIndex = newChannels.findIndex(function (v) {
               return !v.url;
@@ -249,25 +209,20 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
            * 优化第一条数据的开始时间不要早于请求的开始时间
            * 最后一条的结束时间不要晚于请求的结束时间
            */
-
-
           if ((_a = item.list) === null || _a === void 0 ? void 0 : _a.length) {
             if ((0, _moment["default"])((_c = (_b = item.list) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.beginTime).diff((0, _moment["default"])(channel.beginTime), 'seconds') < 0) {
               item.list[0].beginTime = channel.beginTime;
             }
-
             if ((0, _moment["default"])((_e = (_d = item.list) === null || _d === void 0 ? void 0 : _d[item.list.length - 1]) === null || _e === void 0 ? void 0 : _e.endTime).diff((0, _moment["default"])(channel.endTime), 'seconds') > 0) {
               item.list[item.list.length - 1].endTime = channel.endTime;
             }
           }
-
           var result = newChannels.find(function (citem) {
             return citem.deviceId === item.deviceId && citem.channelNum === item.channelNum;
           });
-
           if (result) {
-            var isClose = newChannels[result.channelIndex].index === -1 && newChannels[result.channelIndex].tagId === ''; // 过滤跨天的数据
-
+            var isClose = newChannels[result.channelIndex].index === -1 && newChannels[result.channelIndex].tagId === '';
+            // 过滤跨天的数据
             item.list = (_g = (_f = item.list) === null || _f === void 0 ? void 0 : _f.filter) === null || _g === void 0 ? void 0 : _g.call(_f, function (e) {
               return e.beginTime.slice(0, 10) === e.endTime.slice(0, 10);
             });
@@ -283,15 +238,12 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
             var _channelIndex = (_o = (_m = newChannels.filter(function (item) {
               return item.channelNum === '';
             })) === null || _m === void 0 ? void 0 : _m[0]) === null || _o === void 0 ? void 0 : _o.channelIndex;
-
             if (typeof _channelIndex == 'number') {
               // 过滤跨天的数据
               item.list = (_q = (_p = item.list) === null || _p === void 0 ? void 0 : _p.filter) === null || _q === void 0 ? void 0 : _q.call(_p, function (e) {
                 return e.beginTime.slice(0, 10) === e.endTime.slice(0, 10);
               });
-
               var _data = (0, _utils2.getChannelData)(item, channel);
-
               if (_data.hkType === 'HK_CAR_CLOUD_V2') {
                 fetchArr.push(GetHKV2Url({
                   code: _data.code,
@@ -299,11 +251,10 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
                   endTime: _data.endTime,
                   deviceId: _data.deviceId,
                   channelNum: _data.channelNum,
-                  tenantId: (0, _utils.getUrlParam)('tenantId')
+                  tenantId: (0, _utils3.getVtxToken)('tenantId')
                 }));
                 fetchIndexArr.push(_channelIndex);
               }
-
               newChannels[_channelIndex] = Object.assign(Object.assign({}, newChannels[_channelIndex]), _data);
             } else {
               _message["default"].error('没有多余的播放位置');
@@ -311,7 +262,6 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
           }
         });
         console.log(newChannels);
-
         if (fetchArr.length) {
           Promise.all(fetchArr).then(function (data) {
             data.forEach(function (e, index) {
@@ -328,11 +278,9 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
       } else {
         _message["default"].info('未查询到视频');
       }
-
       setLoading(false);
     });
   };
-
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       load: function load(channel) {
@@ -373,7 +321,6 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
                 channelName: channels === null || channels === void 0 ? void 0 : channels[activeIndex].channelName,
                 onClick: function onClick(index, startTime, endTime) {
                   var newChannels = _toConsumableArray(channels);
-
                   newChannels[activeIndex] = Object.assign(Object.assign({}, newChannels[activeIndex]), {
                     index: index,
                     startTime: (0, _moment["default"])(startTime).format(_utils.TimeFormat.params),
@@ -410,9 +357,10 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
                   return (0, _jsxRuntime.jsx)("div", Object.assign({
                     className: "".concat(activeIndex == index ? 'panels-left-content-active' : '', " panels-left-content"),
                     onClick: function onClick() {
-                      setActiveIndex(item.channelIndex); // icc_ws直接播放
-
-                      if (item.player === 'icc_ws') {//
+                      setActiveIndex(item.channelIndex);
+                      // icc_ws直接播放
+                      if (item.player === 'icc_ws') {
+                        //
                       }
                     }
                   }, {
@@ -446,7 +394,6 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
                 },
                 rowClassName: function rowClassName(_, index) {
                   var _a;
-
                   return index === ((_a = channels === null || channels === void 0 ? void 0 : channels[activeIndex]) === null || _a === void 0 ? void 0 : _a.index) ? 'active' : '';
                 }
               })
@@ -458,12 +405,10 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
   });
 });
 exports.HistoryControlV2Panel = HistoryControlV2Panel;
-
 var TimeLine = function TimeLine() {
   var getSplitLines = function getSplitLines() {
     var result = [];
     var step = 100 / 24;
-
     for (var i = 0; i < 25; i++) {
       var element = (0, _jsxRuntime.jsx)("div", Object.assign({
         className: "line",
@@ -479,10 +424,8 @@ var TimeLine = function TimeLine() {
       }), i);
       result.push(element);
     }
-
     return result;
   };
-
   return (0, _jsxRuntime.jsxs)("div", Object.assign({
     className: "time-axis"
   }, {
@@ -495,46 +438,39 @@ var TimeLine = function TimeLine() {
     }))]
   }));
 };
-
 var ONEDAY_MILL = 24 * 60 * 60 * 1000;
-
 var TimeVerticalLine = function TimeVerticalLine(_ref) {
   var getRef = _ref.getRef,
-      history = _ref.history,
-      _onClick = _ref.onClick,
-      channelName = _ref.channelName;
-
+    history = _ref.history,
+    _onClick = _ref.onClick,
+    channelName = _ref.channelName;
   var _a;
-
   var mouse = (0, _ahooks.useMouse)(getRef());
   var elementX = mouse.elementX,
-      elementY = mouse.elementY,
-      elementW = mouse.elementW,
-      elementH = mouse.elementH;
-  var visible = elementX >= 0 && elementY >= 0 && elementX <= elementW && elementY <= elementH; // 计算elementX在整个宽度的占比，根据占比在一天中的比例算出具体时间，最后判断这个时间是否在某段视频中。在则显示提示时间。
-
+    elementY = mouse.elementY,
+    elementW = mouse.elementW,
+    elementH = mouse.elementH;
+  var visible = elementX >= 0 && elementY >= 0 && elementX <= elementW && elementY <= elementH;
+  // 计算elementX在整个宽度的占比，根据占比在一天中的比例算出具体时间，最后判断这个时间是否在某段视频中。在则显示提示时间。
   var percent = elementX / elementW;
   var time = (0, _moment["default"])((0, _moment["default"])(history.start).valueOf() + percent * ONEDAY_MILL).format(_utils.TimeFormat.params);
   var flag = false,
-      playStart = -1,
-      playEnd = -1,
-      index = -1;
+    playStart = -1,
+    playEnd = -1,
+    index = -1;
   var now = (0, _moment["default"])(time).valueOf();
-
   for (var i = 0; i < ((_a = history.list) === null || _a === void 0 ? void 0 : _a.length); i++) {
     var begin = (0, _moment["default"])(history.list[i].beginTime).valueOf(),
-        end = (0, _moment["default"])(history.list[i].endTime).valueOf();
-
+      end = (0, _moment["default"])(history.list[i].endTime).valueOf();
     if (now >= begin && now <= end) {
-      index = i; // url = history.list[i].playbackUrl;
-
+      index = i;
+      // url = history.list[i].playbackUrl;
       playStart = now;
       playEnd = end;
       flag = true;
       break;
     }
   }
-
   return visible ? flag ? (0, _jsxRuntime.jsx)(_tooltip["default"], Object.assign({
     title: "".concat(channelName || '', "  ").concat(time)
   }, {
@@ -557,25 +493,20 @@ var TimeVerticalLine = function TimeVerticalLine(_ref) {
     }
   }) : (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
 };
-
 var getSegments = function getSegments(props) {
   var _props$list = props.list,
-      list = _props$list === void 0 ? [] : _props$list,
-      start = props.start,
-      end = props.end;
+    list = _props$list === void 0 ? [] : _props$list,
+    start = props.start,
+    end = props.end;
   var startTime = (0, _moment["default"])(start);
   var endTime = (0, _moment["default"])(end);
   var total = endTime.diff(startTime, 'seconds'); // 总时间
-
   var result = list === null || list === void 0 ? void 0 : list.map(function (i, index) {
     var itemStart = (0, _moment["default"])(i.beginTime).diff(startTime, 'seconds') > 0 ? (0, _moment["default"])(i.beginTime) : startTime;
     var itemEnd = (0, _moment["default"])(i.endTime);
     var itemTotal = itemEnd.diff(itemStart, 'seconds'); // 分段总时间
-
     var width = itemTotal / total * 100; // 分段时间占总时间百分比
-
     var left = itemStart.diff(startTime, 'seconds') / total * 100; // 分段其实时间
-
     return (0, _jsxRuntime.jsx)("div", {
       className: "segment",
       style: {
@@ -586,7 +517,6 @@ var getSegments = function getSegments(props) {
   });
   return result;
 };
-
 HistoryControlV2Panel.displayName = 'HistoryControlV2Panel';
 var _default = HistoryControlV2Panel;
 exports["default"] = _default;