@vtx/player 0.0.29 → 1.0.0

package/lib/history-control-v2/style/index.css

@@ -0,0 +1,435 @@
+.vtx-history-control-v2 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  position: relative;
+}
+.vtx-history-control-v2 .player-grid-container {
+  display: grid;
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
+  grid-gap: 1px;
+  height: 0;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+.vtx-history-control-v2 .player-grid-container._1 {
+  grid-template-rows: 1fr;
+  grid-template-columns: 1fr;
+}
+.vtx-history-control-v2 .player-grid-container._4 {
+  grid-template-rows: 1fr 1fr;
+  grid-template-columns: 1fr 1fr;
+}
+.vtx-history-control-v2 .player-grid-container._9 {
+  grid-template-rows: 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr;
+}
+.vtx-history-control-v2 .player-grid-container._16 {
+  grid-template-rows: 1fr 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr 1fr;
+}
+.vtx-history-control-v2 .player-grid-container._25 {
+  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+}
+.vtx-history-control-v2 .player-grid-container._6 {
+  grid-template-rows: 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr;
+}
+.vtx-history-control-v2 .player-grid-container._6 :nth-child(1) {
+  grid-column-start: 1;
+  grid-column-end: 3;
+  grid-row-start: 1;
+  grid-row-end: 3;
+}
+.vtx-history-control-v2 .player-grid-container._8 {
+  grid-template-rows: 1fr 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr 1fr;
+}
+.vtx-history-control-v2 .player-grid-container._8 :nth-child(1) {
+  grid-column-start: 1;
+  grid-column-end: 4;
+  grid-row-start: 1;
+  grid-row-end: 4;
+}
+.vtx-history-control-v2 .player-grid-container._10 {
+  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr;
+}
+.vtx-history-control-v2 .player-grid-container._10 :nth-child(1) {
+  grid-column-start: 1;
+  grid-column-end: 3;
+  grid-row-start: 1;
+  grid-row-end: 4;
+}
+.vtx-history-control-v2 .player-grid-container._13 {
+  grid-template-rows: 1fr 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr 1fr;
+}
+.vtx-history-control-v2 .player-grid-container._13 :nth-child(1) {
+  grid-column-start: 1;
+  grid-column-end: 3;
+  grid-row-start: 1;
+  grid-row-end: 3;
+}
+.vtx-history-control-v2 .player-grid-container._14 {
+  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr 1fr;
+}
+.vtx-history-control-v2 .player-grid-container._14 :nth-child(1) {
+  grid-column-start: 1;
+  grid-column-end: 3;
+  grid-row-start: 1;
+  grid-row-end: 4;
+}
+.vtx-history-control-v2 .player-grid-container._14 :nth-child(2) {
+  grid-column-start: 3;
+  grid-column-end: 5;
+}
+.vtx-history-control-v2 .player-grid-container._17 {
+  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+}
+.vtx-history-control-v2 .player-grid-container._17 :nth-child(1) {
+  grid-column-start: 1;
+  grid-column-end: 4;
+  grid-row-start: 1;
+  grid-row-end: 4;
+}
+.vtx-history-control-v2 .player-grid-container._22 {
+  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+}
+.vtx-history-control-v2 .player-grid-container._22 :nth-child(1) {
+  grid-column-start: 1;
+  grid-column-end: 3;
+  grid-row-start: 1;
+  grid-row-end: 3;
+}
+.vtx-history-control-v2 .player-grid-container .grid-item-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+  background-color: #2b3d51;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.vtx-history-control-v2 .player-grid-container .grid-item-container.emptyImg {
+  background-image: url('../images/empty.png');
+  background-repeat: no-repeat;
+  background-position: center;
+}
+.vtx-history-control-v2 .player-grid-container .grid-item-container.active {
+  -webkit-box-shadow: 0 0 0 1px #52c41a;
+          box-shadow: 0 0 0 1px #52c41a;
+}
+.vtx-history-control-v2 .player-grid-container .grid-item-container > .content {
+  width: 100%;
+  height: calc(100% - 26px);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+.vtx-history-control-v2 .bottom-controls {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 100%;
+  height: 33px;
+  padding: 0 12px;
+  background-color: #243241;
+}
+.vtx-history-control-v2 .bottom-controls .right {
+  margin-left: auto;
+}
+.vtx-history-control-v2 .bottom-controls .right > div {
+  height: 24px;
+}
+.vtx-history-control-v2 .bottom-controls .split-line {
+  margin-top: 6px;
+  width: 1px;
+  background-color: rgba(255, 255, 255, 0.1);
+  height: 14px;
+}
+.vtx-history-control-v2 .bottom-controls .controls-icon-hover {
+  color: rgba(255, 255, 255, 0.65);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding-top: 2px;
+}
+.vtx-history-control-v2 .bottom-controls .controls-icon-hover .hover-hide {
+  display: inline-block;
+  vertical-align: 0.1em;
+  font-size: 12px;
+}
+.vtx-history-control-v2 .bottom-controls .controls-icon-hover .hover-show {
+  display: none;
+  vertical-align: 0.1em;
+  font-size: 12px;
+}
+.vtx-history-control-v2 .bottom-controls .controls-icon-hover:hover .hover-hide {
+  display: none;
+}
+.vtx-history-control-v2 .bottom-controls .controls-icon-hover:hover .hover-show {
+  display: inline-block;
+  color: #1890ff;
+  vertical-align: 0.2em;
+}
+.vtx-history-control-v2 .collapse-controls {
+  bottom: 32px;
+  width: 100%;
+  background-color: #131d27;
+}
+.vtx-history-control-v2 .collapse-controls .action-bar {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  cursor: pointer;
+}
+.vtx-history-control-v2 .collapse-controls .collapse-panel-container .panels {
+  padding: 12px 20px;
+  margin: 0 14px 14px;
+  background-color: #141414;
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  border-radius: 2px;
+}
+.vtx-history-control-v2 .collapse-controls .collapse-panel-container .panels .time-panel {
+  position: relative;
+}
+.vtx-history-control-v2 .collapse-controls .collapse-panel-container .panels .time-panel .time-line-icon {
+  position: absolute;
+  top: -10px;
+}
+.vtx-history-control-v2 .collapse-controls .collapse-panel-container .panels .time-panel .segments {
+  position: relative;
+  height: 24px;
+  overflow: hidden;
+}
+.vtx-history-control-v2 .collapse-controls .collapse-panel-container .panels .time-panel .segments .timeline {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  border: 0;
+  width: 1px;
+  background: #1890ff;
+  z-index: 1;
+}
+.vtx-history-control-v2 .collapse-controls .collapse-panel-container .panels .time-panel .segments .segment {
+  position: absolute;
+  height: 24px;
+  background-color: #bae7ff;
+  border-left: 1px solid #141414;
+}
+.vtx-history-control-v2 .collapse-controls .collapse-panel-container .panels .time-panel .time-axis {
+  position: relative;
+  width: 100%;
+}
+.vtx-history-control-v2 .collapse-controls .collapse-panel-container .panels .time-panel .time-axis .split-lines {
+  height: 30px;
+}
+.vtx-history-control-v2 .collapse-controls .collapse-panel-container .panels .time-panel .time-axis .split-lines::before {
+  position: absolute;
+  top: -1px;
+  width: 100%;
+  height: 1px;
+  content: '';
+  background-color: rgba(255, 255, 255, 0.65);
+}
+.vtx-history-control-v2 .collapse-controls .collapse-panel-container .panels .time-panel .time-axis .split-lines .line {
+  position: absolute;
+  color: white;
+}
+.vtx-history-control-v2 .collapse-controls .collapse-panel-container .panels .time-panel .time-axis .split-lines .line .number {
+  position: absolute;
+  color: rgba(255, 255, 255, 0.65);
+  -webkit-transform: translate(-50%, 6px);
+      -ms-transform: translate(-50%, 6px);
+          transform: translate(-50%, 6px);
+}
+.vtx-history-control-v2 .collapse-controls .collapse-panel-container .panels .time-panel .time-axis .split-lines .line::before {
+  position: absolute;
+  width: 1px;
+  height: 8px;
+  content: '';
+  background-color: rgba(255, 255, 255, 0.65);
+}
+.vtx-history-control-v2 .collapse-controls .collapse-panel-container .panels .panels-left {
+  width: 200px;
+  color: #fff;
+}
+.vtx-history-control-v2 .collapse-controls .collapse-panel-container .panels .panels-left .panels-left-title {
+  padding: 0 5px;
+  height: 39px;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  background-color: #242424;
+}
+.vtx-history-control-v2 .collapse-controls .collapse-panel-container .panels .panels-left .panels-left-wrap {
+  height: 100px;
+  overflow: auto;
+}
+.vtx-history-control-v2 .collapse-controls .collapse-panel-container .panels .panels-left .panels-left-wrap::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.vtx-history-control-v2 .collapse-controls .collapse-panel-container .panels .panels-left .panels-left-wrap::-webkit-scrollbar-track {
+  background: transparent;
+  border-radius: 5px;
+}
+.vtx-history-control-v2 .collapse-controls .collapse-panel-container .panels .panels-left .panels-left-wrap::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.45);
+  border-radius: 5px;
+}
+.vtx-history-control-v2 .collapse-controls .collapse-panel-container .panels .panels-left .panels-left-wrap::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
+.vtx-history-control-v2 .collapse-controls .collapse-panel-container .panels .panels-left .panels-left-wrap::-webkit-scrollbar-thumb:hover {
+  background: rgba(255, 255, 255, 0.65);
+}
+.vtx-history-control-v2 .collapse-controls .collapse-panel-container .panels .panels-left .panels-left-content {
+  line-height: 37px;
+  height: 37px;
+  padding: 0 5px;
+  cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.vtx-history-control-v2 .collapse-controls .collapse-panel-container .panels .panels-left .panels-left-content:hover {
+  background-color: #102641;
+}
+.vtx-history-control-v2 .collapse-controls .collapse-panel-container .panels .panels-left .panels-left-content-active {
+  background: #102641;
+}
+.vtx-history-control-v2 .player-container {
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
+  width: 100%;
+  height: 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.vtx-history-control-v2 .vtx-spin {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+      -ms-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+}
+.history-url-table {
+  border-right: 1px solid #383838;
+  border-bottom: 1px solid #383838;
+}
+.history-url-table .ant-table {
+  background: var(--table-bg);
+}
+.history-url-table .ant-table .ant-table-container::before {
+  display: none;
+}
+.history-url-table .ant-table .ant-table-container::after {
+  display: none;
+}
+.history-url-table .ant-table .ant-table-container .ant-table-header table {
+  border-collapse: collapse;
+}
+.history-url-table .ant-table .ant-table-container .ant-table-header table thead th {
+  padding: 8px;
+  color: rgba(255, 255, 255, 0.85);
+  white-space: no-wrap;
+  background-color: rgba(255, 255, 255, 0.07);
+  border: 1px solid #383838;
+}
+.history-url-table .ant-table .ant-table-container .ant-table-header table thead th::before {
+  display: none;
+}
+.history-url-table .ant-table .ant-table-container .ant-table-body::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.history-url-table .ant-table .ant-table-container .ant-table-body::-webkit-scrollbar-track {
+  background: transparent;
+  border-radius: 5px;
+}
+.history-url-table .ant-table .ant-table-container .ant-table-body::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.45);
+  border-radius: 5px;
+}
+.history-url-table .ant-table .ant-table-container .ant-table-body::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
+.history-url-table .ant-table .ant-table-container .ant-table-body::-webkit-scrollbar-thumb:hover {
+  background: rgba(255, 255, 255, 0.65);
+}
+.history-url-table .ant-table .ant-table-container .ant-table-body table {
+  border-collapse: collapse;
+}
+.history-url-table .ant-table .ant-table-container .ant-table-body table tbody tr td {
+  padding: 6px 8px;
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.65);
+  white-space: nowrap;
+  background-color: transparent;
+  border: 1px solid #383838;
+}
+.history-url-table .ant-table .ant-table-container .ant-table-body table tbody tr.active td {
+  background-color: #102641;
+}
+.history-url-table .ant-table .ant-table-container .ant-table-body table .play-btn {
+  height: -webkit-fit-content;
+  height: -moz-fit-content;
+  height: fit-content;
+  padding: 0 8px;
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.65);
+  background: rgba(255, 255, 255, 0.078);
+  border: 1px solidrgba(255, 255, 255, 0.2);
+  border-radius: 2px;
+}
+.history-url-table .ant-table .ant-table-container .ant-table-body table .play-btn.active {
+  color: #177ddc;
+  border-color: #177ddc;
+}

package/lib/history-control-v2/style/index.d.ts

@@ -0,0 +1,11 @@
+import "antd/lib/button/style";
+import "antd/lib/space/style";
+import "antd/lib/table/style";
+import "antd/lib/tooltip/style";
+import '../../controls/style';
+import '../../history-player/style';
+import '../../components/split-screen/style';
+import '../../components/video-scale/style';
+import '../../components/tag-video/style';
+import '../../components/set-tag-video/style';
+import './index.less';

package/lib/history-control-v2/style/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+require("antd/lib/button/style");
+
+require("antd/lib/space/style");
+
+require("antd/lib/table/style");
+
+require("antd/lib/tooltip/style");
+
+require("../../controls/style");
+
+require("../../history-player/style");
+
+require("../../components/split-screen/style");
+
+require("../../components/video-scale/style");
+
+require("../../components/tag-video/style");
+
+require("../../components/set-tag-video/style");
+
+require("./index.less");
+//# sourceMappingURL=index.js.map

package/lib/history-control-v2/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["history-control-v2/style/index.js"],"sourcesContent":["import \"antd/lib/button/style\";\nimport \"antd/lib/space/style\";\nimport \"antd/lib/table/style\";\nimport \"antd/lib/tooltip/style\";\nimport '../../controls/style';\nimport '../../history-player/style';\nimport '../../components/split-screen/style';\nimport '../../components/video-scale/style';\nimport '../../components/tag-video/style';\nimport '../../components/set-tag-video/style';\nimport './index.less';\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}