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

package/dist/index.umd.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.
 */
 (function (global, factory) {
@@ -365,8 +365,8 @@
 	var eventemitter3Exports = requireEventemitter3();
 	var EventEmitter = /*@__PURE__*/getDefaultExportFromCjs(eventemitter3Exports);
 
-	/**
-	 * 播放器的类名前缀
+	/**
+	 * 播放器的类名前缀
 	 */ var PREFIX_CLASS$1 = 'ezplayer';
 	/** 填充模式 */ var THEME_SCALE_MODE_TYPE = {
 	    /** 画面完全填充canvas区域,画面会被拉伸 */ full: 0,
@@ -398,32 +398,32 @@
 	    // 播放区间（片段分享）。通过 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',
@@ -434,9 +434,9 @@
 	    'speed',
 	    'globalFullscreen'
 	];
-	/**
-	 * 移动端可以扩展的控件
-	 * ['ptz', 'talk', 'record', 'capturePicture', 'timeLine', 'rec', 'date'];
+	/**
+	 * 移动端可以扩展的控件
+	 * ['ptz', 'talk', 'record', 'capturePicture', 'timeLine', 'rec', 'date'];
 	 */ var MOBILE_EXTENDS = [
 	    'ptz',
 	    'timeLine',
@@ -444,25 +444,25 @@
 	    '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$2 = {
 	    loading: 'loading',
@@ -477,11 +477,11 @@
 	    /** 首帧 */ firstFrameDisplay: 'firstFrameDisplay',
 	    /** 全屏 */ fullscreen: 'fullscreen',
 	    /** 退出全屏 */ exitFullscreen: 'exitFullscreen',
-	    /**
-	   * 全屏变化(移动端也支持触发, 不过移动端是模拟的web全屏 即旋转 180度)
-	   * 当 isCurrentFullscreen 为 true 时，表示当前容器全局全屏状态
-	   *
-	   * 注意：同一个页面中只要有全屏的操作或取消全屏的操作，都会触发该事件 （移动端除外）
+	    /**
+	   * 全屏变化(移动端也支持触发, 不过移动端是模拟的web全屏 即旋转 180度)
+	   * 当 isCurrentFullscreen 为 true 时，表示当前容器全局全屏状态
+	   *
+	   * 注意：同一个页面中只要有全屏的操作或取消全屏的操作，都会触发该事件 （移动端除外）
 	   */ fullscreenChange: 'fullscreenChange',
 	    /** 重置容器尺寸 */ resize: 'resize',
 	    /** 屏幕旋转方向变化 */ orientationChange: 'orientationChange',
@@ -508,8 +508,8 @@
 	    setAllDayRecTimes: 'setAllDayRecTimes',
 	    getOSDTime: 'getOSDTime',
 	    /** 播放区间播放结束（SDK 层 playbackRange 特性） */ playbackEnd: 'playbackEnd',
-	    /**
-	   * 控件相关
+	    /**
+	   * 控件相关
 	   */ control: {
 	        /** 点击播放播放／暂停按钮 */ play: 'Control.play',
 	        /** 播放控件销毁 */ playDestroy: 'Control.playDestroy',
@@ -580,8 +580,8 @@
 	        /** 播放器内容区域销毁 */ contentDestroy: 'Control.contentDestroy',
 	        /** 播放器内容区域重新渲染 */ contentRerender: 'Control.contentRerender'
 	    },
-	    /**
-	   * 主题控件相关
+	    /**
+	   * 主题控件相关
 	   */ theme: {
 	        /** 销毁前 */ beforeDestroy: 'Theme.beforeDestroy',
 	        /** 销毁后 */ destroyed: 'Theme.destroyed',
@@ -629,17 +629,17 @@
 	    };
 	    return _set_prototype_of$D(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) {
@@ -681,22 +681,22 @@
 	        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)) {
@@ -718,16 +718,16 @@
 	            }
 	        }
 	    };
-	    /**
-	   * 隐藏整个控件
+	    /**
+	   * 隐藏整个控件
 	   */ _proto.hide = function hide() {
 	        if (this.$container) {
 	            this.$container.style.display = 'none';
 	            this.$container.classList.add("" + PREFIX_CLASS$1 + "-hide");
 	        }
 	    };
-	    /**
-	   * 销毁控件
+	    /**
+	   * 销毁控件
 	   */ _proto.destroy = function destroy() {
 	        var _this___options, _this_$container_remove, _this_$container;
 	        if (this._camelCaseName) {
@@ -764,8 +764,8 @@
 	            (_this_$container1 = this.$container) == null ? void 0 : _this_$container1.classList.remove("" + PREFIX_CLASS$1 + "-active");
 	        }
 	    };
-	    /**
-	   * 当点击 Control 时 触发子类的 _onControlClick
+	    /**
+	   * 当点击 Control 时 触发子类的 _onControlClick
 	   */ _proto._onClick = function _onClick() {
 	        var _this = this;
 	        // 使用具名 handler 便于在 destroy 时精确移除，避免匿名监听残留
@@ -783,10 +783,10 @@
 	        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);
@@ -794,8 +794,8 @@
 	    _create_class$k(Control, [
 	        {
 	            key: "active",
-	            get: /**
-	   * 是否激活
+	            get: /**
+	   * 是否激活
 	   */ function get() {
 	                return this._active;
 	            },
@@ -810,8 +810,8 @@
 	        },
 	        {
 	            key: "disabled",
-	            get: /**
-	   * 是否禁用
+	            get: /**
+	   * 是否禁用
 	   */ function get() {
 	                return this._disabled;
 	            },
@@ -855,9 +855,9 @@
 	    return _set_prototype_of$C(o, p);
 	}
 	var LOADING_DEFAULT_OPTIONS = {};
-	/**
-	 * 加载动画控件
-	 * @category Control
+	/**
+	 * 加载动画控件
+	 * @category Control
 	 */ var Loading = /*#__PURE__*/ function(Control) {
 	    _inherits$y(Loading, Control);
 	    function Loading(options) {
@@ -882,9 +882,9 @@
 	            this.$container.innerHTML = '\n          <span class="' + PREFIX_CLASS$1 + "-loading-dot " + PREFIX_CLASS$1 + '-loading-dot-load">\n            <i class="' + PREFIX_CLASS$1 + '-loading-dot-item"></i>\n            <i class="' + PREFIX_CLASS$1 + '-loading-dot-item"></i>\n            <i class="' + PREFIX_CLASS$1 + '-loading-dot-item"></i>\n            <i class="' + PREFIX_CLASS$1 + '-loading-dot-item"></i>\n          </span>\n        <div class="' + PREFIX_CLASS$1 + '-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;
 	        // 初始化， 出流再等待中（回放出流结束不包括）
@@ -892,8 +892,8 @@
 	        this.$container.classList.remove("" + PREFIX_CLASS$1 + "-hide");
 	        this.$popupContainer.classList.add("" + PREFIX_CLASS$1 + "-has-loading");
 	    };
-	    /**
-	   * 隐藏动画
+	    /**
+	   * 隐藏动画
 	   */ _proto.hide = function hide() {
 	        Control.prototype.hide.call(this);
 	        this.$popupContainer.classList.remove("" + PREFIX_CLASS$1 + "-has-loading");
@@ -937,9 +937,9 @@
 	var POSTER_OPTIONS = {
 	    poster: DEFAULT_POSTER
 	};
-	/**
-	 * 封面控件
-	 * @category Control
+	/**
+	 * 封面控件
+	 * @category Control
 	 */ var Poster = /*#__PURE__*/ function(Control) {
 	    _inherits$x(Poster, Control);
 	    function Poster(options) {
@@ -959,18 +959,18 @@
 	        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
@@ -983,24 +983,24 @@
 	        this.$container.innerHTML = '<img class="' + PREFIX_CLASS$1 + '-poster-img" src="' + poster + '" />';
 	        (_this_$container_querySelector = this.$container.querySelector("." + PREFIX_CLASS$1 + "-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$1 + "-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$1 + "-poster-img")) == null ? void 0 : _this_$container_querySelector.removeEventListener('error', this._imgLoadErrorEvent);
 	    };
-	    /**
-	   * 销毁
+	    /**
+	   * 销毁
 	   */ _proto.destroy = function destroy() {
 	        this.hide();
 	        Control.prototype.destroy.call(this);
@@ -1059,15 +1059,15 @@
 	    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 = '';
@@ -1268,9 +1268,9 @@
 	    return _set_prototype_of$A(o, p);
 	}
 	var MESSAGE_DEFAULT_OPTIONS = {};
-	/**
-	 * 消息控件
-	 * @category Control
+	/**
+	 * 消息控件
+	 * @category Control
 	 */ var Message = /*#__PURE__*/ function(Control) {
 	    _inherits$w(Message, Control);
 	    function Message(options) {
@@ -1285,34 +1285,34 @@
 	        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$1 + '-message-msg">' + (msg || '') + "</div>", duration, 'error');
@@ -1341,11 +1341,11 @@
 	            }
 	        }
 	    };
-	    /**
-	   * 展示消息，如果同时调用多次只展示最后一次的消息
-	   * @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;
@@ -1373,8 +1373,8 @@
 	            }, duration * 1000);
 	        }
 	    };
-	    /**
-	   * 销毁
+	    /**
+	   * 销毁
 	   */ _proto.destroy = function destroy() {
 	        var _this__$toast;
 	        if (this._timer) {
@@ -1389,8 +1389,8 @@
 	        this.hide();
 	        Control.prototype.destroy.call(this);
 	    };
-	    /**
-	   * 隐藏消息， 并清空消息内容
+	    /**
+	   * 隐藏消息， 并清空消息内容
 	   */ _proto.hide = function hide() {
 	        var _this = this;
 	        // 每次隐藏都清空内 消息内容
@@ -1463,9 +1463,9 @@
 	    };
 	    return _set_prototype_of$z(o, p);
 	}
-	/**
-	 * 播放/暂停控件
-	 * @category Control
+	/**
+	 * 播放/暂停控件
+	 * @category Control
 	 */ var Play = /*#__PURE__*/ function(Control) {
 	    _inherits$v(Play, Control);
 	    function Play(options) {
@@ -1487,8 +1487,8 @@
 	        return _this;
 	    }
 	    var _proto = Play.prototype;
-	    /**
-	   * 点击 Control 会触发
+	    /**
+	   * 点击 Control 会触发
 	   */ _proto._onControlClick = function _onControlClick(e) {
 	        this._playing = !this._playing;
 	        this.emit(EVENTS$2.control.play, this._playing);
@@ -1511,8 +1511,8 @@
 	    _create_class$j(Play, [
 	        {
 	            key: "playing",
-	            get: /**
-	   * 播放状态
+	            get: /**
+	   * 播放状态
 	   */ function get() {
 	                return this._playing;
 	            }
@@ -2423,12 +2423,12 @@
 
 	var distExports$3 = requireDist$3();
 
-	/**
-	 * 节流函数
-	 * @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;
@@ -2484,28 +2484,28 @@
 	    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$3(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;
@@ -2595,18 +2595,18 @@
 	            }
 	        ];
 	    };
-	    /**
-	   * 监听节点尺寸变化， 参考 {@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
@@ -2641,12 +2641,12 @@
 	    return Utils;
 	}();
 	// 不要使用 window, 如果在 worker 中会报错
-	/**
-	   * 判断是否是移动端, (iPadOS 13+ 移除了 "iPad" 标识)
-	   * @example
-	   * ```ts
-	   * Utils.isMobile  // true | false
-	   * ```
+	/**
+	   * 判断是否是移动端, (iPadOS 13+ 移除了 "iPad" 标识)
+	   * @example
+	   * ```ts
+	   * Utils.isMobile  // true | false
+	   * ```
 	   */ Utils.isMobile = distExports$3.isMobile();
 
 	function _defineProperties$7(target, props) {
@@ -2680,23 +2680,23 @@
 	        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;
@@ -2729,20 +2729,20 @@
 	        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);
@@ -2937,14 +2937,14 @@
 	        },
 	        {
 	            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; //
 	            },
@@ -2954,14 +2954,14 @@
 	        },
 	        {
 	            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;
 	            },
@@ -3024,9 +3024,9 @@
 	    onOpenChange: function onOpenChange() {},
 	    onChange: function onChange() {}
 	};
-	/**
-	 * 音量调节控件
-	 * @category Control
+	/**
+	 * 音量调节控件
+	 * @category Control
 	 */ var Volume = /*#__PURE__*/ function(Control) {
 	    _inherits$u(Volume, Control);
 	    function Volume(options) {
@@ -3100,8 +3100,8 @@
 	        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);
@@ -3159,8 +3159,8 @@
 	            title: (_this_locale = this.locale) == null ? void 0 : _this_locale.BTN_VOLUME
 	        });
 	    };
-	    /**
-	   * 点击 Control 会触发
+	    /**
+	   * 点击 Control 会触发
 	   */ _proto._onControlClick = function _onControlClick() {
 	    // this._options.onClick?.(e);
 	    };
@@ -3177,8 +3177,8 @@
 	    _create_class$h(Volume, [
 	        {
 	            key: "muted",
-	            get: /**
-	   * 是否静音
+	            get: /**
+	   * 是否静音
 	   */ function get() {
 	                return this._muted;
 	            },
@@ -3202,8 +3202,8 @@
 	        },
 	        {
 	            key: "volume",
-	            get: /**
-	   * 当前音量值（真实值 即使静音）
+	            get: /**
+	   * 当前音量值（真实值 即使静音）
 	   */ function get() {
 	                return this._lastVolume;
 	            },
@@ -3226,8 +3226,8 @@
 	        },
 	        {
 	            key: "disabled",
-	            get: /**
-	   * 是否禁用
+	            get: /**
+	   * 是否禁用
 	   */ function get() {
 	                return this._disabled;
 	            },
@@ -3926,9 +3926,9 @@
 	    };
 	    return _set_prototype_of$x(o, p);
 	}
-	/**
-	 * 全屏控件
-	 * @category Control
+	/**
+	 * 全屏控件
+	 * @category Control
 	 */ var Fullscreen = /*#__PURE__*/ function(Control) {
 	    _inherits$t(Fullscreen, Control);
 	    function Fullscreen(options) {
@@ -3955,8 +3955,8 @@
 	        return _this;
 	    }
 	    var _proto = Fullscreen.prototype;
-	    /**
-	   * 销毁
+	    /**
+	   * 销毁
 	   */ _proto.destroy = function destroy() {
 	        var _this__fullscreenUtil;
 	        this.$container.innerHTML = '';
@@ -3984,8 +3984,8 @@
 	        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;
@@ -4029,9 +4029,9 @@
 	    };
 	    return _set_prototype_of$w(o, p);
 	}
-	/**
-	 * 回放类型切换（本地回放(sdk 卡)， 云存储回放， 云录制回放）控件
-	 * @category Control
+	/**
+	 * 回放类型切换（本地回放(sdk 卡)， 云存储回放， 云录制回放）控件
+	 * @category Control
 	 */ var Rec = /*#__PURE__*/ function(Control) {
 	    _inherits$s(Rec, Control);
 	    function Rec(options) {
@@ -4050,8 +4050,8 @@
 	        return _this;
 	    }
 	    var _proto = Rec.prototype;
-	    /**
-	   * 销毁
+	    /**
+	   * 销毁
 	   */ _proto.destroy = function destroy() {
 	        var _this__delegation;
 	        this.$container.removeEventListener('dblclick', this._onDBlClick);
@@ -4059,9 +4059,9 @@
 	        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){
@@ -4128,8 +4128,8 @@
 	            }
 	        });
 	    };
-	    /**
-	   * 点击 Control 会触发
+	    /**
+	   * 点击 Control 会触发
 	   */ _proto._onControlClick = function _onControlClick(e) {};
 	    return Rec;
 	}(Control);
@@ -4854,8 +4854,8 @@
 	    }
 	};
 
-	/**
-	 * flv 预览
+	/**
+	 * flv 预览
 	 */ var hlsLiveTemplate = {
 	    autoFocus: 3,
 	    // poster:
@@ -4907,8 +4907,8 @@
 	    }
 	};
 
-	/**
-	 * flv 预览
+	/**
+	 * flv 预览
 	 */ var hlsRecTemplate = {
 	    autoFocus: 3,
 	    // poster:
@@ -4966,8 +4966,8 @@
 	    }
 	};
 
-	/**
-	 * pc 预览
+	/**
+	 * pc 预览
 	 */ var pcLive = {
 	    autoFocus: 3,
 	    header: {
@@ -5066,8 +5066,8 @@
 	    }
 	};
 
-	/**
-	 * pc 回放
+	/**
+	 * pc 回放
 	 */ var pcRec = {
 	    header: {
 	        // color: DEFAULT_COLOR,
@@ -5178,8 +5178,8 @@
 	    }
 	};
 
-	/**
-	 * mobile 预览
+	/**
+	 * mobile 预览
 	 */ var mobileLive = {
 	    header: {
 	        // color: DEFAULT_COLOR,
@@ -5267,8 +5267,8 @@
 	    }
 	};
 
-	/**
-	 * mobile 回放
+	/**
+	 * mobile 回放
 	 */ var mobileRec = {
 	    header: {
 	        // color: DEFAULT_COLOR,
@@ -5362,8 +5362,8 @@
 	    }
 	};
 
-	/**
-	 * 安防版(预览/回放)
+	/**
+	 * 安防版(预览/回放)
 	 */ var security = {
 	    header: {
 	        // color: DEFAULT_COLOR,
@@ -5439,8 +5439,8 @@
 	    }
 	};
 
-	/**
-	 * 语音版（预览）
+	/**
+	 * 语音版（预览）
 	 */ var voice = {
 	    header: {
 	        // color: DEFAULT_COLOR,
@@ -5492,11 +5492,11 @@
 	    }
 	};
 
-	/**
-	 * standard 做特殊处理
-	 *
-	 * WARN： 除了 'deviceID', 'deviceName'， 'rec', 'cloudRec', 'cloudRecord' 做特殊处理, 只能放置在顶部， 其它不做处理，如果配置渲染的有问题需要开发者自行修改
-	 * FIXME: 暂时不去重， 让开发者自己去修改
+	/**
+	 * standard 做特殊处理
+	 *
+	 * WARN： 除了 'deviceID', 'deviceName'， 'rec', 'cloudRec', 'cloudRecord' 做特殊处理, 只能放置在顶部， 其它不做处理，如果配置渲染的有问题需要开发者自行修改
+	 * FIXME: 暂时不去重， 让开发者自己去修改
 	 */ var TEMPLATES = {
 	    pcLive: pcLive,
 	    pcRec: pcRec,
@@ -5526,9 +5526,9 @@
 	    };
 	    return _set_prototype_of$v(o, p);
 	}
-	/**
-	 * 截图控件
-	 * @category Content
+	/**
+	 * 截图控件
+	 * @category Content
 	 */ var Content = /*#__PURE__*/ function(EventEmitter) {
 	    _inherits$r(Content, EventEmitter);
 	    function Content(options) {
@@ -5558,11 +5558,11 @@
 	        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;
@@ -5675,9 +5675,9 @@
 	    };
 	    return _set_prototype_of$u(o, p);
 	}
-	/**
-	 * 更多控件
-	 * @category Control
+	/**
+	 * 更多控件
+	 * @category Control
 	 */ var More = /*#__PURE__*/ function(Control) {
 	    _inherits$q(More, Control);
 	    function More(options) {
@@ -5723,9 +5723,9 @@
 	        }
 	    // debug
 	    };
-	    /**
-	   * 添加
-	   * @param control
+	    /**
+	   * 添加
+	   * @param control
 	   */ _proto.add = function add(key, part, control, props) {
 	        this.list.unshift({
 	            part: part,
@@ -5735,9 +5735,9 @@
 	            height: props.height
 	        });
 	    };
-	    /**
-	   * 移除
-	   * @param control
+	    /**
+	   * 移除
+	   * @param control
 	   */ _proto.remove = function remove(control) {
 	        var index = this.list.findIndex(function(item) {
 	            return item.control === control;
@@ -5757,20 +5757,20 @@
 	        }
 	        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;
@@ -6394,23 +6394,23 @@
 	    });
 	}
 
-	/**
-	 * 重新调整播放器窗口大小
-	 *
-	 * 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 + '')) {
@@ -6473,9 +6473,9 @@
 	    open: false,
 	    max: 8
 	};
-	/**
-	 * 电子放大控件
-	 * @category Control
+	/**
+	 * 电子放大控件
+	 * @category Control
 	 */ var Zoom$1 = /*#__PURE__*/ function(Control) {
 	    _inherits$p(Zoom, Control);
 	    function Zoom(options) {
@@ -6552,8 +6552,8 @@
 	        }
 	        Control.prototype.destroy.call(this);
 	    };
-	    /**
-	   * 点击 Control 会触发
+	    /**
+	   * 点击 Control 会触发
 	   */ _proto._onControlClick = function _onControlClick(e) {
 	        this.active = !this.active;
 	        Control.prototype._onControlClick.call(this, e);
@@ -6573,8 +6573,8 @@
 	        },
 	        {
 	            key: "active",
-	            get: /**
-	   * 是否激活
+	            get: /**
+	   * 是否激活
 	   */ function get() {
 	                return this._active;
 	            },
@@ -7230,8 +7230,8 @@
 	    return '';
 	}
 
-	/**
-	 * Header
+	/**
+	 * Header
 	 */ var Component = /*#__PURE__*/ function() {
 	    function Component(options) {
 	        if (options === void 0) options = {};
@@ -7283,8 +7283,8 @@
 	        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);
@@ -7560,10 +7560,10 @@
 	    };
 	    return _set_prototype_of$q(o, p);
 	}
-	/**
-	 * 全局全屏
-	 * 主题和播放器不提供全局全屏的api， 如果开发者想要可以参考这个组件自己实现
-	 * @category Control
+	/**
+	 * 全局全屏
+	 * 主题和播放器不提供全局全屏的api， 如果开发者想要可以参考这个组件自己实现
+	 * @category Control
 	 */ var GlobalFullscreen = /*#__PURE__*/ function(Fullscreen) {
 	    _inherits$m(GlobalFullscreen, Fullscreen);
 	    function GlobalFullscreen(options) {
@@ -7581,8 +7581,8 @@
 	            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$1 + "-global-fullscreen")) {
@@ -7628,9 +7628,9 @@
 	    };
 	    return _set_prototype_of$p(o, p);
 	}
-	/**
-	 * 截图控件，点击后会触发截图事件， 截图数据会通过 onCapture 回调函数返回
-	 * @category Control
+	/**
+	 * 截图控件，点击后会触发截图事件， 截图数据会通过 onCapture 回调函数返回
+	 * @category Control
 	 */ var CapturePicture = /*#__PURE__*/ function(Control) {
 	    _inherits$l(CapturePicture, Control);
 	    function CapturePicture(options) {
@@ -7661,8 +7661,8 @@
 	            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;
@@ -7738,9 +7738,9 @@
 	    };
 	    return _set_prototype_of$n(o, p);
 	}
-	/**
-	 * 云台控件
-	 * @category Control
+	/**
+	 * 云台控件
+	 * @category Control
 	 */ var Ptz = /*#__PURE__*/ function(Control) {
 	    _inherits$k(Ptz, Control);
 	    function Ptz(options) {
@@ -7829,8 +7829,8 @@
 	            }
 	        };
 	    };
-	    /**
-	   * 点击 Control 会触发
+	    /**
+	   * 点击 Control 会触发
 	   */ _proto._onControlClick = function _onControlClick(e) {
 	        Control.prototype._onControlClick.call(this, e);
 	        this.active = !this.active;
@@ -7933,14 +7933,14 @@
 	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) {
@@ -7955,16 +7955,16 @@
 	        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;
@@ -7993,8 +7993,8 @@
 	        this._destroyTimer();
 	        Control.prototype.destroy.call(this);
 	    };
-	    /**
-	   * 销毁定时器和销毁节点
+	    /**
+	   * 销毁定时器和销毁节点
 	   */ _proto._destroyTimer = function _destroyTimer() {
 	        this._seconds = 0;
 	        if (this._timer) {
@@ -8009,8 +8009,8 @@
 	        }
 	        this._active = false;
 	    };
-	    /**
-	   * 点击 Control 会触发
+	    /**
+	   * 点击 Control 会触发
 	   */ _proto._onControlClick = function _onControlClick(e) {
 	        this.active = !this.active;
 	        Control.prototype._onControlClick.call(this, e);
@@ -8018,8 +8018,8 @@
 	    _create_class$c(Record, [
 	        {
 	            key: "active",
-	            get: /**
-	   * 是否激活
+	            get: /**
+	   * 是否激活
 	   */ function get() {
 	                return this._active;
 	            },
@@ -8212,14 +8212,14 @@
 	        };
 	    }
 	}
-	/**
-	 * 对讲控件
-	 *
-	 * 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) {
@@ -8262,16 +8262,16 @@
 	            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;
@@ -8291,13 +8291,13 @@
 	    _create_class$b(Talk, [
 	        {
 	            key: "value",
-	            get: /**
-	   * 获取当前值
+	            get: /**
+	   * 获取当前值
 	   */ function get() {
 	                return this._value;
 	            },
-	            set: /**
-	   * 设置当前值 [0-1]
+	            set: /**
+	   * 设置当前值 [0-1]
 	   */ function set(value) {
 	                // 没有激活状态，则不处理
 	                if (!this.active) {
@@ -8483,12 +8483,12 @@
 	        };
 	    }
 	}
-	/**
-	 * 语音广播控件
-	 *
-	 * 用于触发语音广播功能的按钮控件
-	 *
-	 * @category Control
+	/**
+	 * 语音广播控件
+	 *
+	 * 用于触发语音广播功能的按钮控件
+	 *
+	 * @category Control
 	 */ var Broadcast = /*#__PURE__*/ function(Control) {
 	    _inherits$h(Broadcast, Control);
 	    function Broadcast(options) {
@@ -8528,16 +8528,16 @@
 	            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;
@@ -8714,12 +8714,12 @@
 	        };
 	    }
 	}
-	/**
-	 * AI对话框控件
-	 *
-	 * 用于触发AI对话框功能的按钮控件
-	 *
-	 * @category Control
+	/**
+	 * AI对话框控件
+	 *
+	 * 用于触发AI对话框功能的按钮控件
+	 *
+	 * @category Control
 	 */ var AIChat = /*#__PURE__*/ function(Control) {
 	    _inherits$g(AIChat, Control);
 	    function AIChat(options) {
@@ -8760,16 +8760,16 @@
 	            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;
@@ -8821,12 +8821,12 @@
 	    };
 	    return _set_prototype_of$i(o, p);
 	}
-	/**
-	 * 直播按钮控件
-	 *
-	 * 点击切换到直播模式
-	 *
-	 * @category Control
+	/**
+	 * 直播按钮控件
+	 *
+	 * 点击切换到直播模式
+	 *
+	 * @category Control
 	 */ var Live = /*#__PURE__*/ function(Control) {
 	    _inherits$f(Live, Control);
 	    function Live(options) {
@@ -8848,9 +8848,9 @@
 	        return _this;
 	    }
 	    var _proto = Live.prototype;
-	    /**
-	   * 根据 urlInfo 同步激活状态
-	   * 在初始化和播放地址切换后调用
+	    /**
+	   * 根据 urlInfo 同步激活状态
+	   * 在初始化和播放地址切换后调用
 	   */ _proto._syncActiveByUrlInfo = function _syncActiveByUrlInfo(urlInfo) {
 	        var shouldBeActive = !!(urlInfo && urlInfo.type === 'live');
 	        this.active = shouldBeActive;
@@ -8861,13 +8861,13 @@
 	            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);
@@ -8912,12 +8912,12 @@
 	    };
 	    return _set_prototype_of$h(o, p);
 	}
-	/**
-	 * 回放下拉控件
-	 *
-	 * 鼠标移入弹出气泡，展示云存储、云录制、本地回放三个选项
-	 *
-	 * @category Control
+	/**
+	 * 回放下拉控件
+	 *
+	 * 鼠标移入弹出气泡，展示云存储、云录制、本地回放三个选项
+	 *
+	 * @category Control
 	 */ var RecDropdown = /*#__PURE__*/ function(Control) {
 	    _inherits$e(RecDropdown, Control);
 	    function RecDropdown(options) {
@@ -8941,9 +8941,9 @@
 	        return _this;
 	    }
 	    var _proto = RecDropdown.prototype;
-	    /**
-	   * 根据 urlInfo 同步激活状态和回放类型
-	   * 在初始化和播放地址切换后调用
+	    /**
+	   * 根据 urlInfo 同步激活状态和回放类型
+	   * 在初始化和播放地址切换后调用
 	   */ _proto._syncActiveByUrlInfo = function _syncActiveByUrlInfo(urlInfo) {
 	        if (urlInfo && urlInfo.type === 'rec') {
 	            var _urlInfo_searchParams1;
@@ -9020,8 +9020,8 @@
 	            target == null ? void 0 : target.classList.add("" + PREFIX_CLASS$1 + "-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);
@@ -9033,8 +9033,8 @@
 	        }
 	        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，这里不额外处理
@@ -9043,25 +9043,25 @@
 	}(Control);
 
 	/*
-	* @ezuikit/control-modal v0.0.1
-	* Copyright (c) 2026-07-06 Ezviz-OpenBiz
+	* @ezuikit/control-modal v0.0.2
+	* Copyright (c) 2026-07-28 Ezviz-OpenBiz
 	* Released under the MIT License.
 	*/
 	function _array_like_to_array$2(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _create_class$a(Constructor,protoProps,staticProps){return protoProps&&function(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false,descriptor.configurable=true,"value"in descriptor&&(descriptor.writable=true),Object.defineProperty(target,descriptor.key,descriptor);}}(Constructor.prototype,protoProps),Constructor}function _create_for_of_iterator_helper_loose$2(o,allowArrayLike){var it="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(it)return (it=it.call(o)).next.bind(it);if(Array.isArray(o)||(it=function(o,minLen){if(o){if("string"==typeof o)return _array_like_to_array$2(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return "Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_array_like_to_array$2(o,minLen):void 0}}(o))||allowArrayLike){it&&(o=it);var i=0;return function(){return i>=o.length?{done:true}:{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.")}var ModalProvider=function(){function ModalProvider(){this._instances=new Set,this._zIndexCounter=1e3;}var _proto=ModalProvider.prototype;return _proto.register=function(modal,minZIndex){this._instances.add(modal);var base=Math.max(this._zIndexCounter,minZIndex||1e3);return this._zIndexCounter=base+2,base},_proto.unregister=function(modal){this._instances.delete(modal);},_proto.bringToTop=function(){var base=this._zIndexCounter;return this._zIndexCounter+=2,base},_proto.getInstances=function(){return Array.from(this._instances)},_proto.destroyAll=function(){for(var _step,_iterator=_create_for_of_iterator_helper_loose$2(this.getInstances());!(_step=_iterator()).done;){var modal=_step.value;modal._destroyed||modal.destroy();}},ModalProvider.getInstance=function(){return ModalProvider._instance||(ModalProvider._instance=new ModalProvider),ModalProvider._instance},ModalProvider.resetInstance=function(){ModalProvider._instance&&(ModalProvider._instance._instances.clear(),ModalProvider._instance._zIndexCounter=1e3,ModalProvider._instance=null);},_create_class$a(ModalProvider,[{key:"count",get:function(){return this._instances.size}}]),ModalProvider}();ModalProvider._instance=null;var EVENTS$1={open:"open",close:"close",dragStart:"dragStart",dragging:"dragging",dragEnd:"dragEnd"},_$MODAL_LOCALES$_={zh:{close:"关闭"},en:{close:"Close"}},__$MODAL_DEFAULT_OPTIONS$__={width:420,position:"center",draggable:true,showMask:true,maskClosable:true,showHeader:true,showClose:true,closeOnEscape:true,open:false,zIndex:1e3,language:"zh"};var Modal=function(){function Modal(container,options){this._$mask=null,this._$header=null,this._$title=null,this._$close=null,this._visible=false,this._dragging=false,this._dragOffset={x:0,y:0},this._destroyed=false,this._dragBounds={maxLeft:0,maxTop:0},this._dragPoint=null,this._dragRafId=null,this._pos={x:0,y:0},this.options=deepmerge(__$MODAL_DEFAULT_OPTIONS$__,null!=options?options:{},{clone:false}),this._eventEmitter=new EventEmitter,this._i18n=new I18n(deepmerge(_$MODAL_LOCALES$_,this.options.locales||{},{clone:false}),{defaultLocale:this.options.language||"zh"}),this._container=this._resolveContainer(container),this._baseZIndex=ModalProvider.getInstance().register(this,this.options.zIndex),this._onPointerMove=this._onPointerMove.bind(this),this._onPointerUp=this._onPointerUp.bind(this),this._onDragFrame=this._onDragFrame.bind(this),this._onHeaderPointerDown=this._onHeaderPointerDown.bind(this),this._onCloseClick=this._onCloseClick.bind(this),this._onMaskClick=this._onMaskClick.bind(this),this._onKeydown=this._onKeydown.bind(this),this._onWindowResize=this._onWindowResize.bind(this),this._onModalPointerDown=this._onModalPointerDown.bind(this),this._onWrapDblClick=this._onWrapDblClick.bind(this),this._render(),this._bindEvents(),this.options.open&&this.open();}var _proto=Modal.prototype;return _proto.open=function(){this._destroyed||this._visible||(this._visible=true,this._$mask&&this._$mask.classList.remove("emodal-hidden"),this._$wrap.classList.remove("emodal-hidden"),this._applyInitialPosition(),window.addEventListener("resize",this._onWindowResize),this.options.closeOnEscape&&document.addEventListener("keydown",this._onKeydown),this._eventEmitter.emit(EVENTS$1.open),null==this.options.onOpen||this.options.onOpen.call(this.options));},_proto.close=function(){!this._destroyed&&this._visible&&(this._visible=false,this._$mask&&this._$mask.classList.add("emodal-hidden"),this._$wrap.classList.add("emodal-hidden"),this._stopDragging(),window.removeEventListener("resize",this._onWindowResize),document.removeEventListener("keydown",this._onKeydown),this._eventEmitter.emit(EVENTS$1.close),null==this.options.onClose||this.options.onClose.call(this.options));},_proto.isVisible=function(){return this._visible},_proto.bringToTop=function(){this._destroyed||(this._baseZIndex=ModalProvider.getInstance().bringToTop(),this._$mask&&(this._$mask.style.zIndex=""+this._baseZIndex),this._$wrap.style.zIndex=""+(this._baseZIndex+1));},_proto.setTitle=function(title){this.options.title=title,this._$title&&this._mount(this._$title,title);},_proto.setContent=function(content){this.options.content=content,this._mount(this._$body,content);},_proto.updateOptions=function(options){this.options=deepmerge(this.options,options,{clone:false}),(options.language||options.locales)&&(this._i18n=new I18n(deepmerge(_$MODAL_LOCALES$_,this.options.locales||{},{clone:false}),{defaultLocale:this.options.language||"zh"})),this._stopDragging();var wasVisible=this._visible;this._teardownDom(),this._render(),this._bindEvents(),wasVisible&&(this._visible=false,this.open());},_proto.on=function(event,callback){this._eventEmitter.on(event,callback);},_proto.off=function(event,callback){this._eventEmitter.off(event,callback);},_proto.setPosition=function(left,top,bounds){var _ref=bounds||this._bounds(),maxLeft=_ref.maxLeft,maxTop=_ref.maxTop,x=Math.max(0,Math.min(left,maxLeft)),y=Math.max(0,Math.min(top,maxTop));return this._setTranslate(x,y),{x:x,y:y}},_proto.destroy=function(){this._destroyed||(this._stopDragging(),window.removeEventListener("resize",this._onWindowResize),document.removeEventListener("keydown",this._onKeydown),this._teardownDom(),this._eventEmitter.removeAllListeners(),this._destroyed=true,ModalProvider.getInstance().unregister(this));},_proto._resolveContainer=function(container){return "string"==typeof container?document.querySelector(container)||document.body:container||document.body},_proto._toSize=function(value){return null==value||""===value?null:"number"==typeof value?value+"px":value},_proto._render=function(){this.options.showMask&&(this._$mask=document.createElement("div"),this._$mask.className="emodal-mask emodal-hidden",this._$mask.style.zIndex=""+this._baseZIndex,this._container.appendChild(this._$mask)),this._$wrap=document.createElement("div"),this._$wrap.className="emodal-wrap emodal-hidden",this.options.draggable&&this._$wrap.classList.add("emodal-draggable"),this.options.className&&this._$wrap.classList.add(this.options.className),this._$wrap.style.zIndex=""+(this._baseZIndex+1);var w=this._toSize(this.options.width);w&&(this._$wrap.style.width=w);var h=this._toSize(this.options.height);h&&(this._$wrap.style.height=h),this.options.showHeader?(this._$header=document.createElement("div"),this._$header.className="emodal-header",this._$title=document.createElement("div"),this._$title.className="emodal-title",void 0!==this.options.title&&this._mount(this._$title,this.options.title),this._$header.appendChild(this._$title),this.options.showClose&&(this._$close=document.createElement("button"),this._$close.type="button",this._$close.className="emodal-close",this._$close.setAttribute("aria-label",String(this._i18n.t("close"))),this._$close.innerHTML='<svg viewBox="0 0 24 24" fill="none" width="1em" height="1em" stroke="currentColor" focusable="false" aria-hidden="true">\n  <path d="M0 0L15.9998 0" stroke-linecap="round" stroke-width="1.5" transform="matrix(0.707099,0.707114,-0.707114,0.707099,6.34277,6.34326)" />\n  <path d="M0 0L15.9998 0" stroke-linecap="round" stroke-width="1.5" transform="matrix(0.707099,-0.707114,0.707114,0.707099,6.34277,17.6567)" />\n</svg>',this._$header.appendChild(this._$close)),this._$wrap.appendChild(this._$header)):(this._$header=null,this._$title=null,this._$close=null),this._$body=document.createElement("div"),this._$body.className="emodal-body",void 0!==this.options.content&&this._mount(this._$body,this.options.content),this._$wrap.appendChild(this._$body),this._container.appendChild(this._$wrap);},_proto._mount=function(target,content){var left,right;left=content,(null!=(right=HTMLElement)&&"undefined"!=typeof Symbol&&right[Symbol.hasInstance]?right[Symbol.hasInstance](left):left instanceof right)?(target.innerHTML="",target.appendChild(content)):target.innerHTML=null!=content?content:"";},_proto._teardownDom=function(){var _this__$mask;this._$wrap.parentNode&&this._$wrap.parentNode.removeChild(this._$wrap),(null==(_this__$mask=this._$mask)?void 0:_this__$mask.parentNode)&&this._$mask.parentNode.removeChild(this._$mask),this._$mask=null,this._$header=null,this._$title=null,this._$close=null;},_proto._bindEvents=function(){var _this__$close,_this__$mask,_this__$mask1;(null==(_this__$close=this._$close)||_this__$close.addEventListener("click",this._onCloseClick),this.options.showMask&&this.options.maskClosable)&&(null==(_this__$mask1=this._$mask)||_this__$mask1.addEventListener("click",this._onMaskClick));this.options.draggable&&this._$header&&(this._$header.addEventListener("mousedown",this._onHeaderPointerDown),this._$header.addEventListener("touchstart",this._onHeaderPointerDown,{passive:false})),this._$wrap.addEventListener("pointerdown",this._onModalPointerDown),this._$wrap.addEventListener("dblclick",this._onWrapDblClick),null==(_this__$mask=this._$mask)||_this__$mask.addEventListener("pointerdown",this._onModalPointerDown);},_proto._onCloseClick=function(e){e.stopPropagation(),this.close();},_proto._onMaskClick=function(){this.close();},_proto._onModalPointerDown=function(){this.bringToTop();},_proto._onWrapDblClick=function(e){e.stopPropagation();},_proto._onKeydown=function(e){"Escape"!==e.key&&"Esc"!==e.key||this.close();},_proto._onWindowResize=function(){if(this._dragging)return this._dragBounds=this._bounds(),void this.setPosition(this._pos.x,this._pos.y,this._dragBounds);this.setPosition(this._pos.x,this._pos.y);},_proto._getPoint=function(e){if("touches"in e){var t=e.touches[0]||e.changedTouches[0];return {x:t.clientX,y:t.clientY}}return {x:e.clientX,y:e.clientY}},_proto._onHeaderPointerDown=function(e){if(this.options.draggable){var target=e.target;if(!(this._$close&&(target===this._$close||this._$close.contains(target))||"button"in e&&0!==e.button)){var point=this._getPoint(e),rect=this._$wrap.getBoundingClientRect();this._dragOffset={x:point.x-rect.left,y:point.y-rect.top},this._dragBounds=this._bounds(),this._dragging=true,this._$wrap.style.willChange="transform",document.body.classList.add("emodal-dragging"),document.addEventListener("mousemove",this._onPointerMove),document.addEventListener("mouseup",this._onPointerUp),document.addEventListener("touchmove",this._onPointerMove,{passive:false}),document.addEventListener("touchend",this._onPointerUp),document.addEventListener("touchcancel",this._onPointerUp),this._eventEmitter.emit(EVENTS$1.dragStart);}}},_proto._onPointerMove=function(e){this._dragging&&(e.cancelable&&e.preventDefault(),this._dragPoint=this._getPoint(e),null===this._dragRafId&&(this._dragRafId=requestAnimationFrame(this._onDragFrame)));},_proto._onDragFrame=function(){if(this._dragRafId=null,this._dragging&&this._dragPoint){var left=this._dragPoint.x-this._dragOffset.x,top=this._dragPoint.y-this._dragOffset.y,_this__dragBounds=this._dragBounds,maxLeft=_this__dragBounds.maxLeft,maxTop=_this__dragBounds.maxTop,x=Math.max(0,Math.min(left,maxLeft)),y=Math.max(0,Math.min(top,maxTop));this._setTranslate(x,y),this._eventEmitter.emit(EVENTS$1.dragging,{x:x,y:y});}},_proto._onPointerUp=function(){this._dragging&&(this._stopDragging(),this._eventEmitter.emit(EVENTS$1.dragEnd,{left:this._pos.x,top:this._pos.y}));},_proto._stopDragging=function(){null!==this._dragRafId&&(cancelAnimationFrame(this._dragRafId),this._dragRafId=null),this._dragPoint=null,this._dragging?(this._dragging=false,this._$wrap&&(this._$wrap.style.willChange=""),document.body.classList.remove("emodal-dragging"),document.removeEventListener("mousemove",this._onPointerMove),document.removeEventListener("mouseup",this._onPointerUp),document.removeEventListener("touchmove",this._onPointerMove),document.removeEventListener("touchend",this._onPointerUp),document.removeEventListener("touchcancel",this._onPointerUp)):document.body.classList.remove("emodal-dragging");},_proto._bounds=function(){var vw=document.documentElement.clientWidth,vh=document.documentElement.clientHeight,w=this._$wrap.offsetWidth,h=this._$wrap.offsetHeight;return {maxLeft:Math.max(0,vw-w),maxTop:Math.max(0,vh-h)}},_proto._setTranslate=function(x,y){this._pos={x:x,y:y},this._$wrap.style.transform="translate3d("+x+"px, "+y+"px, 0)";},_proto._center=function(){var vw=document.documentElement.clientWidth,vh=document.documentElement.clientHeight,w=this._$wrap.offsetWidth,h=this._$wrap.offsetHeight;this.setPosition((vw-w)/2,(vh-h)/2);},_proto._applyInitialPosition=function(){var obj,position=this.options.position;position&&"object"==(void 0===position?"undefined":(obj=position)&&"undefined"!=typeof Symbol&&obj.constructor===Symbol?"symbol":typeof obj)?this.setPosition(position.x,position.y):this._center();},Modal}();Modal.VERSION="0.0.1",Modal.EVENTS=EVENTS$1;
 
 	/*
-	* @ezuikit/control-virtual-scroll v0.0.1
-	* Copyright (c) 2026-06-29 Ezviz-OpenBiz
+	* @ezuikit/control-virtual-scroll v0.0.2
+	* Copyright (c) 2026-09-15 12:22:14 Ezviz-OpenBiz
 	* Released under the MIT License.
 	*/
-	var EVENTS={render:"render",scroll:"scroll",reachTop:"reachTop",reachBottom:"reachBottom"},DefaultOptions={itemHeight:40,buffer:5,smooth:true};function _create_class$9(Constructor,protoProps,staticProps){return protoProps&&function(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false,descriptor.configurable=true,"value"in descriptor&&(descriptor.writable=true),Object.defineProperty(target,descriptor.key,descriptor);}}(Constructor.prototype,protoProps),Constructor}var _OVERWRITE_MERGE_={clone:false,arrayMerge:function(_dest,src){return src}},VirtualScroll=function(){function VirtualScroll(container,options){this._active=new Map,this._pool=[],this._containerHeight=0,this._startIndex=-1,this._endIndex=-1,this._ticking=false,this._destroyed=false,this._resizeObserver=null,this._eventEmitter=new EventEmitter,this.options=deepmerge(DefaultOptions,null!=options?options:{},_OVERWRITE_MERGE_),this._wrapper=this._resolveContainer(null!=container?container:this.options.container),this._onScroll=this._onScroll.bind(this),this._onResize=this._onResize.bind(this),this._wrapper.classList.add("evscroll-wrapper"),"static"===getComputedStyle(this._wrapper).position&&(this._wrapper.style.position="relative"),this._wrapper.style.overflowY="auto",this._$content=document.createElement("div"),this._$content.className="evscroll-content",this._$viewport=document.createElement("div"),this._$viewport.className="evscroll-viewport",this._$content.appendChild(this._$viewport),this._wrapper.appendChild(this._$content),this._containerHeight=this._wrapper.clientHeight,this._wrapper.addEventListener("scroll",this._onScroll,{passive:true}),this._setupResizeObserver(),this._syncContentHeight(),this._compute(true);}var _proto=VirtualScroll.prototype;return _proto.getTotalCount=function(){return this.options.data?this.options.data.length:this.options.total||0},_proto.getCurrentRange=function(){return {startIndex:this._startIndex,endIndex:this._endIndex}},_proto.scrollToIndex=function(index,smooth){var total=this.getTotalCount();if(index<0||index>=total)return  false;var top=index*(this.options.itemHeight||DefaultOptions.itemHeight),useSmooth=void 0===smooth?this.options.smooth:smooth;return "function"==typeof this._wrapper.scrollTo?this._wrapper.scrollTo({top:top,behavior:useSmooth?"smooth":"auto"}):this._wrapper.scrollTop=top,true},_proto.scrollToTop=function(smooth){this.scrollToIndex(0,smooth);},_proto.scrollToBottom=function(smooth){var total=this.getTotalCount();total>0&&this.scrollToIndex(total-1,smooth);},_proto.setData=function(data){this.options.data=data,this.refresh();},_proto.setTotal=function(total){this.options.total=total,this.options.data=void 0,this.refresh();},_proto.refresh=function(){this._reset(),this._syncContentHeight(),this._compute(true);},_proto.updateOptions=function(options){this.options=deepmerge(this.options,options,_OVERWRITE_MERGE_),this.refresh();},_proto.on=function(event,callback){this._eventEmitter.on(event,callback);},_proto.off=function(event,callback){this._eventEmitter.off(event,callback);},_proto.destroy=function(){this._destroyed||(this._wrapper.removeEventListener("scroll",this._onScroll),this._resizeObserver?(this._resizeObserver.disconnect(),this._resizeObserver=null):window.removeEventListener("resize",this._onResize),this._reset(),this._$content.parentNode===this._wrapper&&this._wrapper.removeChild(this._$content),this._wrapper.classList.remove("evscroll-wrapper"),this._eventEmitter.removeAllListeners(),this._destroyed=true);},_proto._resolveContainer=function(container){var el="string"==typeof container?document.querySelector(container):container;if(!el)throw new Error("[VirtualScroll] container not found: "+String(container));return el},_proto._syncContentHeight=function(){this._$content.style.height=this.getTotalCount()*this._itemHeight+"px";},_proto._onScroll=function(){var _this=this;this._eventEmitter.emit(EVENTS.scroll,this._wrapper.scrollTop),null==this.options.onScroll||this.options.onScroll.call(this.options,this._wrapper.scrollTop),this._ticking||(this._ticking=true,requestAnimationFrame(function(){_this._compute(false),_this._ticking=false;}));},_proto._setupResizeObserver=function(){var _this=this;"undefined"!=typeof ResizeObserver?(this._resizeObserver=new ResizeObserver(function(){return _this._onResize()}),this._resizeObserver.observe(this._wrapper)):window.addEventListener("resize",this._onResize);},_proto._onResize=function(){var h=this._wrapper.clientHeight;h!==this._containerHeight&&(this._containerHeight=h,this._compute(true));},_proto._compute=function(force){if(!this._destroyed){var total=this.getTotalCount();if(0!==total&&0!==this._containerHeight||(this._containerHeight=this._wrapper.clientHeight,0!==total)){var scrollTop=this._wrapper.scrollTop,itemHeight=this._itemHeight,buffer=this._buffer,rawStart=Math.floor(scrollTop/itemHeight),start=Math.max(0,rawStart-buffer),rawEnd=rawStart+Math.ceil(this._containerHeight/itemHeight)-1,end=Math.min(total-1,rawEnd+buffer);if(force||start!==this._startIndex||end!==this._endIndex){this._startIndex=start,this._endIndex=end,this._updateRange(start,end);var range={startIndex:start,endIndex:end};this._eventEmitter.emit(EVENTS.render,range),null==this.options.onRender||this.options.onRender.call(this.options,range),0===start&&this._eventEmitter.emit(EVENTS.reachTop),end===total-1&&this._eventEmitter.emit(EVENTS.reachBottom);}}else this._reset();}},_proto._updateRange=function(start,end){var _this=this,itemHeight=this._itemHeight,toRecycle=[];this._active.forEach(function(_el,idx){(idx<start||idx>end)&&toRecycle.push(idx);}),toRecycle.forEach(function(idx){var el=_this._active.get(idx);el&&(el.style.display="none",_this._pool.push(el)),_this._active.delete(idx);});for(var i=start;i<=end;i++)if(!this._active.has(i)){var el=this._pool.pop()||this._createItemEl();el.style.display="",el.style.top=i*itemHeight+"px",el.style.height=itemHeight+"px",el.setAttribute("data-index",String(i)),this._fillItem(el,i),el.parentNode!==this._$viewport&&this._$viewport.appendChild(el),this._active.set(i,el);}},_proto._createItemEl=function(){var el=document.createElement("div");return el.className="evscroll-item",el},_proto._fillItem=function(el,index){var left,right,item=this.options.data?this.options.data[index]:void 0,content=this.options.renderItem(index,item);left=content,(null!=(right=HTMLElement)&&"undefined"!=typeof Symbol&&right[Symbol.hasInstance]?right[Symbol.hasInstance](left):left instanceof right)?el.replaceChildren(content):el.innerHTML=null!=content?content:"";},_proto._reset=function(){this._active.clear(),this._pool=[],this._$viewport.replaceChildren(),this._startIndex=-1,this._endIndex=-1;},_create_class$9(VirtualScroll,[{key:"_itemHeight",get:function(){return this.options.itemHeight||DefaultOptions.itemHeight}},{key:"_buffer",get:function(){var _this_options_buffer;return null!=(_this_options_buffer=this.options.buffer)?_this_options_buffer:DefaultOptions.buffer}}]),VirtualScroll}();VirtualScroll.VERSION="0.0.1",VirtualScroll.EVENTS=EVENTS;
+	var EVENTS={render:"render",scroll:"scroll",reachTop:"reachTop",reachBottom:"reachBottom"},DefaultOptions={itemHeight:40,buffer:5,smooth:true};function _create_class$9(Constructor,protoProps,staticProps){return protoProps&&function(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false,descriptor.configurable=true,"value"in descriptor&&(descriptor.writable=true),Object.defineProperty(target,descriptor.key,descriptor);}}(Constructor.prototype,protoProps),Constructor}var _OVERWRITE_MERGE_={clone:false,arrayMerge:function(_dest,src){return src}},VirtualScroll=function(){function VirtualScroll(container,options){this._active=new Map,this._pool=[],this._heights=[],this._prefix=[],this._prefixDirty=false,this._containerHeight=0,this._startIndex=-1,this._endIndex=-1,this._ticking=false,this._destroyed=false,this._resizeObserver=null,this._eventEmitter=new EventEmitter,this.options=deepmerge(DefaultOptions,null!=options?options:{},_OVERWRITE_MERGE_),this._wrapper=this._resolveContainer(null!=container?container:this.options.container),this._onScroll=this._onScroll.bind(this),this._onResize=this._onResize.bind(this),this._wrapper.classList.add("evscroll-wrapper"),"static"===getComputedStyle(this._wrapper).position&&(this._wrapper.style.position="relative"),this._wrapper.style.overflowY="auto",this._$content=document.createElement("div"),this._$content.className="evscroll-content",this._$viewport=document.createElement("div"),this._$viewport.className="evscroll-viewport",this._$content.appendChild(this._$viewport),this._wrapper.appendChild(this._$content),this._containerHeight=this._wrapper.clientHeight,this._wrapper.addEventListener("scroll",this._onScroll,{passive:true}),this._setupResizeObserver(),this._initHeights(),this._syncContentHeight(),this._compute(true);}var _proto=VirtualScroll.prototype;return _proto.getTotalCount=function(){return this.options.data?this.options.data.length:this.options.total||0},_proto.getCurrentRange=function(){return {startIndex:this._startIndex,endIndex:this._endIndex}},_proto.scrollToIndex=function(index,smooth){var total=this.getTotalCount();if(index<0||index>=total)return  false;var top=this._offsetOf(index),useSmooth=void 0===smooth?this.options.smooth:smooth;return "function"==typeof this._wrapper.scrollTo?this._wrapper.scrollTo({top:top,behavior:useSmooth?"smooth":"auto"}):this._wrapper.scrollTop=top,true},_proto.scrollToTop=function(smooth){this.scrollToIndex(0,smooth);},_proto.scrollToBottom=function(smooth){var total=this.getTotalCount();total>0&&this.scrollToIndex(total-1,smooth);},_proto.setData=function(data){this.options.data=data,this.refresh();},_proto.setTotal=function(total){this.options.total=total,this.options.data=void 0,this.refresh();},_proto.refresh=function(){this._reset(),this._initHeights(),this._syncContentHeight(),this._compute(true);},_proto.updateOptions=function(options){this.options=deepmerge(this.options,options,_OVERWRITE_MERGE_),this.refresh();},_proto.on=function(event,callback){this._eventEmitter.on(event,callback);},_proto.off=function(event,callback){this._eventEmitter.off(event,callback);},_proto.destroy=function(){this._destroyed||(this._wrapper.removeEventListener("scroll",this._onScroll),this._resizeObserver?(this._resizeObserver.disconnect(),this._resizeObserver=null):window.removeEventListener("resize",this._onResize),this._reset(),this._$content.parentNode===this._wrapper&&this._wrapper.removeChild(this._$content),this._wrapper.classList.remove("evscroll-wrapper"),this._eventEmitter.removeAllListeners(),this._destroyed=true);},_proto._resolveContainer=function(container){var el="string"==typeof container?document.querySelector(container):container;if(!el)throw new Error("[VirtualScroll] container not found: "+String(container));return el},_proto._estimated=function(){var _this_options_estimatedItemHeight,ih=this.options.itemHeight;return null!=(_this_options_estimatedItemHeight=this.options.estimatedItemHeight)?_this_options_estimatedItemHeight:"number"==typeof ih&&ih>0?ih:DefaultOptions.itemHeight},_proto._baseHeightAt=function(index){var ih=this.options.itemHeight;if("function"==typeof ih){var h=ih(index,this.options.data?this.options.data[index]:void 0);return h>0?h:this._estimated()}return this._estimated()},_proto._initHeights=function(){if(!this._variable)return this._heights=[],this._prefix=[],void(this._prefixDirty=false);for(var total=this.getTotalCount(),heights=new Array(total),i=0;i<total;i++)heights[i]=this._baseHeightAt(i);this._heights=heights,this._prefixDirty=true,this._ensurePrefix();},_proto._ensurePrefix=function(){if(this._variable){var total=this.getTotalCount();if(this._prefixDirty||this._prefix.length!==total+1){var prefix=new Array(total+1);prefix[0]=0;for(var i=0;i<total;i++)prefix[i+1]=prefix[i]+(this._heights[i]||0);this._prefix=prefix,this._prefixDirty=false;}}},_proto._offsetOf=function(index){if(this._variable){this._ensurePrefix();var i=Math.max(0,Math.min(index,this.getTotalCount()));return this._prefix[i]||0}return index*this._fixedHeight},_proto._heightOf=function(index){return this._variable?this._heights[index]||0:this._fixedHeight},_proto._totalHeight=function(){return this._variable?(this._ensurePrefix(),this._prefix[this.getTotalCount()]||0):this.getTotalCount()*this._fixedHeight},_proto._findStartIndex=function(scrollTop){var total=this.getTotalCount();if(0===total)return 0;if(!this._variable)return Math.min(total-1,Math.max(0,Math.floor(scrollTop/this._fixedHeight)));this._ensurePrefix();for(var lo=0,hi=total;lo<hi;){var mid=lo+hi+1>>1;this._prefix[mid]<=scrollTop?lo=mid:hi=mid-1;}return Math.min(lo,total-1)},_proto._syncContentHeight=function(){this._$content.style.height=this._totalHeight()+"px";},_proto._onScroll=function(){var _this=this;this._eventEmitter.emit(EVENTS.scroll,this._wrapper.scrollTop),null==this.options.onScroll||this.options.onScroll.call(this.options,this._wrapper.scrollTop),this._ticking||(this._ticking=true,requestAnimationFrame(function(){_this._compute(false),_this._ticking=false;}));},_proto._setupResizeObserver=function(){var _this=this;"undefined"!=typeof ResizeObserver?(this._resizeObserver=new ResizeObserver(function(){return _this._onResize()}),this._resizeObserver.observe(this._wrapper)):window.addEventListener("resize",this._onResize);},_proto._onResize=function(){var h=this._wrapper.clientHeight;h!==this._containerHeight&&(this._containerHeight=h,this._compute(true));},_proto._compute=function(force){if(!this._destroyed){var total=this.getTotalCount();if((0===total||0===this._containerHeight)&&(this._containerHeight=this._wrapper.clientHeight,0===total))return this._reset(),void(this._$content.style.height="0px");var start,end,scrollTop=this._wrapper.scrollTop,buffer=this._buffer;if(this._variable)this._ensurePrefix(),start=Math.max(0,this._findStartIndex(scrollTop)-buffer),end=Math.min(total-1,this._findStartIndex(scrollTop+this._containerHeight)+buffer);else {var itemHeight=this._fixedHeight,rawStart=Math.floor(scrollTop/itemHeight);start=Math.max(0,rawStart-buffer);var capacity=Math.ceil(this._containerHeight/itemHeight);end=Math.min(total-1,rawStart+capacity-1+buffer);}if(force||start!==this._startIndex||end!==this._endIndex){if(this._startIndex=start,this._endIndex=end,this._updateRange(start,end),this._dynamic&&this._measureAndAdjust()){var st=this._wrapper.scrollTop,s2=Math.max(0,this._findStartIndex(st)-buffer),e2=Math.min(total-1,this._findStartIndex(st+this._containerHeight)+buffer);s2===start&&e2===end||(this._startIndex=s2,this._endIndex=e2,this._updateRange(s2,e2),start=s2,end=e2);}var range={startIndex:start,endIndex:end};this._eventEmitter.emit(EVENTS.render,range),null==this.options.onRender||this.options.onRender.call(this.options,range),0===start&&this._eventEmitter.emit(EVENTS.reachTop),end===total-1&&this._eventEmitter.emit(EVENTS.reachBottom);}}},_proto._measureAndAdjust=function(){var _this=this,changed=false;if(this._active.forEach(function(el,idx){var h=el.offsetHeight;h>0&&Math.abs(h-(_this._heights[idx]||0))>.5&&(_this._heights[idx]=h,changed=true);}),!changed)return  false;var anchorIdx=this._startIndex>=0?this._startIndex:0,gap=this._wrapper.scrollTop-this._offsetOf(anchorIdx);this._prefixDirty=true,this._ensurePrefix(),this._$content.style.height=this._totalHeight()+"px",this._repositionActive();var newScrollTop=this._offsetOf(anchorIdx)+gap;return newScrollTop>=0&&Math.abs(newScrollTop-this._wrapper.scrollTop)>.5&&(this._wrapper.scrollTop=newScrollTop),true},_proto._repositionActive=function(){var _this=this;this._active.forEach(function(el,idx){el.style.top=_this._offsetOf(idx)+"px";});},_proto._updateRange=function(start,end){var _this=this,toRecycle=[];this._active.forEach(function(_el,idx){(idx<start||idx>end)&&toRecycle.push(idx);}),toRecycle.forEach(function(idx){var el=_this._active.get(idx);el&&(el.style.display="none",_this._pool.push(el)),_this._active.delete(idx);});for(var i=start;i<=end;i++)if(!this._active.has(i)){var el=this._pool.pop()||this._createItemEl();el.style.display="",el.style.top=this._offsetOf(i)+"px",el.style.height=this._dynamic?"":this._heightOf(i)+"px",el.setAttribute("data-index",String(i)),this._fillItem(el,i),el.parentNode!==this._$viewport&&this._$viewport.appendChild(el),this._active.set(i,el);}},_proto._createItemEl=function(){var el=document.createElement("div");return el.className="evscroll-item",el},_proto._fillItem=function(el,index){var left,right,item=this.options.data?this.options.data[index]:void 0,content=this.options.renderItem(index,item);left=content,(null!=(right=HTMLElement)&&"undefined"!=typeof Symbol&&right[Symbol.hasInstance]?right[Symbol.hasInstance](left):left instanceof right)?el.replaceChildren(content):el.innerHTML=null!=content?content:"";},_proto._reset=function(){this._active.clear(),this._pool=[],this._$viewport.replaceChildren(),this._startIndex=-1,this._endIndex=-1;},_create_class$9(VirtualScroll,[{key:"_dynamic",get:function(){return !!this.options.dynamicHeight}},{key:"_variable",get:function(){return this._dynamic||"function"==typeof this.options.itemHeight}},{key:"_fixedHeight",get:function(){var ih=this.options.itemHeight;return "number"==typeof ih&&ih>0?ih:DefaultOptions.itemHeight}},{key:"_buffer",get:function(){var _this_options_buffer;return null!=(_this_options_buffer=this.options.buffer)?_this_options_buffer:DefaultOptions.buffer}}]),VirtualScroll}();VirtualScroll.VERSION="0.0.2",VirtualScroll.EVENTS=EVENTS;
 
 	/*
-	* @ezuikit/control-rec-list-modal v0.0.1
-	* Copyright (c) 2026-08-03 09:25:39 Ezviz-OpenBiz
+	* @ezuikit/control-rec-list-modal v0.0.2
+	* Copyright (c) 2026-09-15 12:43:31 Ezviz-OpenBiz
 	* Released under the MIT License.
 	*/
-	var __$IMAGE_LAZY_LOADER_DEFAULT_OPTIONS$__$1={targets:[],root:null,rootMargin:"0px",threshold:.1,loadingClass:"ez-lazy-image-loading",loadedClass:"ez-lazy-image-loaded",loadedErrorClass:"ez-lazy-image-error",dwell:200,onLoadError:function(){}},ImageLazyLoader$1=function(){function ImageLazyLoader(options){ void 0===options&&(options={}),this._pendingTimers=new Map,this.options=Object.assign({},__$IMAGE_LAZY_LOADER_DEFAULT_OPTIONS$__$1,options),this._observer=null,this._init();}var _proto=ImageLazyLoader.prototype;return _proto._init=function(){var _this=this;ImageLazyLoader.isSupported&&(this._observer=new IntersectionObserver(function(entries){entries.forEach(function(entry){var target=entry.target;if(entry.isIntersecting){if(_this._pendingTimers.has(target))return;var timer=setTimeout(function(){var _this__observer;_this._pendingTimers.delete(target),_this._loadImage(target),null==(_this__observer=_this._observer)||_this__observer.unobserve(target);},_this.options.dwell);_this._pendingTimers.set(target,timer);}else {var timer1=_this._pendingTimers.get(target);void 0!==timer1&&(clearTimeout(timer1),_this._pendingTimers.delete(target));}});},this.options)),this.addImages(this.options.targets);},_proto._loadImage=function(img){var _img_classList,_img_classList1,_img_classList2,_this=this;if(img&&!(null==(_img_classList=img.classList)?void 0:_img_classList.contains(this.options.loadingClass))&&!(null==(_img_classList1=img.classList)?void 0:_img_classList1.contains(this.options.loadedClass))&&!(null==(_img_classList2=img.classList)?void 0:_img_classList2.contains(this.options.loadedErrorClass))&&img.hasAttribute("data-src")){var _this1=this;img.classList.add(this.options.loadingClass);var tempImg=new Image;tempImg.onload=function(){img.src=img.dataset.src,img.classList.remove(_this.options.loadingClass),img.classList.add(_this.options.loadedClass),img.dispatchEvent(new Event("lazyloaded"));},tempImg.onerror=function(){img.classList.remove(_this.options.loadingClass),img.classList.add(_this.options.loadedErrorClass),null==_this1.options.onLoadError||_this1.options.onLoadError.call(_this1.options,img);},tempImg.src=img.dataset.src;}},_proto.addImages=function(targets){var _this=this;(null==targets?void 0:targets.length)&&targets.forEach(function(target){var _this__observer;(null==target?void 0:target.hasAttribute("data-src"))&&(ImageLazyLoader.isSupported&&_this._observer?null==(_this__observer=_this._observer)||_this__observer.observe(target):_this._loadImage(target));});},_proto.destroy=function(){this._pendingTimers.forEach(function(timer){return clearTimeout(timer)}),this._pendingTimers.clear(),this._observer&&(this._observer.disconnect(),this._observer=null);},ImageLazyLoader}();function _create_class$1$3(Constructor,protoProps,staticProps){return protoProps&&function(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false,descriptor.configurable=true,"value"in descriptor&&(descriptor.writable=true),Object.defineProperty(target,descriptor.key,descriptor);}}(Constructor.prototype,protoProps),Constructor}ImageLazyLoader$1.isSupported="IntersectionObserver"in window;var _PREFIX_$1="ez-rec-list-modal-checkbox",Checkbox=function(){function Checkbox(options){var _options_checked,_options_disabled,_options_label,_options_size;void 0===options&&(options={}),this._$label=null,this._destroyed=false,this.options={checked:null!=(_options_checked=options.checked)&&_options_checked,disabled:null!=(_options_disabled=options.disabled)&&_options_disabled,label:null!=(_options_label=options.label)?_options_label:"",size:null!=(_options_size=options.size)?_options_size:16,onChange:options.onChange},this._onChange=this._onChange.bind(this),this._$root=document.createElement("label"),this._$root.className=_PREFIX_$1,this._$root.style.setProperty("--ez-rec-list-modal-checkbox-size",this.options.size+"px"),this._$input=document.createElement("input"),this._$input.type="checkbox",this._$input.className=_PREFIX_$1+"-input",this._$input.checked=this.options.checked,this._$input.disabled=this.options.disabled,this._$input.addEventListener("change",this._onChange),this._$root.appendChild(this._$input),this._$box=document.createElement("span"),this._$box.className=_PREFIX_$1+"-box",this._$box.innerHTML='<span class="'+_PREFIX_$1+'-check"><svg viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M3.5 8.4 6.4 11.3 12.5 4.9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>',this._$root.appendChild(this._$box),this.options.label&&(this._$label=document.createElement("span"),this._$label.className=_PREFIX_$1+"-label",this._$label.textContent=this.options.label,this._$root.appendChild(this._$label)),this._syncState();}var _proto=Checkbox.prototype;return _proto.setChecked=function(checked,emit){ void 0===emit&&(emit=false),this._$input.checked!==checked&&(this._$input.checked=checked,this._syncState(),emit&&(null==this.options.onChange||this.options.onChange.call(this.options,checked)));},_proto.setDisabled=function(disabled){this.options.disabled=disabled,this._$input.disabled=disabled,this._syncState();},_proto.setLabel=function(label){this.options.label=label,label?(this._$label||(this._$label=document.createElement("span"),this._$label.className=_PREFIX_$1+"-label",this._$root.appendChild(this._$label)),this._$label.textContent=label):this._$label&&(this._$label.remove(),this._$label=null);},_proto.destroy=function(){this._destroyed||(this._destroyed=true,this._$input.removeEventListener("change",this._onChange),this._$root.remove());},_proto._onChange=function(){this._syncState(),null==this.options.onChange||this.options.onChange.call(this.options,this._$input.checked);},_proto._syncState=function(){this._$root.classList.toggle(_PREFIX_$1+"-checked",this._$input.checked),this._$root.classList.toggle(_PREFIX_$1+"-disabled",this.options.disabled);},_create_class$1$3(Checkbox,[{key:"el",get:function(){return this._$root}},{key:"checked",get:function(){return this._$input.checked}}]),Checkbox}(),_$REC_EVENT_ICONS$__playing='<svg viewBox="0 0 16 16" fill="currentColor" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="playing">\n    <rect x="1.5" y="7" width="3" height="7.5" rx="1.5"/>\n    <rect x="6.5" y="3" width="3" height="11.5" rx="1.5"/>\n    <rect x="11" y="5.5" width="3" height="9" rx="1.5"/>\n  </svg>',_$REC_EVENT_ICONS$__humanDetection='<svg viewBox="0 0 16 16" fill="none" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="humanDetection">\n    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.42689 10.122L5.78846 9.81738C5.5102 9.68459 5.33301 9.4037 5.33301 9.09537V6.6667C5.33301 6.22487 5.69118 5.8667 6.13301 5.8667H9.86634C10.3082 5.8667 10.6663 6.22487 10.6663 6.6667V9.10694C10.6663 9.40926 10.4959 9.68576 10.2258 9.82162L9.62858 10.122H6.42689Z" fill="currentColor"/>\n    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.00039 2.1333C8.88405 2.1333 9.60039 2.84965 9.60039 3.7333C9.60039 4.61696 8.88405 5.3333 8.00039 5.3333C7.11674 5.3333 6.40039 4.61696 6.40039 3.7333C6.40039 2.84965 7.11674 2.1333 8.00039 2.1333Z" fill="currentColor"/>\n    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.80039 9.06689C9.24222 9.06689 9.60039 9.42507 9.60039 9.8669V13.0669C9.60039 13.5087 9.24222 13.8669 8.80039 13.8669H7.20039C6.75856 13.8669 6.40039 13.5087 6.40039 13.0669V9.8669C6.40039 9.42507 6.75856 9.06689 7.20039 9.06689H8.80039Z" fill="currentColor"/>\n    <path d="M4.26628 2.6665H2.93294C2.19694 2.6665 1.59961 3.26325 1.59961 3.99984V5.33317" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>\n    <path d="M1.59961 10.6665V11.9998C1.59961 12.7358 2.19694 13.3332 2.93294 13.3332H4.26628" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>\n    <path d="M11.7334 13.3332H13.0667C13.8033 13.3332 14.4001 12.7358 14.4001 11.9998V10.6665" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>\n    <path d="M14.4001 5.33317V3.99984C14.4001 3.26325 13.8033 2.6665 13.0667 2.6665H11.7334" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>\n  </svg>',_$REC_EVENT_ICONS$__vehicleDetection='<svg viewBox="0 0 16 16" fill="none" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="vehicleDetection">\n    <path d="M14.2522 6.62695L12.6147 7.25195" stroke="currentColor" stroke-width="0.9375" stroke-linecap="round" stroke-linejoin="round"/>\n    <path d="M3.39233 7.25L1.74854 6.625" stroke="currentColor" stroke-width="0.9375" stroke-linecap="round" stroke-linejoin="round"/>\n    <path d="M12.6116 7.25L12.0872 4.7425C11.9354 4.01875 11.2972 3.5 10.5572 3.5H5.50722C4.7816 3.5 4.15098 4 3.98598 4.70687L3.3916 7.25" stroke="currentColor" stroke-width="0.9375" stroke-linecap="round" stroke-linejoin="round"/>\n    <path d="M12.375 7.25098C13.4106 7.25098 14.25 8.09035 14.25 9.12598V12.1523C14.247 12.3407 11.125 11.9375 11.125 11.9375H4.875C4.875 11.9375 1.7522 12.4275 1.75 12.2822V9.12598C1.75 8.09035 2.58938 7.25098 3.625 7.25098H12.375ZM4.09375 9.28125L4.03027 9.28516C3.80148 9.3162 3.625 9.51269 3.625 9.75C3.625 10.0089 3.83487 10.2188 4.09375 10.2188H5.65625L5.71973 10.2148C5.94852 10.1838 6.125 9.98731 6.125 9.75C6.125 9.49112 5.91513 9.28125 5.65625 9.28125H4.09375ZM10.2803 9.28516C10.0515 9.3162 9.875 9.51269 9.875 9.75C9.875 10.0089 10.0849 10.2188 10.3438 10.2188H11.9062L11.9697 10.2148C12.1985 10.1838 12.375 9.98731 12.375 9.75C12.375 9.49112 12.1651 9.28125 11.9062 9.28125H10.3438L10.2803 9.28516Z" fill="currentColor"/>\n    <path fill-rule="evenodd" clip-rule="evenodd" d="M14.25 9.125C14.25 8.08938 13.4106 7.25 12.375 7.25H3.625C2.58938 7.25 1.75 8.08938 1.75 9.125V12.0373H14.25V9.125V9.125Z" stroke="currentColor" stroke-width="0.9375" stroke-linecap="round" stroke-linejoin="round"/>\n    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5625 13.4998C5.08 13.4998 5.5 13.0798 5.5 12.5623V11.9373L2.375 11.875V12.7185C2.375 13.1498 2.725 13.4998 3.15625 13.4998H4.5625Z" fill="currentColor" stroke="currentColor" stroke-width="0.9375" stroke-linecap="round" stroke-linejoin="round"/>\n    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.6877 13.4998C13.2052 13.4998 13.6252 13.0798 13.6252 12.5623V11.9373L10.5002 11.875V12.7185C10.5002 13.1498 10.8502 13.4998 11.2815 13.4998H12.6877Z" fill="currentColor" stroke="currentColor" stroke-width="0.9375" stroke-linecap="round" stroke-linejoin="round"/>\n  </svg>',_$REC_EVENT_ICONS$__picture='\n    <svg viewBox="0 0 19.1613 19.4583" fill="currentColor" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="picture">\n        <path d="M15.3276 2.63477L3.83173 2.63477C2.70848 2.63477 1.79541 3.55027 1.79541 4.68419L1.79541 14.7737C1.79541 15.9076 2.70848 16.8231 3.83173 16.8231L15.3276 16.8231C16.4504 16.8231 17.364 15.9074 17.364 14.7737L17.364 4.68419C17.364 3.55027 16.4509 2.63477 15.3276 2.63477ZM3.83247 3.851L15.3284 3.851C15.7936 3.851 16.1671 4.22551 16.1671 4.68429L16.1671 14.7738C16.1671 15.2323 15.7932 15.6071 15.3284 15.6071L3.83247 15.6071C3.36725 15.6071 2.99373 15.2326 2.99373 14.7738L2.99373 12.2622L6.7356 9.56381L6.78139 9.53916C6.84532 9.51493 6.91856 9.52524 6.9742 9.56947L13.2644 14.5698L13.3381 14.62C13.5918 14.7666 13.9197 14.7063 14.105 14.4658C14.3089 14.2014 14.263 13.8192 14.0026 13.6122L7.71239 8.61184L7.60526 8.5346C7.12945 8.22451 6.51026 8.23473 6.04222 8.57224L2.99373 10.7706L2.99373 4.68429C2.99373 4.22551 3.36725 3.851 3.83247 3.851ZM10.5794 7.29679C10.5794 6.06542 11.5624 5.0672 12.7749 5.0672C13.9875 5.0672 14.9705 6.06542 14.9705 7.29679C14.9705 8.52817 13.9875 9.52639 12.7749 9.52639C11.5624 9.52639 10.5794 8.52817 10.5794 7.29679ZM13.7722 7.2967C13.7722 6.73699 13.3254 6.28325 12.7742 6.28325C12.223 6.28325 11.7762 6.73699 11.7762 7.2967C11.7762 7.85642 12.223 8.31015 12.7742 8.31015C13.3254 8.31015 13.7722 7.85642 13.7722 7.2967Z" fill-rule="evenodd"/>\n    </svg>\n    ',_$REC_LIST_MODAL_LOCALES$_={zh:{title:"录像片段",empty:"暂无录像",eventFilter:"事件片段"},en:{title:"Recordings",empty:"No recordings",eventFilter:"Event"}};function _create_class$8(Constructor,protoProps,staticProps){return protoProps&&function(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false,descriptor.configurable=true,"value"in descriptor&&(descriptor.writable=true),Object.defineProperty(target,descriptor.key,descriptor);}}(Constructor.prototype,protoProps),Constructor}function _extends$f(){return _extends$f=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key]);}return target},_extends$f.apply(this,arguments)}function _set_prototype_of$g(o,p){return _set_prototype_of$g=Object.setPrototypeOf||function(o,p){return o.__proto__=p,o},_set_prototype_of$g(o,p)}var _PREFIX_="ez-rec-list-modal",_ICON_EVENT_='<svg viewBox="0 0 16 16" width="14" height="14" fill="currentColor" aria-hidden="true"><path d="M11.5 1.5H4.5a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1v-11a1 1 0 0 0-1-1Zm0 1.1v10.8h-7V2.6h7ZM6 5.2h4v-1H6v1Zm0 2.3h4v-1H6v1Zm0 2.3h2.7v-1H6v1Z"/></svg>',_REC_EVENT_ICONS_={1:_ICON_EVENT_,2:_ICON_EVENT_,3:_$REC_EVENT_ICONS$__humanDetection,4:'<svg viewBox="0 0 16 16" fill="none" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="faceDetection">\n    <path d="M4.26628 2.66602H2.93294C2.19694 2.66602 1.59961 3.26276 1.59961 3.99935V5.33268" stroke="currentColor" stroke-opacity="0.6" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>\n    <path d="M1.59961 10.666V11.9993C1.59961 12.7353 2.19694 13.3327 2.93294 13.3327H4.26628" stroke="currentColor" stroke-opacity="0.6" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>\n    <path d="M11.7334 13.3327H13.0667C13.8033 13.3327 14.4001 12.7353 14.4001 11.9993V10.666" stroke="currentColor" stroke-opacity="0.6" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>\n    <path d="M14.4001 5.33268V3.99935C14.4001 3.26276 13.8033 2.66602 13.0667 2.66602H11.7334" stroke="currentColor" stroke-opacity="0.6" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>\n    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.26636 8.53273C4.26636 8.53273 3.74805 8.7145 3.74805 9.32262C3.74805 9.93074 4.12968 10.4493 4.62191 10.4493C4.73317 10.9272 5.97651 13.0867 8.08858 13.0867C10.0905 13.0867 11.5552 10.3969 11.5552 10.3969C11.5552 10.3969 12.2716 10.1395 12.2518 9.32262C12.2325 8.69788 11.7965 8.53273 11.7965 8.53273C11.7965 8.53273 12.1055 5.56552 9.99785 4.3185C7.89022 3.07148 6.36571 4.5319 6.36571 4.5319C6.36571 4.5319 4.11766 4.87602 4.2222 7.69628" fill="currentColor"/>\n  </svg>',5:_$REC_EVENT_ICONS$__vehicleDetection,6:'<svg viewBox="0 0 16 16" fill="none" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="petDetection">\n    <path d="M10.134 2.66309C11.9012 2.66316 13.3341 4.09615 13.3342 5.86328V10.6641C13.334 12.4311 11.9011 13.8632 10.134 13.8633H5.86743C4.10029 13.8633 2.6675 12.4311 2.66724 10.6641V5.86328C2.66739 4.09611 4.10022 2.66309 5.86743 2.66309H10.134ZM7.97583 7.95312C7.5222 7.95327 7.15454 8.32075 7.15454 8.77441C7.15459 9.07899 7.32174 9.34112 7.56763 9.4834C7.5526 9.52337 7.54321 9.56694 7.54321 9.6123C7.54296 10.2798 6.9996 10.8223 6.33228 10.8223C6.13114 10.8224 5.96802 10.9863 5.96802 11.1875C5.96822 11.3882 6.13127 11.5516 6.33228 11.5518C7.0251 11.5518 7.63284 11.185 7.97583 10.6367C8.31908 11.1851 8.92713 11.5518 9.62036 11.5518C9.82129 11.5516 9.98442 11.3881 9.98462 11.1875C9.98462 10.9864 9.8214 10.8225 9.62036 10.8223C8.95273 10.8223 8.4087 10.2798 8.40845 9.6123C8.40845 9.56694 8.39906 9.52337 8.38403 9.4834C8.63004 9.34115 8.79805 9.07907 8.7981 8.77441C8.7981 8.32066 8.42989 7.95312 7.97583 7.95312ZM5.06665 5.87207C4.62483 5.87226 4.26685 6.23032 4.26685 6.67188C4.26708 7.11353 4.62497 7.47149 5.06665 7.47168C5.50818 7.47168 5.86622 7.11365 5.86646 6.67188C5.86646 6.2302 5.50832 5.87207 5.06665 5.87207ZM10.9338 5.87207C10.492 5.87226 10.134 6.23032 10.134 6.67188C10.1343 7.11353 10.4922 7.47149 10.9338 7.47168C11.3754 7.47168 11.7334 7.11365 11.7336 6.67188C11.7336 6.2302 11.3755 5.87207 10.9338 5.87207Z" fill="currentColor"/>\n    <path d="M12.8 4.08984C12.9449 4.28499 13.0671 4.49562 13.1633 4.71777L15.1584 8.09668C15.4833 8.64759 15.5543 9.28148 15.3577 9.88086C15.1613 10.4797 14.7204 10.9735 14.1174 11.2705C13.8537 11.4002 13.4576 11.4741 13.1633 11.5137C13.0759 11.7889 12.9522 12.0484 12.8 12.2891V4.08984Z" fill="currentColor" fill-opacity="0.6"/>\n    <path d="M3.19946 12.4372C3.05452 12.242 2.93249 12.0315 2.83618 11.8093L0.841064 8.43039C0.51612 7.87943 0.44519 7.24568 0.641846 6.64621C0.838188 6.04713 1.27893 5.5536 1.88208 5.25656C2.14581 5.12684 2.54188 5.05303 2.83618 5.0134C2.92354 4.73812 3.04729 4.47872 3.19946 4.23801L3.19946 12.4372Z" fill="currentColor" fill-opacity="0.6"/>\n  </svg>',ALRAM:_ICON_EVENT_,TIMIING:_ICON_EVENT_,CAR:_$REC_EVENT_ICONS$__vehicleDetection,HD:_$REC_EVENT_ICONS$__humanDetection},_$REC_LIST_MODAL_DEFAULT_OPTIONS$_={width:260,height:490,buffer:5,startTimeFormat:"HH:mm",groupTitleFormat:"HH:00",showEventFilter:false,showCardTypeIcon:false,eventFilterChecked:false},RecListModal=function(Modal){function RecListModal(container,options){var _this,_ref,_ref1,_ref2,_ref3,_ref4,_ref5,_ref6,_ref7,_ref8,_ref9;(_this=Modal.call(this,container,RecListModal._mergeModalOptions(options))||this)._$titleWrap=null,_this._eventCheckbox=null,_this._virtualScroll=null,_this._lazyLoader=null,_this._rows=[],_this._sortedSections=[],_this._eventOnly=false,_this._vsInited=false,_this._recordDestroyed=false,_this._activeIndex=-1,_this._userInteracting=false,_this._userScrollTimer=null;var def=_$REC_LIST_MODAL_DEFAULT_OPTIONS$_;return _this._recI18n=new I18n(deepmerge(_$REC_LIST_MODAL_LOCALES$_,_this.options.locales||{},{clone:false}),{defaultLocale:_this.options.language||"zh"}),_this.recordOptions={sections:null!=(_ref=null==options?void 0:options.sections)?_ref:[],buffer:null!=(_ref1=null==options?void 0:options.buffer)?_ref1:def.buffer,coverQuery:null!=(_ref2=null==options?void 0:options.coverQuery)?_ref2:"",startTimeFormat:null!=(_ref3=null==options?void 0:options.startTimeFormat)?_ref3:def.startTimeFormat,groupTitleFormat:null!=(_ref4=null==options?void 0:options.groupTitleFormat)?_ref4:def.groupTitleFormat,emptyText:null!=(_ref5=null==options?void 0:options.emptyText)?_ref5:String(_this._recI18n.t("empty")),showEventFilter:null!=(_ref6=null==options?void 0:options.showEventFilter)?_ref6:def.showEventFilter,eventFilterText:null!=(_ref7=null==options?void 0:options.eventFilterText)?_ref7:String(_this._recI18n.t("eventFilter")),eventFilterChecked:null!=(_ref8=null==options?void 0:options.eventFilterChecked)?_ref8:def.eventFilterChecked,showCardTypeIcon:null!=(_ref9=null==options?void 0:options.showCardTypeIcon)?_ref9:def.showCardTypeIcon,isEvent:null==options?void 0:options.isEvent,renderCardIcon:null==options?void 0:options.renderCardIcon,onCardClick:null==options?void 0:options.onCardClick},_this._eventOnly=_this.recordOptions.eventFilterChecked,_this._activeTime="number"==typeof(null==options?void 0:options.activeTime)?options.activeTime:void 0,_this._titleText="string"==typeof(null==options?void 0:options.title)?options.title:String(_this._recI18n.t("title")),_this.setTitle(_this._buildHeaderTitle()),_this._$listRoot=document.createElement("div"),_this._$listRoot.className=_PREFIX_+"-list",_this._$empty=document.createElement("div"),_this._$empty.className=_PREFIX_+"-empty",_this._$empty.textContent=_this.recordOptions.emptyText,_this._$empty.style.display="none",_this._$listRoot.appendChild(_this._$empty),_this.setContent(_this._$listRoot),_this._onListClick=_this._onListClick.bind(_this),_this._onUserScroll=_this._onUserScroll.bind(_this),_this._$listRoot.addEventListener("click",_this._onListClick),_this._buildRows(),_this.isVisible()&&_this._ensureVirtualScroll(),_this}!function(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)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}}),superClass&&_set_prototype_of$g(subClass,superClass);}(RecListModal,Modal);var _proto=RecListModal.prototype;return _proto.open=function(){Modal.prototype.open.call(this),this._$listRoot&&(this._ensureVirtualScroll(),this._userInteracting=false,this._userScrollTimer&&(clearTimeout(this._userScrollTimer),this._userScrollTimer=null),this._scrollToActive(true));},_proto.setSections=function(sections){this.recordOptions.sections=sections||[],this._buildRows(),this._virtualScroll?this._virtualScroll.setData(this._rows):this.isVisible()&&this._ensureVirtualScroll(),this._toggleEmpty();},_proto.setActiveTime=function(time){this._activeTime="number"==typeof time?time:void 0,this._refreshActiveState(),this._scrollToActive();},_proto.showEventFilter=function(show){var _this=this;if(this.recordOptions.showEventFilter=show,show){var _this__$titleWrap;if(this._eventCheckbox)return;var checkbox=new Checkbox({label:this.recordOptions.eventFilterText,checked:this._eventOnly,onChange:function(checked){return _this._onEventFilterChange(checked)}});checkbox.el.addEventListener("mousedown",function(e){return e.stopPropagation()}),checkbox.el.addEventListener("touchstart",function(e){return e.stopPropagation()}),null==(_this__$titleWrap=this._$titleWrap)||_this__$titleWrap.appendChild(checkbox.el),this._eventCheckbox=checkbox;}else {if(!this._eventCheckbox)return;this._eventCheckbox.destroy(),this._eventCheckbox=null;}},_proto.destroy=function(){var _this__eventCheckbox,_this__virtualScroll,_this__lazyLoader;this._recordDestroyed||(this._recordDestroyed=true,null==(_this__eventCheckbox=this._eventCheckbox)||_this__eventCheckbox.destroy(),this._eventCheckbox=null,this._userScrollTimer&&(clearTimeout(this._userScrollTimer),this._userScrollTimer=null),this._$listRoot.removeEventListener("click",this._onListClick),this._$listRoot.removeEventListener("wheel",this._onUserScroll),this._$listRoot.removeEventListener("touchmove",this._onUserScroll),null==(_this__virtualScroll=this._virtualScroll)||_this__virtualScroll.destroy(),this._virtualScroll=null,null==(_this__lazyLoader=this._lazyLoader)||_this__lazyLoader.destroy(),this._lazyLoader=null),Modal.prototype.destroy.call(this);},_proto._rowHeight=function(row){return row&&"header"===row.type?28:this._cardRowHeight},_proto._buildHeaderTitle=function(){var _this=this,wrap=document.createElement("div");wrap.className=_PREFIX_+"-title",this._$titleWrap=wrap;var text=document.createElement("span");if(text.className=_PREFIX_+"-title-text",text.textContent=this._titleText,wrap.appendChild(text),this.recordOptions.showEventFilter){var checkbox=new Checkbox({label:this.recordOptions.eventFilterText,checked:this._eventOnly,onChange:function(checked){return _this._onEventFilterChange(checked)}});checkbox.el.addEventListener("mousedown",function(e){return e.stopPropagation()}),checkbox.el.addEventListener("touchstart",function(e){return e.stopPropagation()}),wrap.appendChild(checkbox.el),this._eventCheckbox=checkbox;}return wrap},_proto._onEventFilterChange=function(checked){var _this__virtualScroll;this._eventOnly=checked,this._buildRows(),null==(_this__virtualScroll=this._virtualScroll)||_this__virtualScroll.setData(this._rows),this._toggleEmpty();},_proto._ensureVirtualScroll=function(){var _this__virtualScroll,_this=this;this._recordDestroyed||(this._toggleEmpty(),this._vsInited?(null==(_this__virtualScroll=this._virtualScroll)||_this__virtualScroll.refresh(),this._observeVisibleImages()):(this._vsInited=true,this._lazyLoader=new ImageLazyLoader$1({root:this._$listRoot}),this._virtualScroll=new VirtualScroll(this._$listRoot,{data:this._rows,itemHeight:function(_index,row){return _this._rowHeight(row)},buffer:this.recordOptions.buffer,renderItem:function(index,item){return _this._renderRow(index,item)},onRender:function(){return _this._observeVisibleImages()}}),this._observeVisibleImages(),this._$listRoot.addEventListener("wheel",this._onUserScroll,{passive:true}),this._$listRoot.addEventListener("touchmove",this._onUserScroll,{passive:true}),this._scrollToActive(true)));},_proto._toggleEmpty=function(){this._$empty&&(this._$empty.style.display=0===this._rows.length?"":"none");},_proto._isEvent=function(section){return "function"==typeof this.recordOptions.isEvent?this.recordOptions.isEvent(section):!!_REC_EVENT_ICONS_[section.EVENT_TYPE]},_proto._buildRows=function(){var _this=this;this._activeIndex=-1;var sorted=(this.recordOptions.sections||[]).filter(function(s){return s&&"number"==typeof s.startTime&&"number"==typeof s.endTime}).filter(function(s){return !_this._eventOnly||_this._isEvent(s)}).slice().reverse();this._sortedSections=sorted;for(var rows=[],groups=new Map,i=0;i<sorted.length;i++){var section=sorted[i],key=distExports$3.DateTime.format(section.startTime,"YYYY-MM-DD HH"),bucket=groups.get(key);bucket||(bucket=[],groups.set(key,bucket)),bucket.push({section:section,index:i});}groups.forEach(function(bucket){rows.push({type:"header",title:distExports$3.DateTime.format(bucket[0].section.startTime,_this.recordOptions.groupTitleFormat),count:bucket.length});for(var i=0;i<bucket.length;i+=2)rows.push({type:"cards",items:bucket.slice(i,i+2)});}),this._rows=rows;},_proto._renderRow=function(_index,row){var _this=this;if(!row)return "";if("header"===row.type)return '<div class="'+_PREFIX_+'-group">\n        <span class="'+_PREFIX_+'-group-title">'+this._escape(row.title)+"</span>\n      </div>";var cards=row.items.map(function(it){return _this._renderCard(it.section,it.index)}).join("");return '<div class="'+_PREFIX_+'-row">'+cards+"</div>"},_proto._renderCard=function(section,index){var start,end,_DateTime_toDate,_DateTime_toDate1,secondNum,second,minute,startText=distExports$3.DateTime.format(section.startTime,this.recordOptions.startTimeFormat),durationText=(start=section.startTime,end=section.endTime,secondNum=Math.floor((null==(_DateTime_toDate=distExports$3.DateTime.toDate(end))?void 0:_DateTime_toDate.getTime())-(null==(_DateTime_toDate1=distExports$3.DateTime.toDate(start))?void 0:_DateTime_toDate1.getTime()))/1e3,second=secondNum%60,((minute=Math.floor(secondNum/60))>0?distExports$3.DateTime.fillZero(minute)+"'":"0'")+distExports$3.DateTime.fillZero(second)+"''"),cover=section.coverPic?""+section.coverPic+this.recordOptions.coverQuery:"",media=cover?'<img class="'+_PREFIX_+'-card-img ez-lazy-image" data-src="'+this._setImageScr(this._escape(cover))+'" alt="" />':'<div class="'+_PREFIX_+'-card-placeholder">'+_$REC_EVENT_ICONS$__picture+"</div>",icon=this._renderCardIcon(section),activeCls=this._isActive(section)?" "+_PREFIX_+"-card-active":"";return '<div class="'+_PREFIX_+"-card"+activeCls+'" data-card-index="'+index+'">\n      <div class="'+_PREFIX_+'-card-thumb">\n        '+media+'\n        <span class="'+_PREFIX_+'-card-start">'+this._escape(startText)+'</span>\n        <span class="'+_PREFIX_+'-card-duration">'+this._escape(durationText)+'</span>\n        <span class="'+_PREFIX_+'-card-playing">'+_$REC_EVENT_ICONS$__playing+"</span>\n        "+icon+"\n      </div>\n    </div>"},_proto._isActive=function(section){var t=this._activeTime;return "number"==typeof t&&t>=section.startTime&&t<=section.endTime},_proto._refreshActiveState=function(){var _this=this;this._$listRoot.querySelectorAll("."+_PREFIX_+"-card").forEach(function(card){var idx=Number(card.getAttribute("data-card-index")),section=_this._sortedSections[idx];card.classList.toggle(_PREFIX_+"-card-active",!!section&&_this._isActive(section));});},_proto._findActiveIndex=function(){if("number"!=typeof this._activeTime)return  -1;for(var i=0;i<this._sortedSections.length;i++)if(this._isActive(this._sortedSections[i]))return i;return  -1},_proto._rowIndexOfSection=function(sectionIndex){for(var i=0;i<this._rows.length;i++){var row=this._rows[i];if("cards"===row.type&&row.items.some(function(it){return it.index===sectionIndex}))return i}return  -1},_proto._scrollToActive=function(force){ void 0===force&&(force=false);var idx=this._findActiveIndex();if((force||idx!==this._activeIndex)&&(this._activeIndex=idx,!(idx<0||!this._virtualScroll||!force&&this._userInteracting))){var rowIndex=this._rowIndexOfSection(idx);rowIndex>=0&&this._virtualScroll.scrollToIndex(rowIndex,true);}},_proto._onUserScroll=function(){var _this=this;this._userInteracting=true,this._userScrollTimer&&clearTimeout(this._userScrollTimer),this._userScrollTimer=setTimeout(function(){_this._userInteracting=false,_this._userScrollTimer=null;},3e3);},_proto._renderCardIcon=function(section){return ""},_proto._observeVisibleImages=function(){if(this._lazyLoader){var imgs=this._$listRoot.querySelectorAll("img[data-src]");imgs.length&&this._lazyLoader.addImages(Array.from(imgs));}},_proto._onListClick=function(e){var onCardClick=this.recordOptions.onCardClick;if(onCardClick){var target=e.target,card=null==target?void 0:target.closest("."+_PREFIX_+"-card");if(card){var idx=Number(card.getAttribute("data-card-index")),section=this._sortedSections[idx];section&&onCardClick(section,idx,this._sortedSections);}}},_proto._escape=function(text){return String(text).replace(/[&<>"']/g,function(ch){switch(ch){case "&":return "&amp;";case "<":return "&lt;";case ">":return "&gt;";case '"':return "&quot;";default:return "&#39;"}})},_proto._setImageScr=function(src){if(src){var query="x=200&"+(this.options.coverQuery||"");return src+(src.includes("?")?"&":"?")+query}return ""},RecListModal._mergeModalOptions=function(options){var _ref,_ref1;return _extends$f({},options,{width:null!=(_ref=null==options?void 0:options.width)?_ref:_$REC_LIST_MODAL_DEFAULT_OPTIONS$_.width,height:null!=(_ref1=null==options?void 0:options.height)?_ref1:_$REC_LIST_MODAL_DEFAULT_OPTIONS$_.height,content:"",title:""})},_create_class$8(RecListModal,[{key:"_cardRowHeight",get:function(){return 70}}]),RecListModal}(Modal);RecListModal.VERSION="0.0.1";
+	var __$IMAGE_LAZY_LOADER_DEFAULT_OPTIONS$__$1={targets:[],root:null,rootMargin:"0px",threshold:.1,loadingClass:"ez-lazy-image-loading",loadedClass:"ez-lazy-image-loaded",loadedErrorClass:"ez-lazy-image-error",dwell:200,onLoadError:function(){}},ImageLazyLoader$1=function(){function ImageLazyLoader(options){ void 0===options&&(options={}),this._pendingTimers=new Map,this.options=Object.assign({},__$IMAGE_LAZY_LOADER_DEFAULT_OPTIONS$__$1,options),this._observer=null,this._init();}var _proto=ImageLazyLoader.prototype;return _proto._init=function(){var _this=this;ImageLazyLoader.isSupported&&(this._observer=new IntersectionObserver(function(entries){entries.forEach(function(entry){var target=entry.target;if(entry.isIntersecting){if(_this._pendingTimers.has(target))return;var timer=setTimeout(function(){var _this__observer;_this._pendingTimers.delete(target),_this._loadImage(target),null==(_this__observer=_this._observer)||_this__observer.unobserve(target);},_this.options.dwell);_this._pendingTimers.set(target,timer);}else {var timer1=_this._pendingTimers.get(target);void 0!==timer1&&(clearTimeout(timer1),_this._pendingTimers.delete(target));}});},this.options)),this.addImages(this.options.targets);},_proto._loadImage=function(img){var _img_classList,_img_classList1,_img_classList2,_this=this;if(img&&!(null==(_img_classList=img.classList)?void 0:_img_classList.contains(this.options.loadingClass))&&!(null==(_img_classList1=img.classList)?void 0:_img_classList1.contains(this.options.loadedClass))&&!(null==(_img_classList2=img.classList)?void 0:_img_classList2.contains(this.options.loadedErrorClass))&&img.hasAttribute("data-src")){var _this1=this;img.classList.add(this.options.loadingClass);var tempImg=new Image;tempImg.onload=function(){img.src=img.dataset.src,img.classList.remove(_this.options.loadingClass),img.classList.add(_this.options.loadedClass),img.dispatchEvent(new Event("lazyloaded"));},tempImg.onerror=function(){img.classList.remove(_this.options.loadingClass),img.classList.add(_this.options.loadedErrorClass),null==_this1.options.onLoadError||_this1.options.onLoadError.call(_this1.options,img);},tempImg.src=img.dataset.src;}},_proto.addImages=function(targets){var _this=this;(null==targets?void 0:targets.length)&&targets.forEach(function(target){var _this__observer;(null==target?void 0:target.hasAttribute("data-src"))&&(ImageLazyLoader.isSupported&&_this._observer?null==(_this__observer=_this._observer)||_this__observer.observe(target):_this._loadImage(target));});},_proto.destroy=function(){this._pendingTimers.forEach(function(timer){return clearTimeout(timer)}),this._pendingTimers.clear(),this._observer&&(this._observer.disconnect(),this._observer=null);},ImageLazyLoader}();function _create_class$1$3(Constructor,protoProps,staticProps){return protoProps&&function(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false,descriptor.configurable=true,"value"in descriptor&&(descriptor.writable=true),Object.defineProperty(target,descriptor.key,descriptor);}}(Constructor.prototype,protoProps),Constructor}ImageLazyLoader$1.isSupported="IntersectionObserver"in window;var _PREFIX_$1="ez-rec-list-modal-checkbox",Checkbox=function(){function Checkbox(options){var _options_checked,_options_disabled,_options_label,_options_size;void 0===options&&(options={}),this._$label=null,this._destroyed=false,this.options={checked:null!=(_options_checked=options.checked)&&_options_checked,disabled:null!=(_options_disabled=options.disabled)&&_options_disabled,label:null!=(_options_label=options.label)?_options_label:"",size:null!=(_options_size=options.size)?_options_size:16,onChange:options.onChange},this._onChange=this._onChange.bind(this),this._$root=document.createElement("label"),this._$root.className=_PREFIX_$1,this._$root.style.setProperty("--ez-rec-list-modal-checkbox-size",this.options.size+"px"),this._$input=document.createElement("input"),this._$input.type="checkbox",this._$input.className=_PREFIX_$1+"-input",this._$input.checked=this.options.checked,this._$input.disabled=this.options.disabled,this._$input.addEventListener("change",this._onChange),this._$root.appendChild(this._$input),this._$box=document.createElement("span"),this._$box.className=_PREFIX_$1+"-box",this._$box.innerHTML='<span class="'+_PREFIX_$1+'-check"><svg viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M3.5 8.4 6.4 11.3 12.5 4.9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>',this._$root.appendChild(this._$box),this.options.label&&(this._$label=document.createElement("span"),this._$label.className=_PREFIX_$1+"-label",this._$label.textContent=this.options.label,this._$root.appendChild(this._$label)),this._syncState();}var _proto=Checkbox.prototype;return _proto.setChecked=function(checked,emit){ void 0===emit&&(emit=false),this._$input.checked!==checked&&(this._$input.checked=checked,this._syncState(),emit&&(null==this.options.onChange||this.options.onChange.call(this.options,checked)));},_proto.setDisabled=function(disabled){this.options.disabled=disabled,this._$input.disabled=disabled,this._syncState();},_proto.setLabel=function(label){this.options.label=label,label?(this._$label||(this._$label=document.createElement("span"),this._$label.className=_PREFIX_$1+"-label",this._$root.appendChild(this._$label)),this._$label.textContent=label):this._$label&&(this._$label.remove(),this._$label=null);},_proto.destroy=function(){this._destroyed||(this._destroyed=true,this._$input.removeEventListener("change",this._onChange),this._$root.remove());},_proto._onChange=function(){this._syncState(),null==this.options.onChange||this.options.onChange.call(this.options,this._$input.checked);},_proto._syncState=function(){this._$root.classList.toggle(_PREFIX_$1+"-checked",this._$input.checked),this._$root.classList.toggle(_PREFIX_$1+"-disabled",this.options.disabled);},_create_class$1$3(Checkbox,[{key:"el",get:function(){return this._$root}},{key:"checked",get:function(){return this._$input.checked}}]),Checkbox}(),_$REC_EVENT_ICONS$__playing='<svg viewBox="0 0 16 16" fill="currentColor" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="playing">\n    <rect x="1.5" y="7" width="3" height="7.5" rx="1.5"/>\n    <rect x="6.5" y="3" width="3" height="11.5" rx="1.5"/>\n    <rect x="11" y="5.5" width="3" height="9" rx="1.5"/>\n  </svg>',_$REC_EVENT_ICONS$__humanDetection='<svg viewBox="0 0 16 16" fill="none" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="humanDetection">\n    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.42689 10.122L5.78846 9.81738C5.5102 9.68459 5.33301 9.4037 5.33301 9.09537V6.6667C5.33301 6.22487 5.69118 5.8667 6.13301 5.8667H9.86634C10.3082 5.8667 10.6663 6.22487 10.6663 6.6667V9.10694C10.6663 9.40926 10.4959 9.68576 10.2258 9.82162L9.62858 10.122H6.42689Z" fill="currentColor"/>\n    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.00039 2.1333C8.88405 2.1333 9.60039 2.84965 9.60039 3.7333C9.60039 4.61696 8.88405 5.3333 8.00039 5.3333C7.11674 5.3333 6.40039 4.61696 6.40039 3.7333C6.40039 2.84965 7.11674 2.1333 8.00039 2.1333Z" fill="currentColor"/>\n    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.80039 9.06689C9.24222 9.06689 9.60039 9.42507 9.60039 9.8669V13.0669C9.60039 13.5087 9.24222 13.8669 8.80039 13.8669H7.20039C6.75856 13.8669 6.40039 13.5087 6.40039 13.0669V9.8669C6.40039 9.42507 6.75856 9.06689 7.20039 9.06689H8.80039Z" fill="currentColor"/>\n    <path d="M4.26628 2.6665H2.93294C2.19694 2.6665 1.59961 3.26325 1.59961 3.99984V5.33317" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>\n    <path d="M1.59961 10.6665V11.9998C1.59961 12.7358 2.19694 13.3332 2.93294 13.3332H4.26628" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>\n    <path d="M11.7334 13.3332H13.0667C13.8033 13.3332 14.4001 12.7358 14.4001 11.9998V10.6665" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>\n    <path d="M14.4001 5.33317V3.99984C14.4001 3.26325 13.8033 2.6665 13.0667 2.6665H11.7334" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>\n  </svg>',_$REC_EVENT_ICONS$__vehicleDetection='<svg viewBox="0 0 16 16" fill="none" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="vehicleDetection">\n    <path d="M14.2522 6.62695L12.6147 7.25195" stroke="currentColor" stroke-width="0.9375" stroke-linecap="round" stroke-linejoin="round"/>\n    <path d="M3.39233 7.25L1.74854 6.625" stroke="currentColor" stroke-width="0.9375" stroke-linecap="round" stroke-linejoin="round"/>\n    <path d="M12.6116 7.25L12.0872 4.7425C11.9354 4.01875 11.2972 3.5 10.5572 3.5H5.50722C4.7816 3.5 4.15098 4 3.98598 4.70687L3.3916 7.25" stroke="currentColor" stroke-width="0.9375" stroke-linecap="round" stroke-linejoin="round"/>\n    <path d="M12.375 7.25098C13.4106 7.25098 14.25 8.09035 14.25 9.12598V12.1523C14.247 12.3407 11.125 11.9375 11.125 11.9375H4.875C4.875 11.9375 1.7522 12.4275 1.75 12.2822V9.12598C1.75 8.09035 2.58938 7.25098 3.625 7.25098H12.375ZM4.09375 9.28125L4.03027 9.28516C3.80148 9.3162 3.625 9.51269 3.625 9.75C3.625 10.0089 3.83487 10.2188 4.09375 10.2188H5.65625L5.71973 10.2148C5.94852 10.1838 6.125 9.98731 6.125 9.75C6.125 9.49112 5.91513 9.28125 5.65625 9.28125H4.09375ZM10.2803 9.28516C10.0515 9.3162 9.875 9.51269 9.875 9.75C9.875 10.0089 10.0849 10.2188 10.3438 10.2188H11.9062L11.9697 10.2148C12.1985 10.1838 12.375 9.98731 12.375 9.75C12.375 9.49112 12.1651 9.28125 11.9062 9.28125H10.3438L10.2803 9.28516Z" fill="currentColor"/>\n    <path fill-rule="evenodd" clip-rule="evenodd" d="M14.25 9.125C14.25 8.08938 13.4106 7.25 12.375 7.25H3.625C2.58938 7.25 1.75 8.08938 1.75 9.125V12.0373H14.25V9.125V9.125Z" stroke="currentColor" stroke-width="0.9375" stroke-linecap="round" stroke-linejoin="round"/>\n    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5625 13.4998C5.08 13.4998 5.5 13.0798 5.5 12.5623V11.9373L2.375 11.875V12.7185C2.375 13.1498 2.725 13.4998 3.15625 13.4998H4.5625Z" fill="currentColor" stroke="currentColor" stroke-width="0.9375" stroke-linecap="round" stroke-linejoin="round"/>\n    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.6877 13.4998C13.2052 13.4998 13.6252 13.0798 13.6252 12.5623V11.9373L10.5002 11.875V12.7185C10.5002 13.1498 10.8502 13.4998 11.2815 13.4998H12.6877Z" fill="currentColor" stroke="currentColor" stroke-width="0.9375" stroke-linecap="round" stroke-linejoin="round"/>\n  </svg>',_$REC_EVENT_ICONS$__picture='\n    <svg viewBox="0 0 19.1613 19.4583" fill="currentColor" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="picture">\n        <path d="M15.3276 2.63477L3.83173 2.63477C2.70848 2.63477 1.79541 3.55027 1.79541 4.68419L1.79541 14.7737C1.79541 15.9076 2.70848 16.8231 3.83173 16.8231L15.3276 16.8231C16.4504 16.8231 17.364 15.9074 17.364 14.7737L17.364 4.68419C17.364 3.55027 16.4509 2.63477 15.3276 2.63477ZM3.83247 3.851L15.3284 3.851C15.7936 3.851 16.1671 4.22551 16.1671 4.68429L16.1671 14.7738C16.1671 15.2323 15.7932 15.6071 15.3284 15.6071L3.83247 15.6071C3.36725 15.6071 2.99373 15.2326 2.99373 14.7738L2.99373 12.2622L6.7356 9.56381L6.78139 9.53916C6.84532 9.51493 6.91856 9.52524 6.9742 9.56947L13.2644 14.5698L13.3381 14.62C13.5918 14.7666 13.9197 14.7063 14.105 14.4658C14.3089 14.2014 14.263 13.8192 14.0026 13.6122L7.71239 8.61184L7.60526 8.5346C7.12945 8.22451 6.51026 8.23473 6.04222 8.57224L2.99373 10.7706L2.99373 4.68429C2.99373 4.22551 3.36725 3.851 3.83247 3.851ZM10.5794 7.29679C10.5794 6.06542 11.5624 5.0672 12.7749 5.0672C13.9875 5.0672 14.9705 6.06542 14.9705 7.29679C14.9705 8.52817 13.9875 9.52639 12.7749 9.52639C11.5624 9.52639 10.5794 8.52817 10.5794 7.29679ZM13.7722 7.2967C13.7722 6.73699 13.3254 6.28325 12.7742 6.28325C12.223 6.28325 11.7762 6.73699 11.7762 7.2967C11.7762 7.85642 12.223 8.31015 12.7742 8.31015C13.3254 8.31015 13.7722 7.85642 13.7722 7.2967Z" fill-rule="evenodd"/>\n    </svg>\n    ',_$REC_LIST_MODAL_LOCALES$_={zh:{title:"录像片段",empty:"暂无录像",eventFilter:"事件片段"},en:{title:"Recordings",empty:"No recordings",eventFilter:"Event"}};function _create_class$8(Constructor,protoProps,staticProps){return protoProps&&function(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false,descriptor.configurable=true,"value"in descriptor&&(descriptor.writable=true),Object.defineProperty(target,descriptor.key,descriptor);}}(Constructor.prototype,protoProps),Constructor}function _extends$f(){return _extends$f=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key]);}return target},_extends$f.apply(this,arguments)}function _set_prototype_of$g(o,p){return _set_prototype_of$g=Object.setPrototypeOf||function(o,p){return o.__proto__=p,o},_set_prototype_of$g(o,p)}var _PREFIX_="ez-rec-list-modal",_ICON_EVENT_='<svg viewBox="0 0 16 16" width="14" height="14" fill="currentColor" aria-hidden="true"><path d="M11.5 1.5H4.5a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1v-11a1 1 0 0 0-1-1Zm0 1.1v10.8h-7V2.6h7ZM6 5.2h4v-1H6v1Zm0 2.3h4v-1H6v1Zm0 2.3h2.7v-1H6v1Z"/></svg>',_REC_EVENT_ICONS_={1:_ICON_EVENT_,2:_ICON_EVENT_,3:_$REC_EVENT_ICONS$__humanDetection,4:'<svg viewBox="0 0 16 16" fill="none" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="faceDetection">\n    <path d="M4.26628 2.66602H2.93294C2.19694 2.66602 1.59961 3.26276 1.59961 3.99935V5.33268" stroke="currentColor" stroke-opacity="0.6" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>\n    <path d="M1.59961 10.666V11.9993C1.59961 12.7353 2.19694 13.3327 2.93294 13.3327H4.26628" stroke="currentColor" stroke-opacity="0.6" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>\n    <path d="M11.7334 13.3327H13.0667C13.8033 13.3327 14.4001 12.7353 14.4001 11.9993V10.666" stroke="currentColor" stroke-opacity="0.6" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>\n    <path d="M14.4001 5.33268V3.99935C14.4001 3.26276 13.8033 2.66602 13.0667 2.66602H11.7334" stroke="currentColor" stroke-opacity="0.6" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>\n    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.26636 8.53273C4.26636 8.53273 3.74805 8.7145 3.74805 9.32262C3.74805 9.93074 4.12968 10.4493 4.62191 10.4493C4.73317 10.9272 5.97651 13.0867 8.08858 13.0867C10.0905 13.0867 11.5552 10.3969 11.5552 10.3969C11.5552 10.3969 12.2716 10.1395 12.2518 9.32262C12.2325 8.69788 11.7965 8.53273 11.7965 8.53273C11.7965 8.53273 12.1055 5.56552 9.99785 4.3185C7.89022 3.07148 6.36571 4.5319 6.36571 4.5319C6.36571 4.5319 4.11766 4.87602 4.2222 7.69628" fill="currentColor"/>\n  </svg>',5:_$REC_EVENT_ICONS$__vehicleDetection,6:'<svg viewBox="0 0 16 16" fill="none" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="petDetection">\n    <path d="M10.134 2.66309C11.9012 2.66316 13.3341 4.09615 13.3342 5.86328V10.6641C13.334 12.4311 11.9011 13.8632 10.134 13.8633H5.86743C4.10029 13.8633 2.6675 12.4311 2.66724 10.6641V5.86328C2.66739 4.09611 4.10022 2.66309 5.86743 2.66309H10.134ZM7.97583 7.95312C7.5222 7.95327 7.15454 8.32075 7.15454 8.77441C7.15459 9.07899 7.32174 9.34112 7.56763 9.4834C7.5526 9.52337 7.54321 9.56694 7.54321 9.6123C7.54296 10.2798 6.9996 10.8223 6.33228 10.8223C6.13114 10.8224 5.96802 10.9863 5.96802 11.1875C5.96822 11.3882 6.13127 11.5516 6.33228 11.5518C7.0251 11.5518 7.63284 11.185 7.97583 10.6367C8.31908 11.1851 8.92713 11.5518 9.62036 11.5518C9.82129 11.5516 9.98442 11.3881 9.98462 11.1875C9.98462 10.9864 9.8214 10.8225 9.62036 10.8223C8.95273 10.8223 8.4087 10.2798 8.40845 9.6123C8.40845 9.56694 8.39906 9.52337 8.38403 9.4834C8.63004 9.34115 8.79805 9.07907 8.7981 8.77441C8.7981 8.32066 8.42989 7.95312 7.97583 7.95312ZM5.06665 5.87207C4.62483 5.87226 4.26685 6.23032 4.26685 6.67188C4.26708 7.11353 4.62497 7.47149 5.06665 7.47168C5.50818 7.47168 5.86622 7.11365 5.86646 6.67188C5.86646 6.2302 5.50832 5.87207 5.06665 5.87207ZM10.9338 5.87207C10.492 5.87226 10.134 6.23032 10.134 6.67188C10.1343 7.11353 10.4922 7.47149 10.9338 7.47168C11.3754 7.47168 11.7334 7.11365 11.7336 6.67188C11.7336 6.2302 11.3755 5.87207 10.9338 5.87207Z" fill="currentColor"/>\n    <path d="M12.8 4.08984C12.9449 4.28499 13.0671 4.49562 13.1633 4.71777L15.1584 8.09668C15.4833 8.64759 15.5543 9.28148 15.3577 9.88086C15.1613 10.4797 14.7204 10.9735 14.1174 11.2705C13.8537 11.4002 13.4576 11.4741 13.1633 11.5137C13.0759 11.7889 12.9522 12.0484 12.8 12.2891V4.08984Z" fill="currentColor" fill-opacity="0.6"/>\n    <path d="M3.19946 12.4372C3.05452 12.242 2.93249 12.0315 2.83618 11.8093L0.841064 8.43039C0.51612 7.87943 0.44519 7.24568 0.641846 6.64621C0.838188 6.04713 1.27893 5.5536 1.88208 5.25656C2.14581 5.12684 2.54188 5.05303 2.83618 5.0134C2.92354 4.73812 3.04729 4.47872 3.19946 4.23801L3.19946 12.4372Z" fill="currentColor" fill-opacity="0.6"/>\n  </svg>',ALRAM:_ICON_EVENT_,TIMIING:_ICON_EVENT_,CAR:_$REC_EVENT_ICONS$__vehicleDetection,HD:_$REC_EVENT_ICONS$__humanDetection},_$REC_LIST_MODAL_DEFAULT_OPTIONS$_={width:260,height:490,buffer:5,startTimeFormat:"HH:mm",groupTitleFormat:"HH:00",showEventFilter:false,showCardTypeIcon:false,eventFilterChecked:false},RecListModal=function(Modal){function RecListModal(container,options){var _this,_ref,_ref1,_ref2,_ref3,_ref4,_ref5,_ref6,_ref7,_ref8,_ref9;(_this=Modal.call(this,container,RecListModal._mergeModalOptions(options))||this)._$titleWrap=null,_this._eventCheckbox=null,_this._virtualScroll=null,_this._lazyLoader=null,_this._rows=[],_this._sortedSections=[],_this._eventOnly=false,_this._vsInited=false,_this._recordDestroyed=false,_this._activeIndex=-1,_this._userInteracting=false,_this._userScrollTimer=null;var def=_$REC_LIST_MODAL_DEFAULT_OPTIONS$_;return _this._recI18n=new I18n(deepmerge(_$REC_LIST_MODAL_LOCALES$_,_this.options.locales||{},{clone:false}),{defaultLocale:_this.options.language||"zh"}),_this.recordOptions={sections:null!=(_ref=null==options?void 0:options.sections)?_ref:[],buffer:null!=(_ref1=null==options?void 0:options.buffer)?_ref1:def.buffer,coverQuery:null!=(_ref2=null==options?void 0:options.coverQuery)?_ref2:"",startTimeFormat:null!=(_ref3=null==options?void 0:options.startTimeFormat)?_ref3:def.startTimeFormat,groupTitleFormat:null!=(_ref4=null==options?void 0:options.groupTitleFormat)?_ref4:def.groupTitleFormat,emptyText:null!=(_ref5=null==options?void 0:options.emptyText)?_ref5:String(_this._recI18n.t("empty")),showEventFilter:null!=(_ref6=null==options?void 0:options.showEventFilter)?_ref6:def.showEventFilter,eventFilterText:null!=(_ref7=null==options?void 0:options.eventFilterText)?_ref7:String(_this._recI18n.t("eventFilter")),eventFilterChecked:null!=(_ref8=null==options?void 0:options.eventFilterChecked)?_ref8:def.eventFilterChecked,showCardTypeIcon:null!=(_ref9=null==options?void 0:options.showCardTypeIcon)?_ref9:def.showCardTypeIcon,isEvent:null==options?void 0:options.isEvent,renderCardIcon:null==options?void 0:options.renderCardIcon,onCardClick:null==options?void 0:options.onCardClick},_this._eventOnly=_this.recordOptions.eventFilterChecked,_this._activeTime="number"==typeof(null==options?void 0:options.activeTime)?options.activeTime:void 0,_this._titleText="string"==typeof(null==options?void 0:options.title)?options.title:String(_this._recI18n.t("title")),_this.setTitle(_this._buildHeaderTitle()),_this._$listRoot=document.createElement("div"),_this._$listRoot.className=_PREFIX_+"-list",_this._$empty=document.createElement("div"),_this._$empty.className=_PREFIX_+"-empty",_this._$empty.textContent=_this.recordOptions.emptyText,_this._$empty.style.display="none",_this._$listRoot.appendChild(_this._$empty),_this.setContent(_this._$listRoot),_this._onListClick=_this._onListClick.bind(_this),_this._onUserScroll=_this._onUserScroll.bind(_this),_this._$listRoot.addEventListener("click",_this._onListClick),_this._buildRows(),_this.isVisible()&&_this._ensureVirtualScroll(),_this}!function(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)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}}),superClass&&_set_prototype_of$g(subClass,superClass);}(RecListModal,Modal);var _proto=RecListModal.prototype;return _proto.open=function(){Modal.prototype.open.call(this),this._$listRoot&&(this._ensureVirtualScroll(),this._userInteracting=false,this._userScrollTimer&&(clearTimeout(this._userScrollTimer),this._userScrollTimer=null),this._scrollToActive(true));},_proto.setSections=function(sections){this.recordOptions.sections=sections||[],this._buildRows(),this._virtualScroll?this._virtualScroll.setData(this._rows):this.isVisible()&&this._ensureVirtualScroll(),this._toggleEmpty();},_proto.setActiveTime=function(time){this._activeTime="number"==typeof time?time:void 0,this._refreshActiveState(),this._scrollToActive();},_proto.showEventFilter=function(show){var _this=this;if(this.recordOptions.showEventFilter=show,show){var _this__$titleWrap;if(this._eventCheckbox)return;var checkbox=new Checkbox({label:this.recordOptions.eventFilterText,checked:this._eventOnly,onChange:function(checked){return _this._onEventFilterChange(checked)}});checkbox.el.addEventListener("mousedown",function(e){return e.stopPropagation()}),checkbox.el.addEventListener("touchstart",function(e){return e.stopPropagation()}),null==(_this__$titleWrap=this._$titleWrap)||_this__$titleWrap.appendChild(checkbox.el),this._eventCheckbox=checkbox;}else {if(!this._eventCheckbox)return;this._eventCheckbox.destroy(),this._eventCheckbox=null;}},_proto.destroy=function(){var _this__eventCheckbox,_this__virtualScroll,_this__lazyLoader;this._recordDestroyed||(this._recordDestroyed=true,null==(_this__eventCheckbox=this._eventCheckbox)||_this__eventCheckbox.destroy(),this._eventCheckbox=null,this._userScrollTimer&&(clearTimeout(this._userScrollTimer),this._userScrollTimer=null),this._$listRoot.removeEventListener("click",this._onListClick),this._$listRoot.removeEventListener("wheel",this._onUserScroll),this._$listRoot.removeEventListener("touchmove",this._onUserScroll),null==(_this__virtualScroll=this._virtualScroll)||_this__virtualScroll.destroy(),this._virtualScroll=null,null==(_this__lazyLoader=this._lazyLoader)||_this__lazyLoader.destroy(),this._lazyLoader=null),Modal.prototype.destroy.call(this);},_proto._rowHeight=function(row){return row&&"header"===row.type?28:this._cardRowHeight},_proto._buildHeaderTitle=function(){var _this=this,wrap=document.createElement("div");wrap.className=_PREFIX_+"-title",this._$titleWrap=wrap;var text=document.createElement("span");if(text.className=_PREFIX_+"-title-text",text.textContent=this._titleText,wrap.appendChild(text),this.recordOptions.showEventFilter){var checkbox=new Checkbox({label:this.recordOptions.eventFilterText,checked:this._eventOnly,onChange:function(checked){return _this._onEventFilterChange(checked)}});checkbox.el.addEventListener("mousedown",function(e){return e.stopPropagation()}),checkbox.el.addEventListener("touchstart",function(e){return e.stopPropagation()}),wrap.appendChild(checkbox.el),this._eventCheckbox=checkbox;}return wrap},_proto._onEventFilterChange=function(checked){var _this__virtualScroll;this._eventOnly=checked,this._buildRows(),null==(_this__virtualScroll=this._virtualScroll)||_this__virtualScroll.setData(this._rows),this._toggleEmpty();},_proto._ensureVirtualScroll=function(){var _this__virtualScroll,_this=this;this._recordDestroyed||(this._toggleEmpty(),this._vsInited?(null==(_this__virtualScroll=this._virtualScroll)||_this__virtualScroll.refresh(),this._observeVisibleImages()):(this._vsInited=true,this._lazyLoader=new ImageLazyLoader$1({root:this._$listRoot}),this._virtualScroll=new VirtualScroll(this._$listRoot,{data:this._rows,itemHeight:function(_index,row){return _this._rowHeight(row)},buffer:this.recordOptions.buffer,renderItem:function(index,item){return _this._renderRow(index,item)},onRender:function(){return _this._observeVisibleImages()}}),this._observeVisibleImages(),this._$listRoot.addEventListener("wheel",this._onUserScroll,{passive:true}),this._$listRoot.addEventListener("touchmove",this._onUserScroll,{passive:true}),this._scrollToActive(true)));},_proto._toggleEmpty=function(){this._$empty&&(this._$empty.style.display=0===this._rows.length?"":"none");},_proto._isEvent=function(section){return "function"==typeof this.recordOptions.isEvent?this.recordOptions.isEvent(section):!!_REC_EVENT_ICONS_[section.EVENT_TYPE]},_proto._buildRows=function(){var _this=this;this._activeIndex=-1;var sorted=(this.recordOptions.sections||[]).filter(function(s){return s&&"number"==typeof s.startTime&&"number"==typeof s.endTime}).filter(function(s){return !_this._eventOnly||_this._isEvent(s)}).slice().reverse();this._sortedSections=sorted;for(var rows=[],groups=new Map,i=0;i<sorted.length;i++){var section=sorted[i],key=distExports$3.DateTime.format(section.startTime,"YYYY-MM-DD HH"),bucket=groups.get(key);bucket||(bucket=[],groups.set(key,bucket)),bucket.push({section:section,index:i});}groups.forEach(function(bucket){rows.push({type:"header",title:distExports$3.DateTime.format(bucket[0].section.startTime,_this.recordOptions.groupTitleFormat),count:bucket.length});for(var i=0;i<bucket.length;i+=2)rows.push({type:"cards",items:bucket.slice(i,i+2)});}),this._rows=rows;},_proto._renderRow=function(_index,row){var _this=this;if(!row)return "";if("header"===row.type)return '<div class="'+_PREFIX_+'-group">\n        <span class="'+_PREFIX_+'-group-title">'+this._escape(row.title)+"</span>\n      </div>";var cards=row.items.map(function(it){return _this._renderCard(it.section,it.index)}).join("");return '<div class="'+_PREFIX_+'-row">'+cards+"</div>"},_proto._renderCard=function(section,index){var start,end,_DateTime_toDate,_DateTime_toDate1,secondNum,second,minute,startText=distExports$3.DateTime.format(section.startTime,this.recordOptions.startTimeFormat),durationText=(start=section.startTime,end=section.endTime,secondNum=Math.floor((null==(_DateTime_toDate=distExports$3.DateTime.toDate(end))?void 0:_DateTime_toDate.getTime())-(null==(_DateTime_toDate1=distExports$3.DateTime.toDate(start))?void 0:_DateTime_toDate1.getTime()))/1e3,second=secondNum%60,((minute=Math.floor(secondNum/60))>0?distExports$3.DateTime.fillZero(minute)+"'":"0'")+distExports$3.DateTime.fillZero(second)+"''"),cover=section.coverPic?""+section.coverPic+this.recordOptions.coverQuery:"",media=cover?'<img class="'+_PREFIX_+'-card-img ez-lazy-image" data-src="'+this._setImageScr(this._escape(cover))+'" alt="" />':'<div class="'+_PREFIX_+'-card-placeholder">'+_$REC_EVENT_ICONS$__picture+"</div>",icon=this._renderCardIcon(section),activeCls=this._isActive(section)?" "+_PREFIX_+"-card-active":"";return '<div class="'+_PREFIX_+"-card"+activeCls+'" data-card-index="'+index+'">\n      <div class="'+_PREFIX_+'-card-thumb">\n        '+media+'\n        <span class="'+_PREFIX_+'-card-start">'+this._escape(startText)+'</span>\n        <span class="'+_PREFIX_+'-card-duration">'+this._escape(durationText)+'</span>\n        <span class="'+_PREFIX_+'-card-playing">'+_$REC_EVENT_ICONS$__playing+"</span>\n        "+icon+"\n      </div>\n    </div>"},_proto._isActive=function(section){var t=this._activeTime;return "number"==typeof t&&t>=section.startTime&&t<=section.endTime},_proto._refreshActiveState=function(){var _this=this;this._$listRoot.querySelectorAll("."+_PREFIX_+"-card").forEach(function(card){var idx=Number(card.getAttribute("data-card-index")),section=_this._sortedSections[idx];card.classList.toggle(_PREFIX_+"-card-active",!!section&&_this._isActive(section));});},_proto._findActiveIndex=function(){if("number"!=typeof this._activeTime)return  -1;for(var i=0;i<this._sortedSections.length;i++)if(this._isActive(this._sortedSections[i]))return i;return  -1},_proto._rowIndexOfSection=function(sectionIndex){for(var i=0;i<this._rows.length;i++){var row=this._rows[i];if("cards"===row.type&&row.items.some(function(it){return it.index===sectionIndex}))return i}return  -1},_proto._scrollToActive=function(force){ void 0===force&&(force=false);var idx=this._findActiveIndex();if((force||idx!==this._activeIndex)&&(this._activeIndex=idx,!(idx<0||!this._virtualScroll||!force&&this._userInteracting))){var rowIndex=this._rowIndexOfSection(idx);rowIndex>=0&&this._virtualScroll.scrollToIndex(rowIndex,true);}},_proto._onUserScroll=function(){var _this=this;this._userInteracting=true,this._userScrollTimer&&clearTimeout(this._userScrollTimer),this._userScrollTimer=setTimeout(function(){_this._userInteracting=false,_this._userScrollTimer=null;},3e3);},_proto._renderCardIcon=function(section){return ""},_proto._observeVisibleImages=function(){if(this._lazyLoader){var imgs=this._$listRoot.querySelectorAll("img[data-src]");imgs.length&&this._lazyLoader.addImages(Array.from(imgs));}},_proto._onListClick=function(e){var onCardClick=this.recordOptions.onCardClick;if(onCardClick){var target=e.target,card=null==target?void 0:target.closest("."+_PREFIX_+"-card");if(card){var idx=Number(card.getAttribute("data-card-index")),section=this._sortedSections[idx];section&&onCardClick(section,idx,this._sortedSections);}}},_proto._escape=function(text){return String(text).replace(/[&<>"']/g,function(ch){switch(ch){case "&":return "&amp;";case "<":return "&lt;";case ">":return "&gt;";case '"':return "&quot;";default:return "&#39;"}})},_proto._setImageScr=function(src){if(src){var query="x=200&"+(this.options.coverQuery||"");return src+(src.includes("?")?"&":"?")+query}return ""},RecListModal._mergeModalOptions=function(options){var _ref,_ref1;return _extends$f({},options,{width:null!=(_ref=null==options?void 0:options.width)?_ref:_$REC_LIST_MODAL_DEFAULT_OPTIONS$_.width,height:null!=(_ref1=null==options?void 0:options.height)?_ref1:_$REC_LIST_MODAL_DEFAULT_OPTIONS$_.height,content:"",title:""})},_create_class$8(RecListModal,[{key:"_cardRowHeight",get:function(){return 70}}]),RecListModal}(Modal);RecListModal.VERSION="0.0.2";
 
 	function _extends$e() {
 	    _extends$e = Object.assign || function assign(target) {
@@ -9132,11 +9132,20 @@
 	            }
 	        }));
 	        _this.on(EVENTS$2.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$e({}, 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$2.getOSDTime, function(time) {
@@ -9241,12 +9250,12 @@
 	    };
 	    return _set_prototype_of$e(o, p);
 	}
-	/**
-	 * 告警消息按钮控件
-	 *
-	 * 点击弹出告警消息列表弹窗（纯触发按钮，无激活状态）
-	 *
-	 * @category Control
+	/**
+	 * 告警消息按钮控件
+	 *
+	 * 点击弹出告警消息列表弹窗（纯触发按钮，无激活状态）
+	 *
+	 * @category Control
 	 */ var AlarmMessage = /*#__PURE__*/ function(Control) {
 	    _inherits$c(AlarmMessage, Control);
 	    function AlarmMessage(options) {
@@ -9270,16 +9279,16 @@
 	            title: ((_this_locale = this.locale) == null ? void 0 : _this_locale.BTN_ALARM_MESSAGE) || '消息'
 	        });
 	    };
-	    /**
-	   * 销毁
+	    /**
+	   * 销毁
 	   */ _proto.destroy = function destroy() {
 	        if (this._panelOpen) {
 	            this.emit(EVENTS$2.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);
@@ -9344,54 +9353,54 @@
 	    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) {
@@ -9443,9 +9452,9 @@
 	        return _this;
 	    }
 	    var _proto = Select.prototype;
-	    /**
-	   * 更新选项列表
-	   * @param list - 选项列表
+	    /**
+	   * 更新选项列表
+	   * @param list - 选项列表
 	   */ _proto.updateOptions = function updateOptions(list) {
 	        var _this = this;
 	        if (list === void 0) list = [];
@@ -9530,8 +9539,8 @@
 	            });
 	        }
 	    };
-	    /**
-	   * 销毁
+	    /**
+	   * 销毁
 	   */ _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);
@@ -9553,8 +9562,8 @@
 	        e.stopPropagation();
 	        e.preventDefault();
 	    };
-	    /**
-	   * 点击 Control 会触发
+	    /**
+	   * 点击 Control 会触发
 	   */ _proto._onControlClick = function _onControlClick(e) {
 	        this._options.onClick == null ? void 0 : this._options.onClick.call(this._options, e);
 	    };
@@ -9573,8 +9582,8 @@
 	        },
 	        {
 	            key: "disabled",
-	            get: /**
-	   * 是否禁用
+	            get: /**
+	   * 是否禁用
 	   */ function get() {
 	                return this._disabled;
 	            },
@@ -9660,15 +9669,15 @@
 	        };
 	    });
 	}
-	/**
-	 * 清晰度切换控件
-	 *
-	 * 清晰度切换控件有三套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) {
@@ -9734,9 +9743,9 @@
 	        return _this;
 	    }
 	    var _proto = Definition.prototype;
-	    /**
-	   * 重置，恢复默认值
-	   * @param hide 默认不隐藏
+	    /**
+	   * 重置，恢复默认值
+	   * @param hide 默认不隐藏
 	   */ _proto.reset = function reset(hide) {
 	        Select.prototype.reset.call(this, hide);
 	    };
@@ -9787,13 +9796,13 @@
 	    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",
@@ -9801,13 +9810,13 @@
 	        };
 	    })
 	};
-	/**
-	 * 倍速切换控件, 不支持动态切换倍速列表
-	 *
-	 * 注意：
-	 *   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) {
@@ -9841,10 +9850,10 @@
 	        return _this;
 	    }
 	    var _proto = Speed.prototype;
-	    /**
-	   * 滤掉本地回放不支持的倍速
-	   * @param optionsList 初始化配置倍速列表
-	   * @param type 回放类型
+	    /**
+	   * 滤掉本地回放不支持的倍速
+	   * @param optionsList 初始化配置倍速列表
+	   * @param type 回放类型
 	   */ _proto._filterSpeedList = function _filterSpeedList(optionsList, type, url) {
 	        if (!optionsList) {
 	            // 非用户自定义  /openpb/ 是标准流回放路径
@@ -9910,9 +9919,9 @@
 	    };
 	    return _set_prototype_of$9(o, p);
 	}
-	/**
-	 * 日历选择器控件
-	 * @category Control
+	/**
+	 * 日历选择器控件
+	 * @category Control
 	 */ var DatePickerControl = /*#__PURE__*/ function(Control) {
 	    _inherits$8(DatePickerControl, Control);
 	    function DatePickerControl(options) {
@@ -9993,10 +10002,10 @@
 	            }
 	        }));
 	    };
-	    /**
-	   * 设置日期, 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;
@@ -10012,9 +10021,9 @@
 	        if (this.datePicker) this.datePicker.open = false;
 	        Control.prototype.reset.call(this);
 	    };
-	    /**
-	   * 销毁控件
-	   * @override
+	    /**
+	   * 销毁控件
+	   * @override
 	   */ _proto.destroy = function destroy() {
 	        if (this.datePicker) {
 	            this.datePicker.destroy();
@@ -10027,9 +10036,9 @@
 	        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);
 	    };
@@ -10067,9 +10076,9 @@
 	    return _set_prototype_of$8(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) {
@@ -10130,9 +10139,9 @@
 	            }
 	        }));
 	    };
-	    /**
-	   * 设置时间
-	   * @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);
@@ -10148,9 +10157,9 @@
 	        if (this.timePicker) this.timePicker.open = false;
 	        Control.prototype.reset.call(this);
 	    };
-	    /**
-	   * 销毁控件
-	   * @override
+	    /**
+	   * 销毁控件
+	   * @override
 	   */ _proto.destroy = function destroy() {
 	        if (this.timePicker) {
 	            this.timePicker.destroy();
@@ -10162,9 +10171,9 @@
 	    _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);
 	    };
@@ -10665,8 +10674,8 @@
 	    };
 	    return _set_prototype_of$6(o, p);
 	}
-	/**
-	 * 回放时间轴控件
+	/**
+	 * 回放时间轴控件
 	 */ var TimeLineControl = /*#__PURE__*/ function(Control) {
 	    _inherits$6(TimeLineControl, Control);
 	    function TimeLineControl(options) {
@@ -10826,8 +10835,8 @@
 	        }
 	        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);
 	    };
@@ -10870,24 +10879,24 @@
 	    };
 	    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;
@@ -10895,12 +10904,12 @@
 	    if (typeof value === 'number') return value < 1e12 ? value * 1000 : value;
 	    return distExports$3.DateTime.toDate(value).getTime();
 	}
-	/**
-	 * 回放片段进度条控件（移动端）
-	 *
-	 * 只在设置了播放区间时渲染，范围是「当前录像片段 ∩ 播放区间」。
-	 * 区间内跨片段的定位由时间轴承担，这里只负责当前片段的精细拖动。
-	 * @category Control
+	/**
+	 * 回放片段进度条控件（移动端）
+	 *
+	 * 只在设置了播放区间时渲染，范围是「当前录像片段 ∩ 播放区间」。
+	 * 区间内跨片段的定位由时间轴承担，这里只负责当前片段的精细拖动。
+	 * @category Control
 	 */ var SegmentProgressControl = /*#__PURE__*/ function(Control) {
 	    _inherits$5(SegmentProgressControl, Control);
 	    function SegmentProgressControl(options) {
@@ -10967,9 +10976,9 @@
 	        });
 	        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 = distExports$3.DateTime.toDate(range.begin).getTime();
@@ -10980,9 +10989,9 @@
 	        }
 	        this._updateVisible();
 	    };
-	    /**
-	   * 用区间裁剪录像片段
-	   * @param records 全天录像片段
+	    /**
+	   * 用区间裁剪录像片段
+	   * @param records 全天录像片段
 	   */ _proto._setSegments = function _setSegments(records) {
 	        var _this = this;
 	        if (!this._hasRange() || !Array.isArray(records)) {
@@ -11010,9 +11019,9 @@
 	        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) {
@@ -11083,9 +11092,9 @@
 	    };
 	    return _set_prototype_of$4(o, p);
 	}
-	/**
-	 * 展示设备序列号控件
-	 * @category Control
+	/**
+	 * 展示设备序列号控件
+	 * @category Control
 	 */ var Device = /*#__PURE__*/ function(Control) {
 	    _inherits$4(Device, Control);
 	    function Device(options) {
@@ -11103,10 +11112,10 @@
 	        var _this___options_props_urlInfo, _this___options_props;
 	        this.$container.innerHTML = '<span class="' + PREFIX_CLASS$1 + "-text " + PREFIX_CLASS$1 + '-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$1 + "-text-device")) {
 	            var $span = this.$container.querySelector("." + PREFIX_CLASS$1 + "-text-device");
@@ -11264,8 +11273,8 @@
 	// const MobileExtend_DEFAULT_Options = {
 	//   controls: MOBILE_EXTENDS,
 	// };
-	/**
-	 * 移动端扩展
+	/**
+	 * 移动端扩展
 	 */ var MobileExtend = /*#__PURE__*/ function(EventEmitter) {
 	    _inherits$2(MobileExtend, EventEmitter);
 	    function MobileExtend($siblingContainer) {
@@ -11342,9 +11351,9 @@
 	    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) {
@@ -11360,8 +11369,8 @@
 	        return _this;
 	    }
 	    var _proto = Pause.prototype;
-	    /**
-	   * 展示封面 这里不对 poster 进行缓存， 如果有值优先使用， 如果没有值优先使用 初始化传入的值
+	    /**
+	   * 展示封面 这里不对 poster 进行缓存， 如果有值优先使用， 如果没有值优先使用 初始化传入的值
 	   */ _proto.show = function show(playing, always) {
 	        var _this = this;
 	        var _this_$container_classList, _this_$container;
@@ -11406,8 +11415,8 @@
 	            }, 300);
 	        }, 10);
 	    };
-	    /**
-	   * 销毁
+	    /**
+	   * 销毁
 	   */ _proto.destroy = function destroy() {
 	        if (this._timer) {
 	            clearTimeout(this._timer);
@@ -11695,10 +11704,10 @@
 	    'recDropdown',
 	    'alarmMessage'
 	];
-	/**
-	 * 渲染控件
-	 * @param $container - 控件渲染节点
-	 * @param btnList - 控件按钮列表
+	/**
+	 * 渲染控件
+	 * @param $container - 控件渲染节点
+	 * @param btnList - 控件按钮列表
 	 */ // prettier-ignore
 	function _renderControls(theme, $container, btnList, props) {
 	    if (props === void 0) props = {};
@@ -12100,27 +12109,27 @@
 	    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;
@@ -12146,11 +12155,11 @@
 	        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);
@@ -12159,34 +12168,34 @@
 	        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;
 	}
@@ -13860,7 +13869,7 @@
 	    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';
 
 	// 不要动这里的代码， 这个出口是为了编译成 umd 规范的文件