@univerjs/thread-comment-ui 0.3.0-alpha.0 → 0.3.0-nightly.202410101606

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/lib/cjs/index.js +1 -3
  2. package/lib/es/index.js +1 -767
  3. package/lib/umd/index.js +1 -3
  4. package/package.json +17 -18
  5. package/LICENSE +0 -176
package/lib/cjs/index.js CHANGED
@@ -1,3 +1 @@
1
- "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 dayjs=require("dayjs"),threadComment$2=require("@univerjs/thread-comment"),core=require("@univerjs/core"),ui=require("@univerjs/ui"),rxjs=require("rxjs"),design=require("@univerjs/design"),React=require("react"),cs=require("clsx"),docs=require("@univerjs/docs"),docsUi=require("@univerjs/docs-ui"),engineRender=require("@univerjs/engine-render");function getDT(){return dayjs().format("YYYY/MM/DD HH:mm")}__name(getDT,"getDT");const THREAD_COMMENT_PANEL="thread-comment-panel",PLUGIN_NAME="UNIVER_THREAD_COMMENT_UI_PLUGIN";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"),_a;exports.ThreadCommentPanelService=(_a=class extends core.Disposable{constructor(_sidebarService,_univerInstanceService){super();__publicField(this,"_panelVisible",!1);__publicField(this,"_panelVisible$",new rxjs.BehaviorSubject(!1));__publicField(this,"_activeCommentId");__publicField(this,"_activeCommentId$",new rxjs.BehaviorSubject(void 0));__publicField(this,"panelVisible$",this._panelVisible$.asObservable());__publicField(this,"activeCommentId$",this._activeCommentId$.asObservable());this._sidebarService=_sidebarService,this._univerInstanceService=_univerInstanceService,this._init(),this.disposeWithMe(()=>{this._activeCommentId$.complete(),this._panelVisible$.complete()})}_init(){this.disposeWithMe(this._sidebarService.sidebarOptions$.subscribe(opt=>{opt.visible||this.setPanelVisible(!1)})),this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(core.UniverInstanceType.UNIVER_SHEET).pipe(rxjs.filter(sheet=>!sheet)).subscribe(()=>{this._sidebarService.close()}))}get panelVisible(){return this._panelVisible}get activeCommentId(){return this._activeCommentId}setPanelVisible(visible){this._panelVisible=visible,this._panelVisible$.next(visible)}setActiveComment(commentInfo){this._activeCommentId=commentInfo,this._activeCommentId$.next(commentInfo)}},__name(_a,"ThreadCommentPanelService"),_a);exports.ThreadCommentPanelService=__decorateClass$1([__decorateParam$1(0,core.Inject(ui.ISidebarService)),__decorateParam$1(1,core.IUniverInstanceService)],exports.ThreadCommentPanelService);const ToggleSheetCommentPanelOperation={id:"thread-comment-ui.operation.toggle-panel",type:core.CommandType.OPERATION,handler(accessor){const sidebarService=accessor.get(ui.ISidebarService),panelService=accessor.get(exports.ThreadCommentPanelService);return panelService.panelVisible?(sidebarService.close(),panelService.setPanelVisible(!1)):(sidebarService.open({header:{title:"threadCommentUI.panel.title"},children:{label:THREAD_COMMENT_PANEL},width:330}),panelService.setPanelVisible(!0)),!0}},SetActiveCommentOperation={id:"thread-comment-ui.operation.set-active-comment",type:core.CommandType.OPERATION,handler(accessor,params){return accessor.get(exports.ThreadCommentPanelService).setActiveComment(params),!0}},_ThreadCommentMentionDataService=class _ThreadCommentMentionDataService{constructor(){__publicField(this,"dataSource");__publicField(this,"renderSuggestion");__publicField(this,"trigger","@")}async getMentions(search,unitId,subUnitId){return this.dataSource?this.dataSource.getMentions(search,unitId,subUnitId):[]}};__name(_ThreadCommentMentionDataService,"ThreadCommentMentionDataService");let ThreadCommentMentionDataService=_ThreadCommentMentionDataService;const IThreadCommentMentionDataService=core.createIdentifier("thread-comment.mention-data.service"),PLUGIN_CONFIG_KEY="thread-comment-ui.config",defaultPluginConfig={};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"),_a2;exports.UniverThreadCommentUIPlugin=(_a2=class extends core.Plugin{constructor(_config=defaultPluginConfig,_injector,_commandService,_configService){super(),this._config=_config,this._injector=_injector,this._commandService=_commandService,this._configService=_configService;const{menu,...rest}=this._config;menu&&this._configService.setConfig("menu",menu,{merge:!0}),this._configService.setConfig(PLUGIN_CONFIG_KEY,rest)}onStarting(){var _a3;core.mergeOverrideWithDependencies([[exports.ThreadCommentPanelService],[IThreadCommentMentionDataService,{useClass:ThreadCommentMentionDataService}]],(_a3=this._config)==null?void 0:_a3.overrides).forEach(dep=>{this._injector.add(dep)}),[ToggleSheetCommentPanelOperation,SetActiveCommentOperation].forEach(command=>{this._commandService.registerCommand(command)})}},__name(_a2,"UniverThreadCommentUIPlugin"),_a2);__publicField2(exports.UniverThreadCommentUIPlugin,"pluginName",PLUGIN_NAME);__publicField2(exports.UniverThreadCommentUIPlugin,"type",core.UniverInstanceType.UNIVER_UNKNOWN);exports.UniverThreadCommentUIPlugin=__decorateClass([core.DependentOn(threadComment$2.UniverThreadCommentPlugin),__decorateParam(1,core.Inject(core.Injector)),__decorateParam(2,core.ICommandService),__decorateParam(3,core.IConfigService)],exports.UniverThreadCommentUIPlugin);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(_a3){var key=_a3[0],value=_a3[1];typeof value=="string"&&(attrs[key]=value.replace(/url\(#(.*)\)/,"url(#$1".concat(runtimeProps.idSuffix,")")))})),attrs}__name(replaceRuntimeIdsAndExtInAttrs,"replaceRuntimeIdsAndExtInAttrs");function replaceRuntimeIdsInDefs(node,runtimeProps){var _a3,defIds=runtimeProps.defIds;return!defIds||defIds.length===0?node:node.tag==="defs"&&(!((_a3=node.children)===null||_a3===void 0)&&_a3.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$5={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M5.3313 1.4667C5.3313 1.13533 5.59993.866699 5.9313.866699H10.069C10.4004.866699 10.669 1.13533 10.669 1.4667 10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667zM1.09985 3.64443C1.09985 3.31306 1.36848 3.04443 1.69985 3.04443H14.2999C14.6312 3.04443 14.8999 3.31306 14.8999 3.64443 14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443zM6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928 9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171 10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778 9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539 9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263 6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539 5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778 6.12398 9.15024C5.88966 8.91593 5.88966 8.53603 6.12398 8.30171z"}},{tag:"path",attrs:{fill:"currentColor",d:"M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V12.5331C3.15332 13.9691 4.31738 15.1332 5.75332 15.1332H10.2465C11.6825 15.1332 12.8465 13.9691 12.8465 12.5331V6.82217C12.8465 5.93851 12.1302 5.22217 11.2465 5.22217H4.75332ZM4.35332 6.82217C4.35332 6.60125 4.53241 6.42217 4.75332 6.42217H11.2465C11.4674 6.42217 11.6465 6.60125 11.6465 6.82217V12.5331C11.6465 13.3063 11.0197 13.9332 10.2465 13.9332H5.75332C4.98012 13.9332 4.35332 13.3063 4.35332 12.5331V6.82217Z",fillRule:"evenodd",clipRule:"evenodd"}}]},DeleteSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"delete-single",ref,icon:element$5}))});DeleteSingle.displayName="DeleteSingle";var element$4={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z"}}]},IncreaseSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"increase-single",ref,icon:element$4}))});IncreaseSingle.displayName="IncreaseSingle";var element$3={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M3 9C3.55228 9 4 8.55228 4 8 4 7.44772 3.55228 7 3 7 2.44772 7 2 7.44772 2 8 2 8.55228 2.44772 9 3 9zM8 9C8.55228 9 9 8.55228 9 8 9 7.44772 8.55228 7 8 7 7.44772 7 7 7.44772 7 8 7 8.55228 7.44772 9 8 9zM13 9C13.5523 9 14 8.55228 14 8 14 7.44772 13.5523 7 13 7 12.4477 7 12 7.44772 12 8 12 8.55228 12.4477 9 13 9z"}}]},MoreHorizontalSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"more-horizontal-single",ref,icon:element$3}))});MoreHorizontalSingle.displayName="MoreHorizontalSingle";var element$2={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{stroke:"currentColor",d:"M7.48389 10.3267V12.1905C7.48389 12.7428 7.9316 13.1905 8.48389 13.1905H11.2216L12.2955 14.2644L13.3695 13.1905H14.1593C14.7116 13.1905 15.1593 12.7428 15.1593 12.1905V8.46289C15.1593 7.91061 14.7116 7.46289 14.1593 7.46289H12.2955",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.2}},{tag:"path",attrs:{stroke:"currentColor",d:"M0.840332 3.73535C0.840332 2.63078 1.73576 1.73535 2.84033 1.73535H10.2955C11.4001 1.73535 12.2955 2.63078 12.2955 3.73535V8.32676C12.2955 9.43132 11.4001 10.3268 10.2955 10.3268H5.6014L4.1695 11.7587L3.05978 10.3268H2.84033C1.73576 10.3268 0.840332 9.43133 0.840332 8.32676V3.73535Z",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.2}},{tag:"path",attrs:{stroke:"currentColor",d:"M6.41016 6.1311H6.76813M8.91626 6.1311H9.27424M3.90454 6.1311H4.26252",strokeLinecap:"round",strokeWidth:1.2}}]},ReplyToCommentSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"reply-to-comment-single",ref,icon:element$2}))});ReplyToCommentSingle.displayName="ReplyToCommentSingle";var element$1={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 17",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M8.6106 15.4036C12.4766 15.4036 15.6106 12.2696 15.6106 8.40356C15.6106 4.53757 12.4766 1.40356 8.6106 1.40356C4.7446 1.40356 1.6106 4.53757 1.6106 8.40356C1.6106 12.2696 4.7446 15.4036 8.6106 15.4036ZM12.3351 6.82773C12.5694 6.59342 12.5694 6.21352 12.3351 5.9792C12.1007 5.74489 11.7208 5.74489 11.4865 5.9792L7.91079 9.55494L6.33506 7.9792C6.10074 7.74489 5.72084 7.74489 5.48653 7.9792C5.25221 8.21352 5.25221 8.59342 5.48653 8.82773L7.48653 10.8277C7.72084 11.062 8.10074 11.062 8.33506 10.8277L12.3351 6.82773Z",fillRule:"evenodd",clipRule:"evenodd"}}]},ResolvedSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"resolved-single",ref,icon:element$1}))});ResolvedSingle.displayName="ResolvedSingle";var element={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 17",width:"1em",height:"1em"},children:[{tag:"circle",attrs:{cx:8.73,cy:8.4,r:6.4,stroke:"currentColor",strokeWidth:1.2}},{tag:"path",attrs:{stroke:"currentColor",d:"M6.02637 8.40356L8.02637 10.4036L12.0264 6.40356",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.2}}]},SolveSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"solve-single",ref,icon:element}))});SolveSingle.displayName="SolveSingle";const threadCommentEditorButtons="univer-thread-comment-editor-buttons",threadCommentEditorSuggestion="univer-thread-comment-editor-suggestion",threadCommentEditorSuggestionActive="univer-thread-comment-editor-suggestionActive",threadCommentEditorSuggestionIcon="univer-thread-comment-editor-suggestion-icon",styles$2={threadCommentEditorButtons,threadCommentEditorSuggestion,threadCommentEditorSuggestionActive,threadCommentEditorSuggestionIcon},parseMentions=__name(text=>{const regex=/@\[(.*?)\]\((.*?)\)|(\w+)/g;let match,lastIndex=0;const result=[];for(;(match=regex.exec(text))!==null;)match.index>lastIndex&&result.push({type:"text",content:text.substring(lastIndex,match.index)}),match[1]&&match[2]?result.push({type:"mention",content:{label:match[1],id:match[2]}}):match[3]&&result.push({type:"text",content:match[3]}),lastIndex=regex.lastIndex;return lastIndex<text.length&&result.push({type:"text",content:text.substring(lastIndex)}),result},"parseMentions"),transformTextNode2Text=__name(nodes=>nodes.map(item=>{switch(item.type){case"mention":return`@[${item.content.label}](${item.content.id})`;default:return item.content}}).join(""),"transformTextNode2Text"),transformDocument2TextNodes=__name(doc=>{const{dataStream,customRanges}=doc,end=dataStream.length-2,textNodes=[];let lastIndex=0;return customRanges==null||customRanges.forEach(range=>{lastIndex<range.startIndex&&textNodes.push({type:"text",content:dataStream.slice(lastIndex,range.startIndex)}),textNodes.push({type:"mention",content:{label:dataStream.slice(range.startIndex,range.endIndex).slice(1,-1),id:range.rangeId}}),lastIndex=range.endIndex}),textNodes.push({type:"text",content:dataStream.slice(lastIndex,end)}),textNodes},"transformDocument2TextNodes"),transformTextNodes2Document=__name(nodes=>{let str="";const customRanges=[];return nodes.forEach(node=>{switch(node.type){case"text":str+=node.content;break;case"mention":{const start=str.length;str+=`${node.content.label}`;const end=str.length;customRanges.push({rangeId:node.content.id,rangeType:core.CustomRangeType.MENTION,startIndex:start,endIndex:end});break}}}),str+=`
2
- \r`,{textRuns:[],paragraphs:[{startIndex:str.length-2,paragraphStyle:{}}],sectionBreaks:[{startIndex:str.length-1}],dataStream:str,customRanges}},"transformTextNodes2Document"),transformMention=__name(mention=>({display:mention.label,id:`${mention.id}`,raw:mention}),"transformMention"),defaultRenderSuggestion=__name((mention,search,highlightedDisplay,index,focused)=>{var _a3,_b;const icon=(_a3=mention.raw)==null?void 0:_a3.icon;return React.createElement("div",{className:styles$2.threadCommentEditorSuggestion},icon?React.createElement("img",{className:styles$2.threadCommentEditorSuggestionIcon,src:icon}):null,React.createElement("div",null,(_b=mention.display)!=null?_b:mention.id))},"defaultRenderSuggestion"),ThreadCommentEditor=React.forwardRef((props,ref)=>{var _a3,_b;const{comment,onSave,id,onCancel,autoFocus,unitId,subUnitId}=props,mentionDataService=core.useDependency(IThreadCommentMentionDataService),commandService=core.useDependency(core.ICommandService),localeService=core.useDependency(core.LocaleService),[localComment,setLocalComment]=React.useState({...comment}),[editing,setEditing]=React.useState(!1),inputRef=React.useRef(null),docSelectionManagerService=core.useDependency(docs.DocSelectionManagerService),docSelectionRenderService=(_a3=core.useDependency(engineRender.IRenderManagerService).getCurrentTypeOfRenderer(core.UniverInstanceType.UNIVER_DOC))==null?void 0:_a3.with(docsUi.DocSelectionRenderService);React.useImperativeHandle(ref,()=>({reply(text){var _a4;setLocalComment({...comment,text,attachments:[]}),(_a4=inputRef.current)==null||_a4.inputElement.focus()}}));const handleSave=__name(()=>{var _a4;localComment.text&&(onSave==null||onSave({...localComment,text:localComment.text}),setEditing(!1),setLocalComment({text:void 0}),(_a4=inputRef.current)==null||_a4.inputElement.blur())},"handleSave");return React.createElement("div",{className:styles$2.threadCommentEditor,onClick:__name(e=>e.preventDefault(),"onClick")},React.createElement(design.Mentions,{ref:inputRef,autoFocus,style:{width:"100%"},placeholder:localeService.t("threadCommentUI.editor.placeholder"),value:localComment!=null&&localComment.text?transformTextNode2Text(transformDocument2TextNodes(localComment.text)):"",onChange:__name(e=>{e.target.value||setLocalComment({...comment,text:void 0}),setLocalComment==null||setLocalComment({...comment,text:transformTextNodes2Document(parseMentions(e.target.value))})},"onChange"),onFocus:__name(()=>{const activeRange=docSelectionManagerService.getActiveTextRange();activeRange&&activeRange.collapsed&&(docSelectionRenderService==null||docSelectionRenderService.removeAllRanges()),docSelectionRenderService==null||docSelectionRenderService.blur(),setEditing(!0)},"onFocus")},React.createElement(design.Mention,{key:mentionDataService.trigger,trigger:mentionDataService.trigger,data:__name((query,callback)=>mentionDataService.getMentions(query,unitId,subUnitId).then(res=>res.map(transformMention)).then(callback),"data"),displayTransform:__name((id2,label)=>`@${label} `,"displayTransform"),renderSuggestion:(_b=mentionDataService.renderSuggestion)!=null?_b:defaultRenderSuggestion})),editing?React.createElement("div",{className:styles$2.threadCommentEditorButtons},React.createElement(design.Button,{style:{marginRight:12},onClick:__name(()=>{onCancel==null||onCancel(),setEditing(!1),setLocalComment({text:void 0}),commandService.executeCommand(SetActiveCommentOperation.id)},"onClick")},localeService.t("threadCommentUI.editor.cancel")),React.createElement(design.Button,{type:"primary",disabled:!localComment.text,onClick:handleSave},localeService.t(id?"threadCommentUI.editor.save":"threadCommentUI.editor.reply"))):null)}),threadComment$1="univer-thread-comment",threadCommentActive="univer-thread-comment-active",threadCommentContent="univer-thread-comment-content",threadCommentHighlight="univer-thread-comment-highlight",threadCommentIconContainer="univer-thread-comment-icon-container",threadCommentIcon="univer-thread-comment-icon",threadCommentTitle="univer-thread-comment-title",threadCommentTitlePosition="univer-thread-comment-title-position",threadCommentTitleHighlight="univer-thread-comment-title-highlight",threadCommentTitlePositionText="univer-thread-comment-title-position-text",threadCommentUsername="univer-thread-comment-username",threadCommentItem="univer-thread-comment-item",threadCommentItemHead="univer-thread-comment-item-head",threadCommentItemTitle="univer-thread-comment-item-title",threadCommentItemTitlePosition="univer-thread-comment-item-title-position",threadCommentItemTitleHighlight="univer-thread-comment-item-title-highlight",threadCommentItemTime="univer-thread-comment-item-time",threadCommentItemContent="univer-thread-comment-item-content",threadCommentItemAt="univer-thread-comment-item-at",styles$1={threadComment:threadComment$1,threadCommentActive,threadCommentContent,threadCommentHighlight,threadCommentIconContainer,threadCommentIcon,threadCommentTitle,threadCommentTitlePosition,threadCommentTitleHighlight,threadCommentTitlePositionText,threadCommentUsername,threadCommentItem,threadCommentItemHead,threadCommentItemTitle,threadCommentItemTitlePosition,threadCommentItemTitleHighlight,threadCommentItemTime,threadCommentItemContent,threadCommentItemAt},MOCK_ID="__mock__",ThreadCommentItem=__name(props=>{const{item,unitId,subUnitId,editing,onEditingChange,onReply,resolved,isRoot,onClose,onDeleteComment}=props,commandService=core.useDependency(core.ICommandService),localeService=core.useDependency(core.LocaleService),userManagerService=core.useDependency(core.UserManagerService),user=userManagerService.getUser(item.personId),currentUser=ui.useObservable(userManagerService.currentUser$),isCommentBySelf=(currentUser==null?void 0:currentUser.userID)===item.personId,isMock=item.id===MOCK_ID,[showReply,setShowReply]=React.useState(!1),handleDeleteItem=__name(()=>{(onDeleteComment==null?void 0:onDeleteComment(item))!==!1&&(commandService.executeCommand(isRoot?threadComment$2.DeleteCommentTreeCommand.id:threadComment$2.DeleteCommentCommand.id,{unitId,subUnitId,commentId:item.id}),isRoot&&(onClose==null||onClose()))},"handleDeleteItem");return React.createElement("div",{className:styles$1.threadCommentItem,onMouseLeave:__name(()=>setShowReply(!1),"onMouseLeave"),onMouseEnter:__name(()=>setShowReply(!0),"onMouseEnter")},React.createElement("img",{className:styles$1.threadCommentItemHead,src:user==null?void 0:user.avatar}),React.createElement("div",{className:styles$1.threadCommentItemTitle},React.createElement("div",{className:styles$1.threadCommentUsername},(user==null?void 0:user.name)||" "),React.createElement("div",null,isMock||resolved?null:showReply?React.createElement("div",{className:styles$1.threadCommentIcon,onClick:__name(()=>onReply(user),"onClick")},React.createElement(ReplyToCommentSingle,null)):null,isCommentBySelf&&!isMock&&!resolved?React.createElement(design.Dropdown,{overlay:React.createElement(design.Menu,null,React.createElement(design.MenuItem,{key:"edit",onClick:__name(()=>onEditingChange==null?void 0:onEditingChange(!0),"onClick")},localeService.t("threadCommentUI.item.edit")),React.createElement(design.MenuItem,{key:"delete",onClick:handleDeleteItem},localeService.t("threadCommentUI.item.delete")))},React.createElement("div",{className:styles$1.threadCommentIcon},React.createElement(MoreHorizontalSingle,null))):null)),React.createElement("div",{className:styles$1.threadCommentItemTime},item.dT),editing?React.createElement(ThreadCommentEditor,{id:item.id,comment:item,onCancel:__name(()=>onEditingChange==null?void 0:onEditingChange(!1),"onCancel"),autoFocus:!0,unitId,subUnitId,onSave:__name(({text,attachments})=>{onEditingChange==null||onEditingChange(!1),commandService.executeCommand(threadComment$2.UpdateCommentCommand.id,{unitId,subUnitId,payload:{commentId:item.id,text,attachments}})},"onSave")}):React.createElement("div",{className:styles$1.threadCommentItemContent},transformDocument2TextNodes(item.text).map((item2,i)=>{switch(item2.type){case"mention":return React.createElement("a",{className:styles$1.threadCommentItemAt,key:i},"@",item2.content.label," ");default:return item2.content}})))},"ThreadCommentItem"),ThreadCommentTree=__name(props=>{var _a3,_b,_c;const{id,unitId,subUnitId,refStr,showEdit=!0,onClick,showHighlight,onClose,getSubUnitName,prefix,autoFocus,onMouseEnter,onMouseLeave,onAddComment,onDeleteComment,onResolve}=props,threadCommentModel=core.useDependency(threadComment$2.ThreadCommentModel),[isHover,setIsHover]=React.useState(!1),[editingId,setEditingId]=React.useState("");ui.useObservable(threadCommentModel.commentMap$);const comments=id?threadCommentModel.getCommentWithChildren(unitId,subUnitId,id):null,commandService=core.useDependency(core.ICommandService),userManagerService=core.useDependency(core.UserManagerService),resolved=comments==null?void 0:comments.root.resolved,currentUser=ui.useObservable(userManagerService.currentUser$),editorRef=React.useRef(null),renderComments=[...comments?[comments.root]:[{id:MOCK_ID,text:{dataStream:`
3
- \r`},personId:(_a3=currentUser==null?void 0:currentUser.userID)!=null?_a3:"",ref:refStr!=null?refStr:"",dT:"",unitId,subUnitId,threadId:""}],...(_b=comments==null?void 0:comments.children)!=null?_b:[]],scroller=React.useRef(null),handleResolve=__name(e=>{e.stopPropagation(),resolved?commandService.executeCommand(SetActiveCommentOperation.id,{unitId,subUnitId,commentId:id}):commandService.executeCommand(SetActiveCommentOperation.id),commandService.executeCommand(threadComment$2.ResolveCommentCommand.id,{unitId,subUnitId,commentId:id,resolved:!resolved}),onResolve==null||onResolve(!resolved)},"handleResolve"),handleDeleteRoot=__name(e=>{e.stopPropagation(),commandService.executeCommand(SetActiveCommentOperation.id),!(comments!=null&&comments.root&&(onDeleteComment==null?void 0:onDeleteComment(comments.root))===!1)&&(commandService.executeCommand(threadComment$2.DeleteCommentTreeCommand.id,{unitId,subUnitId,commentId:id}),onClose==null||onClose())},"handleDeleteRoot");React.useEffect(()=>onMouseLeave==null?void 0:onMouseLeave(),[]);const subUnitName=getSubUnitName((_c=comments==null?void 0:comments.root.subUnitId)!=null?_c:subUnitId),editorVisible=showEdit&&!editingId&&!resolved,title=`${refStr||(comments==null?void 0:comments.root.ref)||""}${subUnitName?" · ":""}${subUnitName}`;return React.createElement("div",{className:cs(styles$1.threadComment,{[styles$1.threadCommentActive]:!resolved&&(showHighlight||isHover||prefix==="cell")}),onClick,id:`${prefix}-${unitId}-${subUnitId}-${id}`,onMouseEnter:__name(()=>{onMouseEnter==null||onMouseEnter(),setIsHover(!0)},"onMouseEnter"),onMouseLeave:__name(()=>{onMouseLeave==null||onMouseLeave(),setIsHover(!1)},"onMouseLeave")},!resolved&&showHighlight?React.createElement("div",{className:styles$1.threadCommentHighlight}):null,React.createElement("div",{className:styles$1.threadCommentTitle},React.createElement("div",{className:styles$1.threadCommentTitlePosition},React.createElement("div",{className:styles$1.threadCommentTitleHighlight}),React.createElement(design.Tooltip,{showIfEllipsis:!0,title},React.createElement("div",{className:styles$1.threadCommentTitlePositionText},title))),comments?React.createElement("div",{className:styles$1.threadCommentIconContainer},React.createElement("div",{onClick:handleResolve,className:styles$1.threadCommentIcon,style:{color:resolved?"rgb(var(--green-500))":""}},resolved?React.createElement(ResolvedSingle,null):React.createElement(SolveSingle,null)),(currentUser==null?void 0:currentUser.userID)===comments.root.personId?React.createElement("div",{className:styles$1.threadCommentIcon,onClick:handleDeleteRoot},React.createElement(DeleteSingle,null)):null):null),React.createElement("div",{className:styles$1.threadCommentContent,ref:scroller},renderComments.map(item=>React.createElement(ThreadCommentItem,{onClose,unitId,subUnitId,item,key:item.id,isRoot:item.id===(comments==null?void 0:comments.root.id),editing:editingId===item.id,resolved:comments==null?void 0:comments.root.resolved,onEditingChange:__name(editing=>{setEditingId(editing?item.id:"")},"onEditingChange"),onReply:__name(user=>{user&&requestAnimationFrame(()=>{var _a4;(_a4=editorRef.current)==null||_a4.reply(transformTextNodes2Document([{type:"mention",content:{id:user.userID,label:user.name}}]))})},"onReply"),onAddComment,onDeleteComment}))),editorVisible?React.createElement("div",null,React.createElement(ThreadCommentEditor,{key:`${autoFocus}`,ref:editorRef,unitId,subUnitId,onSave:__name(async({text,attachments})=>{const comment={text,attachments,dT:getDT(),id:core.generateRandomId(),ref:refStr,personId:currentUser==null?void 0:currentUser.userID,parentId:comments==null?void 0:comments.root.id,unitId,subUnitId,threadId:comments==null?void 0:comments.root.threadId};(onAddComment==null?void 0:onAddComment(comment))!==!1&&(await commandService.executeCommand(threadComment$2.AddCommentCommand.id,{unitId,subUnitId,comment}),scroller.current&&(scroller.current.scrollTop=scroller.current.scrollHeight))},"onSave"),autoFocus:autoFocus||!comments,onCancel:__name(()=>{comments||onClose==null||onClose()},"onCancel")})):null)},"ThreadCommentTree"),threadCommentPanel="univer-thread-comment-panel",threadComment="univer-thread-comment",threadCommentPanelForms="univer-thread-comment-panel-forms",select="univer-select",threadCommentPanelEmpty="univer-thread-comment-panel-empty",threadCommentPanelAdd="univer-thread-comment-panel-add",threadCommentPanelSolved="univer-thread-comment-panel-solved",styles={threadCommentPanel,threadComment,threadCommentPanelForms,select,threadCommentPanelEmpty,threadCommentPanelAdd,threadCommentPanelSolved},ThreadCommentPanel=__name(props=>{const{unitId,subUnitId$,type,onAdd,getSubUnitName,onResolve,sortComments,onItemLeave,onItemEnter,disableAdd,tempComment,onAddComment,onDeleteComment,showComments}=props,[unit,setUnit]=React.useState("all"),[status,setStatus]=React.useState("all"),localeService=core.useDependency(core.LocaleService),userService=core.useDependency(core.UserManagerService),threadCommentModel=core.useDependency(threadComment$2.ThreadCommentModel),[unitComments,setUnitComments]=React.useState(()=>threadCommentModel.getUnit(unitId)),panelService=core.useDependency(exports.ThreadCommentPanelService),activeCommentId=ui.useObservable(panelService.activeCommentId$),update=ui.useObservable(threadCommentModel.commentUpdate$),commandService=core.useDependency(core.ICommandService),subUnitId=ui.useObservable(subUnitId$),shouldScroll=React.useRef(!0),prefix="panel",currentUser=ui.useObservable(userService.currentUser$),comments=React.useMemo(()=>{var _a3,_b;const allComments=(unit==="all"?unitComments.map(i=>i[1]).flat():(_b=(_a3=unitComments.find(i=>i[0]===subUnitId))==null?void 0:_a3[1])!=null?_b:[]).filter(i=>!i.parentId),sort=sortComments!=null?sortComments:a=>a,res=allComments;if(showComments){const map=new Map;return res.forEach(comment=>{map.set(comment.id,comment)}),[...showComments,""].map(id=>map.get(id)).filter(Boolean)}else return sort(res)},[showComments,unit,unitComments,sortComments,subUnitId]),commentsSorted=React.useMemo(()=>[...comments.filter(comment=>!comment.resolved),...comments.filter(comment=>comment.resolved)],[comments]),statuedComments=React.useMemo(()=>status==="resolved"?commentsSorted.filter(comment=>comment.resolved):status==="unsolved"?commentsSorted.filter(comment=>!comment.resolved):status==="concern_me"&&currentUser!=null&&currentUser.userID?commentsSorted.map(comment=>threadCommentModel.getCommentWithChildren(comment.unitId,comment.subUnitId,comment.id)).map(comment=>comment!=null&&comment.relativeUsers.has(currentUser.userID)?comment.root:null).filter(Boolean):commentsSorted,[commentsSorted,currentUser==null?void 0:currentUser.userID,status,threadCommentModel]),renderComments=tempComment?[tempComment,...statuedComments]:statuedComments,unSolvedComments=renderComments.filter(comment=>!comment.resolved),solvedComments=renderComments.filter(comment=>comment.resolved),isFiltering=status!=="all"||unit!=="all",onReset=__name(()=>{setStatus("all"),setUnit("all")},"onReset");React.useEffect(()=>{unitId&&setUnitComments(threadCommentModel.getUnit(unitId))},[unitId,threadCommentModel,update]),React.useEffect(()=>{var _a3;if(!activeCommentId)return;if(!shouldScroll.current){shouldScroll.current=!0;return}const{unitId:unitId2,subUnitId:subUnitId2,commentId}=activeCommentId,id=`${prefix}-${unitId2}-${subUnitId2}-${commentId}`;(_a3=document.getElementById(id))==null||_a3.scrollIntoView({block:"center"})},[activeCommentId]);const renderComment=__name(comment=>React.createElement(ThreadCommentTree,{prefix,getSubUnitName,key:comment.id,id:comment.id,unitId:comment.unitId,subUnitId:comment.subUnitId,refStr:comment.ref,type,showEdit:(activeCommentId==null?void 0:activeCommentId.commentId)===comment.id,showHighlight:(activeCommentId==null?void 0:activeCommentId.commentId)===comment.id,onClick:__name(()=>{shouldScroll.current=!1,comment.resolved?commandService.executeCommand(SetActiveCommentOperation.id):commandService.executeCommand(SetActiveCommentOperation.id,{unitId:comment.unitId,subUnitId:comment.subUnitId,commentId:comment.id,temp:!1})},"onClick"),onMouseEnter:__name(()=>onItemEnter==null?void 0:onItemEnter(comment),"onMouseEnter"),onMouseLeave:__name(()=>onItemLeave==null?void 0:onItemLeave(comment),"onMouseLeave"),onAddComment,onDeleteComment,onResolve:__name(resolved=>onResolve==null?void 0:onResolve(comment.id,resolved),"onResolve")}),"renderComment");return React.createElement("div",{className:styles.threadCommentPanel},React.createElement("div",{className:styles.threadCommentPanelForms},type===core.UniverInstanceType.UNIVER_SHEET?React.createElement(design.Select,{borderless:!0,value:unit,onChange:__name(e=>setUnit(e),"onChange"),options:[{value:"current",label:localeService.t("threadCommentUI.filter.sheet.current")},{value:"all",label:localeService.t("threadCommentUI.filter.sheet.all")}]}):null,React.createElement(design.Select,{borderless:!0,value:status,onChange:__name(e=>setStatus(e),"onChange"),options:[{value:"all",label:localeService.t("threadCommentUI.filter.status.all")},{value:"resolved",label:localeService.t("threadCommentUI.filter.status.resolved")},{value:"unsolved",label:localeService.t("threadCommentUI.filter.status.unsolved")},{value:"concern_me",label:localeService.t("threadCommentUI.filter.status.concernMe")}]})),unSolvedComments.map(renderComment),solvedComments.length?React.createElement("div",{className:styles.threadCommentPanelSolved},"已解决"):null,solvedComments.map(renderComment),renderComments.length?null:React.createElement("div",{className:styles.threadCommentPanelEmpty},isFiltering?localeService.t("threadCommentUI.panel.filterEmpty"):localeService.t("threadCommentUI.panel.empty"),isFiltering?React.createElement(design.Button,{onClick:onReset,type:"link"},localeService.t("threadCommentUI.panel.reset")):React.createElement(design.Button,{id:"thread-comment-add",className:styles.threadCommentPanelAdd,type:"primary",onClick:onAdd,disabled:disableAdd},React.createElement(IncreaseSingle,null),localeService.t("threadCommentUI.panel.addComment"))))},"ThreadCommentPanel");exports.IThreadCommentMentionDataService=IThreadCommentMentionDataService;exports.SetActiveCommentOperation=SetActiveCommentOperation;exports.THREAD_COMMENT_PANEL=THREAD_COMMENT_PANEL;exports.ThreadCommentPanel=ThreadCommentPanel;exports.ThreadCommentTree=ThreadCommentTree;exports.ToggleSheetCommentPanelOperation=ToggleSheetCommentPanelOperation;exports.getDT=getDT;
1
+ 'use strict';var _0x228ef6=_0x3aba;(function(_0x57827a,_0x18fa47){var _0x2e9efa=_0x3aba,_0x38398c=_0x57827a();while(!![]){try{var _0x1d3429=-parseInt(_0x2e9efa(0xe7))/0x1+-parseInt(_0x2e9efa(0x144))/0x2+-parseInt(_0x2e9efa(0x153))/0x3*(parseInt(_0x2e9efa(0x1b8))/0x4)+-parseInt(_0x2e9efa(0x188))/0x5+parseInt(_0x2e9efa(0x130))/0x6*(parseInt(_0x2e9efa(0x13c))/0x7)+parseInt(_0x2e9efa(0x1bf))/0x8*(parseInt(_0x2e9efa(0x96))/0x9)+parseInt(_0x2e9efa(0x179))/0xa*(parseInt(_0x2e9efa(0x162))/0xb);if(_0x1d3429===_0x18fa47)break;else _0x38398c['push'](_0x38398c['shift']());}catch(_0x1e25e7){_0x38398c['push'](_0x38398c['shift']());}}}(_0x4fc2,0x1d3ed));var __defProp=Object['defineProperty'],__defNormalProp=(_0x261cbb,_0x16aab9,_0x541cc4)=>_0x16aab9 in _0x261cbb?__defProp(_0x261cbb,_0x16aab9,{'enumerable':!0x0,'configurable':!0x0,'writable':!0x0,'value':_0x541cc4}):_0x261cbb[_0x16aab9]=_0x541cc4,__name=(_0x4e8766,_0x4402bd)=>__defProp(_0x4e8766,_0x228ef6(0x1bd),{'value':_0x4402bd,'configurable':!0x0}),__publicField=(_0x364cbb,_0x5633d4,_0x2e21a2)=>__defNormalProp(_0x364cbb,typeof _0x5633d4!=_0x228ef6(0xeb)?_0x5633d4+'':_0x5633d4,_0x2e21a2);Object[_0x228ef6(0xc6)](exports,Symbol['toStringTag'],{'value':_0x228ef6(0x1aa)});const dayjs=require(_0x228ef6(0x90)),threadComment$2=require(_0x228ef6(0x186)),core=require(_0x228ef6(0x117)),ui=require('@univerjs/ui'),rxjs=require(_0x228ef6(0x134)),design=require(_0x228ef6(0xcb)),React=require(_0x228ef6(0x9e)),cs=require(_0x228ef6(0x173)),docs=require('@univerjs/docs'),docsUi=require(_0x228ef6(0x178)),engineRender=require('@univerjs/engine-render');function getDT(){var _0x44609b=_0x228ef6;return dayjs()[_0x44609b(0x19d)](_0x44609b(0x9f));}__name(getDT,'getDT');const THREAD_COMMENT_PANEL=_0x228ef6(0xef),PLUGIN_NAME=_0x228ef6(0x154);var __defProp$1=Object[_0x228ef6(0xc6)],__getOwnPropDesc$1=Object['getOwnPropertyDescriptor'],__decorateClass$1=__name((_0x2b3d5c,_0x35120e,_0x5553c3,_0x470922)=>{var _0x4063fb=_0x228ef6;for(var _0x26d4c7=_0x470922>0x1?void 0x0:_0x470922?__getOwnPropDesc$1(_0x35120e,_0x5553c3):_0x35120e,_0x11a553=_0x2b3d5c[_0x4063fb(0xfb)]-0x1,_0x2c3ab2;_0x11a553>=0x0;_0x11a553--)(_0x2c3ab2=_0x2b3d5c[_0x11a553])&&(_0x26d4c7=(_0x470922?_0x2c3ab2(_0x35120e,_0x5553c3,_0x26d4c7):_0x2c3ab2(_0x26d4c7))||_0x26d4c7);return _0x470922&&_0x26d4c7&&__defProp$1(_0x35120e,_0x5553c3,_0x26d4c7),_0x26d4c7;},_0x228ef6(0x15b)),__decorateParam$1=__name((_0x2869ee,_0x6ea37)=>(_0xc751c8,_0x4f14c5)=>_0x6ea37(_0xc751c8,_0x4f14c5,_0x2869ee),_0x228ef6(0x114)),_a;exports[_0x228ef6(0xbb)]=(_a=class extends core[_0x228ef6(0x19e)]{constructor(_0x3c8377,_0x341d0e){var _0x4fb342=_0x228ef6;super(),__publicField(this,'_panelVisible',!0x1),__publicField(this,_0x4fb342(0x1bb),new rxjs['BehaviorSubject'](!0x1)),__publicField(this,_0x4fb342(0xb2)),__publicField(this,_0x4fb342(0x87),new rxjs[(_0x4fb342(0x17b))](void 0x0)),__publicField(this,_0x4fb342(0x177),this[_0x4fb342(0x1bb)]['asObservable']()),__publicField(this,_0x4fb342(0xd8),this[_0x4fb342(0x87)][_0x4fb342(0x132)]()),(this[_0x4fb342(0x158)]=_0x3c8377,this[_0x4fb342(0xed)]=_0x341d0e,this[_0x4fb342(0xe4)](),this[_0x4fb342(0x15c)](()=>{var _0x5965ae=_0x4fb342;this[_0x5965ae(0x87)]['complete'](),this[_0x5965ae(0x1bb)][_0x5965ae(0xf7)]();}));}[_0x228ef6(0xe4)](){var _0xd80a34=_0x228ef6;this[_0xd80a34(0x15c)](this[_0xd80a34(0x158)][_0xd80a34(0x1c3)][_0xd80a34(0x138)](_0x4bbe20=>{var _0x412e0b=_0xd80a34;_0x4bbe20['visible']||this[_0x412e0b(0x11f)](!0x1);})),this['disposeWithMe'](this['_univerInstanceService'][_0xd80a34(0x13f)](core[_0xd80a34(0x1a8)][_0xd80a34(0x8d)])[_0xd80a34(0xe1)](rxjs['filter'](_0x545ddf=>!_0x545ddf))[_0xd80a34(0x138)](()=>{var _0x26e7e7=_0xd80a34;this[_0x26e7e7(0x158)][_0x26e7e7(0xee)]();}));}get[_0x228ef6(0x141)](){var _0x48cc8e=_0x228ef6;return this[_0x48cc8e(0x9a)];}get[_0x228ef6(0x18a)](){var _0x3a20fe=_0x228ef6;return this[_0x3a20fe(0xb2)];}['setPanelVisible'](_0x1b538b){var _0x16111a=_0x228ef6;this[_0x16111a(0x9a)]=_0x1b538b,this[_0x16111a(0x1bb)][_0x16111a(0x14e)](_0x1b538b);}[_0x228ef6(0x198)](_0x486779){var _0x5f06ba=_0x228ef6;this[_0x5f06ba(0xb2)]=_0x486779,this[_0x5f06ba(0x87)]['next'](_0x486779);}},__name(_a,_0x228ef6(0xbb)),_a),exports[_0x228ef6(0xbb)]=__decorateClass$1([__decorateParam$1(0x0,core[_0x228ef6(0x126)](ui[_0x228ef6(0x17f)])),__decorateParam$1(0x1,core[_0x228ef6(0xf6)])],exports[_0x228ef6(0xbb)]);const ToggleSheetCommentPanelOperation={'id':'thread-comment-ui.operation.toggle-panel','type':core[_0x228ef6(0x142)][_0x228ef6(0x196)],'handler'(_0x1e4e29){var _0xa2de2b=_0x228ef6;const _0x4c7736=_0x1e4e29[_0xa2de2b(0xd3)](ui[_0xa2de2b(0x17f)]),_0x296c36=_0x1e4e29[_0xa2de2b(0xd3)](exports[_0xa2de2b(0xbb)]);return _0x296c36[_0xa2de2b(0x141)]?(_0x4c7736[_0xa2de2b(0xee)](),_0x296c36[_0xa2de2b(0x11f)](!0x1)):(_0x4c7736[_0xa2de2b(0x101)]({'header':{'title':'threadCommentUI.panel.title'},'children':{'label':THREAD_COMMENT_PANEL},'width':0x14a}),_0x296c36[_0xa2de2b(0x11f)](!0x0)),!0x0;}},SetActiveCommentOperation={'id':_0x228ef6(0x84),'type':core[_0x228ef6(0x142)]['OPERATION'],'handler'(_0x311981,_0x57aceb){var _0x133ca8=_0x228ef6;return _0x311981[_0x133ca8(0xd3)](exports[_0x133ca8(0xbb)])[_0x133ca8(0x198)](_0x57aceb),!0x0;}},_ThreadCommentMentionDataService=class _ThreadCommentMentionDataService{constructor(){var _0x5dd84f=_0x228ef6;__publicField(this,_0x5dd84f(0xca)),__publicField(this,_0x5dd84f(0xb8)),__publicField(this,'trigger','@');}async[_0x228ef6(0x181)](_0x55cb2a,_0x1adf37,_0x22537b){var _0x1d99fa=_0x228ef6;return this[_0x1d99fa(0xca)]?this[_0x1d99fa(0xca)][_0x1d99fa(0x181)](_0x55cb2a,_0x1adf37,_0x22537b):[];}};function _0x3aba(_0x4808bd,_0x1dddcb){var _0x4fc230=_0x4fc2();return _0x3aba=function(_0x3abab6,_0x438cf0){_0x3abab6=_0x3abab6-0x82;var _0x32cc5a=_0x4fc230[_0x3abab6];return _0x32cc5a;},_0x3aba(_0x4808bd,_0x1dddcb);}__name(_ThreadCommentMentionDataService,'ThreadCommentMentionDataService');let ThreadCommentMentionDataService=_ThreadCommentMentionDataService;const IThreadCommentMentionDataService=core[_0x228ef6(0xc3)]('thread-comment.mention-data.service'),PLUGIN_CONFIG_KEY='thread-comment-ui.config',defaultPluginConfig={};var __defProp2=Object[_0x228ef6(0xc6)],__getOwnPropDesc=Object[_0x228ef6(0x133)],__defNormalProp2=__name((_0x1f984b,_0x37da59,_0x20d1d3)=>_0x37da59 in _0x1f984b?__defProp2(_0x1f984b,_0x37da59,{'enumerable':!0x0,'configurable':!0x0,'writable':!0x0,'value':_0x20d1d3}):_0x1f984b[_0x37da59]=_0x20d1d3,_0x228ef6(0xd4)),__decorateClass=__name((_0x322c19,_0x2e4027,_0x4706f8,_0x1d511b)=>{var _0x3873de=_0x228ef6;for(var _0xfcc486=_0x1d511b>0x1?void 0x0:_0x1d511b?__getOwnPropDesc(_0x2e4027,_0x4706f8):_0x2e4027,_0x57641a=_0x322c19[_0x3873de(0xfb)]-0x1,_0x297975;_0x57641a>=0x0;_0x57641a--)(_0x297975=_0x322c19[_0x57641a])&&(_0xfcc486=(_0x1d511b?_0x297975(_0x2e4027,_0x4706f8,_0xfcc486):_0x297975(_0xfcc486))||_0xfcc486);return _0x1d511b&&_0xfcc486&&__defProp2(_0x2e4027,_0x4706f8,_0xfcc486),_0xfcc486;},_0x228ef6(0xaf)),__decorateParam=__name((_0x3639e8,_0x193497)=>(_0x2ff6c6,_0x3ab31e)=>_0x193497(_0x2ff6c6,_0x3ab31e,_0x3639e8),_0x228ef6(0x10a)),__publicField2=__name((_0x4eecb6,_0x49199f,_0x2eeeb2)=>__defNormalProp2(_0x4eecb6,typeof _0x49199f!=_0x228ef6(0xeb)?_0x49199f+'':_0x49199f,_0x2eeeb2),_0x228ef6(0x135)),_a2;exports[_0x228ef6(0x16c)]=(_a2=class extends core[_0x228ef6(0x155)]{constructor(_0x2c510c=defaultPluginConfig,_0x3c6d31,_0x49568d,_0x4284b3){var _0x5189cb=_0x228ef6;super(),this[_0x5189cb(0x14a)]=_0x2c510c,this[_0x5189cb(0x110)]=_0x3c6d31,this[_0x5189cb(0xc8)]=_0x49568d,this[_0x5189cb(0xd2)]=_0x4284b3;const {menu:_0x7c1a43,..._0xb23828}=this['_config'];_0x7c1a43&&this['_configService']['setConfig'](_0x5189cb(0x1c1),_0x7c1a43,{'merge':!0x0}),this[_0x5189cb(0xd2)][_0x5189cb(0x151)](PLUGIN_CONFIG_KEY,_0xb23828);}[_0x228ef6(0xa2)](){var _0x434571=_0x228ef6,_0x50d58d;core[_0x434571(0xb9)]([[exports['ThreadCommentPanelService']],[IThreadCommentMentionDataService,{'useClass':ThreadCommentMentionDataService}]],(_0x50d58d=this['_config'])==null?void 0x0:_0x50d58d['overrides'])[_0x434571(0x10e)](_0x3e626d=>{var _0x56b62c=_0x434571;this[_0x56b62c(0x110)][_0x56b62c(0xe8)](_0x3e626d);}),[ToggleSheetCommentPanelOperation,SetActiveCommentOperation][_0x434571(0x10e)](_0x45a6d5=>{var _0x5d80be=_0x434571;this[_0x5d80be(0xc8)][_0x5d80be(0xb6)](_0x45a6d5);});}},__name(_a2,_0x228ef6(0x16c)),_a2),__publicField2(exports[_0x228ef6(0x16c)],_0x228ef6(0x115),PLUGIN_NAME),__publicField2(exports[_0x228ef6(0x16c)],_0x228ef6(0x1a1),core[_0x228ef6(0x1a8)][_0x228ef6(0x17c)]),exports['UniverThreadCommentUIPlugin']=__decorateClass([core[_0x228ef6(0xa6)](threadComment$2[_0x228ef6(0x97)]),__decorateParam(0x1,core[_0x228ef6(0x126)](core[_0x228ef6(0xc2)])),__decorateParam(0x2,core[_0x228ef6(0x163)]),__decorateParam(0x3,core[_0x228ef6(0x12a)])],exports[_0x228ef6(0x16c)]);var __assign=function(){var _0x3f6cbb=_0x228ef6;return __assign=Object[_0x3f6cbb(0xb3)]||function(_0x451640){var _0x22619e=_0x3f6cbb;for(var _0x51af01,_0xf3a3b9=0x1,_0x5c6296=arguments[_0x22619e(0xfb)];_0xf3a3b9<_0x5c6296;_0xf3a3b9++){_0x51af01=arguments[_0xf3a3b9];for(var _0x256e41 in _0x51af01)Object[_0x22619e(0x1b4)][_0x22619e(0x1ad)]['call'](_0x51af01,_0x256e41)&&(_0x451640[_0x256e41]=_0x51af01[_0x256e41]);}return _0x451640;},__assign[_0x3f6cbb(0x9b)](this,arguments);},__rest=function(_0x17d428,_0x9daee6){var _0x4b1719=_0x228ef6,_0x553817={};for(var _0x40169e in _0x17d428)Object['prototype'][_0x4b1719(0x1ad)][_0x4b1719(0xb0)](_0x17d428,_0x40169e)&&_0x9daee6[_0x4b1719(0x8a)](_0x40169e)<0x0&&(_0x553817[_0x40169e]=_0x17d428[_0x40169e]);if(_0x17d428!=null&&typeof Object['getOwnPropertySymbols']==_0x4b1719(0xa4)){for(var _0x276df9=0x0,_0x40169e=Object[_0x4b1719(0xdb)](_0x17d428);_0x276df9<_0x40169e[_0x4b1719(0xfb)];_0x276df9++)_0x9daee6[_0x4b1719(0x8a)](_0x40169e[_0x276df9])<0x0&&Object[_0x4b1719(0x1b4)]['propertyIsEnumerable'][_0x4b1719(0xb0)](_0x17d428,_0x40169e[_0x276df9])&&(_0x553817[_0x40169e[_0x276df9]]=_0x17d428[_0x40169e[_0x276df9]]);}return _0x553817;},IconBase=React[_0x228ef6(0xe5)](function(_0x242a6f,_0x12d166){var _0x29a30=_0x228ef6,_0x48dcf2=_0x242a6f[_0x29a30(0x106)],_0x305ddb=_0x242a6f['id'],_0x37365e=_0x242a6f[_0x29a30(0xbc)],_0x1b207b=_0x242a6f[_0x29a30(0xd6)],_0x3e2e34=__rest(_0x242a6f,[_0x29a30(0x106),'id',_0x29a30(0xbc),_0x29a30(0xd6)]),_0x5278f5=_0x29a30(0xbf)[_0x29a30(0x14c)](_0x305ddb,'\x20')[_0x29a30(0x14c)](_0x37365e||'')[_0x29a30(0x123)](),_0x18f072=React[_0x29a30(0xdc)]('_'['concat'](generateShortUuid()));return render(_0x48dcf2,''[_0x29a30(0x14c)](_0x305ddb),{'defIds':_0x48dcf2[_0x29a30(0x18d)],'idSuffix':_0x18f072[_0x29a30(0x167)]},__assign({'ref':_0x12d166,'className':_0x5278f5},_0x3e2e34),_0x1b207b);});function render(_0x145e80,_0x87cba7,_0x20aeb8,_0x5606b1,_0x6a2da8){var _0x2cbee5=_0x228ef6;return React['createElement'](_0x145e80['tag'],__assign(__assign({'key':_0x87cba7},replaceRuntimeIdsAndExtInAttrs(_0x145e80,_0x20aeb8,_0x6a2da8)),_0x5606b1),(replaceRuntimeIdsInDefs(_0x145e80,_0x20aeb8)[_0x2cbee5(0x137)]||[])[_0x2cbee5(0x124)](function(_0x1718c8,_0x416271){var _0x19c789=_0x2cbee5;return render(_0x1718c8,''['concat'](_0x87cba7,'-')[_0x19c789(0x14c)](_0x145e80[_0x19c789(0x1be)],'-')['concat'](_0x416271),_0x20aeb8,void 0x0,_0x6a2da8);}));}__name(render,_0x228ef6(0x1a6));function replaceRuntimeIdsAndExtInAttrs(_0x4f73dc,_0x1ef779,_0x4f32b0){var _0xe20421=_0x228ef6,_0x494ee3=__assign({},_0x4f73dc[_0xe20421(0x125)]);_0x4f32b0!=null&&_0x4f32b0[_0xe20421(0xae)]&&_0x494ee3['fill']===_0xe20421(0xae)&&(_0x494ee3[_0xe20421(0xcf)]=_0x4f32b0[_0xe20421(0xae)]);var _0xe65fa4=_0x1ef779['defIds'];return!_0xe65fa4||_0xe65fa4[_0xe20421(0xfb)]===0x0||(_0x4f73dc['tag']===_0xe20421(0xa8)&&_0x494ee3[_0xe20421(0xd5)]&&(_0x494ee3[_0xe20421(0xd5)]=_0x494ee3[_0xe20421(0xd5)]+_0x1ef779[_0xe20421(0x164)]),Object[_0xe20421(0x1b3)](_0x494ee3)['forEach'](function(_0x3315d3){var _0x5249a1=_0xe20421,_0x1f5887=_0x3315d3[0x0],_0x4ec8e1=_0x3315d3[0x1];typeof _0x4ec8e1==_0x5249a1(0x18b)&&(_0x494ee3[_0x1f5887]=_0x4ec8e1[_0x5249a1(0x157)](/url\(#(.*)\)/,_0x5249a1(0x1b5)[_0x5249a1(0x14c)](_0x1ef779[_0x5249a1(0x164)],')')));})),_0x494ee3;}__name(replaceRuntimeIdsAndExtInAttrs,_0x228ef6(0x88));function replaceRuntimeIdsInDefs(_0xb3af89,_0x193cee){var _0x333603=_0x228ef6,_0x37b47a,_0x3acf10=_0x193cee[_0x333603(0x18d)];return!_0x3acf10||_0x3acf10[_0x333603(0xfb)]===0x0?_0xb3af89:_0xb3af89[_0x333603(0x1be)]==='defs'&&(!((_0x37b47a=_0xb3af89[_0x333603(0x137)])===null||_0x37b47a===void 0x0)&&_0x37b47a[_0x333603(0xfb)])?__assign(__assign({},_0xb3af89),{'children':_0xb3af89['children']['map'](function(_0x6d3a63){var _0x86808c=_0x333603;return typeof _0x6d3a63[_0x86808c(0x125)]['id']==_0x86808c(0x18b)&&_0x3acf10&&_0x3acf10[_0x86808c(0x8a)](_0x6d3a63[_0x86808c(0x125)]['id'])>-0x1?__assign(__assign({},_0x6d3a63),{'attrs':__assign(__assign({},_0x6d3a63[_0x86808c(0x125)]),{'id':_0x6d3a63[_0x86808c(0x125)]['id']+_0x193cee[_0x86808c(0x164)]})}):_0x6d3a63;})}):_0xb3af89;}__name(replaceRuntimeIdsInDefs,'replaceRuntimeIdsInDefs');function _0x4fc2(){var _0x121c67=['focus','rgb(var(--green-500))','colorChannel1','__decorateClass','call','substring','_activeCommentId','assign','inputElement','Button','registerCommand','threadCommentPanelEmpty','renderSuggestion','mergeOverrideWithDependencies','preventDefault','ThreadCommentPanelService','className','svg','univer-thread-comment-item-content','univerjs-icon\x20univerjs-icon-','M0.840332\x203.73535C0.840332\x202.63078\x201.73576\x201.73535\x202.84033\x201.73535H10.2955C11.4001\x201.73535\x2012.2955\x202.63078\x2012.2955\x203.73535V8.32676C12.2955\x209.43132\x2011.4001\x2010.3268\x2010.2955\x2010.3268H5.6014L4.1695\x2011.7587L3.05978\x2010.3268H2.84033C1.73576\x2010.3268\x200.840332\x209.43133\x200.840332\x208.32676V3.73535Z','scrollHeight','Injector','createIdentifier','getCurrentTypeOfRenderer','univer-thread-comment-content','defineProperty','MENTION','_commandService','threadCommentItemHead','dataSource','@univerjs/design','univer-thread-comment-item-at','join','THREAD_COMMENT_PANEL','fill','unsolved','ThreadCommentModel','_configService','get','__defNormalProp','xlink:href','extend','useDependency','activeCommentId$','0\x200\x2016\x2016','Dropdown','getOwnPropertySymbols','useRef','find','univer-thread-comment-title-highlight','resolved-single','threadCommentUI.panel.addComment','pipe','displayTransform','M3\x209C3.55228\x209\x204\x208.55228\x204\x208\x204\x207.44772\x203.55228\x207\x203\x207\x202.44772\x207\x202\x207.44772\x202\x208\x202\x208.55228\x202.44772\x209\x203\x209zM8\x209C8.55228\x209\x209\x208.55228\x209\x208\x209\x207.44772\x208.55228\x207\x208\x207\x207.44772\x207\x207\x207.44772\x207\x208\x207\x208.55228\x207.44772\x209\x208\x209zM13\x209C13.5523\x209\x2014\x208.55228\x2014\x208\x2014\x207.44772\x2013.5523\x207\x2013\x207\x2012.4477\x207\x2012\x207.44772\x2012\x208\x2012\x208.55228\x2012.4477\x209\x2013\x209z','_init','forwardRef','DeleteCommentCommand','232626GTaQYD','add','handleDeleteItem','useEffect','symbol','threadCommentUI.editor.placeholder','_univerInstanceService','close','thread-comment-panel','getElementById','transformTextNodes2Document','scrollTop','useMemo','\x20·\x20','commentUpdate$','IUniverInstanceService','complete','Select','threadCommentPanelForms','text','length','univer-thread-comment-highlight','cell','rangeId','onResolve','M4.75332\x205.22217C3.86966\x205.22217\x203.15332\x205.93851\x203.15332\x206.82217V12.5331C3.15332\x2013.9691\x204.31738\x2015.1332\x205.75332\x2015.1332H10.2465C11.6825\x2015.1332\x2012.8465\x2013.9691\x2012.8465\x2012.5331V6.82217C12.8465\x205.93851\x2012.1302\x205.22217\x2011.2465\x205.22217H4.75332ZM4.35332\x206.82217C4.35332\x206.60125\x204.53241\x206.42217\x204.75332\x206.42217H11.2465C11.4674\x206.42217\x2011.6465\x206.60125\x2011.6465\x206.82217V12.5331C11.6465\x2013.3063\x2011.0197\x2013.9332\x2010.2465\x2013.9332H5.75332C4.98012\x2013.9332\x204.35332\x2013.3063\x204.35332\x2012.5331V6.82217Z','open','onMouseLeave','Tooltip','threadCommentUI.filter.status.unsolved','resolved','icon','solve-single','onChange','threadCommentUI.panel.filterEmpty','__decorateParam','univer-thread-comment-editor-suggestionActive','univer-thread-comment-item-time','SolveSingle','forEach','executeCommand','_injector','threadCommentItem','personId','UpdateCommentCommand','__decorateParam$1','pluginName','univer-thread-comment','@univerjs/core','DocSelectionRenderService','transformTextNode2Text','content','threadCommentUI.editor.save','MenuItem','edit','threadCommentEditor','setPanelVisible','threadCommentItemContent','index','threadCommentIconContainer','trim','map','attrs','Inject','commentId','exec','with','IConfigService','push','ToggleSheetCommentPanelOperation','img','panel','handleDeleteRoot','60rBCKuJ','label','asObservable','getOwnPropertyDescriptor','rxjs','__publicField','threadCommentPanel','children','subscribe','stopPropagation','onCancel','path','145859GEKWNw','Menu','mention','getCurrentTypeOfUnit$','Mention','panelVisible','CommandType','onReply','44184kFobcb','IRenderManagerService','onEditingChange','univer-thread-comment-active','1em','parentId','_config','univer-thread-comment-item-head','concat','then','next','root','target','setConfig','LocaleService','633CdFwvp','UNIVER_THREAD_COMMENT_UI_PLUGIN','Plugin','all','replace','_sidebarService','useImperativeHandle','univer-thread-comment-editor-suggestion-icon','__decorateClass$1','disposeWithMe','collapsed','slice','threadCommentUI.editor.cancel','ref','createElement','649uEoPCg','ICommandService','idSuffix','threadCommentActive','DeleteCommentTreeCommand','current','onClick','UserManagerService','currentColor','onFocus','UniverThreadCommentUIPlugin','0\x200\x2017\x2017','endIndex','startIndex','has','thread-comment-add','univer-thread-comment-item-title','clsx','已解决','threadCommentUI.filter.status.all','renderComment','panelVisible$','@univerjs/docs-ui','50070OUKWCK','threadCommentHighlight','BehaviorSubject','UNIVER_UNKNOWN','threadCommentIcon','ReplyToCommentSingle','ISidebarService','displayName','getMentions','handleResolve','onMouseEnter','AddCommentCommand','evenodd','@univerjs/thread-comment','threadCommentUI.panel.reset','693545UpGzYU','univer-thread-comment-title-position','activeCommentId','string','display','defIds','transformDocument2TextNodes','threadCommentPanelSolved','M7.48389\x2010.3267V12.1905C7.48389\x2012.7428\x207.9316\x2013.1905\x208.48389\x2013.1905H11.2216L12.2955\x2014.2644L13.3695\x2013.1905H14.1593C14.7116\x2013.1905\x2015.1593\x2012.7428\x2015.1593\x2012.1905V8.46289C15.1593\x207.91061\x2014.7116\x207.46289\x2014.1593\x207.46289H12.2955','ResolvedSingle','threadCommentContent','threadCommentItemAt','univer-thread-comment-icon-container','scrollIntoView','OPERATION','univer-thread-comment-editor-buttons','setActiveComment','IThreadCommentMentionDataService','generateShortUuid','getActiveTextRange','commentMap$','format','Disposable','M6.41016\x206.1311H6.76813M8.91626\x206.1311H9.27424M3.90454\x206.1311H4.26252','primary','type','threadCommentTitle','univer-thread-comment-panel-solved','threadCommentUsername','threadCommentUI.panel.empty','render','useState','UniverInstanceType','raw','Module','ThreadCommentTree','value','hasOwnProperty','ThreadCommentItem','none','parseMentions','univer-thread-comment-panel','concern_me','entries','prototype','url(#$1','100%','threadCommentPanelAdd','652hbxBNj','div','univer-thread-comment-item','_panelVisible$','circle','name','tag','8TbzgGd','threadCommentEditorSuggestionIcon','menu','threadComment','sidebarOptions$','threadCommentItemTitle','removeAllRanges','thread-comment-ui.operation.set-active-comment','SetActiveCommentOperation','transformMention','_activeCommentId$','replaceRuntimeIdsAndExtInAttrs','blur','indexOf','M6.02637\x208.40356L8.02637\x2010.4036L12.0264\x206.40356','useObservable','UNIVER_SHEET','Mentions','DeleteSingle','dayjs','univer-thread-comment-icon','data','round','unitId','ThreadCommentPanel','394434xQHuSN','UniverThreadCommentPlugin','univer-thread-comment-item-title-highlight','threadCommentTitlePosition','_panelVisible','apply','M5.3313\x201.4667C5.3313\x201.13533\x205.59993.866699\x205.9313.866699H10.069C10.4004.866699\x2010.669\x201.13533\x2010.669\x201.4667\x2010.669\x201.79807\x2010.4004\x202.0667\x2010.069\x202.0667H5.9313C5.59993\x202.0667\x205.3313\x201.79807\x205.3313\x201.4667zM1.09985\x203.64443C1.09985\x203.31306\x201.36848\x203.04443\x201.69985\x203.04443H14.2999C14.6312\x203.04443\x2014.8999\x203.31306\x2014.8999\x203.64443\x2014.8999\x203.9758\x2014.6312\x204.24443\x2014.2999\x204.24443H1.69985C1.36848\x204.24443\x201.09985\x203.9758\x201.09985\x203.64443zM6.12398\x208.30171C6.35829\x208.0674\x206.73819\x208.0674\x206.97251\x208.30171L8.00007\x209.32928\x209.02764\x208.30171C9.26195\x208.0674\x209.64185\x208.0674\x209.87617\x208.30171\x2010.1105\x208.53603\x2010.1105\x208.91593\x209.87617\x209.15024L8.8486\x2010.1778\x209.87617\x2011.2054C10.1105\x2011.4397\x2010.1105\x2011.8196\x209.87617\x2012.0539\x209.64185\x2012.2882\x209.26195\x2012.2882\x209.02764\x2012.0539L8.00007\x2011.0263\x206.97251\x2012.0539C6.73819\x2012.2882\x206.35829\x2012.2882\x206.12398\x2012.0539\x205.88966\x2011.8196\x205.88966\x2011.4397\x206.12398\x2011.2054L7.15154\x2010.1778\x206.12398\x209.15024C5.88966\x208.91593\x205.88966\x208.53603\x206.12398\x208.30171z','filter','react','YYYY/MM/DD\x20HH:mm','defaultRenderSuggestion','threadCommentUI.editor.reply','onStarting','getUnit','function','subUnitId','DependentOn','onSave','use','userID','getCommentWithChildren','threadCommentUI.filter.status.resolved'];_0x4fc2=function(){return _0x121c67;};return _0x4fc2();}function generateShortUuid(){return Math['random']()['toString'](0x24)['substring'](0x2,0x8);}__name(generateShortUuid,_0x228ef6(0x19a)),IconBase[_0x228ef6(0x180)]='UniverIcon';var element$5={'tag':_0x228ef6(0xbd),'attrs':{'fill':_0x228ef6(0x1af),'viewBox':_0x228ef6(0xd9),'width':'1em','height':_0x228ef6(0x148)},'children':[{'tag':_0x228ef6(0x13b),'attrs':{'fill':_0x228ef6(0x16a),'d':_0x228ef6(0x9c)}},{'tag':_0x228ef6(0x13b),'attrs':{'fill':_0x228ef6(0x16a),'d':_0x228ef6(0x100),'fillRule':_0x228ef6(0x185),'clipRule':_0x228ef6(0x185)}}]},DeleteSingle=React[_0x228ef6(0xe5)](function(_0x4b5cd5,_0x4c1c96){var _0xf7cd02=_0x228ef6;return React[_0xf7cd02(0x161)](IconBase,Object[_0xf7cd02(0xb3)]({},_0x4b5cd5,{'id':'delete-single','ref':_0x4c1c96,'icon':element$5}));});DeleteSingle[_0x228ef6(0x180)]=_0x228ef6(0x8f);var element$4={'tag':_0x228ef6(0xbd),'attrs':{'fill':_0x228ef6(0x1af),'viewBox':_0x228ef6(0xd9),'width':_0x228ef6(0x148),'height':_0x228ef6(0x148)},'children':[{'tag':'path','attrs':{'fill':_0x228ef6(0x16a),'d':'M8.6\x201.99991C8.60001\x201.66854\x208.33138\x201.39991\x208.00001\x201.3999C7.66864\x201.3999\x207.40001\x201.66853\x207.4\x201.9999L7.39996\x207.3999H1.9999C1.66853\x207.3999\x201.3999\x207.66853\x201.3999\x207.9999C1.3999\x208.33127\x201.66853\x208.5999\x201.9999\x208.5999H7.39995L7.3999\x2013.9999C7.3999\x2014.3313\x207.66853\x2014.5999\x207.9999\x2014.5999C8.33127\x2014.5999\x208.5999\x2014.3313\x208.5999\x2013.9999L8.59995\x208.5999H13.9999C14.3313\x208.5999\x2014.5999\x208.33127\x2014.5999\x207.9999C14.5999\x207.66853\x2014.3313\x207.3999\x2013.9999\x207.3999H8.59996L8.6\x201.99991Z'}}]},IncreaseSingle=React[_0x228ef6(0xe5)](function(_0x1241ed,_0x338134){var _0x287dd6=_0x228ef6;return React[_0x287dd6(0x161)](IconBase,Object[_0x287dd6(0xb3)]({},_0x1241ed,{'id':'increase-single','ref':_0x338134,'icon':element$4}));});IncreaseSingle[_0x228ef6(0x180)]='IncreaseSingle';var element$3={'tag':_0x228ef6(0xbd),'attrs':{'fill':'none','viewBox':'0\x200\x2016\x2016','width':'1em','height':_0x228ef6(0x148)},'children':[{'tag':_0x228ef6(0x13b),'attrs':{'fill':'currentColor','d':_0x228ef6(0xe3)}}]},MoreHorizontalSingle=React[_0x228ef6(0xe5)](function(_0x34dd1d,_0x47db0e){var _0x33ec89=_0x228ef6;return React['createElement'](IconBase,Object[_0x33ec89(0xb3)]({},_0x34dd1d,{'id':'more-horizontal-single','ref':_0x47db0e,'icon':element$3}));});MoreHorizontalSingle['displayName']='MoreHorizontalSingle';var element$2={'tag':_0x228ef6(0xbd),'attrs':{'fill':_0x228ef6(0x1af),'viewBox':_0x228ef6(0xd9),'width':_0x228ef6(0x148),'height':_0x228ef6(0x148)},'children':[{'tag':_0x228ef6(0x13b),'attrs':{'stroke':_0x228ef6(0x16a),'d':_0x228ef6(0x190),'strokeLinecap':'round','strokeLinejoin':_0x228ef6(0x93),'strokeWidth':1.2}},{'tag':_0x228ef6(0x13b),'attrs':{'stroke':_0x228ef6(0x16a),'d':_0x228ef6(0xc0),'strokeLinecap':_0x228ef6(0x93),'strokeLinejoin':_0x228ef6(0x93),'strokeWidth':1.2}},{'tag':_0x228ef6(0x13b),'attrs':{'stroke':_0x228ef6(0x16a),'d':_0x228ef6(0x19f),'strokeLinecap':_0x228ef6(0x93),'strokeWidth':1.2}}]},ReplyToCommentSingle=React['forwardRef'](function(_0x4defc6,_0x139418){return React['createElement'](IconBase,Object['assign']({},_0x4defc6,{'id':'reply-to-comment-single','ref':_0x139418,'icon':element$2}));});ReplyToCommentSingle[_0x228ef6(0x180)]=_0x228ef6(0x17e);var element$1={'tag':_0x228ef6(0xbd),'attrs':{'fill':_0x228ef6(0x1af),'viewBox':_0x228ef6(0x16d),'width':_0x228ef6(0x148),'height':_0x228ef6(0x148)},'children':[{'tag':_0x228ef6(0x13b),'attrs':{'fill':_0x228ef6(0x16a),'d':'M8.6106\x2015.4036C12.4766\x2015.4036\x2015.6106\x2012.2696\x2015.6106\x208.40356C15.6106\x204.53757\x2012.4766\x201.40356\x208.6106\x201.40356C4.7446\x201.40356\x201.6106\x204.53757\x201.6106\x208.40356C1.6106\x2012.2696\x204.7446\x2015.4036\x208.6106\x2015.4036ZM12.3351\x206.82773C12.5694\x206.59342\x2012.5694\x206.21352\x2012.3351\x205.9792C12.1007\x205.74489\x2011.7208\x205.74489\x2011.4865\x205.9792L7.91079\x209.55494L6.33506\x207.9792C6.10074\x207.74489\x205.72084\x207.74489\x205.48653\x207.9792C5.25221\x208.21352\x205.25221\x208.59342\x205.48653\x208.82773L7.48653\x2010.8277C7.72084\x2011.062\x208.10074\x2011.062\x208.33506\x2010.8277L12.3351\x206.82773Z','fillRule':_0x228ef6(0x185),'clipRule':_0x228ef6(0x185)}}]},ResolvedSingle=React[_0x228ef6(0xe5)](function(_0x58799f,_0x2d13b6){var _0x471518=_0x228ef6;return React[_0x471518(0x161)](IconBase,Object['assign']({},_0x58799f,{'id':_0x471518(0xdf),'ref':_0x2d13b6,'icon':element$1}));});ResolvedSingle[_0x228ef6(0x180)]=_0x228ef6(0x191);var element={'tag':_0x228ef6(0xbd),'attrs':{'fill':'none','viewBox':_0x228ef6(0x16d),'width':_0x228ef6(0x148),'height':_0x228ef6(0x148)},'children':[{'tag':_0x228ef6(0x1bc),'attrs':{'cx':8.73,'cy':8.4,'r':6.4,'stroke':_0x228ef6(0x16a),'strokeWidth':1.2}},{'tag':_0x228ef6(0x13b),'attrs':{'stroke':_0x228ef6(0x16a),'d':_0x228ef6(0x8b),'strokeLinecap':_0x228ef6(0x93),'strokeLinejoin':_0x228ef6(0x93),'strokeWidth':1.2}}]},SolveSingle=React[_0x228ef6(0xe5)](function(_0x4373fd,_0x294493){var _0x289e81=_0x228ef6;return React[_0x289e81(0x161)](IconBase,Object[_0x289e81(0xb3)]({},_0x4373fd,{'id':_0x289e81(0x107),'ref':_0x294493,'icon':element}));});SolveSingle[_0x228ef6(0x180)]=_0x228ef6(0x10d);const threadCommentEditorButtons=_0x228ef6(0x197),threadCommentEditorSuggestion='univer-thread-comment-editor-suggestion',threadCommentEditorSuggestionActive=_0x228ef6(0x10b),threadCommentEditorSuggestionIcon=_0x228ef6(0x15a),styles$2={'threadCommentEditorButtons':threadCommentEditorButtons,'threadCommentEditorSuggestion':threadCommentEditorSuggestion,'threadCommentEditorSuggestionActive':threadCommentEditorSuggestionActive,'threadCommentEditorSuggestionIcon':threadCommentEditorSuggestionIcon},parseMentions=__name(_0x87ddf8=>{var _0x3a0de1=_0x228ef6;const _0x434c52=/@\[(.*?)\]\((.*?)\)|(\w+)/g;let _0x2a77df,_0x322303=0x0;const _0x49a3eb=[];for(;(_0x2a77df=_0x434c52[_0x3a0de1(0x128)](_0x87ddf8))!==null;)_0x2a77df[_0x3a0de1(0x121)]>_0x322303&&_0x49a3eb[_0x3a0de1(0x12b)]({'type':'text','content':_0x87ddf8[_0x3a0de1(0xb1)](_0x322303,_0x2a77df[_0x3a0de1(0x121)])}),_0x2a77df[0x1]&&_0x2a77df[0x2]?_0x49a3eb['push']({'type':_0x3a0de1(0x13e),'content':{'label':_0x2a77df[0x1],'id':_0x2a77df[0x2]}}):_0x2a77df[0x3]&&_0x49a3eb[_0x3a0de1(0x12b)]({'type':'text','content':_0x2a77df[0x3]}),_0x322303=_0x434c52['lastIndex'];return _0x322303<_0x87ddf8[_0x3a0de1(0xfb)]&&_0x49a3eb['push']({'type':_0x3a0de1(0xfa),'content':_0x87ddf8[_0x3a0de1(0xb1)](_0x322303)}),_0x49a3eb;},_0x228ef6(0x1b0)),transformTextNode2Text=__name(_0x1cabb2=>_0x1cabb2[_0x228ef6(0x124)](_0x2ebb06=>{var _0x50367b=_0x228ef6;switch(_0x2ebb06[_0x50367b(0x1a1)]){case _0x50367b(0x13e):return'@['+_0x2ebb06['content'][_0x50367b(0x131)]+']('+_0x2ebb06[_0x50367b(0x11a)]['id']+')';default:return _0x2ebb06[_0x50367b(0x11a)];}})[_0x228ef6(0xcd)](''),_0x228ef6(0x119)),transformDocument2TextNodes=__name(_0x28e18b=>{var _0x4d680f=_0x228ef6;const {dataStream:_0x5b737b,customRanges:_0x49b5fc}=_0x28e18b,_0x589c25=_0x5b737b['length']-0x2,_0x22b7df=[];let _0x18d9f0=0x0;return _0x49b5fc==null||_0x49b5fc[_0x4d680f(0x10e)](_0x3bf1fc=>{var _0x49c789=_0x4d680f;_0x18d9f0<_0x3bf1fc[_0x49c789(0x16f)]&&_0x22b7df[_0x49c789(0x12b)]({'type':_0x49c789(0xfa),'content':_0x5b737b[_0x49c789(0x15e)](_0x18d9f0,_0x3bf1fc[_0x49c789(0x16f)])}),_0x22b7df['push']({'type':'mention','content':{'label':_0x5b737b[_0x49c789(0x15e)](_0x3bf1fc[_0x49c789(0x16f)],_0x3bf1fc[_0x49c789(0x16e)])[_0x49c789(0x15e)](0x1,-0x1),'id':_0x3bf1fc[_0x49c789(0xfe)]}}),_0x18d9f0=_0x3bf1fc['endIndex'];}),_0x22b7df[_0x4d680f(0x12b)]({'type':_0x4d680f(0xfa),'content':_0x5b737b[_0x4d680f(0x15e)](_0x18d9f0,_0x589c25)}),_0x22b7df;},_0x228ef6(0x18e)),transformTextNodes2Document=__name(_0x5e6310=>{var _0xabcb95=_0x228ef6;let _0x21b905='';const _0x5de2f2=[];return _0x5e6310[_0xabcb95(0x10e)](_0x5d2a55=>{var _0x13b960=_0xabcb95;switch(_0x5d2a55['type']){case _0x13b960(0xfa):_0x21b905+=_0x5d2a55[_0x13b960(0x11a)];break;case _0x13b960(0x13e):{const _0x95b604=_0x21b905[_0x13b960(0xfb)];_0x21b905+='\x1f'+_0x5d2a55[_0x13b960(0x11a)]['label']+'\x1e';const _0x479bc6=_0x21b905[_0x13b960(0xfb)];_0x5de2f2[_0x13b960(0x12b)]({'rangeId':_0x5d2a55[_0x13b960(0x11a)]['id'],'rangeType':core['CustomRangeType'][_0x13b960(0xc7)],'startIndex':_0x95b604,'endIndex':_0x479bc6});break;}}}),_0x21b905+='\x0a\x0d',{'textRuns':[],'paragraphs':[{'startIndex':_0x21b905[_0xabcb95(0xfb)]-0x2,'paragraphStyle':{}}],'sectionBreaks':[{'startIndex':_0x21b905[_0xabcb95(0xfb)]-0x1}],'dataStream':_0x21b905,'customRanges':_0x5de2f2};},_0x228ef6(0xf1)),transformMention=__name(_0x4fed37=>({'display':_0x4fed37[_0x228ef6(0x131)],'id':''+_0x4fed37['id'],'raw':_0x4fed37}),_0x228ef6(0x86)),defaultRenderSuggestion=__name((_0x1f4654,_0x5e94a0,_0x2f9a64,_0x3f8789,_0x44126d)=>{var _0x4e70da=_0x228ef6,_0xc55ff4,_0x20fc8b;const _0x4ecc1b=(_0xc55ff4=_0x1f4654[_0x4e70da(0x1a9)])==null?void 0x0:_0xc55ff4[_0x4e70da(0x106)];return React[_0x4e70da(0x161)](_0x4e70da(0x1b9),{'className':styles$2['threadCommentEditorSuggestion']},_0x4ecc1b?React[_0x4e70da(0x161)]('img',{'className':styles$2[_0x4e70da(0x1c0)],'src':_0x4ecc1b}):null,React[_0x4e70da(0x161)](_0x4e70da(0x1b9),null,(_0x20fc8b=_0x1f4654[_0x4e70da(0x18c)])!=null?_0x20fc8b:_0x1f4654['id']));},_0x228ef6(0xa0)),ThreadCommentEditor=React[_0x228ef6(0xe5)]((_0x537a25,_0x558dea)=>{var _0x35b68a=_0x228ef6,_0x1eb256,_0xcc861d;const {comment:_0x2f06b5,onSave:_0x451993,id:_0x1763e3,onCancel:_0x3b3b0d,autoFocus:_0x26cd2a,unitId:_0xe48c8e,subUnitId:_0x3c903e}=_0x537a25,_0x39b82c=core['useDependency'](IThreadCommentMentionDataService),_0x24f298=core['useDependency'](core[_0x35b68a(0x163)]),_0x35af0f=core[_0x35b68a(0xd7)](core['LocaleService']),[_0x19c596,_0x2ef133]=React[_0x35b68a(0x1a7)]({..._0x2f06b5}),[_0x59d329,_0x198d98]=React['useState'](!0x1),_0x423913=React[_0x35b68a(0xdc)](null),_0x2b9344=core['useDependency'](docs['DocSelectionManagerService']),_0x539a4d=(_0x1eb256=core[_0x35b68a(0xd7)](engineRender[_0x35b68a(0x145)])[_0x35b68a(0xc4)](core[_0x35b68a(0x1a8)]['UNIVER_DOC']))==null?void 0x0:_0x1eb256[_0x35b68a(0x129)](docsUi[_0x35b68a(0x118)]);React[_0x35b68a(0x159)](_0x558dea,()=>({'reply'(_0x20aabd){var _0x2cc433=_0x35b68a,_0x916d26;_0x2ef133({..._0x2f06b5,'text':_0x20aabd,'attachments':[]}),(_0x916d26=_0x423913[_0x2cc433(0x167)])==null||_0x916d26[_0x2cc433(0xb4)][_0x2cc433(0xac)]();}}));const _0x3c18cd=__name(()=>{var _0xe7e9e3=_0x35b68a,_0x1ad37e;_0x19c596[_0xe7e9e3(0xfa)]&&(_0x451993==null||_0x451993({..._0x19c596,'text':_0x19c596[_0xe7e9e3(0xfa)]}),_0x198d98(!0x1),_0x2ef133({'text':void 0x0}),(_0x1ad37e=_0x423913['current'])==null||_0x1ad37e[_0xe7e9e3(0xb4)]['blur']());},'handleSave');return React[_0x35b68a(0x161)](_0x35b68a(0x1b9),{'className':styles$2[_0x35b68a(0x11e)],'onClick':__name(_0x501e48=>_0x501e48[_0x35b68a(0xba)](),_0x35b68a(0x168))},React[_0x35b68a(0x161)](design[_0x35b68a(0x8e)],{'ref':_0x423913,'autoFocus':_0x26cd2a,'style':{'width':_0x35b68a(0x1b6)},'placeholder':_0x35af0f['t'](_0x35b68a(0xec)),'value':_0x19c596!=null&&_0x19c596['text']?transformTextNode2Text(transformDocument2TextNodes(_0x19c596['text'])):'','onChange':__name(_0x21446a=>{var _0x9eede6=_0x35b68a;_0x21446a['target'][_0x9eede6(0x1ac)]||_0x2ef133({..._0x2f06b5,'text':void 0x0}),_0x2ef133==null||_0x2ef133({..._0x2f06b5,'text':transformTextNodes2Document(parseMentions(_0x21446a[_0x9eede6(0x150)][_0x9eede6(0x1ac)]))});},_0x35b68a(0x108)),'onFocus':__name(()=>{var _0x1749ad=_0x35b68a;const _0x4493e5=_0x2b9344[_0x1749ad(0x19b)]();_0x4493e5&&_0x4493e5[_0x1749ad(0x15d)]&&(_0x539a4d==null||_0x539a4d[_0x1749ad(0x83)]()),_0x539a4d==null||_0x539a4d[_0x1749ad(0x89)](),_0x198d98(!0x0);},_0x35b68a(0x16b))},React[_0x35b68a(0x161)](design[_0x35b68a(0x140)],{'key':_0x39b82c['trigger'],'trigger':_0x39b82c['trigger'],'data':__name((_0x3cda61,_0x2d73ed)=>_0x39b82c['getMentions'](_0x3cda61,_0xe48c8e,_0x3c903e)[_0x35b68a(0x14d)](_0x23d463=>_0x23d463[_0x35b68a(0x124)](transformMention))[_0x35b68a(0x14d)](_0x2d73ed),_0x35b68a(0x92)),'displayTransform':__name((_0x1f9c31,_0x4a14d1)=>'@'+_0x4a14d1+'\x20',_0x35b68a(0xe2)),'renderSuggestion':(_0xcc861d=_0x39b82c[_0x35b68a(0xb8)])!=null?_0xcc861d:defaultRenderSuggestion})),_0x59d329?React[_0x35b68a(0x161)](_0x35b68a(0x1b9),{'className':styles$2['threadCommentEditorButtons']},React[_0x35b68a(0x161)](design[_0x35b68a(0xb5)],{'style':{'marginRight':0xc},'onClick':__name(()=>{var _0x2450b8=_0x35b68a;_0x3b3b0d==null||_0x3b3b0d(),_0x198d98(!0x1),_0x2ef133({'text':void 0x0}),_0x24f298[_0x2450b8(0x10f)](SetActiveCommentOperation['id']);},'onClick')},_0x35af0f['t'](_0x35b68a(0x15f))),React[_0x35b68a(0x161)](design[_0x35b68a(0xb5)],{'type':_0x35b68a(0x1a0),'disabled':!_0x19c596[_0x35b68a(0xfa)],'onClick':_0x3c18cd},_0x35af0f['t'](_0x1763e3?_0x35b68a(0x11b):_0x35b68a(0xa1)))):null);}),threadComment$1=_0x228ef6(0x116),threadCommentActive=_0x228ef6(0x147),threadCommentContent=_0x228ef6(0xc5),threadCommentHighlight=_0x228ef6(0xfc),threadCommentIconContainer=_0x228ef6(0x194),threadCommentIcon=_0x228ef6(0x91),threadCommentTitle='univer-thread-comment-title',threadCommentTitlePosition=_0x228ef6(0x189),threadCommentTitleHighlight=_0x228ef6(0xde),threadCommentTitlePositionText='univer-thread-comment-title-position-text',threadCommentUsername='univer-thread-comment-username',threadCommentItem=_0x228ef6(0x1ba),threadCommentItemHead=_0x228ef6(0x14b),threadCommentItemTitle=_0x228ef6(0x172),threadCommentItemTitlePosition='univer-thread-comment-item-title-position',threadCommentItemTitleHighlight=_0x228ef6(0x98),threadCommentItemTime=_0x228ef6(0x10c),threadCommentItemContent=_0x228ef6(0xbe),threadCommentItemAt=_0x228ef6(0xcc),styles$1={'threadComment':threadComment$1,'threadCommentActive':threadCommentActive,'threadCommentContent':threadCommentContent,'threadCommentHighlight':threadCommentHighlight,'threadCommentIconContainer':threadCommentIconContainer,'threadCommentIcon':threadCommentIcon,'threadCommentTitle':threadCommentTitle,'threadCommentTitlePosition':threadCommentTitlePosition,'threadCommentTitleHighlight':threadCommentTitleHighlight,'threadCommentTitlePositionText':threadCommentTitlePositionText,'threadCommentUsername':threadCommentUsername,'threadCommentItem':threadCommentItem,'threadCommentItemHead':threadCommentItemHead,'threadCommentItemTitle':threadCommentItemTitle,'threadCommentItemTitlePosition':threadCommentItemTitlePosition,'threadCommentItemTitleHighlight':threadCommentItemTitleHighlight,'threadCommentItemTime':threadCommentItemTime,'threadCommentItemContent':threadCommentItemContent,'threadCommentItemAt':threadCommentItemAt},MOCK_ID='__mock__',ThreadCommentItem=__name(_0x50bb00=>{var _0x482672=_0x228ef6;const {item:_0x77dc4c,unitId:_0x145e06,subUnitId:_0x2bb482,editing:_0x1a6b66,onEditingChange:_0x3c7441,onReply:_0x2016a4,resolved:_0x40c634,isRoot:_0x5ba637,onClose:_0x40cba6,onDeleteComment:_0x39cd1c}=_0x50bb00,_0x361535=core[_0x482672(0xd7)](core[_0x482672(0x163)]),_0xfa8680=core['useDependency'](core['LocaleService']),_0x391eea=core['useDependency'](core[_0x482672(0x169)]),_0x382bba=_0x391eea['getUser'](_0x77dc4c[_0x482672(0x112)]),_0x492e7b=ui[_0x482672(0x8c)](_0x391eea['currentUser$']),_0x5dcb51=(_0x492e7b==null?void 0x0:_0x492e7b[_0x482672(0xa9)])===_0x77dc4c[_0x482672(0x112)],_0x7446f0=_0x77dc4c['id']===MOCK_ID,[_0x20e869,_0x2a2d80]=React[_0x482672(0x1a7)](!0x1),_0x3d72d4=__name(()=>{var _0x500f50=_0x482672;(_0x39cd1c==null?void 0x0:_0x39cd1c(_0x77dc4c))!==!0x1&&(_0x361535[_0x500f50(0x10f)](_0x5ba637?threadComment$2[_0x500f50(0x166)]['id']:threadComment$2[_0x500f50(0xe6)]['id'],{'unitId':_0x145e06,'subUnitId':_0x2bb482,'commentId':_0x77dc4c['id']}),_0x5ba637&&(_0x40cba6==null||_0x40cba6()));},_0x482672(0xe9));return React['createElement'](_0x482672(0x1b9),{'className':styles$1[_0x482672(0x111)],'onMouseLeave':__name(()=>_0x2a2d80(!0x1),_0x482672(0x102)),'onMouseEnter':__name(()=>_0x2a2d80(!0x0),_0x482672(0x183))},React['createElement'](_0x482672(0x12d),{'className':styles$1[_0x482672(0xc9)],'src':_0x382bba==null?void 0x0:_0x382bba['avatar']}),React[_0x482672(0x161)](_0x482672(0x1b9),{'className':styles$1[_0x482672(0x82)]},React[_0x482672(0x161)](_0x482672(0x1b9),{'className':styles$1[_0x482672(0x1a4)]},(_0x382bba==null?void 0x0:_0x382bba[_0x482672(0x1bd)])||'\x20'),React[_0x482672(0x161)]('div',null,_0x7446f0||_0x40c634?null:_0x20e869?React[_0x482672(0x161)](_0x482672(0x1b9),{'className':styles$1[_0x482672(0x17d)],'onClick':__name(()=>_0x2016a4(_0x382bba),_0x482672(0x168))},React['createElement'](ReplyToCommentSingle,null)):null,_0x5dcb51&&!_0x7446f0&&!_0x40c634?React[_0x482672(0x161)](design[_0x482672(0xda)],{'overlay':React[_0x482672(0x161)](design[_0x482672(0x13d)],null,React['createElement'](design[_0x482672(0x11c)],{'key':_0x482672(0x11d),'onClick':__name(()=>_0x3c7441==null?void 0x0:_0x3c7441(!0x0),_0x482672(0x168))},_0xfa8680['t']('threadCommentUI.item.edit')),React[_0x482672(0x161)](design[_0x482672(0x11c)],{'key':'delete','onClick':_0x3d72d4},_0xfa8680['t']('threadCommentUI.item.delete')))},React[_0x482672(0x161)](_0x482672(0x1b9),{'className':styles$1[_0x482672(0x17d)]},React[_0x482672(0x161)](MoreHorizontalSingle,null))):null)),React['createElement']('div',{'className':styles$1['threadCommentItemTime']},_0x77dc4c['dT']),_0x1a6b66?React[_0x482672(0x161)](ThreadCommentEditor,{'id':_0x77dc4c['id'],'comment':_0x77dc4c,'onCancel':__name(()=>_0x3c7441==null?void 0x0:_0x3c7441(!0x1),_0x482672(0x13a)),'autoFocus':!0x0,'unitId':_0x145e06,'subUnitId':_0x2bb482,'onSave':__name(({text:_0x515738,attachments:_0x9d68c6})=>{var _0xc8a75=_0x482672;_0x3c7441==null||_0x3c7441(!0x1),_0x361535['executeCommand'](threadComment$2[_0xc8a75(0x113)]['id'],{'unitId':_0x145e06,'subUnitId':_0x2bb482,'payload':{'commentId':_0x77dc4c['id'],'text':_0x515738,'attachments':_0x9d68c6}});},_0x482672(0xa7))}):React['createElement'](_0x482672(0x1b9),{'className':styles$1[_0x482672(0x120)]},transformDocument2TextNodes(_0x77dc4c[_0x482672(0xfa)])[_0x482672(0x124)]((_0x4a7152,_0x21f09f)=>{var _0x5c3484=_0x482672;switch(_0x4a7152[_0x5c3484(0x1a1)]){case _0x5c3484(0x13e):return React[_0x5c3484(0x161)]('a',{'className':styles$1[_0x5c3484(0x193)],'key':_0x21f09f},'@',_0x4a7152[_0x5c3484(0x11a)][_0x5c3484(0x131)],'\x20');default:return _0x4a7152[_0x5c3484(0x11a)];}})));},_0x228ef6(0x1ae)),ThreadCommentTree=__name(_0x55c4fc=>{var _0x542bbf=_0x228ef6,_0x47b29a,_0x3b34db,_0x38e839;const {id:_0x21c7f3,unitId:_0xd17e5a,subUnitId:_0x35ada8,refStr:_0x3d860e,showEdit:showEdit=!0x0,onClick:_0x5e8f2c,showHighlight:_0x7d56ec,onClose:_0xbd7b0d,getSubUnitName:_0x3319bb,prefix:_0x403b50,autoFocus:_0x257a2f,onMouseEnter:_0x671285,onMouseLeave:_0x39ee45,onAddComment:_0x52ce99,onDeleteComment:_0x507b7f,onResolve:_0x59ebbb}=_0x55c4fc,_0xc9237d=core[_0x542bbf(0xd7)](threadComment$2[_0x542bbf(0xd1)]),[_0x3e2651,_0x220acf]=React[_0x542bbf(0x1a7)](!0x1),[_0x2934ba,_0x5339a1]=React['useState']('');ui['useObservable'](_0xc9237d[_0x542bbf(0x19c)]);const _0x17290b=_0x21c7f3?_0xc9237d[_0x542bbf(0xaa)](_0xd17e5a,_0x35ada8,_0x21c7f3):null,_0x7fba94=core[_0x542bbf(0xd7)](core['ICommandService']),_0x3135ff=core[_0x542bbf(0xd7)](core[_0x542bbf(0x169)]),_0x263131=_0x17290b==null?void 0x0:_0x17290b[_0x542bbf(0x14f)][_0x542bbf(0x105)],_0x457df6=ui[_0x542bbf(0x8c)](_0x3135ff['currentUser$']),_0xf55fe2=React[_0x542bbf(0xdc)](null),_0x3b86ba=[..._0x17290b?[_0x17290b[_0x542bbf(0x14f)]]:[{'id':MOCK_ID,'text':{'dataStream':'\x0a\x0d'},'personId':(_0x47b29a=_0x457df6==null?void 0x0:_0x457df6[_0x542bbf(0xa9)])!=null?_0x47b29a:'','ref':_0x3d860e!=null?_0x3d860e:'','dT':'','unitId':_0xd17e5a,'subUnitId':_0x35ada8,'threadId':''}],...(_0x3b34db=_0x17290b==null?void 0x0:_0x17290b[_0x542bbf(0x137)])!=null?_0x3b34db:[]],_0x54c2bd=React['useRef'](null),_0x122d03=__name(_0x399735=>{var _0x1d8512=_0x542bbf;_0x399735['stopPropagation'](),_0x263131?_0x7fba94[_0x1d8512(0x10f)](SetActiveCommentOperation['id'],{'unitId':_0xd17e5a,'subUnitId':_0x35ada8,'commentId':_0x21c7f3}):_0x7fba94[_0x1d8512(0x10f)](SetActiveCommentOperation['id']),_0x7fba94[_0x1d8512(0x10f)](threadComment$2['ResolveCommentCommand']['id'],{'unitId':_0xd17e5a,'subUnitId':_0x35ada8,'commentId':_0x21c7f3,'resolved':!_0x263131}),_0x59ebbb==null||_0x59ebbb(!_0x263131);},_0x542bbf(0x182)),_0x12fd81=__name(_0x2299ff=>{var _0x450e71=_0x542bbf;_0x2299ff[_0x450e71(0x139)](),_0x7fba94[_0x450e71(0x10f)](SetActiveCommentOperation['id']),!(_0x17290b!=null&&_0x17290b[_0x450e71(0x14f)]&&(_0x507b7f==null?void 0x0:_0x507b7f(_0x17290b[_0x450e71(0x14f)]))===!0x1)&&(_0x7fba94['executeCommand'](threadComment$2[_0x450e71(0x166)]['id'],{'unitId':_0xd17e5a,'subUnitId':_0x35ada8,'commentId':_0x21c7f3}),_0xbd7b0d==null||_0xbd7b0d());},_0x542bbf(0x12f));React['useEffect'](()=>_0x39ee45==null?void 0x0:_0x39ee45(),[]);const _0x48f5c2=_0x3319bb((_0x38e839=_0x17290b==null?void 0x0:_0x17290b[_0x542bbf(0x14f)][_0x542bbf(0xa5)])!=null?_0x38e839:_0x35ada8),_0x41f8aa=showEdit&&!_0x2934ba&&!_0x263131,_0x4e9037=''+(_0x3d860e||(_0x17290b==null?void 0x0:_0x17290b[_0x542bbf(0x14f)][_0x542bbf(0x160)])||'')+(_0x48f5c2?_0x542bbf(0xf4):'')+_0x48f5c2;return React[_0x542bbf(0x161)](_0x542bbf(0x1b9),{'className':cs(styles$1[_0x542bbf(0x1c2)],{[styles$1[_0x542bbf(0x165)]]:!_0x263131&&(_0x7d56ec||_0x3e2651||_0x403b50===_0x542bbf(0xfd))}),'onClick':_0x5e8f2c,'id':_0x403b50+'-'+_0xd17e5a+'-'+_0x35ada8+'-'+_0x21c7f3,'onMouseEnter':__name(()=>{_0x671285==null||_0x671285(),_0x220acf(!0x0);},_0x542bbf(0x183)),'onMouseLeave':__name(()=>{_0x39ee45==null||_0x39ee45(),_0x220acf(!0x1);},_0x542bbf(0x102))},!_0x263131&&_0x7d56ec?React[_0x542bbf(0x161)]('div',{'className':styles$1[_0x542bbf(0x17a)]}):null,React[_0x542bbf(0x161)](_0x542bbf(0x1b9),{'className':styles$1[_0x542bbf(0x1a2)]},React[_0x542bbf(0x161)](_0x542bbf(0x1b9),{'className':styles$1[_0x542bbf(0x99)]},React[_0x542bbf(0x161)](_0x542bbf(0x1b9),{'className':styles$1['threadCommentTitleHighlight']}),React[_0x542bbf(0x161)](design[_0x542bbf(0x103)],{'showIfEllipsis':!0x0,'title':_0x4e9037},React['createElement']('div',{'className':styles$1['threadCommentTitlePositionText']},_0x4e9037))),_0x17290b?React[_0x542bbf(0x161)](_0x542bbf(0x1b9),{'className':styles$1[_0x542bbf(0x122)]},React['createElement'](_0x542bbf(0x1b9),{'onClick':_0x122d03,'className':styles$1[_0x542bbf(0x17d)],'style':{'color':_0x263131?_0x542bbf(0xad):''}},_0x263131?React[_0x542bbf(0x161)](ResolvedSingle,null):React[_0x542bbf(0x161)](SolveSingle,null)),(_0x457df6==null?void 0x0:_0x457df6['userID'])===_0x17290b[_0x542bbf(0x14f)][_0x542bbf(0x112)]?React[_0x542bbf(0x161)](_0x542bbf(0x1b9),{'className':styles$1[_0x542bbf(0x17d)],'onClick':_0x12fd81},React[_0x542bbf(0x161)](DeleteSingle,null)):null):null),React['createElement']('div',{'className':styles$1[_0x542bbf(0x192)],'ref':_0x54c2bd},_0x3b86ba[_0x542bbf(0x124)](_0x440af9=>React[_0x542bbf(0x161)](ThreadCommentItem,{'onClose':_0xbd7b0d,'unitId':_0xd17e5a,'subUnitId':_0x35ada8,'item':_0x440af9,'key':_0x440af9['id'],'isRoot':_0x440af9['id']===(_0x17290b==null?void 0x0:_0x17290b[_0x542bbf(0x14f)]['id']),'editing':_0x2934ba===_0x440af9['id'],'resolved':_0x17290b==null?void 0x0:_0x17290b[_0x542bbf(0x14f)][_0x542bbf(0x105)],'onEditingChange':__name(_0x5d455f=>{_0x5339a1(_0x5d455f?_0x440af9['id']:'');},_0x542bbf(0x146)),'onReply':__name(_0x4d80a7=>{_0x4d80a7&&requestAnimationFrame(()=>{var _0xf80d9=_0x3aba,_0x3eb6e3;(_0x3eb6e3=_0xf55fe2[_0xf80d9(0x167)])==null||_0x3eb6e3['reply'](transformTextNodes2Document([{'type':'mention','content':{'id':_0x4d80a7[_0xf80d9(0xa9)],'label':_0x4d80a7['name']}}]));});},_0x542bbf(0x143)),'onAddComment':_0x52ce99,'onDeleteComment':_0x507b7f}))),_0x41f8aa?React['createElement'](_0x542bbf(0x1b9),null,React['createElement'](ThreadCommentEditor,{'key':''+_0x257a2f,'ref':_0xf55fe2,'unitId':_0xd17e5a,'subUnitId':_0x35ada8,'onSave':__name(async({text:_0x220986,attachments:_0x1d4208})=>{var _0x453c5f=_0x542bbf;const _0x2e55fa={'text':_0x220986,'attachments':_0x1d4208,'dT':getDT(),'id':core['generateRandomId'](),'ref':_0x3d860e,'personId':_0x457df6==null?void 0x0:_0x457df6[_0x453c5f(0xa9)],'parentId':_0x17290b==null?void 0x0:_0x17290b['root']['id'],'unitId':_0xd17e5a,'subUnitId':_0x35ada8,'threadId':_0x17290b==null?void 0x0:_0x17290b['root']['threadId']};(_0x52ce99==null?void 0x0:_0x52ce99(_0x2e55fa))!==!0x1&&(await _0x7fba94[_0x453c5f(0x10f)](threadComment$2[_0x453c5f(0x184)]['id'],{'unitId':_0xd17e5a,'subUnitId':_0x35ada8,'comment':_0x2e55fa}),_0x54c2bd[_0x453c5f(0x167)]&&(_0x54c2bd['current'][_0x453c5f(0xf2)]=_0x54c2bd[_0x453c5f(0x167)][_0x453c5f(0xc1)]));},_0x542bbf(0xa7)),'autoFocus':_0x257a2f||!_0x17290b,'onCancel':__name(()=>{_0x17290b||_0xbd7b0d==null||_0xbd7b0d();},_0x542bbf(0x13a))})):null);},_0x228ef6(0x1ab)),threadCommentPanel=_0x228ef6(0x1b1),threadComment='univer-thread-comment',threadCommentPanelForms='univer-thread-comment-panel-forms',select='univer-select',threadCommentPanelEmpty='univer-thread-comment-panel-empty',threadCommentPanelAdd='univer-thread-comment-panel-add',threadCommentPanelSolved=_0x228ef6(0x1a3),styles={'threadCommentPanel':threadCommentPanel,'threadComment':threadComment,'threadCommentPanelForms':threadCommentPanelForms,'select':select,'threadCommentPanelEmpty':threadCommentPanelEmpty,'threadCommentPanelAdd':threadCommentPanelAdd,'threadCommentPanelSolved':threadCommentPanelSolved},ThreadCommentPanel=__name(_0x5d3714=>{var _0x12642d=_0x228ef6;const {unitId:_0x3b66e6,subUnitId$:_0x18d31f,type:_0x262ec8,onAdd:_0xe41b2f,getSubUnitName:_0xe39b02,onResolve:_0x1ec9f1,sortComments:_0x2df0b5,onItemLeave:_0x234f65,onItemEnter:_0x2d4142,disableAdd:_0x4a8c0d,tempComment:_0x214d42,onAddComment:_0x3a0b1c,onDeleteComment:_0x1551b6,showComments:_0x1adad0}=_0x5d3714,[_0x2533ad,_0x149651]=React[_0x12642d(0x1a7)](_0x12642d(0x156)),[_0x1609c8,_0xe669aa]=React['useState'](_0x12642d(0x156)),_0x1892b2=core[_0x12642d(0xd7)](core[_0x12642d(0x152)]),_0x2a2446=core['useDependency'](core['UserManagerService']),_0x12a15d=core['useDependency'](threadComment$2[_0x12642d(0xd1)]),[_0x447dfc,_0x2ba772]=React[_0x12642d(0x1a7)](()=>_0x12a15d['getUnit'](_0x3b66e6)),_0x402afa=core[_0x12642d(0xd7)](exports[_0x12642d(0xbb)]),_0x5c3b31=ui[_0x12642d(0x8c)](_0x402afa['activeCommentId$']),_0x829545=ui[_0x12642d(0x8c)](_0x12a15d[_0x12642d(0xf5)]),_0x34bf7e=core['useDependency'](core[_0x12642d(0x163)]),_0x964b6f=ui['useObservable'](_0x18d31f),_0x117d62=React[_0x12642d(0xdc)](!0x0),_0x83cb64=_0x12642d(0x12e),_0x549d0f=ui[_0x12642d(0x8c)](_0x2a2446['currentUser$']),_0x3a676f=React[_0x12642d(0xf3)](()=>{var _0x103bc9=_0x12642d,_0x2f81b,_0x35ef67;const _0x42f5b7=(_0x2533ad==='all'?_0x447dfc[_0x103bc9(0x124)](_0x9148f2=>_0x9148f2[0x1])['flat']():(_0x35ef67=(_0x2f81b=_0x447dfc[_0x103bc9(0xdd)](_0xdb1d7c=>_0xdb1d7c[0x0]===_0x964b6f))==null?void 0x0:_0x2f81b[0x1])!=null?_0x35ef67:[])['filter'](_0x4045f7=>!_0x4045f7[_0x103bc9(0x149)]),_0x4c30ed=_0x2df0b5!=null?_0x2df0b5:_0x14bb44=>_0x14bb44,_0x2ad16a=_0x42f5b7;if(_0x1adad0){const _0x5165cc=new Map();return _0x2ad16a[_0x103bc9(0x10e)](_0x2c9863=>{_0x5165cc['set'](_0x2c9863['id'],_0x2c9863);}),[..._0x1adad0,''][_0x103bc9(0x124)](_0x580f93=>_0x5165cc[_0x103bc9(0xd3)](_0x580f93))[_0x103bc9(0x9d)](Boolean);}else return _0x4c30ed(_0x2ad16a);},[_0x1adad0,_0x2533ad,_0x447dfc,_0x2df0b5,_0x964b6f]),_0x41827f=React[_0x12642d(0xf3)](()=>[..._0x3a676f[_0x12642d(0x9d)](_0x2b42e8=>!_0x2b42e8[_0x12642d(0x105)]),..._0x3a676f[_0x12642d(0x9d)](_0x5c9a80=>_0x5c9a80['resolved'])],[_0x3a676f]),_0x593a6e=React[_0x12642d(0xf3)](()=>_0x1609c8===_0x12642d(0x105)?_0x41827f[_0x12642d(0x9d)](_0x441b37=>_0x441b37[_0x12642d(0x105)]):_0x1609c8==='unsolved'?_0x41827f[_0x12642d(0x9d)](_0x292503=>!_0x292503[_0x12642d(0x105)]):_0x1609c8===_0x12642d(0x1b2)&&_0x549d0f!=null&&_0x549d0f[_0x12642d(0xa9)]?_0x41827f[_0x12642d(0x124)](_0x3c6549=>_0x12a15d[_0x12642d(0xaa)](_0x3c6549[_0x12642d(0x94)],_0x3c6549[_0x12642d(0xa5)],_0x3c6549['id']))[_0x12642d(0x124)](_0x107215=>_0x107215!=null&&_0x107215['relativeUsers'][_0x12642d(0x170)](_0x549d0f[_0x12642d(0xa9)])?_0x107215[_0x12642d(0x14f)]:null)[_0x12642d(0x9d)](Boolean):_0x41827f,[_0x41827f,_0x549d0f==null?void 0x0:_0x549d0f[_0x12642d(0xa9)],_0x1609c8,_0x12a15d]),_0x2f966a=_0x214d42?[_0x214d42,..._0x593a6e]:_0x593a6e,_0x4596ac=_0x2f966a['filter'](_0x46cc40=>!_0x46cc40[_0x12642d(0x105)]),_0x5c4474=_0x2f966a[_0x12642d(0x9d)](_0x5bfa4d=>_0x5bfa4d['resolved']),_0xf8b245=_0x1609c8!=='all'||_0x2533ad!=='all',_0x2fb3f2=__name(()=>{var _0x106d28=_0x12642d;_0xe669aa(_0x106d28(0x156)),_0x149651(_0x106d28(0x156));},'onReset');React[_0x12642d(0xea)](()=>{var _0xf42a9e=_0x12642d;_0x3b66e6&&_0x2ba772(_0x12a15d[_0xf42a9e(0xa3)](_0x3b66e6));},[_0x3b66e6,_0x12a15d,_0x829545]),React[_0x12642d(0xea)](()=>{var _0x2a8e76=_0x12642d,_0x5aeed9;if(!_0x5c3b31)return;if(!_0x117d62[_0x2a8e76(0x167)]){_0x117d62[_0x2a8e76(0x167)]=!0x0;return;}const {unitId:_0x5b290b,subUnitId:_0x2df2c7,commentId:_0x17ca57}=_0x5c3b31,_0x4a54de=_0x83cb64+'-'+_0x5b290b+'-'+_0x2df2c7+'-'+_0x17ca57;(_0x5aeed9=document[_0x2a8e76(0xf0)](_0x4a54de))==null||_0x5aeed9[_0x2a8e76(0x195)]({'block':'center'});},[_0x5c3b31]);const _0x21a48e=__name(_0x346293=>React[_0x12642d(0x161)](ThreadCommentTree,{'prefix':_0x83cb64,'getSubUnitName':_0xe39b02,'key':_0x346293['id'],'id':_0x346293['id'],'unitId':_0x346293[_0x12642d(0x94)],'subUnitId':_0x346293[_0x12642d(0xa5)],'refStr':_0x346293['ref'],'type':_0x262ec8,'showEdit':(_0x5c3b31==null?void 0x0:_0x5c3b31[_0x12642d(0x127)])===_0x346293['id'],'showHighlight':(_0x5c3b31==null?void 0x0:_0x5c3b31[_0x12642d(0x127)])===_0x346293['id'],'onClick':__name(()=>{var _0x4fc0b7=_0x12642d;_0x117d62[_0x4fc0b7(0x167)]=!0x1,_0x346293[_0x4fc0b7(0x105)]?_0x34bf7e[_0x4fc0b7(0x10f)](SetActiveCommentOperation['id']):_0x34bf7e[_0x4fc0b7(0x10f)](SetActiveCommentOperation['id'],{'unitId':_0x346293[_0x4fc0b7(0x94)],'subUnitId':_0x346293['subUnitId'],'commentId':_0x346293['id'],'temp':!0x1});},_0x12642d(0x168)),'onMouseEnter':__name(()=>_0x2d4142==null?void 0x0:_0x2d4142(_0x346293),_0x12642d(0x183)),'onMouseLeave':__name(()=>_0x234f65==null?void 0x0:_0x234f65(_0x346293),'onMouseLeave'),'onAddComment':_0x3a0b1c,'onDeleteComment':_0x1551b6,'onResolve':__name(_0x231025=>_0x1ec9f1==null?void 0x0:_0x1ec9f1(_0x346293['id'],_0x231025),_0x12642d(0xff))}),_0x12642d(0x176));return React[_0x12642d(0x161)](_0x12642d(0x1b9),{'className':styles[_0x12642d(0x136)]},React[_0x12642d(0x161)]('div',{'className':styles[_0x12642d(0xf9)]},_0x262ec8===core[_0x12642d(0x1a8)][_0x12642d(0x8d)]?React[_0x12642d(0x161)](design['Select'],{'borderless':!0x0,'value':_0x2533ad,'onChange':__name(_0x52498b=>_0x149651(_0x52498b),_0x12642d(0x108)),'options':[{'value':_0x12642d(0x167),'label':_0x1892b2['t']('threadCommentUI.filter.sheet.current')},{'value':_0x12642d(0x156),'label':_0x1892b2['t']('threadCommentUI.filter.sheet.all')}]}):null,React[_0x12642d(0x161)](design[_0x12642d(0xf8)],{'borderless':!0x0,'value':_0x1609c8,'onChange':__name(_0x3e8fec=>_0xe669aa(_0x3e8fec),_0x12642d(0x108)),'options':[{'value':_0x12642d(0x156),'label':_0x1892b2['t'](_0x12642d(0x175))},{'value':_0x12642d(0x105),'label':_0x1892b2['t'](_0x12642d(0xab))},{'value':_0x12642d(0xd0),'label':_0x1892b2['t'](_0x12642d(0x104))},{'value':_0x12642d(0x1b2),'label':_0x1892b2['t']('threadCommentUI.filter.status.concernMe')}]})),_0x4596ac['map'](_0x21a48e),_0x5c4474[_0x12642d(0xfb)]?React[_0x12642d(0x161)](_0x12642d(0x1b9),{'className':styles[_0x12642d(0x18f)]},_0x12642d(0x174)):null,_0x5c4474['map'](_0x21a48e),_0x2f966a[_0x12642d(0xfb)]?null:React[_0x12642d(0x161)](_0x12642d(0x1b9),{'className':styles[_0x12642d(0xb7)]},_0xf8b245?_0x1892b2['t'](_0x12642d(0x109)):_0x1892b2['t'](_0x12642d(0x1a5)),_0xf8b245?React[_0x12642d(0x161)](design[_0x12642d(0xb5)],{'onClick':_0x2fb3f2,'type':'link'},_0x1892b2['t'](_0x12642d(0x187))):React['createElement'](design['Button'],{'id':_0x12642d(0x171),'className':styles[_0x12642d(0x1b7)],'type':'primary','onClick':_0xe41b2f,'disabled':_0x4a8c0d},React[_0x12642d(0x161)](IncreaseSingle,null),_0x1892b2['t'](_0x12642d(0xe0)))));},_0x228ef6(0x95));exports[_0x228ef6(0x199)]=IThreadCommentMentionDataService,exports[_0x228ef6(0x85)]=SetActiveCommentOperation,exports[_0x228ef6(0xce)]=THREAD_COMMENT_PANEL,exports[_0x228ef6(0x95)]=ThreadCommentPanel,exports[_0x228ef6(0x1ab)]=ThreadCommentTree,exports[_0x228ef6(0x12c)]=ToggleSheetCommentPanelOperation,exports['getDT']=getDT;