寒露

一个快速选择文件夹树的组件。使用 ul 与 li 相互嵌套。当 ul 被装载时，通过接口获取传入的文件路径下的文件夹进行 li 遍历渲染。

使用 video.js 这个依赖完成浏览器播放视频资源。尝试了一下，常见资源中，除了 AVI 无法正常播放外，mp4、mkv 都能正常播放与快进。 React 稍微简单配置下即可完成视频播

使用 exifreader 依赖读取图片 Exif 信息。可读取常规 jpeg、png、WebP 等格式。数码相机的 RAW、CR2 均可读取。 可在本地浏览器直接运行，不需要上传至服务器进行解析。

使用 Next.js 的 Image 组件显示图片。自带图片压缩生成快速预览的 webp 格式图片 使用 antd 的 PreviewGroup 组件实现原图浏览，自带缩小、放大、上一张、下一张等功能

Next.js 使用读取流的形式返回文件。 处理视频文件流时需要注意 http state 需要设置为 206，否则播放、快进视频会失败

将 context 分离，并实现 context 的读写分离。 将 context 的改变时触发的重新渲染收敛至消费组件。

card 视图 column 可变 将浏览器当前的 width 与 height 写入 cookie 文件大小、时间格式化

优化页面呈现样式 页眉为面包屑导航，页脚显示当前项目数与改变可视状态。 内容区域自动撑满页眉与页脚剩余空间，并实现内部滚动。

新增面包屑导航，实现快速路径快速跳转 鼠标 hover 后显示当前 hover 路径下的文件信息，方便子目录跳转