@ezuikit/player-theme 3.1.0-beta.2 → 3.1.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/constant.js +6 -2
  2. package/dist/index.cjs +466 -251
  3. package/dist/index.esm.js +466 -251
  4. package/dist/index.umd.js +2440 -737
  5. package/dist/style.css +7 -3
  6. package/dist/style.js +2 -2
  7. package/dist/types/index.d.ts +33 -10
  8. package/package.json +3 -2
package/dist/index.esm.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /*
2
- * @ezuikit/player-theme v3.1.0-beta.2
3
- * Copyright (c) 2026-06-26 Ezviz-OpenBiz
2
+ * @ezuikit/player-theme v3.1.0-beta.4
3
+ * Copyright (c) 2026-07-06 Ezviz-OpenBiz
4
4
  * Released under the MIT License.
5
5
  */
6
6
  import EventEmitter from 'eventemitter3';
@@ -13,6 +13,7 @@ import I18n from '@ezuikit/utils-i18n';
13
13
  import Logger from '@ezuikit/utils-logger';
14
14
  import Zoom$1 from '@ezuikit/control-zoom';
15
15
  import { Ptz as Ptz$1, MobilePtz } from '@ezuikit/control-ptz';
16
+ import RecListModal from '@ezuikit/control-rec-list-modal';
16
17
  import { DatePicker, TimePicker } from '@ezuikit/control-date-picker';
17
18
  import { MobileTimeLine, TimeLine } from '@ezuikit/control-time-line';
18
19
 
@@ -144,6 +145,7 @@ var EVENTS = {
144
145
  /** AI对话框状态变化 */ aichatChange: 'aichatChange',
145
146
  /** 直播模式切换 */ liveChange: 'liveChange',
146
147
  /** 回放下拉选择变化 */ recDropdownChange: 'recDropdownChange',
148
+ /** 录像列表面板状态变化 */ recListChange: 'recListChange',
147
149
  /** 告警消息面板状态变化 */ alarmMessageChange: 'alarmMessageChange',
148
150
  /** 动态切换日志配置 */ setLoggerOptions: 'setLoggerOptions',
149
151
  records: 'records',
@@ -196,6 +198,9 @@ var EVENTS = {
196
198
  /** 直播控件销毁 */ liveDestroy: 'Control.liveDestroy',
197
199
  /** 回放下拉选择变化 */ recDropdownChange: 'Control.recDropdownChange',
198
200
  /** 回放下拉控件销毁 */ recDropdownDestroy: 'Control.recDropdownDestroy',
201
+ /** 录像列表面板状态变化 */ recListChange: 'Control.recListChange',
202
+ recListCardClick: 'Control.recListCardClick',
203
+ /** 录像列表控件销毁 */ recListDestroy: 'Control.recListDestroy',
199
204
  /** 告警消息面板开关 */ alarmMessageChange: 'Control.alarmMessageChange',
200
205
  /** 告警消息面板销毁 */ alarmMessageDestroy: 'Control.alarmMessageDestroy',
201
206
  /** 缩放比例改变 */ zoomChange: 'Control.zoomChange',
@@ -251,7 +256,7 @@ function _create_class$9(Constructor, protoProps, staticProps) {
251
256
  if (protoProps) _defineProperties$9(Constructor.prototype, protoProps);
252
257
  return Constructor;
253
258
  }
254
- function _inherits$x(subClass, superClass) {
259
+ function _inherits$y(subClass, superClass) {
255
260
  if (typeof superClass !== "function" && superClass !== null) {
256
261
  throw new TypeError("Super expression must either be null or a function");
257
262
  }
@@ -262,14 +267,14 @@ function _inherits$x(subClass, superClass) {
262
267
  configurable: true
263
268
  }
264
269
  });
265
- if (superClass) _set_prototype_of$x(subClass, superClass);
270
+ if (superClass) _set_prototype_of$y(subClass, superClass);
266
271
  }
267
- function _set_prototype_of$x(o, p) {
268
- _set_prototype_of$x = Object.setPrototypeOf || function setPrototypeOf(o, p) {
272
+ function _set_prototype_of$y(o, p) {
273
+ _set_prototype_of$y = Object.setPrototypeOf || function setPrototypeOf(o, p) {
269
274
  o.__proto__ = p;
270
275
  return o;
271
276
  };
272
- return _set_prototype_of$x(o, p);
277
+ return _set_prototype_of$y(o, p);
273
278
  }
274
279
  /**
275
280
  * 控件基类
@@ -283,7 +288,7 @@ function _set_prototype_of$x(o, p) {
283
288
  * const myControl = new MyControl({})
284
289
  * ```
285
290
  */ var Control = /*#__PURE__*/ function(EventEmitter) {
286
- _inherits$x(Control, EventEmitter);
291
+ _inherits$y(Control, EventEmitter);
287
292
  function Control(options) {
288
293
  var _this;
289
294
  var _this___options;
@@ -458,8 +463,8 @@ function _set_prototype_of$x(o, p) {
458
463
  return Control;
459
464
  }(EventEmitter);
460
465
 
461
- function _extends$w() {
462
- _extends$w = Object.assign || function(target) {
466
+ function _extends$x() {
467
+ _extends$x = Object.assign || function(target) {
463
468
  for(var i = 1; i < arguments.length; i++){
464
469
  var source = arguments[i];
465
470
  for(var key in source){
@@ -470,9 +475,9 @@ function _extends$w() {
470
475
  }
471
476
  return target;
472
477
  };
473
- return _extends$w.apply(this, arguments);
478
+ return _extends$x.apply(this, arguments);
474
479
  }
475
- function _inherits$w(subClass, superClass) {
480
+ function _inherits$x(subClass, superClass) {
476
481
  if (typeof superClass !== "function" && superClass !== null) {
477
482
  throw new TypeError("Super expression must either be null or a function");
478
483
  }
@@ -483,25 +488,25 @@ function _inherits$w(subClass, superClass) {
483
488
  configurable: true
484
489
  }
485
490
  });
486
- if (superClass) _set_prototype_of$w(subClass, superClass);
491
+ if (superClass) _set_prototype_of$x(subClass, superClass);
487
492
  }
488
- function _set_prototype_of$w(o, p) {
489
- _set_prototype_of$w = Object.setPrototypeOf || function setPrototypeOf(o, p) {
493
+ function _set_prototype_of$x(o, p) {
494
+ _set_prototype_of$x = Object.setPrototypeOf || function setPrototypeOf(o, p) {
490
495
  o.__proto__ = p;
491
496
  return o;
492
497
  };
493
- return _set_prototype_of$w(o, p);
498
+ return _set_prototype_of$x(o, p);
494
499
  }
495
500
  var LOADING_DEFAULT_OPTIONS = {};
496
501
  /**
497
502
  * 加载动画控件
498
503
  * @category Control
499
504
  */ var Loading = /*#__PURE__*/ function(Control) {
500
- _inherits$w(Loading, Control);
505
+ _inherits$x(Loading, Control);
501
506
  function Loading(options) {
502
507
  if (options === void 0) options = {};
503
508
  var _this;
504
- _this = Control.call(this, Object.assign({}, LOADING_DEFAULT_OPTIONS, _extends$w({}, options, {
509
+ _this = Control.call(this, Object.assign({}, LOADING_DEFAULT_OPTIONS, _extends$x({}, options, {
505
510
  tagName: 'div',
506
511
  controlType: 'block',
507
512
  classNameSuffix: 'loading'
@@ -539,8 +544,8 @@ var LOADING_DEFAULT_OPTIONS = {};
539
544
  return Loading;
540
545
  }(Control);
541
546
 
542
- function _extends$v() {
543
- _extends$v = Object.assign || function(target) {
547
+ function _extends$w() {
548
+ _extends$w = Object.assign || function(target) {
544
549
  for(var i = 1; i < arguments.length; i++){
545
550
  var source = arguments[i];
546
551
  for(var key in source){
@@ -551,9 +556,9 @@ function _extends$v() {
551
556
  }
552
557
  return target;
553
558
  };
554
- return _extends$v.apply(this, arguments);
559
+ return _extends$w.apply(this, arguments);
555
560
  }
556
- function _inherits$v(subClass, superClass) {
561
+ function _inherits$w(subClass, superClass) {
557
562
  if (typeof superClass !== "function" && superClass !== null) {
558
563
  throw new TypeError("Super expression must either be null or a function");
559
564
  }
@@ -564,14 +569,14 @@ function _inherits$v(subClass, superClass) {
564
569
  configurable: true
565
570
  }
566
571
  });
567
- if (superClass) _set_prototype_of$v(subClass, superClass);
572
+ if (superClass) _set_prototype_of$w(subClass, superClass);
568
573
  }
569
- function _set_prototype_of$v(o, p) {
570
- _set_prototype_of$v = Object.setPrototypeOf || function setPrototypeOf(o, p) {
574
+ function _set_prototype_of$w(o, p) {
575
+ _set_prototype_of$w = Object.setPrototypeOf || function setPrototypeOf(o, p) {
571
576
  o.__proto__ = p;
572
577
  return o;
573
578
  };
574
- return _set_prototype_of$v(o, p);
579
+ return _set_prototype_of$w(o, p);
575
580
  }
576
581
  // 不放在服务器上 是因为有可能http加载失败
577
582
  // prettier-ignore
@@ -583,11 +588,11 @@ var POSTER_OPTIONS = {
583
588
  * 封面控件
584
589
  * @category Control
585
590
  */ var Poster = /*#__PURE__*/ function(Control) {
586
- _inherits$v(Poster, Control);
591
+ _inherits$w(Poster, Control);
587
592
  function Poster(options) {
588
593
  if (options === void 0) options = {};
589
594
  var _this;
590
- _this = Control.call(this, Object.assign({}, POSTER_OPTIONS, _extends$v({}, options, {
595
+ _this = Control.call(this, Object.assign({}, POSTER_OPTIONS, _extends$w({}, options, {
591
596
  tagName: 'div',
592
597
  controlType: 'block',
593
598
  classNameSuffix: 'poster'
@@ -694,10 +699,11 @@ var Icons = {
694
699
  date: '<svg width="1em" height="1em" viewBox="0 0 20 20" fill="currentColor" focusable="false" aria-hidden="true" data-icon="date">\n <g>\n <path d="m13.35,5.9c-0.3,0 -0.5,-0.2 -0.5,-0.5l0,-3.3c0,-0.3 0.2,-0.5 0.5,-0.5s0.5,0.2 0.5,0.5l0,3.3c0,0.3 -0.3,0.5 -0.5,0.5z" />\n <path d="m6.65,5.9c-0.3,0 -0.5,-0.2 -0.5,-0.5l0,-3.3c0,-0.3 0.2,-0.5 0.5,-0.5s0.5,0.2 0.5,0.5l0,3.3c0,0.3 -0.2,0.5 -0.5,0.5z" />\n <path d="m17.45,8.4l-15,0c-0.3,0 -0.5,-0.2 -0.5,-0.5s0.2,-0.5 0.5,-0.5l15,0c0.3,0 0.5,0.2 0.5,0.5s-0.2,0.5 -0.5,0.5z" />\n <path d="m15.85,18.4l-11.7,0c-1.2,0 -2.2,-1 -2.2,-2.2l0,-10.8c0,-1.2 1,-2.2 2.2,-2.2l11.7,0c1.2,0 2.2,1 2.2,2.2l0,10.8c-0.1,1.3 -1,2.2 -2.2,2.2zm-11.7,-14.1c-0.6,0 -1.2,0.5 -1.2,1.2l0,10.8c0,0.6 0.5,1.2 1.2,1.2l11.7,0c0.6,0 1.2,-0.5 1.2,-1.2l0,-10.9c0,-0.6 -0.5,-1.2 -1.2,-1.2l-11.7,0l0,0.1z" />\n <path d="m9.95,12c-0.4,0 -0.7,-0.3 -0.7,-0.7c0,-0.2 0.1,-0.4 0.2,-0.5s0.3,-0.2 0.5,-0.2l0,0l0,0c0.4,0 0.7,0.3 0.7,0.7s-0.3,0.7 -0.7,0.7z" />\n <path d="m14.15,12c-0.4,0 -0.7,-0.3 -0.7,-0.7c0,-0.2 0.1,-0.4 0.2,-0.5c0.1,-0.1 0.3,-0.2 0.5,-0.2c0.4,0 0.7,0.3 0.7,0.7s-0.3,0.7 -0.7,0.7zm0,-1c-0.2,0 -0.3,0.1 -0.3,0.3c0,0.2 0.3,0.4 0.5,0.2c0.1,-0.1 0.1,-0.1 0.1,-0.2c0,-0.2 -0.1,-0.3 -0.3,-0.3z" />\n <path d="m5.85,15.3c-0.4,0 -0.7,-0.3 -0.7,-0.7c0,-0.2 0.1,-0.4 0.2,-0.5c0.1,-0.1 0.3,-0.2 0.5,-0.2l0,0l0,0c0.4,0 0.7,0.3 0.7,0.7c0,0.4 -0.3,0.7 -0.7,0.7z" />\n <path d="m9.95,15.3c-0.4,0 -0.7,-0.3 -0.7,-0.7c0,-0.2 0.1,-0.4 0.2,-0.5c0.1,-0.1 0.3,-0.2 0.5,-0.2l0,0l0,0c0.4,0 0.7,0.3 0.7,0.7c0.1,0.4 -0.3,0.7 -0.7,0.7z" />\n </g>\n </svg>',
695
700
  add: '<svg fill="currentColor" width="1em" height="1em" viewBox="0 0 20 20" focusable="false" aria-hidden="true" data-icon="add">\n <path d="M10.5859 2.96875L9.41406 2.96875C9.3099 2.96875 9.25781 3.02083 9.25781 3.125L9.25781 9.25781L3.4375 9.25781C3.38542 9.25781 3.34635 9.27083 3.32031 9.29688C3.29427 9.32292 3.28125 9.36198 3.28125 9.41406L3.28125 10.5859C3.28125 10.6901 3.33333 10.7422 3.4375 10.7422L9.25781 10.7422L9.25781 16.875C9.25781 16.9792 9.3099 17.0312 9.41406 17.0312L10.5859 17.0312C10.6901 17.0312 10.7422 16.9792 10.7422 16.875L10.7422 10.7422L16.5625 10.7422C16.6667 10.7422 16.7188 10.6901 16.7188 10.5859L16.7188 9.41406C16.7188 9.3099 16.6667 9.25781 16.5625 9.25781L10.7422 9.25781L10.7422 3.125C10.7422 3.07292 10.7292 3.03385 10.7031 3.00781C10.6771 2.98177 10.638 2.96875 10.5859 2.96875Z" fill-rule="evenodd" /></svg>',
696
701
  reduce: '<svg fill="currentColor" width="1em" height="1em" viewBox="0 0 20 20" focusable="false" aria-hidden="true" data-icon="reduce">\n <path d="M3.4375 9.25781L16.5625 9.25781C16.6667 9.25781 16.7188 9.3099 16.7188 9.41406L16.7188 10.5859C16.7188 10.6901 16.6667 10.7422 16.5625 10.7422L3.4375 10.7422C3.33333 10.7422 3.28125 10.6901 3.28125 10.5859L3.28125 9.41406C3.28125 9.3099 3.33333 9.25781 3.4375 9.25781Z" fill-rule="evenodd" />\n </svg>',
697
- /** 直播 */ live: '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" focusable="false" aria-hidden="true" data-icon="live">\n <rect width="18" height="13" x="3" y="7" rx="1.6" stroke-linejoin="round" stroke-width="1.5"/>\n <path d="M8.26636 4.8L10.466 7" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>\n <path d="M15.996 4.8L13.796 7" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>\n <path d="M9.8 17L15.4 13.354L9.8 10L9.8 17Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>\n </svg>',
698
- /** 回放 */ recDropdown: '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" focusable="false" aria-hidden="true" data-icon="rec-dropdown">\n <path d="M9.168 2.556C9.168 2.556 12.51 4.445 12 4.445C7.306 4.445 3.5 8.251 3.5 12.945C3.5 17.64 7.306 21.445 12 21.445C16.695 21.445 20.5 17.64 20.5 12.945C20.5 10.622 19.568 8.517 18.058 6.982" stroke-linecap="round" stroke-width="1.5"/>\n <path d="M11.61 9.829L11.61 13.731L16.064 13.731" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>\n </svg>',
699
- /** 消息/告警 */ alarmMessage: '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" focusable="false" aria-hidden="true" data-icon="alarm-message">\n <path d="M9.708 18.344L9.708 18.709C9.708 19.974 10.734 21 12 21C13.266 21 14.292 19.974 14.292 18.709L14.292 18.343" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>\n <path d="M13.833 5.751L13.833 4.833C13.833 3.821 13.013 3 12 3C10.987 3 10.167 3.821 10.167 4.833L10.167 5.751" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>\n <path d="M6.563 10.189C6.563 7.686 8.592 5.657 11.094 5.657L12.907 5.657C15.41 5.657 17.438 7.686 17.438 10.189L17.438 12.986C17.438 13.516 17.649 14.025 18.024 14.4L18.665 15.04C19.04 15.416 19.251 15.925 19.251 16.455C19.251 17.499 18.405 18.345 17.361 18.345L6.64 18.345C5.596 18.345 4.75 17.499 4.75 16.455C4.75 15.925 4.961 15.416 5.336 15.04L5.977 14.4C6.352 14.025 6.563 13.516 6.563 12.986L6.563 10.189Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>\n </svg>',
700
- time: '<svg fill="currentColor" width="1em" height="1em" viewBox="0 0 20 20" focusable="false" aria-hidden="true" data-icon="time">\n <path d="M10 1.66504C14.6026 1.66521 18.333 5.39635 18.333 9.99902C18.3328 14.6015 14.6025 18.3319 10 18.332C5.39733 18.332 1.66619 14.6017 1.66602 9.99902C1.66602 5.39624 5.39722 1.66504 10 1.66504ZM10 2.91504C6.08758 2.91504 2.91602 6.0866 2.91602 9.99902C2.91619 13.9113 6.08769 17.082 10 17.082C13.9122 17.0819 17.0828 13.9112 17.083 9.99902C17.083 6.08671 13.9123 2.91521 10 2.91504ZM10 6.875C10.3451 6.87508 10.625 7.1549 10.625 7.5V9.59863L10.71 9.63672C12.71 10.5481 13.253 10.796 13.6406 10.9727L13.7217 11.0098L13.8008 11.0459C13.8799 11.082 13.9609 11.1179 14.0557 11.1611C14.3697 11.3043 14.5083 11.6752 14.3652 11.9893C14.2221 12.3034 13.8512 12.442 13.5371 12.2988C13.4108 12.2412 13.3093 12.1949 13.2031 12.1465L13.1221 12.1094C12.7068 11.9201 12.1127 11.6495 9.74023 10.5684C9.51771 10.4667 9.375 10.2447 9.375 10V7.5C9.37504 7.15485 9.65485 6.875 10 6.875Z"/>\n </svg>'
702
+ /** 直播 */ live: '<svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" focusable="false" aria-hidden="true" data-icon="live">\n <rect width="18" height="13" x="3" y="7" rx="1.6" stroke-linejoin="round" stroke-width="1.5"/>\n <path d="M8.26636 4.8L10.466 7" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>\n <path d="M15.996 4.8L13.796 7" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>\n <path d="M9.8 17L15.4 13.354L9.8 10L9.8 17Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>\n </svg>',
703
+ /** 回放 */ recDropdown: '<svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" focusable="false" aria-hidden="true" data-icon="rec-dropdown">\n <path d="M9.168 2.556C9.168 2.556 12.51 4.445 12 4.445C7.306 4.445 3.5 8.251 3.5 12.945C3.5 17.64 7.306 21.445 12 21.445C16.695 21.445 20.5 17.64 20.5 12.945C20.5 10.622 19.568 8.517 18.058 6.982" stroke-linecap="round" stroke-width="1.5"/>\n <path d="M11.61 9.829L11.61 13.731L16.064 13.731" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>\n </svg>',
704
+ /** 消息/告警 */ alarmMessage: '<svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" focusable="false" aria-hidden="true" data-icon="alarm-message">\n <path d="M9.708 18.344L9.708 18.709C9.708 19.974 10.734 21 12 21C13.266 21 14.292 19.974 14.292 18.709L14.292 18.343" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>\n <path d="M13.833 5.751L13.833 4.833C13.833 3.821 13.013 3 12 3C10.987 3 10.167 3.821 10.167 4.833L10.167 5.751" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>\n <path d="M6.563 10.189C6.563 7.686 8.592 5.657 11.094 5.657L12.907 5.657C15.41 5.657 17.438 7.686 17.438 10.189L17.438 12.986C17.438 13.516 17.649 14.025 18.024 14.4L18.665 15.04C19.04 15.416 19.251 15.925 19.251 16.455C19.251 17.499 18.405 18.345 17.361 18.345L6.64 18.345C5.596 18.345 4.75 17.499 4.75 16.455C4.75 15.925 4.961 15.416 5.336 15.04L5.977 14.4C6.352 14.025 6.563 13.516 6.563 12.986L6.563 10.189Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>\n </svg>',
705
+ time: '<svg fill="currentColor" width="1em" height="1em" viewBox="0 0 20 20" focusable="false" aria-hidden="true" data-icon="time">\n <path d="M10 1.66504C14.6026 1.66521 18.333 5.39635 18.333 9.99902C18.3328 14.6015 14.6025 18.3319 10 18.332C5.39733 18.332 1.66619 14.6017 1.66602 9.99902C1.66602 5.39624 5.39722 1.66504 10 1.66504ZM10 2.91504C6.08758 2.91504 2.91602 6.0866 2.91602 9.99902C2.91619 13.9113 6.08769 17.082 10 17.082C13.9122 17.0819 17.0828 13.9112 17.083 9.99902C17.083 6.08671 13.9123 2.91521 10 2.91504ZM10 6.875C10.3451 6.87508 10.625 7.1549 10.625 7.5V9.59863L10.71 9.63672C12.71 10.5481 13.253 10.796 13.6406 10.9727L13.7217 11.0098L13.8008 11.0459C13.8799 11.082 13.9609 11.1179 14.0557 11.1611C14.3697 11.3043 14.5083 11.6752 14.3652 11.9893C14.2221 12.3034 13.8512 12.442 13.5371 12.2988C13.4108 12.2412 13.3093 12.1949 13.2031 12.1465L13.1221 12.1094C12.7068 11.9201 12.1127 11.6495 9.74023 10.5684C9.51771 10.4667 9.375 10.2447 9.375 10V7.5C9.37504 7.15485 9.65485 6.875 10 6.875Z"/>\n </svg>',
706
+ list: '<svg stroke="currentColor" fill="none" width="1em" height="1em" viewBox="0 0 24 24" focusable="false" aria-hidden="true" data-icon="list">\n <path d="M10.9995 5H21.0005" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n <path d="M10.9995 12H21.0005" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n <path d="M10.9995 19H21.0005" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n <path fill-rule="evenodd" clip-rule="evenodd" d="M6.99951 5C6.99951 3.896 6.10351 3 4.99951 3C3.89551 3 2.99951 3.896 2.99951 5C2.99951 6.105 3.89551 7 4.99951 7C6.10351 7 6.99951 6.105 6.99951 5V5Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n <path fill-rule="evenodd" clip-rule="evenodd" d="M6.99951 12C6.99951 10.896 6.10351 10 4.99951 10C3.89551 10 2.99951 10.896 2.99951 12C2.99951 13.105 3.89551 14 4.99951 14C6.10351 14 6.99951 13.105 6.99951 12V12Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n <path fill-rule="evenodd" clip-rule="evenodd" d="M6.99951 12C6.99951 10.896 6.10351 10 4.99951 10C3.89551 10 2.99951 10.896 2.99951 12C2.99951 13.105 3.89551 14 4.99951 14C6.10351 14 6.99951 13.105 6.99951 12V12Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n <path fill-rule="evenodd" clip-rule="evenodd" d="M6.99951 19C6.99951 17.896 6.10351 17 4.99951 17C3.89551 17 2.99951 17.896 2.99951 19C2.99951 20.105 3.89551 21 4.99951 21C6.10351 21 6.99951 20.105 6.99951 19V19Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n </svg>'
701
707
  };
702
708
 
703
709
  /**
@@ -864,6 +870,10 @@ var IconComponents = {
864
870
  if (attr === void 0) attr = {};
865
871
  return createIcon(Icons.recDropdown, 'rec-dropdown', attr);
866
872
  },
873
+ /** 录像列表 */ recList: function(attr) {
874
+ if (attr === void 0) attr = {};
875
+ return createIcon(Icons.list, 'rec-list', attr);
876
+ },
867
877
  /** 消息 */ alarmMessage: function(attr) {
868
878
  if (attr === void 0) attr = {};
869
879
  return createIcon(Icons.alarmMessage, 'alarm-message', attr);
@@ -874,8 +884,8 @@ var IconComponents = {
874
884
  }
875
885
  };
876
886
 
877
- function _extends$u() {
878
- _extends$u = Object.assign || function(target) {
887
+ function _extends$v() {
888
+ _extends$v = Object.assign || function(target) {
879
889
  for(var i = 1; i < arguments.length; i++){
880
890
  var source = arguments[i];
881
891
  for(var key in source){
@@ -886,9 +896,9 @@ function _extends$u() {
886
896
  }
887
897
  return target;
888
898
  };
889
- return _extends$u.apply(this, arguments);
899
+ return _extends$v.apply(this, arguments);
890
900
  }
891
- function _inherits$u(subClass, superClass) {
901
+ function _inherits$v(subClass, superClass) {
892
902
  if (typeof superClass !== "function" && superClass !== null) {
893
903
  throw new TypeError("Super expression must either be null or a function");
894
904
  }
@@ -899,25 +909,25 @@ function _inherits$u(subClass, superClass) {
899
909
  configurable: true
900
910
  }
901
911
  });
902
- if (superClass) _set_prototype_of$u(subClass, superClass);
912
+ if (superClass) _set_prototype_of$v(subClass, superClass);
903
913
  }
904
- function _set_prototype_of$u(o, p) {
905
- _set_prototype_of$u = Object.setPrototypeOf || function setPrototypeOf(o, p) {
914
+ function _set_prototype_of$v(o, p) {
915
+ _set_prototype_of$v = Object.setPrototypeOf || function setPrototypeOf(o, p) {
906
916
  o.__proto__ = p;
907
917
  return o;
908
918
  };
909
- return _set_prototype_of$u(o, p);
919
+ return _set_prototype_of$v(o, p);
910
920
  }
911
921
  var MESSAGE_DEFAULT_OPTIONS = {};
912
922
  /**
913
923
  * 消息控件
914
924
  * @category Control
915
925
  */ var Message = /*#__PURE__*/ function(Control) {
916
- _inherits$u(Message, Control);
926
+ _inherits$v(Message, Control);
917
927
  function Message(options) {
918
928
  if (options === void 0) options = {};
919
929
  var _this;
920
- _this = Control.call(this, Object.assign({}, MESSAGE_DEFAULT_OPTIONS, _extends$u({}, options, {
930
+ _this = Control.call(this, Object.assign({}, MESSAGE_DEFAULT_OPTIONS, _extends$v({}, options, {
921
931
  tagName: 'div',
922
932
  controlType: 'block'
923
933
  }))) || this, _this._$toast = null;
@@ -1070,8 +1080,8 @@ function _create_class$8(Constructor, protoProps, staticProps) {
1070
1080
  if (protoProps) _defineProperties$8(Constructor.prototype, protoProps);
1071
1081
  return Constructor;
1072
1082
  }
1073
- function _extends$t() {
1074
- _extends$t = Object.assign || function(target) {
1083
+ function _extends$u() {
1084
+ _extends$u = Object.assign || function(target) {
1075
1085
  for(var i = 1; i < arguments.length; i++){
1076
1086
  var source = arguments[i];
1077
1087
  for(var key in source){
@@ -1082,9 +1092,9 @@ function _extends$t() {
1082
1092
  }
1083
1093
  return target;
1084
1094
  };
1085
- return _extends$t.apply(this, arguments);
1095
+ return _extends$u.apply(this, arguments);
1086
1096
  }
1087
- function _inherits$t(subClass, superClass) {
1097
+ function _inherits$u(subClass, superClass) {
1088
1098
  if (typeof superClass !== "function" && superClass !== null) {
1089
1099
  throw new TypeError("Super expression must either be null or a function");
1090
1100
  }
@@ -1095,23 +1105,23 @@ function _inherits$t(subClass, superClass) {
1095
1105
  configurable: true
1096
1106
  }
1097
1107
  });
1098
- if (superClass) _set_prototype_of$t(subClass, superClass);
1108
+ if (superClass) _set_prototype_of$u(subClass, superClass);
1099
1109
  }
1100
- function _set_prototype_of$t(o, p) {
1101
- _set_prototype_of$t = Object.setPrototypeOf || function setPrototypeOf(o, p) {
1110
+ function _set_prototype_of$u(o, p) {
1111
+ _set_prototype_of$u = Object.setPrototypeOf || function setPrototypeOf(o, p) {
1102
1112
  o.__proto__ = p;
1103
1113
  return o;
1104
1114
  };
1105
- return _set_prototype_of$t(o, p);
1115
+ return _set_prototype_of$u(o, p);
1106
1116
  }
1107
1117
  /**
1108
1118
  * 播放/暂停控件
1109
1119
  * @category Control
1110
1120
  */ var Play = /*#__PURE__*/ function(Control) {
1111
- _inherits$t(Play, Control);
1121
+ _inherits$u(Play, Control);
1112
1122
  function Play(options) {
1113
1123
  var _this;
1114
- _this = Control.call(this, _extends$t({}, options, {
1124
+ _this = Control.call(this, _extends$u({}, options, {
1115
1125
  tagName: 'span',
1116
1126
  controlType: 'button',
1117
1127
  classNameSuffix: 'play'
@@ -1727,8 +1737,8 @@ function _create_class$6(Constructor, protoProps, staticProps) {
1727
1737
  if (protoProps) _defineProperties$6(Constructor.prototype, protoProps);
1728
1738
  return Constructor;
1729
1739
  }
1730
- function _extends$s() {
1731
- _extends$s = Object.assign || function(target) {
1740
+ function _extends$t() {
1741
+ _extends$t = Object.assign || function(target) {
1732
1742
  for(var i = 1; i < arguments.length; i++){
1733
1743
  var source = arguments[i];
1734
1744
  for(var key in source){
@@ -1739,9 +1749,9 @@ function _extends$s() {
1739
1749
  }
1740
1750
  return target;
1741
1751
  };
1742
- return _extends$s.apply(this, arguments);
1752
+ return _extends$t.apply(this, arguments);
1743
1753
  }
1744
- function _inherits$s(subClass, superClass) {
1754
+ function _inherits$t(subClass, superClass) {
1745
1755
  if (typeof superClass !== "function" && superClass !== null) {
1746
1756
  throw new TypeError("Super expression must either be null or a function");
1747
1757
  }
@@ -1752,14 +1762,14 @@ function _inherits$s(subClass, superClass) {
1752
1762
  configurable: true
1753
1763
  }
1754
1764
  });
1755
- if (superClass) _set_prototype_of$s(subClass, superClass);
1765
+ if (superClass) _set_prototype_of$t(subClass, superClass);
1756
1766
  }
1757
- function _set_prototype_of$s(o, p) {
1758
- _set_prototype_of$s = Object.setPrototypeOf || function setPrototypeOf(o, p) {
1767
+ function _set_prototype_of$t(o, p) {
1768
+ _set_prototype_of$t = Object.setPrototypeOf || function setPrototypeOf(o, p) {
1759
1769
  o.__proto__ = p;
1760
1770
  return o;
1761
1771
  };
1762
- return _set_prototype_of$s(o, p);
1772
+ return _set_prototype_of$t(o, p);
1763
1773
  }
1764
1774
  var VOLUME_DEFAULT_OPTIONS = {
1765
1775
  volume: 0.8,
@@ -1773,12 +1783,12 @@ var VOLUME_DEFAULT_OPTIONS = {
1773
1783
  * 音量调节控件
1774
1784
  * @category Control
1775
1785
  */ var Volume = /*#__PURE__*/ function(Control) {
1776
- _inherits$s(Volume, Control);
1786
+ _inherits$t(Volume, Control);
1777
1787
  function Volume(options) {
1778
1788
  if (options === void 0) options = {};
1779
1789
  var _this;
1780
1790
  var _this__options_props, _this__options_props1, _this__options_props2, _this__options_props3;
1781
- _this = Control.call(this, _extends$s({}, options, {
1791
+ _this = Control.call(this, _extends$t({}, options, {
1782
1792
  tagName: 'span',
1783
1793
  classNameSuffix: 'volume',
1784
1794
  controlType: 'button'
@@ -2438,8 +2448,8 @@ var __fullscreenProvider__ = Provider.getInstance();
2438
2448
  return Fullscreen;
2439
2449
  }();
2440
2450
 
2441
- function _extends$r() {
2442
- _extends$r = Object.assign || function(target) {
2451
+ function _extends$s() {
2452
+ _extends$s = Object.assign || function(target) {
2443
2453
  for(var i = 1; i < arguments.length; i++){
2444
2454
  var source = arguments[i];
2445
2455
  for(var key in source){
@@ -2450,9 +2460,9 @@ function _extends$r() {
2450
2460
  }
2451
2461
  return target;
2452
2462
  };
2453
- return _extends$r.apply(this, arguments);
2463
+ return _extends$s.apply(this, arguments);
2454
2464
  }
2455
- function _inherits$r(subClass, superClass) {
2465
+ function _inherits$s(subClass, superClass) {
2456
2466
  if (typeof superClass !== "function" && superClass !== null) {
2457
2467
  throw new TypeError("Super expression must either be null or a function");
2458
2468
  }
@@ -2463,24 +2473,24 @@ function _inherits$r(subClass, superClass) {
2463
2473
  configurable: true
2464
2474
  }
2465
2475
  });
2466
- if (superClass) _set_prototype_of$r(subClass, superClass);
2476
+ if (superClass) _set_prototype_of$s(subClass, superClass);
2467
2477
  }
2468
- function _set_prototype_of$r(o, p) {
2469
- _set_prototype_of$r = Object.setPrototypeOf || function setPrototypeOf(o, p) {
2478
+ function _set_prototype_of$s(o, p) {
2479
+ _set_prototype_of$s = Object.setPrototypeOf || function setPrototypeOf(o, p) {
2470
2480
  o.__proto__ = p;
2471
2481
  return o;
2472
2482
  };
2473
- return _set_prototype_of$r(o, p);
2483
+ return _set_prototype_of$s(o, p);
2474
2484
  }
2475
2485
  /**
2476
2486
  * 全屏控件
2477
2487
  * @category Control
2478
2488
  */ var Fullscreen = /*#__PURE__*/ function(Control) {
2479
- _inherits$r(Fullscreen, Control);
2489
+ _inherits$s(Fullscreen, Control);
2480
2490
  function Fullscreen(options) {
2481
2491
  var _this;
2482
2492
  var _options_props, _this_options;
2483
- _this = Control.call(this, _extends$r({
2493
+ _this = Control.call(this, _extends$s({
2484
2494
  tagName: 'span',
2485
2495
  classNameSuffix: 'fullscreen',
2486
2496
  controlType: 'button'
@@ -2545,8 +2555,8 @@ function _set_prototype_of$r(o, p) {
2545
2555
  return Fullscreen;
2546
2556
  }(Control);
2547
2557
 
2548
- function _extends$q() {
2549
- _extends$q = Object.assign || function(target) {
2558
+ function _extends$r() {
2559
+ _extends$r = Object.assign || function(target) {
2550
2560
  for(var i = 1; i < arguments.length; i++){
2551
2561
  var source = arguments[i];
2552
2562
  for(var key in source){
@@ -2557,9 +2567,9 @@ function _extends$q() {
2557
2567
  }
2558
2568
  return target;
2559
2569
  };
2560
- return _extends$q.apply(this, arguments);
2570
+ return _extends$r.apply(this, arguments);
2561
2571
  }
2562
- function _inherits$q(subClass, superClass) {
2572
+ function _inherits$r(subClass, superClass) {
2563
2573
  if (typeof superClass !== "function" && superClass !== null) {
2564
2574
  throw new TypeError("Super expression must either be null or a function");
2565
2575
  }
@@ -2570,24 +2580,24 @@ function _inherits$q(subClass, superClass) {
2570
2580
  configurable: true
2571
2581
  }
2572
2582
  });
2573
- if (superClass) _set_prototype_of$q(subClass, superClass);
2583
+ if (superClass) _set_prototype_of$r(subClass, superClass);
2574
2584
  }
2575
- function _set_prototype_of$q(o, p) {
2576
- _set_prototype_of$q = Object.setPrototypeOf || function setPrototypeOf(o, p) {
2585
+ function _set_prototype_of$r(o, p) {
2586
+ _set_prototype_of$r = Object.setPrototypeOf || function setPrototypeOf(o, p) {
2577
2587
  o.__proto__ = p;
2578
2588
  return o;
2579
2589
  };
2580
- return _set_prototype_of$q(o, p);
2590
+ return _set_prototype_of$r(o, p);
2581
2591
  }
2582
2592
  /**
2583
2593
  * 回放类型切换（本地回放(sdk 卡)， 云存储回放， 云录制回放）控件
2584
2594
  * @category Control
2585
2595
  */ var Rec = /*#__PURE__*/ function(Control) {
2586
- _inherits$q(Rec, Control);
2596
+ _inherits$r(Rec, Control);
2587
2597
  function Rec(options) {
2588
2598
  var _this;
2589
2599
  var _options_props;
2590
- _this = Control.call(this, _extends$q({}, options, {
2600
+ _this = Control.call(this, _extends$r({}, options, {
2591
2601
  tagName: 'div',
2592
2602
  controlType: 'block',
2593
2603
  classNameSuffix: 'rec'
@@ -2954,7 +2964,8 @@ var zh = {
2954
2964
  FETCH_THEME_FAILED: '获取主题模板失败',
2955
2965
  cancel: '取消',
2956
2966
  ok: '确定',
2957
- close: '关闭'
2967
+ close: '关闭',
2968
+ BTN_REC_LIST_TITLE: '录像片段'
2958
2969
  };
2959
2970
 
2960
2971
  // 不要出现多层的的数据, 数据铺平
@@ -3235,7 +3246,8 @@ var en = {
3235
3246
  FETCH_THEME_FAILED: 'Failed to fetch theme template',
3236
3247
  cancel: 'Cancel',
3237
3248
  ok: 'Ok',
3238
- close: 'Close'
3249
+ close: 'Close',
3250
+ BTN_REC_LIST_TITLE: 'Records'
3239
3251
  };
3240
3252
 
3241
3253
  /**
@@ -3458,6 +3470,11 @@ var en = {
3458
3470
  defaultActive: 0,
3459
3471
  isrender: 1
3460
3472
  },
3473
+ {
3474
+ iconId: 'recList',
3475
+ part: 'right',
3476
+ isrender: 1
3477
+ },
3461
3478
  {
3462
3479
  iconId: 'alarmMessage',
3463
3480
  part: 'right',
@@ -3862,7 +3879,7 @@ var en = {
3862
3879
  voice: voice
3863
3880
  };
3864
3881
 
3865
- function _inherits$p(subClass, superClass) {
3882
+ function _inherits$q(subClass, superClass) {
3866
3883
  if (typeof superClass !== "function" && superClass !== null) {
3867
3884
  throw new TypeError("Super expression must either be null or a function");
3868
3885
  }
@@ -3873,20 +3890,20 @@ function _inherits$p(subClass, superClass) {
3873
3890
  configurable: true
3874
3891
  }
3875
3892
  });
3876
- if (superClass) _set_prototype_of$p(subClass, superClass);
3893
+ if (superClass) _set_prototype_of$q(subClass, superClass);
3877
3894
  }
3878
- function _set_prototype_of$p(o, p) {
3879
- _set_prototype_of$p = Object.setPrototypeOf || function setPrototypeOf(o, p) {
3895
+ function _set_prototype_of$q(o, p) {
3896
+ _set_prototype_of$q = Object.setPrototypeOf || function setPrototypeOf(o, p) {
3880
3897
  o.__proto__ = p;
3881
3898
  return o;
3882
3899
  };
3883
- return _set_prototype_of$p(o, p);
3900
+ return _set_prototype_of$q(o, p);
3884
3901
  }
3885
3902
  /**
3886
3903
  * 截图控件
3887
3904
  * @category Content
3888
3905
  */ var Content = /*#__PURE__*/ function(EventEmitter) {
3889
- _inherits$p(Content, EventEmitter);
3906
+ _inherits$q(Content, EventEmitter);
3890
3907
  function Content(options) {
3891
3908
  var _this;
3892
3909
  _this = EventEmitter.call(this) || this, _this._scaleMode = 0, _this._cleanUpResizeObserver = null, _this._originWidth = 0, _this._originHeight = 0, _this._width = 0, _this._height = 0;
@@ -4001,8 +4018,8 @@ function _set_prototype_of$p(o, p) {
4001
4018
  return Content;
4002
4019
  }(EventEmitter);
4003
4020
 
4004
- function _extends$p() {
4005
- _extends$p = Object.assign || function(target) {
4021
+ function _extends$q() {
4022
+ _extends$q = Object.assign || function(target) {
4006
4023
  for(var i = 1; i < arguments.length; i++){
4007
4024
  var source = arguments[i];
4008
4025
  for(var key in source){
@@ -4013,9 +4030,9 @@ function _extends$p() {
4013
4030
  }
4014
4031
  return target;
4015
4032
  };
4016
- return _extends$p.apply(this, arguments);
4033
+ return _extends$q.apply(this, arguments);
4017
4034
  }
4018
- function _inherits$o(subClass, superClass) {
4035
+ function _inherits$p(subClass, superClass) {
4019
4036
  if (typeof superClass !== "function" && superClass !== null) {
4020
4037
  throw new TypeError("Super expression must either be null or a function");
4021
4038
  }
@@ -4026,23 +4043,23 @@ function _inherits$o(subClass, superClass) {
4026
4043
  configurable: true
4027
4044
  }
4028
4045
  });
4029
- if (superClass) _set_prototype_of$o(subClass, superClass);
4046
+ if (superClass) _set_prototype_of$p(subClass, superClass);
4030
4047
  }
4031
- function _set_prototype_of$o(o, p) {
4032
- _set_prototype_of$o = Object.setPrototypeOf || function setPrototypeOf(o, p) {
4048
+ function _set_prototype_of$p(o, p) {
4049
+ _set_prototype_of$p = Object.setPrototypeOf || function setPrototypeOf(o, p) {
4033
4050
  o.__proto__ = p;
4034
4051
  return o;
4035
4052
  };
4036
- return _set_prototype_of$o(o, p);
4053
+ return _set_prototype_of$p(o, p);
4037
4054
  }
4038
4055
  /**
4039
4056
  * 更多控件
4040
4057
  * @category Control
4041
4058
  */ var More = /*#__PURE__*/ function(Control) {
4042
- _inherits$o(More, Control);
4059
+ _inherits$p(More, Control);
4043
4060
  function More(options) {
4044
4061
  var _this;
4045
- _this = Control.call(this, _extends$p({}, options, {
4062
+ _this = Control.call(this, _extends$q({}, options, {
4046
4063
  tagName: 'span',
4047
4064
  controlType: 'button',
4048
4065
  classNameSuffix: 'more'
@@ -4267,6 +4284,18 @@ function debounce(func, wait) {
4267
4284
  }
4268
4285
  });
4269
4286
  // =======================================================
4287
+ // 录像列表
4288
+ // =======================================================
4289
+ theme.on(EVENTS.recListChange, function(active) {
4290
+ var _theme_controls;
4291
+ if ((_theme_controls = theme.controls) == null ? void 0 : _theme_controls.recListControl) {
4292
+ theme.controls.recListControl._panelOpen = active;
4293
+ if (theme.controls.recListControl.active !== active) {
4294
+ theme.controls.recListControl.active = active;
4295
+ }
4296
+ }
4297
+ });
4298
+ // =======================================================
4270
4299
  // 录制
4271
4300
  // =======================================================
4272
4301
  theme.on(EVENTS.recordingChange, function(recording) {
@@ -4311,12 +4340,14 @@ function debounce(func, wait) {
4311
4340
  // 回放片段
4312
4341
  // =======================================================
4313
4342
  theme.on(EVENTS.setAllDayRecTimes, function(list) {
4314
- var _theme_controls_timeLineControl_emit, _theme_controls_timeLineControl, _theme_controls;
4343
+ var _theme_controls_timeLineControl_emit, _theme_controls_timeLineControl, _theme_controls, _theme_controls_recListControl_emit, _theme_controls_recListControl, _theme_controls1;
4315
4344
  (_theme_controls = theme.controls) == null ? void 0 : (_theme_controls_timeLineControl = _theme_controls.timeLineControl) == null ? void 0 : (_theme_controls_timeLineControl_emit = _theme_controls_timeLineControl.emit) == null ? void 0 : _theme_controls_timeLineControl_emit.call(_theme_controls_timeLineControl, EVENTS.setAllDayRecTimes, list.list);
4345
+ (_theme_controls1 = theme.controls) == null ? void 0 : (_theme_controls_recListControl = _theme_controls1.recListControl) == null ? void 0 : (_theme_controls_recListControl_emit = _theme_controls_recListControl.emit) == null ? void 0 : _theme_controls_recListControl_emit.call(_theme_controls_recListControl, EVENTS.setAllDayRecTimes, list.list);
4316
4346
  });
4317
4347
  theme.on(EVENTS.getOSDTime, function(time) {
4318
- var _theme_controls_timeLineControl_emit, _theme_controls_timeLineControl, _theme_controls;
4348
+ var _theme_controls_timeLineControl_emit, _theme_controls_timeLineControl, _theme_controls, _theme_controls_recListControl_emit, _theme_controls_recListControl, _theme_controls1;
4319
4349
  (_theme_controls = theme.controls) == null ? void 0 : (_theme_controls_timeLineControl = _theme_controls.timeLineControl) == null ? void 0 : (_theme_controls_timeLineControl_emit = _theme_controls_timeLineControl.emit) == null ? void 0 : _theme_controls_timeLineControl_emit.call(_theme_controls_timeLineControl, EVENTS.getOSDTime, time.data);
4350
+ (_theme_controls1 = theme.controls) == null ? void 0 : (_theme_controls_recListControl = _theme_controls1.recListControl) == null ? void 0 : (_theme_controls_recListControl_emit = _theme_controls_recListControl.emit) == null ? void 0 : _theme_controls_recListControl_emit.call(_theme_controls_recListControl, EVENTS.getOSDTime, time.data);
4320
4351
  });
4321
4352
  // =======================================================
4322
4353
  // 全屏
@@ -4362,7 +4393,7 @@ function debounce(func, wait) {
4362
4393
  *
4363
4394
  * @param theme - Theme
4364
4395
  */ function _controlEventemitter(theme) {
4365
- var _theme_controls, _theme_controls1, _theme_controls2, _theme_controls3, _theme_controls4, _theme_controls5, _theme_controls6, _theme_controls7, _theme_controls8, _theme_controls9, _theme_controls10, _theme_controls11, _theme_controls12, _theme_controls13, _theme_controls14, _theme_controls15, _theme_controls16, _theme_controls17, _theme_controls18, _theme_controls19, _theme_controls20, _theme_controls21, _theme_controls22;
4396
+ var _theme_controls, _theme_controls1, _theme_controls2, _theme_controls3, _theme_controls4, _theme_controls5, _theme_controls6, _theme_controls7, _theme_controls8, _theme_controls9, _theme_controls10, _theme_controls11, _theme_controls12, _theme_controls13, _theme_controls14, _theme_controls15, _theme_controls16, _theme_controls17, _theme_controls18, _theme_controls19, _theme_controls20, _theme_controls21, _theme_controls22, _theme_controls23, _theme_controls24;
4366
4397
  // Controls
4367
4398
  if (theme._recFooter) {
4368
4399
  theme._recFooter.on(EVENTS.theme.recFooterDestroy, function() {
@@ -4501,9 +4532,18 @@ function debounce(func, wait) {
4501
4532
  theme.emit(EVENTS.control.alarmMessageChange, active);
4502
4533
  });
4503
4534
  }
4535
+ // 录像列表
4536
+ if ((_theme_controls10 = theme.controls) == null ? void 0 : _theme_controls10.recListControl) {
4537
+ theme.controls.recListControl.on(EVENTS.control.recListChange, function(active) {
4538
+ theme.emit(EVENTS.control.recListChange, active);
4539
+ });
4540
+ theme.controls.recListControl.on(EVENTS.control.recListDestroy, function() {
4541
+ theme.emit(EVENTS.control.recListDestroy);
4542
+ });
4543
+ }
4504
4544
  // 播放地址切换后同步 Live/RecDropdown 激活状态
4505
4545
  // changePlayUrl 后 urlInfo 已更新，firstFrameDisplay 表示新地址播放成功
4506
- if (((_theme_controls10 = theme.controls) == null ? void 0 : _theme_controls10.liveControl) || ((_theme_controls11 = theme.controls) == null ? void 0 : _theme_controls11.recDropdownControl)) {
4546
+ if (((_theme_controls11 = theme.controls) == null ? void 0 : _theme_controls11.liveControl) || ((_theme_controls12 = theme.controls) == null ? void 0 : _theme_controls12.recDropdownControl)) {
4507
4547
  theme.on(EVENTS.firstFrameDisplay, function() {
4508
4548
  var _theme_controls, _theme_controls1;
4509
4549
  var urlInfo = theme.urlInfo;
@@ -4516,7 +4556,7 @@ function debounce(func, wait) {
4516
4556
  });
4517
4557
  }
4518
4558
  // 缩放控件
4519
- if ((_theme_controls12 = theme.controls) == null ? void 0 : _theme_controls12.zoomControl) {
4559
+ if ((_theme_controls13 = theme.controls) == null ? void 0 : _theme_controls13.zoomControl) {
4520
4560
  theme.controls.zoomControl.on(EVENTS.control.zoomChange, function(value, _percent, _range) {
4521
4561
  if (theme.zoom !== value) {
4522
4562
  theme.zoom = value;
@@ -4538,7 +4578,7 @@ function debounce(func, wait) {
4538
4578
  });
4539
4579
  }
4540
4580
  // 清晰度控件
4541
- if ((_theme_controls13 = theme.controls) == null ? void 0 : _theme_controls13.definitionControl) {
4581
+ if ((_theme_controls14 = theme.controls) == null ? void 0 : _theme_controls14.definitionControl) {
4542
4582
  theme.controls.definitionControl.on(EVENTS.control.definitionPanelOpenChange, function(open, definition, item) {
4543
4583
  theme.emit(CLEAR_TIMER_HEADER_FOOTER_ANIMATION, open, definition);
4544
4584
  theme.emit(EVENTS.control.definitionPanelOpenChange, open, definition, item);
@@ -4551,7 +4591,7 @@ function debounce(func, wait) {
4551
4591
  });
4552
4592
  }
4553
4593
  // 倍速控件
4554
- if ((_theme_controls14 = theme.controls) == null ? void 0 : _theme_controls14.speedControl) {
4594
+ if ((_theme_controls15 = theme.controls) == null ? void 0 : _theme_controls15.speedControl) {
4555
4595
  theme.controls.speedControl.on(EVENTS.control.speedPanelOpenChange, function(open, speed, item) {
4556
4596
  theme.emit(CLEAR_TIMER_HEADER_FOOTER_ANIMATION, open, speed);
4557
4597
  theme.emit(EVENTS.control.speedPanelOpenChange, open, speed, item);
@@ -4564,7 +4604,7 @@ function debounce(func, wait) {
4564
4604
  });
4565
4605
  }
4566
4606
  // 截图控件
4567
- if ((_theme_controls15 = theme.controls) == null ? void 0 : _theme_controls15.capturePictureControl) {
4607
+ if ((_theme_controls16 = theme.controls) == null ? void 0 : _theme_controls16.capturePictureControl) {
4568
4608
  theme.controls.capturePictureControl.on(EVENTS.control.capturePicture, function(options) {
4569
4609
  theme.emit(EVENTS.control.capturePicture, options);
4570
4610
  });
@@ -4573,25 +4613,25 @@ function debounce(func, wait) {
4573
4613
  });
4574
4614
  }
4575
4615
  // 全屏控件
4576
- if ((_theme_controls16 = theme.controls) == null ? void 0 : _theme_controls16.fullscreenControl) {
4616
+ if ((_theme_controls17 = theme.controls) == null ? void 0 : _theme_controls17.fullscreenControl) {
4577
4617
  theme.controls.fullscreenControl.on(EVENTS.control.fullscreenDestroy, function() {
4578
4618
  theme.emit(EVENTS.control.fullscreenDestroy);
4579
4619
  });
4580
4620
  }
4581
4621
  // 全局全屏控件
4582
- if ((_theme_controls17 = theme.controls) == null ? void 0 : _theme_controls17.globalFullscreenControl) {
4622
+ if ((_theme_controls18 = theme.controls) == null ? void 0 : _theme_controls18.globalFullscreenControl) {
4583
4623
  theme.controls.globalFullscreenControl.on(EVENTS.control.globalFullscreenDestroy, function() {
4584
4624
  theme.emit(EVENTS.control.globalFullscreenDestroy);
4585
4625
  });
4586
4626
  }
4587
4627
  // 设备信息控件
4588
- if ((_theme_controls18 = theme.controls) == null ? void 0 : _theme_controls18.deviceControl) {
4628
+ if ((_theme_controls19 = theme.controls) == null ? void 0 : _theme_controls19.deviceControl) {
4589
4629
  theme.controls.deviceControl.on(EVENTS.control.deviceDestroy, function() {
4590
4630
  theme.emit(EVENTS.control.deviceDestroy);
4591
4631
  });
4592
4632
  }
4593
4633
  // 回放类型切换控件
4594
- if ((_theme_controls19 = theme.controls) == null ? void 0 : _theme_controls19.recControl) {
4634
+ if ((_theme_controls20 = theme.controls) == null ? void 0 : _theme_controls20.recControl) {
4595
4635
  // prettier-ignore
4596
4636
  theme.controls.recControl.on(EVENTS.control.recTypeChange, function(type) {
4597
4637
  if (theme.recType !== type) {
@@ -4612,7 +4652,7 @@ function debounce(func, wait) {
4612
4652
  });
4613
4653
  }
4614
4654
  // 时间轴控件
4615
- if ((_theme_controls20 = theme.controls) == null ? void 0 : _theme_controls20.timeLineControl) {
4655
+ if ((_theme_controls21 = theme.controls) == null ? void 0 : _theme_controls21.timeLineControl) {
4616
4656
  theme.controls.timeLineControl.on(EVENTS.control.timeLineChange, function(date) {
4617
4657
  theme.emit(EVENTS.control.timeLineChange, date);
4618
4658
  });
@@ -4631,9 +4671,18 @@ function debounce(func, wait) {
4631
4671
  theme.controls.timeLineControl.on(EVENTS.control.timeLineDestroy, function() {
4632
4672
  theme.emit(EVENTS.control.timeLineDestroy);
4633
4673
  });
4674
+ // this.emit("TimeLine.onSectionIconClick", result)
4675
+ theme.controls.timeLineControl.on('TimeLine.onSectionIconClick', function(result) {
4676
+ var _theme_controls;
4677
+ if ((_theme_controls = theme.controls) == null ? void 0 : _theme_controls.recListControl) {
4678
+ var _theme_controls_recListControl, _theme_controls1;
4679
+ (_theme_controls1 = theme.controls) == null ? void 0 : (_theme_controls_recListControl = _theme_controls1.recListControl) == null ? void 0 : _theme_controls_recListControl.emit('TimeLine.onSectionIconClick', result);
4680
+ }
4681
+ theme.emit('TimeLine.onSectionIconClick', result);
4682
+ });
4634
4683
  }
4635
4684
  // 日历控件
4636
- if ((_theme_controls21 = theme.controls) == null ? void 0 : _theme_controls21.dateControl) {
4685
+ if ((_theme_controls22 = theme.controls) == null ? void 0 : _theme_controls22.dateControl) {
4637
4686
  theme.controls.dateControl.on(EVENTS.control.datePanelOpenChange, function(open, date) {
4638
4687
  theme.emit(EVENTS.control.datePanelOpenChange, open, date);
4639
4688
  });
@@ -4645,7 +4694,7 @@ function debounce(func, wait) {
4645
4694
  });
4646
4695
  }
4647
4696
  // 时间控件
4648
- if ((_theme_controls22 = theme.controls) == null ? void 0 : _theme_controls22.timeControl) {
4697
+ if ((_theme_controls23 = theme.controls) == null ? void 0 : _theme_controls23.timeControl) {
4649
4698
  theme.controls.timeControl.on(EVENTS.control.timePanelOpenChange, function(open, time) {
4650
4699
  theme.emit(EVENTS.control.timePanelOpenChange, open, time);
4651
4700
  });
@@ -4653,11 +4702,18 @@ function debounce(func, wait) {
4653
4702
  theme.emit(EVENTS.control.timeChange, time);
4654
4703
  });
4655
4704
  }
4705
+ // 回放片段列表
4706
+ if ((_theme_controls24 = theme.controls) == null ? void 0 : _theme_controls24.recListControl) {
4707
+ theme.controls.recListControl.on(EVENTS.control.recListCardClick, function(section, index, sections) {
4708
+ theme.emit(EVENTS.control.recListCardClick, section, index, sections);
4709
+ });
4710
+ }
4656
4711
  }
4657
4712
  var ignoreList = [
4658
4713
  EVENTS.getOSDTime,
4659
4714
  EVENTS.setAllDayRecTimes,
4660
- EVENTS.talkVolumeChange
4715
+ EVENTS.talkVolumeChange,
4716
+ EVENTS.control.recListCardClick
4661
4717
  ];
4662
4718
  /**
4663
4719
  * 打印所有事件触发日志（仅主题层， 没有控件层因为已经透传到主题层了）
@@ -4737,8 +4793,8 @@ function _create_class$5(Constructor, protoProps, staticProps) {
4737
4793
  if (protoProps) _defineProperties$5(Constructor.prototype, protoProps);
4738
4794
  return Constructor;
4739
4795
  }
4740
- function _extends$o() {
4741
- _extends$o = Object.assign || function(target) {
4796
+ function _extends$p() {
4797
+ _extends$p = Object.assign || function(target) {
4742
4798
  for(var i = 1; i < arguments.length; i++){
4743
4799
  var source = arguments[i];
4744
4800
  for(var key in source){
@@ -4749,9 +4805,9 @@ function _extends$o() {
4749
4805
  }
4750
4806
  return target;
4751
4807
  };
4752
- return _extends$o.apply(this, arguments);
4808
+ return _extends$p.apply(this, arguments);
4753
4809
  }
4754
- function _inherits$n(subClass, superClass) {
4810
+ function _inherits$o(subClass, superClass) {
4755
4811
  if (typeof superClass !== "function" && superClass !== null) {
4756
4812
  throw new TypeError("Super expression must either be null or a function");
4757
4813
  }
@@ -4762,14 +4818,14 @@ function _inherits$n(subClass, superClass) {
4762
4818
  configurable: true
4763
4819
  }
4764
4820
  });
4765
- if (superClass) _set_prototype_of$n(subClass, superClass);
4821
+ if (superClass) _set_prototype_of$o(subClass, superClass);
4766
4822
  }
4767
- function _set_prototype_of$n(o, p) {
4768
- _set_prototype_of$n = Object.setPrototypeOf || function setPrototypeOf(o, p) {
4823
+ function _set_prototype_of$o(o, p) {
4824
+ _set_prototype_of$o = Object.setPrototypeOf || function setPrototypeOf(o, p) {
4769
4825
  o.__proto__ = p;
4770
4826
  return o;
4771
4827
  };
4772
- return _set_prototype_of$n(o, p);
4828
+ return _set_prototype_of$o(o, p);
4773
4829
  }
4774
4830
  var ZOOM_DEFAULT_OPTIONS = {
4775
4831
  open: false,
@@ -4779,10 +4835,10 @@ var ZOOM_DEFAULT_OPTIONS = {
4779
4835
  * 电子放大控件
4780
4836
  * @category Control
4781
4837
  */ var Zoom = /*#__PURE__*/ function(Control) {
4782
- _inherits$n(Zoom, Control);
4838
+ _inherits$o(Zoom, Control);
4783
4839
  function Zoom(options) {
4784
4840
  var _this;
4785
- _this = Control.call(this, _extends$o({}, options, {
4841
+ _this = Control.call(this, _extends$p({}, options, {
4786
4842
  tagName: 'span',
4787
4843
  controlType: 'button',
4788
4844
  classNameSuffix: 'zoom'
@@ -4910,8 +4966,8 @@ var ZOOM_DEFAULT_OPTIONS = {
4910
4966
  return Zoom;
4911
4967
  }(Control);
4912
4968
 
4913
- function _extends$n() {
4914
- _extends$n = Object.assign || function(target) {
4969
+ function _extends$o() {
4970
+ _extends$o = Object.assign || function(target) {
4915
4971
  for(var i = 1; i < arguments.length; i++){
4916
4972
  var source = arguments[i];
4917
4973
  for(var key in source){
@@ -4922,10 +4978,10 @@ function _extends$n() {
4922
4978
  }
4923
4979
  return target;
4924
4980
  };
4925
- return _extends$n.apply(this, arguments);
4981
+ return _extends$o.apply(this, arguments);
4926
4982
  }
4927
4983
  function __zoom(theme, container, options) {
4928
- theme.zoomUtil = new Zoom$1(container, _extends$n({}, options || {}, {
4984
+ theme.zoomUtil = new Zoom$1(container, _extends$o({}, options || {}, {
4929
4985
  min: 1,
4930
4986
  onChange: function(zoom, reset) {
4931
4987
  if (zoom !== theme._zoom) {
@@ -5150,8 +5206,8 @@ function _async_to_generator$5(fn) {
5150
5206
  });
5151
5207
  };
5152
5208
  }
5153
- function _extends$m() {
5154
- _extends$m = Object.assign || function(target) {
5209
+ function _extends$n() {
5210
+ _extends$n = Object.assign || function(target) {
5155
5211
  for(var i = 1; i < arguments.length; i++){
5156
5212
  var source = arguments[i];
5157
5213
  for(var key in source){
@@ -5162,7 +5218,7 @@ function _extends$m() {
5162
5218
  }
5163
5219
  return target;
5164
5220
  };
5165
- return _extends$m.apply(this, arguments);
5221
+ return _extends$n.apply(this, arguments);
5166
5222
  }
5167
5223
  function _ts_generator$5(thisArg, body) {
5168
5224
  var f, y, t, _ = {
@@ -5290,7 +5346,7 @@ function _ts_generator$5(thisArg, body) {
5290
5346
  }
5291
5347
  if (item.isrender !== 0 && REC_GROUP.includes(item.iconId)) {
5292
5348
  // TODO: 因为回放是一组， 位置以第一个位置为准
5293
- recControls.push(recControls[0] ? _extends$m({}, item, {
5349
+ recControls.push(recControls[0] ? _extends$n({}, item, {
5294
5350
  part: recControls[0].part
5295
5351
  }) : item);
5296
5352
  return false;
@@ -5313,7 +5369,7 @@ function _ts_generator$5(thisArg, body) {
5313
5369
  }
5314
5370
  if (item.isrender !== 0 && REC_GROUP.includes(item.iconId)) {
5315
5371
  // TODO: 因为回放是一组， 位置以第一个位置为准
5316
- recControls.push(recControls[0] ? _extends$m({}, item, {
5372
+ recControls.push(recControls[0] ? _extends$n({}, item, {
5317
5373
  part: recControls[0].part
5318
5374
  }) : item);
5319
5375
  return false;
@@ -5564,8 +5620,8 @@ function rgbOrHexToRgbaWithOpacity(color, opacity) {
5564
5620
  return Component;
5565
5621
  }();
5566
5622
 
5567
- function _extends$l() {
5568
- _extends$l = Object.assign || function(target) {
5623
+ function _extends$m() {
5624
+ _extends$m = Object.assign || function(target) {
5569
5625
  for(var i = 1; i < arguments.length; i++){
5570
5626
  var source = arguments[i];
5571
5627
  for(var key in source){
@@ -5576,9 +5632,9 @@ function _extends$l() {
5576
5632
  }
5577
5633
  return target;
5578
5634
  };
5579
- return _extends$l.apply(this, arguments);
5635
+ return _extends$m.apply(this, arguments);
5580
5636
  }
5581
- function _inherits$m(subClass, superClass) {
5637
+ function _inherits$n(subClass, superClass) {
5582
5638
  if (typeof superClass !== "function" && superClass !== null) {
5583
5639
  throw new TypeError("Super expression must either be null or a function");
5584
5640
  }
@@ -5589,28 +5645,28 @@ function _inherits$m(subClass, superClass) {
5589
5645
  configurable: true
5590
5646
  }
5591
5647
  });
5592
- if (superClass) _set_prototype_of$m(subClass, superClass);
5648
+ if (superClass) _set_prototype_of$n(subClass, superClass);
5593
5649
  }
5594
- function _set_prototype_of$m(o, p) {
5595
- _set_prototype_of$m = Object.setPrototypeOf || function setPrototypeOf(o, p) {
5650
+ function _set_prototype_of$n(o, p) {
5651
+ _set_prototype_of$n = Object.setPrototypeOf || function setPrototypeOf(o, p) {
5596
5652
  o.__proto__ = p;
5597
5653
  return o;
5598
5654
  };
5599
- return _set_prototype_of$m(o, p);
5655
+ return _set_prototype_of$n(o, p);
5600
5656
  }
5601
5657
  var Footer = /*#__PURE__*/ function(Component) {
5602
- _inherits$m(Footer, Component);
5658
+ _inherits$n(Footer, Component);
5603
5659
  function Footer(options) {
5604
5660
  if (options === void 0) options = {};
5605
- return Component.call(this, _extends$l({}, options, {
5661
+ return Component.call(this, _extends$m({}, options, {
5606
5662
  cType: 'footer'
5607
5663
  })) || this;
5608
5664
  }
5609
5665
  return Footer;
5610
5666
  }(Component);
5611
5667
 
5612
- function _extends$k() {
5613
- _extends$k = Object.assign || function(target) {
5668
+ function _extends$l() {
5669
+ _extends$l = Object.assign || function(target) {
5614
5670
  for(var i = 1; i < arguments.length; i++){
5615
5671
  var source = arguments[i];
5616
5672
  for(var key in source){
@@ -5621,9 +5677,9 @@ function _extends$k() {
5621
5677
  }
5622
5678
  return target;
5623
5679
  };
5624
- return _extends$k.apply(this, arguments);
5680
+ return _extends$l.apply(this, arguments);
5625
5681
  }
5626
- function _inherits$l(subClass, superClass) {
5682
+ function _inherits$m(subClass, superClass) {
5627
5683
  if (typeof superClass !== "function" && superClass !== null) {
5628
5684
  throw new TypeError("Super expression must either be null or a function");
5629
5685
  }
@@ -5634,20 +5690,20 @@ function _inherits$l(subClass, superClass) {
5634
5690
  configurable: true
5635
5691
  }
5636
5692
  });
5637
- if (superClass) _set_prototype_of$l(subClass, superClass);
5693
+ if (superClass) _set_prototype_of$m(subClass, superClass);
5638
5694
  }
5639
- function _set_prototype_of$l(o, p) {
5640
- _set_prototype_of$l = Object.setPrototypeOf || function setPrototypeOf(o, p) {
5695
+ function _set_prototype_of$m(o, p) {
5696
+ _set_prototype_of$m = Object.setPrototypeOf || function setPrototypeOf(o, p) {
5641
5697
  o.__proto__ = p;
5642
5698
  return o;
5643
5699
  };
5644
- return _set_prototype_of$l(o, p);
5700
+ return _set_prototype_of$m(o, p);
5645
5701
  }
5646
5702
  var Header = /*#__PURE__*/ function(Component) {
5647
- _inherits$l(Header, Component);
5703
+ _inherits$m(Header, Component);
5648
5704
  function Header(options) {
5649
5705
  if (options === void 0) options = {};
5650
- return Component.call(this, _extends$k({}, options, {
5706
+ return Component.call(this, _extends$l({}, options, {
5651
5707
  cType: 'header'
5652
5708
  })) || this;
5653
5709
  }
@@ -5813,8 +5869,8 @@ function interactiveHF($container, second, callback) {
5813
5869
  };
5814
5870
  }
5815
5871
 
5816
- function _extends$j() {
5817
- _extends$j = Object.assign || function(target) {
5872
+ function _extends$k() {
5873
+ _extends$k = Object.assign || function(target) {
5818
5874
  for(var i = 1; i < arguments.length; i++){
5819
5875
  var source = arguments[i];
5820
5876
  for(var key in source){
@@ -5825,9 +5881,9 @@ function _extends$j() {
5825
5881
  }
5826
5882
  return target;
5827
5883
  };
5828
- return _extends$j.apply(this, arguments);
5884
+ return _extends$k.apply(this, arguments);
5829
5885
  }
5830
- function _inherits$k(subClass, superClass) {
5886
+ function _inherits$l(subClass, superClass) {
5831
5887
  if (typeof superClass !== "function" && superClass !== null) {
5832
5888
  throw new TypeError("Super expression must either be null or a function");
5833
5889
  }
@@ -5838,23 +5894,23 @@ function _inherits$k(subClass, superClass) {
5838
5894
  configurable: true
5839
5895
  }
5840
5896
  });
5841
- if (superClass) _set_prototype_of$k(subClass, superClass);
5897
+ if (superClass) _set_prototype_of$l(subClass, superClass);
5842
5898
  }
5843
- function _set_prototype_of$k(o, p) {
5844
- _set_prototype_of$k = Object.setPrototypeOf || function setPrototypeOf(o, p) {
5899
+ function _set_prototype_of$l(o, p) {
5900
+ _set_prototype_of$l = Object.setPrototypeOf || function setPrototypeOf(o, p) {
5845
5901
  o.__proto__ = p;
5846
5902
  return o;
5847
5903
  };
5848
- return _set_prototype_of$k(o, p);
5904
+ return _set_prototype_of$l(o, p);
5849
5905
  }
5850
5906
  /**
5851
5907
  * 全局全屏
5852
5908
  * 主题和播放器不提供全局全屏的api， 如果开发者想要可以参考这个组件自己实现
5853
5909
  * @category Control
5854
5910
  */ var GlobalFullscreen = /*#__PURE__*/ function(Fullscreen) {
5855
- _inherits$k(GlobalFullscreen, Fullscreen);
5911
+ _inherits$l(GlobalFullscreen, Fullscreen);
5856
5912
  function GlobalFullscreen(options) {
5857
- return Fullscreen.call(this, _extends$j({}, options, {
5913
+ return Fullscreen.call(this, _extends$k({}, options, {
5858
5914
  controlType: 'button',
5859
5915
  classNameSuffix: 'global-fullscreen'
5860
5916
  })) || this;
@@ -5885,8 +5941,8 @@ function _set_prototype_of$k(o, p) {
5885
5941
  return GlobalFullscreen;
5886
5942
  }(Fullscreen);
5887
5943
 
5888
- function _extends$i() {
5889
- _extends$i = Object.assign || function(target) {
5944
+ function _extends$j() {
5945
+ _extends$j = Object.assign || function(target) {
5890
5946
  for(var i = 1; i < arguments.length; i++){
5891
5947
  var source = arguments[i];
5892
5948
  for(var key in source){
@@ -5897,9 +5953,9 @@ function _extends$i() {
5897
5953
  }
5898
5954
  return target;
5899
5955
  };
5900
- return _extends$i.apply(this, arguments);
5956
+ return _extends$j.apply(this, arguments);
5901
5957
  }
5902
- function _inherits$j(subClass, superClass) {
5958
+ function _inherits$k(subClass, superClass) {
5903
5959
  if (typeof superClass !== "function" && superClass !== null) {
5904
5960
  throw new TypeError("Super expression must either be null or a function");
5905
5961
  }
@@ -5910,23 +5966,23 @@ function _inherits$j(subClass, superClass) {
5910
5966
  configurable: true
5911
5967
  }
5912
5968
  });
5913
- if (superClass) _set_prototype_of$j(subClass, superClass);
5969
+ if (superClass) _set_prototype_of$k(subClass, superClass);
5914
5970
  }
5915
- function _set_prototype_of$j(o, p) {
5916
- _set_prototype_of$j = Object.setPrototypeOf || function setPrototypeOf(o, p) {
5971
+ function _set_prototype_of$k(o, p) {
5972
+ _set_prototype_of$k = Object.setPrototypeOf || function setPrototypeOf(o, p) {
5917
5973
  o.__proto__ = p;
5918
5974
  return o;
5919
5975
  };
5920
- return _set_prototype_of$j(o, p);
5976
+ return _set_prototype_of$k(o, p);
5921
5977
  }
5922
5978
  /**
5923
5979
  * 截图控件，点击后会触发截图事件， 截图数据会通过 onCapture 回调函数返回
5924
5980
  * @category Control
5925
5981
  */ var CapturePicture = /*#__PURE__*/ function(Control) {
5926
- _inherits$j(CapturePicture, Control);
5982
+ _inherits$k(CapturePicture, Control);
5927
5983
  function CapturePicture(options) {
5928
5984
  var _this;
5929
- _this = Control.call(this, _extends$i({}, options, {
5985
+ _this = Control.call(this, _extends$j({}, options, {
5930
5986
  tagName: 'span',
5931
5987
  classNameSuffix: 'capture-picture'
5932
5988
  })) || this, _this._timer = null;
@@ -5992,8 +6048,8 @@ function _create_class$4(Constructor, protoProps, staticProps) {
5992
6048
  if (protoProps) _defineProperties$4(Constructor.prototype, protoProps);
5993
6049
  return Constructor;
5994
6050
  }
5995
- function _extends$h() {
5996
- _extends$h = Object.assign || function(target) {
6051
+ function _extends$i() {
6052
+ _extends$i = Object.assign || function(target) {
5997
6053
  for(var i = 1; i < arguments.length; i++){
5998
6054
  var source = arguments[i];
5999
6055
  for(var key in source){
@@ -6004,9 +6060,9 @@ function _extends$h() {
6004
6060
  }
6005
6061
  return target;
6006
6062
  };
6007
- return _extends$h.apply(this, arguments);
6063
+ return _extends$i.apply(this, arguments);
6008
6064
  }
6009
- function _inherits$i(subClass, superClass) {
6065
+ function _inherits$j(subClass, superClass) {
6010
6066
  if (typeof superClass !== "function" && superClass !== null) {
6011
6067
  throw new TypeError("Super expression must either be null or a function");
6012
6068
  }
@@ -6017,23 +6073,23 @@ function _inherits$i(subClass, superClass) {
6017
6073
  configurable: true
6018
6074
  }
6019
6075
  });
6020
- if (superClass) _set_prototype_of$i(subClass, superClass);
6076
+ if (superClass) _set_prototype_of$j(subClass, superClass);
6021
6077
  }
6022
- function _set_prototype_of$i(o, p) {
6023
- _set_prototype_of$i = Object.setPrototypeOf || function setPrototypeOf(o, p) {
6078
+ function _set_prototype_of$j(o, p) {
6079
+ _set_prototype_of$j = Object.setPrototypeOf || function setPrototypeOf(o, p) {
6024
6080
  o.__proto__ = p;
6025
6081
  return o;
6026
6082
  };
6027
- return _set_prototype_of$i(o, p);
6083
+ return _set_prototype_of$j(o, p);
6028
6084
  }
6029
6085
  /**
6030
6086
  * 云台控件
6031
6087
  * @category Control
6032
6088
  */ var Ptz = /*#__PURE__*/ function(Control) {
6033
- _inherits$i(Ptz, Control);
6089
+ _inherits$j(Ptz, Control);
6034
6090
  function Ptz(options) {
6035
6091
  var _this;
6036
- _this = Control.call(this, _extends$h({}, options, {
6092
+ _this = Control.call(this, _extends$i({}, options, {
6037
6093
  tagName: 'span',
6038
6094
  controlType: 'button',
6039
6095
  classNameSuffix: 'ptz'
@@ -6076,7 +6132,7 @@ function _set_prototype_of$i(o, p) {
6076
6132
  this.$turntable.classList.add("" + PREFIX_CLASS + "-ptz-turntable");
6077
6133
  this.$panel.appendChild(this.$turntable);
6078
6134
  // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
6079
- this._ptzControl = new Ptz$1(this.$turntable, _extends$h({}, this._options, {
6135
+ this._ptzControl = new Ptz$1(this.$turntable, _extends$i({}, this._options, {
6080
6136
  onSpeedChange: this._onSpeedChange.bind(this),
6081
6137
  onDirection: this._onDirection.bind(this)
6082
6138
  }));
@@ -6085,7 +6141,7 @@ function _set_prototype_of$i(o, p) {
6085
6141
  };
6086
6142
  _proto.renderMobileExtend = function renderMobileExtend($container) {
6087
6143
  // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
6088
- if (!this._ptzControl1) this._ptzControl1 = new MobilePtz($container, _extends$h({}, this._options, {
6144
+ if (!this._ptzControl1) this._ptzControl1 = new MobilePtz($container, _extends$i({}, this._options, {
6089
6145
  onSpeedChange: this._onSpeedChange.bind(this),
6090
6146
  onDirection: this._onDirection.bind(this)
6091
6147
  }));
@@ -6188,8 +6244,8 @@ function _create_class$3(Constructor, protoProps, staticProps) {
6188
6244
  if (protoProps) _defineProperties$3(Constructor.prototype, protoProps);
6189
6245
  return Constructor;
6190
6246
  }
6191
- function _extends$g() {
6192
- _extends$g = Object.assign || function(target) {
6247
+ function _extends$h() {
6248
+ _extends$h = Object.assign || function(target) {
6193
6249
  for(var i = 1; i < arguments.length; i++){
6194
6250
  var source = arguments[i];
6195
6251
  for(var key in source){
@@ -6200,9 +6256,9 @@ function _extends$g() {
6200
6256
  }
6201
6257
  return target;
6202
6258
  };
6203
- return _extends$g.apply(this, arguments);
6259
+ return _extends$h.apply(this, arguments);
6204
6260
  }
6205
- function _inherits$h(subClass, superClass) {
6261
+ function _inherits$i(subClass, superClass) {
6206
6262
  if (typeof superClass !== "function" && superClass !== null) {
6207
6263
  throw new TypeError("Super expression must either be null or a function");
6208
6264
  }
@@ -6213,14 +6269,14 @@ function _inherits$h(subClass, superClass) {
6213
6269
  configurable: true
6214
6270
  }
6215
6271
  });
6216
- if (superClass) _set_prototype_of$h(subClass, superClass);
6272
+ if (superClass) _set_prototype_of$i(subClass, superClass);
6217
6273
  }
6218
- function _set_prototype_of$h(o, p) {
6219
- _set_prototype_of$h = Object.setPrototypeOf || function setPrototypeOf(o, p) {
6274
+ function _set_prototype_of$i(o, p) {
6275
+ _set_prototype_of$i = Object.setPrototypeOf || function setPrototypeOf(o, p) {
6220
6276
  o.__proto__ = p;
6221
6277
  return o;
6222
6278
  };
6223
- return _set_prototype_of$h(o, p);
6279
+ return _set_prototype_of$i(o, p);
6224
6280
  }
6225
6281
  var RECORD_DEFAULT_OPTIONS = {
6226
6282
  maxDuration: 3600
@@ -6234,10 +6290,10 @@ var RECORD_DEFAULT_OPTIONS = {
6234
6290
  * 2. 录制时间很短可能会因为浏览器的限制或没有I帧而无法生成有效的视频文件
6235
6291
  * @category Control
6236
6292
  */ var Record = /*#__PURE__*/ function(Control) {
6237
- _inherits$h(Record, Control);
6293
+ _inherits$i(Record, Control);
6238
6294
  function Record(options) {
6239
6295
  var _this;
6240
- _this = Control.call(this, _extends$g({}, options, {
6296
+ _this = Control.call(this, _extends$h({}, options, {
6241
6297
  tagName: 'span',
6242
6298
  controlType: 'button',
6243
6299
  classNameSuffix: 'record'
@@ -6378,8 +6434,8 @@ function _create_class$2(Constructor, protoProps, staticProps) {
6378
6434
  if (protoProps) _defineProperties$2(Constructor.prototype, protoProps);
6379
6435
  return Constructor;
6380
6436
  }
6381
- function _extends$f() {
6382
- _extends$f = Object.assign || function(target) {
6437
+ function _extends$g() {
6438
+ _extends$g = Object.assign || function(target) {
6383
6439
  for(var i = 1; i < arguments.length; i++){
6384
6440
  var source = arguments[i];
6385
6441
  for(var key in source){
@@ -6390,9 +6446,9 @@ function _extends$f() {
6390
6446
  }
6391
6447
  return target;
6392
6448
  };
6393
- return _extends$f.apply(this, arguments);
6449
+ return _extends$g.apply(this, arguments);
6394
6450
  }
6395
- function _inherits$g(subClass, superClass) {
6451
+ function _inherits$h(subClass, superClass) {
6396
6452
  if (typeof superClass !== "function" && superClass !== null) {
6397
6453
  throw new TypeError("Super expression must either be null or a function");
6398
6454
  }
@@ -6403,14 +6459,14 @@ function _inherits$g(subClass, superClass) {
6403
6459
  configurable: true
6404
6460
  }
6405
6461
  });
6406
- if (superClass) _set_prototype_of$g(subClass, superClass);
6462
+ if (superClass) _set_prototype_of$h(subClass, superClass);
6407
6463
  }
6408
- function _set_prototype_of$g(o, p) {
6409
- _set_prototype_of$g = Object.setPrototypeOf || function setPrototypeOf(o, p) {
6464
+ function _set_prototype_of$h(o, p) {
6465
+ _set_prototype_of$h = Object.setPrototypeOf || function setPrototypeOf(o, p) {
6410
6466
  o.__proto__ = p;
6411
6467
  return o;
6412
6468
  };
6413
- return _set_prototype_of$g(o, p);
6469
+ return _set_prototype_of$h(o, p);
6414
6470
  }
6415
6471
  function _ts_generator$4(thisArg, body) {
6416
6472
  var f, y, t, _ = {
@@ -6512,10 +6568,10 @@ function _ts_generator$4(thisArg, body) {
6512
6568
  *
6513
6569
  * @category Control
6514
6570
  */ var Talk = /*#__PURE__*/ function(Control) {
6515
- _inherits$g(Talk, Control);
6571
+ _inherits$h(Talk, Control);
6516
6572
  function Talk(options) {
6517
6573
  var _this;
6518
- _this = Control.call(this, _extends$f({}, options, {
6574
+ _this = Control.call(this, _extends$g({}, options, {
6519
6575
  tagName: 'span',
6520
6576
  controlType: 'button',
6521
6577
  classNameSuffix: 'talk'
@@ -6648,8 +6704,8 @@ function _async_to_generator$3(fn) {
6648
6704
  });
6649
6705
  };
6650
6706
  }
6651
- function _extends$e() {
6652
- _extends$e = Object.assign || function(target) {
6707
+ function _extends$f() {
6708
+ _extends$f = Object.assign || function(target) {
6653
6709
  for(var i = 1; i < arguments.length; i++){
6654
6710
  var source = arguments[i];
6655
6711
  for(var key in source){
@@ -6660,9 +6716,9 @@ function _extends$e() {
6660
6716
  }
6661
6717
  return target;
6662
6718
  };
6663
- return _extends$e.apply(this, arguments);
6719
+ return _extends$f.apply(this, arguments);
6664
6720
  }
6665
- function _inherits$f(subClass, superClass) {
6721
+ function _inherits$g(subClass, superClass) {
6666
6722
  if (typeof superClass !== "function" && superClass !== null) {
6667
6723
  throw new TypeError("Super expression must either be null or a function");
6668
6724
  }
@@ -6673,14 +6729,14 @@ function _inherits$f(subClass, superClass) {
6673
6729
  configurable: true
6674
6730
  }
6675
6731
  });
6676
- if (superClass) _set_prototype_of$f(subClass, superClass);
6732
+ if (superClass) _set_prototype_of$g(subClass, superClass);
6677
6733
  }
6678
- function _set_prototype_of$f(o, p) {
6679
- _set_prototype_of$f = Object.setPrototypeOf || function setPrototypeOf(o, p) {
6734
+ function _set_prototype_of$g(o, p) {
6735
+ _set_prototype_of$g = Object.setPrototypeOf || function setPrototypeOf(o, p) {
6680
6736
  o.__proto__ = p;
6681
6737
  return o;
6682
6738
  };
6683
- return _set_prototype_of$f(o, p);
6739
+ return _set_prototype_of$g(o, p);
6684
6740
  }
6685
6741
  function _ts_generator$3(thisArg, body) {
6686
6742
  var f, y, t, _ = {
@@ -6780,10 +6836,10 @@ function _ts_generator$3(thisArg, body) {
6780
6836
  *
6781
6837
  * @category Control
6782
6838
  */ var Broadcast = /*#__PURE__*/ function(Control) {
6783
- _inherits$f(Broadcast, Control);
6839
+ _inherits$g(Broadcast, Control);
6784
6840
  function Broadcast(options) {
6785
6841
  var _this;
6786
- _this = Control.call(this, _extends$e({}, options, {
6842
+ _this = Control.call(this, _extends$f({}, options, {
6787
6843
  tagName: 'span',
6788
6844
  controlType: 'button',
6789
6845
  classNameSuffix: 'broadcast'
@@ -6878,8 +6934,8 @@ function _async_to_generator$2(fn) {
6878
6934
  });
6879
6935
  };
6880
6936
  }
6881
- function _extends$d() {
6882
- _extends$d = Object.assign || function(target) {
6937
+ function _extends$e() {
6938
+ _extends$e = Object.assign || function(target) {
6883
6939
  for(var i = 1; i < arguments.length; i++){
6884
6940
  var source = arguments[i];
6885
6941
  for(var key in source){
@@ -6890,9 +6946,9 @@ function _extends$d() {
6890
6946
  }
6891
6947
  return target;
6892
6948
  };
6893
- return _extends$d.apply(this, arguments);
6949
+ return _extends$e.apply(this, arguments);
6894
6950
  }
6895
- function _inherits$e(subClass, superClass) {
6951
+ function _inherits$f(subClass, superClass) {
6896
6952
  if (typeof superClass !== "function" && superClass !== null) {
6897
6953
  throw new TypeError("Super expression must either be null or a function");
6898
6954
  }
@@ -6903,14 +6959,14 @@ function _inherits$e(subClass, superClass) {
6903
6959
  configurable: true
6904
6960
  }
6905
6961
  });
6906
- if (superClass) _set_prototype_of$e(subClass, superClass);
6962
+ if (superClass) _set_prototype_of$f(subClass, superClass);
6907
6963
  }
6908
- function _set_prototype_of$e(o, p) {
6909
- _set_prototype_of$e = Object.setPrototypeOf || function setPrototypeOf(o, p) {
6964
+ function _set_prototype_of$f(o, p) {
6965
+ _set_prototype_of$f = Object.setPrototypeOf || function setPrototypeOf(o, p) {
6910
6966
  o.__proto__ = p;
6911
6967
  return o;
6912
6968
  };
6913
- return _set_prototype_of$e(o, p);
6969
+ return _set_prototype_of$f(o, p);
6914
6970
  }
6915
6971
  function _ts_generator$2(thisArg, body) {
6916
6972
  var f, y, t, _ = {
@@ -7010,10 +7066,10 @@ function _ts_generator$2(thisArg, body) {
7010
7066
  *
7011
7067
  * @category Control
7012
7068
  */ var AIChat = /*#__PURE__*/ function(Control) {
7013
- _inherits$e(AIChat, Control);
7069
+ _inherits$f(AIChat, Control);
7014
7070
  function AIChat(options) {
7015
7071
  var _this;
7016
- _this = Control.call(this, _extends$d({}, options, {
7072
+ _this = Control.call(this, _extends$e({}, options, {
7017
7073
  tagName: 'span',
7018
7074
  controlType: 'button',
7019
7075
  classNameSuffix: 'aichat'
@@ -7079,8 +7135,8 @@ function _ts_generator$2(thisArg, body) {
7079
7135
  return AIChat;
7080
7136
  }(Control);
7081
7137
 
7082
- function _extends$c() {
7083
- _extends$c = Object.assign || function(target) {
7138
+ function _extends$d() {
7139
+ _extends$d = Object.assign || function(target) {
7084
7140
  for(var i = 1; i < arguments.length; i++){
7085
7141
  var source = arguments[i];
7086
7142
  for(var key in source){
@@ -7091,9 +7147,9 @@ function _extends$c() {
7091
7147
  }
7092
7148
  return target;
7093
7149
  };
7094
- return _extends$c.apply(this, arguments);
7150
+ return _extends$d.apply(this, arguments);
7095
7151
  }
7096
- function _inherits$d(subClass, superClass) {
7152
+ function _inherits$e(subClass, superClass) {
7097
7153
  if (typeof superClass !== "function" && superClass !== null) {
7098
7154
  throw new TypeError("Super expression must either be null or a function");
7099
7155
  }
@@ -7104,14 +7160,14 @@ function _inherits$d(subClass, superClass) {
7104
7160
  configurable: true
7105
7161
  }
7106
7162
  });
7107
- if (superClass) _set_prototype_of$d(subClass, superClass);
7163
+ if (superClass) _set_prototype_of$e(subClass, superClass);
7108
7164
  }
7109
- function _set_prototype_of$d(o, p) {
7110
- _set_prototype_of$d = Object.setPrototypeOf || function setPrototypeOf(o, p) {
7165
+ function _set_prototype_of$e(o, p) {
7166
+ _set_prototype_of$e = Object.setPrototypeOf || function setPrototypeOf(o, p) {
7111
7167
  o.__proto__ = p;
7112
7168
  return o;
7113
7169
  };
7114
- return _set_prototype_of$d(o, p);
7170
+ return _set_prototype_of$e(o, p);
7115
7171
  }
7116
7172
  /**
7117
7173
  * 直播按钮控件
@@ -7120,11 +7176,11 @@ function _set_prototype_of$d(o, p) {
7120
7176
  *
7121
7177
  * @category Control
7122
7178
  */ var Live = /*#__PURE__*/ function(Control) {
7123
- _inherits$d(Live, Control);
7179
+ _inherits$e(Live, Control);
7124
7180
  function Live(options) {
7125
7181
  var _this;
7126
7182
  var _this___options_props1;
7127
- _this = Control.call(this, _extends$c({}, options, {
7183
+ _this = Control.call(this, _extends$d({}, options, {
7128
7184
  tagName: 'span',
7129
7185
  controlType: 'button',
7130
7186
  classNameSuffix: 'live'
@@ -7174,8 +7230,8 @@ function _set_prototype_of$d(o, p) {
7174
7230
  return Live;
7175
7231
  }(Control);
7176
7232
 
7177
- function _extends$b() {
7178
- _extends$b = Object.assign || function(target) {
7233
+ function _extends$c() {
7234
+ _extends$c = Object.assign || function(target) {
7179
7235
  for(var i = 1; i < arguments.length; i++){
7180
7236
  var source = arguments[i];
7181
7237
  for(var key in source){
@@ -7186,9 +7242,9 @@ function _extends$b() {
7186
7242
  }
7187
7243
  return target;
7188
7244
  };
7189
- return _extends$b.apply(this, arguments);
7245
+ return _extends$c.apply(this, arguments);
7190
7246
  }
7191
- function _inherits$c(subClass, superClass) {
7247
+ function _inherits$d(subClass, superClass) {
7192
7248
  if (typeof superClass !== "function" && superClass !== null) {
7193
7249
  throw new TypeError("Super expression must either be null or a function");
7194
7250
  }
@@ -7199,14 +7255,14 @@ function _inherits$c(subClass, superClass) {
7199
7255
  configurable: true
7200
7256
  }
7201
7257
  });
7202
- if (superClass) _set_prototype_of$c(subClass, superClass);
7258
+ if (superClass) _set_prototype_of$d(subClass, superClass);
7203
7259
  }
7204
- function _set_prototype_of$c(o, p) {
7205
- _set_prototype_of$c = Object.setPrototypeOf || function setPrototypeOf(o, p) {
7260
+ function _set_prototype_of$d(o, p) {
7261
+ _set_prototype_of$d = Object.setPrototypeOf || function setPrototypeOf(o, p) {
7206
7262
  o.__proto__ = p;
7207
7263
  return o;
7208
7264
  };
7209
- return _set_prototype_of$c(o, p);
7265
+ return _set_prototype_of$d(o, p);
7210
7266
  }
7211
7267
  /**
7212
7268
  * 回放下拉控件
@@ -7215,11 +7271,11 @@ function _set_prototype_of$c(o, p) {
7215
7271
  *
7216
7272
  * @category Control
7217
7273
  */ var RecDropdown = /*#__PURE__*/ function(Control) {
7218
- _inherits$c(RecDropdown, Control);
7274
+ _inherits$d(RecDropdown, Control);
7219
7275
  function RecDropdown(options) {
7220
7276
  var _this;
7221
7277
  var _options_props, _this___options_props1;
7222
- _this = Control.call(this, _extends$b({}, options, {
7278
+ _this = Control.call(this, _extends$c({}, options, {
7223
7279
  tagName: 'span',
7224
7280
  controlType: 'button',
7225
7281
  classNameSuffix: 'rec-dropdown'
@@ -7338,6 +7394,157 @@ function _set_prototype_of$c(o, p) {
7338
7394
  return RecDropdown;
7339
7395
  }(Control);
7340
7396
 
7397
+ function _extends$b() {
7398
+ _extends$b = Object.assign || function(target) {
7399
+ for(var i = 1; i < arguments.length; i++){
7400
+ var source = arguments[i];
7401
+ for(var key in source){
7402
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
7403
+ target[key] = source[key];
7404
+ }
7405
+ }
7406
+ }
7407
+ return target;
7408
+ };
7409
+ return _extends$b.apply(this, arguments);
7410
+ }
7411
+ function _inherits$c(subClass, superClass) {
7412
+ if (typeof superClass !== "function" && superClass !== null) {
7413
+ throw new TypeError("Super expression must either be null or a function");
7414
+ }
7415
+ subClass.prototype = Object.create(superClass && superClass.prototype, {
7416
+ constructor: {
7417
+ value: subClass,
7418
+ writable: true,
7419
+ configurable: true
7420
+ }
7421
+ });
7422
+ if (superClass) _set_prototype_of$c(subClass, superClass);
7423
+ }
7424
+ function _set_prototype_of$c(o, p) {
7425
+ _set_prototype_of$c = Object.setPrototypeOf || function setPrototypeOf(o, p) {
7426
+ o.__proto__ = p;
7427
+ return o;
7428
+ };
7429
+ return _set_prototype_of$c(o, p);
7430
+ }
7431
+ /**
7432
+ * 录像列表按钮控件
7433
+ *
7434
+ * 点击切换录像列表面板的展示/隐藏状态
7435
+ *
7436
+ * @category Control
7437
+ */ var RecList = /*#__PURE__*/ function(Control) {
7438
+ _inherits$c(RecList, Control);
7439
+ function RecList(options) {
7440
+ var _this;
7441
+ var _this__options_props, _this__options, _this_locale;
7442
+ // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
7443
+ _this = Control.call(this, _extends$b({}, options, {
7444
+ tagName: 'span',
7445
+ controlType: 'button',
7446
+ classNameSuffix: 'rec-list'
7447
+ })) || this, _this._panelOpen = false, _this.records = [];
7448
+ _this._options = options;
7449
+ _this.records = ((_this__options = _this._options) == null ? void 0 : (_this__options_props = _this__options.props) == null ? void 0 : _this__options_props.recordList) || [];
7450
+ _this._render();
7451
+ _this._modal = new RecListModal(_this._options.rootContainer, _extends$b({
7452
+ showMask: false,
7453
+ title: (_this_locale = _this.locale) == null ? void 0 : _this_locale.BTN_REC_LIST_TITLE
7454
+ }, options, {
7455
+ showEventFilter: false,
7456
+ showCardTypeIcon: false,
7457
+ onCardClick: function(section, index, sections) {
7458
+ _this.emit(EVENTS.control.recListCardClick, section, index, sections);
7459
+ },
7460
+ onClose: function() {
7461
+ var _this__options_onClose, _this__options;
7462
+ _this._panelOpen = false;
7463
+ _this.active = false;
7464
+ _this.emit(EVENTS.control.recListChange, false);
7465
+ (_this__options = _this._options) == null ? void 0 : (_this__options_onClose = _this__options.onClose) == null ? void 0 : _this__options_onClose.call(_this__options);
7466
+ }
7467
+ }));
7468
+ _this.on(EVENTS.setAllDayRecTimes, function(records) {
7469
+ var // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
7470
+ _this__modal;
7471
+ _this.disabled = records.length === 0;
7472
+ _this.records = records;
7473
+ (_this__modal = _this._modal) == null ? void 0 : _this__modal.setSections(records);
7474
+ // this._modal?.showEventFilter(this._options.showEventFilter ?? true);
7475
+ });
7476
+ _this.on(EVENTS.getOSDTime, function(time) {
7477
+ if (time) {
7478
+ var _this__modal_setActiveTime, _this__modal;
7479
+ var _currentTime = time;
7480
+ (_this__modal = _this._modal) == null ? void 0 : (_this__modal_setActiveTime = _this__modal.setActiveTime) == null ? void 0 : _this__modal_setActiveTime.call(_this__modal, _currentTime);
7481
+ }
7482
+ });
7483
+ _this.on('TimeLine.onSectionIconClick', function(result) {
7484
+ var // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
7485
+ _this__modal, // this._modal?.showEventFilter(false);
7486
+ // this._options.rootContainer
7487
+ _this__modal1, _this__modal2;
7488
+ var list = _this.records.slice(result.index || 0, result.index + result.count);
7489
+ var $rootContainer = _this._options.rootContainer;
7490
+ var width = $rootContainer.clientWidth;
7491
+ var rect = $rootContainer.getBoundingClientRect();
7492
+ (_this__modal = _this._modal) == null ? void 0 : _this__modal.setSections(list);
7493
+ (_this__modal1 = _this._modal) == null ? void 0 : _this__modal1.open();
7494
+ (_this__modal2 = _this._modal) == null ? void 0 : _this__modal2.setPosition(width + rect.x, rect.y);
7495
+ });
7496
+ _this.on(EVENTS.recListChange, function(open) {
7497
+ _this._panelOpen = open;
7498
+ _this.active = open;
7499
+ });
7500
+ return _this;
7501
+ }
7502
+ var _proto = RecList.prototype;
7503
+ _proto._render = function _render() {
7504
+ var _this_locale;
7505
+ this.$container.innerHTML = IconComponents.recList({
7506
+ title: ((_this_locale = this.locale) == null ? void 0 : _this_locale.BTN_REC_LIST_TITLE) || '录像列表'
7507
+ });
7508
+ };
7509
+ /**
7510
+ * 销毁
7511
+ */ _proto.destroy = function destroy() {
7512
+ if (this._panelOpen) {
7513
+ this.emit(EVENTS.control.recListChange, false);
7514
+ }
7515
+ this.emit(EVENTS.control.recListDestroy);
7516
+ if (this._modal) {
7517
+ this._modal.destroy();
7518
+ this._modal = null;
7519
+ }
7520
+ Control.prototype.destroy.call(this);
7521
+ };
7522
+ /**
7523
+ * 点击 Control 会触发
7524
+ */ _proto._onControlClick = function _onControlClick(e) {
7525
+ Control.prototype._onControlClick.call(this, e);
7526
+ this._panelOpen = !this._panelOpen;
7527
+ this.active = this._panelOpen;
7528
+ if (this.active) {
7529
+ var // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
7530
+ _this__modal, // this._options.rootContainer
7531
+ _this__modal1, _this__modal2;
7532
+ var $rootContainer = this._options.rootContainer;
7533
+ var width = $rootContainer.clientWidth;
7534
+ var rect = $rootContainer.getBoundingClientRect();
7535
+ (_this__modal = this._modal) == null ? void 0 : _this__modal.setSections(this.records);
7536
+ // this._modal?.showEventFilter(this._options.showEventFilter ?? true);
7537
+ (_this__modal1 = this._modal) == null ? void 0 : _this__modal1.open();
7538
+ (_this__modal2 = this._modal) == null ? void 0 : _this__modal2.setPosition(width + rect.x, rect.y);
7539
+ } else {
7540
+ var _this__modal3;
7541
+ (_this__modal3 = this._modal) == null ? void 0 : _this__modal3.close();
7542
+ }
7543
+ this.emit(EVENTS.control.recListChange, this._panelOpen);
7544
+ };
7545
+ return RecList;
7546
+ }(Control);
7547
+
7341
7548
  function _extends$a() {
7342
7549
  _extends$a = Object.assign || function(target) {
7343
7550
  for(var i = 1; i < arguments.length; i++){
@@ -8426,6 +8633,9 @@ function _set_prototype_of$5(o, p) {
8426
8633
  _this.emit(EVENTS.control.timeLineChange, date);
8427
8634
  } catch (error) {
8428
8635
  }
8636
+ },
8637
+ onSectionIconClick: function(result) {
8638
+ _this.emit('TimeLine.onSectionIconClick', result);
8429
8639
  }
8430
8640
  });
8431
8641
  if (isMobile()) {
@@ -8578,6 +8788,7 @@ var Controls = {
8578
8788
  aiChat: AIChat,
8579
8789
  live: Live,
8580
8790
  recDropdown: RecDropdown,
8791
+ recList: RecList,
8581
8792
  alarmMessage: AlarmMessage,
8582
8793
  zoom: Zoom,
8583
8794
  definition: Definition,
@@ -9147,7 +9358,9 @@ function _renderControls(theme, $container, btnList, props) {
9147
9358
  var _theme_options_mobileExtendOptions, // 在移动端支持扩展和窗口区域渲染
9148
9359
  _theme_options_mobileExtendOptions_controls, _theme_options_mobileExtendOptions1;
9149
9360
  if (((((_theme_options_mobileExtendOptions = theme.options.mobileExtendOptions) == null ? void 0 : _theme_options_mobileExtendOptions.controls) || []).includes(item.iconId) && item.iconId !== "ptz" || ((_theme_options_mobileExtendOptions1 = theme.options.mobileExtendOptions) == null ? void 0 : (_theme_options_mobileExtendOptions_controls = _theme_options_mobileExtendOptions1.controls) == null ? void 0 : _theme_options_mobileExtendOptions_controls.includes('rec')) && REC_GROUP.includes(item.iconId) // 移动端模式下，不渲染在header 中控件， 需要移动到mobileExtend中
9150
- ) && Utils.isMobile) {
9361
+ ) && Utils.isMobile || [
9362
+ "recList"
9363
+ ].includes(item.iconId) && Utils.isMobile) {
9151
9364
  continue;
9152
9365
  }
9153
9366
  if (REC_GROUP.includes(item.iconId) && theme._header) {
@@ -9437,7 +9650,8 @@ function _renderTheme(theme, data) {
9437
9650
  var _renderTimeLine = function(theme, container, props) {
9438
9651
  if (props === void 0) props = {};
9439
9652
  if (!theme.controls.timeLineControl && theme.options.timeLineOptions !== null) {
9440
- var _theme_urlInfo, _theme_options;
9653
+ var _theme_urlInfo, _theme_options, _theme_options1, _this, _theme_options2;
9654
+ var _showSectionIcon;
9441
9655
  // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
9442
9656
  theme.controls.timeLineControl = new Controls['timeLine'](_extends$1({
9443
9657
  getPopupContainer: function() {
@@ -9447,6 +9661,7 @@ var _renderTimeLine = function(theme, container, props) {
9447
9661
  locales: theme.i18n.translations,
9448
9662
  coverQuery: ((_theme_urlInfo = theme.urlInfo) == null ? void 0 : _theme_urlInfo.validateCode) ? "decodekey=" + theme.urlInfo.validateCode : ''
9449
9663
  }, ((_theme_options = theme.options) == null ? void 0 : _theme_options["timeLineOptions"]) || {}, {
9664
+ showSectionIcon: ((_theme_options1 = theme.options) == null ? void 0 : _theme_options1["recListOptions"]) !== null ? (_showSectionIcon = (_this = ((_theme_options2 = theme.options) == null ? void 0 : _theme_options2["timeLineOptions"]) || {}) == null ? void 0 : _this.showSectionIcon) != null ? _showSectionIcon : true : true,
9450
9665
  props: props
9451
9666
  }));
9452
9667
  }
@@ -9776,7 +9991,7 @@ var THEME_DEFAULT_OPTIONS = {
9776
9991
  */ _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, /**
9777
9992
  * 移动端扩展容器, 扩展的控件渲染在指定容器以外， 仅只用端适用， 为了可以放置大的控件和方便开发接入
9778
9993
  * @private
9779
- */ _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, // /**
9994
+ */ _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, /** @private 加载中 */ _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, // /**
9780
9995
  // * 记录回放的月份
9781
9996
  // *
9782
9997
  // * key: {序列号}_{通道号}_{rec | cloud | cloudRecord} 比如：BC7799091_1_rec BC7799091_1_cloud BC7799091_1_cloudRecord
@@ -11051,6 +11266,6 @@ var THEME_DEFAULT_OPTIONS = {
11051
11266
  zh: zh,
11052
11267
  en: en
11053
11268
  };
11054
- /** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '3.1.0-beta.2';
11269
+ /** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '3.1.0-beta.4';
11055
11270
 
11056
11271
  export { Control, EVENTS, Fullscreen, Loading, Message, Play, Poster, Rec, Theme, Utils, Volume };