@univerjs/thread-comment-ui 0.12.4 → 0.13.0

package/lib/es/index.js

@@ -1,16 +1,16 @@
 var He = Object.defineProperty;
 var Ve = (n, e, t) => e in n ? He(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
 var W = (n, e, t) => Ve(n, typeof e != "symbol" ? e + "" : e, t);
-import { Inject as ye, IUniverInstanceService as je, Disposable as Pe, UniverInstanceType as de, CommandType as we, DependentOn as Ae, Injector as Be, ICommandService as te, IConfigService as We, Plugin as Ze, merge as Fe, mergeOverrideWithDependencies as Ge, LocaleService as he, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Ke, BuildTextUtils as ue, Tools as ze, CustomRangeType as Ye, getBodySlice as qe, UserManagerService as fe, generateRandomId as Je } from "@univerjs/core";
-import { ISidebarService as _e, useDependency as S, KeyCode as pe, useObservable as Z, useConfigValue as Qe, UI_PLUGIN_CONFIG_KEY as Xe } from "@univerjs/ui";
-import { BehaviorSubject as Ce, filter as et, debounceTime as tt } from "rxjs";
-import { UniverThreadCommentPlugin as nt, ThreadCommentModel as Se, getDT as rt, AddCommentCommand as it, ResolveCommentCommand as ot, DeleteCommentTreeCommand as Ne, UpdateCommentCommand as st, DeleteCommentCommand as lt } from "@univerjs/thread-comment";
+import { Inject as ye, IUniverInstanceService as je, Disposable as Pe, UniverInstanceType as de, CommandType as we, DependentOn as Ae, Injector as Be, ICommandService as te, IConfigService as We, Plugin as Ze, merge as Fe, mergeOverrideWithDependencies as Ke, LocaleService as he, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Ge, BuildTextUtils as ue, DOCS_COMMENT_EDITOR_UNIT_ID_KEY as ze, Tools as Ye, CustomRangeType as qe, getBodySlice as Je, UserManagerService as fe, generateRandomId as Qe } from "@univerjs/core";
+import { ISidebarService as _e, useDependency as N, KeyCode as pe, useObservable as Z, useConfigValue as Xe, UI_PLUGIN_CONFIG_KEY as et } from "@univerjs/ui";
+import { BehaviorSubject as Ce, filter as tt, debounceTime as nt } from "rxjs";
+import { UniverThreadCommentPlugin as rt, ThreadCommentModel as Ne, getDT as it, AddCommentCommand as ot, ResolveCommentCommand as st, DeleteCommentTreeCommand as Se, UpdateCommentCommand as lt, DeleteCommentCommand as at } from "@univerjs/thread-comment";
 import { jsxs as I, jsx as l } from "react/jsx-runtime";
-import { Button as le, clsx as ve, Tooltip as at, scrollbarClassName as ct, borderClassName as dt, Dropdown as ut, Select as ge } from "@univerjs/design";
-import { useRef as ee, createElement as G, forwardRef as K, useState as P, useEffect as ae, useMemo as X, useImperativeHandle as vt } from "react";
-import { IEditorService as mt, BreakLineCommand as ht, RichTextEditor as ft } from "@univerjs/docs-ui";
-var pt = Object.getOwnPropertyDescriptor, Ct = (n, e, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? pt(e, t) : e, o = n.length - 1, c; o >= 0; o--)
+import { Button as le, clsx as ve, Tooltip as ct, scrollbarClassName as dt, borderClassName as ut, Dropdown as vt, Select as ge } from "@univerjs/design";
+import { useRef as ee, createElement as K, forwardRef as G, useState as P, useEffect as ae, useMemo as X, useImperativeHandle as mt } from "react";
+import { IEditorService as ht, BreakLineCommand as ft, RichTextEditor as pt } from "@univerjs/docs-ui";
+var Ct = Object.getOwnPropertyDescriptor, gt = (n, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? Ct(e, t) : e, o = n.length - 1, c; o >= 0; o--)
     (c = n[o]) && (i = c(i) || i);
   return i;
 }, Ie = (n, e) => (t, r) => e(t, r, n);
@@ -33,7 +33,7 @@ let Y = class extends Pe {
         e.visible || this.setPanelVisible(!1);
       })
     ), this.disposeWithMe(
-      this._univerInstanceService.getCurrentTypeOfUnit$(de.UNIVER_SHEET).pipe(et((e) => !e)).subscribe(() => {
+      this._univerInstanceService.getCurrentTypeOfUnit$(de.UNIVER_SHEET).pipe(tt((e) => !e)).subscribe(() => {
         this._sidebarService.close();
       })
     );
@@ -51,18 +51,18 @@ let Y = class extends Pe {
     this._activeCommentId = e, this._activeCommentId$.next(e);
   }
 };
-Y = Ct([
+Y = gt([
   Ie(0, ye(_e)),
   Ie(1, je)
 ], Y);
-const gt = "thread-comment-panel", It = "UNIVER_THREAD_COMMENT_UI_PLUGIN", xt = {
+const It = "thread-comment-panel", xt = "UNIVER_THREAD_COMMENT_UI_PLUGIN", bt = {
   id: "thread-comment-ui.operation.toggle-panel",
   type: we.OPERATION,
   handler(n) {
     const e = n.get(_e), t = n.get(Y);
     return t.panelVisible ? (e.close(), t.setPanelVisible(!1)) : (e.open({
       header: { title: "threadCommentUI.panel.title" },
-      children: { label: gt },
+      children: { label: It },
       width: 330
     }), t.setPanelVisible(!0)), !0;
   }
@@ -72,12 +72,12 @@ const gt = "thread-comment-panel", It = "UNIVER_THREAD_COMMENT_UI_PLUGIN", xt =
   handler(n, e) {
     return n.get(Y).setActiveComment(e), !0;
   }
-}, bt = "thread-comment-ui.config", xe = {};
-var yt = Object.defineProperty, wt = Object.getOwnPropertyDescriptor, _t = (n, e, t) => e in n ? yt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, St = (n, e, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? wt(e, t) : e, o = n.length - 1, c; o >= 0; o--)
+}, yt = "thread-comment-ui.config", xe = {};
+var wt = Object.defineProperty, _t = Object.getOwnPropertyDescriptor, Nt = (n, e, t) => e in n ? wt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, St = (n, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? _t(e, t) : e, o = n.length - 1, c; o >= 0; o--)
     (c = n[o]) && (i = c(i) || i);
   return i;
-}, me = (n, e) => (t, r) => e(t, r, n), $e = (n, e, t) => _t(n, typeof e != "symbol" ? e + "" : e, t);
+}, me = (n, e) => (t, r) => e(t, r, n), $e = (n, e, t) => Nt(n, typeof e != "symbol" ? e + "" : e, t);
 let ce = class extends Ze {
   constructor(n = xe, e, t, r) {
     super(), this._config = n, this._injector = e, this._commandService = t, this._configService = r;
@@ -86,30 +86,30 @@ let ce = class extends Ze {
       xe,
       this._config
     );
-    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(bt, o);
+    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(yt, o);
   }
   onStarting() {
     var n;
-    Ge([
+    Ke([
       [Y]
     ], (n = this._config) == null ? void 0 : n.overrides).forEach((e) => {
       this._injector.add(e);
-    }), [xt, F].forEach((e) => {
+    }), [bt, F].forEach((e) => {
       this._commandService.registerCommand(e);
     });
   }
 };
-$e(ce, "pluginName", It);
+$e(ce, "pluginName", xt);
 $e(ce, "type", de.UNIVER_UNKNOWN);
 ce = St([
-  Ae(nt),
+  Ae(rt),
   me(1, ye(Be)),
   me(2, te),
   me(3, We)
 ], ce);
 function z({ ref: n, ...e }) {
   const { icon: t, id: r, className: i, extend: o, ...c } = e, x = `univerjs-icon univerjs-icon-${r} ${i || ""}`.trim(), h = ee(`_${kt()}`);
-  return ke(t, `${r}`, {
+  return Ue(t, `${r}`, {
     defIds: t.defIds,
     idSuffix: h.current
   }, {
@@ -118,14 +118,14 @@ function z({ ref: n, ...e }) {
     ...c
   }, o);
 }
-function ke(n, e, t, r, i) {
-  return G(n.tag, {
+function Ue(n, e, t, r, i) {
+  return K(n.tag, {
     key: e,
-    ...Nt(n, t, i),
+    ...$t(n, t, i),
     ...r
-  }, ($t(n, t).children || []).map((o, c) => ke(o, `${e}-${n.tag}-${c}`, t, void 0, i)));
+  }, (Ut(n, t).children || []).map((o, c) => Ue(o, `${e}-${n.tag}-${c}`, t, void 0, i)));
 }
-function Nt(n, e, t) {
+function $t(n, e, t) {
   const r = { ...n.attrs };
   t != null && t.colorChannel1 && r.fill === "colorChannel1" && (r.fill = t.colorChannel1), n.tag === "mask" && r.id && (r.id = r.id + e.idSuffix), Object.entries(r).forEach(([o, c]) => {
     o === "mask" && typeof c == "string" && (r[o] = c.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
@@ -135,7 +135,7 @@ function Nt(n, e, t) {
     typeof c == "string" && (r[o] = c.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
   })), r;
 }
-function $t(n, e) {
+function Ut(n, e) {
   var r;
   const { defIds: t } = e;
   return !t || t.length === 0 ? n : n.tag === "defs" && ((r = n.children) != null && r.length) ? {
@@ -153,7 +153,7 @@ function kt() {
   return Math.random().toString(36).substring(2, 8);
 }
 z.displayName = "UniverIcon";
-const Ut = {
+const Tt = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -194,15 +194,15 @@ const Ut = {
       }
     }
   ]
-}, Ue = K(function(e, t) {
-  return G(z, Object.assign({}, e, {
+}, ke = G(function(e, t) {
+  return K(z, Object.assign({}, e, {
     id: "delete-icon",
     ref: t,
-    icon: Ut
+    icon: Tt
   }));
 });
-Ue.displayName = "DeleteIcon";
-const Tt = {
+ke.displayName = "DeleteIcon";
+const Dt = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -218,15 +218,15 @@ const Tt = {
       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"
     }
   }]
-}, Te = K(function(e, t) {
-  return G(z, Object.assign({}, e, {
+}, Te = G(function(e, t) {
+  return K(z, Object.assign({}, e, {
     id: "increase-icon",
     ref: t,
-    icon: Tt
+    icon: Dt
   }));
 });
 Te.displayName = "IncreaseIcon";
-const Dt = {
+const Et = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -258,15 +258,15 @@ const Dt = {
       }
     }
   ]
-}, De = K(function(e, t) {
-  return G(z, Object.assign({}, e, {
+}, De = G(function(e, t) {
+  return K(z, Object.assign({}, e, {
     id: "more-horizontal-icon",
     ref: t,
-    icon: Dt
+    icon: Et
   }));
 });
 De.displayName = "MoreHorizontalIcon";
-const Et = {
+const Mt = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -324,15 +324,15 @@ const Et = {
       }
     }
   ]
-}, Ee = K(function(e, t) {
-  return G(z, Object.assign({}, e, {
+}, Ee = G(function(e, t) {
+  return K(z, Object.assign({}, e, {
     id: "reply-to-comment-icon",
     ref: t,
-    icon: Et
+    icon: Mt
   }));
 });
 Ee.displayName = "ReplyToCommentIcon";
-const Mt = {
+const Ot = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -350,11 +350,11 @@ const Mt = {
       clipRule: "evenodd"
     }
   }]
-}, Me = K(function(e, t) {
-  return G(z, Object.assign({}, e, {
+}, Me = G(function(e, t) {
+  return K(z, Object.assign({}, e, {
     id: "resolved-icon",
     ref: t,
-    icon: Mt
+    icon: Ot
   }));
 });
 Me.displayName = "ResolvedIcon";
@@ -386,14 +386,14 @@ const Rt = {
       strokeWidth: 1.2
     }
   }]
-}, Re = K(function(e, t) {
-  return G(z, Object.assign({}, e, {
+}, Oe = G(function(e, t) {
+  return K(z, Object.assign({}, e, {
     id: "solve-icon",
     ref: t,
     icon: Rt
   }));
 });
-Re.displayName = "SolveIcon";
+Oe.displayName = "SolveIcon";
 function be(n) {
   return {
     id: "d",
@@ -401,9 +401,9 @@ function be(n) {
     documentStyle: {}
   };
 }
-const Oe = K((n, e) => {
-  var R;
-  const { comment: t, onSave: r, id: i, onCancel: o, autoFocus: c, unitId: x, type: h } = n, N = S(te), k = S(he), [V, U] = P(!1), b = S(mt), u = ee(null), v = h === de.UNIVER_DOC ? Ke : x, [T, y] = P(() => {
+const Re = G((n, e) => {
+  var O;
+  const { comment: t, onSave: r, id: i, onCancel: o, autoFocus: c, unitId: x, type: h } = n, S = N(te), U = N(he), [V, k] = P(!1), b = N(ht), u = ee(null), v = h === de.UNIVER_DOC ? Ge : x, [T, y] = P(() => {
     var d, m, f;
     return ue.transform.getPlainText((f = (m = (d = u.current) == null ? void 0 : d.getDocumentData().body) == null ? void 0 : m.dataStream) != null ? f : "");
   });
@@ -415,16 +415,16 @@ const Oe = K((n, e) => {
       y(ue.transform.getPlainText((A = (_ = (s = u.current) == null ? void 0 : s.getDocumentData().body) == null ? void 0 : _.dataStream) != null ? A : ""));
     });
     return () => d == null ? void 0 : d.unsubscribe();
-  }, [(R = u.current) == null ? void 0 : R.selectionChange$]);
+  }, [(O = u.current) == null ? void 0 : O.selectionChange$]);
   const j = X(() => ({
     keyCodes: [{ keyCode: pe.ENTER }],
     handler: (d) => {
-      d === pe.ENTER && N.executeCommand(
-        ht.id
+      d === pe.ENTER && S.executeCommand(
+        ft.id
       );
     }
-  }), [N]);
-  vt(e, () => ({
+  }), [S]);
+  mt(e, () => ({
     reply(d) {
       var f, w;
       if (!u.current)
@@ -440,8 +440,8 @@ const Oe = K((n, e) => {
   }));
   const C = () => {
     if (u.current) {
-      const d = ze.deepClone(u.current.getDocumentData().body);
-      U(!1), r == null || r({
+      const d = Ye.deepClone(u.current.getDocumentData().body);
+      k(!1), r == null || r({
         ...t,
         text: d
       }), u.current.replaceText(""), setTimeout(() => {
@@ -452,15 +452,16 @@ const Oe = K((n, e) => {
   };
   return /* @__PURE__ */ I("div", { onClick: (d) => d.preventDefault(), children: [
     /* @__PURE__ */ l(
-      ft,
+      pt,
       {
         className: "univer-w-full",
         editorRef: u,
+        editorId: ze,
         autoFocus: c,
         keyboardEventConfig: j,
-        placeholder: k.t("threadCommentUI.editor.placeholder"),
+        placeholder: U.t("threadCommentUI.editor.placeholder"),
         initialValue: (t == null ? void 0 : t.text) && be(t.text),
-        onFocusChange: (d) => d && U(d),
+        onFocusChange: (d) => d && k(d),
         isSingle: !1,
         maxHeight: 64,
         onClickOutside: () => {
@@ -476,9 +477,9 @@ const Oe = K((n, e) => {
         {
           onClick: () => {
             var d;
-            o == null || o(), U(!1), (d = u.current) == null || d.replaceText("", !0), N.executeCommand(F.id);
+            o == null || o(), k(!1), (d = u.current) == null || d.replaceText("", !0), S.executeCommand(F.id);
           },
-          children: k.t("threadCommentUI.editor.cancel")
+          children: U.t("threadCommentUI.editor.cancel")
         }
       ),
       /* @__PURE__ */ l(
@@ -487,12 +488,12 @@ const Oe = K((n, e) => {
           variant: "primary",
           disabled: !T,
           onClick: C,
-          children: k.t(i ? "threadCommentUI.editor.save" : "threadCommentUI.editor.reply")
+          children: U.t(i ? "threadCommentUI.editor.save" : "threadCommentUI.editor.reply")
         }
       )
     ] }) : null
   ] });
-}), Ot = (n) => {
+}), Lt = (n) => {
   const { dataStream: e, customRanges: t } = n, r = e.endsWith(`\r
 `) ? e.length - 2 : e.length, i = [];
   let o = 0;
@@ -511,14 +512,14 @@ const Oe = K((n, e) => {
     type: "text",
     content: e.slice(o, r)
   }), i;
-}, Lt = (n) => {
+}, Ht = (n) => {
   const { paragraphs: e = [] } = n;
   let t = 0;
   return e.map((r) => {
-    const i = qe(n, t, r.startIndex);
-    return t = r.startIndex + 1, Ot(i);
+    const i = Je(n, t, r.startIndex);
+    return t = r.startIndex + 1, Lt(i);
   });
-}, Ht = (n) => {
+}, Vt = (n) => {
   let e = "";
   const t = [];
   return n.forEach((r) => {
@@ -532,7 +533,7 @@ const Oe = K((n, e) => {
         const o = e.length - 1;
         t.push({
           rangeId: r.content.id,
-          rangeType: Ye.MENTION,
+          rangeType: qe.MENTION,
           startIndex: i,
           endIndex: o,
           properties: {},
@@ -558,18 +559,18 @@ const Oe = K((n, e) => {
     dataStream: e,
     customRanges: t
   };
-}, Le = "__mock__", Vt = (n) => {
-  const { item: e, unitId: t, subUnitId: r, editing: i, onEditingChange: o, onReply: c, resolved: x, isRoot: h, onClose: N, onDeleteComment: k, type: V } = n, U = S(te), b = S(he), u = S(fe), v = u.getUser(e.personId), T = Z(u.currentUser$), y = (T == null ? void 0 : T.userID) === e.personId, j = e.id === Le, [C, R] = P(!1), d = Qe(Xe), m = d == null ? void 0 : d.avatarFallback, f = () => {
-    (k == null ? void 0 : k(e)) !== !1 && (U.executeCommand(
-      h ? Ne.id : lt.id,
+}, Le = "__mock__", jt = (n) => {
+  const { item: e, unitId: t, subUnitId: r, editing: i, onEditingChange: o, onReply: c, resolved: x, isRoot: h, onClose: S, onDeleteComment: U, type: V } = n, k = N(te), b = N(he), u = N(fe), v = u.getUser(e.personId), T = Z(u.currentUser$), y = (T == null ? void 0 : T.userID) === e.personId, j = e.id === Le, [C, O] = P(!1), d = Xe(et), m = d == null ? void 0 : d.avatarFallback, f = () => {
+    (U == null ? void 0 : U(e)) !== !1 && (k.executeCommand(
+      h ? Se.id : at.id,
       {
         unitId: t,
         subUnitId: r,
         commentId: e.id
       }
-    ), h && (N == null || N()));
+    ), h && (S == null || S()));
   };
-  return /* @__PURE__ */ I("div", { className: "univer-relative univer-mb-3 univer-pl-[30px]", onMouseLeave: () => R(!1), onMouseEnter: () => R(!0), children: [
+  return /* @__PURE__ */ I("div", { className: "univer-relative univer-mb-3 univer-pl-[30px]", onMouseLeave: () => O(!1), onMouseEnter: () => O(!0), children: [
     /* @__PURE__ */ l(
       "div",
       {
@@ -591,7 +592,7 @@ const Oe = K((n, e) => {
           }
         ) : null,
         y && !j && !x ? /* @__PURE__ */ l(
-          ut,
+          vt,
           {
             overlay: /* @__PURE__ */ l("div", { className: "univer-rounded-lg", children: /* @__PURE__ */ I(
               "ul",
@@ -636,7 +637,7 @@ const Oe = K((n, e) => {
       }
     ),
     i ? /* @__PURE__ */ l(
-      Oe,
+      Re,
       {
         type: V,
         id: e.id,
@@ -646,8 +647,8 @@ const Oe = K((n, e) => {
         unitId: t,
         subUnitId: r,
         onSave: ({ text: w, attachments: p }) => {
-          o == null || o(!1), U.executeCommand(
-            st.id,
+          o == null || o(!1), k.executeCommand(
+            lt.id,
             {
               unitId: t,
               subUnitId: r,
@@ -664,7 +665,7 @@ const Oe = K((n, e) => {
       "div",
       {
         className: "univer-text-sm univer-text-gray-900 dark:!univer-text-white",
-        children: Lt(e.text).map((w, p) => /* @__PURE__ */ l("div", { className: "univer-break-words", children: w.map((s, _) => {
+        children: Ht(e.text).map((w, p) => /* @__PURE__ */ l("div", { className: "univer-break-words", children: w.map((s, _) => {
           switch (s.type) {
             case "mention":
               return /* @__PURE__ */ I("a", { className: "univer-text-primary-600", children: [
@@ -678,7 +679,7 @@ const Oe = K((n, e) => {
       }
     )
   ] });
-}, jt = (n) => {
+}, Pt = (n) => {
   var se, Q, a;
   const {
     id: e,
@@ -689,10 +690,10 @@ const Oe = K((n, e) => {
     onClick: c,
     showHighlight: x,
     onClose: h,
-    getSubUnitName: N,
-    prefix: k,
+    getSubUnitName: S,
+    prefix: U,
     autoFocus: V,
-    onMouseEnter: U,
+    onMouseEnter: k,
     onMouseLeave: b,
     onAddComment: u,
     onDeleteComment: v,
@@ -700,9 +701,9 @@ const Oe = K((n, e) => {
     type: y,
     style: j,
     full: C
-  } = n, R = S(Se), [d, m] = P(!1), [f, w] = P(""), p = X(() => R.commentUpdate$.pipe(tt(16)), [R]);
+  } = n, O = N(Ne), [d, m] = P(!1), [f, w] = P(""), p = X(() => O.commentUpdate$.pipe(nt(16)), [O]);
   Z(p);
-  const s = e ? R.getCommentWithChildren(t, r, e) : null, _ = S(te), A = S(fe), D = s == null ? void 0 : s.root.resolved, E = Z(A.currentUser$), L = ee(null), q = [
+  const s = e ? O.getCommentWithChildren(t, r, e) : null, _ = N(te), A = N(fe), D = s == null ? void 0 : s.root.resolved, E = Z(A.currentUser$), L = ee(null), q = [
     ...s ? [s.root] : (
       // mock empty comment
       [{
@@ -720,12 +721,12 @@ const Oe = K((n, e) => {
       }]
     ),
     ...(Q = s == null ? void 0 : s.children) != null ? Q : []
-  ], O = ee(null), ne = (g) => {
+  ], R = ee(null), ne = (g) => {
     g.stopPropagation(), D ? _.executeCommand(F.id, {
       unitId: t,
       subUnitId: r,
       commentId: e
-    }) : _.executeCommand(F.id), _.executeCommand(ot.id, {
+    }) : _.executeCommand(F.id), _.executeCommand(st.id, {
       unitId: t,
       subUnitId: r,
       commentId: e,
@@ -733,7 +734,7 @@ const Oe = K((n, e) => {
     }), T == null || T(!D);
   }, J = (g) => {
     g.stopPropagation(), _.executeCommand(F.id), !(s != null && s.root && (v == null ? void 0 : v(s.root)) === !1) && (_.executeCommand(
-      Ne.id,
+      Se.id,
       {
         unitId: t,
         subUnitId: r,
@@ -742,20 +743,20 @@ const Oe = K((n, e) => {
     ), h == null || h());
   };
   ae(() => b == null ? void 0 : b(), []);
-  const re = N((a = s == null ? void 0 : s.root.subUnitId) != null ? a : r), ie = o && !f && !D, oe = `${i || (s == null ? void 0 : s.root.ref) || ""}${re ? " · " : ""}${re}`;
+  const re = S((a = s == null ? void 0 : s.root.subUnitId) != null ? a : r), ie = o && !f && !D, oe = `${i || (s == null ? void 0 : s.root.ref) || ""}${re ? " · " : ""}${re}`;
   return /* @__PURE__ */ I(
     "div",
     {
-      id: `${k}-${t}-${r}-${e}`,
-      className: ve("univer-relative univer-box-border univer-rounded-md univer-bg-white univer-p-4 dark:!univer-bg-gray-900 dark:!univer-text-white", dt, {
+      id: `${U}-${t}-${r}-${e}`,
+      className: ve("univer-relative univer-box-border univer-rounded-md univer-bg-white univer-p-4 dark:!univer-bg-gray-900 dark:!univer-text-white", ut, {
         "univer-w-[278px]": !C,
         "univer-w-full": C,
-        "univer-shadow": !D && (x || d || k === "cell")
+        "univer-shadow": !D && (x || d || U === "cell")
       }),
       style: j,
       onClick: c,
       onMouseEnter: () => {
-        U == null || U(), m(!0);
+        k == null || k(), m(!0);
       },
       onMouseLeave: () => {
         b == null || b(), m(!1);
@@ -779,7 +780,7 @@ const Oe = K((n, e) => {
                     className: "univer-mr-2 univer-h-3.5 univer-w-[3px] univer-flex-shrink-0 univer-flex-grow-0 univer-rounded-sm univer-bg-yellow-500"
                   }
                 ),
-                /* @__PURE__ */ l(at, { showIfEllipsis: !0, title: oe, children: /* @__PURE__ */ l(
+                /* @__PURE__ */ l(ct, { showIfEllipsis: !0, title: oe, children: /* @__PURE__ */ l(
                   "span",
                   {
                     className: "univer-flex-1 univer-truncate",
@@ -795,7 +796,7 @@ const Oe = K((n, e) => {
                       "univer-text-green-500": D
                     }),
                     onClick: ne,
-                    children: D ? /* @__PURE__ */ l(Me, {}) : /* @__PURE__ */ l(Re, {})
+                    children: D ? /* @__PURE__ */ l(Me, {}) : /* @__PURE__ */ l(Oe, {})
                   }
                 ),
                 (E == null ? void 0 : E.userID) === s.root.personId ? /* @__PURE__ */ l(
@@ -803,7 +804,7 @@ const Oe = K((n, e) => {
                   {
                     className: "univer-ml-1 univer-inline-flex univer-h-6 univer-w-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-[3px] univer-text-base hover:univer-bg-gray-50 dark:hover:!univer-bg-gray-800",
                     onClick: J,
-                    children: /* @__PURE__ */ l(Ue, {})
+                    children: /* @__PURE__ */ l(ke, {})
                   }
                 ) : null
               ] })
@@ -813,11 +814,11 @@ const Oe = K((n, e) => {
         /* @__PURE__ */ l(
           "div",
           {
-            ref: O,
-            className: ve("univer-max-h-80 univer-overflow-y-auto univer-overflow-x-hidden", ct),
+            ref: R,
+            className: ve("univer-max-h-80 univer-overflow-y-auto univer-overflow-x-hidden", dt),
             children: q.map(
               (g) => /* @__PURE__ */ l(
-                Vt,
+                jt,
                 {
                   unitId: t,
                   subUnitId: r,
@@ -833,7 +834,7 @@ const Oe = K((n, e) => {
                   onReply: (M) => {
                     M && requestAnimationFrame(() => {
                       var H;
-                      (H = L.current) == null || H.reply(Ht([
+                      (H = L.current) == null || H.reply(Vt([
                         {
                           type: "mention",
                           content: {
@@ -857,7 +858,7 @@ const Oe = K((n, e) => {
           }
         ),
         ie && /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(
-          Oe,
+          Re,
           {
             ref: L,
             type: y,
@@ -867,8 +868,8 @@ const Oe = K((n, e) => {
               const H = {
                 text: g,
                 attachments: M,
-                dT: rt(),
-                id: Je(),
+                dT: it(),
+                id: Qe(),
                 ref: i,
                 personId: E == null ? void 0 : E.userID,
                 parentId: s == null ? void 0 : s.root.id,
@@ -877,13 +878,13 @@ const Oe = K((n, e) => {
                 threadId: s == null ? void 0 : s.root.threadId
               };
               (u == null ? void 0 : u(H)) !== !1 && (await _.executeCommand(
-                it.id,
+                ot.id,
                 {
                   unitId: t,
                   subUnitId: r,
                   comment: H
                 }
-              ), O.current && (O.current.scrollTop = O.current.scrollHeight));
+              ), R.current && (R.current.scrollTop = R.current.scrollHeight));
             },
             autoFocus: V || !s,
             onCancel: () => {
@@ -895,7 +896,7 @@ const Oe = K((n, e) => {
       ]
     }
   );
-}, Yt = (n) => {
+}, qt = (n) => {
   const {
     unitId: e,
     subUnitId$: t,
@@ -905,13 +906,13 @@ const Oe = K((n, e) => {
     onResolve: c,
     sortComments: x,
     onItemLeave: h,
-    onItemEnter: N,
-    disableAdd: k,
+    onItemEnter: S,
+    disableAdd: U,
     tempComment: V,
-    onAddComment: U,
+    onAddComment: k,
     onDeleteComment: b,
     showComments: u
-  } = n, [v, T] = P("all"), [y, j] = P("all"), C = S(he), R = S(fe), d = S(Se), [m, f] = P(() => d.getUnit(e)), w = S(Y), p = Z(w.activeCommentId$), s = Z(d.commentUpdate$), _ = S(te), A = Z(t), D = ee(!0), E = "panel", L = Z(R.currentUser$), q = X(() => {
+  } = n, [v, T] = P("all"), [y, j] = P("all"), C = N(he), O = N(fe), d = N(Ne), [m, f] = P(() => d.getUnit(e)), w = N(Y), p = Z(w.activeCommentId$), s = Z(d.commentUpdate$), _ = N(te), A = Z(t), D = ee(!0), E = "panel", L = Z(O.currentUser$), q = X(() => {
     var H;
     const a = v === "all" ? m : (H = m.filter(($) => $.subUnitId === A)) != null ? H : [], g = x != null ? x : (($) => $), M = a.map(($) => {
       var B;
@@ -924,10 +925,10 @@ const Oe = K((n, e) => {
       }), [...u, ""].map((B) => $.get(B)).filter(Boolean);
     } else
       return g(M);
-  }, [u, v, m, x, A]), O = X(() => [
+  }, [u, v, m, x, A]), R = X(() => [
     ...q.filter((a) => !a.resolved),
     ...q.filter((a) => a.resolved)
-  ], [q]), ne = X(() => y === "resolved" ? O.filter((a) => a.resolved) : y === "unsolved" ? O.filter((a) => !a.resolved) : y === "concern_me" && L != null && L.userID ? O.filter((a) => a == null ? void 0 : a.users.has(L.userID)) : O, [O, L == null ? void 0 : L.userID, y]), J = V ? [V, ...ne] : ne, re = J.filter((a) => !a.resolved), ie = J.filter((a) => a.resolved), oe = y !== "all" || v !== "all", se = () => {
+  ], [q]), ne = X(() => y === "resolved" ? R.filter((a) => a.resolved) : y === "unsolved" ? R.filter((a) => !a.resolved) : y === "concern_me" && L != null && L.userID ? R.filter((a) => a == null ? void 0 : a.users.has(L.userID)) : R, [R, L == null ? void 0 : L.userID, y]), J = V ? [V, ...ne] : ne, re = J.filter((a) => !a.resolved), ie = J.filter((a) => a.resolved), oe = y !== "all" || v !== "all", se = () => {
     j("all"), T("all");
   };
   ae(() => {
@@ -946,7 +947,7 @@ const Oe = K((n, e) => {
     ($ = document.getElementById(H)) == null || $.scrollIntoView({ block: "center" });
   }, [p]);
   const Q = (a) => /* @__PURE__ */ l(
-    jt,
+    Pt,
     {
       prefix: E,
       getSubUnitName: o,
@@ -968,9 +969,9 @@ const Oe = K((n, e) => {
           }
         );
       },
-      onMouseEnter: () => N == null ? void 0 : N(a),
+      onMouseEnter: () => S == null ? void 0 : S(a),
       onMouseLeave: () => h == null ? void 0 : h(a),
-      onAddComment: U,
+      onAddComment: k,
       onDeleteComment: b,
       onResolve: (g) => c == null ? void 0 : c(a.id, g)
     },
@@ -1029,7 +1030,7 @@ const Oe = K((n, e) => {
         className: "univer-flex univer-flex-1 univer-flex-col univer-items-center univer-justify-center univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
         children: [
           C.t("threadCommentUI.panel.empty"),
-          oe ? /* @__PURE__ */ l("div", { className: "univer-mt-2 univer-flex univer-flex-row", children: /* @__PURE__ */ l(le, { onClick: se, children: C.t("threadCommentUI.panel.reset") }) }) : k ? null : /* @__PURE__ */ l("div", { className: "univer-mt-2 univer-flex univer-flex-row", children: /* @__PURE__ */ I(le, { onClick: i, children: [
+          oe ? /* @__PURE__ */ l("div", { className: "univer-mt-2 univer-flex univer-flex-row", children: /* @__PURE__ */ l(le, { onClick: se, children: C.t("threadCommentUI.panel.reset") }) }) : U ? null : /* @__PURE__ */ l("div", { className: "univer-mt-2 univer-flex univer-flex-row", children: /* @__PURE__ */ I(le, { onClick: i, children: [
             /* @__PURE__ */ l(Te, { className: "univer-mr-1.5" }),
             C.t("threadCommentUI.panel.addComment")
           ] }) })
@@ -1044,10 +1045,10 @@ const Oe = K((n, e) => {
 };
 export {
   F as SetActiveCommentOperation,
-  gt as THREAD_COMMENT_PANEL,
-  Yt as ThreadCommentPanel,
+  It as THREAD_COMMENT_PANEL,
+  qt as ThreadCommentPanel,
   Y as ThreadCommentPanelService,
-  jt as ThreadCommentTree,
-  xt as ToggleSheetCommentPanelOperation,
+  Pt as ThreadCommentTree,
+  bt as ToggleSheetCommentPanelOperation,
   ce as UniverThreadCommentUIPlugin
 };