fix: fix unit cannot be destroyed or recreate

.github/workflows/playwright.yml

@@ -33,7 +33,7 @@ jobs:
               run: pnpm build:e2e
 
             - name: Run Playwright Tests
-              run: pnpm dlx playwright test
+              run: pnpm exec playwright test
 
             - uses: actions/upload-artifact@v3
               if: always()

packages/engine-render/src/render-manager/render-unit.ts

@@ -48,8 +48,8 @@ export interface IRenderContext<T extends UnitModel = UnitModel> extends IRender
 export class RenderUnit extends Disposable implements IRender {
     readonly isRenderUnit: true;
 
-    readonly unitId: string;
-    readonly type: UnitType;
+    get unitId(): string { return this._renderContext.unitId; }
+    get type(): UnitType { return this._renderContext.type; }
 
     private readonly _injector: Injector;
     private readonly _renderControllers: IRenderController[] = [];
@@ -75,7 +75,7 @@ export class RenderUnit extends Disposable implements IRender {
 
         this._renderContext = {
             unit: init.unit,
-            unitId: this.unitId,
+            unitId: init.unit.getUnitId(),
             type: init.unit.type,
             components: new Map(),
             mainComponent: null,

packages/sheets-ui/src/controllers/freeze.render-controller.ts

@@ -1058,13 +1058,11 @@ export class HeaderFreezeRenderController extends Disposable implements IRenderC
     private _themeChangeListener() {
         this._themeChange(this._themeService.getCurrentTheme());
         this.disposeWithMe(
-            toDisposable(
-                this._themeService.currentTheme$.subscribe((style) => {
-                    this._clearFreeze();
-                    this._themeChange(style);
-                    this._refreshCurrent();
-                })
-            )
+            this._themeService.currentTheme$.subscribe((style) => {
+                this._clearFreeze();
+                this._themeChange(style);
+                this._refreshCurrent();
+            })
         );
     }
 

packages/sheets-ui/src/controllers/utils/component-tools.ts

@@ -72,7 +72,7 @@ export function getSheetObject(
         engine = renderManagerService.engine;
     }
 
-    if (!components) return null;
+    if (!components || !mainComponent) return null;
 
     const spreadsheet = mainComponent as Spreadsheet;
     const spreadsheetRowHeader = components.get(SHEET_VIEW_KEY.ROW) as SpreadsheetHeader;