@teamix-evo/skills 0.4.0 → 0.6.0

package/src/teamix-evo-design-opentrek/pages/list-page/_shared/action-column-spec.md

@@ -0,0 +1,60 @@
+# 操作列规范
+
+> 适用于 standard-list, l2-sidebar-list, expandable-list, drawer-list 子类型。
+
+## 操作列结构
+
+操作列包含 3 个主要操作 + 1 个"更多"入口, 以分隔线区分:
+
+| 元素 | 样式 | 条件 | 禁用样式 |
+|------|------|------|---------|
+| 主操作(管理/查看) | 链接样式 | 始终可用 | — |
+| 分隔线 | \| | — | — |
+| 次要操作(远程连接等) | 文字按钮 | 特定状态时 disabled | `opacity: 0.45; pointer-events: none` |
+| 分隔线 | \| | — | — |
+| 状态操作(实例状态▾) | 下拉按钮 | 特定状态时 disabled | `opacity: 0.45; pointer-events: none` |
+| 分隔线 | \| | — | — |
+| 更多操作 | "..."下拉菜单 | 始终可用 | — |
+
+## 操作列行为
+
+| 操作 | 触发方式 | 前置条件 | 二次确认 | 目标页面/组件 | 返回行为 |
+|------|----------|---------|---------|-------------|----------|
+| 查看/管理 | 点击链接 | 无 | 否 | DetailPage (引用 pages/detail-page/) | 返回列表页, 保持筛选+分页状态 |
+| 编辑 | 点击按钮 | 无 | 否 | FormPage (引用 pages/form-page/) 或 Sheet | 保存成功后返回列表页, Sonner "保存成功" |
+| 删除 | 点击按钮 | 实例已停止 | 是 (Dialog确认) | Dialog确认弹窗 | 确认后刷新列表, Sonner "删除成功" |
+| 更多 | Dropdown | 无 | 否 | 下拉菜单 | 选择操作 |
+
+## 禁用样式
+
+所有 disabled 元素统一样式：
+```css
+opacity: 0.45;
+pointer-events: none;
+```
+
+## 水平对齐【硬约束】
+
+操作列位于表格末列，**表头与表体均需显式 `text-align: left`**，使「操作」标题与操作列左侧第一个字段（如「详情」链接）左边缘对齐：
+
+```css
+.data-table .col-action {
+  width: 140px;
+  text-align: left;
+  position: sticky; right: 0;
+  background: hsl(var(--card));
+}
+/* 显式兑底，避免浏览器默认样式覆盖 */
+.data-table thead th.col-action { background: hsl(var(--gray-bg)); text-align: left; }
+.data-table tbody td.col-action { text-align: left; }
+```
+
+### 禁止项
+
+- ❌ 禁止只在 `.col-action` 上设 `text-align: left` 而不在 `thead th.col-action` / `tbody td.col-action` 重复声明（部分浏览器下会被覆盖）
+- ❌ 禁止表头「操作」与表体操作内容对齐方式不一致
+- ❌ 禁止操作列内容居中
+
+### 验证
+
+表头「操作」左边缘 X = 表体「详情」链接左边缘 X。

package/src/teamix-evo-design-opentrek/pages/list-page/_shared/column-meta-rules.md

@@ -0,0 +1,117 @@
+# 表格列元规则
+
+> 适用于所有产品线的标准列表页（standard-list, l2-sidebar-list, expandable-list, drawer-list）。
+> 本产品特有列定义见 `products/{产品}/columns.json`。
+
+## 元规则
+
+| 规则 | 说明 | 违反后果 |
+|------|------|---------|
+| 每列必须有唯一 ID | 列的唯一标识，用于列配置持久化 | 列宽拖拽/显隐配置无法持久化 |
+| 每列必须有显隐规则 | 标注"始终显示"或"条件显示"，条件显示需说明触发条件 | 用户无法通过列配置切换显隐 |
+| 每列必须有宽度定义 | 固定宽度(px) 或百分比(%) 或最小宽度(minmax) | 列宽不合理，影响可读性 |
+| 每列必须有对齐方式 | 左对齐(默认) / 居中 / 右对齐 | 文字对齐不一致 |
+| 可排序列需标注排序能力 | 标注是否支持服务端排序 | 排序无意义或触发客户端排序 |
+| 固定列需标注固定方向 | 左固定 / 右固定 / 不固定 | 重要列滚动后不可见 |
+| 机器可读列使用 font-mono | ID/IP/VPC ID 等使用等宽字体 | ID 难以辨认 |
+
+## 列定义结构（JSON Schema）
+
+产品配置 `columns.json` 必须遵循此结构：
+
+```json
+{
+  "productId": "string",
+  "productName": "string",
+  "columns": [
+    {
+      "id": "string",
+      "name": "string",
+      "type": "Checkbox | Link+Text | StatusBadge | IconButton | TagList | Text | Icon+Text | Text+Tooltip | Action",
+      "width": "string (px 或 %)",
+      "minWidth": "number (px, 可选)",
+      "align": "left | center | right",
+      "sortable": "boolean",
+      "fixed": "left | right | none",
+      "visibility": "always | conditional",
+      "visibilityCondition": "string (conditional 时必填)",
+      "fontFamily": "mono (可选)",
+      "description": "string"
+    }
+  ]
+}
+```
+
+## 列固定规范
+
+- **左固定列**：选择框(48px) + ID/名称列(20%)，使用 `position:sticky; left:0` + `z-index` 层级控制
+- **右固定列**：操作列，使用 `position:sticky; right:0` + `z-index` 层级控制
+- **滚动列**：中间数据列可水平滚动
+- **固定列视觉**：固定列与滚动列交界处投射 1px 阴影（`box-shadow: 1px 0 0 var(--border)`），提示可滚动
+- **层级**：固定列 `z-index: 10`，滚动列 `z-index: 1`
+
+## 列宽拖拽规范
+
+### UI 定义
+
+- **拖拽手柄**：列头右边界放置 `<div class="col-resize-handle" data-col="{列ID}">`
+- 手柄样式：`position:absolute; right:0; top:0; bottom:0; width:2px; cursor:col-resize; z-index:5`
+- hover 反馈：`background: var(--primary)`（hover 时高亮提示可拖拽）
+- 仅对 `visibility: always` 的列放置拖拽手柄，条件显示的列不放置
+
+### JS 实现约束
+
+拖拽逻辑属于通用交互行为，AI 生成列表页时**必须实现以下核心逻辑**：
+
+1. **事件绑定**：对每个 `.col-resize-handle` 监听 `mousedown`
+2. **拖拽过程**（`mousedown` → `mousemove` → `mouseup`）：
+   - `mousedown` 时：记录 `startX = e.clientX`，获取当前 `th` 的 `offsetWidth` 作为 `startWidth`，获取该列的 `minWidth`（有定义则取定义值，否则默认 100px，状态/监控类窄列默认 80px）
+   - `mousemove` 时：`newWidth = startWidth + (e.clientX - startX)`，若 `newWidth < minWidth` 则取 `minWidth`，设置 `th.style.width = newWidth + 'px'`
+   - `mouseup` 时：将 `{列ID: 新宽度}` 写入 `localStorage`（key 命名：`columnWidths:{产品ID}`），移除全局事件监听
+   - 拖拽过程中对 `document.body` 添加 `cursor: col-resize` 和 `user-select: none`，防止鼠标离开手柄区域时光标丢失和文本被选中
+3. **恢复列宽**：页面初始化时从 `localStorage` 读取 `columnWidths:{产品ID}`，遍历 `<th>` 匹配 `data-col` 属性，恢复对应列宽
+4. **重置逻辑**：列配置弹窗中提供「恢复默认列宽」按钮，调用 `localStorage.removeItem('columnWidths:{产品ID}')` 后刷新页面
+
+### 约束边界
+
+- 最小列宽不低于列定义中的 `minWidth` 值（若无定义，默认 100px）
+- 最大列宽不超过表格宽度的 50%
+- `table-layout: fixed` 下，JS 通过修改 `th.style.width` 即可生效，无需修改 `td`
+- 固定列（`position:sticky`）的拖拽需同步更新相邻列的 sticky 偏移量
+
+## 行选择交互规范
+
+- **Checkbox 点击**：点击选择框切换当前行选中状态，保持其他行不变
+- **行点击**：点击行内非操作区域，跳转至详情页（同操作列「管理」）
+- **Shift+点击**：从上次选中行到当前行的范围全部选中
+- **Ctrl/Cmd+点击**：切换单行选中状态，不影响其他行
+- **行选中样式**：背景色 `var(--sidebar-accent)`（参考 design-tokens.json colorMapping.selected），与 Checkbox 选中态一致
+
+## 行高度约定
+
+- 单行内容行高：56px
+- 多行内容行高：72px+（如规格列含3行信息）
+
+## 选择框三态规范
+
+| 状态 | 视觉 | 含义 | 触发 |
+|------|------|------|------|
+| 未选 | ☐ 空框 | 当前行未选中 | 默认状态 |
+| 半选 | ☐̲ 带下划线/半填充 | 当前页部分行选中 | 自动计算 |
+| 全选 | ☑ 勾选 | 当前页全部选中 | 点击表头选择框 |
+
+- 表头选择框控制当前页全选/取消全选
+- 半选状态：当前页有 ≥1 行选中但非全部选中时自动显示
+
+## 列排序规范
+
+- 表头右侧显示 `⇅` 图标（`text-tertiary` 色，12px）
+- 升序：`↑`（primary 色），降序：`↓`（primary 色）
+- 点击循环：默认 → 升序 → 降序 → 默认
+- 排序状态持久化（`localStorage`）
+
+## 文字换行规范
+
+- **ID/IP 列**：`font-mono` + `word-break: break-all`，超长截断（`truncate`）
+- **规格列**：多行展示，不截断
+- **标签列**：最多3个 + `+N`，不自动换行

package/src/teamix-evo-design-opentrek/pages/list-page/_shared/search-combo-spec.md

@@ -0,0 +1,194 @@
+# SearchCombo 搜索组合组件规范
+
+> **组件名**: SearchCombo | **层级**: ORGANISM | **层**: business
+> **版本**: 1.2（从 `rules/search-combo.json` v1.1 迁移 + token 命名对齐 + 位置矛盾修正）
+
+下拉维度选择 + 文本输入的组合搜索控件，位于 ActionToolbar 中。
+
+---
+
+## 1. 在 ActionToolbar 中的位置（硬约束）
+
+> SearchCombo 是 `.action-toolbar` 的**直接子元素**，位于 `.left-actions` 之后、`.right-tools` 之前。
+> 与 `.left-actions` 间距 = **20px**（`var(--action-toolbar-search-combo-gap)`）。
+
+**DOM 结构**：
+```html
+<div class="action-toolbar">
+  <div class="left-actions">...</div>
+  <div class="search-combo">...</div>    <!-- 直接子元素 -->
+  <div class="right-tools">...</div>
+</div>
+```
+
+**CSS 实现**：
+```css
+.action-toolbar > .search-combo {
+  margin-left: calc(var(--action-toolbar-search-combo-gap) - var(--button-gap));
+  /* 在 toolbar gap=8px 上叠加 12px，合计 20px */
+}
+```
+
+**禁止规则**：
+- 禁止嵌套在 `.right-tools` 内（会被 `margin-left:auto` 推到最右，间距不可控）
+- 禁止嵌套在 `.left-actions` 内（会被内部 `gap=8px` 控制，间距为 8px 而非 20px）
+- 禁止 SearchCombo 与 `.left-actions` 间距为 8px / 12px / 16px / 24px 等非 20 值
+
+**验证**：SearchCombo 左边缘 X = `.left-actions` 最后一个按钮右边缘 X + 20px
+
+---
+
+## 2. 组件结构
+
+```html
+<div class="search-combo-wrapper">
+  <select class="search-dimension">...</select>
+  <span class="search-divider"></span>
+  <input class="search-input" />
+  <button class="search-button"><Icon /></button>
+</div>
+```
+
+| 子组件 | 说明 |
+|--------|------|
+| SearchDimension | 下拉选择搜索维度 |
+| SearchDivider | 分隔线 |
+| SearchInput | 文本输入 |
+| SearchButton | 搜索按钮（含搜索图标） |
+
+---
+
+## 3. 容器样式（容器式 border）
+
+> 容器统一 border，内部元素无边框。
+
+### Wrapper 容器
+
+| 属性 | 值 | 说明 |
+|------|-----|------|
+| border | `1px solid hsl(var(--gray-line))` | 容器统一边框 |
+| border-radius | `6px` | — |
+| display | `flex` | — |
+| align-items | `center` | — |
+| height | `32px` | 与表单控件高度一致 |
+| min-width | `200px` | — |
+
+### 内部元素（均无边框）
+
+| 元素 | 关键样式 |
+|------|---------|
+| select | `border: none; padding-left: 8px; font-size: var(--font-size-base); color: hsl(var(--gray-primary)); outline: none; appearance: none; background: transparent` |
+| input | `border: none; padding: 0 8px; font-size: var(--font-size-base); color: hsl(var(--gray-primary)); outline: none; flex: 1; min-width: 80px` |
+| divider | `width: 1px; height: 20px; background: hsl(var(--gray-line)); flex-shrink: 0` |
+| button | `border: none; background: transparent; padding: 0 8px; cursor: pointer; display: flex; align-items: center` |
+
+### 状态
+
+| 状态 | 样式 |
+|------|------|
+| **Focus** | `border-color: hsl(var(--primary)); box-shadow: 0 0 0 2px hsl(var(--ring) / 0.2)` |
+| **Hover** | `border-color: hsl(var(--gray-tertiary))` |
+
+---
+
+## 4. 交互行为
+
+### 4.1 维度切换
+
+| 触发 | 行为 | 原因 |
+|------|------|------|
+| select change | `input.value = '' → input.focus()` | 不同维度对应不同搜索关键词，切换维度不清空会导致语义错误 |
+
+### 4.2 搜索执行
+
+| 触发 | 行为 |
+|------|------|
+| 点击搜索按钮 / 输入框按 Enter | 读取 dimension + input.value → 构建筛选条件 → 刷新列表 → 重置到第 1 页 |
+
+### 4.3 清除搜索
+
+| 触发 | 行为 |
+|------|------|
+| 输入框有内容时 hover 显示清除图标 × | 清空输入框 → 切换维度到「全部」→ 刷新列表 → 重置分页 |
+
+### 4.4 空搜索
+
+| 触发 | 行为 |
+|------|------|
+| 输入框为空时点击搜索 | 清除当前搜索条件 → 刷新列表 → 重置分页 |
+
+---
+
+## 5. FilterTag 展示
+
+> 搜索条件以 FilterTag 形式展示在 SearchCombo 下方或同行右侧。
+
+**结构**：
+```html
+<span class="filter-tag">
+  <span class="filter-tag-label">维度名：</span>
+  <span class="filter-tag-value">关键词</span>
+  <span class="filter-tag-close">×</span>
+</span>
+```
+
+**样式**：
+
+| 属性 | 值 |
+|------|-----|
+| height | 24px |
+| padding | 0 8px |
+| border-radius | 4px |
+| background | `hsl(var(--gray-fill))` |
+| border | 1px solid transparent |
+| label color | `hsl(var(--gray-secondary))` |
+| label/value font-size | `var(--font-size-base)` (12px) |
+| value color | `hsl(var(--primary))` |
+| close icon size | 12px |
+| close hover color | `hsl(var(--gray-primary))` |
+
+**交互**：
+- 点击 × 移除该条件 → 刷新列表 → 重置分页
+- 多个 FilterTag 提供「清空全部」链接
+- 多个搜索条件以多 Tag 横向排列，gap 8px
+
+---
+
+## 6. 搜索维度配置
+
+> 标准搜索维度选项，根据页面类型动态配置。
+
+**默认维度**：
+```json
+[
+  { "label": "全部", "value": "all" },
+  { "label": "名称", "value": "name" },
+  { "label": "ID", "value": "id" }
+]
+```
+
+**ECS 列表页示例**：
+```json
+[
+  { "label": "全部", "value": "all" },
+  { "label": "实例 ID/名称", "value": "instance" },
+  { "label": "IP", "value": "ip" },
+  { "label": "标签", "value": "tag" }
+]
+```
+
+---
+
+## Token 引用索引
+
+| Token | 值 | 用途 |
+|-------|-----|------|
+| `--action-toolbar-search-combo-gap` | 20px | SearchCombo 与 left-actions 的间距 |
+| `--font-size-base` | 12px | 搜索输入/维度选择/FilterTag 字号 |
+| `--gray-line` | — | 容器边框、分隔线背景 |
+| `--gray-primary` | — | 输入文字颜色 |
+| `--gray-secondary` | — | FilterTag label 颜色 |
+| `--gray-tertiary` | — | hover 态边框颜色 |
+| `--gray-fill` | — | FilterTag 背景 |
+| `--primary` | — | focus 态边框、FilterTag value 颜色 |
+| `--ring` | — | focus 态外发光 |

package/src/teamix-evo-design-opentrek/pages/list-page/_shared/state-action-pattern.md

@@ -0,0 +1,51 @@
+# 状态-操作模式规范
+
+> 适用于所有产品线的列表页。
+> 本产品特有状态机定义见 `products/{产品}/states.json`。
+
+## 元规则
+
+| 规则 | 说明 |
+|------|------|
+| 每个状态必须定义操作可用性 | 明确标注每个操作在该状态下是否可用 |
+| 禁用操作必须使用统一样式 | `opacity: 0.45; pointer-events: none` |
+| 混合状态时批量操作按钮禁用 | 不同状态的行选中时，hover 提示不可用原因 |
+| 异步操作必须提供反馈 | Sonner 提示 + 列表刷新机制 |
+| 操作确认按影响级别分级 | 一级(可逆直接执行) / 二级(影响状态Dialog确认) / 三级(不可逆输入确认) |
+
+## 异步操作处理（通用）
+
+| 操作类型 | 触发后行为 | 反馈方式 | 列表刷新 |
+|---------|-----------|---------|---------|
+| 状态变更操作 | 异步任务, 不阻塞 | Sonner "操作已提交" | 轮询状态或任务完成通知 |
+| 删除操作 | 异步任务 | Sonner "删除已提交" | 移除对应行或刷新列表 |
+| 批量操作 | 异步任务 | Sonner "批量操作已提交, 共N条" | 轮询状态 |
+| 创建操作 | 同步跳转 | 跳转 FormPage | 创建成功后返回列表 |
+
+## 操作确认规范（通用）
+
+| 确认级别 | 确认方式 | 适用操作 |
+|---------|---------|---------|
+| 一级 (可逆) | 无确认, 直接执行 | 查看、编辑、远程连接 |
+| 二级 (影响状态) | Dialog确认弹窗 | 启动、停止、重启等状态变更 |
+| 三级 (不可逆) | Dialog + 输入确认文本 | 删除 (需输入确认文本) |
+
+## 页面间导航交互（通用）
+
+| 来源操作 | 目标页面 | 导航方式 | 返回/交互约定 |
+|---------|---------|---------|-------------|
+| 操作列"管理/查看" | 详情页 (DetailPage) | 页面跳转 | Breadcrumb+PageHeader提供返回入口; 返回后保持列表筛选+分页 |
+| 操作列"编辑" | 表单页 (FormPage) 或 Sheet | 页面跳转/侧滑 | 保存后返回列表, Sonner 提示结果; 取消返回列表 |
+| 创建操作 | 创建页 (FormPage) | 页面跳转 | 创建成功/取消后返回列表 |
+| 搜索执行 | 当前列表页(刷新数据) | 数据刷新 | 保持分页在第1页 |
+| 筛选条件变更 | 当前列表页(刷新数据) | 数据刷新 | 重置到第1页, 保持筛选条件 |
+
+## 反馈机制（通用）
+
+| 场景 | 反馈类型 | 持续时间 | 说明 |
+|------|---------|---------|------|
+| 操作成功 | Sonner 成功提示 | 3s | "操作成功" |
+| 操作失败 | Sonner 错误提示 | 5s | 含错误原因 |
+| 异步任务 | 通知中心 + Sonner | 持久 | 任务完成时通知 |
+| 加载中 | 表格行 Skeleton / Spinner | 至加载完成 | 首次加载/筛选加载 |
+| 空数据 | Empty | 持久 | 含创建引导按钮 |

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

@@ -0,0 +1,94 @@
+# 高级筛选列表页 (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 | 展示已选条件，可单独移除 | 正确 |