@univerjs-pro/sheets-chart-ui 1.0.0-alpha.1 → 1.0.0-alpha.2

package/lib/types/services/sheet-chart-host.d.ts

@@ -0,0 +1,51 @@
+import type { IChartHostRect, IChartHostStyle, IDomChartHost } from '@univerjs-pro/engine-chart';
+import type { SheetCanvasFloatDomManagerService } from '@univerjs/sheets-drawing-ui';
+import { Disposable } from '@univerjs/core';
+export interface IChartHostHandle {
+    mountNode: HTMLElement;
+    dispose: () => void;
+}
+export type ChartHostHandle = IChartHostHandle;
+export interface ISheetChartHostPlacement {
+    width: number;
+    height: number;
+    left: number;
+    top: number;
+    scaleX: number;
+    scaleY: number;
+}
+export type SheetChartHostPlacement = ISheetChartHostPlacement;
+export declare function createHostElement(width: number, height: number): HTMLDivElement;
+export declare class SheetChartHost extends Disposable implements IDomChartHost {
+    readonly chartId: string;
+    private readonly _getFloatDomInfo;
+    private readonly _getPlacement;
+    private readonly _setHostStyle;
+    private readonly _isProviderDisposed;
+    private readonly _markReady;
+    private readonly _markNotReady;
+    readonly mode: "dom";
+    private _mountNode;
+    private _managed;
+    private _pendingToken;
+    private _pendingHost;
+    private _waiter;
+    private _savedWrapperStyle;
+    constructor(chartId: string, _getFloatDomInfo: () => ReturnType<SheetCanvasFloatDomManagerService['getFloatDomInfo']>, _getPlacement: () => SheetChartHostPlacement | null, _setHostStyle: (style: IChartHostStyle) => void, _isProviderDisposed: () => boolean, _markReady: () => void, _markNotReady: () => void);
+    isManaged(): boolean;
+    markUnmanaged(): void;
+    getRect(): IChartHostRect | null;
+    setStyle(style: IChartHostStyle): void;
+    ensureHandle(): Promise<ChartHostHandle>;
+    ensureMount(): Promise<HTMLElement | null>;
+    checkMounted(): boolean;
+    syncLayout(): void;
+    markReady(): void;
+    markNotReady(): void;
+    dispose(): void;
+    private _createHost;
+    private _cancelHostWait;
+    private _applyHostPlacement;
+    private _activateHostWrapper;
+    private _restoreHostWrapper;
+}

package/lib/types/services/sheet-image-chart-host.d.ts

@@ -0,0 +1,24 @@
+import type { ChartImageSource, IChartHostRect, IChartHostStyle } from '@univerjs-pro/engine-chart';
+import type { Rect } from '@univerjs/engine-render';
+import type { ChartSnapshotStoreService } from './chart-snapshot-store.service';
+import { ImageChartHost } from '@univerjs-pro/engine-chart';
+interface ChartSnapshotKey {
+    unitId: string;
+    subUnitId: string;
+    chartId: string;
+}
+export declare class SheetImageChartHost extends ImageChartHost {
+    private readonly _getOuterRect;
+    private readonly _setHostStyle;
+    private readonly _snapshotKey;
+    private readonly _snapshotStore;
+    private readonly _requestPaint;
+    constructor(chartId: string, _getOuterRect: () => Rect | null, _setHostStyle: (style: IChartHostStyle) => void, _snapshotKey: ChartSnapshotKey, _snapshotStore: ChartSnapshotStoreService, _requestPaint: () => void);
+    getRect(): IChartHostRect | null;
+    setStyle(style: IChartHostStyle): void;
+    nextVersion(): number;
+    commitSnapshot(image: ChartImageSource, version: number): boolean;
+    requestPaint(): void;
+    invalidateSnapshot(): void;
+}
+export {};

package/lib/types/services/sheets-chart-host-provider.service.d.ts

@@ -1,35 +1,59 @@
+import type { ChartHostRenderMode, IDomChartHost, IImageChartHost } from '@univerjs-pro/engine-chart';
 import type { Rect } from '@univerjs/engine-render';
 import type { Observable } from 'rxjs';
+import type { ChartHostHandle } from './sheet-chart-host';
 import { Disposable } from '@univerjs/core';
 import { IRenderManagerService } from '@univerjs/engine-render';
 import { SheetCanvasFloatDomManagerService } from '@univerjs/sheets-drawing-ui';
+import { ChartSnapshotStoreService } from './chart-snapshot-store.service';
+export { createHostElement } from './sheet-chart-host';
 export interface IChartHostProviderService {
-    ensureHost: (chartId: string) => Promise<{
+    ensureHost(chartId: string, mode: 'image'): Promise<IImageChartHost | null>;
+    ensureHost(chartId: string, mode: 'dom'): Promise<IDomChartHost | null>;
+    ensureHost(chartId: string, mode: ChartHostRenderMode): Promise<IImageChartHost | IDomChartHost | null>;
+    ensureHost(chartId: string): Promise<{
         mountNode: string | HTMLElement;
-        dispose?: () => void;
+        dispose: () => void;
     }>;
     setHostStyle: (chartId: string, style: Record<string, any>) => void;
     getHostSize: (chartId: string) => Rect | null;
     removeHost$: Observable<string>;
+    removeHost: (chartId: string) => void;
     checkHost: (chartId: string) => boolean;
+    syncHostLayout: (chartId: string) => void;
+    isDomReady: (chartId: string) => boolean;
+    markHostNotReady: (chartId: string) => void;
+    invalidateSnapshot: (chartId: string) => void;
 }
-export declare function createHostElement(width: number, height: number): HTMLDivElement;
 export declare class SheetsChartHostProviderService extends Disposable implements IChartHostProviderService {
     private readonly _sheetCanvasFloatDomManagerService;
     private _renderManagerService;
-    private _mountNodes;
+    private readonly _chartSnapshotStoreService;
+    private _chartHostMap;
+    private _activeDomReadyChartIds;
     private _removeHost$;
     readonly removeHost$: Observable<string>;
-    constructor(_sheetCanvasFloatDomManagerService: SheetCanvasFloatDomManagerService, _renderManagerService: IRenderManagerService);
+    constructor(_sheetCanvasFloatDomManagerService: SheetCanvasFloatDomManagerService, _renderManagerService: IRenderManagerService, _chartSnapshotStoreService: ChartSnapshotStoreService);
     private _getSceneAndTransformerByDrawingSearch;
     setBorder(id: string, color: string): void;
     setHostStyle(id: string, style: Record<string, any>): void;
     getHostSize(id: string): Rect | null;
     checkHost(id: string): boolean;
-    ensureHost(id: string): Promise<{
-        mountNode: HTMLElement;
-        dispose: () => void;
-    }>;
-    private _createHost;
+    syncHostLayout(id: string): void;
+    removeHost(id: string): void;
+    ensureHost(id: string): Promise<ChartHostHandle>;
+    ensureHost(id: string, mode: 'image'): Promise<IImageChartHost | null>;
+    ensureHost(id: string, mode: 'dom'): Promise<IDomChartHost | null>;
+    ensureHost(id: string, mode: ChartHostRenderMode): Promise<IImageChartHost | IDomChartHost | null>;
+    isDomReady(id: string): boolean;
+    markHostNotReady(id: string): void;
+    invalidateSnapshot(id: string): void;
+    private _createImageChartHost;
+    private _getOrCreateSheetChartHost;
+    private _markHostReady;
+    private _getChartSnapshotKey;
+    private _requestChartCanvasRender;
+    private _getHostPlacement;
+    dispose(): void;
 }
 export declare const IChartHostProviderService: import("@wendellhu/redi").IdentifierDecorator<IChartHostProviderService>;