@univerjs/sheets-ui 0.5.5 → 0.6.0-alpha.0

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

@@ -126,6 +126,9 @@ export declare const CellFEventName: {
     readonly SelectionMoveEnd: "SelectionMoveEnd";
     readonly SelectionChanged: "SelectionChanged";
 };
+/**
+ * @ignore
+ */
 export interface IFSheetsUIEventNameMixin {
     /**
      * Trigger this event before the clipboard content changes.
@@ -159,10 +162,10 @@ export interface IFSheetsUIEventNameMixin {
      * @example
      * ```ts
      * univerAPI.addEvent(univerAPI.Event.BeforeClipboardPaste, (param) => {
-     *  const {text, html} = param;
-     *  console.log('debugger', text, html);
-     *  // if want to cancel the clipboard paste
-     *  param.cancel = true;
+     *   const {text, html} = param;
+     *   console.log('debugger', text, html);
+     *   // if want to cancel the clipboard paste
+     *   param.cancel = true;
      * })
      * ```
      */
@@ -173,8 +176,8 @@ export interface IFSheetsUIEventNameMixin {
      * @example
      * ```ts
      * univerAPI.addEvent(univerAPI.Event.ClipboardPasted, (param) => {
-     *  const {text, html} = param;
-     *  console.log('debugger', text, html); // {text: '...', html: '...'}
+     *   const {text, html} = param;
+     *   console.log('debugger', text, html); // {text: '...', html: '...'}
      * })
      * ```
      */
@@ -185,7 +188,7 @@ export interface IFSheetsUIEventNameMixin {
      * @example
      * ```ts
      * univerAPI.addEvent(univerAPI.Event.BeforeSheetEditStart, (params) => {
-     *      const { worksheet, workbook, row, column, eventType, keycode, isZenEditor } = params;
+     *   const { worksheet, workbook, row, column, eventType, keycode, isZenEditor } = params;
      * });
      * ```
      */
@@ -196,7 +199,7 @@ export interface IFSheetsUIEventNameMixin {
      * @example
      * ```ts
      * univerAPI.addEvent(univerAPI.Event.SheetEditStarted, (params) => {
-     *      const { worksheet, workbook, row, column, eventType, keycode, isZenEditor } = params;
+     *   const { worksheet, workbook, row, column, eventType, keycode, isZenEditor } = params;
      * });
      * ```
      */
@@ -207,7 +210,7 @@ export interface IFSheetsUIEventNameMixin {
      * @example
      * ```ts
      * univerAPI.addEvent(univerAPI.Event.SheetEditChanging, (params) => {
-     *      const { worksheet, workbook, row, column, value, isZenEditor } = params;
+     *   const { worksheet, workbook, row, column, value, isZenEditor } = params;
      * });
      * ```
      */
@@ -218,7 +221,7 @@ export interface IFSheetsUIEventNameMixin {
      * @example
      * ```ts
      * univerAPI.addEvent(univerAPI.Event.BeforeSheetEditEnd, (params) => {
-     *      const { worksheet, workbook, row, column, value, eventType, keycode, isZenEditor } = params;
+     *   const { worksheet, workbook, row, column, value, eventType, keycode, isZenEditor } = params;
      * });
      * ```
      */
@@ -229,16 +232,17 @@ export interface IFSheetsUIEventNameMixin {
      * @example
      * ```ts
      * univerAPI.addEvent(univerAPI.Event.SheetEditEnded, (params) => {
-     *      const { worksheet, workbook, row, column, eventType, keycode, isZenEditor } = params;
+     *   const { worksheet, workbook, row, column, eventType, keycode, isZenEditor } = params;
      * });
      * ```
      */
     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,40 +250,44 @@ 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)=> {
-     *      const { worksheet, workbook, row, column } = params;
+     * univerAPI.addEvent(univerAPI.Event.CellPointerDown, (params) => {
+     *   const { worksheet, workbook, row, column } = params;
      * });
      * ```
      */
     readonly CellPointerDown: 'CellPointerDown';
     /**
      * Event fired when a cell is pointer up
+     * @see {@link ICellEventParam}
      * @example
      * ```ts
-     * univerAPI.getActiveWorkbook().addEvent(univerAPI.Event.CellPointerUp, (params)=> {
-     *      const { worksheet, workbook, row, column } = params;
+     * univerAPI.addEvent(univerAPI.Event.CellPointerUp, (params) => {
+     *   const { worksheet, workbook, row, column } = params;
      * });
      * ```
      */
     readonly CellPointerUp: 'CellPointerUp';
     /**
      * Event fired when a cell is hovered
+     * @see {@link ICellEventParam}
      * @example
      * ```ts
-     * univerAPI.getActiveWorkbook().addEvent(univerAPI.Event.CellHover, (params)=> {
-     *      const { worksheet, workbook, row, column } = params;
+     * univerAPI.addEvent(univerAPI.Event.CellHover, (params) => {
+     *   const { worksheet, workbook, row, column } = params;
      * });
      * ```
      */
     readonly CellHover: 'CellHover';
     /**
      * Event fired when move on spreadsheet cells
+     * @see {@link ICellEventParam}
      * @example
      * ```ts
-     * univerAPI.getActiveWorkbook().addEvent(univerAPI.Event.CellPointerMove, (params)=> {
-     *      const { worksheet, workbook, row, column } = params;
+     * univerAPI.addEvent(univerAPI.Event.CellPointerMove, (params) => {
+     *   const { worksheet, workbook, row, column } = params;
      * });
      * ```
      */
@@ -374,19 +382,21 @@ 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)=> {
-     *      const { worksheet, workbook, row, column } = params;
+     * univerAPI.getActiveWorkbook().addEvent(univerAPI.Event.DragOver, (params) => {
+     *   const { worksheet, workbook, row, column } = params;
      * });
      * ```
      */
     readonly DragOver: 'DragOver';
     /**
      * Event fired when drop on spreadsheet cells
+     * @see {@link ICellEventParam}
      * @example
      * ```ts
-     * univerAPI.getActiveWorkbook().addEvent(univerAPI.Event.Drop, (params)=> {
+     * univerAPI.getActiveWorkbook().addEvent(univerAPI.Event.Drop, (params) => {
      *      const { worksheet, workbook, row, column } = params;
      * });
      * ```
@@ -394,80 +404,88 @@ export interface IFSheetsUIEventNameMixin {
     readonly Drop: 'Drop';
     /**
      * Event fired when scroll spreadsheet.
+     * @see {@link IScrollEventParam}
      * @example
      * ```ts
-     * univerAPI.addEvent(univerAPI.Event.Scroll, (params)=> {
-     *      const { worksheet, workbook, scrollX, scrollY } = params;
+     * univerAPI.addEvent(univerAPI.Event.Scroll, (params) => {
+     *   const { worksheet, workbook, scrollX, scrollY } = params;
      * });
      * ```
      */
     readonly Scroll: 'Scroll';
     /**
      * Event fired when selection changed.
+     * @see {@link ISelectionEventParam}
      * @example
      * ```ts
      * univerAPI.addEvent(univerAPI.Event.SelectionChanged, (p)=> {
-     *      const { worksheet, workbook, selections } = p;
+     *   const { worksheet, workbook, selections } = p;
      * });
      * ```
      */
     readonly SelectionChanged: 'SelectionChanged';
     /**
      * Event fired when selection move start
+     * @see {@link ISelectionEventParam}
      * @example
      * ```ts
      * univerAPI.addEvent(univerAPI.Event.SelectionMoveStart, (p)=> {
-     *      const { worksheet, workbook, selections } = p;
+     *   const { worksheet, workbook, selections } = p;
      * });
      * ```
      */
     readonly SelectionMoveStart: 'SelectionMoveStart';
     /**
      * Event fired when selection move end
+     * @see {@link ISelectionEventParam}
      * @example
      * ```ts
      * univerAPI.addEvent(univerAPI.Event.SelectionMoving, (p)=> {
-     *      const { worksheet, workbook, selections } = p;
+     *   const { worksheet, workbook, selections } = p;
      * });
      * ```
      */
     readonly SelectionMoving: 'SelectionMoving';
     /**
      * Event fired when selection move end
+     * @see {@link ISelectionEventParam}
      * @example
      * ```ts
      * univerAPI.addEvent(univerAPI.Event.SelectionMoveEnd, (p)=> {
-     *      const { worksheet, workbook, selections } = p;
+     *   const { worksheet, workbook, selections } = p;
      * });
      * ```
      */
     readonly SelectionMoveEnd: 'SelectionMoveEnd';
     /**
      * Event fired when zoom changed
+     * @see {@link ISheetZoomEvent}
      * @example
      * ```ts
      * univerAPI.addEvent(univerAPI.Event.SheetZoomChanged, (p)=> {
-     *      const { worksheet, workbook, zoom } = p;
+     *   const { worksheet, workbook, zoom } = p;
      * });
      * ```
      */
     readonly SheetZoomChanged: 'SheetZoomChanged';
     /**
      * Event fired before zoom changed
+     * @see {@link ISheetZoomEvent}
      * @example
      * ```ts
      * univerAPI.addEvent(univerAPI.Event.BeforeSheetZoomChange, (p)=> {
-     *      const { worksheet, workbook, zoom } = p;
+     *   const { worksheet, workbook, zoom } = p;
      * });
      * ```
      */
     readonly BeforeSheetZoomChange: 'BeforeSheetZoomChange';
     /**
      * Event fired when sheet skeleton changed
+     * @see {@link ISheetSkeletonChangedEvent}
      * @example
      * ```ts
      * univerAPI.addEvent(univerAPI.Event.SheetSkeletonChanged, (p)=> {
-     *      const { worksheet, workbook } = p;
+     *   const { worksheet, workbook } = p;
      * });
      * ```
      */
@@ -505,6 +523,9 @@ export declare class FSheetsUIEventName extends FEventName implements IFSheetsUI
     get ColumnHeaderHover(): 'ColumnHeaderHover';
     get SheetSkeletonChanged(): 'SheetSkeletonChanged';
 }
+/**
+ * @ignore
+ */
 export interface ISheetUIEventBase extends IEventBase {
     /**
      * The workbook instance currently being operated on. {@link FWorkbook}
@@ -597,6 +618,9 @@ export interface ISheetSkeletonChangedEvent extends ISheetUIEventBase {
     payload: CommandListenerSkeletonChange;
     effectedRanges: FRange[];
 }
+/**
+ * @ignore
+ */
 export interface IFSheetsUIEventParamConfig {
     BeforeClipboardChange: IBeforeClipboardChangeParam;
     ClipboardChanged: IClipboardChangedParam;

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

@@ -1,4 +1,7 @@
 import { FPermission } from '@univerjs/sheets/facade';
+/**
+ * @ignore
+ */
 export interface IFPermissionSheetsUIMixin {
     /**
      * Set visibility of unauthorized pop-up window

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

@@ -17,6 +17,9 @@ export interface IFComponentKey {
 }
 export interface IFCanvasPopup extends Omit<ICanvasPopup, 'componentKey'>, IFComponentKey {
 }
+/**
+ * @ignore
+ */
 interface IFRangeSheetsUIMixin {
     /**
      * Return this cell information, including whether it is merged and cell coordinates
@@ -55,12 +58,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 +90,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 +98,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-sheet-hooks.d.ts

@@ -1,6 +1,9 @@
 import { ICellCustomRender, IDisposable, Nullable, InterceptorEffectEnum } from '@univerjs/core';
 import { IDragCellPosition, IEditorBridgeServiceVisibleParam, IHoverCellPosition } from '@univerjs/sheets-ui';
 import { FSheetHooks } from '@univerjs/sheets/facade';
+/**
+ * @ignore
+ */
 export interface IFSheetHooksUIMixin {
     /**
      * The onCellPointerMove event is fired when a pointer changes coordinates.

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

@@ -1,17 +1,22 @@
 import { IDisposable, Injector, FUniver } from '@univerjs/core';
 import { IColumnsHeaderCfgParam, IRowsHeaderCfgParam, SheetExtension } from '@univerjs/engine-render';
 import { FSheetHooks } from '@univerjs/sheets/facade';
+/**
+ * @ignore
+ */
 export interface IFUniverSheetsUIMixin {
     /**
+     * @deprecated use same API in FWorkSheet.
      * Customize the column header of the spreadsheet.
      * @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;
     /**
+     * @deprecated use same API in FWorkSheet.
      * Customize the row header of the spreadsheet.
      * @param {IRowsHeaderCfgParam} cfg The configuration of the row header.
      * @example
@@ -48,7 +53,13 @@ export interface IFUniverSheetsUIMixin {
 }
 export declare class FUniverSheetsUIMixin extends FUniver implements IFUniverSheetsUIMixin {
     private _initSheetUIEvent;
+    /**
+     * @ignore
+     */
     _initObserverListener(injector: Injector): void;
+    /**
+     * @ignore
+     */
     _initialize(injector: Injector): void;
     private _generateClipboardCopyParam;
     private _beforeClipboardChange;

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

@@ -4,6 +4,9 @@ import { ICellPosWithEvent, IDragCellPosition, IHoverRichTextInfo, IHoverRichTex
 import { ICellEventParam } from './f-event';
 import { FWorkbook } from '@univerjs/sheets/facade';
 import { IDialogPartMethodOptions, ISidebarMethodOptions } from '@univerjs/ui';
+/**
+ * @ignore
+ */
 export interface IFWorkbookSheetsUIMixin {
     /**
      * Open a sidebar.

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

@@ -1,7 +1,10 @@
 import { IDisposable, IRange, Nullable } from '@univerjs/core';
-import { SpreadsheetSkeleton } from '@univerjs/engine-render';
+import { IColumnsHeaderCfgParam, IRowsHeaderCfgParam, SpreadsheetSkeleton } from '@univerjs/engine-render';
 import { IScrollState, IViewportScrollState } from '@univerjs/sheets-ui';
 import { FWorksheet } from '@univerjs/sheets/facade';
+/**
+ * @ignore
+ */
 export interface IFWorksheetSkeletonMixin {
     /**
      * Refresh the canvas.
@@ -89,6 +92,76 @@ export interface IFWorksheetSkeletonMixin {
      * ```
      */
     setColumnAutoWidth(columnPosition: number, numColumn: number): FWorksheet;
+    /**
+     * Customize the column header of the spreadsheet.
+     * @param {IColumnsHeaderCfgParam} cfg The configuration of the column header.
+     * @example
+     * ```typescript
+        const fWorkbook = univerAPI.getActiveWorkbook();
+        const fWorksheet = fWorkbook.getActiveSheet();
+        fWorksheet.customizeColumnHeader({
+            headerStyle: {
+                fontColor: '#fff',
+                backgroundColor: '#4e69ee',
+                fontSize: 9
+            },
+            columnsCfg: {
+                0: 'kuma II',
+                3: {
+                    text: 'Size',
+                    textAlign: 'left', // CanvasTextAlign
+                    fontColor: '#fff',
+                    fontSize: 12,
+                    borderColor: 'pink',
+                    backgroundColor: 'pink',
+                },
+                4: 'Wow'
+            }
+        });
+     * ```
+     */
+    customizeColumnHeader(cfg: IColumnsHeaderCfgParam): void;
+    /**
+     * Customize the row header of the spreadsheet.
+     * @param {IRowsHeaderCfgParam} cfg The configuration of the row header.
+     * @example
+     * ```typescript
+        univerAPI.customizeRowHeader({
+            headerStyle: {
+                backgroundColor: 'pink',
+                fontSize: 12
+            },
+            rowsCfg: {
+                0: 'MokaII',
+                3: {
+                    text: 'Size',
+                    textAlign: 'left'
+                }
+            }
+        });
+     * ```
+     */
+    customizeRowHeader(cfg: IRowsHeaderCfgParam): void;
+    /**
+     * Set column height for column header.
+     * @param height
+     * @example
+     * ```ts
+        const sheet = univerAPI.getActiveWorkbook().getActiveSheet();
+        sheet.setColumnHeaderHeight(100);
+     * ```
+     */
+    setColumnHeaderHeight(height: number): FWorksheet;
+    /**
+     * Set column height for column header.
+     * @param width
+     * @example
+     * ```ts
+        const sheet = univerAPI.getActiveWorkbook().getActiveSheet();
+        sheet.setRowHeaderWidth(100);
+     * ```
+     */
+    setRowHeaderWidth(width: number): FWorksheet;
     /**
      * @deprecated use `univerAPI.addEvent(univerAPI.Event.Scroll, () => {})` instead
      */
@@ -104,6 +177,18 @@ export declare class FWorksheetSkeletonMixin extends FWorksheet implements IFWor
     onScroll(callback: (params: Nullable<IViewportScrollState>) => void): IDisposable;
     getSkeleton(): Nullable<SpreadsheetSkeleton>;
     setColumnAutoWidth(columnPosition: number, numColumn: number): FWorksheet;
+    customizeColumnHeader(cfg: IColumnsHeaderCfgParam): void;
+    customizeRowHeader(cfg: IRowsHeaderCfgParam): void;
+    setColumnHeaderHeight(height: number): FWorksheet;
+    setRowHeaderWidth(width: number): FWorksheet;
+    /**
+     * Get sheet render component from render by unitId and view key.
+     * @private
+     * @param {string} unitId The unit id of the spreadsheet.
+     * @param {SHEET_VIEW_KEY} viewKey The view key of the spreadsheet.
+     * @returns {Nullable<RenderComponentType>} The render component.
+     */
+    private _getSheetRenderComponent;
 }
 declare module '@univerjs/sheets/facade' {
     interface FWorksheet extends IFWorksheetSkeletonMixin {

package/lib/types/index.d.ts

@@ -112,6 +112,7 @@ export { ExpandSelectionCommand, JumpOver, MoveSelectionCommand, MoveSelectionEn
 export { ChangeZoomRatioCommand, type ISetZoomRatioCommandParams, SetZoomRatioCommand } from './commands/commands/set-zoom-ratio.command';
 export { ShowMenuListCommand } from './commands/commands/unhide.command';
 export { ChangeSheetProtectionFromSheetBarCommand, DeleteWorksheetProtectionFormSheetBarCommand, } from './commands/commands/worksheet-protection.command';
+export { SetColumnHeaderHeightCommand, SetRowHeaderWidthCommand } from './commands/commands/headersize-changed.command';
 export { SetActivateCellEditOperation } from './commands/operations/activate-cell-edit.operation';
 export { SetCellEditVisibleArrowOperation, SetCellEditVisibleOperation, SetCellEditVisibleWithF2Operation } from './commands/operations/cell-edit.operation';
 export { RenameSheetOperation } from './commands/operations/rename-sheet.operation';

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/clipboard/utils.d.ts

@@ -13,7 +13,7 @@ export declare const getRepeatRange: (sourceRange: IRange, targetRange: IRange,
     startRange: IRange;
     repeatRelativeRange: IRange;
 }[];
-export declare function clipboardItemIsFromExcel(html: string): Promise<boolean>;
+export declare function htmlIsFromExcel(html: string): boolean;
 export declare function mergeCellValues(...cellValues: IObjectMatrixPrimitiveType<Nullable<ICellData>>[]): IObjectMatrixPrimitiveType<Nullable<ICellData>> | IObjectMatrixPrimitiveType<IObjectMatrixPrimitiveType<Nullable<ICellData>>>;
 export declare function getRangeValuesMergeable(m1: IMutationInfo<ISetRangeValuesMutationParams>, m2: IMutationInfo<ISetRangeValuesMutationParams>): boolean;
 export declare function mergeSetRangeValues(mutations: IMutationInfo[]): IMutationInfo<object>[];

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,6 @@ export declare class SheetSkeletonManagerService extends Disposable implements I
     attachRangeWithCoord(range: IRange): Nullable<IRangeWithCoord>;
     private _getSkeleton;
     private _buildSkeleton;
+    setColumnHeaderSize(render: Nullable<IRender>, sheetId: string, size: number): void;
+    setRowHeaderSize(render: Nullable<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;