@univerjs/sheets-ui 0.5.4-nightly.202501200849 → 0.5.5-experimental.20250122-3362a4a

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

@@ -236,9 +236,10 @@ export interface IFSheetsUIEventNameMixin {
     readonly SheetEditEnded: 'SheetEditEnded';
     /**
      * Event fired when a cell is clicked
+     * @see {@link ICellEventParam}
      * @example
      * ```ts
-     * univerAPI.getActiveWorkbook().addEvent(univerAPI.Event.CellClicked, (params)=> {
+     * univerAPI.addEvent(univerAPI.Event.CellClicked, (params)=> {
      *      const { worksheet, workbook, row, column, value, isZenEditor } = params;
      * });
      * ```
@@ -246,9 +247,10 @@ export interface IFSheetsUIEventNameMixin {
     readonly CellClicked: 'CellClicked';
     /**
      * Event fired when a cell is pointer down
+     * @see {@link ICellEventParam}
      * @example
      * ```ts
-     * univerAPI.getActiveWorkbook().addEvent(univerAPI.Event.CellPointerDown, (params)=> {
+     * univerAPI.addEvent(univerAPI.Event.CellPointerDown, (params)=> {
      *      const { worksheet, workbook, row, column } = params;
      * });
      * ```
@@ -256,9 +258,10 @@ export interface IFSheetsUIEventNameMixin {
     readonly CellPointerDown: 'CellPointerDown';
     /**
      * Event fired when a cell is pointer up
+     * @see {@link ICellEventParam}
      * @example
      * ```ts
-     * univerAPI.getActiveWorkbook().addEvent(univerAPI.Event.CellPointerUp, (params)=> {
+     * univerAPI.addEvent(univerAPI.Event.CellPointerUp, (params)=> {
      *      const { worksheet, workbook, row, column } = params;
      * });
      * ```
@@ -266,9 +269,10 @@ export interface IFSheetsUIEventNameMixin {
     readonly CellPointerUp: 'CellPointerUp';
     /**
      * Event fired when a cell is hovered
+     * @see {@link ICellEventParam}
      * @example
      * ```ts
-     * univerAPI.getActiveWorkbook().addEvent(univerAPI.Event.CellHover, (params)=> {
+     * univerAPI.addEvent(univerAPI.Event.CellHover, (params)=> {
      *      const { worksheet, workbook, row, column } = params;
      * });
      * ```
@@ -276,9 +280,10 @@ export interface IFSheetsUIEventNameMixin {
     readonly CellHover: 'CellHover';
     /**
      * Event fired when move on spreadsheet cells
+     * @see {@link ICellEventParam}
      * @example
      * ```ts
-     * univerAPI.getActiveWorkbook().addEvent(univerAPI.Event.CellPointerMove, (params)=> {
+     * univerAPI.addEvent(univerAPI.Event.CellPointerMove, (params)=> {
      *      const { worksheet, workbook, row, column } = params;
      * });
      * ```
@@ -374,6 +379,7 @@ export interface IFSheetsUIEventNameMixin {
     readonly ColumnHeaderHover: 'ColumnHeaderHover';
     /**
      * Event fired when drag over spreadsheet cells
+     * @see {@link ICellEventParam}
      * @example
      * ```ts
      * univerAPI.getActiveWorkbook().addEvent(univerAPI.Event.DragOver, (params)=> {
@@ -384,6 +390,7 @@ export interface IFSheetsUIEventNameMixin {
     readonly DragOver: 'DragOver';
     /**
      * Event fired when drop on spreadsheet cells
+     * @see {@link ICellEventParam}
      * @example
      * ```ts
      * univerAPI.getActiveWorkbook().addEvent(univerAPI.Event.Drop, (params)=> {
@@ -394,6 +401,7 @@ export interface IFSheetsUIEventNameMixin {
     readonly Drop: 'Drop';
     /**
      * Event fired when scroll spreadsheet.
+     * @see {@link IScrollEventParam}
      * @example
      * ```ts
      * univerAPI.addEvent(univerAPI.Event.Scroll, (params)=> {
@@ -404,6 +412,7 @@ export interface IFSheetsUIEventNameMixin {
     readonly Scroll: 'Scroll';
     /**
      * Event fired when selection changed.
+     * @see {@link ISelectionEventParam}
      * @example
      * ```ts
      * univerAPI.addEvent(univerAPI.Event.SelectionChanged, (p)=> {
@@ -414,6 +423,7 @@ export interface IFSheetsUIEventNameMixin {
     readonly SelectionChanged: 'SelectionChanged';
     /**
      * Event fired when selection move start
+     * @see {@link ISelectionEventParam}
      * @example
      * ```ts
      * univerAPI.addEvent(univerAPI.Event.SelectionMoveStart, (p)=> {
@@ -424,6 +434,7 @@ export interface IFSheetsUIEventNameMixin {
     readonly SelectionMoveStart: 'SelectionMoveStart';
     /**
      * Event fired when selection move end
+     * @see {@link ISelectionEventParam}
      * @example
      * ```ts
      * univerAPI.addEvent(univerAPI.Event.SelectionMoving, (p)=> {
@@ -434,6 +445,7 @@ export interface IFSheetsUIEventNameMixin {
     readonly SelectionMoving: 'SelectionMoving';
     /**
      * Event fired when selection move end
+     * @see {@link ISelectionEventParam}
      * @example
      * ```ts
      * univerAPI.addEvent(univerAPI.Event.SelectionMoveEnd, (p)=> {
@@ -444,6 +456,7 @@ export interface IFSheetsUIEventNameMixin {
     readonly SelectionMoveEnd: 'SelectionMoveEnd';
     /**
      * Event fired when zoom changed
+     * @see {@link ISheetZoomEvent}
      * @example
      * ```ts
      * univerAPI.addEvent(univerAPI.Event.SheetZoomChanged, (p)=> {
@@ -454,6 +467,7 @@ export interface IFSheetsUIEventNameMixin {
     readonly SheetZoomChanged: 'SheetZoomChanged';
     /**
      * Event fired before zoom changed
+     * @see {@link ISheetZoomEvent}
      * @example
      * ```ts
      * univerAPI.addEvent(univerAPI.Event.BeforeSheetZoomChange, (p)=> {
@@ -464,6 +478,7 @@ export interface IFSheetsUIEventNameMixin {
     readonly BeforeSheetZoomChange: 'BeforeSheetZoomChange';
     /**
      * Event fired when sheet skeleton changed
+     * @see {@link ISheetSkeletonChangedEvent}
      * @example
      * ```ts
      * univerAPI.addEvent(univerAPI.Event.SheetSkeletonChanged, (p)=> {

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

@@ -55,12 +55,21 @@ interface IFRangeSheetsUIMixin {
      * @returns The disposable object to detach the popup, if the popup is not attached, return `null`.
      * @example
     ```
+        univerAPI.getComponentManager().register(
+            'myPopup',
+            () => React.createElement('div', {
+                style: {
+                    color: 'red',
+                    fontSize: '14px'
+                }
+            }, 'Custom Popup')
+        );
+
         let sheet = univerAPI.getActiveWorkbook().getActiveSheet();
         let range = sheet.getRange(2, 2, 3, 3);
         univerAPI.getActiveWorkbook().setActiveRange(range);
         let disposable = range.attachPopup({
-        componentKey: 'univer.sheet.cell-alert',
-        extraProps: { alert: { type: 0, title: 'This is an Info', message: 'This is an info message' } },
+            componentKey: 'myPopup'
         });
     ```
      */
@@ -78,7 +87,7 @@ interface IFRangeSheetsUIMixin {
      */
     attachAlertPopup(alert: Omit<ICellAlert, 'location'>): IDisposable;
     /**
-     * Attach a DOM popup to the start cell of current range.
+     * Attach a DOM popup to the current range.
      * @param alert The alert to attach
      * @returns The disposable object to detach the alert.
      * @example
@@ -86,9 +95,19 @@ interface IFRangeSheetsUIMixin {
         let sheet = univerAPI.getActiveWorkbook().getActiveSheet();
         let range = sheet.getRange(2, 2, 3, 3);
         univerAPI.getActiveWorkbook().setActiveRange(range);
+
+        univerAPI.getComponentManager().register(
+            'myPopup',
+            () => React.createElement('div', {
+                style: {
+                    background: 'red',
+                    fontSize: '14px'
+                }
+            }, 'Custom Popup')
+        );
         let disposable = range.attachRangePopup({
-        componentKey: 'univer.sheet.single-dom-popup',
-        extraProps: { alert: { type: 0, title: 'This is an Info', message: 'This is an info message' } },
+            componentKey: 'myPopup',
+            direction: 'top' // 'vertical' | 'horizontal' | 'top' | 'right' | 'left' | 'bottom' | 'bottom-center' | 'top-center';
         });
      * ```
      */

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

@@ -7,7 +7,7 @@ export interface IFUniverSheetsUIMixin {
      * @param {IColumnsHeaderCfgParam} cfg The configuration of the column header.
      * @example
      * ```typescript
-     * univerAPI.customizeColumnHeader({ headerStyle: { backgroundColor: 'pink', fontSize: 9 }, columnsCfg: ['MokaII', undefined, null, { text: 'Size', textAlign: 'left' }] });
+     * univerAPI.customizeColumnHeader({ headerStyle: { fontColor: '#fff', size: 40, backgroundColor: '#4e69ee', fontSize: 9 }, columnsCfg: ['MokaII', undefined, null, { text: 'Size', textAlign: 'left' }] });
      * ```
      */
     customizeColumnHeader(cfg: IColumnsHeaderCfgParam): void;
@@ -49,6 +49,9 @@ export interface IFUniverSheetsUIMixin {
 export declare class FUniverSheetsUIMixin extends FUniver implements IFUniverSheetsUIMixin {
     private _initSheetUIEvent;
     _initObserverListener(injector: Injector): void;
+    /**
+     * @ignore
+     */
     _initialize(injector: Injector): void;
     private _generateClipboardCopyParam;
     private _beforeClipboardChange;

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

@@ -1,5 +1,6 @@
 import { IDisposable, Nullable } from '@univerjs/core';
-import { ICellPosWithEvent, IHoverRichTextInfo, IHoverRichTextPosition, IScrollState } from '@univerjs/sheets-ui';
+import { IMouseEvent, IPointerEvent } from '@univerjs/engine-render';
+import { ICellPosWithEvent, IDragCellPosition, IHoverRichTextInfo, IHoverRichTextPosition, IScrollState } from '@univerjs/sheets-ui';
 import { ICellEventParam } from './f-event';
 import { FWorkbook } from '@univerjs/sheets/facade';
 import { IDialogPartMethodOptions, ISidebarMethodOptions } from '@univerjs/ui';
@@ -26,6 +27,26 @@ export interface IFWorkbookSheetsUIMixin {
      * @deprecated use `univerAPI.addEvent(univerAPI.Event.CellHover, () => {})` instead
      */
     onCellHover(callback: (cell: IHoverRichTextPosition) => void): IDisposable;
+    /**
+     * @deprecated use `univerAPI.addEvent(univerAPI.Event.CellPointerMove, () => {})` instead
+     */
+    onCellPointerMove(callback: (cell: ICellPosWithEvent, event: IPointerEvent | IMouseEvent) => void): IDisposable;
+    /**
+     * @deprecated use `univerAPI.addEvent(univerAPI.Event.CellPointerDown, () => {})` instead
+     */
+    onCellPointerDown(callback: (cell: ICellPosWithEvent) => void): IDisposable;
+    /**
+     * @deprecated use `univerAPI.addEvent(univerAPI.Event.CellPointerUp, () => {})` instead
+     */
+    onCellPointerUp(callback: (cell: ICellPosWithEvent) => void): IDisposable;
+    /**
+     * @deprecated use `univerAPI.addEvent(univerAPI.Event.DragOver, () => {})` instead
+     */
+    onDragOver(callback: (cell: IDragCellPosition) => void): IDisposable;
+    /**
+     * @deprecated use `univerAPI.addEvent(univerAPI.Event.Drop, () => {})` instead
+     */
+    onDrop(callback: (cell: IDragCellPosition) => void): IDisposable;
     /**
      * Start the editing process
      * @returns A boolean value
@@ -92,6 +113,11 @@ export declare class FWorkbookSheetsUIMixin extends FWorkbook implements IFWorkb
     generateCellParams(cell: IHoverRichTextPosition | ICellPosWithEvent): ICellEventParam;
     onCellClick(callback: (cell: IHoverRichTextInfo) => void): IDisposable;
     onCellHover(callback: (cell: IHoverRichTextPosition) => void): IDisposable;
+    onCellPointerDown(callback: (cell: ICellPosWithEvent) => void): IDisposable;
+    onCellPointerUp(callback: (cell: ICellPosWithEvent) => void): IDisposable;
+    onCellPointerMove(callback: (cell: ICellPosWithEvent, event: IPointerEvent | IMouseEvent) => void): IDisposable;
+    onDragOver(callback: (cell: IDragCellPosition) => void): IDisposable;
+    onDrop(callback: (cell: IDragCellPosition) => void): IDisposable;
     startEditing(): boolean;
     endEditing(save?: boolean): Promise<boolean>;
     endEditingAsync(save?: boolean): Promise<boolean>;

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

@@ -1,6 +1,6 @@
-import { IRange, Nullable } from '@univerjs/core';
+import { IDisposable, IRange, Nullable } from '@univerjs/core';
 import { SpreadsheetSkeleton } from '@univerjs/engine-render';
-import { IScrollState } from '@univerjs/sheets-ui';
+import { IScrollState, IViewportScrollState } from '@univerjs/sheets-ui';
 import { FWorksheet } from '@univerjs/sheets/facade';
 export interface IFWorksheetSkeletonMixin {
     /**
@@ -89,6 +89,10 @@ export interface IFWorksheetSkeletonMixin {
      * ```
      */
     setColumnAutoWidth(columnPosition: number, numColumn: number): FWorksheet;
+    /**
+     * @deprecated use `univerAPI.addEvent(univerAPI.Event.Scroll, () => {})` instead
+     */
+    onScroll(callback: (params: Nullable<IViewportScrollState>) => void): IDisposable;
 }
 export declare class FWorksheetSkeletonMixin extends FWorksheet implements IFWorksheetSkeletonMixin {
     refreshCanvas(): FWorksheet;
@@ -97,6 +101,7 @@ export declare class FWorksheetSkeletonMixin extends FWorksheet implements IFWor
     getVisibleRange(): IRange;
     scrollToCell(row: number, column: number): FWorksheet;
     getScrollState(): IScrollState;
+    onScroll(callback: (params: Nullable<IViewportScrollState>) => void): IDisposable;
     getSkeleton(): Nullable<SpreadsheetSkeleton>;
     setColumnAutoWidth(columnPosition: number, numColumn: number): FWorksheet;
 }

package/lib/types/services/clipboard/clipboard.service.d.ts

@@ -31,7 +31,7 @@ export interface ISheetClipboardService {
     copy(): Promise<boolean>;
     cut(): Promise<boolean>;
     paste(item: ClipboardItem, pasteType?: string): Promise<boolean>;
-    legacyPaste(html?: string, text?: string): Promise<boolean>;
+    legacyPaste(html?: string, text?: string, files?: File[]): Promise<boolean>;
     rePasteWithPasteType(type: IPasteHookKeyType): boolean;
     disposePasteOptionsCache(): void;
     generateCopyContent(workbookId: string, worksheetId: string, range: IRange): Nullable<ICopyContent>;
@@ -74,14 +74,17 @@ export declare class SheetClipboardService extends Disposable implements ISheetC
     copy(copyType?: COPY_TYPE): Promise<boolean>;
     cut(): Promise<boolean>;
     paste(item: ClipboardItem, pasteType?: "default-paste"): Promise<boolean>;
-    legacyPaste(html?: string, text?: string): Promise<boolean>;
+    legacyPaste(html?: string, text?: string, files?: File[]): Promise<boolean>;
     rePasteWithPasteType(type: IPasteHookKeyType): boolean;
     updatePasteOptionsCache(cache: IPasteOptionCache | null): void;
     addClipboardHook(hook: ISheetClipboardHook): IDisposable;
     getClipboardHooks(): ISheetClipboardHook[];
     private _generateCopyContent;
     private _notifyClipboardHook;
+    private _executePaste;
+    private _pasteFiles;
     private _pastePlainText;
+    private _pasteUnrecognized;
     private _pasteHTML;
     private _pasteExternal;
     private _pasteInternal;

package/lib/types/services/clipboard/type.d.ts

@@ -83,7 +83,7 @@ export interface ISheetClipboardHook {
      * @param subUnitId
      * @param range
      */
-    onBeforeCopy?(unitId: string, subUnitId: string, range: IRange): void;
+    onBeforeCopy?(unitId: string, subUnitId: string, range: IRange, copyType: COPY_TYPE): void;
     /**
      * Properties that would be appended to the td element.
      *
@@ -177,6 +177,14 @@ export interface ISheetClipboardHook {
         undos: IMutationInfo[];
         redos: IMutationInfo[];
     };
+    onPasteFiles?(pasteTo: ISheetDiscreteRangeLocation, files: File[], payload: ICopyPastePayload): {
+        undos: IMutationInfo[];
+        redos: IMutationInfo[];
+    };
+    onPasteUnrecognized?(pasteTo: ISheetDiscreteRangeLocation): {
+        undos: IMutationInfo[];
+        redos: IMutationInfo[];
+    };
     /**
      * Would be called after paste content has been written into Univer.
      * Features could do some cleaning up jobs here.

package/lib/types/services/selection/base-selection-render.service.d.ts

@@ -39,6 +39,7 @@ export interface ISheetSelectionRenderService {
     getCellWithCoordByOffset(x: number, y: number, skeleton?: SpreadsheetSkeleton): Nullable<ICellWithCoord>;
     setSingleSelectionEnabled(enabled: boolean): void;
     refreshSelectionMoveEnd(): void;
+    resetSelectionsByModelData(selectionsWithStyleList: readonly ISelectionWithStyle[]): void;
 }
 export declare const ISheetSelectionRenderService: import('@wendellhu/redi').IdentifierDecorator<ISheetSelectionRenderService>;
 /**

package/lib/types/services/selection/selection-control.d.ts

@@ -1,5 +1,5 @@
 import { ICellWithCoord, IRangeWithCoord, Nullable, ThemeService, Disposable, RANGE_TYPE } from '@univerjs/core';
-import { Scene, Group, Rect } from '@univerjs/engine-render';
+import { Scene, SpreadsheetSkeleton, Group, Rect } from '@univerjs/engine-render';
 import { ISelectionStyle, ISelectionWidgetConfig, ISelectionWithCoord } from '@univerjs/sheets';
 import { ISelectionShapeExtensionOption, SelectionShapeExtension } from './selection-shape-extension';
 import { Subject } from 'rxjs';
@@ -175,7 +175,7 @@ export declare class SelectionControl extends Disposable {
      * Update range and primary range and style.
      * @param selectionWthCoord
      */
-    updateRangeBySelectionWithCoord(selectionWthCoord: ISelectionWithCoord): void;
+    updateRangeBySelectionWithCoord(selectionWthCoord: ISelectionWithCoord, sk?: SpreadsheetSkeleton): void;
     /**
      * Update selection model with new range & primary cell(aka: highlight/current), also update row/col selection size & style.
      *

package/lib/types/services/sheet-skeleton-manager.service.d.ts

@@ -1,5 +1,5 @@
 import { IRange, IRangeWithCoord, Nullable, Workbook, Disposable, Injector } from '@univerjs/core';
-import { IRenderContext, IRenderModule, SpreadsheetSkeleton } from '@univerjs/engine-render';
+import { IRender, IRenderContext, IRenderModule, SpreadsheetSkeleton } from '@univerjs/engine-render';
 export interface ISheetSkeletonManagerParam {
     unitId: string;
     sheetId: string;
@@ -58,4 +58,5 @@ export declare class SheetSkeletonManagerService extends Disposable implements I
     attachRangeWithCoord(range: IRange): Nullable<IRangeWithCoord>;
     private _getSkeleton;
     private _buildSkeleton;
+    setColumnHeaderSize(render: IRender, sheetId: string, size: number): void;
 }

package/lib/types/views/cell-alert/CellAlertPopup.d.ts

@@ -1,5 +1,4 @@
 import { ICanvasPopup } from '../../services/canvas-pop-manager.service';
-import { default as React } from 'react';
 /**
  *
  * @param root0
@@ -7,4 +6,4 @@ import { default as React } from 'react';
  */
 export declare function CellAlert({ popup }: {
     popup: ICanvasPopup;
-}): React.JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;

package/lib/types/views/clipboard/ClipboardPopupMenu.d.ts

@@ -1,2 +1,16 @@
-import { default as React } from 'react';
-export declare const ClipboardPopupMenu: () => React.JSX.Element | null;
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare const ClipboardPopupMenu: () => import("react/jsx-runtime").JSX.Element | null;

package/lib/types/views/count-bar/CountBar.d.ts

@@ -1,7 +1,21 @@
-import { default as React } from 'react';
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 interface ICountBarProps {
     changeRatio?: (ratio: string) => void;
     onChange?: (value: string) => void;
 }
-export declare function CountBar(props: ICountBarProps): React.JSX.Element;
+export declare function CountBar(props: ICountBarProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/types/views/count-bar/ZoomSlider.d.ts

@@ -1,2 +1,16 @@
-import { default as React } from 'react';
-export declare function ZoomSlider(): React.JSX.Element;
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare function ZoomSlider(): import("react/jsx-runtime").JSX.Element;

package/lib/types/views/defined-name/DefinedName.d.ts

@@ -1,4 +1,18 @@
-import { default as React } from 'react';
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 export declare function DefinedName({ disable }: {
     disable: boolean;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/types/views/defined-name/DefinedNameContainer.d.ts

@@ -1,2 +1,16 @@
-import { default as React } from 'react';
-export declare const DefinedNameContainer: () => React.JSX.Element | undefined;
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare const DefinedNameContainer: () => import("react/jsx-runtime").JSX.Element | undefined;

package/lib/types/views/defined-name/DefinedNameInput.d.ts

@@ -1,5 +1,4 @@
 import { IDefinedNamesServiceParam } from '@univerjs/engine-formula';
-import { default as React } from 'react';
 export interface IDefinedNameInputProps extends Omit<IDefinedNamesServiceParam, 'id'> {
     inputId: string;
     type?: string;
@@ -8,4 +7,4 @@ export interface IDefinedNameInputProps extends Omit<IDefinedNamesServiceParam,
     cancel?: () => void;
     id?: string;
 }
-export declare const DefinedNameInput: (props: IDefinedNameInputProps) => React.JSX.Element | undefined;
+export declare const DefinedNameInput: (props: IDefinedNameInputProps) => import("react/jsx-runtime").JSX.Element | undefined;

package/lib/types/views/defined-name/DefinedNameOverlay.d.ts

@@ -1,4 +1,18 @@
-import { default as React } from 'react';
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 export interface IDefinedNameOverlayProps {
 }
-export declare function DefinedNameOverlay(props: IDefinedNameOverlayProps): React.JSX.Element;
+export declare function DefinedNameOverlay(props: IDefinedNameOverlayProps): import("react/jsx-runtime").JSX.Element;

package/lib/types/views/formula-bar/FormulaBar.d.ts

@@ -1,2 +1,16 @@
-import { default as React } from 'react';
-export declare function FormulaBar(): React.JSX.Element;
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare function FormulaBar(): import("react/jsx-runtime").JSX.Element;

package/lib/types/views/mobile/sheet-bar/MobileSheetBar.d.ts

@@ -1,2 +1,16 @@
-import { default as React } from 'react';
-export declare function MobileSheetBar(): React.JSX.Element | null;
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare function MobileSheetBar(): import("react/jsx-runtime").JSX.Element | null;

package/lib/types/views/permission/error-msg-dialog/index.d.ts

@@ -1,4 +1,18 @@
-import { default as React } from 'react';
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 export declare const AlertDialog: ({ errorMsg }: {
     errorMsg: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/types/views/permission/panel/index.d.ts

@@ -1,10 +1,9 @@
 import { IPermissionPanelRule } from '../../../services/permission/sheet-permission-panel.model';
-import { default as React } from 'react';
 interface ISheetPermissionPanelProps {
     showDetail: boolean;
     fromSheetBar: boolean;
     rule?: IPermissionPanelRule;
     oldRule?: IPermissionPanelRule;
 }
-export declare const SheetPermissionPanel: ({ showDetail, fromSheetBar, rule, oldRule }: ISheetPermissionPanelProps) => React.JSX.Element | null;
+export declare const SheetPermissionPanel: ({ showDetail, fromSheetBar, rule, oldRule }: ISheetPermissionPanelProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/lib/types/views/permission/panel-detail/PermissionDetailFooterPart.d.ts

@@ -1,7 +1,6 @@
 import { IRange } from '@univerjs/core';
 import { IPermissionPanelRule } from '../../../services/permission/sheet-permission-panel.model';
 import { EditStateEnum, ViewStateEnum } from '@univerjs/sheets';
-import { default as React } from 'react';
 interface IPermissionDetailFooterPartProps {
     permissionId: string;
     id: string;
@@ -12,5 +11,5 @@ interface IPermissionDetailFooterPartProps {
     viewState: ViewStateEnum;
     oldRule?: IPermissionPanelRule;
 }
-export declare const PermissionDetailFooterPart: (props: IPermissionDetailFooterPartProps) => React.JSX.Element | null;
+export declare const PermissionDetailFooterPart: (props: IPermissionDetailFooterPartProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/lib/types/views/permission/panel-detail/PermissionDetailMainPart.d.ts

@@ -11,5 +11,5 @@ interface IPermissionDetailMainPartProps {
     rangeSelectorRef: React.MutableRefObject<any>;
     onFocus: () => void;
 }
-export declare const PermissionDetailMainPart: (props: IPermissionDetailMainPartProps) => React.JSX.Element | null;
+export declare const PermissionDetailMainPart: (props: IPermissionDetailMainPartProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/lib/types/views/permission/panel-detail/PermissionDetailPanel.d.ts

@@ -1,9 +1,8 @@
 import { IPermissionPanelRule } from '../../../services/permission/sheet-permission-panel.model';
-import { default as React } from 'react';
 interface ISheetPermissionPanelDetailProps {
     fromSheetBar: boolean;
     rule?: IPermissionPanelRule;
     oldRule?: IPermissionPanelRule;
 }
-export declare const SheetPermissionPanelDetail: (props: ISheetPermissionPanelDetailProps) => React.JSX.Element;
+export declare const SheetPermissionPanelDetail: (props: ISheetPermissionPanelDetailProps) => import("react/jsx-runtime").JSX.Element;
 export {};