@univerjs/thread-comment-ui 0.8.0-nightly.202505261607 → 0.8.0-nightly.202505281606
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/index.js +4 -9
- package/lib/es/index.js +371 -379
- package/lib/index.js +371 -379
- package/lib/umd/index.js +4 -9
- package/package.json +7 -7
package/lib/index.js
CHANGED
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
var
|
|
2
|
-
var Pe = (t, e,
|
|
3
|
-
var
|
|
4
|
-
import { Inject as
|
|
5
|
-
import { UniverThreadCommentPlugin as Xe, ThreadCommentModel as
|
|
6
|
-
import { ISidebarService as
|
|
7
|
-
import { BehaviorSubject as
|
|
8
|
-
import { jsxs as
|
|
9
|
-
import { Button as
|
|
10
|
-
import { forwardRef as B, useRef as te, createElement as
|
|
11
|
-
import { IEditorService as
|
|
12
|
-
var gt = Object.getOwnPropertyDescriptor,
|
|
13
|
-
for (var i =
|
|
14
|
-
(d = t[
|
|
1
|
+
var He = Object.defineProperty;
|
|
2
|
+
var Pe = (t, e, r) => e in t ? He(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
|
|
3
|
+
var F = (t, e, r) => Pe(t, typeof e != "symbol" ? e + "" : e, r);
|
|
4
|
+
import { Inject as we, IUniverInstanceService as Ve, Disposable as Ae, UniverInstanceType as ue, CommandType as _e, DependentOn as Be, Injector as We, ICommandService as re, IConfigService as Ze, Plugin as Fe, merge as Ge, mergeOverrideWithDependencies as Ke, LocaleService as he, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as ze, BuildTextUtils as ve, Tools as Ye, CustomRangeType as qe, getBodySlice as Je, UserManagerService as pe, generateRandomId as Qe } from "@univerjs/core";
|
|
5
|
+
import { UniverThreadCommentPlugin as Xe, ThreadCommentModel as Se, getDT as et, AddCommentCommand as tt, ResolveCommentCommand as rt, DeleteCommentTreeCommand as Ne, UpdateCommentCommand as nt, DeleteCommentCommand as it } from "@univerjs/thread-comment";
|
|
6
|
+
import { ISidebarService as ke, useDependency as S, KeyCode as ge, useObservable as G, useConfigValue as ot, UI_PLUGIN_CONFIG_KEY as at } from "@univerjs/ui";
|
|
7
|
+
import { BehaviorSubject as Ce, filter as st, debounceTime as lt } from "rxjs";
|
|
8
|
+
import { jsxs as x, jsx as s } from "react/jsx-runtime";
|
|
9
|
+
import { Button as le, clsx as me, Tooltip as dt, scrollbarClassName as ct, borderClassName as ut, Dropdown as vt, Select as Ie } from "@univerjs/design";
|
|
10
|
+
import { forwardRef as B, useRef as te, createElement as z, useState as A, useEffect as de, useMemo as ee, useImperativeHandle as mt } from "react";
|
|
11
|
+
import { IEditorService as ft, BreakLineCommand as ht, RichTextEditor as pt } from "@univerjs/docs-ui";
|
|
12
|
+
var gt = Object.getOwnPropertyDescriptor, Ct = (t, e, r, n) => {
|
|
13
|
+
for (var i = n > 1 ? void 0 : n ? gt(e, r) : e, o = t.length - 1, d; o >= 0; o--)
|
|
14
|
+
(d = t[o]) && (i = d(i) || i);
|
|
15
15
|
return i;
|
|
16
|
-
},
|
|
16
|
+
}, xe = (t, e) => (r, n) => e(r, n, t);
|
|
17
17
|
let q = class extends Ae {
|
|
18
|
-
constructor(e,
|
|
18
|
+
constructor(e, r) {
|
|
19
19
|
super();
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
this._sidebarService = e, this._univerInstanceService =
|
|
20
|
+
F(this, "_panelVisible", !1);
|
|
21
|
+
F(this, "_panelVisible$", new Ce(!1));
|
|
22
|
+
F(this, "_activeCommentId");
|
|
23
|
+
F(this, "_activeCommentId$", new Ce(void 0));
|
|
24
|
+
F(this, "panelVisible$", this._panelVisible$.asObservable());
|
|
25
|
+
F(this, "activeCommentId$", this._activeCommentId$.asObservable());
|
|
26
|
+
this._sidebarService = e, this._univerInstanceService = r, this._init(), this.disposeWithMe(() => {
|
|
27
27
|
this._activeCommentId$.complete(), this._panelVisible$.complete();
|
|
28
28
|
});
|
|
29
29
|
}
|
|
@@ -33,7 +33,7 @@ let q = class extends Ae {
|
|
|
33
33
|
e.visible || this.setPanelVisible(!1);
|
|
34
34
|
})
|
|
35
35
|
), this.disposeWithMe(
|
|
36
|
-
this._univerInstanceService.getCurrentTypeOfUnit$(
|
|
36
|
+
this._univerInstanceService.getCurrentTypeOfUnit$(ue.UNIVER_SHEET).pipe(st((e) => !e)).subscribe(() => {
|
|
37
37
|
this._sidebarService.close();
|
|
38
38
|
})
|
|
39
39
|
);
|
|
@@ -51,20 +51,20 @@ let q = class extends Ae {
|
|
|
51
51
|
this._activeCommentId = e, this._activeCommentId$.next(e);
|
|
52
52
|
}
|
|
53
53
|
};
|
|
54
|
-
q =
|
|
55
|
-
|
|
56
|
-
|
|
54
|
+
q = Ct([
|
|
55
|
+
xe(0, we(ke)),
|
|
56
|
+
xe(1, Ve)
|
|
57
57
|
], q);
|
|
58
|
-
const
|
|
58
|
+
const It = "thread-comment-panel", xt = "UNIVER_THREAD_COMMENT_UI_PLUGIN", bt = {
|
|
59
59
|
id: "thread-comment-ui.operation.toggle-panel",
|
|
60
60
|
type: _e.OPERATION,
|
|
61
61
|
handler(t) {
|
|
62
|
-
const e = t.get(
|
|
63
|
-
return
|
|
62
|
+
const e = t.get(ke), r = t.get(q);
|
|
63
|
+
return r.panelVisible ? (e.close(), r.setPanelVisible(!1)) : (e.open({
|
|
64
64
|
header: { title: "threadCommentUI.panel.title" },
|
|
65
|
-
children: { label:
|
|
65
|
+
children: { label: It },
|
|
66
66
|
width: 330
|
|
67
|
-
}),
|
|
67
|
+
}), r.setPanelVisible(!0)), !0;
|
|
68
68
|
}
|
|
69
69
|
}, K = {
|
|
70
70
|
id: "thread-comment-ui.operation.set-active-comment",
|
|
@@ -72,21 +72,21 @@ const Ct = "thread-comment-panel", It = "UNIVER_THREAD_COMMENT_UI_PLUGIN", bt =
|
|
|
72
72
|
handler(t, e) {
|
|
73
73
|
return t.get(q).setActiveComment(e), !0;
|
|
74
74
|
}
|
|
75
|
-
},
|
|
76
|
-
var
|
|
77
|
-
for (var i =
|
|
78
|
-
(d = t[
|
|
75
|
+
}, yt = "thread-comment-ui.config", be = {};
|
|
76
|
+
var wt = Object.defineProperty, _t = Object.getOwnPropertyDescriptor, St = (t, e, r) => e in t ? wt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Nt = (t, e, r, n) => {
|
|
77
|
+
for (var i = n > 1 ? void 0 : n ? _t(e, r) : e, o = t.length - 1, d; o >= 0; o--)
|
|
78
|
+
(d = t[o]) && (i = d(i) || i);
|
|
79
79
|
return i;
|
|
80
|
-
},
|
|
81
|
-
let
|
|
82
|
-
constructor(t =
|
|
83
|
-
super(), this._config = t, this._injector = e, this._commandService =
|
|
84
|
-
const { menu: i, ...
|
|
80
|
+
}, fe = (t, e) => (r, n) => e(r, n, t), Ue = (t, e, r) => St(t, typeof e != "symbol" ? e + "" : e, r);
|
|
81
|
+
let ce = class extends Fe {
|
|
82
|
+
constructor(t = be, e, r, n) {
|
|
83
|
+
super(), this._config = t, this._injector = e, this._commandService = r, this._configService = n;
|
|
84
|
+
const { menu: i, ...o } = Ge(
|
|
85
85
|
{},
|
|
86
|
-
|
|
86
|
+
be,
|
|
87
87
|
this._config
|
|
88
88
|
);
|
|
89
|
-
i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(
|
|
89
|
+
i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(yt, o);
|
|
90
90
|
}
|
|
91
91
|
onStarting() {
|
|
92
92
|
var t;
|
|
@@ -99,108 +99,108 @@ let ue = class extends ze {
|
|
|
99
99
|
});
|
|
100
100
|
}
|
|
101
101
|
};
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
102
|
+
Ue(ce, "pluginName", xt);
|
|
103
|
+
Ue(ce, "type", ue.UNIVER_UNKNOWN);
|
|
104
|
+
ce = Nt([
|
|
105
105
|
Be(Xe),
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
],
|
|
106
|
+
fe(1, we(We)),
|
|
107
|
+
fe(2, re),
|
|
108
|
+
fe(3, Ze)
|
|
109
|
+
], ce);
|
|
110
110
|
var M = function() {
|
|
111
111
|
return M = Object.assign || function(t) {
|
|
112
|
-
for (var e,
|
|
113
|
-
e = arguments[
|
|
112
|
+
for (var e, r = 1, n = arguments.length; r < n; r++) {
|
|
113
|
+
e = arguments[r];
|
|
114
114
|
for (var i in e) Object.prototype.hasOwnProperty.call(e, i) && (t[i] = e[i]);
|
|
115
115
|
}
|
|
116
116
|
return t;
|
|
117
117
|
}, M.apply(this, arguments);
|
|
118
|
-
},
|
|
119
|
-
var
|
|
120
|
-
for (var
|
|
118
|
+
}, kt = function(t, e) {
|
|
119
|
+
var r = {};
|
|
120
|
+
for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && e.indexOf(n) < 0 && (r[n] = t[n]);
|
|
121
121
|
if (t != null && typeof Object.getOwnPropertySymbols == "function")
|
|
122
|
-
for (var i = 0,
|
|
123
|
-
e.indexOf(
|
|
124
|
-
return
|
|
122
|
+
for (var i = 0, n = Object.getOwnPropertySymbols(t); i < n.length; i++)
|
|
123
|
+
e.indexOf(n[i]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[i]) && (r[n[i]] = t[n[i]]);
|
|
124
|
+
return r;
|
|
125
125
|
}, Y = B(function(t, e) {
|
|
126
|
-
var
|
|
127
|
-
return
|
|
126
|
+
var r = t.icon, n = t.id, i = t.className, o = t.extend, d = kt(t, ["icon", "id", "className", "extend"]), f = "univerjs-icon univerjs-icon-".concat(n, " ").concat(i || "").trim(), h = te("_".concat(Ot()));
|
|
127
|
+
return Te(r, "".concat(n), { defIds: r.defIds, idSuffix: h.current }, M({ ref: e, className: f }, d), o);
|
|
128
128
|
});
|
|
129
|
-
function
|
|
130
|
-
return
|
|
131
|
-
return
|
|
129
|
+
function Te(t, e, r, n, i) {
|
|
130
|
+
return z(t.tag, M(M({ key: e }, Ut(t, r, i)), n), (Tt(t, r).children || []).map(function(o, d) {
|
|
131
|
+
return Te(o, "".concat(e, "-").concat(t.tag, "-").concat(d), r, void 0, i);
|
|
132
132
|
}));
|
|
133
133
|
}
|
|
134
|
-
function Ut(t, e,
|
|
135
|
-
var
|
|
136
|
-
|
|
137
|
-
var d =
|
|
138
|
-
d === "mask" && typeof f == "string" && (
|
|
134
|
+
function Ut(t, e, r) {
|
|
135
|
+
var n = M({}, t.attrs);
|
|
136
|
+
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(function(o) {
|
|
137
|
+
var d = o[0], f = o[1];
|
|
138
|
+
d === "mask" && typeof f == "string" && (n[d] = f.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
|
|
139
139
|
});
|
|
140
140
|
var i = e.defIds;
|
|
141
|
-
return !i || i.length === 0 || (t.tag === "use" &&
|
|
142
|
-
var d =
|
|
143
|
-
typeof f == "string" && (
|
|
144
|
-
})),
|
|
141
|
+
return !i || i.length === 0 || (t.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + e.idSuffix), Object.entries(n).forEach(function(o) {
|
|
142
|
+
var d = o[0], f = o[1];
|
|
143
|
+
typeof f == "string" && (n[d] = f.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
|
|
144
|
+
})), n;
|
|
145
145
|
}
|
|
146
|
-
function
|
|
147
|
-
var
|
|
148
|
-
return !
|
|
149
|
-
return typeof i.attrs.id == "string" &&
|
|
146
|
+
function Tt(t, e) {
|
|
147
|
+
var r, n = e.defIds;
|
|
148
|
+
return !n || n.length === 0 ? t : t.tag === "defs" && (!((r = t.children) === null || r === void 0) && r.length) ? M(M({}, t), { children: t.children.map(function(i) {
|
|
149
|
+
return typeof i.attrs.id == "string" && n && n.includes(i.attrs.id) ? M(M({}, i), { attrs: M(M({}, i.attrs), { id: i.attrs.id + e.idSuffix }) }) : i;
|
|
150
150
|
}) }) : t;
|
|
151
151
|
}
|
|
152
152
|
function Ot() {
|
|
153
153
|
return Math.random().toString(36).substring(2, 8);
|
|
154
154
|
}
|
|
155
155
|
Y.displayName = "UniverIcon";
|
|
156
|
-
var
|
|
157
|
-
return
|
|
158
|
-
id: "delete-
|
|
159
|
-
ref: e,
|
|
160
|
-
icon: Tt
|
|
161
|
-
}));
|
|
162
|
-
});
|
|
163
|
-
Te.displayName = "DeleteSingle";
|
|
164
|
-
var Et = { 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" } }] }, Ee = B(function(t, e) {
|
|
165
|
-
return Z(Y, Object.assign({}, t, {
|
|
166
|
-
id: "increase-single",
|
|
156
|
+
var Et = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", 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 0.866699 5.9313 0.866699H10.069C10.4004 0.866699 10.669 1.13533 10.669 1.4667C10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.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.64443C14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928L9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171C10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778L9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539C9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263L6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539C5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778L6.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" } }] }, Oe = B(function(t, e) {
|
|
157
|
+
return z(Y, Object.assign({}, t, {
|
|
158
|
+
id: "delete-icon",
|
|
167
159
|
ref: e,
|
|
168
160
|
icon: Et
|
|
169
161
|
}));
|
|
170
162
|
});
|
|
171
|
-
|
|
172
|
-
var Dt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "
|
|
173
|
-
return
|
|
174
|
-
id: "
|
|
163
|
+
Oe.displayName = "DeleteIcon";
|
|
164
|
+
var Dt = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", 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" } }] }, Ee = B(function(t, e) {
|
|
165
|
+
return z(Y, Object.assign({}, t, {
|
|
166
|
+
id: "increase-icon",
|
|
175
167
|
ref: e,
|
|
176
168
|
icon: Dt
|
|
177
169
|
}));
|
|
178
170
|
});
|
|
179
|
-
|
|
180
|
-
var $t = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: {
|
|
181
|
-
return
|
|
182
|
-
id: "
|
|
171
|
+
Ee.displayName = "IncreaseIcon";
|
|
172
|
+
var $t = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", 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 8C4 7.44772 3.55228 7 3 7C2.44772 7 2 7.44772 2 8C2 8.55228 2.44772 9 3 9Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M8 9C8.55228 9 9 8.55228 9 8C9 7.44772 8.55228 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M13 9C13.5523 9 14 8.55228 14 8C14 7.44772 13.5523 7 13 7C12.4477 7 12 7.44772 12 8C12 8.55228 12.4477 9 13 9Z" } }] }, De = B(function(t, e) {
|
|
173
|
+
return z(Y, Object.assign({}, t, {
|
|
174
|
+
id: "more-horizontal-icon",
|
|
183
175
|
ref: e,
|
|
184
176
|
icon: $t
|
|
185
177
|
}));
|
|
186
178
|
});
|
|
187
|
-
|
|
188
|
-
var Mt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0
|
|
189
|
-
return
|
|
190
|
-
id: "
|
|
179
|
+
De.displayName = "MoreHorizontalIcon";
|
|
180
|
+
var Mt = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", 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.76813", strokeLinecap: "round", strokeWidth: 1.2 } }, { tag: "path", attrs: { stroke: "currentColor", d: "M8.91626 6.1311H9.27424", strokeLinecap: "round", strokeWidth: 1.2 } }, { tag: "path", attrs: { stroke: "currentColor", d: "M3.90454 6.1311H4.26252", strokeLinecap: "round", strokeWidth: 1.2 } }] }, $e = B(function(t, e) {
|
|
181
|
+
return z(Y, Object.assign({}, t, {
|
|
182
|
+
id: "reply-to-comment-icon",
|
|
191
183
|
ref: e,
|
|
192
184
|
icon: Mt
|
|
193
185
|
}));
|
|
194
186
|
});
|
|
195
|
-
|
|
196
|
-
var Rt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 17", width: "1em", height: "1em" }, children: [{ tag: "
|
|
197
|
-
return
|
|
198
|
-
id: "
|
|
187
|
+
$e.displayName = "ReplyToCommentIcon";
|
|
188
|
+
var Rt = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 17", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "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" } }] }, Me = B(function(t, e) {
|
|
189
|
+
return z(Y, Object.assign({}, t, {
|
|
190
|
+
id: "resolved-icon",
|
|
199
191
|
ref: e,
|
|
200
192
|
icon: Rt
|
|
201
193
|
}));
|
|
202
194
|
});
|
|
203
|
-
|
|
195
|
+
Me.displayName = "ResolvedIcon";
|
|
196
|
+
var Lt = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", 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 } }] }, Re = B(function(t, e) {
|
|
197
|
+
return z(Y, Object.assign({}, t, {
|
|
198
|
+
id: "solve-icon",
|
|
199
|
+
ref: e,
|
|
200
|
+
icon: Lt
|
|
201
|
+
}));
|
|
202
|
+
});
|
|
203
|
+
Re.displayName = "SolveIcon";
|
|
204
204
|
function ye(t) {
|
|
205
205
|
return {
|
|
206
206
|
id: "d",
|
|
@@ -208,37 +208,37 @@ function ye(t) {
|
|
|
208
208
|
documentStyle: {}
|
|
209
209
|
};
|
|
210
210
|
}
|
|
211
|
-
const
|
|
211
|
+
const Le = B((t, e) => {
|
|
212
212
|
var R;
|
|
213
|
-
const { comment:
|
|
214
|
-
var
|
|
215
|
-
return ve.transform.getPlainText((
|
|
213
|
+
const { comment: r, onSave: n, id: i, onCancel: o, autoFocus: d, unitId: f, type: h } = t, N = S(re), U = S(he), [P, T] = A(!1), b = S(ft), u = te(null), v = h === ue.UNIVER_SHEET ? ze : f, [O, y] = A(() => {
|
|
214
|
+
var c, m, p;
|
|
215
|
+
return ve.transform.getPlainText((p = (m = (c = u.current) == null ? void 0 : c.getDocumentData().body) == null ? void 0 : m.dataStream) != null ? p : "");
|
|
216
216
|
});
|
|
217
217
|
de(() => {
|
|
218
|
-
var m,
|
|
219
|
-
y(ve.transform.getPlainText((
|
|
220
|
-
const
|
|
221
|
-
var
|
|
222
|
-
y(ve.transform.getPlainText((W = (_ = (
|
|
218
|
+
var m, p, w, g;
|
|
219
|
+
y(ve.transform.getPlainText((w = (p = (m = u.current) == null ? void 0 : m.getDocumentData().body) == null ? void 0 : p.dataStream) != null ? w : ""));
|
|
220
|
+
const c = (g = u.current) == null ? void 0 : g.selectionChange$.subscribe(() => {
|
|
221
|
+
var a, _, W;
|
|
222
|
+
y(ve.transform.getPlainText((W = (_ = (a = u.current) == null ? void 0 : a.getDocumentData().body) == null ? void 0 : _.dataStream) != null ? W : ""));
|
|
223
223
|
});
|
|
224
|
-
return () =>
|
|
225
|
-
}, [(R =
|
|
224
|
+
return () => c == null ? void 0 : c.unsubscribe();
|
|
225
|
+
}, [(R = u.current) == null ? void 0 : R.selectionChange$]);
|
|
226
226
|
const V = ee(() => ({
|
|
227
227
|
keyCodes: [{ keyCode: ge.ENTER }],
|
|
228
|
-
handler: (
|
|
229
|
-
|
|
230
|
-
|
|
228
|
+
handler: (c) => {
|
|
229
|
+
c === ge.ENTER && N.executeCommand(
|
|
230
|
+
ht.id
|
|
231
231
|
);
|
|
232
232
|
}
|
|
233
|
-
}), [
|
|
234
|
-
|
|
235
|
-
reply(
|
|
236
|
-
var
|
|
237
|
-
if (!
|
|
233
|
+
}), [N]);
|
|
234
|
+
mt(e, () => ({
|
|
235
|
+
reply(c) {
|
|
236
|
+
var p, w;
|
|
237
|
+
if (!u.current)
|
|
238
238
|
return;
|
|
239
|
-
|
|
240
|
-
const m = ye(
|
|
241
|
-
(
|
|
239
|
+
b.focus((p = u.current.getEditorId()) != null ? p : "");
|
|
240
|
+
const m = ye(c);
|
|
241
|
+
(w = u.current) == null || w.setDocumentData(m, [{
|
|
242
242
|
startOffset: m.body.dataStream.length - 2,
|
|
243
243
|
endOffset: m.body.dataStream.length - 2,
|
|
244
244
|
collapsed: !0
|
|
@@ -246,102 +246,102 @@ const je = B((t, e) => {
|
|
|
246
246
|
}
|
|
247
247
|
}));
|
|
248
248
|
const C = () => {
|
|
249
|
-
if (
|
|
250
|
-
const
|
|
251
|
-
|
|
252
|
-
...
|
|
253
|
-
text:
|
|
254
|
-
}),
|
|
255
|
-
var m,
|
|
256
|
-
(m =
|
|
249
|
+
if (u.current) {
|
|
250
|
+
const c = Ye.deepClone(u.current.getDocumentData().body);
|
|
251
|
+
T(!1), n == null || n({
|
|
252
|
+
...r,
|
|
253
|
+
text: c
|
|
254
|
+
}), u.current.replaceText(""), setTimeout(() => {
|
|
255
|
+
var m, p;
|
|
256
|
+
(m = u.current) == null || m.setSelectionRanges([]), (p = u.current) == null || p.blur();
|
|
257
257
|
}, 10);
|
|
258
258
|
}
|
|
259
259
|
};
|
|
260
|
-
return /* @__PURE__ */
|
|
261
|
-
/* @__PURE__ */
|
|
262
|
-
|
|
260
|
+
return /* @__PURE__ */ x("div", { onClick: (c) => c.preventDefault(), children: [
|
|
261
|
+
/* @__PURE__ */ s(
|
|
262
|
+
pt,
|
|
263
263
|
{
|
|
264
264
|
className: "univer-w-full",
|
|
265
|
-
editorRef:
|
|
265
|
+
editorRef: u,
|
|
266
266
|
autoFocus: d,
|
|
267
267
|
keyboardEventConfig: V,
|
|
268
|
-
placeholder:
|
|
269
|
-
initialValue: (
|
|
270
|
-
onFocusChange: (
|
|
268
|
+
placeholder: U.t("threadCommentUI.editor.placeholder"),
|
|
269
|
+
initialValue: (r == null ? void 0 : r.text) && ye(r.text),
|
|
270
|
+
onFocusChange: (c) => c && T(c),
|
|
271
271
|
isSingle: !1,
|
|
272
272
|
maxHeight: 64,
|
|
273
273
|
onClickOutside: () => {
|
|
274
274
|
setTimeout(() => {
|
|
275
|
-
|
|
275
|
+
b.focus(v);
|
|
276
276
|
}, 30);
|
|
277
277
|
}
|
|
278
278
|
}
|
|
279
279
|
),
|
|
280
|
-
P ? /* @__PURE__ */
|
|
281
|
-
/* @__PURE__ */
|
|
282
|
-
|
|
280
|
+
P ? /* @__PURE__ */ x("div", { className: "univer-mt-3 univer-flex univer-flex-row univer-justify-end univer-gap-2", children: [
|
|
281
|
+
/* @__PURE__ */ s(
|
|
282
|
+
le,
|
|
283
283
|
{
|
|
284
284
|
onClick: () => {
|
|
285
|
-
var
|
|
286
|
-
|
|
285
|
+
var c;
|
|
286
|
+
o == null || o(), T(!1), (c = u.current) == null || c.replaceText("", !0), N.executeCommand(K.id);
|
|
287
287
|
},
|
|
288
|
-
children:
|
|
288
|
+
children: U.t("threadCommentUI.editor.cancel")
|
|
289
289
|
}
|
|
290
290
|
),
|
|
291
|
-
/* @__PURE__ */
|
|
292
|
-
|
|
291
|
+
/* @__PURE__ */ s(
|
|
292
|
+
le,
|
|
293
293
|
{
|
|
294
294
|
variant: "primary",
|
|
295
|
-
disabled: !
|
|
295
|
+
disabled: !O,
|
|
296
296
|
onClick: C,
|
|
297
|
-
children:
|
|
297
|
+
children: U.t(i ? "threadCommentUI.editor.save" : "threadCommentUI.editor.reply")
|
|
298
298
|
}
|
|
299
299
|
)
|
|
300
300
|
] }) : null
|
|
301
301
|
] });
|
|
302
302
|
}), jt = (t) => {
|
|
303
|
-
const { dataStream: e, customRanges:
|
|
303
|
+
const { dataStream: e, customRanges: r } = t, n = e.endsWith(`\r
|
|
304
304
|
`) ? e.length - 2 : e.length, i = [];
|
|
305
|
-
let
|
|
306
|
-
return
|
|
307
|
-
|
|
305
|
+
let o = 0;
|
|
306
|
+
return r == null || r.forEach((d) => {
|
|
307
|
+
o < d.startIndex && i.push({
|
|
308
308
|
type: "text",
|
|
309
|
-
content: e.slice(
|
|
309
|
+
content: e.slice(o, d.startIndex)
|
|
310
310
|
}), i.push({
|
|
311
311
|
type: "mention",
|
|
312
312
|
content: {
|
|
313
313
|
label: e.slice(d.startIndex, d.endIndex + 1),
|
|
314
314
|
id: d.rangeId
|
|
315
315
|
}
|
|
316
|
-
}),
|
|
316
|
+
}), o = d.endIndex + 1;
|
|
317
317
|
}), i.push({
|
|
318
318
|
type: "text",
|
|
319
|
-
content: e.slice(
|
|
319
|
+
content: e.slice(o, n)
|
|
320
320
|
}), i;
|
|
321
321
|
}, Ht = (t) => {
|
|
322
322
|
const { paragraphs: e = [] } = t;
|
|
323
|
-
let
|
|
324
|
-
return e.map((
|
|
325
|
-
const i = Je(t,
|
|
326
|
-
return
|
|
323
|
+
let r = 0;
|
|
324
|
+
return e.map((n) => {
|
|
325
|
+
const i = Je(t, r, n.startIndex);
|
|
326
|
+
return r = n.startIndex + 1, jt(i);
|
|
327
327
|
});
|
|
328
|
-
},
|
|
328
|
+
}, Pt = (t) => {
|
|
329
329
|
let e = "";
|
|
330
|
-
const
|
|
331
|
-
return t.forEach((
|
|
332
|
-
switch (
|
|
330
|
+
const r = [];
|
|
331
|
+
return t.forEach((n) => {
|
|
332
|
+
switch (n.type) {
|
|
333
333
|
case "text":
|
|
334
|
-
e +=
|
|
334
|
+
e += n.content;
|
|
335
335
|
break;
|
|
336
336
|
case "mention": {
|
|
337
337
|
const i = e.length;
|
|
338
|
-
e +=
|
|
339
|
-
const
|
|
340
|
-
|
|
341
|
-
rangeId:
|
|
338
|
+
e += n.content.label;
|
|
339
|
+
const o = e.length - 1;
|
|
340
|
+
r.push({
|
|
341
|
+
rangeId: n.content.id,
|
|
342
342
|
rangeType: qe.MENTION,
|
|
343
343
|
startIndex: i,
|
|
344
|
-
endIndex:
|
|
344
|
+
endIndex: o,
|
|
345
345
|
properties: {},
|
|
346
346
|
wholeEntity: !0
|
|
347
347
|
});
|
|
@@ -363,21 +363,21 @@ const je = B((t, e) => {
|
|
|
363
363
|
}
|
|
364
364
|
],
|
|
365
365
|
dataStream: e,
|
|
366
|
-
customRanges:
|
|
366
|
+
customRanges: r
|
|
367
367
|
};
|
|
368
|
-
},
|
|
369
|
-
const { item: e, unitId:
|
|
370
|
-
(
|
|
371
|
-
h ?
|
|
368
|
+
}, je = "__mock__", Vt = (t) => {
|
|
369
|
+
const { item: e, unitId: r, subUnitId: n, editing: i, onEditingChange: o, onReply: d, resolved: f, isRoot: h, onClose: N, onDeleteComment: U, type: P } = t, T = S(re), b = S(he), u = S(pe), v = u.getUser(e.personId), O = G(u.currentUser$), y = (O == null ? void 0 : O.userID) === e.personId, V = e.id === je, [C, R] = A(!1), c = ot(at), m = c == null ? void 0 : c.avatarFallback, p = () => {
|
|
370
|
+
(U == null ? void 0 : U(e)) !== !1 && (T.executeCommand(
|
|
371
|
+
h ? Ne.id : it.id,
|
|
372
372
|
{
|
|
373
|
-
unitId:
|
|
374
|
-
subUnitId:
|
|
373
|
+
unitId: r,
|
|
374
|
+
subUnitId: n,
|
|
375
375
|
commentId: e.id
|
|
376
376
|
}
|
|
377
|
-
), h && (
|
|
377
|
+
), h && (N == null || N()));
|
|
378
378
|
};
|
|
379
|
-
return /* @__PURE__ */
|
|
380
|
-
/* @__PURE__ */
|
|
379
|
+
return /* @__PURE__ */ x("div", { className: "univer-relative univer-mb-3 univer-pl-[30px]", onMouseLeave: () => R(!1), onMouseEnter: () => R(!0), children: [
|
|
380
|
+
/* @__PURE__ */ s(
|
|
381
381
|
"div",
|
|
382
382
|
{
|
|
383
383
|
className: "univer-absolute univer-left-0 univer-top-0 univer-h-6 univer-w-6 univer-rounded-full univer-bg-cover univer-bg-center univer-bg-no-repeat",
|
|
@@ -386,269 +386,261 @@ const je = B((t, e) => {
|
|
|
386
386
|
}
|
|
387
387
|
}
|
|
388
388
|
),
|
|
389
|
-
v ? /* @__PURE__ */
|
|
390
|
-
/* @__PURE__ */
|
|
391
|
-
/* @__PURE__ */
|
|
392
|
-
V || f ? null : C && v ? /* @__PURE__ */
|
|
389
|
+
v ? /* @__PURE__ */ x("div", { className: "univer-mb-1 univer-flex univer-h-6 univer-items-center univer-justify-between", children: [
|
|
390
|
+
/* @__PURE__ */ s("div", { className: "univer-text-sm univer-font-medium univer-leading-5", children: (v == null ? void 0 : v.name) || " " }),
|
|
391
|
+
/* @__PURE__ */ x("div", { children: [
|
|
392
|
+
V || f ? null : C && v ? /* @__PURE__ */ s(
|
|
393
393
|
"div",
|
|
394
394
|
{
|
|
395
395
|
className: "univer-ml-1 univer-inline-flex univer-h-6 univer-w-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-sm univer-text-base hover:univer-bg-gray-50",
|
|
396
396
|
onClick: () => d(v),
|
|
397
|
-
children: /* @__PURE__ */
|
|
397
|
+
children: /* @__PURE__ */ s($e, {})
|
|
398
398
|
}
|
|
399
399
|
) : null,
|
|
400
|
-
y && !V && !f ? /* @__PURE__ */
|
|
401
|
-
|
|
400
|
+
y && !V && !f ? /* @__PURE__ */ s(
|
|
401
|
+
vt,
|
|
402
402
|
{
|
|
403
|
-
overlay: /* @__PURE__ */
|
|
403
|
+
overlay: /* @__PURE__ */ s("div", { className: "univer-rounded-lg", children: /* @__PURE__ */ x(
|
|
404
404
|
"ul",
|
|
405
405
|
{
|
|
406
406
|
className: "univer-m-0 univer-box-border univer-grid univer-list-none univer-p-1.5 univer-text-sm [&_a]:univer-block [&_a]:univer-cursor-pointer [&_a]:univer-rounded [&_a]:univer-px-2 [&_a]:univer-py-1.5 [&_a]:univer-transition-colors",
|
|
407
407
|
children: [
|
|
408
|
-
/* @__PURE__ */
|
|
408
|
+
/* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
|
|
409
409
|
"a",
|
|
410
410
|
{
|
|
411
411
|
className: "hover:univer-bg-gray-200",
|
|
412
|
-
onClick: () =>
|
|
413
|
-
children:
|
|
412
|
+
onClick: () => o == null ? void 0 : o(!0),
|
|
413
|
+
children: b.t("threadCommentUI.item.edit")
|
|
414
414
|
}
|
|
415
415
|
) }),
|
|
416
|
-
/* @__PURE__ */
|
|
416
|
+
/* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
|
|
417
417
|
"a",
|
|
418
418
|
{
|
|
419
419
|
className: "hover:univer-bg-gray-200",
|
|
420
|
-
onClick:
|
|
421
|
-
children:
|
|
420
|
+
onClick: p,
|
|
421
|
+
children: b.t("threadCommentUI.item.delete")
|
|
422
422
|
}
|
|
423
423
|
) })
|
|
424
424
|
]
|
|
425
425
|
}
|
|
426
426
|
) }),
|
|
427
|
-
children: /* @__PURE__ */
|
|
427
|
+
children: /* @__PURE__ */ s(
|
|
428
428
|
"div",
|
|
429
429
|
{
|
|
430
430
|
className: "univer-ml-1 univer-inline-flex univer-h-6 univer-w-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-sm univer-text-base hover:univer-bg-gray-50",
|
|
431
|
-
children: /* @__PURE__ */
|
|
431
|
+
children: /* @__PURE__ */ s(De, {})
|
|
432
432
|
}
|
|
433
433
|
)
|
|
434
434
|
}
|
|
435
435
|
) : null
|
|
436
436
|
] })
|
|
437
437
|
] }) : null,
|
|
438
|
-
/* @__PURE__ */
|
|
438
|
+
/* @__PURE__ */ s(
|
|
439
439
|
"time",
|
|
440
440
|
{
|
|
441
441
|
className: "univer-mb-1 univer-text-xs/normal univer-text-gray-600 dark:!univer-text-gray-200",
|
|
442
442
|
children: e.dT
|
|
443
443
|
}
|
|
444
444
|
),
|
|
445
|
-
i ? /* @__PURE__ */
|
|
446
|
-
|
|
445
|
+
i ? /* @__PURE__ */ s(
|
|
446
|
+
Le,
|
|
447
447
|
{
|
|
448
448
|
type: P,
|
|
449
449
|
id: e.id,
|
|
450
450
|
comment: e,
|
|
451
|
-
onCancel: () =>
|
|
451
|
+
onCancel: () => o == null ? void 0 : o(!1),
|
|
452
452
|
autoFocus: !0,
|
|
453
|
-
unitId:
|
|
454
|
-
subUnitId:
|
|
455
|
-
onSave: ({ text:
|
|
456
|
-
|
|
457
|
-
|
|
453
|
+
unitId: r,
|
|
454
|
+
subUnitId: n,
|
|
455
|
+
onSave: ({ text: w, attachments: g }) => {
|
|
456
|
+
o == null || o(!1), T.executeCommand(
|
|
457
|
+
nt.id,
|
|
458
458
|
{
|
|
459
|
-
unitId:
|
|
460
|
-
subUnitId:
|
|
459
|
+
unitId: r,
|
|
460
|
+
subUnitId: n,
|
|
461
461
|
payload: {
|
|
462
462
|
commentId: e.id,
|
|
463
|
-
text:
|
|
464
|
-
attachments:
|
|
463
|
+
text: w,
|
|
464
|
+
attachments: g
|
|
465
465
|
}
|
|
466
466
|
}
|
|
467
467
|
);
|
|
468
468
|
}
|
|
469
469
|
}
|
|
470
|
-
) : /* @__PURE__ */
|
|
470
|
+
) : /* @__PURE__ */ s(
|
|
471
471
|
"div",
|
|
472
472
|
{
|
|
473
473
|
className: "univer-text-sm univer-text-gray-900 dark:!univer-text-white",
|
|
474
|
-
children: Ht(e.text).map((
|
|
475
|
-
switch (
|
|
474
|
+
children: Ht(e.text).map((w, g) => /* @__PURE__ */ s("div", { className: "univer-break-words", children: w.map((a, _) => {
|
|
475
|
+
switch (a.type) {
|
|
476
476
|
case "mention":
|
|
477
|
-
return /* @__PURE__ */
|
|
478
|
-
|
|
477
|
+
return /* @__PURE__ */ x("a", { className: "univer-text-primary-600", children: [
|
|
478
|
+
a.content.label,
|
|
479
479
|
" "
|
|
480
480
|
] }, _);
|
|
481
481
|
default:
|
|
482
|
-
return
|
|
482
|
+
return a.content;
|
|
483
483
|
}
|
|
484
|
-
}) },
|
|
484
|
+
}) }, g))
|
|
485
485
|
}
|
|
486
486
|
)
|
|
487
487
|
] });
|
|
488
|
-
},
|
|
489
|
-
var
|
|
488
|
+
}, At = (t) => {
|
|
489
|
+
var se, X, l;
|
|
490
490
|
const {
|
|
491
491
|
id: e,
|
|
492
|
-
unitId:
|
|
493
|
-
subUnitId:
|
|
492
|
+
unitId: r,
|
|
493
|
+
subUnitId: n,
|
|
494
494
|
refStr: i,
|
|
495
|
-
showEdit:
|
|
495
|
+
showEdit: o = !0,
|
|
496
496
|
onClick: d,
|
|
497
497
|
showHighlight: f,
|
|
498
498
|
onClose: h,
|
|
499
|
-
getSubUnitName:
|
|
500
|
-
prefix:
|
|
499
|
+
getSubUnitName: N,
|
|
500
|
+
prefix: U,
|
|
501
501
|
autoFocus: P,
|
|
502
|
-
onMouseEnter:
|
|
503
|
-
onMouseLeave:
|
|
504
|
-
onAddComment:
|
|
502
|
+
onMouseEnter: T,
|
|
503
|
+
onMouseLeave: b,
|
|
504
|
+
onAddComment: u,
|
|
505
505
|
onDeleteComment: v,
|
|
506
|
-
onResolve:
|
|
506
|
+
onResolve: O,
|
|
507
507
|
type: y,
|
|
508
508
|
style: V,
|
|
509
509
|
full: C
|
|
510
|
-
} = t, R =
|
|
511
|
-
G(
|
|
512
|
-
const
|
|
513
|
-
...
|
|
510
|
+
} = t, R = S(Se), [c, m] = A(!1), [p, w] = A(""), g = ee(() => R.commentUpdate$.pipe(lt(16)), [R]);
|
|
511
|
+
G(g);
|
|
512
|
+
const a = e ? R.getCommentWithChildren(r, n, e) : null, _ = S(re), W = S(pe), E = a == null ? void 0 : a.root.resolved, D = G(W.currentUser$), j = te(null), J = [
|
|
513
|
+
...a ? [a.root] : (
|
|
514
514
|
// mock empty comment
|
|
515
515
|
[{
|
|
516
|
-
id:
|
|
516
|
+
id: je,
|
|
517
517
|
text: {
|
|
518
518
|
dataStream: `
|
|
519
519
|
\r`
|
|
520
520
|
},
|
|
521
|
-
personId: (
|
|
521
|
+
personId: (se = D == null ? void 0 : D.userID) != null ? se : "",
|
|
522
522
|
ref: i != null ? i : "",
|
|
523
523
|
dT: "",
|
|
524
|
-
unitId:
|
|
525
|
-
subUnitId:
|
|
524
|
+
unitId: r,
|
|
525
|
+
subUnitId: n,
|
|
526
526
|
threadId: ""
|
|
527
527
|
}]
|
|
528
528
|
),
|
|
529
|
-
...(X =
|
|
530
|
-
],
|
|
529
|
+
...(X = a == null ? void 0 : a.children) != null ? X : []
|
|
530
|
+
], L = te(null), ne = (I) => {
|
|
531
531
|
I.stopPropagation(), E ? _.executeCommand(K.id, {
|
|
532
|
-
unitId:
|
|
533
|
-
subUnitId:
|
|
532
|
+
unitId: r,
|
|
533
|
+
subUnitId: n,
|
|
534
534
|
commentId: e
|
|
535
|
-
}) : _.executeCommand(K.id), _.executeCommand(
|
|
536
|
-
unitId:
|
|
537
|
-
subUnitId:
|
|
535
|
+
}) : _.executeCommand(K.id), _.executeCommand(rt.id, {
|
|
536
|
+
unitId: r,
|
|
537
|
+
subUnitId: n,
|
|
538
538
|
commentId: e,
|
|
539
539
|
resolved: !E
|
|
540
|
-
}),
|
|
540
|
+
}), O == null || O(!E);
|
|
541
541
|
}, Q = (I) => {
|
|
542
|
-
I.stopPropagation(), _.executeCommand(K.id), !(
|
|
543
|
-
|
|
542
|
+
I.stopPropagation(), _.executeCommand(K.id), !(a != null && a.root && (v == null ? void 0 : v(a.root)) === !1) && (_.executeCommand(
|
|
543
|
+
Ne.id,
|
|
544
544
|
{
|
|
545
|
-
unitId:
|
|
546
|
-
subUnitId:
|
|
545
|
+
unitId: r,
|
|
546
|
+
subUnitId: n,
|
|
547
547
|
commentId: e
|
|
548
548
|
}
|
|
549
549
|
), h == null || h());
|
|
550
550
|
};
|
|
551
|
-
de(() =>
|
|
552
|
-
const ie =
|
|
553
|
-
return /* @__PURE__ */
|
|
551
|
+
de(() => b == null ? void 0 : b(), []);
|
|
552
|
+
const ie = N((l = a == null ? void 0 : a.root.subUnitId) != null ? l : n), oe = o && !p && !E, ae = `${i || (a == null ? void 0 : a.root.ref) || ""}${ie ? " · " : ""}${ie}`;
|
|
553
|
+
return /* @__PURE__ */ x(
|
|
554
554
|
"div",
|
|
555
555
|
{
|
|
556
|
-
id: `${
|
|
557
|
-
className:
|
|
556
|
+
id: `${U}-${r}-${n}-${e}`,
|
|
557
|
+
className: me("univer-relative univer-box-border univer-rounded-md univer-bg-white univer-p-4 dark:!univer-bg-gray-900 dark:!univer-text-white", ut, {
|
|
558
558
|
"univer-w-[278px]": !C,
|
|
559
559
|
"univer-w-full": C,
|
|
560
|
-
"univer-shadow": !E && (f ||
|
|
560
|
+
"univer-shadow": !E && (f || c || U === "cell")
|
|
561
561
|
}),
|
|
562
562
|
style: V,
|
|
563
563
|
onClick: d,
|
|
564
564
|
onMouseEnter: () => {
|
|
565
|
-
|
|
565
|
+
T == null || T(), m(!0);
|
|
566
566
|
},
|
|
567
567
|
onMouseLeave: () => {
|
|
568
|
-
|
|
568
|
+
b == null || b(), m(!1);
|
|
569
569
|
},
|
|
570
570
|
children: [
|
|
571
|
-
!E && f && /* @__PURE__ */
|
|
571
|
+
!E && f && /* @__PURE__ */ s(
|
|
572
572
|
"div",
|
|
573
573
|
{
|
|
574
574
|
className: "univer-absolute univer-left-0 univer-right-0 univer-top-0 univer-h-1.5 univer-rounded-t-md univer-bg-yellow-400"
|
|
575
575
|
}
|
|
576
576
|
),
|
|
577
|
-
/* @__PURE__ */
|
|
577
|
+
/* @__PURE__ */ x(
|
|
578
578
|
"div",
|
|
579
579
|
{
|
|
580
580
|
className: "univer-mb-4 univer-flex univer-flex-row univer-items-center univer-justify-between univer-text-sm univer-leading-5",
|
|
581
581
|
children: [
|
|
582
|
-
/* @__PURE__ */
|
|
583
|
-
/* @__PURE__ */
|
|
582
|
+
/* @__PURE__ */ x("div", { className: "univer-flex univer-flex-1 univer-flex-row univer-items-center univer-overflow-hidden", children: [
|
|
583
|
+
/* @__PURE__ */ s(
|
|
584
584
|
"div",
|
|
585
585
|
{
|
|
586
586
|
className: "univer-mr-2 univer-h-3.5 univer-w-[3px] univer-flex-shrink-0 univer-flex-grow-0 univer-rounded-sm univer-bg-yellow-500"
|
|
587
587
|
}
|
|
588
588
|
),
|
|
589
|
-
/* @__PURE__ */
|
|
589
|
+
/* @__PURE__ */ s(dt, { showIfEllipsis: !0, title: ae, children: /* @__PURE__ */ s(
|
|
590
590
|
"div",
|
|
591
591
|
{
|
|
592
592
|
className: "univer-flex-1 univer-truncate",
|
|
593
|
-
children:
|
|
593
|
+
children: ae
|
|
594
594
|
}
|
|
595
595
|
) })
|
|
596
596
|
] }),
|
|
597
|
-
!!
|
|
598
|
-
/* @__PURE__ */
|
|
597
|
+
!!a && /* @__PURE__ */ x("div", { className: "univer-flex univer-flex-shrink-0 univer-flex-grow-0 univer-flex-row", children: [
|
|
598
|
+
/* @__PURE__ */ s(
|
|
599
599
|
"div",
|
|
600
600
|
{
|
|
601
|
-
className:
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
hover:univer-bg-gray-50
|
|
607
|
-
`,
|
|
608
|
-
{
|
|
609
|
-
"univer-text-green-500": E
|
|
610
|
-
}
|
|
611
|
-
),
|
|
612
|
-
onClick: re,
|
|
613
|
-
children: E ? /* @__PURE__ */ l(Me, {}) : /* @__PURE__ */ l(Re, {})
|
|
601
|
+
className: me("univer-ml-1 univer-inline-flex univer-h-6 univer-w-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-[3px] univer-text-base dark:hover:!univer-bg-gray-800 hover:univer-bg-gray-50", {
|
|
602
|
+
"univer-text-green-500": E
|
|
603
|
+
}),
|
|
604
|
+
onClick: ne,
|
|
605
|
+
children: E ? /* @__PURE__ */ s(Me, {}) : /* @__PURE__ */ s(Re, {})
|
|
614
606
|
}
|
|
615
607
|
),
|
|
616
|
-
(D == null ? void 0 : D.userID) ===
|
|
608
|
+
(D == null ? void 0 : D.userID) === a.root.personId ? /* @__PURE__ */ s(
|
|
617
609
|
"div",
|
|
618
610
|
{
|
|
619
611
|
className: "univer-ml-1 univer-inline-flex univer-h-6 univer-w-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-[3px] univer-text-base dark:hover:!univer-bg-gray-800 hover:univer-bg-gray-50",
|
|
620
612
|
onClick: Q,
|
|
621
|
-
children: /* @__PURE__ */
|
|
613
|
+
children: /* @__PURE__ */ s(Oe, {})
|
|
622
614
|
}
|
|
623
615
|
) : null
|
|
624
616
|
] })
|
|
625
617
|
]
|
|
626
618
|
}
|
|
627
619
|
),
|
|
628
|
-
/* @__PURE__ */
|
|
620
|
+
/* @__PURE__ */ s(
|
|
629
621
|
"div",
|
|
630
622
|
{
|
|
631
|
-
ref:
|
|
632
|
-
className: "univer-max-h-80 univer-overflow-y-auto univer-overflow-x-hidden",
|
|
623
|
+
ref: L,
|
|
624
|
+
className: me("univer-max-h-80 univer-overflow-y-auto univer-overflow-x-hidden", ct),
|
|
633
625
|
children: J.map(
|
|
634
|
-
(I) => /* @__PURE__ */
|
|
635
|
-
|
|
626
|
+
(I) => /* @__PURE__ */ s(
|
|
627
|
+
Vt,
|
|
636
628
|
{
|
|
637
|
-
unitId:
|
|
638
|
-
subUnitId:
|
|
629
|
+
unitId: r,
|
|
630
|
+
subUnitId: n,
|
|
639
631
|
item: I,
|
|
640
|
-
isRoot: I.id === (
|
|
641
|
-
editing:
|
|
642
|
-
resolved:
|
|
632
|
+
isRoot: I.id === (a == null ? void 0 : a.root.id),
|
|
633
|
+
editing: p === I.id,
|
|
634
|
+
resolved: a == null ? void 0 : a.root.resolved,
|
|
643
635
|
type: y,
|
|
644
636
|
onClose: h,
|
|
645
637
|
onEditingChange: ($) => {
|
|
646
|
-
|
|
638
|
+
w($ ? I.id : "");
|
|
647
639
|
},
|
|
648
640
|
onReply: ($) => {
|
|
649
641
|
$ && requestAnimationFrame(() => {
|
|
650
|
-
var
|
|
651
|
-
(
|
|
642
|
+
var H;
|
|
643
|
+
(H = j.current) == null || H.reply(Pt([
|
|
652
644
|
{
|
|
653
645
|
type: "mention",
|
|
654
646
|
content: {
|
|
@@ -663,7 +655,7 @@ const je = B((t, e) => {
|
|
|
663
655
|
]));
|
|
664
656
|
});
|
|
665
657
|
},
|
|
666
|
-
onAddComment:
|
|
658
|
+
onAddComment: u,
|
|
667
659
|
onDeleteComment: v
|
|
668
660
|
},
|
|
669
661
|
I.id
|
|
@@ -671,38 +663,38 @@ const je = B((t, e) => {
|
|
|
671
663
|
)
|
|
672
664
|
}
|
|
673
665
|
),
|
|
674
|
-
|
|
675
|
-
|
|
666
|
+
oe && /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
|
|
667
|
+
Le,
|
|
676
668
|
{
|
|
677
|
-
ref:
|
|
669
|
+
ref: j,
|
|
678
670
|
type: y,
|
|
679
|
-
unitId:
|
|
680
|
-
subUnitId:
|
|
671
|
+
unitId: r,
|
|
672
|
+
subUnitId: n,
|
|
681
673
|
onSave: async ({ text: I, attachments: $ }) => {
|
|
682
|
-
const
|
|
674
|
+
const H = {
|
|
683
675
|
text: I,
|
|
684
676
|
attachments: $,
|
|
685
677
|
dT: et(),
|
|
686
678
|
id: Qe(),
|
|
687
679
|
ref: i,
|
|
688
680
|
personId: D == null ? void 0 : D.userID,
|
|
689
|
-
parentId:
|
|
690
|
-
unitId:
|
|
691
|
-
subUnitId:
|
|
692
|
-
threadId:
|
|
681
|
+
parentId: a == null ? void 0 : a.root.id,
|
|
682
|
+
unitId: r,
|
|
683
|
+
subUnitId: n,
|
|
684
|
+
threadId: a == null ? void 0 : a.root.threadId
|
|
693
685
|
};
|
|
694
|
-
(
|
|
686
|
+
(u == null ? void 0 : u(H)) !== !1 && (await _.executeCommand(
|
|
695
687
|
tt.id,
|
|
696
688
|
{
|
|
697
|
-
unitId:
|
|
698
|
-
subUnitId:
|
|
699
|
-
comment:
|
|
689
|
+
unitId: r,
|
|
690
|
+
subUnitId: n,
|
|
691
|
+
comment: H
|
|
700
692
|
}
|
|
701
|
-
),
|
|
693
|
+
), L.current && (L.current.scrollTop = L.current.scrollHeight));
|
|
702
694
|
},
|
|
703
|
-
autoFocus: P || !
|
|
695
|
+
autoFocus: P || !a,
|
|
704
696
|
onCancel: () => {
|
|
705
|
-
|
|
697
|
+
a || h == null || h();
|
|
706
698
|
}
|
|
707
699
|
},
|
|
708
700
|
`${P}`
|
|
@@ -710,91 +702,91 @@ const je = B((t, e) => {
|
|
|
710
702
|
]
|
|
711
703
|
}
|
|
712
704
|
);
|
|
713
|
-
},
|
|
705
|
+
}, Jt = (t) => {
|
|
714
706
|
const {
|
|
715
707
|
unitId: e,
|
|
716
|
-
subUnitId$:
|
|
717
|
-
type:
|
|
708
|
+
subUnitId$: r,
|
|
709
|
+
type: n,
|
|
718
710
|
onAdd: i,
|
|
719
|
-
getSubUnitName:
|
|
711
|
+
getSubUnitName: o,
|
|
720
712
|
onResolve: d,
|
|
721
713
|
sortComments: f,
|
|
722
714
|
onItemLeave: h,
|
|
723
|
-
onItemEnter:
|
|
724
|
-
disableAdd:
|
|
715
|
+
onItemEnter: N,
|
|
716
|
+
disableAdd: U,
|
|
725
717
|
tempComment: P,
|
|
726
|
-
onAddComment:
|
|
727
|
-
onDeleteComment:
|
|
728
|
-
showComments:
|
|
729
|
-
} = t, [v,
|
|
730
|
-
var
|
|
731
|
-
const
|
|
732
|
-
var
|
|
733
|
-
return { ...
|
|
718
|
+
onAddComment: T,
|
|
719
|
+
onDeleteComment: b,
|
|
720
|
+
showComments: u
|
|
721
|
+
} = t, [v, O] = A("all"), [y, V] = A("all"), C = S(he), R = S(pe), c = S(Se), [m, p] = A(() => c.getUnit(e)), w = S(q), g = G(w.activeCommentId$), a = G(c.commentUpdate$), _ = S(re), W = G(r), E = te(!0), D = "panel", j = G(R.currentUser$), J = ee(() => {
|
|
722
|
+
var H;
|
|
723
|
+
const l = v === "all" ? m : (H = m.filter((k) => k.subUnitId === W)) != null ? H : [], I = f != null ? f : (k) => k, $ = l.map((k) => {
|
|
724
|
+
var Z;
|
|
725
|
+
return { ...k.root, children: (Z = k.children) != null ? Z : [], users: k.relativeUsers };
|
|
734
726
|
});
|
|
735
|
-
if (
|
|
736
|
-
const
|
|
737
|
-
return $.forEach((
|
|
738
|
-
|
|
739
|
-
}), [...
|
|
727
|
+
if (u) {
|
|
728
|
+
const k = /* @__PURE__ */ new Map();
|
|
729
|
+
return $.forEach((Z) => {
|
|
730
|
+
k.set(Z.id, Z);
|
|
731
|
+
}), [...u, ""].map((Z) => k.get(Z)).filter(Boolean);
|
|
740
732
|
} else
|
|
741
733
|
return I($);
|
|
742
|
-
}, [
|
|
743
|
-
...J.filter((
|
|
744
|
-
...J.filter((
|
|
745
|
-
], [J]),
|
|
746
|
-
V("all"),
|
|
734
|
+
}, [u, v, m, f, W]), L = ee(() => [
|
|
735
|
+
...J.filter((l) => !l.resolved),
|
|
736
|
+
...J.filter((l) => l.resolved)
|
|
737
|
+
], [J]), ne = ee(() => y === "resolved" ? L.filter((l) => l.resolved) : y === "unsolved" ? L.filter((l) => !l.resolved) : y === "concern_me" && j != null && j.userID ? L.filter((l) => l == null ? void 0 : l.users.has(j.userID)) : L, [L, j == null ? void 0 : j.userID, y]), Q = P ? [P, ...ne] : ne, ie = Q.filter((l) => !l.resolved), oe = Q.filter((l) => l.resolved), ae = y !== "all" || v !== "all", se = () => {
|
|
738
|
+
V("all"), O("all");
|
|
747
739
|
};
|
|
748
740
|
de(() => {
|
|
749
|
-
e &&
|
|
750
|
-
|
|
741
|
+
e && p(
|
|
742
|
+
c.getUnit(e)
|
|
751
743
|
);
|
|
752
|
-
}, [e,
|
|
753
|
-
var
|
|
754
|
-
if (!
|
|
744
|
+
}, [e, c, a]), de(() => {
|
|
745
|
+
var k;
|
|
746
|
+
if (!g)
|
|
755
747
|
return;
|
|
756
748
|
if (!E.current) {
|
|
757
749
|
E.current = !0;
|
|
758
750
|
return;
|
|
759
751
|
}
|
|
760
|
-
const { unitId:
|
|
761
|
-
(
|
|
762
|
-
}, [
|
|
763
|
-
const X = (
|
|
764
|
-
|
|
752
|
+
const { unitId: l, subUnitId: I, commentId: $ } = g, H = `${D}-${l}-${I}-${$}`;
|
|
753
|
+
(k = document.getElementById(H)) == null || k.scrollIntoView({ block: "center" });
|
|
754
|
+
}, [g]);
|
|
755
|
+
const X = (l) => /* @__PURE__ */ s(
|
|
756
|
+
At,
|
|
765
757
|
{
|
|
766
758
|
full: !0,
|
|
767
759
|
prefix: D,
|
|
768
|
-
getSubUnitName:
|
|
769
|
-
id:
|
|
770
|
-
unitId:
|
|
771
|
-
subUnitId:
|
|
772
|
-
refStr:
|
|
773
|
-
type:
|
|
774
|
-
showEdit: (
|
|
775
|
-
showHighlight: (
|
|
760
|
+
getSubUnitName: o,
|
|
761
|
+
id: l.id,
|
|
762
|
+
unitId: l.unitId,
|
|
763
|
+
subUnitId: l.subUnitId,
|
|
764
|
+
refStr: l.ref,
|
|
765
|
+
type: n,
|
|
766
|
+
showEdit: (g == null ? void 0 : g.commentId) === l.id,
|
|
767
|
+
showHighlight: (g == null ? void 0 : g.commentId) === l.id,
|
|
776
768
|
onClick: () => {
|
|
777
|
-
E.current = !1,
|
|
769
|
+
E.current = !1, l.resolved ? _.executeCommand(K.id) : _.executeCommand(
|
|
778
770
|
K.id,
|
|
779
771
|
{
|
|
780
|
-
unitId:
|
|
781
|
-
subUnitId:
|
|
782
|
-
commentId:
|
|
772
|
+
unitId: l.unitId,
|
|
773
|
+
subUnitId: l.subUnitId,
|
|
774
|
+
commentId: l.id,
|
|
783
775
|
temp: !1
|
|
784
776
|
}
|
|
785
777
|
);
|
|
786
778
|
},
|
|
787
|
-
onMouseEnter: () =>
|
|
788
|
-
onMouseLeave: () => h == null ? void 0 : h(
|
|
789
|
-
onAddComment:
|
|
790
|
-
onDeleteComment:
|
|
791
|
-
onResolve: (I) => d == null ? void 0 : d(
|
|
779
|
+
onMouseEnter: () => N == null ? void 0 : N(l),
|
|
780
|
+
onMouseLeave: () => h == null ? void 0 : h(l),
|
|
781
|
+
onAddComment: T,
|
|
782
|
+
onDeleteComment: b,
|
|
783
|
+
onResolve: (I) => d == null ? void 0 : d(l.id, I)
|
|
792
784
|
},
|
|
793
|
-
|
|
785
|
+
l.id
|
|
794
786
|
);
|
|
795
|
-
return /* @__PURE__ */
|
|
796
|
-
/* @__PURE__ */
|
|
797
|
-
|
|
787
|
+
return /* @__PURE__ */ x("div", { className: "univer-flex univer-min-h-full univer-flex-col univer-pb-3", children: [
|
|
788
|
+
/* @__PURE__ */ x("div", { className: "univer-mt-3 univer-flex univer-flex-row univer-justify-between", children: [
|
|
789
|
+
n === ue.UNIVER_SHEET ? /* @__PURE__ */ s(
|
|
798
790
|
Ie,
|
|
799
791
|
{
|
|
800
792
|
borderless: !0,
|
|
@@ -809,10 +801,10 @@ const je = B((t, e) => {
|
|
|
809
801
|
label: C.t("threadCommentUI.filter.sheet.all")
|
|
810
802
|
}
|
|
811
803
|
],
|
|
812
|
-
onChange:
|
|
804
|
+
onChange: O
|
|
813
805
|
}
|
|
814
806
|
) : null,
|
|
815
|
-
/* @__PURE__ */
|
|
807
|
+
/* @__PURE__ */ s(
|
|
816
808
|
Ie,
|
|
817
809
|
{
|
|
818
810
|
borderless: !0,
|
|
@@ -839,31 +831,31 @@ const je = B((t, e) => {
|
|
|
839
831
|
}
|
|
840
832
|
)
|
|
841
833
|
] }),
|
|
842
|
-
Q.length === 0 ? /* @__PURE__ */
|
|
834
|
+
Q.length === 0 ? /* @__PURE__ */ x(
|
|
843
835
|
"div",
|
|
844
836
|
{
|
|
845
837
|
className: "univer-flex univer-flex-1 univer-flex-col univer-items-center univer-justify-center univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
|
|
846
838
|
children: [
|
|
847
839
|
C.t("threadCommentUI.panel.empty"),
|
|
848
|
-
|
|
849
|
-
/* @__PURE__ */
|
|
840
|
+
ae ? /* @__PURE__ */ s("div", { className: "univer-mt-2 univer-flex univer-flex-row", children: /* @__PURE__ */ s(le, { onClick: se, children: C.t("threadCommentUI.panel.reset") }) }) : U ? null : /* @__PURE__ */ s("div", { className: "univer-mt-2 univer-flex univer-flex-row", children: /* @__PURE__ */ x(le, { onClick: i, children: [
|
|
841
|
+
/* @__PURE__ */ s(Ee, { className: "univer-mr-1.5" }),
|
|
850
842
|
C.t("threadCommentUI.panel.add")
|
|
851
843
|
] }) })
|
|
852
844
|
]
|
|
853
845
|
}
|
|
854
|
-
) : /* @__PURE__ */
|
|
846
|
+
) : /* @__PURE__ */ x("div", { className: "univer-mt-3 univer-flex univer-flex-col univer-gap-3", children: [
|
|
855
847
|
ie.map(X),
|
|
856
|
-
|
|
857
|
-
|
|
848
|
+
oe.length > 0 && /* @__PURE__ */ s("div", { className: "univer-text-xs", children: C.t("threadCommentUI.panel.solved") }),
|
|
849
|
+
oe.map(X)
|
|
858
850
|
] })
|
|
859
851
|
] });
|
|
860
852
|
};
|
|
861
853
|
export {
|
|
862
854
|
K as SetActiveCommentOperation,
|
|
863
|
-
|
|
864
|
-
|
|
855
|
+
It as THREAD_COMMENT_PANEL,
|
|
856
|
+
Jt as ThreadCommentPanel,
|
|
865
857
|
q as ThreadCommentPanelService,
|
|
866
|
-
|
|
858
|
+
At as ThreadCommentTree,
|
|
867
859
|
bt as ToggleSheetCommentPanelOperation,
|
|
868
|
-
|
|
860
|
+
ce as UniverThreadCommentUIPlugin
|
|
869
861
|
};
|