@univerjs-pro/sheets-chart-ui 0.5.4 → 0.5.5-experimental.20250123-34738ff

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

@@ -1,40 +1,57 @@
 import { AreaLineStyle, LinePointShape } from '@univerjs-pro/sheets-chart';
 import { Injector, Workbook } from '@univerjs/core';
 import { IChartBuilderInfo, FChartBuilderBase } from './chart-builder-base';
+/**
+ * The builder for creating a line chart.
+ * @hideconstructor
+ */
 export declare class LineChartBuilder extends FChartBuilderBase {
+    /**
+     * @property {AreaLineStyle} lineStyle The line style of the line chart.
+     */
     lineStyle: AreaLineStyle;
+    /**
+     * @property {LinePointShape} dataPointShape The shape of the data point in the line chart.
+     */
     dataPointShape: LinePointShape;
+    /**
+     * @property {string} dataPointColor The color of the data point in the line chart.
+     */
     dataPointColor: string;
+    /**
+     * @property {number} dataPointSize The size of the data point in the line chart.
+     */
     dataPointSize: number;
     constructor(unitId: string, subUnitId: string, workbook: Workbook, injector: Injector, chartId?: string);
     /**
      * The line style of the area chart.
-     * @param lineStyle
-     * @returns - The builder, for chaining.
+     * @param {AreaLineStyle} lineStyle The line style of the line chart.
+     * @returns {LineChartBuilder} - The builder, for chaining.
      */
     setLineStyle(lineStyle: AreaLineStyle): this;
     /**
      * The shape of the data point in the line chart.
-     * @param dataPointShape
-     * @returns - The builder, for chaining.
+     * @param {LinePointShape} dataPointShape The shape of the data point in the line chart.
+     * @returns {LineChartBuilder} - The builder, for chaining.
      */
     setDataPointShape(dataPointShape: LinePointShape): this;
     /**
      * The color of the data point in the line chart.
-     * @param dataPointColor
-     * @returns - The builder, for chaining.
+     * @param {string} dataPointColor The color of the data point in the line chart.
+     * @returns {LineChartBuilder}  The builder, for chaining.
      */
     setDataPointColor(dataPointColor: string): this;
     /**
      * The size of the data point in the line chart.
-     * @param dataPointSize
-     * @returns - The builder, for chaining.
+     * @param {number} dataPointSize The size of the data point in the line chart.
+     * @returns {LineChartBuilder} The builder, for chaining.
      */
     setDataPointSize(dataPointSize: number): this;
     /**
      * 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();
@@ -50,6 +67,9 @@ export declare class LineChartBuilder extends FChartBuilderBase {
      */
     build(): IChartBuilderInfo;
 }
+/**
+ * @ignore
+ */
 export declare class LineChartBuilderMixin extends FChartBuilderBase {
     asLineChart(): LineChartBuilder;
 }

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

@@ -1,5 +1,9 @@
 import { Injector, Workbook } from '@univerjs/core';
 import { IChartBuilderInfo, FChartBuilderBase } from './chart-builder-base';
+/**
+ * The builder for creating a pie chart.
+ * @hideconstructor
+ */
 export declare class PieChartBuilder extends FChartBuilderBase {
     doughnutHole: number;
     borderColor: string;
@@ -11,50 +15,51 @@ export declare class PieChartBuilder extends FChartBuilderBase {
     /**
      * 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.
+     * @returns {PieChartBuilder} this builder, for chaining.
      */
     setDoughnutHole(doughnutHole: number): this;
     /**
      * 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.
+     * @returns {PieChartBuilder} this builder, for chaining.
      */
     setBorderColor(borderColor: string): this;
     /**
      * 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.
+     * @returns {PieChartBuilder} this builder, for chaining.
      */
     setHasPaddingAngle(hasPaddingAngle: boolean): this;
     /**
      * 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.
+     * @returns {PieChartBuilder} this builder, for chaining.
      */
     setIsHalfPie(isHalfPie: boolean): this;
     /**
      * 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.
+     * @returns {PieChartBuilder} this builder, for chaining.
      */
     setRosePie(rosePie: boolean): this;
     /**
      * 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.
+     * @returns {PieChartBuilder} this builder, for chaining.
      */
     setShowLabelLine(showLabelLine: boolean): this;
     /**
      * 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)
+     *  .setChartType(univerAPI.Enum.ChartType.Pie)
      *  .setDoughnutHole(0.5)
      *  .setBorderColor('#ff0000')
      *  .setHasPaddingAngle(true)
@@ -65,6 +70,9 @@ export declare class PieChartBuilder extends FChartBuilderBase {
      */
     build(): IChartBuilderInfo;
 }
+/**
+ * @ignore
+ */
 export declare class PieChartBuilderMixin extends FChartBuilderBase {
     asPieChart(): PieChartBuilder;
 }

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

@@ -1,14 +1,25 @@
 import { RadarShape } from '@univerjs-pro/sheets-chart';
 import { Injector, Workbook } from '@univerjs/core';
 import { IChartBuilderInfo, FChartBuilderBase } from './chart-builder-base';
+/**
+ * The builder for creating a radar chart.
+ *  @hideconstructor
+ */
 export declare class RadarChartBuilder extends FChartBuilderBase {
+    /**
+     * @property {RadarShape} shape The shape of the radar chart. The possible values are 'Polygon' and 'Circle'.
+     */
     shape: RadarShape;
+    /**
+     * @property {boolean} fill True if the radar chart is filled; false otherwise.
+     */
     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.
+     * @returns {RadarChartBuilder} this builder, for chaining.
+     *
      * @example
      * ```ts
      * // import { ChartTypeBits, RadarShape } from '@univerjs-pro/sheets-chart';
@@ -25,7 +36,8 @@ export declare class RadarChartBuilder extends FChartBuilderBase {
     /**
      * Sets whether the radar chart is filled.
      * @param {boolean} fill True if the radar chart is filled; false otherwise.
-     * @returns this builder, for chaining.
+     * @returns {RadarChartBuilder} this builder, for chaining.
+     *
      * @example
      * ```ts
      * // import { ChartTypeBits } from '@univerjs-pro/sheets-chart';
@@ -43,6 +55,7 @@ export declare class RadarChartBuilder extends FChartBuilderBase {
      * 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';
@@ -50,7 +63,7 @@ export declare class RadarChartBuilder extends FChartBuilderBase {
      * const fSheet = fWorkbook.getActiveSheet();
      * const chartBuilder = fSheet.newChart().asRadarChart();
      * const chartInfo = chartBuilder.addRange('A1:B8')
-     * .setChartType(ChartTypeBits.Radar)
+     * .setChartType(univerAPI.Enum.ChartType.Radar)
      * .setShape(RadarShape.Polygon)
      * .setFill(true)
      * .build();
@@ -59,6 +72,9 @@ export declare class RadarChartBuilder extends FChartBuilderBase {
      */
     build(): IChartBuilderInfo;
 }
+/**
+ * @ignore
+ */
 export declare class RadarChartBuilderMixin extends FChartBuilderBase {
     asRadarChart(): RadarChartBuilder;
 }

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

@@ -1,12 +1,21 @@
 import { LineChartBuilder } from './line-chart-builder';
 import { PieChartBuilder } from './pie-chart-builder';
 import { RadarChartBuilder } from './radar-chart-builder';
+/**
+ * @ignore
+ */
 export interface IPieChartBuilderMixin {
     asPieChart(): PieChartBuilder;
 }
+/**
+ * @ignore
+ */
 export interface IRadarChartBuilderMixin {
     asRadarChart(): RadarChartBuilder;
 }
+/**
+ * @ignore
+ */
 export interface ILineChartBuilderMixin {
     asLineChart(): LineChartBuilder;
 }

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

@@ -1,15 +1,33 @@
 import { IChartDataCategory, IChartDataSeries, ISheetChartSourceSingleRange } from '@univerjs-pro/sheets-chart';
 import { Injector } from '@univerjs/core';
 import { FChartBuilderBase } from './chart-builder/chart-builder-base';
+/**
+ * The facade class for the chart.
+ * @hideconstructor
+ */
 export declare class FChart {
+    /**
+     * @ignore
+     */
     unitId: string;
+    /**
+     * @ignore
+     */
     subUnitId: string;
+    /**
+     * @ignore
+     */
     chartId: string;
     private _injector;
     constructor(unitId: string, subUnitId: string, chartId: string, injector: Injector);
+    /**
+     * Get the chart id.
+     * @returns {string} The chart id.
+     */
     getChartId(): string;
     /**
      * Get the range of the chart.
+     * @returns {ISheetChartSourceSingleRange|undefined} The range of the chart.
      */
     getRange(): ISheetChartSourceSingleRange | undefined;
     /**
@@ -20,29 +38,31 @@ export declare class FChart {
      * @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;
+     * 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
+     * @typedef 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.
+     * @returns {IChartDataSeries[]|undefined} The series data list of the chart.
+     *
      * @example
      * ```ts
      * const fWorkbook = univerAPI.getActiveWorkbook();
@@ -50,7 +70,7 @@ export declare class FChart {
      * const charts = fSheet.getCharts();
      * if (charts.length > 0){
      *   const seriesData = charts[0].getSeriesData();
-     *  console.log(seriesData);
+     *   console.log(seriesData);
      * }
      * ```
      */
@@ -66,14 +86,15 @@ export declare class FChart {
      * @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);
+     *   const categoryData = charts[0].getCategoryData();
+     *   console.log(categoryData);
      * }
      * ```
      */

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

@@ -0,0 +1,135 @@
+import { AxisAlignEnum, ChartBorderDashType, ChartTypeBits, LegendPositionEnum, LinePointShape, SelectModeEnum, TitlePositionEnum } from '@univerjs-pro/sheets-chart';
+/**
+ * @ignore
+ */
+export interface IChartEnumMixin {
+    /**
+     * Represents the type of the chart. {@link ChartTypeBits}
+     * @description This enum is used to specify the type of the chart. Which is binary-like value, each bit represents a type of the chart.
+     *
+     * @example
+     * ```ts
+     * const fWorkbook = univerAPI.getActiveWorkbook();
+     * const fSheet = fWorkbook.getActiveSheet();
+     * const chartBuilder = fSheet.newChart().asRadarChart();
+     * const chartInfo = chartBuilder.addRange('A1:B8')
+     * .setChartType(univerAPI.Enum.ChartType.Radar)
+     * .setShape(univerAPI.Enum.RadarShape.Polygon)
+     * .setFill(true)
+     * .build();
+     * fSheet.insertChart(chartInfo);
+     * ```
+     */
+    ChartType: typeof ChartTypeBits;
+    /**
+     * Represents the position of the legend in the chart. {@link LegendPositionEnum}
+     * The possible values are: BOTTOM, TOP, LEFT, RIGHT, HIDE.
+     *
+     * @example
+     * ```ts
+     * const fWorkbook = univerAPI.getActiveWorkbook();
+     * const fSheet = fWorkbook.getActiveSheet();
+     * const chartBuilder = fSheet.newChart();
+     * const chartInfo = chartBuilder.addRange('A1:B8')
+     * .setChartType(univerAPI.Enum.ChartType.Line)
+     * .setOptions('legend.position', univerAPI.Enum.LegendPositionEnum.TOP)
+     * .build();
+     * fSheet.insertChart(chartInfo);
+     * ```
+     */
+    LegendPositionEnum: typeof LegendPositionEnum;
+    /**
+     * Represents the selection mode of the chart. {@link SelectModeEnum}
+     * The possible values are: SINGLE, MULTIPLE, Close. It used to specify the selection mode of the chart legend.
+     *
+     * @example
+     * ```ts
+     * const fWorkbook = univerAPI.getActiveWorkbook();
+     * const fSheet = fWorkbook.getActiveSheet();
+     * const chartBuilder = fSheet.newChart().asLineChart();
+     * const chartInfo = chartBuilder.addRange('A1:B8')
+     * .setChartType(univerAPI.Enum.ChartType.Line)
+     * .setOptions('legend.selectMode', univerAPI.Enum.SelectModeEnum.SINGLE)
+     * .build();
+     * fSheet.insertChart(chartInfo);
+     * ```
+     */
+    SelectModeEnum: typeof SelectModeEnum;
+    /**
+     * Represents the alignment of the axis. {@link AxisAlignEnum}
+     * The possible values are: START, CENTER, END.
+     *
+     * @example
+     * ```ts
+     * const fWorkbook = univerAPI.getActiveWorkbook();
+     * const fSheet = fWorkbook.getActiveSheet();
+     * const chartBuilder = fSheet.newChart().asLineChart();
+     * const chartInfo = chartBuilder.addRange('A1:B8')
+     * .setChartType(univerAPI.Enum.ChartType.Line)
+     * .setAxisAlign(univerAPI.Enum.AxisAlignEnum.START)
+     * .build();
+     * fSheet.insertChart(chartInfo);
+     * ```
+     */
+    AxisAlignEnum: typeof AxisAlignEnum;
+    /**
+     * Represents the type of the border dash. {@link ChartBorderDashType}
+     * The possible values are: SOLID, DOTTED, DASHED.
+     *
+     * @example
+     * ```ts
+     * const fWorkbook = univerAPI.getActiveWorkbook();
+     * const fSheet = fWorkbook.getActiveSheet();
+     * const chartBuilder = fSheet.newChart().asLineChart();
+     * const chartInfo = chartBuilder.addRange('A1:B8')
+     * .setChartType(univerAPI.Enum.ChartType.Line)
+     * .setAxisPointerStyle({
+     *      indicatorLabelColor: '#ff0000',
+     *      indicatorLineType: univerAPI.Enum.ChartBorderDashType.Solid,
+     *      indicatorLineColor: '#00ff00',
+     *      indicatorLabelTextColor: '#0000ff',
+     *  })
+     * .build();
+     * fSheet.insertChart(chartInfo);
+     * ```
+     */
+    ChartBorderDashType: typeof ChartBorderDashType;
+    /**
+     * Represents the shape of the data point in the line chart. {@link LinePointShape}
+     *
+     * @example
+     * ```ts
+     * const fWorkbook = univerAPI.getActiveWorkbook();
+     * const fSheet = fWorkbook.getActiveSheet();
+     * const chartBuilder = fSheet.newChart().asLineChart();
+     * const chartInfo = chartBuilder.addRange('A1:B8')
+     * .setChartType(univerAPI.Enum.ChartType.Line)
+     * .setDataPointShape(univerAPI.Enum.LinePointShape.CIRCLE)
+     * .build();
+     * fSheet.insertChart(chartInfo);
+     * ```
+     */
+    LinePointShape: typeof LinePointShape;
+    /**
+     * Represents the position of the title in the chart. {@link TitlePositionEnum}
+     *
+     * @example
+     * ```ts
+     * const fWorkbook = univerAPI.getActiveWorkbook();
+     * const fSheet = fWorkbook.getActiveSheet();
+     * const chartBuilder = fSheet.newChart().asLineChart();
+     * const chartInfo = chartBuilder.addRange('A1:B8')
+     * .setOptions('title.position',univerAPI.Enum.TitlePositionEnum.TOP)
+     * .build();
+     * fSheet.insertChart(chartInfo);
+     * ```
+     */
+    TitlePositionEnum: typeof TitlePositionEnum;
+}
+/**
+ * @ignore
+ */
+declare module '@univerjs/core' {
+    interface FEnum extends IChartEnumMixin {
+    }
+}

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

@@ -2,11 +2,15 @@ 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';
+/**
+ * @ignore
+ */
 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();
@@ -23,6 +27,7 @@ export interface IFWorksheetChartMixin {
     /**
      * 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();
@@ -43,7 +48,8 @@ export interface IFWorksheetChartMixin {
      * 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
+     * @returns {FChartBuilderBase} - a new chart builder
+     *
      * @example
      * ```ts
      * const fWorkbook = univerAPI.getActiveWorkbook();
@@ -62,6 +68,7 @@ export interface IFWorksheetChartMixin {
     /**
      * Returns an array of charts on this sheet.
      * @returns {FChart[]} - An array of charts on this sheet.
+     *
      * @example
      * ```ts
      * const fWorkbook = univerAPI.getActiveWorkbook();
@@ -74,6 +81,7 @@ export interface IFWorksheetChartMixin {
     /**
      * Removes a chart from the parent sheet.
      * @param {FChart} chart - The chart to remove.
+     *
      * @example
      * ```ts
      * const fWorkbook = univerAPI.getActiveWorkbook();
@@ -90,6 +98,7 @@ export interface IFWorksheetChartMixin {
      * @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();
@@ -114,6 +123,9 @@ export declare class FWorksheetChartMixin extends FWorksheet implements IFWorksh
     removeChart(chart: FChart): Promise<boolean>;
     registerChartTheme(themeName: string, theme: IEchartTheme): void;
 }
+/**
+ * @ignore
+ */
 declare module '@univerjs/sheets/facade' {
     interface FWorksheet extends IFWorksheetChartMixin {
     }

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

@@ -1,5 +1,6 @@
 import { ILineChartBuilderMixin, IPieChartBuilderInfo, IPieChartBuilderMixin, IRadarChartBuilderMixin } from './chart-builder/types';
 import './f-worksheet';
+import './f-enum';
 export { FChartBuilderBase } from './chart-builder/chart-builder-base';
 export type * from './chart-builder/chart-builder-base';
 export { LineChartBuilder } from './chart-builder/line-chart-builder';
@@ -8,6 +9,9 @@ export { RadarChartBuilder } from './chart-builder/radar-chart-builder';
 export { FChart } from './f-chart';
 export type * from './f-chart';
 export type * from './f-worksheet';
+/**
+ * @ignore
+ */
 declare module '@univerjs-pro/sheets-chart-ui/facade' {
     interface FChartBuilderBase extends IPieChartBuilderMixin, IRadarChartBuilderMixin, ILineChartBuilderMixin {
     }

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

@@ -1,3 +1,2 @@
-import { default as React } from 'react';
 import 'rc-collapse/assets/index.css';
-export declare const ChartEditPanel: () => React.JSX.Element;
+export declare const ChartEditPanel: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,2 @@
 import { ISelectProps } from '@univerjs/design';
-import { default as React } from 'react';
-export declare function ChartSelect(props: ISelectProps): React.JSX.Element;
+export declare function ChartSelect(props: ISelectProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,7 @@
 import { LocaleService } from '@univerjs/core';
 import { SheetsChartUIService } from '../../services/sheets-chart-ui.service';
-import { default as React } from 'react';
 export declare const RadarChartOptionsEdit: (props: {
     service: SheetsChartUIService;
     localeService: LocaleService;
     className?: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/types/views/chart-edit-panel/button-switch/ButtonSwitch.d.ts

@@ -1,9 +1,8 @@
 import { OptionType } from '../options';
-import { default as React } from 'react';
 export interface IButtonSwitchProps {
     className?: string;
     options: OptionType[];
     value?: string;
     onChange?: (value: string) => void;
 }
-export declare const ButtonSwitch: (props: IButtonSwitchProps) => React.JSX.Element;
+export declare const ButtonSwitch: (props: IButtonSwitchProps) => import("react/jsx-runtime").JSX.Element;

package/lib/types/views/chart-edit-panel/color-picker-control/index.d.ts

@@ -1,7 +1,6 @@
 import { Nullable } from '@univerjs/core';
-import { default as React } from 'react';
 export interface IColorPickerControlProps {
     color: Nullable<string>;
     onChange?: (color: Nullable<string>) => void;
 }
-export declare const ColorPickerControl: (props: IColorPickerControlProps) => React.JSX.Element;
+export declare const ColorPickerControl: (props: IColorPickerControlProps) => import("react/jsx-runtime").JSX.Element;

package/lib/types/views/chart-edit-panel/data-tab-panel/DataTabPanel.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
 export declare const ChartEditBlockTitle: ({ title }: {
     title: string;
-}) => React.JSX.Element;
-export declare const DataTabPanel: () => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const DataTabPanel: () => import("react/jsx-runtime").JSX.Element;

package/lib/types/views/chart-edit-panel/dropdown-menu/index.d.ts

@@ -5,4 +5,4 @@ export interface IDropdownMenuProps {
     children: React.ReactElement | ((visible: boolean) => React.ReactElement);
     onSelect?: (menu: OptionType, index: number) => void;
 }
-export declare const DropdownMenu: (props: IDropdownMenuProps) => React.JSX.Element;
+export declare const DropdownMenu: (props: IDropdownMenuProps) => import("react/jsx-runtime").JSX.Element;

package/lib/types/views/chart-edit-panel/font-format-bar/FontFormatBar.d.ts

@@ -1,5 +1,4 @@
 import { LocaleService } from '@univerjs/core';
-import { default as React } from 'react';
 export interface IFontFormatStyle {
     fontSize: number;
     color: string;
@@ -16,4 +15,4 @@ export interface IFontFormatBarProps extends Partial<IFontFormatStyle> {
     className?: string;
     onChange?: PropertyChangeFunction<Omit<IFontFormatStyle, 'controls'>>;
 }
-export declare const FontFormatBar: (props: IFontFormatBarProps) => React.JSX.Element;
+export declare const FontFormatBar: (props: IFontFormatBarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,9 @@
 import { DeepPartial, IAxisOptions } from '@univerjs-pro/sheets-chart';
 import { LocaleService, Nullable } from '@univerjs/core';
-import { default as React } from 'react';
 export interface IAxisOptionsEditProps {
     localeService: LocaleService;
     valueAxis: boolean;
     axisOptions: Nullable<DeepPartial<IAxisOptions>>;
     onChange?: (axisOptions: DeepPartial<IAxisOptions>) => void;
 }
-export declare const AxisOptionsEdit: (props: IAxisOptionsEditProps) => React.JSX.Element;
+export declare const AxisOptionsEdit: (props: IAxisOptionsEditProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,6 @@ import { ChartTypeBits, IPieLabelStyle, ISeriesLabelStyle } from '@univerjs-pro/
 import { LocaleService, Nullable } from '@univerjs/core';
 import { PropertyChangeFunction } from '../font-format-bar';
 import { OptionType } from '../options';
-import { default as React } from 'react';
 type UnionLabelStyle = ISeriesLabelStyle | IPieLabelStyle;
 export interface IDataLabelOptionsProps {
     localeService: LocaleService;
@@ -23,5 +22,5 @@ export interface IDataLabelOptionsProps {
     onShowLabelLineChange?: (showLabelLine: boolean) => void;
     showLabelLine?: Nullable<boolean>;
 }
-export declare const DataLabelOptions: (props: IDataLabelOptionsProps) => React.JSX.Element;
+export declare const DataLabelOptions: (props: IDataLabelOptionsProps) => import("react/jsx-runtime").JSX.Element;
 export {};