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

package/dist/index.mjs

@@ -1,6 +1,6 @@
 /*
-* @ezuikit/player-theme v0.0.1-beta.1
-* Copyright (c) 2025-10-17 Ezviz-OpenBiz
+* @ezuikit/player-theme v1.0.0
+* Copyright (c) 2025-11-03 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 import EventEmitter from 'eventemitter3';
@@ -11,6 +11,7 @@ import { isMobile, parseEzopenUrl } from '@ezuikit/utils-tools';
 import screenfull from 'screenfull';
 import I18n from '@ezuikit/utils-i18n';
 import Logger from '@ezuikit/utils-logger';
+import { MobileTimeLine, TimeLine } from '@ezuikit/control-time-line';
 
 /**
  * 播放器的类名前缀
@@ -183,6 +184,7 @@ const EVENTS = {
         /** 日期改变 */ dateChange: 'Control.dateChange',
         /** 日期销毁 */ dateDestroy: 'Control.datePanelDestroy',
         /**  时间轴拖动结束 */ timeLineChange: 'Control.timeLineChange',
+        /** 时间轴图片列表面板 */ timeLinePanelOpenChange: 'Control.timeLinePanelOpenChange',
         /** 时间轴控件销毁 */ timeLineDestroy: 'Control.timeLineDestroy',
         /** 主题控件挂载前 切换新的主题也会触发，如果想首次获取需要在 onInitializing 回调中进行监听 */ beforeMountControls: 'Control.beforeMountControls',
         /** 主题控件挂载完成, 切换新的主题也会触发，如果想首次获取需要在 onInitializing 回调中进行监听 */ mountedControls: 'Control.mountedControls',
@@ -382,8 +384,8 @@ function getLocale(locales, language = 'zh') {
     }
 }
 
-function _extends$r() {
-    _extends$r = Object.assign || function(target) {
+function _extends$q() {
+    _extends$q = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
             for(var key in source){
@@ -394,7 +396,7 @@ function _extends$r() {
         }
         return target;
     };
-    return _extends$r.apply(this, arguments);
+    return _extends$q.apply(this, arguments);
 }
 const LOADING_DEFAULT_OPTIONS = {};
 /**
@@ -434,7 +436,7 @@ const LOADING_DEFAULT_OPTIONS = {};
         this.$popupContainer.classList.remove(`${PREFIX_CLASS}-has-loading`);
     }
     constructor(options = {}){
-        super(Object.assign({}, LOADING_DEFAULT_OPTIONS, _extends$r({}, options, {
+        super(Object.assign({}, LOADING_DEFAULT_OPTIONS, _extends$q({}, options, {
             tagName: 'div',
             controlType: 'block',
             classNameSuffix: 'loading'
@@ -445,8 +447,8 @@ const LOADING_DEFAULT_OPTIONS = {};
     }
 }
 
-function _extends$q() {
-    _extends$q = Object.assign || function(target) {
+function _extends$p() {
+    _extends$p = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
             for(var key in source){
@@ -457,7 +459,7 @@ function _extends$q() {
         }
         return target;
     };
-    return _extends$q.apply(this, arguments);
+    return _extends$p.apply(this, arguments);
 }
 // 不放在服务器上 是因为有可能http加载失败
 // prettier-ignore
@@ -516,7 +518,7 @@ const POSTER_OPTIONS = {
         super.destroy();
     }
     constructor(options = {}){
-        super(Object.assign({}, POSTER_OPTIONS, _extends$q({}, options, {
+        super(Object.assign({}, POSTER_OPTIONS, _extends$p({}, options, {
             tagName: 'div',
             controlType: 'block',
             classNameSuffix: 'poster'
@@ -751,8 +753,8 @@ const IconComponents = {
     reduce: (attr = {})=>createIcon(Icons.reduce, 'reduce', attr)
 };
 
-function _extends$p() {
-    _extends$p = Object.assign || function(target) {
+function _extends$o() {
+    _extends$o = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
             for(var key in source){
@@ -763,7 +765,7 @@ function _extends$p() {
         }
         return target;
     };
-    return _extends$p.apply(this, arguments);
+    return _extends$o.apply(this, arguments);
 }
 const MESSAGE_DEFAULT_OPTIONS = {};
 /**
@@ -888,7 +890,7 @@ const MESSAGE_DEFAULT_OPTIONS = {};
         return icon;
     }
     constructor(options = {}){
-        super(Object.assign({}, MESSAGE_DEFAULT_OPTIONS, _extends$p({}, options, {
+        super(Object.assign({}, MESSAGE_DEFAULT_OPTIONS, _extends$o({}, options, {
             tagName: 'div',
             controlType: 'block'
         })));
@@ -897,8 +899,8 @@ const MESSAGE_DEFAULT_OPTIONS = {};
     }
 }
 
-function _extends$o() {
-    _extends$o = Object.assign || function(target) {
+function _extends$n() {
+    _extends$n = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
             for(var key in source){
@@ -909,7 +911,7 @@ function _extends$o() {
         }
         return target;
     };
-    return _extends$o.apply(this, arguments);
+    return _extends$n.apply(this, arguments);
 }
 /**
  * 播放/暂停控件
@@ -942,7 +944,7 @@ function _extends$o() {
         }
     }
     constructor(options){
-        super(_extends$o({}, options, {
+        super(_extends$n({}, options, {
             tagName: 'span',
             controlType: 'button',
             classNameSuffix: 'play'
@@ -1452,8 +1454,8 @@ const PROGRESS_DEFAULT_OPTIONS = {
     }
 }
 
-function _extends$n() {
-    _extends$n = Object.assign || function(target) {
+function _extends$m() {
+    _extends$m = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
             for(var key in source){
@@ -1464,7 +1466,7 @@ function _extends$n() {
         }
         return target;
     };
-    return _extends$n.apply(this, arguments);
+    return _extends$m.apply(this, arguments);
 }
 const VOLUME_DEFAULT_OPTIONS = {
     volume: 0.8,
@@ -1609,7 +1611,7 @@ const VOLUME_DEFAULT_OPTIONS = {
     }
     constructor(options = {}){
         var _this__options_props, _this__options_props1, _this__options_props2, _this__options_props3;
-        super(_extends$n({}, options, {
+        super(_extends$m({}, options, {
             tagName: 'span',
             classNameSuffix: 'volume',
             controlType: 'button'
@@ -1625,8 +1627,7 @@ const VOLUME_DEFAULT_OPTIONS = {
         // 轻应用私有暂时不支持调节音量
         if (!(Utils.isMobile || this._options.PLAY_TYPE === 'ezopen')) {
             var _this__options_props4, _this__options_props5;
-            this.picker = new Picker({
-                container: this.$container,
+            this.picker = new Picker(this.$container, {
                 getPopupContainer: ()=>this.$container,
                 trigger: this._options.trigger,
                 // trigger: "click",
@@ -1938,8 +1939,8 @@ const __fullscreenProvider__ = Provider.getInstance();
     }
 };
 
-function _extends$m() {
-    _extends$m = Object.assign || function(target) {
+function _extends$l() {
+    _extends$l = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
             for(var key in source){
@@ -1950,7 +1951,7 @@ function _extends$m() {
         }
         return target;
     };
-    return _extends$m.apply(this, arguments);
+    return _extends$l.apply(this, arguments);
 }
 /**
  * 全屏控件
@@ -1999,7 +2000,7 @@ function _extends$m() {
     _event() {}
     constructor(options){
         var _options_props, _this_options;
-        super(_extends$m({
+        super(_extends$l({
             tagName: 'span',
             classNameSuffix: 'fullscreen',
             controlType: 'button'
@@ -2020,8 +2021,8 @@ function _extends$m() {
     }
 }
 
-function _extends$l() {
-    _extends$l = Object.assign || function(target) {
+function _extends$k() {
+    _extends$k = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
             for(var key in source){
@@ -2032,7 +2033,7 @@ function _extends$l() {
         }
         return target;
     };
-    return _extends$l.apply(this, arguments);
+    return _extends$k.apply(this, arguments);
 }
 /**
  * 回放类型切换（本地回放(sdk 卡)， 云存储回放， 云录制回放）控件
@@ -2115,7 +2116,7 @@ function _extends$l() {
    */ _onControlClick(e) {}
     constructor(options){
         var _options_props;
-        super(_extends$l({}, options, {
+        super(_extends$k({}, options, {
             tagName: 'div',
             controlType: 'block',
             classNameSuffix: 'rec'
@@ -3233,8 +3234,8 @@ var en = {
     }
 }
 
-function _extends$k() {
-    _extends$k = Object.assign || function(target) {
+function _extends$j() {
+    _extends$j = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
             for(var key in source){
@@ -3245,7 +3246,7 @@ function _extends$k() {
         }
         return target;
     };
-    return _extends$k.apply(this, arguments);
+    return _extends$j.apply(this, arguments);
 }
 /**
  * 更多控件
@@ -3258,8 +3259,7 @@ function _extends$k() {
         }) : IconComponents.moreDot({
             title: (_this_locale1 = this.locale) == null ? void 0 : _this_locale1.BTN_MORE
         });
-        this.picker = new Picker({
-            container: this.$container,
+        this.picker = new Picker(this.$container, {
             getPopupContainer: ()=>this.$container,
             trigger: Utils.isMobile ? 'click' : 'hover',
             wrapClassName: `${PREFIX_CLASS}-more ${this.options.wrapClassName}`,
@@ -3316,7 +3316,7 @@ function _extends$k() {
     // this._options.onClick?.(e);
     }
     constructor(options){
-        super(_extends$k({}, options, {
+        super(_extends$j({}, options, {
             tagName: 'span',
             controlType: 'button',
             classNameSuffix: 'more'
@@ -3700,6 +3700,14 @@ function debounce(func, wait) {
         theme.controls.timeLineControl.on(EVENTS.control.timeLineChange, (date)=>{
             theme.emit(EVENTS.control.timeLineChange, date);
         });
+        theme.controls.timeLineControl.on(EVENTS.control.timeLinePanelOpenChange, (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, ()=>{
             theme.emit(EVENTS.control.timeLineDestroy);
         });
@@ -3780,8 +3788,8 @@ const ignoreList = [
     if (theme.$container) theme.$container.style.cssText += cssText;
 }
 
-function _extends$j() {
-    _extends$j = Object.assign || function(target) {
+function _extends$i() {
+    _extends$i = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
             for(var key in source){
@@ -3792,7 +3800,7 @@ function _extends$j() {
         }
         return target;
     };
-    return _extends$j.apply(this, arguments);
+    return _extends$i.apply(this, arguments);
 }
 const ZOOM_DEFAULT_OPTIONS = {
     open: false,
@@ -3901,7 +3909,7 @@ const ZOOM_DEFAULT_OPTIONS = {
         super._onControlClick(e);
     }
     constructor(options){
-        super(_extends$j({}, options, {
+        super(_extends$i({}, options, {
             tagName: 'span',
             controlType: 'button',
             classNameSuffix: 'zoom'
@@ -4593,8 +4601,8 @@ const ZOOM_DEFAULT_OPTIONS = {
 }
 Zoom.VERSION = '0.0.2';
 
-function _extends$i() {
-    _extends$i = Object.assign || function(target) {
+function _extends$h() {
+    _extends$h = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
             for(var key in source){
@@ -4605,10 +4613,10 @@ function _extends$i() {
         }
         return target;
     };
-    return _extends$i.apply(this, arguments);
+    return _extends$h.apply(this, arguments);
 }
 function __zoom(theme, container, options) {
-    theme.zoomUtil = new Zoom(container, _extends$i({}, options || {}, {
+    theme.zoomUtil = new Zoom(container, _extends$h({}, options || {}, {
         min: 1,
         onChange: (zoom, reset)=>{
             if (zoom !== theme._zoom) {
@@ -4714,8 +4722,8 @@ function _async_to_generator$5(fn) {
         });
     };
 }
-function _extends$h() {
-    _extends$h = Object.assign || function(target) {
+function _extends$g() {
+    _extends$g = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
             for(var key in source){
@@ -4726,7 +4734,7 @@ function _extends$h() {
         }
         return target;
     };
-    return _extends$h.apply(this, arguments);
+    return _extends$g.apply(this, arguments);
 }
 /** 兼容 themeData中不规范的 key */ const replaceKey = {
     sound: 'volume',
@@ -4763,7 +4771,7 @@ function _extends$h() {
         }
         if (item.isrender === 1 && REC_GROUP.includes(item.iconId)) {
             // TODO: 因为回放是一组， 位置以第一个位置为准
-            recControls.push(recControls[0] ? _extends$h({}, item, {
+            recControls.push(recControls[0] ? _extends$g({}, item, {
                 part: recControls[0].part
             }) : item);
             return false;
@@ -4786,7 +4794,7 @@ function _extends$h() {
         }
         if (item.isrender === 1 && REC_GROUP.includes(item.iconId)) {
             // TODO: 因为回放是一组， 位置以第一个位置为准
-            recControls.push(recControls[0] ? _extends$h({}, item, {
+            recControls.push(recControls[0] ? _extends$g({}, item, {
                 part: recControls[0].part
             }) : item);
             return false;
@@ -4977,8 +4985,8 @@ function rgbOrHexToRgbaWithOpacity(color, opacity = 0.8) {
     }
 }
 
-function _extends$g() {
-    _extends$g = Object.assign || function(target) {
+function _extends$f() {
+    _extends$f = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
             for(var key in source){
@@ -4989,18 +4997,18 @@ function _extends$g() {
         }
         return target;
     };
-    return _extends$g.apply(this, arguments);
+    return _extends$f.apply(this, arguments);
 }
 class Footer extends Component {
     constructor(options = {}){
-        super(_extends$g({}, options, {
+        super(_extends$f({}, options, {
             cType: 'footer'
         }));
     }
 }
 
-function _extends$f() {
-    _extends$f = Object.assign || function(target) {
+function _extends$e() {
+    _extends$e = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
             for(var key in source){
@@ -5011,11 +5019,11 @@ function _extends$f() {
         }
         return target;
     };
-    return _extends$f.apply(this, arguments);
+    return _extends$e.apply(this, arguments);
 }
 class Header extends Component {
     constructor(options = {}){
-        super(_extends$f({}, options, {
+        super(_extends$e({}, options, {
             cType: 'header'
         }));
     }
@@ -5179,8 +5187,8 @@ function interactiveHF($container, second = 3000, callback) {
     };
 }
 
-function _extends$e() {
-    _extends$e = Object.assign || function(target) {
+function _extends$d() {
+    _extends$d = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
             for(var key in source){
@@ -5191,7 +5199,7 @@ function _extends$e() {
         }
         return target;
     };
-    return _extends$e.apply(this, arguments);
+    return _extends$d.apply(this, arguments);
 }
 /**
  * 全局全屏
@@ -5221,15 +5229,15 @@ function _extends$e() {
         }
     }
     constructor(options){
-        super(_extends$e({}, options, {
+        super(_extends$d({}, options, {
             controlType: 'button',
             classNameSuffix: 'global-fullscreen'
         }));
     }
 }
 
-function _extends$d() {
-    _extends$d = Object.assign || function(target) {
+function _extends$c() {
+    _extends$c = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
             for(var key in source){
@@ -5240,7 +5248,7 @@ function _extends$d() {
         }
         return target;
     };
-    return _extends$d.apply(this, arguments);
+    return _extends$c.apply(this, arguments);
 }
 /**
  * 截图控件，点击后会触发截图事件， 截图数据会通过 onCapture 回调函数返回
@@ -5283,7 +5291,7 @@ function _extends$d() {
         super._onControlClick(e);
     }
     constructor(options){
-        super(_extends$d({}, options, {
+        super(_extends$c({}, options, {
             tagName: 'span',
             classNameSuffix: 'capture-picture'
         })), this._timer = null;
@@ -6061,8 +6069,8 @@ function _async_to_generator$4(fn) {
     }
 };
 
-function _extends$c() {
-    _extends$c = Object.assign || function(target) {
+function _extends$b() {
+    _extends$b = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
             for(var key in source){
@@ -6073,7 +6081,7 @@ function _extends$c() {
         }
         return target;
     };
-    return _extends$c.apply(this, arguments);
+    return _extends$b.apply(this, arguments);
 }
 /**
  * 云台控件
@@ -6111,7 +6119,7 @@ function _extends$c() {
             this.$turntable.classList.add(`${PREFIX_CLASS}-ptz-turntable`);
             this.$panel.appendChild(this.$turntable);
             // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-            this._ptzControl = new Ptz$1(this.$turntable, _extends$c({}, this._options, {
+            this._ptzControl = new Ptz$1(this.$turntable, _extends$b({}, this._options, {
                 onSpeedChange: this._onSpeedChange.bind(this),
                 onDirection: this._onDirection.bind(this)
             }));
@@ -6120,7 +6128,7 @@ function _extends$c() {
     }
     renderMobileExtend($container) {
         // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-        if (!this._ptzControl1) this._ptzControl1 = new MobilePtz($container, _extends$c({}, this._options, {
+        if (!this._ptzControl1) this._ptzControl1 = new MobilePtz($container, _extends$b({}, this._options, {
             onSpeedChange: this._onSpeedChange.bind(this),
             onDirection: this._onDirection.bind(this)
         }));
@@ -6188,7 +6196,7 @@ function _extends$c() {
         this.active = false;
     }
     constructor(options){
-        super(_extends$c({}, options, {
+        super(_extends$b({}, options, {
             tagName: 'span',
             controlType: 'button',
             classNameSuffix: 'ptz'
@@ -6207,8 +6215,8 @@ function formatTime(seconds, format = 'MM:SS') {
     return format.replace('HH', pad(hours)).replace('MM', pad(minutes)).replace('SS', pad(secs));
 }
 
-function _extends$b() {
-    _extends$b = Object.assign || function(target) {
+function _extends$a() {
+    _extends$a = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
             for(var key in source){
@@ -6219,7 +6227,7 @@ function _extends$b() {
         }
         return target;
     };
-    return _extends$b.apply(this, arguments);
+    return _extends$a.apply(this, arguments);
 }
 const RECORD_DEFAULT_OPTIONS = {
     maxDuration: 3600
@@ -6314,7 +6322,7 @@ const RECORD_DEFAULT_OPTIONS = {
         super._onControlClick(e);
     }
     constructor(options){
-        super(_extends$b({}, options, {
+        super(_extends$a({}, options, {
             tagName: 'span',
             controlType: 'button',
             classNameSuffix: 'record'
@@ -6353,8 +6361,8 @@ function _async_to_generator$3(fn) {
         });
     };
 }
-function _extends$a() {
-    _extends$a = Object.assign || function(target) {
+function _extends$9() {
+    _extends$9 = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
             for(var key in source){
@@ -6365,7 +6373,7 @@ function _extends$a() {
         }
         return target;
     };
-    return _extends$a.apply(this, arguments);
+    return _extends$9.apply(this, arguments);
 }
 /**
  * 对讲控件
@@ -6443,7 +6451,7 @@ function _extends$a() {
         }).call(this);
     }
     constructor(options){
-        super(_extends$a({}, options, {
+        super(_extends$9({}, options, {
             tagName: 'span',
             controlType: 'button',
             classNameSuffix: 'talk'
@@ -6464,8 +6472,8 @@ function _extends$a() {
     }
 }
 
-function _extends$9() {
-    _extends$9 = Object.assign || function(target) {
+function _extends$8() {
+    _extends$8 = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
             for(var key in source){
@@ -6476,7 +6484,7 @@ function _extends$9() {
         }
         return target;
     };
-    return _extends$9.apply(this, arguments);
+    return _extends$8.apply(this, arguments);
 }
 const SELECT_DEFAULT_OPTIONS = {
     fieldNames: {
@@ -6675,7 +6683,7 @@ const SELECT_DEFAULT_OPTIONS = {
     }
     constructor(options){
         var _this__options_fieldNames, _this__picker_$body;
-        super(_extends$9({
+        super(_extends$8({
             tagName: 'span',
             type: 'button',
             controlType: 'button'
@@ -6689,8 +6697,7 @@ const SELECT_DEFAULT_OPTIONS = {
         }
         var _this__options_fieldNames_value;
         const valueKey = (_this__options_fieldNames_value = (_this__options_fieldNames = this._options.fieldNames) == null ? void 0 : _this__options_fieldNames.value) != null ? _this__options_fieldNames_value : 'value';
-        this._picker = new Picker({
-            container: this.$container,
+        this._picker = new Picker(this.$container, {
             // 由于某些原因， 移动端强制渲染在 body 上
             getPopupContainer: ()=>Utils.isMobile ? options.rootContainer : this.$container,
             trigger: Utils.isMobile ? 'click' : 'hover',
@@ -6718,8 +6725,8 @@ const SELECT_DEFAULT_OPTIONS = {
     }
 }
 
-function _extends$8() {
-    _extends$8 = Object.assign || function(target) {
+function _extends$7() {
+    _extends$7 = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
             for(var key in source){
@@ -6730,7 +6737,7 @@ function _extends$8() {
         }
         return target;
     };
-    return _extends$8.apply(this, arguments);
+    return _extends$7.apply(this, arguments);
 }
 const DEFINITION_LEVELS_LOCALE = [
     'VIDEO_LEVEL_FLUENT',
@@ -6783,7 +6790,7 @@ function __filter(list, locale = {}) {
     }
     constructor(options = {}){
         var _options_props, _options_props1, _options_locales_options_language;
-        super(_extends$8({}, DEFINITION_DEFAULT_OPTIONS, {
+        super(_extends$7({}, DEFINITION_DEFAULT_OPTIONS, {
             value: (_options_props = options.props) == null ? void 0 : _options_props.videoLevel
         }, options, {
             fieldNames: {
@@ -6795,14 +6802,12 @@ function __filter(list, locale = {}) {
             controlType: 'button',
             classNameSuffix: 'definition',
             renderLabel: (label, item, list)=>{
-                var _list_;
                 if ((item == null ? void 0 : item.level) === 'auto') {
                     var _options_locales_options_language;
-                    const realItem = list.find((it)=>it.level === this._level);
-                    return `<span>${options == null ? void 0 : (_options_locales_options_language = options.locales[options.language]) == null ? void 0 : _options_locales_options_language.VIDEO_LEVEL_AUTO}(${(realItem == null ? void 0 : realItem.name) || ''})</span>`;
+                    const realIitem = list.find((it)=>it.level === this._level);
+                    return `<span>${options == null ? void 0 : (_options_locales_options_language = options.locales[options.language]) == null ? void 0 : _options_locales_options_language.VIDEO_LEVEL_AUTO}(${(realIitem == null ? void 0 : realIitem.name) || ''})</span>`;
                 }
-                // 如果 label 不存在，则不显示label，直接显示list的第一个label， 一般自定义清晰度列表可能会出现
-                return `<span>${label || ((_list_ = list[0]) == null ? void 0 : _list_.name) || ''}</span>`;
+                return `<span>${label}</span>`;
             },
             onChange: (value, item)=>{
                 var _options_onChange;
@@ -6829,9 +6834,9 @@ function __filter(list, locale = {}) {
             this._level = realLevel + '';
             if (l === 'auto') {
                 var _options_locales_options_language;
-                const realItem = this.list.find((it)=>it.level === this._level);
+                const realIitem = this.list.find((it)=>it.level === this._level);
                 this.$container.querySelector(`.${PREFIX_CLASS}-select-btn`).innerHTML = `
-          <span>${options == null ? void 0 : (_options_locales_options_language = options.locales[options.language]) == null ? void 0 : _options_locales_options_language.VIDEO_LEVEL_AUTO}(${(realItem == null ? void 0 : realItem.name) || ''})</span>
+          <span>${options == null ? void 0 : (_options_locales_options_language = options.locales[options.language]) == null ? void 0 : _options_locales_options_language.VIDEO_LEVEL_AUTO}(${(realIitem == null ? void 0 : realIitem.name) || ''})</span>
         `;
             } else {
                 if (this.value !== this._level + '') this.value = this._level + '';
@@ -6840,8 +6845,8 @@ function __filter(list, locale = {}) {
     }
 }
 
-function _extends$7() {
-    _extends$7 = Object.assign || function(target) {
+function _extends$6() {
+    _extends$6 = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
             for(var key in source){
@@ -6852,7 +6857,7 @@ function _extends$7() {
         }
         return target;
     };
-    return _extends$7.apply(this, arguments);
+    return _extends$6.apply(this, arguments);
 }
 // 支持的倍速列表, 需要是 2 的指数，不能小于 0.5， 最大 16 倍
 const SUPPORT_SPEED = [
@@ -6888,7 +6893,7 @@ const SPEED_DEFAULT_OPTIONS = {
     }
     constructor(options){
         var _options_locales_options_language, _options_locales;
-        super(_extends$7({}, SPEED_DEFAULT_OPTIONS, options, {
+        super(_extends$6({}, SPEED_DEFAULT_OPTIONS, options, {
             value: (options.props.speed || 1) + '',
             classNameSuffix: 'speed',
             controlType: 'button',
@@ -7009,7 +7014,7 @@ const DEFAULT_OPTIONS = {
 };
 /**
  * 日期选择器
- */ let DatePicker$1 = class DatePicker {
+ */ class DatePicker {
     _init() {
         // 因为挂载在行内，需要父标签设置 position: relative;
         this.$container.style.cssText += `;position: relative;`;
@@ -7137,7 +7142,7 @@ const DEFAULT_OPTIONS = {
             }
         });
     }
-};
+}
 
 /**
  * @description 时间操作
@@ -7283,8 +7288,8 @@ const DEFAULT_OPTIONS = {
     }
 }
 
-function _extends$6() {
-    _extends$6 = Object.assign || function(target) {
+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){
@@ -7295,12 +7300,12 @@ function _extends$6() {
         }
         return target;
     };
-    return _extends$6.apply(this, arguments);
+    return _extends$5.apply(this, arguments);
 }
 /**
  * 日历选择器控件
  * @category Control
- */ class DatePicker extends Control {
+ */ class DatePickerControl extends Control {
     _render() {
         if (isMobile()) {
             var _this_locale;
@@ -7315,7 +7320,7 @@ function _extends$6() {
                 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'),
@@ -7376,7 +7381,7 @@ function _extends$6() {
     }
     constructor(options){
         var _this_options_props_urlInfo_searchParams, _this_options_props_urlInfo, _this_options_props;
-        super(_extends$6({}, options, {
+        super(_extends$5({}, options, {
             tagName: 'span',
             controlType: 'button',
             classNameSuffix: 'date'
@@ -7387,1274 +7392,6 @@ function _extends$6() {
     }
 }
 
-/*
-* @ezuikit/control-time-line v0.0.1
-* Copyright (c) 2025-09-21 Ezviz-OpenBiz
-* Released under the MIT License.
-*/
-
-const BASE_TIME_LINE_DEFAULT_OPTIONS = {
-    language: 'zh',
-    records: [],
-    onChange: ()=>{},
-    onDragStart: ()=>{},
-    onDragging: ()=>{},
-    onDragEnd: ()=>{}
-};
-class BaseTimeLine {
-    get current() {
-        return this._current;
-    }
-    /**
-   * 更新当前时间
-   * @param time 能转成时间的值， 如 时间对象 Date, 时间戳，时间戳字符串
-   */ update(current) {}
-    updateRecords(records) {
-        if (records) {
-            this.records = records;
-        }
-    }
-    resize(width, height) {}
-    /**
-   * 改变时间轴刻度
-   */ changeScale(timelag) {}
-    setReadOnly(readOnly) {}
-    destroy() {
-        this._current = undefined;
-    }
-    constructor(container, options){
-        this.records = [];
-        this.$container = container;
-        this.options = deepmerge(BASE_TIME_LINE_DEFAULT_OPTIONS, options, {
-            clone: false
-        });
-    }
-}
-
-function toDate(time) {
-    let date = null;
-    if (typeof time === 'string' && time.includes(':')) {
-        date = new Date(time);
-    } else if ((typeof time === 'string' || typeof time === 'number') && /\d/.test(time + '') && (time + '').length === 10) {
-        date = new Date(+time * 1000);
-    } else if ((typeof time === 'string' || typeof time === 'number') && /\d/.test(time + '') && (time + '').length === 13) {
-        date = new Date(+time);
-    } else if (time instanceof Date) {
-        date = time;
-    }
-    return date;
-}
-/**
- *
- * @param time
- * @returns
- */ function formatDateToHHmmss(time) {
-    const date = toDate(time);
-    if (date) {
-        const h = date.getHours(); // 返回日期中的小时数（0到23）
-        const m = date.getMinutes(); // 返回日期中的分钟数（0到59）
-        const s = date.getSeconds(); // 返回日期中的秒数（0到59）
-        return (h > 9 ? h : '0' + h) + ':' + (m > 9 ? m : '0' + m) + ':' + (s > 9 ? s : '0' + s);
-    }
-    return '00:00:00';
-}
-function subTime(time) {
-    if (+time < 10) {
-        return '0' + time;
-    } else {
-        return time;
-    }
-}
-function tranTime(time, fmt = 'YYYY-MM-DD HH:mm:ss') {
-    const newDate = toDate(time);
-    if (newDate) {
-        if (fmt === 'YYYY-MM-DD') {
-            return newDate.getFullYear() + '-' + subTime(newDate.getMonth() + 1) + '-' + subTime(newDate.getDate());
-        } else if (fmt === 'HH:mm:ss') {
-            return subTime(newDate.getHours()) + ':' + subTime(newDate.getMinutes()) + ':' + subTime(newDate.getSeconds());
-        }
-        // prettier-ignore
-        return newDate.getFullYear() + "-" + subTime(newDate.getMonth() + 1) + "-" + subTime(newDate.getDate()) + " " + subTime(newDate.getHours()) + ":" + subTime(newDate.getMinutes()) + ":" + subTime(newDate.getSeconds());
-    }
-    return '';
-}
-/**
- * @description 判读两个区间是否重叠
- * @param {number} a_start 一个区间的开始
- * @param {number} a_end 一个区间的结束
- * @param {number} b_start 另一个区间的开始
- * @param {number} b_end 另一个区间的结束
- * @returns {boolean}
- */ function isOverlap(a_start, a_end, b_start, b_end) {
-    return Math.max(a_start, b_start) <= Math.min(a_end, b_end);
-}
-
-/* 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$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 PREFIX = 'ez-time-line';
-/**
- * 0： 1分钟，
- * 1： 10分钟
- * 2： 半小时
- * 3： 1小时
- * 4： 2小时
- */ const scaleEnum = {
-    0: 1,
-    1: 10,
-    2: 30,
-    3: 60,
-    4: 120
-};
-const MOBILE_TIME_LINE_DEFAULT_OPTIONS = Object.assign({}, BASE_TIME_LINE_DEFAULT_OPTIONS, {
-    // height: 400,
-    scale: 0,
-    readOnly: false
-});
-let TimeLine$1 = class TimeLine 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) {
-                this._$currentTime.querySelector(`.${PREFIX}-current-value`).innerHTML = obj[key];
-            }
-        });
-    }
-    /**
-   * 设置只读或取消只读
-   * @param readOnly - 只读或取消只读
-   * @returns
-   */ setReadOnly(readOnly) {
-        this._readOnly = readOnly;
-        if (this._$itemList) this._$itemContainer.style.overflowY = readOnly ? 'hidden' : 'scroll';
-    }
-    /**
-   * 改变时间轴刻度
-   * 0： 1分钟，
-   * 1： 10分钟
-   * 2： 半小时
-   * 3： 1小时
-   * 4： 2小时
-   * @param value 120: 2小时， 60：1小时， 30：半小时，10：10分钟，1：1分钟
-   */ changeScale(scale) {
-        if (scaleEnum[scale]) {
-            this._scale = scale;
-            this._matchTimeDot();
-        }
-    }
-    get scale() {
-        return this._scale;
-    }
-    /**
-   * 获取真实时间刻度（时间单位 分钟）
-   */ get _scaleWidth() {
-        return scaleEnum[this._scale] || scaleEnum[0];
-    }
-    updateRecords(records, defaultIndex) {
-        const list = records.map((record)=>{
-            return _extends$5({}, record, {
-                startTime: formatDateToHHmmss(record.startTime),
-                endTime: formatDateToHHmmss(record.endTime)
-            });
-        });
-        if (list.length > 0) {
-            if (typeof defaultIndex === 'undefined') {
-                defaultIndex = list.length - 1;
-            }
-            // 若current不为0，则不重置current，避免拖动后时间轴回弹
-            const { current } = this.state;
-            this.setState({
-                availTimeLine: list,
-                start: list[defaultIndex].startTime,
-                end: list[defaultIndex].endTime,
-                current: current === 0 ? list[defaultIndex].startTime : current
-            });
-            this._matchRecTimeDot();
-            this._primaryOffsetH();
-        } else {
-            this.setState({
-                availTimeLine: []
-            });
-            this._matchRecTimeDot();
-        }
-    }
-    _matchTimeDot() {
-        const { end } = this.state;
-        const scaleWidth = this._scaleWidth;
-        const timeArr = [];
-        // 时间转分钟
-        let minute = this._timeToMinute(end);
-        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) {
-                const height = this.$container.clientHeight;
-                marginBottom = height - 70;
-            }
-            const time = this._minuteToTime(i);
-            timeArr.push({
-                id: i,
-                current: time,
-                label: 'a' + i,
-                marginTop,
-                marginBottom,
-                recArr: []
-            });
-            i = i - scaleWidth;
-        }
-        this.setState({
-            timeArr
-        });
-        this._renderDateLine();
-    }
-    _matchRecTimeDot() {
-        const { start, end, availTimeLine, 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 = this._timeToSecond(temp.startTime);
-                const et = this._timeToSecond(temp.endTime);
-                // console.log('st: ', st, 'et:', et);
-                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;
-                        timeArr[j].recArr.push({
-                            height,
-                            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
-        });
-        this._renderDateLine();
-    }
-    _renderDateLine() {
-        const { timeArr } = this.state;
-        const container = this._$itemList;
-        container.innerHTML = '';
-        timeArr.forEach((item, index)=>{
-            const timeItemDOM = document.createElement('div');
-            timeItemDOM.setAttribute('class', PREFIX + '-time-scale-area');
-            timeItemDOM.style.cssText = `margin-top: ${item.marginTop}px; margin-bottom: ${item.marginBottom}px; border-right-color: ${item.borderColor};`;
-            const scaleDOM = document.createElement('div');
-            scaleDOM.setAttribute('class', PREFIX + '-scale');
-            let timeItemHtml = `
-      <div class="${PREFIX}-time-scale"></div>
-      <div class="${PREFIX}-time-scale"></div>
-      <div class="${PREFIX}-time-scale"></div>
-      <div class="${PREFIX}-time-scale"></div>
-      <div class="${PREFIX}-time-scale"></div>
-      <div class="${PREFIX}-time-scale" style="width:10px"></div>
-    `;
-            item.recArr.forEach((i, j)=>{
-                timeItemHtml += `<div class="${PREFIX}-time-unavail" style="height: ${i.height}px;background-color:#A8B9ED; top: ${i.top}px"></div>`;
-            });
-            timeItemHtml += `<div id=${item.label} class="${PREFIX}-time-label"> ${item.current}</div>`;
-            timeItemDOM.innerHTML = timeItemHtml;
-            container.appendChild(timeItemDOM);
-        });
-    }
-    _primaryOffsetH() {
-        const { start, timeArr, current } = this.state;
-        const scaleWidth = this._scaleWidth;
-        const currentItem = timeArr[0].current;
-        const currentTime = this._timeToSecond(currentItem);
-        // current不为0时，从当前时间开始计算偏移量，避免拖动时间轴后回弹
-        const startSecond = this._timeToSecond(current === 0 ? start : current);
-        const offsetS = currentTime - startSecond;
-        const offsetH = Math.ceil(offsetS / scaleWidth) + 60; // offsetS / (scaleWidth * 60) * 60
-        this.setState({
-            scrollTop: offsetH
-        });
-    }
-    _currentOffsetH() {
-        const { current, timeArr } = this.state;
-        const scale = this._scaleWidth;
-        const startItem = timeArr[0].current;
-        const startSecond = this._timeToSecond(startItem);
-        const currentSecond = this._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;
-        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 = this._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 = this._minuteToTime(offsetM);
-        }
-        if (current === undefined || +current.split(':')[0] >= 24 && (+current.split(':')[1] > 0 || offsetSecond > 0)) {
-            // 超出 24h 后不允许
-            this.update(new Date(`${new Date().getFullYear()}-${subTime(new Date().getMonth() + 1)}-${subTime(new Date().getDate())} 23:59:59`));
-            return;
-        }
-        this.setState({
-            current: current + ':' + (offsetSecond > 9 ? offsetSecond : '0' + offsetSecond),
-            scrollTop: reactTop
-        });
-    }
-    /**
-   * 更新当前时间
-   * @param time 能转成时间的值， 如 时间对象 Date, 时间戳，时间戳字符串
-   */ update(time) {
-        if (time && !this._isTouchStart) {
-            this.setState({
-                current: tranTime(time, 'HH:mm:ss')
-            });
-            this._currentOffsetH();
-        }
-    }
-    destroy() {
-        if (this._scrollTimer) {
-            clearInterval(this._scrollTimer);
-            this._scrollTimer = null;
-        }
-        this._removeEventListener();
-        super.destroy();
-    }
-    _timeToSecond(time) {
-        const e = time.split(':');
-        const h = Number(e[0]);
-        const m = Number(e[1]);
-        const s = Number(e[2]);
-        return h * 60 * 60 + m * 60 + (s ? s : 0);
-    }
-    _minuteToTime(minute) {
-        const hour = Math.floor(minute / 60);
-        const m = minute % 60;
-        return (hour > 9 ? hour : '0' + hour) + ':' + (m > 9 ? m : '0' + m);
-    }
-    _timeToMinute(time) {
-        const e = time.split(':');
-        const h = Number(e[0]);
-        const m = Number(e[1]);
-        // const s = Number(e[2]);
-        return h * 60 + m;
-    }
-    _render() {
-        this._$currentTime = document.createElement('div');
-        this._$currentTime.classList.add(PREFIX + '-current');
-        this._$currentTime.innerHTML = `<div class="${PREFIX}-current-value">00:00:00</div>`;
-        this.$container.appendChild(this._$currentTime);
-        this._$itemContainer = document.createElement('div');
-        this._$itemContainer.classList.add(PREFIX + '-item-container');
-        // 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(PREFIX + '-item');
-        this._$itemContainer.appendChild(this._$itemList);
-        this.$container.appendChild(this._$itemContainer);
-        this._addEventListener();
-    }
-    _addEventListener() {
-        // js安卓、IOS、鸿蒙系统监听开始触摸
-        if (this._$itemContainer) {
-            // 监听手动滚动时间轴时，停止时间轴滚动，时刻仍然变化
-            this._$itemContainer.addEventListener('touchstart', this._touchstart, false);
-            // 监听手动滚动时间轴时，停止时间轴滚动，时刻仍然变化
-            this._$itemContainer.addEventListener('touchmove', this._touchmove, false);
-            // 手动滚动停止，选定时刻自动播放
-            this._$itemContainer.addEventListener('touchend', this._touchend, false);
-        }
-        this._matchTimeDot();
-    }
-    _removeEventListener() {
-        if (this._$itemContainer) {
-            // 监听手动滚动时间轴时，停止时间轴滚动，时刻仍然变化
-            this._$itemContainer.removeEventListener('touchstart', this._touchstart);
-            // 监听手动滚动时间轴时，停止时间轴滚动，时刻仍然变化
-            this._$itemContainer.removeEventListener('touchmove', this._touchmove);
-            // 手动滚动停止，选定时刻自动播放
-            this._$itemContainer.removeEventListener('touchend', this._touchend);
-        }
-    }
-    _touchstart() {
-        if (this._readOnly) return false;
-        this._isTouchStart = true;
-        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, _reject)=>{
-            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) {
-                    preTop = reactTop;
-                } else {
-                    if (this._scrollTimer) {
-                        clearInterval(this._scrollTimer);
-                        this._scrollTimer = null;
-                    }
-                    this._isTouchStart = false;
-                    resolve(reactTop);
-                }
-            }, 100);
-        }).then((reactTop)=>{
-            this._rectTopToTime(reactTop);
-            this.options.onDragEnd == null ? void 0 : this.options.onDragEnd.call(this.options, this.state.current);
-            this.options.onChange == null ? void 0 : this.options.onChange.call(this.options, this.state.current);
-        });
-    }
-    constructor(container, options){
-        super(container, deepmerge(MOBILE_TIME_LINE_DEFAULT_OPTIONS, options, {
-            clone: false
-        })), // 禁用拖动轴
-        this._readOnly = false, this._isTouchStart = false, this.state = {
-            start: '00:00:00',
-            end: '24:00:00',
-            current: 0,
-            timeArr: [],
-            availTimeLine: [],
-            scrollTop: 0,
-            index: 0,
-            date: '',
-            noTimeLineTxt: ''
-        };
-        this._scale = this.options.scale || 0;
-        this.setReadOnly(!!this.options.readOnly);
-        this._touchstart = this._touchstart.bind(this);
-        this._touchmove = this._touchmove.bind(this);
-        this._touchend = this._touchend.bind(this);
-        this._render();
-    }
-};
-
-/**
- * 时间刻度宽度 [刻度间隔秒数s, 刻度间隔宽度px, 长刻度间隔短刻度个数, 说明]
- * 需要满足 (24 * 60 * 60) % ([0] * [2]) = 0， 这样 0 点刻度才能正确显示
- */ /**
- * 时间刻度宽度, 需要满足  (24 * 60 * 60) % ([0] * [2]) = 0
- */ const TIME_WIDTH = [
-    [
-        1,
-        10,
-        10,
-        '单位 1秒'
-    ],
-    [
-        60,
-        20,
-        5,
-        '单位 1分钟'
-    ],
-    [
-        600,
-        20,
-        6,
-        '单位 10分钟'
-    ],
-    [
-        3600,
-        30,
-        6,
-        '单位 1小时'
-    ],
-    [
-        14400,
-        40,
-        2,
-        '单位 4小时'
-    ],
-    [
-        43200,
-        80,
-        2,
-        '单位 12小时'
-    ]
-];
-
-/**
- * 时间轴配置项
- */ const TIMELINE_DEFAULT_OPTIONS = {
-    height: 36,
-    className: '',
-    wrapClassName: '',
-    timeSections: [],
-    timeWidth: 0,
-    currentTime: new Date(new Date().setHours(0, 0, 8, 0)),
-    dpr: window.devicePixelRatio || 2,
-    wheelSpeed: 0.1,
-    readOnly: false,
-    scaleOffsetTop: 4,
-    showYearMonthDay: true,
-    // --------------------只支持初始化时，不支持动态变更 (不做对象冻结)--------------------
-    timePointColor: '#1890ff',
-    timeTextColor: '#FFF',
-    timeScaleColor: '#FFF',
-    timeSectionColor: 'rgba(24, 144, 255, 0.5)',
-    timeAxisBgColor: '#000',
-    onChange: ()=>{},
-    onDragEnd: ()=>{},
-    onHover: ()=>{},
-    onDestroy: ()=>{}
-};
-/**
- * 时间轴控件类， 支持PC/Mobile 拖动和缩放
- * @beta
- * @example
- * ```ts
- * import TimeLine from './TimeLine';
- * const timeLine = new TimeLine(document.getElementById('container'), {})
- * ```
- */ let TimeLine$2 = class TimeLine {
-    /**
-   * 初始化 (canvas)
-   */ _init() {
-        this._$canvas = document.createElement('canvas');
-        this._ctx = this._$canvas.getContext('2d');
-        if (this._options.className) {
-            this._$canvas.className = this._options.className;
-        }
-        this._$canvas.style.cssText += 'cursor: pointer;';
-        this.width = this._options.width || this.$container.offsetWidth;
-        this.height = this._options.height || this.$container.offsetHeight;
-        if (this._options.wrapClassName) this.$container.classList.add(this._options.wrapClassName);
-        this.$container.appendChild(this._$canvas);
-        this._addEventListener();
-        this.setReadOnly(this._options.readOnly);
-        this._update({
-            currentTime: this._options.currentTime,
-            timeWidth: this._options.timeWidth,
-            timeSections: this._options.timeSections
-        });
-    }
-    /**
-   * 获取当前时间
-   * @returns
-   */ get currentTime() {
-        return this._currentTime;
-    }
-    set currentTime(time) {
-        if (!this._isMouseDown && !this._destroyed) {
-            this._update({
-                currentTime: new Date(time)
-            });
-        }
-    }
-    /**
-   * 获取 TimeLine 的宽度
-   * @returns
-   */ get width() {
-        return this._width;
-    }
-    set width(width) {
-        if (this._$canvas && width) {
-            width = Math.floor(width);
-            this._$canvas.width = width * this._options.dpr;
-            this._$canvas.style.cssText += `width: ${width}px;`;
-            this.$container.style.width = width + 'px';
-            this._width = width;
-            this._update();
-        }
-    }
-    /**
-   * 获取 TimeLine 的高度
-   * @returns
-   */ get height() {
-        return this._height;
-    }
-    set height(height) {
-        height = Math.floor(height);
-        if (this._$canvas && height) {
-            this._$canvas.height = height * this._options.dpr;
-            this._$canvas.style.cssText += `height: ${height}px;`;
-            this.$container.style.height = height + 'px';
-            this._height = height;
-            this._update();
-        }
-    }
-    /**
-   * 设置时间轴刻度宽度
-   * @param timeWidth - 时间轴刻度宽度 [0, TIME_WIDTH.length - 1]
-   * @returns
-   */ setTimeWidth(timeWidth) {
-        this._update({
-            timeWidth
-        });
-    }
-    get scale() {
-        return this._timeWidth;
-    }
-    /**
-   * 设置时间轴刻度宽度
-   * @param timeWidth - 时间轴刻度宽度 [0, TIME_WIDTH.length - 1]
-   * @returns
-   */ changeScale(scale) {
-        this.setTimeWidth(scale);
-    }
-    /**
-   *  设置片段数组
-   * @param timeSections - 片段数组
-   * @returns
-   */ updateRecords(timeSections) {
-        this._update({
-            timeSections
-        });
-    }
-    /**
-   * 更新当前时间
-   * @param time 能转成时间的值， 如 时间对象 Date, 时间戳，时间戳字符串
-   */ update(time) {
-        if (time && !this._isMouseDown) {
-            this._update({
-                currentTime: new Date(tranTime(time, 'YYYY-MM-DD HH:mm:ss'))
-            });
-        }
-    }
-    /**
-   * 更新
-   * @param options - 更新参数
-   * @returns
-   */ _update(options) {
-        if ((options == null ? void 0 : options.currentTime) && options.currentTime instanceof Date) {
-            this._currentTime = options.currentTime;
-        }
-        if (options == null ? void 0 : options.timeSections) {
-            this._timeSections = this._mergeTimeSections(options.timeSections);
-        }
-        if (typeof (options == null ? void 0 : options.timeWidth) === 'number' && (options == null ? void 0 : options.timeWidth) < TIME_WIDTH.length) {
-            this._timeWidth = options == null ? void 0 : options.timeWidth;
-            this._timeWidthArray = TIME_WIDTH[Math.floor(this._timeWidth)];
-        }
-        if (!this._timeWidthArray) {
-            // 不存在 默认取第一个
-            this._timeWidth = 0;
-            this._timeWidthArray = TIME_WIDTH[0];
-        }
-        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();
-    }
-    /**
-   * 设置只读或取消只读
-   * @param readOnly - 只读或取消只读
-   * @returns
-   */ setReadOnly(readOnly) {
-        this._readOnly = readOnly;
-        if (this._$canvas) {
-            if (this._readOnly) {
-                this._$canvas.style.cursor = 'not-allowed';
-            } else {
-                this._$canvas.style.cursor = 'pointer';
-            }
-        }
-    }
-    /**
-   * 销毁
-   * @returns
-   */ destroy() {
-        this._removeEventListener();
-        if (this._$canvas) {
-            this.$container.removeChild(this._$canvas);
-            this._timeSections = [];
-            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            this._$canvas = null;
-        }
-        this._destroyed = true;
-        this._options.onDestroy == null ? void 0 : this._options.onDestroy.call(this._options);
-    // if (this._$tip) {
-    //   this.$container.removeChild(this._$tip);
-    //   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    //   this._$tip = null!;
-    // }
-    }
-    // -----------------------------------------------------------------------------------------
-    //  private
-    // -----------------------------------------------------------------------------------------
-    /**
-   * 缩放时间轴 动态减少间距 （没处理 dpr）
-   * @returns 刻度间距
-   */ get _curScaleSpacing() {
-        var _this__timeWidthArray, _this__timeWidthArray1;
-        return Math.floor(((_this__timeWidthArray = this._timeWidthArray) == null ? void 0 : _this__timeWidthArray[1]) - ((_this__timeWidthArray1 = this._timeWidthArray) == null ? void 0 : _this__timeWidthArray1[1]) * +(this._timeWidth % 1 / 2).toFixed(2)); // 刻度间距
-    }
-    /**
-   * 绘制
-   */ _draw() {
-        this._drawScale();
-        this._drawSections();
-    }
-    /**
-   * 绘制刻度
-   */ _drawScale() {
-        const lineWidth = 1 * this._options.dpr;
-        /** 中心位置 */ this._centerPositionX = parseInt(this._width * this._options.dpr / 2 + '');
-        const centerPosition = {
-            x: this._width * this._options.dpr / 2,
-            y: this._height * this._options.dpr
-        };
-        const curScaleTime = Math.floor(this._currentTime.getTime() / 1000); // currentTime 秒
-        // 由于时区问题 当前时间戳（秒）处理但前刻度有偏移，所以改成使用当天便宜量， 这样就能保证当天的 0 点刻度能展示
-        // prettier-ignore
-        const offsetSecond = (curScaleTime - Math.floor(new Date(tranTime(new Date(curScaleTime * 1000), "YYYY-MM-DD") + " 00:00:00").getTime() / 1000)) % this._timeWidthArray[0];
-        const padding = this._height * this._options.dpr / 20; // 刻度顶部偏移量 高度的 1/8
-        const spacing = this._curScaleSpacing * this._options.dpr;
-        // 因为右偏移 右侧靠近中心点的X坐标 减去偏移量
-        // prettier-ignore
-        const rightLastScaleTimeX = Math.floor(this._centerPositionX + (this._timeWidthArray[0] - offsetSecond) / this._timeWidthArray[0] * spacing);
-        let leftLastScaleTime = curScaleTime - offsetSecond;
-        let rightLastScaleTime = leftLastScaleTime + this._timeWidthArray[0];
-        const leftLastScaleTimeX = rightLastScaleTimeX - spacing;
-        // 左扩展刻度
-        for(let x = leftLastScaleTimeX; x > 0; x -= spacing){
-            // prettier-ignore
-            const leftOffsetSecond = leftLastScaleTime - Math.floor(new Date(tranTime(new Date(leftLastScaleTime * 1000), "YYYY-MM-DD") + " 00:00:00").getTime() / 1000);
-            // prettier-ignore
-            const curScale = leftOffsetSecond % (this._timeWidthArray[0] * this._timeWidthArray[2]);
-            if (curScale === 0) {
-                // prettier-ignore
-                this._drawSolidLine(x, padding, x, padding + (this._options.scaleOffsetTop + 4) * this._options.dpr, lineWidth);
-                // prettier-ignore
-                this._drawTextString(tranTime(new Date(leftLastScaleTime * 1000)), x, padding + (this._options.scaleOffsetTop + 4 + 4) * this._options.dpr, "center");
-            } else {
-                this._drawSolidLine(x, padding, x, padding + this._options.scaleOffsetTop * this._options.dpr, lineWidth);
-            }
-            leftLastScaleTime = leftLastScaleTime - this._timeWidthArray[0];
-        }
-        // 右扩展刻度
-        // prettier-ignore
-        for(let x = rightLastScaleTimeX; x <= this._width * this._options.dpr; x += spacing){
-            // prettier-ignore
-            const rightOffsetSecond = rightLastScaleTime - Math.floor(new Date(tranTime(new Date(rightLastScaleTime * 1000), "YYYY-MM-DD") + " 00:00:00").getTime() / 1000);
-            // prettier-ignore
-            const curScale = rightOffsetSecond % (this._timeWidthArray[0] * this._timeWidthArray[2]);
-            if (curScale === 0) {
-                // prettier-ignore
-                this._drawSolidLine(x, padding, x, padding + (this._options.scaleOffsetTop + 4) * this._options.dpr, lineWidth);
-                // prettier-ignore
-                this._drawTextString(tranTime(new Date(rightLastScaleTime * 1000)), x, padding + (this._options.scaleOffsetTop + 4 + 4) * this._options.dpr, "center");
-            } else {
-                this._drawSolidLine(x, padding, x, padding + this._options.scaleOffsetTop * this._options.dpr, lineWidth);
-            }
-            rightLastScaleTime = rightLastScaleTime + this._timeWidthArray[0];
-        }
-        // 当前中心位置（当前时间 currentTime）
-        // prettier-ignore
-        this._drawSolidLine(centerPosition.x, 0, centerPosition.x, centerPosition.y, lineWidth, this._options.timePointColor);
-    }
-    /**
-   * 绘制线
-   * @param startX - 线起点 x 坐标
-   * @param startY - 线起点 y 坐标
-   * @param endX - 线终点 x 坐标
-   * @param endY - 线终点 y 坐标
-   * @param lineWidth - 线宽度
-   * @param color - 线颜色
-   *
-   */ // prettier-ignore
-    _drawSolidLine(startX, startY, endX, endY, lineWidth, color) {
-        if (this._ctx) {
-            this._ctx.save();
-            this._ctx.strokeStyle = color != null ? color : this._options.timeScaleColor;
-            this._ctx.lineWidth = lineWidth;
-            this._ctx.beginPath();
-            this._ctx.moveTo(startX, startY);
-            this._ctx.lineTo(endX, endY);
-            this._ctx.stroke();
-            this._ctx.restore();
-        }
-    }
-    /**
-   * 绘制刻度文字
-   * @param text - 文本
-   * @param x - X
-   * @param y - Y
-   * @param align - 文本对齐方式
-   */ _drawTextString(text, x, y, align) {
-        if (this._ctx) {
-            const timeTexts = text.split(' ');
-            this._ctx.font = `${12 * this._options.dpr * 1}px serif`;
-            this._ctx.fillStyle = this._options.timeTextColor;
-            this._ctx.textAlign = align || 'left';
-            if (this._timeWidthArray[0] % 60 === 0) {
-                // 仅展示 hh:mm
-                timeTexts[1] = timeTexts[1].replace(/:00$/, '');
-            }
-            this._ctx.fillText(timeTexts[1], x, y + 8 * this._options.dpr);
-            // prettier-ignore
-            if (this._options.showYearMonthDay && (timeTexts[1] === "00:00:00" || timeTexts[1] === "00:00" || this._timeWidthArray[0] * this._timeWidthArray[2] === 24 * 3600)) {
-                // 展示年月日
-                this._ctx.textAlign = align || "left";
-                this._ctx.fillText(timeTexts[0], x, y + (8 + 10) * this._options.dpr);
-            }
-        }
-    }
-    /**
-   * 画录像区间
-   */ _drawSections() {
-        // 绘制蓝色区域
-        const timeArr = this._timeSections || [];
-        // 根据时间查找当前位置
-        for(let i = 0; i < timeArr.length; i++){
-            const position = this._findPosition(timeArr[i]);
-            // 判断一下绘制区域是否在画布区域， 不在可以不用绘制
-            // prettier-ignore
-            if (this._ctx && isOverlap(0, this._width * this._options.dpr, position.x1, position.x2)) {
-                this._ctx.fillStyle = this._options.timeSectionColor;
-                // prettier-ignore
-                this._ctx.fillRect(position.x1, 0, position.x2 - position.x1, this._height * this._options.dpr);
-            }
-        }
-    }
-    /**
-   * 获取时间片段在时间轴中的x1 ,x2坐标 （已做 dpr 处理）
-   * @param item - 时间片段
-   * @returns {void}
-   */ _findPosition(item) {
-        // 中间的当前时间 currentTime 为基准， 然后计算时间片段的 x 坐标和 y 坐标
-        // prettier-ignore
-        const x1 = (parseInt((item.startTime - this._currentTime.getTime()) / 1000 + '', 10) / this._timeWidthArray[0] // 多少个刻度
-         * this._curScaleSpacing // 乘刻度宽度
-         + this._width / 2) * this._options.dpr;
-        const x2 = x1 + parseInt((item.endTime - item.startTime) / 1000 + '', 10) / this._timeWidthArray[0] * this._curScaleSpacing * this._options.dpr;
-        return {
-            x1,
-            x2
-        };
-    }
-    /**
-   * 合并相邻两个时间区间
-   * @param timeSections - 时间区间数组
-   *
-   * @returns 合并后的时间区间
-   */ _mergeTimeSections(timeSections) {
-        if (timeSections.length === 0) return timeSections;
-        timeSections = timeSections.map((item)=>{
-            // 处理秒
-            if ((item.startTime + '').length === 10) {
-                item.startTime = item.startTime * 1000;
-            }
-            if ((item.endTime + '').length === 10) {
-                item.endTime = item.endTime * 1000;
-            }
-            return {
-                startTime: item.startTime,
-                endTime: item.endTime
-            };
-        });
-        const merged = [
-            timeSections[0]
-        ];
-        for(let i = 1; i < timeSections.length; i++){
-            const prev = merged[merged.length - 1];
-            const curr = timeSections[i];
-            // 如果当前区间与上一个区间重叠或相邻（即 prev.end >= curr.start）
-            if (prev.endTime >= curr.startTime) {
-                // 合并区间
-                prev.endTime = Math.max(prev.endTime, curr.endTime);
-            } else {
-                merged.push(curr);
-            }
-        }
-        return merged;
-    }
-    // -------------------------------------
-    // mouse event
-    // -------------------------------------
-    /**
-   * 添加事件监听
-   * @returns
-   */ _addEventListener() {
-        if (this._$canvas) {
-            // 事件监听
-            this._$canvas.addEventListener('mousemove', this._mousemoveFun);
-            // prettier-ignore
-            this._$canvas.addEventListener("mouseover", this._mouseoverFun);
-            // prettier-ignore
-            this._$canvas.addEventListener("mouseleave", this._mouseleaveFun);
-            // prettier-ignore
-            this._$canvas.addEventListener("mousedown", this._mousedownFun);
-            // prettier-ignore
-            this._$canvas.addEventListener("mouseup", this._mouseUpFun);
-            this._$canvas.addEventListener('wheel', this._mousewheelFun);
-            // prettier-ignore
-            this.$container.addEventListener("wheel", (e)=>{
-                e.preventDefault();
-            }, {
-                passive: false
-            });
-            this._$canvas.addEventListener('keydown', this._ctrlKeyDownFun);
-            this._$canvas.addEventListener('keyup', this._ctrlKeyUpFun);
-            // ctrl 键事件
-            document.addEventListener('keydown', this._ctrlKeyDownFun, false);
-            document.addEventListener('keyup', this._ctrlKeyUpFun, false);
-            this._$canvas.addEventListener('touchstart', this._touchstartFun, {
-                passive: false
-            });
-            this._$canvas.addEventListener('touchmove', this._touchmoveFun, {
-                passive: false
-            });
-            this._$canvas.addEventListener('touchend', this._touchendFun, {
-                passive: false
-            });
-        }
-    }
-    /**
-   * 移除事件监听
-   * @returns
-   */ _removeEventListener() {
-        if (this._$canvas) {
-            // 事件监听
-            this._$canvas.removeEventListener('mousemove', this._mousemoveFun);
-            // prettier-ignore
-            this._$canvas.removeEventListener("mouseover", this._mouseoverFun);
-            // prettier-ignore
-            this._$canvas.removeEventListener("mouseleave", this._mouseleaveFun);
-            // prettier-ignore
-            this._$canvas.removeEventListener("mousedown", this._mousedownFun);
-            // prettier-ignore
-            this._$canvas.removeEventListener("mouseup", this._mouseUpFun);
-            this._$canvas.removeEventListener('wheel', this._mousewheelFun);
-            this._$canvas.removeEventListener('keydown', this._ctrlKeyDownFun);
-            this._$canvas.removeEventListener('keyup', this._ctrlKeyUpFun);
-            // ctrl 键事件
-            document.removeEventListener('keydown', this._ctrlKeyDownFun);
-            document.removeEventListener('keyup', this._ctrlKeyUpFun);
-            // touch
-            this._$canvas.removeEventListener('touchstart', this._touchstartFun);
-            this._$canvas.removeEventListener('touchmove', this._touchmoveFun);
-            this._$canvas.removeEventListener('touchend', this._touchendFun);
-        }
-    }
-    /**
-   * 鼠标按下事件监听
-   * @param e - 鼠标事件
-   * @returns
-   */ _mousedownFun(e) {
-        if (this._readOnly) return;
-        this._isMouseDown = true;
-        this._mousePosition = e.pageX;
-        this._oldTime = this._currentTime;
-        this._options.onDragStart == null ? void 0 : this._options.onDragStart.call(this._options, this._currentTime);
-    }
-    /**
-   * 鼠标移入事件监听
-   * @returns
-   */ _mouseoverFun() {
-        if (this._readOnly) return;
-        this._isOver = true;
-    }
-    /**
-   * 鼠标离开事件监听
-   * @returns
-   */ _mouseleaveFun(e) {
-        if (this._readOnly) return;
-        this._isOver = false;
-        this._moveEndOrTouchEndFun(e);
-    }
-    /**
-   * 鼠标抬起事件监听
-   * @returns
-   */ _mouseUpFun(e) {
-        this._moveEndOrTouchEndFun(e);
-    }
-    /**
-   * 鼠标移动事件监听
-   * @param e - 鼠标事件
-   * @returns
-   */ _mousemoveFun(e) {
-        if (this._readOnly) return;
-        if (this._isMouseDown && this._isOver) {
-            // 鼠标按下位置和移动位置的偏移量
-            this._moveUpdateFun(e.pageX);
-        } else {
-            const left = parseInt(this.$container.offsetLeft + '', 10);
-            this._mousePosition = e.pageX - left;
-            this._update(); // 更新画面
-        }
-        new Date(// prettier-ignore
-        this._currentTime.getTime() + parseInt((e.pageX - this._width / 2) / this._curScaleSpacing * this._timeWidthArray[0] + "", 10) * 1000);
-    }
-    /**
-   * 鼠标滚轮滚动
-   * @param e - 鼠标滚轮滚动事件
-   * @returns
-   */ _mousewheelFun(e) {
-        e.preventDefault(); // 阻止默认滚动行为
-        // eslint-disable-next-line no-useless-return
-        if (this._readOnly) return;
-    // if (this._isCtrlKeyDown) {
-    //   const zoom = e.deltaY > 0 ? -this._options.wheelSpeed : this._options.wheelSpeed;
-    //   this._timeWidth = +(this._timeWidth + zoom).toFixed(2);
-    //   if (this._timeWidth <= 0) {
-    //     this._timeWidth = 0;
-    //   } else if (this._timeWidth >= TIME_WIDTH.length) {
-    //     this._timeWidth = TIME_WIDTH.length - 0.01;
-    //   }
-    //   this._update({
-    //     timeWidth: Math.floor(this._timeWidth),
-    //   });
-    // }
-    }
-    /**
-   * ctrl键按下事件
-   * @param e - 键盘按下事件
-   */ _ctrlKeyDownFun(e) {
-        if (e.ctrlKey || e.key === 'Control') {
-            this._isCtrlKeyDown = true;
-        }
-    }
-    /**
-   * ctrl键抬起事件
-   * @param e - 键盘按下事件
-   */ _ctrlKeyUpFun(e) {
-        if (e.ctrlKey || e.key === 'Control') {
-            this._isCtrlKeyDown = false;
-        }
-    }
-    // ----------------------------------------------------------------------
-    // touch
-    // ----------------------------------------------------------------------
-    /**
-   * 触摸距离
-   * @param touches - 两指触摸点
-   * @returns
-   */ _getTouchDistance(touches) {
-        const [touch1, touch2] = touches;
-        const dx = touch2.clientX - touch1.clientX;
-        const dy = touch2.clientY - touch1.clientY;
-        return Math.sqrt(dx * dx + dy * dy);
-    }
-    /**
-   * 触摸开始
-   * @param e - 触摸事件
-   * @returns
-   */ _touchstartFun(e) {
-        if (this._readOnly) return;
-        this._oldTime = this._currentTime;
-        this._isOver = true;
-        if (e.touches.length === 1) {
-            // 单指
-            const touch = e.touches[0];
-            this._isMouseDown = true;
-            this._mousePosition = touch.clientX;
-        // this._touchmoveFun(e);
-        } else if (e.touches.length === 2) {
-            // 双指
-            this._lastTouchDist = this._getTouchDistance(e.touches);
-        }
-    }
-    /**
-   * 触摸移动
-   * @param e - 触摸事件
-   * @returns
-   */ _touchmoveFun(e) {
-        e.preventDefault(); // 防止页面缩放
-        e.stopPropagation();
-        if (this._readOnly) return;
-        if (e.touches.length === 1) {
-            // 单指
-            const touch = e.touches[0];
-            this._moveUpdateFun(touch.clientX);
-        } else if (e.touches.length === 2) {
-            // 双指
-            const newDist = this._getTouchDistance(e.touches);
-            newDist / this._lastTouchDist;
-        // scale *= zoom;
-        // // 限制缩放范围
-        // scale = Math.max(0.5, Math.min(3, scale));
-        // img.style.transform = `scale(${scale})`;
-        // lastDist = newDist;
-        }
-    }
-    /**
-   * 触摸结束
-   * @param e - 触摸事件
-   * @returns
-   */ _touchendFun(e) {
-        if (this._readOnly) return;
-        this._moveEndOrTouchEndFun(e);
-    }
-    /**
-   * 拖动结束
-   * @returns
-   */ _moveEndOrTouchEndFun(e) {
-        if (this._readOnly) return;
-        if (this._isMouseDown) {
-            this._isMouseDown = false;
-            if (this._moved) {
-                this._moved = false;
-                this._update({
-                    currentTime: this._currentTime
-                });
-                this._oldTime = this._currentTime;
-                this._options.onDragEnd == null ? void 0 : this._options.onDragEnd.call(this._options, this._currentTime, this._isOver);
-            }
-            if (this._isOver && Math.abs(this._mousePosition - (e.pageX || e.clientX)) > 5) {
-                this._options.onChange == null ? void 0 : this._options.onChange.call(this._options, this._currentTime);
-            }
-            this._mousePosition = 0;
-            this._lastTouchDist = 0;
-        }
-    }
-    /**
-   * 移动更新时间
-   * @param x - 移动的x坐标
-   * @returns
-   */ _moveUpdateFun(x) {
-        // 鼠标按下位置和移动位置的偏移量
-        const mouseOffset = this._mousePosition - x;
-        // fix点击引起mousemove的问题
-        if (mouseOffset === 0) return;
-        if (this._oldTime) {
-            // prettier-ignore
-            const currentTime = this._oldTime.getTime() + parseInt(mouseOffset / this._curScaleSpacing * this._timeWidthArray[0] + "", 10) * 1000;
-            this._update({
-                currentTime: new Date(currentTime)
-            });
-            this._options.onDragging == null ? void 0 : this._options.onDragging.call(this._options, new Date(currentTime));
-        }
-        this._moved = true;
-    }
-    constructor(container, options){
-        this._$canvas = null;
-        this._ctx = null;
-        this._width = 0;
-        this._height = 0;
-        this._currentTime = new Date(new Date().setHours(0, 0, 0, 0));
-        this._timeWidth = 0;
-        /** 时间刻度宽度 [刻度间隔秒数s, 刻度间隔宽度px, 长刻度间隔短刻度个数, 中文说明]  */ this._timeWidthArray = TIME_WIDTH[0];
-        this._centerPositionX = 0;
-        this._timeSections = [];
-        /** 只读 */ this._readOnly = false;
-        // mouse
-        this._isMouseDown = false;
-        this._mousePosition = 0; // 鼠标在画布中X轴的位置
-        this._oldTime = null;
-        this._isOver = false;
-        this._moved = false;
-        this._isCtrlKeyDown = false;
-        this._destroyed = false;
-        this._lastTouchDist = 0;
-        this.$container = container;
-        // prettier-ignore
-        this._options = Object.assign({}, TIMELINE_DEFAULT_OPTIONS, 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$2.TIME_WIDTH = TIME_WIDTH;
-
 function _extends$4() {
     _extends$4 = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
@@ -8671,58 +7408,76 @@ function _extends$4() {
 }
 /**
  * 回放时间轴控件
- */ class TimeLine extends Control {
+ */ class TimeLineControl extends Control {
     _render() {
-        var _this_timeLineUtil_updateRecords, _this_timeLineUtil;
+        var _this_timeLineUtil_updateTimeSections, _this_timeLineUtil;
         const _timeLineOptions = {
-            // locale: this._options.locale,
+            language: this._options.language || 'zh',
+            coverQuery: this._options.coverQuery || '',
             onChange: (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: (open)=>{
+                this.emit(EVENTS.control.timeLinePanelOpenChange, open);
+            },
+            // 2025-10-27 仅移动端支持
+            onPickerSelect: (item)=>{
+                let date = null;
+                try {
+                    if ((item.startTime + '').length === 10) date = new Date(item.startTime * 1000);
+                    else if ((item.startTime + '').length === 13) date = new Date(item.startTime);
+                    else date = new Date(item.startTime);
+                    this._options.onChange == null ? void 0 : this._options.onChange.call(this._options, date);
+                    this.emit(EVENTS.control.timeLineChange, date);
+                } catch (error) {
+                }
             }
         };
         if (isMobile()) {
-            this.timeLineUtil = new TimeLine$1(this.$container, _timeLineOptions);
+            this.timeLineUtil = new MobileTimeLine(this.$container, _timeLineOptions);
         } else {
-            this.timeLineUtil = new TimeLine$2(this.$container, _timeLineOptions);
+            this.timeLineUtil = new TimeLine(this.$container, _timeLineOptions);
             this._renderAddReduce();
         }
-        (_this_timeLineUtil = this.timeLineUtil) == null ? void 0 : (_this_timeLineUtil_updateRecords = _this_timeLineUtil.updateRecords) == null ? void 0 : _this_timeLineUtil_updateRecords.call(_this_timeLineUtil, this.records);
+        (_this_timeLineUtil = this.timeLineUtil) == null ? void 0 : (_this_timeLineUtil_updateTimeSections = _this_timeLineUtil.updateTimeSections) == null ? void 0 : _this_timeLineUtil_updateTimeSections.call(_this_timeLineUtil, this.records);
         this.timeLineUtil.update(new Date());
     }
     setWidth(width) {
-        if (!isMobile()) this.timeLineUtil.width = width;
+        if (!isMobile()) this.timeLineUtil.resize(width);
     }
     _renderAddReduce() {
-        this.$add = document.createElement('span');
-        this.$add.classList.add(`${PREFIX_CLASS}-time-line-scale-add`);
-        this.$add.innerHTML = IconComponents.add();
-        this.$add.addEventListener('click', ()=>{
+        this._$add = document.createElement('span');
+        this._$add.classList.add(`${PREFIX_CLASS}-time-line-scale-add`);
+        this._$add.innerHTML = IconComponents.add();
+        this._$add.addEventListener('click', ()=>{
             if (this.timeLineUtil) {
-                const currentScale = Math.floor(this.timeLineUtil.scale);
-                this.timeLineUtil.changeScale(currentScale + 1);
+                const currentScale = Math.floor(this.timeLineUtil.timeWidth);
+                this.timeLineUtil.setTimeWidth(currentScale + 1);
             }
         });
-        this.$reduce = document.createElement('span');
-        this.$reduce.classList.add(`${PREFIX_CLASS}-time-line-scale-sub`);
-        this.$reduce.innerHTML = IconComponents.reduce();
-        this.$reduce.addEventListener('click', ()=>{
+        this._$reduce = document.createElement('span');
+        this._$reduce.classList.add(`${PREFIX_CLASS}-time-line-scale-sub`);
+        this._$reduce.innerHTML = IconComponents.reduce();
+        this._$reduce.addEventListener('click', ()=>{
             if (this.timeLineUtil) {
-                const currentScale = Math.floor(this.timeLineUtil.scale);
-                this.timeLineUtil.changeScale(currentScale - 1);
+                const currentScale = Math.floor(this.timeLineUtil.timeWidth);
+                this.timeLineUtil.setTimeWidth(currentScale - 1);
             }
         });
-        this.$container.appendChild(this.$add);
-        this.$container.appendChild(this.$reduce);
+        this.$container.appendChild(this._$add);
+        this.$container.appendChild(this._$reduce);
     }
     destroy() {
-        if (this.$add) {
-            this.$add.remove();
-            this.$add = null;
+        if (this._$add) {
+            this._$add.remove();
+            this._$add = null;
         }
-        if (this.$reduce) {
-            this.$reduce.remove();
-            this.$reduce = null;
+        if (this._$reduce) {
+            this._$reduce.remove();
+            this._$reduce = null;
         }
         if (this.timeLineUtil) {
             this.timeLineUtil.destroy();
@@ -8742,20 +7497,25 @@ function _extends$4() {
             tagName: 'div',
             controlType: 'block',
             classNameSuffix: 'time-line'
-        })), this.records = [];
+        })), 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();
         this.on(EVENTS.setAllDayRecTimes, (records)=>{
             var // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-            _this_timeLineUtil_updateRecords, _this_timeLineUtil;
+            _this_timeLineUtil_updateTimeSections, _this_timeLineUtil;
             this.records = records;
-            (_this_timeLineUtil = this.timeLineUtil) == null ? void 0 : (_this_timeLineUtil_updateRecords = _this_timeLineUtil.updateRecords) == null ? void 0 : _this_timeLineUtil_updateRecords.call(_this_timeLineUtil, records);
+            (_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, (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;
+                const 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);
+            }
         });
     }
 }
@@ -8821,8 +7581,8 @@ const Controls = {
     globalFullscreen: GlobalFullscreen,
     rec: Rec,
     speed: Speed,
-    date: DatePicker,
-    timeLine: TimeLine
+    date: DatePickerControl,
+    timeLine: TimeLineControl
 };
 
 class RecFooter extends EventEmitter {
@@ -9391,12 +8151,13 @@ function _renderTheme(theme, data) {
 }
 const _renderTimeLine = (theme, container, 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: ()=>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
         }));
@@ -10017,7 +8778,7 @@ const THEME_DEFAULT_OPTIONS = {
     // 私有方法
     // ==============================================================================================
     /** 初始化配置项 */ _initOptions(options = {}) {
-        var _this_options_loggerOptions, _this_options_definitionOptions_list, _this_options_definitionOptions, _this_options_videoLevelList;
+        var _this_options_loggerOptions;
         this.options = deepmerge(THEME_DEFAULT_OPTIONS, options, {
             clone: false
         });
@@ -10031,7 +8792,7 @@ const THEME_DEFAULT_OPTIONS = {
         }
         if (!this.$container) throw new Error('container option is required!');
         if ([
-            'VIDEO',
+            'VIDOE',
             'CANVAS'
         ].includes(this.$container.tagName)) {
             throw new Error('container node cannot be video or canvas!');
@@ -10042,10 +8803,6 @@ const THEME_DEFAULT_OPTIONS = {
         }));
         this.logger.log(navigator.userAgent || 'unknown');
         this.logger.log('[Theme Version] ', Theme.THEME_VERSION);
-        if ('container' in this.options) {
-            // JSON 不能序列化dom节点, 不要使用 this.options.container, 请使用 this.container
-            delete this.options.container;
-        }
         this.logger.log(JSON.stringify(this.options));
         const language = this.options.language || 'zh';
         const locales = deepmerge({
@@ -10058,11 +8815,6 @@ const THEME_DEFAULT_OPTIONS = {
         this.i18n = new I18n(locales, {
             defaultLocale: language
         });
-        // 默认清晰度列表
-        if (((_this_options_definitionOptions = this.options.definitionOptions) == null ? void 0 : (_this_options_definitionOptions_list = _this_options_definitionOptions.list) == null ? void 0 : _this_options_definitionOptions_list.length) > 0 || ((_this_options_videoLevelList = this.options.videoLevelList) == null ? void 0 : _this_options_videoLevelList.length) > 0) {
-            var _this_options_definitionOptions1;
-            this.videoLevelList = ((_this_options_definitionOptions1 = this.options.definitionOptions) == null ? void 0 : _this_options_definitionOptions1.list) || this.options.videoLevelList;
-        }
     }
     /**
    * 初始化设置类名和设置宽高
@@ -10612,6 +9364,6 @@ const THEME_DEFAULT_OPTIONS = {
     zh,
     en
 };
-/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '0.0.1-beta.1';
+/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '1.0.0';
 
 export { Control, Fullscreen, Loading, Message, Play, Poster, Rec, Theme, Utils, Volume, Theme as default };