Skip to content

feat(ui): 卡片页键值区 / 新增格收成组件,主从页详情标题统一(#210) - #215

Merged
yilecoding merged 3 commits into
mainfrom
feat/resource-card
Nov 2, 2026
Merged

yilecoding merged 3 commits into
mainfrom
feat/resource-card

Conversation

@yilecoding

Copy link
Copy Markdown
Owner

#210 调研结论里的 P1-9(卡片页)和 P1-10(主从页详情标题),对应拆分计划里的 ⑤。

改了什么

新增 packages/platform/src/pages/_shared/resource-card.tsx:

组件 解决什么
CardFields / CardField 五张卡片页键值区的标签列宽写死成 w-10 / w-14 / w-16 三种,「标签 + 值」在卡片之间对不齐,换成英文标签还会把值挤下去。现在是 grid 的 max-content 列,按本卡最长的标签自适应
AddCard 网格最后一格的「新增」,五份手抄收成一份;最小高度原来三种

主从页详情标题统一成 <h2 className="text-base font-semibold">:角色 / 数据权限原来 18px,字典原来 14px 常规,参数配置是 16px 粗体 —— 跟参数配置走。

卡片的外框和标题区五页本来就是同一套,没抽 ResourceCard(抽了也只是把同样的 div 换个名字)。

验证

  • pnpm typecheck --force · pnpm lint · i18n:check · arch:check · ctx:check 全过
  • E2E 本地:sms / notify-bot / storage / dict / role / data-permission 等 31 条,30 过;notify-bot 那条红在接口建公告(本地 fba_test 少迁移:sys_notice.pinned 不存在),和本 PR 无关,交给 CI
  • 截图看过五张卡片页(浅色 + 深色)

不在这个 PR 里

  • 卡片底部按钮(有的 outline、有的 outline + ghost)没动:ghost 那个是跳转(「投递记录」),outline 是动作,语义不同
  • 插件卡片上的红色「卸载」、Webhook 抽屉的 ⋯ 菜单:插件页是另一种卡片(带开关和详情折叠),单独看

Refs #210

🤖 Generated with Claude Code

yilecoding and others added 3 commits November 2, 2026 15:39
- 新增 pages/_shared/resource-card.tsx:CardFields · CardField · AddCard
- 五张卡片页(模型密钥 / MCP 凭据 / 短信配置 / 群机器人 / 存储)的 22 行键值换成 CardField:
  标签列是 grid 的 max-content,按本卡最长的标签自适应,不再写死 w-10 / w-14 / w-16 三种
- 五份手抄的「新增」格换成 AddCard,最小高度统一(原来 min-h-44 / 48 / 52 三种)
- 主从页详情标题:角色 / 数据权限 text-lg → text-base,字典 text-sm 常规 → text-base font-semibold 的 h2
  (和参数配置一致)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- CardField 的 dt 加 max-w-24:英文长标签(Business template)不再把整列撑宽、把 truncate 的值挤得更短
- 值是纯文本时 dd 自动带 title,截断的地址 / 凭据悬停能看全
- MCP 页 AddCard 不再重复写默认图标(icon 只在空状态给 IconKey)
- 修正群机器人 / 短信配置 / 存储里 CardField 子元素多出来的缩进

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@yilecoding
yilecoding merged commit bf396bc into main Nov 2, 2026
8 checks passed
@yilecoding
yilecoding deleted the feat/resource-card branch November 2, 2026 08:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant