@vtx/player 0.0.13 → 0.0.16

package/lib/live-player/demo/src/components/lib/vtx-search/style/index.css

@@ -0,0 +1,84 @@
+.vtx-search {
+  position: relative;
+  z-index: 9;
+  padding-top: 8px;
+  padding-right: 24px;
+  padding-bottom: 8px;
+  padding-left: 24px;
+  overflow: hidden;
+  background: #fff;
+  -webkit-transition-duration: 0.3s;
+          transition-duration: 0.3s;
+  -webkit-transition-property: height;
+  transition-property: height;
+}
+.vtx-search-label_h {
+  display: inline-block;
+  overflow: hidden;
+  line-height: 48px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  vertical-align: top;
+}
+.vtx-search-lists_h {
+  position: relative;
+  display: inline-block;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  height: 48px;
+  padding-top: 8px;
+  padding-bottom: 8px;
+  padding-left: 12px;
+  line-height: 1.5715;
+  vertical-align: top;
+}
+.vtx-search .vtx-search-item__v {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  padding: 8px 0;
+}
+.vtx-search-label_v {
+  overflow: hidden;
+  line-height: 21px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  vertical-align: top;
+}
+.vtx-search-lists_v {
+  position: relative;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  height: 42px;
+  padding-top: 8px;
+  padding-bottom: 8px;
+  line-height: 32px;
+  vertical-align: top;
+}
+.vtx-search-list {
+  width: 100%;
+}
+.vtx-search-element {
+  display: inline-block;
+  /* stylelint-disable */
+  width: calc(100% - 200px - 24px);
+  margin-right: 24px;
+}
+.vtx-search-buttons {
+  display: inline-block;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  width: 200px;
+  height: 100%;
+  vertical-align: top;
+}
+.vtx-search .vtx-search-more {
+  height: 32px;
+  color: #1890ff;
+  line-height: 32px;
+  cursor: pointer;
+}
+.vtx-row {
+  overflow: hidden;
+}

package/lib/live-player/demo/src/components/lib/vtx-search/style/index.less

@@ -0,0 +1,83 @@
+@import (reference) '~antd/lib/style/themes/index.less';
+
+@prefix-cls: vtx-search;
+@toggleSpeed: 0.3s; // 展开速度
+@buttons-width: 200px;
+
+.@{prefix-cls} {
+    position: relative;
+    z-index: 9;
+    padding-top: 8px;
+    padding-right: 24px;
+    padding-bottom: 8px;
+    padding-left: 24px;
+    overflow: hidden;
+    background: @component-background;
+    transition-duration: @toggleSpeed;
+    transition-property: height;
+    &-label_h {
+        display: inline-block;
+        overflow: hidden;
+        line-height: 48px;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        vertical-align: top;
+    }
+    &-lists_h {
+        position: relative;
+        display: inline-block;
+        box-sizing: border-box;
+        height: 48px;
+        padding-top: 8px;
+        padding-bottom: 8px;
+        padding-left: 12px;
+        line-height: @line-height-base;
+        vertical-align: top;
+    }
+    .vtx-search-item__v {
+        flex-direction: column;
+        padding: 8px 0;
+    }
+    &-label_v {
+        overflow: hidden;
+        line-height: 21px;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        vertical-align: top;
+    }
+    &-lists_v {
+        position: relative;
+        box-sizing: border-box;
+        height: 42px;
+        padding-top: 8px;
+        padding-bottom: 8px;
+        line-height: 32px;
+        vertical-align: top;
+    }
+    &-list {
+        width: 100%;
+    }
+    &-element {
+        display: inline-block;
+        /* stylelint-disable */
+        width: calc(100% - @buttons-width - 24px);
+        margin-right: 24px;
+    }
+    &-buttons {
+        display: inline-block;
+        box-sizing: border-box;
+        width: @buttons-width;
+        height: 100%;
+        vertical-align: top;
+    }
+    .vtx-search-more {
+        height: 32px;
+        color: @primary-color;
+        line-height: 32px;
+        cursor: pointer;
+    }
+}
+
+.vtx-row {
+    overflow: hidden;
+}

package/lib/live-player/demo/src/components/lib/vtx-select/style/index.css

@@ -0,0 +1,68 @@
+.vtx-select {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+}
+.vtx-select .vtx-select-count {
+  position: absolute;
+  top: 0;
+  vertical-align: top;
+}
+.vtx-select .vtx-all-list {
+  position: absolute;
+  z-index: 999;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  width: 100%;
+  padding: 5px;
+  background-color: #fff;
+  border-radius: 2px;
+  -webkit-box-shadow: 0 2px 8px #d9d9d9;
+          box-shadow: 0 2px 8px #d9d9d9;
+}
+.vtx-select .ant-select-selection--multiple {
+  max-height: 32px;
+  overflow: hidden;
+}
+.vtx-multi-select {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+}
+.vtx-multi-select .vtx-select-count {
+  position: absolute;
+  top: 0;
+  right: 0;
+  vertical-align: top;
+  border-left: none;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.vtx-multi-select .vtx-all-list {
+  position: absolute;
+  z-index: 999;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  width: 100%;
+  padding: 5px;
+  background-color: #fff;
+  border-radius: 2px;
+  -webkit-box-shadow: 0 2px 8px #d9d9d9;
+          box-shadow: 0 2px 8px #d9d9d9;
+}
+.vtx-multi-select .ant-select-selection {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.vtx-multi-select .ant-select-selection--multiple {
+  max-height: 32px;
+  overflow: hidden;
+}
+.vtx-multi-select .ant-btn:hover,
+.vtx-multi-select .ant-btn:focus {
+  border-color: #d9d9d9;
+}
+.vtx-multi-select-all {
+  padding: 4px 8px;
+  text-align: right;
+}

package/lib/live-player/demo/src/components/lib/vtx-select/style/index.less

@@ -0,0 +1,68 @@
+@import (reference) '~antd/lib/style/themes/index.less';
+
+.vtx-select {
+    position: relative;
+    display: inline-block;
+    width: 100%;
+    .vtx-select-count {
+        position: absolute;
+        top: 0;
+        vertical-align: top;
+    }
+    .vtx-all-list {
+        position: absolute;
+        z-index: 999;
+        box-sizing: border-box;
+        width: 100%;
+        padding: 5px;
+        background-color: @component-background;
+        border-radius: @border-radius-base;
+        box-shadow: 0 2px 8px #d9d9d9;
+    }
+    .ant-select-selection--multiple {
+        max-height: 32px;
+        overflow: hidden;
+    }
+}
+
+.vtx-multi-select {
+    position: relative;
+    display: inline-block;
+    width: 100%;
+    .vtx-select-count {
+        position: absolute;
+        top: 0;
+        right: 0;
+        vertical-align: top;
+        border-left: none;
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+    }
+    .vtx-all-list {
+        position: absolute;
+        z-index: 999;
+        box-sizing: border-box;
+        width: 100%;
+        padding: 5px;
+        background-color: @component-background;
+        border-radius: @border-radius-base;
+        box-shadow: 0 2px 8px #d9d9d9;
+    }
+    .ant-select-selection {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+    }
+    .ant-select-selection--multiple {
+        max-height: 32px;
+        overflow: hidden;
+    }
+    .ant-btn:hover,
+    .ant-btn:focus {
+        border-color: #d9d9d9;
+    }
+}
+
+.vtx-multi-select-all {
+    padding: 4px 8px;
+    text-align: right;
+}

package/lib/live-player/demo/src/components/lib/vtx-signature/style/index.css

@@ -0,0 +1,35 @@
+.vtx-signature {
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 300px;
+  padding: 16px;
+  background-color: #fff;
+  border: 1px solid #f0f0f0;
+  border-radius: 2px;
+}
+.vtx-signature--body {
+  position: relative;
+  height: 100%;
+  border: 1px dotted #c1c1c1;
+}
+.vtx-signature--body canvas {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: 2px;
+}
+.vtx-signature--footer {
+  margin-top: 8px;
+  line-height: 1;
+}
+.vtx-signature--footer button + button {
+  margin-left: 8px;
+}

package/lib/live-player/demo/src/components/lib/vtx-signature/style/index.less

@@ -0,0 +1,33 @@
+@import (reference) '~antd/lib/style/themes/index.less';
+@prefix-cls: vtx-signature;
+
+.@{prefix-cls} {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    height: 300px;
+    padding: 16px;
+    background-color: @component-background;
+    border: 1px solid @border-color-split;
+    border-radius: @border-radius-base;
+    &--body {
+        position: relative;
+        height: 100%;
+        border: 1px dotted #c1c1c1;
+        canvas {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            border-radius: @border-radius-base;
+        }
+    }
+    &--footer {
+        margin-top: 8px;
+        line-height: 1;
+        button + button {
+            margin-left: 8px;
+        }
+    }
+}

package/lib/live-player/demo/src/components/lib/vtx-split-pane/style/index.css

@@ -0,0 +1,59 @@
+.vtx-split-pane {
+  height: 100%;
+  overflow: hidden;
+}
+.vtx-split-pane-item {
+  position: relative;
+  display: inline-block;
+  height: 100%;
+  vertical-align: top;
+}
+.vtx-split-pane-resizer {
+  position: relative;
+  display: inline-block;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  width: 12px;
+  height: 100%;
+  vertical-align: top;
+}
+.vtx-split-pane-resizer-toggle {
+  position: absolute;
+  top: 32px;
+  z-index: 1001;
+  opacity: 0;
+}
+.vtx-split-pane-resizer-switch {
+  position: absolute;
+  top: 70px;
+  z-index: 1001;
+  opacity: 0;
+}
+.vtx-split-pane-resizer:hover .vtx-split-pane-resizer-toggle {
+  opacity: 1;
+}
+.vtx-split-pane-resizer:hover .vtx-split-pane-resizer-switch {
+  opacity: 1;
+}
+.vtx-split-pane-resizer-left {
+  border-right: 1px solid #e8e8e8;
+}
+.vtx-split-pane-resizer-left:hover {
+  border-right: 1px solid #bfbfbf;
+  -webkit-transition: border-right 0.2s ease-in-out;
+  transition: border-right 0.2s ease-in-out;
+}
+.vtx-split-pane-resizer-right {
+  border-left: 1px solid #e8e8e8;
+}
+.vtx-split-pane-resizer-right:hover {
+  border-left: 1px solid #bfbfbf;
+  -webkit-transition: border-right 0.2s ease-in-out;
+  transition: border-right 0.2s ease-in-out;
+}
+.vtx-split-pane-resizer.disabled {
+  cursor: not-allowed;
+}
+.vtx-split-pane-resizer.disabled:hover {
+  border-color: transparent;
+}

package/lib/live-player/demo/src/components/lib/vtx-split-pane/style/index.less

@@ -0,0 +1,60 @@
+@prefix-cls: vtx-split-pane;
+
+.@{prefix-cls} {
+    height: 100%;
+    overflow: hidden;
+    &-item {
+        position: relative;
+        display: inline-block;
+        height: 100%;
+        vertical-align: top;
+    }
+
+    &-resizer {
+        position: relative;
+        display: inline-block;
+        box-sizing: border-box;
+        width: 12px;
+        height: 100%;
+        vertical-align: top;
+        &-toggle {
+            position: absolute;
+            top: 32px;
+            z-index: 1001;
+            opacity: 0;
+        }
+        &-switch {
+            position: absolute;
+            top: 70px;
+            z-index: 1001;
+            opacity: 0;
+        }
+        &:hover &-toggle {
+            opacity: 1;
+        }
+        &:hover &-switch {
+            opacity: 1;
+        }
+    }
+
+    &-resizer-left {
+        border-right: 1px solid rgb(232, 232, 232);
+        &:hover {
+            border-right: 1px solid rgb(191, 191, 191);
+            transition: border-right 0.2s ease-in-out;
+        }
+    }
+    &-resizer-right {
+        border-left: 1px solid rgb(232, 232, 232);
+        &:hover {
+            border-left: 1px solid rgb(191, 191, 191);
+            transition: border-right 0.2s ease-in-out;
+        }
+    }
+    &-resizer.disabled {
+        cursor: not-allowed;
+    }
+    &-resizer.disabled:hover {
+        border-color: transparent;
+    }
+}

package/lib/live-player/demo/src/components/lib/vtx-statistics-column/style/index.css

@@ -0,0 +1,55 @@
+.vtx-statistics-column {
+  position: relative;
+  padding: 20px;
+  background: #fff;
+}
+.vtx-statistics-column-nowrap {
+  overflow: hidden;
+  white-space: nowrap;
+}
+.vtx-statistics-column-item {
+  position: relative;
+  display: inline-block;
+  text-align: center;
+}
+.vtx-statistics-column-item-space {
+  padding: 0 24px;
+}
+.vtx-statistics-column-item--label {
+  margin-bottom: 8px;
+  color: rgba(0, 0, 0, 0.65);
+  line-height: 1;
+}
+.vtx-statistics-column-item--value {
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 24px;
+  line-height: 1;
+}
+.vtx-statistics-column-item_pointer {
+  cursor: pointer;
+}
+.vtx-statistics-column-item-total .vtx-statistics-column-item--value {
+  color: #13c2c2;
+}
+.vtx-statistics-column-item-total::after {
+  position: absolute;
+  top: 50%;
+  right: 0;
+  width: 1px;
+  height: 42px;
+  background: #e8e8e8;
+  -webkit-transform: translate(0, -50%);
+      -ms-transform: translate(0, -50%);
+          transform: translate(0, -50%);
+  content: '';
+}
+.vtx-statistics-column-back {
+  position: absolute;
+  top: 0;
+  left: 0;
+  padding: 0 5px;
+  color: #fff;
+  background-color: #1890ff;
+  border-radius: 2px 0 2px 0;
+  cursor: pointer;
+}

package/lib/live-player/demo/src/components/lib/vtx-statistics-column/style/index.less

@@ -0,0 +1,59 @@
+@import (reference) '~antd/lib/style/themes/index.less';
+@prefix-cls: vtx-statistics-column;
+@statistics-text-color: fade(@black, 65%);
+
+.@{prefix-cls} {
+    position: relative;
+    padding: 20px;
+    background: @component-background;
+    &-nowrap {
+        overflow: hidden;
+        white-space: nowrap;
+    }
+    &-item {
+        position: relative;
+        display: inline-block;
+        text-align: center;
+        &-space {
+            padding: 0 24px;
+        }
+        &--label {
+            margin-bottom: 8px;
+            color: @statistics-text-color;
+            line-height: 1;
+        }
+        &--value {
+            color: @text-color;
+            font-size: 24px;
+            line-height: 1;
+        }
+        &_pointer {
+            cursor: pointer;
+        }
+        &-total &--value {
+            color: #13c2c2;
+        }
+        &-total {
+            &::after {
+                position: absolute;
+                top: 50%;
+                right: 0;
+                width: 1px;
+                height: 42px;
+                background: #e8e8e8;
+                transform: translate(0, -50%);
+                content: '';
+            }
+        }
+    }
+    &-back {
+        position: absolute;
+        top: 0;
+        left: 0;
+        padding: 0 5px;
+        color: @component-background;
+        background-color: @primary-color;
+        border-radius: @border-radius-base 0 @border-radius-base 0;
+        cursor: pointer;
+    }
+}

package/lib/live-player/demo/src/components/lib/vtx-upload/style/index.css

@@ -0,0 +1,54 @@
+.vtx-ui-upload-uploadct {
+  overflow: hidden;
+}
+.vtx-ui-upload-uploadct .ant-upload-list-item-info::before {
+  height: 0 !important;
+}
+.vtx_ui_upload_onlinepreview {
+  width: 100%;
+}
+.vtx_ui_upload_onlinepreview .vtx_ui_upload_previewLine {
+  position: relative;
+  padding: 0 8px;
+  color: #1890ff;
+  line-height: 25px;
+  cursor: pointer;
+}
+.vtx_ui_upload_onlinepreview .vtx_ui_upload_previewLine .vtx_ui_upload_iconHint {
+  margin-right: 5px;
+  color: #666;
+}
+.vtx_ui_upload_onlinepreview .vtx_ui_upload_previewLine .vtx_ui_upload_action_box {
+  position: absolute;
+  top: 2px;
+  right: 8px;
+  display: none;
+}
+.vtx_ui_upload_onlinepreview .vtx_ui_upload_previewLine .vtx_ui_upload_action_box .vtx_ui_upload_action_btn {
+  margin-left: 5px;
+  color: #aaa;
+}
+.vtx_ui_upload_onlinepreview .vtx_ui_upload_previewLine .vtx_ui_upload_action_box .vtx_ui_upload_action_btn:hover {
+  color: #333;
+}
+.vtx_ui_upload_onlinepreview .vtx_ui_upload_previewLine:hover {
+  background-color: #ecf6fd;
+}
+.vtx_ui_upload_onlinepreview .vtx_ui_upload_previewLine:hover .vtx_ui_upload_action_box {
+  display: inline-block;
+}
+.vtx-modal-maxClass .ant-modal {
+  top: 0 !important;
+  left: 0 !important;
+  width: 100% !important;
+  height: 100% !important;
+  padding-bottom: 0 !important;
+  overflow: hidden;
+}
+.vtx-modal-maxClass .ant-modal .ant-modal-content {
+  height: 100%;
+}
+.vtx-modal-maxClass .ant-modal .ant-modal-content .ant-modal-body {
+  height: calc(100% - 108px) !important;
+  background-color: #fbfbfb;
+}