fix(sync-view-padding): add syncViewPadding in core plot (#1600)

* fix(sync-view-padding): add syncViewPadding in core plot

* fix: type define

Author: hustcc

package.json

@@ -55,7 +55,7 @@
   "dependencies": {
     "@antv/data-set": "^0.11.5",
     "@antv/event-emitter": "^0.1.2",
-    "@antv/g2": "^4.1.0-beta.6",
+    "@antv/g2": "^4.1.0-beta.7",
     "dayjs": "^1.8.34",
     "size-sensor": "^1.0.1",
     "tslib": "^1.13.0"

src/core/plot.ts

@@ -10,7 +10,7 @@ import { Adaptor } from './adaptor';
 /** 单独 pick 出来的用于基类的类型定义 */
 export type PickOptions = Pick<
   Options,
-  'width' | 'height' | 'padding' | 'appendPadding' | 'renderer' | 'pixelRatio' | 'autoFit'
+  'width' | 'height' | 'padding' | 'appendPadding' | 'renderer' | 'pixelRatio' | 'autoFit' | 'syncViewPadding'
 >;
 
 /**
@@ -43,7 +43,7 @@ export abstract class Plot<O extends PickOptions> extends EE {
    * 创建 G2 实例
    */
   private createG2() {
-    const { width, height, padding, appendPadding, renderer, pixelRatio } = this.options;
+    const { width, height, padding, appendPadding, renderer, pixelRatio, syncViewPadding } = this.options;
 
     this.chart = new Chart({
       container: this.container,
@@ -54,6 +54,7 @@ export abstract class Plot<O extends PickOptions> extends EE {
       renderer,
       pixelRatio,
       localRefresh: false, // 默认关闭，目前 G 还有一些位置问题，难以排查！
+      syncViewPadding,
     });
   }
 

src/types/common.ts

@@ -85,6 +85,8 @@ export type Options = {
   readonly padding?: number[] | number | 'auto';
   /** 额外怎加的 padding 值 */
   readonly appendPadding?: number[] | number;
+  /** 是否同步子 view 的 padding */
+  readonly syncViewPadding?: boolean;
 
   // G 相关
   /** 渲染引擎 */