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

package/lib/es/index.js

@@ -2,14 +2,14 @@ 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, 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 { 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, DOCS_ZEN_EDITOR_UNIT_ID_KEY, DisposableCollection, FOCUSING_SHEET, sequenceExecute, useObservable as useObservable$1, DataValidationType, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, IPermissionService, 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 { MessageType, FormLayout, Input, Select, Button, Tooltip } from "@univerjs/design";
-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 { 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, SetRangeValuesCommand } 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 { addCustomRangeBySelectionFactory, replaceSelectionFactory, DocSelectionRenderService, DocBackScrollRenderController, deleteCustomRangeFactory, 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";
@@ -62,16 +62,40 @@ 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;
   }
-  navigate(info) {
-    switch (info.type) {
-      case SheetHyperLinkType.URL:
-        this.navigateToOtherWebsite(info.url);
-        break;
-      default:
-        this._navigateToUniver(info.searchObj);
+  _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;
+    }
+    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;
   }
-  _navigateToUniver(params) {
+  navigateTo(params) {
     const { gid, range, rangeid } = params, workbook = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
     if (!workbook)
       return;
@@ -106,6 +130,38 @@ 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) {
@@ -124,6 +180,27 @@ 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)
@@ -142,8 +219,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;
@@ -337,7 +414,243 @@ reactJsxRuntime_production_min.jsx = q;
 reactJsxRuntime_production_min.jsxs = q;
 jsxRuntime.exports = reactJsxRuntime_production_min;
 var jsxRuntimeExports = jsxRuntime.exports;
-const _SheetsHyperLinkSidePanelService = class _SheetsHyperLinkSidePanelService extends Disposable {
+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), newId = generateRandomId(), { payload } = link, 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 {
   constructor() {
     super(...arguments);
     __publicField(this, "_customHyperLinks", /* @__PURE__ */ new Map());
@@ -372,7 +685,7 @@ 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$), 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(() => {
+  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(() => {
     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()) || "";
@@ -421,7 +734,7 @@ const cellLinkEdit = "univer-cell-link-edit", cellLinkEditButtons = "univer-cell
         return;
       }
       setDisplay(link.display);
-      const linkInfo = parserService.parseHyperLink(link.payload);
+      const linkInfo = resolverService.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);
@@ -852,7 +1165,95 @@ function clsx() {
   return n2;
 }
 __name(clsx, "clsx");
-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 = {
+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 = {
   cellLink,
   cellLinkType,
   cellLinkContent,
@@ -869,7 +1270,7 @@ const cellLink = "univer-cell-link", cellLinkType = "univer-cell-link-type", cel
   [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), parserHyperLinkService = useDependency(SheetsHyperLinkParserService), 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), zenZoneService = useDependency(IZenZoneService);
   if (useObservable$1(zenZoneService.visible$), useEffect(() => {
     setCurrentPopup(popupService.currentPopup);
     const ob = popupService.currentPopup$.subscribe((popup) => {
@@ -883,14 +1284,14 @@ const cellLink = "univer-cell-link", cellLinkType = "univer-cell-link-type", cel
   const { unitId, subUnitId, customRange, row, col } = currentPopup;
   if (!((_a15 = customRange == null ? void 0 : customRange.properties) != null && _a15.url))
     return null;
-  const linkObj = parserHyperLinkService.parseHyperLink((_b = customRange.properties.url) != null ? _b : ""), isError = linkObj.type === SheetHyperLinkType.INVALID;
+  const linkObj = resolverService.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 || resolverService.navigate(linkObj);
+          zenZoneService.visible || linkObj.handler();
         }, "onClick"),
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.cellLinkType, children: iconsMap[linkObj.type] }),
@@ -1957,15 +2358,15 @@ let SheetHyperLinkSetRangeController = (_a11 = class extends Disposable {
     }));
   }
   _initAfterEditor() {
-    this.disposeWithMe(this._sheetInterceptorService.writeCellInterceptor.intercept(AFTER_CELL_EDIT, {
+    this.disposeWithMe(this._editorBridgeService.interceptor.intercept(this._editorBridgeService.interceptor.getInterceptPoints().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, workbook = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET), worksheet = workbook == null ? void 0 : workbook.getSheetBySheetId(subUnitId);
-          if (!worksheet)
+          const { unitId, subUnitId } = context, renderer = this._renderManagerService.getRenderById(unitId), skeleton = renderer == null ? void 0 : renderer.with(SheetSkeletonManagerService).getWorksheetSkeleton(subUnitId);
+          if (!skeleton)
             return next(cell);
-          const doc = worksheet.getBlankCellDocumentModel(cell);
+          const doc = skeleton.skeleton.getBlankCellDocumentModel(cell);
           if (!doc.documentModel)
             return next(cell);
           const textX = BuildTextUtils.selection.replace({
@@ -2066,7 +2467,13 @@ let SheetsHyperLinkUIController = (_a12 = class extends Disposable {
       OpenHyperLinkEditPanelOperation,
       CloseHyperLinkPopupOperation,
       InsertHyperLinkOperation,
-      InsertHyperLinkToolbarOperation
+      InsertHyperLinkToolbarOperation,
+      AddHyperLinkCommand,
+      UpdateHyperLinkCommand,
+      CancelHyperLinkCommand,
+      UpdateRichHyperLinkCommand,
+      CancelRichHyperLinkCommand,
+      AddRichHyperLinkCommand
     ].forEach((command) => {
       this._commandService.registerCommand(command);
     });
@@ -2091,20 +2498,16 @@ 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(_parserService, _resolverService) {
-    super(), this._parserService = _parserService, this._resolverService = _resolverService, this._handleInitUrl();
+  constructor(_resolverService) {
+    super(), this._resolverService = _resolverService, this._handleInitUrl();
   }
   _handleInitUrl() {
     const hash = location.hash;
-    if (hash) {
-      const linkInfo = this._parserService.parseHyperLink(hash);
-      this._resolverService.navigate(linkInfo);
-    }
+    hash && this._resolverService.parseHyperLink(hash).handler();
   }
 }, __name(_a13, "SheetHyperLinkUrlController"), _a13);
 SheetHyperLinkUrlController = __decorateClass$1([
-  __decorateParam$1(0, Inject(SheetsHyperLinkParserService)),
-  __decorateParam$1(1, Inject(SheetsHyperLinkResolverService))
+  __decorateParam$1(0, 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--)
@@ -2149,6 +2552,8 @@ UniverSheetsHyperLinkUIPlugin = __decorateClass([
   __decorateParam(2, IConfigService)
 ], UniverSheetsHyperLinkUIPlugin);
 export {
+  AddHyperLinkCommand,
+  CancelHyperLinkCommand,
   CloseHyperLinkPopupOperation,
   InsertHyperLinkOperation,
   InsertLinkShortcut,
@@ -2157,5 +2562,6 @@ export {
   SheetsHyperLinkPopupService,
   SheetsHyperLinkResolverService,
   SheetsHyperLinkSidePanelService,
-  UniverSheetsHyperLinkUIPlugin
+  UniverSheetsHyperLinkUIPlugin,
+  UpdateHyperLinkCommand
 };

package/lib/types/commands/commands/add-hyper-link.command.d.ts

@@ -0,0 +1,19 @@
+import { ICommand } from '@univerjs/core';
+import { ICellHyperLink } from '@univerjs/sheets-hyper-link';
+export interface IAddHyperLinkCommandParams {
+    unitId: string;
+    subUnitId: string;
+    link: ICellHyperLink;
+}
+/**
+ * Command for add hyperlink
+ */
+export declare const AddHyperLinkCommand: ICommand<IAddHyperLinkCommandParams>;
+export interface IAddRichHyperLinkCommandParams {
+    /**
+     * url of link
+     */
+    documentId: string;
+    link: ICellHyperLink;
+}
+export declare const AddRichHyperLinkCommand: ICommand<IAddRichHyperLinkCommandParams>;

package/lib/types/commands/commands/remove-hyper-link.command.d.ts

@@ -0,0 +1,19 @@
+import { ICommand } from '@univerjs/core';
+export interface ICancelHyperLinkCommandParams {
+    unitId: string;
+    subUnitId: string;
+    /**
+     * id of link
+     */
+    id: string;
+    row: number;
+    column: number;
+}
+export declare const CancelHyperLinkCommand: ICommand<ICancelHyperLinkCommandParams>;
+export interface ICancelRichHyperLinkCommandParams extends ICancelHyperLinkCommandParams {
+    /**
+     * document id
+     */
+    documentId: string;
+}
+export declare const CancelRichHyperLinkCommand: ICommand<ICancelRichHyperLinkCommandParams>;