@univerjs/docs-hyper-link-ui 1.0.0-alpha.2 → 1.0.0-alpha.4

package/lib/cjs/index.js

@@ -1,27 +1,16 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-let _univerjs_core = require("@univerjs/core");
-let _univerjs_docs_hyper_link = require("@univerjs/docs-hyper-link");
-let _univerjs_engine_render = require("@univerjs/engine-render");
-let _univerjs_icons = require("@univerjs/icons");
+let _univerjs_docs_ui = require("@univerjs/docs-ui");
 let _univerjs_ui = require("@univerjs/ui");
-let _univerjs_design = require("@univerjs/design");
+let _univerjs_core = require("@univerjs/core");
 let _univerjs_docs = require("@univerjs/docs");
-let react = require("react");
-let _univerjs_docs_ui = require("@univerjs/docs-ui");
 let rxjs = require("rxjs");
+let _univerjs_design = require("@univerjs/design");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let _univerjs_icons = require("@univerjs/icons");
+let _univerjs_docs_hyper_link = require("@univerjs/docs-hyper-link");
+let _univerjs_engine_render = require("@univerjs/engine-render");
 
-//#region package.json
-var name = "@univerjs/docs-hyper-link-ui";
-var version = "1.0.0-alpha.2";
-
-//#endregion
-//#region src/config/config.ts
-const DOCS_HYPER_LINK_UI_PLUGIN_CONFIG_KEY = "docs-hyper-link-ui.config";
-const configSymbol = Symbol(DOCS_HYPER_LINK_UI_PLUGIN_CONFIG_KEY);
-const defaultPluginConfig = {};
-
-//#endregion
 //#region src/commands/commands/add-link.command.ts
 const AddDocHyperLinkCommand = {
 	type: _univerjs_core.CommandType.COMMAND,
@@ -85,6 +74,142 @@ const UpdateDocHyperLinkCommand = {
 	}
 };
 
+//#endregion
+//#region src/views/hyper-link-edit/utils.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.
+*/
+function isBlankInput(value) {
+	return value.trim().length === 0;
+}
+
+//#endregion
+//#region src/views/DocHyperLinkEdit.tsx
+function hasProtocol(urlString) {
+	return /^[a-zA-Z]+:\/\//.test(urlString);
+}
+function isEmail(url) {
+	return /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/.test(url);
+}
+function transformUrl(urlStr) {
+	return hasProtocol(urlStr) ? urlStr : isEmail(urlStr) ? `mailto://${urlStr}` : `https://${urlStr}`;
+}
+const DocHyperLinkEdit = () => {
+	const hyperLinkService = (0, _univerjs_ui.useDependency)(DocHyperLinkPopupService);
+	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
+	const editing = (0, _univerjs_ui.useObservable)(hyperLinkService.editingLink$);
+	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
+	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
+	const docSelectionManagerService = (0, _univerjs_ui.useDependency)(_univerjs_docs.DocSelectionManagerService);
+	const [link, setLink] = (0, react.useState)("");
+	const [label, setLabel] = (0, react.useState)("");
+	const [showError, setShowError] = (0, react.useState)(false);
+	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;
+		const activeRange = docSelectionManagerService.getActiveTextRange();
+		if (!activeRange) return;
+		if (editing) {
+			var _doc$getSelfOrHeaderF, _body$customRanges;
+			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 : "");
+				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]);
+		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 : "");
+		}
+	}, [
+		doc,
+		editing,
+		docSelectionManagerService,
+		univerInstanceService
+	]);
+	const handleCancel = () => {
+		hyperLinkService.hideEditPopup();
+	};
+	const handleConfirm = () => {
+		setShowError(true);
+		if (!isLegal || !doc) return;
+		const linkFinal = transformUrl(link);
+		if (!editing) commandService.executeCommand(AddDocHyperLinkCommand.id, {
+			unitId: doc.getUnitId(),
+			payload: linkFinal
+		});
+		else {
+			if (isBlankInput(label)) return;
+			commandService.executeCommand(UpdateDocHyperLinkCommand.id, {
+				unitId: doc.getUnitId(),
+				payload: linkFinal,
+				linkId: editing.linkId,
+				label,
+				segmentId: editing.segmentId
+			});
+		}
+		hyperLinkService.hideEditPopup();
+	};
+	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),
+		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") : "",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
+				value: label,
+				onChange: setLabel,
+				autoFocus: true,
+				onKeyDown: (evt) => {
+					if (evt.keyCode === _univerjs_ui.KeyCode.ENTER) handleConfirm();
+				}
+			})
+		}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+			label: localeService.t("docs-hyper-link-ui.edit.address"),
+			error: showError && !isLegal ? localeService.t("docs-hyper-link-ui.edit.addressError") : "",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
+				value: link,
+				onChange: setLink,
+				autoFocus: true,
+				onKeyDown: (evt) => {
+					if (evt.keyCode === _univerjs_ui.KeyCode.ENTER) handleConfirm();
+				}
+			})
+		})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "univer-flex univer-justify-end univer-gap-3",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
+				onClick: handleCancel,
+				children: localeService.t("docs-hyper-link-ui.edit.cancel")
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
+				variant: "primary",
+				disabled: isBlankInput(link),
+				onClick: handleConfirm,
+				children: localeService.t("docs-hyper-link-ui.edit.confirm")
+			})]
+		})]
+	});
+};
+DocHyperLinkEdit.componentKey = "docs-hyper-link-edit";
+
 //#endregion
 //#region src/commands/commands/delete-link.command.ts
 const DeleteDocHyperLinkCommand = {
@@ -104,61 +229,6 @@ const DeleteDocHyperLinkCommand = {
 	}
 };
 
-//#endregion
-//#region src/commands/operations/popup.operation.ts
-const shouldDisableAddLink = (accessor) => {
-	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 activeRange = textRanges[0];
-	if (!univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC) || !activeRange || activeRange.collapsed) return true;
-	return false;
-};
-const ShowDocHyperLinkEditPopupOperation = {
-	type: _univerjs_core.CommandType.OPERATION,
-	id: "doc.operation.show-hyper-link-edit-popup",
-	handler(accessor, params) {
-		var _univerInstanceServic;
-		const linkInfo = params === null || params === void 0 ? void 0 : params.link;
-		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
-		if (shouldDisableAddLink(accessor) && !linkInfo) return false;
-		const hyperLinkService = accessor.get(DocHyperLinkPopupService);
-		const unitId = (linkInfo === null || linkInfo === void 0 ? void 0 : linkInfo.unitId) || ((_univerInstanceServic = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC)) === null || _univerInstanceServic === void 0 ? void 0 : _univerInstanceServic.getUnitId());
-		if (!unitId) return false;
-		hyperLinkService.showEditPopup(unitId, linkInfo);
-		return true;
-	}
-};
-const ToggleDocHyperLinkInfoPopupOperation = {
-	type: _univerjs_core.CommandType.OPERATION,
-	id: "doc.operation.toggle-hyper-link-info-popup",
-	handler(accessor, params) {
-		const hyperLinkService = accessor.get(DocHyperLinkPopupService);
-		if (!params) {
-			hyperLinkService.hideInfoPopup();
-			return true;
-		}
-		hyperLinkService.showInfoPopup(params);
-		return true;
-	}
-};
-const ClickDocHyperLinkOperation = {
-	type: _univerjs_core.CommandType.OPERATION,
-	id: "doc.operation.click-hyper-link",
-	handler(accessor, params) {
-		var _doc$getSelfOrHeaderF, _body$customRanges;
-		if (!params) return false;
-		const { unitId, linkId, segmentId } = params;
-		const doc = accessor.get(_univerjs_core.IUniverInstanceService).getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
-		const body = doc === null || doc === void 0 || (_doc$getSelfOrHeaderF = doc.getSelfOrHeaderFooterModel(segmentId)) === null || _doc$getSelfOrHeaderF === void 0 ? void 0 : _doc$getSelfOrHeaderF.getBody();
-		const link = body === null || body === void 0 || (_body$customRanges = body.customRanges) === null || _body$customRanges === void 0 || (_body$customRanges = _body$customRanges.find((range) => range.rangeId === linkId && range.rangeType === _univerjs_core.CustomRangeType.HYPERLINK)) === null || _body$customRanges === void 0 || (_body$customRanges = _body$customRanges.properties) === null || _body$customRanges === void 0 ? void 0 : _body$customRanges.url;
-		if (!(0, _univerjs_core.isSafeUrl)(link)) return false;
-		window.open(link, "_blank", "noopener noreferrer");
-		return true;
-	}
-};
-
 //#endregion
 //#region src/views/DocLinkPopup.tsx
 const DocLinkPopup = () => {
@@ -408,140 +478,124 @@ DocHyperLinkPopupService = __decorate([
 ], DocHyperLinkPopupService);
 
 //#endregion
-//#region src/views/hyper-link-edit/utils.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.
-*/
-function isBlankInput(value) {
-	return value.trim().length === 0;
-}
+//#region src/commands/operations/popup.operation.ts
+const shouldDisableAddLink = (accessor) => {
+	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 activeRange = textRanges[0];
+	if (!univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC) || !activeRange || activeRange.collapsed) return true;
+	return false;
+};
+const ShowDocHyperLinkEditPopupOperation = {
+	type: _univerjs_core.CommandType.OPERATION,
+	id: "doc.operation.show-hyper-link-edit-popup",
+	handler(accessor, params) {
+		var _univerInstanceServic;
+		const linkInfo = params === null || params === void 0 ? void 0 : params.link;
+		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+		if (shouldDisableAddLink(accessor) && !linkInfo) return false;
+		const hyperLinkService = accessor.get(DocHyperLinkPopupService);
+		const unitId = (linkInfo === null || linkInfo === void 0 ? void 0 : linkInfo.unitId) || ((_univerInstanceServic = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC)) === null || _univerInstanceServic === void 0 ? void 0 : _univerInstanceServic.getUnitId());
+		if (!unitId) return false;
+		hyperLinkService.showEditPopup(unitId, linkInfo);
+		return true;
+	}
+};
+const ToggleDocHyperLinkInfoPopupOperation = {
+	type: _univerjs_core.CommandType.OPERATION,
+	id: "doc.operation.toggle-hyper-link-info-popup",
+	handler(accessor, params) {
+		const hyperLinkService = accessor.get(DocHyperLinkPopupService);
+		if (!params) {
+			hyperLinkService.hideInfoPopup();
+			return true;
+		}
+		hyperLinkService.showInfoPopup(params);
+		return true;
+	}
+};
+const ClickDocHyperLinkOperation = {
+	type: _univerjs_core.CommandType.OPERATION,
+	id: "doc.operation.click-hyper-link",
+	handler(accessor, params) {
+		var _doc$getSelfOrHeaderF, _body$customRanges;
+		if (!params) return false;
+		const { unitId, linkId, segmentId } = params;
+		const doc = accessor.get(_univerjs_core.IUniverInstanceService).getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
+		const body = doc === null || doc === void 0 || (_doc$getSelfOrHeaderF = doc.getSelfOrHeaderFooterModel(segmentId)) === null || _doc$getSelfOrHeaderF === void 0 ? void 0 : _doc$getSelfOrHeaderF.getBody();
+		const link = body === null || body === void 0 || (_body$customRanges = body.customRanges) === null || _body$customRanges === void 0 || (_body$customRanges = _body$customRanges.find((range) => range.rangeId === linkId && range.rangeType === _univerjs_core.CustomRangeType.HYPERLINK)) === null || _body$customRanges === void 0 || (_body$customRanges = _body$customRanges.properties) === null || _body$customRanges === void 0 ? void 0 : _body$customRanges.url;
+		if (!(0, _univerjs_core.isSafeUrl)(link)) return false;
+		window.open(link, "_blank", "noopener noreferrer");
+		return true;
+	}
+};
 
 //#endregion
-//#region src/views/DocHyperLinkEdit.tsx
-function hasProtocol(urlString) {
-	return /^[a-zA-Z]+:\/\//.test(urlString);
-}
-function isEmail(url) {
-	return /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/.test(url);
-}
-function transformUrl(urlStr) {
-	return hasProtocol(urlStr) ? urlStr : isEmail(urlStr) ? `mailto://${urlStr}` : `https://${urlStr}`;
-}
-const DocHyperLinkEdit = () => {
-	const hyperLinkService = (0, _univerjs_ui.useDependency)(DocHyperLinkPopupService);
-	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
-	const editing = (0, _univerjs_ui.useObservable)(hyperLinkService.editingLink$);
-	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
-	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
-	const docSelectionManagerService = (0, _univerjs_ui.useDependency)(_univerjs_docs.DocSelectionManagerService);
-	const [link, setLink] = (0, react.useState)("");
-	const [label, setLabel] = (0, react.useState)("");
-	const [showError, setShowError] = (0, react.useState)(false);
-	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;
-		const activeRange = docSelectionManagerService.getActiveTextRange();
-		if (!activeRange) return;
-		if (editing) {
-			var _doc$getSelfOrHeaderF, _body$customRanges;
-			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 : "");
-				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]);
-		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 : "");
-		}
-	}, [
-		doc,
-		editing,
-		docSelectionManagerService,
-		univerInstanceService
-	]);
-	const handleCancel = () => {
-		hyperLinkService.hideEditPopup();
-	};
-	const handleConfirm = () => {
-		setShowError(true);
-		if (!isLegal || !doc) return;
-		const linkFinal = transformUrl(link);
-		if (!editing) commandService.executeCommand(AddDocHyperLinkCommand.id, {
-			unitId: doc.getUnitId(),
-			payload: linkFinal
-		});
-		else {
-			if (isBlankInput(label)) return;
-			commandService.executeCommand(UpdateDocHyperLinkCommand.id, {
-				unitId: doc.getUnitId(),
-				payload: linkFinal,
-				linkId: editing.linkId,
-				label,
-				segmentId: editing.segmentId
+//#region src/menu/menu.ts
+function AddHyperLinkMenuItemFactory(accessor) {
+	return {
+		id: ShowDocHyperLinkEditPopupOperation.id,
+		type: _univerjs_ui.MenuItemType.BUTTON,
+		icon: "LinkIcon",
+		title: "docs-hyper-link-ui.menu.tooltip",
+		tooltip: "docs-hyper-link-ui.menu.tooltip",
+		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_DOC),
+		disabled$: new rxjs.Observable(function(subscribe) {
+			const observer = accessor.get(_univerjs_docs.DocSelectionManagerService).textSelection$.pipe((0, rxjs.debounceTime)(16)).subscribe(() => {
+				subscribe.next(shouldDisableAddLink(accessor));
 			});
-		}
-		hyperLinkService.hideEditPopup();
+			return () => {
+				observer.unsubscribe();
+			};
+		})
 	};
-	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),
-		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") : "",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
-				value: label,
-				onChange: setLabel,
-				autoFocus: true,
-				onKeyDown: (evt) => {
-					if (evt.keyCode === _univerjs_ui.KeyCode.ENTER) handleConfirm();
-				}
-			})
-		}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
-			label: localeService.t("docs-hyper-link-ui.edit.address"),
-			error: showError && !isLegal ? localeService.t("docs-hyper-link-ui.edit.addressError") : "",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
-				value: link,
-				onChange: setLink,
-				autoFocus: true,
-				onKeyDown: (evt) => {
-					if (evt.keyCode === _univerjs_ui.KeyCode.ENTER) handleConfirm();
-				}
-			})
-		})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "univer-flex univer-justify-end univer-gap-3",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
-				onClick: handleCancel,
-				children: localeService.t("docs-hyper-link-ui.edit.cancel")
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
-				variant: "primary",
-				disabled: isBlankInput(link),
-				onClick: handleConfirm,
-				children: localeService.t("docs-hyper-link-ui.edit.confirm")
-			})]
-		})]
-	});
+}
+const addLinkShortcut = {
+	id: ShowDocHyperLinkEditPopupOperation.id,
+	binding: _univerjs_ui.MetaKeys.CTRL_COMMAND | _univerjs_ui.KeyCode.K,
+	description: "docs-hyper-link-ui.menu.tooltip",
+	preconditions: _univerjs_docs_ui.whenDocAndEditorFocused
+};
+
+//#endregion
+//#region src/menu/schema.ts
+const menuSchema = {
+	[_univerjs_ui.RibbonInsertGroup.MEDIA]: { [ShowDocHyperLinkEditPopupOperation.id]: {
+		order: 1,
+		menuItemFactory: AddHyperLinkMenuItemFactory
+	} },
+	[_univerjs_docs_ui.FLOAT_TOOLBAR_MENU_POSITION]: { [ShowDocHyperLinkEditPopupOperation.id]: {
+		order: 20,
+		menuItemFactory: AddHyperLinkMenuItemFactory
+	} },
+	[_univerjs_ui.ContextMenuPosition.MAIN_AREA]: { [_univerjs_ui.ContextMenuGroup.DATA]: { [ShowDocHyperLinkEditPopupOperation.id]: {
+		order: 0,
+		menuItemFactory: AddHyperLinkMenuItemFactory
+	} } },
+	[_univerjs_ui.ContextMenuPosition.PARAGRAPH]: {
+		[_univerjs_ui.ContextMenuGroup.LAYOUT]: { [_univerjs_docs_ui.INSERT_BELLOW_MENU_ID]: { [ShowDocHyperLinkEditPopupOperation.id]: {
+			order: 6,
+			menuItemFactory: AddHyperLinkMenuItemFactory
+		} } },
+		[_univerjs_docs_ui.EMPTY_PARAGRAPH_MENU_ID]: { [_univerjs_ui.ContextMenuGroup.LAYOUT]: { [ShowDocHyperLinkEditPopupOperation.id]: {
+			order: 6,
+			menuItemFactory: AddHyperLinkMenuItemFactory
+		} } }
+	}
 };
-DocHyperLinkEdit.componentKey = "docs-hyper-link-edit";
+
+//#endregion
+//#region package.json
+var name = "@univerjs/docs-hyper-link-ui";
+var version = "1.0.0-alpha.4";
+
+//#endregion
+//#region src/config/config.ts
+const DOCS_HYPER_LINK_UI_PLUGIN_CONFIG_KEY = "docs-hyper-link-ui.config";
+const configSymbol = Symbol(DOCS_HYPER_LINK_UI_PLUGIN_CONFIG_KEY);
+const defaultPluginConfig = {};
 
 //#endregion
 //#region src/controllers/components.controller.ts
@@ -733,60 +787,6 @@ DocHyperLinkRenderController = __decorate([
 	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_docs_ui.DocRenderController))
 ], DocHyperLinkRenderController);
 
-//#endregion
-//#region src/menu/menu.ts
-function AddHyperLinkMenuItemFactory(accessor) {
-	return {
-		id: ShowDocHyperLinkEditPopupOperation.id,
-		type: _univerjs_ui.MenuItemType.BUTTON,
-		icon: "LinkIcon",
-		title: "docs-hyper-link-ui.menu.tooltip",
-		tooltip: "docs-hyper-link-ui.menu.tooltip",
-		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_DOC),
-		disabled$: new rxjs.Observable(function(subscribe) {
-			const observer = accessor.get(_univerjs_docs.DocSelectionManagerService).textSelection$.pipe((0, rxjs.debounceTime)(16)).subscribe(() => {
-				subscribe.next(shouldDisableAddLink(accessor));
-			});
-			return () => {
-				observer.unsubscribe();
-			};
-		})
-	};
-}
-const addLinkShortcut = {
-	id: ShowDocHyperLinkEditPopupOperation.id,
-	binding: _univerjs_ui.MetaKeys.CTRL_COMMAND | _univerjs_ui.KeyCode.K,
-	description: "docs-hyper-link-ui.menu.tooltip",
-	preconditions: _univerjs_docs_ui.whenDocAndEditorFocused
-};
-
-//#endregion
-//#region src/menu/schema.ts
-const menuSchema = {
-	[_univerjs_ui.RibbonInsertGroup.MEDIA]: { [ShowDocHyperLinkEditPopupOperation.id]: {
-		order: 1,
-		menuItemFactory: AddHyperLinkMenuItemFactory
-	} },
-	[_univerjs_docs_ui.FLOAT_TOOLBAR_MENU_POSITION]: { [ShowDocHyperLinkEditPopupOperation.id]: {
-		order: 20,
-		menuItemFactory: AddHyperLinkMenuItemFactory
-	} },
-	[_univerjs_ui.ContextMenuPosition.MAIN_AREA]: { [_univerjs_ui.ContextMenuGroup.DATA]: { [ShowDocHyperLinkEditPopupOperation.id]: {
-		order: 0,
-		menuItemFactory: AddHyperLinkMenuItemFactory
-	} } },
-	[_univerjs_ui.ContextMenuPosition.PARAGRAPH]: {
-		[_univerjs_ui.ContextMenuGroup.LAYOUT]: { [_univerjs_docs_ui.INSERT_BELLOW_MENU_ID]: { [ShowDocHyperLinkEditPopupOperation.id]: {
-			order: 6,
-			menuItemFactory: AddHyperLinkMenuItemFactory
-		} } },
-		[_univerjs_docs_ui.EMPTY_PARAGRAPH_MENU_ID]: { [_univerjs_ui.ContextMenuGroup.LAYOUT]: { [ShowDocHyperLinkEditPopupOperation.id]: {
-			order: 6,
-			menuItemFactory: AddHyperLinkMenuItemFactory
-		} } }
-	}
-};
-
 //#endregion
 //#region src/controllers/ui.controller.ts
 let DocHyperLinkUIController = class DocHyperLinkUIController extends _univerjs_core.Disposable {
@@ -895,6 +895,7 @@ UniverDocsHyperLinkUIPlugin = __decorate([
 ], UniverDocsHyperLinkUIPlugin);
 
 //#endregion
+exports.DocsHyperLinkUIMenuSchema = menuSchema;
 Object.defineProperty(exports, 'UniverDocsHyperLinkUIPlugin', {
   enumerable: true,
   get: function () {