@univerjs/sheets-hyper-link-ui 0.4.1 → 0.4.2-nightly.202410301606

package/lib/es/index.js

@@ -2,18 +2,18 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
-import { Tools, Inject, LocaleService, UniverInstanceType, isValidRange, IUniverInstanceService, ICommandService, IConfigService, RANGE_TYPE, Rectangle, Injector, Disposable, Range, ObjectMatrix, CommandType, IUndoRedoService, BuildTextUtils, DataStreamTreeTokenType, CustomRangeType, TextX, CellValueType, sequenceExecuteAsync, generateRandomId, getBodySlice, useDependency, IContextService, ThemeService, ColorKit, DisposableCollection, FOCUSING_SHEET, DOCS_ZEN_EDITOR_UNIT_ID_KEY, sequenceExecute, useObservable as useObservable$1, DataValidationType, IPermissionService, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, InterceptorEffectEnum, DependentOn, Plugin } from "@univerjs/core";
-import { SheetHyperLinkType, ERROR_RANGE, HyperLinkModel, RemoveHyperLinkMutation, AddHyperLinkMutation, UniverSheetsHyperLinkPlugin } from "@univerjs/sheets-hyper-link";
-import { ScrollToRangeOperation, COPY_TYPE, virtualizeDiscreteRanges, rangeToDiscreteRange, PREDEFINED_HOOK_NAME, getRepeatRange, ISheetClipboardService, IEditorBridgeService, SheetSkeletonManagerService, IMarkSelectionService, SheetCanvasPopManagerService, getEditingCustomRangePosition, getCustomRangePosition, whenSheetEditorFocused, getCurrentRangeDisable$, IAutoFillService, APPLY_TYPE, getAutoFillRepeatRange, SheetPermissionInterceptorBaseController, HoverManagerService, HoverRenderController } from "@univerjs/sheets-ui";
+import { Tools, Inject, LocaleService, UniverInstanceType, isValidRange, IUniverInstanceService, ICommandService, IConfigService, RANGE_TYPE, Rectangle, Injector, Disposable, Range, ObjectMatrix, useDependency, IContextService, ThemeService, CustomRangeType, BuildTextUtils, ColorKit, DOCS_ZEN_EDITOR_UNIT_ID_KEY, DisposableCollection, FOCUSING_SHEET, generateRandomId, useObservable as useObservable$1, DataValidationType, CommandType, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, IPermissionService, InterceptorEffectEnum, DataStreamTreeTokenType, TextX, DependentOn, Plugin } from "@univerjs/core";
+import { SheetHyperLinkType, ERROR_RANGE, HyperLinkModel, RemoveHyperLinkMutation, AddHyperLinkMutation, SheetsHyperLinkParserService, UpdateRichHyperLinkCommand, UpdateHyperLinkCommand, AddRichHyperLinkCommand, AddHyperLinkCommand, CancelRichHyperLinkCommand, CancelHyperLinkCommand, UniverSheetsHyperLinkPlugin } from "@univerjs/sheets-hyper-link";
+import { ScrollToRangeOperation, COPY_TYPE, virtualizeDiscreteRanges, rangeToDiscreteRange, PREDEFINED_HOOK_NAME, getRepeatRange, ISheetClipboardService, IEditorBridgeService, IMarkSelectionService, SheetCanvasPopManagerService, getEditingCustomRangePosition, getCustomRangePosition, whenSheetEditorFocused, getCurrentRangeDisable$, IAutoFillService, APPLY_TYPE, getAutoFillRepeatRange, SheetPermissionInterceptorBaseController, HoverManagerService, HoverRenderController, SheetSkeletonManagerService } from "@univerjs/sheets-ui";
 import { MessageType, FormLayout, Input, Select, Button, Tooltip } from "@univerjs/design";
-import { deserializeRangeWithSheet, serializeRangeWithSheet, serializeRange, IDefinedNamesService, serializeRangeToRefString } from "@univerjs/engine-formula";
-import { SetSelectionsOperation, SetWorksheetActiveOperation, SetRangeValuesMutation, SetRangeValuesUndoMutationFactory, SheetsSelectionsService, getSheetCommandTarget, WorkbookEditablePermission, WorksheetEditPermission, WorksheetSetCellValuePermission, WorksheetInsertHyperlinkPermission, RangeProtectionPermissionEditPoint, WorkbookViewPermission, WorksheetViewPermission, RangeProtectionPermissionViewPoint, WorkbookCopyPermission, WorksheetCopyPermission, ClearSelectionContentCommand, ClearSelectionAllCommand, ClearSelectionFormatCommand, SheetInterceptorService, RemoveSheetCommand, INTERCEPTOR_POINT, RefRangeService, handleDefaultRangeChangeWithEffectRefCommands, SetRangeValuesCommand } from "@univerjs/sheets";
+import { deserializeRangeWithSheet, IDefinedNamesService, serializeRangeWithSheet, serializeRangeToRefString, serializeRange } from "@univerjs/engine-formula";
+import { SetSelectionsOperation, SetWorksheetActiveOperation, SheetsSelectionsService, getSheetCommandTarget, WorkbookEditablePermission, WorksheetEditPermission, WorksheetSetCellValuePermission, WorksheetInsertHyperlinkPermission, RangeProtectionPermissionEditPoint, WorkbookViewPermission, WorksheetViewPermission, RangeProtectionPermissionViewPoint, WorkbookCopyPermission, WorksheetCopyPermission, ClearSelectionContentCommand, ClearSelectionAllCommand, ClearSelectionFormatCommand, SheetInterceptorService, RemoveSheetCommand, INTERCEPTOR_POINT, RefRangeService, SetRangeValuesMutation, SetRangeValuesCommand, AFTER_CELL_EDIT } from "@univerjs/sheets";
 import { IMessageService, useObservable, IZenZoneService, useEvent, KeyCode, MenuItemType, MenuPosition, MenuGroup, MetaKeys, getMenuHiddenObservable, RibbonStartGroup, ContextMenuPosition, ContextMenuGroup, ComponentManager, IShortcutService, IMenuManagerService } from "@univerjs/ui";
+import { DocSelectionRenderService, DocBackScrollRenderController, DocCanvasPopManagerService, IEditorService, IRangeSelectorService, DocEventManagerService, UniverDocsUIPlugin } from "@univerjs/docs-ui";
+import { IRenderManagerService } from "@univerjs/engine-render";
+import { Subject, BehaviorSubject, of, map, filter, switchMap, distinctUntilChanged, debounceTime, Observable } from "rxjs";
 import { DocSelectionManagerService } from "@univerjs/docs";
-import { Subject, BehaviorSubject, map, mergeMap, Observable, debounceTime } from "rxjs";
-import { addCustomRangeBySelectionFactory, replaceSelectionFactory, DocSelectionRenderService, DocBackScrollRenderController, deleteCustomRangeFactory, DocCanvasPopManagerService, IEditorService, IRangeSelectorService, DocEventManagerService, UniverDocsUIPlugin } from "@univerjs/docs-ui";
 import require$$0, { useState, useMemo, useRef, useEffect, forwardRef, createElement } from "react";
-import { IRenderManagerService } from "@univerjs/engine-render";
 import { RangeSelector } from "@univerjs/sheets-formula-ui";
 function isLegalLink(link) {
   return Tools.isLegalUrl(link);
@@ -62,40 +62,16 @@ let SheetsHyperLinkResolverService = (_a = class {
   constructor(_univerInstanceService, _commandService, _definedNamesService, _messageService, _localeService, _configService) {
     this._univerInstanceService = _univerInstanceService, this._commandService = _commandService, this._definedNamesService = _definedNamesService, this._messageService = _messageService, this._localeService = _localeService, this._configService = _configService;
   }
-  _getURLName(params) {
-    var _a15;
-    const { gid, range, rangeid, unitid } = params, workbook = unitid ? this._univerInstanceService.getUnit(unitid, UniverInstanceType.UNIVER_SHEET) : this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET), invalidLink = {
-      type: SheetHyperLinkType.INVALID,
-      name: this._localeService.t("hyperLink.message.refError")
-    };
-    if (!workbook)
-      return invalidLink;
-    const sheet = gid ? workbook.getSheetBySheetId(gid) : workbook.getActiveSheet(), sheetName = (_a15 = sheet == null ? void 0 : sheet.getName()) != null ? _a15 : "";
-    if (range) {
-      if (!sheet) return invalidLink;
-      const rangeObj = deserializeRangeWithSheet(range).range;
-      return isValidRange(rangeObj, sheet) && range !== ERROR_RANGE ? {
-        type: SheetHyperLinkType.RANGE,
-        name: serializeRangeWithSheet(sheetName, rangeObj)
-      } : invalidLink;
+  navigate(info) {
+    switch (info.type) {
+      case SheetHyperLinkType.URL:
+        this.navigateToOtherWebsite(info.url);
+        break;
+      default:
+        this._navigateToUniver(info.searchObj);
     }
-    if (rangeid) {
-      const range2 = this._definedNamesService.getValueById(workbook.getUnitId(), rangeid);
-      return range2 ? {
-        type: SheetHyperLinkType.DEFINE_NAME,
-        name: range2.formulaOrRefString
-      } : invalidLink;
-    }
-    if (gid) {
-      const worksheet = workbook.getSheetBySheetId(gid);
-      return worksheet ? {
-        type: SheetHyperLinkType.SHEET,
-        name: worksheet.getName()
-      } : invalidLink;
-    }
-    return invalidLink;
   }
-  navigateTo(params) {
+  _navigateToUniver(params) {
     const { gid, range, rangeid } = params, workbook = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
     if (!workbook)
       return;
@@ -130,38 +106,6 @@ let SheetsHyperLinkResolverService = (_a = class {
       this.navigateToSheetById(unitId, gid);
     }
   }
-  buildHyperLink(unitId, sheetId, range) {
-    return `#${SheetHyperLinkType.SHEET}=${sheetId}${range ? `&${typeof range == "string" ? SheetHyperLinkType.DEFINE_NAME : SheetHyperLinkType.RANGE}=${typeof range == "string" ? range : serializeRange(range)}` : ""}`;
-  }
-  parseHyperLink(urlStr) {
-    var _a15, _b, _c, _d;
-    if (urlStr.startsWith("#")) {
-      const search = new URLSearchParams(urlStr.slice(1)), searchObj = {
-        gid: (_a15 = search.get("gid")) != null ? _a15 : "",
-        range: (_b = search.get("range")) != null ? _b : "",
-        rangeid: (_c = search.get("rangeid")) != null ? _c : "",
-        unitid: (_d = search.get("unitid")) != null ? _d : ""
-      }, urlInfo = this._getURLName(searchObj);
-      return {
-        type: urlInfo.type,
-        name: urlInfo.name,
-        url: urlStr,
-        searchObj,
-        handler: /* @__PURE__ */ __name(() => {
-          this.navigateTo(searchObj);
-        }, "handler")
-      };
-    } else
-      return {
-        type: SheetHyperLinkType.URL,
-        name: urlStr,
-        url: urlStr,
-        handler: /* @__PURE__ */ __name(() => {
-          this.navigateToOtherWebsite(urlStr);
-        }, "handler"),
-        searchObj: null
-      };
-  }
   async navigateToRange(unitId, subUnitId, range) {
     const worksheet = await this.navigateToSheetById(unitId, subUnitId);
     if (worksheet) {
@@ -180,27 +124,6 @@ let SheetsHyperLinkResolverService = (_a = class {
       });
     }
   }
-  async navigateToSheet(unitId, sheetName) {
-    const workbook = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET);
-    if (!workbook)
-      return !1;
-    const worksheet = workbook.getActiveSheet();
-    if ((worksheet == null ? void 0 : worksheet.getName()) === sheetName)
-      return !0;
-    const targetSheet = workbook.getSheetBySheetName(sheetName);
-    if (!targetSheet) {
-      this._messageService.show({
-        content: this._localeService.t("hyperLink.message.noSheet"),
-        type: MessageType.Error
-      });
-      return;
-    }
-    const sheetId = targetSheet.getSheetId();
-    return workbook.getHiddenWorksheets().indexOf(sheetId) > -1 && this._messageService.show({
-      content: this._localeService.t("hyperLink.message.hiddenSheet"),
-      type: MessageType.Error
-    }), await this._commandService.executeCommand(SetWorksheetActiveOperation.id, { unitId, subUnitId: sheetId });
-  }
   async navigateToSheetById(unitId, subUnitId) {
     const workbook = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET);
     if (!workbook)
@@ -219,8 +142,8 @@ let SheetsHyperLinkResolverService = (_a = class {
       type: MessageType.Error
     }), !1);
   }
-  async navigateToDefineName(unitId, rangeid) {
-    return this._definedNamesService.focusRange(unitId, rangeid), !0;
+  async navigateToDefineName(unitId, rangeId) {
+    return this._definedNamesService.focusRange(unitId, rangeId), !0;
   }
   async navigateToOtherWebsite(url) {
     var _a15;
@@ -253,15 +176,15 @@ let SheetsHyperLinkCopyPasteController = (_a2 = class extends Disposable {
       this._plainTextFilter.clear();
     });
   }
-  registerPlainTextFilter(filter) {
-    this._plainTextFilter.add(filter);
+  registerPlainTextFilter(filter2) {
+    this._plainTextFilter.add(filter2);
   }
-  removePlainTextFilter(filter) {
-    this._plainTextFilter.delete(filter);
+  removePlainTextFilter(filter2) {
+    this._plainTextFilter.delete(filter2);
   }
   /* If return false the process of paste text will be stop */
   _filterPlainText(text) {
-    return Array.from(this._plainTextFilter).every((filter) => filter(text));
+    return Array.from(this._plainTextFilter).every((filter2) => filter2(text));
   }
   _initCopyPaste() {
     this._sheetClipboardService.addClipboardHook({
@@ -414,246 +337,7 @@ reactJsxRuntime_production_min.jsx = q;
 reactJsxRuntime_production_min.jsxs = q;
 jsxRuntime.exports = reactJsxRuntime_production_min;
 var jsxRuntimeExports = jsxRuntime.exports;
-const AddHyperLinkCommand = {
-  type: CommandType.COMMAND,
-  id: "sheets.command.add-hyper-link",
-  // eslint-disable-next-line max-lines-per-function
-  async handler(accessor, params) {
-    var _a15;
-    if (!params)
-      return !1;
-    const commandService = accessor.get(ICommandService), undoRedoService = accessor.get(IUndoRedoService), renderManagerService = accessor.get(IRenderManagerService), univerInstanceService = accessor.get(IUniverInstanceService), hyperLinkModel = accessor.get(HyperLinkModel), editorBridgeService = accessor.get(IEditorBridgeService), { unitId, subUnitId, link } = params, workbook = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET), currentRender = renderManagerService.getRenderById(unitId);
-    if (!currentRender || !workbook)
-      return !1;
-    const worksheet = workbook == null ? void 0 : workbook.getSheetBySheetId(subUnitId), skeleton = (_a15 = currentRender.with(SheetSkeletonManagerService).getCurrent()) == null ? void 0 : _a15.skeleton;
-    if (!worksheet || !skeleton)
-      return !1;
-    const { payload, display, row, column, id } = link, cellData = worksheet.getCell(row, column), doc = skeleton.getBlankCellDocumentModel(cellData), snapshot = doc.documentModel.getSnapshot(), body = Tools.deepClone(snapshot.body);
-    if (!body)
-      return !1;
-    let textX;
-    if (display ? textX = BuildTextUtils.selection.replace({
-      selection: {
-        startOffset: 0,
-        endOffset: body.dataStream.length - 2,
-        collapsed: !0
-      },
-      body: {
-        dataStream: `${DataStreamTreeTokenType.CUSTOM_RANGE_START}${display}${DataStreamTreeTokenType.CUSTOM_RANGE_END}`,
-        customRanges: [{
-          startIndex: 0,
-          endIndex: display.length + 1,
-          rangeType: CustomRangeType.HYPERLINK,
-          rangeId: id,
-          properties: {
-            url: payload
-            // refId: id,
-          }
-        }]
-      },
-      doc: doc.documentModel
-    }) : textX = BuildTextUtils.customRange.add({
-      body,
-      range: { startOffset: 0, endOffset: body.dataStream.length - 2, collapsed: !1 },
-      rangeId: id,
-      rangeType: CustomRangeType.HYPERLINK,
-      properties: {
-        url: payload,
-        refId: id
-      }
-    }), !textX)
-      return !1;
-    const newBody = TextX.apply(body, textX.serialize()), newCellData = {
-      p: {
-        ...snapshot,
-        body: newBody
-      },
-      t: CellValueType.STRING
-    }, finalCellData = await editorBridgeService.beforeSetRangeValue(workbook, worksheet, row, column, newCellData), redoParams = {
-      unitId,
-      subUnitId,
-      cellValue: {
-        [link.row]: {
-          [link.column]: finalCellData
-        }
-      }
-    }, redo = {
-      id: SetRangeValuesMutation.id,
-      params: redoParams
-    }, undoParams = SetRangeValuesUndoMutationFactory(accessor, redoParams), undo = {
-      id: SetRangeValuesMutation.id,
-      params: undoParams
-    }, redos = [redo], undos = [undo], modelLink = hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, row, column);
-    return modelLink && (redos.push({
-      id: RemoveHyperLinkMutation.id,
-      params: {
-        unitId,
-        subUnitId,
-        id: modelLink.id
-      }
-    }), undos.push({
-      id: AddHyperLinkMutation.id,
-      params: {
-        unitId,
-        subUnitId,
-        link: modelLink
-      }
-    })), await sequenceExecuteAsync(redos, commandService) ? (undoRedoService.pushUndoRedo({
-      redoMutations: redos,
-      undoMutations: undos,
-      unitID: unitId
-    }), !0) : !1;
-  }
-}, AddRichHyperLinkCommand = {
-  id: "sheets.command.add-rich-hyper-link",
-  type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name(async (accessor, params) => {
-    if (!params)
-      return !1;
-    const { documentId, link } = params, commandService = accessor.get(ICommandService), textSelectionService = accessor.get(DocSelectionManagerService), newId = generateRandomId(), { payload } = link;
-    if (!textSelectionService.getActiveTextRange())
-      return !1;
-    const replaceSelection = addCustomRangeBySelectionFactory(accessor, {
-      unitId: documentId,
-      rangeId: newId,
-      rangeType: CustomRangeType.HYPERLINK,
-      properties: {
-        url: payload,
-        refId: newId
-      }
-    });
-    return replaceSelection ? commandService.syncExecuteCommand(replaceSelection.id, replaceSelection.params) : !1;
-  }, "handler")
-}, UpdateHyperLinkCommand = {
-  type: CommandType.COMMAND,
-  id: "sheets.command.update-hyper-link",
-  // eslint-disable-next-line max-lines-per-function, complexity
-  async handler(accessor, params) {
-    var _a15, _b, _c, _d;
-    if (!params)
-      return !1;
-    const commandService = accessor.get(ICommandService), undoRedoService = accessor.get(IUndoRedoService), renderManagerService = accessor.get(IRenderManagerService), univerInstanceService = accessor.get(IUniverInstanceService), hyperLinkModel = accessor.get(HyperLinkModel), editorBridgeService = accessor.get(IEditorBridgeService), { unitId, subUnitId, payload: link, row, column, id } = params, workbook = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET), currentRender = renderManagerService.getRenderById(unitId);
-    if (!currentRender || !workbook)
-      return !1;
-    const worksheet = workbook == null ? void 0 : workbook.getSheetBySheetId(subUnitId), skeleton = (_a15 = currentRender.with(SheetSkeletonManagerService).getCurrent()) == null ? void 0 : _a15.skeleton;
-    if (!worksheet || !skeleton)
-      return !1;
-    const { payload, display = "" } = link, cellData = worksheet.getCell(row, column);
-    if (!cellData)
-      return !1;
-    const doc = skeleton.getCellDocumentModelWithFormula(cellData);
-    if (!(doc != null && doc.documentModel))
-      return !1;
-    const snapshot = doc.documentModel.getSnapshot(), range = (_c = (_b = snapshot.body) == null ? void 0 : _b.customRanges) == null ? void 0 : _c.find((range2) => range2.rangeId === id);
-    if (!range)
-      return !1;
-    const newId = generateRandomId(), textRun = (_d = getBodySlice(doc.documentModel.getBody(), range.startIndex, range.endIndex + 1).textRuns) == null ? void 0 : _d[0];
-    textRun && (textRun.ed = display.length + 1);
-    const replaceSelection = replaceSelectionFactory(accessor, {
-      unitId,
-      body: {
-        dataStream: `${DataStreamTreeTokenType.CUSTOM_RANGE_START}${display}${DataStreamTreeTokenType.CUSTOM_RANGE_END}`,
-        customRanges: [{
-          rangeId: newId,
-          rangeType: CustomRangeType.HYPERLINK,
-          startIndex: 0,
-          endIndex: display.length + 1,
-          properties: {
-            url: payload
-          }
-        }],
-        textRuns: textRun ? [textRun] : void 0
-      },
-      selection: {
-        startOffset: range.startIndex,
-        endOffset: range.endIndex + 1,
-        collapsed: !1
-      },
-      doc: doc.documentModel
-    });
-    if (!replaceSelection)
-      return !1;
-    const newBody = TextX.apply(Tools.deepClone(snapshot.body), replaceSelection.textX.serialize()), newCellData = {
-      p: {
-        ...snapshot,
-        body: newBody
-      },
-      t: CellValueType.STRING
-    }, finalCellData = await editorBridgeService.beforeSetRangeValue(workbook, worksheet, row, column, newCellData), redo = {
-      id: SetRangeValuesMutation.id,
-      params: {
-        unitId,
-        subUnitId,
-        cellValue: {
-          [row]: {
-            [column]: finalCellData
-          }
-        }
-      }
-    }, undoParams = SetRangeValuesUndoMutationFactory(accessor, redo.params), undo = {
-      id: SetRangeValuesMutation.id,
-      params: undoParams
-    }, redos = [redo], undos = [undo], modelLink = hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, row, column);
-    return modelLink && (redos.push({
-      id: RemoveHyperLinkMutation.id,
-      params: {
-        unitId,
-        subUnitId,
-        id: modelLink.id
-      }
-    }), undos.push({
-      id: AddHyperLinkMutation.id,
-      params: {
-        unitId,
-        subUnitId,
-        link: modelLink
-      }
-    })), await sequenceExecuteAsync(redos, commandService) ? (undoRedoService.pushUndoRedo({
-      redoMutations: redos,
-      undoMutations: undos,
-      unitID: unitId
-    }), !0) : !1;
-  }
-}, UpdateRichHyperLinkCommand = {
-  type: CommandType.COMMAND,
-  id: "sheets.command.update-rich-hyper-link",
-  handler: /* @__PURE__ */ __name((accessor, params) => {
-    var _a15, _b, _c, _d;
-    if (!params)
-      return !1;
-    const { documentId: unitId, payload, id: rangeId } = params, univerInstanceService = accessor.get(IUniverInstanceService), commandService = accessor.get(ICommandService), doc = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC);
-    if (!doc)
-      return !1;
-    const range = (_b = (_a15 = doc.getBody()) == null ? void 0 : _a15.customRanges) == null ? void 0 : _b.find((range2) => range2.rangeId === rangeId);
-    if (!range)
-      return !1;
-    const display = (_c = params.payload.display) != null ? _c : "", newId = generateRandomId(), textRun = (_d = getBodySlice(doc.getBody(), range.startIndex, range.endIndex + 1).textRuns) == null ? void 0 : _d[0];
-    textRun && (textRun.ed = display.length + 1);
-    const replaceSelection = replaceSelectionFactory(accessor, {
-      unitId,
-      body: {
-        dataStream: `${DataStreamTreeTokenType.CUSTOM_RANGE_START}${display}${DataStreamTreeTokenType.CUSTOM_RANGE_END}`,
-        customRanges: [{
-          rangeId: newId,
-          rangeType: CustomRangeType.HYPERLINK,
-          startIndex: 0,
-          endIndex: display.length + 1,
-          properties: {
-            url: payload.payload
-          }
-        }],
-        textRuns: textRun ? [textRun] : void 0
-      },
-      selection: {
-        startOffset: range.startIndex,
-        endOffset: range.endIndex + 1,
-        collapsed: !1
-      },
-      doc
-    });
-    return replaceSelection ? commandService.syncExecuteCommand(replaceSelection.id, replaceSelection.params) : !1;
-  }, "handler")
-}, _SheetsHyperLinkSidePanelService = class _SheetsHyperLinkSidePanelService extends Disposable {
+const _SheetsHyperLinkSidePanelService = class _SheetsHyperLinkSidePanelService extends Disposable {
   constructor() {
     super(...arguments);
     __publicField(this, "_customHyperLinks", /* @__PURE__ */ new Map());
@@ -688,14 +372,12 @@ const cellLinkEdit = "univer-cell-link-edit", cellLinkEditButtons = "univer-cell
   cellLinkEditButtons
 }, CellLinkEdit = /* @__PURE__ */ __name(() => {
   var _a15;
-  const [id, setId] = useState(""), [hide, setHide] = useState(!1), [display, setDisplay] = useState(""), [showLabel, setShowLabel] = useState(!0), [type, setType] = useState(SheetHyperLinkType.URL), [payload, setPayload] = useState(""), localeService = useDependency(LocaleService), definedNameService = useDependency(IDefinedNamesService), editorBridgeService = useDependency(IEditorBridgeService), univerInstanceService = useDependency(IUniverInstanceService), popupService = useDependency(SheetsHyperLinkPopupService), editing = useObservable(popupService.currentEditing$), resolverService = useDependency(SheetsHyperLinkResolverService), commandService = useDependency(ICommandService), sidePanelService = useDependency(SheetsHyperLinkSidePanelService), sidePanelOptions = useMemo(() => sidePanelService.getOptions(), [sidePanelService]), zenZoneService = useDependency(IZenZoneService), renderManagerService = useDependency(IRenderManagerService), markSelectionService = useDependency(IMarkSelectionService), textSelectionService = useDependency(DocSelectionManagerService), contextService = useDependency(IContextService), themeService = useDependency(ThemeService), docSelectionManagerService = useDependency(DocSelectionManagerService), rangeSelectorActionsRef = useRef({}), customHyperLinkSidePanel = useMemo(() => {
+  const [id, setId] = useState(""), [hide, setHide] = useState(!1), [display, setDisplay] = useState(""), [showLabel, setShowLabel] = useState(!0), [type, setType] = useState(SheetHyperLinkType.URL), [payload, setPayload] = useState(""), localeService = useDependency(LocaleService), definedNameService = useDependency(IDefinedNamesService), editorBridgeService = useDependency(IEditorBridgeService), univerInstanceService = useDependency(IUniverInstanceService), popupService = useDependency(SheetsHyperLinkPopupService), editing = useObservable(popupService.currentEditing$), parserService = useDependency(SheetsHyperLinkParserService), resolverService = useDependency(SheetsHyperLinkResolverService), commandService = useDependency(ICommandService), sidePanelService = useDependency(SheetsHyperLinkSidePanelService), sidePanelOptions = useMemo(() => sidePanelService.getOptions(), [sidePanelService]), zenZoneService = useDependency(IZenZoneService), renderManagerService = useDependency(IRenderManagerService), markSelectionService = useDependency(IMarkSelectionService), textSelectionService = useDependency(DocSelectionManagerService), contextService = useDependency(IContextService), themeService = useDependency(ThemeService), docSelectionManagerService = useDependency(DocSelectionManagerService), rangeSelectorActionsRef = useRef({}), customHyperLinkSidePanel = useMemo(() => {
     if (!sidePanelService.isBuiltInLinkType(type))
       return sidePanelService.getCustomHyperLink(type);
   }, [sidePanelService, type]), [showError, setShowError] = useState(!1), [isFocusRangeSelector, isFocusRangeSelectorSet] = useState(!1), setByPayload = useRef(!1), workbook = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET), subUnitId = (workbook == null ? void 0 : workbook.getActiveSheet().getSheetId()) || "";
   useEffect(() => {
-    isFocusRangeSelectorSet(!1);
-  }, [subUnitId]), useEffect(() => {
-    var _a16, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
+    var _a16, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
     if ((editing == null ? void 0 : editing.row) !== void 0 && editing.col !== void 0) {
       const { label, customRange, row, col } = editing;
       let link;
@@ -720,11 +402,11 @@ const cellLinkEdit = "univer-cell-link-edit", cellLinkEditButtons = "univer-cell
           column: col
         };
       } else {
-        const doc = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_DOC), selection = textSelectionService.getActiveTextRange(), customRange2 = selection && ((_m = BuildTextUtils.customRange.getCustomRangesInterestsWithRange(selection, (_l = (_k = doc == null ? void 0 : doc.getBody()) == null ? void 0 : _k.customRanges) != null ? _l : [])) == null ? void 0 : _m[0]);
+        const doc = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_DOC), currentSelection = textSelectionService.getActiveTextRange(), body = doc == null ? void 0 : doc.getBody(), selection = currentSelection && body ? BuildTextUtils.selection.getInsertSelection(currentSelection, body) : null, customRange2 = selection && ((_l = BuildTextUtils.customRange.getCustomRangesInterestsWithSelection(selection, (_k = body == null ? void 0 : body.customRanges) != null ? _k : [])) == null ? void 0 : _l[0]);
         setShowLabel(!1), link = {
           id: "",
           display: label != null ? label : "",
-          payload: (_o = (_n = customRange2 == null ? void 0 : customRange2.properties) == null ? void 0 : _n.url) != null ? _o : "",
+          payload: (_n = (_m = customRange2 == null ? void 0 : customRange2.properties) == null ? void 0 : _m.url) != null ? _n : "",
           row,
           column: col
         };
@@ -737,14 +419,14 @@ const cellLinkEdit = "univer-cell-link-edit", cellLinkEditButtons = "univer-cell
         return;
       }
       setDisplay(link.display);
-      const linkInfo = resolverService.parseHyperLink(link.payload);
+      const linkInfo = parserService.parseHyperLink(link.payload);
       switch (setType(linkInfo.type === SheetHyperLinkType.INVALID ? SheetHyperLinkType.RANGE : linkInfo.type), linkInfo.type) {
         case SheetHyperLinkType.URL: {
           setPayload(linkInfo.url), linkInfo.url === link.display && (setByPayload.current = !0);
           break;
         }
         case SheetHyperLinkType.RANGE: {
-          const params = linkInfo.searchObj, sheetName = params.gid && (_r = (_q = (_p = univerInstanceService.getUnit(editing.unitId)) == null ? void 0 : _p.getSheetBySheetId(params.gid)) == null ? void 0 : _q.getName()) != null ? _r : "", payload2 = serializeRangeWithSheet(sheetName, deserializeRangeWithSheet(params.range).range);
+          const params = linkInfo.searchObj, sheetName = params.gid && (_q = (_p = (_o = univerInstanceService.getUnit(editing.unitId)) == null ? void 0 : _o.getSheetBySheetId(params.gid)) == null ? void 0 : _p.getName()) != null ? _q : "", payload2 = serializeRangeWithSheet(sheetName, deserializeRangeWithSheet(params.range).range);
           setPayload(payload2), payload2 === link.display && (setByPayload.current = !0);
           break;
         }
@@ -791,10 +473,10 @@ const cellLinkEdit = "univer-cell-link-edit", cellLinkEditButtons = "univer-cell
     return () => {
       id2 && markSelectionService.removeShape(id2);
     };
-  }, [editing, markSelectionService, themeService, univerInstanceService]);
-  const payloadInitial = useMemo(() => payload, [type]);
-  useEffect(() => {
-    const render2 = renderManagerService.getRenderById(editorBridgeService.getCurrentEditorId()), disposeCollection = new DisposableCollection();
+  }, [editing, markSelectionService, themeService, univerInstanceService]), useEffect(() => {
+    isFocusRangeSelectorSet(type === SheetHyperLinkType.RANGE);
+  }, [type]), useEffect(() => {
+    const render2 = (editing == null ? void 0 : editing.type) === HyperLinkEditSourceType.ZEN_EDITOR ? renderManagerService.getRenderById(DOCS_ZEN_EDITOR_UNIT_ID_KEY) : renderManagerService.getRenderById(editorBridgeService.getCurrentEditorId()), disposeCollection = new DisposableCollection();
     if (render2) {
       const selectionRenderService = render2.with(DocSelectionRenderService);
       selectionRenderService.setReserveRangesStatus(!0), disposeCollection.add(() => {
@@ -804,9 +486,9 @@ const cellLinkEdit = "univer-cell-link-edit", cellLinkEditButtons = "univer-cell
     return () => {
       editorBridgeService.disableForceKeepVisible(), disposeCollection.dispose();
     };
-  }, [editorBridgeService, renderManagerService]), useEffect(() => (popupService.setIsKeepVisible(type === SheetHyperLinkType.RANGE), () => {
+  }, [editing == null ? void 0 : editing.type, editorBridgeService, renderManagerService]), useEffect(() => (popupService.setIsKeepVisible(isFocusRangeSelector), () => {
     popupService.setIsKeepVisible(!1);
-  }), [type]), useEffect(() => () => {
+  }), [isFocusRangeSelector, popupService]), useEffect(() => () => {
     zenZoneService.temporaryHidden && (zenZoneService.show(), contextService.setContextValue(FOCUSING_SHEET, !1));
   }, [contextService, zenZoneService]);
   const linkTypeOptions = [
@@ -906,7 +588,7 @@ const cellLinkEdit = "univer-cell-link-edit", cellLinkEditButtons = "univer-cell
     if (type !== SheetHyperLinkType.RANGE)
       return;
     const handleOutClick = (_a16 = rangeSelectorActionsRef.current) == null ? void 0 : _a16.handleOutClick;
-    handleOutClick && handleOutClick(e, isFocusRangeSelectorSet);
+    handleOutClick && handleOutClick(e, () => isFocusRangeSelectorSet(!1));
   }, "handlePanelClick");
   return editing ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1.cellLinkEdit, style: { display: hide ? "none" : "block" }, onClick: handlePanelClick, children: [
     showLabel ? /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -930,7 +612,7 @@ const cellLinkEdit = "univer-cell-link-edit", cellLinkEditButtons = "univer-cell
         )
       }
     ) : null,
-    /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { label: localeService.t("hyperLink.form.type"), contentStyle: { marginBottom: 0 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { label: localeService.t("hyperLink.form.type"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Select,
       {
         options: linkTypeOptions,
@@ -952,7 +634,7 @@ const cellLinkEdit = "univer-cell-link-edit", cellLinkEditButtons = "univer-cell
               setPayload(newLink), newLink && (setByPayload.current || !display || display === payload) && (setDisplay(newLink), setByPayload.current = !0);
             }, "onChange"),
             placeholder: localeService.t("hyperLink.form.linkPlaceholder"),
-            autoFocus: !showLabel,
+            autoFocus: !0,
             onKeyDown: /* @__PURE__ */ __name((e) => {
               e.keyCode === KeyCode.ENTER && handleSubmit();
             }, "onKeyDown")
@@ -967,12 +649,10 @@ const cellLinkEdit = "univer-cell-link-edit", cellLinkEditButtons = "univer-cell
         subUnitId,
         isOnlyOneRange: !0,
         isSupportAcrossSheet: !0,
-        initValue: payloadInitial,
+        initValue: payload,
         onChange: handleRangeChange,
         isFocus: isFocusRangeSelector,
-        onBlur: /* @__PURE__ */ __name(() => {
-          isFocusRangeSelectorSet(!1);
-        }, "onBlur"),
+        onFocus: /* @__PURE__ */ __name(() => isFocusRangeSelectorSet(!0), "onFocus"),
         actions: rangeSelectorActionsRef.current,
         onRangeSelectorDialogVisibleChange: /* @__PURE__ */ __name(async (visible) => {
           var _a16, _b;
@@ -986,9 +666,7 @@ const cellLinkEdit = "univer-cell-link-edit", cellLinkEditButtons = "univer-cell
                 selections: [{ range: { startRow: editing.row, endRow: editing.row, startColumn: editing.col, endColumn: editing.col } }]
               }), zenZoneService.show(), contextService.setContextValue(FOCUSING_SHEET, !1);
               const docBackScrollRenderController = (_a16 = renderManagerService.getRenderById(DOCS_ZEN_EDITOR_UNIT_ID_KEY)) == null ? void 0 : _a16.with(DocBackScrollRenderController), range = (_b = docSelectionManagerService.getTextRanges({ unitId: DOCS_ZEN_EDITOR_UNIT_ID_KEY, subUnitId: DOCS_ZEN_EDITOR_UNIT_ID_KEY })) == null ? void 0 : _b[0];
-              docBackScrollRenderController && range && setTimeout(() => {
-                docBackScrollRenderController.scrollToRange(range), docSelectionManagerService.refreshSelection({ unitId: DOCS_ZEN_EDITOR_UNIT_ID_KEY, subUnitId: DOCS_ZEN_EDITOR_UNIT_ID_KEY });
-              }, 100);
+              docBackScrollRenderController && range && (docBackScrollRenderController.scrollToRange(range), docSelectionManagerService.refreshSelection({ unitId: DOCS_ZEN_EDITOR_UNIT_ID_KEY, subUnitId: DOCS_ZEN_EDITOR_UNIT_ID_KEY }));
             }
             editorBridgeService.disableForceKeepVisible(), setHide(!1);
           }
@@ -1170,95 +848,7 @@ function clsx() {
   return n2;
 }
 __name(clsx, "clsx");
-const CancelHyperLinkCommand = {
-  type: CommandType.COMMAND,
-  id: "sheets.command.cancel-hyper-link",
-  // eslint-disable-next-line max-lines-per-function
-  handler(accessor, params) {
-    var _a15, _b, _c;
-    if (!params)
-      return !1;
-    const commandService = accessor.get(ICommandService), undoRedoService = accessor.get(IUndoRedoService), renderManagerService = accessor.get(IRenderManagerService), univerInstanceService = accessor.get(IUniverInstanceService), hyperLinkModel = accessor.get(HyperLinkModel), { unitId, subUnitId, row, column, id } = params, workbook = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET), currentRender = renderManagerService.getRenderById(unitId);
-    if (!currentRender || !workbook)
-      return !1;
-    const worksheet = workbook == null ? void 0 : workbook.getSheetBySheetId(subUnitId), skeleton = (_a15 = currentRender.with(SheetSkeletonManagerService).getCurrent()) == null ? void 0 : _a15.skeleton;
-    if (!worksheet || !skeleton)
-      return !1;
-    const cellData = worksheet.getCell(row, column);
-    if (!cellData)
-      return !1;
-    const doc = skeleton.getCellDocumentModelWithFormula(cellData);
-    if (!(doc != null && doc.documentModel))
-      return !1;
-    const snapshot = Tools.deepClone(doc.documentModel.getSnapshot());
-    if (!((_c = (_b = snapshot.body) == null ? void 0 : _b.customRanges) == null ? void 0 : _c.find((range2) => range2.rangeId === id)))
-      return !1;
-    const textX = BuildTextUtils.customRange.delete(accessor, { documentDataModel: doc.documentModel, rangeId: id });
-    if (!textX)
-      return !1;
-    const newBody = TextX.apply(snapshot.body, textX.serialize()), redos = [], undos = [], setRangeParams = {
-      unitId,
-      subUnitId,
-      cellValue: {
-        [row]: {
-          [column]: {
-            p: {
-              ...snapshot,
-              body: newBody
-            },
-            t: CellValueType.STRING
-          }
-        }
-      }
-    };
-    redos.push({
-      id: SetRangeValuesMutation.id,
-      params: setRangeParams
-    });
-    const undoParams = SetRangeValuesUndoMutationFactory(accessor, setRangeParams);
-    undos.push({
-      id: SetRangeValuesMutation.id,
-      params: undoParams
-    });
-    const link = hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, row, column);
-    return link && (redos.push({
-      id: RemoveHyperLinkMutation.id,
-      params: {
-        unitId,
-        subUnitId,
-        id
-      }
-    }), undos.push({
-      id: AddHyperLinkMutation.id,
-      params: {
-        unitId,
-        subUnitId,
-        link: {
-          ...link
-        }
-      }
-    })), sequenceExecute(redos, commandService).result ? (undoRedoService.pushUndoRedo({
-      redoMutations: redos,
-      undoMutations: undos,
-      unitID: unitId
-    }), !0) : !1;
-  }
-}, CancelRichHyperLinkCommand = {
-  type: CommandType.COMMAND,
-  id: "sheets.command.cancel-rich-hyper-link",
-  handler(accessor, params) {
-    var _a15, _b;
-    if (!params)
-      return !1;
-    const { id: linkId, documentId } = params, commandService = accessor.get(ICommandService), doc = accessor.get(IUniverInstanceService).getUnit(documentId, UniverInstanceType.UNIVER_DOC), link = (_b = (_a15 = doc == null ? void 0 : doc.getBody()) == null ? void 0 : _a15.customRanges) == null ? void 0 : _b.find((i) => i.rangeId === linkId);
-    let insert = null;
-    link && link.endIndex === doc.getBody().dataStream.length - 3 && (insert = {
-      dataStream: " "
-    });
-    const doMutation = deleteCustomRangeFactory(accessor, { unitId: documentId, rangeId: linkId, insert });
-    return doMutation ? commandService.syncExecuteCommand(doMutation.id, doMutation.params) : !1;
-  }
-}, cellLink = "univer-cell-link", cellLinkType = "univer-cell-link-type", cellLinkContent = "univer-cell-link-content", cellLinkContentError = "univer-cell-link-content-error", cellLinkUrl = "univer-cell-link-url", cellLinkOperations = "univer-cell-link-operations", cellLinkOperation = "univer-cell-link-operation", cellLinkOperationError = "univer-cell-link-operation-error", styles = {
+const cellLink = "univer-cell-link", cellLinkType = "univer-cell-link-type", cellLinkContent = "univer-cell-link-content", cellLinkContentError = "univer-cell-link-content-error", cellLinkUrl = "univer-cell-link-url", cellLinkOperations = "univer-cell-link-operations", cellLinkOperation = "univer-cell-link-operation", cellLinkOperationError = "univer-cell-link-operation-error", styles = {
   cellLink,
   cellLinkType,
   cellLinkContent,
@@ -1275,7 +865,7 @@ const CancelHyperLinkCommand = {
   [SheetHyperLinkType.INVALID]: /* @__PURE__ */ jsxRuntimeExports.jsx(AllBorderSingle, {})
 }, CellLinkPopup = /* @__PURE__ */ __name(() => {
   var _a15, _b;
-  const popupService = useDependency(SheetsHyperLinkPopupService), commandService = useDependency(ICommandService), messageService = useDependency(IMessageService), localeService = useDependency(LocaleService), [currentPopup, setCurrentPopup] = useState(null), resolverService = useDependency(SheetsHyperLinkResolverService), editorBridgeService = useDependency(IEditorBridgeService), zenZoneService = useDependency(IZenZoneService);
+  const popupService = useDependency(SheetsHyperLinkPopupService), commandService = useDependency(ICommandService), messageService = useDependency(IMessageService), localeService = useDependency(LocaleService), [currentPopup, setCurrentPopup] = useState(null), resolverService = useDependency(SheetsHyperLinkResolverService), editorBridgeService = useDependency(IEditorBridgeService), parserHyperLinkService = useDependency(SheetsHyperLinkParserService), zenZoneService = useDependency(IZenZoneService);
   if (useObservable$1(zenZoneService.visible$), useEffect(() => {
     setCurrentPopup(popupService.currentPopup);
     const ob = popupService.currentPopup$.subscribe((popup) => {
@@ -1289,14 +879,14 @@ const CancelHyperLinkCommand = {
   const { unitId, subUnitId, customRange, row, col } = currentPopup;
   if (!((_a15 = customRange == null ? void 0 : customRange.properties) != null && _a15.url))
     return null;
-  const linkObj = resolverService.parseHyperLink((_b = customRange.properties.url) != null ? _b : ""), isError = linkObj.type === SheetHyperLinkType.INVALID;
+  const linkObj = parserHyperLinkService.parseHyperLink((_b = customRange.properties.url) != null ? _b : ""), isError = linkObj.type === SheetHyperLinkType.INVALID;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.cellLink, onClick: /* @__PURE__ */ __name(() => popupService.hideCurrentPopup(), "onClick"), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
         className: clsx(styles.cellLinkContent, { [styles.cellLinkContentError]: isError }),
         onClick: /* @__PURE__ */ __name(() => {
-          zenZoneService.visible || linkObj.handler();
+          zenZoneService.visible || resolverService.navigate(linkObj);
         }, "onClick"),
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.cellLinkType, children: iconsMap[linkObj.type] }),
@@ -1466,7 +1056,7 @@ let SheetsHyperLinkPopupService = (_a3 = class extends Disposable {
           collapsed: body.dataStream.length - 2 === 0,
           label: BuildTextUtils.transform.getPlainText(body.dataStream)
         };
-      const links = BuildTextUtils.customRange.getCustomRangesInterestsWithRange(textRange, (_c = (_b = body.customRanges) == null ? void 0 : _b.filter((i) => i.rangeType === CustomRangeType.HYPERLINK)) != null ? _c : []);
+      const links = BuildTextUtils.customRange.getCustomRangesInterestsWithSelection(textRange, (_c = (_b = body.customRanges) == null ? void 0 : _b.filter((i) => i.rangeType === CustomRangeType.HYPERLINK)) != null ? _c : []);
       let start = textRange.startOffset, end = textRange.endOffset;
       return links.forEach((link) => {
         start = Math.min(start, link.startIndex), end = Math.max(end, link.endIndex + 1);
@@ -1631,16 +1221,17 @@ const getShouldDisableCellLink = /* @__PURE__ */ __name((worksheet, row, col) =>
   const row = selections[0].range.startRow, col = selections[0].range.startColumn;
   return getShouldDisableCellLink(worksheet, row, col);
 }, "getShouldDisableCurrentCellLink"), shouldDisableAddLink = /* @__PURE__ */ __name((accessor) => {
-  var _a15;
+  var _a15, _b;
   const textSelectionService = accessor.get(DocSelectionManagerService), univerInstanceService = accessor.get(IUniverInstanceService), textRanges = textSelectionService.getDocRanges();
   if (!textRanges.length || textRanges.length > 1)
     return !0;
   const activeRange = textRanges[0], doc = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_DOC);
   if (!doc || !activeRange || activeRange.collapsed)
     return !0;
-  const body = doc.getSelfOrHeaderFooterModel(activeRange.segmentId).getBody(), paragraphs = body == null ? void 0 : body.paragraphs;
-  if (!paragraphs)
+  const body = doc.getSelfOrHeaderFooterModel(activeRange.segmentId).getBody();
+  if (!body)
     return !0;
+  const paragraphs = (_a15 = body == null ? void 0 : body.paragraphs) != null ? _a15 : [];
   for (let i = 0, len = paragraphs.length; i < len; i++) {
     const p2 = paragraphs[i];
     if (activeRange.startOffset <= p2.startIndex && activeRange.endOffset > p2.startIndex)
@@ -1648,7 +1239,7 @@ const getShouldDisableCellLink = /* @__PURE__ */ __name((worksheet, row, col) =>
     if (p2.startIndex > activeRange.endOffset)
       break;
   }
-  return !BuildTextUtils.customRange.getCustomRangesInterestsWithRange(activeRange, (_a15 = body.customRanges) != null ? _a15 : []).every((range) => range.rangeType === CustomRangeType.HYPERLINK);
+  return !BuildTextUtils.customRange.getCustomRangesInterestsWithSelection(activeRange, (_b = body.customRanges) != null ? _b : []).every((range) => range.rangeType === CustomRangeType.HYPERLINK);
 }, "shouldDisableAddLink"), OpenHyperLinkEditPanelOperation = {
   type: CommandType.OPERATION,
   id: "sheet.operation.open-hyper-link-edit-panel",
@@ -1693,13 +1284,23 @@ const getShouldDisableCellLink = /* @__PURE__ */ __name((worksheet, row, col) =>
     const commandService = accessor.get(ICommandService);
     return accessor.get(SheetsHyperLinkPopupService).currentEditing ? commandService.executeCommand(CloseHyperLinkPopupOperation.id) : commandService.executeCommand(InsertHyperLinkOperation.id);
   }
-}, getLinkDisable$ = /* @__PURE__ */ __name((accessor) => {
-  const disableRange$ = getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetEditPermission, WorksheetSetCellValuePermission, WorksheetInsertHyperlinkPermission], rangeTypes: [RangeProtectionPermissionEditPoint] }), univerInstanceService = accessor.get(IUniverInstanceService), sheetSelectionService = accessor.get(SheetsSelectionsService), disableCell$ = univerInstanceService.focused$.pipe(
-    map((focused) => focused ? univerInstanceService.getUnit(focused, UniverInstanceType.UNIVER_SHEET) : null),
-    mergeMap((unit) => unit ? unit.activeSheet$ : new Observable((sub) => {
-      sub.next(null);
-    })),
-    mergeMap((sheet) => sheetSelectionService.selectionMoveEnd$.pipe(map((selections) => sheet && { selections, sheet }))),
+}, getEditingLinkDisable$ = /* @__PURE__ */ __name((accessor, unitId = DOCS_ZEN_EDITOR_UNIT_ID_KEY) => {
+  var _a15;
+  const univerInstanceService = accessor.get(IUniverInstanceService), docSelctionService = (_a15 = accessor.get(IRenderManagerService).getRenderById(unitId)) == null ? void 0 : _a15.with(DocSelectionRenderService);
+  return docSelctionService ? docSelctionService.textSelectionInner$.pipe(map(() => {
+    const state = accessor.get(IEditorBridgeService).getEditCellState();
+    if (!state)
+      return !0;
+    const target = getSheetCommandTarget(univerInstanceService, { unitId: state.unitId, subUnitId: state.sheetId });
+    return !(target != null && target.worksheet) || getShouldDisableCellLink(target.worksheet, state.row, state.column) ? !0 : shouldDisableAddLink(accessor);
+  })) : of(!0);
+}, "getEditingLinkDisable$"), getLinkDisable$ = /* @__PURE__ */ __name((accessor) => {
+  const disableRange$ = getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetEditPermission, WorksheetSetCellValuePermission, WorksheetInsertHyperlinkPermission], rangeTypes: [RangeProtectionPermissionEditPoint] }, !0), univerInstanceService = accessor.get(IUniverInstanceService), sheetSelectionService = accessor.get(SheetsSelectionsService), editorBridgeService = accessor.has(IEditorBridgeService) ? accessor.get(IEditorBridgeService) : null, disableCell$ = univerInstanceService.focused$.pipe(
+    filter((focused) => !!focused),
+    map((focused) => univerInstanceService.getUnit(focused, UniverInstanceType.UNIVER_SHEET)),
+    filter((unit) => !!unit),
+    switchMap((unit) => unit.activeSheet$),
+    switchMap((sheet) => sheetSelectionService.selectionMoveEnd$.pipe(map((selections) => sheet && { selections, sheet }))),
     map((sheetWithSelection) => {
       if (!sheetWithSelection)
         return !0;
@@ -1707,25 +1308,20 @@ const getShouldDisableCellLink = /* @__PURE__ */ __name((worksheet, row, col) =>
       if (!selections.length)
         return !0;
       const row = selections[0].range.startRow, col = selections[0].range.startColumn;
-      return getShouldDisableCellLink(sheet, row, col);
-    })
-  );
-  return disableRange$.pipe(mergeMap((disableRange) => disableCell$.pipe(map((disableCell) => disableRange || disableCell))));
-}, "getLinkDisable$"), getZenLinkDisable$ = /* @__PURE__ */ __name((accessor) => {
-  const univerInstanceService = accessor.get(IUniverInstanceService);
-  return univerInstanceService.focused$.pipe(
-    mergeMap((focused) => !focused || focused !== DOCS_ZEN_EDITOR_UNIT_ID_KEY ? new Observable((sub) => sub.next(null)) : accessor.get(DocSelectionManagerService).textSelection$),
-    map((selection) => {
-      if (!selection || selection.unitId !== DOCS_ZEN_EDITOR_UNIT_ID_KEY)
+      if (getShouldDisableCellLink(sheet, row, col))
         return !0;
-      const state = accessor.get(IEditorBridgeService).getEditCellState();
-      if (!state)
-        return !0;
-      const target = getSheetCommandTarget(univerInstanceService, { unitId: state.unitId, subUnitId: state.sheetId });
-      return !(target != null && target.worksheet) || getShouldDisableCellLink(target.worksheet, state.row, state.column) ? !0 : shouldDisableAddLink(accessor);
-    })
+    }),
+    switchMap((disableCell) => disableCell ? of(!0) : (editorBridgeService ? editorBridgeService.visible$ : of(null)).pipe(map((visible) => visible != null && visible.visible ? DOCS_NORMAL_EDITOR_UNIT_ID_KEY : void 0)).pipe(
+      switchMap(
+        (editing) => editing ? getEditingLinkDisable$(accessor, editing) : of(!1)
+      )
+    ))
   );
-}, "getZenLinkDisable$"), linkMenu = {
+  return disableRange$.pipe(
+    distinctUntilChanged(),
+    switchMap((disableRange) => disableCell$.pipe(map((disableCell) => disableRange || disableCell)))
+  );
+}, "getLinkDisable$"), linkMenu = {
   commandId: InsertHyperLinkOperation.id,
   type: MenuItemType.BUTTON,
   positions: [MenuPosition.CONTEXT_MENU],
@@ -1741,7 +1337,7 @@ const getShouldDisableCellLink = /* @__PURE__ */ __name((worksheet, row, col) =>
   ...linkMenu,
   id: genZenEditorMenuId(linkMenu.commandId),
   hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_DOC, DOCS_ZEN_EDITOR_UNIT_ID_KEY),
-  disabled$: getZenLinkDisable$(accessor)
+  disabled$: getEditingLinkDisable$(accessor)
 }), "zenEditorInsertLinkMenuFactory"), linkToolbarMenu = {
   tooltip: "hyperLink.form.addTitle",
   positions: MenuPosition.TOOLBAR_START,
@@ -1758,7 +1354,7 @@ const getShouldDisableCellLink = /* @__PURE__ */ __name((worksheet, row, col) =>
   ...linkToolbarMenu,
   id: genZenEditorMenuId(linkToolbarMenu.commandId),
   hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_DOC, DOCS_ZEN_EDITOR_UNIT_ID_KEY),
-  disabled$: getZenLinkDisable$(accessor)
+  disabled$: getEditingLinkDisable$(accessor)
 }), "zenEditorInsertLinkMenuToolbarFactory"), InsertLinkShortcut = {
   id: InsertHyperLinkToolbarOperation.id,
   binding: KeyCode.K | MetaKeys.CTRL_COMMAND,
@@ -1961,7 +1557,7 @@ let SheetsHyperLinkPopupController = (_a6 = class extends Disposable {
   _initHoverEditingListener() {
     let subscribe = null;
     this.disposeWithMe(
-      this._editorBridgeService.currentEditCellState$.pipe(mergeMap((state) => this._editorBridgeService.visible$.pipe(map((visible) => ({ visible, state }))))).subscribe(({ visible, state }) => {
+      this._editorBridgeService.currentEditCellState$.pipe(switchMap((state) => this._editorBridgeService.visible$.pipe(map((visible) => ({ visible, state }))))).subscribe(({ visible, state }) => {
         if (!state || state.editorUnitId !== DOCS_NORMAL_EDITOR_UNIT_ID_KEY)
           return;
         if (!visible.visible) {
@@ -2008,11 +1604,11 @@ let SheetsHyperLinkPopupController = (_a6 = class extends Disposable {
   _initZenEditor() {
     this.disposeWithMe(
       this._zenZoneService.visible$.subscribe((visible) => {
-        visible && (this._sheetsHyperLinkPopupService.hideCurrentPopup(HyperLinkEditSourceType.VIEWING), this._sheetsHyperLinkPopupService.hideCurrentPopup(HyperLinkEditSourceType.EDITING), this._sheetsHyperLinkPopupService.endEditing(HyperLinkEditSourceType.EDITING), this._sheetsHyperLinkPopupService.hideCurrentPopup(HyperLinkEditSourceType.VIEWING));
+        visible ? (this._sheetsHyperLinkPopupService.hideCurrentPopup(HyperLinkEditSourceType.VIEWING), this._sheetsHyperLinkPopupService.hideCurrentPopup(HyperLinkEditSourceType.EDITING), this._sheetsHyperLinkPopupService.endEditing(HyperLinkEditSourceType.EDITING), this._sheetsHyperLinkPopupService.hideCurrentPopup(HyperLinkEditSourceType.VIEWING)) : (this._sheetsHyperLinkPopupService.hideCurrentPopup(HyperLinkEditSourceType.ZEN_EDITOR), this._sheetsHyperLinkPopupService.endEditing(HyperLinkEditSourceType.ZEN_EDITOR));
       })
     ), this.disposeWithMe(
       this._univerInstanceService.focused$.pipe(
-        mergeMap((id) => {
+        switchMap((id) => {
           const render2 = id === DOCS_ZEN_EDITOR_UNIT_ID_KEY ? this._renderManagerService.getRenderById(id) : null;
           return render2 ? render2.with(DocEventManagerService).hoverCustomRanges$.pipe(debounceTime(200)) : new Observable((sub) => {
             sub.next(null);
@@ -2204,56 +1800,7 @@ let SheetsHyperLinkRichTextRefRangeController = (_a10 = class extends Disposable
   }
   _registerRange(unitId, subUnitId, row, col, p2) {
     var _a15, _b, _c, _d;
-    const map2 = this._enusreMap(unitId, subUnitId), data = Tools.deepClone(p2), handleRangeChange = /* @__PURE__ */ __name((commandInfo) => {
-      var _a16, _b2;
-      const dataCopy = Tools.deepClone(data);
-      (_b2 = (_a16 = dataCopy.body) == null ? void 0 : _a16.customRanges) == null || _b2.forEach((customRange) => {
-        var _a17;
-        if (customRange.rangeType === CustomRangeType.HYPERLINK) {
-          const payload = (_a17 = customRange.properties) == null ? void 0 : _a17.url, range = this._isLegalRangeUrl(unitId, payload);
-          if (range) {
-            const resultRange = handleDefaultRangeChangeWithEffectRefCommands(range, commandInfo), newPayload = `#gid=${subUnitId}&range=${resultRange ? serializeRange(resultRange) : ERROR_RANGE}`;
-            customRange.properties.url = newPayload;
-          }
-        }
-      });
-      const position = handleDefaultRangeChangeWithEffectRefCommands({ startRow: row, endRow: row, startColumn: col, endColumn: col }, commandInfo);
-      return position ? {
-        redos: [{
-          id: SetRangeValuesMutation.id,
-          params: {
-            unitId,
-            subUnitId,
-            cellValue: {
-              [position.startRow]: {
-                [position.startColumn]: {
-                  p: dataCopy
-                }
-              }
-            }
-          }
-        }],
-        undos: [
-          {
-            id: SetRangeValuesMutation.id,
-            params: {
-              unitId,
-              subUnitId,
-              cellValue: {
-                [row]: {
-                  [col]: {
-                    p: data
-                  }
-                }
-              }
-            }
-          }
-        ]
-      } : {
-        redos: [],
-        undos: []
-      };
-    }, "handleRangeChange");
+    const map2 = this._enusreMap(unitId, subUnitId);
     if ((_b = (_a15 = p2.body) == null ? void 0 : _a15.customRanges) != null && _b.some((customRange) => {
       var _a16;
       return customRange.rangeType === CustomRangeType.HYPERLINK && this._isLegalRangeUrl(unitId, (_a16 = customRange.properties) == null ? void 0 : _a16.url);
@@ -2263,7 +1810,9 @@ let SheetsHyperLinkRichTextRefRangeController = (_a10 = class extends Disposable
         var _a16;
         if (customRange.rangeType === CustomRangeType.HYPERLINK) {
           const payload = (_a16 = customRange.properties) == null ? void 0 : _a16.url, range = this._isLegalRangeUrl(unitId, payload);
-          range && disposableCollection.add(this._refRangeService.registerRefRange(range, handleRangeChange, unitId, subUnitId));
+          range && disposableCollection.add(this._refRangeService.watchRange(unitId, subUnitId, range, (before, after) => {
+            customRange.properties.url = `#gid=${subUnitId}&range=${after ? serializeRange(after) : ERROR_RANGE}`;
+          }));
         }
       }), map2.setValue(row, col, disposableCollection);
     }
@@ -2404,15 +1953,15 @@ let SheetHyperLinkSetRangeController = (_a11 = class extends Disposable {
     }));
   }
   _initAfterEditor() {
-    this.disposeWithMe(this._editorBridgeService.interceptor.intercept(this._editorBridgeService.interceptor.getInterceptPoints().AFTER_CELL_EDIT, {
+    this.disposeWithMe(this._sheetInterceptorService.writeCellInterceptor.intercept(AFTER_CELL_EDIT, {
       handler: /* @__PURE__ */ __name((cell, context, next) => {
         if (!cell || cell.p)
           return next(cell);
         if (typeof cell.v == "string" && Tools.isLegalUrl(cell.v) && cell.v[cell.v.length - 1] !== " ") {
-          const { unitId, subUnitId } = context, renderer = this._renderManagerService.getRenderById(unitId), skeleton = renderer == null ? void 0 : renderer.with(SheetSkeletonManagerService).getWorksheetSkeleton(subUnitId);
-          if (!skeleton)
+          const { unitId, subUnitId } = context, workbook = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET), worksheet = workbook == null ? void 0 : workbook.getSheetBySheetId(subUnitId);
+          if (!worksheet)
             return next(cell);
-          const doc = skeleton.skeleton.getBlankCellDocumentModel(cell);
+          const doc = worksheet.getBlankCellDocumentModel(cell);
           if (!doc.documentModel)
             return next(cell);
           const textX = BuildTextUtils.selection.replace({
@@ -2513,13 +2062,7 @@ let SheetsHyperLinkUIController = (_a12 = class extends Disposable {
       OpenHyperLinkEditPanelOperation,
       CloseHyperLinkPopupOperation,
       InsertHyperLinkOperation,
-      InsertHyperLinkToolbarOperation,
-      AddHyperLinkCommand,
-      UpdateHyperLinkCommand,
-      CancelHyperLinkCommand,
-      UpdateRichHyperLinkCommand,
-      CancelRichHyperLinkCommand,
-      AddRichHyperLinkCommand
+      InsertHyperLinkToolbarOperation
     ].forEach((command) => {
       this._commandService.registerCommand(command);
     });
@@ -2544,16 +2087,20 @@ var __defProp$1 = Object.defineProperty, __getOwnPropDesc$1 = Object.getOwnPrope
   return kind && result && __defProp$1(target, key, result), result;
 }, "__decorateClass$1"), __decorateParam$1 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$1"), _a13;
 let SheetHyperLinkUrlController = (_a13 = class extends Disposable {
-  constructor(_resolverService) {
-    super(), this._resolverService = _resolverService, this._handleInitUrl();
+  constructor(_parserService, _resolverService) {
+    super(), this._parserService = _parserService, this._resolverService = _resolverService, this._handleInitUrl();
   }
   _handleInitUrl() {
     const hash = location.hash;
-    hash && this._resolverService.parseHyperLink(hash).handler();
+    if (hash) {
+      const linkInfo = this._parserService.parseHyperLink(hash);
+      this._resolverService.navigate(linkInfo);
+    }
   }
 }, __name(_a13, "SheetHyperLinkUrlController"), _a13);
 SheetHyperLinkUrlController = __decorateClass$1([
-  __decorateParam$1(0, Inject(SheetsHyperLinkResolverService))
+  __decorateParam$1(0, Inject(SheetsHyperLinkParserService)),
+  __decorateParam$1(1, Inject(SheetsHyperLinkResolverService))
 ], SheetHyperLinkUrlController);
 var __defProp2 = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __defNormalProp2 = /* @__PURE__ */ __name((obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, "__defNormalProp"), __decorateClass = /* @__PURE__ */ __name((decorators, target, key, kind) => {
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
@@ -2598,8 +2145,6 @@ UniverSheetsHyperLinkUIPlugin = __decorateClass([
   __decorateParam(2, IConfigService)
 ], UniverSheetsHyperLinkUIPlugin);
 export {
-  AddHyperLinkCommand,
-  CancelHyperLinkCommand,
   CloseHyperLinkPopupOperation,
   InsertHyperLinkOperation,
   InsertLinkShortcut,
@@ -2608,6 +2153,5 @@ export {
   SheetsHyperLinkPopupService,
   SheetsHyperLinkResolverService,
   SheetsHyperLinkSidePanelService,
-  UniverSheetsHyperLinkUIPlugin,
-  UpdateHyperLinkCommand
+  UniverSheetsHyperLinkUIPlugin
 };