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

package/lib/index.js

@@ -1,29 +1,29 @@
-var Le = Object.defineProperty;
-var Pe = (t, e, n) => e in t ? Le(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var z = (t, e, n) => Pe(t, typeof e != "symbol" ? e + "" : e, n);
-import { Inject as Se, IUniverInstanceService as Ve, Disposable as Ae, UniverInstanceType as ce, CommandType as _e, DependentOn as Be, Injector as We, ICommandService as ne, IConfigService as Fe, Plugin as ze, 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 { UniverThreadCommentPlugin as Xe, ThreadCommentModel as Ne, getDT as et, AddCommentCommand as tt, ResolveCommentCommand as nt, DeleteCommentTreeCommand as we, UpdateCommentCommand as rt, DeleteCommentCommand as it } from "@univerjs/thread-comment";
-import { ISidebarService as Ue, useDependency as N, KeyCode as ge, useObservable as G, useConfigValue as at, UI_PLUGIN_CONFIG_KEY as ot } from "@univerjs/ui";
-import { BehaviorSubject as pe, filter as lt, debounceTime as st } from "rxjs";
-import { jsxs as b, jsx as l } from "react/jsx-runtime";
-import { Button as se, clsx as Ce, Tooltip as dt, borderClassName as ut, Dropdown as ct, 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";
+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 { 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 { 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 gt = Object.getOwnPropertyDescriptor, pt = (t, e, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? gt(e, n) : e, a = t.length - 1, d; a >= 0; a--)
-    (d = t[a]) && (i = d(i) || i);
+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--)
+    (d = t[o]) && (i = d(i) || i);
   return i;
-}, be = (t, e) => (n, r) => e(n, r, t);
+}, xe = (t, e) => (r, n) => e(r, n, t);
 let q = class extends Ae {
-  constructor(e, n) {
+  constructor(e, r) {
     super();
-    z(this, "_panelVisible", !1);
-    z(this, "_panelVisible$", new pe(!1));
-    z(this, "_activeCommentId");
-    z(this, "_activeCommentId$", new pe(void 0));
-    z(this, "panelVisible$", this._panelVisible$.asObservable());
-    z(this, "activeCommentId$", this._activeCommentId$.asObservable());
-    this._sidebarService = e, this._univerInstanceService = n, this._init(), this.disposeWithMe(() => {
+    F(this, "_panelVisible", !1);
+    F(this, "_panelVisible$", new ge(!1));
+    F(this, "_activeCommentId");
+    F(this, "_activeCommentId$", new ge(void 0));
+    F(this, "panelVisible$", this._panelVisible$.asObservable());
+    F(this, "activeCommentId$", this._activeCommentId$.asObservable());
+    this._sidebarService = e, this._univerInstanceService = r, this._init(), this.disposeWithMe(() => {
       this._activeCommentId$.complete(), this._panelVisible$.complete();
     });
   }
@@ -33,7 +33,7 @@ let q = class extends Ae {
         e.visible || this.setPanelVisible(!1);
       })
     ), this.disposeWithMe(
-      this._univerInstanceService.getCurrentTypeOfUnit$(ce.UNIVER_SHEET).pipe(lt((e) => !e)).subscribe(() => {
+      this._univerInstanceService.getCurrentTypeOfUnit$(ue.UNIVER_SHEET).pipe(st((e) => !e)).subscribe(() => {
         this._sidebarService.close();
       })
     );
@@ -51,20 +51,20 @@ let q = class extends Ae {
     this._activeCommentId = e, this._activeCommentId$.next(e);
   }
 };
-q = pt([
-  be(0, Se(Ue)),
-  be(1, Ve)
+q = gt([
+  xe(0, we(ke)),
+  xe(1, Ve)
 ], q);
-const Ct = "thread-comment-panel", It = "UNIVER_THREAD_COMMENT_UI_PLUGIN", bt = {
+const Ct = "thread-comment-panel", It = "UNIVER_THREAD_COMMENT_UI_PLUGIN", xt = {
   id: "thread-comment-ui.operation.toggle-panel",
   type: _e.OPERATION,
   handler(t) {
-    const e = t.get(Ue), n = t.get(q);
-    return n.panelVisible ? (e.close(), n.setPanelVisible(!1)) : (e.open({
+    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 },
       width: 330
-    }), n.setPanelVisible(!0)), !0;
+    }), r.setPanelVisible(!0)), !0;
   }
 }, K = {
   id: "thread-comment-ui.operation.set-active-comment",
@@ -72,21 +72,21 @@ const Ct = "thread-comment-panel", It = "UNIVER_THREAD_COMMENT_UI_PLUGIN", bt =
   handler(t, e) {
     return t.get(q).setActiveComment(e), !0;
   }
-}, xt = "thread-comment-ui.config", xe = {};
-var yt = Object.defineProperty, St = Object.getOwnPropertyDescriptor, _t = (t, e, n) => e in t ? yt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, Nt = (t, e, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? St(e, n) : e, a = t.length - 1, d; a >= 0; a--)
-    (d = t[a]) && (i = d(i) || i);
+}, 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--)
+    (d = t[o]) && (i = d(i) || i);
   return i;
-}, me = (t, e) => (n, r) => e(n, r, t), ke = (t, e, n) => _t(t, typeof e != "symbol" ? e + "" : e, n);
-let ue = class extends ze {
-  constructor(t = xe, e, n, r) {
-    super(), this._config = t, this._injector = e, this._commandService = n, this._configService = r;
-    const { menu: i, ...a } = Ge(
+}, me = (t, e) => (r, n) => e(r, n, t), Ue = (t, e, r) => _t(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;
+    const { menu: i, ...o } = Ge(
       {},
-      xe,
+      be,
       this._config
     );
-    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(xt, a);
+    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(bt, o);
   }
   onStarting() {
     var t;
@@ -94,113 +94,113 @@ let ue = class extends ze {
       [q]
     ], (t = this._config) == null ? void 0 : t.overrides).forEach((e) => {
       this._injector.add(e);
-    }), [bt, K].forEach((e) => {
+    }), [xt, K].forEach((e) => {
       this._commandService.registerCommand(e);
     });
   }
 };
-ke(ue, "pluginName", It);
-ke(ue, "type", ce.UNIVER_UNKNOWN);
-ue = Nt([
+Ue(ce, "pluginName", It);
+Ue(ce, "type", ue.UNIVER_UNKNOWN);
+ce = St([
   Be(Xe),
-  me(1, Se(We)),
-  me(2, ne),
-  me(3, Fe)
-], ue);
+  me(1, we(We)),
+  me(2, re),
+  me(3, Ze)
+], ce);
 var M = function() {
   return M = Object.assign || function(t) {
-    for (var e, n = 1, r = arguments.length; n < r; n++) {
-      e = arguments[n];
+    for (var e, r = 1, n = arguments.length; r < n; r++) {
+      e = arguments[r];
       for (var i in e) Object.prototype.hasOwnProperty.call(e, i) && (t[i] = e[i]);
     }
     return t;
   }, M.apply(this, arguments);
-}, wt = function(t, e) {
-  var n = {};
-  for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && e.indexOf(r) < 0 && (n[r] = t[r]);
+}, Nt = 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")
-    for (var i = 0, r = Object.getOwnPropertySymbols(t); i < r.length; i++)
-      e.indexOf(r[i]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[i]) && (n[r[i]] = t[r[i]]);
-  return n;
+    for (var i = 0, n = Object.getOwnPropertySymbols(t); i < n.length; i++)
+      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 n = t.icon, r = t.id, i = t.className, a = t.extend, d = wt(t, ["icon", "id", "className", "extend"]), f = "univerjs-icon univerjs-icon-".concat(r, " ").concat(i || "").trim(), h = te("_".concat(Ot()));
-  return Oe(n, "".concat(r), { defIds: n.defIds, idSuffix: h.current }, M({ ref: e, className: f }, d), a);
+  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);
 });
-function Oe(t, e, n, r, i) {
-  return Z(t.tag, M(M({ key: e }, Ut(t, n, i)), r), (kt(t, n).children || []).map(function(a, d) {
-    return Oe(a, "".concat(e, "-").concat(t.tag, "-").concat(d), n, void 0, i);
+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 Ut(t, e, n) {
-  var r = M({}, t.attrs);
-  n != null && n.colorChannel1 && r.fill === "colorChannel1" && (r.fill = n.colorChannel1), t.tag === "mask" && r.id && (r.id = r.id + e.idSuffix), Object.entries(r).forEach(function(a) {
-    var d = a[0], f = a[1];
-    d === "mask" && typeof f == "string" && (r[d] = f.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+function kt(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];
+    d === "mask" && typeof f == "string" && (n[d] = f.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   });
   var i = e.defIds;
-  return !i || i.length === 0 || (t.tag === "use" && r["xlink:href"] && (r["xlink:href"] = r["xlink:href"] + e.idSuffix), Object.entries(r).forEach(function(a) {
-    var d = a[0], f = a[1];
-    typeof f == "string" && (r[d] = f.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
-  })), r;
+  return !i || i.length === 0 || (t.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + e.idSuffix), Object.entries(n).forEach(function(o) {
+    var d = o[0], f = o[1];
+    typeof f == "string" && (n[d] = f.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  })), n;
 }
-function kt(t, e) {
-  var n, r = e.defIds;
-  return !r || r.length === 0 ? t : t.tag === "defs" && (!((n = t.children) === null || n === void 0) && n.length) ? M(M({}, t), { children: t.children.map(function(i) {
-    return typeof i.attrs.id == "string" && r && r.indexOf(i.attrs.id) > -1 ? M(M({}, i), { attrs: M(M({}, i.attrs), { id: i.attrs.id + e.idSuffix }) }) : i;
+function Ut(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;
   }) }) : t;
 }
 function Ot() {
   return Math.random().toString(36).substring(2, 8);
 }
 Y.displayName = "UniverIcon";
-var Tt = { 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" } }] }, Te = B(function(t, e) {
-  return Z(Y, Object.assign({}, t, {
-    id: "delete-single",
+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) {
+  return z(Y, Object.assign({}, t, {
+    id: "delete-icon",
     ref: e,
     icon: Tt
   }));
 });
-Te.displayName = "DeleteSingle";
-var Et = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z" } }] }, Ee = B(function(t, e) {
-  return Z(Y, Object.assign({}, t, {
-    id: "increase-single",
+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) {
+  return z(Y, Object.assign({}, t, {
+    id: "increase-icon",
     ref: e,
     icon: Et
   }));
 });
-Ee.displayName = "IncreaseSingle";
-var Dt = { 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" } }] }, De = B(function(t, e) {
-  return Z(Y, Object.assign({}, t, {
-    id: "more-horizontal-single",
+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) {
+  return z(Y, Object.assign({}, t, {
+    id: "more-horizontal-icon",
     ref: e,
     icon: Dt
   }));
 });
-De.displayName = "MoreHorizontalSingle";
-var $t = { 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 } }] }, $e = B(function(t, e) {
-  return Z(Y, Object.assign({}, t, {
-    id: "reply-to-comment-single",
+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) {
+  return z(Y, Object.assign({}, t, {
+    id: "reply-to-comment-icon",
     ref: e,
     icon: $t
   }));
 });
-$e.displayName = "ReplyToCommentSingle";
-var Mt = { 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" } }] }, Me = B(function(t, e) {
-  return Z(Y, Object.assign({}, t, {
-    id: "resolved-single",
+$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) {
+  return z(Y, Object.assign({}, t, {
+    id: "resolved-icon",
     ref: e,
     icon: Mt
   }));
 });
-Me.displayName = "ResolvedSingle";
-var Rt = { 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 } }] }, Re = B(function(t, e) {
-  return Z(Y, Object.assign({}, t, {
-    id: "solve-single",
+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) {
+  return z(Y, Object.assign({}, t, {
+    id: "solve-icon",
     ref: e,
     icon: Rt
   }));
 });
-Re.displayName = "SolveSingle";
+Re.displayName = "SolveIcon";
 function ye(t) {
   return {
     id: "d",
@@ -208,37 +208,37 @@ function ye(t) {
     documentStyle: {}
   };
 }
-const je = B((t, e) => {
+const Le = B((t, e) => {
   var R;
-  const { comment: n, onSave: r, id: i, onCancel: a, autoFocus: d, unitId: f, type: h } = t, w = N(ne), k = N(fe), [P, O] = A(!1), x = N(mt), c = te(null), v = h === ce.UNIVER_SHEET ? Ze : f, [T, y] = A(() => {
-    var u, m, g;
-    return ve.transform.getPlainText((g = (m = (u = c.current) == null ? void 0 : u.getDocumentData().body) == null ? void 0 : m.dataStream) != null ? g : "");
+  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(() => {
+    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 : "");
   });
   de(() => {
-    var m, g, S, p;
-    y(ve.transform.getPlainText((S = (g = (m = c.current) == null ? void 0 : m.getDocumentData().body) == null ? void 0 : g.dataStream) != null ? S : ""));
-    const u = (p = c.current) == null ? void 0 : p.selectionChange$.subscribe(() => {
-      var o, _, W;
-      y(ve.transform.getPlainText((W = (_ = (o = c.current) == null ? void 0 : o.getDocumentData().body) == null ? void 0 : _.dataStream) != null ? W : ""));
+    var m, p, w, g;
+    y(ve.transform.getPlainText((w = (p = (m = u.current) == null ? void 0 : m.getDocumentData().body) == null ? void 0 : p.dataStream) != null ? w : ""));
+    const c = (g = u.current) == null ? void 0 : g.selectionChange$.subscribe(() => {
+      var a, _, W;
+      y(ve.transform.getPlainText((W = (_ = (a = u.current) == null ? void 0 : a.getDocumentData().body) == null ? void 0 : _.dataStream) != null ? W : ""));
     });
-    return () => u == null ? void 0 : u.unsubscribe();
-  }, [(R = c.current) == null ? void 0 : R.selectionChange$]);
+    return () => c == null ? void 0 : c.unsubscribe();
+  }, [(R = u.current) == null ? void 0 : R.selectionChange$]);
   const V = ee(() => ({
-    keyCodes: [{ keyCode: ge.ENTER }],
-    handler: (u) => {
-      u === ge.ENTER && w.executeCommand(
+    keyCodes: [{ keyCode: pe.ENTER }],
+    handler: (c) => {
+      c === pe.ENTER && N.executeCommand(
         ft.id
       );
     }
-  }), [w]);
+  }), [N]);
   vt(e, () => ({
-    reply(u) {
-      var g, S;
-      if (!c.current)
+    reply(c) {
+      var p, w;
+      if (!u.current)
         return;
-      x.focus((g = c.current.getEditorId()) != null ? g : "");
-      const m = ye(u);
-      (S = c.current) == null || S.setDocumentData(m, [{
+      b.focus((p = u.current.getEditorId()) != null ? p : "");
+      const m = ye(c);
+      (w = u.current) == null || w.setDocumentData(m, [{
         startOffset: m.body.dataStream.length - 2,
         endOffset: m.body.dataStream.length - 2,
         collapsed: !0
@@ -246,102 +246,102 @@ const je = B((t, e) => {
     }
   }));
   const C = () => {
-    if (c.current) {
-      const u = Ye.deepClone(c.current.getDocumentData().body);
-      O(!1), r == null || r({
-        ...n,
-        text: u
-      }), c.current.replaceText(""), setTimeout(() => {
-        var m, g;
-        (m = c.current) == null || m.setSelectionRanges([]), (g = c.current) == null || g.blur();
+    if (u.current) {
+      const c = Ye.deepClone(u.current.getDocumentData().body);
+      O(!1), n == null || n({
+        ...r,
+        text: c
+      }), u.current.replaceText(""), setTimeout(() => {
+        var m, p;
+        (m = u.current) == null || m.setSelectionRanges([]), (p = u.current) == null || p.blur();
       }, 10);
     }
   };
-  return /* @__PURE__ */ b("div", { onClick: (u) => u.preventDefault(), children: [
-    /* @__PURE__ */ l(
+  return /* @__PURE__ */ x("div", { onClick: (c) => c.preventDefault(), children: [
+    /* @__PURE__ */ s(
       ht,
       {
         className: "univer-w-full",
-        editorRef: c,
+        editorRef: u,
         autoFocus: d,
         keyboardEventConfig: V,
-        placeholder: k.t("threadCommentUI.editor.placeholder"),
-        initialValue: (n == null ? void 0 : n.text) && ye(n.text),
-        onFocusChange: (u) => u && O(u),
+        placeholder: U.t("threadCommentUI.editor.placeholder"),
+        initialValue: (r == null ? void 0 : r.text) && ye(r.text),
+        onFocusChange: (c) => c && O(c),
         isSingle: !1,
         maxHeight: 64,
         onClickOutside: () => {
           setTimeout(() => {
-            x.focus(v);
+            b.focus(v);
           }, 30);
         }
       }
     ),
-    P ? /* @__PURE__ */ b("div", { className: "univer-mt-3 univer-flex univer-flex-row univer-justify-end univer-gap-2", children: [
-      /* @__PURE__ */ l(
-        se,
+    P ? /* @__PURE__ */ x("div", { className: "univer-mt-3 univer-flex univer-flex-row univer-justify-end univer-gap-2", children: [
+      /* @__PURE__ */ s(
+        le,
         {
           onClick: () => {
-            var u;
-            a == null || a(), O(!1), (u = c.current) == null || u.replaceText("", !0), w.executeCommand(K.id);
+            var c;
+            o == null || o(), O(!1), (c = u.current) == null || c.replaceText("", !0), N.executeCommand(K.id);
           },
-          children: k.t("threadCommentUI.editor.cancel")
+          children: U.t("threadCommentUI.editor.cancel")
         }
       ),
-      /* @__PURE__ */ l(
-        se,
+      /* @__PURE__ */ s(
+        le,
         {
           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
   ] });
-}), jt = (t) => {
-  const { dataStream: e, customRanges: n } = t, r = e.endsWith(`\r
+}), Lt = (t) => {
+  const { dataStream: e, customRanges: r } = t, n = e.endsWith(`\r
 `) ? e.length - 2 : e.length, i = [];
-  let a = 0;
-  return n == null || n.forEach((d) => {
-    a < d.startIndex && i.push({
+  let o = 0;
+  return r == null || r.forEach((d) => {
+    o < d.startIndex && i.push({
       type: "text",
-      content: e.slice(a, d.startIndex)
+      content: e.slice(o, d.startIndex)
     }), i.push({
       type: "mention",
       content: {
         label: e.slice(d.startIndex, d.endIndex + 1),
         id: d.rangeId
       }
-    }), a = d.endIndex + 1;
+    }), o = d.endIndex + 1;
   }), i.push({
     type: "text",
-    content: e.slice(a, r)
+    content: e.slice(o, n)
   }), i;
-}, Ht = (t) => {
+}, jt = (t) => {
   const { paragraphs: e = [] } = t;
-  let n = 0;
-  return e.map((r) => {
-    const i = Je(t, n, r.startIndex);
-    return n = r.startIndex + 1, jt(i);
+  let r = 0;
+  return e.map((n) => {
+    const i = Je(t, r, n.startIndex);
+    return r = n.startIndex + 1, Lt(i);
   });
-}, Lt = (t) => {
+}, Ht = (t) => {
   let e = "";
-  const n = [];
-  return t.forEach((r) => {
-    switch (r.type) {
+  const r = [];
+  return t.forEach((n) => {
+    switch (n.type) {
       case "text":
-        e += r.content;
+        e += n.content;
         break;
       case "mention": {
         const i = e.length;
-        e += r.content.label;
-        const a = e.length - 1;
-        n.push({
-          rangeId: r.content.id,
+        e += n.content.label;
+        const o = e.length - 1;
+        r.push({
+          rangeId: n.content.id,
           rangeType: qe.MENTION,
           startIndex: i,
-          endIndex: a,
+          endIndex: o,
           properties: {},
           wholeEntity: !0
         });
@@ -363,21 +363,21 @@ const je = B((t, e) => {
       }
     ],
     dataStream: e,
-    customRanges: n
+    customRanges: r
   };
-}, He = "__mock__", Pt = (t) => {
-  const { item: e, unitId: n, subUnitId: r, editing: i, onEditingChange: a, onReply: d, resolved: f, isRoot: h, onClose: w, onDeleteComment: k, type: P } = t, O = N(ne), x = N(fe), c = N(he), v = c.getUser(e.personId), T = G(c.currentUser$), y = (T == null ? void 0 : T.userID) === e.personId, V = e.id === He, [C, R] = A(!1), u = at(ot), m = u == null ? void 0 : u.avatarFallback, g = () => {
-    (k == null ? void 0 : k(e)) !== !1 && (O.executeCommand(
-      h ? we.id : it.id,
+}, 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(
+      h ? Ne.id : it.id,
       {
-        unitId: n,
-        subUnitId: r,
+        unitId: r,
+        subUnitId: n,
         commentId: e.id
       }
-    ), h && (w == null || w()));
+    ), h && (N == null || N()));
   };
-  return /* @__PURE__ */ b("div", { className: "univer-relative univer-mb-3 univer-pl-[30px]", onMouseLeave: () => R(!1), onMouseEnter: () => R(!0), children: [
-    /* @__PURE__ */ l(
+  return /* @__PURE__ */ x("div", { className: "univer-relative univer-mb-3 univer-pl-[30px]", onMouseLeave: () => R(!1), onMouseEnter: () => R(!0), children: [
+    /* @__PURE__ */ s(
       "div",
       {
         className: "univer-absolute univer-left-0 univer-top-0 univer-h-6 univer-w-6 univer-rounded-full univer-bg-cover univer-bg-center univer-bg-no-repeat",
@@ -386,178 +386,178 @@ const je = B((t, e) => {
         }
       }
     ),
-    v ? /* @__PURE__ */ b("div", { className: "univer-mb-1 univer-flex univer-h-6 univer-items-center univer-justify-between", children: [
-      /* @__PURE__ */ l("div", { className: "univer-text-sm univer-font-medium univer-leading-5", children: (v == null ? void 0 : v.name) || " " }),
-      /* @__PURE__ */ b("div", { children: [
-        V || f ? null : C && v ? /* @__PURE__ */ l(
+    v ? /* @__PURE__ */ x("div", { className: "univer-mb-1 univer-flex univer-h-6 univer-items-center univer-justify-between", children: [
+      /* @__PURE__ */ s("div", { className: "univer-text-sm univer-font-medium univer-leading-5", children: (v == null ? void 0 : v.name) || " " }),
+      /* @__PURE__ */ x("div", { children: [
+        V || f ? null : C && v ? /* @__PURE__ */ s(
           "div",
           {
             className: "univer-ml-1 univer-inline-flex univer-h-6 univer-w-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-sm univer-text-base hover:univer-bg-gray-50",
             onClick: () => d(v),
-            children: /* @__PURE__ */ l($e, {})
+            children: /* @__PURE__ */ s($e, {})
           }
         ) : null,
-        y && !V && !f ? /* @__PURE__ */ l(
-          ct,
+        y && !V && !f ? /* @__PURE__ */ s(
+          ut,
           {
-            overlay: /* @__PURE__ */ l("div", { className: "univer-rounded-lg", children: /* @__PURE__ */ b(
+            overlay: /* @__PURE__ */ s("div", { className: "univer-rounded-lg", children: /* @__PURE__ */ x(
               "ul",
               {
                 className: "univer-m-0 univer-box-border univer-grid univer-list-none univer-p-1.5 univer-text-sm [&_a]:univer-block [&_a]:univer-cursor-pointer [&_a]:univer-rounded [&_a]:univer-px-2 [&_a]:univer-py-1.5 [&_a]:univer-transition-colors",
                 children: [
-                  /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(
+                  /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
                     "a",
                     {
                       className: "hover:univer-bg-gray-200",
-                      onClick: () => a == null ? void 0 : a(!0),
-                      children: x.t("threadCommentUI.item.edit")
+                      onClick: () => o == null ? void 0 : o(!0),
+                      children: b.t("threadCommentUI.item.edit")
                     }
                   ) }),
-                  /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(
+                  /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
                     "a",
                     {
                       className: "hover:univer-bg-gray-200",
-                      onClick: g,
-                      children: x.t("threadCommentUI.item.delete")
+                      onClick: p,
+                      children: b.t("threadCommentUI.item.delete")
                     }
                   ) })
                 ]
               }
             ) }),
-            children: /* @__PURE__ */ l(
+            children: /* @__PURE__ */ s(
               "div",
               {
                 className: "univer-ml-1 univer-inline-flex univer-h-6 univer-w-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-sm univer-text-base hover:univer-bg-gray-50",
-                children: /* @__PURE__ */ l(De, {})
+                children: /* @__PURE__ */ s(De, {})
               }
             )
           }
         ) : null
       ] })
     ] }) : null,
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ s(
       "time",
       {
         className: "univer-mb-1 univer-text-xs/normal univer-text-gray-600 dark:!univer-text-gray-200",
         children: e.dT
       }
     ),
-    i ? /* @__PURE__ */ l(
-      je,
+    i ? /* @__PURE__ */ s(
+      Le,
       {
         type: P,
         id: e.id,
         comment: e,
-        onCancel: () => a == null ? void 0 : a(!1),
+        onCancel: () => o == null ? void 0 : o(!1),
         autoFocus: !0,
-        unitId: n,
-        subUnitId: r,
-        onSave: ({ text: S, attachments: p }) => {
-          a == null || a(!1), O.executeCommand(
-            rt.id,
+        unitId: r,
+        subUnitId: n,
+        onSave: ({ text: w, attachments: g }) => {
+          o == null || o(!1), O.executeCommand(
+            nt.id,
             {
-              unitId: n,
-              subUnitId: r,
+              unitId: r,
+              subUnitId: n,
               payload: {
                 commentId: e.id,
-                text: S,
-                attachments: p
+                text: w,
+                attachments: g
               }
             }
           );
         }
       }
-    ) : /* @__PURE__ */ l(
+    ) : /* @__PURE__ */ s(
       "div",
       {
         className: "univer-text-sm univer-text-gray-900 dark:!univer-text-white",
-        children: Ht(e.text).map((S, p) => /* @__PURE__ */ l("div", { className: "univer-break-words", children: S.map((o, _) => {
-          switch (o.type) {
+        children: jt(e.text).map((w, g) => /* @__PURE__ */ s("div", { className: "univer-break-words", children: w.map((a, _) => {
+          switch (a.type) {
             case "mention":
-              return /* @__PURE__ */ b("a", { className: "univer-text-primary-600", children: [
-                o.content.label,
+              return /* @__PURE__ */ x("a", { className: "univer-text-primary-600", children: [
+                a.content.label,
                 " "
               ] }, _);
             default:
-              return o.content;
+              return a.content;
           }
-        }) }, p))
+        }) }, g))
       }
     )
   ] });
 }, Vt = (t) => {
-  var le, X, s;
+  var se, X, l;
   const {
     id: e,
-    unitId: n,
-    subUnitId: r,
+    unitId: r,
+    subUnitId: n,
     refStr: i,
-    showEdit: a = !0,
+    showEdit: o = !0,
     onClick: d,
     showHighlight: f,
     onClose: h,
-    getSubUnitName: w,
-    prefix: k,
+    getSubUnitName: N,
+    prefix: U,
     autoFocus: P,
     onMouseEnter: O,
-    onMouseLeave: x,
-    onAddComment: c,
+    onMouseLeave: b,
+    onAddComment: u,
     onDeleteComment: v,
     onResolve: T,
     type: y,
     style: V,
     full: C
-  } = t, R = N(Ne), [u, m] = A(!1), [g, S] = A(""), p = ee(() => R.commentUpdate$.pipe(st(16)), [R]);
-  G(p);
-  const o = e ? R.getCommentWithChildren(n, r, e) : null, _ = N(ne), W = N(he), E = o == null ? void 0 : o.root.resolved, D = G(W.currentUser$), H = te(null), J = [
-    ...o ? [o.root] : (
+  } = 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 = [
+    ...a ? [a.root] : (
       // mock empty comment
       [{
-        id: He,
+        id: je,
         text: {
           dataStream: `
 \r`
         },
-        personId: (le = D == null ? void 0 : D.userID) != null ? le : "",
+        personId: (se = D == null ? void 0 : D.userID) != null ? se : "",
         ref: i != null ? i : "",
         dT: "",
-        unitId: n,
-        subUnitId: r,
+        unitId: r,
+        subUnitId: n,
         threadId: ""
       }]
     ),
-    ...(X = o == null ? void 0 : o.children) != null ? X : []
-  ], j = te(null), re = (I) => {
+    ...(X = a == null ? void 0 : a.children) != null ? X : []
+  ], L = te(null), ne = (I) => {
     I.stopPropagation(), E ? _.executeCommand(K.id, {
-      unitId: n,
-      subUnitId: r,
+      unitId: r,
+      subUnitId: n,
       commentId: e
-    }) : _.executeCommand(K.id), _.executeCommand(nt.id, {
-      unitId: n,
-      subUnitId: r,
+    }) : _.executeCommand(K.id), _.executeCommand(rt.id, {
+      unitId: r,
+      subUnitId: n,
       commentId: e,
       resolved: !E
     }), T == null || T(!E);
   }, Q = (I) => {
-    I.stopPropagation(), _.executeCommand(K.id), !(o != null && o.root && (v == null ? void 0 : v(o.root)) === !1) && (_.executeCommand(
-      we.id,
+    I.stopPropagation(), _.executeCommand(K.id), !(a != null && a.root && (v == null ? void 0 : v(a.root)) === !1) && (_.executeCommand(
+      Ne.id,
       {
-        unitId: n,
-        subUnitId: r,
+        unitId: r,
+        subUnitId: n,
         commentId: e
       }
     ), h == null || h());
   };
-  de(() => x == null ? void 0 : x(), []);
-  const ie = w((s = o == null ? void 0 : o.root.subUnitId) != null ? s : r), ae = a && !g && !E, oe = `${i || (o == null ? void 0 : o.root.ref) || ""}${ie ? " · " : ""}${ie}`;
-  return /* @__PURE__ */ b(
+  de(() => b == null ? void 0 : b(), []);
+  const ie = N((l = a == null ? void 0 : a.root.subUnitId) != null ? l : n), oe = o && !p && !E, ae = `${i || (a == null ? void 0 : a.root.ref) || ""}${ie ? " · " : ""}${ie}`;
+  return /* @__PURE__ */ x(
     "div",
     {
-      id: `${k}-${n}-${r}-${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", ut, {
+      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, {
         "univer-w-[278px]": !C,
         "univer-w-full": C,
-        "univer-shadow": !E && (f || u || k === "cell")
+        "univer-shadow": !E && (f || c || U === "cell")
       }),
       style: V,
       onClick: d,
@@ -565,90 +565,82 @@ const je = B((t, e) => {
         O == null || O(), m(!0);
       },
       onMouseLeave: () => {
-        x == null || x(), m(!1);
+        b == null || b(), m(!1);
       },
       children: [
-        !E && f && /* @__PURE__ */ l(
+        !E && f && /* @__PURE__ */ s(
           "div",
           {
             className: "univer-absolute univer-left-0 univer-right-0 univer-top-0 univer-h-1.5 univer-rounded-t-md univer-bg-yellow-400"
           }
         ),
-        /* @__PURE__ */ b(
+        /* @__PURE__ */ x(
           "div",
           {
             className: "univer-mb-4 univer-flex univer-flex-row univer-items-center univer-justify-between univer-text-sm univer-leading-5",
             children: [
-              /* @__PURE__ */ b("div", { className: "univer-flex univer-flex-1 univer-flex-row univer-items-center univer-overflow-hidden", children: [
-                /* @__PURE__ */ l(
+              /* @__PURE__ */ x("div", { className: "univer-flex univer-flex-1 univer-flex-row univer-items-center univer-overflow-hidden", children: [
+                /* @__PURE__ */ s(
                   "div",
                   {
                     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(dt, { showIfEllipsis: !0, title: oe, children: /* @__PURE__ */ l(
+                /* @__PURE__ */ s(dt, { showIfEllipsis: !0, title: ae, children: /* @__PURE__ */ s(
                   "div",
                   {
                     className: "univer-flex-1 univer-truncate",
-                    children: oe
+                    children: ae
                   }
                 ) })
               ] }),
-              !!o && /* @__PURE__ */ b("div", { className: "univer-flex univer-flex-shrink-0 univer-flex-grow-0 univer-flex-row", children: [
-                /* @__PURE__ */ l(
+              !!a && /* @__PURE__ */ x("div", { className: "univer-flex univer-flex-shrink-0 univer-flex-grow-0 univer-flex-row", children: [
+                /* @__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
-                                `,
-                      {
-                        "univer-text-green-500": E
-                      }
-                    ),
-                    onClick: re,
-                    children: E ? /* @__PURE__ */ l(Me, {}) : /* @__PURE__ */ l(Re, {})
+                    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", {
+                      "univer-text-green-500": E
+                    }),
+                    onClick: ne,
+                    children: E ? /* @__PURE__ */ s(Me, {}) : /* @__PURE__ */ s(Re, {})
                   }
                 ),
-                (D == null ? void 0 : D.userID) === o.root.personId ? /* @__PURE__ */ l(
+                (D == null ? void 0 : D.userID) === a.root.personId ? /* @__PURE__ */ s(
                   "div",
                   {
                     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__ */ l(Te, {})
+                    children: /* @__PURE__ */ s(Te, {})
                   }
                 ) : null
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ s(
           "div",
           {
-            ref: j,
+            ref: L,
             className: "univer-max-h-80 univer-overflow-y-auto univer-overflow-x-hidden",
             children: J.map(
-              (I) => /* @__PURE__ */ l(
+              (I) => /* @__PURE__ */ s(
                 Pt,
                 {
-                  unitId: n,
-                  subUnitId: r,
+                  unitId: r,
+                  subUnitId: n,
                   item: I,
-                  isRoot: I.id === (o == null ? void 0 : o.root.id),
-                  editing: g === I.id,
-                  resolved: o == null ? void 0 : o.root.resolved,
+                  isRoot: I.id === (a == null ? void 0 : a.root.id),
+                  editing: p === I.id,
+                  resolved: a == null ? void 0 : a.root.resolved,
                   type: y,
                   onClose: h,
                   onEditingChange: ($) => {
-                    S($ ? I.id : "");
+                    w($ ? I.id : "");
                   },
                   onReply: ($) => {
                     $ && requestAnimationFrame(() => {
-                      var L;
-                      (L = H.current) == null || L.reply(Lt([
+                      var H;
+                      (H = j.current) == null || H.reply(Ht([
                         {
                           type: "mention",
                           content: {
@@ -663,7 +655,7 @@ const je = B((t, e) => {
                       ]));
                     });
                   },
-                  onAddComment: c,
+                  onAddComment: u,
                   onDeleteComment: v
                 },
                 I.id
@@ -671,38 +663,38 @@ const je = B((t, e) => {
             )
           }
         ),
-        ae && /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(
-          je,
+        oe && /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
+          Le,
           {
-            ref: H,
+            ref: j,
             type: y,
-            unitId: n,
-            subUnitId: r,
+            unitId: r,
+            subUnitId: n,
             onSave: async ({ text: I, attachments: $ }) => {
-              const L = {
+              const H = {
                 text: I,
                 attachments: $,
                 dT: et(),
                 id: Qe(),
                 ref: i,
                 personId: D == null ? void 0 : D.userID,
-                parentId: o == null ? void 0 : o.root.id,
-                unitId: n,
-                subUnitId: r,
-                threadId: o == null ? void 0 : o.root.threadId
+                parentId: a == null ? void 0 : a.root.id,
+                unitId: r,
+                subUnitId: n,
+                threadId: a == null ? void 0 : a.root.threadId
               };
-              (c == null ? void 0 : c(L)) !== !1 && (await _.executeCommand(
+              (u == null ? void 0 : u(H)) !== !1 && (await _.executeCommand(
                 tt.id,
                 {
-                  unitId: n,
-                  subUnitId: r,
-                  comment: L
+                  unitId: r,
+                  subUnitId: n,
+                  comment: H
                 }
-              ), j.current && (j.current.scrollTop = j.current.scrollHeight));
+              ), L.current && (L.current.scrollTop = L.current.scrollHeight));
             },
-            autoFocus: P || !o,
+            autoFocus: P || !a,
             onCancel: () => {
-              o || h == null || h();
+              a || h == null || h();
             }
           },
           `${P}`
@@ -713,88 +705,88 @@ const je = B((t, e) => {
 }, qt = (t) => {
   const {
     unitId: e,
-    subUnitId$: n,
-    type: r,
+    subUnitId$: r,
+    type: n,
     onAdd: i,
-    getSubUnitName: a,
+    getSubUnitName: o,
     onResolve: d,
     sortComments: f,
     onItemLeave: h,
-    onItemEnter: w,
-    disableAdd: k,
+    onItemEnter: N,
+    disableAdd: U,
     tempComment: P,
     onAddComment: O,
-    onDeleteComment: x,
-    showComments: c
-  } = t, [v, T] = A("all"), [y, V] = A("all"), C = N(fe), R = N(he), u = N(Ne), [m, g] = A(() => u.getUnit(e)), S = N(q), p = G(S.activeCommentId$), o = G(u.commentUpdate$), _ = N(ne), W = G(n), E = te(!0), D = "panel", H = G(R.currentUser$), J = ee(() => {
-    var L;
-    const s = v === "all" ? m : (L = m.filter((U) => U.subUnitId === W)) != null ? L : [], I = f != null ? f : (U) => U, $ = s.map((U) => {
-      var F;
-      return { ...U.root, children: (F = U.children) != null ? F : [], users: U.relativeUsers };
+    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(() => {
+    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;
+      return { ...k.root, children: (Z = k.children) != null ? Z : [], users: k.relativeUsers };
     });
-    if (c) {
-      const U = /* @__PURE__ */ new Map();
-      return $.forEach((F) => {
-        U.set(F.id, F);
-      }), [...c, ""].map((F) => U.get(F)).filter(Boolean);
+    if (u) {
+      const k = /* @__PURE__ */ new Map();
+      return $.forEach((Z) => {
+        k.set(Z.id, Z);
+      }), [...u, ""].map((Z) => k.get(Z)).filter(Boolean);
     } else
       return I($);
-  }, [c, v, m, f, W]), j = ee(() => [
-    ...J.filter((s) => !s.resolved),
-    ...J.filter((s) => s.resolved)
-  ], [J]), re = ee(() => y === "resolved" ? j.filter((s) => s.resolved) : y === "unsolved" ? j.filter((s) => !s.resolved) : y === "concern_me" && H != null && H.userID ? j.filter((s) => s == null ? void 0 : s.users.has(H.userID)) : j, [j, H == null ? void 0 : H.userID, y]), Q = P ? [P, ...re] : re, ie = Q.filter((s) => !s.resolved), ae = Q.filter((s) => s.resolved), oe = y !== "all" || v !== "all", le = () => {
+  }, [u, v, m, f, W]), L = ee(() => [
+    ...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");
   };
   de(() => {
-    e && g(
-      u.getUnit(e)
+    e && p(
+      c.getUnit(e)
     );
-  }, [e, u, o]), de(() => {
-    var U;
-    if (!p)
+  }, [e, c, a]), de(() => {
+    var k;
+    if (!g)
       return;
     if (!E.current) {
       E.current = !0;
       return;
     }
-    const { unitId: s, subUnitId: I, commentId: $ } = p, L = `${D}-${s}-${I}-${$}`;
-    (U = document.getElementById(L)) == null || U.scrollIntoView({ block: "center" });
-  }, [p]);
-  const X = (s) => /* @__PURE__ */ l(
+    const { unitId: l, subUnitId: I, commentId: $ } = g, H = `${D}-${l}-${I}-${$}`;
+    (k = document.getElementById(H)) == null || k.scrollIntoView({ block: "center" });
+  }, [g]);
+  const X = (l) => /* @__PURE__ */ s(
     Vt,
     {
       full: !0,
       prefix: D,
-      getSubUnitName: a,
-      id: s.id,
-      unitId: s.unitId,
-      subUnitId: s.subUnitId,
-      refStr: s.ref,
-      type: r,
-      showEdit: (p == null ? void 0 : p.commentId) === s.id,
-      showHighlight: (p == null ? void 0 : p.commentId) === s.id,
+      getSubUnitName: o,
+      id: l.id,
+      unitId: l.unitId,
+      subUnitId: l.subUnitId,
+      refStr: l.ref,
+      type: n,
+      showEdit: (g == null ? void 0 : g.commentId) === l.id,
+      showHighlight: (g == null ? void 0 : g.commentId) === l.id,
       onClick: () => {
-        E.current = !1, s.resolved ? _.executeCommand(K.id) : _.executeCommand(
+        E.current = !1, l.resolved ? _.executeCommand(K.id) : _.executeCommand(
           K.id,
           {
-            unitId: s.unitId,
-            subUnitId: s.subUnitId,
-            commentId: s.id,
+            unitId: l.unitId,
+            subUnitId: l.subUnitId,
+            commentId: l.id,
             temp: !1
           }
         );
       },
-      onMouseEnter: () => w == null ? void 0 : w(s),
-      onMouseLeave: () => h == null ? void 0 : h(s),
+      onMouseEnter: () => N == null ? void 0 : N(l),
+      onMouseLeave: () => h == null ? void 0 : h(l),
       onAddComment: O,
-      onDeleteComment: x,
-      onResolve: (I) => d == null ? void 0 : d(s.id, I)
+      onDeleteComment: b,
+      onResolve: (I) => d == null ? void 0 : d(l.id, I)
     },
-    s.id
+    l.id
   );
-  return /* @__PURE__ */ b("div", { className: "univer-flex univer-min-h-full univer-flex-col univer-pb-3", children: [
-    /* @__PURE__ */ b("div", { className: "univer-mt-3 univer-flex univer-flex-row univer-justify-between", children: [
-      r === ce.UNIVER_SHEET ? /* @__PURE__ */ l(
+  return /* @__PURE__ */ x("div", { className: "univer-flex univer-min-h-full univer-flex-col univer-pb-3", children: [
+    /* @__PURE__ */ x("div", { className: "univer-mt-3 univer-flex univer-flex-row univer-justify-between", children: [
+      n === ue.UNIVER_SHEET ? /* @__PURE__ */ s(
         Ie,
         {
           borderless: !0,
@@ -812,7 +804,7 @@ const je = B((t, e) => {
           onChange: T
         }
       ) : null,
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ s(
         Ie,
         {
           borderless: !0,
@@ -839,22 +831,22 @@ const je = B((t, e) => {
         }
       )
     ] }),
-    Q.length === 0 ? /* @__PURE__ */ b(
+    Q.length === 0 ? /* @__PURE__ */ x(
       "div",
       {
         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(se, { onClick: le, children: C.t("threadCommentUI.panel.reset") }) }) : k ? null : /* @__PURE__ */ l("div", { className: "univer-mt-2 univer-flex univer-flex-row", children: /* @__PURE__ */ b(se, { onClick: i, children: [
-            /* @__PURE__ */ l(Ee, { className: "univer-mr-1.5" }),
+          ae ? /* @__PURE__ */ s("div", { className: "univer-mt-2 univer-flex univer-flex-row", children: /* @__PURE__ */ s(le, { onClick: se, children: C.t("threadCommentUI.panel.reset") }) }) : U ? null : /* @__PURE__ */ s("div", { className: "univer-mt-2 univer-flex univer-flex-row", children: /* @__PURE__ */ x(le, { onClick: i, children: [
+            /* @__PURE__ */ s(Ee, { className: "univer-mr-1.5" }),
             C.t("threadCommentUI.panel.add")
           ] }) })
         ]
       }
-    ) : /* @__PURE__ */ b("div", { className: "univer-mt-3 univer-flex univer-flex-col univer-gap-3", children: [
+    ) : /* @__PURE__ */ x("div", { className: "univer-mt-3 univer-flex univer-flex-col univer-gap-3", children: [
       ie.map(X),
-      ae.length > 0 && /* @__PURE__ */ l("div", { className: "univer-text-xs", children: C.t("threadCommentUI.panel.solved") }),
-      ae.map(X)
+      oe.length > 0 && /* @__PURE__ */ s("div", { className: "univer-text-xs", children: C.t("threadCommentUI.panel.solved") }),
+      oe.map(X)
     ] })
   ] });
 };
@@ -864,6 +856,6 @@ export {
   qt as ThreadCommentPanel,
   q as ThreadCommentPanelService,
   Vt as ThreadCommentTree,
-  bt as ToggleSheetCommentPanelOperation,
-  ue as UniverThreadCommentUIPlugin
+  xt as ToggleSheetCommentPanelOperation,
+  ce as UniverThreadCommentUIPlugin
 };