v0.36 · 分类导航改为单行横滚芯片条(为 20+ 板块预留):两列网格解决了「挤」,但「加分类 = 多一行」仍是线性成本——20 个分类 = 10 行 ≈ 350px,卡片区和最近使用会被挤没。现在改为单行横向滚动芯片条:芯片按内容自适应宽度、不换行,6 个分类和 60 个分类都只占一行 ≈ 30px,增长全部走横向。配套三件:边缘渐隐(左右还有内容时各出现一道渐隐,滚到头自动消失)、滚轮映射(鼠标滚轮直接横滚导航,滚到头把滚动还给页面)、选中自动居中(点屏外的分类,导航自动把它滚进视野中央)。想换回多行网格,把 .mag-tabs 的 flex/overflow-x 改回 grid 即可,smoke-mag35 的 A13 会拦住无意改动。
v0.37 · 一键杂志化(对标壹伴 AI 一键排版,结构性更优):右侧「全篇」卡新增 ✨ 一键杂志化 按钮——扫描正文,把单独成段的金句(12–30 字)/ 数据行(含 %、倍、万、亿、元)/ 引用(「」、《》包裹)/ 分隔线自动换成对应杂志组件,正文段落一字不动。与竞品的「全局换皮」不同,这是结构性升级:只动语义明确的孤立块,不碰长文,所以不会像壹伴自己承认的那样「格式错乱」。一键来自复用 magRender(与手动插入同一出口),产物天然满足微信兼容(无 flex/grid/class),且可撤销。同步把竞品对比翻新成 docs/COMPETITOR-REPORT-v2.md:两个旧洞(机器入口、反向提取)已确认落地,下一层真实缺口就是这次补的一键杂志化。
v0.35 · 杂志组件面板重构 + 版式扩到 63 种:左侧栏那排分类页签原来是「六等分的窄格子」,每格只有 60 来 px,「重点与数据」「节奏与落款」被压成三行;更麻烦的是 flex:1 把分类数写死在除数里——再想加板块,每一格只会更窄。现在换成两列自适应网格:每格约 190px,名称永不折行,加分类只是多一行。每个页签右侧多了数量徽标、鼠标停上有该分类的用途说明,选中后顶部提示行显示「分类 · N 种版式 · 用途」。版式同时从 47 种扩到 63 种,六个板块都加了新形式:标题样式 +4(上划线 / 双色 / 引号 / 框式)、竖排文字 +2(双列对联 / 印章带框)、多图组合 +3(3 图等宽 / 2 图上下 / 4 图竖条)、长文结构 +2(引言卡·引号 / 引言卡·侧标签)、重点与数据 +3(数据卡 2×2 / 引用块浅底 / 结论卡对勾)、节奏与落款 +2(停顿屏带序号 / 作者名片卡片)。新增版式一律只用 <table> 排版,不碰 flex/grid、不引外链图。
v0.34 · 界面主题方案(含毛玻璃):顶栏那个「点一下切深浅色」的按钮换成了主题方案管理器——6 套皮肤,每套一张缩略预览卡,点一下即时生效、并记住选择:纸感(原观感)· 毛玻璃(真半透明玻璃 + 极光背景)· 奶油 · 樱雾 · 午夜 · 曜石,⌥T 可以闭眼循环试。做法上先动了一次「地基」:原来换主题是 76 处 body.dark 选择器逐条覆盖颜色,再加一套就得再写 76 条;现在把配色全部收进一组语义化 CSS 变量,「新增一套主题」= 只加一条数据,样式规则一行都不用改。两个反直觉的点:① CSS 变量必须在首屏 paint 之前就位,所以 <head> 里留了一小段内联脚本先挂 data-theme,否则每次刷新都会先闪一帧默认色;② 毛玻璃要「真的糊开」,面板背后必须有东西可糊——于是多了一层 #bgDecor 画光晕,面板用 backdrop-filter 去糊它(只铺一层半透明色是糊不出质感的)。老用户不受影响:旧的 light/dark 记录会自动迁移成 纸感 / 曜石。
v0.33 · 弹窗不再用浏览器原生样式 + 组件手感三件套:点模板库卡片时弹出的那个「此网页显示…」是 浏览器原生 confirm(),任何浏览器都改不了它的样子,只能整个换掉——于是全仓库的 3 处 confirm + 5 处 prompt 共 8 处原生对话框统一换成了自制询问弹窗:页面居中、毛玻璃、图标按语义分色(载入 / 提醒 / 危险 / 编辑),Esc 取消、Enter 确认。毛玻璃要注意一个反直觉点:模糊只能挂在遮罩上——给弹窗本体加 backdrop-filter 是无效的,它自己会成为新的 backdrop root,看起来「什么都没糊」。另外顺手补齐了三处手感:选中组件后可以 ⌥↑ / ⌥↓ 上下移动、⌘/Ctrl + D 复制、⌥⌫ 删除(方向键带 Alt 是因为焦点还在编辑区里,裸 ↑/↓ 属于「移动光标」,抢过来会把正常打字打坏),浮动操作条补上「复制一份」按钮;属性面板的 30 多个样式键按颜色 / 排版 / 间距与尺寸分了三组、点组标题即可折叠,折叠状态会记住;版式库顶部新增「最近使用」,最近插过的版式一键重选。防线相应加固:组件规范检查器扩到 26 项(新增 6 条钉住弹窗骨架、毛玻璃挂在遮罩上、折叠只加 CSS 类——字段节点必须留在 DOM 里,否则属性编辑会静默失效),新增第 33 轮专项冒烟 47 项。
v0.32 · 拼图不再塌掉 + 占位图升级:修了一个多列组件都会中招的老 bug——出产物前会跑一遍净化,而净化的属性白名单写死只放行 data-cmp,把 rowspan / colspan 一并剥掉了。后果是「左大图跨两行 + 右侧两小图」这类拼图粘进公众号后结构全塌(实测正文宽 675px 时两列底边差 643px,约半个表宽),图说行、目录空态同样受影响;编辑器里看着正常,是因为缩略预览不过净化那一步。已把表格结构属性加进白名单。图片版式的占位图同时换成 8 套配色的生成小景(天空渐变 + 云带 + 日晕 + 三层景深 + 暗角 + 槽位号):地平线随宽高比走,竖长图不再是大半张空天空;配色按版式在表里的位置分配(不再用名字哈希——实测「2 图并排」与「2 图·一大一小」会撞成同一套色,两张卡看起来像同一张)。版式库的缩略卡也一并修好:原先写死的缩放让 8 张图卡里 4 张只露出 47%、每张右侧还各裁掉约 19px,现在按容器实测尺寸等比缩放、高度按需增长,八张卡全部完整可辨。防线补了两处:图片几何检查器会把同一批版式再过一遍真实粘贴管线并比对净化前后的合并属性条数(补之前它是绿的,而产物是塌的);组件规范检查器新增缩略预览承重点守卫(共 20 项)。
v0.31 · 模板库新增「杂志特稿」:模板库里多了一套 杂志特稿——一篇面包房的四章特稿,把 11 类杂志组件、8 种图片布局、全库 47 种版式各演示一遍(49 个组件),载入后照着换成自己的图文就是一篇成稿,也是查「某个版式长什么样」的最快方式。顺带补上模板库的机器防线(19 项:卡片一致性、首屏静态块与 JS 逐字一致、载入后组件完整性、整篇合规审计)——此前它是唯一没有测试覆盖的板块。修了一个隐蔽 bug:成品文稿里的多行文字会让 data-cfg 变成非法 JSON,表现为「组件能看、属性面板打不开」。
v0.30 · 杂志组件深化:版式从 44 种扩到 47 种——「数据卡 · 条形」把 42%/68%/91% 直接画成条形,一眼看出量级;「分隔符 · 带字」用细线夹住章节名;「停顿屏 · 细线」上下各一条线,像字幕。属性面板彻底重排:30 多个控件按颜色 / 排版 / 间距与尺寸分组,改过的项会标出来、点 ↺ 单独复位,还能「重置全部样式」或把当前样式一键套给全篇同类组件;版式库搜索改成跨分类(不用再挨个点页签找)。顺带修了一个隐蔽的老 bug:150ms 内连着调两个样式控件时,前一个改动会被防抖吞掉。
v0.28 · 机器入口 + 反向提取:本工具现在既能被人用,也能被机器调——命令行 node tools/zcode-convert.mjs --in 文章.md --audit 与浏览器内 zcode.convert / lint / extract / components(llms.txt 有完整说明);「全篇」卡新增「反向提取主题」:粘贴一篇已有排版的正文 HTML,自动反推四槽色与字号/行高/间距,可一键铺到全篇或存成自定义预设。修了两个老 bug:标题序号错用组件总数(第 2 个标题会显示 05)、行高中位数浮点尾差。
v0.27 · 杂志板块大升级:组件从 23 种扩到 44 种(新增引言卡、引用块、数据卡、结论卡、章节分隔、目录导航、作者名片、停顿屏八类),右侧栏多了第三张「⚙ 全篇」卡——一键样式预设、品牌色卡、设计令牌、阅读节奏、全篇大纲、多端视口都在这;图片版式新增图说、标题版式终于能调行高;复制前会先跑一遍微信兼容性自检。旧的 23 种版式产物逐字未变(多出来的只有显式行高)。
v0.26 · 插入不再跳顶 + 杂志编辑增强:点版式插入后再也不会把编辑框拉回顶部(原先编辑区无光标时插入会抢焦点,光标落到文首、滚动条跟着归零)——现在插入后会滚到新组件的落点并闪一下提示;点版式前把光标留在正文里即可插到光标处。杂志属性面板新增「滑块 + 精确数值框」双向联动、「⧉ 复制」一键再生成一份,连续调参只占 1 条撤销历史,选中框会跟着编辑区滚动。