廖力工作日志 2025-12-29 07:39:42 星期一
上周主线: 给组件化收尾,并搭建ai会话(workbanchv2)的单例模式。并开始绑定数据.
本周主线:1.完成脚本编辑界面的所有数据绑定的工作。2.完成中间文件管理的数据绑定工作。
##今天的任务:
1.使ai回复的消息支持显示md格式的文本
完成2.使光标在ReactMarkdown组件里
完成3.最新的chatContainer组件在进入一个超长的会话里时,滚动条位置滚动不到最下面
完成bug修复4.梳理直接通过这种“/chat/70ec42e2-0b43-41f8-bf25-2b3645180de1”链接跳进来的数据加载流程目前是有概率出现bug的
等待接口提供5.尽可能为对话界面在刚进入,回复中时加入一些绚丽的动画
已经完成6.对话流中的时间显示,使其支持一天前,两天前,三天前,以及超过三天之后显示具体年月日
完成可能需要后端提供的接口:
1.获取单独会话信息的接口,例如用会话id(70d1bfa6-e484-49fd-a20c-b4b461979483)查询出这样的格式:
{
“id”: “78f03347-e966-4b85-938e-0967efac994f”,
“userId”: 1,
“unReadCount”: 0,
“createTime”: “2025-12-17T20:33:30.272Z”,
“updateTime”: “2025-12-17T20:33:30.271Z”,
“title”: “你好啊”,
“deId”: 0
},
##明天的任务:
1.检查界面BUG并修复,提升体验。
2.selectionList组件的分页换行的感觉不太对,可能需要优化
长期任务:
1.适配一个移动端版本
2.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 (
不要写三元表达式
判断空必须这样写 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