@univerjs/thread-comment-ui 0.1.12 → 0.1.13-nightly.202406041140

package/lib/es/index.js

@@ -1,31 +1,31 @@
-var Ue = Object.defineProperty;
-var Oe = (t, e, n) => e in t ? Ue(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var _ = (t, e, n) => (Oe(t, typeof e != "symbol" ? e + "" : e, n), n);
-import { UniverThreadCommentPlugin as Pe, ThreadCommentModel as ce, AddCommentCommand as He, UpdateCommentCommand as we, ResolveCommentCommand as De, DeleteCommentTreeCommand as ue, DeleteCommentCommand as Re } from "@univerjs/thread-comment";
-import { Disposable as he, UniverInstanceType as ve, IUniverInstanceService as ke, CommandType as Ce, OnLifecycle as Le, LifecycleStages as je, LocaleService as J, mergeOverrideWithDependencies as Ae, ICommandService as Q, CustomRangeType as Ve, UserManagerService as ee, Tools as Be } from "@univerjs/core";
-import { Inject as te, createIdentifier as ze, Injector as We } from "@wendellhu/redi";
-import { ISidebarService as fe, useObservable as j } from "@univerjs/ui";
-import { BehaviorSubject as re, filter as Fe } from "rxjs";
-import a, { forwardRef as H, useRef as X, createElement as k, useState as P, useImperativeHandle as Ze, useMemo as oe, useEffect as ae } from "react";
-import { useDependency as S } from "@wendellhu/redi/react-bindings";
-import { Mentions as Ye, Mention as Ke, Button as G, Dropdown as Ge, Menu as qe, MenuItem as ie, Select as le } from "@univerjs/design";
-import Je from "dayjs";
-import Qe from "clsx";
-const Xe = "thread-comment-panel", et = "thread-comment-ui-plugin";
-var tt = Object.defineProperty, nt = Object.getOwnPropertyDescriptor, rt = (t, e, n, r) => {
-  for (var o = r > 1 ? void 0 : r ? nt(e, n) : e, i = t.length - 1, s; i >= 0; i--)
-    (s = t[i]) && (o = (r ? s(e, n, o) : s(o)) || o);
-  return r && o && tt(e, n, o), o;
+var ke = Object.defineProperty;
+var He = (t, e, n) => e in t ? ke(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var H = (t, e, n) => (He(t, typeof e != "symbol" ? e + "" : e, n), n);
+import { UniverThreadCommentPlugin as $e, ThreadCommentModel as de, AddCommentCommand as Oe, UpdateCommentCommand as Pe, ResolveCommentCommand as we, DeleteCommentTreeCommand as ce, DeleteCommentCommand as Re } from "@univerjs/thread-comment";
+import { Disposable as ue, UniverInstanceType as he, IUniverInstanceService as De, CommandType as Ce, OnLifecycle as Le, LifecycleStages as Ae, LocaleService as J, Plugin as Ve, mergeOverrideWithDependencies as je, DependentOn as Be, ICommandService as Q, CustomRangeType as We, UserManagerService as ee, Tools as Fe } from "@univerjs/core";
+import { Inject as te, createIdentifier as ze, Injector as Ze } from "@wendellhu/redi";
+import { ISidebarService as ve, useObservable as A } from "@univerjs/ui";
+import { BehaviorSubject as re, filter as Ye } from "rxjs";
+import o, { forwardRef as O, useRef as X, createElement as D, useState as $, useImperativeHandle as Ge, useMemo as ae, useEffect as oe } from "react";
+import { useDependency as E } from "@wendellhu/redi/react-bindings";
+import { Mentions as Ke, Mention as qe, Button as G, Dropdown as Je, Menu as Qe, MenuItem as ie, Select as le } from "@univerjs/design";
+import Xe from "dayjs";
+import et from "clsx";
+const tt = "thread-comment-panel", nt = "THREAD_COMMENT_UI_PLUGIN";
+var rt = (t, e, n, r) => {
+  for (var a = e, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (a = s(a) || a);
+  return a;
 }, se = (t, e) => (n, r) => e(n, r, t);
-let A = class extends he {
+let V = class extends ue {
   constructor(e, n) {
     super();
-    _(this, "_panelVisible", !1);
-    _(this, "_panelVisible$", new re(!1));
-    _(this, "_activeCommentId");
-    _(this, "_activeCommentId$", new re(void 0));
-    _(this, "panelVisible$", this._panelVisible$.asObservable());
-    _(this, "activeCommentId$", this._activeCommentId$.asObservable());
+    H(this, "_panelVisible", !1);
+    H(this, "_panelVisible$", new re(!1));
+    H(this, "_activeCommentId");
+    H(this, "_activeCommentId$", new re(void 0));
+    H(this, "panelVisible$", this._panelVisible$.asObservable());
+    H(this, "activeCommentId$", this._activeCommentId$.asObservable());
     this._sidebarService = e, this._univerInstanceService = n, this._init();
   }
   _init() {
@@ -34,7 +34,7 @@ let A = class extends he {
         e.visible || this.setPanelVisible(!1);
       })
     ), this.disposeWithMe(
-      this._univerInstanceService.getCurrentTypeOfUnit$(ve.UNIVER_SHEET).pipe(Fe((e) => !e)).subscribe(() => {
+      this._univerInstanceService.getCurrentTypeOfUnit$(he.UNIVER_SHEET).pipe(Ye((e) => !e)).subscribe(() => {
         this._sidebarService.close();
       })
     );
@@ -52,18 +52,18 @@ let A = class extends he {
     this._activeCommentId = e, this._activeCommentId$.next(e);
   }
 };
-A = rt([
-  se(0, te(fe)),
-  se(1, ke)
-], A);
-const ot = {
+V = rt([
+  se(0, te(ve)),
+  se(1, De)
+], V);
+const at = {
   id: "thread-comment-ui.operation.toggle-panel",
   type: Ce.OPERATION,
   handler(t) {
-    const e = t.get(fe), n = t.get(A);
+    const e = t.get(ve), n = t.get(V);
     return n.panelVisible ? (e.close(), n.setPanelVisible(!1)) : (e.open({
       header: { title: "threadCommentUI.panel.title" },
-      children: { label: Xe },
+      children: { label: tt },
       width: 320
     }), n.setPanelVisible(!0)), !0;
   }
@@ -71,224 +71,182 @@ const ot = {
   id: "thread-comment-ui.operation.set-active-comment",
   type: Ce.OPERATION,
   handler(t, e) {
-    return t.get(A).setActiveComment(e), !0;
-  }
-}, at = {
-  threadCommentUI: {
-    panel: {
-      title: "评论管理",
-      empty: "暂无评论",
-      filterEmpty: "没有匹配的结果",
-      reset: "重置",
-      addComment: "新建评论"
-    },
-    editor: {
-      placeholder: "回复",
-      reply: "回复",
-      cancel: "取消",
-      save: "保存"
-    },
-    item: {
-      edit: "编辑",
-      delete: "删除"
-    },
-    filter: {
-      sheet: {
-        all: "所有表格",
-        current: "当前表格"
-      },
-      status: {
-        all: "所有评论",
-        resolved: "已解决",
-        unsolved: "未解决",
-        concernMe: "与我有关"
-      }
-    }
+    return t.get(V).setActiveComment(e), !0;
   }
 };
-var it = Object.defineProperty, lt = Object.getOwnPropertyDescriptor, st = (t, e, n, r) => {
-  for (var o = r > 1 ? void 0 : r ? lt(e, n) : e, i = t.length - 1, s; i >= 0; i--)
-    (s = t[i]) && (o = (r ? s(e, n, o) : s(o)) || o);
-  return r && o && it(e, n, o), o;
-}, mt = (t, e) => (n, r) => e(n, r, t);
-let K = class extends he {
+var ot = (t, e, n, r) => {
+  for (var a = e, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (a = s(a) || a);
+  return a;
+}, it = (t, e) => (n, r) => e(n, r, t);
+let Y = class extends ue {
   constructor(t) {
-    super(), this._localeService = t, this._initLocales();
-  }
-  _initLocales() {
-    this._localeService.load({ zhCN: at });
+    super(), this._localeService = t;
   }
 };
-K = st([
-  Le(je.Starting, K),
-  mt(0, te(J))
-], K);
-class dt {
+Y = ot([
+  Le(Ae.Starting, Y),
+  it(0, te(J))
+], Y);
+class lt {
   constructor() {
-    _(this, "trigger", "@");
+    H(this, "trigger", "@");
   }
   async getMentions(e) {
     return [];
   }
 }
-const pe = ze("thread-comment.mention-data.service");
-var ct = Object.defineProperty, ut = Object.getOwnPropertyDescriptor, ht = (t, e, n, r) => {
-  for (var o = r > 1 ? void 0 : r ? ut(e, n) : e, i = t.length - 1, s; i >= 0; i--)
-    (s = t[i]) && (o = (r ? s(e, n, o) : s(o)) || o);
-  return r && o && ct(e, n, o), o;
-}, me = (t, e) => (n, r) => e(n, r, t), Y;
-let de = (Y = class extends Pe {
-  constructor(e, n, r) {
-    super(
-      e,
-      n,
-      r
-    );
-    _(this, "_config1");
-    this._injector = n, this._commandService = r, this._config1 = e;
+const fe = ze("thread-comment.mention-data.service");
+var st = Object.defineProperty, mt = (t, e, n) => e in t ? st(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, dt = (t, e, n, r) => {
+  for (var a = e, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (a = s(a) || a);
+  return a;
+}, me = (t, e) => (n, r) => e(n, r, t), pe = (t, e, n) => (mt(t, typeof e != "symbol" ? e + "" : e, n), n);
+let K = class extends Ve {
+  constructor(t, e, n) {
+    super(), this._config = t, this._injector = e, this._commandService = n;
   }
-  onStarting(e) {
-    super.onStarting(e), Ae([
-      [K],
-      [A],
-      [pe, { useClass: dt }]
-    ], this._config1.overrides).forEach((n) => {
-      e.add(n);
-    }), [ot, ge].forEach((n) => {
+  onStarting(t) {
+    var e;
+    je([
+      [Y],
+      [V],
+      [fe, { useClass: lt }]
+    ], (e = this._config) == null ? void 0 : e.overrides).forEach((n) => {
+      t.add(n);
+    }), [at, ge].forEach((n) => {
       this._commandService.registerCommand(n);
     });
   }
-}, _(Y, "pluginName", et), _(Y, "type", ve.UNIVER_UNKNOWN), Y);
-de = ht([
-  me(1, te(We)),
+};
+pe(K, "pluginName", nt);
+pe(K, "type", he.UNIVER_UNKNOWN);
+K = dt([
+  Be($e),
+  me(1, te(Ze)),
   me(2, Q)
-], de);
+], K);
 var x = function() {
   return x = Object.assign || function(t) {
     for (var e, n = 1, r = arguments.length; n < r; n++) {
       e = arguments[n];
-      for (var o in e)
-        Object.prototype.hasOwnProperty.call(e, o) && (t[o] = e[o]);
+      for (var a in e)
+        Object.prototype.hasOwnProperty.call(e, a) && (t[a] = e[a]);
     }
     return t;
   }, x.apply(this, arguments);
-}, vt = function(t, e) {
+}, ct = function(t, e) {
   var n = {};
   for (var r in t)
     Object.prototype.hasOwnProperty.call(t, r) && e.indexOf(r) < 0 && (n[r] = t[r]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var o = 0, r = Object.getOwnPropertySymbols(t); o < r.length; o++)
-      e.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[o]) && (n[r[o]] = t[r[o]]);
+    for (var a = 0, r = Object.getOwnPropertySymbols(t); a < r.length; a++)
+      e.indexOf(r[a]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[a]) && (n[r[a]] = t[r[a]]);
   return n;
-}, L = H(function(t, e) {
-  var n = t.icon, r = t.id, o = t.className, i = t.extend, s = vt(t, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(r, " ").concat(o || "").trim(), d = X("_".concat(gt()));
+}, L = O(function(t, e) {
+  var n = t.icon, r = t.id, a = t.className, i = t.extend, s = ct(t, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(r, " ").concat(a || "").trim(), d = X("_".concat(Ct()));
   return Ie(n, "".concat(r), { defIds: n.defIds, idSuffix: d.current }, x({ ref: e, className: c }, s), i);
 });
-function Ie(t, e, n, r, o) {
-  return k(t.tag, x(x({ key: e }, Ct(t, n, o)), r), (ft(t, n).children || []).map(function(i, s) {
-    return Ie(i, "".concat(e, "-").concat(t.tag, "-").concat(s), n, void 0, o);
+function Ie(t, e, n, r, a) {
+  return D(t.tag, x(x({ key: e }, ut(t, n, a)), r), (ht(t, n).children || []).map(function(i, s) {
+    return Ie(i, "".concat(e, "-").concat(t.tag, "-").concat(s), n, void 0, a);
   }));
 }
-function Ct(t, e, n) {
+function ut(t, e, n) {
   var r = x({}, t.attrs);
   n != null && n.colorChannel1 && r.fill === "colorChannel1" && (r.fill = n.colorChannel1);
-  var o = e.defIds;
-  return !o || o.length === 0 || (t.tag === "use" && r["xlink:href"] && (r["xlink:href"] = r["xlink:href"] + e.idSuffix), Object.entries(r).forEach(function(i) {
+  var a = e.defIds;
+  return !a || a.length === 0 || (t.tag === "use" && r["xlink:href"] && (r["xlink:href"] = r["xlink:href"] + e.idSuffix), Object.entries(r).forEach(function(i) {
     var s = i[0], c = i[1];
     typeof c == "string" && (r[s] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), r;
 }
-function ft(t, e) {
+function ht(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) ? x(x({}, t), { children: t.children.map(function(o) {
-    return typeof o.attrs.id == "string" && r && r.indexOf(o.attrs.id) > -1 ? x(x({}, o), { attrs: x(x({}, o.attrs), { id: o.attrs.id + e.idSuffix }) }) : o;
+  return !r || r.length === 0 ? t : t.tag === "defs" && (!((n = t.children) === null || n === void 0) && n.length) ? x(x({}, t), { children: t.children.map(function(a) {
+    return typeof a.attrs.id == "string" && r && r.indexOf(a.attrs.id) > -1 ? x(x({}, a), { attrs: x(x({}, a.attrs), { id: a.attrs.id + e.idSuffix }) }) : a;
   }) }) : t;
 }
-function gt() {
+function Ct() {
   return Math.random().toString(36).substring(2, 8);
 }
 L.displayName = "UniverIcon";
-var pt = { 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" } }] }, ye = H(function(t, e) {
-  return k(L, Object.assign({}, t, {
+var vt = { 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" } }] }, ye = O(function(t, e) {
+  return D(L, Object.assign({}, t, {
     id: "delete-single",
     ref: e,
-    icon: pt
+    icon: vt
   }));
 });
 ye.displayName = "DeleteSingle";
-const It = ye;
-var yt = { 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" } }] }, Se = H(function(t, e) {
-  return k(L, Object.assign({}, t, {
+var gt = { 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 = O(function(t, e) {
+  return D(L, Object.assign({}, t, {
     id: "increase-single",
     ref: e,
-    icon: yt
+    icon: gt
   }));
 });
-Se.displayName = "IncreaseSingle";
-const St = Se;
-var bt = { 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" } }] }, be = H(function(t, e) {
-  return k(L, Object.assign({}, t, {
+Ee.displayName = "IncreaseSingle";
+var ft = { 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" } }] }, be = O(function(t, e) {
+  return D(L, Object.assign({}, t, {
     id: "more-horizontal-single",
     ref: e,
-    icon: bt
+    icon: ft
   }));
 });
 be.displayName = "MoreHorizontalSingle";
-const Et = be;
-var xt = { 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 } }] }, Ee = H(function(t, e) {
-  return k(L, Object.assign({}, t, {
+var pt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { stroke: "currentColor", d: "M7.48389 10.3267V12.1905C7.48389 12.7428 7.9316 13.1905 8.48389 13.1905H11.2216L12.2955 14.2644L13.3695 13.1905H14.1593C14.7116 13.1905 15.1593 12.7428 15.1593 12.1905V8.46289C15.1593 7.91061 14.7116 7.46289 14.1593 7.46289H12.2955", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.2 } }, { tag: "path", attrs: { stroke: "currentColor", d: "M0.840332 3.73535C0.840332 2.63078 1.73576 1.73535 2.84033 1.73535H10.2955C11.4001 1.73535 12.2955 2.63078 12.2955 3.73535V8.32676C12.2955 9.43132 11.4001 10.3268 10.2955 10.3268H5.6014L4.1695 11.7587L3.05978 10.3268H2.84033C1.73576 10.3268 0.840332 9.43133 0.840332 8.32676V3.73535Z", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.2 } }, { tag: "path", attrs: { stroke: "currentColor", d: "M6.41016 6.1311H6.76813M8.91626 6.1311H9.27424M3.90454 6.1311H4.26252", strokeLinecap: "round", strokeWidth: 1.2 } }] }, Se = O(function(t, e) {
+  return D(L, Object.assign({}, t, {
     id: "reply-to-comment-single",
     ref: e,
-    icon: xt
+    icon: pt
   }));
 });
-Ee.displayName = "ReplyToCommentSingle";
-const _t = Ee;
-var Nt = { 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" } }] }, xe = H(function(t, e) {
-  return k(L, Object.assign({}, t, {
+Se.displayName = "ReplyToCommentSingle";
+var It = { 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" } }] }, xe = O(function(t, e) {
+  return D(L, Object.assign({}, t, {
     id: "resolved-single",
     ref: e,
-    icon: Nt
+    icon: It
   }));
 });
 xe.displayName = "ResolvedSingle";
-const Tt = xe;
-var Mt = { 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 } }] }, _e = H(function(t, e) {
-  return k(L, Object.assign({}, t, {
+var yt = { 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 } }] }, _e = O(function(t, e) {
+  return D(L, Object.assign({}, t, {
     id: "solve-single",
     ref: e,
-    icon: Mt
+    icon: yt
   }));
 });
 _e.displayName = "SolveSingle";
-const $t = _e, Ut = "univer-thread-comment-editor-buttons", Ot = "univer-thread-comment-editor-suggestion", Pt = "univer-thread-comment-editor-suggestionActive", Ht = "univer-thread-comment-editor-suggestion-icon", q = {
-  threadCommentEditorButtons: Ut,
-  threadCommentEditorSuggestion: Ot,
-  threadCommentEditorSuggestionActive: Pt,
-  threadCommentEditorSuggestionIcon: Ht
-}, wt = (t) => {
+const Et = "univer-thread-comment-editor-buttons", bt = "univer-thread-comment-editor-suggestion", St = "univer-thread-comment-editor-suggestionActive", xt = "univer-thread-comment-editor-suggestion-icon", q = {
+  threadCommentEditorButtons: Et,
+  threadCommentEditorSuggestion: bt,
+  threadCommentEditorSuggestionActive: St,
+  threadCommentEditorSuggestionIcon: xt
+}, _t = (t) => {
   const e = /@\[(.*?)\]\((.*?)\)|(\w+)/g;
   let n, r = 0;
-  const o = [];
+  const a = [];
   for (; (n = e.exec(t)) !== null; )
-    n.index > r && o.push({
+    n.index > r && a.push({
       type: "text",
       content: t.substring(r, n.index)
-    }), n[1] && n[2] ? o.push({
+    }), n[1] && n[2] ? a.push({
       type: "mention",
       content: {
         label: n[1],
         id: n[2]
       }
-    }) : n[3] && o.push({
+    }) : n[3] && a.push({
       type: "text",
       content: n[3]
     }), r = e.lastIndex;
-  return r < t.length && o.push({
+  return r < t.length && a.push({
     type: "text",
     content: t.substring(r)
-  }), o;
-}, Dt = (t) => t.map((e) => {
+  }), a;
+}, Nt = (t) => t.map((e) => {
   switch (e.type) {
     case "mention":
       return `@[${e.content.label}](${e.content.id})`;
@@ -296,23 +254,23 @@ const $t = _e, Ut = "univer-thread-comment-editor-buttons", Ot = "univer-thread-
       return e.content;
   }
 }).join(""), Ne = (t) => {
-  const { dataStream: e, customRanges: n } = t, r = e.length - 2, o = [];
+  const { dataStream: e, customRanges: n } = t, r = e.length - 2, a = [];
   let i = 0;
   return n == null || n.forEach((s) => {
-    i < s.startIndex && o.push({
+    i < s.startIndex && a.push({
       type: "text",
       content: e.slice(i, s.startIndex)
-    }), o.push({
+    }), a.push({
       type: "mention",
       content: {
         label: e.slice(s.startIndex, s.endIndex).slice(1, -1),
         id: s.rangeId
       }
     }), i = s.endIndex;
-  }), o.push({
+  }), a.push({
     type: "text",
     content: e.slice(i, r)
-  }), o;
+  }), a;
 }, Te = (t) => {
   let e = "";
   const n = [];
@@ -322,13 +280,13 @@ const $t = _e, Ut = "univer-thread-comment-editor-buttons", Ot = "univer-thread-
         e += r.content;
         break;
       case "mention": {
-        const o = e.length;
+        const a = e.length;
         e += `${r.content.label}`;
         const i = e.length;
         n.push({
           rangeId: r.content.id,
-          rangeType: Ve.MENTION,
-          startIndex: o,
+          rangeType: We.MENTION,
+          startIndex: a,
           endIndex: i
         });
         break;
@@ -351,185 +309,185 @@ const $t = _e, Ut = "univer-thread-comment-editor-buttons", Ot = "univer-thread-
     dataStream: e,
     customRanges: n
   };
-}, Rt = (t) => ({
+}, Tt = (t) => ({
   display: t.label,
   id: `${t.id}`,
   raw: t
-}), kt = (t, e, n, r, o) => {
+}), Mt = (t, e, n, r, a) => {
   var s, c;
   const i = (s = t.raw) == null ? void 0 : s.icon;
-  return /* @__PURE__ */ a.createElement("div", { className: q.threadCommentEditorSuggestion }, i ? /* @__PURE__ */ a.createElement("img", { className: q.threadCommentEditorSuggestionIcon, src: i }) : null, /* @__PURE__ */ a.createElement("div", null, (c = t.display) != null ? c : t.id));
-}, Me = H((t, e) => {
+  return /* @__PURE__ */ o.createElement("div", { className: q.threadCommentEditorSuggestion }, i ? /* @__PURE__ */ o.createElement("img", { className: q.threadCommentEditorSuggestionIcon, src: i }) : null, /* @__PURE__ */ o.createElement("div", null, (c = t.display) != null ? c : t.id));
+}, Me = O((t, e) => {
   var u;
-  const { comment: n, onSave: r, id: o, onCancel: i, autoFocus: s } = t, c = S(pe), d = S(J), [f, g] = P({ ...n }), [N, p] = P(!1), I = X(null);
-  return Ze(e, () => ({
+  const { comment: n, onSave: r, id: a, onCancel: i, autoFocus: s } = t, c = E(fe), d = E(J), [g, f] = $({ ...n }), [_, p] = $(!1), I = X(null);
+  return Ge(e, () => ({
     reply(y) {
       var h;
-      g({
+      f({
         ...n,
         text: y,
         attachments: []
       }), (h = I.current) == null || h.inputElement.focus();
     }
-  })), /* @__PURE__ */ a.createElement("div", { className: q.threadCommentEditor, onClick: (y) => y.preventDefault() }, /* @__PURE__ */ a.createElement(
-    Ye,
+  })), /* @__PURE__ */ o.createElement("div", { className: q.threadCommentEditor, onClick: (y) => y.preventDefault() }, /* @__PURE__ */ o.createElement(
+    Ke,
     {
       ref: I,
       autoFocus: s,
       style: { width: "100%" },
       placeholder: d.t("threadCommentUI.editor.placeholder"),
-      value: f != null && f.text ? Dt(Ne(f.text)) : "",
+      value: g != null && g.text ? Nt(Ne(g.text)) : "",
       onChange: (y) => {
-        y.target.value || g({ ...n, text: void 0 }), g == null || g({ ...n, text: Te(wt(y.target.value)) });
+        y.target.value || f({ ...n, text: void 0 }), f == null || f({ ...n, text: Te(_t(y.target.value)) });
       },
       onFocus: () => {
         p(!0);
       }
     },
-    /* @__PURE__ */ a.createElement(
-      Ke,
+    /* @__PURE__ */ o.createElement(
+      qe,
       {
         key: c.trigger,
         trigger: c.trigger,
-        data: (y, h) => c.getMentions(y).then((T) => T.map(Rt)).then(h),
+        data: (y, h) => c.getMentions(y).then((N) => N.map(Tt)).then(h),
         displayTransform: (y, h) => `@${h} `,
-        renderSuggestion: (u = c.renderSuggestion) != null ? u : kt
+        renderSuggestion: (u = c.renderSuggestion) != null ? u : Mt
       }
     )
-  ), N ? /* @__PURE__ */ a.createElement("div", { className: q.threadCommentEditorButtons }, /* @__PURE__ */ a.createElement(
+  ), _ ? /* @__PURE__ */ o.createElement("div", { className: q.threadCommentEditorButtons }, /* @__PURE__ */ o.createElement(
     G,
     {
       style: { marginRight: 12 },
       onClick: () => {
-        i == null || i(), p(!1), g({ text: void 0 });
+        i == null || i(), p(!1), f({ text: void 0 });
       }
     },
     d.t("threadCommentUI.editor.cancel")
-  ), /* @__PURE__ */ a.createElement(
+  ), /* @__PURE__ */ o.createElement(
     G,
     {
       type: "primary",
-      disabled: !f.text,
+      disabled: !g.text,
       onClick: () => {
-        f.text && (r == null || r({
-          ...f,
-          text: f.text
-        }), p(!1), g({ text: void 0 }));
+        g.text && (r == null || r({
+          ...g,
+          text: g.text
+        }), p(!1), f({ text: void 0 }));
       }
     },
-    d.t(o ? "threadCommentUI.editor.save" : "threadCommentUI.editor.reply")
+    d.t(a ? "threadCommentUI.editor.save" : "threadCommentUI.editor.reply")
   )) : null);
-}), Lt = "univer-thread-comment", jt = "univer-thread-comment-active", At = "univer-thread-comment-content", Vt = "univer-thread-comment-highlight", Bt = "univer-thread-comment-icon-container", zt = "univer-thread-comment-icon", Wt = "univer-thread-comment-title", Ft = "univer-thread-comment-title-position", Zt = "univer-thread-comment-title-highlight", Yt = "univer-thread-comment-username", Kt = "univer-thread-comment-item", Gt = "univer-thread-comment-item-head", qt = "univer-thread-comment-item-title", Jt = "univer-thread-comment-item-title-position", Qt = "univer-thread-comment-item-title-highlight", Xt = "univer-thread-comment-item-time", en = "univer-thread-comment-item-content", tn = "univer-thread-comment-item-at", C = {
-  threadComment: Lt,
-  threadCommentActive: jt,
-  threadCommentContent: At,
-  threadCommentHighlight: Vt,
-  threadCommentIconContainer: Bt,
-  threadCommentIcon: zt,
-  threadCommentTitle: Wt,
-  threadCommentTitlePosition: Ft,
-  threadCommentTitleHighlight: Zt,
-  threadCommentUsername: Yt,
-  threadCommentItem: Kt,
-  threadCommentItemHead: Gt,
-  threadCommentItemTitle: qt,
-  threadCommentItemTitlePosition: Jt,
-  threadCommentItemTitleHighlight: Qt,
-  threadCommentItemTime: Xt,
-  threadCommentItemContent: en,
-  threadCommentItemAt: tn
-}, $e = "__mock__", nn = (t) => {
-  const { item: e, unitId: n, subUnitId: r, editing: o, onEditingChange: i, onReply: s, resolved: c, isRoot: d, onClose: f } = t, g = S(Q), N = S(J), p = S(ee), I = p.getUser(e.personId), u = j(p.currentUser$), y = (u == null ? void 0 : u.userID) === e.personId, h = e.id === $e, [T, w] = P(!1), m = () => {
-    g.executeCommand(
-      d ? ue.id : Re.id,
+}), Ut = "univer-thread-comment", kt = "univer-thread-comment-active", Ht = "univer-thread-comment-content", $t = "univer-thread-comment-highlight", Ot = "univer-thread-comment-icon-container", Pt = "univer-thread-comment-icon", wt = "univer-thread-comment-title", Rt = "univer-thread-comment-title-position", Dt = "univer-thread-comment-title-highlight", Lt = "univer-thread-comment-username", At = "univer-thread-comment-item", Vt = "univer-thread-comment-item-head", jt = "univer-thread-comment-item-title", Bt = "univer-thread-comment-item-title-position", Wt = "univer-thread-comment-item-title-highlight", Ft = "univer-thread-comment-item-time", zt = "univer-thread-comment-item-content", Zt = "univer-thread-comment-item-at", v = {
+  threadComment: Ut,
+  threadCommentActive: kt,
+  threadCommentContent: Ht,
+  threadCommentHighlight: $t,
+  threadCommentIconContainer: Ot,
+  threadCommentIcon: Pt,
+  threadCommentTitle: wt,
+  threadCommentTitlePosition: Rt,
+  threadCommentTitleHighlight: Dt,
+  threadCommentUsername: Lt,
+  threadCommentItem: At,
+  threadCommentItemHead: Vt,
+  threadCommentItemTitle: jt,
+  threadCommentItemTitlePosition: Bt,
+  threadCommentItemTitleHighlight: Wt,
+  threadCommentItemTime: Ft,
+  threadCommentItemContent: zt,
+  threadCommentItemAt: Zt
+}, Ue = "__mock__", Yt = (t) => {
+  const { item: e, unitId: n, subUnitId: r, editing: a, onEditingChange: i, onReply: s, resolved: c, isRoot: d, onClose: g } = t, f = E(Q), _ = E(J), p = E(ee), I = p.getUser(e.personId), u = A(p.currentUser$), y = (u == null ? void 0 : u.userID) === e.personId, h = e.id === Ue, [N, P] = $(!1), m = () => {
+    f.executeCommand(
+      d ? ce.id : Re.id,
       {
         unitId: n,
         subUnitId: r,
         commentId: e.id
       }
-    ), d && (f == null || f());
+    ), d && (g == null || g());
   };
-  return /* @__PURE__ */ a.createElement("div", { className: C.threadCommentItem, onMouseLeave: () => w(!1), onMouseEnter: () => w(!0) }, /* @__PURE__ */ a.createElement("img", { className: C.threadCommentItemHead, src: I == null ? void 0 : I.avatar }), /* @__PURE__ */ a.createElement("div", { className: C.threadCommentItemTitle }, /* @__PURE__ */ a.createElement("div", { className: C.threadCommentUsername }, (I == null ? void 0 : I.name) || " "), /* @__PURE__ */ a.createElement("div", null, h || c ? null : T ? /* @__PURE__ */ a.createElement("div", { className: C.threadCommentIcon, onClick: () => s(I) }, /* @__PURE__ */ a.createElement(_t, null)) : null, y && !h && !c ? /* @__PURE__ */ a.createElement(
-    Ge,
+  return /* @__PURE__ */ o.createElement("div", { className: v.threadCommentItem, onMouseLeave: () => P(!1), onMouseEnter: () => P(!0) }, /* @__PURE__ */ o.createElement("img", { className: v.threadCommentItemHead, src: I == null ? void 0 : I.avatar }), /* @__PURE__ */ o.createElement("div", { className: v.threadCommentItemTitle }, /* @__PURE__ */ o.createElement("div", { className: v.threadCommentUsername }, (I == null ? void 0 : I.name) || " "), /* @__PURE__ */ o.createElement("div", null, h || c ? null : N ? /* @__PURE__ */ o.createElement("div", { className: v.threadCommentIcon, onClick: () => s(I) }, /* @__PURE__ */ o.createElement(Se, null)) : null, y && !h && !c ? /* @__PURE__ */ o.createElement(
+    Je,
     {
-      overlay: /* @__PURE__ */ a.createElement(qe, null, /* @__PURE__ */ a.createElement(ie, { key: "edit", onClick: () => i == null ? void 0 : i(!0) }, N.t("threadCommentUI.item.edit")), /* @__PURE__ */ a.createElement(ie, { key: "delete", onClick: m }, N.t("threadCommentUI.item.delete")))
+      overlay: /* @__PURE__ */ o.createElement(Qe, null, /* @__PURE__ */ o.createElement(ie, { key: "edit", onClick: () => i == null ? void 0 : i(!0) }, _.t("threadCommentUI.item.edit")), /* @__PURE__ */ o.createElement(ie, { key: "delete", onClick: m }, _.t("threadCommentUI.item.delete")))
     },
-    /* @__PURE__ */ a.createElement("div", { className: C.threadCommentIcon }, /* @__PURE__ */ a.createElement(Et, null))
-  ) : null)), /* @__PURE__ */ a.createElement("div", { className: C.threadCommentItemTime }, e.dT), o ? /* @__PURE__ */ a.createElement(
+    /* @__PURE__ */ o.createElement("div", { className: v.threadCommentIcon }, /* @__PURE__ */ o.createElement(be, null))
+  ) : null)), /* @__PURE__ */ o.createElement("div", { className: v.threadCommentItemTime }, e.dT), a ? /* @__PURE__ */ o.createElement(
     Me,
     {
       id: e.id,
       comment: e,
       onCancel: () => i == null ? void 0 : i(!1),
       autoFocus: !0,
-      onSave: ({ text: v, attachments: D }) => {
-        i == null || i(!1), g.executeCommand(
-          we.id,
+      onSave: ({ text: C, attachments: w }) => {
+        i == null || i(!1), f.executeCommand(
+          Pe.id,
           {
             unitId: n,
             subUnitId: r,
             payload: {
               commentId: e.id,
-              text: v,
-              attachments: D
+              text: C,
+              attachments: w
             }
           }
         );
       }
     }
-  ) : /* @__PURE__ */ a.createElement("div", { className: C.threadCommentItemContent }, Ne(e.text).map((v, D) => {
-    switch (v.type) {
+  ) : /* @__PURE__ */ o.createElement("div", { className: v.threadCommentItemContent }, Ne(e.text).map((C, w) => {
+    switch (C.type) {
       case "mention":
-        return /* @__PURE__ */ a.createElement("a", { className: C.threadCommentItemAt, key: D }, "@", v.content.label, " ");
+        return /* @__PURE__ */ o.createElement("a", { className: v.threadCommentItemAt, key: w }, "@", C.content.label, " ");
       default:
-        return v.content;
+        return C.content;
     }
   })));
-}, rn = (t) => {
-  var R, B, F;
+}, Gt = (t) => {
+  var R, B, z;
   const {
     id: e,
     unitId: n,
     subUnitId: r,
-    refStr: o,
+    refStr: a,
     showEdit: i = !0,
     onClick: s,
     showHighlight: c,
     onClose: d,
-    getSubUnitName: f,
-    prefix: g,
-    autoFocus: N,
+    getSubUnitName: g,
+    prefix: f,
+    autoFocus: _,
     onMouseEnter: p,
     onMouseLeave: I
-  } = t, u = S(ce), [y, h] = P(!1), [T, w] = P("");
-  j(u.commentMap$);
-  const m = e ? u.getCommentWithChildren(n, r, e) : null, v = S(Q), D = S(ee), U = m == null ? void 0 : m.root.resolved, b = j(D.currentUser$), M = X(null), V = [
+  } = t, u = E(de), [y, h] = $(!1), [N, P] = $("");
+  A(u.commentMap$);
+  const m = e ? u.getCommentWithChildren(n, r, e) : null, C = E(Q), w = E(ee), U = m == null ? void 0 : m.root.resolved, b = A(w.currentUser$), T = X(null), j = [
     ...m ? [m.root] : (
       // mock empty comment
       [{
-        id: $e,
+        id: Ue,
         text: {
           dataStream: `
 \r`
         },
         personId: (R = b == null ? void 0 : b.userID) != null ? R : "",
-        ref: o != null ? o : "",
+        ref: a != null ? a : "",
         dT: "",
         unitId: n,
         subUnitId: r
       }]
     ),
     ...(B = m == null ? void 0 : m.children) != null ? B : []
-  ], W = () => {
-    v.executeCommand(De.id, {
+  ], F = () => {
+    C.executeCommand(we.id, {
       unitId: n,
       subUnitId: r,
       commentId: e,
       resolved: !U
     }), d == null || d();
-  }, O = () => {
-    v.executeCommand(
-      ue.id,
+  }, k = () => {
+    C.executeCommand(
+      ce.id,
       {
         unitId: n,
         subUnitId: r,
@@ -537,14 +495,14 @@ const $t = _e, Ut = "univer-thread-comment-editor-buttons", Ot = "univer-thread-
       }
     ), d == null || d();
   };
-  return /* @__PURE__ */ a.createElement(
+  return /* @__PURE__ */ o.createElement(
     "div",
     {
-      className: Qe(C.threadComment, {
-        [C.threadCommentActive]: !U && (c || y || g === "cell")
+      className: et(v.threadComment, {
+        [v.threadCommentActive]: !U && (c || y || f === "cell")
       }),
       onClick: s,
-      id: `${g}-${n}-${r}-${e}`,
+      id: `${f}-${n}-${r}-${e}`,
       onMouseEnter: () => {
         p == null || p(), h(!0);
       },
@@ -552,19 +510,19 @@ const $t = _e, Ut = "univer-thread-comment-editor-buttons", Ot = "univer-thread-
         I == null || I(), h(!1);
       }
     },
-    !U && c ? /* @__PURE__ */ a.createElement("div", { className: C.threadCommentHighlight }) : null,
-    /* @__PURE__ */ a.createElement("div", { className: C.threadCommentTitle }, /* @__PURE__ */ a.createElement("div", { className: C.threadCommentTitlePosition }, /* @__PURE__ */ a.createElement("div", { className: C.threadCommentTitleHighlight }), o || (m == null ? void 0 : m.root.ref), " · ", f((F = m == null ? void 0 : m.root.subUnitId) != null ? F : r)), m ? /* @__PURE__ */ a.createElement("div", { className: C.threadCommentIconContainer }, /* @__PURE__ */ a.createElement(
+    !U && c ? /* @__PURE__ */ o.createElement("div", { className: v.threadCommentHighlight }) : null,
+    /* @__PURE__ */ o.createElement("div", { className: v.threadCommentTitle }, /* @__PURE__ */ o.createElement("div", { className: v.threadCommentTitlePosition }, /* @__PURE__ */ o.createElement("div", { className: v.threadCommentTitleHighlight }), a || (m == null ? void 0 : m.root.ref), " · ", g((z = m == null ? void 0 : m.root.subUnitId) != null ? z : r)), m ? /* @__PURE__ */ o.createElement("div", { className: v.threadCommentIconContainer }, /* @__PURE__ */ o.createElement(
       "div",
       {
-        onClick: W,
-        className: C.threadCommentIcon,
+        onClick: F,
+        className: v.threadCommentIcon,
         style: { color: U ? "rgb(var(--green-500))" : "" }
       },
-      U ? /* @__PURE__ */ a.createElement(Tt, null) : /* @__PURE__ */ a.createElement($t, null)
-    ), (b == null ? void 0 : b.userID) === m.root.personId ? /* @__PURE__ */ a.createElement("div", { className: C.threadCommentIcon, onClick: O }, /* @__PURE__ */ a.createElement(It, null)) : null) : null),
-    /* @__PURE__ */ a.createElement("div", { className: C.threadCommentContent }, V.map(
-      (l) => /* @__PURE__ */ a.createElement(
-        nn,
+      U ? /* @__PURE__ */ o.createElement(xe, null) : /* @__PURE__ */ o.createElement(_e, null)
+    ), (b == null ? void 0 : b.userID) === m.root.personId ? /* @__PURE__ */ o.createElement("div", { className: v.threadCommentIcon, onClick: k }, /* @__PURE__ */ o.createElement(ye, null)) : null) : null),
+    /* @__PURE__ */ o.createElement("div", { className: v.threadCommentContent }, j.map(
+      (l) => /* @__PURE__ */ o.createElement(
+        Yt,
         {
           onClose: d,
           unitId: n,
@@ -572,41 +530,41 @@ const $t = _e, Ut = "univer-thread-comment-editor-buttons", Ot = "univer-thread-
           item: l,
           key: l.id,
           isRoot: l.id === (m == null ? void 0 : m.root.id),
-          editing: T === l.id,
+          editing: N === l.id,
           resolved: m == null ? void 0 : m.root.resolved,
-          onEditingChange: (E) => {
-            w(E ? l.id : "");
+          onEditingChange: (S) => {
+            P(S ? l.id : "");
           },
-          onReply: (E) => {
-            var $;
-            E && (($ = M.current) == null || $.reply(Te([{
+          onReply: (S) => {
+            var M;
+            S && ((M = T.current) == null || M.reply(Te([{
               type: "mention",
               content: {
-                id: E.userID,
-                label: E.name
+                id: S.userID,
+                label: S.name
               }
             }])));
           }
         }
       )
     )),
-    i && !T && !U ? /* @__PURE__ */ a.createElement("div", null, /* @__PURE__ */ a.createElement(
+    i && !N && !U ? /* @__PURE__ */ o.createElement("div", null, /* @__PURE__ */ o.createElement(
       Me,
       {
-        key: `${N}`,
-        ref: M,
-        onSave: ({ text: l, attachments: E }) => {
-          v.executeCommand(
-            He.id,
+        key: `${_}`,
+        ref: T,
+        onSave: ({ text: l, attachments: S }) => {
+          C.executeCommand(
+            Oe.id,
             {
               unitId: n,
               subUnitId: r,
               comment: {
                 text: l,
-                attachments: E,
-                dT: Je().format("YYYY/MM/DD HH:mm"),
-                id: Be.generateRandomId(),
-                ref: o,
+                attachments: S,
+                dT: Xe().format("YYYY/MM/DD HH:mm"),
+                id: Fe.generateRandomId(),
+                ref: a,
                 personId: b == null ? void 0 : b.userID,
                 parentId: m == null ? void 0 : m.root.id,
                 unitId: n,
@@ -615,51 +573,51 @@ const $t = _e, Ut = "univer-thread-comment-editor-buttons", Ot = "univer-thread-
             }
           );
         },
-        autoFocus: N || !m,
+        autoFocus: _ || !m,
         onCancel: () => {
           m || d == null || d();
         }
       }
     )) : null
   );
-}, on = "univer-thread-comment-panel", an = "univer-thread-comment", ln = "univer-thread-comment-panel-forms", sn = "univer-select", mn = "univer-thread-comment-panel-empty", dn = "univer-thread-comment-panel-add", Z = {
-  threadCommentPanel: on,
-  threadComment: an,
-  threadCommentPanelForms: ln,
-  select: sn,
-  threadCommentPanelEmpty: mn,
-  threadCommentPanelAdd: dn
-}, bn = (t) => {
-  const { unitId: e, subUnitId$: n, type: r, onAdd: o, getSubUnitName: i, onResolve: s, sortComments: c, onItemLeave: d, onItemEnter: f } = t, [g, N] = P("all"), [p, I] = P("all"), u = S(J), y = S(ee), h = S(ce), [T, w] = P(() => h.getUnit(e)), m = S(A), v = j(m.activeCommentId$), D = j(h.commentUpdate$), U = S(Q), b = j(n), M = y.getCurrentUser(), V = X(!0), W = "panel", O = oe(() => {
-    var l, E;
-    if (g === "all") {
-      const $ = T.map((z) => z[1]).flat().filter((z) => !z.parentId);
-      return c ? c($) : $;
+}, Kt = "univer-thread-comment-panel", qt = "univer-thread-comment", Jt = "univer-thread-comment-panel-forms", Qt = "univer-select", Xt = "univer-thread-comment-panel-empty", en = "univer-thread-comment-panel-add", Z = {
+  threadCommentPanel: Kt,
+  threadComment: qt,
+  threadCommentPanelForms: Jt,
+  select: Qt,
+  threadCommentPanelEmpty: Xt,
+  threadCommentPanelAdd: en
+}, hn = (t) => {
+  const { unitId: e, subUnitId$: n, type: r, onAdd: a, getSubUnitName: i, onResolve: s, sortComments: c, onItemLeave: d, onItemEnter: g } = t, [f, _] = $("all"), [p, I] = $("all"), u = E(J), y = E(ee), h = E(de), [N, P] = $(() => h.getUnit(e)), m = E(V), C = A(m.activeCommentId$), w = A(h.commentUpdate$), U = E(Q), b = A(n), T = y.currentUser, j = X(!0), F = "panel", k = ae(() => {
+    var l, S;
+    if (f === "all") {
+      const M = N.map((W) => W[1]).flat().filter((W) => !W.parentId);
+      return c ? c(M) : M;
     } else
-      return (E = (l = T.find(($) => $[0] === b)) == null ? void 0 : l[1]) != null ? E : [];
-  }, [g, T, b, c]), R = oe(() => p === "resolved" ? O.filter((l) => l.resolved) : p === "unsolved" ? O.filter((l) => !l.resolved) : p === "concern_me" && M != null && M.userID ? O.map((l) => h.getCommentWithChildren(l.unitId, l.subUnitId, l.id)).map((l) => l != null && l.relativeUsers.has(M.userID) ? l.root : null).filter(Boolean) : O, [O, M == null ? void 0 : M.userID, p, h]), B = p !== "all" || g !== "all", F = () => {
-    I("all"), N("all");
+      return (S = (l = N.find((M) => M[0] === b)) == null ? void 0 : l[1]) != null ? S : [];
+  }, [f, N, b, c]), R = ae(() => p === "resolved" ? k.filter((l) => l.resolved) : p === "unsolved" ? k.filter((l) => !l.resolved) : p === "concern_me" && T != null && T.userID ? k.map((l) => h.getCommentWithChildren(l.unitId, l.subUnitId, l.id)).map((l) => l != null && l.relativeUsers.has(T.userID) ? l.root : null).filter(Boolean) : k, [k, T == null ? void 0 : T.userID, p, h]), B = p !== "all" || f !== "all", z = () => {
+    I("all"), _("all");
   };
-  return ae(() => {
-    e && w(
+  return oe(() => {
+    e && P(
       h.getUnit(e)
     );
-  }, [e, h, D]), ae(() => {
+  }, [e, h, w]), oe(() => {
     var ne;
-    if (!v)
+    if (!C)
       return;
-    if (!V.current) {
-      V.current = !0;
+    if (!j.current) {
+      j.current = !0;
       return;
     }
-    const { unitId: l, subUnitId: E, commentId: $ } = v, z = `${W}-${l}-${E}-${$}`;
-    (ne = document.getElementById(z)) == null || ne.scrollIntoView({ block: "center" });
-  }, [v]), /* @__PURE__ */ a.createElement("div", { className: Z.threadCommentPanel }, /* @__PURE__ */ a.createElement("div", { className: Z.threadCommentPanelForms }, /* @__PURE__ */ a.createElement(
+    const { unitId: l, subUnitId: S, commentId: M } = C, W = `${F}-${l}-${S}-${M}`;
+    (ne = document.getElementById(W)) == null || ne.scrollIntoView({ block: "center" });
+  }, [C]), /* @__PURE__ */ o.createElement("div", { className: Z.threadCommentPanel }, /* @__PURE__ */ o.createElement("div", { className: Z.threadCommentPanelForms }, /* @__PURE__ */ o.createElement(
     le,
     {
       borderless: !0,
-      value: g,
-      onChange: (l) => N(l),
+      value: f,
+      onChange: (l) => _(l),
       options: [
         {
           value: "current",
@@ -671,7 +629,7 @@ const $t = _e, Ut = "univer-thread-comment-editor-buttons", Ot = "univer-thread-
         }
       ]
     }
-  ), /* @__PURE__ */ a.createElement(
+  ), /* @__PURE__ */ o.createElement(
     le,
     {
       borderless: !0,
@@ -696,20 +654,20 @@ const $t = _e, Ut = "univer-thread-comment-editor-buttons", Ot = "univer-thread-
         }
       ]
     }
-  )), R == null ? void 0 : R.map((l) => /* @__PURE__ */ a.createElement(
-    rn,
+  )), R == null ? void 0 : R.map((l) => /* @__PURE__ */ o.createElement(
+    Gt,
     {
-      prefix: W,
+      prefix: F,
       getSubUnitName: i,
       key: l.id,
       id: l.id,
       unitId: l.unitId,
       subUnitId: l.subUnitId,
       type: r,
-      showEdit: (v == null ? void 0 : v.commentId) === l.id,
-      showHighlight: (v == null ? void 0 : v.commentId) === l.id,
+      showEdit: (C == null ? void 0 : C.commentId) === l.id,
+      showHighlight: (C == null ? void 0 : C.commentId) === l.id,
       onClick: () => {
-        V.current = !1, U.executeCommand(ge.id, {
+        j.current = !1, U.executeCommand(ge.id, {
           unitId: l.unitId,
           subUnitId: l.subUnitId,
           commentId: l.id,
@@ -717,35 +675,35 @@ const $t = _e, Ut = "univer-thread-comment-editor-buttons", Ot = "univer-thread-
         });
       },
       onClose: () => s == null ? void 0 : s(l.id),
-      onMouseEnter: () => f == null ? void 0 : f(l),
+      onMouseEnter: () => g == null ? void 0 : g(l),
       onMouseLeave: () => d == null ? void 0 : d(l)
     }
-  )), R.length ? null : /* @__PURE__ */ a.createElement("div", { className: Z.threadCommentPanelEmpty }, B ? u.t("threadCommentUI.panel.filterEmpty") : u.t("threadCommentUI.panel.empty"), B ? /* @__PURE__ */ a.createElement(
+  )), R.length ? null : /* @__PURE__ */ o.createElement("div", { className: Z.threadCommentPanelEmpty }, B ? u.t("threadCommentUI.panel.filterEmpty") : u.t("threadCommentUI.panel.empty"), B ? /* @__PURE__ */ o.createElement(
     G,
     {
-      onClick: F,
+      onClick: z,
       type: "link"
     },
     u.t("threadCommentUI.panel.reset")
-  ) : /* @__PURE__ */ a.createElement(
+  ) : /* @__PURE__ */ o.createElement(
     G,
     {
       id: "thread-comment-add",
       className: Z.threadCommentPanelAdd,
       type: "primary",
-      onClick: o
+      onClick: a
     },
-    /* @__PURE__ */ a.createElement(St, null),
+    /* @__PURE__ */ o.createElement(Ee, null),
     u.t("threadCommentUI.panel.addComment")
   )));
 };
 export {
-  pe as IThreadCommentMentionDataService,
+  fe as IThreadCommentMentionDataService,
   ge as SetActiveCommentOperation,
-  Xe as THREAD_COMMENT_PANEL,
-  bn as ThreadCommentPanel,
-  A as ThreadCommentPanelService,
-  rn as ThreadCommentTree,
-  ot as ToggleSheetCommentPanelOperation,
-  de as UniverThreadCommentUIPlugin
+  tt as THREAD_COMMENT_PANEL,
+  hn as ThreadCommentPanel,
+  V as ThreadCommentPanelService,
+  Gt as ThreadCommentTree,
+  at as ToggleSheetCommentPanelOperation,
+  K as UniverThreadCommentUIPlugin
 };