@univerjs/sheets-ui 0.20.1 → 0.21.0

package/lib/cjs/facade.js

@@ -1 +1,1346 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@univerjs/core`),t=require(`@univerjs/core/facade`),n=require(`@univerjs/docs`),r=require(`@univerjs/engine-render`),i=require(`@univerjs/sheets`),a=require(`@univerjs/sheets-ui`),o=require(`@univerjs/sheets/facade`),s=require(`@univerjs/ui`),c=require(`rxjs`);var l=class extends t.FUniver{_initSheetUIEvent(t){let r=t.get(e.ICommandService);this.disposeWithMe(this.registerEventHandler(this.Event.BeforeSheetEditStart,()=>r.beforeCommandExecuted(n=>{if(n.id!==a.SetCellEditVisibleOperation.id)return;let r=this.getActiveSheet();if(!r)return;let{workbook:i,worksheet:o}=r,s=t.get(a.IEditorBridgeService),{visible:c,keycode:l,eventType:u}=n.params,d=s.getEditLocation();if(!c)return;let f={row:d.row,column:d.column,eventType:u,keycode:l,workbook:i,worksheet:o,isZenEditor:!1};if(this.fireEvent(this.Event.BeforeSheetEditStart,f),f.cancel)throw new e.CanceledError}))),this.disposeWithMe(this.registerEventHandler(this.Event.BeforeSheetEditEnd,()=>r.beforeCommandExecuted(n=>{if(n.id!==a.SetCellEditVisibleOperation.id)return;let r=this.getActiveSheet();if(!r)return;let{workbook:i,worksheet:o}=r,c=t.get(a.IEditorBridgeService),l=t.get(e.IUniverInstanceService),{visible:u,keycode:d,eventType:f}=n.params,p=c.getEditLocation();if(u)return;let m={row:p.row,column:p.column,eventType:f,keycode:d,workbook:i,worksheet:o,isZenEditor:!1,value:e.RichTextValue.create(l.getUnit(e.DOCS_NORMAL_EDITOR_UNIT_ID_KEY).getSnapshot()),isConfirm:d!==s.KeyCode.ESC};if(this.fireEvent(this.Event.BeforeSheetEditEnd,m),m.cancel)throw new e.CanceledError}))),this.disposeWithMe(this.registerEventHandler(this.Event.SheetEditStarted,()=>r.onCommandExecuted(e=>{if(e.id!==a.SetCellEditVisibleOperation.id)return;let n=this.getCommandSheetTarget(e);if(!n)return;let{workbook:r,worksheet:i}=n,o=t.get(a.IEditorBridgeService),{visible:s,keycode:c,eventType:l}=e.params,u=o.getEditLocation();if(!s)return;let d={row:u.row,column:u.column,eventType:l,keycode:c,workbook:r,worksheet:i,isZenEditor:!1};this.fireEvent(this.Event.SheetEditStarted,d)}))),this.disposeWithMe(this.registerEventHandler(this.Event.SheetEditEnded,()=>r.onCommandExecuted(e=>{if(e.id!==a.SetCellEditVisibleOperation.id)return;let n=this.getCommandSheetTarget(e);if(!n)return;let{workbook:r,worksheet:i}=n,o=t.get(a.IEditorBridgeService),{visible:c,keycode:l,eventType:u}=e.params,d=o.getEditLocation();if(c)return;let f={row:d.row,column:d.column,eventType:u,keycode:l,workbook:r,worksheet:i,isZenEditor:!1,isConfirm:l!==s.KeyCode.ESC};this.fireEvent(this.Event.SheetEditEnded,f)}))),this.disposeWithMe(this.registerEventHandler(this.Event.SheetEditChanging,()=>r.onCommandExecuted(r=>{if(r.id!==n.RichTextEditingMutation.id)return;let i=this.getActiveSheet();if(!i)return;let{workbook:o,worksheet:s}=i,c=t.get(a.IEditorBridgeService),l=t.get(e.IUniverInstanceService),u=r.params;if(!c.isVisible().visible)return;let{unitId:d}=u;if(d===e.DOCS_NORMAL_EDITOR_UNIT_ID_KEY){let{row:t,column:n}=c.getEditLocation(),r={workbook:o,worksheet:s,row:t,column:n,value:e.RichTextValue.create(l.getUnit(e.DOCS_NORMAL_EDITOR_UNIT_ID_KEY).getSnapshot()),isZenEditor:!1};this.fireEvent(this.Event.SheetEditChanging,r)}}))),this.disposeWithMe(this.registerEventHandler(this.Event.BeforeSheetZoomChange,()=>r.beforeCommandExecuted(t=>{if(t.id!==a.SetZoomRatioCommand.id)return;let n=this.getCommandSheetTarget(t);if(!n)return;let{workbook:r,worksheet:i}=n,o={zoom:t.params.zoomRatio,workbook:r,worksheet:i};if(this.fireEvent(this.Event.BeforeSheetZoomChange,o),o.cancel)throw new e.CanceledError}))),this.disposeWithMe(this.registerEventHandler(this.Event.SheetZoomChanged,()=>r.onCommandExecuted(e=>{if(e.id!==a.SetZoomRatioCommand.id)return;let t=this.getCommandSheetTarget(e);if(!t)return;let{workbook:n,worksheet:r}=t,i={zoom:r.getZoom(),workbook:n,worksheet:r};this.fireEvent(this.Event.SheetZoomChanged,i)})))}_initObserverListener(t){let n=t.get(r.IRenderManagerService),o=t.get(e.LifecycleService),s=new e.DisposableCollection;this.disposeWithMe(o.lifecycle$.subscribe(n=>{if(n!==e.LifecycleStages.Rendered)return;let r=t.get(a.HoverManagerService),i=t.get(a.DragManagerService);r&&(s.dispose(),s.add(this.registerEventHandler(this.Event.CellClicked,()=>{var e;return(e=r.currentClickedCell$)==null?void 0:e.pipe((0,c.filter)(e=>!!e)).subscribe(e=>{let t=this.getSheetTarget(e.location.unitId,e.location.subUnitId);if(!t)return;let n={...t,...e,row:e.location.row,column:e.location.col};this.fireEvent(this.Event.CellClicked,n)})})),s.add(this.registerEventHandler(this.Event.CellHover,()=>{var e;return(e=r.currentRichText$)==null?void 0:e.pipe((0,c.filter)(e=>!!e)).subscribe(e=>{let t=this.getSheetTarget(e.unitId,e.subUnitId);if(!t)return;let n={...t,...e,row:e.row,column:e.col};this.fireEvent(this.Event.CellHover,n)})})),s.add(this.registerEventHandler(this.Event.CellPointerDown,()=>{var e;return(e=r.currentPointerDownCell$)==null?void 0:e.pipe((0,c.filter)(e=>!!e)).subscribe(e=>{let t=this.getSheetTarget(e.unitId,e.subUnitId);if(!t)return;let n={...t,...e,row:e.row,column:e.col};this.fireEvent(this.Event.CellPointerDown,n)})})),s.add(this.registerEventHandler(this.Event.CellPointerUp,()=>{var e;return(e=r.currentPointerUpCell$)==null?void 0:e.pipe((0,c.filter)(e=>!!e)).subscribe(e=>{let t=this.getSheetTarget(e.unitId,e.subUnitId);if(!t)return;let n={...t,...e,row:e.row,column:e.col};this.fireEvent(this.Event.CellPointerUp,n)})})),s.add(this.registerEventHandler(this.Event.CellPointerMove,()=>{var e;return(e=r.currentCellPosWithEvent$)==null?void 0:e.pipe((0,c.filter)(e=>!!e)).subscribe(e=>{let t=this.getSheetTarget(e.unitId,e.subUnitId);if(!t)return;let n={...t,...e,row:e.row,column:e.col};this.fireEvent(this.Event.CellPointerMove,n)})})),s.add(this.registerEventHandler(this.Event.DragOver,()=>{var e;return(e=i.currentCell$)==null?void 0:e.pipe((0,c.filter)(e=>!!e)).subscribe(e=>{let t=this.getSheetTarget(e.location.unitId,e.location.subUnitId);if(!t)return;let n={...t,...e,row:e.location.row,column:e.location.col};this.fireEvent(this.Event.DragOver,n)})})),s.add(this.registerEventHandler(this.Event.Drop,()=>{var e;return(e=i.endCell$)==null?void 0:e.pipe((0,c.filter)(e=>!!e)).subscribe(e=>{let t=this.getSheetTarget(e.location.unitId,e.location.subUnitId);if(!t)return;let n={...t,...e,row:e.location.row,column:e.location.col};this.fireEvent(this.Event.Drop,n)})})),s.add(this.registerEventHandler(this.Event.RowHeaderClick,()=>{var e;return(e=r.currentRowHeaderClick$)==null?void 0:e.pipe((0,c.filter)(e=>!!e)).subscribe(e=>{let t=this.getSheetTarget(e.unitId,e.subUnitId);if(!t)return;let n={...t,row:e.index};this.fireEvent(this.Event.RowHeaderClick,n)})})),s.add(this.registerEventHandler(this.Event.RowHeaderPointerDown,()=>{var e;return(e=r.currentRowHeaderPointerDown$)==null?void 0:e.pipe((0,c.filter)(e=>!!e)).subscribe(e=>{let t=this.getSheetTarget(e.unitId,e.subUnitId);if(!t)return;let n={...t,row:e.index};this.fireEvent(this.Event.RowHeaderPointerDown,n)})})),s.add(this.registerEventHandler(this.Event.RowHeaderPointerUp,()=>{var e;return(e=r.currentRowHeaderPointerUp$)==null?void 0:e.pipe((0,c.filter)(e=>!!e)).subscribe(e=>{let t=this.getSheetTarget(e.unitId,e.subUnitId);if(!t)return;let n={...t,row:e.index};this.fireEvent(this.Event.RowHeaderPointerUp,n)})})),s.add(this.registerEventHandler(this.Event.RowHeaderHover,()=>{var e;return(e=r.currentHoveredRowHeader$)==null?void 0:e.pipe((0,c.filter)(e=>!!e)).subscribe(e=>{let t=this.getSheetTarget(e.unitId,e.subUnitId);if(!t)return;let n={...t,row:e.index};this.fireEvent(this.Event.RowHeaderHover,n)})})),s.add(this.registerEventHandler(this.Event.ColumnHeaderClick,()=>{var e;return(e=r.currentColHeaderClick$)==null?void 0:e.pipe((0,c.filter)(e=>!!e)).subscribe(e=>{let t=this.getSheetTarget(e.unitId,e.subUnitId);if(!t)return;let n={...t,column:e.index};this.fireEvent(this.Event.ColumnHeaderClick,n)})})),s.add(this.registerEventHandler(this.Event.ColumnHeaderPointerDown,()=>{var e;return(e=r.currentColHeaderPointerDown$)==null?void 0:e.pipe((0,c.filter)(e=>!!e)).subscribe(e=>{let t=this.getSheetTarget(e.unitId,e.subUnitId);if(!t)return;let n={...t,column:e.index};this.fireEvent(this.Event.ColumnHeaderPointerDown,n)})})),s.add(this.registerEventHandler(this.Event.ColumnHeaderPointerUp,()=>{var e;return(e=r.currentColHeaderPointerUp$)==null?void 0:e.pipe((0,c.filter)(e=>!!e)).subscribe(e=>{let t=this.getSheetTarget(e.unitId,e.subUnitId);if(!t)return;let n={...t,column:e.index};this.fireEvent(this.Event.ColumnHeaderPointerUp,n)})})),s.add(this.registerEventHandler(this.Event.ColumnHeaderHover,()=>{var e;return(e=r.currentHoveredColHeader$)==null?void 0:e.pipe((0,c.filter)(e=>!!e)).subscribe(e=>{let t=this.getSheetTarget(e.unitId,e.subUnitId);if(!t)return;let n={...t,column:e.index};this.fireEvent(this.Event.ColumnHeaderHover,n)})})),this.disposeWithMe(s))}));let l,u=(0,c.combineLatest)([n.created$,o.lifecycle$]),d=new e.DisposableCollection;this.disposeWithMe(u.subscribe(([t,n])=>{if(t.type===e.UniverInstanceType.UNIVER_SHEET&&(l=t),n<=e.LifecycleStages.Rendered||!l)return;let r=this.getWorkbook(l.unitId);if(!r)return;d.dispose();let o=l.with(a.SheetScrollManagerService),s=l.with(i.SheetsSelectionsService);d.add(this.registerEventHandler(this.Event.Scroll,()=>o.validViewportScrollInfo$.subscribe(e=>{if(!e)return;let t={workbook:r,worksheet:r.getActiveSheet(),...e};this.fireEvent(this.Event.Scroll,t)}))),d.add(this.registerEventHandler(this.Event.SelectionMoveStart,()=>s.selectionMoveStart$.subscribe(e=>{var t;let n={workbook:r,worksheet:r.getActiveSheet(),selections:(t=e==null?void 0:e.map(e=>e.range))==null?[]:t};this.fireEvent(this.Event.SelectionMoveStart,n)}))),d.add(this.registerEventHandler(this.Event.SelectionMoving,()=>s.selectionMoving$.subscribe(e=>{var t;let n={workbook:r,worksheet:r.getActiveSheet(),selections:(t=e==null?void 0:e.map(e=>e.range))==null?[]:t};this.fireEvent(this.Event.SelectionMoving,n)}))),d.add(this.registerEventHandler(this.Event.SelectionMoveEnd,()=>s.selectionMoveEnd$.subscribe(e=>{var t;let n={workbook:r,worksheet:r.getActiveSheet(),selections:(t=e==null?void 0:e.map(e=>e.range))==null?[]:t};this.fireEvent(this.Event.SelectionMoveEnd,n)}))),d.add(this.registerEventHandler(this.Event.SelectionChanged,()=>s.selectionChanged$.subscribe(e=>{var t;let n={workbook:r,worksheet:r.getActiveSheet(),selections:(t=e==null?void 0:e.map(e=>e.range))==null?[]:t};this.fireEvent(this.Event.SelectionChanged,n)}))),l=null,this.disposeWithMe(d)}))}_initialize(t){this._initSheetUIEvent(t),this._initObserverListener(t);let n=t.get(e.ICommandService);this.disposeWithMe(this.registerEventHandler(this.Event.BeforeClipboardChange,()=>n.beforeCommandExecuted(e=>{switch(e.id){case s.CopyCommand.id:case s.CutCommand.id:this._beforeClipboardChange();break}}))),this.disposeWithMe(this.registerEventHandler(this.Event.ClipboardChanged,()=>n.onCommandExecuted(e=>{switch(e.id){case s.CopyCommand.id:case s.CutCommand.id:this._clipboardChanged();break}}))),this.disposeWithMe(this.registerEventHandler(this.Event.BeforeClipboardPaste,()=>n.beforeCommandExecuted(e=>{switch(e.id){case a.SheetPasteShortKeyCommand.id:this._beforeClipboardPaste(e.params);break;case s.PasteCommand.id:this._beforeClipboardPasteAsync();break}}))),this.disposeWithMe(this.registerEventHandler(this.Event.ClipboardPasted,()=>n.onCommandExecuted(e=>{switch(e.id){case a.SheetPasteShortKeyCommand.id:this._clipboardPaste(e.params);break;case s.PasteCommand.id:this._clipboardPasteAsync();break}}))),this.disposeWithMe(this.registerEventHandler(this.Event.SheetSkeletonChanged,()=>n.onCommandExecuted(e=>{if(i.COMMAND_LISTENER_SKELETON_CHANGE.indexOf(e.id)>-1){let t=this.getActiveSheet();if(!t)return;let n=(0,i.getSkeletonChangedEffectedRange)(e,t.worksheet.getMaxColumns()).map(e=>{var t;return(t=this.getWorkbook(e.unitId))==null||(t=t.getSheetBySheetId(e.subUnitId))==null?void 0:t.getRange(e.range)}).filter(Boolean);if(!n.length)return;let r={workbook:t.workbook,worksheet:t.worksheet,payload:e,skeleton:t.worksheet.getSkeleton(),effectedRanges:n};this.fireEvent(this.Event.SheetSkeletonChanged,r)}})))}_generateClipboardCopyParam(){let e=this.getActiveWorkbook(),t=e==null?void 0:e.getActiveSheet(),n=e==null?void 0:e.getActiveRange();if(!e||!t||!n)return;let r=this._injector.get(a.ISheetClipboardService).generateCopyContent(e.getId(),t.getSheetId(),n.getRange());if(!r)return;let{html:i,plain:o}=r;return{workbook:e,worksheet:t,text:o,html:i,fromSheet:t,fromRange:n}}_beforeClipboardChange(){let t=this._generateClipboardCopyParam();if(t&&(this.fireEvent(this.Event.BeforeClipboardChange,t),t.cancel))throw new e.CanceledError}_clipboardChanged(){let e=this._generateClipboardCopyParam();e&&this.fireEvent(this.Event.ClipboardChanged,e)}_generateClipboardPasteParam(e){if(!e)return;let{htmlContent:t,textContent:n}=e,r=this.getActiveWorkbook(),i=r==null?void 0:r.getActiveSheet();if(!(!r||!i))return{workbook:r,worksheet:i,text:n,html:t}}async _generateClipboardPasteParamAsync(){let e=this.getActiveWorkbook(),t=e==null?void 0:e.getActiveSheet();if(!e||!t)return;let n=(await this._injector.get(s.IClipboardInterfaceService).read())[0],r;if(n){let i=n.types;r={workbook:e,worksheet:t,text:i.indexOf(s.PLAIN_TEXT_CLIPBOARD_MIME_TYPE)===-1?``:await n.getType(s.PLAIN_TEXT_CLIPBOARD_MIME_TYPE).then(e=>e&&e.text()),html:i.indexOf(s.HTML_CLIPBOARD_MIME_TYPE)===-1?``:await n.getType(s.HTML_CLIPBOARD_MIME_TYPE).then(e=>e&&e.text())}}return r}_beforeClipboardPaste(t){let n=this._generateClipboardPasteParam(t);if(n&&(this.fireEvent(this.Event.BeforeClipboardPaste,n),n.cancel))throw new e.CanceledError}_clipboardPaste(t){let n=this._generateClipboardPasteParam(t);if(n&&(this.fireEvent(this.Event.ClipboardPasted,n),n.cancel))throw new e.CanceledError}async _beforeClipboardPasteAsync(){if(!(0,s.supportClipboardAPI)()){this._injector.get(e.ILogService).warn(`[Facade]: The navigator object only supports the browser environment`);return}let t=await this._generateClipboardPasteParamAsync();if(t&&(this.fireEvent(this.Event.BeforeClipboardPaste,t),t.cancel))throw new e.CanceledError}async _clipboardPasteAsync(){if(!(0,s.supportClipboardAPI)()){this._injector.get(e.ILogService).warn(`[Facade]: The navigator object only supports the browser environment`);return}let t=await this._generateClipboardPasteParamAsync();if(t&&(this.fireEvent(this.Event.ClipboardPasted,t),t.cancel))throw new e.CanceledError}customizeColumnHeader(e){var t;let n=this.getActiveWorkbook();if(!n){console.error(`WorkBook not exist`);return}let i=n==null?void 0:n.getId(),o=this._injector.get(r.IRenderManagerService),s=n.getActiveSheet(),c=s.getSheetId(),l=o.getRenderById(i);if(l&&(t=e.headerStyle)!=null&&t.size){var u;l.with(a.SheetSkeletonManagerService).setColumnHeaderSize(l,c,(u=e.headerStyle)==null?void 0:u.size),s==null||s.refreshCanvas()}this._getSheetRenderComponent(i,a.SHEET_VIEW_KEY.COLUMN).setCustomHeader(e),s==null||s.refreshCanvas()}customizeRowHeader(e){let t=this.getActiveWorkbook();if(!t){console.error(`WorkBook not exist`);return}let n=t==null?void 0:t.getId();this._getSheetRenderComponent(n,a.SHEET_VIEW_KEY.ROW).setCustomHeader(e)}registerSheetRowHeaderExtension(t,...n){let r=this._getSheetRenderComponent(t,a.SHEET_VIEW_KEY.ROW),i=r.register(...n);return(0,e.toDisposable)(()=>{i.dispose(),r.makeDirty(!0)})}registerSheetColumnHeaderExtension(t,...n){let r=this._getSheetRenderComponent(t,a.SHEET_VIEW_KEY.COLUMN),i=r.register(...n);return(0,e.toDisposable)(()=>{i.dispose(),r.makeDirty(!0)})}registerSheetMainExtension(t,...n){let r=this._getSheetRenderComponent(t,a.SHEET_VIEW_KEY.MAIN),i=r.register(...n);return(0,e.toDisposable)(()=>{i.dispose(),r.makeDirty(!0)})}_getSheetRenderComponent(e,t){let n=this._injector.get(r.IRenderManagerService).getRenderById(e);if(!n)throw Error(`Render Unit with unitId ${e} not found`);let{components:i}=n,a=i.get(t);if(!a)throw Error(`Render component not found`);return a}getSheetHooks(){return this._injector.createInstance(o.FSheetHooks)}pasteIntoSheet(e,t,n){return this._commandService.executeCommand(a.SheetPasteShortKeyCommand.id,{htmlContent:e,textContent:t,files:n})}setProtectedRangeShadowStrategy(e){this._injector.get(a.SheetPermissionRenderManagerService).setProtectedRangeShadowStrategy(e)}getProtectedRangeShadowStrategy(){return this._injector.get(a.SheetPermissionRenderManagerService).getProtectedRangeShadowStrategy()}getProtectedRangeShadowStrategy$(){return this._injector.get(a.SheetPermissionRenderManagerService).getProtectedRangeShadowStrategy$()}setPermissionDialogVisible(t){this._injector.get(e.IPermissionService).setShowComponents(t)}};t.FUniver.extend(l);var u=class extends o.FWorkbook{openSiderbar(e){return this._logDeprecation(`openSiderbar`),this._injector.get(s.ISidebarService).open(e)}openDialog(e){this._logDeprecation(`openDialog`);let t=this._injector.get(s.IDialogService).open({...e,onClose:()=>{t.dispose()}});return t}customizeColumnHeader(e){let t=this._workbook.getUnitId();this._getSheetRenderComponent(t,a.SHEET_VIEW_KEY.COLUMN).setCustomHeader(e)}customizeRowHeader(e){let t=this._workbook.getUnitId();this._getSheetRenderComponent(t,a.SHEET_VIEW_KEY.ROW).setCustomHeader(e)}_getSheetRenderComponent(e,t){let n=this._injector.get(r.IRenderManagerService).getRenderById(e);if(!n)throw Error(`Render Unit with unitId ${e} not found`);let{components:i}=n,a=i.get(t);if(!a)throw Error(`Render component not found`);return a}_logDeprecation(t){this._injector.get(e.ILogService).warn(`[FWorkbook]`,`${t} is deprecated. Please use the function of the same name on "FUniver".`)}onCellClick(t){return(0,e.toDisposable)(this._injector.get(a.HoverManagerService).currentClickedCell$.pipe((0,c.filter)(e=>!!e)).subscribe(e=>{t(e)}))}onCellHover(t){return(0,e.toDisposable)(this._injector.get(a.HoverManagerService).currentRichText$.pipe((0,c.filter)(e=>!!e)).subscribe(t))}onCellPointerDown(t){return(0,e.toDisposable)(this._injector.get(a.HoverManagerService).currentPointerDownCell$.subscribe(t))}onCellPointerUp(t){return(0,e.toDisposable)(this._injector.get(a.HoverManagerService).currentPointerUpCell$.subscribe(t))}onCellPointerMove(t){return(0,e.toDisposable)(this._injector.get(a.HoverManagerService).currentCellPosWithEvent$.pipe((0,c.filter)(e=>!!e)).subscribe(e=>{t(e,e.event)}))}onDragOver(t){return(0,e.toDisposable)(this._injector.get(a.DragManagerService).currentCell$.pipe((0,c.filter)(e=>!!e)).subscribe(e=>{t(e)}))}onDrop(t){return(0,e.toDisposable)(this._injector.get(a.DragManagerService).endCell$.pipe((0,c.filter)(e=>!!e)).subscribe(e=>{t(e)}))}startEditing(){let t=this._injector.get(e.ICommandService);return this._injector.get(a.IEditorBridgeService).isVisible().visible?!0:t.syncExecuteCommand(a.SetCellEditVisibleOperation.id,{eventType:r.DeviceInputEventType.Dblclick,unitId:this._workbook.getUnitId(),visible:!0})}async endEditing(t){let n=this._injector.get(e.ICommandService);return this._injector.get(a.IEditorBridgeService).isVisible().visible&&n.syncExecuteCommand(a.SetCellEditVisibleOperation.id,{eventType:r.DeviceInputEventType.Keyboard,keycode:t?s.KeyCode.ENTER:s.KeyCode.ESC,visible:!1,unitId:this._workbook.getUnitId()}),await(0,e.awaitTime)(0),!0}endEditingAsync(e=!0){return this.endEditing(e)}abortEditingAsync(){return this.endEditingAsync(!1)}isCellEditing(){return this._injector.get(a.IEditorBridgeService).isVisible().visible}getScrollStateBySheetId(e){let t=this._workbook.getUnitId(),n=this._injector.get(r.IRenderManagerService).getRenderById(t);return n?n.with(a.SheetScrollManagerService).getScrollStateByParam({unitId:t,sheetId:e}):null}disableSelection(){let e=this._workbook.getUnitId(),t=this._injector.get(r.IRenderManagerService).getRenderById(e);return t&&t.with(a.ISheetSelectionRenderService).disableSelection(),this}enableSelection(){let e=this._workbook.getUnitId(),t=this._injector.get(r.IRenderManagerService).getRenderById(e);return t&&t.with(a.ISheetSelectionRenderService).enableSelection(),this}transparentSelection(){let e=this._workbook.getUnitId(),t=this._injector.get(r.IRenderManagerService).getRenderById(e);return t&&t.with(a.ISheetSelectionRenderService).transparentSelection(),this}showSelection(){let e=this._workbook.getUnitId(),t=this._injector.get(r.IRenderManagerService).getRenderById(e);return t&&t.with(a.ISheetSelectionRenderService).showSelection(),this}};o.FWorkbook.extend(u);var d=class extends o.FWorksheet{refreshCanvas(){let e=this._injector.get(r.IRenderManagerService),t=this._fWorkbook.id,n=e.getRenderById(t);if(!n)throw Error(`Render Unit with unitId ${t} not found`);return n.with(a.SheetSkeletonManagerService).reCalculate(),n.components.forEach(e=>{var t;(t=e.makeDirty)==null||t.call(e)}),this}highlightRanges(t,n,r){let i=this._injector.get(a.IMarkSelectionService),o=[];for(let e of t){let t=e.getRange(),a=i.addShapeWithNoFresh({range:t,style:n,primary:r});a&&o.push(a)}if(i.refreshShapes(),o.length===0)throw Error(`Failed to highlight current range`);return(0,e.toDisposable)(()=>{o.forEach(e=>{i.removeShape(e)})})}zoom(t){let n=this._injector.get(e.ICommandService),r=Math.min(Math.max(t,.1),4);return n.executeCommand(a.SetZoomRatioCommand.id,{unitId:this._workbook.getUnitId(),subUnitId:this._worksheet.getSheetId(),zoomRatio:r}),this}getZoom(){return this._worksheet.getZoomRatio()}getVisibleRange(){let e=this._workbook.getUnitId(),t=this._injector.get(r.IRenderManagerService).getRenderById(e);if(!t)return null;let n=t.with(a.SheetSkeletonManagerService).getCurrentSkeleton();return n?n.getVisibleRangeByViewport(r.SHEET_VIEWPORT_KEY.VIEW_MAIN):null}getVisibleRangesOfAllViewports(){let e=this._workbook.getUnitId(),t=this._injector.get(r.IRenderManagerService).getRenderById(e);if(!t)return null;let n=t.with(a.SheetSkeletonManagerService).getCurrentSkeleton();return n?n.getVisibleRanges():null}scrollToCell(e,t,n){let i=this._workbook.getUnitId(),o=this._injector.get(r.IRenderManagerService).getRenderById(i);return o&&(o==null?void 0:o.with(a.SheetsScrollRenderController)).scrollToCell(e,t,n),this}getScrollState(){let e={offsetX:0,offsetY:0,sheetViewStartColumn:0,sheetViewStartRow:0},t=this._workbook.getUnitId(),n=this._worksheet.getSheetId(),i=this._injector.get(r.IRenderManagerService).getRenderById(t);return i&&i.with(a.SheetScrollManagerService).getScrollStateByParam({unitId:t,sheetId:n})||e}onScroll(t){var n;let i=this._workbook.getUnitId(),o=(n=this._injector.get(r.IRenderManagerService).getRenderById(i))==null?void 0:n.with(a.SheetScrollManagerService);return o?(0,e.toDisposable)(o.validViewportScrollInfo$.subscribe(e=>{t(e)})):(0,e.toDisposable)(()=>{})}getSkeleton(){var e;let t=(e=this._injector.get(r.IRenderManagerService).getRenderById(this._workbook.getUnitId()))==null?void 0:e.with(a.SheetSkeletonManagerService);return t==null?void 0:t.getSkeleton(this._worksheet.getSheetId())}autoResizeColumn(e){return this.autoResizeColumns(e,1)}autoResizeColumns(e,t){let n=this._workbook.getUnitId(),r=this._worksheet.getSheetId(),i=[{startColumn:e,endColumn:e+t-1,startRow:0,endRow:this._worksheet.getRowCount()-1}];return this._commandService.syncExecuteCommand(a.SetWorksheetColAutoWidthCommand.id,{unitId:n,subUnitId:r,ranges:i}),this}setColumnAutoWidth(e,t){return this.autoResizeColumns(e,t)}autoResizeRows(e,t){let n=this._workbook.getUnitId(),r=this._worksheet.getSheetId(),a=[{startRow:e,endRow:e+t-1,startColumn:0,endColumn:this._worksheet.getColumnCount()-1}];return this._commandService.syncExecuteCommand(i.SetWorksheetRowIsAutoHeightCommand.id,{unitId:n,subUnitId:r,ranges:a}),this}customizeColumnHeader(e){var t;let n=this._workbook.getUnitId(),i=this._worksheet.getSheetId(),o=this._injector.get(r.IRenderManagerService).getRenderById(n);if(o&&(t=e.headerStyle)!=null&&t.size){var s;o.with(a.SheetSkeletonManagerService).setColumnHeaderSize(o,i,(s=e.headerStyle)==null?void 0:s.size)}this._getSheetRenderComponent(n,a.SHEET_VIEW_KEY.COLUMN).setCustomHeader(e,i)}customizeRowHeader(e){var t;let n=this._workbook.getUnitId(),i=this._worksheet.getSheetId(),o=this._injector.get(r.IRenderManagerService).getRenderById(n);if(o&&(t=e.headerStyle)!=null&&t.size){var s;o.with(a.SheetSkeletonManagerService).setRowHeaderSize(o,i,(s=e.headerStyle)==null?void 0:s.size)}this._getSheetRenderComponent(n,a.SHEET_VIEW_KEY.ROW).setCustomHeader(e,i)}setColumnHeaderHeight(e){let t=this._workbook.getUnitId(),n=this._worksheet.getSheetId();return this._commandService.executeCommand(a.SetColumnHeaderHeightCommand.id,{unitId:t,subUnitId:n,size:e}),this}setRowHeaderWidth(e){let t=this._workbook.getUnitId(),n=this._worksheet.getSheetId();return this._commandService.executeCommand(a.SetRowHeaderWidthCommand.id,{unitId:t,subUnitId:n,size:e}),this}_getSheetRenderComponent(e,t){let n=this._injector.get(r.IRenderManagerService).getRenderById(e);if(!n)throw Error(`Render Unit with unitId ${e} not found`);let{components:i}=n,a=i.get(t);if(!a)throw Error(`Render component not found`);return a}};o.FWorksheet.extend(d);var f=class extends o.FPermission{setPermissionDialogVisible(e){this._permissionService.setShowComponents(e)}};o.FPermission.extend(f);var p=class extends o.FSheetHooks{onCellPointerMove(t){return(0,e.toDisposable)(this._injector.get(a.HoverManagerService).currentPosition$.subscribe(t))}onCellPointerOver(t){return(0,e.toDisposable)(this._injector.get(a.HoverManagerService).currentCell$.subscribe(t))}onCellDragOver(t){return(0,e.toDisposable)(this._injector.get(a.DragManagerService).currentCell$.subscribe(t))}onCellDrop(t){return(0,e.toDisposable)(this._injector.get(a.DragManagerService).endCell$.subscribe(t))}onCellRender(t,n=e.InterceptorEffectEnum.Style,r=i.InterceptCellContentPriority.DATA_VALIDATION){return this._injector.get(i.SheetInterceptorService).intercept(i.INTERCEPTOR_POINT.CELL_CONTENT,{effect:n,handler:(e,n,r)=>(e&&!e.customRender&&t&&(e.customRender=[...t]),r(e)),priority:r})}onBeforeCellEdit(t){return this._injector.get(e.ICommandService).beforeCommandExecuted(e=>{let n=e.params;e.id===a.SetCellEditVisibleOperation.id&&n.visible&&t(n)})}onAfterCellEdit(t){return this._injector.get(e.ICommandService).onCommandExecuted(e=>{let n=e.params;e.id===a.SetCellEditVisibleOperation.id&&!n.visible&&t(n)})}};o.FSheetHooks.extend(p);var m=class extends t.FEventName{get BeforeClipboardChange(){return`BeforeClipboardChange`}get ClipboardChanged(){return`ClipboardChanged`}get BeforeClipboardPaste(){return`BeforeClipboardPaste`}get ClipboardPasted(){return`ClipboardPasted`}get BeforeSheetEditStart(){return`BeforeSheetEditStart`}get SheetEditStarted(){return`SheetEditStarted`}get SheetEditChanging(){return`SheetEditChanging`}get BeforeSheetEditEnd(){return`BeforeSheetEditEnd`}get SheetEditEnded(){return`SheetEditEnded`}get CellClicked(){return`CellClicked`}get CellHover(){return`CellHover`}get CellPointerDown(){return`CellPointerDown`}get CellPointerUp(){return`CellPointerUp`}get CellPointerMove(){return`CellPointerMove`}get DragOver(){return`DragOver`}get Drop(){return`Drop`}get Scroll(){return`Scroll`}get SelectionMoveStart(){return`SelectionMoveStart`}get SelectionChanged(){return`SelectionChanged`}get SelectionMoving(){return`SelectionMoving`}get SelectionMoveEnd(){return`SelectionMoveEnd`}get RowHeaderClick(){return`RowHeaderClick`}get RowHeaderPointerDown(){return`RowHeaderPointerDown`}get RowHeaderPointerUp(){return`RowHeaderPointerUp`}get RowHeaderHover(){return`RowHeaderHover`}get ColumnHeaderClick(){return`ColumnHeaderClick`}get ColumnHeaderPointerDown(){return`ColumnHeaderPointerDown`}get ColumnHeaderPointerUp(){return`ColumnHeaderPointerUp`}get ColumnHeaderHover(){return`ColumnHeaderHover`}get SheetSkeletonChanged(){return`SheetSkeletonChanged`}get BeforeSheetZoomChange(){return`BeforeSheetZoomChange`}get SheetZoomChanged(){return`SheetZoomChanged`}};t.FEventName.extend(m);var h=class extends t.FEnum{get SHEET_VIEWPORT_KEY(){return r.SHEET_VIEWPORT_KEY}};t.FEnum.extend(h);var g=class extends o.FRange{getCell(){var t;let n=this._injector.get(r.IRenderManagerService),i=this._injector.get(e.ILogService),o=this._workbook.getUnitId(),s=this._worksheet.getSheetId(),c=n.getRenderById(o),l=c==null||(t=c.with(a.SheetSkeletonManagerService).getSkeletonParam(s))==null?void 0:t.skeleton;if(!l)throw i.error("[Facade]: `FRange.getCell` can only be called in current worksheet"),Error("`FRange.getCell` can only be called in current worksheet");return l.getCellWithCoordByIndex(this._range.startRow,this._range.startColumn)}getCellRect(){let{startX:e,startY:t,endX:n,endY:r}=this.getCell(),i={x:e,y:t,width:n-e,height:r-t,top:t,left:e,bottom:r,right:n};return{...i,toJSON:()=>JSON.stringify(i)}}generateHTML(){var e;let t=this._injector.get(a.ISheetClipboardService).generateCopyContent(this._workbook.getUnitId(),this._worksheet.getSheetId(),this._range);return(e=t==null?void 0:t.html)==null?``:e}attachPopup(e){var t,n,r;e.direction=(t=e.direction)==null?`horizontal`:t,e.extraProps=(n=e.extraProps)==null?{}:n,e.offset=(r=e.offset)==null?[0,0]:r;let{key:i,disposableCollection:o}=_(e,this._injector.get(s.ComponentManager)),c=this._injector.get(a.SheetCanvasPopManagerService).attachPopupToCell(this._range.startRow,this._range.startColumn,{...e,componentKey:i},this.getUnitId(),this._worksheet.getSheetId());return c?(o.add(c),o):(o.dispose(),null)}attachAlertPopup(e){let t=this._injector.get(a.CellAlertManagerService),n={workbook:this._workbook,worksheet:this._worksheet,row:this._range.startRow,col:this._range.startColumn,unitId:this.getUnitId(),subUnitId:this._worksheet.getSheetId()};return t.showAlert({...e,location:n}),{dispose:()=>{t.removeAlert(e.key)}}}attachRangePopup(e){var t,n,r;e.direction=(t=e.direction)==null?`top-center`:t,e.extraProps=(n=e.extraProps)==null?{}:n,e.offset=(r=e.offset)==null?[0,0]:r;let{key:i,disposableCollection:o}=_(e,this._injector.get(s.ComponentManager)),c=this._injector.get(a.SheetCanvasPopManagerService).attachRangePopup(this._range,{...e,componentKey:i},this.getUnitId(),this._worksheet.getSheetId());return c?(o.add(c),o):(o.dispose(),null)}highlight(t,n){let r=this._injector.get(a.IMarkSelectionService),i=r.addShape({range:this._range,style:t,primary:n});if(!i)throw Error(`Failed to highlight current range`);return(0,e.toDisposable)(()=>{r.removeShape(i)})}showDropdown(e){return this._injector.get(a.ISheetCellDropdownManagerService).showDropdown(e)}};o.FRange.extend(g);function _(t,n){let{componentKey:r,isVue3:i}=t,a,o=new e.DisposableCollection;return typeof r==`string`?a=r:(a=`External_${(0,e.generateRandomId)(6)}`,o.add(n.register(a,r,{framework:i?`vue3`:`react`}))),{key:a,disposableCollection:o}}exports.FSheetsUIEnumMixin=h,exports.transformComponentKey=_;
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+let _univerjs_core = require("@univerjs/core");
+let _univerjs_core_facade = require("@univerjs/core/facade");
+let _univerjs_docs = require("@univerjs/docs");
+let _univerjs_engine_render = require("@univerjs/engine-render");
+let _univerjs_sheets = require("@univerjs/sheets");
+let _univerjs_sheets_ui = require("@univerjs/sheets-ui");
+let _univerjs_sheets_facade = require("@univerjs/sheets/facade");
+let _univerjs_ui = require("@univerjs/ui");
+let rxjs = require("rxjs");
+
+//#region src/facade/f-univer.ts
+var FUniverSheetsUIMixin = class extends _univerjs_core_facade.FUniver {
+	_initSheetUIEvent(injector) {
+		const commandService = injector.get(_univerjs_core.ICommandService);
+		this.disposeWithMe(this.registerEventHandler(this.Event.BeforeSheetEditStart, () => commandService.beforeCommandExecuted((commandInfo) => {
+			if (commandInfo.id !== _univerjs_sheets_ui.SetCellEditVisibleOperation.id) return;
+			const target = this.getActiveSheet();
+			if (!target) return;
+			const { workbook, worksheet } = target;
+			const editorBridgeService = injector.get(_univerjs_sheets_ui.IEditorBridgeService);
+			const { visible, keycode, eventType } = commandInfo.params;
+			const loc = editorBridgeService.getEditLocation();
+			if (!visible) return;
+			const eventParams = {
+				row: loc.row,
+				column: loc.column,
+				eventType,
+				keycode,
+				workbook,
+				worksheet,
+				isZenEditor: false
+			};
+			this.fireEvent(this.Event.BeforeSheetEditStart, eventParams);
+			if (eventParams.cancel) throw new _univerjs_core.CanceledError();
+		})));
+		this.disposeWithMe(this.registerEventHandler(this.Event.BeforeSheetEditEnd, () => commandService.beforeCommandExecuted((commandInfo) => {
+			if (commandInfo.id !== _univerjs_sheets_ui.SetCellEditVisibleOperation.id) return;
+			const target = this.getActiveSheet();
+			if (!target) return;
+			const { workbook, worksheet } = target;
+			const editorBridgeService = injector.get(_univerjs_sheets_ui.IEditorBridgeService);
+			const univerInstanceService = injector.get(_univerjs_core.IUniverInstanceService);
+			const { visible, keycode, eventType } = commandInfo.params;
+			const loc = editorBridgeService.getEditLocation();
+			if (visible) return;
+			const eventParams = {
+				row: loc.row,
+				column: loc.column,
+				eventType,
+				keycode,
+				workbook,
+				worksheet,
+				isZenEditor: false,
+				value: _univerjs_core.RichTextValue.create(univerInstanceService.getUnit(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY).getSnapshot()),
+				isConfirm: keycode !== _univerjs_ui.KeyCode.ESC
+			};
+			this.fireEvent(this.Event.BeforeSheetEditEnd, eventParams);
+			if (eventParams.cancel) throw new _univerjs_core.CanceledError();
+		})));
+		this.disposeWithMe(this.registerEventHandler(this.Event.SheetEditStarted, () => commandService.onCommandExecuted((commandInfo) => {
+			if (commandInfo.id !== _univerjs_sheets_ui.SetCellEditVisibleOperation.id) return;
+			const target = this.getCommandSheetTarget(commandInfo);
+			if (!target) return;
+			const { workbook, worksheet } = target;
+			const editorBridgeService = injector.get(_univerjs_sheets_ui.IEditorBridgeService);
+			const { visible, keycode, eventType } = commandInfo.params;
+			const loc = editorBridgeService.getEditLocation();
+			if (!visible) return;
+			const eventParams = {
+				row: loc.row,
+				column: loc.column,
+				eventType,
+				keycode,
+				workbook,
+				worksheet,
+				isZenEditor: false
+			};
+			this.fireEvent(this.Event.SheetEditStarted, eventParams);
+		})));
+		this.disposeWithMe(this.registerEventHandler(this.Event.SheetEditEnded, () => commandService.onCommandExecuted((commandInfo) => {
+			if (commandInfo.id !== _univerjs_sheets_ui.SetCellEditVisibleOperation.id) return;
+			const target = this.getCommandSheetTarget(commandInfo);
+			if (!target) return;
+			const { workbook, worksheet } = target;
+			const editorBridgeService = injector.get(_univerjs_sheets_ui.IEditorBridgeService);
+			const { visible, keycode, eventType } = commandInfo.params;
+			const loc = editorBridgeService.getEditLocation();
+			if (visible) return;
+			const eventParams = {
+				row: loc.row,
+				column: loc.column,
+				eventType,
+				keycode,
+				workbook,
+				worksheet,
+				isZenEditor: false,
+				isConfirm: keycode !== _univerjs_ui.KeyCode.ESC
+			};
+			this.fireEvent(this.Event.SheetEditEnded, eventParams);
+		})));
+		this.disposeWithMe(this.registerEventHandler(this.Event.SheetEditChanging, () => commandService.onCommandExecuted((commandInfo) => {
+			if (commandInfo.id !== _univerjs_docs.RichTextEditingMutation.id) return;
+			const target = this.getActiveSheet();
+			if (!target) return;
+			const { workbook, worksheet } = target;
+			const editorBridgeService = injector.get(_univerjs_sheets_ui.IEditorBridgeService);
+			const univerInstanceService = injector.get(_univerjs_core.IUniverInstanceService);
+			const params = commandInfo.params;
+			if (!editorBridgeService.isVisible().visible) return;
+			const { unitId } = params;
+			if (unitId === _univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY) {
+				const { row, column } = editorBridgeService.getEditLocation();
+				const eventParams = {
+					workbook,
+					worksheet,
+					row,
+					column,
+					value: _univerjs_core.RichTextValue.create(univerInstanceService.getUnit(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY).getSnapshot()),
+					isZenEditor: false
+				};
+				this.fireEvent(this.Event.SheetEditChanging, eventParams);
+			}
+		})));
+		this.disposeWithMe(this.registerEventHandler(this.Event.BeforeSheetZoomChange, () => commandService.beforeCommandExecuted((commandInfo) => {
+			if (commandInfo.id !== _univerjs_sheets_ui.SetZoomRatioCommand.id) return;
+			const target = this.getCommandSheetTarget(commandInfo);
+			if (!target) return;
+			const { workbook, worksheet } = target;
+			const eventParams = {
+				zoom: commandInfo.params.zoomRatio,
+				workbook,
+				worksheet
+			};
+			this.fireEvent(this.Event.BeforeSheetZoomChange, eventParams);
+			if (eventParams.cancel) throw new _univerjs_core.CanceledError();
+		})));
+		this.disposeWithMe(this.registerEventHandler(this.Event.SheetZoomChanged, () => commandService.onCommandExecuted((commandInfo) => {
+			if (commandInfo.id !== _univerjs_sheets_ui.SetZoomRatioCommand.id) return;
+			const target = this.getCommandSheetTarget(commandInfo);
+			if (!target) return;
+			const { workbook, worksheet } = target;
+			const eventParams = {
+				zoom: worksheet.getZoom(),
+				workbook,
+				worksheet
+			};
+			this.fireEvent(this.Event.SheetZoomChanged, eventParams);
+		})));
+	}
+	_initObserverListener(injector) {
+		const renderManagerService = injector.get(_univerjs_engine_render.IRenderManagerService);
+		const lifeCycleService = injector.get(_univerjs_core.LifecycleService);
+		const lifecycle$Disposable = new _univerjs_core.DisposableCollection();
+		this.disposeWithMe(lifeCycleService.lifecycle$.subscribe((lifecycle) => {
+			if (lifecycle !== _univerjs_core.LifecycleStages.Rendered) return;
+			const hoverManagerService = injector.get(_univerjs_sheets_ui.HoverManagerService);
+			const dragManagerService = injector.get(_univerjs_sheets_ui.DragManagerService);
+			if (!hoverManagerService) return;
+			lifecycle$Disposable.dispose();
+			lifecycle$Disposable.add(this.registerEventHandler(this.Event.CellClicked, () => {
+				var _hoverManagerService$;
+				return (_hoverManagerService$ = hoverManagerService.currentClickedCell$) === null || _hoverManagerService$ === void 0 ? void 0 : _hoverManagerService$.pipe((0, rxjs.filter)((cell) => !!cell)).subscribe((cell) => {
+					const baseParams = this.getSheetTarget(cell.location.unitId, cell.location.subUnitId);
+					if (!baseParams) return;
+					const eventParams = {
+						...baseParams,
+						...cell,
+						row: cell.location.row,
+						column: cell.location.col
+					};
+					this.fireEvent(this.Event.CellClicked, eventParams);
+				});
+			}));
+			lifecycle$Disposable.add(this.registerEventHandler(this.Event.CellHover, () => {
+				var _hoverManagerService$2;
+				return (_hoverManagerService$2 = hoverManagerService.currentRichText$) === null || _hoverManagerService$2 === void 0 ? void 0 : _hoverManagerService$2.pipe((0, rxjs.filter)((cell) => !!cell)).subscribe((cell) => {
+					const baseParams = this.getSheetTarget(cell.unitId, cell.subUnitId);
+					if (!baseParams) return;
+					const eventParams = {
+						...baseParams,
+						...cell,
+						row: cell.row,
+						column: cell.col
+					};
+					this.fireEvent(this.Event.CellHover, eventParams);
+				});
+			}));
+			lifecycle$Disposable.add(this.registerEventHandler(this.Event.CellPointerDown, () => {
+				var _hoverManagerService$3;
+				return (_hoverManagerService$3 = hoverManagerService.currentPointerDownCell$) === null || _hoverManagerService$3 === void 0 ? void 0 : _hoverManagerService$3.pipe((0, rxjs.filter)((cell) => !!cell)).subscribe((cell) => {
+					const baseParams = this.getSheetTarget(cell.unitId, cell.subUnitId);
+					if (!baseParams) return;
+					const eventParams = {
+						...baseParams,
+						...cell,
+						row: cell.row,
+						column: cell.col
+					};
+					this.fireEvent(this.Event.CellPointerDown, eventParams);
+				});
+			}));
+			lifecycle$Disposable.add(this.registerEventHandler(this.Event.CellPointerUp, () => {
+				var _hoverManagerService$4;
+				return (_hoverManagerService$4 = hoverManagerService.currentPointerUpCell$) === null || _hoverManagerService$4 === void 0 ? void 0 : _hoverManagerService$4.pipe((0, rxjs.filter)((cell) => !!cell)).subscribe((cell) => {
+					const baseParams = this.getSheetTarget(cell.unitId, cell.subUnitId);
+					if (!baseParams) return;
+					const eventParams = {
+						...baseParams,
+						...cell,
+						row: cell.row,
+						column: cell.col
+					};
+					this.fireEvent(this.Event.CellPointerUp, eventParams);
+				});
+			}));
+			lifecycle$Disposable.add(this.registerEventHandler(this.Event.CellPointerMove, () => {
+				var _hoverManagerService$5;
+				return (_hoverManagerService$5 = hoverManagerService.currentCellPosWithEvent$) === null || _hoverManagerService$5 === void 0 ? void 0 : _hoverManagerService$5.pipe((0, rxjs.filter)((cell) => !!cell)).subscribe((cell) => {
+					const baseParams = this.getSheetTarget(cell.unitId, cell.subUnitId);
+					if (!baseParams) return;
+					const eventParams = {
+						...baseParams,
+						...cell,
+						row: cell.row,
+						column: cell.col
+					};
+					this.fireEvent(this.Event.CellPointerMove, eventParams);
+				});
+			}));
+			lifecycle$Disposable.add(this.registerEventHandler(this.Event.DragOver, () => {
+				var _dragManagerService$c;
+				return (_dragManagerService$c = dragManagerService.currentCell$) === null || _dragManagerService$c === void 0 ? void 0 : _dragManagerService$c.pipe((0, rxjs.filter)((cell) => !!cell)).subscribe((cell) => {
+					const baseParams = this.getSheetTarget(cell.location.unitId, cell.location.subUnitId);
+					if (!baseParams) return;
+					const eventParams = {
+						...baseParams,
+						...cell,
+						row: cell.location.row,
+						column: cell.location.col
+					};
+					this.fireEvent(this.Event.DragOver, eventParams);
+				});
+			}));
+			lifecycle$Disposable.add(this.registerEventHandler(this.Event.Drop, () => {
+				var _dragManagerService$e;
+				return (_dragManagerService$e = dragManagerService.endCell$) === null || _dragManagerService$e === void 0 ? void 0 : _dragManagerService$e.pipe((0, rxjs.filter)((cell) => !!cell)).subscribe((cell) => {
+					const baseParams = this.getSheetTarget(cell.location.unitId, cell.location.subUnitId);
+					if (!baseParams) return;
+					const eventParams = {
+						...baseParams,
+						...cell,
+						row: cell.location.row,
+						column: cell.location.col
+					};
+					this.fireEvent(this.Event.Drop, eventParams);
+				});
+			}));
+			lifecycle$Disposable.add(this.registerEventHandler(this.Event.RowHeaderClick, () => {
+				var _hoverManagerService$6;
+				return (_hoverManagerService$6 = hoverManagerService.currentRowHeaderClick$) === null || _hoverManagerService$6 === void 0 ? void 0 : _hoverManagerService$6.pipe((0, rxjs.filter)((header) => !!header)).subscribe((header) => {
+					const baseParams = this.getSheetTarget(header.unitId, header.subUnitId);
+					if (!baseParams) return;
+					const eventParams = {
+						...baseParams,
+						row: header.index
+					};
+					this.fireEvent(this.Event.RowHeaderClick, eventParams);
+				});
+			}));
+			lifecycle$Disposable.add(this.registerEventHandler(this.Event.RowHeaderPointerDown, () => {
+				var _hoverManagerService$7;
+				return (_hoverManagerService$7 = hoverManagerService.currentRowHeaderPointerDown$) === null || _hoverManagerService$7 === void 0 ? void 0 : _hoverManagerService$7.pipe((0, rxjs.filter)((header) => !!header)).subscribe((header) => {
+					const baseParams = this.getSheetTarget(header.unitId, header.subUnitId);
+					if (!baseParams) return;
+					const eventParams = {
+						...baseParams,
+						row: header.index
+					};
+					this.fireEvent(this.Event.RowHeaderPointerDown, eventParams);
+				});
+			}));
+			lifecycle$Disposable.add(this.registerEventHandler(this.Event.RowHeaderPointerUp, () => {
+				var _hoverManagerService$8;
+				return (_hoverManagerService$8 = hoverManagerService.currentRowHeaderPointerUp$) === null || _hoverManagerService$8 === void 0 ? void 0 : _hoverManagerService$8.pipe((0, rxjs.filter)((header) => !!header)).subscribe((header) => {
+					const baseParams = this.getSheetTarget(header.unitId, header.subUnitId);
+					if (!baseParams) return;
+					const eventParams = {
+						...baseParams,
+						row: header.index
+					};
+					this.fireEvent(this.Event.RowHeaderPointerUp, eventParams);
+				});
+			}));
+			lifecycle$Disposable.add(this.registerEventHandler(this.Event.RowHeaderHover, () => {
+				var _hoverManagerService$9;
+				return (_hoverManagerService$9 = hoverManagerService.currentHoveredRowHeader$) === null || _hoverManagerService$9 === void 0 ? void 0 : _hoverManagerService$9.pipe((0, rxjs.filter)((header) => !!header)).subscribe((header) => {
+					const baseParams = this.getSheetTarget(header.unitId, header.subUnitId);
+					if (!baseParams) return;
+					const eventParams = {
+						...baseParams,
+						row: header.index
+					};
+					this.fireEvent(this.Event.RowHeaderHover, eventParams);
+				});
+			}));
+			lifecycle$Disposable.add(this.registerEventHandler(this.Event.ColumnHeaderClick, () => {
+				var _hoverManagerService$10;
+				return (_hoverManagerService$10 = hoverManagerService.currentColHeaderClick$) === null || _hoverManagerService$10 === void 0 ? void 0 : _hoverManagerService$10.pipe((0, rxjs.filter)((header) => !!header)).subscribe((header) => {
+					const baseParams = this.getSheetTarget(header.unitId, header.subUnitId);
+					if (!baseParams) return;
+					const eventParams = {
+						...baseParams,
+						column: header.index
+					};
+					this.fireEvent(this.Event.ColumnHeaderClick, eventParams);
+				});
+			}));
+			lifecycle$Disposable.add(this.registerEventHandler(this.Event.ColumnHeaderPointerDown, () => {
+				var _hoverManagerService$11;
+				return (_hoverManagerService$11 = hoverManagerService.currentColHeaderPointerDown$) === null || _hoverManagerService$11 === void 0 ? void 0 : _hoverManagerService$11.pipe((0, rxjs.filter)((header) => !!header)).subscribe((header) => {
+					const baseParams = this.getSheetTarget(header.unitId, header.subUnitId);
+					if (!baseParams) return;
+					const eventParams = {
+						...baseParams,
+						column: header.index
+					};
+					this.fireEvent(this.Event.ColumnHeaderPointerDown, eventParams);
+				});
+			}));
+			lifecycle$Disposable.add(this.registerEventHandler(this.Event.ColumnHeaderPointerUp, () => {
+				var _hoverManagerService$12;
+				return (_hoverManagerService$12 = hoverManagerService.currentColHeaderPointerUp$) === null || _hoverManagerService$12 === void 0 ? void 0 : _hoverManagerService$12.pipe((0, rxjs.filter)((header) => !!header)).subscribe((header) => {
+					const baseParams = this.getSheetTarget(header.unitId, header.subUnitId);
+					if (!baseParams) return;
+					const eventParams = {
+						...baseParams,
+						column: header.index
+					};
+					this.fireEvent(this.Event.ColumnHeaderPointerUp, eventParams);
+				});
+			}));
+			lifecycle$Disposable.add(this.registerEventHandler(this.Event.ColumnHeaderHover, () => {
+				var _hoverManagerService$13;
+				return (_hoverManagerService$13 = hoverManagerService.currentHoveredColHeader$) === null || _hoverManagerService$13 === void 0 ? void 0 : _hoverManagerService$13.pipe((0, rxjs.filter)((header) => !!header)).subscribe((header) => {
+					const baseParams = this.getSheetTarget(header.unitId, header.subUnitId);
+					if (!baseParams) return;
+					const eventParams = {
+						...baseParams,
+						column: header.index
+					};
+					this.fireEvent(this.Event.ColumnHeaderHover, eventParams);
+				});
+			}));
+			this.disposeWithMe(lifecycle$Disposable);
+		}));
+		let sheetRenderUnit;
+		const combined$ = (0, rxjs.combineLatest)([renderManagerService.created$, lifeCycleService.lifecycle$]);
+		const combined$Disposable = new _univerjs_core.DisposableCollection();
+		this.disposeWithMe(combined$.subscribe(([created, lifecycle]) => {
+			if (created.type === _univerjs_core.UniverInstanceType.UNIVER_SHEET) sheetRenderUnit = created;
+			if (lifecycle <= _univerjs_core.LifecycleStages.Rendered) return;
+			if (!sheetRenderUnit) return;
+			const workbook = this.getWorkbook(sheetRenderUnit.unitId);
+			if (!workbook) return;
+			combined$Disposable.dispose();
+			const scrollManagerService = sheetRenderUnit.with(_univerjs_sheets_ui.SheetScrollManagerService);
+			const selectionService = sheetRenderUnit.with(_univerjs_sheets.SheetsSelectionsService);
+			combined$Disposable.add(this.registerEventHandler(this.Event.Scroll, () => scrollManagerService.validViewportScrollInfo$.subscribe((params) => {
+				if (!params) return;
+				const eventParams = {
+					workbook,
+					worksheet: workbook.getActiveSheet(),
+					...params
+				};
+				this.fireEvent(this.Event.Scroll, eventParams);
+			})));
+			combined$Disposable.add(this.registerEventHandler(this.Event.SelectionMoveStart, () => selectionService.selectionMoveStart$.subscribe((selections) => {
+				var _selections$map;
+				const eventParams = {
+					workbook,
+					worksheet: workbook.getActiveSheet(),
+					selections: (_selections$map = selections === null || selections === void 0 ? void 0 : selections.map((s) => s.range)) !== null && _selections$map !== void 0 ? _selections$map : []
+				};
+				this.fireEvent(this.Event.SelectionMoveStart, eventParams);
+			})));
+			combined$Disposable.add(this.registerEventHandler(this.Event.SelectionMoving, () => selectionService.selectionMoving$.subscribe((selections) => {
+				var _selections$map2;
+				const eventParams = {
+					workbook,
+					worksheet: workbook.getActiveSheet(),
+					selections: (_selections$map2 = selections === null || selections === void 0 ? void 0 : selections.map((s) => s.range)) !== null && _selections$map2 !== void 0 ? _selections$map2 : []
+				};
+				this.fireEvent(this.Event.SelectionMoving, eventParams);
+			})));
+			combined$Disposable.add(this.registerEventHandler(this.Event.SelectionMoveEnd, () => selectionService.selectionMoveEnd$.subscribe((selections) => {
+				var _selections$map3;
+				const eventParams = {
+					workbook,
+					worksheet: workbook.getActiveSheet(),
+					selections: (_selections$map3 = selections === null || selections === void 0 ? void 0 : selections.map((s) => s.range)) !== null && _selections$map3 !== void 0 ? _selections$map3 : []
+				};
+				this.fireEvent(this.Event.SelectionMoveEnd, eventParams);
+			})));
+			combined$Disposable.add(this.registerEventHandler(this.Event.SelectionChanged, () => selectionService.selectionChanged$.subscribe((selections) => {
+				var _selections$map4;
+				const eventParams = {
+					workbook,
+					worksheet: workbook.getActiveSheet(),
+					selections: (_selections$map4 = selections === null || selections === void 0 ? void 0 : selections.map((s) => s.range)) !== null && _selections$map4 !== void 0 ? _selections$map4 : []
+				};
+				this.fireEvent(this.Event.SelectionChanged, eventParams);
+			})));
+			sheetRenderUnit = null;
+			this.disposeWithMe(combined$Disposable);
+		}));
+	}
+	/**
+	* @ignore
+	*/
+	_initialize(injector) {
+		this._initSheetUIEvent(injector);
+		this._initObserverListener(injector);
+		const commandService = injector.get(_univerjs_core.ICommandService);
+		this.disposeWithMe(this.registerEventHandler(this.Event.BeforeClipboardChange, () => commandService.beforeCommandExecuted((commandInfo) => {
+			switch (commandInfo.id) {
+				case _univerjs_ui.CopyCommand.id:
+				case _univerjs_ui.CutCommand.id:
+					this._beforeClipboardChange();
+					break;
+			}
+		})));
+		this.disposeWithMe(this.registerEventHandler(this.Event.ClipboardChanged, () => commandService.onCommandExecuted((commandInfo) => {
+			switch (commandInfo.id) {
+				case _univerjs_ui.CopyCommand.id:
+				case _univerjs_ui.CutCommand.id:
+					this._clipboardChanged();
+					break;
+			}
+		})));
+		this.disposeWithMe(this.registerEventHandler(this.Event.BeforeClipboardPaste, () => commandService.beforeCommandExecuted((commandInfo) => {
+			switch (commandInfo.id) {
+				case _univerjs_sheets_ui.SheetPasteShortKeyCommand.id:
+					this._beforeClipboardPaste(commandInfo.params);
+					break;
+				case _univerjs_ui.PasteCommand.id:
+					this._beforeClipboardPasteAsync();
+					break;
+			}
+		})));
+		this.disposeWithMe(this.registerEventHandler(this.Event.ClipboardPasted, () => commandService.onCommandExecuted((commandInfo) => {
+			switch (commandInfo.id) {
+				case _univerjs_sheets_ui.SheetPasteShortKeyCommand.id:
+					this._clipboardPaste(commandInfo.params);
+					break;
+				case _univerjs_ui.PasteCommand.id:
+					this._clipboardPasteAsync();
+					break;
+			}
+		})));
+		this.disposeWithMe(this.registerEventHandler(this.Event.SheetSkeletonChanged, () => commandService.onCommandExecuted((commandInfo) => {
+			if (_univerjs_sheets.COMMAND_LISTENER_SKELETON_CHANGE.indexOf(commandInfo.id) > -1) {
+				const sheet = this.getActiveSheet();
+				if (!sheet) return;
+				const ranges = (0, _univerjs_sheets.getSkeletonChangedEffectedRange)(commandInfo, sheet.worksheet.getMaxColumns()).map((range) => {
+					var _this$getWorkbook;
+					return (_this$getWorkbook = this.getWorkbook(range.unitId)) === null || _this$getWorkbook === void 0 || (_this$getWorkbook = _this$getWorkbook.getSheetBySheetId(range.subUnitId)) === null || _this$getWorkbook === void 0 ? void 0 : _this$getWorkbook.getRange(range.range);
+				}).filter(Boolean);
+				if (!ranges.length) return;
+				const eventParams = {
+					workbook: sheet.workbook,
+					worksheet: sheet.worksheet,
+					payload: commandInfo,
+					skeleton: sheet.worksheet.getSkeleton(),
+					effectedRanges: ranges
+				};
+				this.fireEvent(this.Event.SheetSkeletonChanged, eventParams);
+			}
+		})));
+	}
+	_generateClipboardCopyParam() {
+		const workbook = this.getActiveWorkbook();
+		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet();
+		const range = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveRange();
+		if (!workbook || !worksheet || !range) return;
+		const content = this._injector.get(_univerjs_sheets_ui.ISheetClipboardService).generateCopyContent(workbook.getId(), worksheet.getSheetId(), range.getRange());
+		if (!content) return;
+		const { html, plain } = content;
+		return {
+			workbook,
+			worksheet,
+			text: plain,
+			html,
+			fromSheet: worksheet,
+			fromRange: range
+		};
+	}
+	_beforeClipboardChange() {
+		const eventParams = this._generateClipboardCopyParam();
+		if (!eventParams) return;
+		this.fireEvent(this.Event.BeforeClipboardChange, eventParams);
+		if (eventParams.cancel) throw new _univerjs_core.CanceledError();
+	}
+	_clipboardChanged() {
+		const eventParams = this._generateClipboardCopyParam();
+		if (!eventParams) return;
+		this.fireEvent(this.Event.ClipboardChanged, eventParams);
+	}
+	_generateClipboardPasteParam(params) {
+		if (!params) return;
+		const { htmlContent, textContent } = params;
+		const workbook = this.getActiveWorkbook();
+		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet();
+		if (!workbook || !worksheet) return;
+		return {
+			workbook,
+			worksheet,
+			text: textContent,
+			html: htmlContent
+		};
+	}
+	async _generateClipboardPasteParamAsync() {
+		const workbook = this.getActiveWorkbook();
+		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet();
+		if (!workbook || !worksheet) return;
+		const item = (await this._injector.get(_univerjs_ui.IClipboardInterfaceService).read())[0];
+		let eventParams;
+		if (item) {
+			const types = item.types;
+			eventParams = {
+				workbook,
+				worksheet,
+				text: types.indexOf(_univerjs_ui.PLAIN_TEXT_CLIPBOARD_MIME_TYPE) !== -1 ? await item.getType(_univerjs_ui.PLAIN_TEXT_CLIPBOARD_MIME_TYPE).then((blob) => blob && blob.text()) : "",
+				html: types.indexOf(_univerjs_ui.HTML_CLIPBOARD_MIME_TYPE) !== -1 ? await item.getType(_univerjs_ui.HTML_CLIPBOARD_MIME_TYPE).then((blob) => blob && blob.text()) : ""
+			};
+		}
+		return eventParams;
+	}
+	_beforeClipboardPaste(params) {
+		const eventParams = this._generateClipboardPasteParam(params);
+		if (!eventParams) return;
+		this.fireEvent(this.Event.BeforeClipboardPaste, eventParams);
+		if (eventParams.cancel) throw new _univerjs_core.CanceledError();
+	}
+	_clipboardPaste(params) {
+		const eventParams = this._generateClipboardPasteParam(params);
+		if (!eventParams) return;
+		this.fireEvent(this.Event.ClipboardPasted, eventParams);
+		if (eventParams.cancel) throw new _univerjs_core.CanceledError();
+	}
+	async _beforeClipboardPasteAsync() {
+		if (!(0, _univerjs_ui.supportClipboardAPI)()) {
+			this._injector.get(_univerjs_core.ILogService).warn("[Facade]: The navigator object only supports the browser environment");
+			return;
+		}
+		const eventParams = await this._generateClipboardPasteParamAsync();
+		if (!eventParams) return;
+		this.fireEvent(this.Event.BeforeClipboardPaste, eventParams);
+		if (eventParams.cancel) throw new _univerjs_core.CanceledError();
+	}
+	async _clipboardPasteAsync() {
+		if (!(0, _univerjs_ui.supportClipboardAPI)()) {
+			this._injector.get(_univerjs_core.ILogService).warn("[Facade]: The navigator object only supports the browser environment");
+			return;
+		}
+		const eventParams = await this._generateClipboardPasteParamAsync();
+		if (!eventParams) return;
+		this.fireEvent(this.Event.ClipboardPasted, eventParams);
+		if (eventParams.cancel) throw new _univerjs_core.CanceledError();
+	}
+	customizeColumnHeader(cfg) {
+		var _cfg$headerStyle;
+		const wb = this.getActiveWorkbook();
+		if (!wb) {
+			console.error("WorkBook not exist");
+			return;
+		}
+		const unitId = wb === null || wb === void 0 ? void 0 : wb.getId();
+		const renderManagerService = this._injector.get(_univerjs_engine_render.IRenderManagerService);
+		const activeSheet = wb.getActiveSheet();
+		const subUnitId = activeSheet.getSheetId();
+		const render = renderManagerService.getRenderById(unitId);
+		if (render && ((_cfg$headerStyle = cfg.headerStyle) === null || _cfg$headerStyle === void 0 ? void 0 : _cfg$headerStyle.size)) {
+			var _cfg$headerStyle2;
+			render.with(_univerjs_sheets_ui.SheetSkeletonManagerService).setColumnHeaderSize(render, subUnitId, (_cfg$headerStyle2 = cfg.headerStyle) === null || _cfg$headerStyle2 === void 0 ? void 0 : _cfg$headerStyle2.size);
+			activeSheet === null || activeSheet === void 0 || activeSheet.refreshCanvas();
+		}
+		this._getSheetRenderComponent(unitId, _univerjs_sheets_ui.SHEET_VIEW_KEY.COLUMN).setCustomHeader(cfg);
+		activeSheet === null || activeSheet === void 0 || activeSheet.refreshCanvas();
+	}
+	customizeRowHeader(cfg) {
+		const wb = this.getActiveWorkbook();
+		if (!wb) {
+			console.error("WorkBook not exist");
+			return;
+		}
+		const unitId = wb === null || wb === void 0 ? void 0 : wb.getId();
+		this._getSheetRenderComponent(unitId, _univerjs_sheets_ui.SHEET_VIEW_KEY.ROW).setCustomHeader(cfg);
+	}
+	registerSheetRowHeaderExtension(unitId, ...extensions) {
+		const sheetComponent = this._getSheetRenderComponent(unitId, _univerjs_sheets_ui.SHEET_VIEW_KEY.ROW);
+		const registerDisposable = sheetComponent.register(...extensions);
+		return (0, _univerjs_core.toDisposable)(() => {
+			registerDisposable.dispose();
+			sheetComponent.makeDirty(true);
+		});
+	}
+	registerSheetColumnHeaderExtension(unitId, ...extensions) {
+		const sheetComponent = this._getSheetRenderComponent(unitId, _univerjs_sheets_ui.SHEET_VIEW_KEY.COLUMN);
+		const registerDisposable = sheetComponent.register(...extensions);
+		return (0, _univerjs_core.toDisposable)(() => {
+			registerDisposable.dispose();
+			sheetComponent.makeDirty(true);
+		});
+	}
+	registerSheetMainExtension(unitId, ...extensions) {
+		const sheetComponent = this._getSheetRenderComponent(unitId, _univerjs_sheets_ui.SHEET_VIEW_KEY.MAIN);
+		const registerDisposable = sheetComponent.register(...extensions);
+		return (0, _univerjs_core.toDisposable)(() => {
+			registerDisposable.dispose();
+			sheetComponent.makeDirty(true);
+		});
+	}
+	/**
+	* 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.
+	*/
+	_getSheetRenderComponent(unitId, viewKey) {
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		if (!render) throw new Error(`Render Unit with unitId ${unitId} not found`);
+		const { components } = render;
+		const renderComponent = components.get(viewKey);
+		if (!renderComponent) throw new Error("Render component not found");
+		return renderComponent;
+	}
+	/**
+	* Get sheet hooks.
+	* @returns {FSheetHooks} FSheetHooks instance
+	*/
+	getSheetHooks() {
+		return this._injector.createInstance(_univerjs_sheets_facade.FSheetHooks);
+	}
+	pasteIntoSheet(htmlContent, textContent, files) {
+		return this._commandService.executeCommand(_univerjs_sheets_ui.SheetPasteShortKeyCommand.id, {
+			htmlContent,
+			textContent,
+			files
+		});
+	}
+	setProtectedRangeShadowStrategy(strategy) {
+		this._injector.get(_univerjs_sheets_ui.SheetPermissionRenderManagerService).setProtectedRangeShadowStrategy(strategy);
+	}
+	getProtectedRangeShadowStrategy() {
+		return this._injector.get(_univerjs_sheets_ui.SheetPermissionRenderManagerService).getProtectedRangeShadowStrategy();
+	}
+	getProtectedRangeShadowStrategy$() {
+		return this._injector.get(_univerjs_sheets_ui.SheetPermissionRenderManagerService).getProtectedRangeShadowStrategy$();
+	}
+	setPermissionDialogVisible(visible) {
+		this._injector.get(_univerjs_core.IPermissionService).setShowComponents(visible);
+	}
+};
+_univerjs_core_facade.FUniver.extend(FUniverSheetsUIMixin);
+
+//#endregion
+//#region src/facade/f-workbook.ts
+var FWorkbookSheetsUIMixin = class extends _univerjs_sheets_facade.FWorkbook {
+	openSiderbar(params) {
+		this._logDeprecation("openSiderbar");
+		return this._injector.get(_univerjs_ui.ISidebarService).open(params);
+	}
+	openDialog(dialog) {
+		this._logDeprecation("openDialog");
+		const disposable = this._injector.get(_univerjs_ui.IDialogService).open({
+			...dialog,
+			onClose: () => {
+				disposable.dispose();
+			}
+		});
+		return disposable;
+	}
+	customizeColumnHeader(cfg) {
+		const unitId = this._workbook.getUnitId();
+		this._getSheetRenderComponent(unitId, _univerjs_sheets_ui.SHEET_VIEW_KEY.COLUMN).setCustomHeader(cfg);
+	}
+	customizeRowHeader(cfg) {
+		const unitId = this._workbook.getUnitId();
+		this._getSheetRenderComponent(unitId, _univerjs_sheets_ui.SHEET_VIEW_KEY.ROW).setCustomHeader(cfg);
+	}
+	/**
+	* 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.
+	*/
+	_getSheetRenderComponent(unitId, viewKey) {
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		if (!render) throw new Error(`Render Unit with unitId ${unitId} not found`);
+		const { components } = render;
+		const renderComponent = components.get(viewKey);
+		if (!renderComponent) throw new Error("Render component not found");
+		return renderComponent;
+	}
+	_logDeprecation(name) {
+		this._injector.get(_univerjs_core.ILogService).warn("[FWorkbook]", `${name} is deprecated. Please use the function of the same name on "FUniver".`);
+	}
+	onCellClick(callback) {
+		return (0, _univerjs_core.toDisposable)(this._injector.get(_univerjs_sheets_ui.HoverManagerService).currentClickedCell$.pipe((0, rxjs.filter)((cell) => !!cell)).subscribe((cell) => {
+			callback(cell);
+		}));
+	}
+	onCellHover(callback) {
+		return (0, _univerjs_core.toDisposable)(this._injector.get(_univerjs_sheets_ui.HoverManagerService).currentRichText$.pipe((0, rxjs.filter)((cell) => !!cell)).subscribe(callback));
+	}
+	onCellPointerDown(callback) {
+		return (0, _univerjs_core.toDisposable)(this._injector.get(_univerjs_sheets_ui.HoverManagerService).currentPointerDownCell$.subscribe(callback));
+	}
+	onCellPointerUp(callback) {
+		return (0, _univerjs_core.toDisposable)(this._injector.get(_univerjs_sheets_ui.HoverManagerService).currentPointerUpCell$.subscribe(callback));
+	}
+	onCellPointerMove(callback) {
+		return (0, _univerjs_core.toDisposable)(this._injector.get(_univerjs_sheets_ui.HoverManagerService).currentCellPosWithEvent$.pipe((0, rxjs.filter)((cell) => !!cell)).subscribe((cell) => {
+			callback(cell, cell.event);
+		}));
+	}
+	onDragOver(callback) {
+		return (0, _univerjs_core.toDisposable)(this._injector.get(_univerjs_sheets_ui.DragManagerService).currentCell$.pipe((0, rxjs.filter)((cell) => !!cell)).subscribe((cell) => {
+			callback(cell);
+		}));
+	}
+	onDrop(callback) {
+		return (0, _univerjs_core.toDisposable)(this._injector.get(_univerjs_sheets_ui.DragManagerService).endCell$.pipe((0, rxjs.filter)((cell) => !!cell)).subscribe((cell) => {
+			callback(cell);
+		}));
+	}
+	startEditing() {
+		const commandService = this._injector.get(_univerjs_core.ICommandService);
+		if (this._injector.get(_univerjs_sheets_ui.IEditorBridgeService).isVisible().visible) return true;
+		return commandService.syncExecuteCommand(_univerjs_sheets_ui.SetCellEditVisibleOperation.id, {
+			eventType: _univerjs_engine_render.DeviceInputEventType.Dblclick,
+			unitId: this._workbook.getUnitId(),
+			visible: true
+		});
+	}
+	async endEditing(save) {
+		const commandService = this._injector.get(_univerjs_core.ICommandService);
+		if (this._injector.get(_univerjs_sheets_ui.IEditorBridgeService).isVisible().visible) commandService.syncExecuteCommand(_univerjs_sheets_ui.SetCellEditVisibleOperation.id, {
+			eventType: _univerjs_engine_render.DeviceInputEventType.Keyboard,
+			keycode: save ? _univerjs_ui.KeyCode.ENTER : _univerjs_ui.KeyCode.ESC,
+			visible: false,
+			unitId: this._workbook.getUnitId()
+		});
+		await (0, _univerjs_core.awaitTime)(0);
+		return true;
+	}
+	endEditingAsync(save = true) {
+		return this.endEditing(save);
+	}
+	abortEditingAsync() {
+		return this.endEditingAsync(false);
+	}
+	isCellEditing() {
+		return this._injector.get(_univerjs_sheets_ui.IEditorBridgeService).isVisible().visible;
+	}
+	/**
+	* Get scroll state of specified sheet.
+	* @param {string} sheetId - sheet id
+	* @returns {IScrollState} scroll state
+	* @example
+	* ``` ts
+	* univerAPI.getActiveWorkbook().getScrollStateBySheetId($sheetId)
+	* ```
+	*/
+	getScrollStateBySheetId(sheetId) {
+		const unitId = this._workbook.getUnitId();
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		if (!render) return null;
+		return render.with(_univerjs_sheets_ui.SheetScrollManagerService).getScrollStateByParam({
+			unitId,
+			sheetId
+		});
+	}
+	disableSelection() {
+		const unitId = this._workbook.getUnitId();
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		if (render) render.with(_univerjs_sheets_ui.ISheetSelectionRenderService).disableSelection();
+		return this;
+	}
+	enableSelection() {
+		const unitId = this._workbook.getUnitId();
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		if (render) render.with(_univerjs_sheets_ui.ISheetSelectionRenderService).enableSelection();
+		return this;
+	}
+	transparentSelection() {
+		const unitId = this._workbook.getUnitId();
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		if (render) render.with(_univerjs_sheets_ui.ISheetSelectionRenderService).transparentSelection();
+		return this;
+	}
+	showSelection() {
+		const unitId = this._workbook.getUnitId();
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		if (render) render.with(_univerjs_sheets_ui.ISheetSelectionRenderService).showSelection();
+		return this;
+	}
+};
+_univerjs_sheets_facade.FWorkbook.extend(FWorkbookSheetsUIMixin);
+
+//#endregion
+//#region src/facade/f-worksheet.ts
+var FWorksheetUIMixin = class extends _univerjs_sheets_facade.FWorksheet {
+	refreshCanvas() {
+		const renderManagerService = this._injector.get(_univerjs_engine_render.IRenderManagerService);
+		const unitId = this._fWorkbook.id;
+		const render = renderManagerService.getRenderById(unitId);
+		if (!render) throw new Error(`Render Unit with unitId ${unitId} not found`);
+		render.with(_univerjs_sheets_ui.SheetSkeletonManagerService).reCalculate();
+		render.components.forEach((component) => {
+			var _component$makeDirty;
+			(_component$makeDirty = component.makeDirty) === null || _component$makeDirty === void 0 || _component$makeDirty.call(component);
+		});
+		return this;
+	}
+	highlightRanges(ranges, style, primary) {
+		const markSelectionService = this._injector.get(_univerjs_sheets_ui.IMarkSelectionService);
+		const ids = [];
+		for (const range of ranges) {
+			const iRange = range.getRange();
+			const id = markSelectionService.addShapeWithNoFresh({
+				range: iRange,
+				style,
+				primary
+			});
+			if (id) ids.push(id);
+		}
+		markSelectionService.refreshShapes();
+		if (ids.length === 0) throw new Error("Failed to highlight current range");
+		return (0, _univerjs_core.toDisposable)(() => {
+			ids.forEach((id) => {
+				markSelectionService.removeShape(id);
+			});
+		});
+	}
+	zoom(zoomRatio) {
+		const commandService = this._injector.get(_univerjs_core.ICommandService);
+		const _zoomRatio = Math.min(Math.max(zoomRatio, .1), 4);
+		commandService.executeCommand(_univerjs_sheets_ui.SetZoomRatioCommand.id, {
+			unitId: this._workbook.getUnitId(),
+			subUnitId: this._worksheet.getSheetId(),
+			zoomRatio: _zoomRatio
+		});
+		return this;
+	}
+	getZoom() {
+		return this._worksheet.getZoomRatio();
+	}
+	getVisibleRange() {
+		const unitId = this._workbook.getUnitId();
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		if (!render) return null;
+		const sk = render.with(_univerjs_sheets_ui.SheetSkeletonManagerService).getCurrentSkeleton();
+		if (!sk) return null;
+		return sk.getVisibleRangeByViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN);
+	}
+	getVisibleRangesOfAllViewports() {
+		const unitId = this._workbook.getUnitId();
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		if (!render) return null;
+		const sk = render.with(_univerjs_sheets_ui.SheetSkeletonManagerService).getCurrentSkeleton();
+		if (!sk) return null;
+		return sk.getVisibleRanges();
+	}
+	scrollToCell(row, column, duration) {
+		const unitId = this._workbook.getUnitId();
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		if (render) (render === null || render === void 0 ? void 0 : render.with(_univerjs_sheets_ui.SheetsScrollRenderController)).scrollToCell(row, column, duration);
+		return this;
+	}
+	getScrollState() {
+		const emptyScrollState = {
+			offsetX: 0,
+			offsetY: 0,
+			sheetViewStartColumn: 0,
+			sheetViewStartRow: 0
+		};
+		const unitId = this._workbook.getUnitId();
+		const sheetId = this._worksheet.getSheetId();
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		if (!render) return emptyScrollState;
+		return render.with(_univerjs_sheets_ui.SheetScrollManagerService).getScrollStateByParam({
+			unitId,
+			sheetId
+		}) || emptyScrollState;
+	}
+	onScroll(callback) {
+		var _renderManagerService;
+		const unitId = this._workbook.getUnitId();
+		const scrollManagerService = (_renderManagerService = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(_univerjs_sheets_ui.SheetScrollManagerService);
+		if (scrollManagerService) return (0, _univerjs_core.toDisposable)(scrollManagerService.validViewportScrollInfo$.subscribe((params) => {
+			callback(params);
+		}));
+		return (0, _univerjs_core.toDisposable)(() => {});
+	}
+	getSkeleton() {
+		var _this$_injector$get$g;
+		const service = (_this$_injector$get$g = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(this._workbook.getUnitId())) === null || _this$_injector$get$g === void 0 ? void 0 : _this$_injector$get$g.with(_univerjs_sheets_ui.SheetSkeletonManagerService);
+		return service === null || service === void 0 ? void 0 : service.getSkeleton(this._worksheet.getSheetId());
+	}
+	autoResizeColumn(columnPosition) {
+		return this.autoResizeColumns(columnPosition, 1);
+	}
+	autoResizeColumns(startColumn, numColumns) {
+		const unitId = this._workbook.getUnitId();
+		const subUnitId = this._worksheet.getSheetId();
+		const ranges = [{
+			startColumn,
+			endColumn: startColumn + numColumns - 1,
+			startRow: 0,
+			endRow: this._worksheet.getRowCount() - 1
+		}];
+		this._commandService.syncExecuteCommand(_univerjs_sheets_ui.SetWorksheetColAutoWidthCommand.id, {
+			unitId,
+			subUnitId,
+			ranges
+		});
+		return this;
+	}
+	setColumnAutoWidth(columnPosition, numColumn) {
+		return this.autoResizeColumns(columnPosition, numColumn);
+	}
+	autoResizeRows(startRow, numRows) {
+		const unitId = this._workbook.getUnitId();
+		const subUnitId = this._worksheet.getSheetId();
+		const ranges = [{
+			startRow,
+			endRow: startRow + numRows - 1,
+			startColumn: 0,
+			endColumn: this._worksheet.getColumnCount() - 1
+		}];
+		this._commandService.syncExecuteCommand(_univerjs_sheets.SetWorksheetRowIsAutoHeightCommand.id, {
+			unitId,
+			subUnitId,
+			ranges
+		});
+		return this;
+	}
+	customizeColumnHeader(cfg) {
+		var _cfg$headerStyle;
+		const unitId = this._workbook.getUnitId();
+		const subUnitId = this._worksheet.getSheetId();
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		if (render && ((_cfg$headerStyle = cfg.headerStyle) === null || _cfg$headerStyle === void 0 ? void 0 : _cfg$headerStyle.size)) {
+			var _cfg$headerStyle2;
+			render.with(_univerjs_sheets_ui.SheetSkeletonManagerService).setColumnHeaderSize(render, subUnitId, (_cfg$headerStyle2 = cfg.headerStyle) === null || _cfg$headerStyle2 === void 0 ? void 0 : _cfg$headerStyle2.size);
+		}
+		this._getSheetRenderComponent(unitId, _univerjs_sheets_ui.SHEET_VIEW_KEY.COLUMN).setCustomHeader(cfg, subUnitId);
+	}
+	customizeRowHeader(cfg) {
+		var _cfg$headerStyle3;
+		const unitId = this._workbook.getUnitId();
+		const subUnitId = this._worksheet.getSheetId();
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		if (render && ((_cfg$headerStyle3 = cfg.headerStyle) === null || _cfg$headerStyle3 === void 0 ? void 0 : _cfg$headerStyle3.size)) {
+			var _cfg$headerStyle4;
+			render.with(_univerjs_sheets_ui.SheetSkeletonManagerService).setRowHeaderSize(render, subUnitId, (_cfg$headerStyle4 = cfg.headerStyle) === null || _cfg$headerStyle4 === void 0 ? void 0 : _cfg$headerStyle4.size);
+		}
+		this._getSheetRenderComponent(unitId, _univerjs_sheets_ui.SHEET_VIEW_KEY.ROW).setCustomHeader(cfg, subUnitId);
+	}
+	setColumnHeaderHeight(height) {
+		const unitId = this._workbook.getUnitId();
+		const subUnitId = this._worksheet.getSheetId();
+		this._commandService.executeCommand(_univerjs_sheets_ui.SetColumnHeaderHeightCommand.id, {
+			unitId,
+			subUnitId,
+			size: height
+		});
+		return this;
+	}
+	setRowHeaderWidth(width) {
+		const unitId = this._workbook.getUnitId();
+		const subUnitId = this._worksheet.getSheetId();
+		this._commandService.executeCommand(_univerjs_sheets_ui.SetRowHeaderWidthCommand.id, {
+			unitId,
+			subUnitId,
+			size: width
+		});
+		return this;
+	}
+	/**
+	* 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.
+	*/
+	_getSheetRenderComponent(unitId, viewKey) {
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		if (!render) throw new Error(`Render Unit with unitId ${unitId} not found`);
+		const { components } = render;
+		const renderComponent = components.get(viewKey);
+		if (!renderComponent) throw new Error("Render component not found");
+		return renderComponent;
+	}
+};
+_univerjs_sheets_facade.FWorksheet.extend(FWorksheetUIMixin);
+
+//#endregion
+//#region src/facade/f-workbook-permission.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* 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.
+*/
+var FWorkbookPermissionSheetsUIMixin = class extends _univerjs_sheets_facade.FWorkbookPermission {
+	setPermissionDialogVisible(visible) {
+		this._permissionService.setShowComponents(visible);
+	}
+};
+_univerjs_sheets_facade.FWorkbookPermission.extend(FWorkbookPermissionSheetsUIMixin);
+
+//#endregion
+//#region src/facade/f-sheet-hooks.ts
+var FSheetHooksUIMixin = class extends _univerjs_sheets_facade.FSheetHooks {
+	onCellPointerMove(callback) {
+		return (0, _univerjs_core.toDisposable)(this._injector.get(_univerjs_sheets_ui.HoverManagerService).currentPosition$.subscribe(callback));
+	}
+	onCellPointerOver(callback) {
+		return (0, _univerjs_core.toDisposable)(this._injector.get(_univerjs_sheets_ui.HoverManagerService).currentCell$.subscribe(callback));
+	}
+	onCellDragOver(callback) {
+		return (0, _univerjs_core.toDisposable)(this._injector.get(_univerjs_sheets_ui.DragManagerService).currentCell$.subscribe(callback));
+	}
+	onCellDrop(callback) {
+		return (0, _univerjs_core.toDisposable)(this._injector.get(_univerjs_sheets_ui.DragManagerService).endCell$.subscribe(callback));
+	}
+	onCellRender(customRender, effect = _univerjs_core.InterceptorEffectEnum.Style, priority = _univerjs_sheets.InterceptCellContentPriority.DATA_VALIDATION) {
+		return this._injector.get(_univerjs_sheets.SheetInterceptorService).intercept(_univerjs_sheets.INTERCEPTOR_POINT.CELL_CONTENT, {
+			effect,
+			handler: (cell, pos, next) => {
+				if (!cell) return next(cell);
+				if (!cell.customRender && customRender) cell.customRender = [...customRender];
+				return next(cell);
+			},
+			priority
+		});
+	}
+	onBeforeCellEdit(callback) {
+		return this._injector.get(_univerjs_core.ICommandService).beforeCommandExecuted((command) => {
+			const params = command.params;
+			if (command.id === _univerjs_sheets_ui.SetCellEditVisibleOperation.id && params.visible) callback(params);
+		});
+	}
+	onAfterCellEdit(callback) {
+		return this._injector.get(_univerjs_core.ICommandService).onCommandExecuted((command) => {
+			const params = command.params;
+			if (command.id === _univerjs_sheets_ui.SetCellEditVisibleOperation.id && !params.visible) callback(params);
+		});
+	}
+};
+_univerjs_sheets_facade.FSheetHooks.extend(FSheetHooksUIMixin);
+
+//#endregion
+//#region src/facade/f-event.ts
+var FSheetsUIEventNameMixin = class extends _univerjs_core_facade.FEventName {
+	get BeforeClipboardChange() {
+		return "BeforeClipboardChange";
+	}
+	get ClipboardChanged() {
+		return "ClipboardChanged";
+	}
+	get BeforeClipboardPaste() {
+		return "BeforeClipboardPaste";
+	}
+	get ClipboardPasted() {
+		return "ClipboardPasted";
+	}
+	get BeforeSheetEditStart() {
+		return "BeforeSheetEditStart";
+	}
+	get SheetEditStarted() {
+		return "SheetEditStarted";
+	}
+	get SheetEditChanging() {
+		return "SheetEditChanging";
+	}
+	get BeforeSheetEditEnd() {
+		return "BeforeSheetEditEnd";
+	}
+	get SheetEditEnded() {
+		return "SheetEditEnded";
+	}
+	get CellClicked() {
+		return "CellClicked";
+	}
+	get CellHover() {
+		return "CellHover";
+	}
+	get CellPointerDown() {
+		return "CellPointerDown";
+	}
+	get CellPointerUp() {
+		return "CellPointerUp";
+	}
+	get CellPointerMove() {
+		return "CellPointerMove";
+	}
+	get DragOver() {
+		return "DragOver";
+	}
+	get Drop() {
+		return "Drop";
+	}
+	get Scroll() {
+		return "Scroll";
+	}
+	get SelectionMoveStart() {
+		return "SelectionMoveStart";
+	}
+	get SelectionChanged() {
+		return "SelectionChanged";
+	}
+	get SelectionMoving() {
+		return "SelectionMoving";
+	}
+	get SelectionMoveEnd() {
+		return "SelectionMoveEnd";
+	}
+	get RowHeaderClick() {
+		return "RowHeaderClick";
+	}
+	get RowHeaderPointerDown() {
+		return "RowHeaderPointerDown";
+	}
+	get RowHeaderPointerUp() {
+		return "RowHeaderPointerUp";
+	}
+	get RowHeaderHover() {
+		return "RowHeaderHover";
+	}
+	get ColumnHeaderClick() {
+		return "ColumnHeaderClick";
+	}
+	get ColumnHeaderPointerDown() {
+		return "ColumnHeaderPointerDown";
+	}
+	get ColumnHeaderPointerUp() {
+		return "ColumnHeaderPointerUp";
+	}
+	get ColumnHeaderHover() {
+		return "ColumnHeaderHover";
+	}
+	get SheetSkeletonChanged() {
+		return "SheetSkeletonChanged";
+	}
+	get BeforeSheetZoomChange() {
+		return "BeforeSheetZoomChange";
+	}
+	get SheetZoomChanged() {
+		return "SheetZoomChanged";
+	}
+};
+_univerjs_core_facade.FEventName.extend(FSheetsUIEventNameMixin);
+
+//#endregion
+//#region src/facade/f-enum.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* 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.
+*/
+var FSheetsUIEnumMixin = class extends _univerjs_core_facade.FEnum {
+	get SHEET_VIEWPORT_KEY() {
+		return _univerjs_engine_render.SHEET_VIEWPORT_KEY;
+	}
+};
+_univerjs_core_facade.FEnum.extend(FSheetsUIEnumMixin);
+
+//#endregion
+//#region src/facade/f-range.ts
+var FRangeSheetsUIMixin = class extends _univerjs_sheets_facade.FRange {
+	getCell() {
+		var _render$with$getSkele;
+		const renderManagerService = this._injector.get(_univerjs_engine_render.IRenderManagerService);
+		const logService = this._injector.get(_univerjs_core.ILogService);
+		const unitId = this._workbook.getUnitId();
+		const subUnitId = this._worksheet.getSheetId();
+		const render = renderManagerService.getRenderById(unitId);
+		const skeleton = render === null || render === void 0 || (_render$with$getSkele = render.with(_univerjs_sheets_ui.SheetSkeletonManagerService).getSkeletonParam(subUnitId)) === null || _render$with$getSkele === void 0 ? void 0 : _render$with$getSkele.skeleton;
+		if (!skeleton) {
+			logService.error("[Facade]: `FRange.getCell` can only be called in current worksheet");
+			throw new Error("`FRange.getCell` can only be called in current worksheet");
+		}
+		return skeleton.getCellWithCoordByIndex(this._range.startRow, this._range.startColumn);
+	}
+	getCellRect() {
+		const { startX: x, startY: y, endX: x2, endY: y2 } = this.getCell();
+		const data = {
+			x,
+			y,
+			width: x2 - x,
+			height: y2 - y,
+			top: y,
+			left: x,
+			bottom: y2,
+			right: x2
+		};
+		return {
+			...data,
+			toJSON: () => JSON.stringify(data)
+		};
+	}
+	generateHTML() {
+		var _copyContent$html;
+		const copyContent = this._injector.get(_univerjs_sheets_ui.ISheetClipboardService).generateCopyContent(this._workbook.getUnitId(), this._worksheet.getSheetId(), this._range);
+		return (_copyContent$html = copyContent === null || copyContent === void 0 ? void 0 : copyContent.html) !== null && _copyContent$html !== void 0 ? _copyContent$html : "";
+	}
+	attachPopup(popup) {
+		var _popup$direction, _popup$extraProps, _popup$offset;
+		popup.direction = (_popup$direction = popup.direction) !== null && _popup$direction !== void 0 ? _popup$direction : "horizontal";
+		popup.extraProps = (_popup$extraProps = popup.extraProps) !== null && _popup$extraProps !== void 0 ? _popup$extraProps : {};
+		popup.offset = (_popup$offset = popup.offset) !== null && _popup$offset !== void 0 ? _popup$offset : [0, 0];
+		const { key, disposableCollection } = transformComponentKey(popup, this._injector.get(_univerjs_ui.ComponentManager));
+		const disposePopup = this._injector.get(_univerjs_sheets_ui.SheetCanvasPopManagerService).attachPopupToCell(this._range.startRow, this._range.startColumn, {
+			...popup,
+			componentKey: key
+		}, this.getUnitId(), this._worksheet.getSheetId());
+		if (disposePopup) {
+			disposableCollection.add(disposePopup);
+			return disposableCollection;
+		}
+		disposableCollection.dispose();
+		return null;
+	}
+	attachAlertPopup(alert) {
+		const cellAlertService = this._injector.get(_univerjs_sheets_ui.CellAlertManagerService);
+		const location = {
+			workbook: this._workbook,
+			worksheet: this._worksheet,
+			row: this._range.startRow,
+			col: this._range.startColumn,
+			unitId: this.getUnitId(),
+			subUnitId: this._worksheet.getSheetId()
+		};
+		cellAlertService.showAlert({
+			...alert,
+			location
+		});
+		return { dispose: () => {
+			cellAlertService.removeAlert(alert.key);
+		} };
+	}
+	/**
+	* attachDOMPopup
+	* @param popup
+	* @returns {IDisposable} disposable
+	let sheet = univerAPI.getActiveWorkbook().getActiveSheet();
+	let range = sheet.getRange(2, 2, 3, 3);
+	univerAPI.getActiveWorkbook().setActiveRange(range);
+	let disposable = range.attachDOMPopup({
+	componentKey: 'univer.sheet.single-dom-popup',
+	extraProps: { alert: { type: 0, title: 'This is an Info', message: 'This is an info message' } },
+	});
+	*/
+	attachRangePopup(popup) {
+		var _popup$direction2, _popup$extraProps2, _popup$offset2;
+		popup.direction = (_popup$direction2 = popup.direction) !== null && _popup$direction2 !== void 0 ? _popup$direction2 : "top-center";
+		popup.extraProps = (_popup$extraProps2 = popup.extraProps) !== null && _popup$extraProps2 !== void 0 ? _popup$extraProps2 : {};
+		popup.offset = (_popup$offset2 = popup.offset) !== null && _popup$offset2 !== void 0 ? _popup$offset2 : [0, 0];
+		const { key, disposableCollection } = transformComponentKey(popup, this._injector.get(_univerjs_ui.ComponentManager));
+		const disposePopup = this._injector.get(_univerjs_sheets_ui.SheetCanvasPopManagerService).attachRangePopup(this._range, {
+			...popup,
+			componentKey: key
+		}, this.getUnitId(), this._worksheet.getSheetId());
+		if (disposePopup) {
+			disposableCollection.add(disposePopup);
+			return disposableCollection;
+		}
+		disposableCollection.dispose();
+		return null;
+	}
+	highlight(style, primary) {
+		const markSelectionService = this._injector.get(_univerjs_sheets_ui.IMarkSelectionService);
+		const id = markSelectionService.addShape({
+			range: this._range,
+			style,
+			primary
+		});
+		if (!id) throw new Error("Failed to highlight current range");
+		return (0, _univerjs_core.toDisposable)(() => {
+			markSelectionService.removeShape(id);
+		});
+	}
+	showDropdown(param) {
+		return this._injector.get(_univerjs_sheets_ui.ISheetCellDropdownManagerService).showDropdown(param);
+	}
+};
+_univerjs_sheets_facade.FRange.extend(FRangeSheetsUIMixin);
+/**
+* Transform component key
+* @param {IFComponentKey} component - The component key to transform.
+* @param {ComponentManager} componentManager - The component manager to use for registration.
+* @returns {string} The transformed component key.
+*/
+function transformComponentKey(component, componentManager) {
+	const { componentKey, isVue3 } = component;
+	let key;
+	const disposableCollection = new _univerjs_core.DisposableCollection();
+	if (typeof componentKey === "string") key = componentKey;
+	else {
+		key = `External_${(0, _univerjs_core.generateRandomId)(6)}`;
+		disposableCollection.add(componentManager.register(key, componentKey, { framework: isVue3 ? "vue3" : "react" }));
+	}
+	return {
+		key,
+		disposableCollection
+	};
+}
+
+//#endregion
+exports.FSheetsUIEnumMixin = FSheetsUIEnumMixin;
+exports.transformComponentKey = transformComponentKey;