fix: 添加dom包裹

src/layout/left-pano.vue

@@ -1,13 +1,15 @@
 <template>
-  <span 
-    class="ctrl-pano-c fun-ctrl strengthen-right strengthen-top strengthen-bottom"
-    v-if="custom.viewMode !== 'full' && custom.showLeftCtrlPano" 
-    @click="custom.showLeftPano = !custom.showLeftPano"
-    :class="{ active: custom.showLeftPano }">
-    <ui-icon type="extend" class="icon"></ui-icon>
-  </span>
-  <div class="left-pano strengthen">
-    <slot></slot>
+  <div id="left-pano">
+    <span 
+      class="ctrl-pano-c fun-ctrl strengthen-right strengthen-top strengthen-bottom"
+      v-if="custom.viewMode !== 'full' && custom.showLeftCtrlPano" 
+      @click="custom.showLeftPano = !custom.showLeftPano"
+      :class="{ active: custom.showLeftPano }">
+      <ui-icon type="extend" class="icon"></ui-icon>
+    </span>
+    <div class="left-pano strengthen">
+      <slot></slot>
+    </div>
   </div>
 </template>
 

src/layout/right-fill-pano.vue

@@ -1,22 +1,24 @@
 <template>
-  <span 
-    class="ctrl-pano-c fun-ctrl strengthen-left strengthen-top strengthen-bottom"
-    v-if="custom.shwoRightCtrlPano && custom.viewMode !== 'full'" 
-    @click="custom.showRightPano = !custom.showRightPano"
-    :class="{ active: custom.showRightPano }">
-    <ui-icon type="extend" class="icon"></ui-icon>
-  </span>
-  <ui-editor-toolbox :toolbox="true" disabledAnimation :class="{ flex: $slots.header }">
-    <template v-if="$slots.header">
-      <div class="header">
-        <slot name="header"></slot>
-      </div>
-      <div class="content">
-        <slot></slot>
-      </div>
-    </template>
-    <slot v-else></slot>
-  </ui-editor-toolbox>
+  <div id="right-pano">
+    <span 
+      class="ctrl-pano-c fun-ctrl strengthen-left strengthen-top strengthen-bottom"
+      v-if="custom.shwoRightCtrlPano && custom.viewMode !== 'full'" 
+      @click="custom.showRightPano = !custom.showRightPano"
+      :class="{ active: custom.showRightPano }">
+      <ui-icon type="extend" class="icon"></ui-icon>
+    </span>
+    <ui-editor-toolbox :toolbox="true" disabledAnimation :class="{ flex: $slots.header }">
+      <template v-if="$slots.header">
+        <div class="header">
+          <slot name="header"></slot>
+        </div>
+        <div class="content">
+          <slot></slot>
+        </div>
+      </template>
+      <slot v-else></slot>
+    </ui-editor-toolbox>
+  </div>
 </template>
 
 <script setup lang="ts">

src/layout/right-pano.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="right-pano strengthen-right">
+  <div class="right-pano strengthen-right" id="right-pano">
     <slot></slot>
   </div>
 </template>

src/layout/show/slide-menu.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="slide-menu">
+  <div class="slide-menu" id="slide-menu">
     <div 
       v-for="item in items" 
       :class="{active: item.name === activeName}"