@vtx/player 0.0.13 → 0.0.16

package/lib/live-player/demo/src/components/vtxModals/lib/vtx-construction-site-modal/style/index.less

@@ -0,0 +1,95 @@
+.muck-base-content {
+    display: flex;
+
+    .left {
+        width: 55%;
+        margin: 40px 30px;
+        background-color: var(--sub-bg-color);
+        border-radius: 20px;
+    }
+
+    .right {
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        flex-grow: 1;
+        padding: 40px 32px;
+        h3 {
+            color: var(--title-color);
+        }
+    }
+}
+.ant-space {
+    display: flex;
+}
+.muck-metering-content {
+    position: relative;
+    padding: 24px;
+
+    .top-bar {
+        display: flex;
+        margin: 32px 0;
+        padding-left: 28px;
+    }
+
+    .right-top {
+        position: absolute;
+        top: 32px;
+        right: 20px;
+        display: flex;
+    }
+}
+
+.audio-content {
+    display: flex;
+    padding: 24px;
+
+    .left {
+        width: 30%;
+        padding: 40px 0;
+        .text {
+            color: var(--title-color);
+        }
+    }
+
+    .right {
+        position: relative;
+        flex: 1;
+        .right-tabs {
+            position: absolute;
+            right: 0;
+        }
+
+        .OCXBody {
+            padding: 40px 0;
+            .name {
+                display: flex;
+                align-items: center;
+                justify-content: center;
+            }
+        }
+    }
+}
+
+.work-content {
+    position: relative;
+    padding: 24px;
+
+    .top-bar {
+        display: flex;
+        margin: 6px 0;
+        padding-left: 28px;
+
+        .right {
+            position: absolute;
+            top: 32px;
+            right: 20px;
+        }
+    }
+
+    .vtx-sub-tabs {
+        .tab-pane {
+            padding: 0;
+        }
+    }
+}

package/lib/live-player/demo/src/components/vtxModals/lib/vtx-full-screen-base-modal/style/index.css

@@ -0,0 +1,81 @@
+.vtx-modal-maxClass .ant-modal {
+  top: 0 !important;
+  left: 0 !important;
+  width: 100% !important;
+  max-width: 100% !important;
+  height: 100% !important;
+  padding-bottom: 0 !important;
+  overflow: hidden;
+}
+.vtx-modal-maxClass .ant-modal-body {
+  height: calc(100% - 108px) !important;
+}
+.vtx-modal .ant-modal {
+  top: 10%;
+  padding-bottom: 0;
+}
+.vtx-modal .ant-modal .ant-modal-content {
+  height: 100%;
+}
+.vtx-modal .ant-modal .ant-modal-content .ant-modal-body {
+  max-height: calc(100% - 108px);
+  padding: 20px 24px;
+  overflow: auto;
+}
+.vtx-modal .vtx-modal-title {
+  position: relative;
+  width: 100%;
+}
+.vtx-modal .vtx-modal-title .vtx-modal-title_name {
+  width: 100%;
+  color: #1890ff;
+}
+.vtx-modal .vtx-modal-title .vtx-modal-close,
+.vtx-modal .vtx-modal-title .vtx-modal-maximizeIcon {
+  position: absolute;
+  top: -13px;
+  right: -16px;
+}
+.vtx-modal .vtx-modal-title .vtx-modal-close p,
+.vtx-modal .vtx-modal-title .vtx-modal-maximizeIcon p {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 10;
+  display: inline-block;
+  width: 36px;
+  height: 48px;
+  color: rgba(0, 0, 0, 0.45);
+  font-weight: 700;
+  line-height: 48px;
+  text-align: center;
+  text-decoration: none;
+  background: transparent;
+  border: 0;
+  outline: 0;
+  cursor: pointer;
+  -webkit-transition: color 0.3s ease;
+  transition: color 0.3s ease;
+}
+.vtx-modal .vtx-modal-title .vtx-modal-close p:hover,
+.vtx-modal .vtx-modal-title .vtx-modal-maximizeIcon p:hover {
+  color: rgba(0, 0, 0, 0.75);
+  text-decoration: none;
+}
+.vtx-modal .vtx-modal-title .vtx-modal-maximizeIcon {
+  right: 20px;
+}
+.vtx-modal-header-title .vtx-modal-header-text {
+  font-weight: 400;
+}
+.vtx-modal-header-title .vtx-modal-header-text {
+  color: rgba(0, 0, 0, 0.65);
+}
+.vtx-modal-header-title .vtx-modal-header-text + .vtx-modal-header-subtitle::before {
+  margin: 0 4px;
+  font-weight: 400;
+  content: '>';
+}
+.vtx-modal-header-title .vtx-modal-header-text + .vtx-modal-header-subtitle::before {
+  color: rgba(0, 0, 0, 0.65);
+}

package/lib/live-player/demo/src/components/vtxModals/lib/vtx-full-screen-base-modal/style/index.less

@@ -0,0 +1,96 @@
+@import (reference) '~antd/lib/style/themes/index.less';
+
+.vtx-modal-maxClass {
+    .ant-modal {
+        top: 0 !important;
+        left: 0 !important;
+        width: 100% !important;
+        max-width: 100% !important;
+        height: 100% !important;
+        padding-bottom: 0 !important;
+        overflow: hidden;
+    }
+    .ant-modal-body {
+        height: e('calc(100% - 108px)') !important;
+    }
+}
+.vtx-modal {
+    .ant-modal {
+        top: 10%;
+        padding-bottom: 0;
+        .ant-modal-content {
+            height: 100%;
+            .ant-modal-body {
+                max-height: e('calc(100% - 108px)');
+                padding: 20px 24px;
+                overflow: auto;
+            }
+        }
+    }
+    .vtx-modal-title {
+        position: relative;
+        width: 100%;
+        .vtx-modal-title_name {
+            width: 100%;
+            color: @primary-color;
+        }
+        .vtx-modal-close,
+        .vtx-modal-maximizeIcon {
+            position: absolute;
+            top: -13px;
+            right: -16px;
+            p {
+                position: absolute;
+                top: 0;
+                right: 0;
+                z-index: 10;
+                display: inline-block;
+                width: 36px;
+                height: 48px;
+                color: @text-color-secondary;
+                font-weight: 700;
+                line-height: 48px;
+                text-align: center;
+                text-decoration: none;
+                background: transparent;
+                border: 0;
+                outline: 0;
+                cursor: pointer;
+                -webkit-transition: color 0.3s ease;
+                transition: color 0.3s ease;
+                &:hover {
+                    color: @icon-color-hover;
+                    text-decoration: none;
+                }
+            }
+        }
+        .vtx-modal-maximizeIcon {
+            right: 20px;
+        }
+    }
+}
+
+.vtx-modal-header-title {
+    .vtx-modal-header-text {
+        font-weight: 400;
+    }
+    .vtx-modal-header-text when(@theme=dark) {
+        color: @text-color;
+    }
+    .vtx-modal-header-text when(@theme=default) {
+        color: fade(@black, 65%);
+    }
+    .vtx-modal-header-text + .vtx-modal-header-subtitle {
+        &::before {
+            margin: 0 4px;
+            font-weight: 400;
+            content: '>';
+        }
+        &::before when(@theme=dark) {
+            color: @text-color;
+        }
+        &::before when(@theme=default) {
+            color: fade(@black, 65%);
+        }
+    }
+}

package/lib/live-player/demo/src/components/vtxModals/lib/vtx-gas-cylinder-file-modal/style/index.css

@@ -0,0 +1,3 @@
+.img :global .ant-image {
+  margin: 5px 5px;
+}

package/lib/live-player/demo/src/components/vtxModals/lib/vtx-gas-cylinder-file-modal/style/index.less

@@ -0,0 +1,7 @@
+.img {
+    :global {
+        .ant-image {
+            margin: 5px 5px;
+        }
+    }
+}

package/lib/live-player/demo/src/components/vtxModals/lib/vtx-gas-cylinder-file-modal/style/lastProcessFlow.css

@@ -0,0 +1,67 @@
+.vtx-modal-gas-cylinder-file-group {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.vtx-modal-gas-cylinder-file-group .vtx-modal-gas-cylinder-file-img {
+  height: 65px;
+  width: 85px;
+  border-radius: 10px;
+  background-color: #3399cc;
+  color: #fff;
+  text-align: center;
+  line-height: 64px;
+  margin: 10px 0;
+}
+.vtx-modal-gas-cylinder-file-notStarted {
+  height: 15px;
+  width: 15px;
+  background-color: #ccc;
+  border-radius: 50%;
+  margin: 10px 0;
+}
+.vtx-modal-gas-cylinder-file-conduct {
+  height: 15px;
+  width: 15px;
+  background-color: #ee9611;
+  border-radius: 50%;
+  margin: 10px 0;
+  box-shadow: 0px 0px 15px #eec211;
+  /*考虑浏览器兼容性*/
+  -moz-box-shadow: 0px 0px 15px #eec211;
+  -webkit-box-shadow: 0px 0px 15px #eec211;
+}
+.vtx-modal-gas-cylinder-file-completed {
+  height: 15px;
+  width: 15px;
+  background-color: #42e61a;
+  border-radius: 50%;
+  margin: 10px 0;
+  box-shadow: 0px 0px 15px #99ff00;
+  /*考虑浏览器兼容性*/
+  -moz-box-shadow: 0px 0px 15px #99ff00;
+  -webkit-box-shadow: 0px 0px 15px #99ff00;
+}
+.vtx-modal-gas-cylinder-file-notStartedLine {
+  margin: 10px 0;
+  color: #ccc;
+  font-weight: bold;
+}
+.vtx-modal-gas-cylinder-file-completedLine {
+  margin: 10px 0;
+  color: #42e61a;
+  font-weight: bold;
+}
+.vtx-modal-gas-cylinder-file-img :global .ant-image {
+  margin: 5px 5px;
+}

package/lib/live-player/demo/src/components/vtxModals/lib/vtx-gas-cylinder-file-modal/style/lastProcessFlow.less

@@ -0,0 +1,69 @@
+.vtx-modal-gas-cylinder-file-group {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-between;
+
+    .vtx-modal-gas-cylinder-file-img {
+        height: 65px;
+        width: 85px;
+        border-radius: 10px;
+        background-color: #3399cc;
+        color: #fff;
+        text-align: center;
+        line-height: 64px;
+        margin: 10px 0;
+    }
+}
+
+.vtx-modal-gas-cylinder-file-notStarted {
+    height: 15px;
+    width: 15px;
+    background-color: #ccc;
+    border-radius: 50%;
+    margin: 10px 0;
+}
+
+.vtx-modal-gas-cylinder-file-conduct {
+    height: 15px;
+    width: 15px;
+    background-color: #ee9611;
+    border-radius: 50%;
+    margin: 10px 0;
+    box-shadow: 0px 0px 15px #eec211;
+    /*考虑浏览器兼容性*/
+    -moz-box-shadow: 0px 0px 15px #eec211;
+    -webkit-box-shadow: 0px 0px 15px #eec211;
+}
+
+.vtx-modal-gas-cylinder-file-completed {
+    height: 15px;
+    width: 15px;
+    background-color: #42e61a;
+    border-radius: 50%;
+    margin: 10px 0;
+    box-shadow: 0px 0px 15px #99ff00;
+    /*考虑浏览器兼容性*/
+    -moz-box-shadow: 0px 0px 15px #99ff00;
+    -webkit-box-shadow: 0px 0px 15px #99ff00;
+}
+
+.vtx-modal-gas-cylinder-file-notStartedLine {
+    margin: 10px 0;
+    color: #ccc;
+    font-weight: bold;
+}
+
+.vtx-modal-gas-cylinder-file-completedLine {
+    margin: 10px 0;
+    color: #42e61a;
+    font-weight: bold;
+}
+
+.vtx-modal-gas-cylinder-file-img {
+    :global {
+        .ant-image {
+            margin: 5px 5px;
+        }
+    }
+}

package/lib/live-player/demo/src/components/vtxModals/lib/vtx-gas-enterprise-modal/style/index.css

@@ -0,0 +1,6 @@
+.ant-tabs {
+  height: 100%;
+}
+.ant-tabs-content {
+  height: 100%;
+}

package/lib/live-player/demo/src/components/vtxModals/lib/vtx-gas-enterprise-modal/style/index.less

@@ -0,0 +1,7 @@
+.ant-tabs {
+    height: 100%;
+}
+
+.ant-tabs-content {
+    height: 100%;
+}

package/lib/live-player/demo/src/components/vtxModals/lib/vtx-gas-filling-station-modal/style/index.css

@@ -0,0 +1,6 @@
+.ant-tabs {
+  height: 100%;
+}
+.ant-tabs-content {
+  height: 100%;
+}

package/lib/live-player/demo/src/components/vtxModals/lib/vtx-gas-filling-station-modal/style/index.less

@@ -0,0 +1,7 @@
+.ant-tabs {
+    height: 100%;
+}
+
+.ant-tabs-content {
+    height: 100%;
+}

package/lib/live-player/demo/src/components/vtxModals/lib/vtx-gas-security-check-modal/style/index.less

@@ -0,0 +1 @@
+

package/lib/live-player/demo/src/components/vtxModals/lib/vtx-gas-staff-modal/style/index.css

@@ -0,0 +1,9 @@
+.ant-tabs {
+  height: 100%;
+}
+.ant-tabs-content {
+  height: 100%;
+}
+.vtx-gas-upload .ant-upload-list-item {
+  margin-top: 0;
+}

package/lib/live-player/demo/src/components/vtxModals/lib/vtx-gas-staff-modal/style/index.less

@@ -0,0 +1,13 @@
+.ant-tabs {
+    height: 100%;
+}
+
+.ant-tabs-content {
+    height: 100%;
+}
+
+.vtx-gas-upload {
+    .ant-upload-list-item {
+        margin-top: 0;
+    }
+}

package/lib/live-player/demo/src/components/vtxModals/lib/vtx-gas-supply-station-modal/style/index.css

@@ -0,0 +1,6 @@
+.ant-tabs {
+  height: 100%;
+}
+.ant-tabs-content {
+  height: 100%;
+}

package/lib/live-player/demo/src/components/vtxModals/lib/vtx-gas-supply-station-modal/style/index.less

@@ -0,0 +1,7 @@
+.ant-tabs {
+    height: 100%;
+}
+
+.ant-tabs-content {
+    height: 100%;
+}

package/lib/live-player/demo/src/components/vtxModals/lib/vtx-gas-user-modal/style/index.less

@@ -0,0 +1 @@
+