@univerjs/sheets-ui 0.20.1 → 0.21.0

package/lib/es/facade.js

@@ -1 +1,1344 @@
-import{CanceledError as e,DOCS_NORMAL_EDITOR_UNIT_ID_KEY as t,DisposableCollection as n,ICommandService as r,ILogService as i,IPermissionService as a,IUniverInstanceService as o,InterceptorEffectEnum as s,LifecycleService as c,LifecycleStages as l,RichTextValue as u,UniverInstanceType as d,awaitTime as f,generateRandomId as p,toDisposable as m}from"@univerjs/core";import{FEnum as h,FEventName as g,FUniver as _}from"@univerjs/core/facade";import{RichTextEditingMutation as ee}from"@univerjs/docs";import{DeviceInputEventType as v,IRenderManagerService as y,SHEET_VIEWPORT_KEY as b}from"@univerjs/engine-render";import{COMMAND_LISTENER_SKELETON_CHANGE as te,INTERCEPTOR_POINT as ne,InterceptCellContentPriority as re,SetWorksheetRowIsAutoHeightCommand as ie,SheetInterceptorService as ae,SheetsSelectionsService as oe,getSkeletonChangedEffectedRange as se}from"@univerjs/sheets";import{CellAlertManagerService as ce,DragManagerService as x,HoverManagerService as S,IEditorBridgeService as C,IMarkSelectionService as w,ISheetCellDropdownManagerService as le,ISheetClipboardService as T,ISheetSelectionRenderService as E,SHEET_VIEW_KEY as D,SetCellEditVisibleOperation as O,SetColumnHeaderHeightCommand as ue,SetRowHeaderWidthCommand as k,SetWorksheetColAutoWidthCommand as A,SetZoomRatioCommand as j,SheetCanvasPopManagerService as M,SheetPasteShortKeyCommand as N,SheetPermissionRenderManagerService as P,SheetScrollManagerService as F,SheetSkeletonManagerService as I,SheetsScrollRenderController as de}from"@univerjs/sheets-ui";import{FPermission as L,FRange as R,FSheetHooks as z,FWorkbook as B,FWorksheet as V}from"@univerjs/sheets/facade";import{ComponentManager as H,CopyCommand as U,CutCommand as W,HTML_CLIPBOARD_MIME_TYPE as G,IClipboardInterfaceService as fe,IDialogService as pe,ISidebarService as me,KeyCode as K,PLAIN_TEXT_CLIPBOARD_MIME_TYPE as q,PasteCommand as J,supportClipboardAPI as Y}from"@univerjs/ui";import{combineLatest as he,filter as X}from"rxjs";var Z=class extends _{_initSheetUIEvent(n){let i=n.get(r);this.disposeWithMe(this.registerEventHandler(this.Event.BeforeSheetEditStart,()=>i.beforeCommandExecuted(t=>{if(t.id!==O.id)return;let r=this.getActiveSheet();if(!r)return;let{workbook:i,worksheet:a}=r,o=n.get(C),{visible:s,keycode:c,eventType:l}=t.params,u=o.getEditLocation();if(!s)return;let d={row:u.row,column:u.column,eventType:l,keycode:c,workbook:i,worksheet:a,isZenEditor:!1};if(this.fireEvent(this.Event.BeforeSheetEditStart,d),d.cancel)throw new e}))),this.disposeWithMe(this.registerEventHandler(this.Event.BeforeSheetEditEnd,()=>i.beforeCommandExecuted(r=>{if(r.id!==O.id)return;let i=this.getActiveSheet();if(!i)return;let{workbook:a,worksheet:s}=i,c=n.get(C),l=n.get(o),{visible:d,keycode:f,eventType:p}=r.params,m=c.getEditLocation();if(d)return;let h={row:m.row,column:m.column,eventType:p,keycode:f,workbook:a,worksheet:s,isZenEditor:!1,value:u.create(l.getUnit(t).getSnapshot()),isConfirm:f!==K.ESC};if(this.fireEvent(this.Event.BeforeSheetEditEnd,h),h.cancel)throw new e}))),this.disposeWithMe(this.registerEventHandler(this.Event.SheetEditStarted,()=>i.onCommandExecuted(e=>{if(e.id!==O.id)return;let t=this.getCommandSheetTarget(e);if(!t)return;let{workbook:r,worksheet:i}=t,a=n.get(C),{visible:o,keycode:s,eventType:c}=e.params,l=a.getEditLocation();if(!o)return;let u={row:l.row,column:l.column,eventType:c,keycode:s,workbook:r,worksheet:i,isZenEditor:!1};this.fireEvent(this.Event.SheetEditStarted,u)}))),this.disposeWithMe(this.registerEventHandler(this.Event.SheetEditEnded,()=>i.onCommandExecuted(e=>{if(e.id!==O.id)return;let t=this.getCommandSheetTarget(e);if(!t)return;let{workbook:r,worksheet:i}=t,a=n.get(C),{visible:o,keycode:s,eventType:c}=e.params,l=a.getEditLocation();if(o)return;let u={row:l.row,column:l.column,eventType:c,keycode:s,workbook:r,worksheet:i,isZenEditor:!1,isConfirm:s!==K.ESC};this.fireEvent(this.Event.SheetEditEnded,u)}))),this.disposeWithMe(this.registerEventHandler(this.Event.SheetEditChanging,()=>i.onCommandExecuted(e=>{if(e.id!==ee.id)return;let r=this.getActiveSheet();if(!r)return;let{workbook:i,worksheet:a}=r,s=n.get(C),c=n.get(o),l=e.params;if(!s.isVisible().visible)return;let{unitId:d}=l;if(d===t){let{row:e,column:n}=s.getEditLocation(),r={workbook:i,worksheet:a,row:e,column:n,value:u.create(c.getUnit(t).getSnapshot()),isZenEditor:!1};this.fireEvent(this.Event.SheetEditChanging,r)}}))),this.disposeWithMe(this.registerEventHandler(this.Event.BeforeSheetZoomChange,()=>i.beforeCommandExecuted(t=>{if(t.id!==j.id)return;let n=this.getCommandSheetTarget(t);if(!n)return;let{workbook:r,worksheet:i}=n,a={zoom:t.params.zoomRatio,workbook:r,worksheet:i};if(this.fireEvent(this.Event.BeforeSheetZoomChange,a),a.cancel)throw new e}))),this.disposeWithMe(this.registerEventHandler(this.Event.SheetZoomChanged,()=>i.onCommandExecuted(e=>{if(e.id!==j.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(e){let t=e.get(y),r=e.get(c),i=new n;this.disposeWithMe(r.lifecycle$.subscribe(t=>{if(t!==l.Rendered)return;let n=e.get(S),r=e.get(x);n&&(i.dispose(),i.add(this.registerEventHandler(this.Event.CellClicked,()=>{var e;return(e=n.currentClickedCell$)==null?void 0:e.pipe(X(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)})})),i.add(this.registerEventHandler(this.Event.CellHover,()=>{var e;return(e=n.currentRichText$)==null?void 0:e.pipe(X(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)})})),i.add(this.registerEventHandler(this.Event.CellPointerDown,()=>{var e;return(e=n.currentPointerDownCell$)==null?void 0:e.pipe(X(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)})})),i.add(this.registerEventHandler(this.Event.CellPointerUp,()=>{var e;return(e=n.currentPointerUpCell$)==null?void 0:e.pipe(X(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)})})),i.add(this.registerEventHandler(this.Event.CellPointerMove,()=>{var e;return(e=n.currentCellPosWithEvent$)==null?void 0:e.pipe(X(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)})})),i.add(this.registerEventHandler(this.Event.DragOver,()=>{var e;return(e=r.currentCell$)==null?void 0:e.pipe(X(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)})})),i.add(this.registerEventHandler(this.Event.Drop,()=>{var e;return(e=r.endCell$)==null?void 0:e.pipe(X(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)})})),i.add(this.registerEventHandler(this.Event.RowHeaderClick,()=>{var e;return(e=n.currentRowHeaderClick$)==null?void 0:e.pipe(X(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)})})),i.add(this.registerEventHandler(this.Event.RowHeaderPointerDown,()=>{var e;return(e=n.currentRowHeaderPointerDown$)==null?void 0:e.pipe(X(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)})})),i.add(this.registerEventHandler(this.Event.RowHeaderPointerUp,()=>{var e;return(e=n.currentRowHeaderPointerUp$)==null?void 0:e.pipe(X(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)})})),i.add(this.registerEventHandler(this.Event.RowHeaderHover,()=>{var e;return(e=n.currentHoveredRowHeader$)==null?void 0:e.pipe(X(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)})})),i.add(this.registerEventHandler(this.Event.ColumnHeaderClick,()=>{var e;return(e=n.currentColHeaderClick$)==null?void 0:e.pipe(X(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)})})),i.add(this.registerEventHandler(this.Event.ColumnHeaderPointerDown,()=>{var e;return(e=n.currentColHeaderPointerDown$)==null?void 0:e.pipe(X(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)})})),i.add(this.registerEventHandler(this.Event.ColumnHeaderPointerUp,()=>{var e;return(e=n.currentColHeaderPointerUp$)==null?void 0:e.pipe(X(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)})})),i.add(this.registerEventHandler(this.Event.ColumnHeaderHover,()=>{var e;return(e=n.currentHoveredColHeader$)==null?void 0:e.pipe(X(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(i))}));let a,o=he([t.created$,r.lifecycle$]),s=new n;this.disposeWithMe(o.subscribe(([e,t])=>{if(e.type===d.UNIVER_SHEET&&(a=e),t<=l.Rendered||!a)return;let n=this.getWorkbook(a.unitId);if(!n)return;s.dispose();let r=a.with(F),i=a.with(oe);s.add(this.registerEventHandler(this.Event.Scroll,()=>r.validViewportScrollInfo$.subscribe(e=>{if(!e)return;let t={workbook:n,worksheet:n.getActiveSheet(),...e};this.fireEvent(this.Event.Scroll,t)}))),s.add(this.registerEventHandler(this.Event.SelectionMoveStart,()=>i.selectionMoveStart$.subscribe(e=>{var t;let r={workbook:n,worksheet:n.getActiveSheet(),selections:(t=e==null?void 0:e.map(e=>e.range))==null?[]:t};this.fireEvent(this.Event.SelectionMoveStart,r)}))),s.add(this.registerEventHandler(this.Event.SelectionMoving,()=>i.selectionMoving$.subscribe(e=>{var t;let r={workbook:n,worksheet:n.getActiveSheet(),selections:(t=e==null?void 0:e.map(e=>e.range))==null?[]:t};this.fireEvent(this.Event.SelectionMoving,r)}))),s.add(this.registerEventHandler(this.Event.SelectionMoveEnd,()=>i.selectionMoveEnd$.subscribe(e=>{var t;let r={workbook:n,worksheet:n.getActiveSheet(),selections:(t=e==null?void 0:e.map(e=>e.range))==null?[]:t};this.fireEvent(this.Event.SelectionMoveEnd,r)}))),s.add(this.registerEventHandler(this.Event.SelectionChanged,()=>i.selectionChanged$.subscribe(e=>{var t;let r={workbook:n,worksheet:n.getActiveSheet(),selections:(t=e==null?void 0:e.map(e=>e.range))==null?[]:t};this.fireEvent(this.Event.SelectionChanged,r)}))),a=null,this.disposeWithMe(s)}))}_initialize(e){this._initSheetUIEvent(e),this._initObserverListener(e);let t=e.get(r);this.disposeWithMe(this.registerEventHandler(this.Event.BeforeClipboardChange,()=>t.beforeCommandExecuted(e=>{switch(e.id){case U.id:case W.id:this._beforeClipboardChange();break}}))),this.disposeWithMe(this.registerEventHandler(this.Event.ClipboardChanged,()=>t.onCommandExecuted(e=>{switch(e.id){case U.id:case W.id:this._clipboardChanged();break}}))),this.disposeWithMe(this.registerEventHandler(this.Event.BeforeClipboardPaste,()=>t.beforeCommandExecuted(e=>{switch(e.id){case N.id:this._beforeClipboardPaste(e.params);break;case J.id:this._beforeClipboardPasteAsync();break}}))),this.disposeWithMe(this.registerEventHandler(this.Event.ClipboardPasted,()=>t.onCommandExecuted(e=>{switch(e.id){case N.id:this._clipboardPaste(e.params);break;case J.id:this._clipboardPasteAsync();break}}))),this.disposeWithMe(this.registerEventHandler(this.Event.SheetSkeletonChanged,()=>t.onCommandExecuted(e=>{if(te.indexOf(e.id)>-1){let t=this.getActiveSheet();if(!t)return;let n=se(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(T).generateCopyContent(e.getId(),t.getSheetId(),n.getRange());if(!r)return;let{html:i,plain:a}=r;return{workbook:e,worksheet:t,text:a,html:i,fromSheet:t,fromRange:n}}_beforeClipboardChange(){let t=this._generateClipboardCopyParam();if(t&&(this.fireEvent(this.Event.BeforeClipboardChange,t),t.cancel))throw new e}_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(fe).read())[0],r;if(n){let i=n.types;r={workbook:e,worksheet:t,text:i.indexOf(q)===-1?``:await n.getType(q).then(e=>e&&e.text()),html:i.indexOf(G)===-1?``:await n.getType(G).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}_clipboardPaste(t){let n=this._generateClipboardPasteParam(t);if(n&&(this.fireEvent(this.Event.ClipboardPasted,n),n.cancel))throw new e}async _beforeClipboardPasteAsync(){if(!Y()){this._injector.get(i).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}async _clipboardPasteAsync(){if(!Y()){this._injector.get(i).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}customizeColumnHeader(e){var t;let n=this.getActiveWorkbook();if(!n){console.error(`WorkBook not exist`);return}let r=n==null?void 0:n.getId(),i=this._injector.get(y),a=n.getActiveSheet(),o=a.getSheetId(),s=i.getRenderById(r);if(s&&(t=e.headerStyle)!=null&&t.size){var c;s.with(I).setColumnHeaderSize(s,o,(c=e.headerStyle)==null?void 0:c.size),a==null||a.refreshCanvas()}this._getSheetRenderComponent(r,D.COLUMN).setCustomHeader(e),a==null||a.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,D.ROW).setCustomHeader(e)}registerSheetRowHeaderExtension(e,...t){let n=this._getSheetRenderComponent(e,D.ROW),r=n.register(...t);return m(()=>{r.dispose(),n.makeDirty(!0)})}registerSheetColumnHeaderExtension(e,...t){let n=this._getSheetRenderComponent(e,D.COLUMN),r=n.register(...t);return m(()=>{r.dispose(),n.makeDirty(!0)})}registerSheetMainExtension(e,...t){let n=this._getSheetRenderComponent(e,D.MAIN),r=n.register(...t);return m(()=>{r.dispose(),n.makeDirty(!0)})}_getSheetRenderComponent(e,t){let n=this._injector.get(y).getRenderById(e);if(!n)throw Error(`Render Unit with unitId ${e} not found`);let{components:r}=n,i=r.get(t);if(!i)throw Error(`Render component not found`);return i}getSheetHooks(){return this._injector.createInstance(z)}pasteIntoSheet(e,t,n){return this._commandService.executeCommand(N.id,{htmlContent:e,textContent:t,files:n})}setProtectedRangeShadowStrategy(e){this._injector.get(P).setProtectedRangeShadowStrategy(e)}getProtectedRangeShadowStrategy(){return this._injector.get(P).getProtectedRangeShadowStrategy()}getProtectedRangeShadowStrategy$(){return this._injector.get(P).getProtectedRangeShadowStrategy$()}setPermissionDialogVisible(e){this._injector.get(a).setShowComponents(e)}};_.extend(Z);var ge=class extends B{openSiderbar(e){return this._logDeprecation(`openSiderbar`),this._injector.get(me).open(e)}openDialog(e){this._logDeprecation(`openDialog`);let t=this._injector.get(pe).open({...e,onClose:()=>{t.dispose()}});return t}customizeColumnHeader(e){let t=this._workbook.getUnitId();this._getSheetRenderComponent(t,D.COLUMN).setCustomHeader(e)}customizeRowHeader(e){let t=this._workbook.getUnitId();this._getSheetRenderComponent(t,D.ROW).setCustomHeader(e)}_getSheetRenderComponent(e,t){let n=this._injector.get(y).getRenderById(e);if(!n)throw Error(`Render Unit with unitId ${e} not found`);let{components:r}=n,i=r.get(t);if(!i)throw Error(`Render component not found`);return i}_logDeprecation(e){this._injector.get(i).warn(`[FWorkbook]`,`${e} is deprecated. Please use the function of the same name on "FUniver".`)}onCellClick(e){return m(this._injector.get(S).currentClickedCell$.pipe(X(e=>!!e)).subscribe(t=>{e(t)}))}onCellHover(e){return m(this._injector.get(S).currentRichText$.pipe(X(e=>!!e)).subscribe(e))}onCellPointerDown(e){return m(this._injector.get(S).currentPointerDownCell$.subscribe(e))}onCellPointerUp(e){return m(this._injector.get(S).currentPointerUpCell$.subscribe(e))}onCellPointerMove(e){return m(this._injector.get(S).currentCellPosWithEvent$.pipe(X(e=>!!e)).subscribe(t=>{e(t,t.event)}))}onDragOver(e){return m(this._injector.get(x).currentCell$.pipe(X(e=>!!e)).subscribe(t=>{e(t)}))}onDrop(e){return m(this._injector.get(x).endCell$.pipe(X(e=>!!e)).subscribe(t=>{e(t)}))}startEditing(){let e=this._injector.get(r);return this._injector.get(C).isVisible().visible?!0:e.syncExecuteCommand(O.id,{eventType:v.Dblclick,unitId:this._workbook.getUnitId(),visible:!0})}async endEditing(e){let t=this._injector.get(r);return this._injector.get(C).isVisible().visible&&t.syncExecuteCommand(O.id,{eventType:v.Keyboard,keycode:e?K.ENTER:K.ESC,visible:!1,unitId:this._workbook.getUnitId()}),await f(0),!0}endEditingAsync(e=!0){return this.endEditing(e)}abortEditingAsync(){return this.endEditingAsync(!1)}isCellEditing(){return this._injector.get(C).isVisible().visible}getScrollStateBySheetId(e){let t=this._workbook.getUnitId(),n=this._injector.get(y).getRenderById(t);return n?n.with(F).getScrollStateByParam({unitId:t,sheetId:e}):null}disableSelection(){let e=this._workbook.getUnitId(),t=this._injector.get(y).getRenderById(e);return t&&t.with(E).disableSelection(),this}enableSelection(){let e=this._workbook.getUnitId(),t=this._injector.get(y).getRenderById(e);return t&&t.with(E).enableSelection(),this}transparentSelection(){let e=this._workbook.getUnitId(),t=this._injector.get(y).getRenderById(e);return t&&t.with(E).transparentSelection(),this}showSelection(){let e=this._workbook.getUnitId(),t=this._injector.get(y).getRenderById(e);return t&&t.with(E).showSelection(),this}};B.extend(ge);var _e=class extends V{refreshCanvas(){let e=this._injector.get(y),t=this._fWorkbook.id,n=e.getRenderById(t);if(!n)throw Error(`Render Unit with unitId ${t} not found`);return n.with(I).reCalculate(),n.components.forEach(e=>{var t;(t=e.makeDirty)==null||t.call(e)}),this}highlightRanges(e,t,n){let r=this._injector.get(w),i=[];for(let a of e){let e=a.getRange(),o=r.addShapeWithNoFresh({range:e,style:t,primary:n});o&&i.push(o)}if(r.refreshShapes(),i.length===0)throw Error(`Failed to highlight current range`);return m(()=>{i.forEach(e=>{r.removeShape(e)})})}zoom(e){let t=this._injector.get(r),n=Math.min(Math.max(e,.1),4);return t.executeCommand(j.id,{unitId:this._workbook.getUnitId(),subUnitId:this._worksheet.getSheetId(),zoomRatio:n}),this}getZoom(){return this._worksheet.getZoomRatio()}getVisibleRange(){let e=this._workbook.getUnitId(),t=this._injector.get(y).getRenderById(e);if(!t)return null;let n=t.with(I).getCurrentSkeleton();return n?n.getVisibleRangeByViewport(b.VIEW_MAIN):null}getVisibleRangesOfAllViewports(){let e=this._workbook.getUnitId(),t=this._injector.get(y).getRenderById(e);if(!t)return null;let n=t.with(I).getCurrentSkeleton();return n?n.getVisibleRanges():null}scrollToCell(e,t,n){let r=this._workbook.getUnitId(),i=this._injector.get(y).getRenderById(r);return i&&(i==null?void 0:i.with(de)).scrollToCell(e,t,n),this}getScrollState(){let e={offsetX:0,offsetY:0,sheetViewStartColumn:0,sheetViewStartRow:0},t=this._workbook.getUnitId(),n=this._worksheet.getSheetId(),r=this._injector.get(y).getRenderById(t);return r&&r.with(F).getScrollStateByParam({unitId:t,sheetId:n})||e}onScroll(e){var t;let n=this._workbook.getUnitId(),r=(t=this._injector.get(y).getRenderById(n))==null?void 0:t.with(F);return m(r?r.validViewportScrollInfo$.subscribe(t=>{e(t)}):()=>{})}getSkeleton(){var e;let t=(e=this._injector.get(y).getRenderById(this._workbook.getUnitId()))==null?void 0:e.with(I);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.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(),i=[{startRow:e,endRow:e+t-1,startColumn:0,endColumn:this._worksheet.getColumnCount()-1}];return this._commandService.syncExecuteCommand(ie.id,{unitId:n,subUnitId:r,ranges:i}),this}customizeColumnHeader(e){var t;let n=this._workbook.getUnitId(),r=this._worksheet.getSheetId(),i=this._injector.get(y).getRenderById(n);if(i&&(t=e.headerStyle)!=null&&t.size){var a;i.with(I).setColumnHeaderSize(i,r,(a=e.headerStyle)==null?void 0:a.size)}this._getSheetRenderComponent(n,D.COLUMN).setCustomHeader(e,r)}customizeRowHeader(e){var t;let n=this._workbook.getUnitId(),r=this._worksheet.getSheetId(),i=this._injector.get(y).getRenderById(n);if(i&&(t=e.headerStyle)!=null&&t.size){var a;i.with(I).setRowHeaderSize(i,r,(a=e.headerStyle)==null?void 0:a.size)}this._getSheetRenderComponent(n,D.ROW).setCustomHeader(e,r)}setColumnHeaderHeight(e){let t=this._workbook.getUnitId(),n=this._worksheet.getSheetId();return this._commandService.executeCommand(ue.id,{unitId:t,subUnitId:n,size:e}),this}setRowHeaderWidth(e){let t=this._workbook.getUnitId(),n=this._worksheet.getSheetId();return this._commandService.executeCommand(k.id,{unitId:t,subUnitId:n,size:e}),this}_getSheetRenderComponent(e,t){let n=this._injector.get(y).getRenderById(e);if(!n)throw Error(`Render Unit with unitId ${e} not found`);let{components:r}=n,i=r.get(t);if(!i)throw Error(`Render component not found`);return i}};V.extend(_e);var ve=class extends L{setPermissionDialogVisible(e){this._permissionService.setShowComponents(e)}};L.extend(ve);var ye=class extends z{onCellPointerMove(e){return m(this._injector.get(S).currentPosition$.subscribe(e))}onCellPointerOver(e){return m(this._injector.get(S).currentCell$.subscribe(e))}onCellDragOver(e){return m(this._injector.get(x).currentCell$.subscribe(e))}onCellDrop(e){return m(this._injector.get(x).endCell$.subscribe(e))}onCellRender(e,t=s.Style,n=re.DATA_VALIDATION){return this._injector.get(ae).intercept(ne.CELL_CONTENT,{effect:t,handler:(t,n,r)=>(t&&!t.customRender&&e&&(t.customRender=[...e]),r(t)),priority:n})}onBeforeCellEdit(e){return this._injector.get(r).beforeCommandExecuted(t=>{let n=t.params;t.id===O.id&&n.visible&&e(n)})}onAfterCellEdit(e){return this._injector.get(r).onCommandExecuted(t=>{let n=t.params;t.id===O.id&&!n.visible&&e(n)})}};z.extend(ye);var be=class extends g{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`}};g.extend(be);var Q=class extends h{get SHEET_VIEWPORT_KEY(){return b}};h.extend(Q);var xe=class extends R{getCell(){var e;let t=this._injector.get(y),n=this._injector.get(i),r=this._workbook.getUnitId(),a=this._worksheet.getSheetId(),o=t.getRenderById(r),s=o==null||(e=o.with(I).getSkeletonParam(a))==null?void 0:e.skeleton;if(!s)throw n.error("[Facade]: `FRange.getCell` can only be called in current worksheet"),Error("`FRange.getCell` can only be called in current worksheet");return s.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(T).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:a}=$(e,this._injector.get(H)),o=this._injector.get(M).attachPopupToCell(this._range.startRow,this._range.startColumn,{...e,componentKey:i},this.getUnitId(),this._worksheet.getSheetId());return o?(a.add(o),a):(a.dispose(),null)}attachAlertPopup(e){let t=this._injector.get(ce),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:a}=$(e,this._injector.get(H)),o=this._injector.get(M).attachRangePopup(this._range,{...e,componentKey:i},this.getUnitId(),this._worksheet.getSheetId());return o?(a.add(o),a):(a.dispose(),null)}highlight(e,t){let n=this._injector.get(w),r=n.addShape({range:this._range,style:e,primary:t});if(!r)throw Error(`Failed to highlight current range`);return m(()=>{n.removeShape(r)})}showDropdown(e){return this._injector.get(le).showDropdown(e)}};R.extend(xe);function $(e,t){let{componentKey:r,isVue3:i}=e,a,o=new n;return typeof r==`string`?a=r:(a=`External_${p(6)}`,o.add(t.register(a,r,{framework:i?`vue3`:`react`}))),{key:a,disposableCollection:o}}export{Q as FSheetsUIEnumMixin,$ as transformComponentKey};
+import { CanceledError, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DisposableCollection, ICommandService, ILogService, IPermissionService, IUniverInstanceService, InterceptorEffectEnum, LifecycleService, LifecycleStages, RichTextValue, UniverInstanceType, awaitTime, generateRandomId, toDisposable } from "@univerjs/core";
+import { FEnum, FEventName, FUniver } from "@univerjs/core/facade";
+import { RichTextEditingMutation } from "@univerjs/docs";
+import { DeviceInputEventType, IRenderManagerService, SHEET_VIEWPORT_KEY } from "@univerjs/engine-render";
+import { COMMAND_LISTENER_SKELETON_CHANGE, INTERCEPTOR_POINT, InterceptCellContentPriority, SetWorksheetRowIsAutoHeightCommand, SheetInterceptorService, SheetsSelectionsService, getSkeletonChangedEffectedRange } from "@univerjs/sheets";
+import { CellAlertManagerService, DragManagerService, HoverManagerService, IEditorBridgeService, IMarkSelectionService, ISheetCellDropdownManagerService, ISheetClipboardService, ISheetSelectionRenderService, SHEET_VIEW_KEY, SetCellEditVisibleOperation, SetColumnHeaderHeightCommand, SetRowHeaderWidthCommand, SetWorksheetColAutoWidthCommand, SetZoomRatioCommand, SheetCanvasPopManagerService, SheetPasteShortKeyCommand, SheetPermissionRenderManagerService, SheetScrollManagerService, SheetSkeletonManagerService, SheetsScrollRenderController } from "@univerjs/sheets-ui";
+import { FRange, FSheetHooks, FWorkbook, FWorkbookPermission, FWorksheet } from "@univerjs/sheets/facade";
+import { ComponentManager, CopyCommand, CutCommand, HTML_CLIPBOARD_MIME_TYPE, IClipboardInterfaceService, IDialogService, ISidebarService, KeyCode, PLAIN_TEXT_CLIPBOARD_MIME_TYPE, PasteCommand, supportClipboardAPI } from "@univerjs/ui";
+import { combineLatest, filter } from "rxjs";
+
+//#region src/facade/f-univer.ts
+var FUniverSheetsUIMixin = class extends FUniver {
+	_initSheetUIEvent(injector) {
+		const commandService = injector.get(ICommandService);
+		this.disposeWithMe(this.registerEventHandler(this.Event.BeforeSheetEditStart, () => commandService.beforeCommandExecuted((commandInfo) => {
+			if (commandInfo.id !== SetCellEditVisibleOperation.id) return;
+			const target = this.getActiveSheet();
+			if (!target) return;
+			const { workbook, worksheet } = target;
+			const editorBridgeService = injector.get(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 CanceledError();
+		})));
+		this.disposeWithMe(this.registerEventHandler(this.Event.BeforeSheetEditEnd, () => commandService.beforeCommandExecuted((commandInfo) => {
+			if (commandInfo.id !== SetCellEditVisibleOperation.id) return;
+			const target = this.getActiveSheet();
+			if (!target) return;
+			const { workbook, worksheet } = target;
+			const editorBridgeService = injector.get(IEditorBridgeService);
+			const univerInstanceService = injector.get(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: RichTextValue.create(univerInstanceService.getUnit(DOCS_NORMAL_EDITOR_UNIT_ID_KEY).getSnapshot()),
+				isConfirm: keycode !== KeyCode.ESC
+			};
+			this.fireEvent(this.Event.BeforeSheetEditEnd, eventParams);
+			if (eventParams.cancel) throw new CanceledError();
+		})));
+		this.disposeWithMe(this.registerEventHandler(this.Event.SheetEditStarted, () => commandService.onCommandExecuted((commandInfo) => {
+			if (commandInfo.id !== SetCellEditVisibleOperation.id) return;
+			const target = this.getCommandSheetTarget(commandInfo);
+			if (!target) return;
+			const { workbook, worksheet } = target;
+			const editorBridgeService = injector.get(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 !== SetCellEditVisibleOperation.id) return;
+			const target = this.getCommandSheetTarget(commandInfo);
+			if (!target) return;
+			const { workbook, worksheet } = target;
+			const editorBridgeService = injector.get(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 !== KeyCode.ESC
+			};
+			this.fireEvent(this.Event.SheetEditEnded, eventParams);
+		})));
+		this.disposeWithMe(this.registerEventHandler(this.Event.SheetEditChanging, () => commandService.onCommandExecuted((commandInfo) => {
+			if (commandInfo.id !== RichTextEditingMutation.id) return;
+			const target = this.getActiveSheet();
+			if (!target) return;
+			const { workbook, worksheet } = target;
+			const editorBridgeService = injector.get(IEditorBridgeService);
+			const univerInstanceService = injector.get(IUniverInstanceService);
+			const params = commandInfo.params;
+			if (!editorBridgeService.isVisible().visible) return;
+			const { unitId } = params;
+			if (unitId === DOCS_NORMAL_EDITOR_UNIT_ID_KEY) {
+				const { row, column } = editorBridgeService.getEditLocation();
+				const eventParams = {
+					workbook,
+					worksheet,
+					row,
+					column,
+					value: RichTextValue.create(univerInstanceService.getUnit(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 !== 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 CanceledError();
+		})));
+		this.disposeWithMe(this.registerEventHandler(this.Event.SheetZoomChanged, () => commandService.onCommandExecuted((commandInfo) => {
+			if (commandInfo.id !== 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(IRenderManagerService);
+		const lifeCycleService = injector.get(LifecycleService);
+		const lifecycle$Disposable = new DisposableCollection();
+		this.disposeWithMe(lifeCycleService.lifecycle$.subscribe((lifecycle) => {
+			if (lifecycle !== LifecycleStages.Rendered) return;
+			const hoverManagerService = injector.get(HoverManagerService);
+			const dragManagerService = injector.get(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(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(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(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(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(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(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(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(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(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(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(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(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(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(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(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$ = combineLatest([renderManagerService.created$, lifeCycleService.lifecycle$]);
+		const combined$Disposable = new DisposableCollection();
+		this.disposeWithMe(combined$.subscribe(([created, lifecycle]) => {
+			if (created.type === UniverInstanceType.UNIVER_SHEET) sheetRenderUnit = created;
+			if (lifecycle <= LifecycleStages.Rendered) return;
+			if (!sheetRenderUnit) return;
+			const workbook = this.getWorkbook(sheetRenderUnit.unitId);
+			if (!workbook) return;
+			combined$Disposable.dispose();
+			const scrollManagerService = sheetRenderUnit.with(SheetScrollManagerService);
+			const selectionService = sheetRenderUnit.with(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(ICommandService);
+		this.disposeWithMe(this.registerEventHandler(this.Event.BeforeClipboardChange, () => commandService.beforeCommandExecuted((commandInfo) => {
+			switch (commandInfo.id) {
+				case CopyCommand.id:
+				case CutCommand.id:
+					this._beforeClipboardChange();
+					break;
+			}
+		})));
+		this.disposeWithMe(this.registerEventHandler(this.Event.ClipboardChanged, () => commandService.onCommandExecuted((commandInfo) => {
+			switch (commandInfo.id) {
+				case CopyCommand.id:
+				case CutCommand.id:
+					this._clipboardChanged();
+					break;
+			}
+		})));
+		this.disposeWithMe(this.registerEventHandler(this.Event.BeforeClipboardPaste, () => commandService.beforeCommandExecuted((commandInfo) => {
+			switch (commandInfo.id) {
+				case SheetPasteShortKeyCommand.id:
+					this._beforeClipboardPaste(commandInfo.params);
+					break;
+				case PasteCommand.id:
+					this._beforeClipboardPasteAsync();
+					break;
+			}
+		})));
+		this.disposeWithMe(this.registerEventHandler(this.Event.ClipboardPasted, () => commandService.onCommandExecuted((commandInfo) => {
+			switch (commandInfo.id) {
+				case SheetPasteShortKeyCommand.id:
+					this._clipboardPaste(commandInfo.params);
+					break;
+				case PasteCommand.id:
+					this._clipboardPasteAsync();
+					break;
+			}
+		})));
+		this.disposeWithMe(this.registerEventHandler(this.Event.SheetSkeletonChanged, () => commandService.onCommandExecuted((commandInfo) => {
+			if (COMMAND_LISTENER_SKELETON_CHANGE.indexOf(commandInfo.id) > -1) {
+				const sheet = this.getActiveSheet();
+				if (!sheet) return;
+				const ranges = 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(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 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(IClipboardInterfaceService).read())[0];
+		let eventParams;
+		if (item) {
+			const types = item.types;
+			eventParams = {
+				workbook,
+				worksheet,
+				text: types.indexOf(PLAIN_TEXT_CLIPBOARD_MIME_TYPE) !== -1 ? await item.getType(PLAIN_TEXT_CLIPBOARD_MIME_TYPE).then((blob) => blob && blob.text()) : "",
+				html: types.indexOf(HTML_CLIPBOARD_MIME_TYPE) !== -1 ? await item.getType(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 CanceledError();
+	}
+	_clipboardPaste(params) {
+		const eventParams = this._generateClipboardPasteParam(params);
+		if (!eventParams) return;
+		this.fireEvent(this.Event.ClipboardPasted, eventParams);
+		if (eventParams.cancel) throw new CanceledError();
+	}
+	async _beforeClipboardPasteAsync() {
+		if (!supportClipboardAPI()) {
+			this._injector.get(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 CanceledError();
+	}
+	async _clipboardPasteAsync() {
+		if (!supportClipboardAPI()) {
+			this._injector.get(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 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(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(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, 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, SHEET_VIEW_KEY.ROW).setCustomHeader(cfg);
+	}
+	registerSheetRowHeaderExtension(unitId, ...extensions) {
+		const sheetComponent = this._getSheetRenderComponent(unitId, SHEET_VIEW_KEY.ROW);
+		const registerDisposable = sheetComponent.register(...extensions);
+		return toDisposable(() => {
+			registerDisposable.dispose();
+			sheetComponent.makeDirty(true);
+		});
+	}
+	registerSheetColumnHeaderExtension(unitId, ...extensions) {
+		const sheetComponent = this._getSheetRenderComponent(unitId, SHEET_VIEW_KEY.COLUMN);
+		const registerDisposable = sheetComponent.register(...extensions);
+		return toDisposable(() => {
+			registerDisposable.dispose();
+			sheetComponent.makeDirty(true);
+		});
+	}
+	registerSheetMainExtension(unitId, ...extensions) {
+		const sheetComponent = this._getSheetRenderComponent(unitId, SHEET_VIEW_KEY.MAIN);
+		const registerDisposable = sheetComponent.register(...extensions);
+		return 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(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(FSheetHooks);
+	}
+	pasteIntoSheet(htmlContent, textContent, files) {
+		return this._commandService.executeCommand(SheetPasteShortKeyCommand.id, {
+			htmlContent,
+			textContent,
+			files
+		});
+	}
+	setProtectedRangeShadowStrategy(strategy) {
+		this._injector.get(SheetPermissionRenderManagerService).setProtectedRangeShadowStrategy(strategy);
+	}
+	getProtectedRangeShadowStrategy() {
+		return this._injector.get(SheetPermissionRenderManagerService).getProtectedRangeShadowStrategy();
+	}
+	getProtectedRangeShadowStrategy$() {
+		return this._injector.get(SheetPermissionRenderManagerService).getProtectedRangeShadowStrategy$();
+	}
+	setPermissionDialogVisible(visible) {
+		this._injector.get(IPermissionService).setShowComponents(visible);
+	}
+};
+FUniver.extend(FUniverSheetsUIMixin);
+
+//#endregion
+//#region src/facade/f-workbook.ts
+var FWorkbookSheetsUIMixin = class extends FWorkbook {
+	openSiderbar(params) {
+		this._logDeprecation("openSiderbar");
+		return this._injector.get(ISidebarService).open(params);
+	}
+	openDialog(dialog) {
+		this._logDeprecation("openDialog");
+		const disposable = this._injector.get(IDialogService).open({
+			...dialog,
+			onClose: () => {
+				disposable.dispose();
+			}
+		});
+		return disposable;
+	}
+	customizeColumnHeader(cfg) {
+		const unitId = this._workbook.getUnitId();
+		this._getSheetRenderComponent(unitId, SHEET_VIEW_KEY.COLUMN).setCustomHeader(cfg);
+	}
+	customizeRowHeader(cfg) {
+		const unitId = this._workbook.getUnitId();
+		this._getSheetRenderComponent(unitId, 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(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(ILogService).warn("[FWorkbook]", `${name} is deprecated. Please use the function of the same name on "FUniver".`);
+	}
+	onCellClick(callback) {
+		return toDisposable(this._injector.get(HoverManagerService).currentClickedCell$.pipe(filter((cell) => !!cell)).subscribe((cell) => {
+			callback(cell);
+		}));
+	}
+	onCellHover(callback) {
+		return toDisposable(this._injector.get(HoverManagerService).currentRichText$.pipe(filter((cell) => !!cell)).subscribe(callback));
+	}
+	onCellPointerDown(callback) {
+		return toDisposable(this._injector.get(HoverManagerService).currentPointerDownCell$.subscribe(callback));
+	}
+	onCellPointerUp(callback) {
+		return toDisposable(this._injector.get(HoverManagerService).currentPointerUpCell$.subscribe(callback));
+	}
+	onCellPointerMove(callback) {
+		return toDisposable(this._injector.get(HoverManagerService).currentCellPosWithEvent$.pipe(filter((cell) => !!cell)).subscribe((cell) => {
+			callback(cell, cell.event);
+		}));
+	}
+	onDragOver(callback) {
+		return toDisposable(this._injector.get(DragManagerService).currentCell$.pipe(filter((cell) => !!cell)).subscribe((cell) => {
+			callback(cell);
+		}));
+	}
+	onDrop(callback) {
+		return toDisposable(this._injector.get(DragManagerService).endCell$.pipe(filter((cell) => !!cell)).subscribe((cell) => {
+			callback(cell);
+		}));
+	}
+	startEditing() {
+		const commandService = this._injector.get(ICommandService);
+		if (this._injector.get(IEditorBridgeService).isVisible().visible) return true;
+		return commandService.syncExecuteCommand(SetCellEditVisibleOperation.id, {
+			eventType: DeviceInputEventType.Dblclick,
+			unitId: this._workbook.getUnitId(),
+			visible: true
+		});
+	}
+	async endEditing(save) {
+		const commandService = this._injector.get(ICommandService);
+		if (this._injector.get(IEditorBridgeService).isVisible().visible) commandService.syncExecuteCommand(SetCellEditVisibleOperation.id, {
+			eventType: DeviceInputEventType.Keyboard,
+			keycode: save ? KeyCode.ENTER : KeyCode.ESC,
+			visible: false,
+			unitId: this._workbook.getUnitId()
+		});
+		await awaitTime(0);
+		return true;
+	}
+	endEditingAsync(save = true) {
+		return this.endEditing(save);
+	}
+	abortEditingAsync() {
+		return this.endEditingAsync(false);
+	}
+	isCellEditing() {
+		return this._injector.get(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(IRenderManagerService).getRenderById(unitId);
+		if (!render) return null;
+		return render.with(SheetScrollManagerService).getScrollStateByParam({
+			unitId,
+			sheetId
+		});
+	}
+	disableSelection() {
+		const unitId = this._workbook.getUnitId();
+		const render = this._injector.get(IRenderManagerService).getRenderById(unitId);
+		if (render) render.with(ISheetSelectionRenderService).disableSelection();
+		return this;
+	}
+	enableSelection() {
+		const unitId = this._workbook.getUnitId();
+		const render = this._injector.get(IRenderManagerService).getRenderById(unitId);
+		if (render) render.with(ISheetSelectionRenderService).enableSelection();
+		return this;
+	}
+	transparentSelection() {
+		const unitId = this._workbook.getUnitId();
+		const render = this._injector.get(IRenderManagerService).getRenderById(unitId);
+		if (render) render.with(ISheetSelectionRenderService).transparentSelection();
+		return this;
+	}
+	showSelection() {
+		const unitId = this._workbook.getUnitId();
+		const render = this._injector.get(IRenderManagerService).getRenderById(unitId);
+		if (render) render.with(ISheetSelectionRenderService).showSelection();
+		return this;
+	}
+};
+FWorkbook.extend(FWorkbookSheetsUIMixin);
+
+//#endregion
+//#region src/facade/f-worksheet.ts
+var FWorksheetUIMixin = class extends FWorksheet {
+	refreshCanvas() {
+		const renderManagerService = this._injector.get(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(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(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 toDisposable(() => {
+			ids.forEach((id) => {
+				markSelectionService.removeShape(id);
+			});
+		});
+	}
+	zoom(zoomRatio) {
+		const commandService = this._injector.get(ICommandService);
+		const _zoomRatio = Math.min(Math.max(zoomRatio, .1), 4);
+		commandService.executeCommand(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(IRenderManagerService).getRenderById(unitId);
+		if (!render) return null;
+		const sk = render.with(SheetSkeletonManagerService).getCurrentSkeleton();
+		if (!sk) return null;
+		return sk.getVisibleRangeByViewport(SHEET_VIEWPORT_KEY.VIEW_MAIN);
+	}
+	getVisibleRangesOfAllViewports() {
+		const unitId = this._workbook.getUnitId();
+		const render = this._injector.get(IRenderManagerService).getRenderById(unitId);
+		if (!render) return null;
+		const sk = render.with(SheetSkeletonManagerService).getCurrentSkeleton();
+		if (!sk) return null;
+		return sk.getVisibleRanges();
+	}
+	scrollToCell(row, column, duration) {
+		const unitId = this._workbook.getUnitId();
+		const render = this._injector.get(IRenderManagerService).getRenderById(unitId);
+		if (render) (render === null || render === void 0 ? void 0 : render.with(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(IRenderManagerService).getRenderById(unitId);
+		if (!render) return emptyScrollState;
+		return render.with(SheetScrollManagerService).getScrollStateByParam({
+			unitId,
+			sheetId
+		}) || emptyScrollState;
+	}
+	onScroll(callback) {
+		var _renderManagerService;
+		const unitId = this._workbook.getUnitId();
+		const scrollManagerService = (_renderManagerService = this._injector.get(IRenderManagerService).getRenderById(unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(SheetScrollManagerService);
+		if (scrollManagerService) return toDisposable(scrollManagerService.validViewportScrollInfo$.subscribe((params) => {
+			callback(params);
+		}));
+		return toDisposable(() => {});
+	}
+	getSkeleton() {
+		var _this$_injector$get$g;
+		const service = (_this$_injector$get$g = this._injector.get(IRenderManagerService).getRenderById(this._workbook.getUnitId())) === null || _this$_injector$get$g === void 0 ? void 0 : _this$_injector$get$g.with(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(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(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(IRenderManagerService).getRenderById(unitId);
+		if (render && ((_cfg$headerStyle = cfg.headerStyle) === null || _cfg$headerStyle === void 0 ? void 0 : _cfg$headerStyle.size)) {
+			var _cfg$headerStyle2;
+			render.with(SheetSkeletonManagerService).setColumnHeaderSize(render, subUnitId, (_cfg$headerStyle2 = cfg.headerStyle) === null || _cfg$headerStyle2 === void 0 ? void 0 : _cfg$headerStyle2.size);
+		}
+		this._getSheetRenderComponent(unitId, 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(IRenderManagerService).getRenderById(unitId);
+		if (render && ((_cfg$headerStyle3 = cfg.headerStyle) === null || _cfg$headerStyle3 === void 0 ? void 0 : _cfg$headerStyle3.size)) {
+			var _cfg$headerStyle4;
+			render.with(SheetSkeletonManagerService).setRowHeaderSize(render, subUnitId, (_cfg$headerStyle4 = cfg.headerStyle) === null || _cfg$headerStyle4 === void 0 ? void 0 : _cfg$headerStyle4.size);
+		}
+		this._getSheetRenderComponent(unitId, SHEET_VIEW_KEY.ROW).setCustomHeader(cfg, subUnitId);
+	}
+	setColumnHeaderHeight(height) {
+		const unitId = this._workbook.getUnitId();
+		const subUnitId = this._worksheet.getSheetId();
+		this._commandService.executeCommand(SetColumnHeaderHeightCommand.id, {
+			unitId,
+			subUnitId,
+			size: height
+		});
+		return this;
+	}
+	setRowHeaderWidth(width) {
+		const unitId = this._workbook.getUnitId();
+		const subUnitId = this._worksheet.getSheetId();
+		this._commandService.executeCommand(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(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;
+	}
+};
+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 FWorkbookPermission {
+	setPermissionDialogVisible(visible) {
+		this._permissionService.setShowComponents(visible);
+	}
+};
+FWorkbookPermission.extend(FWorkbookPermissionSheetsUIMixin);
+
+//#endregion
+//#region src/facade/f-sheet-hooks.ts
+var FSheetHooksUIMixin = class extends FSheetHooks {
+	onCellPointerMove(callback) {
+		return toDisposable(this._injector.get(HoverManagerService).currentPosition$.subscribe(callback));
+	}
+	onCellPointerOver(callback) {
+		return toDisposable(this._injector.get(HoverManagerService).currentCell$.subscribe(callback));
+	}
+	onCellDragOver(callback) {
+		return toDisposable(this._injector.get(DragManagerService).currentCell$.subscribe(callback));
+	}
+	onCellDrop(callback) {
+		return toDisposable(this._injector.get(DragManagerService).endCell$.subscribe(callback));
+	}
+	onCellRender(customRender, effect = InterceptorEffectEnum.Style, priority = InterceptCellContentPriority.DATA_VALIDATION) {
+		return this._injector.get(SheetInterceptorService).intercept(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(ICommandService).beforeCommandExecuted((command) => {
+			const params = command.params;
+			if (command.id === SetCellEditVisibleOperation.id && params.visible) callback(params);
+		});
+	}
+	onAfterCellEdit(callback) {
+		return this._injector.get(ICommandService).onCommandExecuted((command) => {
+			const params = command.params;
+			if (command.id === SetCellEditVisibleOperation.id && !params.visible) callback(params);
+		});
+	}
+};
+FSheetHooks.extend(FSheetHooksUIMixin);
+
+//#endregion
+//#region src/facade/f-event.ts
+var FSheetsUIEventNameMixin = class extends 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";
+	}
+};
+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 FEnum {
+	get SHEET_VIEWPORT_KEY() {
+		return SHEET_VIEWPORT_KEY;
+	}
+};
+FEnum.extend(FSheetsUIEnumMixin);
+
+//#endregion
+//#region src/facade/f-range.ts
+var FRangeSheetsUIMixin = class extends FRange {
+	getCell() {
+		var _render$with$getSkele;
+		const renderManagerService = this._injector.get(IRenderManagerService);
+		const logService = this._injector.get(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(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(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(ComponentManager));
+		const disposePopup = this._injector.get(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(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(ComponentManager));
+		const disposePopup = this._injector.get(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(IMarkSelectionService);
+		const id = markSelectionService.addShape({
+			range: this._range,
+			style,
+			primary
+		});
+		if (!id) throw new Error("Failed to highlight current range");
+		return toDisposable(() => {
+			markSelectionService.removeShape(id);
+		});
+	}
+	showDropdown(param) {
+		return this._injector.get(ISheetCellDropdownManagerService).showDropdown(param);
+	}
+};
+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 DisposableCollection();
+	if (typeof componentKey === "string") key = componentKey;
+	else {
+		key = `External_${generateRandomId(6)}`;
+		disposableCollection.add(componentManager.register(key, componentKey, { framework: isVue3 ? "vue3" : "react" }));
+	}
+	return {
+		key,
+		disposableCollection
+	};
+}
+
+//#endregion
+export { FSheetsUIEnumMixin, transformComponentKey };