@teamix-evo/skills 0.11.0 → 0.11.1

package/src/teamix-evo-design-opentrek/pages/list-page/patterns/advanced-filter-list.md

@@ -1,94 +0,0 @@
-# 高级筛选列表页 (advanced-filter)
-
-> 路由自 `../SKILL.md`
-> 布局模式: 模式D+ (高级筛选)
-> 核心差异: 可展开的高级筛选面板 + 多条件组合
-
-## 1. 布局骨架
-
-```
-┌──────────┬──────────────────────────────────────────────┤
-│  Sidebar │  PageHeader: 标题(18px/medium) [描述*]            │
-│          │  ─────────────────────────                   │
-│          │  ActionToolbar: [创建] + [全部▼][输入...]🔍 [高级筛选▾]│
-│          │  ─────────────────────────                   │
-│          │  ┌─── AdvancedFilterPanel ───────────────┐   │
-│          │  │ 条件1: [Select] [Input]               │   │
-│          │  │ 条件2: [Select] [Input]               │   │
-│          │  │ 条件3: [Select] [Input]               │   │
-│          │  │              [确认] [清空]              │   │
-│          │  └───────────────────────────────────────┘   │
-│          │  ─────────────────────────                   │
-│          │  DataTable (固定列: 左选择框+ID, 右操作)       │
-│          │  ─────────────────────────                   │
-│          │  BulkActionBar (选中时内嵌显示)               │
-│          │  ─────────────────────────                   │
-│          │  Pagination                                  │
-└──────────┴──────────────────────────────────────────────┘
-```
-
-## 2. 核心差异
-
-| 维度 | 标准列表 | 高级筛选列表 |
-|------|----------|-------------|
-| 筛选方式 | SearchCombo | **SearchCombo + AdvancedFilterPanel** |
-| 筛选条件数 | 1个维度 | **多条件组合（通常2-5个）** |
-| AdvancedFilterPanel | 无 | **必需** |
-| FilterTag | 可选 | **必需**（展示已选条件） |
-
-## 3. AdvancedFilterPanel 交互规范
-
-| 交互 | 行为 |
-|------|------|
-| 打开面板 | 点击"高级筛选"按钮，展开面板 |
-| 关闭面板 | 收起面板，恢复基础 SearchCombo |
-| 添加条件 | 点击"添加条件"，新增一行筛选条件 |
-| 删除条件 | 点击条件行右侧 ×，移除该条件 |
-| 条件间关系 | **AND 关系**（所有条件同时生效） |
-| 确认筛选 | 点击"确认"，应用所有条件，刷新列表 |
-| 清空筛选 | 点击"清空"，清除所有条件 |
-| 面板位置 | ActionToolbar 下方，DataTable 上方 |
-
-## 4. FilterTag 管理
-
-- 已选筛选项以 **FilterTag** 形式展示在 ActionToolbar 区域
-- 每个 FilterTag 可单独移除（点击 ×）
-- 筛选条件清空后，FilterTag 区域隐藏（display: none）
-- 高级筛选条件的 FilterTag 支持"清空全部"操作
-
-## 5. 引用共享规则
-
-| 共享规则 | 路径 | 说明 |
-|----------|------|------|
-| 表格列元规则 | `../_shared/column-meta-rules.md` | 列元规则（显隐/拖拽/排序）
-| 产品列定义 | `products/{产品}/columns.json` | 具体列名/宽度/类型 |
-| 操作列规范 | `../_shared/action-column-spec.md` | 操作列结构、行为 |
-| 状态-操作模式 | `../_shared/state-action-pattern.md` | 状态驱动操作元规则
-| 产品状态机 | `products/{产品}/states.json` | 具体状态/操作可用性 |
-
-> DataTable、BulkActionBar、Pagination、ActionToolbar（不含高级筛选按钮）等组件及交互行为与标准列表页一致，不再重复。
-
-## 6. 与 PageContainer 模式对照
-
-> 布局模式定义见 `../../../rules/layout-rules.json`
-
-高级筛选列表使用 **模式D+**：
-```
-PageContainer → ContentWrapper → PageHeader + ActionToolbar + AdvancedFilterPanel(可展开) + DataTable + BulkActionBar + Pagination
-```
-
-- "高级筛选"按钮位于 ActionToolbar 右侧
-- 展开后显示多条件组合面板（条件1/2/3 + 确认/清空）
-- 收起后恢复基础 SearchCombo
-
-## 7. 验证清单
-
-> 通用检查项见 `../../../docs/validation-workflow.md` 验证清单。此处仅列出本模式差异项。
-
-| 验证项 | 检查点 | 目标 |
-|--------|--------|------|
-| AdvancedFilterPanel | 展开/收起正常 | 正确 |
-| 多条件组合 | AND 关系 | 正确 |
-| 条件添加/删除 | 增删条件行正常 | 正确 |
-| 确认/清空 | 确认后刷新，清空后恢复 | 正确 |
-| FilterTag | 展示已选条件，可单独移除 | 正确 |

package/src/teamix-evo-design-opentrek/pages/list-page/patterns/drawer-list.md

@@ -1,76 +0,0 @@
-# 抽屉中列表页 (drawer)
-
-> 路由自 `../SKILL.md`
-> 布局模式: 模式D (内嵌 Sheet/Dialog)
-> 核心差异: 列表嵌入在 Sheet 中，用于选择关联数据
-
-## 1. 布局骨架
-
-```
-┌──────────────────────────────────────────────────────────────────────┐
-│  主页面内容 (ListPage / FormPage / DetailPage)                              │
-│  ...                                                                  │
-│  ┌───────────────────────────────────────────┐                        │
-│  │  Sheet (右侧滑出, 宽度 600-900px)         │                        │
-│  │  ┌───── SheetHeader ──────────────────┐ │                        │
-│  │  │ 选择关联实例              [× 关闭]    │ │                        │
-│  │  ├─────────────────────────────────────┤ │                        │
-│  │  │  ActionToolbar (SearchCombo 等)     │ │                        │
-│  │  │  ──┬──────────────────────────┬──  │ │                        │
-│  │  │     DataTable (含选择框)          │ │                        │
-│  │  │  ☑|ID|名称|状态|...|操作         │ │                        │
-│  │  │  ☐|i-xxx|test|●运行中|...|选择   │ │                        │
-│  │  │  ────────────────────────────── │ │                        │
-│  │  │  Pagination                      │ │                        │
-│  │  ├─────────────────────────────────────┤ │                        │
-│  │  │  [取消]  [确定] (底部操作栏)        │ │                        │
-│  │  └─────────────────────────────────────┘ │                        │
-│  └───────────────────────────────────────────┘                        │
-└──────────────────────────────────────────────────────────────────────┘
-```
-
-## 2. 核心差异
-
-| 维度 | 标准列表 | 抽屉中列表 |
-|------|----------|-----------|
-| 容器 | PageContainer | **Sheet** |
-| 触发方式 | 直接访问 URL | **点击按钮/链接打开 Sheet** |
-| 选择返回 | 跳转页面 | **选择后点击确定关闭 Sheet，返回选中数据** |
-| 宽度 | 全宽/自适应 | **固定宽度 (600-900px)** |
-| 关闭方式 | 浏览器返回/面包屑 | **点击 × / 遮罩层 / Esc** |
-| 底部操作栏 | 无 | **必需 [取消] [确定]** |
-
-## 3. Sheet 交互规范
-
-| 交互 | 行为 |
-|------|------|
-| 打开 Sheet | 点击触发按钮，从右侧滑出，宽度 600-900px |
-| 选择数据 | 勾选选择框，支持单选/多选(由业务决定) |
-| 确认选择 | 点击"确定"关闭 Sheet，返回选中数据到主页面 |
-| 取消选择 | 点击"取消"关闭 Sheet，不返回数据 |
-| 关闭 Sheet | 点击 × / 遮罩层 / Esc，丢弃未确认的选择 |
-| 搜索/筛选 | 在 Sheet 内执行搜索/筛选，不跳转页面 |
-| 分页 | 在 Sheet 内分页，不影响主页面 |
-
-## 4. 引用共享规则
-
-| 共享规则 | 路径 | 说明 |
-|----------|------|------|
-| 表格列元规则 | `../_shared/column-meta-rules.md` | 列元规则（显隐/拖拽/排序）
-| 产品列定义 | `products/{产品}/columns.json` | 具体列名/宽度/类型 |
-| 操作列规范 | `../_shared/action-column-spec.md` | 操作列结构 |
-
-> DataTable、Pagination、ActionToolbar 等组件与标准列表页一致，不再重复。
-> 操作列中"管理/查看"等页面跳转操作在抽屉中通常禁用或隐藏。
-
-## 5. 验证清单
-
-> 通用检查项见 `../../../docs/validation-workflow.md` 验证清单。此处仅列出本模式差异项。
-
-| 验证项 | 检查点 | 目标 |
-|--------|--------|------|
-| Sheet滑出 | 右侧滑出，宽度600-900px | 正确 |
-| 遮罩层 | 半透明遮罩，点击关闭 | 正确 |
-| 选择反馈 | 选中行高亮 | 正确 |
-| 确定/取消 | 确定返回数据，取消丢弃 | 正确 |
-| Esc关闭 | Esc关闭Sheet | 正确 |

package/src/teamix-evo-design-opentrek/pages/list-page/patterns/expandable-list.md

@@ -1,70 +0,0 @@
-# 可展开列表页 (expandable)
-
-> 路由自 `../SKILL.md`
-> 布局模式: 模式D
-> 核心差异: DataTable 行内展开显示子数据/详情
-
-## 1. 布局骨架
-
-在标准列表页(standard-list.md)基础上，DataTable 支持行内展开：
-
-```
-┌──────────────────────────────────────────────────────────────────────┐
-│  PageHeader + ActionToolbar (同标准列表页)                                 │
-│  ──┬────────────────────────────────────────────────────────────┬── │
-│     DataTable (行内展开)                                           │
-│  ☑|ID|名称|状态|标签|...|操作                                    │
-│  ▶|i-xxx|test|●运行中|🏷|...|管理|...                             │
-│    ┌─────────────────────────────────────────────────────────┐  │
-│    │ 子项1: 详情A | 详情B | 详情C                              │  │
-│    │ 子项2: 详情D | 详情E                                     │  │
-│    └─────────────────────────────────────────────────────────┘  │
-│  ▶|i-yyy|prod|●运行中|🏷|...|管理|...                             │
-│  ───────────────────────────────────────────────────────────── │
-│  BulkActionBar + Pagination (同标准列表页)                              │
-└──────────────────────────────────────────────────────────────────────┘
-```
-
-## 2. 核心差异
-
-| 维度 | 标准列表 | 可展开列表 |
-|------|----------|-----------|
-| 行展开 | 不支持 | **支持** |
-| 展开触发 | — | **点击行首展开图标(▶) 或 点击行** |
-| 展开方式 | — | **行内展开，不弹出 Dialog/Sheet** |
-| 展开高度 | — | **自适应，最大高度 200px** |
-| 展开状态持久化 | — | **翻页后保持展开状态** |
-
-## 3. 行内展开交互规范
-
-| 交互 | 行为 |
-|------|------|
-| 点击展开图标(▶) | 展开/收起该行，展开图标变为 ▼ |
-| 点击行(非操作区) | 同展开图标，切换展开状态 |
-| 同时展开 | 支持多行同时展开 |
-| 展开内容 | 子数据表格 / 详情描述列表 / 关联信息 |
-| 收起所有 | 提供"收起全部"按钮(可选) |
-| 翻页行为 | 展开状态持久化，翻回原页时保持 | 待确认: 参考文档为"换页不保留" |
-
-## 4. 引用共享规则
-
-| 共享规则 | 路径 | 说明 |
-|----------|------|------|
-| 表格列元规则 | `../_shared/column-meta-rules.md` | 列元规则（显隐/拖拽/排序）
-| 产品列定义 | `products/{产品}/columns.json` | 具体列名/宽度/类型 |
-| 操作列规范 | `../_shared/action-column-spec.md` | 操作列结构、行为 |
-| 状态-操作模式 | `../_shared/state-action-pattern.md` | 状态驱动操作元规则
-| 产品状态机 | `products/{产品}/states.json` | 具体状态/操作可用性 |
-
-> DataTable(不含展开行为)、BulkActionBar、Pagination、ActionToolbar 等组件及交互行为与标准列表页一致，不再重复。
-
-## 5. 验证清单
-
-> 通用检查项见 `../../../docs/validation-workflow.md` 验证清单。此处仅列出本模式差异项。
-
-| 验证项 | 检查点 | 目标 |
-|--------|--------|------|
-| 展开图标 | ▶/▼ 切换正确 | 正确 |
-| 行内展开 | 不弹出新窗口/Dialog | 正确 |
-| 多行展开 | 支持同时展开多行 | 正确 |
-| 翻页持久化 | 翻回原页时展开状态保持 | 正确 |

package/src/teamix-evo-design-opentrek/pages/list-page/patterns/l2-sidebar-list.md

@@ -1,73 +0,0 @@
-# 带 L2 导航列表页 (l2-sidebar)
-
-> 路由自 `../SKILL.md`
-> 布局模式: 模式D + Sidebar(TWO_COL)
-> 核心差异: 左侧 240px 分类导航 + 右侧标准列表
-
-## 1. 布局骨架
-
-在标准列表页(standard-list.md)基础上，页面采用 **TWO_COL** 布局：
-
-```
-┌──────────┬──────────────────────────────────────────────┤
-│          │  PageHeader + ActionToolbar + DataTable      │
-│  Sidebar │  + BulkActionBar + Pagination                │
-│ (240px)  │  (同标准列表页完整结构)                        │
-│          │                                              │
-│ [分类A]  │                                              │
-│ [分类B]  │                                              │
-│ [分类C]  │                                              │
-│ ──       │                                              │
-│ [子分类] │                                              │
-│ [子分类] │                                              │
-└──────────┴──────────────────────────────────────────────┘
-```
-
-## 2. 核心差异
-
-| 维度 | 标准列表 | L2 导航列表 |
-|------|----------|-------------|
-| 布局 | SINGLE_COL / TWO_COL | **TWO_COL** |
-| Sidebar | 可选 | **必需** |
-> Sidebar 收起/展开、交互规范、色彩全部引用 `rules/design-tokens.json` sidebarRules（统一规范）。
-
-## 3. Sidebar 交互规范
-
-| 交互 | 行为 |
-|------|------|
-| 点击分类 | 刷新右侧列表数据，保持当前页码 |
-| 展开/收起 | 切换子分类列表，动画过渡 |
-| 收起 Sidebar | 宽度缩至 68px，仅显示图标（详见 design-tokens.json sidebarRules.collapseBehavior） |
-| 选中态 | 灰色背景 var(--sidebar-active)（详见 design-tokens.json sidebarRules.colors.menuItem.active） |
-| 手风琴 | 打开一个分组自动关闭其他分组 |
-| 收起态 Tooltip | Hover显示节点名称 |
-| 展开持久化 | 展开/收起状态持久化 |
-| 计数徽章 | 每项右侧显示数据量（灰色 12px），数据驱动，实时刷新 |
-| 状态指示灯 | 菜单项前圆点(8px)+文字，颜色对应状态(绿/灰/蓝脉冲) |
-| 约束 | 最大 20 项 / 最大 2 级嵌套 |
-
-## 4. 引用共享规则
-
-与标准列表页共享相同的规则文件：
-
-| 共享规则 | 路径 | 说明 |
-|----------|------|------|
-| 表格列元规则 | `../_shared/column-meta-rules.md` | 列元规则（显隐/拖拽/排序）
-| 产品列定义 | `products/{产品}/columns.json` | 具体列名/宽度/类型 |
-| 操作列规范 | `../_shared/action-column-spec.md` | 操作列结构、行为 |
-| 状态-操作模式 | `../_shared/state-action-pattern.md` | 状态驱动操作元规则
-| 产品状态机 | `products/{产品}/states.json` | 具体状态/操作可用性 |
-
-> DataTable、BulkActionBar、Pagination、ActionToolbar 等组件及交互行为与标准列表页一致，不再重复。
-
-## 5. 验证清单
-
-> 通用检查项见 `../../../docs/validation-workflow.md` 验证清单。此处仅列出本模式差异项。
-
-| 验证项 | 检查点 | 目标 |
-|--------|--------|------|
-| Sidebar 规格 | 展开240px/收起68px（详见 design-tokens.json sidebarRules） | 正确 |
-| 分类选中态 | 灰色背景 var(--sidebar-active) | 正确 |
-| 分类切换 | 右侧列表刷新 | 正确 |
-| 计数徽章 | 每项右侧显示数据量（灰色12px） | 正确 |
-| 状态指示灯 | 圆点(8px)+文字，颜色对应状态 | 正确 |