@ezuikit/player-theme 2.1.2-beta.8 → 2.1.3-beta.2

package/dist/constant.js

@@ -1,6 +1,6 @@
 /*
-* @ezuikit/player-theme v2.1.2-beta.8
-* Copyright (c) 2026-03-12 Ezviz-OpenBiz
+* @ezuikit/player-theme v2.1.3-beta.2
+* Copyright (c) 2026-03-25 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 /**

package/dist/index.js

@@ -1,6 +1,6 @@
 /*
-* @ezuikit/player-theme v2.1.2-beta.8
-* Copyright (c) 2026-03-12 Ezviz-OpenBiz
+* @ezuikit/player-theme v2.1.3-beta.2
+* Copyright (c) 2026-03-25 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 'use strict';
@@ -1762,7 +1762,7 @@ var VOLUME_DEFAULT_OPTIONS = {
         _this._lastVolume = _this._volume;
         _this._muted = !!((_this__options_props3 = _this._options.props) == null ? void 0 : _this__options_props3.muted) || false;
         // 轻应用私有暂时不支持调节音量
-        if (!(Utils.isMobile || _this._options.PLAY_TYPE === 'ezopen')) {
+        if (!(Utils.isMobile || _this._options.PLAY_TYPE === 'ezopen' || _this._options.PLAY_TYPE === 'hls')) {
             var _this__options_props4, _this__options_props5;
             _this.picker = new Picker(_this.$container, {
                 getPopupContainer: function() {
@@ -3235,6 +3235,47 @@ var en = {
     }
 };
 
+/**
+ * flv 预览
+ */ var hlsLiveTemplate = {
+    autoFocus: 3,
+    // poster:
+    //   "https://img2.baidu.com/it/u=3209353042,356122753&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500",
+    footer: {
+        btnList: [
+            {
+                iconId: 'play',
+                part: 'left',
+                isrender: 1
+            },
+            {
+                iconId: 'capturePicture',
+                part: 'left',
+                defaultActive: 0,
+                isrender: 1
+            },
+            {
+                iconId: 'volume',
+                part: 'left',
+                defaultActive: 0,
+                isrender: 1
+            },
+            {
+                iconId: 'fullscreen',
+                part: 'right',
+                defaultActive: 0,
+                isrender: 1
+            },
+            {
+                iconId: 'globalFullscreen',
+                part: 'right',
+                defaultActive: 0,
+                isrender: 1
+            }
+        ]
+    }
+};
+
 /**
  * pc 预览
  */ var pcLive = {
@@ -4745,7 +4786,7 @@ function getDefaultExportFromCjs (x) {
 
 /*
 * @ezuikit/control-zoom v0.0.2
-* Copyright (c) 2025-11-12 Ezviz-OpenBiz
+* Copyright (c) 2026-03-18 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 
@@ -5846,14 +5887,14 @@ function _ts_generator$5(thisArg, body) {
             deviceControls.push(item);
             return false;
         }
-        if (item.isrender === 1 && REC_GROUP.includes(item.iconId)) {
+        if (item.isrender !== 0 && REC_GROUP.includes(item.iconId)) {
             // TODO: 因为回放是一组， 位置以第一个位置为准
             recControls.push(recControls[0] ? _extends$i({}, item, {
                 part: recControls[0].part
             }) : item);
             return false;
         }
-        return item.isrender === 1;
+        return item.isrender !== 0;
     }).map(function(item) {
         // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
         if (replaceKey[item.iconId]) {
@@ -5865,18 +5906,18 @@ function _ts_generator$5(thisArg, body) {
     var footerBtnList = ((themeData == null ? void 0 : (_themeData_footer = themeData.footer) == null ? void 0 : _themeData_footer.btnList) || []).filter(function(item) {
         // TODO: 因为 'deviceID', 'deviceName'， 'rec', 'cloudRec', 'cloudRecord' 是两个组， 并且要在头部（移动端特殊处理）
         // prettier-ignore
-        if (item.isrender === 1 && DEVICE_INFO_GROUP.includes(item.iconId)) {
+        if (item.isrender !== 0 && DEVICE_INFO_GROUP.includes(item.iconId)) {
             deviceControls.push(item);
             return false;
         }
-        if (item.isrender === 1 && REC_GROUP.includes(item.iconId)) {
+        if (item.isrender !== 0 && REC_GROUP.includes(item.iconId)) {
             // TODO: 因为回放是一组， 位置以第一个位置为准
             recControls.push(recControls[0] ? _extends$i({}, item, {
                 part: recControls[0].part
             }) : item);
             return false;
         }
-        return item.isrender === 1;
+        return item.isrender !== 0;
     }).map(function(item) {
         // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
         if (replaceKey[item.iconId]) {
@@ -5943,12 +5984,10 @@ function _filterLeftRightControls(btnList) {
                         3,
                         1
                     ];
-                    if (data === 'simple') {
-                        return [
-                            2,
-                            null
-                        ];
-                    }
+                    if (data === 'simple') return [
+                        2,
+                        null
+                    ];
                     // 渲染主题模板
                     themeData = TEMPLATES[data];
                     if (!data) {
@@ -5978,23 +6017,21 @@ function _filterLeftRightControls(btnList) {
                     ];
                 case 3:
                     template = _state.sent();
-                    if (template) {
-                        return [
-                            2,
-                            template
-                        ];
-                    }
+                    if (template) return [
+                        2,
+                        template
+                    ];
                     theme.emit(EVENTS.message, theme.i18n.t('FETCH_THEME_FAILED'), 'themeError');
                     return [
-                        3,
-                        5
+                        2,
+                        null
                     ];
                 case 4:
                     _state.sent();
                     theme.emit(EVENTS.message, theme.i18n.t('FETCH_THEME_FAILED'), 'themeError');
                     return [
-                        3,
-                        5
+                        2,
+                        null
                     ];
                 case 5:
                     return [
@@ -6545,7 +6582,7 @@ var dist = {};
 
 /*
 * @ezuikit/control-ptz v0.0.1
-* Copyright (c) 2025-11-12 Ezviz-OpenBiz
+* Copyright (c) 2026-03-18 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 
@@ -8278,12 +8315,12 @@ function _ts_generator$3(thisArg, body) {
         };
     }
 }
-/**
- * 语音广播控件
- *
- * 用于触发语音广播功能的按钮控件
- *
- * @category Control
+/**
+ * 语音广播控件
+ *
+ * 用于触发语音广播功能的按钮控件
+ *
+ * @category Control
  */ var Broadcast = /*#__PURE__*/ function(Control) {
     _inherits$b(Broadcast, Control);
     function Broadcast(options) {
@@ -8318,16 +8355,16 @@ function _ts_generator$3(thisArg, body) {
             Control.prototype.reset.call(this, hide);
         }
     };
-    /**
-     * 销毁语音广播控件
+    /**
+     * 销毁语音广播控件
      */ _proto.destroy = function destroy() {
         if (this.active) {
             this.reset();
         }
         Control.prototype.destroy.call(this);
     };
-    /**
-     * 点击 Control 会触发
+    /**
+     * 点击 Control 会触发
      */ _proto._onControlClick = function _onControlClick(e) {
         var _this = this, _superprop_get__onControlClick = function() {
             return Control.prototype._onControlClick;
@@ -8503,12 +8540,12 @@ function _ts_generator$2(thisArg, body) {
         };
     }
 }
-/**
- * AI对话框控件
- *
- * 用于触发AI对话框功能的按钮控件
- *
- * @category Control
+/**
+ * AI对话框控件
+ *
+ * 用于触发AI对话框功能的按钮控件
+ *
+ * @category Control
  */ var AIChat = /*#__PURE__*/ function(Control) {
     _inherits$a(AIChat, Control);
     function AIChat(options) {
@@ -8519,13 +8556,15 @@ function _ts_generator$2(thisArg, body) {
             classNameSuffix: 'aichat'
         })) || this;
         _this._options = options;
-        _this._render();
-        _this.on(EVENTS.aichatChange, function(active) {
-            if (_this.active !== active) {
-                _this.active = active;
-                _this._render();
-            }
-        });
+        if (options.urlInfo.search === "" && options.urlInfo.recType === "cloud") {
+            _this._render();
+            _this.on(EVENTS.aichatChange, function(active) {
+                if (_this.active !== active) {
+                    _this.active = active;
+                    _this._render();
+                }
+            });
+        }
         return _this;
     }
     var _proto = AIChat.prototype;
@@ -8534,9 +8573,6 @@ function _ts_generator$2(thisArg, body) {
         this.$container.innerHTML = IconComponents.aiChat({
             title: (_this_locale = this.locale) == null ? void 0 : _this_locale.BTN_AICHAT
         });
-        if (this._options.urlInfo.searchParams.busType !== '7' && this._options.urlInfo.recType === "cloud") ; else {
-            this.$container.style.display = 'none';
-        }
     };
     _proto.reset = function reset(hide) {
         if (this.active) {
@@ -8546,19 +8582,16 @@ function _ts_generator$2(thisArg, body) {
             Control.prototype.reset.call(this, hide);
         }
     };
-    /**
-     * 销毁AI对话框控件
+    /**
+     * 销毁AI对话框控件
      */ _proto.destroy = function destroy() {
         if (this.active) {
             this.reset();
         }
         Control.prototype.destroy.call(this);
     };
-    _proto.updateOptions = function updateOptions(options) {
-        this._options = _extends$9({}, this._options, options);
-    };
-    /**
-     * 点击 Control 会触发
+    /**
+     * 点击 Control 会触发
      */ _proto._onControlClick = function _onControlClick(e) {
         var _this = this, _superprop_get__onControlClick = function() {
             return Control.prototype._onControlClick;
@@ -10763,9 +10796,11 @@ var THEME_DEFAULT_OPTIONS = {
         _this.destroyed = false;
         var _this_options_template, _ref3;
         // 标准流暂时仅支持 TEMPLATES 中的配置， 多余的的展示不生效（如电子放大是不支持的等等）， 待版本更新才能支持
-        _this._renderTheme([
+        // prettier-ignore
+        _this._renderTheme(// hls 不支持自定义
+        options.type === 'hls' ? hlsLiveTemplate : // flv mp4 支持自定义 themeData
+        [
             'flv',
-            'hls',
             'mp4'
         ].includes(options.type) ? ((_this_options = _this.options) == null ? void 0 : _this_options.themeData) !== undefined ? (_this_options1 = _this.options) == null ? void 0 : _this_options1.themeData : LiveTemplate // 标准流仅支持  null 和 LiveTemplate (支持自定义 2026-01-19)
          : (_ref3 = (_this_options_template = (_this_options2 = _this.options) == null ? void 0 : _this_options2.template) != null ? _this_options_template : (_this_options3 = _this.options) == null ? void 0 : _this_options3.themeData) != null ? _ref3 : null);
@@ -11489,7 +11524,11 @@ var THEME_DEFAULT_OPTIONS = {
             this.fullscreen();
         }
     };
-    _proto._getRecType = function _getRecType(url) {
+    /**
+   * 获取录像类型， 仅 ezopen 支持
+   * @param url 录像 url
+   * @returns {"rec" | "cloudRecord" | "cloudRec" | ""} 录像类型， rec: 录像， cloudRec: 云录像， cloudRecord: 云录制
+   */ _proto._getRecType = function _getRecType(url) {
         if (this.options.type === 'ezopen' && /^ezopen:\/\//.test(url)) {
             var urlInfo = require$$1.parseEzopenUrl(url);
             if (urlInfo.type === 'rec') {
@@ -11956,7 +11995,7 @@ var THEME_DEFAULT_OPTIONS = {
     zh: zh,
     en: en
 };
-/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '2.1.2-beta.8';
+/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '2.1.3-beta.2';
 
 exports.Control = Control;
 exports.EVENTS = EVENTS;

package/dist/index.mjs

@@ -1,6 +1,6 @@
 /*
-* @ezuikit/player-theme v2.1.2-beta.8
-* Copyright (c) 2026-03-12 Ezviz-OpenBiz
+* @ezuikit/player-theme v2.1.3-beta.2
+* Copyright (c) 2026-03-25 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 import EventEmitter from 'eventemitter3';
@@ -1760,7 +1760,7 @@ var VOLUME_DEFAULT_OPTIONS = {
         _this._lastVolume = _this._volume;
         _this._muted = !!((_this__options_props3 = _this._options.props) == null ? void 0 : _this__options_props3.muted) || false;
         // 轻应用私有暂时不支持调节音量
-        if (!(Utils.isMobile || _this._options.PLAY_TYPE === 'ezopen')) {
+        if (!(Utils.isMobile || _this._options.PLAY_TYPE === 'ezopen' || _this._options.PLAY_TYPE === 'hls')) {
             var _this__options_props4, _this__options_props5;
             _this.picker = new Picker(_this.$container, {
                 getPopupContainer: function() {
@@ -3233,6 +3233,47 @@ var en = {
     }
 };
 
+/**
+ * flv 预览
+ */ var hlsLiveTemplate = {
+    autoFocus: 3,
+    // poster:
+    //   "https://img2.baidu.com/it/u=3209353042,356122753&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500",
+    footer: {
+        btnList: [
+            {
+                iconId: 'play',
+                part: 'left',
+                isrender: 1
+            },
+            {
+                iconId: 'capturePicture',
+                part: 'left',
+                defaultActive: 0,
+                isrender: 1
+            },
+            {
+                iconId: 'volume',
+                part: 'left',
+                defaultActive: 0,
+                isrender: 1
+            },
+            {
+                iconId: 'fullscreen',
+                part: 'right',
+                defaultActive: 0,
+                isrender: 1
+            },
+            {
+                iconId: 'globalFullscreen',
+                part: 'right',
+                defaultActive: 0,
+                isrender: 1
+            }
+        ]
+    }
+};
+
 /**
  * pc 预览
  */ var pcLive = {
@@ -4743,7 +4784,7 @@ function getDefaultExportFromCjs (x) {
 
 /*
 * @ezuikit/control-zoom v0.0.2
-* Copyright (c) 2025-11-12 Ezviz-OpenBiz
+* Copyright (c) 2026-03-18 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 
@@ -5844,14 +5885,14 @@ function _ts_generator$5(thisArg, body) {
             deviceControls.push(item);
             return false;
         }
-        if (item.isrender === 1 && REC_GROUP.includes(item.iconId)) {
+        if (item.isrender !== 0 && REC_GROUP.includes(item.iconId)) {
             // TODO: 因为回放是一组， 位置以第一个位置为准
             recControls.push(recControls[0] ? _extends$i({}, item, {
                 part: recControls[0].part
             }) : item);
             return false;
         }
-        return item.isrender === 1;
+        return item.isrender !== 0;
     }).map(function(item) {
         // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
         if (replaceKey[item.iconId]) {
@@ -5863,18 +5904,18 @@ function _ts_generator$5(thisArg, body) {
     var footerBtnList = ((themeData == null ? void 0 : (_themeData_footer = themeData.footer) == null ? void 0 : _themeData_footer.btnList) || []).filter(function(item) {
         // TODO: 因为 'deviceID', 'deviceName'， 'rec', 'cloudRec', 'cloudRecord' 是两个组， 并且要在头部（移动端特殊处理）
         // prettier-ignore
-        if (item.isrender === 1 && DEVICE_INFO_GROUP.includes(item.iconId)) {
+        if (item.isrender !== 0 && DEVICE_INFO_GROUP.includes(item.iconId)) {
             deviceControls.push(item);
             return false;
         }
-        if (item.isrender === 1 && REC_GROUP.includes(item.iconId)) {
+        if (item.isrender !== 0 && REC_GROUP.includes(item.iconId)) {
             // TODO: 因为回放是一组， 位置以第一个位置为准
             recControls.push(recControls[0] ? _extends$i({}, item, {
                 part: recControls[0].part
             }) : item);
             return false;
         }
-        return item.isrender === 1;
+        return item.isrender !== 0;
     }).map(function(item) {
         // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
         if (replaceKey[item.iconId]) {
@@ -5941,12 +5982,10 @@ function _filterLeftRightControls(btnList) {
                         3,
                         1
                     ];
-                    if (data === 'simple') {
-                        return [
-                            2,
-                            null
-                        ];
-                    }
+                    if (data === 'simple') return [
+                        2,
+                        null
+                    ];
                     // 渲染主题模板
                     themeData = TEMPLATES[data];
                     if (!data) {
@@ -5976,23 +6015,21 @@ function _filterLeftRightControls(btnList) {
                     ];
                 case 3:
                     template = _state.sent();
-                    if (template) {
-                        return [
-                            2,
-                            template
-                        ];
-                    }
+                    if (template) return [
+                        2,
+                        template
+                    ];
                     theme.emit(EVENTS.message, theme.i18n.t('FETCH_THEME_FAILED'), 'themeError');
                     return [
-                        3,
-                        5
+                        2,
+                        null
                     ];
                 case 4:
                     _state.sent();
                     theme.emit(EVENTS.message, theme.i18n.t('FETCH_THEME_FAILED'), 'themeError');
                     return [
-                        3,
-                        5
+                        2,
+                        null
                     ];
                 case 5:
                     return [
@@ -6543,7 +6580,7 @@ var dist = {};
 
 /*
 * @ezuikit/control-ptz v0.0.1
-* Copyright (c) 2025-11-12 Ezviz-OpenBiz
+* Copyright (c) 2026-03-18 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 
@@ -8276,12 +8313,12 @@ function _ts_generator$3(thisArg, body) {
         };
     }
 }
-/**
- * 语音广播控件
- *
- * 用于触发语音广播功能的按钮控件
- *
- * @category Control
+/**
+ * 语音广播控件
+ *
+ * 用于触发语音广播功能的按钮控件
+ *
+ * @category Control
  */ var Broadcast = /*#__PURE__*/ function(Control) {
     _inherits$b(Broadcast, Control);
     function Broadcast(options) {
@@ -8316,16 +8353,16 @@ function _ts_generator$3(thisArg, body) {
             Control.prototype.reset.call(this, hide);
         }
     };
-    /**
-     * 销毁语音广播控件
+    /**
+     * 销毁语音广播控件
      */ _proto.destroy = function destroy() {
         if (this.active) {
             this.reset();
         }
         Control.prototype.destroy.call(this);
     };
-    /**
-     * 点击 Control 会触发
+    /**
+     * 点击 Control 会触发
      */ _proto._onControlClick = function _onControlClick(e) {
         var _this = this, _superprop_get__onControlClick = function() {
             return Control.prototype._onControlClick;
@@ -8501,12 +8538,12 @@ function _ts_generator$2(thisArg, body) {
         };
     }
 }
-/**
- * AI对话框控件
- *
- * 用于触发AI对话框功能的按钮控件
- *
- * @category Control
+/**
+ * AI对话框控件
+ *
+ * 用于触发AI对话框功能的按钮控件
+ *
+ * @category Control
  */ var AIChat = /*#__PURE__*/ function(Control) {
     _inherits$a(AIChat, Control);
     function AIChat(options) {
@@ -8517,13 +8554,15 @@ function _ts_generator$2(thisArg, body) {
             classNameSuffix: 'aichat'
         })) || this;
         _this._options = options;
-        _this._render();
-        _this.on(EVENTS.aichatChange, function(active) {
-            if (_this.active !== active) {
-                _this.active = active;
-                _this._render();
-            }
-        });
+        if (options.urlInfo.search === "" && options.urlInfo.recType === "cloud") {
+            _this._render();
+            _this.on(EVENTS.aichatChange, function(active) {
+                if (_this.active !== active) {
+                    _this.active = active;
+                    _this._render();
+                }
+            });
+        }
         return _this;
     }
     var _proto = AIChat.prototype;
@@ -8532,9 +8571,6 @@ function _ts_generator$2(thisArg, body) {
         this.$container.innerHTML = IconComponents.aiChat({
             title: (_this_locale = this.locale) == null ? void 0 : _this_locale.BTN_AICHAT
         });
-        if (this._options.urlInfo.searchParams.busType !== '7' && this._options.urlInfo.recType === "cloud") ; else {
-            this.$container.style.display = 'none';
-        }
     };
     _proto.reset = function reset(hide) {
         if (this.active) {
@@ -8544,19 +8580,16 @@ function _ts_generator$2(thisArg, body) {
             Control.prototype.reset.call(this, hide);
         }
     };
-    /**
-     * 销毁AI对话框控件
+    /**
+     * 销毁AI对话框控件
      */ _proto.destroy = function destroy() {
         if (this.active) {
             this.reset();
         }
         Control.prototype.destroy.call(this);
     };
-    _proto.updateOptions = function updateOptions(options) {
-        this._options = _extends$9({}, this._options, options);
-    };
-    /**
-     * 点击 Control 会触发
+    /**
+     * 点击 Control 会触发
      */ _proto._onControlClick = function _onControlClick(e) {
         var _this = this, _superprop_get__onControlClick = function() {
             return Control.prototype._onControlClick;
@@ -10761,9 +10794,11 @@ var THEME_DEFAULT_OPTIONS = {
         _this.destroyed = false;
         var _this_options_template, _ref3;
         // 标准流暂时仅支持 TEMPLATES 中的配置， 多余的的展示不生效（如电子放大是不支持的等等）， 待版本更新才能支持
-        _this._renderTheme([
+        // prettier-ignore
+        _this._renderTheme(// hls 不支持自定义
+        options.type === 'hls' ? hlsLiveTemplate : // flv mp4 支持自定义 themeData
+        [
             'flv',
-            'hls',
             'mp4'
         ].includes(options.type) ? ((_this_options = _this.options) == null ? void 0 : _this_options.themeData) !== undefined ? (_this_options1 = _this.options) == null ? void 0 : _this_options1.themeData : LiveTemplate // 标准流仅支持  null 和 LiveTemplate (支持自定义 2026-01-19)
          : (_ref3 = (_this_options_template = (_this_options2 = _this.options) == null ? void 0 : _this_options2.template) != null ? _this_options_template : (_this_options3 = _this.options) == null ? void 0 : _this_options3.themeData) != null ? _ref3 : null);
@@ -11487,7 +11522,11 @@ var THEME_DEFAULT_OPTIONS = {
             this.fullscreen();
         }
     };
-    _proto._getRecType = function _getRecType(url) {
+    /**
+   * 获取录像类型， 仅 ezopen 支持
+   * @param url 录像 url
+   * @returns {"rec" | "cloudRecord" | "cloudRec" | ""} 录像类型， rec: 录像， cloudRec: 云录像， cloudRecord: 云录制
+   */ _proto._getRecType = function _getRecType(url) {
         if (this.options.type === 'ezopen' && /^ezopen:\/\//.test(url)) {
             var urlInfo = parseEzopenUrl(url);
             if (urlInfo.type === 'rec') {
@@ -11954,6 +11993,6 @@ var THEME_DEFAULT_OPTIONS = {
     zh: zh,
     en: en
 };
-/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '2.1.2-beta.8';
+/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '2.1.3-beta.2';
 
 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.2-beta.8
-* Copyright (c) 2026-03-12 Ezviz-OpenBiz
+* @ezuikit/player-theme v2.1.3-beta.2
+* Copyright (c) 2026-03-25 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 (function (global, factory) {
@@ -3011,7 +3011,7 @@
 	        _this._lastVolume = _this._volume;
 	        _this._muted = !!((_this__options_props3 = _this._options.props) == null ? void 0 : _this__options_props3.muted) || false;
 	        // 轻应用私有暂时不支持调节音量
-	        if (!(Utils.isMobile || _this._options.PLAY_TYPE === 'ezopen')) {
+	        if (!(Utils.isMobile || _this._options.PLAY_TYPE === 'ezopen' || _this._options.PLAY_TYPE === 'hls')) {
 	            var _this__options_props4, _this__options_props5;
 	            _this.picker = new Picker(_this.$container, {
 	                getPopupContainer: function() {
@@ -4863,6 +4863,47 @@
 	    }
 	};
 
+	/**
+	 * flv 预览
+	 */ var hlsLiveTemplate = {
+	    autoFocus: 3,
+	    // poster:
+	    //   "https://img2.baidu.com/it/u=3209353042,356122753&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500",
+	    footer: {
+	        btnList: [
+	            {
+	                iconId: 'play',
+	                part: 'left',
+	                isrender: 1
+	            },
+	            {
+	                iconId: 'capturePicture',
+	                part: 'left',
+	                defaultActive: 0,
+	                isrender: 1
+	            },
+	            {
+	                iconId: 'volume',
+	                part: 'left',
+	                defaultActive: 0,
+	                isrender: 1
+	            },
+	            {
+	                iconId: 'fullscreen',
+	                part: 'right',
+	                defaultActive: 0,
+	                isrender: 1
+	            },
+	            {
+	                iconId: 'globalFullscreen',
+	                part: 'right',
+	                defaultActive: 0,
+	                isrender: 1
+	            }
+	        ]
+	    }
+	};
+
 	/**
 	 * pc 预览
 	 */ var pcLive = {
@@ -6369,7 +6410,7 @@
 
 	/*
 	* @ezuikit/control-zoom v0.0.2
-	* Copyright (c) 2025-11-12 Ezviz-OpenBiz
+	* Copyright (c) 2026-03-18 Ezviz-OpenBiz
 	* Released under the MIT License.
 	*/
 
@@ -7470,14 +7511,14 @@
 	            deviceControls.push(item);
 	            return false;
 	        }
-	        if (item.isrender === 1 && REC_GROUP.includes(item.iconId)) {
+	        if (item.isrender !== 0 && REC_GROUP.includes(item.iconId)) {
 	            // TODO: 因为回放是一组， 位置以第一个位置为准
 	            recControls.push(recControls[0] ? _extends$i({}, item, {
 	                part: recControls[0].part
 	            }) : item);
 	            return false;
 	        }
-	        return item.isrender === 1;
+	        return item.isrender !== 0;
 	    }).map(function(item) {
 	        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
 	        if (replaceKey[item.iconId]) {
@@ -7489,18 +7530,18 @@
 	    var footerBtnList = ((themeData == null ? void 0 : (_themeData_footer = themeData.footer) == null ? void 0 : _themeData_footer.btnList) || []).filter(function(item) {
 	        // TODO: 因为 'deviceID', 'deviceName'， 'rec', 'cloudRec', 'cloudRecord' 是两个组， 并且要在头部（移动端特殊处理）
 	        // prettier-ignore
-	        if (item.isrender === 1 && DEVICE_INFO_GROUP.includes(item.iconId)) {
+	        if (item.isrender !== 0 && DEVICE_INFO_GROUP.includes(item.iconId)) {
 	            deviceControls.push(item);
 	            return false;
 	        }
-	        if (item.isrender === 1 && REC_GROUP.includes(item.iconId)) {
+	        if (item.isrender !== 0 && REC_GROUP.includes(item.iconId)) {
 	            // TODO: 因为回放是一组， 位置以第一个位置为准
 	            recControls.push(recControls[0] ? _extends$i({}, item, {
 	                part: recControls[0].part
 	            }) : item);
 	            return false;
 	        }
-	        return item.isrender === 1;
+	        return item.isrender !== 0;
 	    }).map(function(item) {
 	        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
 	        if (replaceKey[item.iconId]) {
@@ -7567,12 +7608,10 @@
 	                        3,
 	                        1
 	                    ];
-	                    if (data === 'simple') {
-	                        return [
-	                            2,
-	                            null
-	                        ];
-	                    }
+	                    if (data === 'simple') return [
+	                        2,
+	                        null
+	                    ];
 	                    // 渲染主题模板
 	                    themeData = TEMPLATES[data];
 	                    if (!data) {
@@ -7602,23 +7641,21 @@
 	                    ];
 	                case 3:
 	                    template = _state.sent();
-	                    if (template) {
-	                        return [
-	                            2,
-	                            template
-	                        ];
-	                    }
+	                    if (template) return [
+	                        2,
+	                        template
+	                    ];
 	                    theme.emit(EVENTS.message, theme.i18n.t('FETCH_THEME_FAILED'), 'themeError');
 	                    return [
-	                        3,
-	                        5
+	                        2,
+	                        null
 	                    ];
 	                case 4:
 	                    _state.sent();
 	                    theme.emit(EVENTS.message, theme.i18n.t('FETCH_THEME_FAILED'), 'themeError');
 	                    return [
-	                        3,
-	                        5
+	                        2,
+	                        null
 	                    ];
 	                case 5:
 	                    return [
@@ -8187,7 +8224,7 @@
 
 	/*
 	* @ezuikit/control-ptz v0.0.1
-	* Copyright (c) 2025-11-12 Ezviz-OpenBiz
+	* Copyright (c) 2026-03-18 Ezviz-OpenBiz
 	* Released under the MIT License.
 	*/
 
@@ -9920,12 +9957,12 @@
 	        };
 	    }
 	}
-	/**
-	 * 语音广播控件
-	 *
-	 * 用于触发语音广播功能的按钮控件
-	 *
-	 * @category Control
+	/**
+	 * 语音广播控件
+	 *
+	 * 用于触发语音广播功能的按钮控件
+	 *
+	 * @category Control
 	 */ var Broadcast = /*#__PURE__*/ function(Control) {
 	    _inherits$b(Broadcast, Control);
 	    function Broadcast(options) {
@@ -9960,16 +9997,16 @@
 	            Control.prototype.reset.call(this, hide);
 	        }
 	    };
-	    /**
-	     * 销毁语音广播控件
+	    /**
+	     * 销毁语音广播控件
 	     */ _proto.destroy = function destroy() {
 	        if (this.active) {
 	            this.reset();
 	        }
 	        Control.prototype.destroy.call(this);
 	    };
-	    /**
-	     * 点击 Control 会触发
+	    /**
+	     * 点击 Control 会触发
 	     */ _proto._onControlClick = function _onControlClick(e) {
 	        var _this = this, _superprop_get__onControlClick = function() {
 	            return Control.prototype._onControlClick;
@@ -10145,12 +10182,12 @@
 	        };
 	    }
 	}
-	/**
-	 * AI对话框控件
-	 *
-	 * 用于触发AI对话框功能的按钮控件
-	 *
-	 * @category Control
+	/**
+	 * AI对话框控件
+	 *
+	 * 用于触发AI对话框功能的按钮控件
+	 *
+	 * @category Control
 	 */ var AIChat = /*#__PURE__*/ function(Control) {
 	    _inherits$a(AIChat, Control);
 	    function AIChat(options) {
@@ -10161,13 +10198,15 @@
 	            classNameSuffix: 'aichat'
 	        })) || this;
 	        _this._options = options;
-	        _this._render();
-	        _this.on(EVENTS.aichatChange, function(active) {
-	            if (_this.active !== active) {
-	                _this.active = active;
-	                _this._render();
-	            }
-	        });
+	        if (options.urlInfo.search === "" && options.urlInfo.recType === "cloud") {
+	            _this._render();
+	            _this.on(EVENTS.aichatChange, function(active) {
+	                if (_this.active !== active) {
+	                    _this.active = active;
+	                    _this._render();
+	                }
+	            });
+	        }
 	        return _this;
 	    }
 	    var _proto = AIChat.prototype;
@@ -10176,9 +10215,6 @@
 	        this.$container.innerHTML = IconComponents.aiChat({
 	            title: (_this_locale = this.locale) == null ? void 0 : _this_locale.BTN_AICHAT
 	        });
-	        if (this._options.urlInfo.searchParams.busType !== '7' && this._options.urlInfo.recType === "cloud") ; else {
-	            this.$container.style.display = 'none';
-	        }
 	    };
 	    _proto.reset = function reset(hide) {
 	        if (this.active) {
@@ -10188,19 +10224,16 @@
 	            Control.prototype.reset.call(this, hide);
 	        }
 	    };
-	    /**
-	     * 销毁AI对话框控件
+	    /**
+	     * 销毁AI对话框控件
 	     */ _proto.destroy = function destroy() {
 	        if (this.active) {
 	            this.reset();
 	        }
 	        Control.prototype.destroy.call(this);
 	    };
-	    _proto.updateOptions = function updateOptions(options) {
-	        this._options = _extends$9({}, this._options, options);
-	    };
-	    /**
-	     * 点击 Control 会触发
+	    /**
+	     * 点击 Control 会触发
 	     */ _proto._onControlClick = function _onControlClick(e) {
 	        var _this = this, _superprop_get__onControlClick = function() {
 	            return Control.prototype._onControlClick;
@@ -12915,9 +12948,11 @@
 	        _this.destroyed = false;
 	        var _this_options_template, _ref3;
 	        // 标准流暂时仅支持 TEMPLATES 中的配置， 多余的的展示不生效（如电子放大是不支持的等等）， 待版本更新才能支持
-	        _this._renderTheme([
+	        // prettier-ignore
+	        _this._renderTheme(// hls 不支持自定义
+	        options.type === 'hls' ? hlsLiveTemplate : // flv mp4 支持自定义 themeData
+	        [
 	            'flv',
-	            'hls',
 	            'mp4'
 	        ].includes(options.type) ? ((_this_options = _this.options) == null ? void 0 : _this_options.themeData) !== undefined ? (_this_options1 = _this.options) == null ? void 0 : _this_options1.themeData : LiveTemplate // 标准流仅支持  null 和 LiveTemplate (支持自定义 2026-01-19)
 	         : (_ref3 = (_this_options_template = (_this_options2 = _this.options) == null ? void 0 : _this_options2.template) != null ? _this_options_template : (_this_options3 = _this.options) == null ? void 0 : _this_options3.themeData) != null ? _ref3 : null);
@@ -13641,7 +13676,11 @@
 	            this.fullscreen();
 	        }
 	    };
-	    _proto._getRecType = function _getRecType(url) {
+	    /**
+	   * 获取录像类型， 仅 ezopen 支持
+	   * @param url 录像 url
+	   * @returns {"rec" | "cloudRecord" | "cloudRec" | ""} 录像类型， rec: 录像， cloudRec: 云录像， cloudRecord: 云录制
+	   */ _proto._getRecType = function _getRecType(url) {
 	        if (this.options.type === 'ezopen' && /^ezopen:\/\//.test(url)) {
 	            var urlInfo = distExports$6.parseEzopenUrl(url);
 	            if (urlInfo.type === 'rec') {
@@ -14108,7 +14147,7 @@
 	    zh: zh,
 	    en: en
 	};
-	/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '2.1.2-beta.8';
+	/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '2.1.3-beta.2';
 
 	// 不要动这里的代码， 这个出口是为了编译成 umd 规范的文件
 

package/dist/style.js

@@ -1,6 +1,6 @@
 /*
-* @ezuikit/player-theme v2.1.2-beta.8
-* Copyright (c) 2026-03-12 Ezviz-OpenBiz
+* @ezuikit/player-theme v2.1.3-beta.2
+* Copyright (c) 2026-03-25 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 require("./style.css");

package/dist/types/index.d.ts

@@ -992,9 +992,9 @@ interface ControlItem {
     part: 'left' | 'right';
     /** 是否激活 0 否 1 是 默认是 0 */
     /**
-     * 是否渲染 0 否 1 是 默认是 0
+     * 是否渲染 0 否 1 是 默认是 undefined， 0 不渲染, 非 0 渲染
      */
-    isrender: 0 | 1;
+    isrender?: 0 | 1;
 }
 interface IThemeDataItem {
     /**
@@ -1422,7 +1422,7 @@ declare class Theme extends EventEmitter {
         readonly zoomingChange: "zoomingChange";
         readonly zoomTranslateChange: "zoomTranslateChange";
         readonly audioInfo: "audioInfo";
-        readonly videoInfo: "videoInfo"; /** 版本号 @since 0.0.1 */
+        readonly videoInfo: "videoInfo";
         readonly firstFrameDisplay: "firstFrameDisplay";
         readonly fullscreen: "fullscreen";
         readonly exitFullscreen: "exitFullscreen";
@@ -1433,7 +1433,10 @@ declare class Theme extends EventEmitter {
         readonly changeTheme: "changeTheme";
         readonly recTypeChange: "recTypeChange";
         readonly definitionChange: "definitionChange";
-        readonly speedChange: "speedChange";
+        readonly speedChange: "speedChange"; /**
+         * @since 0.0.1
+         * @private
+         */
         readonly recordingChange: "recordingChange";
         readonly talkingChange: "talkingChange";
         readonly talkVolumeChange: "talkVolumeChange";
@@ -1441,7 +1444,7 @@ declare class Theme extends EventEmitter {
         readonly aichatChange: "aichatChange";
         readonly setLoggerOptions: "setLoggerOptions";
         readonly records: "records";
-        readonly ptzSpeedChange: "ptzSpeedChange"; /** 头部控件 @since 0.0.1 @private */
+        readonly ptzSpeedChange: "ptzSpeedChange";
         readonly setVideoLevelList: "setVideoLevelList";
         readonly currentVideoLevel: "currentVideoLevel";
         readonly currentVideoLevelAuto: "currentVideoLevelAuto";
@@ -1455,6 +1458,7 @@ declare class Theme extends EventEmitter {
             readonly capturePictureDestroy: "Control.capturePictureDestroy";
             readonly volumechange: "Control.volumechange";
             readonly volumePanelOpenChange: "Control.volumePanelOpenChange";
+            /**  resizeObserver 监听销毁 */
             readonly volumeDestroy: "Control.volumeDestroy";
             readonly controlsBarOpenChange: "Control.controlsBarOpenChange";
             readonly headerMoreShowControlsChange: "Control.headerMoreShowControlsChange";
@@ -1464,14 +1468,14 @@ declare class Theme extends EventEmitter {
             readonly deviceDestroy: "Control.deviceDestroy";
             readonly recTypeChange: "Control.recTypeChange";
             readonly recDestroy: "Control.recDestroy";
-            readonly definitionChange: "Control.definitionChange";
+            readonly definitionChange: "Control.definitionChange"; /** 窗口尺寸变化时，设置窗口超出隐藏，防止出现滚动条 */
             readonly definitionList: "Control.definitionList";
             readonly definitionPanelOpenChange: "Control.definitionPanelOpenChange";
             readonly definitionDestroy: "Control.definitionDestroy";
+            readonly speedChange: "Control.speedChange";
             /**
              * 录像回放的月份列表 @private
              */
-            readonly speedChange: "Control.speedChange";
             readonly speedPanelOpenChange: "Control.speedPanelOpenChange";
             readonly speedDestroy: "Control.speedDestroy";
             readonly ptzPanelOpenChange: "Control.ptzPanelOpenChange";
@@ -1608,7 +1612,7 @@ declare class Theme extends EventEmitter {
             396517: string;
             396518: string;
             396519: string;
-            396520: string; /** 移动端竖屏, 全屏情况下不展示扩张，放置在 footer 中 */
+            396520: string;
             396700: string;
             396701: string;
             397001: string;
@@ -1651,7 +1655,7 @@ declare class Theme extends EventEmitter {
             USE_MULTITHREADING_WARING: string;
             OPEN_INSTRUCTIONS: string;
             INIT_FINSHED: string;
-            INIT_SUCCESS: string; /** 版本号 @since 0.0.1 */
+            INIT_SUCCESS: string;
             GET_PLAYURL_FAILED: string;
             VIDEO_LOADING: string;
             DISCONNECT: string;
@@ -1672,9 +1676,9 @@ declare class Theme extends EventEmitter {
             GET_SPEED: string;
             MAX_SPEED_LIMIT: string;
             MIN_SPEED_LIMIT: string;
-            SEEK_CANNOT_CROSS_DAYS: string; /** 暂停控件 @since 0.0.1 @private */
+            SEEK_CANNOT_CROSS_DAYS: string;
             SEEK_TIMEFORMAT_ERROR: string;
-            PAUSE: string;
+            PAUSE: string; /** 暂停控件 @since 0.0.1 @private */
             PAUSE_FAILED: string;
             RESUME: string;
             RESUME_FAILED: string;
@@ -1689,11 +1693,6 @@ declare class Theme extends EventEmitter {
             VIDEO_LEVEL_AUTO: string;
             VIDEO_LEVEL_FLUENT: string;
             VIDEO_LEVEL_STANDARD: string;
-            /**
-             * 更多控件（footer more）
-             * @since 0.0.1
-             * @private
-             */
             VIDEO_LEVEL_HEIGH: string;
             VIDEO_LEVEL_SUPER: string;
             VIDEO_LEVEL_EXTREME: string;
@@ -1718,7 +1717,7 @@ declare class Theme extends EventEmitter {
             BTN_EXIR_FULLSCREEN: string;
             BTN_HD: string;
             BTN_SPEED: string;
-            BTN_CLOUDREC: string;
+            BTN_CLOUDREC: string; /**  @since 0.0.1 @private */
             BTN_CLOUDRECORD: string;
             BTN_REC: string;
             BTN_CALENDAR: string;
@@ -1727,7 +1726,6 @@ declare class Theme extends EventEmitter {
             DEVICE_ID: string;
             CAPTURE_SUCCESS: string;
             CAPTURE_FAILED: string;
-            /**  resizeObserver 监听销毁 */
             START_RECORD_SUCCESS: string;
             START_RECORD_FAILED: string;
             STOP_RECORD_SUCCESS: string;
@@ -1749,12 +1747,12 @@ declare class Theme extends EventEmitter {
             ZOOM_NOT_ENABLED: string;
             '3D_ZOOM': string;
             '3D_ZOOM_DISABLE': string;
-            '3D_ZOOM_FAILED': string; /** 放大中  true: 可缩放状态，false: 禁止缩放状态(不能缩放) @private */
+            '3D_ZOOM_FAILED': string;
             START_3D_ZOOM: string;
             CLOSE_3D_ZOOM: string;
             DEVICE_NOT_SUPPORT_3D_ZOOM: string;
             '3D_ZOOM_ACTIVED': string;
-            '3D_ZOOM_NOT_ACTIVED': string;
+            '3D_ZOOM_NOT_ACTIVED': string; /** 对讲中 @private */
             '3D_ZOOM_CLOSED': string;
             CHANGE_ZOOM_TYPE: string;
             FULLSCREEN: string;
@@ -1765,20 +1763,17 @@ declare class Theme extends EventEmitter {
             DESTROY: string;
             GET_CAPACITY: string;
             GET_PTZ_STATUS: string;
-            /**
-             * 录像回放的月份列表 @private
-             */
             GET_PTZ_STATUS_FAILED: string;
             MOBILE_HIDE_PTZ: string;
             OPTION_PTZ_FAILED: string;
             MOBILE_PTZ_TIPS: string;
             PTZ_FAST: string;
-            /**
-             * 录像回放的月份列表 @private
-             */
             PTZ_MID: string;
             PTZ_SLOW: string;
             PTZ_SPEED: string;
+            /**
+             * 录像回放的月份列表 @private
+             */
             DEVICE_ZOOM: string;
             DEVICE_FOCUS: string;
             NOT_SUPPORT_DEVICE_ZOOM: string;
@@ -1862,30 +1857,28 @@ declare class Theme extends EventEmitter {
             395703: string;
             396001: string;
             396099: string;
-            396101: string;
+            396101: string; /** 回放底部时间轴 @since 0.0.1 @private */
             396102: string;
             396103: string;
             396104: string;
             396105: string;
             396106: string;
-            396107: string; /**  resizeObserver 监听销毁 */
+            396107: string;
             396108: string;
             396109: string;
             396110: string;
             396501: string;
             396502: string;
             396503: string;
+            /** 是否播放中 @private */
             396504: string;
             396505: string;
             396506: string;
-            396508: string; /** 倍速 @private */
+            396508: string;
             396509: string;
             396510: string;
             396511: string;
             396512: string;
-            /**
-             * 录像回放的月份列表 @private
-             */
             396513: string;
             396514: string;
             396515: string;
@@ -1935,7 +1928,12 @@ declare class Theme extends EventEmitter {
             TIMEFORMAT_ERROR: string;
             USE_MULTITHREADING_WARING: string;
             OPEN_INSTRUCTIONS: string;
-            INIT_FINSHED: string;
+            INIT_FINSHED: string; /**
+             * 当前播放状态
+             * ```ts
+             * theme.playing // boolean
+             * ```
+             */
             INIT_SUCCESS: string;
             GET_PLAYURL_FAILED: string;
             VIDEO_LOADING: string;
@@ -1964,11 +1962,16 @@ declare class Theme extends EventEmitter {
             RESUME: string;
             RESUME_FAILED: string;
             CALL_END: string;
+            /**
+             * 加载状态
+             * ```ts
+             * // 事件监听
+             * theme.on(Theme.EVENTS.loading, (loading: boolean) => {})
+             * ```
+             */
             USER_DO_NOT_OWN_DEVICE: string;
             NO_CLOUD_RECORD: string;
-            CHANGE_VIDEO_LEVEL: string; /**
-             * 音量值
-             */
+            CHANGE_VIDEO_LEVEL: string;
             CHANGE_VIDEO_LEVEL_FAIL: string;
             GET_VIDEO_LEVEL_LIST: string;
             PLEASE_INPUT_RIGHT_VIDEO_LEVEL: string;
@@ -1987,10 +1990,7 @@ declare class Theme extends EventEmitter {
             BTN_VOLUME: string;
             BTN_MUTED: string;
             BTN_RECORDVIDEO: string;
-            BTN_CAPTURE: string; /**
-             * 静音
-             *
-             */
+            BTN_CAPTURE: string;
             BTN_TALK: string;
             BTN_BROADCAST: string;
             BTN_AICHAT: string;
@@ -2015,7 +2015,9 @@ declare class Theme extends EventEmitter {
             CAPTURE_SUCCESS: string;
             CAPTURE_FAILED: string;
             START_RECORD_SUCCESS: string;
-            START_RECORD_FAILED: string;
+            START_RECORD_FAILED: string; /**
+             * 是否在缩放中
+             */
             STOP_RECORD_SUCCESS: string;
             STOP_RECORD_FAILED: string;
             RECORD_TIPS: string;
@@ -2522,7 +2524,12 @@ declare class Theme extends EventEmitter {
      */
     _disabled(disabled?: boolean): void;
     private _onDblClickFullscreen;
-    protected _getRecType(url: string): "" | "rec" | "cloudRec" | "cloudRecord";
+    /**
+     * 获取录像类型， 仅 ezopen 支持
+     * @param url 录像 url
+     * @returns {"rec" | "cloudRecord" | "cloudRec" | ""} 录像类型， rec: 录像， cloudRec: 云录像， cloudRecord: 云录制
+     */
+    protected _getRecType(url: string): "" | "cloudRec" | "cloudRecord" | "rec";
     private resetControl;
     /**
      * 窗口全屏后旋转 90度判断， 然后设置控件已经旋转 90度， 为了解决控件交互问题

package/package.json

@@ -1,17 +1,10 @@
 {
   "name": "@ezuikit/player-theme",
-  "version": "2.1.2-beta.8",
+  "version": "2.1.3-beta.2",
   "description": "player theme",
   "title": "theme",
   "main": "dist/index.js",
   "types": "dist/types/index.d.ts",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development rollup --config rollup.config.mjs --watch",
-    "build": "npm run clean && cross-env NODE_ENV=production rollup --config rollup.config.mjs",
-    "clean": "rimraf docs dist coverage",
-    "types": "tsc src/index.ts --emitDeclarationOnly --declaration --declarationDir dist/types --esModuleInterop",
-    "docs": "typedoc --tsconfig typedoc.config.js"
-  },
   "files": [
     "dist"
   ],