@univerjs/sheets-hyper-link-ui 1.0.0-rc.0 → 1.0.1

package/lib/cjs/index.js

@@ -63,7 +63,7 @@ const configSymbol = Symbol(SHEETS_HYPER_LINK_UI_PLUGIN_CONFIG_KEY);
 const defaultPluginConfig = {};
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -71,7 +71,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.149.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);
@@ -212,7 +212,7 @@ SheetsHyperLinkResolverService = __decorate([
 ], SheetsHyperLinkResolverService);
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -223,7 +223,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -236,14 +236,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.149.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.140.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -317,6 +317,7 @@ function resolveRangePayload(rangeText, defaultSheetName) {
 const CellLinkEdit = () => {
 	const [id, setId] = (0, react.useState)("");
 	const [display, setDisplay] = (0, react.useState)("");
+	const [tooltip, setTooltip] = (0, react.useState)("");
 	const [showLabel, setShowLabel] = (0, react.useState)(true);
 	const [type, setType] = (0, react.useState)(_univerjs_sheets_hyper_link.SheetHyperLinkType.URL);
 	const [payload, setPayload] = (0, react.useState)("");
@@ -324,7 +325,7 @@ const CellLinkEdit = () => {
 	const definedNameService = (0, _univerjs_ui.useDependency)(_univerjs_engine_formula.IDefinedNamesService);
 	const editorBridgeService = (0, _univerjs_ui.useDependency)(_univerjs_sheets_ui.IEditorBridgeService);
 	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
-	const popupService = (0, _univerjs_ui.useDependency)(SheetsHyperLinkPopupService);
+	const popupService = (0, _univerjs_ui.useDependency)(ISheetsHyperLinkPopupService);
 	const editing = (0, _univerjs_ui.useObservable)(popupService.currentEditing$);
 	const parserService = (0, _univerjs_ui.useDependency)(_univerjs_sheets_hyper_link.SheetsHyperLinkParserService);
 	const resolverService = (0, _univerjs_ui.useDependency)(SheetsHyperLinkResolverService);
@@ -361,16 +362,17 @@ const CellLinkEdit = () => {
 			if (typeof label === "number") label = `${label}`;
 			let link;
 			if (customRange) {
-				var _customRange$properti;
+				var _customRange$properti, _customRange$properti2, _customRange$properti3;
 				link = {
 					id: (customRange === null || customRange === void 0 ? void 0 : customRange.rangeId) ?? "",
 					display: label ?? "",
 					payload: (customRange === null || customRange === void 0 || (_customRange$properti = customRange.properties) === null || _customRange$properti === void 0 ? void 0 : _customRange$properti.url) ?? "",
+					tooltip: (customRange === null || customRange === void 0 || (_customRange$properti2 = customRange.properties) === null || _customRange$properti2 === void 0 ? void 0 : _customRange$properti2.tooltip) ?? (customRange === null || customRange === void 0 || (_customRange$properti3 = customRange.properties) === null || _customRange$properti3 === void 0 ? void 0 : _customRange$properti3._xlsxHyperlinkTooltip) ?? "",
 					row,
 					column: col
 				};
 			} else if (editing.type === "viewing") {
-				var _cell$p, _cell$p2, _range$properties2;
+				var _cell$p, _cell$p2, _range$properties2, _range$properties3, _range$properties4;
 				const workbook = univerInstanceService.getUnit(editing.unitId);
 				const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getSheetBySheetId(editing.subUnitId);
 				const cell = worksheet === null || worksheet === void 0 ? void 0 : worksheet.getCellRaw(editing.row, editing.col);
@@ -384,11 +386,12 @@ const CellLinkEdit = () => {
 					id: "",
 					display: "",
 					payload: (range === null || range === void 0 || (_range$properties2 = range.properties) === null || _range$properties2 === void 0 ? void 0 : _range$properties2.url) ?? "",
+					tooltip: (range === null || range === void 0 || (_range$properties3 = range.properties) === null || _range$properties3 === void 0 ? void 0 : _range$properties3.tooltip) ?? (range === null || range === void 0 || (_range$properties4 = range.properties) === null || _range$properties4 === void 0 ? void 0 : _range$properties4._xlsxHyperlinkTooltip) ?? "",
 					row,
 					column: col
 				};
 			} else {
-				var _BuildTextUtils$custo, _customRange$properti2;
+				var _BuildTextUtils$custo, _customRange$properti4, _customRange$properti5, _customRange$properti6;
 				const doc = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 				const currentSelection = textSelectionService.getActiveTextRange();
 				const body = doc === null || doc === void 0 ? void 0 : doc.getBody();
@@ -398,12 +401,14 @@ const CellLinkEdit = () => {
 				link = {
 					id: "",
 					display: label ?? "",
-					payload: (customRange === null || customRange === void 0 || (_customRange$properti2 = customRange.properties) === null || _customRange$properti2 === void 0 ? void 0 : _customRange$properti2.url) ?? "",
+					payload: (customRange === null || customRange === void 0 || (_customRange$properti4 = customRange.properties) === null || _customRange$properti4 === void 0 ? void 0 : _customRange$properti4.url) ?? "",
+					tooltip: (customRange === null || customRange === void 0 || (_customRange$properti5 = customRange.properties) === null || _customRange$properti5 === void 0 ? void 0 : _customRange$properti5.tooltip) ?? (customRange === null || customRange === void 0 || (_customRange$properti6 = customRange.properties) === null || _customRange$properti6 === void 0 ? void 0 : _customRange$properti6._xlsxHyperlinkTooltip) ?? "",
 					row,
 					column: col
 				};
 			}
 			setId(link.id);
+			setTooltip(link.tooltip);
 			const customLink = sidePanelService.findCustomHyperLink(link);
 			if (customLink) {
 				const customLinkInfo = customLink.convert(link);
@@ -423,7 +428,8 @@ const CellLinkEdit = () => {
 				case _univerjs_sheets_hyper_link.SheetHyperLinkType.RANGE: {
 					var _univerInstanceServic;
 					const params = linkInfo.searchObj;
-					const payload = (0, _univerjs_engine_formula.serializeRangeWithSheet)(params.gid ? ((_univerInstanceServic = univerInstanceService.getUnit(editing.unitId)) === null || _univerInstanceServic === void 0 || (_univerInstanceServic = _univerInstanceServic.getSheetBySheetId(params.gid)) === null || _univerInstanceServic === void 0 ? void 0 : _univerInstanceServic.getName()) ?? "" : "", (0, _univerjs_engine_formula.deserializeRangeWithSheet)(params.range).range);
+					const sheetName = params.gid ? ((_univerInstanceServic = univerInstanceService.getUnit(editing.unitId)) === null || _univerInstanceServic === void 0 || (_univerInstanceServic = _univerInstanceServic.getSheetBySheetId(params.gid)) === null || _univerInstanceServic === void 0 ? void 0 : _univerInstanceServic.getName()) ?? "" : "";
+					const payload = (0, _univerjs_engine_formula.serializeRangeWithSheet)(sheetName, (0, _univerjs_engine_formula.deserializeRangeWithSheet)(params.range).range);
 					setPayload(payload);
 					if (payload === link.display) setDisplaySyncedWithPayload(true);
 					break;
@@ -438,9 +444,7 @@ const CellLinkEdit = () => {
 					setPayload(params.rangeid);
 					break;
 				}
-				default:
-					setPayload("");
-					break;
+				default: setPayload("");
 			}
 		}
 	}, [
@@ -575,34 +579,38 @@ const CellLinkEdit = () => {
 			setShowError(true);
 			return;
 		}
-		if (editing) if (id) {
-			const commandId = editing.type === "editing" ? _univerjs_sheets_hyper_link.UpdateRichHyperLinkCommand.id : _univerjs_sheets_hyper_link.UpdateHyperLinkCommand.id;
-			await commandService.executeCommand(commandId, {
-				id,
-				unitId: editing.unitId,
-				subUnitId: editing.subUnitId,
-				payload: {
-					display: showLabel ? display : "",
-					payload: formatUrl(type, payload)
-				},
-				row: editing.row,
-				column: editing.col,
-				documentId: editorBridgeService.getCurrentEditorId()
-			});
-		} else {
-			const commandId = editing.type === "editing" ? _univerjs_sheets_hyper_link.AddRichHyperLinkCommand.id : _univerjs_sheets_hyper_link.AddHyperLinkCommand.id;
-			await commandService.executeCommand(commandId, {
-				unitId: editing.unitId,
-				subUnitId: editing.subUnitId,
-				link: {
-					id: (0, _univerjs_core.generateRandomId)(),
+		if (editing) {
+			if (id) {
+				const commandId = editing.type === "editing" ? _univerjs_sheets_hyper_link.UpdateRichHyperLinkCommand.id : _univerjs_sheets_hyper_link.UpdateHyperLinkCommand.id;
+				await commandService.executeCommand(commandId, {
+					id,
+					unitId: editing.unitId,
+					subUnitId: editing.subUnitId,
+					payload: {
+						display: showLabel ? display : "",
+						tooltip,
+						payload: formatUrl(type, payload)
+					},
 					row: editing.row,
 					column: editing.col,
-					payload: formatUrl(type, payload),
-					display: showLabel ? display : ""
-				},
-				documentId: editorBridgeService.getCurrentEditorId()
-			});
+					documentId: editorBridgeService.getCurrentEditorId()
+				});
+			} else {
+				const commandId = editing.type === "editing" ? _univerjs_sheets_hyper_link.AddRichHyperLinkCommand.id : _univerjs_sheets_hyper_link.AddHyperLinkCommand.id;
+				await commandService.executeCommand(commandId, {
+					unitId: editing.unitId,
+					subUnitId: editing.subUnitId,
+					link: {
+						id: (0, _univerjs_core.generateRandomId)(),
+						row: editing.row,
+						column: editing.col,
+						payload: formatUrl(type, payload),
+						display: showLabel ? display : "",
+						tooltip
+					},
+					documentId: editorBridgeService.getCurrentEditorId()
+				});
+			}
 		}
 		if ((editing === null || editing === void 0 ? void 0 : editing.type) === "viewing") {
 			await commandService.executeCommand(_univerjs_sheets.SetWorksheetActiveOperation.id, {
@@ -639,6 +647,13 @@ const CellLinkEdit = () => {
 					}
 				})
 			}) : null,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+				label: localeService.t("sheets-hyper-link-ui.form.tooltip"),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
+					value: tooltip,
+					onChange: setTooltip
+				})
+			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
 				label: localeService.t("sheets-hyper-link-ui.form.type"),
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Select, {
@@ -781,7 +796,7 @@ const iconsMap = {
 };
 const CellLinkPopupPure = (props) => {
 	var _customRange$properti;
-	const popupService = (0, _univerjs_ui.useDependency)(SheetsHyperLinkPopupService);
+	const popupService = (0, _univerjs_ui.useDependency)(ISheetsHyperLinkPopupService);
 	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
 	const messageService = (0, _univerjs_ui.useDependency)(_univerjs_ui.IMessageService);
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
@@ -791,97 +806,105 @@ const CellLinkPopupPure = (props) => {
 	const { customRange, row, col, unitId, subUnitId, editPermission, copyPermission, type } = props;
 	if (!(customRange === null || customRange === void 0 || (_customRange$properti = customRange.properties) === null || _customRange$properti === void 0 ? void 0 : _customRange$properti.url)) return null;
 	const linkObj = parserHyperLinkService.parseHyperLink(customRange.properties.url ?? "");
+	const tooltip = customRange.properties.tooltip ?? customRange.properties._xlsxHyperlinkTooltip;
 	const isError = linkObj.type === _univerjs_sheets_hyper_link.SheetHyperLinkType.INVALID;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: (0, _univerjs_design.clsx)("univer-mb-1 univer-flex univer-max-w-80 univer-flex-row univer-items-center univer-justify-between univer-gap-2 univer-overflow-hidden univer-rounded-lg univer-bg-gray-0 univer-p-2 univer-shadow-md dark:!univer-bg-gray-900", _univerjs_design.borderClassName),
+		className: (0, _univerjs_design.clsx)("univer-mb-1 univer-grid univer-max-w-80 univer-grid-cols-[minmax(0,1fr)_auto] univer-items-center univer-gap-2 univer-overflow-hidden univer-rounded-lg univer-bg-gray-0 univer-p-2 univer-shadow-md dark:!univer-bg-gray-900", _univerjs_design.borderClassName),
 		onClick: () => popupService.hideCurrentPopup(),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: (0, _univerjs_design.clsx)("univer-flex univer-h-6 univer-flex-1 univer-cursor-pointer univer-flex-row univer-items-center univer-gap-1 univer-truncate univer-text-sm univer-leading-5 univer-text-primary-600", { "univer-text-red-500": isError }),
-			onClick: () => {
-				if (isError) return;
-				resolverService.navigate(linkObj);
-			},
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "univer-flex univer-size-5 univer-flex-none univer-items-center univer-justify-center univer-text-base univer-text-gray-900 dark:!univer-text-gray-0",
-				children: iconsMap[linkObj.type]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
-				showIfEllipsis: true,
-				title: linkObj.name,
-				asChild: true,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "univer-flex-1 univer-truncate",
-					children: linkObj.name
-				})
-			})]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "univer-flex univer-h-6 univer-flex-none univer-flex-row univer-items-center univer-justify-center univer-gap-2",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
-				type: "button",
-				variant: "text",
-				size: "small",
-				"data-u-comp": "cell-link-popup-copy",
-				"aria-label": localeService.t("sheets-hyper-link-ui.popup.copy"),
-				className: (0, _univerjs_design.clsx)("!univer-flex univer-size-6 !univer-rounded !univer-border-0 !univer-p-0 !univer-text-base !univer-font-normal disabled:!univer-pointer-events-auto", { "univer-text-red-500": isError }),
-				disabled: !copyPermission || isError,
-				onClick: async () => {
-					if (linkObj.type !== _univerjs_sheets_hyper_link.SheetHyperLinkType.URL) {
-						const url = new URL(window.location.href);
-						url.hash = linkObj.url.slice(1);
-						await navigator.clipboard.writeText(url.href);
-					} else await navigator.clipboard.writeText(linkObj.url);
-					messageService.show({
-						content: localeService.t("sheets-hyper-link-ui.message.coped"),
-						type: _univerjs_design.MessageType.Info
-					});
-				},
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
-					placement: "bottom",
-					title: localeService.t("sheets-hyper-link-ui.popup.copy"),
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.CopyIcon, { className: "dark:!univer-text-gray-0" })
-				})
-			}), editPermission && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				"data-u-comp": "cell-link-popup-edit",
-				className: "univer-flex univer-size-6 univer-cursor-pointer univer-flex-row univer-items-center univer-justify-center univer-rounded univer-text-base hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700",
-				onClick: () => {
-					return commandService.executeCommand(OpenHyperLinkEditPanelOperation.id, {
-						unitId,
-						subUnitId,
-						row,
-						col,
-						customRangeId: customRange.rangeId,
-						type
-					});
-				},
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
-					placement: "bottom",
-					title: localeService.t("sheets-hyper-link-ui.popup.edit"),
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.WriteIcon, { className: "dark:!univer-text-gray-0" })
-				})
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				"data-u-comp": "cell-link-popup-remove",
-				className: "univer-flex univer-size-6 univer-cursor-pointer univer-flex-row univer-items-center univer-justify-center univer-rounded univer-text-base hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: (0, _univerjs_design.clsx)("univer-flex univer-h-6 univer-flex-1 univer-cursor-pointer univer-flex-row univer-items-center univer-gap-1 univer-truncate univer-text-sm univer-leading-5 univer-text-primary-600", { "univer-text-red-500": isError }),
 				onClick: () => {
-					const commandId = type === "editing" ? _univerjs_sheets_hyper_link.CancelRichHyperLinkCommand.id : _univerjs_sheets_hyper_link.CancelHyperLinkCommand.id;
-					if (commandService.syncExecuteCommand(commandId, {
-						unitId,
-						subUnitId,
-						id: customRange.rangeId,
-						row,
-						column: col,
-						documentId: editorBridgeService.getCurrentEditorId()
-					})) popupService.hideCurrentPopup(void 0, true);
+					if (isError) return;
+					resolverService.navigate(linkObj);
 				},
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
-					placement: "bottom",
-					title: localeService.t("sheets-hyper-link-ui.popup.cancel"),
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.UnlinkIcon, { className: "dark:!univer-text-gray-0" })
-				})
-			})] })]
-		})]
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "univer-flex univer-size-5 univer-flex-none univer-items-center univer-justify-center univer-text-base univer-text-gray-900 dark:!univer-text-gray-0",
+					children: iconsMap[linkObj.type]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
+					showIfEllipsis: true,
+					title: linkObj.name,
+					asChild: true,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "univer-flex-1 univer-truncate",
+						children: linkObj.name
+					})
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "univer-flex univer-h-6 univer-flex-none univer-flex-row univer-items-center univer-justify-center univer-gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
+					type: "button",
+					variant: "text",
+					size: "small",
+					"data-u-comp": "cell-link-popup-copy",
+					"aria-label": localeService.t("sheets-hyper-link-ui.popup.copy"),
+					className: (0, _univerjs_design.clsx)("!univer-flex univer-size-6 !univer-rounded !univer-border-0 !univer-p-0 !univer-text-base !univer-font-normal disabled:!univer-pointer-events-auto", { "univer-text-red-500": isError }),
+					disabled: !copyPermission || isError,
+					onClick: async () => {
+						if (linkObj.type !== _univerjs_sheets_hyper_link.SheetHyperLinkType.URL) {
+							const url = new URL(window.location.href);
+							url.hash = linkObj.url.slice(1);
+							await navigator.clipboard.writeText(url.href);
+						} else await navigator.clipboard.writeText(linkObj.url);
+						messageService.show({
+							content: localeService.t("sheets-hyper-link-ui.message.coped"),
+							type: _univerjs_design.MessageType.Info
+						});
+					},
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
+						placement: "bottom",
+						title: localeService.t("sheets-hyper-link-ui.popup.copy"),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.CopyIcon, { className: "dark:!univer-text-gray-0" })
+					})
+				}), editPermission && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					"data-u-comp": "cell-link-popup-edit",
+					className: "univer-flex univer-size-6 univer-cursor-pointer univer-flex-row univer-items-center univer-justify-center univer-rounded univer-text-base hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700",
+					onClick: () => {
+						return commandService.executeCommand(OpenHyperLinkEditPanelOperation.id, {
+							unitId,
+							subUnitId,
+							row,
+							col,
+							customRangeId: customRange.rangeId,
+							type
+						});
+					},
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
+						placement: "bottom",
+						title: localeService.t("sheets-hyper-link-ui.popup.edit"),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.WriteIcon, { className: "dark:!univer-text-gray-0" })
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					"data-u-comp": "cell-link-popup-remove",
+					className: "univer-flex univer-size-6 univer-cursor-pointer univer-flex-row univer-items-center univer-justify-center univer-rounded univer-text-base hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700",
+					onClick: () => {
+						const commandId = type === "editing" ? _univerjs_sheets_hyper_link.CancelRichHyperLinkCommand.id : _univerjs_sheets_hyper_link.CancelHyperLinkCommand.id;
+						if (commandService.syncExecuteCommand(commandId, {
+							unitId,
+							subUnitId,
+							id: customRange.rangeId,
+							row,
+							column: col,
+							documentId: editorBridgeService.getCurrentEditorId()
+						})) popupService.hideCurrentPopup(void 0, true);
+					},
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
+						placement: "bottom",
+						title: localeService.t("sheets-hyper-link-ui.popup.cancel"),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.UnlinkIcon, { className: "dark:!univer-text-gray-0" })
+					})
+				})] })]
+			}),
+			typeof tooltip === "string" && tooltip && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "univer-col-span-2 univer-max-h-32 univer-overflow-y-auto univer-whitespace-pre-wrap univer-break-words univer-text-sm univer-text-gray-500",
+				children: tooltip
+			})
+		]
 	});
 };
 const CellLinkPopup = () => {
-	const popupService = (0, _univerjs_ui.useDependency)(SheetsHyperLinkPopupService);
+	const popupService = (0, _univerjs_ui.useDependency)(ISheetsHyperLinkPopupService);
 	const currentPopup = (0, _univerjs_ui.useObservable)(popupService.currentPopup$, popupService.currentPopup);
 	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
 	if (!currentPopup) return null;
@@ -1191,7 +1214,7 @@ const OpenHyperLinkEditPanelOperation = {
 	id: "sheet.operation.open-hyper-link-edit-panel",
 	handler(accessor, params) {
 		if (!params) return false;
-		const popupService = accessor.get(SheetsHyperLinkPopupService);
+		const popupService = accessor.get(ISheetsHyperLinkPopupService);
 		if (!params.customRangeId) popupService.startAddEditing(params);
 		else popupService.startEditing(params);
 		return true;
@@ -1201,7 +1224,7 @@ const CloseHyperLinkPopupOperation = {
 	type: _univerjs_core.CommandType.OPERATION,
 	id: "sheet.operation.close-hyper-link-popup",
 	handler(accessor) {
-		accessor.get(SheetsHyperLinkPopupService).endEditing();
+		accessor.get(ISheetsHyperLinkPopupService).endEditing();
 		return true;
 	}
 };
@@ -1209,7 +1232,8 @@ const InsertHyperLinkOperation = {
 	type: _univerjs_core.CommandType.OPERATION,
 	id: "sheet.operation.insert-hyper-link",
 	handler(accessor) {
-		const target = (0, _univerjs_sheets.getSheetCommandTarget)(accessor.get(_univerjs_core.IUniverInstanceService));
+		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+		const target = (0, _univerjs_sheets.getSheetCommandTarget)(univerInstanceService);
 		const editorBridgeService = accessor.get(_univerjs_sheets_ui.IEditorBridgeService);
 		if (!target) return false;
 		const commandService = accessor.get(_univerjs_core.ICommandService);
@@ -1233,7 +1257,7 @@ const InsertHyperLinkToolbarOperation = {
 	handler(accessor) {
 		if (getShouldDisableCurrentCellLink(accessor)) return false;
 		const commandService = accessor.get(_univerjs_core.ICommandService);
-		if (accessor.get(SheetsHyperLinkPopupService).currentEditing) return commandService.executeCommand(CloseHyperLinkPopupOperation.id);
+		if (accessor.get(ISheetsHyperLinkPopupService).currentEditing) return commandService.executeCommand(CloseHyperLinkPopupOperation.id);
 		else return commandService.executeCommand(InsertHyperLinkOperation.id);
 	}
 };
@@ -1478,7 +1502,8 @@ const getLinkDisable$ = (accessor) => {
 		return getShouldDisableCellLink(accessor, target.worksheet, state.row, state.column);
 	}), (0, rxjs.switchMap)((disableCell) => {
 		if (disableCell === 1) return (0, rxjs.of)(true);
-		return (0, rxjs.combineLatest)([editorBridgeService ? editorBridgeService.visible$ : (0, rxjs.of)(null), univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_DOC)]).pipe((0, rxjs.switchMap)(([editing, focusingDoc]) => {
+		const isEditing$ = editorBridgeService ? editorBridgeService.visible$ : (0, rxjs.of)(null);
+		return (0, rxjs.combineLatest)([isEditing$, univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_DOC)]).pipe((0, rxjs.switchMap)(([editing, focusingDoc]) => {
 			return (editing === null || editing === void 0 ? void 0 : editing.visible) ? (focusingDoc === null || focusingDoc === void 0 ? void 0 : focusingDoc.getUnitId()) === _univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY ? (0, rxjs.of)(true) : getEditingLinkDisable$(accessor, _univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY) : (0, rxjs.of)(disableCell !== 0);
 		}));
 	}))) ?? (0, rxjs.of)(true)).pipe((0, rxjs.switchMap)((disableCell) => {
@@ -1547,7 +1572,7 @@ const menuSchema = {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-hyper-link-ui";
-var version = "1.0.0-rc.0";
+var version = "1.0.1";
 
 //#endregion
 //#region src/controllers/auto-fill.controller.ts
@@ -1703,6 +1728,7 @@ SheetsHyperLinkPermissionController = __decorate([
 const MobileCellLinkEdit = () => {
 	const [id, setId] = (0, react.useState)("");
 	const [display, setDisplay] = (0, react.useState)("");
+	const [tooltip, setTooltip] = (0, react.useState)("");
 	const [showLabel, setShowLabel] = (0, react.useState)(true);
 	const [type, setType] = (0, react.useState)(_univerjs_sheets_hyper_link.SheetHyperLinkType.URL);
 	const [payload, setPayload] = (0, react.useState)("");
@@ -1710,7 +1736,7 @@ const MobileCellLinkEdit = () => {
 	const definedNameService = (0, _univerjs_ui.useDependency)(_univerjs_engine_formula.IDefinedNamesService);
 	const editorBridgeService = (0, _univerjs_ui.useDependency)(_univerjs_sheets_ui.IEditorBridgeService);
 	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
-	const popupService = (0, _univerjs_ui.useDependency)(SheetsHyperLinkPopupService);
+	const popupService = (0, _univerjs_ui.useDependency)(ISheetsHyperLinkPopupService);
 	const editing = (0, _univerjs_ui.useObservable)(popupService.currentEditing$);
 	const parserService = (0, _univerjs_ui.useDependency)(_univerjs_sheets_hyper_link.SheetsHyperLinkParserService);
 	const resolverService = (0, _univerjs_ui.useDependency)(SheetsHyperLinkResolverService);
@@ -1747,16 +1773,17 @@ const MobileCellLinkEdit = () => {
 			if (typeof label === "number") label = `${label}`;
 			let link;
 			if (customRange) {
-				var _customRange$properti;
+				var _customRange$properti, _customRange$properti2, _customRange$properti3;
 				link = {
 					id: (customRange === null || customRange === void 0 ? void 0 : customRange.rangeId) ?? "",
 					display: label ?? "",
 					payload: (customRange === null || customRange === void 0 || (_customRange$properti = customRange.properties) === null || _customRange$properti === void 0 ? void 0 : _customRange$properti.url) ?? "",
+					tooltip: (customRange === null || customRange === void 0 || (_customRange$properti2 = customRange.properties) === null || _customRange$properti2 === void 0 ? void 0 : _customRange$properti2.tooltip) ?? (customRange === null || customRange === void 0 || (_customRange$properti3 = customRange.properties) === null || _customRange$properti3 === void 0 ? void 0 : _customRange$properti3._xlsxHyperlinkTooltip) ?? "",
 					row,
 					column: col
 				};
 			} else if (editing.type === "viewing") {
-				var _cell$p, _cell$p2, _range$properties2;
+				var _cell$p, _cell$p2, _range$properties2, _range$properties3, _range$properties4;
 				const workbook = univerInstanceService.getUnit(editing.unitId);
 				const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getSheetBySheetId(editing.subUnitId);
 				const cell = worksheet === null || worksheet === void 0 ? void 0 : worksheet.getCellRaw(editing.row, editing.col);
@@ -1770,11 +1797,12 @@ const MobileCellLinkEdit = () => {
 					id: "",
 					display: "",
 					payload: (range === null || range === void 0 || (_range$properties2 = range.properties) === null || _range$properties2 === void 0 ? void 0 : _range$properties2.url) ?? "",
+					tooltip: (range === null || range === void 0 || (_range$properties3 = range.properties) === null || _range$properties3 === void 0 ? void 0 : _range$properties3.tooltip) ?? (range === null || range === void 0 || (_range$properties4 = range.properties) === null || _range$properties4 === void 0 ? void 0 : _range$properties4._xlsxHyperlinkTooltip) ?? "",
 					row,
 					column: col
 				};
 			} else {
-				var _BuildTextUtils$custo, _customRange$properti2;
+				var _BuildTextUtils$custo, _customRange$properti4, _customRange$properti5, _customRange$properti6;
 				const doc = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 				const currentSelection = textSelectionService.getActiveTextRange();
 				const body = doc === null || doc === void 0 ? void 0 : doc.getBody();
@@ -1784,12 +1812,14 @@ const MobileCellLinkEdit = () => {
 				link = {
 					id: "",
 					display: label ?? "",
-					payload: (customRange === null || customRange === void 0 || (_customRange$properti2 = customRange.properties) === null || _customRange$properti2 === void 0 ? void 0 : _customRange$properti2.url) ?? "",
+					payload: (customRange === null || customRange === void 0 || (_customRange$properti4 = customRange.properties) === null || _customRange$properti4 === void 0 ? void 0 : _customRange$properti4.url) ?? "",
+					tooltip: (customRange === null || customRange === void 0 || (_customRange$properti5 = customRange.properties) === null || _customRange$properti5 === void 0 ? void 0 : _customRange$properti5.tooltip) ?? (customRange === null || customRange === void 0 || (_customRange$properti6 = customRange.properties) === null || _customRange$properti6 === void 0 ? void 0 : _customRange$properti6._xlsxHyperlinkTooltip) ?? "",
 					row,
 					column: col
 				};
 			}
 			setId(link.id);
+			setTooltip(link.tooltip);
 			const customLink = sidePanelService.findCustomHyperLink(link);
 			if (customLink) {
 				const customLinkInfo = customLink.convert(link);
@@ -1809,7 +1839,8 @@ const MobileCellLinkEdit = () => {
 				case _univerjs_sheets_hyper_link.SheetHyperLinkType.RANGE: {
 					var _univerInstanceServic;
 					const params = linkInfo.searchObj;
-					const payload = (0, _univerjs_engine_formula.serializeRangeWithSheet)(params.gid ? ((_univerInstanceServic = univerInstanceService.getUnit(editing.unitId)) === null || _univerInstanceServic === void 0 || (_univerInstanceServic = _univerInstanceServic.getSheetBySheetId(params.gid)) === null || _univerInstanceServic === void 0 ? void 0 : _univerInstanceServic.getName()) ?? "" : "", (0, _univerjs_engine_formula.deserializeRangeWithSheet)(params.range).range);
+					const sheetName = params.gid ? ((_univerInstanceServic = univerInstanceService.getUnit(editing.unitId)) === null || _univerInstanceServic === void 0 || (_univerInstanceServic = _univerInstanceServic.getSheetBySheetId(params.gid)) === null || _univerInstanceServic === void 0 ? void 0 : _univerInstanceServic.getName()) ?? "" : "";
+					const payload = (0, _univerjs_engine_formula.serializeRangeWithSheet)(sheetName, (0, _univerjs_engine_formula.deserializeRangeWithSheet)(params.range).range);
 					setPayload(payload);
 					if (payload === link.display) setDisplaySyncedWithPayload(true);
 					break;
@@ -1824,9 +1855,7 @@ const MobileCellLinkEdit = () => {
 					setPayload(params.rangeid);
 					break;
 				}
-				default:
-					setPayload("");
-					break;
+				default: setPayload("");
 			}
 		}
 	}, [
@@ -1961,34 +1990,38 @@ const MobileCellLinkEdit = () => {
 			setShowError(true);
 			return;
 		}
-		if (editing) if (id) {
-			const commandId = editing.type === "editing" ? _univerjs_sheets_hyper_link.UpdateRichHyperLinkCommand.id : _univerjs_sheets_hyper_link.UpdateHyperLinkCommand.id;
-			await commandService.executeCommand(commandId, {
-				id,
-				unitId: editing.unitId,
-				subUnitId: editing.subUnitId,
-				payload: {
-					display: showLabel ? display : "",
-					payload: formatUrl(type, payload)
-				},
-				row: editing.row,
-				column: editing.col,
-				documentId: editorBridgeService.getCurrentEditorId()
-			});
-		} else {
-			const commandId = editing.type === "editing" ? _univerjs_sheets_hyper_link.AddRichHyperLinkCommand.id : _univerjs_sheets_hyper_link.AddHyperLinkCommand.id;
-			await commandService.executeCommand(commandId, {
-				unitId: editing.unitId,
-				subUnitId: editing.subUnitId,
-				link: {
-					id: (0, _univerjs_core.generateRandomId)(),
+		if (editing) {
+			if (id) {
+				const commandId = editing.type === "editing" ? _univerjs_sheets_hyper_link.UpdateRichHyperLinkCommand.id : _univerjs_sheets_hyper_link.UpdateHyperLinkCommand.id;
+				await commandService.executeCommand(commandId, {
+					id,
+					unitId: editing.unitId,
+					subUnitId: editing.subUnitId,
+					payload: {
+						display: showLabel ? display : "",
+						tooltip,
+						payload: formatUrl(type, payload)
+					},
 					row: editing.row,
 					column: editing.col,
-					payload: formatUrl(type, payload),
-					display: showLabel ? display : ""
-				},
-				documentId: editorBridgeService.getCurrentEditorId()
-			});
+					documentId: editorBridgeService.getCurrentEditorId()
+				});
+			} else {
+				const commandId = editing.type === "editing" ? _univerjs_sheets_hyper_link.AddRichHyperLinkCommand.id : _univerjs_sheets_hyper_link.AddHyperLinkCommand.id;
+				await commandService.executeCommand(commandId, {
+					unitId: editing.unitId,
+					subUnitId: editing.subUnitId,
+					link: {
+						id: (0, _univerjs_core.generateRandomId)(),
+						row: editing.row,
+						column: editing.col,
+						payload: formatUrl(type, payload),
+						display: showLabel ? display : "",
+						tooltip
+					},
+					documentId: editorBridgeService.getCurrentEditorId()
+				});
+			}
 		}
 		if ((editing === null || editing === void 0 ? void 0 : editing.type) === "viewing") {
 			await commandService.executeCommand(_univerjs_sheets.SetWorksheetActiveOperation.id, {
@@ -2025,6 +2058,13 @@ const MobileCellLinkEdit = () => {
 					}
 				})
 			}) : null,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+				label: localeService.t("sheets-hyper-link-ui.form.tooltip"),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
+					value: tooltip,
+					onChange: setTooltip
+				})
+			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
 				label: localeService.t("sheets-hyper-link-ui.form.type"),
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.MobileSelect, {
@@ -2160,7 +2200,7 @@ MobileCellLinkEdit.componentKey = "univer.sheet.mobile-cell-link-edit";
 //#region src/views/MobileCellLinkPopup.tsx
 function MobileCellLinkPopupPure(props) {
 	var _customRange$properti;
-	const popupService = (0, _univerjs_ui.useDependency)(SheetsHyperLinkPopupService);
+	const popupService = (0, _univerjs_ui.useDependency)(ISheetsHyperLinkPopupService);
 	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
 	const messageService = (0, _univerjs_ui.useDependency)(_univerjs_ui.IMessageService);
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
@@ -2170,6 +2210,7 @@ function MobileCellLinkPopupPure(props) {
 	const { customRange, row, col, unitId, subUnitId, editPermission, copyPermission, type } = props;
 	if (!(customRange === null || customRange === void 0 || (_customRange$properti = customRange.properties) === null || _customRange$properti === void 0 ? void 0 : _customRange$properti.url)) return null;
 	const linkObj = parserHyperLinkService.parseHyperLink(customRange.properties.url);
+	const tooltip = customRange.properties.tooltip ?? customRange.properties._xlsxHyperlinkTooltip;
 	const isError = linkObj.type === _univerjs_sheets_hyper_link.SheetHyperLinkType.INVALID;
 	const close = () => popupService.hideCurrentPopup(void 0, true);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -2187,6 +2228,10 @@ function MobileCellLinkPopupPure(props) {
 					close();
 				}
 			}),
+			typeof tooltip === "string" && tooltip && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "univer-max-h-32 univer-overflow-y-auto univer-whitespace-pre-wrap univer-break-words univer-text-sm univer-text-gray-500",
+				children: tooltip
+			}),
 			copyPermission && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.MobileActionRow, {
 				title: localeService.t("sheets-hyper-link-ui.popup.copy"),
 				"aria-label": localeService.t("sheets-hyper-link-ui.popup.copy"),
@@ -2243,7 +2288,7 @@ function MobileCellLinkPopupPure(props) {
 	});
 }
 function MobileCellLinkPopup() {
-	const popupService = (0, _univerjs_ui.useDependency)(SheetsHyperLinkPopupService);
+	const popupService = (0, _univerjs_ui.useDependency)(ISheetsHyperLinkPopupService);
 	const currentPopup = (0, _univerjs_ui.useObservable)(popupService.currentPopup$, popupService.currentPopup);
 	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
 	if (!currentPopup) return null;
@@ -2481,7 +2526,7 @@ let SheetsHyperLinkMobilePopupController = class SheetsHyperLinkMobilePopupContr
 };
 SheetsHyperLinkMobilePopupController = __decorate([
 	__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_sheets_ui.HoverManagerService)),
-	__decorateParam(1, (0, _univerjs_core.Inject)(SheetsHyperLinkPopupService)),
+	__decorateParam(1, (0, _univerjs_core.Inject)(ISheetsHyperLinkPopupService)),
 	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_engine_render.IRenderManagerService)),
 	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_core.IPermissionService)),
 	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetPermissionCheckController)),
@@ -2530,13 +2575,11 @@ SheetsHyperLinkRenderController = __decorate([__decorateParam(1, (0, _univerjs_c
 * limitations under the License.
 */
 let SheetsHyperLinkUIController = class SheetsHyperLinkUIController extends _univerjs_core.Disposable {
-	constructor(_commandService, _menuManagerService, _shortcutService) {
+	constructor(_commandService, _shortcutService) {
 		super();
 		this._commandService = _commandService;
-		this._menuManagerService = _menuManagerService;
 		this._shortcutService = _shortcutService;
 		this._initCommands();
-		this._initMenus();
 		this._initShortCut();
 	}
 	_initCommands() {
@@ -2546,21 +2589,14 @@ let SheetsHyperLinkUIController = class SheetsHyperLinkUIController extends _uni
 			InsertHyperLinkOperation,
 			InsertHyperLinkToolbarOperation
 		].forEach((command) => {
-			this._commandService.registerCommand(command);
+			this.disposeWithMe(this._commandService.registerCommand(command));
 		});
 	}
-	_initMenus() {
-		this._menuManagerService.mergeMenu(menuSchema);
-	}
 	_initShortCut() {
-		this._shortcutService.registerShortcut(InsertLinkShortcut);
+		this.disposeWithMe(this._shortcutService.registerShortcut(InsertLinkShortcut));
 	}
 };
-SheetsHyperLinkUIController = __decorate([
-	__decorateParam(0, _univerjs_core.ICommandService),
-	__decorateParam(1, _univerjs_ui.IMenuManagerService),
-	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_ui.IShortcutService))
-], SheetsHyperLinkUIController);
+SheetsHyperLinkUIController = __decorate([__decorateParam(0, _univerjs_core.ICommandService), __decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_ui.IShortcutService))], SheetsHyperLinkUIController);
 
 //#endregion
 //#region src/controllers/url.controller.ts
@@ -2596,6 +2632,47 @@ let SheetHyperLinkUrlController = class SheetHyperLinkUrlController extends _uni
 };
 SheetHyperLinkUrlController = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_sheets_hyper_link.SheetsHyperLinkParserService)), __decorateParam(1, (0, _univerjs_core.Inject)(SheetsHyperLinkResolverService))], SheetHyperLinkUrlController);
 
+//#endregion
+//#region src/menu/mobile-schema.ts
+const mobileMenuSchema = {
+	[_univerjs_ui.RibbonInsertGroup.MEDIA]: { [InsertHyperLinkToolbarOperation.id]: {
+		order: 1,
+		menuItemFactory: insertLinkMenuToolbarFactory
+	} },
+	[_univerjs_ui.ContextMenuPosition.MAIN_AREA]: { [_univerjs_ui.ContextMenuGroup.OTHERS]: {
+		order: 1,
+		[InsertHyperLinkToolbarOperation.id]: {
+			order: 0,
+			menuItemFactory: insertLinkMenuFactory
+		}
+	} }
+};
+
+//#endregion
+//#region src/menu/mobile-hyper-link-menu.controller.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.
+*/
+let SheetsHyperLinkMobileMenuController = class SheetsHyperLinkMobileMenuController extends _univerjs_core.Disposable {
+	constructor(menuManagerService) {
+		super();
+		menuManagerService.mergeMenu(mobileMenuSchema);
+	}
+};
+SheetsHyperLinkMobileMenuController = __decorate([__decorateParam(0, _univerjs_ui.IMenuManagerService)], SheetsHyperLinkMobileMenuController);
+
 //#endregion
 //#region src/services/mobile-popup.service.ts
 const MOBILE_HYPER_LINK_EDITOR_DIALOG_ID = "sheet-mobile-hyper-link-editor";
@@ -2729,10 +2806,10 @@ let UniverSheetsHyperLinkMobileUIPlugin = class UniverSheetsHyperLinkMobileUIPlu
 			[MobileComponentsController],
 			[SheetsHyperLinkResolverService],
 			[ISheetsHyperLinkPopupService, { useClass: SheetsHyperLinkMobilePopupService }],
-			[SheetsHyperLinkPopupService, { useExisting: ISheetsHyperLinkPopupService }],
 			[SheetsHyperLinkSidePanelService],
 			[SheetsHyperLinkMobilePopupController],
 			[SheetsHyperLinkUIController],
+			[SheetsHyperLinkMobileMenuController],
 			[SheetsHyperLinkAutoFillController],
 			[SheetsHyperLinkCopyPasteController],
 			[SheetsHyperLinkPermissionController],
@@ -2748,6 +2825,7 @@ let UniverSheetsHyperLinkMobileUIPlugin = class UniverSheetsHyperLinkMobileUIPlu
 		this._injector.get(SheetsHyperLinkAutoFillController);
 		this._injector.get(SheetsHyperLinkCopyPasteController);
 		this._injector.get(SheetsHyperLinkUIController);
+		this._injector.get(SheetsHyperLinkMobileMenuController);
 	}
 	onRendered() {
 		this._injector.get(SheetsHyperLinkPermissionController);
@@ -2993,7 +3071,7 @@ let SheetsHyperLinkPopupController = class SheetsHyperLinkPopupController extend
 };
 SheetsHyperLinkPopupController = __decorate([
 	__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_sheets_ui.HoverManagerService)),
-	__decorateParam(1, (0, _univerjs_core.Inject)(SheetsHyperLinkPopupService)),
+	__decorateParam(1, (0, _univerjs_core.Inject)(ISheetsHyperLinkPopupService)),
 	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_engine_render.IRenderManagerService)),
 	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_core.IPermissionService)),
 	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetPermissionCheckController)),
@@ -3003,6 +3081,31 @@ SheetsHyperLinkPopupController = __decorate([
 	__decorateParam(8, _univerjs_core.IUniverInstanceService)
 ], SheetsHyperLinkPopupController);
 
+//#endregion
+//#region src/menu/hyper-link-menu.controller.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.
+*/
+let SheetsHyperLinkMenuController = class SheetsHyperLinkMenuController extends _univerjs_core.Disposable {
+	constructor(menuManagerService) {
+		super();
+		menuManagerService.mergeMenu(menuSchema);
+	}
+};
+SheetsHyperLinkMenuController = __decorate([__decorateParam(0, _univerjs_ui.IMenuManagerService)], SheetsHyperLinkMenuController);
+
 //#endregion
 //#region src/plugin.ts
 let UniverSheetsHyperLinkUIPlugin = class UniverSheetsHyperLinkUIPlugin extends _univerjs_core.Plugin {
@@ -3021,10 +3124,10 @@ let UniverSheetsHyperLinkUIPlugin = class UniverSheetsHyperLinkUIPlugin extends
 		[
 			[SheetsHyperLinkResolverService],
 			[ISheetsHyperLinkPopupService, { useClass: SheetsHyperLinkPopupService }],
-			[SheetsHyperLinkPopupService, { useExisting: ISheetsHyperLinkPopupService }],
 			[SheetsHyperLinkSidePanelService],
 			[SheetsHyperLinkPopupController],
 			[SheetsHyperLinkUIController],
+			[SheetsHyperLinkMenuController],
 			[SheetsHyperLinkAutoFillController],
 			[SheetsHyperLinkCopyPasteController],
 			[SheetsHyperLinkPermissionController],
@@ -3036,6 +3139,7 @@ let UniverSheetsHyperLinkUIPlugin = class UniverSheetsHyperLinkUIPlugin extends
 		this._injector.get(SheetsHyperLinkAutoFillController);
 		this._injector.get(SheetsHyperLinkCopyPasteController);
 		this._injector.get(SheetsHyperLinkUIController);
+		this._injector.get(SheetsHyperLinkMenuController);
 	}
 	onRendered() {
 		this._injector.get(SheetsHyperLinkPermissionController);