@yimou6/common-ui 1.10.5 → 1.10.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/cdn/index.cdn.js +7 -7
  2. package/cdn/index.cdn.js.map +1 -1
  3. package/cdn/index.cdn.mjs +7 -7
  4. package/cdn/index.cdn.mjs.map +1 -1
  5. package/cdn/index.css +1 -1
  6. package/es/components/tzj-player/src/tzj-player.vue2.mjs +4 -0
  7. package/es/components/tzj-player/src/tzj-player.vue2.mjs.map +1 -1
  8. package/es/components/tzj-player/src/ysPlayer.vue2.mjs +4 -2
  9. package/es/components/tzj-player/src/ysPlayer.vue2.mjs.map +1 -1
  10. package/lib/components/tzj-player/src/tzj-player.vue2.js +4 -0
  11. package/lib/components/tzj-player/src/tzj-player.vue2.js.map +1 -1
  12. package/lib/components/tzj-player/src/ysPlayer.vue2.js +4 -2
  13. package/lib/components/tzj-player/src/ysPlayer.vue2.js.map +1 -1
  14. package/package.json +2 -2
  15. package/theme-default/i-tzj-player.css +1 -1
  16. package/theme-default/index.css +1 -1
package/cdn/index.css CHANGED
@@ -1 +1 @@
1
- .i-date-picker{--color-fill-2:#fff;--color-fill-3:#fff}.i-date-picker .arco-picker{width:100%;border:1px solid #dcdfe6}.i-date-picker .arco-picker:hover{border:1px solid #dcdfe6}.i-date-picker .arco-trigger-popup{z-index:5001!important}.i-date-picker .is-error .arco-picker{border-color:var(--el-color-danger)!important}.arco-trigger-popup{z-index:4001!important}.el-drawer.i-drawer{background:0 0;box-shadow:none}.el-drawer.i-drawer.i-drawer-over-top .el-drawer__header{margin-top:0}.el-drawer.i-drawer .el-drawer__header{margin-top:56px;padding:0;margin-bottom:0;background-color:var(--el-drawer-bg-color)}.el-drawer.i-drawer .el-drawer__body{padding:0;background-color:var(--el-drawer-bg-color)}.el-drawer.i-drawer .i-drawer-header{height:56px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--el-border-color-darker)}.el-drawer.i-drawer .i-drawer-header .i-drawer-title{display:flex;align-items:center;justify-content:flex-start}.el-drawer.i-drawer .i-drawer-header .i-drawer-title .y-block-name{margin-right:12px}.el-drawer.i-drawer .i-drawer-body{height:calc(100% - 56px);padding:20px 10px 20px 20px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.el-drawer.i-drawer .i-drawer-body.i-drawer-no-footer{height:100%!important}.el-drawer.i-drawer .i-drawer-footer{height:56px;width:100%;border-top:1px solid var(--el-border-color-darker);display:flex;justify-content:flex-end;flex-direction:row;align-items:center;position:absolute;bottom:0;left:0;padding-right:20px}.i-drawer-header-close{cursor:pointer;display:flex;align-items:center;justify-content:center;height:26px;width:26px;border-radius:4px;transition:all .3s;color:var(--el-text-color-primary)}.i-drawer-header-close:hover{color:var(--el-color-white);background-color:var(--el-color-danger)}.el-form.i-form{display:grid}.el-form.i-form .el-form-item__label{font-weight:400}.el-form.i-form .el-form-item__content{align-items:center}.el-form.i-form .el-form-item{align-items:center}.el-form.i-form .el-cascader.i-form-component,.el-form.i-form .el-select.i-form-component{width:100%;min-width:200px}.el-form.i-form .arco-picker.i-form-component{width:100%;min-width:200px;border-color:var(--el-border-color);background-color:transparent}.el-form.i-form .arco-picker.i-form-component .arco-picker-suffix{width:14px}.t-icon-select-card{display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;border:1px solid var(--el-border-color);border-radius:4px}.t-icon-select-card span{font-size:14px;color:var(--el-text-color-regular)}.t-icon-select-card .iconfont{font-size:36px;color:var(--el-text-color-primary)}.t-icon-select__wrap{display:flex;justify-content:flex-start;align-items:flex-start;width:500px}.t-icon-select__wrap .icon-view{margin-right:6px;font-size:14px}.t-icon-select__wrap .icon-view .icon-view-box{width:84px;height:84px;border:1px solid var(--el-border-color);display:flex;align-items:center;justify-content:center}.t-icon-select__wrap .icon-view .icon-view-box .iconfont{font-size:36px}.t-icon-select__wrap .icon-view .icon-text{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-top:6px}.t-icon-select__wrap .icon-view .icon-text label{text-align:left;font-size:12px;color:var(--el-text-color-secondary)}.t-icon-select__wrap .icon-view .icon-text span{border-bottom:1px solid var(--el-border-color);width:84px;text-align:left;height:20px;color:var(--el-text-color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-icon-select__wrap .icon-list-wrap{width:401px;box-sizing:border-box}.t-icon-select__wrap .icon-list-wrap .icon-search{margin-bottom:4px}.t-icon-select__wrap .icon-list-wrap .icon-list{--t-icon-size:40px;display:grid;grid-template-columns:repeat(auto-fit,var(--t-icon-size));box-sizing:border-box;border-right:1px solid var(--el-border-color);border-top:1px solid var(--el-border-color)}.t-icon-select__wrap .icon-list-wrap .icon-list .icon-list-item{height:var(--t-icon-size);display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;cursor:pointer;color:var(--el-text-color-regular);border-bottom:1px solid var(--el-border-color);border-left:1px solid var(--el-border-color)}.t-icon-select__wrap .icon-list-wrap .icon-list .icon-list-item:hover{color:var(--el-text-color-primary);background-color:var(--el-color-info-light-9)}.t-icon-select__wrap .icon-list-wrap .icon-list .icon-list-item.active{color:#fff;background-color:var(--el-color-primary)}.t-icon-select__wrap .icon-list-wrap .icon-list .icon-list-item.disabled{cursor:not-allowed}.t-icon-select__wrap .icon-list-wrap .icon-list .icon-list-item.disabled:hover{color:var(--el-text-color-regular);background-color:inherit}.t-icon-select__wrap .icon-list-wrap .icon-list .icon-list-item .iconfont{font-weight:500;font-size:14px}.t-icon-select__wrap .icon-list-wrap .icon-footer{margin-top:6px;display:flex;justify-content:flex-end;align-items:center}.t-img-verify{width:100%;height:100%;cursor:pointer}.i-text-button{font-size:15px;font-family:PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-weight:500;transition:all .3s;display:inline-flex;justify-content:center;align-items:center;height:23px;padding:0 4px;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.i-text-button.i-text-button__disabled{cursor:not-allowed;color:var(--el-text-color-disabled)!important}.i-text-button.i-text-button__disabled:hover>.i-text-button__line{width:0}.i-text-button+.i-text-button{margin-left:2px}.i-text-button>.i-text-button__icon{margin-right:4px}.i-text-button>.i-text-button__icon .iconfont{font-size:14px}.i-text-button>.i-text-button__line{position:absolute;width:0;height:1px;bottom:0;left:50%;transform:translate(-50%,0);transition:all .3s;color:#409eff}.i-text-button:hover>.i-text-button__line{width:calc(100% - 8px)}.i-text-button-group{display:flex;align-items:center;justify-content:flex-start}.t-page-header{position:relative;display:flex;justify-content:space-between;align-items:center;height:40px}.t-page-header.t-page-header__underline{border-bottom:1px solid var(--el-border-color-darker)}.t-page-header.t-page-header__between{justify-content:space-between}.t-page-header.t-page-header__start{justify-content:flex-start}.t-page-header .t-page-name{font-size:16px;font-family:"PingFang SC","Helvetica Neue",Helvetica,STHeiTi,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;font-weight:700;color:var(--el-text-color-primary);padding-left:12px;position:relative;text-decoration:none;margin-right:12px}.t-page-header .t-page-name::before{position:absolute;top:-1px;left:0;content:"";display:inline;width:4px;height:100%;border-radius:2px;background-color:var(--el-color-primary)}.i-search{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;padding-top:12px;width:100%}.i-search .i-form{display:flex!important;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:flex-start}.i-search .i-form .el-input.i-form-component{width:200px!important}.i-search .i-form .el-select.i-select.i-form-component{width:200px!important}.i-search .el-form--inline .el-form-item{margin-right:10px;margin-bottom:10px}.i-segmented{display:inline-block;background-color:var(--el-fill-color-darker);padding:.15rem .15rem;border-radius:.15rem}.i-segmented__small .i-segmented-control>.i-segmented-control__item{height:28px;line-height:28px;padding:0 6px;font-size:12px}.i-segmented__default .i-segmented-control>.i-segmented-control__item{height:32px;line-height:32px;padding:0 10px;font-size:14px}.i-segmented__large .i-segmented-control>.i-segmented-control__item{height:40px;line-height:40px;padding:0 12px;font-size:16px}.i-segmented .i-segmented-control{position:relative;display:flex}.i-segmented .i-segmented-control>.i-segmented-control__item{display:inline-flex;justify-content:center;align-items:center;outline:0;border:none;cursor:pointer;background-color:transparent;color:var(--el-text-color-regular);box-sizing:border-box;transition:all .3s ease-in-out;border-radius:.15rem;flex:1}.i-segmented .i-segmented-control>.i-segmented-control__item.active{color:#fff;z-index:2}.i-segmented .i-segmented-control>.i-segmented-control__item.active:hover{box-shadow:0 4px 6px rgba(0,0,0,.2);background-color:transparent}.i-segmented .i-segmented-control>.i-segmented-control__item.i-segmented-control__disabled{cursor:not-allowed;color:var(--el-text-color-disabled)}.i-segmented .i-segmented-control>.i-segmented-control__item.i-segmented-control__disabled:hover{box-shadow:none;background-color:transparent}.i-segmented .i-segmented-control>.i-segmented-control__item:hover{box-shadow:0 1px 6px rgba(89,89,89,.2);background-color:var(--el-fill-color-extra-light)}.i-segmented .i-segmented-control>.i-segmented-control__item .i-segmented-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center}.i-segmented .i-segmented-control>.indicator{position:absolute;height:100%;border-radius:.15rem;top:0;left:0;box-shadow:0 1px 6px rgba(89,89,89,.2);background-color:var(--el-color-primary);transition:transform .3s ease-in-out,width .3s ease-in-out;z-index:1}.clearfix::after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.vue-splitter-container{height:100%;position:relative}.vue-splitter-container-mask{z-index:9999;width:100%;height:100%;position:absolute;top:0;left:0}.i-splitter-pane.vertical.i-splitter-paneL{position:absolute;left:0;height:100%;padding:5px;box-sizing:border-box}.i-splitter-pane.vertical.i-splitter-paneR{position:absolute;right:0;height:100%;padding:5px 5px 5px 15px;box-sizing:border-box}.i-splitter-pane.horizontal.i-splitter-paneL{position:absolute;top:0;width:100%}.i-splitter-pane.horizontal.i-splitter-paneR{position:absolute;bottom:0;width:100%;padding-top:3px}.splitter-pane-resizer{box-sizing:border-box;background:#000;position:absolute;opacity:.8;z-index:1;background-clip:padding-box}.splitter-pane-resizer.horizontal{height:6px;width:100%;background:var(--el-bg-color-page);cursor:row-resize}.splitter-pane-resizer.horizontal:before{content:"\e702";font-family:iconfont;font-size:13px;color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.splitter-pane-resizer.vertical{width:10px;height:100%;background-color:var(--el-bg-color-page);cursor:col-resize}.splitter-pane-resizer.vertical:before{content:"\e702";font-family:iconfont;font-size:13px;color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.i-table-warp{width:100%;height:100%}.i-table-warp .el-table.i-table{--el-table-header-bg-color:var(--el-bg-color-page);--el-table-row-hover-bg-color:var(--el-color-primary-light-9)}.i-table-warp .el-table.i-table .el-table__body,.i-table-warp .el-table.i-table .el-table__header{margin:0}.i-table-warp .i-table-pagination{height:50px;display:flex;justify-content:flex-end;align-items:center}.t-tenant-enterprise .t-tenant-enterprise__label{font-size:14px;color:var(--el-text-color-regular);font-weight:400;padding-right:6px}.t-tenant-enterprise .el-select .el-select__tags-text{max-width:100px!important}.t-tenant-enterprise__search{height:32px;display:flex;align-content:center;justify-content:center;padding:6px 6px 0 6px}.tenant-enterprise-popper{width:300px}.tenant-enterprise-popper .highlight{background-color:#ff0;font-weight:700}.tenant-enterprise-popper .el-tree-node.tenant-e-empty-node .el-tree-node__content .el-icon.el-tree-node__expand-icon{display:none}.el-tree.tenant-enterprise-tree.tenant-enterprise-tree__only .el-checkbox__inner{border-radius:50%;overflow:hidden}.el-tree .el-tree-node__content{position:relative}.element-tree-node-label-wrapper{flex:1;display:flex;align-items:center}.element-tree-node-label{font-size:12px}.element-tree-node-line-ver{display:block;position:absolute;top:0;left:0;height:100%;border-left:1px dashed #dcdfe6}.element-tree-node-line-ver.last-node-isLeaf-line{height:50%}.element-tree-node-line-hor{display:block;position:absolute;top:50%;left:0;height:0;border-bottom:1px dashed #dcdfe6}.element-tree-node-label-line{flex:1;border-top:1px dashed #dcdfe6;align-self:center;margin:0 10px}.el-select .el-select__tags-text{width:100%}.i-descriptions{display:grid}.i-descriptions.i-descriptions__border{border-bottom:1px solid var(--el-border-color-light);border-right:1px solid var(--el-border-color-light)}.i-descriptions.i-descriptions__border .i-descriptions-item{border-left:1px solid var(--el-border-color-light);border-top:1px solid var(--el-border-color-light)}.i-descriptions.i-descriptions__border .i-descriptions-item .i-descriptions-label{background-color:var(--el-fill-color-light);border-right:1px solid var(--el-border-color-light)}.i-descriptions .i-descriptions-item{display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box}.i-descriptions .i-descriptions-item.i-descriptions-item__large .i-descriptions-label{min-height:40px}.i-descriptions .i-descriptions-item.i-descriptions-item__large .i-descriptions-label .iconfont{font-size:15px}.i-descriptions .i-descriptions-item.i-descriptions-item__large .i-descriptions-label .i-descriptions-label__text{font-size:15px}.i-descriptions .i-descriptions-item.i-descriptions-item__large .i-descriptions-value{font-size:15px}.i-descriptions .i-descriptions-item.i-descriptions-item__default .i-descriptions-label{height:32px}.i-descriptions .i-descriptions-item.i-descriptions-item__small .i-descriptions-label{height:28px}.i-descriptions .i-descriptions-item.i-descriptions-item__small .i-descriptions-label .iconfont{font-size:12px}.i-descriptions .i-descriptions-item.i-descriptions-item__small .i-descriptions-label .i-descriptions-label__text{font-size:12px}.i-descriptions .i-descriptions-item.i-descriptions-item__small .i-descriptions-value{font-size:12px}.i-descriptions .i-descriptions-item .i-descriptions-label{display:inline-flex;justify-content:flex-start;align-items:center;color:var(--el-text-color-primary);height:100%;padding:0 6px;font-size:14px}.i-descriptions .i-descriptions-item .i-descriptions-label .iconfont{font-size:14px;margin-right:6px}.i-descriptions .i-descriptions-item .i-descriptions-label .i-descriptions-label__text{text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.i-descriptions .i-descriptions-item .i-descriptions-value{padding-left:10px;font-size:14px;color:var(--el-text-color-regular);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.i-player-bg{display:flex;align-items:center;justify-content:center;background-color:#000}.i-player-bg.i-player-container{width:100%;height:100%}.i-player-bg .i-player__error{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;color:#ed8b8b;font-size:14px;white-space:break-spaces}.i-player-bg .xgplayer-error{color:#b2b3b5}.i-player-bg .xgplayer-error .xgplayer-error-refresh{color:#ed8b8b}.i-player-bg .i-player-no__url{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;color:#ed8b8b;font-size:14px;white-space:break-spaces}.xgplayer.not-allow-autoplay .xgplayer-controls,.xgplayer.xgplayer-inactive .controls-autohide,.xgplayer.xgplayer-nostart .xgplayer-controls{visibility:hidden;opacity:0;cursor:default;pointer-events:none}.xgplayer.not-allow-autoplay .xgplayer-controls-initshow,.xgplayer.xgplayer-nostart .xgplayer-controls-initshow{visibility:visible;opacity:1;pointer-events:auto}.xgplayer .xgplayer-controls{display:block;visibility:visible;position:absolute;z-index:10;right:0;bottom:0;left:0;height:48px;transition:opacity .5s ease,visibility .5s ease;opacity:1;background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.37),rgba(0,0,0,.75),rgba(0,0,0,.75))}.xgplayer .xgplayer-controls.show{display:block;visibility:visible;opacity:1;pointer-events:auto}.xgplayer .xg-inner-controls{display:flex;position:absolute;bottom:0;justify-content:space-between;height:40px}.xgplayer .xg-left-grid,.xgplayer .xg-right-grid{display:flex;position:relative;z-index:1;flex-shrink:1;flex-wrap:wrap;height:100%}.xgplayer .xg-right-grid{flex-direction:row-reverse}.xgplayer .xg-right-grid>:first-child{margin-right:0}.xgplayer .xg-right-grid xg-icon{margin-left:0}.xgplayer .xg-left-grid>:first-child{margin-left:0}.xgplayer .xg-left-grid xg-icon{margin-right:0}.xgplayer .xg-center-grid{display:block;position:absolute;top:-20px;right:0;left:0;padding:5px 0;outline:0;text-align:center}.xgplayer .flex-controls .xg-inner-controls{display:flex;bottom:8px;justify-content:space-around}.xgplayer .flex-controls .xg-center-grid{display:flex;position:relative;top:0;right:0;left:0;flex:1;align-items:center;justify-content:space-between;height:100%;padding:0 16px}.xgplayer.xgplayer-mobile .xg-center-grid{z-index:2}.xgplayer.xgplayer-mobile .flex-controls .xg-center-grid{padding:0 8px}.xgplayer .bottom-controls .xg-center-grid{top:20px;padding:0}.xgplayer .bottom-controls .xg-left-grid,.xgplayer .bottom-controls .xg-right-grid{bottom:10px}.xgplayer .mini-controls{background-image:none}.xgplayer .mini-controls .xg-inner-controls{right:0;bottom:0;left:0}.xgplayer .mini-controls .xg-center-grid{top:auto;bottom:-28px;padding:0}.xgplayer .mini-controls .xg-left-grid,.xgplayer .mini-controls .xg-right-grid{display:none}.xgplayer .controls-follow{bottom:70px;transition:bottom .3s ease}.xgplayer.flex-controls .controls-follow{bottom:45px}.xgplayer.mini-controls .controls-follow,.xgplayer.no-controls .controls-follow,.xgplayer.xgplayer-inactive .controls-follow{bottom:10px}.xgplayer-fullscreen-parent{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%}.xgplayer-fullscreen-parent .xgplayer.xgplayer-is-cssfullscreen,.xgplayer-fullscreen-parent .xgplayer.xgplayer-is-fullscreen{position:absolute;z-index:10}.xgplayer-rotate-parent{position:fixed;z-index:9999;inset:0 0 0 100%;width:100vh;height:100vw;transform:rotate(90deg);transform-origin:top left}.xgplayer-rotate-parent .xgplayer.xgplayer-rotate-fullscreen{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;margin:0;padding:0;transform:rotate(0)}.xgplayer-rotate-parent .xgplayer-mobile video{z-index:-1}.xgplayer{position:relative;width:100%;height:100%;overflow:hidden;background:#000;font-family:"PingFang SC","Helvetica Neue",Helvetica,STHeiTi,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.xgplayer *{margin:0;padding:0;border:0;word-wrap:normal;vertical-align:baseline;white-space:normal;overflow-wrap:normal}.xgplayer li,.xgplayer ul{list-style:none}.xgplayer .xgplayer-none{display:none}.xgplayer.xgplayer-is-fullscreen{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;margin:0;padding:0}.xgplayer.xgplayer-is-cssfullscreen{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%}.xgplayer.xgplayer-rotate-fullscreen{position:fixed;z-index:9999;inset:0 0 0 100%;width:100vh;height:100vw;transform:rotate(90deg);transform-origin:top left}.xgplayer.xgplayer-rotate-fullscreen.xgplayer-mobile video{z-index:-1}.xgplayer xg-video-container.xg-video-container{display:block;position:absolute;top:0;bottom:48px;width:100%}.xgplayer video{position:absolute;top:0;left:0;width:100%;height:100%;outline:0}.xgplayer[data-xgfill=contain] video{object-fit:contain}.xgplayer[data-xgfill=cover] video{object-fit:cover}.xgplayer[data-xgfill=fill] video{object-fit:fill}.xgplayer .xg-pos{right:10px;left:10px}.xgplayer .xg-margin{margin-right:16px;margin-left:16px}.xgplayer .xg-bottom{bottom:0}.xgplayer .btn-text{position:relative;top:50%;height:24px;font-size:13px;text-align:center}.xgplayer .btn-text span{display:inline-block;min-width:52px;height:24px;border-radius:12px;background:rgba(0,0,0,.38);line-height:24px}.xgplayer xg-icon{position:relative;box-sizing:border-box;height:40px;margin-right:16px;margin-left:16px;fill:#fff;color:rgba(255,255,255,.8);cursor:pointer}.xgplayer xg-icon.xg-icon-disable{cursor:not-allowed}.xgplayer xg-icon .xg-tips{top:-30px;left:50%;transform:translate(-50%)}.xgplayer xg-icon:active .xg-tips,.xgplayer xg-icon:hover .xg-tips{display:block}.xgplayer xg-icon:active .xg-tips.hide,.xgplayer xg-icon:hover .xg-tips.hide{display:none}.xgplayer xg-icon .xgplayer-icon{position:relative;top:50%;transform:translateY(-50%);cursor:pointer}.xgplayer xg-icon .xg-icon-disable{cursor:not-allowed}.xgplayer xg-icon .xg-img{width:100%}.xgplayer xg-icon img,.xgplayer xg-icon svg{display:block;height:100%}.xgplayer xg-bar{display:block}.xgplayer.xgplayer-inactive xg-bar,.xgplayer.xgplayer-mini xg-bar{display:none}.xgplayer.xgplayer-inactive .xg-top-bar{display:flex}.xgplayer.xgplayer-inactive .xg-top-bar.top-bar-autohide{display:none}.xgplayer .xg-top-bar{display:flex;position:absolute;z-index:10;top:0;height:50px;padding:0 16px}.xgplayer .xg-top-bar xg-icon{position:relative;top:10px;left:0;width:34px;margin-top:0}.xgplayer .xg-top-bar xg-icon:first-child{margin-left:0}.xgplayer .xg-left-bar,.xgplayer .xg-right-bar{position:absolute;z-index:9;top:50px;bottom:50px;width:50px}.xgplayer .xg-left-bar{left:0}.xgplayer .xg-right-bar{right:0}.xgplayer .xg-tips{display:none;position:absolute;padding:4px 6px;border-radius:4px;opacity:.85;background:rgba(0,0,0,.54);color:#fff;font-size:12px;text-align:center;white-space:nowrap}.xgplayer .xg-margin{right:0;left:0}.xgplayer-mobile{-webkit-tap-highlight-color:transparent}.xgplayer-mobile *{text-decoration:none;-webkit-tap-highlight-color:transparent}.xgplayer-mobile.xgplayer-rotate-fullscreen .xg-pos,.xgplayer-mobile.xgplayer-rotate-fullscreen .xg-top-bar{right:6%;left:6%}.xgplayer-mobile xg-icon:hover .xg-tips{display:none}.xg-list-slide-scroll::-webkit-scrollbar-track{display:none;background-color:transparent}.xg-list-slide-scroll:hover::-webkit-scrollbar-track{display:block}.xg-list-slide-scroll::-webkit-scrollbar{width:4px;height:4px;background:rgba(0,0,0,0);appearance:none}.xg-list-slide-scroll::-webkit-scrollbar-corner{display:none;background:0 0}.xg-list-slide-scroll::-webkit-scrollbar-thumb{display:none;width:4px;border-radius:3px;background:hsla(0,0%,100%,.5)}.xg-list-slide-scroll:hover::-webkit-scrollbar-thumb{display:block}@media only screen and (width <= 480px){.xgplayer-mobile xg-icon{margin-right:10px;margin-left:10px}.xgplayer-mobile .xg-top-bar{right:10px;left:10px}}@media screen and (orientation:portrait){.xgplayer-mobile.xgplayer-is-cssfullscreen .xgplayer-controls,.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls{bottom:34px;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}.xgplayer-mobile.xgplayer-is-cssfullscreen .xg-top-bar,.xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar{top:34px;top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}}@media only screen and (orientation:landscape){.xgplayer-mobile.xgplayer-is-fullscreen .xg-pos,.xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar{right:6%;left:6%}.xgplayer-mobile.xgplayer-rotate-fullscreen{left:0;width:100vw;height:100vh;transform:rotate(0)}}.xgplayer .xgplayer-screen-container{display:block;width:100%}.xgplayer .xg-options-icon{display:none;cursor:pointer}.xgplayer .xg-options-icon.show{display:block}@keyframes xg_right_options_active{0%{transform:translate(50%)}100%{transform:translate(-50%)}}@keyframes xg_right_options_hide{0%{transform:translate(-50%)}100%{transform:translate(50%)}}@keyframes xg_left_options_active{0%{transform:translate(-50%)}100%{transform:translate(50%)}}@keyframes xg_left_options_hide{0%{transform:translate(50%)}100%{transform:translate(-50%)}}.xgplayer .xg-options-list{display:none;position:absolute;z-index:5;right:50%;bottom:100%;width:78px;height:0;overflow:auto;transform:translate(50%);border-radius:1px;opacity:.85;background:rgba(0,0,0,.54);color:rgba(255,255,255,.8);font-size:14px;cursor:pointer}.xgplayer .xg-options-list li{position:relative;height:20px;padding:4px 0;color:rgba(255,255,255,.8);line-height:20px;text-align:center}.xgplayer .xg-options-list li.selected,.xgplayer .xg-options-list li:hover{opacity:1;color:red}.xgplayer .xg-options-list li:nth-child(1){position:relative;margin-top:12px}.xgplayer .xg-options-list li:last-child{position:relative;margin-bottom:12px}.xgplayer .xg-options-list:hover{opacity:1}.xgplayer .xg-options-list.active{display:block;height:auto}.xgplayer .xg-options-list.xg-side-list{display:flex;bottom:0;box-sizing:border-box;flex-direction:column;width:20%;height:100%;background:rgba(0,0,0,.9)}.xgplayer .xg-options-list.xg-side-list li{position:relative;flex:1;width:100%;padding:0}.xgplayer .xg-options-list.xg-side-list li span{display:block;position:relative;top:50%;transform:translateY(-50%);pointer-events:none}.xgplayer .xg-options-list.xg-side-list li:nth-child(1){margin-top:20px}.xgplayer .xg-options-list.xg-side-list li:last-child{margin-bottom:20px}.xgplayer .xg-options-list.xg-right-side{right:-10.5%}.xgplayer .xg-options-list.xg-right-side.active{height:100%;animation:xg_right_options_active .2s ease-out forwards}.xgplayer .xg-options-list.xg-right-side.hide{height:100%;animation:xg_right_options_hide .2s ease-in forwards}.xgplayer .xg-options-list.xg-left-side{left:-10.5%;transform:translate(-50%)}.xgplayer .xg-options-list.xg-left-side.active{height:100%;animation:xg_left_options_active .2s ease-out forwards}.xgplayer .xg-options-list.xg-left-side.hide{height:100%;animation:xg_left_options_hide .2s ease-in forwards}@media only screen and (width <= 480px){.xgplayer-mobile .xg-options-icon.portrait{display:none}.xgplayer-mobile .xg-options-list li:hover{color:rgba(255,255,255,.8)}.xgplayer-mobile .xg-options-list li.selected{color:red}}.xgplayer xg-thumbnail{display:block}.xgplayer-replay{display:none}.xgplayer .xgplayer-replay{display:none;position:absolute;z-index:5;top:50%;left:50%;flex-direction:column;align-items:center;justify-content:center;width:100px;height:100px;transform:translate(-50%,-50%);cursor:pointer}.xgplayer .xgplayer-replay .xgplayer-replay-txt{display:inline-block;color:#fff;font-size:14px;line-height:34px;text-align:center}.xgplayer.xgplayer-mobile .xgplayer-replay-svg{width:50px;height:50px}.xgplayer.xgplayer-mobile .xgplayer-replay-txt{font-size:12px;line-height:24px}.xgplayer .xgplayer-poster{display:block;visibility:visible;position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .3s ease,visibility .3s ease;opacity:1;background-repeat:no-repeat;background-position:center center;background-size:100% auto;pointer-events:none}.xgplayer .xgplayer-poster.hide,.xgplayer.xgplayer-playing .xgplayer-poster{visibility:hidden;opacity:0}.xgplayer.not-allow-autoplay .xgplayer-poster,.xgplayer.xgplayer-ended .xgplayer-poster,.xgplayer.xgplayer-is-enter .xgplayer-poster.xg-showplay,.xgplayer.xgplayer-nostart .xgplayer-poster,.xgplayer.xgplayer-playing .xg-not-hidden,.xgplayer.xgplayer-playing .xgplayer-poster.xg-showplay{visibility:visible;opacity:1}.xgplayer.not-allow-autoplay .xgplayer-poster.hide,.xgplayer.xgplayer-ended .xgplayer-poster.hide,.xgplayer.xgplayer-nostart .xgplayer-poster.hide{visibility:hidden;opacity:0}@keyframes playPause{0%{transform:scale(1);opacity:1}99%{transform:scale(1.3);opacity:0}100%{transform:scale(1);opacity:0}}.xgplayer xg-start-inner{display:block;width:100%;height:100%;overflow:hidden;border-radius:50%;background:rgba(0,0,0,.38)}.xgplayer .xgplayer-start{position:absolute;z-index:5;top:50%;left:50%;width:70px;height:70px;transform:translate(-50%,-50%);cursor:pointer}.xgplayer .xgplayer-start svg{width:100%;height:100%}.xgplayer .xgplayer-start.focus-hide,.xgplayer .xgplayer-start.hide{display:none;pointer-events:none}.xgplayer .xgplayer-start:hover{opacity:.85}.xgplayer .xgplayer-start .xg-icon-play{display:block}.xgplayer .xgplayer-start .xg-icon-pause,.xgplayer .xgplayer-start[data-state=pause] .xg-icon-play{display:none}.xgplayer .xgplayer-start.interact,.xgplayer .xgplayer-start[data-state=pause] .xg-icon-pause{display:block}.xgplayer .xgplayer-start.interact xg-start-inner{animation:playPause .4s .1s ease-out forwards}.xgplayer .xgplayer-start.show{display:block}.xgplayer.xgplayer-mobile xg-start-inner{border-radius:0;background:initial}.xgplayer.xgplayer-mobile .xgplayer-start{width:50px;height:50px}.xgplayer.xgplayer-mobile .xgplayer-start:hover{opacity:1}.xgplayer.xgplayer-inactive .xgplayer-start.auto-hide,.xgplayer.xgplayer-is-enter .xgplayer-start,.xgplayer.xgplayer-is-enter .xgplayer-start.auto-hide,.xgplayer.xgplayer-is-enter .xgplayer-start.show,.xgplayer.xgplayer-is-error .xgplayer-start,.xgplayer.xgplayer-is-error .xgplayer-start.show,.xgplayer.xgplayer-isloading.xgplayer-playing .xgplayer-start{display:none}.xgplayer-enter{display:none;position:absolute;z-index:5;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);pointer-events:none}.xgplayer-enter .show{display:block}.xgplayer-enter .xgplayer-enter-spinner{display:block;position:absolute;z-index:1;top:50%;left:50%;width:100px;height:100px;transform:translate(-50%,-50%)}.xgplayer-enter .xgplayer-enter-spinner div{position:absolute;top:45%;left:45%;width:6%;height:13%;animation:fade 1s linear infinite;border-radius:30px;opacity:0;background-color:rgba(255,255,255,.7019607843)}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar1{transform:rotate(0) translateY(-140%);animation-delay:0s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar2{transform:rotate(30deg) translateY(-140%);animation-delay:-.9163s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar3{transform:rotate(60deg) translateY(-140%);animation-delay:-833ms}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar4{transform:rotate(90deg) translateY(-140%);animation-delay:-.7497s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar5{transform:rotate(120deg) translateY(-140%);animation-delay:-.6664s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar6{transform:rotate(150deg) translateY(-140%);animation-delay:-.5831s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar7{transform:rotate(180deg) translateY(-140%);animation-delay:-.4998s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar8{transform:rotate(210deg) translateY(-140%);animation-delay:-.4165s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar9{transform:rotate(240deg) translateY(-140%);animation-delay:-.3332s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar10{transform:rotate(270deg) translateY(-140%);animation-delay:-.2499s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar11{transform:rotate(300deg) translateY(-140%);animation-delay:-.1666s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar12{transform:rotate(330deg) translateY(-142%);animation-delay:-83.3ms}@keyframes fade{0%{opacity:1}100%{opacity:.25}}.xgplayer.xgplayer-is-enter .xgplayer-enter{display:block;transition:opacity .3s;opacity:1}.xgplayer.xgplayer-nostart .xgplayer-enter{display:none}.xgplayer.xgplayer-mobile .xgplayer-enter .xgplayer-enter-spinner{width:70px;height:70px}.xg-mini-layer{display:none;position:absolute;z-index:11;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(57,57,57,.9),rgba(57,57,57,0) 50.27%)}.xg-mini-layer .mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);pointer-events:none}.xg-mini-layer xg-mini-header{display:flex;position:absolute;z-index:22;top:0;right:40px;left:0;box-sizing:border-box;justify-content:space-between;padding:10px 3px 0 8px;color:#fff;font-size:14px}.xg-mini-layer xg-mini-header .xgplayer-pip-disableBtn{pointer-events:all}.xg-mini-layer xg-mini-header #disabledMini{display:none;position:relative}.xg-mini-layer xg-mini-header #disabledMini+label{display:flex;position:relative;align-items:center;cursor:pointer}.xg-mini-layer xg-mini-header #disabledMini+label::before{content:"";display:inline-block;width:16px;height:16px;margin-right:7px;border:solid 1px #cdcdcd;border-radius:2px;background-color:transparent;color:#ff142b;line-height:16px;text-align:center;vertical-align:middle}.xg-mini-layer xg-mini-header #disabledMini:checked+label{color:#ff142b}.xg-mini-layer xg-mini-header #disabledMini:checked+label::before{border-color:#ff142b}.xg-mini-layer xg-mini-header #disabledMini:checked+label::after{content:"";position:absolute;top:5px;left:6px;width:4px;height:8px;transform:rotate(45deg);border-width:0 2px 2px 0;border-style:solid;border-color:#ff142b}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn xg-tips{display:none;position:absolute;right:15px;bottom:-30px;padding:4px 6px;border-radius:4px;background-color:rgba(0,0,0,.5411764706);white-space:nowrap}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini+label::before{border-color:#ff142b}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini+label{color:#ff142b}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover xg-tips{display:block}.xg-mini-layer .mini-cancel-btn{display:block;position:absolute;top:0;right:0;width:40px;height:38px;color:#fff;line-height:38px;text-align:center;cursor:pointer}.xg-mini-layer .play-icon{position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:24px;background:rgba(0,0,0,.54);cursor:pointer}.xg-mini-layer .play-icon img,.xg-mini-layer .play-icon svg{width:50px;height:50px;fill:#faf7f7}.xg-mini-layer .xg-icon-play{display:none}.xg-mini-layer .xg-icon-pause,.xg-mini-layer[data-state=pause] .xg-icon-play{display:block}.xg-mini-layer[data-state=pause] .xg-icon-pause{display:none}.xgplayer-miniicon{display:block;position:relative;outline:0}.xgplayer-miniicon .name{height:20px;color:rgba(255,255,255,.8);font-size:13px;line-height:40px;text-align:center}.xgplayer-miniicon .name span{display:inline-block;width:60px;height:20px;border-radius:10px;background:rgba(0,0,0,.38);font-size:13px;line-height:20px;vertical-align:middle}.xgplayer-mini{position:fixed;z-index:91;width:320px;height:180px;box-shadow:0 4px 7px 2px rgba(0,0,0,.2)}.xgplayer-mini:hover{cursor:move}.xgplayer-mini:hover .xg-mini-layer{display:block}.xgplayer-mini.xgplayer-ended .xg-mini-layer{display:none}.xgplayer-mobile .xg-mini-layer .play-icon{border-radius:initial;background:0 0}.xgplayer.xgplayer-inactive{cursor:none}.xgplayer xg-thumbnail{display:block}.xgplayer xg-trigger{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-user-select:none;user-select:none}.xgplayer xg-trigger .time-preview{display:none;position:absolute;top:50%;left:50%;width:200px;margin:0 auto;padding:0 20px 30px;transform:translate(-50%,-50%);color:#fff;font-size:18px;text-align:center;text-shadow:0 0 1px rgba(0,0,0,.54);pointer-events:none}.xgplayer xg-trigger .time-preview span{line-height:24px}.xgplayer xg-trigger .time-preview .xg-cur{color:red}.xgplayer xg-trigger .time-preview .xg-separator{font-size:14px}.xgplayer xg-trigger .time-preview .xg-seek-show{transform:translate(-10px)}.xgplayer xg-trigger .time-preview .xg-seek-show.xg-back .xg-seek-pre{transform:rotate(180deg) translate(-5px)}.xgplayer xg-trigger .time-preview .xg-seek-show.hide-seek-icon .xg-seek-icon{display:none}.xgplayer xg-trigger .time-preview .xg-bar{box-sizing:content-box;width:96px;height:2px;margin:8px auto 0;border-radius:10px;background:rgba(255,255,255,.3)}.xgplayer xg-trigger .time-preview .xg-bar .xg-curbar{width:0;height:100%;background-color:red}.xgplayer xg-trigger .time-preview .xg-bar.hide{display:none}.xgplayer xg-trigger .mobile-thumbnail{position:relative;left:50%;transform:translate(-50%)}.xgplayer xg-trigger .xg-top-note{position:absolute;top:26px;left:50%;width:135px;height:32px;margin-left:-78px;border-radius:100px;background:rgba(0,0,0,.3);color:#fff}.xgplayer xg-trigger .xg-top-note span{display:block;height:32px;font-size:13px;line-height:32px;text-align:center}.xgplayer xg-trigger .xg-top-note i{margin:0 5px;color:red}.xgplayer xg-trigger .xg-playbackrate{display:none}.xgplayer xg-trigger[data-xg-action=seeking] .time-preview{display:block}.xgplayer xg-trigger[data-xg-action=playbackrate] .xg-playbackrate{display:block}.xgplayer .gradient{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.36) 20%,rgba(0,0,0,0) 36%,rgba(0,0,0,0) 70%,rgba(0,0,0,.24) 77%,rgba(0,0,0,.36) 83%,rgba(0,0,0,.6));pointer-events:none}.xgplayer .gradient.top{background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.36) 20%,rgba(0,0,0,0) 36%,rgba(0,0,0,0) 70%)}.xgplayer .gradient.bottom{background-image:linear-gradient(rgba(0,0,0,0) 70%,rgba(0,0,0,.24) 77%,rgba(0,0,0,.36) 83%,rgba(0,0,0,.6))}.xgplayer .gradient.none,.xgplayer-mobile .xgplayer-controls{background-image:initial}.xgplayer-mobile.xgplayer-playing .gradient{display:block}.xgplayer-mobile.xgplayer-inactive .gradient{background-image:initial}.xgplayer-mobile .xgmask{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0);pointer-events:none}@media (prefers-color-scheme:dark){.xgplayer-mobile xg-trigger .time-preview{color:#fff}.xgplayer-mobile xg-trigger .time-preview span.xg-cur{color:red}.xgplayer-mobile xg-trigger .time-preview .xg-bar{background-color:rgba(255,255,255,.3019607843)}.xgplayer-mobile xg-trigger .time-preview .xg-bar.xg-curbar{background-color:red}}@keyframes loadingRotate{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}@keyframes loadingDashOffset{0%{stroke-dashoffset:236}100%{stroke-dashoffset:0}}xg-loading-inner{display:block;width:100%;height:100%;transform-origin:center;animation:loadingRotate 1s .1s linear infinite}.xgplayer-loading{display:none;position:absolute;z-index:10;top:50%;left:50%;width:70px;height:70px;overflow:hidden;transform:translate(-50%,-50%);pointer-events:none}.xgplayer-loading img,.xgplayer-loading svg{width:100%;height:100%}.xgplayer-mobile .xgplayer-loading{width:50px;height:50px}.xgplayer-isloading .xgplayer-loading{display:block}.xgplayer-is-ended .xgplayer-loading,.xgplayer-is-enter .xgplayer-loading,.xgplayer-is-error .xgplayer-loading,.xgplayer-nostart .xgplayer-loading,.xgplayer-pause .xgplayer-loading{display:none}.xgplayer .xgplayer-progress{display:flex;position:relative;top:0;right:0;left:0;flex:1;align-items:center;min-width:10px;height:20px;outline:0;cursor:pointer}.xgplayer .xgplayer-progress-outer{position:relative;width:100%;height:2px;border-radius:3px;cursor:pointer}.xgplayer .progress-list{display:flex;width:100%;height:100%;border-radius:inherit}.xgplayer .xgplayer-progress-inner{position:relative;flex:1;height:100%;margin-right:2px;transition:height .2s ease-in,opacity .2s ease-out;border-radius:inherit;background:rgba(255,255,255,.3);pointer-events:none}.xgplayer .xgplayer-progress-inner:last-child,.xgplayer .xgplayer-progress-inner:only-child{margin-right:0}.xgplayer .inner-focus-point{position:relative;background:#fff}.xgplayer .inner-focus-point::after,.xgplayer .inner-focus-point::before{content:" ";display:block;position:absolute;z-index:1;top:0;top:50%;width:2px;height:300%;transform:translateY(-50%);border-radius:3px;background:#fff}.xgplayer .inner-focus-point::before{left:0}.xgplayer .inner-focus-point::after{right:0}.xgplayer .xgplayer-progress-cache,.xgplayer .xgplayer-progress-played{display:block;position:absolute;top:0;left:0;width:0;height:100%;border-radius:inherit}.xgplayer .xgplayer-progress-played{background:linear-gradient(-90deg,#fa1f41 0,#e31106 100%)}.xgplayer .xgplayer-progress-cache{background:rgba(255,255,255,.5)}.xgplayer .xgplayer-progress-btn{display:block;position:absolute;z-index:1;top:50%;left:0;box-sizing:border-box;width:20px;height:20px;transform:translate(-50%,-50%);border:.5px solid rgba(255,94,94,.0565);border-radius:30px;background:rgba(255,94,94,.304);box-shadow:0 0 1px rgba(255,0,0,.3843137255);pointer-events:none}.xgplayer .xgplayer-progress-btn::before{content:" ";display:block;position:relative;top:50%;left:50%;width:12px;height:12px;transform:translate(-50%,-50%);border-radius:30px;background:#fff}.xgplayer .xgplayer-progress-btn.active{border:4px solid rgba(255,94,94,.0641)}.xgplayer .xgplayer-progress-btn.active::before{box-shadow:0 0 3px rgba(248,89,89,.6901960784)}.xgplayer .xgplayer-progress-dot{display:inline-block;position:absolute;z-index:16;top:0;width:5px;height:100%;border-radius:6px;background:#fff}.xgplayer .xgplayer-progress-dot .xgplayer-progress-tip{display:none;position:absolute;top:-40px;left:25%;width:auto;height:auto;transform:scale(.8) translate(-50%);border:1px solid rgba(0,0,0,.8);border-radius:6px;background:rgba(0,0,0,.3);line-height:30px;white-space:nowrap;cursor:default}.xgplayer .xgplayer-progress-dot:hover .xgplayer-progress-tip{display:block}.xgplayer .flex-controls .xgplayer-progress{transform:translateY(0)}.xgplayer.xgplayer-pc .xgplayer-progress-btn{transform:translate(-50%,-50%) scale(0)}.xgplayer.xgplayer-pc .xgplayer-progress-outer{height:3px}.xgplayer.xgplayer-pc .xgplayer-progress-inner{margin-right:4px}.xgplayer.xgplayer-pc .xgplayer-progress-inner:last-child,.xgplayer.xgplayer-pc .xgplayer-progress-inner:only-child{margin-right:0}.xgplayer.xgplayer-pc .inner-focus-point::after,.xgplayer.xgplayer-pc .inner-focus-point::before{width:3px}.xgplayer.xgplayer-pc .inner-focus-highlight{background:rgba(255,255,255,.8)}.xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-outer{height:6px;margin-bottom:3px;transition:height .3s ease,margin-bottom .3s ease}.xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-btn{transform:translate(-50%,-50%) scale(1)}.xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point::after,.xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point::before{width:6px}.xgplayer .xgplayer-progress-bottom .xgplayer-progress-outer{top:9px}.xgplayer .xgplayer-progress-bottom .xgplayer-progress-btn::before{width:6px;height:6px}.xgplayer.xgplayer-mobile .xgplayer-progress-bottom .xgplayer-progress-outer{height:4px}@media (prefers-color-scheme:dark){.xgplayer .xgplayer-progress .xgplayer-progress-inner{background-color:rgba(255,255,255,.3019607843)}.xgplayer .xgplayer-progress .inner-focus-highlight{background:rgba(255,255,255,.8)}.xgplayer .xgplayer-progress .xgplayer-progress-btn{border:.5px solid rgba(255,94,94,.0565);background:rgba(255,94,94,.304);box-shadow:0 0 1px rgba(255,0,0,.3843137255)}.xgplayer .xgplayer-progress .xgplayer-progress-btn::before{background-color:#fff}.xgplayer .xgplayer-progress .xgplayer-progress-played{background-color:linear-gradient(-90deg,#fa1f41 0,#e31106 100%)}.xgplayer .xgplayer-progress .xgplayer-progress-cache{background-color:rgba(255,255,255,.5019607843)}}.xg-mini-progress{display:none;position:absolute;right:0;bottom:0;left:0;height:2px;pointer-events:none}.xg-mini-progress xg-mini-progress-cache,.xg-mini-progress xg-mini-progress-played{position:absolute;top:0;left:0;width:0;height:100%;border-radius:inherit}.xg-mini-progress xg-mini-progress-played{background:linear-gradient(-90deg,#fa1f41 0,#e31106 100%)}.xg-mini-progress xg-mini-progress-cache{background:rgba(255,255,255,.5)}.xg-mini-progress-show,.xgplayer-inactive .xg-mini-progress,.xgplayer-mini .xg-mini-progress{display:block}.xgplayer .xgplayer-play .xg-icon-play{display:none}.xgplayer .xgplayer-play .xg-icon-pause,.xgplayer .xgplayer-play[data-state=pause] .xg-icon-play{display:block}.xgplayer .xgplayer-fullscreen .xg-exit-fullscreen,.xgplayer .xgplayer-play[data-state=pause] .xg-icon-pause{display:none}.xgplayer .xgplayer-fullscreen .xg-get-fullscreen,.xgplayer .xgplayer-fullscreen[data-state=full] .xg-exit-fullscreen{display:block}.xgplayer .xgplayer-fullscreen[data-state=full] .xg-get-fullscreen{display:none}.xgplayer .xg-top-bar .xgplayer-back{display:none;position:relative;top:16px;left:0;width:34px;height:40px}.xgplayer .xg-top-bar .xgplayer-back.show{display:block}.xgplayer .xgplayer-time{display:inline-block;min-width:40px;color:#fff;font-family:PingFangSC-Semibold;font-size:14px;line-height:40px;text-align:center;pointer-events:none}.xgplayer .xgplayer-time span{display:inline-block;height:40px;line-height:40px}.xgplayer .xgplayer-time span .time-min-width{min-width:2ch;text-align:center}.xgplayer .xgplayer-time span .time-min-width:first-child{text-align:right}.xgplayer .xgplayer-time span .time-min-width:last-child{text-align:left}.xgplayer .xgplayer-time .time-duration{color:rgba(255,255,255,.5019607843)}.xgplayer .xgplayer-time .time-live-tag{display:none}.xgplayer .xgplayer-time.xg-time-left{margin-left:0}.xgplayer .xgplayer-time.xg-time-right{margin-right:0}.xgplayer.xgplayer-mobile .xgplayer-time{min-width:30px;font-size:12px}.xgplayer.xgplayer-mobile .xgplayer-time.xg-time-left{margin-right:8px}.xgplayer.xgplayer-mobile .xgplayer-time.xg-time-right{margin-left:8px}.xgplayer .xgplayer-volume.slide-show .xgplayer-slider{display:block}.xgplayer .xgplayer-slider{display:none;position:absolute;bottom:40px;width:28px;height:92px;border-radius:1px;outline:0;background:rgba(0,0,0,.54)}.xgplayer .xgplayer-slider::after{content:" ";display:block;position:absolute;z-index:20;bottom:-15px;left:0;width:28px;height:15px;cursor:initial}.xgplayer .xgplayer-value-label{position:absolute;right:0;bottom:100%;left:0;padding:5px 0 0;background-color:rgba(0,0,0,.5411764706);color:#fff;font-size:12px;text-align:center}.xgplayer .xgplayer-bar,.xgplayer .xgplayer-drag{display:block;position:absolute;bottom:6px;left:12px;width:4px;height:76px;border-radius:100px;outline:0;background:rgba(255,255,255,.3);cursor:pointer}.xgplayer .xgplayer-drag{bottom:0;left:0;max-height:76px;background:#fa1f41}.xgplayer .xgplayer-drag::after{content:" ";display:inline-block;position:absolute;top:-4px;left:-2px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.2588235294)}.xgplayer .xgplayer-volume[data-state=normal] .xg-volume{display:block}.xgplayer .xgplayer-volume[data-state=normal] .xg-volume-mute,.xgplayer .xgplayer-volume[data-state=normal] .xg-volume-small,.xgplayer .xgplayer-volume[data-state=small] .xg-volume{display:none}.xgplayer .xgplayer-volume[data-state=small] .xg-volume-small{display:block}.xgplayer .xgplayer-volume[data-state=mute] .xg-volume,.xgplayer .xgplayer-volume[data-state=mute] .xg-volume-small,.xgplayer .xgplayer-volume[data-state=small] .xg-volume-mute{display:none}.xgplayer .xgplayer-volume[data-state=mute] .xg-volume-mute{display:block}.xgplayer .xgplayer-pip .xg-exit-pip,.xgplayer.xgplayer-mobile .xgplayer-volume .xgplayer-slider{display:none}.xgplayer .xgplayer-pip .xg-get-pip,.xgplayer .xgplayer-pip[data-state=pip] .xg-exit-pip{display:block}.xgplayer .xgplayer-pip[data-state=pip] .xg-get-pip{display:none}.xgplayer .xgplayer-playnext{display:none;position:relative;cursor:pointer}.xgplayer .xgplayer-playnext .xgplayer-tips .xgplayer-tip-playnext{display:block}.xgplayer .xgplayer-playnext:hover{opacity:.85}.xgplayer .xgplayer-playnext:hover .xgplayer-tips{display:block}.lang-is-en .xgplayer-playnext .xgplayer-tips{margin-left:-25px}.lang-is-jp .xgplayer-playnext .xgplayer-tips{margin-left:-38px}.xgplayer .xgplayer-download{display:block;position:relative;cursor:pointer}.lang-is-en .xgplayer-download .xgplayer-tips{margin-left:-32px}.lang-is-jp .xgplayer-download .xgplayer-tips{margin-left:-40px}.xgplayer .xgplayer-shot{display:none}.xgplayer-definition{display:none;cursor:pointer}.xgplayer .xgplayer-playbackrate{display:none;cursor:default}.xgplayer .xgplayer-cssfullscreen .xg-get-cssfull{display:block}.xgplayer .xgplayer-cssfullscreen .xg-exit-cssfull,.xgplayer .xgplayer-cssfullscreen[data-state=full] .xg-get-cssfull{display:none}.xgplayer .xgplayer-cssfullscreen[data-state=full] .xg-exit-cssfull{display:block}.xgplayer-error{display:none;position:absolute;z-index:6;top:0;left:0;align-items:center;justify-content:center;width:100%;height:100%;background:#000;color:#fff;line-height:100%;text-align:center}.xgplayer-error .xgplayer-error-refresh{padding:0 3px;color:#fa1f41;cursor:pointer}.xgplayer-error .xgplayer-error-text{display:block;margin:auto 6px 20px;line-height:18px}.xgplayer-is-error .xgplayer-error{display:flex}.xgplayer .xgplayer-prompt{display:block;position:absolute;z-index:1;left:10px;padding:6px 12px 5px;border-radius:50px;opacity:0;background:rgba(0,0,0,.5);color:#fff;font-size:12px;line-height:17px;text-align:center;pointer-events:none}.xgplayer .xgplayer-prompt.show{display:block;z-index:10;opacity:1;pointer-events:initial}.xgplayer .xgplayer-prompt.arrow{transform:translate(-50%)}.xgplayer .xgplayer-prompt.arrow::after{content:"";display:block;position:absolute;bottom:0;left:50%;width:0;height:0;transform:translate(-50%,100%);border-top:8px solid rgba(0,0,0,.5);border-right:6px solid transparent;border-left:6px solid transparent}.xgplayer .xgplayer-prompt .highlight{display:inline-block;margin-left:6px;color:red;cursor:pointer}.xgplayer.xgplayer-is-error .xgplayer-prompt.show{display:none;opacity:1}.xgplayer .xgplayer-spot{position:absolute;top:0;left:0;height:100%;border-radius:12px;background:#fff}.xgplayer .xgplayer-spot.mini{min-width:6px;transform:translate(-50%)}.xgplayer .xgplayer-spot.active .xgplayer-spot-pop{display:block;opacity:1;pointer-events:initial}.xgplayer .xgplayer-spot-pop{display:block;position:absolute;bottom:5px;left:50%;padding-bottom:5px;transform:translate(-50%);opacity:0;pointer-events:none}.xgplayer-mobile .xgplayer-spot{top:50%;min-width:3px;height:3px;transform:translateY(-50%);opacity:1}.xgplayer-mobile .xgplayer-spot.mini{min-width:3px;transform:translate(-50%,-50%)}.xgplayer .xgplayer-progress.active .xgplayer-spot{visibility:visible;transition:opacity .3s;opacity:1}.xgplayer .xg-spot-info{display:none;position:absolute;bottom:100%;left:0}.xgplayer .xg-spot-info.short-line .xg-spot-line{height:6px}.xgplayer .xg-spot-info.short-line .xg-spot-content{bottom:-4px}.xgplayer .xg-spot-info.no-thumbnail .xg-spot-thumbnail{display:none}.xgplayer .xg-spot-info.no-thumbnail .xgplayer-progress-point{display:block}.xgplayer .xg-spot-info.hide,.xgplayer .xg-spot-info.no-timepoint .xgplayer-progress-point{display:none}.xgplayer .xgplayer-progress.active .xg-spot-info{display:block}.xgplayer .xgplayer-progress.active .xg-spot-info.hide{display:none}.xgplayer .xg-spot-line{display:block;position:relative;bottom:-7px;width:1px;height:41px;margin-left:50%;background-color:#fff;pointer-events:none}.xgplayer .xgplayer-progress-point{display:none;position:relative;bottom:-4px;left:50%;padding:4px 6px;transform:translate(-50%);border-radius:4px;opacity:.85;background:rgba(0,0,0,.54);color:#fff;font-size:11px;text-align:center;white-space:nowrap}.xgplayer .xg-spot-content{position:relative;bottom:-7px;border-radius:2px 2px 0 0;color:#fff}.xgplayer .xg-spot-ext-text{position:relative;bottom:-7px}.xgplayer .xg-spot-thumbnail{position:relative;border-radius:2px 2px 0 0;background-color:#111010;pointer-events:none}.xgplayer .xg-spot-time{position:absolute;bottom:2px;left:50%;transform:translate(-50%);font-size:12px;line-height:16.8px;pointer-events:none}.xgplayer .progress-thumbnail{display:block;margin:0 auto}.xgplayer .xg-spot-text{display:none;box-sizing:border-box;padding:5px 8px;border-radius:0 0 2px 2px;background:rgba(0,0,0,.8);pointer-events:none}.xgplayer .spot-inner-text{display:-webkit-box;max-height:40px;overflow:hidden;font-size:12px;line-height:20px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.xgplayer .xg-spot-content.show-text .xg-spot-text{display:block}.xgplayer .product .xg-spot-text{background:#3370ff}.xgplayer .product .xg-spot-line{left:-10px;width:0;height:15px;border-top:7px solid #3370ff;border-right:10px solid transparent;border-left:10px solid transparent;background:0 0}.xgplayer .xgvideo-preview{visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;transition:visibility .3s,opacity .3s;opacity:0;background-color:#000}.xgplayer .xgvideo-preview .xgvideo-thumbnail{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:0}.xgplayer .xgvideo-preview.show{visibility:visible;opacity:1}.xgplayer-dynamic-bg,.xgplayer-dynamic-bg canvas,.xgplayer-dynamic-bg xgfilter,.xgplayer-dynamic-bg xgmask{display:block;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.xgplayer-dynamic-bg canvas{transform:translateZ(0)}.xgplayer-dynamic-bg xgmask{background:rgba(0,0,0,.7)}.el-message.i-notify{--el-message-text-color:var(--el-color-white)}.el-message.i-notify .el-icon.el-message__icon{color:var(--el-color-white)}.el-message.i-notify.el-message--success{--el-message-bg-color:var(--el-color-success)}.el-message.i-notify.el-message--warning{--el-message-bg-color:var(--el-color-warning)}.el-message.i-notify.el-message--error{--el-message-bg-color:var(--el-color-error)}.el-message.i-notify.el-message--info{--el-message-bg-color:var(--el-color-info)}.el-dialog.i-dialog{padding:0!important}.el-dialog.i-dialog .el-dialog__header{margin-top:0;margin-right:0;height:50px;border-bottom:1px solid var(--el-border-color-lighter);padding:0;display:inline-flex;align-items:center;width:100%;position:relative}.el-dialog.i-dialog .el-dialog__header .el-dialog__title{padding-left:20px}.el-dialog.i-dialog .el-dialog__header .el-dialog__title::before{content:"";display:inline-block;position:absolute;top:17px;left:10px;width:4px;height:18px;border-radius:2px;background-color:var(--el-color-primary)}.el-dialog.i-dialog .el-dialog__header .el-dialog__headerbtn{width:30px;height:30px;top:13px;border-radius:4px;display:flex;justify-content:center;align-items:center;transition:all .3s;margin-right:10px}.el-dialog.i-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{font-size:16px;transition:all .3s}.el-dialog.i-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close:hover{background-color:transparent}.el-dialog.i-dialog .el-dialog__header .el-dialog__headerbtn:hover{background-color:var(--el-color-danger)}.el-dialog.i-dialog .el-dialog__header .el-dialog__headerbtn:hover .el-dialog__close{color:#fff!important}.el-dialog.i-dialog .el-dialog__body{padding:10px}.el-dialog.i-dialog.i-dialog__empty_footer .el-dialog__footer{display:none}.el-dialog.i-dialog .el-dialog__footer{border-top:1px solid var(--el-border-color-lighter)}.t-link{font-size:15px!important;font-family:PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-weight:500;transition:all .3s;text-decoration:none!important}.t-link+.t-link{margin-left:12px}.t-link .t-link-icon{padding:0 4px 0 0}.t-link .t-link-icon .iconfont{font-size:14px}.t-link.el-link.is-disabled{color:var(--el-link-disabled-text-color)!important}.i-tzj-player{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background-color:#000;color:#fff;font-size:14px}.i-tzj-player .i-tzj-player-content{background-color:#000;width:100%;height:100%}.i-tzj-player .i-tzj-player__error{display:flex;position:absolute;z-index:999;top:0;left:0;align-items:center;justify-content:center;width:100%;height:100%;background-color:#000;color:#efefef;font-size:12px}
1
+ .i-date-picker{--color-fill-2:#fff;--color-fill-3:#fff}.i-date-picker .arco-picker{width:100%;border:1px solid #dcdfe6}.i-date-picker .arco-picker:hover{border:1px solid #dcdfe6}.i-date-picker .arco-trigger-popup{z-index:5001!important}.i-date-picker .is-error .arco-picker{border-color:var(--el-color-danger)!important}.arco-trigger-popup{z-index:4001!important}.el-drawer.i-drawer{background:0 0;box-shadow:none}.el-drawer.i-drawer.i-drawer-over-top .el-drawer__header{margin-top:0}.el-drawer.i-drawer .el-drawer__header{margin-top:56px;padding:0;margin-bottom:0;background-color:var(--el-drawer-bg-color)}.el-drawer.i-drawer .el-drawer__body{padding:0;background-color:var(--el-drawer-bg-color)}.el-drawer.i-drawer .i-drawer-header{height:56px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--el-border-color-darker)}.el-drawer.i-drawer .i-drawer-header .i-drawer-title{display:flex;align-items:center;justify-content:flex-start}.el-drawer.i-drawer .i-drawer-header .i-drawer-title .y-block-name{margin-right:12px}.el-drawer.i-drawer .i-drawer-body{height:calc(100% - 56px);padding:20px 10px 20px 20px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.el-drawer.i-drawer .i-drawer-body.i-drawer-no-footer{height:100%!important}.el-drawer.i-drawer .i-drawer-footer{height:56px;width:100%;border-top:1px solid var(--el-border-color-darker);display:flex;justify-content:flex-end;flex-direction:row;align-items:center;position:absolute;bottom:0;left:0;padding-right:20px}.i-drawer-header-close{cursor:pointer;display:flex;align-items:center;justify-content:center;height:26px;width:26px;border-radius:4px;transition:all .3s;color:var(--el-text-color-primary)}.i-drawer-header-close:hover{color:var(--el-color-white);background-color:var(--el-color-danger)}.el-form.i-form{display:grid}.el-form.i-form .el-form-item__label{font-weight:400}.el-form.i-form .el-form-item__content{align-items:center}.el-form.i-form .el-form-item{align-items:center}.el-form.i-form .el-cascader.i-form-component,.el-form.i-form .el-select.i-form-component{width:100%;min-width:200px}.el-form.i-form .arco-picker.i-form-component{width:100%;min-width:200px;border-color:var(--el-border-color);background-color:transparent}.el-form.i-form .arco-picker.i-form-component .arco-picker-suffix{width:14px}.t-icon-select-card{display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;border:1px solid var(--el-border-color);border-radius:4px}.t-icon-select-card span{font-size:14px;color:var(--el-text-color-regular)}.t-icon-select-card .iconfont{font-size:36px;color:var(--el-text-color-primary)}.t-icon-select__wrap{display:flex;justify-content:flex-start;align-items:flex-start;width:500px}.t-icon-select__wrap .icon-view{margin-right:6px;font-size:14px}.t-icon-select__wrap .icon-view .icon-view-box{width:84px;height:84px;border:1px solid var(--el-border-color);display:flex;align-items:center;justify-content:center}.t-icon-select__wrap .icon-view .icon-view-box .iconfont{font-size:36px}.t-icon-select__wrap .icon-view .icon-text{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-top:6px}.t-icon-select__wrap .icon-view .icon-text label{text-align:left;font-size:12px;color:var(--el-text-color-secondary)}.t-icon-select__wrap .icon-view .icon-text span{border-bottom:1px solid var(--el-border-color);width:84px;text-align:left;height:20px;color:var(--el-text-color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-icon-select__wrap .icon-list-wrap{width:401px;box-sizing:border-box}.t-icon-select__wrap .icon-list-wrap .icon-search{margin-bottom:4px}.t-icon-select__wrap .icon-list-wrap .icon-list{--t-icon-size:40px;display:grid;grid-template-columns:repeat(auto-fit,var(--t-icon-size));box-sizing:border-box;border-right:1px solid var(--el-border-color);border-top:1px solid var(--el-border-color)}.t-icon-select__wrap .icon-list-wrap .icon-list .icon-list-item{height:var(--t-icon-size);display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;cursor:pointer;color:var(--el-text-color-regular);border-bottom:1px solid var(--el-border-color);border-left:1px solid var(--el-border-color)}.t-icon-select__wrap .icon-list-wrap .icon-list .icon-list-item:hover{color:var(--el-text-color-primary);background-color:var(--el-color-info-light-9)}.t-icon-select__wrap .icon-list-wrap .icon-list .icon-list-item.active{color:#fff;background-color:var(--el-color-primary)}.t-icon-select__wrap .icon-list-wrap .icon-list .icon-list-item.disabled{cursor:not-allowed}.t-icon-select__wrap .icon-list-wrap .icon-list .icon-list-item.disabled:hover{color:var(--el-text-color-regular);background-color:inherit}.t-icon-select__wrap .icon-list-wrap .icon-list .icon-list-item .iconfont{font-weight:500;font-size:14px}.t-icon-select__wrap .icon-list-wrap .icon-footer{margin-top:6px;display:flex;justify-content:flex-end;align-items:center}.t-img-verify{width:100%;height:100%;cursor:pointer}.i-text-button{font-size:15px;font-family:PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-weight:500;transition:all .3s;display:inline-flex;justify-content:center;align-items:center;height:23px;padding:0 4px;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.i-text-button.i-text-button__disabled{cursor:not-allowed;color:var(--el-text-color-disabled)!important}.i-text-button.i-text-button__disabled:hover>.i-text-button__line{width:0}.i-text-button+.i-text-button{margin-left:2px}.i-text-button>.i-text-button__icon{margin-right:4px}.i-text-button>.i-text-button__icon .iconfont{font-size:14px}.i-text-button>.i-text-button__line{position:absolute;width:0;height:1px;bottom:0;left:50%;transform:translate(-50%,0);transition:all .3s;color:#409eff}.i-text-button:hover>.i-text-button__line{width:calc(100% - 8px)}.i-text-button-group{display:flex;align-items:center;justify-content:flex-start}.t-page-header{position:relative;display:flex;justify-content:space-between;align-items:center;height:40px}.t-page-header.t-page-header__underline{border-bottom:1px solid var(--el-border-color-darker)}.t-page-header.t-page-header__between{justify-content:space-between}.t-page-header.t-page-header__start{justify-content:flex-start}.t-page-header .t-page-name{font-size:16px;font-family:"PingFang SC","Helvetica Neue",Helvetica,STHeiTi,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;font-weight:700;color:var(--el-text-color-primary);padding-left:12px;position:relative;text-decoration:none;margin-right:12px}.t-page-header .t-page-name::before{position:absolute;top:-1px;left:0;content:"";display:inline;width:4px;height:100%;border-radius:2px;background-color:var(--el-color-primary)}.i-search{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;padding-top:12px;width:100%}.i-search .i-form{display:flex!important;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:flex-start}.i-search .i-form .el-input.i-form-component{width:200px!important}.i-search .i-form .el-select.i-select.i-form-component{width:200px!important}.i-search .el-form--inline .el-form-item{margin-right:10px;margin-bottom:10px}.i-segmented{display:inline-block;background-color:var(--el-fill-color-darker);padding:.15rem .15rem;border-radius:.15rem}.i-segmented__small .i-segmented-control>.i-segmented-control__item{height:28px;line-height:28px;padding:0 6px;font-size:12px}.i-segmented__default .i-segmented-control>.i-segmented-control__item{height:32px;line-height:32px;padding:0 10px;font-size:14px}.i-segmented__large .i-segmented-control>.i-segmented-control__item{height:40px;line-height:40px;padding:0 12px;font-size:16px}.i-segmented .i-segmented-control{position:relative;display:flex}.i-segmented .i-segmented-control>.i-segmented-control__item{display:inline-flex;justify-content:center;align-items:center;outline:0;border:none;cursor:pointer;background-color:transparent;color:var(--el-text-color-regular);box-sizing:border-box;transition:all .3s ease-in-out;border-radius:.15rem;flex:1}.i-segmented .i-segmented-control>.i-segmented-control__item.active{color:#fff;z-index:2}.i-segmented .i-segmented-control>.i-segmented-control__item.active:hover{box-shadow:0 4px 6px rgba(0,0,0,.2);background-color:transparent}.i-segmented .i-segmented-control>.i-segmented-control__item.i-segmented-control__disabled{cursor:not-allowed;color:var(--el-text-color-disabled)}.i-segmented .i-segmented-control>.i-segmented-control__item.i-segmented-control__disabled:hover{box-shadow:none;background-color:transparent}.i-segmented .i-segmented-control>.i-segmented-control__item:hover{box-shadow:0 1px 6px rgba(89,89,89,.2);background-color:var(--el-fill-color-extra-light)}.i-segmented .i-segmented-control>.i-segmented-control__item .i-segmented-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center}.i-segmented .i-segmented-control>.indicator{position:absolute;height:100%;border-radius:.15rem;top:0;left:0;box-shadow:0 1px 6px rgba(89,89,89,.2);background-color:var(--el-color-primary);transition:transform .3s ease-in-out,width .3s ease-in-out;z-index:1}.clearfix::after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.vue-splitter-container{height:100%;position:relative}.vue-splitter-container-mask{z-index:9999;width:100%;height:100%;position:absolute;top:0;left:0}.i-splitter-pane.vertical.i-splitter-paneL{position:absolute;left:0;height:100%;padding:5px;box-sizing:border-box}.i-splitter-pane.vertical.i-splitter-paneR{position:absolute;right:0;height:100%;padding:5px 5px 5px 15px;box-sizing:border-box}.i-splitter-pane.horizontal.i-splitter-paneL{position:absolute;top:0;width:100%}.i-splitter-pane.horizontal.i-splitter-paneR{position:absolute;bottom:0;width:100%;padding-top:3px}.splitter-pane-resizer{box-sizing:border-box;background:#000;position:absolute;opacity:.8;z-index:1;background-clip:padding-box}.splitter-pane-resizer.horizontal{height:6px;width:100%;background:var(--el-bg-color-page);cursor:row-resize}.splitter-pane-resizer.horizontal:before{content:"\e702";font-family:iconfont;font-size:13px;color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.splitter-pane-resizer.vertical{width:10px;height:100%;background-color:var(--el-bg-color-page);cursor:col-resize}.splitter-pane-resizer.vertical:before{content:"\e702";font-family:iconfont;font-size:13px;color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.i-table-warp{width:100%;height:100%}.i-table-warp .el-table.i-table{--el-table-header-bg-color:var(--el-bg-color-page);--el-table-row-hover-bg-color:var(--el-color-primary-light-9)}.i-table-warp .el-table.i-table .el-table__body,.i-table-warp .el-table.i-table .el-table__header{margin:0}.i-table-warp .i-table-pagination{height:50px;display:flex;justify-content:flex-end;align-items:center}.t-tenant-enterprise .t-tenant-enterprise__label{font-size:14px;color:var(--el-text-color-regular);font-weight:400;padding-right:6px}.t-tenant-enterprise .el-select .el-select__tags-text{max-width:100px!important}.t-tenant-enterprise__search{height:32px;display:flex;align-content:center;justify-content:center;padding:6px 6px 0 6px}.tenant-enterprise-popper{width:300px}.tenant-enterprise-popper .highlight{background-color:#ff0;font-weight:700}.tenant-enterprise-popper .el-tree-node.tenant-e-empty-node .el-tree-node__content .el-icon.el-tree-node__expand-icon{display:none}.el-tree.tenant-enterprise-tree.tenant-enterprise-tree__only .el-checkbox__inner{border-radius:50%;overflow:hidden}.el-tree .el-tree-node__content{position:relative}.element-tree-node-label-wrapper{flex:1;display:flex;align-items:center}.element-tree-node-label{font-size:12px}.element-tree-node-line-ver{display:block;position:absolute;top:0;left:0;height:100%;border-left:1px dashed #dcdfe6}.element-tree-node-line-ver.last-node-isLeaf-line{height:50%}.element-tree-node-line-hor{display:block;position:absolute;top:50%;left:0;height:0;border-bottom:1px dashed #dcdfe6}.element-tree-node-label-line{flex:1;border-top:1px dashed #dcdfe6;align-self:center;margin:0 10px}.el-select .el-select__tags-text{width:100%}.i-descriptions{display:grid}.i-descriptions.i-descriptions__border{border-bottom:1px solid var(--el-border-color-light);border-right:1px solid var(--el-border-color-light)}.i-descriptions.i-descriptions__border .i-descriptions-item{border-left:1px solid var(--el-border-color-light);border-top:1px solid var(--el-border-color-light)}.i-descriptions.i-descriptions__border .i-descriptions-item .i-descriptions-label{background-color:var(--el-fill-color-light);border-right:1px solid var(--el-border-color-light)}.i-descriptions .i-descriptions-item{display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box}.i-descriptions .i-descriptions-item.i-descriptions-item__large .i-descriptions-label{min-height:40px}.i-descriptions .i-descriptions-item.i-descriptions-item__large .i-descriptions-label .iconfont{font-size:15px}.i-descriptions .i-descriptions-item.i-descriptions-item__large .i-descriptions-label .i-descriptions-label__text{font-size:15px}.i-descriptions .i-descriptions-item.i-descriptions-item__large .i-descriptions-value{font-size:15px}.i-descriptions .i-descriptions-item.i-descriptions-item__default .i-descriptions-label{height:32px}.i-descriptions .i-descriptions-item.i-descriptions-item__small .i-descriptions-label{height:28px}.i-descriptions .i-descriptions-item.i-descriptions-item__small .i-descriptions-label .iconfont{font-size:12px}.i-descriptions .i-descriptions-item.i-descriptions-item__small .i-descriptions-label .i-descriptions-label__text{font-size:12px}.i-descriptions .i-descriptions-item.i-descriptions-item__small .i-descriptions-value{font-size:12px}.i-descriptions .i-descriptions-item .i-descriptions-label{display:inline-flex;justify-content:flex-start;align-items:center;color:var(--el-text-color-primary);height:100%;padding:0 6px;font-size:14px}.i-descriptions .i-descriptions-item .i-descriptions-label .iconfont{font-size:14px;margin-right:6px}.i-descriptions .i-descriptions-item .i-descriptions-label .i-descriptions-label__text{text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.i-descriptions .i-descriptions-item .i-descriptions-value{padding-left:10px;font-size:14px;color:var(--el-text-color-regular);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.i-player-bg{display:flex;align-items:center;justify-content:center;background-color:#000}.i-player-bg.i-player-container{width:100%;height:100%}.i-player-bg .i-player__error{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;color:#ed8b8b;font-size:14px;white-space:break-spaces}.i-player-bg .xgplayer-error{color:#b2b3b5}.i-player-bg .xgplayer-error .xgplayer-error-refresh{color:#ed8b8b}.i-player-bg .i-player-no__url{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;color:#ed8b8b;font-size:14px;white-space:break-spaces}.xgplayer.not-allow-autoplay .xgplayer-controls,.xgplayer.xgplayer-inactive .controls-autohide,.xgplayer.xgplayer-nostart .xgplayer-controls{visibility:hidden;opacity:0;cursor:default;pointer-events:none}.xgplayer.not-allow-autoplay .xgplayer-controls-initshow,.xgplayer.xgplayer-nostart .xgplayer-controls-initshow{visibility:visible;opacity:1;pointer-events:auto}.xgplayer .xgplayer-controls{display:block;visibility:visible;position:absolute;z-index:10;right:0;bottom:0;left:0;height:48px;transition:opacity .5s ease,visibility .5s ease;opacity:1;background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.37),rgba(0,0,0,.75),rgba(0,0,0,.75))}.xgplayer .xgplayer-controls.show{display:block;visibility:visible;opacity:1;pointer-events:auto}.xgplayer .xg-inner-controls{display:flex;position:absolute;bottom:0;justify-content:space-between;height:40px}.xgplayer .xg-left-grid,.xgplayer .xg-right-grid{display:flex;position:relative;z-index:1;flex-shrink:1;flex-wrap:wrap;height:100%}.xgplayer .xg-right-grid{flex-direction:row-reverse}.xgplayer .xg-right-grid>:first-child{margin-right:0}.xgplayer .xg-right-grid xg-icon{margin-left:0}.xgplayer .xg-left-grid>:first-child{margin-left:0}.xgplayer .xg-left-grid xg-icon{margin-right:0}.xgplayer .xg-center-grid{display:block;position:absolute;top:-20px;right:0;left:0;padding:5px 0;outline:0;text-align:center}.xgplayer .flex-controls .xg-inner-controls{display:flex;bottom:8px;justify-content:space-around}.xgplayer .flex-controls .xg-center-grid{display:flex;position:relative;top:0;right:0;left:0;flex:1;align-items:center;justify-content:space-between;height:100%;padding:0 16px}.xgplayer.xgplayer-mobile .xg-center-grid{z-index:2}.xgplayer.xgplayer-mobile .flex-controls .xg-center-grid{padding:0 8px}.xgplayer .bottom-controls .xg-center-grid{top:20px;padding:0}.xgplayer .bottom-controls .xg-left-grid,.xgplayer .bottom-controls .xg-right-grid{bottom:10px}.xgplayer .mini-controls{background-image:none}.xgplayer .mini-controls .xg-inner-controls{right:0;bottom:0;left:0}.xgplayer .mini-controls .xg-center-grid{top:auto;bottom:-28px;padding:0}.xgplayer .mini-controls .xg-left-grid,.xgplayer .mini-controls .xg-right-grid{display:none}.xgplayer .controls-follow{bottom:70px;transition:bottom .3s ease}.xgplayer.flex-controls .controls-follow{bottom:45px}.xgplayer.mini-controls .controls-follow,.xgplayer.no-controls .controls-follow,.xgplayer.xgplayer-inactive .controls-follow{bottom:10px}.xgplayer-fullscreen-parent{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%}.xgplayer-fullscreen-parent .xgplayer.xgplayer-is-cssfullscreen,.xgplayer-fullscreen-parent .xgplayer.xgplayer-is-fullscreen{position:absolute;z-index:10}.xgplayer-rotate-parent{position:fixed;z-index:9999;inset:0 0 0 100%;width:100vh;height:100vw;transform:rotate(90deg);transform-origin:top left}.xgplayer-rotate-parent .xgplayer.xgplayer-rotate-fullscreen{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;margin:0;padding:0;transform:rotate(0)}.xgplayer-rotate-parent .xgplayer-mobile video{z-index:-1}.xgplayer{position:relative;width:100%;height:100%;overflow:hidden;background:#000;font-family:"PingFang SC","Helvetica Neue",Helvetica,STHeiTi,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.xgplayer *{margin:0;padding:0;border:0;word-wrap:normal;vertical-align:baseline;white-space:normal;overflow-wrap:normal}.xgplayer li,.xgplayer ul{list-style:none}.xgplayer .xgplayer-none{display:none}.xgplayer.xgplayer-is-fullscreen{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;margin:0;padding:0}.xgplayer.xgplayer-is-cssfullscreen{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%}.xgplayer.xgplayer-rotate-fullscreen{position:fixed;z-index:9999;inset:0 0 0 100%;width:100vh;height:100vw;transform:rotate(90deg);transform-origin:top left}.xgplayer.xgplayer-rotate-fullscreen.xgplayer-mobile video{z-index:-1}.xgplayer xg-video-container.xg-video-container{display:block;position:absolute;top:0;bottom:48px;width:100%}.xgplayer video{position:absolute;top:0;left:0;width:100%;height:100%;outline:0}.xgplayer[data-xgfill=contain] video{object-fit:contain}.xgplayer[data-xgfill=cover] video{object-fit:cover}.xgplayer[data-xgfill=fill] video{object-fit:fill}.xgplayer .xg-pos{right:10px;left:10px}.xgplayer .xg-margin{margin-right:16px;margin-left:16px}.xgplayer .xg-bottom{bottom:0}.xgplayer .btn-text{position:relative;top:50%;height:24px;font-size:13px;text-align:center}.xgplayer .btn-text span{display:inline-block;min-width:52px;height:24px;border-radius:12px;background:rgba(0,0,0,.38);line-height:24px}.xgplayer xg-icon{position:relative;box-sizing:border-box;height:40px;margin-right:16px;margin-left:16px;fill:#fff;color:rgba(255,255,255,.8);cursor:pointer}.xgplayer xg-icon.xg-icon-disable{cursor:not-allowed}.xgplayer xg-icon .xg-tips{top:-30px;left:50%;transform:translate(-50%)}.xgplayer xg-icon:active .xg-tips,.xgplayer xg-icon:hover .xg-tips{display:block}.xgplayer xg-icon:active .xg-tips.hide,.xgplayer xg-icon:hover .xg-tips.hide{display:none}.xgplayer xg-icon .xgplayer-icon{position:relative;top:50%;transform:translateY(-50%);cursor:pointer}.xgplayer xg-icon .xg-icon-disable{cursor:not-allowed}.xgplayer xg-icon .xg-img{width:100%}.xgplayer xg-icon img,.xgplayer xg-icon svg{display:block;height:100%}.xgplayer xg-bar{display:block}.xgplayer.xgplayer-inactive xg-bar,.xgplayer.xgplayer-mini xg-bar{display:none}.xgplayer.xgplayer-inactive .xg-top-bar{display:flex}.xgplayer.xgplayer-inactive .xg-top-bar.top-bar-autohide{display:none}.xgplayer .xg-top-bar{display:flex;position:absolute;z-index:10;top:0;height:50px;padding:0 16px}.xgplayer .xg-top-bar xg-icon{position:relative;top:10px;left:0;width:34px;margin-top:0}.xgplayer .xg-top-bar xg-icon:first-child{margin-left:0}.xgplayer .xg-left-bar,.xgplayer .xg-right-bar{position:absolute;z-index:9;top:50px;bottom:50px;width:50px}.xgplayer .xg-left-bar{left:0}.xgplayer .xg-right-bar{right:0}.xgplayer .xg-tips{display:none;position:absolute;padding:4px 6px;border-radius:4px;opacity:.85;background:rgba(0,0,0,.54);color:#fff;font-size:12px;text-align:center;white-space:nowrap}.xgplayer .xg-margin{right:0;left:0}.xgplayer-mobile{-webkit-tap-highlight-color:transparent}.xgplayer-mobile *{text-decoration:none;-webkit-tap-highlight-color:transparent}.xgplayer-mobile.xgplayer-rotate-fullscreen .xg-pos,.xgplayer-mobile.xgplayer-rotate-fullscreen .xg-top-bar{right:6%;left:6%}.xgplayer-mobile xg-icon:hover .xg-tips{display:none}.xg-list-slide-scroll::-webkit-scrollbar-track{display:none;background-color:transparent}.xg-list-slide-scroll:hover::-webkit-scrollbar-track{display:block}.xg-list-slide-scroll::-webkit-scrollbar{width:4px;height:4px;background:rgba(0,0,0,0);appearance:none}.xg-list-slide-scroll::-webkit-scrollbar-corner{display:none;background:0 0}.xg-list-slide-scroll::-webkit-scrollbar-thumb{display:none;width:4px;border-radius:3px;background:hsla(0,0%,100%,.5)}.xg-list-slide-scroll:hover::-webkit-scrollbar-thumb{display:block}@media only screen and (width <= 480px){.xgplayer-mobile xg-icon{margin-right:10px;margin-left:10px}.xgplayer-mobile .xg-top-bar{right:10px;left:10px}}@media screen and (orientation:portrait){.xgplayer-mobile.xgplayer-is-cssfullscreen .xgplayer-controls,.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls{bottom:34px;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}.xgplayer-mobile.xgplayer-is-cssfullscreen .xg-top-bar,.xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar{top:34px;top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}}@media only screen and (orientation:landscape){.xgplayer-mobile.xgplayer-is-fullscreen .xg-pos,.xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar{right:6%;left:6%}.xgplayer-mobile.xgplayer-rotate-fullscreen{left:0;width:100vw;height:100vh;transform:rotate(0)}}.xgplayer .xgplayer-screen-container{display:block;width:100%}.xgplayer .xg-options-icon{display:none;cursor:pointer}.xgplayer .xg-options-icon.show{display:block}@keyframes xg_right_options_active{0%{transform:translate(50%)}100%{transform:translate(-50%)}}@keyframes xg_right_options_hide{0%{transform:translate(-50%)}100%{transform:translate(50%)}}@keyframes xg_left_options_active{0%{transform:translate(-50%)}100%{transform:translate(50%)}}@keyframes xg_left_options_hide{0%{transform:translate(50%)}100%{transform:translate(-50%)}}.xgplayer .xg-options-list{display:none;position:absolute;z-index:5;right:50%;bottom:100%;width:78px;height:0;overflow:auto;transform:translate(50%);border-radius:1px;opacity:.85;background:rgba(0,0,0,.54);color:rgba(255,255,255,.8);font-size:14px;cursor:pointer}.xgplayer .xg-options-list li{position:relative;height:20px;padding:4px 0;color:rgba(255,255,255,.8);line-height:20px;text-align:center}.xgplayer .xg-options-list li.selected,.xgplayer .xg-options-list li:hover{opacity:1;color:red}.xgplayer .xg-options-list li:nth-child(1){position:relative;margin-top:12px}.xgplayer .xg-options-list li:last-child{position:relative;margin-bottom:12px}.xgplayer .xg-options-list:hover{opacity:1}.xgplayer .xg-options-list.active{display:block;height:auto}.xgplayer .xg-options-list.xg-side-list{display:flex;bottom:0;box-sizing:border-box;flex-direction:column;width:20%;height:100%;background:rgba(0,0,0,.9)}.xgplayer .xg-options-list.xg-side-list li{position:relative;flex:1;width:100%;padding:0}.xgplayer .xg-options-list.xg-side-list li span{display:block;position:relative;top:50%;transform:translateY(-50%);pointer-events:none}.xgplayer .xg-options-list.xg-side-list li:nth-child(1){margin-top:20px}.xgplayer .xg-options-list.xg-side-list li:last-child{margin-bottom:20px}.xgplayer .xg-options-list.xg-right-side{right:-10.5%}.xgplayer .xg-options-list.xg-right-side.active{height:100%;animation:xg_right_options_active .2s ease-out forwards}.xgplayer .xg-options-list.xg-right-side.hide{height:100%;animation:xg_right_options_hide .2s ease-in forwards}.xgplayer .xg-options-list.xg-left-side{left:-10.5%;transform:translate(-50%)}.xgplayer .xg-options-list.xg-left-side.active{height:100%;animation:xg_left_options_active .2s ease-out forwards}.xgplayer .xg-options-list.xg-left-side.hide{height:100%;animation:xg_left_options_hide .2s ease-in forwards}@media only screen and (width <= 480px){.xgplayer-mobile .xg-options-icon.portrait{display:none}.xgplayer-mobile .xg-options-list li:hover{color:rgba(255,255,255,.8)}.xgplayer-mobile .xg-options-list li.selected{color:red}}.xgplayer xg-thumbnail{display:block}.xgplayer-replay{display:none}.xgplayer .xgplayer-replay{display:none;position:absolute;z-index:5;top:50%;left:50%;flex-direction:column;align-items:center;justify-content:center;width:100px;height:100px;transform:translate(-50%,-50%);cursor:pointer}.xgplayer .xgplayer-replay .xgplayer-replay-txt{display:inline-block;color:#fff;font-size:14px;line-height:34px;text-align:center}.xgplayer.xgplayer-mobile .xgplayer-replay-svg{width:50px;height:50px}.xgplayer.xgplayer-mobile .xgplayer-replay-txt{font-size:12px;line-height:24px}.xgplayer .xgplayer-poster{display:block;visibility:visible;position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .3s ease,visibility .3s ease;opacity:1;background-repeat:no-repeat;background-position:center center;background-size:100% auto;pointer-events:none}.xgplayer .xgplayer-poster.hide,.xgplayer.xgplayer-playing .xgplayer-poster{visibility:hidden;opacity:0}.xgplayer.not-allow-autoplay .xgplayer-poster,.xgplayer.xgplayer-ended .xgplayer-poster,.xgplayer.xgplayer-is-enter .xgplayer-poster.xg-showplay,.xgplayer.xgplayer-nostart .xgplayer-poster,.xgplayer.xgplayer-playing .xg-not-hidden,.xgplayer.xgplayer-playing .xgplayer-poster.xg-showplay{visibility:visible;opacity:1}.xgplayer.not-allow-autoplay .xgplayer-poster.hide,.xgplayer.xgplayer-ended .xgplayer-poster.hide,.xgplayer.xgplayer-nostart .xgplayer-poster.hide{visibility:hidden;opacity:0}@keyframes playPause{0%{transform:scale(1);opacity:1}99%{transform:scale(1.3);opacity:0}100%{transform:scale(1);opacity:0}}.xgplayer xg-start-inner{display:block;width:100%;height:100%;overflow:hidden;border-radius:50%;background:rgba(0,0,0,.38)}.xgplayer .xgplayer-start{position:absolute;z-index:5;top:50%;left:50%;width:70px;height:70px;transform:translate(-50%,-50%);cursor:pointer}.xgplayer .xgplayer-start svg{width:100%;height:100%}.xgplayer .xgplayer-start.focus-hide,.xgplayer .xgplayer-start.hide{display:none;pointer-events:none}.xgplayer .xgplayer-start:hover{opacity:.85}.xgplayer .xgplayer-start .xg-icon-play{display:block}.xgplayer .xgplayer-start .xg-icon-pause,.xgplayer .xgplayer-start[data-state=pause] .xg-icon-play{display:none}.xgplayer .xgplayer-start.interact,.xgplayer .xgplayer-start[data-state=pause] .xg-icon-pause{display:block}.xgplayer .xgplayer-start.interact xg-start-inner{animation:playPause .4s .1s ease-out forwards}.xgplayer .xgplayer-start.show{display:block}.xgplayer.xgplayer-mobile xg-start-inner{border-radius:0;background:initial}.xgplayer.xgplayer-mobile .xgplayer-start{width:50px;height:50px}.xgplayer.xgplayer-mobile .xgplayer-start:hover{opacity:1}.xgplayer.xgplayer-inactive .xgplayer-start.auto-hide,.xgplayer.xgplayer-is-enter .xgplayer-start,.xgplayer.xgplayer-is-enter .xgplayer-start.auto-hide,.xgplayer.xgplayer-is-enter .xgplayer-start.show,.xgplayer.xgplayer-is-error .xgplayer-start,.xgplayer.xgplayer-is-error .xgplayer-start.show,.xgplayer.xgplayer-isloading.xgplayer-playing .xgplayer-start{display:none}.xgplayer-enter{display:none;position:absolute;z-index:5;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);pointer-events:none}.xgplayer-enter .show{display:block}.xgplayer-enter .xgplayer-enter-spinner{display:block;position:absolute;z-index:1;top:50%;left:50%;width:100px;height:100px;transform:translate(-50%,-50%)}.xgplayer-enter .xgplayer-enter-spinner div{position:absolute;top:45%;left:45%;width:6%;height:13%;animation:fade 1s linear infinite;border-radius:30px;opacity:0;background-color:rgba(255,255,255,.7019607843)}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar1{transform:rotate(0) translateY(-140%);animation-delay:0s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar2{transform:rotate(30deg) translateY(-140%);animation-delay:-.9163s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar3{transform:rotate(60deg) translateY(-140%);animation-delay:-833ms}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar4{transform:rotate(90deg) translateY(-140%);animation-delay:-.7497s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar5{transform:rotate(120deg) translateY(-140%);animation-delay:-.6664s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar6{transform:rotate(150deg) translateY(-140%);animation-delay:-.5831s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar7{transform:rotate(180deg) translateY(-140%);animation-delay:-.4998s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar8{transform:rotate(210deg) translateY(-140%);animation-delay:-.4165s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar9{transform:rotate(240deg) translateY(-140%);animation-delay:-.3332s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar10{transform:rotate(270deg) translateY(-140%);animation-delay:-.2499s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar11{transform:rotate(300deg) translateY(-140%);animation-delay:-.1666s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar12{transform:rotate(330deg) translateY(-142%);animation-delay:-83.3ms}@keyframes fade{0%{opacity:1}100%{opacity:.25}}.xgplayer.xgplayer-is-enter .xgplayer-enter{display:block;transition:opacity .3s;opacity:1}.xgplayer.xgplayer-nostart .xgplayer-enter{display:none}.xgplayer.xgplayer-mobile .xgplayer-enter .xgplayer-enter-spinner{width:70px;height:70px}.xg-mini-layer{display:none;position:absolute;z-index:11;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(57,57,57,.9),rgba(57,57,57,0) 50.27%)}.xg-mini-layer .mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);pointer-events:none}.xg-mini-layer xg-mini-header{display:flex;position:absolute;z-index:22;top:0;right:40px;left:0;box-sizing:border-box;justify-content:space-between;padding:10px 3px 0 8px;color:#fff;font-size:14px}.xg-mini-layer xg-mini-header .xgplayer-pip-disableBtn{pointer-events:all}.xg-mini-layer xg-mini-header #disabledMini{display:none;position:relative}.xg-mini-layer xg-mini-header #disabledMini+label{display:flex;position:relative;align-items:center;cursor:pointer}.xg-mini-layer xg-mini-header #disabledMini+label::before{content:"";display:inline-block;width:16px;height:16px;margin-right:7px;border:solid 1px #cdcdcd;border-radius:2px;background-color:transparent;color:#ff142b;line-height:16px;text-align:center;vertical-align:middle}.xg-mini-layer xg-mini-header #disabledMini:checked+label{color:#ff142b}.xg-mini-layer xg-mini-header #disabledMini:checked+label::before{border-color:#ff142b}.xg-mini-layer xg-mini-header #disabledMini:checked+label::after{content:"";position:absolute;top:5px;left:6px;width:4px;height:8px;transform:rotate(45deg);border-width:0 2px 2px 0;border-style:solid;border-color:#ff142b}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn xg-tips{display:none;position:absolute;right:15px;bottom:-30px;padding:4px 6px;border-radius:4px;background-color:rgba(0,0,0,.5411764706);white-space:nowrap}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini+label::before{border-color:#ff142b}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini+label{color:#ff142b}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover xg-tips{display:block}.xg-mini-layer .mini-cancel-btn{display:block;position:absolute;top:0;right:0;width:40px;height:38px;color:#fff;line-height:38px;text-align:center;cursor:pointer}.xg-mini-layer .play-icon{position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:24px;background:rgba(0,0,0,.54);cursor:pointer}.xg-mini-layer .play-icon img,.xg-mini-layer .play-icon svg{width:50px;height:50px;fill:#faf7f7}.xg-mini-layer .xg-icon-play{display:none}.xg-mini-layer .xg-icon-pause,.xg-mini-layer[data-state=pause] .xg-icon-play{display:block}.xg-mini-layer[data-state=pause] .xg-icon-pause{display:none}.xgplayer-miniicon{display:block;position:relative;outline:0}.xgplayer-miniicon .name{height:20px;color:rgba(255,255,255,.8);font-size:13px;line-height:40px;text-align:center}.xgplayer-miniicon .name span{display:inline-block;width:60px;height:20px;border-radius:10px;background:rgba(0,0,0,.38);font-size:13px;line-height:20px;vertical-align:middle}.xgplayer-mini{position:fixed;z-index:91;width:320px;height:180px;box-shadow:0 4px 7px 2px rgba(0,0,0,.2)}.xgplayer-mini:hover{cursor:move}.xgplayer-mini:hover .xg-mini-layer{display:block}.xgplayer-mini.xgplayer-ended .xg-mini-layer{display:none}.xgplayer-mobile .xg-mini-layer .play-icon{border-radius:initial;background:0 0}.xgplayer.xgplayer-inactive{cursor:none}.xgplayer xg-thumbnail{display:block}.xgplayer xg-trigger{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-user-select:none;user-select:none}.xgplayer xg-trigger .time-preview{display:none;position:absolute;top:50%;left:50%;width:200px;margin:0 auto;padding:0 20px 30px;transform:translate(-50%,-50%);color:#fff;font-size:18px;text-align:center;text-shadow:0 0 1px rgba(0,0,0,.54);pointer-events:none}.xgplayer xg-trigger .time-preview span{line-height:24px}.xgplayer xg-trigger .time-preview .xg-cur{color:red}.xgplayer xg-trigger .time-preview .xg-separator{font-size:14px}.xgplayer xg-trigger .time-preview .xg-seek-show{transform:translate(-10px)}.xgplayer xg-trigger .time-preview .xg-seek-show.xg-back .xg-seek-pre{transform:rotate(180deg) translate(-5px)}.xgplayer xg-trigger .time-preview .xg-seek-show.hide-seek-icon .xg-seek-icon{display:none}.xgplayer xg-trigger .time-preview .xg-bar{box-sizing:content-box;width:96px;height:2px;margin:8px auto 0;border-radius:10px;background:rgba(255,255,255,.3)}.xgplayer xg-trigger .time-preview .xg-bar .xg-curbar{width:0;height:100%;background-color:red}.xgplayer xg-trigger .time-preview .xg-bar.hide{display:none}.xgplayer xg-trigger .mobile-thumbnail{position:relative;left:50%;transform:translate(-50%)}.xgplayer xg-trigger .xg-top-note{position:absolute;top:26px;left:50%;width:135px;height:32px;margin-left:-78px;border-radius:100px;background:rgba(0,0,0,.3);color:#fff}.xgplayer xg-trigger .xg-top-note span{display:block;height:32px;font-size:13px;line-height:32px;text-align:center}.xgplayer xg-trigger .xg-top-note i{margin:0 5px;color:red}.xgplayer xg-trigger .xg-playbackrate{display:none}.xgplayer xg-trigger[data-xg-action=seeking] .time-preview{display:block}.xgplayer xg-trigger[data-xg-action=playbackrate] .xg-playbackrate{display:block}.xgplayer .gradient{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.36) 20%,rgba(0,0,0,0) 36%,rgba(0,0,0,0) 70%,rgba(0,0,0,.24) 77%,rgba(0,0,0,.36) 83%,rgba(0,0,0,.6));pointer-events:none}.xgplayer .gradient.top{background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.36) 20%,rgba(0,0,0,0) 36%,rgba(0,0,0,0) 70%)}.xgplayer .gradient.bottom{background-image:linear-gradient(rgba(0,0,0,0) 70%,rgba(0,0,0,.24) 77%,rgba(0,0,0,.36) 83%,rgba(0,0,0,.6))}.xgplayer .gradient.none,.xgplayer-mobile .xgplayer-controls{background-image:initial}.xgplayer-mobile.xgplayer-playing .gradient{display:block}.xgplayer-mobile.xgplayer-inactive .gradient{background-image:initial}.xgplayer-mobile .xgmask{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0);pointer-events:none}@media (prefers-color-scheme:dark){.xgplayer-mobile xg-trigger .time-preview{color:#fff}.xgplayer-mobile xg-trigger .time-preview span.xg-cur{color:red}.xgplayer-mobile xg-trigger .time-preview .xg-bar{background-color:rgba(255,255,255,.3019607843)}.xgplayer-mobile xg-trigger .time-preview .xg-bar.xg-curbar{background-color:red}}@keyframes loadingRotate{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}@keyframes loadingDashOffset{0%{stroke-dashoffset:236}100%{stroke-dashoffset:0}}xg-loading-inner{display:block;width:100%;height:100%;transform-origin:center;animation:loadingRotate 1s .1s linear infinite}.xgplayer-loading{display:none;position:absolute;z-index:10;top:50%;left:50%;width:70px;height:70px;overflow:hidden;transform:translate(-50%,-50%);pointer-events:none}.xgplayer-loading img,.xgplayer-loading svg{width:100%;height:100%}.xgplayer-mobile .xgplayer-loading{width:50px;height:50px}.xgplayer-isloading .xgplayer-loading{display:block}.xgplayer-is-ended .xgplayer-loading,.xgplayer-is-enter .xgplayer-loading,.xgplayer-is-error .xgplayer-loading,.xgplayer-nostart .xgplayer-loading,.xgplayer-pause .xgplayer-loading{display:none}.xgplayer .xgplayer-progress{display:flex;position:relative;top:0;right:0;left:0;flex:1;align-items:center;min-width:10px;height:20px;outline:0;cursor:pointer}.xgplayer .xgplayer-progress-outer{position:relative;width:100%;height:2px;border-radius:3px;cursor:pointer}.xgplayer .progress-list{display:flex;width:100%;height:100%;border-radius:inherit}.xgplayer .xgplayer-progress-inner{position:relative;flex:1;height:100%;margin-right:2px;transition:height .2s ease-in,opacity .2s ease-out;border-radius:inherit;background:rgba(255,255,255,.3);pointer-events:none}.xgplayer .xgplayer-progress-inner:last-child,.xgplayer .xgplayer-progress-inner:only-child{margin-right:0}.xgplayer .inner-focus-point{position:relative;background:#fff}.xgplayer .inner-focus-point::after,.xgplayer .inner-focus-point::before{content:" ";display:block;position:absolute;z-index:1;top:0;top:50%;width:2px;height:300%;transform:translateY(-50%);border-radius:3px;background:#fff}.xgplayer .inner-focus-point::before{left:0}.xgplayer .inner-focus-point::after{right:0}.xgplayer .xgplayer-progress-cache,.xgplayer .xgplayer-progress-played{display:block;position:absolute;top:0;left:0;width:0;height:100%;border-radius:inherit}.xgplayer .xgplayer-progress-played{background:linear-gradient(-90deg,#fa1f41 0,#e31106 100%)}.xgplayer .xgplayer-progress-cache{background:rgba(255,255,255,.5)}.xgplayer .xgplayer-progress-btn{display:block;position:absolute;z-index:1;top:50%;left:0;box-sizing:border-box;width:20px;height:20px;transform:translate(-50%,-50%);border:.5px solid rgba(255,94,94,.0565);border-radius:30px;background:rgba(255,94,94,.304);box-shadow:0 0 1px rgba(255,0,0,.3843137255);pointer-events:none}.xgplayer .xgplayer-progress-btn::before{content:" ";display:block;position:relative;top:50%;left:50%;width:12px;height:12px;transform:translate(-50%,-50%);border-radius:30px;background:#fff}.xgplayer .xgplayer-progress-btn.active{border:4px solid rgba(255,94,94,.0641)}.xgplayer .xgplayer-progress-btn.active::before{box-shadow:0 0 3px rgba(248,89,89,.6901960784)}.xgplayer .xgplayer-progress-dot{display:inline-block;position:absolute;z-index:16;top:0;width:5px;height:100%;border-radius:6px;background:#fff}.xgplayer .xgplayer-progress-dot .xgplayer-progress-tip{display:none;position:absolute;top:-40px;left:25%;width:auto;height:auto;transform:scale(.8) translate(-50%);border:1px solid rgba(0,0,0,.8);border-radius:6px;background:rgba(0,0,0,.3);line-height:30px;white-space:nowrap;cursor:default}.xgplayer .xgplayer-progress-dot:hover .xgplayer-progress-tip{display:block}.xgplayer .flex-controls .xgplayer-progress{transform:translateY(0)}.xgplayer.xgplayer-pc .xgplayer-progress-btn{transform:translate(-50%,-50%) scale(0)}.xgplayer.xgplayer-pc .xgplayer-progress-outer{height:3px}.xgplayer.xgplayer-pc .xgplayer-progress-inner{margin-right:4px}.xgplayer.xgplayer-pc .xgplayer-progress-inner:last-child,.xgplayer.xgplayer-pc .xgplayer-progress-inner:only-child{margin-right:0}.xgplayer.xgplayer-pc .inner-focus-point::after,.xgplayer.xgplayer-pc .inner-focus-point::before{width:3px}.xgplayer.xgplayer-pc .inner-focus-highlight{background:rgba(255,255,255,.8)}.xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-outer{height:6px;margin-bottom:3px;transition:height .3s ease,margin-bottom .3s ease}.xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-btn{transform:translate(-50%,-50%) scale(1)}.xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point::after,.xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point::before{width:6px}.xgplayer .xgplayer-progress-bottom .xgplayer-progress-outer{top:9px}.xgplayer .xgplayer-progress-bottom .xgplayer-progress-btn::before{width:6px;height:6px}.xgplayer.xgplayer-mobile .xgplayer-progress-bottom .xgplayer-progress-outer{height:4px}@media (prefers-color-scheme:dark){.xgplayer .xgplayer-progress .xgplayer-progress-inner{background-color:rgba(255,255,255,.3019607843)}.xgplayer .xgplayer-progress .inner-focus-highlight{background:rgba(255,255,255,.8)}.xgplayer .xgplayer-progress .xgplayer-progress-btn{border:.5px solid rgba(255,94,94,.0565);background:rgba(255,94,94,.304);box-shadow:0 0 1px rgba(255,0,0,.3843137255)}.xgplayer .xgplayer-progress .xgplayer-progress-btn::before{background-color:#fff}.xgplayer .xgplayer-progress .xgplayer-progress-played{background-color:linear-gradient(-90deg,#fa1f41 0,#e31106 100%)}.xgplayer .xgplayer-progress .xgplayer-progress-cache{background-color:rgba(255,255,255,.5019607843)}}.xg-mini-progress{display:none;position:absolute;right:0;bottom:0;left:0;height:2px;pointer-events:none}.xg-mini-progress xg-mini-progress-cache,.xg-mini-progress xg-mini-progress-played{position:absolute;top:0;left:0;width:0;height:100%;border-radius:inherit}.xg-mini-progress xg-mini-progress-played{background:linear-gradient(-90deg,#fa1f41 0,#e31106 100%)}.xg-mini-progress xg-mini-progress-cache{background:rgba(255,255,255,.5)}.xg-mini-progress-show,.xgplayer-inactive .xg-mini-progress,.xgplayer-mini .xg-mini-progress{display:block}.xgplayer .xgplayer-play .xg-icon-play{display:none}.xgplayer .xgplayer-play .xg-icon-pause,.xgplayer .xgplayer-play[data-state=pause] .xg-icon-play{display:block}.xgplayer .xgplayer-fullscreen .xg-exit-fullscreen,.xgplayer .xgplayer-play[data-state=pause] .xg-icon-pause{display:none}.xgplayer .xgplayer-fullscreen .xg-get-fullscreen,.xgplayer .xgplayer-fullscreen[data-state=full] .xg-exit-fullscreen{display:block}.xgplayer .xgplayer-fullscreen[data-state=full] .xg-get-fullscreen{display:none}.xgplayer .xg-top-bar .xgplayer-back{display:none;position:relative;top:16px;left:0;width:34px;height:40px}.xgplayer .xg-top-bar .xgplayer-back.show{display:block}.xgplayer .xgplayer-time{display:inline-block;min-width:40px;color:#fff;font-family:PingFangSC-Semibold;font-size:14px;line-height:40px;text-align:center;pointer-events:none}.xgplayer .xgplayer-time span{display:inline-block;height:40px;line-height:40px}.xgplayer .xgplayer-time span .time-min-width{min-width:2ch;text-align:center}.xgplayer .xgplayer-time span .time-min-width:first-child{text-align:right}.xgplayer .xgplayer-time span .time-min-width:last-child{text-align:left}.xgplayer .xgplayer-time .time-duration{color:rgba(255,255,255,.5019607843)}.xgplayer .xgplayer-time .time-live-tag{display:none}.xgplayer .xgplayer-time.xg-time-left{margin-left:0}.xgplayer .xgplayer-time.xg-time-right{margin-right:0}.xgplayer.xgplayer-mobile .xgplayer-time{min-width:30px;font-size:12px}.xgplayer.xgplayer-mobile .xgplayer-time.xg-time-left{margin-right:8px}.xgplayer.xgplayer-mobile .xgplayer-time.xg-time-right{margin-left:8px}.xgplayer .xgplayer-volume.slide-show .xgplayer-slider{display:block}.xgplayer .xgplayer-slider{display:none;position:absolute;bottom:40px;width:28px;height:92px;border-radius:1px;outline:0;background:rgba(0,0,0,.54)}.xgplayer .xgplayer-slider::after{content:" ";display:block;position:absolute;z-index:20;bottom:-15px;left:0;width:28px;height:15px;cursor:initial}.xgplayer .xgplayer-value-label{position:absolute;right:0;bottom:100%;left:0;padding:5px 0 0;background-color:rgba(0,0,0,.5411764706);color:#fff;font-size:12px;text-align:center}.xgplayer .xgplayer-bar,.xgplayer .xgplayer-drag{display:block;position:absolute;bottom:6px;left:12px;width:4px;height:76px;border-radius:100px;outline:0;background:rgba(255,255,255,.3);cursor:pointer}.xgplayer .xgplayer-drag{bottom:0;left:0;max-height:76px;background:#fa1f41}.xgplayer .xgplayer-drag::after{content:" ";display:inline-block;position:absolute;top:-4px;left:-2px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.2588235294)}.xgplayer .xgplayer-volume[data-state=normal] .xg-volume{display:block}.xgplayer .xgplayer-volume[data-state=normal] .xg-volume-mute,.xgplayer .xgplayer-volume[data-state=normal] .xg-volume-small,.xgplayer .xgplayer-volume[data-state=small] .xg-volume{display:none}.xgplayer .xgplayer-volume[data-state=small] .xg-volume-small{display:block}.xgplayer .xgplayer-volume[data-state=mute] .xg-volume,.xgplayer .xgplayer-volume[data-state=mute] .xg-volume-small,.xgplayer .xgplayer-volume[data-state=small] .xg-volume-mute{display:none}.xgplayer .xgplayer-volume[data-state=mute] .xg-volume-mute{display:block}.xgplayer .xgplayer-pip .xg-exit-pip,.xgplayer.xgplayer-mobile .xgplayer-volume .xgplayer-slider{display:none}.xgplayer .xgplayer-pip .xg-get-pip,.xgplayer .xgplayer-pip[data-state=pip] .xg-exit-pip{display:block}.xgplayer .xgplayer-pip[data-state=pip] .xg-get-pip{display:none}.xgplayer .xgplayer-playnext{display:none;position:relative;cursor:pointer}.xgplayer .xgplayer-playnext .xgplayer-tips .xgplayer-tip-playnext{display:block}.xgplayer .xgplayer-playnext:hover{opacity:.85}.xgplayer .xgplayer-playnext:hover .xgplayer-tips{display:block}.lang-is-en .xgplayer-playnext .xgplayer-tips{margin-left:-25px}.lang-is-jp .xgplayer-playnext .xgplayer-tips{margin-left:-38px}.xgplayer .xgplayer-download{display:block;position:relative;cursor:pointer}.lang-is-en .xgplayer-download .xgplayer-tips{margin-left:-32px}.lang-is-jp .xgplayer-download .xgplayer-tips{margin-left:-40px}.xgplayer .xgplayer-shot{display:none}.xgplayer-definition{display:none;cursor:pointer}.xgplayer .xgplayer-playbackrate{display:none;cursor:default}.xgplayer .xgplayer-cssfullscreen .xg-get-cssfull{display:block}.xgplayer .xgplayer-cssfullscreen .xg-exit-cssfull,.xgplayer .xgplayer-cssfullscreen[data-state=full] .xg-get-cssfull{display:none}.xgplayer .xgplayer-cssfullscreen[data-state=full] .xg-exit-cssfull{display:block}.xgplayer-error{display:none;position:absolute;z-index:6;top:0;left:0;align-items:center;justify-content:center;width:100%;height:100%;background:#000;color:#fff;line-height:100%;text-align:center}.xgplayer-error .xgplayer-error-refresh{padding:0 3px;color:#fa1f41;cursor:pointer}.xgplayer-error .xgplayer-error-text{display:block;margin:auto 6px 20px;line-height:18px}.xgplayer-is-error .xgplayer-error{display:flex}.xgplayer .xgplayer-prompt{display:block;position:absolute;z-index:1;left:10px;padding:6px 12px 5px;border-radius:50px;opacity:0;background:rgba(0,0,0,.5);color:#fff;font-size:12px;line-height:17px;text-align:center;pointer-events:none}.xgplayer .xgplayer-prompt.show{display:block;z-index:10;opacity:1;pointer-events:initial}.xgplayer .xgplayer-prompt.arrow{transform:translate(-50%)}.xgplayer .xgplayer-prompt.arrow::after{content:"";display:block;position:absolute;bottom:0;left:50%;width:0;height:0;transform:translate(-50%,100%);border-top:8px solid rgba(0,0,0,.5);border-right:6px solid transparent;border-left:6px solid transparent}.xgplayer .xgplayer-prompt .highlight{display:inline-block;margin-left:6px;color:red;cursor:pointer}.xgplayer.xgplayer-is-error .xgplayer-prompt.show{display:none;opacity:1}.xgplayer .xgplayer-spot{position:absolute;top:0;left:0;height:100%;border-radius:12px;background:#fff}.xgplayer .xgplayer-spot.mini{min-width:6px;transform:translate(-50%)}.xgplayer .xgplayer-spot.active .xgplayer-spot-pop{display:block;opacity:1;pointer-events:initial}.xgplayer .xgplayer-spot-pop{display:block;position:absolute;bottom:5px;left:50%;padding-bottom:5px;transform:translate(-50%);opacity:0;pointer-events:none}.xgplayer-mobile .xgplayer-spot{top:50%;min-width:3px;height:3px;transform:translateY(-50%);opacity:1}.xgplayer-mobile .xgplayer-spot.mini{min-width:3px;transform:translate(-50%,-50%)}.xgplayer .xgplayer-progress.active .xgplayer-spot{visibility:visible;transition:opacity .3s;opacity:1}.xgplayer .xg-spot-info{display:none;position:absolute;bottom:100%;left:0}.xgplayer .xg-spot-info.short-line .xg-spot-line{height:6px}.xgplayer .xg-spot-info.short-line .xg-spot-content{bottom:-4px}.xgplayer .xg-spot-info.no-thumbnail .xg-spot-thumbnail{display:none}.xgplayer .xg-spot-info.no-thumbnail .xgplayer-progress-point{display:block}.xgplayer .xg-spot-info.hide,.xgplayer .xg-spot-info.no-timepoint .xgplayer-progress-point{display:none}.xgplayer .xgplayer-progress.active .xg-spot-info{display:block}.xgplayer .xgplayer-progress.active .xg-spot-info.hide{display:none}.xgplayer .xg-spot-line{display:block;position:relative;bottom:-7px;width:1px;height:41px;margin-left:50%;background-color:#fff;pointer-events:none}.xgplayer .xgplayer-progress-point{display:none;position:relative;bottom:-4px;left:50%;padding:4px 6px;transform:translate(-50%);border-radius:4px;opacity:.85;background:rgba(0,0,0,.54);color:#fff;font-size:11px;text-align:center;white-space:nowrap}.xgplayer .xg-spot-content{position:relative;bottom:-7px;border-radius:2px 2px 0 0;color:#fff}.xgplayer .xg-spot-ext-text{position:relative;bottom:-7px}.xgplayer .xg-spot-thumbnail{position:relative;border-radius:2px 2px 0 0;background-color:#111010;pointer-events:none}.xgplayer .xg-spot-time{position:absolute;bottom:2px;left:50%;transform:translate(-50%);font-size:12px;line-height:16.8px;pointer-events:none}.xgplayer .progress-thumbnail{display:block;margin:0 auto}.xgplayer .xg-spot-text{display:none;box-sizing:border-box;padding:5px 8px;border-radius:0 0 2px 2px;background:rgba(0,0,0,.8);pointer-events:none}.xgplayer .spot-inner-text{display:-webkit-box;max-height:40px;overflow:hidden;font-size:12px;line-height:20px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.xgplayer .xg-spot-content.show-text .xg-spot-text{display:block}.xgplayer .product .xg-spot-text{background:#3370ff}.xgplayer .product .xg-spot-line{left:-10px;width:0;height:15px;border-top:7px solid #3370ff;border-right:10px solid transparent;border-left:10px solid transparent;background:0 0}.xgplayer .xgvideo-preview{visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;transition:visibility .3s,opacity .3s;opacity:0;background-color:#000}.xgplayer .xgvideo-preview .xgvideo-thumbnail{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:0}.xgplayer .xgvideo-preview.show{visibility:visible;opacity:1}.xgplayer-dynamic-bg,.xgplayer-dynamic-bg canvas,.xgplayer-dynamic-bg xgfilter,.xgplayer-dynamic-bg xgmask{display:block;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.xgplayer-dynamic-bg canvas{transform:translateZ(0)}.xgplayer-dynamic-bg xgmask{background:rgba(0,0,0,.7)}.el-message.i-notify{--el-message-text-color:var(--el-color-white)}.el-message.i-notify .el-icon.el-message__icon{color:var(--el-color-white)}.el-message.i-notify.el-message--success{--el-message-bg-color:var(--el-color-success)}.el-message.i-notify.el-message--warning{--el-message-bg-color:var(--el-color-warning)}.el-message.i-notify.el-message--error{--el-message-bg-color:var(--el-color-error)}.el-message.i-notify.el-message--info{--el-message-bg-color:var(--el-color-info)}.el-dialog.i-dialog{padding:0!important}.el-dialog.i-dialog .el-dialog__header{margin-top:0;margin-right:0;height:50px;border-bottom:1px solid var(--el-border-color-lighter);padding:0;display:inline-flex;align-items:center;width:100%;position:relative}.el-dialog.i-dialog .el-dialog__header .el-dialog__title{padding-left:20px}.el-dialog.i-dialog .el-dialog__header .el-dialog__title::before{content:"";display:inline-block;position:absolute;top:17px;left:10px;width:4px;height:18px;border-radius:2px;background-color:var(--el-color-primary)}.el-dialog.i-dialog .el-dialog__header .el-dialog__headerbtn{width:30px;height:30px;top:13px;border-radius:4px;display:flex;justify-content:center;align-items:center;transition:all .3s;margin-right:10px}.el-dialog.i-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{font-size:16px;transition:all .3s}.el-dialog.i-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close:hover{background-color:transparent}.el-dialog.i-dialog .el-dialog__header .el-dialog__headerbtn:hover{background-color:var(--el-color-danger)}.el-dialog.i-dialog .el-dialog__header .el-dialog__headerbtn:hover .el-dialog__close{color:#fff!important}.el-dialog.i-dialog .el-dialog__body{padding:10px}.el-dialog.i-dialog.i-dialog__empty_footer .el-dialog__footer{display:none}.el-dialog.i-dialog .el-dialog__footer{border-top:1px solid var(--el-border-color-lighter)}.t-link{font-size:15px!important;font-family:PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-weight:500;transition:all .3s;text-decoration:none!important}.t-link+.t-link{margin-left:12px}.t-link .t-link-icon{padding:0 4px 0 0}.t-link .t-link-icon .iconfont{font-size:14px}.t-link.el-link.is-disabled{color:var(--el-link-disabled-text-color)!important}.i-tzj-player{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background-color:#000;color:#fff;font-size:14px}.i-tzj-player .i-tzj-player-content{background-color:#000;width:100%;height:100%}.i-tzj-player .i-tzj-ysplayer{display:flex;position:relative;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.i-tzj-player .i-tzj-player__error{display:flex;position:absolute;z-index:999;top:0;left:0;align-items:center;justify-content:center;width:100%;height:100%;background-color:#000;color:#efefef;font-size:12px}
package/es/components/tzj-player/src/tzj-player.vue2.mjs CHANGED
@@ -49,6 +49,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
49
49
  destroy() {
50
50
  var _a;
51
51
  (_a = compRef.value) == null ? void 0 : _a.destroy();
52
+ },
53
+ resize() {
54
+ var _a;
55
+ (_a = compRef.value) == null ? void 0 : _a.resize();
52
56
  }
53
57
  });
54
58
  return (_ctx, _cache) => {
package/es/components/tzj-player/src/tzj-player.vue2.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tzj-player.vue2.mjs","sources":["../../../../../../../packages/components/tzj-player/src/tzj-player.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, ref, shallowRef, watch } from \"vue\";\nimport EasyPlayer from \"./easyPlayer.vue\";\nimport { isSupportedProtocol, TzjPlayerProps } from \"./tzj-player\";\nimport YsPlayer from \"./ysPlayer.vue\";\n\ndefineOptions({\n name: \"ITzjPlayer\",\n});\n\nconst props = defineProps(TzjPlayerProps);\n\nconst comp = shallowRef();\nconst compRef = shallowRef();\nconst supportedProtocol = ref(true);\n\nonMounted(() => initPlayer());\n\nwatch(\n () => [props.url, props.accessToken],\n () => initPlayer(),\n);\n\nfunction initPlayer() {\n supportedProtocol.value = isSupportedProtocol(props.url);\n if (supportedProtocol.value) {\n // 当访问令牌存在时，使用萤石云播放器(YsPlayer)\n comp.value =\n props.accessToken && props.accessToken.length > 32\n ? YsPlayer\n : EasyPlayer;\n } else {\n comp.value = null;\n }\n}\n\ndefineExpose({\n play(options?: any) {\n compRef.value?.play(options);\n },\n destroy() {\n compRef.value?.destroy();\n },\n});\n</script>\n\n<template>\n <div class=\"i-tzj-player\">\n <component :is=\"comp\" ref=\"compRef\" v-bind=\"props\" />\n <div v-if=\"!url\" class=\"i-tzj-player__error\">无播放地址</div>\n <div v-else-if=\"!supportedProtocol\" class=\"i-tzj-player__error\">\n 格式不支持\n </div>\n </div>\n</template>\n"],"names":["YsPlayer","EasyPlayer","_openBlock","_createElementBlock","_createBlock","_resolveDynamicComponent","_mergeProps","url"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAEd,IAAA,MAAM,OAAO,UAAW,EAAA;AACxB,IAAA,MAAM,UAAU,UAAW,EAAA;AAC3B,IAAM,MAAA,iBAAA,GAAoB,IAAI,IAAI,CAAA;AAElC,IAAU,SAAA,CAAA,MAAM,YAAY,CAAA;AAE5B,IAAA,KAAA;AAAA,MACE,MAAM,CAAC,KAAM,CAAA,GAAA,EAAK,MAAM,WAAW,CAAA;AAAA,MACnC,MAAM,UAAW;AAAA,KACnB;AAEA,IAAA,SAAS,UAAa,GAAA;AACpB,MAAkB,iBAAA,CAAA,KAAA,GAAQ,mBAAoB,CAAA,KAAA,CAAM,GAAG,CAAA;AACvD,MAAA,IAAI,kBAAkB,KAAO,EAAA;AAE3B,QAAA,IAAA,CAAK,QACH,KAAM,CAAA,WAAA,IAAe,MAAM,WAAY,CAAA,MAAA,GAAS,KAC5CA,WACA,GAAAC,WAAA;AAAA,OACD,MAAA;AACL,QAAA,IAAA,CAAK,KAAQ,GAAA,IAAA;AAAA;AACf;AAVO,IAAA,MAAA,CAAA,UAAA,EAAA,YAAA,CAAA;AAaT,IAAa,QAAA,CAAA;AAAA,MACX,KAAK,OAAe,EAAA;;AAClB,QAAQ,CAAA,EAAA,GAAA,OAAA,CAAA,KAAA,KAAR,mBAAe,IAAK,CAAA,OAAA,CAAA;AAAA,OACtB;AAAA,MACA,OAAU,GAAA;;AACR,QAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,UAAR,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,EAAA;AAAA;AACjB,KACD,CAAA;;AAIC,MAAA,OAAAC,SAAA,EAAA,EAAAC,kBAMM,CAAA,KAAA,EANN,UAMM,EAAA;AAAA,oBALJ,EAAAC,WAAA;AAAA,UAAqDC,uBAAA,CAArC,KAAI,KAAA,CAAA;AAAA,UAApBC,UAAqD,CAAA;AAAA,mBAA3B,EAAA,SAAA;AAAA,YAAJ,GAAI,EAAA;AAAA,aAAkB,KAAK,CAAA;AAAA,UAAA,IAAA;AAAA,UAAA;AAAA;AAAA,SAAA;AAAA,SACrCC,KAAG,oBAAfJ,kBAAwD,CAAA,KAAA,EAAxD,UAA6C,EAAA,gCAAK,MACjC,kBAAiB,sBAAlCA,kBAEM,CAAA,KAAA,EAFN,YAAgE,kCAEhE,CAAA;;;;;;;;"}
1
+ {"version":3,"file":"tzj-player.vue2.mjs","sources":["../../../../../../../packages/components/tzj-player/src/tzj-player.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, ref, shallowRef, watch } from \"vue\";\nimport EasyPlayer from \"./easyPlayer.vue\";\nimport { isSupportedProtocol, TzjPlayerProps } from \"./tzj-player\";\nimport YsPlayer from \"./ysPlayer.vue\";\n\ndefineOptions({\n name: \"ITzjPlayer\",\n});\n\nconst props = defineProps(TzjPlayerProps);\n\nconst comp = shallowRef();\nconst compRef = shallowRef();\nconst supportedProtocol = ref(true);\n\nonMounted(() => initPlayer());\n\nwatch(\n () => [props.url, props.accessToken],\n () => initPlayer(),\n);\n\nfunction initPlayer() {\n supportedProtocol.value = isSupportedProtocol(props.url);\n if (supportedProtocol.value) {\n // 当访问令牌存在时，使用萤石云播放器(YsPlayer)\n comp.value =\n props.accessToken && props.accessToken.length > 32\n ? YsPlayer\n : EasyPlayer;\n } else {\n comp.value = null;\n }\n}\n\ndefineExpose({\n play(options?: any) {\n compRef.value?.play(options);\n },\n destroy() {\n compRef.value?.destroy();\n },\n resize() {\n compRef.value?.resize();\n },\n});\n</script>\n\n<template>\n <div class=\"i-tzj-player\">\n <component :is=\"comp\" ref=\"compRef\" v-bind=\"props\" />\n <div v-if=\"!url\" class=\"i-tzj-player__error\">无播放地址</div>\n <div v-else-if=\"!supportedProtocol\" class=\"i-tzj-player__error\">\n 格式不支持\n </div>\n </div>\n</template>\n"],"names":["YsPlayer","EasyPlayer","_openBlock","_createElementBlock","_createBlock","_resolveDynamicComponent","_mergeProps","url"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAEd,IAAA,MAAM,OAAO,UAAW,EAAA;AACxB,IAAA,MAAM,UAAU,UAAW,EAAA;AAC3B,IAAM,MAAA,iBAAA,GAAoB,IAAI,IAAI,CAAA;AAElC,IAAU,SAAA,CAAA,MAAM,YAAY,CAAA;AAE5B,IAAA,KAAA;AAAA,MACE,MAAM,CAAC,KAAM,CAAA,GAAA,EAAK,MAAM,WAAW,CAAA;AAAA,MACnC,MAAM,UAAW;AAAA,KACnB;AAEA,IAAA,SAAS,UAAa,GAAA;AACpB,MAAkB,iBAAA,CAAA,KAAA,GAAQ,mBAAoB,CAAA,KAAA,CAAM,GAAG,CAAA;AACvD,MAAA,IAAI,kBAAkB,KAAO,EAAA;AAE3B,QAAA,IAAA,CAAK,QACH,KAAM,CAAA,WAAA,IAAe,MAAM,WAAY,CAAA,MAAA,GAAS,KAC5CA,WACA,GAAAC,WAAA;AAAA,OACD,MAAA;AACL,QAAA,IAAA,CAAK,KAAQ,GAAA,IAAA;AAAA;AACf;AAVO,IAAA,MAAA,CAAA,UAAA,EAAA,YAAA,CAAA;AAaT,IAAa,QAAA,CAAA;AAAA,MACX,KAAK,OAAe,EAAA;;AAClB,QAAQ,CAAA,EAAA,GAAA,OAAA,CAAA,KAAA,KAAR,mBAAe,IAAK,CAAA,OAAA,CAAA;AAAA,OACtB;AAAA,MACA,OAAU,GAAA;;AACR,QAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,UAAR,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,EAAA;AAAA,OACjB;AAAA,MACA,MAAS,GAAA;;AACP,QAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,UAAR,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,EAAA;AAAA;AACjB,KACD,CAAA;;AAIC,MAAA,OAAAC,SAAA,EAAA,EAAAC,kBAMM,CAAA,KAAA,EANN,UAMM,EAAA;AAAA,oBALJ,EAAAC,WAAA;AAAA,UAAqDC,uBAAA,CAArC,KAAI,KAAA,CAAA;AAAA,UAApBC,UAAqD,CAAA;AAAA,mBAA3B,EAAA,SAAA;AAAA,YAAJ,GAAI,EAAA;AAAA,aAAkB,KAAK,CAAA;AAAA,UAAA,IAAA;AAAA,UAAA;AAAA;AAAA,SAAA;AAAA,SACrCC,KAAG,oBAAfJ,kBAAwD,CAAA,KAAA,EAAxD,UAA6C,EAAA,gCAAK,MACjC,kBAAiB,sBAAlCA,kBAEM,CAAA,KAAA,EAFN,YAAgE,kCAEhE,CAAA;;;;;;;;"}
package/es/components/tzj-player/src/ysPlayer.vue2.mjs CHANGED
@@ -1,6 +1,7 @@
1
1
  import { defineComponent, shallowRef, onMounted, onBeforeUnmount, watch, nextTick, openBlock, createElementBlock, unref, toDisplayString, createCommentVNode } from 'vue';
2
2
  import { useElementSize } from '@vueuse/core';
3
3
  import { uuid } from './tzj-player.mjs';
4
+ import EZUIKit from 'ezuikit-js';
4
5
 
5
6
  var __defProp = Object.defineProperty;
6
7
  var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
@@ -92,7 +93,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
92
93
  }
93
94
  __name(resize, "resize");
94
95
  function createPlayer(options) {
95
- playerInstance = new window.EZUIKit.EZUIKitPlayer({
96
+ playerInstance = new EZUIKit.EZUIKitPlayer({
96
97
  id,
97
98
  url: formatterUrl(),
98
99
  accessToken: props.accessToken,
@@ -120,6 +121,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
120
121
  if (w && h) {
121
122
  ratio = w / h;
122
123
  }
124
+ debouncedResize();
123
125
  });
124
126
  }
125
127
  __name(createPlayer, "createPlayer");
@@ -160,7 +162,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
160
162
  {
161
163
  ref_key: "ysRef",
162
164
  ref: ysRef,
163
- class: "i-tzj-player"
165
+ class: "i-tzj-ysplayer"
164
166
  },
165
167
  [
166
168
  unref(errorMsg) ? (openBlock(), createElementBlock(
package/es/components/tzj-player/src/ysPlayer.vue2.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ysPlayer.vue2.mjs","sources":["../../../../../../../packages/components/tzj-player/src/ysPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useElementSize } from \"@vueuse/core\";\nimport { nextTick, onBeforeUnmount, onMounted, shallowRef, watch } from \"vue\";\nimport { uuid } from \"./tzj-player\";\n// 萤石云播放器\ndefineOptions({\n name: \"YsPlayer\",\n});\n\n// 传值方式\n// 1、传url、accessToken\n// 2、传deviceSerial、channel、accessToken\nconst props = defineProps<{\n // 播放地址\n // 高清：ezopen://open.ys7.com/${设备序列号}/${通道号}.hd.live\n // 流畅：ezopen://open.ys7.com/${设备序列号}/${通道号}.live\n url?: string;\n // 设备序列号\n deviceSerial?: string;\n // 通道号\n channel?: number;\n // 清晰度,默认为空，也表示高清\n // hd：高清；sd：流畅\n quality?: \"hd\" | \"sd\" | \"\";\n accessToken: string;\n // 播放器模板ID\n playerTemplate?: string;\n}>();\n\n// 播放器模板ID\n// 可在萤石云控制台查看、修改、获取\n// 位置：云直播-轻应用-特致珈默认模板\nconst PLAYER_TEMPLATE = \"5f295a9341a74d439b5d69374c90d501\";\nconst id = uuid();\nlet playerInstance: any = null;\nlet errorMsg = \"\";\nconst ysRef = shallowRef();\nconst { width, height } = useElementSize(ysRef);\nlet ratio = 16 / 9;\nlet isCurrentFullscreen = false;\n\nonMounted(() => play());\n\nonBeforeUnmount(() => destroy());\n\ndefineExpose({ play, destroy, resize });\n\n// 防抖函数\nfunction debounce(func: Function, wait: number) {\n let timeout: ReturnType<typeof setTimeout> | null = null;\n return function (this: any, ...args: any[]) {\n if (timeout) clearTimeout(timeout);\n timeout = setTimeout(() => func.apply(this, args), wait);\n };\n}\n\n// 加上防抖的 resize 函数\nconst debouncedResize = debounce(resize, 300);\n\nwatch(\n () => [width.value, height.value, ratio],\n () => {\n if (!isCurrentFullscreen) {\n debouncedResize();\n }\n },\n);\n\nfunction play(options?: Record<string, any>) {\n if (!props.accessToken) {\n errorMsg = `params 'accessToken' is not found`;\n } else {\n const url = formatterUrl();\n if (url) {\n createPlayerDom();\n nextTick(() => createPlayer(options));\n }\n }\n}\nfunction destroy() {\n if (playerInstance) {\n playerInstance.destroy();\n playerInstance = null;\n removePlayerDom();\n }\n}\nfunction resize() {\n // 根据播放器宽高比，设置播放器高度\n if (width.value > 0 && height.value > 0) {\n let calculatedWidth = width.value;\n let calculatedHeight = calculatedWidth / ratio;\n if (calculatedHeight > height.value) {\n calculatedHeight = height.value;\n calculatedWidth = calculatedHeight * ratio;\n }\n if (playerInstance?.resize) {\n playerInstance.resize(calculatedWidth, calculatedHeight);\n } else {\n const dom = document.getElementById(id);\n if (dom) {\n dom.style.width = `${calculatedWidth}px`;\n dom.style.height = `${calculatedHeight}px`;\n }\n }\n }\n}\n\n/**\n * 创建萤石云播放器实例，播放萤石云直播流\n */\nfunction createPlayer(options?: Record<string, any>) {\n playerInstance = new window.EZUIKit.EZUIKitPlayer({\n id,\n url: formatterUrl(),\n accessToken: props.accessToken,\n template: props.playerTemplate || PLAYER_TEMPLATE,\n width: width.value,\n height: height.value,\n audio: 1,\n // @ts-ignore\n loggerOptions: {\n name: \"YSPLAYER\",\n level: \"ERROR\",\n showTime: true,\n },\n staticPath: \"/plugins/ezuikit/ezuikit_static\",\n ...options,\n });\n\n playerInstance.eventEmitter.on(\"fullscreen\", () => {\n isCurrentFullscreen = true;\n });\n playerInstance.eventEmitter.on(\"exitFullscreen\", () => {\n isCurrentFullscreen = false;\n });\n playerInstance.eventEmitter.on(\"videoInfo\", (args: any) => {\n const { width: w, height: h } = args;\n // 计算播放器宽高比\n if (w && h) {\n ratio = w / h;\n }\n });\n}\n\nfunction formatterUrl(): string {\n if (props.url) {\n return props.url;\n } else {\n if (props.deviceSerial && props.channel) {\n const quality =\n props.quality === \"\" || props.quality === \"hd\" ? \"hd.\" : \"\";\n return `ezopen://open.ys7.com/${props.deviceSerial}/${props.channel}.${quality}live`;\n } else {\n errorMsg = `params 'deviceSerial' or 'channel' is not found`;\n return \"\";\n }\n }\n}\n\n// 移除播放器DOM\nfunction removePlayerDom() {\n const dom = document.getElementById(id);\n dom && dom.remove();\n}\n// 创建播放器DOM\nfunction createPlayerDom() {\n if (!errorMsg) {\n removePlayerDom();\n const dom = document.createElement(\"div\");\n dom.id = id;\n dom.style.width = \"100%\";\n dom.style.height = \"100%\";\n ysRef.value?.appendChild(dom);\n }\n}\n</script>\n\n<template>\n <div ref=\"ysRef\" class=\"i-tzj-player\">\n <div v-if=\"errorMsg\" class=\"i-tzj-player__error\">\n {{ errorMsg }}\n </div>\n </div>\n</template>\n"],"names":["_createElementBlock","_unref","_toDisplayString"],"mappings":"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"}
1
+ {"version":3,"file":"ysPlayer.vue2.mjs","sources":["../../../../../../../packages/components/tzj-player/src/ysPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useElementSize } from \"@vueuse/core\";\nimport { nextTick, onBeforeUnmount, onMounted, shallowRef, watch } from \"vue\";\nimport { uuid } from \"./tzj-player\";\nimport EZUIKit from \"ezuikit-js\";\n// 萤石云播放器\ndefineOptions({\n name: \"YsPlayer\",\n});\n\n// 传值方式\n// 1、传url、accessToken\n// 2、传deviceSerial、channel、accessToken\nconst props = defineProps<{\n // 播放地址\n // 高清：ezopen://open.ys7.com/${设备序列号}/${通道号}.hd.live\n // 流畅：ezopen://open.ys7.com/${设备序列号}/${通道号}.live\n url?: string;\n // 设备序列号\n deviceSerial?: string;\n // 通道号\n channel?: number;\n // 清晰度,默认为空，也表示高清\n // hd：高清；sd：流畅\n quality?: \"hd\" | \"sd\" | \"\";\n accessToken: string;\n // 播放器模板ID\n playerTemplate?: string;\n}>();\n\n// 播放器模板ID\n// 可在萤石云控制台查看、修改、获取\n// 位置：云直播-轻应用-特致珈默认模板\nconst PLAYER_TEMPLATE = \"5f295a9341a74d439b5d69374c90d501\";\nconst id = uuid();\nlet playerInstance: any = null;\nlet errorMsg = \"\";\nconst ysRef = shallowRef();\nconst { width, height } = useElementSize(ysRef);\nlet ratio = 16 / 9;\nlet isCurrentFullscreen = false;\n\nonMounted(() => play());\n\nonBeforeUnmount(() => destroy());\n\ndefineExpose({ play, destroy, resize });\n\n// 防抖函数\nfunction debounce(func: Function, wait: number) {\n let timeout: ReturnType<typeof setTimeout> | null = null;\n return function (this: any, ...args: any[]) {\n if (timeout) clearTimeout(timeout);\n timeout = setTimeout(() => func.apply(this, args), wait);\n };\n}\n\n// 加上防抖的 resize 函数\nconst debouncedResize = debounce(resize, 300);\n\nwatch(\n () => [width.value, height.value, ratio],\n () => {\n if (!isCurrentFullscreen) {\n debouncedResize();\n }\n },\n);\n\nfunction play(options?: Record<string, any>) {\n if (!props.accessToken) {\n errorMsg = `params 'accessToken' is not found`;\n } else {\n const url = formatterUrl();\n if (url) {\n createPlayerDom();\n nextTick(() => createPlayer(options));\n }\n }\n}\nfunction destroy() {\n if (playerInstance) {\n playerInstance.destroy();\n playerInstance = null;\n removePlayerDom();\n }\n}\nfunction resize() {\n // 根据播放器宽高比，设置播放器高度\n if (width.value > 0 && height.value > 0) {\n let calculatedWidth = width.value;\n let calculatedHeight = calculatedWidth / ratio;\n if (calculatedHeight > height.value) {\n calculatedHeight = height.value;\n calculatedWidth = calculatedHeight * ratio;\n }\n if (playerInstance?.resize) {\n playerInstance.resize(calculatedWidth, calculatedHeight);\n } else {\n const dom = document.getElementById(id);\n if (dom) {\n dom.style.width = `${calculatedWidth}px`;\n dom.style.height = `${calculatedHeight}px`;\n }\n }\n }\n}\n\n/**\n * 创建萤石云播放器实例，播放萤石云直播流\n */\nfunction createPlayer(options?: Record<string, any>) {\n playerInstance = new EZUIKit.EZUIKitPlayer({\n id,\n url: formatterUrl(),\n accessToken: props.accessToken,\n template: props.playerTemplate || PLAYER_TEMPLATE,\n width: width.value,\n height: height.value,\n audio: 1,\n // @ts-ignore\n loggerOptions: {\n name: \"YSPLAYER\",\n level: \"ERROR\",\n showTime: true,\n },\n staticPath: \"/plugins/ezuikit/ezuikit_static\",\n ...options,\n });\n\n playerInstance.eventEmitter.on(\"fullscreen\", () => {\n isCurrentFullscreen = true;\n });\n playerInstance.eventEmitter.on(\"exitFullscreen\", () => {\n isCurrentFullscreen = false;\n });\n playerInstance.eventEmitter.on(\"videoInfo\", (args: any) => {\n const { width: w, height: h } = args;\n // 计算播放器宽高比\n if (w && h) {\n ratio = w / h;\n }\n debouncedResize();\n });\n}\n\nfunction formatterUrl(): string {\n if (props.url) {\n return props.url;\n } else {\n if (props.deviceSerial && props.channel) {\n const quality =\n props.quality === \"\" || props.quality === \"hd\" ? \"hd.\" : \"\";\n return `ezopen://open.ys7.com/${props.deviceSerial}/${props.channel}.${quality}live`;\n } else {\n errorMsg = `params 'deviceSerial' or 'channel' is not found`;\n return \"\";\n }\n }\n}\n\n// 移除播放器DOM\nfunction removePlayerDom() {\n const dom = document.getElementById(id);\n dom && dom.remove();\n}\n// 创建播放器DOM\nfunction createPlayerDom() {\n if (!errorMsg) {\n removePlayerDom();\n const dom = document.createElement(\"div\");\n dom.id = id;\n dom.style.width = \"100%\";\n dom.style.height = \"100%\";\n ysRef.value?.appendChild(dom);\n }\n}\n</script>\n\n<template>\n <div ref=\"ysRef\" class=\"i-tzj-ysplayer\">\n <div v-if=\"errorMsg\" class=\"i-tzj-player__error\">\n {{ errorMsg }}\n </div>\n </div>\n</template>\n"],"names":["_createElementBlock","_unref","_toDisplayString"],"mappings":"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"}
package/lib/components/tzj-player/src/tzj-player.vue2.js CHANGED
@@ -53,6 +53,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
53
53
  destroy() {
54
54
  var _a;
55
55
  (_a = compRef.value) == null ? void 0 : _a.destroy();
56
+ },
57
+ resize() {
58
+ var _a;
59
+ (_a = compRef.value) == null ? void 0 : _a.resize();
56
60
  }
57
61
  });
58
62
  return (_ctx, _cache) => {
package/lib/components/tzj-player/src/tzj-player.vue2.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tzj-player.vue2.js","sources":["../../../../../../../packages/components/tzj-player/src/tzj-player.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, ref, shallowRef, watch } from \"vue\";\nimport EasyPlayer from \"./easyPlayer.vue\";\nimport { isSupportedProtocol, TzjPlayerProps } from \"./tzj-player\";\nimport YsPlayer from \"./ysPlayer.vue\";\n\ndefineOptions({\n name: \"ITzjPlayer\",\n});\n\nconst props = defineProps(TzjPlayerProps);\n\nconst comp = shallowRef();\nconst compRef = shallowRef();\nconst supportedProtocol = ref(true);\n\nonMounted(() => initPlayer());\n\nwatch(\n () => [props.url, props.accessToken],\n () => initPlayer(),\n);\n\nfunction initPlayer() {\n supportedProtocol.value = isSupportedProtocol(props.url);\n if (supportedProtocol.value) {\n // 当访问令牌存在时，使用萤石云播放器(YsPlayer)\n comp.value =\n props.accessToken && props.accessToken.length > 32\n ? YsPlayer\n : EasyPlayer;\n } else {\n comp.value = null;\n }\n}\n\ndefineExpose({\n play(options?: any) {\n compRef.value?.play(options);\n },\n destroy() {\n compRef.value?.destroy();\n },\n});\n</script>\n\n<template>\n <div class=\"i-tzj-player\">\n <component :is=\"comp\" ref=\"compRef\" v-bind=\"props\" />\n <div v-if=\"!url\" class=\"i-tzj-player__error\">无播放地址</div>\n <div v-else-if=\"!supportedProtocol\" class=\"i-tzj-player__error\">\n 格式不支持\n </div>\n </div>\n</template>\n"],"names":["shallowRef","ref","onMounted","watch","isSupportedProtocol","YsPlayer","EasyPlayer","_openBlock","_createElementBlock","_createBlock","_resolveDynamicComponent","_mergeProps","url"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAEd,IAAA,MAAM,OAAOA,cAAW,EAAA;AACxB,IAAA,MAAM,UAAUA,cAAW,EAAA;AAC3B,IAAM,MAAA,iBAAA,GAAoBC,QAAI,IAAI,CAAA;AAElC,IAAUC,aAAA,CAAA,MAAM,YAAY,CAAA;AAE5B,IAAAC,SAAA;AAAA,MACE,MAAM,CAAC,KAAM,CAAA,GAAA,EAAK,MAAM,WAAW,CAAA;AAAA,MACnC,MAAM,UAAW;AAAA,KACnB;AAEA,IAAA,SAAS,UAAa,GAAA;AACpB,MAAkB,iBAAA,CAAA,KAAA,GAAQC,6BAAoB,CAAA,KAAA,CAAM,GAAG,CAAA;AACvD,MAAA,IAAI,kBAAkB,KAAO,EAAA;AAE3B,QAAA,IAAA,CAAK,QACH,KAAM,CAAA,WAAA,IAAe,MAAM,WAAY,CAAA,MAAA,GAAS,KAC5CC,oDACA,GAAAC,sDAAA;AAAA,OACD,MAAA;AACL,QAAA,IAAA,CAAK,KAAQ,GAAA,IAAA;AAAA;AACf;AAVO,IAAA,MAAA,CAAA,UAAA,EAAA,YAAA,CAAA;AAaT,IAAa,QAAA,CAAA;AAAA,MACX,KAAK,OAAe,EAAA;;AAClB,QAAQ,CAAA,EAAA,GAAA,OAAA,CAAA,KAAA,KAAR,mBAAe,IAAK,CAAA,OAAA,CAAA;AAAA,OACtB;AAAA,MACA,OAAU,GAAA;;AACR,QAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,UAAR,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,EAAA;AAAA;AACjB,KACD,CAAA;;AAIC,MAAA,OAAAC,aAAA,EAAA,EAAAC,sBAMM,CAAA,KAAA,EANN,UAMM,EAAA;AAAA,wBALJ,EAAAC,eAAA;AAAA,UAAqDC,2BAAA,CAArC,KAAI,KAAA,CAAA;AAAA,UAApBC,cAAqD,CAAA;AAAA,mBAA3B,EAAA,SAAA;AAAA,YAAJ,GAAI,EAAA;AAAA,aAAkB,KAAK,CAAA;AAAA,UAAA,IAAA;AAAA,UAAA;AAAA;AAAA,SAAA;AAAA,SACrCC,KAAG,wBAAfJ,sBAAwD,CAAA,KAAA,EAAxD,UAA6C,EAAA,gCAAK,MACjC,kBAAiB,0BAAlCA,sBAEM,CAAA,KAAA,EAFN,YAAgE,kCAEhE,CAAA;;;;;;;;"}
1
+ {"version":3,"file":"tzj-player.vue2.js","sources":["../../../../../../../packages/components/tzj-player/src/tzj-player.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, ref, shallowRef, watch } from \"vue\";\nimport EasyPlayer from \"./easyPlayer.vue\";\nimport { isSupportedProtocol, TzjPlayerProps } from \"./tzj-player\";\nimport YsPlayer from \"./ysPlayer.vue\";\n\ndefineOptions({\n name: \"ITzjPlayer\",\n});\n\nconst props = defineProps(TzjPlayerProps);\n\nconst comp = shallowRef();\nconst compRef = shallowRef();\nconst supportedProtocol = ref(true);\n\nonMounted(() => initPlayer());\n\nwatch(\n () => [props.url, props.accessToken],\n () => initPlayer(),\n);\n\nfunction initPlayer() {\n supportedProtocol.value = isSupportedProtocol(props.url);\n if (supportedProtocol.value) {\n // 当访问令牌存在时，使用萤石云播放器(YsPlayer)\n comp.value =\n props.accessToken && props.accessToken.length > 32\n ? YsPlayer\n : EasyPlayer;\n } else {\n comp.value = null;\n }\n}\n\ndefineExpose({\n play(options?: any) {\n compRef.value?.play(options);\n },\n destroy() {\n compRef.value?.destroy();\n },\n resize() {\n compRef.value?.resize();\n },\n});\n</script>\n\n<template>\n <div class=\"i-tzj-player\">\n <component :is=\"comp\" ref=\"compRef\" v-bind=\"props\" />\n <div v-if=\"!url\" class=\"i-tzj-player__error\">无播放地址</div>\n <div v-else-if=\"!supportedProtocol\" class=\"i-tzj-player__error\">\n 格式不支持\n </div>\n </div>\n</template>\n"],"names":["shallowRef","ref","onMounted","watch","isSupportedProtocol","YsPlayer","EasyPlayer","_openBlock","_createElementBlock","_createBlock","_resolveDynamicComponent","_mergeProps","url"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAEd,IAAA,MAAM,OAAOA,cAAW,EAAA;AACxB,IAAA,MAAM,UAAUA,cAAW,EAAA;AAC3B,IAAM,MAAA,iBAAA,GAAoBC,QAAI,IAAI,CAAA;AAElC,IAAUC,aAAA,CAAA,MAAM,YAAY,CAAA;AAE5B,IAAAC,SAAA;AAAA,MACE,MAAM,CAAC,KAAM,CAAA,GAAA,EAAK,MAAM,WAAW,CAAA;AAAA,MACnC,MAAM,UAAW;AAAA,KACnB;AAEA,IAAA,SAAS,UAAa,GAAA;AACpB,MAAkB,iBAAA,CAAA,KAAA,GAAQC,6BAAoB,CAAA,KAAA,CAAM,GAAG,CAAA;AACvD,MAAA,IAAI,kBAAkB,KAAO,EAAA;AAE3B,QAAA,IAAA,CAAK,QACH,KAAM,CAAA,WAAA,IAAe,MAAM,WAAY,CAAA,MAAA,GAAS,KAC5CC,oDACA,GAAAC,sDAAA;AAAA,OACD,MAAA;AACL,QAAA,IAAA,CAAK,KAAQ,GAAA,IAAA;AAAA;AACf;AAVO,IAAA,MAAA,CAAA,UAAA,EAAA,YAAA,CAAA;AAaT,IAAa,QAAA,CAAA;AAAA,MACX,KAAK,OAAe,EAAA;;AAClB,QAAQ,CAAA,EAAA,GAAA,OAAA,CAAA,KAAA,KAAR,mBAAe,IAAK,CAAA,OAAA,CAAA;AAAA,OACtB;AAAA,MACA,OAAU,GAAA;;AACR,QAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,UAAR,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,EAAA;AAAA,OACjB;AAAA,MACA,MAAS,GAAA;;AACP,QAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,UAAR,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,EAAA;AAAA;AACjB,KACD,CAAA;;AAIC,MAAA,OAAAC,aAAA,EAAA,EAAAC,sBAMM,CAAA,KAAA,EANN,UAMM,EAAA;AAAA,wBALJ,EAAAC,eAAA;AAAA,UAAqDC,2BAAA,CAArC,KAAI,KAAA,CAAA;AAAA,UAApBC,cAAqD,CAAA;AAAA,mBAA3B,EAAA,SAAA;AAAA,YAAJ,GAAI,EAAA;AAAA,aAAkB,KAAK,CAAA;AAAA,UAAA,IAAA;AAAA,UAAA;AAAA;AAAA,SAAA;AAAA,SACrCC,KAAG,wBAAfJ,sBAAwD,CAAA,KAAA,EAAxD,UAA6C,EAAA,gCAAK,MACjC,kBAAiB,0BAAlCA,sBAEM,CAAA,KAAA,EAFN,YAAgE,kCAEhE,CAAA;;;;;;;;"}
package/lib/components/tzj-player/src/ysPlayer.vue2.js CHANGED
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var vue = require('vue');
6
6
  var core = require('@vueuse/core');
7
7
  var tzjPlayer = require('./tzj-player.js');
8
+ var EZUIKit = require('ezuikit-js');
8
9
 
9
10
  var __defProp = Object.defineProperty;
10
11
  var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
@@ -96,7 +97,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
96
97
  }
97
98
  __name(resize, "resize");
98
99
  function createPlayer(options) {
99
- playerInstance = new window.EZUIKit.EZUIKitPlayer({
100
+ playerInstance = new EZUIKit.EZUIKitPlayer({
100
101
  id,
101
102
  url: formatterUrl(),
102
103
  accessToken: props.accessToken,
@@ -124,6 +125,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
124
125
  if (w && h) {
125
126
  ratio = w / h;
126
127
  }
128
+ debouncedResize();
127
129
  });
128
130
  }
129
131
  __name(createPlayer, "createPlayer");
@@ -164,7 +166,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
164
166
  {
165
167
  ref_key: "ysRef",
166
168
  ref: ysRef,
167
- class: "i-tzj-player"
169
+ class: "i-tzj-ysplayer"
168
170
  },
169
171
  [
170
172
  vue.unref(errorMsg) ? (vue.openBlock(), vue.createElementBlock(
package/lib/components/tzj-player/src/ysPlayer.vue2.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ysPlayer.vue2.js","sources":["../../../../../../../packages/components/tzj-player/src/ysPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useElementSize } from \"@vueuse/core\";\nimport { nextTick, onBeforeUnmount, onMounted, shallowRef, watch } from \"vue\";\nimport { uuid } from \"./tzj-player\";\n// 萤石云播放器\ndefineOptions({\n name: \"YsPlayer\",\n});\n\n// 传值方式\n// 1、传url、accessToken\n// 2、传deviceSerial、channel、accessToken\nconst props = defineProps<{\n // 播放地址\n // 高清：ezopen://open.ys7.com/${设备序列号}/${通道号}.hd.live\n // 流畅：ezopen://open.ys7.com/${设备序列号}/${通道号}.live\n url?: string;\n // 设备序列号\n deviceSerial?: string;\n // 通道号\n channel?: number;\n // 清晰度,默认为空，也表示高清\n // hd：高清；sd：流畅\n quality?: \"hd\" | \"sd\" | \"\";\n accessToken: string;\n // 播放器模板ID\n playerTemplate?: string;\n}>();\n\n// 播放器模板ID\n// 可在萤石云控制台查看、修改、获取\n// 位置：云直播-轻应用-特致珈默认模板\nconst PLAYER_TEMPLATE = \"5f295a9341a74d439b5d69374c90d501\";\nconst id = uuid();\nlet playerInstance: any = null;\nlet errorMsg = \"\";\nconst ysRef = shallowRef();\nconst { width, height } = useElementSize(ysRef);\nlet ratio = 16 / 9;\nlet isCurrentFullscreen = false;\n\nonMounted(() => play());\n\nonBeforeUnmount(() => destroy());\n\ndefineExpose({ play, destroy, resize });\n\n// 防抖函数\nfunction debounce(func: Function, wait: number) {\n let timeout: ReturnType<typeof setTimeout> | null = null;\n return function (this: any, ...args: any[]) {\n if (timeout) clearTimeout(timeout);\n timeout = setTimeout(() => func.apply(this, args), wait);\n };\n}\n\n// 加上防抖的 resize 函数\nconst debouncedResize = debounce(resize, 300);\n\nwatch(\n () => [width.value, height.value, ratio],\n () => {\n if (!isCurrentFullscreen) {\n debouncedResize();\n }\n },\n);\n\nfunction play(options?: Record<string, any>) {\n if (!props.accessToken) {\n errorMsg = `params 'accessToken' is not found`;\n } else {\n const url = formatterUrl();\n if (url) {\n createPlayerDom();\n nextTick(() => createPlayer(options));\n }\n }\n}\nfunction destroy() {\n if (playerInstance) {\n playerInstance.destroy();\n playerInstance = null;\n removePlayerDom();\n }\n}\nfunction resize() {\n // 根据播放器宽高比，设置播放器高度\n if (width.value > 0 && height.value > 0) {\n let calculatedWidth = width.value;\n let calculatedHeight = calculatedWidth / ratio;\n if (calculatedHeight > height.value) {\n calculatedHeight = height.value;\n calculatedWidth = calculatedHeight * ratio;\n }\n if (playerInstance?.resize) {\n playerInstance.resize(calculatedWidth, calculatedHeight);\n } else {\n const dom = document.getElementById(id);\n if (dom) {\n dom.style.width = `${calculatedWidth}px`;\n dom.style.height = `${calculatedHeight}px`;\n }\n }\n }\n}\n\n/**\n * 创建萤石云播放器实例，播放萤石云直播流\n */\nfunction createPlayer(options?: Record<string, any>) {\n playerInstance = new window.EZUIKit.EZUIKitPlayer({\n id,\n url: formatterUrl(),\n accessToken: props.accessToken,\n template: props.playerTemplate || PLAYER_TEMPLATE,\n width: width.value,\n height: height.value,\n audio: 1,\n // @ts-ignore\n loggerOptions: {\n name: \"YSPLAYER\",\n level: \"ERROR\",\n showTime: true,\n },\n staticPath: \"/plugins/ezuikit/ezuikit_static\",\n ...options,\n });\n\n playerInstance.eventEmitter.on(\"fullscreen\", () => {\n isCurrentFullscreen = true;\n });\n playerInstance.eventEmitter.on(\"exitFullscreen\", () => {\n isCurrentFullscreen = false;\n });\n playerInstance.eventEmitter.on(\"videoInfo\", (args: any) => {\n const { width: w, height: h } = args;\n // 计算播放器宽高比\n if (w && h) {\n ratio = w / h;\n }\n });\n}\n\nfunction formatterUrl(): string {\n if (props.url) {\n return props.url;\n } else {\n if (props.deviceSerial && props.channel) {\n const quality =\n props.quality === \"\" || props.quality === \"hd\" ? \"hd.\" : \"\";\n return `ezopen://open.ys7.com/${props.deviceSerial}/${props.channel}.${quality}live`;\n } else {\n errorMsg = `params 'deviceSerial' or 'channel' is not found`;\n return \"\";\n }\n }\n}\n\n// 移除播放器DOM\nfunction removePlayerDom() {\n const dom = document.getElementById(id);\n dom && dom.remove();\n}\n// 创建播放器DOM\nfunction createPlayerDom() {\n if (!errorMsg) {\n removePlayerDom();\n const dom = document.createElement(\"div\");\n dom.id = id;\n dom.style.width = \"100%\";\n dom.style.height = \"100%\";\n ysRef.value?.appendChild(dom);\n }\n}\n</script>\n\n<template>\n <div ref=\"ysRef\" class=\"i-tzj-player\">\n <div v-if=\"errorMsg\" class=\"i-tzj-player__error\">\n {{ errorMsg }}\n </div>\n </div>\n</template>\n"],"names":["uuid","shallowRef","useElementSize","onMounted","onBeforeUnmount","watch","nextTick","_createElementBlock","_unref","_toDisplayString"],"mappings":"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"}
1
+ {"version":3,"file":"ysPlayer.vue2.js","sources":["../../../../../../../packages/components/tzj-player/src/ysPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useElementSize } from \"@vueuse/core\";\nimport { nextTick, onBeforeUnmount, onMounted, shallowRef, watch } from \"vue\";\nimport { uuid } from \"./tzj-player\";\nimport EZUIKit from \"ezuikit-js\";\n// 萤石云播放器\ndefineOptions({\n name: \"YsPlayer\",\n});\n\n// 传值方式\n// 1、传url、accessToken\n// 2、传deviceSerial、channel、accessToken\nconst props = defineProps<{\n // 播放地址\n // 高清：ezopen://open.ys7.com/${设备序列号}/${通道号}.hd.live\n // 流畅：ezopen://open.ys7.com/${设备序列号}/${通道号}.live\n url?: string;\n // 设备序列号\n deviceSerial?: string;\n // 通道号\n channel?: number;\n // 清晰度,默认为空，也表示高清\n // hd：高清；sd：流畅\n quality?: \"hd\" | \"sd\" | \"\";\n accessToken: string;\n // 播放器模板ID\n playerTemplate?: string;\n}>();\n\n// 播放器模板ID\n// 可在萤石云控制台查看、修改、获取\n// 位置：云直播-轻应用-特致珈默认模板\nconst PLAYER_TEMPLATE = \"5f295a9341a74d439b5d69374c90d501\";\nconst id = uuid();\nlet playerInstance: any = null;\nlet errorMsg = \"\";\nconst ysRef = shallowRef();\nconst { width, height } = useElementSize(ysRef);\nlet ratio = 16 / 9;\nlet isCurrentFullscreen = false;\n\nonMounted(() => play());\n\nonBeforeUnmount(() => destroy());\n\ndefineExpose({ play, destroy, resize });\n\n// 防抖函数\nfunction debounce(func: Function, wait: number) {\n let timeout: ReturnType<typeof setTimeout> | null = null;\n return function (this: any, ...args: any[]) {\n if (timeout) clearTimeout(timeout);\n timeout = setTimeout(() => func.apply(this, args), wait);\n };\n}\n\n// 加上防抖的 resize 函数\nconst debouncedResize = debounce(resize, 300);\n\nwatch(\n () => [width.value, height.value, ratio],\n () => {\n if (!isCurrentFullscreen) {\n debouncedResize();\n }\n },\n);\n\nfunction play(options?: Record<string, any>) {\n if (!props.accessToken) {\n errorMsg = `params 'accessToken' is not found`;\n } else {\n const url = formatterUrl();\n if (url) {\n createPlayerDom();\n nextTick(() => createPlayer(options));\n }\n }\n}\nfunction destroy() {\n if (playerInstance) {\n playerInstance.destroy();\n playerInstance = null;\n removePlayerDom();\n }\n}\nfunction resize() {\n // 根据播放器宽高比，设置播放器高度\n if (width.value > 0 && height.value > 0) {\n let calculatedWidth = width.value;\n let calculatedHeight = calculatedWidth / ratio;\n if (calculatedHeight > height.value) {\n calculatedHeight = height.value;\n calculatedWidth = calculatedHeight * ratio;\n }\n if (playerInstance?.resize) {\n playerInstance.resize(calculatedWidth, calculatedHeight);\n } else {\n const dom = document.getElementById(id);\n if (dom) {\n dom.style.width = `${calculatedWidth}px`;\n dom.style.height = `${calculatedHeight}px`;\n }\n }\n }\n}\n\n/**\n * 创建萤石云播放器实例，播放萤石云直播流\n */\nfunction createPlayer(options?: Record<string, any>) {\n playerInstance = new EZUIKit.EZUIKitPlayer({\n id,\n url: formatterUrl(),\n accessToken: props.accessToken,\n template: props.playerTemplate || PLAYER_TEMPLATE,\n width: width.value,\n height: height.value,\n audio: 1,\n // @ts-ignore\n loggerOptions: {\n name: \"YSPLAYER\",\n level: \"ERROR\",\n showTime: true,\n },\n staticPath: \"/plugins/ezuikit/ezuikit_static\",\n ...options,\n });\n\n playerInstance.eventEmitter.on(\"fullscreen\", () => {\n isCurrentFullscreen = true;\n });\n playerInstance.eventEmitter.on(\"exitFullscreen\", () => {\n isCurrentFullscreen = false;\n });\n playerInstance.eventEmitter.on(\"videoInfo\", (args: any) => {\n const { width: w, height: h } = args;\n // 计算播放器宽高比\n if (w && h) {\n ratio = w / h;\n }\n debouncedResize();\n });\n}\n\nfunction formatterUrl(): string {\n if (props.url) {\n return props.url;\n } else {\n if (props.deviceSerial && props.channel) {\n const quality =\n props.quality === \"\" || props.quality === \"hd\" ? \"hd.\" : \"\";\n return `ezopen://open.ys7.com/${props.deviceSerial}/${props.channel}.${quality}live`;\n } else {\n errorMsg = `params 'deviceSerial' or 'channel' is not found`;\n return \"\";\n }\n }\n}\n\n// 移除播放器DOM\nfunction removePlayerDom() {\n const dom = document.getElementById(id);\n dom && dom.remove();\n}\n// 创建播放器DOM\nfunction createPlayerDom() {\n if (!errorMsg) {\n removePlayerDom();\n const dom = document.createElement(\"div\");\n dom.id = id;\n dom.style.width = \"100%\";\n dom.style.height = \"100%\";\n ysRef.value?.appendChild(dom);\n }\n}\n</script>\n\n<template>\n <div ref=\"ysRef\" class=\"i-tzj-ysplayer\">\n <div v-if=\"errorMsg\" class=\"i-tzj-player__error\">\n {{ errorMsg }}\n </div>\n </div>\n</template>\n"],"names":["uuid","shallowRef","useElementSize","onMounted","onBeforeUnmount","watch","nextTick","_createElementBlock","_unref","_toDisplayString"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yimou6/common-ui",
3
- "version": "1.10.5",
3
+ "version": "1.10.7",
4
4
  "description": "Vue3 Component Library",
5
5
  "author": "yimou6",
6
6
  "license": "MIT",
@@ -69,7 +69,7 @@
69
69
  "@arco-design/web-vue": "^2.57.0",
70
70
  "echarts": "^5.6.0",
71
71
  "element-plus": "2.9.9",
72
- "ezuikit-js": "^8.1.10",
72
+ "ezuikit-js": "8.1.13",
73
73
  "vue": "^3.4.0",
74
74
  "xgplayer": "^3.0.21",
75
75
  "xgplayer-flv": "^3.0.21",
package/theme-default/i-tzj-player.css CHANGED
@@ -1 +1 @@
1
- .i-tzj-player{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background-color:#000;color:#fff;font-size:14px}.i-tzj-player .i-tzj-player-content{background-color:#000;width:100%;height:100%}.i-tzj-player .i-tzj-player__error{display:flex;position:absolute;z-index:999;top:0;left:0;align-items:center;justify-content:center;width:100%;height:100%;background-color:#000;color:#efefef;font-size:12px}
1
+ .i-tzj-player{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background-color:#000;color:#fff;font-size:14px}.i-tzj-player .i-tzj-player-content{background-color:#000;width:100%;height:100%}.i-tzj-player .i-tzj-ysplayer{display:flex;position:relative;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.i-tzj-player .i-tzj-player__error{display:flex;position:absolute;z-index:999;top:0;left:0;align-items:center;justify-content:center;width:100%;height:100%;background-color:#000;color:#efefef;font-size:12px}