@univerjs/thread-comment-ui 1.0.4 → 1.2.0

package/lib/cjs/index.js

@@ -10,7 +10,7 @@ let _univerjs_icons = require("@univerjs/icons");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -21,7 +21,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -34,14 +34,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -52,7 +52,7 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -60,7 +60,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -134,7 +134,7 @@ const SetActiveCommentOperation = {
 //#endregion
 //#region package.json
 var name = "@univerjs/thread-comment-ui";
-var version = "1.0.4";
+var version = "1.2.0";
 
 //#endregion
 //#region src/config/config.ts
@@ -488,13 +488,23 @@ const transformDocument2TextNodesInParagraph = (doc) => {
 			type: "text",
 			content: dataStream.slice(lastIndex, range.startIndex)
 		});
-		textNodes.push({
+		const content = dataStream.slice(range.startIndex, range.endIndex + 1);
+		if (range.rangeType === _univerjs_core.CustomRangeType.MENTION) textNodes.push({
 			type: "mention",
 			content: {
-				label: dataStream.slice(range.startIndex, range.endIndex + 1),
+				label: content,
 				id: range.rangeId
 			}
 		});
+		else if (range.rangeType === _univerjs_core.CustomRangeType.HYPERLINK) textNodes.push({
+			type: "hyperlink",
+			content,
+			range
+		});
+		else textNodes.push({
+			type: "text",
+			content
+		});
 		lastIndex = range.endIndex + 1;
 	});
 	textNodes.push({
@@ -534,6 +544,16 @@ const transformTextNodes2Document = (nodes) => {
 				});
 				break;
 			}
+			case "hyperlink": {
+				const startIndex = str.length;
+				str += node.content;
+				customRanges.push({
+					...node.range,
+					startIndex,
+					endIndex: str.length - 1
+				});
+				break;
+			}
 		}
 	});
 	str += "\r\n";
@@ -862,7 +882,8 @@ const ThreadCommentItem = (props) => {
 					return success;
 				}
 			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "univer-text-sm univer-text-gray-900 dark:!univer-text-gray-0",
+				tabIndex: -1,
+				className: "univer-select-text univer-text-sm univer-text-gray-900 dark:!univer-text-gray-0",
 				children: transformDocument2TextNodes(item.text).map((paragraph, paragraphIndex) => {
 					var _item$text$paragraphs;
 					let offset = 0;
@@ -872,10 +893,23 @@ const ThreadCommentItem = (props) => {
 							const key = offset;
 							offset += node.type === "mention" ? node.content.label.length : node.content.length;
 							switch (node.type) {
-								case "mention": return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+								case "mention": return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 									className: "univer-text-primary-600",
 									children: [node.content.label, " "]
 								}, key);
+								case "hyperlink": {
+									var _node$range$propertie;
+									const url = (_node$range$propertie = node.range.properties) === null || _node$range$propertie === void 0 ? void 0 : _node$range$propertie.url;
+									if (!(0, _univerjs_core.isSafeUrl)(url)) return node.content;
+									return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+										href: url,
+										target: "_blank",
+										rel: "noopener noreferrer",
+										className: "univer-text-primary-600 univer-underline",
+										onClick: (event) => event.stopPropagation(),
+										children: node.content
+									}, key);
+								}
 								default: return node.content;
 							}
 						})
@@ -958,6 +992,8 @@ const ThreadCommentTree = (props) => {
 	const subUnitName = getSubUnitName((comments === null || comments === void 0 ? void 0 : comments.root.subUnitId) ?? subUnitId);
 	const editorVisible = showEdit && !editingId && !resolved;
 	const title = `${displayRef ?? refStr ?? (comments === null || comments === void 0 ? void 0 : comments.root.ref) ?? ""}${subUnitName ? " · " : ""}${subUnitName}`;
+	const resolveLabel = localeService.t(resolved ? "thread-comment-ui.item.markUnresolved" : "thread-comment-ui.item.markResolved");
+	const deleteLabel = localeService.t("thread-comment-ui.item.delete");
 	const threadCommentEditorId = getThreadCommentEditorId({
 		location,
 		unitId,
@@ -973,7 +1009,11 @@ const ThreadCommentTree = (props) => {
 			"univer-shadow": !resolved && (showHighlight || isHover || location === "CELL")
 		}),
 		style,
-		onClick,
+		onClick: (event) => {
+			const selection = event.currentTarget.ownerDocument.getSelection();
+			if (selection && !selection.isCollapsed && selection.anchorNode && selection.focusNode && event.currentTarget.contains(selection.anchorNode) && event.currentTarget.contains(selection.focusNode)) return;
+			onClick === null || onClick === void 0 || onClick();
+		},
 		onMouseEnter: () => {
 			onMouseEnter === null || onMouseEnter === void 0 || onMouseEnter();
 			setIsHover(true);
@@ -998,18 +1038,24 @@ const ThreadCommentTree = (props) => {
 					})]
 				}), !!comments && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "univer-flex univer-flex-shrink-0 univer-flex-grow-0 univer-flex-row",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						"aria-label": localeService.t(resolved ? "thread-comment-ui.filter.status.unsolved" : "thread-comment-ui.filter.status.resolved"),
-						className: (0, _univerjs_design.clsx)("univer-ml-1 univer-inline-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-[3px] univer-border-0 univer-bg-transparent univer-p-0 univer-text-base hover:univer-bg-gray-50 rtl:univer-ml-0 rtl:univer-mr-1 dark:hover:!univer-bg-gray-800", { "univer-text-green-500": resolved }),
-						onClick: handleResolve,
-						children: resolved ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.SuccessIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.SuccessOutlineIcon, {})
-					}), (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userID) === comments.root.personId ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						"aria-label": localeService.t("thread-comment-ui.item.delete"),
-						className: "univer-ml-1 univer-inline-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-[3px] univer-border-0 univer-bg-transparent univer-p-0 univer-text-base hover:univer-bg-gray-50 rtl:univer-ml-0 rtl:univer-mr-1 dark:hover:!univer-bg-gray-800",
-						onClick: handleDeleteRoot,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.DeleteIcon, {})
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
+						title: resolveLabel,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							"aria-label": resolveLabel,
+							className: (0, _univerjs_design.clsx)("univer-ml-1 univer-inline-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-[3px] univer-border-0 univer-bg-transparent univer-p-0 univer-text-base hover:univer-bg-gray-50 rtl:univer-ml-0 rtl:univer-mr-1 dark:hover:!univer-bg-gray-800", { "univer-text-green-500": resolved }),
+							onClick: handleResolve,
+							children: resolved ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.SuccessIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.SuccessOutlineIcon, {})
+						})
+					}), (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userID) === comments.root.personId ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
+						title: deleteLabel,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							"aria-label": deleteLabel,
+							className: "univer-ml-1 univer-inline-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-[3px] univer-border-0 univer-bg-transparent univer-p-0 univer-text-base hover:univer-bg-gray-50 rtl:univer-ml-0 rtl:univer-mr-1 dark:hover:!univer-bg-gray-800",
+							onClick: handleDeleteRoot,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.DeleteIcon, {})
+						})
 					}) : null]
 				})]
 			}),
@@ -1604,14 +1650,14 @@ exports.MobileThreadCommentPanel = MobileThreadCommentPanel;
 exports.MobileThreadCommentTree = MobileThreadCommentTree;
 exports.SetActiveCommentOperation = SetActiveCommentOperation;
 exports.ThreadCommentCanvasOverlay = ThreadCommentCanvasOverlay;
-Object.defineProperty(exports, 'ThreadCommentDraftService', {
+Object.defineProperty(exports, "ThreadCommentDraftService", {
   enumerable: true,
   get: function () {
     return ThreadCommentDraftService;
   }
 });
 exports.ThreadCommentPanel = ThreadCommentPanel;
-Object.defineProperty(exports, 'ThreadCommentPanelService', {
+Object.defineProperty(exports, "ThreadCommentPanelService", {
   enumerable: true,
   get: function () {
     return ThreadCommentPanelService;
@@ -1619,13 +1665,13 @@ Object.defineProperty(exports, 'ThreadCommentPanelService', {
 });
 exports.ThreadCommentTree = ThreadCommentTree;
 exports.ThreadCommentTreeLocation = ThreadCommentTreeLocation;
-Object.defineProperty(exports, 'UniverThreadCommentMobileUIPlugin', {
+Object.defineProperty(exports, "UniverThreadCommentMobileUIPlugin", {
   enumerable: true,
   get: function () {
     return UniverThreadCommentMobileUIPlugin;
   }
 });
-Object.defineProperty(exports, 'UniverThreadCommentUIPlugin', {
+Object.defineProperty(exports, "UniverThreadCommentUIPlugin", {
   enumerable: true,
   get: function () {
     return UniverThreadCommentUIPlugin;

package/lib/cjs/locale/ar-SA.js

@@ -15,6 +15,8 @@ const locale = { "thread-comment-ui": {
 		save: "حفظ"
 	},
 	item: {
+		markResolved: "وضع علامة كمحلول",
+		markUnresolved: "وضع علامة كغير محلول",
 		edit: "تحرير",
 		delete: "حذف هذا التعليق",
 		more: "المزيد"

package/lib/cjs/locale/ca-ES.js

@@ -15,6 +15,8 @@ const locale = { "thread-comment-ui": {
 		save: "Desa"
 	},
 	item: {
+		markResolved: "Marca com a resolt",
+		markUnresolved: "Marca com a no resolt",
 		edit: "Edita",
 		delete: "Elimina aquest comentari",
 		more: "Més"

package/lib/cjs/locale/de-DE.js

@@ -15,6 +15,8 @@ const locale = { "thread-comment-ui": {
 		save: "Speichern"
 	},
 	item: {
+		markResolved: "Als gelöst markieren",
+		markUnresolved: "Als ungelöst markieren",
 		edit: "Bearbeiten",
 		delete: "Diesen Kommentar löschen",
 		more: "Mehr"

package/lib/cjs/locale/en-US.js

@@ -30,6 +30,8 @@ const locale = { "thread-comment-ui": {
 		save: "Save"
 	},
 	item: {
+		markResolved: "Mark as resolved",
+		markUnresolved: "Mark as unresolved",
 		edit: "Edit",
 		delete: "Delete This Comment",
 		more: "More"

package/lib/cjs/locale/es-ES.js

@@ -15,6 +15,8 @@ const locale = { "thread-comment-ui": {
 		save: "Guardar"
 	},
 	item: {
+		markResolved: "Marcar como resuelto",
+		markUnresolved: "Marcar como no resuelto",
 		edit: "Editar",
 		delete: "Eliminar este comentario",
 		more: "Más"

package/lib/cjs/locale/fa-IR.js

@@ -15,6 +15,8 @@ const locale = { "thread-comment-ui": {
 		save: "ذخیره"
 	},
 	item: {
+		markResolved: "علامت‌گذاری به‌عنوان حل‌شده",
+		markUnresolved: "علامت‌گذاری به‌عنوان حل‌نشده",
 		edit: "ویرایش",
 		delete: "حذف این نظر",
 		more: "بیشتر"

package/lib/cjs/locale/fr-FR.js

@@ -15,6 +15,8 @@ const locale = { "thread-comment-ui": {
 		save: "Enregistrer"
 	},
 	item: {
+		markResolved: "Marquer comme résolu",
+		markUnresolved: "Marquer comme non résolu",
 		edit: "Modifier",
 		delete: "Supprimer ce commentaire",
 		more: "Plus"

package/lib/cjs/locale/id-ID.js

@@ -15,6 +15,8 @@ const locale = { "thread-comment-ui": {
 		save: "Simpan"
 	},
 	item: {
+		markResolved: "Tandai sebagai terselesaikan",
+		markUnresolved: "Tandai sebagai belum terselesaikan",
 		edit: "Edit",
 		delete: "Hapus Komentar Ini",
 		more: "Lebih Banyak"

package/lib/cjs/locale/it-IT.js

@@ -15,6 +15,8 @@ const locale = { "thread-comment-ui": {
 		save: "Salva"
 	},
 	item: {
+		markResolved: "Segna come risolto",
+		markUnresolved: "Segna come non risolto",
 		edit: "Modifica",
 		delete: "Elimina questo commento",
 		more: "Altro"

package/lib/cjs/locale/ja-JP.js

@@ -15,6 +15,8 @@ const locale = { "thread-comment-ui": {
 		save: "保存"
 	},
 	item: {
+		markResolved: "解決済みにする",
+		markUnresolved: "未解決にする",
 		edit: "編集",
 		delete: "コメントを削除",
 		more: "もっと見る"

package/lib/cjs/locale/ko-KR.js

@@ -15,6 +15,8 @@ const locale = { "thread-comment-ui": {
 		save: "저장"
 	},
 	item: {
+		markResolved: "해결됨으로 표시",
+		markUnresolved: "미해결로 표시",
 		edit: "편집",
 		delete: "댓글 삭제",
 		more: "더 보기"

package/lib/cjs/locale/pl-PL.js

@@ -15,6 +15,8 @@ const locale = { "thread-comment-ui": {
 		save: "Zapisz"
 	},
 	item: {
+		markResolved: "Oznacz jako rozwiązane",
+		markUnresolved: "Oznacz jako nierozwiązane",
 		edit: "Edytuj",
 		delete: "Usuń ten komentarz",
 		more: "Więcej"

package/lib/cjs/locale/pt-BR.js

@@ -15,6 +15,8 @@ const locale = { "thread-comment-ui": {
 		save: "Salvar"
 	},
 	item: {
+		markResolved: "Marcar como resolvido",
+		markUnresolved: "Marcar como não resolvido",
 		edit: "Editar",
 		delete: "Excluir Este Comentário",
 		more: "Mais"

package/lib/cjs/locale/ru-RU.js

@@ -15,6 +15,8 @@ const locale = { "thread-comment-ui": {
 		save: "Сохранить"
 	},
 	item: {
+		markResolved: "Отметить как решённое",
+		markUnresolved: "Отметить как нерешённое",
 		edit: "Редактировать",
 		delete: "Удалить",
 		more: "Больше"

package/lib/cjs/locale/sk-SK.js

@@ -15,6 +15,8 @@ const locale = { "thread-comment-ui": {
 		save: "Uložiť"
 	},
 	item: {
+		markResolved: "Označiť ako vyriešené",
+		markUnresolved: "Označiť ako nevyriešené",
 		edit: "Upraviť",
 		delete: "Odstrániť tento komentár",
 		more: "Viac"

package/lib/cjs/locale/vi-VN.js

@@ -15,6 +15,8 @@ const locale = { "thread-comment-ui": {
 		save: "Lưu"
 	},
 	item: {
+		markResolved: "Đánh dấu là đã giải quyết",
+		markUnresolved: "Đánh dấu là chưa giải quyết",
 		edit: "Chỉnh sửa",
 		delete: "Xóa",
 		more: "Thêm"

package/lib/cjs/locale/zh-CN.js

@@ -15,6 +15,8 @@ const locale = { "thread-comment-ui": {
 		save: "保存"
 	},
 	item: {
+		markResolved: "标记为已解决",
+		markUnresolved: "标记为未解决",
 		edit: "编辑",
 		delete: "删除",
 		more: "更多"

package/lib/cjs/locale/zh-HK.js

@@ -15,6 +15,8 @@ const locale = { "thread-comment-ui": {
 		save: "儲存"
 	},
 	item: {
+		markResolved: "標記為已解決",
+		markUnresolved: "標記為未解決",
 		edit: "編輯",
 		delete: "刪除",
 		more: "更多"

package/lib/cjs/locale/zh-TW.js

@@ -15,6 +15,8 @@ const locale = { "thread-comment-ui": {
 		save: "儲存"
 	},
 	item: {
+		markResolved: "標記為已解決",
+		markUnresolved: "標記為未解決",
 		edit: "編輯",
 		delete: "刪除",
 		more: "更多"

package/lib/es/index.js

@@ -1,4 +1,4 @@
-import { BuildTextUtils, CommandType, CustomRangeType, DOCS_COMMENT_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DependentOn, Disposable, ICommandService, IConfigService, IUniverInstanceService, Inject, Injector, LOCALE_META, LocaleService, Plugin, RegionService, Tools, UniverInstanceType, UserManagerService, createParagraphId, createSectionId, dateKit, generateRandomId, getBodySlice, merge, mergeOverrideWithDependencies, toDisposable } from "@univerjs/core";
+import { BuildTextUtils, CommandType, CustomRangeType, DOCS_COMMENT_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DependentOn, Disposable, ICommandService, IConfigService, IUniverInstanceService, Inject, Injector, LOCALE_META, LocaleService, Plugin, RegionService, Tools, UniverInstanceType, UserManagerService, createParagraphId, createSectionId, dateKit, generateRandomId, getBodySlice, isSafeUrl, merge, mergeOverrideWithDependencies, toDisposable } from "@univerjs/core";
 import { ISidebarService, KeyCode, UI_PLUGIN_CONFIG_KEY, UniverMobileUIPlugin, useConfigValue, useDependency, useEvent, useObservable } from "@univerjs/ui";
 import { BehaviorSubject, debounceTime, map, of, startWith } from "rxjs";
 import { BreakLineCommand, DeleteLeftCommand, DeleteRightCommand, IEditorService, RichTextEditor, UniverDocsUIPlugin } from "@univerjs/docs-ui";
@@ -9,7 +9,7 @@ import { DeleteIcon, IncreaseIcon, MoreHorizontalIcon, MoreLeftIcon, ReplyToComm
 import { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -20,7 +20,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -33,14 +33,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -51,7 +51,7 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -59,7 +59,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -133,7 +133,7 @@ const SetActiveCommentOperation = {
 //#endregion
 //#region package.json
 var name = "@univerjs/thread-comment-ui";
-var version = "1.0.4";
+var version = "1.2.0";
 
 //#endregion
 //#region src/config/config.ts
@@ -487,13 +487,23 @@ const transformDocument2TextNodesInParagraph = (doc) => {
 			type: "text",
 			content: dataStream.slice(lastIndex, range.startIndex)
 		});
-		textNodes.push({
+		const content = dataStream.slice(range.startIndex, range.endIndex + 1);
+		if (range.rangeType === CustomRangeType.MENTION) textNodes.push({
 			type: "mention",
 			content: {
-				label: dataStream.slice(range.startIndex, range.endIndex + 1),
+				label: content,
 				id: range.rangeId
 			}
 		});
+		else if (range.rangeType === CustomRangeType.HYPERLINK) textNodes.push({
+			type: "hyperlink",
+			content,
+			range
+		});
+		else textNodes.push({
+			type: "text",
+			content
+		});
 		lastIndex = range.endIndex + 1;
 	});
 	textNodes.push({
@@ -533,6 +543,16 @@ const transformTextNodes2Document = (nodes) => {
 				});
 				break;
 			}
+			case "hyperlink": {
+				const startIndex = str.length;
+				str += node.content;
+				customRanges.push({
+					...node.range,
+					startIndex,
+					endIndex: str.length - 1
+				});
+				break;
+			}
 		}
 	});
 	str += "\r\n";
@@ -861,7 +881,8 @@ const ThreadCommentItem = (props) => {
 					return success;
 				}
 			}) : /* @__PURE__ */ jsx("div", {
-				className: "univer-text-sm univer-text-gray-900 dark:!univer-text-gray-0",
+				tabIndex: -1,
+				className: "univer-select-text univer-text-sm univer-text-gray-900 dark:!univer-text-gray-0",
 				children: transformDocument2TextNodes(item.text).map((paragraph, paragraphIndex) => {
 					var _item$text$paragraphs;
 					let offset = 0;
@@ -871,10 +892,23 @@ const ThreadCommentItem = (props) => {
 							const key = offset;
 							offset += node.type === "mention" ? node.content.label.length : node.content.length;
 							switch (node.type) {
-								case "mention": return /* @__PURE__ */ jsxs("a", {
+								case "mention": return /* @__PURE__ */ jsxs("span", {
 									className: "univer-text-primary-600",
 									children: [node.content.label, " "]
 								}, key);
+								case "hyperlink": {
+									var _node$range$propertie;
+									const url = (_node$range$propertie = node.range.properties) === null || _node$range$propertie === void 0 ? void 0 : _node$range$propertie.url;
+									if (!isSafeUrl(url)) return node.content;
+									return /* @__PURE__ */ jsx("a", {
+										href: url,
+										target: "_blank",
+										rel: "noopener noreferrer",
+										className: "univer-text-primary-600 univer-underline",
+										onClick: (event) => event.stopPropagation(),
+										children: node.content
+									}, key);
+								}
 								default: return node.content;
 							}
 						})
@@ -957,6 +991,8 @@ const ThreadCommentTree = (props) => {
 	const subUnitName = getSubUnitName((comments === null || comments === void 0 ? void 0 : comments.root.subUnitId) ?? subUnitId);
 	const editorVisible = showEdit && !editingId && !resolved;
 	const title = `${displayRef ?? refStr ?? (comments === null || comments === void 0 ? void 0 : comments.root.ref) ?? ""}${subUnitName ? " · " : ""}${subUnitName}`;
+	const resolveLabel = localeService.t(resolved ? "thread-comment-ui.item.markUnresolved" : "thread-comment-ui.item.markResolved");
+	const deleteLabel = localeService.t("thread-comment-ui.item.delete");
 	const threadCommentEditorId = getThreadCommentEditorId({
 		location,
 		unitId,
@@ -972,7 +1008,11 @@ const ThreadCommentTree = (props) => {
 			"univer-shadow": !resolved && (showHighlight || isHover || location === "CELL")
 		}),
 		style,
-		onClick,
+		onClick: (event) => {
+			const selection = event.currentTarget.ownerDocument.getSelection();
+			if (selection && !selection.isCollapsed && selection.anchorNode && selection.focusNode && event.currentTarget.contains(selection.anchorNode) && event.currentTarget.contains(selection.focusNode)) return;
+			onClick === null || onClick === void 0 || onClick();
+		},
 		onMouseEnter: () => {
 			onMouseEnter === null || onMouseEnter === void 0 || onMouseEnter();
 			setIsHover(true);
@@ -997,18 +1037,24 @@ const ThreadCommentTree = (props) => {
 					})]
 				}), !!comments && /* @__PURE__ */ jsxs("div", {
 					className: "univer-flex univer-flex-shrink-0 univer-flex-grow-0 univer-flex-row",
-					children: [/* @__PURE__ */ jsx("button", {
-						type: "button",
-						"aria-label": localeService.t(resolved ? "thread-comment-ui.filter.status.unsolved" : "thread-comment-ui.filter.status.resolved"),
-						className: clsx("univer-ml-1 univer-inline-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-[3px] univer-border-0 univer-bg-transparent univer-p-0 univer-text-base hover:univer-bg-gray-50 rtl:univer-ml-0 rtl:univer-mr-1 dark:hover:!univer-bg-gray-800", { "univer-text-green-500": resolved }),
-						onClick: handleResolve,
-						children: resolved ? /* @__PURE__ */ jsx(SuccessIcon, {}) : /* @__PURE__ */ jsx(SuccessOutlineIcon, {})
-					}), (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userID) === comments.root.personId ? /* @__PURE__ */ jsx("button", {
-						type: "button",
-						"aria-label": localeService.t("thread-comment-ui.item.delete"),
-						className: "univer-ml-1 univer-inline-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-[3px] univer-border-0 univer-bg-transparent univer-p-0 univer-text-base hover:univer-bg-gray-50 rtl:univer-ml-0 rtl:univer-mr-1 dark:hover:!univer-bg-gray-800",
-						onClick: handleDeleteRoot,
-						children: /* @__PURE__ */ jsx(DeleteIcon, {})
+					children: [/* @__PURE__ */ jsx(Tooltip, {
+						title: resolveLabel,
+						children: /* @__PURE__ */ jsx("button", {
+							type: "button",
+							"aria-label": resolveLabel,
+							className: clsx("univer-ml-1 univer-inline-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-[3px] univer-border-0 univer-bg-transparent univer-p-0 univer-text-base hover:univer-bg-gray-50 rtl:univer-ml-0 rtl:univer-mr-1 dark:hover:!univer-bg-gray-800", { "univer-text-green-500": resolved }),
+							onClick: handleResolve,
+							children: resolved ? /* @__PURE__ */ jsx(SuccessIcon, {}) : /* @__PURE__ */ jsx(SuccessOutlineIcon, {})
+						})
+					}), (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userID) === comments.root.personId ? /* @__PURE__ */ jsx(Tooltip, {
+						title: deleteLabel,
+						children: /* @__PURE__ */ jsx("button", {
+							type: "button",
+							"aria-label": deleteLabel,
+							className: "univer-ml-1 univer-inline-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-[3px] univer-border-0 univer-bg-transparent univer-p-0 univer-text-base hover:univer-bg-gray-50 rtl:univer-ml-0 rtl:univer-mr-1 dark:hover:!univer-bg-gray-800",
+							onClick: handleDeleteRoot,
+							children: /* @__PURE__ */ jsx(DeleteIcon, {})
+						})
 					}) : null]
 				})]
 			}),

package/lib/es/locale/ar-SA.js

@@ -15,6 +15,8 @@ const locale = { "thread-comment-ui": {
 		save: "حفظ"
 	},
 	item: {
+		markResolved: "وضع علامة كمحلول",
+		markUnresolved: "وضع علامة كغير محلول",
 		edit: "تحرير",
 		delete: "حذف هذا التعليق",
 		more: "المزيد"

package/lib/es/locale/ca-ES.js

@@ -15,6 +15,8 @@ const locale = { "thread-comment-ui": {
 		save: "Desa"
 	},
 	item: {
+		markResolved: "Marca com a resolt",
+		markUnresolved: "Marca com a no resolt",
 		edit: "Edita",
 		delete: "Elimina aquest comentari",
 		more: "Més"