@univerjs/docs-hyper-link-ui 1.0.0-insiders.20260809-70eefdd → 1.0.0-rc.0

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

@@ -4,11 +4,9 @@ const locale = { "docs-hyper-link-ui": {
 	edit: {
 		confirm: "Подтвердить",
 		cancel: "Отменить",
-		title: "Ссылка",
 		address: "Ссылка",
 		label: "Текст",
 		labelError: "Введите текст ссылки",
-		placeholder: "Пожалуйста, введите ссылку",
 		addressError: "Пожалуйста, введите корректную ссылку"
 	},
 	info: {

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

@@ -4,9 +4,7 @@ const locale = { "docs-hyper-link-ui": {
 	edit: {
 		confirm: "Potvrdiť",
 		cancel: "Zrušiť",
-		title: "Odkaz",
 		address: "Odkaz",
-		placeholder: "Zadajte URL odkazu",
 		addressError: "URL je neplatná!",
 		label: "Popisok",
 		labelError: "Zadajte popis odkazu"

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

@@ -4,11 +4,9 @@ const locale = { "docs-hyper-link-ui": {
 	edit: {
 		confirm: "Xác nhận",
 		cancel: "Hủy",
-		title: "Liên kết",
 		address: "Liên kết",
 		label: "Nhãn",
 		labelError: "Vui lòng nhập nhãn liên kết",
-		placeholder: "Vui lòng nhập liên kết hợp lệ",
 		addressError: "Vui lòng nhập liên kết hợp lệ"
 	},
 	info: {

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

@@ -4,11 +4,9 @@ const locale = { "docs-hyper-link-ui": {
 	edit: {
 		confirm: "确认",
 		cancel: "取消",
-		title: "链接",
 		address: "链接",
 		label: "文本",
 		labelError: "请输入链接文本",
-		placeholder: "请输入合法的链接",
 		addressError: "请输入合法的链接"
 	},
 	info: {

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

@@ -4,11 +4,9 @@ const locale = { "docs-hyper-link-ui": {
 	edit: {
 		confirm: "確認",
 		cancel: "取消",
-		title: "連結",
 		address: "連結",
 		label: "文字",
 		labelError: "請輸入連結文字",
-		placeholder: "請輸入合法的連結",
 		addressError: "請輸入合法的連結"
 	},
 	info: {

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

@@ -4,11 +4,9 @@ const locale = { "docs-hyper-link-ui": {
 	edit: {
 		confirm: "確認",
 		cancel: "取消",
-		title: "連結",
 		address: "連結",
 		label: "文字",
 		labelError: "請輸入連結文字",
-		placeholder: "請輸入合法的連結",
 		addressError: "請輸入合法的連結"
 	},
 	info: {

package/lib/es/index.js

@@ -1,19 +1,20 @@
-import { DocCanvasPopManagerService, DocEventManagerService, DocRenderController, EMPTY_PARAGRAPH_MENU_ID, FLOAT_TOOLBAR_MENU_POSITION, INSERT_BELLOW_MENU_ID, UniverDocsUIPlugin, whenDocAndEditorFocused } from "@univerjs/docs-ui";
+import { DocCanvasPopManagerService, DocEventManagerService, EMPTY_PARAGRAPH_MENU_ID, FLOAT_TOOLBAR_MENU_POSITION, INSERT_BELLOW_MENU_ID, UniverDocsUIPlugin, whenDocAndEditorFocused } from "@univerjs/docs-ui";
 import { ComponentManager, ContextMenuGroup, ContextMenuPosition, IMenuManagerService, IMessageService, IShortcutService, IconManager, KeyCode, MenuItemType, MetaKeys, RibbonInsertGroup, getMenuHiddenObservable, useDependency, useObservable } from "@univerjs/ui";
-import { BuildTextUtils, CommandType, CustomRangeType, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DependentOn, Disposable, ICommandService, IConfigService, IUniverInstanceService, Inject, Injector, LocaleService, Plugin, Tools, UniverInstanceType, generateRandomId, getBodySlice, isSafeUrl, merge } from "@univerjs/core";
-import { DOC_INTERCEPTOR_POINT, DocInterceptorService, DocSelectionManagerService, DocSkeletonManagerService, SetTextSelectionsOperation, UniverDocsPlugin, addCustomRangeBySelectionFactory, deleteCustomRangeFactory, replaceSelectionFactory } from "@univerjs/docs";
-import { BehaviorSubject, Observable, debounceTime, distinctUntilChanged, pairwise } from "rxjs";
+import { BuildTextUtils, CommandType, CustomRangeType, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DependentOn, Disposable, DocumentDataModel, ICommandService, IConfigService, IPermissionService, IUniverInstanceService, Inject, Injector, LocaleService, Plugin, Tools, UniverInstanceType, generateRandomId, getBodySlice, isSafeUrl, merge } from "@univerjs/core";
+import { DOC_INTERCEPTOR_POINT, DocInterceptorService, DocSelectionManagerService, DocSkeletonManagerService, SetTextSelectionsOperation, UniverDocsPlugin, addCustomRangeBySelectionFactory, canEditDocumentTargets, deleteCustomRangeFactory, getDocumentEntityParentPermissionObjectIds, getDocumentEntityPermissionObjectId, getDocumentPermissionValue, replaceSelectionFactory } from "@univerjs/docs";
+import { IRenderManagerService, UniverRenderEnginePlugin } from "@univerjs/engine-render";
+import { BehaviorSubject, Observable, debounceTime } from "rxjs";
 import { Button, FormLayout, Input, MessageType, Tooltip, borderClassName, clsx } from "@univerjs/design";
 import { useEffect, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { DocHyperLinkCommandId, UniverDocsHyperLinkPlugin } from "@univerjs/docs-hyper-link";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { CopyIcon, LinkIcon, UnlinkIcon, WriteIcon } from "@univerjs/icons";
-import { UniverDocsHyperLinkPlugin } from "@univerjs/docs-hyper-link";
-import { IRenderManagerService, UniverRenderEnginePlugin } from "@univerjs/engine-render";
+import { UnitAction } from "@univerjs/protocol";
 
 //#region src/commands/commands/add-link.command.ts
 const AddDocHyperLinkCommand = {
 	type: CommandType.COMMAND,
-	id: "docs.command.add-hyper-link",
+	id: DocHyperLinkCommandId.Add,
 	async handler(accessor, params) {
 		if (!params) return false;
 		const { payload, unitId, selections } = params;
@@ -33,7 +34,7 @@ const AddDocHyperLinkCommand = {
 //#endregion
 //#region src/commands/commands/update-link.command.ts
 const UpdateDocHyperLinkCommand = {
-	id: "docs.command.update-hyper-link",
+	id: DocHyperLinkCommandId.Update,
 	type: CommandType.COMMAND,
 	handler(accessor, params) {
 		var _doc$getSelfOrHeaderF, _getBodySlice$textRun;
@@ -170,7 +171,7 @@ const DocHyperLinkEdit = () => {
 	};
 	if (!doc) return;
 	return /* @__PURE__ */ jsxs("div", {
-		className: clsx("univer-box-border univer-w-[328px] univer-rounded-xl univer-bg-white univer-px-6 univer-py-5 univer-shadow dark:!univer-bg-gray-900", borderClassName),
+		className: clsx("univer-box-border univer-w-[328px] univer-rounded-xl univer-bg-gray-0 univer-px-6 univer-py-5 univer-shadow dark:!univer-bg-gray-900", borderClassName),
 		children: [/* @__PURE__ */ jsxs("div", { children: [editing ? /* @__PURE__ */ jsx(FormLayout, {
 			label: localeService.t("docs-hyper-link-ui.edit.label"),
 			error: showError && isBlankInput(label) ? localeService.t("docs-hyper-link-ui.edit.labelError") : "",
@@ -213,7 +214,7 @@ DocHyperLinkEdit.componentKey = "docs-hyper-link-edit";
 //#region src/commands/commands/delete-link.command.ts
 const DeleteDocHyperLinkCommand = {
 	type: CommandType.COMMAND,
-	id: "docs.command.delete-hyper-link",
+	id: DocHyperLinkCommandId.Delete,
 	async handler(accessor, params) {
 		if (!params) return false;
 		const { unitId, linkId, segmentId } = params;
@@ -238,15 +239,24 @@ const DocLinkPopup = () => {
 	const localeService = useDependency(LocaleService);
 	const currentPopup = useObservable(hyperLinkService.showingLink$);
 	const univerInstanceService = useDependency(IUniverInstanceService);
+	const permissionService = useDependency(IPermissionService);
 	if (!currentPopup) return null;
 	const { unitId, linkId, segmentId, startIndex, endIndex } = currentPopup;
 	const doc = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC);
-	const body = doc === null || doc === void 0 || (_doc$getSelfOrHeaderF = doc.getSelfOrHeaderFooterModel(segmentId)) === null || _doc$getSelfOrHeaderF === void 0 ? void 0 : _doc$getSelfOrHeaderF.getBody();
+	const body = doc instanceof DocumentDataModel ? (_doc$getSelfOrHeaderF = doc.getSelfOrHeaderFooterModel(segmentId)) === null || _doc$getSelfOrHeaderF === void 0 ? void 0 : _doc$getSelfOrHeaderF.getBody() : void 0;
 	const link = body === null || body === void 0 || (_body$customRanges = body.customRanges) === null || _body$customRanges === void 0 ? void 0 : _body$customRanges.find((range) => range.rangeId === linkId && range.rangeType === CustomRangeType.HYPERLINK && range.startIndex === startIndex && range.endIndex === endIndex);
 	if (!link) return null;
 	const url = (_link$properties = link.properties) === null || _link$properties === void 0 ? void 0 : _link$properties.url;
+	const canEdit = hyperLinkService.canEditLink(unitId, currentPopup);
+	const canCopy = getDocumentPermissionValue(permissionService, unitId, unitId, UnitAction.Copy);
 	return /* @__PURE__ */ jsxs("div", {
-		className: clsx("univer-box-border univer-flex univer-max-w-80 univer-items-center univer-justify-between univer-overflow-hidden univer-rounded-lg univer-bg-white univer-p-3 univer-shadow dark:!univer-bg-gray-900", borderClassName),
+		className: clsx("univer-box-border univer-flex univer-max-w-80 univer-items-center univer-justify-between univer-overflow-hidden univer-rounded-lg univer-bg-gray-0 univer-p-3 univer-shadow dark:!univer-bg-gray-900", borderClassName),
+		onPointerEnter: () => {
+			hyperLinkService.cancelScheduledHideInfoPopup();
+		},
+		onPointerLeave: () => {
+			hyperLinkService.scheduleHideInfoPopup();
+		},
 		onClick: () => {
 			hyperLinkService.hideInfoPopup();
 		},
@@ -254,7 +264,7 @@ const DocLinkPopup = () => {
 			className: "univer-flex univer-h-6 univer-flex-1 univer-cursor-pointer univer-items-center univer-truncate univer-text-sm univer-leading-5 univer-text-primary-500",
 			onClick: () => window.open(url, void 0, "noopener noreferrer"),
 			children: [/* @__PURE__ */ jsx("div", {
-				className: "univer-mr-2 univer-flex univer-size-5 univer-flex-[0_0_auto] univer-items-center univer-justify-center univer-text-base univer-text-gray-900 dark:!univer-text-white",
+				className: "univer-mr-2 univer-flex univer-size-5 univer-flex-[0_0_auto] univer-items-center univer-justify-center univer-text-base univer-text-gray-900 dark:!univer-text-gray-0",
 				children: /* @__PURE__ */ jsx(LinkIcon, {})
 			}), /* @__PURE__ */ jsx(Tooltip, {
 				showIfEllipsis: true,
@@ -266,49 +276,50 @@ const DocLinkPopup = () => {
 			})]
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "univer-flex univer-h-6 univer-flex-[0_0_auto] univer-items-center univer-justify-center",
-			children: [
-				/* @__PURE__ */ jsx("div", {
-					className: "univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded univer-text-base",
-					onClick: () => {
-						navigator.clipboard.writeText(url);
-						messageService.show({
-							content: localeService.t("docs-hyper-link-ui.info.coped"),
-							type: MessageType.Info
-						});
-					},
-					children: /* @__PURE__ */ jsx(Tooltip, {
-						placement: "bottom",
-						title: localeService.t("docs-hyper-link-ui.info.copy"),
-						children: /* @__PURE__ */ jsx(CopyIcon, {})
-					})
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded univer-text-base",
-					onClick: () => {
-						commandService.executeCommand(ShowDocHyperLinkEditPopupOperation.id, { link: currentPopup });
-					},
-					children: /* @__PURE__ */ jsx(Tooltip, {
-						placement: "bottom",
-						title: localeService.t("docs-hyper-link-ui.info.edit"),
-						children: /* @__PURE__ */ jsx(WriteIcon, {})
-					})
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded univer-text-base",
-					onClick: () => {
-						commandService.executeCommand(DeleteDocHyperLinkCommand.id, {
-							unitId,
-							linkId: link.rangeId,
-							segmentId
-						});
-					},
-					children: /* @__PURE__ */ jsx(Tooltip, {
-						placement: "bottom",
-						title: localeService.t("docs-hyper-link-ui.info.cancel"),
-						children: /* @__PURE__ */ jsx(UnlinkIcon, {})
-					})
+			children: [/* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "text",
+				size: "small",
+				"aria-label": localeService.t("docs-hyper-link-ui.info.copy"),
+				className: "univer-ml-2 !univer-flex univer-size-6 !univer-rounded !univer-border-0 !univer-bg-transparent !univer-p-0 !univer-text-base !univer-font-normal hover:!univer-bg-transparent active:!univer-bg-transparent disabled:!univer-pointer-events-auto disabled:!univer-opacity-40",
+				disabled: !canCopy,
+				onClick: () => {
+					navigator.clipboard.writeText(url);
+					messageService.show({
+						content: localeService.t("docs-hyper-link-ui.info.coped"),
+						type: MessageType.Info
+					});
+				},
+				children: /* @__PURE__ */ jsx(Tooltip, {
+					placement: "bottom",
+					title: localeService.t("docs-hyper-link-ui.info.copy"),
+					children: /* @__PURE__ */ jsx(CopyIcon, {})
+				})
+			}), canEdit && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+				className: "univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded univer-text-base",
+				onClick: () => {
+					commandService.executeCommand(ShowDocHyperLinkEditPopupOperation.id, { link: currentPopup });
+				},
+				children: /* @__PURE__ */ jsx(Tooltip, {
+					placement: "bottom",
+					title: localeService.t("docs-hyper-link-ui.info.edit"),
+					children: /* @__PURE__ */ jsx(WriteIcon, {})
 				})
-			]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded univer-text-base",
+				onClick: () => {
+					commandService.executeCommand(DeleteDocHyperLinkCommand.id, {
+						unitId,
+						linkId: link.rangeId,
+						segmentId
+					});
+				},
+				children: /* @__PURE__ */ jsx(Tooltip, {
+					placement: "bottom",
+					title: localeService.t("docs-hyper-link-ui.info.cancel"),
+					children: /* @__PURE__ */ jsx(UnlinkIcon, {})
+				})
+			})] })]
 		})]
 	});
 };
@@ -375,22 +386,66 @@ function __decorate(decorators, target, key, desc) {
 
 //#endregion
 //#region src/services/hyper-link-popup.service.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+const INFO_POPUP_HIDE_DELAY = 150;
+function isSameLinkInfo(current, next) {
+	return (current === null || current === void 0 ? void 0 : current.linkId) === next.linkId && current.unitId === next.unitId && (current.segmentId ?? "") === (next.segmentId ?? "") && current.segmentPage === next.segmentPage && current.startIndex === next.startIndex && current.endIndex === next.endIndex;
+}
 let DocHyperLinkPopupService = class DocHyperLinkPopupService extends Disposable {
-	constructor(_docCanvasPopupManagerService, _textSelectionManagerService, _univerInstanceService) {
+	constructor(_docCanvasPopupManagerService, _textSelectionManagerService, _univerInstanceService, _permissionService, _renderManagerService) {
 		super();
 		this._docCanvasPopupManagerService = _docCanvasPopupManagerService;
 		this._textSelectionManagerService = _textSelectionManagerService;
 		this._univerInstanceService = _univerInstanceService;
+		this._permissionService = _permissionService;
+		this._renderManagerService = _renderManagerService;
 		_defineProperty(this, "_editingLink$", new BehaviorSubject(null));
 		_defineProperty(this, "_showingLink$", new BehaviorSubject(null));
 		_defineProperty(this, "editingLink$", this._editingLink$.asObservable());
 		_defineProperty(this, "showingLink$", this._showingLink$.asObservable());
 		_defineProperty(this, "_editPopup", null);
+		_defineProperty(this, "_editPopupUnitId", null);
 		_defineProperty(this, "_infoPopup", null);
+		_defineProperty(this, "_infoPopupPinned", false);
+		_defineProperty(this, "_infoPopupHideTimer", null);
+		_defineProperty(this, "_infoPopupSuppressed", false);
+		_defineProperty(this, "_infoPopupSuppressionTimer", null);
 		this.disposeWithMe(() => {
+			this.cancelScheduledHideInfoPopup();
+			if (this._infoPopupSuppressionTimer !== null) clearTimeout(this._infoPopupSuppressionTimer);
 			this._editingLink$.complete();
 			this._showingLink$.complete();
 		});
+		this.disposeWithMe(this._permissionService.permissionPointUpdate$.subscribe(() => {
+			const editing = this.editing;
+			if (editing && !this.canEditLink(editing.unitId, editing)) this.hideEditPopup();
+			const showing = this.showing;
+			if (showing) this._showingLink$.next({ ...showing });
+		}));
+		this.disposeWithMe(this._renderManagerService.disposed$.subscribe((unitId) => {
+			var _this$showing;
+			if (this._editPopupUnitId === unitId) this.hideEditPopup();
+			if (((_this$showing = this.showing) === null || _this$showing === void 0 ? void 0 : _this$showing.unitId) === unitId) this.hideInfoPopup();
+		}));
+	}
+	dispose() {
+		this.hideEditPopup();
+		this.hideInfoPopup();
+		super.dispose();
 	}
 	get editing() {
 		return this._editingLink$.value;
@@ -398,8 +453,16 @@ let DocHyperLinkPopupService = class DocHyperLinkPopupService extends Disposable
 	get showing() {
 		return this._showingLink$.value;
 	}
+	get infoPopupPinned() {
+		return this._infoPopupPinned;
+	}
 	showEditPopup(unitId, linkInfo) {
-		if (this._editPopup) this._editPopup.dispose();
+		if (!this.canEditLink(unitId, linkInfo)) return null;
+		if (this._editPopup) {
+			this._editPopup.dispose();
+			this._editPopup = null;
+			this._editPopupUnitId = null;
+		}
 		this._editingLink$.next(linkInfo);
 		const textRanges = this._textSelectionManagerService.getTextRanges({
 			unitId,
@@ -423,8 +486,10 @@ let DocHyperLinkPopupService = class DocHyperLinkPopupService extends Disposable
 		if (activeRange) {
 			this._editPopup = this._docCanvasPopupManagerService.attachPopupToRange(activeRange, {
 				componentKey: DocHyperLinkEdit.componentKey,
-				direction: "bottom"
+				direction: "bottom",
+				offset: [0, 10]
 			}, unitId);
+			this._editPopupUnitId = unitId;
 			return this._editPopup;
 		}
 		return null;
@@ -433,13 +498,23 @@ let DocHyperLinkPopupService = class DocHyperLinkPopupService extends Disposable
 		var _this$_editPopup;
 		this._editingLink$.next(null);
 		(_this$_editPopup = this._editPopup) === null || _this$_editPopup === void 0 || _this$_editPopup.dispose();
+		this._editPopup = null;
+		this._editPopupUnitId = null;
 	}
-	showInfoPopup(info) {
-		var _this$showing, _this$showing2, _this$showing3, _this$showing4, _this$showing5, _this$showing6;
+	showInfoPopup(info, options) {
+		this.cancelScheduledHideInfoPopup();
+		if (this._infoPopupSuppressed) return;
 		const { linkId, unitId, segmentId, segmentPage, startIndex, endIndex } = info;
-		if (((_this$showing = this.showing) === null || _this$showing === void 0 ? void 0 : _this$showing.linkId) === linkId && ((_this$showing2 = this.showing) === null || _this$showing2 === void 0 ? void 0 : _this$showing2.unitId) === unitId && ((_this$showing3 = this.showing) === null || _this$showing3 === void 0 ? void 0 : _this$showing3.segmentId) === segmentId && ((_this$showing4 = this.showing) === null || _this$showing4 === void 0 ? void 0 : _this$showing4.segmentPage) === segmentPage && ((_this$showing5 = this.showing) === null || _this$showing5 === void 0 ? void 0 : _this$showing5.startIndex) === startIndex && ((_this$showing6 = this.showing) === null || _this$showing6 === void 0 ? void 0 : _this$showing6.endIndex) === endIndex) return;
-		if (this._infoPopup) this._infoPopup.dispose();
-		if (!this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC)) return;
+		if (isSameLinkInfo(this.showing, info)) {
+			if (options === null || options === void 0 ? void 0 : options.pinned) this._infoPopupPinned = true;
+			return;
+		}
+		if (this._infoPopup) {
+			this._infoPopup.dispose();
+			this._infoPopup = null;
+		}
+		if (!(this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC) instanceof DocumentDataModel)) return;
+		this._infoPopupPinned = (options === null || options === void 0 ? void 0 : options.pinned) ?? false;
 		this._showingLink$.next({
 			unitId,
 			linkId,
@@ -458,6 +533,7 @@ let DocHyperLinkPopupService = class DocHyperLinkPopupService extends Disposable
 			componentKey: DocLinkPopup.componentKey,
 			direction: "top-center",
 			multipleDirection: "top",
+			offset: [0, 10],
 			onClickOutside: () => {
 				this.hideInfoPopup();
 			}
@@ -466,14 +542,49 @@ let DocHyperLinkPopupService = class DocHyperLinkPopupService extends Disposable
 	}
 	hideInfoPopup() {
 		var _this$_infoPopup;
+		this.cancelScheduledHideInfoPopup();
+		this._infoPopupPinned = false;
 		this._showingLink$.next(null);
 		(_this$_infoPopup = this._infoPopup) === null || _this$_infoPopup === void 0 || _this$_infoPopup.dispose();
+		this._infoPopup = null;
+	}
+	scheduleHideInfoPopup() {
+		if (this._infoPopupPinned || !this.showing) return;
+		this.cancelScheduledHideInfoPopup();
+		this._infoPopupHideTimer = setTimeout(() => {
+			this._infoPopupHideTimer = null;
+			if (!this._infoPopupPinned) this.hideInfoPopup();
+		}, INFO_POPUP_HIDE_DELAY);
+	}
+	cancelScheduledHideInfoPopup() {
+		if (this._infoPopupHideTimer !== null) {
+			clearTimeout(this._infoPopupHideTimer);
+			this._infoPopupHideTimer = null;
+		}
+	}
+	hideInfoPopupOnPointerDown() {
+		this._infoPopupSuppressed = true;
+		if (this._infoPopupSuppressionTimer !== null) clearTimeout(this._infoPopupSuppressionTimer);
+		this.hideInfoPopup();
+		this._infoPopupSuppressionTimer = setTimeout(() => {
+			this._infoPopupSuppressed = false;
+			this._infoPopupSuppressionTimer = null;
+		}, 0);
+	}
+	canEditLink(unitId, linkInfo) {
+		const document = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC);
+		if (!(document instanceof DocumentDataModel)) return false;
+		if (!linkInfo) return canEditDocumentTargets(this._permissionService, unitId, []);
+		const segmentId = linkInfo.segmentId ?? "";
+		return canEditDocumentTargets(this._permissionService, unitId, [...getDocumentEntityParentPermissionObjectIds(document, segmentId, "custom-range", linkInfo.linkId), getDocumentEntityPermissionObjectId(segmentId, "custom-range", linkInfo.linkId)]);
 	}
 };
 DocHyperLinkPopupService = __decorate([
 	__decorateParam(0, Inject(DocCanvasPopManagerService)),
 	__decorateParam(1, Inject(DocSelectionManagerService)),
-	__decorateParam(2, IUniverInstanceService)
+	__decorateParam(2, IUniverInstanceService),
+	__decorateParam(3, IPermissionService),
+	__decorateParam(4, IRenderManagerService)
 ], DocHyperLinkPopupService);
 
 //#endregion
@@ -498,7 +609,7 @@ const ShowDocHyperLinkEditPopupOperation = {
 		const hyperLinkService = accessor.get(DocHyperLinkPopupService);
 		const unitId = (linkInfo === null || linkInfo === void 0 ? void 0 : linkInfo.unitId) || ((_univerInstanceServic = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC)) === null || _univerInstanceServic === void 0 ? void 0 : _univerInstanceServic.getUnitId());
 		if (!unitId) return false;
-		hyperLinkService.showEditPopup(unitId, linkInfo);
+		hyperLinkService.showEditPopup(unitId, linkInfo ?? null);
 		return true;
 	}
 };
@@ -588,7 +699,7 @@ const menuSchema = {
 //#endregion
 //#region package.json
 var name = "@univerjs/docs-hyper-link-ui";
-var version = "1.0.0-insiders.20260809-70eefdd";
+var version = "1.0.0-rc.0";
 
 //#endregion
 //#region src/config/config.ts
@@ -648,25 +759,23 @@ let DocHyperLinkSelectionController = class DocHyperLinkSelectionController exte
 				const { unitId, ranges, segmentId } = commandInfo.params;
 				const doc = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC);
 				const primary = ranges[0];
-				if (primary && doc) {
+				if ((primary === null || primary === void 0 ? void 0 : primary.collapsed) && doc) {
 					var _doc$getSelfOrHeaderF;
-					const { startOffset, endOffset, collapsed, segmentPage } = primary;
+					const { startOffset, endOffset, segmentPage } = primary;
 					const customRanges = (_doc$getSelfOrHeaderF = doc.getSelfOrHeaderFooterModel(segmentId)) === null || _doc$getSelfOrHeaderF === void 0 || (_doc$getSelfOrHeaderF = _doc$getSelfOrHeaderF.getBody()) === null || _doc$getSelfOrHeaderF === void 0 ? void 0 : _doc$getSelfOrHeaderF.customRanges;
-					if (collapsed) {
-						const index = (customRanges === null || customRanges === void 0 ? void 0 : customRanges.findIndex((value) => value.startIndex < startOffset && value.endIndex > endOffset - 1)) ?? -1;
-						if (index > -1) {
-							const customRange = customRanges[index];
-							this._docHyperLinkService.showInfoPopup({
-								unitId,
-								linkId: customRange.rangeId,
-								segmentId,
-								segmentPage,
-								startIndex: customRange.startIndex,
-								endIndex: customRange.endIndex
-							});
-							return;
-						}
-					} else if (customRanges === null || customRanges === void 0 ? void 0 : customRanges.find((value) => value.startIndex <= startOffset && value.endIndex >= endOffset - 1)) return;
+					const showing = this._docHyperLinkService.showing;
+					const customRange = ((showing === null || showing === void 0 ? void 0 : showing.unitId) === unitId && (showing.segmentId ?? "") === segmentId && showing.segmentPage === segmentPage && showing.endIndex === endOffset - 1 ? customRanges === null || customRanges === void 0 ? void 0 : customRanges.find((value) => value.rangeId === showing.linkId && value.rangeType === CustomRangeType.HYPERLINK && value.startIndex <= startOffset && value.endIndex === endOffset - 1) : void 0) ?? (customRanges === null || customRanges === void 0 ? void 0 : customRanges.find((value) => value.rangeType === CustomRangeType.HYPERLINK && value.startIndex <= startOffset && value.endIndex > endOffset - 1));
+					if (customRange) {
+						this._docHyperLinkService.showInfoPopup({
+							unitId,
+							linkId: customRange.rangeId,
+							segmentId,
+							segmentPage,
+							startIndex: customRange.startIndex,
+							endIndex: customRange.endIndex
+						});
+						return;
+					}
 				}
 				this._docHyperLinkService.hideInfoPopup();
 				this._docHyperLinkService.hideEditPopup();
@@ -695,11 +804,18 @@ let DocHyperLinkEventRenderController = class DocHyperLinkEventRenderController
 		this._docSkeletonManagerService = _docSkeletonManagerService;
 		this._docSelectionManagerService = _docSelectionManagerService;
 		if (this._context.unitId === DOCS_NORMAL_EDITOR_UNIT_ID_KEY) return;
+		this._initPointerDown();
 		this._initHover();
 		this._initClick();
 	}
 	_hideInfoPopup() {
-		if (this._hyperLinkPopupService.showing) this._commandService.executeCommand(ToggleDocHyperLinkInfoPopupOperation.id);
+		if (this._hyperLinkPopupService.infoPopupPinned) return;
+		if (this._hyperLinkPopupService.showing) this._hyperLinkPopupService.scheduleHideInfoPopup();
+	}
+	_initPointerDown() {
+		this.disposeWithMe(this._docEventManagerService.pointerDownCustomRanges$.subscribe((ranges) => {
+			if (!ranges.some((range) => range.range.rangeType === CustomRangeType.HYPERLINK)) this._hyperLinkPopupService.hideInfoPopupOnPointerDown();
+		}));
 	}
 	_initHover() {
 		this.disposeWithMe(this._docEventManagerService.hoverCustomRanges$.subscribe((ranges) => {
@@ -726,7 +842,19 @@ let DocHyperLinkEventRenderController = class DocHyperLinkEventRenderController
 	_initClick() {
 		this.disposeWithMe(this._docEventManagerService.clickCustomRanges$.subscribe((range) => {
 			const link = range.range;
-			if (link) this._commandService.executeCommand(ClickDocHyperLinkOperation.id, {
+			if (link.rangeType !== CustomRangeType.HYPERLINK) return;
+			if (!range.ctrlKey && !range.metaKey) {
+				this._hyperLinkPopupService.showInfoPopup({
+					unitId: this._context.unitId,
+					linkId: link.rangeId,
+					segmentId: range.segmentId,
+					segmentPage: range.segmentPageIndex,
+					startIndex: link.startIndex,
+					endIndex: link.endIndex
+				}, { pinned: true });
+				return;
+			}
+			this._commandService.executeCommand(ClickDocHyperLinkOperation.id, {
 				unitId: this._context.unitId,
 				linkId: link.rangeId,
 				segmentId: range.segmentId
@@ -745,14 +873,11 @@ DocHyperLinkEventRenderController = __decorate([
 //#endregion
 //#region src/controllers/render-controllers/render.controller.ts
 let DocHyperLinkRenderController = class DocHyperLinkRenderController extends Disposable {
-	constructor(_context, _docInterceptorService, _hyperLinkService, _docRenderController) {
+	constructor(_context, _docInterceptorService, _hyperLinkService) {
 		super();
-		this._context = _context;
 		this._docInterceptorService = _docInterceptorService;
 		this._hyperLinkService = _hyperLinkService;
-		this._docRenderController = _docRenderController;
 		this._init();
-		this._initReRender();
 	}
 	_init() {
 		this._docInterceptorService.intercept(DOC_INTERCEPTOR_POINT.CUSTOM_RANGE, { handler: (data, pos, next) => {
@@ -771,19 +896,8 @@ let DocHyperLinkRenderController = class DocHyperLinkRenderController extends Di
 			});
 		} });
 	}
-	_initReRender() {
-		this.disposeWithMe(this._hyperLinkService.showingLink$.pipe(distinctUntilChanged((prev, aft) => (prev === null || prev === void 0 ? void 0 : prev.linkId) === (aft === null || aft === void 0 ? void 0 : aft.linkId) && (prev === null || prev === void 0 ? void 0 : prev.unitId) === (aft === null || aft === void 0 ? void 0 : aft.unitId) && (prev === null || prev === void 0 ? void 0 : prev.startIndex) === (aft === null || aft === void 0 ? void 0 : aft.startIndex)), pairwise()).subscribe(([preLink, link]) => {
-			if (link) {
-				if (link.unitId === this._context.unitId) this._docRenderController.reRender(link.unitId);
-			} else if (preLink && preLink.unitId === this._context.unitId) this._docRenderController.reRender(preLink.unitId);
-		}));
-	}
 };
-DocHyperLinkRenderController = __decorate([
-	__decorateParam(1, Inject(DocInterceptorService)),
-	__decorateParam(2, Inject(DocHyperLinkPopupService)),
-	__decorateParam(3, Inject(DocRenderController))
-], DocHyperLinkRenderController);
+DocHyperLinkRenderController = __decorate([__decorateParam(1, Inject(DocInterceptorService)), __decorateParam(2, Inject(DocHyperLinkPopupService))], DocHyperLinkRenderController);
 
 //#endregion
 //#region src/controllers/ui.controller.ts

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

@@ -3,9 +3,7 @@ const locale = { "docs-hyper-link-ui": {
 	edit: {
 		confirm: "تأكيد",
 		cancel: "إلغاء",
-		title: "ارتباط",
 		address: "ارتباط",
-		placeholder: "يُرجى إدخال عنوان URL للارتباط",
 		addressError: "عنوان URL غير قانوني!",
 		label: "تسمية",
 		labelError: "يُرجى إدخال تسمية الارتباط"

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

@@ -3,9 +3,7 @@ const locale = { "docs-hyper-link-ui": {
 	edit: {
 		confirm: "Confirma",
 		cancel: "Cancel·la",
-		title: "Enllaç",
 		address: "Enllaç",
-		placeholder: "Si us plau, introdueix una URL",
 		addressError: "La URL no és vàlida!",
 		label: "Etiqueta",
 		labelError: "Si us plau, introdueix l'etiqueta de l'enllaç"

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

@@ -3,9 +3,7 @@ const locale = { "docs-hyper-link-ui": {
 	edit: {
 		confirm: "Bestätigen",
 		cancel: "Abbrechen",
-		title: "Link",
 		address: "Link",
-		placeholder: "Bitte eine Link-URL eingeben",
 		addressError: "URL ist ungültig!",
 		label: "Bezeichnung",
 		labelError: "Bitte die Bezeichnung des Links eingeben"

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

@@ -18,9 +18,7 @@ const locale = { "docs-hyper-link-ui": {
 	edit: {
 		confirm: "Confirm",
 		cancel: "Cancel",
-		title: "Link",
 		address: "Link",
-		placeholder: "Please input a link url",
 		addressError: "Url is illegal!",
 		label: "Label",
 		labelError: "Please input label of link"

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

@@ -3,9 +3,7 @@ const locale = { "docs-hyper-link-ui": {
 	edit: {
 		confirm: "Confirmar",
 		cancel: "Cancelar",
-		title: "Enlace",
 		address: "Enlace",
-		placeholder: "Por favor, introduce una URL",
 		addressError: "¡La URL no es válida!",
 		label: "Etiqueta",
 		labelError: "Por favor, introduce la etiqueta del enlace"

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

@@ -3,9 +3,7 @@ const locale = { "docs-hyper-link-ui": {
 	edit: {
 		confirm: "تایید",
 		cancel: "انصراف",
-		title: "لینک",
 		address: "لینک",
-		placeholder: "لطفا یک آدرس لینک وارد کنید",
 		addressError: "آدرس غیرمجاز است!",
 		label: "برچسب",
 		labelError: "لطفا برچسب لینک را وارد کنید"