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

package/lib/cjs/index.js

@@ -3,18 +3,19 @@ let _univerjs_docs_ui = require("@univerjs/docs-ui");
 let _univerjs_ui = require("@univerjs/ui");
 let _univerjs_core = require("@univerjs/core");
 let _univerjs_docs = require("@univerjs/docs");
+let _univerjs_engine_render = require("@univerjs/engine-render");
 let rxjs = require("rxjs");
 let _univerjs_design = require("@univerjs/design");
 let react = require("react");
+let _univerjs_docs_hyper_link = require("@univerjs/docs-hyper-link");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _univerjs_icons = require("@univerjs/icons");
-let _univerjs_docs_hyper_link = require("@univerjs/docs-hyper-link");
-let _univerjs_engine_render = require("@univerjs/engine-render");
+let _univerjs_protocol = require("@univerjs/protocol");
 
 //#region src/commands/commands/add-link.command.ts
 const AddDocHyperLinkCommand = {
 	type: _univerjs_core.CommandType.COMMAND,
-	id: "docs.command.add-hyper-link",
+	id: _univerjs_docs_hyper_link.DocHyperLinkCommandId.Add,
 	async handler(accessor, params) {
 		if (!params) return false;
 		const { payload, unitId, selections } = params;
@@ -34,7 +35,7 @@ const AddDocHyperLinkCommand = {
 //#endregion
 //#region src/commands/commands/update-link.command.ts
 const UpdateDocHyperLinkCommand = {
-	id: "docs.command.update-hyper-link",
+	id: _univerjs_docs_hyper_link.DocHyperLinkCommandId.Update,
 	type: _univerjs_core.CommandType.COMMAND,
 	handler(accessor, params) {
 		var _doc$getSelfOrHeaderF, _getBodySlice$textRun;
@@ -171,7 +172,7 @@ const DocHyperLinkEdit = () => {
 	};
 	if (!doc) return;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: (0, _univerjs_design.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", _univerjs_design.borderClassName),
+		className: (0, _univerjs_design.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", _univerjs_design.borderClassName),
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [editing ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
 			label: localeService.t("docs-hyper-link-ui.edit.label"),
 			error: showError && isBlankInput(label) ? localeService.t("docs-hyper-link-ui.edit.labelError") : "",
@@ -214,7 +215,7 @@ DocHyperLinkEdit.componentKey = "docs-hyper-link-edit";
 //#region src/commands/commands/delete-link.command.ts
 const DeleteDocHyperLinkCommand = {
 	type: _univerjs_core.CommandType.COMMAND,
-	id: "docs.command.delete-hyper-link",
+	id: _univerjs_docs_hyper_link.DocHyperLinkCommandId.Delete,
 	async handler(accessor, params) {
 		if (!params) return false;
 		const { unitId, linkId, segmentId } = params;
@@ -239,15 +240,24 @@ const DocLinkPopup = () => {
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
 	const currentPopup = (0, _univerjs_ui.useObservable)(hyperLinkService.showingLink$);
 	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
+	const permissionService = (0, _univerjs_ui.useDependency)(_univerjs_core.IPermissionService);
 	if (!currentPopup) return null;
 	const { unitId, linkId, segmentId, startIndex, endIndex } = currentPopup;
 	const doc = univerInstanceService.getUnit(unitId, _univerjs_core.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 _univerjs_core.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 === _univerjs_core.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 = (0, _univerjs_docs.getDocumentPermissionValue)(permissionService, unitId, unitId, _univerjs_protocol.UnitAction.Copy);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: (0, _univerjs_design.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", _univerjs_design.borderClassName),
+		className: (0, _univerjs_design.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", _univerjs_design.borderClassName),
+		onPointerEnter: () => {
+			hyperLinkService.cancelScheduledHideInfoPopup();
+		},
+		onPointerLeave: () => {
+			hyperLinkService.scheduleHideInfoPopup();
+		},
 		onClick: () => {
 			hyperLinkService.hideInfoPopup();
 		},
@@ -255,7 +265,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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.LinkIcon, {})
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
 				showIfEllipsis: true,
@@ -267,49 +277,50 @@ const DocLinkPopup = () => {
 			})]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "univer-flex univer-h-6 univer-flex-[0_0_auto] univer-items-center univer-justify-center",
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.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: _univerjs_design.MessageType.Info
-						});
-					},
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
-						placement: "bottom",
-						title: localeService.t("docs-hyper-link-ui.info.copy"),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.CopyIcon, {})
-					})
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
-						placement: "bottom",
-						title: localeService.t("docs-hyper-link-ui.info.edit"),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.WriteIcon, {})
-					})
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
-						placement: "bottom",
-						title: localeService.t("docs-hyper-link-ui.info.cancel"),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.UnlinkIcon, {})
-					})
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.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: _univerjs_design.MessageType.Info
+					});
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
+					placement: "bottom",
+					title: localeService.t("docs-hyper-link-ui.info.copy"),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.CopyIcon, {})
+				})
+			}), canEdit && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
+					placement: "bottom",
+					title: localeService.t("docs-hyper-link-ui.info.edit"),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.WriteIcon, {})
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
+					placement: "bottom",
+					title: localeService.t("docs-hyper-link-ui.info.cancel"),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.UnlinkIcon, {})
 				})
-			]
+			})] })]
 		})]
 	});
 };
@@ -376,22 +387,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 _univerjs_core.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 rxjs.BehaviorSubject(null));
 		_defineProperty(this, "_showingLink$", new rxjs.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;
@@ -399,8 +454,16 @@ let DocHyperLinkPopupService = class DocHyperLinkPopupService extends _univerjs_
 	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,
@@ -424,8 +487,10 @@ let DocHyperLinkPopupService = class DocHyperLinkPopupService extends _univerjs_
 		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;
@@ -434,13 +499,23 @@ let DocHyperLinkPopupService = class DocHyperLinkPopupService extends _univerjs_
 		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, _univerjs_core.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, _univerjs_core.UniverInstanceType.UNIVER_DOC) instanceof _univerjs_core.DocumentDataModel)) return;
+		this._infoPopupPinned = (options === null || options === void 0 ? void 0 : options.pinned) ?? false;
 		this._showingLink$.next({
 			unitId,
 			linkId,
@@ -459,6 +534,7 @@ let DocHyperLinkPopupService = class DocHyperLinkPopupService extends _univerjs_
 			componentKey: DocLinkPopup.componentKey,
 			direction: "top-center",
 			multipleDirection: "top",
+			offset: [0, 10],
 			onClickOutside: () => {
 				this.hideInfoPopup();
 			}
@@ -467,14 +543,49 @@ let DocHyperLinkPopupService = class DocHyperLinkPopupService extends _univerjs_
 	}
 	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, _univerjs_core.UniverInstanceType.UNIVER_DOC);
+		if (!(document instanceof _univerjs_core.DocumentDataModel)) return false;
+		if (!linkInfo) return (0, _univerjs_docs.canEditDocumentTargets)(this._permissionService, unitId, []);
+		const segmentId = linkInfo.segmentId ?? "";
+		return (0, _univerjs_docs.canEditDocumentTargets)(this._permissionService, unitId, [...(0, _univerjs_docs.getDocumentEntityParentPermissionObjectIds)(document, segmentId, "custom-range", linkInfo.linkId), (0, _univerjs_docs.getDocumentEntityPermissionObjectId)(segmentId, "custom-range", linkInfo.linkId)]);
 	}
 };
 DocHyperLinkPopupService = __decorate([
 	__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_docs_ui.DocCanvasPopManagerService)),
 	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_docs.DocSelectionManagerService)),
-	__decorateParam(2, _univerjs_core.IUniverInstanceService)
+	__decorateParam(2, _univerjs_core.IUniverInstanceService),
+	__decorateParam(3, _univerjs_core.IPermissionService),
+	__decorateParam(4, _univerjs_engine_render.IRenderManagerService)
 ], DocHyperLinkPopupService);
 
 //#endregion
@@ -499,7 +610,7 @@ const ShowDocHyperLinkEditPopupOperation = {
 		const hyperLinkService = accessor.get(DocHyperLinkPopupService);
 		const unitId = (linkInfo === null || linkInfo === void 0 ? void 0 : linkInfo.unitId) || ((_univerInstanceServic = univerInstanceService.getCurrentUnitOfType(_univerjs_core.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;
 	}
 };
@@ -589,7 +700,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
@@ -649,25 +760,23 @@ let DocHyperLinkSelectionController = class DocHyperLinkSelectionController exte
 				const { unitId, ranges, segmentId } = commandInfo.params;
 				const doc = this._univerInstanceService.getUnit(unitId, _univerjs_core.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 === _univerjs_core.CustomRangeType.HYPERLINK && value.startIndex <= startOffset && value.endIndex === endOffset - 1) : void 0) ?? (customRanges === null || customRanges === void 0 ? void 0 : customRanges.find((value) => value.rangeType === _univerjs_core.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();
@@ -696,11 +805,18 @@ let DocHyperLinkEventRenderController = class DocHyperLinkEventRenderController
 		this._docSkeletonManagerService = _docSkeletonManagerService;
 		this._docSelectionManagerService = _docSelectionManagerService;
 		if (this._context.unitId === _univerjs_core.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 === _univerjs_core.CustomRangeType.HYPERLINK)) this._hyperLinkPopupService.hideInfoPopupOnPointerDown();
+		}));
 	}
 	_initHover() {
 		this.disposeWithMe(this._docEventManagerService.hoverCustomRanges$.subscribe((ranges) => {
@@ -727,7 +843,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 !== _univerjs_core.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
@@ -746,14 +874,11 @@ DocHyperLinkEventRenderController = __decorate([
 //#endregion
 //#region src/controllers/render-controllers/render.controller.ts
 let DocHyperLinkRenderController = class DocHyperLinkRenderController extends _univerjs_core.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(_univerjs_docs.DOC_INTERCEPTOR_POINT.CUSTOM_RANGE, { handler: (data, pos, next) => {
@@ -772,19 +897,8 @@ let DocHyperLinkRenderController = class DocHyperLinkRenderController extends _u
 			});
 		} });
 	}
-	_initReRender() {
-		this.disposeWithMe(this._hyperLinkService.showingLink$.pipe((0, rxjs.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)), (0, rxjs.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, (0, _univerjs_core.Inject)(_univerjs_docs.DocInterceptorService)),
-	__decorateParam(2, (0, _univerjs_core.Inject)(DocHyperLinkPopupService)),
-	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_docs_ui.DocRenderController))
-], DocHyperLinkRenderController);
+DocHyperLinkRenderController = __decorate([__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_docs.DocInterceptorService)), __decorateParam(2, (0, _univerjs_core.Inject)(DocHyperLinkPopupService))], DocHyperLinkRenderController);
 
 //#endregion
 //#region src/controllers/ui.controller.ts

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

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

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

@@ -4,9 +4,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/cjs/locale/de-DE.js

@@ -4,9 +4,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/cjs/locale/en-US.js

@@ -19,9 +19,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/cjs/locale/es-ES.js

@@ -4,9 +4,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/cjs/locale/fa-IR.js

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

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

@@ -4,9 +4,7 @@ const locale = { "docs-hyper-link-ui": {
 	edit: {
 		confirm: "Confirmer",
 		cancel: "Annuler",
-		title: "Lien",
 		address: "Lien",
-		placeholder: "Veuillez entrer un lien",
 		addressError: "L'url est illégal!",
 		label: "Libellé",
 		labelError: "Veuillez entrer le label du lien"

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

@@ -4,9 +4,7 @@ const locale = { "docs-hyper-link-ui": {
 	edit: {
 		confirm: "Konfirmasi",
 		cancel: "Batal",
-		title: "Tautan",
 		address: "Tautan",
-		placeholder: "Silakan masukkan URL tautan",
 		addressError: "URL tidak valid!",
 		label: "Label",
 		labelError: "Silakan masukkan label tautan"

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

@@ -4,9 +4,7 @@ const locale = { "docs-hyper-link-ui": {
 	edit: {
 		confirm: "Conferma",
 		cancel: "Annulla",
-		title: "Collegamento",
 		address: "Collegamento",
-		placeholder: "Inserisci un URL di collegamento",
 		addressError: "URL non valido!",
 		label: "Etichetta",
 		labelError: "Inserisci l'etichetta del collegamento"

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

@@ -4,9 +4,7 @@ const locale = { "docs-hyper-link-ui": {
 	edit: {
 		confirm: "OK",
 		cancel: "キャンセル",
-		title: "リンク",
 		address: "アドレス",
-		placeholder: "リンクのURLを入力してください",
 		addressError: "URLが正しくありません！",
 		label: "表示文字列",
 		labelError: "リンクの表示文字列を入力してください"

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

@@ -4,9 +4,7 @@ const locale = { "docs-hyper-link-ui": {
 	edit: {
 		confirm: "확인",
 		cancel: "취소",
-		title: "링크",
 		address: "링크",
-		placeholder: "링크 URL을 입력해주세요",
 		addressError: "URL이 올바르지 않습니다!",
 		label: "라벨",
 		labelError: "링크 라벨을 입력해주세요"

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

@@ -4,9 +4,7 @@ const locale = { "docs-hyper-link-ui": {
 	edit: {
 		confirm: "Potwierdź",
 		cancel: "Anuluj",
-		title: "Łącze",
 		address: "Łącze",
-		placeholder: "Wprowadź adres URL",
 		addressError: "Adres URL jest nieprawidłowy!",
 		label: "Etykieta",
 		labelError: "Wprowadź etykietę łącza"

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

@@ -4,9 +4,7 @@ const locale = { "docs-hyper-link-ui": {
 	edit: {
 		confirm: "Confirmar",
 		cancel: "Cancelar",
-		title: "Link",
 		address: "Link",
-		placeholder: "Insira uma URL de link",
 		addressError: "URL inválida!",
 		label: "Rótulo",
 		labelError: "Insira o rótulo do link"