@univerjs/docs-hyper-link-ui 1.0.0-alpha.8 → 1.0.0-beta.1

package/lib/cjs/index.js

@@ -119,7 +119,7 @@ const DocHyperLinkEdit = () => {
 	const isLegal = _univerjs_core.Tools.isLegalUrl(link);
 	const doc = editing ? univerInstanceService.getUnit(editing.unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC) : univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 	(0, react.useEffect)(() => {
-		var _doc$getSelfOrHeaderF2, _BuildTextUtils$custo, _body$customRanges2;
+		var _doc$getSelfOrHeaderF2, _BuildTextUtils$custo;
 		const activeRange = docSelectionManagerService.getActiveTextRange();
 		if (!activeRange) return;
 		if (editing) {
@@ -127,18 +127,18 @@ const DocHyperLinkEdit = () => {
 			const body = doc === null || doc === void 0 || (_doc$getSelfOrHeaderF = doc.getSelfOrHeaderFooterModel(editing.segmentId)) === null || _doc$getSelfOrHeaderF === void 0 ? void 0 : _doc$getSelfOrHeaderF.getBody();
 			const matchedRange = body === null || body === void 0 || (_body$customRanges = body.customRanges) === null || _body$customRanges === void 0 ? void 0 : _body$customRanges.find((i) => (editing === null || editing === void 0 ? void 0 : editing.linkId) === i.rangeId && i.startIndex === editing.startIndex && i.endIndex === editing.endIndex);
 			if (doc && matchedRange) {
-				var _matchedRange$propert, _matchedRange$propert2;
-				setLink((_matchedRange$propert = (_matchedRange$propert2 = matchedRange.properties) === null || _matchedRange$propert2 === void 0 ? void 0 : _matchedRange$propert2.url) !== null && _matchedRange$propert !== void 0 ? _matchedRange$propert : "");
+				var _matchedRange$propert;
+				setLink(((_matchedRange$propert = matchedRange.properties) === null || _matchedRange$propert === void 0 ? void 0 : _matchedRange$propert.url) ?? "");
 				setLabel(_univerjs_core.BuildTextUtils.transform.getPlainText((0, _univerjs_core.getBodySlice)(body, matchedRange.startIndex, matchedRange.endIndex + 1).dataStream));
 			}
 			return;
 		}
 		const body = doc === null || doc === void 0 || (_doc$getSelfOrHeaderF2 = doc.getSelfOrHeaderFooterModel(activeRange.segmentId)) === null || _doc$getSelfOrHeaderF2 === void 0 ? void 0 : _doc$getSelfOrHeaderF2.getBody();
 		const selection = body ? activeRange : null;
-		const matchedRange = selection && ((_BuildTextUtils$custo = _univerjs_core.BuildTextUtils.customRange.getCustomRangesInterestsWithSelection(selection, (_body$customRanges2 = body === null || body === void 0 ? void 0 : body.customRanges) !== null && _body$customRanges2 !== void 0 ? _body$customRanges2 : [])) === null || _BuildTextUtils$custo === void 0 ? void 0 : _BuildTextUtils$custo[0]);
+		const matchedRange = selection && ((_BuildTextUtils$custo = _univerjs_core.BuildTextUtils.customRange.getCustomRangesInterestsWithSelection(selection, (body === null || body === void 0 ? void 0 : body.customRanges) ?? [])) === null || _BuildTextUtils$custo === void 0 ? void 0 : _BuildTextUtils$custo[0]);
 		if (doc && matchedRange) {
-			var _matchedRange$propert3, _matchedRange$propert4;
-			setLink((_matchedRange$propert3 = matchedRange === null || matchedRange === void 0 || (_matchedRange$propert4 = matchedRange.properties) === null || _matchedRange$propert4 === void 0 ? void 0 : _matchedRange$propert4.url) !== null && _matchedRange$propert3 !== void 0 ? _matchedRange$propert3 : "");
+			var _matchedRange$propert2;
+			setLink((matchedRange === null || matchedRange === void 0 || (_matchedRange$propert2 = matchedRange.properties) === null || _matchedRange$propert2 === void 0 ? void 0 : _matchedRange$propert2.url) ?? "");
 		}
 	}, [
 		doc,
@@ -171,7 +171,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") : "",
@@ -247,7 +247,7 @@ const DocLinkPopup = () => {
 	if (!link) return null;
 	const url = (_link$properties = link.properties) === null || _link$properties === void 0 ? void 0 : _link$properties.url;
 	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),
 		onClick: () => {
 			hyperLinkService.hideInfoPopup();
 		},
@@ -255,7 +255,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,
@@ -589,7 +589,7 @@ const menuSchema = {
 //#endregion
 //#region package.json
 var name = "@univerjs/docs-hyper-link-ui";
-var version = "1.0.0-alpha.8";
+var version = "1.0.0-beta.1";
 
 //#endregion
 //#region src/config/config.ts
@@ -654,8 +654,7 @@ let DocHyperLinkSelectionController = class DocHyperLinkSelectionController exte
 					const { startOffset, endOffset, collapsed, 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) {
-						var _customRanges$findInd;
-						const index = (_customRanges$findInd = customRanges === null || customRanges === void 0 ? void 0 : customRanges.findIndex((value) => value.startIndex < startOffset && value.endIndex > endOffset - 1)) !== null && _customRanges$findInd !== void 0 ? _customRanges$findInd : -1;
+						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({
@@ -705,11 +704,11 @@ let DocHyperLinkEventRenderController = class DocHyperLinkEventRenderController
 	}
 	_initHover() {
 		this.disposeWithMe(this._docEventManagerService.hoverCustomRanges$.subscribe((ranges) => {
-			var _activeRanges$, _link$segmentId;
+			var _activeRanges$;
 			const link = ranges.find((range) => range.range.rangeType === _univerjs_core.CustomRangeType.HYPERLINK);
 			const activeRanges = this._docSelectionManagerService.getTextRanges();
 			const currentSegmentId = activeRanges === null || activeRanges === void 0 || (_activeRanges$ = activeRanges[0]) === null || _activeRanges$ === void 0 ? void 0 : _activeRanges$.segmentId;
-			if (((_link$segmentId = link === null || link === void 0 ? void 0 : link.segmentId) !== null && _link$segmentId !== void 0 ? _link$segmentId : "") !== currentSegmentId) {
+			if (((link === null || link === void 0 ? void 0 : link.segmentId) ?? "") !== currentSegmentId) {
 				this._hideInfoPopup();
 				return;
 			}
@@ -888,7 +887,7 @@ _defineProperty(UniverDocsHyperLinkUIPlugin, "packageName", name);
 _defineProperty(UniverDocsHyperLinkUIPlugin, "version", version);
 _defineProperty(UniverDocsHyperLinkUIPlugin, "type", _univerjs_core.UniverInstanceType.UNIVER_DOC);
 UniverDocsHyperLinkUIPlugin = __decorate([
-	(0, _univerjs_core.DependentOn)(_univerjs_docs.UniverDocsPlugin, _univerjs_engine_render.UniverRenderEnginePlugin, _univerjs_docs_hyper_link.UniverDocsHyperLinkPlugin, _univerjs_ui.UniverUIPlugin, _univerjs_docs_ui.UniverDocsUIPlugin),
+	(0, _univerjs_core.DependentOn)(_univerjs_docs.UniverDocsPlugin, _univerjs_engine_render.UniverRenderEnginePlugin, _univerjs_docs_hyper_link.UniverDocsHyperLinkPlugin, _univerjs_docs_ui.UniverDocsUIPlugin),
 	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
 	__decorateParam(2, _univerjs_engine_render.IRenderManagerService),
 	__decorateParam(3, _univerjs_core.IConfigService)

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"

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

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

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

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

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

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

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

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

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

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

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

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

package/lib/es/index.js

@@ -1,5 +1,5 @@
 import { DocCanvasPopManagerService, DocEventManagerService, DocRenderController, EMPTY_PARAGRAPH_MENU_ID, FLOAT_TOOLBAR_MENU_POSITION, INSERT_BELLOW_MENU_ID, UniverDocsUIPlugin, whenDocAndEditorFocused } from "@univerjs/docs-ui";
-import { ComponentManager, ContextMenuGroup, ContextMenuPosition, IMenuManagerService, IMessageService, IShortcutService, IconManager, KeyCode, MenuItemType, MetaKeys, RibbonInsertGroup, UniverUIPlugin, getMenuHiddenObservable, useDependency, useObservable } from "@univerjs/ui";
+import { ComponentManager, ContextMenuGroup, ContextMenuPosition, IMenuManagerService, IMessageService, IShortcutService, IconManager, KeyCode, MenuItemType, MetaKeys, RibbonInsertGroup, getMenuHiddenObservable, useDependency, useObservable } from "@univerjs/ui";
 import { BuildTextUtils, CommandType, CustomRangeType, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DependentOn, Disposable, ICommandService, IConfigService, IUniverInstanceService, Inject, Injector, LocaleService, Plugin, Tools, UniverInstanceType, generateRandomId, getBodySlice, isSafeUrl, merge } from "@univerjs/core";
 import { DOC_INTERCEPTOR_POINT, DocInterceptorService, DocSelectionManagerService, DocSkeletonManagerService, SetTextSelectionsOperation, UniverDocsPlugin, addCustomRangeBySelectionFactory, deleteCustomRangeFactory, replaceSelectionFactory } from "@univerjs/docs";
 import { BehaviorSubject, Observable, debounceTime, distinctUntilChanged, pairwise } from "rxjs";
@@ -118,7 +118,7 @@ const DocHyperLinkEdit = () => {
 	const isLegal = Tools.isLegalUrl(link);
 	const doc = editing ? univerInstanceService.getUnit(editing.unitId, UniverInstanceType.UNIVER_DOC) : univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 	useEffect(() => {
-		var _doc$getSelfOrHeaderF2, _BuildTextUtils$custo, _body$customRanges2;
+		var _doc$getSelfOrHeaderF2, _BuildTextUtils$custo;
 		const activeRange = docSelectionManagerService.getActiveTextRange();
 		if (!activeRange) return;
 		if (editing) {
@@ -126,18 +126,18 @@ const DocHyperLinkEdit = () => {
 			const body = doc === null || doc === void 0 || (_doc$getSelfOrHeaderF = doc.getSelfOrHeaderFooterModel(editing.segmentId)) === null || _doc$getSelfOrHeaderF === void 0 ? void 0 : _doc$getSelfOrHeaderF.getBody();
 			const matchedRange = body === null || body === void 0 || (_body$customRanges = body.customRanges) === null || _body$customRanges === void 0 ? void 0 : _body$customRanges.find((i) => (editing === null || editing === void 0 ? void 0 : editing.linkId) === i.rangeId && i.startIndex === editing.startIndex && i.endIndex === editing.endIndex);
 			if (doc && matchedRange) {
-				var _matchedRange$propert, _matchedRange$propert2;
-				setLink((_matchedRange$propert = (_matchedRange$propert2 = matchedRange.properties) === null || _matchedRange$propert2 === void 0 ? void 0 : _matchedRange$propert2.url) !== null && _matchedRange$propert !== void 0 ? _matchedRange$propert : "");
+				var _matchedRange$propert;
+				setLink(((_matchedRange$propert = matchedRange.properties) === null || _matchedRange$propert === void 0 ? void 0 : _matchedRange$propert.url) ?? "");
 				setLabel(BuildTextUtils.transform.getPlainText(getBodySlice(body, matchedRange.startIndex, matchedRange.endIndex + 1).dataStream));
 			}
 			return;
 		}
 		const body = doc === null || doc === void 0 || (_doc$getSelfOrHeaderF2 = doc.getSelfOrHeaderFooterModel(activeRange.segmentId)) === null || _doc$getSelfOrHeaderF2 === void 0 ? void 0 : _doc$getSelfOrHeaderF2.getBody();
 		const selection = body ? activeRange : null;
-		const matchedRange = selection && ((_BuildTextUtils$custo = BuildTextUtils.customRange.getCustomRangesInterestsWithSelection(selection, (_body$customRanges2 = body === null || body === void 0 ? void 0 : body.customRanges) !== null && _body$customRanges2 !== void 0 ? _body$customRanges2 : [])) === null || _BuildTextUtils$custo === void 0 ? void 0 : _BuildTextUtils$custo[0]);
+		const matchedRange = selection && ((_BuildTextUtils$custo = BuildTextUtils.customRange.getCustomRangesInterestsWithSelection(selection, (body === null || body === void 0 ? void 0 : body.customRanges) ?? [])) === null || _BuildTextUtils$custo === void 0 ? void 0 : _BuildTextUtils$custo[0]);
 		if (doc && matchedRange) {
-			var _matchedRange$propert3, _matchedRange$propert4;
-			setLink((_matchedRange$propert3 = matchedRange === null || matchedRange === void 0 || (_matchedRange$propert4 = matchedRange.properties) === null || _matchedRange$propert4 === void 0 ? void 0 : _matchedRange$propert4.url) !== null && _matchedRange$propert3 !== void 0 ? _matchedRange$propert3 : "");
+			var _matchedRange$propert2;
+			setLink((matchedRange === null || matchedRange === void 0 || (_matchedRange$propert2 = matchedRange.properties) === null || _matchedRange$propert2 === void 0 ? void 0 : _matchedRange$propert2.url) ?? "");
 		}
 	}, [
 		doc,
@@ -170,7 +170,7 @@ const DocHyperLinkEdit = () => {
 	};
 	if (!doc) return;
 	return /* @__PURE__ */ jsxs("div", {
-		className: clsx("univer-box-border univer-w-[328px] univer-rounded-xl univer-bg-white univer-px-6 univer-py-5 univer-shadow dark:!univer-bg-gray-900", borderClassName),
+		className: clsx("univer-box-border univer-w-[328px] univer-rounded-xl univer-bg-gray-0 univer-px-6 univer-py-5 univer-shadow dark:!univer-bg-gray-900", borderClassName),
 		children: [/* @__PURE__ */ jsxs("div", { children: [editing ? /* @__PURE__ */ jsx(FormLayout, {
 			label: localeService.t("docs-hyper-link-ui.edit.label"),
 			error: showError && isBlankInput(label) ? localeService.t("docs-hyper-link-ui.edit.labelError") : "",
@@ -246,7 +246,7 @@ const DocLinkPopup = () => {
 	if (!link) return null;
 	const url = (_link$properties = link.properties) === null || _link$properties === void 0 ? void 0 : _link$properties.url;
 	return /* @__PURE__ */ jsxs("div", {
-		className: clsx("univer-box-border univer-flex univer-max-w-80 univer-items-center univer-justify-between univer-overflow-hidden univer-rounded-lg univer-bg-white univer-p-3 univer-shadow dark:!univer-bg-gray-900", borderClassName),
+		className: clsx("univer-box-border univer-flex univer-max-w-80 univer-items-center univer-justify-between univer-overflow-hidden univer-rounded-lg univer-bg-gray-0 univer-p-3 univer-shadow dark:!univer-bg-gray-900", borderClassName),
 		onClick: () => {
 			hyperLinkService.hideInfoPopup();
 		},
@@ -254,7 +254,7 @@ const DocLinkPopup = () => {
 			className: "univer-flex univer-h-6 univer-flex-1 univer-cursor-pointer univer-items-center univer-truncate univer-text-sm univer-leading-5 univer-text-primary-500",
 			onClick: () => window.open(url, void 0, "noopener noreferrer"),
 			children: [/* @__PURE__ */ jsx("div", {
-				className: "univer-mr-2 univer-flex univer-size-5 univer-flex-[0_0_auto] univer-items-center univer-justify-center univer-text-base univer-text-gray-900 dark:!univer-text-white",
+				className: "univer-mr-2 univer-flex univer-size-5 univer-flex-[0_0_auto] univer-items-center univer-justify-center univer-text-base univer-text-gray-900 dark:!univer-text-gray-0",
 				children: /* @__PURE__ */ jsx(LinkIcon, {})
 			}), /* @__PURE__ */ jsx(Tooltip, {
 				showIfEllipsis: true,
@@ -588,7 +588,7 @@ const menuSchema = {
 //#endregion
 //#region package.json
 var name = "@univerjs/docs-hyper-link-ui";
-var version = "1.0.0-alpha.8";
+var version = "1.0.0-beta.1";
 
 //#endregion
 //#region src/config/config.ts
@@ -653,8 +653,7 @@ let DocHyperLinkSelectionController = class DocHyperLinkSelectionController exte
 					const { startOffset, endOffset, collapsed, 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) {
-						var _customRanges$findInd;
-						const index = (_customRanges$findInd = customRanges === null || customRanges === void 0 ? void 0 : customRanges.findIndex((value) => value.startIndex < startOffset && value.endIndex > endOffset - 1)) !== null && _customRanges$findInd !== void 0 ? _customRanges$findInd : -1;
+						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({
@@ -704,11 +703,11 @@ let DocHyperLinkEventRenderController = class DocHyperLinkEventRenderController
 	}
 	_initHover() {
 		this.disposeWithMe(this._docEventManagerService.hoverCustomRanges$.subscribe((ranges) => {
-			var _activeRanges$, _link$segmentId;
+			var _activeRanges$;
 			const link = ranges.find((range) => range.range.rangeType === CustomRangeType.HYPERLINK);
 			const activeRanges = this._docSelectionManagerService.getTextRanges();
 			const currentSegmentId = activeRanges === null || activeRanges === void 0 || (_activeRanges$ = activeRanges[0]) === null || _activeRanges$ === void 0 ? void 0 : _activeRanges$.segmentId;
-			if (((_link$segmentId = link === null || link === void 0 ? void 0 : link.segmentId) !== null && _link$segmentId !== void 0 ? _link$segmentId : "") !== currentSegmentId) {
+			if (((link === null || link === void 0 ? void 0 : link.segmentId) ?? "") !== currentSegmentId) {
 				this._hideInfoPopup();
 				return;
 			}
@@ -887,7 +886,7 @@ _defineProperty(UniverDocsHyperLinkUIPlugin, "packageName", name);
 _defineProperty(UniverDocsHyperLinkUIPlugin, "version", version);
 _defineProperty(UniverDocsHyperLinkUIPlugin, "type", UniverInstanceType.UNIVER_DOC);
 UniverDocsHyperLinkUIPlugin = __decorate([
-	DependentOn(UniverDocsPlugin, UniverRenderEnginePlugin, UniverDocsHyperLinkPlugin, UniverUIPlugin, UniverDocsUIPlugin),
+	DependentOn(UniverDocsPlugin, UniverRenderEnginePlugin, UniverDocsHyperLinkPlugin, UniverDocsUIPlugin),
 	__decorateParam(1, Inject(Injector)),
 	__decorateParam(2, IRenderManagerService),
 	__decorateParam(3, IConfigService)

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -3,9 +3,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/es/locale/id-ID.js

@@ -3,9 +3,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/es/locale/it-IT.js

@@ -3,9 +3,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/es/locale/ja-JP.js

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

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

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

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

@@ -3,9 +3,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/es/locale/pt-BR.js

@@ -3,9 +3,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"

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

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

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

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

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

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