feat: 添加 视频窗口切换组件

packages/biz/src/VideoPlayerCard/VideoPlayerCard.tsx

@@ -1,11 +1,9 @@
 import { Card, Space, CardProps, Spin, Button } from 'antd';
 import { theme } from 'antd/lib';
 import { VideoPlayer, type VideoViewRef } from '@zhst/meta';
-
 import React, { useState, useEffect, ReactNode, useRef } from 'react';
 import { CloseOutlined, LoadingOutlined } from '@ant-design/icons';
 import './index.less'
-
 export interface VideoPlayerCardProps {
   windowKey?: string;
   selectedWindowKey?: string;

packages/biz/src/WindowToggle/demo/components/WarningRecordList/WarningRecordList.tsx

@@ -4,12 +4,20 @@ import { Empty, Space, Spin } from 'antd';
 import "./index.less"
 import { LoadingOutlined } from '@ant-design/icons';
 
-
 interface WarningRecordListProps {
   dataSource?: IRecord[];
   viewLargerImageModalRef?: React.RefObject<ViewLargerImageModalRef>;
+  /*
+  处理 图片下载按钮点击事件
+  */
   handleDownloadImg?: (imgSrc?: string) => void;
+  /*
+  处理 预警记录卡片点击事件
+  */
   onRecordClick?: (record?: IRecord) => void;
+  /*
+  获取选中的 记录 id 用于 判断是否显示 选中样式
+  */
   selectedRecordId?: string;
   isRecordListLoading?: boolean;
   recordListTitle?: string;
@@ -58,7 +66,6 @@ const WarningRecordList: React.FC<WarningRecordListProps> = (props) => {
                     imgStyle={{ width: 280, height: 169, ...imgStyle }}
                   />)
                 }
-
                 )}
               </Space>
               :

packages/biz/src/WindowToggle/index.md

@@ -16,7 +16,8 @@ title: WindowToggle 窗口切换组件
 
 | 参数 | 说明 | 类型 | 默认值 | 版本 |
 | --- | --- | --- | --- | --- |
-
+| dataSource | 用于渲染 每个窗口的数据 | VideoPlayerCardProps[] | 需要传一组默认值用于窗口的渲染| - |
-
+| handleWindowClick | 用于获取窗口的 windowKey 方便更新对应窗口数据 | (key?: string) => void; | - | - |
-
+| handleCloseButtonClick | 用于点击窗口关闭按钮的事件 | (key?: string) => void; | - | - |
+| selectedWindowKey | 选中的窗口的 key 用于控制 选中边框样式 |string| - | - |