@univerjs-pro/engine-chart 1.0.0-beta.0 → 1.0.0-beta.1

package/lib/types/models/common/constants/default-chart-style.d.ts

@@ -20,19 +20,19 @@ export declare const MODERN_GAUGE_STYLE: {
     readonly axisTick: {
         readonly visible: false;
         readonly splitNumber: 2;
-        readonly length: 6;
+        readonly length: 5;
         readonly width: 1;
         readonly color: "gray.700";
     };
     readonly splitLine: {
         readonly visible: false;
-        readonly length: 10;
+        readonly length: 8;
         readonly width: 2;
         readonly color: "gray.700";
     };
     readonly axisLabel: {
         readonly visible: false;
-        readonly distance: 14;
+        readonly distance: 12;
         readonly color: "gray.700";
         readonly fontSize: 12;
         readonly bold: false;
@@ -61,18 +61,18 @@ export declare const MODERN_GAUGE_STYLE: {
     };
     readonly title: {
         readonly visible: true;
-        readonly offsetY: 0.65;
+        readonly offsetY: 0.95;
         readonly color: "gray.700";
-        readonly fontSize: 14;
+        readonly fontSize: 12;
         readonly bold: false;
         readonly italic: false;
         readonly family: "Arial";
     };
     readonly detail: {
         readonly visible: true;
-        readonly offsetY: 0.35;
+        readonly offsetY: 0.65;
         readonly color: "gray.700";
-        readonly fontSize: 32;
+        readonly fontSize: 14;
         readonly bold: true;
         readonly italic: false;
         readonly family: "Arial";
@@ -98,19 +98,19 @@ export declare const CLASSIC_GAUGE_STYLE: {
     readonly axisTick: {
         readonly visible: true;
         readonly splitNumber: 5;
-        readonly length: 6;
+        readonly length: 8;
         readonly width: 1;
         readonly color: "gray.700";
     };
     readonly splitLine: {
         readonly visible: true;
-        readonly length: 10;
+        readonly length: 12;
         readonly width: 2;
         readonly color: "gray.700";
     };
     readonly axisLabel: {
         readonly visible: true;
-        readonly distance: 14;
+        readonly distance: 12;
         readonly color: "gray.700";
         readonly fontSize: 12;
         readonly bold: false;
@@ -139,18 +139,18 @@ export declare const CLASSIC_GAUGE_STYLE: {
     };
     readonly title: {
         readonly visible: true;
-        readonly offsetY: 0.65;
+        readonly offsetY: 0.95;
         readonly color: "gray.700";
-        readonly fontSize: 14;
+        readonly fontSize: 12;
         readonly bold: false;
         readonly italic: false;
         readonly family: "Arial";
     };
     readonly detail: {
         readonly visible: true;
-        readonly offsetY: 0.35;
+        readonly offsetY: 0.65;
         readonly color: "gray.700";
-        readonly fontSize: 20;
+        readonly fontSize: 14;
         readonly bold: true;
         readonly italic: false;
         readonly family: "Arial";
@@ -175,7 +175,7 @@ export declare const STATUS_DIAL_GAUGE_STYLE: {
     };
     readonly axisLabel: {
         readonly visible: true;
-        readonly distance: 14;
+        readonly distance: 12;
         readonly color: "gray.700";
         readonly fontSize: 12;
         readonly bold: false;
@@ -203,19 +203,19 @@ export declare const STATUS_DIAL_GAUGE_STYLE: {
         readonly rounded: true;
     };
     readonly title: {
-        readonly offsetY: 0.65;
+        readonly offsetY: 0.95;
         readonly visible: true;
         readonly color: "gray.700";
-        readonly fontSize: 14;
+        readonly fontSize: 12;
         readonly bold: false;
         readonly italic: false;
         readonly family: "Arial";
     };
     readonly detail: {
-        readonly offsetY: 0.35;
-        readonly fontSize: 24;
+        readonly offsetY: 0.65;
         readonly visible: true;
         readonly color: "gray.700";
+        readonly fontSize: 14;
         readonly bold: true;
         readonly italic: false;
         readonly family: "Arial";
@@ -229,7 +229,7 @@ export declare const STATUS_DIAL_GAUGE_STYLE: {
     readonly axisTick: {
         readonly visible: false;
         readonly splitNumber: 2;
-        readonly length: 6;
+        readonly length: 5;
         readonly width: 1;
         readonly color: "gray.700";
     };
@@ -273,18 +273,18 @@ export declare const PROGRESS_GAUGE_STYLE: {
     };
     readonly title: {
         readonly visible: true;
-        readonly offsetY: 0.65;
+        readonly offsetY: 0.95;
         readonly color: "gray.700";
-        readonly fontSize: 14;
+        readonly fontSize: 12;
         readonly bold: false;
         readonly italic: false;
         readonly family: "Arial";
     };
     readonly detail: {
         readonly visible: true;
-        readonly offsetY: 0.35;
+        readonly offsetY: 0.65;
         readonly color: "gray.700";
-        readonly fontSize: 32;
+        readonly fontSize: 14;
         readonly bold: true;
         readonly italic: false;
         readonly family: "Arial";
@@ -330,9 +330,9 @@ export declare const MINIMAL_GAUGE_STYLE: {
     };
     readonly detail: {
         readonly visible: true;
-        readonly offsetY: 0.35;
+        readonly offsetY: 0.65;
         readonly color: "gray.700";
-        readonly fontSize: 32;
+        readonly fontSize: 14;
         readonly bold: true;
         readonly italic: false;
         readonly family: "Arial";
@@ -359,19 +359,19 @@ export declare const GAUGE_STYLE_TEMPLATES: {
         readonly axisTick: {
             readonly visible: false;
             readonly splitNumber: 2;
-            readonly length: 6;
+            readonly length: 5;
             readonly width: 1;
             readonly color: "gray.700";
         };
         readonly splitLine: {
             readonly visible: false;
-            readonly length: 10;
+            readonly length: 8;
             readonly width: 2;
             readonly color: "gray.700";
         };
         readonly axisLabel: {
             readonly visible: false;
-            readonly distance: 14;
+            readonly distance: 12;
             readonly color: "gray.700";
             readonly fontSize: 12;
             readonly bold: false;
@@ -400,18 +400,18 @@ export declare const GAUGE_STYLE_TEMPLATES: {
         };
         readonly title: {
             readonly visible: true;
-            readonly offsetY: 0.65;
+            readonly offsetY: 0.95;
             readonly color: "gray.700";
-            readonly fontSize: 14;
+            readonly fontSize: 12;
             readonly bold: false;
             readonly italic: false;
             readonly family: "Arial";
         };
         readonly detail: {
             readonly visible: true;
-            readonly offsetY: 0.35;
+            readonly offsetY: 0.65;
             readonly color: "gray.700";
-            readonly fontSize: 32;
+            readonly fontSize: 14;
             readonly bold: true;
             readonly italic: false;
             readonly family: "Arial";
@@ -437,19 +437,19 @@ export declare const GAUGE_STYLE_TEMPLATES: {
         readonly axisTick: {
             readonly visible: true;
             readonly splitNumber: 5;
-            readonly length: 6;
+            readonly length: 8;
             readonly width: 1;
             readonly color: "gray.700";
         };
         readonly splitLine: {
             readonly visible: true;
-            readonly length: 10;
+            readonly length: 12;
             readonly width: 2;
             readonly color: "gray.700";
         };
         readonly axisLabel: {
             readonly visible: true;
-            readonly distance: 14;
+            readonly distance: 12;
             readonly color: "gray.700";
             readonly fontSize: 12;
             readonly bold: false;
@@ -478,18 +478,18 @@ export declare const GAUGE_STYLE_TEMPLATES: {
         };
         readonly title: {
             readonly visible: true;
-            readonly offsetY: 0.65;
+            readonly offsetY: 0.95;
             readonly color: "gray.700";
-            readonly fontSize: 14;
+            readonly fontSize: 12;
             readonly bold: false;
             readonly italic: false;
             readonly family: "Arial";
         };
         readonly detail: {
             readonly visible: true;
-            readonly offsetY: 0.35;
+            readonly offsetY: 0.65;
             readonly color: "gray.700";
-            readonly fontSize: 20;
+            readonly fontSize: 14;
             readonly bold: true;
             readonly italic: false;
             readonly family: "Arial";
@@ -534,18 +534,18 @@ export declare const GAUGE_STYLE_TEMPLATES: {
         };
         readonly title: {
             readonly visible: true;
-            readonly offsetY: 0.65;
+            readonly offsetY: 0.95;
             readonly color: "gray.700";
-            readonly fontSize: 14;
+            readonly fontSize: 12;
             readonly bold: false;
             readonly italic: false;
             readonly family: "Arial";
         };
         readonly detail: {
             readonly visible: true;
-            readonly offsetY: 0.35;
+            readonly offsetY: 0.65;
             readonly color: "gray.700";
-            readonly fontSize: 32;
+            readonly fontSize: 14;
             readonly bold: true;
             readonly italic: false;
             readonly family: "Arial";
@@ -591,9 +591,9 @@ export declare const GAUGE_STYLE_TEMPLATES: {
         };
         readonly detail: {
             readonly visible: true;
-            readonly offsetY: 0.35;
+            readonly offsetY: 0.65;
             readonly color: "gray.700";
-            readonly fontSize: 32;
+            readonly fontSize: 14;
             readonly bold: true;
             readonly italic: false;
             readonly family: "Arial";
@@ -822,19 +822,19 @@ export declare const defaultChartConfig: {
         readonly axisTick: {
             readonly visible: true;
             readonly splitNumber: 5;
-            readonly length: 6;
+            readonly length: 8;
             readonly width: 1;
             readonly color: "gray.700";
         };
         readonly splitLine: {
             readonly visible: true;
-            readonly length: 10;
+            readonly length: 12;
             readonly width: 2;
             readonly color: "gray.700";
         };
         readonly axisLabel: {
             readonly visible: true;
-            readonly distance: 14;
+            readonly distance: 12;
             readonly color: "gray.700";
             readonly fontSize: 12;
             readonly bold: false;
@@ -863,18 +863,18 @@ export declare const defaultChartConfig: {
         };
         readonly title: {
             readonly visible: true;
-            readonly offsetY: 0.65;
+            readonly offsetY: 0.95;
             readonly color: "gray.700";
-            readonly fontSize: 14;
+            readonly fontSize: 12;
             readonly bold: false;
             readonly italic: false;
             readonly family: "Arial";
         };
         readonly detail: {
             readonly visible: true;
-            readonly offsetY: 0.35;
+            readonly offsetY: 0.65;
             readonly color: "gray.700";
-            readonly fontSize: 20;
+            readonly fontSize: 14;
             readonly bold: true;
             readonly italic: false;
             readonly family: "Arial";

package/lib/types/models/common/constants/default.d.ts

@@ -1,4 +1,5 @@
-import type { ChartStyle } from '../../../types';
+import type { ChartDirection, ChartRuntimeStyle } from '../../../types';
+export declare const DEFAULT_CHART_DIRECTION: ChartDirection;
 export declare const EChartRenderEngineName = "EChartRenderEngine";
 export declare const defaultChartWidth = 468;
 export declare const defaultChartHeight = 369;
@@ -6,7 +7,7 @@ export declare const LegendPadding = 15;
 export declare const TitleOrLegendPadding = 12;
 export declare const TitleDefaultStartPosition = 8;
 export declare const DEFAULT_CHART_LAYOUT_PADDING = 14;
-export declare function getChartLayoutPadding(style?: ChartStyle): number;
+export declare function getChartLayoutPadding(style: ChartRuntimeStyle): number;
 export declare const TitleLineHeightBase = 1.2;
 export declare const AxisLabelMaxPercent = 0.15;
 export declare const defaultBubbleSize = 0.12;

package/lib/types/plugin.d.ts

@@ -1,5 +1,5 @@
-import { IConfigService, Injector, Plugin, UniverInstanceType } from '@univerjs/core';
 import type { IUniverChartConfig } from './config/config';
+import { IConfigService, Injector, Plugin, UniverInstanceType } from '@univerjs/core';
 /** Registers the shared chart rendering runtime used by every chart host. */
 export declare class UniverChartPlugin extends Plugin {
     private readonly _config;

package/lib/types/types.d.ts

@@ -694,9 +694,6 @@ export interface IChartPlotArea {
     height: number;
 }
 export interface IChartStyle {
-    runtime: IChartRuntimeContext;
-    /** Runtime-only locale direction. It must not be persisted in chart snapshots. */
-    direction: ChartDirection;
     width: number;
     height: number;
     theme: string;
@@ -825,7 +822,8 @@ export interface IRelationForceOptions {
 }
 export type ChartStyle = DeepPartial<IChartStyle>;
 export type ChartRenderRuntimeContext = Omit<DeepPartial<IChartRuntimeContext>, 'localeTexts'> & Pick<IChartRuntimeContext, 'localeTexts'>;
-export type ChartRuntimeStyle = Omit<ChartStyle, 'runtime'> & {
+export type ChartRuntimeStyle = ChartStyle & {
+    direction: ChartDirection;
     runtime: ChartRenderRuntimeContext;
 };
 export interface IChartConfig extends IChartData {

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

@@ -1,4 +1,10 @@
+/** Copies only the top-level container while preserving nested references. */
+export declare function shallowClone<T>(value: T): T;
 /** Deep-clones a value while removing own properties whose value is undefined. */
 export declare function cloneWithoutUndefined<T>(value: T): T;
 /** Returns an undefined-free record, or undefined when no fields remain. */
 export declare function compactRecord<T extends object>(value: T): T | undefined;
+/** Returns a shallow copy without own string fields whose value is undefined. */
+export declare function omitUndefinedFields<T extends object>(value: T): T;
+/** Deletes own string fields whose value is undefined and preserves object identity. */
+export declare function deleteUndefinedFields<T extends object>(target: T): T;