refactor: 完成技能数据结构重构 - 分离内部信息与发布信息

- 新增技能内部信息与商店发布信息分离的数据结构
- 重构技能详情页为四段式布局(概览+当前生效版本+版本历史+管理)
- 移除历史版本中的下载按钮
- 版本历史改为卡片布局,新增发布信息预览
- 分类与标签合并显示,分类作为第一个标签
- 更新按钮禁用逻辑:下架审核中/已下架状态禁用上传新版本
- 下架技能按钮添加二次确认弹窗
- 补充10个不同状态的技能示例数据
- 同步 delta specs 到主 specs
- 归档变更:refactor-skill-data-structure
This commit is contained in:
2026-03-21 18:09:43 +08:00
parent 8179ff2f95
commit 017a8af2a3
21 changed files with 1452 additions and 646 deletions

View File

@@ -1,50 +1,26 @@
## Purpose
技能概览卡片用于在技能编辑页面顶部集中展示技能核心信息,提供更好的信息组织和视觉体验
技能概览卡片用于在技能编辑页面顶部集中展示开发者内部信息,提供清晰的内部视图与商店发布视图的分离
## ADDED Requirements
## Requirements
### Requirement: 技能概览卡片
技能编辑页面 SHALL 在页面顶部显示技能概览卡片,集中展示技能核心信息。
技能编辑页面 SHALL 在页面顶部显示技能概览卡片,展示开发者内部信息。
#### Scenario: 卡片布局结构
- **WHEN** 用户打开技能编辑页面
- **THEN** 页面顶部显示技能概览卡片,包含技能图标、名称、状态标签、指标行、标签区(含分类)、技能描述和右上角操作按钮
- **THEN** 页面顶部显示技能概览卡片,包含内部名称、状态标签、右上角"编辑内部信息"按钮
#### Scenario: 技能图标显示
#### Scenario: 内部名称和状态显示
- **WHEN** 用户查看技能概览卡片
- **THEN** 卡片左侧显示技能图标图标尺寸为80x80像素无背景直接显示图标或首字母
#### Scenario: 技能名称和状态显示
- **WHEN** 用户查看技能概览卡片
- **THEN** 卡片右侧第一行显示技能名称、状态标签,名称右侧显示"编辑基本信息"按钮
- **THEN** 卡片右侧第一行显示开发者内部技能名称、状态标签,名称右侧显示"编辑内部信息"按钮
#### Scenario: 状态标签样式
- **WHEN** 用户查看技能概览卡片
- **THEN** 状态标签为纯文字样式,不使用图标,通过颜色区分状态类型
#### Scenario: 指标行显示
- **WHEN** 用户查看技能概览卡片
- **THEN** 名称下方显示指标行,包含订阅数(图标+数值)、评分(图标+数值)、当前版本号(图标+版本号)
#### Scenario: 指标行样式
- **WHEN** 用户查看技能概览卡片
- **THEN** 指标行与名称之间有分隔线,指标项不显示文字说明(如"订阅"、"评分"),图标本身已足够表达含义
#### Scenario: 标签区显示
- **WHEN** 用户查看技能概览卡片
- **THEN** 指标行下方显示标签区,第一个位置显示分类标签(蓝色背景),后面跟随技能的所有标签
#### Scenario: 分类标签样式
- **WHEN** 用户查看标签区
- **THEN** 分类标签使用蓝色背景(#EFF6FF)和蓝色文字(#3B82F6),圆角胶囊样式,与其他标签区分
#### Scenario: 技能描述显示
- **WHEN** 用户查看技能概览卡片
- **THEN** 标签区下方显示技能描述
#### Scenario: 操作按钮显示
- **WHEN** 用户查看技能概览卡片
- **THEN** 卡片右上角只显示"编辑基本信息"操作按钮
- **THEN** 卡片右上角只显示"编辑内部信息"操作按钮
#### Scenario: 卡片视觉样式
- **WHEN** 用户查看技能概览卡片