feat: 接入 iconify 图标库,右栏改成 Figma 式收起分组

图标统一走 unplugin-icons + hugeicons,构建期内联,出口收在 src/ui/icons.ts。
顺带修掉 TopBar 那个 undo 图标缺弧命令的 path。

右栏下半四组默认全收,收起态只有一行 32px;顶栏导出按钮改成先展开
「导出与模板」再滚,否则滚到底只看得到一行标题。

属性区去掉分组标题,改成 Figma 那种「字母/图标 + 无边框输入框」两列密排,
新增 W/H 宽高比锁(比例在开锁那一刻定格,不每次编辑现算)。

删掉 Sidebar.vue 和 panels/CanvasPanel.vue:上一轮改 Figma 布局之后
它们已无人 import,--sidebar-w 同批遗留。
This commit is contained in:
2026-09-05 17:51:43 +08:00
parent ee303bcd44
commit 3a3798e37b
16 changed files with 722 additions and 619 deletions
+12 -3
View File
@@ -19,9 +19,6 @@
/* 画布区的底色,比面板更深一档,让画布本身浮出来。 */
--stage-bg: #0f0f11;
/* 旧的单侧栏宽度,等 T10 把旧面板迁完就删。 */
--sidebar-w: 320px;
color-scheme: dark;
font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
font-size: 13px;
@@ -82,3 +79,15 @@ label {
gap: 8px;
align-items: center;
}
/* 图标(unplugin-icons 给每个图标组件挂的 defaultClass)。
* hugeicons 是 fill:none + stroke:currentColor,所以颜色跟着按钮的 color 走,
* 这里只管尺寸和基线对齐。要另一档大小就在容器上写 `.icon { font-size: … }`——
* 图标的宽高是 1em。 */
.icon {
width: 1em;
height: 1em;
flex: none;
font-size: 16px;
display: block;
}