@ezuikit/player-theme 3.0.2-beta.1 → 3.1.0-beta.1
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 +13 -2
- package/dist/index.cjs +992 -295
- package/dist/index.esm.js +993 -296
- package/dist/index.umd.js +1020 -323
- package/dist/style.css +14 -9
- package/dist/style.js +2 -2
- package/dist/types/index.d.ts +90 -26
- package/package.json +3 -3
package/dist/style.css
CHANGED
|
@@ -3,16 +3,17 @@ body.ezplayer-body-mobile-noscroll{background-color:#000!important;height:100vh;
|
|
|
3
3
|
.ezplayer-footer,.ezplayer-header{align-items:center;box-sizing:border-box;color:var(--ezplayer-default-color,#fff);display:flex;flex-wrap:nowrap;font-size:24px;justify-content:space-between;left:0;opacity:1;position:absolute;right:0;transition:opacity .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:20}.ezplayer-footer-left,.ezplayer-footer-right,.ezplayer-header-left,.ezplayer-header-right{display:inline-flex;flex-direction:row;flex-wrap:nowrap}.ezplayer-footer-left,.ezplayer-header-left{padding-left:20px}.ezplayer-footer-left .ezplayer-control,.ezplayer-header-left .ezplayer-control{margin-right:16px}.ezplayer-footer-left .ezplayer-control:last-child,.ezplayer-header-left .ezplayer-control:last-child{margin-right:0!important}.ezplayer-footer-right,.ezplayer-header-right{padding-right:20px}.ezplayer-footer-right .ezplayer-control,.ezplayer-header-right .ezplayer-control{margin-left:16px}.ezplayer-footer-right .ezplayer-control:first-child,.ezplayer-header-right .ezplayer-control:first-child{margin-left:0!important}.ezplayer-footer .ezplayer-control,.ezplayer-header .ezplayer-control{padding:2px}.ezplayer-footer .ezplayer-control-text+.ezplayer-control-text,.ezplayer-header .ezplayer-control-text+.ezplayer-control-text{margin-left:8px}.ezplayer-footer-more,.ezplayer-header-more{align-items:center;display:flex;flex-direction:row}.ezplayer-header{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAuCAMAAADeMYNYAAAAbFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB0Iv+qAAAAJHRSTlOBdGtiTDoxGxIJy8bCvbm0sKyno56alZGMiHtbV1JFQSomIQDNbq/TAAAAPklEQVQI1xXBhQHAIAAEsau7uwv778iTkFNQUlHT0NLRMzAyMbOwsuHseOproAcnF6HePEQa68vHT6KpZmosd8UCpGNSKboAAAAASUVORK5CYII=");box-sizing:border-box;height:46px;margin:0;top:0}.ezplayer-header-left,.ezplayer-header-right{max-width:50%}.ezplayer-control-rec .ezplayer-icon:first-child{margin-left:0}.ezplayer-footer{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAQAAAByztdQAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAd0SU1FB+kGBAsQDlySUqoAAAABb3JOVAHPoneaAAAAHElEQVQI12NgYGRiYGZiYGJiYEZiYJLECw5q9QCpgAFr/pGonwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyNS0wNi0wNFQxMToxNTo1OCswMDowMBLJutIAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjUtMDYtMDRUMTE6MTU6NTgrMDA6MDBjlAJuAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDI1LTA2LTA0VDExOjE2OjE0KzAwOjAwnFz8PAAAAABJRU5ErkJggg==");bottom:0;box-sizing:border-box;height:80px;margin:0;padding-top:20px}.ezplayer-mobile .ezplayer-footer,.ezplayer-mobile .ezplayer-header{font-size:24px}.ezplayer-mobile .ezplayer-footer-left .ezplayer-control,.ezplayer-mobile .ezplayer-footer-right .ezplayer-control,.ezplayer-mobile .ezplayer-header-left .ezplayer-control,.ezplayer-mobile .ezplayer-header-right .ezplayer-control{height:24px;padding:0}.ezplayer-mobile .ezplayer-footer-left,.ezplayer-mobile .ezplayer-header-left{padding-left:15px}.ezplayer-mobile .ezplayer-footer-left .ezplayer-control,.ezplayer-mobile .ezplayer-header-left .ezplayer-control{margin-right:15px}.ezplayer-mobile .ezplayer-footer-right,.ezplayer-mobile .ezplayer-header-right{padding-right:15px}.ezplayer-mobile .ezplayer-footer-right .ezplayer-control,.ezplayer-mobile .ezplayer-header-right .ezplayer-control{margin-left:15px}.ezplayer-mobile .ezplayer-footer .ezplayer-control,.ezplayer-mobile .ezplayer-header .ezplayer-control{height:24px;min-width:24px}.ezplayer-mobile .ezplayer-footer .ezplayer-control-text,.ezplayer-mobile .ezplayer-header .ezplayer-control-text{font-size:14px}.ezplayer-mobile .ezplayer-header{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAtCAMAAACzkkr1AAAAV1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOl5NtAAAAHXRSTlOWj4JzaV9YUUQ9MywlGxQKioZ8eW9kTUk4IA8FAKPHi9EAAABMSURBVAjXJcKFDcAwAAOwjKHM+P+dUzTL+C0LWwvnsK7sPULAtnGM2HdOCcfB58nXxTmjFNw3Pw/XivdlIVhKbg1KsdbcO4zhMTDnB9pJBB0jNaXIAAAAAElFTkSuQmCC");background:linear-gradient(180deg,rgba(0,0,0,.6) 0,transparent);height:45px;margin:0;padding:0}.ezplayer-mobile .ezplayer-footer{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAA2CAQAAABHVIAUAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAd0SU1FB+kHGQYOGOvM7YUAAAABb3JOVAHPoneaAAAAFUlEQVQY02NkYGRgYGFgxkUwjShZAMFnAW71uqvOAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDI1LTA3LTI1VDA2OjE0OjAwKzAwOjAwy873zwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyNS0wNy0yNVQwNjoxNDowMCswMDowMLqTT3MAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjUtMDctMjVUMDY6MTQ6MjQrMDA6MDBb7E3CAAAAAElFTkSuQmCC");background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.6));height:54px;padding-top:0}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-header{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABLCAQAAADw6J4LAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAd0SU1FB+kHGQYYHh43/WcAAAABb3JOVAHPoneaAAAAKUlEQVQY02NkOM3AwMLwF5X4h5dLOyXD13JmBiaG/8wMjAz/GRkYGRgADI9KMQ6gLKQAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjUtMDctMjVUMDY6MjQ6MTQrMDA6MDBqybVDAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDI1LTA3LTI1VDA2OjI0OjE0KzAwOjAwG5QN/wAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyNS0wNy0yNVQwNjoyNDozMCswMDowMPrrD04AAAAASUVORK5CYII=");background:linear-gradient(180deg,rgba(0,0,0,.8) 0,transparent);height:75px}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-footer{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABuCAMAAAA6XjI3AAAAaVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAnbPKNAAAAI3RSTlMAQrRXSTozKxUHxb+spqCNh4F1ZVAgDbqTenBqJRvKm5dgXO7N8BQAAABzSURBVBjThcRFDsQwFATRH2Z2mHP/Q447bmuWKT2VfJdIYg0DxTHt2g59T9sGUSQRDmFoBRJYjvPn+6SUKHNPPOt54L6h62hdYdEWaFuaZ2gaacxrqV9VJZX5JNPruuA8oSypKCjPyXVp1EbIMkpTOg7tB7gTDCt3nEtMAAAAAElFTkSuQmCC");background:linear-gradient(180deg,transparent 9%,rgba(0,0,0,.8));height:110px;padding-top:18px}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-footer-left,.ezplayer-mobile.ezplayer-fullscreen .ezplayer-header-left{padding-left:50px}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-footer-left .ezplayer-control,.ezplayer-mobile.ezplayer-fullscreen .ezplayer-header-left .ezplayer-control{margin-right:30px}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-footer-right,.ezplayer-mobile.ezplayer-fullscreen .ezplayer-header-right{padding-right:50px}.ezplayer-mobile.ezplayer-fullscreen .ezplayer-footer-right .ezplayer-control,.ezplayer-mobile.ezplayer-fullscreen .ezplayer-header-right .ezplayer-control{margin-left:30px}.ezplayer-fullscreen:not(.ezplayer-mobile) .ezplayer-footer-left .ezplayer-control,.ezplayer-fullscreen:not(.ezplayer-mobile) .ezplayer-header-left .ezplayer-control{margin-right:26px}.ezplayer-fullscreen:not(.ezplayer-mobile) .ezplayer-footer-right .ezplayer-control,.ezplayer-fullscreen:not(.ezplayer-mobile) .ezplayer-header-right .ezplayer-control{margin-left:26px}
|
|
4
4
|
.ezplayer-content{align-items:center;justify-content:center}.ezplayer-content,.ezplayer-content-wrapper{box-sizing:border-box;display:flex;flex:1 1 auto;height:100%;margin:0;outline:none;overflow:hidden;padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:0}.ezplayer-content-wrapper{background-color:#000}.ezplayer-content-video{align-items:center;box-sizing:border-box;display:flex;flex:1 1 auto;height:100%;justify-content:center;margin:0;outline:none;padding:0;width:100%}
|
|
5
5
|
.ezplayer-mobile-extend{background-color:#639;background-color:var(--ezplayer-mobile-extend-bg-color,#f5f7fa);color:var(--ezplayer-mobile-extend-default-color,#2c2c2c);display:flex;flex-direction:column}.ezplayer-mobile-extend-controls{background-color:#639;display:flex;height:66px;justify-content:space-around}.ezplayer-mobile-extend-controls .ezplayer-control{width:75px}.ezplayer-mobile-extend-control-panel{align-items:center;display:flex;flex-direction:column;min-height:390px}.ezplayer-mobile-extend-control-top{align-items:center;display:flex;height:36px;justify-content:space-between;padding-top:10px}.ezplayer-mobile-extend-control-top-left{display:inline-flex;padding-left:15px}.ezplayer-mobile-extend-control-top-right{display:inline-flex;justify-content:flex-end;padding-right:15px}.ezplayer-mobile-extend-control-content{display:flex;flex:1 1 auto;flex-direction:column;width:100%}
|
|
6
|
-
.ezplayer-rec-footer{background-color:#000;box-sizing:border-box;display:
|
|
6
|
+
.ezplayer-rec-footer{background-color:#000;box-sizing:border-box;display:flex;flex-direction:row;height:36px;position:relative}.ezplayer-rec-footer-time-line{display:flex;flex:1 1 auto;height:36px}.ezplayer-rec-footer-right{align-items:center;display:flex;flex:0 0 auto;flex-direction:row;height:36px}.ezplayer-rec-footer-date-picker{align-items:center;display:flex;height:36px;padding-left:8px}.ezplayer-rec-footer-date-picker .ezplayer-icon-date{font-size:20px;margin-top:-5px}.ezplayer-rec-footer-time-picker{align-items:center;display:flex;height:36px;padding-left:8px}.ezplayer-rec-footer-time-picker .ezplayer-icon-time{font-size:20px;margin-top:-5px}.ezplayer-rec-footer-btn:last-child{padding-right:20px}
|
|
7
7
|
.epicker-body-noscroll{overflow:hidden;touch-action:none}.epicker{box-shadow:0 9px 28px 8px #0000000d;display:none;margin:0;opacity:0;padding:0;position:absolute;transition:opacity .3s ease;vertical-align:top;z-index:1000}.epicker,.epicker-body{box-sizing:border-box;flex-direction:column}.epicker-body{display:flex}.epicker.epicker-mobile .epicker-mask{background:#0000004d;bottom:0;box-sizing:border-box;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:9998}.epicker.epicker-mobile .epicker-body{align-items:center;bottom:0;left:0;position:fixed;right:0;z-index:9999}
|
|
8
8
|
.drag-scroll{box-sizing:border-box;margin:0;padding:0}.drag-scroll-container{cursor:grab;height:450px;overflow:hidden;position:relative;-webkit-tap-highlight-color:transparent}.drag-scroll-container,.drag-scroll-content{box-sizing:border-box;display:flex;flex-direction:column;margin:0;padding:0;width:100%}.drag-scroll-content{gap:18px;height:auto;transform:translateZ(0);will-change:transform}.drag-scroll-scrollbar{background-color:#0000001a;border-radius:3px;bottom:0;box-sizing:border-box;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s;width:6px}.drag-scroll-scrollbar.drag-scroll-show{opacity:1}.drag-scroll-scrollbar-thumb{background:linear-gradient(180deg,#4a90e2,#357abd);border-radius:3px;box-sizing:border-box;position:absolute;transition:height .2s;width:100%}
|
|
9
|
-
.ez-time-line-container{box-sizing:border-box;display:block;height:300px;min-width:190px;overflow:hidden;padding-right:29%;position:relative;text-align:left;white-space:nowrap;width:52%!important}.ez-time-line-time-scale-area{border-bottom:none;border-right:12px solid
|
|
9
|
+
.ez-time-line-container{box-sizing:border-box;display:block;height:300px;min-width:190px;overflow:hidden;padding-right:29%;position:relative;text-align:left;white-space:nowrap;width:52%!important}.ez-time-line-time-scale-area{border-bottom:none;border-right:12px solid;border-right-color:var(--ez-time-line-axis-border-color,#bdcdff);border-top:none;box-sizing:border-box;color:var(--ez-time-line-text-color,#666);font-size:12px;height:60px;margin:0;padding:0;position:relative}.ez-time-line-time-label{height:14px;left:45%;line-height:14px;position:relative;top:53px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ez-time-line-time-unavail{background-color:var(--ez-time-line-section-color,#ddd);box-sizing:border-box;left:100%;position:absolute;width:12px}.ez-time-line-current{box-sizing:border-box;height:29px;min-width:80px;padding-left:2.66666%;position:absolute;text-align:left;top:40px;width:23%;z-index:1}.ez-time-line-current-content{height:58px;position:relative;width:100%}.ez-time-line-current-tip{align-items:center;display:inline-flex;font-size:58px;position:absolute;width:58px;z-index:1}.ez-time-line-current-tip-line{background-color:#648ffc;border-radius:1px;height:1.5px;position:absolute;top:50%;transform:translateY(-50%);width:102%}.ez-time-line-current-value{color:#fff;font-size:12px;height:58px;line-height:58px;pointer-events:none;position:absolute;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:52px;z-index:1}.ez-time-line-time-cover-fold{align-items:flex-end;color:#fff;display:inline-flex;height:60px;position:absolute;right:-90px;transform:translate(22px);width:90px}.ez-time-line-time-cover-fold-img{border-radius:6px;height:50px;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:90px}.ez-time-line-time-cover-fold-img img{height:50px;-o-object-fit:cover;object-fit:cover;width:90px}.ez-time-line-time-cover-fold-img:before{background-color:var(--ez-time-line-cover-fold-overlay,rgba(0,0,0,.3));content:"";height:50px;left:0;position:absolute;top:0;width:90px;z-index:1}.ez-time-line-time-cover-fold-len{font-size:12px;font-size:11px;left:2px;position:absolute;top:2px;z-index:2}.ez-time-line-time-cover-fold-time{font-size:12px;font-size:11px;position:absolute;right:2px;top:2px;z-index:2}.ez-time-line-time-cover-fold-pause{bottom:2px;color:#fff;display:inline-flex;font-size:20px;position:absolute;right:0;z-index:2}.ez-time-line-cover-fold-placeholder{display:flex;height:60px;justify-content:center;position:absolute;width:90px}.ez-time-line-cover-fold-placeholder:after,.ez-time-line-cover-fold-placeholder:before{border-radius:6px;content:"";position:absolute}.ez-time-line-cover-fold-placeholder:before{background-color:var(--ez-time-line-cover-fold-placeholder-front,#ededed);height:30px;top:0;width:70px}.ez-time-line-cover-fold-placeholder:after{background-color:var(--ez-time-line-cover-fold-placeholder-back,#ccc);height:40px;top:5px;width:80px}.ez-time-line-item-cover-placeholder{align-items:center;background:linear-gradient(180deg,var(--ez-time-line-item-cover-placeholder-start,#b7c3cf),var(--ez-time-line-item-cover-placeholder-end,#d4d1d1) 100%);color:#fff;display:flex;font-size:20px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.ez-time-line-op{position:absolute;right:10%;top:50%;transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none}.ez-time-line-op-wrapper{display:inline-flex;flex-direction:column}.ez-time-line-icon-plus{margin-bottom:40px}.ez-time-line-icon-minus:not(.ez-time-line-disabled),.ez-time-line-icon-plus:not(.ez-time-line-disabled){align-items:center;border:1px solid var(--ez-time-line-op-btn-border,#999);border-radius:8px;box-sizing:border-box;color:#2c2c2c;cursor:pointer;display:inline-flex;font-size:16px;height:30px;justify-content:center;padding:7px;transition:color .3s ease,border-color .3s ease;width:30px}.ez-time-line-icon-minus:not(.ez-time-line-disabled):active,.ez-time-line-icon-plus:not(.ez-time-line-disabled):active{border-color:var(--ez-time-line-op-btn-active,#369fff);color:var(--ez-time-line-op-btn-active,#369fff)}.ez-time-line-disabled{border-color:var(--ez-time-line-op-btn-disabled-border,#dedede)!important;cursor:not-allowed!important}.ez-time-line-picker.epicker.epicker-mobile .epicker-body{align-items:normal;background-color:#fff;height:550px;max-height:70%}.ez-time-line-picker-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.ez-time-line-picker-header{color:var(--ez-time-line-picker-header,#2c2c2c);display:flex;font-size:18px;font-weight:500;height:65px;letter-spacing:0;line-height:45px;padding:10px 70px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ez-time-line-picker-close,.ez-time-line-picker-header{align-items:center;box-sizing:border-box;justify-content:center}.ez-time-line-picker-close{color:var(--ez-time-line-picker-close,#20262c);cursor:pointer;display:inline-flex;font-size:24px;height:24px;left:15px;position:absolute;top:20px;transition:color .3s ease;width:24px}.ez-time-line-picker-close:active{color:var(--ez-time-line-picker-close-active,#f05757)}.ez-time-line-picker-content{box-sizing:border-box;flex:1 1 auto;overflow-x:hidden;overflow-y:auto}.ez-time-line-picker-item{margin-bottom:20px;padding-left:10px;padding-right:10px}.ez-time-line-picker-item-title{color:var(--ez-time-line-picker-item-title,#666);font-size:14px;font-weight:400;letter-spacing:0;line-height:20px;margin-bottom:10px;padding-left:1.5%}.ez-time-line-picker-item-list{display:flex;flex-wrap:wrap}.ez-time-line-picker-item-content{background-color:#ddd;border-radius:8px;display:flex;margin:0 1.5% 10px;overflow:hidden;padding-top:18.769%;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:30.333%}.ez-time-line-picker-item-content:before{background-color:rgba(0,0,0,.3);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.ez-time-line-picker-item-time{left:5px}.ez-time-line-picker-item-duration,.ez-time-line-picker-item-time{color:#fff;font-size:12px;font-size:11px;font-weight:400;letter-spacing:0;line-height:13px;position:absolute;top:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2}.ez-time-line-picker-item-duration{right:5px}.ez-time-line-picker-item-cover{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:0}.ez-time-line-picker .ez-time-line-item-cover-placeholder{font-size:30px;z-index:1}.ez-time-line-hover-tip{background-color:var(--ez-time-line-hover-tip-bg,rgba(0,0,0,.75));border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.25);box-sizing:border-box;color:var(--ez-time-line-hover-tip-color,#fff);display:none;font-size:12px;left:0;line-height:18px;opacity:0;padding:2px 8px;pointer-events:none;position:absolute;top:0;transition:opacity .12s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;z-index:25}
|
|
10
10
|
.ez-ptz-container{background:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.8);border-radius:100%;box-shadow:0 0 33px 4px rgba(0,0,0,.15);cursor:pointer;font-size:14px;height:80px;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:80px}.ez-ptz-icon{display:inline-block;height:0;position:absolute;width:0}.ez-ptz-icon.ez-ptz-icon-icon-active{border-bottom-color:#407aff}.ez-ptz-direction-top{border-bottom:8px solid #999;top:2px}.ez-ptz-direction-bottom,.ez-ptz-direction-top{border-left:4px solid transparent;border-right:4px solid transparent;left:calc(50% - 4px)}.ez-ptz-direction-bottom{border-top:8px solid #999;bottom:2px}.ez-ptz-direction-right{border-left:8px solid #999;right:2px}.ez-ptz-direction-left,.ez-ptz-direction-right{border-bottom:4px solid transparent;border-top:4px solid transparent;top:calc(50% - 4px)}.ez-ptz-direction-left{border-right:8px solid #999;left:2px}.ez-ptz-direction-top-left{top:calc(25% - 4px)}.ez-ptz-direction-left-bottom,.ez-ptz-direction-top-left{background:#999;border-radius:50%;height:4px;left:16px;width:4px}.ez-ptz-direction-left-bottom{bottom:calc(25% - 4px)}.ez-ptz-direction-bottom-right{bottom:calc(25% - 4px)}.ez-ptz-direction-bottom-right,.ez-ptz-direction-right-top{background:#999;border-radius:50%;height:4px;right:16px;width:4px}.ez-ptz-direction-right-top{top:calc(25% - 4px)}.ez-ptz-direction-center{background:#407aff;border-radius:100%;height:23px;left:calc(50% - 12.4px);position:absolute;top:calc(50% - 12.4px);width:23px}.ez-ptz-container-wrap{align-items:center;box-sizing:content-box!important;display:flex;flex-direction:column;justify-content:center;width:100%}.ez-ptz-speed-container{width:100%}.ez-ptz-speed-progress-line{background:#fff;display:flex;height:1px;justify-content:space-between;margin:16px 0 8px}.ez-ptz-speed-progress-line-dot{background:#fff;border:2px solid #fff;border-radius:50%;cursor:pointer;height:9px;margin:-3px 0;width:9px}.ez-ptz-speed-progress-line-dot.ez-ptz-speed-active{border-color:#407aff}.ez-ptz-speed-progress-points{display:flex;justify-content:space-between}.ez-ptz-speed-progress-points-fast,.ez-ptz-speed-progress-points-mid,.ez-ptz-speed-progress-points-slow{color:#fff;cursor:pointer}.ez-ptz-btn-container{display:flex;justify-content:space-between;margin-top:14px;width:100%}.ez-ptz-btn-focal,.ez-ptz-btn-zoom{border:1px solid hsla(0,0%,100%,.5);border-radius:10px;box-sizing:content-box;display:flex;height:20px;padding-bottom:0}.ez-ptz-btn-focal-add,.ez-ptz-btn-focal-sub,.ez-ptz-btn-zoom-add,.ez-ptz-btn-zoom-sub{cursor:pointer;height:20px;text-align:center}.ez-ptz-btn-focal-add,.ez-ptz-btn-zoom-add{border-right:1px solid hsla(0,0%,100%,.5)}.ez-mobile-ptz{box-sizing:border-box}.ez-mobile-ptz-content{align-items:center;display:flex;justify-content:center}.ez-mobile-ptz-wrap{background-image:linear-gradient(180deg,#f6f8ff,hsla(0,0%,93%,.42) 50%);border-radius:100%;box-sizing:border-box;display:inline-block;overflow:hidden;padding:24px}.ez-mobile-ptz-container{background:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.8);border-radius:100%;box-sizing:border-box;cursor:pointer;height:260px;margin:auto;overflow:hidden;position:relative;width:260px}.ez-mobile-ptz-center{background:#fff;border:2px solid #eee;border-radius:100%;cursor:pointer;height:52px;left:calc(50% - 26px);position:absolute;top:calc(50% - 26px);width:52px}.ez-mobile-ptz-top{border-bottom:6px solid #aaa;border-left:6px solid transparent;border-right:6px solid transparent;cursor:pointer;display:inline-block;height:0;left:calc(50% - 6px);position:absolute;top:10px;width:0}.ez-mobile-ptz-top.ez-mobile-ptz-active{border-bottom-color:#1890ff}.ez-mobile-ptz-left{border-bottom:6px solid transparent;border-right:6px solid #aaa;border-top:6px solid transparent;cursor:pointer;display:inline-block;height:0;left:10px;position:absolute;top:calc(50% - 6px);width:0}.ez-mobile-ptz-left.ez-mobile-ptz-active{border-right-color:#1890ff}.ez-mobile-ptz-bottom{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #aaa;bottom:10px;display:inline-block;height:0;left:calc(50% - 6px);position:absolute;width:0}.ez-mobile-ptz-bottom.ez-mobile-ptz-active{border-top-color:#1890ff}.ez-mobile-ptz-right{border-bottom:6px solid transparent;border-left:6px solid #aaa;border-top:6px solid transparent;display:inline-block;height:0;position:absolute;right:10px;top:calc(50% - 6px);width:0}.ez-mobile-ptz-right.ez-mobile-ptz-active{border-left-color:#1890ff}
|
|
11
|
-
:root{--edate-header-height:34px;--edate-footer-height:
|
|
12
|
-
.epicker-mobile .edate-mobile{--edate-hover-bg-color:transparent}.edate-container{background-color
|
|
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
|
|
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
|
|
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
|
|
11
|
+
:root{--edate-header-height:34px;--edate-footer-height:36px;--edate-font-size:14px;--edate-min-width:246px;--edate-border-radius:2px;--edate-bg-color:#fff;--edate-default-color:rgba(0,0,0,.88);--edate-primary-color:#648ffc;--edate-on-primary-color:#fff;--edate-out-view-color:rgba(0,0,0,.25);--edate-hover-color:var(--edate-default-color,rgba(0,0,0,.88));--edate-hover-bg-color:rgba(0,0,0,.04);--edate-active-color:var(--edate-default-color,rgba(0,0,0,.88));--edate-active-bg-color:#e6f4ff;--edate-disabled-color:rgba(0,0,0,.25);--edate-disabled-bg-color:rgba(0,0,0,.04);--edate-disabled-active-bg-color:rgba(0,0,0,.25);--edate-border-color:rgba(5,5,5,.06);--edate-btn-border-color:#d9d9d9;--edate-close-color:#f05757;--edate-arrow-color:rgba(0,0,0,.45);--edate-calendar-border-radius:50%;--edate-calendar-cell-width:26px;--edate-calendar-cell-height:26px;--edate-calendar-weekday-height:30px;--edate-badge-color:var(--edate-primary-color,#648ffc);--edate-badge-size:3px;--edate-month-cell-height:52px;--edate-month-cell-inner-min-width:22px;--edate-month-cell-inner-height:22px;--edate-year-cell-height:52px;--edate-year-cell-inner-min-width:22px;--edate-year-cell-inner-height:22px;--edate-time-column-height:208px;--edate-time-cell-height:30px;--edate-arrow-hover-color:var(--edate-default-color,rgba(0,0,0,.88))}
|
|
12
|
+
.epicker-mobile .edate-mobile{--edate-hover-bg-color:transparent}.edate-container{background-color:var(--edate-bg-color,#fff);box-sizing:border-box;display:flex;font-size:var(--edate-font-size,14px);max-height:80%;min-width:var(--edate-min-width,246px);text-align:center;width:100%}.edate-container *{border:none;box-sizing:border-box;margin:0;outline:none;padding:0;-webkit-tap-highlight-color:transparent}.edate-container li,.edate-container ul{border:0;box-sizing:border-box;list-style:none;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.edate-container table,.edate-container tbody,.edate-container td,.edate-container th,.edate-container thead,.edate-container tr{border:0;border-color:transparent;border-spacing:0;box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.edate-container table:active,.edate-container table:focus,.edate-container table:focus-visible,.edate-container tbody:active,.edate-container tbody:focus,.edate-container tbody:focus-visible,.edate-container td:active,.edate-container td:focus,.edate-container td:focus-visible,.edate-container th:active,.edate-container th:focus,.edate-container th:focus-visible,.edate-container thead:active,.edate-container thead:focus,.edate-container thead:focus-visible,.edate-container tr:active,.edate-container tr:focus,.edate-container tr:focus-visible{background-color:transparent}.edate-container table{height:100%}.edate-panel{display:flex;flex-direction:column;width:100%}.edate-header{align-items:center;border-bottom:1px solid var(--edate-border-color,rgba(5,5,5,.06));box-sizing:border-box;color:var(--edate-default-color,rgba(0,0,0,.88));display:flex;font-weight:600;height:var(--edate-header-height,34px);justify-content:space-between;line-height:var(--edate-header-height,34px);padding:2px 15px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.edate-header-view{text-align:center;width:40%}.edate-header-title-hover{cursor:pointer;transition:color .2s ease-in-out}.edate-header-title-hover:hover{color:var(--edate-primary-color,#1677ff)}.edate-next-btns,.edate-prev-btns{display:inline-flex;height:var(--edate-header-height,34px);line-height:var(--edate-header-height,34px)}.edate-next-btn,.edate-prev-btn,.edate-super-next-btn,.edate-super-prev-btn{align-items:center;background:0 0;border:0;box-sizing:border-box;color:var(--edate-arrow-color,rgba(0,0,0,.45));cursor:pointer;display:inline-flex;font-size:var(--edate-font-size,14px);height:100%;justify-content:center;line-height:var(--edate-header-height,34px);min-width:1.6em;padding:0;transition:color .2s}.edate-next-btn:not(.edate-disabled):active,.edate-prev-btn:not(.edate-disabled):active,.edate-super-next-btn:not(.edate-disabled):active,.edate-super-prev-btn:not(.edate-disabled):active{color:var(--edate-arrow-hover-color,rgba(0,0,0,.88))}.edate-next-icon,.edate-prev-icon,.edate-super-next-icon,.edate-super-prev-icon{display:inline-flex;height:6px;position:relative;transform:rotate(-45deg);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:6px}.edate-next-icon:before,.edate-prev-icon:before,.edate-super-next-icon:before,.edate-super-prev-icon:before{inset-inline-start:0;top:0}.edate-next-icon:before,.edate-prev-icon:before,.edate-super-next-icon:after,.edate-super-next-icon:before,.edate-super-prev-icon:after,.edate-super-prev-icon:before{border:0 solid;border-block-end-width:0;border-block-start-width:1.5px;border-inline-end-width:0;border-inline-start-width:1.5px;content:"";display:inline-block;height:6px;position:absolute;width:6px}.edate-super-next-icon:after,.edate-super-prev-icon:after{left:-4px;top:-4px}.edate-next-icon,.edate-super-next-icon{transform:rotate(135deg)}.edate-footer{align-items:center;border-top:1px solid var(--edate-border-color,rgba(5,5,5,.06));box-sizing:border-box;display:flex;font-size:12px;height:var(--edate-footer-height,36px);justify-content:flex-end;padding:6px 8px}.edate-footer .edate-btn+.edate-btn{margin-left:7px}.edate-btn-text,.edate-cancel,.edate-now,.edate-today{color:var(--edate-primary-color,#1677ff);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.edate-btn-text:not(.edate-disabled):active,.edate-cancel:not(.edate-disabled):active,.edate-now:not(.edate-disabled):active,.edate-today:not(.edate-disabled):active{opacity:.75}.edate-close-btn{align-items:center;cursor:pointer;font-size:24px}.edate-close-btn,.edate-close-btn .edate-close-icon{display:inline-flex}.edate-close-btn:active{color:var(--edate-close-color,#f05757)}.edate-btn-text{padding:2px 4px}.edate-btn-text.edate-disabled{color:var(--edate-disabled-color,rgba(0,0,0,.25))!important}.edate-btn{background-image:none;background:transparent;border:1px solid var(--edate-btn-border-color,#d9d9d9);border-radius:var(--edate-border-radius,2px);color:var(--edate-default-color,#262626);cursor:pointer;display:inline-block;font-size:12px;font-weight:400;height:24px;line-height:23px;min-width:32px;outline:none;padding:0 5px;position:relative;text-align:center;touch-action:manipulation;transition:all .2s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.edate-btn.edate-disabled{background-color:var(--edate-disabled-bg-color,rgba(0,0,0,.04))!important;border-color:var(--edate-disabled-color,rgba(0,0,0,.25))!important;color:var(--edate-disabled-color,rgba(0,0,0,.25))!important;cursor:not-allowed!important}.edate-btn-primary{background-color:var(--edate-primary-color,#1677ff);border-color:var(--edate-primary-color,#1677ff);color:var(--edate-on-primary-color,#fff)}.edate-btn-primary:not(.edate-disabled):active{opacity:.75}.edate-disabled{cursor:not-allowed!important}.edate-disabled:before{background-color:var(--edate-disabled-bg-color,rgba(0,0,0,.04))!important}.edate-disabled:before,.edate-disabled>*{color:var(--edate-disabled-color,rgba(0,0,0,.25))!important;cursor:not-allowed!important}.edate-picker-date .emonth-container,.edate-picker-date .eyear-container,.edate-picker-month .ecalendar-container,.edate-picker-month .eyear-container,.edate-picker-year .ecalendar-container,.edate-picker-year .emonth-container{display:none}.edate-picker{border-radius:2px;overflow:hidden}.edate-picker .edate-panel{border:none}.epicker-mobile.edate-picker .epicker-body{background-color:var(--edate-bg-color,#fff);border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden;padding-bottom:15px}.epicker-mobile.edate-picker .epicker-body .edate-header{border-bottom:none;height:44px}
|
|
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:var(--edate-calendar-weekday-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:var(--edate-out-view-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:var(--edate-on-primary-color,#fff)}.ecalendar-cell-in-view.ecalendar-cell-selected:not(.edate-disabled) .ecalendar-badge{background-color:var(--edate-on-primary-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-badge-color,#1677ff);border-radius:50%;height:var(--edate-badge-size,3px);left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(8px);width:var(--edate-badge-size,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
|
+
.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:var(--edate-month-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:var(--edate-out-view-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:var(--edate-month-cell-inner-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:var(--edate-on-primary-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:var(--edate-month-cell-inner-height,22px);line-height:var(--edate-month-cell-inner-height,22px);min-width:var(--edate-month-cell-inner-min-width,22px);position:relative;transition:background .2s,border .2s;z-index:2}
|
|
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:var(--edate-year-cell-height,52px)}.eyear-panel .eyear-cell-inner{padding:0 8px}.eyear-body{padding:0 10px}.eyear-cell{box-sizing:border-box;color:var(--edate-out-view-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:var(--edate-year-cell-inner-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:var(--edate-on-primary-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(--edate-border-radius,2px);display:inline-block;height:var(--edate-year-cell-inner-height,22px);line-height:var(--edate-year-cell-inner-height,22px);min-width:var(--edate-year-cell-inner-min-width,22px);position:relative;transition:background .2s,border .2s;z-index:2}
|
|
16
|
+
.epicker-mobile .etime-container{padding-bottom:env(safe-area-inset-bottom)}.etime-container{max-height:unset;min-width:unset}.etime-panel{border:1px solid var(--edate-border-color,rgba(5,5,5,.06));display:flex;flex-direction:column}.etime-body{display:flex;flex-direction:row;width:100%}.etime-header{justify-content:center}.etime-column{border-inline-start:1px solid var(--edate-border-color,rgba(5,5,5,.06));box-sizing:border-box;flex:1 1 33.33333%;overflow:hidden;position:relative;touch-action:none;width:33.33333%;-webkit-tap-highlight-color:transparent}.etime-column:first-child{border-inline-start:0}.etime-track{backface-visibility:hidden;-webkit-backface-visibility:hidden;list-style:none;margin:1px 0;padding:0;transform:translateY(0);will-change:transform}.etime-track li{box-sizing:border-box;margin:0;padding:0;width:100%}.etime-cell{position:relative}.etime-cell:before{border-radius:4px;content:"";cursor:pointer;height:100%;position:absolute;width:100%;z-index:-1}.etime-cell .etime-cell-inner{box-sizing:border-box;color:var(--edate-default-color,rgba(0,0,0,.88));cursor:pointer;display:inline-block;margin:0;padding-left:4px;padding-right:4px;transition:background .2s;width:100%}.etime-cell-selected:not(.edate-disabled) div{background-color:var(--edate-active-bg-color,#f0f7ff);color:var(--edate-active-color,rgba(0,0,0,.88))}.etime-cell-selected.edate-disabled div{background-color:var(--edate-disabled-bg-color,rgba(0,0,0,.04))}.etime-cell:not(.edate-disabled) .etime-cell-inner:hover{background-color:var(--edate-hover-bg-color,rgba(0,0,0,.04));color:var(--edate-hover-color,rgba(0,0,0,.88))}.etime-picker{border-radius:2px;overflow:hidden}.etime-picker .etime-panel{border:none}.etime-picker .etime-container{width:160px}
|
|
16
17
|
.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
18
|
.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
19
|
.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)}
|
|
@@ -27,6 +28,9 @@ body.ezplayer-body-mobile-noscroll{background-color:#000!important;height:100vh;
|
|
|
27
28
|
.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
29
|
.ezplayer-control-broadcast.ezplayer-active .ezplayer-icon-record-circle{color:var(--ezplayer-active-color,#407aff)}
|
|
29
30
|
.ezplayer-control-aichat.ezplayer-active .ezplayer-icon-aichat{color:var(--ezplayer-active-color,#407aff)}
|
|
31
|
+
.ezplayer-control-live .ezplayer-live-btn{cursor:pointer;font-size:14px;line-height:20px;padding:2px 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ezplayer-control-live.ezplayer-active .ezplayer-live-btn{color:var(--ezplayer-active-color,#407aff)}
|
|
32
|
+
.ezplayer-control-rec-dropdown .ezplayer-rec-dropdown-btn{cursor:pointer;font-size:14px;line-height:20px;padding:2px 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ezplayer-control-rec-dropdown.ezplayer-active .ezplayer-rec-dropdown-btn{color:var(--ezplayer-active-color,#407aff)}.ezplayer-rec-dropdown-picker .ezplayer-rec-dropdown-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);padding:8px 0}.ezplayer-rec-dropdown-picker .ezplayer-rec-dropdown-list{list-style:none;margin:0;padding:0}.ezplayer-rec-dropdown-picker .ezplayer-rec-dropdown-item{cursor:pointer;font-size:14px;line-height:20px;padding:6px 20px;transition:color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ezplayer-rec-dropdown-picker .ezplayer-rec-dropdown-item.ezplayer-active,.ezplayer-rec-dropdown-picker .ezplayer-rec-dropdown-item:hover{color:var(--ezplayer-active-color,#407aff)}
|
|
33
|
+
.ezplayer-control-alarm-message .ezplayer-alarm-message-btn{cursor:pointer;font-size:14px;line-height:20px;padding:2px 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ezplayer-mobile-extend .ezplayer-control-alarm-message{align-items:center;background-color:#f4f6fc;border:1px solid #ededed;border-radius:50%;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:18px;height:30px;justify-content:center;margin-left:8px;width:30px}
|
|
30
34
|
.ezplayer-record-timer{align-items:center;background-color:#ff4c5c;border-radius:24px;color:#fff;display:inline-flex;flex-direction:row;left:50%;padding:2px 6px;position:absolute;top:60px;transform:translateX(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:3}.ezplayer-record-timer .ezplayer-icon-record-circle{font-size:14px}.ezplayer-record-timer-time{font-weight:400;letter-spacing:1px;line-height:20px;margin-left:2px}
|
|
31
35
|
.ezplayer-select-definition .ezplayer-select-panel{width:100px}.ezplayer-control-definition .ezplayer-select-btn{width:75px}
|
|
32
36
|
|
|
@@ -34,5 +38,6 @@ body.ezplayer-body-mobile-noscroll{background-color:#000!important;height:100vh;
|
|
|
34
38
|
.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)}
|
|
35
39
|
.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}
|
|
36
40
|
|
|
37
|
-
.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}
|
|
38
|
-
.ezplayer-control-time
|
|
41
|
+
.ezplayer-control-date .ezplayer-icon-date:hover{color:var(--ezplayer-primary-color,#407aff)}.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}
|
|
42
|
+
.ezplayer-control-time .ezplayer-icon-time:hover{color:var(--ezplayer-primary-color,#407aff)}
|
|
43
|
+
.ezplayer-control-time-line{position:relative}.ezplayer-control-time-line .ezplayer-time-line-zoom{background-color:#000;bottom:0;display:inline-flex;flex-direction:column;justify-content:space-between;padding-bottom:2px;padding-left:10px;padding-top:2px;position:absolute;right:0;top:0}.ezplayer-control-time-line .ezplayer-time-line-zoom-add,.ezplayer-control-time-line .ezplayer-time-line-zoom-sub{align-items:center;background-color:#333;color:var(--ezplayer-default-color,#fff);cursor:pointer;display:inline-flex;height:20px;justify-content:center;overflow:hidden;right:0;transition:color .3s ease;width:14px}.ezplayer-control-time-line .ezplayer-icon-add,.ezplayer-control-time-line .ezplayer-icon-reduce{font-size:14px;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-zoom-add{border-top-left-radius:2px;border-top-right-radius:2px}.ezplayer-control-time-line .ezplayer-time-line-zoom-sub{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.ezplayer-mobile-extend .ezplayer-control-time-line{display:block;height:300px;margin-top:10px;padding-right:0}
|
package/dist/style.js
CHANGED
package/dist/types/index.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ import { LoggerCls, LoggerOptions } from '@ezuikit/utils-logger';
|
|
|
5
5
|
import { BasePtzOptions } from '@ezuikit/control-ptz';
|
|
6
6
|
import Zoom from '@ezuikit/control-zoom';
|
|
7
7
|
import { TimeLineTimeSection } from '@ezuikit/control-time-line';
|
|
8
|
+
import { TimePickerOptions } from '@ezuikit/control-date-picker';
|
|
8
9
|
|
|
9
10
|
/** 填充模式 */
|
|
10
11
|
declare const THEME_SCALE_MODE_TYPE: {
|
|
@@ -91,6 +92,12 @@ declare const EVENTS: {
|
|
|
91
92
|
readonly broadcastChange: "broadcastChange";
|
|
92
93
|
/** AI对话框状态变化 */
|
|
93
94
|
readonly aichatChange: "aichatChange";
|
|
95
|
+
/** 直播模式切换 */
|
|
96
|
+
readonly liveChange: "liveChange";
|
|
97
|
+
/** 回放下拉选择变化 */
|
|
98
|
+
readonly recDropdownChange: "recDropdownChange";
|
|
99
|
+
/** 告警消息面板状态变化 */
|
|
100
|
+
readonly alarmMessageChange: "alarmMessageChange";
|
|
94
101
|
/** 动态切换日志配置 */
|
|
95
102
|
readonly setLoggerOptions: "setLoggerOptions";
|
|
96
103
|
readonly records: "records";
|
|
@@ -173,6 +180,18 @@ declare const EVENTS: {
|
|
|
173
180
|
readonly aichatChange: "Control.aichatChange";
|
|
174
181
|
/** AI对话框控件销毁 */
|
|
175
182
|
readonly aichatDestroy: "Control.aichatDestroy";
|
|
183
|
+
/** 直播按钮点击 */
|
|
184
|
+
readonly liveChange: "Control.liveChange";
|
|
185
|
+
/** 直播控件销毁 */
|
|
186
|
+
readonly liveDestroy: "Control.liveDestroy";
|
|
187
|
+
/** 回放下拉选择变化 */
|
|
188
|
+
readonly recDropdownChange: "Control.recDropdownChange";
|
|
189
|
+
/** 回放下拉控件销毁 */
|
|
190
|
+
readonly recDropdownDestroy: "Control.recDropdownDestroy";
|
|
191
|
+
/** 告警消息面板开关 */
|
|
192
|
+
readonly alarmMessageChange: "Control.alarmMessageChange";
|
|
193
|
+
/** 告警消息面板销毁 */
|
|
194
|
+
readonly alarmMessageDestroy: "Control.alarmMessageDestroy";
|
|
176
195
|
/** 缩放比例改变 */
|
|
177
196
|
readonly zoomChange: "Control.zoomChange";
|
|
178
197
|
/** 音量调节面板 展示隐藏变换 */
|
|
@@ -191,6 +210,10 @@ declare const EVENTS: {
|
|
|
191
210
|
readonly dateMonthChange: "Control.dateMonthChange";
|
|
192
211
|
/** 日期销毁 */
|
|
193
212
|
readonly dateDestroy: "Control.datePanelDestroy";
|
|
213
|
+
/** 时间面板展示隐藏变换 */
|
|
214
|
+
readonly timePanelOpenChange: "Control.timePanelOpenChange";
|
|
215
|
+
/** 时间改变 */
|
|
216
|
+
readonly timeChange: "Control.timeChange";
|
|
194
217
|
/** 时间轴拖动结束 */
|
|
195
218
|
readonly timeLineChange: "Control.timeLineChange";
|
|
196
219
|
/** 时间轴图片列表面板 */
|
|
@@ -950,6 +973,12 @@ type ControlType =
|
|
|
950
973
|
| 'broadcast'
|
|
951
974
|
/** AI对话 */
|
|
952
975
|
| 'aiChat'
|
|
976
|
+
/** 直播按钮 */
|
|
977
|
+
| 'live'
|
|
978
|
+
/** 回放下拉 */
|
|
979
|
+
| 'recDropdown'
|
|
980
|
+
/** 告警消息 */
|
|
981
|
+
| 'alarmMessage'
|
|
953
982
|
/** 电子放大 */
|
|
954
983
|
| 'zoom'
|
|
955
984
|
/** 清晰度， 兼容 hd */
|
|
@@ -962,6 +991,8 @@ type ControlType =
|
|
|
962
991
|
| 'speed'
|
|
963
992
|
/** 日期选择 */
|
|
964
993
|
| 'date'
|
|
994
|
+
/** 时间选择 */
|
|
995
|
+
| 'time'
|
|
965
996
|
/** 时间轴 */
|
|
966
997
|
| 'timeLine';
|
|
967
998
|
type MergeControlType =
|
|
@@ -1284,12 +1315,15 @@ declare class MobileExtend extends EventEmitter {
|
|
|
1284
1315
|
|
|
1285
1316
|
interface RecFooterOptions {
|
|
1286
1317
|
hasDatePicker?: boolean;
|
|
1318
|
+
hasTimePicker?: boolean;
|
|
1287
1319
|
}
|
|
1288
1320
|
declare class RecFooter extends EventEmitter {
|
|
1289
1321
|
$container: HTMLElement;
|
|
1290
1322
|
$popupContainer: HTMLElement;
|
|
1291
1323
|
$timeLineContainer: HTMLElement;
|
|
1324
|
+
$rightContainer: HTMLElement;
|
|
1292
1325
|
$datePickerContainer: HTMLElement;
|
|
1326
|
+
$timePickerContainer: HTMLElement;
|
|
1293
1327
|
options: RecFooterOptions;
|
|
1294
1328
|
constructor(container: HTMLElement, options?: RecFooterOptions);
|
|
1295
1329
|
destroy(): void;
|
|
@@ -1442,6 +1476,9 @@ declare class Theme extends EventEmitter {
|
|
|
1442
1476
|
readonly talkVolumeChange: "talkVolumeChange";
|
|
1443
1477
|
readonly broadcastChange: "broadcastChange";
|
|
1444
1478
|
readonly aichatChange: "aichatChange";
|
|
1479
|
+
readonly liveChange: "liveChange";
|
|
1480
|
+
readonly recDropdownChange: "recDropdownChange";
|
|
1481
|
+
readonly alarmMessageChange: "alarmMessageChange";
|
|
1445
1482
|
readonly setLoggerOptions: "setLoggerOptions";
|
|
1446
1483
|
readonly records: "records";
|
|
1447
1484
|
readonly ptzSpeedChange: "ptzSpeedChange";
|
|
@@ -1458,7 +1495,6 @@ declare class Theme extends EventEmitter {
|
|
|
1458
1495
|
readonly capturePictureDestroy: "Control.capturePictureDestroy";
|
|
1459
1496
|
readonly volumechange: "Control.volumechange";
|
|
1460
1497
|
readonly volumePanelOpenChange: "Control.volumePanelOpenChange";
|
|
1461
|
-
/** resizeObserver 监听销毁 */
|
|
1462
1498
|
readonly volumeDestroy: "Control.volumeDestroy";
|
|
1463
1499
|
readonly controlsBarOpenChange: "Control.controlsBarOpenChange";
|
|
1464
1500
|
readonly headerMoreShowControlsChange: "Control.headerMoreShowControlsChange";
|
|
@@ -1468,14 +1504,11 @@ declare class Theme extends EventEmitter {
|
|
|
1468
1504
|
readonly deviceDestroy: "Control.deviceDestroy";
|
|
1469
1505
|
readonly recTypeChange: "Control.recTypeChange";
|
|
1470
1506
|
readonly recDestroy: "Control.recDestroy";
|
|
1471
|
-
readonly definitionChange: "Control.definitionChange";
|
|
1507
|
+
readonly definitionChange: "Control.definitionChange";
|
|
1472
1508
|
readonly definitionList: "Control.definitionList";
|
|
1473
1509
|
readonly definitionPanelOpenChange: "Control.definitionPanelOpenChange";
|
|
1474
1510
|
readonly definitionDestroy: "Control.definitionDestroy";
|
|
1475
1511
|
readonly speedChange: "Control.speedChange";
|
|
1476
|
-
/**
|
|
1477
|
-
* 录像回放的月份列表 @private
|
|
1478
|
-
*/
|
|
1479
1512
|
readonly speedPanelOpenChange: "Control.speedPanelOpenChange";
|
|
1480
1513
|
readonly speedDestroy: "Control.speedDestroy";
|
|
1481
1514
|
readonly ptzPanelOpenChange: "Control.ptzPanelOpenChange";
|
|
@@ -1491,6 +1524,12 @@ declare class Theme extends EventEmitter {
|
|
|
1491
1524
|
readonly broadcastDestroy: "Control.broadcastDestroy";
|
|
1492
1525
|
readonly aichatChange: "Control.aichatChange";
|
|
1493
1526
|
readonly aichatDestroy: "Control.aichatDestroy";
|
|
1527
|
+
readonly liveChange: "Control.liveChange";
|
|
1528
|
+
readonly liveDestroy: "Control.liveDestroy";
|
|
1529
|
+
readonly recDropdownChange: "Control.recDropdownChange";
|
|
1530
|
+
readonly recDropdownDestroy: "Control.recDropdownDestroy";
|
|
1531
|
+
readonly alarmMessageChange: "Control.alarmMessageChange";
|
|
1532
|
+
readonly alarmMessageDestroy: "Control.alarmMessageDestroy";
|
|
1494
1533
|
readonly zoomChange: "Control.zoomChange";
|
|
1495
1534
|
readonly zoomPanelOpenChange: "Control.zoomPanelOpenChange";
|
|
1496
1535
|
readonly zoomDestroy: "Control.zoomDestroy";
|
|
@@ -1500,6 +1539,8 @@ declare class Theme extends EventEmitter {
|
|
|
1500
1539
|
readonly dateChange: "Control.dateChange";
|
|
1501
1540
|
readonly dateMonthChange: "Control.dateMonthChange";
|
|
1502
1541
|
readonly dateDestroy: "Control.datePanelDestroy";
|
|
1542
|
+
readonly timePanelOpenChange: "Control.timePanelOpenChange";
|
|
1543
|
+
readonly timeChange: "Control.timeChange";
|
|
1503
1544
|
readonly timeLineChange: "Control.timeLineChange";
|
|
1504
1545
|
readonly timeLinePanelOpenChange: "Control.timeLinePanelOpenChange";
|
|
1505
1546
|
readonly timeLineDestroy: "Control.timeLineDestroy";
|
|
@@ -1509,7 +1550,12 @@ declare class Theme extends EventEmitter {
|
|
|
1509
1550
|
readonly unmountedControls: "Control.unmountedControls";
|
|
1510
1551
|
readonly posterDestroy: "Control.posterDestroy";
|
|
1511
1552
|
readonly loadingDestroy: "Control.loadingDestroy";
|
|
1512
|
-
readonly messageDestroy: "Control.messageDestroy";
|
|
1553
|
+
readonly messageDestroy: "Control.messageDestroy"; /**
|
|
1554
|
+
* 容器的高(单位 px)
|
|
1555
|
+
* ```ts
|
|
1556
|
+
* theme.height // number
|
|
1557
|
+
* ```
|
|
1558
|
+
*/
|
|
1513
1559
|
readonly contentDestroy: "Control.contentDestroy";
|
|
1514
1560
|
readonly contentRerender: "Control.contentRerender";
|
|
1515
1561
|
};
|
|
@@ -1708,6 +1754,12 @@ declare class Theme extends EventEmitter {
|
|
|
1708
1754
|
BTN_TALK: string;
|
|
1709
1755
|
BTN_BROADCAST: string;
|
|
1710
1756
|
BTN_AICHAT: string;
|
|
1757
|
+
BTN_LIVE: string;
|
|
1758
|
+
BTN_REC_DROPDOWN: string;
|
|
1759
|
+
BTN_ALARM_MESSAGE: string;
|
|
1760
|
+
REC_DROPDOWN_CLOUD_REC: string;
|
|
1761
|
+
REC_DROPDOWN_CLOUD_RECORD: string;
|
|
1762
|
+
REC_DROPDOWN_LOCAL_REC: string;
|
|
1711
1763
|
BTN_ZOOM: string;
|
|
1712
1764
|
BTN_3D_ZOOM: string;
|
|
1713
1765
|
BTN_PTZ: string;
|
|
@@ -1717,17 +1769,19 @@ declare class Theme extends EventEmitter {
|
|
|
1717
1769
|
BTN_EXIR_FULLSCREEN: string;
|
|
1718
1770
|
BTN_HD: string;
|
|
1719
1771
|
BTN_SPEED: string;
|
|
1720
|
-
BTN_CLOUDREC: string;
|
|
1772
|
+
BTN_CLOUDREC: string;
|
|
1721
1773
|
BTN_CLOUDRECORD: string;
|
|
1722
1774
|
BTN_REC: string;
|
|
1723
1775
|
BTN_CALENDAR: string;
|
|
1776
|
+
/** resizeObserver 监听销毁 */
|
|
1777
|
+
BTN_TIME: string;
|
|
1724
1778
|
BTN_MORE: string;
|
|
1725
1779
|
DEVICE_NAME: string;
|
|
1726
1780
|
DEVICE_ID: string;
|
|
1727
1781
|
CAPTURE_SUCCESS: string;
|
|
1728
1782
|
CAPTURE_FAILED: string;
|
|
1729
1783
|
START_RECORD_SUCCESS: string;
|
|
1730
|
-
START_RECORD_FAILED: string;
|
|
1784
|
+
START_RECORD_FAILED: string; /** 容器的高 */
|
|
1731
1785
|
STOP_RECORD_SUCCESS: string;
|
|
1732
1786
|
STOP_RECORD_FAILED: string;
|
|
1733
1787
|
RECORD_TIPS: string;
|
|
@@ -1752,28 +1806,33 @@ declare class Theme extends EventEmitter {
|
|
|
1752
1806
|
CLOSE_3D_ZOOM: string;
|
|
1753
1807
|
DEVICE_NOT_SUPPORT_3D_ZOOM: string;
|
|
1754
1808
|
'3D_ZOOM_ACTIVED': string;
|
|
1755
|
-
'3D_ZOOM_NOT_ACTIVED': string;
|
|
1809
|
+
'3D_ZOOM_NOT_ACTIVED': string;
|
|
1756
1810
|
'3D_ZOOM_CLOSED': string;
|
|
1757
1811
|
CHANGE_ZOOM_TYPE: string;
|
|
1758
1812
|
FULLSCREEN: string;
|
|
1759
1813
|
FULLSCREEN_EXIT: string;
|
|
1760
1814
|
GET_WEB_FULLSCREEN_STATUS: string;
|
|
1815
|
+
/**
|
|
1816
|
+
* 录像回放的月份列表 @private
|
|
1817
|
+
*/
|
|
1761
1818
|
WEB_FULLSCREEN: string;
|
|
1762
1819
|
WEB_FULLSCREEN_EXIT: string;
|
|
1763
1820
|
DESTROY: string;
|
|
1764
1821
|
GET_CAPACITY: string;
|
|
1765
1822
|
GET_PTZ_STATUS: string;
|
|
1766
1823
|
GET_PTZ_STATUS_FAILED: string;
|
|
1824
|
+
/**
|
|
1825
|
+
* 录像回放的月份列表 @private
|
|
1826
|
+
*/
|
|
1767
1827
|
MOBILE_HIDE_PTZ: string;
|
|
1768
|
-
OPTION_PTZ_FAILED: string;
|
|
1828
|
+
OPTION_PTZ_FAILED: string; /**
|
|
1829
|
+
* 录像回放的月份列表 @private
|
|
1830
|
+
*/
|
|
1769
1831
|
MOBILE_PTZ_TIPS: string;
|
|
1770
1832
|
PTZ_FAST: string;
|
|
1771
1833
|
PTZ_MID: string;
|
|
1772
1834
|
PTZ_SLOW: string;
|
|
1773
1835
|
PTZ_SPEED: string;
|
|
1774
|
-
/**
|
|
1775
|
-
* 录像回放的月份列表 @private
|
|
1776
|
-
*/
|
|
1777
1836
|
DEVICE_ZOOM: string;
|
|
1778
1837
|
DEVICE_FOCUS: string;
|
|
1779
1838
|
NOT_SUPPORT_DEVICE_ZOOM: string;
|
|
@@ -1994,6 +2053,12 @@ declare class Theme extends EventEmitter {
|
|
|
1994
2053
|
BTN_TALK: string;
|
|
1995
2054
|
BTN_BROADCAST: string;
|
|
1996
2055
|
BTN_AICHAT: string;
|
|
2056
|
+
BTN_LIVE: string;
|
|
2057
|
+
BTN_REC_DROPDOWN: string;
|
|
2058
|
+
BTN_ALARM_MESSAGE: string;
|
|
2059
|
+
REC_DROPDOWN_CLOUD_REC: string;
|
|
2060
|
+
REC_DROPDOWN_CLOUD_RECORD: string;
|
|
2061
|
+
REC_DROPDOWN_LOCAL_REC: string;
|
|
1997
2062
|
BTN_ZOOM: string;
|
|
1998
2063
|
BTN_3D_ZOOM: string;
|
|
1999
2064
|
BTN_PTZ: string;
|
|
@@ -2009,6 +2074,7 @@ declare class Theme extends EventEmitter {
|
|
|
2009
2074
|
BTN_CLOUDRECORD: string;
|
|
2010
2075
|
BTN_REC: string;
|
|
2011
2076
|
BTN_CALENDAR: string;
|
|
2077
|
+
BTN_TIME: string;
|
|
2012
2078
|
BTN_MORE: string;
|
|
2013
2079
|
DEVICE_NAME: string;
|
|
2014
2080
|
DEVICE_ID: string;
|
|
@@ -2017,9 +2083,7 @@ declare class Theme extends EventEmitter {
|
|
|
2017
2083
|
START_RECORD_SUCCESS: string;
|
|
2018
2084
|
START_RECORD_FAILED: string;
|
|
2019
2085
|
STOP_RECORD_SUCCESS: string;
|
|
2020
|
-
STOP_RECORD_FAILED: string;
|
|
2021
|
-
* 是否在缩放中
|
|
2022
|
-
*/
|
|
2086
|
+
STOP_RECORD_FAILED: string;
|
|
2023
2087
|
RECORD_TIPS: string;
|
|
2024
2088
|
RECORDS: string;
|
|
2025
2089
|
OPEN_SOUND: string;
|
|
@@ -2031,16 +2095,7 @@ declare class Theme extends EventEmitter {
|
|
|
2031
2095
|
ZOOM_ADD: string;
|
|
2032
2096
|
ZOOM_SUB: string;
|
|
2033
2097
|
ZOOM_ADD_MAX: string;
|
|
2034
|
-
ZOOM_SUB_MIN: string;
|
|
2035
|
-
* 电子放大倍数， 仅 ezopen 支持
|
|
2036
|
-
* @since 0.0.1
|
|
2037
|
-
* @example
|
|
2038
|
-
* ```ts
|
|
2039
|
-
* theme.zoom // 放大倍数
|
|
2040
|
-
* // 事件监听
|
|
2041
|
-
* theme.on(Theme.EVENTS.zoom, (zoom: number) => {})
|
|
2042
|
-
* ```
|
|
2043
|
-
*/
|
|
2098
|
+
ZOOM_SUB_MIN: string;
|
|
2044
2099
|
ZOOM_LIMIT_MAX: string;
|
|
2045
2100
|
ZOOM_LIMIT_MIN: string;
|
|
2046
2101
|
ZOOM_NOT_ENABLED: string;
|
|
@@ -2572,6 +2627,13 @@ interface DeviceOptions extends Omit<ControlOptions, 'tagName'> {
|
|
|
2572
2627
|
deviceName?: string;
|
|
2573
2628
|
}
|
|
2574
2629
|
|
|
2630
|
+
/**
|
|
2631
|
+
* 时间选择器控件配置项
|
|
2632
|
+
*/
|
|
2633
|
+
interface TimePickerControlOptions extends Omit<ControlOptions, 'tagName'>, Partial<Omit<TimePickerOptions, 'locale' | 'locales'>> {
|
|
2634
|
+
onPanelChange?: (open: boolean, time: string) => void;
|
|
2635
|
+
}
|
|
2636
|
+
|
|
2575
2637
|
/**
|
|
2576
2638
|
* 主题配置项
|
|
2577
2639
|
*
|
|
@@ -2670,6 +2732,8 @@ interface ThemeOptions {
|
|
|
2670
2732
|
globalFullscreenOptions?: OmitControlOptions<GlobalFullscreenOptions>;
|
|
2671
2733
|
/** 日历控件配置 @since 0.0.1 */
|
|
2672
2734
|
dateOptions?: any;
|
|
2735
|
+
/** 时间控件配置 @since 3.0.3 */
|
|
2736
|
+
timeOptions?: OmitControlOptions<TimePickerControlOptions>;
|
|
2673
2737
|
/** 时间轴控件配置 @since 0.0.1 */
|
|
2674
2738
|
timeLineOptions?: any;
|
|
2675
2739
|
/** 初始化开始回调, 在内部可以添加事件(Control.beforeMountControls, Control.mountedControls)监听 @since 0.0.1 */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ezuikit/player-theme",
|
|
3
|
-
"version": "3.0
|
|
3
|
+
"version": "3.1.0-beta.1",
|
|
4
4
|
"description": "player theme",
|
|
5
5
|
"title": "theme",
|
|
6
6
|
"main": "dist/index.cjs",
|
|
@@ -42,8 +42,8 @@
|
|
|
42
42
|
"@ezuikit/utils-i18n": "2.0.1",
|
|
43
43
|
"@ezuikit/utils-logger": "2.0.1",
|
|
44
44
|
"@ezuikit/utils-tools": "2.0.3",
|
|
45
|
-
"@ezuikit/control-date-picker": "
|
|
46
|
-
"@ezuikit/control-time-line": "
|
|
45
|
+
"@ezuikit/control-date-picker": "2.1.0-beta.1",
|
|
46
|
+
"@ezuikit/control-time-line": "2.1.0-beta.2",
|
|
47
47
|
"@ezuikit/control-ptz": "^1.0.0-beta.5",
|
|
48
48
|
"@ezuikit/control-zoom": "^1.0.0-beta.3",
|
|
49
49
|
"@juggle/resize-observer": "^3.4.0",
|