@univerjs/docs-thread-comment-ui 0.2.5 → 0.2.7

package/lib/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";var ne=Object.defineProperty;var re=(e,t,n)=>t in e?ne(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var F=(e,t,n)=>re(e,typeof t!="symbol"?t+"":t,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@univerjs/core"),I=require("@univerjs/thread-comment-ui"),M=require("@univerjs/engine-render"),u=require("@univerjs/ui"),g=require("@univerjs/docs"),$=require("@univerjs/thread-comment"),p=require("react"),R=require("rxjs"),z=require("@univerjs/docs-ui"),ie="DOC_THREAD_COMMENT_UI_PLUGIN",O="default_doc";var h=function(){return h=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},h.apply(this,arguments)},oe=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]]);return n},X=p.forwardRef(function(e,t){var n=e.icon,r=e.id,i=e.className,c=e.extend,s=oe(e,["icon","id","className","extend"]),d="univerjs-icon univerjs-icon-".concat(r," ").concat(i||"").trim(),C=p.useRef("_".concat(ae()));return J(n,"".concat(r),{defIds:n.defIds,idSuffix:C.current},h({ref:t,className:d},s),c)});function J(e,t,n,r,i){return p.createElement(e.tag,h(h({key:t},ce(e,n,i)),r),(se(e,n).children||[]).map(function(c,s){return J(c,"".concat(t,"-").concat(e.tag,"-").concat(s),n,void 0,i)}))}function ce(e,t,n){var r=h({},e.attrs);n!=null&&n.colorChannel1&&r.fill==="colorChannel1"&&(r.fill=n.colorChannel1);var i=t.defIds;return!i||i.length===0||(e.tag==="use"&&r["xlink:href"]&&(r["xlink:href"]=r["xlink:href"]+t.idSuffix),Object.entries(r).forEach(function(c){var s=c[0],d=c[1];typeof d=="string"&&(r[s]=d.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))})),r}function se(e,t){var n,r=t.defIds;return!r||r.length===0?e:e.tag==="defs"&&(!((n=e.children)===null||n===void 0)&&n.length)?h(h({},e),{children:e.children.map(function(i){return typeof i.attrs.id=="string"&&r&&r.indexOf(i.attrs.id)>-1?h(h({},i),{attrs:h(h({},i.attrs),{id:i.attrs.id+t.idSuffix})}):i})}):e}function ae(){return Math.random().toString(36).substring(2,8)}X.displayName="UniverIcon";var de={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 17",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M5.83725 6.78345C6.22188 6.78345 6.53368 7.10742 6.53368 7.50706V8.41159C6.53368 8.81123 6.22188 9.13521 5.83725 9.13521C5.45263 9.13521 5.14082 8.81123 5.14082 8.41159V7.50706C5.14082 7.10742 5.45263 6.78345 5.83725 6.78345ZM8.73904 6.78345C9.12366 6.78345 9.43546 7.10742 9.43546 7.50706V8.41159C9.43546 8.81123 9.12366 9.13521 8.73904 9.13521C8.35441 9.13521 8.04261 8.81123 8.04261 8.41159V7.50706C8.04261 7.10742 8.35441 6.78345 8.73904 6.78345ZM11.6408 6.78345C12.0254 6.78345 12.3372 7.10742 12.3372 7.50706V8.41159C12.3372 8.81123 12.0254 9.13521 11.6408 9.13521C11.2562 9.13521 10.9444 8.81123 10.9444 8.41159V7.50706C10.9444 7.10742 11.2562 6.78345 11.6408 6.78345Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.83725 6.78345C6.22188 6.78345 6.53368 7.10742 6.53368 7.50706V8.41159C6.53368 8.81123 6.22188 9.13521 5.83725 9.13521 5.45263 9.13521 5.14082 8.81123 5.14082 8.41159V7.50706C5.14082 7.10742 5.45263 6.78345 5.83725 6.78345zM8.73904 6.78345C9.12366 6.78345 9.43546 7.10742 9.43546 7.50706V8.41159C9.43546 8.81123 9.12366 9.13521 8.73904 9.13521 8.35441 9.13521 8.04261 8.81123 8.04261 8.41159V7.50706C8.04261 7.10742 8.35441 6.78345 8.73904 6.78345zM11.6408 6.78345C12.0254 6.78345 12.3372 7.10742 12.3372 7.50706V8.41159C12.3372 8.81123 12.0254 9.13521 11.6408 9.13521 11.2562 9.13521 10.9444 8.81123 10.9444 8.41159V7.50706C10.9444 7.10742 11.2562 6.78345 11.6408 6.78345z"}},{tag:"path",attrs:{fill:"currentColor",d:"M1.84351 3.41861C1.84351 3.01861 2.15531 2.69434 2.53993 2.69434H14.9381C15.3228 2.69434 15.6346 3.01861 15.6346 3.41861V12.4611C15.6346 12.8612 15.3228 13.1854 14.9381 13.1854H8.82117L6.06643 14.6179C5.85054 14.7301 5.59416 14.7181 5.38884 14.5862C5.18352 14.4542 5.05855 14.2211 5.05855 13.9701V13.1854H2.53993C2.15531 13.1854 1.84351 12.8612 1.84351 12.4611L1.84351 3.41861ZM6.45141 12.7982L8.34531 12.0135C8.44201 11.9632 8.54864 11.9371 8.65676 11.9371H14.2417C14.3522 11.9371 14.4417 11.8475 14.4417 11.7371V4.14271C14.4417 4.03225 14.3522 3.94271 14.2417 3.94271H3.23636C3.12591 3.94271 3.03636 4.03225 3.03636 4.14271L3.03636 11.7371C3.03636 11.8475 3.12591 11.9371 3.23636 11.9371L5.75498 11.9371C6.1396 11.9371 6.45141 12.0611 6.45141 12.4611V12.7982Z",fillRule:"evenodd",clipRule:"evenodd"}}]},Q=p.forwardRef(function(e,t){return p.createElement(X,Object.assign({},e,{id:"comment-single",ref:t,icon:de}))});Q.displayName="CommentSingle";const H={id:"docs.command.add-comment",type:o.CommandType.COMMAND,async handler(e,t){if(!t)return!1;const{comment:n,unitId:r}=t,c=await e.get($.IThreadCommentDataSourceService).addComment(n),s=e.get(o.ICommandService),d=g.addCustomDecorationBySelectionFactory(e,{id:c.id,type:o.CustomDecorationType.COMMENT});if(d){const C={id:$.AddCommentCommand.id,params:{unitId:r,subUnitId:O,comment:c}},v={id:I.SetActiveCommentOperation.id,params:{unitId:r,subUnitId:O,commentId:c.id}};return(await o.sequenceExecuteAsync([C,d,v],s)).result}return!1}};var me=Object.defineProperty,le=Object.getOwnPropertyDescriptor,ue=(e,t,n,r)=>{for(var i=r>1?void 0:r?le(t,n):t,c=e.length-1,s;c>=0;c--)(s=e[c])&&(i=(r?s(t,n,i):s(i))||i);return r&&i&&me(t,n,i),i},G=(e,t)=>(n,r)=>t(n,r,e);let D=class extends o.Disposable{constructor(t,n){super();F(this,"_addingComment$",new R.BehaviorSubject(void 0));F(this,"addingComment$",this._addingComment$.asObservable());this._sidebarService=t,this._threadCommentPanelService=n,this.disposeWithMe(()=>{this._addingComment$.complete()})}get addingComment(){return this._addingComment$.getValue()}startAdd(t){this._addingComment$.next(t)}endAdd(){this._addingComment$.next(void 0)}};D=ue([G(0,u.ISidebarService),G(1,o.Inject(I.ThreadCommentPanelService))],D);const x={id:"docs.operation.show-comment-panel",type:o.CommandType.OPERATION,handler(e,t){const n=e.get(I.ThreadCommentPanelService),r=e.get(u.ISidebarService);return n.panelVisible||(r.open({header:{title:"threadCommentUI.panel.title"},children:{label:B.componentKey},width:320,onClose:()=>n.setPanelVisible(!1)}),n.setPanelVisible(!0)),t&&n.setActiveComment(t==null?void 0:t.activeComment),!0}},Y={id:"docs.operation.toggle-comment-panel",type:o.CommandType.OPERATION,handler(e){const t=e.get(I.ThreadCommentPanelService),n=e.get(u.ISidebarService);return t.panelVisible?(n.close(),t.setPanelVisible(!1),t.setActiveComment(null)):(n.open({header:{title:"threadCommentUI.panel.title"},children:{label:B.componentKey},width:320,onClose:()=>t.setPanelVisible(!1)}),t.setPanelVisible(!0)),!0}},L={id:"docs.operation.start-add-comment",type:o.CommandType.OPERATION,handler(e){var A,U;const t=e.get(I.ThreadCommentPanelService),r=e.get(o.IUniverInstanceService).getCurrentUnitForType(o.UniverInstanceType.UNIVER_DOC),i=e.get(g.TextSelectionManagerService),c=e.get(M.ITextSelectionRenderManager),s=e.get(o.UserManagerService),d=e.get(D),C=e.get(o.ICommandService),v=e.get(u.ISidebarService),a=i.getActiveRange();if(!r||!a)return!1;if(a.collapsed)return t.panelVisible?(t.setPanelVisible(!1),v.close()):C.executeCommand(x.id),!0;t.panelVisible||C.executeCommand(x.id);const f=r.getUnitId(),_=g.getSelectionText((U=(A=r.getBody())==null?void 0:A.dataStream)!=null?U:"",a.startOffset,a.endOffset),S=O,m="",l={unitId:f,subUnitId:S,id:m,ref:_,dT:I.getDT(),personId:s.getCurrentUser().userID,text:{dataStream:`\r
-`},startOffset:a.startOffset,endOffset:a.endOffset,collapsed:!0,threadId:m};return c.blurEditor(),d.startAdd(l),t.setActiveComment({unitId:f,subUnitId:S,commentId:m}),!0}},W={id:"docs.command.delete-comment",type:o.CommandType.COMMAND,async handler(e,t){if(!t)return!1;const{commentId:n,unitId:r}=t,i=e.get(o.ICommandService),c=g.deleteCustomDecorationFactory(e,{id:n,unitId:r});return c?(await o.sequenceExecute([c],i)).result:!1}},B=()=>{const e=o.useDependency(o.IUniverInstanceService),t=p.useMemo(()=>e.getCurrentTypeOfUnit$(o.UniverInstanceType.UNIVER_DOC),[e]),n=o.useObservable(t),r=p.useMemo(()=>new R.Observable(m=>m.next(O)),[]),i=o.useDependency(g.TextSelectionManagerService),c=p.useMemo(()=>i.textSelection$.pipe(R.debounceTime(16)),[i.textSelection$]);o.useObservable(c);const s=o.useDependency(o.ICommandService),d=o.useDependency(D),C=o.useObservable(d.addingComment$),[v,a]=p.useState([]);if(p.useEffect(()=>{var U;const m=new Set,l=n==null?void 0:n.getCustomDecorations();a((U=l==null?void 0:l.map(b=>b.id).filter(b=>{const E=m.has(b);return m.add(b),!E}))!=null?U:[]);const A=s.onCommandExecuted(b=>{var E;if(b.id===g.RichTextEditingMutation.id){const Z=new Set,q=n==null?void 0:n.getCustomDecorations();a((E=q==null?void 0:q.map(w=>w.id).filter(w=>{const te=Z.has(w);return Z.add(w),!te}))!=null?E:[])}});return()=>{A.dispose()}},[s,n]),!n)return null;const f=i.getActiveRange(),_=!!(f&&(f.endOffset===f.startOffset||f.segmentId)),S=n.getUnitId();return p.createElement(I.ThreadCommentPanel,{unitId:S,subUnitId$:r,type:o.UniverInstanceType.UNIVER_DOC,onAdd:()=>{s.executeCommand(L.id)},getSubUnitName:()=>"",disableAdd:_,tempComment:C,onAddComment:m=>{if(!m.parentId){const l={unitId:S,range:C,comment:m};return s.executeCommand(H.id,l),d.endAdd(),!1}return!0},onDeleteComment:m=>{if(!m.parentId){const l={unitId:S,commentId:m.id};return s.executeCommand(W.id,l),!1}return!0},showComments:v})};B.componentKey="univer.doc.thread-comment-panel";const Ce=e=>{const t=e.get(M.IRenderManagerService),n=e.get(g.TextSelectionManagerService),r=t.getCurrent(),i=r==null?void 0:r.with(g.DocSkeletonManagerService).getSkeleton(),c=i==null?void 0:i.getViewModel().getEditArea();if(c===M.DocumentEditArea.FOOTER||c===M.DocumentEditArea.HEADER)return!0;const s=n.getActiveRange();return!!(!s||s.collapsed)};function ve(e){return{id:L.id,group:u.MenuGroup.CONTEXT_MENU_DATA,type:u.MenuItemType.BUTTON,icon:"CommentSingle",title:"threadCommentUI.panel.addComment",tooltip:"threadCommentUI.panel.addComment",positions:[u.MenuPosition.CONTEXT_MENU],hidden$:u.getMenuHiddenObservable(e,o.UniverInstanceType.UNIVER_DOC),disabled$:new R.Observable(function(t){const r=e.get(g.TextSelectionManagerService).textSelection$.pipe(R.debounceTime(16)).subscribe(()=>{t.next(Ce(e))});return()=>{r.unsubscribe()}})}}function fe(e){return{id:Y.id,group:u.MenuGroup.CONTEXT_MENU_DATA,type:u.MenuItemType.BUTTON,icon:"CommentSingle",title:"threadCommentUI.panel.addComment",tooltip:"threadCommentUI.panel.addComment",positions:[u.MenuPosition.TOOLBAR_START],hidden$:u.getMenuHiddenObservable(e,o.UniverInstanceType.UNIVER_DOC)}}var he=Object.defineProperty,ge=Object.getOwnPropertyDescriptor,pe=(e,t,n,r)=>{for(var i=r>1?void 0:r?ge(t,n):t,c=e.length-1,s;c>=0;c--)(s=e[c])&&(i=(r?s(t,n,i):s(i))||i);return r&&i&&he(t,n,i),i},N=(e,t)=>(n,r)=>t(n,r,e);let P=class extends o.Disposable{constructor(e,t,n,r,i){super(),this._config=e,this._commandService=t,this._menuService=n,this._injector=r,this._componentManager=i,this._initCommands(),this._initMenus(),this._initComponents()}_initCommands(){[H,W,x,L,Y].forEach(e=>{this.disposeWithMe(this._commandService.registerCommand(e))})}_initMenus(){[ve,fe].forEach(e=>{this.disposeWithMe(this._menuService.addMenuItem(e(this._injector),this._config.menu))})}_initComponents(){[B].forEach(e=>{this.disposeWithMe(this._componentManager.register(e.componentKey,e))}),this.disposeWithMe(this._componentManager.register("CommentSingle",Q))}};P=pe([o.OnLifecycle(o.LifecycleStages.Rendered,P),N(1,o.ICommandService),N(2,u.IMenuService),N(3,o.Inject(o.Injector)),N(4,o.Inject(u.ComponentManager))],P);var Ie=Object.defineProperty,Se=Object.getOwnPropertyDescriptor,_e=(e,t,n,r)=>{for(var i=r>1?void 0:r?Se(t,n):t,c=e.length-1,s;c>=0;c--)(s=e[c])&&(i=(r?s(t,n,i):s(i))||i);return r&&i&&Ie(t,n,i),i},T=(e,t)=>(n,r)=>t(n,r,e);let V=class extends o.Disposable{constructor(e,t,n,r,i,c){super(),this._threadCommentPanelService=e,this._univerInstanceService=t,this._commandService=n,this._docThreadCommentService=r,this._renderManagerService=i,this._threadCommentModel=c,this._initSelectionChange(),this._initActiveCommandChange()}_initSelectionChange(){let e;this.disposeWithMe(this._commandService.onCommandExecuted(t=>{var n,r,i,c;if(t.id===g.SetTextSelectionsOperation.id){const s=t.params,{unitId:d,ranges:C}=s,v=this._univerInstanceService.getUnit(d,o.UniverInstanceType.UNIVER_DOC),a=C[0];if((e==null?void 0:e.startOffset)===(a==null?void 0:a.startOffset)&&(e==null?void 0:e.endOffset)===(a==null?void 0:a.endOffset))return;if(e=a,a&&v){const{startOffset:f,endOffset:_,collapsed:S}=a;let m;if(S?m=(r=(n=v.getBody())==null?void 0:n.customDecorations)==null?void 0:r.find(l=>l.startIndex<=f&&l.endIndex>=_-1):m=(c=(i=v.getBody())==null?void 0:i.customDecorations)==null?void 0:c.find(l=>l.startIndex<=f&&l.endIndex>=_-1),m){const l=this._threadCommentModel.getComment(d,O,m.id);l&&!l.resolved&&this._commandService.executeCommand(x.id,{activeComment:{unitId:d,subUnitId:O,commentId:m.id}});return}}this._commandService.executeCommand(I.SetActiveCommentOperation.id)}}))}_initActiveCommandChange(){this.disposeWithMe(this._threadCommentPanelService.activeCommentId$.subscribe(e=>{var t,n,r;if(e){const i=this._univerInstanceService.getUnit(e.unitId);if(i){const c=(t=this._renderManagerService.getRenderById(e.unitId))==null?void 0:t.with(z.DocBackScrollRenderController),s=(n=i.getCustomRanges())==null?void 0:n.find(d=>d.rangeId===e.commentId);s&&c&&c.scrollToRange(e.unitId,{startOffset:s.startIndex,endOffset:s.endIndex,collapsed:!1})}}(!e||e.commentId!==((r=this._docThreadCommentService.addingComment)==null?void 0:r.id))&&this._docThreadCommentService.endAdd()}))}};V=_e([o.OnLifecycle(o.LifecycleStages.Rendered,V),T(0,o.Inject(I.ThreadCommentPanelService)),T(1,o.IUniverInstanceService),T(2,o.ICommandService),T(3,o.Inject(D)),T(4,M.IRenderManagerService),T(5,o.Inject($.ThreadCommentModel))],V);var Oe=Object.defineProperty,be=Object.getOwnPropertyDescriptor,Te=(e,t,n,r)=>{for(var i=r>1?void 0:r?be(t,n):t,c=e.length-1,s;c>=0;c--)(s=e[c])&&(i=(r?s(t,n,i):s(i))||i);return r&&i&&Oe(t,n,i),i},y=(e,t)=>(n,r)=>t(n,r,e);let j=class extends o.Disposable{constructor(e,t,n,r,i,c){super(),this._context=e,this._docInterceptorService=t,this._threadCommentPanelService=n,this._docRenderController=r,this._univerInstanceService=i,this._threadCommentModel=c,this._interceptorViewModel(),this._initReRender()}_initReRender(){this.disposeWithMe(this._threadCommentPanelService.activeCommentId$.subscribe(e=>{var n;if(e){this._docRenderController.reRender(e.unitId);return}const t=(n=this._univerInstanceService.getCurrentUnitForType(o.UniverInstanceType.UNIVER_DOC))==null?void 0:n.getUnitId();t&&this._docRenderController.reRender(t)})),this.disposeWithMe(this._threadCommentModel.commentUpdate$.subscribe(e=>{e.type==="resolve"&&this._docRenderController.reRender(e.unitId)}))}_interceptorViewModel(){this._docInterceptorService.intercept(g.DOC_INTERCEPTOR_POINT.CUSTOM_DECORATION,{handler:(e,t,n)=>{if(!e)return n(e);const{unitId:r,index:i,customDecorations:c}=t,s=this._threadCommentPanelService.activeCommentId,{commentId:d,unitId:C}=s||{},v=c.find(S=>S.id===d),a=this._threadCommentModel.getComment(r,O,e.id);if(!a)return n({...e,show:!1});const f=v&&i>=v.startIndex&&i<=v.endIndex,_=C===r&&e.id===d;return n({...e,active:_||f,show:!a.resolved})}})}};j=Te([o.OnLifecycle(o.LifecycleStages.Starting,j),y(1,o.Inject(g.DocInterceptorService)),y(2,o.Inject(I.ThreadCommentPanelService)),y(3,o.Inject(z.DocRenderController)),y(4,o.IUniverInstanceService),y(5,o.Inject($.ThreadCommentModel))],j);var k=Object.defineProperty,Me=Object.getOwnPropertyDescriptor,De=(e,t,n)=>t in e?k(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Ue=(e,t,n,r)=>{for(var i=r>1?void 0:r?Me(t,n):t,c=e.length-1,s;c>=0;c--)(s=e[c])&&(i=(r?s(t,n,i):s(i))||i);return r&&i&&k(t,n,i),i},K=(e,t)=>(n,r)=>t(n,r,e),ee=(e,t,n)=>De(e,typeof t!="symbol"?t+"":t,n);exports.UniverDocsThreadCommentUIPlugin=class extends o.Plugin{constructor(t={menu:{}},n,r){super(),this._config=t,this._injector=n,this._renderManagerSrv=r}onStarting(t){[[P,{useFactory:()=>this._injector.createInstance(P,this._config)}],[V],[D]].forEach(n=>{t.add(n)})}onRendered(){this._initRenderModule()}_initRenderModule(){[j].forEach(t=>{this._renderManagerSrv.registerRenderModule(o.UniverInstanceType.UNIVER_DOC,t)})}};ee(exports.UniverDocsThreadCommentUIPlugin,"pluginName",ie);ee(exports.UniverDocsThreadCommentUIPlugin,"type",o.UniverInstanceType.UNIVER_DOC);exports.UniverDocsThreadCommentUIPlugin=Ue([o.DependentOn(I.UniverThreadCommentUIPlugin),K(1,o.Inject(o.Injector)),K(2,M.IRenderManagerService)],exports.UniverDocsThreadCommentUIPlugin);exports.AddDocCommentComment=H;exports.DeleteDocCommentComment=W;exports.ShowCommentPanelOperation=x;exports.StartAddCommentOperation=L;
+"use strict";var __defProp=Object.defineProperty;var __defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});var __publicField=(obj,key,value)=>__defNormalProp(obj,typeof key!="symbol"?key+"":key,value);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const core=require("@univerjs/core"),threadCommentUi=require("@univerjs/thread-comment-ui"),engineRender=require("@univerjs/engine-render"),ui=require("@univerjs/ui"),docs=require("@univerjs/docs"),threadComment=require("@univerjs/thread-comment"),React=require("react"),rxjs=require("rxjs"),docsUi=require("@univerjs/docs-ui"),PLUGIN_NAME="DOC_THREAD_COMMENT_UI_PLUGIN",DEFAULT_DOC_SUBUNIT_ID="default_doc";var __assign=function(){return __assign=Object.assign||function(t){for(var s,i=1,n=arguments.length;i<n;i++){s=arguments[i];for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&(t[p]=s[p])}return t},__assign.apply(this,arguments)},__rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},IconBase=React.forwardRef(function(props,ref){var icon=props.icon,id=props.id,className=props.className,extend=props.extend,restProps=__rest(props,["icon","id","className","extend"]),cls="univerjs-icon univerjs-icon-".concat(id," ").concat(className||"").trim(),idSuffix=React.useRef("_".concat(generateShortUuid()));return render(icon,"".concat(id),{defIds:icon.defIds,idSuffix:idSuffix.current},__assign({ref,className:cls},restProps),extend)});function render(node,id,runtimeProps,rootProps,extend){return React.createElement(node.tag,__assign(__assign({key:id},replaceRuntimeIdsAndExtInAttrs(node,runtimeProps,extend)),rootProps),(replaceRuntimeIdsInDefs(node,runtimeProps).children||[]).map(function(child,index){return render(child,"".concat(id,"-").concat(node.tag,"-").concat(index),runtimeProps,void 0,extend)}))}__name(render,"render");function replaceRuntimeIdsAndExtInAttrs(node,runtimeProps,extend){var attrs=__assign({},node.attrs);extend!=null&&extend.colorChannel1&&attrs.fill==="colorChannel1"&&(attrs.fill=extend.colorChannel1);var defIds=runtimeProps.defIds;return!defIds||defIds.length===0||(node.tag==="use"&&attrs["xlink:href"]&&(attrs["xlink:href"]=attrs["xlink:href"]+runtimeProps.idSuffix),Object.entries(attrs).forEach(function(_a6){var key=_a6[0],value=_a6[1];typeof value=="string"&&(attrs[key]=value.replace(/url\(#(.*)\)/,"url(#$1".concat(runtimeProps.idSuffix,")")))})),attrs}__name(replaceRuntimeIdsAndExtInAttrs,"replaceRuntimeIdsAndExtInAttrs");function replaceRuntimeIdsInDefs(node,runtimeProps){var _a6,defIds=runtimeProps.defIds;return!defIds||defIds.length===0?node:node.tag==="defs"&&(!((_a6=node.children)===null||_a6===void 0)&&_a6.length)?__assign(__assign({},node),{children:node.children.map(function(child){return typeof child.attrs.id=="string"&&defIds&&defIds.indexOf(child.attrs.id)>-1?__assign(__assign({},child),{attrs:__assign(__assign({},child.attrs),{id:child.attrs.id+runtimeProps.idSuffix})}):child})}):node}__name(replaceRuntimeIdsInDefs,"replaceRuntimeIdsInDefs");function generateShortUuid(){return Math.random().toString(36).substring(2,8)}__name(generateShortUuid,"generateShortUuid");IconBase.displayName="UniverIcon";var element={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 17",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M5.83725 6.78345C6.22188 6.78345 6.53368 7.10742 6.53368 7.50706V8.41159C6.53368 8.81123 6.22188 9.13521 5.83725 9.13521C5.45263 9.13521 5.14082 8.81123 5.14082 8.41159V7.50706C5.14082 7.10742 5.45263 6.78345 5.83725 6.78345ZM8.73904 6.78345C9.12366 6.78345 9.43546 7.10742 9.43546 7.50706V8.41159C9.43546 8.81123 9.12366 9.13521 8.73904 9.13521C8.35441 9.13521 8.04261 8.81123 8.04261 8.41159V7.50706C8.04261 7.10742 8.35441 6.78345 8.73904 6.78345ZM11.6408 6.78345C12.0254 6.78345 12.3372 7.10742 12.3372 7.50706V8.41159C12.3372 8.81123 12.0254 9.13521 11.6408 9.13521C11.2562 9.13521 10.9444 8.81123 10.9444 8.41159V7.50706C10.9444 7.10742 11.2562 6.78345 11.6408 6.78345Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.83725 6.78345C6.22188 6.78345 6.53368 7.10742 6.53368 7.50706V8.41159C6.53368 8.81123 6.22188 9.13521 5.83725 9.13521 5.45263 9.13521 5.14082 8.81123 5.14082 8.41159V7.50706C5.14082 7.10742 5.45263 6.78345 5.83725 6.78345zM8.73904 6.78345C9.12366 6.78345 9.43546 7.10742 9.43546 7.50706V8.41159C9.43546 8.81123 9.12366 9.13521 8.73904 9.13521 8.35441 9.13521 8.04261 8.81123 8.04261 8.41159V7.50706C8.04261 7.10742 8.35441 6.78345 8.73904 6.78345zM11.6408 6.78345C12.0254 6.78345 12.3372 7.10742 12.3372 7.50706V8.41159C12.3372 8.81123 12.0254 9.13521 11.6408 9.13521 11.2562 9.13521 10.9444 8.81123 10.9444 8.41159V7.50706C10.9444 7.10742 11.2562 6.78345 11.6408 6.78345z"}},{tag:"path",attrs:{fill:"currentColor",d:"M1.84351 3.41861C1.84351 3.01861 2.15531 2.69434 2.53993 2.69434H14.9381C15.3228 2.69434 15.6346 3.01861 15.6346 3.41861V12.4611C15.6346 12.8612 15.3228 13.1854 14.9381 13.1854H8.82117L6.06643 14.6179C5.85054 14.7301 5.59416 14.7181 5.38884 14.5862C5.18352 14.4542 5.05855 14.2211 5.05855 13.9701V13.1854H2.53993C2.15531 13.1854 1.84351 12.8612 1.84351 12.4611L1.84351 3.41861ZM6.45141 12.7982L8.34531 12.0135C8.44201 11.9632 8.54864 11.9371 8.65676 11.9371H14.2417C14.3522 11.9371 14.4417 11.8475 14.4417 11.7371V4.14271C14.4417 4.03225 14.3522 3.94271 14.2417 3.94271H3.23636C3.12591 3.94271 3.03636 4.03225 3.03636 4.14271L3.03636 11.7371C3.03636 11.8475 3.12591 11.9371 3.23636 11.9371L5.75498 11.9371C6.1396 11.9371 6.45141 12.0611 6.45141 12.4611V12.7982Z",fillRule:"evenodd",clipRule:"evenodd"}}]},CommentSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"comment-single",ref,icon:element}))});CommentSingle.displayName="CommentSingle";const AddDocCommentComment={id:"docs.command.add-comment",type:core.CommandType.COMMAND,async handler(accessor,params){if(!params)return!1;const{comment:originComment,unitId}=params,comment=await accessor.get(threadComment.IThreadCommentDataSourceService).addComment(originComment),commandService=accessor.get(core.ICommandService),doMutation=docs.addCustomDecorationBySelectionFactory(accessor,{id:comment.id,type:core.CustomDecorationType.COMMENT});if(doMutation){const addComment={id:threadComment.AddCommentMutation.id,params:{unitId,subUnitId:DEFAULT_DOC_SUBUNIT_ID,comment}},activeOperation={id:threadCommentUi.SetActiveCommentOperation.id,params:{unitId,subUnitId:DEFAULT_DOC_SUBUNIT_ID,commentId:comment.id}};return(await core.sequenceExecuteAsync([addComment,doMutation,activeOperation],commandService)).result}return!1}};var __defProp$4=Object.defineProperty,__getOwnPropDesc$4=Object.getOwnPropertyDescriptor,__decorateClass$4=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$4(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$4(target,key,result),result},"__decorateClass$4"),__decorateParam$4=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$4"),_a;let DocThreadCommentService=(_a=class extends core.Disposable{constructor(_sidebarService,_threadCommentPanelService){super();__publicField(this,"_addingComment$",new rxjs.BehaviorSubject(void 0));__publicField(this,"addingComment$",this._addingComment$.asObservable());this._sidebarService=_sidebarService,this._threadCommentPanelService=_threadCommentPanelService,this.disposeWithMe(()=>{this._addingComment$.complete()})}get addingComment(){return this._addingComment$.getValue()}startAdd(comment){this._addingComment$.next(comment)}endAdd(){this._addingComment$.next(void 0)}},__name(_a,"DocThreadCommentService"),_a);DocThreadCommentService=__decorateClass$4([__decorateParam$4(0,ui.ISidebarService),__decorateParam$4(1,core.Inject(threadCommentUi.ThreadCommentPanelService))],DocThreadCommentService);const ShowCommentPanelOperation={id:"docs.operation.show-comment-panel",type:core.CommandType.OPERATION,handler(accessor,params){const panelService=accessor.get(threadCommentUi.ThreadCommentPanelService),sidebarService=accessor.get(ui.ISidebarService);return panelService.panelVisible||(sidebarService.open({header:{title:"threadCommentUI.panel.title"},children:{label:DocThreadCommentPanel.componentKey},width:320,onClose:__name(()=>panelService.setPanelVisible(!1),"onClose")}),panelService.setPanelVisible(!0)),params&&panelService.setActiveComment(params==null?void 0:params.activeComment),!0}},ToggleCommentPanelOperation={id:"docs.operation.toggle-comment-panel",type:core.CommandType.OPERATION,handler(accessor){var _a6;const panelService=accessor.get(threadCommentUi.ThreadCommentPanelService),sidebarService=accessor.get(ui.ISidebarService);return!panelService.panelVisible||((_a6=sidebarService.options.children)==null?void 0:_a6.label)!==DocThreadCommentPanel.componentKey?(sidebarService.open({header:{title:"threadCommentUI.panel.title"},children:{label:DocThreadCommentPanel.componentKey},width:320,onClose:__name(()=>panelService.setPanelVisible(!1),"onClose")}),panelService.setPanelVisible(!0)):(sidebarService.close(),panelService.setPanelVisible(!1),panelService.setActiveComment(null)),!0}},StartAddCommentOperation={id:"docs.operation.start-add-comment",type:core.CommandType.OPERATION,handler(accessor){var _a6,_b;const panelService=accessor.get(threadCommentUi.ThreadCommentPanelService),doc=accessor.get(core.IUniverInstanceService).getCurrentUnitForType(core.UniverInstanceType.UNIVER_DOC),textSelectionManagerService=accessor.get(docs.TextSelectionManagerService),textSelectionRenderService=accessor.get(engineRender.ITextSelectionRenderManager),userManagerService=accessor.get(core.UserManagerService),docCommentService=accessor.get(DocThreadCommentService),commandService=accessor.get(core.ICommandService),sidebarService=accessor.get(ui.ISidebarService),textRange=textSelectionManagerService.getActiveTextRangeWithStyle();if(!doc||!textRange)return!1;if(textRange.collapsed)return panelService.panelVisible?(panelService.setPanelVisible(!1),sidebarService.close()):commandService.executeCommand(ShowCommentPanelOperation.id),!0;panelService.panelVisible||commandService.executeCommand(ShowCommentPanelOperation.id);const unitId=doc.getUnitId(),text=docs.getSelectionText((_b=(_a6=doc.getBody())==null?void 0:_a6.dataStream)!=null?_b:"",textRange.startOffset,textRange.endOffset),subUnitId=DEFAULT_DOC_SUBUNIT_ID,commentId="",comment={unitId,subUnitId,id:commentId,ref:text,dT:threadCommentUi.getDT(),personId:userManagerService.getCurrentUser().userID,text:{dataStream:`\r
+`},startOffset:textRange.startOffset,endOffset:textRange.endOffset,collapsed:!0,threadId:commentId};return textSelectionRenderService.blurEditor(),docCommentService.startAdd(comment),panelService.setActiveComment({unitId,subUnitId,commentId}),!0}},DeleteDocCommentComment={id:"docs.command.delete-comment",type:core.CommandType.COMMAND,async handler(accessor,params){if(!params)return!1;const{commentId,unitId}=params,commandService=accessor.get(core.ICommandService),doMutation=docs.deleteCustomDecorationFactory(accessor,{id:commentId,unitId});return doMutation?(await core.sequenceExecute([doMutation],commandService)).result:!1}},shouldDisableAddComment=__name(accessor=>{const renderManagerService=accessor.get(engineRender.IRenderManagerService),textSelectionManagerService=accessor.get(docs.TextSelectionManagerService),render2=renderManagerService.getCurrent(),skeleton=render2==null?void 0:render2.with(docs.DocSkeletonManagerService).getSkeleton(),editArea=skeleton==null?void 0:skeleton.getViewModel().getEditArea();if(editArea===engineRender.DocumentEditArea.FOOTER||editArea===engineRender.DocumentEditArea.HEADER)return!0;const range=textSelectionManagerService.getActiveTextRangeWithStyle();return!!(range==null||range.collapsed)},"shouldDisableAddComment");function AddDocCommentMenuItemFactory(accessor){return{id:StartAddCommentOperation.id,group:ui.MenuGroup.CONTEXT_MENU_DATA,type:ui.MenuItemType.BUTTON,icon:"CommentSingle",title:"threadCommentUI.panel.addComment",tooltip:"threadCommentUI.panel.addComment",positions:[ui.MenuPosition.CONTEXT_MENU],hidden$:ui.getMenuHiddenObservable(accessor,core.UniverInstanceType.UNIVER_DOC),disabled$:new rxjs.Observable(function(subscribe){const observer=accessor.get(docs.TextSelectionManagerService).textSelection$.pipe(rxjs.debounceTime(16)).subscribe(()=>{subscribe.next(shouldDisableAddComment(accessor))});return()=>{observer.unsubscribe()}})}}__name(AddDocCommentMenuItemFactory,"AddDocCommentMenuItemFactory");function ToolbarDocCommentMenuItemFactory(accessor){return{id:ToggleCommentPanelOperation.id,group:ui.MenuGroup.CONTEXT_MENU_DATA,type:ui.MenuItemType.BUTTON,icon:"CommentSingle",title:"threadCommentUI.panel.addComment",tooltip:"threadCommentUI.panel.addComment",positions:[ui.MenuPosition.TOOLBAR_START],hidden$:ui.getMenuHiddenObservable(accessor,core.UniverInstanceType.UNIVER_DOC)}}__name(ToolbarDocCommentMenuItemFactory,"ToolbarDocCommentMenuItemFactory");const DocThreadCommentPanel=__name(()=>{const univerInstanceService=core.useDependency(core.IUniverInstanceService),injector=core.useDependency(core.Injector),doc$=React.useMemo(()=>univerInstanceService.getCurrentTypeOfUnit$(core.UniverInstanceType.UNIVER_DOC),[univerInstanceService]),doc=core.useObservable(doc$),subUnitId$=React.useMemo(()=>new rxjs.Observable(sub=>sub.next(DEFAULT_DOC_SUBUNIT_ID)),[]),textSelectionManagerService=core.useDependency(docs.TextSelectionManagerService),selectionChange$=React.useMemo(()=>textSelectionManagerService.textSelection$.pipe(rxjs.debounceTime(16)),[textSelectionManagerService.textSelection$]);core.useObservable(selectionChange$);const commandService=core.useDependency(core.ICommandService),docCommentService=core.useDependency(DocThreadCommentService),tempComment=core.useObservable(docCommentService.addingComment$),[commentIds,setCommentIds]=React.useState([]);if(React.useEffect(()=>{var _a6;const set=new Set,customRanges=doc==null?void 0:doc.getCustomDecorations();setCommentIds((_a6=customRanges==null?void 0:customRanges.map(r=>r.id).filter(i=>{const hasRepeat=set.has(i);return set.add(i),!hasRepeat}))!=null?_a6:[]);const dispose=commandService.onCommandExecuted(command=>{var _a7;if(command.id===docs.RichTextEditingMutation.id){const set2=new Set,customRanges2=doc==null?void 0:doc.getCustomDecorations();setCommentIds((_a7=customRanges2==null?void 0:customRanges2.map(r=>r.id).filter(i=>{const hasRepeat=set2.has(i);return set2.add(i),!hasRepeat}))!=null?_a7:[])}});return()=>{dispose.dispose()}},[commandService,doc]),!doc)return null;const isInValidSelection=shouldDisableAddComment(injector),unitId=doc.getUnitId();return React.createElement(threadCommentUi.ThreadCommentPanel,{unitId,subUnitId$,type:core.UniverInstanceType.UNIVER_DOC,onAdd:__name(()=>{commandService.executeCommand(StartAddCommentOperation.id)},"onAdd"),getSubUnitName:__name(()=>"","getSubUnitName"),disableAdd:isInValidSelection,tempComment,onAddComment:__name(comment=>{if(!comment.parentId){const params={unitId,range:tempComment,comment};return commandService.executeCommand(AddDocCommentComment.id,params),docCommentService.endAdd(),!1}return!0},"onAddComment"),onDeleteComment:__name(comment=>{if(!comment.parentId){const params={unitId,commentId:comment.id};return commandService.executeCommand(DeleteDocCommentComment.id,params),!1}return!0},"onDeleteComment"),showComments:commentIds})},"DocThreadCommentPanel");DocThreadCommentPanel.componentKey="univer.doc.thread-comment-panel";var __defProp$3=Object.defineProperty,__getOwnPropDesc$3=Object.getOwnPropertyDescriptor,__decorateClass$3=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$3(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$3(target,key,result),result},"__decorateClass$3"),__decorateParam$3=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$3"),_a2;let DocThreadCommentUIController=(_a2=class extends core.Disposable{constructor(_config,_commandService,_menuService,_injector,_componentManager){super(),this._config=_config,this._commandService=_commandService,this._menuService=_menuService,this._injector=_injector,this._componentManager=_componentManager,this._initCommands(),this._initMenus(),this._initComponents()}_initCommands(){[AddDocCommentComment,DeleteDocCommentComment,ShowCommentPanelOperation,StartAddCommentOperation,ToggleCommentPanelOperation].forEach(command=>{this.disposeWithMe(this._commandService.registerCommand(command))})}_initMenus(){[AddDocCommentMenuItemFactory,ToolbarDocCommentMenuItemFactory].forEach(menuFactory=>{this.disposeWithMe(this._menuService.addMenuItem(menuFactory(this._injector),this._config.menu))})}_initComponents(){[DocThreadCommentPanel].forEach(comp=>{this.disposeWithMe(this._componentManager.register(comp.componentKey,comp))}),this.disposeWithMe(this._componentManager.register("CommentSingle",CommentSingle))}},__name(_a2,"DocThreadCommentUIController"),_a2);DocThreadCommentUIController=__decorateClass$3([core.OnLifecycle(core.LifecycleStages.Rendered,DocThreadCommentUIController),__decorateParam$3(1,core.ICommandService),__decorateParam$3(2,ui.IMenuService),__decorateParam$3(3,core.Inject(core.Injector)),__decorateParam$3(4,core.Inject(ui.ComponentManager))],DocThreadCommentUIController);var __defProp$2=Object.defineProperty,__getOwnPropDesc$2=Object.getOwnPropertyDescriptor,__decorateClass$2=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$2(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$2(target,key,result),result},"__decorateClass$2"),__decorateParam$2=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$2"),_a3;let DocThreadCommentSelectionController=(_a3=class extends core.Disposable{constructor(_threadCommentPanelService,_univerInstanceService,_commandService,_docThreadCommentService,_renderManagerService,_threadCommentModel){super(),this._threadCommentPanelService=_threadCommentPanelService,this._univerInstanceService=_univerInstanceService,this._commandService=_commandService,this._docThreadCommentService=_docThreadCommentService,this._renderManagerService=_renderManagerService,this._threadCommentModel=_threadCommentModel,this._initSelectionChange(),this._initActiveCommandChange()}_initSelectionChange(){let lastSelection;this.disposeWithMe(this._commandService.onCommandExecuted(commandInfo=>{var _a6,_b,_c,_d;if(commandInfo.id===docs.SetTextSelectionsOperation.id){const params=commandInfo.params,{unitId,ranges}=params,doc=this._univerInstanceService.getUnit(unitId,core.UniverInstanceType.UNIVER_DOC),primary=ranges[0];if((lastSelection==null?void 0:lastSelection.startOffset)===(primary==null?void 0:primary.startOffset)&&(lastSelection==null?void 0:lastSelection.endOffset)===(primary==null?void 0:primary.endOffset))return;if(lastSelection=primary,primary&&doc){const{startOffset,endOffset,collapsed}=primary;let customRange;if(collapsed?customRange=(_b=(_a6=doc.getBody())==null?void 0:_a6.customDecorations)==null?void 0:_b.find(value=>value.startIndex<=startOffset&&value.endIndex>=endOffset-1):customRange=(_d=(_c=doc.getBody())==null?void 0:_c.customDecorations)==null?void 0:_d.find(value=>value.startIndex<=startOffset&&value.endIndex>=endOffset-1),customRange){const comment=this._threadCommentModel.getComment(unitId,DEFAULT_DOC_SUBUNIT_ID,customRange.id);comment&&!comment.resolved&&this._commandService.executeCommand(ShowCommentPanelOperation.id,{activeComment:{unitId,subUnitId:DEFAULT_DOC_SUBUNIT_ID,commentId:customRange.id}});return}}if(!this._threadCommentPanelService.activeCommentId)return;this._commandService.executeCommand(threadCommentUi.SetActiveCommentOperation.id)}}))}_initActiveCommandChange(){this.disposeWithMe(this._threadCommentPanelService.activeCommentId$.subscribe(activeComment=>{var _a6,_b,_c;if(activeComment){const doc=this._univerInstanceService.getUnit(activeComment.unitId);if(doc){const backScrollController=(_a6=this._renderManagerService.getRenderById(activeComment.unitId))==null?void 0:_a6.with(docsUi.DocBackScrollRenderController),customRange=(_b=doc.getCustomRanges())==null?void 0:_b.find(range=>range.rangeId===activeComment.commentId);customRange&&backScrollController&&backScrollController.scrollToRange(activeComment.unitId,{startOffset:customRange.startIndex,endOffset:customRange.endIndex,collapsed:!1})}}(!activeComment||activeComment.commentId!==((_c=this._docThreadCommentService.addingComment)==null?void 0:_c.id))&&this._docThreadCommentService.endAdd()}))}},__name(_a3,"DocThreadCommentSelectionController"),_a3);DocThreadCommentSelectionController=__decorateClass$2([core.OnLifecycle(core.LifecycleStages.Rendered,DocThreadCommentSelectionController),__decorateParam$2(0,core.Inject(threadCommentUi.ThreadCommentPanelService)),__decorateParam$2(1,core.IUniverInstanceService),__decorateParam$2(2,core.ICommandService),__decorateParam$2(3,core.Inject(DocThreadCommentService)),__decorateParam$2(4,engineRender.IRenderManagerService),__decorateParam$2(5,core.Inject(threadComment.ThreadCommentModel))],DocThreadCommentSelectionController);var __defProp$1=Object.defineProperty,__getOwnPropDesc$1=Object.getOwnPropertyDescriptor,__decorateClass$1=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$1(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$1(target,key,result),result},"__decorateClass$1"),__decorateParam$1=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$1"),_a4;let DocThreadCommentRenderController=(_a4=class extends core.Disposable{constructor(_context,_docInterceptorService,_threadCommentPanelService,_docRenderController,_univerInstanceService,_threadCommentModel){super(),this._context=_context,this._docInterceptorService=_docInterceptorService,this._threadCommentPanelService=_threadCommentPanelService,this._docRenderController=_docRenderController,this._univerInstanceService=_univerInstanceService,this._threadCommentModel=_threadCommentModel,this._interceptorViewModel(),this._initReRender()}_initReRender(){this.disposeWithMe(this._threadCommentPanelService.activeCommentId$.subscribe(activeComment=>{var _a6;if(activeComment){this._docRenderController.reRender(activeComment.unitId);return}const unitId=(_a6=this._univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_DOC))==null?void 0:_a6.getUnitId();unitId&&this._docRenderController.reRender(unitId)})),this.disposeWithMe(this._threadCommentModel.commentUpdate$.subscribe(update=>{update.type==="resolve"&&this._docRenderController.reRender(update.unitId)}))}_interceptorViewModel(){this._docInterceptorService.intercept(docs.DOC_INTERCEPTOR_POINT.CUSTOM_DECORATION,{handler:__name((data,pos,next)=>{if(!data)return next(data);const{unitId,index,customDecorations}=pos,activeComment=this._threadCommentPanelService.activeCommentId,{commentId,unitId:commentUnitID}=activeComment||{},activeCustomDecoration=customDecorations.find(i=>i.id===commentId),comment=this._threadCommentModel.getComment(unitId,DEFAULT_DOC_SUBUNIT_ID,data.id);if(!comment)return next({...data,show:!1});const isActiveIndex=activeCustomDecoration&&index>=activeCustomDecoration.startIndex&&index<=activeCustomDecoration.endIndex,isActive=commentUnitID===unitId&&data.id===commentId;return next({...data,active:isActive||isActiveIndex,show:!comment.resolved})},"handler")})}},__name(_a4,"DocThreadCommentRenderController"),_a4);DocThreadCommentRenderController=__decorateClass$1([core.OnLifecycle(core.LifecycleStages.Starting,DocThreadCommentRenderController),__decorateParam$1(1,core.Inject(docs.DocInterceptorService)),__decorateParam$1(2,core.Inject(threadCommentUi.ThreadCommentPanelService)),__decorateParam$1(3,core.Inject(docsUi.DocRenderController)),__decorateParam$1(4,core.IUniverInstanceService),__decorateParam$1(5,core.Inject(threadComment.ThreadCommentModel))],DocThreadCommentRenderController);var __defProp2=Object.defineProperty,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__defNormalProp2=__name((obj,key,value)=>key in obj?__defProp2(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,"__defNormalProp"),__decorateClass=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp2(target,key,result),result},"__decorateClass"),__decorateParam=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam"),__publicField2=__name((obj,key,value)=>__defNormalProp2(obj,typeof key!="symbol"?key+"":key,value),"__publicField"),_a5;exports.UniverDocsThreadCommentUIPlugin=(_a5=class extends core.Plugin{constructor(_config={menu:{}},_injector,_renderManagerSrv){super(),this._config=_config,this._injector=_injector,this._renderManagerSrv=_renderManagerSrv}onStarting(){[[DocThreadCommentUIController,{useFactory:__name(()=>this._injector.createInstance(DocThreadCommentUIController,this._config),"useFactory")}],[DocThreadCommentSelectionController],[DocThreadCommentService]].forEach(dep=>{this._injector.add(dep)})}onRendered(){this._initRenderModule()}_initRenderModule(){[DocThreadCommentRenderController].forEach(dep=>{this._renderManagerSrv.registerRenderModule(core.UniverInstanceType.UNIVER_DOC,dep)})}},__name(_a5,"UniverDocsThreadCommentUIPlugin"),_a5);__publicField2(exports.UniverDocsThreadCommentUIPlugin,"pluginName",PLUGIN_NAME);__publicField2(exports.UniverDocsThreadCommentUIPlugin,"type",core.UniverInstanceType.UNIVER_DOC);exports.UniverDocsThreadCommentUIPlugin=__decorateClass([core.DependentOn(threadCommentUi.UniverThreadCommentUIPlugin),__decorateParam(1,core.Inject(core.Injector)),__decorateParam(2,engineRender.IRenderManagerService)],exports.UniverDocsThreadCommentUIPlugin);exports.AddDocCommentComment=AddDocCommentComment;exports.DeleteDocCommentComment=DeleteDocCommentComment;exports.ShowCommentPanelOperation=ShowCommentPanelOperation;exports.StartAddCommentOperation=StartAddCommentOperation;

package/lib/es/index.js

@@ -1,505 +1,515 @@
-var Se = Object.defineProperty;
-var Oe = (e, t, n) => t in e ? Se(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var Z = (e, t, n) => Oe(e, typeof t != "symbol" ? t + "" : t, n);
-import { CommandType as x, ICommandService as b, CustomDecorationType as be, sequenceExecuteAsync as Me, Inject as h, Disposable as j, IUniverInstanceService as B, UniverInstanceType as g, UserManagerService as De, sequenceExecute as Re, useDependency as E, useObservable as K, OnLifecycle as G, LifecycleStages as X, Injector as te, DependentOn as Te, Plugin as xe } from "@univerjs/core";
-import { SetActiveCommentOperation as ne, ThreadCommentPanelService as M, getDT as Pe, ThreadCommentPanel as Ue, UniverThreadCommentUIPlugin as ye } from "@univerjs/thread-comment-ui";
-import { ITextSelectionRenderManager as Ee, IRenderManagerService as q, DocumentEditArea as Y } from "@univerjs/engine-render";
-import { ISidebarService as L, MenuGroup as re, MenuItemType as ie, MenuPosition as oe, getMenuHiddenObservable as se, ComponentManager as Ae, IMenuService as Ne } from "@univerjs/ui";
-import { addCustomDecorationBySelectionFactory as Ve, TextSelectionManagerService as F, getSelectionText as we, deleteCustomDecorationFactory as $e, RichTextEditingMutation as je, DocSkeletonManagerService as Be, SetTextSelectionsOperation as Le, DocInterceptorService as Fe, DOC_INTERCEPTOR_POINT as We } from "@univerjs/docs";
-import { IThreadCommentDataSourceService as He, AddCommentCommand as Ze, ThreadCommentModel as ce } from "@univerjs/thread-comment";
-import Ke, { forwardRef as de, useRef as ze, createElement as ae, useMemo as z, useState as Ge, useEffect as Xe } from "react";
-import { BehaviorSubject as qe, Observable as me, debounceTime as le } from "rxjs";
-import { DocBackScrollRenderController as Je, DocRenderController as Qe } from "@univerjs/docs-ui";
-const Ye = "DOC_THREAD_COMMENT_UI_PLUGIN", _ = "default_doc";
-var C = function() {
-  return C = Object.assign || function(e) {
-    for (var t, n = 1, r = arguments.length; n < r; n++) {
-      t = arguments[n];
-      for (var i in t) Object.prototype.hasOwnProperty.call(t, i) && (e[i] = t[i]);
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
+import { CommandType, ICommandService, CustomDecorationType, sequenceExecuteAsync, Inject, Disposable, IUniverInstanceService, UniverInstanceType, UserManagerService, sequenceExecute, useDependency, Injector, useObservable, OnLifecycle, LifecycleStages, DependentOn, Plugin } from "@univerjs/core";
+import { SetActiveCommentOperation, ThreadCommentPanelService, getDT, ThreadCommentPanel, UniverThreadCommentUIPlugin } from "@univerjs/thread-comment-ui";
+import { ITextSelectionRenderManager, IRenderManagerService, DocumentEditArea } from "@univerjs/engine-render";
+import { ISidebarService, MenuGroup, MenuItemType, MenuPosition, getMenuHiddenObservable, ComponentManager, IMenuService } from "@univerjs/ui";
+import { addCustomDecorationBySelectionFactory, TextSelectionManagerService, getSelectionText, deleteCustomDecorationFactory, DocSkeletonManagerService, RichTextEditingMutation, SetTextSelectionsOperation, DocInterceptorService, DOC_INTERCEPTOR_POINT } from "@univerjs/docs";
+import { IThreadCommentDataSourceService, AddCommentMutation, ThreadCommentModel } from "@univerjs/thread-comment";
+import React, { forwardRef, useRef, createElement, useMemo, useState, useEffect } from "react";
+import { BehaviorSubject, Observable, debounceTime } from "rxjs";
+import { DocBackScrollRenderController, DocRenderController } from "@univerjs/docs-ui";
+const PLUGIN_NAME = "DOC_THREAD_COMMENT_UI_PLUGIN", DEFAULT_DOC_SUBUNIT_ID = "default_doc";
+var __assign = function() {
+  return __assign = Object.assign || function(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && (t[p] = s[p]);
     }
-    return e;
-  }, C.apply(this, arguments);
-}, ke = function(e, t) {
-  var n = {};
-  for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var i = 0, r = Object.getOwnPropertySymbols(e); i < r.length; i++)
-      t.indexOf(r[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[i]) && (n[r[i]] = e[r[i]]);
-  return n;
-}, ue = de(function(e, t) {
-  var n = e.icon, r = e.id, i = e.className, o = e.extend, s = ke(e, ["icon", "id", "className", "extend"]), d = "univerjs-icon univerjs-icon-".concat(r, " ").concat(i || "").trim(), l = ze("_".concat(nt()));
-  return fe(n, "".concat(r), { defIds: n.defIds, idSuffix: l.current }, C({ ref: t, className: d }, s), o);
+    return t;
+  }, __assign.apply(this, arguments);
+}, __rest = function(s, e) {
+  var t = {};
+  for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+  if (s != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++)
+      e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+  return t;
+}, IconBase = forwardRef(function(props, ref) {
+  var icon = props.icon, id = props.id, className = props.className, extend = props.extend, restProps = __rest(props, ["icon", "id", "className", "extend"]), cls = "univerjs-icon univerjs-icon-".concat(id, " ").concat(className || "").trim(), idSuffix = useRef("_".concat(generateShortUuid()));
+  return render(icon, "".concat(id), { defIds: icon.defIds, idSuffix: idSuffix.current }, __assign({ ref, className: cls }, restProps), extend);
 });
-function fe(e, t, n, r, i) {
-  return ae(e.tag, C(C({ key: t }, et(e, n, i)), r), (tt(e, n).children || []).map(function(o, s) {
-    return fe(o, "".concat(t, "-").concat(e.tag, "-").concat(s), n, void 0, i);
+function render(node, id, runtimeProps, rootProps, extend) {
+  return createElement(node.tag, __assign(__assign({ key: id }, replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend)), rootProps), (replaceRuntimeIdsInDefs(node, runtimeProps).children || []).map(function(child, index) {
+    return render(child, "".concat(id, "-").concat(node.tag, "-").concat(index), runtimeProps, void 0, extend);
   }));
 }
-function et(e, t, n) {
-  var r = C({}, e.attrs);
-  n != null && n.colorChannel1 && r.fill === "colorChannel1" && (r.fill = n.colorChannel1);
-  var i = t.defIds;
-  return !i || i.length === 0 || (e.tag === "use" && r["xlink:href"] && (r["xlink:href"] = r["xlink:href"] + t.idSuffix), Object.entries(r).forEach(function(o) {
-    var s = o[0], d = o[1];
-    typeof d == "string" && (r[s] = d.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
-  })), r;
+__name(render, "render");
+function replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend) {
+  var attrs = __assign({}, node.attrs);
+  extend != null && extend.colorChannel1 && attrs.fill === "colorChannel1" && (attrs.fill = extend.colorChannel1);
+  var defIds = runtimeProps.defIds;
+  return !defIds || defIds.length === 0 || (node.tag === "use" && attrs["xlink:href"] && (attrs["xlink:href"] = attrs["xlink:href"] + runtimeProps.idSuffix), Object.entries(attrs).forEach(function(_a6) {
+    var key = _a6[0], value = _a6[1];
+    typeof value == "string" && (attrs[key] = value.replace(/url\(#(.*)\)/, "url(#$1".concat(runtimeProps.idSuffix, ")")));
+  })), attrs;
 }
-function tt(e, t) {
-  var n, r = t.defIds;
-  return !r || r.length === 0 ? e : e.tag === "defs" && (!((n = e.children) === null || n === void 0) && n.length) ? C(C({}, e), { children: e.children.map(function(i) {
-    return typeof i.attrs.id == "string" && r && r.indexOf(i.attrs.id) > -1 ? C(C({}, i), { attrs: C(C({}, i.attrs), { id: i.attrs.id + t.idSuffix }) }) : i;
-  }) }) : e;
+__name(replaceRuntimeIdsAndExtInAttrs, "replaceRuntimeIdsAndExtInAttrs");
+function replaceRuntimeIdsInDefs(node, runtimeProps) {
+  var _a6, defIds = runtimeProps.defIds;
+  return !defIds || defIds.length === 0 ? node : node.tag === "defs" && (!((_a6 = node.children) === null || _a6 === void 0) && _a6.length) ? __assign(__assign({}, node), { children: node.children.map(function(child) {
+    return typeof child.attrs.id == "string" && defIds && defIds.indexOf(child.attrs.id) > -1 ? __assign(__assign({}, child), { attrs: __assign(__assign({}, child.attrs), { id: child.attrs.id + runtimeProps.idSuffix }) }) : child;
+  }) }) : node;
 }
-function nt() {
+__name(replaceRuntimeIdsInDefs, "replaceRuntimeIdsInDefs");
+function generateShortUuid() {
   return Math.random().toString(36).substring(2, 8);
 }
-ue.displayName = "UniverIcon";
-var rt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 17", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.83725 6.78345C6.22188 6.78345 6.53368 7.10742 6.53368 7.50706V8.41159C6.53368 8.81123 6.22188 9.13521 5.83725 9.13521C5.45263 9.13521 5.14082 8.81123 5.14082 8.41159V7.50706C5.14082 7.10742 5.45263 6.78345 5.83725 6.78345ZM8.73904 6.78345C9.12366 6.78345 9.43546 7.10742 9.43546 7.50706V8.41159C9.43546 8.81123 9.12366 9.13521 8.73904 9.13521C8.35441 9.13521 8.04261 8.81123 8.04261 8.41159V7.50706C8.04261 7.10742 8.35441 6.78345 8.73904 6.78345ZM11.6408 6.78345C12.0254 6.78345 12.3372 7.10742 12.3372 7.50706V8.41159C12.3372 8.81123 12.0254 9.13521 11.6408 9.13521C11.2562 9.13521 10.9444 8.81123 10.9444 8.41159V7.50706C10.9444 7.10742 11.2562 6.78345 11.6408 6.78345Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M5.83725 6.78345C6.22188 6.78345 6.53368 7.10742 6.53368 7.50706V8.41159C6.53368 8.81123 6.22188 9.13521 5.83725 9.13521 5.45263 9.13521 5.14082 8.81123 5.14082 8.41159V7.50706C5.14082 7.10742 5.45263 6.78345 5.83725 6.78345zM8.73904 6.78345C9.12366 6.78345 9.43546 7.10742 9.43546 7.50706V8.41159C9.43546 8.81123 9.12366 9.13521 8.73904 9.13521 8.35441 9.13521 8.04261 8.81123 8.04261 8.41159V7.50706C8.04261 7.10742 8.35441 6.78345 8.73904 6.78345zM11.6408 6.78345C12.0254 6.78345 12.3372 7.10742 12.3372 7.50706V8.41159C12.3372 8.81123 12.0254 9.13521 11.6408 9.13521 11.2562 9.13521 10.9444 8.81123 10.9444 8.41159V7.50706C10.9444 7.10742 11.2562 6.78345 11.6408 6.78345z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.84351 3.41861C1.84351 3.01861 2.15531 2.69434 2.53993 2.69434H14.9381C15.3228 2.69434 15.6346 3.01861 15.6346 3.41861V12.4611C15.6346 12.8612 15.3228 13.1854 14.9381 13.1854H8.82117L6.06643 14.6179C5.85054 14.7301 5.59416 14.7181 5.38884 14.5862C5.18352 14.4542 5.05855 14.2211 5.05855 13.9701V13.1854H2.53993C2.15531 13.1854 1.84351 12.8612 1.84351 12.4611L1.84351 3.41861ZM6.45141 12.7982L8.34531 12.0135C8.44201 11.9632 8.54864 11.9371 8.65676 11.9371H14.2417C14.3522 11.9371 14.4417 11.8475 14.4417 11.7371V4.14271C14.4417 4.03225 14.3522 3.94271 14.2417 3.94271H3.23636C3.12591 3.94271 3.03636 4.03225 3.03636 4.14271L3.03636 11.7371C3.03636 11.8475 3.12591 11.9371 3.23636 11.9371L5.75498 11.9371C6.1396 11.9371 6.45141 12.0611 6.45141 12.4611V12.7982Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Ce = de(function(e, t) {
-  return ae(ue, Object.assign({}, e, {
+__name(generateShortUuid, "generateShortUuid");
+IconBase.displayName = "UniverIcon";
+var element = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 17", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.83725 6.78345C6.22188 6.78345 6.53368 7.10742 6.53368 7.50706V8.41159C6.53368 8.81123 6.22188 9.13521 5.83725 9.13521C5.45263 9.13521 5.14082 8.81123 5.14082 8.41159V7.50706C5.14082 7.10742 5.45263 6.78345 5.83725 6.78345ZM8.73904 6.78345C9.12366 6.78345 9.43546 7.10742 9.43546 7.50706V8.41159C9.43546 8.81123 9.12366 9.13521 8.73904 9.13521C8.35441 9.13521 8.04261 8.81123 8.04261 8.41159V7.50706C8.04261 7.10742 8.35441 6.78345 8.73904 6.78345ZM11.6408 6.78345C12.0254 6.78345 12.3372 7.10742 12.3372 7.50706V8.41159C12.3372 8.81123 12.0254 9.13521 11.6408 9.13521C11.2562 9.13521 10.9444 8.81123 10.9444 8.41159V7.50706C10.9444 7.10742 11.2562 6.78345 11.6408 6.78345Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M5.83725 6.78345C6.22188 6.78345 6.53368 7.10742 6.53368 7.50706V8.41159C6.53368 8.81123 6.22188 9.13521 5.83725 9.13521 5.45263 9.13521 5.14082 8.81123 5.14082 8.41159V7.50706C5.14082 7.10742 5.45263 6.78345 5.83725 6.78345zM8.73904 6.78345C9.12366 6.78345 9.43546 7.10742 9.43546 7.50706V8.41159C9.43546 8.81123 9.12366 9.13521 8.73904 9.13521 8.35441 9.13521 8.04261 8.81123 8.04261 8.41159V7.50706C8.04261 7.10742 8.35441 6.78345 8.73904 6.78345zM11.6408 6.78345C12.0254 6.78345 12.3372 7.10742 12.3372 7.50706V8.41159C12.3372 8.81123 12.0254 9.13521 11.6408 9.13521 11.2562 9.13521 10.9444 8.81123 10.9444 8.41159V7.50706C10.9444 7.10742 11.2562 6.78345 11.6408 6.78345z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.84351 3.41861C1.84351 3.01861 2.15531 2.69434 2.53993 2.69434H14.9381C15.3228 2.69434 15.6346 3.01861 15.6346 3.41861V12.4611C15.6346 12.8612 15.3228 13.1854 14.9381 13.1854H8.82117L6.06643 14.6179C5.85054 14.7301 5.59416 14.7181 5.38884 14.5862C5.18352 14.4542 5.05855 14.2211 5.05855 13.9701V13.1854H2.53993C2.15531 13.1854 1.84351 12.8612 1.84351 12.4611L1.84351 3.41861ZM6.45141 12.7982L8.34531 12.0135C8.44201 11.9632 8.54864 11.9371 8.65676 11.9371H14.2417C14.3522 11.9371 14.4417 11.8475 14.4417 11.7371V4.14271C14.4417 4.03225 14.3522 3.94271 14.2417 3.94271H3.23636C3.12591 3.94271 3.03636 4.03225 3.03636 4.14271L3.03636 11.7371C3.03636 11.8475 3.12591 11.9371 3.23636 11.9371L5.75498 11.9371C6.1396 11.9371 6.45141 12.0611 6.45141 12.4611V12.7982Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, CommentSingle = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
     id: "comment-single",
-    ref: t,
-    icon: rt
+    ref,
+    icon: element
   }));
 });
-Ce.displayName = "CommentSingle";
-const he = {
+CommentSingle.displayName = "CommentSingle";
+const AddDocCommentComment = {
   id: "docs.command.add-comment",
-  type: x.COMMAND,
-  async handler(e, t) {
-    if (!t)
+  type: CommandType.COMMAND,
+  async handler(accessor, params) {
+    if (!params)
       return !1;
-    const { comment: n, unitId: r } = t, o = await e.get(He).addComment(n), s = e.get(b), d = Ve(
-      e,
+    const { comment: originComment, unitId } = params, comment = await accessor.get(IThreadCommentDataSourceService).addComment(originComment), commandService = accessor.get(ICommandService), doMutation = addCustomDecorationBySelectionFactory(
+      accessor,
       {
-        id: o.id,
-        type: be.COMMENT
+        id: comment.id,
+        type: CustomDecorationType.COMMENT
       }
     );
-    if (d) {
-      const l = {
-        id: Ze.id,
+    if (doMutation) {
+      const addComment = {
+        id: AddCommentMutation.id,
         params: {
-          unitId: r,
-          subUnitId: _,
-          comment: o
+          unitId,
+          subUnitId: DEFAULT_DOC_SUBUNIT_ID,
+          comment
         }
-      }, u = {
-        id: ne.id,
+      }, activeOperation = {
+        id: SetActiveCommentOperation.id,
         params: {
-          unitId: r,
-          subUnitId: _,
-          commentId: o.id
+          unitId,
+          subUnitId: DEFAULT_DOC_SUBUNIT_ID,
+          commentId: comment.id
         }
       };
-      return (await Me([l, d, u], s)).result;
+      return (await sequenceExecuteAsync([addComment, doMutation, activeOperation], commandService)).result;
     }
     return !1;
   }
 };
-var it = Object.defineProperty, ot = Object.getOwnPropertyDescriptor, st = (e, t, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? ot(t, n) : t, o = e.length - 1, s; o >= 0; o--)
-    (s = e[o]) && (i = (r ? s(t, n, i) : s(i)) || i);
-  return r && i && it(t, n, i), i;
-}, k = (e, t) => (n, r) => t(n, r, e);
-let O = class extends j {
-  constructor(t, n) {
+var __defProp$4 = Object.defineProperty, __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor, __decorateClass$4 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$4(target, key, result), result;
+}, "__decorateClass$4"), __decorateParam$4 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$4"), _a;
+let DocThreadCommentService = (_a = class extends Disposable {
+  constructor(_sidebarService, _threadCommentPanelService) {
     super();
-    Z(this, "_addingComment$", new qe(void 0));
-    Z(this, "addingComment$", this._addingComment$.asObservable());
-    this._sidebarService = t, this._threadCommentPanelService = n, this.disposeWithMe(() => {
+    __publicField(this, "_addingComment$", new BehaviorSubject(void 0));
+    __publicField(this, "addingComment$", this._addingComment$.asObservable());
+    this._sidebarService = _sidebarService, this._threadCommentPanelService = _threadCommentPanelService, this.disposeWithMe(() => {
       this._addingComment$.complete();
     });
   }
   get addingComment() {
     return this._addingComment$.getValue();
   }
-  startAdd(t) {
-    this._addingComment$.next(t);
+  startAdd(comment) {
+    this._addingComment$.next(comment);
   }
   endAdd() {
     this._addingComment$.next(void 0);
   }
-};
-O = st([
-  k(0, L),
-  k(1, h(M))
-], O);
-const w = {
+}, __name(_a, "DocThreadCommentService"), _a);
+DocThreadCommentService = __decorateClass$4([
+  __decorateParam$4(0, ISidebarService),
+  __decorateParam$4(1, Inject(ThreadCommentPanelService))
+], DocThreadCommentService);
+const ShowCommentPanelOperation = {
   id: "docs.operation.show-comment-panel",
-  type: x.OPERATION,
-  handler(e, t) {
-    const n = e.get(M), r = e.get(L);
-    return n.panelVisible || (r.open({
+  type: CommandType.OPERATION,
+  handler(accessor, params) {
+    const panelService = accessor.get(ThreadCommentPanelService), sidebarService = accessor.get(ISidebarService);
+    return panelService.panelVisible || (sidebarService.open({
       header: { title: "threadCommentUI.panel.title" },
-      children: { label: W.componentKey },
+      children: { label: DocThreadCommentPanel.componentKey },
       width: 320,
-      onClose: () => n.setPanelVisible(!1)
-    }), n.setPanelVisible(!0)), t && n.setActiveComment(t == null ? void 0 : t.activeComment), !0;
+      onClose: /* @__PURE__ */ __name(() => panelService.setPanelVisible(!1), "onClose")
+    }), panelService.setPanelVisible(!0)), params && panelService.setActiveComment(params == null ? void 0 : params.activeComment), !0;
   }
-}, ve = {
+}, ToggleCommentPanelOperation = {
   id: "docs.operation.toggle-comment-panel",
-  type: x.OPERATION,
-  handler(e) {
-    const t = e.get(M), n = e.get(L);
-    return t.panelVisible ? (n.close(), t.setPanelVisible(!1), t.setActiveComment(null)) : (n.open({
+  type: CommandType.OPERATION,
+  handler(accessor) {
+    var _a6;
+    const panelService = accessor.get(ThreadCommentPanelService), sidebarService = accessor.get(ISidebarService);
+    return !panelService.panelVisible || ((_a6 = sidebarService.options.children) == null ? void 0 : _a6.label) !== DocThreadCommentPanel.componentKey ? (sidebarService.open({
       header: { title: "threadCommentUI.panel.title" },
-      children: { label: W.componentKey },
+      children: { label: DocThreadCommentPanel.componentKey },
       width: 320,
-      onClose: () => t.setPanelVisible(!1)
-    }), t.setPanelVisible(!0)), !0;
+      onClose: /* @__PURE__ */ __name(() => panelService.setPanelVisible(!1), "onClose")
+    }), panelService.setPanelVisible(!0)) : (sidebarService.close(), panelService.setPanelVisible(!1), panelService.setActiveComment(null)), !0;
   }
-}, J = {
+}, StartAddCommentOperation = {
   id: "docs.operation.start-add-comment",
-  type: x.OPERATION,
-  handler(e) {
-    var P, D;
-    const t = e.get(M), r = e.get(B).getCurrentUnitForType(g.UNIVER_DOC), i = e.get(F), o = e.get(Ee), s = e.get(De), d = e.get(O), l = e.get(b), u = e.get(L), c = i.getActiveRange();
-    if (!r || !c)
+  type: CommandType.OPERATION,
+  handler(accessor) {
+    var _a6, _b;
+    const panelService = accessor.get(ThreadCommentPanelService), doc = accessor.get(IUniverInstanceService).getCurrentUnitForType(UniverInstanceType.UNIVER_DOC), textSelectionManagerService = accessor.get(TextSelectionManagerService), textSelectionRenderService = accessor.get(ITextSelectionRenderManager), userManagerService = accessor.get(UserManagerService), docCommentService = accessor.get(DocThreadCommentService), commandService = accessor.get(ICommandService), sidebarService = accessor.get(ISidebarService), textRange = textSelectionManagerService.getActiveTextRangeWithStyle();
+    if (!doc || !textRange)
       return !1;
-    if (c.collapsed)
-      return t.panelVisible ? (t.setPanelVisible(!1), u.close()) : l.executeCommand(w.id), !0;
-    t.panelVisible || l.executeCommand(w.id);
-    const f = r.getUnitId(), p = we((D = (P = r.getBody()) == null ? void 0 : P.dataStream) != null ? D : "", c.startOffset, c.endOffset), v = _, a = "", m = {
-      unitId: f,
-      subUnitId: v,
-      id: a,
-      ref: p,
-      dT: Pe(),
-      personId: s.getCurrentUser().userID,
+    if (textRange.collapsed)
+      return panelService.panelVisible ? (panelService.setPanelVisible(!1), sidebarService.close()) : commandService.executeCommand(ShowCommentPanelOperation.id), !0;
+    panelService.panelVisible || commandService.executeCommand(ShowCommentPanelOperation.id);
+    const unitId = doc.getUnitId(), text = getSelectionText((_b = (_a6 = doc.getBody()) == null ? void 0 : _a6.dataStream) != null ? _b : "", textRange.startOffset, textRange.endOffset), subUnitId = DEFAULT_DOC_SUBUNIT_ID, commentId = "", comment = {
+      unitId,
+      subUnitId,
+      id: commentId,
+      ref: text,
+      dT: getDT(),
+      personId: userManagerService.getCurrentUser().userID,
       text: {
         dataStream: `\r
 `
       },
-      startOffset: c.startOffset,
-      endOffset: c.endOffset,
+      startOffset: textRange.startOffset,
+      endOffset: textRange.endOffset,
       collapsed: !0,
-      threadId: a
+      threadId: commentId
     };
-    return o.blurEditor(), d.startAdd(m), t.setActiveComment({
-      unitId: f,
-      subUnitId: v,
-      commentId: a
+    return textSelectionRenderService.blurEditor(), docCommentService.startAdd(comment), panelService.setActiveComment({
+      unitId,
+      subUnitId,
+      commentId
     }), !0;
   }
-}, ge = {
+}, DeleteDocCommentComment = {
   id: "docs.command.delete-comment",
-  type: x.COMMAND,
-  async handler(e, t) {
-    if (!t)
+  type: CommandType.COMMAND,
+  async handler(accessor, params) {
+    if (!params)
       return !1;
-    const { commentId: n, unitId: r } = t, i = e.get(b), o = $e(e, {
-      id: n,
-      unitId: r
+    const { commentId, unitId } = params, commandService = accessor.get(ICommandService), doMutation = deleteCustomDecorationFactory(accessor, {
+      id: commentId,
+      unitId
     });
-    return o ? (await Re([o], i)).result : !1;
+    return doMutation ? (await sequenceExecute([doMutation], commandService)).result : !1;
   }
-}, W = () => {
-  const e = E(B), t = z(() => e.getCurrentTypeOfUnit$(g.UNIVER_DOC), [e]), n = K(t), r = z(() => new me((a) => a.next(_)), []), i = E(F), o = z(
-    () => i.textSelection$.pipe(le(16)),
-    [i.textSelection$]
-  );
-  K(o);
-  const s = E(b), d = E(O), l = K(d.addingComment$), [u, c] = Ge([]);
-  if (Xe(() => {
-    var D;
-    const a = /* @__PURE__ */ new Set(), m = n == null ? void 0 : n.getCustomDecorations();
-    c((D = m == null ? void 0 : m.map((I) => I.id).filter((I) => {
-      const U = a.has(I);
-      return a.add(I), !U;
-    })) != null ? D : []);
-    const P = s.onCommandExecuted((I) => {
-      var U;
-      if (I.id === je.id) {
-        const Q = /* @__PURE__ */ new Set(), H = n == null ? void 0 : n.getCustomDecorations();
-        c((U = H == null ? void 0 : H.map((y) => y.id).filter((y) => {
-          const Ie = Q.has(y);
-          return Q.add(y), !Ie;
-        })) != null ? U : []);
-      }
-    });
-    return () => {
-      P.dispose();
-    };
-  }, [s, n]), !n)
-    return null;
-  const f = i.getActiveRange(), p = !!(f && (f.endOffset === f.startOffset || f.segmentId)), v = n.getUnitId();
-  return /* @__PURE__ */ Ke.createElement(
-    Ue,
-    {
-      unitId: v,
-      subUnitId$: r,
-      type: g.UNIVER_DOC,
-      onAdd: () => {
-        s.executeCommand(J.id);
-      },
-      getSubUnitName: () => "",
-      disableAdd: p,
-      tempComment: l,
-      onAddComment: (a) => {
-        if (!a.parentId) {
-          const m = {
-            unitId: v,
-            range: l,
-            comment: a
-          };
-          return s.executeCommand(he.id, m), d.endAdd(), !1;
-        }
-        return !0;
-      },
-      onDeleteComment: (a) => {
-        if (!a.parentId) {
-          const m = {
-            unitId: v,
-            commentId: a.id
-          };
-          return s.executeCommand(ge.id, m), !1;
-        }
-        return !0;
-      },
-      showComments: u
-    }
-  );
-};
-W.componentKey = "univer.doc.thread-comment-panel";
-const ct = (e) => {
-  const t = e.get(q), n = e.get(F), r = t.getCurrent(), i = r == null ? void 0 : r.with(Be).getSkeleton(), o = i == null ? void 0 : i.getViewModel().getEditArea();
-  if (o === Y.FOOTER || o === Y.HEADER)
+}, shouldDisableAddComment = /* @__PURE__ */ __name((accessor) => {
+  const renderManagerService = accessor.get(IRenderManagerService), textSelectionManagerService = accessor.get(TextSelectionManagerService), render2 = renderManagerService.getCurrent(), skeleton = render2 == null ? void 0 : render2.with(DocSkeletonManagerService).getSkeleton(), editArea = skeleton == null ? void 0 : skeleton.getViewModel().getEditArea();
+  if (editArea === DocumentEditArea.FOOTER || editArea === DocumentEditArea.HEADER)
     return !0;
-  const s = n.getActiveRange();
-  return !!(!s || s.collapsed);
-};
-function dt(e) {
+  const range = textSelectionManagerService.getActiveTextRangeWithStyle();
+  return !!(range == null || range.collapsed);
+}, "shouldDisableAddComment");
+function AddDocCommentMenuItemFactory(accessor) {
   return {
-    id: J.id,
-    group: re.CONTEXT_MENU_DATA,
-    type: ie.BUTTON,
+    id: StartAddCommentOperation.id,
+    group: MenuGroup.CONTEXT_MENU_DATA,
+    type: MenuItemType.BUTTON,
     icon: "CommentSingle",
     title: "threadCommentUI.panel.addComment",
     tooltip: "threadCommentUI.panel.addComment",
-    positions: [oe.CONTEXT_MENU],
-    hidden$: se(e, g.UNIVER_DOC),
-    disabled$: new me(function(t) {
-      const r = e.get(F).textSelection$.pipe(le(16)).subscribe(() => {
-        t.next(ct(e));
+    positions: [MenuPosition.CONTEXT_MENU],
+    hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_DOC),
+    disabled$: new Observable(function(subscribe) {
+      const observer = accessor.get(TextSelectionManagerService).textSelection$.pipe(debounceTime(16)).subscribe(() => {
+        subscribe.next(shouldDisableAddComment(accessor));
       });
       return () => {
-        r.unsubscribe();
+        observer.unsubscribe();
       };
     })
   };
 }
-function at(e) {
+__name(AddDocCommentMenuItemFactory, "AddDocCommentMenuItemFactory");
+function ToolbarDocCommentMenuItemFactory(accessor) {
   return {
-    id: ve.id,
-    group: re.CONTEXT_MENU_DATA,
-    type: ie.BUTTON,
+    id: ToggleCommentPanelOperation.id,
+    group: MenuGroup.CONTEXT_MENU_DATA,
+    type: MenuItemType.BUTTON,
     icon: "CommentSingle",
     title: "threadCommentUI.panel.addComment",
     tooltip: "threadCommentUI.panel.addComment",
-    positions: [oe.TOOLBAR_START],
-    hidden$: se(e, g.UNIVER_DOC)
+    positions: [MenuPosition.TOOLBAR_START],
+    hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_DOC)
   };
 }
-var mt = Object.defineProperty, lt = Object.getOwnPropertyDescriptor, ut = (e, t, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? lt(t, n) : t, o = e.length - 1, s; o >= 0; o--)
-    (s = e[o]) && (i = (r ? s(t, n, i) : s(i)) || i);
-  return r && i && mt(t, n, i), i;
-}, A = (e, t) => (n, r) => t(n, r, e);
-let T = class extends j {
-  constructor(e, t, n, r, i) {
-    super(), this._config = e, this._commandService = t, this._menuService = n, this._injector = r, this._componentManager = i, this._initCommands(), this._initMenus(), this._initComponents();
+__name(ToolbarDocCommentMenuItemFactory, "ToolbarDocCommentMenuItemFactory");
+const DocThreadCommentPanel = /* @__PURE__ */ __name(() => {
+  const univerInstanceService = useDependency(IUniverInstanceService), injector = useDependency(Injector), doc$ = useMemo(() => univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_DOC), [univerInstanceService]), doc = useObservable(doc$), subUnitId$ = useMemo(() => new Observable((sub) => sub.next(DEFAULT_DOC_SUBUNIT_ID)), []), textSelectionManagerService = useDependency(TextSelectionManagerService), selectionChange$ = useMemo(
+    () => textSelectionManagerService.textSelection$.pipe(debounceTime(16)),
+    [textSelectionManagerService.textSelection$]
+  );
+  useObservable(selectionChange$);
+  const commandService = useDependency(ICommandService), docCommentService = useDependency(DocThreadCommentService), tempComment = useObservable(docCommentService.addingComment$), [commentIds, setCommentIds] = useState([]);
+  if (useEffect(() => {
+    var _a6;
+    const set = /* @__PURE__ */ new Set(), customRanges = doc == null ? void 0 : doc.getCustomDecorations();
+    setCommentIds((_a6 = customRanges == null ? void 0 : customRanges.map((r) => r.id).filter((i) => {
+      const hasRepeat = set.has(i);
+      return set.add(i), !hasRepeat;
+    })) != null ? _a6 : []);
+    const dispose = commandService.onCommandExecuted((command) => {
+      var _a7;
+      if (command.id === RichTextEditingMutation.id) {
+        const set2 = /* @__PURE__ */ new Set(), customRanges2 = doc == null ? void 0 : doc.getCustomDecorations();
+        setCommentIds((_a7 = customRanges2 == null ? void 0 : customRanges2.map((r) => r.id).filter((i) => {
+          const hasRepeat = set2.has(i);
+          return set2.add(i), !hasRepeat;
+        })) != null ? _a7 : []);
+      }
+    });
+    return () => {
+      dispose.dispose();
+    };
+  }, [commandService, doc]), !doc)
+    return null;
+  const isInValidSelection = shouldDisableAddComment(injector), unitId = doc.getUnitId();
+  return /* @__PURE__ */ React.createElement(
+    ThreadCommentPanel,
+    {
+      unitId,
+      subUnitId$,
+      type: UniverInstanceType.UNIVER_DOC,
+      onAdd: /* @__PURE__ */ __name(() => {
+        commandService.executeCommand(StartAddCommentOperation.id);
+      }, "onAdd"),
+      getSubUnitName: /* @__PURE__ */ __name(() => "", "getSubUnitName"),
+      disableAdd: isInValidSelection,
+      tempComment,
+      onAddComment: /* @__PURE__ */ __name((comment) => {
+        if (!comment.parentId) {
+          const params = {
+            unitId,
+            range: tempComment,
+            comment
+          };
+          return commandService.executeCommand(AddDocCommentComment.id, params), docCommentService.endAdd(), !1;
+        }
+        return !0;
+      }, "onAddComment"),
+      onDeleteComment: /* @__PURE__ */ __name((comment) => {
+        if (!comment.parentId) {
+          const params = {
+            unitId,
+            commentId: comment.id
+          };
+          return commandService.executeCommand(DeleteDocCommentComment.id, params), !1;
+        }
+        return !0;
+      }, "onDeleteComment"),
+      showComments: commentIds
+    }
+  );
+}, "DocThreadCommentPanel");
+DocThreadCommentPanel.componentKey = "univer.doc.thread-comment-panel";
+var __defProp$3 = Object.defineProperty, __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor, __decorateClass$3 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$3(target, key, result), result;
+}, "__decorateClass$3"), __decorateParam$3 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$3"), _a2;
+let DocThreadCommentUIController = (_a2 = class extends Disposable {
+  constructor(_config, _commandService, _menuService, _injector, _componentManager) {
+    super(), this._config = _config, this._commandService = _commandService, this._menuService = _menuService, this._injector = _injector, this._componentManager = _componentManager, this._initCommands(), this._initMenus(), this._initComponents();
   }
   _initCommands() {
     [
-      he,
-      ge,
-      w,
-      J,
-      ve
-    ].forEach((e) => {
-      this.disposeWithMe(this._commandService.registerCommand(e));
+      AddDocCommentComment,
+      DeleteDocCommentComment,
+      ShowCommentPanelOperation,
+      StartAddCommentOperation,
+      ToggleCommentPanelOperation
+    ].forEach((command) => {
+      this.disposeWithMe(this._commandService.registerCommand(command));
     });
   }
   _initMenus() {
     [
-      dt,
-      at
-    ].forEach((e) => {
-      this.disposeWithMe(this._menuService.addMenuItem(e(this._injector), this._config.menu));
+      AddDocCommentMenuItemFactory,
+      ToolbarDocCommentMenuItemFactory
+    ].forEach((menuFactory) => {
+      this.disposeWithMe(this._menuService.addMenuItem(menuFactory(this._injector), this._config.menu));
     });
   }
   _initComponents() {
-    [W].forEach((e) => {
-      this.disposeWithMe(this._componentManager.register(e.componentKey, e));
-    }), this.disposeWithMe(this._componentManager.register("CommentSingle", Ce));
+    [DocThreadCommentPanel].forEach((comp) => {
+      this.disposeWithMe(this._componentManager.register(comp.componentKey, comp));
+    }), this.disposeWithMe(this._componentManager.register("CommentSingle", CommentSingle));
   }
-};
-T = ut([
-  G(X.Rendered, T),
-  A(1, b),
-  A(2, Ne),
-  A(3, h(te)),
-  A(4, h(Ae))
-], T);
-var ft = Object.defineProperty, Ct = Object.getOwnPropertyDescriptor, ht = (e, t, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? Ct(t, n) : t, o = e.length - 1, s; o >= 0; o--)
-    (s = e[o]) && (i = (r ? s(t, n, i) : s(i)) || i);
-  return r && i && ft(t, n, i), i;
-}, S = (e, t) => (n, r) => t(n, r, e);
-let N = class extends j {
-  constructor(e, t, n, r, i, o) {
-    super(), this._threadCommentPanelService = e, this._univerInstanceService = t, this._commandService = n, this._docThreadCommentService = r, this._renderManagerService = i, this._threadCommentModel = o, this._initSelectionChange(), this._initActiveCommandChange();
+}, __name(_a2, "DocThreadCommentUIController"), _a2);
+DocThreadCommentUIController = __decorateClass$3([
+  OnLifecycle(LifecycleStages.Rendered, DocThreadCommentUIController),
+  __decorateParam$3(1, ICommandService),
+  __decorateParam$3(2, IMenuService),
+  __decorateParam$3(3, Inject(Injector)),
+  __decorateParam$3(4, Inject(ComponentManager))
+], DocThreadCommentUIController);
+var __defProp$2 = Object.defineProperty, __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor, __decorateClass$2 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$2(target, key, result), result;
+}, "__decorateClass$2"), __decorateParam$2 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$2"), _a3;
+let DocThreadCommentSelectionController = (_a3 = class extends Disposable {
+  constructor(_threadCommentPanelService, _univerInstanceService, _commandService, _docThreadCommentService, _renderManagerService, _threadCommentModel) {
+    super(), this._threadCommentPanelService = _threadCommentPanelService, this._univerInstanceService = _univerInstanceService, this._commandService = _commandService, this._docThreadCommentService = _docThreadCommentService, this._renderManagerService = _renderManagerService, this._threadCommentModel = _threadCommentModel, this._initSelectionChange(), this._initActiveCommandChange();
   }
   _initSelectionChange() {
-    let e;
+    let lastSelection;
     this.disposeWithMe(
-      this._commandService.onCommandExecuted((t) => {
-        var n, r, i, o;
-        if (t.id === Le.id) {
-          const s = t.params, { unitId: d, ranges: l } = s, u = this._univerInstanceService.getUnit(d, g.UNIVER_DOC), c = l[0];
-          if ((e == null ? void 0 : e.startOffset) === (c == null ? void 0 : c.startOffset) && (e == null ? void 0 : e.endOffset) === (c == null ? void 0 : c.endOffset))
+      this._commandService.onCommandExecuted((commandInfo) => {
+        var _a6, _b, _c, _d;
+        if (commandInfo.id === SetTextSelectionsOperation.id) {
+          const params = commandInfo.params, { unitId, ranges } = params, doc = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC), primary = ranges[0];
+          if ((lastSelection == null ? void 0 : lastSelection.startOffset) === (primary == null ? void 0 : primary.startOffset) && (lastSelection == null ? void 0 : lastSelection.endOffset) === (primary == null ? void 0 : primary.endOffset))
             return;
-          if (e = c, c && u) {
-            const { startOffset: f, endOffset: p, collapsed: v } = c;
-            let a;
-            if (v ? a = (r = (n = u.getBody()) == null ? void 0 : n.customDecorations) == null ? void 0 : r.find((m) => m.startIndex <= f && m.endIndex >= p - 1) : a = (o = (i = u.getBody()) == null ? void 0 : i.customDecorations) == null ? void 0 : o.find((m) => m.startIndex <= f && m.endIndex >= p - 1), a) {
-              const m = this._threadCommentModel.getComment(d, _, a.id);
-              m && !m.resolved && this._commandService.executeCommand(w.id, {
+          if (lastSelection = primary, primary && doc) {
+            const { startOffset, endOffset, collapsed } = primary;
+            let customRange;
+            if (collapsed ? customRange = (_b = (_a6 = doc.getBody()) == null ? void 0 : _a6.customDecorations) == null ? void 0 : _b.find((value) => value.startIndex <= startOffset && value.endIndex >= endOffset - 1) : customRange = (_d = (_c = doc.getBody()) == null ? void 0 : _c.customDecorations) == null ? void 0 : _d.find((value) => value.startIndex <= startOffset && value.endIndex >= endOffset - 1), customRange) {
+              const comment = this._threadCommentModel.getComment(unitId, DEFAULT_DOC_SUBUNIT_ID, customRange.id);
+              comment && !comment.resolved && this._commandService.executeCommand(ShowCommentPanelOperation.id, {
                 activeComment: {
-                  unitId: d,
-                  subUnitId: _,
-                  commentId: a.id
+                  unitId,
+                  subUnitId: DEFAULT_DOC_SUBUNIT_ID,
+                  commentId: customRange.id
                 }
               });
               return;
             }
           }
-          this._commandService.executeCommand(ne.id);
+          if (!this._threadCommentPanelService.activeCommentId)
+            return;
+          this._commandService.executeCommand(SetActiveCommentOperation.id);
         }
       })
     );
   }
   _initActiveCommandChange() {
-    this.disposeWithMe(this._threadCommentPanelService.activeCommentId$.subscribe((e) => {
-      var t, n, r;
-      if (e) {
-        const i = this._univerInstanceService.getUnit(e.unitId);
-        if (i) {
-          const o = (t = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : t.with(Je), s = (n = i.getCustomRanges()) == null ? void 0 : n.find((d) => d.rangeId === e.commentId);
-          s && o && o.scrollToRange(e.unitId, {
-            startOffset: s.startIndex,
-            endOffset: s.endIndex,
+    this.disposeWithMe(this._threadCommentPanelService.activeCommentId$.subscribe((activeComment) => {
+      var _a6, _b, _c;
+      if (activeComment) {
+        const doc = this._univerInstanceService.getUnit(activeComment.unitId);
+        if (doc) {
+          const backScrollController = (_a6 = this._renderManagerService.getRenderById(activeComment.unitId)) == null ? void 0 : _a6.with(DocBackScrollRenderController), customRange = (_b = doc.getCustomRanges()) == null ? void 0 : _b.find((range) => range.rangeId === activeComment.commentId);
+          customRange && backScrollController && backScrollController.scrollToRange(activeComment.unitId, {
+            startOffset: customRange.startIndex,
+            endOffset: customRange.endIndex,
             collapsed: !1
           });
         }
       }
-      (!e || e.commentId !== ((r = this._docThreadCommentService.addingComment) == null ? void 0 : r.id)) && this._docThreadCommentService.endAdd();
+      (!activeComment || activeComment.commentId !== ((_c = this._docThreadCommentService.addingComment) == null ? void 0 : _c.id)) && this._docThreadCommentService.endAdd();
     }));
   }
-};
-N = ht([
-  G(X.Rendered, N),
-  S(0, h(M)),
-  S(1, B),
-  S(2, b),
-  S(3, h(O)),
-  S(4, q),
-  S(5, h(ce))
-], N);
-var vt = Object.defineProperty, gt = Object.getOwnPropertyDescriptor, pt = (e, t, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? gt(t, n) : t, o = e.length - 1, s; o >= 0; o--)
-    (s = e[o]) && (i = (r ? s(t, n, i) : s(i)) || i);
-  return r && i && vt(t, n, i), i;
-}, R = (e, t) => (n, r) => t(n, r, e);
-let V = class extends j {
-  constructor(e, t, n, r, i, o) {
-    super(), this._context = e, this._docInterceptorService = t, this._threadCommentPanelService = n, this._docRenderController = r, this._univerInstanceService = i, this._threadCommentModel = o, this._interceptorViewModel(), this._initReRender();
+}, __name(_a3, "DocThreadCommentSelectionController"), _a3);
+DocThreadCommentSelectionController = __decorateClass$2([
+  OnLifecycle(LifecycleStages.Rendered, DocThreadCommentSelectionController),
+  __decorateParam$2(0, Inject(ThreadCommentPanelService)),
+  __decorateParam$2(1, IUniverInstanceService),
+  __decorateParam$2(2, ICommandService),
+  __decorateParam$2(3, Inject(DocThreadCommentService)),
+  __decorateParam$2(4, IRenderManagerService),
+  __decorateParam$2(5, Inject(ThreadCommentModel))
+], DocThreadCommentSelectionController);
+var __defProp$1 = Object.defineProperty, __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor, __decorateClass$1 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$1(target, key, result), result;
+}, "__decorateClass$1"), __decorateParam$1 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$1"), _a4;
+let DocThreadCommentRenderController = (_a4 = class extends Disposable {
+  constructor(_context, _docInterceptorService, _threadCommentPanelService, _docRenderController, _univerInstanceService, _threadCommentModel) {
+    super(), this._context = _context, this._docInterceptorService = _docInterceptorService, this._threadCommentPanelService = _threadCommentPanelService, this._docRenderController = _docRenderController, this._univerInstanceService = _univerInstanceService, this._threadCommentModel = _threadCommentModel, this._interceptorViewModel(), this._initReRender();
   }
   _initReRender() {
-    this.disposeWithMe(this._threadCommentPanelService.activeCommentId$.subscribe((e) => {
-      var n;
-      if (e) {
-        this._docRenderController.reRender(e.unitId);
+    this.disposeWithMe(this._threadCommentPanelService.activeCommentId$.subscribe((activeComment) => {
+      var _a6;
+      if (activeComment) {
+        this._docRenderController.reRender(activeComment.unitId);
         return;
       }
-      const t = (n = this._univerInstanceService.getCurrentUnitForType(g.UNIVER_DOC)) == null ? void 0 : n.getUnitId();
-      t && this._docRenderController.reRender(t);
-    })), this.disposeWithMe(this._threadCommentModel.commentUpdate$.subscribe((e) => {
-      e.type === "resolve" && this._docRenderController.reRender(e.unitId);
+      const unitId = (_a6 = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_DOC)) == null ? void 0 : _a6.getUnitId();
+      unitId && this._docRenderController.reRender(unitId);
+    })), this.disposeWithMe(this._threadCommentModel.commentUpdate$.subscribe((update) => {
+      update.type === "resolve" && this._docRenderController.reRender(update.unitId);
     }));
   }
   _interceptorViewModel() {
-    this._docInterceptorService.intercept(We.CUSTOM_DECORATION, {
-      handler: (e, t, n) => {
-        if (!e)
-          return n(e);
-        const { unitId: r, index: i, customDecorations: o } = t, s = this._threadCommentPanelService.activeCommentId, { commentId: d, unitId: l } = s || {}, u = o.find((v) => v.id === d), c = this._threadCommentModel.getComment(r, _, e.id);
-        if (!c)
-          return n({
-            ...e,
+    this._docInterceptorService.intercept(DOC_INTERCEPTOR_POINT.CUSTOM_DECORATION, {
+      handler: /* @__PURE__ */ __name((data, pos, next) => {
+        if (!data)
+          return next(data);
+        const { unitId, index, customDecorations } = pos, activeComment = this._threadCommentPanelService.activeCommentId, { commentId, unitId: commentUnitID } = activeComment || {}, activeCustomDecoration = customDecorations.find((i) => i.id === commentId), comment = this._threadCommentModel.getComment(unitId, DEFAULT_DOC_SUBUNIT_ID, data.id);
+        if (!comment)
+          return next({
+            ...data,
             show: !1
           });
-        const f = u && i >= u.startIndex && i <= u.endIndex, p = l === r && e.id === d;
-        return n({
-          ...e,
-          active: p || f,
-          show: !c.resolved
+        const isActiveIndex = activeCustomDecoration && index >= activeCustomDecoration.startIndex && index <= activeCustomDecoration.endIndex, isActive = commentUnitID === unitId && data.id === commentId;
+        return next({
+          ...data,
+          active: isActive || isActiveIndex,
+          show: !comment.resolved
         });
-      }
+      }, "handler")
     });
   }
-};
-V = pt([
-  G(X.Starting, V),
-  R(1, h(Fe)),
-  R(2, h(M)),
-  R(3, h(Qe)),
-  R(4, B),
-  R(5, h(ce))
-], V);
-var pe = Object.defineProperty, _t = Object.getOwnPropertyDescriptor, It = (e, t, n) => t in e ? pe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, St = (e, t, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? _t(t, n) : t, o = e.length - 1, s; o >= 0; o--)
-    (s = e[o]) && (i = (r ? s(t, n, i) : s(i)) || i);
-  return r && i && pe(t, n, i), i;
-}, ee = (e, t) => (n, r) => t(n, r, e), _e = (e, t, n) => It(e, typeof t != "symbol" ? t + "" : t, n);
-let $ = class extends xe {
-  constructor(e = { menu: {} }, t, n) {
-    super(), this._config = e, this._injector = t, this._renderManagerSrv = n;
+}, __name(_a4, "DocThreadCommentRenderController"), _a4);
+DocThreadCommentRenderController = __decorateClass$1([
+  OnLifecycle(LifecycleStages.Starting, DocThreadCommentRenderController),
+  __decorateParam$1(1, Inject(DocInterceptorService)),
+  __decorateParam$1(2, Inject(ThreadCommentPanelService)),
+  __decorateParam$1(3, Inject(DocRenderController)),
+  __decorateParam$1(4, IUniverInstanceService),
+  __decorateParam$1(5, Inject(ThreadCommentModel))
+], DocThreadCommentRenderController);
+var __defProp2 = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __defNormalProp2 = /* @__PURE__ */ __name((obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, "__defNormalProp"), __decorateClass = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp2(target, key, result), result;
+}, "__decorateClass"), __decorateParam = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam"), __publicField2 = /* @__PURE__ */ __name((obj, key, value) => __defNormalProp2(obj, typeof key != "symbol" ? key + "" : key, value), "__publicField"), _a5;
+let UniverDocsThreadCommentUIPlugin = (_a5 = class extends Plugin {
+  constructor(_config = { menu: {} }, _injector, _renderManagerSrv) {
+    super(), this._config = _config, this._injector = _injector, this._renderManagerSrv = _renderManagerSrv;
   }
-  onStarting(e) {
+  onStarting() {
     [
       [
-        T,
+        DocThreadCommentUIController,
         {
-          useFactory: () => this._injector.createInstance(T, this._config)
+          useFactory: /* @__PURE__ */ __name(() => this._injector.createInstance(DocThreadCommentUIController, this._config), "useFactory")
         }
       ],
-      [N],
-      [O]
-    ].forEach((t) => {
-      e.add(t);
+      [DocThreadCommentSelectionController],
+      [DocThreadCommentService]
+    ].forEach((dep) => {
+      this._injector.add(dep);
     });
   }
   onRendered() {
     this._initRenderModule();
   }
   _initRenderModule() {
-    [V].forEach((e) => {
-      this._renderManagerSrv.registerRenderModule(g.UNIVER_DOC, e);
+    [DocThreadCommentRenderController].forEach((dep) => {
+      this._renderManagerSrv.registerRenderModule(UniverInstanceType.UNIVER_DOC, dep);
     });
   }
-};
-_e($, "pluginName", Ye);
-_e($, "type", g.UNIVER_DOC);
-$ = St([
-  Te(ye),
-  ee(1, h(te)),
-  ee(2, q)
-], $);
+}, __name(_a5, "UniverDocsThreadCommentUIPlugin"), _a5);
+__publicField2(UniverDocsThreadCommentUIPlugin, "pluginName", PLUGIN_NAME);
+__publicField2(UniverDocsThreadCommentUIPlugin, "type", UniverInstanceType.UNIVER_DOC);
+UniverDocsThreadCommentUIPlugin = __decorateClass([
+  DependentOn(UniverThreadCommentUIPlugin),
+  __decorateParam(1, Inject(Injector)),
+  __decorateParam(2, IRenderManagerService)
+], UniverDocsThreadCommentUIPlugin);
 export {
-  he as AddDocCommentComment,
-  ge as DeleteDocCommentComment,
-  w as ShowCommentPanelOperation,
-  J as StartAddCommentOperation,
-  $ as UniverDocsThreadCommentUIPlugin
+  AddDocCommentComment,
+  DeleteDocCommentComment,
+  ShowCommentPanelOperation,
+  StartAddCommentOperation,
+  UniverDocsThreadCommentUIPlugin
 };

package/lib/types/plugin.d.ts

@@ -9,7 +9,7 @@ export declare class UniverDocsThreadCommentUIPlugin extends Plugin {
     static pluginName: string;
     static type: UniverInstanceType;
     constructor(_config: IDocThreadCommentUIConfig, _injector: Injector, _renderManagerSrv: IRenderManagerService);
-    onStarting(injector: Injector): void;
+    onStarting(): void;
     onRendered(): void;
     private _initRenderModule;
 }

package/lib/umd/index.js

@@ -1,2 +1,2 @@
-(function(d,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("@univerjs/core"),require("@univerjs/thread-comment-ui"),require("@univerjs/engine-render"),require("@univerjs/ui"),require("@univerjs/docs"),require("@univerjs/thread-comment"),require("react"),require("rxjs"),require("@univerjs/docs-ui")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/thread-comment-ui","@univerjs/engine-render","@univerjs/ui","@univerjs/docs","@univerjs/thread-comment","react","rxjs","@univerjs/docs-ui"],o):(d=typeof globalThis<"u"?globalThis:d||self,o(d.UniverDocsThreadCommentUi={},d.UniverCore,d.UniverThreadCommentUi,d.UniverEngineRender,d.UniverUi,d.UniverDocs,d.UniverThreadComment,d.React,d.rxjs,d.UniverDocsUi))})(this,function(d,o,v,M,f,p,E,S,y,G){"use strict";var Ue=Object.defineProperty;var ye=(d,o,v)=>o in d?Ue(d,o,{enumerable:!0,configurable:!0,writable:!0,value:v}):d[o]=v;var Z=(d,o,v)=>ye(d,typeof o!="symbol"?o+"":o,v);const ne="DOC_THREAD_COMMENT_UI_PLUGIN",T="default_doc";var I=function(){return I=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++){t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},I.apply(this,arguments)},ie=function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r])&&(n[i[r]]=e[i[r]]);return n},K=S.forwardRef(function(e,t){var n=e.icon,i=e.id,r=e.className,s=e.extend,a=ie(e,["icon","id","className","extend"]),m="univerjs-icon univerjs-icon-".concat(i," ").concat(r||"").trim(),C=S.useRef("_".concat(se()));return z(n,"".concat(i),{defIds:n.defIds,idSuffix:C.current},I({ref:t,className:m},a),s)});function z(e,t,n,i,r){return S.createElement(e.tag,I(I({key:t},re(e,n,r)),i),(oe(e,n).children||[]).map(function(s,a){return z(s,"".concat(t,"-").concat(e.tag,"-").concat(a),n,void 0,r)}))}function re(e,t,n){var i=I({},e.attrs);n!=null&&n.colorChannel1&&i.fill==="colorChannel1"&&(i.fill=n.colorChannel1);var r=t.defIds;return!r||r.length===0||(e.tag==="use"&&i["xlink:href"]&&(i["xlink:href"]=i["xlink:href"]+t.idSuffix),Object.entries(i).forEach(function(s){var a=s[0],m=s[1];typeof m=="string"&&(i[a]=m.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))})),i}function oe(e,t){var n,i=t.defIds;return!i||i.length===0?e:e.tag==="defs"&&(!((n=e.children)===null||n===void 0)&&n.length)?I(I({},e),{children:e.children.map(function(r){return typeof r.attrs.id=="string"&&i&&i.indexOf(r.attrs.id)>-1?I(I({},r),{attrs:I(I({},r.attrs),{id:r.attrs.id+t.idSuffix})}):r})}):e}function se(){return Math.random().toString(36).substring(2,8)}K.displayName="UniverIcon";var ae={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 17",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M5.83725 6.78345C6.22188 6.78345 6.53368 7.10742 6.53368 7.50706V8.41159C6.53368 8.81123 6.22188 9.13521 5.83725 9.13521C5.45263 9.13521 5.14082 8.81123 5.14082 8.41159V7.50706C5.14082 7.10742 5.45263 6.78345 5.83725 6.78345ZM8.73904 6.78345C9.12366 6.78345 9.43546 7.10742 9.43546 7.50706V8.41159C9.43546 8.81123 9.12366 9.13521 8.73904 9.13521C8.35441 9.13521 8.04261 8.81123 8.04261 8.41159V7.50706C8.04261 7.10742 8.35441 6.78345 8.73904 6.78345ZM11.6408 6.78345C12.0254 6.78345 12.3372 7.10742 12.3372 7.50706V8.41159C12.3372 8.81123 12.0254 9.13521 11.6408 9.13521C11.2562 9.13521 10.9444 8.81123 10.9444 8.41159V7.50706C10.9444 7.10742 11.2562 6.78345 11.6408 6.78345Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.83725 6.78345C6.22188 6.78345 6.53368 7.10742 6.53368 7.50706V8.41159C6.53368 8.81123 6.22188 9.13521 5.83725 9.13521 5.45263 9.13521 5.14082 8.81123 5.14082 8.41159V7.50706C5.14082 7.10742 5.45263 6.78345 5.83725 6.78345zM8.73904 6.78345C9.12366 6.78345 9.43546 7.10742 9.43546 7.50706V8.41159C9.43546 8.81123 9.12366 9.13521 8.73904 9.13521 8.35441 9.13521 8.04261 8.81123 8.04261 8.41159V7.50706C8.04261 7.10742 8.35441 6.78345 8.73904 6.78345zM11.6408 6.78345C12.0254 6.78345 12.3372 7.10742 12.3372 7.50706V8.41159C12.3372 8.81123 12.0254 9.13521 11.6408 9.13521 11.2562 9.13521 10.9444 8.81123 10.9444 8.41159V7.50706C10.9444 7.10742 11.2562 6.78345 11.6408 6.78345z"}},{tag:"path",attrs:{fill:"currentColor",d:"M1.84351 3.41861C1.84351 3.01861 2.15531 2.69434 2.53993 2.69434H14.9381C15.3228 2.69434 15.6346 3.01861 15.6346 3.41861V12.4611C15.6346 12.8612 15.3228 13.1854 14.9381 13.1854H8.82117L6.06643 14.6179C5.85054 14.7301 5.59416 14.7181 5.38884 14.5862C5.18352 14.4542 5.05855 14.2211 5.05855 13.9701V13.1854H2.53993C2.15531 13.1854 1.84351 12.8612 1.84351 12.4611L1.84351 3.41861ZM6.45141 12.7982L8.34531 12.0135C8.44201 11.9632 8.54864 11.9371 8.65676 11.9371H14.2417C14.3522 11.9371 14.4417 11.8475 14.4417 11.7371V4.14271C14.4417 4.03225 14.3522 3.94271 14.2417 3.94271H3.23636C3.12591 3.94271 3.03636 4.03225 3.03636 4.14271L3.03636 11.7371C3.03636 11.8475 3.12591 11.9371 3.23636 11.9371L5.75498 11.9371C6.1396 11.9371 6.45141 12.0611 6.45141 12.4611V12.7982Z",fillRule:"evenodd",clipRule:"evenodd"}}]},X=S.forwardRef(function(e,t){return S.createElement(K,Object.assign({},e,{id:"comment-single",ref:t,icon:ae}))});X.displayName="CommentSingle";const F={id:"docs.command.add-comment",type:o.CommandType.COMMAND,async handler(e,t){if(!t)return!1;const{comment:n,unitId:i}=t,s=await e.get(E.IThreadCommentDataSourceService).addComment(n),a=e.get(o.ICommandService),m=p.addCustomDecorationBySelectionFactory(e,{id:s.id,type:o.CustomDecorationType.COMMENT});if(m){const C={id:E.AddCommentCommand.id,params:{unitId:i,subUnitId:T,comment:s}},h={id:v.SetActiveCommentOperation.id,params:{unitId:i,subUnitId:T,commentId:s.id}};return(await o.sequenceExecuteAsync([C,m,h],a)).result}return!1}};var de=Object.defineProperty,ce=Object.getOwnPropertyDescriptor,me=(e,t,n,i)=>{for(var r=i>1?void 0:i?ce(t,n):t,s=e.length-1,a;s>=0;s--)(a=e[s])&&(r=(i?a(t,n,r):a(r))||r);return i&&r&&de(t,n,r),r},J=(e,t)=>(n,i)=>t(n,i,e);let b=class extends o.Disposable{constructor(t,n){super();Z(this,"_addingComment$",new y.BehaviorSubject(void 0));Z(this,"addingComment$",this._addingComment$.asObservable());this._sidebarService=t,this._threadCommentPanelService=n,this.disposeWithMe(()=>{this._addingComment$.complete()})}get addingComment(){return this._addingComment$.getValue()}startAdd(t){this._addingComment$.next(t)}endAdd(){this._addingComment$.next(void 0)}};b=me([J(0,f.ISidebarService),J(1,o.Inject(v.ThreadCommentPanelService))],b);const P={id:"docs.operation.show-comment-panel",type:o.CommandType.OPERATION,handler(e,t){const n=e.get(v.ThreadCommentPanelService),i=e.get(f.ISidebarService);return n.panelVisible||(i.open({header:{title:"threadCommentUI.panel.title"},children:{label:w.componentKey},width:320,onClose:()=>n.setPanelVisible(!1)}),n.setPanelVisible(!0)),t&&n.setActiveComment(t==null?void 0:t.activeComment),!0}},Q={id:"docs.operation.toggle-comment-panel",type:o.CommandType.OPERATION,handler(e){const t=e.get(v.ThreadCommentPanelService),n=e.get(f.ISidebarService);return t.panelVisible?(n.close(),t.setPanelVisible(!1),t.setActiveComment(null)):(n.open({header:{title:"threadCommentUI.panel.title"},children:{label:w.componentKey},width:320,onClose:()=>t.setPanelVisible(!1)}),t.setPanelVisible(!0)),!0}},A={id:"docs.operation.start-add-comment",type:o.CommandType.OPERATION,handler(e){var L,j;const t=e.get(v.ThreadCommentPanelService),i=e.get(o.IUniverInstanceService).getCurrentUnitForType(o.UniverInstanceType.UNIVER_DOC),r=e.get(p.TextSelectionManagerService),s=e.get(M.ITextSelectionRenderManager),a=e.get(o.UserManagerService),m=e.get(b),C=e.get(o.ICommandService),h=e.get(f.ISidebarService),c=r.getActiveRange();if(!i||!c)return!1;if(c.collapsed)return t.panelVisible?(t.setPanelVisible(!1),h.close()):C.executeCommand(P.id),!0;t.panelVisible||C.executeCommand(P.id);const g=i.getUnitId(),O=p.getSelectionText((j=(L=i.getBody())==null?void 0:L.dataStream)!=null?j:"",c.startOffset,c.endOffset),_=T,l="",u={unitId:g,subUnitId:_,id:l,ref:O,dT:v.getDT(),personId:a.getCurrentUser().userID,text:{dataStream:`\r
-`},startOffset:c.startOffset,endOffset:c.endOffset,collapsed:!0,threadId:l};return s.blurEditor(),m.startAdd(u),t.setActiveComment({unitId:g,subUnitId:_,commentId:l}),!0}},H={id:"docs.command.delete-comment",type:o.CommandType.COMMAND,async handler(e,t){if(!t)return!1;const{commentId:n,unitId:i}=t,r=e.get(o.ICommandService),s=p.deleteCustomDecorationFactory(e,{id:n,unitId:i});return s?(await o.sequenceExecute([s],r)).result:!1}},w=()=>{const e=o.useDependency(o.IUniverInstanceService),t=S.useMemo(()=>e.getCurrentTypeOfUnit$(o.UniverInstanceType.UNIVER_DOC),[e]),n=o.useObservable(t),i=S.useMemo(()=>new y.Observable(l=>l.next(T)),[]),r=o.useDependency(p.TextSelectionManagerService),s=S.useMemo(()=>r.textSelection$.pipe(y.debounceTime(16)),[r.textSelection$]);o.useObservable(s);const a=o.useDependency(o.ICommandService),m=o.useDependency(b),C=o.useObservable(m.addingComment$),[h,c]=S.useState([]);if(S.useEffect(()=>{var j;const l=new Set,u=n==null?void 0:n.getCustomDecorations();c((j=u==null?void 0:u.map(U=>U.id).filter(U=>{const B=l.has(U);return l.add(U),!B}))!=null?j:[]);const L=a.onCommandExecuted(U=>{var B;if(U.id===p.RichTextEditingMutation.id){const te=new Set,W=n==null?void 0:n.getCustomDecorations();c((B=W==null?void 0:W.map(q=>q.id).filter(q=>{const De=te.has(q);return te.add(q),!De}))!=null?B:[])}});return()=>{L.dispose()}},[a,n]),!n)return null;const g=r.getActiveRange(),O=!!(g&&(g.endOffset===g.startOffset||g.segmentId)),_=n.getUnitId();return S.createElement(v.ThreadCommentPanel,{unitId:_,subUnitId$:i,type:o.UniverInstanceType.UNIVER_DOC,onAdd:()=>{a.executeCommand(A.id)},getSubUnitName:()=>"",disableAdd:O,tempComment:C,onAddComment:l=>{if(!l.parentId){const u={unitId:_,range:C,comment:l};return a.executeCommand(F.id,u),m.endAdd(),!1}return!0},onDeleteComment:l=>{if(!l.parentId){const u={unitId:_,commentId:l.id};return a.executeCommand(H.id,u),!1}return!0},showComments:h})};w.componentKey="univer.doc.thread-comment-panel";const le=e=>{const t=e.get(M.IRenderManagerService),n=e.get(p.TextSelectionManagerService),i=t.getCurrent(),r=i==null?void 0:i.with(p.DocSkeletonManagerService).getSkeleton(),s=r==null?void 0:r.getViewModel().getEditArea();if(s===M.DocumentEditArea.FOOTER||s===M.DocumentEditArea.HEADER)return!0;const a=n.getActiveRange();return!!(!a||a.collapsed)};function ue(e){return{id:A.id,group:f.MenuGroup.CONTEXT_MENU_DATA,type:f.MenuItemType.BUTTON,icon:"CommentSingle",title:"threadCommentUI.panel.addComment",tooltip:"threadCommentUI.panel.addComment",positions:[f.MenuPosition.CONTEXT_MENU],hidden$:f.getMenuHiddenObservable(e,o.UniverInstanceType.UNIVER_DOC),disabled$:new y.Observable(function(t){const i=e.get(p.TextSelectionManagerService).textSelection$.pipe(y.debounceTime(16)).subscribe(()=>{t.next(le(e))});return()=>{i.unsubscribe()}})}}function ve(e){return{id:Q.id,group:f.MenuGroup.CONTEXT_MENU_DATA,type:f.MenuItemType.BUTTON,icon:"CommentSingle",title:"threadCommentUI.panel.addComment",tooltip:"threadCommentUI.panel.addComment",positions:[f.MenuPosition.TOOLBAR_START],hidden$:f.getMenuHiddenObservable(e,o.UniverInstanceType.UNIVER_DOC)}}var fe=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,he=(e,t,n,i)=>{for(var r=i>1?void 0:i?Ce(t,n):t,s=e.length-1,a;s>=0;s--)(a=e[s])&&(r=(i?a(t,n,r):a(r))||r);return i&&r&&fe(t,n,r),r},N=(e,t)=>(n,i)=>t(n,i,e);let x=class extends o.Disposable{constructor(e,t,n,i,r){super(),this._config=e,this._commandService=t,this._menuService=n,this._injector=i,this._componentManager=r,this._initCommands(),this._initMenus(),this._initComponents()}_initCommands(){[F,H,P,A,Q].forEach(e=>{this.disposeWithMe(this._commandService.registerCommand(e))})}_initMenus(){[ue,ve].forEach(e=>{this.disposeWithMe(this._menuService.addMenuItem(e(this._injector),this._config.menu))})}_initComponents(){[w].forEach(e=>{this.disposeWithMe(this._componentManager.register(e.componentKey,e))}),this.disposeWithMe(this._componentManager.register("CommentSingle",X))}};x=he([o.OnLifecycle(o.LifecycleStages.Rendered,x),N(1,o.ICommandService),N(2,f.IMenuService),N(3,o.Inject(o.Injector)),N(4,o.Inject(f.ComponentManager))],x);var pe=Object.defineProperty,Ie=Object.getOwnPropertyDescriptor,ge=(e,t,n,i)=>{for(var r=i>1?void 0:i?Ie(t,n):t,s=e.length-1,a;s>=0;s--)(a=e[s])&&(r=(i?a(t,n,r):a(r))||r);return i&&r&&pe(t,n,r),r},D=(e,t)=>(n,i)=>t(n,i,e);let V=class extends o.Disposable{constructor(e,t,n,i,r,s){super(),this._threadCommentPanelService=e,this._univerInstanceService=t,this._commandService=n,this._docThreadCommentService=i,this._renderManagerService=r,this._threadCommentModel=s,this._initSelectionChange(),this._initActiveCommandChange()}_initSelectionChange(){let e;this.disposeWithMe(this._commandService.onCommandExecuted(t=>{var n,i,r,s;if(t.id===p.SetTextSelectionsOperation.id){const a=t.params,{unitId:m,ranges:C}=a,h=this._univerInstanceService.getUnit(m,o.UniverInstanceType.UNIVER_DOC),c=C[0];if((e==null?void 0:e.startOffset)===(c==null?void 0:c.startOffset)&&(e==null?void 0:e.endOffset)===(c==null?void 0:c.endOffset))return;if(e=c,c&&h){const{startOffset:g,endOffset:O,collapsed:_}=c;let l;if(_?l=(i=(n=h.getBody())==null?void 0:n.customDecorations)==null?void 0:i.find(u=>u.startIndex<=g&&u.endIndex>=O-1):l=(s=(r=h.getBody())==null?void 0:r.customDecorations)==null?void 0:s.find(u=>u.startIndex<=g&&u.endIndex>=O-1),l){const u=this._threadCommentModel.getComment(m,T,l.id);u&&!u.resolved&&this._commandService.executeCommand(P.id,{activeComment:{unitId:m,subUnitId:T,commentId:l.id}});return}}this._commandService.executeCommand(v.SetActiveCommentOperation.id)}}))}_initActiveCommandChange(){this.disposeWithMe(this._threadCommentPanelService.activeCommentId$.subscribe(e=>{var t,n,i;if(e){const r=this._univerInstanceService.getUnit(e.unitId);if(r){const s=(t=this._renderManagerService.getRenderById(e.unitId))==null?void 0:t.with(G.DocBackScrollRenderController),a=(n=r.getCustomRanges())==null?void 0:n.find(m=>m.rangeId===e.commentId);a&&s&&s.scrollToRange(e.unitId,{startOffset:a.startIndex,endOffset:a.endIndex,collapsed:!1})}}(!e||e.commentId!==((i=this._docThreadCommentService.addingComment)==null?void 0:i.id))&&this._docThreadCommentService.endAdd()}))}};V=ge([o.OnLifecycle(o.LifecycleStages.Rendered,V),D(0,o.Inject(v.ThreadCommentPanelService)),D(1,o.IUniverInstanceService),D(2,o.ICommandService),D(3,o.Inject(b)),D(4,M.IRenderManagerService),D(5,o.Inject(E.ThreadCommentModel))],V);var Se=Object.defineProperty,_e=Object.getOwnPropertyDescriptor,Oe=(e,t,n,i)=>{for(var r=i>1?void 0:i?_e(t,n):t,s=e.length-1,a;s>=0;s--)(a=e[s])&&(r=(i?a(t,n,r):a(r))||r);return i&&r&&Se(t,n,r),r},R=(e,t)=>(n,i)=>t(n,i,e);let $=class extends o.Disposable{constructor(e,t,n,i,r,s){super(),this._context=e,this._docInterceptorService=t,this._threadCommentPanelService=n,this._docRenderController=i,this._univerInstanceService=r,this._threadCommentModel=s,this._interceptorViewModel(),this._initReRender()}_initReRender(){this.disposeWithMe(this._threadCommentPanelService.activeCommentId$.subscribe(e=>{var n;if(e){this._docRenderController.reRender(e.unitId);return}const t=(n=this._univerInstanceService.getCurrentUnitForType(o.UniverInstanceType.UNIVER_DOC))==null?void 0:n.getUnitId();t&&this._docRenderController.reRender(t)})),this.disposeWithMe(this._threadCommentModel.commentUpdate$.subscribe(e=>{e.type==="resolve"&&this._docRenderController.reRender(e.unitId)}))}_interceptorViewModel(){this._docInterceptorService.intercept(p.DOC_INTERCEPTOR_POINT.CUSTOM_DECORATION,{handler:(e,t,n)=>{if(!e)return n(e);const{unitId:i,index:r,customDecorations:s}=t,a=this._threadCommentPanelService.activeCommentId,{commentId:m,unitId:C}=a||{},h=s.find(_=>_.id===m),c=this._threadCommentModel.getComment(i,T,e.id);if(!c)return n({...e,show:!1});const g=h&&r>=h.startIndex&&r<=h.endIndex,O=C===i&&e.id===m;return n({...e,active:O||g,show:!c.resolved})}})}};$=Oe([o.OnLifecycle(o.LifecycleStages.Starting,$),R(1,o.Inject(p.DocInterceptorService)),R(2,o.Inject(v.ThreadCommentPanelService)),R(3,o.Inject(G.DocRenderController)),R(4,o.IUniverInstanceService),R(5,o.Inject(E.ThreadCommentModel))],$);var Y=Object.defineProperty,Te=Object.getOwnPropertyDescriptor,Me=(e,t,n)=>t in e?Y(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,be=(e,t,n,i)=>{for(var r=i>1?void 0:i?Te(t,n):t,s=e.length-1,a;s>=0;s--)(a=e[s])&&(r=(i?a(t,n,r):a(r))||r);return i&&r&&Y(t,n,r),r},k=(e,t)=>(n,i)=>t(n,i,e),ee=(e,t,n)=>Me(e,typeof t!="symbol"?t+"":t,n);d.UniverDocsThreadCommentUIPlugin=class extends o.Plugin{constructor(t={menu:{}},n,i){super(),this._config=t,this._injector=n,this._renderManagerSrv=i}onStarting(t){[[x,{useFactory:()=>this._injector.createInstance(x,this._config)}],[V],[b]].forEach(n=>{t.add(n)})}onRendered(){this._initRenderModule()}_initRenderModule(){[$].forEach(t=>{this._renderManagerSrv.registerRenderModule(o.UniverInstanceType.UNIVER_DOC,t)})}},ee(d.UniverDocsThreadCommentUIPlugin,"pluginName",ne),ee(d.UniverDocsThreadCommentUIPlugin,"type",o.UniverInstanceType.UNIVER_DOC),d.UniverDocsThreadCommentUIPlugin=be([o.DependentOn(v.UniverThreadCommentUIPlugin),k(1,o.Inject(o.Injector)),k(2,M.IRenderManagerService)],d.UniverDocsThreadCommentUIPlugin),d.AddDocCommentComment=F,d.DeleteDocCommentComment=H,d.ShowCommentPanelOperation=P,d.StartAddCommentOperation=A,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+(function(global,factory){typeof exports=="object"&&typeof module<"u"?factory(exports,require("@univerjs/core"),require("@univerjs/thread-comment-ui"),require("@univerjs/engine-render"),require("@univerjs/ui"),require("@univerjs/docs"),require("@univerjs/thread-comment"),require("react"),require("rxjs"),require("@univerjs/docs-ui")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/thread-comment-ui","@univerjs/engine-render","@univerjs/ui","@univerjs/docs","@univerjs/thread-comment","react","rxjs","@univerjs/docs-ui"],factory):(global=typeof globalThis<"u"?globalThis:global||self,factory(global.UniverDocsThreadCommentUi={},global.UniverCore,global.UniverThreadCommentUi,global.UniverEngineRender,global.UniverUi,global.UniverDocs,global.UniverThreadComment,global.React,global.rxjs,global.UniverDocsUi))})(this,function(exports2,core,threadCommentUi,engineRender,ui,docs,threadComment,React,rxjs,docsUi){"use strict";var __defProp=Object.defineProperty;var __defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});var __publicField=(obj,key,value)=>__defNormalProp(obj,typeof key!="symbol"?key+"":key,value);var _a,_b,_c,_d,_e;const PLUGIN_NAME="DOC_THREAD_COMMENT_UI_PLUGIN",DEFAULT_DOC_SUBUNIT_ID="default_doc";var __assign=function(){return __assign=Object.assign||function(t){for(var s,i=1,n=arguments.length;i<n;i++){s=arguments[i];for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&(t[p]=s[p])}return t},__assign.apply(this,arguments)},__rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},IconBase=React.forwardRef(function(props,ref){var icon=props.icon,id=props.id,className=props.className,extend=props.extend,restProps=__rest(props,["icon","id","className","extend"]),cls="univerjs-icon univerjs-icon-".concat(id," ").concat(className||"").trim(),idSuffix=React.useRef("_".concat(generateShortUuid()));return render(icon,"".concat(id),{defIds:icon.defIds,idSuffix:idSuffix.current},__assign({ref,className:cls},restProps),extend)});function render(node,id,runtimeProps,rootProps,extend){return React.createElement(node.tag,__assign(__assign({key:id},replaceRuntimeIdsAndExtInAttrs(node,runtimeProps,extend)),rootProps),(replaceRuntimeIdsInDefs(node,runtimeProps).children||[]).map(function(child,index){return render(child,"".concat(id,"-").concat(node.tag,"-").concat(index),runtimeProps,void 0,extend)}))}__name(render,"render");function replaceRuntimeIdsAndExtInAttrs(node,runtimeProps,extend){var attrs=__assign({},node.attrs);extend!=null&&extend.colorChannel1&&attrs.fill==="colorChannel1"&&(attrs.fill=extend.colorChannel1);var defIds=runtimeProps.defIds;return!defIds||defIds.length===0||(node.tag==="use"&&attrs["xlink:href"]&&(attrs["xlink:href"]=attrs["xlink:href"]+runtimeProps.idSuffix),Object.entries(attrs).forEach(function(_a2){var key=_a2[0],value=_a2[1];typeof value=="string"&&(attrs[key]=value.replace(/url\(#(.*)\)/,"url(#$1".concat(runtimeProps.idSuffix,")")))})),attrs}__name(replaceRuntimeIdsAndExtInAttrs,"replaceRuntimeIdsAndExtInAttrs");function replaceRuntimeIdsInDefs(node,runtimeProps){var _a2,defIds=runtimeProps.defIds;return!defIds||defIds.length===0?node:node.tag==="defs"&&(!((_a2=node.children)===null||_a2===void 0)&&_a2.length)?__assign(__assign({},node),{children:node.children.map(function(child){return typeof child.attrs.id=="string"&&defIds&&defIds.indexOf(child.attrs.id)>-1?__assign(__assign({},child),{attrs:__assign(__assign({},child.attrs),{id:child.attrs.id+runtimeProps.idSuffix})}):child})}):node}__name(replaceRuntimeIdsInDefs,"replaceRuntimeIdsInDefs");function generateShortUuid(){return Math.random().toString(36).substring(2,8)}__name(generateShortUuid,"generateShortUuid"),IconBase.displayName="UniverIcon";var element={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 17",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M5.83725 6.78345C6.22188 6.78345 6.53368 7.10742 6.53368 7.50706V8.41159C6.53368 8.81123 6.22188 9.13521 5.83725 9.13521C5.45263 9.13521 5.14082 8.81123 5.14082 8.41159V7.50706C5.14082 7.10742 5.45263 6.78345 5.83725 6.78345ZM8.73904 6.78345C9.12366 6.78345 9.43546 7.10742 9.43546 7.50706V8.41159C9.43546 8.81123 9.12366 9.13521 8.73904 9.13521C8.35441 9.13521 8.04261 8.81123 8.04261 8.41159V7.50706C8.04261 7.10742 8.35441 6.78345 8.73904 6.78345ZM11.6408 6.78345C12.0254 6.78345 12.3372 7.10742 12.3372 7.50706V8.41159C12.3372 8.81123 12.0254 9.13521 11.6408 9.13521C11.2562 9.13521 10.9444 8.81123 10.9444 8.41159V7.50706C10.9444 7.10742 11.2562 6.78345 11.6408 6.78345Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.83725 6.78345C6.22188 6.78345 6.53368 7.10742 6.53368 7.50706V8.41159C6.53368 8.81123 6.22188 9.13521 5.83725 9.13521 5.45263 9.13521 5.14082 8.81123 5.14082 8.41159V7.50706C5.14082 7.10742 5.45263 6.78345 5.83725 6.78345zM8.73904 6.78345C9.12366 6.78345 9.43546 7.10742 9.43546 7.50706V8.41159C9.43546 8.81123 9.12366 9.13521 8.73904 9.13521 8.35441 9.13521 8.04261 8.81123 8.04261 8.41159V7.50706C8.04261 7.10742 8.35441 6.78345 8.73904 6.78345zM11.6408 6.78345C12.0254 6.78345 12.3372 7.10742 12.3372 7.50706V8.41159C12.3372 8.81123 12.0254 9.13521 11.6408 9.13521 11.2562 9.13521 10.9444 8.81123 10.9444 8.41159V7.50706C10.9444 7.10742 11.2562 6.78345 11.6408 6.78345z"}},{tag:"path",attrs:{fill:"currentColor",d:"M1.84351 3.41861C1.84351 3.01861 2.15531 2.69434 2.53993 2.69434H14.9381C15.3228 2.69434 15.6346 3.01861 15.6346 3.41861V12.4611C15.6346 12.8612 15.3228 13.1854 14.9381 13.1854H8.82117L6.06643 14.6179C5.85054 14.7301 5.59416 14.7181 5.38884 14.5862C5.18352 14.4542 5.05855 14.2211 5.05855 13.9701V13.1854H2.53993C2.15531 13.1854 1.84351 12.8612 1.84351 12.4611L1.84351 3.41861ZM6.45141 12.7982L8.34531 12.0135C8.44201 11.9632 8.54864 11.9371 8.65676 11.9371H14.2417C14.3522 11.9371 14.4417 11.8475 14.4417 11.7371V4.14271C14.4417 4.03225 14.3522 3.94271 14.2417 3.94271H3.23636C3.12591 3.94271 3.03636 4.03225 3.03636 4.14271L3.03636 11.7371C3.03636 11.8475 3.12591 11.9371 3.23636 11.9371L5.75498 11.9371C6.1396 11.9371 6.45141 12.0611 6.45141 12.4611V12.7982Z",fillRule:"evenodd",clipRule:"evenodd"}}]},CommentSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"comment-single",ref,icon:element}))});CommentSingle.displayName="CommentSingle";const AddDocCommentComment={id:"docs.command.add-comment",type:core.CommandType.COMMAND,async handler(accessor,params){if(!params)return!1;const{comment:originComment,unitId}=params,comment=await accessor.get(threadComment.IThreadCommentDataSourceService).addComment(originComment),commandService=accessor.get(core.ICommandService),doMutation=docs.addCustomDecorationBySelectionFactory(accessor,{id:comment.id,type:core.CustomDecorationType.COMMENT});if(doMutation){const addComment={id:threadComment.AddCommentMutation.id,params:{unitId,subUnitId:DEFAULT_DOC_SUBUNIT_ID,comment}},activeOperation={id:threadCommentUi.SetActiveCommentOperation.id,params:{unitId,subUnitId:DEFAULT_DOC_SUBUNIT_ID,commentId:comment.id}};return(await core.sequenceExecuteAsync([addComment,doMutation,activeOperation],commandService)).result}return!1}};var __defProp$4=Object.defineProperty,__getOwnPropDesc$4=Object.getOwnPropertyDescriptor,__decorateClass$4=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$4(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$4(target,key,result),result},"__decorateClass$4"),__decorateParam$4=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$4");let DocThreadCommentService=(_a=class extends core.Disposable{constructor(_sidebarService,_threadCommentPanelService){super();__publicField(this,"_addingComment$",new rxjs.BehaviorSubject(void 0));__publicField(this,"addingComment$",this._addingComment$.asObservable());this._sidebarService=_sidebarService,this._threadCommentPanelService=_threadCommentPanelService,this.disposeWithMe(()=>{this._addingComment$.complete()})}get addingComment(){return this._addingComment$.getValue()}startAdd(comment){this._addingComment$.next(comment)}endAdd(){this._addingComment$.next(void 0)}},__name(_a,"DocThreadCommentService"),_a);DocThreadCommentService=__decorateClass$4([__decorateParam$4(0,ui.ISidebarService),__decorateParam$4(1,core.Inject(threadCommentUi.ThreadCommentPanelService))],DocThreadCommentService);const ShowCommentPanelOperation={id:"docs.operation.show-comment-panel",type:core.CommandType.OPERATION,handler(accessor,params){const panelService=accessor.get(threadCommentUi.ThreadCommentPanelService),sidebarService=accessor.get(ui.ISidebarService);return panelService.panelVisible||(sidebarService.open({header:{title:"threadCommentUI.panel.title"},children:{label:DocThreadCommentPanel.componentKey},width:320,onClose:__name(()=>panelService.setPanelVisible(!1),"onClose")}),panelService.setPanelVisible(!0)),params&&panelService.setActiveComment(params==null?void 0:params.activeComment),!0}},ToggleCommentPanelOperation={id:"docs.operation.toggle-comment-panel",type:core.CommandType.OPERATION,handler(accessor){var _a2;const panelService=accessor.get(threadCommentUi.ThreadCommentPanelService),sidebarService=accessor.get(ui.ISidebarService);return!panelService.panelVisible||((_a2=sidebarService.options.children)==null?void 0:_a2.label)!==DocThreadCommentPanel.componentKey?(sidebarService.open({header:{title:"threadCommentUI.panel.title"},children:{label:DocThreadCommentPanel.componentKey},width:320,onClose:__name(()=>panelService.setPanelVisible(!1),"onClose")}),panelService.setPanelVisible(!0)):(sidebarService.close(),panelService.setPanelVisible(!1),panelService.setActiveComment(null)),!0}},StartAddCommentOperation={id:"docs.operation.start-add-comment",type:core.CommandType.OPERATION,handler(accessor){var _a2,_b2;const panelService=accessor.get(threadCommentUi.ThreadCommentPanelService),doc=accessor.get(core.IUniverInstanceService).getCurrentUnitForType(core.UniverInstanceType.UNIVER_DOC),textSelectionManagerService=accessor.get(docs.TextSelectionManagerService),textSelectionRenderService=accessor.get(engineRender.ITextSelectionRenderManager),userManagerService=accessor.get(core.UserManagerService),docCommentService=accessor.get(DocThreadCommentService),commandService=accessor.get(core.ICommandService),sidebarService=accessor.get(ui.ISidebarService),textRange=textSelectionManagerService.getActiveTextRangeWithStyle();if(!doc||!textRange)return!1;if(textRange.collapsed)return panelService.panelVisible?(panelService.setPanelVisible(!1),sidebarService.close()):commandService.executeCommand(ShowCommentPanelOperation.id),!0;panelService.panelVisible||commandService.executeCommand(ShowCommentPanelOperation.id);const unitId=doc.getUnitId(),text=docs.getSelectionText((_b2=(_a2=doc.getBody())==null?void 0:_a2.dataStream)!=null?_b2:"",textRange.startOffset,textRange.endOffset),subUnitId=DEFAULT_DOC_SUBUNIT_ID,commentId="",comment={unitId,subUnitId,id:commentId,ref:text,dT:threadCommentUi.getDT(),personId:userManagerService.getCurrentUser().userID,text:{dataStream:`\r
+`},startOffset:textRange.startOffset,endOffset:textRange.endOffset,collapsed:!0,threadId:commentId};return textSelectionRenderService.blurEditor(),docCommentService.startAdd(comment),panelService.setActiveComment({unitId,subUnitId,commentId}),!0}},DeleteDocCommentComment={id:"docs.command.delete-comment",type:core.CommandType.COMMAND,async handler(accessor,params){if(!params)return!1;const{commentId,unitId}=params,commandService=accessor.get(core.ICommandService),doMutation=docs.deleteCustomDecorationFactory(accessor,{id:commentId,unitId});return doMutation?(await core.sequenceExecute([doMutation],commandService)).result:!1}},shouldDisableAddComment=__name(accessor=>{const renderManagerService=accessor.get(engineRender.IRenderManagerService),textSelectionManagerService=accessor.get(docs.TextSelectionManagerService),render2=renderManagerService.getCurrent(),skeleton=render2==null?void 0:render2.with(docs.DocSkeletonManagerService).getSkeleton(),editArea=skeleton==null?void 0:skeleton.getViewModel().getEditArea();if(editArea===engineRender.DocumentEditArea.FOOTER||editArea===engineRender.DocumentEditArea.HEADER)return!0;const range=textSelectionManagerService.getActiveTextRangeWithStyle();return!!(range==null||range.collapsed)},"shouldDisableAddComment");function AddDocCommentMenuItemFactory(accessor){return{id:StartAddCommentOperation.id,group:ui.MenuGroup.CONTEXT_MENU_DATA,type:ui.MenuItemType.BUTTON,icon:"CommentSingle",title:"threadCommentUI.panel.addComment",tooltip:"threadCommentUI.panel.addComment",positions:[ui.MenuPosition.CONTEXT_MENU],hidden$:ui.getMenuHiddenObservable(accessor,core.UniverInstanceType.UNIVER_DOC),disabled$:new rxjs.Observable(function(subscribe){const observer=accessor.get(docs.TextSelectionManagerService).textSelection$.pipe(rxjs.debounceTime(16)).subscribe(()=>{subscribe.next(shouldDisableAddComment(accessor))});return()=>{observer.unsubscribe()}})}}__name(AddDocCommentMenuItemFactory,"AddDocCommentMenuItemFactory");function ToolbarDocCommentMenuItemFactory(accessor){return{id:ToggleCommentPanelOperation.id,group:ui.MenuGroup.CONTEXT_MENU_DATA,type:ui.MenuItemType.BUTTON,icon:"CommentSingle",title:"threadCommentUI.panel.addComment",tooltip:"threadCommentUI.panel.addComment",positions:[ui.MenuPosition.TOOLBAR_START],hidden$:ui.getMenuHiddenObservable(accessor,core.UniverInstanceType.UNIVER_DOC)}}__name(ToolbarDocCommentMenuItemFactory,"ToolbarDocCommentMenuItemFactory");const DocThreadCommentPanel=__name(()=>{const univerInstanceService=core.useDependency(core.IUniverInstanceService),injector=core.useDependency(core.Injector),doc$=React.useMemo(()=>univerInstanceService.getCurrentTypeOfUnit$(core.UniverInstanceType.UNIVER_DOC),[univerInstanceService]),doc=core.useObservable(doc$),subUnitId$=React.useMemo(()=>new rxjs.Observable(sub=>sub.next(DEFAULT_DOC_SUBUNIT_ID)),[]),textSelectionManagerService=core.useDependency(docs.TextSelectionManagerService),selectionChange$=React.useMemo(()=>textSelectionManagerService.textSelection$.pipe(rxjs.debounceTime(16)),[textSelectionManagerService.textSelection$]);core.useObservable(selectionChange$);const commandService=core.useDependency(core.ICommandService),docCommentService=core.useDependency(DocThreadCommentService),tempComment=core.useObservable(docCommentService.addingComment$),[commentIds,setCommentIds]=React.useState([]);if(React.useEffect(()=>{var _a2;const set=new Set,customRanges=doc==null?void 0:doc.getCustomDecorations();setCommentIds((_a2=customRanges==null?void 0:customRanges.map(r=>r.id).filter(i=>{const hasRepeat=set.has(i);return set.add(i),!hasRepeat}))!=null?_a2:[]);const dispose=commandService.onCommandExecuted(command=>{var _a3;if(command.id===docs.RichTextEditingMutation.id){const set2=new Set,customRanges2=doc==null?void 0:doc.getCustomDecorations();setCommentIds((_a3=customRanges2==null?void 0:customRanges2.map(r=>r.id).filter(i=>{const hasRepeat=set2.has(i);return set2.add(i),!hasRepeat}))!=null?_a3:[])}});return()=>{dispose.dispose()}},[commandService,doc]),!doc)return null;const isInValidSelection=shouldDisableAddComment(injector),unitId=doc.getUnitId();return React.createElement(threadCommentUi.ThreadCommentPanel,{unitId,subUnitId$,type:core.UniverInstanceType.UNIVER_DOC,onAdd:__name(()=>{commandService.executeCommand(StartAddCommentOperation.id)},"onAdd"),getSubUnitName:__name(()=>"","getSubUnitName"),disableAdd:isInValidSelection,tempComment,onAddComment:__name(comment=>{if(!comment.parentId){const params={unitId,range:tempComment,comment};return commandService.executeCommand(AddDocCommentComment.id,params),docCommentService.endAdd(),!1}return!0},"onAddComment"),onDeleteComment:__name(comment=>{if(!comment.parentId){const params={unitId,commentId:comment.id};return commandService.executeCommand(DeleteDocCommentComment.id,params),!1}return!0},"onDeleteComment"),showComments:commentIds})},"DocThreadCommentPanel");DocThreadCommentPanel.componentKey="univer.doc.thread-comment-panel";var __defProp$3=Object.defineProperty,__getOwnPropDesc$3=Object.getOwnPropertyDescriptor,__decorateClass$3=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$3(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$3(target,key,result),result},"__decorateClass$3"),__decorateParam$3=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$3");let DocThreadCommentUIController=(_b=class extends core.Disposable{constructor(_config,_commandService,_menuService,_injector,_componentManager){super(),this._config=_config,this._commandService=_commandService,this._menuService=_menuService,this._injector=_injector,this._componentManager=_componentManager,this._initCommands(),this._initMenus(),this._initComponents()}_initCommands(){[AddDocCommentComment,DeleteDocCommentComment,ShowCommentPanelOperation,StartAddCommentOperation,ToggleCommentPanelOperation].forEach(command=>{this.disposeWithMe(this._commandService.registerCommand(command))})}_initMenus(){[AddDocCommentMenuItemFactory,ToolbarDocCommentMenuItemFactory].forEach(menuFactory=>{this.disposeWithMe(this._menuService.addMenuItem(menuFactory(this._injector),this._config.menu))})}_initComponents(){[DocThreadCommentPanel].forEach(comp=>{this.disposeWithMe(this._componentManager.register(comp.componentKey,comp))}),this.disposeWithMe(this._componentManager.register("CommentSingle",CommentSingle))}},__name(_b,"DocThreadCommentUIController"),_b);DocThreadCommentUIController=__decorateClass$3([core.OnLifecycle(core.LifecycleStages.Rendered,DocThreadCommentUIController),__decorateParam$3(1,core.ICommandService),__decorateParam$3(2,ui.IMenuService),__decorateParam$3(3,core.Inject(core.Injector)),__decorateParam$3(4,core.Inject(ui.ComponentManager))],DocThreadCommentUIController);var __defProp$2=Object.defineProperty,__getOwnPropDesc$2=Object.getOwnPropertyDescriptor,__decorateClass$2=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$2(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$2(target,key,result),result},"__decorateClass$2"),__decorateParam$2=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$2");let DocThreadCommentSelectionController=(_c=class extends core.Disposable{constructor(_threadCommentPanelService,_univerInstanceService,_commandService,_docThreadCommentService,_renderManagerService,_threadCommentModel){super(),this._threadCommentPanelService=_threadCommentPanelService,this._univerInstanceService=_univerInstanceService,this._commandService=_commandService,this._docThreadCommentService=_docThreadCommentService,this._renderManagerService=_renderManagerService,this._threadCommentModel=_threadCommentModel,this._initSelectionChange(),this._initActiveCommandChange()}_initSelectionChange(){let lastSelection;this.disposeWithMe(this._commandService.onCommandExecuted(commandInfo=>{var _a2,_b2,_c2,_d2;if(commandInfo.id===docs.SetTextSelectionsOperation.id){const params=commandInfo.params,{unitId,ranges}=params,doc=this._univerInstanceService.getUnit(unitId,core.UniverInstanceType.UNIVER_DOC),primary=ranges[0];if((lastSelection==null?void 0:lastSelection.startOffset)===(primary==null?void 0:primary.startOffset)&&(lastSelection==null?void 0:lastSelection.endOffset)===(primary==null?void 0:primary.endOffset))return;if(lastSelection=primary,primary&&doc){const{startOffset,endOffset,collapsed}=primary;let customRange;if(collapsed?customRange=(_b2=(_a2=doc.getBody())==null?void 0:_a2.customDecorations)==null?void 0:_b2.find(value=>value.startIndex<=startOffset&&value.endIndex>=endOffset-1):customRange=(_d2=(_c2=doc.getBody())==null?void 0:_c2.customDecorations)==null?void 0:_d2.find(value=>value.startIndex<=startOffset&&value.endIndex>=endOffset-1),customRange){const comment=this._threadCommentModel.getComment(unitId,DEFAULT_DOC_SUBUNIT_ID,customRange.id);comment&&!comment.resolved&&this._commandService.executeCommand(ShowCommentPanelOperation.id,{activeComment:{unitId,subUnitId:DEFAULT_DOC_SUBUNIT_ID,commentId:customRange.id}});return}}if(!this._threadCommentPanelService.activeCommentId)return;this._commandService.executeCommand(threadCommentUi.SetActiveCommentOperation.id)}}))}_initActiveCommandChange(){this.disposeWithMe(this._threadCommentPanelService.activeCommentId$.subscribe(activeComment=>{var _a2,_b2,_c2;if(activeComment){const doc=this._univerInstanceService.getUnit(activeComment.unitId);if(doc){const backScrollController=(_a2=this._renderManagerService.getRenderById(activeComment.unitId))==null?void 0:_a2.with(docsUi.DocBackScrollRenderController),customRange=(_b2=doc.getCustomRanges())==null?void 0:_b2.find(range=>range.rangeId===activeComment.commentId);customRange&&backScrollController&&backScrollController.scrollToRange(activeComment.unitId,{startOffset:customRange.startIndex,endOffset:customRange.endIndex,collapsed:!1})}}(!activeComment||activeComment.commentId!==((_c2=this._docThreadCommentService.addingComment)==null?void 0:_c2.id))&&this._docThreadCommentService.endAdd()}))}},__name(_c,"DocThreadCommentSelectionController"),_c);DocThreadCommentSelectionController=__decorateClass$2([core.OnLifecycle(core.LifecycleStages.Rendered,DocThreadCommentSelectionController),__decorateParam$2(0,core.Inject(threadCommentUi.ThreadCommentPanelService)),__decorateParam$2(1,core.IUniverInstanceService),__decorateParam$2(2,core.ICommandService),__decorateParam$2(3,core.Inject(DocThreadCommentService)),__decorateParam$2(4,engineRender.IRenderManagerService),__decorateParam$2(5,core.Inject(threadComment.ThreadCommentModel))],DocThreadCommentSelectionController);var __defProp$1=Object.defineProperty,__getOwnPropDesc$1=Object.getOwnPropertyDescriptor,__decorateClass$1=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$1(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$1(target,key,result),result},"__decorateClass$1"),__decorateParam$1=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$1");let DocThreadCommentRenderController=(_d=class extends core.Disposable{constructor(_context,_docInterceptorService,_threadCommentPanelService,_docRenderController,_univerInstanceService,_threadCommentModel){super(),this._context=_context,this._docInterceptorService=_docInterceptorService,this._threadCommentPanelService=_threadCommentPanelService,this._docRenderController=_docRenderController,this._univerInstanceService=_univerInstanceService,this._threadCommentModel=_threadCommentModel,this._interceptorViewModel(),this._initReRender()}_initReRender(){this.disposeWithMe(this._threadCommentPanelService.activeCommentId$.subscribe(activeComment=>{var _a2;if(activeComment){this._docRenderController.reRender(activeComment.unitId);return}const unitId=(_a2=this._univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_DOC))==null?void 0:_a2.getUnitId();unitId&&this._docRenderController.reRender(unitId)})),this.disposeWithMe(this._threadCommentModel.commentUpdate$.subscribe(update=>{update.type==="resolve"&&this._docRenderController.reRender(update.unitId)}))}_interceptorViewModel(){this._docInterceptorService.intercept(docs.DOC_INTERCEPTOR_POINT.CUSTOM_DECORATION,{handler:__name((data,pos,next)=>{if(!data)return next(data);const{unitId,index,customDecorations}=pos,activeComment=this._threadCommentPanelService.activeCommentId,{commentId,unitId:commentUnitID}=activeComment||{},activeCustomDecoration=customDecorations.find(i=>i.id===commentId),comment=this._threadCommentModel.getComment(unitId,DEFAULT_DOC_SUBUNIT_ID,data.id);if(!comment)return next({...data,show:!1});const isActiveIndex=activeCustomDecoration&&index>=activeCustomDecoration.startIndex&&index<=activeCustomDecoration.endIndex,isActive=commentUnitID===unitId&&data.id===commentId;return next({...data,active:isActive||isActiveIndex,show:!comment.resolved})},"handler")})}},__name(_d,"DocThreadCommentRenderController"),_d);DocThreadCommentRenderController=__decorateClass$1([core.OnLifecycle(core.LifecycleStages.Starting,DocThreadCommentRenderController),__decorateParam$1(1,core.Inject(docs.DocInterceptorService)),__decorateParam$1(2,core.Inject(threadCommentUi.ThreadCommentPanelService)),__decorateParam$1(3,core.Inject(docsUi.DocRenderController)),__decorateParam$1(4,core.IUniverInstanceService),__decorateParam$1(5,core.Inject(threadComment.ThreadCommentModel))],DocThreadCommentRenderController);var __defProp2=Object.defineProperty,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__defNormalProp2=__name((obj,key,value)=>key in obj?__defProp2(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,"__defNormalProp"),__decorateClass=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp2(target,key,result),result},"__decorateClass"),__decorateParam=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam"),__publicField2=__name((obj,key,value)=>__defNormalProp2(obj,typeof key!="symbol"?key+"":key,value),"__publicField");exports2.UniverDocsThreadCommentUIPlugin=(_e=class extends core.Plugin{constructor(_config={menu:{}},_injector,_renderManagerSrv){super(),this._config=_config,this._injector=_injector,this._renderManagerSrv=_renderManagerSrv}onStarting(){[[DocThreadCommentUIController,{useFactory:__name(()=>this._injector.createInstance(DocThreadCommentUIController,this._config),"useFactory")}],[DocThreadCommentSelectionController],[DocThreadCommentService]].forEach(dep=>{this._injector.add(dep)})}onRendered(){this._initRenderModule()}_initRenderModule(){[DocThreadCommentRenderController].forEach(dep=>{this._renderManagerSrv.registerRenderModule(core.UniverInstanceType.UNIVER_DOC,dep)})}},__name(_e,"UniverDocsThreadCommentUIPlugin"),_e),__publicField2(exports2.UniverDocsThreadCommentUIPlugin,"pluginName",PLUGIN_NAME),__publicField2(exports2.UniverDocsThreadCommentUIPlugin,"type",core.UniverInstanceType.UNIVER_DOC),exports2.UniverDocsThreadCommentUIPlugin=__decorateClass([core.DependentOn(threadCommentUi.UniverThreadCommentUIPlugin),__decorateParam(1,core.Inject(core.Injector)),__decorateParam(2,engineRender.IRenderManagerService)],exports2.UniverDocsThreadCommentUIPlugin),exports2.AddDocCommentComment=AddDocCommentComment,exports2.DeleteDocCommentComment=DeleteDocCommentComment,exports2.ShowCommentPanelOperation=ShowCommentPanelOperation,exports2.StartAddCommentOperation=StartAddCommentOperation,Object.defineProperty(exports2,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/docs-thread-comment-ui",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "private": false,
   "description": "Univer thread comment plugin",
   "author": "DreamNum <developer@univer.ai>",
@@ -46,31 +46,31 @@
   "peerDependencies": {
     "react": "^16.9.0 || ^17.0.0 || ^18.0.0",
     "rxjs": ">=7.0.0",
-    "@univerjs/core": "0.2.5",
-    "@univerjs/docs": "0.2.5",
-    "@univerjs/docs-ui": "0.2.5",
-    "@univerjs/engine-render": "0.2.5",
-    "@univerjs/thread-comment-ui": "0.2.5",
-    "@univerjs/ui": "0.2.5",
-    "@univerjs/thread-comment": "0.2.5"
+    "@univerjs/core": "0.2.7",
+    "@univerjs/docs": "0.2.7",
+    "@univerjs/docs-ui": "0.2.7",
+    "@univerjs/engine-render": "0.2.7",
+    "@univerjs/thread-comment": "0.2.7",
+    "@univerjs/thread-comment-ui": "0.2.7",
+    "@univerjs/ui": "0.2.7"
   },
   "dependencies": {
-    "@univerjs/icons": "^0.1.65"
+    "@univerjs/icons": "^0.1.72"
   },
   "devDependencies": {
     "clsx": "^2.1.1",
     "react": "18.3.1",
     "rxjs": "^7.8.1",
-    "typescript": "^5.5.3",
-    "vite": "^5.3.4",
-    "vitest": "^2.0.3",
-    "@univerjs/core": "0.2.5",
-    "@univerjs/design": "0.2.5",
-    "@univerjs/shared": "0.2.5",
-    "@univerjs/engine-formula": "0.2.5",
-    "@univerjs/thread-comment": "0.2.5",
-    "@univerjs/ui": "0.2.5",
-    "@univerjs/thread-comment-ui": "0.2.5"
+    "typescript": "^5.5.4",
+    "vite": "^5.3.5",
+    "vitest": "^2.0.5",
+    "@univerjs/design": "0.2.7",
+    "@univerjs/core": "0.2.7",
+    "@univerjs/engine-formula": "0.2.7",
+    "@univerjs/shared": "0.2.7",
+    "@univerjs/thread-comment": "0.2.7",
+    "@univerjs/thread-comment-ui": "0.2.7",
+    "@univerjs/ui": "0.2.7"
   },
   "univerSpace": {
     ".": {