Merge remote-tracking branch 'origin/master'

src/views/ModelMain.less

@@ -54,6 +54,7 @@
     flex:1;
     display: flex;
     flex-direction: row;
+    overflow: hidden;
     .btns-toolbar{
       display: flex;
       flex-direction: column;
@@ -110,6 +111,8 @@
       overflow: hidden;
       .section-item-wrap{
         height: 100%;
+        display: flex;
+        flex-direction: column;
         &>.title{
           border-bottom:1px solid #dcdcdc;
           height: 35px;
@@ -133,6 +136,18 @@
             }
           }
         }
+        .calc-left-panel{
+          flex:1;
+          overflow: auto;
+        }
+        .calc-right-panel{
+          flex:1;
+          overflow: auto;
+        }
+        .calc-bottom-panel{
+          flex:1;
+          overflow: auto;
+        }
       }
       .section-bottom{
         .section-item-wrap{

src/views/ModelMain.vue

@@ -51,7 +51,9 @@
                   <span class="close" @click="closeMe('hideLeft')"><component
                     :is="renderIcon('element Close')"></component></span>
                 </div>
-                <component v-if="calcLeftPanel?.component" :is="calcLeftPanel.component" />
+                <div class="calc-left-panel">
+                  <component v-if="calcLeftPanel?.component" :is="calcLeftPanel.component" />
+                </div>
               </div>
             </SplitArea>
             <SplitArea class="section-center" :class="{'hidden-split':hideRight}" :size="calcCenterSize">
@@ -112,7 +114,9 @@
                   <span class="close" @click="closeMe('hideReft')"><component
                     :is="renderIcon('element Close')"></component></span>
                 </div>
-                <component v-if="calcRightPanel?.component" :is="calcRightPanel.component" />
+                <div class="calc-right-panel">
+                  <component v-if="calcRightPanel?.component" :is="calcRightPanel.component" />
+                </div>
               </div>
             </SplitArea>
           </Split>
@@ -130,7 +134,9 @@
                 <component :is="renderIcon('element Close')"></component>
               </span>
             </div>
-            <component v-if="calcBottomPanel?.component" :is="calcBottomPanel.component" />
+            <div class="calc-bottom-panel">
+              <component v-if="calcBottomPanel?.component" :is="calcBottomPanel.component" />
+            </div>
           </div>
         </SplitArea>
       </Split>