@univerjs-pro/chart-ui 1.0.4 → 1.1.0

package/lib/types/components/ChartTypeOptions.d.ts

@@ -1,17 +1,16 @@
-import type { PieSecondaryPlotType as PieSecondaryPlotTypeValue } from '@univerjs-pro/engine-chart';
 import type { ReactNode } from 'react';
-import { ChartTypeBits } from '@univerjs-pro/engine-chart';
+import { ChartTypeBits, PieSecondaryPlotType } from '@univerjs-pro/engine-chart';
 export interface IChartTypeOption<TLabel = ReactNode> {
     icon?: ReactNode;
     id?: string;
     label: TLabel;
-    pieSecondaryPlotType?: PieSecondaryPlotTypeValue;
+    pieSecondaryPlotType?: PieSecondaryPlotType;
     value: ChartTypeBits;
 }
 export interface IChartSelectOption {
     chartType?: ChartTypeBits;
     label: ReactNode;
-    pieSecondaryPlotType?: PieSecondaryPlotTypeValue;
+    pieSecondaryPlotType?: PieSecondaryPlotType;
     value: string;
 }
 export declare const CompositePieChartTypeOptionId: {
@@ -22,6 +21,10 @@ export declare const CHART_TYPE_CATALOG: readonly [{
     readonly labelId: "line";
     readonly value: ChartTypeBits.Line;
     readonly iconName: "LineChartIcon";
+}, {
+    readonly labelId: "line3D";
+    readonly value: ChartTypeBits.Line3D;
+    readonly iconName: "LineChartIcon";
 }, {
     readonly labelId: "column";
     readonly value: ChartTypeBits.Column;
@@ -34,6 +37,18 @@ export declare const CHART_TYPE_CATALOG: readonly [{
     readonly labelId: "columnPercentStacked";
     readonly value: ChartTypeBits.ColumnPercentStacked;
     readonly iconName: "ColumnChartIcon";
+}, {
+    readonly labelId: "column3D";
+    readonly value: ChartTypeBits.Column3D;
+    readonly iconName: "ColumnChartIcon";
+}, {
+    readonly labelId: "columnStacked3D";
+    readonly value: ChartTypeBits.ColumnStacked3D;
+    readonly iconName: "ColumnChartIcon";
+}, {
+    readonly labelId: "columnPercentStacked3D";
+    readonly value: ChartTypeBits.ColumnPercentStacked3D;
+    readonly iconName: "ColumnChartIcon";
 }, {
     readonly labelId: "bar";
     readonly value: ChartTypeBits.Bar;
@@ -46,6 +61,18 @@ export declare const CHART_TYPE_CATALOG: readonly [{
     readonly labelId: "barPercentStacked";
     readonly value: ChartTypeBits.BarPercentStacked;
     readonly iconName: "BarChartIcon";
+}, {
+    readonly labelId: "bar3D";
+    readonly value: ChartTypeBits.Bar3D;
+    readonly iconName: "BarChartIcon";
+}, {
+    readonly labelId: "barStacked3D";
+    readonly value: ChartTypeBits.BarStacked3D;
+    readonly iconName: "BarChartIcon";
+}, {
+    readonly labelId: "barPercentStacked3D";
+    readonly value: ChartTypeBits.BarPercentStacked3D;
+    readonly iconName: "BarChartIcon";
 }, {
     readonly labelId: "pie";
     readonly value: ChartTypeBits.Pie;
@@ -66,6 +93,10 @@ export declare const CHART_TYPE_CATALOG: readonly [{
     readonly value: ChartTypeBits.Pie;
     readonly pieSecondaryPlotType: "bar";
     readonly iconName: "PieChartIcon";
+}, {
+    readonly labelId: "pie3D";
+    readonly value: ChartTypeBits.Pie3D;
+    readonly iconName: "PieChartIcon";
 }, {
     readonly labelId: "area";
     readonly value: ChartTypeBits.Area;
@@ -78,6 +109,18 @@ export declare const CHART_TYPE_CATALOG: readonly [{
     readonly labelId: "areaPercentStacked";
     readonly value: ChartTypeBits.AreaPercentStacked;
     readonly iconName: "AreaChartIcon";
+}, {
+    readonly labelId: "area3D";
+    readonly value: ChartTypeBits.Area3D;
+    readonly iconName: "AreaChartIcon";
+}, {
+    readonly labelId: "areaStacked3D";
+    readonly value: ChartTypeBits.AreaStacked3D;
+    readonly iconName: "AreaChartIcon";
+}, {
+    readonly labelId: "areaPercentStacked3D";
+    readonly value: ChartTypeBits.AreaPercentStacked3D;
+    readonly iconName: "AreaChartIcon";
 }, {
     readonly labelId: "radar";
     readonly value: ChartTypeBits.Radar;

package/lib/types/editor/components/ChartValueField.d.ts

@@ -0,0 +1,2 @@
+import type { IChartNumberFieldProps } from './ChartNumberField';
+export declare function ChartValueField(props: Omit<IChartNumberFieldProps, 'allowEmpty' | 'precision' | 'step'>): import("react").JSX.Element;

package/lib/types/editor/hooks/use-chart-runtime-context.d.ts

@@ -1,5 +1,7 @@
 export declare function useChartRuntimeContext(): {
     direction: "ltr" | "rtl";
+    threeDRightAngleAxes?: boolean;
+    axisScaleStates?: ReturnType<typeof import("@univerjs-pro/engine-chart/models/chart-render/axes/chart-axis-scale.js").analyzeChartAxisScales>;
     adaptiveSize?: import("@univerjs-pro/engine-chart").IChartRuntimeAdaptiveSize;
     enableAdaptiveSize?: boolean;
     themeColors?: string[];

package/lib/types/editor/sections/ChartThreeDSection.d.ts

@@ -0,0 +1,3 @@
+export declare function ChartThreeDSection(props: {
+    section?: 'view' | 'depthAxis';
+}): import("react").JSX.Element | null;

package/lib/types/editor/sections/ChartTrendlineSection.d.ts

@@ -15,4 +15,4 @@ export interface IChartTrendlineDefaultValues {
 export declare const DEFAULT_CHART_TRENDLINE_VALUES: IChartTrendlineDefaultValues;
 export declare function ChartTrendlineSection(props: {
     defaultValues: IChartTrendlineDefaultValues;
-}): import("react").JSX.Element;
+}): import("react").JSX.Element | null;

package/lib/types/index.d.ts

@@ -54,6 +54,7 @@ export { ChartGradientFillField, ChartStackField, ChartThemeField, ChartTypeFiel
 export type { IChartTypeFieldProps, IChartWaterfallSetupDefaultValues, IChartWaterfallSetupFieldsProps, } from './editor/sections/ChartSetupSections';
 export { ChartStyleSection, DEFAULT_CHART_STYLE_VALUES, } from './editor/sections/ChartStyleSection';
 export type { IChartStyleDefaultValues, IChartStyleSectionProps, } from './editor/sections/ChartStyleSection';
+export { ChartThreeDSection } from './editor/sections/ChartThreeDSection';
 export { ChartAxisTitleFields, ChartMainTitleFields, ChartSubtitleFields, ChartTitleFontSizeFields, ChartTitlesSection, DEFAULT_CHART_TITLE_VALUES, } from './editor/sections/ChartTitleSections';
 export type { IChartTitleDefaultValues } from './editor/sections/ChartTitleSections';
 export { ChartTrendlineSection, DEFAULT_CHART_TRENDLINE_VALUES, } from './editor/sections/ChartTrendlineSection';

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

@@ -1,5 +1,20 @@
 declare const locale: {
     'chart-ui': {
+        threeD: {
+            title: string;
+            rotX: string;
+            rotY: string;
+            perspective: string;
+            rightAngleAxes: string;
+            depthPercent: string;
+            heightPercent: string;
+            gapDepth: string;
+            grouping: string;
+            standard: string;
+            clustered: string;
+            depthAxis: string;
+            explosion: string;
+        };
         dataSourceStatus: {
             loading: string;
             unavailable: string;
@@ -28,24 +43,7 @@ declare const locale: {
             area: string;
             areaStacked: string;
             areaPercentStacked: string;
-            radar: string;
-            scatter: string;
             combination: string;
-            wordCloud: string;
-            funnel: string;
-            bubble: string;
-            relation: string;
-            waterfall: string;
-            pareto: string;
-            sankey: string;
-            heatmap: string;
-            boxplot: string;
-            candlestick: string;
-            histogram: string;
-            treemap: string;
-            sunburst: string;
-            gauge: string;
-            chord: string;
         };
         section: {
             waterfall: string;
@@ -86,6 +84,7 @@ declare const locale: {
             number: string;
             scientific: string;
             custom: string;
+            formatValue: string;
             preview: string;
             generalType: string;
             accountingType: string;
@@ -140,6 +139,18 @@ declare const locale: {
             zero: string;
         };
         axis: {
+            logUnsupported: string;
+            logOrphanBase: string;
+            invalidLogBounds: string;
+            scaleType: string;
+            linear: string;
+            log: string;
+            logBase: string;
+            invalidLogBase: string;
+            logSkipped: string;
+            logNoPositive: string;
+            logPercent: string;
+            logBoundsReset: string;
             target: string;
             useDateAxis: string;
             lineColor: string;

package/lib/types/services/chart-view-state.d.ts

@@ -61,6 +61,8 @@ export declare enum ChartViewStateKey {
     SunburstStyle = "sunburstStyle",
     SunburstValueIndex = "sunburstValueIndex",
     Theme = "theme",
+    ThreeD = "threeD",
+    DepthAxis = "depthAxis",
     Title = "title",
     Treemap = "treemap",
     Trendlines = "trendlines",
@@ -105,6 +107,8 @@ export interface IChartViewStateMap {
     [ChartViewStateKey.SunburstStyle]: DeepNullish<IChartSunburstSpec> | undefined;
     [ChartViewStateKey.SunburstValueIndex]: number | undefined;
     [ChartViewStateKey.Theme]: ChartPendingConfig['theme'];
+    [ChartViewStateKey.ThreeD]: ChartPendingConfig['threeD'];
+    [ChartViewStateKey.DepthAxis]: ChartPendingConfig['depthAxis'];
     [ChartViewStateKey.Title]: ChartPendingConfig['title'];
     [ChartViewStateKey.Treemap]: ChartPendingConfig['treemap'];
     [ChartViewStateKey.Trendlines]: ChartPendingConfig['trendlines'];

package/lib/umd/facade.js

@@ -1 +1 @@
-(function(_0x139767,_0x298002){var _0x2efb41=_0x217c,_0x3df0b4=_0x139767();while(!![]){try{var _0x37e26c=parseInt(_0x2efb41(0xe5))/0x1*(parseInt(_0x2efb41(0xe1))/0x2)+-parseInt(_0x2efb41(0xe8))/0x3*(parseInt(_0x2efb41(0xe4))/0x4)+-parseInt(_0x2efb41(0xdf))/0x5*(parseInt(_0x2efb41(0xe9))/0x6)+-parseInt(_0x2efb41(0xea))/0x7*(parseInt(_0x2efb41(0xde))/0x8)+parseInt(_0x2efb41(0xe6))/0x9+parseInt(_0x2efb41(0xdd))/0xa+parseInt(_0x2efb41(0xe3))/0xb;if(_0x37e26c===_0x298002)break;else _0x3df0b4['push'](_0x3df0b4['shift']());}catch(_0xe317b6){_0x3df0b4['push'](_0x3df0b4['shift']());}}}(_0x20ed,0x310dd),function(_0x751e05,_0x214a1b){var _0x612c5d=_0x217c;typeof exports==_0x612c5d(0xeb)&&typeof module<'u'?_0x214a1b(require('@univerjs-pro/chart-ui'),require('@univerjs-pro/engine-chart/facade')):typeof define==_0x612c5d(0xe7)&&define[_0x612c5d(0xe2)]?define([_0x612c5d(0xee),_0x612c5d(0xf0)],_0x214a1b):(_0x751e05=typeof globalThis<'u'?globalThis:_0x751e05||self,_0x214a1b(_0x751e05[_0x612c5d(0xed)],_0x751e05['UniverProEngineChartFacade']));}(this,function(_0x513294,_0x2563b8){var _0x1ef3bf=_0x217c,_0x296a9c=class extends _0x2563b8[_0x1ef3bf(0xe0)]{[_0x1ef3bf(0xec)](_0x2dafb1){var _0x2cbdf0=_0x1ef3bf;return this['_injector'][_0x2cbdf0(0xdc)](_0x513294['ChartImageExportService'])[_0x2cbdf0(0xec)](this,_0x2dafb1);}};_0x2563b8[_0x1ef3bf(0xe0)][_0x1ef3bf(0xef)](_0x296a9c);}));function _0x217c(_0x459476,_0x4aa898){_0x459476=_0x459476-0xdc;var _0x20edd8=_0x20ed();var _0x217cc8=_0x20edd8[_0x459476];return _0x217cc8;}function _0x20ed(){var _0x5a4524=['UniverProChartUi','@univerjs-pro/chart-ui','extend','@univerjs-pro/engine-chart/facade','get','550670mHPEMb','404072SGznYQ','45295hMmCxv','FChart','2edvZqa','amd','7276808WDNlXK','708FUkaxR','249967yofRBU','414576xpCaSU','function','5769yQGNRw','78uUMidX','49HPUvSp','object','exportImage'];_0x20ed=function(){return _0x5a4524;};return _0x20ed();}
+(function(_0x13642e,_0x20f527){var _0x3309a6=_0x25a8,_0x3d7e29=_0x13642e();while(!![]){try{var _0x302a8a=parseInt(_0x3309a6(0x96))/0x1+-parseInt(_0x3309a6(0x8c))/0x2+-parseInt(_0x3309a6(0x99))/0x3*(parseInt(_0x3309a6(0x9a))/0x4)+-parseInt(_0x3309a6(0x87))/0x5+parseInt(_0x3309a6(0x8f))/0x6+parseInt(_0x3309a6(0x88))/0x7*(-parseInt(_0x3309a6(0x8e))/0x8)+parseInt(_0x3309a6(0x8a))/0x9*(parseInt(_0x3309a6(0x90))/0xa);if(_0x302a8a===_0x20f527)break;else _0x3d7e29['push'](_0x3d7e29['shift']());}catch(_0x533db2){_0x3d7e29['push'](_0x3d7e29['shift']());}}}(_0x5146,0x3743d),function(_0x15a900,_0x41947a){var _0x54deea=_0x25a8;typeof exports==_0x54deea(0x97)&&typeof module<'u'?_0x41947a(require('@univerjs-pro/chart-ui'),require('@univerjs-pro/engine-chart/facade')):typeof define==_0x54deea(0x8b)&&define[_0x54deea(0x91)]?define([_0x54deea(0x93),_0x54deea(0x8d)],_0x41947a):(_0x15a900=typeof globalThis<'u'?globalThis:_0x15a900||self,_0x41947a(_0x15a900[_0x54deea(0x92)],_0x15a900[_0x54deea(0x95)]));}(this,function(_0x1c77f8,_0x1d61ff){var _0x3b2f3=_0x25a8,_0x80cce0=class extends _0x1d61ff['FChart']{[_0x3b2f3(0x98)](_0x115e19){var _0xfcf320=_0x3b2f3;return this['_injector']['get'](_0x1c77f8[_0xfcf320(0x94)])[_0xfcf320(0x98)](this,_0x115e19);}};_0x1d61ff['FChart'][_0x3b2f3(0x89)](_0x80cce0);}));function _0x25a8(_0x221672,_0x37ee7c){_0x221672=_0x221672-0x87;var _0x5146c4=_0x5146();var _0x25a85f=_0x5146c4[_0x221672];return _0x25a85f;}function _0x5146(){var _0x4572fd=['346386SRSUwT','7730QxTSTR','amd','UniverProChartUi','@univerjs-pro/chart-ui','ChartImageExportService','UniverProEngineChartFacade','423788sNPCUv','object','exportImage','21fPjitb','117444uNrPCY','327820rEcpci','35mmmcGp','extend','7983UrNLYq','function','749338lBQjnf','@univerjs-pro/engine-chart/facade','472072BysvNC'];_0x5146=function(){return _0x4572fd;};return _0x5146();}