diff --git a/openspec/specs/console-skill-config/spec.md b/openspec/specs/console-skill-config/spec.md index 630d5de..dcf7a86 100644 --- a/openspec/specs/console-skill-config/spec.md +++ b/openspec/specs/console-skill-config/spec.md @@ -40,12 +40,17 @@ - **AND** 表格包含以下列: - Key 输入框 - Value 输入框 - - 删除按钮(×) + - 操作列(包含"删除"文字按钮) #### Scenario: 空配置状态 - **WHEN** 用户尚未添加任何配置变量 - **THEN** 系统显示空表格或提示信息 +#### Scenario: 操作列宽度 +- **WHEN** 配置表格渲染完成 +- **THEN** 操作列使用 `col-actions--narrow` 类名 +- **AND** 操作列宽度为 120px + ### Requirement: 新增配置项 系统 SHALL 允许用户新增配置项。 @@ -56,10 +61,10 @@ - **AND** Key 输入框自动获得焦点 ### Requirement: 删除配置项 -系统 SHALL 允许用户删除配置项。 +系统 SHALL 允许用户删除配置项,使用文字删除按钮而非图标按钮。 #### Scenario: 删除配置项 -- **WHEN** 用户点击某行的删除按钮(×) +- **WHEN** 用户点击某行的"删除"文字按钮 - **THEN** 系统从表格中移除该行 - **AND** 不需要确认 @@ -68,6 +73,12 @@ - **THEN** 系统允许删除操作 - **AND** 表格变为空状态 +#### Scenario: 删除按钮样式 +- **WHEN** 配置表格渲染完成 +- **THEN** 删除按钮显示为文字按钮 +- **AND** 使用 `text-btn text-btn-danger` 样式 +- **AND** 按钮文本为"删除" + ### Requirement: 配置输入校验 系统 SHALL 对配置输入进行校验,确保 Key 和 Value 不能为空。 diff --git a/src/pages/console/SkillConfigPage.jsx b/src/pages/console/SkillConfigPage.jsx index 3758128..923c508 100644 --- a/src/pages/console/SkillConfigPage.jsx +++ b/src/pages/console/SkillConfigPage.jsx @@ -1,6 +1,6 @@ import { useState, useEffect } from 'react'; import { useParams, useNavigate } from 'react-router-dom'; -import { FiPlus, FiX, FiUsers, FiStar, FiPackage } from 'react-icons/fi'; +import { FiPlus, FiUsers, FiStar, FiPackage } from 'react-icons/fi'; import { skills, userSubscriptions } from '../../data/skills.js'; import Toast from '../../components/common/Toast.jsx'; @@ -157,7 +157,7 @@ function SkillConfigPage() {