feat: 属性面板以及简单撤销重做功能

This commit is contained in:
2026-08-15 21:32:02 +08:00
parent a043fd9d8e
commit f99324adb4
19 changed files with 580 additions and 156 deletions
+3 -2
View File
@@ -5,6 +5,7 @@ import ToolbarRight from '@/editor/toolbar/ToolbarRight.vue'
import MaterialPanel from '@/editor/panels/material/index.vue'
import LayerPanel from '@/editor/panels/layer/index.vue'
import CanvasRoot from '@/editor/canvas/index.vue'
import PropertyPanel from '@/editor/panels/property/index.vue'
import { useEditorStore } from '@/stores/editor'
import { storeToRefs } from 'pinia'
@@ -43,12 +44,12 @@ const layerWidth = computed(() => (panelVisible.value.layer ? '260px' : '0'))
<!-- 画布 -->
<CanvasRoot class="canvas flex-1">画布</CanvasRoot>
<!-- 属性 -->
<aside
<PropertyPanel
class="w-[256px] border-l border-white/20 overflow-hidden transition-all"
:style="{ width: layerWidth }"
>
属性
</aside>
</PropertyPanel>
</main>
</div>
</template>