@cloud-app-dev/vidc 3.2.16 → 3.2.18

package/es/ROI/index.less

@@ -1,25 +1,29 @@
 .rio-layout {
+  position: relative;
   width: 100%;
   height: 100%;
-  position: relative;
+
   canvas {
     position: absolute;
-    left: 0;
     top: 0;
+    left: 0;
     width: 100%;
     height: 100%;
   }
+
   .rio-debug-box {
     position: absolute;
-    left: 0;
     top: 0;
+    left: 0;
+    display: flex;
     width: 100%;
     height: 100%;
-    display: flex;
     flex-direction: column;
+
     & > div {
       display: flex;
       flex: 1;
+
       span {
         flex: 1;
         border: 1px solid #eee;

package/es/ScreenPlayer/index.less

@@ -4,15 +4,19 @@
   box-sizing: border-box;
   user-select: none;
   min-width: 600px;
+
   .player-layout {
     height: calc(100% - 88px);
+
     .player-with-ext-layout {
       float: left;
+
       .lm-player-ext-layout {
-        border: 1px solid var(--gray12);
         height: 100%;
+        border: 1px solid var(--gray12);
         box-sizing: border-box;
       }
+
       &.player-current-index {
         .lm-player-ext-layout {
           border: 1px solid var(--primary);
@@ -20,91 +24,105 @@
       }
     }
   }
+
   &.split-screen-player-live-wrapper {
     .player-layout {
       height: calc(100% - 42px);
     }
   }
+
   .player-tools-group {
-    height: 88px;
     position: relative;
+    height: 88px;
   }
+
   .player-record-time {
-    text-align: center;
-    background-color: var(--gray11);
-    line-height: 42px;
     padding: 0 16px;
+    margin: 0 20px;
     font-size: 16px;
+    line-height: 42px;
     color: var(--gray1);
-    margin: 0 20px;
+    text-align: center;
+    background-color: var(--gray11);
   }
+
   .icon-chajian {
     position: relative;
     top: 1px;
     left: 1px;
     font-size: 22px !important;
   }
+
   .player-tools {
+    position: relative;
+    display: flex;
     height: 42px;
-    background-color: #242c3d;
     padding: 0 10px;
-    display: flex;
+    background-color: #242c3d;
     align-items: center;
     justify-content: space-between;
-    position: relative;
+
     .player-tools-left,
     .player-tools-right {
-      width: 35%;
       display: grid;
+      width: 35%;
       grid-template-columns: repeat(auto-fill, 32px);
       grid-gap: 10px;
     }
+
     .player-tools-right {
       display: flex;
       justify-content: flex-end;
       margin-right: 0;
       margin-left: 4px;
     }
+
     .player-tools-mid {
       display: flex;
       align-items: center;
       justify-self: center;
       height: 100%;
+
       .player-tools-item {
         margin: 0;
       }
     }
 
     .player-tools-item {
-      font-size: 18px;
+      display: flex;
       width: 32px;
       height: 32px;
+      font-size: 18px;
       color: var(--gray1);
       cursor: pointer;
-      display: flex;
       align-items: center;
       justify-content: center;
+
       .lm-player-iconfont {
         font-size: 20px;
       }
+
       &:hover {
         background-color: var(--gray11);
         border-radius: var(--radius1);
       }
     }
+
     .select-current-screen-item {
-      font-size: 18px;
+      display: flex;
       width: 32px;
       height: 32px;
+      font-size: 18px;
       color: var(--gray1);
       text-align: center;
       cursor: pointer;
-      display: flex;
       align-items: center;
       justify-content: center;
+
       .lm-player-iconfont {
         font-size: 20px;
       }
+
       &:hover {
         background-color: var(--gray11);
         border-radius: var(--radius1);
@@ -115,9 +133,10 @@
   // 录像
   &.split-screen-player-wrapper-record {
     .record-time-line {
+      position: relative;
       width: 100%;
       height: 46px;
-      position: relative;
+
       canvas {
         box-sizing: border-box;
         width: 100%;
@@ -125,13 +144,14 @@
         cursor: pointer;
         background-color: #030917;
       }
+
       .time-line-mask {
         position: absolute;
-        left: 0;
         top: 0;
+        left: 0;
+        z-index: 5;
         width: 100%;
         height: 100%;
-        z-index: 5;
         cursor: not-allowed;
       }
     }
@@ -139,8 +159,8 @@
 }
 
 .player-time-select {
-  width: 190px;
   display: flex;
+  width: 190px;
   justify-content: space-around;
   align-items: center;
 }
@@ -152,27 +172,30 @@
     background-color: transparent !important;
     border-radius: var(--radius1) !important;
   }
+
   .anticon {
     color: var(--gray1);
   }
 }
+
 .custom-select-dropdown {
   font-size: var(--fs-small);
+
   .cloudapp-select-item {
     font-size: var(--fs-small);
   }
 }
 
 .select-current-rate-item {
-  color: var(--gray1);
-  font-size: 12px;
-  border: 1px solid var(--gray1);
-  padding: 2px 0;
+  position: relative;
+  top: 4px;
   display: inline-block;
   width: 64px;
-  border-radius: 2px;
-  cursor: pointer;
+  padding: 2px 0;
+  font-size: 12px;
+  color: var(--gray1);
   text-align: center;
-  position: relative;
-  top: 4px;
+  cursor: pointer;
+  border: 1px solid var(--gray1);
+  border-radius: 2px;
 }

package/es/TableLayout/index.less

@@ -1,4 +1,4 @@
 .table-layout {
-  padding-top: 20px;
   height: calc(100% - 32px);
+  padding-top: 20px;
 }

package/es/ThemeAntd/demo.less

@@ -1,16 +1,17 @@
 .theme-antd-demo {
+  padding: 40px;
   color: #fff;
   background-color: #0f2e61;
-  padding: 40px;
+
   a {
     color: inherit;
   }
 
   --form-bg: #1d4788;
-  --form-bd: rgba(255, 255, 255, 0.3);
+  --form-bd: rgb(255 255 255 / 30%);
   --form-active-bg: #e8b127;
   --table-bg: #0f2e61;
-  --table-bd: rgba(255, 255, 255, 0.3);
+  --table-bd: rgb(255 255 255 / 30%);
   --table-head-bg: #1d4788;
   --table-row-hover-color: #1d4788;
   --radius1: 4px;

package/es/ThemeAntd/index.less

@@ -1,15 +1,15 @@
-@import './style/button.less';
-@import './style/checkbox.less';
-@import './style/form.less';
-@import './style/input.less';
-@import './style/pagination.less';
-@import './style/picker.less';
-@import './style/popover.less';
-@import './style/radio.less';
-@import './style/scrollbar.less';
-@import './style/select.less';
-@import './style/tree.less';
-@import './style/table.less';
+@import url('./style/button.less');
+@import url('./style/checkbox.less');
+@import url('./style/form.less');
+@import url('./style/input.less');
+@import url('./style/pagination.less');
+@import url('./style/picker.less');
+@import url('./style/popover.less');
+@import url('./style/radio.less');
+@import url('./style/scrollbar.less');
+@import url('./style/select.less');
+@import url('./style/tree.less');
+@import url('./style/table.less');
 
 :root {
   color: var(--color);

package/es/ThemeAntd/style/button.less

@@ -16,19 +16,19 @@ div {
 
   .@{ant-prefix}-btn-primary:hover,
   .@{ant-prefix}-btn-primary:focus {
+    color: var(--color);
     background: var(--primary-dark);
     border-color: var(--primary-dark);
-    color: var(--color);
   }
 
   .@{ant-prefix}-btn-primary[disabled],
   .@{ant-prefix}-btn-primary[disabled]:hover,
   .@{ant-prefix}-btn-primary[disabled]:focus,
   .@{ant-prefix}-btn-primary[disabled]:active {
+    color: var(--color);
     background: var(--primary-dark);
+    opacity: .8;
     border-color: var(--primary-dark);
-    color: var(--color);
-    opacity: 0.8;
   }
 
   .@{ant-prefix}-btn-background-ghost.@{ant-prefix}-btn-primary {
@@ -49,9 +49,9 @@ div {
 
   .@{ant-prefix}-btn-danger:hover,
   .@{ant-prefix}-btn-danger:focus {
+    color: var(--color);
     background: var(--danger-dark);
     border-color: var(--danger-dark);
-    color: var(--color);
   }
 
   .@{ant-prefix}-btn-background-ghost.@{ant-prefix}-btn-danger {

package/es/ThemeAntd/style/checkbox.less

@@ -7,8 +7,8 @@ div {
     background-color: var(--form-active-bg);
   }
   .@{ant-prefix}-checkbox-inner {
-    border-radius: var(--radius1);
     background-color: var(--form-bg);
+    border-radius: var(--radius1);
     border-color: var(--form-bd);
   }
   .@{ant-prefix}-checkbox-wrapper {
@@ -16,7 +16,7 @@ div {
   }
   .@{ant-prefix}-checkbox-disabled + span {
     color: inherit;
-    opacity: 0.8;
+    opacity: .8;
   }
   .@{ant-prefix}-checkbox-disabled.@{ant-prefix}-checkbox-checked .@{ant-prefix}-checkbox-inner::after {
     border-color: var(--form-bd);
@@ -34,7 +34,7 @@ div {
 
   .@{ant-prefix}-checkbox-disabled .@{ant-prefix}-checkbox-inner {
     background-color: var(--form-bg);
-    opacity: 0.8;
+    opacity: .8;
   }
   .@{ant-prefix}-checkbox-indeterminate .@{ant-prefix}-checkbox-inner {
     background-color: #fff;

package/es/ThemeAntd/style/input.less

@@ -1,9 +1,9 @@
 div {
   .@{ant-prefix}-input {
     color: inherit;
+    background-color: var(--form-bg);
     border-radius: var(--radius1);
     border-color: var(--form-bd);
-    background-color: var(--form-bg);
   }
 
   .@{ant-prefix}-input-affix-wrapper:not(.@{ant-prefix}-input-affix-wrapper-disabled):hover {
@@ -21,8 +21,8 @@ div {
   }
 
   .@{ant-prefix}-input-affix-wrapper {
-    background-color: var(--form-bg);
     color: inherit;
+    background-color: var(--form-bg);
     border-radius: var(--radius1);
     border-color: var(--form-bd);
   }
@@ -38,17 +38,17 @@ div {
   }
 
   .@{ant-prefix}-input[disabled] {
-    background-color: var(--form-bd);
     color: inherit;
+    background-color: var(--form-bd);
+    opacity: .7;
     border-color: var(--form-bd);
-    opacity: 0.7;
   }
 
   .@{ant-prefix}-input-number {
     color: inherit;
+    background-color: var(--form-bg);
     border-radius: var(--radius1);
     border-color: var(--form-bd);
-    background-color: var(--form-bg);
   }
 
   .@{ant-prefix}-input-number:hover {
@@ -62,9 +62,9 @@ div {
   }
 
   .@{ant-prefix}-input-number-handler-wrap {
-    border-radius: 0 var(--radius1) var(---redius1) 0;
-    background-color: var(--form-bg);
     color: inherit;
+    background-color: var(--form-bg);
+    border-radius: 0 var(--radius1) var(--redius1) 0;
   }
 
   .@{ant-prefix}-input-number-handler {

package/es/ThemeAntd/style/pagination.less

@@ -7,14 +7,14 @@ div {
   .@{ant-prefix}-pagination-next,
   .@{ant-prefix}-pagination-jump-prev,
   .@{ant-prefix}-pagination-jump-next {
-    border-radius: var(--radius1);
     line-height: 28px;
+    border-radius: var(--radius1);
   }
 
   .@{ant-prefix}-pagination-prev .@{ant-prefix}-pagination-item-link,
   .@{ant-prefix}-pagination-next .@{ant-prefix}-pagination-item-link {
-    border-radius: var(--radius1);
     background-color: var(--form-bg);
+    border-radius: var(--radius1);
     border-color: var(--form-bd);
   }
 
@@ -24,8 +24,8 @@ div {
   }
 
   .@{ant-prefix}-pagination-item {
-    border-radius: var(--radius1);
     background-color: var(--form-bg);
+    border-radius: var(--radius1);
     border-color: var(--form-bd);
   }
 
@@ -51,9 +51,9 @@ div {
   .@{ant-prefix}-pagination-next:focus:not(.@{ant-prefix}-pagination-disabled) .@{ant-prefix}-pagination-item-link,
   .@{ant-prefix}-pagination-prev:hover:not(.@{ant-prefix}-pagination-disabled) .@{ant-prefix}-pagination-item-link,
   .@{ant-prefix}-pagination-next:hover:not(.@{ant-prefix}-pagination-disabled) .@{ant-prefix}-pagination-item-link {
+    color: #fff;
     background-color: var(--form-active-bg);
     border-color: var(--form-active-bg);
-    color: #fff;
   }
 
   .@{ant-prefix}-pagination-disabled .@{ant-prefix}-pagination-item-link,

package/es/ThemeAntd/style/picker.less

@@ -1,9 +1,9 @@
 div {
   .@{ant-prefix}-picker {
+    color: inherit;
     background-color: var(--form-bg);
     border-radius: var(--radius1);
     border-color: var(--form-bd);
-    color: inherit;
   }
 
   .@{ant-prefix}-picker:hover,
@@ -38,7 +38,7 @@ div {
 
   .@{ant-prefix}-picker-cell {
     color: inherit;
-    opacity: 0.6;
+    opacity: .6;
   }
   .@{ant-prefix}-picker-cell-in-view {
     color: inherit;
@@ -60,7 +60,7 @@ div {
   }
   .@{ant-prefix}-picker-cell:hover:not(.@{ant-prefix}-picker-cell-in-view) .@{ant-prefix}-picker-cell-inner,
   .@{ant-prefix}-picker-cell:hover:not(.@{ant-prefix}-picker-cell-selected):not(.@{ant-prefix}-picker-cell-range-start):not(.@{ant-prefix}-picker-cell-range-end):not(.@{ant-prefix}-picker-cell-range-hover-start):not(.@{ant-prefix}-picker-cell-range-hover-end)
-    .@{ant-prefix}-picker-cell-inner {
+  .@{ant-prefix}-picker-cell-inner {
     background-color: var(--form-bg);
   }
   .@{ant-prefix}-picker-input > input {
@@ -77,11 +77,11 @@ div {
   .@{ant-prefix}-picker-cell-in-view.@{ant-prefix}-picker-cell-range-start:not(.@{ant-prefix}-picker-cell-range-start-single)::before,
   .@{ant-prefix}-picker-cell-in-view.@{ant-prefix}-picker-cell-range-end:not(.@{ant-prefix}-picker-cell-range-end-single)::before {
     background-color: var(--form-active-bg);
-    opacity: 0.8;
+    opacity: .8;
   }
   .@{ant-prefix}-picker-cell-in-view.@{ant-prefix}-picker-cell-in-range::before {
     background-color: var(--form-active-bg);
-    opacity: 0.8;
+    opacity: .8;
   }
   .@{ant-prefix}-picker-focused .@{ant-prefix}-picker-separator {
     color: inherit;

package/es/ThemeAntd/style/radio.less

@@ -25,7 +25,7 @@ div {
   }
   .@{ant-prefix}-radio-disabled .@{ant-prefix}-radio-inner {
     background-color: var(--form-bg);;
-    opacity: 0.8;
+    opacity: .8;
   }
   .@{ant-prefix}-radio-button-wrapper:hover {
     color: var(--form-active-bg);
@@ -48,7 +48,7 @@ div {
   }
   .@{ant-prefix}-radio-disabled + span {
     color: inherit;
-    opacity: 0.8;
+    opacity: .8;
   }
   .@{ant-prefix}-radio-wrapper:hover .@{ant-prefix}-radio,
   .@{ant-prefix}-radio:hover .@{ant-prefix}-radio-inner,

package/es/ThemeAntd/style/scrollbar.less

@@ -4,18 +4,20 @@
   height: var(--scrollbar-width);
 } // 滚动条滑槽样式
 ::-webkit-scrollbar-track {
-  -webkit-box-shadow: var(--scrollbar-track-shadow);
+  box-shadow: var(--scrollbar-track-shadow);
   border-radius: var(--scrollbar-width);
 }
 // 滚动条样式
 ::-webkit-scrollbar-thumb {
-  border-radius: var(--scrollbar-width);
   background: var(--scrollbar-thumb-bg);
-  -webkit-box-shadow: var(--scrollbar-thumb-shadow);
+  border-radius: var(--scrollbar-width);
+  box-shadow: var(--scrollbar-thumb-shadow);
 }
+
 ::-webkit-scrollbar-thumb:hover {
   background: var(--scrollbar-thumb-hover-bg);
 }
+
 ::-webkit-scrollbar-thumb:active {
   background: var(--scrollbar-thumb-bg);
 } // 浏览器失焦的样式

package/es/ThemeAntd/style/select.less

@@ -1,18 +1,18 @@
 div {
   .@{ant-prefix}-select-single:not(.@{ant-prefix}-select-customize-input) .@{ant-prefix}-select-selector {
+    background-color: var(--form-bg);
     border-radius: var(--radius1);
     border-color: var(--form-bd);
-    background-color: var(--form-bg);
   }
   .@{ant-prefix}-select-multiple .@{ant-prefix}-select-selector {
+    background-color: var(--form-bg);
     border-radius: var(--radius1);
     border-color: var(--form-bd);
-    background-color: var(--form-bg);
   }
   .@{ant-prefix}-select-multiple .@{ant-prefix}-select-selection-item {
+    background-color: var(--form-bg);
     border-radius: var(--radius1);
     border-color: var(--form-bd);
-    background-color: var(--form-bg);
   }
   .@{ant-prefix}-select:not(.@{ant-prefix}-select-disabled):hover .@{ant-prefix}-select-selector {
     border-color: var(--form-active-bg);
@@ -30,15 +30,15 @@ div {
     color: var(--form-active-bg);
   }
   .@{ant-prefix}-select {
-    color: inherit;
     font-size: var(--fs);
+    color: inherit;
   }
   .@{ant-prefix}-select-arrow {
     color: inherit;
   }
   .@{ant-prefix}-select-dropdown {
-    background-color: var(--form-bg);
     color: inherit;
+    background-color: var(--form-bg);
   }
   .@{ant-prefix}-select-item {
     color: inherit;
@@ -54,14 +54,14 @@ div {
     background-color: transparent;
   }
   .@{ant-prefix}-select-focused:not(.@{ant-prefix}-select-disabled).@{ant-prefix}-select-single:not(.@{ant-prefix}-select-customize-input)
-    .@{ant-prefix}-select-selector {
+  .@{ant-prefix}-select-selector {
     border-color: var(--form-active-bg);
     box-shadow: unset;
   }
   .@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input) .@{ant-prefix}-select-selector{
+    background-color: var(--form-bg);
     border-radius: var(--radius1);
     border-color: var(--form-bd);
-    background-color: var(--form-bg);
   }
 
   .@{ant-prefix}-select-focused:not(.@{ant-prefix}-select-disabled).@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input) .@{ant-prefix}-select-selector{
@@ -73,7 +73,7 @@ div {
     color:inherit;
     border-color: var(--form-bd);
     background-color: var(--form-bg);
-    opacity: 0.8;
+    opacity: .8;
   }
   .@{ant-prefix}-select-status-error.@{ant-prefix}-select:not(.@{ant-prefix}-select-disabled):not(.@{ant-prefix}-select-customize-input):not(.@{ant-prefix}-pagination-size-changer) .@{ant-prefix}-select-selector{
     background-color: var(--form-bg);

package/es/ThemeAntd/style/table.less

@@ -1,8 +1,8 @@
 div {
   .@{ant-prefix}-table {
-    background-color: var(--table-bg);
-    color: inherit;
     font-size: var(--fs);
+    color: inherit;
+    background-color: var(--table-bg);
   }
   .@{ant-prefix}-table-tbody > tr.@{ant-prefix}-table-row:hover > td {
     background: var(--table-row-hover-color);
@@ -14,9 +14,9 @@ div {
   }
 
   .@{ant-prefix}-table-thead > tr > th:not(.@{ant-prefix}-table-cell-scrollbar) {
+    color: inherit;
     background-color: var(--table-head-bg);
     border-bottom-color: var(--table-bd);
-    color: inherit;
   }
 
   .@{ant-prefix}-table-thead > tr > th.@{ant-prefix}-table-cell-scrollbar {
@@ -39,8 +39,8 @@ div {
   }
 
   .@{ant-prefix}-table-row-expand-icon {
-    border-radius: var(--radius1);
     color: var(--primary);
+    border-radius: var(--radius1);
   }
 
   .@{ant-prefix}-table-row-expand-icon:focus,

package/es/Tree/index.less

@@ -13,35 +13,36 @@
     flex: 1 1;
   }
   .@{ant-prefix}-tree-treenode {
-    width: 100%;
-    white-space: nowrap;
-    font-size: var(--fs-small);
-    min-width: max-content;
     position: relative;
     display: inline-flex;
     width: calc(100% - 32px);
+    min-width: max-content;
+    font-size: var(--fs-small);
+    white-space: nowrap;
     span.@{ant-prefix}-tree-node-content-wrapper {
-      font-size: var(--fs-small);
-      min-width: max-content;
       position: relative;
       display: inline-flex;
       width: calc(~'100% - 32px');
+      min-width: max-content;
+      font-size: var(--fs-small);
       &:hover,
       &.@{ant-prefix}-tree-node-selected {
-        background: transparent;
-        color: var(--primary);
         position: relative;
-        &:after {
-          content: '';
-          width: 100%;
+        color: var(--primary);
+        background: transparent;
+
+        &::after {
+          position: absolute;
           bottom: 0;
           left: 0;
-          position: absolute;
+          width: 100%;
+          content: '';
           border-bottom: 1px solid var(--primary);
         }
         .@{ant-prefix}-tree-switcher,
         .@{ant-prefix}-tree-iconEle {
           color: var(--primary);
+
           .anticon {
             color: var(--primary);
           }