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

package/lib/cjs/index.js

@@ -5,12 +5,12 @@ let _univerjs_sheets_ui = require("@univerjs/sheets-ui");
 let _univerjs_docs = require("@univerjs/docs");
 let _univerjs_docs_ui = require("@univerjs/docs-ui");
 let _univerjs_engine_render = require("@univerjs/engine-render");
-let _univerjs_ui = require("@univerjs/ui");
 let rxjs = require("rxjs");
 let _univerjs_design = require("@univerjs/design");
 let _univerjs_engine_formula = require("@univerjs/engine-formula");
 let _univerjs_sheets_formula_ui = require("@univerjs/sheets-formula-ui");
 let _univerjs_sheets_hyper_link = require("@univerjs/sheets-hyper-link");
+let _univerjs_ui = require("@univerjs/ui");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _univerjs_icons = require("@univerjs/icons");
@@ -63,7 +63,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);
@@ -71,7 +71,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);
@@ -212,7 +212,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) {
@@ -223,7 +223,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];
@@ -236,14 +236,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,
@@ -313,7 +313,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] = (0, react.useState)("");
@@ -333,13 +333,10 @@ const CellLinkEdit = () => {
 	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
 	const sidePanelService = (0, _univerjs_ui.useDependency)(SheetsHyperLinkSidePanelService);
 	const sidePanelOptions = (0, react.useMemo)(() => sidePanelService.getOptions(), [sidePanelService]);
-	const zenZoneService = (0, _univerjs_ui.useDependency)(_univerjs_ui.IZenZoneService);
 	const renderManagerService = (0, _univerjs_ui.useDependency)(_univerjs_engine_render.IRenderManagerService);
 	const markSelectionService = (0, _univerjs_ui.useDependency)(_univerjs_sheets_ui.IMarkSelectionService);
 	const textSelectionService = (0, _univerjs_ui.useDependency)(_univerjs_docs.DocSelectionManagerService);
-	const contextService = (0, _univerjs_ui.useDependency)(_univerjs_core.IContextService);
 	const themeService = (0, _univerjs_ui.useDependency)(_univerjs_core.ThemeService);
-	const docSelectionManagerService = (0, _univerjs_ui.useDependency)(_univerjs_docs.DocSelectionManagerService);
 	const [selectorDialogVisible, setSelectorDialogVisible] = (0, react.useState)(false);
 	const sheetsSelectionService = (0, _univerjs_ui.useDependency)(_univerjs_sheets.SheetsSelectionsService);
 	const selections = (0, react.useMemo)(() => sheetsSelectionService.getCurrentSelections(), []);
@@ -349,7 +346,11 @@ const CellLinkEdit = () => {
 	}, [sidePanelService, type]);
 	const [showError, setShowError] = (0, react.useState)(false);
 	const [isFocusRangeSelector, setIsFocusRangeSelector] = (0, react.useState)(false);
-	const setByPayload = (0, react.useRef)(false);
+	const isDisplaySyncedWithPayloadRef = (0, react.useRef)(false);
+	const getIsDisplaySyncedWithPayload = (0, _univerjs_ui.useEvent)(() => isDisplaySyncedWithPayloadRef.current);
+	const setDisplaySyncedWithPayload = (0, _univerjs_ui.useEvent)((synced) => {
+		isDisplaySyncedWithPayloadRef.current = synced;
+	});
 	const workbook = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 	const subUnitId = (workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet().getSheetId()) || "";
 	const setDisplay = (0, react.useCallback)((value) => {
@@ -419,14 +420,14 @@ const CellLinkEdit = () => {
 			switch (linkInfo.type) {
 				case _univerjs_sheets_hyper_link.SheetHyperLinkType.URL:
 					setPayload(linkInfo.url);
-					if (linkInfo.url === link.display) setByPayload.current = true;
+					if (linkInfo.url === link.display) setDisplaySyncedWithPayload(true);
 					break;
 				case _univerjs_sheets_hyper_link.SheetHyperLinkType.RANGE: {
 					var _univerInstanceServic, _univerInstanceServic2;
 					const params = linkInfo.searchObj;
 					const payload = (0, _univerjs_engine_formula.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 : "" : "", (0, _univerjs_engine_formula.deserializeRangeWithSheet)(params.range).range);
 					setPayload(payload);
-					if (payload === link.display) setByPayload.current = true;
+					if (payload === link.display) setDisplaySyncedWithPayload(true);
 					break;
 				}
 				case _univerjs_sheets_hyper_link.SheetHyperLinkType.SHEET: {
@@ -487,7 +488,7 @@ const CellLinkEdit = () => {
 		setIsFocusRangeSelector(type === _univerjs_sheets_hyper_link.SheetHyperLinkType.RANGE);
 	}, [type]);
 	(0, react.useEffect)(() => {
-		const render = (editing === null || editing === void 0 ? void 0 : editing.type) === "zen_mode" ? renderManagerService.getRenderById(_univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY) : renderManagerService.getRenderById(editorBridgeService.getCurrentEditorId());
+		const render = renderManagerService.getRenderById(editorBridgeService.getCurrentEditorId());
 		const disposeCollection = new _univerjs_core.DisposableCollection();
 		if (render) {
 			const selectionRenderService = render.with(_univerjs_docs_ui.DocSelectionRenderService);
@@ -500,11 +501,7 @@ const CellLinkEdit = () => {
 			editorBridgeService.disableForceKeepVisible();
 			disposeCollection.dispose();
 		};
-	}, [
-		editing === null || editing === void 0 ? void 0 : editing.type,
-		editorBridgeService,
-		renderManagerService
-	]);
+	}, [editorBridgeService, renderManagerService]);
 	(0, react.useEffect)(() => {
 		if (isFocusRangeSelector) popupService.setIsKeepVisible(isFocusRangeSelector);
 		popupService.setIsKeepVisible(selectorDialogVisible);
@@ -516,14 +513,6 @@ const CellLinkEdit = () => {
 		selectorDialogVisible,
 		popupService
 	]);
-	(0, react.useEffect)(() => {
-		return () => {
-			if (zenZoneService.temporaryHidden) {
-				zenZoneService.show();
-				contextService.setContextValue(_univerjs_core.FOCUSING_SHEET, false);
-			}
-		};
-	}, [contextService, zenZoneService]);
 	(0, react.useEffect)(() => {
 		if (isFocusRangeSelector) {
 			editorBridgeService.enableForceKeepVisible();
@@ -578,9 +567,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 () => {
@@ -589,7 +578,7 @@ const CellLinkEdit = () => {
 			return;
 		}
 		if (editing) if (id) {
-			const commandId = editing.type === "zen_mode" || editing.type === "editing" ? _univerjs_sheets_hyper_link.UpdateRichHyperLinkCommand.id : _univerjs_sheets_hyper_link.UpdateHyperLinkCommand.id;
+			const commandId = editing.type === "editing" ? _univerjs_sheets_hyper_link.UpdateRichHyperLinkCommand.id : _univerjs_sheets_hyper_link.UpdateHyperLinkCommand.id;
 			await commandService.executeCommand(commandId, {
 				id,
 				unitId: editing.unitId,
@@ -600,10 +589,10 @@ const CellLinkEdit = () => {
 				},
 				row: editing.row,
 				column: editing.col,
-				documentId: editing.type === "zen_mode" ? _univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY : editorBridgeService.getCurrentEditorId()
+				documentId: editorBridgeService.getCurrentEditorId()
 			});
 		} else {
-			const commandId = editing.type === "zen_mode" || editing.type === "editing" ? _univerjs_sheets_hyper_link.AddRichHyperLinkCommand.id : _univerjs_sheets_hyper_link.AddHyperLinkCommand.id;
+			const commandId = editing.type === "editing" ? _univerjs_sheets_hyper_link.AddRichHyperLinkCommand.id : _univerjs_sheets_hyper_link.AddHyperLinkCommand.id;
 			await commandService.executeCommand(commandId, {
 				unitId: editing.unitId,
 				subUnitId: editing.subUnitId,
@@ -614,7 +603,7 @@ const CellLinkEdit = () => {
 					payload: formatUrl(type, payload),
 					display: showLabel ? display : ""
 				},
-				documentId: editing.type === "zen_mode" ? _univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY : editorBridgeService.getCurrentEditorId()
+				documentId: editorBridgeService.getCurrentEditorId()
 			});
 		}
 		if ((editing === null || editing === void 0 ? void 0 : editing.type) === "viewing") {
@@ -643,7 +632,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,
@@ -670,9 +659,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"),
@@ -695,10 +684,6 @@ const CellLinkEdit = () => {
 					onRangeSelectorDialogVisibleChange: async (visible) => {
 						setSelectorDialogVisible(visible);
 						if (visible) {
-							if (editing.type === "zen_mode") {
-								zenZoneService.hide();
-								contextService.setContextValue(_univerjs_core.FOCUSING_SHEET, true);
-							}
 							if (editing.type !== "viewing") editorBridgeService.enableForceKeepVisible();
 							setHide(true);
 						} else {
@@ -708,33 +693,6 @@ const CellLinkEdit = () => {
 								startColumn: editing.col,
 								endColumn: editing.col
 							}, true);
-							if (editing.type === "zen_mode") {
-								var _renderManagerService, _docSelectionManagerS;
-								await commandService.executeCommand(_univerjs_sheets.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(_univerjs_core.FOCUSING_SHEET, false);
-								const docBackScrollRenderController = (_renderManagerService = renderManagerService.getRenderById(_univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(_univerjs_docs_ui.DocBackScrollRenderController);
-								const range = (_docSelectionManagerS = docSelectionManagerService.getTextRanges({
-									unitId: _univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY,
-									subUnitId: _univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY
-								})) === null || _docSelectionManagerS === void 0 ? void 0 : _docSelectionManagerS[0];
-								if (docBackScrollRenderController && range) {
-									docBackScrollRenderController.scrollToRange(range);
-									docSelectionManagerService.refreshSelection({
-										unitId: _univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY,
-										subUnitId: _univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY
-									});
-								}
-							}
 							editorBridgeService.disableForceKeepVisible();
 							setHide(false);
 						}
@@ -753,9 +711,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);
 						}
 					}
 				})
@@ -771,9 +729,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);
 						}
 					}
 				})
@@ -783,10 +741,11 @@ const CellLinkEdit = () => {
 				payload,
 				display,
 				showError,
-				setByPayload,
+				getIsDisplaySyncedWithPayload,
+				setDisplaySyncedWithPayload,
 				setDisplay: (newLink) => {
 					setDisplay(newLink);
-					setByPayload.current = true;
+					setDisplaySyncedWithPayload(true);
 				},
 				setPayload
 			}),
@@ -817,7 +776,7 @@ const CellLinkEdit = () => {
 CellLinkEdit.componentKey = "univer.sheet.cell-link-edit";
 
 //#endregion
-//#region src/views/CellLinkPopup/index.tsx
+//#region src/views/CellLinkPopup.tsx
 const iconsMap = {
 	[_univerjs_sheets_hyper_link.SheetHyperLinkType.URL]: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.LinkIcon, {}),
 	[_univerjs_sheets_hyper_link.SheetHyperLinkType.SHEET]: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.XlsxMultiIcon, { className: "univer-text-green-500" }),
@@ -834,7 +793,6 @@ const CellLinkPopupPure = (props) => {
 	const resolverService = (0, _univerjs_ui.useDependency)(SheetsHyperLinkResolverService);
 	const editorBridgeService = (0, _univerjs_ui.useDependency)(_univerjs_sheets_ui.IEditorBridgeService);
 	const parserHyperLinkService = (0, _univerjs_ui.useDependency)(_univerjs_sheets_hyper_link.SheetsHyperLinkParserService);
-	const zenZoneService = (0, _univerjs_ui.useDependency)(_univerjs_ui.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 : "");
@@ -845,7 +803,6 @@ const CellLinkPopupPure = (props) => {
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: (0, _univerjs_design.clsx)("univer-flex univer-h-6 univer-flex-1 univer-cursor-pointer univer-flex-row univer-items-center univer-truncate univer-text-sm univer-leading-5 univer-text-primary-600", { "univer-text-red-500": isError }),
 			onClick: () => {
-				if (zenZoneService.visible) return;
 				if (isError) return;
 				resolverService.navigate(linkObj);
 			},
@@ -902,14 +859,14 @@ const CellLinkPopupPure = (props) => {
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-flex-row univer-items-center univer-justify-center univer-rounded univer-text-base hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700",
 				onClick: () => {
-					const commandId = type === "editing" || type === "zen_mode" ? _univerjs_sheets_hyper_link.CancelRichHyperLinkCommand.id : _univerjs_sheets_hyper_link.CancelHyperLinkCommand.id;
+					const commandId = type === "editing" ? _univerjs_sheets_hyper_link.CancelRichHyperLinkCommand.id : _univerjs_sheets_hyper_link.CancelHyperLinkCommand.id;
 					if (commandService.syncExecuteCommand(commandId, {
 						unitId,
 						subUnitId,
 						id: customRange.rangeId,
 						row,
 						column: col,
-						documentId: type === "zen_mode" ? _univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY : editorBridgeService.getCurrentEditorId()
+						documentId: editorBridgeService.getCurrentEditorId()
 					})) popupService.hideCurrentPopup(void 0, true);
 				},
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
@@ -965,15 +922,13 @@ let SheetsHyperLinkPopupService = class SheetsHyperLinkPopupService extends _uni
 	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 rxjs.Subject());
 		_defineProperty(this, "currentPopup$", this._currentPopup$.asObservable());
@@ -997,7 +952,6 @@ let SheetsHyperLinkPopupService = class SheetsHyperLinkPopupService extends _uni
 	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;
@@ -1015,13 +969,6 @@ let SheetsHyperLinkPopupService = class SheetsHyperLinkPopupService extends _uni
 		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, _univerjs_core.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;
@@ -1108,19 +1055,7 @@ let SheetsHyperLinkPopupService = class SheetsHyperLinkPopupService extends _uni
 	}
 	startAddEditing(link) {
 		const { unitId, subUnitId, type } = link;
-		if (type === "zen_mode") {
-			var _document$getBody;
-			const document = this._univerInstanceService.getUnit(_univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY, _univerjs_core.UniverInstanceType.UNIVER_DOC);
-			if (!document) return;
-			const range = this._textSelectionManagerService.getActiveTextRange();
-			if (!range) return;
-			this._currentEditingPopup = this._docCanvasPopManagerService.attachPopupToRange(range, this._editPopup, _univerjs_core.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;
@@ -1156,22 +1091,7 @@ let SheetsHyperLinkPopupService = class SheetsHyperLinkPopupService extends _uni
 		const { unitId, subUnitId } = link;
 		let customRange;
 		let label;
-		if (link.type === "zen_mode") {
-			var _document$getBody2, _document$getBody3;
-			const document = this._univerInstanceService.getUnit(_univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY, _univerjs_core.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, _univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY);
-		} else if (link.type === "editing") {
+		if (link.type === "editing") {
 			var _customRangeInfo$rect;
 			const customRangeInfo = (0, _univerjs_sheets_ui.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;
@@ -1222,14 +1142,12 @@ SheetsHyperLinkPopupService = __decorate([
 	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
 	__decorateParam(2, _univerjs_core.IUniverInstanceService),
 	__decorateParam(3, _univerjs_sheets_ui.IEditorBridgeService),
-	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_docs.DocSelectionManagerService)),
-	__decorateParam(5, (0, _univerjs_core.Inject)(_univerjs_docs_ui.DocCanvasPopManagerService)),
-	__decorateParam(6, _univerjs_ui.IZenZoneService)
+	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_docs.DocSelectionManagerService))
 ], SheetsHyperLinkPopupService);
 
 //#endregion
 //#region src/utils/index.ts
-const disables = new Set([
+const disables = /* @__PURE__ */ new Set([
 	_univerjs_core.DataValidationType.CHECKBOX,
 	_univerjs_core.DataValidationType.LIST,
 	_univerjs_core.DataValidationType.LIST_MULTIPLE
@@ -1291,9 +1209,7 @@ const InsertHyperLinkOperation = {
 	type: _univerjs_core.CommandType.OPERATION,
 	id: "sheet.operation.insert-hyper-link",
 	handler(accessor) {
-		var _univerInstanceServic;
-		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
-		const target = (0, _univerjs_sheets.getSheetCommandTarget)(univerInstanceService);
+		const target = (0, _univerjs_sheets.getSheetCommandTarget)(accessor.get(_univerjs_core.IUniverInstanceService));
 		const editorBridgeService = accessor.get(_univerjs_sheets_ui.IEditorBridgeService);
 		if (!target) return false;
 		const commandService = accessor.get(_univerjs_core.ICommandService);
@@ -1302,13 +1218,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()) === _univerjs_core.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"
 		});
 	}
 };
@@ -1534,7 +1449,7 @@ SheetsHyperLinkCopyPasteController = __decorate([
 
 //#endregion
 //#region src/menu/menu.ts
-const getEditingLinkDisable$ = (accessor, unitId = _univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY) => {
+const getEditingLinkDisable$ = (accessor, unitId = _univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY) => {
 	var _accessor$get$getRend;
 	const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 	const docSelctionService = (_accessor$get$getRend = accessor.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId)) === null || _accessor$get$getRend === void 0 ? void 0 : _accessor$get$getRend.with(_univerjs_docs_ui.DocSelectionRenderService);
@@ -1581,51 +1496,28 @@ const getLinkDisable$ = (accessor) => {
 		}, true);
 	}));
 };
-const linkMenu = {
-	commandId: InsertHyperLinkOperation.id,
-	type: _univerjs_ui.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: _univerjs_ui.MenuItemType.BUTTON,
+		title: "sheets-hyper-link-ui.menu.add",
+		icon: "LinkIcon",
+		id: InsertHyperLinkOperation.id,
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET),
 		disabled$: getLinkDisable$(accessor)
 	};
 };
-const zenEditorInsertLinkMenuFactory = (accessor) => {
-	return {
-		...linkMenu,
-		id: genZenEditorMenuId(linkMenu.commandId),
-		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_DOC, _univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY),
-		disabled$: getEditingLinkDisable$(accessor)
-	};
-};
-const linkToolbarMenu = {
-	tooltip: "sheets-hyper-link-ui.form.addTitle",
-	commandId: InsertHyperLinkToolbarOperation.id,
-	type: _univerjs_ui.MenuItemType.BUTTON,
-	icon: "LinkIcon"
-};
 const insertLinkMenuToolbarFactory = (accessor) => {
 	return {
-		...linkToolbarMenu,
-		id: linkToolbarMenu.commandId,
+		tooltip: "sheets-hyper-link-ui.form.addTitle",
+		commandId: InsertHyperLinkToolbarOperation.id,
+		type: _univerjs_ui.MenuItemType.BUTTON,
+		icon: "LinkIcon",
+		id: InsertHyperLinkToolbarOperation.id,
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET),
 		disabled$: getLinkDisable$(accessor)
 	};
 };
-const zenEditorInsertLinkMenuToolbarFactory = (accessor) => {
-	return {
-		...linkToolbarMenu,
-		id: genZenEditorMenuId(linkToolbarMenu.commandId),
-		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_DOC, _univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY),
-		disabled$: getEditingLinkDisable$(accessor)
-	};
-};
 const InsertLinkShortcut = {
 	id: InsertHyperLinkToolbarOperation.id,
 	binding: _univerjs_ui.KeyCode.K | _univerjs_ui.MetaKeys.CTRL_COMMAND,
@@ -1635,7 +1527,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
@@ -1754,6 +1646,42 @@ let SheetsHyperLinkAutoFillController = class SheetsHyperLinkAutoFillController
 };
 SheetsHyperLinkAutoFillController = __decorate([__decorateParam(0, _univerjs_sheets.IAutoFillService), __decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_sheets_hyper_link.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 _univerjs_core.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: _univerjs_icons.LinkIcon }));
+	}
+};
+ComponentsController = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_ui.ComponentManager)), __decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_ui.IconManager))], ComponentsController);
+
 //#endregion
 //#region src/controllers/hyper-link-permission.controller.ts
 let SheetsHyperLinkPermissionController = class SheetsHyperLinkPermissionController extends _univerjs_core.Disposable {
@@ -1789,7 +1717,7 @@ SheetsHyperLinkPermissionController = __decorate([
 //#endregion
 //#region src/controllers/popup.controller.ts
 let SheetsHyperLinkPopupController = class SheetsHyperLinkPopupController extends _univerjs_core.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;
@@ -1800,12 +1728,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;
@@ -1962,48 +1888,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((0, rxjs.switchMap)((id) => {
-			const render = id === _univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY ? this._renderManagerService.getRenderById(id) : null;
-			if (render) return render.with(_univerjs_docs_ui.DocEventManagerService).hoverCustomRanges$.pipe((0, rxjs.debounceTime)(200));
-			return new rxjs.Observable((sub) => {
-				sub.next(null);
-			});
-		})).subscribe((value) => {
-			const range = value === null || value === void 0 ? void 0 : value.find((range) => range.range.rangeType === _univerjs_core.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 === _univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY) this._sheetsHyperLinkPopupService.endEditing("editing");
@@ -2029,8 +1913,7 @@ SheetsHyperLinkPopupController = __decorate([
 	__decorateParam(5, _univerjs_core.ICommandService),
 	__decorateParam(6, _univerjs_sheets_ui.IEditorBridgeService),
 	__decorateParam(7, (0, _univerjs_core.Inject)(_univerjs_docs.DocSelectionManagerService)),
-	__decorateParam(8, _univerjs_core.IUniverInstanceService),
-	__decorateParam(9, _univerjs_ui.IZenZoneService)
+	__decorateParam(8, _univerjs_core.IUniverInstanceService)
 ], SheetsHyperLinkPopupController);
 
 //#endregion
@@ -2057,25 +1940,15 @@ SheetsHyperLinkRenderController = __decorate([__decorateParam(1, (0, _univerjs_c
 //#endregion
 //#region src/menu/schema.ts
 const menuSchema = {
-	[_univerjs_ui.RibbonInsertGroup.MEDIA]: {
-		[InsertHyperLinkToolbarOperation.id]: {
-			order: 1,
-			menuItemFactory: insertLinkMenuToolbarFactory
-		},
-		[genZenEditorMenuId(InsertHyperLinkToolbarOperation.id)]: {
-			order: 1,
-			menuItemFactory: zenEditorInsertLinkMenuToolbarFactory
-		}
-	},
+	[_univerjs_ui.RibbonInsertGroup.MEDIA]: { [InsertHyperLinkToolbarOperation.id]: {
+		order: 1,
+		menuItemFactory: insertLinkMenuToolbarFactory
+	} },
 	[_univerjs_ui.ContextMenuPosition.MAIN_AREA]: { [_univerjs_ui.ContextMenuGroup.OTHERS]: {
 		order: 1,
 		[InsertHyperLinkToolbarOperation.id]: {
 			order: 0,
 			menuItemFactory: insertLinkMenuFactory
-		},
-		[genZenEditorMenuId(InsertHyperLinkToolbarOperation.id)]: {
-			order: 0,
-			menuItemFactory: zenEditorInsertLinkMenuFactory
 		}
 	} }
 };
@@ -2098,27 +1971,18 @@ const menuSchema = {
 * limitations under the License.
 */
 let SheetsHyperLinkUIController = class SheetsHyperLinkUIController extends _univerjs_core.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", _univerjs_icons.LinkIcon]
-		].forEach(([key, comp]) => {
-			this._componentManager.register(key, comp);
-		});
-	}
 	_initCommands() {
 		[
 			OpenHyperLinkEditPanelOperation,
@@ -2138,10 +2002,11 @@ let SheetsHyperLinkUIController = class SheetsHyperLinkUIController extends _uni
 };
 SheetsHyperLinkUIController = __decorate([
 	__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_ui.ComponentManager)),
-	__decorateParam(1, _univerjs_core.ICommandService),
-	__decorateParam(2, _univerjs_ui.IMenuManagerService),
-	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
-	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_ui.IShortcutService))
+	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_ui.IconManager)),
+	__decorateParam(2, _univerjs_core.ICommandService),
+	__decorateParam(3, _univerjs_ui.IMenuManagerService),
+	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
+	__decorateParam(5, (0, _univerjs_core.Inject)(_univerjs_ui.IShortcutService))
 ], SheetsHyperLinkUIController);
 
 //#endregion
@@ -2191,6 +2056,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],