@univerjs/sheets-thread-comment 0.1.14 → 0.1.15

package/lib/es/index.js

@@ -1,219 +1,91 @@
-var Ne = Object.defineProperty;
-var je = (o, e, t) => e in o ? Ne(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var v = (o, e, t) => (je(o, typeof e != "symbol" ? e + "" : e, t), t);
-import { Inject as h, Injector as pe } from "@wendellhu/redi";
-import { Inject as yn, Injector as Un } from "@wendellhu/redi";
-import { Disposable as O, ObjectMatrix as Ve, UniverInstanceType as g, IUniverInstanceService as $, DisposableCollection as Ae, Tools as le, CommandType as Le, ICommandService as Q, OnLifecycle as x, LifecycleStages as D, LocaleService as He, toDisposable as Be, Range as We, DependentOn as Fe, Plugin as Ze } from "@univerjs/core";
-import { ICommandService as Rn, Plugin as En, UniverInstanceType as $n } from "@univerjs/core";
-import { ThreadCommentTree as ze, ThreadCommentPanelService as ee, ThreadCommentPanel as ke, ToggleSheetCommentPanelOperation as Ge, SetActiveCommentOperation as re, THREAD_COMMENT_PANEL as Ke, UniverThreadCommentUIPlugin as Ye } from "@univerjs/thread-comment-ui";
-import { IThreadCommentMentionDataService as Dn, UniverThreadCommentUIPlugin as Nn } from "@univerjs/thread-comment-ui";
-import { IZenZoneService as qe, useObservable as oe, KeyCode as Xe, MetaKeys as ie, MenuItemType as _e, MenuPosition as ve, getMenuHiddenObservable as fe, MenuGroup as Je, ComponentManager as Qe, IMenuService as et, IShortcutService as tt } from "@univerjs/ui";
-import { SelectionManagerService as nt, getSheetCommandTarget as rt, WorkbookCommentPermission as Ce, WorksheetViewPermission as ge, RangeProtectionPermissionEditPoint as Se, SetSelectionsOperation as ot, SelectionMoveType as it, SetWorksheetActiveOperation as st, RefRangeService as at, handleDefaultRangeChangeWithEffectRefCommands as ct, SheetInterceptorService as Ie, INTERCEPTOR_POINT as dt, RemoveSheetCommand as mt } from "@univerjs/sheets";
-import { singleReferenceToGrid as y, serializeRange as J } from "@univerjs/engine-formula";
-import { SheetCanvasPopManagerService as ut, IMarkSelectionService as ht, whenSheetEditorFocused as pt, getCurrentRangeDisable$ as Pe, ScrollToCellCommand as lt, SheetSkeletonManagerService as _t, ISheetClipboardService as vt, COPY_TYPE as ft, HoverManagerService as Ct } from "@univerjs/sheets-ui";
-import { ThreadCommentModel as G, DeleteCommentMutation as j, AddCommentMutation as z, UpdateCommentRefMutation as se } from "@univerjs/thread-comment";
-import { IThreadCommentDataSourceService as Vn } from "@univerjs/thread-comment";
-import { useDependency as w, useObservable as ae } from "@wendellhu/redi/react-bindings";
-import Me, { forwardRef as be, useRef as Te, createElement as we, useMemo as gt, useCallback as ce, useEffect as St } from "react";
-import { Subject as It, BehaviorSubject as Pt, map as Mt, debounceTime as bt } from "rxjs";
-import { IRenderManagerService as Tt } from "@univerjs/engine-render";
-var f = function() {
-  return f = Object.assign || function(o) {
-    for (var e, t = 1, r = arguments.length; t < r; t++) {
-      e = arguments[t];
-      for (var n in e)
-        Object.prototype.hasOwnProperty.call(e, n) && (o[n] = e[n]);
+var Ee = Object.defineProperty;
+var Re = (t, e, n) => e in t ? Ee(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var y = (t, e, n) => (Re(t, typeof e != "symbol" ? e + "" : e, n), n);
+import { Inject as p, Injector as ae } from "@wendellhu/redi";
+import { Inject as ln, Injector as vn } from "@wendellhu/redi";
+import { Disposable as U, DisposableCollection as $e, IUniverInstanceService as E, Tools as ce, UniverInstanceType as b, CommandType as Ne, ICommandService as Y, OnLifecycle as N, LifecycleStages as x, LocaleService as xe, Range as De, DependentOn as je, Plugin as Ae } from "@univerjs/core";
+import { ICommandService as fn, Plugin as Cn, UniverInstanceType as Sn } from "@univerjs/core";
+import { ThreadCommentTree as Ve, ThreadCommentPanelService as q, ThreadCommentPanel as Le, ToggleSheetCommentPanelOperation as He, SetActiveCommentOperation as Q, THREAD_COMMENT_PANEL as Be, UniverThreadCommentUIPlugin as Fe } from "@univerjs/thread-comment-ui";
+import { IThreadCommentMentionDataService as gn, UniverThreadCommentUIPlugin as Pn } from "@univerjs/thread-comment-ui";
+import { IZenZoneService as We, useObservable as ee, KeyCode as Ze, MetaKeys as te, MenuItemType as de, MenuPosition as ue, getMenuHiddenObservable as me, MenuGroup as ze, ComponentManager as ke, IMenuService as Ge, IShortcutService as Ke } from "@univerjs/ui";
+import { SelectionManagerService as Ye, getSheetCommandTarget as qe, WorkbookCommentPermission as he, WorksheetViewPermission as pe, RangeProtectionPermissionEditPoint as le, SetSelectionsOperation as Xe, SelectionMoveType as Je, SetWorksheetActiveOperation as Qe, SheetInterceptorService as ve, INTERCEPTOR_POINT as et, RemoveSheetCommand as tt } from "@univerjs/sheets";
+import { singleReferenceToGrid as F, serializeRange as nt } from "@univerjs/engine-formula";
+import { ThreadCommentModel as _e, DeleteCommentMutation as W, AddCommentMutation as K } from "@univerjs/thread-comment";
+import { IThreadCommentDataSourceService as Tn } from "@univerjs/thread-comment";
+import { SheetCanvasPopManagerService as rt, IMarkSelectionService as ot, whenSheetEditorFocused as it, getCurrentRangeDisable$ as fe, ScrollToRangeOperation as st, SheetSkeletonManagerService as at, ISheetClipboardService as ct, COPY_TYPE as dt, HoverManagerService as ut } from "@univerjs/sheets-ui";
+import { SheetsThreadCommentModel as R, UniverSheetsThreadCommentBasePlugin as mt } from "@univerjs/sheets-thread-comment-base";
+import { SheetsThreadCommentModel as wn } from "@univerjs/sheets-thread-comment-base";
+import { useDependency as T, useObservable as ne } from "@wendellhu/redi/react-bindings";
+import Ce, { forwardRef as Se, useRef as Ie, createElement as ge, useMemo as ht, useCallback as re, useEffect as pt } from "react";
+import { BehaviorSubject as lt, map as vt, debounceTime as _t } from "rxjs";
+import { IRenderManagerService as ft } from "@univerjs/engine-render";
+var _ = function() {
+  return _ = Object.assign || function(t) {
+    for (var e, n = 1, o = arguments.length; n < o; n++) {
+      e = arguments[n];
+      for (var r in e)
+        Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]);
     }
-    return o;
-  }, f.apply(this, arguments);
-}, wt = function(o, e) {
-  var t = {};
-  for (var r in o)
-    Object.prototype.hasOwnProperty.call(o, r) && e.indexOf(r) < 0 && (t[r] = o[r]);
-  if (o != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var n = 0, r = Object.getOwnPropertySymbols(o); n < r.length; n++)
-      e.indexOf(r[n]) < 0 && Object.prototype.propertyIsEnumerable.call(o, r[n]) && (t[r[n]] = o[r[n]]);
-  return t;
-}, ye = be(function(o, e) {
-  var t = o.icon, r = o.id, n = o.className, i = o.extend, s = wt(o, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(r, " ").concat(n || "").trim(), c = Te("_".concat(Ot()));
-  return Ue(t, "".concat(r), { defIds: t.defIds, idSuffix: c.current }, f({ ref: e, className: a }, s), i);
+    return t;
+  }, _.apply(this, arguments);
+}, Ct = function(t, e) {
+  var n = {};
+  for (var o in t)
+    Object.prototype.hasOwnProperty.call(t, o) && e.indexOf(o) < 0 && (n[o] = t[o]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, o = Object.getOwnPropertySymbols(t); r < o.length; r++)
+      e.indexOf(o[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, o[r]) && (n[o[r]] = t[o[r]]);
+  return n;
+}, Pe = Se(function(t, e) {
+  var n = t.icon, o = t.id, r = t.className, i = t.extend, s = Ct(t, ["icon", "id", "className", "extend"]), d = "univerjs-icon univerjs-icon-".concat(o, " ").concat(r || "").trim(), u = Ie("_".concat(gt()));
+  return be(n, "".concat(o), { defIds: n.defIds, idSuffix: u.current }, _({ ref: e, className: d }, s), i);
 });
-function Ue(o, e, t, r, n) {
-  return we(o.tag, f(f({ key: e }, yt(o, t, n)), r), (Ut(o, t).children || []).map(function(i, s) {
-    return Ue(i, "".concat(e, "-").concat(o.tag, "-").concat(s), t, void 0, n);
+function be(t, e, n, o, r) {
+  return ge(t.tag, _(_({ key: e }, St(t, n, r)), o), (It(t, n).children || []).map(function(i, s) {
+    return be(i, "".concat(e, "-").concat(t.tag, "-").concat(s), n, void 0, r);
   }));
 }
-function yt(o, e, t) {
-  var r = f({}, o.attrs);
-  t != null && t.colorChannel1 && r.fill === "colorChannel1" && (r.fill = t.colorChannel1);
-  var n = e.defIds;
-  return !n || n.length === 0 || (o.tag === "use" && r["xlink:href"] && (r["xlink:href"] = r["xlink:href"] + e.idSuffix), Object.entries(r).forEach(function(i) {
-    var s = i[0], a = i[1];
-    typeof a == "string" && (r[s] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
-  })), r;
+function St(t, e, n) {
+  var o = _({}, t.attrs);
+  n != null && n.colorChannel1 && o.fill === "colorChannel1" && (o.fill = n.colorChannel1);
+  var r = e.defIds;
+  return !r || r.length === 0 || (t.tag === "use" && o["xlink:href"] && (o["xlink:href"] = o["xlink:href"] + e.idSuffix), Object.entries(o).forEach(function(i) {
+    var s = i[0], d = i[1];
+    typeof d == "string" && (o[s] = d.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  })), o;
 }
-function Ut(o, e) {
-  var t, r = e.defIds;
-  return !r || r.length === 0 ? o : o.tag === "defs" && (!((t = o.children) === null || t === void 0) && t.length) ? f(f({}, o), { children: o.children.map(function(n) {
-    return typeof n.attrs.id == "string" && r && r.indexOf(n.attrs.id) > -1 ? f(f({}, n), { attrs: f(f({}, n.attrs), { id: n.attrs.id + e.idSuffix }) }) : n;
-  }) }) : o;
+function It(t, e) {
+  var n, o = e.defIds;
+  return !o || o.length === 0 ? t : t.tag === "defs" && (!((n = t.children) === null || n === void 0) && n.length) ? _(_({}, t), { children: t.children.map(function(r) {
+    return typeof r.attrs.id == "string" && o && o.indexOf(r.attrs.id) > -1 ? _(_({}, r), { attrs: _(_({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
+  }) }) : t;
 }
-function Ot() {
+function gt() {
   return Math.random().toString(36).substring(2, 8);
 }
-ye.displayName = "UniverIcon";
-var Rt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 17", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.83725 6.78345C6.22188 6.78345 6.53368 7.10742 6.53368 7.50706V8.41159C6.53368 8.81123 6.22188 9.13521 5.83725 9.13521C5.45263 9.13521 5.14082 8.81123 5.14082 8.41159V7.50706C5.14082 7.10742 5.45263 6.78345 5.83725 6.78345ZM8.73904 6.78345C9.12366 6.78345 9.43546 7.10742 9.43546 7.50706V8.41159C9.43546 8.81123 9.12366 9.13521 8.73904 9.13521C8.35441 9.13521 8.04261 8.81123 8.04261 8.41159V7.50706C8.04261 7.10742 8.35441 6.78345 8.73904 6.78345ZM11.6408 6.78345C12.0254 6.78345 12.3372 7.10742 12.3372 7.50706V8.41159C12.3372 8.81123 12.0254 9.13521 11.6408 9.13521C11.2562 9.13521 10.9444 8.81123 10.9444 8.41159V7.50706C10.9444 7.10742 11.2562 6.78345 11.6408 6.78345Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M5.83725 6.78345C6.22188 6.78345 6.53368 7.10742 6.53368 7.50706V8.41159C6.53368 8.81123 6.22188 9.13521 5.83725 9.13521 5.45263 9.13521 5.14082 8.81123 5.14082 8.41159V7.50706C5.14082 7.10742 5.45263 6.78345 5.83725 6.78345zM8.73904 6.78345C9.12366 6.78345 9.43546 7.10742 9.43546 7.50706V8.41159C9.43546 8.81123 9.12366 9.13521 8.73904 9.13521 8.35441 9.13521 8.04261 8.81123 8.04261 8.41159V7.50706C8.04261 7.10742 8.35441 6.78345 8.73904 6.78345zM11.6408 6.78345C12.0254 6.78345 12.3372 7.10742 12.3372 7.50706V8.41159C12.3372 8.81123 12.0254 9.13521 11.6408 9.13521 11.2562 9.13521 10.9444 8.81123 10.9444 8.41159V7.50706C10.9444 7.10742 11.2562 6.78345 11.6408 6.78345z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.84351 3.41861C1.84351 3.01861 2.15531 2.69434 2.53993 2.69434H14.9381C15.3228 2.69434 15.6346 3.01861 15.6346 3.41861V12.4611C15.6346 12.8612 15.3228 13.1854 14.9381 13.1854H8.82117L6.06643 14.6179C5.85054 14.7301 5.59416 14.7181 5.38884 14.5862C5.18352 14.4542 5.05855 14.2211 5.05855 13.9701V13.1854H2.53993C2.15531 13.1854 1.84351 12.8612 1.84351 12.4611L1.84351 3.41861ZM6.45141 12.7982L8.34531 12.0135C8.44201 11.9632 8.54864 11.9371 8.65676 11.9371H14.2417C14.3522 11.9371 14.4417 11.8475 14.4417 11.7371V4.14271C14.4417 4.03225 14.3522 3.94271 14.2417 3.94271H3.23636C3.12591 3.94271 3.03636 4.03225 3.03636 4.14271L3.03636 11.7371C3.03636 11.8475 3.12591 11.9371 3.23636 11.9371L5.75498 11.9371C6.1396 11.9371 6.45141 12.0611 6.45141 12.4611V12.7982Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Oe = be(function(o, e) {
-  return we(ye, Object.assign({}, o, {
+Pe.displayName = "UniverIcon";
+var Pt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 17", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.83725 6.78345C6.22188 6.78345 6.53368 7.10742 6.53368 7.50706V8.41159C6.53368 8.81123 6.22188 9.13521 5.83725 9.13521C5.45263 9.13521 5.14082 8.81123 5.14082 8.41159V7.50706C5.14082 7.10742 5.45263 6.78345 5.83725 6.78345ZM8.73904 6.78345C9.12366 6.78345 9.43546 7.10742 9.43546 7.50706V8.41159C9.43546 8.81123 9.12366 9.13521 8.73904 9.13521C8.35441 9.13521 8.04261 8.81123 8.04261 8.41159V7.50706C8.04261 7.10742 8.35441 6.78345 8.73904 6.78345ZM11.6408 6.78345C12.0254 6.78345 12.3372 7.10742 12.3372 7.50706V8.41159C12.3372 8.81123 12.0254 9.13521 11.6408 9.13521C11.2562 9.13521 10.9444 8.81123 10.9444 8.41159V7.50706C10.9444 7.10742 11.2562 6.78345 11.6408 6.78345Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M5.83725 6.78345C6.22188 6.78345 6.53368 7.10742 6.53368 7.50706V8.41159C6.53368 8.81123 6.22188 9.13521 5.83725 9.13521 5.45263 9.13521 5.14082 8.81123 5.14082 8.41159V7.50706C5.14082 7.10742 5.45263 6.78345 5.83725 6.78345zM8.73904 6.78345C9.12366 6.78345 9.43546 7.10742 9.43546 7.50706V8.41159C9.43546 8.81123 9.12366 9.13521 8.73904 9.13521 8.35441 9.13521 8.04261 8.81123 8.04261 8.41159V7.50706C8.04261 7.10742 8.35441 6.78345 8.73904 6.78345zM11.6408 6.78345C12.0254 6.78345 12.3372 7.10742 12.3372 7.50706V8.41159C12.3372 8.81123 12.0254 9.13521 11.6408 9.13521 11.2562 9.13521 10.9444 8.81123 10.9444 8.41159V7.50706C10.9444 7.10742 11.2562 6.78345 11.6408 6.78345z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.84351 3.41861C1.84351 3.01861 2.15531 2.69434 2.53993 2.69434H14.9381C15.3228 2.69434 15.6346 3.01861 15.6346 3.41861V12.4611C15.6346 12.8612 15.3228 13.1854 14.9381 13.1854H8.82117L6.06643 14.6179C5.85054 14.7301 5.59416 14.7181 5.38884 14.5862C5.18352 14.4542 5.05855 14.2211 5.05855 13.9701V13.1854H2.53993C2.15531 13.1854 1.84351 12.8612 1.84351 12.4611L1.84351 3.41861ZM6.45141 12.7982L8.34531 12.0135C8.44201 11.9632 8.54864 11.9371 8.65676 11.9371H14.2417C14.3522 11.9371 14.4417 11.8475 14.4417 11.7371V4.14271C14.4417 4.03225 14.3522 3.94271 14.2417 3.94271H3.23636C3.12591 3.94271 3.03636 4.03225 3.03636 4.14271L3.03636 11.7371C3.03636 11.8475 3.12591 11.9371 3.23636 11.9371L5.75498 11.9371C6.1396 11.9371 6.45141 12.0611 6.45141 12.4611V12.7982Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Te = Se(function(t, e) {
+  return ge(Pe, Object.assign({}, t, {
     id: "comment-single",
     ref: e,
-    icon: Rt
+    icon: Pt
   }));
 });
-Oe.displayName = "CommentSingle";
-var Et = Object.defineProperty, $t = Object.getOwnPropertyDescriptor, xt = (o, e, t, r) => {
-  for (var n = r > 1 ? void 0 : r ? $t(e, t) : e, i = o.length - 1, s; i >= 0; i--)
-    (s = o[i]) && (n = (r ? s(e, t, n) : s(n)) || n);
-  return r && n && Et(e, t, n), n;
-}, de = (o, e) => (t, r) => e(t, r, o);
-let T = class extends O {
-  constructor(e, t) {
+Te.displayName = "CommentSingle";
+const Me = "univer.sheet.thread-comment-modal", X = "comment-single", we = "univer.sheet.thread-comment";
+var bt = Object.defineProperty, Tt = Object.getOwnPropertyDescriptor, Mt = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? Tt(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
+  return o && r && bt(e, n, r), r;
+}, oe = (t, e) => (n, o) => e(n, o, t);
+let M = class extends U {
+  constructor(e, n) {
     super();
-    v(this, "_matrixMap", /* @__PURE__ */ new Map());
-    v(this, "_locationMap", /* @__PURE__ */ new Map());
-    v(this, "_commentUpdate$", new It());
-    v(this, "commentUpdate$", this._commentUpdate$.asObservable());
-    this._threadCommentModel = e, this._univerInstanceService = t, this._init();
-  }
-  _init() {
-    this._initData(), this._initUpdateTransform();
-  }
-  _ensureCommentMatrix(e, t) {
-    let r = this._matrixMap.get(e);
-    r || (r = /* @__PURE__ */ new Map(), this._matrixMap.set(e, r));
-    let n = r.get(t);
-    return n || (n = new Ve(), r.set(t, n)), n;
-  }
-  _ensureCommentLocationMap(e, t) {
-    let r = this._locationMap.get(e);
-    r || (r = /* @__PURE__ */ new Map(), this._locationMap.set(e, r));
-    let n = r.get(t);
-    return n || (n = /* @__PURE__ */ new Map(), r.set(t, n)), n;
-  }
-  _ensure(e, t) {
-    const r = this._ensureCommentMatrix(e, t), n = this._ensureCommentLocationMap(e, t);
-    return { matrix: r, locationMap: n };
-  }
-  _initData() {
-    const e = this._threadCommentModel.getAll();
-    for (const t in e) {
-      const r = e[t];
-      for (const n in r) {
-        const i = r[n];
-        for (const s in i) {
-          const a = i[s];
-          this._addComment(t, n, a);
-        }
-      }
-    }
-  }
-  _addComment(e, t, r) {
-    const n = y(r.ref), i = r.parentId, { row: s, column: a } = n, c = r.id, { matrix: d, locationMap: u } = this._ensure(e, t);
-    !i && s >= 0 && a >= 0 && (d.setValue(s, a, c), u.set(c, { row: s, column: a })), this._commentUpdate$.next({
-      unitId: e,
-      subUnitId: t,
-      payload: r,
-      type: "add",
-      ...n
-    });
-  }
-  _initUpdateTransform() {
-    this.disposeWithMe(this._threadCommentModel.commentUpdate$.subscribe((e) => {
-      const { unitId: t, subUnitId: r } = e;
-      try {
-        if (this._univerInstanceService.getUnitType(t) !== g.UNIVER_SHEET)
-          return;
-      } catch {
-      }
-      const { matrix: n, locationMap: i } = this._ensure(t, r);
-      switch (e.type) {
-        case "add": {
-          this._addComment(e.unitId, e.subUnitId, e.payload);
-          break;
-        }
-        case "delete": {
-          const { isRoot: s, comment: a } = e.payload, c = y(a.ref);
-          if (s) {
-            const { row: d, column: u } = c;
-            d >= 0 && u >= 0 && n.realDeleteValue(d, u);
-          }
-          this._commentUpdate$.next({
-            ...e,
-            ...c
-          });
-          break;
-        }
-        case "update": {
-          const { commentId: s } = e.payload, a = this._threadCommentModel.getComment(t, r, s);
-          if (!a)
-            return;
-          const c = y(a.ref);
-          this._commentUpdate$.next({
-            ...e,
-            ...c
-          });
-          break;
-        }
-        case "updateRef": {
-          const s = y(e.payload.ref), { commentId: a } = e.payload, c = i.get(a);
-          if (!c)
-            return;
-          const { row: d, column: u } = c;
-          n.getValue(d, u) === a && (n.realDeleteValue(d, u), i.delete(a)), s.row >= 0 && s.column >= 0 && (n.setValue(s.row, s.column, a), i.set(a, { row: s.row, column: s.column })), this._commentUpdate$.next({
-            ...e,
-            ...s
-          });
-          break;
-        }
-      }
-    }));
-  }
-  getByLocation(e, t, r, n) {
-    return this._ensureCommentMatrix(e, t).getValue(r, n);
-  }
-  getComment(e, t, r) {
-    return this._threadCommentModel.getComment(e, t, r);
-  }
-  getCommentWithChildren(e, t, r, n) {
-    const s = this._ensureCommentMatrix(e, t).getValue(r, n);
-    if (s)
-      return this._threadCommentModel.getCommentWithChildren(e, t, s);
-  }
-  showCommentMarker(e, t, r, n) {
-    const i = this.getByLocation(e, t, r, n);
-    if (!i)
-      return !1;
-    const s = this.getComment(e, t, i);
-    return !!(s && !s.resolved);
-  }
-};
-T = xt([
-  de(0, h(G)),
-  de(1, $)
-], T);
-const Re = "univer.sheet.thread-comment-modal", te = "comment-single", Ee = "univer.sheet.thread-comment";
-var Dt = Object.defineProperty, Nt = Object.getOwnPropertyDescriptor, jt = (o, e, t, r) => {
-  for (var n = r > 1 ? void 0 : r ? Nt(e, t) : e, i = o.length - 1, s; i >= 0; i--)
-    (s = o[i]) && (n = (r ? s(e, t, n) : s(n)) || n);
-  return r && n && Dt(e, t, n), n;
-}, me = (o, e) => (t, r) => e(t, r, o);
-let U = class extends O {
-  constructor(e, t) {
-    super();
-    v(this, "_lastPopup", null);
-    v(this, "_activePopup");
-    v(this, "_activePopup$", new Pt(null));
-    v(this, "activePopup$", this._activePopup$.asObservable());
-    this._canvasPopupManagerService = e, this._zenZoneService = t, this._initZenVisible();
+    y(this, "_lastPopup", null);
+    y(this, "_activePopup");
+    y(this, "_activePopup$", new lt(null));
+    y(this, "activePopup$", this._activePopup$.asObservable());
+    this._canvasPopupManagerService = e, this._zenZoneService = n, this._initZenVisible();
   }
   get activePopup() {
     return this._activePopup;
@@ -223,21 +95,21 @@ let U = class extends O {
       e && this.hidePopup();
     }));
   }
-  showPopup(e, t) {
-    var d;
-    const { row: r, col: n, unitId: i, subUnitId: s } = e;
-    if (this._activePopup && r === this._activePopup.row && n === this._activePopup.col && i === this._activePopup.unitId && s === ((d = this.activePopup) == null ? void 0 : d.subUnitId)) {
+  showPopup(e, n) {
+    var a;
+    const { row: o, col: r, unitId: i, subUnitId: s } = e;
+    if (this._activePopup && o === this._activePopup.row && r === this._activePopup.col && i === this._activePopup.unitId && s === ((a = this.activePopup) == null ? void 0 : a.subUnitId)) {
       this._activePopup = e, this._activePopup$.next(e);
       return;
     }
     if (this._lastPopup && this._lastPopup.dispose(), this._zenZoneService.visible)
       return;
     this._activePopup = e, this._activePopup$.next(e);
-    const a = this._canvasPopupManagerService.attachPopupToCell(
+    const d = this._canvasPopupManagerService.attachPopupToCell(
+      o,
       r,
-      n,
       {
-        componentKey: Re,
+        componentKey: Me,
         onClickOutside: () => {
           this.hidePopup();
         },
@@ -248,14 +120,14 @@ let U = class extends O {
         ].filter(Boolean)
       }
     );
-    if (!a)
+    if (!d)
       throw new Error("[SheetsThreadCommentPopupService]: cannot show popup!");
-    const c = new Ae();
-    c.add(a), c.add({
+    const u = new $e();
+    u.add(d), u.add({
       dispose: () => {
-        t == null || t();
+        n == null || n();
       }
-    }), this._lastPopup = c;
+    }), this._lastPopup = u;
   }
   hidePopup() {
     this._activePopup && (this._lastPopup && this._lastPopup.dispose(), this._lastPopup = null, this._activePopup = null, this._activePopup$.next(null));
@@ -267,86 +139,86 @@ let U = class extends O {
     }, this._activePopup$.next(this._activePopup));
   }
 };
-U = jt([
-  me(0, h(ut)),
-  me(1, qe)
-], U);
-const Vt = () => {
-  const o = w($), e = w(U), t = oe(e.activePopup$), r = w(T);
-  if (oe(r.commentUpdate$), !t)
+M = Mt([
+  oe(0, p(rt)),
+  oe(1, We)
+], M);
+const wt = () => {
+  const t = T(E), e = T(M), n = ee(e.activePopup$), o = T(R);
+  if (ee(o.commentUpdate$), !n)
     return null;
-  const { row: n, col: i, unitId: s, subUnitId: a, trigger: c } = t, d = r.getByLocation(s, a, n, i), u = `${le.chatAtABC(i)}${n + 1}`, p = () => {
+  const { row: r, col: i, unitId: s, subUnitId: d, trigger: u } = n, a = o.getByLocation(s, d, r, i), m = `${ce.chatAtABC(i)}${r + 1}`, h = () => {
     e.hidePopup();
-  }, R = (S) => {
-    var I, P, E;
-    return (E = (P = (I = o.getCurrentUnitForType(g.UNIVER_SHEET)) == null ? void 0 : I.getSheetBySheetId(S)) == null ? void 0 : P.getName()) != null ? E : "";
+  }, w = (C) => {
+    var S, I, O;
+    return (O = (I = (S = t.getCurrentUnitForType(b.UNIVER_SHEET)) == null ? void 0 : S.getSheetBySheetId(C)) == null ? void 0 : I.getName()) != null ? O : "";
   };
-  return /* @__PURE__ */ Me.createElement(
-    ze,
+  return /* @__PURE__ */ Ce.createElement(
+    Ve,
     {
       onClick: () => {
         e.persistPopup();
       },
       prefix: "cell",
-      id: d,
+      id: a,
       unitId: s,
-      subUnitId: a,
-      type: g.UNIVER_SHEET,
-      refStr: u,
-      onClose: p,
-      getSubUnitName: R,
-      autoFocus: c === "context-menu"
+      subUnitId: d,
+      type: b.UNIVER_SHEET,
+      refStr: m,
+      onClose: h,
+      getSubUnitName: w,
+      autoFocus: u === "context-menu"
     }
   );
-}, K = {
-  type: Le.OPERATION,
+}, z = {
+  type: Ne.OPERATION,
   id: "sheets.operation.show-comment-modal",
-  handler(o) {
-    var P;
-    const e = o.get(nt), t = o.get($), r = o.get(U), n = o.get(ee), i = (P = e.getFirst()) == null ? void 0 : P.primary, s = e.getCurrent(), a = o.get(T);
+  handler(t) {
+    var I;
+    const e = t.get(Ye), n = t.get(E), o = t.get(M), r = t.get(q), i = (I = e.getFirst()) == null ? void 0 : I.primary, s = e.getCurrent(), d = t.get(R);
     if (!s || !i)
       return !1;
-    const { unitId: c, sheetId: d } = s, u = rt(t, { unitId: c, subUnitId: d });
-    if (!u)
+    const { unitId: u, sheetId: a } = s, m = qe(n, { unitId: u, subUnitId: a });
+    if (!m)
       return !1;
-    const { workbook: p, worksheet: R } = u, S = {
-      workbook: p,
-      worksheet: R,
-      unitId: c,
-      subUnitId: d,
-      row: i.actualRow,
+    const { workbook: h, worksheet: w } = m, C = {
+      workbook: h,
+      worksheet: w,
+      unitId: u,
+      subUnitId: a,
+      row: i.startRow,
       col: i.startColumn
     };
-    r.showPopup(S);
-    const I = a.getByLocation(c, d, i.actualRow, i.startColumn);
-    return I && n.setActiveComment({
-      unitId: c,
-      subUnitId: d,
-      commentId: I,
+    o.showPopup(C);
+    const S = d.getByLocation(u, a, i.startRow, i.startColumn);
+    return S && r.setActiveComment({
+      unitId: u,
+      subUnitId: a,
+      commentId: S,
       trigger: "context-menu"
     }), !0;
   }
-}, At = () => {
-  const o = w(ht), e = w($), t = w(G), r = w(U), n = e.getCurrentUnitForType(g.UNIVER_SHEET);
-  if (!n)
+}, Ot = () => {
+  const t = T(ot), e = T(E), n = T(_e), o = T(M), r = e.getCurrentUnitForType(b.UNIVER_SHEET);
+  if (!r)
     return null;
-  const i = n.getUnitId(), s = w(Q), a = gt(() => n.activeSheet$.pipe(Mt((m) => m == null ? void 0 : m.getSheetId())), [n.activeSheet$]), c = ae(a, n.getActiveSheet().getSheetId()), d = Te(), u = w(ee), p = ae(u.activeCommentId$), R = ce((m) => {
-    const l = n.getSheets(), _ = {};
-    return l.forEach((C, M) => {
-      _[C.getSheetId()] = M;
-    }), m.map((C) => {
-      var ne;
-      const M = y(C.ref), De = [(ne = _[C.subUnitId]) != null ? ne : 0, M.row, M.column];
-      return { ...C, p: De };
-    }).sort((C, M) => C.p[0] === M.p[0] ? C.p[1] === M.p[1] ? C.p[2] - M.p[2] : C.p[1] - M.p[1] : C.p[0] - M.p[0]);
-  }, [n]), S = ce((m) => {
-    if (m.unitId === i && m.subUnitId === c && !m.resolved) {
-      const { row: l, column: _ } = y(m.ref);
-      if (!Number.isNaN(l) && !Number.isNaN(_))
-        return o.addShape({
+  const i = r.getUnitId(), s = T(Y), d = ht(() => r.activeSheet$.pipe(vt((c) => c == null ? void 0 : c.getSheetId())), [r.activeSheet$]), u = ne(d, r.getActiveSheet().getSheetId()), a = Ie(), m = T(q), h = ne(m.activeCommentId$), w = re((c) => {
+    const l = r.getSheets(), v = {};
+    return l.forEach((f, g) => {
+      v[f.getSheetId()] = g;
+    }), c.map((f) => {
+      var J;
+      const g = F(f.ref), Ue = [(J = v[f.subUnitId]) != null ? J : 0, g.row, g.column];
+      return { ...f, p: Ue };
+    }).sort((f, g) => f.p[0] === g.p[0] ? f.p[1] === g.p[1] ? f.p[2] - g.p[2] : f.p[1] - g.p[1] : f.p[0] - g.p[0]);
+  }, [r]), C = re((c) => {
+    if (c.unitId === i && c.subUnitId === u && !c.resolved) {
+      const { row: l, column: v } = F(c.ref);
+      if (!Number.isNaN(l) && !Number.isNaN(v))
+        return t.addShape({
           range: {
-            startColumn: _,
-            endColumn: _,
+            startColumn: v,
+            endColumn: v,
             startRow: l,
             endRow: l
           },
@@ -360,337 +232,203 @@ const Vt = () => {
           primary: null
         });
     }
-  }, [o, c, i]), I = (m) => {
-    var l, _;
-    return (_ = (l = n.getSheetBySheetId(m)) == null ? void 0 : l.getName()) != null ? _ : "";
-  }, P = () => {
-    s.executeCommand(K.id);
-  }, E = () => {
-    r.hidePopup();
-  }, V = (m) => {
-    p && p.unitId === m.unitId && p.subUnitId === m.subUnitId && p.commentId === m.id || (d.current && (o.removeShape(d.current), d.current = null), d.current = S(m));
-  }, A = () => {
-    d.current && (o.removeShape(d.current), d.current = null);
+  }, [t, u, i]), S = (c) => {
+    var l, v;
+    return (v = (l = r.getSheetBySheetId(c)) == null ? void 0 : l.getName()) != null ? v : "";
+  }, I = () => {
+    s.executeCommand(z.id);
+  }, O = () => {
+    o.hidePopup();
+  }, D = (c) => {
+    h && h.unitId === c.unitId && h.subUnitId === c.subUnitId && h.commentId === c.id || (a.current && (t.removeShape(a.current), a.current = null), a.current = C(c));
+  }, j = () => {
+    a.current && (t.removeShape(a.current), a.current = null);
   };
-  return St(() => {
-    if (!p)
+  return pt(() => {
+    if (!h)
       return;
-    const m = t.getComment(p.unitId, p.subUnitId, p.commentId);
-    if (!m)
+    const c = n.getComment(h.unitId, h.subUnitId, h.commentId);
+    if (!c)
       return;
-    const l = S(m);
+    const l = C(c);
     return () => {
-      l && o.removeShape(l);
+      l && t.removeShape(l);
     };
-  }, [S, p, t, o]), /* @__PURE__ */ Me.createElement(
-    ke,
+  }, [C, h, n, t]), /* @__PURE__ */ Ce.createElement(
+    Le,
     {
       unitId: i,
-      subUnitId$: a,
-      type: g.UNIVER_SHEET,
-      onAdd: P,
-      getSubUnitName: I,
-      onResolve: E,
-      sortComments: R,
-      onItemEnter: V,
-      onItemLeave: A
+      subUnitId$: d,
+      type: b.UNIVER_SHEET,
+      onAdd: I,
+      getSubUnitName: S,
+      onResolve: O,
+      sortComments: w,
+      onItemEnter: D,
+      onItemLeave: j
     }
   );
-}, Lt = (o) => ({
-  id: K.id,
-  type: _e.BUTTON,
-  positions: [ve.CONTEXT_MENU],
-  icon: te,
+}, yt = (t) => ({
+  id: z.id,
+  type: de.BUTTON,
+  positions: [ue.CONTEXT_MENU],
+  icon: X,
   title: "sheetThreadComment.menu.addComment",
-  hidden$: fe(o, g.UNIVER_SHEET),
-  disabled$: Pe(o, {
-    workbookTypes: [Ce],
-    worksheetTypes: [ge],
-    rangeTypes: [Se]
+  hidden$: me(t, b.UNIVER_SHEET),
+  disabled$: fe(t, {
+    workbookTypes: [he],
+    worksheetTypes: [pe],
+    rangeTypes: [le]
   })
-}), Ht = (o) => ({
-  id: Ge.id,
-  type: _e.BUTTON,
-  icon: te,
+}), Ut = (t) => ({
+  id: He.id,
+  type: de.BUTTON,
+  icon: X,
   tooltip: "sheetThreadComment.menu.commentManagement",
-  positions: ve.TOOLBAR_START,
-  group: Je.TOOLBAR_OTHERS,
-  disabled$: Pe(o, {
-    workbookTypes: [Ce],
-    worksheetTypes: [ge],
-    rangeTypes: [Se]
+  positions: ue.TOOLBAR_START,
+  group: ze.TOOLBAR_OTHERS,
+  disabled$: fe(t, {
+    workbookTypes: [he],
+    worksheetTypes: [pe],
+    rangeTypes: [le]
   }),
-  hidden$: fe(o, g.UNIVER_SHEET)
-}), Bt = {
-  id: K.id,
-  binding: Xe.M | ie.CTRL_COMMAND | ie.ALT,
-  preconditions: pt
+  hidden$: me(t, b.UNIVER_SHEET)
+}), Et = {
+  id: z.id,
+  binding: Ze.M | te.CTRL_COMMAND | te.ALT,
+  preconditions: it
 };
-var Wt = Object.defineProperty, Ft = Object.getOwnPropertyDescriptor, Zt = (o, e, t, r) => {
-  for (var n = r > 1 ? void 0 : r ? Ft(e, t) : e, i = o.length - 1, s; i >= 0; i--)
-    (s = o[i]) && (n = (r ? s(e, t, n) : s(n)) || n);
-  return r && n && Wt(e, t, n), n;
-}, b = (o, e) => (t, r) => e(t, r, o);
-const zt = {};
-let N = class extends O {
-  constructor(o, e, t, r, n, i, s, a, c, d, u) {
-    super(), this._config = o, this._menuService = e, this._injector = t, this._componentManager = r, this._localeService = n, this._commandService = i, this._sheetsThreadCommentPopupService = s, this._sheetsThreadCommentModel = a, this._threadCommentPanelService = c, this._shortcutService = d, this._univerInstanceService = u, this._initMenu(), this._initShortcut(), this._initComponent(), this._initCommandListener(), this._initPanelListener();
+var Rt = Object.defineProperty, $t = Object.getOwnPropertyDescriptor, Nt = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? $t(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
+  return o && r && Rt(e, n, r), r;
+}, P = (t, e) => (n, o) => e(n, o, t);
+const xt = {};
+let $ = class extends U {
+  constructor(t, e, n, o, r, i, s, d, u, a, m) {
+    super(), this._config = t, this._menuService = e, this._injector = n, this._componentManager = o, this._localeService = r, this._commandService = i, this._sheetsThreadCommentPopupService = s, this._sheetsThreadCommentModel = d, this._threadCommentPanelService = u, this._shortcutService = a, this._univerInstanceService = m, this._initMenu(), this._initShortcut(), this._initComponent(), this._initCommandListener(), this._initPanelListener();
   }
   _initShortcut() {
-    this._shortcutService.registerShortcut(Bt);
+    this._shortcutService.registerShortcut(Et);
   }
   _initCommandListener() {
-    this._commandService.onCommandExecuted((o) => {
-      if (o.id === ot.id) {
-        const e = o.params, { unitId: t, subUnitId: r, selections: n, type: i } = e;
-        if ((i === it.MOVE_END || i === void 0) && n[0].primary) {
-          const s = n[0].primary.actualRow, a = n[0].primary.actualColumn;
-          if (!this._sheetsThreadCommentModel.showCommentMarker(t, r, s, a)) {
-            this._threadCommentPanelService.activeCommentId && this._commandService.executeCommand(re.id);
+    this._commandService.onCommandExecuted((t) => {
+      if (t.id === Xe.id) {
+        const e = t.params, { unitId: n, subUnitId: o, selections: r, type: i } = e;
+        if ((i === Je.MOVE_END || i === void 0) && r[0].primary) {
+          const s = r[0].primary.actualRow, d = r[0].primary.actualColumn;
+          if (!this._sheetsThreadCommentModel.showCommentMarker(n, o, s, d)) {
+            this._threadCommentPanelService.activeCommentId && this._commandService.executeCommand(Q.id);
             return;
           }
-          const c = this._sheetsThreadCommentModel.getByLocation(t, r, s, a);
-          c && this._commandService.executeCommand(re.id, {
-            unitId: t,
-            subUnitId: r,
-            commentId: c
+          const u = this._sheetsThreadCommentModel.getByLocation(n, o, s, d);
+          u && this._commandService.executeCommand(Q.id, {
+            unitId: n,
+            subUnitId: o,
+            commentId: u
           });
         }
       }
-      if (o.id === j.id) {
-        const e = o.params, t = this._sheetsThreadCommentPopupService.activePopup;
-        if (!t)
+      if (t.id === W.id) {
+        const e = t.params, n = this._sheetsThreadCommentPopupService.activePopup;
+        if (!n)
           return;
-        const { unitId: r, subUnitId: n, commentId: i } = t;
-        e.unitId === r && e.subUnitId === n && e.commentId === i && this._sheetsThreadCommentPopupService.hidePopup();
+        const { unitId: o, subUnitId: r, commentId: i } = n;
+        e.unitId === o && e.subUnitId === r && e.commentId === i && this._sheetsThreadCommentPopupService.hidePopup();
       }
     });
   }
   _initMenu() {
-    const { menu: o = {} } = this._config;
+    const { menu: t = {} } = this._config;
     [
-      Lt,
-      Ht
+      yt,
+      Ut
     ].forEach((e) => {
-      this._menuService.addMenuItem(e(this._injector), o);
+      this._menuService.addMenuItem(e(this._injector), t);
     });
   }
   _initComponent() {
     [
-      [Re, Vt],
-      [Ke, At],
-      [te, Oe]
-    ].forEach(([o, e]) => {
-      this._componentManager.register(o, e);
+      [Me, wt],
+      [Be, Ot],
+      [X, Te]
+    ].forEach(([t, e]) => {
+      this._componentManager.register(t, e);
     });
   }
   _initPanelListener() {
-    this.disposeWithMe(this._threadCommentPanelService.activeCommentId$.subscribe(async (o) => {
-      if (o) {
-        const { unitId: e, subUnitId: t, commentId: r, trigger: n } = o, i = this._sheetsThreadCommentModel.getComment(e, t, r);
+    this.disposeWithMe(this._threadCommentPanelService.activeCommentId$.subscribe(async (t) => {
+      if (t) {
+        const { unitId: e, subUnitId: n, commentId: o, trigger: r } = t, i = this._sheetsThreadCommentModel.getComment(e, n, o);
         if (!i || i.resolved)
           return;
-        const s = this._univerInstanceService.getCurrentUnitForType(g.UNIVER_SHEET);
+        const s = this._univerInstanceService.getCurrentUnitForType(b.UNIVER_SHEET);
         if (!s || s.getUnitId() !== e)
           return;
-        s.getActiveSheet().getSheetId() !== t && await this._commandService.executeCommand(st.id, {
+        s.getActiveSheet().getSheetId() !== n && await this._commandService.executeCommand(Qe.id, {
           unitId: e,
-          subUnitId: t
+          subUnitId: n
         });
-        const d = y(i.ref);
-        await this._commandService.executeCommand(lt.id, {
+        const a = F(i.ref), m = 5;
+        await this._commandService.executeCommand(st.id, {
           range: {
-            startColumn: d.column,
-            endColumn: d.column,
-            startRow: d.row,
-            endRow: d.row
+            startRow: Math.max(a.row - m, 0),
+            endRow: a.row + m,
+            startColumn: Math.max(a.column - m, 0),
+            endColumn: a.column + m
           }
         }), this._sheetsThreadCommentPopupService.showPopup({
           unitId: e,
-          subUnitId: t,
-          row: d.row,
-          col: d.column,
+          subUnitId: n,
+          row: a.row,
+          col: a.column,
           commentId: i.id,
-          trigger: n
+          trigger: r
         });
       } else
         this._sheetsThreadCommentPopupService.hidePopup();
     }));
   }
 };
-N = Zt([
-  x(D.Starting, N),
-  b(1, et),
-  b(2, h(pe)),
-  b(3, h(Qe)),
-  b(4, h(He)),
-  b(5, Q),
-  b(6, h(U)),
-  b(7, h(T)),
-  b(8, h(ee)),
-  b(9, tt),
-  b(10, $)
-], N);
-var kt = Object.defineProperty, Gt = Object.getOwnPropertyDescriptor, Kt = (o, e, t, r) => {
-  for (var n = r > 1 ? void 0 : r ? Gt(e, t) : e, i = o.length - 1, s; i >= 0; i--)
-    (s = o[i]) && (n = (r ? s(e, t, n) : s(n)) || n);
-  return r && n && kt(e, t, n), n;
-}, Y = (o, e) => (t, r) => e(t, r, o);
-let H = class extends O {
-  constructor(e, t, r) {
-    super();
-    v(this, "_disposableMap", /* @__PURE__ */ new Map());
-    this._refRangeService = e, this._sheetsThreadCommentModel = t, this._threadCommentModel = r, this._initData(), this._initRefRange();
-  }
-  _getIdWithUnitId(e, t, r) {
-    return `${e}-${t}-${r}`;
-  }
-  _register(e, t, r) {
-    const n = r.id, i = {
-      startColumn: r.column,
-      endColumn: r.column,
-      startRow: r.row,
-      endRow: r.row
-    }, s = (a) => {
-      const c = ct(i, a);
-      return c && c.startColumn === i.startColumn && c.startRow === i.startRow ? {
-        undos: [],
-        redos: []
-      } : c ? {
-        redos: [{
-          id: se.id,
-          params: {
-            unitId: e,
-            subUnitId: t,
-            payload: {
-              ref: J(c),
-              commentId: n
-            }
-          }
-        }],
-        undos: [{
-          id: se.id,
-          params: {
-            unitId: e,
-            subUnitId: t,
-            payload: {
-              ref: J(i),
-              commentId: n
-            }
-          }
-        }]
-      } : {
-        redos: [{
-          id: j.id,
-          params: {
-            unitId: e,
-            subUnitId: t,
-            commentId: n
-          }
-        }],
-        undos: [{
-          id: z.id,
-          params: {
-            unitId: e,
-            subUnitId: t,
-            comment: r
-          }
-        }]
-      };
-    };
-    this._disposableMap.set(
-      this._getIdWithUnitId(e, t, n),
-      this._refRangeService.registerRefRange(i, s, e, t)
-    );
-  }
-  _initData() {
-    const e = this._threadCommentModel.getAll();
-    for (const t in e) {
-      const r = e[t];
-      for (const n in r) {
-        const i = r[n];
-        for (const s in i) {
-          const a = i[s], c = a.ref, d = y(c);
-          this._register(t, n, {
-            ...a,
-            ...d
-          });
-        }
-      }
-    }
-  }
-  _initRefRange() {
-    this.disposeWithMe(
-      this._sheetsThreadCommentModel.commentUpdate$.subscribe((e) => {
-        const { unitId: t, subUnitId: r } = e;
-        switch (e.type) {
-          case "add": {
-            const n = e.payload;
-            this._register(e.unitId, e.subUnitId, {
-              ...n,
-              row: e.row,
-              column: e.column
-            });
-            break;
-          }
-          case "delete": {
-            const n = this._disposableMap.get(this._getIdWithUnitId(t, r, e.payload.commentId));
-            n == null || n.dispose();
-            break;
-          }
-          case "updateRef": {
-            const n = this._sheetsThreadCommentModel.getComment(t, r, e.payload.commentId);
-            if (!n)
-              return;
-            const i = this._disposableMap.get(this._getIdWithUnitId(t, r, n.id));
-            i == null || i.dispose(), this._register(e.unitId, e.subUnitId, {
-              ...n,
-              row: e.row,
-              column: e.column
-            });
-            break;
-          }
-        }
-      })
-    ), this.disposeWithMe(Be(() => {
-      this._disposableMap.forEach((e) => {
-        e.dispose();
-      }), this._disposableMap.clear();
-    }));
-  }
-};
-H = Kt([
-  x(D.Starting, H),
-  Y(0, h(at)),
-  Y(1, h(T)),
-  Y(2, h(G))
-], H);
-var Yt = Object.defineProperty, qt = Object.getOwnPropertyDescriptor, Xt = (o, e, t, r) => {
-  for (var n = r > 1 ? void 0 : r ? qt(e, t) : e, i = o.length - 1, s; i >= 0; i--)
-    (s = o[i]) && (n = (r ? s(e, t, n) : s(n)) || n);
-  return r && n && Yt(e, t, n), n;
-}, L = (o, e) => (t, r) => e(t, r, o);
-let B = class extends O {
-  constructor(o, e, t, r) {
-    super(), this._sheetInterceptorService = o, this._sheetsThreadCommentModel = e, this._univerInstanceService = t, this._renderManagerService = r, this._initViewModelIntercept(), this._initSkeletonChange();
+$ = Nt([
+  N(x.Starting, $),
+  P(1, Ge),
+  P(2, p(ae)),
+  P(3, p(ke)),
+  P(4, p(xe)),
+  P(5, Y),
+  P(6, p(M)),
+  P(7, p(R)),
+  P(8, p(q)),
+  P(9, Ke),
+  P(10, E)
+], $);
+var Dt = Object.defineProperty, jt = Object.getOwnPropertyDescriptor, At = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? jt(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
+  return o && r && Dt(e, n, r), r;
+}, A = (t, e) => (n, o) => e(n, o, t);
+let V = class extends U {
+  constructor(t, e, n, o) {
+    super(), this._sheetInterceptorService = t, this._sheetsThreadCommentModel = e, this._univerInstanceService = n, this._renderManagerService = o, this._initViewModelIntercept(), this._initSkeletonChange();
   }
   _initViewModelIntercept() {
     this.disposeWithMe(
       this._sheetInterceptorService.intercept(
-        dt.CELL_CONTENT,
+        et.CELL_CONTENT,
         {
-          handler: (o, e, t) => {
-            const { row: r, col: n, unitId: i, subUnitId: s } = e;
-            return this._sheetsThreadCommentModel.showCommentMarker(i, s, r, n) ? t({
-              ...o,
+          handler: (t, e, n) => {
+            const { row: o, col: r, unitId: i, subUnitId: s } = e;
+            return this._sheetsThreadCommentModel.showCommentMarker(i, s, o, r) ? n({
+              ...t,
               markers: {
-                ...o == null ? void 0 : o.markers,
+                ...t == null ? void 0 : t.markers,
                 tr: {
                   color: "#FFBD37",
                   size: 6
                 }
               }
-            }) : t(o);
+            }) : n(t);
           },
           priority: 100
         }
@@ -698,117 +436,117 @@ let B = class extends O {
     );
   }
   _initSkeletonChange() {
-    const o = () => {
-      const e = this._univerInstanceService.getCurrentUnitForType(g.UNIVER_SHEET);
+    const t = () => {
+      const e = this._univerInstanceService.getCurrentUnitForType(b.UNIVER_SHEET);
       if (!e)
         return;
-      const t = e.getUnitId(), r = e.getActiveSheet().getSheetId(), n = this._renderManagerService.getRenderById(t), i = n == null ? void 0 : n.with(_t).getOrCreateSkeleton({ sheetId: r });
-      i == null || i.makeDirty(!0), i == null || i.calculate(), n && n.mainComponent.makeForceDirty();
+      const n = e.getUnitId(), o = e.getActiveSheet().getSheetId(), r = this._renderManagerService.getRenderById(n), i = r == null ? void 0 : r.with(at).getOrCreateSkeleton({ sheetId: o });
+      i == null || i.makeDirty(!0), i == null || i.calculate(), r && r.mainComponent.makeForceDirty();
     };
     this.disposeWithMe(this._sheetsThreadCommentModel.commentUpdate$.subscribe(() => {
-      o();
+      t();
     }));
   }
 };
-B = Xt([
-  x(D.Ready, B),
-  L(0, h(Ie)),
-  L(1, h(T)),
-  L(2, $),
-  L(3, Tt)
-], B);
-var Jt = Object.defineProperty, Qt = Object.getOwnPropertyDescriptor, en = (o, e, t, r) => {
-  for (var n = r > 1 ? void 0 : r ? Qt(e, t) : e, i = o.length - 1, s; i >= 0; i--)
-    (s = o[i]) && (n = (r ? s(e, t, n) : s(n)) || n);
-  return r && n && Jt(e, t, n), n;
-}, ue = (o, e) => (t, r) => e(t, r, o);
-const tn = (o, e, t) => {
-  const r = y(o), n = t.row - e.row, i = t.column - e.column, s = {
-    startColumn: r.column + i,
-    startRow: r.row + n,
-    endColumn: r.column + i,
-    endRow: r.row + n
+V = At([
+  N(x.Ready, V),
+  A(0, p(ve)),
+  A(1, p(R)),
+  A(2, E),
+  A(3, ft)
+], V);
+var Vt = Object.defineProperty, Lt = Object.getOwnPropertyDescriptor, Ht = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? Lt(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
+  return o && r && Vt(e, n, r), r;
+}, ie = (t, e) => (n, o) => e(n, o, t);
+const Bt = (t, e, n) => {
+  const o = F(t), r = n.row - e.row, i = n.column - e.column, s = {
+    startColumn: o.column + i,
+    startRow: o.row + r,
+    endColumn: o.column + i,
+    endRow: o.row + r
   };
-  return J(s);
+  return nt(s);
 };
-let W = class extends O {
-  constructor(e, t) {
+let L = class extends U {
+  constructor(e, n) {
     super();
-    v(this, "_copyInfo");
-    this._sheetClipboardService = e, this._sheetsThreadCommentModel = t, this._initClipboardHook();
+    y(this, "_copyInfo");
+    this._sheetClipboardService = e, this._sheetsThreadCommentModel = n, this._initClipboardHook();
   }
   // eslint-disable-next-line max-lines-per-function
   _initClipboardHook() {
     this.disposeWithMe(
       this._sheetClipboardService.addClipboardHook({
-        id: Ee,
-        onBeforeCopy: (e, t, r) => {
+        id: we,
+        onBeforeCopy: (e, n, o) => {
           this._copyInfo = {
             unitId: e,
-            subUnitId: t,
-            range: r
+            subUnitId: n,
+            range: o
           };
         },
         // eslint-disable-next-line max-lines-per-function
-        onPasteCells: (e, t, r, n) => {
-          const { unitId: i, subUnitId: s, range: a } = t, c = {
-            row: a.rows[0],
-            column: a.cols[0]
+        onPasteCells: (e, n, o, r) => {
+          const { unitId: i, subUnitId: s, range: d } = n, u = {
+            row: d.rows[0],
+            column: d.cols[0]
           };
-          if (n.copyType === ft.CUT && this._copyInfo) {
-            const { range: d, unitId: u, subUnitId: p } = this._copyInfo, R = {
-              row: d.startRow,
-              column: d.startColumn
+          if (r.copyType === dt.CUT && this._copyInfo) {
+            const { range: a, unitId: m, subUnitId: h } = this._copyInfo, w = {
+              row: a.startRow,
+              column: a.startColumn
             };
-            if (!(i === u && s === p)) {
-              const S = [];
-              We.foreach(d, (m, l) => {
-                const _ = this._sheetsThreadCommentModel.getCommentWithChildren(u, p, m, l);
-                _ && S.push(_);
+            if (!(i === m && s === h)) {
+              const C = [];
+              De.foreach(a, (c, l) => {
+                const v = this._sheetsThreadCommentModel.getCommentWithChildren(m, h, c, l);
+                v && C.push(v);
               });
-              const I = [], P = [], E = [], V = [], A = (m) => {
-                I.unshift({
-                  id: j.id,
+              const S = [], I = [], O = [], D = [], j = (c) => {
+                S.unshift({
+                  id: W.id,
                   params: {
-                    unitId: u,
-                    subUnitId: p,
-                    commentId: m.id
+                    unitId: m,
+                    subUnitId: h,
+                    commentId: c.id
                   }
-                }), E.push({
-                  id: z.id,
+                }), O.push({
+                  id: K.id,
                   params: {
                     unitId: i,
                     subUnitId: s,
                     comment: {
-                      ...m,
-                      ref: tn(m.ref, R, c),
+                      ...c,
+                      ref: Bt(c.ref, w, u),
                       unitId: i,
                       subUnitId: s
                     }
                   }
-                }), P.push({
-                  id: z.id,
+                }), I.push({
+                  id: K.id,
                   params: {
-                    unitId: u,
-                    subUnitId: p,
-                    comment: m
+                    unitId: m,
+                    subUnitId: h,
+                    comment: c
                   }
-                }), V.unshift({
-                  id: j.id,
+                }), D.unshift({
+                  id: W.id,
                   params: {
                     unitId: i,
                     subUnitId: s,
-                    commentId: m.id
+                    commentId: c.id
                   }
                 });
               };
-              return S.forEach((m) => {
-                A(m.root), m.children.forEach((l) => {
-                  A(l);
+              return C.forEach((c) => {
+                j(c.root), c.children.forEach((l) => {
+                  j(l);
                 });
               }), {
-                redos: [...I, ...E],
-                undos: [...V, ...P]
+                redos: [...S, ...O],
+                undos: [...D, ...I]
               };
             }
           }
@@ -821,34 +559,34 @@ let W = class extends O {
     );
   }
 };
-W = en([
-  x(D.Rendered, W),
-  ue(0, h(vt)),
-  ue(1, h(T))
-], W);
-var nn = Object.defineProperty, rn = Object.getOwnPropertyDescriptor, on = (o, e, t, r) => {
-  for (var n = r > 1 ? void 0 : r ? rn(e, t) : e, i = o.length - 1, s; i >= 0; i--)
-    (s = o[i]) && (n = (r ? s(e, t, n) : s(n)) || n);
-  return r && n && nn(e, t, n), n;
-}, q = (o, e) => (t, r) => e(t, r, o);
-let F = class extends O {
-  constructor(o, e, t) {
-    super(), this._hoverManagerService = o, this._sheetsThreadCommentPopupService = e, this._sheetsThreadCommentModel = t, this._initHoverEvent();
+L = Ht([
+  N(x.Rendered, L),
+  ie(0, p(ct)),
+  ie(1, p(R))
+], L);
+var Ft = Object.defineProperty, Wt = Object.getOwnPropertyDescriptor, Zt = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? Wt(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
+  return o && r && Ft(e, n, r), r;
+}, k = (t, e) => (n, o) => e(n, o, t);
+let H = class extends U {
+  constructor(t, e, n) {
+    super(), this._hoverManagerService = t, this._sheetsThreadCommentPopupService = e, this._sheetsThreadCommentModel = n, this._initHoverEvent();
   }
   _initHoverEvent() {
     this.disposeWithMe(
-      this._hoverManagerService.currentCell$.pipe(bt(100)).subscribe((o) => {
+      this._hoverManagerService.currentCell$.pipe(_t(100)).subscribe((t) => {
         const e = this._sheetsThreadCommentPopupService.activePopup;
-        if (o && (e && e.temp || !e)) {
-          const { location: t } = o, { unitId: r, subUnitId: n, row: i, col: s } = t, a = this._sheetsThreadCommentModel.getByLocation(r, n, i, s);
-          if (a) {
-            const c = this._sheetsThreadCommentModel.getComment(r, n, a);
-            c && !c.resolved && this._sheetsThreadCommentPopupService.showPopup({
-              unitId: r,
-              subUnitId: n,
+        if (t && (e && e.temp || !e)) {
+          const { location: n } = t, { unitId: o, subUnitId: r, row: i, col: s } = n, d = this._sheetsThreadCommentModel.getByLocation(o, r, i, s);
+          if (d) {
+            const u = this._sheetsThreadCommentModel.getComment(o, r, d);
+            u && !u.resolved && this._sheetsThreadCommentPopupService.showPopup({
+              unitId: o,
+              subUnitId: r,
               row: i,
               col: s,
-              commentId: a,
+              commentId: d,
               temp: !0
             });
           } else
@@ -858,45 +596,45 @@ let F = class extends O {
     );
   }
 };
-F = on([
-  x(D.Rendered, F),
-  q(0, h(Ct)),
-  q(1, h(U)),
-  q(2, h(T))
-], F);
-var sn = Object.defineProperty, an = Object.getOwnPropertyDescriptor, cn = (o, e, t, r) => {
-  for (var n = r > 1 ? void 0 : r ? an(e, t) : e, i = o.length - 1, s; i >= 0; i--)
-    (s = o[i]) && (n = (r ? s(e, t, n) : s(n)) || n);
-  return r && n && sn(e, t, n), n;
-}, X = (o, e) => (t, r) => e(t, r, o);
-let Z = class extends O {
-  constructor(o, e, t) {
-    super(), this._sheetInterceptorService = o, this._univerInstanceService = e, this._threadCommentModel = t, this._initSheetChange();
+H = Zt([
+  N(x.Rendered, H),
+  k(0, p(ut)),
+  k(1, p(M)),
+  k(2, p(R))
+], H);
+var zt = Object.defineProperty, kt = Object.getOwnPropertyDescriptor, Gt = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? kt(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
+  return o && r && zt(e, n, r), r;
+}, G = (t, e) => (n, o) => e(n, o, t);
+let B = class extends U {
+  constructor(t, e, n) {
+    super(), this._sheetInterceptorService = t, this._univerInstanceService = e, this._threadCommentModel = n, this._initSheetChange();
   }
   _initSheetChange() {
     this.disposeWithMe(
       this._sheetInterceptorService.interceptCommand({
-        getMutations: (o) => {
-          if (o.id === mt.id) {
-            const e = o.params, t = e.unitId ? this._univerInstanceService.getUnit(e.unitId) : this._univerInstanceService.getCurrentUnitForType(g.UNIVER_SHEET);
-            if (!t)
+        getMutations: (t) => {
+          if (t.id === tt.id) {
+            const e = t.params, n = e.unitId ? this._univerInstanceService.getUnit(e.unitId) : this._univerInstanceService.getCurrentUnitForType(b.UNIVER_SHEET);
+            if (!n)
               return { redos: [], undos: [] };
-            const r = t.getUnitId(), n = e.subUnitId || t.getActiveSheet().getSheetId(), { commentMap: i } = this._threadCommentModel.ensureMap(r, n), s = Array.from(Object.keys(i)), a = Array.from(Object.values(i)), c = s.map((u) => ({
-              id: j.id,
+            const o = n.getUnitId(), r = e.subUnitId || n.getActiveSheet().getSheetId(), { commentMap: i } = this._threadCommentModel.ensureMap(o, r), s = Array.from(Object.keys(i)), d = Array.from(Object.values(i)), u = s.map((m) => ({
+              id: W.id,
               params: {
-                unitId: r,
-                subUnitId: n,
-                commentId: u
+                unitId: o,
+                subUnitId: r,
+                commentId: m
               }
-            })), d = a.map((u) => ({
-              id: z.id,
+            })), a = d.map((m) => ({
+              id: K.id,
               params: {
-                unitId: r,
-                subUnitId: n,
-                comment: u
+                unitId: o,
+                subUnitId: r,
+                comment: m
               }
             }));
-            return { redos: c, undos: d };
+            return { redos: u, undos: a };
           }
           return { redos: [], undos: [] };
         }
@@ -904,68 +642,65 @@ let Z = class extends O {
     );
   }
 };
-Z = cn([
-  x(D.Ready, Z),
-  X(0, h(Ie)),
-  X(1, $),
-  X(2, h(G))
-], Z);
-var $e = Object.defineProperty, dn = Object.getOwnPropertyDescriptor, mn = (o, e, t) => e in o ? $e(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, un = (o, e, t, r) => {
-  for (var n = r > 1 ? void 0 : r ? dn(e, t) : e, i = o.length - 1, s; i >= 0; i--)
-    (s = o[i]) && (n = (r ? s(e, t, n) : s(n)) || n);
-  return r && n && $e(e, t, n), n;
-}, he = (o, e) => (t, r) => e(t, r, o), xe = (o, e, t) => (mn(o, typeof e != "symbol" ? e + "" : e, t), t);
-let k = class extends Ze {
-  constructor(e = {}, t, r) {
+B = Gt([
+  N(x.Ready, B),
+  G(0, p(ve)),
+  G(1, E),
+  G(2, p(_e))
+], B);
+var Oe = Object.defineProperty, Kt = Object.getOwnPropertyDescriptor, Yt = (t, e, n) => e in t ? Oe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, qt = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? Kt(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
+  return o && r && Oe(e, n, r), r;
+}, se = (t, e) => (n, o) => e(n, o, t), ye = (t, e, n) => (Yt(t, typeof e != "symbol" ? e + "" : e, n), n);
+let Z = class extends Ae {
+  constructor(e = {}, n, o) {
     super();
-    v(this, "_pluginConfig");
-    this._injector = t, this._commandService = r, this._pluginConfig = le.deepMerge({}, zt, e);
+    y(this, "_pluginConfig");
+    this._injector = n, this._commandService = o, this._pluginConfig = ce.deepMerge({}, xt, e);
   }
   onStarting(e) {
     [
-      [T],
       [
-        N,
+        $,
         {
-          useFactory: () => this._injector.createInstance(N, this._pluginConfig)
+          useFactory: () => this._injector.createInstance($, this._pluginConfig)
         }
       ],
+      [V],
+      [L],
       [H],
       [B],
-      [W],
-      [F],
-      [Z],
-      [U]
-    ].forEach((t) => {
-      e.add(t);
-    }), [K].forEach((t) => {
-      this._commandService.registerCommand(t);
+      [M]
+    ].forEach((n) => {
+      e.add(n);
+    }), [z].forEach((n) => {
+      this._commandService.registerCommand(n);
     });
   }
 };
-xe(k, "pluginName", Ee);
-xe(k, "type", g.UNIVER_SHEET);
-k = un([
-  Fe(Ye),
-  he(1, h(pe)),
-  he(2, h(Q))
-], k);
+ye(Z, "pluginName", we);
+ye(Z, "type", b.UNIVER_SHEET);
+Z = qt([
+  je(Fe, mt),
+  se(1, p(ae)),
+  se(2, p(Y))
+], Z);
 export {
-  Rn as ICommandService,
-  Vn as IThreadCommentDataSourceService,
-  Dn as IThreadCommentMentionDataService,
-  yn as Inject,
-  Un as Injector,
-  En as Plugin,
-  Ee as SHEETS_THREAD_COMMENT,
-  N as SheetsThreadCommentController,
-  W as SheetsThreadCommentCopyPasteController,
-  F as SheetsThreadCommentHoverController,
-  T as SheetsThreadCommentModel,
-  U as SheetsThreadCommentPopupService,
-  H as SheetsThreadCommentRefRangeController,
-  Z as ThreadCommentRemoveSheetsController,
-  $n as UniverInstanceType,
-  k as UniverSheetsThreadCommentPlugin,
-  Nn as UniverThreadCommentUIPlugin
+  fn as ICommandService,
+  Tn as IThreadCommentDataSourceService,
+  gn as IThreadCommentMentionDataService,
+  ln as Inject,
+  vn as Injector,
+  Cn as Plugin,
+  we as SHEETS_THREAD_COMMENT,
+  $ as SheetsThreadCommentController,
+  L as SheetsThreadCommentCopyPasteController,
+  H as SheetsThreadCommentHoverController,
+  wn as SheetsThreadCommentModel,
+  M as SheetsThreadCommentPopupService,
+  B as ThreadCommentRemoveSheetsController,
+  Sn as UniverInstanceType,
+  Z as UniverSheetsThreadCommentPlugin,
+  Pn as UniverThreadCommentUIPlugin
 };