廖力工作日志 2025-12-26 09:18:48 星期五

上周主线:完成所有workbanchv2静态页的重构,完成80%从静态页到组件化的工作。
本周主线:给组件化收尾,并搭建ai会话(workbanchv2)的单例模式。并开始绑定数据.

##今天的任务:

1.完成未读会话的指示

    完成

2.修复聊天列表的列表项的样式

    完成

3.完成列表实时排序,用户点击,消息更新等

    完成

4.将菜单边栏的颜色更换到色板

    完成

5.实现一个黑白色切换的按钮

    完成

6.如果正在执行的任务遭遇删除可能遇到bug,需要做一个防护

    完成

7.挂起的任务如果完成了就推一个卡片出来 提示用户可以查看

    完成

8.继续优化文件管理栏的样式

    完成晚间管理栏的动画伸缩特性

9.梳理直接通过这种“/chat/70ec42e2-0b43-41f8-bf25-2b3645180de1”链接跳进来的数据加载流程目前是有概率出现bug的

10.优化工作台右边栏打开时的一些bug – 已经完成

11.考虑如果聊天流中消息过多例如一千条这样,直接渲染出dom出来会卡顿

        已经升级chatContainer组件使其支持在渲染超过1000条数据之后滑动流程

##明天的任务:
1.使ai回复的消息支持显示md格式的文本
2.使光标在ReactMarkdown组件里
3.最新的chatContainer组件在进入一个超长的会话里时,滚动条位置滚动不到最下面
4.梳理直接通过这种“/chat/70ec42e2-0b43-41f8-bf25-2b3645180de1”链接跳进来的数据加载流程目前是有概率出现bug的

本周任务总结:
1.完成组件化收尾
2.完成会话的状态管理
3.完成基本的对话功能

长期任务:
1.大概梳理一下现有接口和新需求接口的对齐度 – 把界面重构完就做这个
2.把现有的工作台的功能和业务理通 – 把界面重构完就做这个
3.修复主界面的边栏收起 ~– 已经确认不需要修改
4.适配一个移动端版本
5.selectionList组件的分页换行的感觉不太对,可能需要优化

设计稿规格为:1440*900
需要重构的页面数量:
1.工作台初始界面 – 已经完成
1.1.工作台初始界面聊天对话框 – 聊天对话框中多个样式看起来有冲突,需要找产品经理询问 – 已经完成
1.2.重新整理一个多选下拉框组件 – 已经完成
2.工作台主界面
2.1 工作台主界面左边聊天序列 – 已经完成
2.2 工作台主界面中间文件选择 – 已经完成
2.3 工作台主界面右边脚本编辑界面– 已经完成
2.3.1 镜头列表编辑组件– 已经完成
2.3.2 画面描述ai对话框– 已经完成
2.4 工作台主界面右边视频编辑界面– 已经完成
2.4.1 单选框列表组件– 已经完成
2.4.2 点状分页– 已经完成
2.4.3 支持宽/窄 两种视图模式– 已经完成

    2.5 工作台主界面右边影片编辑界面-- 已经完成
    --明天让产品讲一下这个界面的设计和想法-- 已经完成

当前计划是规划好store中的数据结构, api接口的摆放位置,bis编写的合理性,query和api接口以及bis+界面渲染层如何正确地耦合从而适当耦合。

—————————————————————-其它内容———————————————————————–
这是一个对话列表
现在我想要知道对话列表的数据接口是什么,它的搜索功能是前端搜索还是后端搜索?

帮忙给这个下拉框添加一个白色风格 变体
范式要求
依照chadcn/ui的范式编写
不要编写类似 isEnabled && (

) 这种代码
应该写成 (function(){ if(isEnabled === true){ return (
)}return null; })()
不要写三元表达式
判断空必须这样写 if(typeof value !== ‘undefined’ && value !== null){}
不能写作 if(!value){} 这种判断非常模糊
编写匿名函数时尽量不要使用箭头函数,应该使用(function(){ })()
如果有确实需要绑定this的情况下再使用箭头函数
请在编写参数的interface中写好注释,调用时可以看到
样式要求
在白色风格样式下,
container和item的边距为0
container的背景色为–color-bg-surface
border:1px solid var(–color-border-subtle)
box-shadow: 0px 4px 16px 0px rgba(4, 20, 51, 0.1);
项目
高度是 28px
未选中的 背景颜色透明
选中后背景颜色为 –color-bg-page