@univerjs/sheets-hyper-link-ui 1.0.0-alpha.0 → 1.0.0-alpha.2

package/lib/cjs/index.js

@@ -779,7 +779,7 @@ CellLinkEdit.componentKey = "univer.sheet.cell-link-edit";
 //#region src/views/CellLinkPopup.tsx
 const iconsMap = {
 	[_univerjs_sheets_hyper_link.SheetHyperLinkType.URL]: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.LinkIcon, {}),
-	[_univerjs_sheets_hyper_link.SheetHyperLinkType.SHEET]: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.XlsxMultiIcon, { className: "univer-text-green-500" }),
+	[_univerjs_sheets_hyper_link.SheetHyperLinkType.SHEET]: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.SheetsMultiIcon, { className: "univer-text-green-500" }),
 	[_univerjs_sheets_hyper_link.SheetHyperLinkType.RANGE]: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.AllBorderIcon, {}),
 	[_univerjs_sheets_hyper_link.SheetHyperLinkType.DEFINE_NAME]: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.AllBorderIcon, {}),
 	[_univerjs_sheets_hyper_link.SheetHyperLinkType.INVALID]: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.AllBorderIcon, {})
@@ -798,16 +798,16 @@ const CellLinkPopupPure = (props) => {
 	const linkObj = parserHyperLinkService.parseHyperLink((_customRange$properti2 = customRange.properties.url) !== null && _customRange$properti2 !== void 0 ? _customRange$properti2 : "");
 	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-overflow-hidden univer-rounded-lg univer-bg-white univer-p-3 univer-shadow-md dark:!univer-bg-gray-900", _univerjs_design.borderClassName),
+		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-white 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-truncate univer-text-sm univer-leading-5 univer-text-primary-600", { "univer-text-red-500": isError }),
+			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-mr-2 univer-flex univer-size-5 univer-flex-none univer-items-center univer-justify-center univer-text-base univer-text-gray-900 dark:!univer-text-white",
+				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-white",
 				children: iconsMap[linkObj.type]
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
 				showIfEllipsis: true,
@@ -819,9 +819,9 @@ const CellLinkPopupPure = (props) => {
 				})
 			})]
 		}), /* @__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",
+			className: "univer-flex univer-h-6 univer-flex-none univer-flex-row univer-items-center univer-justify-center univer-gap-2",
 			children: [copyPermission && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: (0, _univerjs_design.clsx)("univer-ml-2 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", { "univer-text-red-500": isError }),
+				className: (0, _univerjs_design.clsx)("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", { "univer-text-red-500": isError }),
 				onClick: () => {
 					if (isError) return;
 					if (linkObj.type !== _univerjs_sheets_hyper_link.SheetHyperLinkType.URL) {
@@ -840,7 +840,8 @@ const CellLinkPopupPure = (props) => {
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.CopyIcon, { className: "dark:!univer-text-white" })
 				})
 			}), editPermission && /* @__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-flex-row univer-items-center univer-justify-center univer-rounded univer-text-base hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700",
+				"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: () => {
 					commandService.executeCommand(OpenHyperLinkEditPanelOperation.id, {
 						unitId,
@@ -857,7 +858,8 @@ const CellLinkPopupPure = (props) => {
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.WriteIcon, { className: "dark:!univer-text-white" })
 				})
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "univer-ml-2 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",
+				"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, {
@@ -1174,13 +1176,14 @@ const getShouldDisableCurrentCellLink = (accessor) => {
 	return getShouldDisableCellLink(accessor, worksheet, row, col) === 1;
 };
 const shouldDisableAddLink = (accessor) => {
+	var _doc$getSelfOrHeaderF;
 	const textSelectionService = accessor.get(_univerjs_docs.DocSelectionManagerService);
 	const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 	const textRanges = textSelectionService.getTextRanges();
 	if (!(textRanges === null || textRanges === void 0 ? void 0 : textRanges.length)) return true;
 	const doc = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 	if (!doc || textRanges.every((range) => range.collapsed)) return true;
-	if (!doc.getSelfOrHeaderFooterModel(textRanges[0].segmentId).getBody()) return true;
+	if (!((_doc$getSelfOrHeaderF = doc.getSelfOrHeaderFooterModel(textRanges[0].segmentId)) === null || _doc$getSelfOrHeaderF === void 0 ? void 0 : _doc$getSelfOrHeaderF.getBody())) return true;
 	return false;
 };
 
@@ -1527,7 +1530,7 @@ const InsertLinkShortcut = {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-hyper-link-ui";
-var version = "1.0.0-alpha.0";
+var version = "1.0.0-alpha.2";
 
 //#endregion
 //#region src/controllers/auto-fill.controller.ts

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

@@ -19,6 +19,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "الرجاء إدخال رابط صالح"
 	},
 	menu: { add: "إدراج ارتباط تشعبي" },
+	permission: { hyperLinkErr: "ليس لديك إذن لإدراج رابط." },
 	message: {
 		noSheet: "تم حذف الورقة المستهدفة",
 		refError: "نطاق غير صالح",

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

@@ -19,6 +19,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "Si us plau, introdueix un enllaç vàlid"
 	},
 	menu: { add: "Insereix enllaç" },
+	permission: { hyperLinkErr: "No teniu permís per inserir un enllaç." },
 	message: {
 		noSheet: "El full de destinació ha estat eliminat",
 		refError: "Interval no vàlid",

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

@@ -19,6 +19,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "Bitte einen gültigen Link eingeben"
 	},
 	menu: { add: "Link einfügen" },
+	permission: { hyperLinkErr: "Sie haben keine Berechtigung, einen Link einzufügen." },
 	message: {
 		noSheet: "Zielblatt wurde gelöscht",
 		refError: "Ungültiger Bereich",

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

@@ -34,6 +34,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "Please enter a legal link"
 	},
 	menu: { add: "Insert Link" },
+	permission: { hyperLinkErr: "You do not have permission to insert a link." },
 	message: {
 		noSheet: "Target sheet has been delete",
 		refError: "Invalid Range",

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

@@ -19,6 +19,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "Por favor, introduce un enlace válido"
 	},
 	menu: { add: "Insertar enlace" },
+	permission: { hyperLinkErr: "No tiene permiso para insertar un enlace." },
 	message: {
 		noSheet: "La hoja de destino ha sido eliminada",
 		refError: "Rango no válido",

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

@@ -19,6 +19,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "لطفا یک لینک معتبر وارد کنید"
 	},
 	menu: { add: "درج لینک" },
+	permission: { hyperLinkErr: "شما مجوز درج لینک را ندارید." },
 	message: {
 		noSheet: "برگ هدف حذف شده است",
 		refError: "محدوده نامعتبر",

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

@@ -19,6 +19,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "Veuillez entrer un lien valide"
 	},
 	menu: { add: "Insérer un lien" },
+	permission: { hyperLinkErr: "Vous n’avez pas l’autorisation d’insérer un lien." },
 	message: {
 		noSheet: "La feuille cible a été supprimée",
 		refError: "Plage invalide",

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

@@ -19,6 +19,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "Silakan masukkan tautan yang valid"
 	},
 	menu: { add: "Sisipkan Tautan" },
+	permission: { hyperLinkErr: "Anda tidak memiliki izin untuk menyisipkan tautan." },
 	message: {
 		noSheet: "Lembar target telah dihapus",
 		refError: "Rentang Tidak Valid",

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

@@ -19,6 +19,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "Inserisci un collegamento valido"
 	},
 	menu: { add: "Inserisci collegamento" },
+	permission: { hyperLinkErr: "Non hai l’autorizzazione per inserire un collegamento." },
 	message: {
 		noSheet: "Il foglio di destinazione è stato eliminato",
 		refError: "Intervallo non valido",

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

@@ -19,6 +19,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "有効なリンクを入力してください"
 	},
 	menu: { add: "リンクの挿入" },
+	permission: { hyperLinkErr: "リンクを挿入する権限がありません。" },
 	message: {
 		noSheet: "対象のワークシートが削除されました",
 		refError: "無効な範囲です",

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

@@ -19,6 +19,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "유효한 링크를 입력하세요"
 	},
 	menu: { add: "링크 삽입" },
+	permission: { hyperLinkErr: "링크를 삽입할 권한이 없습니다." },
 	message: {
 		noSheet: "대상 워크시트가 삭제되었습니다",
 		refError: "잘못된 범위입니다",

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

@@ -19,6 +19,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "Wprowadź prawidłowe łącze"
 	},
 	menu: { add: "Wstaw łącze" },
+	permission: { hyperLinkErr: "Nie masz uprawnień do wstawiania łącza." },
 	message: {
 		noSheet: "Arkusz docelowy został usunięty",
 		refError: "Nieprawidłowy zakres",

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

@@ -19,6 +19,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "Por favor, digite um link válido"
 	},
 	menu: { add: "Inserir Link" },
+	permission: { hyperLinkErr: "Você não tem permissão para inserir um link." },
 	message: {
 		noSheet: "A planilha de destino foi excluída",
 		refError: "Intervalo Inválido",

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

@@ -19,6 +19,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "Пожалуйста, введите корректную ссылку"
 	},
 	menu: { add: "Вставить ссылку" },
+	permission: { hyperLinkErr: "У вас нет разрешения на вставку ссылки." },
 	message: {
 		noSheet: "Целевой лист был удален",
 		refError: "Недопустимый диапазон",

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

@@ -19,6 +19,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "Zadajte platný odkaz"
 	},
 	menu: { add: "Vložiť odkaz" },
+	permission: { hyperLinkErr: "Nemáte povolenie vložiť odkaz." },
 	message: {
 		noSheet: "Cieľový hárok bol odstránený",
 		refError: "Neplatný rozsah",

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

@@ -19,6 +19,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "Vui lòng nhập liên kết hợp lệ"
 	},
 	menu: { add: "Thêm liên kết" },
+	permission: { hyperLinkErr: "Bạn không có quyền chèn liên kết." },
 	message: {
 		noSheet: "Bảng con này đã bị xóa",
 		refError: "Tham chiếu lỗi",

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

@@ -19,6 +19,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "请输入合法的链接"
 	},
 	menu: { add: "添加链接" },
+	permission: { hyperLinkErr: "你没有权限插入链接。" },
 	message: {
 		noSheet: "该子表已被删除",
 		refError: "错误的引用",

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

@@ -19,6 +19,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "請輸入合法的連結"
 	},
 	menu: { add: "新增連結" },
+	permission: { hyperLinkErr: "你沒有權限插入連結。" },
 	message: {
 		noSheet: "該子表已被刪除",
 		refError: "錯誤的引用",

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

@@ -19,6 +19,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "請輸入合法的連結"
 	},
 	menu: { add: "新增連結" },
+	permission: { hyperLinkErr: "你沒有權限插入連結。" },
 	message: {
 		noSheet: "該子表已被刪除",
 		refError: "錯誤的引用",

package/lib/es/index.js

@@ -12,7 +12,7 @@ import { AddHyperLinkCommand, AddHyperLinkMutation, AddRichHyperLinkCommand, Can
 import { ComponentManager, ContextMenuGroup, ContextMenuPosition, IMenuManagerService, IMessageService, IShortcutService, IconManager, KeyCode, MenuItemType, MetaKeys, RibbonInsertGroup, getMenuHiddenObservable, useDependency, useEvent, useObservable } from "@univerjs/ui";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { AllBorderIcon, CopyIcon, LinkIcon, UnlinkIcon, WriteIcon, XlsxMultiIcon } from "@univerjs/icons";
+import { AllBorderIcon, CopyIcon, LinkIcon, SheetsMultiIcon, UnlinkIcon, WriteIcon } from "@univerjs/icons";
 import { SheetDataValidationModel } from "@univerjs/sheets-data-validation";
 
 //#region src/common/util.ts
@@ -778,7 +778,7 @@ CellLinkEdit.componentKey = "univer.sheet.cell-link-edit";
 //#region src/views/CellLinkPopup.tsx
 const iconsMap = {
 	[SheetHyperLinkType.URL]: /* @__PURE__ */ jsx(LinkIcon, {}),
-	[SheetHyperLinkType.SHEET]: /* @__PURE__ */ jsx(XlsxMultiIcon, { className: "univer-text-green-500" }),
+	[SheetHyperLinkType.SHEET]: /* @__PURE__ */ jsx(SheetsMultiIcon, { className: "univer-text-green-500" }),
 	[SheetHyperLinkType.RANGE]: /* @__PURE__ */ jsx(AllBorderIcon, {}),
 	[SheetHyperLinkType.DEFINE_NAME]: /* @__PURE__ */ jsx(AllBorderIcon, {}),
 	[SheetHyperLinkType.INVALID]: /* @__PURE__ */ jsx(AllBorderIcon, {})
@@ -797,16 +797,16 @@ const CellLinkPopupPure = (props) => {
 	const linkObj = parserHyperLinkService.parseHyperLink((_customRange$properti2 = customRange.properties.url) !== null && _customRange$properti2 !== void 0 ? _customRange$properti2 : "");
 	const isError = linkObj.type === SheetHyperLinkType.INVALID;
 	return /* @__PURE__ */ jsxs("div", {
-		className: clsx("univer-mb-1 univer-flex univer-max-w-80 univer-flex-row univer-items-center univer-justify-between univer-overflow-hidden univer-rounded-lg univer-bg-white univer-p-3 univer-shadow-md dark:!univer-bg-gray-900", borderClassName),
+		className: 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-white univer-p-2 univer-shadow-md dark:!univer-bg-gray-900", borderClassName),
 		onClick: () => popupService.hideCurrentPopup(),
 		children: [/* @__PURE__ */ jsxs("div", {
-			className: clsx("univer-flex univer-h-6 univer-flex-1 univer-cursor-pointer univer-flex-row univer-items-center univer-truncate univer-text-sm univer-leading-5 univer-text-primary-600", { "univer-text-red-500": isError }),
+			className: 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__ */ jsx("div", {
-				className: "univer-mr-2 univer-flex univer-size-5 univer-flex-none univer-items-center univer-justify-center univer-text-base univer-text-gray-900 dark:!univer-text-white",
+				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-white",
 				children: iconsMap[linkObj.type]
 			}), /* @__PURE__ */ jsx(Tooltip, {
 				showIfEllipsis: true,
@@ -818,9 +818,9 @@ const CellLinkPopupPure = (props) => {
 				})
 			})]
 		}), /* @__PURE__ */ jsxs("div", {
-			className: "univer-flex univer-h-6 univer-flex-none univer-flex-row univer-items-center univer-justify-center",
+			className: "univer-flex univer-h-6 univer-flex-none univer-flex-row univer-items-center univer-justify-center univer-gap-2",
 			children: [copyPermission && /* @__PURE__ */ jsx("div", {
-				className: clsx("univer-ml-2 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", { "univer-text-red-500": isError }),
+				className: clsx("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", { "univer-text-red-500": isError }),
 				onClick: () => {
 					if (isError) return;
 					if (linkObj.type !== SheetHyperLinkType.URL) {
@@ -839,7 +839,8 @@ const CellLinkPopupPure = (props) => {
 					children: /* @__PURE__ */ jsx(CopyIcon, { className: "dark:!univer-text-white" })
 				})
 			}), editPermission && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
-				className: "univer-ml-2 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",
+				"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: () => {
 					commandService.executeCommand(OpenHyperLinkEditPanelOperation.id, {
 						unitId,
@@ -856,7 +857,8 @@ const CellLinkPopupPure = (props) => {
 					children: /* @__PURE__ */ jsx(WriteIcon, { className: "dark:!univer-text-white" })
 				})
 			}), /* @__PURE__ */ jsx("div", {
-				className: "univer-ml-2 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",
+				"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" ? CancelRichHyperLinkCommand.id : CancelHyperLinkCommand.id;
 					if (commandService.syncExecuteCommand(commandId, {
@@ -1173,13 +1175,14 @@ const getShouldDisableCurrentCellLink = (accessor) => {
 	return getShouldDisableCellLink(accessor, worksheet, row, col) === 1;
 };
 const shouldDisableAddLink = (accessor) => {
+	var _doc$getSelfOrHeaderF;
 	const textSelectionService = accessor.get(DocSelectionManagerService);
 	const univerInstanceService = accessor.get(IUniverInstanceService);
 	const textRanges = textSelectionService.getTextRanges();
 	if (!(textRanges === null || textRanges === void 0 ? void 0 : textRanges.length)) return true;
 	const doc = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 	if (!doc || textRanges.every((range) => range.collapsed)) return true;
-	if (!doc.getSelfOrHeaderFooterModel(textRanges[0].segmentId).getBody()) return true;
+	if (!((_doc$getSelfOrHeaderF = doc.getSelfOrHeaderFooterModel(textRanges[0].segmentId)) === null || _doc$getSelfOrHeaderF === void 0 ? void 0 : _doc$getSelfOrHeaderF.getBody())) return true;
 	return false;
 };
 
@@ -1526,7 +1529,7 @@ const InsertLinkShortcut = {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-hyper-link-ui";
-var version = "1.0.0-alpha.0";
+var version = "1.0.0-alpha.2";
 
 //#endregion
 //#region src/controllers/auto-fill.controller.ts

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

@@ -18,6 +18,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "الرجاء إدخال رابط صالح"
 	},
 	menu: { add: "إدراج ارتباط تشعبي" },
+	permission: { hyperLinkErr: "ليس لديك إذن لإدراج رابط." },
 	message: {
 		noSheet: "تم حذف الورقة المستهدفة",
 		refError: "نطاق غير صالح",

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

@@ -18,6 +18,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "Si us plau, introdueix un enllaç vàlid"
 	},
 	menu: { add: "Insereix enllaç" },
+	permission: { hyperLinkErr: "No teniu permís per inserir un enllaç." },
 	message: {
 		noSheet: "El full de destinació ha estat eliminat",
 		refError: "Interval no vàlid",

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

@@ -18,6 +18,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "Bitte einen gültigen Link eingeben"
 	},
 	menu: { add: "Link einfügen" },
+	permission: { hyperLinkErr: "Sie haben keine Berechtigung, einen Link einzufügen." },
 	message: {
 		noSheet: "Zielblatt wurde gelöscht",
 		refError: "Ungültiger Bereich",

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

@@ -33,6 +33,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "Please enter a legal link"
 	},
 	menu: { add: "Insert Link" },
+	permission: { hyperLinkErr: "You do not have permission to insert a link." },
 	message: {
 		noSheet: "Target sheet has been delete",
 		refError: "Invalid Range",

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

@@ -18,6 +18,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "Por favor, introduce un enlace válido"
 	},
 	menu: { add: "Insertar enlace" },
+	permission: { hyperLinkErr: "No tiene permiso para insertar un enlace." },
 	message: {
 		noSheet: "La hoja de destino ha sido eliminada",
 		refError: "Rango no válido",

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

@@ -18,6 +18,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "لطفا یک لینک معتبر وارد کنید"
 	},
 	menu: { add: "درج لینک" },
+	permission: { hyperLinkErr: "شما مجوز درج لینک را ندارید." },
 	message: {
 		noSheet: "برگ هدف حذف شده است",
 		refError: "محدوده نامعتبر",

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

@@ -18,6 +18,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "Veuillez entrer un lien valide"
 	},
 	menu: { add: "Insérer un lien" },
+	permission: { hyperLinkErr: "Vous n’avez pas l’autorisation d’insérer un lien." },
 	message: {
 		noSheet: "La feuille cible a été supprimée",
 		refError: "Plage invalide",

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

@@ -18,6 +18,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "Silakan masukkan tautan yang valid"
 	},
 	menu: { add: "Sisipkan Tautan" },
+	permission: { hyperLinkErr: "Anda tidak memiliki izin untuk menyisipkan tautan." },
 	message: {
 		noSheet: "Lembar target telah dihapus",
 		refError: "Rentang Tidak Valid",

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

@@ -18,6 +18,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "Inserisci un collegamento valido"
 	},
 	menu: { add: "Inserisci collegamento" },
+	permission: { hyperLinkErr: "Non hai l’autorizzazione per inserire un collegamento." },
 	message: {
 		noSheet: "Il foglio di destinazione è stato eliminato",
 		refError: "Intervallo non valido",

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

@@ -18,6 +18,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "有効なリンクを入力してください"
 	},
 	menu: { add: "リンクの挿入" },
+	permission: { hyperLinkErr: "リンクを挿入する権限がありません。" },
 	message: {
 		noSheet: "対象のワークシートが削除されました",
 		refError: "無効な範囲です",

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

@@ -18,6 +18,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "유효한 링크를 입력하세요"
 	},
 	menu: { add: "링크 삽입" },
+	permission: { hyperLinkErr: "링크를 삽입할 권한이 없습니다." },
 	message: {
 		noSheet: "대상 워크시트가 삭제되었습니다",
 		refError: "잘못된 범위입니다",

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

@@ -18,6 +18,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "Wprowadź prawidłowe łącze"
 	},
 	menu: { add: "Wstaw łącze" },
+	permission: { hyperLinkErr: "Nie masz uprawnień do wstawiania łącza." },
 	message: {
 		noSheet: "Arkusz docelowy został usunięty",
 		refError: "Nieprawidłowy zakres",

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

@@ -18,6 +18,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "Por favor, digite um link válido"
 	},
 	menu: { add: "Inserir Link" },
+	permission: { hyperLinkErr: "Você não tem permissão para inserir um link." },
 	message: {
 		noSheet: "A planilha de destino foi excluída",
 		refError: "Intervalo Inválido",

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

@@ -18,6 +18,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "Пожалуйста, введите корректную ссылку"
 	},
 	menu: { add: "Вставить ссылку" },
+	permission: { hyperLinkErr: "У вас нет разрешения на вставку ссылки." },
 	message: {
 		noSheet: "Целевой лист был удален",
 		refError: "Недопустимый диапазон",

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

@@ -18,6 +18,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "Zadajte platný odkaz"
 	},
 	menu: { add: "Vložiť odkaz" },
+	permission: { hyperLinkErr: "Nemáte povolenie vložiť odkaz." },
 	message: {
 		noSheet: "Cieľový hárok bol odstránený",
 		refError: "Neplatný rozsah",

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

@@ -18,6 +18,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "Vui lòng nhập liên kết hợp lệ"
 	},
 	menu: { add: "Thêm liên kết" },
+	permission: { hyperLinkErr: "Bạn không có quyền chèn liên kết." },
 	message: {
 		noSheet: "Bảng con này đã bị xóa",
 		refError: "Tham chiếu lỗi",

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

@@ -18,6 +18,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "请输入合法的链接"
 	},
 	menu: { add: "添加链接" },
+	permission: { hyperLinkErr: "你没有权限插入链接。" },
 	message: {
 		noSheet: "该子表已被删除",
 		refError: "错误的引用",

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

@@ -18,6 +18,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "請輸入合法的連結"
 	},
 	menu: { add: "新增連結" },
+	permission: { hyperLinkErr: "你沒有權限插入連結。" },
 	message: {
 		noSheet: "該子表已被刪除",
 		refError: "錯誤的引用",

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

@@ -18,6 +18,7 @@ const locale = { "sheets-hyper-link-ui": {
 		linkError: "請輸入合法的連結"
 	},
 	menu: { add: "新增連結" },
+	permission: { hyperLinkErr: "你沒有權限插入連結。" },
 	message: {
 		noSheet: "該子表已被刪除",
 		refError: "錯誤的引用",

package/lib/index.css

@@ -2,14 +2,6 @@
   margin-bottom: .25rem;
 }
 
-.univer-ml-2 {
-  margin-left: .5rem;
-}
-
-.univer-mr-2 {
-  margin-right: .5rem;
-}
-
 .univer-box-border {
   box-sizing: border-box;
 }
@@ -76,6 +68,10 @@
   justify-content: space-between;
 }
 
+.univer-gap-1 {
+  gap: .25rem;
+}
+
 .univer-gap-2 {
   gap: .5rem;
 }
@@ -106,8 +102,8 @@
   background-color: var(--univer-white);
 }
 
-.univer-p-3 {
-  padding: .75rem;
+.univer-p-2 {
+  padding: .5rem;
 }
 
 .univer-p-4 {