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

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;

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

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export declare function ChartTypeSpecificDataSection(): import("react").JSX.Element | null;
+export declare function ChartTypeSpecificSetupSection(): import("react").JSX.Element | null;
+export interface IChartCommonDataMappingSectionProps {
+    categoryToggleLabel?: string;
+    orientationControl?: ReactNode;
+}
+export declare function ChartCommonDataMappingSection(props: IChartCommonDataMappingSectionProps): import("react").JSX.Element | null;
+export declare function ChartTypeSpecificStyleSection(): import("react").JSX.Element | null;

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

@@ -0,0 +1,26 @@
+import type { ChartNumberFormatFieldComponent } from '../../atoms/common/ChartNumberFormatAtom';
+import { ChartBorderDashType, ChartWaterfallStyleTarget, LabelContentType, SeriesLabelPosition } from '@univerjs-pro/engine-chart';
+export interface IChartWaterfallStyleDefaultValues {
+    borderDashType: ChartBorderDashType;
+    borderOpacity: number;
+    borderWidth: number;
+    connector: boolean;
+    fillOpacity: number;
+    labelContentType: LabelContentType;
+    labelPosition: SeriesLabelPosition;
+    labelVisible: boolean;
+    textColor: string;
+}
+export declare const DEFAULT_CHART_WATERFALL_STYLE_VALUES: IChartWaterfallStyleDefaultValues;
+export interface IChartWaterfallBucketNameContext {
+    isAllSeries: boolean;
+    seriesName: string;
+    target: ChartWaterfallStyleTarget;
+}
+export declare function ChartWaterfallStyleSection(props: {
+    defaultValues: IChartWaterfallStyleDefaultValues;
+    getDefaultBucketName?: (context: IChartWaterfallBucketNameContext) => string;
+    NumberFormatField?: ChartNumberFormatFieldComponent;
+    selectedSeriesId?: string;
+    showBucketName?: (context: IChartWaterfallBucketNameContext) => boolean;
+}): import("react").JSX.Element | null;

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

@@ -0,0 +1,21 @@
+import type { ReactNode } from 'react';
+import { WordCloudShapeEnum } from '@univerjs-pro/engine-chart';
+export declare function ChartWordCloudRoot(props: {
+    children: ReactNode;
+}): import("react").JSX.Element | null;
+export interface IChartWordCloudDefaultValues {
+    repeat: boolean;
+    shape: WordCloudShapeEnum;
+}
+export declare const DEFAULT_CHART_WORD_CLOUD_VALUES: IChartWordCloudDefaultValues;
+export declare function ChartWordCloudShapeField(props: {
+    defaultValues: IChartWordCloudDefaultValues;
+}): import("react").JSX.Element;
+export declare function ChartWordCloudMaskImageField(): import("react").JSX.Element;
+export declare function ChartWordCloudMaskImageIdField(): import("react").JSX.Element;
+export declare function ChartWordCloudRepeatField(props: {
+    defaultValues: IChartWordCloudDefaultValues;
+}): import("react").JSX.Element;
+export declare function ChartWordCloudStyleSection(props: {
+    defaultValues: IChartWordCloudDefaultValues;
+}): import("react").JSX.Element;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/lib/types/editor/sections/specific-section/chord-field-options.d.ts

@@ -0,0 +1,2 @@
+import type { IChartEditorOption } from '../../../services/chart-view-state';
+export declare function getChordFieldOptions(fields: IChartEditorOption[], excludedIndexes: Array<number | undefined>): IChartEditorOption[];

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

@@ -0,0 +1,16 @@
+import type { DeepNullish, IChartChordSpec } from '@univerjs-pro/engine-chart';
+/** Shared numeric constraints for Chord ratio fields. */
+export declare const CHORD_RATIO_FIELD_CONSTRAINTS: {
+    readonly min: 0;
+    readonly max: 1;
+    readonly precision: 2;
+    readonly step: 0.01;
+};
+export declare const CHORD_OPACITY_FIELD_CONSTRAINTS: {
+    readonly min: 0;
+    readonly max: 1;
+    readonly precision: 2;
+    readonly step: 0.05;
+};
+export declare function resolveEffectiveChordStyle(style: DeepNullish<IChartChordSpec> | undefined): IChartChordSpec;
+export declare function hasInvalidChordRadii(style: DeepNullish<IChartChordSpec> | undefined): boolean;

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

@@ -0,0 +1,10 @@
+import type { DeepNullish, IChartGaugeRangeSpec, IChartGaugeSpec } from '@univerjs-pro/engine-chart';
+/** Resolves nullable editor patches against the canonical Gauge defaults. */
+export declare function resolveEffectiveGaugeStyle(style: DeepNullish<IChartGaugeSpec> | undefined): IChartGaugeSpec;
+export declare function mergeGaugeStylePatch(style: DeepNullish<IChartGaugeSpec> | undefined, patch: DeepNullish<IChartGaugeSpec>): DeepNullish<IChartGaugeSpec>;
+export declare function areGaugeScaleBoundsValid(scale: DeepNullish<IChartGaugeSpec['scale']>): scale is NonNullable<IChartGaugeSpec['scale']> & {
+    min: number;
+    max: number;
+};
+export declare function areGaugeRangesValid(ranges: readonly IChartGaugeRangeSpec[], scale: DeepNullish<IChartGaugeSpec['scale']>): boolean;
+export declare function createNextGaugeRange(style: DeepNullish<IChartGaugeSpec> | undefined): IChartGaugeRangeSpec | undefined;

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

@@ -0,0 +1,8 @@
+import type { DeepNullish, IChartSunburstCenterLabelSpec, IChartSunburstLabelSpec, IChartSunburstSpec } from '@univerjs-pro/engine-chart';
+import { LabelContentType } from '@univerjs-pro/engine-chart';
+/** Authored label content options supported by Sunburst. */
+export declare const SUNBURST_LABEL_CONTENT_TYPES: readonly [LabelContentType.CategoryName, LabelContentType.Value];
+export declare function resolveEffectiveSunburstLabel(style: DeepNullish<IChartSunburstSpec> | undefined): IChartSunburstLabelSpec;
+export declare function resolveEffectiveSunburstCenterLabel(style: DeepNullish<IChartSunburstSpec> | undefined): IChartSunburstCenterLabelSpec;
+export declare function getSunburstLabelContentValues(contentType: LabelContentType | null | undefined): string[];
+export declare function mergeSunburstLabelContentTypes(values: string[]): LabelContentType | undefined;

package/lib/types/editor/utils/chart-runtime-axis.d.ts

@@ -0,0 +1,3 @@
+import type { ChartDirection, IChartAxesSpec, IRuntimeAxis } from '@univerjs-pro/engine-chart';
+export type ChartAxisKey = keyof IChartAxesSpec;
+export declare function getChartEditorRuntimeAxis(runtimeAxes: IRuntimeAxis[], direction: ChartDirection, axis: ChartAxisKey): IRuntimeAxis | undefined;

package/lib/types/facade/f-chart.d.ts

@@ -0,0 +1,19 @@
+import { FChart } from '@univerjs-pro/engine-chart/facade';
+export interface IFChartUIMixin<TChart = FChart<never>> {
+    /**
+     * Exports this Chart through its host UI renderer.
+     * @returns {Promise<string | undefined>} The rendered image data URL, or `undefined` when the host has no exportable UI image.
+     * @example
+     * ```ts
+     * const fWorkbook = univerAPI.getActiveWorkbook();
+     * const fWorksheet = fWorkbook.getSheetByName('Sheet1');
+     * const image = await fWorksheet.getCharts()[0]?.exportImage();
+     * console.log(image);
+     * ```
+     */
+    exportImage(this: TChart): Promise<string | undefined>;
+}
+declare module '@univerjs-pro/engine-chart/facade' {
+    interface FChart<TSource, TDataSource, TInfo, TExtension> extends IFChartUIMixin<FChart<TSource, TDataSource, TInfo, TExtension>> {
+    }
+}

package/lib/types/facade/index.d.ts

@@ -0,0 +1,2 @@
+import './f-chart';
+export type { IFChartUIMixin } from './f-chart';

package/lib/types/float-menu/ChartElementFloatMenu.d.ts

@@ -1,7 +1,7 @@
 import type { ReactElement } from 'react';
-import type { IChartElementFloatMenuExtraProps } from './types';
+import type { IChartElementFloatMenuContext } from './types';
 export declare function ChartElementFloatMenu(props: {
     popup: {
-        extraProps?: IChartElementFloatMenuExtraProps;
+        extraProps?: IChartElementFloatMenuContext;
     };
 }): ReactElement | null;

package/lib/types/float-menu/chart-element-selection.d.ts

@@ -0,0 +1,7 @@
+import type { ChartModel, IChartElementHit } from '@univerjs-pro/engine-chart';
+import type { ChartElementConfigTarget } from './types';
+export interface IChartElementSelection {
+    target: ChartElementConfigTarget;
+    showFloatMenu: boolean;
+}
+export declare function resolveChartElementSelection(chartModel: ChartModel, hit: IChartElementHit): IChartElementSelection | undefined;

package/lib/types/float-menu/constants.d.ts

@@ -1,4 +1,5 @@
 import { AxisAlignEnum, LegendPositionEnum, PieLabelPosition, SelectModeEnum, TitlePositionEnum } from '@univerjs-pro/engine-chart';
+import { ChartViewStateKey } from '../services/chart-view-state';
 export declare const CHART_ELEMENT_FLOAT_MENU_COMPONENT = "chart.element.float-menu";
 export declare const CHART_ELEMENT_FLOAT_MENU_OFFSET: [number, number];
 export declare const CHART_ELEMENT_FLOAT_MENU_EMPTY_VALUE = "";
@@ -10,189 +11,169 @@ export declare const CHART_ELEMENT_FLOAT_MENU_VISUAL_MAP_TYPES: {
     readonly PIECEWISE: "piecewise";
 };
 export declare const CHART_ELEMENT_FLOAT_MENU_STATE_KEYS: {
-    readonly TITLES: "titles";
-    readonly TITLE_POSITION: "titlePosition";
-    readonly LEGEND_STYLE: "legendStyle";
-    readonly PIE_BORDER_COLOR: "pieBorderColor";
-    readonly PIE_LABEL_STYLE: "pieLabelStyle";
-    readonly SERIES_STYLE_MAP: "seriesStyleMap";
-    readonly PARETO_STYLE: "paretoStyle";
-    readonly VISUAL_MAP_TYPE: "visualMapType";
-    readonly USE_DATE_AXIS: "useDateAxis";
-    readonly X_AXIS_OPTIONS: "xAxisOptions";
-    readonly Y_AXIS_OPTIONS: "yAxisOptions";
-    readonly RIGHT_Y_AXIS_OPTIONS: "rightYAxisOptions";
-    readonly RUNTIME_AXES: "runtimeAxes";
-};
-export declare const CHART_ELEMENT_FLOAT_MENU_CLASS_NAMES: {
-    readonly ROOT: "\n      univer-inline-flex univer-h-fit univer-w-fit univer-max-w-[760px] univer-flex-col univer-items-start\n      univer-gap-1.5 univer-rounded-md univer-bg-white univer-px-3 univer-py-2\n      univer-text-sm univer-text-gray-900\n      univer-shadow-md\n      dark:!univer-bg-gray-900 dark:!univer-text-white\n    ";
-    readonly TITLE: "\n      univer-whitespace-nowrap univer-text-sm univer-font-medium univer-text-gray-900\n      dark:!univer-text-gray-100\n    ";
-    readonly BODY: "univer-inline-flex univer-w-max univer-flex-col univer-items-start univer-gap-1.5";
-    readonly ROW: "univer-flex univer-w-max univer-items-center univer-gap-2";
-    readonly ROW_FULL: "univer-w-full";
-    readonly CONTROL_WRAPPER: "univer-w-36 univer-shrink-0";
-    readonly MARK_COLOR_WRAPPER: "univer-w-8";
-    readonly INLINE_FONT_CONTROLS: "univer-inline-flex univer-w-max univer-items-center univer-gap-1.5";
-    readonly PANEL_SELECT: "!univer-h-8 univer-w-full univer-text-sm";
-    readonly MULTIPLE_SELECT_WRAPPER: "univer-w-52";
-    readonly TEXT_INPUT: "!univer-h-7 !univer-w-full";
-    readonly NUMBER_INPUT: "!univer-h-7 univer-w-20";
+    readonly TITLE: ChartViewStateKey.Title;
+    readonly SUBTITLE: ChartViewStateKey.Subtitle;
+    readonly LEGEND: ChartViewStateKey.Legend;
+    readonly PIE: ChartViewStateKey.Pie;
+    readonly SERIES: ChartViewStateKey.Series;
+    readonly PARETO: ChartViewStateKey.Pareto;
+    readonly AXES: ChartViewStateKey.Axes;
 };
 export declare const CHART_ELEMENT_FLOAT_MENU_LOCALE_KEYS: {
     readonly MENU_TITLE: {
         readonly CHART: "chart-ui.floatMenu.menuTitle.chart";
-        readonly CHART_TITLE: "chart-ui.floatMenu.menuTitle.chartTitle";
-        readonly SUBTITLE: "chart-ui.floatMenu.menuTitle.subtitle";
+        readonly CHART_TITLE: "chart-ui.common.chartTitle";
+        readonly SUBTITLE: "chart-ui.common.subtitle";
         readonly AXIS_TITLE: "chart-ui.floatMenu.menuTitle.axisTitle";
-        readonly LEGEND: "chart-ui.floatMenu.menuTitle.legend";
-        readonly HORIZONTAL_AXIS: "chart-ui.floatMenu.menuTitle.horizontalAxis";
-        readonly VERTICAL_AXIS: "chart-ui.floatMenu.menuTitle.verticalAxis";
-        readonly RIGHT_VERTICAL_AXIS: "chart-ui.floatMenu.menuTitle.rightVerticalAxis";
+        readonly LEGEND: "chart-ui.common.legend";
+        readonly HORIZONTAL_AXIS: "chart-ui.common.horizontalAxis";
+        readonly VERTICAL_AXIS: "chart-ui.common.verticalAxis";
+        readonly RIGHT_VERTICAL_AXIS: "chart-ui.common.rightVerticalAxis";
         readonly GRIDLINE: "chart-ui.floatMenu.menuTitle.gridline";
         readonly TICK: "chart-ui.floatMenu.menuTitle.tick";
         readonly MARK: "chart-ui.floatMenu.menuTitle.mark";
-        readonly SERIES: "chart-ui.floatMenu.menuTitle.series";
-        readonly DATA_POINT: "chart-ui.floatMenu.menuTitle.dataPoint";
+        readonly SERIES: "chart-ui.common.series";
+        readonly DATA_POINT: "chart-ui.common.dataPoint";
         readonly DATA_LABEL: "chart-ui.floatMenu.menuTitle.dataLabel";
     };
     readonly FIELD: {
-        readonly TITLE: "chart-ui.floatMenu.field.title";
-        readonly SUBTITLE: "chart-ui.floatMenu.field.subtitle";
+        readonly TITLE: "chart-ui.common.title";
+        readonly SUBTITLE: "chart-ui.common.subtitle";
         readonly POSITION: "chart-ui.floatMenu.field.position";
         readonly SIZE: "chart-ui.floatMenu.field.size";
         readonly ALIGN: "chart-ui.floatMenu.field.align";
-        readonly MODE: "chart-ui.floatMenu.field.mode";
+        readonly MODE: "chart-ui.common.mode";
         readonly MAP: "chart-ui.floatMenu.field.map";
         readonly ROTATE: "chart-ui.floatMenu.field.rotate";
-        readonly MIN: "chart-ui.floatMenu.field.min";
-        readonly MAX: "chart-ui.floatMenu.field.max";
-        readonly COLOR: "chart-ui.floatMenu.field.color";
-        readonly BORDER_COLOR: "chart-ui.floatMenu.field.borderColor";
-        readonly OPACITY: "chart-ui.floatMenu.field.opacity";
-        readonly LABEL_POSITION: "chart-ui.floatMenu.field.labelPosition";
+        readonly MIN: "chart-ui.common.min";
+        readonly MAX: "chart-ui.common.max";
+        readonly COLOR: "chart-ui.common.color";
+        readonly BORDER_COLOR: "chart-ui.common.borderColor";
+        readonly OPACITY: "chart-ui.common.opacity";
+        readonly LABEL_POSITION: "chart-ui.common.labelPosition";
         readonly LABEL_TEXT: "chart-ui.floatMenu.field.labelText";
         readonly TITLE_TEXT: "chart-ui.floatMenu.field.titleText";
     };
     readonly ACTION: {
         readonly MORE: "chart-ui.floatMenu.action.more";
-        readonly BOLD: "chart-ui.floatMenu.action.bold";
-        readonly ITALIC: "chart-ui.floatMenu.action.italic";
+        readonly BOLD: "chart-ui.common.bold";
+        readonly ITALIC: "chart-ui.common.italic";
     };
     readonly CONTROL: {
         readonly LABELS: "chart-ui.floatMenu.control.labels";
         readonly LINE: "chart-ui.floatMenu.control.line";
         readonly REVERSE: "chart-ui.floatMenu.control.reverse";
-        readonly DATE: "chart-ui.floatMenu.control.date";
+        readonly DATE: "chart-ui.common.date";
     };
     readonly OPTION: {
         readonly TEXT_ALIGN: {
-            readonly LEFT: "chart-ui.floatMenu.option.textAlign.left";
-            readonly CENTER: "chart-ui.floatMenu.option.textAlign.center";
-            readonly RIGHT: "chart-ui.floatMenu.option.textAlign.right";
+            readonly LEFT: "chart-ui.common.textAlign.left";
+            readonly CENTER: "chart-ui.common.textAlign.center";
+            readonly RIGHT: "chart-ui.common.textAlign.right";
         };
         readonly POSITION: {
-            readonly TOP: "chart-ui.floatMenu.option.position.top";
-            readonly BOTTOM: "chart-ui.floatMenu.option.position.bottom";
-            readonly LEFT: "chart-ui.floatMenu.option.position.left";
-            readonly RIGHT: "chart-ui.floatMenu.option.position.right";
-            readonly HIDE: "chart-ui.floatMenu.option.position.hide";
-            readonly INSIDE: "chart-ui.floatMenu.option.position.inside";
-            readonly OUTSIDE: "chart-ui.floatMenu.option.position.outside";
+            readonly TOP: "chart-ui.common.position.top";
+            readonly BOTTOM: "chart-ui.common.position.bottom";
+            readonly LEFT: "chart-ui.common.position.left";
+            readonly RIGHT: "chart-ui.common.position.right";
+            readonly HIDE: "chart-ui.common.position.hide";
+            readonly INSIDE: "chart-ui.common.position.inside";
+            readonly OUTSIDE: "chart-ui.common.position.outside";
         };
         readonly LABEL_TEXT: {
-            readonly CATEGORY: "chart-ui.floatMenu.option.labelText.category";
-            readonly VALUE: "chart-ui.floatMenu.option.labelText.value";
-            readonly PERCENTAGE: "chart-ui.floatMenu.option.labelText.percentage";
+            readonly CATEGORY: "chart-ui.common.category";
+            readonly VALUE: "chart-ui.common.value";
+            readonly PERCENTAGE: "chart-ui.common.percentage";
         };
         readonly AXIS_ALIGN: {
-            readonly START: "chart-ui.floatMenu.option.axisAlign.start";
-            readonly CENTER: "chart-ui.floatMenu.option.axisAlign.center";
-            readonly END: "chart-ui.floatMenu.option.axisAlign.end";
+            readonly START: "chart-ui.common.axisAlign.start";
+            readonly CENTER: "chart-ui.common.axisAlign.center";
+            readonly END: "chart-ui.common.axisAlign.end";
         };
         readonly LEGEND_SELECT_MODE: {
-            readonly SINGLE: "chart-ui.floatMenu.option.legendSelectMode.single";
-            readonly MULTIPLE: "chart-ui.floatMenu.option.legendSelectMode.multiple";
-            readonly CLOSE: "chart-ui.floatMenu.option.legendSelectMode.close";
+            readonly SINGLE: "chart-ui.common.legendSelectMode.single";
+            readonly MULTIPLE: "chart-ui.common.legendSelectMode.multiple";
+            readonly CLOSE: "chart-ui.common.legendSelectMode.disabled";
         };
         readonly VISUAL_MAP_TYPE: {
-            readonly CONTINUOUS: "chart-ui.floatMenu.option.visualMapType.continuous";
-            readonly PIECEWISE: "chart-ui.floatMenu.option.visualMapType.piecewise";
+            readonly CONTINUOUS: "chart-ui.common.visualMapType.continuous";
+            readonly PIECEWISE: "chart-ui.common.visualMapType.piecewise";
         };
     };
 };
 export declare const CHART_ELEMENT_FLOAT_MENU_TITLE_POSITION_OPTION_DEFINITIONS: readonly [{
-    readonly labelKey: "chart-ui.floatMenu.option.position.top";
+    readonly labelKey: "chart-ui.common.position.top";
     readonly value: TitlePositionEnum.Top;
 }, {
-    readonly labelKey: "chart-ui.floatMenu.option.position.bottom";
+    readonly labelKey: "chart-ui.common.position.bottom";
     readonly value: TitlePositionEnum.Bottom;
 }, {
-    readonly labelKey: "chart-ui.floatMenu.option.position.left";
+    readonly labelKey: "chart-ui.common.position.left";
     readonly value: TitlePositionEnum.Left;
 }, {
-    readonly labelKey: "chart-ui.floatMenu.option.position.right";
+    readonly labelKey: "chart-ui.common.position.right";
     readonly value: TitlePositionEnum.Right;
 }, {
-    readonly labelKey: "chart-ui.floatMenu.option.position.hide";
+    readonly labelKey: "chart-ui.common.position.hide";
     readonly value: TitlePositionEnum.Hide;
 }];
 export declare const CHART_ELEMENT_FLOAT_MENU_PIE_LABEL_POSITION_OPTION_DEFINITIONS: readonly [{
-    readonly labelKey: "chart-ui.floatMenu.option.position.inside";
+    readonly labelKey: "chart-ui.common.position.inside";
     readonly value: PieLabelPosition.Inside;
 }, {
-    readonly labelKey: "chart-ui.floatMenu.option.position.outside";
+    readonly labelKey: "chart-ui.common.position.outside";
     readonly value: PieLabelPosition.Outside;
 }];
 export declare const CHART_ELEMENT_FLOAT_MENU_PIE_LABEL_TEXT_OPTION_DEFINITIONS: readonly [{
-    readonly labelKey: "chart-ui.floatMenu.option.labelText.category";
+    readonly labelKey: "chart-ui.common.category";
     readonly value: string;
 }, {
-    readonly labelKey: "chart-ui.floatMenu.option.labelText.value";
+    readonly labelKey: "chart-ui.common.value";
     readonly value: string;
 }, {
-    readonly labelKey: "chart-ui.floatMenu.option.labelText.percentage";
+    readonly labelKey: "chart-ui.common.percentage";
     readonly value: string;
 }];
 export declare const CHART_ELEMENT_FLOAT_MENU_AXIS_TITLE_ALIGN_OPTION_DEFINITIONS: readonly [{
-    readonly labelKey: "chart-ui.floatMenu.option.axisAlign.start";
+    readonly labelKey: "chart-ui.common.axisAlign.start";
     readonly value: AxisAlignEnum.Start;
 }, {
-    readonly labelKey: "chart-ui.floatMenu.option.axisAlign.center";
+    readonly labelKey: "chart-ui.common.axisAlign.center";
     readonly value: AxisAlignEnum.Center;
 }, {
-    readonly labelKey: "chart-ui.floatMenu.option.axisAlign.end";
+    readonly labelKey: "chart-ui.common.axisAlign.end";
     readonly value: AxisAlignEnum.End;
 }];
 export declare const CHART_ELEMENT_FLOAT_MENU_LEGEND_POSITION_OPTION_DEFINITIONS: readonly [{
-    readonly labelKey: "chart-ui.floatMenu.option.position.top";
+    readonly labelKey: "chart-ui.common.position.top";
     readonly value: LegendPositionEnum.Top;
 }, {
-    readonly labelKey: "chart-ui.floatMenu.option.position.bottom";
+    readonly labelKey: "chart-ui.common.position.bottom";
     readonly value: LegendPositionEnum.Bottom;
 }, {
-    readonly labelKey: "chart-ui.floatMenu.option.position.left";
+    readonly labelKey: "chart-ui.common.position.left";
     readonly value: LegendPositionEnum.Left;
 }, {
-    readonly labelKey: "chart-ui.floatMenu.option.position.right";
+    readonly labelKey: "chart-ui.common.position.right";
     readonly value: LegendPositionEnum.Right;
 }, {
-    readonly labelKey: "chart-ui.floatMenu.option.position.hide";
+    readonly labelKey: "chart-ui.common.position.hide";
     readonly value: LegendPositionEnum.Hide;
 }];
 export declare const CHART_ELEMENT_FLOAT_MENU_LEGEND_SELECT_MODE_OPTION_DEFINITIONS: readonly [{
-    readonly labelKey: "chart-ui.floatMenu.option.legendSelectMode.single";
+    readonly labelKey: "chart-ui.common.legendSelectMode.single";
     readonly value: SelectModeEnum.Single;
 }, {
-    readonly labelKey: "chart-ui.floatMenu.option.legendSelectMode.multiple";
+    readonly labelKey: "chart-ui.common.legendSelectMode.multiple";
     readonly value: SelectModeEnum.Multiple;
 }, {
-    readonly labelKey: "chart-ui.floatMenu.option.legendSelectMode.close";
+    readonly labelKey: "chart-ui.common.legendSelectMode.disabled";
     readonly value: SelectModeEnum.Close;
 }];
 export declare const CHART_ELEMENT_FLOAT_MENU_VISUAL_MAP_TYPE_OPTION_DEFINITIONS: readonly [{
-    readonly labelKey: "chart-ui.floatMenu.option.visualMapType.continuous";
+    readonly labelKey: "chart-ui.common.visualMapType.continuous";
     readonly value: "continuous";
 }, {
-    readonly labelKey: "chart-ui.floatMenu.option.visualMapType.piecewise";
+    readonly labelKey: "chart-ui.common.visualMapType.piecewise";
     readonly value: "piecewise";
 }];

package/lib/types/float-menu/create-chart-element-float-menu-adapter.d.ts

@@ -0,0 +1,10 @@
+import type { IChartHostAdapter } from '../services/chart-host-adapter';
+import type { IChartUIService } from '../services/chart-ui.service';
+import type { IChartElementFloatMenuAdapter, IChartElementFloatMenuContext } from './types';
+export interface ICreateChartElementFloatMenuAdapterOptions {
+    chartUIService: IChartUIService;
+    getHostAdapter(context: IChartElementFloatMenuContext): IChartHostAdapter | undefined;
+    close?(): void;
+    openFullPanel?(context: IChartElementFloatMenuContext): void;
+}
+export declare function createChartElementFloatMenuAdapter(options: ICreateChartElementFloatMenuAdapterOptions): IChartElementFloatMenuAdapter;

package/lib/types/float-menu/pie-mark-patch.d.ts

@@ -0,0 +1,8 @@
+import type { ChartPendingConfig } from '@univerjs-pro/engine-chart';
+import type { ChartMarkDirectEditTarget } from './types';
+export interface IPieDirectStylePatch {
+    color?: string | null;
+    fillOpacity?: number;
+}
+export declare function buildPieDirectStylePatch(pie: ChartPendingConfig['pie'] | undefined, directEdit: ChartMarkDirectEditTarget | undefined, patch: IPieDirectStylePatch): ChartPendingConfig['pie'] | undefined;
+export declare function buildPieConnectorPatch(pie: ChartPendingConfig['pie'] | undefined, patch: NonNullable<NonNullable<NonNullable<ChartPendingConfig['pie']>['composite']>['secondaryPlot']>['connector']): ChartPendingConfig['pie'];

package/lib/types/float-menu/types.d.ts

@@ -1,9 +1,12 @@
 import type { IChartElementHit, ParetoSeriesPart, WaterfallSeriesTypeEnum } from '@univerjs-pro/engine-chart';
 import type { IDisposable } from '@univerjs/core';
-import type { CHART_ELEMENT_FLOAT_MENU_STATE_KEYS } from './constants';
+import type { ChartViewStateName } from '../services/chart-view-state';
 export declare enum ChartMarkDirectEditKind {
     SeriesStyle = "seriesStyle",
     PieStyle = "pieStyle",
+    PieSliceStyle = "pieSliceStyle",
+    PieAggregateStyle = "pieAggregateStyle",
+    PieConnectorStyle = "pieConnectorStyle",
     ParetoStyle = "paretoStyle",
     WaterfallStyle = "waterfallStyle"
 }
@@ -22,6 +25,13 @@ export type ChartMarkDirectEditTarget = {
     seriesIndex: number;
 } | {
     kind: `${ChartMarkDirectEditKind.PieStyle}`;
+} | {
+    kind: `${ChartMarkDirectEditKind.PieSliceStyle}`;
+    sourcePointIndex: number;
+} | {
+    kind: `${ChartMarkDirectEditKind.PieAggregateStyle}`;
+} | {
+    kind: `${ChartMarkDirectEditKind.PieConnectorStyle}`;
 } | {
     kind: `${ChartMarkDirectEditKind.ParetoStyle}`;
     part: `${ParetoSeriesPart}`;
@@ -49,7 +59,20 @@ export declare enum ChartEditPanelSection {
     ParetoLineSeries = "paretoLineSeries",
     WaterfallSeries = "waterfallSeries",
     Relation = "relation",
-    WordCloud = "wordCloud"
+    WordCloud = "wordCloud",
+    Radar = "radar",
+    Funnel = "funnel",
+    Heatmap = "heatmap",
+    LineAndArea = "lineAndArea",
+    GridlinesAndTicks = "gridlinesAndTicks",
+    IndicatorLine = "indicatorLine",
+    Trendline = "trendline",
+    Candlestick = "candlestick",
+    Histogram = "histogram",
+    Treemap = "treemap",
+    Sunburst = "sunburst",
+    Gauge = "gauge",
+    Chord = "chord"
 }
 export declare const ChartTitleKey: {
     readonly Title: "title";
@@ -109,9 +132,7 @@ export type ChartElementConfigTarget = {
     seriesIndex?: number;
     dataIndex?: number;
 };
-export type ChartElementFloatMenuStateKey = typeof CHART_ELEMENT_FLOAT_MENU_STATE_KEYS[keyof typeof CHART_ELEMENT_FLOAT_MENU_STATE_KEYS];
-export interface IChartElementFloatMenuExtraProps {
-    host: 'sheet' | 'slide' | 'board';
+export interface IChartElementFloatMenuContext {
     unitId: string;
     subUnitId?: string;
     chartId: string;
@@ -120,16 +141,14 @@ export interface IChartElementFloatMenuExtraProps {
     target: ChartElementConfigTarget;
     adapterKey: string;
 }
-export interface IChartElementFloatMenuContext extends IChartElementFloatMenuExtraProps {
-}
 export interface IChartElementFloatMenuObservable<T> {
     subscribe(next: (value: T) => void): {
         unsubscribe(): void;
     };
 }
 export interface IChartElementFloatMenuAdapter {
-    getState<T>(context: IChartElementFloatMenuContext, key: ChartElementFloatMenuStateKey): IChartElementFloatMenuObservable<T | undefined> | undefined;
-    setState<T>(context: IChartElementFloatMenuContext, key: ChartElementFloatMenuStateKey, patch: T): void;
+    getState<T>(context: IChartElementFloatMenuContext, key: ChartViewStateName): IChartElementFloatMenuObservable<T | undefined> | undefined;
+    setState<T>(context: IChartElementFloatMenuContext, key: ChartViewStateName, patch: T): void;
     close?(): void;
     openFullPanel?(context: IChartElementFloatMenuContext): void;
 }