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

package/dist/index.umd.js

@@ -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.
 */
 (function (global, factory) {
@@ -534,6 +534,7 @@
 	        /** 日期改变 */ dateChange: 'Control.dateChange',
 	        /** 日期销毁 */ dateDestroy: 'Control.datePanelDestroy',
 	        /**  时间轴拖动结束 */ timeLineChange: 'Control.timeLineChange',
+	        /** 时间轴图片列表面板 */ timeLinePanelOpenChange: 'Control.timeLinePanelOpenChange',
 	        /** 时间轴控件销毁 */ timeLineDestroy: 'Control.timeLineDestroy',
 	        /** 主题控件挂载前 切换新的主题也会触发，如果想首次获取需要在 onInitializing 回调中进行监听 */ beforeMountControls: 'Control.beforeMountControls',
 	        /** 主题控件挂载完成, 切换新的主题也会触发，如果想首次获取需要在 onInitializing 回调中进行监听 */ mountedControls: 'Control.mountedControls',
@@ -1463,21 +1464,32 @@
 	}(Control);
 
 	/*
-	* @skax/picker v0.1.1
-	* Copyright (c) 2025-08-31 ShineShao <xiaoshaoqq@gmail.com>
+	* @skax/picker v1.0.3
+	* Copyright (c) 2025-10-28 ShineShao <xiaoshaoqq@gmail.com>
 	* Released under the MIT License.
 	*/
-	let Provider$1 = class Provider {
-	    static getInstance() {
-	        if (!Provider.instance) {
-	            Provider.instance = new Provider();
+	/**
+	 * PickerProvider 单例类
+	 */ class PickerProvider {
+	    /**
+	   * 获取单例实例
+	   * @returns Picker 实例
+	   */ static getInstance() {
+	        if (!PickerProvider.instance) {
+	            PickerProvider.instance = new PickerProvider();
 	        }
-	        return Provider.instance;
+	        return PickerProvider.instance;
 	    }
-	    add(picker) {
+	    /**
+	   * 添加picker
+	   * @param picker Picker 实例
+	   */ add(picker) {
 	        this.pickers.push(picker);
 	    }
-	    remove(picker) {
+	    /**
+	   * 移除picker
+	   * @param picker Picker 实例
+	   */ remove(picker) {
 	        const index = this.pickers.indexOf(picker);
 	        if (index > -1) {
 	            this.pickers.splice(index, 1);
@@ -1485,9 +1497,13 @@
 	            console.warn("Picker not found in the provider.");
 	        }
 	    }
-	    closeOther(e) {
+	    /**
+	   * 关闭其他picker
+	   * @param e 事件
+	   */ closeOther(e) {
 	        for (const p of this.pickers){
-	            if (p && !(e.target === p.$container || p.$container.contains(e.target) || e.target === p.$wrapperContent || p.$wrapperContent.contains(e.target))) {
+	            var _p_$container_contains, _p_$container, _p_$wrapperContent_contains, _p_$wrapperContent;
+	            if (p && !(e.target === p.$container || ((_p_$container = p.$container) == null ? void 0 : (_p_$container_contains = _p_$container.contains) == null ? void 0 : _p_$container_contains.call(_p_$container, e.target)) || e.target === p.$wrapperContent || ((_p_$wrapperContent = p.$wrapperContent) == null ? void 0 : (_p_$wrapperContent_contains = _p_$wrapperContent.contains) == null ? void 0 : _p_$wrapperContent_contains.call(_p_$wrapperContent, e.target)))) {
 	                p.open = false;
 	            }
 	        }
@@ -1496,14 +1512,19 @@
 	        this.pickers = [];
 	    // Private constructor to prevent instantiation
 	    }
-	};
-	const provider = Provider$1.getInstance();
+	}
+	const pickerProvider = PickerProvider.getInstance();
 
 	/**
-	 * picker 弹窗位置
+	 * picker 位置
+	 *
+	 * |   top    |     tl    |     tr    | bottom     |     bl     |     br     |
+	 * |:--------:|:---------:|:---------:|:----------:|:----------:|:----------:|
+	 * |  顶部中间 |  顶部左侧   |  顶部右侧  |   底部中间   |  底部左侧   |   底部右侧  |
+	 *
 	 * @public
 	 */ // eslint-disable-next-line @typescript-eslint/naming-convention
-	const Picker_Placement = [
+	const PICKER_PLACEMENT = [
 	    "top",
 	    "tl",
 	    "tr",
@@ -1514,7 +1535,10 @@
 	/**
 	 * 默认样式前缀
 	 */ const PICKER_PREFIX_CLS = "epicker";
-	const DEFAULT_PICKER_OPTIONS = {
+	/**
+	 * Picker 默认值
+	 */ // eslint-disable-next-line @typescript-eslint/naming-convention
+	const __PICKER_DEFAULT_OPTIONS__ = {
 	    getPopupContainer: ()=>document.body,
 	    wrapClassName: "",
 	    open: false,
@@ -1538,22 +1562,27 @@
 	 *
 	 * @example
 	 * ```ts
+	 * import "@skax/picker/dist/style/css";
 	 * import Picker from '@skax/picker';
-	 * const picker = new Picker({
-	 *   container: document.getElementById('picker-container'),
+	 * const picker = new Picker(document.getElementById('picker-container'),
+	 * {
 	 *   placement: 'bottom',
-	 *   content: '<div>选择内容</div>',
+	 *   content: '<div>选择内容</div>', // or () => '<div>选择内容</div>'
 	 *   trigger: 'click',
 	 *   isMobile: false,
 	 * });
 	 * picker.open = true; // 打开弹窗
 	 * picker.setPlacement('top'); // 设置弹窗位置
-	 * picker.innerHTML('<div>新内容</div>'); // 设置弹窗内容
+	 * picker.innerHTML('<div>新内容</div>'); // 设置弹窗内容（会覆盖之前的内容）
 	 * picker.destroy(); // 销毁弹窗
 	 * ```
 	 */ class Picker {
 	    /**
 	   * picker 内容挂载节点
+	   * @example
+	   * ```ts
+	   * console.log(picker.$popupContainer); // 获取挂载节点
+	   * ```
 	   */ get $popupContainer() {
 	        // prettier-ignore
 	        if (typeof this._options.getPopupContainer === "function") {
@@ -1652,14 +1681,16 @@
 	    }
 	    set disabled(disabled) {
 	        if (disabled) {
-	            this.$container.classList.add(`${PICKER_PREFIX_CLS}-disabled`);
+	            var _this_$container_classList_add, _this_$container_classList, _this_$container;
+	            (_this_$container = this.$container) == null ? void 0 : (_this_$container_classList = _this_$container.classList) == null ? void 0 : (_this_$container_classList_add = _this_$container_classList.add) == null ? void 0 : _this_$container_classList_add.call(_this_$container_classList, `${PICKER_PREFIX_CLS}-disabled`);
 	        } else {
-	            this.$container.classList.remove(`${PICKER_PREFIX_CLS}-disabled`);
+	            var _this_$container_classList_remove, _this_$container_classList1, _this_$container1;
+	            (_this_$container1 = this.$container) == null ? void 0 : (_this_$container_classList1 = _this_$container1.classList) == null ? void 0 : (_this_$container_classList_remove = _this_$container_classList1.remove) == null ? void 0 : _this_$container_classList_remove.call(_this_$container_classList1, `${PICKER_PREFIX_CLS}-disabled`);
 	        }
 	        this._disabled = disabled;
 	    }
 	    /**
-	   * 设置弹出位置
+	   * 设置弹出位置(移动端不生效)
 	   * @param placement - 弹出位置
 	   * @example
 	   * ```ts
@@ -1674,7 +1705,7 @@
 	        if (this._disabled) {
 	            return;
 	        }
-	        if (Picker_Placement.includes(placement)) {
+	        if (PICKER_PLACEMENT.includes(placement)) {
 	            this._options.placement = placement;
 	        } else {
 	            console.warn(`${placement} is not a valid placement`);
@@ -1690,10 +1721,10 @@
 	   */ destroy() {
 	        this._animationTimerClear();
 	        this._removeHtml();
-	        provider.remove(this);
+	        pickerProvider.remove(this);
 	    }
 	    /**
-	   * 设置内容
+	   * 设置内容（会覆盖之前内容）
 	   * @param html - html 字符串内容
 	   * @example
 	   * ```ts
@@ -1725,20 +1756,22 @@
 	    /**
 	   * 移除html
 	   */ _removeHtml() {
-	        var _this_$popupContainer;
-	        // eslint-disable-next-line @typescript-eslint/unbound-method
-	        this.$wrapperContent.removeEventListener("click", this._onContentClick);
-	        this.$container.removeEventListener("click", this._onContentClick);
+	        var // eslint-disable-next-line @typescript-eslint/unbound-method
+	        _this_$wrapperContent, _this_$container_removeEventListener, _this_$container;
+	        (_this_$wrapperContent = this.$wrapperContent) == null ? void 0 : _this_$wrapperContent.removeEventListener("click", this._onContentClick);
+	        (_this_$container = this.$container) == null ? void 0 : (_this_$container_removeEventListener = _this_$container.removeEventListener) == null ? void 0 : _this_$container_removeEventListener.call(_this_$container, "click", this._onContentClick);
 	        if (this._options.trigger === "click") {
-	            this.$container.removeEventListener("click", this._onShow);
+	            var _this_$container_removeEventListener1, _this_$container1;
+	            (_this_$container1 = this.$container) == null ? void 0 : (_this_$container_removeEventListener1 = _this_$container1.removeEventListener) == null ? void 0 : _this_$container_removeEventListener1.call(_this_$container1, "click", this._onShow);
 	        }
 	        if (this._options.trigger === "hover") {
-	            this.$container.removeEventListener("mouseenter", this._onShow);
-	            this.$container.removeEventListener("mouseover", this._onShow);
-	            this.$container.removeEventListener("mouseleave", this._onHide);
-	            // prettier-ignore
-	            this.$wrapperContent.removeEventListener("mouseenter", this._onWrapperShow);
-	            this.$wrapperContent.removeEventListener("mouseleave", this._onHide);
+	            var _this_$container_removeEventListener2, _this_$container2, _this_$container_removeEventListener3, _this_$container3, _this_$container_removeEventListener4, _this_$container4, // prettier-ignore
+	            _this_$wrapperContent1, _this_$wrapperContent2;
+	            (_this_$container2 = this.$container) == null ? void 0 : (_this_$container_removeEventListener2 = _this_$container2.removeEventListener) == null ? void 0 : _this_$container_removeEventListener2.call(_this_$container2, "mouseenter", this._onShow);
+	            (_this_$container3 = this.$container) == null ? void 0 : (_this_$container_removeEventListener3 = _this_$container3.removeEventListener) == null ? void 0 : _this_$container_removeEventListener3.call(_this_$container3, "mouseover", this._onShow);
+	            (_this_$container4 = this.$container) == null ? void 0 : (_this_$container_removeEventListener4 = _this_$container4.removeEventListener) == null ? void 0 : _this_$container_removeEventListener4.call(_this_$container4, "mouseleave", this._onHide);
+	            (_this_$wrapperContent1 = this.$wrapperContent) == null ? void 0 : _this_$wrapperContent1.removeEventListener("mouseenter", this._onWrapperShow);
+	            (_this_$wrapperContent2 = this.$wrapperContent) == null ? void 0 : _this_$wrapperContent2.removeEventListener("mouseleave", this._onHide);
 	        }
 	        if (!this._options.isMobile) {
 	            // eslint-disable-next-line @typescript-eslint/unbound-method
@@ -1751,20 +1784,31 @@
 	            document.removeEventListener("click", this._onDocumentClick);
 	        }
 	        if (this._$mask) {
-	            var _this_$wrapperContent;
 	            this._$mask.removeEventListener("click", this._onHide);
-	            (_this_$wrapperContent = this.$wrapperContent) == null ? void 0 : _this_$wrapperContent.removeChild(this._$mask);
+	            try {
+	                var _this_$wrapperContent3;
+	                (_this_$wrapperContent3 = this.$wrapperContent) == null ? void 0 : _this_$wrapperContent3.removeChild(this._$mask);
+	                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+	                this._$mask = null;
+	            } catch (error) {}
 	        }
-	        (_this_$popupContainer = this.$popupContainer) == null ? void 0 : _this_$popupContainer.removeChild(this.$wrapperContent);
-	        this.$wrapperContent.innerHTML = "";
+	        if (this._options.isMobile) document.body.classList.remove(`${PICKER_PREFIX_CLS}-body-noscroll`);
+	        try {
+	            var _this_$popupContainer;
+	            (_this_$popupContainer = this.$popupContainer) == null ? void 0 : _this_$popupContainer.removeChild(this.$wrapperContent);
+	            this.$wrapperContent.innerHTML = "";
+	            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+	            this.$wrapperContent = null;
+	        } catch (error) {}
 	    }
 	    /**
 	   * 现实位置
 	   */ _setPlacement() {
-	        if (!this._open || this._options.isMobile) {
+	        var _this_$container_getBoundingClientRect, _this_$container;
+	        if (!this._open || this._options.isMobile || !this.$container) {
 	            return;
 	        }
-	        const $containerRect = this.$container.getBoundingClientRect();
+	        const $containerRect = (_this_$container = this.$container) == null ? void 0 : (_this_$container_getBoundingClientRect = _this_$container.getBoundingClientRect) == null ? void 0 : _this_$container_getBoundingClientRect.call(_this_$container);
 	        const $wrapperContentRect = this.$wrapperContent.getBoundingClientRect();
 	        const $popupContainerRect = this.$popupContainer.getBoundingClientRect();
 	        // 容器的坐标 - 挂载的容器的坐标差
@@ -1813,17 +1857,18 @@
 	                    right = containerRight;
 	                    break;
 	            }
-	            this.$wrapperContent.style.cssText += `
-        ${right !== undefined ? `right: ${right + (((_this__options_offset3 = this._options.offset) == null ? void 0 : _this__options_offset3[0]) || 0)}px;` : ""}
-        ${left !== undefined ? `left: ${left + (((_this__options_offset4 = this._options.offset) == null ? void 0 : _this__options_offset4[0]) || 0)}px;` : ""}
-        top: ${bottom + (((_this__options_offset5 = this._options.offset) == null ? void 0 : _this__options_offset5[1]) || 0)}px;
-        z-index:${this._options.zIndex};
-      `;
+	            if (this.$wrapperContent) this.$wrapperContent.style.cssText += `
+          ${right !== undefined ? `right: ${right + (((_this__options_offset3 = this._options.offset) == null ? void 0 : _this__options_offset3[0]) || 0)}px;` : ""}
+          ${left !== undefined ? `left: ${left + (((_this__options_offset4 = this._options.offset) == null ? void 0 : _this__options_offset4[0]) || 0)}px;` : ""}
+          top: ${bottom + (((_this__options_offset5 = this._options.offset) == null ? void 0 : _this__options_offset5[1]) || 0)}px;
+          z-index:${this._options.zIndex};
+        `;
 	        }
 	    }
 	    /**
 	   * 初始化内容样式
 	   */ _initContentStyle() {
+	        if (!this.$wrapperContent) return;
 	        // prettier-ignore
 	        this.$wrapperContent.classList.add(`${PICKER_PREFIX_CLS}`, `${PICKER_PREFIX_CLS}-wrapper`, `${PICKER_PREFIX_CLS}-${this._options.placement}`);
 	        // 提升优先级
@@ -1837,8 +1882,10 @@
 	        this.$body = document.createElement("div");
 	        this.$body.classList.add(`${PICKER_PREFIX_CLS}-body`);
 	        this.$wrapperContent.appendChild(this.$body);
-	        if (this._options.content) {
+	        if (typeof this._options.content === "string") {
 	            this.innerHTML(this._options.content);
+	        } else if (typeof this._options.content === "function") {
+	            this.innerHTML(this._options.content == null ? void 0 : this._options.content.call(this._options));
 	        }
 	        if (typeof this._options.wrapClassName === "string") {
 	            try {
@@ -1850,17 +1897,20 @@
 	    /**
 	   * 绑定事件
 	   */ _eventListener() {
+	        var _this_$container_addEventListener, _this_$container;
 	        // eslint-disable-next-line @typescript-eslint/unbound-method
 	        this.$wrapperContent.addEventListener("click", this._onContentClick);
-	        this.$container.addEventListener("click", this._onContentClick);
+	        (_this_$container = this.$container) == null ? void 0 : (_this_$container_addEventListener = _this_$container.addEventListener) == null ? void 0 : _this_$container_addEventListener.call(_this_$container, "click", this._onContentClick);
 	        //
 	        if (this._options.trigger === "click") {
-	            this.$container.addEventListener("click", this._onShow);
+	            var _this_$container_addEventListener1, _this_$container1;
+	            (_this_$container1 = this.$container) == null ? void 0 : (_this_$container_addEventListener1 = _this_$container1.addEventListener) == null ? void 0 : _this_$container_addEventListener1.call(_this_$container1, "click", this._onShow);
 	        }
 	        if (this._options.trigger === "hover") {
-	            this.$container.addEventListener("mouseenter", this._onShow);
-	            this.$container.addEventListener("mouseover", this._onShow);
-	            this.$container.addEventListener("mouseleave", this._onHide);
+	            var _this_$container_addEventListener2, _this_$container2, _this_$container_addEventListener3, _this_$container3, _this_$container_addEventListener4, _this_$container4;
+	            (_this_$container2 = this.$container) == null ? void 0 : (_this_$container_addEventListener2 = _this_$container2.addEventListener) == null ? void 0 : _this_$container_addEventListener2.call(_this_$container2, "mouseenter", this._onShow);
+	            (_this_$container3 = this.$container) == null ? void 0 : (_this_$container_addEventListener3 = _this_$container3.addEventListener) == null ? void 0 : _this_$container_addEventListener3.call(_this_$container3, "mouseover", this._onShow);
+	            (_this_$container4 = this.$container) == null ? void 0 : (_this_$container_addEventListener4 = _this_$container4.addEventListener) == null ? void 0 : _this_$container_addEventListener4.call(_this_$container4, "mouseleave", this._onHide);
 	            this.$wrapperContent.addEventListener("mouseenter", this._onWrapperShow);
 	            this.$wrapperContent.addEventListener("mouseleave", this._onHide);
 	        }
@@ -1883,7 +1933,7 @@
 	   * @param e - 内容点击事件
 	   */ _onContentClick(e) {
 	        e.stopPropagation();
-	        provider.closeOther(e);
+	        pickerProvider.closeOther(e);
 	    }
 	    /**
 	   * 显示事件
@@ -1912,12 +1962,13 @@
 	   * document 点击事件
 	   * @param event - 鼠标点击事件
 	   */ _onDocumentClick(event) {
-	        if (!(this.$wrapperContent.contains(event.target) || this.$wrapperContent === event.target || this.$container.contains(event.target) || this.$container === event.target)) {
+	        var _this_$container;
+	        if (!(this.$wrapperContent.contains(event.target) || this.$wrapperContent === event.target || ((_this_$container = this.$container) == null ? void 0 : _this_$container.contains(event.target)) || this.$container === event.target)) {
 	            if (this._disabled) return;
 	            this._onHide();
 	        }
 	    }
-	    constructor(options){
+	    constructor(container, options){
 	        var _this_$popupContainer;
 	        /** 是否打开 */ this._open = false;
 	        this._OpenChange = false;
@@ -1925,20 +1976,14 @@
 	        this._disabled = false;
 	        this._timer = null;
 	        // prettier-ignore
-	        this._options = Object.assign({}, DEFAULT_PICKER_OPTIONS, options || {});
+	        this._options = Object.assign({}, __PICKER_DEFAULT_OPTIONS__, options || {});
 	        // 移动端模式强制使用 click 触发
 	        if (this._options.isMobile) {
 	            this._options.trigger = "click";
 	        }
-	        provider.add(this);
-	        if (typeof this._options.container === "function") {
-	            this.$container = this._options.container();
-	        } else {
-	            this.$container = this._options.container;
-	        }
-	        if (!this.$container) {
-	            throw new Error("container is required!");
-	        }
+	        pickerProvider.add(this);
+	        if (typeof container === "function") this.$container = container();
+	        else this.$container = container;
 	        this.$wrapperContent = document.createElement("div");
 	        this._initContentStyle();
 	        (_this_$popupContainer = this.$popupContainer) == null ? void 0 : _this_$popupContainer.appendChild(this.$wrapperContent);
@@ -1957,7 +2002,7 @@
 	   * ```ts
 	   * Picker.VERSION; // 输出版本号
 	   * ```
-	   */ Picker.VERSION = "0.1.1";
+	   */ Picker.VERSION = "1.0.3";
 
 	/*
 	* delegate.js v3.2.0
@@ -2838,8 +2883,7 @@
 	        // 轻应用私有暂时不支持调节音量
 	        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: function() {
 	                    return _this.$container;
 	                },
@@ -5128,8 +5172,7 @@
 	        }) : 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: function() {
 	                return _this.$container;
 	            },
@@ -5571,6 +5614,14 @@
 	        theme.controls.timeLineControl.on(EVENTS.control.timeLineChange, function(date) {
 	            theme.emit(EVENTS.control.timeLineChange, date);
 	        });
+	        theme.controls.timeLineControl.on(EVENTS.control.timeLinePanelOpenChange, function(open) {
+	            var _theme_controls_dateControl;
+	            if ((_theme_controls_dateControl = theme.controls.dateControl) == null ? void 0 : _theme_controls_dateControl.dataPickerUtil) {
+	                var _theme_controls_dateControl_dataPickerUtil, _theme_controls_dateControl1;
+	                (_theme_controls_dateControl1 = theme.controls.dateControl) == null ? void 0 : (_theme_controls_dateControl_dataPickerUtil = _theme_controls_dateControl1.dataPickerUtil) == null ? void 0 : _theme_controls_dateControl_dataPickerUtil.hide();
+	            }
+	            theme.emit(EVENTS.control.timeLinePanelOpenChange, open);
+	        });
 	        theme.controls.timeLineControl.on(EVENTS.control.timeLineDestroy, function() {
 	            theme.emit(EVENTS.control.timeLineDestroy);
 	        });
@@ -9132,8 +9183,7 @@
 	        }
 	        var _this__options_fieldNames_value;
 	        var 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: function() {
 	                return Utils.isMobile ? options.rootContainer : _this.$container;
@@ -9416,16 +9466,14 @@
 	            controlType: 'button',
 	            classNameSuffix: 'definition',
 	            renderLabel: function(label, item, list) {
-	                var _list_;
 	                if ((item == null ? void 0 : item.level) === 'auto') {
 	                    var _options_locales_options_language;
-	                    var realItem = list.find(function(it) {
+	                    var realIitem = list.find(function(it) {
 	                        return it.level === _assert_this_initialized$1(_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>";
+	                    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: function(value, item) {
 	                var _options_onChange;
@@ -9452,10 +9500,10 @@
 	            _this._level = realLevel + '';
 	            if (l === 'auto') {
 	                var _options_locales_options_language;
-	                var realItem = _this.list.find(function(it) {
+	                var realIitem = _this.list.find(function(it) {
 	                    return it.level === _this._level;
 	                });
-	                _this.$container.querySelector("." + PREFIX_CLASS + "-select-btn").innerHTML = "\n          <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>\n        ";
+	                _this.$container.querySelector("." + PREFIX_CLASS + "-select-btn").innerHTML = "\n          <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>\n        ";
 	            } else {
 	                if (_this.value !== _this._level + '') _this.value = _this._level + '';
 	            }
@@ -9674,7 +9722,7 @@
 	};
 	/**
 	 * 日期选择器
-	 */ let DatePicker$1 = class DatePicker {
+	 */ class DatePicker {
 	    _init() {
 	        // 因为挂载在行内，需要父标签设置 position: relative;
 	        this.$container.style.cssText += `;position: relative;`;
@@ -9802,7 +9850,7 @@
 	            }
 	        });
 	    }
-	};
+	}
 
 	/**
 	 * @description 时间操作
@@ -9988,9 +10036,9 @@
 	/**
 	 * 日历选择器控件
 	 * @category Control
-	 */ var DatePicker = /*#__PURE__*/ function(Control) {
-	    _inherits$6(DatePicker, Control);
-	    function DatePicker(options) {
+	 */ var DatePickerControl = /*#__PURE__*/ function(Control) {
+	    _inherits$6(DatePickerControl, Control);
+	    function DatePickerControl(options) {
 	        var _this;
 	        var _this_options_props_urlInfo_searchParams, _this_options_props_urlInfo, _this_options_props;
 	        _this = Control.call(this, _extends$6({}, options, {
@@ -10003,7 +10051,7 @@
 	        _this._render();
 	        return _this;
 	    }
-	    var _proto = DatePicker.prototype;
+	    var _proto = DatePickerControl.prototype;
 	    _proto._render = function _render() {
 	        var _this = this;
 	        if (isMobile$1()) {
@@ -10015,7 +10063,7 @@
 	                title: (_this_locale1 = this.locale) == null ? void 0 : _this_locale1.BTN_CALENDAR
 	            });
 	        }
-	        this.dataPickerUtil = new DatePicker$1(this.$container, {
+	        this.dataPickerUtil = new DatePicker(this.$container, {
 	            staticPath: this.options.staticPath,
 	            language: this.options.language === 'zh' ? 'zh-CN' : 'en-US',
 	            current: new Date(this._value + ' 00:00:00'),
@@ -10075,865 +10123,755 @@
 	   */ _proto._onControlClick = function _onControlClick(e) {
 	        Control.prototype._onControlClick.call(this, e);
 	    };
-	    return DatePicker;
+	    return DatePickerControl;
 	}(Control);
 
-	/*
-	* @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: ()=>{}
+	/**
+	 * drag scroll support move and touch
+	 *
+	 * @skax/drag-scroll v1.0.0
+	 * Copyright (c) 2025-11-03 ShineShao <xiaoshaoqq@gmail.com>
+	 * 
+	 * This source code is licensed under the MIT license found in the
+	 * LICENSE file in the root directory of this source tree.
+	 */
+	/**
+	 * 拖拽滚动状态
+	 */ /**
+	 * 默认参数
+	 */ const _$DRAG_SCROLL_DEFAULT_OPTIONS$_ = {
+	    content: '',
+	    height: '400px',
+	    readonly: false,
+	    hideScrollbar: false
 	};
-	class BaseTimeLine {
-	    get current() {
-	        return this._current;
-	    }
+	/**
+	 * 前缀类名
+	 */ const _$DRAG_SCROLL_PREFIX_CLASSNAME$_ = 'drag-scroll';
+	/**
+	 * 拖拽滚动(使用 PointerEvent 统一处理鼠标和触摸事件)
+	 * @class DragScroll
+	 * @example
+	 * ```ts
+	 * const container = document.getElementById('scrollContainer');
+	 * const dragScroll = new DragScroll(container, {
+	 *   width: '300px',
+	 *   height: '500px',
+	 *   content: '<div>...</div>',
+	 * });
+	 * ```
+	 */ class DragScroll {
 	    /**
-	   * 更新当前时间
-	   * @param time 能转成时间的值， 如 时间对象 Date, 时间戳，时间戳字符串
-	   */ update(current) {}
-	    updateRecords(records) {
-	        if (records) {
-	            this.records = records;
-	        }
+	   * 获取容器宽度
+	   * @example
+	   * ```ts
+	   * const width = dragScroll.width;
+	   * ```
+	   * @return {number}
+	   */ get width() {
+	        return this.$container.clientWidth;
 	    }
-	    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;
+	   * 获取容器高度
+	   * @example
+	   * ```ts
+	   * const height = dragScroll.height;
+	   * ```
+	   * @return {number}
+	   */ get height() {
+	        return this.$container.clientHeight;
 	    }
-	    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;
+	    /**
+	   * 只读属性
+	   */ get readonly() {
+	        return this._readonly;
 	    }
-	}
-	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());
+	    set readonly(value) {
+	        if (this._readonly !== value) {
+	            this.$container.style.cursor = value ? 'not-allowed' : 'grab';
+	            this._readonly = value;
 	        }
-	        // 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];
-	                }
-	            }
+	        this.$container.removeEventListener('touchmove', this._onTouchMove);
+	        if (!value) {
+	            // 当非只读时，添加 touchmove 事件监听， 阻止透传到body默认滚动行为
+	            this.$container.addEventListener('touchmove', this._onTouchMove, {
+	                passive: false
+	            }); //
 	        }
-	        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';
+	   * 内容是否可滚动
+	   */ get canDrag() {
+	        const clientHeight = this.$content.clientHeight;
+	        return !this.readonly && clientHeight > this.$container.clientHeight;
 	    }
 	    /**
-	   * 改变时间轴刻度
-	   * 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();
+	   * 设置容器尺寸
+	   * @param width 容器宽度
+	   * @param height 容器高度
+	   * @example
+	   * ```ts
+	   * dragScroll.resize(500, '400px');
+	   * dragScroll.resize('80%', '600px');
+	   * ```
+	   */ resize(width, height) {
+	        let css = ``;
+	        if (/^\d+(\.\d+)?$/.test(width + '')) {
+	            css = `width: ${width}px;`;
+	        } else if (typeof width === 'string') {
+	            css = `width: ${width};`;
 	        }
-	    }
-	    get scale() {
-	        return this._scale;
+	        if (/^\d+(\.\d+)?$/.test(height + '')) {
+	            css += `height: ${height}px;`;
+	        } else if (typeof height === 'string') {
+	            css += `height: ${height};`;
+	        }
+	        this.$container.style.cssText += css;
+	        this._applyTransform();
 	    }
 	    /**
-	   * 获取真实时间刻度（时间单位 分钟）
-	   */ 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();
+	   * 设置 HTML 内容
+	   * @param html HTML 字符串或返回 HTML 字符串的函数
+	   * @example
+	   * ```ts
+	   * dragScroll.innerHtml('<div>New Content</div>');
+	   * dragScroll.innerHtml(() => '<div>Dynamic Content</div>');
+	   * ```
+	   */ innerHtml(html) {
+	        this.$content.innerHTML = typeof html === 'function' ? html() : html;
+	        this._applyTransform();
 	    }
-	    _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);
-	        });
+	    /**
+	   * Y轴滚动到指定位置
+	   * @param y Y轴平移值 （需正值不支持负值）
+	   * @example
+	   * ```ts
+	   * dragScroll.scrollToY(200);
+	   * dragScroll.scrollToY(0); // 平移到顶部
+	   * dragScroll.scrollToY(-2); // 无效
+	   * ```
+	   */ scrollToY(y, triggerChange = true) {
+	        const maxScroll = this.$content.scrollHeight - this.$container.clientHeight;
+	        // 边界检查
+	        if (y < 0 || y > maxScroll) return;
+	        this.currentY = y;
+	        this.velocity = 0;
+	        this._applyTransform();
+	        if (triggerChange) this._updateState();
 	    }
-	    _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
-	        });
+	    /**
+	   * 销毁方法，用于清理资源
+	   * @example
+	   * ```ts
+	   * dragScroll.destroy();
+	   * dragScroll = null;
+	   * ```
+	   */ destroy() {
+	        var _this__$scrollbarThumb, _this__$scrollbar, _this_$content;
+	        if (this._animationId) {
+	            cancelAnimationFrame(this._animationId);
+	            this._animationId = null;
+	        }
+	        if (this._indicatorTimeout) {
+	            clearTimeout(this._indicatorTimeout);
+	            this._indicatorTimeout = null;
+	        }
+	        (_this__$scrollbarThumb = this._$scrollbarThumb) == null ? void 0 : _this__$scrollbarThumb.remove();
+	        this._$scrollbarThumb = null;
+	        (_this__$scrollbar = this._$scrollbar) == null ? void 0 : _this__$scrollbar.remove();
+	        this._$scrollbar = null;
+	        (_this_$content = this.$content) == null ? void 0 : _this_$content.remove();
+	        this.$content = null;
+	        this._removeEventListeners();
 	    }
-	    _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
-	        });
+	    // ---------------------------------------------------------------------- //
+	    // 私有方法
+	    // ---------------------------------------------------------------------- //
+	    _renderScrollbar() {
+	        this._$scrollbar = document.createElement('div');
+	        this._$scrollbar.className = `${_$DRAG_SCROLL_PREFIX_CLASSNAME$_}-scrollbar`;
+	        this._$scrollbarThumb = document.createElement('div');
+	        this._$scrollbarThumb.className = `${_$DRAG_SCROLL_PREFIX_CLASSNAME$_}-scrollbar-thumb`;
+	        this._$scrollbar.appendChild(this._$scrollbarThumb);
+	        this.$container.appendChild(this._$scrollbar);
+	    }
+	    // 初始化
+	    _init() {
+	        this.resize(this.options.width, this.options.height);
+	        this._addEventListeners();
+	        // 初始化滚动条
+	        this._updateScrollbar();
+	        // 初始化动画
+	        this._animate();
+	    }
+	    //  ----------- 事件处理 -----------  //
+	    /**
+	   * 添加事件监听器
+	   */ _addEventListeners() {
+	        // 添加事件监听器
+	        this.$container.addEventListener('pointerdown', this._onMouseDown);
+	        document.addEventListener('pointermove', this._onMouseMove);
+	        // 务必同时监听 pointerup 和 pointercancel，都要做收尾和状态清理，否则会出现“拖动卡死”问题
+	        document.addEventListener('pointerup', this._onMouseUp); // 指针正常抬起时
+	        document.addEventListener('pointercancel', this._onMouseUp); // 指针操作被系统/外部原因打断时
+	    }
+	    /**
+	   * 移除事件监听器
+	   */ _removeEventListeners() {
+	        this.$container.removeEventListener('touchmove', this._onTouchMove);
+	        // 移除事件监听器
+	        this.$container.removeEventListener('pointerdown', this._onMouseDown);
+	        document.removeEventListener('pointermove', this._onMouseMove);
+	        document.removeEventListener('pointerup', this._onMouseUp);
+	        document.removeEventListener('pointercancel', this._onMouseUp);
+	    }
+	    /**
+	   * 鼠标按下
+	   * @param e 鼠标事件
+	   */ _onMouseDown(e) {
+	        if (!this.canDrag) return;
+	        this._startDrag(e.clientY);
+	        this.options.onDragStart == null ? void 0 : this.options.onDragStart.call(this.options, e);
 	    }
-	    _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 e 触摸移动事件
+	   */ _onTouchMove(e) {
+	        e.preventDefault();
 	    }
 	    /**
-	   * 更新当前时间
-	   * @param time 能转成时间的值， 如 时间对象 Date, 时间戳，时间戳字符串
-	   */ update(time) {
-	        if (time && !this._isTouchStart) {
-	            this.setState({
-	                current: tranTime(time, 'HH:mm:ss')
-	            });
-	            this._currentOffsetH();
+	   * 开始拖拽
+	   * @param clientY 鼠标或触摸的 Y 坐标
+	   */ _startDrag(clientY) {
+	        var _this__$scrollbar_classList, _this__$scrollbar;
+	        if (!this.canDrag) return;
+	        this.isDragging = true;
+	        this._startY = clientY;
+	        this.velocity = 0;
+	        (_this__$scrollbar = this._$scrollbar) == null ? void 0 : (_this__$scrollbar_classList = _this__$scrollbar.classList) == null ? void 0 : _this__$scrollbar_classList.add(`${_$DRAG_SCROLL_PREFIX_CLASSNAME$_}-show`);
+	        // 更新光标样式
+	        this.$container.style.cursor = 'grabbing';
+	    }
+	    /**
+	   * 鼠标移动
+	   * @param e 鼠标事件
+	   */ _onMouseMove(e) {
+	        // e.preventDefault();
+	        if (!this.canDrag) return;
+	        if (!this.isDragging) return;
+	        this._drag(e.clientY);
+	        this.options.onDragging == null ? void 0 : this.options.onDragging.call(this.options, 0, this.currentY);
+	    }
+	    /**
+	   * 拖动
+	   * @param clientY 鼠标或触摸的 Y 坐标
+	   */ _drag(clientY) {
+	        if (!this.canDrag) return;
+	        const deltaY = this._startY - clientY;
+	        this._startY = clientY;
+	        // 更新位置
+	        this.currentY += deltaY;
+	        // 计算速度（用于惯性滚动）
+	        this.velocity = deltaY;
+	        // 限制速度
+	        this.velocity = Math.max(Math.min(this.velocity, this._maxVelocity), -this._maxVelocity);
+	        this._applyTransform();
+	        this._updateState();
+	    }
+	    /**
+	   * 鼠标释放
+	   */ _onMouseUp(e) {
+	        if (!this.canDrag) return;
+	        if (!this.isDragging) return;
+	        this.isDragging = false; // 停止拖动, 放置在最后
+	        this._endDrag();
+	        this.options.onDragEnd == null ? void 0 : this.options.onDragEnd.call(this.options, e);
+	    }
+	    /**
+	   * 结束拖动
+	   */ _endDrag() {
+	        // 恢复光标样式
+	        this.$container.style.cursor = 'grab';
+	        // 延迟隐藏滚动条
+	        setTimeout(()=>{
+	            var _this__$scrollbar;
+	            if (!this.isDragging) (_this__$scrollbar = this._$scrollbar) == null ? void 0 : _this__$scrollbar.classList.remove(`${_$DRAG_SCROLL_PREFIX_CLASSNAME$_}-show`);
+	        }, 1500);
+	    }
+	    /**
+	   * 平移内容
+	   */ _applyTransform() {
+	        const clientHeight = this.$content.clientHeight;
+	        // 内容高度小于等于容器高度时，不进行滚动
+	        if (clientHeight <= this.$container.clientHeight) {
+	            this.$content.style.transform = `translate3d(0, 0, 0)`;
+	            return;
 	        }
-	    }
-	    destroy() {
-	        if (this._scrollTimer) {
-	            clearInterval(this._scrollTimer);
-	            this._scrollTimer = null;
+	        const maxScroll = this.$content.scrollHeight - this.$container.clientHeight;
+	        // 边界检查与弹性效果
+	        if (this.currentY < 0) {
+	            // 超出顶部边界
+	            this.currentY = 0; // this.currentY * this._bounceDamping;
+	            this.velocity *= this._bounceDamping;
+	        } else if (this.currentY > maxScroll) {
+	            // 超出底部边界
+	            this.currentY = maxScroll; // maxScroll + (this.currentY - maxScroll) * this._bounceDamping;
+	            this.velocity *= this._bounceDamping;
+	        }
+	        // 应用 transform
+	        this.$content.style.transform = `translate3d(0, ${-this.currentY}px, 0)`;
+	        this._updateScrollbar();
+	    }
+	    /**
+	   * 动画
+	   * @param timestamp 时间戳
+	   */ _animate(timestamp = 0) {
+	        const clientHeight = this.$content.clientHeight;
+	        // 内容高度小于等于容器高度时，不进行滚动
+	        if (clientHeight <= this.$container.clientHeight) {
+	            return;
 	        }
-	        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`;
+	        if (!this._lastTimestamp) this._lastTimestamp = timestamp;
+	        const deltaTime = Math.min(timestamp - this._lastTimestamp, 100) / 16; // 限制最大时间增量
+	        this._lastTimestamp = timestamp;
+	        if (!this.isDragging) {
+	            // 惯性滚动
+	            this.velocity *= this._friction;
+	            this.currentY += this.velocity;
+	            // 弹性回弹
+	            const maxScroll = this.$content.scrollHeight - this.$container.clientHeight;
+	            if (this.currentY < 0) {
+	                // 顶部弹性
+	                this.velocity -= this.currentY * this._spring * deltaTime;
+	            } else if (this.currentY > maxScroll) {
+	                // 底部弹性
+	                this.velocity -= (this.currentY - maxScroll) * this._spring * deltaTime;
+	            }
+	            this._applyTransform();
+	            this._updateState();
+	            // 当速度足够小时停止动画
+	            if (Math.abs(this.velocity) < 0.1 && this.currentY >= 0 && this.currentY <= maxScroll) {
+	                this.velocity = 0;
+	            }
+	        }
+	        this._animationId = requestAnimationFrame(this._animate.bind(this));
+	    }
+	    /**
+	   * 更新滚动条
+	   */ _updateScrollbar() {
+	        const containerHeight = this.$container.clientHeight;
+	        const contentHeight = this.$content.scrollHeight;
+	        const maxScroll = contentHeight - containerHeight;
+	        if (maxScroll <= 0) {
+	            if (this._$scrollbarThumb) this._$scrollbarThumb.style.height = '0';
+	            return;
 	        }
-	        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);
+	        // 计算滚动条高度和位置
+	        const thumbHeight = Math.max(containerHeight / contentHeight * containerHeight, 20);
+	        const thumbPosition = this.currentY / maxScroll * (containerHeight - thumbHeight);
+	        if (this._$scrollbarThumb) {
+	            this._$scrollbarThumb.style.height = `${thumbHeight}px`;
+	            this._$scrollbarThumb.style.transform = `translateY(${thumbPosition}px)`;
 	        }
-	        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);
+	    /**
+	   * 更新统计信息
+	   */ _updateState() {
+	        this.options.onChange == null ? void 0 : this.options.onChange.call(this.options, {
+	            x: 0,
+	            y: this.currentY,
+	            velocity: +this.velocity.toFixed(1)
 	        });
 	    }
-	    constructor(container, options){
-	        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();
+	    constructor(container, options = {}){
+	        this._indicatorTimeout = null;
+	        /** 滚动条元素 */ this._$scrollbar = null;
+	        /** 滚动条指示器元素 */ this._$scrollbarThumb = null;
+	        /** 是否只读 */ this._readonly = false;
+	        this.$container = container;
+	        this.options = Object.assign({}, _$DRAG_SCROLL_DEFAULT_OPTIONS$_, options);
+	        this.$container.classList.add(_$DRAG_SCROLL_PREFIX_CLASSNAME$_, `${_$DRAG_SCROLL_PREFIX_CLASSNAME$_}-container`);
+	        this.$content = document.createElement('div');
+	        this.$content.classList.add(`${_$DRAG_SCROLL_PREFIX_CLASSNAME$_}-content`);
+	        this.innerHtml(this.options.content);
+	        this.$container.appendChild(this.$content);
+	        this.isDragging = false;
+	        this._startY = 0;
+	        this.currentY = 0;
+	        this.velocity = 0;
+	        this._animationId = null;
+	        this._lastTimestamp = 0;
+	        // 物理参数
+	        this._spring = 0.25; // 弹性系数
+	        this._friction = 0.92; // 摩擦力
+	        this._bounceDamping = 0.6; // 边界反弹阻尼
+	        this._maxVelocity = 30; // 最大速度限制
+	        if (!this.options.hideScrollbar) {
+	            this._renderScrollbar();
+	        }
+	        this._onMouseDown = this._onMouseDown.bind(this);
+	        this._onTouchMove = this._onTouchMove.bind(this);
+	        this._onMouseMove = this._onMouseMove.bind(this);
+	        this._onMouseUp = this._onMouseUp.bind(this);
+	        this.readonly = this.options.readonly;
+	        this._init();
 	    }
-	};
+	}
 
+	/*
+	* @ezuikit/control-time-line v1.0.0
+	* Copyright (c) 2025-11-03 Ezviz-OpenBiz
+	* Released under the MIT License.
+	*/
+	var _$TIMELINE_LOCALES$_={zh:{title:"包含{{len}}段录像",foldTitle:"{{len}}个录像"},en:{title:"Includes {{len}} {{unit}}",foldTitle:"{{len}} {{unit}}"}};const _$BASE_TIME_LINE_DEFAULT_OPTIONS$_={current:new Date,language:"zh",timeSections:[],readOnly:false,className:"",timeWidth:0,width:"100%",
+	// --------------------只支持初始化时，不支持动态变更 (不做对象冻结)--------------------
+	timePointColor:"#1890ff",timeTextColor:"#FFF",timeScaleColor:"#FFF",timeSectionColor:"rgba(24, 144, 255, 0.5)",timeAxisBgColor:"#000",
+	onChange:()=>{},onDragStart:()=>{},onDragging:()=>{},onDragEnd:()=>{},onDestroy:()=>{}};
 	/**
-	 * 时间刻度宽度 [刻度间隔秒数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小时'
-	    ]
-	];
-
+	 * 时间轴基类
+	 * @internal
+	 */class BaseTimeLine{
 	/**
-	 * 时间轴配置项
-	 */ 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: ()=>{}
-	};
+	   * 当前时间
+	   */
+	get current(){return this._current}
 	/**
-	 * 时间轴控件类， 支持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
-	        });
-	    }
-	    /**
-	   * 获取当前时间
+	   * 当前时间
+	   */set current(current){this._current=current;}set readOnly(readOnly){if(this._readOnly!==readOnly){this._readOnly=readOnly;this.$container.style.cursor=readOnly?"not-allowed":"pointer";}}
+	/**
+	   * 只读状态
+	   */get readOnly(){return this._readOnly}
+	/**
+	   * 时间片段
+	   */get timeSections(){return this._timeSections}
+	/**
+	   * 设置只读或取消只读, 推荐使用 timeLine.readOnly = false
+	   * @param readOnly - 只读或取消只读
 	   * @returns
-	   */ get currentTime() {
-	        return this._currentTime;
-	    }
-	    set currentTime(time) {
-	        if (!this._isMouseDown && !this._destroyed) {
-	            this._update({
-	                currentTime: new Date(time)
-	            });
-	        }
-	    }
-	    /**
+	   */setReadOnly(readOnly){this.readOnly=readOnly;}
+	/**
+	   * 更新当前时间
+	   * @param current 能转成时间的值， 如 时间对象 Date, 时间戳，时间戳字符串
+	   */update(current){this._current=current;}
+	/**
+	   * 更新时间片段
+	   * @param timeSections 片段数据
+	   */updateTimeSections(timeSections){if(timeSections&&Array.isArray(timeSections))this._timeSections=timeSections;}
+	/**
 	   * 获取 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();
-	        }
-	    }
-	    /**
+	   */get width(){return this._width}
+	/**
 	   * 获取 TimeLine 的高度
+	   */get height(){return this._height}
+	/**
+	   * 重置尺寸
+	   */resize(width,height){this._resize(width,height);}_resize(width,height){let cssText="";if(/\d/.test(width+""))cssText+=`width: ${width}px;`;else if(width)cssText+=`width: ${width};`;if(/\d/.test(height+""))cssText+=`height: ${height}px;`;else if(height)cssText+=`height: ${height};`;if(this.$container)this.$container.style.cssText+=cssText;this._width=Math.floor(this.$container.clientWidth);this._height=Math.floor(this.$container.clientHeight);}get timeWidth(){return this._timeWidth}
+	/**
+	   * 改变时间轴刻度
+	   * 移动端间距： 0：1分钟，1：10分钟，2：半小时，3：1小时，4：2小时, 5：4小时
+	   * PC间距：
+	   * @param timeWidth 时间轴刻度
+	   */setTimeWidth(timeWidth){if([0,1,2,3,4,5].includes(timeWidth))this._timeWidth=timeWidth;}
+	/**
+	   * 销毁
+	   */destroy(){
+	// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+	this._current=null;this.options.onDestroy==null?void 0:this.options.onDestroy.call(this.options);this._timeSections=[];this._readOnly=false;this._destroyed=true;}constructor(container,options){this._current=new Date;
+	/** 只读 */this._readOnly=false;this._width=0;this._height=0;this._destroyed=false;this._timeWidth=0;
+	/** 片段列表 */this._timeSections=[];this.$container=container;this.options=deepmerge(_$BASE_TIME_LINE_DEFAULT_OPTIONS$_,options,{clone:false});if(this.options.timeSections&&Array.isArray(this.options.timeSections))this._timeSections=this.options.timeSections;if(this.options.readOnly)this.readOnly=this.options.readOnly;if(this.options.className)this.$container.classList.add(this.options.className);if(this.options.current&&this.options.current instanceof Date)this._current=this.options.current||new Date;
+	// prettier-ignore
+	this.i18n=new I18n(deepmerge(_$TIMELINE_LOCALES$_,this.options.locales||{},{clone:false}),{defaultLocale:this.options.language||"zh"});this._timeWidth=this.options.timeWidth||0;this._resize(this.options.width||"100%",this.options.height);}}
+	/** 语言包 */BaseTimeLine.LOCALES=_$TIMELINE_LOCALES$_;
+	/**
+	 * 时间轴工具类
+	 */class TimeLineUtil{
+	/**
+	   * 时间转成日期
+	   * @param time 时间 （秒， 毫秒， 日期字符串， Date）
+	   * @returns 日期
+	   */
+	static 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*1e3);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}
+	/**
+	   * 时间转成 HH:mm:ss
+	   * @param time 时间
 	   * @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]
+	   */static formatDateToHHmmss(time){const date=TimeLineUtil.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"}
+	/**
+	   * 十位补充 0
+	   * @param m 数字
+	   * @returns 十位补充 0后的结果字符串
+	   */static subTime(m){return +m>9?m+"":"0"+m}
+	/**
+	   * 格式化时间， 支持 'YYYY-MM-DD'，'YYYY-MM-DD HH:mm:ss'， 'HH:mm:ss'
+	   * @param time 时间
+	   * @param fmt 时间格式
 	   * @returns
-	   */ setTimeWidth(timeWidth) {
-	        this._update({
-	            timeWidth
-	        });
-	    }
-	    get scale() {
-	        return this._timeWidth;
-	    }
-	    /**
+	   */static tranTime(time,fmt="YYYY-MM-DD HH:mm:ss"){const newDate=TimeLineUtil.toDate(time);if(newDate){if(fmt==="YYYY-MM-DD")return newDate.getFullYear()+"-"+TimeLineUtil.subTime(newDate.getMonth()+1)+"-"+TimeLineUtil.subTime(newDate.getDate());else if(fmt==="HH:mm:ss")return TimeLineUtil.subTime(newDate.getHours())+":"+TimeLineUtil.subTime(newDate.getMinutes())+":"+TimeLineUtil.subTime(newDate.getSeconds());else if(fmt==="HH")return TimeLineUtil.subTime(newDate.getHours());else if(fmt==="mm:ss")return TimeLineUtil.subTime(newDate.getMinutes())+":"+TimeLineUtil.subTime(newDate.getSeconds());else if(fmt==="HH:mm")return TimeLineUtil.subTime(newDate.getHours())+":"+TimeLineUtil.subTime(newDate.getMinutes());else if(fmt==="YYYYMMDDTHHmmssZ")return newDate.getFullYear()+""+TimeLineUtil.subTime(newDate.getMonth()+1)+TimeLineUtil.subTime(newDate.getDate())+"T"+TimeLineUtil.subTime(newDate.getHours())+TimeLineUtil.subTime(newDate.getMinutes())+TimeLineUtil.subTime(newDate.getSeconds())+"Z";
+	// prettier-ignore
+	return newDate.getFullYear()+"-"+TimeLineUtil.subTime(newDate.getMonth()+1)+"-"+TimeLineUtil.subTime(newDate.getDate())+" "+TimeLineUtil.subTime(newDate.getHours())+":"+TimeLineUtil.subTime(newDate.getMinutes())+":"+TimeLineUtil.subTime(newDate.getSeconds())}return ""}
+	/**
+	   * 时间转成秒
+	   * @param time
+	   * @returns
+	   */static 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||0)}
+	/**
+	   * 分钟转成 HH:mm
+	   * @param minute
+	   * @returns
+	   */static minuteToTime(minute){const hour=Math.floor(minute/60);const m=minute%60;return (hour>9?hour:"0"+hour)+":"+(m>9?m:"0"+m)}
+	/**
+	   * 时间转成分钟
+	   * @param time
+	   * @returns
+	   */static 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}
+	/**
+	   * @description 判读两个区间是否重叠
+	   * @param {number} a_start 一个区间的开始
+	   * @param {number} a_end 一个区间的结束
+	   * @param {number} b_start 另一个区间的开始
+	   * @param {number} b_end 另一个区间的结束
+	   * @returns {boolean}
+	   */static isOverlap(a_start,a_end,b_start,b_end){return Math.max(a_start,b_start)<=Math.min(a_end,b_end)}static tranTimeToString(start,end){var _TimeLineUtil_toDate,_TimeLineUtil_toDate1;const secondNum=Math.floor(((_TimeLineUtil_toDate=TimeLineUtil.toDate(end))==null?void 0:_TimeLineUtil_toDate.getTime())-((_TimeLineUtil_toDate1=TimeLineUtil.toDate(start))==null?void 0:_TimeLineUtil_toDate1.getTime()))/1e3;const second=secondNum%60;const minute=Math.floor(secondNum/60);return `${minute>0?TimeLineUtil.subTime(minute)+"'":"0'"}${TimeLineUtil.subTime(second)}''`}}
+	/**
+	 * 时间轴图标集
+	 */const _$TIMELINE_ICONS$_={tip:`<svg viewBox="0 0 57 24" fill="currentColor" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="tip">\n        <path class="ez-time-line-icon-tip" fill-rule="evenodd" d="m4,0l44,0c2.2091,0 4,1.7909 4,4l0,3.8218l4.9399,3.3572c0.5839,0.3968 0.5839,1.2574 0,1.6542l-4.9399,3.3572l0,3.8096c0,2.2091 -1.7909,4 -4,4l-44,0c-2.2091,0 -4,-1.7909 -4,-4l0,-16c0,-2.2091 1.7909,-4 4,-4z"/>\n  </svg>`,plus:`\n  <svg viewBox="0 0 16 16" fill="currentColor" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="plus">\n    <path d="M0 0L10.6667 0" stroke="rgb(44,44,44)" stroke-linecap="round" stroke-width="1.5" transform="matrix(0,1,-1,0,8,2.66663)"/>\n    <path d="M2.66669 8L13.3334 8" stroke="rgb(44,44,44)" stroke-linecap="round" stroke-width="1.5"/>\n  </svg>\n  `,minus:`\n    <svg viewBox="0 0 16 16" fill="currentColor" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="minus">\n      <path d="M2.66669 8L13.3334 8" stroke="rgb(44,44,44)" stroke-linecap="round" stroke-width="1.5"/>\n    </svg>\n  `,close:`\n    <svg viewBox="0 0 24 24" fill="none" width="1em" height="1em" stroke="currentColor" focusable="false" aria-hidden="true" data-icon="close">\n\t    <path d="M0 0L15.9998 0" stroke-linecap="round" stroke-width="1.5" transform="matrix(0.707099,0.707114,-0.707114,0.707099,6.34277,6.34326)" />\n\t\t  <path d="M0 0L15.9998 0" stroke-linecap="round" stroke-width="1.5" transform="matrix(0.707099,-0.707114,0.707114,0.707099,6.34277,17.6567)" />\n    </svg>\n  `,pause:`<svg viewBox="0 0 20 20" fill="currentColor" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="pause">\n\t\t  <path d="M9.43914 2.47881L13.4688 8.4912C14.3594 9.81998 13.4071 11.6047 11.8074 11.6047L3.74811 11.6047C2.14849 11.6047 1.19616 9.81998 2.08675 8.4912L6.11641 2.47881C6.90863 1.2968 8.64693 1.2968 9.43914 2.47881Z" fill-rule="evenodd" transform="matrix(0,1,-1,0,16.5781,2.22229)" />\n    </svg>\n  `,picture:`\n    <svg viewBox="0 0 19.1613 19.4583" fill="currentColor" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="picture">\n        <path xmlns="http://www.w3.org/2000/svg" id="形状结合" d="M15.3276 2.63477L3.83173 2.63477C2.70848 2.63477 1.79541 3.55027 1.79541 4.68419L1.79541 14.7737C1.79541 15.9076 2.70848 16.8231 3.83173 16.8231L15.3276 16.8231C16.4504 16.8231 17.364 15.9074 17.364 14.7737L17.364 4.68419C17.364 3.55027 16.4509 2.63477 15.3276 2.63477ZM3.83247 3.851L15.3284 3.851C15.7936 3.851 16.1671 4.22551 16.1671 4.68429L16.1671 14.7738C16.1671 15.2323 15.7932 15.6071 15.3284 15.6071L3.83247 15.6071C3.36725 15.6071 2.99373 15.2326 2.99373 14.7738L2.99373 12.2622L6.7356 9.56381L6.78139 9.53916C6.84532 9.51493 6.91856 9.52524 6.9742 9.56947L13.2644 14.5698L13.3381 14.62C13.5918 14.7666 13.9197 14.7063 14.105 14.4658C14.3089 14.2014 14.263 13.8192 14.0026 13.6122L7.71239 8.61184L7.60526 8.5346C7.12945 8.22451 6.51026 8.23473 6.04222 8.57224L2.99373 10.7706L2.99373 4.68429C2.99373 4.22551 3.36725 3.851 3.83247 3.851ZM10.5794 7.29679C10.5794 6.06542 11.5624 5.0672 12.7749 5.0672C13.9875 5.0672 14.9705 6.06542 14.9705 7.29679C14.9705 8.52817 13.9875 9.52639 12.7749 9.52639C11.5624 9.52639 10.5794 8.52817 10.5794 7.29679ZM13.7722 7.2967C13.7722 6.73699 13.3254 6.28325 12.7742 6.28325C12.223 6.28325 11.7762 6.73699 11.7762 7.2967C11.7762 7.85642 12.223 8.31015 12.7742 8.31015C13.3254 8.31015 13.7722 7.85642 13.7722 7.2967Z" fill-rule="evenodd"/>\n    </svg>\n    `};
+	/**
+	 * 时间刻度宽度 [刻度间隔秒数s, 刻度间隔宽度px, 长刻度间隔短刻度个数, 说明]
+	 * 需要满足 (24 * 60 * 60) % ([0] * [2]) = 0， 这样 0 点刻度才能正确显示
+	 */
+	/**
+	 * 时间刻度宽度, 需要满足  (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小时"]];
+	/**
+	 * 时间刻度宽度, 需要满足  (24 * 60 * 60) % ([0] * [2]) = 0
+	 * //  * 0： 1分钟，
+	//  * 1： 10分钟
+	//  * 2： 半小时
+	//  * 3： 1小时
+	//  * 4： 2小时
+	//  * 5： 4小时
+	 */const MOBILE_TIME_WIDTH=[[1,10,10,"单位 1分钟"],[10,20,5,"单位 10分钟"],[30,20,6,"单位 30分钟"],[60,30,6,"单位 1小时"],[120,40,2,"单位 2小时"],[240,80,2,"单位 4小时"]];
+	/* eslint-disable @typescript-eslint/no-non-null-assertion */ /* eslint-disable eqeqeq */ /* eslint-disable no-unneeded-ternary */ /* eslint-disable @typescript-eslint/no-this-alias */ /* eslint-disable @typescript-eslint/prefer-includes */function _extends$1$1(){_extends$1$1=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)if(Object.prototype.hasOwnProperty.call(source,key))target[key]=source[key];}return target};return _extends$1$1.apply(this,arguments)}
+	/**
+	 * 时间轴样式类前缀
+	 */const _$MOBILE_TIMELINE_PREFIX$_="ez-time-line";const _$MOBILE_TIME_LINE_DEFAULT_OPTIONS$_=Object.assign({},_$BASE_TIME_LINE_DEFAULT_OPTIONS$_,{height:400,width:"100%",timeWidth:0,readOnly:false,timePointColor:"#648FFC",timeTextColor:"#666666",timeScaleColor:"transparent",timeSectionColor:"#369FFF",timeAxisBgColor:"#BDCDFF",
+	/** 当前时间背景颜色 */currentTimeBgColor:"#648FFC",
+	/** 当前时间颜色 */currentTimeColor:"#FFFFFF",showTimeWidthBtn:true});const _$DAY_TIME_SECOND$_=60*60*24;// 一天的秒数
+	class MobileTimeLine extends BaseTimeLine{
+	/**
+	   * 设置只读或取消只读
+	   * @param readOnly - 只读或取消只读
+	   * @returns
+	   */
+	setReadOnly(readOnly){super.setReadOnly(readOnly);if(this._dragScroll)this._dragScroll.readonly=readOnly;}
+	/**
+	   * 改变时间轴刻度
+	   * 0： 1分钟，
+	   * 1： 10分钟
+	   * 2： 半小时
+	   * 3： 1小时
+	   * 4： 2小时
+	   * @param timeWidth  // 120: 2小时， 60：1小时， 30：半小时，10：10分钟，1：1分钟
+	   */setTimeWidth(timeWidth){if(MOBILE_TIME_WIDTH[timeWidth]){super.setTimeWidth(timeWidth);this._matchTimeDot();}else console.warn(`scale ${timeWidth} not exist!`);}
+	/**
+	   * 获取真实时间刻度（时间单位 分钟）
+	   */get _scaleWidth(){return (MOBILE_TIME_WIDTH[this.timeWidth]||MOBILE_TIME_WIDTH[0])[0]}
+	/**
+	   * 更新片段数组
+	   * @param timeSections
+	   * @param defaultIndex
+	   */updateTimeSections(timeSections,defaultIndex){super.updateTimeSections(timeSections);const list=timeSections.map(record=>_extends$1$1({},record,{startTime:TimeLineUtil.formatDateToHHmmss(record.startTime),endTime:TimeLineUtil.formatDateToHHmmss(record.endTime)}));if(list.length>0){if(typeof defaultIndex==="undefined")defaultIndex=list.length-1;// 默认选中最后一个片段位置
+	// 若current不为 null，则不重置current，避免拖动后时间轴回弹
+	const{current:current}=this.state;this._setState({availTimeLine:list,start:list[defaultIndex].startTime,end:list[defaultIndex].endTime,current:current===null?list[defaultIndex].startTime:current});this._matchTimeDot();}else {this._setState({availTimeLine:[]});this._matchTimeDot();}}
+	/**
+	   * 更新当前时间
+	   * @param time 能转成时间的值， 如 时间对象 Date, 时间戳，时间戳字符串
+	   */update(time){var _this__dragScroll;if(time&&!((_this__dragScroll=this._dragScroll)==null?void 0:_this__dragScroll.isDragging)){this._setState({current:TimeLineUtil.tranTime(time,"HH:mm:ss")});this._currentOffsetH();}}
+	/**
+	   * 销毁
+	   */destroy(){var _this__dragScroll;if(this._scrollTimer){clearInterval(this._scrollTimer);this._scrollTimer=null;}if(this._$currentTime)try{this.$container.removeChild(this._$currentTime);this._$currentTime=null;}catch(error){}if(this._$itemList)this._imageRemoveErrorEvent(this._$itemList.querySelectorAll(`img.${_$MOBILE_TIMELINE_PREFIX$_}-img`)||[]);if(this._$itemContainer&&this._$itemList)try{this._$itemContainer.removeChild(this._$itemList);this._$itemList=null;}catch(error){}if(this._$itemContainer)try{this.$container.removeChild(this._$itemContainer);this._$itemContainer=null;}catch(error){}if(this._$op)try{this.$container.removeChild(this._$op);this._$op=null;}catch(error){}if(this._picker){var _this__picker_$body_querySelectorAll,_this__picker_$body;this._imageRemoveErrorEvent(((_this__picker_$body=this._picker.$body)==null?void 0:(_this__picker_$body_querySelectorAll=_this__picker_$body.querySelectorAll)==null?void 0:_this__picker_$body_querySelectorAll.call(_this__picker_$body,"img"))||[]);this._picker.destroy();this._picker=null;}this._removeEventListener();(_this__dragScroll=this._dragScroll)==null?void 0:_this__dragScroll.destroy();this._dragScroll=null;super.destroy();}
+	/**
+	   * 更新状态
+	   * @param obj
+	   */_setState(obj){
+	// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+	Object.keys(obj).forEach(key=>{if(key==="current"&&obj[key]){var _this__dragScroll;this._setCurrentDOM(obj[key]);if(this.state.current!==obj[key]&&!((_this__dragScroll=this._dragScroll)==null?void 0:_this__dragScroll.isDragging)){var _this_timeSections_;this.state[key]=obj[key];this.current=new Date(TimeLineUtil.tranTime((_this_timeSections_=this.timeSections[0])==null?void 0:_this_timeSections_.endTime,"YYYY-MM-DD")+" "+obj[key]);this.options.onChange==null?void 0:this.options.onChange.call(this.options,this.current);}}else this.state[key]=obj[key];});}_setCurrentDOM(time){if(this._$currentTime)this._$currentTime.querySelector(`.${_$MOBILE_TIMELINE_PREFIX$_}-current-value`).innerHTML=time;}
+	/**
+	   * 渲染时间轴刻度数组
+	   */_matchTimeDot(){const scaleWidth=this._scaleWidth;// 时间单位 分钟
+	const timeArr=[];
+	// 时间转分钟
+	let minute=TimeLineUtil.timeToMinute("24:00:00");minute=Math.floor(minute/scaleWidth)*scaleWidth;for(let i=minute;i>=0;){let marginTop=0;let marginBottom=0;
+	// 视频片段
+	if(i==minute)marginTop=70;if(i==0)marginBottom=this.$container.clientHeight-70;const time=TimeLineUtil.minuteToTime(i);timeArr.push({id:i,current:time,label:"a"+i,marginTop:marginTop,marginBottom:marginBottom,recArr:[],coverArr:this._filterTimeSectionsByTime(time)});i-=scaleWidth;}this._setState({timeArr:timeArr});this._matchRecTimeDot();}_matchRecTimeDot(){const{availTimeLine:availTimeLine,timeArr:timeArr}=this.state;const scaleWidth=this._scaleWidth;const len=availTimeLine.length;if(len===0)for(let j=0;j<timeArr.length;j++)timeArr[j].recArr=[];else {for(let k=0;k<timeArr.length;k++)timeArr[k].recArr=[];for(let i=0;i<len;i++){const temp=availTimeLine[i];const st=TimeLineUtil.timeToSecond(temp.startTime);// "00:01:00" -> 60  // 秒
+	const et=TimeLineUtil.timeToSecond(temp.endTime);let stAvailPercent=0;let etAvailPercent=0;const stMinute=Math.floor(st/(scaleWidth*60))*scaleWidth;stAvailPercent=(st-stMinute*60)/scaleWidth;const etMinute=Math.floor(et/(scaleWidth*60))*scaleWidth;etAvailPercent=(et-etMinute*60)/scaleWidth;for(let j=0;j<timeArr.length;j++)if(timeArr[j].id==stMinute&&timeArr[j].id==etMinute){const height=etAvailPercent-stAvailPercent;const top=60-etAvailPercent;
+	// prettier-ignore
+	timeArr[j].recArr.push({height:height,top:top});}else if(timeArr[j].id==stMinute)timeArr[j].recArr.push({height:60-stAvailPercent,top:0});else if(timeArr[j].id==etMinute)timeArr[j].recArr.push({height:etAvailPercent,top:60-etAvailPercent});else if(timeArr[j].id>stMinute&&timeArr[j].id<etMinute)timeArr[j].recArr.push({height:60,top:0});}}this._setState({timeArr:timeArr});this._renderDateLine();}_renderDateLine(){const{timeArr:timeArr}=this.state;const container=this._$itemList;
+	// 清理上一次的error 事件
+	this._imageRemoveErrorEvent(container.querySelectorAll(`img.${_$MOBILE_TIMELINE_PREFIX$_}-img`)||[]);container.innerHTML="";timeArr.forEach((item,index)=>{const timeItemDOM=document.createElement("div");timeItemDOM.setAttribute("class",_$MOBILE_TIMELINE_PREFIX$_+"-time-scale-area");if(item.marginTop)timeItemDOM.style.cssText+=`margin-top: ${item.marginTop}px;`;if(item.marginBottom)timeItemDOM.style.cssText+=`margin-bottom: ${item.marginBottom}px;`;timeItemDOM.style.cssText+=`border-right-color: ${this.options.timeAxisBgColor||"rgba(189, 205, 255, 1)"};`;timeItemDOM.setAttribute("data-time",item.current);timeItemDOM.setAttribute("data-index",index+"");const scaleDOM=document.createElement("div");scaleDOM.setAttribute("class",_$MOBILE_TIMELINE_PREFIX$_+"-scale");let timeItemHtml=``;if(item.coverArr.length)timeItemHtml+=`\n            <div class="${_$MOBILE_TIMELINE_PREFIX$_}-time-cover-fold ${item.coverArr.length>1?`${_$MOBILE_TIMELINE_PREFIX$_}-time-cover-fold-multiple`:""}"\n            data-start="${item.current}">\n              ${item.coverArr.length>1?`<div class="${_$MOBILE_TIMELINE_PREFIX$_}-cover-fold-placeholder" style="color: #FFF"></div>`:""}\n              <div class="${_$MOBILE_TIMELINE_PREFIX$_}-time-cover-fold-img">\n                <img src="${this._setImageScr(item.coverArr[0].coverPic)}" class="${_$MOBILE_TIMELINE_PREFIX$_}-img"/>\n                <span class="${_$MOBILE_TIMELINE_PREFIX$_}-time-cover-fold-len">\n                ${item.coverArr.length>1?this.i18n.t("foldTitle",{len:item.coverArr.length,unit:"videos"}):`${TimeLineUtil.tranTime(item.coverArr[0].startTime,"HH:mm")}`}\n                </span>\n                ${item.coverArr.length===1?`<span class="${_$MOBILE_TIMELINE_PREFIX$_}-time-cover-fold-time">${TimeLineUtil.tranTimeToString(item.coverArr[0].startTime,item.coverArr[0].endTime)}</span>`:""}\n                <span class="${_$MOBILE_TIMELINE_PREFIX$_}-time-cover-fold-pause">${_$TIMELINE_ICONS$_.pause}</span>\n              </div>\n            </div>`;
+	// 六个详细刻度
+	// <div class="${_$MOBILE_TIMELINE_PREFIX$_}-time-scale"></div>
+	// <div class="${_$MOBILE_TIMELINE_PREFIX$_}-time-scale"></div>
+	// <div class="${_$MOBILE_TIMELINE_PREFIX$_}-time-scale"></div>
+	// <div class="${_$MOBILE_TIMELINE_PREFIX$_}-time-scale"></div>
+	// <div class="${_$MOBILE_TIMELINE_PREFIX$_}-time-scale"></div>
+	// <div class="${_$MOBILE_TIMELINE_PREFIX$_}-time-scale" style="width:10px"></div>
+	item.recArr.forEach(i=>{timeItemHtml+=`<div class="${_$MOBILE_TIMELINE_PREFIX$_}-time-unavail"\n                              style="height: ${i.height}px;background-color:${this.options.timeSectionColor||"#369FFF"}; top: ${i.top}px">\n                        </div>`;});timeItemHtml+=`<div id=${item.label} class="${_$MOBILE_TIMELINE_PREFIX$_}-time-label" style="color: ${this.options.timeTextColor||"#666"}">${item.current}</div>`;timeItemDOM.innerHTML=timeItemHtml;container.appendChild(timeItemDOM);this._imageErrorEvent(container.querySelectorAll(`img.${_$MOBILE_TIMELINE_PREFIX$_}-img`)||[]);});this._currentOffsetH();}_currentOffsetH(){const{current:current}=this.state;if(current){var _this__dragScroll;const currentSecond=TimeLineUtil.timeToSecond(current);const daySecond=24*3600;// 一天的秒数
+	const y=(daySecond-currentSecond||0)/this._scaleWidth;(_this__dragScroll=this._dragScroll)==null?void 0:_this__dragScroll.scrollToY(y+60,false);}}_render(){this._$currentTime=document.createElement("div");this._$currentTime.classList.add(_$MOBILE_TIMELINE_PREFIX$_+"-current");this._$currentTime.innerHTML=`<div class="${_$MOBILE_TIMELINE_PREFIX$_}-current-content" style="color: ${this.options.currentTimeBgColor||"#648FFC"}">\n      <span class="${_$MOBILE_TIMELINE_PREFIX$_}-current-tip">${_$TIMELINE_ICONS$_.tip}</span>\n      <span class="${_$MOBILE_TIMELINE_PREFIX$_}-current-tip-line" style="background-color: ${this.options.timePointColor||"#648FFC"};"></span>\n      <div class="${_$MOBILE_TIMELINE_PREFIX$_}-current-value" style="color: ${this.options.currentTimeColor||"#FFFFFF"}">00:00:00</div>\n    </div>`;this.$container.appendChild(this._$currentTime);this._$itemContainer=document.createElement("div");this._$itemContainer.classList.add(_$MOBILE_TIMELINE_PREFIX$_+"-container");this.$container.appendChild(this._$itemContainer);this._dragScroll=new DragScroll(this._$itemContainer,{hideScrollbar:true,onChange:state=>{const result=this._offsetYToTime(state.y);if(result[1]!==this.state.current)this._setCurrentDOM(result[0]>=_$DAY_TIME_SECOND$_?"23:59:59":result[1]);},onDragStart:()=>{this.options.onDragStart==null?void 0:this.options.onDragStart.call(this.options,this.state.current);},onDragging:()=>{this.options.onDragging==null?void 0:this.options.onDragging.call(this.options,this.state.current);},onDragEnd:()=>{var _this__dragScroll;const result=this._offsetYToTime((_this__dragScroll=this._dragScroll)==null?void 0:_this__dragScroll.currentY);if(result[1]!==this.state.current)this._setState({current:result[0]>=_$DAY_TIME_SECOND$_?"23:59:59":result[1]});this.options.onDragEnd==null?void 0:this.options.onDragEnd.call(this.options,this.state.current);}});
+	// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+	if(/\d/.test(this.options.height))this._$itemContainer.style.cssText+=`height: ${this.options.height}px`;else if(typeof this.options.height==="string")this._$itemContainer.style.cssText+=`height: ${this.options.height}`;else {const height=this.$container.clientHeight;this._$itemContainer.style.cssText+=`height: ${height}px`;}this._$itemList=document.createElement("div");this._$itemList.classList.add(_$MOBILE_TIMELINE_PREFIX$_+"-item");this._dragScroll.$content.appendChild(this._$itemList);if(this.options.showTimeWidthBtn){
+	// 加减
+	this._$op=document.createElement("div");this._$op.classList.add(_$MOBILE_TIMELINE_PREFIX$_+"-op");this._$op.innerHTML=`<span class="${_$MOBILE_TIMELINE_PREFIX$_}-op-wrapper"><span class="${_$MOBILE_TIMELINE_PREFIX$_}-icon-plus">${_$TIMELINE_ICONS$_.plus}</span> <span class="${_$MOBILE_TIMELINE_PREFIX$_}-icon-minus">${_$TIMELINE_ICONS$_.minus}</span></span>`;this.$container.appendChild(this._$op);}this._picker=new Picker(null,{isMobile:true,wrapClassName:`${_$MOBILE_TIMELINE_PREFIX$_}-picker`,onOpenChange:isOpen=>{var _this_options_onPickerOpenChange,_this_options;(_this_options=this.options)==null?void 0:(_this_options_onPickerOpenChange=_this_options.onPickerOpenChange)==null?void 0:_this_options_onPickerOpenChange.call(_this_options,isOpen);}});this._addEventListener();}_addEventListener(){if(this.options.showTimeWidthBtn&&this._$op){var// this._$op.addEventListener('click', this._opClick, false);
+	_this__$op_querySelector,_this__$op_querySelector1;(_this__$op_querySelector=this._$op.querySelector(`.${_$MOBILE_TIMELINE_PREFIX$_}-icon-plus`))==null?void 0:_this__$op_querySelector.addEventListener("click",this._plusClick,false);(_this__$op_querySelector1=this._$op.querySelector(`.${_$MOBILE_TIMELINE_PREFIX$_}-icon-minus`))==null?void 0:_this__$op_querySelector1.addEventListener("click",this._minusClick,false);}this._matchTimeDot();if(this._picker){this._delegatePickerClose=delegate(this._picker.$body,`.${_$MOBILE_TIMELINE_PREFIX$_}-picker-close`,"click",this._onPickerClose,false);this._delegateItemContent=delegate(this._picker.$body,`.${_$MOBILE_TIMELINE_PREFIX$_}-picker-item-content`,"click",this._onClickItem,false);this._delegateCoverFold=delegate(this._$itemList,`.${_$MOBILE_TIMELINE_PREFIX$_}-time-cover-fold`,"click",this._onClickCoverFold,false);}}_removeEventListener(){if(this.options.showTimeWidthBtn&&this._$op){var _this__$op_querySelector,_this__$op_querySelector1;(_this__$op_querySelector=this._$op.querySelector(`.${_$MOBILE_TIMELINE_PREFIX$_}-icon-plus`))==null?void 0:_this__$op_querySelector.removeEventListener("click",this._plusClick);(_this__$op_querySelector1=this._$op.querySelector(`.${_$MOBILE_TIMELINE_PREFIX$_}-icon-minus`))==null?void 0:_this__$op_querySelector1.removeEventListener("click",this._minusClick);}if(this._picker){var _this__picker_$body_querySelector,_this__picker_$body;(_this__picker_$body=this._picker.$body)==null?void 0:(_this__picker_$body_querySelector=_this__picker_$body.querySelector(`.${_$MOBILE_TIMELINE_PREFIX$_}-picker-close`))==null?void 0:_this__picker_$body_querySelector.removeEventListener("click",this._onPickerClose);if(this._delegateItemContent){this._delegateItemContent.forEach(function(delegation){delegation.destroy();});this._delegateItemContent=null;}if(this._delegatePickerClose){this._delegatePickerClose.forEach(function(delegation){delegation.destroy();});this._delegatePickerClose=null;}if(this._delegateCoverFold){this._delegateCoverFold.forEach(function(delegation){delegation.destroy();});this._delegateCoverFold=null;}}}_plusClick(){const timeWidth=this.timeWidth+1;if(timeWidth>0&&timeWidth<MOBILE_TIME_WIDTH.length)this.setTimeWidth(timeWidth);else console.warn("时间轴刻度宽度不能再加了");}_minusClick(){const timeWidth=this.timeWidth-1;if(timeWidth>=0&&timeWidth<MOBILE_TIME_WIDTH.length)this.setTimeWidth(Math.floor(timeWidth));else console.warn("时间轴刻度宽度不能再减了");}_timeSectionsToGroupsByHour(list){const obj={};list.forEach((item,index)=>{
+	// 移动端仅支持一天
+	// if (TimeLineUtil.tranTime(item.startTime, 'YYYY-MM-DD') !== TimeLineUtil.tranTime(item.endTime, 'YYYY-MM-DD')) {
+	// }
+	const hour=TimeLineUtil.tranTime(item.startTime,"HH");if(obj[+hour])
+	// prettier-ignore
+	obj[+hour].push(_extends$1$1({},item,{_index:index}));else
+	// prettier-ignore
+	obj[+hour]=[_extends$1$1({},item,{_index:index})];});return obj}
+	/**
+	   *
+	   * @param start 仅支持判断同一天的， 如果是多天的或出错
+	   */_filterTimeSectionsByTime(start){if(!start)return [];const startSecond=TimeLineUtil.timeToSecond(start+":00");const endSecond=TimeLineUtil.timeToSecond(start+":00")+this._scaleWidth*60;return this.timeSections.filter(item=>{const start=TimeLineUtil.timeToSecond(TimeLineUtil.tranTime(item.startTime,"HH:mm:ss"));return start>=startSecond&&start<endSecond})}
+	/**
+	   * 渲染选择器内容
+	   */_renderPickerContent(start){var _this__picker_innerHTML,_this__picker,_this__picker1;const list=this._filterTimeSectionsByTime(start);const hourGroups=this._timeSectionsToGroupsByHour(list);(_this__picker=this._picker)==null?void 0:(_this__picker_innerHTML=_this__picker.innerHTML)==null?void 0:_this__picker_innerHTML.call(_this__picker,`<div class="${_$MOBILE_TIMELINE_PREFIX$_}-picker-container">\n        <div class="${_$MOBILE_TIMELINE_PREFIX$_}-picker-header">\n          <span class="${_$MOBILE_TIMELINE_PREFIX$_}-picker-close">${_$TIMELINE_ICONS$_.close}</span>\n          ${this.i18n.t("title",{len:list.length,unit:list.length>1?"videos":"video"})}\n        </div>\n        <div class="${_$MOBILE_TIMELINE_PREFIX$_}-picker-content">\n          <div class="${_$MOBILE_TIMELINE_PREFIX$_}-picker-list">\n             ${Object.keys(hourGroups).reverse().map(key=>`<div class="${_$MOBILE_TIMELINE_PREFIX$_}-picker-item">\n                  <div class="${_$MOBILE_TIMELINE_PREFIX$_}-picker-item-title">${key}:00</div>\n                  <div class="${_$MOBILE_TIMELINE_PREFIX$_}-picker-item-list">\n                    ${hourGroups[key].reverse().map(item=>`<div class="${_$MOBILE_TIMELINE_PREFIX$_}-picker-item-content"\n                                      data-start="${TimeLineUtil.tranTime(item.startTime,"YYYYMMDDTHHmmssZ")}"\n                                      data-end="${TimeLineUtil.tranTime(item.endTime,"YYYYMMDDTHHmmssZ")}"\n                                      data-index="${item._index}">\n                                    <span class="${_$MOBILE_TIMELINE_PREFIX$_}-picker-item-time">${TimeLineUtil.tranTime(item.startTime,"HH:mm")}</span>\n                                    <span class="${_$MOBILE_TIMELINE_PREFIX$_}-picker-item-duration">\n                                      ${TimeLineUtil.tranTimeToString(item.startTime,item.endTime)}\n                                    </span>\n                                  <img class="${_$MOBILE_TIMELINE_PREFIX$_}-picker-item-cover" src="${this._setImageScr(item.coverPic)}"/>\n                                </div>`).join("")}\n                  </div>\n              </div>`).join("")}\n          </div>\n          </div>\n        </div>\n      </div>`);if((_this__picker1=this._picker)==null?void 0:_this__picker1.$body){var _this__picker2;this._imageErrorEvent(((_this__picker2=this._picker)==null?void 0:_this__picker2.$body.querySelectorAll("img"))||[]);}}
+	/**
+	   * 图片加载失败事件监听
+	   * @param list
+	   */_imageErrorEvent(list=[]){Array.from(list).forEach(img=>{
+	// 避免重复添加事件
+	if(!img.hasAttribute("data-error"))img.addEventListener("error",this._onImageError);});}
+	/**
+	   * 图片加载失败移除
+	   * @param list
+	   */_imageRemoveErrorEvent(list=[]){Array.from(list).forEach(img=>{
+	// 避免重复添加事件
+	img.removeEventListener("error",this._onImageError);});}
+	/**
+	   * 图片加载失败
+	   * @param e
+	   */_onImageError(e){const img=e.target;if(!img.hasAttribute("data-error")){var _img_parentNode;
+	// 加密图片不能加载或没有图片
+	const placeholder=document.createElement("div");placeholder.classList.add(`${_$MOBILE_TIMELINE_PREFIX$_}-item-cover-placeholder`);placeholder.innerHTML=`${_$TIMELINE_ICONS$_.picture}`;(_img_parentNode=img.parentNode)==null?void 0:_img_parentNode.appendChild(placeholder);img.remove();
+	// img.setAttribute('data-error', 'true'); // 失败仅设置一次， 否则会死循环
+	}}_onPickerClose(){if(this._picker)this._picker.open=false;}_onClickItem(e){var _e_delegateTarget_getAttribute,_e_delegateTarget;const index=(_e_delegateTarget=e.delegateTarget)==null?void 0:(_e_delegateTarget_getAttribute=_e_delegateTarget.getAttribute)==null?void 0:_e_delegateTarget_getAttribute.call(_e_delegateTarget,"data-index");if(this._picker)this._picker.open=false;this.options.onPickerSelect==null?void 0:this.options.onPickerSelect.call(this.options,this.timeSections[+index]);}_onClickCoverFold(e){var _e_delegateTarget_parentElement_getAttribute,_e_delegateTarget_parentElement,_e_delegateTarget;e.preventDefault();e.stopPropagation();const time=(_e_delegateTarget=e.delegateTarget)==null?void 0:(_e_delegateTarget_parentElement=_e_delegateTarget.parentElement)==null?void 0:(_e_delegateTarget_parentElement_getAttribute=_e_delegateTarget_parentElement.getAttribute)==null?void 0:_e_delegateTarget_parentElement_getAttribute.call(_e_delegateTarget_parentElement,"data-time");if(this._picker&&time){this._renderPickerContent(time);this._picker.open=true;}}_setImageScr(src){if(src){const query="x=1000&"+(this.options.coverQuery||"");return src+(src.includes("?")?"&":"?")+query}return ""}_offsetYToTime(offsetY){let y=offsetY;if(offsetY<60){var _this__dragScroll;
+	// 60 是下限
+	y=60;(_this__dragScroll=this._dragScroll)==null?void 0:_this__dragScroll.scrollToY(y);}const second=_$DAY_TIME_SECOND$_-Math.floor((y-60)*this._scaleWidth);return [second,TimeLineUtil.subTime(Math.floor(second/3600))+":"+TimeLineUtil.subTime(Math.floor(second%3600/60))+":"+TimeLineUtil.subTime(second%60)]}constructor(container,options){super(container,deepmerge(_$MOBILE_TIME_LINE_DEFAULT_OPTIONS$_,options,{clone:false})),this._isTouchStart=false,this._dragScroll=null,this.state={start:"00:00:00",end:"24:00:00",current:null,timeArr:[],availTimeLine:[],index:0};this._plusClick=this._plusClick.bind(this);this._minusClick=this._minusClick.bind(this);this._onPickerClose=this._onPickerClose.bind(this);this._onClickItem=this._onClickItem.bind(this);this._onClickCoverFold=this._onClickCoverFold.bind(this);this._onImageError=this._onImageError.bind(this);this._render();}}function _extends$5(){_extends$5=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)if(Object.prototype.hasOwnProperty.call(source,key))target[key]=source[key];}return target};return _extends$5.apply(this,arguments)}
+	/**
+	 * 时间轴配置项
+	 */const _$TIMELINE_DEFAULT_OPTIONS$_={height:36,dpr:window.devicePixelRatio||2,
+	// wheelSpeed: 0.1,
+	scaleOffsetTop:4,showYearMonthDay:true};
+	/**
+	 * 时间轴控件类， 支持PC/Mobile 拖动和缩放
+	 * @beta
+	 * @example
+	 * ```ts
+	 * import TimeLine from './TimeLine';
+	 * const timeLine = new TimeLine(document.getElementById('container'), {})
+	 * ```
+	 */class TimeLine extends BaseTimeLine{
+	/**
+	   * 初始化 (canvas)
+	   */
+	_init(){this._$canvas=document.createElement("canvas");this._ctx=this._$canvas.getContext("2d");if(!this.readOnly)this._$canvas.style.cssText+="cursor: pointer;";this.$container.appendChild(this._$canvas);this.resize(this.width,this.height);this._update({current:this.current,timeWidth:this.timeWidth,timeSections:this.timeSections});this._addEventListener();}
+	/**
+	   * 重置尺寸
+	   */resize(width,height){super.resize(width,height);if(this._$canvas&&width){this._$canvas.width=this.width*this.options.dpr;this._$canvas.style.cssText+=`width: ${this.width}px;`;}if(this._$canvas&&height){this._$canvas.height=this.height*this.options.dpr;this._$canvas.style.cssText+=`height: ${this.height}px;`;}this._draw();}
+	/**
 	   * 设置时间轴刻度宽度
 	   * @param timeWidth - 时间轴刻度宽度 [0, TIME_WIDTH.length - 1]
 	   * @returns
-	   */ changeScale(scale) {
-	        this.setTimeWidth(scale);
-	    }
-	    /**
+	   */setTimeWidth(timeWidth){this._update({timeWidth:timeWidth});}
+	/**
 	   *  设置片段数组
 	   * @param timeSections - 片段数组
 	   * @returns
-	   */ updateRecords(timeSections) {
-	        this._update({
-	            timeSections
-	        });
-	    }
-	    /**
+	   */updateTimeSections(timeSections){this._update({timeSections:timeSections});}
+	/**
 	   * 更新当前时间
 	   * @param time 能转成时间的值， 如 时间对象 Date, 时间戳，时间戳字符串
-	   */ update(time) {
-	        if (time && !this._isMouseDown) {
-	            this._update({
-	                currentTime: new Date(tranTime(time, 'YYYY-MM-DD HH:mm:ss'))
-	            });
-	        }
-	    }
-	    /**
+	   */update(time){if(time&&!this._isMouseDown)this._update({current:new Date(TimeLineUtil.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';
-	            }
-	        }
-	    }
-	    /**
+	   */_update(options={}){if((options==null?void 0:options.current)&&options.current instanceof Date)this.current=options.current;if(options==null?void 0:options.timeSections)super.updateTimeSections(this._mergeTimeSections(options.timeSections));if(typeof(options==null?void 0:options.timeWidth)==="number"&&(options==null?void 0:options.timeWidth)<TIME_WIDTH.length){super.setTimeWidth(options.timeWidth);this._timeWidthArray=TIME_WIDTH[Math.floor(this.timeWidth)];}if(typeof(options==null?void 0:options.timeWidth)==="number"&&this._timeWidthArray)if(this._timeWidthArray[3]){var _this__$canvas;(_this__$canvas=this._$canvas)==null?void 0:_this__$canvas.setAttribute("data-title",this._timeWidthArray[3]);}this._draw();}setReadOnly(readOnly){super.setReadOnly(readOnly);if(this._$canvas)this._$canvas.style.cssText+=`cursor: ${readOnly?"not-allowed":"pointer"}`;}
+	/**
 	   * 销毁
 	   * @returns
-	   */ destroy() {
-	        this._removeEventListener();
-	        if (this._$canvas) {
-	            this.$container.removeChild(this._$canvas);
-	            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
-	    // -----------------------------------------------------------------------------------------
-	    /**
+	   */destroy(){this._removeEventListener();if(this._$canvas)try{this.$container.removeChild(this._$canvas);
+	// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+	this._$canvas=null;}catch(e){
+	// console.error(e);
+	}super.destroy();
+	// if (this._$tip) {
+	//   this.$container.removeChild(this._$tip);
+	//   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+	//   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)); // 刻度间距
-	    }
-	    /**
+	   */
+	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();
-	    }
-	    /**
+	   */_draw(){
+	// 清空画布
+	if(this._ctx){this._ctx.fillStyle=this.options.timeAxisBgColor;
+	// prettier-ignore
+	this._ctx.fillRect(0,0,this.width*this.options.dpr,this.height*this.options.dpr);}this._drawSections();this._drawScale();}
+	/**
 	   * 绘制刻度
-	   */ _drawScale() {
-	        const lineWidth = 1 * this._options.dpr;
-	        /** 中心位置 */ 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);
-	    }
-	    /**
+	   */_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.current.getTime()/1e3);// current 秒
+	// 由于时区问题 当前时间戳（秒）处理但前刻度有偏移，所以改成使用当天便宜量， 这样就能保证当天的 0 点刻度能展示
+	// prettier-ignore
+	const offsetSecond=(curScaleTime-Math.floor(new Date(TimeLineUtil.tranTime(new Date(curScaleTime*1e3),"YYYY-MM-DD")+" 00:00:00").getTime()/1e3))%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(TimeLineUtil.tranTime(new Date(leftLastScaleTime*1e3),"YYYY-MM-DD")+" 00:00:00").getTime()/1e3);
+	// 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(TimeLineUtil.tranTime(new Date(leftLastScaleTime*1e3)),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-=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(TimeLineUtil.tranTime(new Date(rightLastScaleTime*1e3),"YYYY-MM-DD")+" 00:00:00").getTime()/1e3);
+	// 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(TimeLineUtil.tranTime(new Date(rightLastScaleTime*1e3)),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+=this._timeWidthArray[0];}
+	// 当前中心位置（当前时间 current）
+	// prettier-ignore
+	this._drawSolidLine(centerPosition.x,0,centerPosition.x,centerPosition.y,lineWidth,this.options.timePointColor);}
+	/**
 	   * 绘制线
 	   * @param startX - 线起点 x 坐标
 	   * @param startY - 线起点 y 坐标
@@ -10942,409 +10880,211 @@
 	   * @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();
-	        }
-	    }
-	    /**
+	   */
+	// 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);
-	            }
-	        }
-	    }
-	    /**
+	   */_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);
-	            }
-	        }
-	    }
-	    /**
+	   */_drawSections(){
+	// 绘制蓝色区域
+	const timeArr=this.timeSections||[];
+	// 根据时间查找当前位置
+	for(let i=0;i<timeArr.length;i++){const position=this._findPosition(timeArr[i]);
+	// 判断一下绘制区域是否在画布区域， 不在可以不用绘制
+	// prettier-ignore
+	if(this._ctx&&TimeLineUtil.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
-	        };
-	    }
-	    /**
+	   */_findPosition(item){
+	// 中间的当前时间 current 为基准， 然后计算时间片段的 x 坐标和 y 坐标
+	// prettier-ignore
+	const x1=(parseInt((item.startTime-this.current.getTime())/1e3+"",10)/this._timeWidthArray[0]*this._curScaleSpacing+this.width/2)*this.options.dpr;const x2=x1+parseInt((item.endTime-item.startTime)/1e3+"",10)/this._timeWidthArray[0]*this._curScaleSpacing*this.options.dpr;return {x1:x1,x2: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
-	    // -------------------------------------
-	    /**
+	   */_mergeTimeSections(timeSections){if(timeSections.length===0)return timeSections;timeSections=timeSections.map(item=>{
+	// 处理秒
+	if((item.startTime+"").length===10)item.startTime=item.startTime*1e3;if((item.endTime+"").length===10)item.endTime=item.endTime*1e3;return _extends$5({},item,{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
-	            });
-	        }
-	    }
-	    /**
+	   */
+	_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);
-	        }
-	    }
-	    /**
+	   */_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);
-	    }
-	    /**
+	   */_mousedownFun(e){if(this.readOnly)return;this._isMouseDown=true;this._mousePosition=e.pageX;this._oldTime=this.current;this.options.onDragStart==null?void 0:this.options.onDragStart.call(this.options,this.current);}
+	/**
 	   * 鼠标移入事件监听
 	   * @returns
-	   */ _mouseoverFun() {
-	        if (this._readOnly) return;
-	        this._isOver = true;
-	    }
-	    /**
+	   */_mouseoverFun(){if(this.readOnly)return;this._isOver=true;}
+	/**
 	   * 鼠标离开事件监听
 	   * @returns
-	   */ _mouseleaveFun(e) {
-	        if (this._readOnly) return;
-	        this._isOver = false;
-	        this._moveEndOrTouchEndFun(e);
-	    }
-	    /**
+	   */_mouseleaveFun(e){if(this.readOnly)return;this._isOver=false;this._moveEndOrTouchEndFun(e);}
+	/**
 	   * 鼠标抬起事件监听
 	   * @returns
-	   */ _mouseUpFun(e) {
-	        this._moveEndOrTouchEndFun(e);
-	    }
-	    /**
+	   */_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);
-	    }
-	    /**
+	   */_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();// 更新画面
+	}
+	// const time = new Date(
+	//   // prettier-ignore
+	//   this.current.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),
-	    //   });
-	    // }
-	    }
-	    /**
+	   */_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;
-	        }
-	    }
-	    /**
+	   */_ctrlKeyDownFun(e){if(e.ctrlKey||e.key==="Control"){console.log("Ctrl 键被按下");this._isCtrlKeyDown=true;}}
+	/**
 	   * ctrl键抬起事件
 	   * @param e - 键盘按下事件
-	   */ _ctrlKeyUpFun(e) {
-	        if (e.ctrlKey || e.key === 'Control') {
-	            this._isCtrlKeyDown = false;
-	        }
-	    }
-	    // ----------------------------------------------------------------------
-	    // touch
-	    // ----------------------------------------------------------------------
-	    /**
+	   */_ctrlKeyUpFun(e){if(e.ctrlKey||e.key==="Control"){console.log("Ctrl 键UP");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);
-	    }
-	    /**
+	   */
+	_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);
-	        }
-	    }
-	    /**
+	   */_touchstartFun(e){if(this.readOnly)return;this._oldTime=this.current;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);console.warn("_touchstartFun",this._lastTouchDist);}}
+	/**
 	   * 触摸移动
 	   * @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;
-	        }
-	    }
-	    /**
+	   */_touchmoveFun(e){e.preventDefault();// 防止页面缩放
+	e.stopPropagation();if(this.readOnly)return;console.warn(e.touches.length);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);const zoom=newDist/this._lastTouchDist;console.warn("_touchmoveFun",this._lastTouchDist,zoom);
+	// 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);
-	    }
-	    /**
+	   */_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;
-	        }
-	    }
-	    /**
+	   */_moveEndOrTouchEndFun(e){e.preventDefault();if(this.readOnly)return;if(this._isMouseDown){this._isMouseDown=false;if(this._moved){this._moved=false;this._update({current:this.current});this._oldTime=this.current;this.options.onDragEnd==null?void 0:this.options.onDragEnd.call(this.options,this.current,this._isOver);}if(this._isOver&&Math.abs(this._mousePosition-(e.pageX||0))>5)this.options.onChange==null?void 0:this.options.onChange.call(this.options,this.current);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;
+	   */_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)*1e3;this._update({current:new Date(currentTime)});this.options.onDragging==null?void 0:this.options.onDragging.call(this.options,new Date(currentTime));}this._moved=true;}constructor(container,options){super(container,deepmerge(_$TIMELINE_DEFAULT_OPTIONS$_,options,{clone:true})),this._$canvas=null,this._ctx=null,/** 时间刻度宽度 [刻度间隔秒数s, 刻度间隔宽度px, 长刻度间隔短刻度个数, 中文说明]  */this._timeWidthArray=TIME_WIDTH[0],this._centerPositionX=0,// mouse
+	this._isMouseDown=false,this._mousePosition=0,this._oldTime=null,this._isOver=false,this._moved=false,this._isCtrlKeyDown=false,this._lastTouchDist=0;this.$container=container;
+	// prettier-ignore
+	console.log("TimeLine dpr",JSON.stringify(this.options));this._mousemoveFun=this._mousemoveFun.bind(this);this._mouseoverFun=this._mouseoverFun.bind(this);this._mouseleaveFun=this._mouseleaveFun.bind(this);this._mousedownFun=this._mousedownFun.bind(this);this._mouseUpFun=this._mouseUpFun.bind(this);this._mousewheelFun=this._mousewheelFun.bind(this);this._touchstartFun=this._touchstartFun.bind(this);this._touchmoveFun=this._touchmoveFun.bind(this);this._touchendFun=this._touchendFun.bind(this);this._ctrlKeyDownFun=this._ctrlKeyDownFun.bind(this);this._ctrlKeyUpFun=this._ctrlKeyUpFun.bind(this);this._init();}}TimeLine.TIME_WIDTH=TIME_WIDTH;
 
 	function _extends$4() {
 	    _extends$4 = Object.assign || function(target) {
@@ -11382,86 +11122,109 @@
 	}
 	/**
 	 * 回放时间轴控件
-	 */ var TimeLine = /*#__PURE__*/ function(Control) {
-	    _inherits$5(TimeLine, Control);
-	    function TimeLine(options) {
+	 */ var TimeLineControl = /*#__PURE__*/ function(Control) {
+	    _inherits$5(TimeLineControl, Control);
+	    function TimeLineControl(options) {
 	        var _this;
 	        var _this__options_props, _this__options;
 	        _this = Control.call(this, _extends$4({}, options, {
 	            tagName: 'div',
 	            controlType: 'block',
 	            classNameSuffix: 'time-line'
-	        })) || this, _this.records = [];
+	        })) || this, _this._$add = null, _this._$reduce = null, _this._currentTime = 0, _this.records = [];
+	        _this._currentTime = 0;
 	        _this._options = options;
 	        _this.records = ((_this__options = _this._options) == null ? void 0 : (_this__options_props = _this__options.props) == null ? void 0 : _this__options_props.recordList) || [];
 	        _this._render();
 	        _this.on(EVENTS.setAllDayRecTimes, function(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, function(time) {
-	            var // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-	            _this_timeLineUtil_update, _this_timeLineUtil;
-	            (_this_timeLineUtil = _this.timeLineUtil) == null ? void 0 : (_this_timeLineUtil_update = _this_timeLineUtil.update) == null ? void 0 : _this_timeLineUtil_update.call(_this_timeLineUtil, new Date(time * 1000));
+	            if (time) {
+	                var // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+	                _this_timeLineUtil_update, _this_timeLineUtil;
+	                var date = new Date(time * 1000);
+	                _this._currentTime = date.getTime();
+	                (_this_timeLineUtil = _this.timeLineUtil) == null ? void 0 : (_this_timeLineUtil_update = _this_timeLineUtil.update) == null ? void 0 : _this_timeLineUtil_update.call(_this_timeLineUtil, date);
+	            }
 	        });
 	        return _this;
 	    }
-	    var _proto = TimeLine.prototype;
+	    var _proto = TimeLineControl.prototype;
 	    _proto._render = function _render() {
 	        var _this = this;
-	        var _this_timeLineUtil_updateRecords, _this_timeLineUtil;
+	        var _this_timeLineUtil_updateTimeSections, _this_timeLineUtil;
 	        var _timeLineOptions = {
-	            // locale: this._options.locale,
+	            language: this._options.language || 'zh',
+	            coverQuery: this._options.coverQuery || '',
 	            onChange: function(date) {
-	                _this._options.onChange == null ? void 0 : _this._options.onChange.call(_this._options, date);
-	                _this.emit(EVENTS.control.timeLineChange, date);
+	                if (_this._currentTime !== (date == null ? void 0 : date.getTime())) {
+	                    _this._options.onChange == null ? void 0 : _this._options.onChange.call(_this._options, date);
+	                    _this.emit(EVENTS.control.timeLineChange, date);
+	                }
+	            },
+	            onPickerOpenChange: function(open) {
+	                _this.emit(EVENTS.control.timeLinePanelOpenChange, open);
+	            },
+	            // 2025-10-27 仅移动端支持
+	            onPickerSelect: function(item) {
+	                var 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$1()) {
-	            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());
 	    };
 	    _proto.setWidth = function setWidth(width) {
-	        if (!isMobile$1()) this.timeLineUtil.width = width;
+	        if (!isMobile$1()) this.timeLineUtil.resize(width);
 	    };
 	    _proto._renderAddReduce = function _renderAddReduce() {
 	        var _this = this;
-	        this.$add = document.createElement('span');
-	        this.$add.classList.add("" + PREFIX_CLASS + "-time-line-scale-add");
-	        this.$add.innerHTML = IconComponents.add();
-	        this.$add.addEventListener('click', function() {
+	        this._$add = document.createElement('span');
+	        this._$add.classList.add("" + PREFIX_CLASS + "-time-line-scale-add");
+	        this._$add.innerHTML = IconComponents.add();
+	        this._$add.addEventListener('click', function() {
 	            if (_this.timeLineUtil) {
-	                var currentScale = Math.floor(_this.timeLineUtil.scale);
-	                _this.timeLineUtil.changeScale(currentScale + 1);
+	                var 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', function() {
+	        this._$reduce = document.createElement('span');
+	        this._$reduce.classList.add("" + PREFIX_CLASS + "-time-line-scale-sub");
+	        this._$reduce.innerHTML = IconComponents.reduce();
+	        this._$reduce.addEventListener('click', function() {
 	            if (_this.timeLineUtil) {
-	                var currentScale = Math.floor(_this.timeLineUtil.scale);
-	                _this.timeLineUtil.changeScale(currentScale - 1);
+	                var 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);
 	    };
 	    _proto.destroy = function 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();
@@ -11475,7 +11238,7 @@
 	   */ _proto._onControlClick = function _onControlClick(e) {
 	        this._options.onClick == null ? void 0 : this._options.onClick.call(this._options, e);
 	    };
-	    return TimeLine;
+	    return TimeLineControl;
 	}(Control);
 
 	function _extends$3() {
@@ -11564,8 +11327,8 @@
 	    globalFullscreen: GlobalFullscreen,
 	    rec: Rec,
 	    speed: Speed,
-	    date: DatePicker,
-	    timeLine: TimeLine
+	    date: DatePickerControl,
+	    timeLine: TimeLineControl
 	};
 
 	/* eslint-disable @typescript-eslint/no-non-null-assertion */ function _inherits$3(subClass, superClass) {
@@ -12364,14 +12127,15 @@
 	var _renderTimeLine = function(theme, container, props) {
 	    if (props === void 0) props = {};
 	    if (!theme.controls.timeLineControl && theme.options.timeLineOptions !== null) {
-	        var _theme_options;
+	        var _theme_urlInfo, _theme_options;
 	        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
 	        theme.controls.timeLineControl = new Controls['timeLine'](_extends$1({
 	            getPopupContainer: function() {
 	                return container;
 	            },
 	            language: theme.options.language,
-	            locales: theme.i18n.translations
+	            locales: theme.i18n.translations,
+	            coverQuery: ((_theme_urlInfo = theme.urlInfo) == null ? void 0 : _theme_urlInfo.validateCode) ? "decodekey=" + theme.urlInfo.validateCode : ''
 	        }, ((_theme_options = theme.options) == null ? void 0 : _theme_options["timeLineOptions"]) || {}, {
 	            props: props
 	        }));
@@ -12921,7 +12685,7 @@
 	    // ==============================================================================================
 	    /** 初始化配置项 */ _proto._initOptions = function _initOptions(options) {
 	        if (options === void 0) 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
 	        });
@@ -12935,7 +12699,7 @@
 	        }
 	        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!');
@@ -12946,10 +12710,6 @@
 	        }));
 	        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));
 	        var language = this.options.language || 'zh';
 	        var locales = deepmerge({
@@ -12962,11 +12722,6 @@
 	        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;
-	        }
 	    };
 	    /**
 	   * 初始化设置类名和设置宽高
@@ -13861,7 +13616,7 @@
 	    zh: zh,
 	    en: en
 	};
-	/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '0.0.1-beta.1';
+	/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '1.0.0';
 
 	// 不要动这里的代码， 这个出口是为了编译成 umd 规范的文件