feat: canvas支持挂载s2实例

global.d.ts

@@ -0,0 +1,6 @@
+declare global {
+  interface HTMLCanvasElement {
+    $sheetInstance?: any; 
+  }
+}
+export {}

packages/s2-core/__tests__/unit/sheet-type/pivot-sheet-spec.ts

@@ -1218,4 +1218,11 @@ describe('PivotSheet Tests', () => {
 
     expect(onDestroy).toHaveBeenCalledTimes(1);
   });
+
+  test('get sheetInstance from canvas', () => {
+    const canvas = s2.getCanvasElement();
+    expect(canvas.$sheetInstance).toEqual(s2);
+    s2.destroy();
+    expect(canvas.$sheetInstance).toBe(undefined);
+  });
 });

packages/s2-core/__tests__/unit/sheet-type/table-sheet-spec.ts

@@ -218,4 +218,11 @@ describe('TableSheet Tests', () => {
   test('should get content height', () => {
     expect(s2.getContentHeight()).toEqual(120);
   });
+
+  test('get sheetInstance from canvas', () => {
+    const canvas = s2.getCanvasElement();
+    expect((canvas as any).$sheetInstance).toEqual(s2);
+    s2.destroy();
+    expect((canvas as any).$sheetInstance).toBe(undefined);
+  });
 });

packages/s2-core/src/sheet-type/spread-sheet.ts

@@ -159,6 +159,18 @@ export abstract class SpreadSheet extends EE {
     this.initHdAdapter();
     this.registerIcons();
     this.setOverscrollBehavior();
+    this.mountSheetInstance();
+  }
+
+  private mountSheetInstance(destroy?: boolean) {
+    const canvas = this.getCanvasElement();
+    if (canvas) {
+      if (!destroy) {
+        canvas.$sheetInstance = this;
+      } else {
+        delete canvas.$sheetInstance;
+      }
+    }
   }
 
   private setOverscrollBehavior() {
@@ -440,8 +452,8 @@ export abstract class SpreadSheet extends EE {
     this.store?.clear();
     this.destroyTooltip();
     this.clearCanvasEvent();
+    this.mountSheetInstance(true);
     this.container?.destroy();
-
     removeOffscreenCanvas();
   }
 

packages/s2-core/tsconfig.json

@@ -8,5 +8,6 @@
       "tests/*":["s2-core/__tests__/*"]
     },
   },
-  "exclude": ["node_modules", "coverage", "esm", "lib", "dist", "temp"]
+  "exclude": ["node_modules", "coverage", "esm", "lib", "dist", "temp"],
+  "include": ["src", "../../global.d.ts"]
 }

packages/s2-react/tsconfig.json

@@ -11,5 +11,5 @@
     }
   }, 
   "exclude": ["node_modules", "coverage", "esm", "lib", "dist", "temp"],
-  "include": ["src", "./typings.d.ts", "playground"]
+  "include": ["src", "./typings.d.ts", "playground", "../../global.d.ts"]
 }

packages/s2-vue/tsconfig.json

@@ -5,5 +5,5 @@
     "jsx": "preserve"
   },
   "exclude": ["node_modules", "coverage", "esm", "lib", "dist", "temp"],
-  "include": ["src", "./typings.d.ts"]
+  "include": ["src", "./typings.d.ts", "../../global.d.ts"]
 }