@univerjs/thread-comment-ui 0.5.0 → 0.5.1

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.
package/lib/cjs/index.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";var Pe=Object.defineProperty;var Ee=(n,e,t)=>e in n?Pe(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var W=(n,e,t)=>Ee(n,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@univerjs/core"),H=require("@univerjs/thread-comment"),V=require("@univerjs/ui"),ie=require("rxjs"),m=require("react"),N=require("@univerjs/design"),Oe=require("@univerjs/docs"),Me=require("@univerjs/docs-ui"),Re=require("@univerjs/engine-render");var we=Object.defineProperty,$e=Object.getOwnPropertyDescriptor,De=(n,e,t,r)=>{for(var o=r>1?void 0:r?$e(e,t):e,s=n.length-1,d;s>=0;s--)(d=n[s])&&(o=(r?d(e,t,o):d(o))||o);return r&&o&&we(e,t,o),o},de=(n,e)=>(t,r)=>e(t,r,n);exports.ThreadCommentPanelService=class extends a.Disposable{constructor(t,r){super();W(this,"_panelVisible",!1);W(this,"_panelVisible$",new ie.BehaviorSubject(!1));W(this,"_activeCommentId");W(this,"_activeCommentId$",new ie.BehaviorSubject(void 0));W(this,"panelVisible$",this._panelVisible$.asObservable());W(this,"activeCommentId$",this._activeCommentId$.asObservable());this._sidebarService=t,this._univerInstanceService=r,this._init(),this.disposeWithMe(()=>{this._activeCommentId$.complete(),this._panelVisible$.complete()})}_init(){this.disposeWithMe(this._sidebarService.sidebarOptions$.subscribe(t=>{t.visible||this.setPanelVisible(!1)})),this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(a.UniverInstanceType.UNIVER_SHEET).pipe(ie.filter(t=>!t)).subscribe(()=>{this._sidebarService.close()}))}get panelVisible(){return this._panelVisible}get activeCommentId(){return this._activeCommentId}setPanelVisible(t){this._panelVisible=t,this._panelVisible$.next(t)}setActiveComment(t){this._activeCommentId=t,this._activeCommentId$.next(t)}};exports.ThreadCommentPanelService=De([de(0,a.Inject(V.ISidebarService)),de(1,a.IUniverInstanceService)],exports.ThreadCommentPanelService);const ce="thread-comment-panel",He="UNIVER_THREAD_COMMENT_UI_PLUGIN",me={id:"thread-comment-ui.operation.toggle-panel",type:a.CommandType.OPERATION,handler(n){const e=n.get(V.ISidebarService),t=n.get(exports.ThreadCommentPanelService);return t.panelVisible?(e.close(),t.setPanelVisible(!1)):(e.open({header:{title:"threadCommentUI.panel.title"},children:{label:ce},width:330}),t.setPanelVisible(!0)),!0}},B={id:"thread-comment-ui.operation.set-active-comment",type:a.CommandType.OPERATION,handler(n,e){return n.get(exports.ThreadCommentPanelService).setActiveComment(e),!0}},Ae="thread-comment-ui.config",Le={};var ue=Object.defineProperty,ke=Object.getOwnPropertyDescriptor,Ve=(n,e,t)=>e in n?ue(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,Be=(n,e,t,r)=>{for(var o=r>1?void 0:r?ke(e,t):e,s=n.length-1,d;s>=0;s--)(d=n[s])&&(o=(r?d(e,t,o):d(o))||o);return r&&o&&ue(e,t,o),o},le=(n,e)=>(t,r)=>e(t,r,n),he=(n,e,t)=>Ve(n,typeof e!="symbol"?e+"":e,t);exports.UniverThreadCommentUIPlugin=class extends a.Plugin{constructor(e=Le,t,r,o){super(),this._config=e,this._injector=t,this._commandService=r,this._configService=o;const{menu:s,...d}=this._config;s&&this._configService.setConfig("menu",s,{merge:!0}),this._configService.setConfig(Ae,d)}onStarting(){var e;a.mergeOverrideWithDependencies([[exports.ThreadCommentPanelService]],(e=this._config)==null?void 0:e.overrides).forEach(t=>{this._injector.add(t)}),[me,B].forEach(t=>{this._commandService.registerCommand(t)})}};he(exports.UniverThreadCommentUIPlugin,"pluginName",He);he(exports.UniverThreadCommentUIPlugin,"type",a.UniverInstanceType.UNIVER_UNKNOWN);exports.UniverThreadCommentUIPlugin=Be([a.DependentOn(H.UniverThreadCommentPlugin),le(1,a.Inject(a.Injector)),le(2,a.ICommandService),le(3,a.IConfigService)],exports.UniverThreadCommentUIPlugin);var ve={exports:{}},ae={};/**
1
+ "use strict";var Ee=Object.defineProperty;var Oe=(n,e,t)=>e in n?Ee(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var W=(n,e,t)=>Oe(n,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@univerjs/core"),H=require("@univerjs/thread-comment"),V=require("@univerjs/ui"),se=require("rxjs"),m=require("react"),E=require("@univerjs/design"),Re=require("@univerjs/docs"),Me=require("@univerjs/docs-ui"),we=require("@univerjs/engine-render");var De=Object.defineProperty,$e=Object.getOwnPropertyDescriptor,He=(n,e,t,r)=>{for(var i=r>1?void 0:r?$e(e,t):e,s=n.length-1,d;s>=0;s--)(d=n[s])&&(i=(r?d(e,t,i):d(i))||i);return r&&i&&De(e,t,i),i},ce=(n,e)=>(t,r)=>e(t,r,n);exports.ThreadCommentPanelService=class extends a.Disposable{constructor(t,r){super();W(this,"_panelVisible",!1);W(this,"_panelVisible$",new se.BehaviorSubject(!1));W(this,"_activeCommentId");W(this,"_activeCommentId$",new se.BehaviorSubject(void 0));W(this,"panelVisible$",this._panelVisible$.asObservable());W(this,"activeCommentId$",this._activeCommentId$.asObservable());this._sidebarService=t,this._univerInstanceService=r,this._init(),this.disposeWithMe(()=>{this._activeCommentId$.complete(),this._panelVisible$.complete()})}_init(){this.disposeWithMe(this._sidebarService.sidebarOptions$.subscribe(t=>{t.visible||this.setPanelVisible(!1)})),this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(a.UniverInstanceType.UNIVER_SHEET).pipe(se.filter(t=>!t)).subscribe(()=>{this._sidebarService.close()}))}get panelVisible(){return this._panelVisible}get activeCommentId(){return this._activeCommentId}setPanelVisible(t){this._panelVisible=t,this._panelVisible$.next(t)}setActiveComment(t){this._activeCommentId=t,this._activeCommentId$.next(t)}};exports.ThreadCommentPanelService=He([ce(0,a.Inject(V.ISidebarService)),ce(1,a.IUniverInstanceService)],exports.ThreadCommentPanelService);const he="thread-comment-panel",Ae="UNIVER_THREAD_COMMENT_UI_PLUGIN",ve={id:"thread-comment-ui.operation.toggle-panel",type:a.CommandType.OPERATION,handler(n){const e=n.get(V.ISidebarService),t=n.get(exports.ThreadCommentPanelService);return t.panelVisible?(e.close(),t.setPanelVisible(!1)):(e.open({header:{title:"threadCommentUI.panel.title"},children:{label:he},width:330}),t.setPanelVisible(!0)),!0}},B={id:"thread-comment-ui.operation.set-active-comment",type:a.CommandType.OPERATION,handler(n,e){return n.get(exports.ThreadCommentPanelService).setActiveComment(e),!0}},Le="thread-comment-ui.config",ke={};var Ce=Object.defineProperty,Ve=Object.getOwnPropertyDescriptor,Be=(n,e,t)=>e in n?Ce(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,qe=(n,e,t,r)=>{for(var i=r>1?void 0:r?Ve(e,t):e,s=n.length-1,d;s>=0;s--)(d=n[s])&&(i=(r?d(e,t,i):d(i))||i);return r&&i&&Ce(e,t,i),i},le=(n,e)=>(t,r)=>e(t,r,n),fe=(n,e,t)=>Be(n,typeof e!="symbol"?e+"":e,t);exports.UniverThreadCommentUIPlugin=class extends a.Plugin{constructor(e=ke,t,r,i){super(),this._config=e,this._injector=t,this._commandService=r,this._configService=i;const{menu:s,...d}=this._config;s&&this._configService.setConfig("menu",s,{merge:!0}),this._configService.setConfig(Le,d)}onStarting(){var e;a.mergeOverrideWithDependencies([[exports.ThreadCommentPanelService]],(e=this._config)==null?void 0:e.overrides).forEach(t=>{this._injector.add(t)}),[ve,B].forEach(t=>{this._commandService.registerCommand(t)})}};fe(exports.UniverThreadCommentUIPlugin,"pluginName",Ae);fe(exports.UniverThreadCommentUIPlugin,"type",a.UniverInstanceType.UNIVER_UNKNOWN);exports.UniverThreadCommentUIPlugin=qe([a.DependentOn(H.UniverThreadCommentPlugin),le(1,a.Inject(a.Injector)),le(2,a.ICommandService),le(3,a.IConfigService)],exports.UniverThreadCommentUIPlugin);var de={exports:{}},ee={};/**
2
2
  * @license React
3
3
  * react-jsx-runtime.production.min.js
4
4
  *
@@ -6,6 +6,6 @@
6
6
  *
7
7
  * This source code is licensed under the MIT license found in the
8
8
  * LICENSE file in the root directory of this source tree.
9
- */var Fe=m,qe=Symbol.for("react.element"),We=Symbol.for("react.fragment"),ze=Object.prototype.hasOwnProperty,Ze=Fe.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,Ge={key:!0,ref:!0,__self:!0,__source:!0};function Ce(n,e,t){var r,o={},s=null,d=null;t!==void 0&&(s=""+t),e.key!==void 0&&(s=""+e.key),e.ref!==void 0&&(d=e.ref);for(r in e)ze.call(e,r)&&!Ge.hasOwnProperty(r)&&(o[r]=e[r]);if(n&&n.defaultProps)for(r in e=n.defaultProps,e)o[r]===void 0&&(o[r]=e[r]);return{$$typeof:qe,type:n,key:s,ref:d,props:o,_owner:Ze.current}}ae.Fragment=We;ae.jsx=Ce;ae.jsxs=Ce;ve.exports=ae;var i=ve.exports,O=function(){return O=Object.assign||function(n){for(var e,t=1,r=arguments.length;t<r;t++){e=arguments[t];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o])}return n},O.apply(this,arguments)},Ke=function(n,e){var t={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(t[r]=n[r]);if(n!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,r=Object.getOwnPropertySymbols(n);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(n,r[o])&&(t[r[o]]=n[r[o]]);return t},z=m.forwardRef(function(n,e){var t=n.icon,r=n.id,o=n.className,s=n.extend,d=Ke(n,["icon","id","className","extend"]),h="univerjs-icon univerjs-icon-".concat(r," ").concat(o||"").trim(),f=m.useRef("_".concat(Qe()));return fe(t,"".concat(r),{defIds:t.defIds,idSuffix:f.current},O({ref:e,className:h},d),s)});function fe(n,e,t,r,o){return m.createElement(n.tag,O(O({key:e},Ye(n,t,o)),r),(Je(n,t).children||[]).map(function(s,d){return fe(s,"".concat(e,"-").concat(n.tag,"-").concat(d),t,void 0,o)}))}function Ye(n,e,t){var r=O({},n.attrs);t!=null&&t.colorChannel1&&r.fill==="colorChannel1"&&(r.fill=t.colorChannel1);var o=e.defIds;return!o||o.length===0||(n.tag==="use"&&r["xlink:href"]&&(r["xlink:href"]=r["xlink:href"]+e.idSuffix),Object.entries(r).forEach(function(s){var d=s[0],h=s[1];typeof h=="string"&&(r[d]=h.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))})),r}function Je(n,e){var t,r=e.defIds;return!r||r.length===0?n:n.tag==="defs"&&(!((t=n.children)===null||t===void 0)&&t.length)?O(O({},n),{children:n.children.map(function(o){return typeof o.attrs.id=="string"&&r&&r.indexOf(o.attrs.id)>-1?O(O({},o),{attrs:O(O({},o.attrs),{id:o.attrs.id+e.idSuffix})}):o})}):n}function Qe(){return Math.random().toString(36).substring(2,8)}z.displayName="UniverIcon";var Xe={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"}}]},pe=m.forwardRef(function(n,e){return m.createElement(z,Object.assign({},n,{id:"delete-single",ref:e,icon:Xe}))});pe.displayName="DeleteSingle";var et={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"}}]},ge=m.forwardRef(function(n,e){return m.createElement(z,Object.assign({},n,{id:"increase-single",ref:e,icon:et}))});ge.displayName="IncreaseSingle";var tt={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"}}]},Ie=m.forwardRef(function(n,e){return m.createElement(z,Object.assign({},n,{id:"more-horizontal-single",ref:e,icon:tt}))});Ie.displayName="MoreHorizontalSingle";var nt={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}}]},xe=m.forwardRef(function(n,e){return m.createElement(z,Object.assign({},n,{id:"reply-to-comment-single",ref:e,icon:nt}))});xe.displayName="ReplyToCommentSingle";var rt={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"}}]},Se=m.forwardRef(function(n,e){return m.createElement(z,Object.assign({},n,{id:"resolved-single",ref:e,icon:rt}))});Se.displayName="ResolvedSingle";var ot={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}}]},be=m.forwardRef(function(n,e){return m.createElement(z,Object.assign({},n,{id:"solve-single",ref:e,icon:ot}))});be.displayName="SolveSingle";function ye(n){var e,t,r="";if(typeof n=="string"||typeof n=="number")r+=n;else if(typeof n=="object")if(Array.isArray(n)){var o=n.length;for(e=0;e<o;e++)n[e]&&(t=ye(n[e]))&&(r&&(r+=" "),r+=t)}else for(t in n)n[t]&&(r&&(r+=" "),r+=t);return r}function it(){for(var n,e,t=0,r="",o=arguments.length;t<o;t++)(n=arguments[t])&&(e=ye(n))&&(r&&(r+=" "),r+=e);return r}const st="univer-thread-comment-editor-buttons",at="univer-thread-comment-editor-suggestion",lt="univer-thread-comment-editor-suggestionActive",dt="univer-thread-comment-editor-suggestion-icon",se={threadCommentEditorButtons:st,threadCommentEditorSuggestion:at,threadCommentEditorSuggestionActive:lt,threadCommentEditorSuggestionIcon:dt},ct=n=>{const e=/@\[(.*?)\]\((.*?)\)|(\w+)/g;let t,r=0;const o=[];for(;(t=e.exec(n))!==null;)t.index>r&&o.push({type:"text",content:n.substring(r,t.index)}),t[1]&&t[2]?o.push({type:"mention",content:{label:t[1],id:t[2]}}):t[3]&&o.push({type:"text",content:t[3]}),r=e.lastIndex;return r<n.length&&o.push({type:"text",content:n.substring(r)}),o},mt=n=>n.map(e=>{switch(e.type){case"mention":return`@[${e.content.label}](${e.content.id})`;default:return e.content}}).join(""),_e=n=>{const{dataStream:e,customRanges:t}=n,r=e.length-2,o=[];let s=0;return t==null||t.forEach(d=>{s<d.startIndex&&o.push({type:"text",content:e.slice(s,d.startIndex)}),o.push({type:"mention",content:{label:e.slice(d.startIndex,d.endIndex).slice(1,-1),id:d.rangeId}}),s=d.endIndex}),o.push({type:"text",content:e.slice(s,r)}),o},Te=n=>{let e="";const t=[];return n.forEach(r=>{switch(r.type){case"text":e+=r.content;break;case"mention":{const o=e.length;e+=`${r.content.label}`;const s=e.length;t.push({rangeId:r.content.id,rangeType:a.CustomRangeType.MENTION,startIndex:o,endIndex:s,properties:{}});break}}}),e+=`
10
- \r`,{textRuns:[],paragraphs:[{startIndex:e.length-2,paragraphStyle:{}}],sectionBreaks:[{startIndex:e.length-1}],dataStream:e,customRanges:t}},ut=(n,e,t,r,o)=>{var d,h;const s=(d=n.raw)==null?void 0:d.icon;return i.jsxs("div",{className:se.threadCommentEditorSuggestion,children:[s?i.jsx("img",{className:se.threadCommentEditorSuggestionIcon,src:s}):null,i.jsx("div",{children:(h=n.display)!=null?h:n.id})]})},je=m.forwardRef((n,e)=>{var A;const{comment:t,onSave:r,id:o,onCancel:s,autoFocus:d,unitId:h}=n,f=a.useDependency(a.IMentionIOService),M=a.useDependency(a.ICommandService),P=a.useDependency(a.LocaleService),[g,S]=m.useState({...t}),[_,v]=m.useState(!1),I=m.useRef(null),R=a.useDependency(Oe.DocSelectionManagerService),T=(A=a.useDependency(Re.IRenderManagerService).getCurrentTypeOfRenderer(a.UniverInstanceType.UNIVER_DOC))==null?void 0:A.with(Me.DocSelectionRenderService);m.useImperativeHandle(e,()=>({reply(u){var x;S({...t,text:u,attachments:[]}),(x=I.current)==null||x.inputElement.focus()}}));const p=()=>{var u;g.text&&(r==null||r({...g,text:g.text}),v(!1),S({text:void 0}),(u=I.current)==null||u.inputElement.blur())};return i.jsxs("div",{className:se.threadCommentEditor,onClick:u=>u.preventDefault(),children:[i.jsx(N.Mentions,{ref:I,autoFocus:d,style:{width:"100%"},placeholder:P.t("threadCommentUI.editor.placeholder"),value:g!=null&&g.text?mt(_e(g.text)):"",onChange:u=>{u.target.value||S({...t,text:void 0}),S==null||S({...t,text:Te(ct(u.target.value))})},onFocus:()=>{const u=R.getActiveTextRange();u&&u.collapsed&&(T==null||T.removeAllRanges()),T==null||T.blur(),v(!0)},children:i.jsx(N.Mention,{trigger:"@",data:(u,x)=>f.list({search:u,unitId:h}).then(c=>c.list.map(w=>w.mentions.map(b=>({id:b.objectId,display:b.label,raw:b}))).flat()).then(x),displayTransform:(u,x)=>`@${x} `,renderSuggestion:ut},"@")}),_?i.jsxs("div",{className:se.threadCommentEditorButtons,children:[i.jsx(N.Button,{style:{marginRight:12},onClick:()=>{s==null||s(),v(!1),S({text:void 0}),M.executeCommand(B.id)},children:P.t("threadCommentUI.editor.cancel")}),i.jsx(N.Button,{type:"primary",disabled:!g.text,onClick:p,children:P.t(o?"threadCommentUI.editor.save":"threadCommentUI.editor.reply")})]}):null]})}),ht="univer-thread-comment",vt="univer-thread-comment-active",Ct="univer-thread-comment-content",ft="univer-thread-comment-highlight",pt="univer-thread-comment-icon-container",gt="univer-thread-comment-icon",It="univer-thread-comment-title",xt="univer-thread-comment-title-position",St="univer-thread-comment-title-highlight",bt="univer-thread-comment-title-position-text",yt="univer-thread-comment-username",_t="univer-thread-comment-item",Tt="univer-thread-comment-item-head",jt="univer-thread-comment-item-title",Ut="univer-thread-comment-item-title-position",Nt="univer-thread-comment-item-title-highlight",Pt="univer-thread-comment-item-time",Et="univer-thread-comment-item-content",Ot="univer-thread-comment-item-at",C={threadComment:ht,threadCommentActive:vt,threadCommentContent:Ct,threadCommentHighlight:ft,threadCommentIconContainer:pt,threadCommentIcon:gt,threadCommentTitle:It,threadCommentTitlePosition:xt,threadCommentTitleHighlight:St,threadCommentTitlePositionText:bt,threadCommentUsername:yt,threadCommentItem:_t,threadCommentItemHead:Tt,threadCommentItemTitle:jt,threadCommentItemTitlePosition:Ut,threadCommentItemTitleHighlight:Nt,threadCommentItemTime:Pt,threadCommentItemContent:Et,threadCommentItemAt:Ot},Ue="__mock__",Mt=n=>{const{item:e,unitId:t,subUnitId:r,editing:o,onEditingChange:s,onReply:d,resolved:h,isRoot:f,onClose:M,onDeleteComment:P}=n,g=a.useDependency(a.ICommandService),S=a.useDependency(a.LocaleService),_=a.useDependency(a.UserManagerService),v=_.getUser(e.personId),I=V.useObservable(_.currentUser$),R=(I==null?void 0:I.userID)===e.personId,y=e.id===Ue,[T,p]=m.useState(!1),A=()=>{(P==null?void 0:P(e))!==!1&&(g.executeCommand(f?H.DeleteCommentTreeCommand.id:H.DeleteCommentCommand.id,{unitId:t,subUnitId:r,commentId:e.id}),f&&(M==null||M()))};return i.jsxs("div",{className:C.threadCommentItem,onMouseLeave:()=>p(!1),onMouseEnter:()=>p(!0),children:[i.jsx("img",{className:C.threadCommentItemHead,src:v==null?void 0:v.avatar}),i.jsxs("div",{className:C.threadCommentItemTitle,children:[i.jsx("div",{className:C.threadCommentUsername,children:(v==null?void 0:v.name)||" "}),i.jsxs("div",{children:[y||h?null:T?i.jsx("div",{className:C.threadCommentIcon,onClick:()=>d(v),children:i.jsx(xe,{})}):null,R&&!y&&!h?i.jsx(N.Dropdown,{overlay:i.jsxs(N.Menu,{children:[i.jsx(N.MenuItem,{onClick:()=>s==null?void 0:s(!0),children:S.t("threadCommentUI.item.edit")},"edit"),i.jsx(N.MenuItem,{onClick:A,children:S.t("threadCommentUI.item.delete")},"delete")]}),children:i.jsx("div",{className:C.threadCommentIcon,children:i.jsx(Ie,{})})}):null]})]}),i.jsx("div",{className:C.threadCommentItemTime,children:e.dT}),o?i.jsx(je,{id:e.id,comment:e,onCancel:()=>s==null?void 0:s(!1),autoFocus:!0,unitId:t,subUnitId:r,onSave:({text:u,attachments:x})=>{s==null||s(!1),g.executeCommand(H.UpdateCommentCommand.id,{unitId:t,subUnitId:r,payload:{commentId:e.id,text:u,attachments:x}})}}):i.jsx("div",{className:C.threadCommentItemContent,children:_e(e.text).map((u,x)=>{switch(u.type){case"mention":return i.jsxs("a",{className:C.threadCommentItemAt,children:["@",u.content.label," "]},x);default:return u.content}})})]})},Ne=n=>{var ne,J,Q;const{id:e,unitId:t,subUnitId:r,refStr:o,showEdit:s=!0,onClick:d,showHighlight:h,onClose:f,getSubUnitName:M,prefix:P,autoFocus:g,onMouseEnter:S,onMouseLeave:_,onAddComment:v,onDeleteComment:I,onResolve:R}=n,y=a.useDependency(H.ThreadCommentModel),[T,p]=m.useState(!1),[A,u]=m.useState(""),x=m.useMemo(()=>y.commentUpdate$.pipe(ie.debounceTime(16)),[y]);V.useObservable(x);const c=e?y.getCommentWithChildren(t,r,e):null,w=a.useDependency(a.ICommandService),b=a.useDependency(a.UserManagerService),$=c==null?void 0:c.root.resolved,E=V.useObservable(b.currentUser$),G=m.useRef(null),K=[...c?[c.root]:[{id:Ue,text:{dataStream:`
11
- \r`},personId:(ne=E==null?void 0:E.userID)!=null?ne:"",ref:o!=null?o:"",dT:"",unitId:t,subUnitId:r,threadId:""}],...(J=c==null?void 0:c.children)!=null?J:[]],F=m.useRef(null),L=j=>{j.stopPropagation(),$?w.executeCommand(B.id,{unitId:t,subUnitId:r,commentId:e}):w.executeCommand(B.id),w.executeCommand(H.ResolveCommentCommand.id,{unitId:t,subUnitId:r,commentId:e,resolved:!$}),R==null||R(!$)},Y=j=>{j.stopPropagation(),w.executeCommand(B.id),!(c!=null&&c.root&&(I==null?void 0:I(c.root))===!1)&&(w.executeCommand(H.DeleteCommentTreeCommand.id,{unitId:t,subUnitId:r,commentId:e}),f==null||f())};m.useEffect(()=>_==null?void 0:_(),[]);const k=M((Q=c==null?void 0:c.root.subUnitId)!=null?Q:r),te=s&&!A&&!$,Z=`${o||(c==null?void 0:c.root.ref)||""}${k?" · ":""}${k}`;return i.jsxs("div",{className:it(C.threadComment,{[C.threadCommentActive]:!$&&(h||T||P==="cell")}),onClick:d,id:`${P}-${t}-${r}-${e}`,onMouseEnter:()=>{S==null||S(),p(!0)},onMouseLeave:()=>{_==null||_(),p(!1)},children:[!$&&h?i.jsx("div",{className:C.threadCommentHighlight}):null,i.jsxs("div",{className:C.threadCommentTitle,children:[i.jsxs("div",{className:C.threadCommentTitlePosition,children:[i.jsx("div",{className:C.threadCommentTitleHighlight}),i.jsx(N.Tooltip,{showIfEllipsis:!0,title:Z,children:i.jsx("div",{className:C.threadCommentTitlePositionText,children:Z})})]}),c?i.jsxs("div",{className:C.threadCommentIconContainer,children:[i.jsx("div",{onClick:L,className:C.threadCommentIcon,style:{color:$?"rgb(var(--green-500))":""},children:$?i.jsx(Se,{}):i.jsx(be,{})}),(E==null?void 0:E.userID)===c.root.personId?i.jsx("div",{className:C.threadCommentIcon,onClick:Y,children:i.jsx(pe,{})}):null]}):null]}),i.jsx("div",{className:C.threadCommentContent,ref:F,children:K.map(j=>i.jsx(Mt,{onClose:f,unitId:t,subUnitId:r,item:j,isRoot:j.id===(c==null?void 0:c.root.id),editing:A===j.id,resolved:c==null?void 0:c.root.resolved,onEditingChange:D=>{u(D?j.id:"")},onReply:D=>{D&&requestAnimationFrame(()=>{var l;(l=G.current)==null||l.reply(Te([{type:"mention",content:{id:D.userID,label:D.name}}]))})},onAddComment:v,onDeleteComment:I},j.id))}),te?i.jsx("div",{children:i.jsx(je,{ref:G,unitId:t,subUnitId:r,onSave:async({text:j,attachments:D})=>{const l={text:j,attachments:D,dT:H.getDT(),id:a.generateRandomId(),ref:o,personId:E==null?void 0:E.userID,parentId:c==null?void 0:c.root.id,unitId:t,subUnitId:r,threadId:c==null?void 0:c.root.threadId};(v==null?void 0:v(l))!==!1&&(await w.executeCommand(H.AddCommentCommand.id,{unitId:t,subUnitId:r,comment:l}),F.current&&(F.current.scrollTop=F.current.scrollHeight))},autoFocus:g||!c,onCancel:()=>{c||f==null||f()}},`${g}`)}):null]})},Rt="univer-thread-comment-panel",wt="univer-thread-comment",$t="univer-thread-comment-panel-forms",Dt="univer-select",Ht="univer-thread-comment-panel-empty",At="univer-thread-comment-panel-add",Lt="univer-thread-comment-panel-solved",ee={threadCommentPanel:Rt,threadComment:wt,threadCommentPanelForms:$t,select:Dt,threadCommentPanelEmpty:Ht,threadCommentPanelAdd:At,threadCommentPanelSolved:Lt},kt=n=>{const{unitId:e,subUnitId$:t,type:r,onAdd:o,getSubUnitName:s,onResolve:d,sortComments:h,onItemLeave:f,onItemEnter:M,disableAdd:P,tempComment:g,onAddComment:S,onDeleteComment:_,showComments:v}=n,[I,R]=m.useState("all"),[y,T]=m.useState("all"),p=a.useDependency(a.LocaleService),A=a.useDependency(a.UserManagerService),u=a.useDependency(H.ThreadCommentModel),[x,c]=m.useState(()=>u.getUnit(e)),w=a.useDependency(exports.ThreadCommentPanelService),b=V.useObservable(w.activeCommentId$),$=V.useObservable(u.commentUpdate$),E=a.useDependency(a.ICommandService),G=V.useObservable(t),K=m.useRef(!0),F="panel",L=V.useObservable(A.currentUser$),Y=m.useMemo(()=>{var oe;const l=I==="all"?x:(oe=x.filter(U=>U.subUnitId===G))!=null?oe:[],X=h!=null?h:U=>U,re=l.map(U=>{var q;return{...U.root,children:(q=U.children)!=null?q:[],users:U.relativeUsers}});if(v){const U=new Map;return re.forEach(q=>{U.set(q.id,q)}),[...v,""].map(q=>U.get(q)).filter(Boolean)}else return X(re)},[v,I,x,h,G]),k=m.useMemo(()=>[...Y.filter(l=>!l.resolved),...Y.filter(l=>l.resolved)],[Y]),te=m.useMemo(()=>y==="resolved"?k.filter(l=>l.resolved):y==="unsolved"?k.filter(l=>!l.resolved):y==="concern_me"&&L!=null&&L.userID?k.filter(l=>l==null?void 0:l.users.has(L.userID)):k,[k,L==null?void 0:L.userID,y]),Z=g?[g,...te]:te,ne=Z.filter(l=>!l.resolved),J=Z.filter(l=>l.resolved),Q=y!=="all"||I!=="all",j=()=>{T("all"),R("all")};m.useEffect(()=>{e&&c(u.getUnit(e))},[e,u,$]),m.useEffect(()=>{var U;if(!b)return;if(!K.current){K.current=!0;return}const{unitId:l,subUnitId:X,commentId:re}=b,oe=`${F}-${l}-${X}-${re}`;(U=document.getElementById(oe))==null||U.scrollIntoView({block:"center"})},[b]);const D=l=>i.jsx(Ne,{prefix:F,getSubUnitName:s,id:l.id,unitId:l.unitId,subUnitId:l.subUnitId,refStr:l.ref,type:r,showEdit:(b==null?void 0:b.commentId)===l.id,showHighlight:(b==null?void 0:b.commentId)===l.id,onClick:()=>{K.current=!1,l.resolved?E.executeCommand(B.id):E.executeCommand(B.id,{unitId:l.unitId,subUnitId:l.subUnitId,commentId:l.id,temp:!1})},onMouseEnter:()=>M==null?void 0:M(l),onMouseLeave:()=>f==null?void 0:f(l),onAddComment:S,onDeleteComment:_,onResolve:X=>d==null?void 0:d(l.id,X)},l.id);return i.jsxs("div",{className:ee.threadCommentPanel,children:[i.jsxs("div",{className:ee.threadCommentPanelForms,children:[r===a.UniverInstanceType.UNIVER_SHEET?i.jsx(N.Select,{borderless:!0,value:I,onChange:l=>R(l),options:[{value:"current",label:p.t("threadCommentUI.filter.sheet.current")},{value:"all",label:p.t("threadCommentUI.filter.sheet.all")}]}):null,i.jsx(N.Select,{borderless:!0,value:y,onChange:l=>T(l),options:[{value:"all",label:p.t("threadCommentUI.filter.status.all")},{value:"resolved",label:p.t("threadCommentUI.filter.status.resolved")},{value:"unsolved",label:p.t("threadCommentUI.filter.status.unsolved")},{value:"concern_me",label:p.t("threadCommentUI.filter.status.concernMe")}]})]}),ne.map(D),J.length?i.jsx("div",{className:ee.threadCommentPanelSolved,children:"已解决"}):null,J.map(D),Z.length?null:i.jsxs("div",{className:ee.threadCommentPanelEmpty,children:[Q?p.t("threadCommentUI.panel.filterEmpty"):p.t("threadCommentUI.panel.empty"),Q?i.jsx(N.Button,{onClick:j,type:"link",children:p.t("threadCommentUI.panel.reset")}):i.jsxs(N.Button,{id:"thread-comment-add",className:ee.threadCommentPanelAdd,type:"primary",onClick:o,disabled:P,children:[i.jsx(ge,{}),p.t("threadCommentUI.panel.addComment")]})]})]})};exports.SetActiveCommentOperation=B;exports.THREAD_COMMENT_PANEL=ce;exports.ThreadCommentPanel=kt;exports.ThreadCommentTree=Ne;exports.ToggleSheetCommentPanelOperation=me;
9
+ */var me;function Fe(){if(me)return ee;me=1;var n=m,e=Symbol.for("react.element"),t=Symbol.for("react.fragment"),r=Object.prototype.hasOwnProperty,i=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function d(v,u,T){var C,f={},p=null,y=null;T!==void 0&&(p=""+T),u.key!==void 0&&(p=""+u.key),u.ref!==void 0&&(y=u.ref);for(C in u)r.call(u,C)&&!s.hasOwnProperty(C)&&(f[C]=u[C]);if(v&&v.defaultProps)for(C in u=v.defaultProps,u)f[C]===void 0&&(f[C]=u[C]);return{$$typeof:e,type:v,key:p,ref:y,props:f,_owner:i.current}}return ee.Fragment=t,ee.jsx=d,ee.jsxs=d,ee}var ue;function We(){return ue||(ue=1,de.exports=Fe()),de.exports}var o=We(),R=function(){return R=Object.assign||function(n){for(var e,t=1,r=arguments.length;t<r;t++){e=arguments[t];for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i])}return n},R.apply(this,arguments)},ze=function(n,e){var t={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(t[r]=n[r]);if(n!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,r=Object.getOwnPropertySymbols(n);i<r.length;i++)e.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(n,r[i])&&(t[r[i]]=n[r[i]]);return t},z=m.forwardRef(function(n,e){var t=n.icon,r=n.id,i=n.className,s=n.extend,d=ze(n,["icon","id","className","extend"]),v="univerjs-icon univerjs-icon-".concat(r," ").concat(i||"").trim(),u=m.useRef("_".concat(Ge()));return pe(t,"".concat(r),{defIds:t.defIds,idSuffix:u.current},R({ref:e,className:v},d),s)});function pe(n,e,t,r,i){return m.createElement(n.tag,R(R({key:e},Ze(n,t,i)),r),(Je(n,t).children||[]).map(function(s,d){return pe(s,"".concat(e,"-").concat(n.tag,"-").concat(d),t,void 0,i)}))}function Ze(n,e,t){var r=R({},n.attrs);t!=null&&t.colorChannel1&&r.fill==="colorChannel1"&&(r.fill=t.colorChannel1);var i=e.defIds;return!i||i.length===0||(n.tag==="use"&&r["xlink:href"]&&(r["xlink:href"]=r["xlink:href"]+e.idSuffix),Object.entries(r).forEach(function(s){var d=s[0],v=s[1];typeof v=="string"&&(r[d]=v.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))})),r}function Je(n,e){var t,r=e.defIds;return!r||r.length===0?n:n.tag==="defs"&&(!((t=n.children)===null||t===void 0)&&t.length)?R(R({},n),{children:n.children.map(function(i){return typeof i.attrs.id=="string"&&r&&r.indexOf(i.attrs.id)>-1?R(R({},i),{attrs:R(R({},i.attrs),{id:i.attrs.id+e.idSuffix})}):i})}):n}function Ge(){return Math.random().toString(36).substring(2,8)}z.displayName="UniverIcon";var Ke={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"}}]},ge=m.forwardRef(function(n,e){return m.createElement(z,Object.assign({},n,{id:"delete-single",ref:e,icon:Ke}))});ge.displayName="DeleteSingle";var Ye={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"}}]},Ie=m.forwardRef(function(n,e){return m.createElement(z,Object.assign({},n,{id:"increase-single",ref:e,icon:Ye}))});Ie.displayName="IncreaseSingle";var Qe={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"}}]},xe=m.forwardRef(function(n,e){return m.createElement(z,Object.assign({},n,{id:"more-horizontal-single",ref:e,icon:Qe}))});xe.displayName="MoreHorizontalSingle";var Xe={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}}]},Se=m.forwardRef(function(n,e){return m.createElement(z,Object.assign({},n,{id:"reply-to-comment-single",ref:e,icon:Xe}))});Se.displayName="ReplyToCommentSingle";var et={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"}}]},be=m.forwardRef(function(n,e){return m.createElement(z,Object.assign({},n,{id:"resolved-single",ref:e,icon:et}))});be.displayName="ResolvedSingle";var tt={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}}]},ye=m.forwardRef(function(n,e){return m.createElement(z,Object.assign({},n,{id:"solve-single",ref:e,icon:tt}))});ye.displayName="SolveSingle";function _e(n){var e,t,r="";if(typeof n=="string"||typeof n=="number")r+=n;else if(typeof n=="object")if(Array.isArray(n)){var i=n.length;for(e=0;e<i;e++)n[e]&&(t=_e(n[e]))&&(r&&(r+=" "),r+=t)}else for(t in n)n[t]&&(r&&(r+=" "),r+=t);return r}function nt(){for(var n,e,t=0,r="",i=arguments.length;t<i;t++)(n=arguments[t])&&(e=_e(n))&&(r&&(r+=" "),r+=e);return r}const rt="univer-thread-comment-editor-buttons",it="univer-thread-comment-editor-suggestion",ot="univer-thread-comment-editor-suggestionActive",st="univer-thread-comment-editor-suggestion-icon",ae={threadCommentEditorButtons:rt,threadCommentEditorSuggestion:it,threadCommentEditorSuggestionActive:ot,threadCommentEditorSuggestionIcon:st},at=n=>{const e=/@\[(.*?)\]\((.*?)\)|(\w+)/g;let t,r=0;const i=[];for(;(t=e.exec(n))!==null;)t.index>r&&i.push({type:"text",content:n.substring(r,t.index)}),t[1]&&t[2]?i.push({type:"mention",content:{label:t[1],id:t[2]}}):t[3]&&i.push({type:"text",content:t[3]}),r=e.lastIndex;return r<n.length&&i.push({type:"text",content:n.substring(r)}),i},lt=n=>n.map(e=>{switch(e.type){case"mention":return`@[${e.content.label}](${e.content.id})`;default:return e.content}}).join(""),Te=n=>{const{dataStream:e,customRanges:t}=n,r=e.length-2,i=[];let s=0;return t==null||t.forEach(d=>{s<d.startIndex&&i.push({type:"text",content:e.slice(s,d.startIndex)}),i.push({type:"mention",content:{label:e.slice(d.startIndex,d.endIndex).slice(1,-1),id:d.rangeId}}),s=d.endIndex}),i.push({type:"text",content:e.slice(s,r)}),i},je=n=>{let e="";const t=[];return n.forEach(r=>{switch(r.type){case"text":e+=r.content;break;case"mention":{const i=e.length;e+=`${r.content.label}`;const s=e.length;t.push({rangeId:r.content.id,rangeType:a.CustomRangeType.MENTION,startIndex:i,endIndex:s,properties:{}});break}}}),e+=`
10
+ \r`,{textRuns:[],paragraphs:[{startIndex:e.length-2,paragraphStyle:{}}],sectionBreaks:[{startIndex:e.length-1}],dataStream:e,customRanges:t}},dt=(n,e,t,r,i)=>{var d,v;const s=(d=n.raw)==null?void 0:d.icon;return o.jsxs("div",{className:ae.threadCommentEditorSuggestion,children:[s?o.jsx("img",{className:ae.threadCommentEditorSuggestionIcon,src:s}):null,o.jsx("div",{children:(v=n.display)!=null?v:n.id})]})},Ue=m.forwardRef((n,e)=>{var A;const{comment:t,onSave:r,id:i,onCancel:s,autoFocus:d,unitId:v}=n,u=a.useDependency(a.IMentionIOService),T=a.useDependency(a.ICommandService),C=a.useDependency(a.LocaleService),[f,p]=m.useState({...t}),[y,g]=m.useState(!1),S=m.useRef(null),M=a.useDependency(Re.DocSelectionManagerService),U=(A=a.useDependency(we.IRenderManagerService).getCurrentTypeOfRenderer(a.UniverInstanceType.UNIVER_DOC))==null?void 0:A.with(Me.DocSelectionRenderService);m.useImperativeHandle(e,()=>({reply(h){var b;p({...t,text:h,attachments:[]}),(b=S.current)==null||b.inputElement.focus()}}));const x=()=>{var h;f.text&&(r==null||r({...f,text:f.text}),g(!1),p({text:void 0}),(h=S.current)==null||h.inputElement.blur())};return o.jsxs("div",{className:ae.threadCommentEditor,onClick:h=>h.preventDefault(),children:[o.jsx(E.Mentions,{ref:S,autoFocus:d,style:{width:"100%"},placeholder:C.t("threadCommentUI.editor.placeholder"),value:f!=null&&f.text?lt(Te(f.text)):"",onChange:h=>{h.target.value||p({...t,text:void 0}),p==null||p({...t,text:je(at(h.target.value))})},onFocus:()=>{const h=M.getActiveTextRange();h&&h.collapsed&&(U==null||U.removeAllRanges()),U==null||U.blur(),g(!0)},children:o.jsx(E.Mention,{trigger:"@",data:(h,b)=>u.list({search:h,unitId:v}).then(c=>c.list.map(w=>w.mentions.map(_=>({id:_.objectId,display:_.label,raw:_}))).flat()).then(b),displayTransform:(h,b)=>`@${b} `,renderSuggestion:dt},"@")}),y?o.jsxs("div",{className:ae.threadCommentEditorButtons,children:[o.jsx(E.Button,{style:{marginRight:12},onClick:()=>{s==null||s(),g(!1),p({text:void 0}),T.executeCommand(B.id)},children:C.t("threadCommentUI.editor.cancel")}),o.jsx(E.Button,{type:"primary",disabled:!f.text,onClick:x,children:C.t(i?"threadCommentUI.editor.save":"threadCommentUI.editor.reply")})]}):null]})}),ct="univer-thread-comment",mt="univer-thread-comment-active",ut="univer-thread-comment-content",ht="univer-thread-comment-highlight",vt="univer-thread-comment-icon-container",Ct="univer-thread-comment-icon",ft="univer-thread-comment-title",pt="univer-thread-comment-title-position",gt="univer-thread-comment-title-highlight",It="univer-thread-comment-title-position-text",xt="univer-thread-comment-username",St="univer-thread-comment-item",bt="univer-thread-comment-item-head",yt="univer-thread-comment-item-title",_t="univer-thread-comment-item-title-position",Tt="univer-thread-comment-item-title-highlight",jt="univer-thread-comment-item-time",Ut="univer-thread-comment-item-content",Nt="univer-thread-comment-item-at",I={threadComment:ct,threadCommentActive:mt,threadCommentContent:ut,threadCommentHighlight:ht,threadCommentIconContainer:vt,threadCommentIcon:Ct,threadCommentTitle:ft,threadCommentTitlePosition:pt,threadCommentTitleHighlight:gt,threadCommentTitlePositionText:It,threadCommentUsername:xt,threadCommentItem:St,threadCommentItemHead:bt,threadCommentItemTitle:yt,threadCommentItemTitlePosition:_t,threadCommentItemTitleHighlight:Tt,threadCommentItemTime:jt,threadCommentItemContent:Ut,threadCommentItemAt:Nt},Ne="__mock__",Pt=n=>{const{item:e,unitId:t,subUnitId:r,editing:i,onEditingChange:s,onReply:d,resolved:v,isRoot:u,onClose:T,onDeleteComment:C}=n,f=a.useDependency(a.ICommandService),p=a.useDependency(a.LocaleService),y=a.useDependency(a.UserManagerService),g=y.getUser(e.personId),S=V.useObservable(y.currentUser$),M=(S==null?void 0:S.userID)===e.personId,j=e.id===Ne,[U,x]=m.useState(!1),A=()=>{(C==null?void 0:C(e))!==!1&&(f.executeCommand(u?H.DeleteCommentTreeCommand.id:H.DeleteCommentCommand.id,{unitId:t,subUnitId:r,commentId:e.id}),u&&(T==null||T()))};return o.jsxs("div",{className:I.threadCommentItem,onMouseLeave:()=>x(!1),onMouseEnter:()=>x(!0),children:[o.jsx("img",{className:I.threadCommentItemHead,src:g==null?void 0:g.avatar}),o.jsxs("div",{className:I.threadCommentItemTitle,children:[o.jsx("div",{className:I.threadCommentUsername,children:(g==null?void 0:g.name)||" "}),o.jsxs("div",{children:[j||v?null:U?o.jsx("div",{className:I.threadCommentIcon,onClick:()=>d(g),children:o.jsx(Se,{})}):null,M&&!j&&!v?o.jsx(E.Dropdown,{overlay:o.jsxs(E.Menu,{children:[o.jsx(E.MenuItem,{onClick:()=>s==null?void 0:s(!0),children:p.t("threadCommentUI.item.edit")},"edit"),o.jsx(E.MenuItem,{onClick:A,children:p.t("threadCommentUI.item.delete")},"delete")]}),children:o.jsx("div",{className:I.threadCommentIcon,children:o.jsx(xe,{})})}):null]})]}),o.jsx("div",{className:I.threadCommentItemTime,children:e.dT}),i?o.jsx(Ue,{id:e.id,comment:e,onCancel:()=>s==null?void 0:s(!1),autoFocus:!0,unitId:t,subUnitId:r,onSave:({text:h,attachments:b})=>{s==null||s(!1),f.executeCommand(H.UpdateCommentCommand.id,{unitId:t,subUnitId:r,payload:{commentId:e.id,text:h,attachments:b}})}}):o.jsx("div",{className:I.threadCommentItemContent,children:Te(e.text).map((h,b)=>{switch(h.type){case"mention":return o.jsxs("a",{className:I.threadCommentItemAt,children:["@",h.content.label," "]},b);default:return h.content}})})]})},Pe=n=>{var re,Y,Q;const{id:e,unitId:t,subUnitId:r,refStr:i,showEdit:s=!0,onClick:d,showHighlight:v,onClose:u,getSubUnitName:T,prefix:C,autoFocus:f,onMouseEnter:p,onMouseLeave:y,onAddComment:g,onDeleteComment:S,onResolve:M}=n,j=a.useDependency(H.ThreadCommentModel),[U,x]=m.useState(!1),[A,h]=m.useState(""),b=m.useMemo(()=>j.commentUpdate$.pipe(se.debounceTime(16)),[j]);V.useObservable(b);const c=e?j.getCommentWithChildren(t,r,e):null,w=a.useDependency(a.ICommandService),_=a.useDependency(a.UserManagerService),D=c==null?void 0:c.root.resolved,O=V.useObservable(_.currentUser$),J=m.useRef(null),G=[...c?[c.root]:[{id:Ne,text:{dataStream:`
11
+ \r`},personId:(re=O==null?void 0:O.userID)!=null?re:"",ref:i!=null?i:"",dT:"",unitId:t,subUnitId:r,threadId:""}],...(Y=c==null?void 0:c.children)!=null?Y:[]],q=m.useRef(null),L=N=>{N.stopPropagation(),D?w.executeCommand(B.id,{unitId:t,subUnitId:r,commentId:e}):w.executeCommand(B.id),w.executeCommand(H.ResolveCommentCommand.id,{unitId:t,subUnitId:r,commentId:e,resolved:!D}),M==null||M(!D)},K=N=>{N.stopPropagation(),w.executeCommand(B.id),!(c!=null&&c.root&&(S==null?void 0:S(c.root))===!1)&&(w.executeCommand(H.DeleteCommentTreeCommand.id,{unitId:t,subUnitId:r,commentId:e}),u==null||u())};m.useEffect(()=>y==null?void 0:y(),[]);const k=T((Q=c==null?void 0:c.root.subUnitId)!=null?Q:r),ne=s&&!A&&!D,Z=`${i||(c==null?void 0:c.root.ref)||""}${k?" · ":""}${k}`;return o.jsxs("div",{className:nt(I.threadComment,{[I.threadCommentActive]:!D&&(v||U||C==="cell")}),onClick:d,id:`${C}-${t}-${r}-${e}`,onMouseEnter:()=>{p==null||p(),x(!0)},onMouseLeave:()=>{y==null||y(),x(!1)},children:[!D&&v?o.jsx("div",{className:I.threadCommentHighlight}):null,o.jsxs("div",{className:I.threadCommentTitle,children:[o.jsxs("div",{className:I.threadCommentTitlePosition,children:[o.jsx("div",{className:I.threadCommentTitleHighlight}),o.jsx(E.Tooltip,{showIfEllipsis:!0,title:Z,children:o.jsx("div",{className:I.threadCommentTitlePositionText,children:Z})})]}),c?o.jsxs("div",{className:I.threadCommentIconContainer,children:[o.jsx("div",{onClick:L,className:I.threadCommentIcon,style:{color:D?"rgb(var(--green-500))":""},children:D?o.jsx(be,{}):o.jsx(ye,{})}),(O==null?void 0:O.userID)===c.root.personId?o.jsx("div",{className:I.threadCommentIcon,onClick:K,children:o.jsx(ge,{})}):null]}):null]}),o.jsx("div",{className:I.threadCommentContent,ref:q,children:G.map(N=>o.jsx(Pt,{onClose:u,unitId:t,subUnitId:r,item:N,isRoot:N.id===(c==null?void 0:c.root.id),editing:A===N.id,resolved:c==null?void 0:c.root.resolved,onEditingChange:$=>{h($?N.id:"")},onReply:$=>{$&&requestAnimationFrame(()=>{var l;(l=J.current)==null||l.reply(je([{type:"mention",content:{id:$.userID,label:$.name}}]))})},onAddComment:g,onDeleteComment:S},N.id))}),ne?o.jsx("div",{children:o.jsx(Ue,{ref:J,unitId:t,subUnitId:r,onSave:async({text:N,attachments:$})=>{const l={text:N,attachments:$,dT:H.getDT(),id:a.generateRandomId(),ref:i,personId:O==null?void 0:O.userID,parentId:c==null?void 0:c.root.id,unitId:t,subUnitId:r,threadId:c==null?void 0:c.root.threadId};(g==null?void 0:g(l))!==!1&&(await w.executeCommand(H.AddCommentCommand.id,{unitId:t,subUnitId:r,comment:l}),q.current&&(q.current.scrollTop=q.current.scrollHeight))},autoFocus:f||!c,onCancel:()=>{c||u==null||u()}},`${f}`)}):null]})},Et="univer-thread-comment-panel",Ot="univer-thread-comment",Rt="univer-thread-comment-panel-forms",Mt="univer-select",wt="univer-thread-comment-panel-empty",Dt="univer-thread-comment-panel-add",$t="univer-thread-comment-panel-solved",te={threadCommentPanel:Et,threadComment:Ot,threadCommentPanelForms:Rt,select:Mt,threadCommentPanelEmpty:wt,threadCommentPanelAdd:Dt,threadCommentPanelSolved:$t},Ht=n=>{const{unitId:e,subUnitId$:t,type:r,onAdd:i,getSubUnitName:s,onResolve:d,sortComments:v,onItemLeave:u,onItemEnter:T,disableAdd:C,tempComment:f,onAddComment:p,onDeleteComment:y,showComments:g}=n,[S,M]=m.useState("all"),[j,U]=m.useState("all"),x=a.useDependency(a.LocaleService),A=a.useDependency(a.UserManagerService),h=a.useDependency(H.ThreadCommentModel),[b,c]=m.useState(()=>h.getUnit(e)),w=a.useDependency(exports.ThreadCommentPanelService),_=V.useObservable(w.activeCommentId$),D=V.useObservable(h.commentUpdate$),O=a.useDependency(a.ICommandService),J=V.useObservable(t),G=m.useRef(!0),q="panel",L=V.useObservable(A.currentUser$),K=m.useMemo(()=>{var oe;const l=S==="all"?b:(oe=b.filter(P=>P.subUnitId===J))!=null?oe:[],X=v!=null?v:P=>P,ie=l.map(P=>{var F;return{...P.root,children:(F=P.children)!=null?F:[],users:P.relativeUsers}});if(g){const P=new Map;return ie.forEach(F=>{P.set(F.id,F)}),[...g,""].map(F=>P.get(F)).filter(Boolean)}else return X(ie)},[g,S,b,v,J]),k=m.useMemo(()=>[...K.filter(l=>!l.resolved),...K.filter(l=>l.resolved)],[K]),ne=m.useMemo(()=>j==="resolved"?k.filter(l=>l.resolved):j==="unsolved"?k.filter(l=>!l.resolved):j==="concern_me"&&L!=null&&L.userID?k.filter(l=>l==null?void 0:l.users.has(L.userID)):k,[k,L==null?void 0:L.userID,j]),Z=f?[f,...ne]:ne,re=Z.filter(l=>!l.resolved),Y=Z.filter(l=>l.resolved),Q=j!=="all"||S!=="all",N=()=>{U("all"),M("all")};m.useEffect(()=>{e&&c(h.getUnit(e))},[e,h,D]),m.useEffect(()=>{var P;if(!_)return;if(!G.current){G.current=!0;return}const{unitId:l,subUnitId:X,commentId:ie}=_,oe=`${q}-${l}-${X}-${ie}`;(P=document.getElementById(oe))==null||P.scrollIntoView({block:"center"})},[_]);const $=l=>o.jsx(Pe,{prefix:q,getSubUnitName:s,id:l.id,unitId:l.unitId,subUnitId:l.subUnitId,refStr:l.ref,type:r,showEdit:(_==null?void 0:_.commentId)===l.id,showHighlight:(_==null?void 0:_.commentId)===l.id,onClick:()=>{G.current=!1,l.resolved?O.executeCommand(B.id):O.executeCommand(B.id,{unitId:l.unitId,subUnitId:l.subUnitId,commentId:l.id,temp:!1})},onMouseEnter:()=>T==null?void 0:T(l),onMouseLeave:()=>u==null?void 0:u(l),onAddComment:p,onDeleteComment:y,onResolve:X=>d==null?void 0:d(l.id,X)},l.id);return o.jsxs("div",{className:te.threadCommentPanel,children:[o.jsxs("div",{className:te.threadCommentPanelForms,children:[r===a.UniverInstanceType.UNIVER_SHEET?o.jsx(E.Select,{borderless:!0,value:S,onChange:l=>M(l),options:[{value:"current",label:x.t("threadCommentUI.filter.sheet.current")},{value:"all",label:x.t("threadCommentUI.filter.sheet.all")}]}):null,o.jsx(E.Select,{borderless:!0,value:j,onChange:l=>U(l),options:[{value:"all",label:x.t("threadCommentUI.filter.status.all")},{value:"resolved",label:x.t("threadCommentUI.filter.status.resolved")},{value:"unsolved",label:x.t("threadCommentUI.filter.status.unsolved")},{value:"concern_me",label:x.t("threadCommentUI.filter.status.concernMe")}]})]}),re.map($),Y.length?o.jsx("div",{className:te.threadCommentPanelSolved,children:"已解决"}):null,Y.map($),Z.length?null:o.jsxs("div",{className:te.threadCommentPanelEmpty,children:[Q?x.t("threadCommentUI.panel.filterEmpty"):x.t("threadCommentUI.panel.empty"),Q?o.jsx(E.Button,{onClick:N,type:"link",children:x.t("threadCommentUI.panel.reset")}):o.jsxs(E.Button,{id:"thread-comment-add",className:te.threadCommentPanelAdd,type:"primary",onClick:i,disabled:C,children:[o.jsx(Ie,{}),x.t("threadCommentUI.panel.addComment")]})]})]})};exports.SetActiveCommentOperation=B;exports.THREAD_COMMENT_PANEL=he;exports.ThreadCommentPanel=Ht;exports.ThreadCommentTree=Pe;exports.ToggleSheetCommentPanelOperation=ve;
@@ -0,0 +1 @@
1
+ "use strict";const e={threadCommentUI:{panel:{title:"Gestion des commentaires",empty:"Pas encore de commentaires",filterEmpty:"Aucun résultat correspondant",reset:"Réinitialiser le filtre",addComment:"Ajouter un commentaire"},editor:{placeholder:"Répondre ou ajouter d'autres avec @",reply:"Commenter",cancel:"Annuler",save:"Enregistrer"},item:{edit:"Modifier",delete:"Supprimer ce commentaire"},filter:{sheet:{all:"Toutes les feuilles",current:"Feuille actuelle"},status:{all:"Tous les commentaires",resolved:"Résolu",unsolved:"Non résolu",concernMe:"Me concerne"}}}};module.exports=e;