@uni-sw/u-design 2.0.4

package/es/components/UVideo/UVideo.js

@@ -0,0 +1,1530 @@
+var _excluded = ["interfaceName", "paramType"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+import React, { Component } from 'react';
+import classNames from 'classnames';
+import { _getUrlParamWithoutHash, v5Token } from "../../globalFunc";
+import GlobalFunc from "./InitFunc/GlobalFunc";
+import { SWRestful } from "../../http";
+import { HideDivClass, hideDivElement } from "./HideDiv";
+import { loadScript, decrypt, queryVMSdkType, queryLocalSettingInfo } from "./toolsFunc/ToolsFunc";
+import List from "../UList";
+import UModal from "../UModal";
+import UMessageBox from "../UMessageBox";
+import UButton from "../UButton";
+import UPanel from "../UPanel";
+import UResTree from "../UResTree";
+import UTreeIcon from "./Tree/UTreeIcon";
+import VideoLive from "./VideoLive/VideoLive";
+import VideoReply from "./VideoReply/VideoReply";
+import VmsVideoLive from "./VmsVideoLive/VmsVideoLive";
+import VmsVideoReplay from "./VmsVideoReply/VmsVideoReplay";
+import { CUSTOM_PREFIX } from "../../globalVarious";
+import "./Tree/treeIcon.less";
+import "./index.less";
+var U_RES_TYPE_E = UResTree.U_RES_TYPE_E;
+var USider = UPanel.USider,
+  UContent = UPanel.UContent;
+var UVideo = /*#__PURE__*/function (_Component) {
+  function UVideo(props) {
+    var _this;
+    _classCallCheck(this, UVideo);
+    _this = _callSuper(this, UVideo, [props]);
+    //框架下发iframe偏移量消息
+    _this._resolveMessage = function (e) {
+      var _this$props = _this.props,
+        playerTitle = _this$props.playerTitle,
+        playerOffSet = _this$props.playerOffSet,
+        _this$props$isGlobalV = _this$props.isGlobalVideo,
+        isGlobalVideo = _this$props$isGlobalV === void 0 ? true : _this$props$isGlobalV;
+      // 主题切换悬浮控件适配偏移量(portal中的消息类型)
+      if (_this.state.innerVMSdkType === 'imosPlayer' && e.data && e.data.source && e.data.source === 'floatInfo') {
+        var message = e.data.message;
+        if (message && message.position) {
+          var _message$position = message.position,
+            _message$position$x = _message$position.x,
+            x = _message$position$x === void 0 ? 0 : _message$position$x,
+            _message$position$y = _message$position.y,
+            y = _message$position$y === void 0 ? 64 : _message$position$y;
+          if (!playerOffSet) {
+            console.log('UVideo-------------------框架主题改变重新下发悬浮控件playerOffSet：', message.position, [x, y]);
+            window.imosPlayer.changeSpySetting({
+              title: playerTitle || _this.title,
+              offset: [x, y]
+            });
+          }
+          // 为了适配国产系统实况画面偏移问题，需要再调用设置窗口参数的方法
+          if (message.windowParams) {
+            console.log('UVideo------------------设置窗口宽高参数：', message.windowParams);
+            window.imosPlayer.setWindowParams(message.windowParams);
+          }
+        }
+      }
+      //三四级菜单框架发送的悬浮偏移量和title变化消息
+      if (_this.state.innerVMSdkType === 'imosPlayer' && e.data && e.data.eventName) {
+        var _e$data = e.data,
+          _message = _e$data.message,
+          eventName = _e$data.eventName;
+        if (_message) {
+          if (eventName === 'getOffset') {
+            //三四级菜单收起和展开时偏移量消息
+            var _message$x = _message.x,
+              _x = _message$x === void 0 ? 0 : _message$x,
+              _message$y = _message.y,
+              _y = _message$y === void 0 ? 64 : _message$y;
+            if (!playerOffSet) {
+              console.log('UVideo-------------------框架主题改变重新下发悬浮控件getOffset：', _message, [_x, _y]);
+              window.imosPlayer.changeSpySetting({
+                title: playerTitle || _this.title,
+                offset: [_x, _y]
+              });
+            }
+          } else if (eventName === 'getTitle') {
+            //三四级菜单框架下title变更消息（micro-app中业务）
+            if (!playerTitle && isGlobalVideo) {
+              console.log('UVideo-------------------框架主题改变重新下发悬浮控件getTitle：', _message);
+              window.imosPlayer.changeSpySetting({
+                title: _message
+              });
+            }
+          }
+        }
+      }
+    };
+    //#region 初始化相关操作
+    // 查询中台类型并初始化播放器
+    _this._queryPlatformType = /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(platformType) {
+        var _this$props2, VMSdkType, textLocale, formType, params, result, resInfo, afterLoadSdk, _type, _type2, _t;
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.p = _context.n) {
+            case 0:
+              _this$props2 = _this.props, VMSdkType = _this$props2.VMSdkType, textLocale = _this$props2.textLocale;
+              formType = platformType;
+              if (formType) {
+                _context.n = 4;
+                break;
+              }
+              // 初始化，查询中台类型与信息等
+              console.log('UVideo-------------------开始查询中台类型');
+              params = {
+                url: '/UNIFIED/sw/enable/multi/user/system',
+                method: 'GET'
+              };
+              _context.n = 1;
+              return SWRestful.fetch(params).catch(function (err) {
+                console.error(err);
+              });
+            case 1:
+              result = _context.v;
+              resInfo = result.data;
+              console.log('UVideo-------------------查询中台信息Info： ', resInfo);
+              if (!(resInfo.errCode !== 0)) {
+                _context.n = 2;
+                break;
+              }
+              console.error('获取视频管理平台类型失败', resInfo);
+              UMessageBox.error(textLocale.queryPlatformTypeFail);
+              return _context.a(2);
+            case 2:
+              formType = resInfo.result.multiUserSystem;
+              _this.setState({
+                innerPlatFormType: resInfo.result.multiUserSystem,
+                innerVMSPlatFormLoginInfo: resInfo.result.multiUserSystem === 3 ? {
+                  vmsIP: resInfo.result.platform,
+                  vmsUser: resInfo.result.userName,
+                  vmsPassword: decrypt(resInfo.result.pwd) // 保存明文密码
+                } : undefined
+              });
+            case 3:
+              _context.n = 5;
+              break;
+            case 4:
+              // 初始化播放器
+              console.log('UVideo-------------------已指定中台类型，开始初始化播放器', platformType);
+              _this.setState({
+                innerPlatFormType: platformType
+              });
+            case 5:
+              if (!(formType === 1)) {
+                _context.n = 13;
+                break;
+              }
+              // VM中台
+              // 播放器初始化完成后调用
+              afterLoadSdk = function afterLoadSdk(type) {
+                console.log('UVideo-------------------播放器类型', type);
+                _this.setState({
+                  sdkLoaded: true,
+                  innerVMSdkType: type
+                }, function () {
+                  _this._afterInitSuccess(); // 外部传入的初始化成功函数调用
+                });
+              };
+              if (!(VMSdkType === 'imosSdk')) {
+                _context.n = 6;
+                break;
+              }
+              // 外部传入播放器拼接方案，初始化imosSdk
+              _this._loadImosSdk(function () {
+                afterLoadSdk(VMSdkType);
+              });
+              _context.n = 13;
+              break;
+            case 6:
+              if (!(VMSdkType === 'imosPlayer')) {
+                _context.n = 7;
+                break;
+              }
+              // 外部传入播放器悬浮控件方案，初始化imosPlayer
+              _this._loadImosPlayer(function () {
+                afterLoadSdk(VMSdkType);
+              });
+              _context.n = 13;
+              break;
+            case 7:
+              if (!(VMSdkType === 'auto')) {
+                _context.n = 12;
+                break;
+              }
+              _context.p = 8;
+              _context.n = 9;
+              return queryVMSdkType();
+            case 9:
+              _type = _context.v;
+              if (_type === 'imosSdk') {
+                _this._loadImosSdk(function () {
+                  afterLoadSdk(_type);
+                });
+              } else {
+                _this._loadImosPlayer(function () {
+                  afterLoadSdk(_type);
+                });
+              }
+              _context.n = 11;
+              break;
+            case 10:
+              _context.p = 10;
+              _t = _context.v;
+              console.log('UVideo-------------------查询播放器类型失败，加载imosSdk方案, error：', _t);
+              _this._loadImosSdk(function () {
+                afterLoadSdk(type);
+              });
+            case 11:
+              _context.n = 13;
+              break;
+            case 12:
+              // 外部未指定，或传入的方案有误，用拼接方案，避免其他部门在全局配置为悬浮时没有适配挖孔导致的问题，并初始化相应类型插件
+              try {
+                // let type = await queryVMSdkType();
+                // if (type === 'imosSdk') {
+                //     this._loadImosSdk(() => {
+                //         afterLoadSdk(type);
+                //     });
+                // } else {
+                //     this._loadImosPlayer(() => {
+                //         afterLoadSdk(type);
+                //     });
+                // }
+                _type2 = 'imosSdk';
+                _this._loadImosSdk(function () {
+                  afterLoadSdk(_type2);
+                });
+              } catch (error) {
+                console.log('UVideo-------------------查询播放器类型失败，加载imosSdk方案, error：', error);
+                _this._loadImosSdk(function () {
+                  afterLoadSdk(type);
+                });
+              }
+            case 13:
+              return _context.a(2);
+          }
+        }, _callee, null, [[8, 10]]);
+      }));
+      return function (_x2) {
+        return _ref.apply(this, arguments);
+      };
+    }();
+    // 外部指定中台类型，直接初始化播放器(目前只支持VM中台)
+    _this.appointPlatformType = function () {
+      var VMSdkType = _this.props.VMSdkType;
+      // 记录中台类型
+      _this.setState({
+        innerPlatFormType: 1
+      });
+      // 播放器初始化完成后调用
+      var afterLoadSdk = function afterLoadSdk(type) {
+        console.log('UVideo-------------------播放器类型', type);
+        _this.setState({
+          sdkLoaded: true,
+          innerVMSdkType: type
+        }, function () {
+          _this._afterInitSuccess(); // 外部传入的初始化成功函数调用
+        });
+      };
+      if (VMSdkType === 'imosSdk') {
+        // 外部传入播放器拼接方案，初始化imosSdk
+        _this._loadImosSdk(function () {
+          afterLoadSdk(VMSdkType);
+        });
+      } else if (VMSdkType === 'imosPlayer') {
+        // 外部传入播放器悬浮控件方案，初始化imosPlayer
+        _this._loadImosPlayer(function () {
+          afterLoadSdk(VMSdkType);
+        });
+      } else {
+        var _type3 = 'imosSdk';
+        _this._loadImosSdk(function () {
+          afterLoadSdk(_type3);
+        });
+      }
+    };
+    /**
+     * 获取端口信息
+     */
+    _this._getPortInfo = function () {
+      var _this$props3 = _this.props,
+        VMIP = _this$props3.VMIP,
+        _this$props3$isPortAg = _this$props3.isPortAggregation,
+        isPortAggregation = _this$props3$isPortAg === void 0 ? false : _this$props3$isPortAg;
+      // ums端口聚合使用sw框架的端口
+      if (isPortAggregation) {
+        return _this._getSWPort();
+      } else {
+        return VMIP ? 8093 : 4706;
+      }
+    };
+    /**
+     * 获取加载ip信息
+     */
+    _this._getIpInfo = function () {
+      var _this$props4 = _this.props,
+        VMIP = _this$props4.VMIP,
+        _this$props4$isPortAg = _this$props4.isPortAggregation,
+        isPortAggregation = _this$props4$isPortAg === void 0 ? false : _this$props4$isPortAg;
+      // ums端口聚合使用sw框架的端口
+      if (isPortAggregation) {
+        return _this.newInfo.nginxIp;
+      } else {
+        return VMIP ? VMIP : _this.newInfo.nginxIp;
+      }
+    };
+    /**
+     * 加载imosSdk.min.js文件或imosPlayer.min.js文件路径
+     */
+    _this._getLoadJsInfo = function () {
+      var _this$props5 = _this.props,
+        VMIP = _this$props5.VMIP,
+        _this$props5$isPortAg = _this$props5.isPortAggregation,
+        isPortAggregation = _this$props5$isPortAg === void 0 ? false : _this$props5$isPortAg;
+      if (isPortAggregation) {
+        return "".concat(window.location.origin, "/vmGenericProxyServer");
+      } else if (VMIP) {
+        return "".concat(window.location.protocol, "//").concat(VMIP, ":8093");
+      } else {
+        return "".concat(window.location.protocol, "//").concat(_this.newInfo.nginxIp, ":4706");
+      }
+    };
+    // 加载imosSdk，外部加载过就不加载，外部init过就不init了
+    _this._loadImosSdk = function (callback) {
+      var _this$props6 = _this.props,
+        VMIP = _this$props6.VMIP,
+        V5Token = _this$props6.V5Token,
+        isForce2WASM = _this$props6.isForce2WASM;
+      var initImosSdk = /*#__PURE__*/function () {
+        var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+          return _regenerator().w(function (_context2) {
+            while (1) switch (_context2.n) {
+              case 0:
+                window.imosSdk.setLinkPort(_this._getPortInfo());
+                if (isForce2WASM && window.imosSdk.force2WASM) {
+                  window.imosSdk.force2WASM();
+                }
+                console.log('UVideo-------------------ImosSdk初始参数ip： ', _this._getIpInfo());
+                console.log('UVideo-------------------ImosSdk初始参数token： ', V5Token || _this.v5Token);
+                window.imosSdk.init(_this._getIpInfo(), V5Token || _this.v5Token, 16, '', false).then(function () {
+                  console.log('UVideo-------------------组件初始化ImosSdk成功');
+                  if (typeof callback === 'function') {
+                    callback();
+                  }
+                }).catch(function () {
+                  console.log('UVideo-------------------组件初始化ImosSdk失败');
+                  console.error('loadVideoSdk fail');
+                });
+              case 1:
+                return _context2.a(2);
+            }
+          }, _callee2);
+        }));
+        return function initImosSdk() {
+          return _ref2.apply(this, arguments);
+        };
+      }();
+      if (window.imosSdk) {
+        // 判断window上是否已有imosSdk
+        if (window.imosSdk.checkInit()) {
+          // 判断imosSdk是否初始化
+          console.log('UVideo-------------------ImosSdk已由组件外部加载并初始化，组件直接使用');
+          callback();
+        } else {
+          console.log('UVideo-------------------ImosSdk已加载，但还未初始化，组件开始初始化');
+          initImosSdk();
+        }
+      } else {
+        console.log('UVideo-------------------ImosSdk开始加载并且初始化');
+        var loadUrl = "".concat(_this._getLoadJsInfo(), "/static/imosSdk.min.js");
+        loadScript(loadUrl, function () {
+          initImosSdk();
+        });
+      }
+    };
+    /**
+     * 加载imosPlayer，外部加载过就不加载，外部init过就不init了
+     */
+    _this._loadImosPlayer = function (callback) {
+      var _this$props7 = _this.props,
+        isForce2WASM = _this$props7.isForce2WASM,
+        VMIP = _this$props7.VMIP,
+        playerOffSet = _this$props7.playerOffSet,
+        playerTitle = _this$props7.playerTitle,
+        playerListenerPath = _this$props7.playerListenerPath,
+        V5Token = _this$props7.V5Token,
+        _this$props7$isTopIfr = _this$props7.isTopIframe,
+        isTopIframe = _this$props7$isTopIfr === void 0 ? false : _this$props7$isTopIfr;
+      var offset = playerOffSet || _this.offset || (isTopIframe ? [0, 0] : [0, 64]);
+      var initImosPlayer = function initImosPlayer() {
+        window.imosPlayer.setLinkPort(_this._getPortInfo()); // 设置通信端口
+        if (isForce2WASM && window.imosPlayer.force2WASM) {
+          //是否走免控件流程
+          window.imosPlayer.force2WASM();
+        }
+        var listenerPath = window.imosPlayer.getUniqueID(); // 生成广播路径随机值
+        console.log('UVideo-------------------ImosPlayer初始参数ip： ', _this._getIpInfo());
+        console.log('UVideo-------------------ImosPlayer初始参数token： ', V5Token, _this.v5Token, V5Token || _this.v5Token);
+        console.log('UVideo-------------------ImosPlayer初始参数offset： ', playerOffSet, offset);
+        console.log('UVideo-------------------ImosPlayer初始参数title： ', playerTitle, _this.title, playerTitle || _this.title);
+        console.log('UVideo-------------------ImosPlayer初始参数voidListenerPath： ', isTopIframe ? "\\".concat(playerListenerPath !== null && playerListenerPath !== void 0 ? playerListenerPath : _this.voidPath) : "\\".concat(playerListenerPath !== null && playerListenerPath !== void 0 ? playerListenerPath : _this.voidPath, "\\").concat(listenerPath));
+        window.imosPlayer.init({
+          ip: _this._getIpInfo(),
+          token: V5Token || _this.v5Token,
+          offset: offset,
+          title: playerTitle || _this.title,
+          voidListenerPath: isTopIframe ? "\\".concat(playerListenerPath !== null && playerListenerPath !== void 0 ? playerListenerPath : _this.voidPath) : "\\".concat(playerListenerPath !== null && playerListenerPath !== void 0 ? playerListenerPath : _this.voidPath, "\\").concat(listenerPath)
+        }).then(function () {
+          console.log('UVideo-------------------ImosPlayer初始化成功');
+          if (typeof callback === 'function') {
+            callback();
+          }
+        }).catch(function () {
+          console.log('UVideo-------------------ImosPlayer初始化失败');
+          console.error('loadVideoPlayerSdk fail');
+        });
+      };
+      if (window.imosPlayer) {
+        // 判断window上是否已有imosPlayer
+        if (window.imosPlayer.checkInit()) {
+          // 判断imosPlayer是否初始化
+          console.log('UVideo-------------------ImosPlayer已在组件外部加载并且初始化');
+          if (playerTitle && playerOffSet) {
+            console.log('UVideo-------------------ImosPlayer根据组件属性重新下发title和offset', playerTitle, playerOffSet);
+            window.imosPlayer.changeSpySetting({
+              //对已经初始化过的悬浮控件重新下发追踪参数 title等 title必填，其余选填
+              title: playerTitle || _this.title,
+              offset: offset
+            });
+          }
+          callback();
+        } else {
+          console.log('UVideo-------------------ImosPlayer已加载，但还未初始化，组件开始初始化');
+          initImosPlayer();
+        }
+      } else {
+        console.log('UVideo-------------------ImosPlayer开始加载并且初始化');
+        var loadUrl = "".concat(_this._getLoadJsInfo(), "/static/imosPlayer.min.js");
+        loadScript(loadUrl, function () {
+          initImosPlayer();
+        });
+      }
+    };
+    //设置悬浮控件受限区域的方法
+    _this.setImosPlayerLimitDom = function (videoClassName, limitDomArray) {
+      window.imosPlayer && window.imosPlayer.setViewDomByClassName({
+        className: videoClassName,
+        doms: limitDomArray
+      });
+    };
+    //下发播放器媒体流协议配置(imosSdk和imosPlayer)
+    _this.setImosMediaConfig = function (localConfig) {
+      if (!localConfig || localConfig === {}) {
+        return;
+      }
+      var innerVMSdkType = _this.state.innerVMSdkType;
+      if (window[innerVMSdkType]) {
+        var configKeys = Object.keys(localConfig);
+        var mediaTransformProtocal = localConfig.mediaTransformProtocal,
+          _localConfig$mediaTra = localConfig.mediaTransformServer,
+          mediaTransformServer = _localConfig$mediaTra === void 0 ? false : _localConfig$mediaTra,
+          videoReplayTransform = localConfig.videoReplayTransform,
+          _localConfig$replayOr = localConfig.replayOrLiveServer,
+          replayOrLiveServer = _localConfig$replayOr === void 0 ? false : _localConfig$replayOr,
+          _localConfig$antiLose = localConfig.antiLose,
+          antiLose = _localConfig$antiLose === void 0 ? true : _localConfig$antiLose,
+          _localConfig$randomDe = localConfig.randomDeal,
+          randomDeal = _localConfig$randomDe === void 0 ? true : _localConfig$randomDe,
+          dealModal = localConfig.dealModal;
+        configKeys.includes('mediaTransformProtocal') && configKeys.includes('mediaTransformServer') && window[innerVMSdkType].setLiveNetLinkMode(mediaTransformProtocal, mediaTransformServer); // 实况网络连接形式
+        configKeys.includes('videoReplayTransform') && configKeys.includes('replayOrLiveServer') && window[innerVMSdkType].setReplayNetLinkMode(videoReplayTransform, replayOrLiveServer); // 回放网络连接形式
+        configKeys.includes('antiLose') && configKeys.includes('randomDeal') && window[innerVMSdkType].setNetResistance(antiLose, randomDeal); // 设置网络抗丢包与乱序整理
+        configKeys.includes('dealModal') && typeof dealModal === 'number' && window[innerVMSdkType].setPictureFluency(dealModal); // 设置播放图像流畅性或实时性
+        (configKeys.includes('antiLose') || configKeys.includes('randomDeal') || configKeys.includes('dealModal') && typeof dealModal === 'number') && window[innerVMSdkType].sendWebPlayerCfg(); // 下发本地加速器绘制配置
+      }
+    };
+    // 初始化完成后，下发媒体配置以及挖孔
+    _this._afterInitSuccess = function () {
+      var _this$props8 = _this.props,
+        initSuccessCallback = _this$props8.initSuccessCallback,
+        defaultDigClassName = _this$props8.defaultDigClassName,
+        digClassName = _this$props8.digClassName,
+        excludeDigClassName = _this$props8.excludeDigClassName,
+        _this$props8$voidClas = _this$props8.voidClassName,
+        voidClassName = _this$props8$voidClas === void 0 ? 'uvideo-pluginVideo-show3' : _this$props8$voidClas,
+        imosPlayerLimitDom = _this$props8.imosPlayerLimitDom,
+        localConfig = _this$props8.localConfig,
+        digTime = _this$props8.digTime,
+        isTopIframe = _this$props8.isTopIframe,
+        mediaConfig = _this$props8.mediaConfig;
+      var _this$state = _this.state,
+        innerPlatFormType = _this$state.innerPlatFormType,
+        innerVMSdkType = _this$state.innerVMSdkType;
+      if (innerPlatFormType !== 1) {
+        return;
+      }
+
+      //下发播放器媒体流协议配置，用于sw适配vm，配置信息保存在sw数据表
+      if (localConfig) {
+        console.log('UVideo-------------------下发组件属性传入的播放器本地配置', localConfig);
+        _this.setImosMediaConfig(localConfig);
+      } else {
+        // 查询播放器本地配置信息
+        queryLocalSettingInfo(function (localArray) {
+          localArray.forEach(function (item) {
+            switch (item.name) {
+              case 'mediaTransformProtocal':
+                _this.localConfig[item.name] = item.value === '0' ? 'auto' : 'tcp';
+                break;
+              case 'mediaTransformServer':
+                _this.localConfig[item.name] = item.value === '0' ? true : false;
+                break;
+              case 'videoReplayTransform':
+                _this.localConfig[item.name] = item.value === '0' ? 'udp' : 'tcp';
+                break;
+              case 'replayOrLiveServer':
+                _this.localConfig[item.name] = item.value === '0' ? false : true;
+                break;
+              case 'dealModal':
+                _this.localConfig[item.name] = Number(item.value);
+                break;
+              case 'randomDeal':
+                _this.localConfig[item.name] = item.value === 'true' ? true : false;
+                break;
+              case 'antiLose':
+                _this.localConfig[item.name] = item.value === 'true' ? true : false;
+                break;
+              default:
+                break;
+            }
+          });
+          if (Object.keys(_this.localConfig).length > 0) {
+            console.log('UVideo-------------------下发查询到的播放器本地配置', _this.localConfig);
+            _this.setImosMediaConfig(_this.localConfig);
+          }
+        });
+      }
+
+      //属性下发相关媒体配置的配置项在这里进行下发，适用于业务侧拿到配置传进来
+      if (mediaConfig) {
+        var shotConfig = mediaConfig.shotConfig,
+          recordConfig = mediaConfig.recordConfig;
+        if (shotConfig) {
+          var _window$innerVMSdkTyp, _window$innerVMSdkTyp2, _window$innerVMSdkTyp3;
+          console.log('UVideo-------------------属性下发播放器抓拍配置：', shotConfig);
+          var shotInterval = shotConfig.shotInterval,
+            shotNumber = shotConfig.shotNumber,
+            shotFormat = shotConfig.shotFormat;
+          (_window$innerVMSdkTyp = window[innerVMSdkType]) === null || _window$innerVMSdkTyp === void 0 ? void 0 : _window$innerVMSdkTyp.setCaptureInterval(shotInterval * 1000);
+          (_window$innerVMSdkTyp2 = window[innerVMSdkType]) === null || _window$innerVMSdkTyp2 === void 0 ? void 0 : _window$innerVMSdkTyp2.setCaptureMaxNum(shotNumber);
+          (_window$innerVMSdkTyp3 = window[innerVMSdkType]) === null || _window$innerVMSdkTyp3 === void 0 ? void 0 : _window$innerVMSdkTyp3.setCaptureType(shotFormat === 1 ? 'image/png' : 'image/jpeg');
+        }
+        if (recordConfig) {
+          var _window$innerVMSdkTyp4;
+          console.log('UVideo-------------------属性下发录屏的文件类型：', recordConfig);
+          var localRecordFormat = recordConfig.localRecordFormat;
+          (_window$innerVMSdkTyp4 = window[innerVMSdkType]) === null || _window$innerVMSdkTyp4 === void 0 ? void 0 : _window$innerVMSdkTyp4.setDefaultRecordVideoExt(localRecordFormat === 1 ? 0 : 3);
+        }
+        if (!!(mediaConfig === null || mediaConfig === void 0 ? void 0 : mediaConfig.loginMode) && (mediaConfig === null || mediaConfig === void 0 ? void 0 : mediaConfig.loginMode) === 'cloud') {
+          var _window$innerVMSdkTyp5;
+          var swIp = mediaConfig.swIp,
+            rtspPort = mediaConfig.rtspPort;
+          console.log('UVideo-------------------p2p播放时下发ip与端口给播放器：', swIp, rtspPort);
+          (_window$innerVMSdkTyp5 = window[innerVMSdkType]) === null || _window$innerVMSdkTyp5 === void 0 ? void 0 : _window$innerVMSdkTyp5.p2pInit(swIp || '', rtspPort || '', true);
+        }
+      }
+      if (innerVMSdkType === 'imosPlayer') {
+        //向框架发送要获取偏移量的消息来触发重新下发偏移量
+        window.parent.postMessage({
+          message: 'getOffset'
+        }, '*');
+      }
+      setTimeout(function () {
+        if (innerVMSdkType === 'imosPlayer') {
+          // VM中台时，才会执行以下两个悬浮控件操作
+          hideDivElement({
+            defaultDigClassName: defaultDigClassName,
+            digClassName: digClassName,
+            excludeDigClassName: excludeDigClassName,
+            voidClassName: voidClassName,
+            times: digTime,
+            isTopIframe: isTopIframe
+          }); // 对外部传入的类名进行挖孔
+          imosPlayerLimitDom && _this.setImosPlayerLimitDom(voidClassName, imosPlayerLimitDom); // 限制悬浮控件区域
+        }
+        typeof initSuccessCallback === 'function' && initSuccessCallback(); // 调用外部传入的回调函数 initSuccessCallback
+      }, 1000);
+
+      //根据业务菜单url中指定的多语言类型下发到播放器
+      var languageType = _getUrlParamWithoutHash('languageTypeData');
+      switch (languageType) {
+        case 'zh_cn':
+          _this.useGloalImosInterface({
+            interfaceName: 'setLanguage',
+            language: 'zh'
+          });
+          return;
+        case 'en_us':
+          _this.useGloalImosInterface({
+            interfaceName: 'setLanguage',
+            language: 'en'
+          });
+          return;
+        default:
+          return null;
+      }
+    };
+    //#endregion
+    //#region 列表模式、资源树模式的操作
+    //资源树双击播放 (用户双击资源树节点时，资源树组件调用)
+    _this._doubleClickTree = function (event, item) {
+      var resType = item.resourceInfo.resType;
+      switch (resType) {
+        // 组织节点
+        case 1:
+          break;
+        // 相机节点
+        case 1001:
+          _this.play(item);
+          break;
+        default:
+          break;
+      }
+    };
+    //资源树拖拽 (用户拖拽资源树节点时，资源树组件调用)
+    _this.dragTreeNode = function (event, item) {
+      var _this$props$videoType = _this.props.videoType,
+        videoType = _this$props$videoType === void 0 ? 'live' : _this$props$videoType;
+      var playType = '';
+      if (item.resourceInfo.resType === 1001) {
+        // 拖拽的是相机节点
+        playType = videoType === 'live' || videoType === 'liveGrid' ? 'playLive' : 'playReply';
+      }
+      if (!GlobalFunc.isIe()) {
+        // 设置拖动缩影效果
+        event.dataTransfer.setDragImage(event.target.lastChild, 50, 0);
+        if (playType === 'playLive' || playType === 'playReply') {
+          event.dataTransfer.setData('playType', playType); //设置类型
+        }
+        event.dataTransfer.setData('resourceInfo', JSON.stringify(item.resourceInfo));
+      } else {
+        var data = JSON.parse(event.dataTransfer.getData('text'));
+        if (playType === 'playLive' || playType === 'playReply') {
+          data.playType = playType; //设置类型
+        }
+        data.resourceInfo = item.resourceInfo;
+        event.dataTransfer.setData('text', JSON.stringify(data));
+      }
+      window._selfDropVideo = {
+        code: 'tree-dragstart',
+        typeliveplay: playType,
+        resourceInfo: JSON.stringify(_objectSpread(_objectSpread({}, item.resourceInfo), {}, {
+          CameraCode: item.resourceInfo.resCode,
+          CameraName: item.resourceInfo.resName
+        })),
+        timeout: null
+      };
+    };
+    // 拖拽结束，记录结束时间
+    _this.dragTreeNodeEnd = function () {
+      window._selfDropVideo && (window._selfDropVideo.timeout = new Date().getTime() + 100);
+    };
+    //实况面板接受拖拽播放 (播放窗格Playwindow父级div onDrop事件回调函数，用于播放视频)
+    _this.drop = function (e) {
+      var data = e.dataTransfer;
+      var playType = null;
+      var dragStartIndex = -1;
+      var resourceInfo = null;
+      // ie情况下获取方式不同
+      if (GlobalFunc.isIe()) {
+        // 转换为json对象，再取值
+        var jsonData = JSON.parse(data.getData('text'));
+        playType = jsonData.playType;
+        resourceInfo = jsonData.resourceInfo;
+      } else {
+        playType = data.getData('playType');
+        resourceInfo = data.getData('resourceInfo') ? JSON.parse(data.getData('resourceInfo')) : null;
+      }
+      var targetVideoIndex = parseInt(e.currentTarget.getAttribute('data-index'), 10);
+      if (playType === 'playLive' || playType === 'playReply') {
+        _this.playVideo({
+          camera: {
+            CameraCode: resourceInfo.resCode,
+            CameraName: resourceInfo.resName
+          },
+          index: targetVideoIndex
+        });
+      }
+      e.preventDefault();
+    };
+    //播放
+    _this.play = function (item) {
+      var resId = item.resId; // 摄像机编码
+      var resName = item.nodeText; // 摄像机名称
+      _this.activeTreeNode = item;
+      _this.playVideo({
+        camera: {
+          CameraCode: resId,
+          CameraName: resName
+        }
+      });
+    };
+    //列表双击
+    _this.cameraItemClick = function (e, item) {
+      _this.playVideo({
+        camera: {
+          CameraCode: item.CameraCode,
+          CameraName: item.CameraName
+        }
+      });
+    };
+    //列表拖拽
+    _this.cameraItemDrag = function (event, item) {
+      var _this$props$videoType2 = _this.props.videoType,
+        videoType = _this$props$videoType2 === void 0 ? 'live' : _this$props$videoType2;
+      var playType = '';
+      if (item) {
+        playType = videoType === 'live' || videoType === 'liveGrid' ? 'playLive' : 'playReply';
+      }
+      if (!GlobalFunc.isIe()) {
+        // 设置拖动缩影效果
+        event.dataTransfer.setDragImage(event.target, 50, 0);
+        if (playType === 'playLive' || playType === 'playReply') {
+          event.dataTransfer.setData('playType', playType); //设置类型
+        }
+        event.dataTransfer.setData('resourceInfo', JSON.stringify(_objectSpread(_objectSpread({}, item), {}, {
+          resCode: item.CameraCode,
+          resName: item.CameraName
+        })));
+      } else {
+        var data = JSON.parse(event.dataTransfer.getData('text'));
+        if (playType === 'playLive' || playType === 'playReply') {
+          data.playType = playType; //设置类型
+        }
+        data.resourceInfo = _objectSpread(_objectSpread({}, item), {}, {
+          resCode: item.CameraCode,
+          resName: item.CameraName
+        });
+        event.dataTransfer.setData('text', JSON.stringify(data));
+      }
+      window._selfDropVideo = {
+        code: 'tree-dragstart',
+        typeliveplay: playType,
+        resourceInfo: JSON.stringify(_objectSpread(_objectSpread({}, item), {}, {
+          resCode: item.CameraCode,
+          resName: item.CameraName
+        })),
+        timeout: null
+      };
+    };
+    //列表移除某项
+    _this.removeCamera = function (cam) {
+      var cameras = _this.state.cameras;
+      var _this$props9 = _this.props,
+        _this$props9$videoTyp = _this$props9.videoType,
+        videoType = _this$props9$videoTyp === void 0 ? 'live' : _this$props9$videoTyp,
+        onRemoveCamera = _this$props9.onRemoveCamera,
+        _this$props9$keepCurr = _this$props9.keepCurrentGroupWhenRemove,
+        keepCurrentGroupWhenRemove = _this$props9$keepCurr === void 0 ? false : _this$props9$keepCurr;
+      if (cameras.length <= 1) {
+        return;
+      }
+      var tempCameras = JSON.parse(JSON.stringify(cameras));
+      var newCams = tempCameras.map(function (item) {
+        return item.CameraCode === cam.CameraCode ? false : item;
+      }).filter(Boolean);
+      _this.setState({
+        cameras: newCams
+      }, function () {
+        videoType === 'live' && _this.videoLive && _this.videoLive.resetGroupPlay && _this.videoLive.resetGroupPlay(newCams, keepCurrentGroupWhenRemove, cam);
+        videoType === 'reply' && _this.videoReply && _this.videoReply.resetGroupPlay && _this.videoReply.resetGroupPlay(newCams, keepCurrentGroupWhenRemove, cam);
+        // 调用父组件传入的删除回调,通知父组件更新cameraList
+        typeof onRemoveCamera === 'function' && onRemoveCamera(cam);
+      });
+    };
+    //回放资源数选中批量播放
+    _this.multiPlay = function () {
+      var _this$uTree;
+      var textLocale = _this.props.textLocale;
+      var checkedList = (_this$uTree = _this.uTree) === null || _this$uTree === void 0 ? void 0 : _this$uTree.getCheckedItem()[2]; // 获取勾选的资源
+      if (!checkedList || checkedList.length === 0) {
+        UMessageBox.msgBox({
+          msg: textLocale.pleaseSelectCamera,
+          iconType: 'warn',
+          duration: 3000
+        });
+        return;
+      }
+      var checkedCamera = checkedList.map(function (item, index) {
+        return {
+          CameraName: item.nodeText,
+          CameraCode: item.resId,
+          CameraNumber: index
+        };
+      });
+      _this.playVideo({
+        camera: checkedCamera
+      });
+    };
+    // 录像回放时，资源树下方录像回放按钮单击回调事件
+    _this.onMultiPlay = function () {
+      _this.multiPlay();
+    };
+    //#endregion
+    //#region 对外暴露接口
+    //统一播放
+    _this.playVideo = function (param) {
+      var _this$props$videoType3 = _this.props.videoType,
+        videoType = _this$props$videoType3 === void 0 ? 'live' : _this$props$videoType3;
+      var camera = param.camera,
+        timeValue = param.timeValue,
+        index = param.index;
+      var platformType = _this.state.innerPlatFormType;
+      var playCameraList = [];
+      if (camera && camera instanceof Array && camera.length > 0) {
+        playCameraList = camera;
+      } else if (camera && _typeof(camera) === 'object') {
+        playCameraList.push(camera);
+      }
+      if (platformType !== 1) {
+        // VMS中台
+        playCameraList = playCameraList.map(function (item) {
+          return _objectSpread(_objectSpread({}, item), {}, {
+            CameraCode: item.CameraCode ? parseInt(item.CameraCode) : undefined
+          });
+        });
+      }
+
+      // VM 实况播放
+      (videoType === 'live' || videoType === 'liveGrid') && platformType === 1 && _this.videoLive && _this.videoLive.playLive && _this.videoLive.playLive(playCameraList, index);
+
+      // VMS 实况播放
+      (videoType === 'live' || videoType === 'liveGrid') && platformType === 3 && _this.videoLive && _this.videoLive.playLive && _this.videoLive.playLive(playCameraList, index);
+
+      // VM 回放播放
+      (videoType === 'reply' || videoType === 'replyGrid') && platformType === 1 && _this.videoReply && _this.videoReply.playReply && _this.videoReply.playReply(playCameraList, timeValue, index);
+
+      // VMS 回放播放
+      (videoType === 'reply' || videoType === 'replyGrid') && platformType === 3 && _this.videoReply && _this.videoReply.playReply && _this.videoReply.playReply(playCameraList, timeValue, index);
+    };
+    /**
+     * 通用业务层直接调用imos插件接口，某个指定索引的窗口调用，后边有新加直接调播放器接口尽量用这个透传到内部
+     * interfaceName目前支持[windowBtnConfig，playLocalFile，playURLFile，getVideoStatus，setVideoBarStatus]
+     */
+    _this.useImosInterface = function (param) {
+      var platformType = _this.state.innerPlatFormType;
+      if (platformType === 1) {
+        var _this$_this$_getVideo;
+        console.log("UVideo-------------------useImosInterface.".concat(param.interfaceName), param);
+        return (_this$_this$_getVideo = _this[_this._getVideoRef()]) === null || _this$_this$_getVideo === void 0 ? void 0 : _this$_this$_getVideo.useImosInterface(param);
+      }
+      return Promise.reject('');
+    };
+    /**
+     * 通用业务层直接调用imos插件接口，插件全局调用，后边有新加直接调播放器接口尽量用这个透传到内部
+     * interfaceName目前支持[setDefaultRecordVideoExt，setLanguage，setCaptureInterval，setCaptureMaxNum]
+     * setDefaultRecordVideoExt 设置播放窗格内下方录屏按钮启动的录屏的文件类型 0：TS；3：MP4；
+     * setLanguage 设置播放器多语言类型 'zh' 'en'
+     */
+    _this.useGloalImosInterface = function (param) {
+      var _this$state2 = _this.state,
+        innerPlatFormType = _this$state2.innerPlatFormType,
+        innerVMSdkType = _this$state2.innerVMSdkType;
+      var interfaceName = param.interfaceName,
+        _param$paramType = param.paramType,
+        paramType = _param$paramType === void 0 ? 'arg' : _param$paramType,
+        resParam = _objectWithoutProperties(param, _excluded);
+      if (innerPlatFormType === 1 && window[innerVMSdkType] && window[innerVMSdkType][interfaceName]) {
+        console.log("UVideo-------------------useImosGlobalInterface.".concat(interfaceName), resParam);
+        if (paramType === 'arg') {
+          var _window$innerVMSdkTyp6;
+          return (_window$innerVMSdkTyp6 = window[innerVMSdkType])[interfaceName].apply(_window$innerVMSdkTyp6, _toConsumableArray(Object.values(resParam)));
+        }
+        return window[innerVMSdkType][interfaceName](resParam);
+      }
+      return Promise.reject('');
+    };
+    /**
+     * 关闭视频窗格
+     * @param {Number} index 播放窗格索引值，未传递index时，会关闭所有播放窗格
+     */
+    _this.closeVideo = function (index) {
+      var _this$props$videoType4 = _this.props.videoType,
+        videoType = _this$props$videoType4 === void 0 ? 'live' : _this$props$videoType4;
+      // 实况关闭
+      videoType === 'live' && _this.videoLive && _this.videoLive.CloseVideo && _this.videoLive.CloseVideo(index);
+
+      // 回放关闭
+      videoType === 'reply' && _this.videoReply && _this.videoReply.CloseVideo && _this.videoReply.CloseVideo(index);
+    };
+    //最大化 (VM中台 只会最大化active状态的窗格)
+    _this.masVideo = function () {
+      var _this$props$videoType5 = _this.props.videoType,
+        videoType = _this$props$videoType5 === void 0 ? 'live' : _this$props$videoType5;
+      var platformType = _this.state.innerPlatFormType;
+
+      // 实况最大化
+      videoType === 'live' && platformType === 1 && _this.videoLive && _this.videoLive.masVideo && _this.videoLive.masVideo();
+
+      // 回放最大化
+      videoType === 'reply' && platformType === 1 && _this.videoReply && _this.videoReply.masVideo && _this.videoReply.masVideo();
+    };
+    //抓拍 (抓拍当前active状态的窗格) cameraName 是用于设置下载下来的文件的文件名称
+    _this.playCatch = function (cameraName) {
+      var _this$props$videoType6 = _this.props.videoType,
+        videoType = _this$props$videoType6 === void 0 ? 'live' : _this$props$videoType6;
+      var platformType = _this.state.innerPlatFormType;
+
+      // 实况抓拍
+      videoType === 'live' && platformType === 1 && _this.videoLive && _this.videoLive.playCatch && _this.videoLive.playCatch(cameraName);
+
+      // 回放抓拍
+      videoType === 'reply' && platformType === 1 && _this.videoReply && _this.videoReply.playCatch && _this.videoReply.playCatch(cameraName);
+    };
+    //VMS挖孔
+    _this.clippingPartWnd = function (rect) {
+      var _this$props$videoType7 = _this.props.videoType,
+        videoType = _this$props$videoType7 === void 0 ? 'live' : _this$props$videoType7;
+      var platformType = _this.state.innerPlatFormType;
+
+      // 实况挖孔
+      videoType === 'live' && platformType === 3 && _this.videoLive && _this.videoLive.clippingPartWnd && _this.videoLive.clippingPartWnd(rect);
+
+      // 回放挖孔
+      videoType === 'reply' && platformType === 3 && _this.videoReply && _this.videoReply.clippingPartWnd && _this.videoReply.clippingPartWnd(rect);
+    };
+    //VMS显示隐藏 (控制视频窗格显隐)
+    _this.showWnd = function (visible) {
+      var _this$props$videoType8 = _this.props.videoType,
+        videoType = _this$props$videoType8 === void 0 ? 'live' : _this$props$videoType8;
+      var platformType = _this.state.innerPlatFormType;
+
+      // 实况窗格控制
+      videoType === 'live' && platformType === 3 && _this.videoLive && _this.videoLive.showWnd && _this.videoLive.showWnd(visible);
+
+      // 回放窗格控制
+      videoType === 'reply' && platformType === 3 && _this.videoReply && _this.videoReply.showWnd && _this.videoReply.showWnd(visible);
+    };
+    //分组播放
+    _this.playVideoGroup = function (value) {
+      if (value && (value === 1 || value === -1)) {
+        var _this$props$videoType9 = _this.props.videoType,
+          videoType = _this$props$videoType9 === void 0 ? 'live' : _this$props$videoType9;
+        var platformType = _this.state.innerPlatFormType;
+
+        // 实况切换分组
+        videoType === 'live' && platformType === 1 && _this.videoLive && _this.videoLive.playVideoGroup && _this.videoLive.playVideoGroup(value);
+
+        // 回放切换分组
+        videoType === 'reply' && platformType === 1 && _this.videoReply && _this.videoReply.playVideoGroup && _this.videoReply.playVideoGroup(value);
+      }
+    };
+    //UVideo提供挖孔方法，会覆盖掉上次传入的挖孔类名
+    _this.digDom = function (param) {
+      hideDivElement(param);
+    };
+    _this._getVideoRef = function () {
+      var _this$props$videoType0 = _this.props.videoType,
+        videoType = _this$props$videoType0 === void 0 ? 'live' : _this$props$videoType0;
+      if (['replyGrid', 'reply'].includes(videoType)) {
+        return 'videoReply';
+      }
+      return 'videoLive';
+    };
+    //#endregion
+    /**
+     * 关闭窗口弹窗 (会在关闭Modal弹窗时，调用外部传入的onCloseModal函数)
+     */
+    _this._onCancel = function () {
+      var onCloseModal = _this.props.onCloseModal;
+      typeof onCloseModal === 'function' && onCloseModal(false);
+    };
+    //最大化
+    _this._masVideo = function () {
+      var _this$props$videoType1 = _this.props.videoType,
+        videoType = _this$props$videoType1 === void 0 ? 'live' : _this$props$videoType1;
+      videoType === 'live' && _this.videoLive && _this.videoLive._onMaxScreen && _this.videoLive._onMaxScreen();
+      videoType === 'reply' && _this.videoReply && _this.videoReply._onMaxScreen && _this.videoReply._onMaxScreen();
+    };
+    // 修改分屏数 (在用户修改分屏操作时，真正修改掉分屏数量前，会调用外部传入的changeScreen函数)
+    _this._changeScreen = function (type) {
+      if (_this.props.changeScreen) {
+        _this.props.changeScreen(type);
+      }
+      _this.setState({});
+    };
+    // 处理VideoLive中currentGroupNumRef变化的回调
+    _this._handleGroupNumChange = function (groupNum) {
+      // 只有在外部没有传入currentGroupNum时，才使用内部维护的值
+      if (_this.props.currentGroupNum === undefined) {
+        _this.setState({
+          innerCurrentGroupNum: groupNum
+        });
+      }
+    };
+    // 处理VideoLive中分屏数变化的回调
+    _this._handleScreenChange = function (screenType) {
+      // 将内部或外部变化的分屏数值都赋值给innerCurrentScreen
+      // 更新后，组件会重新渲染，VideoLive会收到新的screenSplitType，从而触发 componentWillReceiveProps 更新播放
+      _this.setState({
+        innerCurrentScreen: screenType
+      });
+    };
+    // 判断相机是否正在播放（是否需要高亮）
+    _this._isCameraPlaying = function (cameraIndex) {
+      var screenSplitType = _this.props.screenSplitType;
+      var _this$state3 = _this.state,
+        innerCurrentGroupNum = _this$state3.innerCurrentGroupNum,
+        innerCurrentScreen = _this$state3.innerCurrentScreen;
+
+      // 优先使用外部传入的currentGroupNum
+      var currentGroupNum = _this.props.currentGroupNum;
+
+      // 如果外部没有传入，使用内部维护的值
+      if (currentGroupNum === undefined) {
+        currentGroupNum = innerCurrentGroupNum;
+      }
+
+      // 如果两者都没有，不高亮
+      if (currentGroupNum === undefined) {
+        return false;
+      }
+
+      // 优先使用内部维护的innerCurrentScreen，其次使用外部传入的screenSplitType
+      var realScreenSplitType = innerCurrentScreen !== undefined ? innerCurrentScreen : screenSplitType;
+
+      // 计算实际分屏数
+      var windowNum = _this._getRealScreen(realScreenSplitType);
+
+      // 计算当前组显示的相机索引范围
+      var startIndex = currentGroupNum * windowNum;
+      var endIndex = startIndex + windowNum - 1;
+
+      // 判断当前相机是否在当前播放组内
+      return cameraIndex >= startIndex && cameraIndex <= endIndex;
+    };
+    // 获取实际分屏数
+    _this._getRealScreen = function (screenSplitType) {
+      if (!screenSplitType) {
+        screenSplitType = _this._autoScreen();
+      }
+      switch (screenSplitType) {
+        case 1:
+          return 1;
+        case 4:
+          return 4;
+        case 6:
+          return 6;
+        case 9:
+          return 9;
+        case 13:
+          return 13;
+        case 16:
+          return 16;
+        default:
+          return 1;
+      }
+    };
+    // 自适应分屏数
+    _this._autoScreen = function () {
+      var cameras = _this.state.cameras;
+      var num = (cameras && cameras.length) > 0 ? cameras.length : 1;
+      if (num === 1) {
+        return 1;
+      } else if (num >= 2 && num <= 4) {
+        return 4;
+      } else if (num > 4 && num <= 6) {
+        return 6;
+      } else if (num > 6 && num <= 9) {
+        return 9;
+      } else if (num > 9 && num <= 13) {
+        return 13;
+      } else if (num > 13) {
+        return 16;
+      }
+    };
+    // 获取url中的offset偏移量参数
+    _this._getUrlOffset = function () {
+      var urlFragment = window.location.hash;
+      var queryString = urlFragment.split('?')[1];
+      if (queryString) {
+        var searchParams = new URLSearchParams(queryString);
+        var offsetValue = searchParams.get('offset');
+        if (offsetValue) {
+          var offsetArray = JSON.parse(offsetValue);
+          _this.offset = offsetArray;
+          console.log("UVideo-------------------\u4E09\u56DB\u7EA7\u83DC\u5355\u521D\u59CB\u5316offset.".concat(offsetArray));
+        }
+      }
+    };
+    //渲染视频组件主体部分  主渲染函数
+    _this._renderVideo = function () {
+      var _this$props0 = _this.props,
+        _this$props0$videoTyp = _this$props0.videoType,
+        videoType = _this$props0$videoTyp === void 0 ? 'live' : _this$props0$videoTyp,
+        className = _this$props0.className,
+        style = _this$props0.style,
+        isModal = _this$props0.isModal,
+        isNeedTree = _this$props0.isNeedTree,
+        isNeedSider = _this$props0.isNeedSider,
+        showVideoNumber = _this$props0.showVideoNumber,
+        screenSplitType = _this$props0.screenSplitType,
+        _this$props0$dataType = _this$props0.dataTypes,
+        dataTypes = _this$props0$dataType === void 0 ? [0, 1, 2, 1001] : _this$props0$dataType,
+        iframeId = _this$props0.iframeId,
+        gridTraceByCamera = _this$props0.gridTraceByCamera,
+        onRecordDownload = _this$props0.onRecordDownload,
+        timeValue = _this$props0.timeValue,
+        isShowPtz = _this$props0.isShowPtz,
+        textLocale = _this$props0.textLocale,
+        theme = _this$props0.theme,
+        toolsConfig = _this$props0.toolsConfig,
+        colorObj = _this$props0.colorObj,
+        initSucess = _this$props0.initSucess,
+        eventCallback = _this$props0.eventCallback,
+        scrollPanelId = _this$props0.scrollPanelId,
+        onMaxScreen = _this$props0.onMaxScreen,
+        VMSdkType = _this$props0.VMSdkType,
+        _this$props0$voidClas = _this$props0.voidClassName,
+        voidClassName = _this$props0$voidClas === void 0 ? 'uvideo-pluginVideo-show3' : _this$props0$voidClas,
+        videoBtnConfig = _this$props0.videoBtnConfig,
+        initSuccessCallback = _this$props0.initSuccessCallback,
+        playCallback = _this$props0.playCallback,
+        playAllCallback = _this$props0.playAllCallback,
+        ajustPlayByScreen = _this$props0.ajustPlayByScreen,
+        registerLiveMsg = _this$props0.registerLiveMsg,
+        isShowBottomPtzIcon = _this$props0.isShowBottomPtzIcon,
+        layoutDirection = _this$props0.layoutDirection,
+        videoDraggable = _this$props0.videoDraggable;
+      var _this$state4 = _this.state,
+        cameras = _this$state4.cameras,
+        innerPlatFormType = _this$state4.innerPlatFormType,
+        innerVMSPlatFormLoginInfo = _this$state4.innerVMSPlatFormLoginInfo,
+        sdkLoaded = _this$state4.sdkLoaded,
+        innerVMSdkType = _this$state4.innerVMSdkType,
+        innerCurrentScreen = _this$state4.innerCurrentScreen;
+      var liveClassName = classNames(className, "".concat(CUSTOM_PREFIX, "-video-live")); // 接受外部类名
+      var initCallback = function initCallback() {
+        typeof initSucess === 'function' && initSucess();
+        typeof initSuccessCallback === 'function' && initSuccessCallback();
+      };
+
+      // 录像回放时相机支持勾选
+      var treeResProps = videoType !== 'live' ? {
+        checkboxTypes: [U_RES_TYPE_E.IMOS_TYPE_CAMERA]
+      } : {};
+      // 判断分屏类型：优先使用内部维护的innerCurrentScreen，其次使用外部传入的screenSplitType
+      var realScreenSplitType = innerCurrentScreen !== undefined ? innerCurrentScreen : screenSplitType;
+      // 没有传分屏类型或者传的是一个自适应时，分屏类型自适应
+      if (!realScreenSplitType) {
+        realScreenSplitType = _this._autoScreen();
+      }
+      var videoProps = {
+        cameraList: innerPlatFormType !== 1 ? cameras === null || cameras === void 0 ? void 0 : cameras.map(function (item) {
+          return _objectSpread(_objectSpread({}, item), {}, {
+            CameraCode: item.CameraCode ? parseInt(item.CameraCode) : undefined
+          });
+        }) : cameras,
+        showVideoNumber: showVideoNumber,
+        isModal: isModal,
+        isShowBlank: isNeedTree || isNeedSider,
+        onDrop: _this.drop,
+        onMaxScreen: onMaxScreen,
+        //内部窗格双击最大化时将状态传给外侧
+        screenSplitType: realScreenSplitType,
+        isAutoScreenSplit: !screenSplitType,
+        iframeId: iframeId,
+        onRecordDownload: onRecordDownload,
+        platFormLoginInfo: innerVMSPlatFormLoginInfo,
+        isShowPtz: isShowPtz || false,
+        textLocale: textLocale,
+        theme: theme,
+        videoType: videoType,
+        toolsConfig: toolsConfig,
+        colorObj: colorObj,
+        initSucess: initCallback,
+        //初始化完成回调
+        eventCallback: eventCallback,
+        //窗格点击、双击、鼠标移入移出、右键点击事件回调
+        scrollPanelId: scrollPanelId,
+        sdkLoaded: sdkLoaded,
+        VMSdkType: innerVMSdkType,
+        voidClassName: voidClassName,
+        videoBtnConfig: videoBtnConfig,
+        playCallback: playCallback,
+        //启动播放完成的回调
+        playAllCallback: playAllCallback,
+        ajustPlayByScreen: ajustPlayByScreen,
+        registerLiveMsg: registerLiveMsg,
+        //播放器内部事件回调
+        layoutDirection: layoutDirection,
+        isShowBottomPtzIcon: isShowBottomPtzIcon,
+        videoDraggable: videoDraggable,
+        currentGroupNum: _this.props.currentGroupNum,
+        // 外部传入的当前播放组号（从0开始）
+        onGroupNumChange: _this._handleGroupNumChange,
+        // 当VideoLive中currentGroupNumRef变化时的回调
+        onScreenChange: _this._handleScreenChange // 当VideoLive中分屏数变化时的回调
+      };
+      if (videoType === 'liveGrid' || videoType === 'replyGrid') {
+        Object.assign(videoProps, {
+          showVideoNumber: true,
+          gridTraceByCamera: gridTraceByCamera,
+          screenSplitType: 6,
+          // 网格追踪模式下，分屏数固定6分屏
+          toolsConfig: Object.assign(toolsConfig, {
+            isShowSplit: false
+          })
+        });
+      }
+      if ((videoType === 'reply' || videoType === 'replyGrid') && timeValue) {
+        Object.assign(videoProps, {
+          timeValue: timeValue
+        });
+      }
+      return /*#__PURE__*/React.createElement("div", {
+        className: liveClassName,
+        style: style
+      }, /*#__PURE__*/React.createElement(UPanel, {
+        className: "".concat(CUSTOM_PREFIX, "-video-panel")
+      }, /*#__PURE__*/React.createElement(USider, {
+        theme: theme,
+        className: "".concat(CUSTOM_PREFIX, "-video-list"),
+        collapsible: isNeedTree || isNeedSider,
+        width: "".concat(isNeedTree ? '300px' : isNeedSider ? '220px' : '0')
+      }, isNeedTree && /*#__PURE__*/React.createElement("div", {
+        className: "".concat(CUSTOM_PREFIX, "-video-res-tree")
+      }, /*#__PURE__*/React.createElement("div", {
+        style: {
+          width: '100%',
+          height: "calc(100% - ".concat(videoType !== 'live' ? '50px' : '0px', ")")
+        }
+      }, /*#__PURE__*/React.createElement(UResTree, _extends({
+        needRootNode: true,
+        isNeedSearch: true,
+        theme: 'dark',
+        dataTypes: dataTypes,
+        ref: function ref(self) {
+          return _this.uTree = self;
+        },
+        onDoubleClick: _this._doubleClickTree,
+        onDragStart: _this.dragTreeNode,
+        onDragEnd: _this.dragTreeNodeEnd,
+        canDragType: dataTypes
+      }, treeResProps))), videoType === 'reply' && /*#__PURE__*/React.createElement("div", {
+        style: {
+          height: '40px',
+          margin: '5px 0',
+          textAlign: 'center'
+        }
+      }, /*#__PURE__*/React.createElement(UButton, {
+        key: "1",
+        btnType: 'primary',
+        onClick: _this.onMultiPlay,
+        style: {
+          width: '80%'
+        },
+        theme: theme
+      }, textLocale.videoPlayback))), !isNeedTree && isNeedSider && cameras && cameras.length > 0 && /*#__PURE__*/React.createElement("div", {
+        className: "".concat(CUSTOM_PREFIX, "-video-camera-list")
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "left-title"
+      }, textLocale.cameraList), /*#__PURE__*/React.createElement(List, {
+        theme: theme,
+        className: "camera-list",
+        itemLayout: "horizontal",
+        dataSource: cameras,
+        renderItem: function renderItem(item, index) {
+          return /*#__PURE__*/React.createElement("div", {
+            className: "item ".concat(_this._isCameraPlaying(index) ? 'item-playing' : ''),
+            onDoubleClick: function onDoubleClick(e) {
+              return _this.cameraItemClick(e, item);
+            },
+            draggable: true,
+            onDragStart: function onDragStart(e) {
+              return _this.cameraItemDrag(e, item);
+            },
+            onDragEnd: _this.dragTreeNodeEnd
+          }, /*#__PURE__*/React.createElement("div", {
+            className: "item-Content"
+          }, /*#__PURE__*/React.createElement("span", {
+            className: "".concat(CUSTOM_PREFIX, "-tree-icon ").concat(_this.treeIcon.getIconClass(1001, item.CameraType, item.CameraStatus, null, false))
+          }), /*#__PURE__*/React.createElement("span", {
+            title: item.CameraName
+          }, item.CameraName)), /*#__PURE__*/React.createElement("div", {
+            className: "item-Operate"
+          }, /*#__PURE__*/React.createElement("span", {
+            className: "camera-delete",
+            onClick: function onClick() {
+              return _this.removeCamera(item);
+            }
+          })));
+        }
+      }))), /*#__PURE__*/React.createElement(UContent, null, innerPlatFormType === 1 && (videoType === 'live' || videoType === 'liveGrid') && /*#__PURE__*/React.createElement(VideoLive, _extends({
+        ref: function ref(el) {
+          return _this.videoLive = el;
+        },
+        changeScreen: _this._changeScreen
+      }, videoProps)), innerPlatFormType === 1 && (videoType === 'reply' || videoType === 'replyGrid') && /*#__PURE__*/React.createElement(VideoReply, _extends({
+        ref: function ref(el) {
+          return _this.videoReply = el;
+        },
+        changeScreen: _this._changeScreen
+      }, videoProps)), innerPlatFormType === 3 && (videoType === 'live' || videoType === 'liveGrid') && /*#__PURE__*/React.createElement(VmsVideoLive, _extends({
+        ref: function ref(el) {
+          return _this.videoLive = el;
+        },
+        changeScreen: _this._changeScreen
+      }, videoProps)), innerPlatFormType === 3 && (videoType === 'reply' || videoType === 'replyGrid') && /*#__PURE__*/React.createElement(VmsVideoReplay, _extends({
+        ref: function ref(el) {
+          return _this.videoReply = el;
+        },
+        changeScreen: _this._changeScreen
+      }, videoProps)))));
+    };
+    _this.state = {
+      cameras: props.cameraList || [],
+      innerPlatFormType: 1,
+      // UVideo组件内部自判断的中台类型 VM：1; VMS：3
+      innerVMSPlatFormLoginInfo: {
+        // 内部获取的VMS视频登录信息，包括地址、用户名及密码
+        vmsIP: '',
+        vmsUser: '',
+        vmsPassword: ''
+      },
+      innerVMSdkType: 'imosSdk',
+      // 内部VM中台播放器插件类型，默认悬浮控件
+      sdkLoaded: false,
+      // 播放器是否加载成功
+      innerCurrentGroupNum: undefined,
+      // 内部维护的当前播放组号（从0开始）
+      innerCurrentScreen: props.screenSplitType // 内部维护的分屏数，默认使用props的值
+    };
+    _this.uTree = null; // UTree实例
+    props.V5Token ? window['UdDesignAuthorization'] = props.V5Token : '';
+    _this.treeIcon = new UTreeIcon();
+    _this.treeIcon.init();
+    _this.newInfo = GlobalFunc.getHttpsUrl(); // 当前iframe的url信息对象
+    _this.v5Token = v5Token(); // 保存token
+    _this.voidPath = _getUrlParamWithoutHash('VoidPath') || _getUrlParamWithoutHash('pp'); // 保存SW框架的广播路径,pp为ums的框架中url拼接的字段
+    _this.title = window.name || document.title; // 保存页面标题，在Iframe框架里面使用window.name,在top层使用document.title。
+    _this.localConfig = {}; // VM播放器本地配置数据
+    _this.offset = null; // VM播放器偏移量，初始值为null，三四级菜单在初始化的时候使用
+    return _this;
+  }
+  _inherits(UVideo, _Component);
+  return _createClass(UVideo, [{
+    key: "componentWillMount",
+    value: function componentWillMount() {
+      console.log('UVideo-------------------↓↓↓↓↓↓↓');
+      var _this$props1 = this.props,
+        appointPlatform = _this$props1.appointPlatform,
+        defaultDigClassName = _this$props1.defaultDigClassName,
+        _this$props1$voidClas = _this$props1.voidClassName,
+        voidClassName = _this$props1$voidClas === void 0 ? 'uvideo-pluginVideo-show3' : _this$props1$voidClas;
+
+      //组件所在业务中默认需要挖孔的类名，加入到默认挖孔缓存类名数据中去，不论多少次挖孔，这部分不能少
+      if (defaultDigClassName && Array.isArray(defaultDigClassName) && defaultDigClassName.length > 0) {
+        HideDivClass.addHideInfoList({
+          voidClassName: voidClassName,
+          digClassName: defaultDigClassName
+        });
+        console.log('UVideo-------------------默认挖孔类名属性defaultDigClassName', defaultDigClassName);
+      }
+      this._getUrlOffset();
+      this._queryPlatformType(appointPlatform);
+      window.addEventListener('message', this._resolveMessage);
+    }
+  }, {
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(nextProps, nextContext) {
+      var _this$props10 = this.props,
+        playerTitle = _this$props10.playerTitle,
+        playerOffSet = _this$props10.playerOffSet,
+        digClassName = _this$props10.digClassName,
+        defaultDigClassName = _this$props10.defaultDigClassName,
+        excludeDigClassName = _this$props10.excludeDigClassName,
+        _this$props10$voidCla = _this$props10.voidClassName,
+        voidClassName = _this$props10$voidCla === void 0 ? 'uvideo-pluginVideo-show3' : _this$props10$voidCla,
+        digTime = _this$props10.digTime,
+        isTopIframe = _this$props10.isTopIframe,
+        currentGroupNum = _this$props10.currentGroupNum,
+        screenSplitType = _this$props10.screenSplitType;
+      if (this.props.V5Token !== nextProps.V5Token) {
+        window['UDesignAuthorization'] = nextProps.V5Token || '';
+      }
+      if (this.state.cameras !== nextProps.cameraList) {
+        this.setState({
+          cameras: nextProps.cameraList
+        });
+      }
+      if (nextProps.playerTitle && nextProps.playerTitle !== playerTitle && window.imosPlayer) {
+        console.log('UVideo-------------------悬浮控件属性title改变：', nextProps.playerTitle, playerOffSet);
+        window.imosPlayer.changeSpySetting({
+          title: nextProps.playerTitle,
+          offset: playerOffSet
+        });
+      }
+      if (playerTitle && nextProps.playerOffSet && nextProps.playerOffSet !== playerOffSet && window.imosPlayer) {
+        console.log('UVideo-------------------悬浮控件组件属性playerOffSet改变：', playerTitle, nextProps.playerOffSet);
+        window.imosPlayer.changeSpySetting({
+          title: playerTitle,
+          offset: nextProps.playerOffSet
+        });
+      }
+      if (nextProps.digClassName && JSON.stringify(nextProps.digClassName) !== JSON.stringify(digClassName) && window.imosPlayer) {
+        console.log('UVideo-------------------悬浮控件属性digClassName改变：', nextProps.digClassName, digClassName);
+        hideDivElement({
+          defaultDigClassName: defaultDigClassName,
+          digClassName: nextProps.digClassName,
+          excludeDigClassName: excludeDigClassName,
+          voidClassName: voidClassName,
+          times: digTime,
+          isTopIframe: isTopIframe
+        }); // 对外部传入的类名进行挖孔
+      }
+      if (nextProps.currentGroupNum !== currentGroupNum && nextProps.currentGroupNum !== undefined) {
+        // 如果外部传入了currentGroupNum，清除内部维护的值
+        this.setState({
+          innerCurrentGroupNum: undefined
+        });
+      }
+      if (nextProps.screenSplitType !== screenSplitType && nextProps.screenSplitType !== undefined) {
+        // 如果外部传入了screenSplitType，更新内部维护的值
+        this.setState({
+          innerCurrentScreen: nextProps.screenSplitType
+        });
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      window.removeEventListener('message', this._resolveMessage);
+    }
+  }, {
+    key: "_getSWPort",
+    value:
+    /**
+     * 获取sw端口信息
+     */
+    function _getSWPort() {
+      var port = window.location.port;
+      if (!!port) {
+        return port;
+      }
+      if (window.location.protocol.toLowerCase() === 'https:') {
+        return '443';
+      }
+      return '80';
+    }
+  }, {
+    key: "getVideoStatus",
+    value:
+    /**
+     *业务查询播放窗格状态
+     * @param {*} obj { forceQuery = false 是否重新查一次, index 窗格序号
+     * @returns [{i:obj}]
+     */
+    function getVideoStatus(obj) {
+      var platformType = this.state.innerPlatFormType;
+      if (platformType === 1) {
+        var _this$this$_getVideoR;
+        return (_this$this$_getVideoR = this[this._getVideoRef()]) === null || _this$this$_getVideoR === void 0 ? void 0 : _this$this$_getVideoR.useImosInterface(_objectSpread(_objectSpread({}, obj), {}, {
+          interfaceName: 'getVideoStatus'
+        }));
+      }
+      return Promise.reject('');
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props11 = this.props,
+        isModal = _this$props11.isModal,
+        _this$props11$modalPr = _this$props11.modalProps,
+        modalProps = _this$props11$modalPr === void 0 ? {} : _this$props11$modalPr,
+        theme = _this$props11.theme,
+        canClickBack = _this$props11.canClickBack,
+        modalTitle = _this$props11.modalTitle,
+        _this$props11$videoTy = _this$props11.videoType,
+        videoType = _this$props11$videoTy === void 0 ? 'live' : _this$props11$videoTy,
+        textLocale = _this$props11.textLocale;
+      var videoTitle = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, modalTitle || (videoType === 'live' ? textLocale.liveVideo : textLocale.videoPlayback)));
+      return /*#__PURE__*/React.createElement(React.Fragment, null, isModal ? /*#__PURE__*/React.createElement(UModal, _extends({
+        className: "".concat(CUSTOM_PREFIX, "-video-modal"),
+        title: videoTitle,
+        visible: true,
+        canDragm: true,
+        canZoom: true,
+        footer: null,
+        canClickBack: canClickBack,
+        onCancel: this._onCancel,
+        width: 960,
+        theme: theme
+      }, modalProps), this._renderVideo()) : this._renderVideo());
+    }
+  }]);
+}(Component);
+export { UVideo as default };