@univerjs-pro/chart-ui 1.0.3 → 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 _0x14bb(_0x396711,_0x4259b6){_0x396711=_0x396711-0x9e;var _0xcb17f0=_0xcb17();var _0x14bbb5=_0xcb17f0[_0x396711];return _0x14bbb5;}function _0xcb17(){var _0x36a505=['338495hmBVaa','9gTMZeb','function','extend','2043Jqytsa','2LZjdKc','_injector','FChart','exportImage','object','5256670PZhJTB','UniverProEngineChartFacade','18XvPxzm','64103FraAaa','amd','1161884vDsZkx','22cWfLBE','UniverProChartUi','@univerjs-pro/chart-ui','30032gmBJoh','897792VVLrqZ','841965JtmUAh','156oTERWn','get'];_0xcb17=function(){return _0x36a505;};return _0xcb17();}(function(_0x42f75a,_0x528bc0){var _0x241858=_0x14bb,_0x229f6e=_0x42f75a();while(!![]){try{var _0x5fc7d=-parseInt(_0x241858(0xb1))/0x1*(parseInt(_0x241858(0x9e))/0x2)+-parseInt(_0x241858(0xb2))/0x3*(-parseInt(_0x241858(0xa8))/0x4)+-parseInt(_0x241858(0xae))/0x5*(-parseInt(_0x241858(0xa5))/0x6)+-parseInt(_0x241858(0xad))/0x7+parseInt(_0x241858(0xac))/0x8*(parseInt(_0x241858(0xb5))/0x9)+-parseInt(_0x241858(0xa3))/0xa*(parseInt(_0x241858(0xa9))/0xb)+-parseInt(_0x241858(0xaf))/0xc*(parseInt(_0x241858(0xa6))/0xd);if(_0x5fc7d===_0x528bc0)break;else _0x229f6e['push'](_0x229f6e['shift']());}catch(_0x588896){_0x229f6e['push'](_0x229f6e['shift']());}}}(_0xcb17,0x9dda2),function(_0x5abc14,_0xc5435){var _0x2aef6=_0x14bb;typeof exports==_0x2aef6(0xa2)&&typeof module<'u'?_0xc5435(require('@univerjs-pro/chart-ui'),require('@univerjs-pro/engine-chart/facade')):typeof define==_0x2aef6(0xb3)&&define[_0x2aef6(0xa7)]?define([_0x2aef6(0xab),'@univerjs-pro/engine-chart/facade'],_0xc5435):(_0x5abc14=typeof globalThis<'u'?globalThis:_0x5abc14||self,_0xc5435(_0x5abc14[_0x2aef6(0xaa)],_0x5abc14[_0x2aef6(0xa4)]));}(this,function(_0x554837,_0x1fb3a2){var _0x52975b=_0x14bb,_0x7aaf38=class extends _0x1fb3a2[_0x52975b(0xa0)]{[_0x52975b(0xa1)](_0x3c7923){var _0x2f0fbd=_0x52975b;return this[_0x2f0fbd(0x9f)][_0x2f0fbd(0xb0)](_0x554837['ChartImageExportService'])['exportImage'](this,_0x3c7923);}};_0x1fb3a2['FChart'][_0x52975b(0xb4)](_0x7aaf38);}));
+(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();}