@univerjs-pro/docs-chart-ui 1.0.0-alpha.7 → 1.0.0-beta.0

package/lib/types/locale/en-US.d.ts

@@ -1,61 +1,58 @@
 declare const locale: {
     'docs-chart-ui': {
-        insertChart: string;
-        editChart: string;
-        chartType: string;
-        inlineData: string;
-        cancel: string;
-        insert: string;
-        save: string;
-        apply: string;
-        close: string;
-        duplicate: string;
-        delete: string;
-        chartPreview: string;
         previewRenderFailed: string;
-        setupChart: string;
-        customizeChart: string;
-        data: string;
-        editData: string;
-        rows: string;
-        columns: string;
-        sharedData: string;
-        backgroundColor: string;
-        chartStyle: string;
-        chartAndAxisTitles: string;
-        fill: string;
-        border: string;
-        title: string;
-        subtitle: string;
-        horizontalAxisTitle: string;
-        verticalAxisTitle: string;
-        series: string;
-        showDataLabels: string;
-        legend: string;
-        horizontalAxis: string;
-        verticalAxis: string;
-        visible: string;
-        showLabels: string;
-        reverseAxis: string;
-        gridlinesAndTicks: string;
-        indicatorLine: string;
-        useAbsoluteValue: string;
-        tableDataEmpty: string;
-        insertChartFailed: string;
         updateChartFailed: string;
         chartNotFound: string;
+        close: string;
+        common: {
+            horizontalAxis: string;
+            verticalAxis: string;
+            setup: string;
+            customize: string;
+            editChart: string;
+            data: string;
+            editData: string;
+            tableDataEmpty: string;
+            cancel: string;
+            duplicate: string;
+            apply: string;
+            insertChartFailed: string;
+            inlineData: string;
+            insert: string;
+            deleteChart: string;
+            insertChart: string;
+            chartAndAxisTitles: string;
+            chartStyle: string;
+            heatmap: string;
+            legend: string;
+            rightVerticalAxis: string;
+            series: string;
+            trendline: string;
+            category: string;
+            label: string;
+            value: string;
+            valueField: string;
+            chartType: string;
+        };
+        floatMenu: {
+            menuTitle: {
+                chart: string;
+            };
+        };
         chartTypes: {
             line: string;
-            area: string;
-            areaStacked: string;
-            areaPercentStacked: string;
             column: string;
             bar: string;
             barStacked: string;
             barPercentStacked: string;
             pie: string;
-            scatter: string;
+            pieOfPie: string;
+            barOfPie: string;
+            area: string;
+            areaStacked: string;
+            areaPercentStacked: string;
             radar: string;
+            scatter: string;
             combination: string;
             wordCloud: string;
             funnel: string;
@@ -66,6 +63,80 @@ declare const locale: {
             sankey: string;
             heatmap: string;
             boxplot: string;
+            candlestick: string;
+            histogram: string;
+            treemap: string;
+            sunburst: string;
+            gauge: string;
+            chord: string;
+        };
+        section: {
+            candlestick: string;
+            chord: string;
+            funnel: string;
+            gauge: string;
+            gridlinesAndTicks: string;
+            histogram: string;
+            indicatorLine: string;
+            lineAndArea: string;
+            paretoBar: string;
+            paretoLine: string;
+            pie: string;
+            radar: string;
+            relation: string;
+            sunburst: string;
+            treemap: string;
+            waterfall: string;
+            wordCloud: string;
+        };
+        candlestick: {
+            columnsError: string;
+            close: string;
+            high: string;
+            low: string;
+            open: string;
+            series: string;
+        };
+        chord: {
+            source: string;
+            target: string;
+            emptyDiagnostic: string;
+            mappingDiagnostic: string;
+            configDiagnostic: string;
+            count: string;
+            associatedValue: string;
+        };
+        sunburst: {
+            hierarchy: string;
+            ownValue: string;
+            children: string;
+            diagnostic: string;
+        };
+        histogram: {
+            frequency: string;
+        };
+        pie: {
+            aggregateOther: string;
+            aggregateMembers: string;
+        };
+        treemap: {
+            hierarchy: string;
+            ownValue: string;
+            children: string;
+            diagnostic: string;
+        };
+        gauge: {
+            emptyDiagnostic: string;
+            mappingDiagnostic: string;
+            configDiagnostic: string;
+        };
+        chartField: {
+            missingCategoryFields: string;
+            missingSeriesFields: string;
+            invalidFieldIndex: string;
+            invalidValueFieldType: string;
+            invalidDataStructure: string;
+            unsupportedChartType: string;
         };
     };
 };

package/lib/types/locale/id-ID.d.ts

@@ -0,0 +1,3 @@
+import type enUS from './en-US';
+declare const locale: typeof enUS;
+export default locale;

package/lib/types/locale/it-IT.d.ts

@@ -0,0 +1,3 @@
+import type enUS from './en-US';
+declare const locale: typeof enUS;
+export default locale;

package/lib/types/locale/pl-PL.d.ts

@@ -0,0 +1,3 @@
+import type enUS from './en-US';
+declare const locale: typeof enUS;
+export default locale;

package/lib/types/locale/pt-BR.d.ts

@@ -0,0 +1,3 @@
+import type enUS from './en-US';
+declare const locale: typeof enUS;
+export default locale;

package/lib/types/locale/zh-HK.d.ts

@@ -0,0 +1,3 @@
+import type enUS from './en-US';
+declare const locale: typeof enUS;
+export default locale;

package/lib/types/menu/chart.menu.d.ts

@@ -1,12 +1,9 @@
 import type { IAccessor } from '@univerjs/core';
-import type { IMenuButtonItem, IMenuSelectorItem, IValueOption } from '@univerjs/ui';
-import type { LocaleKey } from '../locale/types';
-import { ChartTypeBits } from '@univerjs-pro/engine-chart';
+import type { IMenuButtonItem } from '@univerjs/ui';
 import { Observable } from 'rxjs';
 export declare const DOC_CHART_INSERT_MENU_ID: string;
 export declare const DOC_CHART_INSERT_BELOW_MENU_ID: string;
-export declare const DOC_CHART_INSERT_MENU_OPTIONS: Array<IValueOption<LocaleKey, ChartTypeBits>>;
 export declare function getDocChartInsertDisabledObservable(accessor: IAccessor): Observable<boolean>;
-export declare function DocChartInsertRibbonMenuItemFactory(accessor: IAccessor): IMenuSelectorItem<LocaleKey, ChartTypeBits, ChartTypeBits>;
-export declare function DocChartInsertMenuItemFactory(accessor: IAccessor): IMenuButtonItem<LocaleKey>;
-export declare function DocChartInsertBelowMenuItemFactory(accessor: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function DocChartInsertRibbonMenuItemFactory(accessor: IAccessor): IMenuButtonItem;
+export declare function DocChartInsertMenuItemFactory(accessor: IAccessor): IMenuButtonItem;
+export declare function DocChartInsertBelowMenuItemFactory(accessor: IAccessor): IMenuButtonItem;

package/lib/types/services/doc-chart-data-edit.service.d.ts

@@ -1,5 +1,4 @@
-import type { DocChartCellValue, IDocChartContext } from '@univerjs-pro/docs-chart';
-import type { ChartStyle, ChartTypeBits, IChartDataAggregation } from '@univerjs-pro/engine-chart';
+import type { InlineChartCellValue } from '@univerjs-pro/engine-chart';
 import { DocChartResourceService } from '@univerjs-pro/docs-chart';
 import { ICommandService } from '@univerjs/core';
 import { DocChartDataEditorSubmitMode } from '../components/DocChartDataEditor';
@@ -7,7 +6,7 @@ export interface IDocChartDataEditorState {
     unitId: string;
     chartId: string;
     dataSourceId: string;
-    values: DocChartCellValue[][];
+    values: InlineChartCellValue[][];
     sharingCount: number;
 }
 export declare class DocChartDataEditService {
@@ -15,10 +14,6 @@ export declare class DocChartDataEditService {
     private readonly _resourceService;
     constructor(_commandService: ICommandService, _resourceService: DocChartResourceService);
     getEditorState(unitId: string, chartId: string): IDocChartDataEditorState | null;
-    updateChartType(unitId: string, chartId: string, chartType: ChartTypeBits): boolean;
-    updateChartStyle(unitId: string, chartId: string, style: ChartStyle): boolean;
-    updateChartContext(unitId: string, chartId: string, context: Partial<IDocChartContext>): boolean;
-    updateDataAggregation(unitId: string, chartId: string, dataAggregation: Partial<IChartDataAggregation>): boolean;
     updateDataFromText(unitId: string, chartId: string, text: string, mode: DocChartDataEditorSubmitMode): boolean;
-    updateData(unitId: string, chartId: string, values: DocChartCellValue[][], mode: DocChartDataEditorSubmitMode): boolean;
+    updateData(unitId: string, chartId: string, values: InlineChartCellValue[][], mode: DocChartDataEditorSubmitMode): boolean;
 }

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

@@ -1,18 +1,6 @@
-import type { ChartImageSource, IChartHostRect, IChartHostStyle, IDomChartHost } from '@univerjs-pro/engine-chart';
-import { ChartHostRenderMode, ImageChartHost } from '@univerjs-pro/engine-chart';
+import type { IChartHostRect, IChartHostStyle, IDomChartHost } from '@univerjs-pro/engine-chart';
+import { ChartHostRenderMode } from '@univerjs-pro/engine-chart';
 import { Disposable } from '@univerjs/core';
-export declare class DocImageChartHost extends ImageChartHost {
-    private readonly _rect;
-    private _dataUrl;
-    constructor(chartId: string, _rect: IChartHostRect);
-    getRect(): IChartHostRect;
-    setStyle(_style: IChartHostStyle): void;
-    nextVersion(): number;
-    commitSnapshot(image: ChartImageSource, _version: number): boolean;
-    requestPaint(): void;
-    invalidateSnapshot(): void;
-    getDataUrl(): string | undefined;
-}
 export declare class DocDomChartHost extends Disposable implements IDomChartHost {
     readonly chartId: string;
     private readonly _host;

package/lib/types/services/doc-chart-insert.service.d.ts

@@ -1,10 +1,10 @@
-import type { DocChartCellValue, IDocChartContext, IInsertDocChartCommandResult } from '@univerjs-pro/docs-chart';
-import type { ChartStyle, ChartTypeBits, IChartDataAggregation } from '@univerjs-pro/engine-chart';
+import type { IInsertDocChartCommandResult } from '@univerjs-pro/docs-chart';
+import type { ChartStyle, ChartTypeBits, IChartDataAggregation, InlineChartCellValue, IStaticChartContext } from '@univerjs-pro/engine-chart';
 import type { ITextRangeParam } from '@univerjs/core';
 import { ICommandService, IUniverInstanceService } from '@univerjs/core';
 import { DocContentInsertService, DocSelectionManagerService } from '@univerjs/docs';
 export interface IDocChartInsertOptions {
-    context?: IDocChartContext;
+    context?: IStaticChartContext;
     dataAggregation?: IChartDataAggregation;
     style?: ChartStyle;
     insertRange?: ITextRangeParam;
@@ -22,7 +22,7 @@ export declare class DocChartInsertService {
     private readonly _docContentInsertService;
     constructor(_instanceService: IUniverInstanceService, _commandService: ICommandService, _docSelectionManagerService: DocSelectionManagerService, _docContentInsertService: DocContentInsertService);
     insertChartFromText(text: string, chartType: ChartTypeBits, options?: IDocChartInsertOptions): IDocChartInsertResult | false;
-    insertChart(values: DocChartCellValue[][], chartType: ChartTypeBits, options?: IDocChartInsertOptions): IDocChartInsertResult | false;
+    insertChart(values: InlineChartCellValue[][], chartType: ChartTypeBits, options?: IDocChartInsertOptions): IDocChartInsertResult | false;
     private _resolveInsertPosition;
     private _prepareStandaloneInsertLine;
 }

package/lib/types/services/doc-chart-render.service.d.ts

@@ -1,30 +1,25 @@
-import type { IDocChartRuntimeModel } from '@univerjs-pro/docs-chart';
-import type { ChartHostRenderMode, ChartStyle, IChartConfig, IChartHostRect, IChartHostStyle, IChartInstance, IChartRenderInstance, IChartRenderModel } from '@univerjs-pro/engine-chart';
+import type { ChartHostRenderMode, ChartRuntimeStyle, ChartStyle, IChartConfig, IChartHostRect, IChartHostStyle, IChartInstance, IChartRenderInstance, IStaticChartModelRuntime } from '@univerjs-pro/engine-chart';
 import { ChartThemeService, IChartRenderModelManagerService } from '@univerjs-pro/engine-chart';
 import { Disposable, LocaleService } from '@univerjs/core';
 export interface IDocChartRenderSpecResult {
     spec: Record<string, unknown>;
     chartConfig: IChartConfig;
-    chartStyle: ChartStyle;
+    chartStyle: ChartRuntimeStyle;
     hostStyle: IChartHostStyle;
 }
 export interface IDocChartRenderInput {
     chartConfig: IChartConfig;
-    chartStyle: ChartStyle;
+    chartStyle: ChartRuntimeStyle;
 }
-export declare const IDocChartRenderModelService: import("@wendellhu/redi").IdentifierDecorator<IChartRenderModel<Record<string, any>>>;
 export declare class DocChartRenderService extends Disposable {
     private readonly _localeService;
     private readonly _chartThemeService;
     private readonly _renderModelManager;
-    constructor(_localeService: LocaleService, _chartThemeService: ChartThemeService, renderModelManager: IChartRenderModelManagerService, renderModel?: IChartRenderModel);
-    registerRenderModel(name: string, renderModel: IChartRenderModel): void;
-    setRenderModel(name: string): void;
-    getRenderModel(name?: string): IChartRenderModel | undefined;
+    constructor(_localeService: LocaleService, _chartThemeService: ChartThemeService, _renderModelManager: IChartRenderModelManagerService);
     createChartInstance(): IChartInstance;
     createChartInstance(mode: ChartHostRenderMode): IChartRenderInstance;
-    createRenderInput(runtime: IDocChartRuntimeModel): IDocChartRenderInput;
-    createRenderSpec(runtime: IDocChartRuntimeModel, rect: IChartHostRect, chartInstance?: IChartInstance): IDocChartRenderSpecResult;
+    createRenderInput(runtime: IStaticChartModelRuntime): IDocChartRenderInput;
+    createRenderSpec(runtime: IStaticChartModelRuntime, rect: IChartHostRect, chartInstance?: IChartInstance): IDocChartRenderSpecResult;
     getHostStyle(chartStyle: ChartStyle): IDocChartRenderSpecResult['hostStyle'];
     applyHostStyle(host: HTMLElement, hostStyle: IDocChartRenderSpecResult['hostStyle']): void;
     private _createChartRenderInstanceContext;

package/lib/types/services/doc-chart-snapshot-render.service.d.ts

@@ -1,56 +1,13 @@
-import type { IDocChartRuntimeModel } from '@univerjs-pro/docs-chart';
+import type { IChartSnapshotRenderer, IChartSnapshotRequest } from '@univerjs-pro/chart-ui';
+import type { IStaticChartModelRuntime } from '@univerjs-pro/engine-chart';
+import { ChartSnapshotQueue } from '@univerjs-pro/chart-ui';
 import { DocChartModelService } from '@univerjs-pro/docs-chart';
-import { Disposable, LocaleService } from '@univerjs/core';
-import { Subject } from 'rxjs';
+import { LocaleService } from '@univerjs/core';
 import { DocChartRenderService } from './doc-chart-render.service';
-export interface IDocChartSnapshotRequest {
-    unitId: string;
-    chartId: string;
-    width: number;
-    height: number;
-    dpr?: number;
+export interface IDocChartSnapshotRequest extends IChartSnapshotRequest {
     mode?: 'main' | 'print' | 'export';
 }
-export interface IDocChartSnapshotEntry {
-    key: string;
-    status: 'pending' | 'ready' | 'error';
-    dataUrl?: string;
-    error?: unknown;
-}
-export interface IDocChartInvalidation {
-    unitId: string;
-    chartId: string;
-}
-export interface IDocChartInvalidationOptions {
-    waitForConfig?: boolean;
-}
-export interface IDocChartSnapshotRenderer {
-    render(request: IDocChartSnapshotRequest, runtime: IDocChartRuntimeModel): Promise<string>;
-}
-export declare const IDocChartSnapshotRendererService: import("@wendellhu/redi").IdentifierDecorator<IDocChartSnapshotRenderer>;
-export declare class DocChartSnapshotRenderService extends Disposable {
-    private readonly _localeService;
-    private readonly _modelService;
-    readonly snapshotUpdated$: Subject<IDocChartSnapshotEntry>;
-    readonly chartInvalidated$: Subject<IDocChartInvalidation>;
-    private readonly _cache;
-    private readonly _queue;
-    private readonly _configWaitKeys;
-    private _rendering;
-    private _activeDrain;
-    private readonly _renderer;
-    constructor(_localeService: LocaleService, _modelService: DocChartModelService, renderService: DocChartRenderService, renderer?: IDocChartSnapshotRenderer);
-    requestSnapshot(request: IDocChartSnapshotRequest): IDocChartSnapshotEntry;
-    getSnapshot(request: IDocChartSnapshotRequest): IDocChartSnapshotEntry | undefined;
-    invalidateChart(unitId: string, chartId: string, options?: IDocChartInvalidationOptions): void;
-    getCacheKey(request: IDocChartSnapshotRequest): string;
-    flushForTests(): Promise<void>;
-    dispose(): void;
-    private _drainQueue;
-    private _invalidateSnapshotsForDirectionChange;
-    private _runQueue;
-    private _renderOne;
-    private _waitForRuntimeConfig;
-    private _getChartKey;
-    private _getRuntimeModel;
+export declare const IDocChartSnapshotRendererService: import("@wendellhu/redi").IdentifierDecorator<IChartSnapshotRenderer<IDocChartSnapshotRequest, IStaticChartModelRuntime>>;
+export declare class DocChartSnapshotRenderService extends ChartSnapshotQueue<IDocChartSnapshotRequest> {
+    constructor(localeService: LocaleService, modelService: DocChartModelService, renderService: DocChartRenderService, renderer?: IChartSnapshotRenderer<IDocChartSnapshotRequest>);
 }

package/lib/types/services/doc-chart-ui.service.d.ts

@@ -0,0 +1,21 @@
+import type { IUpdateDocChartConfigCommandParams } from '@univerjs-pro/docs-chart';
+import type { IChartContext, IChartDataAggregation, IStaticChartModelRuntime } from '@univerjs-pro/engine-chart';
+import { ChartUIService, ChartViewStateRegistry } from '@univerjs-pro/chart-ui';
+import { DocChartModelService } from '@univerjs-pro/docs-chart';
+import { ICommandService } from '@univerjs/core';
+type DocChartUpdateConfigParams = Omit<IUpdateDocChartConfigCommandParams, 'unitId' | 'chartId'> & {
+    unitId?: string;
+    chartId?: string;
+    context?: Partial<IChartContext>;
+    dataAggregation?: Partial<IChartDataAggregation>;
+};
+export type IDocChartUIService = DocChartUIService;
+export declare const IDocChartUIService: import("@wendellhu/redi").IdentifierDecorator<DocChartUIService>;
+export declare class DocChartUIService extends ChartUIService<IStaticChartModelRuntime, DocChartUpdateConfigParams> {
+    private readonly _modelService;
+    private readonly _commandService;
+    constructor(_modelService: DocChartModelService, _commandService: ICommandService, viewStates: ChartViewStateRegistry);
+    get activeRuntimeModel(): IStaticChartModelRuntime | null;
+    executeChartUpdateConfig(params: DocChartUpdateConfigParams): void;
+}
+export {};

package/lib/types/utils/ChartPanelOptions.d.ts

@@ -1,9 +1 @@
-import type { IChartTypeOption } from '@univerjs-pro/chart-ui';
-import type { LocaleKey } from '../locale/types';
-import { ChartTypeBits } from '@univerjs-pro/engine-chart';
-export interface IDocChartTypeOption extends IChartTypeOption<LocaleKey> {
-    label: LocaleKey;
-    value: ChartTypeBits;
-}
-export declare const DOC_CHART_TYPE_OPTIONS: IDocChartTypeOption[];
-export declare const DOC_CHART_QUICK_TYPE_OPTIONS: IDocChartTypeOption[];
+export declare const DOC_CHART_QUICK_TYPE_OPTIONS: import("@univerjs-pro/chart-ui").IStaticChartTypeCatalogEntry[];