@univerjs/thread-comment-ui 0.5.5-nightly.202501220324 → 0.5.5

package/lib/es/index.js

@@ -1,40 +1,38 @@
-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 { Inject, Disposable, UniverInstanceType, IUniverInstanceService, CommandType, DependentOn, Injector, Plugin, merge, mergeOverrideWithDependencies, ICommandService, IConfigService, useDependency, LocaleService, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, BuildTextUtils, Tools, CustomRangeType, getBodySlice, UserManagerService, generateRandomId } from "@univerjs/core";
-import { UniverThreadCommentPlugin, ThreadCommentModel, getDT, AddCommentCommand, UpdateCommentCommand, ResolveCommentCommand, DeleteCommentTreeCommand, DeleteCommentCommand } from "@univerjs/thread-comment";
-import { ISidebarService, KeyCode, useObservable } from "@univerjs/ui";
-import { BehaviorSubject, filter, debounceTime } from "rxjs";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Button, Tooltip, DropdownLegacy, Menu, MenuItem, Select } from "@univerjs/design";
-import { forwardRef, useRef, createElement, useState, useEffect, useMemo, useImperativeHandle } from "react";
-import { IEditorService, BreakLineCommand, RichTextEditor } from "@univerjs/docs-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);
-  return kind && result && __defProp$1(target, key, result), result;
-}, "__decorateClass$1"), __decorateParam$1 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$1"), _a;
-let ThreadCommentPanelService = (_a = class extends Disposable {
-  constructor(_sidebarService, _univerInstanceService) {
+var qe = Object.defineProperty;
+var Ze = (t, e, n) => e in t ? qe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var V = (t, e, n) => Ze(t, typeof e != "symbol" ? e + "" : e, n);
+import { Inject as Ue, Disposable as Je, UniverInstanceType as he, IUniverInstanceService as Ke, CommandType as Pe, DependentOn as Ge, Injector as Ye, Plugin as Qe, merge as Xe, mergeOverrideWithDependencies as et, ICommandService as oe, IConfigService as tt, useDependency as U, LocaleService as pe, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as nt, BuildTextUtils as Ce, Tools as rt, CustomRangeType as ot, getBodySlice as it, UserManagerService as ge, generateRandomId as at } from "@univerjs/core";
+import { UniverThreadCommentPlugin as st, ThreadCommentModel as Oe, getDT as dt, AddCommentCommand as lt, UpdateCommentCommand as mt, ResolveCommentCommand as ct, DeleteCommentTreeCommand as Re, DeleteCommentCommand as ut } from "@univerjs/thread-comment";
+import { ISidebarService as $e, KeyCode as Ie, useObservable as B } from "@univerjs/ui";
+import { BehaviorSubject as xe, filter as ht, debounceTime as Ct } from "rxjs";
+import ft, { forwardRef as L, useRef as re, createElement as W, useState as k, useEffect as me, useMemo as ne, useImperativeHandle as vt } from "react";
+import { Button as ce, Tooltip as pt, DropdownLegacy as gt, Menu as It, MenuItem as be, Select as _e } from "@univerjs/design";
+import { IEditorService as xt, BreakLineCommand as bt, RichTextEditor as _t } from "@univerjs/docs-ui";
+var St = Object.defineProperty, yt = Object.getOwnPropertyDescriptor, Tt = (t, e, n, r) => {
+  for (var o = r > 1 ? void 0 : r ? yt(e, n) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = (r ? l(e, n, o) : l(o)) || o);
+  return r && o && St(e, n, o), o;
+}, Se = (t, e) => (n, r) => e(n, r, t);
+let J = class extends Je {
+  constructor(e, n) {
     super();
-    __publicField(this, "_panelVisible", !1);
-    __publicField(this, "_panelVisible$", new BehaviorSubject(!1));
-    __publicField(this, "_activeCommentId");
-    __publicField(this, "_activeCommentId$", new BehaviorSubject(void 0));
-    __publicField(this, "panelVisible$", this._panelVisible$.asObservable());
-    __publicField(this, "activeCommentId$", this._activeCommentId$.asObservable());
-    this._sidebarService = _sidebarService, this._univerInstanceService = _univerInstanceService, this._init(), this.disposeWithMe(() => {
+    V(this, "_panelVisible", !1);
+    V(this, "_panelVisible$", new xe(!1));
+    V(this, "_activeCommentId");
+    V(this, "_activeCommentId$", new xe(void 0));
+    V(this, "panelVisible$", this._panelVisible$.asObservable());
+    V(this, "activeCommentId$", this._activeCommentId$.asObservable());
+    this._sidebarService = e, this._univerInstanceService = n, this._init(), this.disposeWithMe(() => {
       this._activeCommentId$.complete(), this._panelVisible$.complete();
     });
   }
   _init() {
     this.disposeWithMe(
-      this._sidebarService.sidebarOptions$.subscribe((opt) => {
-        opt.visible || this.setPanelVisible(!1);
+      this._sidebarService.sidebarOptions$.subscribe((e) => {
+        e.visible || this.setPanelVisible(!1);
       })
     ), this.disposeWithMe(
-      this._univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).pipe(filter((sheet) => !sheet)).subscribe(() => {
+      this._univerInstanceService.getCurrentTypeOfUnit$(he.UNIVER_SHEET).pipe(ht((e) => !e)).subscribe(() => {
         this._sidebarService.close();
       })
     );
@@ -45,769 +43,790 @@ let ThreadCommentPanelService = (_a = class extends Disposable {
   get activeCommentId() {
     return this._activeCommentId;
   }
-  setPanelVisible(visible) {
-    this._panelVisible = visible, this._panelVisible$.next(visible);
+  setPanelVisible(e) {
+    this._panelVisible = e, this._panelVisible$.next(e);
   }
-  setActiveComment(commentInfo) {
-    this._activeCommentId = commentInfo, this._activeCommentId$.next(commentInfo);
+  setActiveComment(e) {
+    this._activeCommentId = e, this._activeCommentId$.next(e);
   }
-}, __name(_a, "ThreadCommentPanelService"), _a);
-ThreadCommentPanelService = __decorateClass$1([
-  __decorateParam$1(0, Inject(ISidebarService)),
-  __decorateParam$1(1, IUniverInstanceService)
-], ThreadCommentPanelService);
-const THREAD_COMMENT_PANEL = "thread-comment-panel", PLUGIN_NAME = "UNIVER_THREAD_COMMENT_UI_PLUGIN", ToggleSheetCommentPanelOperation = {
+};
+J = Tt([
+  Se(0, Ue($e)),
+  Se(1, Ke)
+], J);
+const jt = "thread-comment-panel", Nt = "UNIVER_THREAD_COMMENT_UI_PLUGIN", Et = {
   id: "thread-comment-ui.operation.toggle-panel",
-  type: CommandType.OPERATION,
-  handler(accessor) {
-    const sidebarService = accessor.get(ISidebarService), panelService = accessor.get(ThreadCommentPanelService);
-    return panelService.panelVisible ? (sidebarService.close(), panelService.setPanelVisible(!1)) : (sidebarService.open({
+  type: Pe.OPERATION,
+  handler(t) {
+    const e = t.get($e), n = t.get(J);
+    return n.panelVisible ? (e.close(), n.setPanelVisible(!1)) : (e.open({
       header: { title: "threadCommentUI.panel.title" },
-      children: { label: THREAD_COMMENT_PANEL },
+      children: { label: jt },
       width: 330
-    }), panelService.setPanelVisible(!0)), !0;
+    }), n.setPanelVisible(!0)), !0;
   }
-}, SetActiveCommentOperation = {
+}, F = {
   id: "thread-comment-ui.operation.set-active-comment",
-  type: CommandType.OPERATION,
-  handler(accessor, params) {
-    return accessor.get(ThreadCommentPanelService).setActiveComment(params), !0;
+  type: Pe.OPERATION,
+  handler(t, e) {
+    return t.get(J).setActiveComment(e), !0;
   }
-}, THREAD_COMMENT_UI_PLUGIN_CONFIG_KEY = "thread-comment-ui.config", defaultPluginConfig = {};
-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);
-  return kind && result && __defProp2(target, key, result), result;
-}, "__decorateClass"), __decorateParam = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam"), __publicField2 = /* @__PURE__ */ __name((obj, key, value) => __defNormalProp2(obj, typeof key != "symbol" ? key + "" : key, value), "__publicField"), _a2;
-let UniverThreadCommentUIPlugin = (_a2 = class extends Plugin {
-  constructor(_config = defaultPluginConfig, _injector, _commandService, _configService) {
-    super(), this._config = _config, this._injector = _injector, this._commandService = _commandService, this._configService = _configService;
-    const { menu, ...rest } = merge(
+}, Ut = "thread-comment-ui.config", ye = {};
+var De = Object.defineProperty, Pt = Object.getOwnPropertyDescriptor, Ot = (t, e, n) => e in t ? De(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, Rt = (t, e, n, r) => {
+  for (var o = r > 1 ? void 0 : r ? Pt(e, n) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = (r ? l(e, n, o) : l(o)) || o);
+  return r && o && De(e, n, o), o;
+}, fe = (t, e) => (n, r) => e(n, r, t), He = (t, e, n) => Ot(t, typeof e != "symbol" ? e + "" : e, n);
+let ue = class extends Qe {
+  constructor(t = ye, e, n, r) {
+    super(), this._config = t, this._injector = e, this._commandService = n, this._configService = r;
+    const { menu: o, ...s } = Xe(
       {},
-      defaultPluginConfig,
+      ye,
       this._config
     );
-    menu && this._configService.setConfig("menu", menu, { merge: !0 }), this._configService.setConfig(THREAD_COMMENT_UI_PLUGIN_CONFIG_KEY, rest);
+    o && this._configService.setConfig("menu", o, { merge: !0 }), this._configService.setConfig(Ut, s);
   }
   onStarting() {
-    var _a3;
-    mergeOverrideWithDependencies([
-      [ThreadCommentPanelService]
-    ], (_a3 = this._config) == null ? void 0 : _a3.overrides).forEach((dep) => {
-      this._injector.add(dep);
-    }), [ToggleSheetCommentPanelOperation, SetActiveCommentOperation].forEach((command) => {
-      this._commandService.registerCommand(command);
+    var t;
+    et([
+      [J]
+    ], (t = this._config) == null ? void 0 : t.overrides).forEach((e) => {
+      this._injector.add(e);
+    }), [Et, F].forEach((e) => {
+      this._commandService.registerCommand(e);
     });
   }
-}, __name(_a2, "UniverThreadCommentUIPlugin"), _a2);
-__publicField2(UniverThreadCommentUIPlugin, "pluginName", PLUGIN_NAME);
-__publicField2(UniverThreadCommentUIPlugin, "type", UniverInstanceType.UNIVER_UNKNOWN);
-UniverThreadCommentUIPlugin = __decorateClass([
-  DependentOn(UniverThreadCommentPlugin),
-  __decorateParam(1, Inject(Injector)),
-  __decorateParam(2, ICommandService),
-  __decorateParam(3, IConfigService)
-], UniverThreadCommentUIPlugin);
-var __assign = function() {
-  return __assign = Object.assign || function(t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && (t[p] = s[p]);
+};
+He(ue, "pluginName", Nt);
+He(ue, "type", he.UNIVER_UNKNOWN);
+ue = Rt([
+  Ge(st),
+  fe(1, Ue(Ye)),
+  fe(2, oe),
+  fe(3, tt)
+], ue);
+var ve = { exports: {} }, ee = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Te;
+function $t() {
+  if (Te) return ee;
+  Te = 1;
+  var t = ft, e = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, o = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function l(h, c, x) {
+    var C, T = {}, b = null, _ = null;
+    x !== void 0 && (b = "" + x), c.key !== void 0 && (b = "" + c.key), c.ref !== void 0 && (_ = c.ref);
+    for (C in c) r.call(c, C) && !s.hasOwnProperty(C) && (T[C] = c[C]);
+    if (h && h.defaultProps) for (C in c = h.defaultProps, c) T[C] === void 0 && (T[C] = c[C]);
+    return { $$typeof: e, type: h, key: b, ref: _, props: T, _owner: o.current };
+  }
+  return ee.Fragment = n, ee.jsx = l, ee.jsxs = l, ee;
+}
+var je;
+function Dt() {
+  return je || (je = 1, ve.exports = $t()), ve.exports;
+}
+var i = Dt(), $ = function() {
+  return $ = Object.assign || function(t) {
+    for (var e, n = 1, r = arguments.length; n < r; n++) {
+      e = arguments[n];
+      for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && (t[o] = e[o]);
     }
     return t;
-  }, __assign.apply(this, arguments);
-}, __rest = function(s, e) {
-  var t = {};
-  for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
-  if (s != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++)
-      e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
-  return t;
-}, IconBase = forwardRef(function(props, ref) {
-  var icon = props.icon, id = props.id, className = props.className, extend = props.extend, restProps = __rest(props, ["icon", "id", "className", "extend"]), cls = "univerjs-icon univerjs-icon-".concat(id, " ").concat(className || "").trim(), idSuffix = useRef("_".concat(generateShortUuid()));
-  return render(icon, "".concat(id), { defIds: icon.defIds, idSuffix: idSuffix.current }, __assign({ ref, className: cls }, restProps), extend);
+  }, $.apply(this, arguments);
+}, Ht = function(t, e) {
+  var n = {};
+  for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && e.indexOf(r) < 0 && (n[r] = t[r]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var o = 0, r = Object.getOwnPropertySymbols(t); o < r.length; o++)
+      e.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[o]) && (n[r[o]] = t[r[o]]);
+  return n;
+}, z = L(function(t, e) {
+  var n = t.icon, r = t.id, o = t.className, s = t.extend, l = Ht(t, ["icon", "id", "className", "extend"]), h = "univerjs-icon univerjs-icon-".concat(r, " ").concat(o || "").trim(), c = re("_".concat(kt()));
+  return Me(n, "".concat(r), { defIds: n.defIds, idSuffix: c.current }, $({ ref: e, className: h }, l), s);
 });
-function render(node, id, runtimeProps, rootProps, extend) {
-  return createElement(node.tag, __assign(__assign({ key: id }, replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend)), rootProps), (replaceRuntimeIdsInDefs(node, runtimeProps).children || []).map(function(child, index) {
-    return render(child, "".concat(id, "-").concat(node.tag, "-").concat(index), runtimeProps, void 0, extend);
+function Me(t, e, n, r, o) {
+  return W(t.tag, $($({ key: e }, Mt(t, n, o)), r), (wt(t, n).children || []).map(function(s, l) {
+    return Me(s, "".concat(e, "-").concat(t.tag, "-").concat(l), n, void 0, o);
   }));
 }
-__name(render, "render");
-function replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend) {
-  var attrs = __assign({}, node.attrs);
-  extend != null && extend.colorChannel1 && attrs.fill === "colorChannel1" && (attrs.fill = extend.colorChannel1);
-  var defIds = runtimeProps.defIds;
-  return !defIds || defIds.length === 0 || (node.tag === "use" && attrs["xlink:href"] && (attrs["xlink:href"] = attrs["xlink:href"] + runtimeProps.idSuffix), Object.entries(attrs).forEach(function(_a3) {
-    var key = _a3[0], value = _a3[1];
-    typeof value == "string" && (attrs[key] = value.replace(/url\(#(.*)\)/, "url(#$1".concat(runtimeProps.idSuffix, ")")));
-  })), attrs;
+function Mt(t, e, n) {
+  var r = $({}, t.attrs);
+  n != null && n.colorChannel1 && r.fill === "colorChannel1" && (r.fill = n.colorChannel1);
+  var o = e.defIds;
+  return !o || o.length === 0 || (t.tag === "use" && r["xlink:href"] && (r["xlink:href"] = r["xlink:href"] + e.idSuffix), Object.entries(r).forEach(function(s) {
+    var l = s[0], h = s[1];
+    typeof h == "string" && (r[l] = h.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  })), r;
 }
-__name(replaceRuntimeIdsAndExtInAttrs, "replaceRuntimeIdsAndExtInAttrs");
-function replaceRuntimeIdsInDefs(node, runtimeProps) {
-  var _a3, defIds = runtimeProps.defIds;
-  return !defIds || defIds.length === 0 ? node : node.tag === "defs" && (!((_a3 = node.children) === null || _a3 === void 0) && _a3.length) ? __assign(__assign({}, node), { children: node.children.map(function(child) {
-    return typeof child.attrs.id == "string" && defIds && defIds.indexOf(child.attrs.id) > -1 ? __assign(__assign({}, child), { attrs: __assign(__assign({}, child.attrs), { id: child.attrs.id + runtimeProps.idSuffix }) }) : child;
-  }) }) : node;
+function wt(t, e) {
+  var n, r = e.defIds;
+  return !r || r.length === 0 ? t : t.tag === "defs" && (!((n = t.children) === null || n === void 0) && n.length) ? $($({}, t), { children: t.children.map(function(o) {
+    return typeof o.attrs.id == "string" && r && r.indexOf(o.attrs.id) > -1 ? $($({}, o), { attrs: $($({}, o.attrs), { id: o.attrs.id + e.idSuffix }) }) : o;
+  }) }) : t;
 }
-__name(replaceRuntimeIdsInDefs, "replaceRuntimeIdsInDefs");
-function generateShortUuid() {
+function kt() {
   return Math.random().toString(36).substring(2, 8);
 }
-__name(generateShortUuid, "generateShortUuid");
-IconBase.displayName = "UniverIcon";
-var element$5 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.3313 1.4667C5.3313 1.13533 5.59993.866699 5.9313.866699H10.069C10.4004.866699 10.669 1.13533 10.669 1.4667 10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667zM1.09985 3.64443C1.09985 3.31306 1.36848 3.04443 1.69985 3.04443H14.2999C14.6312 3.04443 14.8999 3.31306 14.8999 3.64443 14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443zM6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928 9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171 10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778 9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539 9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263 6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539 5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778 6.12398 9.15024C5.88966 8.91593 5.88966 8.53603 6.12398 8.30171z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V12.5331C3.15332 13.9691 4.31738 15.1332 5.75332 15.1332H10.2465C11.6825 15.1332 12.8465 13.9691 12.8465 12.5331V6.82217C12.8465 5.93851 12.1302 5.22217 11.2465 5.22217H4.75332ZM4.35332 6.82217C4.35332 6.60125 4.53241 6.42217 4.75332 6.42217H11.2465C11.4674 6.42217 11.6465 6.60125 11.6465 6.82217V12.5331C11.6465 13.3063 11.0197 13.9332 10.2465 13.9332H5.75332C4.98012 13.9332 4.35332 13.3063 4.35332 12.5331V6.82217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, DeleteSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
+z.displayName = "UniverIcon";
+var Lt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.3313 1.4667C5.3313 1.13533 5.59993.866699 5.9313.866699H10.069C10.4004.866699 10.669 1.13533 10.669 1.4667 10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667zM1.09985 3.64443C1.09985 3.31306 1.36848 3.04443 1.69985 3.04443H14.2999C14.6312 3.04443 14.8999 3.31306 14.8999 3.64443 14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443zM6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928 9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171 10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778 9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539 9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263 6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539 5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778 6.12398 9.15024C5.88966 8.91593 5.88966 8.53603 6.12398 8.30171z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V12.5331C3.15332 13.9691 4.31738 15.1332 5.75332 15.1332H10.2465C11.6825 15.1332 12.8465 13.9691 12.8465 12.5331V6.82217C12.8465 5.93851 12.1302 5.22217 11.2465 5.22217H4.75332ZM4.35332 6.82217C4.35332 6.60125 4.53241 6.42217 4.75332 6.42217H11.2465C11.4674 6.42217 11.6465 6.60125 11.6465 6.82217V12.5331C11.6465 13.3063 11.0197 13.9332 10.2465 13.9332H5.75332C4.98012 13.9332 4.35332 13.3063 4.35332 12.5331V6.82217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, we = L(function(t, e) {
+  return W(z, Object.assign({}, t, {
     id: "delete-single",
-    ref,
-    icon: element$5
+    ref: e,
+    icon: Lt
   }));
 });
-DeleteSingle.displayName = "DeleteSingle";
-var element$4 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z" } }] }, IncreaseSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
+we.displayName = "DeleteSingle";
+var At = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z" } }] }, ke = L(function(t, e) {
+  return W(z, Object.assign({}, t, {
     id: "increase-single",
-    ref,
-    icon: element$4
+    ref: e,
+    icon: At
   }));
 });
-IncreaseSingle.displayName = "IncreaseSingle";
-var element$3 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3 9C3.55228 9 4 8.55228 4 8 4 7.44772 3.55228 7 3 7 2.44772 7 2 7.44772 2 8 2 8.55228 2.44772 9 3 9zM8 9C8.55228 9 9 8.55228 9 8 9 7.44772 8.55228 7 8 7 7.44772 7 7 7.44772 7 8 7 8.55228 7.44772 9 8 9zM13 9C13.5523 9 14 8.55228 14 8 14 7.44772 13.5523 7 13 7 12.4477 7 12 7.44772 12 8 12 8.55228 12.4477 9 13 9z" } }] }, MoreHorizontalSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
+ke.displayName = "IncreaseSingle";
+var Vt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3 9C3.55228 9 4 8.55228 4 8 4 7.44772 3.55228 7 3 7 2.44772 7 2 7.44772 2 8 2 8.55228 2.44772 9 3 9zM8 9C8.55228 9 9 8.55228 9 8 9 7.44772 8.55228 7 8 7 7.44772 7 7 7.44772 7 8 7 8.55228 7.44772 9 8 9zM13 9C13.5523 9 14 8.55228 14 8 14 7.44772 13.5523 7 13 7 12.4477 7 12 7.44772 12 8 12 8.55228 12.4477 9 13 9z" } }] }, Le = L(function(t, e) {
+  return W(z, Object.assign({}, t, {
     id: "more-horizontal-single",
-    ref,
-    icon: element$3
+    ref: e,
+    icon: Vt
   }));
 });
-MoreHorizontalSingle.displayName = "MoreHorizontalSingle";
-var element$2 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { stroke: "currentColor", d: "M7.48389 10.3267V12.1905C7.48389 12.7428 7.9316 13.1905 8.48389 13.1905H11.2216L12.2955 14.2644L13.3695 13.1905H14.1593C14.7116 13.1905 15.1593 12.7428 15.1593 12.1905V8.46289C15.1593 7.91061 14.7116 7.46289 14.1593 7.46289H12.2955", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.2 } }, { tag: "path", attrs: { stroke: "currentColor", d: "M0.840332 3.73535C0.840332 2.63078 1.73576 1.73535 2.84033 1.73535H10.2955C11.4001 1.73535 12.2955 2.63078 12.2955 3.73535V8.32676C12.2955 9.43132 11.4001 10.3268 10.2955 10.3268H5.6014L4.1695 11.7587L3.05978 10.3268H2.84033C1.73576 10.3268 0.840332 9.43133 0.840332 8.32676V3.73535Z", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.2 } }, { tag: "path", attrs: { stroke: "currentColor", d: "M6.41016 6.1311H6.76813M8.91626 6.1311H9.27424M3.90454 6.1311H4.26252", strokeLinecap: "round", strokeWidth: 1.2 } }] }, ReplyToCommentSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
+Le.displayName = "MoreHorizontalSingle";
+var Bt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { stroke: "currentColor", d: "M7.48389 10.3267V12.1905C7.48389 12.7428 7.9316 13.1905 8.48389 13.1905H11.2216L12.2955 14.2644L13.3695 13.1905H14.1593C14.7116 13.1905 15.1593 12.7428 15.1593 12.1905V8.46289C15.1593 7.91061 14.7116 7.46289 14.1593 7.46289H12.2955", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.2 } }, { tag: "path", attrs: { stroke: "currentColor", d: "M0.840332 3.73535C0.840332 2.63078 1.73576 1.73535 2.84033 1.73535H10.2955C11.4001 1.73535 12.2955 2.63078 12.2955 3.73535V8.32676C12.2955 9.43132 11.4001 10.3268 10.2955 10.3268H5.6014L4.1695 11.7587L3.05978 10.3268H2.84033C1.73576 10.3268 0.840332 9.43133 0.840332 8.32676V3.73535Z", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.2 } }, { tag: "path", attrs: { stroke: "currentColor", d: "M6.41016 6.1311H6.76813M8.91626 6.1311H9.27424M3.90454 6.1311H4.26252", strokeLinecap: "round", strokeWidth: 1.2 } }] }, Ae = L(function(t, e) {
+  return W(z, Object.assign({}, t, {
     id: "reply-to-comment-single",
-    ref,
-    icon: element$2
+    ref: e,
+    icon: Bt
   }));
 });
-ReplyToCommentSingle.displayName = "ReplyToCommentSingle";
-var element$1 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 17", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.6106 15.4036C12.4766 15.4036 15.6106 12.2696 15.6106 8.40356C15.6106 4.53757 12.4766 1.40356 8.6106 1.40356C4.7446 1.40356 1.6106 4.53757 1.6106 8.40356C1.6106 12.2696 4.7446 15.4036 8.6106 15.4036ZM12.3351 6.82773C12.5694 6.59342 12.5694 6.21352 12.3351 5.9792C12.1007 5.74489 11.7208 5.74489 11.4865 5.9792L7.91079 9.55494L6.33506 7.9792C6.10074 7.74489 5.72084 7.74489 5.48653 7.9792C5.25221 8.21352 5.25221 8.59342 5.48653 8.82773L7.48653 10.8277C7.72084 11.062 8.10074 11.062 8.33506 10.8277L12.3351 6.82773Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, ResolvedSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
+Ae.displayName = "ReplyToCommentSingle";
+var Ft = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 17", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.6106 15.4036C12.4766 15.4036 15.6106 12.2696 15.6106 8.40356C15.6106 4.53757 12.4766 1.40356 8.6106 1.40356C4.7446 1.40356 1.6106 4.53757 1.6106 8.40356C1.6106 12.2696 4.7446 15.4036 8.6106 15.4036ZM12.3351 6.82773C12.5694 6.59342 12.5694 6.21352 12.3351 5.9792C12.1007 5.74489 11.7208 5.74489 11.4865 5.9792L7.91079 9.55494L6.33506 7.9792C6.10074 7.74489 5.72084 7.74489 5.48653 7.9792C5.25221 8.21352 5.25221 8.59342 5.48653 8.82773L7.48653 10.8277C7.72084 11.062 8.10074 11.062 8.33506 10.8277L12.3351 6.82773Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Ve = L(function(t, e) {
+  return W(z, Object.assign({}, t, {
     id: "resolved-single",
-    ref,
-    icon: element$1
+    ref: e,
+    icon: Ft
   }));
 });
-ResolvedSingle.displayName = "ResolvedSingle";
-var element = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 17", width: "1em", height: "1em" }, children: [{ tag: "circle", attrs: { cx: 8.73, cy: 8.4, r: 6.4, stroke: "currentColor", strokeWidth: 1.2 } }, { tag: "path", attrs: { stroke: "currentColor", d: "M6.02637 8.40356L8.02637 10.4036L12.0264 6.40356", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.2 } }] }, SolveSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
+Ve.displayName = "ResolvedSingle";
+var Wt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 17", width: "1em", height: "1em" }, children: [{ tag: "circle", attrs: { cx: 8.73, cy: 8.4, r: 6.4, stroke: "currentColor", strokeWidth: 1.2 } }, { tag: "path", attrs: { stroke: "currentColor", d: "M6.02637 8.40356L8.02637 10.4036L12.0264 6.40356", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.2 } }] }, Be = L(function(t, e) {
+  return W(z, Object.assign({}, t, {
     id: "solve-single",
-    ref,
-    icon: element
+    ref: e,
+    icon: Wt
   }));
 });
-SolveSingle.displayName = "SolveSingle";
-function r(e) {
-  var t, f, n = "";
-  if (typeof e == "string" || typeof e == "number") n += e;
-  else if (typeof e == "object") if (Array.isArray(e)) {
-    var o = e.length;
-    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-  } else for (f in e) e[f] && (n && (n += " "), n += f);
-  return n;
+Be.displayName = "SolveSingle";
+function Fe(t) {
+  var e, n, r = "";
+  if (typeof t == "string" || typeof t == "number") r += t;
+  else if (typeof t == "object") if (Array.isArray(t)) {
+    var o = t.length;
+    for (e = 0; e < o; e++) t[e] && (n = Fe(t[e])) && (r && (r += " "), r += n);
+  } else for (n in t) t[n] && (r && (r += " "), r += n);
+  return r;
 }
-__name(r, "r");
-function clsx() {
-  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
-  return n;
+function zt() {
+  for (var t, e, n = 0, r = "", o = arguments.length; n < o; n++) (t = arguments[n]) && (e = Fe(t)) && (r && (r += " "), r += e);
+  return r;
 }
-__name(clsx, "clsx");
-const threadCommentEditorButtons = "univer-thread-comment-editor-buttons", threadCommentEditorSuggestion = "univer-thread-comment-editor-suggestion", threadCommentEditorSuggestionActive = "univer-thread-comment-editor-suggestionActive", threadCommentEditorSuggestionIcon = "univer-thread-comment-editor-suggestion-icon", styles$2 = {
-  threadCommentEditorButtons,
-  threadCommentEditorSuggestion,
-  threadCommentEditorSuggestionActive,
-  threadCommentEditorSuggestionIcon
+const qt = "univer-thread-comment-editor-buttons", Zt = "univer-thread-comment-editor-suggestion", Jt = "univer-thread-comment-editor-suggestionActive", Kt = "univer-thread-comment-editor-suggestion-icon", Ne = {
+  threadCommentEditorButtons: qt,
+  threadCommentEditorSuggestion: Zt,
+  threadCommentEditorSuggestionActive: Jt,
+  threadCommentEditorSuggestionIcon: Kt
 };
-function getSnapshot(body) {
+function Ee(t) {
   return {
     id: "d",
-    body,
+    body: t,
     documentStyle: {}
   };
 }
-__name(getSnapshot, "getSnapshot");
-const ThreadCommentEditor = forwardRef((props, ref) => {
-  var _a3;
-  const { comment, onSave, id, onCancel, autoFocus, unitId, type } = props, commandService = useDependency(ICommandService), localeService = useDependency(LocaleService), [editing, setEditing] = useState(!1), editorService = useDependency(IEditorService), editor = useRef(null), rootEditorId = type === UniverInstanceType.UNIVER_SHEET ? DOCS_NORMAL_EDITOR_UNIT_ID_KEY : unitId, [canSubmit, setCanSubmit] = useState(() => {
-    var _a4, _b, _c;
-    return BuildTextUtils.transform.getPlainText((_c = (_b = (_a4 = editor.current) == null ? void 0 : _a4.getDocumentData().body) == null ? void 0 : _b.dataStream) != null ? _c : "");
+const We = L((t, e) => {
+  var M;
+  const { comment: n, onSave: r, id: o, onCancel: s, autoFocus: l, unitId: h, type: c } = t, x = U(oe), C = U(pe), [T, b] = k(!1), _ = U(xt), u = re(null), g = c === he.UNIVER_SHEET ? nt : h, [O, j] = k(() => {
+    var m, f, I;
+    return Ce.transform.getPlainText((I = (f = (m = u.current) == null ? void 0 : m.getDocumentData().body) == null ? void 0 : f.dataStream) != null ? I : "");
   });
-  useEffect(() => {
-    var _a4, _b, _c, _d;
-    setCanSubmit(BuildTextUtils.transform.getPlainText((_c = (_b = (_a4 = editor.current) == null ? void 0 : _a4.getDocumentData().body) == null ? void 0 : _b.dataStream) != null ? _c : ""));
-    const sub = (_d = editor.current) == null ? void 0 : _d.selectionChange$.subscribe(() => {
-      var _a5, _b2, _c2;
-      setCanSubmit(BuildTextUtils.transform.getPlainText((_c2 = (_b2 = (_a5 = editor.current) == null ? void 0 : _a5.getDocumentData().body) == null ? void 0 : _b2.dataStream) != null ? _c2 : ""));
+  me(() => {
+    var f, I, d, v;
+    j(Ce.transform.getPlainText((d = (I = (f = u.current) == null ? void 0 : f.getDocumentData().body) == null ? void 0 : I.dataStream) != null ? d : ""));
+    const m = (v = u.current) == null ? void 0 : v.selectionChange$.subscribe(() => {
+      var q, N, y;
+      j(Ce.transform.getPlainText((y = (N = (q = u.current) == null ? void 0 : q.getDocumentData().body) == null ? void 0 : N.dataStream) != null ? y : ""));
     });
-    return () => sub == null ? void 0 : sub.unsubscribe();
-  }, [(_a3 = editor.current) == null ? void 0 : _a3.selectionChange$]);
-  const keyboardEventConfig = useMemo(() => ({
-    keyCodes: [{ keyCode: KeyCode.ENTER }],
-    handler: /* @__PURE__ */ __name((keyCode) => {
-      keyCode === KeyCode.ENTER && commandService.executeCommand(
-        BreakLineCommand.id
+    return () => m == null ? void 0 : m.unsubscribe();
+  }, [(M = u.current) == null ? void 0 : M.selectionChange$]);
+  const D = ne(() => ({
+    keyCodes: [{ keyCode: Ie.ENTER }],
+    handler: (m) => {
+      m === Ie.ENTER && x.executeCommand(
+        bt.id
       );
-    }, "handler")
-  }), [commandService]);
-  useImperativeHandle(ref, () => ({
-    reply(text) {
-      var _a4, _b;
-      (_a4 = editor.current) == null || _a4.focus(), (_b = editor.current) == null || _b.setDocumentData(getSnapshot(text));
+    }
+  }), [x]);
+  vt(e, () => ({
+    reply(m) {
+      var f, I;
+      (f = u.current) == null || f.focus(), (I = u.current) == null || I.setDocumentData(Ee(m));
     }
   }));
-  const handleSave = /* @__PURE__ */ __name(() => {
-    if (editor.current) {
-      const newText = Tools.deepClone(editor.current.getDocumentData().body);
-      setEditing(!1), onSave == null || onSave({
-        ...comment,
-        text: newText
-      }), editor.current.replaceText(""), setTimeout(() => {
-        var _a4, _b;
-        (_a4 = editor.current) == null || _a4.setSelectionRanges([]), (_b = editor.current) == null || _b.blur();
+  const S = () => {
+    if (u.current) {
+      const m = rt.deepClone(u.current.getDocumentData().body);
+      b(!1), r == null || r({
+        ...n,
+        text: m
+      }), u.current.replaceText(""), setTimeout(() => {
+        var f, I;
+        (f = u.current) == null || f.setSelectionRanges([]), (I = u.current) == null || I.blur();
       }, 10);
     }
-  }, "handleSave");
-  return /* @__PURE__ */ jsxs("div", { className: styles$2.threadCommentEditor, onClick: /* @__PURE__ */ __name((e) => e.preventDefault(), "onClick"), children: [
-    /* @__PURE__ */ jsx(
-      RichTextEditor,
+  };
+  return /* @__PURE__ */ i.jsxs("div", { className: Ne.threadCommentEditor, onClick: (m) => m.preventDefault(), children: [
+    /* @__PURE__ */ i.jsx(
+      _t,
       {
-        ref: editor,
-        autoFocus,
+        ref: u,
+        autoFocus: l,
         style: { width: "100%" },
-        keyboardEventConfig,
-        placeholder: localeService.t("threadCommentUI.editor.placeholder"),
-        initialValue: (comment == null ? void 0 : comment.text) && getSnapshot(comment.text),
-        onFocusChange: /* @__PURE__ */ __name((isFocus) => isFocus && setEditing(isFocus), "onFocusChange"),
+        keyboardEventConfig: D,
+        placeholder: C.t("threadCommentUI.editor.placeholder"),
+        initialValue: (n == null ? void 0 : n.text) && Ee(n.text),
+        onFocusChange: (m) => m && b(m),
         isSingle: !1,
         maxHeight: 64,
-        onClickOutside: /* @__PURE__ */ __name(() => {
+        onClickOutside: () => {
           setTimeout(() => {
-            editorService.focus(rootEditorId);
+            _.focus(g);
           }, 30);
-        }, "onClickOutside")
+        }
       }
     ),
-    editing ? /* @__PURE__ */ jsxs("div", { className: styles$2.threadCommentEditorButtons, children: [
-      /* @__PURE__ */ jsx(
-        Button,
+    T ? /* @__PURE__ */ i.jsxs("div", { className: Ne.threadCommentEditorButtons, children: [
+      /* @__PURE__ */ i.jsx(
+        ce,
         {
           style: { marginRight: 12 },
-          onClick: /* @__PURE__ */ __name(() => {
-            var _a4;
-            onCancel == null || onCancel(), setEditing(!1), (_a4 = editor.current) == null || _a4.replaceText("", !0), commandService.executeCommand(SetActiveCommentOperation.id);
-          }, "onClick"),
-          children: localeService.t("threadCommentUI.editor.cancel")
+          onClick: () => {
+            var m;
+            s == null || s(), b(!1), (m = u.current) == null || m.replaceText("", !0), x.executeCommand(F.id);
+          },
+          children: C.t("threadCommentUI.editor.cancel")
         }
       ),
-      /* @__PURE__ */ jsx(
-        Button,
+      /* @__PURE__ */ i.jsx(
+        ce,
         {
           type: "primary",
-          disabled: !canSubmit,
-          onClick: handleSave,
-          children: localeService.t(id ? "threadCommentUI.editor.save" : "threadCommentUI.editor.reply")
+          disabled: !O,
+          onClick: S,
+          children: C.t(o ? "threadCommentUI.editor.save" : "threadCommentUI.editor.reply")
         }
       )
     ] }) : null
   ] });
-}), transformDocument2TextNodesInParagraph = /* @__PURE__ */ __name((doc) => {
-  const { dataStream, customRanges } = doc, end = dataStream.endsWith(`\r
-`) ? dataStream.length - 2 : dataStream.length, textNodes = [];
-  let lastIndex = 0;
-  return customRanges == null || customRanges.forEach((range) => {
-    lastIndex < range.startIndex && textNodes.push({
+}), Gt = (t) => {
+  const { dataStream: e, customRanges: n } = t, r = e.endsWith(`\r
+`) ? e.length - 2 : e.length, o = [];
+  let s = 0;
+  return n == null || n.forEach((l) => {
+    s < l.startIndex && o.push({
       type: "text",
-      content: dataStream.slice(lastIndex, range.startIndex)
-    }), textNodes.push({
+      content: e.slice(s, l.startIndex)
+    }), o.push({
       type: "mention",
       content: {
-        label: dataStream.slice(range.startIndex, range.endIndex + 1),
-        id: range.rangeId
+        label: e.slice(l.startIndex, l.endIndex + 1),
+        id: l.rangeId
       }
-    }), lastIndex = range.endIndex + 1;
-  }), textNodes.push({
+    }), s = l.endIndex + 1;
+  }), o.push({
     type: "text",
-    content: dataStream.slice(lastIndex, end)
-  }), textNodes;
-}, "transformDocument2TextNodesInParagraph"), transformDocument2TextNodes = /* @__PURE__ */ __name((doc) => {
-  const { paragraphs = [] } = doc;
-  let lastIndex = 0;
-  return paragraphs.map((paragraph) => {
-    const body = getBodySlice(doc, lastIndex, paragraph.startIndex);
-    return lastIndex = paragraph.startIndex + 1, transformDocument2TextNodesInParagraph(body);
+    content: e.slice(s, r)
+  }), o;
+}, Yt = (t) => {
+  const { paragraphs: e = [] } = t;
+  let n = 0;
+  return e.map((r) => {
+    const o = it(t, n, r.startIndex);
+    return n = r.startIndex + 1, Gt(o);
   });
-}, "transformDocument2TextNodes"), transformTextNodes2Document = /* @__PURE__ */ __name((nodes) => {
-  let str = "";
-  const customRanges = [];
-  return nodes.forEach((node) => {
-    switch (node.type) {
+}, Qt = (t) => {
+  let e = "";
+  const n = [];
+  return t.forEach((r) => {
+    switch (r.type) {
       case "text":
-        str += node.content;
+        e += r.content;
         break;
       case "mention": {
-        const start = str.length;
-        str += node.content.label;
-        const end = str.length - 1;
-        customRanges.push({
-          rangeId: node.content.id,
-          rangeType: CustomRangeType.MENTION,
-          startIndex: start,
-          endIndex: end,
+        const o = e.length;
+        e += r.content.label;
+        const s = e.length - 1;
+        n.push({
+          rangeId: r.content.id,
+          rangeType: ot.MENTION,
+          startIndex: o,
+          endIndex: s,
           properties: {}
         });
         break;
       }
     }
-  }), str += `
+  }), e += `
 \r`, {
     textRuns: [],
     paragraphs: [
       {
-        startIndex: str.length - 2,
+        startIndex: e.length - 2,
         paragraphStyle: {}
       }
     ],
     sectionBreaks: [
       {
-        startIndex: str.length - 1
+        startIndex: e.length - 1
       }
     ],
-    dataStream: str,
-    customRanges
+    dataStream: e,
+    customRanges: n
   };
-}, "transformTextNodes2Document"), threadComment$1 = "univer-thread-comment", threadCommentActive = "univer-thread-comment-active", threadCommentContent = "univer-thread-comment-content", threadCommentHighlight = "univer-thread-comment-highlight", threadCommentIconContainer = "univer-thread-comment-icon-container", threadCommentIcon = "univer-thread-comment-icon", threadCommentTitle = "univer-thread-comment-title", threadCommentTitlePosition = "univer-thread-comment-title-position", threadCommentTitleHighlight = "univer-thread-comment-title-highlight", threadCommentTitlePositionText = "univer-thread-comment-title-position-text", threadCommentUsername = "univer-thread-comment-username", threadCommentItem = "univer-thread-comment-item", threadCommentItemHead = "univer-thread-comment-item-head", threadCommentItemTitle = "univer-thread-comment-item-title", threadCommentItemTitlePosition = "univer-thread-comment-item-title-position", threadCommentItemTitleHighlight = "univer-thread-comment-item-title-highlight", threadCommentItemTime = "univer-thread-comment-item-time", threadCommentItemContent = "univer-thread-comment-item-content", threadCommentItemAt = "univer-thread-comment-item-at", styles$1 = {
-  threadComment: threadComment$1,
-  threadCommentActive,
-  threadCommentContent,
-  threadCommentHighlight,
-  threadCommentIconContainer,
-  threadCommentIcon,
-  threadCommentTitle,
-  threadCommentTitlePosition,
-  threadCommentTitleHighlight,
-  threadCommentTitlePositionText,
-  threadCommentUsername,
-  threadCommentItem,
-  threadCommentItemHead,
-  threadCommentItemTitle,
-  threadCommentItemTitlePosition,
-  threadCommentItemTitleHighlight,
-  threadCommentItemTime,
-  threadCommentItemContent,
-  threadCommentItemAt
-}, MOCK_ID = "__mock__", ThreadCommentItem = /* @__PURE__ */ __name((props) => {
-  const { item, unitId, subUnitId, editing, onEditingChange, onReply, resolved, isRoot, onClose, onDeleteComment, type } = props, commandService = useDependency(ICommandService), localeService = useDependency(LocaleService), userManagerService = useDependency(UserManagerService), user = userManagerService.getUser(item.personId), currentUser = useObservable(userManagerService.currentUser$), isCommentBySelf = (currentUser == null ? void 0 : currentUser.userID) === item.personId, isMock = item.id === MOCK_ID, [showReply, setShowReply] = useState(!1), handleDeleteItem = /* @__PURE__ */ __name(() => {
-    (onDeleteComment == null ? void 0 : onDeleteComment(item)) !== !1 && (commandService.executeCommand(
-      isRoot ? DeleteCommentTreeCommand.id : DeleteCommentCommand.id,
+}, Xt = "univer-thread-comment", en = "univer-thread-comment-active", tn = "univer-thread-comment-content", nn = "univer-thread-comment-highlight", rn = "univer-thread-comment-icon-container", on = "univer-thread-comment-icon", an = "univer-thread-comment-title", sn = "univer-thread-comment-title-position", dn = "univer-thread-comment-title-highlight", ln = "univer-thread-comment-title-position-text", mn = "univer-thread-comment-username", cn = "univer-thread-comment-item", un = "univer-thread-comment-item-head", hn = "univer-thread-comment-item-title", Cn = "univer-thread-comment-item-title-position", fn = "univer-thread-comment-item-title-highlight", vn = "univer-thread-comment-item-time", pn = "univer-thread-comment-item-content", gn = "univer-thread-comment-item-at", p = {
+  threadComment: Xt,
+  threadCommentActive: en,
+  threadCommentContent: tn,
+  threadCommentHighlight: nn,
+  threadCommentIconContainer: rn,
+  threadCommentIcon: on,
+  threadCommentTitle: an,
+  threadCommentTitlePosition: sn,
+  threadCommentTitleHighlight: dn,
+  threadCommentTitlePositionText: ln,
+  threadCommentUsername: mn,
+  threadCommentItem: cn,
+  threadCommentItemHead: un,
+  threadCommentItemTitle: hn,
+  threadCommentItemTitlePosition: Cn,
+  threadCommentItemTitleHighlight: fn,
+  threadCommentItemTime: vn,
+  threadCommentItemContent: pn,
+  threadCommentItemAt: gn
+}, ze = "__mock__", In = (t) => {
+  const { item: e, unitId: n, subUnitId: r, editing: o, onEditingChange: s, onReply: l, resolved: h, isRoot: c, onClose: x, onDeleteComment: C, type: T } = t, b = U(oe), _ = U(pe), u = U(ge), g = u.getUser(e.personId), O = B(u.currentUser$), j = (O == null ? void 0 : O.userID) === e.personId, D = e.id === ze, [S, M] = k(!1), m = () => {
+    (C == null ? void 0 : C(e)) !== !1 && (b.executeCommand(
+      c ? Re.id : ut.id,
       {
-        unitId,
-        subUnitId,
-        commentId: item.id
+        unitId: n,
+        subUnitId: r,
+        commentId: e.id
       }
-    ), isRoot && (onClose == null || onClose()));
-  }, "handleDeleteItem");
-  return /* @__PURE__ */ jsxs("div", { className: styles$1.threadCommentItem, onMouseLeave: /* @__PURE__ */ __name(() => setShowReply(!1), "onMouseLeave"), onMouseEnter: /* @__PURE__ */ __name(() => setShowReply(!0), "onMouseEnter"), children: [
-    /* @__PURE__ */ jsx("img", { className: styles$1.threadCommentItemHead, src: user == null ? void 0 : user.avatar }),
-    /* @__PURE__ */ jsxs("div", { className: styles$1.threadCommentItemTitle, children: [
-      /* @__PURE__ */ jsx("div", { className: styles$1.threadCommentUsername, children: (user == null ? void 0 : user.name) || " " }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        isMock || resolved ? null : showReply ? /* @__PURE__ */ jsx("div", { className: styles$1.threadCommentIcon, onClick: /* @__PURE__ */ __name(() => onReply(user), "onClick"), children: /* @__PURE__ */ jsx(ReplyToCommentSingle, {}) }) : null,
-        isCommentBySelf && !isMock && !resolved ? /* @__PURE__ */ jsx(
-          DropdownLegacy,
+    ), c && (x == null || x()));
+  };
+  return /* @__PURE__ */ i.jsxs("div", { className: p.threadCommentItem, onMouseLeave: () => M(!1), onMouseEnter: () => M(!0), children: [
+    /* @__PURE__ */ i.jsx("img", { className: p.threadCommentItemHead, src: g == null ? void 0 : g.avatar }),
+    /* @__PURE__ */ i.jsxs("div", { className: p.threadCommentItemTitle, children: [
+      /* @__PURE__ */ i.jsx("div", { className: p.threadCommentUsername, children: (g == null ? void 0 : g.name) || " " }),
+      /* @__PURE__ */ i.jsxs("div", { children: [
+        D || h ? null : S ? /* @__PURE__ */ i.jsx("div", { className: p.threadCommentIcon, onClick: () => l(g), children: /* @__PURE__ */ i.jsx(Ae, {}) }) : null,
+        j && !D && !h ? /* @__PURE__ */ i.jsx(
+          gt,
           {
-            overlay: /* @__PURE__ */ jsxs(Menu, { children: [
-              /* @__PURE__ */ jsx(MenuItem, { onClick: /* @__PURE__ */ __name(() => onEditingChange == null ? void 0 : onEditingChange(!0), "onClick"), children: localeService.t("threadCommentUI.item.edit") }, "edit"),
-              /* @__PURE__ */ jsx(MenuItem, { onClick: handleDeleteItem, children: localeService.t("threadCommentUI.item.delete") }, "delete")
+            overlay: /* @__PURE__ */ i.jsxs(It, { children: [
+              /* @__PURE__ */ i.jsx(be, { onClick: () => s == null ? void 0 : s(!0), children: _.t("threadCommentUI.item.edit") }, "edit"),
+              /* @__PURE__ */ i.jsx(be, { onClick: m, children: _.t("threadCommentUI.item.delete") }, "delete")
             ] }),
-            children: /* @__PURE__ */ jsx("div", { className: styles$1.threadCommentIcon, children: /* @__PURE__ */ jsx(MoreHorizontalSingle, {}) })
+            children: /* @__PURE__ */ i.jsx("div", { className: p.threadCommentIcon, children: /* @__PURE__ */ i.jsx(Le, {}) })
           }
         ) : null
       ] })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: styles$1.threadCommentItemTime, children: item.dT }),
-    editing ? /* @__PURE__ */ jsx(
-      ThreadCommentEditor,
+    /* @__PURE__ */ i.jsx("div", { className: p.threadCommentItemTime, children: e.dT }),
+    o ? /* @__PURE__ */ i.jsx(
+      We,
       {
-        type,
-        id: item.id,
-        comment: item,
-        onCancel: /* @__PURE__ */ __name(() => onEditingChange == null ? void 0 : onEditingChange(!1), "onCancel"),
+        type: T,
+        id: e.id,
+        comment: e,
+        onCancel: () => s == null ? void 0 : s(!1),
         autoFocus: !0,
-        unitId,
-        subUnitId,
-        onSave: /* @__PURE__ */ __name(({ text, attachments }) => {
-          onEditingChange == null || onEditingChange(!1), commandService.executeCommand(
-            UpdateCommentCommand.id,
+        unitId: n,
+        subUnitId: r,
+        onSave: ({ text: f, attachments: I }) => {
+          s == null || s(!1), b.executeCommand(
+            mt.id,
             {
-              unitId,
-              subUnitId,
+              unitId: n,
+              subUnitId: r,
               payload: {
-                commentId: item.id,
-                text,
-                attachments
+                commentId: e.id,
+                text: f,
+                attachments: I
               }
             }
           );
-        }, "onSave")
+        }
       }
-    ) : /* @__PURE__ */ jsx("div", { className: styles$1.threadCommentItemContent, children: transformDocument2TextNodes(item.text).map((paragraph, i) => /* @__PURE__ */ jsx("div", { children: paragraph.map((item2, i2) => {
-      switch (item2.type) {
+    ) : /* @__PURE__ */ i.jsx("div", { className: p.threadCommentItemContent, children: Yt(e.text).map((f, I) => /* @__PURE__ */ i.jsx("div", { children: f.map((d, v) => {
+      switch (d.type) {
         case "mention":
-          return /* @__PURE__ */ jsxs("a", { className: styles$1.threadCommentItemAt, children: [
-            item2.content.label,
+          return /* @__PURE__ */ i.jsxs("a", { className: p.threadCommentItemAt, children: [
+            d.content.label,
             " "
-          ] }, i2);
+          ] }, v);
         default:
-          return item2.content;
+          return d.content;
       }
-    }) }, i)) })
+    }) }, I)) })
   ] });
-}, "ThreadCommentItem"), ThreadCommentTree = /* @__PURE__ */ __name((props) => {
-  var _a3, _b, _c;
+}, xn = (t) => {
+  var Q, X, se;
   const {
-    id,
-    unitId,
-    subUnitId,
-    refStr,
-    showEdit = !0,
-    onClick,
-    showHighlight,
-    onClose,
-    getSubUnitName,
-    prefix,
-    autoFocus,
-    onMouseEnter,
-    onMouseLeave,
-    onAddComment,
-    onDeleteComment,
-    onResolve,
-    type
-  } = 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] : (
+    id: e,
+    unitId: n,
+    subUnitId: r,
+    refStr: o,
+    showEdit: s = !0,
+    onClick: l,
+    showHighlight: h,
+    onClose: c,
+    getSubUnitName: x,
+    prefix: C,
+    autoFocus: T,
+    onMouseEnter: b,
+    onMouseLeave: _,
+    onAddComment: u,
+    onDeleteComment: g,
+    onResolve: O,
+    type: j
+  } = t, D = U(Oe), [S, M] = k(!1), [m, f] = k(""), I = ne(() => D.commentUpdate$.pipe(Ct(16)), [D]);
+  B(I);
+  const d = e ? D.getCommentWithChildren(n, r, e) : null, v = U(oe), q = U(ge), N = d == null ? void 0 : d.root.resolved, y = B(q.currentUser$), Z = re(null), ie = [
+    ...d ? [d.root] : (
       // mock empty comment
       [{
-        id: MOCK_ID,
+        id: ze,
         text: {
           dataStream: `
 \r`
         },
-        personId: (_a3 = currentUser == null ? void 0 : currentUser.userID) != null ? _a3 : "",
-        ref: refStr != null ? refStr : "",
+        personId: (Q = y == null ? void 0 : y.userID) != null ? Q : "",
+        ref: o != null ? o : "",
         dT: "",
-        unitId,
-        subUnitId,
+        unitId: n,
+        subUnitId: r,
         threadId: ""
       }]
     ),
-    ...(_b = comments == null ? void 0 : comments.children) != null ? _b : []
-  ], scroller = useRef(null), handleResolve = /* @__PURE__ */ __name((e) => {
-    e.stopPropagation(), resolved ? commandService.executeCommand(SetActiveCommentOperation.id, {
-      unitId,
-      subUnitId,
-      commentId: id
-    }) : commandService.executeCommand(SetActiveCommentOperation.id), commandService.executeCommand(ResolveCommentCommand.id, {
-      unitId,
-      subUnitId,
-      commentId: id,
-      resolved: !resolved
-    }), onResolve == null || onResolve(!resolved);
-  }, "handleResolve"), handleDeleteRoot = /* @__PURE__ */ __name((e) => {
-    e.stopPropagation(), commandService.executeCommand(SetActiveCommentOperation.id), !(comments != null && comments.root && (onDeleteComment == null ? void 0 : onDeleteComment(comments.root)) === !1) && (commandService.executeCommand(
-      DeleteCommentTreeCommand.id,
+    ...(X = d == null ? void 0 : d.children) != null ? X : []
+  ], R = re(null), K = (E) => {
+    E.stopPropagation(), N ? v.executeCommand(F.id, {
+      unitId: n,
+      subUnitId: r,
+      commentId: e
+    }) : v.executeCommand(F.id), v.executeCommand(ct.id, {
+      unitId: n,
+      subUnitId: r,
+      commentId: e,
+      resolved: !N
+    }), O == null || O(!N);
+  }, w = (E) => {
+    E.stopPropagation(), v.executeCommand(F.id), !(d != null && d.root && (g == null ? void 0 : g(d.root)) === !1) && (v.executeCommand(
+      Re.id,
       {
-        unitId,
-        subUnitId,
-        commentId: id
+        unitId: n,
+        subUnitId: r,
+        commentId: e
       }
-    ), onClose == null || onClose());
-  }, "handleDeleteRoot");
-  useEffect(() => onMouseLeave == null ? void 0 : onMouseLeave(), []);
-  const subUnitName = getSubUnitName((_c = comments == null ? void 0 : comments.root.subUnitId) != null ? _c : subUnitId), editorVisible = showEdit && !editingId && !resolved, title = `${refStr || (comments == null ? void 0 : comments.root.ref) || ""}${subUnitName ? " · " : ""}${subUnitName}`;
-  return /* @__PURE__ */ jsxs(
+    ), c == null || c());
+  };
+  me(() => _ == null ? void 0 : _(), []);
+  const G = x((se = d == null ? void 0 : d.root.subUnitId) != null ? se : r), Y = s && !m && !N, ae = `${o || (d == null ? void 0 : d.root.ref) || ""}${G ? " · " : ""}${G}`;
+  return /* @__PURE__ */ i.jsxs(
     "div",
     {
-      className: clsx(styles$1.threadComment, {
-        [styles$1.threadCommentActive]: !resolved && (showHighlight || isHover || prefix === "cell")
+      className: zt(p.threadComment, {
+        [p.threadCommentActive]: !N && (h || S || C === "cell")
       }),
-      onClick,
-      id: `${prefix}-${unitId}-${subUnitId}-${id}`,
-      onMouseEnter: /* @__PURE__ */ __name(() => {
-        onMouseEnter == null || onMouseEnter(), setIsHover(!0);
-      }, "onMouseEnter"),
-      onMouseLeave: /* @__PURE__ */ __name(() => {
-        onMouseLeave == null || onMouseLeave(), setIsHover(!1);
-      }, "onMouseLeave"),
+      onClick: l,
+      id: `${C}-${n}-${r}-${e}`,
+      onMouseEnter: () => {
+        b == null || b(), M(!0);
+      },
+      onMouseLeave: () => {
+        _ == null || _(), M(!1);
+      },
       children: [
-        !resolved && showHighlight ? /* @__PURE__ */ jsx("div", { className: styles$1.threadCommentHighlight }) : null,
-        /* @__PURE__ */ jsxs("div", { className: styles$1.threadCommentTitle, children: [
-          /* @__PURE__ */ jsxs("div", { className: styles$1.threadCommentTitlePosition, children: [
-            /* @__PURE__ */ jsx("div", { className: styles$1.threadCommentTitleHighlight }),
-            /* @__PURE__ */ jsx(Tooltip, { showIfEllipsis: !0, title, children: /* @__PURE__ */ jsx("div", { className: styles$1.threadCommentTitlePositionText, children: title }) })
+        !N && h ? /* @__PURE__ */ i.jsx("div", { className: p.threadCommentHighlight }) : null,
+        /* @__PURE__ */ i.jsxs("div", { className: p.threadCommentTitle, children: [
+          /* @__PURE__ */ i.jsxs("div", { className: p.threadCommentTitlePosition, children: [
+            /* @__PURE__ */ i.jsx("div", { className: p.threadCommentTitleHighlight }),
+            /* @__PURE__ */ i.jsx(pt, { showIfEllipsis: !0, title: ae, children: /* @__PURE__ */ i.jsx("div", { className: p.threadCommentTitlePositionText, children: ae }) })
           ] }),
-          comments ? /* @__PURE__ */ jsxs("div", { className: styles$1.threadCommentIconContainer, children: [
-            /* @__PURE__ */ jsx(
+          d ? /* @__PURE__ */ i.jsxs("div", { className: p.threadCommentIconContainer, children: [
+            /* @__PURE__ */ i.jsx(
               "div",
               {
-                onClick: handleResolve,
-                className: styles$1.threadCommentIcon,
-                style: { color: resolved ? "rgb(var(--green-500))" : "" },
-                children: resolved ? /* @__PURE__ */ jsx(ResolvedSingle, {}) : /* @__PURE__ */ jsx(SolveSingle, {})
+                onClick: K,
+                className: p.threadCommentIcon,
+                style: { color: N ? "rgb(var(--green-500))" : "" },
+                children: N ? /* @__PURE__ */ i.jsx(Ve, {}) : /* @__PURE__ */ i.jsx(Be, {})
               }
             ),
-            (currentUser == null ? void 0 : currentUser.userID) === comments.root.personId ? /* @__PURE__ */ jsx("div", { className: styles$1.threadCommentIcon, onClick: handleDeleteRoot, children: /* @__PURE__ */ jsx(DeleteSingle, {}) }) : null
+            (y == null ? void 0 : y.userID) === d.root.personId ? /* @__PURE__ */ i.jsx("div", { className: p.threadCommentIcon, onClick: w, children: /* @__PURE__ */ i.jsx(we, {}) }) : null
           ] }) : null
         ] }),
-        /* @__PURE__ */ jsx("div", { className: styles$1.threadCommentContent, ref: scroller, children: renderComments.map(
-          (item) => /* @__PURE__ */ jsx(
-            ThreadCommentItem,
+        /* @__PURE__ */ i.jsx("div", { className: p.threadCommentContent, ref: R, children: ie.map(
+          (E) => /* @__PURE__ */ i.jsx(
+            In,
             {
-              onClose,
-              unitId,
-              subUnitId,
-              item,
-              isRoot: item.id === (comments == null ? void 0 : comments.root.id),
-              editing: editingId === item.id,
-              resolved: comments == null ? void 0 : comments.root.resolved,
-              type,
-              onEditingChange: /* @__PURE__ */ __name((editing) => {
-                setEditingId(editing ? item.id : "");
-              }, "onEditingChange"),
-              onReply: /* @__PURE__ */ __name((user) => {
-                user && requestAnimationFrame(() => {
-                  var _a4;
-                  (_a4 = editorRef.current) == null || _a4.reply(transformTextNodes2Document([{
+              onClose: c,
+              unitId: n,
+              subUnitId: r,
+              item: E,
+              isRoot: E.id === (d == null ? void 0 : d.root.id),
+              editing: m === E.id,
+              resolved: d == null ? void 0 : d.root.resolved,
+              type: j,
+              onEditingChange: (a) => {
+                f(a ? E.id : "");
+              },
+              onReply: (a) => {
+                a && requestAnimationFrame(() => {
+                  var H;
+                  (H = Z.current) == null || H.reply(Qt([{
                     type: "mention",
                     content: {
-                      id: user.userID,
-                      label: user.name
+                      id: a.userID,
+                      label: a.name
                     }
                   }]));
                 });
-              }, "onReply"),
-              onAddComment,
-              onDeleteComment
+              },
+              onAddComment: u,
+              onDeleteComment: g
             },
-            item.id
+            E.id
           )
         ) }),
-        editorVisible ? /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          ThreadCommentEditor,
+        Y ? /* @__PURE__ */ i.jsx("div", { children: /* @__PURE__ */ i.jsx(
+          We,
           {
-            ref: editorRef,
-            type,
-            unitId,
-            subUnitId,
-            onSave: /* @__PURE__ */ __name(async ({ text, attachments }) => {
-              const comment = {
-                text,
-                attachments,
-                dT: getDT(),
-                id: generateRandomId(),
-                ref: refStr,
-                personId: currentUser == null ? void 0 : currentUser.userID,
-                parentId: comments == null ? void 0 : comments.root.id,
-                unitId,
-                subUnitId,
-                threadId: comments == null ? void 0 : comments.root.threadId
+            ref: Z,
+            type: j,
+            unitId: n,
+            subUnitId: r,
+            onSave: async ({ text: E, attachments: a }) => {
+              const H = {
+                text: E,
+                attachments: a,
+                dT: dt(),
+                id: at(),
+                ref: o,
+                personId: y == null ? void 0 : y.userID,
+                parentId: d == null ? void 0 : d.root.id,
+                unitId: n,
+                subUnitId: r,
+                threadId: d == null ? void 0 : d.root.threadId
               };
-              (onAddComment == null ? void 0 : onAddComment(comment)) !== !1 && (await commandService.executeCommand(
-                AddCommentCommand.id,
+              (u == null ? void 0 : u(H)) !== !1 && (await v.executeCommand(
+                lt.id,
                 {
-                  unitId,
-                  subUnitId,
-                  comment
+                  unitId: n,
+                  subUnitId: r,
+                  comment: H
                 }
-              ), scroller.current && (scroller.current.scrollTop = scroller.current.scrollHeight));
-            }, "onSave"),
-            autoFocus: autoFocus || !comments,
-            onCancel: /* @__PURE__ */ __name(() => {
-              comments || onClose == null || onClose();
-            }, "onCancel")
+              ), R.current && (R.current.scrollTop = R.current.scrollHeight));
+            },
+            autoFocus: T || !d,
+            onCancel: () => {
+              d || c == null || c();
+            }
           },
-          `${autoFocus}`
+          `${T}`
         ) }) : null
       ]
     }
   );
-}, "ThreadCommentTree"), threadCommentPanel = "univer-thread-comment-panel", threadComment = "univer-thread-comment", threadCommentPanelForms = "univer-thread-comment-panel-forms", select = "univer-select", threadCommentPanelEmpty = "univer-thread-comment-panel-empty", threadCommentPanelAdd = "univer-thread-comment-panel-add", threadCommentPanelSolved = "univer-thread-comment-panel-solved", styles = {
-  threadCommentPanel,
-  threadComment,
-  threadCommentPanelForms,
-  select,
-  threadCommentPanelEmpty,
-  threadCommentPanelAdd,
-  threadCommentPanelSolved
-}, ThreadCommentPanel = /* @__PURE__ */ __name((props) => {
+}, bn = "univer-thread-comment-panel", _n = "univer-thread-comment", Sn = "univer-thread-comment-panel-forms", yn = "univer-select", Tn = "univer-thread-comment-panel-empty", jn = "univer-thread-comment-panel-add", Nn = "univer-thread-comment-panel-solved", te = {
+  threadCommentPanel: bn,
+  threadComment: _n,
+  threadCommentPanelForms: Sn,
+  select: yn,
+  threadCommentPanelEmpty: Tn,
+  threadCommentPanelAdd: jn,
+  threadCommentPanelSolved: Nn
+}, Mn = (t) => {
   const {
-    unitId,
-    subUnitId$,
-    type,
-    onAdd,
-    getSubUnitName,
-    onResolve,
-    sortComments,
-    onItemLeave,
-    onItemEnter,
-    disableAdd,
-    tempComment,
-    onAddComment,
-    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;
-    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 };
+    unitId: e,
+    subUnitId$: n,
+    type: r,
+    onAdd: o,
+    getSubUnitName: s,
+    onResolve: l,
+    sortComments: h,
+    onItemLeave: c,
+    onItemEnter: x,
+    disableAdd: C,
+    tempComment: T,
+    onAddComment: b,
+    onDeleteComment: _,
+    showComments: u
+  } = t, [g, O] = k("all"), [j, D] = k("all"), S = U(pe), M = U(ge), m = U(Oe), [f, I] = k(() => m.getUnit(e)), d = U(J), v = B(d.activeCommentId$), q = B(m.commentUpdate$), N = U(oe), y = B(n), Z = re(!0), ie = "panel", R = B(M.currentUser$), K = ne(() => {
+    var le;
+    const a = g === "all" ? f : (le = f.filter((P) => P.subUnitId === y)) != null ? le : [], H = h != null ? h : (P) => P, de = a.map((P) => {
+      var A;
+      return { ...P.root, children: (A = P.children) != null ? A : [], users: P.relativeUsers };
     });
-    if (showComments) {
-      const map = /* @__PURE__ */ new Map();
-      return res.forEach((comment) => {
-        map.set(comment.id, comment);
-      }), [...showComments, ""].map((id) => map.get(id)).filter(Boolean);
+    if (u) {
+      const P = /* @__PURE__ */ new Map();
+      return de.forEach((A) => {
+        P.set(A.id, A);
+      }), [...u, ""].map((A) => P.get(A)).filter(Boolean);
     } else
-      return sort(res);
-  }, [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.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(() => {
-    unitId && setUnitComments(
-      threadCommentModel.getUnit(unitId)
+      return H(de);
+  }, [u, g, f, h, y]), w = ne(() => [
+    ...K.filter((a) => !a.resolved),
+    ...K.filter((a) => a.resolved)
+  ], [K]), G = ne(() => j === "resolved" ? w.filter((a) => a.resolved) : j === "unsolved" ? w.filter((a) => !a.resolved) : j === "concern_me" && R != null && R.userID ? w.filter((a) => a == null ? void 0 : a.users.has(R.userID)) : w, [w, R == null ? void 0 : R.userID, j]), Y = T ? [T, ...G] : G, ae = Y.filter((a) => !a.resolved), Q = Y.filter((a) => a.resolved), X = j !== "all" || g !== "all", se = () => {
+    D("all"), O("all");
+  };
+  me(() => {
+    e && I(
+      m.getUnit(e)
     );
-  }, [unitId, threadCommentModel, update]), useEffect(() => {
-    var _a3;
-    if (!activeCommentId)
+  }, [e, m, q]), me(() => {
+    var P;
+    if (!v)
       return;
-    if (!shouldScroll.current) {
-      shouldScroll.current = !0;
+    if (!Z.current) {
+      Z.current = !0;
       return;
     }
-    const { unitId: unitId2, subUnitId: subUnitId2, commentId } = activeCommentId, id = `${prefix}-${unitId2}-${subUnitId2}-${commentId}`;
-    (_a3 = document.getElementById(id)) == null || _a3.scrollIntoView({ block: "center" });
-  }, [activeCommentId]);
-  const renderComment = /* @__PURE__ */ __name((comment) => /* @__PURE__ */ jsx(
-    ThreadCommentTree,
+    const { unitId: a, subUnitId: H, commentId: de } = v, le = `${ie}-${a}-${H}-${de}`;
+    (P = document.getElementById(le)) == null || P.scrollIntoView({ block: "center" });
+  }, [v]);
+  const E = (a) => /* @__PURE__ */ i.jsx(
+    xn,
     {
-      prefix,
-      getSubUnitName,
-      id: comment.id,
-      unitId: comment.unitId,
-      subUnitId: comment.subUnitId,
-      refStr: comment.ref,
-      type,
-      showEdit: (activeCommentId == null ? void 0 : activeCommentId.commentId) === comment.id,
-      showHighlight: (activeCommentId == null ? void 0 : activeCommentId.commentId) === comment.id,
-      onClick: /* @__PURE__ */ __name(() => {
-        shouldScroll.current = !1, comment.resolved ? commandService.executeCommand(SetActiveCommentOperation.id) : commandService.executeCommand(
-          SetActiveCommentOperation.id,
+      prefix: ie,
+      getSubUnitName: s,
+      id: a.id,
+      unitId: a.unitId,
+      subUnitId: a.subUnitId,
+      refStr: a.ref,
+      type: r,
+      showEdit: (v == null ? void 0 : v.commentId) === a.id,
+      showHighlight: (v == null ? void 0 : v.commentId) === a.id,
+      onClick: () => {
+        Z.current = !1, a.resolved ? N.executeCommand(F.id) : N.executeCommand(
+          F.id,
           {
-            unitId: comment.unitId,
-            subUnitId: comment.subUnitId,
-            commentId: comment.id,
+            unitId: a.unitId,
+            subUnitId: a.subUnitId,
+            commentId: a.id,
             temp: !1
           }
         );
-      }, "onClick"),
-      onMouseEnter: /* @__PURE__ */ __name(() => onItemEnter == null ? void 0 : onItemEnter(comment), "onMouseEnter"),
-      onMouseLeave: /* @__PURE__ */ __name(() => onItemLeave == null ? void 0 : onItemLeave(comment), "onMouseLeave"),
-      onAddComment,
-      onDeleteComment,
-      onResolve: /* @__PURE__ */ __name((resolved) => onResolve == null ? void 0 : onResolve(comment.id, resolved), "onResolve")
+      },
+      onMouseEnter: () => x == null ? void 0 : x(a),
+      onMouseLeave: () => c == null ? void 0 : c(a),
+      onAddComment: b,
+      onDeleteComment: _,
+      onResolve: (H) => l == null ? void 0 : l(a.id, H)
     },
-    comment.id
-  ), "renderComment");
-  return /* @__PURE__ */ jsxs("div", { className: styles.threadCommentPanel, children: [
-    /* @__PURE__ */ jsxs("div", { className: styles.threadCommentPanelForms, children: [
-      type === UniverInstanceType.UNIVER_SHEET ? /* @__PURE__ */ jsx(
-        Select,
+    a.id
+  );
+  return /* @__PURE__ */ i.jsxs("div", { className: te.threadCommentPanel, children: [
+    /* @__PURE__ */ i.jsxs("div", { className: te.threadCommentPanelForms, children: [
+      r === he.UNIVER_SHEET ? /* @__PURE__ */ i.jsx(
+        _e,
         {
           borderless: !0,
-          value: unit,
-          onChange: /* @__PURE__ */ __name((e) => setUnit(e), "onChange"),
+          value: g,
+          onChange: (a) => O(a),
           options: [
             {
               value: "current",
-              label: localeService.t("threadCommentUI.filter.sheet.current")
+              label: S.t("threadCommentUI.filter.sheet.current")
             },
             {
               value: "all",
-              label: localeService.t("threadCommentUI.filter.sheet.all")
+              label: S.t("threadCommentUI.filter.sheet.all")
             }
           ]
         }
       ) : null,
-      /* @__PURE__ */ jsx(
-        Select,
+      /* @__PURE__ */ i.jsx(
+        _e,
         {
           borderless: !0,
-          value: status,
-          onChange: /* @__PURE__ */ __name((e) => setStatus(e), "onChange"),
+          value: j,
+          onChange: (a) => D(a),
           options: [
             {
               value: "all",
-              label: localeService.t("threadCommentUI.filter.status.all")
+              label: S.t("threadCommentUI.filter.status.all")
             },
             {
               value: "resolved",
-              label: localeService.t("threadCommentUI.filter.status.resolved")
+              label: S.t("threadCommentUI.filter.status.resolved")
             },
             {
               value: "unsolved",
-              label: localeService.t("threadCommentUI.filter.status.unsolved")
+              label: S.t("threadCommentUI.filter.status.unsolved")
             },
             {
               value: "concern_me",
-              label: localeService.t("threadCommentUI.filter.status.concernMe")
+              label: S.t("threadCommentUI.filter.status.concernMe")
             }
           ]
         }
       )
     ] }),
-    unSolvedComments.map(renderComment),
-    solvedComments.length ? /* @__PURE__ */ jsx("div", { className: styles.threadCommentPanelSolved, children: "已解决" }) : null,
-    solvedComments.map(renderComment),
-    renderComments.length ? null : /* @__PURE__ */ jsxs("div", { className: styles.threadCommentPanelEmpty, children: [
-      isFiltering ? localeService.t("threadCommentUI.panel.filterEmpty") : localeService.t("threadCommentUI.panel.empty"),
-      isFiltering ? /* @__PURE__ */ jsx(
-        Button,
+    ae.map(E),
+    Q.length ? /* @__PURE__ */ i.jsx("div", { className: te.threadCommentPanelSolved, children: "已解决" }) : null,
+    Q.map(E),
+    Y.length ? null : /* @__PURE__ */ i.jsxs("div", { className: te.threadCommentPanelEmpty, children: [
+      X ? S.t("threadCommentUI.panel.filterEmpty") : S.t("threadCommentUI.panel.empty"),
+      X ? /* @__PURE__ */ i.jsx(
+        ce,
         {
-          onClick: onReset,
+          onClick: se,
           type: "link",
-          children: localeService.t("threadCommentUI.panel.reset")
+          children: S.t("threadCommentUI.panel.reset")
         }
-      ) : /* @__PURE__ */ jsxs(
-        Button,
+      ) : /* @__PURE__ */ i.jsxs(
+        ce,
         {
           id: "thread-comment-add",
-          className: styles.threadCommentPanelAdd,
+          className: te.threadCommentPanelAdd,
           type: "primary",
-          onClick: onAdd,
-          disabled: disableAdd,
+          onClick: o,
+          disabled: C,
           children: [
-            /* @__PURE__ */ jsx(IncreaseSingle, {}),
-            localeService.t("threadCommentUI.panel.addComment")
+            /* @__PURE__ */ i.jsx(ke, {}),
+            S.t("threadCommentUI.panel.addComment")
           ]
         }
       )
     ] })
   ] });
-}, "ThreadCommentPanel");
+};
 export {
-  SetActiveCommentOperation,
-  THREAD_COMMENT_PANEL,
-  ThreadCommentPanel,
-  ThreadCommentPanelService,
-  ThreadCommentTree,
-  ToggleSheetCommentPanelOperation,
-  UniverThreadCommentUIPlugin
+  F as SetActiveCommentOperation,
+  jt as THREAD_COMMENT_PANEL,
+  Mn as ThreadCommentPanel,
+  J as ThreadCommentPanelService,
+  xn as ThreadCommentTree,
+  Et as ToggleSheetCommentPanelOperation,
+  ue as UniverThreadCommentUIPlugin
 };