@ezuikit/player-theme 2.0.0-beta.2 → 2.0.0-beta.4

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 /*
-* @ezuikit/player-theme v2.0.0-beta.2
-* Copyright (c) 2025-11-12 Ezviz-OpenBiz
+* @ezuikit/player-theme v2.0.0-beta.4
+* Copyright (c) 2025-11-17 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 (function (global, factory) {
@@ -548,7 +548,8 @@
 	        /** 封面控件销毁 */ posterDestroy: 'Control.posterDestroy',
 	        /** 加载控件销毁 */ loadingDestroy: 'Control.loadingDestroy',
 	        /** 消息控件销毁 */ messageDestroy: 'Control.messageDestroy',
-	        /** 播放器内容区域销毁 */ contentDestroy: 'Control.contentDestroy'
+	        /** 播放器内容区域销毁 */ contentDestroy: 'Control.contentDestroy',
+	        contentRerender: 'Control.contentRerender'
 	    },
 	    /**
 	   * 主题控件相关
@@ -1468,11 +1469,15 @@
 	    return Play;
 	}(Control);
 
-	/*
-	* @skax/picker v1.1.2
-	* Copyright (c) 2025-11-09 ShineShao <xiaoshaoqq@gmail.com>
-	* Released under the MIT License.
-	*/
+	/**
+	 * picker component for js framework, support mobile and pc
+	 * 
+	 * @skax/picker v1.1.5
+	 * Copyright (c) 2025-11-15 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.
+	 */
 
 	var dist$a;
 	var hasRequiredDist$a;
@@ -1482,97 +1487,105 @@
 		hasRequiredDist$a = 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;
+		  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);
+		  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++]
-		            };
+		  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
 		        };
-		    }
-		    throw new TypeError("Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+		      }
+		      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 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);
+		    } else {
+		      console.warn('Picker not found in the provider.');
 		    }
-		    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;
+		  };
+		  /**
+		  * 关闭其他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);
-		    }
+		  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;
+		  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+		  return Constructor;
 		}
 		/**
 		 * picker 位置
@@ -1582,38 +1595,29 @@
 		 * |  顶部中间 |  顶部左侧   |  顶部右侧  |   底部中间   |  底部左侧   |   底部右侧  |
 		 *
 		 * @public
-		 */ // eslint-disable-next-line @typescript-eslint/naming-convention
-		var _$PICKER_PLACEMENT$_ = [
-		    "top",
-		    "tl",
-		    "tr",
-		    "bottom",
-		    "bl",
-		    "br"
-		];
+		 */
+		var _$PICKER_PLACEMENT$_ = ['top', 'tl', 'tr', 'bottom', 'bl', 'br'];
 		/**
 		 * 默认样式前缀
-		 */ var _$PICKER_PREFIX_CLS$_ = "epicker";
+		 */
+		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
+		  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 和移动端
@@ -1637,389 +1641,397 @@
 		 * 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 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;
 		    }
-		    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);
+		    if (["INPUT", "CANVAS", "VIDEO", "IMG"].includes((_this__$popupContainer = this._$popupContainer) == null ? void 0 : _this__$popupContainer.tagName)) {
+		      console.warn("popup container node does not support child elements, default body!");
+		      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;
+		    } else {
+		      console.warn("" + placement + " is not a valid 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);
+		  };
+		  /**
+		  * 设置内容（会覆盖之前内容）
+		  * @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 _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
-		        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        ";
-		        }
-		    };
+		        _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) {
+		      window.removeEventListener('blur', this._onHide);
+		      document.removeEventListener('visibilitychange', this._onHide);
+		      window.removeEventListener('resize', this._onHide);
+		      document.removeEventListener('click', this._onDocumentClick);
+		    }
+		    if (this._$mask) {
+		      this._$mask.removeEventListener('click', this._onHide);
+		      this._$mask.remove();
+		      this._$mask = null;
+		    }
+		    if (this._options.isMobile) document.body.classList.remove("" + _$PICKER_PREFIX_CLS$_ + "-body-noscroll");
+		    if (this.$wrapperContent) {
+		      this.$wrapperContent.remove();
+		      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;
+		    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) {
+		      window.addEventListener('blur', this._onHide);
+		      document.addEventListener('visibilitychange', this._onHide);
+		      window.addEventListener('resize', this._onHide);
+		      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:
 		    /**
-		   * 初始化内容样式
-		   */ _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) {}
+		    * 获取当前打开状态
+		    * @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;
 		        }
-		    };
-		    /**
-		   * 绑定事件
-		   */ _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 (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._$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);
+		        if (this._OpenChange === open) {
+		          if (this._timer) {
+		            clearTimeout(this._timer);
+		            this._timer = null;
+		          }
 		        }
-		    };
-		    /**
-		   * $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;
-		    };
+		        this._open = !!open;
+		      }
+		    }
+		  }, {
+		    key: "disabled",
+		    get:
 		    /**
-		   * 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.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;
 		}();
 		/**
 		   * 版本号
@@ -2027,7 +2039,8 @@
 		   * ```ts
 		   * Picker.VERSION; // 输出版本号
 		   * ```
-		   */ Picker.VERSION = "1.1.2";
+		   */
+		Picker.VERSION = '1.1.5';
 
 		dist$a = Picker;
 		return dist$a;
@@ -2313,92 +2326,19 @@
 
 	var dist$8 = {};
 
+	/*
+	* @ezuikit/utils-tools v2.0.1-beta.1
+	* tools utils
+	* Copyright (c) 2025-11-16 Ezviz-OpenBiz
+	* Released under the MIT License.
+	*/
+
 	var hasRequiredDist$8;
 
 	function requireDist$8 () {
 		if (hasRequiredDist$8) return dist$8;
 		hasRequiredDist$8 = 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$8.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$8.getQuery = getQuery, dist$8.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$8.isHttp = function(url) {
-		    return /^http[s]?:\/\//.test(url);
-		}, dist$8.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$8.parseEzopenUrl = parseEzopenUrl, dist$8.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$8.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;
-		};
+	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$8.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$8.getQuery=getQuery,dist$8.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$8.isHttp=function(url){return /^http[s]?:\/\//.test(url)},dist$8.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(agent||(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$8.parseEzopenUrl=parseEzopenUrl,dist$8.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$8.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$8;
 	}
 
@@ -4172,7 +4112,7 @@
 		    }, _proto.getCurrentTranslation = function() {
 		        return this._translations[this._locale];
 		    }, _proto.getVersion = function() {
-		        return "2.0.0-beta.4";
+		        return "2.0.0";
 		    }, _proto._onChange = function() {
 		        return null == this.options.onChange ? void 0 : this.options.onChange.call(this.options, this);
 		    }, _proto._findChainValue = function(obj, path) {
@@ -4194,7 +4134,7 @@
 		    } ]), I18n;
 		}();
 
-		I18n.VERSION = "2.0.0-beta.4", dist$7.exports = I18n;
+		I18n.VERSION = "2.0.0", dist$7.exports = I18n;
 		return dist$7.exports;
 	}
 
@@ -4259,7 +4199,7 @@
 		    }, _proto.getOptions = function() {
 		        return this._options;
 		    }, _proto.getVersion = function() {
-		        return "2.0.0-beta.1";
+		        return "2.0.0";
 		    }, LoggerCls;
 		}();
 
@@ -4267,7 +4207,7 @@
 		    return (num = +num) < 10 && (num = "0" + num), num + "";
 		}
 
-		LoggerCls.noop = function() {}, LoggerCls.VERSION = "2.0.0-beta.1";
+		LoggerCls.noop = function() {}, LoggerCls.VERSION = "2.0.0";
 
 		var __$list$__ = [ "info", "log", "warn", "error" ];
 
@@ -5466,6 +5406,13 @@
 	                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      ";
+	            this.emit(EVENTS.control.contentRerender, {
+	                scaleMode: this._scaleMode,
+	                objectFill: objectFill,
+	                scale: scale,
+	                width: this._originWidth,
+	                height: this._originHeight
+	            });
 	        }
 	    };
 	    _proto.setScaleMode = function setScaleMode(scaleMode) {
@@ -6030,6 +5977,12 @@
 	            theme.emit(EVENTS.control.recDestroy);
 	        });
 	    }
+	    // content
+	    if (theme.contentControl) {
+	        theme.contentControl.on(EVENTS.control.contentRerender, function(info) {
+	            theme.emit(EVENTS.control.contentRerender, info);
+	        });
+	    }
 	}
 	var ignoreList = [
 	    EVENTS.getOSDTime,
@@ -10882,7 +10835,8 @@
 	   * @param change 是否触发 onChange 事件
 	   */ _proto.setDate = function setDate(date, change) {
 	        if (change === void 0) change = true;
-	        this.dataPickerUtil.setDate(date, change);
+	        var _this_dataPickerUtil;
+	        (_this_dataPickerUtil = this.dataPickerUtil) == null ? void 0 : _this_dataPickerUtil.setDate(date, change);
 	        if (date && !change && this._value !== DateTime.formate(date, 'YYYY-MM-DD')) {
 	            this._value = DateTime.formate(date, 'YYYY-MM-DD');
 	            if (date && this.$container.querySelector("." + PREFIX_CLASS + "-mobile-date-filter-value")) {
@@ -10891,7 +10845,8 @@
 	        }
 	    };
 	    _proto.reset = function reset() {
-	        this.dataPickerUtil.hide();
+	        var _this_dataPickerUtil;
+	        (_this_dataPickerUtil = this.dataPickerUtil) == null ? void 0 : _this_dataPickerUtil.hide();
 	        Control.prototype.reset.call(this);
 	    };
 	    /**
@@ -10917,13 +10872,13 @@
 	    return DatePickerControl;
 	}(Control);
 
-	var dist$1 = {exports: {}};
+	var dist$1 = {};
 
 	/**
 	 * drag scroll support move and touch
 	 *
-	 * @skax/drag-scroll v1.1.0
-	 * Copyright (c) 2025-11-08 ShineShao <xiaoshaoqq@gmail.com>
+	 * @skax/drag-scroll v1.1.1
+	 * Copyright (c) 2025-11-16 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.
@@ -10955,6 +10910,7 @@
 		 * 默认参数
 		 */ var _$DRAG_SCROLL_DEFAULT_OPTIONS$_ = {
 		    content: '',
+		    width: '100%',
 		    height: '400px',
 		    readonly: false,
 		    hideScrollbar: false
@@ -10981,6 +10937,18 @@
 		        /** 滚动条元素 */ this._$scrollbar = null;
 		        /** 滚动条指示器元素 */ this._$scrollbarThumb = null;
 		        /** 是否只读 */ this._readonly = false;
+		        if (!container) {
+		            throw new Error('container is required');
+		        }
+		        if ([
+		            'VIDEO',
+		            'CANVAS',
+		            'IMG',
+		            'TEXTAREA',
+		            'INPUT'
+		        ].includes(container.tagName)) {
+		            throw new Error("container cannot be 'VIDEO', 'CANVAS', 'IMG', 'TEXTAREA', 'INPUT' element");
+		        }
 		        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");
@@ -11082,6 +11050,7 @@
 		            clearTimeout(this._indicatorTimeout);
 		            this._indicatorTimeout = null;
 		        }
+		        if (this.$container) this.$container.style.cursor = 'default';
 		        (_this__$scrollbarThumb = this._$scrollbarThumb) == null ? void 0 : _this__$scrollbarThumb.remove();
 		        this._$scrollbarThumb = null;
 		        (_this__$scrollbar = this._$scrollbar) == null ? void 0 : _this__$scrollbar.remove();
@@ -11108,7 +11077,7 @@
 		        // 初始化滚动条
 		        this._updateScrollbar();
 		        // 初始化动画
-		        this._animate();
+		        this._animationId = requestAnimationFrame(this._animate.bind(this));
 		    };
 		    //  ----------- 事件处理 -----------  //
 		    /**
@@ -11208,9 +11177,9 @@
 		    /**
 		   * 平移内容
 		   */ _proto._applyTransform = function _applyTransform() {
-		        var clientHeight = this.$content.clientHeight;
+		        var offsetHeight = this.$content.offsetHeight;
 		        // 内容高度小于等于容器高度时，不进行滚动
-		        if (clientHeight <= this.$container.clientHeight) {
+		        if (offsetHeight <= this.$container.clientHeight) {
 		            this.$content.style.transform = "translate3d(0, 0, 0)";
 		            return;
 		        }
@@ -11234,7 +11203,11 @@
 		   * @param timestamp 时间戳
 		   */ _proto._animate = function _animate(timestamp) {
 		        if (timestamp === void 0) timestamp = 0;
-		        var clientHeight = this.$content.clientHeight;
+		        if (this._animationId) {
+		            cancelAnimationFrame(this._animationId);
+		            this._animationId = null;
+		        }
+		        var clientHeight = this.$content.offsetHeight;
 		        // 内容高度小于等于容器高度时，不进行滚动
 		        if (clientHeight <= this.$container.clientHeight) {
 		            return;
@@ -11262,7 +11235,6 @@
 		                this.velocity = 0;
 		            }
 		        }
-		        this._animationId = requestAnimationFrame(this._animate.bind(this));
 		    };
 		    /**
 		   * 更新滚动条
@@ -11344,8 +11316,8 @@
 		            get: /**
 		   * 内容是否可滚动
 		   */ function get() {
-		                var clientHeight = this.$content.clientHeight;
-		                return !this.readonly && clientHeight > this.$container.clientHeight;
+		                var offsetHeight = this.$content.offsetHeight;
+		                return !this.readonly && offsetHeight > this.$container.clientHeight;
 		            }
 		        }
 		    ]);
@@ -11357,560 +11329,18 @@
 	}
 
 	/*
-	* @ezuikit/control-time-line v1.0.1-beta.14
-	* Copyright (c) 2025-11-11 Ezviz-OpenBiz
+	* @ezuikit/control-time-line v1.0.2
+	* Copyright (c) 2025-11-16 Ezviz-OpenBiz
 	* Released under the MIT License.
 	*/
 
 	var hasRequiredDist;
 
 	function requireDist () {
-		if (hasRequiredDist) return dist$1.exports;
+		if (hasRequiredDist) return dist$1;
 		hasRequiredDist = 1;
-		(function (module, exports) {
-	Object.defineProperty(exports,"__esModule",{value:true});var deepmerge=requireCjs(),I18n=requireDist$7(),Picker=requireDist$a(),DragScroll=requireDist$1(),delegate=requireDist$9(),_$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;
+	var deepmerge=requireCjs(),I18n=requireDist$7(),Picker=requireDist$a(),DragScroll=requireDist$1(),delegate=requireDist$9(),_$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,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;return _proto.setReadOnly=function(readOnly){this.readOnly=readOnly;},_proto.update=function(current){this._current=current;},_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);},_proto.setTimeWidth=function(timeWidth){[0,1,2,3,4,5].includes(timeWidth)&&(this._timeWidth=timeWidth);},_proto.destroy=function(){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:function(){return this._width}},{key:"height",get:function(){return this._height}},{key:"timeWidth",get:function(){return this._timeWidth}}]),BaseTimeLine}();BaseTimeLine.LOCALES=_$TIMELINE_LOCALES$_;var TimeLineUtil=function(){function TimeLineUtil(){}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,date=(null!=(right=Date)&&"undefined"!=typeof Symbol&&right[Symbol.hasInstance]?right[Symbol.hasInstance](left):left instanceof right)?time:new Date):date=new Date(+time):date=new Date(1e3*+time),date},TimeLineUtil.formatDateToHHmmss=function(time){var date=TimeLineUtil.toDate(time);if(date){var h=date.getHours(),m=date.getMinutes(),s=date.getSeconds();return (h>9?h:"0"+h)+":"+(m>9?m:"0"+m)+":"+(s>9?s:"0"+s)}return "00:00:00"},TimeLineUtil.subTime=function(m){return +m>9?m+"":"0"+m},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()):""},TimeLineUtil.timeToSecond=function(time){var e=time.split(":");return 60*Number(e[0])*60+60*Number(e[1])+(Number(e[2])||0)},TimeLineUtil.minuteToTime=function(minute){var hour=Math.floor(minute/60),m=minute%60;return (hour>9?hour:"0"+hour)+":"+(m>9?m:"0"+m)},TimeLineUtil.timeToMinute=function(time){var e=time.split(":");return 60*Number(e[0])+Number(e[1])},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&&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;return _proto.setReadOnly=function(readOnly){BaseTimeLine.prototype.setReadOnly.call(this,readOnly),this._dragScroll&&(this._dragScroll.readonly=readOnly);},_proto.setTimeWidth=function(timeWidth){MOBILE_TIME_WIDTH[timeWidth]&&(BaseTimeLine.prototype.setTimeWidth.call(this,timeWidth),this._matchTimeDot());},_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);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();},_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);},_proto._setState=function(obj){var _this=this;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)||(new Date).getTime(),"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;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;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>"),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;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_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){var hour=TimeLineUtil.tranTime(item.startTime,"HH");obj[+hour]?obj[+hour].push(_extends$1({},item,{_index:index})):obj[+hour]=[_extends$1({},item,{_index:index})];}),obj},_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"))||[]);},_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);});},_proto._imageRemoveErrorEvent=function(list){var _this=this;void 0===list&&(list=[]),Array.from(list).forEach(function(img){img.removeEventListener("error",_this._onImageError);});},_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);this._picker&&time&&!(moveX>=1||moveY>=1)&&(this._renderPickerContent(time),this._picker.open=true);},_proto._setImageScr=function(src){if(src){var query="x=200&"+(this.options.coverQuery||"");return src+(src.includes("?")?"&":"?")+query}return ""},_proto._offsetYToTime=function(offsetY){var _this__dragScroll,y=offsetY;offsetY<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,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,_this._timeWidthArray=TIME_WIDTH[0],_this._centerPositionX=0,_this._isMouseDown=false,_this._mousePosition=0,_this._oldTime=null,_this._isOver=false,_this._moved=false,_this._isCtrlKeyDown=false,_this._lastTouchDist=0,_this.$container=container,_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;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();},_proto.setTimeWidth=function(timeWidth){this._update({timeWidth:timeWidth});},_proto.updateTimeSections=function(timeSections){this._update({timeSections:timeSections});},_proto.update=function(time){time&&!this._isMouseDown&&this._update({current:new Date(TimeLineUtil.tranTime(time,"YYYY-MM-DD HH:mm:ss"))});},_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"));},_proto.destroy=function(){if(this._removeEventListener(),this._$canvas)try{this.$container.removeChild(this._$canvas),this._$canvas=null;}catch(e){}BaseTimeLine.prototype.destroy.call(this);},_proto._draw=function(){this._ctx&&(this._ctx.fillStyle=this.options.timeAxisBgColor,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])?(this._drawSolidLine(x,padding,x,padding+(this.options.scaleOffsetTop+4)*this.options.dpr,lineWidth),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];}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])?(this._drawSolidLine(x1,padding,x1,padding+(this.options.scaleOffsetTop+4)*this.options.dpr,lineWidth),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];}this._drawSolidLine(centerPosition.x,0,centerPosition.x,centerPosition.y,lineWidth,this.options.timePointColor);},_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());},_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&&(timeTexts[1]=timeTexts[1].replace(/:00$/,"")),this._ctx.fillText(timeTexts[1],x,y+8*this.options.dpr),!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]);this._ctx&&TimeLineUtil.isOverlap(0,this.width*this.options.dpr,position.x1,position.x2)&&(this._ctx.fillStyle=this.options.timeSectionColor,this._ctx.fillRect(position.x1,0,position.x2-position.x1,this.height*this.options.dpr));}},_proto._findPosition=function(item){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}},_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.endTime>=curr.startTime?prev.endTime=Math.max(prev.endTime,curr.endTime):merged.push(curr);}return merged},_proto._addEventListener=function(){this._$canvas&&(this._$canvas.addEventListener("mousemove",this._mousemoveFun),this._$canvas.addEventListener("mouseover",this._mouseoverFun),this._$canvas.addEventListener("mouseleave",this._mouseleaveFun),this._$canvas.addEventListener("mousedown",this._mousedownFun),this._$canvas.addEventListener("mouseup",this._mouseUpFun),this._$canvas.addEventListener("wheel",this._mousewheelFun),this.$container.addEventListener("wheel",function(e){e.preventDefault();},{passive:false}),this._$canvas.addEventListener("keydown",this._ctrlKeyDownFun),this._$canvas.addEventListener("keyup",this._ctrlKeyUpFun),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}));},_proto._removeEventListener=function(){this._$canvas&&(this._$canvas.removeEventListener("mousemove",this._mousemoveFun),this._$canvas.removeEventListener("mouseover",this._mouseoverFun),this._$canvas.removeEventListener("mouseleave",this._mouseleaveFun),this._$canvas.removeEventListener("mousedown",this._mousedownFun),this._$canvas.removeEventListener("mouseup",this._mouseUpFun),this._$canvas.removeEventListener("wheel",this._mousewheelFun),this._$canvas.removeEventListener("keydown",this._ctrlKeyDownFun),this._$canvas.removeEventListener("keyup",this._ctrlKeyUpFun),document.removeEventListener("keydown",this._ctrlKeyDownFun),document.removeEventListener("keyup",this._ctrlKeyUpFun),this._$canvas.removeEventListener("touchstart",this._touchstartFun),this._$canvas.removeEventListener("touchmove",this._touchmoveFun),this._$canvas.removeEventListener("touchend",this._touchendFun));},_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));},_proto._mouseoverFun=function(){this.readOnly||(this._isOver=true);},_proto._mouseleaveFun=function(e){this.readOnly||(this._isOver=false,this._moveEndOrTouchEndFun(e));},_proto._mouseUpFun=function(e){this._moveEndOrTouchEndFun(e);},_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();}},_proto._mousewheelFun=function(e){e.preventDefault(),this.readOnly;},_proto._ctrlKeyDownFun=function(e){(e.ctrlKey||"Control"===e.key)&&(this._isCtrlKeyDown=true);},_proto._ctrlKeyUpFun=function(e){(e.ctrlKey||"Control"===e.key)&&(this._isCtrlKeyDown=false);},_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)},_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));},_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;}},_proto._touchendFun=function(e){this.readOnly||this._moveEndOrTouchEndFun(e);},_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);},_proto._moveUpdateFun=function(x){var mouseOffset=this._mousePosition-x;if(0!==mouseOffset){if(this._oldTime){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: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);TimeLine.TIME_WIDTH=TIME_WIDTH,dist$1.BaseTimeLine=BaseTimeLine,dist$1.MobileTimeLine=MobileTimeLine,dist$1.TimeLine=TimeLine;
+		return dist$1;
 	}
 
 	var distExports = requireDist();
@@ -12362,6 +11792,7 @@
 	   */ _proto.show = function show(playing, always) {
 	        var _this = this;
 	        var _this_$container_classList, _this_$container;
+	        if (!this.$container) return;
 	        if (!this._firstFlag) {
 	            this._firstFlag = true;
 	        } else {
@@ -13679,7 +13110,8 @@
 	                }));
 	                _this._isRotated();
 	                if (Utils.isMobile && !_this._isCurrentFullscreen) {
-	                    if (_this.controls.ptzControl) _this.controls.ptzControl.reset();
+	                    var _this_controls;
+	                    if ((_this_controls = _this.controls) == null ? void 0 : _this_controls.ptzControl) _this.controls.ptzControl.reset();
 	                }
 	            }
 	        });
@@ -13811,8 +13243,9 @@
 	            // 如果 header more 存在，则偏移量量宽度为 150，否则为 100, 因为隐藏多个控件时 right 会变短
 	            var showHeaderMore = leftWidth + rightWidth + 30 > this._width;
 	            if (showHeaderMore) {
-	                if (!this._headerMoreControl && this.controls.recControl) {
-	                    var _this_controls_recControl;
+	                var _this_controls;
+	                if (!this._headerMoreControl && ((_this_controls = this.controls) == null ? void 0 : _this_controls.recControl)) {
+	                    var _this_controls_recControl, _this_controls1;
 	                    this._headerMoreControl = new More({
 	                        language: this.options.language,
 	                        locales: this.i18n.translations,
@@ -13833,14 +13266,15 @@
 	                            _this.emit(EVENTS.control.headerMorePanelOpenChange, open);
 	                        }
 	                    });
-	                    (_this_controls_recControl = this.controls.recControl) == null ? void 0 : _this_controls_recControl.resetPopupContainer(this._headerMoreControl.$panel);
+	                    (_this_controls1 = this.controls) == null ? void 0 : (_this_controls_recControl = _this_controls1.recControl) == null ? void 0 : _this_controls_recControl.resetPopupContainer(this._headerMoreControl.$panel);
 	                }
 	                this.emit(Theme.EVENTS.control.headerMoreShowControlsChange, showHeaderMore);
 	            } else if (this._width - leftWidth - rightWidth > 100) {
+	                var _this_controls2;
 	                //
-	                if (this._headerMoreControl && this.controls.recControl) {
-	                    var _this__header2, _this_controls_recControl1, _this__headerMoreControl;
-	                    (_this_controls_recControl1 = this.controls.recControl) == null ? void 0 : _this_controls_recControl1.resetPopupContainer((_this__header2 = this._header) == null ? void 0 : _this__header2.$right);
+	                if (this._headerMoreControl && ((_this_controls2 = this.controls) == null ? void 0 : _this_controls2.recControl)) {
+	                    var _this__header2, _this_controls_recControl1, _this_controls3, _this__headerMoreControl;
+	                    (_this_controls3 = this.controls) == null ? void 0 : (_this_controls_recControl1 = _this_controls3.recControl) == null ? void 0 : _this_controls_recControl1.resetPopupContainer((_this__header2 = this._header) == null ? void 0 : _this__header2.$right);
 	                    (_this__headerMoreControl = this._headerMoreControl) == null ? void 0 : _this__headerMoreControl.destroy();
 	                    this._headerMoreControl = null;
 	                    this.emit(Theme.EVENTS.control.headerMoreShowControlsChange, false);
@@ -13890,7 +13324,8 @@
 	                    var list = (((_this__themeData = _this._themeData) == null ? void 0 : (_this__themeData_footer = _this__themeData.footer) == null ? void 0 : _this__themeData_footer.btnList) || []).filter(function(item) {
 	                        var _this__footerMoreControl;
 	                        var index = (((_this__footerMoreControl = _this._footerMoreControl) == null ? void 0 : _this__footerMoreControl.list) || []).findIndex(function(item1) {
-	                            return item1.control === _this.controls["" + item.iconId + "Control"];
+	                            var _this_controls;
+	                            return item1.control === ((_this_controls = _this.controls) == null ? void 0 : _this_controls["" + item.iconId + "Control"]);
 	                        });
 	                        return index === -1;
 	                    });
@@ -13906,19 +13341,19 @@
 	                        for(var _iterator = _create_for_of_iterator_helper_loose(popList), _step; !(_step = _iterator()).done;){
 	                            var item = _step.value;
 	                            if (item) {
-	                                var _this_controls_key_resetPopupContainer, _this_controls_key, _this__footerMoreControl2;
+	                                var _this_controls_key_resetPopupContainer, _this_controls_key, _this_controls, _this_controls1, _this__footerMoreControl2;
 	                                var key = "" + item.iconId + "Control";
-	                                (_this_controls_key = _this.controls[key]) == null ? void 0 : (_this_controls_key_resetPopupContainer = _this_controls_key.resetPopupContainer) == null ? void 0 : _this_controls_key_resetPopupContainer.call(_this_controls_key, _this._footerMoreControl.$panel, 'prepend');
-	                                (_this__footerMoreControl2 = _this._footerMoreControl) == null ? void 0 : _this__footerMoreControl2.add(key, item.part, _this.controls[key]);
+	                                (_this_controls = _this.controls) == null ? void 0 : (_this_controls_key = _this_controls[key]) == null ? void 0 : (_this_controls_key_resetPopupContainer = _this_controls_key.resetPopupContainer) == null ? void 0 : _this_controls_key_resetPopupContainer.call(_this_controls_key, _this._footerMoreControl.$panel, 'prepend');
+	                                (_this__footerMoreControl2 = _this._footerMoreControl) == null ? void 0 : _this__footerMoreControl2.add(key, item.part, (_this_controls1 = _this.controls) == null ? void 0 : _this_controls1[key]);
 	                            }
 	                        }
 	                    } else if (_this._footerMoreControl) {
 	                        var item1 = list.pop();
 	                        if (item1) {
-	                            var _this_controls_key_resetPopupContainer1, _this_controls_key1, _this__footerMoreControl3;
+	                            var _this_controls_key_resetPopupContainer1, _this_controls_key1, _this_controls2, _this_controls3, _this__footerMoreControl3;
 	                            var key1 = "" + item1.iconId + "Control";
-	                            (_this_controls_key1 = _this.controls[key1]) == null ? void 0 : (_this_controls_key_resetPopupContainer1 = _this_controls_key1.resetPopupContainer) == null ? void 0 : _this_controls_key_resetPopupContainer1.call(_this_controls_key1, _this._footerMoreControl.$panel, 'prepend');
-	                            (_this__footerMoreControl3 = _this._footerMoreControl) == null ? void 0 : _this__footerMoreControl3.add(key1, item1.part, _this.controls[key1]);
+	                            (_this_controls2 = _this.controls) == null ? void 0 : (_this_controls_key1 = _this_controls2[key1]) == null ? void 0 : (_this_controls_key_resetPopupContainer1 = _this_controls_key1.resetPopupContainer) == null ? void 0 : _this_controls_key_resetPopupContainer1.call(_this_controls_key1, _this._footerMoreControl.$panel, 'prepend');
+	                            (_this__footerMoreControl3 = _this._footerMoreControl) == null ? void 0 : _this__footerMoreControl3.add(key1, item1.part, (_this_controls3 = _this.controls) == null ? void 0 : _this_controls3[key1]);
 	                        } else {
 	                            return;
 	                        }
@@ -14020,7 +13455,8 @@
 	        var _this = this;
 	        if (disabled === void 0) disabled = true;
 	        PAUSE_DISABLED_BTN.forEach(function(btn) {
-	            if (_this.controls["" + btn + "Control"]) {
+	            var _this_controls;
+	            if ((_this_controls = _this.controls) == null ? void 0 : _this_controls["" + btn + "Control"]) {
 	                _this.controls["" + btn + "Control"].disabled = disabled;
 	            }
 	        });
@@ -14063,7 +13499,8 @@
 	            'record',
 	            'speed'
 	        ].forEach(function(key) {
-	            if (_this.controls["" + key + "Control"]) {
+	            var _this_controls;
+	            if ((_this_controls = _this.controls) == null ? void 0 : _this_controls["" + key + "Control"]) {
 	                _this.controls["" + key + "Control"].reset();
 	            }
 	        });
@@ -14076,12 +13513,14 @@
 	                0,
 	                180
 	            ].includes(this._orientationAngle)) {
+	                var _this_controls, _this_controls1;
 	                // 全屏后 dom 节点旋转了 90度
-	                if (this.controls.ptzControl) this.controls.ptzControl.isRotated = true;
-	                if (this.controls.zoomControl) this.controls.zoomControl.isRotated = true;
+	                if ((_this_controls = this.controls) == null ? void 0 : _this_controls.ptzControl) this.controls.ptzControl.isRotated = true;
+	                if ((_this_controls1 = this.controls) == null ? void 0 : _this_controls1.zoomControl) this.controls.zoomControl.isRotated = true;
 	            } else {
-	                if (this.controls.ptzControl) this.controls.ptzControl.isRotated = false;
-	                if (this.controls.zoomControl) this.controls.zoomControl.isRotated = false;
+	                var _this_controls2, _this_controls3;
+	                if ((_this_controls2 = this.controls) == null ? void 0 : _this_controls2.ptzControl) this.controls.ptzControl.isRotated = false;
+	                if ((_this_controls3 = this.controls) == null ? void 0 : _this_controls3.zoomControl) this.controls.zoomControl.isRotated = false;
 	            }
 	        }
 	    };
@@ -14136,7 +13575,8 @@
 	                            'talk',
 	                            'record'
 	                        ].forEach(function(key) {
-	                            if (_this.controls["" + key + "Control"]) {
+	                            var _this_controls;
+	                            if ((_this_controls = _this.controls) == null ? void 0 : _this_controls["" + key + "Control"]) {
 	                                _this.controls["" + key + "Control"].reset();
 	                            }
 	                        });
@@ -14493,7 +13933,7 @@
 	    zh: zh,
 	    en: en
 	};
-	/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '2.0.0-beta.2';
+	/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '2.0.0-beta.4';
 
 	// 不要动这里的代码， 这个出口是为了编译成 umd 规范的文件