npm - @ezuikit/player-theme - Versions diffs - 0.0.1-beta.1 → 1.0.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.js CHANGED Viewed

@@ -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.
 */
 'use strict';
@@ -15,6 +15,7 @@ var utilsTools = require('@ezuikit/utils-tools');
 var screenfull = require('screenfull');
 var I18n = require('@ezuikit/utils-i18n');
 var Logger = require('@ezuikit/utils-logger');
+var controlTimeLine = require('@ezuikit/control-time-line');
 /**
  * 播放器的类名前缀
@@ -187,6 +188,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',
@@ -386,8 +388,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){
@@ -398,7 +400,7 @@ function _extends$r() {
         }
         return target;
     };
-    return _extends$r.apply(this, arguments);
+    return _extends$q.apply(this, arguments);
 }
 const LOADING_DEFAULT_OPTIONS = {};
 /**
@@ -438,7 +440,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'
@@ -449,8 +451,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){
@@ -461,7 +463,7 @@ function _extends$q() {
         }
         return target;
     };
-    return _extends$q.apply(this, arguments);
+    return _extends$p.apply(this, arguments);
 }
 // 不放在服务器上 是因为有可能http加载失败
 // prettier-ignore
@@ -520,7 +522,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'
@@ -755,8 +757,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){
@@ -767,7 +769,7 @@ function _extends$p() {
         }
         return target;
     };
-    return _extends$p.apply(this, arguments);
+    return _extends$o.apply(this, arguments);
 }
 const MESSAGE_DEFAULT_OPTIONS = {};
 /**
@@ -892,7 +894,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'
         })));
@@ -901,8 +903,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){
@@ -913,7 +915,7 @@ function _extends$o() {
         }
         return target;
     };
-    return _extends$o.apply(this, arguments);
+    return _extends$n.apply(this, arguments);
 }
 /**
  * 播放/暂停控件
@@ -946,7 +948,7 @@ function _extends$o() {
         }
     }
     constructor(options){
-        super(_extends$o({}, options, {
+        super(_extends$n({}, options, {
             tagName: 'span',
             controlType: 'button',
             classNameSuffix: 'play'
@@ -1456,8 +1458,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){
@@ -1468,7 +1470,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,
@@ -1613,7 +1615,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'
@@ -1629,8 +1631,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",
@@ -1942,8 +1943,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){
@@ -1954,7 +1955,7 @@ function _extends$m() {
         }
         return target;
     };
-    return _extends$m.apply(this, arguments);
+    return _extends$l.apply(this, arguments);
 }
 /**
  * 全屏控件
@@ -2003,7 +2004,7 @@ function _extends$m() {
     _event() {}
     constructor(options){
         var _options_props, _this_options;
-        super(_extends$m({
+        super(_extends$l({
             tagName: 'span',
             classNameSuffix: 'fullscreen',
             controlType: 'button'
@@ -2024,8 +2025,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){
@@ -2036,7 +2037,7 @@ function _extends$l() {
         }
         return target;
     };
-    return _extends$l.apply(this, arguments);
+    return _extends$k.apply(this, arguments);
 }
 /**
  * 回放类型切换（本地回放(sdk 卡)， 云存储回放， 云录制回放）控件
@@ -2119,7 +2120,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'
@@ -3237,8 +3238,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){
@@ -3249,7 +3250,7 @@ function _extends$k() {
         }
         return target;
     };
-    return _extends$k.apply(this, arguments);
+    return _extends$j.apply(this, arguments);
 }
 /**
  * 更多控件
@@ -3262,8 +3263,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}`,
@@ -3320,7 +3320,7 @@ function _extends$k() {
     // this._options.onClick?.(e);
     }
     constructor(options){
-        super(_extends$k({}, options, {
+        super(_extends$j({}, options, {
             tagName: 'span',
             controlType: 'button',
             classNameSuffix: 'more'
@@ -3704,6 +3704,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);
         });
@@ -3784,8 +3792,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){
@@ -3796,7 +3804,7 @@ function _extends$j() {
         }
         return target;
     };
-    return _extends$j.apply(this, arguments);
+    return _extends$i.apply(this, arguments);
 }
 const ZOOM_DEFAULT_OPTIONS = {
     open: false,
@@ -3905,7 +3913,7 @@ const ZOOM_DEFAULT_OPTIONS = {
         super._onControlClick(e);
     }
     constructor(options){
-        super(_extends$j({}, options, {
+        super(_extends$i({}, options, {
             tagName: 'span',
             controlType: 'button',
             classNameSuffix: 'zoom'
@@ -4597,8 +4605,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){
@@ -4609,10 +4617,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) {
@@ -4718,8 +4726,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){
@@ -4730,7 +4738,7 @@ function _extends$h() {
         }
         return target;
     };
-    return _extends$h.apply(this, arguments);
+    return _extends$g.apply(this, arguments);
 }
 /** 兼容 themeData中不规范的 key */ const replaceKey = {
     sound: 'volume',
@@ -4767,7 +4775,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;
@@ -4790,7 +4798,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;
@@ -4981,8 +4989,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){
@@ -4993,18 +5001,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){
@@ -5015,11 +5023,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'
         }));
     }
@@ -5183,8 +5191,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){
@@ -5195,7 +5203,7 @@ function _extends$e() {
         }
         return target;
     };
-    return _extends$e.apply(this, arguments);
+    return _extends$d.apply(this, arguments);
 }
 /**
  * 全局全屏
@@ -5225,15 +5233,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){
@@ -5244,7 +5252,7 @@ function _extends$d() {
         }
         return target;
     };
-    return _extends$d.apply(this, arguments);
+    return _extends$c.apply(this, arguments);
 }
 /**
  * 截图控件，点击后会触发截图事件， 截图数据会通过 onCapture 回调函数返回
@@ -5287,7 +5295,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;
@@ -6065,8 +6073,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){
@@ -6077,7 +6085,7 @@ function _extends$c() {
         }
         return target;
     };
-    return _extends$c.apply(this, arguments);
+    return _extends$b.apply(this, arguments);
 }
 /**
  * 云台控件
@@ -6115,7 +6123,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)
             }));
@@ -6124,7 +6132,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)
         }));
@@ -6192,7 +6200,7 @@ function _extends$c() {
         this.active = false;
     }
     constructor(options){
-        super(_extends$c({}, options, {
+        super(_extends$b({}, options, {
             tagName: 'span',
             controlType: 'button',
             classNameSuffix: 'ptz'
@@ -6211,8 +6219,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){
@@ -6223,7 +6231,7 @@ function _extends$b() {
         }
         return target;
     };
-    return _extends$b.apply(this, arguments);
+    return _extends$a.apply(this, arguments);
 }
 const RECORD_DEFAULT_OPTIONS = {
     maxDuration: 3600
@@ -6318,7 +6326,7 @@ const RECORD_DEFAULT_OPTIONS = {
         super._onControlClick(e);
     }
     constructor(options){
-        super(_extends$b({}, options, {
+        super(_extends$a({}, options, {
             tagName: 'span',
             controlType: 'button',
             classNameSuffix: 'record'
@@ -6357,8 +6365,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){
@@ -6369,7 +6377,7 @@ function _extends$a() {
         }
         return target;
     };
-    return _extends$a.apply(this, arguments);
+    return _extends$9.apply(this, arguments);
 }
 /**
  * 对讲控件
@@ -6447,7 +6455,7 @@ function _extends$a() {
         }).call(this);
     }
     constructor(options){
-        super(_extends$a({}, options, {
+        super(_extends$9({}, options, {
             tagName: 'span',
             controlType: 'button',
             classNameSuffix: 'talk'
@@ -6468,8 +6476,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){
@@ -6480,7 +6488,7 @@ function _extends$9() {
         }
         return target;
     };
-    return _extends$9.apply(this, arguments);
+    return _extends$8.apply(this, arguments);
 }
 const SELECT_DEFAULT_OPTIONS = {
     fieldNames: {
@@ -6679,7 +6687,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'
@@ -6693,8 +6701,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',
@@ -6722,8 +6729,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){
@@ -6734,7 +6741,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',
@@ -6787,7 +6794,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: {
@@ -6799,14 +6806,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;
@@ -6833,9 +6838,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 + '';
@@ -6844,8 +6849,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){
@@ -6856,7 +6861,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 = [
@@ -6892,7 +6897,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',
@@ -7013,7 +7018,7 @@ const DEFAULT_OPTIONS = {
 };
 /**
  * 日期选择器
- */ let DatePicker$1 = class DatePicker {
+ */ class DatePicker {
     _init() {
         // 因为挂载在行内，需要父标签设置 position: relative;
         this.$container.style.cssText += `;position: relative;`;
@@ -7141,7 +7146,7 @@ const DEFAULT_OPTIONS = {
             }
         });
     }
-};
+}
 /**
  * @description 时间操作
@@ -7287,8 +7292,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){
@@ -7299,12 +7304,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 (utilsTools.isMobile()) {
             var _this_locale;
@@ -7319,7 +7324,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'),
@@ -7380,7 +7385,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'
@@ -7391,1274 +7396,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++){
@@ -8675,58 +7412,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 (utilsTools.isMobile()) {
-            this.timeLineUtil = new TimeLine$1(this.$container, _timeLineOptions);
+            this.timeLineUtil = new controlTimeLine.MobileTimeLine(this.$container, _timeLineOptions);
         } else {
-            this.timeLineUtil = new TimeLine$2(this.$container, _timeLineOptions);
+            this.timeLineUtil = new controlTimeLine.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 (!utilsTools.isMobile()) this.timeLineUtil.width = width;
+        if (!utilsTools.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();
@@ -8746,20 +7501,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);
+            }
         });
     }
 }
@@ -8825,8 +7585,8 @@ const Controls = {
     globalFullscreen: GlobalFullscreen,
     rec: Rec,
     speed: Speed,
-    date: DatePicker,
-    timeLine: TimeLine
+    date: DatePickerControl,
+    timeLine: TimeLineControl
 };
 class RecFooter extends EventEmitter {
@@ -9395,12 +8155,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
         }));
@@ -10021,7 +8782,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
         });
@@ -10035,7 +8796,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!');
@@ -10046,10 +8807,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({
@@ -10062,11 +8819,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;
-        }
     }
     /**
    * 初始化设置类名和设置宽高
@@ -10616,7 +9368,7 @@ 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';
 exports.Control = Control;
 exports.Fullscreen = Fullscreen;