@ezuikit/player-theme 3.1.7-beta.1 → 3.1.7-beta.2

package/dist/constant.js

@@ -1,6 +1,6 @@
 /*
-* @ezuikit/player-theme v3.1.7-beta.1
-* Copyright (c) 2026-09-23 13:45:09 Ezviz-OpenBiz
+* @ezuikit/player-theme v3.1.7-beta.2
+* Copyright (c) 2026-09-24 13:42:47 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 function _extends() {

package/dist/index.cjs

@@ -1,6 +1,6 @@
 /*
-* @ezuikit/player-theme v3.1.7-beta.1
-* Copyright (c) 2026-09-23 13:45:09 Ezviz-OpenBiz
+* @ezuikit/player-theme v3.1.7-beta.2
+* Copyright (c) 2026-09-24 13:42:47 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 'use strict';
@@ -7535,6 +7535,7 @@ function _set_prototype_of$e(o, p) {
     };
     return _set_prototype_of$e(o, p);
 }
+/** 判定「贴近边缘」的安全距离（CSS px），弹窗右边缘与播放器右侧的间距小于它就换对齐方式 */ var REC_DROPDOWN_EDGE_GAP = 10;
 /**
  * 回放下拉控件
  *
@@ -7602,12 +7603,53 @@ function _set_prototype_of$e(o, p) {
             offset: [
                 0,
                 4
-            ]
+            ],
+            onOpenChange: function onOpenChange(open) {
+                // 打开时按控件在视口中的位置决定对齐方式。
+                // 此时 picker 已把 $wrapperContent 设为 inline-flex（可测量宽度），
+                // 而它内部的定位计算还在 requestAnimationFrame 里，改 placement 来得及生效。
+                // 移动端 placement 不生效（弹窗固定在窗口底部）
+                if (open && !Utils.isMobile) _this._adjustPlacement();
+            }
         });
         this._picker.innerHTML(this._getPanelHTML());
         this._activeOption(this._recType);
         this._bindPanelEvents();
     };
+    /**
+   * 按控件在播放器实例窗口中的位置调整弹窗对齐方式
+   *
+   * 默认 `bottom` 是相对控件水平居中，弹窗比控件宽，控件靠近右边缘时弹窗会探出边界。
+   * 这种情况改用 `br`（弹窗右边缘与控件右边缘对齐、向左展开），控件本身在边界内，
+   * 因此右侧一定不会溢出。
+   *
+   * 边界取的是**播放器实例窗口**（`rootContainer`）而非浏览器窗口：播放器通常只占页面一部分，
+   * 弹窗一旦超出播放器就会画到播放器外面去，按浏览器窗口判断会漏掉这种情况。
+   * 拿不到 `rootContainer` 时退回按浏览器窗口判断。
+   *
+   * 每次打开都重新判断：resize、全屏切换、控件栏溢出收纳都会改变控件的相对位置，
+   * 一次性设定会在位置变化后失效。
+   */ _proto._adjustPlacement = function _adjustPlacement() {
+        var _this__picker;
+        // 移动端 placement 不生效（弹窗固定在窗口底部铺满）
+        if (Utils.isMobile) return;
+        if (!this.$container || !((_this__picker = this._picker) == null ? void 0 : _this__picker.$wrapperContent)) return;
+        var panelWidth = this._picker.$wrapperContent.getBoundingClientRect().width;
+        // 还没渲染出宽度，无法判断，保持当前对齐方式
+        if (!panelWidth) return;
+        var containerRect = this.$container.getBoundingClientRect();
+        var $root = this.__options.rootContainer;
+        var boundaryRight = ($root == null ? void 0 : $root.getBoundingClientRect) ? $root.getBoundingClientRect().right : window.innerWidth;
+        // 居中对齐时弹窗的右边缘位置
+        var centeredRight = Math.ceil(containerRect.left + (containerRect.width + panelWidth) / 2);
+        var willOverflowRight = centeredRight > boundaryRight - REC_DROPDOWN_EDGE_GAP;
+        if (willOverflowRight) {
+            this._picker.$wrapperContent.classList.add('epicker-br');
+        } else {
+            this._picker.$wrapperContent.classList.remove('epicker-br');
+        }
+        this._picker.setPlacement(willOverflowRight ? 'br' : 'bottom');
+    };
     _proto._getPanelHTML = function _getPanelHTML() {
         var _this_locale, _this_locale1, _this_locale2;
         var cloudRecLabel = ((_this_locale = this.locale) == null ? void 0 : _this_locale.REC_DROPDOWN_CLOUD_REC) || '云存储';
@@ -9999,6 +10041,12 @@ function _renderControls(theme, $container, btnList, props) {
             if (Controls[item.iconId]) {
                 if (theme.options["" + item.iconId + "Options"] !== null) {
                     var _theme_urlInfo2, _theme_urlInfo3, _theme_options1;
+                    if (theme.options.sdkType === 'custom' && [
+                        "alarmMessage",
+                        "broadcast"
+                    ].includes(item.iconId)) {
+                        continue;
+                    }
                     // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
                     theme.controls["" + item.iconId + "Control"] = new Controls[item.iconId](_extends$1({
                         rootContainer: theme.$container,
@@ -12214,7 +12262,7 @@ var THEME_DEFAULT_OPTIONS = {
     zh: zh,
     en: en
 };
-/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '3.1.7-beta.1';
+/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '3.1.7-beta.2';
 
 exports.CONTROL_INIT_EVENTS = CONTROL_INIT_EVENTS;
 exports.Control = Control;

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 /*
-* @ezuikit/player-theme v3.1.7-beta.1
-* Copyright (c) 2026-09-23 13:45:09 Ezviz-OpenBiz
+* @ezuikit/player-theme v3.1.7-beta.2
+* Copyright (c) 2026-09-24 13:42:47 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 import EventEmitter from 'eventemitter3';
@@ -7533,6 +7533,7 @@ function _set_prototype_of$e(o, p) {
     };
     return _set_prototype_of$e(o, p);
 }
+/** 判定「贴近边缘」的安全距离（CSS px），弹窗右边缘与播放器右侧的间距小于它就换对齐方式 */ var REC_DROPDOWN_EDGE_GAP = 10;
 /**
  * 回放下拉控件
  *
@@ -7600,12 +7601,53 @@ function _set_prototype_of$e(o, p) {
             offset: [
                 0,
                 4
-            ]
+            ],
+            onOpenChange: function onOpenChange(open) {
+                // 打开时按控件在视口中的位置决定对齐方式。
+                // 此时 picker 已把 $wrapperContent 设为 inline-flex（可测量宽度），
+                // 而它内部的定位计算还在 requestAnimationFrame 里，改 placement 来得及生效。
+                // 移动端 placement 不生效（弹窗固定在窗口底部）
+                if (open && !Utils.isMobile) _this._adjustPlacement();
+            }
         });
         this._picker.innerHTML(this._getPanelHTML());
         this._activeOption(this._recType);
         this._bindPanelEvents();
     };
+    /**
+   * 按控件在播放器实例窗口中的位置调整弹窗对齐方式
+   *
+   * 默认 `bottom` 是相对控件水平居中，弹窗比控件宽，控件靠近右边缘时弹窗会探出边界。
+   * 这种情况改用 `br`（弹窗右边缘与控件右边缘对齐、向左展开），控件本身在边界内，
+   * 因此右侧一定不会溢出。
+   *
+   * 边界取的是**播放器实例窗口**（`rootContainer`）而非浏览器窗口：播放器通常只占页面一部分，
+   * 弹窗一旦超出播放器就会画到播放器外面去，按浏览器窗口判断会漏掉这种情况。
+   * 拿不到 `rootContainer` 时退回按浏览器窗口判断。
+   *
+   * 每次打开都重新判断：resize、全屏切换、控件栏溢出收纳都会改变控件的相对位置，
+   * 一次性设定会在位置变化后失效。
+   */ _proto._adjustPlacement = function _adjustPlacement() {
+        var _this__picker;
+        // 移动端 placement 不生效（弹窗固定在窗口底部铺满）
+        if (Utils.isMobile) return;
+        if (!this.$container || !((_this__picker = this._picker) == null ? void 0 : _this__picker.$wrapperContent)) return;
+        var panelWidth = this._picker.$wrapperContent.getBoundingClientRect().width;
+        // 还没渲染出宽度，无法判断，保持当前对齐方式
+        if (!panelWidth) return;
+        var containerRect = this.$container.getBoundingClientRect();
+        var $root = this.__options.rootContainer;
+        var boundaryRight = ($root == null ? void 0 : $root.getBoundingClientRect) ? $root.getBoundingClientRect().right : window.innerWidth;
+        // 居中对齐时弹窗的右边缘位置
+        var centeredRight = Math.ceil(containerRect.left + (containerRect.width + panelWidth) / 2);
+        var willOverflowRight = centeredRight > boundaryRight - REC_DROPDOWN_EDGE_GAP;
+        if (willOverflowRight) {
+            this._picker.$wrapperContent.classList.add('epicker-br');
+        } else {
+            this._picker.$wrapperContent.classList.remove('epicker-br');
+        }
+        this._picker.setPlacement(willOverflowRight ? 'br' : 'bottom');
+    };
     _proto._getPanelHTML = function _getPanelHTML() {
         var _this_locale, _this_locale1, _this_locale2;
         var cloudRecLabel = ((_this_locale = this.locale) == null ? void 0 : _this_locale.REC_DROPDOWN_CLOUD_REC) || '云存储';
@@ -9997,6 +10039,12 @@ function _renderControls(theme, $container, btnList, props) {
             if (Controls[item.iconId]) {
                 if (theme.options["" + item.iconId + "Options"] !== null) {
                     var _theme_urlInfo2, _theme_urlInfo3, _theme_options1;
+                    if (theme.options.sdkType === 'custom' && [
+                        "alarmMessage",
+                        "broadcast"
+                    ].includes(item.iconId)) {
+                        continue;
+                    }
                     // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
                     theme.controls["" + item.iconId + "Control"] = new Controls[item.iconId](_extends$1({
                         rootContainer: theme.$container,
@@ -12212,6 +12260,6 @@ var THEME_DEFAULT_OPTIONS = {
     zh: zh,
     en: en
 };
-/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '3.1.7-beta.1';
+/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '3.1.7-beta.2';
 
 export { CONTROL_INIT_EVENTS, Control, EVENTS, Fullscreen, Loading, Message, Play, Poster, Rec, Theme, Utils, Volume };

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 /*
-* @ezuikit/player-theme v3.1.7-beta.1
-* Copyright (c) 2026-09-23 13:45:09 Ezviz-OpenBiz
+* @ezuikit/player-theme v3.1.7-beta.2
+* Copyright (c) 2026-09-24 13:42:47 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 (function (global, factory) {
@@ -9036,6 +9036,7 @@
 	    };
 	    return _set_prototype_of$h(o, p);
 	}
+	/** 判定「贴近边缘」的安全距离（CSS px），弹窗右边缘与播放器右侧的间距小于它就换对齐方式 */ var REC_DROPDOWN_EDGE_GAP = 10;
 	/**
 	 * 回放下拉控件
 	 *
@@ -9103,12 +9104,53 @@
 	            offset: [
 	                0,
 	                4
-	            ]
+	            ],
+	            onOpenChange: function onOpenChange(open) {
+	                // 打开时按控件在视口中的位置决定对齐方式。
+	                // 此时 picker 已把 $wrapperContent 设为 inline-flex（可测量宽度），
+	                // 而它内部的定位计算还在 requestAnimationFrame 里，改 placement 来得及生效。
+	                // 移动端 placement 不生效（弹窗固定在窗口底部）
+	                if (open && !Utils.isMobile) _this._adjustPlacement();
+	            }
 	        });
 	        this._picker.innerHTML(this._getPanelHTML());
 	        this._activeOption(this._recType);
 	        this._bindPanelEvents();
 	    };
+	    /**
+	   * 按控件在播放器实例窗口中的位置调整弹窗对齐方式
+	   *
+	   * 默认 `bottom` 是相对控件水平居中，弹窗比控件宽，控件靠近右边缘时弹窗会探出边界。
+	   * 这种情况改用 `br`（弹窗右边缘与控件右边缘对齐、向左展开），控件本身在边界内，
+	   * 因此右侧一定不会溢出。
+	   *
+	   * 边界取的是**播放器实例窗口**（`rootContainer`）而非浏览器窗口：播放器通常只占页面一部分，
+	   * 弹窗一旦超出播放器就会画到播放器外面去，按浏览器窗口判断会漏掉这种情况。
+	   * 拿不到 `rootContainer` 时退回按浏览器窗口判断。
+	   *
+	   * 每次打开都重新判断：resize、全屏切换、控件栏溢出收纳都会改变控件的相对位置，
+	   * 一次性设定会在位置变化后失效。
+	   */ _proto._adjustPlacement = function _adjustPlacement() {
+	        var _this__picker;
+	        // 移动端 placement 不生效（弹窗固定在窗口底部铺满）
+	        if (Utils.isMobile) return;
+	        if (!this.$container || !((_this__picker = this._picker) == null ? void 0 : _this__picker.$wrapperContent)) return;
+	        var panelWidth = this._picker.$wrapperContent.getBoundingClientRect().width;
+	        // 还没渲染出宽度，无法判断，保持当前对齐方式
+	        if (!panelWidth) return;
+	        var containerRect = this.$container.getBoundingClientRect();
+	        var $root = this.__options.rootContainer;
+	        var boundaryRight = ($root == null ? void 0 : $root.getBoundingClientRect) ? $root.getBoundingClientRect().right : window.innerWidth;
+	        // 居中对齐时弹窗的右边缘位置
+	        var centeredRight = Math.ceil(containerRect.left + (containerRect.width + panelWidth) / 2);
+	        var willOverflowRight = centeredRight > boundaryRight - REC_DROPDOWN_EDGE_GAP;
+	        if (willOverflowRight) {
+	            this._picker.$wrapperContent.classList.add('epicker-br');
+	        } else {
+	            this._picker.$wrapperContent.classList.remove('epicker-br');
+	        }
+	        this._picker.setPlacement(willOverflowRight ? 'br' : 'bottom');
+	    };
 	    _proto._getPanelHTML = function _getPanelHTML() {
 	        var _this_locale, _this_locale1, _this_locale2;
 	        var cloudRecLabel = ((_this_locale = this.locale) == null ? void 0 : _this_locale.REC_DROPDOWN_CLOUD_REC) || '云存储';
@@ -11998,6 +12040,12 @@
 	            if (Controls[item.iconId]) {
 	                if (theme.options["" + item.iconId + "Options"] !== null) {
 	                    var _theme_urlInfo2, _theme_urlInfo3, _theme_options1;
+	                    if (theme.options.sdkType === 'custom' && [
+	                        "alarmMessage",
+	                        "broadcast"
+	                    ].includes(item.iconId)) {
+	                        continue;
+	                    }
 	                    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
 	                    theme.controls["" + item.iconId + "Control"] = new Controls[item.iconId](_extends$1({
 	                        rootContainer: theme.$container,
@@ -14213,7 +14261,7 @@
 	    zh: zh,
 	    en: en
 	};
-	/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '3.1.7-beta.1';
+	/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '3.1.7-beta.2';
 
 	// 不要动这里的代码， 这个出口是为了编译成 umd 规范的文件
 

package/dist/style.css

@@ -33,7 +33,7 @@ body.ezplayer-body-mobile-noscroll{background-color:#000!important;height:100vh;
 .ezplayer-control-broadcast.ezplayer-active .ezplayer-icon-record-circle{color:var(--ezplayer-active-color,#407aff)}
 .ezplayer-control-aichat.ezplayer-active .ezplayer-icon-aichat{color:var(--ezplayer-active-color,#407aff)}
 .ezplayer-control-live .ezplayer-live-btn{cursor:pointer;font-size:14px;line-height:20px;padding:2px 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ezplayer-control-live.ezplayer-active .ezplayer-live-btn{color:var(--ezplayer-active-color,#407aff)}
-.ezplayer-control-rec-dropdown .ezplayer-rec-dropdown-btn{cursor:pointer;font-size:14px;line-height:20px;padding:2px 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ezplayer-control-rec-dropdown.ezplayer-active .ezplayer-rec-dropdown-btn{color:var(--ezplayer-active-color,#407aff)}.ezplayer-rec-dropdown-picker .ezplayer-rec-dropdown-panel{background-color:var(--ezplayer-panel-bg-color,rgba(0,0,0,.7));border-radius:var(--ezplayer-border-radius,8px);color:var(--ezplayer-default-color,#fff);padding:8px 0}.ezplayer-rec-dropdown-picker .ezplayer-rec-dropdown-list{list-style:none;margin:0;padding:0}.ezplayer-rec-dropdown-picker .ezplayer-rec-dropdown-item{cursor:pointer;font-size:14px;line-height:20px;padding:6px 20px;transition:color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ezplayer-rec-dropdown-picker .ezplayer-rec-dropdown-item.ezplayer-active,.ezplayer-rec-dropdown-picker .ezplayer-rec-dropdown-item:hover{color:var(--ezplayer-active-color,#407aff)}
+.ezplayer-control-rec-dropdown .ezplayer-rec-dropdown-btn{cursor:pointer;font-size:14px;line-height:20px;padding:2px 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ezplayer-control-rec-dropdown.ezplayer-active .ezplayer-rec-dropdown-btn{color:var(--ezplayer-active-color,#407aff)}.ezplayer-rec-dropdown-picker.epicker-br{left:unset!important;right:0!important}.ezplayer-rec-dropdown-picker .ezplayer-rec-dropdown-panel{background-color:var(--ezplayer-panel-bg-color,rgba(0,0,0,.7));border-radius:var(--ezplayer-border-radius,8px);color:var(--ezplayer-default-color,#fff);padding:8px 0}.ezplayer-rec-dropdown-picker .ezplayer-rec-dropdown-list{list-style:none;margin:0;padding:0}.ezplayer-rec-dropdown-picker .ezplayer-rec-dropdown-item{cursor:pointer;font-size:14px;line-height:20px;padding:6px 20px;transition:color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ezplayer-rec-dropdown-picker .ezplayer-rec-dropdown-item.ezplayer-active,.ezplayer-rec-dropdown-picker .ezplayer-rec-dropdown-item:hover{color:var(--ezplayer-active-color,#407aff)}
 .ezplayer-control-rec-list .ezplayer-rec-list-btn{cursor:pointer;font-size:14px;line-height:20px;padding:2px 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ezplayer-control-rec-list.ezplayer-active .ezplayer-rec-list-btn{color:var(--ezplayer-active-color,#407aff)}.ezplayer-mobile-extend .ezplayer-control-rec-list{display:none}
 .ezplayer-control-alarm-message .ezplayer-alarm-message-btn{cursor:pointer;font-size:14px;line-height:20px;padding:2px 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ezplayer-mobile-extend .ezplayer-control-alarm-message{align-items:center;background-color:#f4f6fc;border:1px solid #ededed;border-radius:50%;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:18px;height:30px;justify-content:center;margin-left:8px;width:30px}
 .ezplayer-record-timer .ezplayer-icon-record-circle{font-size:14px}.ezplayer-record-timer{align-items:center;background-color:#ff4c5c;border-radius:24px;color:#fff;display:inline-flex;flex-direction:row;left:50%;padding:2px 6px;position:absolute;top:60px;transform:translateX(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:3}.ezplayer-record-timer-time{font-weight:400;letter-spacing:1px;line-height:20px;margin-left:2px}

package/dist/style.js

@@ -1,6 +1,6 @@
 /*
-* @ezuikit/player-theme v3.1.7-beta.1
-* Copyright (c) 2026-09-23 13:45:09 Ezviz-OpenBiz
+* @ezuikit/player-theme v3.1.7-beta.2
+* Copyright (c) 2026-09-24 13:42:47 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 require("./style.css");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ezuikit/player-theme",
-  "version": "3.1.7-beta.1",
+  "version": "3.1.7-beta.2",
   "description": "player theme",
   "title": "theme",
   "main": "dist/index.cjs",