@ezuikit/player-theme 3.0.1-beta.4 → 3.0.2-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.
- package/dist/constant.js +2 -2
- package/dist/index.cjs +62 -42
- package/dist/index.esm.js +62 -42
- package/dist/index.umd.js +62 -42
- package/dist/style.css +3 -3
- package/dist/style.js +2 -2
- package/package.json +1 -1
package/dist/constant.js
CHANGED
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* @ezuikit/player-theme v3.0.
|
|
3
|
-
* Copyright (c) 2026-05-
|
|
2
|
+
* @ezuikit/player-theme v3.0.2-beta.3
|
|
3
|
+
* Copyright (c) 2026-05-20 Ezviz-OpenBiz
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
6
6
|
'use strict';
|
|
@@ -376,7 +376,7 @@ function _set_prototype_of$w(o, p) {
|
|
|
376
376
|
if (this._camelCaseName) {
|
|
377
377
|
this.emit("Control." + this._camelCaseName + "Destroy");
|
|
378
378
|
}
|
|
379
|
-
if (((_this___options = this.__options) == null ? void 0 : _this___options.controlType) !== 'block') this.$container.
|
|
379
|
+
if (((_this___options = this.__options) == null ? void 0 : _this___options.controlType) !== 'block') this.$container.removeEventListener('dblclick', this._onDBlClick);
|
|
380
380
|
this._active = false;
|
|
381
381
|
this.removeAllListeners();
|
|
382
382
|
(_this_$container = this.$container) == null ? void 0 : (_this_$container_remove = _this_$container.remove) == null ? void 0 : _this_$container_remove.call(_this_$container);
|
|
@@ -3299,6 +3299,12 @@ var en = {
|
|
|
3299
3299
|
defaultActive: 0,
|
|
3300
3300
|
isrender: 1
|
|
3301
3301
|
},
|
|
3302
|
+
{
|
|
3303
|
+
iconId: 'zoom',
|
|
3304
|
+
part: 'left',
|
|
3305
|
+
defaultActive: 0,
|
|
3306
|
+
isrender: 1
|
|
3307
|
+
},
|
|
3302
3308
|
{
|
|
3303
3309
|
iconId: 'fullscreen',
|
|
3304
3310
|
part: 'right',
|
|
@@ -7088,12 +7094,12 @@ function _set_prototype_of$c(o, p) {
|
|
|
7088
7094
|
};
|
|
7089
7095
|
return _set_prototype_of$c(o, p);
|
|
7090
7096
|
}
|
|
7091
|
-
/**
|
|
7092
|
-
* 直播按钮控件
|
|
7093
|
-
*
|
|
7094
|
-
* 点击切换到直播模式
|
|
7095
|
-
*
|
|
7096
|
-
* @category Control
|
|
7097
|
+
/**
|
|
7098
|
+
* 直播按钮控件
|
|
7099
|
+
*
|
|
7100
|
+
* 点击切换到直播模式
|
|
7101
|
+
*
|
|
7102
|
+
* @category Control
|
|
7097
7103
|
*/ var Live = /*#__PURE__*/ function(Control) {
|
|
7098
7104
|
_inherits$c(Live, Control);
|
|
7099
7105
|
function Live(options) {
|
|
@@ -7115,9 +7121,9 @@ function _set_prototype_of$c(o, p) {
|
|
|
7115
7121
|
return _this;
|
|
7116
7122
|
}
|
|
7117
7123
|
var _proto = Live.prototype;
|
|
7118
|
-
/**
|
|
7119
|
-
* 根据 urlInfo 同步激活状态
|
|
7120
|
-
* 在初始化和播放地址切换后调用
|
|
7124
|
+
/**
|
|
7125
|
+
* 根据 urlInfo 同步激活状态
|
|
7126
|
+
* 在初始化和播放地址切换后调用
|
|
7121
7127
|
*/ _proto._syncActiveByUrlInfo = function _syncActiveByUrlInfo(urlInfo) {
|
|
7122
7128
|
var shouldBeActive = !!(urlInfo && urlInfo.type === 'live');
|
|
7123
7129
|
this.active = shouldBeActive;
|
|
@@ -7128,13 +7134,13 @@ function _set_prototype_of$c(o, p) {
|
|
|
7128
7134
|
title: ((_this_locale = this.locale) == null ? void 0 : _this_locale.BTN_LIVE) || '直播'
|
|
7129
7135
|
});
|
|
7130
7136
|
};
|
|
7131
|
-
/**
|
|
7132
|
-
* 销毁
|
|
7137
|
+
/**
|
|
7138
|
+
* 销毁
|
|
7133
7139
|
*/ _proto.destroy = function destroy() {
|
|
7134
7140
|
Control.prototype.destroy.call(this);
|
|
7135
7141
|
};
|
|
7136
|
-
/**
|
|
7137
|
-
* 点击 Control 会触发
|
|
7142
|
+
/**
|
|
7143
|
+
* 点击 Control 会触发
|
|
7138
7144
|
*/ _proto._onControlClick = function _onControlClick(e) {
|
|
7139
7145
|
var _this__options_onChange, _this__options;
|
|
7140
7146
|
Control.prototype._onControlClick.call(this, e);
|
|
@@ -7183,12 +7189,12 @@ function _set_prototype_of$b(o, p) {
|
|
|
7183
7189
|
};
|
|
7184
7190
|
return _set_prototype_of$b(o, p);
|
|
7185
7191
|
}
|
|
7186
|
-
/**
|
|
7187
|
-
* 回放下拉控件
|
|
7188
|
-
*
|
|
7189
|
-
* 鼠标移入弹出气泡，展示云存储、云录制、本地回放三个选项
|
|
7190
|
-
*
|
|
7191
|
-
* @category Control
|
|
7192
|
+
/**
|
|
7193
|
+
* 回放下拉控件
|
|
7194
|
+
*
|
|
7195
|
+
* 鼠标移入弹出气泡，展示云存储、云录制、本地回放三个选项
|
|
7196
|
+
*
|
|
7197
|
+
* @category Control
|
|
7192
7198
|
*/ var RecDropdown = /*#__PURE__*/ function(Control) {
|
|
7193
7199
|
_inherits$b(RecDropdown, Control);
|
|
7194
7200
|
function RecDropdown(options) {
|
|
@@ -7212,9 +7218,9 @@ function _set_prototype_of$b(o, p) {
|
|
|
7212
7218
|
return _this;
|
|
7213
7219
|
}
|
|
7214
7220
|
var _proto = RecDropdown.prototype;
|
|
7215
|
-
/**
|
|
7216
|
-
* 根据 urlInfo 同步激活状态和回放类型
|
|
7217
|
-
* 在初始化和播放地址切换后调用
|
|
7221
|
+
/**
|
|
7222
|
+
* 根据 urlInfo 同步激活状态和回放类型
|
|
7223
|
+
* 在初始化和播放地址切换后调用
|
|
7218
7224
|
*/ _proto._syncActiveByUrlInfo = function _syncActiveByUrlInfo(urlInfo) {
|
|
7219
7225
|
if (urlInfo && urlInfo.type === 'rec') {
|
|
7220
7226
|
var _urlInfo_searchParams1;
|
|
@@ -7291,8 +7297,8 @@ function _set_prototype_of$b(o, p) {
|
|
|
7291
7297
|
target == null ? void 0 : target.classList.add("" + PREFIX_CLASS + "-active");
|
|
7292
7298
|
}
|
|
7293
7299
|
};
|
|
7294
|
-
/**
|
|
7295
|
-
* 销毁
|
|
7300
|
+
/**
|
|
7301
|
+
* 销毁
|
|
7296
7302
|
*/ _proto.destroy = function destroy() {
|
|
7297
7303
|
var _this__delegation_destroy, _this__delegation;
|
|
7298
7304
|
(_this__delegation = this._delegation) == null ? void 0 : (_this__delegation_destroy = _this__delegation.destroy) == null ? void 0 : _this__delegation_destroy.call(_this__delegation);
|
|
@@ -7304,8 +7310,8 @@ function _set_prototype_of$b(o, p) {
|
|
|
7304
7310
|
}
|
|
7305
7311
|
Control.prototype.destroy.call(this);
|
|
7306
7312
|
};
|
|
7307
|
-
/**
|
|
7308
|
-
* 点击 Control 会触发（移动端 click 触发 picker）
|
|
7313
|
+
/**
|
|
7314
|
+
* 点击 Control 会触发（移动端 click 触发 picker）
|
|
7309
7315
|
*/ // eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
7310
7316
|
_proto._onControlClick = function _onControlClick(_e) {
|
|
7311
7317
|
// picker 自行处理 click/hover，这里不额外处理
|
|
@@ -7347,12 +7353,12 @@ function _set_prototype_of$a(o, p) {
|
|
|
7347
7353
|
};
|
|
7348
7354
|
return _set_prototype_of$a(o, p);
|
|
7349
7355
|
}
|
|
7350
|
-
/**
|
|
7351
|
-
* 告警消息按钮控件
|
|
7352
|
-
*
|
|
7353
|
-
* 点击弹出告警消息列表弹窗（纯触发按钮，无激活状态）
|
|
7354
|
-
*
|
|
7355
|
-
* @category Control
|
|
7356
|
+
/**
|
|
7357
|
+
* 告警消息按钮控件
|
|
7358
|
+
*
|
|
7359
|
+
* 点击弹出告警消息列表弹窗（纯触发按钮，无激活状态）
|
|
7360
|
+
*
|
|
7361
|
+
* @category Control
|
|
7356
7362
|
*/ var AlarmMessage = /*#__PURE__*/ function(Control) {
|
|
7357
7363
|
_inherits$a(AlarmMessage, Control);
|
|
7358
7364
|
function AlarmMessage(options) {
|
|
@@ -7376,16 +7382,16 @@ function _set_prototype_of$a(o, p) {
|
|
|
7376
7382
|
title: ((_this_locale = this.locale) == null ? void 0 : _this_locale.BTN_ALARM_MESSAGE) || '消息'
|
|
7377
7383
|
});
|
|
7378
7384
|
};
|
|
7379
|
-
/**
|
|
7380
|
-
* 销毁
|
|
7385
|
+
/**
|
|
7386
|
+
* 销毁
|
|
7381
7387
|
*/ _proto.destroy = function destroy() {
|
|
7382
7388
|
if (this._panelOpen) {
|
|
7383
7389
|
this.emit(EVENTS.control.alarmMessageChange, false);
|
|
7384
7390
|
}
|
|
7385
7391
|
Control.prototype.destroy.call(this);
|
|
7386
7392
|
};
|
|
7387
|
-
/**
|
|
7388
|
-
* 点击 Control 会触发
|
|
7393
|
+
/**
|
|
7394
|
+
* 点击 Control 会触发
|
|
7389
7395
|
*/ _proto._onControlClick = function _onControlClick(e) {
|
|
7390
7396
|
var _this__options_onChange, _this__options;
|
|
7391
7397
|
Control.prototype._onControlClick.call(this, e);
|
|
@@ -9150,6 +9156,7 @@ function _renderTheme(theme, data) {
|
|
|
9150
9156
|
_needTimeLine = list.some(function(item) {
|
|
9151
9157
|
return REC_GROUP.includes(item.iconId) || item.iconId === 'recDropdown';
|
|
9152
9158
|
}) && ((_theme_urlInfo = theme.urlInfo) == null ? void 0 : _theme_urlInfo.type) === 'rec';
|
|
9159
|
+
theme.$container.classList.remove("" + PREFIX_CLASS + "-has-time-line");
|
|
9153
9160
|
// PC 单独渲染timeLine
|
|
9154
9161
|
if (!Utils.isMobile && !(theme.options.timeLineOptions === null || theme.options.disabledTimeLine) && _needTimeLine) {
|
|
9155
9162
|
theme._recFooter = new RecFooter(theme.$container, {
|
|
@@ -9159,6 +9166,7 @@ function _renderTheme(theme, data) {
|
|
|
9159
9166
|
_renderTimeLine(theme, theme._recFooter.$timeLineContainer, props);
|
|
9160
9167
|
if (theme._footer) {
|
|
9161
9168
|
theme._footer.$container.style.cssText += "bottom: 36px;";
|
|
9169
|
+
theme.$container.classList.add("" + PREFIX_CLASS + "-has-time-line");
|
|
9162
9170
|
}
|
|
9163
9171
|
if (theme.options.dateOptions !== null) {
|
|
9164
9172
|
_renderDatePicker(theme, theme._recFooter.$datePickerContainer, props);
|
|
@@ -10017,8 +10025,13 @@ var THEME_DEFAULT_OPTIONS = {
|
|
|
10017
10025
|
// 这里不要使用 $containerWarp.getBoundingClientRect() 获取宽和高 因为会出现小数导致两次(设置后的值和设置后再次获取的值)的宽高不一致 (因为缩放后取整设置，再次获取还有可能是带小数的然后取整 对比两次不一致，一般在屏幕缩放百分比变化和浏览器页面缩放时出现)，致使一直触发 resize 事件
|
|
10018
10026
|
var width = Math.floor(_this.$container.clientWidth);
|
|
10019
10027
|
var height = Math.floor(_this.$container.clientHeight);
|
|
10020
|
-
if (width >
|
|
10028
|
+
if (width > 280 && width <= 375) {
|
|
10021
10029
|
_this.$container.classList.add("" + PREFIX_CLASS + "-medium-width");
|
|
10030
|
+
_this.$container.classList.remove("" + PREFIX_CLASS + "-small-width");
|
|
10031
|
+
_this.$container.classList.remove("" + PREFIX_CLASS + "-mini-width");
|
|
10032
|
+
} else if (width > 200 && width <= 280) {
|
|
10033
|
+
_this.$container.classList.add("" + PREFIX_CLASS + "-small-width");
|
|
10034
|
+
_this.$container.classList.remove("" + PREFIX_CLASS + "-medium-width");
|
|
10022
10035
|
_this.$container.classList.remove("" + PREFIX_CLASS + "-mini-width");
|
|
10023
10036
|
} else {
|
|
10024
10037
|
if (width <= 200) {
|
|
@@ -10026,10 +10039,16 @@ var THEME_DEFAULT_OPTIONS = {
|
|
|
10026
10039
|
} else {
|
|
10027
10040
|
_this.$container.classList.remove("" + PREFIX_CLASS + "-mini-width");
|
|
10028
10041
|
}
|
|
10042
|
+
_this.$container.classList.remove("" + PREFIX_CLASS + "-small-width");
|
|
10029
10043
|
_this.$container.classList.remove("" + PREFIX_CLASS + "-medium-width");
|
|
10030
10044
|
}
|
|
10031
|
-
if (height >
|
|
10045
|
+
if (height > 280 && height <= 375) {
|
|
10032
10046
|
_this.$container.classList.add("" + PREFIX_CLASS + "-medium-height");
|
|
10047
|
+
_this.$container.classList.remove("" + PREFIX_CLASS + "-small-height");
|
|
10048
|
+
_this.$container.classList.remove("" + PREFIX_CLASS + "-mini-height");
|
|
10049
|
+
} else if (height > 200 && height <= 280) {
|
|
10050
|
+
_this.$container.classList.add("" + PREFIX_CLASS + "-small-height");
|
|
10051
|
+
_this.$container.classList.remove("" + PREFIX_CLASS + "-medium-height");
|
|
10033
10052
|
_this.$container.classList.remove("" + PREFIX_CLASS + "-mini-height");
|
|
10034
10053
|
} else {
|
|
10035
10054
|
if (height <= 200) {
|
|
@@ -10037,6 +10056,7 @@ var THEME_DEFAULT_OPTIONS = {
|
|
|
10037
10056
|
} else {
|
|
10038
10057
|
_this.$container.classList.remove("" + PREFIX_CLASS + "-mini-height");
|
|
10039
10058
|
}
|
|
10059
|
+
_this.$container.classList.remove("" + PREFIX_CLASS + "-small-height");
|
|
10040
10060
|
_this.$container.classList.remove("" + PREFIX_CLASS + "-medium-height");
|
|
10041
10061
|
}
|
|
10042
10062
|
//
|
|
@@ -10806,7 +10826,7 @@ var THEME_DEFAULT_OPTIONS = {
|
|
|
10806
10826
|
zh: zh,
|
|
10807
10827
|
en: en
|
|
10808
10828
|
};
|
|
10809
|
-
/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '3.0.
|
|
10829
|
+
/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '3.0.2-beta.3';
|
|
10810
10830
|
|
|
10811
10831
|
exports.Control = Control;
|
|
10812
10832
|
exports.EVENTS = EVENTS;
|
package/dist/index.esm.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* @ezuikit/player-theme v3.0.
|
|
3
|
-
* Copyright (c) 2026-05-
|
|
2
|
+
* @ezuikit/player-theme v3.0.2-beta.3
|
|
3
|
+
* Copyright (c) 2026-05-20 Ezviz-OpenBiz
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
6
6
|
import EventEmitter from 'eventemitter3';
|
|
@@ -374,7 +374,7 @@ function _set_prototype_of$w(o, p) {
|
|
|
374
374
|
if (this._camelCaseName) {
|
|
375
375
|
this.emit("Control." + this._camelCaseName + "Destroy");
|
|
376
376
|
}
|
|
377
|
-
if (((_this___options = this.__options) == null ? void 0 : _this___options.controlType) !== 'block') this.$container.
|
|
377
|
+
if (((_this___options = this.__options) == null ? void 0 : _this___options.controlType) !== 'block') this.$container.removeEventListener('dblclick', this._onDBlClick);
|
|
378
378
|
this._active = false;
|
|
379
379
|
this.removeAllListeners();
|
|
380
380
|
(_this_$container = this.$container) == null ? void 0 : (_this_$container_remove = _this_$container.remove) == null ? void 0 : _this_$container_remove.call(_this_$container);
|
|
@@ -3297,6 +3297,12 @@ var en = {
|
|
|
3297
3297
|
defaultActive: 0,
|
|
3298
3298
|
isrender: 1
|
|
3299
3299
|
},
|
|
3300
|
+
{
|
|
3301
|
+
iconId: 'zoom',
|
|
3302
|
+
part: 'left',
|
|
3303
|
+
defaultActive: 0,
|
|
3304
|
+
isrender: 1
|
|
3305
|
+
},
|
|
3300
3306
|
{
|
|
3301
3307
|
iconId: 'fullscreen',
|
|
3302
3308
|
part: 'right',
|
|
@@ -7086,12 +7092,12 @@ function _set_prototype_of$c(o, p) {
|
|
|
7086
7092
|
};
|
|
7087
7093
|
return _set_prototype_of$c(o, p);
|
|
7088
7094
|
}
|
|
7089
|
-
/**
|
|
7090
|
-
* 直播按钮控件
|
|
7091
|
-
*
|
|
7092
|
-
* 点击切换到直播模式
|
|
7093
|
-
*
|
|
7094
|
-
* @category Control
|
|
7095
|
+
/**
|
|
7096
|
+
* 直播按钮控件
|
|
7097
|
+
*
|
|
7098
|
+
* 点击切换到直播模式
|
|
7099
|
+
*
|
|
7100
|
+
* @category Control
|
|
7095
7101
|
*/ var Live = /*#__PURE__*/ function(Control) {
|
|
7096
7102
|
_inherits$c(Live, Control);
|
|
7097
7103
|
function Live(options) {
|
|
@@ -7113,9 +7119,9 @@ function _set_prototype_of$c(o, p) {
|
|
|
7113
7119
|
return _this;
|
|
7114
7120
|
}
|
|
7115
7121
|
var _proto = Live.prototype;
|
|
7116
|
-
/**
|
|
7117
|
-
* 根据 urlInfo 同步激活状态
|
|
7118
|
-
* 在初始化和播放地址切换后调用
|
|
7122
|
+
/**
|
|
7123
|
+
* 根据 urlInfo 同步激活状态
|
|
7124
|
+
* 在初始化和播放地址切换后调用
|
|
7119
7125
|
*/ _proto._syncActiveByUrlInfo = function _syncActiveByUrlInfo(urlInfo) {
|
|
7120
7126
|
var shouldBeActive = !!(urlInfo && urlInfo.type === 'live');
|
|
7121
7127
|
this.active = shouldBeActive;
|
|
@@ -7126,13 +7132,13 @@ function _set_prototype_of$c(o, p) {
|
|
|
7126
7132
|
title: ((_this_locale = this.locale) == null ? void 0 : _this_locale.BTN_LIVE) || '直播'
|
|
7127
7133
|
});
|
|
7128
7134
|
};
|
|
7129
|
-
/**
|
|
7130
|
-
* 销毁
|
|
7135
|
+
/**
|
|
7136
|
+
* 销毁
|
|
7131
7137
|
*/ _proto.destroy = function destroy() {
|
|
7132
7138
|
Control.prototype.destroy.call(this);
|
|
7133
7139
|
};
|
|
7134
|
-
/**
|
|
7135
|
-
* 点击 Control 会触发
|
|
7140
|
+
/**
|
|
7141
|
+
* 点击 Control 会触发
|
|
7136
7142
|
*/ _proto._onControlClick = function _onControlClick(e) {
|
|
7137
7143
|
var _this__options_onChange, _this__options;
|
|
7138
7144
|
Control.prototype._onControlClick.call(this, e);
|
|
@@ -7181,12 +7187,12 @@ function _set_prototype_of$b(o, p) {
|
|
|
7181
7187
|
};
|
|
7182
7188
|
return _set_prototype_of$b(o, p);
|
|
7183
7189
|
}
|
|
7184
|
-
/**
|
|
7185
|
-
* 回放下拉控件
|
|
7186
|
-
*
|
|
7187
|
-
* 鼠标移入弹出气泡，展示云存储、云录制、本地回放三个选项
|
|
7188
|
-
*
|
|
7189
|
-
* @category Control
|
|
7190
|
+
/**
|
|
7191
|
+
* 回放下拉控件
|
|
7192
|
+
*
|
|
7193
|
+
* 鼠标移入弹出气泡，展示云存储、云录制、本地回放三个选项
|
|
7194
|
+
*
|
|
7195
|
+
* @category Control
|
|
7190
7196
|
*/ var RecDropdown = /*#__PURE__*/ function(Control) {
|
|
7191
7197
|
_inherits$b(RecDropdown, Control);
|
|
7192
7198
|
function RecDropdown(options) {
|
|
@@ -7210,9 +7216,9 @@ function _set_prototype_of$b(o, p) {
|
|
|
7210
7216
|
return _this;
|
|
7211
7217
|
}
|
|
7212
7218
|
var _proto = RecDropdown.prototype;
|
|
7213
|
-
/**
|
|
7214
|
-
* 根据 urlInfo 同步激活状态和回放类型
|
|
7215
|
-
* 在初始化和播放地址切换后调用
|
|
7219
|
+
/**
|
|
7220
|
+
* 根据 urlInfo 同步激活状态和回放类型
|
|
7221
|
+
* 在初始化和播放地址切换后调用
|
|
7216
7222
|
*/ _proto._syncActiveByUrlInfo = function _syncActiveByUrlInfo(urlInfo) {
|
|
7217
7223
|
if (urlInfo && urlInfo.type === 'rec') {
|
|
7218
7224
|
var _urlInfo_searchParams1;
|
|
@@ -7289,8 +7295,8 @@ function _set_prototype_of$b(o, p) {
|
|
|
7289
7295
|
target == null ? void 0 : target.classList.add("" + PREFIX_CLASS + "-active");
|
|
7290
7296
|
}
|
|
7291
7297
|
};
|
|
7292
|
-
/**
|
|
7293
|
-
* 销毁
|
|
7298
|
+
/**
|
|
7299
|
+
* 销毁
|
|
7294
7300
|
*/ _proto.destroy = function destroy() {
|
|
7295
7301
|
var _this__delegation_destroy, _this__delegation;
|
|
7296
7302
|
(_this__delegation = this._delegation) == null ? void 0 : (_this__delegation_destroy = _this__delegation.destroy) == null ? void 0 : _this__delegation_destroy.call(_this__delegation);
|
|
@@ -7302,8 +7308,8 @@ function _set_prototype_of$b(o, p) {
|
|
|
7302
7308
|
}
|
|
7303
7309
|
Control.prototype.destroy.call(this);
|
|
7304
7310
|
};
|
|
7305
|
-
/**
|
|
7306
|
-
* 点击 Control 会触发（移动端 click 触发 picker）
|
|
7311
|
+
/**
|
|
7312
|
+
* 点击 Control 会触发（移动端 click 触发 picker）
|
|
7307
7313
|
*/ // eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
7308
7314
|
_proto._onControlClick = function _onControlClick(_e) {
|
|
7309
7315
|
// picker 自行处理 click/hover，这里不额外处理
|
|
@@ -7345,12 +7351,12 @@ function _set_prototype_of$a(o, p) {
|
|
|
7345
7351
|
};
|
|
7346
7352
|
return _set_prototype_of$a(o, p);
|
|
7347
7353
|
}
|
|
7348
|
-
/**
|
|
7349
|
-
* 告警消息按钮控件
|
|
7350
|
-
*
|
|
7351
|
-
* 点击弹出告警消息列表弹窗（纯触发按钮，无激活状态）
|
|
7352
|
-
*
|
|
7353
|
-
* @category Control
|
|
7354
|
+
/**
|
|
7355
|
+
* 告警消息按钮控件
|
|
7356
|
+
*
|
|
7357
|
+
* 点击弹出告警消息列表弹窗（纯触发按钮，无激活状态）
|
|
7358
|
+
*
|
|
7359
|
+
* @category Control
|
|
7354
7360
|
*/ var AlarmMessage = /*#__PURE__*/ function(Control) {
|
|
7355
7361
|
_inherits$a(AlarmMessage, Control);
|
|
7356
7362
|
function AlarmMessage(options) {
|
|
@@ -7374,16 +7380,16 @@ function _set_prototype_of$a(o, p) {
|
|
|
7374
7380
|
title: ((_this_locale = this.locale) == null ? void 0 : _this_locale.BTN_ALARM_MESSAGE) || '消息'
|
|
7375
7381
|
});
|
|
7376
7382
|
};
|
|
7377
|
-
/**
|
|
7378
|
-
* 销毁
|
|
7383
|
+
/**
|
|
7384
|
+
* 销毁
|
|
7379
7385
|
*/ _proto.destroy = function destroy() {
|
|
7380
7386
|
if (this._panelOpen) {
|
|
7381
7387
|
this.emit(EVENTS.control.alarmMessageChange, false);
|
|
7382
7388
|
}
|
|
7383
7389
|
Control.prototype.destroy.call(this);
|
|
7384
7390
|
};
|
|
7385
|
-
/**
|
|
7386
|
-
* 点击 Control 会触发
|
|
7391
|
+
/**
|
|
7392
|
+
* 点击 Control 会触发
|
|
7387
7393
|
*/ _proto._onControlClick = function _onControlClick(e) {
|
|
7388
7394
|
var _this__options_onChange, _this__options;
|
|
7389
7395
|
Control.prototype._onControlClick.call(this, e);
|
|
@@ -9148,6 +9154,7 @@ function _renderTheme(theme, data) {
|
|
|
9148
9154
|
_needTimeLine = list.some(function(item) {
|
|
9149
9155
|
return REC_GROUP.includes(item.iconId) || item.iconId === 'recDropdown';
|
|
9150
9156
|
}) && ((_theme_urlInfo = theme.urlInfo) == null ? void 0 : _theme_urlInfo.type) === 'rec';
|
|
9157
|
+
theme.$container.classList.remove("" + PREFIX_CLASS + "-has-time-line");
|
|
9151
9158
|
// PC 单独渲染timeLine
|
|
9152
9159
|
if (!Utils.isMobile && !(theme.options.timeLineOptions === null || theme.options.disabledTimeLine) && _needTimeLine) {
|
|
9153
9160
|
theme._recFooter = new RecFooter(theme.$container, {
|
|
@@ -9157,6 +9164,7 @@ function _renderTheme(theme, data) {
|
|
|
9157
9164
|
_renderTimeLine(theme, theme._recFooter.$timeLineContainer, props);
|
|
9158
9165
|
if (theme._footer) {
|
|
9159
9166
|
theme._footer.$container.style.cssText += "bottom: 36px;";
|
|
9167
|
+
theme.$container.classList.add("" + PREFIX_CLASS + "-has-time-line");
|
|
9160
9168
|
}
|
|
9161
9169
|
if (theme.options.dateOptions !== null) {
|
|
9162
9170
|
_renderDatePicker(theme, theme._recFooter.$datePickerContainer, props);
|
|
@@ -10015,8 +10023,13 @@ var THEME_DEFAULT_OPTIONS = {
|
|
|
10015
10023
|
// 这里不要使用 $containerWarp.getBoundingClientRect() 获取宽和高 因为会出现小数导致两次(设置后的值和设置后再次获取的值)的宽高不一致 (因为缩放后取整设置，再次获取还有可能是带小数的然后取整 对比两次不一致，一般在屏幕缩放百分比变化和浏览器页面缩放时出现)，致使一直触发 resize 事件
|
|
10016
10024
|
var width = Math.floor(_this.$container.clientWidth);
|
|
10017
10025
|
var height = Math.floor(_this.$container.clientHeight);
|
|
10018
|
-
if (width >
|
|
10026
|
+
if (width > 280 && width <= 375) {
|
|
10019
10027
|
_this.$container.classList.add("" + PREFIX_CLASS + "-medium-width");
|
|
10028
|
+
_this.$container.classList.remove("" + PREFIX_CLASS + "-small-width");
|
|
10029
|
+
_this.$container.classList.remove("" + PREFIX_CLASS + "-mini-width");
|
|
10030
|
+
} else if (width > 200 && width <= 280) {
|
|
10031
|
+
_this.$container.classList.add("" + PREFIX_CLASS + "-small-width");
|
|
10032
|
+
_this.$container.classList.remove("" + PREFIX_CLASS + "-medium-width");
|
|
10020
10033
|
_this.$container.classList.remove("" + PREFIX_CLASS + "-mini-width");
|
|
10021
10034
|
} else {
|
|
10022
10035
|
if (width <= 200) {
|
|
@@ -10024,10 +10037,16 @@ var THEME_DEFAULT_OPTIONS = {
|
|
|
10024
10037
|
} else {
|
|
10025
10038
|
_this.$container.classList.remove("" + PREFIX_CLASS + "-mini-width");
|
|
10026
10039
|
}
|
|
10040
|
+
_this.$container.classList.remove("" + PREFIX_CLASS + "-small-width");
|
|
10027
10041
|
_this.$container.classList.remove("" + PREFIX_CLASS + "-medium-width");
|
|
10028
10042
|
}
|
|
10029
|
-
if (height >
|
|
10043
|
+
if (height > 280 && height <= 375) {
|
|
10030
10044
|
_this.$container.classList.add("" + PREFIX_CLASS + "-medium-height");
|
|
10045
|
+
_this.$container.classList.remove("" + PREFIX_CLASS + "-small-height");
|
|
10046
|
+
_this.$container.classList.remove("" + PREFIX_CLASS + "-mini-height");
|
|
10047
|
+
} else if (height > 200 && height <= 280) {
|
|
10048
|
+
_this.$container.classList.add("" + PREFIX_CLASS + "-small-height");
|
|
10049
|
+
_this.$container.classList.remove("" + PREFIX_CLASS + "-medium-height");
|
|
10031
10050
|
_this.$container.classList.remove("" + PREFIX_CLASS + "-mini-height");
|
|
10032
10051
|
} else {
|
|
10033
10052
|
if (height <= 200) {
|
|
@@ -10035,6 +10054,7 @@ var THEME_DEFAULT_OPTIONS = {
|
|
|
10035
10054
|
} else {
|
|
10036
10055
|
_this.$container.classList.remove("" + PREFIX_CLASS + "-mini-height");
|
|
10037
10056
|
}
|
|
10057
|
+
_this.$container.classList.remove("" + PREFIX_CLASS + "-small-height");
|
|
10038
10058
|
_this.$container.classList.remove("" + PREFIX_CLASS + "-medium-height");
|
|
10039
10059
|
}
|
|
10040
10060
|
//
|
|
@@ -10804,6 +10824,6 @@ var THEME_DEFAULT_OPTIONS = {
|
|
|
10804
10824
|
zh: zh,
|
|
10805
10825
|
en: en
|
|
10806
10826
|
};
|
|
10807
|
-
/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '3.0.
|
|
10827
|
+
/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '3.0.2-beta.3';
|
|
10808
10828
|
|
|
10809
10829
|
export { Control, EVENTS, Fullscreen, Loading, Message, Play, Poster, Rec, Theme, Utils, Volume };
|
package/dist/index.umd.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* @ezuikit/player-theme v3.0.
|
|
3
|
-
* Copyright (c) 2026-05-
|
|
2
|
+
* @ezuikit/player-theme v3.0.2-beta.3
|
|
3
|
+
* Copyright (c) 2026-05-20 Ezviz-OpenBiz
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
6
6
|
(function (global, factory) {
|
|
@@ -723,7 +723,7 @@
|
|
|
723
723
|
if (this._camelCaseName) {
|
|
724
724
|
this.emit("Control." + this._camelCaseName + "Destroy");
|
|
725
725
|
}
|
|
726
|
-
if (((_this___options = this.__options) == null ? void 0 : _this___options.controlType) !== 'block') this.$container.
|
|
726
|
+
if (((_this___options = this.__options) == null ? void 0 : _this___options.controlType) !== 'block') this.$container.removeEventListener('dblclick', this._onDBlClick);
|
|
727
727
|
this._active = false;
|
|
728
728
|
this.removeAllListeners();
|
|
729
729
|
(_this_$container = this.$container) == null ? void 0 : (_this_$container_remove = _this_$container.remove) == null ? void 0 : _this_$container_remove.call(_this_$container);
|
|
@@ -4788,6 +4788,12 @@
|
|
|
4788
4788
|
defaultActive: 0,
|
|
4789
4789
|
isrender: 1
|
|
4790
4790
|
},
|
|
4791
|
+
{
|
|
4792
|
+
iconId: 'zoom',
|
|
4793
|
+
part: 'left',
|
|
4794
|
+
defaultActive: 0,
|
|
4795
|
+
isrender: 1
|
|
4796
|
+
},
|
|
4791
4797
|
{
|
|
4792
4798
|
iconId: 'fullscreen',
|
|
4793
4799
|
part: 'right',
|
|
@@ -8591,12 +8597,12 @@
|
|
|
8591
8597
|
};
|
|
8592
8598
|
return _set_prototype_of$e(o, p);
|
|
8593
8599
|
}
|
|
8594
|
-
/**
|
|
8595
|
-
* 直播按钮控件
|
|
8596
|
-
*
|
|
8597
|
-
* 点击切换到直播模式
|
|
8598
|
-
*
|
|
8599
|
-
* @category Control
|
|
8600
|
+
/**
|
|
8601
|
+
* 直播按钮控件
|
|
8602
|
+
*
|
|
8603
|
+
* 点击切换到直播模式
|
|
8604
|
+
*
|
|
8605
|
+
* @category Control
|
|
8600
8606
|
*/ var Live = /*#__PURE__*/ function(Control) {
|
|
8601
8607
|
_inherits$c(Live, Control);
|
|
8602
8608
|
function Live(options) {
|
|
@@ -8618,9 +8624,9 @@
|
|
|
8618
8624
|
return _this;
|
|
8619
8625
|
}
|
|
8620
8626
|
var _proto = Live.prototype;
|
|
8621
|
-
/**
|
|
8622
|
-
* 根据 urlInfo 同步激活状态
|
|
8623
|
-
* 在初始化和播放地址切换后调用
|
|
8627
|
+
/**
|
|
8628
|
+
* 根据 urlInfo 同步激活状态
|
|
8629
|
+
* 在初始化和播放地址切换后调用
|
|
8624
8630
|
*/ _proto._syncActiveByUrlInfo = function _syncActiveByUrlInfo(urlInfo) {
|
|
8625
8631
|
var shouldBeActive = !!(urlInfo && urlInfo.type === 'live');
|
|
8626
8632
|
this.active = shouldBeActive;
|
|
@@ -8631,13 +8637,13 @@
|
|
|
8631
8637
|
title: ((_this_locale = this.locale) == null ? void 0 : _this_locale.BTN_LIVE) || '直播'
|
|
8632
8638
|
});
|
|
8633
8639
|
};
|
|
8634
|
-
/**
|
|
8635
|
-
* 销毁
|
|
8640
|
+
/**
|
|
8641
|
+
* 销毁
|
|
8636
8642
|
*/ _proto.destroy = function destroy() {
|
|
8637
8643
|
Control.prototype.destroy.call(this);
|
|
8638
8644
|
};
|
|
8639
|
-
/**
|
|
8640
|
-
* 点击 Control 会触发
|
|
8645
|
+
/**
|
|
8646
|
+
* 点击 Control 会触发
|
|
8641
8647
|
*/ _proto._onControlClick = function _onControlClick(e) {
|
|
8642
8648
|
var _this__options_onChange, _this__options;
|
|
8643
8649
|
Control.prototype._onControlClick.call(this, e);
|
|
@@ -8686,12 +8692,12 @@
|
|
|
8686
8692
|
};
|
|
8687
8693
|
return _set_prototype_of$d(o, p);
|
|
8688
8694
|
}
|
|
8689
|
-
/**
|
|
8690
|
-
* 回放下拉控件
|
|
8691
|
-
*
|
|
8692
|
-
* 鼠标移入弹出气泡，展示云存储、云录制、本地回放三个选项
|
|
8693
|
-
*
|
|
8694
|
-
* @category Control
|
|
8695
|
+
/**
|
|
8696
|
+
* 回放下拉控件
|
|
8697
|
+
*
|
|
8698
|
+
* 鼠标移入弹出气泡，展示云存储、云录制、本地回放三个选项
|
|
8699
|
+
*
|
|
8700
|
+
* @category Control
|
|
8695
8701
|
*/ var RecDropdown = /*#__PURE__*/ function(Control) {
|
|
8696
8702
|
_inherits$b(RecDropdown, Control);
|
|
8697
8703
|
function RecDropdown(options) {
|
|
@@ -8715,9 +8721,9 @@
|
|
|
8715
8721
|
return _this;
|
|
8716
8722
|
}
|
|
8717
8723
|
var _proto = RecDropdown.prototype;
|
|
8718
|
-
/**
|
|
8719
|
-
* 根据 urlInfo 同步激活状态和回放类型
|
|
8720
|
-
* 在初始化和播放地址切换后调用
|
|
8724
|
+
/**
|
|
8725
|
+
* 根据 urlInfo 同步激活状态和回放类型
|
|
8726
|
+
* 在初始化和播放地址切换后调用
|
|
8721
8727
|
*/ _proto._syncActiveByUrlInfo = function _syncActiveByUrlInfo(urlInfo) {
|
|
8722
8728
|
if (urlInfo && urlInfo.type === 'rec') {
|
|
8723
8729
|
var _urlInfo_searchParams1;
|
|
@@ -8794,8 +8800,8 @@
|
|
|
8794
8800
|
target == null ? void 0 : target.classList.add("" + PREFIX_CLASS + "-active");
|
|
8795
8801
|
}
|
|
8796
8802
|
};
|
|
8797
|
-
/**
|
|
8798
|
-
* 销毁
|
|
8803
|
+
/**
|
|
8804
|
+
* 销毁
|
|
8799
8805
|
*/ _proto.destroy = function destroy() {
|
|
8800
8806
|
var _this__delegation_destroy, _this__delegation;
|
|
8801
8807
|
(_this__delegation = this._delegation) == null ? void 0 : (_this__delegation_destroy = _this__delegation.destroy) == null ? void 0 : _this__delegation_destroy.call(_this__delegation);
|
|
@@ -8807,8 +8813,8 @@
|
|
|
8807
8813
|
}
|
|
8808
8814
|
Control.prototype.destroy.call(this);
|
|
8809
8815
|
};
|
|
8810
|
-
/**
|
|
8811
|
-
* 点击 Control 会触发（移动端 click 触发 picker）
|
|
8816
|
+
/**
|
|
8817
|
+
* 点击 Control 会触发（移动端 click 触发 picker）
|
|
8812
8818
|
*/ // eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
8813
8819
|
_proto._onControlClick = function _onControlClick(_e) {
|
|
8814
8820
|
// picker 自行处理 click/hover，这里不额外处理
|
|
@@ -8850,12 +8856,12 @@
|
|
|
8850
8856
|
};
|
|
8851
8857
|
return _set_prototype_of$c(o, p);
|
|
8852
8858
|
}
|
|
8853
|
-
/**
|
|
8854
|
-
* 告警消息按钮控件
|
|
8855
|
-
*
|
|
8856
|
-
* 点击弹出告警消息列表弹窗（纯触发按钮，无激活状态）
|
|
8857
|
-
*
|
|
8858
|
-
* @category Control
|
|
8859
|
+
/**
|
|
8860
|
+
* 告警消息按钮控件
|
|
8861
|
+
*
|
|
8862
|
+
* 点击弹出告警消息列表弹窗（纯触发按钮，无激活状态）
|
|
8863
|
+
*
|
|
8864
|
+
* @category Control
|
|
8859
8865
|
*/ var AlarmMessage = /*#__PURE__*/ function(Control) {
|
|
8860
8866
|
_inherits$a(AlarmMessage, Control);
|
|
8861
8867
|
function AlarmMessage(options) {
|
|
@@ -8879,16 +8885,16 @@
|
|
|
8879
8885
|
title: ((_this_locale = this.locale) == null ? void 0 : _this_locale.BTN_ALARM_MESSAGE) || '消息'
|
|
8880
8886
|
});
|
|
8881
8887
|
};
|
|
8882
|
-
/**
|
|
8883
|
-
* 销毁
|
|
8888
|
+
/**
|
|
8889
|
+
* 销毁
|
|
8884
8890
|
*/ _proto.destroy = function destroy() {
|
|
8885
8891
|
if (this._panelOpen) {
|
|
8886
8892
|
this.emit(EVENTS.control.alarmMessageChange, false);
|
|
8887
8893
|
}
|
|
8888
8894
|
Control.prototype.destroy.call(this);
|
|
8889
8895
|
};
|
|
8890
|
-
/**
|
|
8891
|
-
* 点击 Control 会触发
|
|
8896
|
+
/**
|
|
8897
|
+
* 点击 Control 会触发
|
|
8892
8898
|
*/ _proto._onControlClick = function _onControlClick(e) {
|
|
8893
8899
|
var _this__options_onChange, _this__options;
|
|
8894
8900
|
Control.prototype._onControlClick.call(this, e);
|
|
@@ -11209,6 +11215,7 @@
|
|
|
11209
11215
|
_needTimeLine = list.some(function(item) {
|
|
11210
11216
|
return REC_GROUP.includes(item.iconId) || item.iconId === 'recDropdown';
|
|
11211
11217
|
}) && ((_theme_urlInfo = theme.urlInfo) == null ? void 0 : _theme_urlInfo.type) === 'rec';
|
|
11218
|
+
theme.$container.classList.remove("" + PREFIX_CLASS + "-has-time-line");
|
|
11212
11219
|
// PC 单独渲染timeLine
|
|
11213
11220
|
if (!Utils.isMobile && !(theme.options.timeLineOptions === null || theme.options.disabledTimeLine) && _needTimeLine) {
|
|
11214
11221
|
theme._recFooter = new RecFooter(theme.$container, {
|
|
@@ -11218,6 +11225,7 @@
|
|
|
11218
11225
|
_renderTimeLine(theme, theme._recFooter.$timeLineContainer, props);
|
|
11219
11226
|
if (theme._footer) {
|
|
11220
11227
|
theme._footer.$container.style.cssText += "bottom: 36px;";
|
|
11228
|
+
theme.$container.classList.add("" + PREFIX_CLASS + "-has-time-line");
|
|
11221
11229
|
}
|
|
11222
11230
|
if (theme.options.dateOptions !== null) {
|
|
11223
11231
|
_renderDatePicker(theme, theme._recFooter.$datePickerContainer, props);
|
|
@@ -12076,8 +12084,13 @@
|
|
|
12076
12084
|
// 这里不要使用 $containerWarp.getBoundingClientRect() 获取宽和高 因为会出现小数导致两次(设置后的值和设置后再次获取的值)的宽高不一致 (因为缩放后取整设置，再次获取还有可能是带小数的然后取整 对比两次不一致，一般在屏幕缩放百分比变化和浏览器页面缩放时出现)，致使一直触发 resize 事件
|
|
12077
12085
|
var width = Math.floor(_this.$container.clientWidth);
|
|
12078
12086
|
var height = Math.floor(_this.$container.clientHeight);
|
|
12079
|
-
if (width >
|
|
12087
|
+
if (width > 280 && width <= 375) {
|
|
12080
12088
|
_this.$container.classList.add("" + PREFIX_CLASS + "-medium-width");
|
|
12089
|
+
_this.$container.classList.remove("" + PREFIX_CLASS + "-small-width");
|
|
12090
|
+
_this.$container.classList.remove("" + PREFIX_CLASS + "-mini-width");
|
|
12091
|
+
} else if (width > 200 && width <= 280) {
|
|
12092
|
+
_this.$container.classList.add("" + PREFIX_CLASS + "-small-width");
|
|
12093
|
+
_this.$container.classList.remove("" + PREFIX_CLASS + "-medium-width");
|
|
12081
12094
|
_this.$container.classList.remove("" + PREFIX_CLASS + "-mini-width");
|
|
12082
12095
|
} else {
|
|
12083
12096
|
if (width <= 200) {
|
|
@@ -12085,10 +12098,16 @@
|
|
|
12085
12098
|
} else {
|
|
12086
12099
|
_this.$container.classList.remove("" + PREFIX_CLASS + "-mini-width");
|
|
12087
12100
|
}
|
|
12101
|
+
_this.$container.classList.remove("" + PREFIX_CLASS + "-small-width");
|
|
12088
12102
|
_this.$container.classList.remove("" + PREFIX_CLASS + "-medium-width");
|
|
12089
12103
|
}
|
|
12090
|
-
if (height >
|
|
12104
|
+
if (height > 280 && height <= 375) {
|
|
12091
12105
|
_this.$container.classList.add("" + PREFIX_CLASS + "-medium-height");
|
|
12106
|
+
_this.$container.classList.remove("" + PREFIX_CLASS + "-small-height");
|
|
12107
|
+
_this.$container.classList.remove("" + PREFIX_CLASS + "-mini-height");
|
|
12108
|
+
} else if (height > 200 && height <= 280) {
|
|
12109
|
+
_this.$container.classList.add("" + PREFIX_CLASS + "-small-height");
|
|
12110
|
+
_this.$container.classList.remove("" + PREFIX_CLASS + "-medium-height");
|
|
12092
12111
|
_this.$container.classList.remove("" + PREFIX_CLASS + "-mini-height");
|
|
12093
12112
|
} else {
|
|
12094
12113
|
if (height <= 200) {
|
|
@@ -12096,6 +12115,7 @@
|
|
|
12096
12115
|
} else {
|
|
12097
12116
|
_this.$container.classList.remove("" + PREFIX_CLASS + "-mini-height");
|
|
12098
12117
|
}
|
|
12118
|
+
_this.$container.classList.remove("" + PREFIX_CLASS + "-small-height");
|
|
12099
12119
|
_this.$container.classList.remove("" + PREFIX_CLASS + "-medium-height");
|
|
12100
12120
|
}
|
|
12101
12121
|
//
|
|
@@ -12865,7 +12885,7 @@
|
|
|
12865
12885
|
zh: zh,
|
|
12866
12886
|
en: en
|
|
12867
12887
|
};
|
|
12868
|
-
/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '3.0.
|
|
12888
|
+
/** 版本号 @since 0.0.1 */ Theme.THEME_VERSION = '3.0.2-beta.3';
|
|
12869
12889
|
|
|
12870
12890
|
// 不要动这里的代码， 这个出口是为了编译成 umd 规范的文件
|
|
12871
12891
|
|
package/dist/style.css
CHANGED
|
@@ -13,7 +13,7 @@ body.ezplayer-body-mobile-noscroll{background-color:#000!important;height:100vh;
|
|
|
13
13
|
.ecalendar{box-sizing:border-box;cursor:unset;line-height:normal;margin:0;padding-left:0;text-align:left}.ecalendar-panel{border:1px solid var(--edate-border-color,rgba(5,5,5,.06));box-sizing:border-box;display:flex;flex-direction:column;width:100%}.ecalendar-body{box-sizing:border-box;color:var(--edate-default-color,rgba(0,0,0,.88));flex:1 1 auto;padding:6px 10px}.ecalendar-content{box-sizing:border-box;width:100%}.ecalendar-content th{height:30px}.ecalendar-content tr td{padding:3px 0}.ecalendar-content tr td:before{content:"";display:block;height:var(--edate-calendar-cell-height,24px);position:absolute;width:100%}.ecalendar-cell{box-sizing:border-box;color:rgba(0,0,0,.25);cursor:pointer;padding:0;position:relative;text-align:center}.ecalendar-cell:not(.edate-disabled):hover .ecalendar-cell-inner{background-color:var(--edate-hover-bg-color,rgba(0,0,0,.04))}.ecalendar-cell-in-view{color:var(--edate-default-color,rgba(0,0,0,.88))}.ecalendar-cell-in-view.ecalendar-cell-selected:not(.edate-disabled) .ecalendar-cell-inner{background-color:var(--edate-primary-color,#1677ff)!important;color:#fff}.ecalendar-cell-in-view.ecalendar-cell-selected:not(.edate-disabled) .ecalendar-badge{background-color:#fff}.ecalendar-cell-in-view.ecalendar-cell-selected.edate-disabled .ecalendar-cell-inner{background-color:var(--edate-disabled-bg-color,rgba(0,0,0,.25))}.ecalendar-cell-in-view.ecalendar-cell-today .ecalendar-cell-inner{border-color:var(--edate-primary-color,#1677ff)}.ecalendar-cell-in-view.ecalendar-cell-today.edate-disabled .ecalendar-cell-inner{border-color:var(--edate-disabled-bg-color,rgba(0,0,0,.25))}.ecalendar-cell-inner{align-items:center;border:1px solid transparent;border-radius:var(--edate-calendar-border-radius,2px);display:inline-flex;height:var(--edate-calendar-cell-height,26px);inset-inline-end:0;inset-inline-start:0;justify-content:center;line-height:var(--edate-calendar-cell-height,26px);padding:0;position:relative;transition:background .2s,border .2s;width:var(--edate-calendar-cell-width,26px);z-index:2}.ecalendar-cell .ecalendar-badge{background-color:var(--edate-primary-color,#1677ff);border-radius:50%;height:3px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(8px);width:3px;z-index:3}.ecalendar-cell.edate-disabled .ecalendar-badge{background-color:var(--edate-disabled-color,rgba(0,0,0,.25))}.epicker-mobile .ecalendar-content tr td{padding:8px 0}
|
|
14
14
|
.emonth{cursor:unset;line-height:normal}.emonth-panel{background-color:#fff;border:1px solid var(--edate-border-color,rgba(5,5,5,.06));display:flex;flex-direction:column}.emonth-panel .emonth-body{padding:1px 8px}.emonth-panel table{width:100%}.emonth-panel .emonth-cell{height:52px}.emonth-panel .emonth-cell-inner{padding:0 8px}.emonth-body{color:var(--edate-default-color,rgba(0,0,0,.88));padding:0 10px}.emonth-content{width:100%}.emonth-cell{box-sizing:border-box;color:rgba(0,0,0,.25);cursor:pointer;padding:0;position:relative;text-align:center}.emonth-cell:not(.edate-disabled):hover .emonth-cell-inner{background-color:var(--edate-hover-bg-color,rgba(0,0,0,.04))}.emonth-cell:before{content:"";height:22px;inset-inline-end:0;inset-inline-start:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s;z-index:1}.emonth-cell-in-view{color:var(--edate-default-color,rgba(0,0,0,.88))}.emonth-cell-in-view.emonth-cell-selected:not(.edate-disabled) .emonth-cell-inner{background-color:var(--edate-primary-color,#1677ff)!important;color:#fff}.emonth-cell-in-view.emonth-cell-selected.edate-disabled .emonth-cell-inner{background-color:var(--edate-disabled-bg-color,rgba(0,0,0,.04))!important}.emonth-cell-inner{border-radius:var(--edate-border-radius,2px);display:inline-block;height:22px;line-height:22px;min-width:22px;position:relative;transition:background .2s,border .2s;z-index:2}
|
|
15
15
|
.eyear{cursor:unset;line-height:normal}.eyear-layout{align-items:stretch;display:flex;flex-wrap:nowrap}.eyear-panel{background-color:#fff;border:1px solid var(--edate-border-color,rgba(5,5,5,.06));display:flex;flex-direction:column}.eyear-panel .eyear-body{padding:1px 8px}.eyear-panel table{width:100%}.eyear-panel .eyear-cell{height:52px}.eyear-panel .eyear-cell-inner{padding:0 8px}.eyear-body{padding:0 10px}.eyear-cell{box-sizing:border-box;color:rgba(0,0,0,.25);cursor:pointer;padding:0;position:relative;text-align:center}.eyear-cell:not(.edate-disabled):hover .eyear-cell-inner{background-color:var(--edate-hover-bg-color,rgba(0,0,0,.04))}.eyear-cell:before{content:"";height:22px;inset-inline-end:0;inset-inline-start:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s;z-index:1}.eyear-cell-in-view{color:var(--edate-default-color,rgba(0,0,0,.88))}.eyear-cell-in-view.eyear-cell-selected:not(.edate-disabled) .eyear-cell-inner{background-color:var(--edate-primary-color,#1677ff);color:#fff}.eyear-cell-in-view.eyear-cell-selected.edate-disabled .eyear-cell-inner{background-color:var(--edate-disabled-bg-color,rgba(0,0,0,.04))}.eyear-cell-inner{border-radius:var(--data-picker-border-radius,2px);display:inline-block;height:22px;line-height:22px;min-width:22px;position:relative;transition:background .2s,border .2s;z-index:2}
|
|
16
|
-
.ezplayer .ezplayer-progress{align-items:center;background-color:var(--ezplayer-panel-bg-color,rgba(0,0,0,.7));border-radius:var(--ezplayer-border-radius,8px);box-sizing:border-box;cursor:default;display:flex;flex-direction:column;justify-content:center;padding:
|
|
16
|
+
.ezplayer .ezplayer-progress{align-items:center;background-color:var(--ezplayer-panel-bg-color,rgba(0,0,0,.7));border-radius:var(--ezplayer-border-radius,8px);box-sizing:border-box;cursor:default;display:flex;flex-direction:column;justify-content:center;padding:30px 9px 11px;position:relative;width:38px}.ezplayer .ezplayer-progress,.ezplayer .ezplayer-progress-text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ezplayer .ezplayer-progress-text{font-size:12px;height:17px;left:0;line-height:17px;position:absolute;text-align:center;top:8px;width:100%}.ezplayer .ezplayer-progress-minus,.ezplayer .ezplayer-progress-plus{display:flex;height:25px;justify-content:center}.ezplayer .ezplayer-progress-minus .ezplayer-icon,.ezplayer .ezplayer-progress-plus .ezplayer-icon{color:#fff;cursor:pointer;display:inline-block;font-size:20px;height:20px;text-align:center;transition:color .3s ease,border-color .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:20px}.ezplayer .ezplayer-progress-minus .ezplayer-icon:active,.ezplayer .ezplayer-progress-plus .ezplayer-icon:active{color:var(--ezplayer-primary-color,#407aff)}@media (hover:hover){.ezplayer .ezplayer-progress-minus .ezplayer-icon:hover,.ezplayer .ezplayer-progress-plus .ezplayer-icon:hover{color:var(--ezplayer-primary-color,#407aff)}}.ezplayer .ezplayer-progress-plus{padding-bottom:5px}.ezplayer .ezplayer-progress-minus{padding-top:5px}.ezplayer .ezplayer-progress-slider{background-color:hsla(0,0%,100%,.75);border-radius:2px;cursor:pointer;flex:1 1 auto;position:relative;width:4px}.ezplayer .ezplayer-progress-slider-fill{background-color:var(--ezplayer-primary-color,#407aff);border-radius:4px;bottom:0;height:0;left:0;position:absolute;width:100%}.ezplayer .ezplayer-progress-slider-handle{align-items:center;background-color:var(--ezplayer-primary-color,#407aff);border-radius:50%;cursor:pointer;display:inline-flex;height:12px;justify-content:center;left:50%;position:absolute;top:0;transform:translate(-50%,-50%);width:12px}.ezplayer .ezplayer-progress-slider-handle:hover{box-shadow:0 0 2px var(--ezplayer-primary-color,#407aff)}.ezplayer .ezplayer-progress-slider-handle:before{background-color:#fff;border-radius:50%;content:"";display:inline;height:6px;width:6px}
|
|
17
17
|
.ezplayer-icon{align-items:center;color:inherit;display:inline-flex;font-size:var(--ezplayer-icon-font-size,24px);font-style:normal;line-height:0;text-align:center;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
|
|
18
18
|
.ezplayer-select-panel{background-color:var(--ezplayer-panel-bg-color,rgba(0,0,0,.7));border-radius:var(--ezplayer-border-radius,8px);color:var(--ezplayer-default-color,#fff);display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;position:relative}.ezplayer-select-btn{width:50px}.ezplayer-select-btn span{display:inline-block;font-size:12px;font-size:calc(var(--ezplayer-font-size, 14px) - 2px);line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ezplayer-select-list{align-items:center;display:flex;flex-direction:column;font-size:var(--ezplayer-font-size,14px);list-style:none;margin:0;padding:12px 0!important;width:100%}.ezplayer-select-option{box-sizing:border-box;cursor:pointer;display:inline-flex;height:28px;justify-content:center;line-height:18px;list-style:none;padding:5px 20px!important;transition:color .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.ezplayer-select-option span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ezplayer-select-option:hover{color:var(--ezplayer-active-color)}.ezplayer-select-cancel,.ezplayer-select-close{display:none}.ezplayer-select-cancel{font-size:var(--ezplayer-font-size,14px)}.ezplayer-mobile .epicker-mobile.ezplayer-select-picker .ezplayer-select-panel{background-color:transparent;max-width:400px;padding-bottom:calc(54px + env(safe-area-inset-bottom));width:90%}.ezplayer-mobile .epicker-mobile.ezplayer-select-picker .ezplayer-select-list{align-items:center;background-color:#fff;border-radius:var(--ezplayer-border-radius,8px);display:flex;flex-direction:column;font-size:var(--ezplayer-font-size,14px);max-height:70vh;max-height:calc(90vh - 108px);overflow-x:hidden;overflow-y:auto;padding:20px 0!important}.ezplayer-mobile .epicker-mobile.ezplayer-select-picker .ezplayer-select-cancel,.ezplayer-mobile .epicker-mobile.ezplayer-select-picker .ezplayer-select-option{align-items:center;box-sizing:border-box;color:#2c2c2c;display:inline-flex;height:36px;justify-content:center;line-height:26px;padding:5px 20px!important}.ezplayer-mobile .epicker-mobile.ezplayer-select-picker .ezplayer-select-option{--webkit-tap-highlight-color:transparent!important}.ezplayer-mobile .epicker-mobile.ezplayer-select-picker .ezplayer-select-option:hover{color:#2c2c2c}.ezplayer-mobile .epicker-mobile.ezplayer-select-picker .ezplayer-select-option:active{background-color:#f8f8f8}.ezplayer-mobile .epicker-mobile.ezplayer-select-picker .ezplayer-select-cancel{background-color:#fff;border-radius:var(--ezplayer-border-radius,8px);display:flex;height:54px;margin-top:8px}.ezplayer-mobile .epicker-mobile.ezplayer-select-picker .ezplayer-select-cancel:active{color:var(--ezplayer-active-color)}.ezplayer-mobile.ezplayer-fullscreen .epicker-mobile.ezplayer-select-picker .epicker-body{bottom:0;left:unset;right:0;top:0;width:240px}.ezplayer-mobile.ezplayer-fullscreen .epicker-mobile.ezplayer-select-picker .ezplayer-select-panel{align-items:center;background-color:var(--ezplayer-panel-bg-color,rgba(0,0,0,.7));border-bottom-right-radius:0;border-top-right-radius:0;height:100%;justify-content:center;padding-bottom:env(safe-area-inset-bottom);width:100%}.ezplayer-mobile.ezplayer-fullscreen .epicker-mobile.ezplayer-select-picker .ezplayer-select-list{background-color:transparent;border-radius:0;color:#fff;height:auto;margin:0;max-height:100%;width:100%}.ezplayer-mobile.ezplayer-fullscreen .epicker-mobile.ezplayer-select-picker .ezplayer-select-option,.ezplayer-mobile.ezplayer-fullscreen .epicker-mobile.ezplayer-select-picker .ezplayer-select-option:hover{color:#fff}.ezplayer-mobile.ezplayer-fullscreen .epicker-mobile.ezplayer-select-picker .ezplayer-select-option:active{background-color:transparent;color:var(--ezplayer-active-color)}.ezplayer-mobile.ezplayer-fullscreen .epicker-mobile.ezplayer-select-picker .ezplayer-select-cancel{display:none}.ezplayer-mobile.ezplayer-fullscreen .epicker-mobile.ezplayer-select-picker .ezplayer-select-close{display:inline-flex;left:10px;position:absolute;top:10px}.ezplayer-mobile.ezplayer-fullscreen .epicker-mobile.ezplayer-select-picker .ezplayer-select-close:active{color:var(--ezplayer-active-color)}
|
|
19
19
|
.ezplayer-control-fullscreen .ezplayer-icon-exit-fullscreen,.ezplayer-control-global-fullscreen .ezplayer-icon-exit-global-fullscreen{display:none}.ezplayer-fullscreen .ezplayer-icon-exit-fullscreen{display:inline-flex}.ezplayer-fullscreen .ezplayer-icon-fullscreen{display:none}.ezplayer-global-fullscreen .ezplayer-icon-exit-global-fullscreen{display:inline-flex}.ezplayer-global-fullscreen .ezplayer-icon-global-fullscreen{display:none}
|
|
@@ -23,7 +23,7 @@ body.ezplayer-body-mobile-noscroll{background-color:#000!important;height:100vh;
|
|
|
23
23
|
.ezplayer-icon-volume{position:relative}.ezplayer-icon-volume svg .ezplayer-icon-volume-high,.ezplayer-icon-volume svg .ezplayer-icon-volume-low,.ezplayer-icon-volume svg .ezplayer-icon-volume-muted{display:none}.ezplayer-icon-volume.ezplayer-icon-volume-high svg .ezplayer-icon-volume-high,.ezplayer-icon-volume.ezplayer-icon-volume-high svg .ezplayer-icon-volume-low,.ezplayer-icon-volume.ezplayer-icon-volume-low svg .ezplayer-icon-volume-low,.ezplayer-icon-volume.ezplayer-icon-volume-muted svg .ezplayer-icon-volume-muted,.ezplayer-icon-volume.ezplayer-icon-volume-zero svg .ezplayer-icon-volume-muted{display:inline}.ezplayer-volume-progress{height:126px}
|
|
24
24
|
.ezplayer-control-rec{box-sizing:border-box;display:inline-flex;flex-direction:row}.ezplayer-control-rec .ezplayer-icon-cloud-rec,.ezplayer-control-rec .ezplayer-icon-cloud-record,.ezplayer-control-rec .ezplayer-icon-sdk{color:#d4d7dd;cursor:pointer;margin-left:5px}.ezplayer-mobile-extend .ezplayer-control-rec{background-color:#f4f6fc;border:1px solid #ededed;border-radius:18px;height:30px}.ezplayer-mobile-extend .ezplayer-icon-cloud-rec,.ezplayer-mobile-extend .ezplayer-icon-cloud-record,.ezplayer-mobile-extend .ezplayer-icon-sdk{cursor:pointer;font-size:20px;margin-left:1px;padding:2px 7px}.ezplayer-mobile-extend .ezplayer-icon-cloud-rec.ezplayer-active,.ezplayer-mobile-extend .ezplayer-icon-cloud-record.ezplayer-active,.ezplayer-mobile-extend .ezplayer-icon-sdk.ezplayer-active{background-color:#fff;border-radius:12px;box-shadow:0 1px 4px 0 hsla(0,0%,68%,.2)}.ezplayer-mobile .ezplayer-icon-cloud-rec,.ezplayer-mobile .ezplayer-icon-cloud-record,.ezplayer-mobile .ezplayer-icon-sdk{margin-left:10px}
|
|
25
25
|
.ezplayer-more-panel{align-items:center;background-color:var(--ezplayer-panel-bg-color,rgba(0,0,0,.7));border-radius:var(--ezplayer-border-radius,8px);cursor:default;display:flex;flex-direction:row;padding:8px 10px}.ezplayer-more .ezplayer-control{margin-left:10px}.ezplayer-more .ezplayer-control:first-child{margin-right:0}
|
|
26
|
-
.ezplayer-
|
|
26
|
+
.ezplayer-zoom-panel{bottom:0;display:inline-flex;flex-direction:column;height:100%;justify-content:flex-end;left:20px;padding-bottom:calc(var(--ezplayer-footer-height, 80px) + 20px);pointer-events:none;position:absolute;top:0;z-index:23}.ezplayer-zoom-panel .ezplayer-progress{height:200px;max-height:95%;pointer-events:auto}.ezplayer-mini-height .ezplayer-progress-minus,.ezplayer-mini-height .ezplayer-progress-plus,.ezplayer-small-height .ezplayer-progress-minus,.ezplayer-small-height .ezplayer-progress-plus{display:none}.ezplayer-small-height .ezplayer-zoom-panel{min-height:auto;padding-bottom:calc(var(--ezplayer-footer-height, 80px))}.ezplayer-small-height .ezplayer-zoom-panel .ezplayer-progress{height:150px;max-height:95%;pointer-events:auto}.ezplayer-mini-height .ezplayer-zoom-panel{min-height:auto;padding-bottom:calc(var(--ezplayer-footer-height, 80px) - 10px);padding-top:0}.ezplayer-pc.ezplayer-has-time-line.ezplayer-medium-height .ezplayer-zoom-panel{padding-bottom:calc(var(--ezplayer-footer-height, 80px) + 31px)}.ezplayer-pc.ezplayer-has-time-line.ezplayer-mini-height .ezplayer-zoom-panel,.ezplayer-pc.ezplayer-has-time-line.ezplayer-small-height .ezplayer-zoom-panel{padding-bottom:calc(var(--ezplayer-footer-height, 80px) + 16px)}.ezplayer-mobile .ezplayer-zoom-panel{padding-bottom:calc(var(--ezplayer-mobile-footer-height, 54px) + 10px)!important}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-zoom-panel{padding-bottom:var(--ezplayer-mobile-fullscreen-footer-height,110px)!important;padding-top:var(--ezplayer-mobile-fullscreen-header-height,75px)!important}
|
|
27
27
|
.ezplayer-icon-talk-growth-dot1,.ezplayer-icon-talk-growth-dot2,.ezplayer-icon-talk-growth-dot3,.ezplayer-icon-talk-growth-dot4{color:var(--ezplayer-default-color,#fff)}.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-deafening .ezplayer-icon-talk-growth-dot1,.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-deafening .ezplayer-icon-talk-growth-dot2,.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-deafening .ezplayer-icon-talk-growth-dot3,.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-deafening .ezplayer-icon-talk-growth-dot4,.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-high .ezplayer-icon-talk-growth-dot2,.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-high .ezplayer-icon-talk-growth-dot3,.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-high .ezplayer-icon-talk-growth-dot4,.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-low .ezplayer-icon-talk-growth-dot4,.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-normal .ezplayer-icon-talk-growth-dot3,.ezplayer-control-talk.ezplayer-active.ezplayer-talk-gain-normal .ezplayer-icon-talk-growth-dot4{color:var(--ezplayer-active-color,#407aff)}
|
|
28
28
|
.ezplayer-control-broadcast.ezplayer-active .ezplayer-icon-record-circle{color:var(--ezplayer-active-color,#407aff)}
|
|
29
29
|
.ezplayer-control-aichat.ezplayer-active .ezplayer-icon-aichat{color:var(--ezplayer-active-color,#407aff)}
|
|
@@ -35,7 +35,7 @@ body.ezplayer-body-mobile-noscroll{background-color:#000!important;height:100vh;
|
|
|
35
35
|
|
|
36
36
|
.ezplayer-control-device{width:100%}.ezplayer-control-device span{display:inline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
37
37
|
.ezplayer-pause{bottom:0;color:#fff!important;cursor:pointer!important;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:3}.ezplayer-pause-circle{align-items:center;background-color:rgba(0,0,0,.4);border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;transition:transform .3s ease,opacity 1s ease;width:50px}.ezplayer-pause-circle:hover{opacity:.85}.ezplayer-pause-circle .ezplayer-icon-pause,.ezplayer-pause-circle .ezplayer-icon-play{font-size:32px}.ezplayer-pause-transform .ezplayer-pause-circle{opacity:0;transform:scale(1.1)}
|
|
38
|
-
.ezplayer-medium-height .ezplayer-ptz-panel,.ezplayer-mini-height .ezplayer-ptz-panel{padding-bottom:0;padding-top:0;right:0;z-index:22}.ezplayer-medium-height .ezplayer-ptz-panel .ezplayer-ptz-turntable,.ezplayer-mini-height .ezplayer-ptz-panel .ezplayer-ptz-turntable{border-bottom-right-radius:0;border-top-right-radius:0;max-height:none}.ezplayer-mini-height .ez-ptz-btn-container,.ezplayer-mini-height .ez-ptz-speed-container{display:none!important}.ezplayer-ptz-panel{box-sizing:border-box;flex-direction:column;max-width:70%;padding-bottom:var(--ezplayer-footer-height,80px);padding-top:var(--ezplayer-header-height,46px);pointer-events:none;position:absolute;right:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:150px;z-index:3}.ezplayer-ptz-panel,.ezplayer-ptz-panel .ezplayer-ptz-turntable{align-items:center;display:flex;height:100%;justify-content:center}.ezplayer-ptz-panel .ezplayer-ptz-turntable{background-color:var(--ezplayer-panel-bg-color,rgba(0,0,0,.7));border-radius:var(--ezplayer-border-radius,8px);flex:1 1 auto;max-height:283px;padding:20px;pointer-events:auto;width:100%}.ezplayer-mobile .ezplayer-control-ptz,.ezplayer-mobile .ezplayer-ptz-panel{display:none}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-control-ptz,.ezplayer-mobile.ezplayer-fullscreen .ezplayer-ptz-panel{display:inline-flex}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-ptz-panel{padding-bottom:calc(var(--ezplayer-mobile-fullscreen-footer-height, 110px) - 20px);padding-top:var(--ezplayer-mobile-fullscreen-header-height,75px)}.ezplayer-mobile.ezplayer-fullscreen.ezplayer-medium-height .ezplayer-ptz-panel,.ezplayer-mobile.ezplayer-fullscreen.ezplayer-mini-height .ezplayer-ptz-panel{padding-bottom:0;padding-top:0}
|
|
38
|
+
.ezplayer-medium-height .ezplayer-ptz-panel,.ezplayer-mini-height .ezplayer-ptz-panel,.ezplayer-small-height .ezplayer-ptz-panel{padding-bottom:0;padding-top:0;right:0;z-index:22}.ezplayer-medium-height .ezplayer-ptz-panel .ezplayer-ptz-turntable,.ezplayer-mini-height .ezplayer-ptz-panel .ezplayer-ptz-turntable,.ezplayer-small-height .ezplayer-ptz-panel .ezplayer-ptz-turntable{border-bottom-right-radius:0;border-top-right-radius:0;max-height:none}.ezplayer-mini-height .ez-ptz-btn-container,.ezplayer-mini-height .ez-ptz-speed-container,.ezplayer-small-height .ez-ptz-btn-container,.ezplayer-small-height .ez-ptz-speed-container{display:none!important}.ezplayer-ptz-panel{box-sizing:border-box;flex-direction:column;max-width:70%;padding-bottom:var(--ezplayer-footer-height,80px);padding-top:var(--ezplayer-header-height,46px);pointer-events:none;position:absolute;right:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:150px;z-index:3}.ezplayer-ptz-panel,.ezplayer-ptz-panel .ezplayer-ptz-turntable{align-items:center;display:flex;height:100%;justify-content:center}.ezplayer-ptz-panel .ezplayer-ptz-turntable{background-color:var(--ezplayer-panel-bg-color,rgba(0,0,0,.7));border-radius:var(--ezplayer-border-radius,8px);flex:1 1 auto;max-height:283px;padding:20px;pointer-events:auto;width:100%}.ezplayer-mobile .ezplayer-control-ptz,.ezplayer-mobile .ezplayer-ptz-panel{display:none}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-control-ptz,.ezplayer-mobile.ezplayer-fullscreen .ezplayer-ptz-panel{display:inline-flex}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-ptz-panel{padding-bottom:calc(var(--ezplayer-mobile-fullscreen-footer-height, 110px) - 20px);padding-top:var(--ezplayer-mobile-fullscreen-header-height,75px)}.ezplayer-mobile.ezplayer-fullscreen.ezplayer-medium-height .ezplayer-ptz-panel,.ezplayer-mobile.ezplayer-fullscreen.ezplayer-mini-height .ezplayer-ptz-panel,.ezplayer-mobile.ezplayer-fullscreen.ezplayer-small-height .ezplayer-ptz-panel{padding-bottom:0;padding-top:0}
|
|
39
39
|
|
|
40
40
|
.ezplayer-mobile-extend .ezplayer-mobile-date-filter{align-items:center;background:#f4f6fc;border:1px solid #ededed;border-radius:8px;box-sizing:border-box;color:#2c2c2c;display:inline-flex;font-family:PingFang SC;font-size:16px;font-weight:500;height:36px;justify-content:center;letter-spacing:0;line-height:20px;padding:6px 10px}.ezplayer-mobile-extend .ezplayer-mobile-date-filter-value{margin-right:5px}.ezplayer-mobile-extend .ezplayer-icon-filter{font-size:20px}
|
|
41
41
|
.ezplayer-control-time-line{overflow:hidden;padding-right:40px;position:relative}.ezplayer-control-time-line .ezplayer-time-line-scale-add,.ezplayer-control-time-line .ezplayer-time-line-scale-sub{align-items:center;background-color:#333;border-radius:2px;color:var(--ezplayer-default-color,#fff);cursor:pointer;display:inline-flex;height:14px;justify-content:center;overflow:hidden;position:absolute;right:0;transition:color .3s ease;width:14px}.ezplayer-control-time-line .ezplayer-icon-add,.ezplayer-control-time-line .ezplayer-icon-reduce{font-size:12px;font-weight:500}.ezplayer-control-time-line .ezplayer-icon-add:hover,.ezplayer-control-time-line .ezplayer-icon-reduce:hover{color:var(--ezplayer-primary-color,#407aff)}.ezplayer-control-time-line .ezplayer-time-line-scale-add{top:2px}.ezplayer-control-time-line .ezplayer-time-line-scale-sub{bottom:2px}.ezplayer-mobile-extend .ezplayer-control-time-line{display:block;height:300px;margin-top:10px;padding-right:0}
|
package/dist/style.js
CHANGED