fix: component layout bottom

Author: fangsmile

packages/vtable/src/ListTable.ts

@@ -187,7 +187,7 @@ export class ListTable extends BaseTable implements ListTableAPI {
         return;
       }
       // // 首次布局同样通过 BaseTable.resize() 完成，遵循 componentLayoutOrder 中的 title/legend 优先级
-      // this.resize();
+      // this.resize(); 注释掉这里为解决有组件的情况下 异步导致的布局抖动问题,所以把resize提到了setTimeout之前。但是原先在setTimeout中可能是为了scrollBar布局，但提到前面测试了下好像没有什么问题！后续看观察scrollBar
       this.fireListeners(TABLE_EVENT_TYPE.INITIALIZED, null);
     }, 0);
   }

packages/vtable/src/PivotChart.ts

@@ -291,7 +291,7 @@ export class PivotChart extends BaseTable implements PivotChartAPI {
         return;
       }
       // // 首次布局同样通过 BaseTable.resize() 完成，遵循 componentLayoutOrder 中的 title/legend 优先级
-      // this.resize();
+      // this.resize(); 注释掉这里为解决有组件的情况下 异步导致的布局抖动问题,所以把resize提到了setTimeout之前。但是原先在setTimeout中可能是为了scrollBar布局，但提到前面测试了下好像没有什么问题！后续看观察scrollBar
       this.fireListeners(TABLE_EVENT_TYPE.INITIALIZED, null);
     }, 0);
   }

packages/vtable/src/PivotTable.ts

@@ -262,7 +262,7 @@ export class PivotTable extends BaseTable implements PivotTableAPI {
           return;
         }
         // // 首次布局同样通过 BaseTable.resize() 完成，遵循 componentLayoutOrder 中的 title/legend 优先级
-        // this.resize();
+        // this.resize(); 注释掉这里为解决有组件的情况下 异步导致的布局抖动问题,所以把resize提到了setTimeout之前。但是原先在setTimeout中可能是为了scrollBar布局，但提到前面测试了下好像没有什么问题！后续看观察scrollBar
         this.fireListeners(TABLE_EVENT_TYPE.INITIALIZED, null);
       }, 0);
     }

packages/vtable/src/core/BaseTable.ts

@@ -686,13 +686,38 @@ export abstract class BaseTable extends EventTarget implements BaseTableAPI {
     this._updateSize();
     // 组件布局优先级仅影响 title/legend 的布局与可用绘制区域缩减顺序
     const layoutOrder = this.options.componentLayoutOrder ?? ['legend', 'title'];
+    //先布局orient为bottom或right的组件
     layoutOrder.forEach(component => {
       if (component === 'legend') {
         this.internalProps.legends?.forEach(legend => {
-          legend?.resize();
+          if (legend.orient === 'bottom' || legend.orient === 'right') {
+            legend?.resize();
+          }
         });
       } else if (component === 'title') {
-        this.internalProps.title?.resize();
+        if (
+          this.internalProps.title?._titleOption.orient === 'bottom' ||
+          this.internalProps.title?._titleOption.orient === 'right'
+        ) {
+          this.internalProps.title?.resize();
+        }
+      }
+    });
+    //后布局orient为top或left的组件
+    layoutOrder.forEach(component => {
+      if (component === 'legend') {
+        this.internalProps.legends?.forEach(legend => {
+          if (legend.orient === 'top' || legend.orient === 'left') {
+            legend?.resize();
+          }
+        });
+      } else if (component === 'title') {
+        if (
+          this.internalProps.title?._titleOption.orient === 'top' ||
+          this.internalProps.title?._titleOption.orient === 'left'
+        ) {
+          this.internalProps.title?.resize();
+        }
       }
     });
     if (this.internalProps.emptyTip) {