@ezuikit/player-theme 1.0.0-beta.1 → 1.0.1-alpha.0

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 /*
-* @ezuikit/player-theme v1.0.0-beta.1
-* Copyright (c) 2025-10-27 Ezviz-OpenBiz
+* @ezuikit/player-theme v1.0.1-alpha.0
+* Copyright (c) 2025-11-11 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 (function (global, factory) {
@@ -366,7 +366,12 @@
 	/**
 	 * 播放器的类名前缀
 	 */ var PREFIX_CLASS = 'ezplayer';
-	var DATE_PICKER_ICON_WIDTH = 36;
+	/** */ var DATE_PICKER_ICON_WIDTH = 36;
+	/** 填充模式 */ var THEME_SCALE_MODE_TYPE = {
+	    /** 画面完全填充canvas区域,画面会被拉伸 */ full: 0,
+	    /** 画面做等比缩放后,高或宽对齐canvas区域,画面不被拉伸,但有黑边 */ auto: 1,
+	    /** 视频画面做等比缩放后,完全填充canvas区域,画面不被拉伸,没有黑边,但画面显示不全 */ fullAuto: 2
+	};
 	// 切换主题时把当前的状态传给控件， 而不是传 theme 对象， 为了解耦
 	// 不要添加方法，只添加状态
 	var THEME_PROPS = [
@@ -534,6 +539,7 @@
 	        /** 日期改变 */ dateChange: 'Control.dateChange',
 	        /** 日期销毁 */ dateDestroy: 'Control.datePanelDestroy',
 	        /**  时间轴拖动结束 */ timeLineChange: 'Control.timeLineChange',
+	        /** 时间轴图片列表面板 */ timeLinePanelOpenChange: 'Control.timeLinePanelOpenChange',
 	        /** 时间轴控件销毁 */ timeLineDestroy: 'Control.timeLineDestroy',
 	        /** 主题控件挂载前 切换新的主题也会触发，如果想首次获取需要在 onInitializing 回调中进行监听 */ beforeMountControls: 'Control.beforeMountControls',
 	        /** 主题控件挂载完成, 切换新的主题也会触发，如果想首次获取需要在 onInitializing 回调中进行监听 */ mountedControls: 'Control.mountedControls',
@@ -788,8 +794,8 @@
 	    return Control;
 	}(EventEmitter);
 
-	function _extends$r() {
-	    _extends$r = Object.assign || function(target) {
+	function _extends$q() {
+	    _extends$q = Object.assign || function(target) {
 	        for(var i = 1; i < arguments.length; i++){
 	            var source = arguments[i];
 	            for(var key in source){
@@ -800,7 +806,7 @@
 	        }
 	        return target;
 	    };
-	    return _extends$r.apply(this, arguments);
+	    return _extends$q.apply(this, arguments);
 	}
 	function _inherits$q(subClass, superClass) {
 	    if (typeof superClass !== "function" && superClass !== null) {
@@ -831,7 +837,7 @@
 	    function Loading(options) {
 	        if (options === void 0) options = {};
 	        var _this;
-	        _this = Control.call(this, Object.assign({}, LOADING_DEFAULT_OPTIONS, _extends$r({}, options, {
+	        _this = Control.call(this, Object.assign({}, LOADING_DEFAULT_OPTIONS, _extends$q({}, options, {
 	            tagName: 'div',
 	            controlType: 'block',
 	            classNameSuffix: 'loading'
@@ -869,8 +875,8 @@
 	    return Loading;
 	}(Control);
 
-	function _extends$q() {
-	    _extends$q = Object.assign || function(target) {
+	function _extends$p() {
+	    _extends$p = Object.assign || function(target) {
 	        for(var i = 1; i < arguments.length; i++){
 	            var source = arguments[i];
 	            for(var key in source){
@@ -881,7 +887,7 @@
 	        }
 	        return target;
 	    };
-	    return _extends$q.apply(this, arguments);
+	    return _extends$p.apply(this, arguments);
 	}
 	function _inherits$p(subClass, superClass) {
 	    if (typeof superClass !== "function" && superClass !== null) {
@@ -917,7 +923,7 @@
 	    function Poster(options) {
 	        if (options === void 0) options = {};
 	        var _this;
-	        _this = Control.call(this, Object.assign({}, POSTER_OPTIONS, _extends$q({}, options, {
+	        _this = Control.call(this, Object.assign({}, POSTER_OPTIONS, _extends$p({}, options, {
 	            tagName: 'div',
 	            controlType: 'block',
 	            classNameSuffix: 'poster'
@@ -980,7 +986,7 @@
 	    return Poster;
 	}(Control);
 
-	var Icons$1 = {
+	var Icons = {
 	    /** 播放 */ play: '<svg width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor" focusable="false" aria-hidden="true" data-icon="play">\n      <rect x="6.5" y="5.5" rx="1.25" width="2.5" height="13"/>\n      <rect x="15" y="5.5" rx="1.25" width="2.5" height="13"/>\n    </svg>',
 	    /** 暂停 */ pause: '<svg width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor"  focusable="false" aria-hidden="true" data-icon="pause"> <path d="M17.5 13.66L9.1 19.26C7.78 20.14 6 19.19 6 17.59L6 6.4C6 4.8 7.78 3.85 9.1 4.73L17.5 10.33C18.69 11.12 18.69 12.87 17.5 13.66Z" /></svg>',
 	    /** 音量 */ volume: function(prefix) {
@@ -1046,136 +1052,136 @@
 	var IconComponents = {
 	    /** 播放 */ play: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.play, 'play', attr);
+	        return createIcon(Icons.play, 'play', attr);
 	    },
 	    /** 暂停 */ pause: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.pause, 'pause', attr);
+	        return createIcon(Icons.pause, 'pause', attr);
 	    },
 	    volume: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.volume(PREFIX_CLASS), 'volume', attr);
+	        return createIcon(Icons.volume(PREFIX_CLASS), 'volume', attr);
 	    },
 	    mobileFullscreen: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.mobileFullscreen, 'mobile-fullscreen', attr);
+	        return createIcon(Icons.mobileFullscreen, 'mobile-fullscreen', attr);
 	    },
 	    exitFullscreen: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.exitFullscreen, 'exit-fullscreen', attr);
+	        return createIcon(Icons.exitFullscreen, 'exit-fullscreen', attr);
 	    },
 	    fullscreen: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.fullscreen, 'fullscreen', attr);
+	        return createIcon(Icons.fullscreen, 'fullscreen', attr);
 	    },
 	    exitGlobalFullscreen: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.exitGlobalFullscreen, 'exit-global-fullscreen', attr);
+	        return createIcon(Icons.exitGlobalFullscreen, 'exit-global-fullscreen', attr);
 	    },
 	    globalFullscreen: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.globalFullscreen, 'global-fullscreen', attr);
+	        return createIcon(Icons.globalFullscreen, 'global-fullscreen', attr);
 	    },
 	    capturePicture: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.capturePicture, 'capture-picture', attr);
+	        return createIcon(Icons.capturePicture, 'capture-picture', attr);
 	    },
 	    ptz: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.ptz, 'ptz', attr);
+	        return createIcon(Icons.ptz, 'ptz', attr);
 	    },
 	    record: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.record, 'record', attr);
+	        return createIcon(Icons.record, 'record', attr);
 	    },
 	    recordCircle: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.recordCircle, 'record-circle', attr);
+	        return createIcon(Icons.recordCircle, 'record-circle', attr);
 	    },
 	    talk: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.talk, 'talk', attr);
+	        return createIcon(Icons.talk, 'talk', attr);
 	    },
 	    talkGrowth: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.talkGrowth(PREFIX_CLASS), 'talk-growth', attr);
+	        return createIcon(Icons.talkGrowth(PREFIX_CLASS), 'talk-growth', attr);
 	    },
 	    zoom: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.zoom, 'zoom', attr);
+	        return createIcon(Icons.zoom, 'zoom', attr);
 	    },
 	    more: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.more, 'more', attr);
+	        return createIcon(Icons.more, 'more', attr);
 	    },
 	    moreDot: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.moreDot, 'more-dot', attr);
+	        return createIcon(Icons.moreDot, 'more-dot', attr);
 	    },
 	    minusCircle: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.minusCircle, 'minus-circle', attr);
+	        return createIcon(Icons.minusCircle, 'minus-circle', attr);
 	    },
 	    plusCircle: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.plusCircle, 'plus-circle', attr);
+	        return createIcon(Icons.plusCircle, 'plus-circle', attr);
 	    },
 	    sdk: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.sdk, 'sdk', attr);
+	        return createIcon(Icons.sdk, 'sdk', attr);
 	    },
 	    cloudRec: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.cloudRec, 'cloud-rec', attr);
+	        return createIcon(Icons.cloudRec, 'cloud-rec', attr);
 	    },
 	    cloudRecord: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.cloudRecord, 'cloud-record', attr);
+	        return createIcon(Icons.cloudRecord, 'cloud-record', attr);
 	    },
 	    error: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.error, 'error', attr);
+	        return createIcon(Icons.error, 'error', attr);
 	    },
 	    info: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.info, 'info', attr);
+	        return createIcon(Icons.info, 'info', attr);
 	    },
 	    close: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.close, 'close', attr);
+	        return createIcon(Icons.close, 'close', attr);
 	    },
 	    closeCircleOutLined: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.closeCircleOutLined, 'close-circle', attr);
+	        return createIcon(Icons.closeCircleOutLined, 'close-circle', attr);
 	    },
 	    warnCircleOutLined: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.warnCircleOutLined, 'warn-circle', attr);
+	        return createIcon(Icons.warnCircleOutLined, 'warn-circle', attr);
 	    },
 	    infoCircleOutLined: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.infoCircleOutLined, 'info-circle', attr);
+	        return createIcon(Icons.infoCircleOutLined, 'info-circle', attr);
 	    },
 	    date: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.date, 'date', attr);
+	        return createIcon(Icons.date, 'date', attr);
 	    },
 	    filter: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.filter, 'filter', attr);
+	        return createIcon(Icons.filter, 'filter', attr);
 	    },
 	    add: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.add, 'add', attr);
+	        return createIcon(Icons.add, 'add', attr);
 	    },
 	    reduce: function(attr) {
 	        if (attr === void 0) attr = {};
-	        return createIcon(Icons$1.reduce, 'reduce', attr);
+	        return createIcon(Icons.reduce, 'reduce', attr);
 	    }
 	};
 
-	function _extends$p() {
-	    _extends$p = Object.assign || function(target) {
+	function _extends$o() {
+	    _extends$o = Object.assign || function(target) {
 	        for(var i = 1; i < arguments.length; i++){
 	            var source = arguments[i];
 	            for(var key in source){
@@ -1186,7 +1192,7 @@
 	        }
 	        return target;
 	    };
-	    return _extends$p.apply(this, arguments);
+	    return _extends$o.apply(this, arguments);
 	}
 	function _inherits$o(subClass, superClass) {
 	    if (typeof superClass !== "function" && superClass !== null) {
@@ -1217,7 +1223,7 @@
 	    function Message(options) {
 	        if (options === void 0) options = {};
 	        var _this;
-	        _this = Control.call(this, Object.assign({}, MESSAGE_DEFAULT_OPTIONS, _extends$p({}, options, {
+	        _this = Control.call(this, Object.assign({}, MESSAGE_DEFAULT_OPTIONS, _extends$o({}, options, {
 	            tagName: 'div',
 	            controlType: 'block'
 	        }))) || this;
@@ -1370,8 +1376,8 @@
 	    if (protoProps) _defineProperties$8(Constructor.prototype, protoProps);
 	    return Constructor;
 	}
-	function _extends$o() {
-	    _extends$o = Object.assign || function(target) {
+	function _extends$n() {
+	    _extends$n = Object.assign || function(target) {
 	        for(var i = 1; i < arguments.length; i++){
 	            var source = arguments[i];
 	            for(var key in source){
@@ -1382,7 +1388,7 @@
 	        }
 	        return target;
 	    };
-	    return _extends$o.apply(this, arguments);
+	    return _extends$n.apply(this, arguments);
 	}
 	function _inherits$n(subClass, superClass) {
 	    if (typeof superClass !== "function" && superClass !== null) {
@@ -1411,7 +1417,7 @@
 	    _inherits$n(Play, Control);
 	    function Play(options) {
 	        var _this;
-	        _this = Control.call(this, _extends$o({}, options, {
+	        _this = Control.call(this, _extends$n({}, options, {
 	            tagName: 'span',
 	            controlType: 'button',
 	            classNameSuffix: 'play'
@@ -1463,609 +1469,704 @@
 	}(Control);
 
 	/*
-	* @skax/picker v1.0.2
-	* Copyright (c) 2025-10-26 ShineShao <xiaoshaoqq@gmail.com>
+	* @skax/picker v1.1.2
+	* Copyright (c) 2025-11-09 ShineShao <xiaoshaoqq@gmail.com>
 	* Released under the MIT License.
 	*/
-	/**
-	 * PickerProvider
-	 */ class PickerProvider {
-	    static getInstance() {
-	        if (!PickerProvider.instance) {
-	            PickerProvider.instance = new PickerProvider();
-	        }
-	        return PickerProvider.instance;
-	    }
-	    add(picker) {
-	        this.pickers.push(picker);
-	    }
-	    remove(picker) {
-	        const index = this.pickers.indexOf(picker);
-	        if (index > -1) {
-	            this.pickers.splice(index, 1);
-	        } else {
-	            console.warn("Picker not found in the provider.");
-	        }
-	    }
-	    closeOther(e) {
-	        for (const p of this.pickers){
-	            var _p_$container_contains, _p_$container, _p_$wrapperContent_contains, _p_$wrapperContent;
-	            if (p && !(e.target === p.$container || ((_p_$container = p.$container) == null ? void 0 : (_p_$container_contains = _p_$container.contains) == null ? void 0 : _p_$container_contains.call(_p_$container, e.target)) || e.target === p.$wrapperContent || ((_p_$wrapperContent = p.$wrapperContent) == null ? void 0 : (_p_$wrapperContent_contains = _p_$wrapperContent.contains) == null ? void 0 : _p_$wrapperContent_contains.call(_p_$wrapperContent, e.target)))) {
-	                p.open = false;
-	            }
-	        }
-	    }
-	    constructor(){
-	        this.pickers = [];
-	    // Private constructor to prevent instantiation
-	    }
-	}
-	const pickerProvider = PickerProvider.getInstance();
 
-	/**
-	 * picker 位置
-	 * @public
-	 */ // eslint-disable-next-line @typescript-eslint/naming-convention
-	const PICKER_PLACEMENT = [
-	    "top",
-	    "tl",
-	    "tr",
-	    "bottom",
-	    "bl",
-	    "br"
-	];
-	/**
-	 * 默认样式前缀
-	 */ const PICKER_PREFIX_CLS = "epicker";
-	/**
-	 * Picker 默认值
-	 */ const DEFAULT_PICKER_OPTIONS = {
-	    getPopupContainer: ()=>document.body,
-	    wrapClassName: "",
-	    open: false,
-	    placement: "br",
-	    offset: [
-	        0,
-	        0
-	    ],
-	    zIndex: 1000,
-	    content: "",
-	    trigger: "click",
-	    mouseLeaveDelay: 0.1,
-	    mouseEnterDelay: 0.1,
-	    isMobile: false
-	};
-	/**
-	 * Picker 弹窗, 支持 PC 和移动端
-	 * @remarks
-	 * Picker 是一个通用的弹窗组件，可以用于日期选择器、时间选择器等场景。
-	 * 它提供了丰富的配置选项，可以自定义弹窗的样式、位置、触发方式等。
-	 *
-	 * @example
-	 * ```ts
-	 * import "@skax/picker/dist/style/css";
-	 * import Picker from '@skax/picker';
-	 * const picker = new Picker(document.getElementById('picker-container'),
-	 * {
-	 *   placement: 'bottom',
-	 *   content: '<div>选择内容</div>', // or () => '<div>选择内容</div>'
-	 *   trigger: 'click',
-	 *   isMobile: false,
-	 * });
-	 * picker.open = true; // 打开弹窗
-	 * picker.setPlacement('top'); // 设置弹窗位置
-	 * picker.innerHTML('<div>新内容</div>'); // 设置弹窗内容（会覆盖之前的内容）
-	 * picker.destroy(); // 销毁弹窗
-	 * ```
-	 */ class Picker {
-	    /**
-	   * picker 内容挂载节点
-	   */ get $popupContainer() {
-	        // prettier-ignore
-	        if (typeof this._options.getPopupContainer === "function") {
-	            const $popupContainer = this._options.getPopupContainer();
-	            if ($popupContainer) {
-	                if ([
-	                    "INPUT",
-	                    "CANVAS",
-	                    "VIDEO",
-	                    "IMG"
-	                ].includes($popupContainer == null ? void 0 : $popupContainer.tagName)) {
-	                    console.warn("popup container node does not support child elements, default body!");
-	                } else {
-	                    // prettier-ignore
-	                    if ($popupContainer !== document.body) $popupContainer.style.cssText += `position: relative;`;
-	                    return $popupContainer;
-	                }
-	            } else {
-	                console.warn("popup container does not exist, default body!");
-	            }
-	        }
-	        return document.body;
-	    }
-	    /**
-	   * 获取当前打开状态
-	   * @example
-	   * ```ts
-	   * console.log(picker.open); // 获取当前打开状态
-	   * picker.open = true; // 打开
-	   * picker.open = false; // 关闭
-	   * ```
-	   */ get open() {
-	        return this._open;
-	    }
-	    set open(open) {
-	        if (this._disabled) {
-	            return;
-	        }
-	        if (this._open !== !!open) {
-	            this._animationTimerClear();
-	            if (this._timer) {
-	                clearTimeout(this._timer);
-	                this._timer = null;
-	            }
-	            if (open) {
-	                this._timer = setTimeout(()=>{
-	                    this.$wrapperContent.style.display = "inline-flex";
-	                    this.$wrapperContent.style.pointerEvents = "";
-	                    // prettier-ignore
-	                    if (this._options.isMobile) document.body.classList.add(`${PICKER_PREFIX_CLS}-body-noscroll`);
-	                    this._animationTimer = setTimeout(()=>{
-	                        this._animationTimerClear();
-	                        this.$wrapperContent.style.opacity = "1";
-	                    }, 0);
-	                    requestAnimationFrame(()=>{
-	                        this._setPlacement();
-	                    });
-	                    this._OpenChange = open;
-	                    this._onOpenChange(open);
-	                }, // prettier-ignore
-	                (this._options.mouseEnterDelay < 0 ? 0 : this._options.mouseEnterDelay) * 1000);
-	            } else {
-	                this._timer = setTimeout(()=>{
-	                    this.$wrapperContent.style.opacity = "0";
-	                    this.$wrapperContent.style.pointerEvents = "none";
-	                    // prettier-ignore
-	                    if (this._options.isMobile) document.body.classList.remove(`${PICKER_PREFIX_CLS}-body-noscroll`);
-	                    this._animationTimer = setTimeout(()=>{
-	                        this._animationTimerClear();
-	                        this.$wrapperContent.style.display = "none";
-	                    }, 301); // css 动画是 300ms
-	                    this._OpenChange = open;
-	                    this._onOpenChange(open);
-	                }, // prettier-ignore
-	                (this._options.mouseLeaveDelay < 0 ? 0 : this._options.mouseLeaveDelay) * 1000);
-	            }
-	            if (this._OpenChange === open) {
-	                if (this._timer) {
-	                    clearTimeout(this._timer);
-	                    this._timer = null;
-	                }
-	            }
-	            this._open = !!open;
-	        }
-	    }
-	    /**
-	   * 获取或设置禁用状态
-	   * @example
-	   * ```ts
-	   * picker.disabled = true; // 禁用
-	   * picker.disabled = false; // 启用
-	   * console.log(picker.disabled); // 获取禁用状态
-	   * ```
-	   */ get disabled() {
-	        return this._disabled;
-	    }
-	    set disabled(disabled) {
-	        if (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 {
-	            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
-	   * picker.setPlacement("top");
-	   * picker.setPlacement("tl");
-	   * picker.setPlacement("tr");
-	   * picker.setPlacement("bottom");
-	   * picker.setPlacement("bl");
-	   * picker.setPlacement("br");
-	   * ```
-	   */ setPlacement(placement) {
-	        if (this._disabled) {
-	            return;
-	        }
-	        if (PICKER_PLACEMENT.includes(placement)) {
-	            this._options.placement = placement;
-	        } else {
-	            console.warn(`${placement} is not a valid placement`);
-	        }
-	        this._setPlacement();
-	    }
-	    /**
-	   * 销毁
-	   * @example
-	   * ```ts
-	   * picker.destroy();
-	   * ```
-	   */ destroy() {
-	        this._animationTimerClear();
-	        this._removeHtml();
-	        pickerProvider.remove(this);
-	    }
-	    /**
-	   * 设置内容（会覆盖之前内容）
-	   * @param html - html 字符串内容
-	   * @example
-	   * ```ts
-	   * picker.innerHTML('<div>内容</div>');
-	   * ```
-	   */ innerHTML(html) {
-	        if (this.$body) {
-	            this.$body.innerHTML = html || "";
-	            this._setPlacement();
-	        }
-	    }
-	    // --------------------------------------------------------------------------
-	    // Private methods
-	    // --------------------------------------------------------------------------
-	    /**
-	   * picker 面板展开或关闭变化时触发
-	   * @param open - true: 展开, false:关闭
-	   */ _onOpenChange(open) {
-	        this._options.onOpenChange == null ? void 0 : this._options.onOpenChange.call(this._options, !!open);
-	    }
-	    /**
-	   * 移除动画定时器
-	   */ _animationTimerClear() {
-	        if (this._animationTimer) {
-	            clearTimeout(this._animationTimer);
-	            this._animationTimer = null;
-	        }
-	    }
-	    /**
-	   * 移除html
-	   */ _removeHtml() {
-	        var _this_$container_removeEventListener, _this_$container, _this_$popupContainer;
-	        // eslint-disable-next-line @typescript-eslint/unbound-method
-	        this.$wrapperContent.removeEventListener("click", this._onContentClick);
-	        (_this_$container = this.$container) == null ? void 0 : (_this_$container_removeEventListener = _this_$container.removeEventListener) == null ? void 0 : _this_$container_removeEventListener.call(_this_$container, "click", this._onContentClick);
-	        if (this._options.trigger === "click") {
-	            var _this_$container_removeEventListener1, _this_$container1;
-	            (_this_$container1 = this.$container) == null ? void 0 : (_this_$container_removeEventListener1 = _this_$container1.removeEventListener) == null ? void 0 : _this_$container_removeEventListener1.call(_this_$container1, "click", this._onShow);
-	        }
-	        if (this._options.trigger === "hover") {
-	            var _this_$container_removeEventListener2, _this_$container2, _this_$container_removeEventListener3, _this_$container3, _this_$container_removeEventListener4, _this_$container4;
-	            (_this_$container2 = this.$container) == null ? void 0 : (_this_$container_removeEventListener2 = _this_$container2.removeEventListener) == null ? void 0 : _this_$container_removeEventListener2.call(_this_$container2, "mouseenter", this._onShow);
-	            (_this_$container3 = this.$container) == null ? void 0 : (_this_$container_removeEventListener3 = _this_$container3.removeEventListener) == null ? void 0 : _this_$container_removeEventListener3.call(_this_$container3, "mouseover", this._onShow);
-	            (_this_$container4 = this.$container) == null ? void 0 : (_this_$container_removeEventListener4 = _this_$container4.removeEventListener) == null ? void 0 : _this_$container_removeEventListener4.call(_this_$container4, "mouseleave", this._onHide);
-	            // prettier-ignore
-	            this.$wrapperContent.removeEventListener("mouseenter", this._onWrapperShow);
-	            this.$wrapperContent.removeEventListener("mouseleave", this._onHide);
-	        }
-	        if (!this._options.isMobile) {
-	            // eslint-disable-next-line @typescript-eslint/unbound-method
-	            window.removeEventListener("blur", this._onHide);
-	            // eslint-disable-next-line @typescript-eslint/unbound-method
-	            document.removeEventListener("visibilitychange", this._onHide);
-	            // eslint-disable-next-line @typescript-eslint/unbound-method
-	            window.removeEventListener("resize", this._onHide);
-	            // eslint-disable-next-line @typescript-eslint/unbound-method
-	            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);
-	        }
-	        if (this._options.isMobile) document.body.classList.remove(`${PICKER_PREFIX_CLS}-body-noscroll`);
-	        (_this_$popupContainer = this.$popupContainer) == null ? void 0 : _this_$popupContainer.removeChild(this.$wrapperContent);
-	        this.$wrapperContent.innerHTML = "";
-	    }
-	    /**
-	   * 现实位置
-	   */ _setPlacement() {
-	        var _this_$container_getBoundingClientRect, _this_$container;
-	        if (!this._open || this._options.isMobile || !this.$container) {
-	            return;
-	        }
-	        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();
-	        // 容器的坐标 - 挂载的容器的坐标差
-	        // prettier-ignore
-	        const containerLeft = $containerRect.left - $popupContainerRect.left;
-	        const containerRight = -($containerRect.right - $popupContainerRect.right);
-	        // prettier-ignore
-	        const containerTop = $containerRect.y - $popupContainerRect.y;
-	        let left = containerLeft + ($containerRect.width - $wrapperContentRect.width) / 2;
-	        let right;
-	        const top = containerTop - $wrapperContentRect.height;
-	        const bottom = containerTop + $containerRect.height;
-	        if (/^t/.test(this._options.placement)) {
-	            var _this__options_offset, _this__options_offset1, _this__options_offset2;
-	            switch(this._options.placement){
-	                case "top":
-	                    right = undefined;
-	                    break;
-	                case "tl":
-	                    right = undefined;
-	                    left = containerLeft;
-	                    break;
-	                case "tr":
-	                    left = undefined;
-	                    right = containerRight;
-	                    break;
-	            }
-	            this.$wrapperContent.style.cssText += `
-        ${right !== undefined ? `right: ${right + (((_this__options_offset = this._options.offset) == null ? void 0 : _this__options_offset[0]) || 0)}px;` : ""}
-        ${left !== undefined ? `left: ${left + (((_this__options_offset1 = this._options.offset) == null ? void 0 : _this__options_offset1[0]) || 0)}px;` : ""}
-        top: ${top + (((_this__options_offset2 = this._options.offset) == null ? void 0 : _this__options_offset2[1]) || 0)}px;
-        z-index:${this._options.zIndex};
-      `;
-	        } else if (/^b/.test(this._options.placement)) {
-	            var _this__options_offset3, _this__options_offset4, _this__options_offset5;
-	            switch(this._options.placement){
-	                case "bottom":
-	                    right = undefined;
-	                    break;
-	                case "bl":
-	                    right = undefined;
-	                    left = containerLeft;
-	                    break;
-	                case "br":
-	                    left = undefined;
-	                    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};
-      `;
-	        }
-	    }
-	    /**
-	   * 初始化内容样式
-	   */ _initContentStyle() {
-	        // prettier-ignore
-	        this.$wrapperContent.classList.add(`${PICKER_PREFIX_CLS}`, `${PICKER_PREFIX_CLS}-wrapper`, `${PICKER_PREFIX_CLS}-${this._options.placement}`);
-	        // 提升优先级
-	        this.$wrapperContent.style.display = "none";
-	        if (this._options.isMobile) {
-	            this.$wrapperContent.classList.add(`${PICKER_PREFIX_CLS}-mobile`);
-	            this._$mask = document.createElement("div");
-	            this._$mask.classList.add(`${PICKER_PREFIX_CLS}-mask`);
-	            this.$wrapperContent.appendChild(this._$mask);
-	        }
-	        this.$body = document.createElement("div");
-	        this.$body.classList.add(`${PICKER_PREFIX_CLS}-body`);
-	        this.$wrapperContent.appendChild(this.$body);
-	        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 {
-	                var _this_$wrapperContent;
-	                (_this_$wrapperContent = this.$wrapperContent) == null ? void 0 : _this_$wrapperContent.classList.add(...this._options.wrapClassName.split(" "));
-	            } catch (error) {}
-	        }
-	    }
-	    /**
-	   * 绑定事件
-	   */ _eventListener() {
-	        var _this_$container_addEventListener, _this_$container;
-	        // eslint-disable-next-line @typescript-eslint/unbound-method
-	        this.$wrapperContent.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") {
-	            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") {
-	            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);
-	        }
-	        if (this._$mask) {
-	            this._$mask.addEventListener("click", this._onHide);
-	        }
-	        if (!this._options.isMobile) {
-	            // eslint-disable-next-line @typescript-eslint/unbound-method
-	            window.addEventListener("blur", this._onHide);
-	            // eslint-disable-next-line @typescript-eslint/unbound-method
-	            document.addEventListener("visibilitychange", this._onHide);
-	            // eslint-disable-next-line @typescript-eslint/unbound-method
-	            window.addEventListener("resize", this._onHide);
-	            // eslint-disable-next-line @typescript-eslint/unbound-method
-	            document.addEventListener("click", this._onDocumentClick);
-	        }
-	    }
-	    /**
-	   * $wrapperContent click event
-	   * @param e - 内容点击事件
-	   */ _onContentClick(e) {
-	        e.stopPropagation();
-	        pickerProvider.closeOther(e);
-	    }
-	    /**
-	   * 显示事件
-	   */ _onShow() {
-	        if (this._disabled) return;
-	        this.open = true;
-	    }
-	    /**
-	   * $wrapperContent 显示事件（输入进入前 为 false 阻止设置为 true）
-	   */ _onWrapperShow() {
-	        if (this._disabled) {
-	            return;
-	        }
-	        this._onShow();
-	    }
-	    /**
-	   * 隐藏事件
-	   */ _onHide(e) {
-	        if (!this._open || this._disabled) return;
-	        if ((e == null ? void 0 : e.target) === this._$mask) {
-	            e == null ? void 0 : e.stopPropagation();
-	        }
-	        this.open = false;
-	    }
-	    /**
-	   * document 点击事件
-	   * @param event - 鼠标点击事件
-	   */ _onDocumentClick(event) {
-	        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(container, options){
-	        var _this_$popupContainer;
-	        /** 是否打开 */ this._open = false;
-	        this._OpenChange = false;
-	        this._animationTimer = null;
-	        this._disabled = false;
-	        this._timer = null;
-	        // prettier-ignore
-	        this._options = Object.assign({}, DEFAULT_PICKER_OPTIONS, options || {});
-	        // 移动端模式强制使用 click 触发
-	        if (this._options.isMobile) {
-	            this._options.trigger = "click";
-	        }
-	        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);
-	        this._onContentClick = this._onContentClick.bind(this);
-	        this._onShow = this._onShow.bind(this);
-	        this._onWrapperShow = this._onWrapperShow.bind(this);
-	        this._onHide = this._onHide.bind(this);
-	        this._onDocumentClick = this._onDocumentClick.bind(this);
-	        this._eventListener();
-	        this.open = !!this._options.open;
-	    }
-	}
-	/**
-	   * 版本号
-	   * @example
-	   * ```ts
-	   * Picker.VERSION; // 输出版本号
-	   * ```
-	   */ Picker.VERSION = "1.0.2";
+	var dist$6;
+	var hasRequiredDist$6;
+
+	function requireDist$6 () {
+		if (hasRequiredDist$6) return dist$6;
+		hasRequiredDist$6 = 1;
+
+		function _array_like_to_array(arr, len) {
+		    if (len == null || len > arr.length) len = arr.length;
+		    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+		    return arr2;
+		}
+		function _unsupported_iterable_to_array(o, minLen) {
+		    if (!o) return;
+		    if (typeof o === "string") return _array_like_to_array(o, minLen);
+		    var n = Object.prototype.toString.call(o).slice(8, -1);
+		    if (n === "Object" && o.constructor) n = o.constructor.name;
+		    if (n === "Map" || n === "Set") return Array.from(n);
+		    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+		}
+		function _create_for_of_iterator_helper_loose(o, allowArrayLike) {
+		    var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+		    if (it) return (it = it.call(o)).next.bind(it);
+		    if (Array.isArray(o) || (it = _unsupported_iterable_to_array(o)) || allowArrayLike) {
+		        if (it) o = it;
+		        var i = 0;
+		        return function() {
+		            if (i >= o.length) {
+		                return {
+		                    done: true
+		                };
+		            }
+		            return {
+		                done: false,
+		                value: o[i++]
+		            };
+		        };
+		    }
+		    throw new TypeError("Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+		}
+		/**
+		 * PickerProvider 单例类
+		 */ var PickerProvider = /*#__PURE__*/ function() {
+		    function PickerProvider() {
+		        this.pickers = [];
+		    }
+		    var _proto = PickerProvider.prototype;
+		    /**
+		   * 添加picker
+		   * @param picker Picker 实例
+		   */ _proto.add = function add(picker) {
+		        this.pickers.push(picker);
+		    };
+		    /**
+		   * 移除picker
+		   * @param picker Picker 实例
+		   */ _proto.remove = function remove(picker) {
+		        var index = this.pickers.indexOf(picker);
+		        if (index > -1) {
+		            this.pickers.splice(index, 1);
+		        }
+		    };
+		    /**
+		   * 关闭其他picker
+		   * @param e 事件
+		   */ _proto.closeOther = function closeOther(e) {
+		        for(var _iterator = _create_for_of_iterator_helper_loose(this.pickers), _step; !(_step = _iterator()).done;){
+		            var p = _step.value;
+		            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;
+		            }
+		        }
+		    };
+		    /**
+		   * 获取单例实例
+		   * @returns Picker 实例
+		   */ PickerProvider.getInstance = function getInstance() {
+		        if (!PickerProvider.instance) {
+		            PickerProvider.instance = new PickerProvider();
+		        }
+		        return PickerProvider.instance;
+		    };
+		    return PickerProvider;
+		}();
+		var pickerProvider = PickerProvider.getInstance();
+
+		function _defineProperties(target, props) {
+		    for(var i = 0; i < props.length; i++){
+		        var descriptor = props[i];
+		        descriptor.enumerable = descriptor.enumerable || false;
+		        descriptor.configurable = true;
+		        if ("value" in descriptor) descriptor.writable = true;
+		        Object.defineProperty(target, descriptor.key, descriptor);
+		    }
+		}
+		function _create_class(Constructor, protoProps, staticProps) {
+		    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+		    return Constructor;
+		}
+		/**
+		 * picker 位置
+		 *
+		 * |   top    |     tl    |     tr    | bottom     |     bl     |     br     |
+		 * |:--------:|:---------:|:---------:|:----------:|:----------:|:----------:|
+		 * |  顶部中间 |  顶部左侧   |  顶部右侧  |   底部中间   |  底部左侧   |   底部右侧  |
+		 *
+		 * @public
+		 */ // eslint-disable-next-line @typescript-eslint/naming-convention
+		var _$PICKER_PLACEMENT$_ = [
+		    "top",
+		    "tl",
+		    "tr",
+		    "bottom",
+		    "bl",
+		    "br"
+		];
+		/**
+		 * 默认样式前缀
+		 */ var _$PICKER_PREFIX_CLS$_ = "epicker";
+		/**
+		 * Picker 默认值
+		 */ // eslint-disable-next-line @typescript-eslint/naming-convention
+		var __$PICKER_DEFAULT_OPTIONS$__ = {
+		    getPopupContainer: function() {
+		        return document.body;
+		    },
+		    wrapClassName: "",
+		    open: false,
+		    placement: "br",
+		    offset: [
+		        0,
+		        0
+		    ],
+		    zIndex: 1000,
+		    content: "",
+		    trigger: "click",
+		    mouseLeaveDelay: 0.1,
+		    mouseEnterDelay: 0.1,
+		    isMobile: false
+		};
+		/**
+		 * Picker 弹窗, 支持 PC 和移动端
+		 * @remarks
+		 * Picker 是一个通用的弹窗组件，可以用于日期选择器、时间选择器等场景。
+		 * 它提供了丰富的配置选项，可以自定义弹窗的样式、位置、触发方式等。
+		 *
+		 * @example
+		 * ```ts
+		 * import "@skax/picker/dist/style/css";
+		 * import Picker from '@skax/picker';
+		 * const picker = new Picker(document.getElementById('picker-container'),
+		 * {
+		 *   placement: 'bottom',
+		 *   content: '<div>选择内容</div>', // or () => '<div>选择内容</div>'
+		 *   trigger: 'click',
+		 *   isMobile: false,
+		 * });
+		 * picker.open = true; // 打开弹窗
+		 * picker.setPlacement('top'); // 设置弹窗位置
+		 * picker.innerHTML('<div>新内容</div>'); // 设置弹窗内容（会覆盖之前的内容）
+		 * picker.destroy(); // 销毁弹窗
+		 * ```
+		 */ var Picker = /*#__PURE__*/ function() {
+		    function Picker(container, options) {
+		        var _this__$popupContainer, _this__$popupContainer1;
+		        /** 是否打开 */ this._open = false;
+		        this._OpenChange = false;
+		        this._animationTimer = null;
+		        this._disabled = false;
+		        this._timer = null;
+		        // prettier-ignore
+		        this._options = Object.assign({}, __$PICKER_DEFAULT_OPTIONS$__, options || {});
+		        // 移动端模式强制使用 click 触发
+		        if (this._options.isMobile) this._options.trigger = "click";
+		        pickerProvider.add(this);
+		        if (typeof container === "function") this.$container = container();
+		        else this.$container = container;
+		        this.$wrapperContent = document.createElement("div");
+		        this._initContentStyle();
+		        if (typeof this._options.getPopupContainer === "function") {
+		            this._$popupContainer = this._options.getPopupContainer();
+		        } else {
+		            this._$popupContainer = document.body;
+		        }
+		        if ([
+		            "INPUT",
+		            "CANVAS",
+		            "VIDEO",
+		            "IMG"
+		        ].includes((_this__$popupContainer = this._$popupContainer) == null ? void 0 : _this__$popupContainer.tagName)) {
+		            this._$popupContainer = document.body;
+		        }
+		        if (this._$popupContainer !== document.body) this._$popupContainer.style.position = "relative";
+		        (_this__$popupContainer1 = this._$popupContainer) == null ? void 0 : _this__$popupContainer1.appendChild(this.$wrapperContent);
+		        this._onContentClick = this._onContentClick.bind(this);
+		        this._onShow = this._onShow.bind(this);
+		        this._onWrapperShow = this._onWrapperShow.bind(this);
+		        this._onHide = this._onHide.bind(this);
+		        this._onDocumentClick = this._onDocumentClick.bind(this);
+		        this._eventListener();
+		        this.open = !!this._options.open;
+		    }
+		    var _proto = Picker.prototype;
+		    /**
+		   * 设置弹出位置(移动端不生效)
+		   * @param placement - 弹出位置
+		   * @example
+		   * ```ts
+		   * picker.setPlacement("top");
+		   * picker.setPlacement("tl");
+		   * picker.setPlacement("tr");
+		   * picker.setPlacement("bottom");
+		   * picker.setPlacement("bl");
+		   * picker.setPlacement("br");
+		   * ```
+		   */ _proto.setPlacement = function setPlacement(placement) {
+		        if (this._disabled) return;
+		        if (_$PICKER_PLACEMENT$_.includes(placement)) {
+		            this._options.placement = placement;
+		        }
+		        this._setPlacement();
+		    };
+		    /**
+		   * 销毁
+		   * @example
+		   * ```ts
+		   * picker.destroy();
+		   * ```
+		   */ _proto.destroy = function destroy() {
+		        this._animationTimerClear();
+		        this._removeHtml();
+		        pickerProvider.remove(this);
+		    // this._$popupContainer 的 position 样式不会被移除
+		    };
+		    /**
+		   * 设置内容（会覆盖之前内容）
+		   * @param html - html 字符串内容
+		   * @example
+		   * ```ts
+		   * picker.innerHTML('<div>内容</div>');
+		   * ```
+		   */ _proto.innerHTML = function innerHTML(html) {
+		        if (this.$body) {
+		            this.$body.innerHTML = html || "";
+		            this._setPlacement();
+		        }
+		    };
+		    // --------------------------------------------------------------------------
+		    // Private methods
+		    // --------------------------------------------------------------------------
+		    /**
+		   * picker 面板展开或关闭变化时触发
+		   * @param open - true: 展开, false:关闭
+		   */ _proto._onOpenChange = function _onOpenChange(open) {
+		        this._options.onOpenChange == null ? void 0 : this._options.onOpenChange.call(this._options, !!open);
+		    };
+		    /**
+		   * 移除动画定时器
+		   */ _proto._animationTimerClear = function _animationTimerClear() {
+		        if (this._animationTimer) {
+		            clearTimeout(this._animationTimer);
+		            this._animationTimer = null;
+		        }
+		    };
+		    /**
+		   * 移除html
+		   */ _proto._removeHtml = function _removeHtml() {
+		        var // eslint-disable-next-line @typescript-eslint/unbound-method
+		        _this_$wrapperContent, _this_$container_removeEventListener, _this_$container, _this_$container_removeEventListener1, _this_$container1;
+		        (_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_$container1 = this.$container) == null ? void 0 : (_this_$container_removeEventListener1 = _this_$container1.removeEventListener) == null ? void 0 : _this_$container_removeEventListener1.call(_this_$container1, "click", this._onShow);
+		        if (this._options.trigger === "hover") {
+		            var _this_$container_removeEventListener2, _this_$container2, _this_$container_removeEventListener3, _this_$container3, _this_$container_removeEventListener4, _this_$container4, // 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
+		            window.removeEventListener("blur", this._onHide);
+		            // eslint-disable-next-line @typescript-eslint/unbound-method
+		            document.removeEventListener("visibilitychange", this._onHide);
+		            // eslint-disable-next-line @typescript-eslint/unbound-method
+		            window.removeEventListener("resize", this._onHide);
+		            // eslint-disable-next-line @typescript-eslint/unbound-method
+		            document.removeEventListener("click", this._onDocumentClick);
+		        }
+		        if (this._$mask) {
+		            this._$mask.removeEventListener("click", this._onHide);
+		            this._$mask.remove();
+		            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+		            this._$mask = null;
+		        }
+		        if (this._options.isMobile) document.body.classList.remove("" + _$PICKER_PREFIX_CLS$_ + "-body-noscroll");
+		        if (this.$wrapperContent) {
+		            this.$wrapperContent.remove();
+		            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+		            this.$wrapperContent = null;
+		        }
+		    };
+		    /**
+		   * 现实位置
+		   */ _proto._setPlacement = function _setPlacement() {
+		        var _this_$container_getBoundingClientRect, _this_$container;
+		        if (!this._open || this._options.isMobile || !this.$container) return;
+		        var $containerRect = (_this_$container = this.$container) == null ? void 0 : (_this_$container_getBoundingClientRect = _this_$container.getBoundingClientRect) == null ? void 0 : _this_$container_getBoundingClientRect.call(_this_$container);
+		        var $wrapperContentRect = this.$wrapperContent.getBoundingClientRect();
+		        var $popupContainerRect = this._$popupContainer.getBoundingClientRect();
+		        // 容器的坐标 - 挂载的容器的坐标差
+		        // prettier-ignore
+		        var containerLeft = $containerRect.left - $popupContainerRect.left;
+		        var containerRight = -($containerRect.right - $popupContainerRect.right);
+		        // prettier-ignore
+		        var containerTop = $containerRect.y - $popupContainerRect.y;
+		        var left = containerLeft + ($containerRect.width - $wrapperContentRect.width) / 2;
+		        var right;
+		        var top = containerTop - $wrapperContentRect.height;
+		        var bottom = containerTop + $containerRect.height;
+		        if (/^t/.test(this._options.placement)) {
+		            var _this__options_offset, _this__options_offset1, _this__options_offset2;
+		            switch(this._options.placement){
+		                case "top":
+		                    right = undefined;
+		                    break;
+		                case "tl":
+		                    right = undefined;
+		                    left = containerLeft;
+		                    break;
+		                case "tr":
+		                    left = undefined;
+		                    right = containerRight;
+		                    break;
+		            }
+		            this.$wrapperContent.style.cssText += "\n        " + (right !== undefined ? "right: " + (right + (((_this__options_offset = this._options.offset) == null ? void 0 : _this__options_offset[0]) || 0)) + "px;" : "") + "\n        " + (left !== undefined ? "left: " + (left + (((_this__options_offset1 = this._options.offset) == null ? void 0 : _this__options_offset1[0]) || 0)) + "px;" : "") + "\n        top: " + (top + (((_this__options_offset2 = this._options.offset) == null ? void 0 : _this__options_offset2[1]) || 0)) + "px;\n        z-index:" + this._options.zIndex + ";\n      ";
+		        } else if (/^b/.test(this._options.placement)) {
+		            var _this__options_offset3, _this__options_offset4, _this__options_offset5;
+		            switch(this._options.placement){
+		                case "bottom":
+		                    right = undefined;
+		                    break;
+		                case "bl":
+		                    right = undefined;
+		                    left = containerLeft;
+		                    break;
+		                case "br":
+		                    left = undefined;
+		                    right = containerRight;
+		                    break;
+		            }
+		            if (this.$wrapperContent) this.$wrapperContent.style.cssText += "\n          " + (right !== undefined ? "right: " + (right + (((_this__options_offset3 = this._options.offset) == null ? void 0 : _this__options_offset3[0]) || 0)) + "px;" : "") + "\n          " + (left !== undefined ? "left: " + (left + (((_this__options_offset4 = this._options.offset) == null ? void 0 : _this__options_offset4[0]) || 0)) + "px;" : "") + "\n          top: " + (bottom + (((_this__options_offset5 = this._options.offset) == null ? void 0 : _this__options_offset5[1]) || 0)) + "px;\n          z-index:" + this._options.zIndex + ";\n        ";
+		        }
+		    };
+		    /**
+		   * 初始化内容样式
+		   */ _proto._initContentStyle = function _initContentStyle() {
+		        if (!this.$wrapperContent) return;
+		        // prettier-ignore
+		        this.$wrapperContent.classList.add("" + _$PICKER_PREFIX_CLS$_, "" + _$PICKER_PREFIX_CLS$_ + "-wrapper", _$PICKER_PREFIX_CLS$_ + "-" + this._options.placement);
+		        // 提升优先级
+		        this.$wrapperContent.style.display = "none";
+		        if (this._options.isMobile) {
+		            this.$wrapperContent.classList.add("" + _$PICKER_PREFIX_CLS$_ + "-mobile");
+		            this._$mask = document.createElement("div");
+		            this._$mask.classList.add("" + _$PICKER_PREFIX_CLS$_ + "-mask");
+		            this.$wrapperContent.appendChild(this._$mask);
+		        }
+		        this.$body = document.createElement("div");
+		        this.$body.classList.add("" + _$PICKER_PREFIX_CLS$_ + "-body");
+		        this.$wrapperContent.appendChild(this.$body);
+		        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 {
+		                var _this_$wrapperContent_classList;
+		                var _this_$wrapperContent;
+		                (_this_$wrapperContent = this.$wrapperContent) == null ? void 0 : (_this_$wrapperContent_classList = _this_$wrapperContent.classList).add.apply(_this_$wrapperContent_classList, [].concat(this._options.wrapClassName.split(" ")));
+		            } catch (error) {}
+		        }
+		    };
+		    /**
+		   * 绑定事件
+		   */ _proto._eventListener = function _eventListener() {
+		        var _this_$container_addEventListener, _this_$container, _this_$container_addEventListener1, _this_$container1;
+		        // eslint-disable-next-line @typescript-eslint/unbound-method
+		        this.$wrapperContent.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_$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") {
+		            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);
+		        }
+		        if (this._$mask) this._$mask.addEventListener("click", this._onHide);
+		        if (!this._options.isMobile) {
+		            // eslint-disable-next-line @typescript-eslint/unbound-method
+		            window.addEventListener("blur", this._onHide);
+		            // eslint-disable-next-line @typescript-eslint/unbound-method
+		            document.addEventListener("visibilitychange", this._onHide);
+		            // eslint-disable-next-line @typescript-eslint/unbound-method
+		            window.addEventListener("resize", this._onHide);
+		            // eslint-disable-next-line @typescript-eslint/unbound-method
+		            document.addEventListener("click", this._onDocumentClick);
+		        }
+		    };
+		    /**
+		   * $wrapperContent click event
+		   * @param e - 内容点击事件
+		   */ _proto._onContentClick = function _onContentClick(e) {
+		        pickerProvider.closeOther(e);
+		    };
+		    /**
+		   * 显示事件
+		   */ _proto._onShow = function _onShow() {
+		        if (this._disabled) return;
+		        this.open = true;
+		    };
+		    /**
+		   * $wrapperContent 显示事件（输入进入前 为 false 阻止设置为 true）
+		   */ _proto._onWrapperShow = function _onWrapperShow() {
+		        if (this._disabled) return;
+		        this._onShow();
+		    };
+		    /**
+		   * 隐藏事件
+		   */ _proto._onHide = function _onHide(e) {
+		        if (!this._open || this._disabled) return;
+		        if ((e == null ? void 0 : e.target) === this._$mask) e == null ? void 0 : e.stopPropagation();
+		        this.open = false;
+		    };
+		    /**
+		   * document 点击事件
+		   * @param event - 鼠标点击事件
+		   */ _proto._onDocumentClick = function _onDocumentClick(event) {
+		        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();
+		        }
+		    };
+		    _create_class(Picker, [
+		        {
+		            key: "open",
+		            get: /**
+		   * 获取当前打开状态
+		   * @example
+		   * ```ts
+		   * console.log(picker.open); // 获取当前打开状态
+		   * picker.open = true; // 打开
+		   * picker.open = false; // 关闭
+		   * ```
+		   */ function get() {
+		                return this._open;
+		            },
+		            set: function set(open) {
+		                var _this = this;
+		                if (this._disabled) return;
+		                if (this._open !== !!open) {
+		                    this._animationTimerClear();
+		                    if (this._timer) {
+		                        clearTimeout(this._timer);
+		                        this._timer = null;
+		                    }
+		                    if (open) {
+		                        // prettier-ignore
+		                        this._timer = setTimeout(function() {
+		                            if (!_this.$wrapperContent) return;
+		                            _this.$wrapperContent.style.display = "inline-flex";
+		                            _this.$wrapperContent.style.pointerEvents = "";
+		                            // prettier-ignore
+		                            if (_this._options.isMobile) document.body.classList.add("" + _$PICKER_PREFIX_CLS$_ + "-body-noscroll");
+		                            _this._animationTimer = setTimeout(function() {
+		                                _this._animationTimerClear();
+		                                _this.$wrapperContent.style.opacity = "1";
+		                            }, 0);
+		                            requestAnimationFrame(function() {
+		                                _this._setPlacement();
+		                            });
+		                            _this._OpenChange = open;
+		                            _this._onOpenChange(open);
+		                        }, // prettier-ignore
+		                        (this._options.mouseEnterDelay < 0 ? 0 : this._options.mouseEnterDelay) * 1000);
+		                    } else {
+		                        // prettier-ignore
+		                        this._timer = setTimeout(function() {
+		                            if (!_this.$wrapperContent) return;
+		                            _this.$wrapperContent.style.opacity = "0";
+		                            _this.$wrapperContent.style.pointerEvents = "none";
+		                            // prettier-ignore
+		                            if (_this._options.isMobile) document.body.classList.remove("" + _$PICKER_PREFIX_CLS$_ + "-body-noscroll");
+		                            _this._animationTimer = setTimeout(function() {
+		                                _this._animationTimerClear();
+		                                _this.$wrapperContent.style.display = "none";
+		                            }, 301); // css 动画是 300ms
+		                            _this._OpenChange = open;
+		                            _this._onOpenChange(open);
+		                        }, // prettier-ignore
+		                        (this._options.mouseLeaveDelay < 0 ? 0 : this._options.mouseLeaveDelay) * 1000);
+		                    }
+		                    if (this._OpenChange === open) {
+		                        if (this._timer) {
+		                            clearTimeout(this._timer);
+		                            this._timer = null;
+		                        }
+		                    }
+		                    this._open = !!open;
+		                }
+		            }
+		        },
+		        {
+		            key: "disabled",
+		            get: /**
+		   * 获取或设置禁用状态
+		   * @example
+		   * ```ts
+		   * picker.disabled = true; // 禁用
+		   * picker.disabled = false; // 启用
+		   * console.log(picker.disabled); // 获取禁用状态
+		   * ```
+		   */ function get() {
+		                return this._disabled;
+		            },
+		            set: function set(disabled) {
+		                if (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 {
+		                    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;
+		            }
+		        }
+		    ]);
+		    return Picker;
+		}();
+		/**
+		   * 版本号
+		   * @example
+		   * ```ts
+		   * Picker.VERSION; // 输出版本号
+		   * ```
+		   */ Picker.VERSION = "1.1.2";
+
+		dist$6 = Picker;
+		return dist$6;
+	}
+
+	var distExports$5 = requireDist$6();
+	var Picker = /*@__PURE__*/getDefaultExportFromCjs(distExports$5);
 
 	/*
-	* delegate.js v3.2.0
-	* Copyright (c) 2025-07-25
+	* delegate.js v4.0.0
+	* Copyright (c) 2025-11-09
 	* Released under the MIT License.
 	*/
-	const DOCUMENT_NODE_TYPE = 9;
-	/**
-	 * A polyfill for Element.matches()
-	 */ if (typeof Element !== "undefined" && !Element.prototype.matches) {
-	    const proto = Element.prototype;
-	    proto.matches = (proto == null ? void 0 : proto.matchesSelector) || (proto == null ? void 0 : proto.mozMatchesSelector) || (proto == null ? void 0 : proto.msMatchesSelector) || (proto == null ? void 0 : proto.oMatchesSelector) || (proto == null ? void 0 : proto.webkitMatchesSelector);
-	}
-	/**
-	 * Finds the closest parent that matches a selector.
-	 *
-	 * @param {Element} element
-	 * @param {string} selector
-	 * @return {Function}
-	 */ function closest(element, selector) {
-	    while(element && element.nodeType !== DOCUMENT_NODE_TYPE){
-	        if (typeof element.matches === "function" && element.matches(selector)) {
-	            return element;
-	        }
-	        element = element.parentNode;
-	    }
-	}
 
-	/**
-	 * Delegates event to a selector.
-	 *
-	 * @param {Element} element
-	 * @param {String} selector
-	 * @param {String} type
-	 * @param {Function} callback
-	 * @param {Boolean} useCapture
-	 * @return {Object}
-	 */ // prettier-ignore
-	function _delegate(element, selector, type, callback, useCapture) {
-	    // prettier-ignore
-	    const listenerFn = listener.apply(this, arguments);
-	    element.addEventListener(type, listenerFn, useCapture);
-	    return {
-	        destroy: function() {
-	            element.removeEventListener(type, listenerFn, useCapture);
-	        }
-	    };
-	}
-	/**
-	 * Delegates event to a selector.
-	 *
-	 * @param {Element|String|Array} [elements]
-	 * @param {string | Element} selector
-	 * @param {String} type
-	 * @param {Function} callback
-	 * @param {Boolean} useCapture
-	 * @return {Object}
-	 */ // prettier-ignore
-	function delegate(elements, selector, type, callback, useCapture) {
-	    // Handle the regular Element usage
-	    if (typeof elements.addEventListener === "function") {
-	        return _delegate.apply(null, arguments);
-	    }
-	    // Handle Element-less usage, it defaults to global delegation
-	    if (typeof type === "function") {
-	        // Use `document` as the first parameter, then apply arguments
-	        // This is a short way to .unshift `arguments` without running into deoptimizations
-	        return _delegate.bind(null, document).apply(null, arguments);
-	    }
-	    // Handle Selector-based usage
-	    if (typeof elements === "string") {
-	        elements = document.querySelectorAll(elements);
-	    }
-	    // Handle Array-like based usage
-	    return Array.prototype.map.call(elements, function(element) {
-	        return _delegate(element, selector, type, callback, useCapture);
-	    });
-	}
-	/**
-	 * Finds closest match and invokes callback.
-	 *
-	 * @param {Element} element
-	 * @param {String} selector
-	 * @param {String} type
-	 * @param {Function} callback
-	 * @return {Function}
-	 */ // prettier-ignore
-	function listener(element, selector, type, callback) {
-	    return function(e) {
-	        e.delegateTarget = closest(e.target, selector);
-	        if (e.delegateTarget) {
-	            callback.call(element, e);
-	        }
-	    };
+	var dist$5;
+	var hasRequiredDist$5;
+
+	function requireDist$5 () {
+		if (hasRequiredDist$5) return dist$5;
+		hasRequiredDist$5 = 1;
+
+		const DOCUMENT_NODE_TYPE = 9;
+		/**
+		 * A polyfill for Element.matches()
+		 */ if (typeof Element !== "undefined" && !Element.prototype.matches) {
+		    const proto = Element.prototype;
+		    proto.matches = (proto == null ? void 0 : proto.matchesSelector) || (proto == null ? void 0 : proto.mozMatchesSelector) || (proto == null ? void 0 : proto.msMatchesSelector) || (proto == null ? void 0 : proto.oMatchesSelector) || (proto == null ? void 0 : proto.webkitMatchesSelector);
+		}
+		/**
+		 * Finds the closest parent that matches a selector.
+		 *
+		 * @param {Element} element
+		 * @param {string} selector
+		 * @return {Element}
+		 */ function closest(element, selector) {
+		    while(element && element.nodeType !== DOCUMENT_NODE_TYPE){
+		        if (typeof element.matches === "function" && element.matches(selector)) {
+		            return element;
+		        }
+		        element = element.parentNode;
+		    }
+		    return null;
+		}
+		/**
+		 * Finds the closest parent that matches a selector.
+		 *
+		 * @param {Element} element
+		 * @param {string} selector
+		 * @return {Element}
+		 */ function closestNative(element, selector) {
+		    return element && element.closest(selector);
+		}
+		var closest$1 = typeof Element.prototype.closest === "function" ? closestNative : closest;
+
+		/**
+		 * Delegates event to a selector.
+		 *
+		 * @param {Element} element
+		 * @param {string} selector
+		 * @param {string} type
+		 * @param {Function} callback
+		 * @param {boolean} useCapture
+		 * @return {Object}
+		 */ // prettier-ignore
+		function _delegate(element, selector, type, callback, useCapture) {
+		    // prettier-ignore
+		    const listenerFn = listener.apply(this, arguments);
+		    element.addEventListener(type, listenerFn, useCapture);
+		    return {
+		        destroy: function() {
+		            element.removeEventListener(type, listenerFn, useCapture);
+		        }
+		    };
+		}
+		/**
+		 * Delegates event to a selector.
+		 *
+		 * @param {Element|string|Array} [elements]
+		 * @param {string | Element} selector
+		 * @param {string} type
+		 * @param {Function} callback
+		 * @param {boolean} useCapture
+		 * @return {Object}
+		 * @example
+		 * ```ts
+		 * const delegation = delegate(document.body, 'a', 'click', function (e) {})
+		 * // destroy (removeEventListener)
+		 * delegation.destroy();
+		 *
+		 * const delegation1 = delegate(".btn", "click", function (e) { console.log(e.delegateTarget)},false);
+		 * // destroy (removeEventListener)
+		 * delegation1.destroy();
+		 * ```
+		 */ // prettier-ignore
+		function delegate(elements, selector, type, callback, useCapture) {
+		    // Handle the regular Element usage
+		    if (typeof elements.addEventListener === "function") {
+		        return _delegate.apply(null, arguments);
+		    }
+		    // Handle Element-less usage, it defaults to global delegation
+		    if (typeof type === "function") {
+		        // Use `document` as the first parameter, then apply arguments
+		        // This is a short way to .unshift `arguments` without running into deoptimizations
+		        return _delegate.bind(null, document).apply(null, arguments);
+		    }
+		    // Handle Selector-based usage
+		    if (typeof elements === "string") {
+		        elements = document.querySelectorAll(elements);
+		    }
+		    // Handle Array-like based usage
+		    return Array.prototype.map.call(elements, function(element) {
+		        return _delegate(element, selector, type, callback, useCapture);
+		    });
+		}
+		/**
+		 * Finds closest match and invokes callback.
+		 *
+		 * @param {Element} element
+		 * @param {string} selector
+		 * @param {string} type
+		 * @param {Function} callback
+		 * @return {Function}
+		 */ // prettier-ignore
+		function listener(element, selector, type, callback) {
+		    return function(e) {
+		        e.delegateTarget = closest$1(e.target, selector);
+		        if (e.delegateTarget) {
+		            callback.call(element, e);
+		        }
+		    };
+		}
+
+		dist$5 = delegate;
+		return dist$5;
 	}
 
+	var distExports$4 = requireDist$5();
+	var delegate = /*@__PURE__*/getDefaultExportFromCjs(distExports$4);
+
 	var cjs;
 	var hasRequiredCjs;
 
@@ -2210,13 +2311,98 @@
 	var cjsExports = requireCjs();
 	var deepmerge = /*@__PURE__*/getDefaultExportFromCjs(cjsExports);
 
-	/*
-	* @ezuikit/utils-tools v1.1.1-beta.1
-	* tools utils
-	* Copyright (c) 2025-09-01 Ezviz-OpenBiz
-	* Released under the MIT License.
-	*/
-	const getQuery=url=>{const query=url.split("?")[1],obj={};if(query){const vars=query.split("&");for(let i=0;i<vars.length;i++){const pair=vars[i].split("=");obj[pair[0]]=decodeURIComponent(pair[1]);}}return obj};function parseEzopenUrl(url){const obj={};if(/^ezopen:\/\//.test(url)){if(url.includes("@")){const endIndex=url.indexOf("@"),startIndex=url.indexOf("//");obj.validateCode=url.substring(startIndex+2,endIndex),url=url.replace(obj.validateCode+"@","");}obj.protocol=url.split("//")[0],obj.search=url.split("?")[1]?"?"+url.split("?")[1]:"",obj.hostname=url.split("/")[2],obj.origin=obj.protocol+"//"+obj.hostname,obj.pathname=url.split("?")[0].replace(obj.origin,""),obj.href=url;const pathnames=obj.pathname.split("/"),lastPath=pathnames[2].split(".");return obj.deviceSerial=pathnames[1],obj.channelNo=lastPath[0],obj.type=lastPath[lastPath.length-1],"live"===obj.type&&(obj.definition=lastPath.length>2?lastPath[1]:"sd"),"rec"===obj.type&&pathnames[2]&&(obj.recType=pathnames[2].includes(".cloud.")?"cloud":""),obj.searchParams=getQuery(url),obj}return {}}function isMobile$1(agent){var _navigator,_navigator1,_navigator2,_window;return /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone|Opera Mini)/i.test(null==(_navigator=navigator)?void 0:_navigator.userAgent)||/Macintosh/i.test(null==(_navigator1=navigator)?void 0:_navigator1.userAgent)&&(null==(_navigator2=navigator)?void 0:_navigator2.maxTouchPoints)>1||(null==(_window=window)?void 0:_window.__IS_MOBILE_SIMULATOR__)}
+	var dist$4 = {};
+
+	var hasRequiredDist$4;
+
+	function requireDist$4 () {
+		if (hasRequiredDist$4) return dist$4;
+		hasRequiredDist$4 = 1;
+
+		var getQuery = function(url) {
+		    var query = url.split("?")[1], obj = {};
+		    if (query) for (var vars = query.split("&"), i = 0; i < vars.length; i++) {
+		        var pair = vars[i].split("=");
+		        obj[pair[0]] = decodeURIComponent(pair[1]);
+		    }
+		    return obj;
+		};
+
+		function parseEzopenUrl(url) {
+		    var obj = {};
+		    if (/^ezopen:\/\//.test(url)) {
+		        if (url.includes("@")) {
+		            var endIndex = url.indexOf("@"), startIndex = url.indexOf("//");
+		            obj.validateCode = url.substring(startIndex + 2, endIndex), url = url.replace(obj.validateCode + "@", "");
+		        }
+		        obj.protocol = url.split("//")[0], obj.search = url.split("?")[1] ? "?" + url.split("?")[1] : "", 
+		        obj.hostname = url.split("/")[2], obj.origin = obj.protocol + "//" + obj.hostname, 
+		        obj.pathname = url.split("?")[0].replace(obj.origin, ""), obj.href = url;
+		        var pathnames = obj.pathname.split("/"), lastPath = pathnames[2].split(".");
+		        return obj.deviceSerial = pathnames[1], obj.channelNo = lastPath[0], obj.type = lastPath[lastPath.length - 1], 
+		        "live" === obj.type && (obj.definition = lastPath.length > 2 ? lastPath[1] : "sd"), 
+		        "rec" === obj.type && pathnames[2] && (obj.recType = pathnames[2].includes(".cloud.") ? "cloud" : ""), 
+		        obj.searchParams = getQuery(url), obj;
+		    }
+		    return {};
+		}
+
+		var __$codec$__ = {
+		    h264: 1,
+		    h265: 2,
+		    h266: 4,
+		    vp8: 8,
+		    vp9: 16,
+		    av1: 32
+		};
+
+		dist$4.addVc = function(url, codecs) {
+		    void 0 === codecs && (codecs = [ "h264" ]);
+		    var vc = (codecs || [ "h264" ]).reduce(function(acc, key) {
+		        return key = key.toLowerCase(), acc + (__$codec$__[key] || 0);
+		    }, 0), host = url.split("?")[0], query = url.split("?")[1];
+		    return query = (query || "").split("&").filter(function(item) {
+		        return !/^vc=\d?/.test(item);
+		    }).join("&"), host + "?" + (query += (query ? "&" : "") + "vc=" + vc);
+		}, dist$4.getQuery = getQuery, dist$4.getStaticPath = function(path, base) {
+		    void 0 === base && (base = "");
+		    var protocolReg = /^(https?:\/\/|^\/\/)/;
+		    if ("" === path || void 0 === path) return "";
+		    if (protocolReg.test(path)) return path;
+		    path = path.replace(/\/+/g, "/"), base = protocolReg.test(base || "") ? base : window.location.href;
+		    try {
+		        return new URL(path, base).href;
+		    } catch (error) {
+		        return path;
+		    }
+		}, dist$4.isHttp = function(url) {
+		    return /^http[s]?:\/\//.test(url);
+		}, dist$4.isMobile = function(agent) {
+		    var _navigator, _navigator1, _navigator2, _window;
+		    return /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone|Opera Mini)/i.test(null != agent ? agent : null == (_navigator = navigator) ? void 0 : _navigator.userAgent) || /Macintosh/i.test(null == (_navigator1 = navigator) ? void 0 : _navigator1.userAgent) && (null == (_navigator2 = navigator) ? void 0 : _navigator2.maxTouchPoints) > 1 || (null == (_window = window) ? void 0 : _window.__IS_MOBILE_SIMULATOR__);
+		}, dist$4.parseEzopenUrl = parseEzopenUrl, dist$4.pick = function(obj, keys) {
+		    return Object.entries(obj).reduce(function(acc, param) {
+		        var key = param[0], value = param[1];
+		        return keys.includes(key) && (acc[key] = value), acc;
+		    }, {});
+		}, dist$4.switchEzopenUrl = function(url, options) {
+		    var _ref = null != options ? options : {}, type = _ref.type, recType = _ref.recType, search = _ref.search, definition = _ref.definition, channelNo = _ref.channelNo, deviceSerial = _ref.deviceSerial, validateCode = _ref.validateCode, obj = parseEzopenUrl(url);
+		    if (search) {
+		        var ns = Object.assign({}, obj.searchParams, getQuery("?" + search.replace("?", "")));
+		        search = Object.entries(ns).reduce(function(acc, param) {
+		            var key = param[0], value = param[1];
+		            return "" === value ? acc : acc += key + "=" + encodeURIComponent(value) + "&";
+		        }, "?").replace(/&$/, "");
+		    } else search = obj.search;
+		    return type = type || obj.type, recType = null != recType ? recType : obj.recType, 
+		    definition = null != definition ? definition : obj.definition, channelNo = channelNo || obj.channelNo, 
+		    deviceSerial = deviceSerial || obj.deviceSerial, validateCode = null != validateCode ? validateCode : obj.validateCode, 
+		    obj.protocol + "//" + (validateCode ? validateCode + "@" : "") + obj.hostname + "/" + deviceSerial + "/" + channelNo + ("rec" === type && recType ? "." + recType : "") + ("live" === type && "hd" === definition ? "." + definition : "") + "." + type + search;
+		};
+		return dist$4;
+	}
+
+	var distExports$3 = requireDist$4();
 
 	/**
 	 * 节流函数
@@ -2444,7 +2630,7 @@
 	   * ```ts
 	   * Utils.isMobile  // true | false
 	   * ```
-	   */ Utils.isMobile = isMobile$1();
+	   */ Utils.isMobile = distExports$3.isMobile();
 
 	function _defineProperties$7(target, props) {
 	    for(var i = 0; i < props.length; i++){
@@ -2783,8 +2969,8 @@
 	    if (protoProps) _defineProperties$6(Constructor.prototype, protoProps);
 	    return Constructor;
 	}
-	function _extends$n() {
-	    _extends$n = Object.assign || function(target) {
+	function _extends$m() {
+	    _extends$m = Object.assign || function(target) {
 	        for(var i = 1; i < arguments.length; i++){
 	            var source = arguments[i];
 	            for(var key in source){
@@ -2795,7 +2981,7 @@
 	        }
 	        return target;
 	    };
-	    return _extends$n.apply(this, arguments);
+	    return _extends$m.apply(this, arguments);
 	}
 	function _inherits$m(subClass, superClass) {
 	    if (typeof superClass !== "function" && superClass !== null) {
@@ -2834,7 +3020,7 @@
 	        if (options === void 0) options = {};
 	        var _this;
 	        var _this__options_props, _this__options_props1, _this__options_props2, _this__options_props3;
-	        _this = Control.call(this, _extends$n({}, options, {
+	        _this = Control.call(this, _extends$m({}, options, {
 	            tagName: 'span',
 	            classNameSuffix: 'volume',
 	            controlType: 'button'
@@ -3689,8 +3875,8 @@
 	    return Fullscreen;
 	}();
 
-	function _extends$m() {
-	    _extends$m = Object.assign || function(target) {
+	function _extends$l() {
+	    _extends$l = Object.assign || function(target) {
 	        for(var i = 1; i < arguments.length; i++){
 	            var source = arguments[i];
 	            for(var key in source){
@@ -3701,7 +3887,7 @@
 	        }
 	        return target;
 	    };
-	    return _extends$m.apply(this, arguments);
+	    return _extends$l.apply(this, arguments);
 	}
 	function _inherits$l(subClass, superClass) {
 	    if (typeof superClass !== "function" && superClass !== null) {
@@ -3731,7 +3917,7 @@
 	    function Fullscreen(options) {
 	        var _this;
 	        var _options_props, _this_options;
-	        _this = Control.call(this, _extends$m({
+	        _this = Control.call(this, _extends$l({
 	            tagName: 'span',
 	            classNameSuffix: 'fullscreen',
 	            controlType: 'button'
@@ -3796,8 +3982,8 @@
 	    return Fullscreen;
 	}(Control);
 
-	function _extends$l() {
-	    _extends$l = Object.assign || function(target) {
+	function _extends$k() {
+	    _extends$k = Object.assign || function(target) {
 	        for(var i = 1; i < arguments.length; i++){
 	            var source = arguments[i];
 	            for(var key in source){
@@ -3808,7 +3994,7 @@
 	        }
 	        return target;
 	    };
-	    return _extends$l.apply(this, arguments);
+	    return _extends$k.apply(this, arguments);
 	}
 	function _inherits$k(subClass, superClass) {
 	    if (typeof superClass !== "function" && superClass !== null) {
@@ -3838,7 +4024,7 @@
 	    function Rec(options) {
 	        var _this;
 	        var _options_props;
-	        _this = Control.call(this, _extends$l({}, options, {
+	        _this = Control.call(this, _extends$k({}, options, {
 	            tagName: 'div',
 	            controlType: 'block',
 	            classNameSuffix: 'rec'
@@ -3930,27 +4116,187 @@
 	    return Rec;
 	}(Control);
 
-	/*
-	* @ezuikit/utils-i18n v1.1.1
-	* i18n utils
-	* Copyright (c) 2025-08-30 Ezviz-OpenBiz
-	* Released under the MIT License.
-	*/
-	class I18n{t(scope,variables){
-	    const translation=this._translations[this._locale];let value;if(!translation)return "function"==typeof this.options.customizeMissing?this.options.customizeMissing(scope,variables):`[missing "${this._locale}" locale]`;if("string"==typeof scope&&scope.includes(".")&&!(scope in translation)){const[v,hasProp]=this._findChainValue(translation,scope);if(hasProp)value=v;else {if(void 0===(null==variables?void 0:variables.defaultvalue))return "function"==typeof this.options.customizeMissing?this.options.customizeMissing(scope,variables):`[missing "${this._locale}.${scope}" translation]`;value=variables.defaultvalue;}}else if(scope in translation)value=translation[scope];else {if(void 0===(null==variables?void 0:variables.defaultvalue))return "function"==typeof this.options.customizeMissing?this.options.customizeMissing(scope,variables):`[missing "${this._locale}.${scope}" translation]`;value=variables.defaultvalue;}return "string"==typeof value&&variables&&/\{\{\s*(\w+)\s*\}\}/.test(value)?value.replace(/\{\{\s*(\w+)\s*\}\}/g,((_,varName)=>String(variables[varName])||"")):value}get locale(){return this._locale}get translations(){return this._translations}appendTranslations(translations){this._translations=deepmerge(this._translations,translations,{clone:false}),this._locale||(this._locale=Object.keys(this._translations)[0]),this._onChange();}
-	    switchLocale(locale){locale in this._translations&&(this._locale=locale,this._onChange());}
-	    switchTranslation(locale){locale in this._translations&&(this._locale=locale,this._onChange());}
-	    getCurrentLocale(){return this._locale}getCurrentTranslation(){return this._translations[this._locale]}getVersion(){return "1.1.0"}_onChange(){return null==this.options.onChange?void 0:this.options.onChange.call(this.options,this)}_findChainValue(obj,path){const paths=path.split(".");let translation=obj;for(let i=0;i<paths.length;i++){if(!(paths[i]in translation))return [void 0,false];if(translation=translation[paths[i]],i+1===paths.length)return [translation[paths[i]],true]}return [void 0,false]}constructor(translations,options){this._translations={},this._locale=null==options?void 0:options.defaultLocale,translations&&(this._translations=translations,(null==options?void 0:options.defaultLocale)||(this._locale=Object.keys(translations)[0])),this.options=options||{};}}I18n.VERSION="1.1.0";
+	var dist$3 = {exports: {}};
 
-	/*
-	* @ezuikit/utils-logger v1.1.0
-	* logger utils
-	* Copyright (c) 2025-08-29 Ezviz-OpenBiz
-	* Released under the MIT License.
-	*/
-	const LoggerStyle={info:"",log:"background: #4096ff; color: #FFF;",warn:"background: yellow; color: #FFF;",error:"background: red; color: #FFF;"};class LoggerCls{setOptions(options){var _this__options_level;this._options=Object.assign({},this._options,options),this._levelNum=this._matchLevel(null!=(_this__options_level=this._options.level)?_this__options_level:"INFO"),this.info=this._loggerFactory("info",this._levelNum>=3),this.log=this._loggerFactory("log",this._levelNum>=2),this.warn=this._loggerFactory("warn",this._levelNum>=1),this.error=this._loggerFactory("error",this._levelNum>=0);}_matchLevel(level){let logLevel=3;switch(level){case "INFO":logLevel=3;break;case "LOG":logLevel=2;break;case "WARN":logLevel=1;break;case "ERROR":logLevel=0;}return logLevel}_loggerFactory(type,bool){const fn=console[type];if(bool&&fn){const args0=this._options.name?`%c[${this._options.name}]%c %c[${type.toUpperCase()}]`:`%c[${type.toUpperCase()}]`,color=[this._options.name?"background: green;color: #fff":null,this._options.name?"":null,LoggerStyle[type]].filter((color=>null!=color));return fn.bind(console,args0,...color)}return LoggerCls.noop}getOptions(){return this._options}getVersion(){return "1.1.0"}constructor(){let options=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this._options={level:"INFO",showTime:false},this._levelNum=3,this.info=this._loggerFactory("info",this._levelNum>=3),this.log=this._loggerFactory("log",this._levelNum>=2),this.warn=this._loggerFactory("warn",this._levelNum>=1),this.error=this._loggerFactory("error",this._levelNum>=0),this.setOptions(options);}}function fillTen(num){return (num=+num)<10&&(num=`0${num}`),num+""}LoggerCls.noop=()=>{},LoggerCls.VERSION="1.1.0";const list=["info","log","warn","error"];function Logger(options){const logger=new LoggerCls(options);return new Proxy(logger,{get(target,prop){if(list.includes(prop)){var _target__options;if(null==(_target__options=target._options)?void 0:_target__options.showTime){const time=function(){const now=new Date(Date.now()),year=now.getFullYear(),month=now.getMonth()+1,day=now.getDate(),hour=now.getHours(),min=now.getMinutes(),sec=now.getSeconds(),ms=now.getMilliseconds();return `${year}/${fillTen(month)}/${fillTen(day)} ${fillTen(hour)}:${fillTen(min)}:${fillTen(sec)}:${ms}`}();return target[prop].bind(console,`[${time}]`)}return target[prop].bind(console)}return Reflect.get(target,prop)}})}
+	var hasRequiredDist$3;
+
+	function requireDist$3 () {
+		if (hasRequiredDist$3) return dist$3.exports;
+		hasRequiredDist$3 = 1;
+
+		var deepmerge = requireCjs();
+
+		function _create_class(Constructor, protoProps, staticProps) {
+		    return protoProps && function(target, props) {
+		        for (var i = 0; i < props.length; i++) {
+		            var descriptor = props[i];
+		            descriptor.enumerable = descriptor.enumerable || false, descriptor.configurable = true, 
+		            "value" in descriptor && (descriptor.writable = true), Object.defineProperty(target, descriptor.key, descriptor);
+		        }
+		    }(Constructor.prototype, protoProps), Constructor;
+		}
+
+		var I18n = function() {
+		    function I18n(translations, options) {
+		        this._translations = {}, this._locale = null == options ? void 0 : options.defaultLocale, 
+		        translations && (this._translations = translations, (null == options ? void 0 : options.defaultLocale) || (this._locale = Object.keys(translations)[0])), 
+		        this.options = options || {};
+		    }
+		    var _proto = I18n.prototype;
+		    return _proto.t = function(scope, variables) {
+		        var value, translation = this._translations[this._locale];
+		        if (!translation) return "function" == typeof this.options.customizeMissing ? this.options.customizeMissing(scope, variables) : '[missing "' + this._locale + '" locale]';
+		        if ("string" == typeof scope && scope.includes(".") && !(scope in translation)) {
+		            var _this__findChainValue = this._findChainValue(translation, scope), v = _this__findChainValue[0];
+		            if (_this__findChainValue[1]) value = v; else {
+		                if (void 0 === (null == variables ? void 0 : variables.defaultvalue)) return "function" == typeof this.options.customizeMissing ? this.options.customizeMissing(scope, variables) : '[missing "' + this._locale + "." + scope + '" translation]';
+		                value = variables.defaultvalue;
+		            }
+		        } else if (scope in translation) value = translation[scope]; else {
+		            if (void 0 === (null == variables ? void 0 : variables.defaultvalue)) return "function" == typeof this.options.customizeMissing ? this.options.customizeMissing(scope, variables) : '[missing "' + this._locale + "." + scope + '" translation]';
+		            value = variables.defaultvalue;
+		        }
+		        return "string" == typeof value && variables && /\{\{\s*(\w+)\s*\}\}/.test(value) ? value.replace(/\{\{\s*(\w+)\s*\}\}/g, function(_, varName) {
+		            return String(variables[varName]) || "";
+		        }) : value;
+		    }, _proto.appendTranslations = function(translations) {
+		        this._translations = deepmerge(this._translations, translations, {
+		            clone: false
+		        }), this._locale || (this._locale = Object.keys(this._translations)[0]), this._onChange();
+		    }, _proto.switchLocale = function(locale) {
+		        locale in this._translations && (this._locale = locale, this._onChange());
+		    }, _proto.switchTranslation = function(locale) {
+		        this.switchLocale(locale);
+		    }, _proto.getCurrentLocale = function() {
+		        return this._locale;
+		    }, _proto.getCurrentTranslation = function() {
+		        return this._translations[this._locale];
+		    }, _proto.getVersion = function() {
+		        return "2.0.0-beta.4";
+		    }, _proto._onChange = function() {
+		        return null == this.options.onChange ? void 0 : this.options.onChange.call(this.options, this);
+		    }, _proto._findChainValue = function(obj, path) {
+		        for (var paths = path.split("."), translation = obj, i = 0; i < paths.length; i++) {
+		            if (!(paths[i] in translation)) return [ void 0, false ];
+		            if (translation = translation[paths[i]], i + 1 === paths.length) return [ translation[paths[i]], true ];
+		        }
+		        return [ void 0, false ];
+		    }, _create_class(I18n, [ {
+		        key: "locale",
+		        get: function() {
+		            return this._locale;
+		        }
+		    }, {
+		        key: "translations",
+		        get: function() {
+		            return this._translations;
+		        }
+		    } ]), I18n;
+		}();
+
+		I18n.VERSION = "2.0.0-beta.4", dist$3.exports = I18n;
+		return dist$3.exports;
+	}
+
+	var distExports$2 = requireDist$3();
+	var I18n = /*@__PURE__*/getDefaultExportFromCjs(distExports$2);
+
+	var dist$2;
+	var hasRequiredDist$2;
+
+	function requireDist$2 () {
+		if (hasRequiredDist$2) return dist$2;
+		hasRequiredDist$2 = 1;
+
+		var _$LoggerStyle$_ = {
+		    info: "",
+		    log: "background: #4096ff; color: #FFF;",
+		    warn: "background: yellow; color: #FFF;",
+		    error: "background: red; color: #FFF;"
+		}, LoggerCls = function() {
+		    function LoggerCls(options) {
+		        void 0 === options && (options = {}), this._options = {
+		            level: "INFO",
+		            showTime: false
+		        }, this._levelNum = 3, this.info = this._loggerFactory("info", this._levelNum >= 3), 
+		        this.log = this._loggerFactory("log", this._levelNum >= 2), this.warn = this._loggerFactory("warn", this._levelNum >= 1), 
+		        this.error = this._loggerFactory("error", this._levelNum >= 0), this.setOptions(options);
+		    }
+		    var _proto = LoggerCls.prototype;
+		    return _proto.setOptions = function(options) {
+		        var _this__options_level;
+		        this._options = Object.assign({}, this._options, options), this._levelNum = this._matchLevel(null != (_this__options_level = this._options.level) ? _this__options_level : "INFO"), 
+		        this.info = this._loggerFactory("info", this._levelNum >= 3), this.log = this._loggerFactory("log", this._levelNum >= 2), 
+		        this.warn = this._loggerFactory("warn", this._levelNum >= 1), this.error = this._loggerFactory("error", this._levelNum >= 0);
+		    }, _proto._matchLevel = function(level) {
+		        var logLevel = 3;
+		        switch (level) {
+		          case "INFO":
+		            logLevel = 3;
+		            break;
+
+		          case "LOG":
+		            logLevel = 2;
+		            break;
+
+		          case "WARN":
+		            logLevel = 1;
+		            break;
+
+		          case "ERROR":
+		            logLevel = 0;
+		        }
+		        return logLevel;
+		    }, _proto._loggerFactory = function(type, bool) {
+		        var fn = console[type];
+		        if (bool && fn) {
+		            var _fn, args0 = this._options.name ? "%c[" + this._options.name + "]%c %c[" + type.toUpperCase() + "]" : "%c[" + type.toUpperCase() + "]", color = [ this._options.name ? "background: green;color: #fff" : null, this._options.name ? "" : null, _$LoggerStyle$_[type] ].filter(function(color) {
+		                return null != color;
+		            });
+		            return (_fn = fn).bind.apply(_fn, [].concat([ console, args0 ], color));
+		        }
+		        return LoggerCls.noop;
+		    }, _proto.getOptions = function() {
+		        return this._options;
+		    }, _proto.getVersion = function() {
+		        return "2.0.0-beta.1";
+		    }, LoggerCls;
+		}();
+
+		function __fillTen__(num) {
+		    return (num = +num) < 10 && (num = "0" + num), num + "";
+		}
+
+		LoggerCls.noop = function() {}, LoggerCls.VERSION = "2.0.0-beta.1";
+
+		var __$list$__ = [ "info", "log", "warn", "error" ];
+
+		dist$2 = function(options) {
+		    var logger = new LoggerCls(options);
+		    return new Proxy(logger, {
+		        get: function(target, prop) {
+		            if (__$list$__.includes(prop)) {
+		                var _target__options;
+		                if (null == (_target__options = target._options) ? void 0 : _target__options.showTime) {
+		                    var time = (now = new Date(Date.now()), year = now.getFullYear(), month = now.getMonth() + 1, 
+		                    day = now.getDate(), hour = now.getHours(), min = now.getMinutes(), sec = now.getSeconds(), 
+		                    ms = now.getMilliseconds(), year + "/" + __fillTen__(month) + "/" + __fillTen__(day) + " " + __fillTen__(hour) + ":" + __fillTen__(min) + ":" + __fillTen__(sec) + ":" + ms);
+		                    return target[prop].bind(console, "[" + time + "]");
+		                }
+		                return target[prop].bind(console);
+		            }
+		            var now, year, month, day, hour, min, sec, ms;
+		            return Reflect.get(target, prop);
+		        }
+		    });
+		};
+		return dist$2;
+	}
+
+	var distExports$1 = requireDist$2();
+	var Logger = /*@__PURE__*/getDefaultExportFromCjs(distExports$1);
 
-	var zh$1 = {
+	var zh = {
 	    391001: '取流地址或端口非法',
 	    395000: '服务内部异常，请稍后重试',
 	    395400: '预览取流参数异常',
@@ -4220,7 +4566,7 @@
 	};
 
 	// 不要出现多层的的数据, 数据铺平
-	var en$1 = {
+	var en = {
 	    391001: 'Illegal streaming address or port',
 	    395000: 'Internal service exception, please try again later',
 	    395400: 'Preview streaming parameter exception',
@@ -5050,22 +5396,86 @@
 	    _inherits$j(Content, EventEmitter);
 	    function Content(options) {
 	        var _this;
-	        _this = EventEmitter.call(this) || this;
+	        _this = EventEmitter.call(this) || this, _this._scaleMode = 0, _this._originWidth = 0, _this._originHeight = 0;
 	        _this.options = options;
+	        _this._scaleMode = options.scaleMode || 0;
 	        _this.$wrapper = document.createElement('div');
 	        _this.$wrapper.className = "" + PREFIX_CLASS + "-content-wrapper";
 	        _this.$content = document.createElement('div');
 	        _this.$content.className = "" + PREFIX_CLASS + "-content";
+	        _this.$video = document.createElement('div');
+	        _this.$video.className = "" + PREFIX_CLASS + "-content-video";
+	        _this.$content.appendChild(_this.$video);
 	        _this.$wrapper.appendChild(_this.$content);
 	        if (typeof options.getContainer === 'function') {
 	            var $popupContainer = options.getContainer();
 	            $popupContainer.appendChild(_this.$wrapper);
 	        }
+	        _this.on(EVENTS.videoInfo, function(originWidth, originHeight) {
+	            _this._rerender(originWidth, originHeight);
+	        });
+	        _this.on(EVENTS.resize, function() {
+	            _this._rerender();
+	        });
 	        return _this;
 	    }
 	    var _proto = Content.prototype;
+	    /**
+	   * 重新画面区域
+	   * @param {number} originWidth 画面宽度
+	   * @param {number} originHeight 画面高度
+	   * @returns {void}
+	   */ _proto._rerender = function _rerender(originWidth, originHeight) {
+	        if (originWidth === void 0) originWidth = 0;
+	        if (originHeight === void 0) originHeight = 0;
+	        var width = this.$wrapper.clientWidth;
+	        var height = this.$wrapper.clientHeight;
+	        if (originWidth > 0 && originHeight > 0) {
+	            this._originWidth = originWidth;
+	            this._originHeight = originHeight;
+	        }
+	        // 默认是1
+	        // 视频画面做等比缩放后,高或宽对齐canvas区域,画面不被拉伸,但有黑边
+	        var objectFill = 'contain';
+	        // 视频画面完全填充canvas区域,画面会被拉伸
+	        if (this._scaleMode === THEME_SCALE_MODE_TYPE.full) {
+	            objectFill = 'fill';
+	        }
+	        // 视频画面做等比缩放后,完全填充canvas区域,画面不被拉伸,没有黑边,但画面显示不全
+	        if (this._scaleMode === THEME_SCALE_MODE_TYPE.fullAuto) {
+	            objectFill = 'cover';
+	        }
+	        if (width > 0 && height > 0 && this._originWidth > 0 && this._originHeight > 0 && this.$video) {
+	            var left = (width - this._originWidth) / 2;
+	            var top = (height - this._originHeight) / 2;
+	            var wScale = width / this._originWidth;
+	            var hScale = height / this._originHeight;
+	            var scale = wScale > hScale ? hScale : wScale;
+	            //
+	            if (!(this._scaleMode === THEME_SCALE_MODE_TYPE.auto)) {
+	                if (wScale !== hScale) {
+	                    scale = wScale + ',' + hScale;
+	                }
+	            }
+	            //
+	            if (this._scaleMode === THEME_SCALE_MODE_TYPE.fullAuto) {
+	                scale = wScale > hScale ? wScale : hScale;
+	            }
+	            this.$video.style.cssText += "\n        width: " + this._originWidth + "px;\n        height: " + this._originHeight + "px;\n        position: absolute;\n        object-fit:" + objectFill + ";\n        left: " + left + "px;\n        top: " + top + "px;\n        transform-origin: 50% 50%;\n        transform: scale(" + scale + ");\n      ";
+	        }
+	    };
+	    _proto.setScaleMode = function setScaleMode(scaleMode) {
+	        if (scaleMode === void 0) scaleMode = 0;
+	        this._scaleMode = scaleMode;
+	        this._rerender();
+	    };
 	    _proto.destroy = function destroy() {
 	        var _this_$wrapper;
+	        if (this.$video) {
+	            this.$video.remove();
+	            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+	            this.$video = null;
+	        }
 	        if (this.$content) {
 	            this.$content.remove();
 	            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
@@ -5080,8 +5490,8 @@
 	    return Content;
 	}(EventEmitter);
 
-	function _extends$k() {
-	    _extends$k = Object.assign || function(target) {
+	function _extends$j() {
+	    _extends$j = Object.assign || function(target) {
 	        for(var i = 1; i < arguments.length; i++){
 	            var source = arguments[i];
 	            for(var key in source){
@@ -5092,7 +5502,7 @@
 	        }
 	        return target;
 	    };
-	    return _extends$k.apply(this, arguments);
+	    return _extends$j.apply(this, arguments);
 	}
 	function _inherits$i(subClass, superClass) {
 	    if (typeof superClass !== "function" && superClass !== null) {
@@ -5121,7 +5531,7 @@
 	    _inherits$i(More, Control);
 	    function More(options) {
 	        var _this;
-	        _this = Control.call(this, _extends$k({}, options, {
+	        _this = Control.call(this, _extends$j({}, options, {
 	            tagName: 'span',
 	            controlType: 'button',
 	            classNameSuffix: 'more'
@@ -5267,6 +5677,17 @@
 	        }
 	    });
 	    theme == null ? void 0 : theme.on(EVENTS.videoInfo, function(info) {
+	        // 排除流信息回调触发的事件
+	        if (!!info && info.from !== "setStreamInfoCallBack") {
+	            var // rerender 画面
+	            _theme_contentControl_emit, _theme_contentControl;
+	            (_theme_contentControl = theme.contentControl) == null ? void 0 : (_theme_contentControl_emit = _theme_contentControl.emit) == null ? void 0 : _theme_contentControl_emit.call(_theme_contentControl, EVENTS.videoInfo, info.width, info.height);
+	        }
+	    });
+	    theme == null ? void 0 : theme.on(EVENTS.resize, function() {
+	        var // rerender 画面
+	        _theme_contentControl_emit, _theme_contentControl;
+	        (_theme_contentControl = theme.contentControl) == null ? void 0 : (_theme_contentControl_emit = _theme_contentControl.emit) == null ? void 0 : _theme_contentControl_emit.call(_theme_contentControl, EVENTS.resize);
 	    });
 	    theme == null ? void 0 : theme.on('getDeviceInfo', function(info) {
 	    });
@@ -5581,6 +6002,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);
 	        });
@@ -5655,12 +6084,12 @@
 	 * @returns {void}
 	 */ function _resize(theme, width, height) {
 	    var cssText = '';
-	    if (/\d/.test(width + '')) {
+	    if (/^\d+(\.\d+)?$/.test(width + '')) {
 	        cssText += "width: " + width + "px;";
 	    } else if (width) {
 	        cssText += "width: " + width + ";";
 	    }
-	    if (/\d/.test(height + '')) {
+	    if (/^\d+(\.\d+)?$/.test(height + '')) {
 	        cssText += "height: " + height + "px;";
 	    } else if (height) {
 	        cssText += "height: " + height + ";";
@@ -5681,8 +6110,8 @@
 	    if (protoProps) _defineProperties$5(Constructor.prototype, protoProps);
 	    return Constructor;
 	}
-	function _extends$j() {
-	    _extends$j = Object.assign || function(target) {
+	function _extends$i() {
+	    _extends$i = Object.assign || function(target) {
 	        for(var i = 1; i < arguments.length; i++){
 	            var source = arguments[i];
 	            for(var key in source){
@@ -5693,7 +6122,7 @@
 	        }
 	        return target;
 	    };
-	    return _extends$j.apply(this, arguments);
+	    return _extends$i.apply(this, arguments);
 	}
 	function _inherits$h(subClass, superClass) {
 	    if (typeof superClass !== "function" && superClass !== null) {
@@ -5726,7 +6155,7 @@
 	    _inherits$h(Zoom, Control);
 	    function Zoom(options) {
 	        var _this;
-	        _this = Control.call(this, _extends$j({}, options, {
+	        _this = Control.call(this, _extends$i({}, options, {
 	            tagName: 'span',
 	            controlType: 'button',
 	            classNameSuffix: 'zoom'
@@ -5856,7 +6285,7 @@
 
 	/*
 	* @ezuikit/control-zoom v0.0.2
-	* Copyright (c) 2025-09-21 Ezviz-OpenBiz
+	* Copyright (c) 2025-11-11 Ezviz-OpenBiz
 	* Released under the MIT License.
 	*/
 	/**
@@ -6531,8 +6960,8 @@
 	}
 	Zoom.VERSION = '0.0.2';
 
-	function _extends$i() {
-	    _extends$i = Object.assign || function(target) {
+	function _extends$h() {
+	    _extends$h = Object.assign || function(target) {
 	        for(var i = 1; i < arguments.length; i++){
 	            var source = arguments[i];
 	            for(var key in source){
@@ -6543,10 +6972,10 @@
 	        }
 	        return target;
 	    };
-	    return _extends$i.apply(this, arguments);
+	    return _extends$h.apply(this, arguments);
 	}
 	function __zoom(theme, container, options) {
-	    theme.zoomUtil = new Zoom(container, _extends$i({}, options || {}, {
+	    theme.zoomUtil = new Zoom(container, _extends$h({}, options || {}, {
 	        min: 1,
 	        onChange: function(zoom, reset) {
 	            if (zoom !== theme._zoom) {
@@ -6771,8 +7200,8 @@
 	        });
 	    };
 	}
-	function _extends$h() {
-	    _extends$h = Object.assign || function(target) {
+	function _extends$g() {
+	    _extends$g = Object.assign || function(target) {
 	        for(var i = 1; i < arguments.length; i++){
 	            var source = arguments[i];
 	            for(var key in source){
@@ -6783,7 +7212,7 @@
 	        }
 	        return target;
 	    };
-	    return _extends$h.apply(this, arguments);
+	    return _extends$g.apply(this, arguments);
 	}
 	function _ts_generator$3(thisArg, body) {
 	    var f, y, t, _ = {
@@ -6911,7 +7340,7 @@
 	        }
 	        if (item.isrender === 1 && REC_GROUP.includes(item.iconId)) {
 	            // TODO: 因为回放是一组， 位置以第一个位置为准
-	            recControls.push(recControls[0] ? _extends$h({}, item, {
+	            recControls.push(recControls[0] ? _extends$g({}, item, {
 	                part: recControls[0].part
 	            }) : item);
 	            return false;
@@ -6934,7 +7363,7 @@
 	        }
 	        if (item.isrender === 1 && REC_GROUP.includes(item.iconId)) {
 	            // TODO: 因为回放是一组， 位置以第一个位置为准
-	            recControls.push(recControls[0] ? _extends$h({}, item, {
+	            recControls.push(recControls[0] ? _extends$g({}, item, {
 	                part: recControls[0].part
 	            }) : item);
 	            return false;
@@ -7189,8 +7618,8 @@
 	    return Component;
 	}();
 
-	function _extends$g() {
-	    _extends$g = Object.assign || function(target) {
+	function _extends$f() {
+	    _extends$f = Object.assign || function(target) {
 	        for(var i = 1; i < arguments.length; i++){
 	            var source = arguments[i];
 	            for(var key in source){
@@ -7201,7 +7630,7 @@
 	        }
 	        return target;
 	    };
-	    return _extends$g.apply(this, arguments);
+	    return _extends$f.apply(this, arguments);
 	}
 	function _inherits$g(subClass, superClass) {
 	    if (typeof superClass !== "function" && superClass !== null) {
@@ -7227,15 +7656,15 @@
 	    _inherits$g(Footer, Component);
 	    function Footer(options) {
 	        if (options === void 0) options = {};
-	        return Component.call(this, _extends$g({}, options, {
+	        return Component.call(this, _extends$f({}, options, {
 	            cType: 'footer'
 	        })) || this;
 	    }
 	    return Footer;
 	}(Component);
 
-	function _extends$f() {
-	    _extends$f = Object.assign || function(target) {
+	function _extends$e() {
+	    _extends$e = Object.assign || function(target) {
 	        for(var i = 1; i < arguments.length; i++){
 	            var source = arguments[i];
 	            for(var key in source){
@@ -7246,7 +7675,7 @@
 	        }
 	        return target;
 	    };
-	    return _extends$f.apply(this, arguments);
+	    return _extends$e.apply(this, arguments);
 	}
 	function _inherits$f(subClass, superClass) {
 	    if (typeof superClass !== "function" && superClass !== null) {
@@ -7272,7 +7701,7 @@
 	    _inherits$f(Header, Component);
 	    function Header(options) {
 	        if (options === void 0) options = {};
-	        return Component.call(this, _extends$f({}, options, {
+	        return Component.call(this, _extends$e({}, options, {
 	            cType: 'header'
 	        })) || this;
 	    }
@@ -7438,8 +7867,8 @@
 	    };
 	}
 
-	function _extends$e() {
-	    _extends$e = Object.assign || function(target) {
+	function _extends$d() {
+	    _extends$d = Object.assign || function(target) {
 	        for(var i = 1; i < arguments.length; i++){
 	            var source = arguments[i];
 	            for(var key in source){
@@ -7450,7 +7879,7 @@
 	        }
 	        return target;
 	    };
-	    return _extends$e.apply(this, arguments);
+	    return _extends$d.apply(this, arguments);
 	}
 	function _inherits$e(subClass, superClass) {
 	    if (typeof superClass !== "function" && superClass !== null) {
@@ -7479,7 +7908,7 @@
 	 */ var GlobalFullscreen = /*#__PURE__*/ function(Fullscreen) {
 	    _inherits$e(GlobalFullscreen, Fullscreen);
 	    function GlobalFullscreen(options) {
-	        return Fullscreen.call(this, _extends$e({}, options, {
+	        return Fullscreen.call(this, _extends$d({}, options, {
 	            controlType: 'button',
 	            classNameSuffix: 'global-fullscreen'
 	        })) || this;
@@ -7510,8 +7939,8 @@
 	    return GlobalFullscreen;
 	}(Fullscreen);
 
-	function _extends$d() {
-	    _extends$d = Object.assign || function(target) {
+	function _extends$c() {
+	    _extends$c = Object.assign || function(target) {
 	        for(var i = 1; i < arguments.length; i++){
 	            var source = arguments[i];
 	            for(var key in source){
@@ -7522,7 +7951,7 @@
 	        }
 	        return target;
 	    };
-	    return _extends$d.apply(this, arguments);
+	    return _extends$c.apply(this, arguments);
 	}
 	function _inherits$d(subClass, superClass) {
 	    if (typeof superClass !== "function" && superClass !== null) {
@@ -7551,7 +7980,7 @@
 	    _inherits$d(CapturePicture, Control);
 	    function CapturePicture(options) {
 	        var _this;
-	        _this = Control.call(this, _extends$d({}, options, {
+	        _this = Control.call(this, _extends$c({}, options, {
 	            tagName: 'span',
 	            classNameSuffix: 'capture-picture'
 	        })) || this, _this._timer = null;
@@ -7604,17 +8033,9 @@
 	    return CapturePicture;
 	}(Control);
 
-	/*
-	* @ezuikit/utils-tools v1.1.0
-	* tools utils
-	* Copyright (c) 2025-08-29 Ezviz-OpenBiz
-	* Released under the MIT License.
-	*/
-	function isMobile(agent){var _navigator,_navigator1,_navigator2;return /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone|Opera Mini)/i.test(null==(_navigator=navigator)?void 0:_navigator.userAgent)||/Macintosh/i.test(null==(_navigator1=navigator)?void 0:_navigator1.userAgent)&&(null==(_navigator2=navigator)?void 0:_navigator2.maxTouchPoints)>1}
-
 	/*
 	* @ezuikit/control-ptz v0.0.1
-	* Copyright (c) 2025-09-21 Ezviz-OpenBiz
+	* Copyright (c) 2025-11-11 Ezviz-OpenBiz
 	* Released under the MIT License.
 	*/
 
@@ -7783,11 +8204,11 @@
 	                $icons[0].className = $icons[0].className.replace(`${PTZ_MOBILE_PREFIX}-default`, `${PTZ_MOBILE_PREFIX}-active`);
 	            }
 	        }
-	        $warp.style.cssText = `background-image:linear-gradient(${direction === 0 ? 180 : direction === 1 ? 0 : direction === 2 ? 90 : 270}deg, #c0ddf1 0%, rgba(100,143,252,0.00) 50%)`;
+	        $warp.style = `background-image:linear-gradient(${direction === 0 ? 180 : direction === 1 ? 0 : direction === 2 ? 90 : 270}deg, #c0ddf1 0%, rgba(100,143,252,0.00) 50%)`;
 	        if (type === 'stop') {
 	            var _this_options_env1;
 	            url = ((_this_options_env1 = this.options.env) == null ? void 0 : _this_options_env1.domain) + '/api/lapp/device/ptz/stop';
-	            $warp.style.cssText = '';
+	            $warp.style = '';
 	            $icons[3].className = $icons[3].className.replace(`${PTZ_MOBILE_PREFIX}-active`, `${PTZ_MOBILE_PREFIX}-default`);
 	            $icons[1].className = $icons[1].className.replace(`${PTZ_MOBILE_PREFIX}-active`, `${PTZ_MOBILE_PREFIX}-default`);
 	            $icons[2].className = $icons[2].className.replace(`${PTZ_MOBILE_PREFIX}-active`, `${PTZ_MOBILE_PREFIX}-default`);
@@ -7831,14 +8252,11 @@
 	                    60003,
 	                    60004
 	                ].includes(+rt.code)) {
-	                    $warp.style.cssText = `background-image:linear-gradient(${direction === 0 ? 180 : direction === 1 ? 0 : direction === 2 ? 90 : 270}deg, #f45656 0%, rgba(100,143,252,0.00) 50%)`;
+	                    $warp.style = `background-image:linear-gradient(${direction === 0 ? 180 : direction === 1 ? 0 : direction === 2 ? 90 : 270}deg, #f45656 0%, rgba(100,143,252,0.00) 50%)`;
 	                }
 	            }
 	            operationResultCb == null ? void 0 : operationResultCb(rt);
 	        }).catch((err)=>{
-	        }).finally(()=>{
-	            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-	            operationResultCb = null;
 	        });
 	    }
 	    constructor(container, options){
@@ -8154,7 +8572,7 @@
 	        }
 	    }
 	    constructor(container, options = {}){
-	        super(container, options), this._isMobile = isMobile(), this._isRotate = false, this._clearTimer = null;
+	        super(container, options), this._isMobile = distExports$3.isMobile(), this._isRotate = false, this._clearTimer = null;
 	        this._$wrapper = document.createElement('div');
 	        this._$wrapper.className = PTZ_PREFIX + '-container-wrap';
 	        this._$directionCircleContainer = document.createElement('div');
@@ -8390,8 +8808,8 @@
 	    if (protoProps) _defineProperties$4(Constructor.prototype, protoProps);
 	    return Constructor;
 	}
-	function _extends$c() {
-	    _extends$c = Object.assign || function(target) {
+	function _extends$b() {
+	    _extends$b = Object.assign || function(target) {
 	        for(var i = 1; i < arguments.length; i++){
 	            var source = arguments[i];
 	            for(var key in source){
@@ -8402,7 +8820,7 @@
 	        }
 	        return target;
 	    };
-	    return _extends$c.apply(this, arguments);
+	    return _extends$b.apply(this, arguments);
 	}
 	function _inherits$c(subClass, superClass) {
 	    if (typeof superClass !== "function" && superClass !== null) {
@@ -8431,7 +8849,7 @@
 	    _inherits$c(Ptz, Control);
 	    function Ptz(options) {
 	        var _this;
-	        _this = Control.call(this, _extends$c({}, options, {
+	        _this = Control.call(this, _extends$b({}, options, {
 	            tagName: 'span',
 	            controlType: 'button',
 	            classNameSuffix: 'ptz'
@@ -8474,7 +8892,7 @@
 	            this.$turntable.classList.add("" + PREFIX_CLASS + "-ptz-turntable");
 	            this.$panel.appendChild(this.$turntable);
 	            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-	            this._ptzControl = new Ptz$1(this.$turntable, _extends$c({}, this._options, {
+	            this._ptzControl = new Ptz$1(this.$turntable, _extends$b({}, this._options, {
 	                onSpeedChange: this._onSpeedChange.bind(this),
 	                onDirection: this._onDirection.bind(this)
 	            }));
@@ -8483,7 +8901,7 @@
 	    };
 	    _proto.renderMobileExtend = function renderMobileExtend($container) {
 	        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-	        if (!this._ptzControl1) this._ptzControl1 = new MobilePtz($container, _extends$c({}, this._options, {
+	        if (!this._ptzControl1) this._ptzControl1 = new MobilePtz($container, _extends$b({}, this._options, {
 	            onSpeedChange: this._onSpeedChange.bind(this),
 	            onDirection: this._onDirection.bind(this)
 	        }));
@@ -8586,8 +9004,8 @@
 	    if (protoProps) _defineProperties$3(Constructor.prototype, protoProps);
 	    return Constructor;
 	}
-	function _extends$b() {
-	    _extends$b = Object.assign || function(target) {
+	function _extends$a() {
+	    _extends$a = Object.assign || function(target) {
 	        for(var i = 1; i < arguments.length; i++){
 	            var source = arguments[i];
 	            for(var key in source){
@@ -8598,7 +9016,7 @@
 	        }
 	        return target;
 	    };
-	    return _extends$b.apply(this, arguments);
+	    return _extends$a.apply(this, arguments);
 	}
 	function _inherits$b(subClass, superClass) {
 	    if (typeof superClass !== "function" && superClass !== null) {
@@ -8635,7 +9053,7 @@
 	    _inherits$b(Record, Control);
 	    function Record(options) {
 	        var _this;
-	        _this = Control.call(this, _extends$b({}, options, {
+	        _this = Control.call(this, _extends$a({}, options, {
 	            tagName: 'span',
 	            controlType: 'button',
 	            classNameSuffix: 'record'
@@ -8776,8 +9194,8 @@
 	    if (protoProps) _defineProperties$2(Constructor.prototype, protoProps);
 	    return Constructor;
 	}
-	function _extends$a() {
-	    _extends$a = Object.assign || function(target) {
+	function _extends$9() {
+	    _extends$9 = Object.assign || function(target) {
 	        for(var i = 1; i < arguments.length; i++){
 	            var source = arguments[i];
 	            for(var key in source){
@@ -8788,7 +9206,7 @@
 	        }
 	        return target;
 	    };
-	    return _extends$a.apply(this, arguments);
+	    return _extends$9.apply(this, arguments);
 	}
 	function _inherits$a(subClass, superClass) {
 	    if (typeof superClass !== "function" && superClass !== null) {
@@ -8913,7 +9331,7 @@
 	    _inherits$a(Talk, Control);
 	    function Talk(options) {
 	        var _this;
-	        _this = Control.call(this, _extends$a({}, options, {
+	        _this = Control.call(this, _extends$9({}, options, {
 	            tagName: 'span',
 	            controlType: 'button',
 	            classNameSuffix: 'talk'
@@ -9030,8 +9448,8 @@
 	    if (protoProps) _defineProperties$1(Constructor.prototype, protoProps);
 	    return Constructor;
 	}
-	function _extends$9() {
-	    _extends$9 = Object.assign || function(target) {
+	function _extends$8() {
+	    _extends$8 = Object.assign || function(target) {
 	        for(var i = 1; i < arguments.length; i++){
 	            var source = arguments[i];
 	            for(var key in source){
@@ -9042,7 +9460,7 @@
 	        }
 	        return target;
 	    };
-	    return _extends$9.apply(this, arguments);
+	    return _extends$8.apply(this, arguments);
 	}
 	function _inherits$9(subClass, superClass) {
 	    if (typeof superClass !== "function" && superClass !== null) {
@@ -9128,7 +9546,7 @@
 	    function Select(options) {
 	        var _this;
 	        var _this__options_fieldNames, _this__picker_$body;
-	        _this = Control.call(this, _extends$9({
+	        _this = Control.call(this, _extends$8({
 	            tagName: 'span',
 	            type: 'button',
 	            controlType: 'button'
@@ -9326,8 +9744,8 @@
 	    }
 	    return self;
 	}
-	function _extends$8() {
-	    _extends$8 = Object.assign || function(target) {
+	function _extends$7() {
+	    _extends$7 = Object.assign || function(target) {
 	        for(var i = 1; i < arguments.length; i++){
 	            var source = arguments[i];
 	            for(var key in source){
@@ -9338,7 +9756,7 @@
 	        }
 	        return target;
 	    };
-	    return _extends$8.apply(this, arguments);
+	    return _extends$7.apply(this, arguments);
 	}
 	function _inherits$8(subClass, superClass) {
 	    if (typeof superClass !== "function" && superClass !== null) {
@@ -9413,7 +9831,7 @@
 	        if (options === void 0) options = {};
 	        var _this;
 	        var _options_props, _options_props1, _options_locales_options_language;
-	        _this = Select.call(this, _extends$8({}, DEFINITION_DEFAULT_OPTIONS, {
+	        _this = Select.call(this, _extends$7({}, DEFINITION_DEFAULT_OPTIONS, {
 	            value: (_options_props = options.props) == null ? void 0 : _options_props.videoLevel
 	        }, options, {
 	            fieldNames: {
@@ -9425,14 +9843,16 @@
 	            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 realIitem = list.find(function(it) {
+	                    var realItem = 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) + "(" + ((realIitem == null ? void 0 : realIitem.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) + "(" + ((realItem == null ? void 0 : realItem.name) || '') + ")</span>";
 	                }
-	                return "<span>" + label + "</span>";
+	                // 如果 label 不存在，则不显示label，直接显示list的第一个label， 一般自定义清晰度列表可能会出现
+	                return "<span>" + (label || ((_list_ = list[0]) == null ? void 0 : _list_.name) || '') + "</span>";
 	            },
 	            onChange: function(value, item) {
 	                var _options_onChange;
@@ -9459,10 +9879,10 @@
 	            _this._level = realLevel + '';
 	            if (l === 'auto') {
 	                var _options_locales_options_language;
-	                var realIitem = _this.list.find(function(it) {
+	                var realItem = _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) + "(" + ((realIitem == null ? void 0 : realIitem.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) + "(" + ((realItem == null ? void 0 : realItem.name) || '') + ")</span>\n        ";
 	            } else {
 	                if (_this.value !== _this._level + '') _this.value = _this._level + '';
 	            }
@@ -9485,8 +9905,8 @@
 	    }
 	    return self;
 	}
-	function _extends$7() {
-	    _extends$7 = Object.assign || function(target) {
+	function _extends$6() {
+	    _extends$6 = Object.assign || function(target) {
 	        for(var i = 1; i < arguments.length; i++){
 	            var source = arguments[i];
 	            for(var key in source){
@@ -9497,7 +9917,7 @@
 	        }
 	        return target;
 	    };
-	    return _extends$7.apply(this, arguments);
+	    return _extends$6.apply(this, arguments);
 	}
 	function _inherits$7(subClass, superClass) {
 	    if (typeof superClass !== "function" && superClass !== null) {
@@ -9553,7 +9973,7 @@
 	    function Speed(options) {
 	        var _this;
 	        var _options_locales_options_language, _options_locales;
-	        _this = Select.call(this, _extends$7({}, SPEED_DEFAULT_OPTIONS, options, {
+	        _this = Select.call(this, _extends$6({}, SPEED_DEFAULT_OPTIONS, options, {
 	            value: (options.props.speed || 1) + '',
 	            classNameSuffix: 'speed',
 	            controlType: 'button',
@@ -9586,7 +10006,7 @@
 
 	/*
 	* @ezuikit/control-date-picker v0.0.1
-	* Copyright (c) 2025-09-21 Ezviz-OpenBiz
+	* Copyright (c) 2025-11-11 Ezviz-OpenBiz
 	* Released under the MIT License.
 	*/
 	function asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, key, arg) {
@@ -9681,7 +10101,7 @@
 	};
 	/**
 	 * 日期选择器
-	 */ let DatePicker$1 = class DatePicker {
+	 */ class DatePicker {
 	    _init() {
 	        // 因为挂载在行内，需要父标签设置 position: relative;
 	        this.$container.style.cssText += `;position: relative;`;
@@ -9809,7 +10229,7 @@
 	            }
 	        });
 	    }
-	};
+	}
 
 	/**
 	 * @description 时间操作
@@ -9958,8 +10378,8 @@
 	    return DateTime;
 	}();
 
-	function _extends$6() {
-	    _extends$6 = Object.assign || function(target) {
+	function _extends$5() {
+	    _extends$5 = Object.assign || function(target) {
 	        for(var i = 1; i < arguments.length; i++){
 	            var source = arguments[i];
 	            for(var key in source){
@@ -9970,7 +10390,7 @@
 	        }
 	        return target;
 	    };
-	    return _extends$6.apply(this, arguments);
+	    return _extends$5.apply(this, arguments);
 	}
 	function _inherits$6(subClass, superClass) {
 	    if (typeof superClass !== "function" && superClass !== null) {
@@ -9995,12 +10415,12 @@
 	/**
 	 * 日历选择器控件
 	 * @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, {
+	        _this = Control.call(this, _extends$5({}, options, {
 	            tagName: 'span',
 	            controlType: 'button',
 	            classNameSuffix: 'date'
@@ -10010,10 +10430,10 @@
 	        _this._render();
 	        return _this;
 	    }
-	    var _proto = DatePicker.prototype;
+	    var _proto = DatePickerControl.prototype;
 	    _proto._render = function _render() {
 	        var _this = this;
-	        if (isMobile$1()) {
+	        if (distExports$3.isMobile()) {
 	            var _this_locale;
 	            this.$container.innerHTML = '\n        <span class="' + PREFIX_CLASS + '-mobile-date-filter" title="' + (((_this_locale = this.locale) == null ? void 0 : _this_locale.BTN_CALENDAR) || '') + '">\n          <span class="' + PREFIX_CLASS + '-mobile-date-filter-value">' + this._getDateStr() + "</span>\n          " + IconComponents.filter() + "\n        <span>";
 	        } else {
@@ -10022,12 +10442,12 @@
 	                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'),
 	            maxDate: this.options.maxDate || new Date(),
-	            place: isMobile$1() ? 'bottom-left' : 'top-right',
+	            place: distExports$3.isMobile() ? 'bottom-left' : 'top-right',
 	            onChange: function(date) {
 	                if (date && _this._value !== DateTime.formate(date, 'YYYY-MM-DD')) {
 	                    _this._value = DateTime.formate(date, 'YYYY-MM-DD');
@@ -10082,584 +10502,1006 @@
 	   */ _proto._onControlClick = function _onControlClick(e) {
 	        Control.prototype._onControlClick.call(this, e);
 	    };
-	    return DatePicker;
+	    return DatePickerControl;
 	}(Control);
 
-	/*
-	* @ezuikit/control-time-line v1.0.0-beta.2
-	* Copyright (c) 2025-10-27 Ezviz-OpenBiz
-	* Released under the MIT License.
-	*/
-	var zh={title:"包含{{len}}段录像",foldTitle:"{{len}}个录像"};var en={title:"Includes {{len}} {{unit}}",foldTitle:"{{len}} {{unit}}"};const BASE_TIME_LINE_DEFAULT_OPTIONS={current:new Date,language:"zh",timeSections:[],readOnly:false,className:"",timeWidth:0,width:"100%",
-	// --------------------只支持初始化时，不支持动态变更 (不做对象冻结)--------------------
-	timePointColor:"#1890ff",timeTextColor:"#FFF",timeScaleColor:"#FFF",timeSectionColor:"rgba(24, 144, 255, 0.5)",timeAxisBgColor:"#000",
-	onChange:()=>{},onDragStart:()=>{},onDragging:()=>{},onDragEnd:()=>{},onDestroy:()=>{}};
-	/**
-	 * 时间轴基类
-	 * @internal
-	 */class BaseTimeLine{
-	/**
-	   * 当前时间
-	   */
-	get current(){return this._current}
-	/**
-	   * 当前时间
-	   */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
-	   */setReadOnly(readOnly){this.readOnly=readOnly;}
-	/**
-	   * 更新当前时间
-	   * @param time 能转成时间的值， 如 时间对象 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}
-	/**
-	   * 获取 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({zh:zh,en:en},this.options.locales||{},{clone:false}),{defaultLocale:this.options.language||"zh"});this._timeWidth=this.options.timeWidth||0;this._resize(this.options.width||"100%",this.options.height);}}
-	/**
-	 * 时间轴工具类
-	 */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
-	   */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
-	   */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)+"'":""}${TimeLineUtil.subTime(second)}''`}}const Icons={tip:`<svg viewBox="0 0 57 24" fill="currentColor" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="tip">\n        <path class="ez-time-line-icon-tip" fill-rule="evenodd" d="m4,0l44,0c2.2091,0 4,1.7909 4,4l0,3.8218l4.9399,3.3572c0.5839,0.3968 0.5839,1.2574 0,1.6542l-4.9399,3.3572l0,3.8096c0,2.2091 -1.7909,4 -4,4l-44,0c-2.2091,0 -4,-1.7909 -4,-4l0,-16c0,-2.2091 1.7909,-4 4,-4z"/>\n  </svg>`,plus:`\n  <svg viewBox="0 0 16 16" fill="currentColor" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="plus">\n    <path d="M0 0L10.6667 0" stroke="rgb(44,44,44)" stroke-linecap="round" stroke-width="1.5" transform="matrix(0,1,-1,0,8,2.66663)"/>\n    <path d="M2.66669 8L13.3334 8" stroke="rgb(44,44,44)" stroke-linecap="round" stroke-width="1.5"/>\n  </svg>\n  `,minus:`\n    <svg viewBox="0 0 16 16" fill="currentColor" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="minus">\n      <path d="M2.66669 8L13.3334 8" stroke="rgb(44,44,44)" stroke-linecap="round" stroke-width="1.5"/>\n    </svg>\n  `,close:`\n    <svg viewBox="0 0 24 24" fill="none" width="1em" height="1em" stroke="currentColor" focusable="false" aria-hidden="true" data-icon="close">\n\t    <path d="M0 0L15.9998 0" stroke-linecap="round" stroke-width="1.5" transform="matrix(0.707099,0.707114,-0.707114,0.707099,6.34277,6.34326)" />\n\t\t  <path d="M0 0L15.9998 0" stroke-linecap="round" stroke-width="1.5" transform="matrix(0.707099,-0.707114,0.707114,0.707099,6.34277,17.6567)" />\n    </svg>\n  `,pause:`<svg viewBox="0 0 20 20" fill="currentColor" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="pause">\n\t\t  <path d="M9.43914 2.47881L13.4688 8.4912C14.3594 9.81998 13.4071 11.6047 11.8074 11.6047L3.74811 11.6047C2.14849 11.6047 1.19616 9.81998 2.08675 8.4912L6.11641 2.47881C6.90863 1.2968 8.64693 1.2968 9.43914 2.47881Z" fill-rule="evenodd" transform="matrix(0,1,-1,0,16.5781,2.22229)" />\n    </svg>\n  `};
+	var dist$1 = {exports: {}};
+
 	/**
-	 * 时间刻度宽度 [刻度间隔秒数s, 刻度间隔宽度px, 长刻度间隔短刻度个数, 说明]
-	 * 需要满足 (24 * 60 * 60) % ([0] * [2]) = 0， 这样 0 点刻度才能正确显示
+	 * drag scroll support move and touch
+	 *
+	 * @skax/drag-scroll v1.1.0
+	 * Copyright (c) 2025-11-08 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.
 	 */
-	/**
-	 * 时间刻度宽度, 需要满足  (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});class MobileTimeLine extends BaseTimeLine{
-	/**
-	   * 更新状态
-	   * @param obj
-	   */
-	setState(obj){
-	// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-	Object.keys(obj).forEach(key=>{this.state[key]=obj[key];if(key==="scrollTop"&&this._$itemList)
-	// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-	this._$itemContainer.scrollTo(0,obj[key]);if(key==="current"&&this._$currentTime&&obj[key]){var _this_timeSections_;this._$currentTime.querySelector(`.${MOBILE_TIMELINE_PREFIX}-current-value`).innerHTML=obj[key];console.log("current",obj[key]);this.current=new Date(TimeLineUtil.tranTime((_this_timeSections_=this.timeSections[0])==null?void 0:_this_timeSections_.endTime,"YYYY-MM-DD")+" "+obj[key]);}});}
-	/**
-	   * 设置只读或取消只读
-	   * @param readOnly - 只读或取消只读
-	   * @returns
-	   */setReadOnly(readOnly){super.setReadOnly(readOnly);if(this._$itemList)this._$itemContainer.style.overflowY=readOnly?"hidden":"scroll";}
-	/**
-	   * 改变时间轴刻度
-	   * 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不为0，则不重置current，避免拖动后时间轴回弹
-	const{current:current}=this.state;this.setState({availTimeLine:list,start:list[defaultIndex].startTime,end:list[defaultIndex].endTime,current:current===0?list[defaultIndex].startTime:current});this._matchTimeDot();this._primaryOffsetH();}else {this.setState({availTimeLine:[]});this._matchTimeDot();}this._renderPickerContent();}
-	/**
-	   * 更新当前时间
-	   * @param time 能转成时间的值， 如 时间对象 Date, 时间戳，时间戳字符串
-	   */update(time){if(time&&!this._isTouchStart){this.setState({current:TimeLineUtil.tranTime(time,"HH:mm:ss")});this._currentOffsetH();}}
-	/**
-	   * 销毁
-	   */destroy(){if(this._scrollTimer){clearInterval(this._scrollTimer);this._scrollTimer=null;}if(this._$currentTime){this.$container.removeChild(this._$currentTime);this._$currentTime=null;}if(this._$itemContainer&&this._$itemList){this._$itemContainer.removeChild(this._$itemList);this._$itemList=null;}if(this._$itemContainer){this.$container.removeChild(this._$itemContainer);this._$itemContainer=null;}if(this._$op){this.$container.removeChild(this._$op);this._$op=null;}if(this._picker){this._picker.destroy();this._picker=null;}this._removeEventListener();super.destroy();}
-	/**
-	   * 渲染时间轴刻度数组
-	   */_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);const startSecond=TimeLineUtil.timeToSecond(time+":00");const endSecond=TimeLineUtil.timeToSecond(time+":00")+scaleWidth*60;const coverList=this.timeSections.filter(item=>{const start=TimeLineUtil.timeToSecond(TimeLineUtil.tranTime(item.startTime,"HH:mm:ss"));return start>=startSecond&&start<endSecond});timeArr.push({id:i,current:time,label:"a"+i,marginTop:marginTop,marginBottom:marginBottom,recArr:[],coverArr:coverList});i-=scaleWidth;}this.setState({timeArr:timeArr});this._matchRecTimeDot();}_matchRecTimeDot(){const{availTimeLine:availTimeLine,timeArr:timeArr}=this.state;const scaleWidth=this._scaleWidth;const len=availTimeLine.length;if(len===0)for(let j=0;j<timeArr.length;j++)timeArr[j].recArr=[];else {for(let k=0;k<timeArr.length;k++)timeArr[k].recArr=[];for(let i=0;i<len;i++){const temp=availTimeLine[i];const st=TimeLineUtil.timeToSecond(temp.startTime);// "00:01:00" -> 60  // 秒
-	const et=TimeLineUtil.timeToSecond(temp.endTime);let stAvailPercent=0;let etAvailPercent=0;const stMinute=Math.floor(st/(scaleWidth*60))*scaleWidth;stAvailPercent=(st-stMinute*60)/scaleWidth;const etMinute=Math.floor(et/(scaleWidth*60))*scaleWidth;etAvailPercent=(et-etMinute*60)/scaleWidth;for(let j=0;j<timeArr.length;j++)if(timeArr[j].id==stMinute&&timeArr[j].id==etMinute){const height=etAvailPercent-stAvailPercent;const top=60-etAvailPercent;
-	// prettier-ignore
-	timeArr[j].recArr.push({height:height,top:top});}else if(timeArr[j].id==stMinute)timeArr[j].recArr.push({height:60-stAvailPercent,top:0});else if(timeArr[j].id==etMinute)timeArr[j].recArr.push({height:etAvailPercent,top:60-etAvailPercent});else if(timeArr[j].id>stMinute&&timeArr[j].id<etMinute)timeArr[j].recArr.push({height:60,top:0});}}this.setState({timeArr:timeArr});this._renderDateLine();}_renderDateLine(){const{timeArr:timeArr}=this.state;const container=this._$itemList;container.innerHTML="";timeArr.forEach(item=>{const timeItemDOM=document.createElement("div");timeItemDOM.setAttribute("class",MOBILE_TIMELINE_PREFIX+"-time-scale-area");if(item.marginTop)timeItemDOM.style.cssText+=`margin-top: ${item.marginTop}px;`;if(item.marginBottom)timeItemDOM.style.cssText+=`margin-bottom: ${item.marginBottom}px;`;timeItemDOM.style.cssText+=`border-right-color: ${this.options.timeAxisBgColor||"rgba(189, 205, 255, 1)"};`;const scaleDOM=document.createElement("div");scaleDOM.setAttribute("class",MOBILE_TIMELINE_PREFIX+"-scale");let timeItemHtml=``;if(item.coverArr.length)timeItemHtml+=`\n            <div class="${MOBILE_TIMELINE_PREFIX}-time-cover-fold ${item.coverArr.length>1?`${MOBILE_TIMELINE_PREFIX}-time-cover-fold-multiple`:""} " data-start="${item.current}">\n              ${item.coverArr.length>1?`<div class="${MOBILE_TIMELINE_PREFIX}-cover-fold-placeholder" style="color: #FFF"></div>`:""}\n              <div class="${MOBILE_TIMELINE_PREFIX}-time-cover-fold-img">\n                ${item.coverArr[0].coverPic?`<img src="${item.coverArr[0].coverPic}&x=1000" />`:""}\n                <span class="${MOBILE_TIMELINE_PREFIX}-time-cover-fold-len">\n                ${item.coverArr.length>1?this.i18n.t("foldTitle",{len:item.coverArr.length,unit:"videos"}):`${TimeLineUtil.tranTime(item.coverArr[0].startTime,"HH:mm")}`}\n                </span>\n                ${item.coverArr.length===1?`<span class="${MOBILE_TIMELINE_PREFIX}-time-cover-fold-time">${TimeLineUtil.tranTimeToString(item.coverArr[0].startTime,item.coverArr[0].endTime)}</span>`:""}\n                <span class="${MOBILE_TIMELINE_PREFIX}-time-cover-fold-pause">${Icons.pause}</span>\n              </div>\n            </div>`;
-	// 六个详细刻度
-	// <div class="${MOBILE_TIMELINE_PREFIX}-time-scale"></div>
-	// <div class="${MOBILE_TIMELINE_PREFIX}-time-scale"></div>
-	// <div class="${MOBILE_TIMELINE_PREFIX}-time-scale"></div>
-	// <div class="${MOBILE_TIMELINE_PREFIX}-time-scale"></div>
-	// <div class="${MOBILE_TIMELINE_PREFIX}-time-scale"></div>
-	// <div class="${MOBILE_TIMELINE_PREFIX}-time-scale" style="width:10px"></div>
-	item.recArr.forEach(i=>{timeItemHtml+=`<div class="${MOBILE_TIMELINE_PREFIX}-time-unavail"\n                              style="height: ${i.height}px;background-color:${this.options.timeSectionColor||"#369FFF"}; top: ${i.top}px">\n                        </div>`;});timeItemHtml+=`<div id=${item.label} class="${MOBILE_TIMELINE_PREFIX}-time-label" style="color: ${this.options.timeTextColor||"#666"}">${item.current}</div>`;timeItemDOM.innerHTML=timeItemHtml;container.appendChild(timeItemDOM);});}_primaryOffsetH(){const{start:start,timeArr:timeArr,current:current}=this.state;const scaleWidth=this._scaleWidth;const currentItem=timeArr[0].current;const currentTime=TimeLineUtil.timeToSecond(currentItem);
-	// current不为0时，从当前时间开始计算偏移量，避免拖动时间轴后回弹
-	const startSecond=TimeLineUtil.timeToSecond(current===0?start:current);const offsetS=currentTime-startSecond;const offsetH=Math.ceil(offsetS/scaleWidth)+60;// offsetS / (scaleWidth * 60) * 60
-	this.setState({scrollTop:offsetH});console.log("起始偏移量",offsetH);}_currentOffsetH(){const{current:current,timeArr:timeArr}=this.state;const scale=this._scaleWidth;const startItem=timeArr[0].current;const startSecond=TimeLineUtil.timeToSecond(startItem);const currentSecond=TimeLineUtil.timeToSecond(current);const offsetS=startSecond-currentSecond;const offsetH=Math.ceil(offsetS/scale)+60;// offsetS / (scale * 60) * 60
-	this.setState({scrollTop:offsetH});}_rectTopToTime(reactTop){const scaleWidth=this._scaleWidth;
-	// let rectTop = rect.top; // 获取当前元素距离父元素顶部的高度
-	// let reactTop = 0 - rectTop; // 实际偏移高度
-	const index=Math.floor(reactTop/60);// 以分钟为刻度时，每个元素初始高度为60px, 向下取整并除以时刻倍数得出偏移item;
-	const offsetH=reactTop-index*60;// 偏移高度
-	let current;let offsetSecond;
-	// console.log('index：', index, 'offsetH:', offsetH);
-	if(offsetH==0){var _this_state_timeArr_;current=(_this_state_timeArr_=this.state.timeArr[index-1])==null?void 0:_this_state_timeArr_.current;offsetSecond=0;}else {
-	// 当scaleWidth==120, scaleWidth==60, scaleWidth==30, scaleWidth==10, scaleWidth==1
-	const time=this.state.timeArr[index].current;const minute=TimeLineUtil.timeToMinute(time);
-	// 相对于下一元素偏移
-	const offsetY=60-offsetH;const offsetS=offsetY*scaleWidth;// offsetY / 60 * scaleWidth * 60
-	const offsetM=Math.floor(offsetS/60)+minute;const second=Math.floor(offsetS/60)*60;offsetSecond=Math.ceil(offsetS-second);// 保留两位小数
-	current=TimeLineUtil.minuteToTime(offsetM);}if(current===void 0||+current.split(":")[0]>=24&&(+current.split(":")[1]>0||offsetSecond>0)){
-	// 超出 24h 后不允许
-	this.update(new Date(`${(new Date).getFullYear()}-${TimeLineUtil.subTime((new Date).getMonth()+1)}-${TimeLineUtil.subTime((new Date).getDate())} 23:59:59`));return}this.setState({current:current+":"+(offsetSecond>9?offsetSecond:"0"+offsetSecond),scrollTop:reactTop});}_render(){this._$currentTime=document.createElement("div");this._$currentTime.classList.add(MOBILE_TIMELINE_PREFIX+"-current");this._$currentTime.innerHTML=`<div class="${MOBILE_TIMELINE_PREFIX}-current-content" style="color: ${this.options.currentTimeBgColor||"#648FFC"}">\n      <span class="${MOBILE_TIMELINE_PREFIX}-current-tip">${Icons.tip}</span>\n      <span class="${MOBILE_TIMELINE_PREFIX}-current-tip-line" style="background-color: ${this.options.timePointColor||"#648FFC"};"></span>\n      <div class="${MOBILE_TIMELINE_PREFIX}-current-value" style="color: ${this.options.currentTimeColor||"#FFFFFF"}">00:00:00</div>\n    </div>`;this.$container.appendChild(this._$currentTime);this._$itemContainer=document.createElement("div");this._$itemContainer.classList.add(MOBILE_TIMELINE_PREFIX+"-item-container");
-	// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-	if(/\d/.test(this.options.height))this._$itemContainer.style.cssText+=`height: ${this.options.height}px`;else if(typeof this.options.height==="string")this._$itemContainer.style.cssText+=`height: ${this.options.height}`;else {const height=this.$container.clientHeight;this._$itemContainer.style.cssText+=`height: ${height}px`;}this._$itemList=document.createElement("div");this._$itemList.classList.add(MOBILE_TIMELINE_PREFIX+"-item");this._$itemContainer.appendChild(this._$itemList);this.$container.appendChild(this._$itemContainer);if(this.options.showTimeWidthBtn){
-	// 加减
-	this._$op=document.createElement("div");this._$op.classList.add(MOBILE_TIMELINE_PREFIX+"-op");this._$op.innerHTML=`<span class="${MOBILE_TIMELINE_PREFIX}-op-wrapper">\n        <span class="${MOBILE_TIMELINE_PREFIX}-icon-plus">${Icons.plus}</span>\n        <span class="${MOBILE_TIMELINE_PREFIX}-icon-minus">${Icons.minus}</span>\n      </span>`;this.$container.appendChild(this._$op);}this._picker=new Picker(null,{isMobile:true,wrapClassName:`${MOBILE_TIMELINE_PREFIX}-picker`,onOpenChange:isOpen=>{var _this_options_onPickerOpenChange,_this_options;(_this_options=this.options)==null?void 0:(_this_options_onPickerOpenChange=_this_options.onPickerOpenChange)==null?void 0:_this_options_onPickerOpenChange.call(_this_options,isOpen);}});this._renderPickerContent();this._addEventListener();}_addEventListener(){
-	// js安卓、IOS、鸿蒙系统监听开始触摸
-	if(this._$itemContainer){
-	// console.warn('=== TimeLine HAS_POINTER_EVENT ===', HAS_POINTER_EVENT);
-	// 监听手动滚动时间轴时，停止时间轴滚动，时刻仍然变化
-	this._$itemContainer.addEventListener("touchstart",this._touchstart,false);
-	// 监听手动滚动时间轴时，停止时间轴滚动，时刻仍然变化
-	this._$itemContainer.addEventListener("touchmove",this._touchmove,false);
-	// 手动滚动停止，选定时刻自动播放
-	this._$itemContainer.addEventListener("touchend",this._touchend,false);
-	// prettier-ignore
-	// this._$itemContainer.addEventListener('scroll', this._touchmove, false);
-	}if(this.options.showTimeWidthBtn&&this._$op){var// this._$op.addEventListener('click', this._opClick, false);
-	_this__$op_querySelector,_this__$op_querySelector1;(_this__$op_querySelector=this._$op.querySelector(`.${MOBILE_TIMELINE_PREFIX}-icon-plus`))==null?void 0:_this__$op_querySelector.addEventListener("click",this._plusClick,false);(_this__$op_querySelector1=this._$op.querySelector(`.${MOBILE_TIMELINE_PREFIX}-icon-minus`))==null?void 0:_this__$op_querySelector1.addEventListener("click",this._minusClick,false);}this._matchTimeDot();if(this._picker){this._delegatePickerClose=delegate(this._picker.$body,`.${MOBILE_TIMELINE_PREFIX}-picker-close`,"click",this._onPickerClose,false);this._delegateItemContent=delegate(this._picker.$body,`.${MOBILE_TIMELINE_PREFIX}-picker-item-content`,"click",this._onClickItem,false);this._delegateCoverFold=delegate(this.$container,`.${MOBILE_TIMELINE_PREFIX}-time-cover-fold`,"click",this._onClickCoverFold,false);}}_removeEventListener(){if(this._$itemContainer){
-	// 监听手动滚动时间轴时，停止时间轴滚动，时刻仍然变化
-	this._$itemContainer.removeEventListener("touchstart",this._touchstart);
-	// 监听手动滚动时间轴时，停止时间轴滚动，时刻仍然变化
-	this._$itemContainer.removeEventListener("touchmove",this._touchmove);
-	// 手动滚动停止，选定时刻自动播放
-	this._$itemContainer.removeEventListener("touchend",this._touchend);}if(this.options.showTimeWidthBtn&&this._$op){var _this__$op_querySelector,_this__$op_querySelector1;(_this__$op_querySelector=this._$op.querySelector(`.${MOBILE_TIMELINE_PREFIX}-icon-plus`))==null?void 0:_this__$op_querySelector.removeEventListener("click",this._plusClick);(_this__$op_querySelector1=this._$op.querySelector(`.${MOBILE_TIMELINE_PREFIX}-icon-minus`))==null?void 0:_this__$op_querySelector1.removeEventListener("click",this._minusClick);}if(this._picker){var _this__picker_$body_querySelector,_this__picker_$body;(_this__picker_$body=this._picker.$body)==null?void 0:(_this__picker_$body_querySelector=_this__picker_$body.querySelector(`.${MOBILE_TIMELINE_PREFIX}-picker-close`))==null?void 0:_this__picker_$body_querySelector.removeEventListener("click",this._onPickerClose);if(this._delegateItemContent){this._delegateItemContent.forEach(function(delegation){delegation.destroy();});this._delegateItemContent=null;}if(this._delegatePickerClose){this._delegatePickerClose.forEach(function(delegation){delegation.destroy();});this._delegatePickerClose=null;}if(this._delegateCoverFold){this._delegateCoverFold.forEach(function(delegation){delegation.destroy();});this._delegateCoverFold=null;}}}_plusClick(){const timeWidth=this.timeWidth+1;if(timeWidth>0&&timeWidth<MOBILE_TIME_WIDTH.length)this.setTimeWidth(timeWidth);else console.warn("时间轴刻度宽度不能再加了");}_minusClick(){const timeWidth=this.timeWidth-1;if(timeWidth>=0&&timeWidth<MOBILE_TIME_WIDTH.length)this.setTimeWidth(Math.floor(timeWidth));else console.warn("时间轴刻度宽度不能再减了");}_touchstart(){var _this__$itemContainer;if(this.readOnly)return false;this._isTouchStart=true;this._touchstartTop=(_this__$itemContainer=this._$itemContainer)==null?void 0:_this__$itemContainer.scrollTop;this.options.onDragStart==null?void 0:this.options.onDragStart.call(this.options,this.state.current);}_touchmove(){var _this__$itemContainer;if(this.readOnly)return false;const reactTop=(_this__$itemContainer=this._$itemContainer)==null?void 0:_this__$itemContainer.scrollTop;// 实际偏移高度
-	this._rectTopToTime(reactTop);this.options.onDragging==null?void 0:this.options.onDragging.call(this.options,this.state.current);}_touchend(){if(this.readOnly)return false;
-	// 这里有问题， 滚动是利用滚动操作（overflow-y: scroll;）的
-	new Promise(resolve=>{let preTop=-1;if(this._scrollTimer){clearInterval(this._scrollTimer);this._scrollTimer=null;}this._scrollTimer=setInterval(()=>{var _this__$itemContainer;
-	// debugger
-	const reactTop=(_this__$itemContainer=this._$itemContainer)==null?void 0:_this__$itemContainer.scrollTop;// 实际偏移高度
-	if(reactTop!==preTop){console.log("scrolling",reactTop,preTop);preTop=reactTop;}else {console.log("scroll stop",reactTop,preTop);if(this._scrollTimer){clearInterval(this._scrollTimer);this._scrollTimer=null;}this._isTouchStart=false;resolve(reactTop);}},100);}).then(reactTop=>{var _this__$itemContainer;this._rectTopToTime(reactTop);console.log("页面滚动实际高度",reactTop,this.state.current);this.options.onDragEnd==null?void 0:this.options.onDragEnd.call(this.options,this.state.current);if(this._touchstartTop!==((_this__$itemContainer=this._$itemContainer)==null?void 0:_this__$itemContainer.scrollTop)){this.options.onChange==null?void 0:this.options.onChange.call(this.options,this.state.current);this._touchstartTop=0;}});}_timeSectionsToGroupsByHour(){const obj={};this.timeSections.forEach((item,index)=>{
-	// 移动端仅支持一天
-	// if (TimeLineUtil.tranTime(item.startTime, 'YYYY-MM-DD') !== TimeLineUtil.tranTime(item.endTime, 'YYYY-MM-DD')) {
-	//   //
-	// }
-	const hour=TimeLineUtil.tranTime(item.startTime,"HH");if(obj[+hour])obj[+hour].push(_extends$1$1({},item,{_index:index}));else obj[+hour]=[_extends$1$1({},item,{_index:index})];});return obj}
-	/**
-	   * 渲染选择器内容
-	   */_renderPickerContent(){var _this__picker_innerHTML,_this__picker;const hourGroups=this._timeSectionsToGroupsByHour();(_this__picker=this._picker)==null?void 0:(_this__picker_innerHTML=_this__picker.innerHTML)==null?void 0:_this__picker_innerHTML.call(_this__picker,`<div class="${MOBILE_TIMELINE_PREFIX}-picker-container">\n        <div class="${MOBILE_TIMELINE_PREFIX}-picker-header">\n          <span class="${MOBILE_TIMELINE_PREFIX}-picker-close">${Icons.close}</span>\n          ${this.i18n.t("title",{len:this.timeSections.length,unit:this.timeSections.length>1?"videos":"video"})}\n        </div>\n        <div class="${MOBILE_TIMELINE_PREFIX}-picker-content">\n          <div class="${MOBILE_TIMELINE_PREFIX}-picker-list">\n             ${Object.keys(hourGroups).reverse().map(key=>`<div class="${MOBILE_TIMELINE_PREFIX}-picker-item">\n                  <div class="${MOBILE_TIMELINE_PREFIX}-picker-item-title">${key}:00</div>\n                  <div class="${MOBILE_TIMELINE_PREFIX}-picker-item-list">\n                    ${hourGroups[key].map(item=>`<div class="${MOBILE_TIMELINE_PREFIX}-picker-item-content"\n                                      data-start="${TimeLineUtil.tranTime(item.startTime,"YYYYMMDDTHHmmssZ")}"\n                                      data-end="${TimeLineUtil.tranTime(item.endTime,"YYYYMMDDTHHmmssZ")}"\n                                      data-index="${item._index}">\n                                    <span class="${MOBILE_TIMELINE_PREFIX}-picker-item-time">${TimeLineUtil.tranTime(item.startTime,"mm:ss")}</span>\n                                    <span class="${MOBILE_TIMELINE_PREFIX}-picker-item-duration">\n                                      ${TimeLineUtil.tranTimeToString(item.startTime,item.endTime)}\n                                    </span>\n                                  <span class="${MOBILE_TIMELINE_PREFIX}-picker-item-icon-pause">${Icons.pause}</span>\n                                  ${item.coverPic?`<img class="${MOBILE_TIMELINE_PREFIX}-picker-item-cover" src="${item.coverPic}&x=1000"/>`:""}\n                                </div>`).join("")}\n                  </div>\n              </div>`).join("")}\n          </div>\n          </div>\n        </div>\n      </div>`);}_onPickerClose(){if(this._picker)this._picker.open=false;}_onClickItem(e){var _e_target_getAttribute,_e_target;console.log("click item",e);console.log(e.target);console.log(e.delegateTarget);const index=(_e_target=e.target)==null?void 0:(_e_target_getAttribute=_e_target.getAttribute)==null?void 0:_e_target_getAttribute.call(_e_target,"data-index");if(this._picker)this._picker.open=false;this.options.onPickerSelect==null?void 0:this.options.onPickerSelect.call(this.options,this.timeSections[+index]);}_onClickCoverFold(e){e.preventDefault();e.stopPropagation();
-	// const index = (e.target as HTMLDivElement)?.getAttribute?.('data-index') as string;
-	if(this._picker)this._picker.open=true;}constructor(container,options){super(container,deepmerge(MOBILE_TIME_LINE_DEFAULT_OPTIONS,options,{clone:false})),this._isTouchStart=false,this._touchstartTop=0,this.state={start:"00:00:00",end:"24:00:00",current:0,timeArr:[],availTimeLine:[],scrollTop:0,index:0};this._touchstart=this._touchstart.bind(this);this._touchmove=this._touchmove.bind(this);this._touchend=this._touchend.bind(this);this._plusClick=this._plusClick.bind(this);this._minusClick=this._minusClick.bind(this);this._onPickerClose=this._onPickerClose.bind(this);this._onClickItem=this._onClickItem.bind(this);this._onClickCoverFold=this._onClickCoverFold.bind(this);this._render();}}function _extends$5(){_extends$5=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)if(Object.prototype.hasOwnProperty.call(source,key))target[key]=source[key];}return target};return _extends$5.apply(this,arguments)}
-	/**
-	 * 时间轴配置项
-	 */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
-	   */setTimeWidth(timeWidth){this._update({timeWidth:timeWidth});}
-	/**
-	   *  设置片段数组
-	   * @param timeSections - 片段数组
-	   * @returns
-	   */updateTimeSections(timeSections){this._update({timeSections:timeSections});}
-	/**
-	   * 更新当前时间
-	   * @param time 能转成时间的值， 如 时间对象 Date, 时间戳，时间戳字符串
-	   */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.current)&&options.current instanceof Date)this.current=options.current;if(options==null?void 0:options.timeSections)super.updateTimeSections(this._mergeTimeSections(options.timeSections));if(typeof(options==null?void 0:options.timeWidth)==="number"&&(options==null?void 0:options.timeWidth)<TIME_WIDTH.length){super.setTimeWidth(options.timeWidth);this._timeWidthArray=TIME_WIDTH[Math.floor(this.timeWidth)];}if(typeof(options==null?void 0:options.timeWidth)==="number"&&this._timeWidthArray)if(this._timeWidthArray[3]){var _this__$canvas;(_this__$canvas=this._$canvas)==null?void 0:_this__$canvas.setAttribute("data-title",this._timeWidthArray[3]);}
-	// 清空画布
-	if(this._ctx){this._ctx.fillStyle=this.options.timeAxisBgColor;
-	// prettier-ignore
-	this._ctx.fillRect(0,0,this.width*this.options.dpr,this.height*this.options.dpr);}this._draw();}
-	/**
-	   * 销毁
-	   * @returns
-	   */destroy(){this._removeEventListener();if(this._$canvas){this.$container.removeChild(this._$canvas);
-	// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-	this._$canvas=null;}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));// 刻度间距
-	}
-	/**
-	   * 绘制
-	   */_draw(){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.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 坐标
-	   * @param endX - 线终点 x 坐标
-	   * @param endY - 线终点 y 坐标
-	   * @param lineWidth - 线宽度
-	   * @param color - 线颜色
-	   *
-	   */
-	// prettier-ignore
-	_drawSolidLine(startX,startY,endX,endY,lineWidth,color){if(this._ctx){this._ctx.save();this._ctx.strokeStyle=color!=null?color:this.options.timeScaleColor;this._ctx.lineWidth=lineWidth;this._ctx.beginPath();this._ctx.moveTo(startX,startY);this._ctx.lineTo(endX,endY);this._ctx.stroke();this._ctx.restore();}}
-	/**
-	   * 绘制刻度文字
-	   * @param text - 文本
-	   * @param x - X
-	   * @param y - Y
-	   * @param align - 文本对齐方式
-	   */_drawTextString(text,x,y,align){if(this._ctx){const timeTexts=text.split(" ");this._ctx.font=`${12*this.options.dpr*1}px serif`;this._ctx.fillStyle=this.options.timeTextColor;this._ctx.textAlign=align||"left";if(this._timeWidthArray[0]%60===0)
-	// 仅展示 hh:mm
-	timeTexts[1]=timeTexts[1].replace(/:00$/,"");this._ctx.fillText(timeTexts[1],x,y+8*this.options.dpr);
-	// prettier-ignore
-	if(this.options.showYearMonthDay&&(timeTexts[1]==="00:00:00"||timeTexts[1]==="00:00"||this._timeWidthArray[0]*this._timeWidthArray[2]===24*3600)){
-	// 展示年月日
-	this._ctx.textAlign=align||"left";this._ctx.fillText(timeTexts[0],x,y+(8+10)*this.options.dpr);}}}
-	/**
-	   * 画录像区间
-	   */_drawSections(){
-	// 绘制蓝色区域
-	const timeArr=this.timeSections||[];
-	// 根据时间查找当前位置
-	for(let i=0;i<timeArr.length;i++){const position=this._findPosition(timeArr[i]);
-	// 判断一下绘制区域是否在画布区域， 不在可以不用绘制
-	// prettier-ignore
-	if(this._ctx&&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){
-	// 中间的当前时间 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*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});}}
-	/**
-	   * 移除事件监听
-	   * @returns
-	   */_removeEventListener(){if(this._$canvas){
-	// 事件监听
-	this._$canvas.removeEventListener("mousemove",this._mousemoveFun);
-	// prettier-ignore
-	this._$canvas.removeEventListener("mouseover",this._mouseoverFun);
-	// prettier-ignore
-	this._$canvas.removeEventListener("mouseleave",this._mouseleaveFun);
-	// prettier-ignore
-	this._$canvas.removeEventListener("mousedown",this._mousedownFun);
-	// prettier-ignore
-	this._$canvas.removeEventListener("mouseup",this._mouseUpFun);this._$canvas.removeEventListener("wheel",this._mousewheelFun);this._$canvas.removeEventListener("keydown",this._ctrlKeyDownFun);this._$canvas.removeEventListener("keyup",this._ctrlKeyUpFun);
-	// ctrl 键事件
-	document.removeEventListener("keydown",this._ctrlKeyDownFun);document.removeEventListener("keyup",this._ctrlKeyUpFun);
-	// touch
-	this._$canvas.removeEventListener("touchstart",this._touchstartFun);this._$canvas.removeEventListener("touchmove",this._touchmoveFun);this._$canvas.removeEventListener("touchend",this._touchendFun);}}
-	/**
-	   * 鼠标按下事件监听
-	   * @param e - 鼠标事件
-	   * @returns
-	   */_mousedownFun(e){if(this.readOnly)return;this._isMouseDown=true;this._mousePosition=e.pageX;this._oldTime=this.current;this.options.onDragStart==null?void 0:this.options.onDragStart.call(this.options,this.current);}
-	/**
-	   * 鼠标移入事件监听
-	   * @returns
-	   */_mouseoverFun(){if(this.readOnly)return;this._isOver=true;}
-	/**
-	   * 鼠标离开事件监听
-	   * @returns
-	   */_mouseleaveFun(e){if(this.readOnly)return;this._isOver=false;this._moveEndOrTouchEndFun(e);}
-	/**
-	   * 鼠标抬起事件监听
-	   * @returns
-	   */_mouseUpFun(e){this._moveEndOrTouchEndFun(e);}
-	/**
-	   * 鼠标移动事件监听
-	   * @param e - 鼠标事件
-	   * @returns
-	   */_mousemoveFun(e){if(this.readOnly)return;if(this._isMouseDown&&this._isOver)
-	// 鼠标按下位置和移动位置的偏移量
-	this._moveUpdateFun(e.pageX);else {const left=parseInt(this.$container.offsetLeft+"",10);this._mousePosition=e.pageX-left;this._update();// 更新画面
-	}
-	// const time = new Date(
-	//   // prettier-ignore
-	//   this.current.getTime() + parseInt(((e.pageX - this.width / 2) / this._curScaleSpacing ) * this._timeWidthArray[0] + "", 10) * 1000,
-	// );
+
+	var dist;
+	var hasRequiredDist$1;
+
+	function requireDist$1 () {
+		if (hasRequiredDist$1) return dist;
+		hasRequiredDist$1 = 1;
+
+		/**
+		 * 拖拽滚动状态
+		 */ function _defineProperties(target, props) {
+		    for(var i = 0; i < props.length; i++){
+		        var descriptor = props[i];
+		        descriptor.enumerable = descriptor.enumerable || false;
+		        descriptor.configurable = true;
+		        if ("value" in descriptor) descriptor.writable = true;
+		        Object.defineProperty(target, descriptor.key, descriptor);
+		    }
+		}
+		function _create_class(Constructor, protoProps, staticProps) {
+		    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+		    return Constructor;
+		}
+		/**
+		 * 默认参数
+		 */ var _$DRAG_SCROLL_DEFAULT_OPTIONS$_ = {
+		    content: '',
+		    height: '400px',
+		    readonly: false,
+		    hideScrollbar: false
+		};
+		/**
+		 * 前缀类名
+		 */ var _$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>',
+		 * });
+		 * ```
+		 */ var DragScroll = /*#__PURE__*/ function() {
+		    function DragScroll(container, options) {
+		        if (options === void 0) 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();
+		    }
+		    var _proto = DragScroll.prototype;
+		    /**
+		   * 设置容器尺寸
+		   * @param width 容器宽度
+		   * @param height 容器高度
+		   * @example
+		   * ```ts
+		   * dragScroll.resize(500, '400px');
+		   * dragScroll.resize('80%', '600px');
+		   * ```
+		   */ _proto.resize = function resize(width, height) {
+		        var css = "";
+		        if (/^\d+(\.\d+)?$/.test(width + '')) {
+		            css = "width: " + width + "px;";
+		        } else if (typeof width === 'string') {
+		            css = "width: " + width + ";";
+		        }
+		        if (/^\d+(\.\d+)?$/.test(height + '')) {
+		            css += "height: " + height + "px;";
+		        } else if (typeof height === 'string') {
+		            css += "height: " + height + ";";
+		        }
+		        this.$container.style.cssText += css;
+		        this._applyTransform();
+		    };
+		    /**
+		   * 设置 HTML 内容
+		   * @param html HTML 字符串或返回 HTML 字符串的函数
+		   * @example
+		   * ```ts
+		   * dragScroll.innerHtml('<div>New Content</div>');
+		   * dragScroll.innerHtml(() => '<div>Dynamic Content</div>');
+		   * ```
+		   */ _proto.innerHtml = function innerHtml(html) {
+		        this.$content.innerHTML = typeof html === 'function' ? html() : html;
+		        this._applyTransform();
+		    };
+		    /**
+		   * Y轴滚动到指定位置
+		   * @param y Y轴平移值 （需正值不支持负值）
+		   * @example
+		   * ```ts
+		   * dragScroll.scrollToY(200);
+		   * dragScroll.scrollToY(0); // 平移到顶部
+		   * dragScroll.scrollToY(-2); // 无效
+		   * ```
+		   */ _proto.scrollToY = function scrollToY(y, triggerChange) {
+		        if (triggerChange === void 0) triggerChange = true;
+		        var maxScroll = this.$content.scrollHeight - this.$container.clientHeight;
+		        // 边界检查
+		        if (y < 0 || y > maxScroll) return;
+		        this.currentY = y;
+		        this.velocity = 0;
+		        this._applyTransform();
+		        if (triggerChange) this._updateState();
+		    };
+		    /**
+		   * 销毁方法，用于清理资源
+		   * @example
+		   * ```ts
+		   * dragScroll.destroy();
+		   * dragScroll = null;
+		   * ```
+		   */ _proto.destroy = function 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();
+		    };
+		    // ---------------------------------------------------------------------- //
+		    // 私有方法
+		    // ---------------------------------------------------------------------- //
+		    _proto._renderScrollbar = function _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);
+		    };
+		    // 初始化
+		    _proto._init = function _init() {
+		        this.resize(this.options.width, this.options.height);
+		        this._addEventListeners();
+		        // 初始化滚动条
+		        this._updateScrollbar();
+		        // 初始化动画
+		        this._animate();
+		    };
+		    //  ----------- 事件处理 -----------  //
+		    /**
+		   * 添加事件监听器
+		   */ _proto._addEventListeners = function _addEventListeners() {
+		        // 添加事件监听器
+		        this.$container.addEventListener('pointerdown', this._onMouseDown);
+		        document.addEventListener('pointermove', this._onMouseMove);
+		        // 务必同时监听 pointerup 和 pointercancel，都要做收尾和状态清理，否则会出现“拖动卡死”问题
+		        document.addEventListener('pointerup', this._onMouseUp); // 指针正常抬起时
+		        document.addEventListener('pointercancel', this._onMouseUp); // 指针操作被系统/外部原因打断时
+		    };
+		    /**
+		   * 移除事件监听器
+		   */ _proto._removeEventListeners = function _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 鼠标事件
+		   */ _proto._onMouseDown = function _onMouseDown(e) {
+		        if (!this.canDrag) return;
+		        this._startDrag(e.clientY);
+		        this.options.onDragStart == null ? void 0 : this.options.onDragStart.call(this.options, e);
+		    };
+		    /**
+		   * 触摸移动
+		   * @param e 触摸移动事件
+		   */ _proto._onTouchMove = function _onTouchMove(e) {
+		        e.preventDefault();
+		    };
+		    /**
+		   * 开始拖拽
+		   * @param clientY 鼠标或触摸的 Y 坐标
+		   */ _proto._startDrag = function _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 鼠标事件
+		   */ _proto._onMouseMove = function _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 坐标
+		   */ _proto._drag = function _drag(clientY) {
+		        if (!this.canDrag) return;
+		        var 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();
+		    };
+		    /**
+		   * 鼠标释放
+		   */ _proto._onMouseUp = function _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);
+		    };
+		    /**
+		   * 结束拖动
+		   */ _proto._endDrag = function _endDrag() {
+		        var _this = this;
+		        // 恢复光标样式
+		        this.$container.style.cursor = 'grab';
+		        // 延迟隐藏滚动条
+		        setTimeout(function() {
+		            var _this__$scrollbar;
+		            if (!_this.isDragging) (_this__$scrollbar = _this._$scrollbar) == null ? void 0 : _this__$scrollbar.classList.remove("" + _$DRAG_SCROLL_PREFIX_CLASSNAME$_ + "-show");
+		        }, 1500);
+		    };
+		    /**
+		   * 平移内容
+		   */ _proto._applyTransform = function _applyTransform() {
+		        var clientHeight = this.$content.clientHeight;
+		        // 内容高度小于等于容器高度时，不进行滚动
+		        if (clientHeight <= this.$container.clientHeight) {
+		            this.$content.style.transform = "translate3d(0, 0, 0)";
+		            return;
+		        }
+		        var 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 时间戳
+		   */ _proto._animate = function _animate(timestamp) {
+		        if (timestamp === void 0) timestamp = 0;
+		        var clientHeight = this.$content.clientHeight;
+		        // 内容高度小于等于容器高度时，不进行滚动
+		        if (clientHeight <= this.$container.clientHeight) {
+		            return;
+		        }
+		        if (!this._lastTimestamp) this._lastTimestamp = timestamp;
+		        var deltaTime = Math.min(timestamp - this._lastTimestamp, 100) / 16; // 限制最大时间增量
+		        this._lastTimestamp = timestamp;
+		        if (!this.isDragging) {
+		            // 惯性滚动
+		            this.velocity *= this._friction;
+		            this.currentY += this.velocity;
+		            // 弹性回弹
+		            var 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));
+		    };
+		    /**
+		   * 更新滚动条
+		   */ _proto._updateScrollbar = function _updateScrollbar() {
+		        var containerHeight = this.$container.clientHeight;
+		        var contentHeight = this.$content.scrollHeight;
+		        var maxScroll = contentHeight - containerHeight;
+		        if (maxScroll <= 0) {
+		            if (this._$scrollbarThumb) this._$scrollbarThumb.style.height = '0';
+		            return;
+		        }
+		        // 计算滚动条高度和位置
+		        var thumbHeight = Math.max(containerHeight / contentHeight * containerHeight, 20);
+		        var thumbPosition = this.currentY / maxScroll * (containerHeight - thumbHeight);
+		        if (this._$scrollbarThumb) {
+		            this._$scrollbarThumb.style.height = "" + thumbHeight + "px";
+		            this._$scrollbarThumb.style.transform = "translateY(" + thumbPosition + "px)";
+		        }
+		    };
+		    /**
+		   * 更新统计信息
+		   */ _proto._updateState = function _updateState() {
+		        this.options.onChange == null ? void 0 : this.options.onChange.call(this.options, {
+		            x: 0,
+		            y: this.currentY,
+		            velocity: +this.velocity.toFixed(1)
+		        });
+		    };
+		    _create_class(DragScroll, [
+		        {
+		            key: "width",
+		            get: /**
+		   * 获取容器宽度
+		   * @example
+		   * ```ts
+		   * const width = dragScroll.width;
+		   * ```
+		   * @return {number}
+		   */ function get() {
+		                return this.$container.clientWidth;
+		            }
+		        },
+		        {
+		            key: "height",
+		            get: /**
+		   * 获取容器高度
+		   * @example
+		   * ```ts
+		   * const height = dragScroll.height;
+		   * ```
+		   * @return {number}
+		   */ function get() {
+		                return this.$container.clientHeight;
+		            }
+		        },
+		        {
+		            key: "readonly",
+		            get: /**
+		   * 只读属性
+		   */ function get() {
+		                return this._readonly;
+		            },
+		            set: function set(value) {
+		                if (this._readonly !== value) {
+		                    this.$container.style.cursor = value ? 'not-allowed' : 'grab';
+		                    this._readonly = value;
+		                }
+		                this.$container.removeEventListener('touchmove', this._onTouchMove);
+		                if (!value) {
+		                    // 当非只读时，添加 touchmove 事件监听， 阻止透传到body默认滚动行为
+		                    this.$container.addEventListener('touchmove', this._onTouchMove, {
+		                        passive: false
+		                    }); //
+		                }
+		            }
+		        },
+		        {
+		            key: "canDrag",
+		            get: /**
+		   * 内容是否可滚动
+		   */ function get() {
+		                var clientHeight = this.$content.clientHeight;
+		                return !this.readonly && clientHeight > this.$container.clientHeight;
+		            }
+		        }
+		    ]);
+		    return DragScroll;
+		}();
+
+		dist = DragScroll;
+		return dist;
 	}
-	/**
-	   * 鼠标滚轮滚动
-	   * @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),
-	//   });
-	// }
+
+	/*
+	* @ezuikit/control-time-line v1.0.1-beta.14
+	* Copyright (c) 2025-11-11 Ezviz-OpenBiz
+	* Released under the MIT License.
+	*/
+
+	var hasRequiredDist;
+
+	function requireDist () {
+		if (hasRequiredDist) return dist$1.exports;
+		hasRequiredDist = 1;
+		(function (module, exports) {
+	Object.defineProperty(exports,"__esModule",{value:true});var deepmerge=requireCjs(),I18n=requireDist$3(),Picker=requireDist$6(),DragScroll=requireDist$1(),delegate=requireDist$5(),_$TIMELINE_LOCALES$_={zh:{title:"包含{{len}}段录像",foldTitle:"{{len}}个录像"},en:{title:"Includes {{len}} {{unit}}",foldTitle:"{{len}} {{unit}}"}};function _create_class$2(Constructor,protoProps,staticProps){return protoProps&&function(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false,descriptor.configurable=true,"value"in descriptor&&(descriptor.writable=true),Object.defineProperty(target,descriptor.key,descriptor);}}(Constructor.prototype,protoProps),Constructor}var _$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:function(){},onDragStart:function(){},onDragging:function(){},onDragEnd:function(){},onDestroy:function(){}},BaseTimeLine=function(){function BaseTimeLine(container,options){if(this._current=new Date,
+			/** 只读 */this._readOnly=false,this._width=0,this._height=0,this._destroyed=false,this._timeWidth=0,
+			/** 片段列表 */this._timeSections=[],this.$container=container,!container)throw new Error("container is required");var left,right;this.options=deepmerge(_$BASE_TIME_LINE_DEFAULT_OPTIONS$_,options,{clone:false}),this.options.timeSections&&Array.isArray(this.options.timeSections)&&(this._timeSections=this.options.timeSections),this.options.readOnly&&(this.readOnly=this.options.readOnly),this.options.className&&this.$container.classList.add(this.options.className),this.$container.style.position="relative",this.options.current&&(left=this.options.current,null!=(right=Date)&&"undefined"!=typeof Symbol&&right[Symbol.hasInstance]?right[Symbol.hasInstance](left):left instanceof right)?this._current=this.options.current||new Date:this._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);}var _proto=BaseTimeLine.prototype;
+			/**
+			   * 设置只读或取消只读, 推荐使用 timeLine.readOnly = false
+			   * @param readOnly - 只读或取消只读
+			   * @returns
+			   */return _proto.setReadOnly=function(readOnly){this.readOnly=readOnly;},
+			/**
+			   * 更新当前时间
+			   * @param current 能转成时间的值， 如 时间对象 Date, 时间戳，时间戳字符串
+			   */
+			_proto.update=function(current){this._current=current;},
+			/**
+			   * 更新时间片段
+			   * @param timeSections 片段数据
+			   */
+			_proto.updateTimeSections=function(timeSections){timeSections&&Array.isArray(timeSections)&&(this._timeSections=timeSections);},
+			/**
+			   * 重置尺寸
+			   */
+			_proto.resize=function(width,height){this._resize(width,height);},_proto._resize=function(width,height){var cssText="";/^\d+(\.\d+)?$/.test(width+"")?cssText+="width: "+width+"px;":width&&(cssText+="width: "+width+";"),/^\d+(\.\d+)?$/.test(height+"")?cssText+="height: "+height+"px;":height&&(cssText+="height: "+height+";"),this.$container&&(this.$container.style.cssText+=cssText),this._width=Math.floor(this.$container.clientWidth),this._height=Math.floor(this.$container.clientHeight);},
+			/**
+			   * 改变时间轴刻度
+			   * 移动端间距： 0：1分钟，1：10分钟，2：半小时，3：1小时，4：2小时, 5：4小时
+			   * PC间距：
+			   * @param timeWidth 时间轴刻度
+			   */
+			_proto.setTimeWidth=function(timeWidth){[0,1,2,3,4,5].includes(timeWidth)&&(this._timeWidth=timeWidth);},
+			/**
+			   * 销毁
+			   */
+			_proto.destroy=function(){
+			// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+			this._current=null,null==this.options.onDestroy||this.options.onDestroy.call(this.options),this._timeSections=[],this._readOnly=false,this._destroyed=true;},_create_class$2(BaseTimeLine,[{key:"current",get:
+			/**
+			   * 当前时间
+			   */
+			function(){return this._current},set:
+			/**
+			   * 当前时间
+			   */
+			function(current){this._current=current;}},{key:"readOnly",get:
+			/**
+			   * 只读状态
+			   */
+			function(){return this._readOnly},set:function(readOnly){this._readOnly!==readOnly&&(this._readOnly=readOnly,this.$container.style.cursor=readOnly?"not-allowed":"pointer");}},{key:"timeSections",get:
+			/**
+			   * 时间片段
+			   */
+			function(){return this._timeSections}},{key:"width",get:
+			/**
+			   * 获取 TimeLine 的宽度
+			   * @returns
+			   */
+			function(){return this._width}},{key:"height",get:
+			/**
+			   * 获取 TimeLine 的高度
+			   */
+			function(){return this._height}},{key:"timeWidth",get:function(){return this._timeWidth}}]),BaseTimeLine}();
+			/**
+			 * 时间轴基类
+			 * @internal
+			 */
+			/** 语言包 */BaseTimeLine.LOCALES=_$TIMELINE_LOCALES$_;var TimeLineUtil=function(){function TimeLineUtil(){}
+			/**
+			   * 时间转成日期
+			   * @param time 时间 （秒， 毫秒， 日期字符串， Date）
+			   * @returns 日期
+			   */return TimeLineUtil.toDate=function(time){var left,right,date=null;return "string"==typeof time&&time.includes(":")?date=new Date(time):"string"!=typeof time&&"number"!=typeof time||!/\d/.test(time+"")||10!==(time+"").length?"string"!=typeof time&&"number"!=typeof time||!/\d/.test(time+"")||13!==(time+"").length?(left=time,(null!=(right=Date)&&"undefined"!=typeof Symbol&&right[Symbol.hasInstance]?right[Symbol.hasInstance](left):left instanceof right)&&(date=time)):date=new Date(+time):date=new Date(1e3*+time),date},
+			/**
+			   * 时间转成 HH:mm:ss
+			   * @param time 时间
+			   * @returns
+			   */
+			TimeLineUtil.formatDateToHHmmss=function(time){var date=TimeLineUtil.toDate(time);if(date){var h=date.getHours(),m=date.getMinutes(),s=date.getSeconds();// 返回日期中的小时数（0到23）
+			// 返回日期中的秒数（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后的结果字符串
+			   */
+			TimeLineUtil.subTime=function(m){return +m>9?m+"":"0"+m},
+			/**
+			   * 格式化时间， 支持 'YYYY-MM-DD'，'YYYY-MM-DD HH:mm:ss'， 'HH:mm:ss'
+			   * @param time 时间
+			   * @param fmt 时间格式
+			   * @returns
+			   */
+			TimeLineUtil.tranTime=function(time,fmt){ void 0===fmt&&(fmt="YYYY-MM-DD HH:mm:ss");var newDate=TimeLineUtil.toDate(time);return newDate?"YYYY-MM-DD"===fmt?newDate.getFullYear()+"-"+TimeLineUtil.subTime(newDate.getMonth()+1)+"-"+TimeLineUtil.subTime(newDate.getDate()):"HH:mm:ss"===fmt?TimeLineUtil.subTime(newDate.getHours())+":"+TimeLineUtil.subTime(newDate.getMinutes())+":"+TimeLineUtil.subTime(newDate.getSeconds()):"HH"===fmt?TimeLineUtil.subTime(newDate.getHours()):"mm:ss"===fmt?TimeLineUtil.subTime(newDate.getMinutes())+":"+TimeLineUtil.subTime(newDate.getSeconds()):"HH:mm"===fmt?TimeLineUtil.subTime(newDate.getHours())+":"+TimeLineUtil.subTime(newDate.getMinutes()):"YYYYMMDDTHHmmssZ"===fmt?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":newDate.getFullYear()+"-"+TimeLineUtil.subTime(newDate.getMonth()+1)+"-"+TimeLineUtil.subTime(newDate.getDate())+" "+TimeLineUtil.subTime(newDate.getHours())+":"+TimeLineUtil.subTime(newDate.getMinutes())+":"+TimeLineUtil.subTime(newDate.getSeconds()):""},
+			/**
+			   * 时间转成秒
+			   * @param time
+			   * @returns
+			   */
+			TimeLineUtil.timeToSecond=function(time){var e=time.split(":");return 60*Number(e[0])*60+60*Number(e[1])+(Number(e[2])||0)},
+			/**
+			   * 分钟转成 HH:mm
+			   * @param minute
+			   * @returns
+			   */
+			TimeLineUtil.minuteToTime=function(minute){var hour=Math.floor(minute/60),m=minute%60;return (hour>9?hour:"0"+hour)+":"+(m>9?m:"0"+m)},
+			/**
+			   * 时间转成分钟
+			   * @param time
+			   * @returns
+			   */
+			TimeLineUtil.timeToMinute=function(time){var e=time.split(":");
+			// const s = Number(e[2]);
+			return 60*Number(e[0])+Number(e[1])},
+			/**
+			   * @description 判读两个区间是否重叠
+			   * @param {number} a_start 一个区间的开始
+			   * @param {number} a_end 一个区间的结束
+			   * @param {number} b_start 另一个区间的开始
+			   * @param {number} b_end 另一个区间的结束
+			   * @returns {boolean}
+			   */
+			TimeLineUtil.isOverlap=function(a_start,a_end,b_start,b_end){return Math.max(a_start,b_start)<=Math.min(a_end,b_end)},TimeLineUtil.tranTimeToString=function(start,end){var _TimeLineUtil_toDate,_TimeLineUtil_toDate1,secondNum=Math.floor((null==(_TimeLineUtil_toDate=TimeLineUtil.toDate(end))?void 0:_TimeLineUtil_toDate.getTime())-(null==(_TimeLineUtil_toDate1=TimeLineUtil.toDate(start))?void 0:_TimeLineUtil_toDate1.getTime()))/1e3,second=secondNum%60,minute=Math.floor(secondNum/60);return (minute>0?TimeLineUtil.subTime(minute)+"'":"0'")+TimeLineUtil.subTime(second)+"''"},TimeLineUtil}(),_$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>',_$TIMELINE_ICONS$__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  ',_$TIMELINE_ICONS$__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  ',_$TIMELINE_ICONS$__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  ',_$TIMELINE_ICONS$__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  ',_$TIMELINE_ICONS$__picture='\n    <svg viewBox="0 0 19.1613 19.4583" fill="currentColor" width="1em" height="1em" focusable="false" aria-hidden="true" data-icon="picture">\n        <path 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    ',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小时"]],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小时"]];
+			/**
+			 * 时间轴图标集
+			 */function _create_class$1(Constructor,protoProps,staticProps){return protoProps&&
+			/* 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(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false,descriptor.configurable=true,"value"in descriptor&&(descriptor.writable=true),Object.defineProperty(target,descriptor.key,descriptor);}}(Constructor.prototype,protoProps),Constructor}function _extends$1(){return _extends$1=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key]);}return target},_extends$1.apply(this,arguments)}function _set_prototype_of$1(o,p){return _set_prototype_of$1=Object.setPrototypeOf||function(o,p){return o.__proto__=p,o},_set_prototype_of$1(o,p)}
+			/**
+			 * 时间轴样式类前缀
+			 */var _$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}),MobileTimeLine=function(BaseTimeLine){function MobileTimeLine(container,options){var _this;return (_this=BaseTimeLine.call(this,container,deepmerge(_$MOBILE_TIME_LINE_DEFAULT_OPTIONS$_,options,{clone:false}))||this)._isTouchStart=false,_this._dragScroll=null,_this._moveStartX=0,_this._moveStartY=0,_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(),_this.options.timeSections&&Array.isArray(_this.options.timeSections)&&_this.updateTimeSections(_this.options.timeSections),_this}!function(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}}),superClass&&_set_prototype_of$1(subClass,superClass);}(MobileTimeLine,BaseTimeLine);var _proto=MobileTimeLine.prototype;
+			/**
+			   * 设置只读或取消只读
+			   * @param readOnly - 只读或取消只读
+			   * @returns
+			   */return _proto.setReadOnly=function(readOnly){BaseTimeLine.prototype.setReadOnly.call(this,readOnly),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分钟
+			   */
+			_proto.setTimeWidth=function(timeWidth){MOBILE_TIME_WIDTH[timeWidth]&&(BaseTimeLine.prototype.setTimeWidth.call(this,timeWidth),this._matchTimeDot());},
+			/**
+			   * 更新片段数组
+			   * @param timeSections
+			   * @param defaultIndex
+			   */
+			_proto.updateTimeSections=function(timeSections,defaultIndex){BaseTimeLine.prototype.updateTimeSections.call(this,timeSections);var list=timeSections.map(function(record){return _extends$1({},record,{startTime:TimeLineUtil.formatDateToHHmmss(record.startTime),endTime:TimeLineUtil.formatDateToHHmmss(record.endTime)})});if(list.length>0){ void 0===defaultIndex&&(defaultIndex=list.length-1);
+			// 若current不为 null，则不重置current，避免拖动后时间轴回弹
+			var current=this.state.current;this._setState({availTimeLine:list,start:list[defaultIndex].startTime,end:list[defaultIndex].endTime,current:null===current?list[defaultIndex].startTime:current}),this._matchTimeDot();}else this._setState({availTimeLine:[],current:TimeLineUtil.formatDateToHHmmss(this.current||(new Date).getTime())}),this._matchTimeDot();},
+			/**
+			   * 更新当前时间
+			   * @param time 能转成时间的值， 如 时间对象 Date, 时间戳，时间戳字符串
+			   */
+			_proto.update=function(time){var _this__dragScroll;time&&!(null==(_this__dragScroll=this._dragScroll)?void 0:_this__dragScroll.isDragging)&&(this._setState({current:TimeLineUtil.tranTime(time,"HH:mm:ss")}),this._currentOffsetH());},
+			/**
+			   * 销毁
+			   */
+			_proto.destroy=function(){var _this__dragScroll,_this__picker_$body_querySelectorAll,_this__picker_$body;if(this._scrollTimer&&(clearInterval(this._scrollTimer),this._scrollTimer=null),this._$currentTime)try{this.$container.removeChild(this._$currentTime),this._$currentTime=null;}catch(error){}if(this._$itemList&&this._imageRemoveErrorEvent(this._$itemList.querySelectorAll("img.ez-time-line-img")||[]),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){}this._picker&&(this._imageRemoveErrorEvent((null==(_this__picker_$body=this._picker.$body)||null==(_this__picker_$body_querySelectorAll=_this__picker_$body.querySelectorAll)?void 0:_this__picker_$body_querySelectorAll.call(_this__picker_$body,"img"))||[]),this._picker.destroy(),this._picker=null);this._removeEventListener(),null==(_this__dragScroll=this._dragScroll)||_this__dragScroll.destroy(),this._dragScroll=null,BaseTimeLine.prototype.destroy.call(this);},
+			/**
+			   * 更新状态
+			   * @param obj
+			   */
+			_proto._setState=function(obj){var _this=this;
+			// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+			Object.keys(obj).forEach(function(key){var _this__dragScroll,_this_timeSections_;"current"===key&&obj[key]?(_this._setCurrentDOM(obj[key]),_this.state.current===obj[key]||(null==(_this__dragScroll=_this._dragScroll)?void 0:_this__dragScroll.isDragging)||(_this.state[key]=obj[key],_this.current=new Date(TimeLineUtil.tranTime(null==(_this_timeSections_=_this.timeSections[0])?void 0:_this_timeSections_.endTime,"YYYY-MM-DD")+" "+obj[key]),null==_this.options.onChange||_this.options.onChange.call(_this.options,_this.current))):_this.state[key]=obj[key];});},_proto._setCurrentDOM=function(time){this._$currentTime&&(this._$currentTime.querySelector(".ez-time-line-current-value").innerHTML=time);},
+			/**
+			   * 渲染时间轴刻度数组
+			   */
+			_proto._matchTimeDot=function(){for(var scaleWidth=this._scaleWidth,timeArr=[],minute=TimeLineUtil.timeToMinute("24:00:00"),i=minute=Math.floor(minute/scaleWidth)*scaleWidth// 时间单位 分钟
+			;i>=0;){var marginTop=0,marginBottom=0;
+			// 视频片段
+			i==minute&&(marginTop=70),0==i&&(marginBottom=this.$container.clientHeight-70);var 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();},_proto._matchRecTimeDot=function(){var _this_state=this.state,availTimeLine=_this_state.availTimeLine,timeArr=_this_state.timeArr,scaleWidth=this._scaleWidth,len=availTimeLine.length;if(0===len)for(var j=0;j<timeArr.length;j++)timeArr[j].recArr=[];else {for(var k=0;k<timeArr.length;k++)timeArr[k].recArr=[];for(var i=0;i<len;i++){var stAvailPercent,etAvailPercent,temp=availTimeLine[i],st=TimeLineUtil.timeToSecond(temp.startTime),et=TimeLineUtil.timeToSecond(temp.endTime),stMinute=Math.floor(st/(60*scaleWidth))*scaleWidth;stAvailPercent=(st-60*stMinute)/scaleWidth;var etMinute=Math.floor(et/(60*scaleWidth))*scaleWidth;etAvailPercent=(et-60*etMinute)/scaleWidth;for(var j1=0;j1<timeArr.length;j1++)if(timeArr[j1].id==stMinute&&timeArr[j1].id==etMinute){var height=etAvailPercent-stAvailPercent,top=60-etAvailPercent;
+			// prettier-ignore
+			timeArr[j1].recArr.push({height:height,top:top});}else timeArr[j1].id==stMinute?timeArr[j1].recArr.push({height:60-stAvailPercent,top:0}):timeArr[j1].id==etMinute?timeArr[j1].recArr.push({height:etAvailPercent,top:60-etAvailPercent}):timeArr[j1].id>stMinute&&timeArr[j1].id<etMinute&&timeArr[j1].recArr.push({height:60,top:0});}}this._setState({timeArr:timeArr}),this._renderDateLine();},_proto._renderDateLine=function(){var _this=this,timeArr=this.state.timeArr,container=this._$itemList;
+			// 清理上一次的error 事件
+			this._imageRemoveErrorEvent(container.querySelectorAll("img.ez-time-line-img")||[]),container.innerHTML="",timeArr.forEach(function(item,index){var timeItemDOM=document.createElement("div");timeItemDOM.setAttribute("class","ez-time-line-time-scale-area"),item.marginTop&&(timeItemDOM.style.cssText+="margin-top: "+item.marginTop+"px;"),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+""),document.createElement("div").setAttribute("class","ez-time-line-scale");var timeItemHtml="";item.coverArr.length&&(timeItemHtml+='\n            <div class="ez-time-line-time-cover-fold '+(item.coverArr.length>1?"ez-time-line-time-cover-fold-multiple":"")+'"\n            data-start="'+item.current+'">\n              '+(item.coverArr.length>1?'<div class="ez-time-line-cover-fold-placeholder" style="color: #FFF"></div>':"")+'\n              <div class="ez-time-line-time-cover-fold-img">\n                <img src="'+_this._setImageScr(item.coverArr[0].coverPic)+'" class="ez-time-line-img"/>\n                <span class="ez-time-line-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                "+(1===item.coverArr.length?'<span class="ez-time-line-time-cover-fold-time">'+TimeLineUtil.tranTimeToString(item.coverArr[0].startTime,item.coverArr[0].endTime)+"</span>":"")+'\n                <span class="ez-time-line-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(function(i){timeItemHtml+='<div class="ez-time-line-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="ez-time-line-time-label" style="color: '+(_this.options.timeTextColor||"#666")+'">'+item.current+"</div>",timeItemDOM.innerHTML=timeItemHtml,container.appendChild(timeItemDOM),_this._imageErrorEvent(container.querySelectorAll("img.ez-time-line-img")||[]);}),this._currentOffsetH();},_proto._currentOffsetH=function(){var current=this.state.current;if(current){var _this__dragScroll,y=(86400-TimeLineUtil.timeToSecond(current)||0)/this._scaleWidth;null==(_this__dragScroll=this._dragScroll)||_this__dragScroll.scrollToY(y+60,false);}},_proto._render=function(){var _this=this;
+			// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+			if(this._$currentTime=document.createElement("div"),this._$currentTime.classList.add("ez-time-line-current"),this._$currentTime.innerHTML='<div class="ez-time-line-current-content" style="color: '+(this.options.currentTimeBgColor||"#648FFC")+'">\n      <span class="ez-time-line-current-tip">'+_$TIMELINE_ICONS$__tip+'</span>\n      <span class="ez-time-line-current-tip-line" style="background-color: '+(this.options.timePointColor||"#648FFC")+';"></span>\n      <div class="ez-time-line-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("ez-time-line-container"),this.$container.appendChild(this._$itemContainer),this._dragScroll=new DragScroll(this._$itemContainer,{hideScrollbar:true,onChange:function(state){var result=_this._offsetYToTime(state.y);result[1]!==_this.state.current&&_this._setCurrentDOM(result[0]>=86400?"23:59:59":result[1]);},onDragStart:function(e){_this._moveStartX=e.clientX,_this._moveStartY=e.clientY,null==_this.options.onDragStart||_this.options.onDragStart.call(_this.options,_this.state.current);},onDragging:function(){null==_this.options.onDragging||_this.options.onDragging.call(_this.options,_this.state.current);},onDragEnd:function(){var _this__dragScroll,result=_this._offsetYToTime(null==(_this__dragScroll=_this._dragScroll)?void 0:_this__dragScroll.currentY);result[1]!==_this.state.current&&_this._setState({current:result[0]>=86400?"23:59:59":result[1]}),null==_this.options.onDragEnd||_this.options.onDragEnd.call(_this.options,_this.state.current);}}),/\d/.test(this.options.height))this._$itemContainer.style.cssText+="height: "+this.options.height+"px";else if("string"==typeof this.options.height)this._$itemContainer.style.cssText+="height: "+this.options.height;else {var height=this.$container.clientHeight;this._$itemContainer.style.cssText+="height: "+height+"px";}this._$itemList=document.createElement("div"),this._$itemList.classList.add("ez-time-line-item"),this._dragScroll.$content.appendChild(this._$itemList),this.options.showTimeWidthBtn&&(
+			// 加减
+			this._$op=document.createElement("div"),this._$op.classList.add("ez-time-line-op"),this._$op.innerHTML='<span class="ez-time-line-op-wrapper"><span class="ez-time-line-icon-plus">'+_$TIMELINE_ICONS$__plus+'</span> <span class="ez-time-line-icon-minus">'+_$TIMELINE_ICONS$__minus+"</span></span>",this.$container.appendChild(this._$op)),this._picker=new Picker(null,{isMobile:true,wrapClassName:"ez-time-line-picker",onOpenChange:function(isOpen){var _this_options_onPickerOpenChange,_this_options;null==(_this_options=_this.options)||null==(_this_options_onPickerOpenChange=_this_options.onPickerOpenChange)||_this_options_onPickerOpenChange.call(_this_options,isOpen);}}),this._addEventListener();},_proto._addEventListener=function(){var// this._$op.addEventListener('click', this._opClick, false);
+			_this__$op_querySelector,_this__$op_querySelector1;this.options.showTimeWidthBtn&&this._$op&&(null==(_this__$op_querySelector=this._$op.querySelector(".ez-time-line-icon-plus"))||_this__$op_querySelector.addEventListener("click",this._plusClick,false),null==(_this__$op_querySelector1=this._$op.querySelector(".ez-time-line-icon-minus"))||_this__$op_querySelector1.addEventListener("click",this._minusClick,false));this._matchTimeDot(),this._picker&&(this._delegatePickerClose=delegate(this._picker.$body,".ez-time-line-picker-close","click",this._onPickerClose,false),this._delegateItemContent=delegate(this._picker.$body,".ez-time-line-picker-item-content","click",this._onClickItem,false),this._delegateCoverFold=delegate(this._$itemList,".ez-time-line-time-cover-fold","click",this._onClickCoverFold,false));},_proto._removeEventListener=function(){var _this__$op_querySelector,_this__$op_querySelector1,_this__picker_$body_querySelector,_this__picker_$body;this.options.showTimeWidthBtn&&this._$op&&(null==(_this__$op_querySelector=this._$op.querySelector(".ez-time-line-icon-plus"))||_this__$op_querySelector.removeEventListener("click",this._plusClick),null==(_this__$op_querySelector1=this._$op.querySelector(".ez-time-line-icon-minus"))||_this__$op_querySelector1.removeEventListener("click",this._minusClick));this._picker&&(null==(_this__picker_$body=this._picker.$body)||null==(_this__picker_$body_querySelector=_this__picker_$body.querySelector(".ez-time-line-picker-close"))||_this__picker_$body_querySelector.removeEventListener("click",this._onPickerClose),this._delegateItemContent&&(this._delegateItemContent.forEach(function(delegation){delegation.destroy();}),this._delegateItemContent=null),this._delegatePickerClose&&(this._delegatePickerClose.forEach(function(delegation){delegation.destroy();}),this._delegatePickerClose=null),this._delegateCoverFold&&(this._delegateCoverFold.forEach(function(delegation){delegation.destroy();}),this._delegateCoverFold=null));},_proto._plusClick=function(){var timeWidth=this.timeWidth+1;timeWidth>0&&timeWidth<MOBILE_TIME_WIDTH.length&&this.setTimeWidth(timeWidth);},_proto._minusClick=function(){var timeWidth=this.timeWidth-1;timeWidth>=0&&timeWidth<MOBILE_TIME_WIDTH.length&&this.setTimeWidth(Math.floor(timeWidth));},_proto._timeSectionsToGroupsByHour=function(list){var obj={};return list.forEach(function(item,index){
+			// 移动端仅支持一天
+			// if (TimeLineUtil.tranTime(item.startTime, 'YYYY-MM-DD') !== TimeLineUtil.tranTime(item.endTime, 'YYYY-MM-DD')) {
+			// }
+			var hour=TimeLineUtil.tranTime(item.startTime,"HH");obj[+hour]?
+			// prettier-ignore
+			obj[+hour].push(_extends$1({},item,{_index:index})):
+			// prettier-ignore
+			obj[+hour]=[_extends$1({},item,{_index:index})];}),obj},
+			/**
+			   *
+			   * @param start 仅支持判断同一天的， 如果是多天的或出错
+			   */
+			_proto._filterTimeSectionsByTime=function(start){if(!start)return [];var startSecond=TimeLineUtil.timeToSecond(start+":00"),endSecond=TimeLineUtil.timeToSecond(start+":00")+60*this._scaleWidth;return this.timeSections.filter(function(item){var _$start=TimeLineUtil.timeToSecond(TimeLineUtil.tranTime(item.startTime,"HH:mm:ss"));return _$start>=startSecond&&_$start<endSecond})},
+			/**
+			   * 渲染选择器内容
+			   */
+			_proto._renderPickerContent=function(start){var _this__picker_innerHTML,_this__picker,_this__picker1,_this__picker2,_this=this,list=this._filterTimeSectionsByTime(start),hourGroups=this._timeSectionsToGroupsByHour(list);(null==(_this__picker=this._picker)||null==(_this__picker_innerHTML=_this__picker.innerHTML)||_this__picker_innerHTML.call(_this__picker,'<div class="ez-time-line-picker-container">\n        <div class="ez-time-line-picker-header">\n          <span class="ez-time-line-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="ez-time-line-picker-content">\n          <div class="ez-time-line-picker-list">\n             '+Object.keys(hourGroups).reverse().map(function(key){return '<div class="ez-time-line-picker-item">\n                  <div class="ez-time-line-picker-item-title">'+key+':00</div>\n                  <div class="ez-time-line-picker-item-list">\n                    '+hourGroups[key].reverse().map(function(item){return '<div class="ez-time-line-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="ez-time-line-picker-item-time">'+TimeLineUtil.tranTime(item.startTime,"HH:mm")+'</span>\n                                    <span class="ez-time-line-picker-item-duration">\n                                      '+TimeLineUtil.tranTimeToString(item.startTime,item.endTime)+'\n                                    </span>\n                                  <img class="ez-time-line-picker-item-cover" src="'+_this._setImageScr(item.coverPic)+'"/>\n                                </div>'}).join("")+"\n                  </div>\n              </div>"}).join("")+"\n          </div>\n          </div>\n        </div>\n      </div>"),null==(_this__picker1=this._picker)?void 0:_this__picker1.$body)&&this._imageErrorEvent((null==(_this__picker2=this._picker)?void 0:_this__picker2.$body.querySelectorAll("img"))||[]);},
+			/**
+			   * 图片加载失败事件监听
+			   * @param list
+			   */
+			_proto._imageErrorEvent=function(list){var _this=this;void 0===list&&(list=[]),Array.from(list).forEach(function(img){
+			// 避免重复添加事件
+			img.hasAttribute("data-error")||img.addEventListener("error",_this._onImageError);});},
+			/**
+			   * 图片加载失败移除
+			   * @param list
+			   */
+			_proto._imageRemoveErrorEvent=function(list){var _this=this;void 0===list&&(list=[]),Array.from(list).forEach(function(img){
+			// 避免重复添加事件
+			img.removeEventListener("error",_this._onImageError);});},
+			/**
+			   * 图片加载失败
+			   * @param e
+			   */
+			_proto._onImageError=function(e){var img=e.target;if(!img.hasAttribute("data-error")){var _img_parentNode,placeholder=document.createElement("div");
+			// 加密图片不能加载或没有图片
+			placeholder.classList.add("ez-time-line-item-cover-placeholder"),placeholder.innerHTML=""+_$TIMELINE_ICONS$__picture,null==(_img_parentNode=img.parentNode)||_img_parentNode.appendChild(placeholder),img.remove();}},_proto._onPickerClose=function(){this._picker&&(this._picker.open=false);},_proto._onClickItem=function(e){var _e_delegateTarget_getAttribute,_e_delegateTarget,index=null==(_e_delegateTarget=e.delegateTarget)||null==(_e_delegateTarget_getAttribute=_e_delegateTarget.getAttribute)?void 0:_e_delegateTarget_getAttribute.call(_e_delegateTarget,"data-index");this._picker&&(this._picker.open=false),null==this.options.onPickerSelect||this.options.onPickerSelect.call(this.options,this.timeSections[+index]);},_proto._onClickCoverFold=function(e){var _e_delegateTarget_parentElement_getAttribute,_e_delegateTarget_parentElement,_e_delegateTarget;e.preventDefault();var time=null==(_e_delegateTarget=e.delegateTarget)||null==(_e_delegateTarget_parentElement=_e_delegateTarget.parentElement)||null==(_e_delegateTarget_parentElement_getAttribute=_e_delegateTarget_parentElement.getAttribute)?void 0:_e_delegateTarget_parentElement_getAttribute.call(_e_delegateTarget_parentElement,"data-time"),moveX=Math.abs(this._moveStartX-e.clientX),moveY=Math.abs(this._moveStartY-e.clientY);
+			// moveX >= 1 || moveY >= 1 用于判断是否移动
+			this._picker&&time&&!(moveX>=1||moveY>=1)&&(this._renderPickerContent(time),this._picker.open=true);},_proto._setImageScr=function(src){if(src){var query="x=1000&"+(this.options.coverQuery||"");return src+(src.includes("?")?"&":"?")+query}return ""},_proto._offsetYToTime=function(offsetY){var _this__dragScroll,y=offsetY;offsetY<60&&(
+			// 60 是下限
+			y=60,null==(_this__dragScroll=this._dragScroll)||_this__dragScroll.scrollToY(y));var second=86400-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)]},_create_class$1(MobileTimeLine,[{key:"_scaleWidth",get:
+			/**
+			   * 获取真实时间刻度（时间单位 分钟）
+			   */
+			function(){return (MOBILE_TIME_WIDTH[this.timeWidth]||MOBILE_TIME_WIDTH[0])[0]}}]),MobileTimeLine}(BaseTimeLine);function _create_class(Constructor,protoProps,staticProps){return protoProps&&function(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false,descriptor.configurable=true,"value"in descriptor&&(descriptor.writable=true),Object.defineProperty(target,descriptor.key,descriptor);}}(Constructor.prototype,protoProps),Constructor}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key]);}return target},_extends.apply(this,arguments)}function _set_prototype_of(o,p){return _set_prototype_of=Object.setPrototypeOf||function(o,p){return o.__proto__=p,o},_set_prototype_of(o,p)}
+			/**
+			 * 时间轴配置项
+			 */var _$TIMELINE_DEFAULT_OPTIONS$_={height:36,dpr:window.devicePixelRatio||2,
+			// wheelSpeed: 0.1,
+			scaleOffsetTop:4,showYearMonthDay:true},TimeLine=function(BaseTimeLine){function TimeLine(container,options){var _this;return (_this=BaseTimeLine.call(this,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
+			_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(),_this}!function(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}}),superClass&&_set_prototype_of(subClass,superClass);}(TimeLine,BaseTimeLine);var _proto=TimeLine.prototype;
+			/**
+			   * 初始化 (canvas)
+			   */return _proto._init=function(){this._$canvas=document.createElement("canvas"),this._ctx=this._$canvas.getContext("2d"),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();},
+			/**
+			   * 重置尺寸
+			   */
+			_proto.resize=function(width,height){BaseTimeLine.prototype.resize.call(this,width,height),this._$canvas&&width&&(this._$canvas.width=this.width*this.options.dpr,this._$canvas.style.cssText+="width: "+this.width+"px;"),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
+			   */
+			_proto.setTimeWidth=function(timeWidth){this._update({timeWidth:timeWidth});},
+			/**
+			   *  设置片段数组
+			   * @param timeSections - 片段数组
+			   * @returns
+			   */
+			_proto.updateTimeSections=function(timeSections){this._update({timeSections:timeSections});},
+			/**
+			   * 更新当前时间
+			   * @param time 能转成时间的值， 如 时间对象 Date, 时间戳，时间戳字符串
+			   */
+			_proto.update=function(time){time&&!this._isMouseDown&&this._update({current:new Date(TimeLineUtil.tranTime(time,"YYYY-MM-DD HH:mm:ss"))});},
+			/**
+			   * 更新
+			   * @param options - 更新参数
+			   * @returns
+			   */
+			_proto._update=function(options){var left,right,_this__$canvas;(void 0===options&&(options={}),(null==options?void 0:options.current)&&(left=options.current,null!=(right=Date)&&"undefined"!=typeof Symbol&&right[Symbol.hasInstance]?right[Symbol.hasInstance](left):left instanceof right)&&(this.current=options.current),(null==options?void 0:options.timeSections)&&BaseTimeLine.prototype.updateTimeSections.call(this,this._mergeTimeSections(options.timeSections)),"number"==typeof(null==options?void 0:options.timeWidth)&&(null==options?void 0:options.timeWidth)<TIME_WIDTH.length&&(BaseTimeLine.prototype.setTimeWidth.call(this,options.timeWidth),this._timeWidthArray=TIME_WIDTH[Math.floor(this.timeWidth)]),"number"==typeof(null==options?void 0:options.timeWidth)&&this._timeWidthArray)&&(this._timeWidthArray[3]&&(null==(_this__$canvas=this._$canvas)||_this__$canvas.setAttribute("data-title",this._timeWidthArray[3])));this._draw();},_proto.setReadOnly=function(readOnly){BaseTimeLine.prototype.setReadOnly.call(this,readOnly),this._$canvas&&(this._$canvas.style.cssText+="cursor: "+(readOnly?"not-allowed":"pointer"));},
+			/**
+			   * 销毁
+			   * @returns
+			   */
+			_proto.destroy=function(){if(this._removeEventListener(),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);
+			}BaseTimeLine.prototype.destroy.call(this);},
+			/**
+			   * 绘制
+			   */
+			_proto._draw=function(){
+			// 清空画布
+			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();},
+			/**
+			   * 绘制刻度
+			   */
+			_proto._drawScale=function(){var lineWidth=1*this.options.dpr;
+			/** 中心位置 */this._centerPositionX=parseInt(this.width*this.options.dpr/2+"");
+			// 左扩展刻度
+			for(var centerPosition={x:this.width*this.options.dpr/2,y:this.height*this.options.dpr},curScaleTime=Math.floor(this.current.getTime()/1e3),offsetSecond=(curScaleTime-Math.floor(new Date(TimeLineUtil.tranTime(new Date(1e3*curScaleTime),"YYYY-MM-DD")+" 00:00:00").getTime()/1e3))%this._timeWidthArray[0],padding=this.height*this.options.dpr/20,spacing=this._curScaleSpacing*this.options.dpr,rightLastScaleTimeX=Math.floor(this._centerPositionX+(this._timeWidthArray[0]-offsetSecond)/this._timeWidthArray[0]*spacing),leftLastScaleTime=curScaleTime-offsetSecond,rightLastScaleTime=leftLastScaleTime+this._timeWidthArray[0],x=rightLastScaleTimeX-spacing;x>0;x-=spacing){0===(leftLastScaleTime-Math.floor(new Date(TimeLineUtil.tranTime(new Date(1e3*leftLastScaleTime),"YYYY-MM-DD")+" 00:00:00").getTime()/1e3))%(this._timeWidthArray[0]*this._timeWidthArray[2])?(
+			// prettier-ignore
+			this._drawSolidLine(x,padding,x,padding+(this.options.scaleOffsetTop+4)*this.options.dpr,lineWidth),
+			// prettier-ignore
+			this._drawTextString(TimeLineUtil.tranTime(new Date(1e3*leftLastScaleTime)),x,padding+(this.options.scaleOffsetTop+4+4)*this.options.dpr,"center")):this._drawSolidLine(x,padding,x,padding+this.options.scaleOffsetTop*this.options.dpr,lineWidth),leftLastScaleTime-=this._timeWidthArray[0];}
+			// 右扩展刻度
+			// prettier-ignore
+			for(var x1=rightLastScaleTimeX;x1<=this.width*this.options.dpr;x1+=spacing){0===(rightLastScaleTime-Math.floor(new Date(TimeLineUtil.tranTime(new Date(1e3*rightLastScaleTime),"YYYY-MM-DD")+" 00:00:00").getTime()/1e3))%(this._timeWidthArray[0]*this._timeWidthArray[2])?(
+			// prettier-ignore
+			this._drawSolidLine(x1,padding,x1,padding+(this.options.scaleOffsetTop+4)*this.options.dpr,lineWidth),
+			// prettier-ignore
+			this._drawTextString(TimeLineUtil.tranTime(new Date(1e3*rightLastScaleTime)),x1,padding+(this.options.scaleOffsetTop+4+4)*this.options.dpr,"center")):this._drawSolidLine(x1,padding,x1,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 坐标
+			   * @param endX - 线终点 x 坐标
+			   * @param endY - 线终点 y 坐标
+			   * @param lineWidth - 线宽度
+			   * @param color - 线颜色
+			   *
+			   */
+			// prettier-ignore
+			_proto._drawSolidLine=function(startX,startY,endX,endY,lineWidth,color){this._ctx&&(this._ctx.save(),this._ctx.strokeStyle=null!=color?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 - 文本对齐方式
+			   */
+			_proto._drawTextString=function(text,x,y,align){if(this._ctx){var timeTexts=text.split(" ");this._ctx.font=12*this.options.dpr*1+"px serif",this._ctx.fillStyle=this.options.timeTextColor,this._ctx.textAlign=align||"left",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
+			!this.options.showYearMonthDay||"00:00:00"!==timeTexts[1]&&"00:00"!==timeTexts[1]&&this._timeWidthArray[0]*this._timeWidthArray[2]!==86400||(
+			// 展示年月日
+			this._ctx.textAlign=align||"left",this._ctx.fillText(timeTexts[0],x,y+18*this.options.dpr));}},
+			/**
+			   * 画录像区间
+			   */
+			_proto._drawSections=function(){
+			// 根据时间查找当前位置
+			for(
+			// 绘制蓝色区域
+			var timeArr=this.timeSections||[],i=0;i<timeArr.length;i++){var position=this._findPosition(timeArr[i]);
+			// 判断一下绘制区域是否在画布区域， 不在可以不用绘制
+			// prettier-ignore
+			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}
+			   */
+			_proto._findPosition=function(item){
+			// 中间的当前时间 current 为基准， 然后计算时间片段的 x 坐标和 y 坐标
+			// prettier-ignore
+			var x1=(parseInt((item.startTime-this.current.getTime())/1e3+"",10)/this._timeWidthArray[0]*this._curScaleSpacing+this.width/2)*this.options.dpr;return {x1:x1,x2:x1+parseInt((item.endTime-item.startTime)/1e3+"",10)/this._timeWidthArray[0]*this._curScaleSpacing*this.options.dpr}},
+			/**
+			   * 合并相邻两个时间区间
+			   * @param timeSections - 时间区间数组
+			   *
+			   * @returns 合并后的时间区间
+			   */
+			_proto._mergeTimeSections=function(timeSections){if(0===timeSections.length)return timeSections;for(var merged=[(timeSections=timeSections.map(function(item){
+			// 处理秒
+			return 10===(item.startTime+"").length&&(item.startTime=1e3*item.startTime),10===(item.endTime+"").length&&(item.endTime=1e3*item.endTime),_extends({},item,{startTime:item.startTime,endTime:item.endTime})}))[0]],i=1;i<timeSections.length;i++){var prev=merged[merged.length-1],curr=timeSections[i];
+			// 如果当前区间与上一个区间重叠或相邻（即 prev.end >= curr.start）
+			prev.endTime>=curr.startTime?
+			// 合并区间
+			prev.endTime=Math.max(prev.endTime,curr.endTime):merged.push(curr);}return merged},
+			// -------------------------------------
+			// mouse event
+			// -------------------------------------
+			/**
+			   * 添加事件监听
+			   * @returns
+			   */
+			_proto._addEventListener=function(){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",function(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
+			   */
+			_proto._removeEventListener=function(){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
+			   */
+			_proto._mousedownFun=function(e){this.readOnly||(this._isMouseDown=true,this._mousePosition=e.pageX,this._oldTime=this.current,null==this.options.onDragStart||this.options.onDragStart.call(this.options,this.current));},
+			/**
+			   * 鼠标移入事件监听
+			   * @returns
+			   */
+			_proto._mouseoverFun=function(){this.readOnly||(this._isOver=true);},
+			/**
+			   * 鼠标离开事件监听
+			   * @returns
+			   */
+			_proto._mouseleaveFun=function(e){this.readOnly||(this._isOver=false,this._moveEndOrTouchEndFun(e));},
+			/**
+			   * 鼠标抬起事件监听
+			   * @returns
+			   */
+			_proto._mouseUpFun=function(e){this._moveEndOrTouchEndFun(e);},
+			/**
+			   * 鼠标移动事件监听
+			   * @param e - 鼠标事件
+			   * @returns
+			   */
+			_proto._mousemoveFun=function(e){if(!this.readOnly)if(this._isMouseDown&&this._isOver)
+			// 鼠标按下位置和移动位置的偏移量
+			this._moveUpdateFun(e.pageX);else {var 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
+			   */
+			_proto._mousewheelFun=function(e){e.preventDefault(),this.readOnly;},
+			/**
+			   * ctrl键按下事件
+			   * @param e - 键盘按下事件
+			   */
+			_proto._ctrlKeyDownFun=function(e){(e.ctrlKey||"Control"===e.key)&&(this._isCtrlKeyDown=true);},
+			/**
+			   * ctrl键抬起事件
+			   * @param e - 键盘按下事件
+			   */
+			_proto._ctrlKeyUpFun=function(e){(e.ctrlKey||"Control"===e.key)&&(this._isCtrlKeyDown=false);},
+			// ----------------------------------------------------------------------
+			// touch
+			// ----------------------------------------------------------------------
+			/**
+			   * 触摸距离
+			   * @param touches - 两指触摸点
+			   * @returns
+			   */
+			_proto._getTouchDistance=function(touches){var touch1=touches[0],touch2=touches[1],dx=touch2.clientX-touch1.clientX,dy=touch2.clientY-touch1.clientY;return Math.sqrt(dx*dx+dy*dy)},
+			/**
+			   * 触摸开始
+			   * @param e - 触摸事件
+			   * @returns
+			   */
+			_proto._touchstartFun=function(e){if(!this.readOnly)if(this._oldTime=this.current,this._isOver=true,1===e.touches.length){
+			// 单指
+			var touch=e.touches[0];this._isMouseDown=true,this._mousePosition=touch.clientX;}else 2===e.touches.length&&(
+			// 双指
+			this._lastTouchDist=this._getTouchDistance(e.touches));},
+			/**
+			   * 触摸移动
+			   * @param e - 触摸事件
+			   * @returns
+			   */
+			_proto._touchmoveFun=function(e){if(e.preventDefault(),// 防止页面缩放
+			e.stopPropagation(),!this.readOnly)if(1===e.touches.length){
+			// 单指
+			var touch=e.touches[0];this._moveUpdateFun(touch.clientX);}else if(2===e.touches.length){
+			// 双指
+			this._getTouchDistance(e.touches);this._lastTouchDist;}},
+			/**
+			   * 触摸结束
+			   * @param e - 触摸事件
+			   * @returns
+			   */
+			_proto._touchendFun=function(e){this.readOnly||this._moveEndOrTouchEndFun(e);},
+			/**
+			   * 拖动结束
+			   * @returns
+			   */
+			_proto._moveEndOrTouchEndFun=function(e){e.preventDefault(),this.readOnly||this._isMouseDown&&(this._isMouseDown=false,this._moved&&(this._moved=false,this._update({current:this.current}),this._oldTime=this.current,null==this.options.onDragEnd||this.options.onDragEnd.call(this.options,this.current,this._isOver)),this._isOver&&Math.abs(this._mousePosition-(e.pageX||0))>5&&(null==this.options.onChange||this.options.onChange.call(this.options,this.current)),this._mousePosition=0,this._lastTouchDist=0);},
+			/**
+			   * 移动更新时间
+			   * @param x - 移动的x坐标
+			   * @returns
+			   */
+			_proto._moveUpdateFun=function(x){
+			// 鼠标按下位置和移动位置的偏移量
+			var mouseOffset=this._mousePosition-x;
+			// fix点击引起mousemove的问题
+			if(0!==mouseOffset){if(this._oldTime){
+			// prettier-ignore
+			var currentTime=this._oldTime.getTime()+1e3*parseInt(mouseOffset/this._curScaleSpacing*this._timeWidthArray[0]+"",10);this._update({current:new Date(currentTime)}),null==this.options.onDragging||this.options.onDragging.call(this.options,new Date(currentTime));}this._moved=true;}},_create_class(TimeLine,[{key:"_curScaleSpacing",get:// -----------------------------------------------------------------------------------------
+			//  private
+			// -----------------------------------------------------------------------------------------
+			/**
+			   * 缩放时间轴 动态减少间距 （没处理 dpr）
+			   * @returns 刻度间距
+			   */
+			function(){var _this__timeWidthArray,_this__timeWidthArray1;return Math.floor((null==(_this__timeWidthArray=this._timeWidthArray)?void 0:_this__timeWidthArray[1])-(null==(_this__timeWidthArray1=this._timeWidthArray)?void 0:_this__timeWidthArray1[1])*+(this.timeWidth%1/2).toFixed(2));// 刻度间距
+			}}]),TimeLine}(BaseTimeLine);
+			/**
+			 * 时间轴控件类， 支持PC/Mobile 拖动和缩放
+			 * @beta
+			 * @example
+			 * ```ts
+			 * import TimeLine from './TimeLine';
+			 * const timeLine = new TimeLine(document.getElementById('container'), {})
+			 * ```
+			 */TimeLine.TIME_WIDTH=TIME_WIDTH;var index={MobileTimeLine:MobileTimeLine,TimeLine:TimeLine,BaseTimeLine:BaseTimeLine};exports.BaseTimeLine=BaseTimeLine,exports.MobileTimeLine=MobileTimeLine,exports.TimeLine=TimeLine,module.exports=index; 
+		} (dist$1, dist$1.exports));
+		return dist$1.exports;
 	}
-	/**
-	   * ctrl键按下事件
-	   * @param e - 键盘按下事件
-	   */_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"){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)}
-	/**
-	   * 触摸开始
-	   * @param e - 触摸事件
-	   * @returns
-	   */_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;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);}
-	/**
-	   * 拖动结束
-	   * @returns
-	   */_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)*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;
+
+	var distExports = requireDist();
 
 	function _extends$4() {
 	    _extends$4 = Object.assign || function(target) {
@@ -10706,7 +11548,8 @@
 	            tagName: 'div',
 	            controlType: 'block',
 	            classNameSuffix: 'time-line'
-	        })) || this, _this._$add = null, _this._$reduce = null, _this.records = [];
+	        })) || this, _this._$add = null, _this._$reduce = null, _this._currentTime = 0, _this.records = [];
+	        _this._currentTime = 0;
 	        _this._options = options;
 	        _this.records = ((_this__options = _this._options) == null ? void 0 : (_this__options_props = _this__options.props) == null ? void 0 : _this__options_props.recordList) || [];
 	        _this._render();
@@ -10717,9 +11560,13 @@
 	            (_this_timeLineUtil = _this.timeLineUtil) == null ? void 0 : (_this_timeLineUtil_updateTimeSections = _this_timeLineUtil.updateTimeSections) == null ? void 0 : _this_timeLineUtil_updateTimeSections.call(_this_timeLineUtil, records);
 	        });
 	        _this.on(EVENTS.getOSDTime, function(time) {
-	            var // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-	            _this_timeLineUtil_update, _this_timeLineUtil;
-	            (_this_timeLineUtil = _this.timeLineUtil) == null ? void 0 : (_this_timeLineUtil_update = _this_timeLineUtil.update) == null ? void 0 : _this_timeLineUtil_update.call(_this_timeLineUtil, new Date(time * 1000));
+	            if (time) {
+	                var // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+	                _this_timeLineUtil_update, _this_timeLineUtil;
+	                var date = new Date(time * 1000);
+	                _this._currentTime = date.getTime();
+	                (_this_timeLineUtil = _this.timeLineUtil) == null ? void 0 : (_this_timeLineUtil_update = _this_timeLineUtil.update) == null ? void 0 : _this_timeLineUtil_update.call(_this_timeLineUtil, date);
+	            }
 	        });
 	        return _this;
 	    }
@@ -10728,10 +11575,16 @@
 	        var _this = this;
 	        var _this_timeLineUtil_updateTimeSections, _this_timeLineUtil;
 	        var _timeLineOptions = {
-	            // locale: this._options.locale,
+	            language: this._options.language || 'zh',
+	            coverQuery: this._options.coverQuery || '',
 	            onChange: function(date) {
-	                _this._options.onChange == null ? void 0 : _this._options.onChange.call(_this._options, date);
-	                _this.emit(EVENTS.control.timeLineChange, date);
+	                if (_this._currentTime !== (date == null ? void 0 : date.getTime())) {
+	                    _this._options.onChange == null ? void 0 : _this._options.onChange.call(_this._options, date);
+	                    _this.emit(EVENTS.control.timeLineChange, date);
+	                }
+	            },
+	            onPickerOpenChange: function(open) {
+	                _this.emit(EVENTS.control.timeLinePanelOpenChange, open);
 	            },
 	            // 2025-10-27 仅移动端支持
 	            onPickerSelect: function(item) {
@@ -10746,17 +11599,17 @@
 	                }
 	            }
 	        };
-	        if (isMobile$1()) {
-	            this.timeLineUtil = new MobileTimeLine(this.$container, _timeLineOptions);
+	        if (distExports$3.isMobile()) {
+	            this.timeLineUtil = new distExports.MobileTimeLine(this.$container, _timeLineOptions);
 	        } else {
-	            this.timeLineUtil = new TimeLine(this.$container, _timeLineOptions);
+	            this.timeLineUtil = new distExports.TimeLine(this.$container, _timeLineOptions);
 	            this._renderAddReduce();
 	        }
 	        (_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.resize(width);
+	        if (!distExports$3.isMobile()) this.timeLineUtil.resize(width);
 	    };
 	    _proto._renderAddReduce = function _renderAddReduce() {
 	        var _this = this;
@@ -10891,7 +11744,7 @@
 	    globalFullscreen: GlobalFullscreen,
 	    rec: Rec,
 	    speed: Speed,
-	    date: DatePicker,
+	    date: DatePickerControl,
 	    timeLine: TimeLineControl
 	};
 
@@ -11546,7 +12399,7 @@
 	                    if (theme.options.posterOptions !== null) {
 	                        theme.posterControl = new Poster(_extends$1({}, theme.options.posterOptions || {}, {
 	                            getPopupContainer: function() {
-	                                return theme.contentControl.$content;
+	                                return theme.contentControl.$video;
 	                            }
 	                        }));
 	                    }
@@ -11691,14 +12544,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
 	        }));
@@ -11945,6 +12799,7 @@
 	    dblClickFullscreen: true,
 	    language: 'zh',
 	    autoPlay: true,
+	    scaleMode: THEME_SCALE_MODE_TYPE.full,
 	    loggerOptions: {
 	        level: 'INFO',
 	        showTime: true
@@ -12013,11 +12868,11 @@
 	   */ _this._footerMoreControl = null, /** 头部控件 @since 0.0.1 @private */ _this._header = null, /** 低部控件 @since 0.0.1 @private */ _this._footer = null, /** 回放底部时间轴 @since 0.0.1 @private */ _this._recFooter = null, /**
 	   * 移动端扩展容器, 扩展的控件渲染在指定容器以外， 仅只用端适用， 为了可以放置大的控件和方便开发接入
 	   * @private
-	   */ _this._mobileExtend = null, /**  @since 0.0.1 @private */ _this._interactiveResult = null, /**  @since 0.0.1 @private */ _this._themeData = null, _this._fullscreen = null, _this.zoomUtil = null, /** 清除屏幕旋转 */ _this._cleanupOrientation = null, /**  resizeObserver 监听销毁 */ _this._cleanUpResizeObserver = null, /** 容器的宽 */ _this._width = 0, /** 容器的高 */ _this._height = 0, /** 当前容器的全屏状态  true: 全屏， false: 非全屏 */ _this._isCurrentFullscreen = false, /** 屏幕旋转角度 0 ｜ 90 ｜ 180 ｜ 270 */ _this._orientationAngle = 0, /** 是否播放中 @private */ _this._playing = false, /** 加载中 */ _this._loading = false, /** 音量 */ _this._volume = 0, /** 静音 */ _this._muted = false, /** 电子放大倍数 @private */ _this._zoom = 1, /** 放大中  true: 可缩放状态，false: 禁止缩放状态(不能缩放) @private */ _this._zooming = false, /** 录制中 @private */ _this._recording = false, /** 对讲中 @private */ _this._talking = false, /** 倍速 @private */ _this._speed = 1, /** 自定清晰度 @private */ _this._videoLevelAuto = false, /** 清晰度列表 */ _this.videoLevelList = [], /** 回放片段列表 */ _this.recordList = [], /** 窗口尺寸变化时，设置窗口超出隐藏，防止出现滚动条 */ _this._resizeOverflowTimer = null, /** 清理 header/footer 动画 定时器 @private */ _this._onPauseTimingFunc = null, /** 销毁标识  @readonly */ _this.destroyed = false, /** 播放地址信息 */ _this.urlInfo = null;
+	   */ _this._mobileExtend = null, /**  @since 0.0.1 @private */ _this._interactiveResult = null, /**  @since 0.0.1 @private */ _this._themeData = null, _this._fullscreen = null, _this.zoomUtil = null, /** 清除屏幕旋转 */ _this._cleanupOrientation = null, /**  resizeObserver 监听销毁 */ _this._cleanUpResizeObserver = null, /** 容器的宽 */ _this._width = 0, /** 容器的高 */ _this._height = 0, /** 当前容器的全屏状态  true: 全屏， false: 非全屏 */ _this._isCurrentFullscreen = false, /** 屏幕旋转角度 0 ｜ 90 ｜ 180 ｜ 270 */ _this._orientationAngle = 0, /** 是否播放中 @private */ _this._playing = false, /** 加载中 */ _this._loading = false, /** 音量 */ _this._volume = 0, /** 静音 */ _this._muted = false, /** 电子放大倍数 @private */ _this._zoom = 1, /** 放大中  true: 可缩放状态，false: 禁止缩放状态(不能缩放) @private */ _this._zooming = false, /** 录制中 @private */ _this._recording = false, /** 对讲中 @private */ _this._talking = false, /** 倍速 @private */ _this._speed = 1, /** 自定清晰度 @private */ _this._videoLevelAuto = false, /** 清晰度列表 */ _this.videoLevelList = [], /** 回放片段列表 */ _this.recordList = [], /** 窗口尺寸变化时，设置窗口超出隐藏，防止出现滚动条 */ _this._resizeOverflowTimer = null, /** 清理 header/footer 动画 定时器 @private */ _this._onPauseTimingFunc = null, /** 销毁标识  @readonly */ _this.destroyed = false, /** 播放地址信息 */ _this.urlInfo = null, _this.scaleMode = 0;
 	        _this._initOptions(options);
 	        if (_this.options.type === 'ezopen') {
 	            var _this_urlInfo_searchParams, _this_urlInfo;
-	            _this.urlInfo = parseEzopenUrl(_this.options.url);
+	            _this.urlInfo = distExports$3.parseEzopenUrl(_this.options.url);
 	            if ((_this_urlInfo = _this.urlInfo) == null ? void 0 : (_this_urlInfo_searchParams = _this_urlInfo.searchParams) == null ? void 0 : _this_urlInfo_searchParams.spaceId) {
 	                _this.options.spaceId = _this.urlInfo.searchParams.spaceId;
 	            }
@@ -12037,7 +12892,8 @@
 	        _this.contentControl = new Content({
 	            getContainer: function() {
 	                return _this.$container;
-	            }
+	            },
+	            scaleMode: _this.scaleMode
 	        });
 	        //  zoom utils
 	        __zoom(_this, _this.contentControl.$content, _extends({}, _this.options.zoomOptions || {}, {
@@ -12198,6 +13054,38 @@
 	        (_this = this) == null ? void 0 : _this.emit(EVENTS.setLoggerOptions, options);
 	    };
 	    /**
+	   * 设置视频画面缩放模式
+	   * @since 1.0.1
+	   * @param {0 | 1 | 2} scaleMode - 缩放模式， 0: 窗口铺满， 1: 等比缩放大边铺满， 2: 等比缩放小边铺满
+	   */ _proto.setScaleMode = function setScaleMode(scaleMode) {
+	        if ([
+	            0,
+	            1,
+	            2
+	        ].includes(+scaleMode)) {
+	            var _this_contentControl_setScaleMode, _this_contentControl;
+	            this.scaleMode = +scaleMode;
+	            (_this_contentControl = this.contentControl) == null ? void 0 : (_this_contentControl_setScaleMode = _this_contentControl.setScaleMode) == null ? void 0 : _this_contentControl_setScaleMode.call(_this_contentControl, +scaleMode);
+	            var classList = this.$container.classList;
+	            for(var _iterator = _create_for_of_iterator_helper_loose(classList), _step; !(_step = _iterator()).done;){
+	                var item = _step.value;
+	                if (item.startsWith("" + PREFIX_CLASS + "-scale-mode-")) {
+	                    classList.remove(item);
+	                }
+	            }
+	            if (this.scaleMode === 0) {
+	                this.$container.classList.add("" + PREFIX_CLASS + "-scale-mode-full");
+	            } else if (this.scaleMode === 1) {
+	                this.$container.classList.add("" + PREFIX_CLASS + "-scale-mode-auto");
+	            } else if (this.scaleMode === 2) {
+	                this.$container.classList.add("" + PREFIX_CLASS + "-scale-mode-full-auto");
+	            }
+	        } else {
+	            var _this_logger;
+	            (_this_logger = this.logger) == null ? void 0 : _this_logger.warn('scaleMode must be 0 | 1 | 2');
+	        }
+	    };
+	    /**
 	   * 销毁包括事件、控件 ...
 	   *
 	   * Destroy (including events, controls...)
@@ -12248,7 +13136,7 @@
 	    // ==============================================================================================
 	    /** 初始化配置项 */ _proto._initOptions = function _initOptions(options) {
 	        if (options === void 0) options = {};
-	        var _this_options_loggerOptions;
+	        var _this_options_loggerOptions, _this_options_definitionOptions_list, _this_options_definitionOptions, _this_options_videoLevelList;
 	        this.options = deepmerge(THEME_DEFAULT_OPTIONS, options, {
 	            clone: false
 	        });
@@ -12262,7 +13150,7 @@
 	        }
 	        if (!this.$container) throw new Error('container option is required!');
 	        if ([
-	            'VIDOE',
+	            'VIDEO',
 	            'CANVAS'
 	        ].includes(this.$container.tagName)) {
 	            throw new Error('container node cannot be video or canvas!');
@@ -12273,11 +13161,19 @@
 	        }));
 	        this.logger.log(navigator.userAgent || 'unknown');
 	        this.logger.log('[Theme Version] ', Theme.THEME_VERSION);
-	        this.logger.log(JSON.stringify(this.options));
+	        if ('container' in this.options) {
+	            // JSON 不能序列化dom节点, 不要使用 this.options.container, 请使用 this.container
+	            delete this.options.container;
+	        }
+	        try {
+	            this.logger.log('[options] \n', JSON.stringify(this.options));
+	        } catch (error) {
+	            this.logger.log('[options] \n', this.options);
+	        }
 	        var language = this.options.language || 'zh';
 	        var locales = deepmerge({
-	            zh: zh$1,
-	            en: en$1
+	            zh: zh,
+	            en: en
 	        }, this.options.locales || {}, {
 	            clone: false
 	        });
@@ -12285,6 +13181,12 @@
 	        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;
+	        }
+	        this.setScaleMode(this.options.scaleMode);
 	    };
 	    /**
 	   * 初始化设置类名和设置宽高
@@ -12720,7 +13622,7 @@
 	    };
 	    _proto._getRecType = function _getRecType(url) {
 	        if (this.options.type === 'ezopen' && /^ezopen:\/\//.test(url)) {
-	            var urlInfo = parseEzopenUrl(url);
+	            var urlInfo = distExports$3.parseEzopenUrl(url);
 	            if (urlInfo.type === 'rec') {
 	                var _urlInfo_searchParams;
 	                if (urlInfo.recType === 'cloud' && (urlInfo == null ? void 0 : (_urlInfo_searchParams = urlInfo.searchParams) == null ? void 0 : _urlInfo_searchParams.busType) === '7') {
@@ -13176,10 +14078,10 @@
 	/** 所有私有流的模板 @since 0.0.1 */ Theme.TEMPLATES = TEMPLATES;
 	/** 事件名称 @since 0.0.1 */ Theme.EVENTS = EVENTS;
 	/** 语言包 @since 0.0.1 */ Theme.LOCALES = {
-	    zh: zh$1,
-	    en: en$1
+	    zh: zh,
+	    en: en
 	};
-	/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '1.0.0-beta.1';
+	/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '1.0.1-alpha.0';
 
 	// 不要动这里的代码， 这个出口是为了编译成 umd 规范的文件