@ezuikit/player-theme 2.0.1-beta.3 → 2.0.2-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/index.js +596 -106
- package/dist/index.mjs +597 -107
- package/dist/index.umd.js +575 -239
- package/dist/style.css +0 -1
- package/dist/style.js +2 -2
- package/dist/types/index.d.ts +43 -67
- package/package.json +3 -3
package/dist/style.css
CHANGED
|
@@ -26,6 +26,5 @@ body.ezplayer-body-mobile-noscroll{background-color:#000!important;height:100vh;
|
|
|
26
26
|
.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-bottom-right,.ez-ptz-direction-left-bottom{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}
|
|
27
27
|
.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}
|
|
28
28
|
|
|
29
|
-
.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-color:#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}.edate-container{background-color:#fff;box-sizing:border-box;display:flex;font-size:14px;max-height:80%;min-width:240px;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):hover,.edate-prev-btn:not(.edate-disabled):hover,.edate-super-next-btn:not(.edate-disabled):hover,.edate-super-prev-btn:not(.edate-disabled):hover{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{inset-inline-start:4px;top:4px}.edate-next-icon,.edate-super-next-icon{transform:rotate(135deg)}.edate-footer{align-items:center;border-bottom:1px solid var(--edate-border-color,rgba(5,5,5,.06));border-left:1px solid var(--edate-border-color,rgba(5,5,5,.06));border-right:1px solid var(--edate-border-color,rgba(5,5,5,.06));box-sizing:border-box;display:flex;height:var(--edate-footer-height,34px);justify-content:space-between;padding:4px 5px}.edate-btn-text,.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):hover,.edate-now:not(.edate-disabled):hover,.edate-today:not(.edate-disabled):hover{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 #d9d9d9;border-radius:2px;color:var(--edate-primary-color,#1677ff);cursor:pointer;display:inline-block;font-weight:400;height:20px;line-height:19px;min-width:32px;outline:none;padding:0 4px;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:#fff}.edate-btn-primary:not(.edate-disabled):hover{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}.epicker-mobile.edate-picker-container{border-radius:10px;overflow:hidden}.epicker-mobile.edate-picker-container .epicker-body{background-color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden;padding-bottom:15px}.epicker-mobile.edate-picker-container .epicker-body .edate-panel{border:none}.epicker-mobile.edate-picker-container .epicker-body .edate-header{border-bottom:none;height:44px}.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}.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: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}:root{--edate-header-height:34px;--edate-footer-height:var(--edate-header-height,34px);--edate-font-size:14px;--edate-default-color:rgba(0,0,0,.88);--edate-primary-color:#648ffc;--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-border-radius:2px;--edate-close-color:#f05757;--edate-calendar-border-radius:50%;--edate-calendar-cell-width:26px;--edate-calendar-cell-height:26px;--edate-badge-color:var(--edate-primary-color,#648ffc);--edate-arrow-color:rgba(0,0,0,.45);--edate-arrow-hover-color:var(--edate-default-color,rgba(0,0,0,.88))}.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: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}
|
|
30
29
|
.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}
|
|
31
30
|
.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
package/dist/types/index.d.ts
CHANGED
|
@@ -16,7 +16,7 @@ declare const THEME_SCALE_MODE_TYPE: {
|
|
|
16
16
|
/** 视频画面做等比缩放后,完全填充canvas区域,画面不被拉伸,没有黑边,但画面显示不全 */
|
|
17
17
|
readonly fullAuto: 2;
|
|
18
18
|
};
|
|
19
|
-
declare const THEME_PROPS: readonly ["width", "height", "playing", "volume", "muted", "loading", "recType", "isCurrentFullscreen", "orientationAngle", "zooming", "zoom", "recording", "recordList", "speed", "urlInfo", "videoLevelList", "videoLevel"
|
|
19
|
+
declare const THEME_PROPS: readonly ["width", "height", "playing", "volume", "muted", "loading", "recType", "isCurrentFullscreen", "orientationAngle", "zooming", "zoom", "recording", "recordList", "speed", "urlInfo", "videoLevelList", "videoLevel"];
|
|
20
20
|
|
|
21
21
|
/**
|
|
22
22
|
* 控件基类配置项
|
|
@@ -1196,8 +1196,8 @@ declare class Theme extends EventEmitter {
|
|
|
1196
1196
|
readonly zoomChange: "zoomChange";
|
|
1197
1197
|
readonly zoomingChange: "zoomingChange";
|
|
1198
1198
|
readonly zoomTranslateChange: "zoomTranslateChange";
|
|
1199
|
-
readonly audioInfo: "audioInfo";
|
|
1200
|
-
readonly videoInfo: "videoInfo";
|
|
1199
|
+
readonly audioInfo: "audioInfo"; /** 事件名称 @since 0.0.1 */
|
|
1200
|
+
readonly videoInfo: "videoInfo";
|
|
1201
1201
|
readonly firstFrameDisplay: "firstFrameDisplay";
|
|
1202
1202
|
readonly fullscreen: "fullscreen";
|
|
1203
1203
|
readonly exitFullscreen: "exitFullscreen";
|
|
@@ -1214,15 +1214,11 @@ declare class Theme extends EventEmitter {
|
|
|
1214
1214
|
readonly talkVolumeChange: "talkVolumeChange";
|
|
1215
1215
|
readonly setLoggerOptions: "setLoggerOptions";
|
|
1216
1216
|
readonly records: "records";
|
|
1217
|
-
readonly ptzSpeedChange: "ptzSpeedChange";
|
|
1218
|
-
* 更多控件(footer more)
|
|
1219
|
-
* @since 0.0.1
|
|
1220
|
-
* @private
|
|
1221
|
-
*/
|
|
1217
|
+
readonly ptzSpeedChange: "ptzSpeedChange";
|
|
1222
1218
|
readonly setVideoLevelList: "setVideoLevelList";
|
|
1223
1219
|
readonly currentVideoLevel: "currentVideoLevel";
|
|
1224
1220
|
readonly currentVideoLevelAuto: "currentVideoLevelAuto";
|
|
1225
|
-
readonly setAllDayRecTimes: "setAllDayRecTimes";
|
|
1221
|
+
readonly setAllDayRecTimes: "setAllDayRecTimes";
|
|
1226
1222
|
readonly getOSDTime: "getOSDTime";
|
|
1227
1223
|
readonly control: {
|
|
1228
1224
|
readonly play: "Control.play";
|
|
@@ -1237,8 +1233,8 @@ declare class Theme extends EventEmitter {
|
|
|
1237
1233
|
readonly headerMoreShowControlsChange: "Control.headerMoreShowControlsChange";
|
|
1238
1234
|
readonly headerMorePanelOpenChange: "Control.headerMorePanelOpenChange";
|
|
1239
1235
|
readonly footerMoreShowControlsChange: "Control.footerMoreShowControlsChange";
|
|
1240
|
-
readonly footerMorePanelOpenChange: "Control.footerMorePanelOpenChange";
|
|
1241
|
-
readonly deviceDestroy: "Control.deviceDestroy";
|
|
1236
|
+
readonly footerMorePanelOpenChange: "Control.footerMorePanelOpenChange"; /** 电子放大倍数 @private */
|
|
1237
|
+
readonly deviceDestroy: "Control.deviceDestroy";
|
|
1242
1238
|
readonly recTypeChange: "Control.recTypeChange";
|
|
1243
1239
|
readonly recDestroy: "Control.recDestroy";
|
|
1244
1240
|
readonly definitionChange: "Control.definitionChange";
|
|
@@ -1264,7 +1260,6 @@ declare class Theme extends EventEmitter {
|
|
|
1264
1260
|
readonly globalFullscreenDestroy: "Control.globalFullscreenDestroy";
|
|
1265
1261
|
readonly datePanelOpenChange: "Control.datePanelOpenChange";
|
|
1266
1262
|
readonly dateChange: "Control.dateChange";
|
|
1267
|
-
readonly dateMonthChange: "Control.dateMonthChange";
|
|
1268
1263
|
readonly dateDestroy: "Control.datePanelDestroy";
|
|
1269
1264
|
readonly timeLineChange: "Control.timeLineChange";
|
|
1270
1265
|
readonly timeLinePanelOpenChange: "Control.timeLinePanelOpenChange";
|
|
@@ -1378,7 +1373,7 @@ declare class Theme extends EventEmitter {
|
|
|
1378
1373
|
396517: string;
|
|
1379
1374
|
396518: string;
|
|
1380
1375
|
396519: string;
|
|
1381
|
-
396520: string;
|
|
1376
|
+
396520: string;
|
|
1382
1377
|
396700: string;
|
|
1383
1378
|
396701: string;
|
|
1384
1379
|
397001: string;
|
|
@@ -1421,7 +1416,7 @@ declare class Theme extends EventEmitter {
|
|
|
1421
1416
|
USE_MULTITHREADING_WARING: string;
|
|
1422
1417
|
OPEN_INSTRUCTIONS: string;
|
|
1423
1418
|
INIT_FINSHED: string;
|
|
1424
|
-
INIT_SUCCESS: string;
|
|
1419
|
+
INIT_SUCCESS: string;
|
|
1425
1420
|
GET_PLAYURL_FAILED: string;
|
|
1426
1421
|
VIDEO_LOADING: string;
|
|
1427
1422
|
DISCONNECT: string;
|
|
@@ -1442,7 +1437,7 @@ declare class Theme extends EventEmitter {
|
|
|
1442
1437
|
GET_SPEED: string;
|
|
1443
1438
|
MAX_SPEED_LIMIT: string;
|
|
1444
1439
|
MIN_SPEED_LIMIT: string;
|
|
1445
|
-
SEEK_CANNOT_CROSS_DAYS: string;
|
|
1440
|
+
SEEK_CANNOT_CROSS_DAYS: string;
|
|
1446
1441
|
SEEK_TIMEFORMAT_ERROR: string;
|
|
1447
1442
|
PAUSE: string;
|
|
1448
1443
|
PAUSE_FAILED: string;
|
|
@@ -1459,11 +1454,6 @@ declare class Theme extends EventEmitter {
|
|
|
1459
1454
|
VIDEO_LEVEL_AUTO: string;
|
|
1460
1455
|
VIDEO_LEVEL_FLUENT: string;
|
|
1461
1456
|
VIDEO_LEVEL_STANDARD: string;
|
|
1462
|
-
/**
|
|
1463
|
-
* 更多控件(footer more)
|
|
1464
|
-
* @since 0.0.1
|
|
1465
|
-
* @private
|
|
1466
|
-
*/
|
|
1467
1457
|
VIDEO_LEVEL_HEIGH: string;
|
|
1468
1458
|
VIDEO_LEVEL_SUPER: string;
|
|
1469
1459
|
VIDEO_LEVEL_EXTREME: string;
|
|
@@ -1479,11 +1469,14 @@ declare class Theme extends EventEmitter {
|
|
|
1479
1469
|
BTN_TALK: string;
|
|
1480
1470
|
BTN_ZOOM: string;
|
|
1481
1471
|
BTN_3D_ZOOM: string;
|
|
1482
|
-
BTN_PTZ: string;
|
|
1472
|
+
BTN_PTZ: string; /**
|
|
1473
|
+
* 移动端扩展容器, 扩展的控件渲染在指定容器以外, 仅只用端适用, 为了可以放置大的控件和方便开发接入
|
|
1474
|
+
* @private
|
|
1475
|
+
*/
|
|
1483
1476
|
BTN_GLOBAL_FULLSCREEN: string;
|
|
1484
1477
|
BTN_EXIT_GLOBAL_FULLSCREEN: string;
|
|
1485
|
-
BTN_FULLSCREEN: string;
|
|
1486
|
-
BTN_EXIR_FULLSCREEN: string;
|
|
1478
|
+
BTN_FULLSCREEN: string;
|
|
1479
|
+
BTN_EXIR_FULLSCREEN: string; /** @since 0.0.1 @private */
|
|
1487
1480
|
BTN_HD: string;
|
|
1488
1481
|
BTN_SPEED: string;
|
|
1489
1482
|
BTN_CLOUDREC: string;
|
|
@@ -1515,7 +1508,7 @@ declare class Theme extends EventEmitter {
|
|
|
1515
1508
|
ZOOM_LIMIT_MIN: string;
|
|
1516
1509
|
ZOOM_NOT_ENABLED: string;
|
|
1517
1510
|
'3D_ZOOM': string;
|
|
1518
|
-
'3D_ZOOM_DISABLE': string;
|
|
1511
|
+
'3D_ZOOM_DISABLE': string; /** 音量 */
|
|
1519
1512
|
'3D_ZOOM_FAILED': string;
|
|
1520
1513
|
START_3D_ZOOM: string;
|
|
1521
1514
|
CLOSE_3D_ZOOM: string;
|
|
@@ -1523,8 +1516,7 @@ declare class Theme extends EventEmitter {
|
|
|
1523
1516
|
'3D_ZOOM_ACTIVED': string;
|
|
1524
1517
|
'3D_ZOOM_NOT_ACTIVED': string;
|
|
1525
1518
|
'3D_ZOOM_CLOSED': string;
|
|
1526
|
-
CHANGE_ZOOM_TYPE: string;
|
|
1527
|
-
/** 自定清晰度 @private */
|
|
1519
|
+
CHANGE_ZOOM_TYPE: string; /** 倍速 @private */
|
|
1528
1520
|
FULLSCREEN: string;
|
|
1529
1521
|
FULLSCREEN_EXIT: string;
|
|
1530
1522
|
GET_WEB_FULLSCREEN_STATUS: string;
|
|
@@ -1606,6 +1598,7 @@ declare class Theme extends EventEmitter {
|
|
|
1606
1598
|
395557: string;
|
|
1607
1599
|
395558: string;
|
|
1608
1600
|
395560: string;
|
|
1601
|
+
/** 语言包 @since 0.0.1 */
|
|
1609
1602
|
395561: string;
|
|
1610
1603
|
395562: string;
|
|
1611
1604
|
395563: string;
|
|
@@ -1630,24 +1623,21 @@ declare class Theme extends EventEmitter {
|
|
|
1630
1623
|
396104: string;
|
|
1631
1624
|
396105: string;
|
|
1632
1625
|
396106: string;
|
|
1633
|
-
396107: string;
|
|
1626
|
+
396107: string;
|
|
1634
1627
|
396108: string;
|
|
1635
1628
|
396109: string;
|
|
1636
|
-
396110: string;
|
|
1629
|
+
396110: string; /** 容器的高 */
|
|
1637
1630
|
396501: string;
|
|
1638
1631
|
396502: string;
|
|
1639
1632
|
396503: string;
|
|
1640
1633
|
396504: string;
|
|
1641
1634
|
396505: string;
|
|
1642
1635
|
396506: string;
|
|
1643
|
-
396508: string;
|
|
1636
|
+
396508: string;
|
|
1644
1637
|
396509: string;
|
|
1645
1638
|
396510: string;
|
|
1646
1639
|
396511: string;
|
|
1647
1640
|
396512: string;
|
|
1648
|
-
/**
|
|
1649
|
-
* 录像回放的月份列表 @private
|
|
1650
|
-
*/
|
|
1651
1641
|
396513: string;
|
|
1652
1642
|
396514: string;
|
|
1653
1643
|
396515: string;
|
|
@@ -1707,6 +1697,13 @@ declare class Theme extends EventEmitter {
|
|
|
1707
1697
|
PLAY_FAILED: string;
|
|
1708
1698
|
PLAY_SUCCESS: string;
|
|
1709
1699
|
STOP_SUCCESS: string;
|
|
1700
|
+
/**
|
|
1701
|
+
* 加载状态
|
|
1702
|
+
* ```ts
|
|
1703
|
+
* // 事件监听
|
|
1704
|
+
* theme.on(Theme.EVENTS.loading, (loading: boolean) => {})
|
|
1705
|
+
* ```
|
|
1706
|
+
*/
|
|
1710
1707
|
CHANGE_PLAYURL_SUCCESS: string;
|
|
1711
1708
|
CHANGE_PLAYURL_FAILED: string;
|
|
1712
1709
|
GET_OSD_TIME: string;
|
|
@@ -1714,13 +1711,7 @@ declare class Theme extends EventEmitter {
|
|
|
1714
1711
|
SET_POSTER: string;
|
|
1715
1712
|
RESIZE: string;
|
|
1716
1713
|
SPEED: string;
|
|
1717
|
-
SPEED_RATE: string;
|
|
1718
|
-
* 加载状态
|
|
1719
|
-
* ```ts
|
|
1720
|
-
* // 事件监听
|
|
1721
|
-
* theme.on(Theme.EVENTS.loading, (loading: boolean) => {})
|
|
1722
|
-
* ```
|
|
1723
|
-
*/
|
|
1714
|
+
SPEED_RATE: string;
|
|
1724
1715
|
SPEED_CANCEL: string;
|
|
1725
1716
|
GET_SPEED: string;
|
|
1726
1717
|
MAX_SPEED_LIMIT: string;
|
|
@@ -1738,6 +1729,14 @@ declare class Theme extends EventEmitter {
|
|
|
1738
1729
|
CHANGE_VIDEO_LEVEL_FAIL: string;
|
|
1739
1730
|
GET_VIDEO_LEVEL_LIST: string;
|
|
1740
1731
|
PLEASE_INPUT_RIGHT_VIDEO_LEVEL: string;
|
|
1732
|
+
/**
|
|
1733
|
+
* 静音
|
|
1734
|
+
* @example
|
|
1735
|
+
* ```ts
|
|
1736
|
+
* // 事件监听
|
|
1737
|
+
* theme.on(Theme.EVENTS.volumechange, (volume: number, muted: boolean) => {})
|
|
1738
|
+
* ```
|
|
1739
|
+
*/
|
|
1741
1740
|
VIDEO_LEVEL_NOT_SUPPORT: string;
|
|
1742
1741
|
VIDEO_LEVEL_AUTO: string;
|
|
1743
1742
|
VIDEO_LEVEL_FLUENT: string;
|
|
@@ -1786,16 +1785,6 @@ declare class Theme extends EventEmitter {
|
|
|
1786
1785
|
SOUND_OPENED: string;
|
|
1787
1786
|
ZOOM: string;
|
|
1788
1787
|
START_ZOOM: string;
|
|
1789
|
-
/**
|
|
1790
|
-
* 电子放大倍数,最多保留一位小数 (需要 zooming = true 才能进行缩放)
|
|
1791
|
-
* @example
|
|
1792
|
-
* ```ts
|
|
1793
|
-
* theme.zoom = 2 // 放大倍数
|
|
1794
|
-
* theme.zoom = 2.5 // 放大倍数
|
|
1795
|
-
* // 事件监听
|
|
1796
|
-
* theme.on(Theme.EVENTS.zoomChange, (zoom: number) => {})
|
|
1797
|
-
* ```
|
|
1798
|
-
*/
|
|
1799
1788
|
CLOSE_ZOOM: string;
|
|
1800
1789
|
ZOOM_ADD: string;
|
|
1801
1790
|
ZOOM_SUB: string;
|
|
@@ -1828,21 +1817,12 @@ declare class Theme extends EventEmitter {
|
|
|
1828
1817
|
MOBILE_PTZ_TIPS: string;
|
|
1829
1818
|
PTZ_FAST: string;
|
|
1830
1819
|
PTZ_MID: string;
|
|
1831
|
-
PTZ_SLOW: string;
|
|
1832
|
-
|
|
1833
|
-
|
|
1834
|
-
*
|
|
1835
|
-
*
|
|
1820
|
+
PTZ_SLOW: string;
|
|
1821
|
+
PTZ_SPEED: string;
|
|
1822
|
+
DEVICE_ZOOM: string; /**
|
|
1823
|
+
* 录制中, 仅 ezopen 支持
|
|
1836
1824
|
* @since 0.0.1
|
|
1837
|
-
* @example
|
|
1838
|
-
* ```ts
|
|
1839
|
-
* theme.talkGain // 对讲音量
|
|
1840
|
-
* // 事件监听 event
|
|
1841
|
-
* theme.on(Theme.EVENTS.talk, (gain: number) => {})
|
|
1842
|
-
* ```
|
|
1843
1825
|
*/
|
|
1844
|
-
PTZ_SPEED: string;
|
|
1845
|
-
DEVICE_ZOOM: string;
|
|
1846
1826
|
DEVICE_FOCUS: string;
|
|
1847
1827
|
NOT_SUPPORT_DEVICE_ZOOM: string;
|
|
1848
1828
|
NOT_SUPPORT_FOCUS: string;
|
|
@@ -1967,10 +1947,6 @@ declare class Theme extends EventEmitter {
|
|
|
1967
1947
|
recordList: TimeLineTimeSection[];
|
|
1968
1948
|
/** 窗口尺寸变化时,设置窗口超出隐藏,防止出现滚动条 */
|
|
1969
1949
|
private _resizeOverflowTimer;
|
|
1970
|
-
/**
|
|
1971
|
-
* 录像回放的月份列表 @private
|
|
1972
|
-
*/
|
|
1973
|
-
recMonth: string[];
|
|
1974
1950
|
/** 清理 header/footer 动画 定时器 @private */
|
|
1975
1951
|
_onPauseTimingFunc: ((open: boolean) => void) | null;
|
|
1976
1952
|
/** 销毁标识 @readonly */
|
|
@@ -2304,7 +2280,7 @@ declare class Theme extends EventEmitter {
|
|
|
2304
2280
|
*/
|
|
2305
2281
|
_disabled(disabled?: boolean): void;
|
|
2306
2282
|
private _onDblClickFullscreen;
|
|
2307
|
-
protected _getRecType(url: string): "" | "
|
|
2283
|
+
protected _getRecType(url: string): "" | "cloudRec" | "cloudRecord" | "rec";
|
|
2308
2284
|
private resetControl;
|
|
2309
2285
|
/**
|
|
2310
2286
|
* 窗口全屏后旋转 90度判断, 然后设置控件已经旋转 90度, 为了解决控件交互问题
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ezuikit/player-theme",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.2-beta.1",
|
|
4
4
|
"description": "player theme",
|
|
5
5
|
"title": "theme",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -27,8 +27,7 @@
|
|
|
27
27
|
"dependencies": {
|
|
28
28
|
"@ezuikit/utils-i18n": "2.0.0",
|
|
29
29
|
"@ezuikit/utils-logger": "2.0.0",
|
|
30
|
-
"@ezuikit/utils-tools": "2.0.1",
|
|
31
|
-
"@ezuikit/control-date-picker": "1.0.0-beta.8",
|
|
30
|
+
"@ezuikit/utils-tools": "2.0.1-beta.1",
|
|
32
31
|
"@ezuikit/control-time-line": "1.0.2",
|
|
33
32
|
"@juggle/resize-observer": "^3.4.0",
|
|
34
33
|
"@skax/delegate": "4.0.0",
|
|
@@ -39,6 +38,7 @@
|
|
|
39
38
|
},
|
|
40
39
|
"devDependencies": {
|
|
41
40
|
"@common/rollup": "workspace:*",
|
|
41
|
+
"@ezuikit/control-date-picker": "workspace:*",
|
|
42
42
|
"@ezuikit/control-ptz": "workspace:*",
|
|
43
43
|
"@ezuikit/control-zoom": "workspace:*"
|
|
44
44
|
}
|