@univerjs/thread-comment-ui 0.1.12

package/lib/index.css

@@ -0,0 +1 @@
+.univer-thread-comment-editor-buttons{margin-top:12px;display:flex;flex-direction:row;justify-content:flex-end}.univer-thread-comment-editor-suggestion{display:flex;align-items:center;font-size:13px;color:rgb(var(--color-black))}.univer-thread-comment-editor-suggestionActive{background-color:rgba(var(--grey-50))}.univer-thread-comment-editor-suggestion-icon{width:24px;height:24px;border-radius:12px;margin-right:6px}.univer-thread-comment{padding:16px;background:rgba(var(--color-white));border:1px solid rgba(var(--grey-200));width:279px;border-radius:8px;box-sizing:border-box;position:relative}.univer-thread-comment-active{box-shadow:var(--box-shadow-base)}.univer-thread-comment-content{max-height:300px;overflow-y:auto;overflow-x:hidden;scrollbar-color:rgba(var(--scrollbar-color),.7) transparent;scrollbar-gutter:auto;scrollbar-width:thin}.univer-thread-comment-highlight{background-color:rgb(var(--gold-400));position:absolute;top:0;left:0;right:0;height:6px;border-top-left-radius:6px;border-top-right-radius:6px}.univer-thread-comment-icon-container{display:flex;flex-direction:row}.univer-thread-comment-icon{width:24px;height:24px;border-radius:3px;margin-left:4px;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font-size:16px}.univer-thread-comment-icon:hover{background-color:rgba(var(--grey-50))}.univer-thread-comment-title{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:14px;line-height:20px}.univer-thread-comment-title-position{display:flex;flex-direction:row;align-items:center}.univer-thread-comment-title-highlight{width:3px;height:14px;border-radius:1.5px;background-color:rgba(var(--gold-400));margin-right:8px}.univer-thread-comment-username{font-size:14px;font-weight:500;line-height:20px}.univer-thread-comment-item{margin-bottom:12px;padding-left:30px;position:relative}.univer-thread-comment-item-head{width:24px;height:24px;border-radius:12px;position:absolute;left:0;top:0}.univer-thread-comment-item-title{display:flex;justify-content:space-between;height:24px;align-items:center;margin-bottom:4px}.univer-thread-comment-item-title-position{color:rgba(var(--color-black));font-size:14px;line-height:20px}.univer-thread-comment-item-title-highlight{width:3px;height:14px;border-radius:2px;margin-right:8px;margin-top:3px;background-color:rgba(var(--gold-400))}.univer-thread-comment-item-time{font-size:12px;line-height:1.5;margin-bottom:4px;color:rgba(var(--grey-600))}.univer-thread-comment-item-content{font-size:13px;line-height:20px;word-break:break-all;color:rgba(var(--color-black))}.univer-thread-comment-item-at{color:rgba(var(--blue-400))}.univer-thread-comment-panel{min-height:100%;display:flex;flex-direction:column}.univer-thread-comment-panel .univer-thread-comment{margin-top:12px}.univer-thread-comment-panel-forms{display:flex;flex-direction:row;justify-content:space-between;margin-top:12px}.univer-thread-comment-panel-forms .univer-select{width:120px}.univer-thread-comment-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgb(var(--grey-600));font-size:13px;flex:1}.univer-thread-comment-panel-add{margin-top:8px;display:flex;flex-direction:row}.univer-thread-comment-panel-add svg{margin-right:6px}

package/lib/types/commands/operations/comment.operations.d.ts

@@ -0,0 +1,9 @@
+import { ICommand } from '@univerjs/core';
+
+export declare const ToggleSheetCommentPanelOperation: ICommand;
+export interface ISetActiveCommentOperationParams {
+    unitId: string;
+    subUnitId: string;
+    commentId: string;
+}
+export declare const SetActiveCommentOperation: ICommand<ISetActiveCommentOperationParams>;

package/lib/types/controllers/thread-comment-ui.controller.d.ts

@@ -0,0 +1,7 @@
+import { Disposable, LocaleService } from '@univerjs/core';
+
+export declare class ThreadCommentUIController extends Disposable {
+    private readonly _localeService;
+    constructor(_localeService: LocaleService);
+    private _initLocales;
+}

package/lib/types/index.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export { UniverThreadCommentUIPlugin } from './plugin';
+export { ToggleSheetCommentPanelOperation, SetActiveCommentOperation, type ISetActiveCommentOperationParams } from './commands/operations/comment.operations';
+export { ThreadCommentPanelService } from './services/thread-comment-panel.service';
+export { ThreadCommentPanel } from './views/thread-comment-panel';
+export type { IThreadCommentPanelProps } from './views/thread-comment-panel';
+export { ThreadCommentTree } from './views/thread-comment-tree';
+export type { IThreadCommentTreeProps } from './views/thread-comment-tree';
+export { THREAD_COMMENT_PANEL } from './types/const';
+export { IThreadCommentMentionDataService } from './services/thread-comment-mention-data.service';

package/lib/types/locale/en-US.d.ts

@@ -0,0 +1,4 @@
+import { default as zhCN } from './zh-CN';
+
+declare const enUS: typeof zhCN;
+export default enUS;

package/lib/types/locale/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export { default as enUS } from './en-US';
+export { default as zhCN } from './zh-CN';
+export { default as ruRU } from './ru-RU';

package/lib/types/locale/ru-RU.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+declare const _default: {
+    threadCommentUI: {
+        panel: {
+            title: string;
+            empty: string;
+            filterEmpty: string;
+            reset: string;
+            addComment: string;
+        };
+        editor: {
+            placeholder: string;
+            reply: string;
+            cancel: string;
+            save: string;
+        };
+        item: {
+            edit: string;
+            delete: string;
+        };
+        filter: {
+            sheet: {
+                all: string;
+                current: string;
+            };
+            status: {
+                all: string;
+                resolved: string;
+                unsolved: string;
+                concernMe: string;
+            };
+        };
+    };
+};
+export default _default;

package/lib/types/locale/zh-CN.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+declare const _default: {
+    threadCommentUI: {
+        panel: {
+            title: string;
+            empty: string;
+            filterEmpty: string;
+            reset: string;
+            addComment: string;
+        };
+        editor: {
+            placeholder: string;
+            reply: string;
+            cancel: string;
+            save: string;
+        };
+        item: {
+            edit: string;
+            delete: string;
+        };
+        filter: {
+            sheet: {
+                all: string;
+                current: string;
+            };
+            status: {
+                all: string;
+                resolved: string;
+                unsolved: string;
+                concernMe: string;
+            };
+        };
+    };
+};
+export default _default;

package/lib/types/plugin.d.ts

@@ -0,0 +1,16 @@
+import { UniverThreadCommentPlugin } from '@univerjs/thread-comment';
+import { DependencyOverride, ICommandService, UniverInstanceType } from '@univerjs/core';
+import { Injector } from '@wendellhu/redi';
+
+export interface IUniverThreadCommentUIConfig {
+    overrides?: DependencyOverride;
+}
+export declare class UniverThreadCommentUIPlugin extends UniverThreadCommentPlugin {
+    protected _injector: Injector;
+    protected _commandService: ICommandService;
+    static pluginName: string;
+    static type: UniverInstanceType;
+    private _config1;
+    constructor(config: IUniverThreadCommentUIConfig, _injector: Injector, _commandService: ICommandService);
+    onStarting(injector: Injector): void;
+}

package/lib/types/services/thread-comment-mention-data.service.d.ts

@@ -0,0 +1,13 @@
+import { MentionProps } from '@univerjs/design';
+import { IThreadCommentMention } from '@univerjs/thread-comment';
+
+export interface IThreadCommentMentionDataService {
+    getMentions: (search: string) => Promise<IThreadCommentMention[]>;
+    trigger: string;
+    renderSuggestion?: MentionProps['renderSuggestion'];
+}
+export declare class ThreadCommentMentionDataService implements IThreadCommentMentionDataService {
+    getMentions(search: string): Promise<never[]>;
+    trigger: string;
+}
+export declare const IThreadCommentMentionDataService: import('@wendellhu/redi').IdentifierDecorator<IThreadCommentMentionDataService>;

package/lib/types/services/thread-comment-panel.service.d.ts

@@ -0,0 +1,26 @@
+import { Disposable, IUniverInstanceService } from '@univerjs/core';
+import { ISidebarService } from '@univerjs/ui';
+
+type ActiveCommentInfo = {
+    unitId: string;
+    subUnitId: string;
+    commentId: string;
+    trigger?: string;
+} | undefined;
+export declare class ThreadCommentPanelService extends Disposable {
+    private readonly _sidebarService;
+    private readonly _univerInstanceService;
+    private _panelVisible;
+    private _panelVisible$;
+    private _activeCommentId;
+    private _activeCommentId$;
+    panelVisible$: import('rxjs').Observable<boolean>;
+    activeCommentId$: import('rxjs').Observable<ActiveCommentInfo>;
+    constructor(_sidebarService: ISidebarService, _univerInstanceService: IUniverInstanceService);
+    private _init;
+    get panelVisible(): boolean;
+    get activeCommentId(): ActiveCommentInfo;
+    setPanelVisible(visible: boolean): void;
+    setActiveComment(commentInfo: ActiveCommentInfo): void;
+}
+export {};

package/lib/types/types/const.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare const THREAD_COMMENT_POPUP = "thread-comment-popup";
+export declare const THREAD_COMMENT_PANEL = "thread-comment-panel";
+export declare const PLUGIN_NAME = "thread-comment-ui-plugin";

package/lib/types/views/thread-comment-editor/index.d.ts

@@ -0,0 +1,15 @@
+import { IThreadComment } from '@univerjs/thread-comment';
+import { default as React } from 'react';
+import { IDocumentBody } from '@univerjs/core';
+
+export interface IThreadCommentEditorProps {
+    id?: string;
+    comment?: Pick<IThreadComment, 'attachments' | 'text' | 'mentions'>;
+    onSave?: (comment: Pick<IThreadComment, 'attachments' | 'text'>) => void;
+    onCancel?: () => void;
+    autoFocus?: boolean;
+}
+export interface IThreadCommentEditorInstance {
+    reply: (text: IDocumentBody) => void;
+}
+export declare const ThreadCommentEditor: React.ForwardRefExoticComponent<IThreadCommentEditorProps & React.RefAttributes<IThreadCommentEditorInstance>>;

package/lib/types/views/thread-comment-editor/util.d.ts

@@ -0,0 +1,19 @@
+import { IDocumentBody } from '@univerjs/core';
+import { IThreadCommentMention } from '@univerjs/thread-comment';
+
+export type TextNode = {
+    type: 'text';
+    content: string;
+} | {
+    type: 'mention';
+    content: IThreadCommentMention;
+};
+export declare const parseMentions: (text: string) => TextNode[];
+export declare const transformTextNode2Text: (nodes: TextNode[]) => string;
+export declare const transformDocument2TextNodes: (doc: IDocumentBody) => TextNode[];
+export declare const transformTextNodes2Document: (nodes: TextNode[]) => IDocumentBody;
+export declare const transformMention: (mention: IThreadCommentMention) => {
+    display: string;
+    id: string;
+    raw: IThreadCommentMention;
+};

package/lib/types/views/thread-comment-panel/index.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { IThreadComment } from '@univerjs/thread-comment';
+import { UniverInstanceType } from '@univerjs/core';
+import { Observable } from 'rxjs';
+
+export interface IThreadCommentPanelProps {
+    unitId: string;
+    subUnitId$: Observable<string | undefined>;
+    type: UniverInstanceType;
+    onAdd: () => void;
+    getSubUnitName: (subUnitId: string) => string;
+    onResolve?: (id: string) => void;
+    sortComments?: (comments: IThreadComment[]) => IThreadComment[];
+    onItemLeave?: (comment: IThreadComment) => void;
+    onItemEnter?: (comment: IThreadComment) => void;
+}
+export declare const ThreadCommentPanel: (props: IThreadCommentPanelProps) => React.JSX.Element;

package/lib/types/views/thread-comment-tree/index.d.ts

@@ -0,0 +1,34 @@
+import { IThreadComment } from '@univerjs/thread-comment';
+import { default as React } from 'react';
+import { UniverInstanceType } from '@univerjs/core';
+import { IUser } from '@univerjs/protocol';
+
+export interface IThreadCommentTreeProps {
+    id?: string;
+    unitId: string;
+    subUnitId: string;
+    type: UniverInstanceType;
+    refStr?: string;
+    showEdit?: boolean;
+    onClick?: () => void;
+    showHighlight?: boolean;
+    onClose?: () => void;
+    getSubUnitName: (subUnitId: string) => string;
+    prefix?: string;
+    autoFocus?: boolean;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+}
+export interface IThreadCommentItemProps {
+    item: IThreadComment;
+    unitId: string;
+    subUnitId: string;
+    onEditingChange?: (editing: boolean) => void;
+    editing?: boolean;
+    onClick?: () => void;
+    resolved?: boolean;
+    onReply: (user: IUser | undefined) => void;
+    isRoot?: boolean;
+    onClose?: () => void;
+}
+export declare const ThreadCommentTree: (props: IThreadCommentTreeProps) => React.JSX.Element;

package/lib/umd/index.js

@@ -0,0 +1,3 @@
+(function(m,C){typeof exports=="object"&&typeof module<"u"?C(exports,require("@univerjs/thread-comment"),require("@univerjs/core"),require("@wendellhu/redi"),require("@univerjs/ui"),require("rxjs"),require("react"),require("@wendellhu/redi/react-bindings"),require("@univerjs/design"),require("dayjs"),require("clsx")):typeof define=="function"&&define.amd?define(["exports","@univerjs/thread-comment","@univerjs/core","@wendellhu/redi","@univerjs/ui","rxjs","react","@wendellhu/redi/react-bindings","@univerjs/design","dayjs","clsx"],C):(m=typeof globalThis<"u"?globalThis:m||self,C(m.UniverThreadCommentUi={},m.UniverThreadComment,m.UniverCore,m["@wendellhu/redi"],m.UniverUi,m.rxjs,m.React,m["@wendellhu/redi/react-bindings"],m.UniverDesign,m.dayjs,m.clsx))})(this,function(m,C,c,z,H,Q,i,T,_,ge,pe){"use strict";var et=Object.defineProperty;var tt=(m,C,c)=>C in m?et(m,C,{enumerable:!0,configurable:!0,writable:!0,value:c}):m[C]=c;var x=(m,C,c)=>(tt(m,typeof C!="symbol"?C+"":C,c),c);var K;const ee="thread-comment-panel",Ie="thread-comment-ui-plugin";var Se=Object.defineProperty,ye=Object.getOwnPropertyDescriptor,Ee=(n,e,t,r)=>{for(var o=r>1?void 0:r?ye(e,t):e,a=n.length-1,s;a>=0;a--)(s=n[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Se(e,t,o),o},te=(n,e)=>(t,r)=>e(t,r,n);m.ThreadCommentPanelService=class extends c.Disposable{constructor(t,r){super();x(this,"_panelVisible",!1);x(this,"_panelVisible$",new Q.BehaviorSubject(!1));x(this,"_activeCommentId");x(this,"_activeCommentId$",new Q.BehaviorSubject(void 0));x(this,"panelVisible$",this._panelVisible$.asObservable());x(this,"activeCommentId$",this._activeCommentId$.asObservable());this._sidebarService=t,this._univerInstanceService=r,this._init()}_init(){this.disposeWithMe(this._sidebarService.sidebarOptions$.subscribe(t=>{t.visible||this.setPanelVisible(!1)})),this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(c.UniverInstanceType.UNIVER_SHEET).pipe(Q.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)}},m.ThreadCommentPanelService=Ee([te(0,z.Inject(H.ISidebarService)),te(1,c.IUniverInstanceService)],m.ThreadCommentPanelService);const ne={id:"thread-comment-ui.operation.toggle-panel",type:c.CommandType.OPERATION,handler(n){const e=n.get(H.ISidebarService),t=n.get(m.ThreadCommentPanelService);return t.panelVisible?(e.close(),t.setPanelVisible(!1)):(e.open({header:{title:"threadCommentUI.panel.title"},children:{label:ee},width:320}),t.setPanelVisible(!0)),!0}},X={id:"thread-comment-ui.operation.set-active-comment",type:c.CommandType.OPERATION,handler(n,e){return n.get(m.ThreadCommentPanelService).setActiveComment(e),!0}},be={threadCommentUI:{panel:{title:"评论管理",empty:"暂无评论",filterEmpty:"没有匹配的结果",reset:"重置",addComment:"新建评论"},editor:{placeholder:"回复",reply:"回复",cancel:"取消",save:"保存"},item:{edit:"编辑",delete:"删除"},filter:{sheet:{all:"所有表格",current:"当前表格"},status:{all:"所有评论",resolved:"已解决",unsolved:"未解决",concernMe:"与我有关"}}}};var Te=Object.defineProperty,_e=Object.getOwnPropertyDescriptor,Ue=(n,e,t,r)=>{for(var o=r>1?void 0:r?_e(e,t):e,a=n.length-1,s;a>=0;a--)(s=n[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Te(e,t,o),o},Pe=(n,e)=>(t,r)=>e(t,r,n);let B=class extends c.Disposable{constructor(n){super(),this._localeService=n,this._initLocales()}_initLocales(){this._localeService.load({zhCN:be})}};B=Ue([c.OnLifecycle(c.LifecycleStages.Starting,B),Pe(0,z.Inject(c.LocaleService))],B);class Me{constructor(){x(this,"trigger","@")}async getMentions(e){return[]}}const R=z.createIdentifier("thread-comment.mention-data.service");var xe=Object.defineProperty,Ne=Object.getOwnPropertyDescriptor,Oe=(n,e,t,r)=>{for(var o=r>1?void 0:r?Ne(e,t):e,a=n.length-1,s;a>=0;a--)(s=n[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&xe(e,t,o),o},re=(n,e)=>(t,r)=>e(t,r,n);m.UniverThreadCommentUIPlugin=(K=class extends C.UniverThreadCommentPlugin{constructor(t,r,o){super(t,r,o);x(this,"_config1");this._injector=r,this._commandService=o,this._config1=t}onStarting(t){super.onStarting(t),c.mergeOverrideWithDependencies([[B],[m.ThreadCommentPanelService],[R,{useClass:Me}]],this._config1.overrides).forEach(r=>{t.add(r)}),[ne,X].forEach(r=>{this._commandService.registerCommand(r)})}},x(K,"pluginName",Ie),x(K,"type",c.UniverInstanceType.UNIVER_UNKNOWN),K),m.UniverThreadCommentUIPlugin=Oe([re(1,z.Inject(z.Injector)),re(2,c.ICommandService)],m.UniverThreadCommentUIPlugin);var U=function(){return U=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},U.apply(this,arguments)},we=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},L=i.forwardRef(function(n,e){var t=n.icon,r=n.id,o=n.className,a=n.extend,s=we(n,["icon","id","className","extend"]),h="univerjs-icon univerjs-icon-".concat(r," ").concat(o||"").trim(),u=i.useRef("_".concat($e()));return ie(t,"".concat(r),{defIds:t.defIds,idSuffix:u.current},U({ref:e,className:h},s),a)});function ie(n,e,t,r,o){return i.createElement(n.tag,U(U({key:e},De(n,t,o)),r),(He(n,t).children||[]).map(function(a,s){return ie(a,"".concat(e,"-").concat(n.tag,"-").concat(s),t,void 0,o)}))}function De(n,e,t){var r=U({},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(a){var s=a[0],h=a[1];typeof h=="string"&&(r[s]=h.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))})),r}function He(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)?U(U({},n),{children:n.children.map(function(o){return typeof o.attrs.id=="string"&&r&&r.indexOf(o.attrs.id)>-1?U(U({},o),{attrs:U(U({},o.attrs),{id:o.attrs.id+e.idSuffix})}):o})}):n}function $e(){return Math.random().toString(36).substring(2,8)}L.displayName="UniverIcon";var je={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"}}]},oe=i.forwardRef(function(n,e){return i.createElement(L,Object.assign({},n,{id:"delete-single",ref:e,icon:je}))});oe.displayName="DeleteSingle";const Le=oe;var ke={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"}}]},ae=i.forwardRef(function(n,e){return i.createElement(L,Object.assign({},n,{id:"increase-single",ref:e,icon:ke}))});ae.displayName="IncreaseSingle";const Ae=ae;var Ve={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"}}]},le=i.forwardRef(function(n,e){return i.createElement(L,Object.assign({},n,{id:"more-horizontal-single",ref:e,icon:Ve}))});le.displayName="MoreHorizontalSingle";const ze=le;var We={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}}]},me=i.forwardRef(function(n,e){return i.createElement(L,Object.assign({},n,{id:"reply-to-comment-single",ref:e,icon:We}))});me.displayName="ReplyToCommentSingle";const qe=me;var Fe={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=i.forwardRef(function(n,e){return i.createElement(L,Object.assign({},n,{id:"resolved-single",ref:e,icon:Fe}))});se.displayName="ResolvedSingle";const Be=se;var Ze={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}}]},de=i.forwardRef(function(n,e){return i.createElement(L,Object.assign({},n,{id:"solve-single",ref:e,icon:Ze}))});de.displayName="SolveSingle";const Ye=de,Z={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"},Ke=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},Ge=n=>n.map(e=>{switch(e.type){case"mention":return`@[${e.content.label}](${e.content.id})`;default:return e.content}}).join(""),ce=n=>{const{dataStream:e,customRanges:t}=n,r=e.length-2,o=[];let a=0;return t==null||t.forEach(s=>{a<s.startIndex&&o.push({type:"text",content:e.slice(a,s.startIndex)}),o.push({type:"mention",content:{label:e.slice(s.startIndex,s.endIndex).slice(1,-1),id:s.rangeId}}),a=s.endIndex}),o.push({type:"text",content:e.slice(a,r)}),o},ue=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 a=e.length;t.push({rangeId:r.content.id,rangeType:c.CustomRangeType.MENTION,startIndex:o,endIndex:a});break}}}),e+=`
+\r`,{textRuns:[],paragraphs:[{startIndex:e.length-2,paragraphStyle:{}}],sectionBreaks:[{startIndex:e.length-1}],dataStream:e,customRanges:t}},Je=n=>({display:n.label,id:`${n.id}`,raw:n}),Qe=(n,e,t,r,o)=>{var s,h;const a=(s=n.raw)==null?void 0:s.icon;return i.createElement("div",{className:Z.threadCommentEditorSuggestion},a?i.createElement("img",{className:Z.threadCommentEditorSuggestionIcon,src:a}):null,i.createElement("div",null,(h=n.display)!=null?h:n.id))},he=i.forwardRef((n,e)=>{var v;const{comment:t,onSave:r,id:o,onCancel:a,autoFocus:s}=n,h=T.useDependency(R),u=T.useDependency(c.LocaleService),[I,S]=i.useState({...t}),[N,y]=i.useState(!1),E=i.useRef(null);return i.useImperativeHandle(e,()=>({reply(b){var f;S({...t,text:b,attachments:[]}),(f=E.current)==null||f.inputElement.focus()}})),i.createElement("div",{className:Z.threadCommentEditor,onClick:b=>b.preventDefault()},i.createElement(_.Mentions,{ref:E,autoFocus:s,style:{width:"100%"},placeholder:u.t("threadCommentUI.editor.placeholder"),value:I!=null&&I.text?Ge(ce(I.text)):"",onChange:b=>{b.target.value||S({...t,text:void 0}),S==null||S({...t,text:ue(Ke(b.target.value))})},onFocus:()=>{y(!0)}},i.createElement(_.Mention,{key:h.trigger,trigger:h.trigger,data:(b,f)=>h.getMentions(b).then(O=>O.map(Je)).then(f),displayTransform:(b,f)=>`@${f} `,renderSuggestion:(v=h.renderSuggestion)!=null?v:Qe})),N?i.createElement("div",{className:Z.threadCommentEditorButtons},i.createElement(_.Button,{style:{marginRight:12},onClick:()=>{a==null||a(),y(!1),S({text:void 0})}},u.t("threadCommentUI.editor.cancel")),i.createElement(_.Button,{type:"primary",disabled:!I.text,onClick:()=>{I.text&&(r==null||r({...I,text:I.text}),y(!1),S({text:void 0}))}},u.t(o?"threadCommentUI.editor.save":"threadCommentUI.editor.reply"))):null)}),g={threadComment:"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",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"},Ce="__mock__",Xe=n=>{const{item:e,unitId:t,subUnitId:r,editing:o,onEditingChange:a,onReply:s,resolved:h,isRoot:u,onClose:I}=n,S=T.useDependency(c.ICommandService),N=T.useDependency(c.LocaleService),y=T.useDependency(c.UserManagerService),E=y.getUser(e.personId),v=H.useObservable(y.currentUser$),b=(v==null?void 0:v.userID)===e.personId,f=e.id===Ce,[O,k]=i.useState(!1),d=()=>{S.executeCommand(u?C.DeleteCommentTreeCommand.id:C.DeleteCommentCommand.id,{unitId:t,subUnitId:r,commentId:e.id}),u&&(I==null||I())};return i.createElement("div",{className:g.threadCommentItem,onMouseLeave:()=>k(!1),onMouseEnter:()=>k(!0)},i.createElement("img",{className:g.threadCommentItemHead,src:E==null?void 0:E.avatar}),i.createElement("div",{className:g.threadCommentItemTitle},i.createElement("div",{className:g.threadCommentUsername},(E==null?void 0:E.name)||" "),i.createElement("div",null,f||h?null:O?i.createElement("div",{className:g.threadCommentIcon,onClick:()=>s(E)},i.createElement(qe,null)):null,b&&!f&&!h?i.createElement(_.Dropdown,{overlay:i.createElement(_.Menu,null,i.createElement(_.MenuItem,{key:"edit",onClick:()=>a==null?void 0:a(!0)},N.t("threadCommentUI.item.edit")),i.createElement(_.MenuItem,{key:"delete",onClick:d},N.t("threadCommentUI.item.delete")))},i.createElement("div",{className:g.threadCommentIcon},i.createElement(ze,null))):null)),i.createElement("div",{className:g.threadCommentItemTime},e.dT),o?i.createElement(he,{id:e.id,comment:e,onCancel:()=>a==null?void 0:a(!1),autoFocus:!0,onSave:({text:p,attachments:A})=>{a==null||a(!1),S.executeCommand(C.UpdateCommentCommand.id,{unitId:t,subUnitId:r,payload:{commentId:e.id,text:p,attachments:A}})}}):i.createElement("div",{className:g.threadCommentItemContent},ce(e.text).map((p,A)=>{switch(p.type){case"mention":return i.createElement("a",{className:g.threadCommentItemAt,key:A},"@",p.content.label," ");default:return p.content}})))},ve=n=>{var V,q,J;const{id:e,unitId:t,subUnitId:r,refStr:o,showEdit:a=!0,onClick:s,showHighlight:h,onClose:u,getSubUnitName:I,prefix:S,autoFocus:N,onMouseEnter:y,onMouseLeave:E}=n,v=T.useDependency(C.ThreadCommentModel),[b,f]=i.useState(!1),[O,k]=i.useState("");H.useObservable(v.commentMap$);const d=e?v.getCommentWithChildren(t,r,e):null,p=T.useDependency(c.ICommandService),A=T.useDependency(c.UserManagerService),$=d==null?void 0:d.root.resolved,P=H.useObservable(A.currentUser$),w=i.useRef(null),W=[...d?[d.root]:[{id:Ce,text:{dataStream:`
+\r`},personId:(V=P==null?void 0:P.userID)!=null?V:"",ref:o!=null?o:"",dT:"",unitId:t,subUnitId:r}],...(q=d==null?void 0:d.children)!=null?q:[]],G=()=>{p.executeCommand(C.ResolveCommentCommand.id,{unitId:t,subUnitId:r,commentId:e,resolved:!$}),u==null||u()},j=()=>{p.executeCommand(C.DeleteCommentTreeCommand.id,{unitId:t,subUnitId:r,commentId:e}),u==null||u()};return i.createElement("div",{className:pe(g.threadComment,{[g.threadCommentActive]:!$&&(h||b||S==="cell")}),onClick:s,id:`${S}-${t}-${r}-${e}`,onMouseEnter:()=>{y==null||y(),f(!0)},onMouseLeave:()=>{E==null||E(),f(!1)}},!$&&h?i.createElement("div",{className:g.threadCommentHighlight}):null,i.createElement("div",{className:g.threadCommentTitle},i.createElement("div",{className:g.threadCommentTitlePosition},i.createElement("div",{className:g.threadCommentTitleHighlight}),o||(d==null?void 0:d.root.ref)," · ",I((J=d==null?void 0:d.root.subUnitId)!=null?J:r)),d?i.createElement("div",{className:g.threadCommentIconContainer},i.createElement("div",{onClick:G,className:g.threadCommentIcon,style:{color:$?"rgb(var(--green-500))":""}},$?i.createElement(Be,null):i.createElement(Ye,null)),(P==null?void 0:P.userID)===d.root.personId?i.createElement("div",{className:g.threadCommentIcon,onClick:j},i.createElement(Le,null)):null):null),i.createElement("div",{className:g.threadCommentContent},W.map(l=>i.createElement(Xe,{onClose:u,unitId:t,subUnitId:r,item:l,key:l.id,isRoot:l.id===(d==null?void 0:d.root.id),editing:O===l.id,resolved:d==null?void 0:d.root.resolved,onEditingChange:M=>{k(M?l.id:"")},onReply:M=>{var D;M&&((D=w.current)==null||D.reply(ue([{type:"mention",content:{id:M.userID,label:M.name}}])))}}))),a&&!O&&!$?i.createElement("div",null,i.createElement(he,{key:`${N}`,ref:w,onSave:({text:l,attachments:M})=>{p.executeCommand(C.AddCommentCommand.id,{unitId:t,subUnitId:r,comment:{text:l,attachments:M,dT:ge().format("YYYY/MM/DD HH:mm"),id:c.Tools.generateRandomId(),ref:o,personId:P==null?void 0:P.userID,parentId:d==null?void 0:d.root.id,unitId:t,subUnitId:r}})},autoFocus:N||!d,onCancel:()=>{d||u==null||u()}})):null)},Y={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"},Re=n=>{const{unitId:e,subUnitId$:t,type:r,onAdd:o,getSubUnitName:a,onResolve:s,sortComments:h,onItemLeave:u,onItemEnter:I}=n,[S,N]=i.useState("all"),[y,E]=i.useState("all"),v=T.useDependency(c.LocaleService),b=T.useDependency(c.UserManagerService),f=T.useDependency(C.ThreadCommentModel),[O,k]=i.useState(()=>f.getUnit(e)),d=T.useDependency(m.ThreadCommentPanelService),p=H.useObservable(d.activeCommentId$),A=H.useObservable(f.commentUpdate$),$=T.useDependency(c.ICommandService),P=H.useObservable(t),w=b.getCurrentUser(),W=i.useRef(!0),G="panel",j=i.useMemo(()=>{var l,M;if(S==="all"){const D=O.map(F=>F[1]).flat().filter(F=>!F.parentId);return h?h(D):D}else return(M=(l=O.find(D=>D[0]===P))==null?void 0:l[1])!=null?M:[]},[S,O,P,h]),V=i.useMemo(()=>y==="resolved"?j.filter(l=>l.resolved):y==="unsolved"?j.filter(l=>!l.resolved):y==="concern_me"&&w!=null&&w.userID?j.map(l=>f.getCommentWithChildren(l.unitId,l.subUnitId,l.id)).map(l=>l!=null&&l.relativeUsers.has(w.userID)?l.root:null).filter(Boolean):j,[j,w==null?void 0:w.userID,y,f]),q=y!=="all"||S!=="all",J=()=>{E("all"),N("all")};return i.useEffect(()=>{e&&k(f.getUnit(e))},[e,f,A]),i.useEffect(()=>{var fe;if(!p)return;if(!W.current){W.current=!0;return}const{unitId:l,subUnitId:M,commentId:D}=p,F=`${G}-${l}-${M}-${D}`;(fe=document.getElementById(F))==null||fe.scrollIntoView({block:"center"})},[p]),i.createElement("div",{className:Y.threadCommentPanel},i.createElement("div",{className:Y.threadCommentPanelForms},i.createElement(_.Select,{borderless:!0,value:S,onChange:l=>N(l),options:[{value:"current",label:v.t("threadCommentUI.filter.sheet.current")},{value:"all",label:v.t("threadCommentUI.filter.sheet.all")}]}),i.createElement(_.Select,{borderless:!0,value:y,onChange:l=>E(l),options:[{value:"all",label:v.t("threadCommentUI.filter.status.all")},{value:"resolved",label:v.t("threadCommentUI.filter.status.resolved")},{value:"unsolved",label:v.t("threadCommentUI.filter.status.unsolved")},{value:"concern_me",label:v.t("threadCommentUI.filter.status.concernMe")}]})),V==null?void 0:V.map(l=>i.createElement(ve,{prefix:G,getSubUnitName:a,key:l.id,id:l.id,unitId:l.unitId,subUnitId:l.subUnitId,type:r,showEdit:(p==null?void 0:p.commentId)===l.id,showHighlight:(p==null?void 0:p.commentId)===l.id,onClick:()=>{W.current=!1,$.executeCommand(X.id,{unitId:l.unitId,subUnitId:l.subUnitId,commentId:l.id,temp:!0})},onClose:()=>s==null?void 0:s(l.id),onMouseEnter:()=>I==null?void 0:I(l),onMouseLeave:()=>u==null?void 0:u(l)})),V.length?null:i.createElement("div",{className:Y.threadCommentPanelEmpty},q?v.t("threadCommentUI.panel.filterEmpty"):v.t("threadCommentUI.panel.empty"),q?i.createElement(_.Button,{onClick:J,type:"link"},v.t("threadCommentUI.panel.reset")):i.createElement(_.Button,{id:"thread-comment-add",className:Y.threadCommentPanelAdd,type:"primary",onClick:o},i.createElement(Ae,null),v.t("threadCommentUI.panel.addComment"))))};m.IThreadCommentMentionDataService=R,m.SetActiveCommentOperation=X,m.THREAD_COMMENT_PANEL=ee,m.ThreadCommentPanel=Re,m.ThreadCommentTree=ve,m.ToggleSheetCommentPanelOperation=ne,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -0,0 +1,87 @@
+{
+  "name": "@univerjs/thread-comment-ui",
+  "version": "0.1.12",
+  "private": false,
+  "description": "Univer common thread comment UI plugin",
+  "author": "DreamNum <developer@univer.ai>",
+  "license": "Apache-2.0",
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/univer"
+  },
+  "homepage": "https://univer.ai",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dream-num/univer"
+  },
+  "bugs": {
+    "url": "https://github.com/dream-num/univer/issues"
+  },
+  "keywords": [],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "import": "./lib/es/index.js",
+      "require": "./lib/cjs/index.js",
+      "types": "./lib/types/index.d.ts"
+    },
+    "./*": {
+      "import": "./lib/es/*",
+      "require": "./lib/cjs/*",
+      "types": "./lib/types/index.d.ts"
+    },
+    "./lib/*": "./lib/*"
+  },
+  "main": "./lib/cjs/index.js",
+  "module": "./lib/es/index.js",
+  "types": "./lib/types/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "directories": {
+    "lib": "lib"
+  },
+  "files": [
+    "lib"
+  ],
+  "peerDependencies": {
+    "@wendellhu/redi": "0.15.2",
+    "clsx": ">=2.0.0",
+    "dayjs": ">=1.11.0",
+    "react": "^16.9.0 || ^17.0.0 || ^18.0.0",
+    "rxjs": ">=7.0.0",
+    "@univerjs/core": "0.1.12",
+    "@univerjs/design": "0.1.12",
+    "@univerjs/thread-comment": "0.1.12",
+    "@univerjs/ui": "0.1.12"
+  },
+  "dependencies": {
+    "@univerjs/icons": "^0.1.52",
+    "@univerjs/protocol": "^0.1.32",
+    "@univerjs/thread-comment": "0.1.12"
+  },
+  "devDependencies": {
+    "@wendellhu/redi": "0.15.2",
+    "clsx": "^2.1.1",
+    "dayjs": "^1.11.11",
+    "less": "^4.2.0",
+    "react": "18.2.0",
+    "rxjs": "^7.8.1",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.11",
+    "vitest": "^1.6.0",
+    "@univerjs/core": "0.1.12",
+    "@univerjs/design": "0.1.12",
+    "@univerjs/ui": "0.1.12",
+    "@univerjs/shared": "0.1.12"
+  },
+  "scripts": {
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "coverage": "vitest run --coverage",
+    "lint:types": "tsc --noEmit",
+    "build": "tsc && vite build"
+  }
+}