refactor: panel reorg

src/components/md-deck/index.tsx

@@ -4,7 +4,7 @@ import { resolvePath } from '../utils/path';
 import { createDeckStore } from './hooks/deckStore';
 import { DeckHeader } from './DeckHeader';
 import { DeckContent } from './DeckContent';
-import { DataEditorPanel, PropertiesEditorPanel } from './editor-panel';
+import {DataEditorPanel, LayerEditorPanel, PropertiesEditorPanel} from './editor-panel';
 
 interface DeckProps {
   size?: string;
@@ -107,9 +107,12 @@ customElement<DeckProps>('md-deck', {
         <DeckContent store={store} isLoading={store.state.isLoading} />
       </div>
 
-      {/* 右侧：属性编辑表单 */}
+      {/* 右侧：属性/图层编辑面板 */}
       <Show when={store.state.isEditing && !store.state.fixed}>
-        <PropertiesEditorPanel store={store} />
+        <div class="flex gap-4">
+          <PropertiesEditorPanel store={store} />
+          <LayerEditorPanel store={store} />
+        </div>
       </Show>
     </div>
   );