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

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

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react';
+import type { IChartFieldControlProps } from './ChartField';
+export interface IChartMultiSelectFieldOption<T extends string> {
+    disabled?: boolean;
+    label: ReactNode;
+    value: T;
+}
+export interface IChartMultiSelectFieldProps<T extends string> {
+    disabled?: boolean;
+    error?: ReactNode;
+    help?: ReactNode;
+    label: ReactNode;
+    onChange: (value: T[]) => void;
+    options: ReadonlyArray<IChartMultiSelectFieldOption<T>>;
+    value: T[];
+}
+export interface IChartMultiSelectControlProps<T extends string> {
+    controlProps?: IChartFieldControlProps;
+    disabled?: boolean;
+    onChange: (value: T[]) => void;
+    options: ReadonlyArray<IChartMultiSelectFieldOption<T>>;
+    value: T[];
+}
+export declare function ChartMultiSelectControl<T extends string>(props: IChartMultiSelectControlProps<T>): import("react").JSX.Element;
+export declare function ChartMultiSelectField<T extends string>(props: IChartMultiSelectFieldProps<T>): import("react").JSX.Element;

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

@@ -0,0 +1,16 @@
+import type { ReactNode } from 'react';
+export interface IChartNumberFieldProps {
+    allowClear?: boolean;
+    allowEmpty?: boolean;
+    disabled?: boolean;
+    error?: ReactNode;
+    help?: ReactNode;
+    label: ReactNode;
+    max?: number;
+    min?: number;
+    onChange: (value: number | null) => void;
+    precision?: number;
+    step?: number;
+    value: number | null;
+}
+export declare function ChartNumberField(props: IChartNumberFieldProps): import("react").JSX.Element;

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

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react';
+import type { IChartFieldControlProps } from './ChartField';
+export interface IChartSelectFieldOption<T extends string> {
+    disabled?: boolean;
+    label: ReactNode;
+    value: T;
+}
+export interface IChartSelectFieldProps<T extends string> {
+    disabled?: boolean;
+    error?: ReactNode;
+    help?: ReactNode;
+    label: ReactNode;
+    onChange: (value: T) => void;
+    options: ReadonlyArray<IChartSelectFieldOption<T>>;
+    value: T;
+}
+export interface IChartSelectControlProps<T extends string> {
+    controlProps?: IChartFieldControlProps;
+    disabled?: boolean;
+    onChange: (value: T) => void;
+    options: ReadonlyArray<IChartSelectFieldOption<T>>;
+    value: T;
+}
+export declare function ChartSelectControl<T extends string>(props: IChartSelectControlProps<T>): import("react").JSX.Element;
+export declare function ChartSelectField<T extends string>(props: IChartSelectFieldProps<T>): import("react").JSX.Element;

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

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+export type ChartTextFieldCommitMode = 'blur' | 'change';
+export interface IChartTextFieldProps {
+    allowClear?: boolean;
+    commitMode: ChartTextFieldCommitMode;
+    disabled?: boolean;
+    error?: ReactNode;
+    help?: ReactNode;
+    label: ReactNode;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    value: string;
+}
+export declare function ChartTextField(props: IChartTextFieldProps): import("react").JSX.Element;

package/lib/types/editor/hooks/use-chart-config-state.d.ts

@@ -0,0 +1,3 @@
+import type { ChartViewStateName, IChartViewStateMap } from '../../services/chart-view-state';
+export declare function useChartConfigState<V, K extends ChartViewStateName = ChartViewStateName>(key: K, defaultValue: V): [V, (value: V) => void];
+export declare function useChartConfigState<K extends ChartViewStateName>(key: K): [IChartViewStateMap[K] | undefined, (value: IChartViewStateMap[K]) => void];

package/lib/types/editor/hooks/use-chart-data-mapping-fields.d.ts

@@ -0,0 +1,5 @@
+import type { IChartEditorOption } from '../../services/chart-view-state';
+export declare function useChartDataMappingFields(fields: IChartEditorOption[]): {
+    categoryFields: IChartEditorOption[];
+    seriesFields: IChartEditorOption[];
+};

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

@@ -0,0 +1,3 @@
+import { ChartTypeBits } from '@univerjs-pro/engine-chart';
+export declare function useChartEditorChartType(): ChartTypeBits;
+export declare function useChartEditorHasRightAxis(): boolean;

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

@@ -0,0 +1,13 @@
+export declare function useChartRuntimeContext(): {
+    direction: "ltr" | "rtl";
+    themeColors?: string[];
+    axes: import("@univerjs-pro/engine-chart").IRuntimeAxis[];
+    themeInfo: import("@univerjs-pro/engine-chart").IEchartTheme;
+    wordCloudRenderConfig?: import("@univerjs-pro/engine-chart").IWordCloudRenderConfig;
+    addWatermark?: boolean;
+    layoutInset?: number;
+    getRenderColor(color: string): string;
+    isDarkMode: boolean;
+    hasSecondaryAxis: boolean;
+    localeTexts: import("@univerjs-pro/engine-chart").IChartLocaleTexts;
+};

package/lib/types/editor/routing/chart-edit-panel-route.d.ts

@@ -0,0 +1,21 @@
+import type { IChartElementHit } from '@univerjs-pro/engine-chart';
+import type { ChartAxisId, ChartElementConfigTarget, ChartTitleKey } from '../../float-menu/types';
+import { ChartEditPanelSection, ChartEditPanelTab } from '../../float-menu/types';
+export interface IChartEditPanelRoute {
+    axisId?: ChartAxisId;
+    section?: ChartEditPanelSection;
+    seriesId?: string;
+    tab: ChartEditPanelTab;
+    titleKey?: ChartTitleKey;
+}
+export interface IChartPanelRouteState {
+    chartId: string;
+    route: IChartEditPanelRoute | null;
+}
+export interface IChartSelectedElementState {
+    chartId: string;
+    element: IChartElementHit;
+    route: IChartEditPanelRoute;
+    target: ChartElementConfigTarget;
+}
+export declare function resolveChartEditPanelRoute(target: ChartElementConfigTarget): IChartEditPanelRoute | undefined;

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

@@ -0,0 +1,63 @@
+import type { ChartNumberFormatFieldComponent } from '../atoms/common/ChartNumberFormatAtom';
+import type { ChartAxisKey } from '../utils/chart-runtime-axis';
+import { ChartAxisTickPosition } from '@univerjs-pro/engine-chart';
+export interface IChartAxisDefaultValues {
+    color: string;
+    dateAxisRotation: number;
+    gridlineWidth: number;
+    labelFontSize: number;
+    labelRotation: number;
+    labelVisible: boolean;
+    primaryGridLineVisible: boolean;
+    reverse: boolean;
+    secondaryGridLineVisible: boolean;
+    tickLength: string;
+    tickPosition: ChartAxisTickPosition;
+    tickVisible: boolean;
+    tickWidth: string;
+}
+export declare const DEFAULT_CHART_AXIS_VALUES: IChartAxisDefaultValues;
+export declare function ChartAxisLineVisibilityField(props: {
+    axis: ChartAxisKey;
+    defaultValues: IChartAxisDefaultValues;
+}): import("react").JSX.Element | null;
+export declare function ChartAxisLabelVisibilityField(props: {
+    axis: ChartAxisKey;
+    defaultValues: IChartAxisDefaultValues;
+}): import("react").JSX.Element | null;
+export declare function ChartAxisReverseField(props: {
+    axis: ChartAxisKey;
+    defaultValues: IChartAxisDefaultValues;
+}): import("react").JSX.Element | null;
+export declare function ChartAxisBoundsFields(props: {
+    axis: ChartAxisKey;
+}): import("react").JSX.Element | null;
+export declare function ChartAxisFormatTextField(props: {
+    axis: ChartAxisKey;
+}): import("react").JSX.Element | null;
+export declare function ChartAxisLabelStyleFields(props: {
+    axis: ChartAxisKey;
+    defaultValues: IChartAxisDefaultValues;
+}): import("react").JSX.Element | null;
+export declare function ChartAxisTickVisibilityField(props: {
+    axis: ChartAxisKey;
+    defaultValues: IChartAxisDefaultValues;
+}): import("react").JSX.Element | null;
+export declare function ChartGridlineVisibilityField(props: {
+    axis: ChartAxisKey;
+    defaultValues: IChartAxisDefaultValues;
+    label?: string;
+}): import("react").JSX.Element | null;
+export declare function ChartGridlineWidthField(props: {
+    axis: ChartAxisKey;
+    defaultValues: IChartAxisDefaultValues;
+    label?: string;
+}): import("react").JSX.Element | null;
+export declare function ChartAxisSection(props: {
+    axis: ChartAxisKey;
+    defaultValues: IChartAxisDefaultValues;
+    NumberFormatField?: ChartNumberFormatFieldComponent;
+}): import("react").JSX.Element | null;
+export declare function ChartGridlinesAndTicksSection(props: {
+    defaultValues: IChartAxisDefaultValues;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,20 @@
+import type { IChartAxisPointerSpec } from '@univerjs-pro/engine-chart';
+export interface IChartIndicatorLineDefaultValues {
+    indicatorLabelBackground: string;
+    indicatorLabelTextColor: string;
+    indicatorLineColor: string;
+    indicatorLineType: NonNullable<IChartAxisPointerSpec['indicatorLineType']>;
+}
+export declare const DEFAULT_CHART_INDICATOR_LINE_VALUES: IChartIndicatorLineDefaultValues;
+export declare function ChartIndicatorLineColorField(props: {
+    defaultValues: IChartIndicatorLineDefaultValues;
+}): import("react").JSX.Element;
+export declare function ChartIndicatorLineTypeField(props: {
+    defaultValues: IChartIndicatorLineDefaultValues;
+}): import("react").JSX.Element;
+export declare function ChartIndicatorLabelColorFields(props: {
+    defaultValues: IChartIndicatorLineDefaultValues;
+}): import("react").JSX.Element;
+export declare function ChartIndicatorLineSection(props: {
+    defaultValues: IChartIndicatorLineDefaultValues;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,27 @@
+import type { ReactNode } from 'react';
+import type { IChartFontValue } from '../components/ChartFontField';
+import { ChartVisualMapType, LegendPositionEnum, SelectModeEnum } from '@univerjs-pro/engine-chart';
+export interface IChartLegendDefaultValues {
+    font: IChartFontValue & {
+        color: string;
+        fontSize: number;
+    };
+    position: LegendPositionEnum;
+    selectMode: SelectModeEnum;
+    visualMapType: ChartVisualMapType;
+    wrap: boolean;
+}
+export declare const DEFAULT_CHART_LEGEND_VALUES: IChartLegendDefaultValues;
+export declare function ChartLegendRoot(props: {
+    children: ReactNode;
+    defaultValues: IChartLegendDefaultValues;
+}): import("react").JSX.Element;
+export declare function ChartLegendPositionField(): import("react").JSX.Element;
+export declare function ChartLegendWrapField(): import("react").JSX.Element | null;
+export declare function ChartLegendVisualMapField(): import("react").JSX.Element | null;
+export declare function ChartLegendSelectModeField(): import("react").JSX.Element | null;
+export declare function ChartLegendFontFields(): import("react").JSX.Element | null;
+export declare function ChartLegendFontSizeField(): import("react").JSX.Element | null;
+export declare function ChartLegendSection(props: {
+    defaultValues: IChartLegendDefaultValues;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,11 @@
+import { AreaLineStyle, InvalidValueType } from '@univerjs-pro/engine-chart';
+export type LineStyleControl = 'segmented' | 'select';
+export interface IChartLineAndAreaDefaultValues {
+    invalidValueStrategy: InvalidValueType;
+    lineStyle: AreaLineStyle;
+}
+export declare const DEFAULT_CHART_LINE_AND_AREA_VALUES: IChartLineAndAreaDefaultValues;
+export declare function ChartLineAndAreaSection(props: {
+    defaultValues: IChartLineAndAreaDefaultValues;
+    lineStyleControl: LineStyleControl;
+}): import("react").JSX.Element | null;

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

@@ -0,0 +1,26 @@
+import type { LinePointShape } from '@univerjs-pro/engine-chart';
+import type { ChartNumberFormatFieldComponent } from '../atoms/common/ChartNumberFormatAtom';
+import { ChartBorderDashType, LabelContentType, SeriesLabelPosition } from '@univerjs-pro/engine-chart';
+export type ChartParetoSeriesTarget = 'barStyle' | 'cumulativeLineStyle';
+export interface IChartParetoDefaultValues {
+    borderDashType: ChartBorderDashType;
+    borderOpacity: number;
+    borderWidth: number;
+    includeZeroValues: boolean;
+    labelContentType: LabelContentType;
+    labelPosition: SeriesLabelPosition;
+    labelVisible: boolean;
+    lineDashType: ChartBorderDashType;
+    lineOpacity: number;
+    lineWidth: number;
+    pointShape: LinePointShape;
+    pointSize: number;
+    textColor: string;
+}
+export declare const DEFAULT_CHART_PARETO_VALUES: IChartParetoDefaultValues;
+export declare function ChartParetoSeriesSection(props: {
+    defaultValues: IChartParetoDefaultValues;
+    NumberFormatField?: ChartNumberFormatFieldComponent;
+    showDataPointEditor: boolean;
+    target: ChartParetoSeriesTarget;
+}): import("react").JSX.Element | null;

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

@@ -0,0 +1,60 @@
+import type { LinePointShape } from '@univerjs-pro/engine-chart';
+import type { ReactNode } from 'react';
+import type { IChartEditorSeriesState } from '../../services/chart-view-state';
+import type { ChartNumberFormatFieldComponent } from '../atoms/common/ChartNumberFormatAtom';
+import { ChartBorderDashType, ChartSeriesTypeString, LabelContentType, SeriesLabelPosition } from '@univerjs-pro/engine-chart';
+export interface IChartSeriesDefaultValues {
+    borderDashType: ChartBorderDashType;
+    borderOpacity: number;
+    borderWidth: number;
+    color: string;
+    labelContentType: LabelContentType;
+    labelFontSize: number;
+    labelPosition: SeriesLabelPosition;
+    labelVisible: boolean;
+    lineOrAreaBorderWidth: number;
+    pointShape: LinePointShape;
+    pointSize: number;
+    radarFillOpacity: number;
+    radarBorderWidth: number;
+    rightAxis: {
+        ltr: boolean;
+        rtl: boolean;
+    };
+    scatterPointSize: number;
+    seriesFillOpacity: number;
+}
+export declare const DEFAULT_CHART_SERIES_VALUES: IChartSeriesDefaultValues;
+export declare function resolveCombinationSeriesType(series: readonly IChartEditorSeriesState[], selector: number | null): ChartSeriesTypeString | '';
+export declare function ChartSeriesDataPointFields(): import("react").JSX.Element | null;
+export declare function ChartSeriesSelector(): import("react").JSX.Element;
+export declare function ChartSeriesTypeField(props: {
+    individualOnly?: boolean;
+}): import("react").JSX.Element | null;
+export declare function ChartSeriesRightAxisField(): import("react").JSX.Element;
+export declare function ChartSeriesFillFields(): import("react").JSX.Element;
+export declare function ChartSeriesBorderFields(props: {
+    showColor?: boolean;
+    showOpacity?: boolean;
+}): import("react").JSX.Element;
+export declare function ChartSeriesPointFields(props: {
+    showColor?: boolean;
+}): import("react").JSX.Element;
+export declare function ChartSeriesLabelVisibilityField(): import("react").JSX.Element;
+export declare function ChartSeriesLabelContentField(): import("react").JSX.Element;
+export declare function ChartSeriesLabelPositionField(): import("react").JSX.Element;
+export declare function ChartSeriesLabelFormatField(): import("react").JSX.Element;
+export declare function ChartSeriesLabelFontFields(): import("react").JSX.Element;
+export declare function ChartSeriesLabelFontSizeField(): import("react").JSX.Element;
+export declare function ChartSeriesDataLabelFields(): import("react").JSX.Element;
+export declare function ChartSeriesRoot(props: {
+    children: ReactNode;
+    defaultValues: IChartSeriesDefaultValues;
+    NumberFormatField?: ChartNumberFormatFieldComponent;
+    selectedSeriesId?: string;
+}): import("react").JSX.Element;
+export declare function ChartSeriesSection(props: {
+    defaultValues: IChartSeriesDefaultValues;
+    NumberFormatField?: ChartNumberFormatFieldComponent;
+    selectedSeriesId?: string;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,21 @@
+import type { IChartSelectOption } from '../../components/ChartTypeOptions';
+import { ChartTypeBits, WaterfallStackTypeEnum } from '@univerjs-pro/engine-chart';
+export interface IChartTypeFieldProps {
+    onChange?: (chartType: ChartTypeBits) => void;
+    options: readonly IChartSelectOption[];
+}
+export declare function ChartTypeField(props: IChartTypeFieldProps): import("react").JSX.Element;
+export declare function ChartThemeField(): import("react").JSX.Element;
+export declare function ChartGradientFillField(props: {
+    visible: boolean;
+}): import("react").JSX.Element | null;
+export declare function ChartStackField(): import("react").JSX.Element | null;
+export interface IChartWaterfallSetupDefaultValues {
+    stackType: WaterfallStackTypeEnum;
+    useSubtotal: boolean;
+}
+export declare const DEFAULT_CHART_WATERFALL_SETUP_VALUES: IChartWaterfallSetupDefaultValues;
+export interface IChartWaterfallSetupFieldsProps {
+    defaultValues: IChartWaterfallSetupDefaultValues;
+}
+export declare function ChartWaterfallSetupFields(props: IChartWaterfallSetupFieldsProps): import("react").JSX.Element | null;

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

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+export interface IChartStyleSectionProps {
+    children?: ReactNode;
+    defaultValues: IChartStyleDefaultValues;
+    hostBorder?: ReactNode;
+    showBodyFont: boolean;
+}
+export interface IChartStyleDefaultValues {
+    backgroundColor: string;
+    bodyFontColor: string;
+    bodyFontSize: number;
+    borderColor: string;
+}
+export declare const DEFAULT_CHART_STYLE_VALUES: IChartStyleDefaultValues;
+export declare function ChartStyleSection(props: IChartStyleSectionProps): import("react").JSX.Element;

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

@@ -0,0 +1,50 @@
+import type { IChartAxesSpec, LabelAlignEnum } from '@univerjs-pro/engine-chart';
+import type { ReactNode } from 'react';
+import type { ChartTitleKey as ChartTitleKeyValue } from '../../float-menu/types';
+import type { IChartFontValue } from '../components/ChartFontField';
+import type { ChartTextFieldCommitMode } from '../components/ChartTextField';
+import { AxisAlignEnum, TitlePositionEnum } from '@univerjs-pro/engine-chart';
+type ChartAxisKey = keyof IChartAxesSpec;
+export interface IChartTitleDefaultValues {
+    axisTitleAlignment: AxisAlignEnum;
+    axisTitleFont: IChartFontValue;
+    mainTitleFont: IChartFontValue<LabelAlignEnum>;
+    position: TitlePositionEnum;
+    subtitleFont: IChartFontValue<LabelAlignEnum>;
+}
+export declare const DEFAULT_CHART_TITLE_VALUES: IChartTitleDefaultValues;
+export declare function ChartMainTitleFields(props: {
+    commitMode: ChartTextFieldCommitMode;
+    defaultValues: IChartTitleDefaultValues;
+    showFont: boolean;
+}): import("react").JSX.Element;
+export declare function ChartSubtitleFields(props: {
+    commitMode: ChartTextFieldCommitMode;
+    defaultValues: IChartTitleDefaultValues;
+    showFont: boolean;
+}): import("react").JSX.Element;
+export declare function ChartAxisTitleFields(props: {
+    axis: ChartAxisKey;
+    commitMode: ChartTextFieldCommitMode;
+    defaultValues: IChartTitleDefaultValues;
+    showAlignment: boolean;
+    showFont: boolean;
+}): import("react").JSX.Element;
+export declare function ChartTitleFontSizeFields(props: {
+    defaultValues: IChartTitleDefaultValues;
+}): import("react").JSX.Element;
+export declare function ChartTitleTargetRoot(props: {
+    children: ReactNode;
+    defaultValues: IChartTitleDefaultValues;
+    selectedTitleKey?: ChartTitleKeyValue;
+}): import("react").JSX.Element;
+export declare function ChartTitleTargetSelect(): import("react").JSX.Element;
+export declare function ChartSelectedTitleFields(props: {
+    commitMode: ChartTextFieldCommitMode;
+}): import("react").JSX.Element;
+export declare function ChartTitlesSection(props: {
+    commitMode: ChartTextFieldCommitMode;
+    defaultValues: IChartTitleDefaultValues;
+    selectedTitleKey?: ChartTitleKeyValue;
+}): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,18 @@
+import type { IChartTrendlineSpec } from '@univerjs-pro/engine-chart';
+import { ChartTrendlineType } from '@univerjs-pro/engine-chart';
+export interface IChartTrendlineDefaultValues {
+    color: string;
+    dashType: NonNullable<IChartTrendlineSpec['dashType']>;
+    opacity: number;
+    order: number;
+    period: number;
+    showFormula: boolean;
+    showR2: boolean;
+    textColor: string;
+    type: ChartTrendlineType;
+    width: number;
+}
+export declare const DEFAULT_CHART_TRENDLINE_VALUES: IChartTrendlineDefaultValues;
+export declare function ChartTrendlineSection(props: {
+    defaultValues: IChartTrendlineDefaultValues;
+}): import("react").JSX.Element;

package/lib/types/editor/sections/chart-capabilities.d.ts

@@ -0,0 +1,10 @@
+import { ChartTypeBits } from '@univerjs-pro/engine-chart';
+export declare enum ChartEditorCapability {
+    Axes = 1,
+    GeneralSeries = 2,
+    IndicatorLine = 4,
+    Legend = 8
+}
+export declare function chartTypeSupportsCapability(chartType: ChartTypeBits, capability: ChartEditorCapability): boolean;
+export declare function chartTypeSupportsLineAndAreaStyle(chartType: ChartTypeBits): boolean;
+export declare function chartTypeSupportsPlotArea(chartType: ChartTypeBits): boolean;

package/lib/types/editor/sections/chart-style-options.d.ts

@@ -0,0 +1,86 @@
+import { ChartBorderDashType, LinePointShape } from '@univerjs-pro/engine-chart';
+export declare const CHART_BORDER_DASH_OPTION_DEFINITIONS: readonly [{
+    readonly value: ChartBorderDashType.Solid;
+    readonly labelKey: "chart-ui.series.solid";
+}, {
+    readonly value: ChartBorderDashType.Dashed;
+    readonly labelKey: "chart-ui.common.dashed";
+}, {
+    readonly value: ChartBorderDashType.Dotted;
+    readonly labelKey: "chart-ui.common.dotted";
+}];
+export declare const CHART_POINT_SHAPE_OPTION_DEFINITIONS: readonly [{
+    readonly value: LinePointShape.Circle;
+    readonly labelKey: "chart-ui.common.circle";
+}, {
+    readonly value: LinePointShape.Square;
+    readonly labelKey: "chart-ui.series.square";
+}, {
+    readonly value: LinePointShape.Triangle;
+    readonly labelKey: "chart-ui.common.triangle";
+}, {
+    readonly value: LinePointShape.Diamond;
+    readonly labelKey: "chart-ui.common.diamond";
+}, {
+    readonly value: LinePointShape.Rect;
+    readonly labelKey: "chart-ui.series.rect";
+}, {
+    readonly value: LinePointShape.RoundRect;
+    readonly labelKey: "chart-ui.series.roundRect";
+}, {
+    readonly value: LinePointShape.Pin;
+    readonly labelKey: "chart-ui.series.pin";
+}, {
+    readonly value: LinePointShape.Arrow;
+    readonly labelKey: "chart-ui.common.arrow";
+}, {
+    readonly value: LinePointShape.None;
+    readonly labelKey: "chart-ui.common.none";
+}, {
+    readonly value: LinePointShape.EmptyCircle;
+    readonly labelKey: "chart-ui.series.emptyCircle";
+}, {
+    readonly value: LinePointShape.EmptySquare;
+    readonly labelKey: "chart-ui.series.emptySquare";
+}, {
+    readonly value: LinePointShape.EmptyTriangle;
+    readonly labelKey: "chart-ui.series.emptyTriangle";
+}, {
+    readonly value: LinePointShape.EmptyDiamond;
+    readonly labelKey: "chart-ui.series.emptyDiamond";
+}, {
+    readonly value: LinePointShape.EmptyRect;
+    readonly labelKey: "chart-ui.series.emptyRect";
+}, {
+    readonly value: LinePointShape.EmptyRoundRect;
+    readonly labelKey: "chart-ui.series.emptyRoundRect";
+}, {
+    readonly value: LinePointShape.EmptyPin;
+    readonly labelKey: "chart-ui.series.emptyPin";
+}, {
+    readonly value: LinePointShape.EmptyArrow;
+    readonly labelKey: "chart-ui.series.emptyArrow";
+}];
+export declare const CHART_DEFAULT_OPTION_VALUE = "__default__";
+export declare const CHART_DEFAULT_AXIS_LABEL_ROTATION = 0;
+export declare const CHART_DEFAULT_GRIDLINE_WIDTH = 1;
+export declare const CHART_EDITOR_MIN_FONT_SIZE = 8;
+export declare const CHART_NON_NEGATIVE_VALUE_MIN = 0;
+export declare const CHART_OPACITY_RANGE: {
+    readonly max: 1;
+    readonly min: 0;
+    readonly step: 0.1;
+};
+export declare const CHART_PIE_HOLE_VALUES: readonly [0, 0.25, 0.5, 0.75];
+export declare function buildChartAxisLabelRotationOptions(): {
+    label: string;
+    value: string;
+}[];
+export declare function buildChartTrendlineOrderOptions(): {
+    label: string;
+    value: string;
+}[];
+export declare function buildChartGridlineWidthOptions(): {
+    label: string;
+    value: string;
+}[];

package/lib/types/editor/sections/specific-section/ChartCandlestickStyleSection.d.ts

@@ -0,0 +1 @@
+export declare function ChartCandlestickStyleSection(): import("react").JSX.Element | null;

package/lib/types/editor/sections/specific-section/ChartFunnelStyleSection.d.ts

@@ -0,0 +1,10 @@
+export type FunnelGapControl = 'number' | 'select';
+export interface IChartFunnelDefaultValues {
+    gap: number;
+    useAbsoluteValue: boolean;
+}
+export declare const DEFAULT_CHART_FUNNEL_VALUES: IChartFunnelDefaultValues;
+export declare function ChartFunnelStyleSection(props: {
+    defaultValues: IChartFunnelDefaultValues;
+    gapControl: FunnelGapControl;
+}): import("react").JSX.Element | null;

package/lib/types/editor/sections/specific-section/ChartHeatmapStyleSection.d.ts

@@ -0,0 +1,10 @@
+import { SeriesLabelPosition } from '@univerjs-pro/engine-chart';
+export interface IChartHeatmapDefaultValues {
+    labelPosition: SeriesLabelPosition;
+    labelVisible: boolean;
+    textColor: string;
+}
+export declare const DEFAULT_CHART_HEATMAP_VALUES: IChartHeatmapDefaultValues;
+export declare function ChartHeatmapStyleSection(props: {
+    defaultValues: IChartHeatmapDefaultValues;
+}): import("react").JSX.Element | null;

package/lib/types/editor/sections/specific-section/ChartHistogramStyleSection.d.ts

@@ -0,0 +1 @@
+export declare function ChartHistogramStyleSection(): import("react").JSX.Element | null;

package/lib/types/editor/sections/specific-section/ChartPieStyleSection.d.ts

@@ -0,0 +1,21 @@
+import type { ChartNumberFormatFieldComponent } from '../../atoms/common/ChartNumberFormatAtom';
+import { LabelContentType, PieLabelPosition } from '@univerjs-pro/engine-chart';
+export interface IChartPieDefaultValues {
+    borderColor: string;
+    doughnutHole: number;
+    hasPaddingAngle: boolean;
+    isHalfPie: boolean;
+    labelContentType: LabelContentType;
+    labelPosition: PieLabelPosition;
+    labelVisible: boolean;
+    pieHole: number;
+    rosePie: boolean;
+    showLabelLine: boolean;
+    textColor: string;
+    valueScale: number;
+}
+export declare const DEFAULT_CHART_PIE_VALUES: IChartPieDefaultValues;
+export declare function ChartPieStyleSection(props: {
+    defaultValues: IChartPieDefaultValues;
+    NumberFormatField?: ChartNumberFormatFieldComponent;
+}): import("react").JSX.Element | null;

package/lib/types/editor/sections/specific-section/ChartRadarStyleSection.d.ts

@@ -0,0 +1,9 @@
+import { RadarShape } from '@univerjs-pro/engine-chart';
+export interface IChartRadarDefaultValues {
+    fill: boolean;
+    shape: RadarShape;
+}
+export declare const DEFAULT_CHART_RADAR_VALUES: IChartRadarDefaultValues;
+export declare function ChartRadarStyleSection(props: {
+    defaultValues: IChartRadarDefaultValues;
+}): import("react").JSX.Element | null;

package/lib/types/editor/sections/specific-section/ChartRelationStyleSection.d.ts

@@ -0,0 +1,17 @@
+import type { LinePointShape } from '@univerjs-pro/engine-chart';
+import { RelationChartLayoutEnum } from '@univerjs-pro/engine-chart';
+export interface IChartRelationDefaultValues {
+    circularLabelRotation: boolean;
+    emphasisEnabled: boolean;
+    force: {
+        gravity: number;
+        repulsion: number;
+    };
+    layout: RelationChartLayoutEnum;
+    nodeShape: LinePointShape;
+    useValueAsSymbolSize: boolean;
+}
+export declare const DEFAULT_CHART_RELATION_VALUES: IChartRelationDefaultValues;
+export declare function ChartRelationStyleSection(props: {
+    defaultValues: IChartRelationDefaultValues;
+}): import("react").JSX.Element | null;

package/lib/types/editor/sections/specific-section/ChartTreemapStyleSection.d.ts

@@ -0,0 +1 @@
+export declare function ChartTreemapStyleSection(): import("react").JSX.Element | null;