yootd 0.0.54 → 0.0.56

package/dist/upload/index.scss

@@ -1,115 +1,115 @@
-.yot-upload {
-  .ant-upload-list-item {
-    padding: 0;
-  }
-  .ant-upload-list-item.ant-upload-list-item-done {
-    .ant-upload-icon {
-      .anticon.anticon-paper-clip {
-        color: var(--ant-color-primary);
-      }
-    }
-  }
-  .ant-upload-list-item-name {
-    display: flex;
-    align-items: center;
-  }
-
-  &-file {
-    &-btn {
-      &__icon {
-        width: 16px;
-        height: 16px;
-      }
-      &:hover &{
-        &__icon {
-          .path-1 {
-            fill: var(--ant-color-primary);
-            width: 20px;
-          }
-        }
-      }
-    }
-  }
-  &__icon {
-    &--success {
-      width: 16px;
-      height: 16px;
-      position: absolute;
-      top: 0px;
-      right: 24px;
-    }
-    &--again {
-      width: 16px;
-      height: 16px;
-      position: absolute;
-      top: 0px;
-      right: 24px;
-    }
-    &--delete {
-      width: 16px;
-      height: 16px;
-      position: absolute;
-      top: 0px;
-      right: 2px;
-    }
-  }
-
-  &-image {
-    &-btn {
-      width: 100px;
-      height: 100px;
-      border-radius: 8px;
-      background-color: var(--ant-color-border-secondary);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex-direction: column;
-      &__text {
-        font-size: 12px;
-        color: var(--ant-color-text-quaternary);
-        margin-top: 8px;
-      }
-    }
-  }
-  &-video {
-    &-content {
-      position: relative;
-      width: 102px;
-      height: 102px;
-      border-radius: 4px;
-      cursor: pointer;
-      padding: 8px;
-      box-sizing: border-box;
-      border: 1px solid var(--ant-color-border-secondary);
-      &__video {
-        width: 100%;
-        height: 100%;
-      }
-      &:hover &{
-        &-icon {
-          z-index: 10;
-          transition: all;
-          box-sizing: border-box;
-          position: absolute;
-          top: 8px;
-          left: 8px;
-          height: 86px;
-          width: 86px;
-          /* 这里的背景色根据需求设置 */
-          background: rgba(0, 0, 0, 0.6) !important;
-          background-color: #000;
-          filter: Alpha(Opacity=60);
-          opacity: 0.6;
-          &--delete {
-            width: 16px;
-            height: 16px;
-            position: absolute;
-            top: 36px;
-            left: 40%;
-            cursor: pointer;
-          }
-        }
-      }
-    }
-  }
-}
+.yot-upload {
+  .ant-upload-list-item {
+    padding: 0;
+  }
+  .ant-upload-list-item.ant-upload-list-item-done {
+    .ant-upload-icon {
+      .anticon.anticon-paper-clip {
+        color: var(--ant-color-primary);
+      }
+    }
+  }
+  .ant-upload-list-item-name {
+    display: flex;
+    align-items: center;
+  }
+
+  &-file {
+    &-btn {
+      &__icon {
+        width: 16px;
+        height: 16px;
+      }
+      &:hover &{
+        &__icon {
+          .path-1 {
+            fill: var(--ant-color-primary);
+            width: 20px;
+          }
+        }
+      }
+    }
+  }
+  &__icon {
+    &--success {
+      width: 16px;
+      height: 16px;
+      position: absolute;
+      top: 0px;
+      right: 24px;
+    }
+    &--again {
+      width: 16px;
+      height: 16px;
+      position: absolute;
+      top: 0px;
+      right: 24px;
+    }
+    &--delete {
+      width: 16px;
+      height: 16px;
+      position: absolute;
+      top: 0px;
+      right: 2px;
+    }
+  }
+
+  &-image {
+    &-btn {
+      width: 100px;
+      height: 100px;
+      border-radius: 8px;
+      background-color: var(--ant-color-border-secondary);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-direction: column;
+      &__text {
+        font-size: 12px;
+        color: var(--ant-color-text-quaternary);
+        margin-top: 8px;
+      }
+    }
+  }
+  &-video {
+    &-content {
+      position: relative;
+      width: 102px;
+      height: 102px;
+      border-radius: 4px;
+      cursor: pointer;
+      padding: 8px;
+      box-sizing: border-box;
+      border: 1px solid var(--ant-color-border-secondary);
+      &__video {
+        width: 100%;
+        height: 100%;
+      }
+      &:hover &{
+        &-icon {
+          z-index: 10;
+          transition: all;
+          box-sizing: border-box;
+          position: absolute;
+          top: 8px;
+          left: 8px;
+          height: 86px;
+          width: 86px;
+          /* 这里的背景色根据需求设置 */
+          background: rgba(0, 0, 0, 0.6) !important;
+          background-color: #000;
+          filter: Alpha(Opacity=60);
+          opacity: 0.6;
+          &--delete {
+            width: 16px;
+            height: 16px;
+            position: absolute;
+            top: 36px;
+            left: 40%;
+            cursor: pointer;
+          }
+        }
+      }
+    }
+  }
+}

package/dist/user-dropdown/types/types.d.ts

@@ -1,45 +1,45 @@
-import { SelectProps } from 'yootd';
-
-export interface PageData<T> {
-  content: T[];
-  page: {
-    number: number;
-    size: number;
-    totalElements: number;
-    totalPages: number;
-  };
-}
-type LabelOptions =
-  | 'uniqueNumber'
-  | 'personalName'
-  | 'majorName'
-  | 'collegeMajorName'
-  | 'className'
-  | 'gradeName'
-  | 'genderName'
-  | 'deptName'
-  | 'credentialsNo'
-  | 'personalMobile';
-export type UserDropdownProps = SelectProps & {
-  type?: number; // 1:学生2:教师3:职工
-  label?: LabelOptions[];
-  connectors?: string;
-  teacher_id?: number;
-};
-export interface IuserItem {
-  userId: string; // ID
-  uniqueNumber?: string; // 学号/工号
-  personalName: string; // 姓名
-  personalPhoto?: string; // 照片
-  userFaceType?: number; // 人脸类型(1白名单2黑名单3红名单)
-  majorName?: string; // 专业名称
-  collegeMajorName?: string; // 院系名称
-  className?: string; // 班级名称
-  gradeName?: string; // 年级名称
-  genderName?: string; // 性别
-  deptId?: number; // 部门ID
-  deptName?: string; // 部门名称
-  gender?: number; // 性别
-  credentialsNo?: string; // 证件号
-  personalMobile?: string; // 手机号
-}
+import { SelectProps } from 'yootd';
+
+export interface PageData<T> {
+  content: T[];
+  page: {
+    number: number;
+    size: number;
+    totalElements: number;
+    totalPages: number;
+  };
+}
+type LabelOptions =
+  | 'uniqueNumber'
+  | 'personalName'
+  | 'majorName'
+  | 'collegeMajorName'
+  | 'className'
+  | 'gradeName'
+  | 'genderName'
+  | 'deptName'
+  | 'credentialsNo'
+  | 'personalMobile';
+export type UserDropdownProps = SelectProps & {
+  type?: number; // 1:学生2:教师3:职工
+  label?: LabelOptions[];
+  connectors?: string;
+  teacher_id?: number;
+};
+export interface IuserItem {
+  userId: string; // ID
+  uniqueNumber?: string; // 学号/工号
+  personalName: string; // 姓名
+  personalPhoto?: string; // 照片
+  userFaceType?: number; // 人脸类型(1白名单2黑名单3红名单)
+  majorName?: string; // 专业名称
+  collegeMajorName?: string; // 院系名称
+  className?: string; // 班级名称
+  gradeName?: string; // 年级名称
+  genderName?: string; // 性别
+  deptId?: number; // 部门ID
+  deptName?: string; // 部门名称
+  gender?: number; // 性别
+  credentialsNo?: string; // 证件号
+  personalMobile?: string; // 手机号
+}

package/dist/video-player/index.d.ts

@@ -1,5 +1,9 @@
-import { CSSProperties, FC } from 'react';
+import React, { CSSProperties } from 'react';
 import './index.scss';
+export interface VideoPlayerRef {
+    play: () => void;
+    pause: () => void;
+}
 export interface VideoPlayerProps {
     /**
      * 视频地址
@@ -67,4 +71,4 @@ export interface VideoPlayerProps {
      */
     onPlayStateChange?: (isPlaying: boolean) => void;
 }
-export declare const VideoPlayer: FC<VideoPlayerProps>;
+export declare const VideoPlayer: React.ForwardRefExoticComponent<VideoPlayerProps & React.RefAttributes<VideoPlayerRef>>;

package/dist/video-player/index.js

@@ -15,7 +15,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import * as faceapi from '@vladmandic/face-api';
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import { EndPoint } from 'yootd-webrtc-sdk';
 import { useBem } from "../hooks/useBem";
 import "./index.scss";
@@ -27,7 +27,7 @@ var MIN_SCORE = 0.5; // minimum score
 var MAX_RESULTS = 20; // maximum number of results to return
 
 var speeds = ['2.0', '1.75', '1.5', '1.25', '1.0', '0.75', '0.5'];
-export var VideoPlayer = function VideoPlayer(_ref) {
+export var VideoPlayer = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var src = _ref.src,
     isLive = _ref.isLive,
     controls = _ref.controls,
@@ -135,6 +135,18 @@ export var VideoPlayer = function VideoPlayer(_ref) {
     _useState36 = _slicedToArray(_useState35, 2),
     videoEleSize = _useState36[0],
     setVideoEleSize = _useState36[1];
+  useImperativeHandle(ref, function () {
+    return {
+      play: function play() {
+        var _videoRef$current;
+        void ((_videoRef$current = videoRef.current) === null || _videoRef$current === void 0 ? void 0 : _videoRef$current.play());
+      },
+      pause: function pause() {
+        var _videoRef$current2;
+        (_videoRef$current2 = videoRef.current) === null || _videoRef$current2 === void 0 || _videoRef$current2.pause();
+      }
+    };
+  });
   var handleFullScreen = function handleFullScreen() {
     if (containerRef.current != null) {
       void containerRef.current.requestFullscreen();
@@ -148,7 +160,7 @@ export var VideoPlayer = function VideoPlayer(_ref) {
   var handleCanPlay = function handleCanPlay(e) {
     var video = e.target;
     try {
-      var _video$audioTracks, _video$audioTracks2;
+      var _video$audioTracks;
       setHasAudio(
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
@@ -159,27 +171,29 @@ export var VideoPlayer = function VideoPlayer(_ref) {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       Boolean((_video$audioTracks = video.audioTracks) === null || _video$audioTracks === void 0 ? void 0 : _video$audioTracks.length));
-      console.log('是否包含音频: ',
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-expect-error
-      video.mozHasAudio ||
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-expect-error
-      Boolean(video.webkitAudioDecodedByteCount) ||
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-expect-error
-      Boolean((_video$audioTracks2 = video.audioTracks) === null || _video$audioTracks2 === void 0 ? void 0 : _video$audioTracks2.length));
+      // console.log(
+      //   '是否包含音频: ',
+      //   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      //   // @ts-expect-error
+      //   video.mozHasAudio ||
+      //     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      //     // @ts-expect-error
+      //     Boolean(video.webkitAudioDecodedByteCount) ||
+      //     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      //     // @ts-expect-error
+      //     Boolean(video.audioTracks?.length),
+      // );
     } catch (e) {
       console.log(e);
     }
   };
   var handlePlayAndStop = function handlePlayAndStop() {
     if (isPlaying) {
-      var _videoRef$current;
-      (_videoRef$current = videoRef.current) === null || _videoRef$current === void 0 || _videoRef$current.pause();
+      var _videoRef$current3;
+      (_videoRef$current3 = videoRef.current) === null || _videoRef$current3 === void 0 || _videoRef$current3.pause();
     } else {
-      var _videoRef$current2;
-      void ((_videoRef$current2 = videoRef.current) === null || _videoRef$current2 === void 0 ? void 0 : _videoRef$current2.play());
+      var _videoRef$current4;
+      void ((_videoRef$current4 = videoRef.current) === null || _videoRef$current4 === void 0 ? void 0 : _videoRef$current4.play());
     }
   };
   var handleOnPlay = function handleOnPlay() {
@@ -522,26 +536,26 @@ export var VideoPlayer = function VideoPlayer(_ref) {
   useEffect(function () {
     var handler = null;
     // let lastTime = Date.now();
-    /* const start = () => {
-    if (
-    !faceFeature.anchor &&
-    !faceFeature.emotion &&
-    !faceFeature.character
-    ) {
-    return;
-    }
-    if (lastTime + 1000 <= Date.now()) {
-    lastTime = Date.now();
-    detect()
-    	.catch((e) => {
-    		console.log("error", e);
-    	})
-    	.finally(() => {
-    		handler = requestAnimationFrame(start);
-    	});
-    } else {
-    handler = requestAnimationFrame(start);
-    }
+    /* const start = () => {
+    if (
+    !faceFeature.anchor &&
+    !faceFeature.emotion &&
+    !faceFeature.character
+    ) {
+    return;
+    }
+    if (lastTime + 1000 <= Date.now()) {
+    lastTime = Date.now();
+    detect()
+    .catch((e) => {
+    console.log("error", e);
+    })
+    .finally(() => {
+    handler = requestAnimationFrame(start);
+    });
+    } else {
+    handler = requestAnimationFrame(start);
+    }
     }; */
 
     var start = function start() {
@@ -872,4 +886,5 @@ export var VideoPlayer = function VideoPlayer(_ref) {
       transform: "scale(".concat(canvasSize.width / videoEleSize.width, ")")
     }
   }) : null));
-};
+});
+VideoPlayer.displayName = 'VideoPlayer';