yootd 0.0.8 → 0.0.10

package/dist/tabs/index.scss

@@ -1,81 +1,81 @@
-.yot-tabs {
-  &-large {
-    .ant-tabs-tab.ant-tabs-tab-active {
-      color: var(--ant-color-primary);
-    }
-    .ant-tabs-tab-btn {
-      font-size: var(--ant-font-size-lg);
-    }
-    .ant-tabs-nav-wrap {
-      background-color: white;
-      padding-left: 1.5rem;
-      padding-right: 1.5rem;
-    }
-    .ant-tabs-nav::before{
-      content: '';
-      position: absolute;
-      right: 1.5rem;
-      left: 1.5rem;
-      z-index: 10;
-      border-bottom-width: var(--ant-line-width);
-      border-bottom-style: solid;
-      border-bottom-color: #E5E5E5;
-    }
-  }
-  &-small {
-    .ant-tabs-tab.ant-tabs-tab-active {
-      color: var(--ant-color-primary);
-    }
-    .ant-tabs-tab-btn {
-      font-size: var(--ant-font-size);
-    }
-    .ant-tabs-nav-wrap {
-      background-color: white;
-      padding-left: 1.5rem;
-      padding-right: 1.5rem;
-    }
-    .ant-tabs-nav::before{
-      content: '';
-      position: absolute;
-      right: 1.5rem;
-      left: 1.5rem;
-      z-index: 10;
-      border-bottom-width: var(--ant-line-width);
-      border-bottom-style: solid;
-      border-bottom-color: #E5E5E5;
-    }
-  }
-  &-capsule {
-    &__content {
-      padding-top: var(--ant-margin);
-      padding-bottom: var(--ant-margin);
-      box-sizing: border-box;
-      background-color: white;
-      padding-left: var(--ant-padding-lg);
-      padding-right: var(--ant-padding-lg);
-    }
-    .ant-radio-button-wrapper.ant-radio-button-wrapper-checked.css-var-r4.ant-radio-css-var {
-      padding-left: var(--ant-padding);
-      padding-right: var(--ant-padding);
-      box-sizing: border-box;
-      font-size: var(--ant-font-size);
-      color: var(--ant-color-primary);
-    }
-    .ant-radio-button.ant-radio-button-checked {
-      font-size: var(--ant-font-size);
-      color: var(--ant-color-primary);
-    }
-    &__value {
-      font-size: 14px;
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-        'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
-        'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-      color: #000000e0;
-    }
-  }
-  &-istabmargin {
-    .ant-tabs-nav {
-      margin-bottom: 0;
-    }
-  }
-}
+.yot-tabs {
+  &-large {
+    .ant-tabs-tab.ant-tabs-tab-active {
+      color: var(--ant-color-primary);
+    }
+    .ant-tabs-tab-btn {
+      font-size: var(--ant-font-size-lg);
+    }
+    .ant-tabs-nav-wrap {
+      background-color: white;
+      padding-left: 1.5rem;
+      padding-right: 1.5rem;
+    }
+    .ant-tabs-nav::before{
+      content: '';
+      position: absolute;
+      right: 1.5rem;
+      left: 1.5rem;
+      z-index: 10;
+      border-bottom-width: var(--ant-line-width);
+      border-bottom-style: solid;
+      border-bottom-color: #E5E5E5;
+    }
+  }
+  &-small {
+    .ant-tabs-tab.ant-tabs-tab-active {
+      color: var(--ant-color-primary);
+    }
+    .ant-tabs-tab-btn {
+      font-size: var(--ant-font-size);
+    }
+    .ant-tabs-nav-wrap {
+      background-color: white;
+      padding-left: 1.5rem;
+      padding-right: 1.5rem;
+    }
+    .ant-tabs-nav::before{
+      content: '';
+      position: absolute;
+      right: 1.5rem;
+      left: 1.5rem;
+      z-index: 10;
+      border-bottom-width: var(--ant-line-width);
+      border-bottom-style: solid;
+      border-bottom-color: #E5E5E5;
+    }
+  }
+  &-capsule {
+    &__content {
+      padding-top: var(--ant-margin);
+      padding-bottom: var(--ant-margin);
+      box-sizing: border-box;
+      background-color: white;
+      padding-left: var(--ant-padding-lg);
+      padding-right: var(--ant-padding-lg);
+    }
+    .ant-radio-button-wrapper.ant-radio-button-wrapper-checked.css-var-r4.ant-radio-css-var {
+      padding-left: var(--ant-padding);
+      padding-right: var(--ant-padding);
+      box-sizing: border-box;
+      font-size: var(--ant-font-size);
+      color: var(--ant-color-primary);
+    }
+    .ant-radio-button.ant-radio-button-checked {
+      font-size: var(--ant-font-size);
+      color: var(--ant-color-primary);
+    }
+    &__value {
+      font-size: 14px;
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+        'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
+        'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+      color: #000000e0;
+    }
+  }
+  &-istabmargin {
+    .ant-tabs-nav {
+      margin-bottom: 0;
+    }
+  }
+}

package/dist/tag/index.scss

@@ -1,5 +1,5 @@
-.yot-tag {
-    &__text {
-        font-weight: bold;
-    }
+.yot-tag {
+    &__text {
+        font-weight: bold;
+    }
 }

package/dist/teacher/types/types.d.ts

@@ -1,31 +1,31 @@
-import { SelectProps } from 'yootd';
-
-export interface PageData<T> {
-  content: T[];
-  page: {
-    number: number;
-    size: number;
-    totalElements: number;
-    totalPages: number;
-  };
-}
-// 查询老师返回的数据类型
-export interface IteacherItem {
-  [key: string]: string | number;
-  userId: number; // 老师ID
-  personalName: string; // 老师姓名
-  personalMobile?: string; // 手机号
-  uniqueNumber?: string; // 工号
-  nationName?: string; // 民族
-  gender?: number; // 性别
-}
-type LabelOptions =
-  | 'personalName'
-  | 'uniqueNumber'
-  | 'personalMobile'
-  | 'nationName'
-  | 'genderName';
-export type TeacherProps = SelectProps & {
-  label?: LabelOptions[];
-  connectors?: string;
-};
+import { SelectProps } from 'yootd';
+
+export interface PageData<T> {
+  content: T[];
+  page: {
+    number: number;
+    size: number;
+    totalElements: number;
+    totalPages: number;
+  };
+}
+// 查询老师返回的数据类型
+export interface IteacherItem {
+  [key: string]: string | number;
+  userId: number; // 老师ID
+  personalName: string; // 老师姓名
+  personalMobile?: string; // 手机号
+  uniqueNumber?: string; // 工号
+  nationName?: string; // 民族
+  gender?: number; // 性别
+}
+type LabelOptions =
+  | 'personalName'
+  | 'uniqueNumber'
+  | 'personalMobile'
+  | 'nationName'
+  | 'genderName';
+export type TeacherProps = SelectProps & {
+  label?: LabelOptions[];
+  connectors?: string;
+};

package/dist/tree/index.scss

@@ -1,25 +1,25 @@
-.yot-tree {
-  .ant-tree-node-content-wrapper.ant-tree-node-selected {
-    background-color: var(--ant-color-primary-bg);
-    .ant-tree-title {
-      color: var(--ant-color-primary);
-    }
-  }
-  .ant-tree-node-content-wrapper {
-    .ant-tree-title {
-      color: var(--ant-color-text-secondary);
-    }
-  }
-  &__icon {
-    margin-top: 2px;
-    &.yot-is-selected {
-      .path-1 {
-        stroke: var(--ant-color-primary);
-      }
-      .path-2,
-      .rect-1 {
-        fill: var(--ant-color-primary);
-      }
-    }
-  }
-}
+.yot-tree {
+  .ant-tree-node-content-wrapper.ant-tree-node-selected {
+    background-color: var(--ant-color-primary-bg);
+    .ant-tree-title {
+      color: var(--ant-color-primary);
+    }
+  }
+  .ant-tree-node-content-wrapper {
+    .ant-tree-title {
+      color: var(--ant-color-text-secondary);
+    }
+  }
+  &__icon {
+    margin-top: 2px;
+    &.yot-is-selected {
+      .path-1 {
+        stroke: var(--ant-color-primary);
+      }
+      .path-2,
+      .rect-1 {
+        fill: var(--ant-color-primary);
+      }
+    }
+  }
+}

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/assets/player-icon.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1698128671512" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="906" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M177.26002244 1020.68826978c-8.39476931 0-16.78529945-2.08703457-24.36334146-6.21023633-16.33313206-8.95150085-26.50548539-26.04060047-26.50548539-44.65859052L126.39119559 54.20316557c0-18.61799004 10.17235194-35.76219902 26.50548539-44.66565629 16.27661148-8.95291345 36.21436639-8.18564235 51.88479014 1.88214681L916.92809291 469.23344724c14.54989766 9.35562463 23.34737815 25.48528291 23.34737816 42.77785771 0 17.29257478-8.79748049 33.42081908-23.34737816 42.78209687L204.78147112 1012.60153981C196.38528784 1017.94559264 186.82618801 1020.68826978 177.26002244 1020.68826978L177.26002244 1020.68826978zM177.26002244 1020.68826978" fill="#ffffff" p-id="907"></path></svg>

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

@@ -0,0 +1,70 @@
+import { CSSProperties, FC } from 'react';
+import './index.scss';
+export interface VideoPlayerProps {
+    /**
+     * 视频地址
+     */
+    src: string;
+    /**
+     * 是否为直播视频
+     */
+    isLive?: boolean;
+    /**
+     * 是否展示控制面板
+     */
+    controls?: boolean;
+    /**
+     * 是否自动播放
+     */
+    autoPlay?: boolean;
+    /**
+     * 是否获取视频流
+     */
+    videoEnable?: boolean;
+    /**
+     * 是否获取音频流
+     */
+    audioEnable?: boolean;
+    /**
+     * 是否静音
+     */
+    muted?: boolean;
+    /**
+     * 是否在微信小程序中使用
+     */
+    miniProgram?: boolean;
+    /**
+     * 是否旋转全屏
+     */
+    rotateWhenFullScreen?: boolean;
+    /**
+     * 视频封面
+     */
+    poster?: string;
+    /**
+     * 截图回调
+     */
+    onCapture?: (base64: string) => void;
+    /**
+     * 是否重试
+     */
+    retry?: boolean;
+    /**
+     * 重试间隔
+     */
+    retryInterval?: number;
+    /**
+     * 额外样式
+     */
+    style?: CSSProperties;
+    /**
+     * 类名，用于覆盖默认样式
+     */
+    className?: string;
+    /**
+     * 播放状态变化回调
+     * @param isPlaying
+     */
+    onPlayStateChange?: (isPlaying: boolean) => void;
+}
+export declare const VideoPlayer: FC<VideoPlayerProps>;