Commit Graph
11 Commits
Author SHA1 Message Date
CNWei ba41cdf52e docs: README 组件清单补全并更正数量
- 组件表补上 Brand / Ticker / SearchField / EntryRow / EntryTile(此前只写进了 COMPONENTS.md)
- 组件总数 37 -> 51,与 src/components 下的 .tsx 数量一致
- SKILL.md 的 description 同步改为 51 个组件
2026-11-01 22:42:05 +08:00
CNWei 5eb1506650 feat(ui): 新增 Caret / SortableList,箭头画法收成一份
- Caret:6px CSS 折角(open 切朝向,size 可调),Menu 与 Select 改为复用它,
  两处各自的画法删掉,全库只剩一份
- SortableList:可拖拽排序的条目列表(items / activeKey / onSelect / onReorder),
  拖拽位置计算从应用里挪进组件,顺序没变不回调
- 展示页:菜单补「折叠箭头」,新增 #sortable 一节并挂到导航
- COMPONENTS.md 契约 3.48 / 3.49、组件地图、README 清单、变更记录同步
2026-11-01 22:07:31 +08:00
CNWei cc35400f67 feat(ui): 新增 TextButton / ToggleRow,Table 支持紧凑档
- TextButton:文字按钮(tone 主色/危险、可选图标、disabled),
  用于表格行内操作,hover 只加下划线
- ToggleRow:左标签 + 右开关的开关行,支持 hint 与 switchLabel
- Table:新增 size='md' | 'sm',sm 把行内边距收到 space-2
- 展示页:按钮补「文字按钮」、开关补「开关行」、表格补「紧凑档」;
  COMPONENTS.md 契约 3.46 / 3.47 与 README 清单同步
2026-11-01 21:59:13 +08:00
CNWei 851b36abf1 feat(ui): Ticker 支持 gap 参数,条目不再被 space-evenly 拉开
- 新增 gap(px),走 --ticker-gap;不传时仍是 --su-space-8
- 一份内容改成 flex-start + 尾部同间距 padding,循环处不会突然变宽
- 位移仍按实测的一份宽度,接缝不变
2026-11-01 20:44:29 +08:00
CNWei d5b7132605 feat(ui): Select 的下拉箭头改成与 Menu 一致的 CSS 折角
收起朝下、展开朝上,6px 折角 + 透明度过渡,替代原来的 arrow_down_line 图标。
影响面:所有 Select 的外观;交互与 API 不变。
2026-11-01 19:55:34 +08:00
CNWei 17a09f22b6 feat(ui): 新增 EntryRow / EntryTile,收掉应用里两套手写内容卡
- EntryRow:头像 + 标题(可带角标)+ 单行描述,整行可点;
  点击语义内置(无修饰键接管,按住 Ctrl/Cmd/Shift/Alt 保留浏览器默认)
- EntryTile:上图下文白卡,由 Card padding=none hoverable + Cover 拼成
- 展示页 #cards 补两个示例与 props,COMPONENTS.md 补契约与 changelog

兼容性:纯新增;应用侧的旧类名(.app-card / .ces-card / .ces-body)随之删除
2026-11-01 16:08:39 +08:00
CNWei 50056a7154 fix(ui): Brand 标记的前景改用卡片底色
深色下 --su-text-main 是近白色,写死的白字会整块糊掉;
改成 color: var(--su-bg-card) 后浅色仍是白字、深色自动变成深字。
2026-11-01 15:41:18 +08:00
CNWei 707cf98fe0 feat(ui): 新增站点外壳组件 Brand / SearchField / Ticker
把应用里各自手写的三块收进库,风格沿用前台、行为参数化:

- Brand:logo 图片或首字圆形标记 + 名称,href 决定是链接还是纯展示,size/tone 可选
- SearchField:语义版搜索框(onChange 直接给字符串),variant 切 plain / card,
  支持 shortcut 提示与 hotkey 聚焦
- Ticker:无限滚动信息条,内部三份内容按实测宽度位移,循环不跳帧;
  speed / paused / label 可配
- 令牌补展示级字号 --su-font-size-2xl / --su-line-height-2xl(32 / 40)
- 展示页新增 #site-chrome(Brand / Ticker / SearchField),COMPONENTS.md 补契约与 changelog
2026-11-01 15:28:17 +08:00
CNWei 93bb5cbb28 feat(ui): Layout 新增 toolbar 插槽
页头与页身之间的一条真实占位带(搜索 / 筛选 / 操作),宽度跟随容器,
contained 时与侧栏 + 内容同宽,height=screen 下不参与内容区滚动。
用它替代「搜索框 fixed + contentOffset 让位」的写法。

- Layout.tsx / Layout.module.css:新增 toolbar prop 与样式
- 展示页 #layout 增加「页头下的工具条」示例
- COMPONENTS.md 补契约、与 contentOffset 的分工说明、changelog
2026-11-01 15:15:14 +08:00
CNWei ebe4af3dab fix(ui): PasswordInput 眼睛移入输入框,隐藏 Edge 原生显隐按钮
- Input 新增 suffix 插槽,眼睛不再并排在外
- 隐藏 ::-ms-reveal / ::-ms-clear,避免 Edge 聚焦时出现两个眼睛
- 展示页补 suffix 示例;COMPONENTS.md / README 同步;版本 0.3.1
2026-10-30 08:59:22 +08:00
CNWei 93b1e41d28 feat(ui): add PasswordInput(锁图标 + 显隐切换)
- Input + IconButton 组合,type 切换、aria-pressed、尺寸对齐内建
- 展示页补「密码框」示例与 props 表;COMPONENTS.md / README 同步
- 版本 0.3.0
2026-10-29 20:46:07 +08:00