廖力工作日志 2026-02-04 09:35:21 星期三

本周主线：1.完成脚本编辑界面的所有数据绑定的工作。2.完成中间文件管理的数据绑定工作。但由于一直在等接口所以实际上在做一些体验优化工作

##今天的任务:

1.开始做混剪功能

2.完成混剪功能

3.优化一些体验上的内容

            优化了对话流的渲染逻辑，使得第一块消息到达时可以及时通知上层容器将内容对齐到底部

2.图片编辑模块的需求

            仔细阅读了之前做了一半的图片编辑发现了以下问题：
                1.store层和渲染层直接黏合，没有中间的bis层专门做业务层的计算
                2.布局样式各方面细节和设计稿不符，交付会有风险
                3.技术选型可能不是最优，交互效果可能会调整困难
                4.没有使用rem适配，屏幕适配性可能不是最优
            考虑到后期的可维护性，可扩展性和代码健康以及是否可顺利交付等环节。
            计划重新编写一版图片编辑，但不覆盖之前的原代码，重新做一个模块进行，预计目前产品提出的功能在一到两周内做完。

            图片编辑最新任务规划:
            1.完成框架搭建
                    1.完成主代码目录搭建,目录名称为 imageEditor 与原模块保持区分 imageEdit
                            已经完成 -- 2026-02-04 11:46:15 星期三


                    2.完成主界面样式重构
                            1.完成top样式重构 --- 2026-02-04 13:13:19 星期三
                            2.完成left（主要侧边小菜单栏）样式重构 --- 2026-02-04 13:13:22 星期三
                            3.完成right (主要操作面)样式重构 --- 2026-02-04 13:13:28 星期三
                    3.完成主要几个模块级公共组件的编写
                            1.icon组件 -- 2026-02-04 13:22:16 星期三
                            2.主菜单图标按钮 -- 2026-02-04 16:40:07 星期三
                            3.子菜单收折栏目组件
                                    1.收折栏按钮
                                    2.收折栏容器
                            4.返回图标按钮 -- 2026-02-04 13:22:22 星期三
                            5.顶部打开图片icon按钮 -- 2026-02-04 15:20:47 星期三
                            6.历史记录下拉框按钮 -- 2026-02-04 15:20:50 星期三
                            7.关闭图片按钮 -- 2026-02-04 15:20:53 星期三
                            8.保存下拉框按钮 -- 2026-02-04 15:20:57 星期三
                            9.主界面打开图片按钮
                            10.主界面其它元素。
                            11.制作一个骨架加载页面
                            12.完成顶部应用 --> 保存下拉框组件 -- 2026-02-04 17:59:50 星期三
            2.完成业务框架的搭建
                1.完成store数据结构设计
                    1.设计数据结构
                    2.设计历史记录机制
                2.完成store - bis + query - view 的三层结构和目录设计

目前看设计稿发现了一些问题，就是下拉栏目的样式有两种
一种是全宽度铺开无间距的
一种是块状有间距的，具体要选用哪种来当作副菜单栏的栏目组件还是两种都用。

结论：
使用有边距和圆角的风格来做右边的submenu

##明天的任务:
1.继续完成剩下的ui静态组件的重构
1..子菜单收折栏目组件
1.收折栏按钮
2.收折栏容器
2.欢迎界面打开图片按钮
3.欢迎面其它元素
4.制作一个骨架加载页面
2.完成业务框架的搭建
1.完成store数据结构设计
1.设计数据结构
2.设计历史记录机制
2.完成store - bis + query - view 的三层结构和目录设计
3.尝试设计一套控制面板自动布局的语义化json,试试看看可不可以让控制面板的组件在渲染时做成动态的，这样可以节省开发量，后期维护也更友好

长期任务:
1.适配一个移动端版本
2.图片编辑模块的需求 — 延后
图片编辑模块的业务照搬美图秀秀，原因是美图秀秀提供的图片编辑功能可以用于图生视频的前置编辑
目前已有的大模块为：
调整 – 调整图像尺寸
抠图 – 获得前景
人像 – 人像美化
滤镜 – 一些照片风格滤镜

    2.1 了解图片编辑模块的子模块拆分是怎么做的

    2.2  了解图片编辑模块的代码风格

    2.3  了解图片编辑模块的单例模式实现和状态管理是怎么做的

    2.4   了解当前图片编辑模块缺失的内容有哪些
            1.调整模块
                    基础调整已经完成 但包含一些bug
                    没有高级调整功能


            2.抠图模块
            3.消除笔模块
            4.ai超清模块
            5.ai扩图模块
            6.无损放大模块

            总结，主要做调整和 抠图，人像和滤镜功能disable掉，暂时不做

    2.5   了解当前图片编辑模块为未来可以做哪些代码或结构上的优化
            1.当前图片编辑的模块配色没有使用色板
            2.当前图片编辑模块的尺寸没有使用rem导致尺寸在rem分辨率适配下失真
            3.界面需要对齐设计稿
                1.当前界面需要全屏显示
                2.当前界面的ui元素和设计稿不对齐
            4.目前一级菜单上的样式未对齐设计稿

设计稿规格为:1440*900

—————————————————————-其它内容———————————————————————–