@univerjs/sheets-thread-comment-ui 0.11.0 → 0.12.0

package/lib/index.js

@@ -1,6 +1,6 @@
 var Re = Object.defineProperty;
-var Ue = (t, e, r) => e in t ? Re(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var y = (t, e, r) => Ue(t, typeof e != "symbol" ? e + "" : e, r);
+var Ue = (n, e, r) => e in n ? Re(n, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : n[e] = r;
+var y = (n, e, r) => Ue(n, typeof e != "symbol" ? e + "" : e, r);
 import { Inject as p, Disposable as $, DisposableCollection as $e, CommandType as Oe, IUniverInstanceService as x, InterceptorEffectEnum as ke, UniverInstanceType as M, Range as Ne, ICommandService as ne, RANGE_TYPE as se, Rectangle as De, Tools as xe, DependentOn as Ae, Injector as Ve, IConfigService as Be, Plugin as He, merge as Le } from "@univerjs/core";
 import { SheetsSelectionsService as de, getSheetCommandTarget as je, SheetInterceptorService as Fe, INTERCEPTOR_POINT as We, SheetPermissionCheckController as ue, RangeProtectionPermissionViewPoint as G, WorksheetViewPermission as z, WorkbookCommentPermission as K, SetWorksheetActiveOperation as Ze } from "@univerjs/sheets";
 import { SheetsThreadCommentModel as O, UniverSheetsThreadCommentPlugin as Ge } from "@univerjs/sheets-thread-comment";
@@ -16,19 +16,19 @@ import { AddCommentCommand as ln, DeleteCommentCommand as pn, DeleteCommentTreeC
 import { useRef as fe, createElement as ge, forwardRef as St, useMemo as ft, useCallback as he, useEffect as gt } from "react";
 import { jsx as Ie } from "react/jsx-runtime";
 const Pe = "univer.sheet.thread-comment-modal", Te = "SHEET_THREAD_COMMENT";
-var It = Object.getOwnPropertyDescriptor, Pt = (t, e, r, n) => {
-  for (var o = n > 1 ? void 0 : n ? It(e, r) : e, i = t.length - 1, s; i >= 0; i--)
-    (s = t[i]) && (o = s(o) || o);
+var It = Object.getOwnPropertyDescriptor, Pt = (n, e, r, t) => {
+  for (var o = t > 1 ? void 0 : t ? It(e, r) : e, i = n.length - 1, s; i >= 0; i--)
+    (s = n[i]) && (o = s(o) || o);
   return o;
-}, J = (t, e) => (r, n) => e(r, n, t);
+}, J = (n, e) => (r, t) => e(r, t, n);
 let R = class extends $ {
-  constructor(e, r, n) {
+  constructor(e, r, t) {
     super();
     y(this, "_lastPopup", null);
     y(this, "_activePopup");
     y(this, "_activePopup$", new pt(null));
     y(this, "activePopup$", this._activePopup$.asObservable());
-    this._canvasPopupManagerService = e, this._zenZoneService = r, this._cellPopupManagerService = n, this._initZenVisible(), this.disposeWithMe(() => {
+    this._canvasPopupManagerService = e, this._zenZoneService = r, this._cellPopupManagerService = t, this._initZenVisible(), this.disposeWithMe(() => {
       this._activePopup$.complete();
     });
   }
@@ -45,8 +45,8 @@ let R = class extends $ {
   }
   showPopup(e, r) {
     var h;
-    const { row: n, col: o, unitId: i, subUnitId: s } = e;
-    if (this._activePopup && n === this._activePopup.row && o === this._activePopup.col && i === this._activePopup.unitId && s === ((h = this.activePopup) == null ? void 0 : h.subUnitId)) {
+    const { row: t, col: o, unitId: i, subUnitId: s } = e;
+    if (this._activePopup && t === this._activePopup.row && o === this._activePopup.col && i === this._activePopup.unitId && s === ((h = this.activePopup) == null ? void 0 : h.subUnitId)) {
       this._activePopup = e, this._activePopup$.next(e);
       return;
     }
@@ -55,7 +55,7 @@ let R = class extends $ {
     this._activePopup = e, this._activePopup$.next(e);
     const a = this._cellPopupManagerService.showPopup(
       {
-        row: n,
+        row: t,
         col: o,
         unitId: i,
         subUnitId: s
@@ -100,9 +100,9 @@ R = Pt([
 const A = {
   type: Oe.OPERATION,
   id: "sheets.operation.show-comment-modal",
-  handler(t) {
+  handler(n) {
     var _;
-    const e = t.get(de), r = t.get(x), n = t.get(R), o = t.get(re), i = (_ = e.getCurrentLastSelection()) == null ? void 0 : _.primary, s = t.get(O);
+    const e = n.get(de), r = n.get(x), t = n.get(R), o = n.get(re), i = (_ = e.getCurrentLastSelection()) == null ? void 0 : _.primary, s = n.get(O);
     if (!i)
       return !1;
     const a = je(r);
@@ -116,7 +116,7 @@ const A = {
       row: i.startRow,
       col: i.startColumn
     };
-    n.showPopup(C);
+    t.showPopup(C);
     const l = s.getByLocation(d, m, i.startRow, i.startColumn);
     return l && o.setActiveComment({
       unitId: d,
@@ -126,14 +126,14 @@ const A = {
     }), !0;
   }
 }, Tt = "sheets-thread-comment.config", me = {};
-var wt = Object.getOwnPropertyDescriptor, Mt = (t, e, r, n) => {
-  for (var o = n > 1 ? void 0 : n ? wt(e, r) : e, i = t.length - 1, s; i >= 0; i--)
-    (s = t[i]) && (o = s(o) || o);
+var wt = Object.getOwnPropertyDescriptor, Mt = (n, e, r, t) => {
+  for (var o = t > 1 ? void 0 : t ? wt(e, r) : e, i = n.length - 1, s; i >= 0; i--)
+    (s = n[i]) && (o = s(o) || o);
   return o;
-}, V = (t, e) => (r, n) => e(r, n, t);
+}, V = (n, e) => (r, t) => e(r, t, n);
 let H = class extends $ {
-  constructor(t, e, r, n) {
-    super(), this._sheetInterceptorService = t, this._sheetsThreadCommentModel = e, this._univerInstanceService = r, this._renderManagerService = n, this._initViewModelIntercept(), this._initSkeletonChange();
+  constructor(n, e, r, t) {
+    super(), this._sheetInterceptorService = n, this._sheetsThreadCommentModel = e, this._univerInstanceService = r, this._renderManagerService = t, this._initViewModelIntercept(), this._initSkeletonChange();
   }
   _initViewModelIntercept() {
     this.disposeWithMe(
@@ -141,15 +141,15 @@ let H = class extends $ {
         We.CELL_CONTENT,
         {
           effect: ke.Style,
-          handler: (t, e, r) => {
-            const { row: n, col: o, unitId: i, subUnitId: s } = e;
-            return this._sheetsThreadCommentModel.showCommentMarker(i, s, n, o) && ((!t || t === e.rawData) && (t = { ...e.rawData }), t.markers = {
-              ...t == null ? void 0 : t.markers,
+          handler: (n, e, r) => {
+            const { row: t, col: o, unitId: i, subUnitId: s } = e;
+            return this._sheetsThreadCommentModel.showCommentMarker(i, s, t, o) && ((!n || n === e.rawData) && (n = { ...e.rawData }), n.markers = {
+              ...n == null ? void 0 : n.markers,
               tr: {
                 color: "#FFBD37",
                 size: 6
               }
-            }), r(t);
+            }), r(n);
           },
           priority: 100
         }
@@ -157,15 +157,15 @@ let H = class extends $ {
     );
   }
   _initSkeletonChange() {
-    const t = () => {
+    const n = () => {
       var o;
       const e = this._univerInstanceService.getCurrentUnitForType(M.UNIVER_SHEET);
       if (!e) return;
-      const r = e.getUnitId(), n = this._renderManagerService.getRenderById(r);
-      (o = n == null ? void 0 : n.mainComponent) == null || o.makeForceDirty();
+      const r = e.getUnitId(), t = this._renderManagerService.getRenderById(r);
+      (o = t == null ? void 0 : t.mainComponent) == null || o.makeForceDirty();
     };
     this.disposeWithMe(this._sheetsThreadCommentModel.commentUpdate$.pipe(oe(16)).subscribe(() => {
-      t();
+      n();
     }));
   }
 };
@@ -175,40 +175,40 @@ H = Mt([
   V(2, x),
   V(3, Se)
 ], H);
-var bt = Object.getOwnPropertyDescriptor, yt = (t, e, r, n) => {
-  for (var o = n > 1 ? void 0 : n ? bt(e, r) : e, i = t.length - 1, s; i >= 0; i--)
-    (s = t[i]) && (o = s(o) || o);
+var bt = Object.getOwnPropertyDescriptor, yt = (n, e, r, t) => {
+  for (var o = t > 1 ? void 0 : t ? bt(e, r) : e, i = n.length - 1, s; i >= 0; i--)
+    (s = n[i]) && (o = s(o) || o);
   return o;
-}, Q = (t, e) => (r, n) => e(r, n, t);
-const Et = (t, e, r) => {
-  const n = D(t), o = r.row - e.row, i = r.column - e.column, s = {
-    startColumn: n.column + i,
-    startRow: n.row + o,
-    endColumn: n.column + i,
-    endRow: n.row + o
+}, Q = (n, e) => (r, t) => e(r, t, n);
+const Et = (n, e, r) => {
+  const t = D(n), o = r.row - e.row, i = r.column - e.column, s = {
+    startColumn: t.column + i,
+    startRow: t.row + o,
+    endColumn: t.column + i,
+    endRow: t.row + o
   };
   return _t(s);
 };
 let L = class extends $ {
-  constructor(e, r, n) {
+  constructor(e, r, t) {
     super();
     y(this, "_copyInfo");
-    this._sheetClipboardService = e, this._sheetsThreadCommentModel = r, this._threadCommentDataSourceService = n, this._initClipboardHook();
+    this._sheetClipboardService = e, this._sheetsThreadCommentModel = r, this._threadCommentDataSourceService = t, this._initClipboardHook();
   }
   // eslint-disable-next-line max-lines-per-function
   _initClipboardHook() {
     this.disposeWithMe(
       this._sheetClipboardService.addClipboardHook({
         id: Te,
-        onBeforeCopy: (e, r, n) => {
+        onBeforeCopy: (e, r, t) => {
           this._copyInfo = {
             unitId: e,
             subUnitId: r,
-            range: n
+            range: t
           };
         },
         // eslint-disable-next-line max-lines-per-function
-        onPasteCells: (e, r, n, o) => {
+        onPasteCells: (e, r, t, o) => {
           const { unitId: i, subUnitId: s, range: a } = r, c = {
             row: a.rows[0],
             column: a.cols[0]
@@ -288,31 +288,31 @@ L = yt([
   Q(1, p(O)),
   Q(2, vt)
 ], L);
-var Rt = Object.getOwnPropertyDescriptor, Ut = (t, e, r, n) => {
-  for (var o = n > 1 ? void 0 : n ? Rt(e, r) : e, i = t.length - 1, s; i >= 0; i--)
-    (s = t[i]) && (o = s(o) || o);
+var Rt = Object.getOwnPropertyDescriptor, Ut = (n, e, r, t) => {
+  for (var o = t > 1 ? void 0 : t ? Rt(e, r) : e, i = n.length - 1, s; i >= 0; i--)
+    (s = n[i]) && (o = s(o) || o);
   return o;
-}, B = (t, e) => (r, n) => e(r, n, t);
+}, B = (n, e) => (r, t) => e(r, t, n);
 let j = class extends $ {
-  constructor(t, e, r, n) {
-    super(), this._hoverManagerService = t, this._sheetsThreadCommentPopupService = e, this._sheetsThreadCommentModel = r, this._sheetPermissionCheckController = n, this._initHoverEvent();
+  constructor(n, e, r, t) {
+    super(), this._hoverManagerService = n, this._sheetsThreadCommentPopupService = e, this._sheetsThreadCommentModel = r, this._sheetPermissionCheckController = t, this._initHoverEvent();
   }
   _initHoverEvent() {
     this.disposeWithMe(
-      this._hoverManagerService.currentCell$.pipe(oe(100)).subscribe((t) => {
+      this._hoverManagerService.currentCell$.pipe(oe(100)).subscribe((n) => {
         const e = this._sheetsThreadCommentPopupService.activePopup;
-        if (t && (e && e.temp || !e)) {
-          const { location: r } = t, { unitId: n, subUnitId: o, row: i, col: s } = r, a = this._sheetsThreadCommentModel.getByLocation(n, o, i, s);
+        if (n && (e && e.temp || !e)) {
+          const { location: r } = n, { unitId: t, subUnitId: o, row: i, col: s } = r, a = this._sheetsThreadCommentModel.getByLocation(t, o, i, s);
           if (a) {
             if (!this._sheetPermissionCheckController.permissionCheckWithRanges({
               workbookTypes: [K],
               worksheetTypes: [z],
               rangeTypes: [G]
-            }, [{ startRow: i, startColumn: s, endRow: i, endColumn: s }]))
+            }, [{ startRow: i, startColumn: s, endRow: i, endColumn: s }], t, o))
               return;
-            const h = this._sheetsThreadCommentModel.getComment(n, o, a);
+            const h = this._sheetsThreadCommentModel.getComment(t, o, a);
             h && !h.resolved && this._sheetsThreadCommentPopupService.showPopup({
-              unitId: n,
+              unitId: t,
               subUnitId: o,
               row: i,
               col: s,
@@ -332,21 +332,21 @@ j = Ut([
   B(2, p(O)),
   B(3, p(ue))
 ], j);
-var $t = Object.getOwnPropertyDescriptor, Ot = (t, e, r, n) => {
-  for (var o = n > 1 ? void 0 : n ? $t(e, r) : e, i = t.length - 1, s; i >= 0; i--)
-    (s = t[i]) && (o = s(o) || o);
+var $t = Object.getOwnPropertyDescriptor, Ot = (n, e, r, t) => {
+  for (var o = t > 1 ? void 0 : t ? $t(e, r) : e, i = n.length - 1, s; i >= 0; i--)
+    (s = n[i]) && (o = s(o) || o);
   return o;
-}, w = (t, e) => (r, n) => e(r, n, t);
+}, w = (n, e) => (r, t) => e(r, t, n);
 let F = class extends $ {
-  constructor(e, r, n, o, i, s, a, c, h, d) {
+  constructor(e, r, t, o, i, s, a, c, h, d) {
     super();
     y(this, "_isSwitchToCommenting", !1);
     y(this, "_selectionShapeInfo", null);
-    this._commandService = e, this._sheetsThreadCommentPopupService = r, this._sheetsThreadCommentModel = n, this._threadCommentPanelService = o, this._univerInstanceService = i, this._sheetPermissionCheckController = s, this._markSelectionService = a, this._sheetSelectionService = c, this._editorBridgeService = h, this._renderManagerService = d, this._initCommandListener(), this._initPanelListener(), this._initMarkSelection(), this._initSelectionUpdateListener(), this._initEditorBridge();
+    this._commandService = e, this._sheetsThreadCommentPopupService = r, this._sheetsThreadCommentModel = t, this._threadCommentPanelService = o, this._univerInstanceService = i, this._sheetPermissionCheckController = s, this._markSelectionService = a, this._sheetSelectionService = c, this._editorBridgeService = h, this._renderManagerService = d, this._initCommandListener(), this._initPanelListener(), this._initMarkSelection(), this._initSelectionUpdateListener(), this._initEditorBridge();
   }
-  _handleSelectionChange(e, r, n) {
+  _handleSelectionChange(e, r, t) {
     var C, l, _;
-    const o = (C = e[0]) == null ? void 0 : C.range, i = this._renderManagerService.getRenderById(r), s = (l = i == null ? void 0 : i.with(rt).getSkeletonParam(n)) == null ? void 0 : l.skeleton;
+    const o = (C = e[0]) == null ? void 0 : C.range, i = this._renderManagerService.getRenderById(r), s = (l = i == null ? void 0 : i.with(rt).getSkeletonParam(t)) == null ? void 0 : l.skeleton;
     if (!s || !o)
       return;
     const a = s.getCellWithCoordByIndex(o.startRow, o.startColumn);
@@ -355,14 +355,14 @@ let F = class extends $ {
       return;
     }
     const h = a.actualRow, d = a.actualColumn;
-    if (!this._sheetsThreadCommentModel.showCommentMarker(r, n, h, d)) {
+    if (!this._sheetsThreadCommentModel.showCommentMarker(r, t, h, d)) {
       this._threadCommentPanelService.activeCommentId && this._commandService.executeCommand(q.id);
       return;
     }
-    const m = this._sheetsThreadCommentModel.getByLocation(r, n, h, d);
+    const m = this._sheetsThreadCommentModel.getByLocation(r, t, h, d);
     m && this._commandService.executeCommand(q.id, {
       unitId: r,
-      subUnitId: n,
+      subUnitId: t,
       commentId: m
     });
   }
@@ -386,10 +386,10 @@ let F = class extends $ {
   _initCommandListener() {
     this._commandService.onCommandExecuted((e) => {
       if (e.id === te.id) {
-        const r = e.params, n = this._sheetsThreadCommentPopupService.activePopup;
-        if (!n)
+        const r = e.params, t = this._sheetsThreadCommentPopupService.activePopup;
+        if (!t)
           return;
-        const { unitId: o, subUnitId: i, commentId: s } = n;
+        const { unitId: o, subUnitId: i, commentId: s } = t;
         r.unitId === o && r.subUnitId === i && r.commentId === s && this._sheetsThreadCommentPopupService.hidePopup();
       }
     });
@@ -398,14 +398,14 @@ let F = class extends $ {
     this.disposeWithMe(this._threadCommentPanelService.activeCommentId$.subscribe(async (e) => {
       var r;
       if (e) {
-        const { unitId: n, subUnitId: o, commentId: i, trigger: s } = e, a = this._sheetsThreadCommentModel.getComment(n, o, i);
+        const { unitId: t, subUnitId: o, commentId: i, trigger: s } = e, a = this._sheetsThreadCommentModel.getComment(t, o, i);
         if (!a || a.resolved)
           return;
         const c = this._univerInstanceService.getCurrentUnitForType(M.UNIVER_SHEET);
-        if (!c || c.getUnitId() !== n)
+        if (!c || c.getUnitId() !== t)
           return;
         this._isSwitchToCommenting = !0, ((r = c.getActiveSheet()) == null ? void 0 : r.getSheetId()) !== o && await this._commandService.executeCommand(Ze.id, {
-          unitId: n,
+          unitId: t,
           subUnitId: o
         }), this._isSwitchToCommenting = !1;
         const m = D(a.ref), { row: C, column: l } = m;
@@ -413,7 +413,7 @@ let F = class extends $ {
           workbookTypes: [K],
           worksheetTypes: [z],
           rangeTypes: [G]
-        }, [{ startRow: C, startColumn: l, endRow: C, endColumn: l }]))
+        }, [{ startRow: C, startColumn: l, endRow: C, endColumn: l }], t, o))
           return;
         const f = 1;
         if (await this._commandService.executeCommand(ot.id, {
@@ -426,7 +426,7 @@ let F = class extends $ {
         }), this._editorBridgeService.isVisible().visible)
           return;
         this._sheetsThreadCommentPopupService.showPopup({
-          unitId: n,
+          unitId: t,
           subUnitId: o,
           row: m.row,
           col: m.column,
@@ -444,15 +444,15 @@ let F = class extends $ {
         this._selectionShapeInfo && (this._markSelectionService.removeShape(this._selectionShapeInfo.shapeId), this._selectionShapeInfo = null);
         return;
       }
-      const { unitId: r, subUnitId: n, commentId: o } = e;
+      const { unitId: r, subUnitId: t, commentId: o } = e;
       this._selectionShapeInfo && (this._markSelectionService.removeShape(this._selectionShapeInfo.shapeId), this._selectionShapeInfo = null);
-      const i = this._sheetsThreadCommentModel.getComment(r, n, o);
+      const i = this._sheetsThreadCommentModel.getComment(r, t, o);
       if (!i)
         return;
       const s = D(i.ref), { row: a, column: c } = s;
       if (Number.isNaN(a) || Number.isNaN(c))
         return null;
-      const h = (C = this._univerInstanceService.getCurrentUnitForType(M.UNIVER_SHEET)) == null ? void 0 : C.getSheetBySheetId(n), d = (l = h == null ? void 0 : h.getMergedCell(a, c)) != null ? l : {
+      const h = (C = this._univerInstanceService.getCurrentUnitForType(M.UNIVER_SHEET)) == null ? void 0 : C.getSheetBySheetId(t), d = (l = h == null ? void 0 : h.getMergedCell(a, c)) != null ? l : {
         startColumn: c,
         endColumn: c,
         startRow: a,
@@ -491,47 +491,47 @@ F = Ot([
   w(8, nt),
   w(9, Se)
 ], F);
-function we({ ref: t, ...e }) {
-  const { icon: r, id: n, className: o, extend: i, ...s } = e, a = `univerjs-icon univerjs-icon-${n} ${o || ""}`.trim(), c = fe(`_${Dt()}`);
-  return Me(r, `${n}`, {
+function we({ ref: n, ...e }) {
+  const { icon: r, id: t, className: o, extend: i, ...s } = e, a = `univerjs-icon univerjs-icon-${t} ${o || ""}`.trim(), c = fe(`_${Dt()}`);
+  return Me(r, `${t}`, {
     defIds: r.defIds,
     idSuffix: c.current
   }, {
-    ref: t,
+    ref: n,
     className: a,
     ...s
   }, i);
 }
-function Me(t, e, r, n, o) {
-  return ge(t.tag, {
+function Me(n, e, r, t, o) {
+  return ge(n.tag, {
     key: e,
-    ...kt(t, r, o),
-    ...n
-  }, (Nt(t, r).children || []).map((i, s) => Me(i, `${e}-${t.tag}-${s}`, r, void 0, o)));
+    ...kt(n, r, o),
+    ...t
+  }, (Nt(n, r).children || []).map((i, s) => Me(i, `${e}-${n.tag}-${s}`, r, void 0, o)));
 }
-function kt(t, e, r) {
-  const n = { ...t.attrs };
-  r != null && r.colorChannel1 && n.fill === "colorChannel1" && (n.fill = r.colorChannel1), t.tag === "mask" && n.id && (n.id = n.id + e.idSuffix), Object.entries(n).forEach(([i, s]) => {
-    i === "mask" && typeof s == "string" && (n[i] = s.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
+function kt(n, e, r) {
+  const t = { ...n.attrs };
+  r != null && r.colorChannel1 && t.fill === "colorChannel1" && (t.fill = r.colorChannel1), n.tag === "mask" && t.id && (t.id = t.id + e.idSuffix), Object.entries(t).forEach(([i, s]) => {
+    i === "mask" && typeof s == "string" && (t[i] = s.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
   });
   const { defIds: o } = e;
-  return !o || o.length === 0 || (t.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + e.idSuffix), Object.entries(n).forEach(([i, s]) => {
-    typeof s == "string" && (n[i] = s.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
-  })), n;
+  return !o || o.length === 0 || (n.tag === "use" && t["xlink:href"] && (t["xlink:href"] = t["xlink:href"] + e.idSuffix), Object.entries(t).forEach(([i, s]) => {
+    typeof s == "string" && (t[i] = s.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
+  })), t;
 }
-function Nt(t, e) {
-  var n;
+function Nt(n, e) {
+  var t;
   const { defIds: r } = e;
-  return !r || r.length === 0 ? t : t.tag === "defs" && ((n = t.children) != null && n.length) ? {
-    ...t,
-    children: t.children.map((o) => typeof o.attrs.id == "string" && r && r.includes(o.attrs.id) ? {
+  return !r || r.length === 0 ? n : n.tag === "defs" && ((t = n.children) != null && t.length) ? {
+    ...n,
+    children: n.children.map((o) => typeof o.attrs.id == "string" && r && r.includes(o.attrs.id) ? {
       ...o,
       attrs: {
         ...o.attrs,
         id: o.attrs.id + e.idSuffix
       }
     } : o)
-  } : t;
+  } : n;
 }
 function Dt() {
   return Math.random().toString(36).substring(2, 8);
@@ -596,14 +596,14 @@ const xt = {
 });
 be.displayName = "CommentIcon";
 const At = () => {
-  const t = E(x), e = E(R), r = N(e.activePopup$), n = E(O);
-  if (N(n.commentUpdate$), !r)
+  const n = E(x), e = E(R), r = N(e.activePopup$), t = E(O);
+  if (N(t.commentUpdate$), !r)
     return null;
-  const { row: o, col: i, unitId: s, subUnitId: a, trigger: c } = r, h = n.getByLocation(s, a, o, i), d = `${xe.chatAtABC(i)}${o + 1}`, m = () => {
+  const { row: o, col: i, unitId: s, subUnitId: a, trigger: c } = r, h = t.getByLocation(s, a, o, i), d = `${xe.chatAtABC(i)}${o + 1}`, m = () => {
     e.hidePopup();
   }, C = (l) => {
     var _, f, U;
-    return (U = (f = (_ = t.getCurrentUnitForType(M.UNIVER_SHEET)) == null ? void 0 : _.getSheetBySheetId(l)) == null ? void 0 : f.getName()) != null ? U : "";
+    return (U = (f = (_ = n.getCurrentUnitForType(M.UNIVER_SHEET)) == null ? void 0 : _.getSheetBySheetId(l)) == null ? void 0 : f.getName()) != null ? U : "";
   };
   return /* @__PURE__ */ Ie(
     ze,
@@ -624,8 +624,8 @@ const At = () => {
   );
 }, Vt = () => {
   var g;
-  const t = E(pe), e = E(x), r = E(R), n = e.getCurrentUnitForType(M.UNIVER_SHEET), o = n.getUnitId(), i = E(ne), s = ft(() => n.activeSheet$.pipe(Ct((u) => u == null ? void 0 : u.getSheetId())), [n.activeSheet$]), a = N(s, (g = n.getActiveSheet()) == null ? void 0 : g.getSheetId()), c = fe(null), h = E(re), d = N(h.activeCommentId$), m = N(h.panelVisible$, h.panelVisible), C = he((u) => {
-    const I = n.getSheets(), v = {};
+  const n = E(pe), e = E(x), r = E(R), t = e.getCurrentUnitForType(M.UNIVER_SHEET), o = t.getUnitId(), i = E(ne), s = ft(() => t.activeSheet$.pipe(Ct((u) => u == null ? void 0 : u.getSheetId())), [t.activeSheet$]), a = N(s, (g = t.getActiveSheet()) == null ? void 0 : g.getSheetId()), c = fe(null), h = E(re), d = N(h.activeCommentId$), m = N(h.panelVisible$, h.panelVisible), C = he((u) => {
+    const I = t.getSheets(), v = {};
     I.forEach((P, S) => {
       v[P.getSheetId()] = S;
     });
@@ -638,17 +638,17 @@ const At = () => {
       ...T(u.filter((P) => !P.resolved)),
       ...T(u.filter((P) => P.resolved))
     ];
-  }, [n]), l = he((u) => {
+  }, [t]), l = he((u) => {
     var I;
     if (u.unitId === o && u.subUnitId === a && !u.resolved) {
-      const { row: v, column: T } = D(u.ref), P = n.getSheetBySheetId(u.subUnitId), S = (I = P == null ? void 0 : P.getMergedCell(v, T)) != null ? I : {
+      const { row: v, column: T } = D(u.ref), P = t.getSheetBySheetId(u.subUnitId), S = (I = P == null ? void 0 : P.getMergedCell(v, T)) != null ? I : {
         startColumn: T,
         endColumn: T,
         startRow: v,
         endRow: v
       };
       if (!Number.isNaN(v) && !Number.isNaN(T))
-        return t.addShape({
+        return n.addShape({
           range: S,
           style: {
             // hasAutoFill: false,
@@ -661,21 +661,21 @@ const At = () => {
         });
     }
     return null;
-  }, [t, a, o]), _ = (u) => {
+  }, [n, a, o]), _ = (u) => {
     var I, v;
-    return (v = (I = n.getSheetBySheetId(u)) == null ? void 0 : I.getName()) != null ? v : "";
+    return (v = (I = t.getSheetBySheetId(u)) == null ? void 0 : I.getName()) != null ? v : "";
   }, f = () => {
     i.executeCommand(A.id);
   }, U = (u) => {
-    d && d.unitId === u.unitId && d.subUnitId === u.subUnitId && d.commentId === u.id || (c.current && (t.removeShape(c.current), c.current = null), c.current = l(u));
+    d && d.unitId === u.unitId && d.subUnitId === u.subUnitId && d.commentId === u.id || (c.current && (n.removeShape(c.current), c.current = null), c.current = l(u));
   }, k = () => {
-    c.current && (t.removeShape(c.current), c.current = null);
+    c.current && (n.removeShape(c.current), c.current = null);
   }, Y = (u, I) => {
     I && r.hidePopup();
   };
   return gt(() => {
-    !m && c.current && t.removeShape(c.current);
-  }, [t, m]), /* @__PURE__ */ Ie(
+    !m && c.current && n.removeShape(c.current);
+  }, [n, m]), /* @__PURE__ */ Ie(
     Ke,
     {
       unitId: o,
@@ -690,28 +690,28 @@ const At = () => {
       onDeleteComment: () => (k(), !0)
     }
   );
-}, Bt = (t) => ({
+}, Bt = (n) => ({
   id: A.id,
   type: ve.BUTTON,
   icon: "CommentIcon",
   title: "sheetThreadComment.menu.addComment",
-  hidden$: _e(t, M.UNIVER_SHEET),
-  disabled$: Ce(t, {
+  hidden$: _e(n, M.UNIVER_SHEET),
+  disabled$: Ce(n, {
     workbookTypes: [K],
     worksheetTypes: [z],
     rangeTypes: [G]
   })
-}), Ht = (t) => ({
+}), Ht = (n) => ({
   id: le.id,
   type: ve.BUTTON,
   icon: "CommentIcon",
   tooltip: "sheetThreadComment.menu.commentManagement",
-  disabled$: Ce(t, {
+  disabled$: Ce(n, {
     workbookTypes: [K],
     worksheetTypes: [z],
     rangeTypes: [G]
   }),
-  hidden$: _e(t, M.UNIVER_SHEET)
+  hidden$: _e(n, M.UNIVER_SHEET)
 }), Lt = {
   id: A.id,
   binding: at.M | ae.CTRL_COMMAND | ae.ALT,
@@ -732,14 +732,14 @@ const At = () => {
     }
   }
 };
-var Ft = Object.getOwnPropertyDescriptor, Wt = (t, e, r, n) => {
-  for (var o = n > 1 ? void 0 : n ? Ft(e, r) : e, i = t.length - 1, s; i >= 0; i--)
-    (s = t[i]) && (o = s(o) || o);
+var Ft = Object.getOwnPropertyDescriptor, Wt = (n, e, r, t) => {
+  for (var o = t > 1 ? void 0 : t ? Ft(e, r) : e, i = n.length - 1, s; i >= 0; i--)
+    (s = n[i]) && (o = s(o) || o);
   return o;
-}, X = (t, e) => (r, n) => e(r, n, t);
+}, X = (n, e) => (r, t) => e(r, t, n);
 let W = class extends $ {
-  constructor(t, e, r) {
-    super(), this._menuManagerService = t, this._componentManager = e, this._shortcutService = r, this._initMenu(), this._initShortcut(), this._initComponent();
+  constructor(n, e, r) {
+    super(), this._menuManagerService = n, this._componentManager = e, this._shortcutService = r, this._initMenu(), this._initShortcut(), this._initComponent();
   }
   _initShortcut() {
     this._shortcutService.registerShortcut(Lt);
@@ -752,9 +752,9 @@ let W = class extends $ {
       [Pe, At],
       [Ye, Vt],
       ["CommentIcon", be]
-    ].forEach(([t, e]) => {
+    ].forEach(([n, e]) => {
       this.disposeWithMe(
-        this._componentManager.register(t, e)
+        this._componentManager.register(n, e)
       );
     });
   }
@@ -764,14 +764,14 @@ W = Wt([
   X(1, p(ut)),
   X(2, lt)
 ], W);
-var Zt = Object.defineProperty, Gt = Object.getOwnPropertyDescriptor, zt = (t, e, r) => e in t ? Zt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Kt = (t, e, r, n) => {
-  for (var o = n > 1 ? void 0 : n ? Gt(e, r) : e, i = t.length - 1, s; i >= 0; i--)
-    (s = t[i]) && (o = s(o) || o);
+var Zt = Object.defineProperty, Gt = Object.getOwnPropertyDescriptor, zt = (n, e, r) => e in n ? Zt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : n[e] = r, Kt = (n, e, r, t) => {
+  for (var o = t > 1 ? void 0 : t ? Gt(e, r) : e, i = n.length - 1, s; i >= 0; i--)
+    (s = n[i]) && (o = s(o) || o);
   return o;
-}, ee = (t, e) => (r, n) => e(r, n, t), ye = (t, e, r) => zt(t, typeof e != "symbol" ? e + "" : e, r);
+}, ee = (n, e) => (r, t) => e(r, t, n), ye = (n, e, r) => zt(n, typeof e != "symbol" ? e + "" : e, r);
 let Z = class extends He {
-  constructor(t = me, e, r, n) {
-    super(), this._config = t, this._injector = e, this._commandService = r, this._configService = n;
+  constructor(n = me, e, r, t) {
+    super(), this._config = n, this._injector = e, this._commandService = r, this._configService = t;
     const { menu: o, ...i } = Le(
       {},
       me,
@@ -787,10 +787,10 @@ let Z = class extends He {
       [j],
       [F],
       [R]
-    ].forEach((t) => {
-      this._injector.add(t);
-    }), [A].forEach((t) => {
-      this._commandService.registerCommand(t);
+    ].forEach((n) => {
+      this._injector.add(n);
+    }), [A].forEach((n) => {
+      this._commandService.registerCommand(n);
     }), this._injector.get(W);
   }
   onReady() {

package/lib/locale/ja-JP.js

@@ -0,0 +1,11 @@
+const e = {
+  sheetThreadComment: {
+    menu: {
+      addComment: "コメントを追加",
+      commentManagement: "コメント管理"
+    }
+  }
+};
+export {
+  e as default
+};

package/lib/types/locale/ja-JP.d.ts

@@ -0,0 +1,3 @@
+import { default as enUS } from './en-US';
+declare const locale: typeof enUS;
+export default locale;