@ezuikit/player-theme 1.0.0-beta.1 → 1.0.0

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 /*
-* @ezuikit/player-theme v1.0.0-beta.1
-* Copyright (c) 2025-10-27 Ezviz-OpenBiz
+* @ezuikit/player-theme v1.0.0
+* Copyright (c) 2025-11-03 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 (function (global, factory) {
@@ -534,6 +534,7 @@
 	        /** 日期改变 */ dateChange: 'Control.dateChange',
 	        /** 日期销毁 */ dateDestroy: 'Control.datePanelDestroy',
 	        /**  时间轴拖动结束 */ timeLineChange: 'Control.timeLineChange',
+	        /** 时间轴图片列表面板 */ timeLinePanelOpenChange: 'Control.timeLinePanelOpenChange',
 	        /** 时间轴控件销毁 */ timeLineDestroy: 'Control.timeLineDestroy',
 	        /** 主题控件挂载前 切换新的主题也会触发，如果想首次获取需要在 onInitializing 回调中进行监听 */ beforeMountControls: 'Control.beforeMountControls',
 	        /** 主题控件挂载完成, 切换新的主题也会触发，如果想首次获取需要在 onInitializing 回调中进行监听 */ mountedControls: 'Control.mountedControls',
@@ -980,7 +981,7 @@
 	    return Poster;
 	}(Control);
 
-	var Icons$1 = {
+	var Icons = {
 	    /** 播放 */ play: '<svg width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor" focusable="false" aria-hidden="true" data-icon="play">\n      <rect x="6.5" y="5.5" rx="1.25" width="2.5" height="13"/>\n      <rect x="15" y="5.5" rx="1.25" width="2.5" height="13"/>\n    </svg>',
 	    /** 暂停 */ pause: '<svg width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor"  focusable="false" aria-hidden="true" data-icon="pause"> <path d="M17.5 13.66L9.1 19.26C7.78 20.14 6 19.19 6 17.59L6 6.4C6 4.8 7.78 3.85 9.1 4.73L17.5 10.33C18.69 11.12 18.69 12.87 17.5 13.66Z" /></svg>',
 	    /** 音量 */ volume: function(prefix) {
@@ -1046,131 +1047,131 @@
 	var IconComponents = {
 	    /** 播放 */ play: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.play, 'play', attr);
+	        return createIcon(Icons.play, 'play', attr);
 	    },
 	    /** 暂停 */ pause: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.pause, 'pause', attr);
+	        return createIcon(Icons.pause, 'pause', attr);
 	    },
 	    volume: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.volume(PREFIX_CLASS), 'volume', attr);
+	        return createIcon(Icons.volume(PREFIX_CLASS), 'volume', attr);
 	    },
 	    mobileFullscreen: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.mobileFullscreen, 'mobile-fullscreen', attr);
+	        return createIcon(Icons.mobileFullscreen, 'mobile-fullscreen', attr);
 	    },
 	    exitFullscreen: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.exitFullscreen, 'exit-fullscreen', attr);
+	        return createIcon(Icons.exitFullscreen, 'exit-fullscreen', attr);
 	    },
 	    fullscreen: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.fullscreen, 'fullscreen', attr);
+	        return createIcon(Icons.fullscreen, 'fullscreen', attr);
 	    },
 	    exitGlobalFullscreen: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.exitGlobalFullscreen, 'exit-global-fullscreen', attr);
+	        return createIcon(Icons.exitGlobalFullscreen, 'exit-global-fullscreen', attr);
 	    },
 	    globalFullscreen: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.globalFullscreen, 'global-fullscreen', attr);
+	        return createIcon(Icons.globalFullscreen, 'global-fullscreen', attr);
 	    },
 	    capturePicture: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.capturePicture, 'capture-picture', attr);
+	        return createIcon(Icons.capturePicture, 'capture-picture', attr);
 	    },
 	    ptz: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.ptz, 'ptz', attr);
+	        return createIcon(Icons.ptz, 'ptz', attr);
 	    },
 	    record: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.record, 'record', attr);
+	        return createIcon(Icons.record, 'record', attr);
 	    },
 	    recordCircle: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.recordCircle, 'record-circle', attr);
+	        return createIcon(Icons.recordCircle, 'record-circle', attr);
 	    },
 	    talk: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.talk, 'talk', attr);
+	        return createIcon(Icons.talk, 'talk', attr);
 	    },
 	    talkGrowth: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.talkGrowth(PREFIX_CLASS), 'talk-growth', attr);
+	        return createIcon(Icons.talkGrowth(PREFIX_CLASS), 'talk-growth', attr);
 	    },
 	    zoom: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.zoom, 'zoom', attr);
+	        return createIcon(Icons.zoom, 'zoom', attr);
 	    },
 	    more: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.more, 'more', attr);
+	        return createIcon(Icons.more, 'more', attr);
 	    },
 	    moreDot: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.moreDot, 'more-dot', attr);
+	        return createIcon(Icons.moreDot, 'more-dot', attr);
 	    },
 	    minusCircle: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.minusCircle, 'minus-circle', attr);
+	        return createIcon(Icons.minusCircle, 'minus-circle', attr);
 	    },
 	    plusCircle: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.plusCircle, 'plus-circle', attr);
+	        return createIcon(Icons.plusCircle, 'plus-circle', attr);
 	    },
 	    sdk: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.sdk, 'sdk', attr);
+	        return createIcon(Icons.sdk, 'sdk', attr);
 	    },
 	    cloudRec: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.cloudRec, 'cloud-rec', attr);
+	        return createIcon(Icons.cloudRec, 'cloud-rec', attr);
 	    },
 	    cloudRecord: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.cloudRecord, 'cloud-record', attr);
+	        return createIcon(Icons.cloudRecord, 'cloud-record', attr);
 	    },
 	    error: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.error, 'error', attr);
+	        return createIcon(Icons.error, 'error', attr);
 	    },
 	    info: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.info, 'info', attr);
+	        return createIcon(Icons.info, 'info', attr);
 	    },
 	    close: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.close, 'close', attr);
+	        return createIcon(Icons.close, 'close', attr);
 	    },
 	    closeCircleOutLined: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.closeCircleOutLined, 'close-circle', attr);
+	        return createIcon(Icons.closeCircleOutLined, 'close-circle', attr);
 	    },
 	    warnCircleOutLined: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.warnCircleOutLined, 'warn-circle', attr);
+	        return createIcon(Icons.warnCircleOutLined, 'warn-circle', attr);
 	    },
 	    infoCircleOutLined: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.infoCircleOutLined, 'info-circle', attr);
+	        return createIcon(Icons.infoCircleOutLined, 'info-circle', attr);
 	    },
 	    date: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.date, 'date', attr);
+	        return createIcon(Icons.date, 'date', attr);
 	    },
 	    filter: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.filter, 'filter', attr);
+	        return createIcon(Icons.filter, 'filter', attr);
 	    },
 	    add: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.add, 'add', attr);
+	        return createIcon(Icons.add, 'add', attr);
 	    },
 	    reduce: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.reduce, 'reduce', attr);
+	        return createIcon(Icons.reduce, 'reduce', attr);
 	    }
 	};
 
@@ -1463,23 +1464,32 @@
 	}(Control);
 
 	/*
-	* @skax/picker v1.0.2
-	* Copyright (c) 2025-10-26 ShineShao <xiaoshaoqq@gmail.com>
+	* @skax/picker v1.0.3
+	* Copyright (c) 2025-10-28 ShineShao <xiaoshaoqq@gmail.com>
 	* Released under the MIT License.
 	*/
-	/**
-	 * PickerProvider
+	/**
+	 * PickerProvider 单例类
 	 */ class PickerProvider {
-	    static getInstance() {
+	    /**
+	   * 获取单例实例
+	   * @returns Picker 实例
+	   */ static getInstance() {
 	        if (!PickerProvider.instance) {
 	            PickerProvider.instance = new PickerProvider();
 	        }
 	        return PickerProvider.instance;
 	    }
-	    add(picker) {
+	    /**
+	   * 添加picker
+	   * @param picker Picker 实例
+	   */ add(picker) {
 	        this.pickers.push(picker);
 	    }
-	    remove(picker) {
+	    /**
+	   * 移除picker
+	   * @param picker Picker 实例
+	   */ remove(picker) {
 	        const index = this.pickers.indexOf(picker);
 	        if (index > -1) {
 	            this.pickers.splice(index, 1);
@@ -1487,7 +1497,10 @@
 	            console.warn("Picker not found in the provider.");
 	        }
 	    }
-	    closeOther(e) {
+	    /**
+	   * 关闭其他picker
+	   * @param e 事件
+	   */ closeOther(e) {
 	        for (const p of this.pickers){
 	            var _p_$container_contains, _p_$container, _p_$wrapperContent_contains, _p_$wrapperContent;
 	            if (p && !(e.target === p.$container || ((_p_$container = p.$container) == null ? void 0 : (_p_$container_contains = _p_$container.contains) == null ? void 0 : _p_$container_contains.call(_p_$container, e.target)) || e.target === p.$wrapperContent || ((_p_$wrapperContent = p.$wrapperContent) == null ? void 0 : (_p_$wrapperContent_contains = _p_$wrapperContent.contains) == null ? void 0 : _p_$wrapperContent_contains.call(_p_$wrapperContent, e.target)))) {
@@ -1504,6 +1517,11 @@
 
 	/**
 	 * picker 位置
+	 *
+	 * |   top    |     tl    |     tr    | bottom     |     bl     |     br     |
+	 * |:--------:|:---------:|:---------:|:----------:|:----------:|:----------:|
+	 * |  顶部中间 |  顶部左侧   |  顶部右侧  |   底部中间   |  底部左侧   |   底部右侧  |
+	 *
 	 * @public
 	 */ // eslint-disable-next-line @typescript-eslint/naming-convention
 	const PICKER_PLACEMENT = [
@@ -1519,7 +1537,8 @@
 	 */ const PICKER_PREFIX_CLS = "epicker";
 	/**
 	 * Picker 默认值
-	 */ const DEFAULT_PICKER_OPTIONS = {
+	 */ // eslint-disable-next-line @typescript-eslint/naming-convention
+	const __PICKER_DEFAULT_OPTIONS__ = {
 	    getPopupContainer: ()=>document.body,
 	    wrapClassName: "",
 	    open: false,
@@ -1560,6 +1579,10 @@
 	 */ class Picker {
 	    /**
 	   * picker 内容挂载节点
+	   * @example
+	   * ```ts
+	   * console.log(picker.$popupContainer); // 获取挂载节点
+	   * ```
 	   */ get $popupContainer() {
 	        // prettier-ignore
 	        if (typeof this._options.getPopupContainer === "function") {
@@ -1667,7 +1690,7 @@
 	        this._disabled = disabled;
 	    }
 	    /**
-	   * 设置弹出位置
+	   * 设置弹出位置(移动端不生效)
 	   * @param placement - 弹出位置
 	   * @example
 	   * ```ts
@@ -1733,22 +1756,22 @@
 	    /**
 	   * 移除html
 	   */ _removeHtml() {
-	        var _this_$container_removeEventListener, _this_$container, _this_$popupContainer;
-	        // eslint-disable-next-line @typescript-eslint/unbound-method
-	        this.$wrapperContent.removeEventListener("click", this._onContentClick);
+	        var // eslint-disable-next-line @typescript-eslint/unbound-method
+	        _this_$wrapperContent, _this_$container_removeEventListener, _this_$container;
+	        (_this_$wrapperContent = this.$wrapperContent) == null ? void 0 : _this_$wrapperContent.removeEventListener("click", this._onContentClick);
 	        (_this_$container = this.$container) == null ? void 0 : (_this_$container_removeEventListener = _this_$container.removeEventListener) == null ? void 0 : _this_$container_removeEventListener.call(_this_$container, "click", this._onContentClick);
 	        if (this._options.trigger === "click") {
 	            var _this_$container_removeEventListener1, _this_$container1;
 	            (_this_$container1 = this.$container) == null ? void 0 : (_this_$container_removeEventListener1 = _this_$container1.removeEventListener) == null ? void 0 : _this_$container_removeEventListener1.call(_this_$container1, "click", this._onShow);
 	        }
 	        if (this._options.trigger === "hover") {
-	            var _this_$container_removeEventListener2, _this_$container2, _this_$container_removeEventListener3, _this_$container3, _this_$container_removeEventListener4, _this_$container4;
+	            var _this_$container_removeEventListener2, _this_$container2, _this_$container_removeEventListener3, _this_$container3, _this_$container_removeEventListener4, _this_$container4, // prettier-ignore
+	            _this_$wrapperContent1, _this_$wrapperContent2;
 	            (_this_$container2 = this.$container) == null ? void 0 : (_this_$container_removeEventListener2 = _this_$container2.removeEventListener) == null ? void 0 : _this_$container_removeEventListener2.call(_this_$container2, "mouseenter", this._onShow);
 	            (_this_$container3 = this.$container) == null ? void 0 : (_this_$container_removeEventListener3 = _this_$container3.removeEventListener) == null ? void 0 : _this_$container_removeEventListener3.call(_this_$container3, "mouseover", this._onShow);
 	            (_this_$container4 = this.$container) == null ? void 0 : (_this_$container_removeEventListener4 = _this_$container4.removeEventListener) == null ? void 0 : _this_$container_removeEventListener4.call(_this_$container4, "mouseleave", this._onHide);
-	            // prettier-ignore
-	            this.$wrapperContent.removeEventListener("mouseenter", this._onWrapperShow);
-	            this.$wrapperContent.removeEventListener("mouseleave", this._onHide);
+	            (_this_$wrapperContent1 = this.$wrapperContent) == null ? void 0 : _this_$wrapperContent1.removeEventListener("mouseenter", this._onWrapperShow);
+	            (_this_$wrapperContent2 = this.$wrapperContent) == null ? void 0 : _this_$wrapperContent2.removeEventListener("mouseleave", this._onHide);
 	        }
 	        if (!this._options.isMobile) {
 	            // eslint-disable-next-line @typescript-eslint/unbound-method
@@ -1761,13 +1784,22 @@
 	            document.removeEventListener("click", this._onDocumentClick);
 	        }
 	        if (this._$mask) {
-	            var _this_$wrapperContent;
 	            this._$mask.removeEventListener("click", this._onHide);
-	            (_this_$wrapperContent = this.$wrapperContent) == null ? void 0 : _this_$wrapperContent.removeChild(this._$mask);
+	            try {
+	                var _this_$wrapperContent3;
+	                (_this_$wrapperContent3 = this.$wrapperContent) == null ? void 0 : _this_$wrapperContent3.removeChild(this._$mask);
+	                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+	                this._$mask = null;
+	            } catch (error) {}
 	        }
 	        if (this._options.isMobile) document.body.classList.remove(`${PICKER_PREFIX_CLS}-body-noscroll`);
-	        (_this_$popupContainer = this.$popupContainer) == null ? void 0 : _this_$popupContainer.removeChild(this.$wrapperContent);
-	        this.$wrapperContent.innerHTML = "";
+	        try {
+	            var _this_$popupContainer;
+	            (_this_$popupContainer = this.$popupContainer) == null ? void 0 : _this_$popupContainer.removeChild(this.$wrapperContent);
+	            this.$wrapperContent.innerHTML = "";
+	            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+	            this.$wrapperContent = null;
+	        } catch (error) {}
 	    }
 	    /**
 	   * 现实位置
@@ -1825,17 +1857,18 @@
 	                    right = containerRight;
 	                    break;
 	            }
-	            this.$wrapperContent.style.cssText += `
-        ${right !== undefined ? `right: ${right + (((_this__options_offset3 = this._options.offset) == null ? void 0 : _this__options_offset3[0]) || 0)}px;` : ""}
-        ${left !== undefined ? `left: ${left + (((_this__options_offset4 = this._options.offset) == null ? void 0 : _this__options_offset4[0]) || 0)}px;` : ""}
-        top: ${bottom + (((_this__options_offset5 = this._options.offset) == null ? void 0 : _this__options_offset5[1]) || 0)}px;
-        z-index:${this._options.zIndex};
-      `;
+	            if (this.$wrapperContent) this.$wrapperContent.style.cssText += `
+          ${right !== undefined ? `right: ${right + (((_this__options_offset3 = this._options.offset) == null ? void 0 : _this__options_offset3[0]) || 0)}px;` : ""}
+          ${left !== undefined ? `left: ${left + (((_this__options_offset4 = this._options.offset) == null ? void 0 : _this__options_offset4[0]) || 0)}px;` : ""}
+          top: ${bottom + (((_this__options_offset5 = this._options.offset) == null ? void 0 : _this__options_offset5[1]) || 0)}px;
+          z-index:${this._options.zIndex};
+        `;
 	        }
 	    }
 	    /**
 	   * 初始化内容样式
 	   */ _initContentStyle() {
+	        if (!this.$wrapperContent) return;
 	        // prettier-ignore
 	        this.$wrapperContent.classList.add(`${PICKER_PREFIX_CLS}`, `${PICKER_PREFIX_CLS}-wrapper`, `${PICKER_PREFIX_CLS}-${this._options.placement}`);
 	        // 提升优先级
@@ -1943,7 +1976,7 @@
 	        this._disabled = false;
 	        this._timer = null;
 	        // prettier-ignore
-	        this._options = Object.assign({}, DEFAULT_PICKER_OPTIONS, options || {});
+	        this._options = Object.assign({}, __PICKER_DEFAULT_OPTIONS__, options || {});
 	        // 移动端模式强制使用 click 触发
 	        if (this._options.isMobile) {
 	            this._options.trigger = "click";
@@ -1969,7 +2002,7 @@
 	   * ```ts
 	   * Picker.VERSION; // 输出版本号
 	   * ```
-	   */ Picker.VERSION = "1.0.2";
+	   */ Picker.VERSION = "1.0.3";
 
 	/*
 	* delegate.js v3.2.0
@@ -3950,7 +3983,7 @@
 	*/
 	const LoggerStyle={info:"",log:"background: #4096ff; color: #FFF;",warn:"background: yellow; color: #FFF;",error:"background: red; color: #FFF;"};class LoggerCls{setOptions(options){var _this__options_level;this._options=Object.assign({},this._options,options),this._levelNum=this._matchLevel(null!=(_this__options_level=this._options.level)?_this__options_level:"INFO"),this.info=this._loggerFactory("info",this._levelNum>=3),this.log=this._loggerFactory("log",this._levelNum>=2),this.warn=this._loggerFactory("warn",this._levelNum>=1),this.error=this._loggerFactory("error",this._levelNum>=0);}_matchLevel(level){let logLevel=3;switch(level){case "INFO":logLevel=3;break;case "LOG":logLevel=2;break;case "WARN":logLevel=1;break;case "ERROR":logLevel=0;}return logLevel}_loggerFactory(type,bool){const fn=console[type];if(bool&&fn){const args0=this._options.name?`%c[${this._options.name}]%c %c[${type.toUpperCase()}]`:`%c[${type.toUpperCase()}]`,color=[this._options.name?"background: green;color: #fff":null,this._options.name?"":null,LoggerStyle[type]].filter((color=>null!=color));return fn.bind(console,args0,...color)}return LoggerCls.noop}getOptions(){return this._options}getVersion(){return "1.1.0"}constructor(){let options=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this._options={level:"INFO",showTime:false},this._levelNum=3,this.info=this._loggerFactory("info",this._levelNum>=3),this.log=this._loggerFactory("log",this._levelNum>=2),this.warn=this._loggerFactory("warn",this._levelNum>=1),this.error=this._loggerFactory("error",this._levelNum>=0),this.setOptions(options);}}function fillTen(num){return (num=+num)<10&&(num=`0${num}`),num+""}LoggerCls.noop=()=>{},LoggerCls.VERSION="1.1.0";const list=["info","log","warn","error"];function Logger(options){const logger=new LoggerCls(options);return new Proxy(logger,{get(target,prop){if(list.includes(prop)){var _target__options;if(null==(_target__options=target._options)?void 0:_target__options.showTime){const time=function(){const now=new Date(Date.now()),year=now.getFullYear(),month=now.getMonth()+1,day=now.getDate(),hour=now.getHours(),min=now.getMinutes(),sec=now.getSeconds(),ms=now.getMilliseconds();return `${year}/${fillTen(month)}/${fillTen(day)} ${fillTen(hour)}:${fillTen(min)}:${fillTen(sec)}:${ms}`}();return target[prop].bind(console,`[${time}]`)}return target[prop].bind(console)}return Reflect.get(target,prop)}})}
 
-	var zh$1 = {
+	var zh = {
 	    391001: '取流地址或端口非法',
 	    395000: '服务内部异常，请稍后重试',
 	    395400: '预览取流参数异常',
@@ -4220,7 +4253,7 @@
 	};
 
 	// 不要出现多层的的数据, 数据铺平
-	var en$1 = {
+	var en = {
 	    391001: 'Illegal streaming address or port',
 	    395000: 'Internal service exception, please try again later',
 	    395400: 'Preview streaming parameter exception',
@@ -5581,6 +5614,14 @@
 	        theme.controls.timeLineControl.on(EVENTS.control.timeLineChange, function(date) {
 	            theme.emit(EVENTS.control.timeLineChange, date);
 	        });
+	        theme.controls.timeLineControl.on(EVENTS.control.timeLinePanelOpenChange, function(open) {
+	            var _theme_controls_dateControl;
+	            if ((_theme_controls_dateControl = theme.controls.dateControl) == null ? void 0 : _theme_controls_dateControl.dataPickerUtil) {
+	                var _theme_controls_dateControl_dataPickerUtil, _theme_controls_dateControl1;
+	                (_theme_controls_dateControl1 = theme.controls.dateControl) == null ? void 0 : (_theme_controls_dateControl_dataPickerUtil = _theme_controls_dateControl1.dataPickerUtil) == null ? void 0 : _theme_controls_dateControl_dataPickerUtil.hide();
+	            }
+	            theme.emit(EVENTS.control.timeLinePanelOpenChange, open);
+	        });
 	        theme.controls.timeLineControl.on(EVENTS.control.timeLineDestroy, function() {
 	            theme.emit(EVENTS.control.timeLineDestroy);
 	        });
@@ -9681,7 +9722,7 @@
 	};
 	/**
 	 * 日期选择器
-	 */ let DatePicker$1 = class DatePicker {
+	 */ class DatePicker {
 	    _init() {
 	        // 因为挂载在行内，需要父标签设置 position: relative;
 	        this.$container.style.cssText += `;position: relative;`;
@@ -9809,7 +9850,7 @@
 	            }
 	        });
 	    }
-	};
+	}
 
 	/**
 	 * @description 时间操作
@@ -9995,9 +10036,9 @@
 	/**
 	 * 日历选择器控件
 	 * @category Control
-	 */ var DatePicker = /*#__PURE__*/ function(Control) {
-	    _inherits$6(DatePicker, Control);
-	    function DatePicker(options) {
+	 */ var DatePickerControl = /*#__PURE__*/ function(Control) {
+	    _inherits$6(DatePickerControl, Control);
+	    function DatePickerControl(options) {
 	        var _this;
 	        var _this_options_props_urlInfo_searchParams, _this_options_props_urlInfo, _this_options_props;
 	        _this = Control.call(this, _extends$6({}, options, {
@@ -10010,7 +10051,7 @@
 	        _this._render();
 	        return _this;
 	    }
-	    var _proto = DatePicker.prototype;
+	    var _proto = DatePickerControl.prototype;
 	    _proto._render = function _render() {
 	        var _this = this;
 	        if (isMobile$1()) {
@@ -10022,7 +10063,7 @@
 	                title: (_this_locale1 = this.locale) == null ? void 0 : _this_locale1.BTN_CALENDAR
 	            });
 	        }
-	        this.dataPickerUtil = new DatePicker$1(this.$container, {
+	        this.dataPickerUtil = new DatePicker(this.$container, {
 	            staticPath: this.options.staticPath,
 	            language: this.options.language === 'zh' ? 'zh-CN' : 'en-US',
 	            current: new Date(this._value + ' 00:00:00'),
@@ -10082,15 +10123,407 @@
 	   */ _proto._onControlClick = function _onControlClick(e) {
 	        Control.prototype._onControlClick.call(this, e);
 	    };
-	    return DatePicker;
+	    return DatePickerControl;
 	}(Control);
 
+	/**
+	 * drag scroll support move and touch
+	 *
+	 * @skax/drag-scroll v1.0.0
+	 * Copyright (c) 2025-11-03 ShineShao <xiaoshaoqq@gmail.com>
+	 * 
+	 * This source code is licensed under the MIT license found in the
+	 * LICENSE file in the root directory of this source tree.
+	 */
+	/**
+	 * 拖拽滚动状态
+	 */ /**
+	 * 默认参数
+	 */ const _$DRAG_SCROLL_DEFAULT_OPTIONS$_ = {
+	    content: '',
+	    height: '400px',
+	    readonly: false,
+	    hideScrollbar: false
+	};
+	/**
+	 * 前缀类名
+	 */ const _$DRAG_SCROLL_PREFIX_CLASSNAME$_ = 'drag-scroll';
+	/**
+	 * 拖拽滚动(使用 PointerEvent 统一处理鼠标和触摸事件)
+	 * @class DragScroll
+	 * @example
+	 * ```ts
+	 * const container = document.getElementById('scrollContainer');
+	 * const dragScroll = new DragScroll(container, {
+	 *   width: '300px',
+	 *   height: '500px',
+	 *   content: '<div>...</div>',
+	 * });
+	 * ```
+	 */ class DragScroll {
+	    /**
+	   * 获取容器宽度
+	   * @example
+	   * ```ts
+	   * const width = dragScroll.width;
+	   * ```
+	   * @return {number}
+	   */ get width() {
+	        return this.$container.clientWidth;
+	    }
+	    /**
+	   * 获取容器高度
+	   * @example
+	   * ```ts
+	   * const height = dragScroll.height;
+	   * ```
+	   * @return {number}
+	   */ get height() {
+	        return this.$container.clientHeight;
+	    }
+	    /**
+	   * 只读属性
+	   */ get readonly() {
+	        return this._readonly;
+	    }
+	    set readonly(value) {
+	        if (this._readonly !== value) {
+	            this.$container.style.cursor = value ? 'not-allowed' : 'grab';
+	            this._readonly = value;
+	        }
+	        this.$container.removeEventListener('touchmove', this._onTouchMove);
+	        if (!value) {
+	            // 当非只读时，添加 touchmove 事件监听， 阻止透传到body默认滚动行为
+	            this.$container.addEventListener('touchmove', this._onTouchMove, {
+	                passive: false
+	            }); //
+	        }
+	    }
+	    /**
+	   * 内容是否可滚动
+	   */ get canDrag() {
+	        const clientHeight = this.$content.clientHeight;
+	        return !this.readonly && clientHeight > this.$container.clientHeight;
+	    }
+	    /**
+	   * 设置容器尺寸
+	   * @param width 容器宽度
+	   * @param height 容器高度
+	   * @example
+	   * ```ts
+	   * dragScroll.resize(500, '400px');
+	   * dragScroll.resize('80%', '600px');
+	   * ```
+	   */ resize(width, height) {
+	        let css = ``;
+	        if (/^\d+(\.\d+)?$/.test(width + '')) {
+	            css = `width: ${width}px;`;
+	        } else if (typeof width === 'string') {
+	            css = `width: ${width};`;
+	        }
+	        if (/^\d+(\.\d+)?$/.test(height + '')) {
+	            css += `height: ${height}px;`;
+	        } else if (typeof height === 'string') {
+	            css += `height: ${height};`;
+	        }
+	        this.$container.style.cssText += css;
+	        this._applyTransform();
+	    }
+	    /**
+	   * 设置 HTML 内容
+	   * @param html HTML 字符串或返回 HTML 字符串的函数
+	   * @example
+	   * ```ts
+	   * dragScroll.innerHtml('<div>New Content</div>');
+	   * dragScroll.innerHtml(() => '<div>Dynamic Content</div>');
+	   * ```
+	   */ innerHtml(html) {
+	        this.$content.innerHTML = typeof html === 'function' ? html() : html;
+	        this._applyTransform();
+	    }
+	    /**
+	   * Y轴滚动到指定位置
+	   * @param y Y轴平移值 （需正值不支持负值）
+	   * @example
+	   * ```ts
+	   * dragScroll.scrollToY(200);
+	   * dragScroll.scrollToY(0); // 平移到顶部
+	   * dragScroll.scrollToY(-2); // 无效
+	   * ```
+	   */ scrollToY(y, triggerChange = true) {
+	        const maxScroll = this.$content.scrollHeight - this.$container.clientHeight;
+	        // 边界检查
+	        if (y < 0 || y > maxScroll) return;
+	        this.currentY = y;
+	        this.velocity = 0;
+	        this._applyTransform();
+	        if (triggerChange) this._updateState();
+	    }
+	    /**
+	   * 销毁方法，用于清理资源
+	   * @example
+	   * ```ts
+	   * dragScroll.destroy();
+	   * dragScroll = null;
+	   * ```
+	   */ destroy() {
+	        var _this__$scrollbarThumb, _this__$scrollbar, _this_$content;
+	        if (this._animationId) {
+	            cancelAnimationFrame(this._animationId);
+	            this._animationId = null;
+	        }
+	        if (this._indicatorTimeout) {
+	            clearTimeout(this._indicatorTimeout);
+	            this._indicatorTimeout = null;
+	        }
+	        (_this__$scrollbarThumb = this._$scrollbarThumb) == null ? void 0 : _this__$scrollbarThumb.remove();
+	        this._$scrollbarThumb = null;
+	        (_this__$scrollbar = this._$scrollbar) == null ? void 0 : _this__$scrollbar.remove();
+	        this._$scrollbar = null;
+	        (_this_$content = this.$content) == null ? void 0 : _this_$content.remove();
+	        this.$content = null;
+	        this._removeEventListeners();
+	    }
+	    // ---------------------------------------------------------------------- //
+	    // 私有方法
+	    // ---------------------------------------------------------------------- //
+	    _renderScrollbar() {
+	        this._$scrollbar = document.createElement('div');
+	        this._$scrollbar.className = `${_$DRAG_SCROLL_PREFIX_CLASSNAME$_}-scrollbar`;
+	        this._$scrollbarThumb = document.createElement('div');
+	        this._$scrollbarThumb.className = `${_$DRAG_SCROLL_PREFIX_CLASSNAME$_}-scrollbar-thumb`;
+	        this._$scrollbar.appendChild(this._$scrollbarThumb);
+	        this.$container.appendChild(this._$scrollbar);
+	    }
+	    // 初始化
+	    _init() {
+	        this.resize(this.options.width, this.options.height);
+	        this._addEventListeners();
+	        // 初始化滚动条
+	        this._updateScrollbar();
+	        // 初始化动画
+	        this._animate();
+	    }
+	    //  ----------- 事件处理 -----------  //
+	    /**
+	   * 添加事件监听器
+	   */ _addEventListeners() {
+	        // 添加事件监听器
+	        this.$container.addEventListener('pointerdown', this._onMouseDown);
+	        document.addEventListener('pointermove', this._onMouseMove);
+	        // 务必同时监听 pointerup 和 pointercancel，都要做收尾和状态清理，否则会出现“拖动卡死”问题
+	        document.addEventListener('pointerup', this._onMouseUp); // 指针正常抬起时
+	        document.addEventListener('pointercancel', this._onMouseUp); // 指针操作被系统/外部原因打断时
+	    }
+	    /**
+	   * 移除事件监听器
+	   */ _removeEventListeners() {
+	        this.$container.removeEventListener('touchmove', this._onTouchMove);
+	        // 移除事件监听器
+	        this.$container.removeEventListener('pointerdown', this._onMouseDown);
+	        document.removeEventListener('pointermove', this._onMouseMove);
+	        document.removeEventListener('pointerup', this._onMouseUp);
+	        document.removeEventListener('pointercancel', this._onMouseUp);
+	    }
+	    /**
+	   * 鼠标按下
+	   * @param e 鼠标事件
+	   */ _onMouseDown(e) {
+	        if (!this.canDrag) return;
+	        this._startDrag(e.clientY);
+	        this.options.onDragStart == null ? void 0 : this.options.onDragStart.call(this.options, e);
+	    }
+	    /**
+	   * 触摸移动
+	   * @param e 触摸移动事件
+	   */ _onTouchMove(e) {
+	        e.preventDefault();
+	    }
+	    /**
+	   * 开始拖拽
+	   * @param clientY 鼠标或触摸的 Y 坐标
+	   */ _startDrag(clientY) {
+	        var _this__$scrollbar_classList, _this__$scrollbar;
+	        if (!this.canDrag) return;
+	        this.isDragging = true;
+	        this._startY = clientY;
+	        this.velocity = 0;
+	        (_this__$scrollbar = this._$scrollbar) == null ? void 0 : (_this__$scrollbar_classList = _this__$scrollbar.classList) == null ? void 0 : _this__$scrollbar_classList.add(`${_$DRAG_SCROLL_PREFIX_CLASSNAME$_}-show`);
+	        // 更新光标样式
+	        this.$container.style.cursor = 'grabbing';
+	    }
+	    /**
+	   * 鼠标移动
+	   * @param e 鼠标事件
+	   */ _onMouseMove(e) {
+	        // e.preventDefault();
+	        if (!this.canDrag) return;
+	        if (!this.isDragging) return;
+	        this._drag(e.clientY);
+	        this.options.onDragging == null ? void 0 : this.options.onDragging.call(this.options, 0, this.currentY);
+	    }
+	    /**
+	   * 拖动
+	   * @param clientY 鼠标或触摸的 Y 坐标
+	   */ _drag(clientY) {
+	        if (!this.canDrag) return;
+	        const deltaY = this._startY - clientY;
+	        this._startY = clientY;
+	        // 更新位置
+	        this.currentY += deltaY;
+	        // 计算速度（用于惯性滚动）
+	        this.velocity = deltaY;
+	        // 限制速度
+	        this.velocity = Math.max(Math.min(this.velocity, this._maxVelocity), -this._maxVelocity);
+	        this._applyTransform();
+	        this._updateState();
+	    }
+	    /**
+	   * 鼠标释放
+	   */ _onMouseUp(e) {
+	        if (!this.canDrag) return;
+	        if (!this.isDragging) return;
+	        this.isDragging = false; // 停止拖动, 放置在最后
+	        this._endDrag();
+	        this.options.onDragEnd == null ? void 0 : this.options.onDragEnd.call(this.options, e);
+	    }
+	    /**
+	   * 结束拖动
+	   */ _endDrag() {
+	        // 恢复光标样式
+	        this.$container.style.cursor = 'grab';
+	        // 延迟隐藏滚动条
+	        setTimeout(()=>{
+	            var _this__$scrollbar;
+	            if (!this.isDragging) (_this__$scrollbar = this._$scrollbar) == null ? void 0 : _this__$scrollbar.classList.remove(`${_$DRAG_SCROLL_PREFIX_CLASSNAME$_}-show`);
+	        }, 1500);
+	    }
+	    /**
+	   * 平移内容
+	   */ _applyTransform() {
+	        const clientHeight = this.$content.clientHeight;
+	        // 内容高度小于等于容器高度时，不进行滚动
+	        if (clientHeight <= this.$container.clientHeight) {
+	            this.$content.style.transform = `translate3d(0, 0, 0)`;
+	            return;
+	        }
+	        const maxScroll = this.$content.scrollHeight - this.$container.clientHeight;
+	        // 边界检查与弹性效果
+	        if (this.currentY < 0) {
+	            // 超出顶部边界
+	            this.currentY = 0; // this.currentY * this._bounceDamping;
+	            this.velocity *= this._bounceDamping;
+	        } else if (this.currentY > maxScroll) {
+	            // 超出底部边界
+	            this.currentY = maxScroll; // maxScroll + (this.currentY - maxScroll) * this._bounceDamping;
+	            this.velocity *= this._bounceDamping;
+	        }
+	        // 应用 transform
+	        this.$content.style.transform = `translate3d(0, ${-this.currentY}px, 0)`;
+	        this._updateScrollbar();
+	    }
+	    /**
+	   * 动画
+	   * @param timestamp 时间戳
+	   */ _animate(timestamp = 0) {
+	        const clientHeight = this.$content.clientHeight;
+	        // 内容高度小于等于容器高度时，不进行滚动
+	        if (clientHeight <= this.$container.clientHeight) {
+	            return;
+	        }
+	        if (!this._lastTimestamp) this._lastTimestamp = timestamp;
+	        const deltaTime = Math.min(timestamp - this._lastTimestamp, 100) / 16; // 限制最大时间增量
+	        this._lastTimestamp = timestamp;
+	        if (!this.isDragging) {
+	            // 惯性滚动
+	            this.velocity *= this._friction;
+	            this.currentY += this.velocity;
+	            // 弹性回弹
+	            const maxScroll = this.$content.scrollHeight - this.$container.clientHeight;
+	            if (this.currentY < 0) {
+	                // 顶部弹性
+	                this.velocity -= this.currentY * this._spring * deltaTime;
+	            } else if (this.currentY > maxScroll) {
+	                // 底部弹性
+	                this.velocity -= (this.currentY - maxScroll) * this._spring * deltaTime;
+	            }
+	            this._applyTransform();
+	            this._updateState();
+	            // 当速度足够小时停止动画
+	            if (Math.abs(this.velocity) < 0.1 && this.currentY >= 0 && this.currentY <= maxScroll) {
+	                this.velocity = 0;
+	            }
+	        }
+	        this._animationId = requestAnimationFrame(this._animate.bind(this));
+	    }
+	    /**
+	   * 更新滚动条
+	   */ _updateScrollbar() {
+	        const containerHeight = this.$container.clientHeight;
+	        const contentHeight = this.$content.scrollHeight;
+	        const maxScroll = contentHeight - containerHeight;
+	        if (maxScroll <= 0) {
+	            if (this._$scrollbarThumb) this._$scrollbarThumb.style.height = '0';
+	            return;
+	        }
+	        // 计算滚动条高度和位置
+	        const thumbHeight = Math.max(containerHeight / contentHeight * containerHeight, 20);
+	        const thumbPosition = this.currentY / maxScroll * (containerHeight - thumbHeight);
+	        if (this._$scrollbarThumb) {
+	            this._$scrollbarThumb.style.height = `${thumbHeight}px`;
+	            this._$scrollbarThumb.style.transform = `translateY(${thumbPosition}px)`;
+	        }
+	    }
+	    /**
+	   * 更新统计信息
+	   */ _updateState() {
+	        this.options.onChange == null ? void 0 : this.options.onChange.call(this.options, {
+	            x: 0,
+	            y: this.currentY,
+	            velocity: +this.velocity.toFixed(1)
+	        });
+	    }
+	    constructor(container, options = {}){
+	        this._indicatorTimeout = null;
+	        /** 滚动条元素 */ this._$scrollbar = null;
+	        /** 滚动条指示器元素 */ this._$scrollbarThumb = null;
+	        /** 是否只读 */ this._readonly = false;
+	        this.$container = container;
+	        this.options = Object.assign({}, _$DRAG_SCROLL_DEFAULT_OPTIONS$_, options);
+	        this.$container.classList.add(_$DRAG_SCROLL_PREFIX_CLASSNAME$_, `${_$DRAG_SCROLL_PREFIX_CLASSNAME$_}-container`);
+	        this.$content = document.createElement('div');
+	        this.$content.classList.add(`${_$DRAG_SCROLL_PREFIX_CLASSNAME$_}-content`);
+	        this.innerHtml(this.options.content);
+	        this.$container.appendChild(this.$content);
+	        this.isDragging = false;
+	        this._startY = 0;
+	        this.currentY = 0;
+	        this.velocity = 0;
+	        this._animationId = null;
+	        this._lastTimestamp = 0;
+	        // 物理参数
+	        this._spring = 0.25; // 弹性系数
+	        this._friction = 0.92; // 摩擦力
+	        this._bounceDamping = 0.6; // 边界反弹阻尼
+	        this._maxVelocity = 30; // 最大速度限制
+	        if (!this.options.hideScrollbar) {
+	            this._renderScrollbar();
+	        }
+	        this._onMouseDown = this._onMouseDown.bind(this);
+	        this._onTouchMove = this._onTouchMove.bind(this);
+	        this._onMouseMove = this._onMouseMove.bind(this);
+	        this._onMouseUp = this._onMouseUp.bind(this);
+	        this.readonly = this.options.readonly;
+	        this._init();
+	    }
+	}
+
 	/*
-	* @ezuikit/control-time-line v1.0.0-beta.2
-	* Copyright (c) 2025-10-27 Ezviz-OpenBiz
+	* @ezuikit/control-time-line v1.0.0
+	* Copyright (c) 2025-11-03 Ezviz-OpenBiz
 	* Released under the MIT License.
 	*/
-	var zh={title:"包含{{len}}段录像",foldTitle:"{{len}}个录像"};var en={title:"Includes {{len}} {{unit}}",foldTitle:"{{len}} {{unit}}"};const BASE_TIME_LINE_DEFAULT_OPTIONS={current:new Date,language:"zh",timeSections:[],readOnly:false,className:"",timeWidth:0,width:"100%",
+	var _$TIMELINE_LOCALES$_={zh:{title:"包含{{len}}段录像",foldTitle:"{{len}}个录像"},en:{title:"Includes {{len}} {{unit}}",foldTitle:"{{len}} {{unit}}"}};const _$BASE_TIME_LINE_DEFAULT_OPTIONS$_={current:new Date,language:"zh",timeSections:[],readOnly:false,className:"",timeWidth:0,width:"100%",
 	// --------------------只支持初始化时，不支持动态变更 (不做对象冻结)--------------------
 	timePointColor:"#1890ff",timeTextColor:"#FFF",timeScaleColor:"#FFF",timeSectionColor:"rgba(24, 144, 255, 0.5)",timeAxisBgColor:"#000",
 	onChange:()=>{},onDragStart:()=>{},onDragging:()=>{},onDragEnd:()=>{},onDestroy:()=>{}};
@@ -10109,7 +10542,7 @@
 	   * 只读状态
 	   */get readOnly(){return this._readOnly}
 	/**
-	   *
+	   * 时间片段
 	   */get timeSections(){return this._timeSections}
 	/**
 	   * 设置只读或取消只读, 推荐使用 timeLine.readOnly = false
@@ -10118,7 +10551,7 @@
 	   */setReadOnly(readOnly){this.readOnly=readOnly;}
 	/**
 	   * 更新当前时间
-	   * @param time 能转成时间的值， 如 时间对象 Date, 时间戳，时间戳字符串
+	   * @param current 能转成时间的值， 如 时间对象 Date, 时间戳，时间戳字符串
 	   */update(current){this._current=current;}
 	/**
 	   * 更新时间片段
@@ -10146,9 +10579,10 @@
 	// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 	this._current=null;this.options.onDestroy==null?void 0:this.options.onDestroy.call(this.options);this._timeSections=[];this._readOnly=false;this._destroyed=true;}constructor(container,options){this._current=new Date;
 	/** 只读 */this._readOnly=false;this._width=0;this._height=0;this._destroyed=false;this._timeWidth=0;
-	/** 片段列表 */this._timeSections=[];this.$container=container;this.options=deepmerge(BASE_TIME_LINE_DEFAULT_OPTIONS,options,{clone:false});if(this.options.timeSections&&Array.isArray(this.options.timeSections))this._timeSections=this.options.timeSections;if(this.options.readOnly)this.readOnly=this.options.readOnly;if(this.options.className)this.$container.classList.add(this.options.className);if(this.options.current&&this.options.current instanceof Date)this._current=this.options.current||new Date;
+	/** 片段列表 */this._timeSections=[];this.$container=container;this.options=deepmerge(_$BASE_TIME_LINE_DEFAULT_OPTIONS$_,options,{clone:false});if(this.options.timeSections&&Array.isArray(this.options.timeSections))this._timeSections=this.options.timeSections;if(this.options.readOnly)this.readOnly=this.options.readOnly;if(this.options.className)this.$container.classList.add(this.options.className);if(this.options.current&&this.options.current instanceof Date)this._current=this.options.current||new Date;
 	// prettier-ignore
-	this.i18n=new I18n(deepmerge({zh:zh,en:en},this.options.locales||{},{clone:false}),{defaultLocale:this.options.language||"zh"});this._timeWidth=this.options.timeWidth||0;this._resize(this.options.width||"100%",this.options.height);}}
+	this.i18n=new I18n(deepmerge(_$TIMELINE_LOCALES$_,this.options.locales||{},{clone:false}),{defaultLocale:this.options.language||"zh"});this._timeWidth=this.options.timeWidth||0;this._resize(this.options.width||"100%",this.options.height);}}
+	/** 语言包 */BaseTimeLine.LOCALES=_$TIMELINE_LOCALES$_;
 	/**
 	 * 时间轴工具类
 	 */class TimeLineUtil{
@@ -10203,7 +10637,10 @@
 	   * @param {number} b_start 另一个区间的开始
 	   * @param {number} b_end 另一个区间的结束
 	   * @returns {boolean}
-	   */static isOverlap(a_start,a_end,b_start,b_end){return Math.max(a_start,b_start)<=Math.min(a_end,b_end)}static tranTimeToString(start,end){var _TimeLineUtil_toDate,_TimeLineUtil_toDate1;const secondNum=Math.floor(((_TimeLineUtil_toDate=TimeLineUtil.toDate(end))==null?void 0:_TimeLineUtil_toDate.getTime())-((_TimeLineUtil_toDate1=TimeLineUtil.toDate(start))==null?void 0:_TimeLineUtil_toDate1.getTime()))/1e3;const second=secondNum%60;const minute=Math.floor(secondNum/60);return `${minute>0?TimeLineUtil.subTime(minute)+"'":""}${TimeLineUtil.subTime(second)}''`}}const Icons={tip:`<svg viewBox="0 0 57 24" fill="currentColor" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="tip">\n        <path class="ez-time-line-icon-tip" fill-rule="evenodd" d="m4,0l44,0c2.2091,0 4,1.7909 4,4l0,3.8218l4.9399,3.3572c0.5839,0.3968 0.5839,1.2574 0,1.6542l-4.9399,3.3572l0,3.8096c0,2.2091 -1.7909,4 -4,4l-44,0c-2.2091,0 -4,-1.7909 -4,-4l0,-16c0,-2.2091 1.7909,-4 4,-4z"/>\n  </svg>`,plus:`\n  <svg viewBox="0 0 16 16" fill="currentColor" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="plus">\n    <path d="M0 0L10.6667 0" stroke="rgb(44,44,44)" stroke-linecap="round" stroke-width="1.5" transform="matrix(0,1,-1,0,8,2.66663)"/>\n    <path d="M2.66669 8L13.3334 8" stroke="rgb(44,44,44)" stroke-linecap="round" stroke-width="1.5"/>\n  </svg>\n  `,minus:`\n    <svg viewBox="0 0 16 16" fill="currentColor" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="minus">\n      <path d="M2.66669 8L13.3334 8" stroke="rgb(44,44,44)" stroke-linecap="round" stroke-width="1.5"/>\n    </svg>\n  `,close:`\n    <svg viewBox="0 0 24 24" fill="none" width="1em" height="1em" stroke="currentColor" focusable="false" aria-hidden="true" data-icon="close">\n\t    <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\t\t  <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>\n  `,pause:`<svg viewBox="0 0 20 20" fill="currentColor" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="pause">\n\t\t  <path d="M9.43914 2.47881L13.4688 8.4912C14.3594 9.81998 13.4071 11.6047 11.8074 11.6047L3.74811 11.6047C2.14849 11.6047 1.19616 9.81998 2.08675 8.4912L6.11641 2.47881C6.90863 1.2968 8.64693 1.2968 9.43914 2.47881Z" fill-rule="evenodd" transform="matrix(0,1,-1,0,16.5781,2.22229)" />\n    </svg>\n  `};
+	   */static isOverlap(a_start,a_end,b_start,b_end){return Math.max(a_start,b_start)<=Math.min(a_end,b_end)}static tranTimeToString(start,end){var _TimeLineUtil_toDate,_TimeLineUtil_toDate1;const secondNum=Math.floor(((_TimeLineUtil_toDate=TimeLineUtil.toDate(end))==null?void 0:_TimeLineUtil_toDate.getTime())-((_TimeLineUtil_toDate1=TimeLineUtil.toDate(start))==null?void 0:_TimeLineUtil_toDate1.getTime()))/1e3;const second=secondNum%60;const minute=Math.floor(secondNum/60);return `${minute>0?TimeLineUtil.subTime(minute)+"'":"0'"}${TimeLineUtil.subTime(second)}''`}}
+	/**
+	 * 时间轴图标集
+	 */const _$TIMELINE_ICONS$_={tip:`<svg viewBox="0 0 57 24" fill="currentColor" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="tip">\n        <path class="ez-time-line-icon-tip" fill-rule="evenodd" d="m4,0l44,0c2.2091,0 4,1.7909 4,4l0,3.8218l4.9399,3.3572c0.5839,0.3968 0.5839,1.2574 0,1.6542l-4.9399,3.3572l0,3.8096c0,2.2091 -1.7909,4 -4,4l-44,0c-2.2091,0 -4,-1.7909 -4,-4l0,-16c0,-2.2091 1.7909,-4 4,-4z"/>\n  </svg>`,plus:`\n  <svg viewBox="0 0 16 16" fill="currentColor" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="plus">\n    <path d="M0 0L10.6667 0" stroke="rgb(44,44,44)" stroke-linecap="round" stroke-width="1.5" transform="matrix(0,1,-1,0,8,2.66663)"/>\n    <path d="M2.66669 8L13.3334 8" stroke="rgb(44,44,44)" stroke-linecap="round" stroke-width="1.5"/>\n  </svg>\n  `,minus:`\n    <svg viewBox="0 0 16 16" fill="currentColor" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="minus">\n      <path d="M2.66669 8L13.3334 8" stroke="rgb(44,44,44)" stroke-linecap="round" stroke-width="1.5"/>\n    </svg>\n  `,close:`\n    <svg viewBox="0 0 24 24" fill="none" width="1em" height="1em" stroke="currentColor" focusable="false" aria-hidden="true" data-icon="close">\n\t    <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\t\t  <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>\n  `,pause:`<svg viewBox="0 0 20 20" fill="currentColor" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="pause">\n\t\t  <path d="M9.43914 2.47881L13.4688 8.4912C14.3594 9.81998 13.4071 11.6047 11.8074 11.6047L3.74811 11.6047C2.14849 11.6047 1.19616 9.81998 2.08675 8.4912L6.11641 2.47881C6.90863 1.2968 8.64693 1.2968 9.43914 2.47881Z" fill-rule="evenodd" transform="matrix(0,1,-1,0,16.5781,2.22229)" />\n    </svg>\n  `,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 xmlns="http://www.w3.org/2000/svg" id="形状结合" 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    `};
 	/**
 	 * 时间刻度宽度 [刻度间隔秒数s, 刻度间隔宽度px, 长刻度间隔短刻度个数, 说明]
 	 * 需要满足 (24 * 60 * 60) % ([0] * [2]) = 0， 这样 0 点刻度才能正确显示
@@ -10223,23 +10660,16 @@
 	/* eslint-disable @typescript-eslint/no-non-null-assertion */ /* eslint-disable eqeqeq */ /* eslint-disable no-unneeded-ternary */ /* eslint-disable @typescript-eslint/no-this-alias */ /* eslint-disable @typescript-eslint/prefer-includes */function _extends$1$1(){_extends$1$1=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)if(Object.prototype.hasOwnProperty.call(source,key))target[key]=source[key];}return target};return _extends$1$1.apply(this,arguments)}
 	/**
 	 * 时间轴样式类前缀
-	 */const MOBILE_TIMELINE_PREFIX="ez-time-line";const MOBILE_TIME_LINE_DEFAULT_OPTIONS=Object.assign({},BASE_TIME_LINE_DEFAULT_OPTIONS,{height:400,width:"100%",timeWidth:0,readOnly:false,timePointColor:"#648FFC",timeTextColor:"#666666",timeScaleColor:"transparent",timeSectionColor:"#369FFF",timeAxisBgColor:"#BDCDFF",
+	 */const _$MOBILE_TIMELINE_PREFIX$_="ez-time-line";const _$MOBILE_TIME_LINE_DEFAULT_OPTIONS$_=Object.assign({},_$BASE_TIME_LINE_DEFAULT_OPTIONS$_,{height:400,width:"100%",timeWidth:0,readOnly:false,timePointColor:"#648FFC",timeTextColor:"#666666",timeScaleColor:"transparent",timeSectionColor:"#369FFF",timeAxisBgColor:"#BDCDFF",
 	/** 当前时间背景颜色 */currentTimeBgColor:"#648FFC",
-	/** 当前时间颜色 */currentTimeColor:"#FFFFFF",showTimeWidthBtn:true});class MobileTimeLine extends BaseTimeLine{
-	/**
-	   * 更新状态
-	   * @param obj
-	   */
-	setState(obj){
-	// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-	Object.keys(obj).forEach(key=>{this.state[key]=obj[key];if(key==="scrollTop"&&this._$itemList)
-	// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-	this._$itemContainer.scrollTo(0,obj[key]);if(key==="current"&&this._$currentTime&&obj[key]){var _this_timeSections_;this._$currentTime.querySelector(`.${MOBILE_TIMELINE_PREFIX}-current-value`).innerHTML=obj[key];console.log("current",obj[key]);this.current=new Date(TimeLineUtil.tranTime((_this_timeSections_=this.timeSections[0])==null?void 0:_this_timeSections_.endTime,"YYYY-MM-DD")+" "+obj[key]);}});}
+	/** 当前时间颜色 */currentTimeColor:"#FFFFFF",showTimeWidthBtn:true});const _$DAY_TIME_SECOND$_=60*60*24;// 一天的秒数
+	class MobileTimeLine extends BaseTimeLine{
 	/**
 	   * 设置只读或取消只读
 	   * @param readOnly - 只读或取消只读
 	   * @returns
-	   */setReadOnly(readOnly){super.setReadOnly(readOnly);if(this._$itemList)this._$itemContainer.style.overflowY=readOnly?"hidden":"scroll";}
+	   */
+	setReadOnly(readOnly){super.setReadOnly(readOnly);if(this._dragScroll)this._dragScroll.readonly=readOnly;}
 	/**
 	   * 改变时间轴刻度
 	   * 0： 1分钟，
@@ -10257,15 +10687,21 @@
 	   * @param timeSections
 	   * @param defaultIndex
 	   */updateTimeSections(timeSections,defaultIndex){super.updateTimeSections(timeSections);const list=timeSections.map(record=>_extends$1$1({},record,{startTime:TimeLineUtil.formatDateToHHmmss(record.startTime),endTime:TimeLineUtil.formatDateToHHmmss(record.endTime)}));if(list.length>0){if(typeof defaultIndex==="undefined")defaultIndex=list.length-1;// 默认选中最后一个片段位置
-	// 若current不为0，则不重置current，避免拖动后时间轴回弹
-	const{current:current}=this.state;this.setState({availTimeLine:list,start:list[defaultIndex].startTime,end:list[defaultIndex].endTime,current:current===0?list[defaultIndex].startTime:current});this._matchTimeDot();this._primaryOffsetH();}else {this.setState({availTimeLine:[]});this._matchTimeDot();}this._renderPickerContent();}
+	// 若current不为 null，则不重置current，避免拖动后时间轴回弹
+	const{current:current}=this.state;this._setState({availTimeLine:list,start:list[defaultIndex].startTime,end:list[defaultIndex].endTime,current:current===null?list[defaultIndex].startTime:current});this._matchTimeDot();}else {this._setState({availTimeLine:[]});this._matchTimeDot();}}
 	/**
 	   * 更新当前时间
 	   * @param time 能转成时间的值， 如 时间对象 Date, 时间戳，时间戳字符串
-	   */update(time){if(time&&!this._isTouchStart){this.setState({current:TimeLineUtil.tranTime(time,"HH:mm:ss")});this._currentOffsetH();}}
+	   */update(time){var _this__dragScroll;if(time&&!((_this__dragScroll=this._dragScroll)==null?void 0:_this__dragScroll.isDragging)){this._setState({current:TimeLineUtil.tranTime(time,"HH:mm:ss")});this._currentOffsetH();}}
 	/**
 	   * 销毁
-	   */destroy(){if(this._scrollTimer){clearInterval(this._scrollTimer);this._scrollTimer=null;}if(this._$currentTime){this.$container.removeChild(this._$currentTime);this._$currentTime=null;}if(this._$itemContainer&&this._$itemList){this._$itemContainer.removeChild(this._$itemList);this._$itemList=null;}if(this._$itemContainer){this.$container.removeChild(this._$itemContainer);this._$itemContainer=null;}if(this._$op){this.$container.removeChild(this._$op);this._$op=null;}if(this._picker){this._picker.destroy();this._picker=null;}this._removeEventListener();super.destroy();}
+	   */destroy(){var _this__dragScroll;if(this._scrollTimer){clearInterval(this._scrollTimer);this._scrollTimer=null;}if(this._$currentTime)try{this.$container.removeChild(this._$currentTime);this._$currentTime=null;}catch(error){}if(this._$itemList)this._imageRemoveErrorEvent(this._$itemList.querySelectorAll(`img.${_$MOBILE_TIMELINE_PREFIX$_}-img`)||[]);if(this._$itemContainer&&this._$itemList)try{this._$itemContainer.removeChild(this._$itemList);this._$itemList=null;}catch(error){}if(this._$itemContainer)try{this.$container.removeChild(this._$itemContainer);this._$itemContainer=null;}catch(error){}if(this._$op)try{this.$container.removeChild(this._$op);this._$op=null;}catch(error){}if(this._picker){var _this__picker_$body_querySelectorAll,_this__picker_$body;this._imageRemoveErrorEvent(((_this__picker_$body=this._picker.$body)==null?void 0:(_this__picker_$body_querySelectorAll=_this__picker_$body.querySelectorAll)==null?void 0:_this__picker_$body_querySelectorAll.call(_this__picker_$body,"img"))||[]);this._picker.destroy();this._picker=null;}this._removeEventListener();(_this__dragScroll=this._dragScroll)==null?void 0:_this__dragScroll.destroy();this._dragScroll=null;super.destroy();}
+	/**
+	   * 更新状态
+	   * @param obj
+	   */_setState(obj){
+	// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+	Object.keys(obj).forEach(key=>{if(key==="current"&&obj[key]){var _this__dragScroll;this._setCurrentDOM(obj[key]);if(this.state.current!==obj[key]&&!((_this__dragScroll=this._dragScroll)==null?void 0:_this__dragScroll.isDragging)){var _this_timeSections_;this.state[key]=obj[key];this.current=new Date(TimeLineUtil.tranTime((_this_timeSections_=this.timeSections[0])==null?void 0:_this_timeSections_.endTime,"YYYY-MM-DD")+" "+obj[key]);this.options.onChange==null?void 0:this.options.onChange.call(this.options,this.current);}}else this.state[key]=obj[key];});}_setCurrentDOM(time){if(this._$currentTime)this._$currentTime.querySelector(`.${_$MOBILE_TIMELINE_PREFIX$_}-current-value`).innerHTML=time;}
 	/**
 	   * 渲染时间轴刻度数组
 	   */_matchTimeDot(){const scaleWidth=this._scaleWidth;// 时间单位 分钟
@@ -10273,79 +10709,66 @@
 	// 时间转分钟
 	let minute=TimeLineUtil.timeToMinute("24:00:00");minute=Math.floor(minute/scaleWidth)*scaleWidth;for(let i=minute;i>=0;){let marginTop=0;let marginBottom=0;
 	// 视频片段
-	if(i==minute)marginTop=70;if(i==0)marginBottom=this.$container.clientHeight-70;const time=TimeLineUtil.minuteToTime(i);const startSecond=TimeLineUtil.timeToSecond(time+":00");const endSecond=TimeLineUtil.timeToSecond(time+":00")+scaleWidth*60;const coverList=this.timeSections.filter(item=>{const start=TimeLineUtil.timeToSecond(TimeLineUtil.tranTime(item.startTime,"HH:mm:ss"));return start>=startSecond&&start<endSecond});timeArr.push({id:i,current:time,label:"a"+i,marginTop:marginTop,marginBottom:marginBottom,recArr:[],coverArr:coverList});i-=scaleWidth;}this.setState({timeArr:timeArr});this._matchRecTimeDot();}_matchRecTimeDot(){const{availTimeLine:availTimeLine,timeArr:timeArr}=this.state;const scaleWidth=this._scaleWidth;const len=availTimeLine.length;if(len===0)for(let j=0;j<timeArr.length;j++)timeArr[j].recArr=[];else {for(let k=0;k<timeArr.length;k++)timeArr[k].recArr=[];for(let i=0;i<len;i++){const temp=availTimeLine[i];const st=TimeLineUtil.timeToSecond(temp.startTime);// "00:01:00" -> 60  // 秒
+	if(i==minute)marginTop=70;if(i==0)marginBottom=this.$container.clientHeight-70;const time=TimeLineUtil.minuteToTime(i);timeArr.push({id:i,current:time,label:"a"+i,marginTop:marginTop,marginBottom:marginBottom,recArr:[],coverArr:this._filterTimeSectionsByTime(time)});i-=scaleWidth;}this._setState({timeArr:timeArr});this._matchRecTimeDot();}_matchRecTimeDot(){const{availTimeLine:availTimeLine,timeArr:timeArr}=this.state;const scaleWidth=this._scaleWidth;const len=availTimeLine.length;if(len===0)for(let j=0;j<timeArr.length;j++)timeArr[j].recArr=[];else {for(let k=0;k<timeArr.length;k++)timeArr[k].recArr=[];for(let i=0;i<len;i++){const temp=availTimeLine[i];const st=TimeLineUtil.timeToSecond(temp.startTime);// "00:01:00" -> 60  // 秒
 	const et=TimeLineUtil.timeToSecond(temp.endTime);let stAvailPercent=0;let etAvailPercent=0;const stMinute=Math.floor(st/(scaleWidth*60))*scaleWidth;stAvailPercent=(st-stMinute*60)/scaleWidth;const etMinute=Math.floor(et/(scaleWidth*60))*scaleWidth;etAvailPercent=(et-etMinute*60)/scaleWidth;for(let j=0;j<timeArr.length;j++)if(timeArr[j].id==stMinute&&timeArr[j].id==etMinute){const height=etAvailPercent-stAvailPercent;const top=60-etAvailPercent;
 	// prettier-ignore
-	timeArr[j].recArr.push({height:height,top:top});}else if(timeArr[j].id==stMinute)timeArr[j].recArr.push({height:60-stAvailPercent,top:0});else if(timeArr[j].id==etMinute)timeArr[j].recArr.push({height:etAvailPercent,top:60-etAvailPercent});else if(timeArr[j].id>stMinute&&timeArr[j].id<etMinute)timeArr[j].recArr.push({height:60,top:0});}}this.setState({timeArr:timeArr});this._renderDateLine();}_renderDateLine(){const{timeArr:timeArr}=this.state;const container=this._$itemList;container.innerHTML="";timeArr.forEach(item=>{const timeItemDOM=document.createElement("div");timeItemDOM.setAttribute("class",MOBILE_TIMELINE_PREFIX+"-time-scale-area");if(item.marginTop)timeItemDOM.style.cssText+=`margin-top: ${item.marginTop}px;`;if(item.marginBottom)timeItemDOM.style.cssText+=`margin-bottom: ${item.marginBottom}px;`;timeItemDOM.style.cssText+=`border-right-color: ${this.options.timeAxisBgColor||"rgba(189, 205, 255, 1)"};`;const scaleDOM=document.createElement("div");scaleDOM.setAttribute("class",MOBILE_TIMELINE_PREFIX+"-scale");let timeItemHtml=``;if(item.coverArr.length)timeItemHtml+=`\n            <div class="${MOBILE_TIMELINE_PREFIX}-time-cover-fold ${item.coverArr.length>1?`${MOBILE_TIMELINE_PREFIX}-time-cover-fold-multiple`:""} " data-start="${item.current}">\n              ${item.coverArr.length>1?`<div class="${MOBILE_TIMELINE_PREFIX}-cover-fold-placeholder" style="color: #FFF"></div>`:""}\n              <div class="${MOBILE_TIMELINE_PREFIX}-time-cover-fold-img">\n                ${item.coverArr[0].coverPic?`<img src="${item.coverArr[0].coverPic}&x=1000" />`:""}\n                <span class="${MOBILE_TIMELINE_PREFIX}-time-cover-fold-len">\n                ${item.coverArr.length>1?this.i18n.t("foldTitle",{len:item.coverArr.length,unit:"videos"}):`${TimeLineUtil.tranTime(item.coverArr[0].startTime,"HH:mm")}`}\n                </span>\n                ${item.coverArr.length===1?`<span class="${MOBILE_TIMELINE_PREFIX}-time-cover-fold-time">${TimeLineUtil.tranTimeToString(item.coverArr[0].startTime,item.coverArr[0].endTime)}</span>`:""}\n                <span class="${MOBILE_TIMELINE_PREFIX}-time-cover-fold-pause">${Icons.pause}</span>\n              </div>\n            </div>`;
+	timeArr[j].recArr.push({height:height,top:top});}else if(timeArr[j].id==stMinute)timeArr[j].recArr.push({height:60-stAvailPercent,top:0});else if(timeArr[j].id==etMinute)timeArr[j].recArr.push({height:etAvailPercent,top:60-etAvailPercent});else if(timeArr[j].id>stMinute&&timeArr[j].id<etMinute)timeArr[j].recArr.push({height:60,top:0});}}this._setState({timeArr:timeArr});this._renderDateLine();}_renderDateLine(){const{timeArr:timeArr}=this.state;const container=this._$itemList;
+	// 清理上一次的error 事件
+	this._imageRemoveErrorEvent(container.querySelectorAll(`img.${_$MOBILE_TIMELINE_PREFIX$_}-img`)||[]);container.innerHTML="";timeArr.forEach((item,index)=>{const timeItemDOM=document.createElement("div");timeItemDOM.setAttribute("class",_$MOBILE_TIMELINE_PREFIX$_+"-time-scale-area");if(item.marginTop)timeItemDOM.style.cssText+=`margin-top: ${item.marginTop}px;`;if(item.marginBottom)timeItemDOM.style.cssText+=`margin-bottom: ${item.marginBottom}px;`;timeItemDOM.style.cssText+=`border-right-color: ${this.options.timeAxisBgColor||"rgba(189, 205, 255, 1)"};`;timeItemDOM.setAttribute("data-time",item.current);timeItemDOM.setAttribute("data-index",index+"");const scaleDOM=document.createElement("div");scaleDOM.setAttribute("class",_$MOBILE_TIMELINE_PREFIX$_+"-scale");let timeItemHtml=``;if(item.coverArr.length)timeItemHtml+=`\n            <div class="${_$MOBILE_TIMELINE_PREFIX$_}-time-cover-fold ${item.coverArr.length>1?`${_$MOBILE_TIMELINE_PREFIX$_}-time-cover-fold-multiple`:""}"\n            data-start="${item.current}">\n              ${item.coverArr.length>1?`<div class="${_$MOBILE_TIMELINE_PREFIX$_}-cover-fold-placeholder" style="color: #FFF"></div>`:""}\n              <div class="${_$MOBILE_TIMELINE_PREFIX$_}-time-cover-fold-img">\n                <img src="${this._setImageScr(item.coverArr[0].coverPic)}" class="${_$MOBILE_TIMELINE_PREFIX$_}-img"/>\n                <span class="${_$MOBILE_TIMELINE_PREFIX$_}-time-cover-fold-len">\n                ${item.coverArr.length>1?this.i18n.t("foldTitle",{len:item.coverArr.length,unit:"videos"}):`${TimeLineUtil.tranTime(item.coverArr[0].startTime,"HH:mm")}`}\n                </span>\n                ${item.coverArr.length===1?`<span class="${_$MOBILE_TIMELINE_PREFIX$_}-time-cover-fold-time">${TimeLineUtil.tranTimeToString(item.coverArr[0].startTime,item.coverArr[0].endTime)}</span>`:""}\n                <span class="${_$MOBILE_TIMELINE_PREFIX$_}-time-cover-fold-pause">${_$TIMELINE_ICONS$_.pause}</span>\n              </div>\n            </div>`;
 	// 六个详细刻度
-	// <div class="${MOBILE_TIMELINE_PREFIX}-time-scale"></div>
-	// <div class="${MOBILE_TIMELINE_PREFIX}-time-scale"></div>
-	// <div class="${MOBILE_TIMELINE_PREFIX}-time-scale"></div>
-	// <div class="${MOBILE_TIMELINE_PREFIX}-time-scale"></div>
-	// <div class="${MOBILE_TIMELINE_PREFIX}-time-scale"></div>
-	// <div class="${MOBILE_TIMELINE_PREFIX}-time-scale" style="width:10px"></div>
-	item.recArr.forEach(i=>{timeItemHtml+=`<div class="${MOBILE_TIMELINE_PREFIX}-time-unavail"\n                              style="height: ${i.height}px;background-color:${this.options.timeSectionColor||"#369FFF"}; top: ${i.top}px">\n                        </div>`;});timeItemHtml+=`<div id=${item.label} class="${MOBILE_TIMELINE_PREFIX}-time-label" style="color: ${this.options.timeTextColor||"#666"}">${item.current}</div>`;timeItemDOM.innerHTML=timeItemHtml;container.appendChild(timeItemDOM);});}_primaryOffsetH(){const{start:start,timeArr:timeArr,current:current}=this.state;const scaleWidth=this._scaleWidth;const currentItem=timeArr[0].current;const currentTime=TimeLineUtil.timeToSecond(currentItem);
-	// current不为0时，从当前时间开始计算偏移量，避免拖动时间轴后回弹
-	const startSecond=TimeLineUtil.timeToSecond(current===0?start:current);const offsetS=currentTime-startSecond;const offsetH=Math.ceil(offsetS/scaleWidth)+60;// offsetS / (scaleWidth * 60) * 60
-	this.setState({scrollTop:offsetH});console.log("起始偏移量",offsetH);}_currentOffsetH(){const{current:current,timeArr:timeArr}=this.state;const scale=this._scaleWidth;const startItem=timeArr[0].current;const startSecond=TimeLineUtil.timeToSecond(startItem);const currentSecond=TimeLineUtil.timeToSecond(current);const offsetS=startSecond-currentSecond;const offsetH=Math.ceil(offsetS/scale)+60;// offsetS / (scale * 60) * 60
-	this.setState({scrollTop:offsetH});}_rectTopToTime(reactTop){const scaleWidth=this._scaleWidth;
-	// let rectTop = rect.top; // 获取当前元素距离父元素顶部的高度
-	// let reactTop = 0 - rectTop; // 实际偏移高度
-	const index=Math.floor(reactTop/60);// 以分钟为刻度时，每个元素初始高度为60px, 向下取整并除以时刻倍数得出偏移item;
-	const offsetH=reactTop-index*60;// 偏移高度
-	let current;let offsetSecond;
-	// console.log('index：', index, 'offsetH:', offsetH);
-	if(offsetH==0){var _this_state_timeArr_;current=(_this_state_timeArr_=this.state.timeArr[index-1])==null?void 0:_this_state_timeArr_.current;offsetSecond=0;}else {
-	// 当scaleWidth==120, scaleWidth==60, scaleWidth==30, scaleWidth==10, scaleWidth==1
-	const time=this.state.timeArr[index].current;const minute=TimeLineUtil.timeToMinute(time);
-	// 相对于下一元素偏移
-	const offsetY=60-offsetH;const offsetS=offsetY*scaleWidth;// offsetY / 60 * scaleWidth * 60
-	const offsetM=Math.floor(offsetS/60)+minute;const second=Math.floor(offsetS/60)*60;offsetSecond=Math.ceil(offsetS-second);// 保留两位小数
-	current=TimeLineUtil.minuteToTime(offsetM);}if(current===void 0||+current.split(":")[0]>=24&&(+current.split(":")[1]>0||offsetSecond>0)){
-	// 超出 24h 后不允许
-	this.update(new Date(`${(new Date).getFullYear()}-${TimeLineUtil.subTime((new Date).getMonth()+1)}-${TimeLineUtil.subTime((new Date).getDate())} 23:59:59`));return}this.setState({current:current+":"+(offsetSecond>9?offsetSecond:"0"+offsetSecond),scrollTop:reactTop});}_render(){this._$currentTime=document.createElement("div");this._$currentTime.classList.add(MOBILE_TIMELINE_PREFIX+"-current");this._$currentTime.innerHTML=`<div class="${MOBILE_TIMELINE_PREFIX}-current-content" style="color: ${this.options.currentTimeBgColor||"#648FFC"}">\n      <span class="${MOBILE_TIMELINE_PREFIX}-current-tip">${Icons.tip}</span>\n      <span class="${MOBILE_TIMELINE_PREFIX}-current-tip-line" style="background-color: ${this.options.timePointColor||"#648FFC"};"></span>\n      <div class="${MOBILE_TIMELINE_PREFIX}-current-value" style="color: ${this.options.currentTimeColor||"#FFFFFF"}">00:00:00</div>\n    </div>`;this.$container.appendChild(this._$currentTime);this._$itemContainer=document.createElement("div");this._$itemContainer.classList.add(MOBILE_TIMELINE_PREFIX+"-item-container");
+	// <div class="${_$MOBILE_TIMELINE_PREFIX$_}-time-scale"></div>
+	// <div class="${_$MOBILE_TIMELINE_PREFIX$_}-time-scale"></div>
+	// <div class="${_$MOBILE_TIMELINE_PREFIX$_}-time-scale"></div>
+	// <div class="${_$MOBILE_TIMELINE_PREFIX$_}-time-scale"></div>
+	// <div class="${_$MOBILE_TIMELINE_PREFIX$_}-time-scale"></div>
+	// <div class="${_$MOBILE_TIMELINE_PREFIX$_}-time-scale" style="width:10px"></div>
+	item.recArr.forEach(i=>{timeItemHtml+=`<div class="${_$MOBILE_TIMELINE_PREFIX$_}-time-unavail"\n                              style="height: ${i.height}px;background-color:${this.options.timeSectionColor||"#369FFF"}; top: ${i.top}px">\n                        </div>`;});timeItemHtml+=`<div id=${item.label} class="${_$MOBILE_TIMELINE_PREFIX$_}-time-label" style="color: ${this.options.timeTextColor||"#666"}">${item.current}</div>`;timeItemDOM.innerHTML=timeItemHtml;container.appendChild(timeItemDOM);this._imageErrorEvent(container.querySelectorAll(`img.${_$MOBILE_TIMELINE_PREFIX$_}-img`)||[]);});this._currentOffsetH();}_currentOffsetH(){const{current:current}=this.state;if(current){var _this__dragScroll;const currentSecond=TimeLineUtil.timeToSecond(current);const daySecond=24*3600;// 一天的秒数
+	const y=(daySecond-currentSecond||0)/this._scaleWidth;(_this__dragScroll=this._dragScroll)==null?void 0:_this__dragScroll.scrollToY(y+60,false);}}_render(){this._$currentTime=document.createElement("div");this._$currentTime.classList.add(_$MOBILE_TIMELINE_PREFIX$_+"-current");this._$currentTime.innerHTML=`<div class="${_$MOBILE_TIMELINE_PREFIX$_}-current-content" style="color: ${this.options.currentTimeBgColor||"#648FFC"}">\n      <span class="${_$MOBILE_TIMELINE_PREFIX$_}-current-tip">${_$TIMELINE_ICONS$_.tip}</span>\n      <span class="${_$MOBILE_TIMELINE_PREFIX$_}-current-tip-line" style="background-color: ${this.options.timePointColor||"#648FFC"};"></span>\n      <div class="${_$MOBILE_TIMELINE_PREFIX$_}-current-value" style="color: ${this.options.currentTimeColor||"#FFFFFF"}">00:00:00</div>\n    </div>`;this.$container.appendChild(this._$currentTime);this._$itemContainer=document.createElement("div");this._$itemContainer.classList.add(_$MOBILE_TIMELINE_PREFIX$_+"-container");this.$container.appendChild(this._$itemContainer);this._dragScroll=new DragScroll(this._$itemContainer,{hideScrollbar:true,onChange:state=>{const result=this._offsetYToTime(state.y);if(result[1]!==this.state.current)this._setCurrentDOM(result[0]>=_$DAY_TIME_SECOND$_?"23:59:59":result[1]);},onDragStart:()=>{this.options.onDragStart==null?void 0:this.options.onDragStart.call(this.options,this.state.current);},onDragging:()=>{this.options.onDragging==null?void 0:this.options.onDragging.call(this.options,this.state.current);},onDragEnd:()=>{var _this__dragScroll;const result=this._offsetYToTime((_this__dragScroll=this._dragScroll)==null?void 0:_this__dragScroll.currentY);if(result[1]!==this.state.current)this._setState({current:result[0]>=_$DAY_TIME_SECOND$_?"23:59:59":result[1]});this.options.onDragEnd==null?void 0:this.options.onDragEnd.call(this.options,this.state.current);}});
 	// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-	if(/\d/.test(this.options.height))this._$itemContainer.style.cssText+=`height: ${this.options.height}px`;else if(typeof this.options.height==="string")this._$itemContainer.style.cssText+=`height: ${this.options.height}`;else {const height=this.$container.clientHeight;this._$itemContainer.style.cssText+=`height: ${height}px`;}this._$itemList=document.createElement("div");this._$itemList.classList.add(MOBILE_TIMELINE_PREFIX+"-item");this._$itemContainer.appendChild(this._$itemList);this.$container.appendChild(this._$itemContainer);if(this.options.showTimeWidthBtn){
+	if(/\d/.test(this.options.height))this._$itemContainer.style.cssText+=`height: ${this.options.height}px`;else if(typeof this.options.height==="string")this._$itemContainer.style.cssText+=`height: ${this.options.height}`;else {const height=this.$container.clientHeight;this._$itemContainer.style.cssText+=`height: ${height}px`;}this._$itemList=document.createElement("div");this._$itemList.classList.add(_$MOBILE_TIMELINE_PREFIX$_+"-item");this._dragScroll.$content.appendChild(this._$itemList);if(this.options.showTimeWidthBtn){
 	// 加减
-	this._$op=document.createElement("div");this._$op.classList.add(MOBILE_TIMELINE_PREFIX+"-op");this._$op.innerHTML=`<span class="${MOBILE_TIMELINE_PREFIX}-op-wrapper">\n        <span class="${MOBILE_TIMELINE_PREFIX}-icon-plus">${Icons.plus}</span>\n        <span class="${MOBILE_TIMELINE_PREFIX}-icon-minus">${Icons.minus}</span>\n      </span>`;this.$container.appendChild(this._$op);}this._picker=new Picker(null,{isMobile:true,wrapClassName:`${MOBILE_TIMELINE_PREFIX}-picker`,onOpenChange:isOpen=>{var _this_options_onPickerOpenChange,_this_options;(_this_options=this.options)==null?void 0:(_this_options_onPickerOpenChange=_this_options.onPickerOpenChange)==null?void 0:_this_options_onPickerOpenChange.call(_this_options,isOpen);}});this._renderPickerContent();this._addEventListener();}_addEventListener(){
-	// js安卓、IOS、鸿蒙系统监听开始触摸
-	if(this._$itemContainer){
-	// console.warn('=== TimeLine HAS_POINTER_EVENT ===', HAS_POINTER_EVENT);
-	// 监听手动滚动时间轴时，停止时间轴滚动，时刻仍然变化
-	this._$itemContainer.addEventListener("touchstart",this._touchstart,false);
-	// 监听手动滚动时间轴时，停止时间轴滚动，时刻仍然变化
-	this._$itemContainer.addEventListener("touchmove",this._touchmove,false);
-	// 手动滚动停止，选定时刻自动播放
-	this._$itemContainer.addEventListener("touchend",this._touchend,false);
-	// prettier-ignore
-	// this._$itemContainer.addEventListener('scroll', this._touchmove, false);
-	}if(this.options.showTimeWidthBtn&&this._$op){var// this._$op.addEventListener('click', this._opClick, false);
-	_this__$op_querySelector,_this__$op_querySelector1;(_this__$op_querySelector=this._$op.querySelector(`.${MOBILE_TIMELINE_PREFIX}-icon-plus`))==null?void 0:_this__$op_querySelector.addEventListener("click",this._plusClick,false);(_this__$op_querySelector1=this._$op.querySelector(`.${MOBILE_TIMELINE_PREFIX}-icon-minus`))==null?void 0:_this__$op_querySelector1.addEventListener("click",this._minusClick,false);}this._matchTimeDot();if(this._picker){this._delegatePickerClose=delegate(this._picker.$body,`.${MOBILE_TIMELINE_PREFIX}-picker-close`,"click",this._onPickerClose,false);this._delegateItemContent=delegate(this._picker.$body,`.${MOBILE_TIMELINE_PREFIX}-picker-item-content`,"click",this._onClickItem,false);this._delegateCoverFold=delegate(this.$container,`.${MOBILE_TIMELINE_PREFIX}-time-cover-fold`,"click",this._onClickCoverFold,false);}}_removeEventListener(){if(this._$itemContainer){
-	// 监听手动滚动时间轴时，停止时间轴滚动，时刻仍然变化
-	this._$itemContainer.removeEventListener("touchstart",this._touchstart);
-	// 监听手动滚动时间轴时，停止时间轴滚动，时刻仍然变化
-	this._$itemContainer.removeEventListener("touchmove",this._touchmove);
-	// 手动滚动停止，选定时刻自动播放
-	this._$itemContainer.removeEventListener("touchend",this._touchend);}if(this.options.showTimeWidthBtn&&this._$op){var _this__$op_querySelector,_this__$op_querySelector1;(_this__$op_querySelector=this._$op.querySelector(`.${MOBILE_TIMELINE_PREFIX}-icon-plus`))==null?void 0:_this__$op_querySelector.removeEventListener("click",this._plusClick);(_this__$op_querySelector1=this._$op.querySelector(`.${MOBILE_TIMELINE_PREFIX}-icon-minus`))==null?void 0:_this__$op_querySelector1.removeEventListener("click",this._minusClick);}if(this._picker){var _this__picker_$body_querySelector,_this__picker_$body;(_this__picker_$body=this._picker.$body)==null?void 0:(_this__picker_$body_querySelector=_this__picker_$body.querySelector(`.${MOBILE_TIMELINE_PREFIX}-picker-close`))==null?void 0:_this__picker_$body_querySelector.removeEventListener("click",this._onPickerClose);if(this._delegateItemContent){this._delegateItemContent.forEach(function(delegation){delegation.destroy();});this._delegateItemContent=null;}if(this._delegatePickerClose){this._delegatePickerClose.forEach(function(delegation){delegation.destroy();});this._delegatePickerClose=null;}if(this._delegateCoverFold){this._delegateCoverFold.forEach(function(delegation){delegation.destroy();});this._delegateCoverFold=null;}}}_plusClick(){const timeWidth=this.timeWidth+1;if(timeWidth>0&&timeWidth<MOBILE_TIME_WIDTH.length)this.setTimeWidth(timeWidth);else console.warn("时间轴刻度宽度不能再加了");}_minusClick(){const timeWidth=this.timeWidth-1;if(timeWidth>=0&&timeWidth<MOBILE_TIME_WIDTH.length)this.setTimeWidth(Math.floor(timeWidth));else console.warn("时间轴刻度宽度不能再减了");}_touchstart(){var _this__$itemContainer;if(this.readOnly)return false;this._isTouchStart=true;this._touchstartTop=(_this__$itemContainer=this._$itemContainer)==null?void 0:_this__$itemContainer.scrollTop;this.options.onDragStart==null?void 0:this.options.onDragStart.call(this.options,this.state.current);}_touchmove(){var _this__$itemContainer;if(this.readOnly)return false;const reactTop=(_this__$itemContainer=this._$itemContainer)==null?void 0:_this__$itemContainer.scrollTop;// 实际偏移高度
-	this._rectTopToTime(reactTop);this.options.onDragging==null?void 0:this.options.onDragging.call(this.options,this.state.current);}_touchend(){if(this.readOnly)return false;
-	// 这里有问题， 滚动是利用滚动操作（overflow-y: scroll;）的
-	new Promise(resolve=>{let preTop=-1;if(this._scrollTimer){clearInterval(this._scrollTimer);this._scrollTimer=null;}this._scrollTimer=setInterval(()=>{var _this__$itemContainer;
-	// debugger
-	const reactTop=(_this__$itemContainer=this._$itemContainer)==null?void 0:_this__$itemContainer.scrollTop;// 实际偏移高度
-	if(reactTop!==preTop){console.log("scrolling",reactTop,preTop);preTop=reactTop;}else {console.log("scroll stop",reactTop,preTop);if(this._scrollTimer){clearInterval(this._scrollTimer);this._scrollTimer=null;}this._isTouchStart=false;resolve(reactTop);}},100);}).then(reactTop=>{var _this__$itemContainer;this._rectTopToTime(reactTop);console.log("页面滚动实际高度",reactTop,this.state.current);this.options.onDragEnd==null?void 0:this.options.onDragEnd.call(this.options,this.state.current);if(this._touchstartTop!==((_this__$itemContainer=this._$itemContainer)==null?void 0:_this__$itemContainer.scrollTop)){this.options.onChange==null?void 0:this.options.onChange.call(this.options,this.state.current);this._touchstartTop=0;}});}_timeSectionsToGroupsByHour(){const obj={};this.timeSections.forEach((item,index)=>{
+	this._$op=document.createElement("div");this._$op.classList.add(_$MOBILE_TIMELINE_PREFIX$_+"-op");this._$op.innerHTML=`<span class="${_$MOBILE_TIMELINE_PREFIX$_}-op-wrapper"><span class="${_$MOBILE_TIMELINE_PREFIX$_}-icon-plus">${_$TIMELINE_ICONS$_.plus}</span> <span class="${_$MOBILE_TIMELINE_PREFIX$_}-icon-minus">${_$TIMELINE_ICONS$_.minus}</span></span>`;this.$container.appendChild(this._$op);}this._picker=new Picker(null,{isMobile:true,wrapClassName:`${_$MOBILE_TIMELINE_PREFIX$_}-picker`,onOpenChange:isOpen=>{var _this_options_onPickerOpenChange,_this_options;(_this_options=this.options)==null?void 0:(_this_options_onPickerOpenChange=_this_options.onPickerOpenChange)==null?void 0:_this_options_onPickerOpenChange.call(_this_options,isOpen);}});this._addEventListener();}_addEventListener(){if(this.options.showTimeWidthBtn&&this._$op){var// this._$op.addEventListener('click', this._opClick, false);
+	_this__$op_querySelector,_this__$op_querySelector1;(_this__$op_querySelector=this._$op.querySelector(`.${_$MOBILE_TIMELINE_PREFIX$_}-icon-plus`))==null?void 0:_this__$op_querySelector.addEventListener("click",this._plusClick,false);(_this__$op_querySelector1=this._$op.querySelector(`.${_$MOBILE_TIMELINE_PREFIX$_}-icon-minus`))==null?void 0:_this__$op_querySelector1.addEventListener("click",this._minusClick,false);}this._matchTimeDot();if(this._picker){this._delegatePickerClose=delegate(this._picker.$body,`.${_$MOBILE_TIMELINE_PREFIX$_}-picker-close`,"click",this._onPickerClose,false);this._delegateItemContent=delegate(this._picker.$body,`.${_$MOBILE_TIMELINE_PREFIX$_}-picker-item-content`,"click",this._onClickItem,false);this._delegateCoverFold=delegate(this._$itemList,`.${_$MOBILE_TIMELINE_PREFIX$_}-time-cover-fold`,"click",this._onClickCoverFold,false);}}_removeEventListener(){if(this.options.showTimeWidthBtn&&this._$op){var _this__$op_querySelector,_this__$op_querySelector1;(_this__$op_querySelector=this._$op.querySelector(`.${_$MOBILE_TIMELINE_PREFIX$_}-icon-plus`))==null?void 0:_this__$op_querySelector.removeEventListener("click",this._plusClick);(_this__$op_querySelector1=this._$op.querySelector(`.${_$MOBILE_TIMELINE_PREFIX$_}-icon-minus`))==null?void 0:_this__$op_querySelector1.removeEventListener("click",this._minusClick);}if(this._picker){var _this__picker_$body_querySelector,_this__picker_$body;(_this__picker_$body=this._picker.$body)==null?void 0:(_this__picker_$body_querySelector=_this__picker_$body.querySelector(`.${_$MOBILE_TIMELINE_PREFIX$_}-picker-close`))==null?void 0:_this__picker_$body_querySelector.removeEventListener("click",this._onPickerClose);if(this._delegateItemContent){this._delegateItemContent.forEach(function(delegation){delegation.destroy();});this._delegateItemContent=null;}if(this._delegatePickerClose){this._delegatePickerClose.forEach(function(delegation){delegation.destroy();});this._delegatePickerClose=null;}if(this._delegateCoverFold){this._delegateCoverFold.forEach(function(delegation){delegation.destroy();});this._delegateCoverFold=null;}}}_plusClick(){const timeWidth=this.timeWidth+1;if(timeWidth>0&&timeWidth<MOBILE_TIME_WIDTH.length)this.setTimeWidth(timeWidth);else console.warn("时间轴刻度宽度不能再加了");}_minusClick(){const timeWidth=this.timeWidth-1;if(timeWidth>=0&&timeWidth<MOBILE_TIME_WIDTH.length)this.setTimeWidth(Math.floor(timeWidth));else console.warn("时间轴刻度宽度不能再减了");}_timeSectionsToGroupsByHour(list){const obj={};list.forEach((item,index)=>{
 	// 移动端仅支持一天
 	// if (TimeLineUtil.tranTime(item.startTime, 'YYYY-MM-DD') !== TimeLineUtil.tranTime(item.endTime, 'YYYY-MM-DD')) {
-	//   //
 	// }
-	const hour=TimeLineUtil.tranTime(item.startTime,"HH");if(obj[+hour])obj[+hour].push(_extends$1$1({},item,{_index:index}));else obj[+hour]=[_extends$1$1({},item,{_index:index})];});return obj}
+	const hour=TimeLineUtil.tranTime(item.startTime,"HH");if(obj[+hour])
+	// prettier-ignore
+	obj[+hour].push(_extends$1$1({},item,{_index:index}));else
+	// prettier-ignore
+	obj[+hour]=[_extends$1$1({},item,{_index:index})];});return obj}
+	/**
+	   *
+	   * @param start 仅支持判断同一天的， 如果是多天的或出错
+	   */_filterTimeSectionsByTime(start){if(!start)return [];const startSecond=TimeLineUtil.timeToSecond(start+":00");const endSecond=TimeLineUtil.timeToSecond(start+":00")+this._scaleWidth*60;return this.timeSections.filter(item=>{const start=TimeLineUtil.timeToSecond(TimeLineUtil.tranTime(item.startTime,"HH:mm:ss"));return start>=startSecond&&start<endSecond})}
 	/**
 	   * 渲染选择器内容
-	   */_renderPickerContent(){var _this__picker_innerHTML,_this__picker;const hourGroups=this._timeSectionsToGroupsByHour();(_this__picker=this._picker)==null?void 0:(_this__picker_innerHTML=_this__picker.innerHTML)==null?void 0:_this__picker_innerHTML.call(_this__picker,`<div class="${MOBILE_TIMELINE_PREFIX}-picker-container">\n        <div class="${MOBILE_TIMELINE_PREFIX}-picker-header">\n          <span class="${MOBILE_TIMELINE_PREFIX}-picker-close">${Icons.close}</span>\n          ${this.i18n.t("title",{len:this.timeSections.length,unit:this.timeSections.length>1?"videos":"video"})}\n        </div>\n        <div class="${MOBILE_TIMELINE_PREFIX}-picker-content">\n          <div class="${MOBILE_TIMELINE_PREFIX}-picker-list">\n             ${Object.keys(hourGroups).reverse().map(key=>`<div class="${MOBILE_TIMELINE_PREFIX}-picker-item">\n                  <div class="${MOBILE_TIMELINE_PREFIX}-picker-item-title">${key}:00</div>\n                  <div class="${MOBILE_TIMELINE_PREFIX}-picker-item-list">\n                    ${hourGroups[key].map(item=>`<div class="${MOBILE_TIMELINE_PREFIX}-picker-item-content"\n                                      data-start="${TimeLineUtil.tranTime(item.startTime,"YYYYMMDDTHHmmssZ")}"\n                                      data-end="${TimeLineUtil.tranTime(item.endTime,"YYYYMMDDTHHmmssZ")}"\n                                      data-index="${item._index}">\n                                    <span class="${MOBILE_TIMELINE_PREFIX}-picker-item-time">${TimeLineUtil.tranTime(item.startTime,"mm:ss")}</span>\n                                    <span class="${MOBILE_TIMELINE_PREFIX}-picker-item-duration">\n                                      ${TimeLineUtil.tranTimeToString(item.startTime,item.endTime)}\n                                    </span>\n                                  <span class="${MOBILE_TIMELINE_PREFIX}-picker-item-icon-pause">${Icons.pause}</span>\n                                  ${item.coverPic?`<img class="${MOBILE_TIMELINE_PREFIX}-picker-item-cover" src="${item.coverPic}&x=1000"/>`:""}\n                                </div>`).join("")}\n                  </div>\n              </div>`).join("")}\n          </div>\n          </div>\n        </div>\n      </div>`);}_onPickerClose(){if(this._picker)this._picker.open=false;}_onClickItem(e){var _e_target_getAttribute,_e_target;console.log("click item",e);console.log(e.target);console.log(e.delegateTarget);const index=(_e_target=e.target)==null?void 0:(_e_target_getAttribute=_e_target.getAttribute)==null?void 0:_e_target_getAttribute.call(_e_target,"data-index");if(this._picker)this._picker.open=false;this.options.onPickerSelect==null?void 0:this.options.onPickerSelect.call(this.options,this.timeSections[+index]);}_onClickCoverFold(e){e.preventDefault();e.stopPropagation();
-	// const index = (e.target as HTMLDivElement)?.getAttribute?.('data-index') as string;
-	if(this._picker)this._picker.open=true;}constructor(container,options){super(container,deepmerge(MOBILE_TIME_LINE_DEFAULT_OPTIONS,options,{clone:false})),this._isTouchStart=false,this._touchstartTop=0,this.state={start:"00:00:00",end:"24:00:00",current:0,timeArr:[],availTimeLine:[],scrollTop:0,index:0};this._touchstart=this._touchstart.bind(this);this._touchmove=this._touchmove.bind(this);this._touchend=this._touchend.bind(this);this._plusClick=this._plusClick.bind(this);this._minusClick=this._minusClick.bind(this);this._onPickerClose=this._onPickerClose.bind(this);this._onClickItem=this._onClickItem.bind(this);this._onClickCoverFold=this._onClickCoverFold.bind(this);this._render();}}function _extends$5(){_extends$5=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)if(Object.prototype.hasOwnProperty.call(source,key))target[key]=source[key];}return target};return _extends$5.apply(this,arguments)}
+	   */_renderPickerContent(start){var _this__picker_innerHTML,_this__picker,_this__picker1;const list=this._filterTimeSectionsByTime(start);const hourGroups=this._timeSectionsToGroupsByHour(list);(_this__picker=this._picker)==null?void 0:(_this__picker_innerHTML=_this__picker.innerHTML)==null?void 0:_this__picker_innerHTML.call(_this__picker,`<div class="${_$MOBILE_TIMELINE_PREFIX$_}-picker-container">\n        <div class="${_$MOBILE_TIMELINE_PREFIX$_}-picker-header">\n          <span class="${_$MOBILE_TIMELINE_PREFIX$_}-picker-close">${_$TIMELINE_ICONS$_.close}</span>\n          ${this.i18n.t("title",{len:list.length,unit:list.length>1?"videos":"video"})}\n        </div>\n        <div class="${_$MOBILE_TIMELINE_PREFIX$_}-picker-content">\n          <div class="${_$MOBILE_TIMELINE_PREFIX$_}-picker-list">\n             ${Object.keys(hourGroups).reverse().map(key=>`<div class="${_$MOBILE_TIMELINE_PREFIX$_}-picker-item">\n                  <div class="${_$MOBILE_TIMELINE_PREFIX$_}-picker-item-title">${key}:00</div>\n                  <div class="${_$MOBILE_TIMELINE_PREFIX$_}-picker-item-list">\n                    ${hourGroups[key].reverse().map(item=>`<div class="${_$MOBILE_TIMELINE_PREFIX$_}-picker-item-content"\n                                      data-start="${TimeLineUtil.tranTime(item.startTime,"YYYYMMDDTHHmmssZ")}"\n                                      data-end="${TimeLineUtil.tranTime(item.endTime,"YYYYMMDDTHHmmssZ")}"\n                                      data-index="${item._index}">\n                                    <span class="${_$MOBILE_TIMELINE_PREFIX$_}-picker-item-time">${TimeLineUtil.tranTime(item.startTime,"HH:mm")}</span>\n                                    <span class="${_$MOBILE_TIMELINE_PREFIX$_}-picker-item-duration">\n                                      ${TimeLineUtil.tranTimeToString(item.startTime,item.endTime)}\n                                    </span>\n                                  <img class="${_$MOBILE_TIMELINE_PREFIX$_}-picker-item-cover" src="${this._setImageScr(item.coverPic)}"/>\n                                </div>`).join("")}\n                  </div>\n              </div>`).join("")}\n          </div>\n          </div>\n        </div>\n      </div>`);if((_this__picker1=this._picker)==null?void 0:_this__picker1.$body){var _this__picker2;this._imageErrorEvent(((_this__picker2=this._picker)==null?void 0:_this__picker2.$body.querySelectorAll("img"))||[]);}}
+	/**
+	   * 图片加载失败事件监听
+	   * @param list
+	   */_imageErrorEvent(list=[]){Array.from(list).forEach(img=>{
+	// 避免重复添加事件
+	if(!img.hasAttribute("data-error"))img.addEventListener("error",this._onImageError);});}
+	/**
+	   * 图片加载失败移除
+	   * @param list
+	   */_imageRemoveErrorEvent(list=[]){Array.from(list).forEach(img=>{
+	// 避免重复添加事件
+	img.removeEventListener("error",this._onImageError);});}
+	/**
+	   * 图片加载失败
+	   * @param e
+	   */_onImageError(e){const img=e.target;if(!img.hasAttribute("data-error")){var _img_parentNode;
+	// 加密图片不能加载或没有图片
+	const placeholder=document.createElement("div");placeholder.classList.add(`${_$MOBILE_TIMELINE_PREFIX$_}-item-cover-placeholder`);placeholder.innerHTML=`${_$TIMELINE_ICONS$_.picture}`;(_img_parentNode=img.parentNode)==null?void 0:_img_parentNode.appendChild(placeholder);img.remove();
+	// img.setAttribute('data-error', 'true'); // 失败仅设置一次， 否则会死循环
+	}}_onPickerClose(){if(this._picker)this._picker.open=false;}_onClickItem(e){var _e_delegateTarget_getAttribute,_e_delegateTarget;const index=(_e_delegateTarget=e.delegateTarget)==null?void 0:(_e_delegateTarget_getAttribute=_e_delegateTarget.getAttribute)==null?void 0:_e_delegateTarget_getAttribute.call(_e_delegateTarget,"data-index");if(this._picker)this._picker.open=false;this.options.onPickerSelect==null?void 0:this.options.onPickerSelect.call(this.options,this.timeSections[+index]);}_onClickCoverFold(e){var _e_delegateTarget_parentElement_getAttribute,_e_delegateTarget_parentElement,_e_delegateTarget;e.preventDefault();e.stopPropagation();const time=(_e_delegateTarget=e.delegateTarget)==null?void 0:(_e_delegateTarget_parentElement=_e_delegateTarget.parentElement)==null?void 0:(_e_delegateTarget_parentElement_getAttribute=_e_delegateTarget_parentElement.getAttribute)==null?void 0:_e_delegateTarget_parentElement_getAttribute.call(_e_delegateTarget_parentElement,"data-time");if(this._picker&&time){this._renderPickerContent(time);this._picker.open=true;}}_setImageScr(src){if(src){const query="x=1000&"+(this.options.coverQuery||"");return src+(src.includes("?")?"&":"?")+query}return ""}_offsetYToTime(offsetY){let y=offsetY;if(offsetY<60){var _this__dragScroll;
+	// 60 是下限
+	y=60;(_this__dragScroll=this._dragScroll)==null?void 0:_this__dragScroll.scrollToY(y);}const second=_$DAY_TIME_SECOND$_-Math.floor((y-60)*this._scaleWidth);return [second,TimeLineUtil.subTime(Math.floor(second/3600))+":"+TimeLineUtil.subTime(Math.floor(second%3600/60))+":"+TimeLineUtil.subTime(second%60)]}constructor(container,options){super(container,deepmerge(_$MOBILE_TIME_LINE_DEFAULT_OPTIONS$_,options,{clone:false})),this._isTouchStart=false,this._dragScroll=null,this.state={start:"00:00:00",end:"24:00:00",current:null,timeArr:[],availTimeLine:[],index:0};this._plusClick=this._plusClick.bind(this);this._minusClick=this._minusClick.bind(this);this._onPickerClose=this._onPickerClose.bind(this);this._onClickItem=this._onClickItem.bind(this);this._onClickCoverFold=this._onClickCoverFold.bind(this);this._onImageError=this._onImageError.bind(this);this._render();}}function _extends$5(){_extends$5=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)if(Object.prototype.hasOwnProperty.call(source,key))target[key]=source[key];}return target};return _extends$5.apply(this,arguments)}
 	/**
 	 * 时间轴配置项
-	 */const TIMELINE_DEFAULT_OPTIONS={height:36,dpr:window.devicePixelRatio||2,
+	 */const _$TIMELINE_DEFAULT_OPTIONS$_={height:36,dpr:window.devicePixelRatio||2,
 	// wheelSpeed: 0.1,
 	scaleOffsetTop:4,showYearMonthDay:true};
 	/**
@@ -10382,17 +10805,15 @@
 	   * 更新
 	   * @param options - 更新参数
 	   * @returns
-	   */_update(options={}){if((options==null?void 0:options.current)&&options.current instanceof Date)this.current=options.current;if(options==null?void 0:options.timeSections)super.updateTimeSections(this._mergeTimeSections(options.timeSections));if(typeof(options==null?void 0:options.timeWidth)==="number"&&(options==null?void 0:options.timeWidth)<TIME_WIDTH.length){super.setTimeWidth(options.timeWidth);this._timeWidthArray=TIME_WIDTH[Math.floor(this.timeWidth)];}if(typeof(options==null?void 0:options.timeWidth)==="number"&&this._timeWidthArray)if(this._timeWidthArray[3]){var _this__$canvas;(_this__$canvas=this._$canvas)==null?void 0:_this__$canvas.setAttribute("data-title",this._timeWidthArray[3]);}
-	// 清空画布
-	if(this._ctx){this._ctx.fillStyle=this.options.timeAxisBgColor;
-	// prettier-ignore
-	this._ctx.fillRect(0,0,this.width*this.options.dpr,this.height*this.options.dpr);}this._draw();}
+	   */_update(options={}){if((options==null?void 0:options.current)&&options.current instanceof Date)this.current=options.current;if(options==null?void 0:options.timeSections)super.updateTimeSections(this._mergeTimeSections(options.timeSections));if(typeof(options==null?void 0:options.timeWidth)==="number"&&(options==null?void 0:options.timeWidth)<TIME_WIDTH.length){super.setTimeWidth(options.timeWidth);this._timeWidthArray=TIME_WIDTH[Math.floor(this.timeWidth)];}if(typeof(options==null?void 0:options.timeWidth)==="number"&&this._timeWidthArray)if(this._timeWidthArray[3]){var _this__$canvas;(_this__$canvas=this._$canvas)==null?void 0:_this__$canvas.setAttribute("data-title",this._timeWidthArray[3]);}this._draw();}setReadOnly(readOnly){super.setReadOnly(readOnly);if(this._$canvas)this._$canvas.style.cssText+=`cursor: ${readOnly?"not-allowed":"pointer"}`;}
 	/**
 	   * 销毁
 	   * @returns
-	   */destroy(){this._removeEventListener();if(this._$canvas){this.$container.removeChild(this._$canvas);
+	   */destroy(){this._removeEventListener();if(this._$canvas)try{this.$container.removeChild(this._$canvas);
 	// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-	this._$canvas=null;}super.destroy();
+	this._$canvas=null;}catch(e){
+	// console.error(e);
+	}super.destroy();
 	// if (this._$tip) {
 	//   this.$container.removeChild(this._$tip);
 	//   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
@@ -10410,7 +10831,11 @@
 	}
 	/**
 	   * 绘制
-	   */_draw(){this._drawSections();this._drawScale();}
+	   */_draw(){
+	// 清空画布
+	if(this._ctx){this._ctx.fillStyle=this.options.timeAxisBgColor;
+	// prettier-ignore
+	this._ctx.fillRect(0,0,this.width*this.options.dpr,this.height*this.options.dpr);}this._drawSections();this._drawScale();}
 	/**
 	   * 绘制刻度
 	   */_drawScale(){const lineWidth=1*this.options.dpr;
@@ -10656,7 +11081,7 @@
 	// fix点击引起mousemove的问题
 	if(mouseOffset===0)return;if(this._oldTime){
 	// prettier-ignore
-	const currentTime=this._oldTime.getTime()+parseInt(mouseOffset/this._curScaleSpacing*this._timeWidthArray[0]+"",10)*1e3;this._update({current:new Date(currentTime)});this.options.onDragging==null?void 0:this.options.onDragging.call(this.options,new Date(currentTime));}this._moved=true;}constructor(container,options){super(container,deepmerge(TIMELINE_DEFAULT_OPTIONS,options,{clone:true})),this._$canvas=null,this._ctx=null,/** 时间刻度宽度 [刻度间隔秒数s, 刻度间隔宽度px, 长刻度间隔短刻度个数, 中文说明]  */this._timeWidthArray=TIME_WIDTH[0],this._centerPositionX=0,// mouse
+	const currentTime=this._oldTime.getTime()+parseInt(mouseOffset/this._curScaleSpacing*this._timeWidthArray[0]+"",10)*1e3;this._update({current:new Date(currentTime)});this.options.onDragging==null?void 0:this.options.onDragging.call(this.options,new Date(currentTime));}this._moved=true;}constructor(container,options){super(container,deepmerge(_$TIMELINE_DEFAULT_OPTIONS$_,options,{clone:true})),this._$canvas=null,this._ctx=null,/** 时间刻度宽度 [刻度间隔秒数s, 刻度间隔宽度px, 长刻度间隔短刻度个数, 中文说明]  */this._timeWidthArray=TIME_WIDTH[0],this._centerPositionX=0,// mouse
 	this._isMouseDown=false,this._mousePosition=0,this._oldTime=null,this._isOver=false,this._moved=false,this._isCtrlKeyDown=false,this._lastTouchDist=0;this.$container=container;
 	// prettier-ignore
 	console.log("TimeLine dpr",JSON.stringify(this.options));this._mousemoveFun=this._mousemoveFun.bind(this);this._mouseoverFun=this._mouseoverFun.bind(this);this._mouseleaveFun=this._mouseleaveFun.bind(this);this._mousedownFun=this._mousedownFun.bind(this);this._mouseUpFun=this._mouseUpFun.bind(this);this._mousewheelFun=this._mousewheelFun.bind(this);this._touchstartFun=this._touchstartFun.bind(this);this._touchmoveFun=this._touchmoveFun.bind(this);this._touchendFun=this._touchendFun.bind(this);this._ctrlKeyDownFun=this._ctrlKeyDownFun.bind(this);this._ctrlKeyUpFun=this._ctrlKeyUpFun.bind(this);this._init();}}TimeLine.TIME_WIDTH=TIME_WIDTH;
@@ -10706,7 +11131,8 @@
 	            tagName: 'div',
 	            controlType: 'block',
 	            classNameSuffix: 'time-line'
-	        })) || this, _this._$add = null, _this._$reduce = null, _this.records = [];
+	        })) || this, _this._$add = null, _this._$reduce = null, _this._currentTime = 0, _this.records = [];
+	        _this._currentTime = 0;
 	        _this._options = options;
 	        _this.records = ((_this__options = _this._options) == null ? void 0 : (_this__options_props = _this__options.props) == null ? void 0 : _this__options_props.recordList) || [];
 	        _this._render();
@@ -10717,9 +11143,13 @@
 	            (_this_timeLineUtil = _this.timeLineUtil) == null ? void 0 : (_this_timeLineUtil_updateTimeSections = _this_timeLineUtil.updateTimeSections) == null ? void 0 : _this_timeLineUtil_updateTimeSections.call(_this_timeLineUtil, records);
 	        });
 	        _this.on(EVENTS.getOSDTime, function(time) {
-	            var // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-	            _this_timeLineUtil_update, _this_timeLineUtil;
-	            (_this_timeLineUtil = _this.timeLineUtil) == null ? void 0 : (_this_timeLineUtil_update = _this_timeLineUtil.update) == null ? void 0 : _this_timeLineUtil_update.call(_this_timeLineUtil, new Date(time * 1000));
+	            if (time) {
+	                var // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+	                _this_timeLineUtil_update, _this_timeLineUtil;
+	                var date = new Date(time * 1000);
+	                _this._currentTime = date.getTime();
+	                (_this_timeLineUtil = _this.timeLineUtil) == null ? void 0 : (_this_timeLineUtil_update = _this_timeLineUtil.update) == null ? void 0 : _this_timeLineUtil_update.call(_this_timeLineUtil, date);
+	            }
 	        });
 	        return _this;
 	    }
@@ -10728,10 +11158,16 @@
 	        var _this = this;
 	        var _this_timeLineUtil_updateTimeSections, _this_timeLineUtil;
 	        var _timeLineOptions = {
-	            // locale: this._options.locale,
+	            language: this._options.language || 'zh',
+	            coverQuery: this._options.coverQuery || '',
 	            onChange: function(date) {
-	                _this._options.onChange == null ? void 0 : _this._options.onChange.call(_this._options, date);
-	                _this.emit(EVENTS.control.timeLineChange, date);
+	                if (_this._currentTime !== (date == null ? void 0 : date.getTime())) {
+	                    _this._options.onChange == null ? void 0 : _this._options.onChange.call(_this._options, date);
+	                    _this.emit(EVENTS.control.timeLineChange, date);
+	                }
+	            },
+	            onPickerOpenChange: function(open) {
+	                _this.emit(EVENTS.control.timeLinePanelOpenChange, open);
 	            },
 	            // 2025-10-27 仅移动端支持
 	            onPickerSelect: function(item) {
@@ -10891,7 +11327,7 @@
 	    globalFullscreen: GlobalFullscreen,
 	    rec: Rec,
 	    speed: Speed,
-	    date: DatePicker,
+	    date: DatePickerControl,
 	    timeLine: TimeLineControl
 	};
 
@@ -11691,14 +12127,15 @@
 	var _renderTimeLine = function(theme, container, props) {
 	    if (props === void 0) props = {};
 	    if (!theme.controls.timeLineControl && theme.options.timeLineOptions !== null) {
-	        var _theme_options;
+	        var _theme_urlInfo, _theme_options;
 	        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
 	        theme.controls.timeLineControl = new Controls['timeLine'](_extends$1({
 	            getPopupContainer: function() {
 	                return container;
 	            },
 	            language: theme.options.language,
-	            locales: theme.i18n.translations
+	            locales: theme.i18n.translations,
+	            coverQuery: ((_theme_urlInfo = theme.urlInfo) == null ? void 0 : _theme_urlInfo.validateCode) ? "decodekey=" + theme.urlInfo.validateCode : ''
 	        }, ((_theme_options = theme.options) == null ? void 0 : _theme_options["timeLineOptions"]) || {}, {
 	            props: props
 	        }));
@@ -12276,8 +12713,8 @@
 	        this.logger.log(JSON.stringify(this.options));
 	        var language = this.options.language || 'zh';
 	        var locales = deepmerge({
-	            zh: zh$1,
-	            en: en$1
+	            zh: zh,
+	            en: en
 	        }, this.options.locales || {}, {
 	            clone: false
 	        });
@@ -13176,10 +13613,10 @@
 	/** 所有私有流的模板 @since 0.0.1 */ Theme.TEMPLATES = TEMPLATES;
 	/** 事件名称 @since 0.0.1 */ Theme.EVENTS = EVENTS;
 	/** 语言包 @since 0.0.1 */ Theme.LOCALES = {
-	    zh: zh$1,
-	    en: en$1
+	    zh: zh,
+	    en: en
 	};
-	/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '1.0.0-beta.1';
+	/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '1.0.0';
 
 	// 不要动这里的代码， 这个出口是为了编译成 umd 规范的文件