diff --git a/io.sc.platform.core.frontend/src/platform/layout/sub-layout/Main.vue b/io.sc.platform.core.frontend/src/platform/layout/sub-layout/Main.vue
index 21ef64e7..a594960c 100644
--- a/io.sc.platform.core.frontend/src/platform/layout/sub-layout/Main.vue
+++ b/io.sc.platform.core.frontend/src/platform/layout/sub-layout/Main.vue
@@ -23,7 +23,9 @@
       <router-view v-slot="{ Component }" class="full">
         <keep-alive>
           <suspense>
-            <component :is="Component" />
+            <w-v-expand-div>
+              <component :is="Component" />
+            </w-v-expand-div>
           </suspense>
         </keep-alive>
       </router-view>
@@ -149,4 +151,5 @@
 import SiderCollapser from './SiderCollapser.vue';
 import MoreTagViewAction from './MoreTagViewAction.vue';
 import { TagViewManager } from '@/platform/plugin/manager';
+import WVExpandDiv from '@/platform/components/layout/WVExpandDiv.vue';
 </script>
diff --git a/io.sc.platform.developer.frontend/package.json b/io.sc.platform.developer.frontend/package.json
index 966ddc4a..494813a3 100644
--- a/io.sc.platform.developer.frontend/package.json
+++ b/io.sc.platform.developer.frontend/package.json
@@ -80,7 +80,7 @@
         "luckyexcel": "1.0.1",
         "mockjs": "1.1.0",
         "pinia": "2.1.7",
-        "platform-core": "8.1.137",
+        "platform-core": "8.1.141",
         "quasar": "2.14.2",
         "tailwindcss": "3.4.0",
         "vue": "3.4.3",
diff --git a/io.sc.platform.developer.frontend/src/views/springboot/Bean.vue b/io.sc.platform.developer.frontend/src/views/springboot/Bean.vue
index d8d14a12..7bf9a4d6 100644
--- a/io.sc.platform.developer.frontend/src/views/springboot/Bean.vue
+++ b/io.sc.platform.developer.frontend/src/views/springboot/Bean.vue
@@ -1,54 +1,54 @@
 <template>
-  <w-grid
-    :title="$t('menu.developer.springboot.bean')"
-    :checkbox-selection="false"
-    :fetch-data-url="Environment.apiContextPath('/api/developer/springboot/beans')"
-    :pageable="true"
-    :toolbar-actions="['refresh', 'separator', 'view', 'separator', 'export']"
-    :columns="[
-      { width: 500, name: 'name', label: $t('name') },
-      { width: 400, name: 'type', label: $t('className'), format: Formater.simpleClassName() },
-      { width: 100, name: 'scope', label: $t('scope'), sortable: false },
-    ]"
-    :viewer="{
-      panel: {
-        columnNum: 1,
-        fields: [
-          { width: 100, name: 'name', label: $t('name') },
-          { width: 100, name: 'context', label: $t('context') },
-          { width: 100, name: 'scope', label: $t('scope') },
-          { width: 100, name: 'type', label: $t('className'), format: Formater.none() },
-          { width: 100, name: 'resource', label: $t('resource') },
-          {
-            width: 100,
-            name: 'aliases',
-            label: $t('aliases'),
-            format: (aliases) => {
-              aliases = aliases || [];
-              let result = '';
-              for (const aliase of aliases) {
-                result += aliase + '<br/>';
-              }
-              return result;
+    <w-grid
+      :title="$t('menu.developer.springboot.bean')"
+      :checkbox-selection="false"
+      :fetch-data-url="Environment.apiContextPath('/api/developer/springboot/beans')"
+      :pageable="true"
+      :toolbar-actions="['refresh', 'separator', 'view', 'separator', 'export']"
+      :columns="[
+        { width: 500, name: 'name', label: $t('name') },
+        { width: 400, name: 'type', label: $t('className'), format: Formater.simpleClassName() },
+        { width: 100, name: 'scope', label: $t('scope'), sortable: false },
+      ]"
+      :viewer="{
+        panel: {
+          columnNum: 1,
+          fields: [
+            { width: 100, name: 'name', label: $t('name') },
+            { width: 100, name: 'context', label: $t('context') },
+            { width: 100, name: 'scope', label: $t('scope') },
+            { width: 100, name: 'type', label: $t('className'), format: Formater.none() },
+            { width: 100, name: 'resource', label: $t('resource') },
+            {
+              width: 100,
+              name: 'aliases',
+              label: $t('aliases'),
+              format: (aliases) => {
+                aliases = aliases || [];
+                let result = '';
+                for (const aliase of aliases) {
+                  result += aliase + '<br/>';
+                }
+                return result;
+              },
             },
-          },
-          {
-            width: 100,
-            name: 'dependencies',
-            label: $t('dependencies'),
-            format: (dependencies) => {
-              dependencies = dependencies || [];
-              let result = '';
-              for (const dependency of dependencies) {
-                result += dependency + '<br/>';
-              }
-              return result;
+            {
+              width: 100,
+              name: 'dependencies',
+              label: $t('dependencies'),
+              format: (dependencies) => {
+                dependencies = dependencies || [];
+                let result = '';
+                for (const dependency of dependencies) {
+                  result += dependency + '<br/>';
+                }
+                return result;
+              },
             },
-          },
-        ],
-      },
-    }"
-  ></w-grid>
+          ],
+        },
+      }"
+    ></w-grid>
 </template>
 <script setup lang="ts">
 import { Environment, Formater } from 'platform-core';
diff --git a/io.sc.platform.developer.frontend/src/views/springboot/Environment.vue b/io.sc.platform.developer.frontend/src/views/springboot/Environment.vue
index e882f672..532b6f23 100644
--- a/io.sc.platform.developer.frontend/src/views/springboot/Environment.vue
+++ b/io.sc.platform.developer.frontend/src/views/springboot/Environment.vue
@@ -1,26 +1,28 @@
 <template>
-  <w-grid
-    :title="$t('menu.developer.springboot.environment')"
-    :checkbox-selection="false"
-    :fetch-data-url="Environment.apiContextPath('/api/developer/springboot/environment')"
-    :pageable="false"
-    :toolbar-actions="['refresh', 'separator', 'view', 'separator', 'export']"
-    :columns="[
-      { width: 200, name: 'propertySourceName', label: $t('category') },
-      { width: 400, name: 'propertyName', label: $t('name') },
-      { width: '100%', name: 'value', label: $t('value') },
-    ]"
-    :viewer="{
-      panel: {
-        columnNum: 1,
-        fields: [
-          { name: 'propertySourceName', label: $t('category') },
-          { name: 'propertyName', label: $t('name') },
-          { name: 'value', label: $t('value') },
-        ],
-      },
-    }"
-  ></w-grid>
+  <w-v-expand-div>
+    <w-grid
+      :title="$t('menu.developer.springboot.environment')"
+      :checkbox-selection="false"
+      :fetch-data-url="Environment.apiContextPath('/api/developer/springboot/environment')"
+      :pageable="false"
+      :toolbar-actions="['refresh', 'separator', 'view', 'separator', 'export']"
+      :columns="[
+        { width: 200, name: 'propertySourceName', label: $t('category') },
+        { width: 400, name: 'propertyName', label: $t('name') },
+        { width: '100%', name: 'value', label: $t('value') },
+      ]"
+      :viewer="{
+        panel: {
+          columnNum: 1,
+          fields: [
+            { name: 'propertySourceName', label: $t('category') },
+            { name: 'propertyName', label: $t('name') },
+            { name: 'value', label: $t('value') },
+          ],
+        },
+      }"
+    ></w-grid>
+  </w-v-expand-div>
 </template>
 <script setup lang="ts">
 import { Environment, Formater } from 'platform-core';