@ezuikit/player-theme 2.1.0-beta.7 → 2.1.0-beta.9

package/dist/constant.js

@@ -1,6 +1,6 @@
 /*
-* @ezuikit/player-theme v2.1.0-beta.7
-* Copyright (c) 2026-01-06 Ezviz-OpenBiz
+* @ezuikit/player-theme v2.1.0-beta.9
+* Copyright (c) 2026-01-08 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 /**

package/dist/index.js

@@ -1,6 +1,6 @@
 /*
-* @ezuikit/player-theme v2.1.0-beta.7
-* Copyright (c) 2026-01-06 Ezviz-OpenBiz
+* @ezuikit/player-theme v2.1.0-beta.9
+* Copyright (c) 2026-01-08 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 'use strict';
@@ -3739,7 +3739,7 @@ function _set_prototype_of$j(o, p) {
     _inherits$j(Content, EventEmitter);
     function Content(options) {
         var _this;
-        _this = EventEmitter.call(this) || this, _this._scaleMode = 0, _this._originWidth = 0, _this._originHeight = 0, _this._width = 0, _this._height = 0;
+        _this = EventEmitter.call(this) || this, _this._scaleMode = 0, _this._cleanUpResizeObserver = null, _this._originWidth = 0, _this._originHeight = 0, _this._width = 0, _this._height = 0;
         _this.options = options;
         _this._scaleMode = options.scaleMode || 0;
         _this.$wrapper = document.createElement('div');
@@ -3757,9 +3757,10 @@ function _set_prototype_of$j(o, p) {
         _this.on(EVENTS.videoInfo, function(originWidth, originHeight) {
             _this.rerender(originWidth, originHeight);
         });
-        _this.on(EVENTS.resize, function() {
+        // prettier-ignore
+        _this._cleanUpResizeObserver = Utils.resizeObserver(_this.$wrapper, throttle(function() {
             _this.rerender();
-        });
+        }, 20));
         return _this;
     }
     var _proto = Content.prototype;
@@ -3792,6 +3793,7 @@ function _set_prototype_of$j(o, p) {
         if (this._scaleMode === THEME_SCALE_MODE_TYPE.fullAuto) {
             objectFill = 'cover';
         }
+        // 容器和视频的分辨率都需要有值才能计算
         if (width > 0 && height > 0 && this._originWidth > 0 && this._originHeight > 0 && this.$video) {
             var left = (width - this._originWidth) / 2;
             var top = (height - this._originHeight) / 2;
@@ -3825,6 +3827,10 @@ function _set_prototype_of$j(o, p) {
     };
     _proto.destroy = function destroy() {
         var _this_$wrapper;
+        if (this._cleanUpResizeObserver) {
+            this._cleanUpResizeObserver.unobserve == null ? void 0 : this._cleanUpResizeObserver.unobserve.call(this._cleanUpResizeObserver);
+            this._cleanUpResizeObserver = null;
+        }
         if (this.$video) {
             this.$video.remove();
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
@@ -9634,8 +9640,7 @@ function _renderControls(theme, $container, btnList, props) {
 }
 function _renderTheme(theme, data) {
     return _async_to_generator$1(function() {
-        var _theme_posterControl, _filterThemeData_header, _filterThemeData_footer, _theme_options_mobileExtendOptions_controls, _theme_options_mobileExtendOptions, // 重新计算画面渲染
-        _theme_contentControl_rerender, _theme_contentControl, themeData, filterThemeData, props, _$_filterLeftRightControls, leftBtns, rightBtns, _theme_controls, _theme_controls1, _$_filterLeftRightControls1, leftBtns1, rightBtns1, _filterThemeData_footer_btnList, list, _needTimeLine, hasPtz, _theme_options_mobileExtendOptions1, _theme_options_mobileExtendOptions2, _theme_options_mobileExtendOptions3, _theme_options_mobileExtendOptions_controls1, _theme_options_mobileExtendOptions4, _filterThemeData_header1, _filterThemeData_footer1, _filterThemeData_footer_btnList1;
+        var _theme_posterControl, _filterThemeData_header, _filterThemeData_footer, _theme_options_mobileExtendOptions_controls, _theme_options_mobileExtendOptions, themeData, filterThemeData, props, _$_filterLeftRightControls, leftBtns, rightBtns, _theme_controls, _theme_controls1, _$_filterLeftRightControls1, leftBtns1, rightBtns1, _filterThemeData_footer_btnList, list, _needTimeLine, hasPtz, _theme_options_mobileExtendOptions1, _theme_options_mobileExtendOptions2, _theme_options_mobileExtendOptions3, _theme_options_mobileExtendOptions_controls1, _theme_options_mobileExtendOptions4, _filterThemeData_header1, _filterThemeData_footer1, _filterThemeData_footer_btnList1;
         return _ts_generator$1(this, function(_state) {
             switch(_state.label){
                 case 0:
@@ -9817,7 +9822,6 @@ function _renderTheme(theme, data) {
                         }
                     }
                     theme.emit(EVENTS.control.mountedControls);
-                    (_theme_contentControl = theme.contentControl) == null ? void 0 : (_theme_contentControl_rerender = _theme_contentControl.rerender) == null ? void 0 : _theme_contentControl_rerender.call(_theme_contentControl);
                     if (!theme.playing) theme._disabled(true);
                     _controlEventemitter(theme);
                     return [
@@ -11390,7 +11394,7 @@ var THEME_DEFAULT_OPTIONS = {
     zh: zh,
     en: en
 };
-/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '2.1.0-beta.7';
+/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '2.1.0-beta.9';
 
 exports.Control = Control;
 exports.EVENTS = EVENTS;

package/dist/index.mjs

@@ -1,6 +1,6 @@
 /*
-* @ezuikit/player-theme v2.1.0-beta.7
-* Copyright (c) 2026-01-06 Ezviz-OpenBiz
+* @ezuikit/player-theme v2.1.0-beta.9
+* Copyright (c) 2026-01-08 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 import EventEmitter from 'eventemitter3';
@@ -3737,7 +3737,7 @@ function _set_prototype_of$j(o, p) {
     _inherits$j(Content, EventEmitter);
     function Content(options) {
         var _this;
-        _this = EventEmitter.call(this) || this, _this._scaleMode = 0, _this._originWidth = 0, _this._originHeight = 0, _this._width = 0, _this._height = 0;
+        _this = EventEmitter.call(this) || this, _this._scaleMode = 0, _this._cleanUpResizeObserver = null, _this._originWidth = 0, _this._originHeight = 0, _this._width = 0, _this._height = 0;
         _this.options = options;
         _this._scaleMode = options.scaleMode || 0;
         _this.$wrapper = document.createElement('div');
@@ -3755,9 +3755,10 @@ function _set_prototype_of$j(o, p) {
         _this.on(EVENTS.videoInfo, function(originWidth, originHeight) {
             _this.rerender(originWidth, originHeight);
         });
-        _this.on(EVENTS.resize, function() {
+        // prettier-ignore
+        _this._cleanUpResizeObserver = Utils.resizeObserver(_this.$wrapper, throttle(function() {
             _this.rerender();
-        });
+        }, 20));
         return _this;
     }
     var _proto = Content.prototype;
@@ -3790,6 +3791,7 @@ function _set_prototype_of$j(o, p) {
         if (this._scaleMode === THEME_SCALE_MODE_TYPE.fullAuto) {
             objectFill = 'cover';
         }
+        // 容器和视频的分辨率都需要有值才能计算
         if (width > 0 && height > 0 && this._originWidth > 0 && this._originHeight > 0 && this.$video) {
             var left = (width - this._originWidth) / 2;
             var top = (height - this._originHeight) / 2;
@@ -3823,6 +3825,10 @@ function _set_prototype_of$j(o, p) {
     };
     _proto.destroy = function destroy() {
         var _this_$wrapper;
+        if (this._cleanUpResizeObserver) {
+            this._cleanUpResizeObserver.unobserve == null ? void 0 : this._cleanUpResizeObserver.unobserve.call(this._cleanUpResizeObserver);
+            this._cleanUpResizeObserver = null;
+        }
         if (this.$video) {
             this.$video.remove();
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
@@ -9632,8 +9638,7 @@ function _renderControls(theme, $container, btnList, props) {
 }
 function _renderTheme(theme, data) {
     return _async_to_generator$1(function() {
-        var _theme_posterControl, _filterThemeData_header, _filterThemeData_footer, _theme_options_mobileExtendOptions_controls, _theme_options_mobileExtendOptions, // 重新计算画面渲染
-        _theme_contentControl_rerender, _theme_contentControl, themeData, filterThemeData, props, _$_filterLeftRightControls, leftBtns, rightBtns, _theme_controls, _theme_controls1, _$_filterLeftRightControls1, leftBtns1, rightBtns1, _filterThemeData_footer_btnList, list, _needTimeLine, hasPtz, _theme_options_mobileExtendOptions1, _theme_options_mobileExtendOptions2, _theme_options_mobileExtendOptions3, _theme_options_mobileExtendOptions_controls1, _theme_options_mobileExtendOptions4, _filterThemeData_header1, _filterThemeData_footer1, _filterThemeData_footer_btnList1;
+        var _theme_posterControl, _filterThemeData_header, _filterThemeData_footer, _theme_options_mobileExtendOptions_controls, _theme_options_mobileExtendOptions, themeData, filterThemeData, props, _$_filterLeftRightControls, leftBtns, rightBtns, _theme_controls, _theme_controls1, _$_filterLeftRightControls1, leftBtns1, rightBtns1, _filterThemeData_footer_btnList, list, _needTimeLine, hasPtz, _theme_options_mobileExtendOptions1, _theme_options_mobileExtendOptions2, _theme_options_mobileExtendOptions3, _theme_options_mobileExtendOptions_controls1, _theme_options_mobileExtendOptions4, _filterThemeData_header1, _filterThemeData_footer1, _filterThemeData_footer_btnList1;
         return _ts_generator$1(this, function(_state) {
             switch(_state.label){
                 case 0:
@@ -9815,7 +9820,6 @@ function _renderTheme(theme, data) {
                         }
                     }
                     theme.emit(EVENTS.control.mountedControls);
-                    (_theme_contentControl = theme.contentControl) == null ? void 0 : (_theme_contentControl_rerender = _theme_contentControl.rerender) == null ? void 0 : _theme_contentControl_rerender.call(_theme_contentControl);
                     if (!theme.playing) theme._disabled(true);
                     _controlEventemitter(theme);
                     return [
@@ -11388,6 +11392,6 @@ var THEME_DEFAULT_OPTIONS = {
     zh: zh,
     en: en
 };
-/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '2.1.0-beta.7';
+/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '2.1.0-beta.9';
 
 export { Control, EVENTS, Fullscreen, Loading, Message, Play, Poster, Rec, Theme, Utils, Volume };

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 /*
-* @ezuikit/player-theme v2.1.0-beta.7
-* Copyright (c) 2026-01-06 Ezviz-OpenBiz
+* @ezuikit/player-theme v2.1.0-beta.9
+* Copyright (c) 2026-01-08 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 (function (global, factory) {
@@ -5367,7 +5367,7 @@
 	    _inherits$j(Content, EventEmitter);
 	    function Content(options) {
 	        var _this;
-	        _this = EventEmitter.call(this) || this, _this._scaleMode = 0, _this._originWidth = 0, _this._originHeight = 0, _this._width = 0, _this._height = 0;
+	        _this = EventEmitter.call(this) || this, _this._scaleMode = 0, _this._cleanUpResizeObserver = null, _this._originWidth = 0, _this._originHeight = 0, _this._width = 0, _this._height = 0;
 	        _this.options = options;
 	        _this._scaleMode = options.scaleMode || 0;
 	        _this.$wrapper = document.createElement('div');
@@ -5385,9 +5385,10 @@
 	        _this.on(EVENTS.videoInfo, function(originWidth, originHeight) {
 	            _this.rerender(originWidth, originHeight);
 	        });
-	        _this.on(EVENTS.resize, function() {
+	        // prettier-ignore
+	        _this._cleanUpResizeObserver = Utils.resizeObserver(_this.$wrapper, throttle(function() {
 	            _this.rerender();
-	        });
+	        }, 20));
 	        return _this;
 	    }
 	    var _proto = Content.prototype;
@@ -5420,6 +5421,7 @@
 	        if (this._scaleMode === THEME_SCALE_MODE_TYPE.fullAuto) {
 	            objectFill = 'cover';
 	        }
+	        // 容器和视频的分辨率都需要有值才能计算
 	        if (width > 0 && height > 0 && this._originWidth > 0 && this._originHeight > 0 && this.$video) {
 	            var left = (width - this._originWidth) / 2;
 	            var top = (height - this._originHeight) / 2;
@@ -5453,6 +5455,10 @@
 	    };
 	    _proto.destroy = function destroy() {
 	        var _this_$wrapper;
+	        if (this._cleanUpResizeObserver) {
+	            this._cleanUpResizeObserver.unobserve == null ? void 0 : this._cleanUpResizeObserver.unobserve.call(this._cleanUpResizeObserver);
+	            this._cleanUpResizeObserver = null;
+	        }
 	        if (this.$video) {
 	            this.$video.remove();
 	            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
@@ -11750,8 +11756,7 @@
 	}
 	function _renderTheme(theme, data) {
 	    return _async_to_generator$1(function() {
-	        var _theme_posterControl, _filterThemeData_header, _filterThemeData_footer, _theme_options_mobileExtendOptions_controls, _theme_options_mobileExtendOptions, // 重新计算画面渲染
-	        _theme_contentControl_rerender, _theme_contentControl, themeData, filterThemeData, props, _$_filterLeftRightControls, leftBtns, rightBtns, _theme_controls, _theme_controls1, _$_filterLeftRightControls1, leftBtns1, rightBtns1, _filterThemeData_footer_btnList, list, _needTimeLine, hasPtz, _theme_options_mobileExtendOptions1, _theme_options_mobileExtendOptions2, _theme_options_mobileExtendOptions3, _theme_options_mobileExtendOptions_controls1, _theme_options_mobileExtendOptions4, _filterThemeData_header1, _filterThemeData_footer1, _filterThemeData_footer_btnList1;
+	        var _theme_posterControl, _filterThemeData_header, _filterThemeData_footer, _theme_options_mobileExtendOptions_controls, _theme_options_mobileExtendOptions, themeData, filterThemeData, props, _$_filterLeftRightControls, leftBtns, rightBtns, _theme_controls, _theme_controls1, _$_filterLeftRightControls1, leftBtns1, rightBtns1, _filterThemeData_footer_btnList, list, _needTimeLine, hasPtz, _theme_options_mobileExtendOptions1, _theme_options_mobileExtendOptions2, _theme_options_mobileExtendOptions3, _theme_options_mobileExtendOptions_controls1, _theme_options_mobileExtendOptions4, _filterThemeData_header1, _filterThemeData_footer1, _filterThemeData_footer_btnList1;
 	        return _ts_generator$1(this, function(_state) {
 	            switch(_state.label){
 	                case 0:
@@ -11933,7 +11938,6 @@
 	                        }
 	                    }
 	                    theme.emit(EVENTS.control.mountedControls);
-	                    (_theme_contentControl = theme.contentControl) == null ? void 0 : (_theme_contentControl_rerender = _theme_contentControl.rerender) == null ? void 0 : _theme_contentControl_rerender.call(_theme_contentControl);
 	                    if (!theme.playing) theme._disabled(true);
 	                    _controlEventemitter(theme);
 	                    return [
@@ -13506,7 +13510,7 @@
 	    zh: zh,
 	    en: en
 	};
-	/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '2.1.0-beta.7';
+	/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '2.1.0-beta.9';
 
 	// 不要动这里的代码， 这个出口是为了编译成 umd 规范的文件
 

package/dist/style.js

@@ -1,6 +1,6 @@
 /*
-* @ezuikit/player-theme v2.1.0-beta.7
-* Copyright (c) 2026-01-06 Ezviz-OpenBiz
+* @ezuikit/player-theme v2.1.0-beta.9
+* Copyright (c) 2026-01-08 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 require("./style.css");

package/dist/types/index.d.ts

@@ -1224,6 +1224,7 @@ declare class Content extends EventEmitter {
     /** 配置项 */
     options: ContentOptions;
     private _scaleMode?;
+    private _cleanUpResizeObserver;
     private _originWidth;
     private _originHeight;
     private _width;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ezuikit/player-theme",
-  "version": "2.1.0-beta.7",
+  "version": "2.1.0-beta.9",
   "description": "player theme",
   "title": "theme",
   "main": "dist/index.js",