@ezuikit/player-theme 1.0.0-beta.1 → 1.0.0

package/dist/index.js

@@ -1,6 +1,6 @@
 /*
-* @ezuikit/player-theme v1.0.0-beta.1
-* Copyright (c) 2025-10-27 Ezviz-OpenBiz
+* @ezuikit/player-theme v1.0.0
+* Copyright (c) 2025-11-03 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 'use strict';
@@ -188,6 +188,7 @@ const EVENTS = {
         /** 日期改变 */ dateChange: 'Control.dateChange',
         /** 日期销毁 */ dateDestroy: 'Control.datePanelDestroy',
         /**  时间轴拖动结束 */ timeLineChange: 'Control.timeLineChange',
+        /** 时间轴图片列表面板 */ timeLinePanelOpenChange: 'Control.timeLinePanelOpenChange',
         /** 时间轴控件销毁 */ timeLineDestroy: 'Control.timeLineDestroy',
         /** 主题控件挂载前 切换新的主题也会触发，如果想首次获取需要在 onInitializing 回调中进行监听 */ beforeMountControls: 'Control.beforeMountControls',
         /** 主题控件挂载完成, 切换新的主题也会触发，如果想首次获取需要在 onInitializing 回调中进行监听 */ mountedControls: 'Control.mountedControls',
@@ -3703,6 +3704,14 @@ function debounce(func, wait) {
         theme.controls.timeLineControl.on(EVENTS.control.timeLineChange, (date)=>{
             theme.emit(EVENTS.control.timeLineChange, date);
         });
+        theme.controls.timeLineControl.on(EVENTS.control.timeLinePanelOpenChange, (open)=>{
+            var _theme_controls_dateControl;
+            if ((_theme_controls_dateControl = theme.controls.dateControl) == null ? void 0 : _theme_controls_dateControl.dataPickerUtil) {
+                var _theme_controls_dateControl_dataPickerUtil, _theme_controls_dateControl1;
+                (_theme_controls_dateControl1 = theme.controls.dateControl) == null ? void 0 : (_theme_controls_dateControl_dataPickerUtil = _theme_controls_dateControl1.dataPickerUtil) == null ? void 0 : _theme_controls_dateControl_dataPickerUtil.hide();
+            }
+            theme.emit(EVENTS.control.timeLinePanelOpenChange, open);
+        });
         theme.controls.timeLineControl.on(EVENTS.control.timeLineDestroy, ()=>{
             theme.emit(EVENTS.control.timeLineDestroy);
         });
@@ -7009,7 +7018,7 @@ const DEFAULT_OPTIONS = {
 };
 /**
  * 日期选择器
- */ let DatePicker$1 = class DatePicker {
+ */ class DatePicker {
     _init() {
         // 因为挂载在行内，需要父标签设置 position: relative;
         this.$container.style.cssText += `;position: relative;`;
@@ -7137,7 +7146,7 @@ const DEFAULT_OPTIONS = {
             }
         });
     }
-};
+}
 
 /**
  * @description 时间操作
@@ -7300,7 +7309,7 @@ function _extends$5() {
 /**
  * 日历选择器控件
  * @category Control
- */ class DatePicker extends Control {
+ */ class DatePickerControl extends Control {
     _render() {
         if (utilsTools.isMobile()) {
             var _this_locale;
@@ -7315,7 +7324,7 @@ function _extends$5() {
                 title: (_this_locale1 = this.locale) == null ? void 0 : _this_locale1.BTN_CALENDAR
             });
         }
-        this.dataPickerUtil = new DatePicker$1(this.$container, {
+        this.dataPickerUtil = new DatePicker(this.$container, {
             staticPath: this.options.staticPath,
             language: this.options.language === 'zh' ? 'zh-CN' : 'en-US',
             current: new Date(this._value + ' 00:00:00'),
@@ -7407,10 +7416,16 @@ function _extends$4() {
     _render() {
         var _this_timeLineUtil_updateTimeSections, _this_timeLineUtil;
         const _timeLineOptions = {
-            // locale: this._options.locale,
+            language: this._options.language || 'zh',
+            coverQuery: this._options.coverQuery || '',
             onChange: (date)=>{
-                this._options.onChange == null ? void 0 : this._options.onChange.call(this._options, date);
-                this.emit(EVENTS.control.timeLineChange, date);
+                if (this._currentTime !== (date == null ? void 0 : date.getTime())) {
+                    this._options.onChange == null ? void 0 : this._options.onChange.call(this._options, date);
+                    this.emit(EVENTS.control.timeLineChange, date);
+                }
+            },
+            onPickerOpenChange: (open)=>{
+                this.emit(EVENTS.control.timeLinePanelOpenChange, open);
             },
             // 2025-10-27 仅移动端支持
             onPickerSelect: (item)=>{
@@ -7486,7 +7501,8 @@ function _extends$4() {
             tagName: 'div',
             controlType: 'block',
             classNameSuffix: 'time-line'
-        })), this._$add = null, this._$reduce = null, this.records = [];
+        })), this._$add = null, this._$reduce = null, this._currentTime = 0, this.records = [];
+        this._currentTime = 0;
         this._options = options;
         this.records = ((_this__options = this._options) == null ? void 0 : (_this__options_props = _this__options.props) == null ? void 0 : _this__options_props.recordList) || [];
         this._render();
@@ -7497,9 +7513,13 @@ function _extends$4() {
             (_this_timeLineUtil = this.timeLineUtil) == null ? void 0 : (_this_timeLineUtil_updateTimeSections = _this_timeLineUtil.updateTimeSections) == null ? void 0 : _this_timeLineUtil_updateTimeSections.call(_this_timeLineUtil, records);
         });
         this.on(EVENTS.getOSDTime, (time)=>{
-            var // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-            _this_timeLineUtil_update, _this_timeLineUtil;
-            (_this_timeLineUtil = this.timeLineUtil) == null ? void 0 : (_this_timeLineUtil_update = _this_timeLineUtil.update) == null ? void 0 : _this_timeLineUtil_update.call(_this_timeLineUtil, new Date(time * 1000));
+            if (time) {
+                var // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+                _this_timeLineUtil_update, _this_timeLineUtil;
+                const date = new Date(time * 1000);
+                this._currentTime = date.getTime();
+                (_this_timeLineUtil = this.timeLineUtil) == null ? void 0 : (_this_timeLineUtil_update = _this_timeLineUtil.update) == null ? void 0 : _this_timeLineUtil_update.call(_this_timeLineUtil, date);
+            }
         });
     }
 }
@@ -7565,7 +7585,7 @@ const Controls = {
     globalFullscreen: GlobalFullscreen,
     rec: Rec,
     speed: Speed,
-    date: DatePicker,
+    date: DatePickerControl,
     timeLine: TimeLineControl
 };
 
@@ -8135,12 +8155,13 @@ function _renderTheme(theme, data) {
 }
 const _renderTimeLine = (theme, container, props = {})=>{
     if (!theme.controls.timeLineControl && theme.options.timeLineOptions !== null) {
-        var _theme_options;
+        var _theme_urlInfo, _theme_options;
         // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
         theme.controls.timeLineControl = new Controls['timeLine'](_extends$1({
             getPopupContainer: ()=>container,
             language: theme.options.language,
-            locales: theme.i18n.translations
+            locales: theme.i18n.translations,
+            coverQuery: ((_theme_urlInfo = theme.urlInfo) == null ? void 0 : _theme_urlInfo.validateCode) ? `decodekey=${theme.urlInfo.validateCode}` : ''
         }, ((_theme_options = theme.options) == null ? void 0 : _theme_options[`timeLineOptions`]) || {}, {
             props
         }));
@@ -9347,7 +9368,7 @@ const THEME_DEFAULT_OPTIONS = {
     zh,
     en
 };
-/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '1.0.0-beta.1';
+/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '1.0.0';
 
 exports.Control = Control;
 exports.Fullscreen = Fullscreen;

package/dist/index.mjs

@@ -1,6 +1,6 @@
 /*
-* @ezuikit/player-theme v1.0.0-beta.1
-* Copyright (c) 2025-10-27 Ezviz-OpenBiz
+* @ezuikit/player-theme v1.0.0
+* Copyright (c) 2025-11-03 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 import EventEmitter from 'eventemitter3';
@@ -184,6 +184,7 @@ const EVENTS = {
         /** 日期改变 */ dateChange: 'Control.dateChange',
         /** 日期销毁 */ dateDestroy: 'Control.datePanelDestroy',
         /**  时间轴拖动结束 */ timeLineChange: 'Control.timeLineChange',
+        /** 时间轴图片列表面板 */ timeLinePanelOpenChange: 'Control.timeLinePanelOpenChange',
         /** 时间轴控件销毁 */ timeLineDestroy: 'Control.timeLineDestroy',
         /** 主题控件挂载前 切换新的主题也会触发，如果想首次获取需要在 onInitializing 回调中进行监听 */ beforeMountControls: 'Control.beforeMountControls',
         /** 主题控件挂载完成, 切换新的主题也会触发，如果想首次获取需要在 onInitializing 回调中进行监听 */ mountedControls: 'Control.mountedControls',
@@ -3699,6 +3700,14 @@ function debounce(func, wait) {
         theme.controls.timeLineControl.on(EVENTS.control.timeLineChange, (date)=>{
             theme.emit(EVENTS.control.timeLineChange, date);
         });
+        theme.controls.timeLineControl.on(EVENTS.control.timeLinePanelOpenChange, (open)=>{
+            var _theme_controls_dateControl;
+            if ((_theme_controls_dateControl = theme.controls.dateControl) == null ? void 0 : _theme_controls_dateControl.dataPickerUtil) {
+                var _theme_controls_dateControl_dataPickerUtil, _theme_controls_dateControl1;
+                (_theme_controls_dateControl1 = theme.controls.dateControl) == null ? void 0 : (_theme_controls_dateControl_dataPickerUtil = _theme_controls_dateControl1.dataPickerUtil) == null ? void 0 : _theme_controls_dateControl_dataPickerUtil.hide();
+            }
+            theme.emit(EVENTS.control.timeLinePanelOpenChange, open);
+        });
         theme.controls.timeLineControl.on(EVENTS.control.timeLineDestroy, ()=>{
             theme.emit(EVENTS.control.timeLineDestroy);
         });
@@ -7005,7 +7014,7 @@ const DEFAULT_OPTIONS = {
 };
 /**
  * 日期选择器
- */ let DatePicker$1 = class DatePicker {
+ */ class DatePicker {
     _init() {
         // 因为挂载在行内，需要父标签设置 position: relative;
         this.$container.style.cssText += `;position: relative;`;
@@ -7133,7 +7142,7 @@ const DEFAULT_OPTIONS = {
             }
         });
     }
-};
+}
 
 /**
  * @description 时间操作
@@ -7296,7 +7305,7 @@ function _extends$5() {
 /**
  * 日历选择器控件
  * @category Control
- */ class DatePicker extends Control {
+ */ class DatePickerControl extends Control {
     _render() {
         if (isMobile()) {
             var _this_locale;
@@ -7311,7 +7320,7 @@ function _extends$5() {
                 title: (_this_locale1 = this.locale) == null ? void 0 : _this_locale1.BTN_CALENDAR
             });
         }
-        this.dataPickerUtil = new DatePicker$1(this.$container, {
+        this.dataPickerUtil = new DatePicker(this.$container, {
             staticPath: this.options.staticPath,
             language: this.options.language === 'zh' ? 'zh-CN' : 'en-US',
             current: new Date(this._value + ' 00:00:00'),
@@ -7403,10 +7412,16 @@ function _extends$4() {
     _render() {
         var _this_timeLineUtil_updateTimeSections, _this_timeLineUtil;
         const _timeLineOptions = {
-            // locale: this._options.locale,
+            language: this._options.language || 'zh',
+            coverQuery: this._options.coverQuery || '',
             onChange: (date)=>{
-                this._options.onChange == null ? void 0 : this._options.onChange.call(this._options, date);
-                this.emit(EVENTS.control.timeLineChange, date);
+                if (this._currentTime !== (date == null ? void 0 : date.getTime())) {
+                    this._options.onChange == null ? void 0 : this._options.onChange.call(this._options, date);
+                    this.emit(EVENTS.control.timeLineChange, date);
+                }
+            },
+            onPickerOpenChange: (open)=>{
+                this.emit(EVENTS.control.timeLinePanelOpenChange, open);
             },
             // 2025-10-27 仅移动端支持
             onPickerSelect: (item)=>{
@@ -7482,7 +7497,8 @@ function _extends$4() {
             tagName: 'div',
             controlType: 'block',
             classNameSuffix: 'time-line'
-        })), this._$add = null, this._$reduce = null, this.records = [];
+        })), this._$add = null, this._$reduce = null, this._currentTime = 0, this.records = [];
+        this._currentTime = 0;
         this._options = options;
         this.records = ((_this__options = this._options) == null ? void 0 : (_this__options_props = _this__options.props) == null ? void 0 : _this__options_props.recordList) || [];
         this._render();
@@ -7493,9 +7509,13 @@ function _extends$4() {
             (_this_timeLineUtil = this.timeLineUtil) == null ? void 0 : (_this_timeLineUtil_updateTimeSections = _this_timeLineUtil.updateTimeSections) == null ? void 0 : _this_timeLineUtil_updateTimeSections.call(_this_timeLineUtil, records);
         });
         this.on(EVENTS.getOSDTime, (time)=>{
-            var // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-            _this_timeLineUtil_update, _this_timeLineUtil;
-            (_this_timeLineUtil = this.timeLineUtil) == null ? void 0 : (_this_timeLineUtil_update = _this_timeLineUtil.update) == null ? void 0 : _this_timeLineUtil_update.call(_this_timeLineUtil, new Date(time * 1000));
+            if (time) {
+                var // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+                _this_timeLineUtil_update, _this_timeLineUtil;
+                const date = new Date(time * 1000);
+                this._currentTime = date.getTime();
+                (_this_timeLineUtil = this.timeLineUtil) == null ? void 0 : (_this_timeLineUtil_update = _this_timeLineUtil.update) == null ? void 0 : _this_timeLineUtil_update.call(_this_timeLineUtil, date);
+            }
         });
     }
 }
@@ -7561,7 +7581,7 @@ const Controls = {
     globalFullscreen: GlobalFullscreen,
     rec: Rec,
     speed: Speed,
-    date: DatePicker,
+    date: DatePickerControl,
     timeLine: TimeLineControl
 };
 
@@ -8131,12 +8151,13 @@ function _renderTheme(theme, data) {
 }
 const _renderTimeLine = (theme, container, props = {})=>{
     if (!theme.controls.timeLineControl && theme.options.timeLineOptions !== null) {
-        var _theme_options;
+        var _theme_urlInfo, _theme_options;
         // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
         theme.controls.timeLineControl = new Controls['timeLine'](_extends$1({
             getPopupContainer: ()=>container,
             language: theme.options.language,
-            locales: theme.i18n.translations
+            locales: theme.i18n.translations,
+            coverQuery: ((_theme_urlInfo = theme.urlInfo) == null ? void 0 : _theme_urlInfo.validateCode) ? `decodekey=${theme.urlInfo.validateCode}` : ''
         }, ((_theme_options = theme.options) == null ? void 0 : _theme_options[`timeLineOptions`]) || {}, {
             props
         }));
@@ -9343,6 +9364,6 @@ const THEME_DEFAULT_OPTIONS = {
     zh,
     en
 };
-/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '1.0.0-beta.1';
+/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '1.0.0';
 
 export { Control, Fullscreen, Loading, Message, Play, Poster, Rec, Theme, Utils, Volume, Theme as default };