style(editor): 页面列表长度超过可视窗口时出现滚动条

packages/editor/src/layouts/page-bar/PageList.vue

@@ -11,7 +11,8 @@
       :width="160"
       :destroy-on-close="true"
     >
-      <div>
+      <div class="page-bar-popover-wrapper">
+        <div class="page-bar-popover-inner">
           <slot name="page-list-popover" :list="list">
             <ToolButton
               v-for="(item, index) in list"
@@ -25,6 +26,7 @@
             ></ToolButton>
           </slot>
         </div>
+      </div>
       <template #reference>
         <TMagicIcon class="m-editor-page-list-menu-icon">
           <Files></Files>

packages/editor/src/theme/page-bar.scss

@@ -92,6 +92,11 @@
     padding: 4px 0;
   }
 
+  .page-bar-popover-wrapper {
+    max-height: calc(100vh - $page-bar-height - 20px);
+    overflow: auto;
+  }
+
   .menu-item {
     cursor: pointer;
     transition: all 0.2s ease 0s;