@univerjs/docs-thread-comment-ui 0.5.0 → 0.5.1-nightly.202411301606

package/lib/es/index.js

@@ -1,26 +1,26 @@
-var be = Object.defineProperty;
-var xe = (e, t, r) => t in e ? be(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var Z = (e, t, r) => xe(e, typeof t != "symbol" ? t + "" : t, r);
-import { Inject as p, Disposable as j, CommandType as E, ICommandService as M, CustomDecorationType as Q, sequenceExecute as ne, UniverInstanceType as S, SHEET_EDITOR_UNITS as ye, useDependency as U, IUniverInstanceService as B, Injector as re, useObservable as q, UserManagerService as De, BuildTextUtils as Te, DependentOn as Re, Plugin as Pe, IConfigService as Ue } from "@univerjs/core";
-import { IRenderManagerService as F, DocumentEditArea as ee } from "@univerjs/engine-render";
-import { ThreadCommentPanelService as R, SetActiveCommentOperation as oe, ThreadCommentPanel as Ee, UniverThreadCommentUIPlugin as we } from "@univerjs/thread-comment-ui";
-import { DocSelectionManagerService as L, DocSkeletonManagerService as Ne, RichTextEditingMutation as ie, SetTextSelectionsOperation as Ae, DocInterceptorService as $e, DOC_INTERCEPTOR_POINT as Ve } from "@univerjs/docs";
-import { addCustomDecorationBySelectionFactory as je, deleteCustomDecorationFactory as Be, DocSelectionRenderService as Fe, DocBackScrollRenderController as Le, DocRenderController as He } from "@univerjs/docs-ui";
-import { IThreadCommentDataSourceService as We, AddCommentMutation as Ke, getDT as Ge, ThreadCommentModel as se } from "@univerjs/thread-comment";
-import { ISidebarService as H, MenuItemType as de, getMenuHiddenObservable as ce, RibbonStartGroup as Ze, ContextMenuPosition as qe, ContextMenuGroup as ze, ComponentManager as Je, IMenuManagerService as Ye } from "@univerjs/ui";
-import { BehaviorSubject as Qe, Observable as ae, debounceTime as me } from "rxjs";
-import Xe, { useMemo as z, useState as ke, useEffect as et, forwardRef as le, useRef as tt, createElement as ue } from "react";
-const nt = "DOC_THREAD_COMMENT_UI_PLUGIN", I = "default_doc", rt = "docs-thread-comment-ui.config", ot = {};
-var it = Object.defineProperty, st = Object.getOwnPropertyDescriptor, dt = (e, t, r, n) => {
-  for (var o = n > 1 ? void 0 : n ? st(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+var xe = Object.defineProperty;
+var De = (e, t, r) => t in e ? xe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var K = (e, t, r) => De(e, typeof t != "symbol" ? t + "" : t, r);
+import { Inject as p, Disposable as B, CommandType as w, ICommandService as M, CustomDecorationType as X, sequenceExecute as ie, UniverInstanceType as S, SHEET_EDITOR_UNITS as Re, useDependency as U, IUniverInstanceService as F, Injector as se, useObservable as G, UserManagerService as ye, BuildTextUtils as Te, DependentOn as Pe, Plugin as Ue, IConfigService as Ee } from "@univerjs/core";
+import { IRenderManagerService as L, DocumentEditArea as te } from "@univerjs/engine-render";
+import { ThreadCommentPanelService as T, SetActiveCommentOperation as de, ThreadCommentPanel as we, UniverThreadCommentUIPlugin as Ne } from "@univerjs/thread-comment-ui";
+import { DocSelectionManagerService as H, DocSkeletonManagerService as Ae, RichTextEditingMutation as ce, SetTextSelectionsOperation as $e, DocInterceptorService as Ve, DOC_INTERCEPTOR_POINT as je } from "@univerjs/docs";
+import { addCustomDecorationBySelectionFactory as Be, deleteCustomDecorationFactory as Fe, DocSelectionRenderService as Le, DocBackScrollRenderController as He, DocRenderController as We } from "@univerjs/docs-ui";
+import { IThreadCommentDataSourceService as qe, AddCommentMutation as Je, getDT as Ke, ThreadCommentModel as ae } from "@univerjs/thread-comment";
+import { ISidebarService as W, MenuItemType as me, getMenuHiddenObservable as le, RibbonStartGroup as Ge, ContextMenuPosition as Ze, ContextMenuGroup as ze, ComponentManager as Ye, IMenuManagerService as Qe } from "@univerjs/ui";
+import { BehaviorSubject as Xe, Observable as ue, debounceTime as fe } from "rxjs";
+import ke, { useMemo as Z, useState as et, useEffect as tt, forwardRef as he, useRef as nt, createElement as Ce } from "react";
+const rt = "DOC_THREAD_COMMENT_UI_PLUGIN", I = "default_doc", ot = "docs-thread-comment-ui.config", it = {};
+var st = Object.defineProperty, dt = Object.getOwnPropertyDescriptor, ct = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? dt(t, r) : t, i = e.length - 1, s; i >= 0; i--)
     (s = e[i]) && (o = (n ? s(t, r, o) : s(o)) || o);
-  return n && o && it(t, r, o), o;
-}, te = (e, t) => (r, n) => t(r, n, e);
-let D = class extends j {
+  return n && o && st(t, r, o), o;
+}, ne = (e, t) => (r, n) => t(r, n, e);
+let R = class extends B {
   constructor(t, r) {
     super();
-    Z(this, "_addingComment$", new Qe(void 0));
-    Z(this, "addingComment$", this._addingComment$.asObservable());
+    K(this, "_addingComment$", new Xe(void 0));
+    K(this, "addingComment$", this._addingComment$.asObservable());
     this._sidebarService = t, this._threadCommentPanelService = r, this.disposeWithMe(() => {
       this._addingComment$.complete();
     });
@@ -35,11 +35,11 @@ let D = class extends j {
     this._addingComment$.next(void 0);
   }
 };
-D = dt([
-  te(0, H),
-  te(1, p(R))
-], D);
-var fe = { exports: {} }, W = {};
+R = ct([
+  ne(0, W),
+  ne(1, p(T))
+], R);
+var z = { exports: {} }, E = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -49,82 +49,88 @@ var fe = { exports: {} }, W = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ct = Xe, at = Symbol.for("react.element"), mt = Symbol.for("react.fragment"), lt = Object.prototype.hasOwnProperty, ut = ct.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, ft = { key: !0, ref: !0, __self: !0, __source: !0 };
-function he(e, t, r) {
-  var n, o = {}, i = null, s = null;
-  r !== void 0 && (i = "" + r), t.key !== void 0 && (i = "" + t.key), t.ref !== void 0 && (s = t.ref);
-  for (n in t) lt.call(t, n) && !ft.hasOwnProperty(n) && (o[n] = t[n]);
-  if (e && e.defaultProps) for (n in t = e.defaultProps, t) o[n] === void 0 && (o[n] = t[n]);
-  return { $$typeof: at, type: e, key: i, ref: s, props: o, _owner: ut.current };
+var re;
+function at() {
+  if (re) return E;
+  re = 1;
+  var e = ke, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function s(d, a, u) {
+    var c, h = {}, C = null, _ = null;
+    u !== void 0 && (C = "" + u), a.key !== void 0 && (C = "" + a.key), a.ref !== void 0 && (_ = a.ref);
+    for (c in a) n.call(a, c) && !i.hasOwnProperty(c) && (h[c] = a[c]);
+    if (d && d.defaultProps) for (c in a = d.defaultProps, a) h[c] === void 0 && (h[c] = a[c]);
+    return { $$typeof: t, type: d, key: C, ref: _, props: h, _owner: o.current };
+  }
+  return E.Fragment = r, E.jsx = s, E.jsxs = s, E;
+}
+var oe;
+function mt() {
+  return oe || (oe = 1, z.exports = at()), z.exports;
 }
-W.Fragment = mt;
-W.jsx = he;
-W.jsxs = he;
-fe.exports = W;
-var ht = fe.exports;
-const Ce = {
+var lt = mt();
+const _e = {
   id: "docs.command.add-comment",
-  type: E.COMMAND,
+  type: w.COMMAND,
   async handler(e, t) {
     if (!t)
       return !1;
-    const { comment: r, unitId: n } = t, i = await e.get(We).addComment(r), s = e.get(M), d = je(
+    const { comment: r, unitId: n } = t, i = await e.get(qe).addComment(r), s = e.get(M), d = Be(
       e,
       {
         id: i.threadId,
-        type: Q.COMMENT
+        type: X.COMMENT
       }
     );
     if (d) {
-      const l = {
-        id: Ke.id,
+      const a = {
+        id: Je.id,
         params: {
           unitId: n,
           subUnitId: I,
           comment: i
         }
-      }, f = {
-        id: oe.id,
+      }, u = {
+        id: de.id,
         params: {
           unitId: n,
           subUnitId: I,
           commentId: i.id
         }
       };
-      return (await ne([l, d, f], s)).result;
+      return (await ie([a, d, u], s)).result;
     }
     return !1;
   }
 }, ve = {
   id: "docs.command.delete-comment",
-  type: E.COMMAND,
+  type: w.COMMAND,
   async handler(e, t) {
     if (!t)
       return !1;
-    const { commentId: r, unitId: n } = t, o = e.get(M), i = Be(e, {
+    const { commentId: r, unitId: n } = t, o = e.get(M), i = Fe(e, {
       id: r,
       unitId: n
     });
-    return i ? (await ne([i], o)).result : !1;
+    return i ? (await ie([i], o)).result : !1;
   }
-}, _e = (e) => {
-  const t = e.get(F), r = e.get(L), n = t.getCurrent(), o = n == null ? void 0 : n.with(Ne).getSkeleton(), i = o == null ? void 0 : o.getViewModel().getEditArea();
-  if (i === ee.FOOTER || i === ee.HEADER)
+}, pe = (e) => {
+  const t = e.get(L), r = e.get(H), n = t.getCurrent(), o = n == null ? void 0 : n.with(Ae).getSkeleton(), i = o == null ? void 0 : o.getViewModel().getEditArea();
+  if (i === te.FOOTER || i === te.HEADER)
     return !0;
   const s = r.getActiveTextRange();
   return !!(s == null || s.collapsed);
 };
-function Ct(e) {
+function ut(e) {
   return {
-    id: K.id,
-    type: de.BUTTON,
+    id: q.id,
+    type: me.BUTTON,
     icon: "CommentSingle",
     title: "threadCommentUI.panel.addComment",
     tooltip: "threadCommentUI.panel.addComment",
-    hidden$: ce(e, S.UNIVER_DOC, void 0, ye),
-    disabled$: new ae(function(t) {
-      const n = e.get(L).textSelection$.pipe(me(16)).subscribe(() => {
-        t.next(_e(e));
+    hidden$: le(e, S.UNIVER_DOC, void 0, Re),
+    disabled$: new ue(function(t) {
+      const n = e.get(H).textSelection$.pipe(fe(16)).subscribe(() => {
+        t.next(pe(e));
       });
       return () => {
         n.unsubscribe();
@@ -132,37 +138,37 @@ function Ct(e) {
     })
   };
 }
-function vt(e) {
+function ft(e) {
   return {
-    id: k.id,
-    type: de.BUTTON,
+    id: ee.id,
+    type: me.BUTTON,
     icon: "CommentSingle",
     title: "threadCommentUI.panel.addComment",
     tooltip: "threadCommentUI.panel.addComment",
-    hidden$: ce(e, S.UNIVER_DOC)
+    hidden$: le(e, S.UNIVER_DOC)
   };
 }
-const T = () => {
-  const e = U(B), t = U(re), r = z(() => e.getCurrentTypeOfUnit$(S.UNIVER_DOC), [e]), n = q(r), o = z(() => new ae((a) => a.next(I)), []), i = U(L), s = z(
-    () => i.textSelection$.pipe(me(16)),
+const y = () => {
+  const e = U(F), t = U(se), r = Z(() => e.getCurrentTypeOfUnit$(S.UNIVER_DOC), [e]), n = G(r), o = Z(() => new ue((m) => m.next(I)), []), i = U(H), s = Z(
+    () => i.textSelection$.pipe(fe(16)),
     [i.textSelection$]
   );
-  q(s);
-  const d = U(M), l = U(D), f = q(l.addingComment$), [c, C] = ke([]);
-  if (et(() => {
+  G(s);
+  const d = U(M), a = U(R), u = G(a.addingComment$), [c, h] = et([]);
+  if (tt(() => {
     var b;
-    const a = /* @__PURE__ */ new Set(), m = n == null ? void 0 : n.getCustomDecorations();
-    C((b = m == null ? void 0 : m.map((u) => u.id).filter((u) => {
-      const O = a.has(u);
-      return a.add(u), !O;
+    const m = /* @__PURE__ */ new Set(), l = n == null ? void 0 : n.getCustomDecorations();
+    h((b = l == null ? void 0 : l.map((f) => f.id).filter((f) => {
+      const O = m.has(f);
+      return m.add(f), !O;
     })) != null ? b : []);
-    const g = d.onCommandExecuted((u) => {
+    const g = d.onCommandExecuted((f) => {
       var O;
-      if (u.id === ie.id) {
-        const P = /* @__PURE__ */ new Set(), G = n == null ? void 0 : n.getCustomDecorations();
-        C((O = G == null ? void 0 : G.map((w) => w.id).filter((w) => {
-          const Me = P.has(w);
-          return P.add(w), !Me;
+      if (f.id === ce.id) {
+        const P = /* @__PURE__ */ new Set(), J = n == null ? void 0 : n.getCustomDecorations();
+        h((O = J == null ? void 0 : J.map((N) => N.id).filter((N) => {
+          const be = P.has(N);
+          return P.add(N), !be;
         })) != null ? O : []);
       }
     });
@@ -171,37 +177,37 @@ const T = () => {
     };
   }, [d, n]), !n)
     return null;
-  const v = _e(t), h = n.getUnitId();
-  return /* @__PURE__ */ ht.jsx(
-    Ee,
+  const C = pe(t), _ = n.getUnitId();
+  return /* @__PURE__ */ lt.jsx(
+    we,
     {
-      unitId: h,
+      unitId: _,
       subUnitId$: o,
       type: S.UNIVER_DOC,
       onAdd: () => {
-        d.executeCommand(K.id);
+        d.executeCommand(q.id);
       },
       getSubUnitName: () => "",
-      disableAdd: v,
-      tempComment: f,
-      onAddComment: (a) => {
-        if (!a.parentId) {
-          const m = {
-            unitId: h,
-            range: f,
-            comment: a
+      disableAdd: C,
+      tempComment: u,
+      onAddComment: (m) => {
+        if (!m.parentId) {
+          const l = {
+            unitId: _,
+            range: u,
+            comment: m
           };
-          return d.executeCommand(Ce.id, m), l.endAdd(), !1;
+          return d.executeCommand(_e.id, l), a.endAdd(), !1;
         }
         return !0;
       },
-      onDeleteComment: (a) => {
-        if (!a.parentId) {
-          const m = {
-            unitId: h,
-            commentId: a.id
+      onDeleteComment: (m) => {
+        if (!m.parentId) {
+          const l = {
+            unitId: _,
+            commentId: m.id
           };
-          return d.executeCommand(ve.id, m), !1;
+          return d.executeCommand(ve.id, l), !1;
         }
         return !0;
       },
@@ -209,51 +215,51 @@ const T = () => {
     }
   );
 };
-T.componentKey = "univer.doc.thread-comment-panel";
-const N = {
+y.componentKey = "univer.doc.thread-comment-panel";
+const A = {
   id: "docs.operation.show-comment-panel",
-  type: E.OPERATION,
+  type: w.OPERATION,
   handler(e, t) {
     var o;
-    const r = e.get(R), n = e.get(H);
-    return (!r.panelVisible || ((o = n.options.children) == null ? void 0 : o.label) !== T.componentKey) && (n.open({
+    const r = e.get(T), n = e.get(W);
+    return (!r.panelVisible || ((o = n.options.children) == null ? void 0 : o.label) !== y.componentKey) && (n.open({
       header: { title: "threadCommentUI.panel.title" },
-      children: { label: T.componentKey },
+      children: { label: y.componentKey },
       width: 320,
       onClose: () => r.setPanelVisible(!1)
     }), r.setPanelVisible(!0)), t && r.setActiveComment(t == null ? void 0 : t.activeComment), !0;
   }
-}, k = {
+}, ee = {
   id: "docs.operation.toggle-comment-panel",
-  type: E.OPERATION,
+  type: w.OPERATION,
   handler(e) {
     var n;
-    const t = e.get(R), r = e.get(H);
-    return !t.panelVisible || ((n = r.options.children) == null ? void 0 : n.label) !== T.componentKey ? (r.open({
+    const t = e.get(T), r = e.get(W);
+    return !t.panelVisible || ((n = r.options.children) == null ? void 0 : n.label) !== y.componentKey ? (r.open({
       header: { title: "threadCommentUI.panel.title" },
-      children: { label: T.componentKey },
+      children: { label: y.componentKey },
       width: 320,
       onClose: () => t.setPanelVisible(!1)
     }), t.setPanelVisible(!0)) : (r.close(), t.setPanelVisible(!1), t.setActiveComment(null)), !0;
   }
-}, K = {
+}, q = {
   id: "docs.operation.start-add-comment",
-  type: E.OPERATION,
+  type: w.OPERATION,
   handler(e) {
-    var u, O, P;
-    const t = e.get(R), n = e.get(B).getCurrentUnitForType(S.UNIVER_DOC), o = e.get(L), i = e.get(F), s = e.get(De), d = e.get(D), l = e.get(M), f = e.get(H), c = o.getActiveTextRange();
+    var f, O, P;
+    const t = e.get(T), n = e.get(F).getCurrentUnitForType(S.UNIVER_DOC), o = e.get(H), i = e.get(L), s = e.get(ye), d = e.get(R), a = e.get(M), u = e.get(W), c = o.getActiveTextRange();
     if (!n || !c)
       return !1;
-    const C = (u = i.getRenderById(n.getUnitId())) == null ? void 0 : u.with(Fe);
+    const h = (f = i.getRenderById(n.getUnitId())) == null ? void 0 : f.with(Le);
     if (c.collapsed)
-      return t.panelVisible ? (t.setPanelVisible(!1), f.close()) : l.executeCommand(N.id), !0;
-    l.executeCommand(N.id);
-    const v = n.getUnitId(), h = ((P = (O = n.getBody()) == null ? void 0 : O.dataStream) != null ? P : "").slice(c.startOffset, c.endOffset), a = Te.transform.getPlainText(h), m = I, g = "", b = {
-      unitId: v,
-      subUnitId: m,
+      return t.panelVisible ? (t.setPanelVisible(!1), u.close()) : a.executeCommand(A.id), !0;
+    a.executeCommand(A.id);
+    const C = n.getUnitId(), _ = ((P = (O = n.getBody()) == null ? void 0 : O.dataStream) != null ? P : "").slice(c.startOffset, c.endOffset), m = Te.transform.getPlainText(_), l = I, g = "", b = {
+      unitId: C,
+      subUnitId: l,
       id: g,
-      ref: a,
-      dT: Ge(),
+      ref: m,
+      dT: Ke(),
       personId: s.getCurrentUser().userID,
       text: {
         dataStream: `\r
@@ -264,19 +270,19 @@ const N = {
       collapsed: !0,
       threadId: g
     };
-    return C == null || C.blurEditor(), d.startAdd(b), t.setActiveComment({
-      unitId: v,
-      subUnitId: m,
+    return h == null || h.blurEditor(), d.startAdd(b), t.setActiveComment({
+      unitId: C,
+      subUnitId: l,
       commentId: g
     }), !0;
   }
 };
-var _t = Object.defineProperty, pt = Object.getOwnPropertyDescriptor, gt = (e, t, r, n) => {
-  for (var o = n > 1 ? void 0 : n ? pt(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+var ht = Object.defineProperty, Ct = Object.getOwnPropertyDescriptor, _t = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? Ct(t, r) : t, i = e.length - 1, s; i >= 0; i--)
     (s = e[i]) && (o = (n ? s(t, r, o) : s(o)) || o);
-  return n && o && _t(t, r, o), o;
+  return n && o && ht(t, r, o), o;
 }, x = (e, t) => (r, n) => t(r, n, e);
-let A = class extends j {
+let $ = class extends B {
   constructor(e, t, r, n, o, i) {
     super(), this._threadCommentPanelService = e, this._univerInstanceService = t, this._commandService = r, this._docThreadCommentService = n, this._renderManagerService = o, this._threadCommentModel = i, this._initSelectionChange(), this._initActiveCommandChange();
   }
@@ -285,20 +291,20 @@ let A = class extends j {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         var r, n, o, i;
-        if (t.id === Ae.id) {
-          const s = t.params, { unitId: d, ranges: l } = s, f = this._univerInstanceService.getUnit(d, S.UNIVER_DOC), c = l[0];
+        if (t.id === $e.id) {
+          const s = t.params, { unitId: d, ranges: a } = s, u = this._univerInstanceService.getUnit(d, S.UNIVER_DOC), c = a[0];
           if ((e == null ? void 0 : e.startOffset) === (c == null ? void 0 : c.startOffset) && (e == null ? void 0 : e.endOffset) === (c == null ? void 0 : c.endOffset))
             return;
-          if (e = c, c && f) {
-            const { startOffset: C, endOffset: v, collapsed: h } = c;
-            let a;
-            if (h ? a = (n = (r = f.getBody()) == null ? void 0 : r.customDecorations) == null ? void 0 : n.find((m) => m.startIndex <= C && m.endIndex >= v - 1) : a = (i = (o = f.getBody()) == null ? void 0 : o.customDecorations) == null ? void 0 : i.find((m) => m.startIndex <= C && m.endIndex >= v - 1), a) {
-              const m = this._threadCommentModel.getComment(d, I, a.id);
-              m && !m.resolved && this._commandService.executeCommand(N.id, {
+          if (e = c, c && u) {
+            const { startOffset: h, endOffset: C, collapsed: _ } = c;
+            let m;
+            if (_ ? m = (n = (r = u.getBody()) == null ? void 0 : r.customDecorations) == null ? void 0 : n.find((l) => l.startIndex <= h && l.endIndex >= C - 1) : m = (i = (o = u.getBody()) == null ? void 0 : o.customDecorations) == null ? void 0 : i.find((l) => l.startIndex <= h && l.endIndex >= C - 1), m) {
+              const l = this._threadCommentModel.getComment(d, I, m.id);
+              l && !l.resolved && this._commandService.executeCommand(A.id, {
                 activeComment: {
                   unitId: d,
                   subUnitId: I,
-                  commentId: a.id
+                  commentId: m.id
                 }
               });
               return;
@@ -306,7 +312,7 @@ let A = class extends j {
           }
           if (!this._threadCommentPanelService.activeCommentId)
             return;
-          this._commandService.executeCommand(oe.id);
+          this._commandService.executeCommand(de.id);
         }
       })
     );
@@ -317,7 +323,7 @@ let A = class extends j {
       if (e) {
         const i = this._univerInstanceService.getUnit(e.unitId);
         if (i) {
-          const s = (t = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : t.with(Le), d = (n = (r = i.getBody()) == null ? void 0 : r.customDecorations) == null ? void 0 : n.find((l) => l.id === e.commentId);
+          const s = (t = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : t.with(He), d = (n = (r = i.getBody()) == null ? void 0 : r.customDecorations) == null ? void 0 : n.find((a) => a.id === e.commentId);
           d && s && s.scrollToRange({
             startOffset: d.startIndex,
             endOffset: d.endIndex,
@@ -329,40 +335,40 @@ let A = class extends j {
     }));
   }
 };
-A = gt([
-  x(0, p(R)),
-  x(1, B),
+$ = _t([
+  x(0, p(T)),
+  x(1, F),
   x(2, M),
-  x(3, p(D)),
-  x(4, F),
-  x(5, p(se))
-], A);
-var _ = function() {
-  return _ = Object.assign || function(e) {
+  x(3, p(R)),
+  x(4, L),
+  x(5, p(ae))
+], $);
+var v = function() {
+  return v = Object.assign || function(e) {
     for (var t, r = 1, n = arguments.length; r < n; r++) {
       t = arguments[r];
       for (var o in t) Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
     }
     return e;
-  }, _.apply(this, arguments);
-}, It = function(e, t) {
+  }, v.apply(this, arguments);
+}, vt = function(e, t) {
   var r = {};
   for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
     for (var o = 0, n = Object.getOwnPropertySymbols(e); o < n.length; o++)
       t.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[o]) && (r[n[o]] = e[n[o]]);
   return r;
-}, pe = le(function(e, t) {
-  var r = e.icon, n = e.id, o = e.className, i = e.extend, s = It(e, ["icon", "id", "className", "extend"]), d = "univerjs-icon univerjs-icon-".concat(n, " ").concat(o || "").trim(), l = tt("_".concat(Mt()));
-  return ge(r, "".concat(n), { defIds: r.defIds, idSuffix: l.current }, _({ ref: t, className: d }, s), i);
+}, ge = he(function(e, t) {
+  var r = e.icon, n = e.id, o = e.className, i = e.extend, s = vt(e, ["icon", "id", "className", "extend"]), d = "univerjs-icon univerjs-icon-".concat(n, " ").concat(o || "").trim(), a = nt("_".concat(It()));
+  return Ie(r, "".concat(n), { defIds: r.defIds, idSuffix: a.current }, v({ ref: t, className: d }, s), i);
 });
-function ge(e, t, r, n, o) {
-  return ue(e.tag, _(_({ key: t }, St(e, r, o)), n), (Ot(e, r).children || []).map(function(i, s) {
-    return ge(i, "".concat(t, "-").concat(e.tag, "-").concat(s), r, void 0, o);
+function Ie(e, t, r, n, o) {
+  return Ce(e.tag, v(v({ key: t }, pt(e, r, o)), n), (gt(e, r).children || []).map(function(i, s) {
+    return Ie(i, "".concat(t, "-").concat(e.tag, "-").concat(s), r, void 0, o);
   }));
 }
-function St(e, t, r) {
-  var n = _({}, e.attrs);
+function pt(e, t, r) {
+  var n = v({}, e.attrs);
   r != null && r.colorChannel1 && n.fill === "colorChannel1" && (n.fill = r.colorChannel1);
   var o = t.defIds;
   return !o || o.length === 0 || (e.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + t.idSuffix), Object.entries(n).forEach(function(i) {
@@ -370,80 +376,80 @@ function St(e, t, r) {
     typeof d == "string" && (n[s] = d.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
   })), n;
 }
-function Ot(e, t) {
+function gt(e, t) {
   var r, n = t.defIds;
-  return !n || n.length === 0 ? e : e.tag === "defs" && (!((r = e.children) === null || r === void 0) && r.length) ? _(_({}, e), { children: e.children.map(function(o) {
-    return typeof o.attrs.id == "string" && n && n.indexOf(o.attrs.id) > -1 ? _(_({}, o), { attrs: _(_({}, o.attrs), { id: o.attrs.id + t.idSuffix }) }) : o;
+  return !n || n.length === 0 ? e : e.tag === "defs" && (!((r = e.children) === null || r === void 0) && r.length) ? v(v({}, e), { children: e.children.map(function(o) {
+    return typeof o.attrs.id == "string" && n && n.indexOf(o.attrs.id) > -1 ? v(v({}, o), { attrs: v(v({}, o.attrs), { id: o.attrs.id + t.idSuffix }) }) : o;
   }) }) : e;
 }
-function Mt() {
+function It() {
   return Math.random().toString(36).substring(2, 8);
 }
-pe.displayName = "UniverIcon";
-var bt = { 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" } }] }, Ie = le(function(e, t) {
-  return ue(pe, Object.assign({}, e, {
+ge.displayName = "UniverIcon";
+var St = { 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" } }] }, Se = he(function(e, t) {
+  return Ce(ge, Object.assign({}, e, {
     id: "comment-single",
     ref: t,
-    icon: bt
+    icon: St
   }));
 });
-Ie.displayName = "CommentSingle";
-const xt = {
-  [Ze.OTHERS]: {
-    [k.id]: {
+Se.displayName = "CommentSingle";
+const Ot = {
+  [Ge.OTHERS]: {
+    [ee.id]: {
       order: 1,
-      menuItemFactory: vt
+      menuItemFactory: ft
     }
   },
-  [qe.MAIN_AREA]: {
+  [Ze.MAIN_AREA]: {
     [ze.DATA]: {
-      [K.id]: {
+      [q.id]: {
         order: 1,
-        menuItemFactory: Ct
+        menuItemFactory: ut
       }
     }
   }
 };
-var yt = Object.defineProperty, Dt = Object.getOwnPropertyDescriptor, Tt = (e, t, r, n) => {
-  for (var o = n > 1 ? void 0 : n ? Dt(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+var Mt = Object.defineProperty, bt = Object.getOwnPropertyDescriptor, xt = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? bt(t, r) : t, i = e.length - 1, s; i >= 0; i--)
     (s = e[i]) && (o = (n ? s(t, r, o) : s(o)) || o);
-  return n && o && yt(t, r, o), o;
-}, J = (e, t) => (r, n) => t(r, n, e);
-let $ = class extends j {
+  return n && o && Mt(t, r, o), o;
+}, Y = (e, t) => (r, n) => t(r, n, e);
+let V = class extends B {
   constructor(e, t, r) {
     super(), this._commandService = e, this._menuManagerService = t, this._componentManager = r, this._initCommands(), this._initMenus(), this._initComponents();
   }
   _initCommands() {
     [
-      Ce,
+      _e,
       ve,
-      N,
-      K,
-      k
+      A,
+      q,
+      ee
     ].forEach((e) => {
       this.disposeWithMe(this._commandService.registerCommand(e));
     });
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(xt);
+    this._menuManagerService.mergeMenu(Ot);
   }
   _initComponents() {
-    [T].forEach((e) => {
+    [y].forEach((e) => {
       this.disposeWithMe(this._componentManager.register(e.componentKey, e));
-    }), this.disposeWithMe(this._componentManager.register("CommentSingle", Ie));
+    }), this.disposeWithMe(this._componentManager.register("CommentSingle", Se));
   }
 };
-$ = Tt([
-  J(0, M),
-  J(1, Ye),
-  J(2, p(Je))
-], $);
-var Rt = Object.defineProperty, Pt = Object.getOwnPropertyDescriptor, Ut = (e, t, r, n) => {
-  for (var o = n > 1 ? void 0 : n ? Pt(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+V = xt([
+  Y(0, M),
+  Y(1, Qe),
+  Y(2, p(Ye))
+], V);
+var Dt = Object.defineProperty, Rt = Object.getOwnPropertyDescriptor, yt = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? Rt(t, r) : t, i = e.length - 1, s; i >= 0; i--)
     (s = e[i]) && (o = (n ? s(t, r, o) : s(o)) || o);
-  return n && o && Rt(t, r, o), o;
-}, y = (e, t) => (r, n) => t(r, n, e);
-let X = class extends j {
+  return n && o && Dt(t, r, o), o;
+}, D = (e, t) => (r, n) => t(r, n, e);
+let k = class extends B {
   constructor(e, t, r, n, o, i, s) {
     super(), this._context = e, this._docInterceptorService = t, this._threadCommentPanelService = r, this._docRenderController = n, this._univerInstanceService = o, this._threadCommentModel = i, this._commandService = s, this._interceptorViewModel(), this._initReRender(), this._initSyncComments();
   }
@@ -461,20 +467,20 @@ let X = class extends j {
     }));
   }
   _interceptorViewModel() {
-    this._docInterceptorService.intercept(Ve.CUSTOM_DECORATION, {
+    this._docInterceptorService.intercept(je.CUSTOM_DECORATION, {
       handler: (e, t, r) => {
         if (!e)
           return r(e);
-        const { unitId: n, index: o, customDecorations: i } = t, s = this._threadCommentPanelService.activeCommentId, { commentId: d, unitId: l } = s || {}, f = i.find((h) => h.id === d), c = this._threadCommentModel.getComment(n, I, e.id);
+        const { unitId: n, index: o, customDecorations: i } = t, s = this._threadCommentPanelService.activeCommentId, { commentId: d, unitId: a } = s || {}, u = i.find((_) => _.id === d), c = this._threadCommentModel.getComment(n, I, e.id);
         if (!c)
           return r({
             ...e,
             show: !1
           });
-        const C = f && o >= f.startIndex && o <= f.endIndex, v = l === n && e.id === d;
+        const h = u && o >= u.startIndex && o <= u.endIndex, C = a === n && e.id === d;
         return r({
           ...e,
-          active: v || C,
+          active: C || h,
           show: !c.resolved
         });
       }
@@ -482,80 +488,80 @@ let X = class extends j {
   }
   _initSyncComments() {
     var o, i, s;
-    const e = this._context.unit.getUnitId(), t = I, r = (s = (i = (o = this._context.unit.getBody()) == null ? void 0 : o.customDecorations) == null ? void 0 : i.filter((d) => d.type === Q.COMMENT).map((d) => d.id)) != null ? s : [];
+    const e = this._context.unit.getUnitId(), t = I, r = (s = (i = (o = this._context.unit.getBody()) == null ? void 0 : o.customDecorations) == null ? void 0 : i.filter((d) => d.type === X.COMMENT).map((d) => d.id)) != null ? s : [];
     r.forEach((d) => {
       this._threadCommentModel.getComment(e, t, d) || this._threadCommentModel.addComment(e, t, { id: d, threadId: d, ref: "", dT: "", personId: "", text: { dataStream: "" }, unitId: e, subUnitId: t });
     }), r.length && this._threadCommentModel.syncThreadComments(this._context.unit.getUnitId(), I, r);
     let n = r.sort();
     this.disposeWithMe(this._commandService.onCommandExecuted((d) => {
-      var l, f, c;
-      if (d.id === ie.id) {
+      var a, u, c;
+      if (d.id === ce.id) {
         if (d.params.unitId !== this._context.unit.getUnitId())
           return;
-        const v = (c = (f = (l = this._context.unit.getBody()) == null ? void 0 : l.customDecorations) == null ? void 0 : f.filter((a) => a.type === Q.COMMENT).map((a) => a.id)) != null ? c : [], h = v.sort();
-        if (JSON.stringify(n) !== JSON.stringify(h)) {
-          const a = new Set(n), m = new Set(h), g = /* @__PURE__ */ new Set(), b = /* @__PURE__ */ new Set();
-          v.forEach((u) => {
-            a.has(u) || g.add(u);
-          }), n.forEach((u) => {
-            m.has(u) || b.add(u);
-          }), n = h, g.forEach((u) => {
-            this._threadCommentModel.getComment(e, t, u) || this._threadCommentModel.addComment(e, t, { id: u, threadId: u, ref: "", dT: "", personId: "", text: { dataStream: "" }, unitId: e, subUnitId: t });
+        const C = (c = (u = (a = this._context.unit.getBody()) == null ? void 0 : a.customDecorations) == null ? void 0 : u.filter((m) => m.type === X.COMMENT).map((m) => m.id)) != null ? c : [], _ = C.sort();
+        if (JSON.stringify(n) !== JSON.stringify(_)) {
+          const m = new Set(n), l = new Set(_), g = /* @__PURE__ */ new Set(), b = /* @__PURE__ */ new Set();
+          C.forEach((f) => {
+            m.has(f) || g.add(f);
+          }), n.forEach((f) => {
+            l.has(f) || b.add(f);
+          }), n = _, g.forEach((f) => {
+            this._threadCommentModel.getComment(e, t, f) || this._threadCommentModel.addComment(e, t, { id: f, threadId: f, ref: "", dT: "", personId: "", text: { dataStream: "" }, unitId: e, subUnitId: t });
           }), this._threadCommentModel.syncThreadComments(e, t, [...g]);
         }
       }
     }));
   }
 };
-X = Ut([
-  y(1, p($e)),
-  y(2, p(R)),
-  y(3, p(He)),
-  y(4, B),
-  y(5, p(se)),
-  y(6, M)
-], X);
-var Se = Object.defineProperty, Et = Object.getOwnPropertyDescriptor, wt = (e, t, r) => t in e ? Se(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Nt = (e, t, r, n) => {
-  for (var o = n > 1 ? void 0 : n ? Et(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+k = yt([
+  D(1, p(Ve)),
+  D(2, p(T)),
+  D(3, p(We)),
+  D(4, F),
+  D(5, p(ae)),
+  D(6, M)
+], k);
+var Oe = Object.defineProperty, Tt = Object.getOwnPropertyDescriptor, Pt = (e, t, r) => t in e ? Oe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Ut = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? Tt(t, r) : t, i = e.length - 1, s; i >= 0; i--)
     (s = e[i]) && (o = (n ? s(t, r, o) : s(o)) || o);
-  return n && o && Se(t, r, o), o;
-}, Y = (e, t) => (r, n) => t(r, n, e), Oe = (e, t, r) => wt(e, typeof t != "symbol" ? t + "" : t, r);
-let V = class extends Pe {
-  constructor(e = ot, t, r, n) {
+  return n && o && Oe(t, r, o), o;
+}, Q = (e, t) => (r, n) => t(r, n, e), Me = (e, t, r) => Pt(e, typeof t != "symbol" ? t + "" : t, r);
+let j = class extends Ue {
+  constructor(e = it, t, r, n) {
     super(), this._config = e, this._injector = t, this._renderManagerSrv = r, this._configService = n;
     const { menu: o, ...i } = this._config;
-    o && this._configService.setConfig("menu", o, { merge: !0 }), this._configService.setConfig(rt, i);
+    o && this._configService.setConfig("menu", o, { merge: !0 }), this._configService.setConfig(ot, i);
   }
   onStarting() {
     [
+      [V],
       [$],
-      [A],
-      [D]
+      [R]
     ].forEach((e) => {
       this._injector.add(e);
     });
   }
   onRendered() {
-    this._initRenderModule(), this._injector.get(A), this._injector.get($);
+    this._initRenderModule(), this._injector.get($), this._injector.get(V);
   }
   _initRenderModule() {
-    [X].forEach((e) => {
+    [k].forEach((e) => {
       this._renderManagerSrv.registerRenderModule(S.UNIVER_DOC, e);
     });
   }
 };
-Oe(V, "pluginName", nt);
-Oe(V, "type", S.UNIVER_DOC);
-V = Nt([
-  Re(we),
-  Y(1, p(re)),
-  Y(2, F),
-  Y(3, Ue)
-], V);
+Me(j, "pluginName", rt);
+Me(j, "type", S.UNIVER_DOC);
+j = Ut([
+  Pe(Ne),
+  Q(1, p(se)),
+  Q(2, L),
+  Q(3, Ee)
+], j);
 export {
-  Ce as AddDocCommentComment,
+  _e as AddDocCommentComment,
   ve as DeleteDocCommentComment,
-  N as ShowCommentPanelOperation,
-  K as StartAddCommentOperation,
-  V as UniverDocsThreadCommentUIPlugin
+  A as ShowCommentPanelOperation,
+  q as StartAddCommentOperation,
+  j as UniverDocsThreadCommentUIPlugin
 };