@univerjs/docs-thread-comment-ui 0.17.0 → 0.18.0

package/lib/index.js

@@ -1,615 +1,2 @@
-var Se = Object.defineProperty;
-var Oe = (e, t, r) => t in e ? Se(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var K = (e, t, r) => Oe(e, typeof t != "symbol" ? t + "" : t, r);
-import { CommandType as A, ICommandService as M, CustomDecorationType as Y, sequenceExecute as ne, Inject as p, Disposable as j, UniverInstanceType as v, SHEET_EDITOR_UNITS as Me, IUniverInstanceService as $, Injector as re, isInternalEditorID as oe, UserManagerService as De, BuildTextUtils as be, DependentOn as Te, IConfigService as xe, Plugin as Ue, merge as Re } from "@univerjs/core";
-import { addCustomDecorationBySelectionFactory as ye, deleteCustomDecorationFactory as Ee, DocSelectionRenderService as Ae, DocBackScrollRenderController as $e, DocRenderController as Pe } from "@univerjs/docs-ui";
-import { IThreadCommentDataSourceService as we, AddCommentMutation as Ne, getDT as Ve, ThreadCommentModel as ie } from "@univerjs/thread-comment";
-import { SetActiveCommentOperation as se, ThreadCommentPanelService as R, ThreadCommentPanel as je, UniverThreadCommentUIPlugin as Be } from "@univerjs/thread-comment-ui";
-import { DocSelectionManagerService as B, DocSkeletonManagerService as Fe, RichTextEditingMutation as de, SetTextSelectionsOperation as He, DocInterceptorService as Le, DOC_INTERCEPTOR_POINT as We } from "@univerjs/docs";
-import { IRenderManagerService as F, withCurrentTypeOfRenderer as Ze, DocumentEditArea as X } from "@univerjs/engine-render";
-import { ISidebarService as H, getMenuHiddenObservable as ce, MenuItemType as ae, useDependency as E, useObservable as G, ContextMenuPosition as Ke, ContextMenuGroup as Ge, RibbonInsertGroup as Je, IMenuManagerService as ke, ComponentManager as qe } from "@univerjs/ui";
-import { BehaviorSubject as Ye, Observable as me, debounceTime as le, filter as ze } from "rxjs";
-import { jsx as Qe } from "react/jsx-runtime";
-import { useMemo as J, useState as Xe, useEffect as et, useRef as tt, createElement as ue, forwardRef as nt } from "react";
-const rt = "DOC_THREAD_COMMENT_UI_PLUGIN", I = "default_doc", Ce = {
-  id: "docs.command.add-comment",
-  type: A.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 = ye(
-      e,
-      {
-        id: i.threadId,
-        type: Y.COMMENT,
-        unitId: n
-      }
-    );
-    if (d) {
-      const l = {
-        id: Ne.id,
-        params: {
-          unitId: n,
-          subUnitId: I,
-          comment: i
-        }
-      }, C = {
-        id: se.id,
-        params: {
-          unitId: n,
-          subUnitId: I,
-          commentId: i.id
-        }
-      };
-      return (await ne([l, d, C], s)).result;
-    }
-    return !1;
-  }
-}, he = {
-  id: "docs.command.delete-comment",
-  type: A.COMMAND,
-  async handler(e, t) {
-    if (!t)
-      return !1;
-    const { commentId: r, unitId: n } = t, o = e.get(M), i = Ee(e, {
-      id: r,
-      unitId: n
-    });
-    return i ? (await ne([i], o)).result : !1;
-  }
-};
-var ot = Object.getOwnPropertyDescriptor, it = (e, t, r, n) => {
-  for (var o = n > 1 ? void 0 : n ? ot(t, r) : t, i = e.length - 1, s; i >= 0; i--)
-    (s = e[i]) && (o = s(o) || o);
-  return o;
-}, ee = (e, t) => (r, n) => t(r, n, e);
-let x = class extends j {
-  constructor(t, r) {
-    super();
-    K(this, "_addingComment$", new Ye(void 0));
-    K(this, "addingComment$", this._addingComment$.asObservable());
-    this._sidebarService = t, this._threadCommentPanelService = r, this.disposeWithMe(() => {
-      this._addingComment$.complete();
-    });
-  }
-  get addingComment() {
-    return this._addingComment$.getValue();
-  }
-  startAdd(t) {
-    this._addingComment$.next(t);
-  }
-  endAdd() {
-    this._addingComment$.next(void 0);
-  }
-};
-x = it([
-  ee(0, H),
-  ee(1, p(R))
-], x);
-const fe = (e) => {
-  var s;
-  const t = e.get(F), r = e.get(B), n = (s = Ze(
-    v.UNIVER_DOC,
-    Fe,
-    e.get($),
-    t
-  )) == null ? void 0 : s.getSkeleton(), o = n == null ? void 0 : n.getViewModel().getEditArea();
-  if (o === X.FOOTER || o === X.HEADER)
-    return !0;
-  const i = r.getActiveTextRange();
-  return !!(i == null || i.collapsed);
-};
-function st(e) {
-  return {
-    id: L.id,
-    type: ae.BUTTON,
-    icon: "CommentIcon",
-    title: "threadCommentUI.panel.addComment",
-    tooltip: "threadCommentUI.panel.addComment",
-    hidden$: ce(e, v.UNIVER_DOC, void 0, Me),
-    disabled$: new me(function(t) {
-      const n = e.get(B).textSelection$.pipe(le(16)).subscribe(() => {
-        t.next(fe(e));
-      });
-      return () => {
-        n.unsubscribe();
-      };
-    })
-  };
-}
-function dt(e) {
-  return {
-    id: Q.id,
-    type: ae.BUTTON,
-    icon: "CommentIcon",
-    title: "threadCommentUI.panel.addComment",
-    tooltip: "threadCommentUI.panel.addComment",
-    hidden$: ce(e, v.UNIVER_DOC)
-  };
-}
-const O = () => {
-  const e = E($), t = E(re), r = J(() => e.getCurrentTypeOfUnit$(v.UNIVER_DOC).pipe(ze((c) => !!c && !oe(c.getUnitId()))), [e]), n = G(r), o = J(() => new me((c) => c.next(I)), []), i = E(B), s = J(
-    () => i.textSelection$.pipe(le(16)),
-    [i.textSelection$]
-  );
-  G(s);
-  const d = E(M), l = E(x), C = G(l.addingComment$), [a, h] = Xe([]);
-  if (et(() => {
-    var D;
-    const c = /* @__PURE__ */ new Set(), m = n == null ? void 0 : n.getCustomDecorations();
-    h((D = m == null ? void 0 : m.map((u) => u.id).filter((u) => {
-      const S = c.has(u);
-      return c.add(u), !S;
-    })) != null ? D : []);
-    const _ = d.onCommandExecuted((u) => {
-      var S;
-      if (u.id === de.id) {
-        const y = /* @__PURE__ */ new Set(), Z = n == null ? void 0 : n.getCustomDecorations();
-        h((S = Z == null ? void 0 : Z.map((P) => P.id).filter((P) => {
-          const Ie = y.has(P);
-          return y.add(P), !Ie;
-        })) != null ? S : []);
-      }
-    });
-    return () => {
-      _.dispose();
-    };
-  }, [d, n]), !n)
-    return null;
-  const g = fe(t), f = n.getUnitId();
-  return /* @__PURE__ */ Qe(
-    je,
-    {
-      unitId: f,
-      subUnitId$: o,
-      type: v.UNIVER_DOC,
-      onAdd: () => {
-        d.executeCommand(L.id);
-      },
-      getSubUnitName: () => "",
-      disableAdd: g,
-      tempComment: C,
-      onAddComment: (c) => {
-        if (!c.parentId) {
-          const m = {
-            unitId: f,
-            range: C,
-            comment: c
-          };
-          return d.executeCommand(Ce.id, m), l.endAdd(), !1;
-        }
-        return !0;
-      },
-      onDeleteComment: (c) => {
-        if (!c.parentId) {
-          const m = {
-            unitId: f,
-            commentId: c.id
-          };
-          return d.executeCommand(he.id, m), !1;
-        }
-        return !0;
-      },
-      showComments: a
-    }
-  );
-};
-O.componentKey = "univer.doc.thread-comment-panel";
-const w = {
-  id: "docs.operation.show-comment-panel",
-  type: A.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) !== O.componentKey) && (n.open({
-      header: { title: "threadCommentUI.panel.title" },
-      children: { label: O.componentKey },
-      width: 320,
-      onClose: () => r.setPanelVisible(!1)
-    }), r.setPanelVisible(!0)), t && r.setActiveComment(t == null ? void 0 : t.activeComment), !0;
-  }
-}, Q = {
-  id: "docs.operation.toggle-comment-panel",
-  type: A.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) !== O.componentKey ? (r.open({
-      header: { title: "threadCommentUI.panel.title" },
-      children: { label: O.componentKey },
-      width: 320,
-      onClose: () => t.setPanelVisible(!1)
-    }), t.setPanelVisible(!0)) : (r.close(), t.setPanelVisible(!1), t.setActiveComment(null)), !0;
-  }
-}, L = {
-  id: "docs.operation.start-add-comment",
-  type: A.OPERATION,
-  handler(e) {
-    var u, S, y;
-    const t = e.get(R), n = e.get($).getCurrentUnitForType(v.UNIVER_DOC), o = e.get(B), i = e.get(F), s = e.get(De), d = e.get(x), l = e.get(M), C = e.get(H), a = o.getActiveTextRange();
-    if (!n || !a)
-      return !1;
-    const h = (u = i.getRenderById(n.getUnitId())) == null ? void 0 : u.with(Ae);
-    if (h == null || h.setReserveRangesStatus(!0), a.collapsed)
-      return t.panelVisible ? (t.setPanelVisible(!1), C.close()) : l.executeCommand(w.id), !0;
-    l.executeCommand(w.id);
-    const g = n.getUnitId(), f = ((y = (S = n.getBody()) == null ? void 0 : S.dataStream) != null ? y : "").slice(a.startOffset, a.endOffset), c = be.transform.getPlainText(f), m = I, _ = "", D = {
-      unitId: g,
-      subUnitId: m,
-      id: _,
-      ref: c,
-      dT: Ve(),
-      personId: s.getCurrentUser().userID,
-      text: {
-        dataStream: `\r
-`
-      },
-      startOffset: a.startOffset,
-      endOffset: a.endOffset,
-      collapsed: !0,
-      threadId: _
-    };
-    return h == null || h.blur(), d.startAdd(D), t.setActiveComment({
-      unitId: g,
-      subUnitId: m,
-      commentId: _
-    }), !0;
-  }
-}, ct = "@univerjs/docs-thread-comment-ui", at = "0.17.0", ge = {
-  name: ct,
-  version: at
-}, mt = "docs-thread-comment-ui.config", te = {};
-var lt = Object.getOwnPropertyDescriptor, ut = (e, t, r, n) => {
-  for (var o = n > 1 ? void 0 : n ? lt(t, r) : t, i = e.length - 1, s; i >= 0; i--)
-    (s = e[i]) && (o = s(o) || o);
-  return o;
-}, b = (e, t) => (r, n) => t(r, n, e);
-let N = class extends j {
-  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();
-  }
-  _initSelectionChange() {
-    let e;
-    this.disposeWithMe(
-      this._commandService.onCommandExecuted((t) => {
-        var r, n, o, i;
-        if (t.id === He.id) {
-          const s = t.params, { unitId: d, ranges: l } = s;
-          if (oe(d)) return;
-          const C = this._univerInstanceService.getUnit(d, v.UNIVER_DOC), a = l[0];
-          if ((e == null ? void 0 : e.startOffset) === (a == null ? void 0 : a.startOffset) && (e == null ? void 0 : e.endOffset) === (a == null ? void 0 : a.endOffset))
-            return;
-          if (e = a, a && C) {
-            const { startOffset: h, endOffset: g, collapsed: f } = a;
-            let c;
-            if (f ? c = (n = (r = C.getBody()) == null ? void 0 : r.customDecorations) == null ? void 0 : n.find((m) => m.startIndex <= h && m.endIndex >= g - 1) : c = (i = (o = C.getBody()) == null ? void 0 : o.customDecorations) == null ? void 0 : i.find((m) => m.startIndex <= h && m.endIndex >= g - 1), c) {
-              const m = this._threadCommentModel.getComment(d, I, c.id);
-              m && !m.resolved && this._commandService.executeCommand(w.id, {
-                activeComment: {
-                  unitId: d,
-                  subUnitId: I,
-                  commentId: c.id
-                }
-              });
-              return;
-            }
-          }
-          if (!this._threadCommentPanelService.activeCommentId)
-            return;
-          this._commandService.executeCommand(se.id);
-        }
-      })
-    );
-  }
-  _initActiveCommandChange() {
-    this.disposeWithMe(this._threadCommentPanelService.activeCommentId$.subscribe((e) => {
-      var t, r, n, o;
-      if (e) {
-        const i = this._univerInstanceService.getUnit(e.unitId);
-        if (i) {
-          const s = (t = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : t.with($e), d = (n = (r = i.getBody()) == null ? void 0 : r.customDecorations) == null ? void 0 : n.find((l) => l.id === e.commentId);
-          d && s && s.scrollToRange({
-            startOffset: d.startIndex,
-            endOffset: d.endIndex,
-            collapsed: !1
-          });
-        }
-      }
-      (!e || e.commentId !== ((o = this._docThreadCommentService.addingComment) == null ? void 0 : o.id)) && this._docThreadCommentService.endAdd();
-    }));
-  }
-};
-N = ut([
-  b(0, p(R)),
-  b(1, $),
-  b(2, M),
-  b(3, p(x)),
-  b(4, F),
-  b(5, p(ie))
-], N);
-function pe({ ref: e, ...t }) {
-  const { icon: r, id: n, className: o, extend: i, ...s } = t, d = `univerjs-icon univerjs-icon-${n} ${o || ""}`.trim(), l = tt(`_${ft()}`);
-  return ve(r, `${n}`, {
-    defIds: r.defIds,
-    idSuffix: l.current
-  }, {
-    ref: e,
-    className: d,
-    ...s
-  }, i);
-}
-function ve(e, t, r, n, o) {
-  return ue(e.tag, {
-    key: t,
-    ...Ct(e, r, o),
-    ...n
-  }, (ht(e, r).children || []).map((i, s) => ve(i, `${t}-${e.tag}-${s}`, r, void 0, o)));
-}
-function Ct(e, t, r) {
-  const n = { ...e.attrs };
-  r != null && r.colorChannel1 && n.fill === "colorChannel1" && (n.fill = r.colorChannel1), e.tag === "mask" && n.id && (n.id = n.id + t.idSuffix), Object.entries(n).forEach(([i, s]) => {
-    i === "mask" && typeof s == "string" && (n[i] = s.replace(/url\(#(.*)\)/, `url(#$1${t.idSuffix})`));
-  });
-  const { defIds: o } = t;
-  return !o || o.length === 0 || (e.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + t.idSuffix), Object.entries(n).forEach(([i, s]) => {
-    typeof s == "string" && (n[i] = s.replace(/url\(#(.*)\)/, `url(#$1${t.idSuffix})`));
-  })), n;
-}
-function ht(e, t) {
-  var n;
-  const { defIds: r } = t;
-  return !r || r.length === 0 ? e : e.tag === "defs" && ((n = e.children) != null && n.length) ? {
-    ...e,
-    children: e.children.map((o) => typeof o.attrs.id == "string" && r && r.includes(o.attrs.id) ? {
-      ...o,
-      attrs: {
-        ...o.attrs,
-        id: o.attrs.id + t.idSuffix
-      }
-    } : o)
-  } : e;
-}
-function ft() {
-  return Math.random().toString(36).substring(2, 8);
-}
-pe.displayName = "UniverIcon";
-const gt = {
-  tag: "svg",
-  attrs: {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 17 17",
-    width: "1em",
-    height: "1em"
-  },
-  children: [
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "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.13521C5.45263 9.13521 5.14082 8.81123 5.14082 8.41159V7.50706C5.14082 7.10742 5.45263 6.78345 5.83725 6.78345Z"
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M8.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.78345Z"
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M11.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"
-      }
-    },
-    {
-      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"
-      }
-    }
-  ]
-}, _e = nt(function(t, r) {
-  return ue(pe, Object.assign({}, t, {
-    id: "comment-icon",
-    ref: r,
-    icon: gt
-  }));
-});
-_e.displayName = "CommentIcon";
-const pt = {
-  [Je.MEDIA]: {
-    [Q.id]: {
-      order: 3,
-      menuItemFactory: dt
-    }
-  },
-  [Ke.MAIN_AREA]: {
-    [Ge.DATA]: {
-      [L.id]: {
-        order: 1,
-        menuItemFactory: st
-      }
-    }
-  }
-};
-var vt = Object.getOwnPropertyDescriptor, _t = (e, t, r, n) => {
-  for (var o = n > 1 ? void 0 : n ? vt(t, r) : t, i = e.length - 1, s; i >= 0; i--)
-    (s = e[i]) && (o = s(o) || o);
-  return o;
-}, k = (e, t) => (r, n) => t(r, n, e);
-let V = class extends j {
-  constructor(e, t, r) {
-    super(), this._commandService = e, this._menuManagerService = t, this._componentManager = r, this._initCommands(), this._initMenus(), this._initComponents();
-  }
-  _initCommands() {
-    [
-      Ce,
-      he,
-      w,
-      L,
-      Q
-    ].forEach((e) => {
-      this.disposeWithMe(this._commandService.registerCommand(e));
-    });
-  }
-  _initMenus() {
-    this._menuManagerService.mergeMenu(pt);
-  }
-  _initComponents() {
-    [
-      [O.componentKey, O],
-      ["CommentIcon", _e]
-    ].forEach(([e, t]) => {
-      this.disposeWithMe(
-        this._componentManager.register(e, t)
-      );
-    });
-  }
-};
-V = _t([
-  k(0, M),
-  k(1, ke),
-  k(2, p(qe))
-], V);
-var It = Object.getOwnPropertyDescriptor, St = (e, t, r, n) => {
-  for (var o = n > 1 ? void 0 : n ? It(t, r) : t, i = e.length - 1, s; i >= 0; i--)
-    (s = e[i]) && (o = s(o) || o);
-  return o;
-}, T = (e, t) => (r, n) => t(r, n, e);
-let z = class extends j {
-  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();
-  }
-  _initReRender() {
-    this.disposeWithMe(this._threadCommentPanelService.activeCommentId$.subscribe((e) => {
-      var r;
-      if (e) {
-        this._docRenderController.reRender(e.unitId);
-        return;
-      }
-      const t = (r = this._univerInstanceService.getCurrentUnitForType(v.UNIVER_DOC)) == null ? void 0 : r.getUnitId();
-      t && this._docRenderController.reRender(t);
-    })), this.disposeWithMe(this._threadCommentModel.commentUpdate$.subscribe((e) => {
-      e.type === "resolve" && this._docRenderController.reRender(e.unitId);
-    }));
-  }
-  _interceptorViewModel() {
-    this._docInterceptorService.intercept(We.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 || {}, C = i.find((f) => f.id === d), a = this._threadCommentModel.getComment(n, I, e.id);
-        if (!a)
-          return r({
-            ...e,
-            show: !1
-          });
-        const h = C && o >= C.startIndex && o <= C.endIndex, g = l === n && e.id === d;
-        return r({
-          ...e,
-          active: g || h,
-          show: !a.resolved
-        });
-      }
-    });
-  }
-  _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 === Y.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, C, a;
-      if (d.id === de.id) {
-        if (d.params.unitId !== this._context.unit.getUnitId())
-          return;
-        const g = (a = (C = (l = this._context.unit.getBody()) == null ? void 0 : l.customDecorations) == null ? void 0 : C.filter((c) => c.type === Y.COMMENT).map((c) => c.id)) != null ? a : [], f = g.sort();
-        if (JSON.stringify(n) !== JSON.stringify(f)) {
-          const c = new Set(n), m = new Set(f), _ = /* @__PURE__ */ new Set(), D = /* @__PURE__ */ new Set();
-          g.forEach((u) => {
-            c.has(u) || _.add(u);
-          }), n.forEach((u) => {
-            m.has(u) || D.add(u);
-          }), n = f, _.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 });
-          }), this._threadCommentModel.syncThreadComments(e, t, [..._]);
-        }
-      }
-    }));
-  }
-};
-z = St([
-  T(1, p(Le)),
-  T(2, p(R)),
-  T(3, p(Pe)),
-  T(4, $),
-  T(5, p(ie)),
-  T(6, M)
-], z);
-var Ot = Object.defineProperty, Mt = Object.getOwnPropertyDescriptor, Dt = (e, t, r) => t in e ? Ot(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, bt = (e, t, r, n) => {
-  for (var o = n > 1 ? void 0 : n ? Mt(t, r) : t, i = e.length - 1, s; i >= 0; i--)
-    (s = e[i]) && (o = s(o) || o);
-  return o;
-}, q = (e, t) => (r, n) => t(r, n, e), W = (e, t, r) => Dt(e, typeof t != "symbol" ? t + "" : t, r);
-let U = class extends Ue {
-  constructor(e = te, t, r, n) {
-    super(), this._config = e, this._injector = t, this._renderManagerSrv = r, this._configService = n;
-    const { menu: o, ...i } = Re(
-      {},
-      te,
-      this._config
-    );
-    o && this._configService.setConfig("menu", o, { merge: !0 }), this._configService.setConfig(mt, i);
-  }
-  onStarting() {
-    [
-      [V],
-      [N],
-      [x]
-    ].forEach((e) => {
-      this._injector.add(e);
-    });
-  }
-  onRendered() {
-    this._initRenderModule(), this._injector.get(N), this._injector.get(V);
-  }
-  _initRenderModule() {
-    [z].forEach((e) => {
-      this._renderManagerSrv.registerRenderModule(v.UNIVER_DOC, e);
-    });
-  }
-};
-W(U, "pluginName", rt);
-W(U, "packageName", ge.name);
-W(U, "version", ge.version);
-W(U, "type", v.UNIVER_DOC);
-U = bt([
-  Te(Be),
-  q(1, p(re)),
-  q(2, F),
-  q(3, xe)
-], U);
-export {
-  Ce as AddDocCommentComment,
-  he as DeleteDocCommentComment,
-  w as ShowCommentPanelOperation,
-  L as StartAddCommentOperation,
-  U as UniverDocsThreadCommentUIPlugin
-};
+import{BuildTextUtils as e,CommandType as t,CustomDecorationType as n,DependentOn as r,Disposable as i,ICommandService as a,IConfigService as o,IUniverInstanceService as s,Inject as c,Injector as l,Plugin as u,SHEET_EDITOR_UNITS as d,UniverInstanceType as f,UserManagerService as p,isInternalEditorID as m,merge as h,sequenceExecute as g}from"@univerjs/core";import{DocBackScrollRenderController as _,DocRenderController as v,DocSelectionRenderService as ee,addCustomDecorationBySelectionFactory as y,deleteCustomDecorationFactory as b}from"@univerjs/docs-ui";import{AddCommentMutation as x,IThreadCommentDataSourceService as S,ThreadCommentModel as C,getDT as te}from"@univerjs/thread-comment";import{SetActiveCommentOperation as w,ThreadCommentPanel as ne,ThreadCommentPanelService as T,UniverThreadCommentUIPlugin as re}from"@univerjs/thread-comment-ui";import{DOC_INTERCEPTOR_POINT as ie,DocInterceptorService as ae,DocSelectionManagerService as E,DocSkeletonManagerService as oe,RichTextEditingMutation as D,SetTextSelectionsOperation as se}from"@univerjs/docs";import{DocumentEditArea as O,IRenderManagerService as k,withCurrentTypeOfRenderer as ce}from"@univerjs/engine-render";import{ComponentManager as le,ContextMenuGroup as ue,ContextMenuPosition as de,IMenuManagerService as fe,ISidebarService as A,MenuItemType as pe,RibbonInsertGroup as me,getMenuHiddenObservable as he,useDependency as j,useObservable as M}from"@univerjs/ui";import{BehaviorSubject as ge,Observable as N,debounceTime as P,filter as _e}from"rxjs";import{useEffect as ve,useMemo as F,useState as ye}from"react";import{jsx as be}from"react/jsx-runtime";import{CommentIcon as xe}from"@univerjs/icons";const I=`default_doc`,L={id:`docs.command.add-comment`,type:t.COMMAND,async handler(e,t){if(!t)return!1;let{comment:r,unitId:i}=t,o=await e.get(S).addComment(r),s=e.get(a),c=y(e,{id:o.threadId,type:n.COMMENT,unitId:i});return c?(await g([{id:x.id,params:{unitId:i,subUnitId:I,comment:o}},c,{id:w.id,params:{unitId:i,subUnitId:I,commentId:o.id}}],s)).result:!1}},R={id:`docs.command.delete-comment`,type:t.COMMAND,async handler(e,t){if(!t)return!1;let{commentId:n,unitId:r}=t,i=e.get(a),o=b(e,{id:n,unitId:r});return o?(await g([o],i)).result:!1}};function z(e){"@babel/helpers - typeof";return z=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},z(e)}function Se(e,t){if(z(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(z(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function Ce(e){var t=Se(e,`string`);return z(t)==`symbol`?t:t+``}function B(e,t,n){return(t=Ce(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function V(e,t){return function(n,r){t(n,r,e)}}function H(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}let U=class extends i{get addingComment(){return this._addingComment$.getValue()}constructor(e,t){super(),this._sidebarService=e,this._threadCommentPanelService=t,B(this,`_addingComment$`,new ge(void 0)),B(this,`addingComment$`,this._addingComment$.asObservable()),this.disposeWithMe(()=>{this._addingComment$.complete()})}startAdd(e){this._addingComment$.next(e)}endAdd(){this._addingComment$.next(void 0)}};U=H([V(0,A),V(1,c(T))],U);const W=e=>{var t;let n=e.get(k),r=e.get(E),i=(t=ce(f.UNIVER_DOC,oe,e.get(s),n))==null?void 0:t.getSkeleton(),a=i==null?void 0:i.getViewModel().getEditArea();if(a===O.FOOTER||a===O.HEADER)return!0;let o=r.getActiveTextRange();return!!(o==null||o.collapsed)};function we(e){return{id:J.id,type:pe.BUTTON,icon:`CommentIcon`,title:`threadCommentUI.panel.addComment`,tooltip:`threadCommentUI.panel.addComment`,hidden$:he(e,f.UNIVER_DOC,void 0,d),disabled$:new N(function(t){let n=e.get(E).textSelection$.pipe(P(16)).subscribe(()=>{t.next(W(e))});return()=>{n.unsubscribe()}})}}function Te(e){return{id:q.id,type:pe.BUTTON,icon:`CommentIcon`,title:`threadCommentUI.panel.addComment`,tooltip:`threadCommentUI.panel.addComment`,hidden$:he(e,f.UNIVER_DOC)}}const G=()=>{let e=j(s),t=j(l),n=M(F(()=>e.getCurrentTypeOfUnit$(f.UNIVER_DOC).pipe(_e(e=>!!e&&!m(e.getUnitId()))),[e])),r=F(()=>new N(e=>e.next(I)),[]),i=j(E);M(F(()=>i.textSelection$.pipe(P(16)),[i.textSelection$]));let o=j(a),c=j(U),u=M(c.addingComment$),[d,p]=ye([]);if(ve(()=>{var e;let t=new Set,r=n==null?void 0:n.getCustomDecorations();p((e=r==null?void 0:r.map(e=>e.id).filter(e=>{let n=t.has(e);return t.add(e),!n}))==null?[]:e);let i=o.onCommandExecuted(e=>{if(e.id===D.id){var t;let e=new Set,r=n==null?void 0:n.getCustomDecorations();p((t=r==null?void 0:r.map(e=>e.id).filter(t=>{let n=e.has(t);return e.add(t),!n}))==null?[]:t)}});return()=>{i.dispose()}},[o,n]),!n)return null;let h=W(t),g=n.getUnitId();return be(ne,{unitId:g,subUnitId$:r,type:f.UNIVER_DOC,onAdd:()=>{o.executeCommand(J.id)},getSubUnitName:()=>``,disableAdd:h,tempComment:u,onAddComment:e=>{if(!e.parentId){let t={unitId:g,range:u,comment:e};return o.executeCommand(L.id,t),c.endAdd(),!1}return!0},onDeleteComment:e=>{if(!e.parentId){let t={unitId:g,commentId:e.id};return o.executeCommand(R.id,t),!1}return!0},showComments:d})};G.componentKey=`univer.doc.thread-comment-panel`;const K={id:`docs.operation.show-comment-panel`,type:t.OPERATION,handler(e,t){var n;let r=e.get(T),i=e.get(A);return(!r.panelVisible||((n=i.options.children)==null?void 0:n.label)!==G.componentKey)&&(i.open({header:{title:`threadCommentUI.panel.title`},children:{label:G.componentKey},width:320,onClose:()=>r.setPanelVisible(!1)}),r.setPanelVisible(!0)),t&&r.setActiveComment(t==null?void 0:t.activeComment),!0}},q={id:`docs.operation.toggle-comment-panel`,type:t.OPERATION,handler(e){var t;let n=e.get(T),r=e.get(A);return!n.panelVisible||((t=r.options.children)==null?void 0:t.label)!==G.componentKey?(r.open({header:{title:`threadCommentUI.panel.title`},children:{label:G.componentKey},width:320,onClose:()=>n.setPanelVisible(!1)}),n.setPanelVisible(!0)):(r.close(),n.setPanelVisible(!1),n.setActiveComment(null)),!0}},J={id:`docs.operation.start-add-comment`,type:t.OPERATION,handler(t){var n,r,i;let o=t.get(T),c=t.get(s).getCurrentUnitForType(f.UNIVER_DOC),l=t.get(E),u=t.get(k),d=t.get(p),m=t.get(U),h=t.get(a),g=t.get(A),_=l.getActiveTextRange();if(!c||!_)return!1;let v=(n=u.getRenderById(c.getUnitId()))==null?void 0:n.with(ee);if(v==null||v.setReserveRangesStatus(!0),_.collapsed)return o.panelVisible?(o.setPanelVisible(!1),g.close()):h.executeCommand(K.id),!0;h.executeCommand(K.id);let y=c.getUnitId(),b=((r=(i=c.getBody())==null?void 0:i.dataStream)==null?``:r).slice(_.startOffset,_.endOffset),x=e.transform.getPlainText(b),S=I,C={unitId:y,subUnitId:S,id:``,ref:x,dT:te(),personId:d.getCurrentUser().userID,text:{dataStream:`\r
+`},startOffset:_.startOffset,endOffset:_.endOffset,collapsed:!0,threadId:``};return v==null||v.blur(),m.startAdd(C),o.setActiveComment({unitId:y,subUnitId:S,commentId:``}),!0}};var Ee=`@univerjs/docs-thread-comment-ui`,De=`0.18.0`;const Y=`docs-thread-comment-ui.config`;Symbol(Y);const Oe={};let X=class extends i{constructor(e,t,n,r,i,a){super(),this._threadCommentPanelService=e,this._univerInstanceService=t,this._commandService=n,this._docThreadCommentService=r,this._renderManagerService=i,this._threadCommentModel=a,this._initSelectionChange(),this._initActiveCommandChange()}_initSelectionChange(){let e;this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id===se.id){let{unitId:i,ranges:a}=t.params;if(m(i))return;let o=this._univerInstanceService.getUnit(i,f.UNIVER_DOC),s=a[0];if((e==null?void 0:e.startOffset)===(s==null?void 0:s.startOffset)&&(e==null?void 0:e.endOffset)===(s==null?void 0:s.endOffset))return;if(e=s,s&&o){let{startOffset:e,endOffset:t,collapsed:a}=s,c;if(a){var n;c=(n=o.getBody())==null||(n=n.customDecorations)==null?void 0:n.find(n=>n.startIndex<=e&&n.endIndex>=t-1)}else{var r;c=(r=o.getBody())==null||(r=r.customDecorations)==null?void 0:r.find(n=>n.startIndex<=e&&n.endIndex>=t-1)}if(c){let e=this._threadCommentModel.getComment(i,I,c.id);e&&!e.resolved&&this._commandService.executeCommand(K.id,{activeComment:{unitId:i,subUnitId:I,commentId:c.id}});return}}if(!this._threadCommentPanelService.activeCommentId)return;this._commandService.executeCommand(w.id)}}))}_initActiveCommandChange(){this.disposeWithMe(this._threadCommentPanelService.activeCommentId$.subscribe(e=>{var t;if(e){let t=this._univerInstanceService.getUnit(e.unitId);if(t){var n,r;let i=(n=this._renderManagerService.getRenderById(e.unitId))==null?void 0:n.with(_),a=(r=t.getBody())==null||(r=r.customDecorations)==null?void 0:r.find(t=>t.id===e.commentId);a&&i&&i.scrollToRange({startOffset:a.startIndex,endOffset:a.endIndex,collapsed:!1})}}(!e||e.commentId!==((t=this._docThreadCommentService.addingComment)==null?void 0:t.id))&&this._docThreadCommentService.endAdd()}))}};X=H([V(0,c(T)),V(1,s),V(2,a),V(3,c(U)),V(4,k),V(5,c(C))],X);const ke={[me.MEDIA]:{[q.id]:{order:3,menuItemFactory:Te}},[de.MAIN_AREA]:{[ue.DATA]:{[J.id]:{order:1,menuItemFactory:we}}}};let Z=class extends i{constructor(e,t,n){super(),this._commandService=e,this._menuManagerService=t,this._componentManager=n,this._initCommands(),this._initMenus(),this._initComponents()}_initCommands(){[L,R,K,J,q].forEach(e=>{this.disposeWithMe(this._commandService.registerCommand(e))})}_initMenus(){this._menuManagerService.mergeMenu(ke)}_initComponents(){[[G.componentKey,G],[`CommentIcon`,xe]].forEach(([e,t])=>{this.disposeWithMe(this._componentManager.register(e,t))})}};Z=H([V(0,a),V(1,fe),V(2,c(le))],Z);let Q=class extends i{constructor(e,t,n,r,i,a,o){super(),this._context=e,this._docInterceptorService=t,this._threadCommentPanelService=n,this._docRenderController=r,this._univerInstanceService=i,this._threadCommentModel=a,this._commandService=o,this._interceptorViewModel(),this._initReRender(),this._initSyncComments()}_initReRender(){this.disposeWithMe(this._threadCommentPanelService.activeCommentId$.subscribe(e=>{var t;if(e){this._docRenderController.reRender(e.unitId);return}let n=(t=this._univerInstanceService.getCurrentUnitForType(f.UNIVER_DOC))==null?void 0:t.getUnitId();n&&this._docRenderController.reRender(n)})),this.disposeWithMe(this._threadCommentModel.commentUpdate$.subscribe(e=>{e.type===`resolve`&&this._docRenderController.reRender(e.unitId)}))}_interceptorViewModel(){this._docInterceptorService.intercept(ie.CUSTOM_DECORATION,{handler:(e,t,n)=>{if(!e)return n(e);let{unitId:r,index:i,customDecorations:a}=t,{commentId:o,unitId:s}=this._threadCommentPanelService.activeCommentId||{},c=a.find(e=>e.id===o),l=this._threadCommentModel.getComment(r,I,e.id);if(!l)return n({...e,show:!1});let u=c&&i>=c.startIndex&&i<=c.endIndex,d=s===r&&e.id===o;return n({...e,active:d||u,show:!l.resolved})}})}_initSyncComments(){var e,t;let r=this._context.unit.getUnitId(),i=I,a=(e=(t=this._context.unit.getBody())==null||(t=t.customDecorations)==null?void 0:t.filter(e=>e.type===n.COMMENT).map(e=>e.id))==null?[]:e;a.forEach(e=>{this._threadCommentModel.getComment(r,i,e)||this._threadCommentModel.addComment(r,i,{id:e,threadId:e,ref:``,dT:``,personId:``,text:{dataStream:``},unitId:r,subUnitId:i})}),a.length&&this._threadCommentModel.syncThreadComments(this._context.unit.getUnitId(),`default_doc`,a);let o=a.sort();this.disposeWithMe(this._commandService.onCommandExecuted(e=>{if(e.id===D.id){var t,a;if(e.params.unitId!==this._context.unit.getUnitId())return;let s=(t=(a=this._context.unit.getBody())==null||(a=a.customDecorations)==null?void 0:a.filter(e=>e.type===n.COMMENT).map(e=>e.id))==null?[]:t,c=s.sort();if(JSON.stringify(o)!==JSON.stringify(c)){let e=new Set(o),t=new Set(c),n=new Set,a=new Set;s.forEach(t=>{e.has(t)||n.add(t)}),o.forEach(e=>{t.has(e)||a.add(e)}),o=c,n.forEach(e=>{this._threadCommentModel.getComment(r,i,e)||this._threadCommentModel.addComment(r,i,{id:e,threadId:e,ref:``,dT:``,personId:``,text:{dataStream:``},unitId:r,subUnitId:i})}),this._threadCommentModel.syncThreadComments(r,i,[...n])}}}))}};Q=H([V(1,c(ae)),V(2,c(T)),V(3,c(v)),V(4,s),V(5,c(C)),V(6,a)],Q);let $=class extends u{constructor(e=Oe,t,n,r){super(),this._config=e,this._injector=t,this._renderManagerSrv=n,this._configService=r;let{menu:i,...a}=h({},Oe,this._config);i&&this._configService.setConfig(`menu`,i,{merge:!0}),this._configService.setConfig(Y,a)}onStarting(){[[Z],[X],[U]].forEach(e=>{this._injector.add(e)})}onRendered(){this._initRenderModule(),this._injector.get(X),this._injector.get(Z)}_initRenderModule(){[Q].forEach(e=>{this._renderManagerSrv.registerRenderModule(f.UNIVER_DOC,e)})}};B($,`pluginName`,`DOC_THREAD_COMMENT_UI_PLUGIN`),B($,`packageName`,Ee),B($,`version`,De),B($,`type`,f.UNIVER_DOC),$=H([r(re),V(1,c(l)),V(2,k),V(3,o)],$);export{L as AddDocCommentComment,R as DeleteDocCommentComment,K as ShowCommentPanelOperation,J as StartAddCommentOperation,$ as UniverDocsThreadCommentUIPlugin};

package/lib/types/commands/commands/add-doc-comment.command.d.ts

@@ -1,5 +1,20 @@
-import { ICommand, ITextRange } from '@univerjs/core';
-import { IThreadComment } from '@univerjs/thread-comment';
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { ICommand, ITextRange } from '@univerjs/core';
+import type { IThreadComment } from '@univerjs/thread-comment';
 export interface IAddDocCommentComment {
     unitId: string;
     comment: IThreadComment;

package/lib/types/commands/commands/delete-doc-comment.command.d.ts

@@ -1,4 +1,19 @@
-import { ICommand } from '@univerjs/core';
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { ICommand } from '@univerjs/core';
 export interface IDeleteDocCommentComment {
     unitId: string;
     commentId: string;