@univerjs/thread-comment-ui 0.8.0-nightly.202505271607 → 0.8.0-nightly.202505281606

package/lib/index.js

@@ -1,16 +1,16 @@
 var He = Object.defineProperty;
 var Pe = (t, e, r) => e in t ? He(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
 var F = (t, e, r) => Pe(t, typeof e != "symbol" ? e + "" : e, r);
-import { Inject as we, IUniverInstanceService as Ve, Disposable as Ae, UniverInstanceType as ue, CommandType as _e, DependentOn as Be, Injector as We, ICommandService as re, IConfigService as Ze, Plugin as Fe, merge as Ge, mergeOverrideWithDependencies as Ke, LocaleService as fe, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as ze, BuildTextUtils as ve, Tools as Ye, CustomRangeType as qe, getBodySlice as Je, UserManagerService as he, generateRandomId as Qe } from "@univerjs/core";
+import { Inject as we, IUniverInstanceService as Ve, Disposable as Ae, UniverInstanceType as ue, CommandType as _e, DependentOn as Be, Injector as We, ICommandService as re, IConfigService as Ze, Plugin as Fe, merge as Ge, mergeOverrideWithDependencies as Ke, LocaleService as he, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as ze, BuildTextUtils as ve, Tools as Ye, CustomRangeType as qe, getBodySlice as Je, UserManagerService as pe, generateRandomId as Qe } from "@univerjs/core";
 import { UniverThreadCommentPlugin as Xe, ThreadCommentModel as Se, getDT as et, AddCommentCommand as tt, ResolveCommentCommand as rt, DeleteCommentTreeCommand as Ne, UpdateCommentCommand as nt, DeleteCommentCommand as it } from "@univerjs/thread-comment";
-import { ISidebarService as ke, useDependency as S, KeyCode as pe, useObservable as G, useConfigValue as ot, UI_PLUGIN_CONFIG_KEY as at } from "@univerjs/ui";
-import { BehaviorSubject as ge, filter as st, debounceTime as lt } from "rxjs";
+import { ISidebarService as ke, useDependency as S, KeyCode as ge, useObservable as G, useConfigValue as ot, UI_PLUGIN_CONFIG_KEY as at } from "@univerjs/ui";
+import { BehaviorSubject as Ce, filter as st, debounceTime as lt } from "rxjs";
 import { jsxs as x, jsx as s } from "react/jsx-runtime";
-import { Button as le, clsx as Ce, Tooltip as dt, borderClassName as ct, Dropdown as ut, Select as Ie } from "@univerjs/design";
-import { forwardRef as B, useRef as te, createElement as z, useState as A, useEffect as de, useMemo as ee, useImperativeHandle as vt } from "react";
-import { IEditorService as mt, BreakLineCommand as ft, RichTextEditor as ht } from "@univerjs/docs-ui";
-var pt = Object.getOwnPropertyDescriptor, gt = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? pt(e, r) : e, o = t.length - 1, d; o >= 0; o--)
+import { Button as le, clsx as me, Tooltip as dt, scrollbarClassName as ct, borderClassName as ut, Dropdown as vt, Select as Ie } from "@univerjs/design";
+import { forwardRef as B, useRef as te, createElement as z, useState as A, useEffect as de, useMemo as ee, useImperativeHandle as mt } from "react";
+import { IEditorService as ft, BreakLineCommand as ht, RichTextEditor as pt } from "@univerjs/docs-ui";
+var gt = Object.getOwnPropertyDescriptor, Ct = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? gt(e, r) : e, o = t.length - 1, d; o >= 0; o--)
     (d = t[o]) && (i = d(i) || i);
   return i;
 }, xe = (t, e) => (r, n) => e(r, n, t);
@@ -18,9 +18,9 @@ let q = class extends Ae {
   constructor(e, r) {
     super();
     F(this, "_panelVisible", !1);
-    F(this, "_panelVisible$", new ge(!1));
+    F(this, "_panelVisible$", new Ce(!1));
     F(this, "_activeCommentId");
-    F(this, "_activeCommentId$", new ge(void 0));
+    F(this, "_activeCommentId$", new Ce(void 0));
     F(this, "panelVisible$", this._panelVisible$.asObservable());
     F(this, "activeCommentId$", this._activeCommentId$.asObservable());
     this._sidebarService = e, this._univerInstanceService = r, this._init(), this.disposeWithMe(() => {
@@ -51,18 +51,18 @@ let q = class extends Ae {
     this._activeCommentId = e, this._activeCommentId$.next(e);
   }
 };
-q = gt([
+q = Ct([
   xe(0, we(ke)),
   xe(1, Ve)
 ], q);
-const Ct = "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: _e.OPERATION,
   handler(t) {
     const e = t.get(ke), r = t.get(q);
     return r.panelVisible ? (e.close(), r.setPanelVisible(!1)) : (e.open({
       header: { title: "threadCommentUI.panel.title" },
-      children: { label: Ct },
+      children: { label: It },
       width: 330
     }), r.setPanelVisible(!0)), !0;
   }
@@ -72,12 +72,12 @@ const Ct = "thread-comment-panel", It = "UNIVER_THREAD_COMMENT_UI_PLUGIN", xt =
   handler(t, e) {
     return t.get(q).setActiveComment(e), !0;
   }
-}, bt = "thread-comment-ui.config", be = {};
-var yt = Object.defineProperty, wt = Object.getOwnPropertyDescriptor, _t = (t, e, r) => e in t ? yt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, St = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? wt(e, r) : e, o = t.length - 1, d; o >= 0; o--)
+}, yt = "thread-comment-ui.config", be = {};
+var wt = Object.defineProperty, _t = Object.getOwnPropertyDescriptor, St = (t, e, r) => e in t ? wt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Nt = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? _t(e, r) : e, o = t.length - 1, d; o >= 0; o--)
     (d = t[o]) && (i = d(i) || i);
   return i;
-}, me = (t, e) => (r, n) => e(r, n, t), Ue = (t, e, r) => _t(t, typeof e != "symbol" ? e + "" : e, r);
+}, fe = (t, e) => (r, n) => e(r, n, t), Ue = (t, e, r) => St(t, typeof e != "symbol" ? e + "" : e, r);
 let ce = class extends Fe {
   constructor(t = be, e, r, n) {
     super(), this._config = t, this._injector = e, this._commandService = r, this._configService = n;
@@ -86,7 +86,7 @@ let ce = class extends Fe {
       be,
       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 t;
@@ -94,18 +94,18 @@ let ce = class extends Fe {
       [q]
     ], (t = this._config) == null ? void 0 : t.overrides).forEach((e) => {
       this._injector.add(e);
-    }), [xt, K].forEach((e) => {
+    }), [bt, K].forEach((e) => {
       this._commandService.registerCommand(e);
     });
   }
 };
-Ue(ce, "pluginName", It);
+Ue(ce, "pluginName", xt);
 Ue(ce, "type", ue.UNIVER_UNKNOWN);
-ce = St([
+ce = Nt([
   Be(Xe),
-  me(1, we(We)),
-  me(2, re),
-  me(3, Ze)
+  fe(1, we(We)),
+  fe(2, re),
+  fe(3, Ze)
 ], ce);
 var M = function() {
   return M = Object.assign || function(t) {
@@ -115,7 +115,7 @@ var M = function() {
     }
     return t;
   }, M.apply(this, arguments);
-}, Nt = function(t, e) {
+}, kt = function(t, e) {
   var r = {};
   for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && e.indexOf(n) < 0 && (r[n] = t[n]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
@@ -123,15 +123,15 @@ var M = function() {
       e.indexOf(n[i]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[i]) && (r[n[i]] = t[n[i]]);
   return r;
 }, Y = B(function(t, e) {
-  var r = t.icon, n = t.id, i = t.className, o = t.extend, d = Nt(t, ["icon", "id", "className", "extend"]), f = "univerjs-icon univerjs-icon-".concat(n, " ").concat(i || "").trim(), h = te("_".concat(Ot()));
-  return Oe(r, "".concat(n), { defIds: r.defIds, idSuffix: h.current }, M({ ref: e, className: f }, d), o);
+  var r = t.icon, n = t.id, i = t.className, o = t.extend, d = kt(t, ["icon", "id", "className", "extend"]), f = "univerjs-icon univerjs-icon-".concat(n, " ").concat(i || "").trim(), h = te("_".concat(Ot()));
+  return Te(r, "".concat(n), { defIds: r.defIds, idSuffix: h.current }, M({ ref: e, className: f }, d), o);
 });
-function Oe(t, e, r, n, i) {
-  return z(t.tag, M(M({ key: e }, kt(t, r, i)), n), (Ut(t, r).children || []).map(function(o, d) {
-    return Oe(o, "".concat(e, "-").concat(t.tag, "-").concat(d), r, void 0, i);
+function Te(t, e, r, n, i) {
+  return z(t.tag, M(M({ key: e }, Ut(t, r, i)), n), (Tt(t, r).children || []).map(function(o, d) {
+    return Te(o, "".concat(e, "-").concat(t.tag, "-").concat(d), r, void 0, i);
   }));
 }
-function kt(t, e, r) {
+function Ut(t, e, r) {
   var n = M({}, t.attrs);
   r != null && r.colorChannel1 && n.fill === "colorChannel1" && (n.fill = r.colorChannel1), t.tag === "mask" && n.id && (n.id = n.id + e.idSuffix), Object.entries(n).forEach(function(o) {
     var d = o[0], f = o[1];
@@ -143,61 +143,61 @@ function kt(t, e, r) {
     typeof f == "string" && (n[d] = f.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), n;
 }
-function Ut(t, e) {
+function Tt(t, e) {
   var r, n = e.defIds;
   return !n || n.length === 0 ? t : t.tag === "defs" && (!((r = t.children) === null || r === void 0) && r.length) ? M(M({}, t), { children: t.children.map(function(i) {
-    return typeof i.attrs.id == "string" && n && n.indexOf(i.attrs.id) > -1 ? M(M({}, i), { attrs: M(M({}, i.attrs), { id: i.attrs.id + e.idSuffix }) }) : i;
+    return typeof i.attrs.id == "string" && n && n.includes(i.attrs.id) ? M(M({}, i), { attrs: M(M({}, i.attrs), { id: i.attrs.id + e.idSuffix }) }) : i;
   }) }) : t;
 }
 function Ot() {
   return Math.random().toString(36).substring(2, 8);
 }
 Y.displayName = "UniverIcon";
-var Tt = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", 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 0.866699 5.9313 0.866699H10.069C10.4004 0.866699 10.669 1.13533 10.669 1.4667C10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.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.64443C14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928L9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171C10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778L9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539C9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263L6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539C5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778L6.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" } }] }, Te = B(function(t, e) {
+var Et = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", 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 0.866699 5.9313 0.866699H10.069C10.4004 0.866699 10.669 1.13533 10.669 1.4667C10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.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.64443C14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928L9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171C10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778L9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539C9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263L6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539C5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778L6.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 = B(function(t, e) {
   return z(Y, Object.assign({}, t, {
     id: "delete-icon",
     ref: e,
-    icon: Tt
+    icon: Et
   }));
 });
-Te.displayName = "DeleteIcon";
-var Et = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", 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" } }] }, Ee = B(function(t, e) {
+Oe.displayName = "DeleteIcon";
+var Dt = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", 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" } }] }, Ee = B(function(t, e) {
   return z(Y, Object.assign({}, t, {
     id: "increase-icon",
     ref: e,
-    icon: Et
+    icon: Dt
   }));
 });
 Ee.displayName = "IncreaseIcon";
-var Dt = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", 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 8C4 7.44772 3.55228 7 3 7C2.44772 7 2 7.44772 2 8C2 8.55228 2.44772 9 3 9Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M8 9C8.55228 9 9 8.55228 9 8C9 7.44772 8.55228 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M13 9C13.5523 9 14 8.55228 14 8C14 7.44772 13.5523 7 13 7C12.4477 7 12 7.44772 12 8C12 8.55228 12.4477 9 13 9Z" } }] }, De = B(function(t, e) {
+var $t = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", 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 8C4 7.44772 3.55228 7 3 7C2.44772 7 2 7.44772 2 8C2 8.55228 2.44772 9 3 9Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M8 9C8.55228 9 9 8.55228 9 8C9 7.44772 8.55228 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M13 9C13.5523 9 14 8.55228 14 8C14 7.44772 13.5523 7 13 7C12.4477 7 12 7.44772 12 8C12 8.55228 12.4477 9 13 9Z" } }] }, De = B(function(t, e) {
   return z(Y, Object.assign({}, t, {
     id: "more-horizontal-icon",
     ref: e,
-    icon: Dt
+    icon: $t
   }));
 });
 De.displayName = "MoreHorizontalIcon";
-var $t = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", 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.76813", strokeLinecap: "round", strokeWidth: 1.2 } }, { tag: "path", attrs: { stroke: "currentColor", d: "M8.91626 6.1311H9.27424", strokeLinecap: "round", strokeWidth: 1.2 } }, { tag: "path", attrs: { stroke: "currentColor", d: "M3.90454 6.1311H4.26252", strokeLinecap: "round", strokeWidth: 1.2 } }] }, $e = B(function(t, e) {
+var Mt = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", 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.76813", strokeLinecap: "round", strokeWidth: 1.2 } }, { tag: "path", attrs: { stroke: "currentColor", d: "M8.91626 6.1311H9.27424", strokeLinecap: "round", strokeWidth: 1.2 } }, { tag: "path", attrs: { stroke: "currentColor", d: "M3.90454 6.1311H4.26252", strokeLinecap: "round", strokeWidth: 1.2 } }] }, $e = B(function(t, e) {
   return z(Y, Object.assign({}, t, {
     id: "reply-to-comment-icon",
     ref: e,
-    icon: $t
+    icon: Mt
   }));
 });
 $e.displayName = "ReplyToCommentIcon";
-var Mt = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", 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" } }] }, Me = B(function(t, e) {
+var Rt = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", 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" } }] }, Me = B(function(t, e) {
   return z(Y, Object.assign({}, t, {
     id: "resolved-icon",
     ref: e,
-    icon: Mt
+    icon: Rt
   }));
 });
 Me.displayName = "ResolvedIcon";
-var Rt = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", 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 } }] }, Re = B(function(t, e) {
+var Lt = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", 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 } }] }, Re = B(function(t, e) {
   return z(Y, Object.assign({}, t, {
     id: "solve-icon",
     ref: e,
-    icon: Rt
+    icon: Lt
   }));
 });
 Re.displayName = "SolveIcon";
@@ -210,7 +210,7 @@ function ye(t) {
 }
 const Le = B((t, e) => {
   var R;
-  const { comment: r, onSave: n, id: i, onCancel: o, autoFocus: d, unitId: f, type: h } = t, N = S(re), U = S(fe), [P, O] = A(!1), b = S(mt), u = te(null), v = h === ue.UNIVER_SHEET ? ze : f, [T, y] = A(() => {
+  const { comment: r, onSave: n, id: i, onCancel: o, autoFocus: d, unitId: f, type: h } = t, N = S(re), U = S(he), [P, T] = A(!1), b = S(ft), u = te(null), v = h === ue.UNIVER_SHEET ? ze : f, [O, y] = A(() => {
     var c, m, p;
     return ve.transform.getPlainText((p = (m = (c = u.current) == null ? void 0 : c.getDocumentData().body) == null ? void 0 : m.dataStream) != null ? p : "");
   });
@@ -224,14 +224,14 @@ const Le = B((t, e) => {
     return () => c == null ? void 0 : c.unsubscribe();
   }, [(R = u.current) == null ? void 0 : R.selectionChange$]);
   const V = ee(() => ({
-    keyCodes: [{ keyCode: pe.ENTER }],
+    keyCodes: [{ keyCode: ge.ENTER }],
     handler: (c) => {
-      c === pe.ENTER && N.executeCommand(
-        ft.id
+      c === ge.ENTER && N.executeCommand(
+        ht.id
       );
     }
   }), [N]);
-  vt(e, () => ({
+  mt(e, () => ({
     reply(c) {
       var p, w;
       if (!u.current)
@@ -248,7 +248,7 @@ const Le = B((t, e) => {
   const C = () => {
     if (u.current) {
       const c = Ye.deepClone(u.current.getDocumentData().body);
-      O(!1), n == null || n({
+      T(!1), n == null || n({
         ...r,
         text: c
       }), u.current.replaceText(""), setTimeout(() => {
@@ -259,7 +259,7 @@ const Le = B((t, e) => {
   };
   return /* @__PURE__ */ x("div", { onClick: (c) => c.preventDefault(), children: [
     /* @__PURE__ */ s(
-      ht,
+      pt,
       {
         className: "univer-w-full",
         editorRef: u,
@@ -267,7 +267,7 @@ const Le = B((t, e) => {
         keyboardEventConfig: V,
         placeholder: U.t("threadCommentUI.editor.placeholder"),
         initialValue: (r == null ? void 0 : r.text) && ye(r.text),
-        onFocusChange: (c) => c && O(c),
+        onFocusChange: (c) => c && T(c),
         isSingle: !1,
         maxHeight: 64,
         onClickOutside: () => {
@@ -283,7 +283,7 @@ const Le = B((t, e) => {
         {
           onClick: () => {
             var c;
-            o == null || o(), O(!1), (c = u.current) == null || c.replaceText("", !0), N.executeCommand(K.id);
+            o == null || o(), T(!1), (c = u.current) == null || c.replaceText("", !0), N.executeCommand(K.id);
           },
           children: U.t("threadCommentUI.editor.cancel")
         }
@@ -292,14 +292,14 @@ const Le = B((t, e) => {
         le,
         {
           variant: "primary",
-          disabled: !T,
+          disabled: !O,
           onClick: C,
           children: U.t(i ? "threadCommentUI.editor.save" : "threadCommentUI.editor.reply")
         }
       )
     ] }) : null
   ] });
-}), Lt = (t) => {
+}), jt = (t) => {
   const { dataStream: e, customRanges: r } = t, n = e.endsWith(`\r
 `) ? e.length - 2 : e.length, i = [];
   let o = 0;
@@ -318,14 +318,14 @@ const Le = B((t, e) => {
     type: "text",
     content: e.slice(o, n)
   }), i;
-}, jt = (t) => {
+}, Ht = (t) => {
   const { paragraphs: e = [] } = t;
   let r = 0;
   return e.map((n) => {
     const i = Je(t, r, n.startIndex);
-    return r = n.startIndex + 1, Lt(i);
+    return r = n.startIndex + 1, jt(i);
   });
-}, Ht = (t) => {
+}, Pt = (t) => {
   let e = "";
   const r = [];
   return t.forEach((n) => {
@@ -365,9 +365,9 @@ const Le = B((t, e) => {
     dataStream: e,
     customRanges: r
   };
-}, je = "__mock__", Pt = (t) => {
-  const { item: e, unitId: r, subUnitId: n, editing: i, onEditingChange: o, onReply: d, resolved: f, isRoot: h, onClose: N, onDeleteComment: U, type: P } = t, O = S(re), b = S(fe), u = S(he), v = u.getUser(e.personId), T = G(u.currentUser$), y = (T == null ? void 0 : T.userID) === e.personId, V = e.id === je, [C, R] = A(!1), c = ot(at), m = c == null ? void 0 : c.avatarFallback, p = () => {
-    (U == null ? void 0 : U(e)) !== !1 && (O.executeCommand(
+}, je = "__mock__", Vt = (t) => {
+  const { item: e, unitId: r, subUnitId: n, editing: i, onEditingChange: o, onReply: d, resolved: f, isRoot: h, onClose: N, onDeleteComment: U, type: P } = t, T = S(re), b = S(he), u = S(pe), v = u.getUser(e.personId), O = G(u.currentUser$), y = (O == null ? void 0 : O.userID) === e.personId, V = e.id === je, [C, R] = A(!1), c = ot(at), m = c == null ? void 0 : c.avatarFallback, p = () => {
+    (U == null ? void 0 : U(e)) !== !1 && (T.executeCommand(
       h ? Ne.id : it.id,
       {
         unitId: r,
@@ -398,7 +398,7 @@ const Le = B((t, e) => {
           }
         ) : null,
         y && !V && !f ? /* @__PURE__ */ s(
-          ut,
+          vt,
           {
             overlay: /* @__PURE__ */ s("div", { className: "univer-rounded-lg", children: /* @__PURE__ */ x(
               "ul",
@@ -453,7 +453,7 @@ const Le = B((t, e) => {
         unitId: r,
         subUnitId: n,
         onSave: ({ text: w, attachments: g }) => {
-          o == null || o(!1), O.executeCommand(
+          o == null || o(!1), T.executeCommand(
             nt.id,
             {
               unitId: r,
@@ -471,7 +471,7 @@ const Le = B((t, e) => {
       "div",
       {
         className: "univer-text-sm univer-text-gray-900 dark:!univer-text-white",
-        children: jt(e.text).map((w, g) => /* @__PURE__ */ s("div", { className: "univer-break-words", children: w.map((a, _) => {
+        children: Ht(e.text).map((w, g) => /* @__PURE__ */ s("div", { className: "univer-break-words", children: w.map((a, _) => {
           switch (a.type) {
             case "mention":
               return /* @__PURE__ */ x("a", { className: "univer-text-primary-600", children: [
@@ -485,7 +485,7 @@ const Le = B((t, e) => {
       }
     )
   ] });
-}, Vt = (t) => {
+}, At = (t) => {
   var se, X, l;
   const {
     id: e,
@@ -499,17 +499,17 @@ const Le = B((t, e) => {
     getSubUnitName: N,
     prefix: U,
     autoFocus: P,
-    onMouseEnter: O,
+    onMouseEnter: T,
     onMouseLeave: b,
     onAddComment: u,
     onDeleteComment: v,
-    onResolve: T,
+    onResolve: O,
     type: y,
     style: V,
     full: C
   } = t, R = S(Se), [c, m] = A(!1), [p, w] = A(""), g = ee(() => R.commentUpdate$.pipe(lt(16)), [R]);
   G(g);
-  const a = e ? R.getCommentWithChildren(r, n, e) : null, _ = S(re), W = S(he), E = a == null ? void 0 : a.root.resolved, D = G(W.currentUser$), j = te(null), J = [
+  const a = e ? R.getCommentWithChildren(r, n, e) : null, _ = S(re), W = S(pe), E = a == null ? void 0 : a.root.resolved, D = G(W.currentUser$), j = te(null), J = [
     ...a ? [a.root] : (
       // mock empty comment
       [{
@@ -537,7 +537,7 @@ const Le = B((t, e) => {
       subUnitId: n,
       commentId: e,
       resolved: !E
-    }), T == null || T(!E);
+    }), O == null || O(!E);
   }, Q = (I) => {
     I.stopPropagation(), _.executeCommand(K.id), !(a != null && a.root && (v == null ? void 0 : v(a.root)) === !1) && (_.executeCommand(
       Ne.id,
@@ -554,7 +554,7 @@ const Le = B((t, e) => {
     "div",
     {
       id: `${U}-${r}-${n}-${e}`,
-      className: Ce("univer-relative univer-box-border univer-rounded-md univer-bg-white univer-p-4 dark:!univer-bg-gray-900 dark:!univer-text-white", ct, {
+      className: me("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": !E && (f || c || U === "cell")
@@ -562,7 +562,7 @@ const Le = B((t, e) => {
       style: V,
       onClick: d,
       onMouseEnter: () => {
-        O == null || O(), m(!0);
+        T == null || T(), m(!0);
       },
       onMouseLeave: () => {
         b == null || b(), m(!1);
@@ -598,7 +598,7 @@ const Le = B((t, e) => {
                 /* @__PURE__ */ s(
                   "div",
                   {
-                    className: Ce("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 dark:hover:!univer-bg-gray-800 hover:univer-bg-gray-50", {
+                    className: me("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 dark:hover:!univer-bg-gray-800 hover:univer-bg-gray-50", {
                       "univer-text-green-500": E
                     }),
                     onClick: ne,
@@ -610,7 +610,7 @@ const Le = B((t, 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 dark:hover:!univer-bg-gray-800 hover:univer-bg-gray-50",
                     onClick: Q,
-                    children: /* @__PURE__ */ s(Te, {})
+                    children: /* @__PURE__ */ s(Oe, {})
                   }
                 ) : null
               ] })
@@ -621,10 +621,10 @@ const Le = B((t, e) => {
           "div",
           {
             ref: L,
-            className: "univer-max-h-80 univer-overflow-y-auto univer-overflow-x-hidden",
+            className: me("univer-max-h-80 univer-overflow-y-auto univer-overflow-x-hidden", ct),
             children: J.map(
               (I) => /* @__PURE__ */ s(
-                Pt,
+                Vt,
                 {
                   unitId: r,
                   subUnitId: n,
@@ -640,7 +640,7 @@ const Le = B((t, e) => {
                   onReply: ($) => {
                     $ && requestAnimationFrame(() => {
                       var H;
-                      (H = j.current) == null || H.reply(Ht([
+                      (H = j.current) == null || H.reply(Pt([
                         {
                           type: "mention",
                           content: {
@@ -702,7 +702,7 @@ const Le = B((t, e) => {
       ]
     }
   );
-}, qt = (t) => {
+}, Jt = (t) => {
   const {
     unitId: e,
     subUnitId$: r,
@@ -715,10 +715,10 @@ const Le = B((t, e) => {
     onItemEnter: N,
     disableAdd: U,
     tempComment: P,
-    onAddComment: O,
+    onAddComment: T,
     onDeleteComment: b,
     showComments: u
-  } = t, [v, T] = A("all"), [y, V] = A("all"), C = S(fe), R = S(he), c = S(Se), [m, p] = A(() => c.getUnit(e)), w = S(q), g = G(w.activeCommentId$), a = G(c.commentUpdate$), _ = S(re), W = G(r), E = te(!0), D = "panel", j = G(R.currentUser$), J = ee(() => {
+  } = t, [v, O] = A("all"), [y, V] = A("all"), C = S(he), R = S(pe), c = S(Se), [m, p] = A(() => c.getUnit(e)), w = S(q), g = G(w.activeCommentId$), a = G(c.commentUpdate$), _ = S(re), W = G(r), E = te(!0), D = "panel", j = G(R.currentUser$), J = ee(() => {
     var H;
     const l = v === "all" ? m : (H = m.filter((k) => k.subUnitId === W)) != null ? H : [], I = f != null ? f : (k) => k, $ = l.map((k) => {
       var Z;
@@ -735,7 +735,7 @@ const Le = B((t, e) => {
     ...J.filter((l) => !l.resolved),
     ...J.filter((l) => l.resolved)
   ], [J]), ne = ee(() => y === "resolved" ? L.filter((l) => l.resolved) : y === "unsolved" ? L.filter((l) => !l.resolved) : y === "concern_me" && j != null && j.userID ? L.filter((l) => l == null ? void 0 : l.users.has(j.userID)) : L, [L, j == null ? void 0 : j.userID, y]), Q = P ? [P, ...ne] : ne, ie = Q.filter((l) => !l.resolved), oe = Q.filter((l) => l.resolved), ae = y !== "all" || v !== "all", se = () => {
-    V("all"), T("all");
+    V("all"), O("all");
   };
   de(() => {
     e && p(
@@ -753,7 +753,7 @@ const Le = B((t, e) => {
     (k = document.getElementById(H)) == null || k.scrollIntoView({ block: "center" });
   }, [g]);
   const X = (l) => /* @__PURE__ */ s(
-    Vt,
+    At,
     {
       full: !0,
       prefix: D,
@@ -778,7 +778,7 @@ const Le = B((t, e) => {
       },
       onMouseEnter: () => N == null ? void 0 : N(l),
       onMouseLeave: () => h == null ? void 0 : h(l),
-      onAddComment: O,
+      onAddComment: T,
       onDeleteComment: b,
       onResolve: (I) => d == null ? void 0 : d(l.id, I)
     },
@@ -801,7 +801,7 @@ const Le = B((t, e) => {
               label: C.t("threadCommentUI.filter.sheet.all")
             }
           ],
-          onChange: T
+          onChange: O
         }
       ) : null,
       /* @__PURE__ */ s(
@@ -852,10 +852,10 @@ const Le = B((t, e) => {
 };
 export {
   K as SetActiveCommentOperation,
-  Ct as THREAD_COMMENT_PANEL,
-  qt as ThreadCommentPanel,
+  It as THREAD_COMMENT_PANEL,
+  Jt as ThreadCommentPanel,
   q as ThreadCommentPanelService,
-  Vt as ThreadCommentTree,
-  xt as ToggleSheetCommentPanelOperation,
+  At as ThreadCommentTree,
+  bt as ToggleSheetCommentPanelOperation,
   ce as UniverThreadCommentUIPlugin
 };