@univerjs/sheets-thread-comment-ui 0.20.1 → 0.21.0

package/lib/index.js

@@ -1 +1,1043 @@
-import{CommandType as e,DependentOn as t,Disposable as n,DisposableCollection as r,ICommandService as i,IConfigService as a,IUniverInstanceService as o,Inject as s,Injector as c,InterceptorEffectEnum as l,LocaleService as u,Plugin as d,RANGE_TYPE as f,Range as p,Rectangle as m,Tools as h,UniverInstanceType as g,merge as ee}from"@univerjs/core";import{INTERCEPTOR_POINT as te,RangeProtectionPermissionViewPoint as _,SetWorksheetActiveOperation as v,SheetInterceptorService as y,SheetPermissionCheckController as b,SheetsSelectionsService as ne,WorkbookCommentPermission as x,WorksheetViewPermission as S,getSheetCommandTarget as re}from"@univerjs/sheets";import{SheetsThreadCommentModel as C,UniverSheetsThreadCommentPlugin as ie}from"@univerjs/sheets-thread-comment";import{SetActiveCommentOperation as w,ThreadCommentPanel as ae,ThreadCommentPanelService as T,ThreadCommentTree as oe,ThreadCommentTreeLocation as se,UniverThreadCommentUIPlugin as ce,UniverThreadCommentUIPlugin as le}from"@univerjs/thread-comment-ui";import{ComponentManager as ue,ContextMenuGroup as de,ContextMenuPosition as fe,IMenuManagerService as pe,IShortcutService as me,ISidebarService as he,IZenZoneService as ge,KeyCode as _e,MenuItemType as E,MetaKeys as D,RibbonInsertGroup as ve,getMenuHiddenObservable as O,useDependency as k,useObservable as A}from"@univerjs/ui";import{COPY_TYPE as ye,CellPopupManagerService as be,HoverManagerService as xe,IEditorBridgeService as Se,IMarkSelectionService as j,ISheetClipboardService as Ce,ScrollToRangeOperation as we,SheetCanvasPopManagerService as Te,SheetSkeletonManagerService as Ee,getCurrentRangeDisable$ as M,whenSheetEditorFocused as De}from"@univerjs/sheets-ui";import{BehaviorSubject as Oe,debounceTime as N,map as ke}from"rxjs";import{IRenderManagerService as P}from"@univerjs/engine-render";import{serializeRange as Ae,singleReferenceToGrid as F}from"@univerjs/engine-formula";import{AddCommentCommand as je,AddCommentCommand as Me,AddCommentMutation as I,DeleteCommentCommand as Ne,DeleteCommentCommand as Pe,DeleteCommentMutation as L,DeleteCommentTreeCommand as Fe,DeleteCommentTreeCommand as Ie,IThreadCommentDataSourceService as Le,IThreadCommentDataSourceService as Re,ResolveCommentCommand as ze,ResolveCommentCommand as Be,UpdateCommentCommand as Ve,UpdateCommentCommand as He}from"@univerjs/thread-comment";import{CommentIcon as Ue}from"@univerjs/icons";import{jsx as R}from"react/jsx-runtime";import{useCallback as z,useEffect as We,useMemo as Ge,useRef as Ke}from"react";const qe=`univer.sheet.thread-comment-modal`,Je=`univer.sheet.thread-comment-panel`,Ye=`SHEET_THREAD_COMMENT_UI_PLUGIN`;function B(e){"@babel/helpers - typeof";return B=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},B(e)}function Xe(e,t){if(B(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(B(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function Ze(e){var t=Xe(e,`string`);return B(t)==`symbol`?t:t+``}function V(e,t,n){return(t=Ze(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function H(e,t){return function(n,r){t(n,r,e)}}function U(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}let W=class extends n{get activePopup(){return this._activePopup}constructor(e,t,n){super(),this._canvasPopupManagerService=e,this._zenZoneService=t,this._cellPopupManagerService=n,V(this,`_lastPopup`,null),V(this,`_activePopup`,void 0),V(this,`_activePopup$`,new Oe(null)),V(this,`activePopup$`,this._activePopup$.asObservable()),this._initZenVisible(),this.disposeWithMe(()=>{this._activePopup$.complete()})}_initZenVisible(){this.disposeWithMe(this._zenZoneService.visible$.subscribe(e=>{e&&this.hidePopup()}))}dispose(){super.dispose(),this.hidePopup()}showPopup(e,t){var n;let{row:i,col:a,unitId:o,subUnitId:s}=e;if(this._activePopup&&i===this._activePopup.row&&a===this._activePopup.col&&o===this._activePopup.unitId&&s===((n=this.activePopup)==null?void 0:n.subUnitId)){this._activePopup=e,this._activePopup$.next(e);return}if(this._lastPopup&&this._lastPopup.dispose(),this._zenZoneService.visible)return;this._activePopup=e,this._activePopup$.next(e);let c=this._cellPopupManagerService.showPopup({row:i,col:a,unitId:o,subUnitId:s},{componentKey:qe,onClickOutside:()=>{this.hidePopup()},direction:`horizontal`,excludeOutside:[...Array.from(document.querySelectorAll(`.univer-thread-comment`)),document.getElementById(`thread-comment-add`)].filter(Boolean),priority:2});if(!c)throw Error(`[SheetsThreadCommentPopupService]: cannot show popup!`);let l=new r;l.add(c),l.add({dispose:()=>{t==null||t()}}),this._lastPopup=l}hidePopup(){this._activePopup&&(this._lastPopup&&this._lastPopup.dispose(),this._lastPopup=null,this._activePopup=null,this._activePopup$.next(null))}persistPopup(){!this._activePopup||!this._activePopup.temp||(this._activePopup={...this._activePopup,temp:!1},this._activePopup$.next(this._activePopup))}};W=U([H(0,s(Te)),H(1,ge),H(2,s(be))],W);const G={type:e.OPERATION,id:`sheet.operation.show-comment-modal`,handler(e){var t;let n=e.get(ne),r=e.get(o),i=e.get(W),a=e.get(T),s=(t=n.getCurrentLastSelection())==null?void 0:t.primary,c=e.get(C);if(!s)return!1;let l=re(r);if(!l)return!1;let{workbook:u,worksheet:d,unitId:f,subUnitId:p}=l,m={workbook:u,worksheet:d,unitId:f,subUnitId:p,row:s.startRow,col:s.startColumn};i.showPopup(m);let h=c.getByLocation(f,p,s.startRow,s.startColumn);return h&&a.setActiveComment({unitId:f,subUnitId:p,commentId:h,trigger:`context-menu`}),!0}},K={id:`sheet.operation.toggle-comment-panel`,type:e.OPERATION,handler(e){let t=e.get(he),n=e.get(T);return n.panelVisible?(t.close(),n.setPanelVisible(!1)):(t.open({header:{title:`threadCommentUI.panel.title`},children:{label:Je},width:360}),n.setPanelVisible(!0)),!0}};var Qe=`@univerjs/sheets-thread-comment-ui`,$e=`0.20.1`;const et=`sheets-thread-comment.config`;Symbol(et);const tt={};let q=class extends n{constructor(e,t,n,r){super(),this._sheetInterceptorService=e,this._sheetsThreadCommentModel=t,this._univerInstanceService=n,this._renderManagerService=r,this._initViewModelIntercept(),this._initSkeletonChange()}_initViewModelIntercept(){this.disposeWithMe(this._sheetInterceptorService.intercept(te.CELL_CONTENT,{effect:l.Style,handler:(e,t,n)=>{let{row:r,col:i,unitId:a,subUnitId:o}=t;return this._sheetsThreadCommentModel.showCommentMarker(a,o,r,i)?((!e||e===t.rawData)&&(e={...t.rawData}),e.markers={...e==null?void 0:e.markers,tr:{color:`#FFBD37`,size:6}},n(e)):n(e)},priority:100}))}_initSkeletonChange(){let e=()=>{var e;let t=this._univerInstanceService.getCurrentUnitForType(g.UNIVER_SHEET);if(!t)return;let n=t.getUnitId(),r=this._renderManagerService.getRenderById(n);r==null||(e=r.mainComponent)==null||e.makeForceDirty()};this.disposeWithMe(this._sheetsThreadCommentModel.commentUpdate$.pipe(N(16)).subscribe(()=>{e()}))}};q=U([H(0,s(y)),H(1,s(C)),H(2,o),H(3,P)],q);const nt=(e,t,n)=>{let r=F(e),i=n.row-t.row,a=n.column-t.column;return Ae({startColumn:r.column+a,startRow:r.row+i,endColumn:r.column+a,endRow:r.row+i})};let J=class extends n{constructor(e,t,n){super(),this._sheetClipboardService=e,this._sheetsThreadCommentModel=t,this._threadCommentDataSourceService=n,V(this,`_copyInfo`,void 0),this._initClipboardHook()}_initClipboardHook(){this.disposeWithMe(this._sheetClipboardService.addClipboardHook({id:Ye,onBeforeCopy:(e,t,n)=>{this._copyInfo={unitId:e,subUnitId:t,range:n}},onPasteCells:(e,t,n,r)=>{let{unitId:i,subUnitId:a,range:o}=t,s={row:o.rows[0],column:o.cols[0]};if(r.copyType===ye.CUT&&this._copyInfo){let{range:e,unitId:t,subUnitId:n}=this._copyInfo,r={row:e.startRow,column:e.startColumn};if(!(i===t&&a===n)){let o=[];p.foreach(e,(e,r)=>{let i=this._sheetsThreadCommentModel.getAllByLocation(t,n,e,r);this._threadCommentDataSourceService.syncUpdateMutationToColla?i.forEach(e=>{o.push(e)}):i.forEach(({children:e,...t})=>{t.parentId||o.push(t)})});let c=[],l=[],u=[],d=[],f=e=>{c.unshift({id:L.id,params:{unitId:t,subUnitId:n,commentId:e.id}}),u.push({id:I.id,params:{unitId:i,subUnitId:a,comment:{...e,ref:nt(e.ref,r,s),unitId:i,subUnitId:a},sync:!0}}),l.push({id:I.id,params:{unitId:t,subUnitId:n,comment:e,sync:!0}}),d.unshift({id:L.id,params:{unitId:i,subUnitId:a,commentId:e.id}})};return o.forEach(e=>{f(e)}),{redos:[...c,...u],undos:[...d,...l]}}}return{redos:[],undos:[]}}}))}};J=U([H(0,s(Ce)),H(1,s(C)),H(2,Re)],J);let Y=class extends n{constructor(e,t,n,r){super(),this._hoverManagerService=e,this._sheetsThreadCommentPopupService=t,this._sheetsThreadCommentModel=n,this._sheetPermissionCheckController=r,this._initHoverEvent()}_initHoverEvent(){this.disposeWithMe(this._hoverManagerService.currentCell$.pipe(N(100)).subscribe(e=>{let t=this._sheetsThreadCommentPopupService.activePopup;if(e&&(t&&t.temp||!t)){let{location:n}=e,{unitId:r,subUnitId:i,row:a,col:o}=n,s=this._sheetsThreadCommentModel.getByLocation(r,i,a,o);if(s){if(!this._sheetPermissionCheckController.permissionCheckWithRanges({workbookTypes:[x],worksheetTypes:[S],rangeTypes:[_]},[{startRow:a,startColumn:o,endRow:a,endColumn:o}],r,i))return;let e=this._sheetsThreadCommentModel.getComment(r,i,s);e&&!e.resolved&&this._sheetsThreadCommentPopupService.showPopup({unitId:r,subUnitId:i,row:a,col:o,commentId:s,temp:!0})}else t&&this._sheetsThreadCommentPopupService.hidePopup()}}))}};Y=U([H(0,s(xe)),H(1,s(W)),H(2,s(C)),H(3,s(b))],Y);let X=class extends n{constructor(e,t,n,r){super(),this._localeService=e,this._commandService=t,this._sheetPermissionCheckController=n,this._sheetsThreadCommentModel=r,this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(e=>{let{id:t}=e;if(t===G.id||t===K.id)this._sheetPermissionCheckController.permissionCheckWithoutRange({workbookTypes:[x],worksheetTypes:[S]})||this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t(`permission.dialog.commentErr`));else if(t===Me.id){let{unitId:t,subUnitId:n,comment:r}=e.params,{row:i,column:a}=F(r.ref);this._sheetPermissionCheckController.permissionCheckWithRanges({workbookTypes:[x],worksheetTypes:[S],rangeTypes:[_]},[{startRow:i,startColumn:a,endRow:i,endColumn:a}],t,n)||this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t(`permission.dialog.commentErr`))}else if(t===He.id){let{unitId:t,subUnitId:n,payload:r}=e.params,{commentId:i}=r,a=this._sheetsThreadCommentModel.getComment(t,n,i);if(a){let{row:e,column:r}=F(a.ref);this._sheetPermissionCheckController.permissionCheckWithRanges({workbookTypes:[x],worksheetTypes:[S],rangeTypes:[_]},[{startRow:e,startColumn:r,endRow:e,endColumn:r}],t,n)||this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t(`permission.dialog.commentErr`))}}else if(t===Be.id||t===Pe.id||t===Ie.id){let{unitId:t,subUnitId:n,commentId:r}=e.params,i=this._sheetsThreadCommentModel.getComment(t,n,r);if(i){let{row:e,column:r}=F(i.ref);this._sheetPermissionCheckController.permissionCheckWithRanges({workbookTypes:[x],worksheetTypes:[S],rangeTypes:[_]},[{startRow:e,startColumn:r,endRow:e,endColumn:r}],t,n)||this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t(`permission.dialog.commentErr`))}}}))}};X=U([H(0,s(u)),H(1,i),H(2,s(b)),H(3,s(C))],X);let Z=class extends n{constructor(e,t,n,r,i,a,o,s,c,l){super(),this._commandService=e,this._sheetsThreadCommentPopupService=t,this._sheetsThreadCommentModel=n,this._threadCommentPanelService=r,this._univerInstanceService=i,this._sheetPermissionCheckController=a,this._markSelectionService=o,this._sheetSelectionService=s,this._editorBridgeService=c,this._renderManagerService=l,V(this,`_isSwitchToCommenting`,!1),V(this,`_selectionShapeInfo`,null),this._initCommandListener(),this._initPanelListener(),this._initMarkSelection(),this._initSelectionUpdateListener(),this._initEditorBridge()}_handleSelectionChange(e,t,n){var r,i,a;let o=(r=e[0])==null?void 0:r.range,s=this._renderManagerService.getRenderById(t),c=s==null||(i=s.with(Ee).getSkeletonParam(n))==null?void 0:i.skeleton;if(!c||!o)return;let l=c.getCellWithCoordByIndex(o.startRow,o.startColumn);if((((a=o.rangeType)==null?f.NORMAL:a)!==f.NORMAL||o.endColumn-o.startColumn>0||o.endRow-o.startRow>0)&&!((l.isMerged||l.isMergedMainCell)&&m.equals(l.mergeInfo,o))){this._threadCommentPanelService.activeCommentId&&this._commandService.executeCommand(w.id);return}let u=l.actualRow,d=l.actualColumn;if(!this._sheetsThreadCommentModel.showCommentMarker(t,n,u,d)){this._threadCommentPanelService.activeCommentId&&this._commandService.executeCommand(w.id);return}let p=this._sheetsThreadCommentModel.getByLocation(t,n,u,d);p&&this._commandService.executeCommand(w.id,{unitId:t,subUnitId:n,commentId:p})}_initSelectionUpdateListener(){this.disposeWithMe(this._sheetSelectionService.selectionMoveEnd$.subscribe(e=>{if(this._isSwitchToCommenting)return;let t=this._sheetSelectionService.currentSelectionParam;t&&this._handleSelectionChange(e,t.unitId,t.sheetId)}))}_initEditorBridge(){this.disposeWithMe(this._editorBridgeService.visible$.subscribe(e=>{e.visible&&this._sheetsThreadCommentPopupService.hidePopup()}))}_initCommandListener(){this._commandService.onCommandExecuted(e=>{if(e.id===L.id){let t=e.params,n=this._sheetsThreadCommentPopupService.activePopup;if(!n)return;let{unitId:r,subUnitId:i,commentId:a}=n;t.unitId===r&&t.subUnitId===i&&t.commentId===a&&this._sheetsThreadCommentPopupService.hidePopup()}})}_initPanelListener(){this.disposeWithMe(this._threadCommentPanelService.activeCommentId$.subscribe(async e=>{if(e){var t;let{unitId:n,subUnitId:r,commentId:i,trigger:a}=e,o=this._sheetsThreadCommentModel.getComment(n,r,i);if(!o||o.resolved)return;let s=this._univerInstanceService.getCurrentUnitForType(g.UNIVER_SHEET);if(!s||s.getUnitId()!==n)return;this._isSwitchToCommenting=!0,((t=s.getActiveSheet())==null?void 0:t.getSheetId())!==r&&await this._commandService.executeCommand(v.id,{unitId:n,subUnitId:r}),this._isSwitchToCommenting=!1;let c=F(o.ref),{row:l,column:u}=c;if(!this._sheetPermissionCheckController.permissionCheckWithRanges({workbookTypes:[x],worksheetTypes:[S],rangeTypes:[_]},[{startRow:l,startColumn:u,endRow:l,endColumn:u}],n,r)||(await this._commandService.executeCommand(we.id,{range:{startRow:Math.max(c.row-1,0),endRow:c.row+1,startColumn:Math.max(c.column-1,0),endColumn:c.column+1}}),this._editorBridgeService.isVisible().visible))return;this._sheetsThreadCommentPopupService.showPopup({unitId:n,subUnitId:r,row:c.row,col:c.column,commentId:o.id,trigger:a})}else this._sheetsThreadCommentPopupService.hidePopup()}))}_initMarkSelection(){this.disposeWithMe(this._threadCommentPanelService.activeCommentId$.pipe(N(100)).subscribe(e=>{var t,n;if(!e){this._selectionShapeInfo&&(this._markSelectionService.removeShape(this._selectionShapeInfo.shapeId),this._selectionShapeInfo=null);return}let{unitId:r,subUnitId:i,commentId:a}=e;this._selectionShapeInfo&&(this._markSelectionService.removeShape(this._selectionShapeInfo.shapeId),this._selectionShapeInfo=null);let o=this._sheetsThreadCommentModel.getComment(r,i,a);if(!o)return;let{row:s,column:c}=F(o.ref);if(Number.isNaN(s)||Number.isNaN(c))return null;let l=(t=this._univerInstanceService.getCurrentUnitForType(g.UNIVER_SHEET))==null?void 0:t.getSheetBySheetId(i),u=(n=l==null?void 0:l.getMergedCell(s,c))==null?{startColumn:c,endColumn:c,startRow:s,endRow:s}:n,d=this._markSelectionService.addShape({range:u,style:{fill:`rgba(255, 189, 55, 0.35)`,strokeWidth:1,stroke:`#FFBD37`,widgets:{}},primary:null},[],-1);d&&(this._selectionShapeInfo={...e,shapeId:d})}))}};Z=U([H(0,i),H(1,s(W)),H(2,s(C)),H(3,s(T)),H(4,o),H(5,s(b)),H(6,j),H(7,s(ne)),H(8,Se),H(9,P)],Z);const rt=e=>({id:G.id,type:E.BUTTON,icon:`CommentIcon`,title:`sheetThreadComment.menu.addComment`,hidden$:O(e,g.UNIVER_SHEET),disabled$:M(e,{workbookTypes:[x],worksheetTypes:[S],rangeTypes:[_]})}),it=e=>({id:K.id,type:E.BUTTON,icon:`CommentIcon`,tooltip:`sheetThreadComment.menu.commentManagement`,disabled$:M(e,{workbookTypes:[x],worksheetTypes:[S],rangeTypes:[_]}),hidden$:O(e,g.UNIVER_SHEET)}),at={id:G.id,binding:_e.M|D.CTRL_COMMAND|D.ALT,preconditions:De},ot={[ve.MEDIA]:{[K.id]:{order:2,menuItemFactory:it}},[fe.MAIN_AREA]:{[de.OTHERS]:{[G.id]:{order:0,menuItemFactory:rt}}}},st=()=>{let e=k(o),t=k(W),n=A(t.activePopup$),r=k(C);if(A(r.commentUpdate$),!n)return null;let{row:i,col:a,unitId:s,subUnitId:c,trigger:l}=n,u=r.getByLocation(s,c,i,a),d=`${h.chatAtABC(a)}${i+1}`;return R(oe,{onClick:()=>{t.persistPopup()},location:se.CELL,id:u,unitId:s,subUnitId:c,type:g.UNIVER_SHEET,refStr:d,onClose:()=>{t.hidePopup()},getSubUnitName:t=>{var n,r;return(n=(r=e.getCurrentUnitForType(g.UNIVER_SHEET))==null||(r=r.getSheetBySheetId(t))==null?void 0:r.getName())==null?``:n},autoFocus:l===`context-menu`})},ct=()=>{var e;let t=k(j),n=k(o),r=k(W),a=n.getCurrentUnitForType(g.UNIVER_SHEET),s=a.getUnitId(),c=k(i),l=Ge(()=>a.activeSheet$.pipe(ke(e=>e==null?void 0:e.getSheetId())),[a.activeSheet$]),u=A(l,(e=a.getActiveSheet())==null?void 0:e.getSheetId()),d=Ke(null),f=k(T),p=A(f.activeCommentId$),m=A(f.panelVisible$,f.panelVisible),h=z(e=>{let t=a.getSheets(),n={};t.forEach((e,t)=>{n[e.getSheetId()]=t});let r=e=>e.map(e=>{var t;let r=F(e.ref),i=[(t=n[e.subUnitId])==null?0:t,r.row,r.column];return{...e,p:i}}).sort((e,t)=>e.p[0]===t.p[0]?e.p[1]===t.p[1]?e.p[2]-t.p[2]:e.p[1]-t.p[1]:e.p[0]-t.p[0]);return[...r(e.filter(e=>!e.resolved)),...r(e.filter(e=>e.resolved))]},[a]),ee=z(e=>{if(e.unitId===s&&e.subUnitId===u&&!e.resolved){var n;let{row:r,column:i}=F(e.ref),o=a.getSheetBySheetId(e.subUnitId),s=(n=o==null?void 0:o.getMergedCell(r,i))==null?{startColumn:i,endColumn:i,startRow:r,endRow:r}:n;if(!Number.isNaN(r)&&!Number.isNaN(i))return t.addShape({range:s,style:{fill:`rgb(255, 189, 55, 0.35)`,strokeWidth:1,stroke:`#FFBD37`,widgets:{}},primary:null})}return null},[t,u,s]),te=e=>{var t,n;return(t=(n=a.getSheetBySheetId(e))==null?void 0:n.getName())==null?``:t},_=()=>{c.executeCommand(G.id)},v=e=>{p&&p.unitId===e.unitId&&p.subUnitId===e.subUnitId&&p.commentId===e.id||(d.current&&(t.removeShape(d.current),d.current=null),d.current=ee(e))},y=()=>{d.current&&(t.removeShape(d.current),d.current=null)};return We(()=>{!m&&d.current&&t.removeShape(d.current)},[t,m]),R(ae,{unitId:s,subUnitId$:l,type:g.UNIVER_SHEET,onAdd:_,getSubUnitName:te,onResolve:(e,t)=>{t&&r.hidePopup()},sortComments:h,onItemEnter:v,onItemLeave:y,onDeleteComment:()=>(y(),!0)})};let Q=class extends n{constructor(e,t,n){super(),this._menuManagerService=e,this._componentManager=t,this._shortcutService=n,this._initMenu(),this._initShortcut(),this._initComponent()}_initShortcut(){this._shortcutService.registerShortcut(at)}_initMenu(){this._menuManagerService.mergeMenu(ot)}_initComponent(){[[qe,st],[Je,ct],[`CommentIcon`,Ue]].forEach(([e,t])=>{this.disposeWithMe(this._componentManager.register(e,t))})}};Q=U([H(0,pe),H(1,s(ue)),H(2,me)],Q);let $=class extends d{constructor(e=tt,t,n,r){super(),this._config=e,this._injector=t,this._commandService=n,this._configService=r;let{menu:i,...a}=ee({},tt,this._config);i&&this._configService.setConfig(`menu`,i,{merge:!0}),this._configService.setConfig(et,a)}onStarting(){[[Q],[q],[J],[Y],[Z],[W],[X]].forEach(e=>{this._injector.add(e)}),[G,K].forEach(e=>{this._commandService.registerCommand(e)}),this._injector.get(Q)}onReady(){this._injector.get(q)}onRendered(){this._injector.get(J),this._injector.get(Y),this._injector.get(Z),this._injector.get(X)}};V($,`pluginName`,Ye),V($,`packageName`,Qe),V($,`version`,$e),V($,`type`,g.UNIVER_SHEET),$=U([t(le,ie),H(1,s(c)),H(2,s(i)),H(3,a)],$);export{je as AddCommentCommand,Ne as DeleteCommentCommand,Fe as DeleteCommentTreeCommand,Le as IThreadCommentDataSourceService,ze as ResolveCommentCommand,W as SheetsThreadCommentPopupService,G as ShowAddSheetCommentModalOperation,K as ToggleSheetCommentPanelOperation,$ as UniverSheetsThreadCommentUIPlugin,ce as UniverThreadCommentUIPlugin,Ve as UpdateCommentCommand};
+import { CommandType, DependentOn, Disposable, DisposableCollection, ICommandService, IConfigService, IUniverInstanceService, Inject, Injector, InterceptorEffectEnum, LocaleService, Plugin, RANGE_TYPE, Range, Rectangle, Tools, UniverInstanceType, merge } from "@univerjs/core";
+import { INTERCEPTOR_POINT, RangeProtectionPermissionViewPoint, SetWorksheetActiveOperation, SheetInterceptorService, SheetPermissionCheckController, SheetsSelectionsService, WorkbookCommentPermission, WorksheetViewPermission, getSheetCommandTarget } from "@univerjs/sheets";
+import { SheetsThreadCommentModel, UniverSheetsThreadCommentPlugin } from "@univerjs/sheets-thread-comment";
+import { SetActiveCommentOperation, ThreadCommentPanel, ThreadCommentPanelService, ThreadCommentTree, ThreadCommentTreeLocation, UniverThreadCommentUIPlugin, UniverThreadCommentUIPlugin as UniverThreadCommentUIPlugin$1 } from "@univerjs/thread-comment-ui";
+import { ComponentManager, ContextMenuGroup, ContextMenuPosition, IMenuManagerService, IShortcutService, ISidebarService, IZenZoneService, KeyCode, MenuItemType, MetaKeys, RibbonInsertGroup, getMenuHiddenObservable, useDependency, useObservable } from "@univerjs/ui";
+import { COPY_TYPE, CellPopupManagerService, HoverManagerService, IEditorBridgeService, IMarkSelectionService, ISheetClipboardService, ScrollToRangeOperation, SheetCanvasPopManagerService, SheetSkeletonManagerService, getCurrentRangeDisable$, whenSheetEditorFocused } from "@univerjs/sheets-ui";
+import { BehaviorSubject, debounceTime, map } from "rxjs";
+import { IRenderManagerService } from "@univerjs/engine-render";
+import { serializeRange, singleReferenceToGrid } from "@univerjs/engine-formula";
+import { AddCommentCommand, AddCommentCommand as AddCommentCommand$1, AddCommentMutation, DeleteCommentCommand, DeleteCommentCommand as DeleteCommentCommand$1, DeleteCommentMutation, DeleteCommentTreeCommand, DeleteCommentTreeCommand as DeleteCommentTreeCommand$1, IThreadCommentDataSourceService, IThreadCommentDataSourceService as IThreadCommentDataSourceService$1, ResolveCommentCommand, ResolveCommentCommand as ResolveCommentCommand$1, UpdateCommentCommand, UpdateCommentCommand as UpdateCommentCommand$1 } from "@univerjs/thread-comment";
+import { CommentIcon } from "@univerjs/icons";
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef } from "react";
+
+//#region src/types/const.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.
+*/
+const SHEETS_THREAD_COMMENT_MODAL = "univer.sheet.thread-comment-modal";
+const SHEETS_THREAD_COMMENT_PANEL = "univer.sheet.thread-comment-panel";
+const PLUGIN_NAME = "SHEET_THREAD_COMMENT_UI_PLUGIN";
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
+function _typeof(o) {
+	"@babel/helpers - typeof";
+	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
+		return typeof o;
+	} : function(o) {
+		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+	}, _typeof(o);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
+function toPrimitive(t, r) {
+	if ("object" != _typeof(t) || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || "default");
+		if ("object" != _typeof(i)) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return ("string" === r ? String : Number)(t);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
+function toPropertyKey(t) {
+	var i = toPrimitive(t, "string");
+	return "symbol" == _typeof(i) ? i : i + "";
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
+function _defineProperty(e, r, t) {
+	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+		value: t,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[r] = t, e;
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
+function __decorateParam(paramIndex, decorator) {
+	return function(target, key) {
+		decorator(target, key, paramIndex);
+	};
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
+function __decorate(decorators, target, key, desc) {
+	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+//#endregion
+//#region src/services/sheets-thread-comment-popup.service.ts
+let SheetsThreadCommentPopupService = class SheetsThreadCommentPopupService extends Disposable {
+	get activePopup() {
+		return this._activePopup;
+	}
+	constructor(_canvasPopupManagerService, _zenZoneService, _cellPopupManagerService) {
+		super();
+		this._canvasPopupManagerService = _canvasPopupManagerService;
+		this._zenZoneService = _zenZoneService;
+		this._cellPopupManagerService = _cellPopupManagerService;
+		_defineProperty(this, "_lastPopup", null);
+		_defineProperty(this, "_activePopup", void 0);
+		_defineProperty(this, "_activePopup$", new BehaviorSubject(null));
+		_defineProperty(this, "activePopup$", this._activePopup$.asObservable());
+		this._initZenVisible();
+		this.disposeWithMe(() => {
+			this._activePopup$.complete();
+		});
+	}
+	_initZenVisible() {
+		this.disposeWithMe(this._zenZoneService.visible$.subscribe((visible) => {
+			if (visible) this.hidePopup();
+		}));
+	}
+	dispose() {
+		super.dispose();
+		this.hidePopup();
+	}
+	showPopup(location, onHide) {
+		var _this$activePopup;
+		const { row, col, unitId, subUnitId } = location;
+		if (this._activePopup && row === this._activePopup.row && col === this._activePopup.col && unitId === this._activePopup.unitId && subUnitId === ((_this$activePopup = this.activePopup) === null || _this$activePopup === void 0 ? void 0 : _this$activePopup.subUnitId)) {
+			this._activePopup = location;
+			this._activePopup$.next(location);
+			return;
+		}
+		if (this._lastPopup) this._lastPopup.dispose();
+		if (this._zenZoneService.visible) return;
+		this._activePopup = location;
+		this._activePopup$.next(location);
+		const popupDisposable = this._cellPopupManagerService.showPopup({
+			row,
+			col,
+			unitId,
+			subUnitId
+		}, {
+			componentKey: SHEETS_THREAD_COMMENT_MODAL,
+			onClickOutside: () => {
+				this.hidePopup();
+			},
+			direction: "horizontal",
+			excludeOutside: [...Array.from(document.querySelectorAll(".univer-thread-comment")), document.getElementById("thread-comment-add")].filter(Boolean),
+			priority: 2
+		});
+		if (!popupDisposable) throw new Error("[SheetsThreadCommentPopupService]: cannot show popup!");
+		const disposableCollection = new DisposableCollection();
+		disposableCollection.add(popupDisposable);
+		disposableCollection.add({ dispose: () => {
+			onHide === null || onHide === void 0 || onHide();
+		} });
+		this._lastPopup = disposableCollection;
+	}
+	hidePopup() {
+		if (!this._activePopup) return;
+		if (this._lastPopup) this._lastPopup.dispose();
+		this._lastPopup = null;
+		this._activePopup = null;
+		this._activePopup$.next(null);
+	}
+	persistPopup() {
+		if (!this._activePopup || !this._activePopup.temp) return;
+		this._activePopup = {
+			...this._activePopup,
+			temp: false
+		};
+		this._activePopup$.next(this._activePopup);
+	}
+};
+SheetsThreadCommentPopupService = __decorate([
+	__decorateParam(0, Inject(SheetCanvasPopManagerService)),
+	__decorateParam(1, IZenZoneService),
+	__decorateParam(2, Inject(CellPopupManagerService))
+], SheetsThreadCommentPopupService);
+
+//#endregion
+//#region src/commands/operations/comment.operation.ts
+const ShowAddSheetCommentModalOperation = {
+	type: CommandType.OPERATION,
+	id: "sheet.operation.show-comment-modal",
+	handler(accessor) {
+		var _selectionManagerServ;
+		const selectionManagerService = accessor.get(SheetsSelectionsService);
+		const univerInstanceService = accessor.get(IUniverInstanceService);
+		const sheetsThreadCommentPopupService = accessor.get(SheetsThreadCommentPopupService);
+		const threadCommentPanelService = accessor.get(ThreadCommentPanelService);
+		const activeCell = (_selectionManagerServ = selectionManagerService.getCurrentLastSelection()) === null || _selectionManagerServ === void 0 ? void 0 : _selectionManagerServ.primary;
+		const model = accessor.get(SheetsThreadCommentModel);
+		if (!activeCell) return false;
+		const result = getSheetCommandTarget(univerInstanceService);
+		if (!result) return false;
+		const { workbook, worksheet, unitId, subUnitId } = result;
+		const location = {
+			workbook,
+			worksheet,
+			unitId,
+			subUnitId,
+			row: activeCell.startRow,
+			col: activeCell.startColumn
+		};
+		sheetsThreadCommentPopupService.showPopup(location);
+		const rootId = model.getByLocation(unitId, subUnitId, activeCell.startRow, activeCell.startColumn);
+		if (rootId) threadCommentPanelService.setActiveComment({
+			unitId,
+			subUnitId,
+			commentId: rootId,
+			trigger: "context-menu"
+		});
+		return true;
+	}
+};
+const ToggleSheetCommentPanelOperation = {
+	id: "sheet.operation.toggle-comment-panel",
+	type: CommandType.OPERATION,
+	handler(accessor) {
+		const sidebarService = accessor.get(ISidebarService);
+		const panelService = accessor.get(ThreadCommentPanelService);
+		if (panelService.panelVisible) {
+			sidebarService.close();
+			panelService.setPanelVisible(false);
+		} else {
+			sidebarService.open({
+				header: { title: "threadCommentUI.panel.title" },
+				children: { label: SHEETS_THREAD_COMMENT_PANEL },
+				width: 360
+			});
+			panelService.setPanelVisible(true);
+		}
+		return true;
+	}
+};
+
+//#endregion
+//#region package.json
+var name = "@univerjs/sheets-thread-comment-ui";
+var version = "0.21.0";
+
+//#endregion
+//#region src/config/config.ts
+const SHEETS_THREAD_COMMENT_UI_PLUGIN_CONFIG_KEY = "sheets-thread-comment.config";
+const configSymbol = Symbol(SHEETS_THREAD_COMMENT_UI_PLUGIN_CONFIG_KEY);
+const defaultPluginConfig = {};
+
+//#endregion
+//#region src/controllers/render-controllers/render.controller.ts
+let SheetsThreadCommentRenderController = class SheetsThreadCommentRenderController extends Disposable {
+	constructor(_sheetInterceptorService, _sheetsThreadCommentModel, _univerInstanceService, _renderManagerService) {
+		super();
+		this._sheetInterceptorService = _sheetInterceptorService;
+		this._sheetsThreadCommentModel = _sheetsThreadCommentModel;
+		this._univerInstanceService = _univerInstanceService;
+		this._renderManagerService = _renderManagerService;
+		this._initViewModelIntercept();
+		this._initSkeletonChange();
+	}
+	_initViewModelIntercept() {
+		this.disposeWithMe(this._sheetInterceptorService.intercept(INTERCEPTOR_POINT.CELL_CONTENT, {
+			effect: InterceptorEffectEnum.Style,
+			handler: (cell, pos, next) => {
+				const { row, col, unitId, subUnitId } = pos;
+				if (this._sheetsThreadCommentModel.showCommentMarker(unitId, subUnitId, row, col)) {
+					if (!cell || cell === pos.rawData) cell = { ...pos.rawData };
+					cell.markers = {
+						...cell === null || cell === void 0 ? void 0 : cell.markers,
+						tr: {
+							color: "#FFBD37",
+							size: 6
+						}
+					};
+					return next(cell);
+				}
+				return next(cell);
+			},
+			priority: 100
+		}));
+	}
+	_initSkeletonChange() {
+		const markSkeletonDirty = () => {
+			var _currentRender$mainCo;
+			const workbook = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+			if (!workbook) return;
+			const unitId = workbook.getUnitId();
+			const currentRender = this._renderManagerService.getRenderById(unitId);
+			currentRender === null || currentRender === void 0 || (_currentRender$mainCo = currentRender.mainComponent) === null || _currentRender$mainCo === void 0 || _currentRender$mainCo.makeForceDirty();
+		};
+		this.disposeWithMe(this._sheetsThreadCommentModel.commentUpdate$.pipe(debounceTime(16)).subscribe(() => {
+			markSkeletonDirty();
+		}));
+	}
+};
+SheetsThreadCommentRenderController = __decorate([
+	__decorateParam(0, Inject(SheetInterceptorService)),
+	__decorateParam(1, Inject(SheetsThreadCommentModel)),
+	__decorateParam(2, IUniverInstanceService),
+	__decorateParam(3, IRenderManagerService)
+], SheetsThreadCommentRenderController);
+
+//#endregion
+//#region src/controllers/sheets-thread-comment-copy-paste.controller.ts
+const transformRef = (ref, source, target) => {
+	const refObj = singleReferenceToGrid(ref);
+	const offsetRow = target.row - source.row;
+	const offsetCol = target.column - source.column;
+	return serializeRange({
+		startColumn: refObj.column + offsetCol,
+		startRow: refObj.row + offsetRow,
+		endColumn: refObj.column + offsetCol,
+		endRow: refObj.row + offsetRow
+	});
+};
+let SheetsThreadCommentCopyPasteController = class SheetsThreadCommentCopyPasteController extends Disposable {
+	constructor(_sheetClipboardService, _sheetsThreadCommentModel, _threadCommentDataSourceService) {
+		super();
+		this._sheetClipboardService = _sheetClipboardService;
+		this._sheetsThreadCommentModel = _sheetsThreadCommentModel;
+		this._threadCommentDataSourceService = _threadCommentDataSourceService;
+		_defineProperty(this, "_copyInfo", void 0);
+		this._initClipboardHook();
+	}
+	_initClipboardHook() {
+		this.disposeWithMe(this._sheetClipboardService.addClipboardHook({
+			id: PLUGIN_NAME,
+			onBeforeCopy: (unitId, subUnitId, range) => {
+				this._copyInfo = {
+					unitId,
+					subUnitId,
+					range
+				};
+			},
+			onPasteCells: (_pasteFrom, pasteTo, _data, payload) => {
+				const { unitId: targetUnitId, subUnitId: targetSubUnitId, range } = pasteTo;
+				const targetPos = {
+					row: range.rows[0],
+					column: range.cols[0]
+				};
+				if (payload.copyType === COPY_TYPE.CUT && this._copyInfo) {
+					const { range, unitId: sourceUnitId, subUnitId: sourceSubUnitId } = this._copyInfo;
+					const sourcePos = {
+						row: range.startRow,
+						column: range.startColumn
+					};
+					if (!(targetUnitId === sourceUnitId && targetSubUnitId === sourceSubUnitId)) {
+						const roots = [];
+						Range.foreach(range, (row, col) => {
+							const comments = this._sheetsThreadCommentModel.getAllByLocation(sourceUnitId, sourceSubUnitId, row, col);
+							if (this._threadCommentDataSourceService.syncUpdateMutationToColla) comments.forEach((comment) => {
+								roots.push(comment);
+							});
+							else comments.forEach(({ children, ...comment }) => {
+								if (!comment.parentId) roots.push(comment);
+							});
+						});
+						const sourceRedos = [];
+						const sourceUndos = [];
+						const targetRedos = [];
+						const targetUndos = [];
+						const handleCommentItem = (item) => {
+							sourceRedos.unshift({
+								id: DeleteCommentMutation.id,
+								params: {
+									unitId: sourceUnitId,
+									subUnitId: sourceSubUnitId,
+									commentId: item.id
+								}
+							});
+							targetRedos.push({
+								id: AddCommentMutation.id,
+								params: {
+									unitId: targetUnitId,
+									subUnitId: targetSubUnitId,
+									comment: {
+										...item,
+										ref: transformRef(item.ref, sourcePos, targetPos),
+										unitId: targetUnitId,
+										subUnitId: targetSubUnitId
+									},
+									sync: true
+								}
+							});
+							sourceUndos.push({
+								id: AddCommentMutation.id,
+								params: {
+									unitId: sourceUnitId,
+									subUnitId: sourceSubUnitId,
+									comment: item,
+									sync: true
+								}
+							});
+							targetUndos.unshift({
+								id: DeleteCommentMutation.id,
+								params: {
+									unitId: targetUnitId,
+									subUnitId: targetSubUnitId,
+									commentId: item.id
+								}
+							});
+						};
+						roots.forEach((root) => {
+							handleCommentItem(root);
+						});
+						return {
+							redos: [...sourceRedos, ...targetRedos],
+							undos: [...targetUndos, ...sourceUndos]
+						};
+					}
+				}
+				return {
+					redos: [],
+					undos: []
+				};
+			}
+		}));
+	}
+};
+SheetsThreadCommentCopyPasteController = __decorate([
+	__decorateParam(0, Inject(ISheetClipboardService)),
+	__decorateParam(1, Inject(SheetsThreadCommentModel)),
+	__decorateParam(2, IThreadCommentDataSourceService$1)
+], SheetsThreadCommentCopyPasteController);
+
+//#endregion
+//#region src/controllers/sheets-thread-comment-hover.controller.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.
+*/
+let SheetsThreadCommentHoverController = class SheetsThreadCommentHoverController extends Disposable {
+	constructor(_hoverManagerService, _sheetsThreadCommentPopupService, _sheetsThreadCommentModel, _sheetPermissionCheckController) {
+		super();
+		this._hoverManagerService = _hoverManagerService;
+		this._sheetsThreadCommentPopupService = _sheetsThreadCommentPopupService;
+		this._sheetsThreadCommentModel = _sheetsThreadCommentModel;
+		this._sheetPermissionCheckController = _sheetPermissionCheckController;
+		this._initHoverEvent();
+	}
+	_initHoverEvent() {
+		this.disposeWithMe(this._hoverManagerService.currentCell$.pipe(debounceTime(100)).subscribe((cell) => {
+			const currentPopup = this._sheetsThreadCommentPopupService.activePopup;
+			if (cell && (currentPopup && currentPopup.temp || !currentPopup)) {
+				const { location } = cell;
+				const { unitId, subUnitId, row, col } = location;
+				const commentId = this._sheetsThreadCommentModel.getByLocation(unitId, subUnitId, row, col);
+				if (commentId) {
+					if (!this._sheetPermissionCheckController.permissionCheckWithRanges({
+						workbookTypes: [WorkbookCommentPermission],
+						worksheetTypes: [WorksheetViewPermission],
+						rangeTypes: [RangeProtectionPermissionViewPoint]
+					}, [{
+						startRow: row,
+						startColumn: col,
+						endRow: row,
+						endColumn: col
+					}], unitId, subUnitId)) return;
+					const comment = this._sheetsThreadCommentModel.getComment(unitId, subUnitId, commentId);
+					if (comment && !comment.resolved) this._sheetsThreadCommentPopupService.showPopup({
+						unitId,
+						subUnitId,
+						row,
+						col,
+						commentId,
+						temp: true
+					});
+				} else if (currentPopup) this._sheetsThreadCommentPopupService.hidePopup();
+			}
+		}));
+	}
+};
+SheetsThreadCommentHoverController = __decorate([
+	__decorateParam(0, Inject(HoverManagerService)),
+	__decorateParam(1, Inject(SheetsThreadCommentPopupService)),
+	__decorateParam(2, Inject(SheetsThreadCommentModel)),
+	__decorateParam(3, Inject(SheetPermissionCheckController))
+], SheetsThreadCommentHoverController);
+
+//#endregion
+//#region src/controllers/sheets-thread-comment-permission.controller.ts
+let SheetsThreadCommentPermissionController = class SheetsThreadCommentPermissionController extends Disposable {
+	constructor(_localeService, _commandService, _sheetPermissionCheckController, _sheetsThreadCommentModel) {
+		super();
+		this._localeService = _localeService;
+		this._commandService = _commandService;
+		this._sheetPermissionCheckController = _sheetPermissionCheckController;
+		this._sheetsThreadCommentModel = _sheetsThreadCommentModel;
+		this._commandExecutedListener();
+	}
+	_commandExecutedListener() {
+		this.disposeWithMe(this._commandService.beforeCommandExecuted((command) => {
+			const { id } = command;
+			if (id === ShowAddSheetCommentModalOperation.id || id === ToggleSheetCommentPanelOperation.id) {
+				if (!this._sheetPermissionCheckController.permissionCheckWithoutRange({
+					workbookTypes: [WorkbookCommentPermission],
+					worksheetTypes: [WorksheetViewPermission]
+				})) this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.commentErr"));
+			} else if (id === AddCommentCommand$1.id) {
+				const { unitId, subUnitId, comment } = command.params;
+				const { row, column } = singleReferenceToGrid(comment.ref);
+				if (!this._sheetPermissionCheckController.permissionCheckWithRanges({
+					workbookTypes: [WorkbookCommentPermission],
+					worksheetTypes: [WorksheetViewPermission],
+					rangeTypes: [RangeProtectionPermissionViewPoint]
+				}, [{
+					startRow: row,
+					startColumn: column,
+					endRow: row,
+					endColumn: column
+				}], unitId, subUnitId)) this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.commentErr"));
+			} else if (id === UpdateCommentCommand$1.id) {
+				const { unitId, subUnitId, payload } = command.params;
+				const { commentId } = payload;
+				const comment = this._sheetsThreadCommentModel.getComment(unitId, subUnitId, commentId);
+				if (comment) {
+					const { row, column } = singleReferenceToGrid(comment.ref);
+					if (!this._sheetPermissionCheckController.permissionCheckWithRanges({
+						workbookTypes: [WorkbookCommentPermission],
+						worksheetTypes: [WorksheetViewPermission],
+						rangeTypes: [RangeProtectionPermissionViewPoint]
+					}, [{
+						startRow: row,
+						startColumn: column,
+						endRow: row,
+						endColumn: column
+					}], unitId, subUnitId)) this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.commentErr"));
+				}
+			} else if (id === ResolveCommentCommand$1.id || id === DeleteCommentCommand$1.id || id === DeleteCommentTreeCommand$1.id) {
+				const { unitId, subUnitId, commentId } = command.params;
+				const comment = this._sheetsThreadCommentModel.getComment(unitId, subUnitId, commentId);
+				if (comment) {
+					const { row, column } = singleReferenceToGrid(comment.ref);
+					if (!this._sheetPermissionCheckController.permissionCheckWithRanges({
+						workbookTypes: [WorkbookCommentPermission],
+						worksheetTypes: [WorksheetViewPermission],
+						rangeTypes: [RangeProtectionPermissionViewPoint]
+					}, [{
+						startRow: row,
+						startColumn: column,
+						endRow: row,
+						endColumn: column
+					}], unitId, subUnitId)) this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.commentErr"));
+				}
+			}
+		}));
+	}
+};
+SheetsThreadCommentPermissionController = __decorate([
+	__decorateParam(0, Inject(LocaleService)),
+	__decorateParam(1, ICommandService),
+	__decorateParam(2, Inject(SheetPermissionCheckController)),
+	__decorateParam(3, Inject(SheetsThreadCommentModel))
+], SheetsThreadCommentPermissionController);
+
+//#endregion
+//#region src/controllers/sheets-thread-comment-popup.controller.ts
+let SheetsThreadCommentPopupController = class SheetsThreadCommentPopupController extends Disposable {
+	constructor(_commandService, _sheetsThreadCommentPopupService, _sheetsThreadCommentModel, _threadCommentPanelService, _univerInstanceService, _sheetPermissionCheckController, _markSelectionService, _sheetSelectionService, _editorBridgeService, _renderManagerService) {
+		super();
+		this._commandService = _commandService;
+		this._sheetsThreadCommentPopupService = _sheetsThreadCommentPopupService;
+		this._sheetsThreadCommentModel = _sheetsThreadCommentModel;
+		this._threadCommentPanelService = _threadCommentPanelService;
+		this._univerInstanceService = _univerInstanceService;
+		this._sheetPermissionCheckController = _sheetPermissionCheckController;
+		this._markSelectionService = _markSelectionService;
+		this._sheetSelectionService = _sheetSelectionService;
+		this._editorBridgeService = _editorBridgeService;
+		this._renderManagerService = _renderManagerService;
+		_defineProperty(this, "_isSwitchToCommenting", false);
+		_defineProperty(this, "_selectionShapeInfo", null);
+		this._initCommandListener();
+		this._initPanelListener();
+		this._initMarkSelection();
+		this._initSelectionUpdateListener();
+		this._initEditorBridge();
+	}
+	_handleSelectionChange(selections, unitId, subUnitId) {
+		var _selections$, _render$with$getSkele, _range$rangeType;
+		const range = (_selections$ = selections[0]) === null || _selections$ === void 0 ? void 0 : _selections$.range;
+		const render = this._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) return;
+		if (!range) return;
+		const actualCell = skeleton.getCellWithCoordByIndex(range.startRow, range.startColumn);
+		if ((((_range$rangeType = range.rangeType) !== null && _range$rangeType !== void 0 ? _range$rangeType : RANGE_TYPE.NORMAL) !== RANGE_TYPE.NORMAL || range.endColumn - range.startColumn > 0 || range.endRow - range.startRow > 0) && !((actualCell.isMerged || actualCell.isMergedMainCell) && Rectangle.equals(actualCell.mergeInfo, range))) {
+			if (this._threadCommentPanelService.activeCommentId) this._commandService.executeCommand(SetActiveCommentOperation.id);
+			return;
+		}
+		const row = actualCell.actualRow;
+		const col = actualCell.actualColumn;
+		if (!this._sheetsThreadCommentModel.showCommentMarker(unitId, subUnitId, row, col)) {
+			if (this._threadCommentPanelService.activeCommentId) this._commandService.executeCommand(SetActiveCommentOperation.id);
+			return;
+		}
+		const commentId = this._sheetsThreadCommentModel.getByLocation(unitId, subUnitId, row, col);
+		if (commentId) this._commandService.executeCommand(SetActiveCommentOperation.id, {
+			unitId,
+			subUnitId,
+			commentId
+		});
+	}
+	_initSelectionUpdateListener() {
+		this.disposeWithMe(this._sheetSelectionService.selectionMoveEnd$.subscribe((selections) => {
+			if (this._isSwitchToCommenting) return;
+			const current = this._sheetSelectionService.currentSelectionParam;
+			if (!current) return;
+			this._handleSelectionChange(selections, current.unitId, current.sheetId);
+		}));
+	}
+	_initEditorBridge() {
+		this.disposeWithMe(this._editorBridgeService.visible$.subscribe((visible) => {
+			if (visible.visible) this._sheetsThreadCommentPopupService.hidePopup();
+		}));
+	}
+	_initCommandListener() {
+		this._commandService.onCommandExecuted((commandInfo) => {
+			if (commandInfo.id === DeleteCommentMutation.id) {
+				const params = commandInfo.params;
+				const active = this._sheetsThreadCommentPopupService.activePopup;
+				if (!active) return;
+				const { unitId, subUnitId, commentId } = active;
+				if (params.unitId === unitId && params.subUnitId === subUnitId && params.commentId === commentId) this._sheetsThreadCommentPopupService.hidePopup();
+			}
+		});
+	}
+	_initPanelListener() {
+		this.disposeWithMe(this._threadCommentPanelService.activeCommentId$.subscribe(async (commentInfo) => {
+			if (commentInfo) {
+				var _currentUnit$getActiv;
+				const { unitId, subUnitId, commentId, trigger } = commentInfo;
+				const comment = this._sheetsThreadCommentModel.getComment(unitId, subUnitId, commentId);
+				if (!comment || comment.resolved) return;
+				const currentUnit = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+				if (!currentUnit) return;
+				if (currentUnit.getUnitId() !== unitId) return;
+				this._isSwitchToCommenting = true;
+				if (((_currentUnit$getActiv = currentUnit.getActiveSheet()) === null || _currentUnit$getActiv === void 0 ? void 0 : _currentUnit$getActiv.getSheetId()) !== subUnitId) await this._commandService.executeCommand(SetWorksheetActiveOperation.id, {
+					unitId,
+					subUnitId
+				});
+				this._isSwitchToCommenting = false;
+				const location = singleReferenceToGrid(comment.ref);
+				const { row, column: col } = location;
+				if (!this._sheetPermissionCheckController.permissionCheckWithRanges({
+					workbookTypes: [WorkbookCommentPermission],
+					worksheetTypes: [WorksheetViewPermission],
+					rangeTypes: [RangeProtectionPermissionViewPoint]
+				}, [{
+					startRow: row,
+					startColumn: col,
+					endRow: row,
+					endColumn: col
+				}], unitId, subUnitId)) return;
+				const GAP = 1;
+				await this._commandService.executeCommand(ScrollToRangeOperation.id, { range: {
+					startRow: Math.max(location.row - GAP, 0),
+					endRow: location.row + GAP,
+					startColumn: Math.max(location.column - GAP, 0),
+					endColumn: location.column + GAP
+				} });
+				if (this._editorBridgeService.isVisible().visible) return;
+				this._sheetsThreadCommentPopupService.showPopup({
+					unitId,
+					subUnitId,
+					row: location.row,
+					col: location.column,
+					commentId: comment.id,
+					trigger
+				});
+			} else this._sheetsThreadCommentPopupService.hidePopup();
+		}));
+	}
+	_initMarkSelection() {
+		this.disposeWithMe(this._threadCommentPanelService.activeCommentId$.pipe(debounceTime(100)).subscribe((activeComment) => {
+			var _this$_univerInstance, _worksheet$getMergedC;
+			if (!activeComment) {
+				if (this._selectionShapeInfo) {
+					this._markSelectionService.removeShape(this._selectionShapeInfo.shapeId);
+					this._selectionShapeInfo = null;
+				}
+				return;
+			}
+			const { unitId, subUnitId, commentId } = activeComment;
+			if (this._selectionShapeInfo) {
+				this._markSelectionService.removeShape(this._selectionShapeInfo.shapeId);
+				this._selectionShapeInfo = null;
+			}
+			const comment = this._sheetsThreadCommentModel.getComment(unitId, subUnitId, commentId);
+			if (!comment) return;
+			const { row, column } = singleReferenceToGrid(comment.ref);
+			if (Number.isNaN(row) || Number.isNaN(column)) return null;
+			const worksheet = (_this$_univerInstance = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.getSheetBySheetId(subUnitId);
+			const mergeInfo = (_worksheet$getMergedC = worksheet === null || worksheet === void 0 ? void 0 : worksheet.getMergedCell(row, column)) !== null && _worksheet$getMergedC !== void 0 ? _worksheet$getMergedC : {
+				startColumn: column,
+				endColumn: column,
+				startRow: row,
+				endRow: row
+			};
+			const shapeId = this._markSelectionService.addShape({
+				range: mergeInfo,
+				style: {
+					fill: "rgba(255, 189, 55, 0.35)",
+					strokeWidth: 1,
+					stroke: "#FFBD37",
+					widgets: {}
+				},
+				primary: null
+			}, [], -1);
+			if (!shapeId) return;
+			this._selectionShapeInfo = {
+				...activeComment,
+				shapeId
+			};
+		}));
+	}
+};
+SheetsThreadCommentPopupController = __decorate([
+	__decorateParam(0, ICommandService),
+	__decorateParam(1, Inject(SheetsThreadCommentPopupService)),
+	__decorateParam(2, Inject(SheetsThreadCommentModel)),
+	__decorateParam(3, Inject(ThreadCommentPanelService)),
+	__decorateParam(4, IUniverInstanceService),
+	__decorateParam(5, Inject(SheetPermissionCheckController)),
+	__decorateParam(6, IMarkSelectionService),
+	__decorateParam(7, Inject(SheetsSelectionsService)),
+	__decorateParam(8, IEditorBridgeService),
+	__decorateParam(9, IRenderManagerService)
+], SheetsThreadCommentPopupController);
+
+//#endregion
+//#region src/menu/menu.ts
+const threadCommentMenuFactory = (accessor) => {
+	return {
+		id: ShowAddSheetCommentModalOperation.id,
+		type: MenuItemType.BUTTON,
+		icon: "CommentIcon",
+		title: "sheetThreadComment.menu.addComment",
+		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
+		disabled$: getCurrentRangeDisable$(accessor, {
+			workbookTypes: [WorkbookCommentPermission],
+			worksheetTypes: [WorksheetViewPermission],
+			rangeTypes: [RangeProtectionPermissionViewPoint]
+		})
+	};
+};
+const threadPanelMenuFactory = (accessor) => {
+	return {
+		id: ToggleSheetCommentPanelOperation.id,
+		type: MenuItemType.BUTTON,
+		icon: "CommentIcon",
+		tooltip: "sheetThreadComment.menu.commentManagement",
+		disabled$: getCurrentRangeDisable$(accessor, {
+			workbookTypes: [WorkbookCommentPermission],
+			worksheetTypes: [WorksheetViewPermission],
+			rangeTypes: [RangeProtectionPermissionViewPoint]
+		}),
+		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET)
+	};
+};
+const AddCommentShortcut = {
+	id: ShowAddSheetCommentModalOperation.id,
+	binding: KeyCode.M | MetaKeys.CTRL_COMMAND | MetaKeys.ALT,
+	preconditions: whenSheetEditorFocused
+};
+
+//#endregion
+//#region src/menu/schema.ts
+const menuSchema = {
+	[RibbonInsertGroup.MEDIA]: { [ToggleSheetCommentPanelOperation.id]: {
+		order: 2,
+		menuItemFactory: threadPanelMenuFactory
+	} },
+	[ContextMenuPosition.MAIN_AREA]: { [ContextMenuGroup.OTHERS]: { [ShowAddSheetCommentModalOperation.id]: {
+		order: 0,
+		menuItemFactory: threadCommentMenuFactory
+	} } }
+};
+
+//#endregion
+//#region src/views/sheets-thread-comment-cell/index.tsx
+const SheetsThreadCommentCell = () => {
+	const univerInstanceService = useDependency(IUniverInstanceService);
+	const sheetsThreadCommentPopupService = useDependency(SheetsThreadCommentPopupService);
+	const activePopup = useObservable(sheetsThreadCommentPopupService.activePopup$);
+	const sheetThreadCommentModel = useDependency(SheetsThreadCommentModel);
+	useObservable(sheetThreadCommentModel.commentUpdate$);
+	if (!activePopup) return null;
+	const { row, col, unitId, subUnitId, trigger } = activePopup;
+	const rootId = sheetThreadCommentModel.getByLocation(unitId, subUnitId, row, col);
+	const ref = `${Tools.chatAtABC(col)}${row + 1}`;
+	const onClose = () => {
+		sheetsThreadCommentPopupService.hidePopup();
+	};
+	const getSubUnitName = (id) => {
+		var _univerInstanceServic, _univerInstanceServic2;
+		return (_univerInstanceServic = (_univerInstanceServic2 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET)) === null || _univerInstanceServic2 === void 0 || (_univerInstanceServic2 = _univerInstanceServic2.getSheetBySheetId(id)) === null || _univerInstanceServic2 === void 0 ? void 0 : _univerInstanceServic2.getName()) !== null && _univerInstanceServic !== void 0 ? _univerInstanceServic : "";
+	};
+	return /* @__PURE__ */ jsx(ThreadCommentTree, {
+		onClick: () => {
+			sheetsThreadCommentPopupService.persistPopup();
+		},
+		location: ThreadCommentTreeLocation.CELL,
+		id: rootId,
+		unitId,
+		subUnitId,
+		type: UniverInstanceType.UNIVER_SHEET,
+		refStr: ref,
+		onClose,
+		getSubUnitName,
+		autoFocus: trigger === "context-menu"
+	});
+};
+
+//#endregion
+//#region src/views/sheets-thread-comment-panel/index.tsx
+const SheetsThreadCommentPanel = () => {
+	var _workbook$getActiveSh;
+	const markSelectionService = useDependency(IMarkSelectionService);
+	const univerInstanceService = useDependency(IUniverInstanceService);
+	const sheetsThreadCommentPopupService = useDependency(SheetsThreadCommentPopupService);
+	const workbook = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+	const unitId = workbook.getUnitId();
+	const commandService = useDependency(ICommandService);
+	const subUnitId$ = useMemo(() => workbook.activeSheet$.pipe(map((i) => i === null || i === void 0 ? void 0 : i.getSheetId())), [workbook.activeSheet$]);
+	const subUnitId = useObservable(subUnitId$, (_workbook$getActiveSh = workbook.getActiveSheet()) === null || _workbook$getActiveSh === void 0 ? void 0 : _workbook$getActiveSh.getSheetId());
+	const hoverShapeId = useRef(null);
+	const panelService = useDependency(ThreadCommentPanelService);
+	const activeCommentId = useObservable(panelService.activeCommentId$);
+	const panelVisible = useObservable(panelService.panelVisible$, panelService.panelVisible);
+	const sortComments = useCallback((comments) => {
+		const worksheets = workbook.getSheets();
+		const sheetIndex = {};
+		worksheets.forEach((sheet, i) => {
+			sheetIndex[sheet.getSheetId()] = i;
+		});
+		const sort = (comments) => {
+			return comments.map((comment) => {
+				var _sheetIndex$comment$s;
+				const ref = singleReferenceToGrid(comment.ref);
+				const p = [
+					(_sheetIndex$comment$s = sheetIndex[comment.subUnitId]) !== null && _sheetIndex$comment$s !== void 0 ? _sheetIndex$comment$s : 0,
+					ref.row,
+					ref.column
+				];
+				return {
+					...comment,
+					p
+				};
+			}).sort((pre, aft) => {
+				if (pre.p[0] === aft.p[0]) {
+					if (pre.p[1] === aft.p[1]) return pre.p[2] - aft.p[2];
+					return pre.p[1] - aft.p[1];
+				}
+				return pre.p[0] - aft.p[0];
+			});
+		};
+		return [...sort(comments.filter((comment) => !comment.resolved)), ...sort(comments.filter((comment) => comment.resolved))];
+	}, [workbook]);
+	const showShape = useCallback((comment) => {
+		if (comment.unitId === unitId && comment.subUnitId === subUnitId && !comment.resolved) {
+			var _worksheet$getMergedC;
+			const { row, column } = singleReferenceToGrid(comment.ref);
+			const worksheet = workbook.getSheetBySheetId(comment.subUnitId);
+			const mergeInfo = (_worksheet$getMergedC = worksheet === null || worksheet === void 0 ? void 0 : worksheet.getMergedCell(row, column)) !== null && _worksheet$getMergedC !== void 0 ? _worksheet$getMergedC : {
+				startColumn: column,
+				endColumn: column,
+				startRow: row,
+				endRow: row
+			};
+			if (!Number.isNaN(row) && !Number.isNaN(column)) return markSelectionService.addShape({
+				range: mergeInfo,
+				style: {
+					fill: "rgb(255, 189, 55, 0.35)",
+					strokeWidth: 1,
+					stroke: "#FFBD37",
+					widgets: {}
+				},
+				primary: null
+			});
+		}
+		return null;
+	}, [
+		markSelectionService,
+		subUnitId,
+		unitId
+	]);
+	const getSubUnitName = (id) => {
+		var _workbook$getSheetByS, _workbook$getSheetByS2;
+		return (_workbook$getSheetByS = (_workbook$getSheetByS2 = workbook.getSheetBySheetId(id)) === null || _workbook$getSheetByS2 === void 0 ? void 0 : _workbook$getSheetByS2.getName()) !== null && _workbook$getSheetByS !== void 0 ? _workbook$getSheetByS : "";
+	};
+	const handleAdd = () => {
+		commandService.executeCommand(ShowAddSheetCommentModalOperation.id);
+	};
+	const handleHover = (comment) => {
+		if (activeCommentId && activeCommentId.unitId === comment.unitId && activeCommentId.subUnitId === comment.subUnitId && activeCommentId.commentId === comment.id) return;
+		if (hoverShapeId.current) {
+			markSelectionService.removeShape(hoverShapeId.current);
+			hoverShapeId.current = null;
+		}
+		hoverShapeId.current = showShape(comment);
+	};
+	const handleLeave = () => {
+		if (hoverShapeId.current) {
+			markSelectionService.removeShape(hoverShapeId.current);
+			hoverShapeId.current = null;
+		}
+	};
+	const handleResolve = (id, resolved) => {
+		if (resolved) sheetsThreadCommentPopupService.hidePopup();
+	};
+	useEffect(() => {
+		if (!panelVisible && hoverShapeId.current) markSelectionService.removeShape(hoverShapeId.current);
+	}, [markSelectionService, panelVisible]);
+	return /* @__PURE__ */ jsx(ThreadCommentPanel, {
+		unitId,
+		subUnitId$,
+		type: UniverInstanceType.UNIVER_SHEET,
+		onAdd: handleAdd,
+		getSubUnitName,
+		onResolve: handleResolve,
+		sortComments,
+		onItemEnter: handleHover,
+		onItemLeave: handleLeave,
+		onDeleteComment: () => {
+			handleLeave();
+			return true;
+		}
+	});
+};
+
+//#endregion
+//#region src/controllers/sheets-thread-comment.controller.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.
+*/
+let SheetsThreadCommentController = class SheetsThreadCommentController extends Disposable {
+	constructor(_menuManagerService, _componentManager, _shortcutService) {
+		super();
+		this._menuManagerService = _menuManagerService;
+		this._componentManager = _componentManager;
+		this._shortcutService = _shortcutService;
+		this._initMenu();
+		this._initShortcut();
+		this._initComponent();
+	}
+	_initShortcut() {
+		this._shortcutService.registerShortcut(AddCommentShortcut);
+	}
+	_initMenu() {
+		this._menuManagerService.mergeMenu(menuSchema);
+	}
+	_initComponent() {
+		[
+			[SHEETS_THREAD_COMMENT_MODAL, SheetsThreadCommentCell],
+			[SHEETS_THREAD_COMMENT_PANEL, SheetsThreadCommentPanel],
+			["CommentIcon", CommentIcon]
+		].forEach(([key, comp]) => {
+			this.disposeWithMe(this._componentManager.register(key, comp));
+		});
+	}
+};
+SheetsThreadCommentController = __decorate([
+	__decorateParam(0, IMenuManagerService),
+	__decorateParam(1, Inject(ComponentManager)),
+	__decorateParam(2, IShortcutService)
+], SheetsThreadCommentController);
+
+//#endregion
+//#region src/plugin.ts
+let UniverSheetsThreadCommentUIPlugin = class UniverSheetsThreadCommentUIPlugin extends Plugin {
+	constructor(_config = defaultPluginConfig, _injector, _commandService, _configService) {
+		super();
+		this._config = _config;
+		this._injector = _injector;
+		this._commandService = _commandService;
+		this._configService = _configService;
+		const { menu, ...rest } = merge({}, defaultPluginConfig, this._config);
+		if (menu) this._configService.setConfig("menu", menu, { merge: true });
+		this._configService.setConfig(SHEETS_THREAD_COMMENT_UI_PLUGIN_CONFIG_KEY, rest);
+	}
+	onStarting() {
+		[
+			[SheetsThreadCommentController],
+			[SheetsThreadCommentRenderController],
+			[SheetsThreadCommentCopyPasteController],
+			[SheetsThreadCommentHoverController],
+			[SheetsThreadCommentPopupController],
+			[SheetsThreadCommentPopupService],
+			[SheetsThreadCommentPermissionController]
+		].forEach((dep) => {
+			this._injector.add(dep);
+		});
+		[ShowAddSheetCommentModalOperation, ToggleSheetCommentPanelOperation].forEach((command) => {
+			this._commandService.registerCommand(command);
+		});
+		this._injector.get(SheetsThreadCommentController);
+	}
+	onReady() {
+		this._injector.get(SheetsThreadCommentRenderController);
+	}
+	onRendered() {
+		this._injector.get(SheetsThreadCommentCopyPasteController);
+		this._injector.get(SheetsThreadCommentHoverController);
+		this._injector.get(SheetsThreadCommentPopupController);
+		this._injector.get(SheetsThreadCommentPermissionController);
+	}
+};
+_defineProperty(UniverSheetsThreadCommentUIPlugin, "pluginName", PLUGIN_NAME);
+_defineProperty(UniverSheetsThreadCommentUIPlugin, "packageName", name);
+_defineProperty(UniverSheetsThreadCommentUIPlugin, "version", version);
+_defineProperty(UniverSheetsThreadCommentUIPlugin, "type", UniverInstanceType.UNIVER_SHEET);
+UniverSheetsThreadCommentUIPlugin = __decorate([
+	DependentOn(UniverThreadCommentUIPlugin$1, UniverSheetsThreadCommentPlugin),
+	__decorateParam(1, Inject(Injector)),
+	__decorateParam(2, Inject(ICommandService)),
+	__decorateParam(3, IConfigService)
+], UniverSheetsThreadCommentUIPlugin);
+
+//#endregion
+export { AddCommentCommand, DeleteCommentCommand, DeleteCommentTreeCommand, IThreadCommentDataSourceService, ResolveCommentCommand, SheetsThreadCommentPopupService, ShowAddSheetCommentModalOperation, ToggleSheetCommentPanelOperation, UniverSheetsThreadCommentUIPlugin, UniverThreadCommentUIPlugin, UpdateCommentCommand };