GenarrativeAI/Genarrative
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完善图片画布素材库持久化

Browse Source 
新增账号级素材文件夹和素材表，并接入 SpacetimeDB procedure、spacetime-client facade 与 api-server BFF。

编辑器素材栏支持文件夹新建、折叠、重命名、删除、多文件上传、拖拽定向上传、框选和批量删除。

画布支持拖拽上传落点创建图层、图层打组、小地图拖拽、普通滚轮纵向滚动和 Ctrl 滚轮缩放。

更新图片画布技术方案、后端数据契约、TRACKING 和团队决策记录。
This commit is contained in:
kdletters
2026-06-14 14:29:13 +08:00
parent 6bc2f11d04
commit a6025365f7
43 changed files with 4459 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/index.css
View File

@@ -3363,7 +3363,13 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
border-radius: 0.45rem;
}
.image-canvas-editor__sidebar-header-actions {
display: inline-flex;
gap: 0.35rem;
}
.image-canvas-editor__asset-list {
position: relative;
display: grid;
min-height: 0;
align-content: start;
@@ -3378,15 +3384,33 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
}
.image-canvas-editor__asset-folder-header {
display: grid;
grid-template-columns: auto auto minmax(0, 1fr) auto auto;
display: flex;
align-items: center;
min-width: 0;
gap: 0.35rem;
color: #475569;
font-size: 0.76rem;
font-weight: 850;
}
.image-canvas-editor__asset-folder-header > span:first-of-type,
.image-canvas-editor__asset-folder-header > input {
min-width: 0;
flex: 1;
}
.image-canvas-editor__asset-folder-header input {
height: 1.8rem;
border: 1px solid #8fb8ff;
border-radius: 0.35rem;
background: #ffffff;
padding: 0 0.45rem;
color: #1f2937;
font: inherit;
font-size: 0.76rem;
outline: none;
}
.image-canvas-editor__asset-folder-header button {
display: inline-flex;
width: 1.8rem;
@@ -3445,6 +3469,26 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
background: #eef5ff;
}
.image-canvas-editor__asset-row--selected {
border-color: #2563eb;
background: #dbeafe;
}
.image-canvas-editor__asset-batch-toolbar {
position: sticky;
bottom: 0;
justify-content: center;
margin-top: 0.35rem;
}
.image-canvas-editor__asset-marquee {
position: absolute;
z-index: 4;
border: 1px solid #2563eb;
background: rgb(37 99 235 / 0.12);
pointer-events: none;
}
.image-canvas-editor__asset-button {
display: block;
border: 0;