@univerjs-pro/sheets-chart-ui 0.5.1 → 0.5.2

package/lib/types/facade/chart-builder/pie-chart-builder.d.ts

@@ -0,0 +1,70 @@
+import { Injector, Workbook } from '@univerjs/core';
+import { IChartBuilderInfo, FChartBuilderBase } from './chart-builder-base';
+export declare class PieChartBuilder extends FChartBuilderBase {
+    doughnutHole: number;
+    borderColor: string;
+    hasPaddingAngle: boolean;
+    isHalfPie: boolean;
+    rosePie: boolean;
+    showLabelLine: boolean;
+    constructor(unitId: string, subUnitId: string, workbook: Workbook, injector: Injector, chartId?: string);
+    /**
+     * Sets the size of the hole in the center of the pie chart as a percentage of the chart size.The value should be in the range 0-1.
+     * @param {number} doughnutHole The size of the hole in the center of the pie chart as a percentage of the chart size.
+     * @returns this builder, for chaining.
+     */
+    setDoughnutHole(doughnutHole: number): PieChartBuilder;
+    /**
+     * Sets the color of the border around the pie chart.
+     * @param {string} borderColor The color of the border around the pie chart.
+     * @returns this builder, for chaining.
+     */
+    setBorderColor(borderColor: string): PieChartBuilder;
+    /**
+     * Sets whether the pie chart has a padding angle.
+     * @param {boolean} hasPaddingAngle True if the pie chart has a padding angle; false otherwise.
+     * @returns this builder, for chaining.
+     */
+    setHasPaddingAngle(hasPaddingAngle: boolean): PieChartBuilder;
+    /**
+     * Sets whether the pie chart is a half pie chart.
+     * @param {boolean} isHalfPie True if the pie chart is a half pie chart; false otherwise.
+     * @returns this builder, for chaining.
+     */
+    setIsHalfPie(isHalfPie: boolean): PieChartBuilder;
+    /**
+     * Sets whether the pie chart is a rose pie chart.
+     * @param {boolean} rosePie True if the pie chart is a rose pie chart; false otherwise.
+     * @returns this builder, for chaining.
+     */
+    setRosePie(rosePie: boolean): PieChartBuilder;
+    /**
+     * Sets whether the pie chart shows label lines.
+     * @param {boolean} showLabelLine True if the pie chart shows label lines; false otherwise.
+     * @returns this builder, for chaining.
+     */
+    setShowLabelLine(showLabelLine: boolean): PieChartBuilder;
+    /**
+     * Builds the chart to reflect all changes made to it.
+     * @description This method does not automatically draw the chart on top of the spreadsheet. A new chart must be inserted via sheet.insertChart(chart), and an existing chart should be updated via sheet.updateChart(chart).
+     * @returns {IChartBuilderInfo} The chart builder info.
+     * @example
+     * ```ts
+     * const fWorkbook = univerAPI.getActiveWorkbook();
+     * const fSheet = fWorkbook.getActiveSheet();
+     * const chartBuilder = fSheet.newChart().asPieChart();
+     * const chartInfo = chartBuilder.addRange('A1:B8')
+     *  .setChartType(ChartTypeBits.Pie)
+     *  .setDoughnutHole(0.5)
+     *  .setBorderColor('#ff0000')
+     *  .setHasPaddingAngle(true)
+     *  .setIsHalfPie(true)
+     *  .build();
+     * fSheet.insertChart(chartInfo);
+     * ```
+     */
+    build(): IChartBuilderInfo;
+}
+export declare class PieChartBuilderMixin extends FChartBuilderBase {
+    asPieChart(): PieChartBuilder;
+}

package/lib/types/facade/chart-builder/radar-chart-builder.d.ts

@@ -0,0 +1,42 @@
+import { RadarShape } from '@univerjs-pro/sheets-chart';
+import { Injector, Workbook } from '@univerjs/core';
+import { IChartBuilderInfo, FChartBuilderBase } from './chart-builder-base';
+export declare class RadarChartBuilder extends FChartBuilderBase {
+    shape: RadarShape;
+    fill: boolean;
+    constructor(unitId: string, subUnitId: string, workbook: Workbook, injector: Injector, chartId?: string);
+    /**
+     * Sets the shape of the radar chart.
+     * @param {RadarShape} shape The shape of the radar chart.
+     * @returns this builder, for chaining.
+     */
+    setShape(shape: RadarShape): RadarChartBuilder;
+    /**
+     * Sets whether the radar chart is filled.
+     * @param {boolean} fill True if the radar chart is filled; false otherwise.
+     * @returns this builder, for chaining.
+     */
+    setFill(fill: boolean): RadarChartBuilder;
+    /**
+     * Builds the chart to reflect all changes made to it.
+     * @description This method does not automatically draw the chart on top of the spreadsheet. A new chart must be inserted via sheet.insertChart(chart), and an existing chart should be updated via sheet.updateChart(chart).
+     * @returns {IChartBuilderInfo} The chart builder info.
+     * @example
+     * ```ts
+     * // import { ChartTypeBits } from '@univerjs-pro/sheets-chart';
+     * const fWorkbook = univerAPI.getActiveWorkbook();
+     * const fSheet = fWorkbook.getActiveSheet();
+     * const chartBuilder = fSheet.newChart().asRadarChart();
+     * const chartInfo = chartBuilder.addRange('A1:B8')
+     * .setChartType(ChartTypeBits.Radar)
+     * .setShape(RadarShape.Polygon)
+     * .setFill(true)
+     * .build();
+     * fSheet.insertChart(chartInfo);
+     * ```
+     */
+    build(): IChartBuilderInfo;
+}
+export declare class RadarChartBuilderMixin extends FChartBuilderBase {
+    asRadarChart(): RadarChartBuilder;
+}

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

@@ -0,0 +1,22 @@
+import { LineChartBuilder } from './line-chart-builder';
+import { PieChartBuilder } from './pie-chart-builder';
+import { RadarChartBuilder } from './radar-chart-builder';
+export interface IPieChartBuilderMixin {
+    asPieChart(): PieChartBuilder;
+}
+export interface IRadarChartBuilderMixin {
+    asRadarChart(): RadarChartBuilder;
+}
+export interface ILineChartBuilderMixin {
+    asLineChart(): LineChartBuilder;
+}
+export interface IPieChartBuilderInfo {
+    pie?: {
+        doughnutHole: number;
+        borderColor: string;
+        hasPaddingAngle: boolean;
+        isHalfPie: boolean;
+        rosePie: boolean;
+        showLabelLine: boolean;
+    };
+}

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

@@ -0,0 +1,86 @@
+import { IChartDataCategory, IChartDataSeries, ISheetChartSourceSingleRange } from '@univerjs-pro/sheets-chart';
+import { Injector } from '@univerjs/core';
+import { FChartBuilderBase } from './chart-builder/chart-builder-base';
+export declare class FChart {
+    unitId: string;
+    subUnitId: string;
+    chartId: string;
+    private _injector;
+    constructor(unitId: string, subUnitId: string, chartId: string, injector: Injector);
+    getChartId(): string;
+    /**
+     * Get the range of the chart.
+     */
+    getRange(): ISheetChartSourceSingleRange | undefined;
+    /**
+     * Update the range info of the chart. The range info includes the range of the chart and the direction in source.
+     * @param rangeInfo The new range of the chart.
+     * @param rangeInfo.range.range The new range of the chart.
+     * @param rangeInfo.range.subUnitId The new sheet id of the chart.
+     * @param rangeInfo.range.unitId The new workbook id of the chart.
+     * @param {boolean} [rangeInfo.isRowDirection] Is treat row as category.
+     * @returns {Promise<boolean>} Whether the update is successful.
+     * @example
+     * ```ts
+     *  const fWorkbook = univerAPI.getActiveWorkbook();
+     *  const fSheet = fWorkbook.getActiveSheet();
+     *  const charts = fSheet.getCharts();
+     *  // switch chart row direction
+     *  if (charts.length > 0){
+     *    const rangeInfo = {...charts[0].getRange()}
+     *    rangeInfo.isRowDirection = !rangeInfo.isRowDirection;
+     *   charts[0].updateRange(rangeInfo);
+     *  }
+     * ```
+     */
+    updateRange(rangeInfo: ISheetChartSourceSingleRange): Promise<boolean>;
+    /**
+     * Get the series data list of the chart.
+     * @type ChartSeriesData
+     * @property {string} name The name of the series.
+     * @property {number} index The index of the series.
+     * @property {ChartSeriesItem[]} items The data of the series.
+     * @property {number} items.value The value of the series.
+     * @property {string} items.label The label of the series.
+     * @returns The series data list of the chart.
+     * @example
+     * ```ts
+     * const fWorkbook = univerAPI.getActiveWorkbook();
+     * const fSheet = fWorkbook.getActiveSheet();
+     * const charts = fSheet.getCharts();
+     * if (charts.length > 0){
+     *   const seriesData = charts[0].getSeriesData();
+     *  console.log(seriesData);
+     * }
+     * ```
+     */
+    getSeriesData(): IChartDataSeries[] | undefined;
+    /**
+     * Get the category data of the chart.
+     * @type ChartCategoryData
+     * @property {string} name The name of the category.
+     * @property {number} index The index of the category.
+     * @property {CategoryType} type The type of the category.
+     * @property {string[]} keys The keys of the category.
+     * @property {IChartDataItem[]} items The data of the category.
+     * @property {number} items.value The value of the category.
+     * @property {string} items.label The label of the category.
+     * @returns The category data of the chart.
+     * @example
+     * ```ts
+     * const fWorkbook = univerAPI.getActiveWorkbook();
+     * const fSheet = fWorkbook.getActiveSheet();
+     * const charts = fSheet.getCharts();
+     * if (charts.length > 0){
+     *  const categoryData = charts[0].getCategoryData();
+     *  console.log(categoryData);
+     * }
+     * ```
+     */
+    getCategoryData(): IChartDataCategory | undefined;
+    /**
+     * Returns a new FChartBuilderBase instance that modifies this chart.
+     * @returns {FChartBuilderBase} The new FChartBuilderBase instance.
+     */
+    modify(): FChartBuilderBase;
+}

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

@@ -0,0 +1,120 @@
+import { IEchartTheme } from '@univerjs-pro/sheets-chart';
+import { IChartBuilderInfo, FChartBuilderBase } from './chart-builder/chart-builder-base';
+import { FWorksheet } from '@univerjs/sheets/facade';
+import { FChart } from './f-chart';
+export interface IFWorksheetChartMixin {
+    /**
+     * Adds a new chart to this sheet.
+     * @param {IChartBuilderInfo} chartBuildInfo - The chart builder info.
+     * @returns {Promise<FChart>} - The new chart.
+     * @example
+     * ```ts
+     * const fWorkbook = univerAPI.getActiveWorkbook();
+     * const fSheet = fWorkbook.getActiveSheet();
+     * const chartInfo = fSheet.newChart()
+     *   .addRange('A1:B8')
+     *   .setChartType(ChartTypeBits.Column)
+     *   .setPosition(1, 1, 0, 0)
+     *   .build();
+     * const fChart = await fSheet.insertChart(chartInfo);
+     * ```
+     */
+    insertChart(chartBuildInfo: IChartBuilderInfo): Promise<FChart>;
+    /**
+     * Updates the chart on this sheet. This api can not update source range, please use FChart.updateRange.
+     * @param {IChartBuilderInfo} chartBuildInfo - The chart builder info.
+     * @example
+     * ```ts
+     * const fWorkbook = univerAPI.getActiveWorkbook();
+     * const fSheet = fWorkbook.getActiveSheet();
+     * const chartInfo = fSheet.getCharts()[0];
+     * if(chartInfo){
+     *      const chartBuilder = fSheet.newChart(chartInfo);
+     *     const buildInfo =chartBuilder
+     *      .setChartType(ChartTypeBits.Column)
+     *      .setOptions('legend.position', 'right')
+     *      .build();
+     *    fSheet.updateChart(buildInfo);
+     * }
+     * ```
+     */
+    updateChart(chartBuildInfo: IChartBuilderInfo): void;
+    /**
+     * Returns a builder to create a new chart for this sheet.The builder will not automatically create the chart. You must call build() on the returned builder to create the chart by calling insertChart(chartBuilder).
+     * @description If the fChart is provided, the builder will be initialized with the existing chart's data.
+     * @param {FChart} [fChart] - The chart to update.
+     * @return {FChartBuilderBase} - a new chart builder
+     * @example
+     * ```ts
+     * const fWorkbook = univerAPI.getActiveWorkbook();
+     * const fSheet = fWorkbook.getActiveSheet();
+     * const chartBuilder = fSheet.newChart();
+     * const chartInfo = chartBuilder.addRange('A1:B8')
+     *   .setChartType(ChartTypeBits.Column)
+     *   .setPosition(1, 1, 0, 0)
+     *   .setWidth(600)
+     *   .setHeight(400)
+     *   .build();
+     * fSheet.insertChart(chartInfo);
+     * ```
+     */
+    newChart(fChart?: FChart): FChartBuilderBase;
+    /**
+     * Returns an array of charts on this sheet.
+     * @returns {FChart[]} - An array of charts on this sheet.
+     * @example
+     * ```ts
+     * const fWorkbook = univerAPI.getActiveWorkbook();
+     * const fSheet = fWorkbook.getActiveSheet();
+     * const charts = fSheet.getCharts();
+     * console.log(charts.length); //chart count
+     * ```
+     */
+    getCharts(): FChart[];
+    /**
+     * Removes a chart from the parent sheet.
+     * @param {FChart} chart - The chart to remove.
+     * @example
+     * ```ts
+     * const fWorkbook = univerAPI.getActiveWorkbook();
+     * const fSheet = fWorkbook.getActiveSheet();
+     * const charts = fSheet.getCharts();
+     * if (charts.length > 0){
+     *    fSheet.removeChart(charts[0]);
+     * }
+     * ```
+     */
+    removeChart(chart: FChart): Promise<boolean>;
+    /**
+     * Univer chart is base on echarts, you can register your own theme by echart theme builder.
+     * @description The theme object should be a valid echarts theme object.The online builder is available at https://echarts.apache.org/zh/theme-builder.html
+     * @param {string} themeName - The name of the theme.
+     * @param {IEchartTheme} theme - The theme object.
+     * @example
+     * ```ts
+     * const fWorkbook = univerAPI.getActiveWorkbook();
+     * const fSheet = fWorkbook.getActiveSheet();
+     * // register your theme
+     * const theme = {}; // your theme object
+     * fSheet.registerChartTheme('myTheme', theme);
+     * // use your theme for chart
+     * const chartBuilder = fSheet.newChart().asLineChart();
+     * chartBuilder.setTheme('myTheme');
+     * const chartInfo = chartBuilder.addRange('A1:B8').build();
+     * fSheet.insertChart(chartInfo);
+     * ```
+     */
+    registerChartTheme(themeName: string, theme: IEchartTheme): void;
+}
+export declare class FWorksheetChartMixin extends FWorksheet implements IFWorksheetChartMixin {
+    insertChart(chartBuildInfo: IChartBuilderInfo): Promise<FChart>;
+    updateChart(chartBuilder: IChartBuilderInfo): void;
+    newChart(fChart?: FChart): FChartBuilderBase;
+    getCharts(): FChart[];
+    removeChart(chart: FChart): Promise<boolean>;
+    registerChartTheme(themeName: string, theme: IEchartTheme): void;
+}
+declare module '@univerjs/sheets/facade' {
+    interface FWorksheet extends IFWorksheetChartMixin {
+    }
+}

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

@@ -0,0 +1,16 @@
+import { ILineChartBuilderMixin, IPieChartBuilderInfo, IPieChartBuilderMixin, IRadarChartBuilderMixin } from './chart-builder/types';
+import './f-worksheet';
+export { FChartBuilderBase } from './chart-builder/chart-builder-base';
+export type * from './chart-builder/chart-builder-base';
+export { LineChartBuilder } from './chart-builder/line-chart-builder';
+export { PieChartBuilder } from './chart-builder/pie-chart-builder';
+export { RadarChartBuilder } from './chart-builder/radar-chart-builder';
+export { FChart } from './f-chart';
+export type * from './f-chart';
+export type * from './f-worksheet';
+declare module '@univerjs-pro/sheets-chart-ui/facade' {
+    interface FChartBuilderBase extends IPieChartBuilderMixin, IRadarChartBuilderMixin, ILineChartBuilderMixin {
+    }
+    interface IChartBuildOptions extends IPieChartBuilderInfo {
+    }
+}

package/lib/types/index.d.ts

@@ -3,3 +3,4 @@ export { SheetsChartUIService } from './services/sheets-chart-ui.service';
 export { SheetsChartUIController } from './controllers/sheets-chart-ui.controller';
 export { UniverSheetsChartUIPlugin } from './plugins/univer-sheets-chart-ui-plugin';
 export { defaultChartHeight, defaultChartWidth } from './const';
+export { type IInsertChartCommandParams, InsertChartCommand } from './commands/commands/sheets-chart.command';

package/lib/types/locale/zh-CN.d.ts

@@ -79,6 +79,12 @@ declare const locale: {
         chartStyle: string;
         chartAndAxisTitles: string;
         legend: string;
+        legendSelectMode: string;
+        legendSelectModeType: {
+            single: string;
+            multiple: string;
+            close: string;
+        };
         axes: {
             axis: string;
             axisOptions: string;
@@ -92,6 +98,11 @@ declare const locale: {
         position: string;
         dataLabels: string;
         gridlinesAndTicks: string;
+        indicatorLine: string;
+        indicatorLineType: string;
+        indicatorLineColor: string;
+        indicatorLabel: string;
+        indicatorValue: string;
         shape: {
             polygon: string;
             circle: string;
@@ -103,6 +114,14 @@ declare const locale: {
             pin: string;
             arrow: string;
             none: string;
+            emptyCircle: string;
+            emptySquare: string;
+            emptyTriangle: string;
+            emptyDiamond: string;
+            emptyRect: string;
+            emptyRoundRect: string;
+            emptyPin: string;
+            emptyArrow: string;
         };
         border: string;
         value: string;

package/lib/types/models/echart-render-engine.d.ts

@@ -14,7 +14,9 @@ export declare class EChartRenderEngine extends Disposable implements EChartInst
     static name: string;
     private _instance;
     container: HTMLElement | string;
+    private _devicePixelRatio;
     constructor();
+    getDevicePixelRatio(): 1 | 2 | undefined;
     mount(id: string | HTMLElement): void;
     resize(): void;
     private _ensureChartInstance;

package/lib/types/models/echart-render-model.d.ts

@@ -1,5 +1,5 @@
-import { Rect } from '@univerjs/engine-render';
 import { ChartStyle, IChartConfig } from '@univerjs-pro/sheets-chart';
+import { Rect } from '@univerjs/engine-render';
 import { EChartSpec } from './echart-render-engine';
 import { IChartInstance, IChartRenderModel, IChartRenderModelStylizeInit } from './interface';
 import { Disposable } from '@univerjs/core';

package/lib/types/models/render-spec-operators/axis-title.operator.d.ts

@@ -0,0 +1,2 @@
+import { EChartRenderSpecOperator } from '../echart-render-engine';
+export declare const axisTitleStyleOperator: EChartRenderSpecOperator;

package/lib/types/models/render-spec-operators/index.d.ts

@@ -1,3 +1,4 @@
+export { axisTitleStyleOperator } from './axis-title.operator';
 export { chartAxesOperator } from './chart-axes.operator';
 export { chartBoxStyleOperator } from './chart-box-style.operator';
 export { fontSizeOperator } from './font-size.operator';
@@ -9,4 +10,4 @@ export { pieStyleOperator } from './pie-style.operator';
 export { seriesStyleOperator } from './series-style-operator/series-style-operator';
 export { stackOperator } from './stack.operator';
 export { chartThemeOperator } from './theme.operator';
-export { titleStyleOperator } from './title-style.operator';
+export { chartTitleStyleOperator } from './title-style.operator';

package/lib/types/models/render-spec-operators/title-style.operator.d.ts

@@ -1,2 +1,2 @@
 import { EChartRenderSpecOperator } from '../echart-render-engine';
-export declare const titleStyleOperator: EChartRenderSpecOperator;
+export declare const chartTitleStyleOperator: EChartRenderSpecOperator;

package/lib/types/models/render-spec-operators/tools.d.ts

@@ -3,10 +3,12 @@ import { EChartSeriesItem, EChartSpec } from '../echart-render-engine';
 import { ISpecGrid } from './operator-types';
 type PartialLabelStyle = Partial<Pick<ILabelStyle, 'visible' | 'color' | 'fontSize' | 'italic' | 'bold' | 'underline' | 'strikethrough' | 'showMaxLabel' | 'showMinLabel'>>;
 export declare function applyLabelStyle(spec: Record<string, any>, path: string, labelStyle: PartialLabelStyle): void;
+export declare function applyLineStyle(spec: Record<string, any>, path: string, labelStyle: PartialLabelStyle): void;
 export declare function toArray<T = unknown>(value: T | T[]): T[];
 export declare function seriesForEach(series: EChartSpec['series'], func: (item: EChartSeriesItem, index: number) => void): void;
 export declare function toPercentage(value: number, fixed?: number): string;
 export declare const getLegendOrSeriesMaxWidth: (gridInfo: ISpecGrid, config: IChartConfig, style: ChartStyle) => number;
-export declare const getCategoryLabelVertical: (gridInfo: ISpecGrid, style: ChartStyle, categoryCount: number) => number;
-export declare const getCategoryLabelHorizontal: (gridInfo: ISpecGrid, style: ChartStyle, seriesCount: number) => number;
+export declare const getCategoryLabelVertical: (gridInfo: ISpecGrid, style: ChartStyle) => number;
+export declare const getCategoryLabelHorizontal: (gridInfo: ISpecGrid, style: ChartStyle, seriesCount: number, axisLabelMaxWidth?: number) => number;
+export declare const getIntegerValue: (value: number, digit?: number) => number;
 export {};

package/lib/types/services/sheets-chart-ui.service.d.ts

@@ -1,5 +1,5 @@
-import { Nullable, Disposable, ICommandService, IUniverInstanceService, LocaleService } from '@univerjs/core';
 import { AreaLineStyle, ChartModel, ChartStyle, DeepPartial, IAllSeriesStyle, IAxisOptions, IChartContext, IChartSourceMultiRangeItem, IChartStyle, IChartUpdateConfigCommandParams, IChartUpdateSourceCommandParams, ILegendStyle, InvalidValueType, IPieLabelStyle, IRuntimeAxis, ISheetChartSourceSingleRange, RadarShape, RightYAxisOptions, TitlePositionEnum, CategoryType, ChartModelService, ChartTypeBits, DataOrientation, SheetsChartService } from '@univerjs-pro/sheets-chart';
+import { Nullable, Disposable, ICommandService, IUniverInstanceService, LocaleService } from '@univerjs/core';
 import { Observable } from 'rxjs';
 import { IChartHostProviderService } from './sheets-chart-host-provider.service';
 export declare function registryChartConfigState(service: SheetsChartUIService): void;
@@ -12,6 +12,7 @@ export interface IChartConfigStateMap {
     orient: IChartConfigState<Nullable<DataOrientation>>;
     aggregate: IChartConfigState<boolean>;
     gradientFill: IChartConfigState<Nullable<boolean>>;
+    indicator: IChartConfigState<Nullable<ChartStyle['tooltip']>>;
     chartType: IChartConfigState<ChartTypeBits>;
     dataRange: IChartConfigState<Nullable<ISheetChartSourceSingleRange | IChartSourceMultiRangeItem[]>>;
     /** Series & Category */

package/lib/types/views/chart-edit-panel/options.d.ts

@@ -1,5 +1,5 @@
 import { IChartOptionType } from '../../services/sheets-chart-ui.service';
-import { AreaLineStyle, AxisAlignEnum, ChartBorderDashType, InvalidValueType, LabelContentType, LegendPositionEnum, LinePointShape, PieLabelPosition, RadarPointShape, RadarShape, SeriesLabelPosition, TextAlign, TextVerticalAlign, TitlePositionEnum } from '@univerjs-pro/sheets-chart';
+import { AreaLineStyle, AxisAlignEnum, ChartBorderDashType, InvalidValueType, LabelContentType, LegendPositionEnum, LinePointShape, PieLabelPosition, RadarShape, SelectModeEnum, SeriesLabelPosition, TextAlign, TextVerticalAlign, TitlePositionEnum } from '@univerjs-pro/sheets-chart';
 import { default as React } from 'react';
 export type OptionType = IChartOptionType;
 export declare const defaultOption: {
@@ -88,10 +88,6 @@ export declare const linePointShapeOptions: {
     label: string;
     value: LinePointShape;
 }[];
-export declare const radarPointShapeOptions: {
-    label: string;
-    value: RadarPointShape;
-}[];
 export declare const linePointSizeOptions: {
     label: string;
     value: string;
@@ -112,6 +108,10 @@ export declare const legendLabelPositionOptions: {
     label: string;
     value: LegendPositionEnum;
 }[];
+export declare const legendSelectModeOptions: {
+    label: string;
+    value: SelectModeEnum;
+}[];
 export declare const titlePositionOptions: {
     label: string;
     value: TitlePositionEnum;

package/lib/types/views/chart-edit-panel/style-tab-panel/DataLabelOptions.d.ts

@@ -1,5 +1,5 @@
+import { ChartTypeBits, IPieLabelStyle, ISeriesLabelStyle } from '@univerjs-pro/sheets-chart';
 import { LocaleService, Nullable } from '@univerjs/core';
-import { IPieLabelStyle, ISeriesLabelStyle, ChartTypeBits } from '@univerjs-pro/sheets-chart';
 import { PropertyChangeFunction } from '../font-format-bar';
 import { OptionType } from '../options';
 import { default as React } from 'react';

package/lib/types/views/chart-edit-panel/style-tab-panel/IndicatorLine.d.ts

@@ -0,0 +1,19 @@
+import { ChartBorderDashType } from '@univerjs-pro/sheets-chart';
+import { LocaleService } from '@univerjs/core';
+import { default as React } from 'react';
+interface IIndicatorChangeInfo {
+    indicatorLabelColor?: string;
+    indicatorLineType?: ChartBorderDashType;
+    indicatorLineColor?: string;
+    indicatorLabelTextColor?: string;
+}
+export interface IIndicatorLineProps {
+    localeService: LocaleService;
+    indicatorLabelColor: string;
+    indicatorLineType: ChartBorderDashType;
+    indicatorLineColor: string;
+    indicatorLabelTextColor: string;
+    onChange?: (v: IIndicatorChangeInfo) => void;
+}
+export declare const IndicatorLine: (props: IIndicatorLineProps) => React.JSX.Element;
+export {};

package/lib/types/views/chart-edit-panel/style-tab-panel/series-style-edit/RadarPoints.d.ts

@@ -1,10 +1,10 @@
+import { DeepPartial, IPointStyle, ISeriesStyle } from '@univerjs-pro/sheets-chart';
 import { LocaleService } from '@univerjs/core';
-import { DeepPartial, IRadarPointStyle, ISeriesStyle } from '@univerjs-pro/sheets-chart';
 import { default as React } from 'react';
 interface IRadarSeriesPointProps {
     localeService: LocaleService;
     setSeriesStyle: (style: DeepPartial<ISeriesStyle>) => void;
-    pointStyle?: IRadarPointStyle;
+    pointStyle?: IPointStyle;
 }
 export declare const RadarSeriesPoint: (props: IRadarSeriesPointProps) => React.JSX.Element;
 export {};

package/lib/types/views/chart-edit-panel/style-tab-panel/series-style-edit/const.d.ts

@@ -0,0 +1,2 @@
+import { ChartTypeBits } from '@univerjs-pro/sheets-chart';
+export declare const PercentageChartTypes: Set<ChartTypeBits>;

package/lib/types/views/chart-edit-panel/style-tab-panel/series-style-edit/widgets.d.ts

@@ -1,5 +1,5 @@
+import { DeepPartial, IPointStyle, ISeriesStyle, ChartTypeBits } from '@univerjs-pro/sheets-chart';
 import { LocaleService, Nullable } from '@univerjs/core';
-import { DeepPartial, IPointStyle, IRadarPointStyle, ISeriesStyle } from '@univerjs-pro/sheets-chart';
 import { default as React } from 'react';
 export interface IWidgetProps {
     localeService: LocaleService;
@@ -9,6 +9,7 @@ export interface IFillOptions extends IWidgetProps {
     seriesStyle: Nullable<DeepPartial<ISeriesStyle>>;
     allSeriesStyle: Nullable<DeepPartial<ISeriesStyle>>;
     controlName: string;
+    chartType: Nullable<ChartTypeBits>;
 }
 export declare const FillOptions: (props: IFillOptions) => React.JSX.Element;
 export interface IBorderOptionsProps extends IWidgetProps {
@@ -21,12 +22,8 @@ export interface IBorderOptionsProps extends IWidgetProps {
 export declare const BorderOptions: (props: IBorderOptionsProps) => React.JSX.Element;
 type PointStyleKeys = keyof IPointStyle;
 export interface ILinePointOptionsProps extends Omit<IWidgetProps, 'onSeriesStyleChange'> {
-    pointStyle: ISeriesStyle['point'] | IRadarPointStyle;
+    pointStyle: ISeriesStyle['point'] | IPointStyle;
     controls: Array<PointStyleKeys>;
-    pointShapeOptions?: {
-        label: string;
-        value: string;
-    }[];
     onChange?: <K extends PointStyleKeys = PointStyleKeys>(key: K, value: IPointStyle[K]) => void;
 }
 export declare const LinePointOptions: (props: ILinePointOptionsProps) => React.JSX.Element;