@univerjs/thread-comment-ui 0.4.1 → 0.4.2-nightly.202410301606

package/lib/es/index.js

@@ -2,304 +2,16 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
-import { UniverThreadCommentPlugin, ThreadCommentModel, AddCommentCommand, UpdateCommentCommand, ResolveCommentCommand, DeleteCommentTreeCommand, DeleteCommentCommand } from "@univerjs/thread-comment";
 import { Inject, Disposable, UniverInstanceType, IUniverInstanceService, CommandType, createIdentifier, DependentOn, Injector, Plugin, mergeOverrideWithDependencies, ICommandService, IConfigService, CustomRangeType, useDependency, LocaleService, UserManagerService, generateRandomId } from "@univerjs/core";
+import { UniverThreadCommentPlugin, ThreadCommentModel, getDT, AddCommentCommand, UpdateCommentCommand, ResolveCommentCommand, DeleteCommentTreeCommand, DeleteCommentCommand } from "@univerjs/thread-comment";
 import { ISidebarService, useObservable } from "@univerjs/ui";
-import { BehaviorSubject, filter } from "rxjs";
+import { BehaviorSubject, filter, debounceTime } from "rxjs";
 import { Mentions, Mention, Button, Tooltip, Dropdown, Menu, MenuItem, Select } from "@univerjs/design";
-import React, { forwardRef, useRef, createElement, useState, useImperativeHandle, useEffect, useMemo } from "react";
+import React, { forwardRef, useRef, createElement, useState, useImperativeHandle, useMemo, useEffect } from "react";
 import { DocSelectionManagerService } from "@univerjs/docs";
 import { DocSelectionRenderService } from "@univerjs/docs-ui";
 import { IRenderManagerService } from "@univerjs/engine-render";
-var commonjsGlobal = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x.default : x;
-}
-__name(getDefaultExportFromCjs, "getDefaultExportFromCjs");
-var dayjs_min = { exports: {} };
-(function(module, exports) {
-  (function(t, e) {
-    module.exports = e();
-  })(commonjsGlobal, function() {
-    var t = 1e3, e = 6e4, n = 36e5, r2 = "millisecond", i = "second", s = "minute", u = "hour", a = "day", o = "week", c = "month", f = "quarter", h = "year", d = "date", l = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: /* @__PURE__ */ __name(function(t2) {
-      var e2 = ["th", "st", "nd", "rd"], n2 = t2 % 100;
-      return "[" + t2 + (e2[(n2 - 20) % 10] || e2[n2] || e2[0]) + "]";
-    }, "ordinal") }, m = /* @__PURE__ */ __name(function(t2, e2, n2) {
-      var r3 = String(t2);
-      return !r3 || r3.length >= e2 ? t2 : "" + Array(e2 + 1 - r3.length).join(n2) + t2;
-    }, "m"), v = { s: m, z: /* @__PURE__ */ __name(function(t2) {
-      var e2 = -t2.utcOffset(), n2 = Math.abs(e2), r3 = Math.floor(n2 / 60), i2 = n2 % 60;
-      return (e2 <= 0 ? "+" : "-") + m(r3, 2, "0") + ":" + m(i2, 2, "0");
-    }, "z"), m: /* @__PURE__ */ __name(function t2(e2, n2) {
-      if (e2.date() < n2.date()) return -t2(n2, e2);
-      var r3 = 12 * (n2.year() - e2.year()) + (n2.month() - e2.month()), i2 = e2.clone().add(r3, c), s2 = n2 - i2 < 0, u2 = e2.clone().add(r3 + (s2 ? -1 : 1), c);
-      return +(-(r3 + (n2 - i2) / (s2 ? i2 - u2 : u2 - i2)) || 0);
-    }, "t"), a: /* @__PURE__ */ __name(function(t2) {
-      return t2 < 0 ? Math.ceil(t2) || 0 : Math.floor(t2);
-    }, "a"), p: /* @__PURE__ */ __name(function(t2) {
-      return { M: c, y: h, w: o, d: a, D: d, h: u, m: s, s: i, ms: r2, Q: f }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
-    }, "p"), u: /* @__PURE__ */ __name(function(t2) {
-      return t2 === void 0;
-    }, "u") }, g = "en", D = {};
-    D[g] = M;
-    var p = "$isDayjsObject", S = /* @__PURE__ */ __name(function(t2) {
-      return t2 instanceof _ || !(!t2 || !t2[p]);
-    }, "S"), w = /* @__PURE__ */ __name(function t2(e2, n2, r3) {
-      var i2;
-      if (!e2) return g;
-      if (typeof e2 == "string") {
-        var s2 = e2.toLowerCase();
-        D[s2] && (i2 = s2), n2 && (D[s2] = n2, i2 = s2);
-        var u2 = e2.split("-");
-        if (!i2 && u2.length > 1) return t2(u2[0]);
-      } else {
-        var a2 = e2.name;
-        D[a2] = e2, i2 = a2;
-      }
-      return !r3 && i2 && (g = i2), i2 || !r3 && g;
-    }, "t"), O = /* @__PURE__ */ __name(function(t2, e2) {
-      if (S(t2)) return t2.clone();
-      var n2 = typeof e2 == "object" ? e2 : {};
-      return n2.date = t2, n2.args = arguments, new _(n2);
-    }, "O"), b = v;
-    b.l = w, b.i = S, b.w = function(t2, e2) {
-      return O(t2, { locale: e2.$L, utc: e2.$u, x: e2.$x, $offset: e2.$offset });
-    };
-    var _ = function() {
-      function M2(t2) {
-        this.$L = w(t2.locale, null, !0), this.parse(t2), this.$x = this.$x || t2.x || {}, this[p] = !0;
-      }
-      __name(M2, "M");
-      var m2 = M2.prototype;
-      return m2.parse = function(t2) {
-        this.$d = function(t3) {
-          var e2 = t3.date, n2 = t3.utc;
-          if (e2 === null) return /* @__PURE__ */ new Date(NaN);
-          if (b.u(e2)) return /* @__PURE__ */ new Date();
-          if (e2 instanceof Date) return new Date(e2);
-          if (typeof e2 == "string" && !/Z$/i.test(e2)) {
-            var r3 = e2.match($);
-            if (r3) {
-              var i2 = r3[2] - 1 || 0, s2 = (r3[7] || "0").substring(0, 3);
-              return n2 ? new Date(Date.UTC(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s2)) : new Date(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s2);
-            }
-          }
-          return new Date(e2);
-        }(t2), this.init();
-      }, m2.init = function() {
-        var t2 = this.$d;
-        this.$y = t2.getFullYear(), this.$M = t2.getMonth(), this.$D = t2.getDate(), this.$W = t2.getDay(), this.$H = t2.getHours(), this.$m = t2.getMinutes(), this.$s = t2.getSeconds(), this.$ms = t2.getMilliseconds();
-      }, m2.$utils = function() {
-        return b;
-      }, m2.isValid = function() {
-        return this.$d.toString() !== l;
-      }, m2.isSame = function(t2, e2) {
-        var n2 = O(t2);
-        return this.startOf(e2) <= n2 && n2 <= this.endOf(e2);
-      }, m2.isAfter = function(t2, e2) {
-        return O(t2) < this.startOf(e2);
-      }, m2.isBefore = function(t2, e2) {
-        return this.endOf(e2) < O(t2);
-      }, m2.$g = function(t2, e2, n2) {
-        return b.u(t2) ? this[e2] : this.set(n2, t2);
-      }, m2.unix = function() {
-        return Math.floor(this.valueOf() / 1e3);
-      }, m2.valueOf = function() {
-        return this.$d.getTime();
-      }, m2.startOf = function(t2, e2) {
-        var n2 = this, r3 = !!b.u(e2) || e2, f2 = b.p(t2), l2 = /* @__PURE__ */ __name(function(t3, e3) {
-          var i2 = b.w(n2.$u ? Date.UTC(n2.$y, e3, t3) : new Date(n2.$y, e3, t3), n2);
-          return r3 ? i2 : i2.endOf(a);
-        }, "l"), $2 = /* @__PURE__ */ __name(function(t3, e3) {
-          return b.w(n2.toDate()[t3].apply(n2.toDate("s"), (r3 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e3)), n2);
-        }, "$"), y2 = this.$W, M3 = this.$M, m3 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
-        switch (f2) {
-          case h:
-            return r3 ? l2(1, 0) : l2(31, 11);
-          case c:
-            return r3 ? l2(1, M3) : l2(0, M3 + 1);
-          case o:
-            var g2 = this.$locale().weekStart || 0, D2 = (y2 < g2 ? y2 + 7 : y2) - g2;
-            return l2(r3 ? m3 - D2 : m3 + (6 - D2), M3);
-          case a:
-          case d:
-            return $2(v2 + "Hours", 0);
-          case u:
-            return $2(v2 + "Minutes", 1);
-          case s:
-            return $2(v2 + "Seconds", 2);
-          case i:
-            return $2(v2 + "Milliseconds", 3);
-          default:
-            return this.clone();
-        }
-      }, m2.endOf = function(t2) {
-        return this.startOf(t2, !1);
-      }, m2.$set = function(t2, e2) {
-        var n2, o2 = b.p(t2), f2 = "set" + (this.$u ? "UTC" : ""), l2 = (n2 = {}, n2[a] = f2 + "Date", n2[d] = f2 + "Date", n2[c] = f2 + "Month", n2[h] = f2 + "FullYear", n2[u] = f2 + "Hours", n2[s] = f2 + "Minutes", n2[i] = f2 + "Seconds", n2[r2] = f2 + "Milliseconds", n2)[o2], $2 = o2 === a ? this.$D + (e2 - this.$W) : e2;
-        if (o2 === c || o2 === h) {
-          var y2 = this.clone().set(d, 1);
-          y2.$d[l2]($2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
-        } else l2 && this.$d[l2]($2);
-        return this.init(), this;
-      }, m2.set = function(t2, e2) {
-        return this.clone().$set(t2, e2);
-      }, m2.get = function(t2) {
-        return this[b.p(t2)]();
-      }, m2.add = function(r3, f2) {
-        var d2, l2 = this;
-        r3 = Number(r3);
-        var $2 = b.p(f2), y2 = /* @__PURE__ */ __name(function(t2) {
-          var e2 = O(l2);
-          return b.w(e2.date(e2.date() + Math.round(t2 * r3)), l2);
-        }, "y");
-        if ($2 === c) return this.set(c, this.$M + r3);
-        if ($2 === h) return this.set(h, this.$y + r3);
-        if ($2 === a) return y2(1);
-        if ($2 === o) return y2(7);
-        var M3 = (d2 = {}, d2[s] = e, d2[u] = n, d2[i] = t, d2)[$2] || 1, m3 = this.$d.getTime() + r3 * M3;
-        return b.w(m3, this);
-      }, m2.subtract = function(t2, e2) {
-        return this.add(-1 * t2, e2);
-      }, m2.format = function(t2) {
-        var e2 = this, n2 = this.$locale();
-        if (!this.isValid()) return n2.invalidDate || l;
-        var r3 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i2 = b.z(this), s2 = this.$H, u2 = this.$m, a2 = this.$M, o2 = n2.weekdays, c2 = n2.months, f2 = n2.meridiem, h2 = /* @__PURE__ */ __name(function(t3, n3, i3, s3) {
-          return t3 && (t3[n3] || t3(e2, r3)) || i3[n3].slice(0, s3);
-        }, "h"), d2 = /* @__PURE__ */ __name(function(t3) {
-          return b.s(s2 % 12 || 12, t3, "0");
-        }, "d"), $2 = f2 || function(t3, e3, n3) {
-          var r4 = t3 < 12 ? "AM" : "PM";
-          return n3 ? r4.toLowerCase() : r4;
-        };
-        return r3.replace(y, function(t3, r4) {
-          return r4 || function(t4) {
-            switch (t4) {
-              case "YY":
-                return String(e2.$y).slice(-2);
-              case "YYYY":
-                return b.s(e2.$y, 4, "0");
-              case "M":
-                return a2 + 1;
-              case "MM":
-                return b.s(a2 + 1, 2, "0");
-              case "MMM":
-                return h2(n2.monthsShort, a2, c2, 3);
-              case "MMMM":
-                return h2(c2, a2);
-              case "D":
-                return e2.$D;
-              case "DD":
-                return b.s(e2.$D, 2, "0");
-              case "d":
-                return String(e2.$W);
-              case "dd":
-                return h2(n2.weekdaysMin, e2.$W, o2, 2);
-              case "ddd":
-                return h2(n2.weekdaysShort, e2.$W, o2, 3);
-              case "dddd":
-                return o2[e2.$W];
-              case "H":
-                return String(s2);
-              case "HH":
-                return b.s(s2, 2, "0");
-              case "h":
-                return d2(1);
-              case "hh":
-                return d2(2);
-              case "a":
-                return $2(s2, u2, !0);
-              case "A":
-                return $2(s2, u2, !1);
-              case "m":
-                return String(u2);
-              case "mm":
-                return b.s(u2, 2, "0");
-              case "s":
-                return String(e2.$s);
-              case "ss":
-                return b.s(e2.$s, 2, "0");
-              case "SSS":
-                return b.s(e2.$ms, 3, "0");
-              case "Z":
-                return i2;
-            }
-            return null;
-          }(t3) || i2.replace(":", "");
-        });
-      }, m2.utcOffset = function() {
-        return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-      }, m2.diff = function(r3, d2, l2) {
-        var $2, y2 = this, M3 = b.p(d2), m3 = O(r3), v2 = (m3.utcOffset() - this.utcOffset()) * e, g2 = this - m3, D2 = /* @__PURE__ */ __name(function() {
-          return b.m(y2, m3);
-        }, "D");
-        switch (M3) {
-          case h:
-            $2 = D2() / 12;
-            break;
-          case c:
-            $2 = D2();
-            break;
-          case f:
-            $2 = D2() / 3;
-            break;
-          case o:
-            $2 = (g2 - v2) / 6048e5;
-            break;
-          case a:
-            $2 = (g2 - v2) / 864e5;
-            break;
-          case u:
-            $2 = g2 / n;
-            break;
-          case s:
-            $2 = g2 / e;
-            break;
-          case i:
-            $2 = g2 / t;
-            break;
-          default:
-            $2 = g2;
-        }
-        return l2 ? $2 : b.a($2);
-      }, m2.daysInMonth = function() {
-        return this.endOf(c).$D;
-      }, m2.$locale = function() {
-        return D[this.$L];
-      }, m2.locale = function(t2, e2) {
-        if (!t2) return this.$L;
-        var n2 = this.clone(), r3 = w(t2, e2, !0);
-        return r3 && (n2.$L = r3), n2;
-      }, m2.clone = function() {
-        return b.w(this.$d, this);
-      }, m2.toDate = function() {
-        return new Date(this.valueOf());
-      }, m2.toJSON = function() {
-        return this.isValid() ? this.toISOString() : null;
-      }, m2.toISOString = function() {
-        return this.$d.toISOString();
-      }, m2.toString = function() {
-        return this.$d.toUTCString();
-      }, M2;
-    }(), k = _.prototype;
-    return O.prototype = k, [["$ms", r2], ["$s", i], ["$m", s], ["$H", u], ["$W", a], ["$M", c], ["$y", h], ["$D", d]].forEach(function(t2) {
-      k[t2[1]] = function(e2) {
-        return this.$g(e2, t2[0], t2[1]);
-      };
-    }), O.extend = function(t2, e2) {
-      return t2.$i || (t2(e2, _, O), t2.$i = !0), O;
-    }, O.locale = w, O.isDayjs = S, O.unix = function(t2) {
-      return O(1e3 * t2);
-    }, O.en = D[g], O.Ls = D, O.p = {}, O;
-  });
-})(dayjs_min);
-var dayjs_minExports = dayjs_min.exports;
-const dayjs = /* @__PURE__ */ getDefaultExportFromCjs(dayjs_minExports);
-function getDT() {
-  return dayjs().format("YYYY/MM/DD HH:mm");
-}
-__name(getDT, "getDT");
-const THREAD_COMMENT_PANEL = "thread-comment-panel", PLUGIN_NAME = "UNIVER_THREAD_COMMENT_UI_PLUGIN";
+import { IThreadCommentMentionDataService as IThreadCommentMentionDataService$1 } from "@univerjs/thread-comment-ui";
 var __defProp$1 = Object.defineProperty, __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor, __decorateClass$1 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
@@ -346,7 +58,7 @@ ThreadCommentPanelService = __decorateClass$1([
   __decorateParam$1(0, Inject(ISidebarService)),
   __decorateParam$1(1, IUniverInstanceService)
 ], ThreadCommentPanelService);
-const ToggleSheetCommentPanelOperation = {
+const THREAD_COMMENT_PANEL = "thread-comment-panel", PLUGIN_NAME = "UNIVER_THREAD_COMMENT_UI_PLUGIN", ToggleSheetCommentPanelOperation = {
   id: "thread-comment-ui.operation.toggle-panel",
   type: CommandType.OPERATION,
   handler(accessor) {
@@ -363,7 +75,7 @@ const ToggleSheetCommentPanelOperation = {
   handler(accessor, params) {
     return accessor.get(ThreadCommentPanelService).setActiveComment(params), !0;
   }
-}, _ThreadCommentMentionDataService = class _ThreadCommentMentionDataService {
+}, PLUGIN_CONFIG_KEY = "thread-comment-ui.config", defaultPluginConfig = {}, _ThreadCommentMentionDataService = class _ThreadCommentMentionDataService {
   constructor() {
     __publicField(this, "dataSource");
     __publicField(this, "renderSuggestion");
@@ -375,7 +87,7 @@ const ToggleSheetCommentPanelOperation = {
 };
 __name(_ThreadCommentMentionDataService, "ThreadCommentMentionDataService");
 let ThreadCommentMentionDataService = _ThreadCommentMentionDataService;
-const IThreadCommentMentionDataService = createIdentifier("thread-comment.mention-data.service"), PLUGIN_CONFIG_KEY = "thread-comment-ui.config", defaultPluginConfig = {};
+const IThreadCommentMentionDataService = createIdentifier("thread-comment.mention-data.service");
 var __defProp2 = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __defNormalProp2 = /* @__PURE__ */ __name((obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, "__defNormalProp"), __decorateClass = /* @__PURE__ */ __name((decorators, target, key, kind) => {
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
@@ -617,7 +329,7 @@ const threadCommentEditorButtons = "univer-thread-comment-editor-buttons", threa
   return /* @__PURE__ */ React.createElement("div", { className: styles$2.threadCommentEditorSuggestion }, icon ? /* @__PURE__ */ React.createElement("img", { className: styles$2.threadCommentEditorSuggestionIcon, src: icon }) : null, /* @__PURE__ */ React.createElement("div", null, (_b = mention.display) != null ? _b : mention.id));
 }, "defaultRenderSuggestion"), ThreadCommentEditor = forwardRef((props, ref) => {
   var _a3, _b;
-  const { comment, onSave, id, onCancel, autoFocus, unitId, subUnitId } = props, mentionDataService = useDependency(IThreadCommentMentionDataService), commandService = useDependency(ICommandService), localeService = useDependency(LocaleService), [localComment, setLocalComment] = useState({ ...comment }), [editing, setEditing] = useState(!1), inputRef = useRef(null), docSelectionManagerService = useDependency(DocSelectionManagerService), docSelectionRenderService = (_a3 = useDependency(IRenderManagerService).getCurrentTypeOfRenderer(UniverInstanceType.UNIVER_DOC)) == null ? void 0 : _a3.with(DocSelectionRenderService);
+  const { comment, onSave, id, onCancel, autoFocus, unitId, subUnitId } = props, mentionDataService = useDependency(IThreadCommentMentionDataService$1), commandService = useDependency(ICommandService), localeService = useDependency(LocaleService), [localComment, setLocalComment] = useState({ ...comment }), [editing, setEditing] = useState(!1), inputRef = useRef(null), docSelectionManagerService = useDependency(DocSelectionManagerService), docSelectionRenderService = (_a3 = useDependency(IRenderManagerService).getCurrentTypeOfRenderer(UniverInstanceType.UNIVER_DOC)) == null ? void 0 : _a3.with(DocSelectionRenderService);
   useImperativeHandle(ref, () => ({
     reply(text) {
       var _a4;
@@ -767,8 +479,8 @@ const threadCommentEditorButtons = "univer-thread-comment-editor-buttons", threa
     onAddComment,
     onDeleteComment,
     onResolve
-  } = props, threadCommentModel = useDependency(ThreadCommentModel), [isHover, setIsHover] = useState(!1), [editingId, setEditingId] = useState("");
-  useObservable(threadCommentModel.commentMap$);
+  } = props, threadCommentModel = useDependency(ThreadCommentModel), [isHover, setIsHover] = useState(!1), [editingId, setEditingId] = useState(""), updte$ = useMemo(() => threadCommentModel.commentUpdate$.pipe(debounceTime(16)), [threadCommentModel]);
+  useObservable(updte$);
   const comments = id ? threadCommentModel.getCommentWithChildren(unitId, subUnitId, id) : null, commandService = useDependency(ICommandService), userManagerService = useDependency(UserManagerService), resolved = comments == null ? void 0 : comments.root.resolved, currentUser = useObservable(userManagerService.currentUser$), editorRef = useRef(null), renderComments = [
     ...comments ? [comments.root] : (
       // mock empty comment
@@ -928,8 +640,11 @@ const threadCommentEditorButtons = "univer-thread-comment-editor-buttons", threa
     onDeleteComment,
     showComments
   } = props, [unit, setUnit] = useState("all"), [status, setStatus] = useState("all"), localeService = useDependency(LocaleService), userService = useDependency(UserManagerService), threadCommentModel = useDependency(ThreadCommentModel), [unitComments, setUnitComments] = useState(() => threadCommentModel.getUnit(unitId)), panelService = useDependency(ThreadCommentPanelService), activeCommentId = useObservable(panelService.activeCommentId$), update = useObservable(threadCommentModel.commentUpdate$), commandService = useDependency(ICommandService), subUnitId = useObservable(subUnitId$), shouldScroll = useRef(!0), prefix = "panel", currentUser = useObservable(userService.currentUser$), comments = useMemo(() => {
-    var _a3, _b;
-    const allComments = (unit === "all" ? unitComments.map((i) => i[1]).flat() : (_b = (_a3 = unitComments.find((i) => i[0] === subUnitId)) == null ? void 0 : _a3[1]) != null ? _b : []).filter((i) => !i.parentId), sort = sortComments != null ? sortComments : (a) => a, res = allComments;
+    var _a3;
+    const allComments = unit === "all" ? unitComments : (_a3 = unitComments.filter((i) => i.subUnitId === subUnitId)) != null ? _a3 : [], sort = sortComments != null ? sortComments : (a) => a, res = allComments.map((i) => {
+      var _a4;
+      return { ...i.root, children: (_a4 = i.children) != null ? _a4 : [], users: i.relativeUsers };
+    });
     if (showComments) {
       const map = /* @__PURE__ */ new Map();
       return res.forEach((comment) => {
@@ -940,7 +655,7 @@ const threadCommentEditorButtons = "univer-thread-comment-editor-buttons", threa
   }, [showComments, unit, unitComments, sortComments, subUnitId]), commentsSorted = useMemo(() => [
     ...comments.filter((comment) => !comment.resolved),
     ...comments.filter((comment) => comment.resolved)
-  ], [comments]), statuedComments = useMemo(() => status === "resolved" ? commentsSorted.filter((comment) => comment.resolved) : status === "unsolved" ? commentsSorted.filter((comment) => !comment.resolved) : status === "concern_me" && currentUser != null && currentUser.userID ? commentsSorted.map((comment) => threadCommentModel.getCommentWithChildren(comment.unitId, comment.subUnitId, comment.id)).map((comment) => comment != null && comment.relativeUsers.has(currentUser.userID) ? comment.root : null).filter(Boolean) : commentsSorted, [commentsSorted, currentUser == null ? void 0 : currentUser.userID, status, threadCommentModel]), renderComments = tempComment ? [tempComment, ...statuedComments] : statuedComments, unSolvedComments = renderComments.filter((comment) => !comment.resolved), solvedComments = renderComments.filter((comment) => comment.resolved), isFiltering = status !== "all" || unit !== "all", onReset = /* @__PURE__ */ __name(() => {
+  ], [comments]), statuedComments = useMemo(() => status === "resolved" ? commentsSorted.filter((comment) => comment.resolved) : status === "unsolved" ? commentsSorted.filter((comment) => !comment.resolved) : status === "concern_me" && currentUser != null && currentUser.userID ? commentsSorted.filter((comment) => comment == null ? void 0 : comment.users.has(currentUser.userID)) : commentsSorted, [commentsSorted, currentUser == null ? void 0 : currentUser.userID, status]), renderComments = tempComment ? [tempComment, ...statuedComments] : statuedComments, unSolvedComments = renderComments.filter((comment) => !comment.resolved), solvedComments = renderComments.filter((comment) => comment.resolved), isFiltering = status !== "all" || unit !== "all", onReset = /* @__PURE__ */ __name(() => {
     setStatus("all"), setUnit("all");
   }, "onReset");
   useEffect(() => {
@@ -1059,6 +774,5 @@ export {
   ThreadCommentPanelService,
   ThreadCommentTree,
   ToggleSheetCommentPanelOperation,
-  UniverThreadCommentUIPlugin,
-  getDT
+  UniverThreadCommentUIPlugin
 };

package/lib/locale/en-US.js

@@ -0,0 +1,36 @@
+const enUS = {
+  threadCommentUI: {
+    panel: {
+      title: "Comment Management",
+      empty: "No comments yet",
+      filterEmpty: "No match result",
+      reset: "Reset Filter",
+      addComment: "Add Comment"
+    },
+    editor: {
+      placeholder: "Reply or add others with @",
+      reply: "Comment",
+      cancel: "Cancel",
+      save: "Save"
+    },
+    item: {
+      edit: "Edit",
+      delete: "Delete This Comment"
+    },
+    filter: {
+      sheet: {
+        all: "All sheet",
+        current: "Current sheet"
+      },
+      status: {
+        all: "All comments",
+        resolved: "Resolved",
+        unsolved: "Not resolved",
+        concernMe: "Concern me"
+      }
+    }
+  }
+};
+export {
+  enUS as default
+};

package/lib/locale/fa-IR.js

@@ -0,0 +1,36 @@
+const locale = {
+  threadCommentUI: {
+    panel: {
+      title: "مدیریت نظرات",
+      empty: "هنوز نظری وجود ندارد",
+      filterEmpty: "نتیجه ای یافت نشد",
+      reset: "بازنشانی فیلتر",
+      addComment: "افزودن نظر"
+    },
+    editor: {
+      placeholder: "پاسخ یا اضافه کردن دیگران با @",
+      reply: "نظر",
+      cancel: "انصراف",
+      save: "ذخیره"
+    },
+    item: {
+      edit: "ویرایش",
+      delete: "حذف این نظر"
+    },
+    filter: {
+      sheet: {
+        all: "همه برگه‌ها",
+        current: "برگه فعلی"
+      },
+      status: {
+        all: "همه نظرات",
+        resolved: "حل شده",
+        unsolved: "حل نشده",
+        concernMe: "موضوع مربوط به من"
+      }
+    }
+  }
+};
+export {
+  locale as default
+};

package/lib/locale/ru-RU.js

@@ -0,0 +1,36 @@
+const ruRU = {
+  threadCommentUI: {
+    panel: {
+      title: "Comment Management",
+      empty: "No comments yet",
+      filterEmpty: "No match result",
+      reset: "Reset Filter",
+      addComment: "Add Comment"
+    },
+    editor: {
+      placeholder: "Reply or add others with @",
+      reply: "Comment",
+      cancel: "Cancel",
+      save: "Save"
+    },
+    item: {
+      edit: "Edit",
+      delete: "Delete This Comment"
+    },
+    filter: {
+      sheet: {
+        all: "All sheet",
+        current: "Current sheet"
+      },
+      status: {
+        all: "All comments",
+        resolved: "Resolved",
+        unsolved: "Not resolved",
+        concernMe: "Concern me"
+      }
+    }
+  }
+};
+export {
+  ruRU as default
+};

package/lib/locale/vi-VN.js

@@ -0,0 +1,36 @@
+const enUS = {
+  threadCommentUI: {
+    panel: {
+      title: "Quản lý Bình luận",
+      empty: "Chưa có bình luận",
+      filterEmpty: "Không có kết quả phù hợp",
+      reset: "Đặt lại",
+      addComment: "Thêm bình luận"
+    },
+    editor: {
+      placeholder: "Phản hồi",
+      reply: "Phản hồi",
+      cancel: "Hủy",
+      save: "Lưu"
+    },
+    item: {
+      edit: "Chỉnh sửa",
+      delete: "Xóa"
+    },
+    filter: {
+      sheet: {
+        all: "Tất cả bảng",
+        current: "Bảng hiện tại"
+      },
+      status: {
+        all: "Tất cả bình luận",
+        resolved: "Đã giải quyết",
+        unsolved: "Chưa giải quyết",
+        concernMe: "Liên quan đến tôi"
+      }
+    }
+  }
+};
+export {
+  enUS as default
+};

package/lib/locale/zh-CN.js

@@ -0,0 +1,36 @@
+const zhCN = {
+  threadCommentUI: {
+    panel: {
+      title: "评论管理",
+      empty: "暂无评论",
+      filterEmpty: "没有匹配的结果",
+      reset: "重置",
+      addComment: "添加评论"
+    },
+    editor: {
+      placeholder: "回复",
+      reply: "回复",
+      cancel: "取消",
+      save: "保存"
+    },
+    item: {
+      edit: "编辑",
+      delete: "删除"
+    },
+    filter: {
+      sheet: {
+        all: "所有表格",
+        current: "当前表格"
+      },
+      status: {
+        all: "所有评论",
+        resolved: "已解决",
+        unsolved: "未解决",
+        concernMe: "与我有关"
+      }
+    }
+  }
+};
+export {
+  zhCN as default
+};

package/lib/locale/zh-TW.js

@@ -0,0 +1,36 @@
+const enUS = {
+  threadCommentUI: {
+    panel: {
+      title: "評論管理",
+      empty: "暫無評論",
+      filterEmpty: "沒有符合的結果",
+      reset: "重置",
+      addComment: "新增評論"
+    },
+    editor: {
+      placeholder: "回覆",
+      reply: "回覆",
+      cancel: "取消",
+      save: "儲存"
+    },
+    item: {
+      edit: "編輯",
+      delete: "刪除"
+    },
+    filter: {
+      sheet: {
+        all: "所有表格",
+        current: "當前表格"
+      },
+      status: {
+        all: "所有評論",
+        resolved: "已解決",
+        unsolved: "未解決",
+        concernMe: "與我有關"
+      }
+    }
+  }
+};
+export {
+  enUS as default
+};

package/lib/types/index.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export { getDT } from './common/utils';
 export { UniverThreadCommentUIPlugin } from './plugin';
 export { type ActiveCommentInfo, ThreadCommentPanelService } from './services/thread-comment-panel.service';
 export { ThreadCommentPanel } from './views/thread-comment-panel';

package/lib/types/plugin.d.ts

@@ -1,5 +1,5 @@
-import { ICommandService, IConfigService, Injector, Plugin, UniverInstanceType } from '@univerjs/core';
 import { IUniverThreadCommentUIConfig } from './controllers/config.schema';
+import { ICommandService, IConfigService, Injector, Plugin, UniverInstanceType } from '@univerjs/core';
 export declare class UniverThreadCommentUIPlugin extends Plugin {
     private readonly _config;
     protected _injector: Injector;

package/lib/types/views/thread-comment-editor/index.d.ts

@@ -1,6 +1,6 @@
-import { default as React } from 'react';
 import { IDocumentBody } from '@univerjs/core';
 import { IThreadComment } from '@univerjs/thread-comment';
+import { default as React } from 'react';
 export interface IThreadCommentEditorProps {
     id?: string;
     comment?: Pick<IThreadComment, 'attachments' | 'text' | 'mentions'>;

package/lib/types/views/thread-comment-panel/index.d.ts

@@ -1,8 +1,8 @@
-import { UniverInstanceType, Nullable } from '@univerjs/core';
-import { default as React } from 'react';
+import { Nullable, UniverInstanceType } from '@univerjs/core';
 import { IThreadComment } from '@univerjs/thread-comment';
 import { Observable } from 'rxjs';
 import { IThreadCommentTreeProps } from '../thread-comment-tree';
+import { default as React } from 'react';
 export interface IThreadCommentPanelProps {
     unitId: string;
     subUnitId$: Observable<string | undefined>;

package/lib/types/views/thread-comment-tree/index.d.ts

@@ -1,6 +1,6 @@
+import { IThreadComment } from '@univerjs/thread-comment';
 import { IUser, UniverInstanceType } from '@univerjs/core';
 import { default as React } from 'react';
-import { IThreadComment } from '@univerjs/thread-comment';
 export interface IThreadCommentTreeProps {
     id?: string;
     unitId: string;