@ezuikit/player-theme 2.0.1-beta.2 → 2.0.1-beta.3

package/dist/index.js

@@ -1,6 +1,6 @@
 /*
-* @ezuikit/player-theme v2.0.1-beta.2
-* Copyright (c) 2025-12-03 Ezviz-OpenBiz
+* @ezuikit/player-theme v2.0.1-beta.3
+* Copyright (c) 2025-12-04 Ezviz-OpenBiz
 * Released under the MIT License.
 */
 'use strict';
@@ -44,7 +44,8 @@ var THEME_PROPS = [
     'speed',
     'urlInfo',
     'videoLevelList',
-    'videoLevel'
+    'videoLevel',
+    'recMonth'
 ];
 /**
  * 当移动端 picker 控件打开时需要关闭动画（定时器）
@@ -190,8 +191,9 @@ var EVENTS = {
         /** 全局全屏控件销毁 */ globalFullscreenDestroy: 'Control.globalFullscreenDestroy',
         /** 日期面板展示隐藏变换 */ datePanelOpenChange: 'Control.datePanelOpenChange',
         /** 日期改变 */ dateChange: 'Control.dateChange',
+        /** 日期改变 */ dateMonthChange: 'Control.dateMonthChange',
         /** 日期销毁 */ dateDestroy: 'Control.datePanelDestroy',
-        /**  时间轴拖动结束 */ timeLineChange: 'Control.timeLineChange',
+        /** 时间轴拖动结束 */ timeLineChange: 'Control.timeLineChange',
         /** 时间轴图片列表面板 */ timeLinePanelOpenChange: 'Control.timeLinePanelOpenChange',
         /** 时间轴控件销毁 */ timeLineDestroy: 'Control.timeLineDestroy',
         /** 主题控件挂载前 切换新的主题也会触发，如果想首次获取需要在 onInitializing 回调中进行监听 */ beforeMountControls: 'Control.beforeMountControls',
@@ -202,7 +204,7 @@ var EVENTS = {
         /** 加载控件销毁 */ loadingDestroy: 'Control.loadingDestroy',
         /** 消息控件销毁 */ messageDestroy: 'Control.messageDestroy',
         /** 播放器内容区域销毁 */ contentDestroy: 'Control.contentDestroy',
-        contentRerender: 'Control.contentRerender'
+        /** 播放器内容区域重新渲染 */ contentRerender: 'Control.contentRerender'
     },
     /**
    * 主题控件相关
@@ -4155,6 +4157,11 @@ function debounce(func, wait) {
             (_theme_zoomUtil1 = theme.zoomUtil) == null ? void 0 : (_theme_zoomUtil_setTransform1 = _theme_zoomUtil1.setTransform) == null ? void 0 : _theme_zoomUtil_setTransform1.call(_theme_zoomUtil1, false);
         }
     });
+    // 日期选择器
+    theme == null ? void 0 : theme.on(EVENTS.control.dateMonthChange, function(dates) {
+        var _theme_controls_dateControl_emit, _theme_controls_dateControl, _theme_controls;
+        (_theme_controls = theme.controls) == null ? void 0 : (_theme_controls_dateControl = _theme_controls.dateControl) == null ? void 0 : (_theme_controls_dateControl_emit = _theme_controls_dateControl.emit) == null ? void 0 : _theme_controls_dateControl_emit.call(_theme_controls_dateControl, EVENTS.control.dateMonthChange, dates);
+    });
 }
 /**
  * 控件向主题发现通信消息 control.on -> theme.emit ,仅用来转发控件的事件
@@ -4353,10 +4360,10 @@ function debounce(func, wait) {
             theme.emit(EVENTS.control.timeLineChange, date);
         });
         theme.controls.timeLineControl.on(EVENTS.control.timeLinePanelOpenChange, function(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();
+            var _theme_controls_dateControl, _theme_controls;
+            if ((_theme_controls = theme.controls) == null ? void 0 : (_theme_controls_dateControl = _theme_controls.dateControl) == null ? void 0 : _theme_controls_dateControl.datePicker) {
+                var _theme_controls_dateControl_datePicker, _theme_controls_dateControl1, _theme_controls1;
+                (_theme_controls1 = theme.controls) == null ? void 0 : (_theme_controls_dateControl1 = _theme_controls1.dateControl) == null ? void 0 : (_theme_controls_dateControl_datePicker = _theme_controls_dateControl1.datePicker) == null ? void 0 : _theme_controls_dateControl_datePicker.hide();
             }
             theme.emit(EVENTS.control.timeLinePanelOpenChange, open);
         });
@@ -8593,153 +8600,6 @@ var SPEED_DEFAULT_OPTIONS = {
     return Speed;
 }(Select);
 
-/**
- * @description 时间操作
- */ var DateTime = /*#__PURE__*/ function() {
-    function DateTime() {}
-    /**
-   * @description 时间格式化
-   * @param {Date | number | string} date
-   * @param {string} formatType 格式 'YYYY-MM-DD hh:mm:ss' 或 'YYYYMMDDhhmmss' 或 'YYYY/MM/DD hh:mm:ss'  或 'hh:mm:ss' 或 'YYYYMMDDThhmmssZ'
-   * @param {number} timeZone 时区偏移量 默认 0
-   */ DateTime.formate = function formate(date, formatType, timeZone) {
-        if (timeZone === void 0) timeZone = 0;
-        var dateTime = date;
-        if (typeof date === 'string') {
-            dateTime = DateTime.strToDate(date);
-        } else if (typeof date === 'number') {
-            dateTime = new Date(date);
-        }
-        dateTime = new Date(dateTime.getTime() - timeZone * 3600 * 1000);
-        var year = dateTime.getFullYear();
-        var month = String(dateTime.getMonth() + 1).padStart(2, '0');
-        var day = String(dateTime.getDate()).padStart(2, '0');
-        var hours = String(dateTime.getHours()).padStart(2, '0');
-        var minutes = String(dateTime.getMinutes()).padStart(2, '0');
-        var seconds = String(dateTime.getSeconds()).padStart(2, '0');
-        switch(formatType){
-            case 'YYYY-MM-DD hh:mm:ss':
-                return year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
-            case 'YYYYMMDDhhmmss':
-                return "" + year + month + day + hours + minutes + seconds;
-            case 'YYYY/MM/DD hh:mm:ss':
-                return year + "/" + month + "/" + day + " " + hours + ":" + minutes + ":" + seconds;
-            case 'YYYYMMDDThhmmssZ':
-                return "" + year + month + day + "T" + hours + minutes + seconds + "Z";
-            case 'YYYY/MM/DD':
-                return year + "/" + month + "/" + day;
-            case 'YYYYMMDD':
-                return "" + year + month + day;
-            case 'YYYY-MM-DD':
-                return year + "-" + month + "-" + day;
-            case 'YYYY':
-                return "" + year;
-            case 'MM':
-                return "" + month;
-            case 'DD':
-                return "" + day;
-            case 'hh:mm:ss':
-                return hours + ":" + minutes + ":" + seconds;
-            case 'hh':
-                return "" + hours;
-            case 'mm':
-                return "" + minutes;
-            case 'ss':
-                return "" + seconds;
-            default:
-                throw new Error('Unsupported format type');
-        }
-    };
-    /**
-   * @description 对比两个时间的差值
-   * @param {Date | string  | number} date1
-   * @param {Date | string  | number} date2
-   * @param {"year" | "month" | "day" | "hour" | "minute" | "second"} diffType
-   */ DateTime.diff = function diff(date1, date2, diffType) {
-        /** @type {Date} */ var dateTime1 = date1;
-        if (typeof date1 === 'string') {
-            dateTime1 = DateTime.strToDate(date1);
-        } else if (typeof date1 === 'number') {
-            dateTime1 = new Date(date1);
-        }
-        /** @type {Date} */ var dateTime2 = date2;
-        if (typeof date2 === 'string') {
-            dateTime1 = DateTime.strToDate(date2);
-        } else if (typeof date2 === 'number') {
-            dateTime1 = new Date(date2);
-        }
-        var diffSecond = dateTime1.getTime() - dateTime2.getTime();
-        // diff
-        switch(diffType){
-            case 'year':
-                return dateTime1.getFullYear() - dateTime2.getFullYear();
-            case 'month':
-                // 计算总月份差
-                // eslint-disable-next-line no-case-declarations
-                var months = (dateTime1.getFullYear() - dateTime2.getFullYear()) * 12 + (dateTime1.getMonth() - dateTime2.getMonth());
-                // 如果结束日的日期小于开始日的日期，则减去一个月
-                if (dateTime1.getDate() < dateTime2.getDate()) {
-                    months--;
-                }
-                return months;
-            case 'day':
-                return diffSecond / 60 / 60 / 24;
-            case 'hour':
-                return diffSecond / 60 / 60;
-            case 'minute':
-                return diffSecond / 60;
-            case 'second':
-                return diffSecond;
-            default:
-                throw new Error('Unsupported diff type');
-        }
-    };
-    DateTime.now = function now() {
-        return Date.now();
-    };
-    /**
-   *
-   * @param {string} str 日期， 2025-04-10 10:10:10 或 2025/04/10 10:10:10 或 20250410101010 或 20250410T101010Z  或 秒 或 毫秒
-   * @example
-   * DateTime.strToDate("2025/04/10 10:10:10") // Date
-   * DateTime.strToDate("2025-04-10 10:10:10") // Date
-   * DateTime.strToDate("20250410101010") // Date
-   * DateTime.strToDate("20250410T101010Z") // Date
-   */ DateTime.strToDate = function strToDate(str) {
-        var time = (str + '').replace(/-/gi, '').replace(/:/gi, '').replace(/\//gi, '').replace(/ /gi, '').replace(/T|Z/gi, '');
-        // 兼容
-        if ((str + '').length === 10) {
-            // 时间戳 秒
-            return new Date(+str);
-        } else if ((str + '').length === 13) {
-            // 时间戳 毫秒
-            return new Date(+str);
-        }
-        var year = time.slice(0, 4);
-        var month = time.slice(4, 6);
-        var day = time.slice(6, 8);
-        var hour = time.slice(8, 10);
-        var minute = time.slice(10, 12);
-        var second = time.slice(12, 14);
-        return new Date(year + '/' + month + '/' + day + ' ' + hour + ':' + minute + ':' + second);
-    };
-    /**
-   * @description 补充十位
-   * @param {number} num
-   * @returns {string}
-   * @example
-   * DateTime.padStart(1) // "01"
-   * DateTime.padStart(33) // "33"
-   */ DateTime.padStart = function padStart(num) {
-        if (num < 10) {
-            return '0' + num;
-        } else {
-            return num + '';
-        }
-    };
-    return DateTime;
-}();
-
 function _extends$5() {
     _extends$5 = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
@@ -8790,13 +8650,19 @@ function _set_prototype_of$6(o, p) {
             classNameSuffix: 'date'
         })) || this;
         _this.options = options;
-        _this._value = DateTime.formate(((_this_options_props = _this.options.props) == null ? void 0 : (_this_options_props_urlInfo = _this_options_props.urlInfo) == null ? void 0 : (_this_options_props_urlInfo_searchParams = _this_options_props_urlInfo.searchParams) == null ? void 0 : _this_options_props_urlInfo_searchParams.begin) || new Date(), 'YYYY-MM-DD');
+        _this._value = require$$1.DateTime.format(((_this_options_props = _this.options.props) == null ? void 0 : (_this_options_props_urlInfo = _this_options_props.urlInfo) == null ? void 0 : (_this_options_props_urlInfo_searchParams = _this_options_props_urlInfo.searchParams) == null ? void 0 : _this_options_props_urlInfo_searchParams.begin) || new Date(), 'YYYY-MM-DD');
         _this._render();
+        // 日期上的点
+        _this.on(EVENTS.control.dateMonthChange, function(dates) {
+            var _this_datePicker_updateBadges, _this_datePicker;
+            (_this_datePicker = _this.datePicker) == null ? void 0 : (_this_datePicker_updateBadges = _this_datePicker.updateBadges) == null ? void 0 : _this_datePicker_updateBadges.call(_this_datePicker, dates);
+        });
         return _this;
     }
     var _proto = DatePickerControl.prototype;
     _proto._render = function _render() {
         var _this = this;
+        var _this_options_props;
         var isMobile1 = require$$1.isMobile();
         if (isMobile1) {
             var _this_locale;
@@ -8807,7 +8673,7 @@ function _set_prototype_of$6(o, p) {
                 title: (_this_locale1 = this.locale) == null ? void 0 : _this_locale1.BTN_CALENDAR
             });
         }
-        this.dataPicker = new controlDatePicker.DatePicker(this.$container, {
+        this.datePicker = new controlDatePicker.DatePicker(this.$container, {
             isMobile: isMobile1,
             getPopupContainer: function() {
                 return _this.$container;
@@ -8817,7 +8683,7 @@ function _set_prototype_of$6(o, p) {
                 0,
                 -10
             ],
-            badges: this.options.badges || [],
+            badges: ((_this_options_props = this.options.props) == null ? void 0 : _this_options_props.recMonth) || [],
             language: this.options.language === 'zh' ? 'zh' : 'en',
             current: new Date(this._value + ' 00:00:00'),
             disabledDate: function(date) {
@@ -8825,8 +8691,8 @@ function _set_prototype_of$6(o, p) {
             },
             placement: 'tr',
             onOk: function(date, mode) {
-                if (date && _this._value !== DateTime.formate(date, 'YYYY-MM-DD') && isMobile1) {
-                    _this._value = DateTime.formate(date, 'YYYY-MM-DD');
+                if (date && _this._value !== require$$1.DateTime.format(date, 'YYYY-MM-DD') && isMobile1) {
+                    _this._value = require$$1.DateTime.format(date, 'YYYY-MM-DD');
                     _this.options.onChange == null ? void 0 : _this.options.onChange.call(_this.options, date);
                     _this.emit(EVENTS.control.dateChange, date);
                     if (date && _this.$container.querySelector("." + PREFIX_CLASS + "-mobile-date-filter-value")) {
@@ -8835,15 +8701,15 @@ function _set_prototype_of$6(o, p) {
                 }
             },
             onChange: function(date, mode) {
-                if (date && _this._value !== DateTime.formate(date, 'YYYY-MM-DD') && !isMobile1 && mode === 'date') {
-                    _this._value = DateTime.formate(date, 'YYYY-MM-DD');
+                if (date && _this._value !== require$$1.DateTime.format(date, 'YYYY-MM-DD') && !isMobile1 && mode === 'date') {
+                    _this._value = require$$1.DateTime.format(date, 'YYYY-MM-DD');
                     _this.options.onChange == null ? void 0 : _this.options.onChange.call(_this.options, date);
                     _this.emit(EVENTS.control.dateChange, date);
                 }
             },
             onOpenChange: function(open) {
-                _this.options.onPanelChange == null ? void 0 : _this.options.onPanelChange.call(_this.options, open, _this.dataPicker.current);
-                _this.emit(EVENTS.control.datePanelOpenChange, open, _this.dataPicker.current);
+                _this.options.onPanelChange == null ? void 0 : _this.options.onPanelChange.call(_this.options, open, _this.datePicker.current);
+                _this.emit(EVENTS.control.datePanelOpenChange, open, _this.datePicker.current);
             }
         });
     };
@@ -8853,27 +8719,27 @@ function _set_prototype_of$6(o, p) {
    * @param change 是否触发 onChange 事件
    */ _proto.setDate = function setDate(date, change) {
         if (change === void 0) change = true;
-        var _this_dataPicker;
-        (_this_dataPicker = this.dataPicker) == null ? void 0 : _this_dataPicker.setCurrent(date, change);
-        if (date && !change && this._value !== DateTime.formate(date, 'YYYY-MM-DD')) {
-            this._value = DateTime.formate(date, 'YYYY-MM-DD');
+        var _this_datePicker;
+        (_this_datePicker = this.datePicker) == null ? void 0 : _this_datePicker.setCurrent(date, change);
+        if (date && !change && this._value !== require$$1.DateTime.format(date, 'YYYY-MM-DD')) {
+            this._value = require$$1.DateTime.format(date, 'YYYY-MM-DD');
             if (date && this.$container.querySelector("." + PREFIX_CLASS + "-mobile-date-filter-value")) {
                 this.$container.querySelector("." + PREFIX_CLASS + "-mobile-date-filter-value").innerHTML = this._getDateStr();
             }
         }
     };
     _proto.reset = function reset() {
-        if (this.dataPicker) this.dataPicker.open = false;
+        if (this.datePicker) this.datePicker.open = false;
         Control.prototype.reset.call(this);
     };
     /**
    * 销毁控件
    * @override
    */ _proto.destroy = function destroy() {
-        if (this.dataPicker) {
-            this.dataPicker.destroy();
+        if (this.datePicker) {
+            this.datePicker.destroy();
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            this.dataPicker = null;
+            this.datePicker = null;
         }
         Control.prototype.destroy.call(this);
     };
@@ -9956,8 +9822,7 @@ var _renderDatePicker = function(theme, container, props) {
                 return container;
             },
             language: theme.options.language,
-            locales: theme.i18n.translations,
-            staticPath: theme.options.staticPath
+            locales: theme.i18n.translations
         }, ((_theme_options = theme.options) == null ? void 0 : _theme_options["dateOptions"]) || {}, {
             props: props
         }));
@@ -10256,7 +10121,20 @@ var THEME_DEFAULT_OPTIONS = {
    */ _this._footerMoreControl = null, /** 头部控件 @since 0.0.1 @private */ _this._header = null, /** 低部控件 @since 0.0.1 @private */ _this._footer = null, /** 回放底部时间轴 @since 0.0.1 @private */ _this._recFooter = null, /**
    * 移动端扩展容器, 扩展的控件渲染在指定容器以外， 仅只用端适用， 为了可以放置大的控件和方便开发接入
    * @private
-   */ _this._mobileExtend = null, /**  @since 0.0.1 @private */ _this._interactiveResult = null, /**  @since 0.0.1 @private */ _this._themeData = null, _this._fullscreen = null, _this.zoomUtil = null, /** 清除屏幕旋转 */ _this._cleanupOrientation = null, /**  resizeObserver 监听销毁 */ _this._cleanUpResizeObserver = null, /** 容器的宽 */ _this._width = 0, /** 容器的高 */ _this._height = 0, /** 当前容器的全屏状态  true: 全屏， false: 非全屏 */ _this._isCurrentFullscreen = false, /** 屏幕旋转角度 0 ｜ 90 ｜ 180 ｜ 270 */ _this._orientationAngle = 0, /** 是否播放中 @private */ _this._playing = false, /** 加载中 */ _this._loading = false, /** 音量 */ _this._volume = 0, /** 静音 */ _this._muted = false, /** 电子放大倍数 @private */ _this._zoom = 1, /** 放大中  true: 可缩放状态，false: 禁止缩放状态(不能缩放) @private */ _this._zooming = false, /** 录制中 @private */ _this._recording = false, /** 对讲中 @private */ _this._talking = false, /** 倍速 @private */ _this._speed = 1, /** 自定清晰度 @private */ _this._videoLevelAuto = false, /** 清晰度列表 */ _this.videoLevelList = [], /** 回放片段列表 */ _this.recordList = [], /** 窗口尺寸变化时，设置窗口超出隐藏，防止出现滚动条 */ _this._resizeOverflowTimer = null, /** 清理 header/footer 动画 定时器 @private */ _this._onPauseTimingFunc = null, /** 销毁标识  @readonly */ _this.destroyed = false, /** 播放地址信息 */ _this.urlInfo = null, _this.scaleMode = 0;
+   */ _this._mobileExtend = null, /**  @since 0.0.1 @private */ _this._interactiveResult = null, /**  @since 0.0.1 @private */ _this._themeData = null, _this._fullscreen = null, _this.zoomUtil = null, /** 清除屏幕旋转 */ _this._cleanupOrientation = null, /**  resizeObserver 监听销毁 */ _this._cleanUpResizeObserver = null, /** 容器的宽 */ _this._width = 0, /** 容器的高 */ _this._height = 0, /** 当前容器的全屏状态  true: 全屏， false: 非全屏 */ _this._isCurrentFullscreen = false, /** 屏幕旋转角度 0 ｜ 90 ｜ 180 ｜ 270 */ _this._orientationAngle = 0, /** 是否播放中 @private */ _this._playing = false, /** 加载中 */ _this._loading = false, /** 音量 */ _this._volume = 0, /** 静音 */ _this._muted = false, /** 电子放大倍数 @private */ _this._zoom = 1, /** 放大中  true: 可缩放状态，false: 禁止缩放状态(不能缩放) @private */ _this._zooming = false, /** 录制中 @private */ _this._recording = false, /** 对讲中 @private */ _this._talking = false, /** 倍速 @private */ _this._speed = 1, /** 自定清晰度 @private */ _this._videoLevelAuto = false, /** 清晰度列表 */ _this.videoLevelList = [], /** 回放片段列表 */ _this.recordList = [], /** 窗口尺寸变化时，设置窗口超出隐藏，防止出现滚动条 */ _this._resizeOverflowTimer = null, // /**
+        //  * 记录回放的月份
+        //  *
+        //  * key: {序列号}_{通道号}_{rec | cloud | cloudRecord}   比如：BC7799091_1_rec  BC7799091_1_cloud BC7799091_1_cloudRecord
+        //  *
+        //  * value: 月份列表  比如 ["2025-12-01", "2025-12-02"]
+        //  * @private
+        //  */
+        // _recMonthObj: Record<string, string[]> = {};
+        /**
+   * 录像回放的月份列表 @private
+   */ _this.recMonth = [
+            '2025-12-01'
+        ], /** 清理 header/footer 动画 定时器 @private */ _this._onPauseTimingFunc = null, /** 销毁标识  @readonly */ _this.destroyed = false, /** 播放地址信息 */ _this.urlInfo = null, _this.scaleMode = 0;
         _this._initOptions(options);
         if (_this.options.type === 'ezopen') {
             var _this_urlInfo_searchParams, _this_urlInfo;
@@ -10266,7 +10144,7 @@ var THEME_DEFAULT_OPTIONS = {
             }
             if (_this.urlInfo.type === 'rec') {
                 var _this_urlInfo_searchParams1, _this_urlInfo1, _this_urlInfo_searchParams2, _this_urlInfo2;
-                _this._seekDate = ((_this_urlInfo1 = _this.urlInfo) == null ? void 0 : (_this_urlInfo_searchParams1 = _this_urlInfo1.searchParams) == null ? void 0 : _this_urlInfo_searchParams1.begin) ? DateTime.strToDate((_this_urlInfo2 = _this.urlInfo) == null ? void 0 : (_this_urlInfo_searchParams2 = _this_urlInfo2.searchParams) == null ? void 0 : _this_urlInfo_searchParams2.begin) : DateTime.strToDate(DateTime.formate(new Date(), 'YYYY/MM/DD') + ' 00:00:00');
+                _this._seekDate = ((_this_urlInfo1 = _this.urlInfo) == null ? void 0 : (_this_urlInfo_searchParams1 = _this_urlInfo1.searchParams) == null ? void 0 : _this_urlInfo_searchParams1.begin) ? require$$1.DateTime.toDate((_this_urlInfo2 = _this.urlInfo) == null ? void 0 : (_this_urlInfo_searchParams2 = _this_urlInfo2.searchParams) == null ? void 0 : _this_urlInfo_searchParams2.begin) : require$$1.DateTime.toDate(require$$1.DateTime.format(new Date(), 'YYYY/MM/DD') + ' 00:00:00');
             }
         }
         _this._getRecType(_this.options.url);
@@ -11478,7 +11356,7 @@ var THEME_DEFAULT_OPTIONS = {
     zh: zh,
     en: en
 };
-/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '2.0.1-beta.2';
+/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '2.0.1-beta.3';
 
 exports.Control = Control;
 exports.Fullscreen = Fullscreen;