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

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 /*
-* @ezuikit/player-theme v1.0.1-alpha.0
-* Copyright (c) 2025-11-11 Ezviz-OpenBiz
+* @ezuikit/player-theme v2.0.0-beta.1
+* Copyright (c) 2025-11-12 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 (function (global, factory) {
@@ -1474,12 +1474,12 @@
 	* Released under the MIT License.
 	*/
 
-	var dist$6;
-	var hasRequiredDist$6;
+	var dist$a;
+	var hasRequiredDist$a;
 
-	function requireDist$6 () {
-		if (hasRequiredDist$6) return dist$6;
-		hasRequiredDist$6 = 1;
+	function requireDist$a () {
+		if (hasRequiredDist$a) return dist$a;
+		hasRequiredDist$a = 1;
 
 		function _array_like_to_array(arr, len) {
 		    if (len == null || len > arr.length) len = arr.length;
@@ -2029,12 +2029,12 @@
 		   * ```
 		   */ Picker.VERSION = "1.1.2";
 
-		dist$6 = Picker;
-		return dist$6;
+		dist$a = Picker;
+		return dist$a;
 	}
 
-	var distExports$5 = requireDist$6();
-	var Picker = /*@__PURE__*/getDefaultExportFromCjs(distExports$5);
+	var distExports$8 = requireDist$a();
+	var Picker = /*@__PURE__*/getDefaultExportFromCjs(distExports$8);
 
 	/*
 	* delegate.js v4.0.0
@@ -2042,12 +2042,12 @@
 	* Released under the MIT License.
 	*/
 
-	var dist$5;
-	var hasRequiredDist$5;
+	var dist$9;
+	var hasRequiredDist$9;
 
-	function requireDist$5 () {
-		if (hasRequiredDist$5) return dist$5;
-		hasRequiredDist$5 = 1;
+	function requireDist$9 () {
+		if (hasRequiredDist$9) return dist$9;
+		hasRequiredDist$9 = 1;
 
 		const DOCUMENT_NODE_TYPE = 9;
 		/**
@@ -2160,12 +2160,12 @@
 		    };
 		}
 
-		dist$5 = delegate;
-		return dist$5;
+		dist$9 = delegate;
+		return dist$9;
 	}
 
-	var distExports$4 = requireDist$5();
-	var delegate = /*@__PURE__*/getDefaultExportFromCjs(distExports$4);
+	var distExports$7 = requireDist$9();
+	var delegate = /*@__PURE__*/getDefaultExportFromCjs(distExports$7);
 
 	var cjs;
 	var hasRequiredCjs;
@@ -2311,13 +2311,13 @@
 	var cjsExports = requireCjs();
 	var deepmerge = /*@__PURE__*/getDefaultExportFromCjs(cjsExports);
 
-	var dist$4 = {};
+	var dist$8 = {};
 
-	var hasRequiredDist$4;
+	var hasRequiredDist$8;
 
-	function requireDist$4 () {
-		if (hasRequiredDist$4) return dist$4;
-		hasRequiredDist$4 = 1;
+	function requireDist$8 () {
+		if (hasRequiredDist$8) return dist$8;
+		hasRequiredDist$8 = 1;
 
 		var getQuery = function(url) {
 		    var query = url.split("?")[1], obj = {};
@@ -2356,7 +2356,7 @@
 		    av1: 32
 		};
 
-		dist$4.addVc = function(url, codecs) {
+		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);
@@ -2364,7 +2364,7 @@
 		    return query = (query || "").split("&").filter(function(item) {
 		        return !/^vc=\d?/.test(item);
 		    }).join("&"), host + "?" + (query += (query ? "&" : "") + "vc=" + vc);
-		}, dist$4.getQuery = getQuery, dist$4.getStaticPath = function(path, base) {
+		}, dist$8.getQuery = getQuery, dist$8.getStaticPath = function(path, base) {
 		    void 0 === base && (base = "");
 		    var protocolReg = /^(https?:\/\/|^\/\/)/;
 		    if ("" === path || void 0 === path) return "";
@@ -2375,17 +2375,17 @@
 		    } catch (error) {
 		        return path;
 		    }
-		}, dist$4.isHttp = function(url) {
+		}, dist$8.isHttp = function(url) {
 		    return /^http[s]?:\/\//.test(url);
-		}, dist$4.isMobile = function(agent) {
+		}, 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$4.parseEzopenUrl = parseEzopenUrl, dist$4.pick = function(obj, keys) {
+		}, 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$4.switchEzopenUrl = function(url, options) {
+		}, 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("?", "")));
@@ -2399,10 +2399,10 @@
 		    deviceSerial = deviceSerial || obj.deviceSerial, validateCode = null != validateCode ? validateCode : obj.validateCode, 
 		    obj.protocol + "//" + (validateCode ? validateCode + "@" : "") + obj.hostname + "/" + deviceSerial + "/" + channelNo + ("rec" === type && recType ? "." + recType : "") + ("live" === type && "hd" === definition ? "." + definition : "") + "." + type + search;
 		};
-		return dist$4;
+		return dist$8;
 	}
 
-	var distExports$3 = requireDist$4();
+	var distExports$6 = requireDist$8();
 
 	/**
 	 * 节流函数
@@ -2630,7 +2630,7 @@
 	   * ```ts
 	   * Utils.isMobile  // true | false
 	   * ```
-	   */ Utils.isMobile = distExports$3.isMobile();
+	   */ Utils.isMobile = distExports$6.isMobile();
 
 	function _defineProperties$7(target, props) {
 	    for(var i = 0; i < props.length; i++){
@@ -3432,7 +3432,7 @@
 	var screenfullExports = requireScreenfull();
 	var screenfull = /*@__PURE__*/getDefaultExportFromCjs(screenfullExports);
 
-	function asyncGeneratorStep$7(gen, resolve, reject, _next, _throw, key, arg) {
+	function asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, key, arg) {
 	    try {
 	        var info = gen[key](arg);
 	        var value = info.value;
@@ -3446,16 +3446,16 @@
 	        Promise.resolve(value).then(_next, _throw);
 	    }
 	}
-	function _async_to_generator$7(fn) {
+	function _async_to_generator$5(fn) {
 	    return function() {
 	        var self = this, args = arguments;
 	        return new Promise(function(resolve, reject) {
 	            var gen = fn.apply(self, args);
 	            function _next(value) {
-	                asyncGeneratorStep$7(gen, resolve, reject, _next, _throw, "next", value);
+	                asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, "next", value);
 	            }
 	            function _throw(err) {
-	                asyncGeneratorStep$7(gen, resolve, reject, _next, _throw, "throw", err);
+	                asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, "throw", err);
 	            }
 	            _next(undefined);
 	        });
@@ -3675,7 +3675,7 @@
 	   * 全屏
 	   * @returns Promise<void>
 	   */ _proto.fullscreen = function fullscreen() {
-	        return _async_to_generator$7(function() {
+	        return _async_to_generator$5(function() {
 	            return _ts_generator$5(this, function(_state) {
 	                switch(_state.label){
 	                    case 0:
@@ -3711,7 +3711,7 @@
 	   * 退出全屏
 	   * @returns Promise<void>
 	   */ _proto.exitFullscreen = function exitFullscreen() {
-	        return _async_to_generator$7(function() {
+	        return _async_to_generator$5(function() {
 	            return _ts_generator$5(this, function(_state) {
 	                switch(_state.label){
 	                    case 0:
@@ -3751,7 +3751,7 @@
 	   * 全屏切换
 	   * @returns Promise<void>
 	   */ _proto.toggle = function toggle() {
-	        return _async_to_generator$7(function() {
+	        return _async_to_generator$5(function() {
 	            return _ts_generator$5(this, function(_state) {
 	                switch(_state.label){
 	                    case 0:
@@ -4116,13 +4116,13 @@
 	    return Rec;
 	}(Control);
 
-	var dist$3 = {exports: {}};
+	var dist$7 = {exports: {}};
 
-	var hasRequiredDist$3;
+	var hasRequiredDist$7;
 
-	function requireDist$3 () {
-		if (hasRequiredDist$3) return dist$3.exports;
-		hasRequiredDist$3 = 1;
+	function requireDist$7 () {
+		if (hasRequiredDist$7) return dist$7.exports;
+		hasRequiredDist$7 = 1;
 
 		var deepmerge = requireCjs();
 
@@ -4194,19 +4194,19 @@
 		    } ]), I18n;
 		}();
 
-		I18n.VERSION = "2.0.0-beta.4", dist$3.exports = I18n;
-		return dist$3.exports;
+		I18n.VERSION = "2.0.0-beta.4", dist$7.exports = I18n;
+		return dist$7.exports;
 	}
 
-	var distExports$2 = requireDist$3();
-	var I18n = /*@__PURE__*/getDefaultExportFromCjs(distExports$2);
+	var distExports$5 = requireDist$7();
+	var I18n = /*@__PURE__*/getDefaultExportFromCjs(distExports$5);
 
-	var dist$2;
-	var hasRequiredDist$2;
+	var dist$6;
+	var hasRequiredDist$6;
 
-	function requireDist$2 () {
-		if (hasRequiredDist$2) return dist$2;
-		hasRequiredDist$2 = 1;
+	function requireDist$6 () {
+		if (hasRequiredDist$6) return dist$6;
+		hasRequiredDist$6 = 1;
 
 		var _$LoggerStyle$_ = {
 		    info: "",
@@ -4271,7 +4271,7 @@
 
 		var __$list$__ = [ "info", "log", "warn", "error" ];
 
-		dist$2 = function(options) {
+		dist$6 = function(options) {
 		    var logger = new LoggerCls(options);
 		    return new Proxy(logger, {
 		        get: function(target, prop) {
@@ -4290,11 +4290,11 @@
 		        }
 		    });
 		};
-		return dist$2;
+		return dist$6;
 	}
 
-	var distExports$1 = requireDist$2();
-	var Logger = /*@__PURE__*/getDefaultExportFromCjs(distExports$1);
+	var distExports$4 = requireDist$6();
+	var Logger = /*@__PURE__*/getDefaultExportFromCjs(distExports$4);
 
 	var zh = {
 	    391001: '取流地址或端口非法',
@@ -6285,738 +6285,786 @@
 
 	/*
 	* @ezuikit/control-zoom v0.0.2
-	* Copyright (c) 2025-11-11 Ezviz-OpenBiz
+	* Copyright (c) 2025-11-12 Ezviz-OpenBiz
 	* Released under the MIT License.
 	*/
-	/**
-	 * Zoom position
-	 *
-	 */ const ZOOM_DEFAULT_POSITION = [
-	    0,
-	    0
-	];
-	/**
-	 * 默认值
-	 */ const DefaultOptions = {
-	    initialZoom: 1,
-	    defaultCursor: 'pointer',
-	    scrollVelocity: 0.1,
-	    animDuration: 0.25,
-	    allowZoom: true,
-	    allowPan: true,
-	    onChange: ()=>{},
-	    onTranslateChange: ()=>{},
-	    onTap: ()=>{},
-	    max: 8,
-	    min: 1,
-	    zoomStep: 0.1,
-	    allowTouchEvents: false,
-	    allowWheel: true,
-	    ignoredMouseButtons: [],
-	    doubleTouchMaxDelay: 300,
-	    decelerationDuration: 750
-	};
-	/**
-	 * dom 节点放大和拖动
-	 *
-	 */ class Zoom {
-	    get pos() {
-	        return [
-	            this.container.clientWidth * this.percentPos[0],
-	            this.container.clientHeight * this.percentPos[1]
-	        ];
-	    }
-	    // 设置事件侦听器
-	    setUpEventListeners() {
-	        const refCurrentValue = this.container;
-	        const hasMouseDevice = window.matchMedia('(pointer: fine)').matches;
-	        if (hasMouseDevice) {
-	            if (this.options.allowWheel) {
-	                refCurrentValue == null ? void 0 : refCurrentValue.addEventListener('wheel', this.handleMouseWheel, {
-	                    passive: false
-	                });
+
+	var dist$5;
+	var hasRequiredDist$5;
+
+	function requireDist$5 () {
+		if (hasRequiredDist$5) return dist$5;
+		hasRequiredDist$5 = 1;
+
+		/**
+		 * Zoom position
+		 *
+		 */ function _defineProperties(target, props) {
+		    for(var i = 0; i < props.length; i++){
+		        var descriptor = props[i];
+		        descriptor.enumerable = descriptor.enumerable || false;
+		        descriptor.configurable = true;
+		        if ("value" in descriptor) descriptor.writable = true;
+		        Object.defineProperty(target, descriptor.key, descriptor);
+		    }
+		}
+		function _create_class(Constructor, protoProps, staticProps) {
+		    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+		    return Constructor;
+		}
+		var ZOOM_DEFAULT_POSITION = [
+		    0,
+		    0
+		];
+		/**
+		 * 默认值
+		 */ var DefaultOptions = {
+		    initialZoom: 1,
+		    defaultCursor: 'pointer',
+		    scrollVelocity: 0.1,
+		    animDuration: 0.25,
+		    allowZoom: true,
+		    allowPan: true,
+		    onChange: function() {},
+		    onTranslateChange: function() {},
+		    onTap: function() {},
+		    max: 8,
+		    min: 1,
+		    zoomStep: 0.1,
+		    allowTouchEvents: false,
+		    allowWheel: true,
+		    ignoredMouseButtons: [],
+		    doubleTouchMaxDelay: 300,
+		    decelerationDuration: 750
+		};
+		/**
+		 * dom 节点放大和拖动
+		 *
+		 */ var Zoom = /*#__PURE__*/ function() {
+		    function Zoom(container, options) {
+		        var _this = this;
+		        this._dragging = false;
+		        /**
+		   * 销毁
+		   * destroy
+		   */ this.destroy = function() {
+		            _this.setAllowZoom(false);
+		            _this.reset();
+		            _this.removeEventListeners();
+		        };
+		        /**
+		   * 设置是否旋转
+		   * @param trans - 是否transform
+		   */ this.setTransform = function(trans) {
+		            _this.transform = trans;
+		        };
+		        /**
+		   * 获取是否旋转
+		   * @returns
+		   */ this.getTransform = function() {
+		            return _this.transform;
+		        };
+		        /**
+		   * 更新x轴和Y轴平移值
+		   */ this.updateTranslate = function() {
+		            var translateX = 0;
+		            var translateY = 0;
+		            if (_this.percentPos[0] < 0) {
+		                translateX = _this.percentPos[0] < -(0.5 * (_this.zoom - 1)) ? -(0.5 * (_this.zoom - 1)) : _this.percentPos[0];
+		            } else {
+		                translateX = _this.percentPos[0] > 0.5 * (_this.zoom - 1) ? 0.5 * (_this.zoom - 1) : _this.percentPos[0];
+		            }
+		            if (_this.percentPos[1] < 0) {
+		                translateY = _this.percentPos[1] < -(0.5 * (_this.zoom - 1)) ? -(0.5 * (_this.zoom - 1)) : _this.percentPos[1];
+		            } else {
+		                translateY = _this.percentPos[1] > 0.5 * (_this.zoom - 1) ? 0.5 * (_this.zoom - 1) : _this.percentPos[1];
+		            }
+		            _this.percentPos = [
+		                translateX,
+		                translateY
+		            ];
+		        };
+		        /**
+		   * 更新容器样式
+		   */ this.update = function() {
+		            if (!_this.container) return;
+		            _this.updateTranslate();
+		            _this.container.style.transition = "transform ease-out " + _this.transition + "s";
+		            _this.container.style.transform = "translate3d(" + _this.percentPos[0] * 100 + "%, " + _this.percentPos[1] * 100 + "%, 0) scale(" + _this.zoom + ")";
+		        };
+		        /**
+		   * 设置支持缩放
+		   * @param allow
+		   */ this.setAllowZoom = function(allow) {
+		            _this.options.allowZoom = allow;
+		        };
+		        /**
+		   * 设置缩放值
+		   * @param zoom - 缩放值
+		   * @param reset - 是否重置
+		   */ this.setZoom = function(zoom, reset) {
+		            zoom = parseFloat(zoom.toFixed(_this.getPrecision(_this.options.zoomStep)));
+		            if (_this.zoom !== zoom) {
+		                _this.zoom = zoom;
+		                _this.update();
+		                _this.options.onChange == null ? void 0 : _this.options.onChange.call(_this.options, +_this.zoom.toFixed(_this.getPrecision(_this.options.zoomStep)), reset);
+		            }
+		        };
+		        /**
+		   * 获取缩放值
+		   * @returns
+		   */ this.getZoom = function() {
+		            return _this.zoom;
+		        };
+		        /**
+		   * 设置位置
+		   * @param pos - 位置 [X轴坐标转换， Y轴坐标转换]
+		   */ this.setPos = function(pos) {
+		            var _this_container, _this_container1;
+		            var containerWidth = (_this_container = _this.container) == null ? void 0 : _this_container.clientWidth;
+		            var containerHeight = (_this_container1 = _this.container) == null ? void 0 : _this_container1.clientHeight;
+		            if (+_this.pos[0] !== pos[0] || +_this.pos[1] !== pos[1]) {
+		                _this.percentPos = [
+		                    pos[0] / containerWidth,
+		                    pos[1] / containerHeight
+		                ];
+		                _this.update();
+		                _this.options.onTranslateChange == null ? void 0 : _this.options.onTranslateChange.call(_this.options, {
+		                    posX: pos[0],
+		                    posY: pos[1]
+		                });
+		            }
+		        };
+		        /**
+		   * 设置过渡时间
+		   * @param duration - 过渡时间, 单位秒
+		   */ this.setTransitionDuration = function(duration) {
+		            _this.transition = duration;
+		            _this.update();
+		        };
+		        /**
+		   * 设置鼠标样式
+		   * @param cursor
+		   * @returns
+		   */ this.setCursor = function(cursor) {
+		            if (!_this.container) return;
+		            _this.container.style.cssText += "cursor:" + cursor + ";";
+		            _this.cursor = cursor;
+		        };
+		        this.zoomIn = function(value) {
+		            var newPosX = _this.pos[0];
+		            var newPosY = _this.pos[1];
+		            var prevZoom = _this.zoom;
+		            var _this_options_max, _this_options_max1;
+		            var newZoom = prevZoom + value < ((_this_options_max = _this.options.max) != null ? _this_options_max : 8) ? prevZoom + value : (_this_options_max1 = _this.options.max) != null ? _this_options_max1 : 8;
+		            if (newZoom !== prevZoom) {
+		                newPosX = newPosX * (newZoom - 1) / (prevZoom > 1 ? prevZoom - 1 : prevZoom);
+		                newPosY = newPosY * (newZoom - 1) / (prevZoom > 1 ? prevZoom - 1 : prevZoom);
+		            }
+		            _this.setZoom(newZoom);
+		            _this.setPos([
+		                newPosX,
+		                newPosY
+		            ]);
+		            _this.setTransitionDuration(_this.options.animDuration);
+		        };
+		        this.zoomOut = function(value) {
+		            var newPosX = _this.pos[0];
+		            var newPosY = _this.pos[1];
+		            var prevZoom = _this.zoom;
+		            var _this_options_min, _this_options_min1;
+		            var newZoom = prevZoom - value > ((_this_options_min = _this.options.min) != null ? _this_options_min : 1) ? prevZoom - value : (_this_options_min1 = _this.options.min) != null ? _this_options_min1 : 1;
+		            if (newZoom !== prevZoom) {
+		                newPosX = newPosX * (newZoom - 1) / (prevZoom - 1);
+		                newPosY = newPosY * (newZoom - 1) / (prevZoom - 1);
+		            }
+		            _this.setZoom(newZoom);
+		            _this.setPos([
+		                newPosX,
+		                newPosY
+		            ]);
+		            _this.setTransitionDuration(_this.options.animDuration);
+		        };
+		        this.zoomToZone = function(relX, relY, relWidth, relHeight) {
+		            var _this_container;
+		            if (!_this.container) return;
+		            var newPosX = _this.pos[0];
+		            var newPosY = _this.pos[1];
+		            var parentRect = ((_this_container = _this.container) == null ? void 0 : _this_container.parentNode).getBoundingClientRect();
+		            var prevZoom = _this.zoom;
+		            // Calculate zoom factor to scale the zone
+		            var optimalZoomX = parentRect.width / relWidth;
+		            var optimalZoomY = parentRect.height / relHeight;
+		            var _this_options_max;
+		            var newZoom = Math.min(optimalZoomX, optimalZoomY, (_this_options_max = _this.options.max) != null ? _this_options_max : 8);
+		            // Calculate new position to center the zone
+		            var rect = _this.container.getBoundingClientRect();
+		            var _ref = [
+		                rect.width / prevZoom / 2,
+		                rect.height / prevZoom / 2
+		            ], centerX = _ref[0], centerY = _ref[1];
+		            var _ref1 = [
+		                relX + relWidth / 2,
+		                relY + relHeight / 2
+		            ], zoneCenterX = _ref1[0], zoneCenterY = _ref1[1];
+		            newPosX = (centerX - zoneCenterX) * newZoom;
+		            newPosY = (centerY - zoneCenterY) * newZoom;
+		            _this.setZoom(newZoom);
+		            _this.setPos([
+		                newPosX,
+		                newPosY
+		            ]);
+		            _this.setTransitionDuration(_this.options.animDuration);
+		        };
+		        this.getNewPosition = function(x, y, newZoom) {
+		            var _ref = [
+		                _this.zoom,
+		                _this.pos[0],
+		                _this.pos[1]
+		            ], prevZoom = _ref[0];
+		            if (newZoom === 1 || !_this) return ZOOM_DEFAULT_POSITION;
+		            var _ref1 = [
+		                _this.container.clientWidth,
+		                _this.container.clientHeight
+		            ], clientWidth = _ref1[0], clientHeight = _ref1[1];
+		            if (newZoom > prevZoom) {
+		                return [
+		                    0,
+		                    0
+		                ];
+		            } else {
+		                // 放到最大
+		                var w = -((x - clientWidth / 2) / (clientWidth / 2)) * newZoom / 2;
+		                var h = -((y - clientHeight / 2) / (clientHeight / 2)) * newZoom / 2;
+		                if (w > newZoom / 2 - 0.5) {
+		                    w = 3.5;
+		                }
+		                if (h > newZoom / 2 - 0.5) {
+		                    h = 3.5;
+		                }
+		                return [
+		                    clientWidth * w,
+		                    clientHeight * h
+		                ];
+		            }
+		        };
+		        /**
+		   * 缩放到最大
+		   * @param x - 点击点X坐标
+		   * @param y - 点击点Y坐标
+		   */ this.fullZoomInOnPosition = function(x, y) {
+		            var _this_options_max;
+		            var zoom = (_this_options_max = _this.options.max) != null ? _this_options_max : DefaultOptions.max;
+		            _this.setZoom(zoom != null ? zoom : DefaultOptions.max);
+		            _this.setPos(_this.getNewPosition(x, y, zoom));
+		            _this.setTransitionDuration(_this.options.animDuration);
+		        };
+		        this.getLimitedShift = function(shift, minLimit, maxLimit, minElement, maxElement) {
+		            if (shift > 0) {
+		                if (minElement > minLimit) {
+		                    return 0;
+		                } else if (minElement + shift > minLimit) {
+		                    return minLimit - minElement;
+		                }
+		            } else if (shift < 0) {
+		                if (maxElement < maxLimit) {
+		                    return 0;
+		                } else if (maxElement + shift < maxLimit) {
+		                    return maxLimit - maxElement;
+		                }
+		            }
+		            return shift;
+		        };
+		        this.getCursor = function(canMoveOnX, canMoveOnY) {
+		            if (canMoveOnX && canMoveOnY) {
+		                return 'move';
+		            } else if (canMoveOnX) {
+		                return 'ew-resize';
+		            } else if (canMoveOnY) {
+		                return 'ns-resize';
+		            } else {
+		                return 'auto';
+		            }
+		        };
+		        this.move = function(shiftX, shiftY, transitionDuration) {
+		            if (transitionDuration === void 0) transitionDuration = 0;
+		            if (!_this.container) return;
+		            var newPosX = _this.pos[0];
+		            var newPosY = _this.pos[1];
+		            // let canMoveOnX: boolean, canMoveOnY: boolean;
+		            var rect = _this.container.getBoundingClientRect();
+		            var parentRect = _this.container.parentNode.getBoundingClientRect();
+		            // 根据是否进行了伪横屏旋转，决定是使用 shiftX 还是 shiftY 来对画面进行移动
+		            var shiftHorizontal = _this.transform ? shiftY : shiftX;
+		            var shiftVertical = _this.transform ? shiftX : shiftY;
+		            var _ref = _this.transform ? [
+		                rect.height > parentRect.bottom - parentRect.top,
+		                shiftVertical > 0 && rect.top - parentRect.top < 0,
+		                shiftVertical < 0 && rect.bottom - parentRect.bottom > 0
+		            ] : [
+		                rect.width > parentRect.right - parentRect.left,
+		                shiftHorizontal > 0 && rect.left - parentRect.left < 0,
+		                shiftHorizontal < 0 && rect.right - parentRect.right > 0
+		            ], isLargerHor = _ref[0], isOutLeftBoundary = _ref[1], isOutRightBoundary = _ref[2];
+		            var canMoveOnX = isLargerHor || isOutLeftBoundary || isOutRightBoundary;
+		            if (canMoveOnX) {
+		                if (_this.transform) {
+		                    newPosX += _this.getLimitedShift(shiftVertical, parentRect.top, parentRect.bottom, rect.top, rect.bottom);
+		                } else {
+		                    newPosX += _this.getLimitedShift(shiftHorizontal, parentRect.left, parentRect.right, rect.left, rect.right);
+		                }
+		            }
+		            var _ref1 = _this.transform ? [
+		                rect.width > parentRect.right - parentRect.left,
+		                shiftHorizontal > 0 && rect.right - parentRect.right < 0,
+		                shiftHorizontal < 0 && rect.left - parentRect.left > 0
+		            ] : [
+		                rect.height > parentRect.bottom - parentRect.top,
+		                shiftVertical > 0 && rect.top - parentRect.top < 0,
+		                shiftVertical < 0 && rect.bottom - parentRect.bottom > 0
+		            ], isLargerVer = _ref1[0], isOutTopBoundary = _ref1[1], isOutBottomBoundary = _ref1[2];
+		            var canMoveOnY = isLargerVer || isOutTopBoundary || isOutBottomBoundary;
+		            if (canMoveOnY) {
+		                if (_this.transform) {
+		                    var transformGetLimitedShift = function(shift, minLimit, maxLimit, minElement, maxElement) {
+		                        // css伪横屏边界判断特殊处理
+		                        if (shift > 0) {
+		                            if (maxElement < maxLimit + 1) {
+		                                return 0;
+		                            } else if (maxElement + shift < maxLimit + 1) {
+		                                return maxLimit - maxElement;
+		                            }
+		                        } else if (shift < 0) {
+		                            if (minElement + 1 > minLimit) {
+		                                return 0;
+		                            } else if (minElement + 1 + shift > minLimit) {
+		                                return minLimit - minElement;
+		                            }
+		                        }
+		                        return shift;
+		                    };
+		                    newPosY += transformGetLimitedShift(shiftHorizontal, parentRect.left, parentRect.right, rect.left, rect.right);
+		                } else {
+		                    newPosY += _this.getLimitedShift(shiftVertical, parentRect.top, parentRect.bottom, rect.top, rect.bottom);
+		                }
+		            }
+		            var cursor = _this.getCursor(canMoveOnX, canMoveOnY);
+		            _this.setPos([
+		                newPosX,
+		                newPosY
+		            ]);
+		            _this.setCursor(cursor);
+		            _this.setTransitionDuration(transitionDuration);
+		        };
+		        /**
+		   * 移动端双击
+		   * @returns
+		   */ this.isDoubleTapping = function() {
+		            var touchTime = new Date().getTime();
+		            var _this_lastTouchTime, _this_options_doubleTouchMaxDelay, _this_lastDoubleTapTime, _this_options_doubleTouchMaxDelay1;
+		            var isDoubleTap = touchTime - ((_this_lastTouchTime = _this.lastTouchTime) != null ? _this_lastTouchTime : 0) < ((_this_options_doubleTouchMaxDelay = _this.options.doubleTouchMaxDelay) != null ? _this_options_doubleTouchMaxDelay : 300) && touchTime - ((_this_lastDoubleTapTime = _this.lastDoubleTapTime) != null ? _this_lastDoubleTapTime : 0) > ((_this_options_doubleTouchMaxDelay1 = _this.options.doubleTouchMaxDelay) != null ? _this_options_doubleTouchMaxDelay1 : 750);
+		            if (isDoubleTap) {
+		                _this.lastDoubleTapTime = touchTime;
+		                return true;
+		            }
+		            _this.lastTouchTime = touchTime;
+		            return false;
+		        };
+		        this.startDeceleration = function(lastShiftOnX, lastShiftOnY) {
+		            var startTimestamp = null;
+		            var startDecelerationMove = function(timestamp) {
+		                if (startTimestamp === null) startTimestamp = timestamp;
+		                var progress = timestamp - startTimestamp;
+		                var _this_options_decelerationDuration, _this_options_decelerationDuration1;
+		                var ratio = (((_this_options_decelerationDuration = _this.options.decelerationDuration) != null ? _this_options_decelerationDuration : 750) - progress) / ((_this_options_decelerationDuration1 = _this.options.decelerationDuration) != null ? _this_options_decelerationDuration1 : 750);
+		                var _ref = [
+		                    lastShiftOnX * ratio,
+		                    lastShiftOnY * ratio
+		                ], shiftX = _ref[0], shiftY = _ref[1];
+		                var _this_options_decelerationDuration2;
+		                if (progress < ((_this_options_decelerationDuration2 = _this.options.decelerationDuration) != null ? _this_options_decelerationDuration2 : 750) && Math.max(Math.abs(shiftX), Math.abs(shiftY)) > 1) {
+		                    _this.move(shiftX, shiftY, 0);
+		                    _this.lastRequestAnimationId = requestAnimationFrame(startDecelerationMove);
+		                } else {
+		                    _this.lastRequestAnimationId = null;
+		                }
+		            };
+		            _this.lastRequestAnimationId = requestAnimationFrame(startDecelerationMove);
+		        };
+		        this.reset = function() {
+		            _this.setZoom(_this.options.initialZoom, true);
+		            _this.cursor = _this.options.defaultCursor;
+		            _this.setTransitionDuration(_this.options.animDuration);
+		            _this.setPos(ZOOM_DEFAULT_POSITION);
+		        };
+		        // api向前兼容
+		        this.addScale = function(scale) {
+		            if (scale === void 0) scale = 1;
+		            _this.handleZoomAdd(scale);
+		        };
+		        this.handleZoomAdd = function(scale) {
+		            if (scale === void 0) scale = 1;
+		            if (!_this.options.allowZoom || !_this.options.allowWheel) return;
+		            var newZoom = parseFloat((_this.zoom + scale).toFixed(_this.getPrecision(_this.options.zoomStep)));
+		            var _this_options_max;
+		            if (newZoom > ((_this_options_max = _this.options.max) != null ? _this_options_max : 8)) {
+		                newZoom = 8;
+		            }
+		            _this.setZoom(newZoom);
+		            _this.setPos(_this.pos);
+		            _this.setTransitionDuration(0.05);
+		        };
+		        // api向前兼容
+		        this.subScale = function(scale) {
+		            if (scale === void 0) scale = 1;
+		            _this.handleZoomSub(scale);
+		        };
+		        this.handleZoomSub = function(scale) {
+		            if (scale === void 0) scale = 1;
+		            if (!_this.options.allowZoom || !_this.options.allowWheel) return;
+		            var newZoom = parseFloat((_this.zoom - scale).toFixed(_this.getPrecision(_this.options.zoomStep)));
+		            if (newZoom < 1) {
+		                newZoom = 1;
+		            }
+		            _this.setZoom(newZoom);
+		            _this.setPos(_this.pos);
+		            _this.setTransitionDuration(0.05);
+		        };
+		        this.handleMouseWheel = function(event) {
+		            event.preventDefault();
+		            if (!_this.options.allowZoom || !_this.options.allowWheel) return;
+		            var velocity = event.deltaY < 0 ? _this.options.scrollVelocity : 0 - _this.options.scrollVelocity;
+		            var _this_options_max, _this_options_min;
+		            var newZoom = parseFloat(Math.max(Math.min(_this.zoom + velocity, (_this_options_max = _this.options.max) != null ? _this_options_max : 8), (_this_options_min = _this.options.min) != null ? _this_options_min : 1).toFixed(_this.getPrecision(_this.options.zoomStep)));
+		            _this.setZoom(newZoom);
+		            // this.setPos(this.getNewPosition(posX, posY, newZoom));
+		            _this.setTransitionDuration(0.05);
+		        };
+		        this.handleMouseStart = function(event) {
+		            var _this_options_ignoredMouseButtons;
+		            event.preventDefault();
+		            if (!_this.options.allowPan || ((_this_options_ignoredMouseButtons = _this.options.ignoredMouseButtons) == null ? void 0 : _this_options_ignoredMouseButtons.includes(event.button))) return;
+		            _this._dragging = true;
+		            if (_this.lastRequestAnimationId) cancelAnimationFrame(_this.lastRequestAnimationId);
+		            _this.lastCursor = _this.getCoordinates(event);
+		        };
+		        this.handleMouseMove = function(event) {
+		            event.preventDefault();
+		            if (!_this.options.allowPan || !_this.lastCursor || !_this._dragging) return;
+		            _this._touchOrMouseDrag(event);
+		        };
+		        this.handleMouseStop = function(event) {
+		            event.preventDefault();
+		            if (_this.lastShift) {
+		                _this.startDeceleration(_this.lastShift[0], _this.lastShift[1]);
+		                _this.lastShift = null;
+		            }
+		            _this.lastCursor = null;
+		            _this.setCursor('auto');
+		            _this._dragging = false;
+		        };
+		        this.handleTouchStart = function(event) {
+		            var isThisDoubleTapping = _this.isDoubleTapping();
+		            _this.isMultiTouch = event.touches.length;
+		            if (!_this.options.allowTouchEvents) event.preventDefault();
+		            if (_this.lastRequestAnimationId) cancelAnimationFrame(_this.lastRequestAnimationId);
+		            var _this_getCoordinates = _this.getCoordinates(event.touches[0]), posX = _this_getCoordinates[0], posY = _this_getCoordinates[1];
+		            if (_this.isMultiTouch > 1) {
+		                _this.lastCursor = [
+		                    posX,
+		                    posY
+		                ];
+		                return;
+		            }
+		            if (isThisDoubleTapping && _this.options.allowZoom) {
+		                if (_this.zoom === 1) {
+		                    var _this_container_getBoundingClientRect = _this.container.getBoundingClientRect(); _this_container_getBoundingClientRect.top; _this_container_getBoundingClientRect.left; var x = _this_container_getBoundingClientRect.x, y = _this_container_getBoundingClientRect.y;
+		                    var ref;
+		                    ref = _this.transform ? [
+		                        y,
+		                        x
+		                    ] : [
+		                        x,
+		                        y
+		                    ], x = ref[0], y = ref[1];
+		                    var ref1;
+		                    ref1 = [
+		                        posX - x,
+		                        posY - y
+		                    ], posX = ref1[0], posY = ref1[1];
+		                    // 双击放大到最大
+		                    _this.fullZoomInOnPosition(posX, posY);
+		                } else {
+		                    _this.reset();
+		                }
+		                return;
+		            }
+		            _this._tapStartTime = new Date().getTime();
+		            if (_this.options.allowPan) _this.lastCursor = [
+		                posX,
+		                posY
+		            ];
+		        };
+		        this.handleTouchMove = function(event) {
+		            if (!_this.options.allowTouchEvents) event.preventDefault();
+		            if (!_this.lastCursor) return;
+		            if (_this.isMultiTouch === 1) {
+		                _this._touchOrMouseDrag(event.touches[0]);
+		                _this.lastTouchDistance = null;
+		            } else if (_this.isMultiTouch > 1) {
+		                var newZoom = _this.zoom;
+		                // If we detect two points, we shall zoom up or down
+		                var _this_getCoordinates = _this.getCoordinates(event.touches[0]), pos1X = _this_getCoordinates[0], pos1Y = _this_getCoordinates[1];
+		                var _this_getCoordinates1 = _this.getCoordinates(event.touches[1]), pos2X = _this_getCoordinates1[0], pos2Y = _this_getCoordinates1[1];
+		                var distance = Math.sqrt(Math.pow(pos2X - pos1X, 2) + Math.pow(pos2Y - pos1Y, 2));
+		                if (_this.lastTouchDistance && distance && distance !== _this.lastTouchDistance) {
+		                    if (_this.options.allowZoom) {
+		                        newZoom += (distance - _this.lastTouchDistance) / 100;
+		                        var _this_options_max, _this_options_min;
+		                        if (newZoom > ((_this_options_max = _this.options.max) != null ? _this_options_max : 8)) {
+		                            var _this_options_max1;
+		                            newZoom = (_this_options_max1 = _this.options.max) != null ? _this_options_max1 : 8;
+		                        } else if (newZoom < ((_this_options_min = _this.options.min) != null ? _this_options_min : 1)) {
+		                            var _this_options_min1;
+		                            newZoom = (_this_options_min1 = _this.options.min) != null ? _this_options_min1 : 1;
+		                        }
+		                    }
+		                    // 不要做移动，因为会有冲突
+		                    _this.setZoom(newZoom);
+		                    _this.setTransitionDuration(0);
+		                }
+		                // Save data for the next move
+		                _this.lastCursor = [
+		                    pos1X,
+		                    pos1Y
+		                ];
+		                _this.lastTouchDistance = distance;
+		            }
+		        };
+		        this.handleTouchStop = function() {
+		            if (_this.lastShift) {
+		                // Use the last shift to make a decelerating movement effect
+		                _this.startDeceleration(_this.lastShift[0], _this.lastShift[1]);
+		                _this.lastShift = null;
+		            }
+		            if (_this._tapStartTime && new Date().getTime() - _this._tapStartTime < 200) {
+		                _this.options.onTap == null ? void 0 : _this.options.onTap.call(_this.options);
+		            }
+		            _this._tapStartTime = undefined;
+		            _this.lastCursor = null;
+		            _this.lastTouchDistance = null;
+		            _this.isMultiTouch = 0;
+		        };
+		        this.container = container;
+		        this.options = Object.assign({}, DefaultOptions, options || {});
+		        this.percentPos = ZOOM_DEFAULT_POSITION;
+		        this.transition = this.options.animDuration;
+		        this.zoom = 1;
+		        this.cursor = 'auto';
+		        this.lastCursor = [
+		            0,
+		            0
+		        ];
+		        this.lastShift = null;
+		        this.lastTouchDistance = null;
+		        this.lastRequestAnimationId = null;
+		        this.lastTouchTime = new Date().getTime();
+		        this.lastDoubleTapTime = new Date().getTime();
+		        this.transform = false; // 是否为横屏模式
+		        this.isMultiTouch = 1;
+		        this.handleMouseMove = this.handleMouseMove.bind(this);
+		        this.handleMouseStart = this.handleMouseStart.bind(this);
+		        this.handleMouseStop = this.handleMouseStop.bind(this);
+		        this.handleMouseWheel = this.handleMouseWheel.bind(this);
+		        this.handleTouchStart = this.handleTouchStart.bind(this);
+		        this.handleTouchMove = this.handleTouchMove.bind(this);
+		        this.handleTouchStop = this.handleTouchStop.bind(this);
+		        this.getZoom = this.getZoom.bind(this);
+		        this.setZoom = this.setZoom.bind(this);
+		    }
+		    var _proto = Zoom.prototype;
+		    // 设置事件侦听器
+		    _proto.setUpEventListeners = function setUpEventListeners() {
+		        var refCurrentValue = this.container;
+		        var hasMouseDevice = window.matchMedia('(pointer: fine)').matches;
+		        if (hasMouseDevice) {
+		            if (this.options.allowWheel) {
+		                refCurrentValue == null ? void 0 : refCurrentValue.addEventListener('wheel', this.handleMouseWheel, {
+		                    passive: false
+		                });
+		            }
+		            // Apply mouse events only to devices which include an accurate pointing device
+		            refCurrentValue == null ? void 0 : refCurrentValue.addEventListener('mousedown', this.handleMouseStart, {
+		                passive: false
+		            });
+		            refCurrentValue == null ? void 0 : refCurrentValue.addEventListener('mousemove', this.handleMouseMove, {
+		                passive: false
+		            });
+		            refCurrentValue == null ? void 0 : refCurrentValue.addEventListener('mouseup', this.handleMouseStop, {
+		                passive: false
+		            });
+		            refCurrentValue == null ? void 0 : refCurrentValue.addEventListener('mouseleave', this.handleMouseStop, {
+		                passive: false
+		            });
+		        } else {
+		            // Apply touch events to all other devices
+		            refCurrentValue == null ? void 0 : refCurrentValue.addEventListener('touchstart', this.handleTouchStart, {
+		                passive: false
+		            });
+		            refCurrentValue == null ? void 0 : refCurrentValue.addEventListener('touchmove', this.handleTouchMove, {
+		                passive: false
+		            });
+		            refCurrentValue == null ? void 0 : refCurrentValue.addEventListener('touchend', this.handleTouchStop, {
+		                passive: false
+		            });
+		            refCurrentValue == null ? void 0 : refCurrentValue.addEventListener('touchcancel', this.handleTouchStop, {
+		                passive: false
+		            });
+		        }
+		    };
+		    // 移除事件侦听器
+		    _proto.removeEventListeners = function removeEventListeners() {
+		        var refCurrentValue = this.container;
+		        var hasMouseDevice = window.matchMedia('(pointer: fine)').matches;
+		        if (hasMouseDevice) {
+		            if (this.options.allowWheel) {
+		                refCurrentValue == null ? void 0 : refCurrentValue.removeEventListener('wheel', this.handleMouseWheel);
+		            }
+		            refCurrentValue == null ? void 0 : refCurrentValue.removeEventListener('mousedown', this.handleMouseStart);
+		            refCurrentValue == null ? void 0 : refCurrentValue.removeEventListener('mousemove', this.handleMouseMove);
+		            refCurrentValue == null ? void 0 : refCurrentValue.removeEventListener('mouseup', this.handleMouseStop);
+		            refCurrentValue == null ? void 0 : refCurrentValue.removeEventListener('mouseleave', this.handleMouseStop);
+		        } else {
+		            refCurrentValue == null ? void 0 : refCurrentValue.removeEventListener('touchstart', this.handleTouchStart);
+		            refCurrentValue == null ? void 0 : refCurrentValue.removeEventListener('touchmove', this.handleTouchMove);
+		            refCurrentValue == null ? void 0 : refCurrentValue.removeEventListener('touchend', this.handleTouchStop);
+		            refCurrentValue == null ? void 0 : refCurrentValue.removeEventListener('touchcancel', this.handleTouchStop);
+		        }
+		    };
+		    _proto.getPrecision = function getPrecision(value) {
+		        if (value === void 0) value = 1;
+		        var valueStr = value.toString();
+		        if (valueStr.includes('.')) {
+		            return valueStr.split('.')[1].length;
+		        } else {
+		            return 1;
+		        }
+		    };
+		    /**
+		   * 获取坐标 (伪横屏X、Y轴坐标转换, 相对值)
+		   * @param event
+		   * @returns
+		   */ _proto.getCoordinates = function getCoordinates(event) {
+		        var clientHeight = this.container.clientHeight;
+		        var clientTop = this.container.clientTop;
+		        var clientLeft = this.container.clientLeft;
+		        var _ref = this.transform ? [
+		            event.clientY,
+		            clientHeight - event.clientX
+		        ] : [
+		            event.clientX - clientTop,
+		            event.clientY - clientLeft
+		        ], x1 = _ref[0], y1 = _ref[1];
+		        return [
+		            x1,
+		            y1
+		        ];
+		    };
+		    _proto._touchOrMouseDrag = function _touchOrMouseDrag(event) {
+		        if (this.lastCursor) {
+		            var _this_getCoordinates = this.getCoordinates(event), posX = _this_getCoordinates[0], posY = _this_getCoordinates[1];
+		            var shiftX = posX - this.lastCursor[0];
+		            var shiftY = posY - this.lastCursor[1];
+		            this.move(shiftX, shiftY, 0);
+		            this.lastCursor = [
+		                posX,
+		                posY
+		            ];
+		            this.lastShift = [
+		                shiftX,
+		                shiftY
+		            ];
+		        }
+		    };
+		    _create_class(Zoom, [
+		        {
+		            key: "pos",
+		            get: function get() {
+		                return [
+		                    this.container.clientWidth * this.percentPos[0],
+		                    this.container.clientHeight * this.percentPos[1]
+		                ];
+		            }
+		        }
+		    ]);
+		    return Zoom;
+		}();
+		Zoom.VERSION = '0.0.2';
+
+		dist$5 = Zoom;
+		return dist$5;
+	}
+
+	var distExports$3 = requireDist$5();
+	var Zoom = /*@__PURE__*/getDefaultExportFromCjs(distExports$3);
+
+	function _extends$h() {
+	    _extends$h = Object.assign || function(target) {
+	        for(var i = 1; i < arguments.length; i++){
+	            var source = arguments[i];
+	            for(var key in source){
+	                if (Object.prototype.hasOwnProperty.call(source, key)) {
+	                    target[key] = source[key];
+	                }
 	            }
-	            // Apply mouse events only to devices which include an accurate pointing device
-	            refCurrentValue == null ? void 0 : refCurrentValue.addEventListener('mousedown', this.handleMouseStart, {
-	                passive: false
-	            });
-	            refCurrentValue == null ? void 0 : refCurrentValue.addEventListener('mousemove', this.handleMouseMove, {
-	                passive: false
-	            });
-	            refCurrentValue == null ? void 0 : refCurrentValue.addEventListener('mouseup', this.handleMouseStop, {
-	                passive: false
-	            });
-	            refCurrentValue == null ? void 0 : refCurrentValue.addEventListener('mouseleave', this.handleMouseStop, {
-	                passive: false
-	            });
-	        } else {
-	            // Apply touch events to all other devices
-	            refCurrentValue == null ? void 0 : refCurrentValue.addEventListener('touchstart', this.handleTouchStart, {
-	                passive: false
-	            });
-	            refCurrentValue == null ? void 0 : refCurrentValue.addEventListener('touchmove', this.handleTouchMove, {
-	                passive: false
-	            });
-	            refCurrentValue == null ? void 0 : refCurrentValue.addEventListener('touchend', this.handleTouchStop, {
-	                passive: false
-	            });
-	            refCurrentValue == null ? void 0 : refCurrentValue.addEventListener('touchcancel', this.handleTouchStop, {
-	                passive: false
-	            });
 	        }
-	    }
-	    // 移除事件侦听器
-	    removeEventListeners() {
-	        const refCurrentValue = this.container;
-	        const hasMouseDevice = window.matchMedia('(pointer: fine)').matches;
-	        if (hasMouseDevice) {
-	            if (this.options.allowWheel) {
-	                refCurrentValue == null ? void 0 : refCurrentValue.removeEventListener('wheel', this.handleMouseWheel);
+	        return target;
+	    };
+	    return _extends$h.apply(this, arguments);
+	}
+	function __zoom(theme, container, options) {
+	    theme.zoomUtil = new Zoom(container, _extends$h({}, options || {}, {
+	        min: 1,
+	        onChange: function(zoom, reset) {
+	            if (zoom !== theme._zoom) {
+	                var _options_onChange;
+	                theme.zoom = zoom;
+	                options == null ? void 0 : (_options_onChange = options.onChange) == null ? void 0 : _options_onChange.call(options, zoom, reset);
 	            }
-	            refCurrentValue == null ? void 0 : refCurrentValue.removeEventListener('mousedown', this.handleMouseStart);
-	            refCurrentValue == null ? void 0 : refCurrentValue.removeEventListener('mousemove', this.handleMouseMove);
-	            refCurrentValue == null ? void 0 : refCurrentValue.removeEventListener('mouseup', this.handleMouseStop);
-	            refCurrentValue == null ? void 0 : refCurrentValue.removeEventListener('mouseleave', this.handleMouseStop);
-	        } else {
-	            refCurrentValue == null ? void 0 : refCurrentValue.removeEventListener('touchstart', this.handleTouchStart);
-	            refCurrentValue == null ? void 0 : refCurrentValue.removeEventListener('touchmove', this.handleTouchMove);
-	            refCurrentValue == null ? void 0 : refCurrentValue.removeEventListener('touchend', this.handleTouchStop);
-	            refCurrentValue == null ? void 0 : refCurrentValue.removeEventListener('touchcancel', this.handleTouchStop);
-	        }
-	    }
-	    getPrecision(value = 1) {
-	        const valueStr = value.toString();
-	        if (valueStr.includes('.')) {
-	            return valueStr.split('.')[1].length;
-	        } else {
-	            return 1;
-	        }
-	    }
-	    /**
-	   * 获取坐标 (伪横屏X、Y轴坐标转换, 相对值)
-	   * @param event
-	   * @returns
-	   */ getCoordinates(event) {
-	        const clientHeight = this.container.clientHeight;
-	        const clientTop = this.container.clientTop;
-	        const clientLeft = this.container.clientLeft;
-	        const [x1, y1] = this.transform ? [
-	            event.clientY,
-	            clientHeight - event.clientX
-	        ] : [
-	            event.clientX - clientTop,
-	            event.clientY - clientLeft
-	        ];
-	        return [
-	            x1,
-	            y1
-	        ];
+	        },
+	        onTranslateChange: function(pos) {
+	            var _options_onTranslateChange;
+	            theme.emit(EVENTS.zoomTranslateChange, pos);
+	            options == null ? void 0 : (_options_onTranslateChange = options.onTranslateChange) == null ? void 0 : _options_onTranslateChange.call(options, pos);
+	        },
+	        onTap: options == null ? void 0 : options.onTap
+	    }));
+	}
+
+	function asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, key, arg) {
+	    try {
+	        var info = gen[key](arg);
+	        var value = info.value;
+	    } catch (error) {
+	        reject(error);
+	        return;
 	    }
-	    _touchOrMouseDrag(event) {
-	        if (this.lastCursor) {
-	            const [posX, posY] = this.getCoordinates(event);
-	            const shiftX = posX - this.lastCursor[0];
-	            const shiftY = posY - this.lastCursor[1];
-	            this.move(shiftX, shiftY, 0);
-	            this.lastCursor = [
-	                posX,
-	                posY
-	            ];
-	            this.lastShift = [
-	                shiftX,
-	                shiftY
-	            ];
-	        }
-	    }
-	    constructor(container, options){
-	        this._dragging = false;
-	        /**
-	   * 销毁
-	   * destroy
-	   */ this.destroy = ()=>{
-	            this.setAllowZoom(false);
-	            this.reset();
-	            this.removeEventListeners();
-	        };
-	        /**
-	   * 设置是否旋转
-	   * @param trans - 是否transform
-	   */ this.setTransform = (trans)=>{
-	            this.transform = trans;
-	        };
-	        /**
-	   * 获取是否旋转
-	   * @returns
-	   */ this.getTransform = ()=>this.transform;
-	        /**
-	   * 更新x轴和Y轴平移值
-	   */ this.updateTranslate = ()=>{
-	            let translateX = 0;
-	            let translateY = 0;
-	            if (this.percentPos[0] < 0) {
-	                translateX = this.percentPos[0] < -(0.5 * (this.zoom - 1)) ? -(0.5 * (this.zoom - 1)) : this.percentPos[0];
-	            } else {
-	                translateX = this.percentPos[0] > 0.5 * (this.zoom - 1) ? 0.5 * (this.zoom - 1) : this.percentPos[0];
-	            }
-	            if (this.percentPos[1] < 0) {
-	                translateY = this.percentPos[1] < -(0.5 * (this.zoom - 1)) ? -(0.5 * (this.zoom - 1)) : this.percentPos[1];
-	            } else {
-	                translateY = this.percentPos[1] > 0.5 * (this.zoom - 1) ? 0.5 * (this.zoom - 1) : this.percentPos[1];
-	            }
-	            this.percentPos = [
-	                translateX,
-	                translateY
-	            ];
-	        };
-	        /**
-	   * 更新容器样式
-	   */ this.update = ()=>{
-	            if (!this.container) return;
-	            this.updateTranslate();
-	            this.container.style.transition = `transform ease-out ${this.transition}s`;
-	            this.container.style.transform = `translate3d(${this.percentPos[0] * 100}%, ${this.percentPos[1] * 100}%, 0) scale(${this.zoom})`;
-	        };
-	        /**
-	   * 设置支持缩放
-	   * @param allow
-	   */ this.setAllowZoom = (allow)=>{
-	            this.options.allowZoom = allow;
-	        };
-	        /**
-	   * 设置缩放值
-	   * @param zoom - 缩放值
-	   * @param reset - 是否重置
-	   */ this.setZoom = (zoom, reset)=>{
-	            zoom = parseFloat(zoom.toFixed(this.getPrecision(this.options.zoomStep)));
-	            if (this.zoom !== zoom) {
-	                this.zoom = zoom;
-	                this.update();
-	                this.options.onChange == null ? void 0 : this.options.onChange.call(this.options, +this.zoom.toFixed(this.getPrecision(this.options.zoomStep)), reset);
-	            }
-	        };
-	        /**
-	   * 获取缩放值
-	   * @returns
-	   */ this.getZoom = ()=>this.zoom;
-	        /**
-	   * 设置位置
-	   * @param pos - 位置 [X轴坐标转换， Y轴坐标转换]
-	   */ this.setPos = (pos)=>{
-	            var _this_container, _this_container1;
-	            const containerWidth = (_this_container = this.container) == null ? void 0 : _this_container.clientWidth;
-	            const containerHeight = (_this_container1 = this.container) == null ? void 0 : _this_container1.clientHeight;
-	            if (+this.pos[0] !== pos[0] || +this.pos[1] !== pos[1]) {
-	                this.percentPos = [
-	                    pos[0] / containerWidth,
-	                    pos[1] / containerHeight
-	                ];
-	                this.update();
-	                this.options.onTranslateChange == null ? void 0 : this.options.onTranslateChange.call(this.options, {
-	                    posX: pos[0],
-	                    posY: pos[1]
-	                });
-	            }
-	        };
-	        /**
-	   * 设置过渡时间
-	   * @param duration - 过渡时间, 单位秒
-	   */ this.setTransitionDuration = (duration)=>{
-	            this.transition = duration;
-	            this.update();
-	        };
-	        /**
-	   * 设置鼠标样式
-	   * @param cursor
-	   * @returns
-	   */ this.setCursor = (cursor)=>{
-	            if (!this.container) return;
-	            this.container.style.cssText += `cursor:${cursor};`;
-	            this.cursor = cursor;
-	        };
-	        this.zoomIn = (value)=>{
-	            let newPosX = this.pos[0];
-	            let newPosY = this.pos[1];
-	            const prevZoom = this.zoom;
-	            var _this_options_max, _this_options_max1;
-	            const newZoom = prevZoom + value < ((_this_options_max = this.options.max) != null ? _this_options_max : 8) ? prevZoom + value : (_this_options_max1 = this.options.max) != null ? _this_options_max1 : 8;
-	            if (newZoom !== prevZoom) {
-	                newPosX = newPosX * (newZoom - 1) / (prevZoom > 1 ? prevZoom - 1 : prevZoom);
-	                newPosY = newPosY * (newZoom - 1) / (prevZoom > 1 ? prevZoom - 1 : prevZoom);
-	            }
-	            this.setZoom(newZoom);
-	            this.setPos([
-	                newPosX,
-	                newPosY
-	            ]);
-	            this.setTransitionDuration(this.options.animDuration);
-	        };
-	        this.zoomOut = (value)=>{
-	            let newPosX = this.pos[0];
-	            let newPosY = this.pos[1];
-	            const prevZoom = this.zoom;
-	            var _this_options_min, _this_options_min1;
-	            const newZoom = prevZoom - value > ((_this_options_min = this.options.min) != null ? _this_options_min : 1) ? prevZoom - value : (_this_options_min1 = this.options.min) != null ? _this_options_min1 : 1;
-	            if (newZoom !== prevZoom) {
-	                newPosX = newPosX * (newZoom - 1) / (prevZoom - 1);
-	                newPosY = newPosY * (newZoom - 1) / (prevZoom - 1);
-	            }
-	            this.setZoom(newZoom);
-	            this.setPos([
-	                newPosX,
-	                newPosY
-	            ]);
-	            this.setTransitionDuration(this.options.animDuration);
-	        };
-	        this.zoomToZone = (relX, relY, relWidth, relHeight)=>{
-	            var _this_container;
-	            if (!this.container) return;
-	            let newPosX = this.pos[0];
-	            let newPosY = this.pos[1];
-	            const parentRect = ((_this_container = this.container) == null ? void 0 : _this_container.parentNode).getBoundingClientRect();
-	            const prevZoom = this.zoom;
-	            // Calculate zoom factor to scale the zone
-	            const optimalZoomX = parentRect.width / relWidth;
-	            const optimalZoomY = parentRect.height / relHeight;
-	            var _this_options_max;
-	            const newZoom = Math.min(optimalZoomX, optimalZoomY, (_this_options_max = this.options.max) != null ? _this_options_max : 8);
-	            // Calculate new position to center the zone
-	            const rect = this.container.getBoundingClientRect();
-	            const [centerX, centerY] = [
-	                rect.width / prevZoom / 2,
-	                rect.height / prevZoom / 2
-	            ];
-	            const [zoneCenterX, zoneCenterY] = [
-	                relX + relWidth / 2,
-	                relY + relHeight / 2
-	            ];
-	            newPosX = (centerX - zoneCenterX) * newZoom;
-	            newPosY = (centerY - zoneCenterY) * newZoom;
-	            this.setZoom(newZoom);
-	            this.setPos([
-	                newPosX,
-	                newPosY
-	            ]);
-	            this.setTransitionDuration(this.options.animDuration);
-	        };
-	        this.getNewPosition = (x, y, newZoom)=>{
-	            const [prevZoom] = [
-	                this.zoom,
-	                this.pos[0],
-	                this.pos[1]
-	            ];
-	            if (newZoom === 1 || !this) return ZOOM_DEFAULT_POSITION;
-	            const [clientWidth, clientHeight] = [
-	                this.container.clientWidth,
-	                this.container.clientHeight
-	            ];
-	            if (newZoom > prevZoom) {
-	                return [
-	                    0,
-	                    0
-	                ];
-	            } else {
-	                // 放到最大
-	                let w = -((x - clientWidth / 2) / (clientWidth / 2)) * newZoom / 2;
-	                let h = -((y - clientHeight / 2) / (clientHeight / 2)) * newZoom / 2;
-	                if (w > newZoom / 2 - 0.5) {
-	                    w = 3.5;
-	                }
-	                if (h > newZoom / 2 - 0.5) {
-	                    h = 3.5;
-	                }
-	                return [
-	                    clientWidth * w,
-	                    clientHeight * h
-	                ];
-	            }
-	        };
-	        /**
-	   * 缩放到最大
-	   * @param x - 点击点X坐标
-	   * @param y - 点击点Y坐标
-	   */ this.fullZoomInOnPosition = (x, y)=>{
-	            var _this_options_max;
-	            const zoom = (_this_options_max = this.options.max) != null ? _this_options_max : DefaultOptions.max;
-	            this.setZoom(zoom != null ? zoom : DefaultOptions.max);
-	            this.setPos(this.getNewPosition(x, y, zoom));
-	            this.setTransitionDuration(this.options.animDuration);
-	        };
-	        this.getLimitedShift = (shift, minLimit, maxLimit, minElement, maxElement)=>{
-	            if (shift > 0) {
-	                if (minElement > minLimit) {
-	                    return 0;
-	                } else if (minElement + shift > minLimit) {
-	                    return minLimit - minElement;
-	                }
-	            } else if (shift < 0) {
-	                if (maxElement < maxLimit) {
-	                    return 0;
-	                } else if (maxElement + shift < maxLimit) {
-	                    return maxLimit - maxElement;
-	                }
-	            }
-	            return shift;
-	        };
-	        this.getCursor = (canMoveOnX, canMoveOnY)=>{
-	            if (canMoveOnX && canMoveOnY) {
-	                return 'move';
-	            } else if (canMoveOnX) {
-	                return 'ew-resize';
-	            } else if (canMoveOnY) {
-	                return 'ns-resize';
-	            } else {
-	                return 'auto';
-	            }
-	        };
-	        this.move = (shiftX, shiftY, transitionDuration = 0)=>{
-	            if (!this.container) return;
-	            let newPosX = this.pos[0];
-	            let newPosY = this.pos[1];
-	            // let canMoveOnX: boolean, canMoveOnY: boolean;
-	            const rect = this.container.getBoundingClientRect();
-	            const parentRect = this.container.parentNode.getBoundingClientRect();
-	            // 根据是否进行了伪横屏旋转，决定是使用 shiftX 还是 shiftY 来对画面进行移动
-	            const shiftHorizontal = this.transform ? shiftY : shiftX;
-	            const shiftVertical = this.transform ? shiftX : shiftY;
-	            const [isLargerHor, isOutLeftBoundary, isOutRightBoundary] = this.transform ? [
-	                rect.height > parentRect.bottom - parentRect.top,
-	                shiftVertical > 0 && rect.top - parentRect.top < 0,
-	                shiftVertical < 0 && rect.bottom - parentRect.bottom > 0
-	            ] : [
-	                rect.width > parentRect.right - parentRect.left,
-	                shiftHorizontal > 0 && rect.left - parentRect.left < 0,
-	                shiftHorizontal < 0 && rect.right - parentRect.right > 0
-	            ];
-	            const canMoveOnX = isLargerHor || isOutLeftBoundary || isOutRightBoundary;
-	            if (canMoveOnX) {
-	                if (this.transform) {
-	                    newPosX += this.getLimitedShift(shiftVertical, parentRect.top, parentRect.bottom, rect.top, rect.bottom);
-	                } else {
-	                    newPosX += this.getLimitedShift(shiftHorizontal, parentRect.left, parentRect.right, rect.left, rect.right);
-	                }
-	            }
-	            const [isLargerVer, isOutTopBoundary, isOutBottomBoundary] = this.transform ? [
-	                rect.width > parentRect.right - parentRect.left,
-	                shiftHorizontal > 0 && rect.right - parentRect.right < 0,
-	                shiftHorizontal < 0 && rect.left - parentRect.left > 0
-	            ] : [
-	                rect.height > parentRect.bottom - parentRect.top,
-	                shiftVertical > 0 && rect.top - parentRect.top < 0,
-	                shiftVertical < 0 && rect.bottom - parentRect.bottom > 0
-	            ];
-	            const canMoveOnY = isLargerVer || isOutTopBoundary || isOutBottomBoundary;
-	            if (canMoveOnY) {
-	                if (this.transform) {
-	                    const transformGetLimitedShift = (shift, minLimit, maxLimit, minElement, maxElement)=>{
-	                        // css伪横屏边界判断特殊处理
-	                        if (shift > 0) {
-	                            if (maxElement < maxLimit + 1) {
-	                                return 0;
-	                            } else if (maxElement + shift < maxLimit + 1) {
-	                                return maxLimit - maxElement;
-	                            }
-	                        } else if (shift < 0) {
-	                            if (minElement + 1 > minLimit) {
-	                                return 0;
-	                            } else if (minElement + 1 + shift > minLimit) {
-	                                return minLimit - minElement;
-	                            }
-	                        }
-	                        return shift;
-	                    };
-	                    newPosY += transformGetLimitedShift(shiftHorizontal, parentRect.left, parentRect.right, rect.left, rect.right);
-	                } else {
-	                    newPosY += this.getLimitedShift(shiftVertical, parentRect.top, parentRect.bottom, rect.top, rect.bottom);
-	                }
-	            }
-	            const cursor = this.getCursor(canMoveOnX, canMoveOnY);
-	            this.setPos([
-	                newPosX,
-	                newPosY
-	            ]);
-	            this.setCursor(cursor);
-	            this.setTransitionDuration(transitionDuration);
-	        };
-	        /**
-	   * 移动端双击
-	   * @returns
-	   */ this.isDoubleTapping = ()=>{
-	            const touchTime = new Date().getTime();
-	            var _this_lastTouchTime, _this_options_doubleTouchMaxDelay, _this_lastDoubleTapTime, _this_options_doubleTouchMaxDelay1;
-	            const isDoubleTap = touchTime - ((_this_lastTouchTime = this.lastTouchTime) != null ? _this_lastTouchTime : 0) < ((_this_options_doubleTouchMaxDelay = this.options.doubleTouchMaxDelay) != null ? _this_options_doubleTouchMaxDelay : 300) && touchTime - ((_this_lastDoubleTapTime = this.lastDoubleTapTime) != null ? _this_lastDoubleTapTime : 0) > ((_this_options_doubleTouchMaxDelay1 = this.options.doubleTouchMaxDelay) != null ? _this_options_doubleTouchMaxDelay1 : 750);
-	            if (isDoubleTap) {
-	                this.lastDoubleTapTime = touchTime;
-	                return true;
-	            }
-	            this.lastTouchTime = touchTime;
-	            return false;
-	        };
-	        this.startDeceleration = (lastShiftOnX, lastShiftOnY)=>{
-	            let startTimestamp = null;
-	            const startDecelerationMove = (timestamp)=>{
-	                if (startTimestamp === null) startTimestamp = timestamp;
-	                const progress = timestamp - startTimestamp;
-	                var _this_options_decelerationDuration, _this_options_decelerationDuration1;
-	                const ratio = (((_this_options_decelerationDuration = this.options.decelerationDuration) != null ? _this_options_decelerationDuration : 750) - progress) / ((_this_options_decelerationDuration1 = this.options.decelerationDuration) != null ? _this_options_decelerationDuration1 : 750);
-	                const [shiftX, shiftY] = [
-	                    lastShiftOnX * ratio,
-	                    lastShiftOnY * ratio
-	                ];
-	                var _this_options_decelerationDuration2;
-	                if (progress < ((_this_options_decelerationDuration2 = this.options.decelerationDuration) != null ? _this_options_decelerationDuration2 : 750) && Math.max(Math.abs(shiftX), Math.abs(shiftY)) > 1) {
-	                    this.move(shiftX, shiftY, 0);
-	                    this.lastRequestAnimationId = requestAnimationFrame(startDecelerationMove);
-	                } else {
-	                    this.lastRequestAnimationId = null;
-	                }
-	            };
-	            this.lastRequestAnimationId = requestAnimationFrame(startDecelerationMove);
-	        };
-	        this.reset = ()=>{
-	            this.setZoom(this.options.initialZoom, true);
-	            this.cursor = this.options.defaultCursor;
-	            this.setTransitionDuration(this.options.animDuration);
-	            this.setPos(ZOOM_DEFAULT_POSITION);
-	        };
-	        // api向前兼容
-	        this.addScale = (scale = 1)=>{
-	            this.handleZoomAdd(scale);
-	        };
-	        this.handleZoomAdd = (scale = 1)=>{
-	            if (!this.options.allowZoom || !this.options.allowWheel) return;
-	            let newZoom = parseFloat((this.zoom + scale).toFixed(this.getPrecision(this.options.zoomStep)));
-	            var _this_options_max;
-	            if (newZoom > ((_this_options_max = this.options.max) != null ? _this_options_max : 8)) {
-	                newZoom = 8;
-	            }
-	            this.setZoom(newZoom);
-	            this.setPos(this.pos);
-	            this.setTransitionDuration(0.05);
-	        };
-	        // api向前兼容
-	        this.subScale = (scale = 1)=>{
-	            this.handleZoomSub(scale);
-	        };
-	        this.handleZoomSub = (scale = 1)=>{
-	            if (!this.options.allowZoom || !this.options.allowWheel) return;
-	            let newZoom = parseFloat((this.zoom - scale).toFixed(this.getPrecision(this.options.zoomStep)));
-	            if (newZoom < 1) {
-	                newZoom = 1;
-	            }
-	            this.setZoom(newZoom);
-	            this.setPos(this.pos);
-	            this.setTransitionDuration(0.05);
-	        };
-	        this.handleMouseWheel = (event)=>{
-	            event.preventDefault();
-	            if (!this.options.allowZoom || !this.options.allowWheel) return;
-	            const velocity = event.deltaY < 0 ? this.options.scrollVelocity : 0 - this.options.scrollVelocity;
-	            var _this_options_max, _this_options_min;
-	            const newZoom = parseFloat(Math.max(Math.min(this.zoom + velocity, (_this_options_max = this.options.max) != null ? _this_options_max : 8), (_this_options_min = this.options.min) != null ? _this_options_min : 1).toFixed(this.getPrecision(this.options.zoomStep)));
-	            this.setZoom(newZoom);
-	            // this.setPos(this.getNewPosition(posX, posY, newZoom));
-	            this.setTransitionDuration(0.05);
-	        };
-	        this.handleMouseStart = (event)=>{
-	            var _this_options_ignoredMouseButtons;
-	            event.preventDefault();
-	            if (!this.options.allowPan || ((_this_options_ignoredMouseButtons = this.options.ignoredMouseButtons) == null ? void 0 : _this_options_ignoredMouseButtons.includes(event.button))) return;
-	            this._dragging = true;
-	            if (this.lastRequestAnimationId) cancelAnimationFrame(this.lastRequestAnimationId);
-	            this.lastCursor = this.getCoordinates(event);
-	        };
-	        this.handleMouseMove = (event)=>{
-	            event.preventDefault();
-	            if (!this.options.allowPan || !this.lastCursor || !this._dragging) return;
-	            this._touchOrMouseDrag(event);
-	        };
-	        this.handleMouseStop = (event)=>{
-	            event.preventDefault();
-	            if (this.lastShift) {
-	                this.startDeceleration(this.lastShift[0], this.lastShift[1]);
-	                this.lastShift = null;
-	            }
-	            this.lastCursor = null;
-	            this.setCursor('auto');
-	            this._dragging = false;
-	        };
-	        this.handleTouchStart = (event)=>{
-	            const isThisDoubleTapping = this.isDoubleTapping();
-	            this.isMultiTouch = event.touches.length;
-	            if (!this.options.allowTouchEvents) event.preventDefault();
-	            if (this.lastRequestAnimationId) cancelAnimationFrame(this.lastRequestAnimationId);
-	            let [posX, posY] = this.getCoordinates(event.touches[0]);
-	            if (this.isMultiTouch > 1) {
-	                this.lastCursor = [
-	                    posX,
-	                    posY
-	                ];
-	                return;
-	            }
-	            if (isThisDoubleTapping && this.options.allowZoom) {
-	                if (this.zoom === 1) {
-	                    let { top, left, x, y } = this.container.getBoundingClientRect();
-	                    [x, y] = this.transform ? [
-	                        y,
-	                        x
-	                    ] : [
-	                        x,
-	                        y
-	                    ];
-	                    [posX, posY] = [
-	                        posX - x,
-	                        posY - y
-	                    ];
-	                    // 双击放大到最大
-	                    this.fullZoomInOnPosition(posX, posY);
-	                } else {
-	                    this.reset();
-	                }
-	                return;
-	            }
-	            this._tapStartTime = new Date().getTime();
-	            if (this.options.allowPan) this.lastCursor = [
-	                posX,
-	                posY
-	            ];
-	        };
-	        this.handleTouchMove = (event)=>{
-	            if (!this.options.allowTouchEvents) event.preventDefault();
-	            if (!this.lastCursor) return;
-	            if (this.isMultiTouch === 1) {
-	                this._touchOrMouseDrag(event.touches[0]);
-	                this.lastTouchDistance = null;
-	            } else if (this.isMultiTouch > 1) {
-	                let newZoom = this.zoom;
-	                // If we detect two points, we shall zoom up or down
-	                const [pos1X, pos1Y] = this.getCoordinates(event.touches[0]);
-	                const [pos2X, pos2Y] = this.getCoordinates(event.touches[1]);
-	                const distance = Math.sqrt(Math.pow(pos2X - pos1X, 2) + Math.pow(pos2Y - pos1Y, 2));
-	                if (this.lastTouchDistance && distance && distance !== this.lastTouchDistance) {
-	                    if (this.options.allowZoom) {
-	                        newZoom += (distance - this.lastTouchDistance) / 100;
-	                        var _this_options_max, _this_options_min;
-	                        if (newZoom > ((_this_options_max = this.options.max) != null ? _this_options_max : 8)) {
-	                            var _this_options_max1;
-	                            newZoom = (_this_options_max1 = this.options.max) != null ? _this_options_max1 : 8;
-	                        } else if (newZoom < ((_this_options_min = this.options.min) != null ? _this_options_min : 1)) {
-	                            var _this_options_min1;
-	                            newZoom = (_this_options_min1 = this.options.min) != null ? _this_options_min1 : 1;
-	                        }
-	                    }
-	                    // 不要做移动，因为会有冲突
-	                    this.setZoom(newZoom);
-	                    this.setTransitionDuration(0);
-	                }
-	                // Save data for the next move
-	                this.lastCursor = [
-	                    pos1X,
-	                    pos1Y
-	                ];
-	                this.lastTouchDistance = distance;
-	            }
-	        };
-	        this.handleTouchStop = ()=>{
-	            if (this.lastShift) {
-	                // Use the last shift to make a decelerating movement effect
-	                this.startDeceleration(this.lastShift[0], this.lastShift[1]);
-	                this.lastShift = null;
-	            }
-	            if (this._tapStartTime && new Date().getTime() - this._tapStartTime < 200) {
-	                this.options.onTap == null ? void 0 : this.options.onTap.call(this.options);
-	            }
-	            this._tapStartTime = undefined;
-	            this.lastCursor = null;
-	            this.lastTouchDistance = null;
-	            this.isMultiTouch = 0;
-	        };
-	        this.container = container;
-	        this.options = Object.assign({}, DefaultOptions, options || {});
-	        this.percentPos = ZOOM_DEFAULT_POSITION;
-	        this.transition = this.options.animDuration;
-	        this.zoom = 1;
-	        this.cursor = 'auto';
-	        this.lastCursor = [
-	            0,
-	            0
-	        ];
-	        this.lastShift = null;
-	        this.lastTouchDistance = null;
-	        this.lastRequestAnimationId = null;
-	        this.lastTouchTime = new Date().getTime();
-	        this.lastDoubleTapTime = new Date().getTime();
-	        this.transform = false; // 是否为横屏模式
-	        this.isMultiTouch = 1;
-	        this.handleMouseMove = this.handleMouseMove.bind(this);
-	        this.handleMouseStart = this.handleMouseStart.bind(this);
-	        this.handleMouseStop = this.handleMouseStop.bind(this);
-	        this.handleMouseWheel = this.handleMouseWheel.bind(this);
-	        this.handleTouchStart = this.handleTouchStart.bind(this);
-	        this.handleTouchMove = this.handleTouchMove.bind(this);
-	        this.handleTouchStop = this.handleTouchStop.bind(this);
-	        this.getZoom = this.getZoom.bind(this);
-	        this.setZoom = this.setZoom.bind(this);
-	    }
-	}
-	Zoom.VERSION = '0.0.2';
-
-	function _extends$h() {
-	    _extends$h = Object.assign || function(target) {
-	        for(var i = 1; i < arguments.length; i++){
-	            var source = arguments[i];
-	            for(var key in source){
-	                if (Object.prototype.hasOwnProperty.call(source, key)) {
-	                    target[key] = source[key];
-	                }
-	            }
-	        }
-	        return target;
-	    };
-	    return _extends$h.apply(this, arguments);
-	}
-	function __zoom(theme, container, options) {
-	    theme.zoomUtil = new Zoom(container, _extends$h({}, options || {}, {
-	        min: 1,
-	        onChange: function(zoom, reset) {
-	            if (zoom !== theme._zoom) {
-	                var _options_onChange;
-	                theme.zoom = zoom;
-	                options == null ? void 0 : (_options_onChange = options.onChange) == null ? void 0 : _options_onChange.call(options, zoom, reset);
-	            }
-	        },
-	        onTranslateChange: function(pos) {
-	            var _options_onTranslateChange;
-	            theme.emit(EVENTS.zoomTranslateChange, pos);
-	            options == null ? void 0 : (_options_onTranslateChange = options.onTranslateChange) == null ? void 0 : _options_onTranslateChange.call(options, pos);
-	        },
-	        onTap: options == null ? void 0 : options.onTap
-	    }));
-	}
-
-	function asyncGeneratorStep$6(gen, resolve, reject, _next, _throw, key, arg) {
-	    try {
-	        var info = gen[key](arg);
-	        var value = info.value;
-	    } catch (error) {
-	        reject(error);
-	        return;
-	    }
-	    if (info.done) {
-	        resolve(value);
-	    } else {
-	        Promise.resolve(value).then(_next, _throw);
+	    if (info.done) {
+	        resolve(value);
+	    } else {
+	        Promise.resolve(value).then(_next, _throw);
 	    }
 	}
-	function _async_to_generator$6(fn) {
+	function _async_to_generator$4(fn) {
 	    return function() {
 	        var self = this, args = arguments;
 	        return new Promise(function(resolve, reject) {
 	            var gen = fn.apply(self, args);
 	            function _next(value) {
-	                asyncGeneratorStep$6(gen, resolve, reject, _next, _throw, "next", value);
+	                asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, "next", value);
 	            }
 	            function _throw(err) {
-	                asyncGeneratorStep$6(gen, resolve, reject, _next, _throw, "throw", err);
+	                asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, "throw", err);
 	            }
 	            _next(undefined);
 	        });
@@ -7114,7 +7162,7 @@
 	    }
 	}
 	function getThemeDataByTemplate(theme, id) {
-	    return _async_to_generator$6(function() {
+	    return _async_to_generator$4(function() {
 	        var _theme_options_token_httpToken, _theme_options_token, url;
 	        return _ts_generator$4(this, function(_state) {
 	            switch(_state.label){
@@ -7125,7 +7173,7 @@
 	                        fetch(url, {
 	                            method: 'GET'
 	                        }).then(function(response) {
-	                            return _async_to_generator$6(function() {
+	                            return _async_to_generator$4(function() {
 	                                return _ts_generator$4(this, function(_state) {
 	                                    switch(_state.label){
 	                                        case 0:
@@ -7171,7 +7219,7 @@
 	    })();
 	}
 
-	function asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, key, arg) {
+	function asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, key, arg) {
 	    try {
 	        var info = gen[key](arg);
 	        var value = info.value;
@@ -7185,16 +7233,16 @@
 	        Promise.resolve(value).then(_next, _throw);
 	    }
 	}
-	function _async_to_generator$5(fn) {
+	function _async_to_generator$3(fn) {
 	    return function() {
 	        var self = this, args = arguments;
 	        return new Promise(function(resolve, reject) {
 	            var gen = fn.apply(self, args);
 	            function _next(value) {
-	                asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, "next", value);
+	                asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, "next", value);
 	            }
 	            function _throw(err) {
-	                asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, "throw", err);
+	                asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, "throw", err);
 	            }
 	            _next(undefined);
 	        });
@@ -7425,7 +7473,7 @@
 	 * @param data
 	 * @returns
 	 */ function getThemeData(theme, data) {
-	    return _async_to_generator$5(function() {
+	    return _async_to_generator$3(function() {
 	        var themeData, _theme_logger, template;
 	        return _ts_generator$3(this, function(_state) {
 	            switch(_state.label){
@@ -8033,767 +8081,966 @@
 	    return CapturePicture;
 	}(Control);
 
+	var dist$4 = {};
+
+	var dist$3 = {};
+
+	/*
+	* @ezuikit/utils-tools v1.1.1-beta.1
+	* tools utils
+	* Copyright (c) 2025-09-01 Ezviz-OpenBiz
+	* Released under the MIT License.
+	*/
+
+	var hasRequiredDist$4;
+
+	function requireDist$4 () {
+		if (hasRequiredDist$4) return dist$3;
+		hasRequiredDist$4 = 1;
+	const getQuery=url=>{const query=url.split("?")[1],obj={};if(query){const vars=query.split("&");for(let i=0;i<vars.length;i++){const pair=vars[i].split("=");obj[pair[0]]=decodeURIComponent(pair[1]);}}return obj};function parseEzopenUrl(url){const obj={};if(/^ezopen:\/\//.test(url)){if(url.includes("@")){const endIndex=url.indexOf("@"),startIndex=url.indexOf("//");obj.validateCode=url.substring(startIndex+2,endIndex),url=url.replace(obj.validateCode+"@","");}obj.protocol=url.split("//")[0],obj.search=url.split("?")[1]?"?"+url.split("?")[1]:"",obj.hostname=url.split("/")[2],obj.origin=obj.protocol+"//"+obj.hostname,obj.pathname=url.split("?")[0].replace(obj.origin,""),obj.href=url;const pathnames=obj.pathname.split("/"),lastPath=pathnames[2].split(".");return obj.deviceSerial=pathnames[1],obj.channelNo=lastPath[0],obj.type=lastPath[lastPath.length-1],"live"===obj.type&&(obj.definition=lastPath.length>2?lastPath[1]:"sd"),"rec"===obj.type&&pathnames[2]&&(obj.recType=pathnames[2].includes(".cloud.")?"cloud":""),obj.searchParams=getQuery(url),obj}return {}}const codec={h264:1,h265:2,h266:4,vp8:8,vp9:16,av1:32};dist$3.addVc=function(url){const vc=((arguments.length>1&&void 0!==arguments[1]?arguments[1]:["h264"])||["h264"]).reduce(((acc,key)=>(key=key.toLowerCase(),acc+(codec[key]||0))),0),host=url.split("?")[0];let query=url.split("?")[1];return query=(query||"").split("&").filter((item=>!/^vc=\d?/.test(item))).join("&"),query+=`${query?"&":""}vc=${vc}`,host+"?"+query},dist$3.getQuery=getQuery,dist$3.getStaticPath=function(path){let base=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const 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$3.isHttp=function(url){return /^http[s]?:\/\//.test(url)},dist$3.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$3.parseEzopenUrl=parseEzopenUrl,dist$3.pick=function(obj,keys){return Object.entries(obj).reduce(((acc,_ref)=>{let[key,value]=_ref;return keys.includes(key)&&(acc[key]=value),acc}),{})},dist$3.switchEzopenUrl=function(url,options){let{type:type,recType:recType,search:search,definition:definition,channelNo:channelNo,deviceSerial:deviceSerial,validateCode:validateCode}=null!=options?options:{};const obj=parseEzopenUrl(url);if(search){const ns=Object.assign({},obj.searchParams,getQuery("?"+search.replace("?","")));search=Object.entries(ns).reduce(((acc,_ref)=>{let[key,value]=_ref;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$3;
+	}
+
 	/*
 	* @ezuikit/control-ptz v0.0.1
-	* Copyright (c) 2025-11-11 Ezviz-OpenBiz
+	* Copyright (c) 2025-11-12 Ezviz-OpenBiz
 	* Released under the MIT License.
 	*/
 
-	var en_US = {
-	    GET_PTZ_STATUS: 'Get current PTZ status',
-	    GET_PTZ_STATUS_FAILED: 'Theme module is not loaded, PTZ status cannot be obtained',
-	    MOBILE_HIDE_PTZ: 'Mobile terminal, PTZ is not displayed in non-full screen state',
-	    OPTION_PTZ_FAILED: 'Theme module is not loaded, PTZ cannot be operated',
-	    MOBILE_PTZ_TIPS: 'Adjust camera angle by manipulating gimbal',
-	    PTZ_FAST: 'F',
-	    PTZ_MID: 'M',
-	    PTZ_SLOW: 'S',
-	    PTZ_SPEED: 'Adjust the PTZ rotation speed',
-	    DEVICE_ZOOM: 'Control the device to zoom in/out of the screen',
-	    DEVICE_FOCUS: "Adjusting the device's focal length"
-	};
+	var hasRequiredDist$3;
 
-	var zh_CN = {
-	    GET_PTZ_STATUS: '获取当前云台状态',
-	    GET_PTZ_STATUS_FAILED: '未加载Theme模块，无法获取云台状态',
-	    MOBILE_HIDE_PTZ: '移动端，非全屏状态不展示云台',
-	    OPTION_PTZ_FAILED: '未加载Theme模块，无法操作云台',
-	    MOBILE_PTZ_TIPS: '请通过操控云台来调整摄像机视角',
-	    PTZ_FAST: '快',
-	    PTZ_MID: '中',
-	    PTZ_SLOW: '慢',
-	    PTZ_SPEED: '调整云台转动速度',
-	    DEVICE_ZOOM: '控制设备放大/缩小画面',
-	    DEVICE_FOCUS: '调整设备焦距'
-	};
+	function requireDist$3 () {
+		if (hasRequiredDist$3) return dist$4;
+		hasRequiredDist$3 = 1;
 
-	const PTZ_DEFAULT_OPTIONS = {
-	    language: 'zh',
-	    env: {
-	        domain: 'https://open.ys7.com'
-	    },
-	    accessToken: '',
-	    speed: 2,
-	    locales: {
-	        zh: zh_CN,
-	        en: en_US
-	    }
-	};
-	const PTZ_SPEED = {
-	    1: 1,
-	    2: 3,
-	    3: 7,
-	    slow: 1,
-	    mid: 3,
-	    fast: 7
-	};
-	const PTZ_PREFIX = 'ez-ptz';
-	const PTZ_MOBILE_PREFIX = 'ez-mobile-ptz';
-	const PTZ_SPEED_ACTIVE_PREFIX = PTZ_PREFIX + '-speed-active';
-	const PTZ_DIRECTION_PREFIX = PTZ_PREFIX + '-direction';
-
-	class BasePtz {
-	    updateOptions(options) {
-	        this.options = deepmerge(this.options, options, {
-	            clone: false
-	        });
-	    }
-	    destroy() {}
-	    constructor(container, options = {}){
-	        var _this_options_locales;
-	        if (!container) throw new Error('Ptz container is required');
-	        this.options = deepmerge(PTZ_DEFAULT_OPTIONS, options, {
-	            clone: false
-	        });
-	        if ((_this_options_locales = this.options.locales) == null ? void 0 : _this_options_locales[this.options.language]) {
-	            var _this_options_locales1;
-	            this.locale = (_this_options_locales1 = this.options.locales) == null ? void 0 : _this_options_locales1[this.options.language];
-	        } else {
-	            var _this_options_locales2;
-	            this.locale = (_this_options_locales2 = this.options.locales) == null ? void 0 : _this_options_locales2['zh'];
-	        }
-	        this.$container = container;
-	        this.speed = PTZ_SPEED[this.options.speed || 2];
-	    }
-	}
+		var deepmerge = requireCjs();
+		var utilsTools = requireDist$4();
+
+		var en_US = {
+		    GET_PTZ_STATUS: 'Get current PTZ status',
+		    GET_PTZ_STATUS_FAILED: 'Theme module is not loaded, PTZ status cannot be obtained',
+		    MOBILE_HIDE_PTZ: 'Mobile terminal, PTZ is not displayed in non-full screen state',
+		    OPTION_PTZ_FAILED: 'Theme module is not loaded, PTZ cannot be operated',
+		    MOBILE_PTZ_TIPS: 'Adjust camera angle by manipulating gimbal',
+		    PTZ_FAST: 'F',
+		    PTZ_MID: 'M',
+		    PTZ_SLOW: 'S',
+		    PTZ_SPEED: 'Adjust the PTZ rotation speed',
+		    DEVICE_ZOOM: 'Control the device to zoom in/out of the screen',
+		    DEVICE_FOCUS: "Adjusting the device's focal length"
+		};
 
-	class MobilePtz extends BasePtz {
-	    destroy() {
-	        this._removeEventListener();
-	        if (this.$content) {
-	            this.$content.remove();
-	            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-	            this.$content = null;
-	        }
-	        super.destroy();
-	    }
-	    _render() {
-	        this.$content = document.createElement('div');
-	        this.$content.classList.add(PTZ_MOBILE_PREFIX + '-content');
-	        this.$content.innerHTML = `
-      <div class="${PTZ_MOBILE_PREFIX}-wrap">
-        <div class="${PTZ_MOBILE_PREFIX}-container">
-          <div class="${PTZ_MOBILE_PREFIX}-center ${PTZ_MOBILE_PREFIX}-center"></div>
-          <div class="${PTZ_MOBILE_PREFIX}-icon ${PTZ_MOBILE_PREFIX}-top ${PTZ_MOBILE_PREFIX}-default"></div>
-          <div class="${PTZ_MOBILE_PREFIX}-icon ${PTZ_MOBILE_PREFIX}-left ${PTZ_MOBILE_PREFIX}-default"></div>
-          <div class="${PTZ_MOBILE_PREFIX}-icon ${PTZ_MOBILE_PREFIX}-bottom ${PTZ_MOBILE_PREFIX}-default"></div>
-          <div class="${PTZ_MOBILE_PREFIX}-icon ${PTZ_MOBILE_PREFIX}-right ${PTZ_MOBILE_PREFIX}-default"></div>
-        </div>
-      </div>
-    `;
-	        this.$container.appendChild(this.$content);
-	        this._addEventListener();
-	    }
-	    _addEventListener() {
-	        // 云台控制事件绑定
-	        const $warp = this.$content.querySelector(`.${PTZ_MOBILE_PREFIX}-wrap`);
-	        const touchstart = 'PointerEvent' in window ? 'pointerdown' : 'touchstart';
-	        const touchend = 'PointerEvent' in window ? 'pointerup' : 'touchend';
-	        if ($warp) {
-	            $warp.addEventListener(touchstart, this._touchstart);
-	            $warp.addEventListener(touchend, this._touchend);
-	        }
-	    }
-	    _touchstart(e) {
-	        e.preventDefault();
-	        this._handlePtzTouch(e, 'start');
-	    }
-	    _touchend(e) {
-	        e.preventDefault();
-	        this._handlePtzTouch(e, 'stop');
-	    }
-	    _removeEventListener() {
-	        const $warp = this.$content.querySelector(`.${PTZ_MOBILE_PREFIX}-wrap`);
-	        const touchstart = 'PointerEvent' in window ? 'pointerdown' : 'touchstart';
-	        const touchend = 'PointerEvent' in window ? 'pointerup' : 'touchend';
-	        if ($warp) {
-	            $warp.removeEventListener(touchstart, this._touchstart);
-	            $warp.removeEventListener(touchend, this._touchend);
-	        }
-	    }
-	    _handlePtzTouch(e, type) {
-	        var _this_options_token_deviceToken, _this_options_token, _e_changedTouches_, _e_changedTouches_1, _this_options_env, _this_options_token_deviceToken1, _this_options_token1;
-	        if (!(this.options.accessToken || ((_this_options_token = this.options.token) == null ? void 0 : (_this_options_token_deviceToken = _this_options_token.deviceToken) == null ? void 0 : _this_options_token_deviceToken.video))) throw new Error('Ptz accessToken or token.deviceToken.video is required');
-	        const $warp = this.$content.querySelector(`.${PTZ_MOBILE_PREFIX}-wrap`);
-	        const rect = $warp.getBoundingClientRect();
-	        const containerCenterX = rect.left + 130;
-	        const containerCenterY = rect.top + 130;
-	        const eventX = e.x || ((_e_changedTouches_ = e.changedTouches[0]) == null ? void 0 : _e_changedTouches_.clientX);
-	        const eventY = e.y || ((_e_changedTouches_1 = e.changedTouches[0]) == null ? void 0 : _e_changedTouches_1.clientY);
-	        const left = eventX - containerCenterX;
-	        const top = eventY - containerCenterY;
-	        let direction = 0; // 操作命令：0-上，1-下，2-左，3右，4-左上，5-左下，6-右上，7-右下，8-放大，9-缩小，10-近焦距，11-远焦距
-	        let url = ((_this_options_env = this.options.env) == null ? void 0 : _this_options_env.domain) + '/api/lapp/device/ptz/start';
-	        const token = this.options.accessToken || ((_this_options_token1 = this.options.token) == null ? void 0 : (_this_options_token_deviceToken1 = _this_options_token1.deviceToken) == null ? void 0 : _this_options_token_deviceToken1.video);
-	        const $icons = $warp.querySelectorAll(`.${PTZ_MOBILE_PREFIX}-icon`);
-	        // 判读方位
-	        if (Math.abs(left) > Math.abs(top)) {
-	            if (left > 0) {
-	                direction = 3;
-	                $icons[3].className = $icons[3].className.replace(`${PTZ_MOBILE_PREFIX}-default`, `${PTZ_MOBILE_PREFIX}-active`);
-	            } else {
-	                direction = 2;
-	                $icons[1].className = $icons[1].className.replace(`${PTZ_MOBILE_PREFIX}-default`, `${PTZ_MOBILE_PREFIX}-active`);
-	            }
-	        } else {
-	            if (top > 0) {
-	                direction = 1;
-	                $icons[2].className = $icons[2].className.replace(`${PTZ_MOBILE_PREFIX}-default`, `${PTZ_MOBILE_PREFIX}-active`);
-	            } else {
-	                direction = 0;
-	                $icons[0].className = $icons[0].className.replace(`${PTZ_MOBILE_PREFIX}-default`, `${PTZ_MOBILE_PREFIX}-active`);
-	            }
-	        }
-	        $warp.style = `background-image:linear-gradient(${direction === 0 ? 180 : direction === 1 ? 0 : direction === 2 ? 90 : 270}deg, #c0ddf1 0%, rgba(100,143,252,0.00) 50%)`;
-	        if (type === 'stop') {
-	            var _this_options_env1;
-	            url = ((_this_options_env1 = this.options.env) == null ? void 0 : _this_options_env1.domain) + '/api/lapp/device/ptz/stop';
-	            $warp.style = '';
-	            $icons[3].className = $icons[3].className.replace(`${PTZ_MOBILE_PREFIX}-active`, `${PTZ_MOBILE_PREFIX}-default`);
-	            $icons[1].className = $icons[1].className.replace(`${PTZ_MOBILE_PREFIX}-active`, `${PTZ_MOBILE_PREFIX}-default`);
-	            $icons[2].className = $icons[2].className.replace(`${PTZ_MOBILE_PREFIX}-active`, `${PTZ_MOBILE_PREFIX}-default`);
-	            $icons[0].className = $icons[0].className.replace(`${PTZ_MOBILE_PREFIX}-active`, `${PTZ_MOBILE_PREFIX}-default`);
-	        }
-	        // 这个控件暂时没有 ptzSpeed 和areaId 和backDeg 的值
-	        // this.jSPlugin?.eventEmitter?.emit(EVENTS.ptz.ptzDirection, {
-	        //   type,
-	        //   direction,
-	        //   isRotate: false,
-	        //   ptzSpeed: 1,
-	        // });
-	        let operationResultCb = this.options.onDirection == null ? void 0 : this.options.onDirection.call(this.options, {
-	            direction,
-	            speed: this.speed,
-	            type
-	        });
-	        const data = new FormData();
-	        data.append('deviceSerial', this.options.deviceSerial + '');
-	        data.append('channelNo', this.options.channelNo + '');
-	        data.append('speed', '1');
-	        data.append('direction', direction + '');
-	        data.append('accessToken', token);
-	        // prettier-ignore
-	        // eslint-disable-next-line @typescript-eslint/promise-function-async
-	        fetch(url, {
-	            method: 'POST',
-	            body: data
-	        }).then((response)=>response.json()).then((rt)=>{
-	            if (rt.code === 200) ; else {
-	                // this.jSPlugin?.logger?.error('[errors]', this.jSPlugin.i18n.t('38' + rt.code) + `(${rt.code})`);
-	                // const msg = this.jSPlugin.i18n.t('38' + rt.code) || rt.msg;
-	                // this.pluginStatus.loadingSetText({
-	                //   text: msg,
-	                //   color: 'red',
-	                //   delayClear: 2000,
-	                // });
-	                if ([
-	                    60005,
-	                    60002,
-	                    60003,
-	                    60004
-	                ].includes(+rt.code)) {
-	                    $warp.style = `background-image:linear-gradient(${direction === 0 ? 180 : direction === 1 ? 0 : direction === 2 ? 90 : 270}deg, #f45656 0%, rgba(100,143,252,0.00) 50%)`;
-	                }
-	            }
-	            operationResultCb == null ? void 0 : operationResultCb(rt);
-	        }).catch((err)=>{
-	        });
-	    }
-	    constructor(container, options){
-	        super(container, options);
-	        this._touchstart = this._touchstart.bind(this);
-	        this._touchend = this._touchend.bind(this);
-	        this._render();
-	    }
-	}
+		var zh_CN = {
+		    GET_PTZ_STATUS: '获取当前云台状态',
+		    GET_PTZ_STATUS_FAILED: '未加载Theme模块，无法获取云台状态',
+		    MOBILE_HIDE_PTZ: '移动端，非全屏状态不展示云台',
+		    OPTION_PTZ_FAILED: '未加载Theme模块，无法操作云台',
+		    MOBILE_PTZ_TIPS: '请通过操控云台来调整摄像机视角',
+		    PTZ_FAST: '快',
+		    PTZ_MID: '中',
+		    PTZ_SLOW: '慢',
+		    PTZ_SPEED: '调整云台转动速度',
+		    DEVICE_ZOOM: '控制设备放大/缩小画面',
+		    DEVICE_FOCUS: '调整设备焦距'
+		};
 
-	function asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, key, arg) {
-	    try {
-	        var info = gen[key](arg);
-	        var value = info.value;
-	    } catch (error) {
-	        reject(error);
-	        return;
-	    }
-	    if (info.done) {
-	        resolve(value);
-	    } else {
-	        Promise.resolve(value).then(_next, _throw);
-	    }
-	}
-	function _async_to_generator$4(fn) {
-	    return function() {
-	        var self = this, args = arguments;
-	        return new Promise(function(resolve, reject) {
-	            var gen = fn.apply(self, args);
-	            function _next(value) {
-	                asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, "next", value);
-	            }
-	            function _throw(err) {
-	                asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, "throw", err);
-	            }
-	            _next(undefined);
-	        });
-	    };
-	}
-	/**
-	 * @class Ptz
-	 * @classdesc 云台控制
-	 *
-	 * @example
-	 * // 初始化云台控制
-	 * // 显示云台控制
-	 * ptz.show()
-	 * // 隐藏云台控制
-	 * ptz.hide()
-	 */ let Ptz$1 = class Ptz extends BasePtz {
-	    get isRotate() {
-	        return this._isRotate;
-	    }
-	    /**
-	   * 是否旋转了
-	   */ set isRotate(isRotate) {
-	        this._isRotate = isRotate;
-	    }
-	    destroy() {
-	        if (this._clearTimer) {
-	            clearTimeout(this._clearTimer);
-	            this._clearTimer = null;
-	        }
-	        if (this._$directionCircleContainer) {
-	            this._$directionCircleContainer.remove();
-	            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-	            this._$directionCircleContainer = null;
-	        }
-	        if (this._$speedContainer) {
-	            this._onSwitchSpeed = null;
-	            this._$speedContainer.remove();
-	            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-	            this._$speedContainer = null;
-	        }
-	        if (this._$btnContainer) {
-	            this._$btnContainer.remove();
-	            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-	            this._$btnContainer = null;
-	        }
-	        if (this._$wrapper) {
-	            this._$wrapper.remove();
-	            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-	            this._$wrapper = null;
-	        }
-	        super.destroy();
-	    }
-	    _handlePtzTouch(e, type) {
-	        var _this_options_token_deviceToken, _this_options_token, _this_options_env, _this_options_token_deviceToken1, _this_options_token1;
-	        if (!(this.options.accessToken || ((_this_options_token = this.options.token) == null ? void 0 : (_this_options_token_deviceToken = _this_options_token.deviceToken) == null ? void 0 : _this_options_token_deviceToken.video))) throw new Error('Ptz accessToken or token.deviceToken.video is required');
-	        // 初始化或获取当前PTZ操作队列
-	        if (!this._ptzQueue) {
-	            this._ptzQueue = Promise.resolve();
-	        }
-	        const container = this._$directionCircleContainer.getBoundingClientRect();
-	        const containerCenterX = container.left + (this._$directionCircleContainer.clientWidth + 2) / 2;
-	        const containerCenterY = container.top + (this._$directionCircleContainer.clientHeight + 2) / 2;
-	        const eventX = e.x || e.changedTouches[0].clientX;
-	        const eventY = e.y || e.changedTouches[0].clientY;
-	        let direction = 0;
-	        let url = ((_this_options_env = this.options.env) == null ? void 0 : _this_options_env.domain) + '/api/lapp/device/ptz/start';
-	        const token = this.options.accessToken || ((_this_options_token1 = this.options.token) == null ? void 0 : (_this_options_token_deviceToken1 = _this_options_token1.deviceToken) == null ? void 0 : _this_options_token_deviceToken1.video);
-	        let backDeg = 0;
-	        function getAreaId(x, y) {
-	            // 获取当前点击位置相对于圆心的角度
-	            let rad = Math.atan2(y, x);
-	            if (rad < 0) rad += 2 * Math.PI;
-	            let deg = rad * (180 / Math.PI) - 225 - 12.5;
-	            if (deg < 0) deg += 360;
-	            return Math.floor(deg / 45) + 1;
-	        }
-	        // 兼容画面旋转90度
-	        // const isRotate = false; // /^rotate\(90/.test(document.getElementById(`${this.jSPlugin.id}-wrap`).style.transform);
-	        const left = eventX - containerCenterX;
-	        const top = eventY - containerCenterY;
-	        if (this.isRotate) {
-	            switch(getAreaId(left, top)){
-	                case 1:
-	                    direction = 2;
-	                    backDeg = 90;
-	                    break;
-	                case 2:
-	                    direction = 4;
-	                    backDeg = 135;
-	                    break;
-	                case 3:
-	                    direction = 0;
-	                    backDeg = 180;
-	                    break;
-	                case 4:
-	                    direction = 6;
-	                    backDeg = 225;
-	                    break;
-	                case 5:
-	                    direction = 3;
-	                    backDeg = 270;
-	                    break;
-	                case 6:
-	                    direction = 7;
-	                    backDeg = 315;
-	                    break;
-	                case 7:
-	                    direction = 1;
-	                    backDeg = 0;
-	                    break;
-	                case 8:
-	                    direction = 5;
-	                    backDeg = 45;
-	                    break;
-	            }
-	        } else {
-	            switch(getAreaId(left, top)){
-	                case 1:
-	                    direction = 0;
-	                    backDeg = 180;
-	                    break;
-	                case 2:
-	                    direction = 6;
-	                    backDeg = 225;
-	                    break;
-	                case 3:
-	                    direction = 3;
-	                    backDeg = 270;
-	                    break;
-	                case 4:
-	                    direction = 7;
-	                    backDeg = 315;
-	                    break;
-	                case 5:
-	                    direction = 1;
-	                    backDeg = 0;
-	                    break;
-	                case 6:
-	                    direction = 5;
-	                    backDeg = 45;
-	                    break;
-	                case 7:
-	                    direction = 2;
-	                    backDeg = 90;
-	                    break;
-	                case 8:
-	                    direction = 4;
-	                    backDeg = 135;
-	                    break;
-	            }
-	        }
-	        if (this._clearTimer) {
-	            clearTimeout(this._clearTimer);
-	            this._clearTimer = null;
-	        }
-	        if (type === 'start') {
-	            this._$directionCircleContainer.style.cssText = `background-image:linear-gradient(${backDeg}deg, #4277FF 0%, rgba(100,143,252,0.00) 30%)`;
-	        } else {
-	            this._$directionCircleContainer.style.cssText = '';
-	        }
-	        if (type === 'stop') {
-	            var _this_options_env1;
-	            url = ((_this_options_env1 = this.options.env) == null ? void 0 : _this_options_env1.domain) + '/api/lapp/device/ptz/stop';
-	        }
-	        let operationResultCb = this.options.onDirection == null ? void 0 : this.options.onDirection.call(this.options, {
-	            areaId: getAreaId(left, top),
-	            direction,
-	            backDeg,
-	            isRotate: this.isRotate,
-	            speed: this.speed,
-	            type
-	        });
-	        const data = new FormData();
-	        data.append('deviceSerial', this.options.deviceSerial + '');
-	        data.append('channelNo', this.options.channelNo + '');
-	        data.append('speed', this.speed + '');
-	        data.append('direction', direction + '');
-	        data.append('accessToken', token);
-	        // 将操作加入队列
-	        this._ptzQueue = this._ptzQueue.then(()=>_async_to_generator$4(function*() {
-	                // prettier-ignore
-	                return yield fetch(url, {
-	                    method: 'POST',
-	                    body: data
-	                }).then((response)=>_async_to_generator$4(function*() {
-	                        return yield response.json();
-	                    })()).then((rt)=>{
-	                    var _rt_result;
-	                    operationResultCb == null ? void 0 : operationResultCb(rt);
-	                    const code = rt.code || (rt == null ? void 0 : (_rt_result = rt.result) == null ? void 0 : _rt_result.code);
-	                    if ([
-	                        60000,
-	                        60001,
-	                        60002,
-	                        60003,
-	                        60004,
-	                        60005,
-	                        60006,
-	                        10002
-	                    ].includes(+code)) {
-	                        this._$directionCircleContainer.style.cssText = `background-image:linear-gradient(${backDeg}deg, #f45656 0%, rgba(100,143,252,0.00) 30%)`;
-	                    }
-	                    return rt;
-	                }).catch((err)=>{
-	                }).finally(()=>{
-	                    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-	                    operationResultCb = null;
-	                    if (type === 'stop') {
-	                        this._clearTimer = setTimeout(()=>{
-	                            this._$directionCircleContainer.style.cssText = '';
-	                        }, 1000);
-	                    }
-	                });
-	            }).call(this));
-	        if (type === 'stop') {
-	            this._ptzQueue = this._ptzQueue.finally(()=>{});
-	        }
-	    // this.jSPlugin?.eventEmitter?.emit(EVENTS.ptzDirection, {
-	    //   areaId: getAreaId(left, top),
-	    //   direction,
-	    //   backDeg,
-	    //   isRotate,
-	    //   ptzSpeed: this.jSPlugin.ptzSpeed,
-	    //   type,
-	    // });
-	    }
-	    _handleBtnTouch(btn, option, type) {
-	        var _this_options_token, _this_options_env, _this_options_token_deviceToken, _this_options_token1;
-	        if (!(this.options.accessToken || ((_this_options_token = this.options.token) == null ? void 0 : _this_options_token.deviceToken.video))) throw new Error('Ptz accessToken or token.deviceToken.video is required');
-	        // 使用Promise来跟踪当前操作状态
-	        if (!this._ptzOperation) {
-	            this._ptzOperation = Promise.resolve();
-	        }
-	        let direction = 8;
-	        if (btn === 'zoom') {
-	            direction = option === 'add' ? 8 : 9;
-	        } else {
-	            direction = option === 'add' ? 10 : 11;
-	        }
-	        let url = ((_this_options_env = this.options.env) == null ? void 0 : _this_options_env.domain) + '/api/lapp/device/ptz/start';
-	        const token = this.options.accessToken || ((_this_options_token1 = this.options.token) == null ? void 0 : (_this_options_token_deviceToken = _this_options_token1.deviceToken) == null ? void 0 : _this_options_token_deviceToken.video);
-	        if (type === 'stop') {
-	            var _this_options_env1;
-	            url = ((_this_options_env1 = this.options.env) == null ? void 0 : _this_options_env1.domain) + '/api/lapp/device/ptz/stop';
-	        }
-	        let operationResultCb = this.options.onDirection == null ? void 0 : this.options.onDirection.call(this.options, {
-	            btn,
-	            option,
-	            type
-	        });
-	        const data = new FormData();
-	        data.append('deviceSerial', this.options.deviceSerial + '');
-	        data.append('channelNo', this.options.channelNo + '');
-	        data.append('speed', this.speed + '');
-	        data.append('direction', direction + '');
-	        data.append('accessToken', token);
-	        // 将当前操作加入Promise链
-	        this._ptzOperation = this._ptzOperation.then(()=>_async_to_generator$4(function*() {
-	                // prettier-ignore
-	                return yield fetch(url, {
-	                    method: 'POST',
-	                    body: data
-	                }).then((response)=>_async_to_generator$4(function*() {
-	                        return yield response.json();
-	                    })()).then((rt)=>{
-	                    operationResultCb == null ? void 0 : operationResultCb(rt);
-	                    return rt;
-	                }).catch((err)=>{
-	                }).finally(()=>{
-	                    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-	                    operationResultCb = null;
-	                });
-	            })());
-	        // 如果是stop操作，添加一个清理操作
-	        if (type === 'stop') {
-	            this._ptzOperation = this._ptzOperation.finally(()=>{
-	                this._ptzOperation = null; // 重置操作链
-	            });
-	        }
-	    }
-	    constructor(container, options = {}){
-	        super(container, options), this._isMobile = distExports$3.isMobile(), this._isRotate = false, this._clearTimer = null;
-	        this._$wrapper = document.createElement('div');
-	        this._$wrapper.className = PTZ_PREFIX + '-container-wrap';
-	        this._$directionCircleContainer = document.createElement('div');
-	        this._$directionCircleContainer.classList.add(PTZ_PREFIX + '-container');
-	        this._$directionCircleContainer.innerHTML = `
-        <div class="${PTZ_PREFIX}-main ${PTZ_DIRECTION_PREFIX}-center"></div>
-        <div class="${PTZ_PREFIX}-icon ${PTZ_DIRECTION_PREFIX}-top" data-direction="0"></div>
-        <div class="${PTZ_PREFIX}-icon ${PTZ_DIRECTION_PREFIX}-top-left" data-direction="4"></div>
-        <div class="${PTZ_PREFIX}-icon ${PTZ_DIRECTION_PREFIX}-left" data-direction="2"></div>
-        <div class="${PTZ_PREFIX}-icon ${PTZ_DIRECTION_PREFIX}-left-bottom" data-direction="5"></div>
-        <div class="${PTZ_PREFIX}-icon ${PTZ_DIRECTION_PREFIX}-bottom" data-direction="1"></div>
-        <div class="${PTZ_PREFIX}-icon ${PTZ_DIRECTION_PREFIX}-bottom-right" data-direction="7"></div>
-        <div class="${PTZ_PREFIX}-icon ${PTZ_DIRECTION_PREFIX}-right" data-direction="3"></div>
-        <div class="${PTZ_PREFIX}-icon ${PTZ_DIRECTION_PREFIX}-right-top" data-direction="6"></div>
-    `;
-	        this._$wrapper.appendChild(this._$directionCircleContainer);
-	        this._$speedContainer = document.createElement('div');
-	        this._$speedContainer.classList.add(PTZ_PREFIX + '-speed-container');
-	        this._$speedContainer.innerHTML = `
-        <div class="${PTZ_PREFIX}-speed-progress" title="${this.locale['PTZ_SPEED']}">
-          <div class="${PTZ_PREFIX}-speed-progress-line">
-            <div class="${PTZ_PREFIX}-speed-progress-line-dot ${this.speed === 1 ? PTZ_SPEED_ACTIVE_PREFIX : ''}" data-id="slow" data-index="1" data-value="1"></div>
-            <div class="${PTZ_PREFIX}-speed-progress-line-dot ${this.speed === 3 ? PTZ_SPEED_ACTIVE_PREFIX : ''}" data-id="mid" data-index="2" data-value="3"></div>
-            <div class="${PTZ_PREFIX}-speed-progress-line-dot ${this.speed === 7 ? PTZ_SPEED_ACTIVE_PREFIX : ''}" data-id="fast" data-index="3" data-value="7"></div>
-          </div>
-          <div class="${PTZ_PREFIX}-speed-progress-points">
-            <div class="${PTZ_PREFIX}-speed-progress-points-slow">
-            ${this.locale['PTZ_SLOW']}
-            </div>
-            <div class="${PTZ_PREFIX}-speed-progress-points-mid">
-            ${this.locale['PTZ_MID']}
-            </div>
-            <div class="${PTZ_PREFIX}-speed-progress-points-fast">
-              ${this.locale['PTZ_FAST']}
-            </div>
-          </div>
-        </div>
-    `;
-	        this._$wrapper.appendChild(this._$speedContainer);
-	        this._$btnContainer = document.createElement('div');
-	        this._$btnContainer.classList.add(PTZ_PREFIX + '-btn-container');
-	        this._$btnContainer.innerHTML = `
-        <div class="${PTZ_PREFIX}-btn-zoom" title="${this.locale['DEVICE_ZOOM']}" style="user-select: none;">
-          <div class="${PTZ_PREFIX}-btn-zoom-add" style="user-select: none;">
-            <svg viewBox="0 0 1088 1024" version="1.1" width="20" height="20">
-              <path d="M563.2 198.4c179.2 0 326.4 147.2 326.4 326.4s-147.2 326.4-326.4 326.4S230.4 704 230.4 524.8s147.2-326.4 332.8-326.4z m0 64c-147.2 0-262.4 115.2-262.4 262.4s115.2 262.4 262.4 262.4 262.4-115.2 262.4-262.4S704 262.4 563.2 262.4z" fill="#ffffff"></path>
-              <path d="M691.2 556.8H428.8c-19.2 0-32-12.8-32-32s12.8-32 32-32h262.4c19.2 0 32 12.8 32 32s-12.8 32-32 32z" fill="#ffffff">
-              </path>
-              <path d="M556.8 691.2c-19.2 0-32-12.8-32-32V396.8c0-19.2 12.8-32 32-32s32 12.8 32 32v262.4c0 19.2-12.8 32-32 32z" fill="#ffffff"></path>
-            </svg>
-          </div>
-          <div class="${PTZ_PREFIX}-btn-zoom-sub" style="user-select: none;">
-            <svg viewBox="0 0 1088 1024" version="1.1" width="20" height="20">
-              <path d="M569.6 838.4c-172.8 0-307.2-140.8-307.2-307.2s140.8-307.2 307.2-307.2 307.2 140.8 307.2 307.2-140.8 307.2-307.2 307.2z m0-64c134.4 0 249.6-108.8 249.6-249.6S704 281.6 569.6 281.6 320 396.8 320 531.2s108.8 243.2 249.6 243.2z" fill="#ffffff"></path>
-              <path d="M691.2 563.2H448c-19.2 0-32-12.8-32-32s12.8-38.4 32-38.4h249.6c19.2 0 32 12.8 32 32s-19.2 38.4-38.4 38.4z" fill="#ffffff"></path>
-            </svg>
-          </div>
-        </div>
-        <div class="${PTZ_PREFIX}-btn-focal" title="${this.locale['DEVICE_FOCUS']}" style="user-select: none;">
-          <div class="${PTZ_PREFIX}-btn-focal-add" style="user-select: none;">
-            <svg viewBox="0 0 1088 1024" version="1.1" width="20" height="20">
-              <path d="M646.4 825.6H320c-44.8 0-83.2-38.4-83.2-83.2V409.6c0-44.8 38.4-83.2 83.2-83.2h326.4c44.8 0 83.2 38.4 83.2 83.2v326.4c0 51.2-38.4 89.6-83.2 89.6zM320 390.4c-12.8 0-19.2 6.4-19.2 19.2v326.4c0 12.8 6.4 19.2 19.2 19.2h326.4c12.8 0 19.2-6.4 19.2-19.2V409.6c0-12.8-6.4-19.2-19.2-19.2H320z" fill="#ffffff"></path>
-              <path d="M396.8 358.4V281.6c0-25.6 25.6-51.2 51.2-51.2h326.4c25.6 0 51.2 25.6 51.2 51.2v326.4c0 25.6-25.6 51.2-51.2 51.2H704l-6.4-268.8" fill="#ffffff"></path>
-            </svg>
-          </div>
-          <div class="${PTZ_PREFIX}-btn-focal-sub" style="user-select: none;">
-            <svg viewBox="0 0 1088 1024" version="1.1" width="20" height="20">
-              <path d="M320 358.4h326.4c25.6 0 51.2 25.6 51.2 51.2v326.4c0 25.6-25.6 51.2-51.2 51.2H320c-25.6 0-51.2-25.6-51.2-51.2V409.6c0-25.6 25.6-51.2 51.2-51.2z" fill="#ffffff"></path>
-              <path d="M774.4 697.6H704c-19.2 0-32-12.8-32-32s12.8-32 32-32h70.4c12.8 0 19.2-6.4 19.2-19.2V281.6c0-12.8-6.4-19.2-19.2-19.2H448c-12.8 0-19.2 6.4-19.2 19.2v70.4c0 19.2-12.8 32-32 32s-32-12.8-32-25.6V281.6c0-44.8 38.4-83.2 83.2-83.2h326.4c44.8 0 83.2 38.4 83.2 83.2v326.4c0 51.2-38.4 89.6-83.2 89.6z" fill="#ffffff"></path>
-            </svg>
-          </div>
-        </div>
-      `;
-	        this._$wrapper.appendChild(this._$btnContainer);
-	        container.appendChild(this._$wrapper);
-	        // 云台控制事件绑定
-	        // 云台控制
-	        this._$directionCircleContainer.onmousedown = (e)=>{
-	            e.preventDefault();
-	            e.stopPropagation();
-	            this._handlePtzTouch(e, 'start');
-	        };
-	        this._$directionCircleContainer.onmouseup = (e)=>{
-	            e.preventDefault();
-	            e.stopPropagation();
-	            this._handlePtzTouch(e, 'stop');
-	        };
-	        this._$directionCircleContainer.ontouchstart = (e)=>{
-	            e.preventDefault();
-	            e.stopPropagation();
-	            this._handlePtzTouch(e, 'start');
-	        };
-	        this._$directionCircleContainer.ontouchend = (e)=>{
-	            e.preventDefault();
-	            e.stopPropagation();
-	            this._handlePtzTouch(e, 'stop');
-	        };
-	        this._onSwitchSpeed = (e)=>{
-	            const list = Array.from(this._$speedContainer.querySelectorAll(`.${PTZ_PREFIX}-speed-progress-line-dot`));
-	            if (list.includes(e.target) && !e.target.classList.contains(PTZ_SPEED_ACTIVE_PREFIX)) {
-	                list.forEach((item)=>{
-	                    if (item === e.target) {
-	                        item.classList.add(PTZ_SPEED_ACTIVE_PREFIX);
-	                    } else {
-	                        item.classList.remove(PTZ_SPEED_ACTIVE_PREFIX);
-	                    }
-	                });
-	                const value = e.target.getAttribute('data-value');
-	                const index = e.target.getAttribute('data-index');
-	                this.speed = +value;
-	                this.options.onSpeedChange == null ? void 0 : this.options.onSpeedChange.call(this.options, +index);
-	            }
-	        };
-	        // mouse 事件绑定
-	        // 云台速度变化事件绑定
-	        this._$speedContainer.onmouseup = this._onSwitchSpeed;
-	        if (this._isMobile) {
-	            this._$speedContainer.ontouchend = this._onSwitchSpeed;
-	        }
-	        if (this._$btnContainer.querySelector(`.${PTZ_PREFIX}-btn-zoom-add`)) {
-	            // 物理缩放、变焦按钮事件监听
-	            this._$btnContainer.querySelector(`.${PTZ_PREFIX}-btn-zoom-add`).onmousedown = (e)=>{
-	                e.preventDefault();
-	                e.stopPropagation();
-	                this._handleBtnTouch('zoom', 'add', 'start');
-	            };
-	            this._$btnContainer.querySelector(`.${PTZ_PREFIX}-btn-zoom-add`).onmouseup = (e)=>{
-	                e.preventDefault();
-	                e.stopPropagation();
-	                this._handleBtnTouch('zoom', 'add', 'stop');
-	            };
-	        }
-	        if (this._$btnContainer.querySelector(`.${PTZ_PREFIX}-btn-zoom-sub`)) {
-	            this._$btnContainer.querySelector(`.${PTZ_PREFIX}-btn-zoom-sub`).onmousedown = (e)=>{
-	                e.preventDefault();
-	                e.stopPropagation();
-	                this._handleBtnTouch('zoom', 'sub', 'start');
-	            };
-	            this._$btnContainer.querySelector(`.${PTZ_PREFIX}-btn-zoom-sub`).onmouseup = (e)=>{
-	                e.preventDefault();
-	                e.stopPropagation();
-	                this._handleBtnTouch('zoom', 'sub', 'stop');
-	            };
-	        }
-	        if (this._$btnContainer.querySelector(`.${PTZ_PREFIX}-btn-focal-add`)) {
-	            this._$btnContainer.querySelector(`.${PTZ_PREFIX}-btn-focal-add`).onmousedown = (e)=>{
-	                e.preventDefault();
-	                e.stopPropagation();
-	                this._handleBtnTouch('focal', 'add', 'start');
-	            };
-	            this._$btnContainer.querySelector(`.${PTZ_PREFIX}-btn-focal-add`).onmouseup = (e)=>{
-	                e.preventDefault();
-	                e.stopPropagation();
-	                this._handleBtnTouch('focal', 'add', 'stop');
-	            };
-	        }
-	        if (this._$btnContainer.querySelector(`.${PTZ_PREFIX}-btn-focal-sub`)) {
-	            this._$btnContainer.querySelector(`.${PTZ_PREFIX}-btn-focal-sub`).onmousedown = (e)=>{
-	                e.preventDefault();
-	                e.stopPropagation();
-	                this._handleBtnTouch('focal', 'sub', 'start');
-	            };
-	            this._$btnContainer.querySelector(`.${PTZ_PREFIX}-btn-focal-sub`).onmouseup = (e)=>{
-	                e.preventDefault();
-	                e.stopPropagation();
-	                this._handleBtnTouch('focal', 'sub', 'stop');
-	            };
-	        }
-	        // mobile touch 事件监听
-	        if (this._isMobile) {
-	            if (this._$btnContainer.querySelector(`.${PTZ_PREFIX}-btn-zoom-add`)) {
-	                this._$btnContainer.querySelector(`.${PTZ_PREFIX}-btn-zoom-add`).ontouchstart = (e)=>{
-	                    e.preventDefault();
-	                    e.stopPropagation();
-	                    this._handleBtnTouch('zoom', 'add', 'start');
-	                };
-	                this._$btnContainer.querySelector(`.${PTZ_PREFIX}-btn-zoom-add`).ontouchend = (e)=>{
-	                    e.preventDefault();
-	                    e.stopPropagation();
-	                    this._handleBtnTouch('zoom', 'add', 'stop');
-	                };
-	            }
-	            if (this._$btnContainer.querySelector(`.${PTZ_PREFIX}-btn-zoom-sub`)) {
-	                this._$btnContainer.querySelector(`.${PTZ_PREFIX}-btn-zoom-sub`).ontouchstart = (e)=>{
-	                    e.preventDefault();
-	                    e.stopPropagation();
-	                    this._handleBtnTouch('zoom', 'sub', 'start');
-	                };
-	                this._$btnContainer.querySelector(`.${PTZ_PREFIX}-btn-zoom-sub`).ontouchend = (e)=>{
-	                    e.preventDefault();
-	                    e.stopPropagation();
-	                    this._handleBtnTouch('zoom', 'sub', 'stop');
-	                };
-	            }
-	            if (this._$btnContainer.querySelector(`.${PTZ_PREFIX}-btn-focal-add`)) {
-	                this._$btnContainer.querySelector(`.${PTZ_PREFIX}-btn-focal-add`).ontouchstart = (e)=>{
-	                    e.preventDefault();
-	                    e.stopPropagation();
-	                    this._handleBtnTouch('focal', 'add', 'start');
-	                };
-	                this._$btnContainer.querySelector(`.${PTZ_PREFIX}-btn-focal-add`).ontouchend = (e)=>{
-	                    e.preventDefault();
-	                    e.stopPropagation();
-	                    this._handleBtnTouch('focal', 'add', 'stop');
-	                };
-	            }
-	            if (this._$btnContainer.querySelector(`.${PTZ_PREFIX}-btn-focal-sub`)) {
-	                this._$btnContainer.querySelector(`.${PTZ_PREFIX}-btn-focal-sub`).ontouchstart = (e)=>{
-	                    e.preventDefault();
-	                    e.stopPropagation();
-	                    this._handleBtnTouch('focal', 'sub', 'start');
-	                };
-	                this._$btnContainer.querySelector(`.${PTZ_PREFIX}-btn-focal-sub`).ontouchend = (e)=>{
-	                    e.preventDefault();
-	                    e.stopPropagation();
-	                    this._handleBtnTouch('focal', 'sub', 'stop');
-	                };
-	            }
-	        }
-	    }
-	};
+		var PTZ_DEFAULT_OPTIONS = {
+		    language: 'zh',
+		    env: {
+		        domain: 'https://open.ys7.com'
+		    },
+		    accessToken: '',
+		    speed: 2,
+		    locales: {
+		        zh: zh_CN,
+		        en: en_US
+		    }
+		};
+		var PTZ_SPEED = {
+		    1: 1,
+		    2: 3,
+		    3: 7,
+		    slow: 1,
+		    mid: 3,
+		    fast: 7
+		};
+		var PTZ_PREFIX = 'ez-ptz';
+		var PTZ_MOBILE_PREFIX = 'ez-mobile-ptz';
+		var PTZ_SPEED_ACTIVE_PREFIX = PTZ_PREFIX + '-speed-active';
+		var PTZ_DIRECTION_PREFIX = PTZ_PREFIX + '-direction';
+
+		var BasePtz = /*#__PURE__*/ function() {
+		    function BasePtz(container, options) {
+		        if (options === void 0) options = {};
+		        var _this_options_locales;
+		        if (!container) throw new Error('Ptz container is required');
+		        this.options = deepmerge(PTZ_DEFAULT_OPTIONS, options, {
+		            clone: false
+		        });
+		        if ((_this_options_locales = this.options.locales) == null ? void 0 : _this_options_locales[this.options.language]) {
+		            var _this_options_locales1;
+		            this.locale = (_this_options_locales1 = this.options.locales) == null ? void 0 : _this_options_locales1[this.options.language];
+		        } else {
+		            var _this_options_locales2;
+		            this.locale = (_this_options_locales2 = this.options.locales) == null ? void 0 : _this_options_locales2['zh'];
+		        }
+		        this.$container = container;
+		        this.speed = PTZ_SPEED[this.options.speed || 2];
+		    }
+		    var _proto = BasePtz.prototype;
+		    _proto.updateOptions = function updateOptions(options) {
+		        this.options = deepmerge(this.options, options, {
+		            clone: false
+		        });
+		    };
+		    _proto.destroy = function destroy() {};
+		    return BasePtz;
+		}();
+
+		function _inherits$1(subClass, superClass) {
+		    if (typeof superClass !== "function" && superClass !== null) {
+		        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
+		        }
+		    });
+		    if (superClass) _set_prototype_of$1(subClass, superClass);
+		}
+		function _set_prototype_of$1(o, p) {
+		    _set_prototype_of$1 = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+		        o.__proto__ = p;
+		        return o;
+		    };
+		    return _set_prototype_of$1(o, p);
+		}
+		var MobilePtz = /*#__PURE__*/ function(BasePtz) {
+		    _inherits$1(MobilePtz, BasePtz);
+		    function MobilePtz(container, options) {
+		        var _this;
+		        _this = BasePtz.call(this, container, options) || this;
+		        _this._touchstart = _this._touchstart.bind(_this);
+		        _this._touchend = _this._touchend.bind(_this);
+		        _this._render();
+		        return _this;
+		    }
+		    var _proto = MobilePtz.prototype;
+		    _proto.destroy = function destroy() {
+		        this._removeEventListener();
+		        if (this.$content) {
+		            this.$content.remove();
+		            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+		            this.$content = null;
+		        }
+		        BasePtz.prototype.destroy.call(this);
+		    };
+		    _proto._render = function _render() {
+		        this.$content = document.createElement('div');
+		        this.$content.classList.add(PTZ_MOBILE_PREFIX + '-content');
+		        this.$content.innerHTML = '\n      <div class="' + PTZ_MOBILE_PREFIX + '-wrap">\n        <div class="' + PTZ_MOBILE_PREFIX + '-container">\n          <div class="' + PTZ_MOBILE_PREFIX + "-center " + PTZ_MOBILE_PREFIX + '-center"></div>\n          <div class="' + PTZ_MOBILE_PREFIX + "-icon " + PTZ_MOBILE_PREFIX + "-top " + PTZ_MOBILE_PREFIX + '-default"></div>\n          <div class="' + PTZ_MOBILE_PREFIX + "-icon " + PTZ_MOBILE_PREFIX + "-left " + PTZ_MOBILE_PREFIX + '-default"></div>\n          <div class="' + PTZ_MOBILE_PREFIX + "-icon " + PTZ_MOBILE_PREFIX + "-bottom " + PTZ_MOBILE_PREFIX + '-default"></div>\n          <div class="' + PTZ_MOBILE_PREFIX + "-icon " + PTZ_MOBILE_PREFIX + "-right " + PTZ_MOBILE_PREFIX + '-default"></div>\n        </div>\n      </div>\n    ';
+		        this.$container.appendChild(this.$content);
+		        this._addEventListener();
+		    };
+		    _proto._addEventListener = function _addEventListener() {
+		        // 云台控制事件绑定
+		        var $warp = this.$content.querySelector("." + PTZ_MOBILE_PREFIX + "-wrap");
+		        var touchstart = 'PointerEvent' in window ? 'pointerdown' : 'touchstart';
+		        var touchend = 'PointerEvent' in window ? 'pointerup' : 'touchend';
+		        if ($warp) {
+		            $warp.addEventListener(touchstart, this._touchstart);
+		            $warp.addEventListener(touchend, this._touchend);
+		        }
+		    };
+		    _proto._touchstart = function _touchstart(e) {
+		        e.preventDefault();
+		        this._handlePtzTouch(e, 'start');
+		    };
+		    _proto._touchend = function _touchend(e) {
+		        e.preventDefault();
+		        this._handlePtzTouch(e, 'stop');
+		    };
+		    _proto._removeEventListener = function _removeEventListener() {
+		        var $warp = this.$content.querySelector("." + PTZ_MOBILE_PREFIX + "-wrap");
+		        var touchstart = 'PointerEvent' in window ? 'pointerdown' : 'touchstart';
+		        var touchend = 'PointerEvent' in window ? 'pointerup' : 'touchend';
+		        if ($warp) {
+		            $warp.removeEventListener(touchstart, this._touchstart);
+		            $warp.removeEventListener(touchend, this._touchend);
+		        }
+		    };
+		    _proto._handlePtzTouch = function _handlePtzTouch(e, type) {
+		        var _this_options_token_deviceToken, _this_options_token, _e_changedTouches_, _e_changedTouches_1, _this_options_env, _this_options_token_deviceToken1, _this_options_token1;
+		        if (!(this.options.accessToken || ((_this_options_token = this.options.token) == null ? void 0 : (_this_options_token_deviceToken = _this_options_token.deviceToken) == null ? void 0 : _this_options_token_deviceToken.video))) throw new Error('Ptz accessToken or token.deviceToken.video is required');
+		        var $warp = this.$content.querySelector("." + PTZ_MOBILE_PREFIX + "-wrap");
+		        var rect = $warp.getBoundingClientRect();
+		        var containerCenterX = rect.left + 130;
+		        var containerCenterY = rect.top + 130;
+		        var eventX = e.x || ((_e_changedTouches_ = e.changedTouches[0]) == null ? void 0 : _e_changedTouches_.clientX);
+		        var eventY = e.y || ((_e_changedTouches_1 = e.changedTouches[0]) == null ? void 0 : _e_changedTouches_1.clientY);
+		        var left = eventX - containerCenterX;
+		        var top = eventY - containerCenterY;
+		        var direction = 0; // 操作命令：0-上，1-下，2-左，3右，4-左上，5-左下，6-右上，7-右下，8-放大，9-缩小，10-近焦距，11-远焦距
+		        var url = ((_this_options_env = this.options.env) == null ? void 0 : _this_options_env.domain) + '/api/lapp/device/ptz/start';
+		        var token = this.options.accessToken || ((_this_options_token1 = this.options.token) == null ? void 0 : (_this_options_token_deviceToken1 = _this_options_token1.deviceToken) == null ? void 0 : _this_options_token_deviceToken1.video);
+		        var $icons = $warp.querySelectorAll("." + PTZ_MOBILE_PREFIX + "-icon");
+		        // 判读方位
+		        if (Math.abs(left) > Math.abs(top)) {
+		            if (left > 0) {
+		                direction = 3;
+		                $icons[3].className = $icons[3].className.replace("" + PTZ_MOBILE_PREFIX + "-default", "" + PTZ_MOBILE_PREFIX + "-active");
+		            } else {
+		                direction = 2;
+		                $icons[1].className = $icons[1].className.replace("" + PTZ_MOBILE_PREFIX + "-default", "" + PTZ_MOBILE_PREFIX + "-active");
+		            }
+		        } else {
+		            if (top > 0) {
+		                direction = 1;
+		                $icons[2].className = $icons[2].className.replace("" + PTZ_MOBILE_PREFIX + "-default", "" + PTZ_MOBILE_PREFIX + "-active");
+		            } else {
+		                direction = 0;
+		                $icons[0].className = $icons[0].className.replace("" + PTZ_MOBILE_PREFIX + "-default", "" + PTZ_MOBILE_PREFIX + "-active");
+		            }
+		        }
+		        $warp.style.cssText = "background-image:linear-gradient(" + (direction === 0 ? 180 : direction === 1 ? 0 : direction === 2 ? 90 : 270) + "deg, #c0ddf1 0%, rgba(100,143,252,0.00) 50%)";
+		        if (type === 'stop') {
+		            var _this_options_env1;
+		            url = ((_this_options_env1 = this.options.env) == null ? void 0 : _this_options_env1.domain) + '/api/lapp/device/ptz/stop';
+		            $warp.style.cssText = '';
+		            $icons[3].className = $icons[3].className.replace("" + PTZ_MOBILE_PREFIX + "-active", "" + PTZ_MOBILE_PREFIX + "-default");
+		            $icons[1].className = $icons[1].className.replace("" + PTZ_MOBILE_PREFIX + "-active", "" + PTZ_MOBILE_PREFIX + "-default");
+		            $icons[2].className = $icons[2].className.replace("" + PTZ_MOBILE_PREFIX + "-active", "" + PTZ_MOBILE_PREFIX + "-default");
+		            $icons[0].className = $icons[0].className.replace("" + PTZ_MOBILE_PREFIX + "-active", "" + PTZ_MOBILE_PREFIX + "-default");
+		        }
+		        // 这个控件暂时没有 ptzSpeed 和areaId 和backDeg 的值
+		        // this.jSPlugin?.eventEmitter?.emit(EVENTS.ptz.ptzDirection, {
+		        //   type,
+		        //   direction,
+		        //   isRotate: false,
+		        //   ptzSpeed: 1,
+		        // });
+		        var operationResultCb = this.options.onDirection == null ? void 0 : this.options.onDirection.call(this.options, {
+		            direction: direction,
+		            speed: this.speed,
+		            type: type
+		        });
+		        var data = new FormData();
+		        data.append('deviceSerial', this.options.deviceSerial + '');
+		        data.append('channelNo', this.options.channelNo + '');
+		        data.append('speed', '1');
+		        data.append('direction', direction + '');
+		        data.append('accessToken', token);
+		        // prettier-ignore
+		        // eslint-disable-next-line @typescript-eslint/promise-function-async
+		        fetch(url, {
+		            method: 'POST',
+		            body: data
+		        }).then(function(response) {
+		            return response.json();
+		        }).then(function(rt) {
+		            if (rt.code === 200) ; else {
+		                // this.jSPlugin?.logger?.error('[errors]', this.jSPlugin.i18n.t('38' + rt.code) + `(${rt.code})`);
+		                // const msg = this.jSPlugin.i18n.t('38' + rt.code) || rt.msg;
+		                // this.pluginStatus.loadingSetText({
+		                //   text: msg,
+		                //   color: 'red',
+		                //   delayClear: 2000,
+		                // });
+		                if ([
+		                    60005,
+		                    60002,
+		                    60003,
+		                    60004
+		                ].includes(+rt.code)) {
+		                    $warp.style.cssText = "background-image:linear-gradient(" + (direction === 0 ? 180 : direction === 1 ? 0 : direction === 2 ? 90 : 270) + "deg, #f45656 0%, rgba(100,143,252,0.00) 50%)";
+		                }
+		            }
+		            operationResultCb == null ? void 0 : operationResultCb(rt);
+		        }).catch(function(err) {
+		        }).finally(function() {
+		            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+		            operationResultCb = null;
+		        });
+		    };
+		    return MobilePtz;
+		}(BasePtz);
+
+		function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+		    try {
+		        var info = gen[key](arg);
+		        var value = info.value;
+		    } catch (error) {
+		        reject(error);
+		        return;
+		    }
+		    if (info.done) {
+		        resolve(value);
+		    } else {
+		        Promise.resolve(value).then(_next, _throw);
+		    }
+		}
+		function _async_to_generator(fn) {
+		    return function() {
+		        var self = this, args = arguments;
+		        return new Promise(function(resolve, reject) {
+		            var gen = fn.apply(self, args);
+		            function _next(value) {
+		                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+		            }
+		            function _throw(err) {
+		                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+		            }
+		            _next(undefined);
+		        });
+		    };
+		}
+		function _defineProperties(target, props) {
+		    for(var i = 0; i < props.length; i++){
+		        var descriptor = props[i];
+		        descriptor.enumerable = descriptor.enumerable || false;
+		        descriptor.configurable = true;
+		        if ("value" in descriptor) descriptor.writable = true;
+		        Object.defineProperty(target, descriptor.key, descriptor);
+		    }
+		}
+		function _create_class(Constructor, protoProps, staticProps) {
+		    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+		    return Constructor;
+		}
+		function _inherits(subClass, superClass) {
+		    if (typeof superClass !== "function" && superClass !== null) {
+		        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
+		        }
+		    });
+		    if (superClass) _set_prototype_of(subClass, superClass);
+		}
+		function _set_prototype_of(o, p) {
+		    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+		        o.__proto__ = p;
+		        return o;
+		    };
+		    return _set_prototype_of(o, p);
+		}
+		function _ts_generator(thisArg, body) {
+		    var f, y, t, _ = {
+		        label: 0,
+		        sent: function() {
+		            if (t[0] & 1) throw t[1];
+		            return t[1];
+		        },
+		        trys: [],
+		        ops: []
+		    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+		    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+		        return this;
+		    }), g;
+		    function verb(n) {
+		        return function(v) {
+		            return step([
+		                n,
+		                v
+		            ]);
+		        };
+		    }
+		    function step(op) {
+		        if (f) throw new TypeError("Generator is already executing.");
+		        while(g && (g = 0, op[0] && (_ = 0)), _)try {
+		            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+		            if (y = 0, t) op = [
+		                op[0] & 2,
+		                t.value
+		            ];
+		            switch(op[0]){
+		                case 0:
+		                case 1:
+		                    t = op;
+		                    break;
+		                case 4:
+		                    _.label++;
+		                    return {
+		                        value: op[1],
+		                        done: false
+		                    };
+		                case 5:
+		                    _.label++;
+		                    y = op[1];
+		                    op = [
+		                        0
+		                    ];
+		                    continue;
+		                case 7:
+		                    op = _.ops.pop();
+		                    _.trys.pop();
+		                    continue;
+		                default:
+		                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+		                        _ = 0;
+		                        continue;
+		                    }
+		                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+		                        _.label = op[1];
+		                        break;
+		                    }
+		                    if (op[0] === 6 && _.label < t[1]) {
+		                        _.label = t[1];
+		                        t = op;
+		                        break;
+		                    }
+		                    if (t && _.label < t[2]) {
+		                        _.label = t[2];
+		                        _.ops.push(op);
+		                        break;
+		                    }
+		                    if (t[2]) _.ops.pop();
+		                    _.trys.pop();
+		                    continue;
+		            }
+		            op = body.call(thisArg, _);
+		        } catch (e) {
+		            op = [
+		                6,
+		                e
+		            ];
+		            y = 0;
+		        } finally{
+		            f = t = 0;
+		        }
+		        if (op[0] & 5) throw op[1];
+		        return {
+		            value: op[0] ? op[1] : void 0,
+		            done: true
+		        };
+		    }
+		}
+		/**
+		 * @class Ptz
+		 * @classdesc 云台控制
+		 *
+		 * @example
+		 * // 初始化云台控制
+		 * // 显示云台控制
+		 * ptz.show()
+		 * // 隐藏云台控制
+		 * ptz.hide()
+		 */ var Ptz = /*#__PURE__*/ function(BasePtz) {
+		    _inherits(Ptz, BasePtz);
+		    function Ptz(container, options) {
+		        if (options === void 0) options = {};
+		        var _this;
+		        _this = BasePtz.call(this, container, options) || this, _this._isMobile = utilsTools.isMobile(), _this._isRotate = false, _this._clearTimer = null;
+		        _this._$wrapper = document.createElement('div');
+		        _this._$wrapper.className = PTZ_PREFIX + '-container-wrap';
+		        _this._$directionCircleContainer = document.createElement('div');
+		        _this._$directionCircleContainer.classList.add(PTZ_PREFIX + '-container');
+		        _this._$directionCircleContainer.innerHTML = '\n        <div class="' + PTZ_PREFIX + "-main " + PTZ_DIRECTION_PREFIX + '-center"></div>\n        <div class="' + PTZ_PREFIX + "-icon " + PTZ_DIRECTION_PREFIX + '-top" data-direction="0"></div>\n        <div class="' + PTZ_PREFIX + "-icon " + PTZ_DIRECTION_PREFIX + '-top-left" data-direction="4"></div>\n        <div class="' + PTZ_PREFIX + "-icon " + PTZ_DIRECTION_PREFIX + '-left" data-direction="2"></div>\n        <div class="' + PTZ_PREFIX + "-icon " + PTZ_DIRECTION_PREFIX + '-left-bottom" data-direction="5"></div>\n        <div class="' + PTZ_PREFIX + "-icon " + PTZ_DIRECTION_PREFIX + '-bottom" data-direction="1"></div>\n        <div class="' + PTZ_PREFIX + "-icon " + PTZ_DIRECTION_PREFIX + '-bottom-right" data-direction="7"></div>\n        <div class="' + PTZ_PREFIX + "-icon " + PTZ_DIRECTION_PREFIX + '-right" data-direction="3"></div>\n        <div class="' + PTZ_PREFIX + "-icon " + PTZ_DIRECTION_PREFIX + '-right-top" data-direction="6"></div>\n    ';
+		        _this._$wrapper.appendChild(_this._$directionCircleContainer);
+		        _this._$speedContainer = document.createElement('div');
+		        _this._$speedContainer.classList.add(PTZ_PREFIX + '-speed-container');
+		        _this._$speedContainer.innerHTML = '\n        <div class="' + PTZ_PREFIX + '-speed-progress" title="' + _this.locale['PTZ_SPEED'] + '">\n          <div class="' + PTZ_PREFIX + '-speed-progress-line">\n            <div class="' + PTZ_PREFIX + "-speed-progress-line-dot " + (_this.speed === 1 ? PTZ_SPEED_ACTIVE_PREFIX : '') + '" data-id="slow" data-index="1" data-value="1"></div>\n            <div class="' + PTZ_PREFIX + "-speed-progress-line-dot " + (_this.speed === 3 ? PTZ_SPEED_ACTIVE_PREFIX : '') + '" data-id="mid" data-index="2" data-value="3"></div>\n            <div class="' + PTZ_PREFIX + "-speed-progress-line-dot " + (_this.speed === 7 ? PTZ_SPEED_ACTIVE_PREFIX : '') + '" data-id="fast" data-index="3" data-value="7"></div>\n          </div>\n          <div class="' + PTZ_PREFIX + '-speed-progress-points">\n            <div class="' + PTZ_PREFIX + '-speed-progress-points-slow">\n            ' + _this.locale['PTZ_SLOW'] + '\n            </div>\n            <div class="' + PTZ_PREFIX + '-speed-progress-points-mid">\n            ' + _this.locale['PTZ_MID'] + '\n            </div>\n            <div class="' + PTZ_PREFIX + '-speed-progress-points-fast">\n              ' + _this.locale['PTZ_FAST'] + "\n            </div>\n          </div>\n        </div>\n    ";
+		        _this._$wrapper.appendChild(_this._$speedContainer);
+		        _this._$btnContainer = document.createElement('div');
+		        _this._$btnContainer.classList.add(PTZ_PREFIX + '-btn-container');
+		        _this._$btnContainer.innerHTML = '\n        <div class="' + PTZ_PREFIX + '-btn-zoom" title="' + _this.locale['DEVICE_ZOOM'] + '" style="user-select: none;">\n          <div class="' + PTZ_PREFIX + '-btn-zoom-add" style="user-select: none;">\n            <svg viewBox="0 0 1088 1024" version="1.1" width="20" height="20">\n              <path d="M563.2 198.4c179.2 0 326.4 147.2 326.4 326.4s-147.2 326.4-326.4 326.4S230.4 704 230.4 524.8s147.2-326.4 332.8-326.4z m0 64c-147.2 0-262.4 115.2-262.4 262.4s115.2 262.4 262.4 262.4 262.4-115.2 262.4-262.4S704 262.4 563.2 262.4z" fill="#ffffff"></path>\n              <path d="M691.2 556.8H428.8c-19.2 0-32-12.8-32-32s12.8-32 32-32h262.4c19.2 0 32 12.8 32 32s-12.8 32-32 32z" fill="#ffffff">\n              </path>\n              <path d="M556.8 691.2c-19.2 0-32-12.8-32-32V396.8c0-19.2 12.8-32 32-32s32 12.8 32 32v262.4c0 19.2-12.8 32-32 32z" fill="#ffffff"></path>\n            </svg>\n          </div>\n          <div class="' + PTZ_PREFIX + '-btn-zoom-sub" style="user-select: none;">\n            <svg viewBox="0 0 1088 1024" version="1.1" width="20" height="20">\n              <path d="M569.6 838.4c-172.8 0-307.2-140.8-307.2-307.2s140.8-307.2 307.2-307.2 307.2 140.8 307.2 307.2-140.8 307.2-307.2 307.2z m0-64c134.4 0 249.6-108.8 249.6-249.6S704 281.6 569.6 281.6 320 396.8 320 531.2s108.8 243.2 249.6 243.2z" fill="#ffffff"></path>\n              <path d="M691.2 563.2H448c-19.2 0-32-12.8-32-32s12.8-38.4 32-38.4h249.6c19.2 0 32 12.8 32 32s-19.2 38.4-38.4 38.4z" fill="#ffffff"></path>\n            </svg>\n          </div>\n        </div>\n        <div class="' + PTZ_PREFIX + '-btn-focal" title="' + _this.locale['DEVICE_FOCUS'] + '" style="user-select: none;">\n          <div class="' + PTZ_PREFIX + '-btn-focal-add" style="user-select: none;">\n            <svg viewBox="0 0 1088 1024" version="1.1" width="20" height="20">\n              <path d="M646.4 825.6H320c-44.8 0-83.2-38.4-83.2-83.2V409.6c0-44.8 38.4-83.2 83.2-83.2h326.4c44.8 0 83.2 38.4 83.2 83.2v326.4c0 51.2-38.4 89.6-83.2 89.6zM320 390.4c-12.8 0-19.2 6.4-19.2 19.2v326.4c0 12.8 6.4 19.2 19.2 19.2h326.4c12.8 0 19.2-6.4 19.2-19.2V409.6c0-12.8-6.4-19.2-19.2-19.2H320z" fill="#ffffff"></path>\n              <path d="M396.8 358.4V281.6c0-25.6 25.6-51.2 51.2-51.2h326.4c25.6 0 51.2 25.6 51.2 51.2v326.4c0 25.6-25.6 51.2-51.2 51.2H704l-6.4-268.8" fill="#ffffff"></path>\n            </svg>\n          </div>\n          <div class="' + PTZ_PREFIX + '-btn-focal-sub" style="user-select: none;">\n            <svg viewBox="0 0 1088 1024" version="1.1" width="20" height="20">\n              <path d="M320 358.4h326.4c25.6 0 51.2 25.6 51.2 51.2v326.4c0 25.6-25.6 51.2-51.2 51.2H320c-25.6 0-51.2-25.6-51.2-51.2V409.6c0-25.6 25.6-51.2 51.2-51.2z" fill="#ffffff"></path>\n              <path d="M774.4 697.6H704c-19.2 0-32-12.8-32-32s12.8-32 32-32h70.4c12.8 0 19.2-6.4 19.2-19.2V281.6c0-12.8-6.4-19.2-19.2-19.2H448c-12.8 0-19.2 6.4-19.2 19.2v70.4c0 19.2-12.8 32-32 32s-32-12.8-32-25.6V281.6c0-44.8 38.4-83.2 83.2-83.2h326.4c44.8 0 83.2 38.4 83.2 83.2v326.4c0 51.2-38.4 89.6-83.2 89.6z" fill="#ffffff"></path>\n            </svg>\n          </div>\n        </div>\n      ';
+		        _this._$wrapper.appendChild(_this._$btnContainer);
+		        container.appendChild(_this._$wrapper);
+		        // 云台控制事件绑定
+		        // 云台控制
+		        _this._$directionCircleContainer.onmousedown = function(e) {
+		            e.preventDefault();
+		            e.stopPropagation();
+		            _this._handlePtzTouch(e, 'start');
+		        };
+		        _this._$directionCircleContainer.onmouseup = function(e) {
+		            e.preventDefault();
+		            e.stopPropagation();
+		            _this._handlePtzTouch(e, 'stop');
+		        };
+		        _this._$directionCircleContainer.ontouchstart = function(e) {
+		            e.preventDefault();
+		            e.stopPropagation();
+		            _this._handlePtzTouch(e, 'start');
+		        };
+		        _this._$directionCircleContainer.ontouchend = function(e) {
+		            e.preventDefault();
+		            e.stopPropagation();
+		            _this._handlePtzTouch(e, 'stop');
+		        };
+		        _this._onSwitchSpeed = function(e) {
+		            var list = Array.from(_this._$speedContainer.querySelectorAll("." + PTZ_PREFIX + "-speed-progress-line-dot"));
+		            if (list.includes(e.target) && !e.target.classList.contains(PTZ_SPEED_ACTIVE_PREFIX)) {
+		                list.forEach(function(item) {
+		                    if (item === e.target) {
+		                        item.classList.add(PTZ_SPEED_ACTIVE_PREFIX);
+		                    } else {
+		                        item.classList.remove(PTZ_SPEED_ACTIVE_PREFIX);
+		                    }
+		                });
+		                var value = e.target.getAttribute('data-value');
+		                var index = e.target.getAttribute('data-index');
+		                _this.speed = +value;
+		                _this.options.onSpeedChange == null ? void 0 : _this.options.onSpeedChange.call(_this.options, +index);
+		            }
+		        };
+		        // mouse 事件绑定
+		        // 云台速度变化事件绑定
+		        _this._$speedContainer.onmouseup = _this._onSwitchSpeed;
+		        if (_this._isMobile) {
+		            _this._$speedContainer.ontouchend = _this._onSwitchSpeed;
+		        }
+		        if (_this._$btnContainer.querySelector("." + PTZ_PREFIX + "-btn-zoom-add")) {
+		            // 物理缩放、变焦按钮事件监听
+		            _this._$btnContainer.querySelector("." + PTZ_PREFIX + "-btn-zoom-add").onmousedown = function(e) {
+		                e.preventDefault();
+		                e.stopPropagation();
+		                _this._handleBtnTouch('zoom', 'add', 'start');
+		            };
+		            _this._$btnContainer.querySelector("." + PTZ_PREFIX + "-btn-zoom-add").onmouseup = function(e) {
+		                e.preventDefault();
+		                e.stopPropagation();
+		                _this._handleBtnTouch('zoom', 'add', 'stop');
+		            };
+		        }
+		        if (_this._$btnContainer.querySelector("." + PTZ_PREFIX + "-btn-zoom-sub")) {
+		            _this._$btnContainer.querySelector("." + PTZ_PREFIX + "-btn-zoom-sub").onmousedown = function(e) {
+		                e.preventDefault();
+		                e.stopPropagation();
+		                _this._handleBtnTouch('zoom', 'sub', 'start');
+		            };
+		            _this._$btnContainer.querySelector("." + PTZ_PREFIX + "-btn-zoom-sub").onmouseup = function(e) {
+		                e.preventDefault();
+		                e.stopPropagation();
+		                _this._handleBtnTouch('zoom', 'sub', 'stop');
+		            };
+		        }
+		        if (_this._$btnContainer.querySelector("." + PTZ_PREFIX + "-btn-focal-add")) {
+		            _this._$btnContainer.querySelector("." + PTZ_PREFIX + "-btn-focal-add").onmousedown = function(e) {
+		                e.preventDefault();
+		                e.stopPropagation();
+		                _this._handleBtnTouch('focal', 'add', 'start');
+		            };
+		            _this._$btnContainer.querySelector("." + PTZ_PREFIX + "-btn-focal-add").onmouseup = function(e) {
+		                e.preventDefault();
+		                e.stopPropagation();
+		                _this._handleBtnTouch('focal', 'add', 'stop');
+		            };
+		        }
+		        if (_this._$btnContainer.querySelector("." + PTZ_PREFIX + "-btn-focal-sub")) {
+		            _this._$btnContainer.querySelector("." + PTZ_PREFIX + "-btn-focal-sub").onmousedown = function(e) {
+		                e.preventDefault();
+		                e.stopPropagation();
+		                _this._handleBtnTouch('focal', 'sub', 'start');
+		            };
+		            _this._$btnContainer.querySelector("." + PTZ_PREFIX + "-btn-focal-sub").onmouseup = function(e) {
+		                e.preventDefault();
+		                e.stopPropagation();
+		                _this._handleBtnTouch('focal', 'sub', 'stop');
+		            };
+		        }
+		        // mobile touch 事件监听
+		        if (_this._isMobile) {
+		            if (_this._$btnContainer.querySelector("." + PTZ_PREFIX + "-btn-zoom-add")) {
+		                _this._$btnContainer.querySelector("." + PTZ_PREFIX + "-btn-zoom-add").ontouchstart = function(e) {
+		                    e.preventDefault();
+		                    e.stopPropagation();
+		                    _this._handleBtnTouch('zoom', 'add', 'start');
+		                };
+		                _this._$btnContainer.querySelector("." + PTZ_PREFIX + "-btn-zoom-add").ontouchend = function(e) {
+		                    e.preventDefault();
+		                    e.stopPropagation();
+		                    _this._handleBtnTouch('zoom', 'add', 'stop');
+		                };
+		            }
+		            if (_this._$btnContainer.querySelector("." + PTZ_PREFIX + "-btn-zoom-sub")) {
+		                _this._$btnContainer.querySelector("." + PTZ_PREFIX + "-btn-zoom-sub").ontouchstart = function(e) {
+		                    e.preventDefault();
+		                    e.stopPropagation();
+		                    _this._handleBtnTouch('zoom', 'sub', 'start');
+		                };
+		                _this._$btnContainer.querySelector("." + PTZ_PREFIX + "-btn-zoom-sub").ontouchend = function(e) {
+		                    e.preventDefault();
+		                    e.stopPropagation();
+		                    _this._handleBtnTouch('zoom', 'sub', 'stop');
+		                };
+		            }
+		            if (_this._$btnContainer.querySelector("." + PTZ_PREFIX + "-btn-focal-add")) {
+		                _this._$btnContainer.querySelector("." + PTZ_PREFIX + "-btn-focal-add").ontouchstart = function(e) {
+		                    e.preventDefault();
+		                    e.stopPropagation();
+		                    _this._handleBtnTouch('focal', 'add', 'start');
+		                };
+		                _this._$btnContainer.querySelector("." + PTZ_PREFIX + "-btn-focal-add").ontouchend = function(e) {
+		                    e.preventDefault();
+		                    e.stopPropagation();
+		                    _this._handleBtnTouch('focal', 'add', 'stop');
+		                };
+		            }
+		            if (_this._$btnContainer.querySelector("." + PTZ_PREFIX + "-btn-focal-sub")) {
+		                _this._$btnContainer.querySelector("." + PTZ_PREFIX + "-btn-focal-sub").ontouchstart = function(e) {
+		                    e.preventDefault();
+		                    e.stopPropagation();
+		                    _this._handleBtnTouch('focal', 'sub', 'start');
+		                };
+		                _this._$btnContainer.querySelector("." + PTZ_PREFIX + "-btn-focal-sub").ontouchend = function(e) {
+		                    e.preventDefault();
+		                    e.stopPropagation();
+		                    _this._handleBtnTouch('focal', 'sub', 'stop');
+		                };
+		            }
+		        }
+		        return _this;
+		    }
+		    var _proto = Ptz.prototype;
+		    _proto.destroy = function destroy() {
+		        if (this._clearTimer) {
+		            clearTimeout(this._clearTimer);
+		            this._clearTimer = null;
+		        }
+		        if (this._$directionCircleContainer) {
+		            this._$directionCircleContainer.remove();
+		            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+		            this._$directionCircleContainer = null;
+		        }
+		        if (this._$speedContainer) {
+		            this._onSwitchSpeed = null;
+		            this._$speedContainer.remove();
+		            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+		            this._$speedContainer = null;
+		        }
+		        if (this._$btnContainer) {
+		            this._$btnContainer.remove();
+		            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+		            this._$btnContainer = null;
+		        }
+		        if (this._$wrapper) {
+		            this._$wrapper.remove();
+		            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+		            this._$wrapper = null;
+		        }
+		        BasePtz.prototype.destroy.call(this);
+		    };
+		    _proto._handlePtzTouch = function _handlePtzTouch(e, type) {
+		        var _this = this;
+		        var _this_options_token_deviceToken, _this_options_token, _this_options_env, _this_options_token_deviceToken1, _this_options_token1;
+		        if (!(this.options.accessToken || ((_this_options_token = this.options.token) == null ? void 0 : (_this_options_token_deviceToken = _this_options_token.deviceToken) == null ? void 0 : _this_options_token_deviceToken.video))) throw new Error('Ptz accessToken or token.deviceToken.video is required');
+		        // 初始化或获取当前PTZ操作队列
+		        if (!this._ptzQueue) {
+		            this._ptzQueue = Promise.resolve();
+		        }
+		        var container = this._$directionCircleContainer.getBoundingClientRect();
+		        var containerCenterX = container.left + (this._$directionCircleContainer.clientWidth + 2) / 2;
+		        var containerCenterY = container.top + (this._$directionCircleContainer.clientHeight + 2) / 2;
+		        var eventX = e.x || e.changedTouches[0].clientX;
+		        var eventY = e.y || e.changedTouches[0].clientY;
+		        var direction = 0;
+		        var url = ((_this_options_env = this.options.env) == null ? void 0 : _this_options_env.domain) + '/api/lapp/device/ptz/start';
+		        var token = this.options.accessToken || ((_this_options_token1 = this.options.token) == null ? void 0 : (_this_options_token_deviceToken1 = _this_options_token1.deviceToken) == null ? void 0 : _this_options_token_deviceToken1.video);
+		        var backDeg = 0;
+		        function getAreaId(x, y) {
+		            // 获取当前点击位置相对于圆心的角度
+		            var rad = Math.atan2(y, x);
+		            if (rad < 0) rad += 2 * Math.PI;
+		            var deg = rad * (180 / Math.PI) - 225 - 12.5;
+		            if (deg < 0) deg += 360;
+		            return Math.floor(deg / 45) + 1;
+		        }
+		        // 兼容画面旋转90度
+		        // const isRotate = false; // /^rotate\(90/.test(document.getElementById(`${this.jSPlugin.id}-wrap`).style.transform);
+		        var left = eventX - containerCenterX;
+		        var top = eventY - containerCenterY;
+		        if (this.isRotate) {
+		            switch(getAreaId(left, top)){
+		                case 1:
+		                    direction = 2;
+		                    backDeg = 90;
+		                    break;
+		                case 2:
+		                    direction = 4;
+		                    backDeg = 135;
+		                    break;
+		                case 3:
+		                    direction = 0;
+		                    backDeg = 180;
+		                    break;
+		                case 4:
+		                    direction = 6;
+		                    backDeg = 225;
+		                    break;
+		                case 5:
+		                    direction = 3;
+		                    backDeg = 270;
+		                    break;
+		                case 6:
+		                    direction = 7;
+		                    backDeg = 315;
+		                    break;
+		                case 7:
+		                    direction = 1;
+		                    backDeg = 0;
+		                    break;
+		                case 8:
+		                    direction = 5;
+		                    backDeg = 45;
+		                    break;
+		            }
+		        } else {
+		            switch(getAreaId(left, top)){
+		                case 1:
+		                    direction = 0;
+		                    backDeg = 180;
+		                    break;
+		                case 2:
+		                    direction = 6;
+		                    backDeg = 225;
+		                    break;
+		                case 3:
+		                    direction = 3;
+		                    backDeg = 270;
+		                    break;
+		                case 4:
+		                    direction = 7;
+		                    backDeg = 315;
+		                    break;
+		                case 5:
+		                    direction = 1;
+		                    backDeg = 0;
+		                    break;
+		                case 6:
+		                    direction = 5;
+		                    backDeg = 45;
+		                    break;
+		                case 7:
+		                    direction = 2;
+		                    backDeg = 90;
+		                    break;
+		                case 8:
+		                    direction = 4;
+		                    backDeg = 135;
+		                    break;
+		            }
+		        }
+		        if (this._clearTimer) {
+		            clearTimeout(this._clearTimer);
+		            this._clearTimer = null;
+		        }
+		        if (type === 'start') {
+		            this._$directionCircleContainer.style.cssText = "background-image:linear-gradient(" + backDeg + "deg, #4277FF 0%, rgba(100,143,252,0.00) 30%)";
+		        } else {
+		            this._$directionCircleContainer.style.cssText = '';
+		        }
+		        if (type === 'stop') {
+		            var _this_options_env1;
+		            url = ((_this_options_env1 = this.options.env) == null ? void 0 : _this_options_env1.domain) + '/api/lapp/device/ptz/stop';
+		        }
+		        var operationResultCb = this.options.onDirection == null ? void 0 : this.options.onDirection.call(this.options, {
+		            areaId: getAreaId(left, top),
+		            direction: direction,
+		            backDeg: backDeg,
+		            isRotate: this.isRotate,
+		            speed: this.speed,
+		            type: type
+		        });
+		        var data = new FormData();
+		        data.append('deviceSerial', this.options.deviceSerial + '');
+		        data.append('channelNo', this.options.channelNo + '');
+		        data.append('speed', this.speed + '');
+		        data.append('direction', direction + '');
+		        data.append('accessToken', token);
+		        // 将操作加入队列
+		        this._ptzQueue = this._ptzQueue.then(function() {
+		            return _async_to_generator(function() {
+		                var _this;
+		                return _ts_generator(this, function(_state) {
+		                    switch(_state.label){
+		                        case 0:
+		                            _this = this;
+		                            return [
+		                                4,
+		                                fetch(url, {
+		                                    method: 'POST',
+		                                    body: data
+		                                }).then(function(response) {
+		                                    return _async_to_generator(function() {
+		                                        return _ts_generator(this, function(_state) {
+		                                            switch(_state.label){
+		                                                case 0:
+		                                                    return [
+		                                                        4,
+		                                                        response.json()
+		                                                    ];
+		                                                case 1:
+		                                                    return [
+		                                                        2,
+		                                                        _state.sent()
+		                                                    ];
+		                                            }
+		                                        });
+		                                    })();
+		                                }).then(function(rt) {
+		                                    var _rt_result;
+		                                    operationResultCb == null ? void 0 : operationResultCb(rt);
+		                                    var code = rt.code || (rt == null ? void 0 : (_rt_result = rt.result) == null ? void 0 : _rt_result.code);
+		                                    if ([
+		                                        60000,
+		                                        60001,
+		                                        60002,
+		                                        60003,
+		                                        60004,
+		                                        60005,
+		                                        60006,
+		                                        10002
+		                                    ].includes(+code)) {
+		                                        _this._$directionCircleContainer.style.cssText = "background-image:linear-gradient(" + backDeg + "deg, #f45656 0%, rgba(100,143,252,0.00) 30%)";
+		                                    }
+		                                    return rt;
+		                                }).catch(function(err) {
+		                                }).finally(function() {
+		                                    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+		                                    operationResultCb = null;
+		                                    if (type === 'stop') {
+		                                        _this._clearTimer = setTimeout(function() {
+		                                            _this._$directionCircleContainer.style.cssText = '';
+		                                        }, 1000);
+		                                    }
+		                                })
+		                            ];
+		                        case 1:
+		                            // prettier-ignore
+		                            return [
+		                                2,
+		                                _state.sent()
+		                            ];
+		                    }
+		                });
+		            }).call(_this);
+		        });
+		        if (type === 'stop') {
+		            this._ptzQueue = this._ptzQueue.finally(function() {});
+		        }
+		    // this.jSPlugin?.eventEmitter?.emit(EVENTS.ptzDirection, {
+		    //   areaId: getAreaId(left, top),
+		    //   direction,
+		    //   backDeg,
+		    //   isRotate,
+		    //   ptzSpeed: this.jSPlugin.ptzSpeed,
+		    //   type,
+		    // });
+		    };
+		    _proto._handleBtnTouch = function _handleBtnTouch(btn, option, type) {
+		        var _this = this;
+		        var _this_options_token, _this_options_env, _this_options_token_deviceToken, _this_options_token1;
+		        if (!(this.options.accessToken || ((_this_options_token = this.options.token) == null ? void 0 : _this_options_token.deviceToken.video))) throw new Error('Ptz accessToken or token.deviceToken.video is required');
+		        // 使用Promise来跟踪当前操作状态
+		        if (!this._ptzOperation) {
+		            this._ptzOperation = Promise.resolve();
+		        }
+		        var direction = 8;
+		        if (btn === 'zoom') {
+		            direction = option === 'add' ? 8 : 9;
+		        } else {
+		            direction = option === 'add' ? 10 : 11;
+		        }
+		        var url = ((_this_options_env = this.options.env) == null ? void 0 : _this_options_env.domain) + '/api/lapp/device/ptz/start';
+		        var token = this.options.accessToken || ((_this_options_token1 = this.options.token) == null ? void 0 : (_this_options_token_deviceToken = _this_options_token1.deviceToken) == null ? void 0 : _this_options_token_deviceToken.video);
+		        if (type === 'stop') {
+		            var _this_options_env1;
+		            url = ((_this_options_env1 = this.options.env) == null ? void 0 : _this_options_env1.domain) + '/api/lapp/device/ptz/stop';
+		        }
+		        var operationResultCb = this.options.onDirection == null ? void 0 : this.options.onDirection.call(this.options, {
+		            btn: btn,
+		            option: option,
+		            type: type
+		        });
+		        var data = new FormData();
+		        data.append('deviceSerial', this.options.deviceSerial + '');
+		        data.append('channelNo', this.options.channelNo + '');
+		        data.append('speed', this.speed + '');
+		        data.append('direction', direction + '');
+		        data.append('accessToken', token);
+		        // 将当前操作加入Promise链
+		        this._ptzOperation = this._ptzOperation.then(function() {
+		            return _async_to_generator(function() {
+		                return _ts_generator(this, function(_state) {
+		                    switch(_state.label){
+		                        case 0:
+		                            return [
+		                                4,
+		                                fetch(url, {
+		                                    method: 'POST',
+		                                    body: data
+		                                }).then(function(response) {
+		                                    return _async_to_generator(function() {
+		                                        return _ts_generator(this, function(_state) {
+		                                            switch(_state.label){
+		                                                case 0:
+		                                                    return [
+		                                                        4,
+		                                                        response.json()
+		                                                    ];
+		                                                case 1:
+		                                                    return [
+		                                                        2,
+		                                                        _state.sent()
+		                                                    ];
+		                                            }
+		                                        });
+		                                    })();
+		                                }).then(function(rt) {
+		                                    operationResultCb == null ? void 0 : operationResultCb(rt);
+		                                    return rt;
+		                                }).catch(function(err) {
+		                                }).finally(function() {
+		                                    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+		                                    operationResultCb = null;
+		                                })
+		                            ];
+		                        case 1:
+		                            // prettier-ignore
+		                            return [
+		                                2,
+		                                _state.sent()
+		                            ];
+		                    }
+		                });
+		            })();
+		        });
+		        // 如果是stop操作，添加一个清理操作
+		        if (type === 'stop') {
+		            this._ptzOperation = this._ptzOperation.finally(function() {
+		                _this._ptzOperation = null; // 重置操作链
+		            });
+		        }
+		    };
+		    _create_class(Ptz, [
+		        {
+		            key: "isRotate",
+		            get: function get() {
+		                return this._isRotate;
+		            },
+		            set: /**
+		   * 是否旋转了
+		   */ function set(isRotate) {
+		                this._isRotate = isRotate;
+		            }
+		        }
+		    ]);
+		    return Ptz;
+		}(BasePtz);
+
+		dist$4.BasePtz = BasePtz;
+		dist$4.MobilePtz = MobilePtz;
+		dist$4.Ptz = Ptz;
+		return dist$4;
+	}
+
+	var distExports$2 = requireDist$3();
 
 	function _defineProperties$4(target, props) {
 	    for(var i = 0; i < props.length; i++){
@@ -8892,7 +9139,7 @@
 	            this.$turntable.classList.add("" + PREFIX_CLASS + "-ptz-turntable");
 	            this.$panel.appendChild(this.$turntable);
 	            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-	            this._ptzControl = new Ptz$1(this.$turntable, _extends$b({}, this._options, {
+	            this._ptzControl = new distExports$2.Ptz(this.$turntable, _extends$b({}, this._options, {
 	                onSpeedChange: this._onSpeedChange.bind(this),
 	                onDirection: this._onDirection.bind(this)
 	            }));
@@ -8901,7 +9148,7 @@
 	    };
 	    _proto.renderMobileExtend = function renderMobileExtend($container) {
 	        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-	        if (!this._ptzControl1) this._ptzControl1 = new MobilePtz($container, _extends$b({}, this._options, {
+	        if (!this._ptzControl1) this._ptzControl1 = new distExports$2.MobilePtz($container, _extends$b({}, this._options, {
 	            onSpeedChange: this._onSpeedChange.bind(this),
 	            onDirection: this._onDirection.bind(this)
 	        }));
@@ -9152,7 +9399,7 @@
 	    return Record;
 	}(Control);
 
-	function asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, key, arg) {
+	function asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, key, arg) {
 	    try {
 	        var info = gen[key](arg);
 	        var value = info.value;
@@ -9166,16 +9413,16 @@
 	        Promise.resolve(value).then(_next, _throw);
 	    }
 	}
-	function _async_to_generator$3(fn) {
+	function _async_to_generator$2(fn) {
 	    return function() {
 	        var self = this, args = arguments;
 	        return new Promise(function(resolve, reject) {
 	            var gen = fn.apply(self, args);
 	            function _next(value) {
-	                asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, "next", value);
+	                asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, "next", value);
 	            }
 	            function _throw(err) {
-	                asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, "throw", err);
+	                asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, "throw", err);
 	            }
 	            _next(undefined);
 	        });
@@ -9383,7 +9630,7 @@
 	        var _this = this, _superprop_get__onControlClick = function() {
 	            return Control.prototype._onControlClick;
 	        };
-	        return _async_to_generator$3(function() {
+	        return _async_to_generator$2(function() {
 	            return _ts_generator$2(this, function(_state) {
 	                _superprop_get__onControlClick().call(_this, e);
 	                this.active = !this.active;
@@ -10005,232 +10252,393 @@
 	}(Select);
 
 	/*
-	* @ezuikit/control-date-picker v0.0.1
-	* Copyright (c) 2025-11-11 Ezviz-OpenBiz
+	* @ezuikit/control-date-picker v0.0.1-alpha.2
+	* Copyright (c) 2025-11-12 Ezviz-OpenBiz
 	* Released under the MIT License.
 	*/
-	function asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, key, arg) {
-	    try {
-	        var info = gen[key](arg);
-	        var value = info.value;
-	    } catch (error) {
-	        reject(error);
-	        return;
-	    }
-	    if (info.done) {
-	        resolve(value);
-	    } else {
-	        Promise.resolve(value).then(_next, _throw);
-	    }
-	}
-	function _async_to_generator$2(fn) {
-	    return function() {
-	        var self = this, args = arguments;
-	        return new Promise(function(resolve, reject) {
-	            var gen = fn.apply(self, args);
-	            function _next(value) {
-	                asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, "next", value);
-	            }
-	            function _throw(err) {
-	                asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, "throw", err);
-	            }
-	            _next(undefined);
-	        });
-	    };
-	}
-	class AppendJS {
-	    static loadScript(src) {
-	        return _async_to_generator$2(function*() {
-	            return yield new Promise((resolve, reject)=>{
-	                if (AppendJS.LoadedScr.includes(src)) {
-	                    return resolve(src);
-	                }
-	                if (AppendJS.LoadingScrQueue[src]) {
-	                    return AppendJS.LoadingScrQueue[src].push(resolve);
-	                } else {
-	                    AppendJS.LoadingScrQueue[src] = [
-	                        resolve
-	                    ];
-	                }
-	                let link;
-	                if (src.includes('.js')) {
-	                    link = document.createElement('script');
-	                    link.src = src;
-	                    link.async = true;
-	                } else if (src.includes('.css')) {
-	                    link = document.createElement('link');
-	                    link.rel = 'stylesheet';
-	                    link.href = src;
-	                }
-	                link.onload = ()=>{
-	                    AppendJS.LoadedScr.push(src);
-	                    AppendJS.LoadingScrQueue[src].forEach((resolve)=>resolve(src));
-	                    AppendJS.LoadingScrQueue[src] = [];
-	                };
-	                link.onerror = ()=>reject(new Error('Failed to load ' + src));
-	                document.head.appendChild(link);
-	            });
-	        })();
-	    }
-	    static loadScriptsBatch(srcArr) {
-	        return _async_to_generator$2(function*() {
-	            return yield Promise.all(srcArr.map(AppendJS.loadScript));
-	        })();
-	    }
-	    static remove(src) {
-	        src.forEach((item)=>{
-	            const link = document.querySelector(`script[src="${item}"]`) || document.querySelector(`link[href="${item}"]`);
-	            if (link) {
-	                link.remove();
-	            }
-	        });
-	    }
-	    static clear() {
-	        AppendJS.remove(AppendJS.LoadedScr);
-	    }
-	}
-	/** 已经加载完的js/css */ AppendJS.LoadedScr = [];
-	/** 正在加载的js/css */ AppendJS.LoadingScrQueue = {};
 
-	const DEFAULT_OPTIONS = {
-	    staticPath: '.',
-	    place: 'top-right',
-	    language: 'zh-CN',
-	    current: new Date(),
-	    maxDate: new Date()
-	};
-	/**
-	 * 日期选择器
-	 */ class DatePicker {
-	    _init() {
-	        // 因为挂载在行内，需要父标签设置 position: relative;
-	        this.$container.style.cssText += `;position: relative;`;
-	        this.$container.classList.add(`datepicker-inline-${this.options.place}`);
-	        AppendJS.loadScriptsBatch([
-	            `${this.options.staticPath}/rec/jquery.min.js`,
-	            `${this.options.staticPath}/rec/datepicker.min.css`
-	        ]).then(()=>{
-	            AppendJS.loadScriptsBatch([
-	                `${this.options.staticPath}/rec/datepicker.js`
-	            ]).then(()=>{
-	                AppendJS.loadScriptsBatch([
-	                    `${this.options.staticPath}/rec/datepicker.zh-CN.js`,
-	                    `${this.options.staticPath}/rec/datepicker.en-US.js`
-	                ]).then(()=>{
-	                    window.$(this.$container).datepicker({
-	                        date: this.options.current,
-	                        language: this.options.language,
-	                        endDate: this.options.maxDate,
-	                        inline: true
-	                    });
-	                    this.hide();
-	                    window.$(this.$container).on('pick.datepicker', (e)=>{
-	                        var _this__date, _this__date1, _this__date2, _this__date3, _this__date4, _this__date5;
-	                        if (e.view === 'year' && ((_this__date = this._date) == null ? void 0 : _this__date.getFullYear()) !== e.date.getFullYear()) {
-	                            this.options.onYearChange == null ? void 0 : this.options.onYearChange.call(this.options, e.date);
-	                        } else if (e.view === 'month' && (((_this__date1 = this._date) == null ? void 0 : _this__date1.getMonth()) !== e.date.getMonth() || ((_this__date2 = this._date) == null ? void 0 : _this__date2.getFullYear()) !== e.date.getFullYear())) {
-	                            this.options.onMonthChange == null ? void 0 : this.options.onMonthChange.call(this.options, e.date);
-	                        } else if ([
-	                            'day',
-	                            'pick'
-	                        ].includes(e.view || e.type) && (((_this__date3 = this._date) == null ? void 0 : _this__date3.getDate()) !== e.date.getDate() || ((_this__date4 = this._date) == null ? void 0 : _this__date4.getMonth()) !== e.date.getMonth() || ((_this__date5 = this._date) == null ? void 0 : _this__date5.getFullYear()) !== e.date.getFullYear())) {
-	                            if (this._change) {
-	                                this.options.onChange == null ? void 0 : this.options.onChange.call(this.options, e.date);
-	                            }
-	                            this._date = new Date(e.date.getTime());
-	                        }
-	                        if (e.view === 'day') this.hide();
-	                        this._change = true;
-	                    });
-	                });
-	            });
-	        });
-	    }
-	    /**
-	   * 获取日期
-	   */ get date() {
-	        return this._date;
-	    }
-	    /**
-	   * 设置日期, change = true 时触发 onChange 事件
-	   *
-	   * @param date 设置的日期
-	   * @param change 是否触发 onChange 事件
-	   */ setDate(date, change = true) {
-	        const $datepicker = this.$container.querySelector(`.datepicker-inline`);
-	        if ($datepicker) {
-	            this._change = change;
-	            window.$(this.$container).datepicker('setDate', date);
-	        }
-	    }
-	    /**
-	   * 隐藏面板, 会触发 onPanelChange 事件
-	   */ hide() {
-	        const $datepicker = this.$container.querySelector(`.datepicker-inline`);
-	        if ($datepicker) {
-	            if (this._open) {
-	                this._open = false;
-	                this.options.onPanelChange == null ? void 0 : this.options.onPanelChange.call(this.options, false, this._date);
-	            }
-	            $datepicker.classList.add('datepicker-hide');
-	        }
-	    }
-	    /**
-	   * 显示面板, 会触发 onPanelChange 事件
-	   */ show() {
-	        const $datepicker = this.$container.querySelector(`.datepicker-inline`);
-	        if ($datepicker) {
-	            var _window_$_datepicker, _window_$;
-	            if (!this._open) {
-	                this._open = true;
-	                this.options.onPanelChange == null ? void 0 : this.options.onPanelChange.call(this.options, true, this._date);
-	            }
-	            if (this._date) this.setDate(this._date, false);
-	            (_window_$_datepicker = (_window_$ = window.$(this.$container)).datepicker) == null ? void 0 : _window_$_datepicker.call(_window_$, 'showView');
-	            if (this.options.place === 'bottom-left') {
-	                $datepicker.style.cssText += `top: ${this.$container.clientHeight + 10}px; bottom: auto; right: auto; left: 0px`;
-	            } else {
-	                $datepicker.style.cssText += `bottom: ${this.$container.clientHeight + 10}px; top: auto`;
-	            }
-	            $datepicker.classList.remove('datepicker-hide');
-	        }
-	    }
-	    /**
-	   * 销毁
-	   */ destroy() {
-	        this.hide();
-	        this._date = undefined;
-	        window.$(this.$container).datepicker('destroy');
-	    // AppendJS.remove([
-	    //   `${this.options.staticPath}/rec/jquery.min.js`,
-	    //   `${this.options.staticPath}/rec/datepicker.min.css`,
-	    //   `${this.options.staticPath}/rec/datepicker.js`,
-	    //   `${this.options.staticPath}/rec/datepicker.zh-CN.js`,
-	    //   `${this.options.staticPath}/rec/datepicker.en-US.js`,
-	    // ]);
-	    }
-	    constructor(container, options){
-	        this._open = false;
-	        this._change = true;
-	        this.$container = container;
-	        this.options = Object.assign({}, DEFAULT_OPTIONS, options);
-	        this.options.staticPath = (this.options.staticPath || '').replace(/\/$/, '');
-	        if (this.options.current) {
-	            this._date = this.options.current;
-	        }
-	        this._init();
-	        this.$container.addEventListener('click', ()=>{
-	            if (this._open) this.hide();
-	            else this.show();
-	        });
-	        document.body.addEventListener('click', (e)=>{
-	            if (!this.$container.contains(e.target)) {
-	                this.hide();
-	            }
-	        });
-	    }
+	var dist$2;
+	var hasRequiredDist$2;
+
+	function requireDist$2 () {
+		if (hasRequiredDist$2) return dist$2;
+		hasRequiredDist$2 = 1;
+
+		function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+		    try {
+		        var info = gen[key](arg);
+		        var value = info.value;
+		    } catch (error) {
+		        reject(error);
+		        return;
+		    }
+		    if (info.done) {
+		        resolve(value);
+		    } else {
+		        Promise.resolve(value).then(_next, _throw);
+		    }
+		}
+		function _async_to_generator(fn) {
+		    return function() {
+		        var self = this, args = arguments;
+		        return new Promise(function(resolve, reject) {
+		            var gen = fn.apply(self, args);
+		            function _next(value) {
+		                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+		            }
+		            function _throw(err) {
+		                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+		            }
+		            _next(undefined);
+		        });
+		    };
+		}
+		function _ts_generator(thisArg, body) {
+		    var f, y, t, _ = {
+		        label: 0,
+		        sent: function() {
+		            if (t[0] & 1) throw t[1];
+		            return t[1];
+		        },
+		        trys: [],
+		        ops: []
+		    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+		    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+		        return this;
+		    }), g;
+		    function verb(n) {
+		        return function(v) {
+		            return step([
+		                n,
+		                v
+		            ]);
+		        };
+		    }
+		    function step(op) {
+		        if (f) throw new TypeError("Generator is already executing.");
+		        while(g && (g = 0, op[0] && (_ = 0)), _)try {
+		            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+		            if (y = 0, t) op = [
+		                op[0] & 2,
+		                t.value
+		            ];
+		            switch(op[0]){
+		                case 0:
+		                case 1:
+		                    t = op;
+		                    break;
+		                case 4:
+		                    _.label++;
+		                    return {
+		                        value: op[1],
+		                        done: false
+		                    };
+		                case 5:
+		                    _.label++;
+		                    y = op[1];
+		                    op = [
+		                        0
+		                    ];
+		                    continue;
+		                case 7:
+		                    op = _.ops.pop();
+		                    _.trys.pop();
+		                    continue;
+		                default:
+		                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+		                        _ = 0;
+		                        continue;
+		                    }
+		                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+		                        _.label = op[1];
+		                        break;
+		                    }
+		                    if (op[0] === 6 && _.label < t[1]) {
+		                        _.label = t[1];
+		                        t = op;
+		                        break;
+		                    }
+		                    if (t && _.label < t[2]) {
+		                        _.label = t[2];
+		                        _.ops.push(op);
+		                        break;
+		                    }
+		                    if (t[2]) _.ops.pop();
+		                    _.trys.pop();
+		                    continue;
+		            }
+		            op = body.call(thisArg, _);
+		        } catch (e) {
+		            op = [
+		                6,
+		                e
+		            ];
+		            y = 0;
+		        } finally{
+		            f = t = 0;
+		        }
+		        if (op[0] & 5) throw op[1];
+		        return {
+		            value: op[0] ? op[1] : void 0,
+		            done: true
+		        };
+		    }
+		}
+		var AppendJS = /*#__PURE__*/ function() {
+		    function AppendJS() {}
+		    AppendJS.loadScript = function loadScript(src) {
+		        return _async_to_generator(function() {
+		            return _ts_generator(this, function(_state) {
+		                switch(_state.label){
+		                    case 0:
+		                        return [
+		                            4,
+		                            new Promise(function(resolve, reject) {
+		                                if (AppendJS.LoadedScr.includes(src)) {
+		                                    return resolve(src);
+		                                }
+		                                if (AppendJS.LoadingScrQueue[src]) {
+		                                    return AppendJS.LoadingScrQueue[src].push(resolve);
+		                                } else {
+		                                    AppendJS.LoadingScrQueue[src] = [
+		                                        resolve
+		                                    ];
+		                                }
+		                                var link;
+		                                if (src.includes('.js')) {
+		                                    link = document.createElement('script');
+		                                    link.src = src;
+		                                    link.async = true;
+		                                } else if (src.includes('.css')) {
+		                                    link = document.createElement('link');
+		                                    link.rel = 'stylesheet';
+		                                    link.href = src;
+		                                }
+		                                link.onload = function() {
+		                                    AppendJS.LoadedScr.push(src);
+		                                    AppendJS.LoadingScrQueue[src].forEach(function(resolve) {
+		                                        return resolve(src);
+		                                    });
+		                                    AppendJS.LoadingScrQueue[src] = [];
+		                                };
+		                                link.onerror = function() {
+		                                    return reject(new Error('Failed to load ' + src));
+		                                };
+		                                document.head.appendChild(link);
+		                            })
+		                        ];
+		                    case 1:
+		                        return [
+		                            2,
+		                            _state.sent()
+		                        ];
+		                }
+		            });
+		        })();
+		    };
+		    AppendJS.loadScriptsBatch = function loadScriptsBatch(srcArr) {
+		        return _async_to_generator(function() {
+		            return _ts_generator(this, function(_state) {
+		                switch(_state.label){
+		                    case 0:
+		                        return [
+		                            4,
+		                            Promise.all(srcArr.map(AppendJS.loadScript))
+		                        ];
+		                    case 1:
+		                        return [
+		                            2,
+		                            _state.sent()
+		                        ];
+		                }
+		            });
+		        })();
+		    };
+		    AppendJS.remove = function remove(src) {
+		        src.forEach(function(item) {
+		            var link = document.querySelector('script[src="' + item + '"]') || document.querySelector('link[href="' + item + '"]');
+		            if (link) {
+		                link.remove();
+		            }
+		        });
+		    };
+		    AppendJS.clear = function clear() {
+		        AppendJS.remove(AppendJS.LoadedScr);
+		    };
+		    return AppendJS;
+		}();
+		/** 已经加载完的js/css */ AppendJS.LoadedScr = [];
+		/** 正在加载的js/css */ AppendJS.LoadingScrQueue = {};
+
+		function _defineProperties(target, props) {
+		    for(var i = 0; i < props.length; i++){
+		        var descriptor = props[i];
+		        descriptor.enumerable = descriptor.enumerable || false;
+		        descriptor.configurable = true;
+		        if ("value" in descriptor) descriptor.writable = true;
+		        Object.defineProperty(target, descriptor.key, descriptor);
+		    }
+		}
+		function _create_class(Constructor, protoProps, staticProps) {
+		    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+		    return Constructor;
+		}
+		var DEFAULT_OPTIONS = {
+		    staticPath: '.',
+		    place: 'top-right',
+		    language: 'zh-CN',
+		    current: new Date(),
+		    maxDate: new Date()
+		};
+		/**
+		 * 日期选择器
+		 */ var DatePicker = /*#__PURE__*/ function() {
+		    function DatePicker(container, options) {
+		        var _this = this;
+		        this._open = false;
+		        this._change = true;
+		        this.$container = container;
+		        this.options = Object.assign({}, DEFAULT_OPTIONS, options);
+		        this.options.staticPath = (this.options.staticPath || '').replace(/\/$/, '');
+		        if (this.options.current) {
+		            this._date = this.options.current;
+		        }
+		        this._init();
+		        this.$container.addEventListener('click', function() {
+		            if (_this._open) _this.hide();
+		            else _this.show();
+		        });
+		        document.body.addEventListener('click', function(e) {
+		            if (!_this.$container.contains(e.target)) {
+		                _this.hide();
+		            }
+		        });
+		    }
+		    var _proto = DatePicker.prototype;
+		    _proto._init = function _init() {
+		        var _this = this;
+		        // 因为挂载在行内，需要父标签设置 position: relative;
+		        this.$container.style.cssText += ";position: relative;";
+		        this.$container.classList.add("datepicker-inline-" + this.options.place);
+		        AppendJS.loadScriptsBatch([
+		            "" + this.options.staticPath + "/rec/jquery.min.js",
+		            "" + this.options.staticPath + "/rec/datepicker.min.css"
+		        ]).then(function() {
+		            AppendJS.loadScriptsBatch([
+		                "" + _this.options.staticPath + "/rec/datepicker.js"
+		            ]).then(function() {
+		                AppendJS.loadScriptsBatch([
+		                    "" + _this.options.staticPath + "/rec/datepicker.zh-CN.js",
+		                    "" + _this.options.staticPath + "/rec/datepicker.en-US.js"
+		                ]).then(function() {
+		                    window.$(_this.$container).datepicker({
+		                        date: _this.options.current,
+		                        language: _this.options.language,
+		                        endDate: _this.options.maxDate,
+		                        inline: true
+		                    });
+		                    _this.hide();
+		                    window.$(_this.$container).on('pick.datepicker', function(e) {
+		                        var _this__date, _this__date1, _this__date2, _this__date3, _this__date4, _this__date5;
+		                        if (e.view === 'year' && ((_this__date = _this._date) == null ? void 0 : _this__date.getFullYear()) !== e.date.getFullYear()) {
+		                            _this.options.onYearChange == null ? void 0 : _this.options.onYearChange.call(_this.options, e.date);
+		                        } else if (e.view === 'month' && (((_this__date1 = _this._date) == null ? void 0 : _this__date1.getMonth()) !== e.date.getMonth() || ((_this__date2 = _this._date) == null ? void 0 : _this__date2.getFullYear()) !== e.date.getFullYear())) {
+		                            _this.options.onMonthChange == null ? void 0 : _this.options.onMonthChange.call(_this.options, e.date);
+		                        } else if ([
+		                            'day',
+		                            'pick'
+		                        ].includes(e.view || e.type) && (((_this__date3 = _this._date) == null ? void 0 : _this__date3.getDate()) !== e.date.getDate() || ((_this__date4 = _this._date) == null ? void 0 : _this__date4.getMonth()) !== e.date.getMonth() || ((_this__date5 = _this._date) == null ? void 0 : _this__date5.getFullYear()) !== e.date.getFullYear())) {
+		                            if (_this._change) {
+		                                _this.options.onChange == null ? void 0 : _this.options.onChange.call(_this.options, e.date);
+		                            }
+		                            _this._date = new Date(e.date.getTime());
+		                        }
+		                        if (e.view === 'day') _this.hide();
+		                        _this._change = true;
+		                    });
+		                });
+		            });
+		        });
+		    };
+		    /**
+		   * 设置日期, change = true 时触发 onChange 事件
+		   *
+		   * @param date 设置的日期
+		   * @param change 是否触发 onChange 事件
+		   */ _proto.setDate = function setDate(date, change) {
+		        if (change === void 0) change = true;
+		        var $datepicker = this.$container.querySelector(".datepicker-inline");
+		        if ($datepicker) {
+		            this._change = change;
+		            window.$(this.$container).datepicker('setDate', date);
+		        }
+		    };
+		    /**
+		   * 隐藏面板, 会触发 onPanelChange 事件
+		   */ _proto.hide = function hide() {
+		        var $datepicker = this.$container.querySelector(".datepicker-inline");
+		        if ($datepicker) {
+		            if (this._open) {
+		                this._open = false;
+		                this.options.onPanelChange == null ? void 0 : this.options.onPanelChange.call(this.options, false, this._date);
+		            }
+		            $datepicker.classList.add('datepicker-hide');
+		        }
+		    };
+		    /**
+		   * 显示面板, 会触发 onPanelChange 事件
+		   */ _proto.show = function show() {
+		        var $datepicker = this.$container.querySelector(".datepicker-inline");
+		        if ($datepicker) {
+		            var _window_$_datepicker, _window_$;
+		            if (!this._open) {
+		                this._open = true;
+		                this.options.onPanelChange == null ? void 0 : this.options.onPanelChange.call(this.options, true, this._date);
+		            }
+		            if (this._date) this.setDate(this._date, false);
+		            (_window_$_datepicker = (_window_$ = window.$(this.$container)).datepicker) == null ? void 0 : _window_$_datepicker.call(_window_$, 'showView');
+		            if (this.options.place === 'bottom-left') {
+		                $datepicker.style.cssText += "top: " + (this.$container.clientHeight + 10) + "px; bottom: auto; right: auto; left: 0px";
+		            } else {
+		                $datepicker.style.cssText += "bottom: " + (this.$container.clientHeight + 10) + "px; top: auto";
+		            }
+		            $datepicker.classList.remove('datepicker-hide');
+		        }
+		    };
+		    /**
+		   * 销毁
+		   */ _proto.destroy = function destroy() {
+		        this.hide();
+		        this._date = undefined;
+		        window.$(this.$container).datepicker('destroy');
+		    // AppendJS.remove([
+		    //   `${this.options.staticPath}/rec/jquery.min.js`,
+		    //   `${this.options.staticPath}/rec/datepicker.min.css`,
+		    //   `${this.options.staticPath}/rec/datepicker.js`,
+		    //   `${this.options.staticPath}/rec/datepicker.zh-CN.js`,
+		    //   `${this.options.staticPath}/rec/datepicker.en-US.js`,
+		    // ]);
+		    };
+		    _create_class(DatePicker, [
+		        {
+		            key: "date",
+		            get: /**
+		   * 获取日期
+		   */ function get() {
+		                return this._date;
+		            }
+		        }
+		    ]);
+		    return DatePicker;
+		}();
+
+		dist$2 = DatePicker;
+		return dist$2;
 	}
 
+	var distExports$1 = requireDist$2();
+	var DatePickerUtil = /*@__PURE__*/getDefaultExportFromCjs(distExports$1);
+
 	/**
 	 * @description 时间操作
 	 */ var DateTime = /*#__PURE__*/ function() {
@@ -10433,7 +10841,7 @@
 	    var _proto = DatePickerControl.prototype;
 	    _proto._render = function _render() {
 	        var _this = this;
-	        if (distExports$3.isMobile()) {
+	        if (distExports$6.isMobile()) {
 	            var _this_locale;
 	            this.$container.innerHTML = '\n        <span class="' + PREFIX_CLASS + '-mobile-date-filter" title="' + (((_this_locale = this.locale) == null ? void 0 : _this_locale.BTN_CALENDAR) || '') + '">\n          <span class="' + PREFIX_CLASS + '-mobile-date-filter-value">' + this._getDateStr() + "</span>\n          " + IconComponents.filter() + "\n        <span>";
 	        } else {
@@ -10442,12 +10850,12 @@
 	                title: (_this_locale1 = this.locale) == null ? void 0 : _this_locale1.BTN_CALENDAR
 	            });
 	        }
-	        this.dataPickerUtil = new DatePicker(this.$container, {
+	        this.dataPickerUtil = new DatePickerUtil(this.$container, {
 	            staticPath: this.options.staticPath,
 	            language: this.options.language === 'zh' ? 'zh-CN' : 'en-US',
 	            current: new Date(this._value + ' 00:00:00'),
 	            maxDate: this.options.maxDate || new Date(),
-	            place: distExports$3.isMobile() ? 'bottom-left' : 'top-right',
+	            place: distExports$6.isMobile() ? 'bottom-left' : 'top-right',
 	            onChange: function(date) {
 	                if (date && _this._value !== DateTime.formate(date, 'YYYY-MM-DD')) {
 	                    _this._value = DateTime.formate(date, 'YYYY-MM-DD');
@@ -10956,7 +11364,7 @@
 		if (hasRequiredDist) return dist$1.exports;
 		hasRequiredDist = 1;
 		(function (module, exports) {
-	Object.defineProperty(exports,"__esModule",{value:true});var deepmerge=requireCjs(),I18n=requireDist$3(),Picker=requireDist$6(),DragScroll=requireDist$1(),delegate=requireDist$5(),_$TIMELINE_LOCALES$_={zh:{title:"包含{{len}}段录像",foldTitle:"{{len}}个录像"},en:{title:"Includes {{len}} {{unit}}",foldTitle:"{{len}} {{unit}}"}};function _create_class$2(Constructor,protoProps,staticProps){return protoProps&&function(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false,descriptor.configurable=true,"value"in descriptor&&(descriptor.writable=true),Object.defineProperty(target,descriptor.key,descriptor);}}(Constructor.prototype,protoProps),Constructor}var _$BASE_TIME_LINE_DEFAULT_OPTIONS$_={current:new Date,language:"zh",timeSections:[],readOnly:false,className:"",timeWidth:0,width:"100%",
+	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,
@@ -11599,7 +12007,7 @@
 	                }
 	            }
 	        };
-	        if (distExports$3.isMobile()) {
+	        if (distExports$6.isMobile()) {
 	            this.timeLineUtil = new distExports.MobileTimeLine(this.$container, _timeLineOptions);
 	        } else {
 	            this.timeLineUtil = new distExports.TimeLine(this.$container, _timeLineOptions);
@@ -11609,7 +12017,7 @@
 	        this.timeLineUtil.update(new Date());
 	    };
 	    _proto.setWidth = function setWidth(width) {
-	        if (!distExports$3.isMobile()) this.timeLineUtil.resize(width);
+	        if (!distExports$6.isMobile()) this.timeLineUtil.resize(width);
 	    };
 	    _proto._renderAddReduce = function _renderAddReduce() {
 	        var _this = this;
@@ -12872,7 +13280,7 @@
 	        _this._initOptions(options);
 	        if (_this.options.type === 'ezopen') {
 	            var _this_urlInfo_searchParams, _this_urlInfo;
-	            _this.urlInfo = distExports$3.parseEzopenUrl(_this.options.url);
+	            _this.urlInfo = distExports$6.parseEzopenUrl(_this.options.url);
 	            if ((_this_urlInfo = _this.urlInfo) == null ? void 0 : (_this_urlInfo_searchParams = _this_urlInfo.searchParams) == null ? void 0 : _this_urlInfo_searchParams.spaceId) {
 	                _this.options.spaceId = _this.urlInfo.searchParams.spaceId;
 	            }
@@ -13622,7 +14030,7 @@
 	    };
 	    _proto._getRecType = function _getRecType(url) {
 	        if (this.options.type === 'ezopen' && /^ezopen:\/\//.test(url)) {
-	            var urlInfo = distExports$3.parseEzopenUrl(url);
+	            var urlInfo = distExports$6.parseEzopenUrl(url);
 	            if (urlInfo.type === 'rec') {
 	                var _urlInfo_searchParams;
 	                if (urlInfo.recType === 'cloud' && (urlInfo == null ? void 0 : (_urlInfo_searchParams = urlInfo.searchParams) == null ? void 0 : _urlInfo_searchParams.busType) === '7') {
@@ -14081,7 +14489,7 @@
 	    zh: zh,
 	    en: en
 	};
-	/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '1.0.1-alpha.0';
+	/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '2.0.0-beta.1';
 
 	// 不要动这里的代码， 这个出口是为了编译成 umd 规范的文件