@cloud-app-dev/vidc 3.2.17 → 3.2.19

package/es/PlayerExt/index.less

@@ -1,9 +1,9 @@
 .lm-player-ext-layout {
-  background-color: #000;
+  display: flex;
   width: 100%;
   height: 100%;
   color: #fff;
-  display: flex;
+  background-color: #000;
   flex-direction: column;
   align-items: center;
   justify-content: center;

package/es/Progress/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface IProgressComponentProps {
     status: 'over' | 'error' | 'loading';

package/es/Progress/index.less

@@ -1,12 +1,13 @@
 .@{ant-prefix}-progress.lm-c-loading-progress {
-  height: 2px;
-  overflow: hidden;
   position: absolute;
-  left: 0;
   top: 0;
+  left: 0;
   z-index: 99;
-  transition: opacity 1s linear;
+  height: 2px;
+  overflow: hidden;
   opacity: 1;
+  transition: opacity 1s linear;
+
   &.lm-c-loading-progress-over {
     opacity: 0;
   }

package/es/ROI/demo.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const App: () => JSX.Element;
 export default App;

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/Live.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 import type { ILivePlayerProps } from './interface';
 declare function LivePlayer({ list, children, oneWinExtTools, allWinExtTools, ...props }: ILivePlayerProps): JSX.Element;

package/es/ScreenPlayer/RatePick.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IRatePick {
     onChange: (rate: number) => void;
     value: number;

package/es/ScreenPlayer/Record.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 import type { IRecordPlayerProps } from './interface';
 /**

package/es/ScreenPlayer/ScreenSelect.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IScreenSelect {
     screenNum: number;
     updateState: (arg: any) => void;

package/es/ScreenPlayer/SegmentTimeLine.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ISegmentType } from '../Player/player';
 interface ISegmentTimeLineProps {
     begin?: number;

package/es/ScreenPlayer/TimeMode.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ITimeModeProps {
     timeMode: number;
     onChange: (timeMode: number) => void;

package/es/ScreenPlayer/TimeSelect.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ITimeSelectProps {
     time?: number;
     onChange?: (time: number) => void;

package/es/ScreenPlayer/demo.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export default function App(): JSX.Element;

package/es/ScreenPlayer/demo2.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export default function App(): JSX.Element;

package/es/ScreenPlayer/index.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 declare const Sceenplayer: {
-    LivePlayer: import("react").ComponentType<import("./interface").ILivePlayerProps>;
-    RecordPlayer: import("react").ComponentType<import("./interface").IRecordPlayerProps>;
+    LivePlayer: any;
+    RecordPlayer: any;
 };
 export default Sceenplayer;

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/ScreenPlayer/useTimeSlider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ISegmentType } from '../Player/player';
 export interface ITimeSliderOptions {
     hoursPer: number;

package/es/ScreenPlayer/useVideoFit.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 export default function useVideoFit(containerRef: React.RefObject<HTMLDivElement>, deps?: any[]): {
-    fit: string;
-    toggleFit: () => void;
+    fit: any;
+    toggleFit: any;
 };

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.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './demo.less';
 declare const App: () => JSX.Element;
 export default App;

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);
 } // 浏览器失焦的样式