梧桐设计语言v0.4.1

更新日志Changelog

版本号跟随三个 npm 包(同版本发布)。格式:新增 / 变更 / 修复;不能改的六条见「品牌书」。


0.4.1 · 2026-09-20

修复

  • 六档尺寸不生效:.wt-btn 等基础类写死了高度且写在 [data-size] 规则之后,同优先级后写的赢。尺寸规则移到样式末尾,基础类不再写尺寸

0.4.0 · 2026-09-20

新增

  • 品牌与营销层:从官网 v2 原型提取——品牌金 / 藏青 / 青色等 15 个 brand-* token、营销字阶(衬线 m-display 52 等 11 个样式)、圆角 10 / 14 / 16;<Marketing> 皮肤让产品组件在官网自动换皮;新组件 Eyebrow / StatRow / Chip / Tag / Badge;规范章「品牌与营销层」含活的首屏示例。营销页控件默认 lg

0.3.0 · 2026-09-20

新增

  • 默认主题「梧桐蓝」:色板取自智算客户端(主色 #1565c0、页底 #f3f4f3、文字 #1a1c1c),墨黑改为可选主题 ink;主题共七套
  • 从智算客户端收编四个组件:PixelLoader(像素加载 + 流光 + 计时)、ThinkingTrace(执行轨迹,进行中展开、结束收起)、FileDiffChips(改动文件 chip)、Markdown(统一的 markdown 渲染,chat / document 两模式,StreamingMarkdown 流式)
  • Buttonloading
  • 规范新章「Markdown 渲染」:两种模式、元素对照表、Web / iOS / Android / 小程序落地
  • 首页重做:梧桐蓝配图、活组件秀、四端流水线图、五条原则象形图

变更

  • 主色允许用于链接文字(「三处」+ 链接)
  • data-theme="light" 现在是梧桐蓝;原墨黑请改用 data-theme="ink"(破坏性)

0.2.0 · 2026-09-20

新增

  • 尺寸体系:控件六档 xs 24 / sm 32 / md 36 / lg 40 / xl 48 / field 56,每档绑定字号、图标、内距、圆角;Button 全六档,Input / Select 用 sm–xl,Segmented 用 sm–lg(density 改名 size
  • 键盘与焦点:Select / Dropdown 方向键、Enter、Esc 回到触发器;Tabs / Segmented 左右键切换;Table 可点行支持 Enter / 空格
  • 模态层(ConfirmDialog / Dialog / SidePanel / BottomSheet):焦点圈闭、锁 body 滚动、关闭后焦点还给打开它的元素、aria-labelledby
  • 文档站:Arco 式三栏(可折叠侧栏 / 面包屑 / 右侧锚点目录)、⌘K 搜索、组件总览页、快速开始、更新日志;规范里的示意图改为效果图

变更

  • 输入框聚焦改为单圈 2px 环(原来是描边 + 外圈两道)
  • 品牌书改为图文穿插:台账整页、四层表面、状态 pill、六主题、字阶、圆角阴影、动效、好坏文案对照全部是活组件;布局章节的骨架 / 栅格 / 断点改为效果图
  • 站点 /components/ 由 Button 页改为总览页
  • Input / Textarea / Selectdensity 属性改名 size(破坏性)

0.1.0 · 2026-09-19

首版。@wutong/tokens(四主题)、@wutong/icons(105 个,四端同源)、@wutong/ui(37 个组件);文档站 design.wutongai.net 上线。