@cloud-app-dev/vidc 4.0.15 → 4.1.0

package/es/Player/style/timeline.less

@@ -1,116 +0,0 @@
-.player-timeline-layout {
-  position: absolute;
-  bottom: 28px;
-  left: 0;
-  z-index: 9;
-  display: flex;
-  width: 100%;
-  height: 20px;
-  cursor: pointer;
-  background: rgb(0 0 0 / 100%);
-  opacity: .8;
-  justify-content: center;
-  align-items: center;
-  transition: all .1s;
-
-  &.hide-time-line {
-    bottom: 0;
-    height: 4px;
-  }
-
-  .buffer-line {
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 100%;
-    max-width: 100%;
-    pointer-events: none;
-    background-color: rgb(103 103 103);
-  }
-
-  .current-line {
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 100%;
-    max-width: 100%;
-    overflow: hidden;
-    pointer-events: none;
-    background-color: rgb(70 97 255 / 100%);
-  }
-
-  &.player-segment-timeline-layout {
-    background: transparent;
-
-    .segment-line-box {
-      display: flex;
-      width: 100%;
-      height: 100%;
-
-      .segment-line-item {
-        position: relative;
-        background: rgb(0 0 0 / 100%);
-        box-sizing: border-box;
-
-        &:hover {
-          &::after {
-            position: absolute;
-            top: 0;
-            left: 0;
-            z-index: 6;
-            width: 100%;
-            height: 100%;
-            border: 1px solid #fff;
-            content: ' ';
-          }
-        }
-
-        &.segment-line-item-none {
-          z-index: 6;
-          cursor: not-allowed;
-          background: rgb(222 14 14 / 100%);
-        }
-      }
-    }
-
-    .segment-line-mark {
-      position: absolute;
-      width: 2px;
-      height: 100%;
-      pointer-events: none;
-      background-color: #fff;
-    }
-  }
-
-  &.frontend-player-timeline-layout {
-    .frontend-line-mark {
-      position: absolute;
-      width: 2px;
-      height: 100%;
-      pointer-events: none;
-      background-color: #fff;
-    }
-
-    .frontend-line-tip-box {
-      position: absolute;
-      top: -130px;
-      width: max-content;
-      padding: 10px;
-      margin-left: -81px;
-      font-size: 12px;
-      line-height: 20px;
-      color: #fff;
-      background-color: rgb(0 0 0 / 65%);
-      border-radius: 3px;
-    }
-  }
-}
-
-.segment-line-tip-box {
-  font-size: 12px;
-
-  div {
-    padding: 2px 0;
-    margin: 0;
-  }
-}

package/es/Player/style/volume.less

@@ -1,24 +0,0 @@
-.lm-player-volume-popup {
-  .cloudapp-tooltip-inner {
-    display: flex;
-    width: 30px;
-    height: 130px;
-    padding: 12px 6px;
-    text-align: center;
-    border-radius: 15px;
-    justify-content: center;
-  }
-
-  .cloudapp-slider-vertical {
-    margin: 0;
-  }
-
-  .cloudapp-slider-track {
-    background-color: var(--primary);
-  }
-
-  .cloudapp-slider-handle {
-    background-color: var(--primary);
-    border-color: var(--gray1);
-  }
-}

package/es/PlayerExt/index.less

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

package/es/Progress/index.less

@@ -1,21 +0,0 @@
-.@{ant-prefix}-progress.lm-c-loading-progress {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 99;
-  height: 2px;
-  overflow: hidden;
-  opacity: 1;
-  transition: opacity 1s linear;
-
-  &.lm-c-loading-progress-over {
-    opacity: 0;
-  }
-  .@{ant-prefix}-progress-outer {
-    display: block;
-    .@{ant-prefix}-progress-inner {
-      display: block;
-      background-color: transparent;
-    }
-  }
-}

package/es/ROI/index.less

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

package/es/ScreenPlayer/index.less

@@ -1,335 +0,0 @@
-.split-screen-player-wrapper {
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  user-select: none;
-  min-width: 600px;
-
-  .player-layout {
-    height: calc(100% - 88px);
-
-    .player-with-ext-layout {
-      display: flex;
-
-      .lm-player-ext-layout {
-        border: 1px solid var(--gray12);
-        box-sizing: border-box;
-      }
-
-      &.player-current-index {
-        .lm-player-ext-layout {
-          border: 1px solid var(--primary);
-        }
-      }
-    }
-  }
-
-  &.split-screen-player-live-wrapper {
-    .player-layout {
-      height: calc(100% - 42px);
-    }
-  }
-
-  .player-tools-group {
-    position: relative;
-    height: 88px;
-  }
-
-  .player-record-time {
-    padding: 0 16px;
-    margin: 0 20px;
-    font-size: 16px;
-    line-height: 42px;
-    color: var(--gray1);
-    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;
-    padding: 0 10px;
-    background-color: #242c3d;
-    align-items: center;
-    justify-content: space-between;
-
-    .player-tools-left,
-    .player-tools-right {
-      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 {
-      display: flex;
-      width: 32px;
-      height: 32px;
-      margin: 0;
-      font-size: 18px;
-      color: var(--gray1);
-      cursor: pointer;
-      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 {
-      display: flex;
-      width: 32px;
-      height: 32px;
-      font-size: 18px;
-      color: var(--gray1);
-      text-align: center;
-      cursor: pointer;
-      align-items: center;
-      justify-content: center;
-
-      .lm-player-iconfont {
-        font-size: 20px;
-      }
-
-      &:hover {
-        background-color: var(--gray11);
-        border-radius: var(--radius1);
-      }
-    }
-  }
-
-  // 录像
-  &.split-screen-player-wrapper-record {
-    .record-time-line {
-      position: relative;
-      width: 100%;
-      height: 46px;
-
-      canvas {
-        box-sizing: border-box;
-        width: 100%;
-        height: 100%;
-        cursor: pointer;
-        background-color: #030917;
-      }
-
-      .time-line-mask {
-        position: absolute;
-        top: 0;
-        left: 0;
-        z-index: 5;
-        width: 100%;
-        height: 100%;
-        cursor: not-allowed;
-      }
-    }
-  }
-
-  .ant-popover-inner-content {
-    padding: 4px 0;
-
-    .ant-select-item-option:hover {
-      background-color: var(--form-bg-dark);
-    }
-  }
-
-  /* ------------------------1分屏---------------------- */
-  .container1 {
-    display: grid;
-    grid-template-columns: repeat(1, 100%);
-    grid-template-rows: repeat(1, 100%);
-    grid-auto-flow: row dense; //排列顺序先行后列 紧密排列
-    place-content: center;
-  }
-
-  /* ------------------------4分屏---------------------- */
-  .container4 {
-    display: grid;
-    grid-template-columns: repeat(2, 50%);
-    grid-template-rows: repeat(2, 50%);
-    grid-auto-flow: row dense; //排列顺序先行后列 紧密排列
-    place-content: center;
-  }
-
-  /* ------------------------6分屏---------------------- */
-  .container6 {
-    display: grid;
-    grid-template-columns: repeat(3, 33.3333%);
-    grid-template-rows: repeat(2, 50%);
-    grid-auto-flow: row dense; //排列顺序先行后列 紧密排列
-    place-content: center;
-  }
-
-  /* -----------------------8分屏---------------------- */
-  .container8 {
-    display: grid;
-    grid-template-columns: repeat(24, 4.1667%);
-    grid-template-rows: repeat(24, 4.1667%);
-    grid-auto-flow: row dense; //排列顺序先行后列 紧密排列
-    place-content: center;
-  }
-
-  .item8-1 {
-    grid-column: 1 / 11;
-    grid-row: 1 / 13;
-  }
-
-  .item8-2 {
-    grid-column: 11 / 18;
-    grid-row: 1 / 9;
-  }
-
-  .item8-3 {
-    grid-column: 18 / 25;
-    grid-row: 1 / 9;
-  }
-
-  .item8-4 {
-    grid-column: 11 / 18;
-    grid-row: 9 / 17;
-  }
-
-  .item8-5 {
-    grid-column: 18 / 25;
-    grid-row: 9 / 17;
-  }
-
-  .item8-6 {
-    grid-column: 1 / 11;
-    grid-row: 13 / 25;
-  }
-
-  .item8-7 {
-    grid-column: 11 / 18;
-    grid-row: 17 / 25;
-  }
-
-  .item8-8 {
-    grid-column: 18 / 25;
-    grid-row: 17 / 25;
-  }
-
-  /* ------------------------9分屏---------------------- */
-  .container9 {
-    display: grid;
-    grid-template-columns: repeat(3, 33.3333%);
-    grid-template-rows: repeat(3, 33.3333%);
-    grid-auto-flow: row dense; //排列顺序先行后列 紧密排列
-    place-content: center;
-  }
-
-  /* ------------------------10分屏---------------------- */
-
-  .container10 {
-    display: grid;
-    grid-template-columns: repeat(4, 25%);
-    grid-template-rows: repeat(4, 25%);
-    grid-auto-flow: row dense; //排列顺序先行后列 紧密排列
-    place-content: center;
-  }
-
-  .item10-1 {
-    grid-column: 1 / 3;
-    grid-row: 1 / 3;
-  }
-
-  .item10-2 {
-    grid-column: 3 / 5;
-    grid-row: 1 / 3;
-  }
-
-  /* ------------------------13分屏---------------------- */
-
-  .container13 {
-    display: grid;
-    grid-template-columns: repeat(4, 25%);
-    grid-template-rows: repeat(4, 25%);
-    grid-auto-flow: row dense; //排列顺序先行后列 紧密排列
-    place-content: center;
-  }
-
-  .item13-1 {
-    grid-column: 1 / 3;
-    grid-row: 1 / 3;
-  }
-
-  /* ------------------------16分屏---------------------- */
-  .container16 {
-    display: grid;
-    grid-template-columns: repeat(4, 25%);
-    grid-template-rows: repeat(4, 25%);
-    grid-auto-flow: row dense; //排列顺序先行后列 紧密排列
-    place-content: center;
-  }
-}
-
-.player-time-select {
-  display: flex;
-  width: 190px;
-  justify-content: space-around;
-  align-items: center;
-}
-
-.@{ant-prefix}-select.time-mode-select {
-  font-size: var(--fs-small);
-  color: var(--gray1);
-
-  .cloudapp-select-selector {
-    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 {
-  position: relative;
-  top: 4px;
-  display: inline-block;
-  width: 64px;
-  padding: 2px 0;
-  font-size: 12px;
-  color: var(--gray1);
-  text-align: center;
-  cursor: pointer;
-  border: 1px solid var(--gray1);
-  border-radius: 2px;
-}

package/es/TableLayout/index.less

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

package/es/ThemeAntd/demo.d.ts

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

package/es/ThemeAntd/demo.js

@@ -1,129 +0,0 @@
-import { Button, Checkbox, ConfigProvider, DatePicker, Input, InputNumber, Pagination, Radio, Select, Table } from 'antd';
-import React, { useRef } from 'react';
-import ThemeAntd from '.';
-import "./demo.less";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var App = function App() {
-  var ref = useRef(null);
-  return /*#__PURE__*/_jsx(ConfigProvider, {
-    prefixCls: "cloudapp",
-    children: /*#__PURE__*/_jsx(ThemeAntd, {
-      children: /*#__PURE__*/_jsxs("div", {
-        className: "theme-antd-demo",
-        ref: ref,
-        children: [/*#__PURE__*/_jsx("p", {
-          children: /*#__PURE__*/_jsx(Input, {
-            placeholder: "\u6587\u672C\u8F93\u5165",
-            prefix: /*#__PURE__*/_jsx("div", {
-              children: "111"
-            }),
-            suffix: /*#__PURE__*/_jsx("div", {
-              children: "2222"
-            })
-          })
-        }), /*#__PURE__*/_jsx("p", {
-          children: /*#__PURE__*/_jsx(Input, {
-            placeholder: "\u6587\u672C\u8F93\u5165"
-          })
-        }), /*#__PURE__*/_jsx("p", {
-          children: /*#__PURE__*/_jsx(InputNumber, {
-            placeholder: "\u6570\u5B57\u8F93\u5165"
-          })
-        }), /*#__PURE__*/_jsx("p", {
-          children: /*#__PURE__*/_jsx(Input.TextArea, {
-            placeholder: "\u591A\u884C\u6587\u672C\u8F93\u5165"
-          })
-        }), /*#__PURE__*/_jsx("p", {
-          children: /*#__PURE__*/_jsxs(Select, {
-            placeholder: "\u9009\u62E9\u8F93\u5165",
-            getPopupContainer: function getPopupContainer() {
-              return ref.current;
-            },
-            children: [/*#__PURE__*/_jsx(Select.Option, {
-              value: 1,
-              children: "\u9009\u98791"
-            }), /*#__PURE__*/_jsx(Select.Option, {
-              value: 2,
-              children: "\u9009\u98792"
-            })]
-          })
-        }), /*#__PURE__*/_jsx("p", {
-          children: /*#__PURE__*/_jsxs(Radio.Group, {
-            children: [/*#__PURE__*/_jsx(Radio, {
-              value: 1,
-              children: "\u9009\u98791"
-            }), /*#__PURE__*/_jsx(Radio, {
-              value: 2,
-              children: "\u9009\u98792"
-            })]
-          })
-        }), /*#__PURE__*/_jsx("p", {
-          children: /*#__PURE__*/_jsxs(Checkbox.Group, {
-            children: [/*#__PURE__*/_jsx(Checkbox, {
-              value: 1,
-              children: "\u9009\u98791"
-            }), /*#__PURE__*/_jsx(Checkbox, {
-              value: 2,
-              children: "\u9009\u98792"
-            })]
-          })
-        }), /*#__PURE__*/_jsx("p", {
-          children: /*#__PURE__*/_jsx(DatePicker, {
-            getPopupContainer: function getPopupContainer() {
-              return ref.current;
-            }
-          })
-        }), /*#__PURE__*/_jsx("p", {
-          children: /*#__PURE__*/_jsx(DatePicker.RangePicker, {
-            getPopupContainer: function getPopupContainer() {
-              return ref.current;
-            }
-          })
-        }), /*#__PURE__*/_jsx("p", {
-          children: /*#__PURE__*/_jsx(Pagination, {
-            total: 100
-          })
-        }), /*#__PURE__*/_jsxs("p", {
-          children: [/*#__PURE__*/_jsx(Button, {
-            children: "\u6309\u94AE1"
-          }), /*#__PURE__*/_jsx("span", {
-            style: {
-              paddingRight: 10
-            }
-          }), /*#__PURE__*/_jsx(Button, {
-            type: "primary",
-            children: "\u6309\u94AE2"
-          })]
-        }), /*#__PURE__*/_jsx("p", {
-          children: /*#__PURE__*/_jsx(Table, {
-            columns: [{
-              title: '姓名',
-              dataIndex: 'name'
-            }, {
-              title: '年龄',
-              dataIndex: 'age'
-            }, {
-              title: '性别',
-              dataIndex: 'sex'
-            }],
-            dataSource: [{
-              name: '张三',
-              sex: '男',
-              age: 20
-            }, {
-              name: '李四',
-              sex: '男',
-              age: 20
-            }, {
-              name: '王五',
-              sex: '男',
-              age: 20
-            }]
-          })
-        })]
-      })
-    })
-  });
-};
-export default App;

package/es/ThemeAntd/demo.less

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

package/es/ThemeAntd/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import './index.less';
-interface IThemeAntdProps {
-    children: React.ReactNode;
-}
-export default function ThemeAntd({ children }: IThemeAntdProps): JSX.Element;
-export {};