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

package/lib/index.js

@@ -1,15 +1,15 @@
-import { BuildTextUtils, ColorKit, CommandType, CustomRangeType, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DOCS_ZEN_EDITOR_UNIT_ID_KEY, DataStreamTreeTokenType, DataValidationType, DependentOn, Disposable, DisposableCollection, FOCUSING_SHEET, ICommandService, IConfigService, IContextService, IPermissionService, IUniverInstanceService, Inject, Injector, LocaleService, ObjectMatrix, Plugin, RANGE_TYPE, Range, Rectangle, ThemeService, Tools, UniverInstanceType, generateRandomId, isSafeUrl, isValidRange, merge } from "@univerjs/core";
+import { BuildTextUtils, ColorKit, CommandType, CustomRangeType, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DataStreamTreeTokenType, DataValidationType, DependentOn, Disposable, DisposableCollection, ICommandService, IConfigService, IPermissionService, IUniverInstanceService, Inject, Injector, LocaleService, ObjectMatrix, Plugin, RANGE_TYPE, Range, Rectangle, ThemeService, Tools, UniverInstanceType, generateRandomId, isSafeUrl, isValidRange, merge } from "@univerjs/core";
 import { AUTO_FILL_APPLY_TYPE, AutoFillTools, ClearSelectionAllCommand, ClearSelectionContentCommand, ClearSelectionFormatCommand, IAutoFillService, RangeProtectionPermissionEditPoint, RangeProtectionPermissionViewPoint, SetSelectionsOperation, SetWorksheetActiveOperation, SheetPermissionCheckController, SheetsSelectionsService, WorkbookCopyPermission, WorkbookEditablePermission, WorkbookViewPermission, WorksheetCopyPermission, WorksheetEditPermission, WorksheetInsertHyperlinkPermission, WorksheetSetCellValuePermission, WorksheetViewPermission, getSheetCommandTarget, rangeToDiscreteRange } from "@univerjs/sheets";
 import { COPY_TYPE, HoverManagerService, HoverRenderController, IEditorBridgeService, IMarkSelectionService, ISheetClipboardService, PREDEFINED_HOOK_NAME_PASTE, ScrollToRangeOperation, SheetCanvasPopManagerService, SheetSkeletonManagerService, getCurrentRangeDisable$, getCustomRangePosition, getEditingCustomRangePosition, getRepeatRange, virtualizeDiscreteRanges, whenSheetEditorFocused } from "@univerjs/sheets-ui";
 import { DocSelectionManagerService } from "@univerjs/docs";
-import { DocBackScrollRenderController, DocCanvasPopManagerService, DocEventManagerService, DocSelectionRenderService, UniverDocsUIPlugin, calcDocRangePositions } from "@univerjs/docs-ui";
+import { DocEventManagerService, DocSelectionRenderService, UniverDocsUIPlugin, calcDocRangePositions } from "@univerjs/docs-ui";
 import { IRenderManagerService } from "@univerjs/engine-render";
-import { ComponentManager, ContextMenuGroup, ContextMenuPosition, IMenuManagerService, IMessageService, IShortcutService, IZenZoneService, KeyCode, MenuItemType, MetaKeys, RibbonInsertGroup, getMenuHiddenObservable, useDependency, useEvent, useObservable } from "@univerjs/ui";
-import { BehaviorSubject, Observable, Subject, combineLatest, debounceTime, map, of, switchMap } from "rxjs";
+import { BehaviorSubject, Subject, combineLatest, debounceTime, map, of, switchMap } from "rxjs";
 import { Button, FormLayout, Input, MessageType, Select, Tooltip, borderClassName, clsx } from "@univerjs/design";
 import { IDefinedNamesService, deserializeRangeWithSheet, serializeRange, serializeRangeToRefString, serializeRangeWithSheet } from "@univerjs/engine-formula";
 import { RangeSelector } from "@univerjs/sheets-formula-ui";
 import { AddHyperLinkCommand, AddHyperLinkMutation, AddRichHyperLinkCommand, CancelHyperLinkCommand, CancelRichHyperLinkCommand, ERROR_RANGE, HyperLinkModel, RemoveHyperLinkMutation, SheetHyperLinkType, SheetsHyperLinkParserService, UniverSheetsHyperLinkPlugin, UpdateHyperLinkCommand, UpdateRichHyperLinkCommand } from "@univerjs/sheets-hyper-link";
+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";
@@ -62,7 +62,7 @@ const configSymbol = Symbol(SHEETS_HYPER_LINK_UI_PLUGIN_CONFIG_KEY);
 const defaultPluginConfig = {};
 
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -70,7 +70,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.137.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);
@@ -211,7 +211,7 @@ SheetsHyperLinkResolverService = __decorate([
 ], SheetsHyperLinkResolverService);
 
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -222,7 +222,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -235,14 +235,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.137.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.133.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -312,7 +312,7 @@ function resolveRangePayload(rangeText, defaultSheetName) {
 }
 
 //#endregion
-//#region src/views/CellLinkEdit/index.tsx
+//#region src/views/CellLinkEdit.tsx
 const CellLinkEdit = () => {
 	var _definedNameService$g;
 	const [id, setId] = useState("");
@@ -332,13 +332,10 @@ const CellLinkEdit = () => {
 	const commandService = useDependency(ICommandService);
 	const sidePanelService = useDependency(SheetsHyperLinkSidePanelService);
 	const sidePanelOptions = useMemo(() => sidePanelService.getOptions(), [sidePanelService]);
-	const zenZoneService = useDependency(IZenZoneService);
 	const renderManagerService = useDependency(IRenderManagerService);
 	const markSelectionService = useDependency(IMarkSelectionService);
 	const textSelectionService = useDependency(DocSelectionManagerService);
-	const contextService = useDependency(IContextService);
 	const themeService = useDependency(ThemeService);
-	const docSelectionManagerService = useDependency(DocSelectionManagerService);
 	const [selectorDialogVisible, setSelectorDialogVisible] = useState(false);
 	const sheetsSelectionService = useDependency(SheetsSelectionsService);
 	const selections = useMemo(() => sheetsSelectionService.getCurrentSelections(), []);
@@ -348,7 +345,11 @@ const CellLinkEdit = () => {
 	}, [sidePanelService, type]);
 	const [showError, setShowError] = useState(false);
 	const [isFocusRangeSelector, setIsFocusRangeSelector] = useState(false);
-	const setByPayload = useRef(false);
+	const isDisplaySyncedWithPayloadRef = useRef(false);
+	const getIsDisplaySyncedWithPayload = useEvent(() => isDisplaySyncedWithPayloadRef.current);
+	const setDisplaySyncedWithPayload = useEvent((synced) => {
+		isDisplaySyncedWithPayloadRef.current = synced;
+	});
 	const workbook = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET);
 	const subUnitId = (workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet().getSheetId()) || "";
 	const setDisplay = useCallback((value) => {
@@ -418,14 +419,14 @@ const CellLinkEdit = () => {
 			switch (linkInfo.type) {
 				case SheetHyperLinkType.URL:
 					setPayload(linkInfo.url);
-					if (linkInfo.url === link.display) setByPayload.current = true;
+					if (linkInfo.url === link.display) setDisplaySyncedWithPayload(true);
 					break;
 				case SheetHyperLinkType.RANGE: {
 					var _univerInstanceServic, _univerInstanceServic2;
 					const params = linkInfo.searchObj;
 					const payload = serializeRangeWithSheet(params.gid ? (_univerInstanceServic = (_univerInstanceServic2 = univerInstanceService.getUnit(editing.unitId)) === null || _univerInstanceServic2 === void 0 || (_univerInstanceServic2 = _univerInstanceServic2.getSheetBySheetId(params.gid)) === null || _univerInstanceServic2 === void 0 ? void 0 : _univerInstanceServic2.getName()) !== null && _univerInstanceServic !== void 0 ? _univerInstanceServic : "" : "", deserializeRangeWithSheet(params.range).range);
 					setPayload(payload);
-					if (payload === link.display) setByPayload.current = true;
+					if (payload === link.display) setDisplaySyncedWithPayload(true);
 					break;
 				}
 				case SheetHyperLinkType.SHEET: {
@@ -486,7 +487,7 @@ const CellLinkEdit = () => {
 		setIsFocusRangeSelector(type === SheetHyperLinkType.RANGE);
 	}, [type]);
 	useEffect(() => {
-		const render = (editing === null || editing === void 0 ? void 0 : editing.type) === "zen_mode" ? renderManagerService.getRenderById(DOCS_ZEN_EDITOR_UNIT_ID_KEY) : renderManagerService.getRenderById(editorBridgeService.getCurrentEditorId());
+		const render = renderManagerService.getRenderById(editorBridgeService.getCurrentEditorId());
 		const disposeCollection = new DisposableCollection();
 		if (render) {
 			const selectionRenderService = render.with(DocSelectionRenderService);
@@ -499,11 +500,7 @@ const CellLinkEdit = () => {
 			editorBridgeService.disableForceKeepVisible();
 			disposeCollection.dispose();
 		};
-	}, [
-		editing === null || editing === void 0 ? void 0 : editing.type,
-		editorBridgeService,
-		renderManagerService
-	]);
+	}, [editorBridgeService, renderManagerService]);
 	useEffect(() => {
 		if (isFocusRangeSelector) popupService.setIsKeepVisible(isFocusRangeSelector);
 		popupService.setIsKeepVisible(selectorDialogVisible);
@@ -515,14 +512,6 @@ const CellLinkEdit = () => {
 		selectorDialogVisible,
 		popupService
 	]);
-	useEffect(() => {
-		return () => {
-			if (zenZoneService.temporaryHidden) {
-				zenZoneService.show();
-				contextService.setContextValue(FOCUSING_SHEET, false);
-			}
-		};
-	}, [contextService, zenZoneService]);
 	useEffect(() => {
 		if (isFocusRangeSelector) {
 			editorBridgeService.enableForceKeepVisible();
@@ -577,9 +566,9 @@ const CellLinkEdit = () => {
 			return;
 		}
 		setPayload(newPayload);
-		if (newPayload && (setByPayload.current || !display)) {
+		if (newPayload && (getIsDisplaySyncedWithPayload() || !display)) {
 			setDisplay(newPayload);
-			setByPayload.current = true;
+			setDisplaySyncedWithPayload(true);
 		}
 	});
 	const handleSubmit = async () => {
@@ -588,7 +577,7 @@ const CellLinkEdit = () => {
 			return;
 		}
 		if (editing) if (id) {
-			const commandId = editing.type === "zen_mode" || editing.type === "editing" ? UpdateRichHyperLinkCommand.id : UpdateHyperLinkCommand.id;
+			const commandId = editing.type === "editing" ? UpdateRichHyperLinkCommand.id : UpdateHyperLinkCommand.id;
 			await commandService.executeCommand(commandId, {
 				id,
 				unitId: editing.unitId,
@@ -599,10 +588,10 @@ const CellLinkEdit = () => {
 				},
 				row: editing.row,
 				column: editing.col,
-				documentId: editing.type === "zen_mode" ? DOCS_ZEN_EDITOR_UNIT_ID_KEY : editorBridgeService.getCurrentEditorId()
+				documentId: editorBridgeService.getCurrentEditorId()
 			});
 		} else {
-			const commandId = editing.type === "zen_mode" || editing.type === "editing" ? AddRichHyperLinkCommand.id : AddHyperLinkCommand.id;
+			const commandId = editing.type === "editing" ? AddRichHyperLinkCommand.id : AddHyperLinkCommand.id;
 			await commandService.executeCommand(commandId, {
 				unitId: editing.unitId,
 				subUnitId: editing.subUnitId,
@@ -613,7 +602,7 @@ const CellLinkEdit = () => {
 					payload: formatUrl(type, payload),
 					display: showLabel ? display : ""
 				},
-				documentId: editing.type === "zen_mode" ? DOCS_ZEN_EDITOR_UNIT_ID_KEY : editorBridgeService.getCurrentEditorId()
+				documentId: editorBridgeService.getCurrentEditorId()
 			});
 		}
 		if ((editing === null || editing === void 0 ? void 0 : editing.type) === "viewing") {
@@ -642,7 +631,7 @@ const CellLinkEdit = () => {
 					value: display,
 					onChange: (v) => {
 						setDisplay(v);
-						setByPayload.current = false;
+						setDisplaySyncedWithPayload(false);
 					},
 					placeholder: localeService.t("sheets-hyper-link-ui.form.labelPlaceholder"),
 					autoFocus: true,
@@ -669,9 +658,9 @@ const CellLinkEdit = () => {
 					value: payload,
 					onChange: (newLink) => {
 						setPayload(newLink);
-						if (newLink && (setByPayload.current || !display || display === newLink)) {
+						if (newLink && (getIsDisplaySyncedWithPayload() || !display || display === newLink)) {
 							setDisplay(newLink);
-							setByPayload.current = true;
+							setDisplaySyncedWithPayload(true);
 						}
 					},
 					placeholder: localeService.t("sheets-hyper-link-ui.form.linkPlaceholder"),
@@ -694,10 +683,6 @@ const CellLinkEdit = () => {
 					onRangeSelectorDialogVisibleChange: async (visible) => {
 						setSelectorDialogVisible(visible);
 						if (visible) {
-							if (editing.type === "zen_mode") {
-								zenZoneService.hide();
-								contextService.setContextValue(FOCUSING_SHEET, true);
-							}
 							if (editing.type !== "viewing") editorBridgeService.enableForceKeepVisible();
 							setHide(true);
 						} else {
@@ -707,33 +692,6 @@ const CellLinkEdit = () => {
 								startColumn: editing.col,
 								endColumn: editing.col
 							}, true);
-							if (editing.type === "zen_mode") {
-								var _renderManagerService, _docSelectionManagerS;
-								await commandService.executeCommand(SetSelectionsOperation.id, {
-									unitId: editing.unitId,
-									subUnitId: editing.subUnitId,
-									selections: [{ range: {
-										startRow: editing.row,
-										endRow: editing.row,
-										startColumn: editing.col,
-										endColumn: editing.col
-									} }]
-								});
-								zenZoneService.show();
-								contextService.setContextValue(FOCUSING_SHEET, false);
-								const docBackScrollRenderController = (_renderManagerService = renderManagerService.getRenderById(DOCS_ZEN_EDITOR_UNIT_ID_KEY)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(DocBackScrollRenderController);
-								const range = (_docSelectionManagerS = docSelectionManagerService.getTextRanges({
-									unitId: DOCS_ZEN_EDITOR_UNIT_ID_KEY,
-									subUnitId: DOCS_ZEN_EDITOR_UNIT_ID_KEY
-								})) === null || _docSelectionManagerS === void 0 ? void 0 : _docSelectionManagerS[0];
-								if (docBackScrollRenderController && range) {
-									docBackScrollRenderController.scrollToRange(range);
-									docSelectionManagerService.refreshSelection({
-										unitId: DOCS_ZEN_EDITOR_UNIT_ID_KEY,
-										subUnitId: DOCS_ZEN_EDITOR_UNIT_ID_KEY
-									});
-								}
-							}
 							editorBridgeService.disableForceKeepVisible();
 							setHide(false);
 						}
@@ -752,9 +710,9 @@ const CellLinkEdit = () => {
 						setPayload(newPayload);
 						const label = (_sheetsOption$find = sheetsOption.find((i) => i.value === newPayload)) === null || _sheetsOption$find === void 0 ? void 0 : _sheetsOption$find.label;
 						const oldLabel = (_sheetsOption$find2 = sheetsOption.find((i) => i.value === payload)) === null || _sheetsOption$find2 === void 0 ? void 0 : _sheetsOption$find2.label;
-						if (label && (setByPayload.current || !display || display === oldLabel)) {
+						if (label && (getIsDisplaySyncedWithPayload() || !display || display === oldLabel)) {
 							setDisplay(label);
-							setByPayload.current = true;
+							setDisplaySyncedWithPayload(true);
 						}
 					}
 				})
@@ -770,9 +728,9 @@ const CellLinkEdit = () => {
 						setPayload(newValue);
 						const label = (_definedNames$find = definedNames.find((i) => i.value === newValue)) === null || _definedNames$find === void 0 ? void 0 : _definedNames$find.label;
 						const oldLabel = (_definedNames$find2 = definedNames.find((i) => i.value === payload)) === null || _definedNames$find2 === void 0 ? void 0 : _definedNames$find2.label;
-						if (label && (setByPayload.current || !display || display === oldLabel)) {
+						if (label && (getIsDisplaySyncedWithPayload() || !display || display === oldLabel)) {
 							setDisplay(label);
-							setByPayload.current = true;
+							setDisplaySyncedWithPayload(true);
 						}
 					}
 				})
@@ -782,10 +740,11 @@ const CellLinkEdit = () => {
 				payload,
 				display,
 				showError,
-				setByPayload,
+				getIsDisplaySyncedWithPayload,
+				setDisplaySyncedWithPayload,
 				setDisplay: (newLink) => {
 					setDisplay(newLink);
-					setByPayload.current = true;
+					setDisplaySyncedWithPayload(true);
 				},
 				setPayload
 			}),
@@ -816,7 +775,7 @@ const CellLinkEdit = () => {
 CellLinkEdit.componentKey = "univer.sheet.cell-link-edit";
 
 //#endregion
-//#region src/views/CellLinkPopup/index.tsx
+//#region src/views/CellLinkPopup.tsx
 const iconsMap = {
 	[SheetHyperLinkType.URL]: /* @__PURE__ */ jsx(LinkIcon, {}),
 	[SheetHyperLinkType.SHEET]: /* @__PURE__ */ jsx(XlsxMultiIcon, { className: "univer-text-green-500" }),
@@ -833,7 +792,6 @@ const CellLinkPopupPure = (props) => {
 	const resolverService = useDependency(SheetsHyperLinkResolverService);
 	const editorBridgeService = useDependency(IEditorBridgeService);
 	const parserHyperLinkService = useDependency(SheetsHyperLinkParserService);
-	const zenZoneService = useDependency(IZenZoneService);
 	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$properti2 = customRange.properties.url) !== null && _customRange$properti2 !== void 0 ? _customRange$properti2 : "");
@@ -844,7 +802,6 @@ const CellLinkPopupPure = (props) => {
 		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 }),
 			onClick: () => {
-				if (zenZoneService.visible) return;
 				if (isError) return;
 				resolverService.navigate(linkObj);
 			},
@@ -901,14 +858,14 @@ const CellLinkPopupPure = (props) => {
 			}), /* @__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",
 				onClick: () => {
-					const commandId = type === "editing" || type === "zen_mode" ? CancelRichHyperLinkCommand.id : CancelHyperLinkCommand.id;
+					const commandId = type === "editing" ? CancelRichHyperLinkCommand.id : CancelHyperLinkCommand.id;
 					if (commandService.syncExecuteCommand(commandId, {
 						unitId,
 						subUnitId,
 						id: customRange.rangeId,
 						row,
 						column: col,
-						documentId: type === "zen_mode" ? DOCS_ZEN_EDITOR_UNIT_ID_KEY : editorBridgeService.getCurrentEditorId()
+						documentId: editorBridgeService.getCurrentEditorId()
 					})) popupService.hideCurrentPopup(void 0, true);
 				},
 				children: /* @__PURE__ */ jsx(Tooltip, {
@@ -964,15 +921,13 @@ let SheetsHyperLinkPopupService = class SheetsHyperLinkPopupService extends Disp
 	get currentEditing() {
 		return this._currentEditing$.getValue();
 	}
-	constructor(_sheetCanvasPopManagerService, _injector, _univerInstanceService, _editorBridgeService, _textSelectionManagerService, _docCanvasPopManagerService, _zenZoneService) {
+	constructor(_sheetCanvasPopManagerService, _injector, _univerInstanceService, _editorBridgeService, _textSelectionManagerService) {
 		super();
 		this._sheetCanvasPopManagerService = _sheetCanvasPopManagerService;
 		this._injector = _injector;
 		this._univerInstanceService = _univerInstanceService;
 		this._editorBridgeService = _editorBridgeService;
 		this._textSelectionManagerService = _textSelectionManagerService;
-		this._docCanvasPopManagerService = _docCanvasPopManagerService;
-		this._zenZoneService = _zenZoneService;
 		_defineProperty(this, "_currentPopup", null);
 		_defineProperty(this, "_currentPopup$", new Subject());
 		_defineProperty(this, "currentPopup$", this._currentPopup$.asObservable());
@@ -996,7 +951,6 @@ let SheetsHyperLinkPopupService = class SheetsHyperLinkPopupService extends Disp
 	showPopup(location) {
 		if (this._currentPopup && isEqualLink(location, this._currentPopup)) return;
 		this.hideCurrentPopup(void 0, true);
-		if (location.type !== "zen_mode" && this._zenZoneService.visible) return;
 		const currentEditing = this._currentEditing$.getValue();
 		if (currentEditing && isEqualLink(location, currentEditing)) return;
 		const { unitId, subUnitId, row, col, customRangeRect, customRange } = location;
@@ -1014,13 +968,6 @@ let SheetsHyperLinkPopupService = class SheetsHyperLinkPopupService extends Disp
 		if (location.type === "editing") {
 			if (!customRange) return;
 			disposable = customRangeRect && this._sheetCanvasPopManagerService.attachPopupToAbsolutePosition(customRangeRect, popup);
-		} else if (location.type === "zen_mode") {
-			if (!customRange) return;
-			disposable = this._docCanvasPopManagerService.attachPopupToRange({
-				startOffset: customRange.startIndex,
-				endOffset: customRange.endIndex + 1,
-				collapsed: false
-			}, popup, DOCS_ZEN_EDITOR_UNIT_ID_KEY);
 		} else if (location.showAll) disposable = this._sheetCanvasPopManagerService.attachPopupToCell(location.row, location.col, popup, unitId, subUnitId);
 		else {
 			if (!customRange) return;
@@ -1107,19 +1054,7 @@ let SheetsHyperLinkPopupService = class SheetsHyperLinkPopupService extends Disp
 	}
 	startAddEditing(link) {
 		const { unitId, subUnitId, type } = link;
-		if (type === "zen_mode") {
-			var _document$getBody;
-			const document = this._univerInstanceService.getUnit(DOCS_ZEN_EDITOR_UNIT_ID_KEY, UniverInstanceType.UNIVER_DOC);
-			if (!document) return;
-			const range = this._textSelectionManagerService.getActiveTextRange();
-			if (!range) return;
-			this._currentEditingPopup = this._docCanvasPopManagerService.attachPopupToRange(range, this._editPopup, DOCS_ZEN_EDITOR_UNIT_ID_KEY);
-			const label = (_document$getBody = document.getBody()) === null || _document$getBody === void 0 ? void 0 : _document$getBody.dataStream.slice(range.startOffset, range.endOffset);
-			this._currentEditing$.next({
-				...link,
-				label
-			});
-		} else if (type === "editing") {
+		if (type === "editing") {
 			var _range$label;
 			const range = this._getEditingRange();
 			if (!range) return;
@@ -1155,22 +1090,7 @@ let SheetsHyperLinkPopupService = class SheetsHyperLinkPopupService extends Disp
 		const { unitId, subUnitId } = link;
 		let customRange;
 		let label;
-		if (link.type === "zen_mode") {
-			var _document$getBody2, _document$getBody3;
-			const document = this._univerInstanceService.getUnit(DOCS_ZEN_EDITOR_UNIT_ID_KEY, UniverInstanceType.UNIVER_DOC);
-			customRange = document === null || document === void 0 || (_document$getBody2 = document.getBody()) === null || _document$getBody2 === void 0 || (_document$getBody2 = _document$getBody2.customRanges) === null || _document$getBody2 === void 0 ? void 0 : _document$getBody2.find((range) => range.rangeId === link.customRangeId);
-			label = customRange ? document === null || document === void 0 || (_document$getBody3 = document.getBody()) === null || _document$getBody3 === void 0 ? void 0 : _document$getBody3.dataStream.slice(customRange.startIndex, customRange.endIndex + 1) : "";
-			if (!customRange || !label) return;
-			this._textSelectionManagerService.replaceTextRanges([{
-				startOffset: customRange.startIndex,
-				endOffset: customRange.endIndex + 1
-			}]);
-			this._currentEditingPopup = this._docCanvasPopManagerService.attachPopupToRange({
-				startOffset: customRange.startIndex,
-				endOffset: customRange.endIndex,
-				collapsed: false
-			}, this._editPopup, DOCS_ZEN_EDITOR_UNIT_ID_KEY);
-		} else if (link.type === "editing") {
+		if (link.type === "editing") {
 			var _customRangeInfo$rect;
 			const customRangeInfo = getEditingCustomRangePosition(this._injector, link.unitId, link.subUnitId, link.row, link.col, link.customRangeId);
 			if (!customRangeInfo || !((_customRangeInfo$rect = customRangeInfo.rects) === null || _customRangeInfo$rect === void 0 ? void 0 : _customRangeInfo$rect.length)) return;
@@ -1221,14 +1141,12 @@ SheetsHyperLinkPopupService = __decorate([
 	__decorateParam(1, Inject(Injector)),
 	__decorateParam(2, IUniverInstanceService),
 	__decorateParam(3, IEditorBridgeService),
-	__decorateParam(4, Inject(DocSelectionManagerService)),
-	__decorateParam(5, Inject(DocCanvasPopManagerService)),
-	__decorateParam(6, IZenZoneService)
+	__decorateParam(4, Inject(DocSelectionManagerService))
 ], SheetsHyperLinkPopupService);
 
 //#endregion
 //#region src/utils/index.ts
-const disables = new Set([
+const disables = /* @__PURE__ */ new Set([
 	DataValidationType.CHECKBOX,
 	DataValidationType.LIST,
 	DataValidationType.LIST_MULTIPLE
@@ -1290,9 +1208,7 @@ const InsertHyperLinkOperation = {
 	type: CommandType.OPERATION,
 	id: "sheet.operation.insert-hyper-link",
 	handler(accessor) {
-		var _univerInstanceServic;
-		const univerInstanceService = accessor.get(IUniverInstanceService);
-		const target = getSheetCommandTarget(univerInstanceService);
+		const target = getSheetCommandTarget(accessor.get(IUniverInstanceService));
 		const editorBridgeService = accessor.get(IEditorBridgeService);
 		if (!target) return false;
 		const commandService = accessor.get(ICommandService);
@@ -1301,13 +1217,12 @@ const InsertHyperLinkOperation = {
 		const row = selection.range.startRow;
 		const col = selection.range.startColumn;
 		const visible = editorBridgeService.isVisible();
-		const isZenEditor = ((_univerInstanceServic = univerInstanceService.getFocusedUnit()) === null || _univerInstanceServic === void 0 ? void 0 : _univerInstanceServic.getUnitId()) === DOCS_ZEN_EDITOR_UNIT_ID_KEY;
 		return commandService.executeCommand(OpenHyperLinkEditPanelOperation.id, {
 			unitId: target.unitId,
 			subUnitId: target.subUnitId,
 			row,
 			col,
-			type: isZenEditor ? "zen_mode" : visible.visible ? "editing" : "viewing"
+			type: visible.visible ? "editing" : "viewing"
 		});
 	}
 };
@@ -1533,7 +1448,7 @@ SheetsHyperLinkCopyPasteController = __decorate([
 
 //#endregion
 //#region src/menu/menu.ts
-const getEditingLinkDisable$ = (accessor, unitId = DOCS_ZEN_EDITOR_UNIT_ID_KEY) => {
+const getEditingLinkDisable$ = (accessor, unitId = DOCS_NORMAL_EDITOR_UNIT_ID_KEY) => {
 	var _accessor$get$getRend;
 	const univerInstanceService = accessor.get(IUniverInstanceService);
 	const docSelctionService = (_accessor$get$getRend = accessor.get(IRenderManagerService).getRenderById(unitId)) === null || _accessor$get$getRend === void 0 ? void 0 : _accessor$get$getRend.with(DocSelectionRenderService);
@@ -1580,51 +1495,28 @@ const getLinkDisable$ = (accessor) => {
 		}, true);
 	}));
 };
-const linkMenu = {
-	commandId: InsertHyperLinkOperation.id,
-	type: MenuItemType.BUTTON,
-	title: "sheets-hyper-link-ui.menu.add",
-	icon: "LinkIcon"
-};
-const genZenEditorMenuId = (id) => `${id}-zen-editor`;
 const insertLinkMenuFactory = (accessor) => {
 	return {
-		...linkMenu,
-		id: linkMenu.commandId,
+		commandId: InsertHyperLinkOperation.id,
+		type: MenuItemType.BUTTON,
+		title: "sheets-hyper-link-ui.menu.add",
+		icon: "LinkIcon",
+		id: InsertHyperLinkOperation.id,
 		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
 		disabled$: getLinkDisable$(accessor)
 	};
 };
-const zenEditorInsertLinkMenuFactory = (accessor) => {
-	return {
-		...linkMenu,
-		id: genZenEditorMenuId(linkMenu.commandId),
-		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_DOC, DOCS_ZEN_EDITOR_UNIT_ID_KEY),
-		disabled$: getEditingLinkDisable$(accessor)
-	};
-};
-const linkToolbarMenu = {
-	tooltip: "sheets-hyper-link-ui.form.addTitle",
-	commandId: InsertHyperLinkToolbarOperation.id,
-	type: MenuItemType.BUTTON,
-	icon: "LinkIcon"
-};
 const insertLinkMenuToolbarFactory = (accessor) => {
 	return {
-		...linkToolbarMenu,
-		id: linkToolbarMenu.commandId,
+		tooltip: "sheets-hyper-link-ui.form.addTitle",
+		commandId: InsertHyperLinkToolbarOperation.id,
+		type: MenuItemType.BUTTON,
+		icon: "LinkIcon",
+		id: InsertHyperLinkToolbarOperation.id,
 		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
 		disabled$: getLinkDisable$(accessor)
 	};
 };
-const zenEditorInsertLinkMenuToolbarFactory = (accessor) => {
-	return {
-		...linkToolbarMenu,
-		id: genZenEditorMenuId(linkToolbarMenu.commandId),
-		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_DOC, DOCS_ZEN_EDITOR_UNIT_ID_KEY),
-		disabled$: getEditingLinkDisable$(accessor)
-	};
-};
 const InsertLinkShortcut = {
 	id: InsertHyperLinkToolbarOperation.id,
 	binding: KeyCode.K | MetaKeys.CTRL_COMMAND,
@@ -1634,7 +1526,7 @@ const InsertLinkShortcut = {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-hyper-link-ui";
-var version = "0.25.0";
+var version = "1.0.0-alpha.0";
 
 //#endregion
 //#region src/controllers/auto-fill.controller.ts
@@ -1753,6 +1645,42 @@ let SheetsHyperLinkAutoFillController = class SheetsHyperLinkAutoFillController
 };
 SheetsHyperLinkAutoFillController = __decorate([__decorateParam(0, IAutoFillService), __decorateParam(1, Inject(HyperLinkModel))], SheetsHyperLinkAutoFillController);
 
+//#endregion
+//#region src/controllers/components.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 ComponentsController = class ComponentsController extends Disposable {
+	constructor(_componentManager, _iconManager) {
+		super();
+		this._componentManager = _componentManager;
+		this._iconManager = _iconManager;
+		this._registerComponents();
+		this._registerIcons();
+	}
+	_registerComponents() {
+		[[CellLinkPopup.componentKey, CellLinkPopup], [CellLinkEdit.componentKey, CellLinkEdit]].forEach(([key, comp]) => {
+			this._componentManager.register(key, comp);
+		});
+	}
+	_registerIcons() {
+		this.disposeWithMe(this._iconManager.register({ LinkIcon }));
+	}
+};
+ComponentsController = __decorate([__decorateParam(0, Inject(ComponentManager)), __decorateParam(1, Inject(IconManager))], ComponentsController);
+
 //#endregion
 //#region src/controllers/hyper-link-permission.controller.ts
 let SheetsHyperLinkPermissionController = class SheetsHyperLinkPermissionController extends Disposable {
@@ -1788,7 +1716,7 @@ SheetsHyperLinkPermissionController = __decorate([
 //#endregion
 //#region src/controllers/popup.controller.ts
 let SheetsHyperLinkPopupController = class SheetsHyperLinkPopupController extends Disposable {
-	constructor(_hoverManagerService, _sheetsHyperLinkPopupService, _renderManagerService, _permissionService, _sheetPermissionCheckController, _commandService, _editorBridgeService, _textSelectionManagerService, _univerInstanceService, _zenZoneService) {
+	constructor(_hoverManagerService, _sheetsHyperLinkPopupService, _renderManagerService, _permissionService, _sheetPermissionCheckController, _commandService, _editorBridgeService, _textSelectionManagerService, _univerInstanceService) {
 		super();
 		this._hoverManagerService = _hoverManagerService;
 		this._sheetsHyperLinkPopupService = _sheetsHyperLinkPopupService;
@@ -1799,12 +1727,10 @@ let SheetsHyperLinkPopupController = class SheetsHyperLinkPopupController extend
 		this._editorBridgeService = _editorBridgeService;
 		this._textSelectionManagerService = _textSelectionManagerService;
 		this._univerInstanceService = _univerInstanceService;
-		this._zenZoneService = _zenZoneService;
 		this._initHoverListener();
 		this._initCommandListener();
 		this._initHoverEditingListener();
 		this._initTextSelectionListener();
-		this._initZenEditor();
 	}
 	_getLinkPermission(location) {
 		const { unitId, subUnitId, row: currentRow, col: currentCol } = location;
@@ -1961,48 +1887,6 @@ let SheetsHyperLinkPopupController = class SheetsHyperLinkPopupController extend
 			subscribe === null || subscribe === void 0 || subscribe.unsubscribe();
 		});
 	}
-	_initZenEditor() {
-		this.disposeWithMe(this._zenZoneService.visible$.subscribe((visible) => {
-			if (visible) {
-				this._sheetsHyperLinkPopupService.hideCurrentPopup("viewing");
-				this._sheetsHyperLinkPopupService.hideCurrentPopup("editing");
-				this._sheetsHyperLinkPopupService.endEditing("editing");
-				this._sheetsHyperLinkPopupService.hideCurrentPopup("viewing");
-			} else {
-				this._sheetsHyperLinkPopupService.hideCurrentPopup("zen_mode");
-				this._sheetsHyperLinkPopupService.endEditing("zen_mode");
-			}
-		}));
-		this.disposeWithMe(this._univerInstanceService.focused$.pipe(switchMap((id) => {
-			const render = id === DOCS_ZEN_EDITOR_UNIT_ID_KEY ? this._renderManagerService.getRenderById(id) : null;
-			if (render) return render.with(DocEventManagerService).hoverCustomRanges$.pipe(debounceTime(200));
-			return new Observable((sub) => {
-				sub.next(null);
-			});
-		})).subscribe((value) => {
-			const range = value === null || value === void 0 ? void 0 : value.find((range) => range.range.rangeType === CustomRangeType.HYPERLINK);
-			const state = this._editorBridgeService.getEditCellState();
-			if (range && state) {
-				const { unitId, sheetId, row, column } = state;
-				const { editPermission, viewPermission, copyPermission } = this._getLinkPermission({
-					unitId,
-					subUnitId: sheetId,
-					row,
-					col: column
-				});
-				if (viewPermission) this._sheetsHyperLinkPopupService.showPopup({
-					type: "zen_mode",
-					unitId,
-					subUnitId: sheetId,
-					row,
-					col: column,
-					customRange: range.range,
-					editPermission,
-					copyPermission
-				});
-			} else this._sheetsHyperLinkPopupService.hideCurrentPopup("zen_mode");
-		}));
-	}
 	_initTextSelectionListener() {
 		this.disposeWithMe(this._textSelectionManagerService.textSelection$.subscribe((selection) => {
 			if (selection && selection.unitId === DOCS_NORMAL_EDITOR_UNIT_ID_KEY) this._sheetsHyperLinkPopupService.endEditing("editing");
@@ -2028,8 +1912,7 @@ SheetsHyperLinkPopupController = __decorate([
 	__decorateParam(5, ICommandService),
 	__decorateParam(6, IEditorBridgeService),
 	__decorateParam(7, Inject(DocSelectionManagerService)),
-	__decorateParam(8, IUniverInstanceService),
-	__decorateParam(9, IZenZoneService)
+	__decorateParam(8, IUniverInstanceService)
 ], SheetsHyperLinkPopupController);
 
 //#endregion
@@ -2056,25 +1939,15 @@ SheetsHyperLinkRenderController = __decorate([__decorateParam(1, Inject(HyperLin
 //#endregion
 //#region src/menu/schema.ts
 const menuSchema = {
-	[RibbonInsertGroup.MEDIA]: {
-		[InsertHyperLinkToolbarOperation.id]: {
-			order: 1,
-			menuItemFactory: insertLinkMenuToolbarFactory
-		},
-		[genZenEditorMenuId(InsertHyperLinkToolbarOperation.id)]: {
-			order: 1,
-			menuItemFactory: zenEditorInsertLinkMenuToolbarFactory
-		}
-	},
+	[RibbonInsertGroup.MEDIA]: { [InsertHyperLinkToolbarOperation.id]: {
+		order: 1,
+		menuItemFactory: insertLinkMenuToolbarFactory
+	} },
 	[ContextMenuPosition.MAIN_AREA]: { [ContextMenuGroup.OTHERS]: {
 		order: 1,
 		[InsertHyperLinkToolbarOperation.id]: {
 			order: 0,
 			menuItemFactory: insertLinkMenuFactory
-		},
-		[genZenEditorMenuId(InsertHyperLinkToolbarOperation.id)]: {
-			order: 0,
-			menuItemFactory: zenEditorInsertLinkMenuFactory
 		}
 	} }
 };
@@ -2097,27 +1970,18 @@ const menuSchema = {
 * limitations under the License.
 */
 let SheetsHyperLinkUIController = class SheetsHyperLinkUIController extends Disposable {
-	constructor(_componentManager, _commandService, _menuManagerService, _injector, _shortcutService) {
+	constructor(_componentManager, _iconManager, _commandService, _menuManagerService, _injector, _shortcutService) {
 		super();
 		this._componentManager = _componentManager;
+		this._iconManager = _iconManager;
 		this._commandService = _commandService;
 		this._menuManagerService = _menuManagerService;
 		this._injector = _injector;
 		this._shortcutService = _shortcutService;
-		this._initComponents();
 		this._initCommands();
 		this._initMenus();
 		this._initShortCut();
 	}
-	_initComponents() {
-		[
-			[CellLinkPopup.componentKey, CellLinkPopup],
-			[CellLinkEdit.componentKey, CellLinkEdit],
-			["LinkIcon", LinkIcon]
-		].forEach(([key, comp]) => {
-			this._componentManager.register(key, comp);
-		});
-	}
 	_initCommands() {
 		[
 			OpenHyperLinkEditPanelOperation,
@@ -2137,10 +2001,11 @@ let SheetsHyperLinkUIController = class SheetsHyperLinkUIController extends Disp
 };
 SheetsHyperLinkUIController = __decorate([
 	__decorateParam(0, Inject(ComponentManager)),
-	__decorateParam(1, ICommandService),
-	__decorateParam(2, IMenuManagerService),
-	__decorateParam(3, Inject(Injector)),
-	__decorateParam(4, Inject(IShortcutService))
+	__decorateParam(1, Inject(IconManager)),
+	__decorateParam(2, ICommandService),
+	__decorateParam(3, IMenuManagerService),
+	__decorateParam(4, Inject(Injector)),
+	__decorateParam(5, Inject(IShortcutService))
 ], SheetsHyperLinkUIController);
 
 //#endregion
@@ -2190,6 +2055,8 @@ let UniverSheetsHyperLinkUIPlugin = class UniverSheetsHyperLinkUIPlugin extends
 		this._configService.setConfig(SHEETS_HYPER_LINK_UI_PLUGIN_CONFIG_KEY, rest);
 	}
 	onStarting() {
+		this._injector.add([ComponentsController]);
+		this._injector.get(ComponentsController);
 		[
 			[SheetsHyperLinkResolverService],
 			[SheetsHyperLinkPopupService],