@ezuikit/player-theme 3.1.0-beta.1 → 3.1.0-beta.3

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 +473 -257
  3. package/dist/index.esm.js +473 -257
  4. package/dist/index.umd.js +1287 -701
  5. package/dist/style.css +7 -3
  6. package/dist/style.js +2 -2
  7. package/dist/types/index.d.ts +67 -50
  8. package/package.json +3 -2
package/dist/index.cjs CHANGED
@@ -1,6 +1,6 @@
1
1
  /*
2
- * @ezuikit/player-theme v3.1.0-beta.1
3
- * Copyright (c) 2026-06-24 Ezviz-OpenBiz
2
+ * @ezuikit/player-theme v3.1.0-beta.3
3
+ * Copyright (c) 2026-07-03 Ezviz-OpenBiz
4
4
  * Released under the MIT License.
5
5
  */
6
6
  'use strict';
@@ -15,6 +15,7 @@ var I18n = require('@ezuikit/utils-i18n');
15
15
  var Logger = require('@ezuikit/utils-logger');
16
16
  var Zoom$1 = require('@ezuikit/control-zoom');
17
17
  var controlPtz = require('@ezuikit/control-ptz');
18
+ var RecListModal = require('@ezuikit/control-rec-list-modal');
18
19
  var controlDatePicker = require('@ezuikit/control-date-picker');
19
20
  var controlTimeLine = require('@ezuikit/control-time-line');
20
21
 
@@ -146,6 +147,7 @@ var EVENTS = {
146
147
  /** AI对话框状态变化 */ aichatChange: 'aichatChange',
147
148
  /** 直播模式切换 */ liveChange: 'liveChange',
148
149
  /** 回放下拉选择变化 */ recDropdownChange: 'recDropdownChange',
150
+ /** 录像列表面板状态变化 */ recListChange: 'recListChange',
149
151
  /** 告警消息面板状态变化 */ alarmMessageChange: 'alarmMessageChange',
150
152
  /** 动态切换日志配置 */ setLoggerOptions: 'setLoggerOptions',
151
153
  records: 'records',
@@ -198,6 +200,9 @@ var EVENTS = {
198
200
  /** 直播控件销毁 */ liveDestroy: 'Control.liveDestroy',
199
201
  /** 回放下拉选择变化 */ recDropdownChange: 'Control.recDropdownChange',
200
202
  /** 回放下拉控件销毁 */ recDropdownDestroy: 'Control.recDropdownDestroy',
203
+ /** 录像列表面板状态变化 */ recListChange: 'Control.recListChange',
204
+ recListCardClick: 'Control.recListCardClick',
205
+ /** 录像列表控件销毁 */ recListDestroy: 'Control.recListDestroy',
201
206
  /** 告警消息面板开关 */ alarmMessageChange: 'Control.alarmMessageChange',
202
207
  /** 告警消息面板销毁 */ alarmMessageDestroy: 'Control.alarmMessageDestroy',
203
208
  /** 缩放比例改变 */ zoomChange: 'Control.zoomChange',
@@ -253,7 +258,7 @@ function _create_class$9(Constructor, protoProps, staticProps) {
253
258
  if (protoProps) _defineProperties$9(Constructor.prototype, protoProps);
254
259
  return Constructor;
255
260
  }
256
- function _inherits$x(subClass, superClass) {
261
+ function _inherits$y(subClass, superClass) {
257
262
  if (typeof superClass !== "function" && superClass !== null) {
258
263
  throw new TypeError("Super expression must either be null or a function");
259
264
  }
@@ -264,14 +269,14 @@ function _inherits$x(subClass, superClass) {
264
269
  configurable: true
265
270
  }
266
271
  });
267
- if (superClass) _set_prototype_of$x(subClass, superClass);
272
+ if (superClass) _set_prototype_of$y(subClass, superClass);
268
273
  }
269
- function _set_prototype_of$x(o, p) {
270
- _set_prototype_of$x = Object.setPrototypeOf || function setPrototypeOf(o, p) {
274
+ function _set_prototype_of$y(o, p) {
275
+ _set_prototype_of$y = Object.setPrototypeOf || function setPrototypeOf(o, p) {
271
276
  o.__proto__ = p;
272
277
  return o;
273
278
  };
274
- return _set_prototype_of$x(o, p);
279
+ return _set_prototype_of$y(o, p);
275
280
  }
276
281
  /**
277
282
  * 控件基类
@@ -285,7 +290,7 @@ function _set_prototype_of$x(o, p) {
285
290
  * const myControl = new MyControl({})
286
291
  * ```
287
292
  */ var Control = /*#__PURE__*/ function(EventEmitter) {
288
- _inherits$x(Control, EventEmitter);
293
+ _inherits$y(Control, EventEmitter);
289
294
  function Control(options) {
290
295
  var _this;
291
296
  var _this___options;
@@ -460,8 +465,8 @@ function _set_prototype_of$x(o, p) {
460
465
  return Control;
461
466
  }(EventEmitter);
462
467
 
463
- function _extends$w() {
464
- _extends$w = Object.assign || function(target) {
468
+ function _extends$x() {
469
+ _extends$x = Object.assign || function(target) {
465
470
  for(var i = 1; i < arguments.length; i++){
466
471
  var source = arguments[i];
467
472
  for(var key in source){
@@ -472,9 +477,9 @@ function _extends$w() {
472
477
  }
473
478
  return target;
474
479
  };
475
- return _extends$w.apply(this, arguments);
480
+ return _extends$x.apply(this, arguments);
476
481
  }
477
- function _inherits$w(subClass, superClass) {
482
+ function _inherits$x(subClass, superClass) {
478
483
  if (typeof superClass !== "function" && superClass !== null) {
479
484
  throw new TypeError("Super expression must either be null or a function");
480
485
  }
@@ -485,25 +490,25 @@ function _inherits$w(subClass, superClass) {
485
490
  configurable: true
486
491
  }
487
492
  });
488
- if (superClass) _set_prototype_of$w(subClass, superClass);
493
+ if (superClass) _set_prototype_of$x(subClass, superClass);
489
494
  }
490
- function _set_prototype_of$w(o, p) {
491
- _set_prototype_of$w = Object.setPrototypeOf || function setPrototypeOf(o, p) {
495
+ function _set_prototype_of$x(o, p) {
496
+ _set_prototype_of$x = Object.setPrototypeOf || function setPrototypeOf(o, p) {
492
497
  o.__proto__ = p;
493
498
  return o;
494
499
  };
495
- return _set_prototype_of$w(o, p);
500
+ return _set_prototype_of$x(o, p);
496
501
  }
497
502
  var LOADING_DEFAULT_OPTIONS = {};
498
503
  /**
499
504
  * 加载动画控件
500
505
  * @category Control
501
506
  */ var Loading = /*#__PURE__*/ function(Control) {
502
- _inherits$w(Loading, Control);
507
+ _inherits$x(Loading, Control);
503
508
  function Loading(options) {
504
509
  if (options === void 0) options = {};
505
510
  var _this;
506
- _this = Control.call(this, Object.assign({}, LOADING_DEFAULT_OPTIONS, _extends$w({}, options, {
511
+ _this = Control.call(this, Object.assign({}, LOADING_DEFAULT_OPTIONS, _extends$x({}, options, {
507
512
  tagName: 'div',
508
513
  controlType: 'block',
509
514
  classNameSuffix: 'loading'
@@ -541,8 +546,8 @@ var LOADING_DEFAULT_OPTIONS = {};
541
546
  return Loading;
542
547
  }(Control);
543
548
 
544
- function _extends$v() {
545
- _extends$v = Object.assign || function(target) {
549
+ function _extends$w() {
550
+ _extends$w = Object.assign || function(target) {
546
551
  for(var i = 1; i < arguments.length; i++){
547
552
  var source = arguments[i];
548
553
  for(var key in source){
@@ -553,9 +558,9 @@ function _extends$v() {
553
558
  }
554
559
  return target;
555
560
  };
556
- return _extends$v.apply(this, arguments);
561
+ return _extends$w.apply(this, arguments);
557
562
  }
558
- function _inherits$v(subClass, superClass) {
563
+ function _inherits$w(subClass, superClass) {
559
564
  if (typeof superClass !== "function" && superClass !== null) {
560
565
  throw new TypeError("Super expression must either be null or a function");
561
566
  }
@@ -566,14 +571,14 @@ function _inherits$v(subClass, superClass) {
566
571
  configurable: true
567
572
  }
568
573
  });
569
- if (superClass) _set_prototype_of$v(subClass, superClass);
574
+ if (superClass) _set_prototype_of$w(subClass, superClass);
570
575
  }
571
- function _set_prototype_of$v(o, p) {
572
- _set_prototype_of$v = Object.setPrototypeOf || function setPrototypeOf(o, p) {
576
+ function _set_prototype_of$w(o, p) {
577
+ _set_prototype_of$w = Object.setPrototypeOf || function setPrototypeOf(o, p) {
573
578
  o.__proto__ = p;
574
579
  return o;
575
580
  };
576
- return _set_prototype_of$v(o, p);
581
+ return _set_prototype_of$w(o, p);
577
582
  }
578
583
  // 不放在服务器上 是因为有可能http加载失败
579
584
  // prettier-ignore
@@ -585,11 +590,11 @@ var POSTER_OPTIONS = {
585
590
  * 封面控件
586
591
  * @category Control
587
592
  */ var Poster = /*#__PURE__*/ function(Control) {
588
- _inherits$v(Poster, Control);
593
+ _inherits$w(Poster, Control);
589
594
  function Poster(options) {
590
595
  if (options === void 0) options = {};
591
596
  var _this;
592
- _this = Control.call(this, Object.assign({}, POSTER_OPTIONS, _extends$v({}, options, {
597
+ _this = Control.call(this, Object.assign({}, POSTER_OPTIONS, _extends$w({}, options, {
593
598
  tagName: 'div',
594
599
  controlType: 'block',
595
600
  classNameSuffix: 'poster'
@@ -696,10 +701,11 @@ var Icons = {
696
701
  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>',
697
702
  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>',
698
703
  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>',
699
- /** 直播 */ 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>',
700
- /** 回放 */ 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>',
701
- /** 消息/告警 */ 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>',
702
- 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>'
704
+ /** 直播 */ 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>',
705
+ /** 回放 */ 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>',
706
+ /** 消息/告警 */ 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>',
707
+ 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>',
708
+ 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>'
703
709
  };
704
710
 
705
711
  /**
@@ -866,6 +872,10 @@ var IconComponents = {
866
872
  if (attr === void 0) attr = {};
867
873
  return createIcon(Icons.recDropdown, 'rec-dropdown', attr);
868
874
  },
875
+ /** 录像列表 */ recList: function(attr) {
876
+ if (attr === void 0) attr = {};
877
+ return createIcon(Icons.list, 'rec-list', attr);
878
+ },
869
879
  /** 消息 */ alarmMessage: function(attr) {
870
880
  if (attr === void 0) attr = {};
871
881
  return createIcon(Icons.alarmMessage, 'alarm-message', attr);
@@ -876,8 +886,8 @@ var IconComponents = {
876
886
  }
877
887
  };
878
888
 
879
- function _extends$u() {
880
- _extends$u = Object.assign || function(target) {
889
+ function _extends$v() {
890
+ _extends$v = Object.assign || function(target) {
881
891
  for(var i = 1; i < arguments.length; i++){
882
892
  var source = arguments[i];
883
893
  for(var key in source){
@@ -888,9 +898,9 @@ function _extends$u() {
888
898
  }
889
899
  return target;
890
900
  };
891
- return _extends$u.apply(this, arguments);
901
+ return _extends$v.apply(this, arguments);
892
902
  }
893
- function _inherits$u(subClass, superClass) {
903
+ function _inherits$v(subClass, superClass) {
894
904
  if (typeof superClass !== "function" && superClass !== null) {
895
905
  throw new TypeError("Super expression must either be null or a function");
896
906
  }
@@ -901,25 +911,25 @@ function _inherits$u(subClass, superClass) {
901
911
  configurable: true
902
912
  }
903
913
  });
904
- if (superClass) _set_prototype_of$u(subClass, superClass);
914
+ if (superClass) _set_prototype_of$v(subClass, superClass);
905
915
  }
906
- function _set_prototype_of$u(o, p) {
907
- _set_prototype_of$u = Object.setPrototypeOf || function setPrototypeOf(o, p) {
916
+ function _set_prototype_of$v(o, p) {
917
+ _set_prototype_of$v = Object.setPrototypeOf || function setPrototypeOf(o, p) {
908
918
  o.__proto__ = p;
909
919
  return o;
910
920
  };
911
- return _set_prototype_of$u(o, p);
921
+ return _set_prototype_of$v(o, p);
912
922
  }
913
923
  var MESSAGE_DEFAULT_OPTIONS = {};
914
924
  /**
915
925
  * 消息控件
916
926
  * @category Control
917
927
  */ var Message = /*#__PURE__*/ function(Control) {
918
- _inherits$u(Message, Control);
928
+ _inherits$v(Message, Control);
919
929
  function Message(options) {
920
930
  if (options === void 0) options = {};
921
931
  var _this;
922
- _this = Control.call(this, Object.assign({}, MESSAGE_DEFAULT_OPTIONS, _extends$u({}, options, {
932
+ _this = Control.call(this, Object.assign({}, MESSAGE_DEFAULT_OPTIONS, _extends$v({}, options, {
923
933
  tagName: 'div',
924
934
  controlType: 'block'
925
935
  }))) || this, _this._$toast = null;
@@ -1072,8 +1082,8 @@ function _create_class$8(Constructor, protoProps, staticProps) {
1072
1082
  if (protoProps) _defineProperties$8(Constructor.prototype, protoProps);
1073
1083
  return Constructor;
1074
1084
  }
1075
- function _extends$t() {
1076
- _extends$t = Object.assign || function(target) {
1085
+ function _extends$u() {
1086
+ _extends$u = Object.assign || function(target) {
1077
1087
  for(var i = 1; i < arguments.length; i++){
1078
1088
  var source = arguments[i];
1079
1089
  for(var key in source){
@@ -1084,9 +1094,9 @@ function _extends$t() {
1084
1094
  }
1085
1095
  return target;
1086
1096
  };
1087
- return _extends$t.apply(this, arguments);
1097
+ return _extends$u.apply(this, arguments);
1088
1098
  }
1089
- function _inherits$t(subClass, superClass) {
1099
+ function _inherits$u(subClass, superClass) {
1090
1100
  if (typeof superClass !== "function" && superClass !== null) {
1091
1101
  throw new TypeError("Super expression must either be null or a function");
1092
1102
  }
@@ -1097,23 +1107,23 @@ function _inherits$t(subClass, superClass) {
1097
1107
  configurable: true
1098
1108
  }
1099
1109
  });
1100
- if (superClass) _set_prototype_of$t(subClass, superClass);
1110
+ if (superClass) _set_prototype_of$u(subClass, superClass);
1101
1111
  }
1102
- function _set_prototype_of$t(o, p) {
1103
- _set_prototype_of$t = Object.setPrototypeOf || function setPrototypeOf(o, p) {
1112
+ function _set_prototype_of$u(o, p) {
1113
+ _set_prototype_of$u = Object.setPrototypeOf || function setPrototypeOf(o, p) {
1104
1114
  o.__proto__ = p;
1105
1115
  return o;
1106
1116
  };
1107
- return _set_prototype_of$t(o, p);
1117
+ return _set_prototype_of$u(o, p);
1108
1118
  }
1109
1119
  /**
1110
1120
  * 播放/暂停控件
1111
1121
  * @category Control
1112
1122
  */ var Play = /*#__PURE__*/ function(Control) {
1113
- _inherits$t(Play, Control);
1123
+ _inherits$u(Play, Control);
1114
1124
  function Play(options) {
1115
1125
  var _this;
1116
- _this = Control.call(this, _extends$t({}, options, {
1126
+ _this = Control.call(this, _extends$u({}, options, {
1117
1127
  tagName: 'span',
1118
1128
  controlType: 'button',
1119
1129
  classNameSuffix: 'play'
@@ -1729,8 +1739,8 @@ function _create_class$6(Constructor, protoProps, staticProps) {
1729
1739
  if (protoProps) _defineProperties$6(Constructor.prototype, protoProps);
1730
1740
  return Constructor;
1731
1741
  }
1732
- function _extends$s() {
1733
- _extends$s = Object.assign || function(target) {
1742
+ function _extends$t() {
1743
+ _extends$t = Object.assign || function(target) {
1734
1744
  for(var i = 1; i < arguments.length; i++){
1735
1745
  var source = arguments[i];
1736
1746
  for(var key in source){
@@ -1741,9 +1751,9 @@ function _extends$s() {
1741
1751
  }
1742
1752
  return target;
1743
1753
  };
1744
- return _extends$s.apply(this, arguments);
1754
+ return _extends$t.apply(this, arguments);
1745
1755
  }
1746
- function _inherits$s(subClass, superClass) {
1756
+ function _inherits$t(subClass, superClass) {
1747
1757
  if (typeof superClass !== "function" && superClass !== null) {
1748
1758
  throw new TypeError("Super expression must either be null or a function");
1749
1759
  }
@@ -1754,14 +1764,14 @@ function _inherits$s(subClass, superClass) {
1754
1764
  configurable: true
1755
1765
  }
1756
1766
  });
1757
- if (superClass) _set_prototype_of$s(subClass, superClass);
1767
+ if (superClass) _set_prototype_of$t(subClass, superClass);
1758
1768
  }
1759
- function _set_prototype_of$s(o, p) {
1760
- _set_prototype_of$s = Object.setPrototypeOf || function setPrototypeOf(o, p) {
1769
+ function _set_prototype_of$t(o, p) {
1770
+ _set_prototype_of$t = Object.setPrototypeOf || function setPrototypeOf(o, p) {
1761
1771
  o.__proto__ = p;
1762
1772
  return o;
1763
1773
  };
1764
- return _set_prototype_of$s(o, p);
1774
+ return _set_prototype_of$t(o, p);
1765
1775
  }
1766
1776
  var VOLUME_DEFAULT_OPTIONS = {
1767
1777
  volume: 0.8,
@@ -1775,12 +1785,12 @@ var VOLUME_DEFAULT_OPTIONS = {
1775
1785
  * 音量调节控件
1776
1786
  * @category Control
1777
1787
  */ var Volume = /*#__PURE__*/ function(Control) {
1778
- _inherits$s(Volume, Control);
1788
+ _inherits$t(Volume, Control);
1779
1789
  function Volume(options) {
1780
1790
  if (options === void 0) options = {};
1781
1791
  var _this;
1782
1792
  var _this__options_props, _this__options_props1, _this__options_props2, _this__options_props3;
1783
- _this = Control.call(this, _extends$s({}, options, {
1793
+ _this = Control.call(this, _extends$t({}, options, {
1784
1794
  tagName: 'span',
1785
1795
  classNameSuffix: 'volume',
1786
1796
  controlType: 'button'
@@ -2440,8 +2450,8 @@ var __fullscreenProvider__ = Provider.getInstance();
2440
2450
  return Fullscreen;
2441
2451
  }();
2442
2452
 
2443
- function _extends$r() {
2444
- _extends$r = Object.assign || function(target) {
2453
+ function _extends$s() {
2454
+ _extends$s = Object.assign || function(target) {
2445
2455
  for(var i = 1; i < arguments.length; i++){
2446
2456
  var source = arguments[i];
2447
2457
  for(var key in source){
@@ -2452,9 +2462,9 @@ function _extends$r() {
2452
2462
  }
2453
2463
  return target;
2454
2464
  };
2455
- return _extends$r.apply(this, arguments);
2465
+ return _extends$s.apply(this, arguments);
2456
2466
  }
2457
- function _inherits$r(subClass, superClass) {
2467
+ function _inherits$s(subClass, superClass) {
2458
2468
  if (typeof superClass !== "function" && superClass !== null) {
2459
2469
  throw new TypeError("Super expression must either be null or a function");
2460
2470
  }
@@ -2465,24 +2475,24 @@ function _inherits$r(subClass, superClass) {
2465
2475
  configurable: true
2466
2476
  }
2467
2477
  });
2468
- if (superClass) _set_prototype_of$r(subClass, superClass);
2478
+ if (superClass) _set_prototype_of$s(subClass, superClass);
2469
2479
  }
2470
- function _set_prototype_of$r(o, p) {
2471
- _set_prototype_of$r = Object.setPrototypeOf || function setPrototypeOf(o, p) {
2480
+ function _set_prototype_of$s(o, p) {
2481
+ _set_prototype_of$s = Object.setPrototypeOf || function setPrototypeOf(o, p) {
2472
2482
  o.__proto__ = p;
2473
2483
  return o;
2474
2484
  };
2475
- return _set_prototype_of$r(o, p);
2485
+ return _set_prototype_of$s(o, p);
2476
2486
  }
2477
2487
  /**
2478
2488
  * 全屏控件
2479
2489
  * @category Control
2480
2490
  */ var Fullscreen = /*#__PURE__*/ function(Control) {
2481
- _inherits$r(Fullscreen, Control);
2491
+ _inherits$s(Fullscreen, Control);
2482
2492
  function Fullscreen(options) {
2483
2493
  var _this;
2484
2494
  var _options_props, _this_options;
2485
- _this = Control.call(this, _extends$r({
2495
+ _this = Control.call(this, _extends$s({
2486
2496
  tagName: 'span',
2487
2497
  classNameSuffix: 'fullscreen',
2488
2498
  controlType: 'button'
@@ -2547,8 +2557,8 @@ function _set_prototype_of$r(o, p) {
2547
2557
  return Fullscreen;
2548
2558
  }(Control);
2549
2559
 
2550
- function _extends$q() {
2551
- _extends$q = Object.assign || function(target) {
2560
+ function _extends$r() {
2561
+ _extends$r = Object.assign || function(target) {
2552
2562
  for(var i = 1; i < arguments.length; i++){
2553
2563
  var source = arguments[i];
2554
2564
  for(var key in source){
@@ -2559,9 +2569,9 @@ function _extends$q() {
2559
2569
  }
2560
2570
  return target;
2561
2571
  };
2562
- return _extends$q.apply(this, arguments);
2572
+ return _extends$r.apply(this, arguments);
2563
2573
  }
2564
- function _inherits$q(subClass, superClass) {
2574
+ function _inherits$r(subClass, superClass) {
2565
2575
  if (typeof superClass !== "function" && superClass !== null) {
2566
2576
  throw new TypeError("Super expression must either be null or a function");
2567
2577
  }
@@ -2572,24 +2582,24 @@ function _inherits$q(subClass, superClass) {
2572
2582
  configurable: true
2573
2583
  }
2574
2584
  });
2575
- if (superClass) _set_prototype_of$q(subClass, superClass);
2585
+ if (superClass) _set_prototype_of$r(subClass, superClass);
2576
2586
  }
2577
- function _set_prototype_of$q(o, p) {
2578
- _set_prototype_of$q = Object.setPrototypeOf || function setPrototypeOf(o, p) {
2587
+ function _set_prototype_of$r(o, p) {
2588
+ _set_prototype_of$r = Object.setPrototypeOf || function setPrototypeOf(o, p) {
2579
2589
  o.__proto__ = p;
2580
2590
  return o;
2581
2591
  };
2582
- return _set_prototype_of$q(o, p);
2592
+ return _set_prototype_of$r(o, p);
2583
2593
  }
2584
2594
  /**
2585
2595
  * 回放类型切换（本地回放(sdk 卡)， 云存储回放， 云录制回放）控件
2586
2596
  * @category Control
2587
2597
  */ var Rec = /*#__PURE__*/ function(Control) {
2588
- _inherits$q(Rec, Control);
2598
+ _inherits$r(Rec, Control);
2589
2599
  function Rec(options) {
2590
2600
  var _this;
2591
2601
  var _options_props;
2592
- _this = Control.call(this, _extends$q({}, options, {
2602
+ _this = Control.call(this, _extends$r({}, options, {
2593
2603
  tagName: 'div',
2594
2604
  controlType: 'block',
2595
2605
  classNameSuffix: 'rec'
@@ -2956,7 +2966,8 @@ var zh = {
2956
2966
  FETCH_THEME_FAILED: '获取主题模板失败',
2957
2967
  cancel: '取消',
2958
2968
  ok: '确定',
2959
- close: '关闭'
2969
+ close: '关闭',
2970
+ BTN_REC_LIST_TITLE: '录像片段'
2960
2971
  };
2961
2972
 
2962
2973
  // 不要出现多层的的数据, 数据铺平
@@ -3237,7 +3248,8 @@ var en = {
3237
3248
  FETCH_THEME_FAILED: 'Failed to fetch theme template',
3238
3249
  cancel: 'Cancel',
3239
3250
  ok: 'Ok',
3240
- close: 'Close'
3251
+ close: 'Close',
3252
+ BTN_REC_LIST_TITLE: 'Records'
3241
3253
  };
3242
3254
 
3243
3255
  /**
@@ -3460,6 +3472,11 @@ var en = {
3460
3472
  defaultActive: 0,
3461
3473
  isrender: 1
3462
3474
  },
3475
+ {
3476
+ iconId: 'recList',
3477
+ part: 'right',
3478
+ isrender: 1
3479
+ },
3463
3480
  {
3464
3481
  iconId: 'alarmMessage',
3465
3482
  part: 'right',
@@ -3864,7 +3881,7 @@ var en = {
3864
3881
  voice: voice
3865
3882
  };
3866
3883
 
3867
- function _inherits$p(subClass, superClass) {
3884
+ function _inherits$q(subClass, superClass) {
3868
3885
  if (typeof superClass !== "function" && superClass !== null) {
3869
3886
  throw new TypeError("Super expression must either be null or a function");
3870
3887
  }
@@ -3875,20 +3892,20 @@ function _inherits$p(subClass, superClass) {
3875
3892
  configurable: true
3876
3893
  }
3877
3894
  });
3878
- if (superClass) _set_prototype_of$p(subClass, superClass);
3895
+ if (superClass) _set_prototype_of$q(subClass, superClass);
3879
3896
  }
3880
- function _set_prototype_of$p(o, p) {
3881
- _set_prototype_of$p = Object.setPrototypeOf || function setPrototypeOf(o, p) {
3897
+ function _set_prototype_of$q(o, p) {
3898
+ _set_prototype_of$q = Object.setPrototypeOf || function setPrototypeOf(o, p) {
3882
3899
  o.__proto__ = p;
3883
3900
  return o;
3884
3901
  };
3885
- return _set_prototype_of$p(o, p);
3902
+ return _set_prototype_of$q(o, p);
3886
3903
  }
3887
3904
  /**
3888
3905
  * 截图控件
3889
3906
  * @category Content
3890
3907
  */ var Content = /*#__PURE__*/ function(EventEmitter) {
3891
- _inherits$p(Content, EventEmitter);
3908
+ _inherits$q(Content, EventEmitter);
3892
3909
  function Content(options) {
3893
3910
  var _this;
3894
3911
  _this = EventEmitter.call(this) || this, _this._scaleMode = 0, _this._cleanUpResizeObserver = null, _this._originWidth = 0, _this._originHeight = 0, _this._width = 0, _this._height = 0;
@@ -4003,8 +4020,8 @@ function _set_prototype_of$p(o, p) {
4003
4020
  return Content;
4004
4021
  }(EventEmitter);
4005
4022
 
4006
- function _extends$p() {
4007
- _extends$p = Object.assign || function(target) {
4023
+ function _extends$q() {
4024
+ _extends$q = Object.assign || function(target) {
4008
4025
  for(var i = 1; i < arguments.length; i++){
4009
4026
  var source = arguments[i];
4010
4027
  for(var key in source){
@@ -4015,9 +4032,9 @@ function _extends$p() {
4015
4032
  }
4016
4033
  return target;
4017
4034
  };
4018
- return _extends$p.apply(this, arguments);
4035
+ return _extends$q.apply(this, arguments);
4019
4036
  }
4020
- function _inherits$o(subClass, superClass) {
4037
+ function _inherits$p(subClass, superClass) {
4021
4038
  if (typeof superClass !== "function" && superClass !== null) {
4022
4039
  throw new TypeError("Super expression must either be null or a function");
4023
4040
  }
@@ -4028,23 +4045,23 @@ function _inherits$o(subClass, superClass) {
4028
4045
  configurable: true
4029
4046
  }
4030
4047
  });
4031
- if (superClass) _set_prototype_of$o(subClass, superClass);
4048
+ if (superClass) _set_prototype_of$p(subClass, superClass);
4032
4049
  }
4033
- function _set_prototype_of$o(o, p) {
4034
- _set_prototype_of$o = Object.setPrototypeOf || function setPrototypeOf(o, p) {
4050
+ function _set_prototype_of$p(o, p) {
4051
+ _set_prototype_of$p = Object.setPrototypeOf || function setPrototypeOf(o, p) {
4035
4052
  o.__proto__ = p;
4036
4053
  return o;
4037
4054
  };
4038
- return _set_prototype_of$o(o, p);
4055
+ return _set_prototype_of$p(o, p);
4039
4056
  }
4040
4057
  /**
4041
4058
  * 更多控件
4042
4059
  * @category Control
4043
4060
  */ var More = /*#__PURE__*/ function(Control) {
4044
- _inherits$o(More, Control);
4061
+ _inherits$p(More, Control);
4045
4062
  function More(options) {
4046
4063
  var _this;
4047
- _this = Control.call(this, _extends$p({}, options, {
4064
+ _this = Control.call(this, _extends$q({}, options, {
4048
4065
  tagName: 'span',
4049
4066
  controlType: 'button',
4050
4067
  classNameSuffix: 'more'
@@ -4269,6 +4286,18 @@ function debounce(func, wait) {
4269
4286
  }
4270
4287
  });
4271
4288
  // =======================================================
4289
+ // 录像列表
4290
+ // =======================================================
4291
+ theme.on(EVENTS.recListChange, function(active) {
4292
+ var _theme_controls;
4293
+ if ((_theme_controls = theme.controls) == null ? void 0 : _theme_controls.recListControl) {
4294
+ theme.controls.recListControl._panelOpen = active;
4295
+ if (theme.controls.recListControl.active !== active) {
4296
+ theme.controls.recListControl.active = active;
4297
+ }
4298
+ }
4299
+ });
4300
+ // =======================================================
4272
4301
  // 录制
4273
4302
  // =======================================================
4274
4303
  theme.on(EVENTS.recordingChange, function(recording) {
@@ -4313,12 +4342,14 @@ function debounce(func, wait) {
4313
4342
  // 回放片段
4314
4343
  // =======================================================
4315
4344
  theme.on(EVENTS.setAllDayRecTimes, function(list) {
4316
- var _theme_controls_timeLineControl_emit, _theme_controls_timeLineControl, _theme_controls;
4345
+ var _theme_controls_timeLineControl_emit, _theme_controls_timeLineControl, _theme_controls, _theme_controls_recListControl_emit, _theme_controls_recListControl, _theme_controls1;
4317
4346
  (_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);
4347
+ (_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);
4318
4348
  });
4319
4349
  theme.on(EVENTS.getOSDTime, function(time) {
4320
- var _theme_controls_timeLineControl_emit, _theme_controls_timeLineControl, _theme_controls;
4350
+ var _theme_controls_timeLineControl_emit, _theme_controls_timeLineControl, _theme_controls, _theme_controls_recListControl_emit, _theme_controls_recListControl, _theme_controls1;
4321
4351
  (_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);
4352
+ (_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);
4322
4353
  });
4323
4354
  // =======================================================
4324
4355
  // 全屏
@@ -4364,7 +4395,7 @@ function debounce(func, wait) {
4364
4395
  *
4365
4396
  * @param theme - Theme
4366
4397
  */ function _controlEventemitter(theme) {
4367
- 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;
4398
+ 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;
4368
4399
  // Controls
4369
4400
  if (theme._recFooter) {
4370
4401
  theme._recFooter.on(EVENTS.theme.recFooterDestroy, function() {
@@ -4503,9 +4534,18 @@ function debounce(func, wait) {
4503
4534
  theme.emit(EVENTS.control.alarmMessageChange, active);
4504
4535
  });
4505
4536
  }
4537
+ // 录像列表
4538
+ if ((_theme_controls10 = theme.controls) == null ? void 0 : _theme_controls10.recListControl) {
4539
+ theme.controls.recListControl.on(EVENTS.control.recListChange, function(active) {
4540
+ theme.emit(EVENTS.control.recListChange, active);
4541
+ });
4542
+ theme.controls.recListControl.on(EVENTS.control.recListDestroy, function() {
4543
+ theme.emit(EVENTS.control.recListDestroy);
4544
+ });
4545
+ }
4506
4546
  // 播放地址切换后同步 Live/RecDropdown 激活状态
4507
4547
  // changePlayUrl 后 urlInfo 已更新，firstFrameDisplay 表示新地址播放成功
4508
- if (((_theme_controls10 = theme.controls) == null ? void 0 : _theme_controls10.liveControl) || ((_theme_controls11 = theme.controls) == null ? void 0 : _theme_controls11.recDropdownControl)) {
4548
+ if (((_theme_controls11 = theme.controls) == null ? void 0 : _theme_controls11.liveControl) || ((_theme_controls12 = theme.controls) == null ? void 0 : _theme_controls12.recDropdownControl)) {
4509
4549
  theme.on(EVENTS.firstFrameDisplay, function() {
4510
4550
  var _theme_controls, _theme_controls1;
4511
4551
  var urlInfo = theme.urlInfo;
@@ -4518,7 +4558,7 @@ function debounce(func, wait) {
4518
4558
  });
4519
4559
  }
4520
4560
  // 缩放控件
4521
- if ((_theme_controls12 = theme.controls) == null ? void 0 : _theme_controls12.zoomControl) {
4561
+ if ((_theme_controls13 = theme.controls) == null ? void 0 : _theme_controls13.zoomControl) {
4522
4562
  theme.controls.zoomControl.on(EVENTS.control.zoomChange, function(value, _percent, _range) {
4523
4563
  if (theme.zoom !== value) {
4524
4564
  theme.zoom = value;
@@ -4540,7 +4580,7 @@ function debounce(func, wait) {
4540
4580
  });
4541
4581
  }
4542
4582
  // 清晰度控件
4543
- if ((_theme_controls13 = theme.controls) == null ? void 0 : _theme_controls13.definitionControl) {
4583
+ if ((_theme_controls14 = theme.controls) == null ? void 0 : _theme_controls14.definitionControl) {
4544
4584
  theme.controls.definitionControl.on(EVENTS.control.definitionPanelOpenChange, function(open, definition, item) {
4545
4585
  theme.emit(CLEAR_TIMER_HEADER_FOOTER_ANIMATION, open, definition);
4546
4586
  theme.emit(EVENTS.control.definitionPanelOpenChange, open, definition, item);
@@ -4553,7 +4593,7 @@ function debounce(func, wait) {
4553
4593
  });
4554
4594
  }
4555
4595
  // 倍速控件
4556
- if ((_theme_controls14 = theme.controls) == null ? void 0 : _theme_controls14.speedControl) {
4596
+ if ((_theme_controls15 = theme.controls) == null ? void 0 : _theme_controls15.speedControl) {
4557
4597
  theme.controls.speedControl.on(EVENTS.control.speedPanelOpenChange, function(open, speed, item) {
4558
4598
  theme.emit(CLEAR_TIMER_HEADER_FOOTER_ANIMATION, open, speed);
4559
4599
  theme.emit(EVENTS.control.speedPanelOpenChange, open, speed, item);
@@ -4566,7 +4606,7 @@ function debounce(func, wait) {
4566
4606
  });
4567
4607
  }
4568
4608
  // 截图控件
4569
- if ((_theme_controls15 = theme.controls) == null ? void 0 : _theme_controls15.capturePictureControl) {
4609
+ if ((_theme_controls16 = theme.controls) == null ? void 0 : _theme_controls16.capturePictureControl) {
4570
4610
  theme.controls.capturePictureControl.on(EVENTS.control.capturePicture, function(options) {
4571
4611
  theme.emit(EVENTS.control.capturePicture, options);
4572
4612
  });
@@ -4575,25 +4615,25 @@ function debounce(func, wait) {
4575
4615
  });
4576
4616
  }
4577
4617
  // 全屏控件
4578
- if ((_theme_controls16 = theme.controls) == null ? void 0 : _theme_controls16.fullscreenControl) {
4618
+ if ((_theme_controls17 = theme.controls) == null ? void 0 : _theme_controls17.fullscreenControl) {
4579
4619
  theme.controls.fullscreenControl.on(EVENTS.control.fullscreenDestroy, function() {
4580
4620
  theme.emit(EVENTS.control.fullscreenDestroy);
4581
4621
  });
4582
4622
  }
4583
4623
  // 全局全屏控件
4584
- if ((_theme_controls17 = theme.controls) == null ? void 0 : _theme_controls17.globalFullscreenControl) {
4624
+ if ((_theme_controls18 = theme.controls) == null ? void 0 : _theme_controls18.globalFullscreenControl) {
4585
4625
  theme.controls.globalFullscreenControl.on(EVENTS.control.globalFullscreenDestroy, function() {
4586
4626
  theme.emit(EVENTS.control.globalFullscreenDestroy);
4587
4627
  });
4588
4628
  }
4589
4629
  // 设备信息控件
4590
- if ((_theme_controls18 = theme.controls) == null ? void 0 : _theme_controls18.deviceControl) {
4630
+ if ((_theme_controls19 = theme.controls) == null ? void 0 : _theme_controls19.deviceControl) {
4591
4631
  theme.controls.deviceControl.on(EVENTS.control.deviceDestroy, function() {
4592
4632
  theme.emit(EVENTS.control.deviceDestroy);
4593
4633
  });
4594
4634
  }
4595
4635
  // 回放类型切换控件
4596
- if ((_theme_controls19 = theme.controls) == null ? void 0 : _theme_controls19.recControl) {
4636
+ if ((_theme_controls20 = theme.controls) == null ? void 0 : _theme_controls20.recControl) {
4597
4637
  // prettier-ignore
4598
4638
  theme.controls.recControl.on(EVENTS.control.recTypeChange, function(type) {
4599
4639
  if (theme.recType !== type) {
@@ -4614,7 +4654,7 @@ function debounce(func, wait) {
4614
4654
  });
4615
4655
  }
4616
4656
  // 时间轴控件
4617
- if ((_theme_controls20 = theme.controls) == null ? void 0 : _theme_controls20.timeLineControl) {
4657
+ if ((_theme_controls21 = theme.controls) == null ? void 0 : _theme_controls21.timeLineControl) {
4618
4658
  theme.controls.timeLineControl.on(EVENTS.control.timeLineChange, function(date) {
4619
4659
  theme.emit(EVENTS.control.timeLineChange, date);
4620
4660
  });
@@ -4633,9 +4673,18 @@ function debounce(func, wait) {
4633
4673
  theme.controls.timeLineControl.on(EVENTS.control.timeLineDestroy, function() {
4634
4674
  theme.emit(EVENTS.control.timeLineDestroy);
4635
4675
  });
4676
+ // this.emit("TimeLine.onSectionIconClick", result)
4677
+ theme.controls.timeLineControl.on("TimeLine.onSectionIconClick", function(result) {
4678
+ var _theme_controls;
4679
+ if ((_theme_controls = theme.controls) == null ? void 0 : _theme_controls.recListControl) {
4680
+ var _theme_controls_recListControl, _theme_controls1;
4681
+ (_theme_controls1 = theme.controls) == null ? void 0 : (_theme_controls_recListControl = _theme_controls1.recListControl) == null ? void 0 : _theme_controls_recListControl.emit("TimeLine.onSectionIconClick", result);
4682
+ }
4683
+ theme.emit("TimeLine.onSectionIconClick", result);
4684
+ });
4636
4685
  }
4637
4686
  // 日历控件
4638
- if ((_theme_controls21 = theme.controls) == null ? void 0 : _theme_controls21.dateControl) {
4687
+ if ((_theme_controls22 = theme.controls) == null ? void 0 : _theme_controls22.dateControl) {
4639
4688
  theme.controls.dateControl.on(EVENTS.control.datePanelOpenChange, function(open, date) {
4640
4689
  theme.emit(EVENTS.control.datePanelOpenChange, open, date);
4641
4690
  });
@@ -4647,7 +4696,7 @@ function debounce(func, wait) {
4647
4696
  });
4648
4697
  }
4649
4698
  // 时间控件
4650
- if ((_theme_controls22 = theme.controls) == null ? void 0 : _theme_controls22.timeControl) {
4699
+ if ((_theme_controls23 = theme.controls) == null ? void 0 : _theme_controls23.timeControl) {
4651
4700
  theme.controls.timeControl.on(EVENTS.control.timePanelOpenChange, function(open, time) {
4652
4701
  theme.emit(EVENTS.control.timePanelOpenChange, open, time);
4653
4702
  });
@@ -4655,11 +4704,18 @@ function debounce(func, wait) {
4655
4704
  theme.emit(EVENTS.control.timeChange, time);
4656
4705
  });
4657
4706
  }
4707
+ // 回放片段列表
4708
+ if ((_theme_controls24 = theme.controls) == null ? void 0 : _theme_controls24.recListControl) {
4709
+ theme.controls.recListControl.on(EVENTS.control.recListCardClick, function(section, index, sections) {
4710
+ theme.emit(EVENTS.control.recListCardClick, section, index, sections);
4711
+ });
4712
+ }
4658
4713
  }
4659
4714
  var ignoreList = [
4660
4715
  EVENTS.getOSDTime,
4661
4716
  EVENTS.setAllDayRecTimes,
4662
- EVENTS.talkVolumeChange
4717
+ EVENTS.talkVolumeChange,
4718
+ EVENTS.control.recListCardClick
4663
4719
  ];
4664
4720
  /**
4665
4721
  * 打印所有事件触发日志（仅主题层， 没有控件层因为已经透传到主题层了）
@@ -4739,8 +4795,8 @@ function _create_class$5(Constructor, protoProps, staticProps) {
4739
4795
  if (protoProps) _defineProperties$5(Constructor.prototype, protoProps);
4740
4796
  return Constructor;
4741
4797
  }
4742
- function _extends$o() {
4743
- _extends$o = Object.assign || function(target) {
4798
+ function _extends$p() {
4799
+ _extends$p = Object.assign || function(target) {
4744
4800
  for(var i = 1; i < arguments.length; i++){
4745
4801
  var source = arguments[i];
4746
4802
  for(var key in source){
@@ -4751,9 +4807,9 @@ function _extends$o() {
4751
4807
  }
4752
4808
  return target;
4753
4809
  };
4754
- return _extends$o.apply(this, arguments);
4810
+ return _extends$p.apply(this, arguments);
4755
4811
  }
4756
- function _inherits$n(subClass, superClass) {
4812
+ function _inherits$o(subClass, superClass) {
4757
4813
  if (typeof superClass !== "function" && superClass !== null) {
4758
4814
  throw new TypeError("Super expression must either be null or a function");
4759
4815
  }
@@ -4764,14 +4820,14 @@ function _inherits$n(subClass, superClass) {
4764
4820
  configurable: true
4765
4821
  }
4766
4822
  });
4767
- if (superClass) _set_prototype_of$n(subClass, superClass);
4823
+ if (superClass) _set_prototype_of$o(subClass, superClass);
4768
4824
  }
4769
- function _set_prototype_of$n(o, p) {
4770
- _set_prototype_of$n = Object.setPrototypeOf || function setPrototypeOf(o, p) {
4825
+ function _set_prototype_of$o(o, p) {
4826
+ _set_prototype_of$o = Object.setPrototypeOf || function setPrototypeOf(o, p) {
4771
4827
  o.__proto__ = p;
4772
4828
  return o;
4773
4829
  };
4774
- return _set_prototype_of$n(o, p);
4830
+ return _set_prototype_of$o(o, p);
4775
4831
  }
4776
4832
  var ZOOM_DEFAULT_OPTIONS = {
4777
4833
  open: false,
@@ -4781,10 +4837,10 @@ var ZOOM_DEFAULT_OPTIONS = {
4781
4837
  * 电子放大控件
4782
4838
  * @category Control
4783
4839
  */ var Zoom = /*#__PURE__*/ function(Control) {
4784
- _inherits$n(Zoom, Control);
4840
+ _inherits$o(Zoom, Control);
4785
4841
  function Zoom(options) {
4786
4842
  var _this;
4787
- _this = Control.call(this, _extends$o({}, options, {
4843
+ _this = Control.call(this, _extends$p({}, options, {
4788
4844
  tagName: 'span',
4789
4845
  controlType: 'button',
4790
4846
  classNameSuffix: 'zoom'
@@ -4912,8 +4968,8 @@ var ZOOM_DEFAULT_OPTIONS = {
4912
4968
  return Zoom;
4913
4969
  }(Control);
4914
4970
 
4915
- function _extends$n() {
4916
- _extends$n = Object.assign || function(target) {
4971
+ function _extends$o() {
4972
+ _extends$o = Object.assign || function(target) {
4917
4973
  for(var i = 1; i < arguments.length; i++){
4918
4974
  var source = arguments[i];
4919
4975
  for(var key in source){
@@ -4924,10 +4980,10 @@ function _extends$n() {
4924
4980
  }
4925
4981
  return target;
4926
4982
  };
4927
- return _extends$n.apply(this, arguments);
4983
+ return _extends$o.apply(this, arguments);
4928
4984
  }
4929
4985
  function __zoom(theme, container, options) {
4930
- theme.zoomUtil = new Zoom$1(container, _extends$n({}, options || {}, {
4986
+ theme.zoomUtil = new Zoom$1(container, _extends$o({}, options || {}, {
4931
4987
  min: 1,
4932
4988
  onChange: function(zoom, reset) {
4933
4989
  if (zoom !== theme._zoom) {
@@ -5152,8 +5208,8 @@ function _async_to_generator$5(fn) {
5152
5208
  });
5153
5209
  };
5154
5210
  }
5155
- function _extends$m() {
5156
- _extends$m = Object.assign || function(target) {
5211
+ function _extends$n() {
5212
+ _extends$n = Object.assign || function(target) {
5157
5213
  for(var i = 1; i < arguments.length; i++){
5158
5214
  var source = arguments[i];
5159
5215
  for(var key in source){
@@ -5164,7 +5220,7 @@ function _extends$m() {
5164
5220
  }
5165
5221
  return target;
5166
5222
  };
5167
- return _extends$m.apply(this, arguments);
5223
+ return _extends$n.apply(this, arguments);
5168
5224
  }
5169
5225
  function _ts_generator$5(thisArg, body) {
5170
5226
  var f, y, t, _ = {
@@ -5292,7 +5348,7 @@ function _ts_generator$5(thisArg, body) {
5292
5348
  }
5293
5349
  if (item.isrender !== 0 && REC_GROUP.includes(item.iconId)) {
5294
5350
  // TODO: 因为回放是一组， 位置以第一个位置为准
5295
- recControls.push(recControls[0] ? _extends$m({}, item, {
5351
+ recControls.push(recControls[0] ? _extends$n({}, item, {
5296
5352
  part: recControls[0].part
5297
5353
  }) : item);
5298
5354
  return false;
@@ -5315,7 +5371,7 @@ function _ts_generator$5(thisArg, body) {
5315
5371
  }
5316
5372
  if (item.isrender !== 0 && REC_GROUP.includes(item.iconId)) {
5317
5373
  // TODO: 因为回放是一组， 位置以第一个位置为准
5318
- recControls.push(recControls[0] ? _extends$m({}, item, {
5374
+ recControls.push(recControls[0] ? _extends$n({}, item, {
5319
5375
  part: recControls[0].part
5320
5376
  }) : item);
5321
5377
  return false;
@@ -5566,8 +5622,8 @@ function rgbOrHexToRgbaWithOpacity(color, opacity) {
5566
5622
  return Component;
5567
5623
  }();
5568
5624
 
5569
- function _extends$l() {
5570
- _extends$l = Object.assign || function(target) {
5625
+ function _extends$m() {
5626
+ _extends$m = Object.assign || function(target) {
5571
5627
  for(var i = 1; i < arguments.length; i++){
5572
5628
  var source = arguments[i];
5573
5629
  for(var key in source){
@@ -5578,9 +5634,9 @@ function _extends$l() {
5578
5634
  }
5579
5635
  return target;
5580
5636
  };
5581
- return _extends$l.apply(this, arguments);
5637
+ return _extends$m.apply(this, arguments);
5582
5638
  }
5583
- function _inherits$m(subClass, superClass) {
5639
+ function _inherits$n(subClass, superClass) {
5584
5640
  if (typeof superClass !== "function" && superClass !== null) {
5585
5641
  throw new TypeError("Super expression must either be null or a function");
5586
5642
  }
@@ -5591,28 +5647,28 @@ function _inherits$m(subClass, superClass) {
5591
5647
  configurable: true
5592
5648
  }
5593
5649
  });
5594
- if (superClass) _set_prototype_of$m(subClass, superClass);
5650
+ if (superClass) _set_prototype_of$n(subClass, superClass);
5595
5651
  }
5596
- function _set_prototype_of$m(o, p) {
5597
- _set_prototype_of$m = Object.setPrototypeOf || function setPrototypeOf(o, p) {
5652
+ function _set_prototype_of$n(o, p) {
5653
+ _set_prototype_of$n = Object.setPrototypeOf || function setPrototypeOf(o, p) {
5598
5654
  o.__proto__ = p;
5599
5655
  return o;
5600
5656
  };
5601
- return _set_prototype_of$m(o, p);
5657
+ return _set_prototype_of$n(o, p);
5602
5658
  }
5603
5659
  var Footer = /*#__PURE__*/ function(Component) {
5604
- _inherits$m(Footer, Component);
5660
+ _inherits$n(Footer, Component);
5605
5661
  function Footer(options) {
5606
5662
  if (options === void 0) options = {};
5607
- return Component.call(this, _extends$l({}, options, {
5663
+ return Component.call(this, _extends$m({}, options, {
5608
5664
  cType: 'footer'
5609
5665
  })) || this;
5610
5666
  }
5611
5667
  return Footer;
5612
5668
  }(Component);
5613
5669
 
5614
- function _extends$k() {
5615
- _extends$k = Object.assign || function(target) {
5670
+ function _extends$l() {
5671
+ _extends$l = Object.assign || function(target) {
5616
5672
  for(var i = 1; i < arguments.length; i++){
5617
5673
  var source = arguments[i];
5618
5674
  for(var key in source){
@@ -5623,9 +5679,9 @@ function _extends$k() {
5623
5679
  }
5624
5680
  return target;
5625
5681
  };
5626
- return _extends$k.apply(this, arguments);
5682
+ return _extends$l.apply(this, arguments);
5627
5683
  }
5628
- function _inherits$l(subClass, superClass) {
5684
+ function _inherits$m(subClass, superClass) {
5629
5685
  if (typeof superClass !== "function" && superClass !== null) {
5630
5686
  throw new TypeError("Super expression must either be null or a function");
5631
5687
  }
@@ -5636,20 +5692,20 @@ function _inherits$l(subClass, superClass) {
5636
5692
  configurable: true
5637
5693
  }
5638
5694
  });
5639
- if (superClass) _set_prototype_of$l(subClass, superClass);
5695
+ if (superClass) _set_prototype_of$m(subClass, superClass);
5640
5696
  }
5641
- function _set_prototype_of$l(o, p) {
5642
- _set_prototype_of$l = Object.setPrototypeOf || function setPrototypeOf(o, p) {
5697
+ function _set_prototype_of$m(o, p) {
5698
+ _set_prototype_of$m = Object.setPrototypeOf || function setPrototypeOf(o, p) {
5643
5699
  o.__proto__ = p;
5644
5700
  return o;
5645
5701
  };
5646
- return _set_prototype_of$l(o, p);
5702
+ return _set_prototype_of$m(o, p);
5647
5703
  }
5648
5704
  var Header = /*#__PURE__*/ function(Component) {
5649
- _inherits$l(Header, Component);
5705
+ _inherits$m(Header, Component);
5650
5706
  function Header(options) {
5651
5707
  if (options === void 0) options = {};
5652
- return Component.call(this, _extends$k({}, options, {
5708
+ return Component.call(this, _extends$l({}, options, {
5653
5709
  cType: 'header'
5654
5710
  })) || this;
5655
5711
  }
@@ -5815,8 +5871,8 @@ function interactiveHF($container, second, callback) {
5815
5871
  };
5816
5872
  }
5817
5873
 
5818
- function _extends$j() {
5819
- _extends$j = Object.assign || function(target) {
5874
+ function _extends$k() {
5875
+ _extends$k = Object.assign || function(target) {
5820
5876
  for(var i = 1; i < arguments.length; i++){
5821
5877
  var source = arguments[i];
5822
5878
  for(var key in source){
@@ -5827,9 +5883,9 @@ function _extends$j() {
5827
5883
  }
5828
5884
  return target;
5829
5885
  };
5830
- return _extends$j.apply(this, arguments);
5886
+ return _extends$k.apply(this, arguments);
5831
5887
  }
5832
- function _inherits$k(subClass, superClass) {
5888
+ function _inherits$l(subClass, superClass) {
5833
5889
  if (typeof superClass !== "function" && superClass !== null) {
5834
5890
  throw new TypeError("Super expression must either be null or a function");
5835
5891
  }
@@ -5840,23 +5896,23 @@ function _inherits$k(subClass, superClass) {
5840
5896
  configurable: true
5841
5897
  }
5842
5898
  });
5843
- if (superClass) _set_prototype_of$k(subClass, superClass);
5899
+ if (superClass) _set_prototype_of$l(subClass, superClass);
5844
5900
  }
5845
- function _set_prototype_of$k(o, p) {
5846
- _set_prototype_of$k = Object.setPrototypeOf || function setPrototypeOf(o, p) {
5901
+ function _set_prototype_of$l(o, p) {
5902
+ _set_prototype_of$l = Object.setPrototypeOf || function setPrototypeOf(o, p) {
5847
5903
  o.__proto__ = p;
5848
5904
  return o;
5849
5905
  };
5850
- return _set_prototype_of$k(o, p);
5906
+ return _set_prototype_of$l(o, p);
5851
5907
  }
5852
5908
  /**
5853
5909
  * 全局全屏
5854
5910
  * 主题和播放器不提供全局全屏的api， 如果开发者想要可以参考这个组件自己实现
5855
5911
  * @category Control
5856
5912
  */ var GlobalFullscreen = /*#__PURE__*/ function(Fullscreen) {
5857
- _inherits$k(GlobalFullscreen, Fullscreen);
5913
+ _inherits$l(GlobalFullscreen, Fullscreen);
5858
5914
  function GlobalFullscreen(options) {
5859
- return Fullscreen.call(this, _extends$j({}, options, {
5915
+ return Fullscreen.call(this, _extends$k({}, options, {
5860
5916
  controlType: 'button',
5861
5917
  classNameSuffix: 'global-fullscreen'
5862
5918
  })) || this;
@@ -5887,8 +5943,8 @@ function _set_prototype_of$k(o, p) {
5887
5943
  return GlobalFullscreen;
5888
5944
  }(Fullscreen);
5889
5945
 
5890
- function _extends$i() {
5891
- _extends$i = Object.assign || function(target) {
5946
+ function _extends$j() {
5947
+ _extends$j = Object.assign || function(target) {
5892
5948
  for(var i = 1; i < arguments.length; i++){
5893
5949
  var source = arguments[i];
5894
5950
  for(var key in source){
@@ -5899,9 +5955,9 @@ function _extends$i() {
5899
5955
  }
5900
5956
  return target;
5901
5957
  };
5902
- return _extends$i.apply(this, arguments);
5958
+ return _extends$j.apply(this, arguments);
5903
5959
  }
5904
- function _inherits$j(subClass, superClass) {
5960
+ function _inherits$k(subClass, superClass) {
5905
5961
  if (typeof superClass !== "function" && superClass !== null) {
5906
5962
  throw new TypeError("Super expression must either be null or a function");
5907
5963
  }
@@ -5912,23 +5968,23 @@ function _inherits$j(subClass, superClass) {
5912
5968
  configurable: true
5913
5969
  }
5914
5970
  });
5915
- if (superClass) _set_prototype_of$j(subClass, superClass);
5971
+ if (superClass) _set_prototype_of$k(subClass, superClass);
5916
5972
  }
5917
- function _set_prototype_of$j(o, p) {
5918
- _set_prototype_of$j = Object.setPrototypeOf || function setPrototypeOf(o, p) {
5973
+ function _set_prototype_of$k(o, p) {
5974
+ _set_prototype_of$k = Object.setPrototypeOf || function setPrototypeOf(o, p) {
5919
5975
  o.__proto__ = p;
5920
5976
  return o;
5921
5977
  };
5922
- return _set_prototype_of$j(o, p);
5978
+ return _set_prototype_of$k(o, p);
5923
5979
  }
5924
5980
  /**
5925
5981
  * 截图控件，点击后会触发截图事件， 截图数据会通过 onCapture 回调函数返回
5926
5982
  * @category Control
5927
5983
  */ var CapturePicture = /*#__PURE__*/ function(Control) {
5928
- _inherits$j(CapturePicture, Control);
5984
+ _inherits$k(CapturePicture, Control);
5929
5985
  function CapturePicture(options) {
5930
5986
  var _this;
5931
- _this = Control.call(this, _extends$i({}, options, {
5987
+ _this = Control.call(this, _extends$j({}, options, {
5932
5988
  tagName: 'span',
5933
5989
  classNameSuffix: 'capture-picture'
5934
5990
  })) || this, _this._timer = null;
@@ -5994,8 +6050,8 @@ function _create_class$4(Constructor, protoProps, staticProps) {
5994
6050
  if (protoProps) _defineProperties$4(Constructor.prototype, protoProps);
5995
6051
  return Constructor;
5996
6052
  }
5997
- function _extends$h() {
5998
- _extends$h = Object.assign || function(target) {
6053
+ function _extends$i() {
6054
+ _extends$i = Object.assign || function(target) {
5999
6055
  for(var i = 1; i < arguments.length; i++){
6000
6056
  var source = arguments[i];
6001
6057
  for(var key in source){
@@ -6006,9 +6062,9 @@ function _extends$h() {
6006
6062
  }
6007
6063
  return target;
6008
6064
  };
6009
- return _extends$h.apply(this, arguments);
6065
+ return _extends$i.apply(this, arguments);
6010
6066
  }
6011
- function _inherits$i(subClass, superClass) {
6067
+ function _inherits$j(subClass, superClass) {
6012
6068
  if (typeof superClass !== "function" && superClass !== null) {
6013
6069
  throw new TypeError("Super expression must either be null or a function");
6014
6070
  }
@@ -6019,23 +6075,23 @@ function _inherits$i(subClass, superClass) {
6019
6075
  configurable: true
6020
6076
  }
6021
6077
  });
6022
- if (superClass) _set_prototype_of$i(subClass, superClass);
6078
+ if (superClass) _set_prototype_of$j(subClass, superClass);
6023
6079
  }
6024
- function _set_prototype_of$i(o, p) {
6025
- _set_prototype_of$i = Object.setPrototypeOf || function setPrototypeOf(o, p) {
6080
+ function _set_prototype_of$j(o, p) {
6081
+ _set_prototype_of$j = Object.setPrototypeOf || function setPrototypeOf(o, p) {
6026
6082
  o.__proto__ = p;
6027
6083
  return o;
6028
6084
  };
6029
- return _set_prototype_of$i(o, p);
6085
+ return _set_prototype_of$j(o, p);
6030
6086
  }
6031
6087
  /**
6032
6088
  * 云台控件
6033
6089
  * @category Control
6034
6090
  */ var Ptz = /*#__PURE__*/ function(Control) {
6035
- _inherits$i(Ptz, Control);
6091
+ _inherits$j(Ptz, Control);
6036
6092
  function Ptz(options) {
6037
6093
  var _this;
6038
- _this = Control.call(this, _extends$h({}, options, {
6094
+ _this = Control.call(this, _extends$i({}, options, {
6039
6095
  tagName: 'span',
6040
6096
  controlType: 'button',
6041
6097
  classNameSuffix: 'ptz'
@@ -6078,7 +6134,7 @@ function _set_prototype_of$i(o, p) {
6078
6134
  this.$turntable.classList.add("" + PREFIX_CLASS + "-ptz-turntable");
6079
6135
  this.$panel.appendChild(this.$turntable);
6080
6136
  // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
6081
- this._ptzControl = new controlPtz.Ptz(this.$turntable, _extends$h({}, this._options, {
6137
+ this._ptzControl = new controlPtz.Ptz(this.$turntable, _extends$i({}, this._options, {
6082
6138
  onSpeedChange: this._onSpeedChange.bind(this),
6083
6139
  onDirection: this._onDirection.bind(this)
6084
6140
  }));
@@ -6087,7 +6143,7 @@ function _set_prototype_of$i(o, p) {
6087
6143
  };
6088
6144
  _proto.renderMobileExtend = function renderMobileExtend($container) {
6089
6145
  // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
6090
- if (!this._ptzControl1) this._ptzControl1 = new controlPtz.MobilePtz($container, _extends$h({}, this._options, {
6146
+ if (!this._ptzControl1) this._ptzControl1 = new controlPtz.MobilePtz($container, _extends$i({}, this._options, {
6091
6147
  onSpeedChange: this._onSpeedChange.bind(this),
6092
6148
  onDirection: this._onDirection.bind(this)
6093
6149
  }));
@@ -6190,8 +6246,8 @@ function _create_class$3(Constructor, protoProps, staticProps) {
6190
6246
  if (protoProps) _defineProperties$3(Constructor.prototype, protoProps);
6191
6247
  return Constructor;
6192
6248
  }
6193
- function _extends$g() {
6194
- _extends$g = Object.assign || function(target) {
6249
+ function _extends$h() {
6250
+ _extends$h = Object.assign || function(target) {
6195
6251
  for(var i = 1; i < arguments.length; i++){
6196
6252
  var source = arguments[i];
6197
6253
  for(var key in source){
@@ -6202,9 +6258,9 @@ function _extends$g() {
6202
6258
  }
6203
6259
  return target;
6204
6260
  };
6205
- return _extends$g.apply(this, arguments);
6261
+ return _extends$h.apply(this, arguments);
6206
6262
  }
6207
- function _inherits$h(subClass, superClass) {
6263
+ function _inherits$i(subClass, superClass) {
6208
6264
  if (typeof superClass !== "function" && superClass !== null) {
6209
6265
  throw new TypeError("Super expression must either be null or a function");
6210
6266
  }
@@ -6215,14 +6271,14 @@ function _inherits$h(subClass, superClass) {
6215
6271
  configurable: true
6216
6272
  }
6217
6273
  });
6218
- if (superClass) _set_prototype_of$h(subClass, superClass);
6274
+ if (superClass) _set_prototype_of$i(subClass, superClass);
6219
6275
  }
6220
- function _set_prototype_of$h(o, p) {
6221
- _set_prototype_of$h = Object.setPrototypeOf || function setPrototypeOf(o, p) {
6276
+ function _set_prototype_of$i(o, p) {
6277
+ _set_prototype_of$i = Object.setPrototypeOf || function setPrototypeOf(o, p) {
6222
6278
  o.__proto__ = p;
6223
6279
  return o;
6224
6280
  };
6225
- return _set_prototype_of$h(o, p);
6281
+ return _set_prototype_of$i(o, p);
6226
6282
  }
6227
6283
  var RECORD_DEFAULT_OPTIONS = {
6228
6284
  maxDuration: 3600
@@ -6236,10 +6292,10 @@ var RECORD_DEFAULT_OPTIONS = {
6236
6292
  * 2. 录制时间很短可能会因为浏览器的限制或没有I帧而无法生成有效的视频文件
6237
6293
  * @category Control
6238
6294
  */ var Record = /*#__PURE__*/ function(Control) {
6239
- _inherits$h(Record, Control);
6295
+ _inherits$i(Record, Control);
6240
6296
  function Record(options) {
6241
6297
  var _this;
6242
- _this = Control.call(this, _extends$g({}, options, {
6298
+ _this = Control.call(this, _extends$h({}, options, {
6243
6299
  tagName: 'span',
6244
6300
  controlType: 'button',
6245
6301
  classNameSuffix: 'record'
@@ -6380,8 +6436,8 @@ function _create_class$2(Constructor, protoProps, staticProps) {
6380
6436
  if (protoProps) _defineProperties$2(Constructor.prototype, protoProps);
6381
6437
  return Constructor;
6382
6438
  }
6383
- function _extends$f() {
6384
- _extends$f = Object.assign || function(target) {
6439
+ function _extends$g() {
6440
+ _extends$g = Object.assign || function(target) {
6385
6441
  for(var i = 1; i < arguments.length; i++){
6386
6442
  var source = arguments[i];
6387
6443
  for(var key in source){
@@ -6392,9 +6448,9 @@ function _extends$f() {
6392
6448
  }
6393
6449
  return target;
6394
6450
  };
6395
- return _extends$f.apply(this, arguments);
6451
+ return _extends$g.apply(this, arguments);
6396
6452
  }
6397
- function _inherits$g(subClass, superClass) {
6453
+ function _inherits$h(subClass, superClass) {
6398
6454
  if (typeof superClass !== "function" && superClass !== null) {
6399
6455
  throw new TypeError("Super expression must either be null or a function");
6400
6456
  }
@@ -6405,14 +6461,14 @@ function _inherits$g(subClass, superClass) {
6405
6461
  configurable: true
6406
6462
  }
6407
6463
  });
6408
- if (superClass) _set_prototype_of$g(subClass, superClass);
6464
+ if (superClass) _set_prototype_of$h(subClass, superClass);
6409
6465
  }
6410
- function _set_prototype_of$g(o, p) {
6411
- _set_prototype_of$g = Object.setPrototypeOf || function setPrototypeOf(o, p) {
6466
+ function _set_prototype_of$h(o, p) {
6467
+ _set_prototype_of$h = Object.setPrototypeOf || function setPrototypeOf(o, p) {
6412
6468
  o.__proto__ = p;
6413
6469
  return o;
6414
6470
  };
6415
- return _set_prototype_of$g(o, p);
6471
+ return _set_prototype_of$h(o, p);
6416
6472
  }
6417
6473
  function _ts_generator$4(thisArg, body) {
6418
6474
  var f, y, t, _ = {
@@ -6514,10 +6570,10 @@ function _ts_generator$4(thisArg, body) {
6514
6570
  *
6515
6571
  * @category Control
6516
6572
  */ var Talk = /*#__PURE__*/ function(Control) {
6517
- _inherits$g(Talk, Control);
6573
+ _inherits$h(Talk, Control);
6518
6574
  function Talk(options) {
6519
6575
  var _this;
6520
- _this = Control.call(this, _extends$f({}, options, {
6576
+ _this = Control.call(this, _extends$g({}, options, {
6521
6577
  tagName: 'span',
6522
6578
  controlType: 'button',
6523
6579
  classNameSuffix: 'talk'
@@ -6650,8 +6706,8 @@ function _async_to_generator$3(fn) {
6650
6706
  });
6651
6707
  };
6652
6708
  }
6653
- function _extends$e() {
6654
- _extends$e = Object.assign || function(target) {
6709
+ function _extends$f() {
6710
+ _extends$f = Object.assign || function(target) {
6655
6711
  for(var i = 1; i < arguments.length; i++){
6656
6712
  var source = arguments[i];
6657
6713
  for(var key in source){
@@ -6662,9 +6718,9 @@ function _extends$e() {
6662
6718
  }
6663
6719
  return target;
6664
6720
  };
6665
- return _extends$e.apply(this, arguments);
6721
+ return _extends$f.apply(this, arguments);
6666
6722
  }
6667
- function _inherits$f(subClass, superClass) {
6723
+ function _inherits$g(subClass, superClass) {
6668
6724
  if (typeof superClass !== "function" && superClass !== null) {
6669
6725
  throw new TypeError("Super expression must either be null or a function");
6670
6726
  }
@@ -6675,14 +6731,14 @@ function _inherits$f(subClass, superClass) {
6675
6731
  configurable: true
6676
6732
  }
6677
6733
  });
6678
- if (superClass) _set_prototype_of$f(subClass, superClass);
6734
+ if (superClass) _set_prototype_of$g(subClass, superClass);
6679
6735
  }
6680
- function _set_prototype_of$f(o, p) {
6681
- _set_prototype_of$f = Object.setPrototypeOf || function setPrototypeOf(o, p) {
6736
+ function _set_prototype_of$g(o, p) {
6737
+ _set_prototype_of$g = Object.setPrototypeOf || function setPrototypeOf(o, p) {
6682
6738
  o.__proto__ = p;
6683
6739
  return o;
6684
6740
  };
6685
- return _set_prototype_of$f(o, p);
6741
+ return _set_prototype_of$g(o, p);
6686
6742
  }
6687
6743
  function _ts_generator$3(thisArg, body) {
6688
6744
  var f, y, t, _ = {
@@ -6782,10 +6838,10 @@ function _ts_generator$3(thisArg, body) {
6782
6838
  *
6783
6839
  * @category Control
6784
6840
  */ var Broadcast = /*#__PURE__*/ function(Control) {
6785
- _inherits$f(Broadcast, Control);
6841
+ _inherits$g(Broadcast, Control);
6786
6842
  function Broadcast(options) {
6787
6843
  var _this;
6788
- _this = Control.call(this, _extends$e({}, options, {
6844
+ _this = Control.call(this, _extends$f({}, options, {
6789
6845
  tagName: 'span',
6790
6846
  controlType: 'button',
6791
6847
  classNameSuffix: 'broadcast'
@@ -6880,8 +6936,8 @@ function _async_to_generator$2(fn) {
6880
6936
  });
6881
6937
  };
6882
6938
  }
6883
- function _extends$d() {
6884
- _extends$d = Object.assign || function(target) {
6939
+ function _extends$e() {
6940
+ _extends$e = Object.assign || function(target) {
6885
6941
  for(var i = 1; i < arguments.length; i++){
6886
6942
  var source = arguments[i];
6887
6943
  for(var key in source){
@@ -6892,9 +6948,9 @@ function _extends$d() {
6892
6948
  }
6893
6949
  return target;
6894
6950
  };
6895
- return _extends$d.apply(this, arguments);
6951
+ return _extends$e.apply(this, arguments);
6896
6952
  }
6897
- function _inherits$e(subClass, superClass) {
6953
+ function _inherits$f(subClass, superClass) {
6898
6954
  if (typeof superClass !== "function" && superClass !== null) {
6899
6955
  throw new TypeError("Super expression must either be null or a function");
6900
6956
  }
@@ -6905,14 +6961,14 @@ function _inherits$e(subClass, superClass) {
6905
6961
  configurable: true
6906
6962
  }
6907
6963
  });
6908
- if (superClass) _set_prototype_of$e(subClass, superClass);
6964
+ if (superClass) _set_prototype_of$f(subClass, superClass);
6909
6965
  }
6910
- function _set_prototype_of$e(o, p) {
6911
- _set_prototype_of$e = Object.setPrototypeOf || function setPrototypeOf(o, p) {
6966
+ function _set_prototype_of$f(o, p) {
6967
+ _set_prototype_of$f = Object.setPrototypeOf || function setPrototypeOf(o, p) {
6912
6968
  o.__proto__ = p;
6913
6969
  return o;
6914
6970
  };
6915
- return _set_prototype_of$e(o, p);
6971
+ return _set_prototype_of$f(o, p);
6916
6972
  }
6917
6973
  function _ts_generator$2(thisArg, body) {
6918
6974
  var f, y, t, _ = {
@@ -7012,10 +7068,10 @@ function _ts_generator$2(thisArg, body) {
7012
7068
  *
7013
7069
  * @category Control
7014
7070
  */ var AIChat = /*#__PURE__*/ function(Control) {
7015
- _inherits$e(AIChat, Control);
7071
+ _inherits$f(AIChat, Control);
7016
7072
  function AIChat(options) {
7017
7073
  var _this;
7018
- _this = Control.call(this, _extends$d({}, options, {
7074
+ _this = Control.call(this, _extends$e({}, options, {
7019
7075
  tagName: 'span',
7020
7076
  controlType: 'button',
7021
7077
  classNameSuffix: 'aichat'
@@ -7081,8 +7137,8 @@ function _ts_generator$2(thisArg, body) {
7081
7137
  return AIChat;
7082
7138
  }(Control);
7083
7139
 
7084
- function _extends$c() {
7085
- _extends$c = Object.assign || function(target) {
7140
+ function _extends$d() {
7141
+ _extends$d = Object.assign || function(target) {
7086
7142
  for(var i = 1; i < arguments.length; i++){
7087
7143
  var source = arguments[i];
7088
7144
  for(var key in source){
@@ -7093,9 +7149,9 @@ function _extends$c() {
7093
7149
  }
7094
7150
  return target;
7095
7151
  };
7096
- return _extends$c.apply(this, arguments);
7152
+ return _extends$d.apply(this, arguments);
7097
7153
  }
7098
- function _inherits$d(subClass, superClass) {
7154
+ function _inherits$e(subClass, superClass) {
7099
7155
  if (typeof superClass !== "function" && superClass !== null) {
7100
7156
  throw new TypeError("Super expression must either be null or a function");
7101
7157
  }
@@ -7106,14 +7162,14 @@ function _inherits$d(subClass, superClass) {
7106
7162
  configurable: true
7107
7163
  }
7108
7164
  });
7109
- if (superClass) _set_prototype_of$d(subClass, superClass);
7165
+ if (superClass) _set_prototype_of$e(subClass, superClass);
7110
7166
  }
7111
- function _set_prototype_of$d(o, p) {
7112
- _set_prototype_of$d = Object.setPrototypeOf || function setPrototypeOf(o, p) {
7167
+ function _set_prototype_of$e(o, p) {
7168
+ _set_prototype_of$e = Object.setPrototypeOf || function setPrototypeOf(o, p) {
7113
7169
  o.__proto__ = p;
7114
7170
  return o;
7115
7171
  };
7116
- return _set_prototype_of$d(o, p);
7172
+ return _set_prototype_of$e(o, p);
7117
7173
  }
7118
7174
  /**
7119
7175
  * 直播按钮控件
@@ -7122,11 +7178,11 @@ function _set_prototype_of$d(o, p) {
7122
7178
  *
7123
7179
  * @category Control
7124
7180
  */ var Live = /*#__PURE__*/ function(Control) {
7125
- _inherits$d(Live, Control);
7181
+ _inherits$e(Live, Control);
7126
7182
  function Live(options) {
7127
7183
  var _this;
7128
7184
  var _this___options_props1;
7129
- _this = Control.call(this, _extends$c({}, options, {
7185
+ _this = Control.call(this, _extends$d({}, options, {
7130
7186
  tagName: 'span',
7131
7187
  controlType: 'button',
7132
7188
  classNameSuffix: 'live'
@@ -7176,8 +7232,8 @@ function _set_prototype_of$d(o, p) {
7176
7232
  return Live;
7177
7233
  }(Control);
7178
7234
 
7179
- function _extends$b() {
7180
- _extends$b = Object.assign || function(target) {
7235
+ function _extends$c() {
7236
+ _extends$c = Object.assign || function(target) {
7181
7237
  for(var i = 1; i < arguments.length; i++){
7182
7238
  var source = arguments[i];
7183
7239
  for(var key in source){
@@ -7188,9 +7244,9 @@ function _extends$b() {
7188
7244
  }
7189
7245
  return target;
7190
7246
  };
7191
- return _extends$b.apply(this, arguments);
7247
+ return _extends$c.apply(this, arguments);
7192
7248
  }
7193
- function _inherits$c(subClass, superClass) {
7249
+ function _inherits$d(subClass, superClass) {
7194
7250
  if (typeof superClass !== "function" && superClass !== null) {
7195
7251
  throw new TypeError("Super expression must either be null or a function");
7196
7252
  }
@@ -7201,14 +7257,14 @@ function _inherits$c(subClass, superClass) {
7201
7257
  configurable: true
7202
7258
  }
7203
7259
  });
7204
- if (superClass) _set_prototype_of$c(subClass, superClass);
7260
+ if (superClass) _set_prototype_of$d(subClass, superClass);
7205
7261
  }
7206
- function _set_prototype_of$c(o, p) {
7207
- _set_prototype_of$c = Object.setPrototypeOf || function setPrototypeOf(o, p) {
7262
+ function _set_prototype_of$d(o, p) {
7263
+ _set_prototype_of$d = Object.setPrototypeOf || function setPrototypeOf(o, p) {
7208
7264
  o.__proto__ = p;
7209
7265
  return o;
7210
7266
  };
7211
- return _set_prototype_of$c(o, p);
7267
+ return _set_prototype_of$d(o, p);
7212
7268
  }
7213
7269
  /**
7214
7270
  * 回放下拉控件
@@ -7217,11 +7273,11 @@ function _set_prototype_of$c(o, p) {
7217
7273
  *
7218
7274
  * @category Control
7219
7275
  */ var RecDropdown = /*#__PURE__*/ function(Control) {
7220
- _inherits$c(RecDropdown, Control);
7276
+ _inherits$d(RecDropdown, Control);
7221
7277
  function RecDropdown(options) {
7222
7278
  var _this;
7223
7279
  var _options_props, _this___options_props1;
7224
- _this = Control.call(this, _extends$b({}, options, {
7280
+ _this = Control.call(this, _extends$c({}, options, {
7225
7281
  tagName: 'span',
7226
7282
  controlType: 'button',
7227
7283
  classNameSuffix: 'rec-dropdown'
@@ -7340,6 +7396,157 @@ function _set_prototype_of$c(o, p) {
7340
7396
  return RecDropdown;
7341
7397
  }(Control);
7342
7398
 
7399
+ function _extends$b() {
7400
+ _extends$b = Object.assign || function(target) {
7401
+ for(var i = 1; i < arguments.length; i++){
7402
+ var source = arguments[i];
7403
+ for(var key in source){
7404
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
7405
+ target[key] = source[key];
7406
+ }
7407
+ }
7408
+ }
7409
+ return target;
7410
+ };
7411
+ return _extends$b.apply(this, arguments);
7412
+ }
7413
+ function _inherits$c(subClass, superClass) {
7414
+ if (typeof superClass !== "function" && superClass !== null) {
7415
+ throw new TypeError("Super expression must either be null or a function");
7416
+ }
7417
+ subClass.prototype = Object.create(superClass && superClass.prototype, {
7418
+ constructor: {
7419
+ value: subClass,
7420
+ writable: true,
7421
+ configurable: true
7422
+ }
7423
+ });
7424
+ if (superClass) _set_prototype_of$c(subClass, superClass);
7425
+ }
7426
+ function _set_prototype_of$c(o, p) {
7427
+ _set_prototype_of$c = Object.setPrototypeOf || function setPrototypeOf(o, p) {
7428
+ o.__proto__ = p;
7429
+ return o;
7430
+ };
7431
+ return _set_prototype_of$c(o, p);
7432
+ }
7433
+ /**
7434
+ * 录像列表按钮控件
7435
+ *
7436
+ * 点击切换录像列表面板的展示/隐藏状态
7437
+ *
7438
+ * @category Control
7439
+ */ var RecList = /*#__PURE__*/ function(Control) {
7440
+ _inherits$c(RecList, Control);
7441
+ function RecList(options) {
7442
+ var _this;
7443
+ var _this__options_props, _this__options, _this_locale;
7444
+ // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
7445
+ _this = Control.call(this, _extends$b({}, options, {
7446
+ tagName: 'span',
7447
+ controlType: 'button',
7448
+ classNameSuffix: 'rec-list'
7449
+ })) || this, _this._panelOpen = false, _this.records = [];
7450
+ _this._options = options;
7451
+ _this.records = ((_this__options = _this._options) == null ? void 0 : (_this__options_props = _this__options.props) == null ? void 0 : _this__options_props.recordList) || [];
7452
+ _this._render();
7453
+ _this._modal = new RecListModal(_this._options.rootContainer, _extends$b({
7454
+ showMask: false,
7455
+ title: (_this_locale = _this.locale) == null ? void 0 : _this_locale.BTN_REC_LIST_TITLE
7456
+ }, options, {
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, _this__modal1;
7471
+ _this.disabled = records.length === 0;
7472
+ _this.records = records;
7473
+ (_this__modal = _this._modal) == null ? void 0 : _this__modal.setSections(records);
7474
+ var _this__options_showEventFilter;
7475
+ (_this__modal1 = _this._modal) == null ? void 0 : _this__modal1.showEventFilter((_this__options_showEventFilter = _this._options.showEventFilter) != null ? _this__options_showEventFilter : true);
7476
+ });
7477
+ _this.on(EVENTS.getOSDTime, function(time) {
7478
+ if (time) {
7479
+ var _this__modal_setActiveTime, _this__modal;
7480
+ var _currentTime = time;
7481
+ (_this__modal = _this._modal) == null ? void 0 : (_this__modal_setActiveTime = _this__modal.setActiveTime) == null ? void 0 : _this__modal_setActiveTime.call(_this__modal, _currentTime);
7482
+ }
7483
+ });
7484
+ _this.on("TimeLine.onSectionIconClick", function(result) {
7485
+ var // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
7486
+ _this__modal, _this__modal1, // this._options.rootContainer
7487
+ _this__modal2, _this__modal3, _this__modal4;
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.showEventFilter(false);
7494
+ (_this__modal2 = _this._modal) == null ? void 0 : _this__modal2.open();
7495
+ if (!((_this__modal3 = _this._modal) == null ? void 0 : _this__modal3.isVisible)) (_this__modal4 = _this._modal) == null ? void 0 : _this__modal4.setPosition(width + rect.x, rect.y);
7496
+ });
7497
+ _this.on(EVENTS.recListChange, function(open) {
7498
+ _this._panelOpen = open;
7499
+ _this.active = open;
7500
+ });
7501
+ return _this;
7502
+ }
7503
+ var _proto = RecList.prototype;
7504
+ _proto._render = function _render() {
7505
+ var _this_locale;
7506
+ this.$container.innerHTML = IconComponents.recList({
7507
+ title: ((_this_locale = this.locale) == null ? void 0 : _this_locale.BTN_REC_LIST_TITLE) || '录像列表'
7508
+ });
7509
+ };
7510
+ /**
7511
+ * 销毁
7512
+ */ _proto.destroy = function destroy() {
7513
+ if (this._panelOpen) {
7514
+ this.emit(EVENTS.control.recListChange, false);
7515
+ }
7516
+ this.emit(EVENTS.control.recListDestroy);
7517
+ if (this._modal) {
7518
+ this._modal.destroy();
7519
+ this._modal = null;
7520
+ }
7521
+ Control.prototype.destroy.call(this);
7522
+ };
7523
+ /**
7524
+ * 点击 Control 会触发
7525
+ */ _proto._onControlClick = function _onControlClick(e) {
7526
+ Control.prototype._onControlClick.call(this, e);
7527
+ this._panelOpen = !this._panelOpen;
7528
+ this.active = this._panelOpen;
7529
+ if (this.active) {
7530
+ var // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
7531
+ _this__modal, _this__modal1, // this._options.rootContainer
7532
+ _this__modal2, _this__modal3, _this__modal4;
7533
+ var $rootContainer = this._options.rootContainer;
7534
+ var width = $rootContainer.clientWidth;
7535
+ var rect = $rootContainer.getBoundingClientRect();
7536
+ (_this__modal = this._modal) == null ? void 0 : _this__modal.setSections(this.records);
7537
+ var _this__options_showEventFilter;
7538
+ (_this__modal1 = this._modal) == null ? void 0 : _this__modal1.showEventFilter((_this__options_showEventFilter = this._options.showEventFilter) != null ? _this__options_showEventFilter : true);
7539
+ (_this__modal2 = this._modal) == null ? void 0 : _this__modal2.open();
7540
+ if (!((_this__modal3 = this._modal) == null ? void 0 : _this__modal3.isVisible)) (_this__modal4 = this._modal) == null ? void 0 : _this__modal4.setPosition(width + rect.x, rect.y);
7541
+ } else {
7542
+ var _this__modal5;
7543
+ (_this__modal5 = this._modal) == null ? void 0 : _this__modal5.close();
7544
+ }
7545
+ this.emit(EVENTS.control.recListChange, this._panelOpen);
7546
+ };
7547
+ return RecList;
7548
+ }(Control);
7549
+
7343
7550
  function _extends$a() {
7344
7551
  _extends$a = Object.assign || function(target) {
7345
7552
  for(var i = 1; i < arguments.length; i++){
@@ -8428,6 +8635,9 @@ function _set_prototype_of$5(o, p) {
8428
8635
  _this.emit(EVENTS.control.timeLineChange, date);
8429
8636
  } catch (error) {
8430
8637
  }
8638
+ },
8639
+ onSectionIconClick: function(result) {
8640
+ _this.emit("TimeLine.onSectionIconClick", result);
8431
8641
  }
8432
8642
  });
8433
8643
  if (utilsTools.isMobile()) {
@@ -8580,6 +8790,7 @@ var Controls = {
8580
8790
  aiChat: AIChat,
8581
8791
  live: Live,
8582
8792
  recDropdown: RecDropdown,
8793
+ recList: RecList,
8583
8794
  alarmMessage: AlarmMessage,
8584
8795
  zoom: Zoom,
8585
8796
  definition: Definition,
@@ -9149,7 +9360,9 @@ function _renderControls(theme, $container, btnList, props) {
9149
9360
  var _theme_options_mobileExtendOptions, // 在移动端支持扩展和窗口区域渲染
9150
9361
  _theme_options_mobileExtendOptions_controls, _theme_options_mobileExtendOptions1;
9151
9362
  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中
9152
- ) && Utils.isMobile) {
9363
+ ) && Utils.isMobile || [
9364
+ "recList"
9365
+ ].includes(item.iconId) && Utils.isMobile) {
9153
9366
  continue;
9154
9367
  }
9155
9368
  if (REC_GROUP.includes(item.iconId) && theme._header) {
@@ -9364,18 +9577,19 @@ function _renderTheme(theme, data) {
9364
9577
  hasDatePicker: theme.options.dateOptions !== null,
9365
9578
  hasTimePicker: theme.options.timeOptions !== null
9366
9579
  });
9367
- //
9368
- _renderTimeLine(theme, theme._recFooter.$timeLineContainer, props);
9369
- if (theme._footer) {
9370
- theme._footer.$container.style.cssText += "bottom: 36px;";
9371
- theme.$container.classList.add("" + PREFIX_CLASS + "-has-time-line");
9372
- }
9580
+ // 放置在 timeline 前面是为了防止 时间轴宽度设置后导致 图标按钮被挤出 footer
9373
9581
  if (theme.options.dateOptions !== null) {
9374
9582
  _renderDatePicker(theme, theme._recFooter.$datePickerContainer, props);
9375
9583
  }
9376
9584
  if (theme.options.timeOptions !== null) {
9377
9585
  _renderTimePicker(theme, theme._recFooter.$timePickerContainer, props);
9378
9586
  }
9587
+ //
9588
+ _renderTimeLine(theme, theme._recFooter.$timeLineContainer, props);
9589
+ if (theme._footer) {
9590
+ theme._footer.$container.style.cssText += "bottom: 36px;";
9591
+ theme.$container.classList.add("" + PREFIX_CLASS + "-has-time-line");
9592
+ }
9379
9593
  }
9380
9594
  // 移动端扩展
9381
9595
  if (Utils.isMobile && ((_theme_options_mobileExtendOptions = theme.options.mobileExtendOptions) == null ? void 0 : (_theme_options_mobileExtendOptions_controls = _theme_options_mobileExtendOptions.controls) == null ? void 0 : _theme_options_mobileExtendOptions_controls.length)) {
@@ -9438,7 +9652,8 @@ function _renderTheme(theme, data) {
9438
9652
  var _renderTimeLine = function(theme, container, props) {
9439
9653
  if (props === void 0) props = {};
9440
9654
  if (!theme.controls.timeLineControl && theme.options.timeLineOptions !== null) {
9441
- var _theme_urlInfo, _theme_options;
9655
+ var _theme_urlInfo, _theme_options, _theme_options1, _this, _theme_options2;
9656
+ var _showSectionIcon;
9442
9657
  // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
9443
9658
  theme.controls.timeLineControl = new Controls['timeLine'](_extends$1({
9444
9659
  getPopupContainer: function() {
@@ -9448,6 +9663,7 @@ var _renderTimeLine = function(theme, container, props) {
9448
9663
  locales: theme.i18n.translations,
9449
9664
  coverQuery: ((_theme_urlInfo = theme.urlInfo) == null ? void 0 : _theme_urlInfo.validateCode) ? "decodekey=" + theme.urlInfo.validateCode : ''
9450
9665
  }, ((_theme_options = theme.options) == null ? void 0 : _theme_options["timeLineOptions"]) || {}, {
9666
+ 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,
9451
9667
  props: props
9452
9668
  }));
9453
9669
  }
@@ -9777,7 +9993,7 @@ var THEME_DEFAULT_OPTIONS = {
9777
9993
  */ _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, /**
9778
9994
  * 移动端扩展容器, 扩展的控件渲染在指定容器以外， 仅只用端适用， 为了可以放置大的控件和方便开发接入
9779
9995
  * @private
9780
- */ _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, // /**
9996
+ */ _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, // /**
9781
9997
  // * 记录回放的月份
9782
9998
  // *
9783
9999
  // * key: {序列号}_{通道号}_{rec | cloud | cloudRecord} 比如：BC7799091_1_rec BC7799091_1_cloud BC7799091_1_cloudRecord
@@ -11052,7 +11268,7 @@ var THEME_DEFAULT_OPTIONS = {
11052
11268
  zh: zh,
11053
11269
  en: en
11054
11270
  };
11055
- /** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '3.1.0-beta.1';
11271
+ /** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '3.1.0-beta.3';
11056
11272
 
11057
11273
  exports.Control = Control;
11058
11274
  exports.EVENTS = EVENTS;