@ezuikit/player-theme 3.1.2-beta.3 → 3.1.3-beta.1

package/dist/index.cjs

@@ -1,6 +1,6 @@
 /*
-* @ezuikit/player-theme v3.1.2-beta.3
-* Copyright (c) 2026-08-14 08:18:55 Ezviz-OpenBiz
+* @ezuikit/player-theme v3.1.3-beta.1
+* Copyright (c) 2026-08-19 16:47:24 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 'use strict';
@@ -18,6 +18,7 @@ var controlPtz = require('@ezuikit/control-ptz');
 var RecListModal = require('@ezuikit/control-rec-list-modal');
 var controlDatePicker = require('@ezuikit/control-date-picker');
 var controlTimeLine = require('@ezuikit/control-time-line');
+var SegmentProgress = require('@ezuikit/control-segment-progress');
 
 /**
  * 播放器的类名前缀
@@ -48,7 +49,9 @@ var THEME_PROPS = [
     'videoLevelList',
     'videoLevel',
     'recMonth',
-    'url'
+    'url',
+    // 播放区间（片段分享）。通过 props 下发而不是靠事件，避免主题异步渲染时错过初始化事件
+    'playbackRange'
 ];
 /**
  * 当移动端 picker 控件打开时需要关闭动画（定时器）
@@ -93,7 +96,8 @@ var THEME_PROPS = [
     'ptz',
     'timeLine',
     'rec',
-    'date'
+    'date',
+    'segmentProgress'
 ];
 /**
  *
@@ -158,6 +162,7 @@ var EVENTS = {
     currentVideoLevelAuto: 'currentVideoLevelAuto',
     setAllDayRecTimes: 'setAllDayRecTimes',
     getOSDTime: 'getOSDTime',
+    /** 播放区间播放结束（SDK 层 playbackRange 特性） */ playbackEnd: 'playbackEnd',
     /**
    * 控件相关
    */ control: {
@@ -259,7 +264,7 @@ function _create_class$9(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$9(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _inherits$y(subClass, superClass) {
+function _inherits$z(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -270,14 +275,14 @@ function _inherits$y(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$y(subClass, superClass);
+    if (superClass) _set_prototype_of$z(subClass, superClass);
 }
-function _set_prototype_of$y(o, p) {
-    _set_prototype_of$y = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$z(o, p) {
+    _set_prototype_of$z = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$y(o, p);
+    return _set_prototype_of$z(o, p);
 }
 /**
  * 控件基类
@@ -291,11 +296,11 @@ function _set_prototype_of$y(o, p) {
  * const myControl = new MyControl({})
  * ```
  */ var Control = /*#__PURE__*/ function(EventEmitter) {
-    _inherits$y(Control, EventEmitter);
+    _inherits$z(Control, EventEmitter);
     function Control(options) {
         var _this;
         var _this___options;
-        _this = EventEmitter.call(this) || this, /** 具体语言对应的值 */ _this.locale = null, _this.__options = {}, _this._disabled = false, _this._active = false, _this._camelCaseName = '';
+        _this = EventEmitter.call(this) || this, /** 具体语言对应的值 */ _this.locale = null, _this.__options = {}, _this._disabled = false, _this._active = false, _this._camelCaseName = '', /** click 监听引用，销毁时需显式移除 */ _this._onClickHandler = null;
         _this.__options = options;
         _this.locale = getLocale(_this.__options.locales, _this.__options.language);
         _this._camelCaseName = _this.__options.classNameSuffix ? _this.__options.classNameSuffix.replace(/[-_\s]+(.)?/g, function(_, c) {
@@ -384,6 +389,12 @@ function _set_prototype_of$y(o, p) {
             this.emit("Control." + this._camelCaseName + "Destroy");
         }
         if (((_this___options = this.__options) == null ? void 0 : _this___options.controlType) !== 'block') this.$container.removeEventListener('dblclick', this._onDBlClick);
+        // 移除 click 监听
+        if (this._onClickHandler) {
+            var _this_$container1;
+            (_this_$container1 = this.$container) == null ? void 0 : _this_$container1.removeEventListener('click', this._onClickHandler);
+            this._onClickHandler = null;
+        }
         this._active = false;
         this.removeAllListeners();
         (_this_$container = this.$container) == null ? void 0 : (_this_$container_remove = _this_$container.remove) == null ? void 0 : _this_$container_remove.call(_this_$container);
@@ -412,14 +423,16 @@ function _set_prototype_of$y(o, p) {
    * 当点击 Control 时 触发子类的 _onControlClick
    */ _proto._onClick = function _onClick() {
         var _this = this;
-        this.$container.addEventListener('click', function(e) {
+        // 使用具名 handler 便于在 destroy 时精确移除，避免匿名监听残留
+        this._onClickHandler = function(e) {
             var _this_$container;
             // prettier-ignore
             if (!((_this_$container = _this.$container) == null ? void 0 : _this_$container.classList.contains("" + PREFIX_CLASS + "-disabled"))) {
                 // _onControlClick 来源自子类中
                 _this._onControlClick == null ? void 0 : _this._onControlClick.call(_this, e);
             }
-        });
+        };
+        this.$container.addEventListener('click', this._onClickHandler);
     };
     _proto._onDBlClick = function _onDBlClick(e) {
         e.stopPropagation();
@@ -466,21 +479,17 @@ function _set_prototype_of$y(o, p) {
     return Control;
 }(EventEmitter);
 
-function _extends$x() {
-    _extends$x = Object.assign || function(target) {
+function _extends$y() {
+    _extends$y = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$x.apply(this, arguments);
+    return _extends$y.apply(this, arguments);
 }
-function _inherits$x(subClass, superClass) {
+function _inherits$y(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -491,25 +500,25 @@ function _inherits$x(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$x(subClass, superClass);
+    if (superClass) _set_prototype_of$y(subClass, superClass);
 }
-function _set_prototype_of$x(o, p) {
-    _set_prototype_of$x = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$y(o, p) {
+    _set_prototype_of$y = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$x(o, p);
+    return _set_prototype_of$y(o, p);
 }
 var LOADING_DEFAULT_OPTIONS = {};
 /**
  * 加载动画控件
  * @category Control
  */ var Loading = /*#__PURE__*/ function(Control) {
-    _inherits$x(Loading, Control);
+    _inherits$y(Loading, Control);
     function Loading(options) {
         if (options === void 0) options = {};
         var _this;
-        _this = Control.call(this, Object.assign({}, LOADING_DEFAULT_OPTIONS, _extends$x({}, options, {
+        _this = Control.call(this, Object.assign({}, LOADING_DEFAULT_OPTIONS, _extends$y({}, options, {
             tagName: 'div',
             controlType: 'block',
             classNameSuffix: 'loading'
@@ -547,21 +556,17 @@ var LOADING_DEFAULT_OPTIONS = {};
     return Loading;
 }(Control);
 
-function _extends$w() {
-    _extends$w = Object.assign || function(target) {
+function _extends$x() {
+    _extends$x = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$w.apply(this, arguments);
+    return _extends$x.apply(this, arguments);
 }
-function _inherits$w(subClass, superClass) {
+function _inherits$x(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -572,14 +577,14 @@ function _inherits$w(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$w(subClass, superClass);
+    if (superClass) _set_prototype_of$x(subClass, superClass);
 }
-function _set_prototype_of$w(o, p) {
-    _set_prototype_of$w = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$x(o, p) {
+    _set_prototype_of$x = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$w(o, p);
+    return _set_prototype_of$x(o, p);
 }
 // 不放在服务器上 是因为有可能http加载失败
 // prettier-ignore
@@ -591,11 +596,11 @@ var POSTER_OPTIONS = {
  * 封面控件
  * @category Control
  */ var Poster = /*#__PURE__*/ function(Control) {
-    _inherits$w(Poster, Control);
+    _inherits$x(Poster, Control);
     function Poster(options) {
         if (options === void 0) options = {};
         var _this;
-        _this = Control.call(this, Object.assign({}, POSTER_OPTIONS, _extends$w({}, options, {
+        _this = Control.call(this, Object.assign({}, POSTER_OPTIONS, _extends$x({}, options, {
             tagName: 'div',
             controlType: 'block',
             classNameSuffix: 'poster'
@@ -661,7 +666,7 @@ var POSTER_OPTIONS = {
 var Icons = {
     /** 播放 */ play: '<svg width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor" focusable="false" aria-hidden="true" data-icon="play">\n      <rect x="6.5" y="5.5" rx="1.25" width="2.5" height="13"/>\n      <rect x="15" y="5.5" rx="1.25" width="2.5" height="13"/>\n    </svg>',
     /** 暂停 */ pause: '<svg width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor"  focusable="false" aria-hidden="true" data-icon="pause"> <path d="M17.5 13.66L9.1 19.26C7.78 20.14 6 19.19 6 17.59L6 6.4C6 4.8 7.78 3.85 9.1 4.73L17.5 10.33C18.69 11.12 18.69 12.87 17.5 13.66Z" /></svg>',
-    /** 音量 */ volume: function(prefix) {
+    /** 音量 */ volume: function volume(prefix) {
         return '<svg  width="1em" height="1em" viewBox="0 0 24 24" stroke="currentColor" fill="none" focusable="false" aria-hidden="true" data-icon="volume">\n     	<path class="' + prefix + '-icon-volume-muted" d="M20.57 9.69L16.07 14.19" stroke-width="1.500000" stroke-linejoin="round" stroke-linecap="round"/>\n     	<path class="' + prefix + '-icon-volume-muted" d="M20.57 14.19L16.07 9.69" stroke-width="1.500000" stroke-linejoin="round" stroke-linecap="round"/>\n      <!-- 音低 -->\n      <path class="' + prefix + '-icon-volume-low" d="M15.53 15.97C16.69 15.25 17.49 13.75 17.49 12C17.49 10.25 16.69 8.75 15.53 8.02" stroke-width="1.500000" stroke-linejoin="round" stroke-linecap="round"/>\n     	<!-- 音高 -->\n      <path class="' + prefix + '-icon-volume-high" d="M18.5 19.06C20.31 17.5 21.49 14.93 21.49 12C21.49 9.07 20.31 6.48 18.49 4.93" stroke-width="1.500000" stroke-linejoin="round" stroke-linecap="round"/>\n     	<path d="M5.87 8.62L9.85 5.25C10.5 4.7 11.49 5.16 11.49 6.01L11.49 17.98C11.49 18.83 10.5 19.29 9.85 18.74L5.87 15.37" stroke-width="1.500000" stroke-linejoin="round" stroke-linecap="round"/>\n     	<path d="M5.87 15.37L3.49 15.37C2.94 15.37 2.49 14.92 2.49 14.37L2.49 9.62C2.49 9.07 2.94 8.62 3.49 8.62L5.87 8.62" stroke-width="1.500000" stroke-linejoin="round" stroke-linecap="round"/>\n    </svg>';
     },
     /** 全屏 */ mobileFullscreen: '<svg width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor" focusable="false" aria-hidden="true" data-icon="mobile-fullscreen">\n      <path d="M4 2.9082L11 2.9082C12.5188 2.9082 13.75 4.1394 13.75 5.6582L13.75 17.6582C13.75 19.177 12.5188 20.4082 11 20.4082L4 20.4082C2.4812 20.4082 1.25 19.177 1.25 17.6582L1.25 5.6582C1.25 4.1394 2.4812 2.9082 4 2.9082ZM4 4.4082L11 4.4082C11.6903 4.4082 12.25 4.9679 12.25 5.6582L12.25 17.6582C12.25 18.3485 11.6903 18.9082 11 18.9082L4 18.9082C3.30969 18.9082 2.75 18.3485 2.75 17.6582L2.75 5.6582C2.75 4.9679 3.30969 4.4082 4 4.4082ZM22.1511 18.3113C22.1511 19.3595 21.2467 20.1652 20.1509 20.2362L19.993 20.2413L15.2939 20.2413C14.8798 20.2413 14.5439 19.9055 14.5439 19.4913C14.5439 19.1116 14.8262 18.7979 15.1921 18.7482L15.2939 18.7413L19.993 18.7413C20.344 18.7413 20.5962 18.5592 20.6432 18.3732L20.6511 18.3113L20.6511 12.4895C20.6511 12.3048 20.4338 12.1042 20.1062 12.066L19.993 12.0594L15.2939 12.0594C14.8798 12.0594 14.5439 11.7238 14.5439 11.3094C14.5439 10.9298 14.8262 10.616 15.1921 10.5663L15.2939 10.5594L19.993 10.5594C21.1055 10.5594 22.0605 11.3175 22.145 12.3416L22.1511 12.4895L22.1511 18.3113ZM10.3225 16.1035C10.3225 15.6893 9.98669 15.3535 9.57251 15.3535L5.84644 15.3535L5.74463 15.3604C5.37854 15.41 5.09644 15.7239 5.09644 16.1035C5.09644 16.5177 5.43225 16.8535 5.84644 16.8535L9.57251 16.8535L9.67432 16.8467C10.0404 16.797 10.3225 16.4832 10.3225 16.1035Z" clip-rule="evenodd" fill-rule="evenodd"/>\n    </svg>',
@@ -687,7 +692,7 @@ var Icons = {
     /** 录制/摄像机 */ record: '<svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" focusable="false" aria-hidden="true" data-icon="record">\n      <path d="M4.53 19C3.03 19 1.8 17.74 1.8 16.2L1.8 7.8C1.8 6.25 3.03 5 4.53 5L14.08 5C15.58 5 16.8 6.25 16.8 7.8L16.8 16.2C16.8 17.74 15.58 19 14.08 19L4.53 19Z" stroke-width="1.5" stroke-linejoin="round"/>\n      <path d="M17.25 13.64C17.94 14.2 18.97 15.03 20.36 16.15C21.09 16.74 22.19 16.21 22.19 15.27L22.19 8.72C22.19 7.78 21.09 7.25 20.36 7.84C18.99 8.94 17.96 9.77 17.28 10.32" stroke-width="1.5" stroke-linejoin="round" stroke-linecap="round"/>\n    </svg>',
     recordCircle: '<svg width="1em" height="1em" viewBox="0 0 14 14" fill="currentColor" stroke="none" focusable="false" aria-hidden="true" data-icon="record-circle">\n		<path d="M7.00044 2.5C9.70278 2.5 11.8935 4.69068 11.8935 7.39302C11.8935 10.0954 9.70278 12.286 7.00044 12.286C4.2981 12.286 2.10742 10.0954 2.10742 7.39302C2.10742 4.69068 4.2981 2.5 7.00044 2.5ZM7.00044 3.5C4.85039 3.5 3.10742 5.24296 3.10742 7.39302C3.10742 9.54307 4.85039 11.286 7.00044 11.286C9.15049 11.286 10.8935 9.54307 10.8935 7.39302C10.8935 5.24296 9.15049 3.5 7.00044 3.5ZM9.50049 7.39252C9.50049 6.01181 8.3812 4.89252 7.00049 4.89252C5.61978 4.89252 4.50049 6.01181 4.50049 7.39252C4.50049 8.77323 5.61978 9.89252 7.00049 9.89252C8.3812 9.89252 9.50049 8.77323 9.50049 7.39252Z" fill-rule="evenodd" />\n  </svg>\n  ',
     /** 对讲 */ talk: '<svg width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" focusable="false" aria-hidden="true" data-icon="talk">\n      	<path stroke="none" d="M12.22 18.95C12.65 18.95 13.01 19.21 13.07 19.54L13.08 19.64L13.08 21.78C13.08 22.16 12.69 22.47 12.22 22.47C11.78 22.47 11.42 22.21 11.37 21.87L11.36 21.78L11.36 19.64C11.36 19.26 11.74 18.95 12.22 18.95Z" fill-rule="evenodd"/>\n        <path d="M19.53 11.37L19.53 11.58C19.53 15.74 16.15 19.11 11.99 19.11C7.83 19.11 4.46 15.74 4.46 11.58L4.46 11.43" fill="none" stroke-width="1.5" stroke-linecap="round"/>\n        <path stroke="none" d="M12.05 1.52C9.3 1.52 7.07 3.58 7.07 6.12L7.07 12.07C7.07 14.61 9.3 16.67 12.05 16.67C14.79 16.67 17.02 14.61 17.02 12.07L17.02 6.12C17.02 3.58 14.79 1.52 12.05 1.52ZM8.57 12.07L8.57 6.12C8.57 5.94 8.59 5.75 8.63 5.57C8.67 5.36 8.74 5.16 8.83 4.96C8.86 4.89 8.9 4.82 8.93 4.75C9.09 4.46 9.3 4.21 9.55 3.97C9.64 3.89 9.73 3.81 9.83 3.74C10.08 3.55 10.35 3.4 10.66 3.28C10.79 3.23 10.93 3.19 11.06 3.15C11.38 3.07 11.71 3.02 12.05 3.02C12.38 3.02 12.71 3.07 13.03 3.15C13.17 3.19 13.3 3.23 13.43 3.28C13.74 3.4 14.02 3.55 14.27 3.74C14.36 3.81 14.45 3.89 14.54 3.97C14.79 4.21 15 4.46 15.16 4.75C15.2 4.82 15.23 4.89 15.26 4.96C15.35 5.16 15.42 5.36 15.46 5.57C15.5 5.75 15.52 5.94 15.52 6.12L15.52 12.07C15.52 12.26 15.5 12.44 15.46 12.63C15.42 12.83 15.35 13.04 15.26 13.24C15.23 13.31 15.2 13.38 15.16 13.45C15 13.73 14.79 13.99 14.54 14.22C14.45 14.3 14.36 14.38 14.27 14.45C14.02 14.64 13.74 14.79 13.43 14.91C13.3 14.96 13.17 15.01 13.03 15.05C12.71 15.13 12.38 15.17 12.05 15.17C11.71 15.17 11.38 15.13 11.06 15.05C10.93 15.01 10.79 14.96 10.66 14.91C10.35 14.79 10.08 14.64 9.83 14.45C9.73 14.38 9.64 14.3 9.55 14.22C9.3 13.99 9.09 13.73 8.93 13.45C8.9 13.38 8.86 13.31 8.83 13.24C8.74 13.04 8.67 12.83 8.63 12.63C8.59 12.44 8.57 12.26 8.57 12.07Z" fill-rule="evenodd"/>\n      </svg>',
-    talkGrowth: function(prefix) {
+    talkGrowth: function talkGrowth(prefix) {
         return '<svg width="1em" height="1em" viewBox="0 0 24 24" focusable="false" aria-hidden="true" data-icon="talk-growth">\n      		<g fill="currentColor" stroke="currentColor">\n            <path stroke="none" d="M9.22313 18.9543C9.6588 18.9543 10.0189 19.2133 10.0759 19.5494L10.0837 19.6428L10.0837 21.7847C10.0837 22.1649 9.69841 22.4732 9.22313 22.4732C8.78745 22.4732 8.42739 22.2142 8.37041 21.8781L8.36255 21.7847L8.36255 19.6428C8.36255 19.2626 8.74784 18.9543 9.22313 18.9543Z" fill-rule="evenodd" />\n            <path d="M16.5323 11.3779L16.5323 11.5872C16.5323 15.7472 13.1599 19.1197 8.99981 19.1197C4.83971 19.1197 1.46729 15.7472 1.46729 11.5872L1.46729 11.4335" fill-rule="evenodd" fill="none" stroke-width="1.5" />\n            <path stroke="none" d="M4.07861 6.12978C4.07861 3.589 6.30476 1.5293 9.05085 1.5293C11.7969 1.5293 14.0231 3.589 14.0231 6.12978L14.0231 12.075C14.0231 14.6158 11.7969 16.6755 9.05085 16.6755C6.30476 16.6755 4.07861 14.6158 4.07861 12.075L4.07861 6.12978ZM5.57861 12.075L5.57861 6.12978C5.57861 5.94083 5.597 5.75561 5.63376 5.57412C5.67605 5.36539 5.74265 5.16158 5.83357 4.9627C5.86625 4.8912 5.90164 4.82121 5.93974 4.75272C6.09781 4.4685 6.30245 4.21019 6.55365 3.97777C6.64206 3.89597 6.73424 3.81921 6.83019 3.7475C7.0816 3.55959 7.3589 3.40632 7.66207 3.28767C7.79552 3.23545 7.93107 3.19114 8.06871 3.15475C8.38503 3.07111 8.71241 3.0293 9.05085 3.0293C9.38929 3.0293 9.71668 3.07112 10.033 3.15475C10.1706 3.19114 10.3062 3.23545 10.4396 3.28767C10.7428 3.40632 11.0201 3.55959 11.2715 3.74749C11.3675 3.81921 11.4596 3.89596 11.548 3.97777C11.7993 4.2102 12.0039 4.46853 12.162 4.75276C12.2001 4.82124 12.2354 4.89122 12.2681 4.9627C12.359 5.16157 12.4256 5.36536 12.4679 5.57407C12.5047 5.75558 12.5231 5.94082 12.5231 6.12978L12.5231 12.075C12.5231 12.264 12.5047 12.4492 12.4679 12.6307C12.4256 12.8394 12.359 13.0432 12.2681 13.2421C12.2355 13.3136 12.2001 13.3835 12.162 13.452C12.0039 13.7362 11.7993 13.9946 11.548 14.227C11.4596 14.3088 11.3675 14.3856 11.2715 14.4573C11.0201 14.6452 10.7428 14.7985 10.4396 14.9171C10.3062 14.9693 10.1706 15.0136 10.033 15.05C9.71667 15.1337 9.38929 15.1755 9.05085 15.1755C8.71241 15.1755 8.38503 15.1337 8.06871 15.05C7.93107 15.0136 7.79552 14.9693 7.66207 14.9171C7.3589 14.7985 7.0816 14.6452 6.83019 14.4573C6.73424 14.3856 6.64206 14.3088 6.55365 14.227C6.30244 13.9946 6.09779 13.7363 5.93972 13.452C5.90163 13.3836 5.86625 13.3136 5.83357 13.2421C5.74265 13.0432 5.67605 12.8394 5.63377 12.6307C5.597 12.4492 5.57861 12.264 5.57861 12.075Z" fill-rule="evenodd" />\n          </g>\n          <g class="' + prefix + '-icon-talk-growth-dot">\n            <path class="' + prefix + '-icon-talk-growth-dot1" d="M19.1333 6.40039L22.8667 6.40039" stroke="currentColor" stroke-linecap="round" stroke-width="1.86666667" />\n            <path class="' + prefix + '-icon-talk-growth-dot2" d="M19.1333 10.1338L21.9331 10.1338" stroke="currentColor" stroke-linecap="round" stroke-width="1.86666667" />\n            <path class="' + prefix + '-icon-talk-growth-dot3" d="M19.1333 13.8672L20.9995 13.8672" stroke="currentColor" stroke-linecap="round" stroke-width="1.86666667" />\n            <path class="' + prefix + '-icon-talk-growth-dot4" d="M19.1333 17.6001L20.0669 17.6001" stroke="currentColor" stroke-linecap="round" stroke-width="1.86666667" />\n          </g>\n      </svg>';
     },
     /** 语音广播 */ broadcast: '\n  <svg width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor" stroke="none" focusable="false" aria-hidden="true" data-icon="broadcast">\n <g>\n  <path id="矢量 1" d="m8.52109,6.76609l6.17823,-2.91335c0.2485,-0.11718 0.5027,-0.19531 0.7627,-0.2351c0.2034,-0.03077 0.4104,-0.03809 0.6211,-0.02173c0.2092,0.01636 0.4116,0.05493 0.6069,0.11621c0.2278,0.07129 0.4461,0.1731 0.6548,0.30542c0.2087,0.13232 0.394,0.28638 0.5557,0.46216l0.0002,0l0,0c0.1384,0.15064 0.2598,0.31714 0.3638,0.49951c0.1047,0.18335 0.1865,0.37354 0.2451,0.57081c0.0752,0.25219 0.1128,0.51562 0.1128,0.79004l0,10.64651c0,0.2744 -0.0376,0.5379 -0.1128,0.7901l0,0c-0.0586,0.197 -0.1404,0.3874 -0.2451,0.5708c-0.104,0.1823 -0.2254,0.3488 -0.364,0.4995c-0.1617,0.1758 -0.347,0.3298 -0.5557,0.4621c-0.2087,0.1324 -0.427,0.2342 -0.6548,0.3054c-0.1953,0.0611 -0.3977,0.0999 -0.6069,0.1163c-0.2107,0.0163 -0.4175,0.009 -0.6209,-0.0218c-0.2602,-0.0398 -0.5144,-0.1181 -0.7629,-0.2351l-5.45044,-2.5703l0,2.759c0,0.1036 -0.01831,0.1995 -0.05494,0.2879c-0.03662,0.0886 -0.09155,0.1692 -0.16479,0.2424c-0.14624,0.1465 -0.32324,0.2197 -0.53027,0.2197l-2,0c-0.14209,0 -0.27344,-0.0373 -0.39429,-0.112c-0.12085,-0.0745 -0.21289,-0.1756 -0.27661,-0.3025l-1.99268,-3.9856c-0.06225,-0.0234 -0.12402,-0.0481 -0.18555,-0.074c-0.26953,-0.114 -0.52417,-0.2502 -0.7644,-0.4084c-0.26636,-0.1758 -0.51489,-0.3789 -0.74512,-0.6094c-0.23047,-0.2302 -0.43359,-0.4788 -0.60937,-0.7451c-0.1582,-0.2403 -0.29444,-0.4949 -0.40845,-0.7644c-0.11328,-0.2679 -0.20068,-0.5413 -0.26245,-0.8206l0,0c-0.07398,-0.3347 -0.11108,-0.6775 -0.11108,-1.0286c0,-0.351 0.0371,-0.6938 0.11108,-1.0285c0.06177,-0.2793 0.14917,-0.5528 0.26245,-0.8206c0.11401,-0.26953 0.25025,-0.52417 0.40845,-0.7644c0.17578,-0.26636 0.3789,-0.5149 0.60937,-0.74512c0.23023,-0.23047 0.47876,-0.4336 0.74512,-0.60938l0,0c0.24023,-0.1582 0.49487,-0.29444 0.7644,-0.40845c0.26783,-0.11328 0.54126,-0.20068 0.82056,-0.26245l0,0l0,0l0,0c0.33472,-0.07398 0.67749,-0.11109 1.02857,-0.11109l2.93872,0c0.02636,-0.0166 0.05444,-0.03198 0.08349,-0.04589zm0.72876,8.47948l6.08937,2.8716c0.1287,0.0606 0.2598,0.0987 0.3935,0.114c0.0772,0.0088 0.1551,0.0103 0.2337,0.0042c0.0857,-0.0068 0.1687,-0.0217 0.2495,-0.0452c0.1133,-0.0329 0.2219,-0.0822 0.3257,-0.1479c0.104,-0.0659 0.1948,-0.1431 0.2729,-0.2317c0.0554,-0.063 0.1045,-0.1318 0.147,-0.2063c0.0393,-0.0686 0.0713,-0.1397 0.0962,-0.2131c0.043,-0.1277 0.0647,-0.2625 0.0647,-0.4046l0,-10.64651c0,-0.14209 -0.0217,-0.2771 -0.0647,-0.40454c-0.0249,-0.07349 -0.0569,-0.14454 -0.0962,-0.21314c-0.0425,-0.07471 -0.0916,-0.14331 -0.147,-0.2063c-0.0781,-0.08862 -0.1689,-0.16577 -0.2729,-0.23169c-0.1038,-0.06567 -0.2124,-0.11523 -0.3257,-0.14795c-0.0808,-0.02344 -0.1638,-0.03833 -0.2495,-0.04517c-0.0786,-0.0061 -0.1565,-0.00463 -0.2337,0.00415c-0.1337,0.01539 -0.2648,0.05347 -0.3935,0.11402l-6.09034,2.87208l0.00097,7.16405zm13.58447,-7.9121l-2,1c-0.3757,0.18775 -0.8184,0.04029 -1.0063,-0.33545c-0.0552,-0.11035 -0.0813,-0.22656 -0.0813,-0.34033c0,-0.27344 0.1516,-0.53321 0.4167,-0.66602l2,-1c0.3757,-0.18775 0.8186,-0.04004 1.0064,0.33545c0.0551,0.11035 0.0813,0.22656 0.0813,0.34033c0,0.27368 -0.1514,0.53345 -0.4168,0.66602zm-15.08544,8.9785l-2.08667,0l1.30029,2.6006l0.78638,0l0,-2.6006zm0,-7.99998l-2.25,0c-0.24976,0 -0.49317,0.02734 -0.73023,0.08179c-0.18188,0.04174 -0.36011,0.09961 -0.53467,0.17334c-0.17944,0.07593 -0.34961,0.1665 -0.51049,0.27124c-0.18702,0.12231 -0.36133,0.26416 -0.52271,0.42554c-0.16138,0.16137 -0.30322,0.33569 -0.42554,0.52267c-0.10473,0.1609 -0.19531,0.3311 -0.27124,0.5105c-0.07373,0.1746 -0.13159,0.3528 -0.17334,0.5347c-0.05444,0.2371 -0.08178,0.4805 -0.08178,0.7302c0,0.2498 0.02734,0.4932 0.08178,0.7303c0.04175,0.1818 0.09961,0.3601 0.17334,0.5346c0.07593,0.1795 0.16651,0.3496 0.27124,0.5105c0.12232,0.187 0.26416,0.3614 0.42554,0.5227c0.16138,0.1614 0.33569,0.3033 0.52271,0.4256c0.16088,0.1047 0.33105,0.1953 0.51049,0.2712c0.17456,0.0737 0.35279,0.1316 0.53467,0.1734c0.23706,0.0544 0.48047,0.0817 0.73023,0.0817l2.25097,0l-0.00097,-6.49998zm12.75004,2.60058l2,0c0.4199,0 0.75,0.3301 0.75,0.75c0,0.4199 -0.3301,0.75 -0.75,0.75l-2,0c-0.42,0 -0.75,-0.3301 -0.75,-0.75c0,-0.4199 0.33,-0.75 0.75,-0.75zm0.3354,4.0791l2,1c0.2654,0.1326 0.4168,0.3924 0.4168,0.6661c0,0.1137 -0.0262,0.2299 -0.0813,0.3403c-0.1878,0.3755 -0.6307,0.5232 -1.0064,0.3354l-2,-1c-0.2651,-0.1328 -0.4167,-0.3925 -0.4167,-0.666c0,-0.1138 0.0261,-0.23 0.0813,-0.3403c0.1879,-0.3758 0.6306,-0.5232 1.0063,-0.3355z" fill-rule="evenodd"/>\n </g>\n</svg>',
@@ -729,179 +734,175 @@ var Icons = {
     return '<span class="' + PREFIX_CLASS + "-icon " + PREFIX_CLASS + "-icon-" + type + '" ' + attrStr + ">" + svg + "</span>";
 }
 var IconComponents = {
-    /** 播放 */ play: function(attr) {
+    /** 播放 */ play: function play(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.play, 'play', attr);
     },
-    /** 暂停 */ pause: function(attr) {
+    /** 暂停 */ pause: function pause(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.pause, 'pause', attr);
     },
-    volume: function(attr) {
+    volume: function volume(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.volume(PREFIX_CLASS), 'volume', attr);
     },
-    mobileFullscreen: function(attr) {
+    mobileFullscreen: function mobileFullscreen(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.mobileFullscreen, 'mobile-fullscreen', attr);
     },
-    exitFullscreen: function(attr) {
+    exitFullscreen: function exitFullscreen(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.exitFullscreen, 'exit-fullscreen', attr);
     },
-    fullscreen: function(attr) {
+    fullscreen: function fullscreen(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.fullscreen, 'fullscreen', attr);
     },
-    exitGlobalFullscreen: function(attr) {
+    exitGlobalFullscreen: function exitGlobalFullscreen(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.exitGlobalFullscreen, 'exit-global-fullscreen', attr);
     },
-    globalFullscreen: function(attr) {
+    globalFullscreen: function globalFullscreen(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.globalFullscreen, 'global-fullscreen', attr);
     },
-    capturePicture: function(attr) {
+    capturePicture: function capturePicture(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.capturePicture, 'capture-picture', attr);
     },
-    ptz: function(attr) {
+    ptz: function ptz(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.ptz, 'ptz', attr);
     },
-    record: function(attr) {
+    record: function record(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.record, 'record', attr);
     },
-    recordCircle: function(attr) {
+    recordCircle: function recordCircle(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.recordCircle, 'record-circle', attr);
     },
-    talk: function(attr) {
+    talk: function talk(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.talk, 'talk', attr);
     },
-    broadcast: function(attr) {
+    broadcast: function broadcast(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.broadcast, 'broadcast', attr);
     },
-    aiChat: function(attr) {
+    aiChat: function aiChat(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.aiChat, 'aiChat', attr);
     },
-    talkGrowth: function(attr) {
+    talkGrowth: function talkGrowth(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.talkGrowth(PREFIX_CLASS), 'talk-growth', attr);
     },
-    zoom: function(attr) {
+    zoom: function zoom(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.zoom, 'zoom', attr);
     },
-    more: function(attr) {
+    more: function more(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.more, 'more', attr);
     },
-    moreDot: function(attr) {
+    moreDot: function moreDot(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.moreDot, 'more-dot', attr);
     },
-    minusCircle: function(attr) {
+    minusCircle: function minusCircle(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.minusCircle, 'minus-circle', attr);
     },
-    plusCircle: function(attr) {
+    plusCircle: function plusCircle(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.plusCircle, 'plus-circle', attr);
     },
-    sdk: function(attr) {
+    sdk: function sdk(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.sdk, 'sdk', attr);
     },
-    cloudRec: function(attr) {
+    cloudRec: function cloudRec(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.cloudRec, 'cloud-rec', attr);
     },
-    cloudRecord: function(attr) {
+    cloudRecord: function cloudRecord(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.cloudRecord, 'cloud-record', attr);
     },
-    error: function(attr) {
+    error: function error(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.error, 'error', attr);
     },
-    info: function(attr) {
+    info: function info(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.info, 'info', attr);
     },
-    close: function(attr) {
+    close: function close(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.close, 'close', attr);
     },
-    closeCircleOutLined: function(attr) {
+    closeCircleOutLined: function closeCircleOutLined(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.closeCircleOutLined, 'close-circle', attr);
     },
-    warnCircleOutLined: function(attr) {
+    warnCircleOutLined: function warnCircleOutLined(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.warnCircleOutLined, 'warn-circle', attr);
     },
-    infoCircleOutLined: function(attr) {
+    infoCircleOutLined: function infoCircleOutLined(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.infoCircleOutLined, 'info-circle', attr);
     },
-    date: function(attr) {
+    date: function date(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.date, 'date', attr);
     },
-    filter: function(attr) {
+    filter: function filter(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.filter, 'filter', attr);
     },
-    add: function(attr) {
+    add: function add(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.add, 'add', attr);
     },
-    reduce: function(attr) {
+    reduce: function reduce(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.reduce, 'reduce', attr);
     },
-    /** 直播 */ live: function(attr) {
+    /** 直播 */ live: function live(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.live, 'live', attr);
     },
-    /** 回放 */ recDropdown: function(attr) {
+    /** 回放 */ recDropdown: function recDropdown(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.recDropdown, 'rec-dropdown', attr);
     },
-    /** 录像列表 */ recList: function(attr) {
+    /** 录像列表 */ recList: function recList(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.list, 'rec-list', attr);
     },
-    /** 消息 */ alarmMessage: function(attr) {
+    /** 消息 */ alarmMessage: function alarmMessage(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.alarmMessage, 'alarm-message', attr);
     },
-    time: function(attr) {
+    time: function time(attr) {
         if (attr === void 0) attr = {};
         return createIcon(Icons.time, 'time', attr);
     }
 };
 
-function _extends$v() {
-    _extends$v = Object.assign || function(target) {
+function _extends$w() {
+    _extends$w = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$v.apply(this, arguments);
+    return _extends$w.apply(this, arguments);
 }
-function _inherits$v(subClass, superClass) {
+function _inherits$w(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -912,25 +913,25 @@ function _inherits$v(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$v(subClass, superClass);
+    if (superClass) _set_prototype_of$w(subClass, superClass);
 }
-function _set_prototype_of$v(o, p) {
-    _set_prototype_of$v = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$w(o, p) {
+    _set_prototype_of$w = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$v(o, p);
+    return _set_prototype_of$w(o, p);
 }
 var MESSAGE_DEFAULT_OPTIONS = {};
 /**
  * 消息控件
  * @category Control
  */ var Message = /*#__PURE__*/ function(Control) {
-    _inherits$v(Message, Control);
+    _inherits$w(Message, Control);
     function Message(options) {
         if (options === void 0) options = {};
         var _this;
-        _this = Control.call(this, Object.assign({}, MESSAGE_DEFAULT_OPTIONS, _extends$v({}, options, {
+        _this = Control.call(this, Object.assign({}, MESSAGE_DEFAULT_OPTIONS, _extends$w({}, options, {
             tagName: 'div',
             controlType: 'block'
         }))) || this, _this._$toast = null;
@@ -1087,21 +1088,17 @@ function _create_class$8(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$8(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _extends$u() {
-    _extends$u = Object.assign || function(target) {
+function _extends$v() {
+    _extends$v = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$u.apply(this, arguments);
+    return _extends$v.apply(this, arguments);
 }
-function _inherits$u(subClass, superClass) {
+function _inherits$v(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -1112,23 +1109,23 @@ function _inherits$u(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$u(subClass, superClass);
+    if (superClass) _set_prototype_of$v(subClass, superClass);
 }
-function _set_prototype_of$u(o, p) {
-    _set_prototype_of$u = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$v(o, p) {
+    _set_prototype_of$v = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$u(o, p);
+    return _set_prototype_of$v(o, p);
 }
 /**
  * 播放/暂停控件
  * @category Control
  */ var Play = /*#__PURE__*/ function(Control) {
-    _inherits$u(Play, Control);
+    _inherits$v(Play, Control);
     function Play(options) {
         var _this;
-        _this = Control.call(this, _extends$u({}, options, {
+        _this = Control.call(this, _extends$v({}, options, {
             tagName: 'span',
             controlType: 'button',
             classNameSuffix: 'play'
@@ -1214,14 +1211,6 @@ function _array_like_to_array$2(arr, len) {
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _unsupported_iterable_to_array$2(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$2(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(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$2(o, minLen);
-}
 function _create_for_of_iterator_helper_loose$2(o, allowArrayLike) {
     var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
     if (it) return (it = it.call(o)).next.bind(it);
@@ -1229,18 +1218,24 @@ function _create_for_of_iterator_helper_loose$2(o, allowArrayLike) {
         if (it) o = it;
         var i = 0;
         return function() {
-            if (i >= o.length) {
-                return {
-                    done: true
-                };
-            }
+            if (i >= o.length) return {
+                done: true
+            };
             return {
                 done: false,
                 value: o[i++]
             };
         };
     }
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _unsupported_iterable_to_array$2(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array$2(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(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$2(o, minLen);
 }
 /**
  * 工具类
@@ -1267,7 +1262,7 @@ function _create_for_of_iterator_helper_loose$2(o, allowArrayLike) {
    */ // prettier-ignore
     Utils.orientationEventListener = function orientationEventListener(change) {
         var _orientationTimer = null;
-        var getOrientation = function() {
+        var getOrientation = function getOrientation() {
             var _screen, _window;
             // 现代浏览器方案
             if ((_screen = screen) == null ? void 0 : _screen.orientation) {
@@ -1304,7 +1299,7 @@ function _create_for_of_iterator_helper_loose$2(o, allowArrayLike) {
         };
         var orientation = getOrientation();
         // 监听变化（兼容写法）
-        var onOrientationChange = function() {
+        var onOrientationChange = function onOrientationChange() {
             var newOrientation = getOrientation == null ? void 0 : getOrientation();
             // console.log("onOrientationChange", newOrientation, orientation)
             // prettier-ignore
@@ -1313,7 +1308,7 @@ function _create_for_of_iterator_helper_loose$2(o, allowArrayLike) {
                 orientation = newOrientation;
             }
         };
-        var onResize = function() {
+        var onResize = function onResize() {
             // 防抖处理
             if (_orientationTimer) clearTimeout(_orientationTimer);
             if (onOrientationChange) _orientationTimer = setTimeout(onOrientationChange, 200);
@@ -1368,7 +1363,7 @@ function _create_for_of_iterator_helper_loose$2(o, allowArrayLike) {
    */ // prettier-ignore
     Utils.resizeObserver = function resizeObserver(node, callback) {
         // prettier-ignore
-        var observerFn = function(entries, observer) {
+        var observerFn = function observerFn(entries, observer) {
             for(var _iterator = _create_for_of_iterator_helper_loose$2(entries), _step; !(_step = _iterator()).done;){
                 var entry = _step.value;
                 if (entry.target === node) {
@@ -1432,9 +1427,9 @@ var PROGRESS_DEFAULT_OPTIONS = {
     showPlus: false,
     showMinus: false,
     isRotated: false,
-    onChange: function() {
+    onChange: function onChange() {
     /* no-op */ },
-    renderText: function(_, percent) {
+    renderText: function renderText(_, percent) {
         return (percent * 100).toFixed(0);
     }
 };
@@ -1457,6 +1452,7 @@ var PROGRESS_DEFAULT_OPTIONS = {
  * })
  */ var Progress = /*#__PURE__*/ function() {
     function Progress(options) {
+        var _this_options_defaultValue;
         var _this_options_range;
         this._percent = 0;
         this._value = 0;
@@ -1478,7 +1474,6 @@ var PROGRESS_DEFAULT_OPTIONS = {
         this.$container = options.container;
         this._render();
         this._eventListeners();
-        var _this_options_defaultValue;
         var value = (_this_options_defaultValue = this.options.defaultValue) != null ? _this_options_defaultValue : this.options.range[0]; // 设置默认值
         this._value = +value.toFixed(2); // 保留两位小数
         // prettier-ignore
@@ -1551,8 +1546,8 @@ var PROGRESS_DEFAULT_OPTIONS = {
         this._percent = +((value - this.options.range[0]) / (this.options.range[1] - this.options.range[0])).toFixed(2);
     };
     _proto._render = function _render() {
-        this.$content = document.createElement('div');
         var _this_options_className;
+        this.$content = document.createElement('div');
         this.$content.className = PREFIX_CLASS + "-progress " + ((_this_options_className = this.options.className) != null ? _this_options_className : '');
         this.$content.innerHTML = (this.options.showPercent ? '<div class="' + PREFIX_CLASS + '-progress-text">' + (this.options.renderText == null ? void 0 : this.options.renderText.call(this.options, this._value, this._percent, this.options.range)) + "</div>" : '') + "\n            " + (this.options.showPlus ? '<div class="' + PREFIX_CLASS + '-progress-plus">\n              ' + IconComponents.plusCircle() + "\n            </div>" : '') + '\n            <div class="' + PREFIX_CLASS + '-progress-slider">\n                <div class="' + PREFIX_CLASS + '-progress-slider-fill"></div>\n                <div class="' + PREFIX_CLASS + '-progress-slider-handle" style="top: 100%"></div>\n            </div>\n            ' + (this.options.showMinus ? '<div class="' + PREFIX_CLASS + '-progress-minus">\n            ' + IconComponents.minusCircle() + "\n            </div>" : '');
         this.$container.appendChild(this.$content);
@@ -1744,21 +1739,17 @@ function _create_class$6(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$6(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _extends$t() {
-    _extends$t = Object.assign || function(target) {
+function _extends$u() {
+    _extends$u = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$t.apply(this, arguments);
+    return _extends$u.apply(this, arguments);
 }
-function _inherits$t(subClass, superClass) {
+function _inherits$u(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -1769,33 +1760,33 @@ function _inherits$t(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$t(subClass, superClass);
+    if (superClass) _set_prototype_of$u(subClass, superClass);
 }
-function _set_prototype_of$t(o, p) {
-    _set_prototype_of$t = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$u(o, p) {
+    _set_prototype_of$u = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$t(o, p);
+    return _set_prototype_of$u(o, p);
 }
 var VOLUME_DEFAULT_OPTIONS = {
     volume: 0.8,
     muted: false,
     open: false,
     trigger: 'hover',
-    onOpenChange: function() {},
-    onChange: function() {}
+    onOpenChange: function onOpenChange() {},
+    onChange: function onChange() {}
 };
 /**
  * 音量调节控件
  * @category Control
  */ var Volume = /*#__PURE__*/ function(Control) {
-    _inherits$t(Volume, Control);
+    _inherits$u(Volume, Control);
     function Volume(options) {
         if (options === void 0) options = {};
         var _this;
         var _this__options_props, _this__options_props1, _this__options_props2, _this__options_props3;
-        _this = Control.call(this, _extends$t({}, options, {
+        _this = Control.call(this, _extends$u({}, options, {
             tagName: 'span',
             classNameSuffix: 'volume',
             controlType: 'button'
@@ -1812,7 +1803,7 @@ var VOLUME_DEFAULT_OPTIONS = {
         if (!(Utils.isMobile || _this._options.PLAY_TYPE === 'ezopen' || _this._options.PLAY_TYPE === 'ezhls')) {
             var _this__options_props4, _this__options_props5;
             _this.picker = new Picker(_this.$container, {
-                getPopupContainer: function() {
+                getPopupContainer: function getPopupContainer() {
                     return _this.$container;
                 },
                 trigger: _this._options.trigger,
@@ -1823,7 +1814,7 @@ var VOLUME_DEFAULT_OPTIONS = {
                     -10
                 ],
                 placement: 'top',
-                onOpenChange: function(open) {
+                onOpenChange: function onOpenChange(open) {
                     _this._options.onOpenChange == null ? void 0 : _this._options.onOpenChange.call(_this._options, open, _this._muted ? _this._lastVolume : _this.volume, _this._muted);
                     // prettier-ignore
                     _this.emit(EVENTS.control.volumePanelOpenChange, open, _this._lastVolume, _this._muted);
@@ -1840,10 +1831,10 @@ var VOLUME_DEFAULT_OPTIONS = {
                 showPercent: true,
                 className: "" + PREFIX_CLASS + "-volume-progress",
                 // 为了解决点击进度调取消静音
-                onProgressClick: function() {
+                onProgressClick: function onProgressClick() {
                     _this.muted = false;
                 },
-                onChange: function(value) {
+                onChange: function onChange(value) {
                     if (value !== _this._volume) _this.volume = value;
                 }
             });
@@ -2020,11 +2011,8 @@ function asyncGeneratorStep$7(gen, resolve, reject, _next, _throw, key, arg) {
         reject(error);
         return;
     }
-    if (info.done) {
-        resolve(value);
-    } else {
-        Promise.resolve(value).then(_next, _throw);
-    }
+    if (info.done) resolve(value);
+    else Promise.resolve(value).then(_next, _throw);
 }
 function _async_to_generator$7(fn) {
     return function() {
@@ -2050,9 +2038,17 @@ function _ts_generator$7(thisArg, body) {
         },
         trys: [],
         ops: []
-    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-        return this;
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype), d = Object.defineProperty;
+    return d(g, "next", {
+        value: verb(0)
+    }), d(g, "throw", {
+        value: verb(1)
+    }), d(g, "return", {
+        value: verb(2)
+    }), typeof Symbol === "function" && d(g, Symbol.iterator, {
+        value: function() {
+            return this;
+        }
     }), g;
     function verb(n) {
         return function(v) {
@@ -2455,21 +2451,17 @@ var __fullscreenProvider__ = Provider.getInstance();
     return Fullscreen;
 }();
 
-function _extends$s() {
-    _extends$s = Object.assign || function(target) {
+function _extends$t() {
+    _extends$t = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$s.apply(this, arguments);
+    return _extends$t.apply(this, arguments);
 }
-function _inherits$s(subClass, superClass) {
+function _inherits$t(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -2480,24 +2472,24 @@ function _inherits$s(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$s(subClass, superClass);
+    if (superClass) _set_prototype_of$t(subClass, superClass);
 }
-function _set_prototype_of$s(o, p) {
-    _set_prototype_of$s = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$t(o, p) {
+    _set_prototype_of$t = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$s(o, p);
+    return _set_prototype_of$t(o, p);
 }
 /**
  * 全屏控件
  * @category Control
  */ var Fullscreen = /*#__PURE__*/ function(Control) {
-    _inherits$s(Fullscreen, Control);
+    _inherits$t(Fullscreen, Control);
     function Fullscreen(options) {
         var _this;
         var _options_props, _this_options;
-        _this = Control.call(this, _extends$s({
+        _this = Control.call(this, _extends$t({
             tagName: 'span',
             classNameSuffix: 'fullscreen',
             controlType: 'button'
@@ -2562,21 +2554,17 @@ function _set_prototype_of$s(o, p) {
     return Fullscreen;
 }(Control);
 
-function _extends$r() {
-    _extends$r = Object.assign || function(target) {
+function _extends$s() {
+    _extends$s = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$r.apply(this, arguments);
+    return _extends$s.apply(this, arguments);
 }
-function _inherits$r(subClass, superClass) {
+function _inherits$s(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -2587,24 +2575,24 @@ function _inherits$r(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$r(subClass, superClass);
+    if (superClass) _set_prototype_of$s(subClass, superClass);
 }
-function _set_prototype_of$r(o, p) {
-    _set_prototype_of$r = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$s(o, p) {
+    _set_prototype_of$s = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$r(o, p);
+    return _set_prototype_of$s(o, p);
 }
 /**
  * 回放类型切换（本地回放(sdk 卡)， 云存储回放， 云录制回放）控件
  * @category Control
  */ var Rec = /*#__PURE__*/ function(Control) {
-    _inherits$r(Rec, Control);
+    _inherits$s(Rec, Control);
     function Rec(options) {
         var _this;
         var _options_props;
-        _this = Control.call(this, _extends$r({}, options, {
+        _this = Control.call(this, _extends$s({}, options, {
             tagName: 'div',
             controlType: 'block',
             classNameSuffix: 'rec'
@@ -3944,7 +3932,7 @@ var en = {
     voice: voice
 };
 
-function _inherits$q(subClass, superClass) {
+function _inherits$r(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -3955,20 +3943,20 @@ function _inherits$q(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$q(subClass, superClass);
+    if (superClass) _set_prototype_of$r(subClass, superClass);
 }
-function _set_prototype_of$q(o, p) {
-    _set_prototype_of$q = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$r(o, p) {
+    _set_prototype_of$r = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$q(o, p);
+    return _set_prototype_of$r(o, p);
 }
 /**
  * 截图控件
  * @category Content
  */ var Content = /*#__PURE__*/ function(EventEmitter) {
-    _inherits$q(Content, EventEmitter);
+    _inherits$r(Content, EventEmitter);
     function Content(options) {
         var _this;
         _this = EventEmitter.call(this) || this, _this._scaleMode = 0, _this._cleanUpResizeObserver = null, _this._originWidth = 0, _this._originHeight = 0, _this._width = 0, _this._height = 0;
@@ -4083,21 +4071,17 @@ function _set_prototype_of$q(o, p) {
     return Content;
 }(EventEmitter);
 
-function _extends$q() {
-    _extends$q = Object.assign || function(target) {
+function _extends$r() {
+    _extends$r = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$q.apply(this, arguments);
+    return _extends$r.apply(this, arguments);
 }
-function _inherits$p(subClass, superClass) {
+function _inherits$q(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -4108,23 +4092,23 @@ function _inherits$p(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$p(subClass, superClass);
+    if (superClass) _set_prototype_of$q(subClass, superClass);
 }
-function _set_prototype_of$p(o, p) {
-    _set_prototype_of$p = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$q(o, p) {
+    _set_prototype_of$q = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$p(o, p);
+    return _set_prototype_of$q(o, p);
 }
 /**
  * 更多控件
  * @category Control
  */ var More = /*#__PURE__*/ function(Control) {
-    _inherits$p(More, Control);
+    _inherits$q(More, Control);
     function More(options) {
         var _this;
-        _this = Control.call(this, _extends$q({}, options, {
+        _this = Control.call(this, _extends$r({}, options, {
             tagName: 'span',
             controlType: 'button',
             classNameSuffix: 'more'
@@ -4143,7 +4127,7 @@ function _set_prototype_of$p(o, p) {
             title: (_this_locale1 = this.locale) == null ? void 0 : _this_locale1.BTN_MORE
         });
         this.picker = new Picker(this.$container, {
-            getPopupContainer: function() {
+            getPopupContainer: function getPopupContainer() {
                 return _this.$container;
             },
             trigger: Utils.isMobile ? 'click' : 'hover',
@@ -4406,14 +4390,22 @@ function debounce(func, wait) {
     // 回放片段
     // =======================================================
     theme.on(EVENTS.setAllDayRecTimes, function(list) {
-        var _theme_controls_timeLineControl_emit, _theme_controls_timeLineControl, _theme_controls, _theme_controls_recListControl_emit, _theme_controls_recListControl, _theme_controls1;
+        var _theme_controls_timeLineControl_emit, _theme_controls_timeLineControl, _theme_controls, _theme_controls_recListControl_emit, _theme_controls_recListControl, _theme_controls1, // 播放区间存在时录像列表已在服务端侧按区间查询，这里无需再过滤
+        _theme_controls_segmentProgressControl_emit, _theme_controls_segmentProgressControl, _theme_controls2;
         (_theme_controls = theme.controls) == null ? void 0 : (_theme_controls_timeLineControl = _theme_controls.timeLineControl) == null ? void 0 : (_theme_controls_timeLineControl_emit = _theme_controls_timeLineControl.emit) == null ? void 0 : _theme_controls_timeLineControl_emit.call(_theme_controls_timeLineControl, EVENTS.setAllDayRecTimes, list.list);
         (_theme_controls1 = theme.controls) == null ? void 0 : (_theme_controls_recListControl = _theme_controls1.recListControl) == null ? void 0 : (_theme_controls_recListControl_emit = _theme_controls_recListControl.emit) == null ? void 0 : _theme_controls_recListControl_emit.call(_theme_controls_recListControl, EVENTS.setAllDayRecTimes, list.list);
+        (_theme_controls2 = theme.controls) == null ? void 0 : (_theme_controls_segmentProgressControl = _theme_controls2.segmentProgressControl) == null ? void 0 : (_theme_controls_segmentProgressControl_emit = _theme_controls_segmentProgressControl.emit) == null ? void 0 : _theme_controls_segmentProgressControl_emit.call(_theme_controls_segmentProgressControl, EVENTS.setAllDayRecTimes, list.list);
     });
     theme.on(EVENTS.getOSDTime, function(time) {
-        var _theme_controls_timeLineControl_emit, _theme_controls_timeLineControl, _theme_controls, _theme_controls_recListControl_emit, _theme_controls_recListControl, _theme_controls1;
+        var _theme_controls_timeLineControl_emit, _theme_controls_timeLineControl, _theme_controls, _theme_controls_recListControl_emit, _theme_controls_recListControl, _theme_controls1, _theme_controls_segmentProgressControl_emit, _theme_controls_segmentProgressControl, _theme_controls2;
         (_theme_controls = theme.controls) == null ? void 0 : (_theme_controls_timeLineControl = _theme_controls.timeLineControl) == null ? void 0 : (_theme_controls_timeLineControl_emit = _theme_controls_timeLineControl.emit) == null ? void 0 : _theme_controls_timeLineControl_emit.call(_theme_controls_timeLineControl, EVENTS.getOSDTime, time.data);
         (_theme_controls1 = theme.controls) == null ? void 0 : (_theme_controls_recListControl = _theme_controls1.recListControl) == null ? void 0 : (_theme_controls_recListControl_emit = _theme_controls_recListControl.emit) == null ? void 0 : _theme_controls_recListControl_emit.call(_theme_controls_recListControl, EVENTS.getOSDTime, time.data);
+        (_theme_controls2 = theme.controls) == null ? void 0 : (_theme_controls_segmentProgressControl = _theme_controls2.segmentProgressControl) == null ? void 0 : (_theme_controls_segmentProgressControl_emit = _theme_controls_segmentProgressControl.emit) == null ? void 0 : _theme_controls_segmentProgressControl_emit.call(_theme_controls_segmentProgressControl, EVENTS.getOSDTime, time.data);
+    });
+    // 区间播放结束：进度条需要把完成度补到末端（OSD 通常停在末端之前若干秒）
+    theme.on(EVENTS.playbackEnd, function(data) {
+        var _theme_controls_segmentProgressControl_emit, _theme_controls_segmentProgressControl, _theme_controls;
+        (_theme_controls = theme.controls) == null ? void 0 : (_theme_controls_segmentProgressControl = _theme_controls.segmentProgressControl) == null ? void 0 : (_theme_controls_segmentProgressControl_emit = _theme_controls_segmentProgressControl.emit) == null ? void 0 : _theme_controls_segmentProgressControl_emit.call(_theme_controls_segmentProgressControl, EVENTS.playbackEnd, data);
     });
     // =======================================================
     // 全屏
@@ -4459,7 +4451,7 @@ function debounce(func, wait) {
  *
  * @param theme - Theme
  */ function _controlEventemitter(theme) {
-    var _theme_controls, _theme_controls1, _theme_controls2, _theme_controls3, _theme_controls4, _theme_controls5, _theme_controls6, _theme_controls7, _theme_controls8, _theme_controls9, _theme_controls10, _theme_controls11, _theme_controls12, _theme_controls13, _theme_controls14, _theme_controls15, _theme_controls16, _theme_controls17, _theme_controls18, _theme_controls19, _theme_controls20, _theme_controls21, _theme_controls22, _theme_controls23, _theme_controls24;
+    var _theme_controls, _theme_controls1, _theme_controls2, _theme_controls3, _theme_controls4, _theme_controls5, _theme_controls6, _theme_controls7, _theme_controls8, _theme_controls9, _theme_controls10, _theme_controls11, _theme_controls12, _theme_controls13, _theme_controls14, _theme_controls15, _theme_controls16, _theme_controls17, _theme_controls18, _theme_controls19, _theme_controls20, _theme_controls21, _theme_controls22, _theme_controls23, _theme_controls24, _theme_controls25;
     // Controls
     if (theme._recFooter) {
         theme._recFooter.on(EVENTS.theme.recFooterDestroy, function() {
@@ -4609,8 +4601,14 @@ function debounce(func, wait) {
     }
     // 播放地址切换后同步 Live/RecDropdown 激活状态
     // changePlayUrl 后 urlInfo 已更新，firstFrameDisplay 表示新地址播放成功
+    // 注意：_controlEventemitter 每次 _renderTheme 都会执行，这里的监听挂在 theme 上，
+    // 必须先移除上一次的引用，避免 changeTheme 反复切换导致监听器无限累积（内存泄漏 + 重复执行）。
+    if (theme._onFirstFrameSync) {
+        theme.removeListener(EVENTS.firstFrameDisplay, theme._onFirstFrameSync);
+        theme._onFirstFrameSync = null;
+    }
     if (((_theme_controls11 = theme.controls) == null ? void 0 : _theme_controls11.liveControl) || ((_theme_controls12 = theme.controls) == null ? void 0 : _theme_controls12.recDropdownControl)) {
-        theme.on(EVENTS.firstFrameDisplay, function() {
+        theme._onFirstFrameSync = function() {
             var _theme_controls, _theme_controls1;
             var urlInfo = theme.urlInfo;
             if ((_theme_controls = theme.controls) == null ? void 0 : _theme_controls.liveControl) {
@@ -4619,7 +4617,8 @@ function debounce(func, wait) {
             if ((_theme_controls1 = theme.controls) == null ? void 0 : _theme_controls1.recDropdownControl) {
                 theme.controls.recDropdownControl._syncActiveByUrlInfo(urlInfo);
             }
-        });
+        };
+        theme.on(EVENTS.firstFrameDisplay, theme._onFirstFrameSync);
     }
     // 缩放控件
     if ((_theme_controls13 = theme.controls) == null ? void 0 : _theme_controls13.zoomControl) {
@@ -4717,8 +4716,15 @@ function debounce(func, wait) {
             theme.emit(EVENTS.control.recDestroy);
         });
     }
+    // 回放片段进度条控件：拖动/点击后与时间轴共用同一条 seek 通道，
+    // 这里必须把控件实例上的事件中继到 theme，否则 SDK 层收不到（拖动看似生效但不会 seek）
+    if ((_theme_controls21 = theme.controls) == null ? void 0 : _theme_controls21.segmentProgressControl) {
+        theme.controls.segmentProgressControl.on(EVENTS.control.timeLineChange, function(date) {
+            theme.emit(EVENTS.control.timeLineChange, date);
+        });
+    }
     // 时间轴控件
-    if ((_theme_controls21 = theme.controls) == null ? void 0 : _theme_controls21.timeLineControl) {
+    if ((_theme_controls22 = theme.controls) == null ? void 0 : _theme_controls22.timeLineControl) {
         theme.controls.timeLineControl.on(EVENTS.control.timeLineChange, function(date) {
             theme.emit(EVENTS.control.timeLineChange, date);
         });
@@ -4748,7 +4754,7 @@ function debounce(func, wait) {
         });
     }
     // 日历控件
-    if ((_theme_controls22 = theme.controls) == null ? void 0 : _theme_controls22.dateControl) {
+    if ((_theme_controls23 = theme.controls) == null ? void 0 : _theme_controls23.dateControl) {
         theme.controls.dateControl.on(EVENTS.control.datePanelOpenChange, function(open, date) {
             theme.emit(EVENTS.control.datePanelOpenChange, open, date);
         });
@@ -4760,7 +4766,7 @@ function debounce(func, wait) {
         });
     }
     // 时间控件
-    if ((_theme_controls23 = theme.controls) == null ? void 0 : _theme_controls23.timeControl) {
+    if ((_theme_controls24 = theme.controls) == null ? void 0 : _theme_controls24.timeControl) {
         theme.controls.timeControl.on(EVENTS.control.timePanelOpenChange, function(open, time) {
             theme.emit(EVENTS.control.timePanelOpenChange, open, time);
         });
@@ -4769,7 +4775,7 @@ function debounce(func, wait) {
         });
     }
     // 回放片段列表
-    if ((_theme_controls24 = theme.controls) == null ? void 0 : _theme_controls24.recListControl) {
+    if ((_theme_controls25 = theme.controls) == null ? void 0 : _theme_controls25.recListControl) {
         theme.controls.recListControl.on(EVENTS.control.recListCardClick, function(section, index, sections) {
             theme.emit(EVENTS.control.recListCardClick, section, index, sections);
         });
@@ -4859,21 +4865,17 @@ function _create_class$5(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$5(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _extends$p() {
-    _extends$p = Object.assign || function(target) {
+function _extends$q() {
+    _extends$q = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$p.apply(this, arguments);
+    return _extends$q.apply(this, arguments);
 }
-function _inherits$o(subClass, superClass) {
+function _inherits$p(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -4884,14 +4886,14 @@ function _inherits$o(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$o(subClass, superClass);
+    if (superClass) _set_prototype_of$p(subClass, superClass);
 }
-function _set_prototype_of$o(o, p) {
-    _set_prototype_of$o = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$p(o, p) {
+    _set_prototype_of$p = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$o(o, p);
+    return _set_prototype_of$p(o, p);
 }
 var ZOOM_DEFAULT_OPTIONS = {
     open: false,
@@ -4901,10 +4903,10 @@ var ZOOM_DEFAULT_OPTIONS = {
  * 电子放大控件
  * @category Control
  */ var Zoom = /*#__PURE__*/ function(Control) {
-    _inherits$o(Zoom, Control);
+    _inherits$p(Zoom, Control);
     function Zoom(options) {
         var _this;
-        _this = Control.call(this, _extends$p({}, options, {
+        _this = Control.call(this, _extends$q({}, options, {
             tagName: 'span',
             controlType: 'button',
             classNameSuffix: 'zoom'
@@ -4946,14 +4948,14 @@ var ZOOM_DEFAULT_OPTIONS = {
             showPlus: true,
             showPercent: true,
             isRotated: this._isRotated,
-            onChange: function(value, percent, range) {
+            onChange: function onChange(value, percent, range) {
                 if (value !== _this._value) {
                     _this._value = value;
                     _this._options.onChange == null ? void 0 : _this._options.onChange.call(_this._options, value, percent, range);
                     _this.emit(EVENTS.control.zoomChange, value, percent, range);
                 }
             },
-            renderText: function(value) {
+            renderText: function renderText(value) {
                 return "" + value + "X";
             }
         });
@@ -5032,31 +5034,27 @@ var ZOOM_DEFAULT_OPTIONS = {
     return Zoom;
 }(Control);
 
-function _extends$o() {
-    _extends$o = Object.assign || function(target) {
+function _extends$p() {
+    _extends$p = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$o.apply(this, arguments);
+    return _extends$p.apply(this, arguments);
 }
 function __zoom(theme, container, options) {
-    theme.zoomUtil = new Zoom$1(container, _extends$o({}, options || {}, {
+    theme.zoomUtil = new Zoom$1(container, _extends$p({}, options || {}, {
         min: 1,
-        onChange: function(zoom, reset) {
+        onChange: function onChange(zoom, reset) {
             if (zoom !== theme._zoom) {
                 var _options_onChange;
                 theme.zoom = zoom;
                 options == null ? void 0 : (_options_onChange = options.onChange) == null ? void 0 : _options_onChange.call(options, zoom, reset);
             }
         },
-        onTranslateChange: function(pos) {
+        onTranslateChange: function onTranslateChange(pos) {
             var _options_onTranslateChange;
             theme.emit(EVENTS.zoomTranslateChange, pos);
             options == null ? void 0 : (_options_onTranslateChange = options.onTranslateChange) == null ? void 0 : _options_onTranslateChange.call(options, pos);
@@ -5073,11 +5071,8 @@ function asyncGeneratorStep$6(gen, resolve, reject, _next, _throw, key, arg) {
         reject(error);
         return;
     }
-    if (info.done) {
-        resolve(value);
-    } else {
-        Promise.resolve(value).then(_next, _throw);
-    }
+    if (info.done) resolve(value);
+    else Promise.resolve(value).then(_next, _throw);
 }
 function _async_to_generator$6(fn) {
     return function() {
@@ -5103,9 +5098,17 @@ function _ts_generator$6(thisArg, body) {
         },
         trys: [],
         ops: []
-    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-        return this;
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype), d = Object.defineProperty;
+    return d(g, "next", {
+        value: verb(0)
+    }), d(g, "throw", {
+        value: verb(1)
+    }), d(g, "return", {
+        value: verb(2)
+    }), typeof Symbol === "function" && d(g, Symbol.iterator, {
+        value: function() {
+            return this;
+        }
     }), g;
     function verb(n) {
         return function(v) {
@@ -5192,15 +5195,20 @@ function _ts_generator$6(thisArg, body) {
  * @returns
  */ function getThemeDataByTemplate(theme, id) {
     return _async_to_generator$6(function() {
-        var _theme_options_token_httpToken, _theme_options_token, url;
+        var _theme_options_token_httpToken, _theme_options_token, // 中止上一个在途请求，并为本次请求创建可中止的信号（destroy 时会 abort）
+        _theme__templateAbortController, url, controller;
         return _ts_generator$6(this, function(_state) {
             switch(_state.label){
                 case 0:
                     url = theme.options.env.domain + "/api/service/media/template/getDetail?accessToken=" + (theme.options.accessToken || ((_theme_options_token = theme.options.token) == null ? void 0 : (_theme_options_token_httpToken = _theme_options_token.httpToken) == null ? void 0 : _theme_options_token_httpToken.url)) + "&id=" + id;
+                    (_theme__templateAbortController = theme._templateAbortController) == null ? void 0 : _theme__templateAbortController.abort();
+                    controller = new AbortController();
+                    theme._templateAbortController = controller;
                     return [
                         4,
                         fetch(url, {
-                            method: 'GET'
+                            method: 'GET',
+                            signal: controller == null ? void 0 : controller.signal
                         }).then(function(response) {
                             return _async_to_generator$6(function() {
                                 return _ts_generator$6(this, function(_state) {
@@ -5256,11 +5264,8 @@ function asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, key, arg) {
         reject(error);
         return;
     }
-    if (info.done) {
-        resolve(value);
-    } else {
-        Promise.resolve(value).then(_next, _throw);
-    }
+    if (info.done) resolve(value);
+    else Promise.resolve(value).then(_next, _throw);
 }
 function _async_to_generator$5(fn) {
     return function() {
@@ -5277,19 +5282,15 @@ function _async_to_generator$5(fn) {
         });
     };
 }
-function _extends$n() {
-    _extends$n = Object.assign || function(target) {
+function _extends$o() {
+    _extends$o = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$n.apply(this, arguments);
+    return _extends$o.apply(this, arguments);
 }
 function _ts_generator$5(thisArg, body) {
     var f, y, t, _ = {
@@ -5300,9 +5301,17 @@ function _ts_generator$5(thisArg, body) {
         },
         trys: [],
         ops: []
-    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-        return this;
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype), d = Object.defineProperty;
+    return d(g, "next", {
+        value: verb(0)
+    }), d(g, "throw", {
+        value: verb(1)
+    }), d(g, "return", {
+        value: verb(2)
+    }), typeof Symbol === "function" && d(g, Symbol.iterator, {
+        value: function() {
+            return this;
+        }
     }), g;
     function verb(n) {
         return function(v) {
@@ -5395,10 +5404,10 @@ function _ts_generator$5(thisArg, body) {
  * @param {IThemeData} themeData 主题数据
  * @returns
  */ function _filterControls(themeData) {
+    var _ref;
     var _themeData_header, _themeData_footer;
     var data = {};
-    var _themeData_autoFocus;
-    data.autoFocus = (_themeData_autoFocus = themeData == null ? void 0 : themeData.autoFocus) != null ? _themeData_autoFocus : 3; // 3s
+    data.autoFocus = (_ref = themeData == null ? void 0 : themeData.autoFocus) != null ? _ref : 3; // 3s
     data.poster = (themeData == null ? void 0 : themeData.poster) || ''; //
     var deviceControls = [];
     var recControls = [];
@@ -5417,7 +5426,7 @@ function _ts_generator$5(thisArg, body) {
         }
         if (item.isrender !== 0 && REC_GROUP.includes(item.iconId)) {
             // TODO: 因为回放是一组， 位置以第一个位置为准
-            recControls.push(recControls[0] ? _extends$n({}, item, {
+            recControls.push(recControls[0] ? _extends$o({}, item, {
                 part: recControls[0].part
             }) : item);
             return false;
@@ -5440,7 +5449,7 @@ function _ts_generator$5(thisArg, body) {
         }
         if (item.isrender !== 0 && REC_GROUP.includes(item.iconId)) {
             // TODO: 因为回放是一组， 位置以第一个位置为准
-            recControls.push(recControls[0] ? _extends$n({}, item, {
+            recControls.push(recControls[0] ? _extends$o({}, item, {
                 part: recControls[0].part
             }) : item);
             return false;
@@ -5504,7 +5513,7 @@ function _filterLeftRightControls(btnList) {
  * @returns
  */ function getThemeData(theme, data) {
     return _async_to_generator$5(function() {
-        var themeData, _theme_logger, template;
+        var themeData, _theme_logger, template, e;
         return _ts_generator$5(this, function(_state) {
             switch(_state.label){
                 case 0:
@@ -5550,13 +5559,23 @@ function _filterLeftRightControls(btnList) {
                         2,
                         template
                     ];
+                    // 请求返回前已销毁则静默返回，不在已释放的 theme 上派发事件
+                    if (theme.destroyed) return [
+                        2,
+                        null
+                    ];
                     theme.emit(EVENTS.message, theme.i18n.t('FETCH_THEME_FAILED'), 'themeError');
                     return [
                         2,
                         null
                     ];
                 case 4:
-                    _state.sent();
+                    e = _state.sent();
+                    // 请求被中止（destroy/重新渲染）或已销毁：静默返回
+                    if (theme.destroyed || (e == null ? void 0 : e.name) === 'AbortError') return [
+                        2,
+                        null
+                    ];
                     theme.emit(EVENTS.message, theme.i18n.t('FETCH_THEME_FAILED'), 'themeError');
                     return [
                         2,
@@ -5692,21 +5711,17 @@ function rgbOrHexToRgbaWithOpacity(color, opacity) {
     return Component;
 }();
 
-function _extends$m() {
-    _extends$m = Object.assign || function(target) {
+function _extends$n() {
+    _extends$n = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$m.apply(this, arguments);
+    return _extends$n.apply(this, arguments);
 }
-function _inherits$n(subClass, superClass) {
+function _inherits$o(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -5717,41 +5732,37 @@ function _inherits$n(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$n(subClass, superClass);
+    if (superClass) _set_prototype_of$o(subClass, superClass);
 }
-function _set_prototype_of$n(o, p) {
-    _set_prototype_of$n = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$o(o, p) {
+    _set_prototype_of$o = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$n(o, p);
+    return _set_prototype_of$o(o, p);
 }
 var Footer = /*#__PURE__*/ function(Component) {
-    _inherits$n(Footer, Component);
+    _inherits$o(Footer, Component);
     function Footer(options) {
         if (options === void 0) options = {};
-        return Component.call(this, _extends$m({}, options, {
+        return Component.call(this, _extends$n({}, options, {
             cType: 'footer'
         })) || this;
     }
     return Footer;
 }(Component);
 
-function _extends$l() {
-    _extends$l = Object.assign || function(target) {
+function _extends$m() {
+    _extends$m = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$l.apply(this, arguments);
+    return _extends$m.apply(this, arguments);
 }
-function _inherits$m(subClass, superClass) {
+function _inherits$n(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -5762,20 +5773,20 @@ function _inherits$m(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$m(subClass, superClass);
+    if (superClass) _set_prototype_of$n(subClass, superClass);
 }
-function _set_prototype_of$m(o, p) {
-    _set_prototype_of$m = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$n(o, p) {
+    _set_prototype_of$n = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$m(o, p);
+    return _set_prototype_of$n(o, p);
 }
 var Header = /*#__PURE__*/ function(Component) {
-    _inherits$m(Header, Component);
+    _inherits$n(Header, Component);
     function Header(options) {
         if (options === void 0) options = {};
-        return Component.call(this, _extends$l({}, options, {
+        return Component.call(this, _extends$m({}, options, {
             cType: 'header'
         })) || this;
     }
@@ -5797,13 +5808,13 @@ function interactiveHF($container, second, callback) {
     var _alwaysDisplay = false;
     var _$header = $container.querySelector("." + PREFIX_CLASS + "-header");
     var _$footer = $container.querySelector("." + PREFIX_CLASS + "-footer");
-    var _clearTimeout = function() {
+    var _clearTimeout = function _clearTimeout() {
         if (_timer) {
             clearTimeout(_timer);
             _timer = null;
         }
     };
-    var _show = function() {
+    var _show = function _show() {
         _clearTimeout == null ? void 0 : _clearTimeout();
         _$header == null ? void 0 : _$header.classList.remove("" + PREFIX_CLASS + "-hide-transition");
         _$footer == null ? void 0 : _$footer.classList.remove("" + PREFIX_CLASS + "-hide-transition");
@@ -5813,7 +5824,7 @@ function interactiveHF($container, second, callback) {
         }
         _open = true;
     };
-    var _hide = function() {
+    var _hide = function _hide() {
         if (_alwaysDisplay) {
             return;
         }
@@ -5828,27 +5839,27 @@ function interactiveHF($container, second, callback) {
         }
         _open = false;
     };
-    var _setTimeoutShow = function() {
+    var _setTimeoutShow = function _setTimeoutShow() {
         _show == null ? void 0 : _show();
         _timer = setTimeout(function() {
             _clearTimeout == null ? void 0 : _clearTimeout();
             _hide == null ? void 0 : _hide();
         }, second);
     };
-    var _headerFooterMousemove = function(e) {
+    var _headerFooterMousemove = function _headerFooterMousemove(e) {
         var // 鼠标在header footer 移动, 不允许消失及不要冒泡
         _e_stopPropagation;
         e == null ? void 0 : (_e_stopPropagation = e.stopPropagation) == null ? void 0 : _e_stopPropagation.call(e);
         _clearTimeout == null ? void 0 : _clearTimeout();
     };
-    var _touchStart = function() {
+    var _touchStart = function _touchStart() {
         if (_open) {
             _hide == null ? void 0 : _hide();
         } else {
             _setTimeoutShow == null ? void 0 : _setTimeoutShow();
         }
     };
-    var _headerFooterTouchStart = function(e) {
+    var _headerFooterTouchStart = function _headerFooterTouchStart(e) {
         var // 移动端特殊处理， 点击 header footer不允许消失及不要冒泡
         _e_stopPropagation;
         e == null ? void 0 : (_e_stopPropagation = e.stopPropagation) == null ? void 0 : _e_stopPropagation.call(e);
@@ -5885,7 +5896,7 @@ function interactiveHF($container, second, callback) {
     }
     /**
      * 销毁
-     */ var cleanup = function() {
+     */ var cleanup = function cleanup() {
         if ($container) {
             if (Utils.isMobile && _touchStart) {
                 var eventName = "click";
@@ -5929,11 +5940,11 @@ function interactiveHF($container, second, callback) {
     };
     return {
         cleanup: cleanup,
-        clearTimeout: function() {
+        clearTimeout: function clearTimeout1() {
             _clearTimeout == null ? void 0 : _clearTimeout();
             _alwaysDisplay = true;
         },
-        setTimeoutShow: function() {
+        setTimeoutShow: function setTimeoutShow() {
             _setTimeoutShow == null ? void 0 : _setTimeoutShow();
             _alwaysDisplay = false;
         },
@@ -5941,21 +5952,17 @@ function interactiveHF($container, second, callback) {
     };
 }
 
-function _extends$k() {
-    _extends$k = Object.assign || function(target) {
+function _extends$l() {
+    _extends$l = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$k.apply(this, arguments);
+    return _extends$l.apply(this, arguments);
 }
-function _inherits$l(subClass, superClass) {
+function _inherits$m(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -5966,23 +5973,23 @@ function _inherits$l(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$l(subClass, superClass);
+    if (superClass) _set_prototype_of$m(subClass, superClass);
 }
-function _set_prototype_of$l(o, p) {
-    _set_prototype_of$l = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$m(o, p) {
+    _set_prototype_of$m = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$l(o, p);
+    return _set_prototype_of$m(o, p);
 }
 /**
  * 全局全屏
  * 主题和播放器不提供全局全屏的api， 如果开发者想要可以参考这个组件自己实现
  * @category Control
  */ var GlobalFullscreen = /*#__PURE__*/ function(Fullscreen) {
-    _inherits$l(GlobalFullscreen, Fullscreen);
+    _inherits$m(GlobalFullscreen, Fullscreen);
     function GlobalFullscreen(options) {
-        return Fullscreen.call(this, _extends$k({}, options, {
+        return Fullscreen.call(this, _extends$l({}, options, {
             controlType: 'button',
             classNameSuffix: 'global-fullscreen'
         })) || this;
@@ -6013,21 +6020,17 @@ function _set_prototype_of$l(o, p) {
     return GlobalFullscreen;
 }(Fullscreen);
 
-function _extends$j() {
-    _extends$j = Object.assign || function(target) {
+function _extends$k() {
+    _extends$k = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$j.apply(this, arguments);
+    return _extends$k.apply(this, arguments);
 }
-function _inherits$k(subClass, superClass) {
+function _inherits$l(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -6038,23 +6041,23 @@ function _inherits$k(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$k(subClass, superClass);
+    if (superClass) _set_prototype_of$l(subClass, superClass);
 }
-function _set_prototype_of$k(o, p) {
-    _set_prototype_of$k = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$l(o, p) {
+    _set_prototype_of$l = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$k(o, p);
+    return _set_prototype_of$l(o, p);
 }
 /**
  * 截图控件，点击后会触发截图事件， 截图数据会通过 onCapture 回调函数返回
  * @category Control
  */ var CapturePicture = /*#__PURE__*/ function(Control) {
-    _inherits$k(CapturePicture, Control);
+    _inherits$l(CapturePicture, Control);
     function CapturePicture(options) {
         var _this;
-        _this = Control.call(this, _extends$j({}, options, {
+        _this = Control.call(this, _extends$k({}, options, {
             tagName: 'span',
             classNameSuffix: 'capture-picture'
         })) || this, _this._timer = null;
@@ -6084,8 +6087,8 @@ function _set_prototype_of$k(o, p) {
    * 点击 Control 会触发
    */ _proto._onControlClick = function _onControlClick(e) {
         var _this = this;
-        this.active = true;
         var _this_options_type, _this_options_cloudRecUpload;
+        this.active = true;
         this.emit(EVENTS.control.capturePicture, {
             type: (_this_options_type = this.options.type) != null ? _this_options_type : 'download',
             quality: this.options.quality || 0.9,
@@ -6120,21 +6123,17 @@ function _create_class$4(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$4(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _extends$i() {
-    _extends$i = Object.assign || function(target) {
+function _extends$j() {
+    _extends$j = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$i.apply(this, arguments);
+    return _extends$j.apply(this, arguments);
 }
-function _inherits$j(subClass, superClass) {
+function _inherits$k(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -6145,23 +6144,23 @@ function _inherits$j(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$j(subClass, superClass);
+    if (superClass) _set_prototype_of$k(subClass, superClass);
 }
-function _set_prototype_of$j(o, p) {
-    _set_prototype_of$j = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$k(o, p) {
+    _set_prototype_of$k = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$j(o, p);
+    return _set_prototype_of$k(o, p);
 }
 /**
  * 云台控件
  * @category Control
  */ var Ptz = /*#__PURE__*/ function(Control) {
-    _inherits$j(Ptz, Control);
+    _inherits$k(Ptz, Control);
     function Ptz(options) {
         var _this;
-        _this = Control.call(this, _extends$i({}, options, {
+        _this = Control.call(this, _extends$j({}, options, {
             tagName: 'span',
             controlType: 'button',
             classNameSuffix: 'ptz'
@@ -6204,7 +6203,7 @@ function _set_prototype_of$j(o, p) {
             this.$turntable.classList.add("" + PREFIX_CLASS + "-ptz-turntable");
             this.$panel.appendChild(this.$turntable);
             // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-            this._ptzControl = new controlPtz.Ptz(this.$turntable, _extends$i({}, this._options, {
+            this._ptzControl = new controlPtz.Ptz(this.$turntable, _extends$j({}, this._options, {
                 onSpeedChange: this._onSpeedChange.bind(this),
                 onDirection: this._onDirection.bind(this)
             }));
@@ -6213,7 +6212,7 @@ function _set_prototype_of$j(o, p) {
     };
     _proto.renderMobileExtend = function renderMobileExtend($container) {
         // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-        if (!this._ptzControl1) this._ptzControl1 = new controlPtz.MobilePtz($container, _extends$i({}, this._options, {
+        if (!this._ptzControl1) this._ptzControl1 = new controlPtz.MobilePtz($container, _extends$j({}, this._options, {
             onSpeedChange: this._onSpeedChange.bind(this),
             onDirection: this._onDirection.bind(this)
         }));
@@ -6297,7 +6296,7 @@ function formatTime(seconds, format) {
     var hours = Math.floor(seconds / 3600);
     var minutes = Math.floor(seconds % 3600 / 60);
     var secs = seconds % 60;
-    var pad = function(num) {
+    var pad = function pad(num) {
         return num.toString().padStart(2, '0');
     };
     return format.replace('HH', pad(hours)).replace('MM', pad(minutes)).replace('SS', pad(secs));
@@ -6316,21 +6315,17 @@ function _create_class$3(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$3(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _extends$h() {
-    _extends$h = Object.assign || function(target) {
+function _extends$i() {
+    _extends$i = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$h.apply(this, arguments);
+    return _extends$i.apply(this, arguments);
 }
-function _inherits$i(subClass, superClass) {
+function _inherits$j(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -6341,14 +6336,14 @@ function _inherits$i(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$i(subClass, superClass);
+    if (superClass) _set_prototype_of$j(subClass, superClass);
 }
-function _set_prototype_of$i(o, p) {
-    _set_prototype_of$i = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$j(o, p) {
+    _set_prototype_of$j = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$i(o, p);
+    return _set_prototype_of$j(o, p);
 }
 var RECORD_DEFAULT_OPTIONS = {
     maxDuration: 3600
@@ -6362,10 +6357,10 @@ var RECORD_DEFAULT_OPTIONS = {
  *  2. 录制时间很短可能会因为浏览器的限制或没有I帧而无法生成有效的视频文件
  * @category Control
  */ var Record = /*#__PURE__*/ function(Control) {
-    _inherits$i(Record, Control);
+    _inherits$j(Record, Control);
     function Record(options) {
         var _this;
-        _this = Control.call(this, _extends$h({}, options, {
+        _this = Control.call(this, _extends$i({}, options, {
             tagName: 'span',
             controlType: 'button',
             classNameSuffix: 'record'
@@ -6472,11 +6467,8 @@ function asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, key, arg) {
         reject(error);
         return;
     }
-    if (info.done) {
-        resolve(value);
-    } else {
-        Promise.resolve(value).then(_next, _throw);
-    }
+    if (info.done) resolve(value);
+    else Promise.resolve(value).then(_next, _throw);
 }
 function _async_to_generator$4(fn) {
     return function() {
@@ -6506,21 +6498,17 @@ function _create_class$2(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$2(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _extends$g() {
-    _extends$g = Object.assign || function(target) {
+function _extends$h() {
+    _extends$h = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$g.apply(this, arguments);
+    return _extends$h.apply(this, arguments);
 }
-function _inherits$h(subClass, superClass) {
+function _inherits$i(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -6531,14 +6519,14 @@ function _inherits$h(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$h(subClass, superClass);
+    if (superClass) _set_prototype_of$i(subClass, superClass);
 }
-function _set_prototype_of$h(o, p) {
-    _set_prototype_of$h = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$i(o, p) {
+    _set_prototype_of$i = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$h(o, p);
+    return _set_prototype_of$i(o, p);
 }
 function _ts_generator$4(thisArg, body) {
     var f, y, t, _ = {
@@ -6549,9 +6537,17 @@ function _ts_generator$4(thisArg, body) {
         },
         trys: [],
         ops: []
-    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-        return this;
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype), d = Object.defineProperty;
+    return d(g, "next", {
+        value: verb(0)
+    }), d(g, "throw", {
+        value: verb(1)
+    }), d(g, "return", {
+        value: verb(2)
+    }), typeof Symbol === "function" && d(g, Symbol.iterator, {
+        value: function() {
+            return this;
+        }
     }), g;
     function verb(n) {
         return function(v) {
@@ -6640,10 +6636,10 @@ function _ts_generator$4(thisArg, body) {
  *
  * @category Control
  */ var Talk = /*#__PURE__*/ function(Control) {
-    _inherits$h(Talk, Control);
+    _inherits$i(Talk, Control);
     function Talk(options) {
         var _this;
-        _this = Control.call(this, _extends$g({}, options, {
+        _this = Control.call(this, _extends$h({}, options, {
             tagName: 'span',
             controlType: 'button',
             classNameSuffix: 'talk'
@@ -6692,7 +6688,7 @@ function _ts_generator$4(thisArg, body) {
     /**
    * 点击 Control 会触发
    */ _proto._onControlClick = function _onControlClick(e) {
-        var _this = this, _superprop_get__onControlClick = function() {
+        var _this = this, _superprop_get__onControlClick = function _superprop_get__onControlClick() {
             return Control.prototype._onControlClick;
         };
         return _async_to_generator$4(function() {
@@ -6755,11 +6751,8 @@ function asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, key, arg) {
         reject(error);
         return;
     }
-    if (info.done) {
-        resolve(value);
-    } else {
-        Promise.resolve(value).then(_next, _throw);
-    }
+    if (info.done) resolve(value);
+    else Promise.resolve(value).then(_next, _throw);
 }
 function _async_to_generator$3(fn) {
     return function() {
@@ -6776,21 +6769,17 @@ function _async_to_generator$3(fn) {
         });
     };
 }
-function _extends$f() {
-    _extends$f = Object.assign || function(target) {
+function _extends$g() {
+    _extends$g = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$f.apply(this, arguments);
+    return _extends$g.apply(this, arguments);
 }
-function _inherits$g(subClass, superClass) {
+function _inherits$h(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -6801,14 +6790,14 @@ function _inherits$g(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$g(subClass, superClass);
+    if (superClass) _set_prototype_of$h(subClass, superClass);
 }
-function _set_prototype_of$g(o, p) {
-    _set_prototype_of$g = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$h(o, p) {
+    _set_prototype_of$h = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$g(o, p);
+    return _set_prototype_of$h(o, p);
 }
 function _ts_generator$3(thisArg, body) {
     var f, y, t, _ = {
@@ -6819,9 +6808,17 @@ function _ts_generator$3(thisArg, body) {
         },
         trys: [],
         ops: []
-    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-        return this;
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype), d = Object.defineProperty;
+    return d(g, "next", {
+        value: verb(0)
+    }), d(g, "throw", {
+        value: verb(1)
+    }), d(g, "return", {
+        value: verb(2)
+    }), typeof Symbol === "function" && d(g, Symbol.iterator, {
+        value: function() {
+            return this;
+        }
     }), g;
     function verb(n) {
         return function(v) {
@@ -6908,10 +6905,10 @@ function _ts_generator$3(thisArg, body) {
  *
  * @category Control
  */ var Broadcast = /*#__PURE__*/ function(Control) {
-    _inherits$g(Broadcast, Control);
+    _inherits$h(Broadcast, Control);
     function Broadcast(options) {
         var _this;
-        _this = Control.call(this, _extends$f({}, options, {
+        _this = Control.call(this, _extends$g({}, options, {
             tagName: 'span',
             controlType: 'button',
             classNameSuffix: 'broadcast'
@@ -6957,7 +6954,7 @@ function _ts_generator$3(thisArg, body) {
     /**
    * 点击 Control 会触发
    */ _proto._onControlClick = function _onControlClick(e) {
-        var _this = this, _superprop_get__onControlClick = function() {
+        var _this = this, _superprop_get__onControlClick = function _superprop_get__onControlClick() {
             return Control.prototype._onControlClick;
         };
         return _async_to_generator$3(function() {
@@ -6985,11 +6982,8 @@ function asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, key, arg) {
         reject(error);
         return;
     }
-    if (info.done) {
-        resolve(value);
-    } else {
-        Promise.resolve(value).then(_next, _throw);
-    }
+    if (info.done) resolve(value);
+    else Promise.resolve(value).then(_next, _throw);
 }
 function _async_to_generator$2(fn) {
     return function() {
@@ -7006,21 +7000,17 @@ function _async_to_generator$2(fn) {
         });
     };
 }
-function _extends$e() {
-    _extends$e = Object.assign || function(target) {
+function _extends$f() {
+    _extends$f = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$e.apply(this, arguments);
+    return _extends$f.apply(this, arguments);
 }
-function _inherits$f(subClass, superClass) {
+function _inherits$g(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -7031,14 +7021,14 @@ function _inherits$f(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$f(subClass, superClass);
+    if (superClass) _set_prototype_of$g(subClass, superClass);
 }
-function _set_prototype_of$f(o, p) {
-    _set_prototype_of$f = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$g(o, p) {
+    _set_prototype_of$g = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$f(o, p);
+    return _set_prototype_of$g(o, p);
 }
 function _ts_generator$2(thisArg, body) {
     var f, y, t, _ = {
@@ -7049,9 +7039,17 @@ function _ts_generator$2(thisArg, body) {
         },
         trys: [],
         ops: []
-    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-        return this;
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype), d = Object.defineProperty;
+    return d(g, "next", {
+        value: verb(0)
+    }), d(g, "throw", {
+        value: verb(1)
+    }), d(g, "return", {
+        value: verb(2)
+    }), typeof Symbol === "function" && d(g, Symbol.iterator, {
+        value: function() {
+            return this;
+        }
     }), g;
     function verb(n) {
         return function(v) {
@@ -7138,11 +7136,11 @@ function _ts_generator$2(thisArg, body) {
  *
  * @category Control
  */ var AIChat = /*#__PURE__*/ function(Control) {
-    _inherits$f(AIChat, Control);
+    _inherits$g(AIChat, Control);
     function AIChat(options) {
         var _this;
         var _options_urlInfo_searchParams, _options_urlInfo, _options_urlInfo1;
-        _this = Control.call(this, _extends$e({}, options, {
+        _this = Control.call(this, _extends$f({}, options, {
             tagName: 'span',
             controlType: 'button',
             classNameSuffix: 'aichat'
@@ -7188,7 +7186,7 @@ function _ts_generator$2(thisArg, body) {
     /**
    * 点击 Control 会触发
    */ _proto._onControlClick = function _onControlClick(e) {
-        var _this = this, _superprop_get__onControlClick = function() {
+        var _this = this, _superprop_get__onControlClick = function _superprop_get__onControlClick() {
             return Control.prototype._onControlClick;
         };
         return _async_to_generator$2(function() {
@@ -7208,21 +7206,17 @@ function _ts_generator$2(thisArg, body) {
     return AIChat;
 }(Control);
 
-function _extends$d() {
-    _extends$d = Object.assign || function(target) {
+function _extends$e() {
+    _extends$e = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$d.apply(this, arguments);
+    return _extends$e.apply(this, arguments);
 }
-function _inherits$e(subClass, superClass) {
+function _inherits$f(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -7233,14 +7227,14 @@ function _inherits$e(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$e(subClass, superClass);
+    if (superClass) _set_prototype_of$f(subClass, superClass);
 }
-function _set_prototype_of$e(o, p) {
-    _set_prototype_of$e = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$f(o, p) {
+    _set_prototype_of$f = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$e(o, p);
+    return _set_prototype_of$f(o, p);
 }
 /**
  * 直播按钮控件
@@ -7249,11 +7243,11 @@ function _set_prototype_of$e(o, p) {
  *
  * @category Control
  */ var Live = /*#__PURE__*/ function(Control) {
-    _inherits$e(Live, Control);
+    _inherits$f(Live, Control);
     function Live(options) {
         var _this;
         var _this___options_props1;
-        _this = Control.call(this, _extends$d({}, options, {
+        _this = Control.call(this, _extends$e({}, options, {
             tagName: 'span',
             controlType: 'button',
             classNameSuffix: 'live'
@@ -7303,21 +7297,17 @@ function _set_prototype_of$e(o, p) {
     return Live;
 }(Control);
 
-function _extends$c() {
-    _extends$c = Object.assign || function(target) {
+function _extends$d() {
+    _extends$d = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$c.apply(this, arguments);
+    return _extends$d.apply(this, arguments);
 }
-function _inherits$d(subClass, superClass) {
+function _inherits$e(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -7328,14 +7318,14 @@ function _inherits$d(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$d(subClass, superClass);
+    if (superClass) _set_prototype_of$e(subClass, superClass);
 }
-function _set_prototype_of$d(o, p) {
-    _set_prototype_of$d = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$e(o, p) {
+    _set_prototype_of$e = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$d(o, p);
+    return _set_prototype_of$e(o, p);
 }
 /**
  * 回放下拉控件
@@ -7344,11 +7334,11 @@ function _set_prototype_of$d(o, p) {
  *
  * @category Control
  */ var RecDropdown = /*#__PURE__*/ function(Control) {
-    _inherits$d(RecDropdown, Control);
+    _inherits$e(RecDropdown, Control);
     function RecDropdown(options) {
         var _this;
         var _options_props, _this___options_props1;
-        _this = Control.call(this, _extends$c({}, options, {
+        _this = Control.call(this, _extends$d({}, options, {
             tagName: 'span',
             controlType: 'button',
             classNameSuffix: 'rec-dropdown'
@@ -7394,7 +7384,7 @@ function _set_prototype_of$d(o, p) {
     _proto._initPicker = function _initPicker() {
         var _this = this;
         this._picker = new Picker(this.$container, {
-            getPopupContainer: function() {
+            getPopupContainer: function getPopupContainer() {
                 return Utils.isMobile ? _this.__options.rootContainer : _this.$container;
             },
             trigger: Utils.isMobile ? 'click' : 'hover',
@@ -7467,21 +7457,17 @@ function _set_prototype_of$d(o, p) {
     return RecDropdown;
 }(Control);
 
-function _extends$b() {
-    _extends$b = Object.assign || function(target) {
+function _extends$c() {
+    _extends$c = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$b.apply(this, arguments);
+    return _extends$c.apply(this, arguments);
 }
-function _inherits$c(subClass, superClass) {
+function _inherits$d(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -7492,14 +7478,14 @@ function _inherits$c(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$c(subClass, superClass);
+    if (superClass) _set_prototype_of$d(subClass, superClass);
 }
-function _set_prototype_of$c(o, p) {
-    _set_prototype_of$c = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$d(o, p) {
+    _set_prototype_of$d = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$c(o, p);
+    return _set_prototype_of$d(o, p);
 }
 /**
  * 录像列表按钮控件
@@ -7508,12 +7494,12 @@ function _set_prototype_of$c(o, p) {
  *
  * @category Control
  */ var RecList = /*#__PURE__*/ function(Control) {
-    _inherits$c(RecList, Control);
+    _inherits$d(RecList, Control);
     function RecList(options) {
         var _this;
         var _this__options_props, _this__options, _this_locale;
         // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        _this = Control.call(this, _extends$b({}, options, {
+        _this = Control.call(this, _extends$c({}, options, {
             tagName: 'span',
             controlType: 'button',
             classNameSuffix: 'rec-list'
@@ -7521,17 +7507,17 @@ function _set_prototype_of$c(o, p) {
         _this._options = options;
         _this.records = ((_this__options = _this._options) == null ? void 0 : (_this__options_props = _this__options.props) == null ? void 0 : _this__options_props.recordList) || [];
         _this._render();
-        _this._modal = new RecListModal(_this._options.rootContainer, _extends$b({
+        _this._modal = new RecListModal(_this._options.rootContainer, _extends$c({
             showMask: false,
             title: (_this_locale = _this.locale) == null ? void 0 : _this_locale.BTN_REC_LIST_TITLE
         }, options, {
             showEventFilter: false,
             showCardTypeIcon: false,
             sections: [],
-            onCardClick: function(section, index, sections) {
+            onCardClick: function onCardClick(section, index, sections) {
                 _this.emit(EVENTS.control.recListCardClick, section, index, sections);
             },
-            onClose: function() {
+            onClose: function onClose() {
                 var _this__options_onClose, _this__options;
                 _this._panelOpen = false;
                 _this.active = false;
@@ -7619,21 +7605,17 @@ function _set_prototype_of$c(o, p) {
     return RecList;
 }(Control);
 
-function _extends$a() {
-    _extends$a = Object.assign || function(target) {
+function _extends$b() {
+    _extends$b = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$a.apply(this, arguments);
+    return _extends$b.apply(this, arguments);
 }
-function _inherits$b(subClass, superClass) {
+function _inherits$c(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -7644,14 +7626,14 @@ function _inherits$b(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$b(subClass, superClass);
+    if (superClass) _set_prototype_of$c(subClass, superClass);
 }
-function _set_prototype_of$b(o, p) {
-    _set_prototype_of$b = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$c(o, p) {
+    _set_prototype_of$c = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$b(o, p);
+    return _set_prototype_of$c(o, p);
 }
 /**
  * 告警消息按钮控件
@@ -7660,10 +7642,10 @@ function _set_prototype_of$b(o, p) {
  *
  * @category Control
  */ var AlarmMessage = /*#__PURE__*/ function(Control) {
-    _inherits$b(AlarmMessage, Control);
+    _inherits$c(AlarmMessage, Control);
     function AlarmMessage(options) {
         var _this;
-        _this = Control.call(this, _extends$a({}, options, {
+        _this = Control.call(this, _extends$b({}, options, {
             tagName: 'span',
             controlType: 'button',
             classNameSuffix: 'alarm-message'
@@ -7715,21 +7697,17 @@ function _create_class$1(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$1(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _extends$9() {
-    _extends$9 = Object.assign || function(target) {
+function _extends$a() {
+    _extends$a = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$9.apply(this, arguments);
+    return _extends$a.apply(this, arguments);
 }
-function _inherits$a(subClass, superClass) {
+function _inherits$b(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -7740,25 +7718,25 @@ function _inherits$a(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$a(subClass, superClass);
+    if (superClass) _set_prototype_of$b(subClass, superClass);
 }
-function _set_prototype_of$a(o, p) {
-    _set_prototype_of$a = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$b(o, p) {
+    _set_prototype_of$b = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$a(o, p);
+    return _set_prototype_of$b(o, p);
 }
 var SELECT_DEFAULT_OPTIONS = {
     fieldNames: {
         label: 'label',
         value: 'value'
     },
-    renderLabel: function(label) {
+    renderLabel: function renderLabel(label) {
         return "<span>" + (label || '') + "</span>";
     },
-    onChange: function() {},
-    onOpenChange: function() {}
+    onChange: function onChange() {},
+    onOpenChange: function onOpenChange() {}
 };
 /**
  * 选择器切换 (支持PC/Mobile)
@@ -7809,11 +7787,12 @@ var SELECT_DEFAULT_OPTIONS = {
  * }
  * ```
  */ var Select = /*#__PURE__*/ function(Control) {
-    _inherits$a(Select, Control);
+    _inherits$b(Select, Control);
     function Select(options) {
         var _this;
+        var _ref;
         var _this__options_fieldNames, _this__picker_$body;
-        _this = Control.call(this, _extends$9({
+        _this = Control.call(this, _extends$a({
             tagName: 'span',
             type: 'button',
             controlType: 'button'
@@ -7825,11 +7804,10 @@ var SELECT_DEFAULT_OPTIONS = {
         if (options.value !== undefined || options.value !== null) {
             _this._value = options.value + '';
         }
-        var _this__options_fieldNames_value;
-        var valueKey = (_this__options_fieldNames_value = (_this__options_fieldNames = _this._options.fieldNames) == null ? void 0 : _this__options_fieldNames.value) != null ? _this__options_fieldNames_value : 'value';
+        var valueKey = (_ref = (_this__options_fieldNames = _this._options.fieldNames) == null ? void 0 : _this__options_fieldNames.value) != null ? _ref : 'value';
         _this._picker = new Picker(_this.$container, {
             // 由于某些原因， 移动端强制渲染在 body 上
-            getPopupContainer: function() {
+            getPopupContainer: function getPopupContainer() {
                 return Utils.isMobile ? options.rootContainer : _this.$container;
             },
             trigger: Utils.isMobile ? 'click' : 'hover',
@@ -7842,7 +7820,7 @@ var SELECT_DEFAULT_OPTIONS = {
             ],
             placement: 'top',
             // zIndex: 10000,
-            onOpenChange: function(open) {
+            onOpenChange: function onOpenChange(open) {
                 var item = _this.list.find(function(item) {
                     return item[valueKey] + '' === _this.value;
                 });
@@ -7866,11 +7844,10 @@ var SELECT_DEFAULT_OPTIONS = {
         var _this = this;
         if (list === void 0) list = [];
         if ((list == null ? void 0 : list.length) > 0 && this._picker) {
+            var _ref, _ref1;
             var _this__options_fieldNames, _this__options_fieldNames1, _this_locale, _this__picker;
-            var _this__options_fieldNames_label;
-            var labelKey = (_this__options_fieldNames_label = (_this__options_fieldNames = this._options.fieldNames) == null ? void 0 : _this__options_fieldNames.label) != null ? _this__options_fieldNames_label : 'label';
-            var _this__options_fieldNames_value;
-            var valueKey = (_this__options_fieldNames_value = (_this__options_fieldNames1 = this._options.fieldNames) == null ? void 0 : _this__options_fieldNames1.value) != null ? _this__options_fieldNames_value : 'value';
+            var labelKey = (_ref = (_this__options_fieldNames = this._options.fieldNames) == null ? void 0 : _this__options_fieldNames.label) != null ? _ref : 'label';
+            var valueKey = (_ref1 = (_this__options_fieldNames1 = this._options.fieldNames) == null ? void 0 : _this__options_fieldNames1.value) != null ? _ref1 : 'value';
             (_this__picker = this._picker) == null ? void 0 : _this__picker.innerHTML('<div class="' + PREFIX_CLASS + '-select-panel">\n            <ul class="' + PREFIX_CLASS + '-select-list">\n              ' + list.map(function(item) {
                 return '\n                    <li class="' + PREFIX_CLASS + "-select-option " + (+item[valueKey] === _this.value ? "" + PREFIX_CLASS + "-active" : '') + '" data-value="' + item[valueKey] + '">\n                      <span>' + item[labelKey] + "</span>\n                    </li>\n                  ";
             }).join('') + "\n            </ul>\n            " + (Utils.isMobile ? '<div class="' + PREFIX_CLASS + '-select-cancel">\n                  <span>' + (((_this_locale = this.locale) == null ? void 0 : _this_locale.cancel) || '取消') + "</span>\n                </div>" : '') + "\n            " + (Utils.isMobile ? '<span class="' + PREFIX_CLASS + '-select-close">' + IconComponents.close() + "</span>" : '') + "\n          <div>");
@@ -7882,12 +7859,12 @@ var SELECT_DEFAULT_OPTIONS = {
         }
     };
     _proto._render = function _render(item) {
+        var _ref;
         var _this__options_fieldNames;
         if (this.list.length === 0) {
             return;
         }
-        var _this__options_fieldNames_label;
-        var labelKey = (_this__options_fieldNames_label = (_this__options_fieldNames = this._options.fieldNames) == null ? void 0 : _this__options_fieldNames.label) != null ? _this__options_fieldNames_label : 'label';
+        var labelKey = (_ref = (_this__options_fieldNames = this._options.fieldNames) == null ? void 0 : _this__options_fieldNames.label) != null ? _ref : 'label';
         if (this.$container.querySelector("." + PREFIX_CLASS + "-select-btn")) {
             this.$container.querySelector("." + PREFIX_CLASS + "-select-btn").innerHTML = this._options.renderLabel == null ? void 0 : this._options.renderLabel.call(this._options, item == null ? void 0 : item[labelKey], item, this.list);
         } else {
@@ -7903,9 +7880,9 @@ var SELECT_DEFAULT_OPTIONS = {
     _proto._activeOption = function _activeOption() {
         var _this = this;
         if (this._picker) {
+            var _ref;
             var _this__options_fieldNames, _this__picker_$body, _this__picker_$body1;
-            var _this__options_fieldNames_value;
-            var valueKey = (_this__options_fieldNames_value = (_this__options_fieldNames = this._options.fieldNames) == null ? void 0 : _this__options_fieldNames.value) != null ? _this__options_fieldNames_value : 'value';
+            var valueKey = (_ref = (_this__options_fieldNames = this._options.fieldNames) == null ? void 0 : _this__options_fieldNames.value) != null ? _ref : 'value';
             var $active = (_this__picker_$body = this._picker.$body) == null ? void 0 : _this__picker_$body.querySelector("." + PREFIX_CLASS + "-active");
             $active == null ? void 0 : $active.classList.remove(PREFIX_CLASS + '-active');
             var $target = (_this__picker_$body1 = this._picker.$body) == null ? void 0 : _this__picker_$body1.querySelector("." + PREFIX_CLASS + '-select-option[data-value="' + this.value + '"]');
@@ -7919,9 +7896,9 @@ var SELECT_DEFAULT_OPTIONS = {
     _proto._onSelectChange = function _onSelectChange() {
         var _this = this;
         if (this._picker) {
+            var _ref;
             var _this__options_fieldNames;
-            var _this__options_fieldNames_value;
-            var valueKey = (_this__options_fieldNames_value = (_this__options_fieldNames = this._options.fieldNames) == null ? void 0 : _this__options_fieldNames.value) != null ? _this__options_fieldNames_value : 'value';
+            var valueKey = (_ref = (_this__options_fieldNames = this._options.fieldNames) == null ? void 0 : _this__options_fieldNames.value) != null ? _ref : 'value';
             this._delegationOption = delegate(this._picker.$body, "." + PREFIX_CLASS + "-select-option", 'click', function(e) {
                 var target = e.delegateTarget;
                 e.stopPropagation();
@@ -8006,26 +7983,20 @@ var SELECT_DEFAULT_OPTIONS = {
 }(Control);
 
 function _assert_this_initialized$1(self) {
-    if (self === void 0) {
-        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
+    if (self === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     return self;
 }
-function _extends$8() {
-    _extends$8 = Object.assign || function(target) {
+function _extends$9() {
+    _extends$9 = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$8.apply(this, arguments);
+    return _extends$9.apply(this, arguments);
 }
-function _inherits$9(subClass, superClass) {
+function _inherits$a(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -8036,14 +8007,14 @@ function _inherits$9(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$9(subClass, superClass);
+    if (superClass) _set_prototype_of$a(subClass, superClass);
 }
-function _set_prototype_of$9(o, p) {
-    _set_prototype_of$9 = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$a(o, p) {
+    _set_prototype_of$a = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$9(o, p);
+    return _set_prototype_of$a(o, p);
 }
 function _type_of(obj) {
     "@swc/helpers - typeof";
@@ -8093,12 +8064,12 @@ function __filter(list, locale) {
  *
  * @category Control
  */ var Definition = /*#__PURE__*/ function(Select) {
-    _inherits$9(Definition, Select);
+    _inherits$a(Definition, Select);
     function Definition(options) {
         if (options === void 0) options = {};
         var _this;
         var _options_props, _options_props1, _options_locales_options_language;
-        _this = Select.call(this, _extends$8({}, DEFINITION_DEFAULT_OPTIONS, {
+        _this = Select.call(this, _extends$9({}, DEFINITION_DEFAULT_OPTIONS, {
             value: (_options_props = options.props) == null ? void 0 : _options_props.videoLevel
         }, options, {
             fieldNames: {
@@ -8109,7 +8080,7 @@ function __filter(list, locale) {
             title: options == null ? void 0 : (_options_locales_options_language = options.locales[options.language]) == null ? void 0 : _options_locales_options_language.BTN_HD,
             controlType: 'button',
             classNameSuffix: 'definition',
-            renderLabel: function(label, item, list) {
+            renderLabel: function renderLabel(label, item, list) {
                 var _list_;
                 if ((item == null ? void 0 : item.level) === 'auto') {
                     var _options_locales_options_language;
@@ -8121,7 +8092,7 @@ function __filter(list, locale) {
                 // 如果 label 不存在，则不显示label，直接显示list的第一个label， 一般自定义清晰度列表可能会出现
                 return "<span>" + (label || ((_list_ = list[0]) == null ? void 0 : _list_.name) || '') + "</span>";
             },
-            onChange: function(value, item) {
+            onChange: function onChange(value, item) {
                 var _options_onChange;
                 options == null ? void 0 : (_options_onChange = options.onChange) == null ? void 0 : _options_onChange.call(options, value, item);
                 if (value === 'auto') {
@@ -8131,7 +8102,7 @@ function __filter(list, locale) {
                     _assert_this_initialized$1(_this).emit(EVENTS.control.definitionChange, value, item);
                 }
             },
-            onOpenChange: function(open, value, item) {
+            onOpenChange: function onOpenChange(open, value, item) {
                 var _options_onOpenChange;
                 options == null ? void 0 : (_options_onOpenChange = options.onOpenChange) == null ? void 0 : _options_onOpenChange.call(options, open, value, item);
                 _assert_this_initialized$1(_this).emit(EVENTS.control.definitionPanelOpenChange, open, value, item);
@@ -8167,26 +8138,20 @@ function __filter(list, locale) {
 }(Select);
 
 function _assert_this_initialized(self) {
-    if (self === void 0) {
-        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
+    if (self === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     return self;
 }
-function _extends$7() {
-    _extends$7 = Object.assign || function(target) {
+function _extends$8() {
+    _extends$8 = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$7.apply(this, arguments);
+    return _extends$8.apply(this, arguments);
 }
-function _inherits$8(subClass, superClass) {
+function _inherits$9(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -8197,14 +8162,14 @@ function _inherits$8(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$8(subClass, superClass);
+    if (superClass) _set_prototype_of$9(subClass, superClass);
 }
-function _set_prototype_of$8(o, p) {
-    _set_prototype_of$8 = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$9(o, p) {
+    _set_prototype_of$9 = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$8(o, p);
+    return _set_prototype_of$9(o, p);
 }
 // 支持的倍速列表, 需要是 2 的指数，不能小于 0.5， 最大 16 倍
 var SUPPORT_SPEED = [
@@ -8238,22 +8203,22 @@ var SPEED_DEFAULT_OPTIONS = {
  *   2. 标准流不支持；
  * @category Control
  */ var Speed = /*#__PURE__*/ function(Select) {
-    _inherits$8(Speed, Select);
+    _inherits$9(Speed, Select);
     function Speed(options) {
         var _this;
         var _options_locales_options_language, _options_locales;
-        _this = Select.call(this, _extends$7({}, SPEED_DEFAULT_OPTIONS, options, {
+        _this = Select.call(this, _extends$8({}, SPEED_DEFAULT_OPTIONS, options, {
             value: (options.props.speed || 1) + '',
             classNameSuffix: 'speed',
             controlType: 'button',
             title: options == null ? void 0 : (_options_locales = options.locales) == null ? void 0 : (_options_locales_options_language = _options_locales[options.language]) == null ? void 0 : _options_locales_options_language.BTN_SPEED,
-            onChange: function(value, item) {
+            onChange: function onChange(value, item) {
                 var _options_onChange;
                 value = +value;
                 options == null ? void 0 : (_options_onChange = options.onChange) == null ? void 0 : _options_onChange.call(options, value, item);
                 _assert_this_initialized(_this).emit(EVENTS.control.speedChange, value, item);
             },
-            onOpenChange: function(open, value, item) {
+            onOpenChange: function onOpenChange(open, value, item) {
                 var _options_onOpenChange;
                 value = +value;
                 options == null ? void 0 : (_options_onOpenChange = options.onOpenChange) == null ? void 0 : _options_onOpenChange.call(options, open, value, item);
@@ -8302,21 +8267,17 @@ var SPEED_DEFAULT_OPTIONS = {
     return Speed;
 }(Select);
 
-function _extends$6() {
-    _extends$6 = Object.assign || function(target) {
+function _extends$7() {
+    _extends$7 = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$6.apply(this, arguments);
+    return _extends$7.apply(this, arguments);
 }
-function _inherits$7(subClass, superClass) {
+function _inherits$8(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -8327,24 +8288,24 @@ function _inherits$7(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$7(subClass, superClass);
+    if (superClass) _set_prototype_of$8(subClass, superClass);
 }
-function _set_prototype_of$7(o, p) {
-    _set_prototype_of$7 = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$8(o, p) {
+    _set_prototype_of$8 = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$7(o, p);
+    return _set_prototype_of$8(o, p);
 }
 /**
  * 日历选择器控件
  * @category Control
  */ var DatePickerControl = /*#__PURE__*/ function(Control) {
-    _inherits$7(DatePickerControl, Control);
+    _inherits$8(DatePickerControl, Control);
     function DatePickerControl(options) {
         var _this;
         var _this_options_props_urlInfo_searchParams, _this_options_props_urlInfo, _this_options_props;
-        _this = Control.call(this, _extends$6({
+        _this = Control.call(this, _extends$7({
             maxDate: new Date()
         }, options, {
             tagName: 'span',
@@ -8375,7 +8336,7 @@ function _set_prototype_of$7(o, p) {
                 title: (_this_locale1 = this.locale) == null ? void 0 : _this_locale1.BTN_CALENDAR
             });
         }
-        this.datePicker = new controlDatePicker.DatePicker(this.$container, _extends$6({
+        this.datePicker = new controlDatePicker.DatePicker(this.$container, _extends$7({
             isMobile: isMobile1,
             mode: 'date',
             offset: [
@@ -8387,16 +8348,16 @@ function _set_prototype_of$7(o, p) {
             current: utilsTools.DateTime.toDate(this._value),
             placement: 'tr',
             triggerClose: true,
-            disabledDate: function(date) {
+            disabledDate: function disabledDate(date) {
                 return date.getTime() > (_this.options.maxDate || new Date()).getTime();
             }
         }, this.options || {}, {
             // 不支持自定义
-            getPopupContainer: function() {
+            getPopupContainer: function getPopupContainer() {
                 return _this.$container;
             },
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            onOk: function(date, _mode) {
+            onOk: function onOk(date, _mode) {
                 if (date && _this._value !== utilsTools.DateTime.format(date, 'YYYY-MM-DD') && isMobile1) {
                     _this._value = utilsTools.DateTime.format(date, 'YYYY-MM-DD');
                     _this.options.onOk == null ? void 0 : _this.options.onOk.call(_this.options, date);
@@ -8406,14 +8367,14 @@ function _set_prototype_of$7(o, p) {
                     }
                 }
             },
-            onChange: function(date, mode) {
+            onChange: function onChange(date, mode) {
                 if (date && _this._value !== utilsTools.DateTime.format(date, 'YYYY-MM-DD') && !isMobile1 && mode === 'date') {
                     _this._value = utilsTools.DateTime.format(date, 'YYYY-MM-DD');
                     _this.options.onChange == null ? void 0 : _this.options.onChange.call(_this.options, date);
                     _this.emit(EVENTS.control.dateChange, date);
                 }
             },
-            onOpenChange: function(open) {
+            onOpenChange: function onOpenChange(open) {
                 _this.options.onPanelChange == null ? void 0 : _this.options.onPanelChange.call(_this.options, open, _this.datePicker.current);
                 _this.emit(EVENTS.control.datePanelOpenChange, open, _this.datePicker.current);
             }
@@ -8462,21 +8423,17 @@ function _set_prototype_of$7(o, p) {
     return DatePickerControl;
 }(Control);
 
-function _extends$5() {
-    _extends$5 = Object.assign || function(target) {
+function _extends$6() {
+    _extends$6 = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$5.apply(this, arguments);
+    return _extends$6.apply(this, arguments);
 }
-function _inherits$6(subClass, superClass) {
+function _inherits$7(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -8487,25 +8444,25 @@ function _inherits$6(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$6(subClass, superClass);
+    if (superClass) _set_prototype_of$7(subClass, superClass);
 }
-function _set_prototype_of$6(o, p) {
-    _set_prototype_of$6 = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$7(o, p) {
+    _set_prototype_of$7 = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$6(o, p);
+    return _set_prototype_of$7(o, p);
 }
 /** 时间格式 HH:mm:ss */ var TIME_FORMAT = 'HH:mm:ss';
 /**
  * 时间选择器控件
  * @category Control
  */ var TimePickerControl = /*#__PURE__*/ function(Control) {
-    _inherits$6(TimePickerControl, Control);
+    _inherits$7(TimePickerControl, Control);
     function TimePickerControl(options) {
         var _this;
         var _this_options_props_urlInfo_searchParams, _this_options_props_urlInfo, _this_options_props;
-        _this = Control.call(this, _extends$5({}, options, {
+        _this = Control.call(this, _extends$6({}, options, {
             tagName: 'span',
             controlType: 'button',
             classNameSuffix: 'time'
@@ -8531,7 +8488,7 @@ function _set_prototype_of$6(o, p) {
             title: (_this_locale = this.locale) == null ? void 0 : _this_locale.BTN_TIME
         });
         // }
-        this.timePicker = new controlDatePicker.TimePicker(this.$container, _extends$5({
+        this.timePicker = new controlDatePicker.TimePicker(this.$container, _extends$6({
             showHeader: false,
             isMobile: false,
             offset: [
@@ -8544,17 +8501,17 @@ function _set_prototype_of$6(o, p) {
             triggerClose: true
         }, this.options || {}, {
             // 不支持自定义
-            getPopupContainer: function() {
+            getPopupContainer: function getPopupContainer() {
                 return _this.$container;
             },
-            onChange: function(time, _times) {
+            onChange: function onChange(time, _times) {
                 if (time && _this._value !== time) {
                     _this._value = time;
                     _this.options.onChange == null ? void 0 : _this.options.onChange.call(_this.options, time, _times);
                     _this.emit(EVENTS.control.timeChange, time);
                 }
             },
-            onOpenChange: function(open) {
+            onOpenChange: function onOpenChange(open) {
                 _this.options.onPanelChange == null ? void 0 : _this.options.onPanelChange.call(_this.options, open, _this.timePicker.current);
                 _this.emit(EVENTS.control.timePanelOpenChange, open, _this.timePicker.current);
             }
@@ -8601,21 +8558,17 @@ function _set_prototype_of$6(o, p) {
     return TimePickerControl;
 }(Control);
 
-function _extends$4() {
-    _extends$4 = Object.assign || function(target) {
+function _extends$5() {
+    _extends$5 = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
-    return _extends$4.apply(this, arguments);
+    return _extends$5.apply(this, arguments);
 }
-function _inherits$5(subClass, superClass) {
+function _inherits$6(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -8626,23 +8579,23 @@ function _inherits$5(subClass, superClass) {
             configurable: true
         }
     });
-    if (superClass) _set_prototype_of$5(subClass, superClass);
+    if (superClass) _set_prototype_of$6(subClass, superClass);
 }
-function _set_prototype_of$5(o, p) {
-    _set_prototype_of$5 = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+function _set_prototype_of$6(o, p) {
+    _set_prototype_of$6 = Object.setPrototypeOf || function setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
     };
-    return _set_prototype_of$5(o, p);
+    return _set_prototype_of$6(o, p);
 }
 /**
  * 回放时间轴控件
  */ var TimeLineControl = /*#__PURE__*/ function(Control) {
-    _inherits$5(TimeLineControl, Control);
+    _inherits$6(TimeLineControl, Control);
     function TimeLineControl(options) {
         var _this;
         var _this__options_props, _this__options;
-        _this = Control.call(this, _extends$4({}, options, {
+        _this = Control.call(this, _extends$5({}, options, {
             tagName: 'div',
             controlType: 'block',
             classNameSuffix: 'time-line'
@@ -8678,9 +8631,9 @@ function _set_prototype_of$5(o, p) {
     var _proto = TimeLineControl.prototype;
     _proto._render = function _render() {
         var _this = this;
-        var _this_timeLineUtil_updateTimeSections, _this_timeLineUtil;
         var _this__options_showTimeWidthBtn, _this__options_showCoverFold;
-        var _timeLineOptions = _extends$4({
+        var _this_timeLineUtil_updateTimeSections, _this_timeLineUtil;
+        var _timeLineOptions = _extends$5({
             language: this._options.language || 'zh',
             coverQuery: this._options.coverQuery || '',
             showTimeWidthBtn: (_this__options_showTimeWidthBtn = this._options.showTimeWidthBtn) != null ? _this__options_showTimeWidthBtn : true,
@@ -8688,23 +8641,42 @@ function _set_prototype_of$5(o, p) {
             hoverTipPlacement: 'top'
         }, this._options || {}, {
             showSectionIcon: false,
-            onClickSeek: function(date) {
+            onClickSeek: function onClickSeek(date) {
                 if (date == null ? void 0 : date.getTime()) {
                     _this._options.onClickSeek == null ? void 0 : _this._options.onClickSeek.call(_this._options, date);
                     _this.emit(EVENTS.control.timeLineChange, date);
                 }
             },
-            onChange: function(date) {
+            onChange: function onChange(date) {
                 if (_this._currentTime !== (date == null ? void 0 : date.getTime())) {
                     _this._options.onChange == null ? void 0 : _this._options.onChange.call(_this._options, date);
                     _this.emit(EVENTS.control.timeLineChange, date);
                 }
             },
-            onPickerOpenChange: function(open) {
+            onDragEnd: function onDragEnd(date, isOver) {
+                var _this__options_props_playbackRange, _this__options_props, _this__options;
+                _this._options.onDragEnd == null ? void 0 : _this._options.onDragEnd.call(_this._options, date, isOver);
+                // 松手时鼠标已移出时间轴容器（isOver 为 false）：控件把这种拖动视为取消，
+                // onChange 不会触发（见 @ezuikit/control-time-line 的 pc/index.ts _moveEndOrTouchEndFun，
+                // onChange 受 _isOver 约束），于是 SDK 层的播放区间夹取拿不到事件，光标停在
+                // 区间外不再被纠正 —— 播放已结束时 OSD 轮询也已停止，靠后续同步也拉不回来。
+                // 这里补发一次 timeLineChange 交给 SDK 层夹取回弹。
+                //
+                // 必须用 isOver === false 而不是 !isOver：移动端（mobile/index.ts）调 onDragEnd
+                // 时不传第二个参数，值为 undefined，用 !isOver 会让移动端每次拖动都补发，
+                // 而它的 _setState 已经触发过一次 onChange，会造成重复 seek。
+                // 移动端也不需要这个补丁：DragScroll 是容器内滚动，没有"拖出容器外松手"的情况。
+                //
+                // 无播放区间时不补发，保持控件"拖出容器不 seek"的既有语义，避免破坏存量集成
+                if (isOver === false && ((_this__options = _this._options) == null ? void 0 : (_this__options_props = _this__options.props) == null ? void 0 : (_this__options_props_playbackRange = _this__options_props.playbackRange) == null ? void 0 : _this__options_props_playbackRange.begin)) {
+                    _this.emit(EVENTS.control.timeLineChange, date);
+                }
+            },
+            onPickerOpenChange: function onPickerOpenChange(open) {
                 _this.emit(EVENTS.control.timeLinePanelOpenChange, open);
             },
             // 2025-10-27 仅移动端支持
-            onPickerSelect: function(item) {
+            onPickerSelect: function onPickerSelect(item) {
                 var date = null;
                 try {
                     if ((item.startTime + '').length === 10) date = new Date(item.startTime * 1000);
@@ -8715,7 +8687,7 @@ function _set_prototype_of$5(o, p) {
                 } catch (error) {
                 }
             },
-            onSectionIconClick: function(result) {
+            onSectionIconClick: function onSectionIconClick(result) {
                 _this.emit('TimeLine.onSectionIconClick', result);
             }
         });
@@ -8785,15 +8757,224 @@ function _set_prototype_of$5(o, p) {
     return TimeLineControl;
 }(Control);
 
-function _extends$3() {
-    _extends$3 = Object.assign || function(target) {
+function _extends$4() {
+    _extends$4 = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
+        }
+        return target;
+    };
+    return _extends$4.apply(this, arguments);
+}
+function _inherits$5(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of$5(subClass, superClass);
+}
+function _set_prototype_of$5(o, p) {
+    _set_prototype_of$5 = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of$5(o, p);
+}
+/**
+ * 播放结束后忽略 OSD 回写的静默期（毫秒）
+ *
+ * 断流结束时 SDK 不会立刻停掉 OSD 轮询（要让时间轴光标跟到画面最后一帧，见
+ * api/_playbackRange.ts 的 OSD_SETTLE_MS = 2500），这些回写的时间早于区间末端，
+ * 会把刚补满的进度拉回去。取值需覆盖该窗口。
+ *
+ * 用静默期而不是永久忽略：用户可能从时间轴点回区间内继续看，那条 seek 不经过
+ * 进度条的 onChange，永久忽略会让进度条卡死不再更新。
+ */ var PLAYBACK_END_SILENCE_MS = 3000;
+/**
+ * 读取录像片段的起止时间（毫秒）
+ *
+ * 录像列表是服务端原始返回、未做字段归一化，`begin/end` 与 `startTime/endTime`
+ * 两套字段名在不同回放类型下都出现过，这里统一兼容。
+ *
+ * @param seg 录像片段
+ * @param which 取起点还是终点
+ */ function segMs(seg, which) {
+    var _ref, _ref1;
+    var value = which === 'start' ? (_ref = seg == null ? void 0 : seg.startTime) != null ? _ref : seg == null ? void 0 : seg.begin : (_ref1 = seg == null ? void 0 : seg.endTime) != null ? _ref1 : seg == null ? void 0 : seg.end;
+    if (value === undefined || value === null || value === '') return NaN;
+    if (typeof value === 'number') return value < 1e12 ? value * 1000 : value;
+    return utilsTools.DateTime.toDate(value).getTime();
+}
+/**
+ * 回放片段进度条控件（移动端）
+ *
+ * 只在设置了播放区间时渲染，范围是「当前录像片段 ∩ 播放区间」。
+ * 区间内跨片段的定位由时间轴承担，这里只负责当前片段的精细拖动。
+ * @category Control
+ */ var SegmentProgressControl = /*#__PURE__*/ function(Control) {
+    _inherits$5(SegmentProgressControl, Control);
+    function SegmentProgressControl(options) {
+        var _this;
+        var _this__options_props, _this__options_props1;
+        _this = Control.call(this, _extends$4({}, options, {
+            tagName: 'div',
+            controlType: 'block',
+            classNameSuffix: 'segment-progress'
+        })) || this, /** 播放区间（毫秒） */ _this._rangeBeginMs = 0, _this._rangeEndMs = 0, /** 区间内的录像片段，按起点升序 */ _this._segments = [], /** 当前片段下标，-1 表示不在任何片段内 */ _this._currentIndex = -1, _this._isDragging = false, /** 播放结束静默期的截止时刻（时间戳），此前忽略 OSD 回写 */ _this._silenceUntil = 0;
+        _this._options = options;
+        _this._render();
+        // 区间通过 props 下发，避免主题异步渲染时错过初始化事件。
+        // 区间只在初始化时设置，没有运行时变更入口
+        _this._setRange((_this__options_props = _this._options.props) == null ? void 0 : _this__options_props.playbackRange);
+        _this._setSegments(((_this__options_props1 = _this._options.props) == null ? void 0 : _this__options_props1.recordList) || []);
+        _this.on(EVENTS.setAllDayRecTimes, function(records) {
+            _this._setSegments(records || []);
+            _this._syncSegment(true);
+        });
+        _this.on(EVENTS.getOSDTime, function(time) {
+            if (!time || _this._isDragging) return;
+            // 结束静默期内忽略回写，避免把补满的进度拉回（详见 PLAYBACK_END_SILENCE_MS）
+            if (_this._silenceUntil > Date.now()) return;
+            // OSD 如实跟随，不做 seek 过渡期的拦截或下限抑制：
+            // 定位后 OSD 还会推几拍 seek 之前的位置，进度会先回到原处再跳到目标（跳两次），
+            // 关键帧定位还可能让落点比目标早一秒（退一格）。这些与时间轴光标的表现一致，
+            // 由 SDK 侧的定位行为决定，控件层不再单独补偿
+            _this._syncCurrent(time * 1000);
+        });
+        // 区间播完时把完成度补到轨道末端。
+        // 进度值来自 OSD 轮询，受轮询精度（1s）与服务端提前断流影响，通常停在末端之前
+        // 若干秒（实测 1~5s）。时间轴光标停在真实最后一帧是对的，但进度条表达的是"完成度"，
+        // 停在 87% 却提示"回放结束"会让人以为卡住，所以这里补满。
+        // noMoreSegment 不补：那时播放停在无录像间隔，补满会谎报已看完整段
+        _this.on(EVENTS.playbackEnd, function(data) {
+            var _this__segments_this__currentIndex;
+            if ((data == null ? void 0 : data.reason) !== 'reachRangeEnd' || _this._isDragging) return;
+            var endMs = _this._currentIndex >= 0 ? (_this__segments_this__currentIndex = _this._segments[_this._currentIndex]) == null ? void 0 : _this__segments_this__currentIndex.endTime : _this._rangeEndMs;
+            if (!Number.isFinite(endMs)) return;
+            // 先开静默期再补满，否则紧随其后的收尾 OSD 会把进度拉回
+            _this._silenceUntil = Date.now() + PLAYBACK_END_SILENCE_MS;
+            _this._progress.setCurrent(endMs);
+        });
+        return _this;
+    }
+    var _proto = SegmentProgressControl.prototype;
+    _proto._render = function _render() {
+        var _this = this;
+        this._progress = new SegmentProgress(this.$container, {
+            onChange: function onChange(date) {
+                // 用户主动定位即视为重新开始播放，立即解除结束静默，否则静默期内的回写被丢弃、
+                // 进度条会停住不动
+                _this._silenceUntil = 0;
+                _this._options.onChange == null ? void 0 : _this._options.onChange.call(_this._options, date);
+                _this.emit(EVENTS.control.timeLineChange, date);
+            },
+            onDragStart: function onDragStart() {
+                _this._isDragging = true;
+            },
+            onDragEnd: function onDragEnd() {
+                _this._isDragging = false;
             }
+        });
+        this._updateVisible();
+    };
+    /**
+   * 设置播放区间
+   * @param range 区间；null 表示解除约束
+   */ _proto._setRange = function _setRange(range) {
+        if ((range == null ? void 0 : range.begin) && (range == null ? void 0 : range.end)) {
+            this._rangeBeginMs = utilsTools.DateTime.toDate(range.begin).getTime();
+            this._rangeEndMs = utilsTools.DateTime.toDate(range.end).getTime();
+        } else {
+            this._rangeBeginMs = 0;
+            this._rangeEndMs = 0;
+        }
+        this._updateVisible();
+    };
+    /**
+   * 用区间裁剪录像片段
+   * @param records 全天录像片段
+   */ _proto._setSegments = function _setSegments(records) {
+        var _this = this;
+        if (!this._hasRange() || !Array.isArray(records)) {
+            this._segments = [];
+            return;
+        }
+        this._segments = records.map(function(seg) {
+            return {
+                startTime: segMs(seg, 'start'),
+                endTime: segMs(seg, 'end')
+            };
+        }).filter(function(seg) {
+            return !Number.isNaN(seg.startTime) && !Number.isNaN(seg.endTime) && seg.endTime > _this._rangeBeginMs && seg.startTime < _this._rangeEndMs;
+        }).map(function(seg) {
+            return {
+                startTime: Math.max(seg.startTime, _this._rangeBeginMs),
+                endTime: Math.min(seg.endTime, _this._rangeEndMs)
+            };
+        }).sort(function(a, b) {
+            return a.startTime - b.startTime;
+        });
+    };
+    /** 用当前进度重新定位所属片段 */ _proto._syncSegment = function _syncSegment(force) {
+        if (force === void 0) force = false;
+        if (force) this._currentIndex = -1;
+        this._updateVisible();
+    };
+    /**
+   * 按播放进度更新片段与进度
+   * @param currentMs 当前播放时间（毫秒）
+   */ _proto._syncCurrent = function _syncCurrent(currentMs) {
+        if (!this._hasRange()) return;
+        var index = this._segments.findIndex(function(seg) {
+            return currentMs >= seg.startTime && currentMs < seg.endTime;
+        });
+        // 落在片段间隔时保持上一个片段的展示，等 SDK 层完成自动续播后再切换
+        if (index === -1) {
+            if (this._currentIndex === -1) this._fallbackToRange();
+            this._progress.setCurrent(currentMs);
+            return;
+        }
+        if (index !== this._currentIndex) {
+            this._currentIndex = index;
+            var seg = this._segments[index];
+            this._progress.setSegment(seg.startTime, seg.endTime);
+        }
+        this._progress.setCurrent(currentMs);
+    };
+    /** 没有可用片段信息时退化为整个区间，避免进度条空转 */ _proto._fallbackToRange = function _fallbackToRange() {
+        if (!this._hasRange()) return;
+        this._progress.setSegment(this._rangeBeginMs, this._rangeEndMs);
+    };
+    _proto._hasRange = function _hasRange() {
+        return this._rangeEndMs > this._rangeBeginMs;
+    };
+    _proto._updateVisible = function _updateVisible() {
+        var visible = this._hasRange();
+        this.$container.style.display = visible ? '' : 'none';
+        if (visible && this._currentIndex === -1 && !this._segments.length) {
+            this._fallbackToRange();
+        }
+    };
+    _proto.destroy = function destroy() {
+        var _this__progress;
+        (_this__progress = this._progress) == null ? void 0 : _this__progress.destroy();
+        Control.prototype.destroy.call(this);
+    };
+    return SegmentProgressControl;
+}(Control);
+
+function _extends$3() {
+    _extends$3 = Object.assign || function assign(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
@@ -8879,10 +9060,11 @@ var Controls = {
     speed: Speed,
     date: DatePickerControl,
     time: TimePickerControl,
-    timeLine: TimeLineControl
+    timeLine: TimeLineControl,
+    segmentProgress: SegmentProgressControl
 };
 
-/* eslint-disable @typescript-eslint/no-non-null-assertion */ function _inherits$3(subClass, superClass) {
+function _inherits$3(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
     }
@@ -9023,6 +9205,10 @@ function _set_prototype_of$2(o, p) {
             this.$content = document.createElement('div');
             this.$content.classList.add("" + PREFIX_CLASS + "-mobile-extend-control-content");
             this.$controlPanel.appendChild(this.$content);
+            // 片段进度条紧贴播放控件下方，位于日期/回放类型那一行之前
+            this.$segmentProgress = document.createElement('div');
+            this.$segmentProgress.classList.add("" + PREFIX_CLASS + "-mobile-extend-segment-progress");
+            this.$content.appendChild(this.$segmentProgress);
             this.$top = document.createElement('div');
             this.$top.classList.add("" + PREFIX_CLASS + "-mobile-extend-control-top");
             this.$content.appendChild(this.$top);
@@ -9043,14 +9229,10 @@ function _set_prototype_of$2(o, p) {
 }(EventEmitter);
 
 function _extends$2() {
-    _extends$2 = Object.assign || function(target) {
+    _extends$2 = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
@@ -9182,7 +9364,7 @@ var PAUSE_DEFAULT_OPTIONS = {};
     return Pause;
 }(Control);
 
-var _unmountedControls = function(theme) {
+var _unmountedControls = function _unmountedControls(theme) {
     if (!theme.controls) {
         return;
     }
@@ -9246,6 +9428,11 @@ var _unmountedControls = function(theme) {
     if (theme._onPauseTimingFunc) {
         theme._onPauseTimingFunc = null;
     }
+    // 移除首帧同步监听（挂在 theme 上，需显式解绑，避免 changeTheme 累积）
+    if (theme._onFirstFrameSync) {
+        theme.removeListener(EVENTS.firstFrameDisplay, theme._onFirstFrameSync);
+        theme._onFirstFrameSync = null;
+    }
     if (hasControls) {
         theme.emit(EVENTS.control.unmountedControls);
     }
@@ -9264,11 +9451,8 @@ function asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, key, arg) {
         reject(error);
         return;
     }
-    if (info.done) {
-        resolve(value);
-    } else {
-        Promise.resolve(value).then(_next, _throw);
-    }
+    if (info.done) resolve(value);
+    else Promise.resolve(value).then(_next, _throw);
 }
 function _async_to_generator$1(fn) {
     return function() {
@@ -9285,28 +9469,6 @@ function _async_to_generator$1(fn) {
         });
     };
 }
-function _extends$1() {
-    _extends$1 = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends$1.apply(this, arguments);
-}
-function _unsupported_iterable_to_array$1(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$1(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(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$1(o, minLen);
-}
 function _create_for_of_iterator_helper_loose$1(o, allowArrayLike) {
     var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
     if (it) return (it = it.call(o)).next.bind(it);
@@ -9314,18 +9476,26 @@ function _create_for_of_iterator_helper_loose$1(o, allowArrayLike) {
         if (it) o = it;
         var i = 0;
         return function() {
-            if (i >= o.length) {
-                return {
-                    done: true
-                };
-            }
+            if (i >= o.length) return {
+                done: true
+            };
             return {
                 done: false,
                 value: o[i++]
             };
         };
     }
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _extends$1() {
+    _extends$1 = Object.assign || function assign(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
+        }
+        return target;
+    };
+    return _extends$1.apply(this, arguments);
 }
 function _ts_generator$1(thisArg, body) {
     var f, y, t, _ = {
@@ -9336,9 +9506,17 @@ function _ts_generator$1(thisArg, body) {
         },
         trys: [],
         ops: []
-    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-        return this;
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype), d = Object.defineProperty;
+    return d(g, "next", {
+        value: verb(0)
+    }), d(g, "throw", {
+        value: verb(1)
+    }), d(g, "return", {
+        value: verb(2)
+    }), typeof Symbol === "function" && d(g, Symbol.iterator, {
+        value: function() {
+            return this;
+        }
     }), g;
     function verb(n) {
         return function(v) {
@@ -9418,6 +9596,14 @@ function _ts_generator$1(thisArg, body) {
         };
     }
 }
+function _unsupported_iterable_to_array$1(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array$1(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(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$1(o, minLen);
+}
 // 需要权限的控件
 var AUTH_KEY = [
     'ptz',
@@ -9456,7 +9642,7 @@ function _renderControls(theme, $container, btnList, props) {
                         // eslint-disable-next-line @typescript-eslint/dot-notation, new-cap, @typescript-eslint/no-unsafe-argument
                         theme.controls["deviceControl"] = new Controls["device"](_extends$1({
                             rootContainer: theme.$container,
-                            getPopupContainer: function() {
+                            getPopupContainer: function getPopupContainer() {
                                 return $container;
                             },
                             recType: theme.recType,
@@ -9479,7 +9665,7 @@ function _renderControls(theme, $container, btnList, props) {
                     // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
                     theme.controls["" + item.iconId + "Control"] = new Controls[item.iconId](_extends$1({
                         rootContainer: theme.$container,
-                        getPopupContainer: function() {
+                        getPopupContainer: function getPopupContainer() {
                             return $container;
                         },
                         language: theme.options.language || "zh",
@@ -9506,7 +9692,7 @@ function _renderControls(theme, $container, btnList, props) {
 }
 function _renderTheme(theme, data) {
     return _async_to_generator$1(function() {
-        var _theme_posterControl, _filterThemeData_header, _filterThemeData_footer, _theme_urlInfo, _theme_options_mobileExtendOptions_controls, _theme_options_mobileExtendOptions, themeData, filterThemeData, props, _$_filterLeftRightControls, leftBtns, rightBtns, _theme_controls, _theme_controls1, _$_filterLeftRightControls1, leftBtns1, rightBtns1, _filterThemeData_footer_btnList, list, _needTimeLine, hasPtz, _theme_options_mobileExtendOptions1, _theme_options_mobileExtendOptions2, _theme_options_mobileExtendOptions3, _theme_controls2, _theme_options_mobileExtendOptions4, _theme_options_mobileExtendOptions_controls1, _theme_options_mobileExtendOptions5, _filterThemeData_header1, _filterThemeData_footer1, _filterThemeData_footer_btnList1, _theme_options;
+        var _ref, _theme_posterControl, _filterThemeData_header, _filterThemeData_footer, _theme_urlInfo, _theme_playbackRange, _theme_playbackRange1, _theme_options_mobileExtendOptions_controls, _theme_options_mobileExtendOptions, themeData, filterThemeData, props, _$_filterLeftRightControls, leftBtns, rightBtns, _theme_controls, _theme_controls1, _$_filterLeftRightControls1, leftBtns1, rightBtns1, list, _needTimeLine, _hasPlaybackRange, _needDatePicker, hasPtz, _theme_options_mobileExtendOptions1, _theme_options_mobileExtendOptions2, _theme_options_mobileExtendOptions3, _theme_options_mobileExtendOptions4, _theme_controls2, _theme_options_mobileExtendOptions5, _theme_options_mobileExtendOptions_controls1, _theme_options_mobileExtendOptions6, _ref1, _filterThemeData_header1, _filterThemeData_footer1, _theme_options;
         return _ts_generator$1(this, function(_state) {
             switch(_state.label){
                 case 0:
@@ -9516,6 +9702,10 @@ function _renderTheme(theme, data) {
                     ];
                 case 1:
                     themeData = _state.sent();
+                    // 异步获取主题数据期间可能已 destroy()，避免在已释放的 theme 上继续渲染/emit
+                    if (theme.destroyed) return [
+                        2
+                    ];
                     _unmountedControls(theme);
                     if (Object.prototype.toString.call(themeData) !== '[object Object]') {
                         // 主题空
@@ -9528,7 +9718,7 @@ function _renderTheme(theme, data) {
                             language: theme.options.language,
                             locales: theme.i18n.translations
                         }, theme.options.loadingOptions || {}, {
-                            getPopupContainer: function() {
+                            getPopupContainer: function getPopupContainer() {
                                 return theme.$container;
                             }
                         }));
@@ -9538,7 +9728,7 @@ function _renderTheme(theme, data) {
                             language: theme.options.language,
                             locales: theme.i18n.translations
                         }, theme.options.pauseOptions || {}, {
-                            getPopupContainer: function() {
+                            getPopupContainer: function getPopupContainer() {
                                 return theme.contentControl.$wrapper;
                             }
                         }));
@@ -9550,14 +9740,14 @@ function _renderTheme(theme, data) {
                         theme.messageControl = new Message(_extends$1({
                             rootContainer: theme.$container
                         }, theme.options.messageOptions || {}, {
-                            getPopupContainer: function() {
+                            getPopupContainer: function getPopupContainer() {
                                 return theme.contentControl.$wrapper;
                             }
                         }));
                     }
                     if (theme.options.posterOptions !== null) {
                         theme.posterControl = new Poster(_extends$1({}, theme.options.posterOptions || {}, {
-                            getPopupContainer: function() {
+                            getPopupContainer: function getPopupContainer() {
                                 return theme.contentControl.$video;
                             }
                         }));
@@ -9587,7 +9777,7 @@ function _renderTheme(theme, data) {
                     }
                     if (filterThemeData.header) {
                         theme._header = new Header({
-                            getPopupContainer: function() {
+                            getPopupContainer: function getPopupContainer() {
                                 return theme.$container;
                             },
                             color: filterThemeData.header.color,
@@ -9602,7 +9792,7 @@ function _renderTheme(theme, data) {
                     if (filterThemeData.footer) {
                         // prettier-ignore
                         theme._footer = new Footer({
-                            getPopupContainer: function() {
+                            getPopupContainer: function getPopupContainer() {
                                 return theme.$container;
                             },
                             color: filterThemeData.footer.color,
@@ -9648,20 +9838,23 @@ function _renderTheme(theme, data) {
                         _renderControls(theme, theme._footer.$left, leftBtns1, props);
                         _renderControls(theme, theme._footer.$right, rightBtns1, props);
                     }
-                    list = [].concat(((_filterThemeData_header = filterThemeData.header) == null ? void 0 : _filterThemeData_header.btnList) || [], (_filterThemeData_footer_btnList = (_filterThemeData_footer = filterThemeData.footer) == null ? void 0 : _filterThemeData_footer.btnList) != null ? _filterThemeData_footer_btnList : []);
+                    list = [].concat(((_filterThemeData_header = filterThemeData.header) == null ? void 0 : _filterThemeData_header.btnList) || [], (_ref = (_filterThemeData_footer = filterThemeData.footer) == null ? void 0 : _filterThemeData_footer.btnList) != null ? _ref : []);
                     // FIXME: 这个逻辑实际上是有问题的
                     _needTimeLine = list.some(function(item) {
                         return REC_GROUP.includes(item.iconId) || item.iconId === 'recDropdown';
                     }) && ((_theme_urlInfo = theme.urlInfo) == null ? void 0 : _theme_urlInfo.type) === 'rec';
+                    // 处于播放区间约束中时不渲染日历：区间必然在同一天内，切到任何其它日期都会越界
+                    _hasPlaybackRange = !!((_theme_playbackRange = theme.playbackRange) == null ? void 0 : _theme_playbackRange.begin) && !!((_theme_playbackRange1 = theme.playbackRange) == null ? void 0 : _theme_playbackRange1.end);
+                    _needDatePicker = theme.options.dateOptions !== null && !_hasPlaybackRange;
                     theme.$container.classList.remove("" + PREFIX_CLASS + "-has-time-line");
                     // PC 单独渲染timeLine
                     if (!Utils.isMobile && !(theme.options.timeLineOptions === null || theme.options.disabledTimeLine) && _needTimeLine) {
                         theme._recFooter = new RecFooter(theme.$container, {
-                            hasDatePicker: theme.options.dateOptions !== null,
+                            hasDatePicker: _needDatePicker,
                             hasTimePicker: theme.options.timeOptions !== null
                         });
                         // 放置在 timeline 前面是为了防止 时间轴宽度设置后导致 图标按钮被挤出 footer
-                        if (theme.options.dateOptions !== null) {
+                        if (_needDatePicker) {
                             _renderDatePicker(theme, theme._recFooter.$datePickerContainer, props);
                         }
                         if (theme.options.timeOptions !== null) {
@@ -9681,14 +9874,19 @@ function _renderTheme(theme, data) {
                         });
                         if (hasPtz || _needTimeLine) {
                             theme._mobileExtend = new MobileExtend(theme.$container);
-                            if (theme.options.dateOptions !== null && ((_theme_options_mobileExtendOptions1 = theme.options.mobileExtendOptions) == null ? void 0 : _theme_options_mobileExtendOptions1.controls.includes('date')) && _needTimeLine) {
+                            // 播放区间约束下渲染片段进度条（紧贴播放控件下方）
+                            if (_hasPlaybackRange && theme.options.segmentProgressOptions !== null && ((_theme_options_mobileExtendOptions1 = theme.options.mobileExtendOptions) == null ? void 0 : _theme_options_mobileExtendOptions1.controls.includes('segmentProgress')) && _needTimeLine) {
+                                _renderSegmentProgress(theme, theme._mobileExtend.$segmentProgress, props);
+                            }
+                            if (_needDatePicker && ((_theme_options_mobileExtendOptions2 = theme.options.mobileExtendOptions) == null ? void 0 : _theme_options_mobileExtendOptions2.controls.includes('date')) && _needTimeLine) {
                                 _renderDatePicker(theme, theme._mobileExtend.$topLeft, props);
                             }
-                            if (theme.options.timeOptions !== null && ((_theme_options_mobileExtendOptions2 = theme.options.mobileExtendOptions) == null ? void 0 : _theme_options_mobileExtendOptions2.controls.includes('time')) && _needTimeLine) {
+                            if (theme.options.timeOptions !== null && ((_theme_options_mobileExtendOptions3 = theme.options.mobileExtendOptions) == null ? void 0 : _theme_options_mobileExtendOptions3.controls.includes('time')) && _needTimeLine) {
                                 _renderTimePicker(theme, theme._mobileExtend.$topLeft, props);
                             }
-                            if (theme.options.recOptions !== null && ((_theme_options_mobileExtendOptions3 = theme.options.mobileExtendOptions) == null ? void 0 : _theme_options_mobileExtendOptions3.controls.includes('rec')) && _needTimeLine) {
-                                [].concat(((_filterThemeData_header1 = filterThemeData.header) == null ? void 0 : _filterThemeData_header1.btnList) || [], (_filterThemeData_footer_btnList1 = (_filterThemeData_footer1 = filterThemeData.footer) == null ? void 0 : _filterThemeData_footer1.btnList) != null ? _filterThemeData_footer_btnList1 : []).forEach(function(item) {
+                            // 回放类型切换正常渲染，用户点击后由 SDK 层在 recDropdownChange 事件中自行处理
+                            if (theme.options.recOptions !== null && ((_theme_options_mobileExtendOptions4 = theme.options.mobileExtendOptions) == null ? void 0 : _theme_options_mobileExtendOptions4.controls.includes('rec')) && _needTimeLine) {
+                                [].concat(((_filterThemeData_header1 = filterThemeData.header) == null ? void 0 : _filterThemeData_header1.btnList) || [], (_ref1 = (_filterThemeData_footer1 = filterThemeData.footer) == null ? void 0 : _filterThemeData_footer1.btnList) != null ? _ref1 : []).forEach(function(item) {
                                     var _theme__mobileExtend;
                                     if (REC_GROUP.includes(item.iconId)) _renderRecType(theme, (_theme__mobileExtend = theme._mobileExtend) == null ? void 0 : _theme__mobileExtend.$topRight, item.iconId, props);
                                 });
@@ -9698,7 +9896,7 @@ function _renderTheme(theme, data) {
                                 // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
                                 theme.controls['alarmMessageControl'] = new Controls['alarmMessage'](_extends$1({
                                     rootContainer: theme.$container,
-                                    getPopupContainer: function() {
+                                    getPopupContainer: function getPopupContainer() {
                                         var _theme__mobileExtend;
                                         return (_theme__mobileExtend = theme._mobileExtend) == null ? void 0 : _theme__mobileExtend.$topRight;
                                     },
@@ -9710,10 +9908,10 @@ function _renderTheme(theme, data) {
                                     props: props
                                 }));
                             }
-                            if ((theme.options.timeLineOptions !== null || !theme.options.disabledTimeLine) && ((_theme_options_mobileExtendOptions4 = theme.options.mobileExtendOptions) == null ? void 0 : _theme_options_mobileExtendOptions4.controls.includes('timeLine')) && _needTimeLine) {
+                            if ((theme.options.timeLineOptions !== null || !theme.options.disabledTimeLine) && ((_theme_options_mobileExtendOptions5 = theme.options.mobileExtendOptions) == null ? void 0 : _theme_options_mobileExtendOptions5.controls.includes('timeLine')) && _needTimeLine) {
                                 _renderTimeLine(theme, theme._mobileExtend.$content, props);
                             }
-                            if (Utils.isMobile && ((_theme_options_mobileExtendOptions5 = theme.options.mobileExtendOptions) == null ? void 0 : (_theme_options_mobileExtendOptions_controls1 = _theme_options_mobileExtendOptions5.controls) == null ? void 0 : _theme_options_mobileExtendOptions_controls1.includes('ptz')) && hasPtz && theme.controls.ptzControl) {
+                            if (Utils.isMobile && ((_theme_options_mobileExtendOptions6 = theme.options.mobileExtendOptions) == null ? void 0 : (_theme_options_mobileExtendOptions_controls1 = _theme_options_mobileExtendOptions6.controls) == null ? void 0 : _theme_options_mobileExtendOptions_controls1.includes('ptz')) && hasPtz && theme.controls.ptzControl) {
                                 theme.controls.ptzControl.renderMobileExtend(theme._mobileExtend.$content);
                             }
                         }
@@ -9732,32 +9930,49 @@ function _renderTheme(theme, data) {
         });
     })();
 }
-var _renderTimeLine = function(theme, container, props) {
+var _renderTimeLine = function _renderTimeLine(theme, container, props) {
     if (props === void 0) props = {};
     if (!theme.controls.timeLineControl && theme.options.timeLineOptions !== null) {
+        var _ref;
         var _theme_urlInfo, _theme_urlInfo1, _theme_options, _theme_options1, _this, _theme_options2;
-        var _showSectionIcon;
         // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
         theme.controls.timeLineControl = new Controls['timeLine'](_extends$1({
-            getPopupContainer: function() {
+            getPopupContainer: function getPopupContainer() {
                 return container;
             },
             language: theme.options.language,
             locales: theme.i18n.translations,
             coverQuery: ((_theme_urlInfo = theme.urlInfo) == null ? void 0 : _theme_urlInfo.validateCode) ? "decodekey=" + ((_theme_urlInfo1 = theme.urlInfo) == null ? void 0 : _theme_urlInfo1.validateCode) : ''
         }, ((_theme_options = theme.options) == null ? void 0 : _theme_options["timeLineOptions"]) || {}, {
-            showSectionIcon: ((_theme_options1 = theme.options) == null ? void 0 : _theme_options1["recListOptions"]) !== null ? (_showSectionIcon = (_this = ((_theme_options2 = theme.options) == null ? void 0 : _theme_options2["timeLineOptions"]) || {}) == null ? void 0 : _this.showSectionIcon) != null ? _showSectionIcon : true : true,
+            showSectionIcon: ((_theme_options1 = theme.options) == null ? void 0 : _theme_options1["recListOptions"]) !== null ? (_ref = (_this = ((_theme_options2 = theme.options) == null ? void 0 : _theme_options2["timeLineOptions"]) || {}) == null ? void 0 : _this.showSectionIcon) != null ? _ref : true : true,
             props: props
         }));
     }
 };
-var _renderDatePicker = function(theme, container, props) {
+var _renderSegmentProgress = function _renderSegmentProgress(theme, container, props) {
+    if (props === void 0) props = {};
+    if (!theme.controls.segmentProgressControl && theme.options.segmentProgressOptions !== null) {
+        var _theme_options;
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+        theme.controls.segmentProgressControl = new Controls['segmentProgress'](_extends$1({
+            rootContainer: theme.$container,
+            getPopupContainer: function getPopupContainer() {
+                return container;
+            },
+            language: theme.options.language,
+            locales: theme.i18n.translations
+        }, ((_theme_options = theme.options) == null ? void 0 : _theme_options["segmentProgressOptions"]) || {}, {
+            props: props
+        }));
+    }
+};
+var _renderDatePicker = function _renderDatePicker(theme, container, props) {
     if (props === void 0) props = {};
     if (!theme.controls.dateControl && theme.options.dateOptions !== null) {
         var _theme_options;
         // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
         theme.controls.dateControl = new Controls['date'](_extends$1({
-            getPopupContainer: function() {
+            getPopupContainer: function getPopupContainer() {
                 return container;
             },
             language: theme.options.language,
@@ -9767,13 +9982,13 @@ var _renderDatePicker = function(theme, container, props) {
         }));
     }
 };
-var _renderTimePicker = function(theme, container, props) {
+var _renderTimePicker = function _renderTimePicker(theme, container, props) {
     if (props === void 0) props = {};
     if (!theme.controls.timeControl && theme.options.timeOptions !== null) {
         var _theme_options;
         // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
         theme.controls.timeControl = new Controls['time'](_extends$1({
-            getPopupContainer: function() {
+            getPopupContainer: function getPopupContainer() {
                 return container;
             },
             language: theme.options.language,
@@ -9783,14 +9998,14 @@ var _renderTimePicker = function(theme, container, props) {
         }));
     }
 };
-var _renderRecType = function(theme, container, recType, props) {
+var _renderRecType = function _renderRecType(theme, container, recType, props) {
     if (props === void 0) props = {};
     var _theme_controls, _theme_controls1, _theme_controls2;
     if (!((_theme_controls = theme.controls) == null ? void 0 : _theme_controls['recControl']) && theme.options.recOptions !== null && container) {
         var _theme_options;
         // eslint-disable-next-line @typescript-eslint/dot-notation, new-cap, @typescript-eslint/no-unsafe-argument
         theme.controls['recControl'] = new Controls['rec'](_extends$1({
-            getPopupContainer: function() {
+            getPopupContainer: function getPopupContainer() {
                 return container;
             },
             recType: theme.recType,
@@ -9894,7 +10109,7 @@ var _renderRecType = function(theme, container, recType, props) {
     return width - leftWidth - rightWidth > offset;
 }
 
-/* eslint-disable @typescript-eslint/no-non-null-assertion */ function _array_like_to_array(arr, len) {
+function _array_like_to_array(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;
@@ -9907,11 +10122,8 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
         reject(error);
         return;
     }
-    if (info.done) {
-        resolve(value);
-    } else {
-        Promise.resolve(value).then(_next, _throw);
-    }
+    if (info.done) resolve(value);
+    else Promise.resolve(value).then(_next, _throw);
 }
 function _async_to_generator(fn) {
     return function() {
@@ -9941,15 +10153,29 @@ function _create_class(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     return Constructor;
 }
+function _create_for_of_iterator_helper_loose(o, allowArrayLike) {
+    var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+    if (it) return (it = it.call(o)).next.bind(it);
+    if (Array.isArray(o) || (it = _unsupported_iterable_to_array(o)) || allowArrayLike) {
+        if (it) o = it;
+        var i = 0;
+        return function() {
+            if (i >= o.length) return {
+                done: true
+            };
+            return {
+                done: false,
+                value: o[i++]
+            };
+        };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 function _extends() {
-    _extends = Object.assign || function(target) {
+    _extends = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
         }
         return target;
     };
@@ -9975,34 +10201,6 @@ function _set_prototype_of(o, p) {
     };
     return _set_prototype_of(o, p);
 }
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(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(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-function _create_for_of_iterator_helper_loose(o, allowArrayLike) {
-    var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-    if (it) return (it = it.call(o)).next.bind(it);
-    if (Array.isArray(o) || (it = _unsupported_iterable_to_array(o)) || allowArrayLike) {
-        if (it) o = it;
-        var i = 0;
-        return function() {
-            if (i >= o.length) {
-                return {
-                    done: true
-                };
-            }
-            return {
-                done: false,
-                value: o[i++]
-            };
-        };
-    }
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
 function _ts_generator(thisArg, body) {
     var f, y, t, _ = {
         label: 0,
@@ -10012,9 +10210,17 @@ function _ts_generator(thisArg, body) {
         },
         trys: [],
         ops: []
-    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-        return this;
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype), d = Object.defineProperty;
+    return d(g, "next", {
+        value: verb(0)
+    }), d(g, "throw", {
+        value: verb(1)
+    }), d(g, "return", {
+        value: verb(2)
+    }), typeof Symbol === "function" && d(g, Symbol.iterator, {
+        value: function() {
+            return this;
+        }
     }), g;
     function verb(n) {
         return function(v) {
@@ -10094,6 +10300,14 @@ function _ts_generator(thisArg, body) {
         };
     }
 }
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(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(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
 var THEME_DEFAULT_OPTIONS = {
     dblClickFullscreen: true,
     language: 'zh',
@@ -10147,6 +10361,7 @@ var THEME_DEFAULT_OPTIONS = {
     _inherits(Theme, EventEmitter);
     function Theme(options) {
         var _this;
+        var _ref, _ref1, _ref2, _ref3, _ref4, _ref5;
         var _this_options_volumeOptions, _this_options_volumeOptions1, _this_options_speedOptions, _this_urlInfo_searchParams, _this_urlInfo, _this_options, _this_options1;
         _this = EventEmitter.call(this) || this, /** 播放器配置项 */ _this.options = THEME_DEFAULT_OPTIONS, _this.staticPath = '', /** 所有控件列表, 所有控件名称规则（`${iconId}Control`）， 如音量控件 this.controls["volumeControl"]  @since 0.0.1 */ _this.controls = {}, /**
    * @since 0.0.1
@@ -10167,7 +10382,11 @@ var THEME_DEFAULT_OPTIONS = {
    */ _this._footerMoreControl = null, /** 头部控件 @since 0.0.1 @private */ _this._header = null, /** 低部控件 @since 0.0.1 @private */ _this._footer = null, /** 回放底部时间轴 @since 0.0.1 @private */ _this._recFooter = null, /**
    * 移动端扩展容器, 扩展的控件渲染在指定容器以外， 仅只用端适用， 为了可以放置大的控件和方便开发接入
    * @private
-   */ _this._mobileExtend = null, /**  @since 0.0.1 @private */ _this._interactiveResult = null, /**  @since 0.0.1 @private */ _this._themeData = null, _this._fullscreen = null, _this.zoomUtil = null, /** 清除屏幕旋转 */ _this._cleanupOrientation = null, /**  resizeObserver 监听销毁 */ _this._cleanUpResizeObserver = null, /** 容器的宽 */ _this._width = 0, /** 容器的高 */ _this._height = 0, /** 当前容器的全屏状态  true: 全屏， false: 非全屏 */ _this._isCurrentFullscreen = false, /** 屏幕旋转角度 0 ｜ 90 ｜ 180 ｜ 270 */ _this._orientationAngle = 0, _this._url = '', /** 是否播放中 @private */ _this._playing = false, /** @private 加载中 */ _this._loading = false, /** 音量 */ _this._volume = 0, /** 静音 */ _this._muted = false, /** 电子放大倍数 @private */ _this._zoom = 1, /** 放大中  true: 可缩放状态，false: 禁止缩放状态(不能缩放) @private */ _this._zooming = false, /** 录制中 @private */ _this._recording = false, /** 对讲中 @private */ _this._talking = false, /** 倍速 @private */ _this._speed = 1, /** 自定清晰度 @private */ _this._videoLevelAuto = false, /** 清晰度列表 */ _this.videoLevelList = [], /** 回放片段列表 */ _this.recordList = [], /** 窗口尺寸变化时，设置窗口超出隐藏，防止出现滚动条 */ _this._resizeOverflowTimer = null, // /**
+   */ _this._mobileExtend = null, /**  @since 0.0.1 @private */ _this._interactiveResult = null, /**  @since 0.0.1 @private */ _this._themeData = null, _this._fullscreen = null, _this.zoomUtil = null, /** 清除屏幕旋转 */ _this._cleanupOrientation = null, /**  resizeObserver 监听销毁 */ _this._cleanUpResizeObserver = null, /** 容器的宽 */ _this._width = 0, /** 容器的高 */ _this._height = 0, /** 当前容器的全屏状态  true: 全屏， false: 非全屏 */ _this._isCurrentFullscreen = false, /** 屏幕旋转角度 0 ｜ 90 ｜ 180 ｜ 270 */ _this._orientationAngle = 0, _this._url = '', /** 是否播放中 @private */ _this._playing = false, /** @private 加载中 */ _this._loading = false, /** 音量 */ _this._volume = 0, /** 静音 */ _this._muted = false, /** 电子放大倍数 @private */ _this._zoom = 1, /** 放大中  true: 可缩放状态，false: 禁止缩放状态(不能缩放) @private */ _this._zooming = false, /** 录制中 @private */ _this._recording = false, /** 对讲中 @private */ _this._talking = false, /** 倍速 @private */ _this._speed = 1, /** 自定清晰度 @private */ _this._videoLevelAuto = false, /** 清晰度列表 */ _this.videoLevelList = [], /** 回放片段列表 */ _this.recordList = [], /**
+   * 播放区间（片段分享），null 表示不约束。
+   * 由 SDK 层在初始化时通过 props 下发，主题层据此决定日历/回放类型按钮
+   * 是否渲染、片段进度条是否渲染。区间没有运行时变更入口。
+   */ _this.playbackRange = null, /** 窗口尺寸变化时，设置窗口超出隐藏，防止出现滚动条 */ _this._resizeOverflowTimer = null, // /**
         //  * 记录回放的月份
         //  *
         //  * key: {序列号}_{通道号}_{rec | cloud | cloudRecord}   比如：BC7799091_1_rec  BC7799091_1_cloud BC7799091_1_cloudRecord
@@ -10178,7 +10397,15 @@ var THEME_DEFAULT_OPTIONS = {
         // _recMonthObj: Record<string, string[]> = {};
         /**
    * 录像回放的月份列表 @private
-   */ _this.recMonth = [], /** 清理 header/footer 动画 定时器 @private */ _this._onPauseTimingFunc = null, /** 销毁标识  @readonly */ _this.destroyed = false, _this.scaleMode = 0, _this._videoInfo = {};
+   */ _this.recMonth = [], /** 清理 header/footer 动画 定时器 @private */ _this._onPauseTimingFunc = null, /**
+   * 首帧同步 Live/RecDropdown 激活态的监听器引用。
+   * 每次 `_renderTheme` 重新绑定前需先移除旧引用，避免 changeTheme 累积监听。
+   * @private
+   */ _this._onFirstFrameSync = null, /**
+   * 模板请求（getDetail）的中止控制器。
+   * 重新渲染或销毁时中止在途请求，避免请求返回后在已销毁/已切换的 theme 上继续操作。
+   * @private
+   */ _this._templateAbortController = null, /** 销毁标识  @readonly */ _this.destroyed = false, _this.scaleMode = 0, _this._videoInfo = {};
         _this._initOptions(options);
         if (_this.options.type === 'ezopen') {
             var _this_urlInfo_searchParams1, _this_urlInfo1, _this_urlInfo2;
@@ -10200,7 +10427,7 @@ var THEME_DEFAULT_OPTIONS = {
         _this._initClassName();
         // 画布需要渲染在 this.contentControl.$content 内
         _this.contentControl = new Content({
-            getContainer: function() {
+            getContainer: function getContainer() {
                 return _this.$container;
             },
             scaleMode: _this.scaleMode
@@ -10210,18 +10437,15 @@ var THEME_DEFAULT_OPTIONS = {
         });
         //  zoom utils
         __zoom(_this, _this.contentControl.$content, _extends({}, _this.options.zoomOptions || {}, {
-            onTap: function() {
+            onTap: function onTap() {
                 var _this__interactiveResult_setTimeoutShow, _this__interactiveResult;
                 (_this__interactiveResult = _this._interactiveResult) == null ? void 0 : (_this__interactiveResult_setTimeoutShow = _this__interactiveResult.setTimeoutShow) == null ? void 0 : _this__interactiveResult_setTimeoutShow.call(_this__interactiveResult);
             }
         }));
-        var _this_options_volumeOptions_volume, _ref;
-        _this._volume = (_ref = (_this_options_volumeOptions_volume = (_this_options_volumeOptions = _this.options.volumeOptions) == null ? void 0 : _this_options_volumeOptions.volume) != null ? _this_options_volumeOptions_volume : _this.options.volume) != null ? _ref : 0.8;
-        var _this_options_volumeOptions_muted, _ref1;
-        _this._muted = (_ref1 = (_this_options_volumeOptions_muted = (_this_options_volumeOptions1 = _this.options.volumeOptions) == null ? void 0 : _this_options_volumeOptions1.muted) != null ? _this_options_volumeOptions_muted : _this.options.muted) != null ? _ref1 : false;
-        var _this_options_speedOptions_value, _ref2;
+        _this._volume = (_ref = (_ref1 = (_this_options_volumeOptions = _this.options.volumeOptions) == null ? void 0 : _this_options_volumeOptions.volume) != null ? _ref1 : _this.options.volume) != null ? _ref : 0.8;
+        _this._muted = (_ref2 = (_ref3 = (_this_options_volumeOptions1 = _this.options.volumeOptions) == null ? void 0 : _this_options_volumeOptions1.muted) != null ? _ref3 : _this.options.muted) != null ? _ref2 : false;
         // playbackSpeed 是 萤石标准流倍速字段
-        _this._speed = +((_ref2 = (_this_options_speedOptions_value = (_this_options_speedOptions = _this.options.speedOptions) == null ? void 0 : _this_options_speedOptions.value) != null ? _this_options_speedOptions_value : (_this_urlInfo = _this.urlInfo) == null ? void 0 : (_this_urlInfo_searchParams = _this_urlInfo.searchParams) == null ? void 0 : _this_urlInfo_searchParams.playbackSpeed) != null ? _ref2 : 1);
+        _this._speed = +((_ref4 = (_ref5 = (_this_options_speedOptions = _this.options.speedOptions) == null ? void 0 : _this_options_speedOptions.value) != null ? _ref5 : (_this_urlInfo = _this.urlInfo) == null ? void 0 : (_this_urlInfo_searchParams = _this_urlInfo.searchParams) == null ? void 0 : _this_urlInfo_searchParams.playbackSpeed) != null ? _ref4 : 1);
         _this._mobileInnerWidthHeight = _this._mobileInnerWidthHeight.bind(_this);
         _this._throttleMobileInnerWidthHeight = throttle(_this._mobileInnerWidthHeight, 20).bind(_this);
         _this._onDblClickFullscreen = debounce(_this._onDblClickFullscreen, 20).bind(_this);
@@ -10249,9 +10473,9 @@ var THEME_DEFAULT_OPTIONS = {
             // flv / mp4：支持自定义 themeData，未传时回退到标准直播模板 LiveTemplate（2026-01-19 起支持自定义）
             initialThemeData = themeData !== undefined ? themeData : LiveTemplate;
         } else {
-            var _ref3;
+            var _ref6;
             // 其余类型（如 ezopen 私有流）：template 优先级高于 themeData，二者都未设置时为 null
-            initialThemeData = (_ref3 = template != null ? template : themeData) != null ? _ref3 : null;
+            initialThemeData = (_ref6 = template != null ? template : themeData) != null ? _ref6 : null;
         }
         _this._renderTheme(initialThemeData);
         _this._addEventListener();
@@ -10433,12 +10657,15 @@ var THEME_DEFAULT_OPTIONS = {
    * ```
    */ _proto.destroy = function destroy() {
         var _this = this;
-        var _this_contentControl, _this_$container;
+        var // 中止在途的模板请求，避免其回调在已销毁的 theme 上继续执行
+        _this__templateAbortController, _this_contentControl, _this_$container;
         if (!this.$container || this.destroyed) {
             // 防止多次销毁
             return;
         }
         this.emit(EVENTS.theme.beforeDestroy);
+        (_this__templateAbortController = this._templateAbortController) == null ? void 0 : _this__templateAbortController.abort();
+        this._templateAbortController = null;
         this._removeEventListener();
         _unmountedControls(this);
         (_this_contentControl = this.contentControl) == null ? void 0 : _this_contentControl.destroy();
@@ -10473,7 +10700,12 @@ var THEME_DEFAULT_OPTIONS = {
     /** 初始化配置项 */ _proto._initOptions = function _initOptions(options) {
         if (options === void 0) options = {};
         var _this_options_loggerOptions, _this_options_definitionOptions_list, _this_options_definitionOptions, _this_options_videoLevelList;
-        this.options = deepmerge(THEME_DEFAULT_OPTIONS, options, {
+        // 先对模块级默认配置做一次深拷贝，得到全新的嵌套对象/数组，
+        // 避免 this.options 与 THEME_DEFAULT_OPTIONS（如 mobileExtendOptions.controls、env、loggerOptions）
+        // 共享引用而在多实例间相互污染。
+        // 仍对用户 options 使用 clone:false —— container 可能是 DOM 节点/函数，深拷贝会破坏它。
+        var defaults = deepmerge({}, THEME_DEFAULT_OPTIONS);
+        this.options = deepmerge(defaults, options, {
             clone: false
         });
         this._url = this.options.url;
@@ -10508,10 +10740,12 @@ var THEME_DEFAULT_OPTIONS = {
             this.logger.log('[options] \n', this.options);
         }
         var language = this.options.language || 'zh';
-        var locales = deepmerge({
+        // 深拷贝内置语言包，避免与模块级 zh/en 常量共享引用（I18n 若对其做合并/修改会污染全局）
+        var baseLocales = deepmerge({}, {
             zh: zh,
             en: en
-        }, this.options.locales || {}, {
+        });
+        var locales = deepmerge(baseLocales, this.options.locales || {}, {
             clone: false
         });
         // prettier-ignore
@@ -10592,7 +10826,7 @@ var THEME_DEFAULT_OPTIONS = {
         this._fullscreen = new Fullscreen$1(this.$container, {
             prefix: PREFIX_CLASS,
             // 全屏变化
-            onChange: function(info) {
+            onChange: function onChange(info) {
                 if (info.isCurrentFullscreen) {
                     _this.emit(EVENTS.fullscreen);
                 } else if (_this._isCurrentFullscreen) {
@@ -10610,7 +10844,7 @@ var THEME_DEFAULT_OPTIONS = {
             }
         });
         // ------------------------------  旋转方向 -----------------------------
-        var rotateOrientation = function(orientation) {
+        var rotateOrientation = function rotateOrientation(orientation) {
             if (_this.$container) {
                 var // 重置移除旋转角度
                 _this_$container_classList;
@@ -10733,7 +10967,7 @@ var THEME_DEFAULT_OPTIONS = {
                         language: this.options.language,
                         locales: this.i18n.translations,
                         rootContainer: this.$container,
-                        getPopupContainer: function() {
+                        getPopupContainer: function getPopupContainer() {
                             var _this__header;
                             return (_this__header = _this._header) == null ? void 0 : _this__header.$right;
                         },
@@ -10745,7 +10979,7 @@ var THEME_DEFAULT_OPTIONS = {
                             8
                         ],
                         wrapClassName: "" + PREFIX_CLASS + "-header-more",
-                        onOpenChange: function(open) {
+                        onOpenChange: function onOpenChange(open) {
                             _this.emit(EVENTS.control.headerMorePanelOpenChange, open);
                         }
                     });
@@ -10788,7 +11022,7 @@ var THEME_DEFAULT_OPTIONS = {
                         language: this.options.language,
                         locales: this.i18n.translations,
                         rootContainer: this.$container,
-                        getPopupContainer: function() {
+                        getPopupContainer: function getPopupContainer() {
                             var _this__footer;
                             return (_this__footer = _this._footer) == null ? void 0 : _this__footer.$right;
                         },
@@ -10800,7 +11034,7 @@ var THEME_DEFAULT_OPTIONS = {
                             -8
                         ],
                         wrapClassName: "" + PREFIX_CLASS + "-footer-more",
-                        onOpenChange: function(open) {
+                        onOpenChange: function onOpenChange(open) {
                             _this.emit(EVENTS.control.footerMorePanelOpenChange, open);
                         }
                     });
@@ -11316,6 +11550,7 @@ var THEME_DEFAULT_OPTIONS = {
    * theme.on(Theme.EVENTS.zoomChange, (zoom: number) => {})
    * ```
    */ function set(zoom) {
+                var _ref;
                 var _this_options_zoomOptions;
                 if (!this._zooming) {
                     var _this_messageControl_info, _this_messageControl, _this_logger;
@@ -11324,8 +11559,7 @@ var THEME_DEFAULT_OPTIONS = {
                     return;
                 }
                 zoom = +zoom.toFixed(1);
-                var _this_options_zoomOptions_max;
-                var ZOOM_MAX = (_this_options_zoomOptions_max = (_this_options_zoomOptions = this.options.zoomOptions) == null ? void 0 : _this_options_zoomOptions.max) != null ? _this_options_zoomOptions_max : ZOOM_DEFAULT_OPTIONS.max;
+                var ZOOM_MAX = (_ref = (_this_options_zoomOptions = this.options.zoomOptions) == null ? void 0 : _this_options_zoomOptions.max) != null ? _ref : ZOOM_DEFAULT_OPTIONS.max;
                 if (zoom > ZOOM_MAX) {
                     var _this_messageControl_info1, _this_messageControl1, _this_logger1;
                     (_this_messageControl1 = this.messageControl) == null ? void 0 : (_this_messageControl_info1 = _this_messageControl1.info) == null ? void 0 : _this_messageControl_info1.call(_this_messageControl1, this.i18n.t('ZOOM_LIMIT_MAX', {
@@ -11529,7 +11763,7 @@ var THEME_DEFAULT_OPTIONS = {
     zh: zh,
     en: en
 };
-/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '3.1.2-beta.3';
+/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '3.1.3-beta.1';
 
 exports.Control = Control;
 exports.EVENTS = EVENTS;