@ezuikit/player-theme 3.1.5-beta.3 → 3.1.5-beta.4

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 /*
-* @ezuikit/player-theme v3.1.5-beta.3
-* Copyright (c) 2026-09-04 06:40:24 Ezviz-OpenBiz
+* @ezuikit/player-theme v3.1.5-beta.4
+* Copyright (c) 2026-09-15 13:35:29 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 import EventEmitter from 'eventemitter3';
@@ -18,8 +18,8 @@ import { DatePicker, TimePicker } from '@ezuikit/control-date-picker';
 import { MobileTimeLine, TimeLine } from '@ezuikit/control-time-line';
 import SegmentProgress from '@ezuikit/control-segment-progress';
 
-/**
- * 播放器的类名前缀
+/**
+ * 播放器的类名前缀
  */ var PREFIX_CLASS = 'ezplayer';
 /** 填充模式 */ var THEME_SCALE_MODE_TYPE = {
     /** 画面完全填充canvas区域,画面会被拉伸 */ full: 0,
@@ -51,32 +51,32 @@ var THEME_PROPS = [
     // 播放区间（片段分享）。通过 props 下发而不是靠事件，避免主题异步渲染时错过初始化事件
     'playbackRange'
 ];
-/**
- * 当移动端 picker 控件打开时需要关闭动画（定时器）
+/**
+ * 当移动端 picker 控件打开时需要关闭动画（定时器）
  */ var CLEAR_TIMER_HEADER_FOOTER_ANIMATION = 'CLEAR_TIMER_HEADER_FOOTER_ANIMATION';
-/**
- * 'rec', 'cloudRec', 'cloudRecord' 是一个组，并且要在头部（移动端特殊处理)
- *
- * |          rec          |  cloudRec    |    cloudRecord  |
- * |:---------------------:|:------------:|:---------------:|
- * | 本地回放（SDK存储回放）   |    云存储回放 |     云录制回放    |
+/**
+ * 'rec', 'cloudRec', 'cloudRecord' 是一个组，并且要在头部（移动端特殊处理)
+ *
+ * |          rec          |  cloudRec    |    cloudRecord  |
+ * |:---------------------:|:------------:|:---------------:|
+ * | 本地回放（SDK存储回放）   |    云存储回放 |     云录制回放    |
  */ var REC_GROUP = [
     'rec',
     'cloudRec',
     'cloudRecord'
 ];
-/**
- * 设备信息
- *
- * |      deviceID       |  deviceName   |
- * |:-------------------:|:-------------:|
- * |   设备ID（唯一标识）   |   设备名称     |
+/**
+ * 设备信息
+ *
+ * |      deviceID       |  deviceName   |
+ * |:-------------------:|:-------------:|
+ * |   设备ID（唯一标识）   |   设备名称     |
  */ var DEVICE_INFO_GROUP = [
     'deviceID',
     'deviceName'
 ];
-/**
- * 暂停时能禁用的控件按钮
+/**
+ * 暂停时能禁用的控件按钮
  */ var PAUSE_DISABLED_BTN = [
     'capturePicture',
     'volume',
@@ -87,9 +87,9 @@ var THEME_PROPS = [
     'speed',
     'globalFullscreen'
 ];
-/**
- * 移动端可以扩展的控件
- * ['ptz', 'talk', 'record', 'capturePicture', 'timeLine', 'rec', 'date'];
+/**
+ * 移动端可以扩展的控件
+ * ['ptz', 'talk', 'record', 'capturePicture', 'timeLine', 'rec', 'date'];
  */ var MOBILE_EXTENDS = [
     'ptz',
     'timeLine',
@@ -97,25 +97,25 @@ var THEME_PROPS = [
     'date',
     'segmentProgress'
 ];
-/**
- *
- * 事件名
- *
- * ---------------                                             ------------------
- * -             -           theme.emit(EVENTS.xxxxx)          -                -
- * -             -   ------------------------------------->    -                -
- * -             -                                             -                -
- * -   Theme     -                                             -    Controls    -
- * -             -        control.emit(EVENTS.control.xxx)     -                -
- * -             -   <--------------------------------------   -                -
- * ---------------                                             ------------------
- *
- * @example
- * ```ts
- * theme.on(EVENTS.loading)
- * theme.on(EVENTS.loading)
- * ```
- *
+/**
+ *
+ * 事件名
+ *
+ * ---------------                                             ------------------
+ * -             -           theme.emit(EVENTS.xxxxx)          -                -
+ * -             -   ------------------------------------->    -                -
+ * -             -                                             -                -
+ * -   Theme     -                                             -    Controls    -
+ * -             -        control.emit(EVENTS.control.xxx)     -                -
+ * -             -   <--------------------------------------   -                -
+ * ---------------                                             ------------------
+ *
+ * @example
+ * ```ts
+ * theme.on(EVENTS.loading)
+ * theme.on(EVENTS.loading)
+ * ```
+ *
  */ // 事件命名不要超过两层
 var EVENTS = {
     loading: 'loading',
@@ -130,11 +130,11 @@ var EVENTS = {
     /** 首帧 */ firstFrameDisplay: 'firstFrameDisplay',
     /** 全屏 */ fullscreen: 'fullscreen',
     /** 退出全屏 */ exitFullscreen: 'exitFullscreen',
-    /**
-   * 全屏变化(移动端也支持触发, 不过移动端是模拟的web全屏 即旋转 180度)
-   * 当 isCurrentFullscreen 为 true 时，表示当前容器全局全屏状态
-   *
-   * 注意：同一个页面中只要有全屏的操作或取消全屏的操作，都会触发该事件 （移动端除外）
+    /**
+   * 全屏变化(移动端也支持触发, 不过移动端是模拟的web全屏 即旋转 180度)
+   * 当 isCurrentFullscreen 为 true 时，表示当前容器全局全屏状态
+   *
+   * 注意：同一个页面中只要有全屏的操作或取消全屏的操作，都会触发该事件 （移动端除外）
    */ fullscreenChange: 'fullscreenChange',
     /** 重置容器尺寸 */ resize: 'resize',
     /** 屏幕旋转方向变化 */ orientationChange: 'orientationChange',
@@ -161,8 +161,8 @@ var EVENTS = {
     setAllDayRecTimes: 'setAllDayRecTimes',
     getOSDTime: 'getOSDTime',
     /** 播放区间播放结束（SDK 层 playbackRange 特性） */ playbackEnd: 'playbackEnd',
-    /**
-   * 控件相关
+    /**
+   * 控件相关
    */ control: {
         /** 点击播放播放／暂停按钮 */ play: 'Control.play',
         /** 播放控件销毁 */ playDestroy: 'Control.playDestroy',
@@ -233,8 +233,8 @@ var EVENTS = {
         /** 播放器内容区域销毁 */ contentDestroy: 'Control.contentDestroy',
         /** 播放器内容区域重新渲染 */ contentRerender: 'Control.contentRerender'
     },
-    /**
-   * 主题控件相关
+    /**
+   * 主题控件相关
    */ theme: {
         /** 销毁前 */ beforeDestroy: 'Theme.beforeDestroy',
         /** 销毁后 */ destroyed: 'Theme.destroyed',
@@ -282,17 +282,17 @@ function _set_prototype_of$z(o, p) {
     };
     return _set_prototype_of$z(o, p);
 }
-/**
- * 控件基类
- * @category Control
- * @example
- * ```ts
- * // 创建控件
- * class MyControl extends Control {}
- *
- * // 使用控件
- * const myControl = new MyControl({})
- * ```
+/**
+ * 控件基类
+ * @category Control
+ * @example
+ * ```ts
+ * // 创建控件
+ * class MyControl extends Control {}
+ *
+ * // 使用控件
+ * const myControl = new MyControl({})
+ * ```
  */ var Control = /*#__PURE__*/ function(EventEmitter) {
     _inherits$z(Control, EventEmitter);
     function Control(options) {
@@ -334,22 +334,22 @@ function _set_prototype_of$z(o, p) {
         return _this;
     }
     var _proto = Control.prototype;
-    /**
-   * 重置整个控件
+    /**
+   * 重置整个控件
    */ _proto.reset = function reset(hide) {
         if (this._camelCaseName) {
             this.emit("Control." + this._camelCaseName + "Reset", hide);
         }
     };
-    /**
-   * 重置控件挂载节点
-   * @param popupContainer 重新挂载的节点
-   * @param append 添加的方式， 默认 append
-   * @param element 当 append = before 时 需要 element, 插入 element 前
-   *
-   * |     prepend   |    append       |
-   * |:-------------:|:---------------:|
-   * | 插入第一个位置 |    追加在末尾    |
+    /**
+   * 重置控件挂载节点
+   * @param popupContainer 重新挂载的节点
+   * @param append 添加的方式， 默认 append
+   * @param element 当 append = before 时 需要 element, 插入 element 前
+   *
+   * |     prepend   |    append       |
+   * |:-------------:|:---------------:|
+   * | 插入第一个位置 |    追加在末尾    |
    */ _proto.resetPopupContainer = function resetPopupContainer(popupContainer, append, element) {
         if (popupContainer !== this.$popupContainer) {
             if (this.$popupContainer.contains(this.$container)) {
@@ -371,16 +371,16 @@ function _set_prototype_of$z(o, p) {
             }
         }
     };
-    /**
-   * 隐藏整个控件
+    /**
+   * 隐藏整个控件
    */ _proto.hide = function hide() {
         if (this.$container) {
             this.$container.style.display = 'none';
             this.$container.classList.add("" + PREFIX_CLASS + "-hide");
         }
     };
-    /**
-   * 销毁控件
+    /**
+   * 销毁控件
    */ _proto.destroy = function destroy() {
         var _this___options, _this_$container_remove, _this_$container;
         if (this._camelCaseName) {
@@ -417,8 +417,8 @@ function _set_prototype_of$z(o, p) {
             (_this_$container1 = this.$container) == null ? void 0 : _this_$container1.classList.remove("" + PREFIX_CLASS + "-active");
         }
     };
-    /**
-   * 当点击 Control 时 触发子类的 _onControlClick
+    /**
+   * 当点击 Control 时 触发子类的 _onControlClick
    */ _proto._onClick = function _onClick() {
         var _this = this;
         // 使用具名 handler 便于在 destroy 时精确移除，避免匿名监听残留
@@ -436,10 +436,10 @@ function _set_prototype_of$z(o, p) {
         e.stopPropagation();
         e.preventDefault();
     };
-    /**
-   * 点击 Control 控件触发
-   * @param {Event} e
-   * @returns {void}
+    /**
+   * 点击 Control 控件触发
+   * @param {Event} e
+   * @returns {void}
    */ _proto._onControlClick = function _onControlClick(e) {
         // 这是一个空函数， 子类可以实现重新改方法
         this.__options.onClick == null ? void 0 : this.__options.onClick.call(this.__options, e);
@@ -447,8 +447,8 @@ function _set_prototype_of$z(o, p) {
     _create_class$9(Control, [
         {
             key: "active",
-            get: /**
-   * 是否激活
+            get: /**
+   * 是否激活
    */ function get() {
                 return this._active;
             },
@@ -463,8 +463,8 @@ function _set_prototype_of$z(o, p) {
         },
         {
             key: "disabled",
-            get: /**
-   * 是否禁用
+            get: /**
+   * 是否禁用
    */ function get() {
                 return this._disabled;
             },
@@ -508,9 +508,9 @@ function _set_prototype_of$y(o, p) {
     return _set_prototype_of$y(o, p);
 }
 var LOADING_DEFAULT_OPTIONS = {};
-/**
- * 加载动画控件
- * @category Control
+/**
+ * 加载动画控件
+ * @category Control
  */ var Loading = /*#__PURE__*/ function(Control) {
     _inherits$y(Loading, Control);
     function Loading(options) {
@@ -535,9 +535,9 @@ var LOADING_DEFAULT_OPTIONS = {};
             this.$container.innerHTML = '\n          <span class="' + PREFIX_CLASS + "-loading-dot " + PREFIX_CLASS + '-loading-dot-load">\n            <i class="' + PREFIX_CLASS + '-loading-dot-item"></i>\n            <i class="' + PREFIX_CLASS + '-loading-dot-item"></i>\n            <i class="' + PREFIX_CLASS + '-loading-dot-item"></i>\n            <i class="' + PREFIX_CLASS + '-loading-dot-item"></i>\n          </span>\n        <div class="' + PREFIX_CLASS + '-loading-text">' + (((_this_locale = this.locale) == null ? void 0 : _this_locale.LOADING) || 'loading...') + "</div>\n        ";
         }
     };
-    /**
-   * 动画展示
-   * @param html 自定义动画内容, 如果不存在则使用默认动画
+    /**
+   * 动画展示
+   * @param html 自定义动画内容, 如果不存在则使用默认动画
    */ _proto.show = function show(html) {
         if (html) this.$container.innerHTML = html;
         // 初始化， 出流再等待中（回放出流结束不包括）
@@ -545,8 +545,8 @@ var LOADING_DEFAULT_OPTIONS = {};
         this.$container.classList.remove("" + PREFIX_CLASS + "-hide");
         this.$popupContainer.classList.add("" + PREFIX_CLASS + "-has-loading");
     };
-    /**
-   * 隐藏动画
+    /**
+   * 隐藏动画
    */ _proto.hide = function hide() {
         Control.prototype.hide.call(this);
         this.$popupContainer.classList.remove("" + PREFIX_CLASS + "-has-loading");
@@ -590,9 +590,9 @@ var DEFAULT_POSTER = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gAfQ29
 var POSTER_OPTIONS = {
     poster: DEFAULT_POSTER
 };
-/**
- * 封面控件
- * @category Control
+/**
+ * 封面控件
+ * @category Control
  */ var Poster = /*#__PURE__*/ function(Control) {
     _inherits$x(Poster, Control);
     function Poster(options) {
@@ -612,18 +612,18 @@ var POSTER_OPTIONS = {
         return _this;
     }
     var _proto = Poster.prototype;
-    /**
-   * 封面图片加载失败
-   * @param error
+    /**
+   * 封面图片加载失败
+   * @param error
    */ _proto._imgLoadErrorEvent = function _imgLoadErrorEvent(error) {
         var _error_target;
         // 封面加载失败， 一般只有自定义封面会出现这种情况
         // 这里不做img src重置处理  防止无限循环
         this._options.onLoadImgError == null ? void 0 : this._options.onLoadImgError.call(this._options, ((_error_target = error.target) == null ? void 0 : _error_target.getAttribute('src')) || '');
     };
-    /**
-   * 设置封面 这里不对 poster 进行缓存，如果有值优先使用，如果没有值优先使用 初始化传入的值
-   * @param {string} poster 封面地址或 base64 数据
+    /**
+   * 设置封面 这里不对 poster 进行缓存，如果有值优先使用，如果没有值优先使用 初始化传入的值
+   * @param {string} poster 封面地址或 base64 数据
    */ _proto.setPoster = function setPoster(poster) {
         var // eslint-disable-next-line @typescript-eslint/unbound-method
         // prettier-ignore
@@ -636,24 +636,24 @@ var POSTER_OPTIONS = {
         this.$container.innerHTML = '<img class="' + PREFIX_CLASS + '-poster-img" src="' + poster + '" />';
         (_this_$container_querySelector = this.$container.querySelector("." + PREFIX_CLASS + "-poster-img")) == null ? void 0 : _this_$container_querySelector.addEventListener("error", this._imgLoadErrorEvent);
     };
-    /**
-   * 展示封面 这里不对 poster 进行缓存， 如果有值优先使用， 如果没有值优先使用 初始化传入的值
+    /**
+   * 展示封面 这里不对 poster 进行缓存， 如果有值优先使用， 如果没有值优先使用 初始化传入的值
    */ _proto.show = function show() {
         if (this.$container) {
             this.$container.style.display = 'flex';
             this.$container.classList.remove("" + PREFIX_CLASS + "-hide");
         }
     };
-    /**
-   * 隐藏封面
+    /**
+   * 隐藏封面
    */ _proto.hide = function hide() {
         var // eslint-disable-next-line @typescript-eslint/unbound-method
         _this_$container_querySelector, _this_$container;
         Control.prototype.hide.call(this);
         (_this_$container = this.$container) == null ? void 0 : (_this_$container_querySelector = _this_$container.querySelector("." + PREFIX_CLASS + "-poster-img")) == null ? void 0 : _this_$container_querySelector.removeEventListener('error', this._imgLoadErrorEvent);
     };
-    /**
-   * 销毁
+    /**
+   * 销毁
    */ _proto.destroy = function destroy() {
         this.hide();
         Control.prototype.destroy.call(this);
@@ -712,15 +712,15 @@ var Icons = {
     list: '<svg stroke="currentColor" fill="none" width="1em" height="1em" viewBox="0 0 24 24" focusable="false" aria-hidden="true" data-icon="list">\n   	<path d="M10.9995 5H21.0005" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n    <path d="M10.9995 12H21.0005" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n    <path d="M10.9995 19H21.0005" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.99951 5C6.99951 3.896 6.10351 3 4.99951 3C3.89551 3 2.99951 3.896 2.99951 5C2.99951 6.105 3.89551 7 4.99951 7C6.10351 7 6.99951 6.105 6.99951 5V5Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.99951 12C6.99951 10.896 6.10351 10 4.99951 10C3.89551 10 2.99951 10.896 2.99951 12C2.99951 13.105 3.89551 14 4.99951 14C6.10351 14 6.99951 13.105 6.99951 12V12Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.99951 12C6.99951 10.896 6.10351 10 4.99951 10C3.89551 10 2.99951 10.896 2.99951 12C2.99951 13.105 3.89551 14 4.99951 14C6.10351 14 6.99951 13.105 6.99951 12V12Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.99951 19C6.99951 17.896 6.10351 17 4.99951 17C3.89551 17 2.99951 17.896 2.99951 19C2.99951 20.105 3.89551 21 4.99951 21C6.10351 21 6.99951 20.105 6.99951 19V19Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n  </svg>'
 };
 
-/**
- * 创建 icon 组件
- * @param svg - svg 字符串
- * @param type - icon 类型
- * @returns icon 组件
- * @example
- * ```ts
- * createIcon('<svg>....</svg>', 'logo') // <span class="ezplayer-icon ezplayer-icon-logo"><svg>....</svg></span>
- * ```
+/**
+ * 创建 icon 组件
+ * @param svg - svg 字符串
+ * @param type - icon 类型
+ * @returns icon 组件
+ * @example
+ * ```ts
+ * createIcon('<svg>....</svg>', 'logo') // <span class="ezplayer-icon ezplayer-icon-logo"><svg>....</svg></span>
+ * ```
  */ function createIcon(svg, type, attr) {
     if (attr === void 0) attr = {};
     var attrStr = '';
@@ -921,9 +921,9 @@ function _set_prototype_of$w(o, p) {
     return _set_prototype_of$w(o, p);
 }
 var MESSAGE_DEFAULT_OPTIONS = {};
-/**
- * 消息控件
- * @category Control
+/**
+ * 消息控件
+ * @category Control
  */ var Message = /*#__PURE__*/ function(Control) {
     _inherits$w(Message, Control);
     function Message(options) {
@@ -938,34 +938,34 @@ var MESSAGE_DEFAULT_OPTIONS = {};
         return _this;
     }
     var _proto = Message.prototype;
-    /**
-   * info 普通消息， 内容默认字体白色
-   * @param {string} msg 消息内容
-   * @param {number} duration 认自动关闭延时，单位秒， 默认 2s后 关闭， 需手动 调用 hide()
+    /**
+   * info 普通消息， 内容默认字体白色
+   * @param {string} msg 消息内容
+   * @param {number} duration 认自动关闭延时，单位秒， 默认 2s后 关闭， 需手动 调用 hide()
    */ _proto.info = function info(msg, duration) {
         if (duration === void 0) duration = 2;
         this._toast(msg, 'info', duration);
     };
-    /**
-   * warn 警告消息， 内容默认字体黄色
-   * @param {string} msg 消息内容
-   * @param {number} duration 认自动关闭延时，单位秒， 默认 2s后 关闭， 需手动 调用 hide()
+    /**
+   * warn 警告消息， 内容默认字体黄色
+   * @param {string} msg 消息内容
+   * @param {number} duration 认自动关闭延时，单位秒， 默认 2s后 关闭， 需手动 调用 hide()
    */ _proto.warn = function warn(msg, duration) {
         if (duration === void 0) duration = 2;
         this._toast(msg, 'warn', duration);
     };
-    /**
-   * toast 错误消息（渲染在 rootContainer 上的浮层）
-   * @param {string} msg 消息内容
-   * @param {number} duration 自动关闭延时，单位秒， 默认 2s 后关闭
+    /**
+   * toast 错误消息（渲染在 rootContainer 上的浮层）
+   * @param {string} msg 消息内容
+   * @param {number} duration 自动关闭延时，单位秒， 默认 2s 后关闭
    */ _proto.toastError = function toastError(msg, duration) {
         if (duration === void 0) duration = 2;
         this._toast(msg, 'error', duration);
     };
-    /**
-   * error 错误消息， 内容默认字体红色
-   * @param {string} msg 消息内容
-   * @param {number=} duration 认自动关闭延时，单位秒， 默认 0 不关闭， 需手动 调用 hide()
+    /**
+   * error 错误消息， 内容默认字体红色
+   * @param {string} msg 消息内容
+   * @param {number=} duration 认自动关闭延时，单位秒， 默认 0 不关闭， 需手动 调用 hide()
    */ _proto.error = function error(msg, duration) {
         if (duration === void 0) duration = 0;
         this._show(this._getIcon('error') + '<div class="' + PREFIX_CLASS + '-message-msg">' + (msg || '') + "</div>", duration, 'error');
@@ -994,11 +994,11 @@ var MESSAGE_DEFAULT_OPTIONS = {};
             }
         }
     };
-    /**
-   * 展示消息，如果同时调用多次只展示最后一次的消息
-   * @param  {string} msg 消息内容， 支持 html dom 字符串
-   * @param  {number} duration 认自动关闭延时，单位秒， 默认 0 不关闭 需手动 调用 hide()
-   * @param  {MessageType} type 消息类型
+    /**
+   * 展示消息，如果同时调用多次只展示最后一次的消息
+   * @param  {string} msg 消息内容， 支持 html dom 字符串
+   * @param  {number} duration 认自动关闭延时，单位秒， 默认 0 不关闭 需手动 调用 hide()
+   * @param  {MessageType} type 消息类型
    */ _proto._show = function _show(msg, duration, type) {
         var _this = this;
         if (duration === void 0) duration = 0;
@@ -1026,8 +1026,8 @@ var MESSAGE_DEFAULT_OPTIONS = {};
             }, duration * 1000);
         }
     };
-    /**
-   * 销毁
+    /**
+   * 销毁
    */ _proto.destroy = function destroy() {
         var _this__$toast;
         if (this._timer) {
@@ -1042,8 +1042,8 @@ var MESSAGE_DEFAULT_OPTIONS = {};
         this.hide();
         Control.prototype.destroy.call(this);
     };
-    /**
-   * 隐藏消息， 并清空消息内容
+    /**
+   * 隐藏消息， 并清空消息内容
    */ _proto.hide = function hide() {
         var _this = this;
         // 每次隐藏都清空内 消息内容
@@ -1116,9 +1116,9 @@ function _set_prototype_of$v(o, p) {
     };
     return _set_prototype_of$v(o, p);
 }
-/**
- * 播放/暂停控件
- * @category Control
+/**
+ * 播放/暂停控件
+ * @category Control
  */ var Play = /*#__PURE__*/ function(Control) {
     _inherits$v(Play, Control);
     function Play(options) {
@@ -1140,8 +1140,8 @@ function _set_prototype_of$v(o, p) {
         return _this;
     }
     var _proto = Play.prototype;
-    /**
-   * 点击 Control 会触发
+    /**
+   * 点击 Control 会触发
    */ _proto._onControlClick = function _onControlClick(e) {
         this._playing = !this._playing;
         this.emit(EVENTS.control.play, this._playing);
@@ -1164,8 +1164,8 @@ function _set_prototype_of$v(o, p) {
     _create_class$8(Play, [
         {
             key: "playing",
-            get: /**
-   * 播放状态
+            get: /**
+   * 播放状态
    */ function get() {
                 return this._playing;
             }
@@ -1174,12 +1174,12 @@ function _set_prototype_of$v(o, p) {
     return Play;
 }(Control);
 
-/**
- * 节流函数
- * @param {Function} func
- * @param {number} wait
- * @typeParam T - 函数类型
- * @returns {Function}
+/**
+ * 节流函数
+ * @param {Function} func
+ * @param {number} wait
+ * @typeParam T - 函数类型
+ * @returns {Function}
  */ // eslint-disable-next-line @typescript-eslint/ban-types
 function throttle(func, wait) {
     var timeout = null;
@@ -1235,28 +1235,28 @@ function _unsupported_iterable_to_array$2(o, minLen) {
     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);
 }
-/**
- * 工具类
- * @category Util
+/**
+ * 工具类
+ * @category Util
  */ var Utils = /*#__PURE__*/ function() {
     function Utils() {}
     // /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone|Opera Mini)/i.test(navigator?.userAgent) ||
     // (/Macintosh/i.test(navigator?.userAgent) && navigator?.maxTouchPoints > 1); // iPad 支持多点触控;
-    /**
-   * 监听手机旋转, 参考 {@link https://developer.mozilla.org/zh-CN/docs/Web/API/Screen/orientation}
-   * @param {OrientationChangeCallback} change 手机旋转回调
-   * @returns {[ScreenOrientation, CleanUpScreenOrientationFun]} [第一次的结果， 事件移除]
-   *
-   * @example
-   * ```ts
-   * const [orientation, cleanUp] = Utils.orientationEventListener((orientation) => {
-   *    console.log("orientation", orientation)
-   * })
-   *
-   * console.log("orientation", orientation)
-   * // 清除监听
-   * cleanUp()
-   * ```
+    /**
+   * 监听手机旋转, 参考 {@link https://developer.mozilla.org/zh-CN/docs/Web/API/Screen/orientation}
+   * @param {OrientationChangeCallback} change 手机旋转回调
+   * @returns {[ScreenOrientation, CleanUpScreenOrientationFun]} [第一次的结果， 事件移除]
+   *
+   * @example
+   * ```ts
+   * const [orientation, cleanUp] = Utils.orientationEventListener((orientation) => {
+   *    console.log("orientation", orientation)
+   * })
+   *
+   * console.log("orientation", orientation)
+   * // 清除监听
+   * cleanUp()
+   * ```
    */ // prettier-ignore
     Utils.orientationEventListener = function orientationEventListener(change) {
         var _orientationTimer = null;
@@ -1346,18 +1346,18 @@ function _unsupported_iterable_to_array$2(o, minLen) {
             }
         ];
     };
-    /**
-   * 监听节点尺寸变化， 参考 {@link https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver}
-   * @param {Element} node
-   * @param callback
-   * @returns {CleanUpResizeObserver}
-   * @example
-   * ```ts
-   * const [unobserve, disconnect] = Utils.resizeObserver(node, (entries, observer) => {});
-   *
-   * // 移除监听
-   * unobserve()
-   * ```
+    /**
+   * 监听节点尺寸变化， 参考 {@link https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver}
+   * @param {Element} node
+   * @param callback
+   * @returns {CleanUpResizeObserver}
+   * @example
+   * ```ts
+   * const [unobserve, disconnect] = Utils.resizeObserver(node, (entries, observer) => {});
+   *
+   * // 移除监听
+   * unobserve()
+   * ```
    */ // prettier-ignore
     Utils.resizeObserver = function resizeObserver(node, callback) {
         // prettier-ignore
@@ -1392,12 +1392,12 @@ function _unsupported_iterable_to_array$2(o, minLen) {
     return Utils;
 }();
 // 不要使用 window, 如果在 worker 中会报错
-/**
-   * 判断是否是移动端, (iPadOS 13+ 移除了 "iPad" 标识)
-   * @example
-   * ```ts
-   * Utils.isMobile  // true | false
-   * ```
+/**
+   * 判断是否是移动端, (iPadOS 13+ 移除了 "iPad" 标识)
+   * @example
+   * ```ts
+   * Utils.isMobile  // true | false
+   * ```
    */ Utils.isMobile = isMobile();
 
 function _defineProperties$7(target, props) {
@@ -1431,23 +1431,23 @@ var PROGRESS_DEFAULT_OPTIONS = {
         return (percent * 100).toFixed(0);
     }
 };
-/**
- * 进度条
- *
- * @category Control
- * @example
- * ```ts
- * const progress = new Progress({
- *   container: document.getElementById('progress-container'),
- *   step: 0.01,
- *   range: [0, 1],
- *   onChange: (value, range) => {
- *     console.log(`Progress changed: ${value}, Range: ${range}`);
- *  },
- *  defaultValue: 0.5,
- *  draggable: true,
- *  disabled: false,
- * })
+/**
+ * 进度条
+ *
+ * @category Control
+ * @example
+ * ```ts
+ * const progress = new Progress({
+ *   container: document.getElementById('progress-container'),
+ *   step: 0.01,
+ *   range: [0, 1],
+ *   onChange: (value, range) => {
+ *     console.log(`Progress changed: ${value}, Range: ${range}`);
+ *  },
+ *  defaultValue: 0.5,
+ *  draggable: true,
+ *  disabled: false,
+ * })
  */ var Progress = /*#__PURE__*/ function() {
     function Progress(options) {
         var _this_options_defaultValue;
@@ -1480,20 +1480,20 @@ var PROGRESS_DEFAULT_OPTIONS = {
         this.disabled = this.options.disabled;
     }
     var _proto = Progress.prototype;
-    /**
-   * 是否旋转了
-   * @param rotated
+    /**
+   * 是否旋转了
+   * @param rotated
    */ _proto.isRotate = function isRotate(rotated) {
         this._isRotated = rotated;
     };
-    /**
-   * 销毁 Progress 实例，移除事件监听器
-   * @returns {void}
-   * @memberof Progress
-   * @example
-   * ```ts
-   * progress.destroy();
-   * ```
+    /**
+   * 销毁 Progress 实例，移除事件监听器
+   * @returns {void}
+   * @memberof Progress
+   * @example
+   * ```ts
+   * progress.destroy();
+   * ```
    */ _proto.destroy = function destroy() {
         var _this__delegateSliderMouseDown_destroy, _this__delegateSliderMouseDown, _this__delegateSliderHandleMouseDown_destroy, _this__delegateSliderHandleMouseDown, _this__delegateProgressMouseDown_destroy, _this__delegateProgressMouseDown, _this__delegatePlusClick_destroy, _this__delegatePlusClick, _this__delegateMinusClick_destroy, _this__delegateMinusClick;
         (_this__delegateSliderMouseDown = this._delegateSliderMouseDown) == null ? void 0 : (_this__delegateSliderMouseDown_destroy = _this__delegateSliderMouseDown.destroy) == null ? void 0 : _this__delegateSliderMouseDown_destroy.call(_this__delegateSliderMouseDown);
@@ -1688,14 +1688,14 @@ var PROGRESS_DEFAULT_OPTIONS = {
         },
         {
             key: "value",
-            get: /**
-   * 获取进度条值
-   * @returns {number} 当前进度条值
-   * @example
-   * ```ts
-   * const value = progress.value; // 获取当前进度条值
-   * console.log(value); // 输出值
-   * ```
+            get: /**
+   * 获取进度条值
+   * @returns {number} 当前进度条值
+   * @example
+   * ```ts
+   * const value = progress.value; // 获取当前进度条值
+   * console.log(value); // 输出值
+   * ```
    */ function get() {
                 return this._value; //
             },
@@ -1705,14 +1705,14 @@ var PROGRESS_DEFAULT_OPTIONS = {
         },
         {
             key: "percent",
-            get: /**
-   * 获取进度百分比
-   * @returns {number}   当前进度条百分比
-   * @example
-   * ```ts
-   * const percent = progress.percent; // 获取当前进度条百分比
-   * console.log(percent); // 输出百分比
-   * ```
+            get: /**
+   * 获取进度百分比
+   * @returns {number}   当前进度条百分比
+   * @example
+   * ```ts
+   * const percent = progress.percent; // 获取当前进度条百分比
+   * console.log(percent); // 输出百分比
+   * ```
    */ function get() {
                 return this._percent;
             },
@@ -1775,9 +1775,9 @@ var VOLUME_DEFAULT_OPTIONS = {
     onOpenChange: function onOpenChange() {},
     onChange: function onChange() {}
 };
-/**
- * 音量调节控件
- * @category Control
+/**
+ * 音量调节控件
+ * @category Control
  */ var Volume = /*#__PURE__*/ function(Control) {
     _inherits$u(Volume, Control);
     function Volume(options) {
@@ -1851,8 +1851,8 @@ var VOLUME_DEFAULT_OPTIONS = {
         return _this;
     }
     var _proto = Volume.prototype;
-    /**
-   * 销毁
+    /**
+   * 销毁
    */ _proto.destroy = function destroy() {
         var _this__progress_destroy, _this__progress, _this_picker;
         (_this__progress = this._progress) == null ? void 0 : (_this__progress_destroy = _this__progress.destroy) == null ? void 0 : _this__progress_destroy.call(_this__progress);
@@ -1910,8 +1910,8 @@ var VOLUME_DEFAULT_OPTIONS = {
             title: (_this_locale = this.locale) == null ? void 0 : _this_locale.BTN_VOLUME
         });
     };
-    /**
-   * 点击 Control 会触发
+    /**
+   * 点击 Control 会触发
    */ _proto._onControlClick = function _onControlClick() {
     // this._options.onClick?.(e);
     };
@@ -1928,8 +1928,8 @@ var VOLUME_DEFAULT_OPTIONS = {
     _create_class$6(Volume, [
         {
             key: "muted",
-            get: /**
-   * 是否静音
+            get: /**
+   * 是否静音
    */ function get() {
                 return this._muted;
             },
@@ -1953,8 +1953,8 @@ var VOLUME_DEFAULT_OPTIONS = {
         },
         {
             key: "volume",
-            get: /**
-   * 当前音量值（真实值 即使静音）
+            get: /**
+   * 当前音量值（真实值 即使静音）
    */ function get() {
                 return this._lastVolume;
             },
@@ -1977,8 +1977,8 @@ var VOLUME_DEFAULT_OPTIONS = {
         },
         {
             key: "disabled",
-            get: /**
-   * 是否禁用
+            get: /**
+   * 是否禁用
    */ function get() {
                 return this._disabled;
             },
@@ -2478,9 +2478,9 @@ function _set_prototype_of$t(o, p) {
     };
     return _set_prototype_of$t(o, p);
 }
-/**
- * 全屏控件
- * @category Control
+/**
+ * 全屏控件
+ * @category Control
  */ var Fullscreen = /*#__PURE__*/ function(Control) {
     _inherits$t(Fullscreen, Control);
     function Fullscreen(options) {
@@ -2507,8 +2507,8 @@ function _set_prototype_of$t(o, p) {
         return _this;
     }
     var _proto = Fullscreen.prototype;
-    /**
-   * 销毁
+    /**
+   * 销毁
    */ _proto.destroy = function destroy() {
         var _this__fullscreenUtil;
         this.$container.innerHTML = '';
@@ -2536,8 +2536,8 @@ function _set_prototype_of$t(o, p) {
         this._render();
         this.options.onChange == null ? void 0 : this.options.onChange.call(this.options, info);
     };
-    /**
-   * 点击 Control 会触发
+    /**
+   * 点击 Control 会触发
    */ _proto._onControlClick = function _onControlClick() {
         if (this.isCurrentFullscreen) {
             var _this__fullscreenUtil;
@@ -2581,9 +2581,9 @@ function _set_prototype_of$s(o, p) {
     };
     return _set_prototype_of$s(o, p);
 }
-/**
- * 回放类型切换（本地回放(sdk 卡)， 云存储回放， 云录制回放）控件
- * @category Control
+/**
+ * 回放类型切换（本地回放(sdk 卡)， 云存储回放， 云录制回放）控件
+ * @category Control
  */ var Rec = /*#__PURE__*/ function(Control) {
     _inherits$s(Rec, Control);
     function Rec(options) {
@@ -2602,8 +2602,8 @@ function _set_prototype_of$s(o, p) {
         return _this;
     }
     var _proto = Rec.prototype;
-    /**
-   * 销毁
+    /**
+   * 销毁
    */ _proto.destroy = function destroy() {
         var _this__delegation;
         this.$container.removeEventListener('dblclick', this._onDBlClick);
@@ -2611,9 +2611,9 @@ function _set_prototype_of$s(o, p) {
         this._delegation = null;
         Control.prototype.destroy.call(this);
     };
-    /**
-   * 添加回放类型图标
-   * @param {string} id 回放类型 'rec' | 'cloudRec' | 'cloudRecord'
+    /**
+   * 添加回放类型图标
+   * @param {string} id 回放类型 'rec' | 'cloudRec' | 'cloudRecord'
    */ _proto.addRecType = function addRecType(id) {
         var spanIcon = '';
         switch(id){
@@ -2680,8 +2680,8 @@ function _set_prototype_of$s(o, p) {
             }
         });
     };
-    /**
-   * 点击 Control 会触发
+    /**
+   * 点击 Control 会触发
    */ _proto._onControlClick = function _onControlClick(e) {};
     return Rec;
 }(Control);
@@ -3365,8 +3365,8 @@ var en = {
     }
 };
 
-/**
- * flv 预览
+/**
+ * flv 预览
  */ var hlsLiveTemplate = {
     autoFocus: 3,
     // poster:
@@ -3418,8 +3418,8 @@ var en = {
     }
 };
 
-/**
- * flv 预览
+/**
+ * flv 预览
  */ var hlsRecTemplate = {
     autoFocus: 3,
     // poster:
@@ -3477,8 +3477,8 @@ var en = {
     }
 };
 
-/**
- * pc 预览
+/**
+ * pc 预览
  */ var pcLive = {
     autoFocus: 3,
     header: {
@@ -3577,8 +3577,8 @@ var en = {
     }
 };
 
-/**
- * pc 回放
+/**
+ * pc 回放
  */ var pcRec = {
     header: {
         // color: DEFAULT_COLOR,
@@ -3689,8 +3689,8 @@ var en = {
     }
 };
 
-/**
- * mobile 预览
+/**
+ * mobile 预览
  */ var mobileLive = {
     header: {
         // color: DEFAULT_COLOR,
@@ -3778,8 +3778,8 @@ var en = {
     }
 };
 
-/**
- * mobile 回放
+/**
+ * mobile 回放
  */ var mobileRec = {
     header: {
         // color: DEFAULT_COLOR,
@@ -3873,8 +3873,8 @@ var en = {
     }
 };
 
-/**
- * 安防版(预览/回放)
+/**
+ * 安防版(预览/回放)
  */ var security = {
     header: {
         // color: DEFAULT_COLOR,
@@ -3950,8 +3950,8 @@ var en = {
     }
 };
 
-/**
- * 语音版（预览）
+/**
+ * 语音版（预览）
  */ var voice = {
     header: {
         // color: DEFAULT_COLOR,
@@ -4003,11 +4003,11 @@ var en = {
     }
 };
 
-/**
- * standard 做特殊处理
- *
- * WARN： 除了 'deviceID', 'deviceName'， 'rec', 'cloudRec', 'cloudRecord' 做特殊处理, 只能放置在顶部， 其它不做处理，如果配置渲染的有问题需要开发者自行修改
- * FIXME: 暂时不去重， 让开发者自己去修改
+/**
+ * standard 做特殊处理
+ *
+ * WARN： 除了 'deviceID', 'deviceName'， 'rec', 'cloudRec', 'cloudRecord' 做特殊处理, 只能放置在顶部， 其它不做处理，如果配置渲染的有问题需要开发者自行修改
+ * FIXME: 暂时不去重， 让开发者自己去修改
  */ var TEMPLATES = {
     pcLive: pcLive,
     pcRec: pcRec,
@@ -4037,9 +4037,9 @@ function _set_prototype_of$r(o, p) {
     };
     return _set_prototype_of$r(o, p);
 }
-/**
- * 截图控件
- * @category Content
+/**
+ * 截图控件
+ * @category Content
  */ var Content = /*#__PURE__*/ function(EventEmitter) {
     _inherits$r(Content, EventEmitter);
     function Content(options) {
@@ -4069,11 +4069,11 @@ function _set_prototype_of$r(o, p) {
         return _this;
     }
     var _proto = Content.prototype;
-    /**
-   * 重新画面区域
-   * @param {number} originWidth 画面宽度
-   * @param {number} originHeight 画面高度
-   * @returns {void}
+    /**
+   * 重新画面区域
+   * @param {number} originWidth 画面宽度
+   * @param {number} originHeight 画面高度
+   * @returns {void}
    */ _proto.rerender = function rerender(originWidth, originHeight) {
         if (originWidth === void 0) originWidth = 0;
         if (originHeight === void 0) originHeight = 0;
@@ -4186,9 +4186,9 @@ function _set_prototype_of$q(o, p) {
     };
     return _set_prototype_of$q(o, p);
 }
-/**
- * 更多控件
- * @category Control
+/**
+ * 更多控件
+ * @category Control
  */ var More = /*#__PURE__*/ function(Control) {
     _inherits$q(More, Control);
     function More(options) {
@@ -4234,9 +4234,9 @@ function _set_prototype_of$q(o, p) {
         }
     // debug
     };
-    /**
-   * 添加
-   * @param control
+    /**
+   * 添加
+   * @param control
    */ _proto.add = function add(key, part, control, props) {
         this.list.unshift({
             part: part,
@@ -4246,9 +4246,9 @@ function _set_prototype_of$q(o, p) {
             height: props.height
         });
     };
-    /**
-   * 移除
-   * @param control
+    /**
+   * 移除
+   * @param control
    */ _proto.remove = function remove(control) {
         var index = this.list.findIndex(function(item) {
             return item.control === control;
@@ -4268,20 +4268,20 @@ function _set_prototype_of$q(o, p) {
         }
         Control.prototype.destroy.call(this);
     };
-    /**
-   * 点击 Control 会触发
+    /**
+   * 点击 Control 会触发
    */ _proto._onControlClick = function _onControlClick(e) {
     // this._options.onClick?.(e);
     };
     return More;
 }(Control);
 
-/**
- * 函数防抖
- * @param {Function} func
- * @param {number} wait
- * @typeParam T - 函数类型
- * @returns {Function}
+/**
+ * 函数防抖
+ * @param {Function} func
+ * @param {number} wait
+ * @typeParam T - 函数类型
+ * @returns {Function}
  */ // eslint-disable-next-line @typescript-eslint/ban-types
 function debounce(func, wait) {
     var timeout;
@@ -4905,23 +4905,23 @@ var ignoreList = [
     });
 }
 
-/**
- * 重新调整播放器窗口大小
- *
- * Adjust the player window size
- * @param {number | string} width 宽度（number 类型默认px, 支持字符串大小 "100%" | "50vw"）
- * @param {number | string} height 高度（number 类型默认px, 支持字符串大小 "100%" | "50vh"）
- * @since 0.0.1
- * @example
- * ```ts
- * theme.resize(600, 400) // 600px * 400px
- * theme.resize("600px", "400px") // 600px * 400px
- * theme.resize("50%", "1vh")
- * theme.resize("2em", "2rem")
- * // 事件监听 event, 这里是具体的宽高（单位px）
- * theme.on(Theme.EVENTS.resize, (width: number, height: number) => {})
- * ```
- * @returns {void}
+/**
+ * 重新调整播放器窗口大小
+ *
+ * Adjust the player window size
+ * @param {number | string} width 宽度（number 类型默认px, 支持字符串大小 "100%" | "50vw"）
+ * @param {number | string} height 高度（number 类型默认px, 支持字符串大小 "100%" | "50vh"）
+ * @since 0.0.1
+ * @example
+ * ```ts
+ * theme.resize(600, 400) // 600px * 400px
+ * theme.resize("600px", "400px") // 600px * 400px
+ * theme.resize("50%", "1vh")
+ * theme.resize("2em", "2rem")
+ * // 事件监听 event, 这里是具体的宽高（单位px）
+ * theme.on(Theme.EVENTS.resize, (width: number, height: number) => {})
+ * ```
+ * @returns {void}
  */ function _resize(theme, width, height) {
     var cssText = '';
     if (/^\d+(\.\d+)?$/.test(width + '')) {
@@ -4984,9 +4984,9 @@ var ZOOM_DEFAULT_OPTIONS = {
     open: false,
     max: 8
 };
-/**
- * 电子放大控件
- * @category Control
+/**
+ * 电子放大控件
+ * @category Control
  */ var Zoom = /*#__PURE__*/ function(Control) {
     _inherits$p(Zoom, Control);
     function Zoom(options) {
@@ -5063,8 +5063,8 @@ var ZOOM_DEFAULT_OPTIONS = {
         }
         Control.prototype.destroy.call(this);
     };
-    /**
-   * 点击 Control 会触发
+    /**
+   * 点击 Control 会触发
    */ _proto._onControlClick = function _onControlClick(e) {
         this.active = !this.active;
         Control.prototype._onControlClick.call(this, e);
@@ -5084,8 +5084,8 @@ var ZOOM_DEFAULT_OPTIONS = {
         },
         {
             key: "active",
-            get: /**
-   * 是否激活
+            get: /**
+   * 是否激活
    */ function get() {
                 return this._active;
             },
@@ -5734,8 +5734,8 @@ function rgbOrHexToRgbaWithOpacity(color, opacity) {
     return '';
 }
 
-/**
- * Header
+/**
+ * Header
  */ var Component = /*#__PURE__*/ function() {
     function Component(options) {
         if (options === void 0) options = {};
@@ -5787,8 +5787,8 @@ function rgbOrHexToRgbaWithOpacity(color, opacity) {
         this.$popupContainer.appendChild(this.$container);
     }
     var _proto = Component.prototype;
-    /**
-   * 销毁 header
+    /**
+   * 销毁 header
    */ _proto.destroy = function destroy() {
         var _this_$popupContainer;
         (_this_$popupContainer = this.$popupContainer) == null ? void 0 : _this_$popupContainer.removeChild(this.$container);
@@ -6064,10 +6064,10 @@ function _set_prototype_of$m(o, p) {
     };
     return _set_prototype_of$m(o, p);
 }
-/**
- * 全局全屏
- * 主题和播放器不提供全局全屏的api， 如果开发者想要可以参考这个组件自己实现
- * @category Control
+/**
+ * 全局全屏
+ * 主题和播放器不提供全局全屏的api， 如果开发者想要可以参考这个组件自己实现
+ * @category Control
  */ var GlobalFullscreen = /*#__PURE__*/ function(Fullscreen) {
     _inherits$m(GlobalFullscreen, Fullscreen);
     function GlobalFullscreen(options) {
@@ -6085,8 +6085,8 @@ function _set_prototype_of$m(o, p) {
             title: (_this_locale1 = this.locale) == null ? void 0 : _this_locale1.BTN_GLOBAL_FULLSCREEN
         });
     };
-    /**
-   * 点击 Control 会触发
+    /**
+   * 点击 Control 会触发
    */ _proto._onControlClick = function _onControlClick() {
         // 网页全屏的情况下 还可以执行全局全屏
         if (this.isCurrentFullscreen && this._$rootContainer.classList.contains("" + PREFIX_CLASS + "-global-fullscreen")) {
@@ -6132,9 +6132,9 @@ function _set_prototype_of$l(o, p) {
     };
     return _set_prototype_of$l(o, p);
 }
-/**
- * 截图控件，点击后会触发截图事件， 截图数据会通过 onCapture 回调函数返回
- * @category Control
+/**
+ * 截图控件，点击后会触发截图事件， 截图数据会通过 onCapture 回调函数返回
+ * @category Control
  */ var CapturePicture = /*#__PURE__*/ function(Control) {
     _inherits$l(CapturePicture, Control);
     function CapturePicture(options) {
@@ -6165,8 +6165,8 @@ function _set_prototype_of$l(o, p) {
             title: (_this_locale = this.locale) == null ? void 0 : _this_locale.BTN_CAPTURE
         });
     };
-    /**
-   * 点击 Control 会触发
+    /**
+   * 点击 Control 会触发
    */ _proto._onControlClick = function _onControlClick(e) {
         var _this = this;
         var _this_options_type, _this_options_cloudRecUpload;
@@ -6235,9 +6235,9 @@ function _set_prototype_of$k(o, p) {
     };
     return _set_prototype_of$k(o, p);
 }
-/**
- * 云台控件
- * @category Control
+/**
+ * 云台控件
+ * @category Control
  */ var Ptz = /*#__PURE__*/ function(Control) {
     _inherits$k(Ptz, Control);
     function Ptz(options) {
@@ -6326,8 +6326,8 @@ function _set_prototype_of$k(o, p) {
             }
         };
     };
-    /**
-   * 点击 Control 会触发
+    /**
+   * 点击 Control 会触发
    */ _proto._onControlClick = function _onControlClick(e) {
         Control.prototype._onControlClick.call(this, e);
         this.active = !this.active;
@@ -6430,14 +6430,14 @@ function _set_prototype_of$j(o, p) {
 var RECORD_DEFAULT_OPTIONS = {
     maxDuration: 3600
 };
-/**
- * 录制控件，点击开始录制，再次点击停止录制，
- * 录制开始到结束会依次触发 `startRecord` 和 `stopRecord` 事件
- *
- * 注意：
- *  1. 录制过程中会占用浏览器内存, 请根据实际情况进行配置
- *  2. 录制时间很短可能会因为浏览器的限制或没有I帧而无法生成有效的视频文件
- * @category Control
+/**
+ * 录制控件，点击开始录制，再次点击停止录制，
+ * 录制开始到结束会依次触发 `startRecord` 和 `stopRecord` 事件
+ *
+ * 注意：
+ *  1. 录制过程中会占用浏览器内存, 请根据实际情况进行配置
+ *  2. 录制时间很短可能会因为浏览器的限制或没有I帧而无法生成有效的视频文件
+ * @category Control
  */ var Record = /*#__PURE__*/ function(Control) {
     _inherits$j(Record, Control);
     function Record(options) {
@@ -6452,16 +6452,16 @@ var RECORD_DEFAULT_OPTIONS = {
         return _this;
     }
     var _proto = Record.prototype;
-    /**
-   * 渲染图标
+    /**
+   * 渲染图标
    */ _proto._render = function _render() {
         var _this_locale;
         this.$container.innerHTML = IconComponents.record({
             title: (_this_locale = this.locale) == null ? void 0 : _this_locale.BTN_RECORDVIDEO
         });
     };
-    /**
-   * 渲染计时器
+    /**
+   * 渲染计时器
    */ _proto._renderTimer = function _renderTimer() {
         var _this = this;
         var _this__options_rootContainer, _this__options;
@@ -6490,8 +6490,8 @@ var RECORD_DEFAULT_OPTIONS = {
         this._destroyTimer();
         Control.prototype.destroy.call(this);
     };
-    /**
-   * 销毁定时器和销毁节点
+    /**
+   * 销毁定时器和销毁节点
    */ _proto._destroyTimer = function _destroyTimer() {
         this._seconds = 0;
         if (this._timer) {
@@ -6506,8 +6506,8 @@ var RECORD_DEFAULT_OPTIONS = {
         }
         this._active = false;
     };
-    /**
-   * 点击 Control 会触发
+    /**
+   * 点击 Control 会触发
    */ _proto._onControlClick = function _onControlClick(e) {
         this.active = !this.active;
         Control.prototype._onControlClick.call(this, e);
@@ -6515,8 +6515,8 @@ var RECORD_DEFAULT_OPTIONS = {
     _create_class$3(Record, [
         {
             key: "active",
-            get: /**
-   * 是否激活
+            get: /**
+   * 是否激活
    */ function get() {
                 return this._active;
             },
@@ -6709,14 +6709,14 @@ function _ts_generator$4(thisArg, body) {
         };
     }
 }
-/**
- * 对讲控件
- *
- * navigator.mediaDevices.getUserMedia {@link https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia} 返回一个 Promise 对象，
- * 成功后会resolve回调一个 MediaStream 对象。若用户拒绝了使用权限，或者需要的媒体源不可用，
- * promise会reject回调一个 PermissionDeniedError 或者 NotFoundError 。
- *
- * @category Control
+/**
+ * 对讲控件
+ *
+ * navigator.mediaDevices.getUserMedia {@link https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia} 返回一个 Promise 对象，
+ * 成功后会resolve回调一个 MediaStream 对象。若用户拒绝了使用权限，或者需要的媒体源不可用，
+ * promise会reject回调一个 PermissionDeniedError 或者 NotFoundError 。
+ *
+ * @category Control
  */ var Talk = /*#__PURE__*/ function(Control) {
     _inherits$i(Talk, Control);
     function Talk(options) {
@@ -6759,16 +6759,16 @@ function _ts_generator$4(thisArg, body) {
             Control.prototype.reset.call(this, hide);
         }
     };
-    /**
-   * 销毁对讲
+    /**
+   * 销毁对讲
    */ _proto.destroy = function destroy() {
         if (this.active) {
             this.reset();
         }
         Control.prototype.destroy.call(this);
     };
-    /**
-   * 点击 Control 会触发
+    /**
+   * 点击 Control 会触发
    */ _proto._onControlClick = function _onControlClick(e) {
         var _this = this, _superprop_get__onControlClick = function _superprop_get__onControlClick() {
             return Control.prototype._onControlClick;
@@ -6788,13 +6788,13 @@ function _ts_generator$4(thisArg, body) {
     _create_class$2(Talk, [
         {
             key: "value",
-            get: /**
-   * 获取当前值
+            get: /**
+   * 获取当前值
    */ function get() {
                 return this._value;
             },
-            set: /**
-   * 设置当前值 [0-1]
+            set: /**
+   * 设置当前值 [0-1]
    */ function set(value) {
                 // 没有激活状态，则不处理
                 if (!this.active) {
@@ -6980,12 +6980,12 @@ function _ts_generator$3(thisArg, body) {
         };
     }
 }
-/**
- * 语音广播控件
- *
- * 用于触发语音广播功能的按钮控件
- *
- * @category Control
+/**
+ * 语音广播控件
+ *
+ * 用于触发语音广播功能的按钮控件
+ *
+ * @category Control
  */ var Broadcast = /*#__PURE__*/ function(Control) {
     _inherits$h(Broadcast, Control);
     function Broadcast(options) {
@@ -7025,16 +7025,16 @@ function _ts_generator$3(thisArg, body) {
             Control.prototype.reset.call(this, hide);
         }
     };
-    /**
-   * 销毁语音广播控件
+    /**
+   * 销毁语音广播控件
    */ _proto.destroy = function destroy() {
         if (this.active) {
             this.reset();
         }
         Control.prototype.destroy.call(this);
     };
-    /**
-   * 点击 Control 会触发
+    /**
+   * 点击 Control 会触发
    */ _proto._onControlClick = function _onControlClick(e) {
         var _this = this, _superprop_get__onControlClick = function _superprop_get__onControlClick() {
             return Control.prototype._onControlClick;
@@ -7211,12 +7211,12 @@ function _ts_generator$2(thisArg, body) {
         };
     }
 }
-/**
- * AI对话框控件
- *
- * 用于触发AI对话框功能的按钮控件
- *
- * @category Control
+/**
+ * AI对话框控件
+ *
+ * 用于触发AI对话框功能的按钮控件
+ *
+ * @category Control
  */ var AIChat = /*#__PURE__*/ function(Control) {
     _inherits$g(AIChat, Control);
     function AIChat(options) {
@@ -7257,16 +7257,16 @@ function _ts_generator$2(thisArg, body) {
             Control.prototype.reset.call(this, hide);
         }
     };
-    /**
-   * 销毁AI对话框控件
+    /**
+   * 销毁AI对话框控件
    */ _proto.destroy = function destroy() {
         if (this.active) {
             this.reset();
         }
         Control.prototype.destroy.call(this);
     };
-    /**
-   * 点击 Control 会触发
+    /**
+   * 点击 Control 会触发
    */ _proto._onControlClick = function _onControlClick(e) {
         var _this = this, _superprop_get__onControlClick = function _superprop_get__onControlClick() {
             return Control.prototype._onControlClick;
@@ -7318,12 +7318,12 @@ function _set_prototype_of$f(o, p) {
     };
     return _set_prototype_of$f(o, p);
 }
-/**
- * 直播按钮控件
- *
- * 点击切换到直播模式
- *
- * @category Control
+/**
+ * 直播按钮控件
+ *
+ * 点击切换到直播模式
+ *
+ * @category Control
  */ var Live = /*#__PURE__*/ function(Control) {
     _inherits$f(Live, Control);
     function Live(options) {
@@ -7345,9 +7345,9 @@ function _set_prototype_of$f(o, p) {
         return _this;
     }
     var _proto = Live.prototype;
-    /**
-   * 根据 urlInfo 同步激活状态
-   * 在初始化和播放地址切换后调用
+    /**
+   * 根据 urlInfo 同步激活状态
+   * 在初始化和播放地址切换后调用
    */ _proto._syncActiveByUrlInfo = function _syncActiveByUrlInfo(urlInfo) {
         var shouldBeActive = !!(urlInfo && urlInfo.type === 'live');
         this.active = shouldBeActive;
@@ -7358,13 +7358,13 @@ function _set_prototype_of$f(o, p) {
             title: ((_this_locale = this.locale) == null ? void 0 : _this_locale.BTN_LIVE) || '直播'
         });
     };
-    /**
-   * 销毁
+    /**
+   * 销毁
    */ _proto.destroy = function destroy() {
         Control.prototype.destroy.call(this);
     };
-    /**
-   * 点击 Control 会触发
+    /**
+   * 点击 Control 会触发
    */ _proto._onControlClick = function _onControlClick(e) {
         var _this__options_onChange, _this__options;
         Control.prototype._onControlClick.call(this, e);
@@ -7409,12 +7409,12 @@ function _set_prototype_of$e(o, p) {
     };
     return _set_prototype_of$e(o, p);
 }
-/**
- * 回放下拉控件
- *
- * 鼠标移入弹出气泡，展示云存储、云录制、本地回放三个选项
- *
- * @category Control
+/**
+ * 回放下拉控件
+ *
+ * 鼠标移入弹出气泡，展示云存储、云录制、本地回放三个选项
+ *
+ * @category Control
  */ var RecDropdown = /*#__PURE__*/ function(Control) {
     _inherits$e(RecDropdown, Control);
     function RecDropdown(options) {
@@ -7438,9 +7438,9 @@ function _set_prototype_of$e(o, p) {
         return _this;
     }
     var _proto = RecDropdown.prototype;
-    /**
-   * 根据 urlInfo 同步激活状态和回放类型
-   * 在初始化和播放地址切换后调用
+    /**
+   * 根据 urlInfo 同步激活状态和回放类型
+   * 在初始化和播放地址切换后调用
    */ _proto._syncActiveByUrlInfo = function _syncActiveByUrlInfo(urlInfo) {
         if (urlInfo && urlInfo.type === 'rec') {
             var _urlInfo_searchParams1;
@@ -7517,8 +7517,8 @@ function _set_prototype_of$e(o, p) {
             target == null ? void 0 : target.classList.add("" + PREFIX_CLASS + "-active");
         }
     };
-    /**
-   * 销毁
+    /**
+   * 销毁
    */ _proto.destroy = function destroy() {
         var _this__delegation_destroy, _this__delegation;
         (_this__delegation = this._delegation) == null ? void 0 : (_this__delegation_destroy = _this__delegation.destroy) == null ? void 0 : _this__delegation_destroy.call(_this__delegation);
@@ -7530,8 +7530,8 @@ function _set_prototype_of$e(o, p) {
         }
         Control.prototype.destroy.call(this);
     };
-    /**
-   * 点击 Control 会触发（移动端 click 触发 picker）
+    /**
+   * 点击 Control 会触发（移动端 click 触发 picker）
    */ // eslint-disable-next-line @typescript-eslint/no-unused-vars
     _proto._onControlClick = function _onControlClick(_e) {
     // picker 自行处理 click/hover，这里不额外处理
@@ -7608,11 +7608,20 @@ function _set_prototype_of$d(o, p) {
             }
         }));
         _this.on(EVENTS.setAllDayRecTimes, function(records) {
-            var // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+            var _this__options_props_urlInfo, _this__options_props, _this__options, // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
             _this__modal;
             _this.disabled = records.length === 0;
             _this.records = records;
-            (_this__modal = _this._modal) == null ? void 0 : _this__modal.setSections(records);
+            if ((_this__options = _this._options) == null ? void 0 : (_this__options_props = _this__options.props) == null ? void 0 : (_this__options_props_urlInfo = _this__options_props.urlInfo) == null ? void 0 : _this__options_props_urlInfo.validateCode) {
+                _this.records = records.map(function(item) {
+                    var _this__options_props_urlInfo, _this__options_props, _this__options;
+                    return _extends$c({}, item, {
+                        // 加密图片的地址是有时效的
+                        coverPic: item.coverPic + "&decodekey=" + ((_this__options = _this._options) == null ? void 0 : (_this__options_props = _this__options.props) == null ? void 0 : (_this__options_props_urlInfo = _this__options_props.urlInfo) == null ? void 0 : _this__options_props_urlInfo.validateCode)
+                    });
+                });
+            }
+            (_this__modal = _this._modal) == null ? void 0 : _this__modal.setSections(_this.records);
         // this._modal?.showEventFilter(this._options.showEventFilter ?? true);
         });
         _this.on(EVENTS.getOSDTime, function(time) {
@@ -7717,12 +7726,12 @@ function _set_prototype_of$c(o, p) {
     };
     return _set_prototype_of$c(o, p);
 }
-/**
- * 告警消息按钮控件
- *
- * 点击弹出告警消息列表弹窗（纯触发按钮，无激活状态）
- *
- * @category Control
+/**
+ * 告警消息按钮控件
+ *
+ * 点击弹出告警消息列表弹窗（纯触发按钮，无激活状态）
+ *
+ * @category Control
  */ var AlarmMessage = /*#__PURE__*/ function(Control) {
     _inherits$c(AlarmMessage, Control);
     function AlarmMessage(options) {
@@ -7746,16 +7755,16 @@ function _set_prototype_of$c(o, p) {
             title: ((_this_locale = this.locale) == null ? void 0 : _this_locale.BTN_ALARM_MESSAGE) || '消息'
         });
     };
-    /**
-   * 销毁
+    /**
+   * 销毁
    */ _proto.destroy = function destroy() {
         if (this._panelOpen) {
             this.emit(EVENTS.control.alarmMessageChange, false);
         }
         Control.prototype.destroy.call(this);
     };
-    /**
-   * 点击 Control 会触发
+    /**
+   * 点击 Control 会触发
    */ _proto._onControlClick = function _onControlClick(e) {
         var _this__options_onChange, _this__options;
         Control.prototype._onControlClick.call(this, e);
@@ -7820,54 +7829,54 @@ var SELECT_DEFAULT_OPTIONS = {
     onChange: function onChange() {},
     onOpenChange: function onOpenChange() {}
 };
-/**
- * 选择器切换 (支持PC/Mobile)
- * @category Control
- * @example
- * ```ts
- * new Select({
- *   title: '清晰度',
- *   list: [
- *     {
- *       label: '高清',
- *       value: 'hd',
- *       streamTypeIn: 1,
- *     },
- *     {
- *       label: '超清',
- *       value: 'super',
- *       streamTypeIn: 2,
- *     }
- *   ],
- *   value: 'hd',
- *   onChange: (value, item) => {
- *     console.log('选择了', value, item);
- *   }
- * })
- *
- * // 如果想扩展 Select 组件，可以继承 Select 组件
- * // 例如清晰度切换组件
- * class Definition extends Select {
- *    options: DefinitionOptions;
- *    constructor(options: DefinitionOptions) {
- *      super({
- *        ...options,
- *        fieldNames: {  label: 'name',  value: 'level',},
- *        title: options?.locale?.definition,
- *        controlType: 'button',
- *        classNameSuffix: 'definition',
- *        onChange: (value: SelectItem['value'], item) => {
- *            options?.onChange?.(value, item);
- *            this.emit(EVENTS.control.definitionChange, value, item);
- *        },
- *        onOpenChange: (open: boolean, value: SelectItem['value'], item) => {
- *          options?.onOpenChange?.(open, value, item);
- *         this.emit(EVENTS.control.definitionPanelOpenChange, open, value, item);
- *        }
- *      });
- *   }
- * }
- * ```
+/**
+ * 选择器切换 (支持PC/Mobile)
+ * @category Control
+ * @example
+ * ```ts
+ * new Select({
+ *   title: '清晰度',
+ *   list: [
+ *     {
+ *       label: '高清',
+ *       value: 'hd',
+ *       streamTypeIn: 1,
+ *     },
+ *     {
+ *       label: '超清',
+ *       value: 'super',
+ *       streamTypeIn: 2,
+ *     }
+ *   ],
+ *   value: 'hd',
+ *   onChange: (value, item) => {
+ *     console.log('选择了', value, item);
+ *   }
+ * })
+ *
+ * // 如果想扩展 Select 组件，可以继承 Select 组件
+ * // 例如清晰度切换组件
+ * class Definition extends Select {
+ *    options: DefinitionOptions;
+ *    constructor(options: DefinitionOptions) {
+ *      super({
+ *        ...options,
+ *        fieldNames: {  label: 'name',  value: 'level',},
+ *        title: options?.locale?.definition,
+ *        controlType: 'button',
+ *        classNameSuffix: 'definition',
+ *        onChange: (value: SelectItem['value'], item) => {
+ *            options?.onChange?.(value, item);
+ *            this.emit(EVENTS.control.definitionChange, value, item);
+ *        },
+ *        onOpenChange: (open: boolean, value: SelectItem['value'], item) => {
+ *          options?.onOpenChange?.(open, value, item);
+ *         this.emit(EVENTS.control.definitionPanelOpenChange, open, value, item);
+ *        }
+ *      });
+ *   }
+ * }
+ * ```
  */ var Select = /*#__PURE__*/ function(Control) {
     _inherits$b(Select, Control);
     function Select(options) {
@@ -7919,9 +7928,9 @@ var SELECT_DEFAULT_OPTIONS = {
         return _this;
     }
     var _proto = Select.prototype;
-    /**
-   * 更新选项列表
-   * @param list - 选项列表
+    /**
+   * 更新选项列表
+   * @param list - 选项列表
    */ _proto.updateOptions = function updateOptions(list) {
         var _this = this;
         if (list === void 0) list = [];
@@ -8006,8 +8015,8 @@ var SELECT_DEFAULT_OPTIONS = {
             });
         }
     };
-    /**
-   * 销毁
+    /**
+   * 销毁
    */ _proto.destroy = function destroy() {
         var _this__delegationOption_destroy, _this__delegationOption, _this__delegationClose_destroy, _this__delegationClose, _this__delegationCancel_destroy, _this__delegationCancel;
         (_this__delegationOption = this._delegationOption) == null ? void 0 : (_this__delegationOption_destroy = _this__delegationOption.destroy) == null ? void 0 : _this__delegationOption_destroy.call(_this__delegationOption);
@@ -8029,8 +8038,8 @@ var SELECT_DEFAULT_OPTIONS = {
         e.stopPropagation();
         e.preventDefault();
     };
-    /**
-   * 点击 Control 会触发
+    /**
+   * 点击 Control 会触发
    */ _proto._onControlClick = function _onControlClick(e) {
         this._options.onClick == null ? void 0 : this._options.onClick.call(this._options, e);
     };
@@ -8049,8 +8058,8 @@ var SELECT_DEFAULT_OPTIONS = {
         },
         {
             key: "disabled",
-            get: /**
-   * 是否禁用
+            get: /**
+   * 是否禁用
    */ function get() {
                 return this._disabled;
             },
@@ -8136,15 +8145,15 @@ function __filter(list, locale) {
         };
     });
 }
-/**
- * 清晰度切换控件
- *
- * 清晰度切换控件有三套UI
- * 1. PC 端默认UI，hover 展示清晰度切换面板
- * 2. 移动端 picker选择器清晰度切换面板  + 取消按钮
- * 3. 移动端全屏模式右侧菜单清晰度切换面板
- *
- * @category Control
+/**
+ * 清晰度切换控件
+ *
+ * 清晰度切换控件有三套UI
+ * 1. PC 端默认UI，hover 展示清晰度切换面板
+ * 2. 移动端 picker选择器清晰度切换面板  + 取消按钮
+ * 3. 移动端全屏模式右侧菜单清晰度切换面板
+ *
+ * @category Control
  */ var Definition = /*#__PURE__*/ function(Select) {
     _inherits$a(Definition, Select);
     function Definition(options) {
@@ -8210,9 +8219,9 @@ function __filter(list, locale) {
         return _this;
     }
     var _proto = Definition.prototype;
-    /**
-   * 重置，恢复默认值
-   * @param hide 默认不隐藏
+    /**
+   * 重置，恢复默认值
+   * @param hide 默认不隐藏
    */ _proto.reset = function reset(hide) {
         Select.prototype.reset.call(this, hide);
     };
@@ -8263,13 +8272,13 @@ var SUPPORT_SPEED = [
     16
 ]; // 8, 16
 var SPEED_DEFAULT_OPTIONS = {
-    /**
-   * 默认倍速 1, 如果传入的值不在列表中会使用 1 倍速，可能会没有选中
-   * 暂时不支持初始化时设置倍速
+    /**
+   * 默认倍速 1, 如果传入的值不在列表中会使用 1 倍速，可能会没有选中
+   * 暂时不支持初始化时设置倍速
    */ // value: 1, // 对应list 中的 value
     // 这里不要设置多语言， 比较麻烦
-    /**
-   * 倍速列表, 需要是 2 的指数，不能小于 0.5， 最大 16 倍
+    /**
+   * 倍速列表, 需要是 2 的指数，不能小于 0.5， 最大 16 倍
    */ list: SUPPORT_SPEED.reverse().map(function(speed) {
         return {
             label: "" + speed + "x",
@@ -8277,13 +8286,13 @@ var SPEED_DEFAULT_OPTIONS = {
         };
     })
 };
-/**
- * 倍速切换控件, 不支持动态切换倍速列表
- *
- * 注意：
- *   1. 本地回放倍速需要设备本身支持才可以， 如果不支持切换后的倍数不会生效， 云端回放（云存储，云录制）倍速都是支持， 需要是 2 的指数，不能小于 0.5， 最大 16 倍；
- *   2. 标准流不支持；
- * @category Control
+/**
+ * 倍速切换控件, 不支持动态切换倍速列表
+ *
+ * 注意：
+ *   1. 本地回放倍速需要设备本身支持才可以， 如果不支持切换后的倍数不会生效， 云端回放（云存储，云录制）倍速都是支持， 需要是 2 的指数，不能小于 0.5， 最大 16 倍；
+ *   2. 标准流不支持；
+ * @category Control
  */ var Speed = /*#__PURE__*/ function(Select) {
     _inherits$9(Speed, Select);
     function Speed(options) {
@@ -8317,10 +8326,10 @@ var SPEED_DEFAULT_OPTIONS = {
         return _this;
     }
     var _proto = Speed.prototype;
-    /**
-   * 滤掉本地回放不支持的倍速
-   * @param optionsList 初始化配置倍速列表
-   * @param type 回放类型
+    /**
+   * 滤掉本地回放不支持的倍速
+   * @param optionsList 初始化配置倍速列表
+   * @param type 回放类型
    */ _proto._filterSpeedList = function _filterSpeedList(optionsList, type, url) {
         if (!optionsList) {
             // 非用户自定义  /openpb/ 是标准流回放路径
@@ -8379,9 +8388,9 @@ function _set_prototype_of$8(o, p) {
     };
     return _set_prototype_of$8(o, p);
 }
-/**
- * 日历选择器控件
- * @category Control
+/**
+ * 日历选择器控件
+ * @category Control
  */ var DatePickerControl = /*#__PURE__*/ function(Control) {
     _inherits$8(DatePickerControl, Control);
     function DatePickerControl(options) {
@@ -8462,10 +8471,10 @@ function _set_prototype_of$8(o, p) {
             }
         }));
     };
-    /**
-   * 设置日期, change = true 时触发 onChange 事件
-   * @param date 设置的日期
-   * @param change 是否触发 onChange 事件
+    /**
+   * 设置日期, change = true 时触发 onChange 事件
+   * @param date 设置的日期
+   * @param change 是否触发 onChange 事件
    */ _proto.setDate = function setDate(date, change) {
         if (change === void 0) change = true;
         var _this_datePicker;
@@ -8481,9 +8490,9 @@ function _set_prototype_of$8(o, p) {
         if (this.datePicker) this.datePicker.open = false;
         Control.prototype.reset.call(this);
     };
-    /**
-   * 销毁控件
-   * @override
+    /**
+   * 销毁控件
+   * @override
    */ _proto.destroy = function destroy() {
         if (this.datePicker) {
             this.datePicker.destroy();
@@ -8496,9 +8505,9 @@ function _set_prototype_of$8(o, p) {
         var arr = this._value.split('-');
         return arr[1] + "." + arr[2];
     };
-    /**
-   * 点击 Control 会触发
-   * @overload super._onControlClick(e: Event)
+    /**
+   * 点击 Control 会触发
+   * @overload super._onControlClick(e: Event)
    */ _proto._onControlClick = function _onControlClick(e) {
         Control.prototype._onControlClick.call(this, e);
     };
@@ -8536,9 +8545,9 @@ function _set_prototype_of$7(o, p) {
     return _set_prototype_of$7(o, p);
 }
 /** 时间格式 HH:mm:ss */ var TIME_FORMAT = 'HH:mm:ss';
-/**
- * 时间选择器控件
- * @category Control
+/**
+ * 时间选择器控件
+ * @category Control
  */ var TimePickerControl = /*#__PURE__*/ function(Control) {
     _inherits$7(TimePickerControl, Control);
     function TimePickerControl(options) {
@@ -8599,9 +8608,9 @@ function _set_prototype_of$7(o, p) {
             }
         }));
     };
-    /**
-   * 设置时间
-   * @param time 设置的时间 HH:mm:ss
+    /**
+   * 设置时间
+   * @param time 设置的时间 HH:mm:ss
    */ _proto.setTime = function setTime(time) {
         var _this_timePicker;
         (_this_timePicker = this.timePicker) == null ? void 0 : _this_timePicker.setCurrent(time);
@@ -8617,9 +8626,9 @@ function _set_prototype_of$7(o, p) {
         if (this.timePicker) this.timePicker.open = false;
         Control.prototype.reset.call(this);
     };
-    /**
-   * 销毁控件
-   * @override
+    /**
+   * 销毁控件
+   * @override
    */ _proto.destroy = function destroy() {
         if (this.timePicker) {
             this.timePicker.destroy();
@@ -8631,9 +8640,9 @@ function _set_prototype_of$7(o, p) {
     _proto._getTimeStr = function _getTimeStr() {
         return this._value;
     };
-    /**
-   * 点击 Control 会触发
-   * @overload super._onControlClick(e: Event)
+    /**
+   * 点击 Control 会触发
+   * @overload super._onControlClick(e: Event)
    */ _proto._onControlClick = function _onControlClick(e) {
         Control.prototype._onControlClick.call(this, e);
     };
@@ -8670,8 +8679,8 @@ function _set_prototype_of$6(o, p) {
     };
     return _set_prototype_of$6(o, p);
 }
-/**
- * 回放时间轴控件
+/**
+ * 回放时间轴控件
  */ var TimeLineControl = /*#__PURE__*/ function(Control) {
     _inherits$6(TimeLineControl, Control);
     function TimeLineControl(options) {
@@ -8831,8 +8840,8 @@ function _set_prototype_of$6(o, p) {
         }
         Control.prototype.destroy.call(this);
     };
-    /**
-   * 点击 Control 会触发
+    /**
+   * 点击 Control 会触发
    */ _proto._onControlClick = function _onControlClick(e) {
         this._options.onClick == null ? void 0 : this._options.onClick.call(this._options, e);
     };
@@ -8869,24 +8878,24 @@ function _set_prototype_of$5(o, p) {
     };
     return _set_prototype_of$5(o, p);
 }
-/**
- * 播放结束后忽略 OSD 回写的静默期（毫秒）
- *
- * 断流结束时 SDK 不会立刻停掉 OSD 轮询（要让时间轴光标跟到画面最后一帧，见
- * api/_playbackRange.ts 的 OSD_SETTLE_MS = 2500），这些回写的时间早于区间末端，
- * 会把刚补满的进度拉回去。取值需覆盖该窗口。
- *
- * 用静默期而不是永久忽略：用户可能从时间轴点回区间内继续看，那条 seek 不经过
- * 进度条的 onChange，永久忽略会让进度条卡死不再更新。
+/**
+ * 播放结束后忽略 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 取起点还是终点
+/**
+ * 读取录像片段的起止时间（毫秒）
+ *
+ * 录像列表是服务端原始返回、未做字段归一化，`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;
@@ -8894,12 +8903,12 @@ function _set_prototype_of$5(o, p) {
     if (typeof value === 'number') return value < 1e12 ? value * 1000 : value;
     return DateTime.toDate(value).getTime();
 }
-/**
- * 回放片段进度条控件（移动端）
- *
- * 只在设置了播放区间时渲染，范围是「当前录像片段 ∩ 播放区间」。
- * 区间内跨片段的定位由时间轴承担，这里只负责当前片段的精细拖动。
- * @category Control
+/**
+ * 回放片段进度条控件（移动端）
+ *
+ * 只在设置了播放区间时渲染，范围是「当前录像片段 ∩ 播放区间」。
+ * 区间内跨片段的定位由时间轴承担，这里只负责当前片段的精细拖动。
+ * @category Control
  */ var SegmentProgressControl = /*#__PURE__*/ function(Control) {
     _inherits$5(SegmentProgressControl, Control);
     function SegmentProgressControl(options) {
@@ -8966,9 +8975,9 @@ function _set_prototype_of$5(o, p) {
         });
         this._updateVisible();
     };
-    /**
-   * 设置播放区间
-   * @param range 区间；null 表示解除约束
+    /**
+   * 设置播放区间
+   * @param range 区间；null 表示解除约束
    */ _proto._setRange = function _setRange(range) {
         if ((range == null ? void 0 : range.begin) && (range == null ? void 0 : range.end)) {
             this._rangeBeginMs = DateTime.toDate(range.begin).getTime();
@@ -8979,9 +8988,9 @@ function _set_prototype_of$5(o, p) {
         }
         this._updateVisible();
     };
-    /**
-   * 用区间裁剪录像片段
-   * @param records 全天录像片段
+    /**
+   * 用区间裁剪录像片段
+   * @param records 全天录像片段
    */ _proto._setSegments = function _setSegments(records) {
         var _this = this;
         if (!this._hasRange() || !Array.isArray(records)) {
@@ -9009,9 +9018,9 @@ function _set_prototype_of$5(o, p) {
         if (force) this._currentIndex = -1;
         this._updateVisible();
     };
-    /**
-   * 按播放进度更新片段与进度
-   * @param currentMs 当前播放时间（毫秒）
+    /**
+   * 按播放进度更新片段与进度
+   * @param currentMs 当前播放时间（毫秒）
    */ _proto._syncCurrent = function _syncCurrent(currentMs) {
         if (!this._hasRange()) return;
         var index = this._segments.findIndex(function(seg) {
@@ -9082,9 +9091,9 @@ function _set_prototype_of$4(o, p) {
     };
     return _set_prototype_of$4(o, p);
 }
-/**
- * 展示设备序列号控件
- * @category Control
+/**
+ * 展示设备序列号控件
+ * @category Control
  */ var Device = /*#__PURE__*/ function(Control) {
     _inherits$4(Device, Control);
     function Device(options) {
@@ -9102,10 +9111,10 @@ function _set_prototype_of$4(o, p) {
         var _this___options_props_urlInfo, _this___options_props;
         this.$container.innerHTML = '<span class="' + PREFIX_CLASS + "-text " + PREFIX_CLASS + '-text-device">' + this._splicingString(this.__options.deviceName, (_this___options_props = this.__options.props) == null ? void 0 : (_this___options_props_urlInfo = _this___options_props.urlInfo) == null ? void 0 : _this___options_props_urlInfo.deviceSerial) + "</span>";
     };
-    /**
-   * 更新设备序列号
-   * @param deviceSerial - 设备序列号
-   * @param deviceName - 设备名称
+    /**
+   * 更新设备序列号
+   * @param deviceSerial - 设备序列号
+   * @param deviceName - 设备名称
    */ _proto.update = function update(deviceName, deviceSerial) {
         if (this.$container.querySelector("." + PREFIX_CLASS + "-text-device")) {
             var $span = this.$container.querySelector("." + PREFIX_CLASS + "-text-device");
@@ -9263,8 +9272,8 @@ function _set_prototype_of$2(o, p) {
 // const MobileExtend_DEFAULT_Options = {
 //   controls: MOBILE_EXTENDS,
 // };
-/**
- * 移动端扩展
+/**
+ * 移动端扩展
  */ var MobileExtend = /*#__PURE__*/ function(EventEmitter) {
     _inherits$2(MobileExtend, EventEmitter);
     function MobileExtend($siblingContainer) {
@@ -9341,9 +9350,9 @@ function _set_prototype_of$1(o, p) {
     return _set_prototype_of$1(o, p);
 }
 var PAUSE_DEFAULT_OPTIONS = {};
-/**
- * 暂停控件（仅在第一次非自动播放时可以点击播放）, 防止和放大有冲突
- * @category Control
+/**
+ * 暂停控件（仅在第一次非自动播放时可以点击播放）, 防止和放大有冲突
+ * @category Control
  */ var Pause = /*#__PURE__*/ function(Control) {
     _inherits$1(Pause, Control);
     function Pause(options) {
@@ -9359,8 +9368,8 @@ var PAUSE_DEFAULT_OPTIONS = {};
         return _this;
     }
     var _proto = Pause.prototype;
-    /**
-   * 展示封面 这里不对 poster 进行缓存， 如果有值优先使用， 如果没有值优先使用 初始化传入的值
+    /**
+   * 展示封面 这里不对 poster 进行缓存， 如果有值优先使用， 如果没有值优先使用 初始化传入的值
    */ _proto.show = function show(playing, always) {
         var _this = this;
         var _this_$container_classList, _this_$container;
@@ -9405,8 +9414,8 @@ var PAUSE_DEFAULT_OPTIONS = {};
             }, 300);
         }, 10);
     };
-    /**
-   * 销毁
+    /**
+   * 销毁
    */ _proto.destroy = function destroy() {
         if (this._timer) {
             clearTimeout(this._timer);
@@ -9694,10 +9703,10 @@ var AUTH_KEY = [
     'recDropdown',
     'alarmMessage'
 ];
-/**
- * 渲染控件
- * @param $container - 控件渲染节点
- * @param btnList - 控件按钮列表
+/**
+ * 渲染控件
+ * @param $container - 控件渲染节点
+ * @param btnList - 控件按钮列表
  */ // prettier-ignore
 function _renderControls(theme, $container, btnList, props) {
     if (props === void 0) props = {};
@@ -10099,27 +10108,27 @@ var _renderRecType = function _renderRecType(theme, container, recType, props) {
     if ((_theme_controls1 = theme.controls) == null ? void 0 : _theme_controls1['recControl']) ((_theme_controls2 = theme.controls) == null ? void 0 : _theme_controls2['recControl']).addRecType(recType);
 };
 
-/**
- * 布局溢出（More 收纳）与响应式尺寸分档的**纯函数**模块。
- *
- * @remarks
- * 这些函数只做「计算 / 判定」，不含任何 DOM 副作用，因此可以在没有布局引擎的环境（如 jsdom）
- * 中被完整单元测试。`theme.ts` 中的命令式外壳（读取 `clientWidth`、增删 class、创建 More、
- * 搬移控件）负责副作用，具体的判定逻辑全部下沉到这里。
- */ /**
- * 一次 classList 变更集合：需要添加与需要移除的类名。
- */ /**
- * 根据尺寸计算某一维度（宽或高）需要增删的响应式档位类名。
- *
- * 档位规则：
- * - `(280, 375]` → medium
- * - `(200, 280]` → small
- * - `<= 200` → mini
- * - 其它（> 375）→ 无档位（移除全部）
- *
- * @param size 尺寸（px）
- * @param axis `'width'` 或 `'height'`
- * @param prefix 类名前缀（如 `ezplayer`）
+/**
+ * 布局溢出（More 收纳）与响应式尺寸分档的**纯函数**模块。
+ *
+ * @remarks
+ * 这些函数只做「计算 / 判定」，不含任何 DOM 副作用，因此可以在没有布局引擎的环境（如 jsdom）
+ * 中被完整单元测试。`theme.ts` 中的命令式外壳（读取 `clientWidth`、增删 class、创建 More、
+ * 搬移控件）负责副作用，具体的判定逻辑全部下沉到这里。
+ */ /**
+ * 一次 classList 变更集合：需要添加与需要移除的类名。
+ */ /**
+ * 根据尺寸计算某一维度（宽或高）需要增删的响应式档位类名。
+ *
+ * 档位规则：
+ * - `(280, 375]` → medium
+ * - `(200, 280]` → small
+ * - `<= 200` → mini
+ * - 其它（> 375）→ 无档位（移除全部）
+ *
+ * @param size 尺寸（px）
+ * @param axis `'width'` 或 `'height'`
+ * @param prefix 类名前缀（如 `ezplayer`）
  */ function computeDimensionClasses(size, axis, prefix) {
     var medium = prefix + "-medium-" + axis;
     var small = prefix + "-small-" + axis;
@@ -10145,11 +10154,11 @@ var _renderRecType = function _renderRecType(theme, container, recType, props) {
         remove: remove
     };
 }
-/**
- * 计算宽、高两个维度的响应式档位类名增删集合。
- * @param width 容器宽度（px）
- * @param height 容器高度（px）
- * @param prefix 类名前缀
+/**
+ * 计算宽、高两个维度的响应式档位类名增删集合。
+ * @param width 容器宽度（px）
+ * @param height 容器高度（px）
+ * @param prefix 类名前缀
  */ function computeSizeClasses(width, height, prefix) {
     var w = computeDimensionClasses(width, 'width', prefix);
     var h = computeDimensionClasses(height, 'height', prefix);
@@ -10158,34 +10167,34 @@ var _renderRecType = function _renderRecType(theme, container, recType, props) {
         remove: [].concat(w.remove, h.remove)
     };
 }
-/**
- * header 左右控件宽度之和 + 30 是否超过容器宽度 —— 超过则需要显示 More。
+/**
+ * header 左右控件宽度之和 + 30 是否超过容器宽度 —— 超过则需要显示 More。
  */ function shouldShowHeaderMore(width, leftWidth, rightWidth) {
     return leftWidth + rightWidth + 30 > width;
 }
-/**
- * header 剩余空间是否 > 100 —— 足够则可以移除 More，把控件放回工具栏。
+/**
+ * header 剩余空间是否 > 100 —— 足够则可以移除 More，把控件放回工具栏。
  */ function shouldRemoveHeaderMore(width, leftWidth, rightWidth) {
     return width - leftWidth - rightWidth > 100;
 }
-/**
- * footer 剩余空间是否 < 16 —— 不足则需要把控件收拢进 More。
+/**
+ * footer 剩余空间是否 < 16 —— 不足则需要把控件收拢进 More。
  */ function shouldCollapseFooter(width, leftWidth, rightWidth) {
     return width - leftWidth - rightWidth < 16;
 }
-/**
- * footer 从 More 中释放控件时的展开阈值。
- *
- * 基准为 50；当 More 中已有控件时，加上首个控件宽度（保持与历史实现一致的运算与兜底：
- * `50 + firstItemWidth || 0`）。
- * @param firstItemWidth More 列表中第一个控件的宽度；未提供表示 More 为空。
+/**
+ * footer 从 More 中释放控件时的展开阈值。
+ *
+ * 基准为 50；当 More 中已有控件时，加上首个控件宽度（保持与历史实现一致的运算与兜底：
+ * `50 + firstItemWidth || 0`）。
+ * @param firstItemWidth More 列表中第一个控件的宽度；未提供表示 More 为空。
  */ function computeFooterExpandOffset(firstItemWidth) {
     var base = 50;
     if (firstItemWidth === undefined) return base;
     return base + firstItemWidth || 0;
 }
-/**
- * footer 剩余空间是否足够把一个控件从 More 释放回工具栏。
+/**
+ * footer 剩余空间是否足够把一个控件从 More 释放回工具栏。
  */ function shouldExpandFooter(width, leftWidth, rightWidth, offset) {
     return width - leftWidth - rightWidth > offset;
 }
@@ -11859,6 +11868,6 @@ var THEME_DEFAULT_OPTIONS = {
     zh: zh,
     en: en
 };
-/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '3.1.5-beta.3';
+/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '3.1.5-beta.4';
 
 export { Control, EVENTS, Fullscreen, Loading, Message, Play, Poster, Rec, Theme, Utils, Volume };