feat: 骨架——Vite + Vue3 + Fabric v7,左工作区右侧栏

共享外壳与类型契约,四条并行开发线在此之上各自填空:
- types.ts 是唯一的跨线接口,并行期间冻结
- editor/ 画布单例、选中态、尺寸预设与比例锁
- Sidebar 按选中对象切换面板,五个面板位已接好
- fonts/ filters/ sources/ io/ 留桩,各线只改自己目录

导出定 WebP:实测 540x287 PNG 134KB vs 1200x630 WebP 23KB。
字体接口挂在 Vite 中间件上,工具只在 dev 下完整可用。
This commit is contained in:
Jz0ojiang
2026-09-04 15:42:27 +08:00
commit 95eeb69ff8
26 changed files with 1390 additions and 0 deletions
+22
View File
@@ -0,0 +1,22 @@
<script setup lang="ts">
/**
* 【T4 待实现 — 背景来源面板】
*
* 三个来源:本地上传、预设几何、Unsplash 搜索。选中后调
* `useEditor().addImage(asset.src)` 装进画布。
*
* Unsplash 的署名**不画进图里**:把 `asset.attribution.text` 显示在面板上,
* 旁边一个复制按钮,用户自己贴进文章。
*/
</script>
<template>
<p class="todo">T4 待实现:上传 / 预设几何 / Unsplash</p>
</template>
<style scoped>
.todo {
color: var(--fg-dim);
margin: 0;
}
</style>