OmniAI/omniai-ds-code-package
3
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat: 完善电商记录详情页，支持触摸手势交互、对话式需求面板与画布节点拖拽 #16

Merged
stringadmin merged 1 commits from feat/ecommerce-record-detail-polish into main 2026-06-15 08:38:41 +00:00
Conversation 0 Commits 1 Files Changed 2
+1604 -11
stringadmin commented 2026-06-15 08:38:36 +00:00
Owner
Copy Link
Copy Source

本次修改全面打磨电商图片工作台的记录详情体验，主要包含以下变更：

一、记录详情对话面板（EcommercePage.tsx）：

  • 将记录详情中的"需求"区域重构为聊天对话式布局：
    · 历史需求消息：展示原始需求文本、参数元信息（平台/语种/比例/设置）、已上传素材缩略图
    · 新增跟进需求消息(is-followup)：若当前素材与历史记录不同，自动展示新上传素材及当前参数配置
    · AI 回复消息保持原有状态展示
  • 记录详情中素材上传数量上限从 7 张提升至 20 张(maxCloneProductImages)
  • 上传按钮重构：移至素材列表左侧，显示当前数量/上限，满额时禁用并提示"已满"

二、触摸与手势交互：

  • 新增 PreviewTouchGesture 完整手势系统：
    · 单指平移(pan)：支持触摸拖拽预览画布
    · 双指缩放(pinch)：以双指中心为锚点进行缩放，范围 0.25x-2x
    · 自动排除交互元素（按钮/输入框/链接等）避免冲突
    · 智能切换：单指/双指模式无缝切换
  • 画布节点触摸拖拽(canvas node drag)：
    · 支持触摸拖拽移动生成结果节点
    · 考虑当前缩放级别计算位移
    · 与预览画布手势互不干扰

三、记录详情页视觉升级（ecommerce-standalone.css）：

  • 整体背景采用径向渐变+线性渐变，营造专业 SaaS 质感
  • 对话面板与历史面板统一采用毛玻璃卡片风格
  • 聊天消息气泡：圆角 18px、柔和投影、用户消息左侧缩进 18px
  • 历史面板宽度固定 292px
  • CSS 自定义属性体系(record-detail-*)统一管理颜色和阴影
  • 面板头部加高加粗标题，优化可读性

四、其他细节优化：

  • 历史刷新按钮图标从文本符号改为 ReloadOutlined 组件
  • 素材缩略图移除 hover 放大镜效果(.ecom-command-asset-zoom)
  • 刷新按钮禁用样式完善

变更文件：

  • src/features/ecommerce/EcommercePage.tsx (+246/-11)
  • src/styles/ecommerce-standalone.css (+1369)
本次修改全面打磨电商图片工作台的记录详情体验，主要包含以下变更： 一、记录详情对话面板（EcommercePage.tsx）： - 将记录详情中的"需求"区域重构为聊天对话式布局： · 历史需求消息：展示原始需求文本、参数元信息（平台/语种/比例/设置）、已上传素材缩略图 · 新增跟进需求消息(is-followup)：若当前素材与历史记录不同，自动展示新上传素材及当前参数配置 · AI 回复消息保持原有状态展示 - 记录详情中素材上传数量上限从 7 张提升至 20 张(maxCloneProductImages) - 上传按钮重构：移至素材列表左侧，显示当前数量/上限，满额时禁用并提示"已满" 二、触摸与手势交互： - 新增 PreviewTouchGesture 完整手势系统： · 单指平移(pan)：支持触摸拖拽预览画布 · 双指缩放(pinch)：以双指中心为锚点进行缩放，范围 0.25x-2x · 自动排除交互元素（按钮/输入框/链接等）避免冲突 · 智能切换：单指/双指模式无缝切换 - 画布节点触摸拖拽(canvas node drag)： · 支持触摸拖拽移动生成结果节点 · 考虑当前缩放级别计算位移 · 与预览画布手势互不干扰 三、记录详情页视觉升级（ecommerce-standalone.css）： - 整体背景采用径向渐变+线性渐变，营造专业 SaaS 质感 - 对话面板与历史面板统一采用毛玻璃卡片风格 - 聊天消息气泡：圆角 18px、柔和投影、用户消息左侧缩进 18px - 历史面板宽度固定 292px - CSS 自定义属性体系(record-detail-*)统一管理颜色和阴影 - 面板头部加高加粗标题，优化可读性 四、其他细节优化： - 历史刷新按钮图标从文本符号改为 ReloadOutlined 组件 - 素材缩略图移除 hover 放大镜效果(.ecom-command-asset-zoom) - 刷新按钮禁用样式完善 变更文件： - src/features/ecommerce/EcommercePage.tsx (+246/-11) - src/styles/ecommerce-standalone.css (+1369)
stringadmin added 1 commit 2026-06-15 08:38:36 +00:00
feat: 完善电商记录详情页，支持触摸手势交互、对话式需求面板与画布节点拖拽 e3b48e2614 
本次修改全面打磨电商图片工作台的记录详情体验，主要包含以下变更：

一、记录详情对话面板（EcommercePage.tsx）：
- 将记录详情中的"需求"区域重构为聊天对话式布局：
  · 历史需求消息：展示原始需求文本、参数元信息（平台/语种/比例/设置）、已上传素材缩略图
  · 新增跟进需求消息(is-followup)：若当前素材与历史记录不同，自动展示新上传素材及当前参数配置
  · AI 回复消息保持原有状态展示
- 记录详情中素材上传数量上限从 7 张提升至 20 张(maxCloneProductImages)
- 上传按钮重构：移至素材列表左侧，显示当前数量/上限，满额时禁用并提示"已满"

二、触摸与手势交互：
- 新增 PreviewTouchGesture 完整手势系统：
  · 单指平移(pan)：支持触摸拖拽预览画布
  · 双指缩放(pinch)：以双指中心为锚点进行缩放，范围 0.25x-2x
  · 自动排除交互元素（按钮/输入框/链接等）避免冲突
  · 智能切换：单指/双指模式无缝切换
- 画布节点触摸拖拽(canvas node drag)：
  · 支持触摸拖拽移动生成结果节点
  · 考虑当前缩放级别计算位移
  · 与预览画布手势互不干扰

三、记录详情页视觉升级（ecommerce-standalone.css）：
- 整体背景采用径向渐变+线性渐变，营造专业 SaaS 质感
- 对话面板与历史面板统一采用毛玻璃卡片风格
- 聊天消息气泡：圆角 18px、柔和投影、用户消息左侧缩进 18px
- 历史面板宽度固定 292px
- CSS 自定义属性体系(record-detail-*)统一管理颜色和阴影
- 面板头部加高加粗标题，优化可读性

四、其他细节优化：
- 历史刷新按钮图标从文本符号改为 ReloadOutlined 组件
- 素材缩略图移除 hover 放大镜效果(.ecom-command-asset-zoom)
- 刷新按钮禁用样式完善

变更文件：
- src/features/ecommerce/EcommercePage.tsx (+246/-11)
- src/styles/ecommerce-standalone.css (+1369)
stringadmin merged commit ab99e3bf2f into main 2026-06-15 08:38:41 +00:00
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
No items
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
duchen ludan stringadmin
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: OmniAI/omniai-ds-code-package#16
Delete Branch "feat/ecommerce-record-detail-polish"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?