@vtx/player 1.9.1 → 1.9.2

package/lib/controls/style/index.less

@@ -1,192 +1,192 @@
-.player-control-popover {
-    border-radius: 2px;
-
-    .ant-popover-content {
-        background: rgba(0, 0, 0, 0.75);
-        box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.15);
-
-        .ant-popover-arrow-content {
-            background: rgba(0, 0, 0, 0.75);
-
-            &::before {
-                background: none;
-            }
-        }
-
-        .ant-popover-inner {
-            background: transparent;
-
-            .ant-popover-inner-content {
-                padding: 0;
-
-                .volume-content {
-                    display: flex;
-                    flex-direction: column;
-                    align-items: center;
-                    width: 44px;
-                    padding: 8px 0;
-
-                    .value {
-                        font-size: 14px;
-                        color: rgba(255, 255, 255, 0.847);
-                    }
-
-                    .ant-slider-vertical {
-                        height: 62px;
-
-                        .ant-slider-handle {
-                            background-color: #1890ff;
-                            border: solid 2px #1890ff;
-                        }
-
-                        .ant-slider-track {
-                            background-color: #1890ff;
-                        }
-                    }
-                }
-
-                .speed-content {
-                    .item {
-                        padding: 2px 10px;
-                        color: rgba(255, 255, 255, 0.65);
-                        cursor: pointer;
-
-                        &:hover {
-                            background-color: rgba(255, 255, 255, 0.25);
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-
-.vtx-player-speed-control {
-    line-height: 24px;
-    color: rgba(255, 255, 255, 0.65);
-    cursor: pointer;
-}
-
-.vtx-player-header {
-    display: flex;
-    align-items: center;
-    width: 100%;
-    height: 26px;
-    padding: 0 12px;
-    background-color: #131d27;
-
-    .title {
-        width: 100%;
-        font-size: 14px;
-        color: white;
-        padding-right: 5px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-    }
-
-    .close {
-        margin-left: auto;
-    }
-}
-
-.cloud-control-panel {
-    position: absolute;
-    top: 0;
-    width: 100%;
-    height: calc(100% - 24px);
-
-    .arrow {
-        position: absolute;
-        cursor: pointer;
-
-        &.up {
-            top: 16px;
-            left: 50%;
-            transform: translateX(-50%) rotate(180deg);
-        }
-
-        &.down {
-            bottom: 16px;
-            left: 50%;
-            transform: translateX(-50%);
-        }
-
-        &.left {
-            top: 50%;
-            left: 16px;
-            transform: translateY(-50%) rotate(90deg);
-        }
-
-        &.right {
-            top: 50%;
-            right: 16px;
-            transform: translateY(-50%) rotate(-90deg);
-        }
-
-        &.left-up {
-            top: 16px;
-            left: 16px;
-            transform: rotate(135deg);
-        }
-
-        &.left-down {
-            bottom: 16px;
-            left: 16px;
-            transform: rotate(45deg);
-        }
-
-        &.right-up {
-            top: 16px;
-            right: 16px;
-            transform: rotate(225deg);
-        }
-
-        &.right-down {
-            right: 16px;
-            bottom: 16px;
-            transform: rotate(-45deg);
-        }
-    }
-
-    .buttons {
-        position: absolute;
-        bottom: 80px;
-        left: 50%;
-        transform: translateX(-50%);
-
-        .control-button {
-            display: flex;
-            height: 32px;
-            line-height: 32px;
-            color: white;
-            cursor: default;
-            background-color: rgba(0, 0, 0, 0.35);
-            border: 1px solid rgba(0, 0, 0, 0.15);
-            border-radius: 2px;
-
-            > span {
-                height: 100%;
-                padding: 0 8px;
-            }
-
-            .text {
-                height: 100%;
-                padding: 0 8px;
-                white-space: nowrap;
-                border-right: 1px solid rgba(0, 0, 0, 0.15);
-                border-left: 1px solid rgba(0, 0, 0, 0.15);
-            }
-
-            .icon {
-                padding: 0 12px;
-                cursor: pointer;
-            }
-        }
-    }
-}
-
-.infoPanel {
-    position: absolute;
-    color: red;
-}
+.player-control-popover {
+    border-radius: 2px;
+
+    .ant-popover-content {
+        background: rgba(0, 0, 0, 0.75);
+        box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.15);
+
+        .ant-popover-arrow-content {
+            background: rgba(0, 0, 0, 0.75);
+
+            &::before {
+                background: none;
+            }
+        }
+
+        .ant-popover-inner {
+            background: transparent;
+
+            .ant-popover-inner-content {
+                padding: 0;
+
+                .volume-content {
+                    display: flex;
+                    flex-direction: column;
+                    align-items: center;
+                    width: 44px;
+                    padding: 8px 0;
+
+                    .value {
+                        font-size: 14px;
+                        color: rgba(255, 255, 255, 0.847);
+                    }
+
+                    .ant-slider-vertical {
+                        height: 62px;
+
+                        .ant-slider-handle {
+                            background-color: #1890ff;
+                            border: solid 2px #1890ff;
+                        }
+
+                        .ant-slider-track {
+                            background-color: #1890ff;
+                        }
+                    }
+                }
+
+                .speed-content {
+                    .item {
+                        padding: 2px 10px;
+                        color: rgba(255, 255, 255, 0.65);
+                        cursor: pointer;
+
+                        &:hover {
+                            background-color: rgba(255, 255, 255, 0.25);
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+.vtx-player-speed-control {
+    line-height: 24px;
+    color: rgba(255, 255, 255, 0.65);
+    cursor: pointer;
+}
+
+.vtx-player-header {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: 26px;
+    padding: 0 12px;
+    background-color: #131d27;
+
+    .title {
+        width: 100%;
+        font-size: 14px;
+        color: white;
+        padding-right: 5px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
+    .close {
+        margin-left: auto;
+    }
+}
+
+.cloud-control-panel {
+    position: absolute;
+    top: 0;
+    width: 100%;
+    height: calc(100% - 24px);
+
+    .arrow {
+        position: absolute;
+        cursor: pointer;
+
+        &.up {
+            top: 16px;
+            left: 50%;
+            transform: translateX(-50%) rotate(180deg);
+        }
+
+        &.down {
+            bottom: 16px;
+            left: 50%;
+            transform: translateX(-50%);
+        }
+
+        &.left {
+            top: 50%;
+            left: 16px;
+            transform: translateY(-50%) rotate(90deg);
+        }
+
+        &.right {
+            top: 50%;
+            right: 16px;
+            transform: translateY(-50%) rotate(-90deg);
+        }
+
+        &.left-up {
+            top: 16px;
+            left: 16px;
+            transform: rotate(135deg);
+        }
+
+        &.left-down {
+            bottom: 16px;
+            left: 16px;
+            transform: rotate(45deg);
+        }
+
+        &.right-up {
+            top: 16px;
+            right: 16px;
+            transform: rotate(225deg);
+        }
+
+        &.right-down {
+            right: 16px;
+            bottom: 16px;
+            transform: rotate(-45deg);
+        }
+    }
+
+    .buttons {
+        position: absolute;
+        bottom: 80px;
+        left: 50%;
+        transform: translateX(-50%);
+
+        .control-button {
+            display: flex;
+            height: 32px;
+            line-height: 32px;
+            color: white;
+            cursor: default;
+            background-color: rgba(0, 0, 0, 0.35);
+            border: 1px solid rgba(0, 0, 0, 0.15);
+            border-radius: 2px;
+
+            > span {
+                height: 100%;
+                padding: 0 8px;
+            }
+
+            .text {
+                height: 100%;
+                padding: 0 8px;
+                white-space: nowrap;
+                border-right: 1px solid rgba(0, 0, 0, 0.15);
+                border-left: 1px solid rgba(0, 0, 0, 0.15);
+            }
+
+            .icon {
+                padding: 0 12px;
+                cursor: pointer;
+            }
+        }
+    }
+}
+
+.infoPanel {
+    position: absolute;
+    color: red;
+}

package/lib/h264/PlayerManager.js

@@ -4,9 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+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 _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); }
 /**
  */
 var H264PlayerManager = /*#__PURE__*/function () {
@@ -20,7 +23,7 @@ var H264PlayerManager = /*#__PURE__*/function () {
   /**
    * 初始化实时预览播放器
    */
-  _createClass(H264PlayerManager, [{
+  return _createClass(H264PlayerManager, [{
     key: "initPlayer",
     value: function initPlayer(opt) {
       var jmuxer = new JMuxer({
@@ -123,8 +126,6 @@ var H264PlayerManager = /*#__PURE__*/function () {
       // this.player.jumpPlayByTime(time);
     }
   }]);
-  return H264PlayerManager;
 }();
-var _default = H264PlayerManager;
-exports["default"] = _default;
+var _default = exports["default"] = H264PlayerManager;
 //# sourceMappingURL=PlayerManager.js.map

package/lib/h264/PlayerManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlayerManager.js","names":["H264PlayerManager","opt","_classCallCheck","player","id","url","initPlayer","_createClass","key","value","jmuxer","JMuxer","node","mode","flushingTime","fps","clearBuffer","debug","xhr","XMLHttpRequest","async","open","responseType","onreadystatechange","event","readyState","feed","video","Uint8Array","response","send","pause","recordPlayer","play","playSpeed","speed","close","destroy","setFullScreen","setPlayerAdapter","playerAdapter","setPlayerNum","number","setSelectIndex","index","jumpPlayByTime","time","_default","exports"],"sources":["h264/PlayerManager.js"],"sourcesContent":["/**\n */\nclass H264PlayerManager {\n    constructor(opt) {\n        this.player = null;\n        this.id = opt.id;\n        this.url = opt.url;\n        this.initPlayer();\n    }\n    /**\n     * 初始化实时预览播放器\n     */\n    initPlayer(opt) {\n        const jmuxer = new JMuxer({\n            node: 'playerh264',\n            mode: 'video',\n            flushingTime: 1000,\n            fps: 12,\n            clearBuffer: false,\n            debug: true,\n        });\n        var xhr = new XMLHttpRequest();\n        var async = true;\n        if (!this.url)\n            return;\n        xhr.open('GET', this.url, async);\n        xhr.responseType = 'arraybuffer';\n        xhr.onreadystatechange = function (event) {\n            if (xhr.readyState === 4) {\n                jmuxer.feed({\n                    video: new Uint8Array(xhr.response),\n                });\n                this.player = jmuxer;\n            }\n        };\n        xhr.send(null);\n    }\n    pause() {\n        this.recordPlayer && this.player.pause();\n    }\n    /**\n     * 录像暂停后播放\n     * 只有暂停后的录像调用才有效\n     */\n    play() {\n        //\n    }\n    /**\n     * 倍速播放\n     * @param {number} speed 速率 0.125 0.25 0.5 1 2 4 8 共7种速率\n     */\n    playSpeed(speed) {\n        // this.recordPlayer && this.recordPlayer.playSpeed(speed);\n    }\n    /**\n     * 关闭播放器\n     * @param {number} index 可选，关闭指定索引的窗口的播放器，不传则表示关闭所有播放器\n     */\n    close() {\n        this.player && this.player.destroy();\n    }\n    /**\n     * 设置全屏\n     */\n    setFullScreen() {\n        // this.player.setFullScreen();\n    }\n    /**\n     * 设置窗口自适应还是拉伸\n     * @param {string} playerAdapter selfAdaption 自适应 | stretching 拉伸\n     */\n    setPlayerAdapter(playerAdapter) {\n        // this.player.setPlayerAdapter(playerAdapter);\n    }\n    /**\n     * 控制视频播放器显示的路数: 1 4 9 16 25，不会超过最大显示路数\n     * @param {number} number\n     */\n    setPlayerNum(number) {\n        // this.player.setPlayerNum(number);\n    }\n    /**\n     * 设置选中的播放器的索引\n     * @param {number} index\n     */\n    setSelectIndex(index) {\n        // this.player.setSelectIndex(index);\n    }\n    /**\n     * 录像跳转播放\n     * @param {string} time HH:mm:ss格式\n     */\n    jumpPlayByTime(time) {\n        // this.player.jumpPlayByTime(time);\n    }\n}\nexport default H264PlayerManager;\n"],"mappings":";;;;;;;;;AAAA;AACA;AADA,IAEMA,iBAAiB;EACnB,SAAAA,kBAAYC,GAAG,EAAE;IAAAC,eAAA,OAAAF,iBAAA;IACb,IAAI,CAACG,MAAM,GAAG,IAAI;IAClB,IAAI,CAACC,EAAE,GAAGH,GAAG,CAACG,EAAE;IAChB,IAAI,CAACC,GAAG,GAAGJ,GAAG,CAACI,GAAG;IAClB,IAAI,CAACC,UAAU,CAAC,CAAC;EACrB;EACA;AACJ;AACA;EAFIC,YAAA,CAAAP,iBAAA;IAAAQ,GAAA;IAAAC,KAAA,EAGA,SAAAH,WAAWL,GAAG,EAAE;MACZ,IAAMS,MAAM,GAAG,IAAIC,MAAM,CAAC;QACtBC,IAAI,EAAE,YAAY;QAClBC,IAAI,EAAE,OAAO;QACbC,YAAY,EAAE,IAAI;QAClBC,GAAG,EAAE,EAAE;QACPC,WAAW,EAAE,KAAK;QAClBC,KAAK,EAAE;MACX,CAAC,CAAC;MACF,IAAIC,GAAG,GAAG,IAAIC,cAAc,CAAC,CAAC;MAC9B,IAAIC,KAAK,GAAG,IAAI;MAChB,IAAI,CAAC,IAAI,CAACf,GAAG,EACT;MACJa,GAAG,CAACG,IAAI,CAAC,KAAK,EAAE,IAAI,CAAChB,GAAG,EAAEe,KAAK,CAAC;MAChCF,GAAG,CAACI,YAAY,GAAG,aAAa;MAChCJ,GAAG,CAACK,kBAAkB,GAAG,UAAUC,KAAK,EAAE;QACtC,IAAIN,GAAG,CAACO,UAAU,KAAK,CAAC,EAAE;UACtBf,MAAM,CAACgB,IAAI,CAAC;YACRC,KAAK,EAAE,IAAIC,UAAU,CAACV,GAAG,CAACW,QAAQ;UACtC,CAAC,CAAC;UACF,IAAI,CAAC1B,MAAM,GAAGO,MAAM;QACxB;MACJ,CAAC;MACDQ,GAAG,CAACY,IAAI,CAAC,IAAI,CAAC;IAClB;EAAC;IAAAtB,GAAA;IAAAC,KAAA,EACD,SAAAsB,MAAA,EAAQ;MACJ,IAAI,CAACC,YAAY,IAAI,IAAI,CAAC7B,MAAM,CAAC4B,KAAK,CAAC,CAAC;IAC5C;IACA;AACJ;AACA;AACA;EAHI;IAAAvB,GAAA;IAAAC,KAAA,EAIA,SAAAwB,KAAA,EAAO;MACH;IAAA;IAEJ;AACJ;AACA;AACA;EAHI;IAAAzB,GAAA;IAAAC,KAAA,EAIA,SAAAyB,UAAUC,KAAK,EAAE;MACb;IAAA;IAEJ;AACJ;AACA;AACA;EAHI;IAAA3B,GAAA;IAAAC,KAAA,EAIA,SAAA2B,MAAA,EAAQ;MACJ,IAAI,CAACjC,MAAM,IAAI,IAAI,CAACA,MAAM,CAACkC,OAAO,CAAC,CAAC;IACxC;IACA;AACJ;AACA;EAFI;IAAA7B,GAAA;IAAAC,KAAA,EAGA,SAAA6B,cAAA,EAAgB;MACZ;IAAA;IAEJ;AACJ;AACA;AACA;EAHI;IAAA9B,GAAA;IAAAC,KAAA,EAIA,SAAA8B,iBAAiBC,aAAa,EAAE;MAC5B;IAAA;IAEJ;AACJ;AACA;AACA;EAHI;IAAAhC,GAAA;IAAAC,KAAA,EAIA,SAAAgC,aAAaC,MAAM,EAAE;MACjB;IAAA;IAEJ;AACJ;AACA;AACA;EAHI;IAAAlC,GAAA;IAAAC,KAAA,EAIA,SAAAkC,eAAeC,KAAK,EAAE;MAClB;IAAA;IAEJ;AACJ;AACA;AACA;EAHI;IAAApC,GAAA;IAAAC,KAAA,EAIA,SAAAoC,eAAeC,IAAI,EAAE;MACjB;IAAA;EACH;EAAA,OAAA9C,iBAAA;AAAA;AAAA,IAAA+C,QAAA,GAEU/C,iBAAiB;AAAAgD,OAAA,cAAAD,QAAA","ignoreList":[]}
+{"version":3,"file":"PlayerManager.js","names":["H264PlayerManager","opt","_classCallCheck","player","id","url","initPlayer","_createClass","key","value","jmuxer","JMuxer","node","mode","flushingTime","fps","clearBuffer","debug","xhr","XMLHttpRequest","async","open","responseType","onreadystatechange","event","readyState","feed","video","Uint8Array","response","send","pause","recordPlayer","play","playSpeed","speed","close","destroy","setFullScreen","setPlayerAdapter","playerAdapter","setPlayerNum","number","setSelectIndex","index","jumpPlayByTime","time","_default","exports"],"sources":["h264/PlayerManager.js"],"sourcesContent":["/**\n */\nclass H264PlayerManager {\n    constructor(opt) {\n        this.player = null;\n        this.id = opt.id;\n        this.url = opt.url;\n        this.initPlayer();\n    }\n    /**\n     * 初始化实时预览播放器\n     */\n    initPlayer(opt) {\n        const jmuxer = new JMuxer({\n            node: 'playerh264',\n            mode: 'video',\n            flushingTime: 1000,\n            fps: 12,\n            clearBuffer: false,\n            debug: true,\n        });\n        var xhr = new XMLHttpRequest();\n        var async = true;\n        if (!this.url)\n            return;\n        xhr.open('GET', this.url, async);\n        xhr.responseType = 'arraybuffer';\n        xhr.onreadystatechange = function (event) {\n            if (xhr.readyState === 4) {\n                jmuxer.feed({\n                    video: new Uint8Array(xhr.response),\n                });\n                this.player = jmuxer;\n            }\n        };\n        xhr.send(null);\n    }\n    pause() {\n        this.recordPlayer && this.player.pause();\n    }\n    /**\n     * 录像暂停后播放\n     * 只有暂停后的录像调用才有效\n     */\n    play() {\n        //\n    }\n    /**\n     * 倍速播放\n     * @param {number} speed 速率 0.125 0.25 0.5 1 2 4 8 共7种速率\n     */\n    playSpeed(speed) {\n        // this.recordPlayer && this.recordPlayer.playSpeed(speed);\n    }\n    /**\n     * 关闭播放器\n     * @param {number} index 可选，关闭指定索引的窗口的播放器，不传则表示关闭所有播放器\n     */\n    close() {\n        this.player && this.player.destroy();\n    }\n    /**\n     * 设置全屏\n     */\n    setFullScreen() {\n        // this.player.setFullScreen();\n    }\n    /**\n     * 设置窗口自适应还是拉伸\n     * @param {string} playerAdapter selfAdaption 自适应 | stretching 拉伸\n     */\n    setPlayerAdapter(playerAdapter) {\n        // this.player.setPlayerAdapter(playerAdapter);\n    }\n    /**\n     * 控制视频播放器显示的路数: 1 4 9 16 25，不会超过最大显示路数\n     * @param {number} number\n     */\n    setPlayerNum(number) {\n        // this.player.setPlayerNum(number);\n    }\n    /**\n     * 设置选中的播放器的索引\n     * @param {number} index\n     */\n    setSelectIndex(index) {\n        // this.player.setSelectIndex(index);\n    }\n    /**\n     * 录像跳转播放\n     * @param {string} time HH:mm:ss格式\n     */\n    jumpPlayByTime(time) {\n        // this.player.jumpPlayByTime(time);\n    }\n}\nexport default H264PlayerManager;\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AADA,IAEMA,iBAAiB;EACnB,SAAAA,kBAAYC,GAAG,EAAE;IAAAC,eAAA,OAAAF,iBAAA;IACb,IAAI,CAACG,MAAM,GAAG,IAAI;IAClB,IAAI,CAACC,EAAE,GAAGH,GAAG,CAACG,EAAE;IAChB,IAAI,CAACC,GAAG,GAAGJ,GAAG,CAACI,GAAG;IAClB,IAAI,CAACC,UAAU,CAAC,CAAC;EACrB;EACA;AACJ;AACA;EAFI,OAAAC,YAAA,CAAAP,iBAAA;IAAAQ,GAAA;IAAAC,KAAA,EAGA,SAAAH,UAAUA,CAACL,GAAG,EAAE;MACZ,IAAMS,MAAM,GAAG,IAAIC,MAAM,CAAC;QACtBC,IAAI,EAAE,YAAY;QAClBC,IAAI,EAAE,OAAO;QACbC,YAAY,EAAE,IAAI;QAClBC,GAAG,EAAE,EAAE;QACPC,WAAW,EAAE,KAAK;QAClBC,KAAK,EAAE;MACX,CAAC,CAAC;MACF,IAAIC,GAAG,GAAG,IAAIC,cAAc,CAAC,CAAC;MAC9B,IAAIC,KAAK,GAAG,IAAI;MAChB,IAAI,CAAC,IAAI,CAACf,GAAG,EACT;MACJa,GAAG,CAACG,IAAI,CAAC,KAAK,EAAE,IAAI,CAAChB,GAAG,EAAEe,KAAK,CAAC;MAChCF,GAAG,CAACI,YAAY,GAAG,aAAa;MAChCJ,GAAG,CAACK,kBAAkB,GAAG,UAAUC,KAAK,EAAE;QACtC,IAAIN,GAAG,CAACO,UAAU,KAAK,CAAC,EAAE;UACtBf,MAAM,CAACgB,IAAI,CAAC;YACRC,KAAK,EAAE,IAAIC,UAAU,CAACV,GAAG,CAACW,QAAQ;UACtC,CAAC,CAAC;UACF,IAAI,CAAC1B,MAAM,GAAGO,MAAM;QACxB;MACJ,CAAC;MACDQ,GAAG,CAACY,IAAI,CAAC,IAAI,CAAC;IAClB;EAAC;IAAAtB,GAAA;IAAAC,KAAA,EACD,SAAAsB,KAAKA,CAAA,EAAG;MACJ,IAAI,CAACC,YAAY,IAAI,IAAI,CAAC7B,MAAM,CAAC4B,KAAK,CAAC,CAAC;IAC5C;IACA;AACJ;AACA;AACA;EAHI;IAAAvB,GAAA;IAAAC,KAAA,EAIA,SAAAwB,IAAIA,CAAA,EAAG;MACH;IAAA;IAEJ;AACJ;AACA;AACA;EAHI;IAAAzB,GAAA;IAAAC,KAAA,EAIA,SAAAyB,SAASA,CAACC,KAAK,EAAE;MACb;IAAA;IAEJ;AACJ;AACA;AACA;EAHI;IAAA3B,GAAA;IAAAC,KAAA,EAIA,SAAA2B,KAAKA,CAAA,EAAG;MACJ,IAAI,CAACjC,MAAM,IAAI,IAAI,CAACA,MAAM,CAACkC,OAAO,CAAC,CAAC;IACxC;IACA;AACJ;AACA;EAFI;IAAA7B,GAAA;IAAAC,KAAA,EAGA,SAAA6B,aAAaA,CAAA,EAAG;MACZ;IAAA;IAEJ;AACJ;AACA;AACA;EAHI;IAAA9B,GAAA;IAAAC,KAAA,EAIA,SAAA8B,gBAAgBA,CAACC,aAAa,EAAE;MAC5B;IAAA;IAEJ;AACJ;AACA;AACA;EAHI;IAAAhC,GAAA;IAAAC,KAAA,EAIA,SAAAgC,YAAYA,CAACC,MAAM,EAAE;MACjB;IAAA;IAEJ;AACJ;AACA;AACA;EAHI;IAAAlC,GAAA;IAAAC,KAAA,EAIA,SAAAkC,cAAcA,CAACC,KAAK,EAAE;MAClB;IAAA;IAEJ;AACJ;AACA;AACA;EAHI;IAAApC,GAAA;IAAAC,KAAA,EAIA,SAAAoC,cAAcA,CAACC,IAAI,EAAE;MACjB;IAAA;EACH;AAAA;AAAA,IAAAC,QAAA,GAAAC,OAAA,cAEUhD,iBAAiB","ignoreList":[]}

package/lib/history-control/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { GetHistoryUrlParams } from '../api/types';
-export declare type HistoryControlHandle = {
+export type HistoryControlHandle = {
     load: (channel: GetHistoryUrlParams) => void;
 };
 interface HistoryControlProps {
@@ -25,7 +25,7 @@ interface HistoryControlProps {
  * 历史视频控制器
  */
 export declare const HistoryControl: import("react").ForwardRefExoticComponent<HistoryControlProps & import("react").RefAttributes<HistoryControlHandle>>;
-export declare type UrlsTableItemType = {
+export type UrlsTableItemType = {
     /** 序号 */
     index: number;
     /** 设备名称 */

package/lib/history-control/index.js

@@ -22,13 +22,13 @@ var _table = _interopRequireDefault(require("antd/lib/table"));
 var _tooltip = _interopRequireDefault(require("antd/lib/tooltip"));
 var _moment = _interopRequireDefault(require("moment"));
 var _collapse = _interopRequireDefault(require("./images/collapse.png"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // import { Button, Space, Table, Tooltip } from 'antd';
+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 _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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } // import { Button, Space, Table, Tooltip } from 'antd';
 /** 默认播放器参数 */
 var DEFAULT_PLAY_PARAMS = {
   index: -1,
@@ -46,7 +46,7 @@ var DEFAULT_PLAY_PARAMS = {
 /**
  * 历史视频控制器
  */
-var HistoryControl = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+var HistoryControl = exports.HistoryControl = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$width = props.width,
     width = _props$width === void 0 ? '100%' : _props$width,
     _props$height = props.height,
@@ -404,7 +404,6 @@ var HistoryControl = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }))]
   }));
 });
-exports.HistoryControl = HistoryControl;
 HistoryControl.displayName = 'HistoryControl';
 var TimeLine = function TimeLine() {
   var getSplitLines = function getSplitLines() {
@@ -525,6 +524,5 @@ var TimeVerticalLine = function TimeVerticalLine(_ref) {
     onClick: onClick
   }) : (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
 };
-var _default = HistoryControl;
-exports["default"] = _default;
+var _default = exports["default"] = HistoryControl;
 //# sourceMappingURL=index.js.map