@univerjs/sheets-hyper-link-ui 0.2.14 → 0.3.0-alpha.0

package/lib/es/index.js

@@ -2,284 +2,465 @@ 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 { CommandType, ICommandService, IUndoRedoService, IUniverInstanceService, UniverInstanceType, BuildTextUtils, DataStreamTreeTokenType, CustomRangeType, TextX, CellValueType, sequenceExecuteAsync, generateRandomId, Tools, sequenceExecute, getBodySlice, isValidRange, Inject, LocaleService, RANGE_TYPE, Rectangle, IConfigService, useDependency, DOCS_ZEN_EDITOR_UNIT_ID_KEY, DEFAULT_EMPTY_DOCUMENT_VALUE, Disposable, IContextService, createInternalEditorID, FOCUSING_SHEET, Injector, Range, ObjectMatrix, OnLifecycle, LifecycleStages, DataValidationType, ThemeService, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, IPermissionService, DisposableCollection, Plugin, DependentOn } from "@univerjs/core";
+import { Tools, Inject, LocaleService, UniverInstanceType, isValidRange, IUniverInstanceService, ICommandService, IConfigService, RANGE_TYPE, Rectangle, OnLifecycle, LifecycleStages, Injector, Disposable, Range, ObjectMatrix, CommandType, IUndoRedoService, BuildTextUtils, DataStreamTreeTokenType, CustomRangeType, TextX, CellValueType, sequenceExecuteAsync, generateRandomId, getBodySlice, useDependency, IContextService, getOriginCellValue, DisposableCollection, createInternalEditorID, FOCUSING_SHEET, DOCS_ZEN_EDITOR_UNIT_ID_KEY, sequenceExecute, DataValidationType, ThemeService, InterceptorEffectEnum, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, IPermissionService, 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, SheetSkeletonManagerService, IEditorBridgeService, IMarkSelectionService, SheetCanvasPopManagerService, getEditingCustomRangePosition, getCustomRangePosition, whenSheetEditorFocused, getCurrentRangeDisable$, HoverManagerService, SheetPermissionInterceptorBaseController, HoverRenderController, IAutoFillService, APPLY_TYPE, getAutoFillRepeatRange } 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, SheetInterceptorService, RemoveSheetCommand, INTERCEPTOR_POINT, SetRangeValuesCommand, ClearSelectionContentCommand, ClearSelectionAllCommand, ClearSelectionFormatCommand, WorkbookViewPermission, WorksheetViewPermission, RangeProtectionPermissionViewPoint, WorkbookCopyPermission, WorksheetCopyPermission, RefRangeService, handleDefaultRangeChangeWithEffectRefCommands } from "@univerjs/sheets";
+import { IMessageService, useObservable, IZenZoneService, useEvent, KeyCode, MenuItemType, MenuPosition, MenuGroup, MetaKeys, getMenuHiddenObservable, RibbonStartGroup, ContextMenuPosition, ContextMenuGroup, ComponentManager, IShortcutService, IMenuManagerService } from "@univerjs/ui";
 import { DocSelectionManagerService } from "@univerjs/docs";
-import { addCustomRangeBySelectionFactory, deleteCustomRangeFactory, replaceSelectionFactory, getPlainTextFormBody, getPlainText, getPlainTextFormDocument, DocCanvasPopManagerService, DocEventManagerService, UniverDocsUIPlugin } from "@univerjs/docs-ui";
-import { IRenderManagerService } from "@univerjs/engine-render";
-import { SetRangeValuesMutation, SetRangeValuesUndoMutationFactory, SetSelectionsOperation, SetWorksheetActiveOperation, getSheetCommandTarget, SheetsSelectionsService, WorkbookEditablePermission, WorksheetEditPermission, WorksheetSetCellValuePermission, WorksheetInsertHyperlinkPermission, RangeProtectionPermissionEditPoint, RemoveSheetCommand, SheetInterceptorService, INTERCEPTOR_POINT, SetRangeValuesCommand, ClearSelectionContentCommand, ClearSelectionAllCommand, ClearSelectionFormatCommand, WorkbookViewPermission, WorksheetViewPermission, RangeProtectionPermissionViewPoint, WorkbookCopyPermission, WorksheetCopyPermission, RefRangeService, handleDefaultRangeChangeWithEffectRefCommands } from "@univerjs/sheets";
-import { HyperLinkModel, RemoveHyperLinkMutation, AddHyperLinkMutation, SheetHyperLinkType, ERROR_RANGE, UniverSheetsHyperLinkPlugin } from "@univerjs/sheets-hyper-link";
-import { SheetSkeletonManagerService, ScrollToRangeOperation, IEditorBridgeService, IMarkSelectionService, getEditingCustomRangePosition, getCustomRangePosition, SheetCanvasPopManagerService, COPY_TYPE, virtualizeDiscreteRanges, rangeToDiscreteRange, PREDEFINED_HOOK_NAME, getRepeatRange, ISheetClipboardService, whenSheetEditorFocused, getCurrentRangeDisable$, HoverRenderController, HoverManagerService, SheetPermissionInterceptorBaseController, APPLY_TYPE, IAutoFillService, getAutoFillRepeatRange } from "@univerjs/sheets-ui";
 import { Subject, BehaviorSubject, map, mergeMap, Observable, debounceTime } from "rxjs";
-import { IMessageService, useObservable, IZenZoneService, useEvent, KeyCode, RangeSelector, IEditorService, IRangeSelectorService, MenuItemType, MenuPosition, MenuGroup, MetaKeys, getMenuHiddenObservable, RibbonStartGroup, ContextMenuPosition, ContextMenuGroup, ComponentManager, IShortcutService, IMenuManagerService } from "@univerjs/ui";
-import require$$0, { forwardRef, useRef, createElement, useState, useEffect, useMemo } from "react";
+import { addCustomRangeBySelectionFactory, replaceSelectionFactory, DocSelectionRenderService, RangeSelector, 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 cs from "clsx";
-import { MessageType, Tooltip, FormLayout, Input, Select, Button } from "@univerjs/design";
-import { deserializeRangeWithSheet, serializeRangeWithSheet, serializeRange, IDefinedNamesService, serializeRangeToRefString } from "@univerjs/engine-formula";
-const AddHyperLinkCommand = {
-  type: CommandType.COMMAND,
-  id: "sheets.command.add-hyper-link",
-  // eslint-disable-next-line max-lines-per-function
-  async handler(accessor, params) {
+const SHEET_HYPER_LINK_UI_PLUGIN = "SHEET_HYPER_LINK_UI_PLUGIN";
+function isLegalLink(link) {
+  return Tools.isLegalUrl(link);
+}
+__name(isLegalLink, "isLegalLink");
+function hasProtocol(urlString) {
+  return /^[a-zA-Z]+:\/\//.test(urlString);
+}
+__name(hasProtocol, "hasProtocol");
+function isEmail(url) {
+  return /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/.test(url);
+}
+__name(isEmail, "isEmail");
+function serializeUrl(urlStr) {
+  if (isLegalLink(urlStr)) {
+    const transformedUrl = hasProtocol(urlStr) ? urlStr : isEmail(urlStr) ? `mailto://${urlStr}` : `http://${urlStr}`;
+    let url;
+    try {
+      url = new URL(transformedUrl);
+    } catch {
+      return urlStr;
+    }
+    return url.hostname === location.hostname && url.port === location.port && url.protocol === location.protocol && url.pathname === location.pathname && url.hash && !url.search ? url.hash : transformedUrl;
+  }
+  return urlStr;
+}
+__name(serializeUrl, "serializeUrl");
+const PLUGIN_CONFIG_KEY = "sheets-hyper-link-ui.config", defaultPluginConfig = {};
+var __defProp$c = Object.defineProperty, __getOwnPropDesc$c = Object.getOwnPropertyDescriptor, __decorateClass$c = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$c(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$c(target, key, result), result;
+}, "__decorateClass$c"), __decorateParam$c = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$c");
+function getContainRange(range, worksheet) {
+  const mergedCells = worksheet.getMergeData(), maxCol = worksheet.getMaxColumns() - 1, maxRow = worksheet.getMaxRows() - 1;
+  if (maxCol < range.endColumn && (range.endColumn = maxCol), maxRow < range.endRow && (range.endRow = maxRow), range.rangeType === RANGE_TYPE.COLUMN || RANGE_TYPE.ROW)
+    return range;
+  const relativeCells = [];
+  return mergedCells.forEach((cell) => {
+    Rectangle.intersects(range, cell) && relativeCells.push(cell);
+  }), Rectangle.realUnion(range, ...relativeCells);
+}
+__name(getContainRange, "getContainRange");
+var _a;
+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;
-    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, 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 = 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
+    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;
+  }
+  navigateTo(params) {
+    const { gid, range, rangeid } = params, workbook = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+    if (!workbook)
+      return;
+    const unitId = workbook.getUnitId();
+    if (rangeid && this.navigateToDefineName(unitId, rangeid), !!gid) {
+      if (range) {
+        const rangeInfo = deserializeRangeWithSheet(range);
+        isValidRange(rangeInfo.range) && range !== ERROR_RANGE && this.navigateToRange(unitId, gid, rangeInfo.range);
+        return;
       }
-    }), !textX)
-      return !1;
-    const newBody = TextX.apply(body, textX.serialize()), rangeValue = {
-      ...snapshot,
-      body: newBody
-    }, redoParams = {
-      unitId,
-      subUnitId,
-      cellValue: {
-        [link.row]: {
-          [link.column]: {
-            p: rangeValue,
-            t: CellValueType.STRING
-          }
+      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) {
+      const realRange = getContainRange(range, worksheet);
+      await this._commandService.executeCommand(
+        SetSelectionsOperation.id,
+        {
+          unitId,
+          subUnitId,
+          selections: [{
+            range: realRange
+          }]
         }
-      }
-    }, 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;
+      ), await this._commandService.executeCommand(ScrollToRangeOperation.id, {
+        range: realRange
+      });
+    }
   }
-}, 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())
+  async navigateToSheet(unitId, sheetName) {
+    const workbook = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET);
+    if (!workbook)
       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")
-}, 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)))
+    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)
       return !1;
-    const textX = BuildTextUtils.customRange.delete(accessor, { documentDataModel: doc.documentModel, rangeId: id });
-    if (!textX)
+    const worksheet = workbook.getActiveSheet();
+    if (!worksheet)
       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
+    if (worksheet.getSheetId() === subUnitId)
+      return worksheet;
+    const targetSheet = workbook.getSheetBySheetId(subUnitId);
+    return targetSheet ? workbook.getHiddenWorksheets().indexOf(subUnitId) > -1 ? (this._messageService.show({
+      content: this._localeService.t("hyperLink.message.hiddenSheet"),
+      type: MessageType.Error
+    }), !1) : await this._commandService.executeCommand(SetWorksheetActiveOperation.id, { unitId, subUnitId }) ? targetSheet : !1 : (this._messageService.show({
+      content: this._localeService.t("hyperLink.message.noSheet"),
+      type: MessageType.Error
+    }), !1);
+  }
+  async navigateToDefineName(unitId, rangeid) {
+    return this._definedNamesService.focusRange(unitId, rangeid), !0;
+  }
+  async navigateToOtherWebsite(url) {
+    var _a15;
+    const config = this._configService.getConfig(PLUGIN_CONFIG_KEY);
+    if ((_a15 = config == null ? void 0 : config.urlHandler) != null && _a15.navigateToOtherWebsite)
+      return config.urlHandler.navigateToOtherWebsite(url);
+    window.open(url, "_blank", "noopener noreferrer");
+  }
+}, __name(_a, "SheetsHyperLinkResolverService"), _a);
+SheetsHyperLinkResolverService = __decorateClass$c([
+  __decorateParam$c(0, IUniverInstanceService),
+  __decorateParam$c(1, ICommandService),
+  __decorateParam$c(2, IDefinedNamesService),
+  __decorateParam$c(3, IMessageService),
+  __decorateParam$c(4, Inject(LocaleService)),
+  __decorateParam$c(5, IConfigService)
+], SheetsHyperLinkResolverService);
+var __defProp$b = Object.defineProperty, __getOwnPropDesc$b = Object.getOwnPropertyDescriptor, __decorateClass$b = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$b(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$b(target, key, result), result;
+}, "__decorateClass$b"), __decorateParam$b = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$b"), _a2;
+let SheetsHyperLinkCopyPasteController = (_a2 = class extends Disposable {
+  constructor(_sheetClipboardService, _hyperLinkModel, _injector, _resolverService) {
+    super();
+    __publicField(this, "_plainTextFilter", /* @__PURE__ */ new Set());
+    __publicField(this, "_copyInfo");
+    this._sheetClipboardService = _sheetClipboardService, this._hyperLinkModel = _hyperLinkModel, this._injector = _injector, this._resolverService = _resolverService, this._initCopyPaste(), this.disposeWithMe(() => {
+      this._plainTextFilter.clear();
     });
-    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: " "
+  registerPlainTextFilter(filter) {
+    this._plainTextFilter.add(filter);
+  }
+  removePlainTextFilter(filter) {
+    this._plainTextFilter.delete(filter);
+  }
+  /* If return false the process of paste text will be stop */
+  _filterPlainText(text) {
+    return Array.from(this._plainTextFilter).every((filter) => filter(text));
+  }
+  _initCopyPaste() {
+    this._sheetClipboardService.addClipboardHook({
+      id: SHEET_HYPER_LINK_UI_PLUGIN,
+      onBeforeCopy: /* @__PURE__ */ __name((unitId, subUnitId, range) => this._collect(unitId, subUnitId, range), "onBeforeCopy"),
+      onPasteCells: /* @__PURE__ */ __name((pasteFrom, pasteTo, data, payload) => {
+        const { copyType = COPY_TYPE.COPY, pasteType } = payload, { range: copyRange } = pasteFrom || {}, { range: pastedRange, unitId, subUnitId } = pasteTo;
+        return this._generateMutations(pastedRange, { copyType, pasteType, copyRange, unitId, subUnitId });
+      }, "onPasteCells"),
+      onPastePlainText: /* @__PURE__ */ __name((pasteTo, clipText) => {
+        const filterResult = this._filterPlainText(clipText);
+        if (isLegalLink(clipText) && filterResult) {
+          const { range, unitId, subUnitId } = pasteTo, { ranges: [pasteToRange], mapFunc } = virtualizeDiscreteRanges([range]), redos = [], undos = [];
+          return Range.foreach(pasteToRange, (originRow, originCol) => {
+            const { row, col: column } = mapFunc(originRow, originCol), link = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, row, column);
+            link && redos.push({
+              id: RemoveHyperLinkMutation.id,
+              params: {
+                unitId,
+                subUnitId,
+                id: link.id
+              }
+            }), link && undos.push({
+              id: AddHyperLinkMutation.id,
+              params: {
+                unitId,
+                subUnitId,
+                link
+              }
+            });
+          }), { redos, undos };
+        }
+        return { undos: [], redos: [] };
+      }, "onPastePlainText"),
+      priority: 99
     });
-    const doMutation = deleteCustomRangeFactory(accessor, { unitId: documentId, rangeId: linkId, insert });
-    return doMutation ? commandService.syncExecuteCommand(doMutation.id, doMutation.params) : !1;
   }
-}, 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), { 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, {
+  _collect(unitId, subUnitId, range) {
+    const matrix = new ObjectMatrix();
+    this._copyInfo = {
       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
+      subUnitId,
+      matrix
+    };
+    const discreteRange = this._injector.invoke((accessor) => rangeToDiscreteRange(range, accessor, unitId, subUnitId));
+    if (!discreteRange)
+      return;
+    const { rows, cols } = discreteRange;
+    rows.forEach((row, rowIndex) => {
+      cols.forEach((col, colIndex) => {
+        var _a15;
+        const link = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, row, col);
+        matrix.setValue(rowIndex, colIndex, (_a15 = link == null ? void 0 : link.id) != null ? _a15 : "");
+      });
     });
-    if (!replaceSelection)
-      return !1;
-    const newBody = TextX.apply(snapshot.body, replaceSelection.textX.serialize()), redo = {
-      id: SetRangeValuesMutation.id,
-      params: {
-        unitId,
-        subUnitId,
-        cellValue: {
-          [row]: {
-            [column]: {
-              p: {
-                ...snapshot,
-                body: newBody
-              },
-              t: CellValueType.STRING
+  }
+  // eslint-disable-next-line max-lines-per-function
+  _generateMutations(pastedRange, copyInfo) {
+    if (!this._copyInfo)
+      return { redos: [], undos: [] };
+    if (!this._copyInfo || !this._copyInfo.matrix.getSizeOf() || !copyInfo.copyRange)
+      return { redos: [], undos: [] };
+    if ([
+      PREDEFINED_HOOK_NAME.SPECIAL_PASTE_COL_WIDTH,
+      PREDEFINED_HOOK_NAME.SPECIAL_PASTE_VALUE,
+      PREDEFINED_HOOK_NAME.SPECIAL_PASTE_FORMAT,
+      PREDEFINED_HOOK_NAME.SPECIAL_PASTE_FORMULA
+    ].includes(
+      copyInfo.pasteType
+    ))
+      return { redos: [], undos: [] };
+    const { unitId, subUnitId } = this._copyInfo, redos = [], undos = [], { ranges: [vCopyRange, vPastedRange], mapFunc } = virtualizeDiscreteRanges([copyInfo.copyRange, pastedRange]);
+    return getRepeatRange(vCopyRange, vPastedRange, !0).forEach(({ startRange }) => {
+      var _a15;
+      (_a15 = this._copyInfo) == null || _a15.matrix.forValue((row, col, ruleId) => {
+        const range = Rectangle.getPositionRange(
+          {
+            startRow: row,
+            endRow: row,
+            startColumn: col,
+            endColumn: col
+          },
+          startRange
+        ), oldLink = this._hyperLinkModel.getHyperLink(unitId, subUnitId, ruleId), { row: startRow, col: startColumn } = mapFunc(range.startRow, range.startColumn), currentLink = this._hyperLinkModel.getHyperLinkByLocation(copyInfo.unitId, copyInfo.subUnitId, startRow, startColumn), id = Tools.generateRandomId();
+        currentLink && redos.push({
+          id: RemoveHyperLinkMutation.id,
+          params: {
+            unitId: copyInfo.unitId,
+            subUnitId: copyInfo.subUnitId,
+            id: currentLink.id
+          }
+        }), oldLink && (redos.push({
+          id: AddHyperLinkMutation.id,
+          params: {
+            unitId: copyInfo.unitId,
+            subUnitId: copyInfo.subUnitId,
+            link: {
+              ...oldLink,
+              id,
+              row: startRow,
+              column: startColumn
             }
           }
+        }), undos.push({
+          id: RemoveHyperLinkMutation.id,
+          params: {
+            unitId: copyInfo.unitId,
+            subUnitId: copyInfo.subUnitId,
+            id
+          }
+        })), currentLink && undos.push({
+          id: AddHyperLinkMutation.id,
+          params: {
+            unitId: copyInfo.unitId,
+            subUnitId: copyInfo.subUnitId,
+            link: currentLink
+          }
+        });
+      });
+    }), { redos, undos };
+  }
+}, __name(_a2, "SheetsHyperLinkCopyPasteController"), _a2);
+SheetsHyperLinkCopyPasteController = __decorateClass$b([
+  OnLifecycle(LifecycleStages.Ready, SheetsHyperLinkCopyPasteController),
+  __decorateParam$b(0, ISheetClipboardService),
+  __decorateParam$b(1, Inject(HyperLinkModel)),
+  __decorateParam$b(2, Inject(Injector)),
+  __decorateParam$b(3, Inject(SheetsHyperLinkResolverService))
+], SheetsHyperLinkCopyPasteController);
+var HyperLinkEditSourceType = /* @__PURE__ */ ((HyperLinkEditSourceType2) => (HyperLinkEditSourceType2.EDITING = "editing", HyperLinkEditSourceType2.VIEWING = "viewing", HyperLinkEditSourceType2.ZEN_EDITOR = "zen_mode", HyperLinkEditSourceType2))(HyperLinkEditSourceType || {}), jsxRuntime = { exports: {} }, reactJsxRuntime_production_min = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var f = require$$0, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 };
+function q(c, a, g) {
+  var b, d = {}, e = null, h = null;
+  g !== void 0 && (e = "" + g), a.key !== void 0 && (e = "" + a.key), a.ref !== void 0 && (h = a.ref);
+  for (b in a) m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
+  if (c && c.defaultProps) for (b in a = c.defaultProps, a) d[b] === void 0 && (d[b] = a[b]);
+  return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current };
+}
+__name(q, "q");
+reactJsxRuntime_production_min.Fragment = l;
+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), { 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()), rangeValue = {
+      ...snapshot,
+      body: newBody
+    }, redoParams = {
+      unitId,
+      subUnitId,
+      cellValue: {
+        [link.row]: {
+          [link.column]: {
+            p: rangeValue,
+            t: CellValueType.STRING
+          }
         }
       }
-    }, undoParams = SetRangeValuesUndoMutationFactory(accessor, redo.params), undo = {
+    }, 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);
@@ -303,480 +484,156 @@ const AddHyperLinkCommand = {
       unitID: unitId
     }), !0) : !1;
   }
-}, UpdateRichHyperLinkCommand = {
+}, AddRichHyperLinkCommand = {
+  id: "sheets.command.add-rich-hyper-link",
   type: CommandType.COMMAND,
-  id: "sheets.command.update-rich-hyper-link",
-  handler: /* @__PURE__ */ __name((accessor, params) => {
-    var _a15, _b, _c, _d;
+  handler: /* @__PURE__ */ __name(async (accessor, params) => {
     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)
+    const { documentId, link } = params, commandService = accessor.get(ICommandService), textSelectionService = accessor.get(DocSelectionManagerService), newId = generateRandomId(), { payload } = link;
+    if (!textSelectionService.getActiveTextRange())
       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
+    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")
-};
-var jsxRuntime = { exports: {} }, reactJsxRuntime_production_min = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var f = require$$0, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 };
-function q(c, a, g) {
-  var b, d = {}, e = null, h = null;
-  g !== void 0 && (e = "" + g), a.key !== void 0 && (e = "" + a.key), a.ref !== void 0 && (h = a.ref);
-  for (b in a) m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
-  if (c && c.defaultProps) for (b in a = c.defaultProps, a) d[b] === void 0 && (d[b] = a[b]);
-  return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current };
-}
-__name(q, "q");
-reactJsxRuntime_production_min.Fragment = l;
-reactJsxRuntime_production_min.jsx = q;
-reactJsxRuntime_production_min.jsxs = q;
-jsxRuntime.exports = reactJsxRuntime_production_min;
-var jsxRuntimeExports = jsxRuntime.exports, __assign = function() {
-  return __assign = Object.assign || function(t) {
-    for (var s, i = 1, n2 = arguments.length; i < n2; i++) {
-      s = arguments[i];
-      for (var p2 in s) Object.prototype.hasOwnProperty.call(s, p2) && (t[p2] = s[p2]);
-    }
-    return t;
-  }, __assign.apply(this, arguments);
-}, __rest = function(s, e) {
-  var t = {};
-  for (var p2 in s) Object.prototype.hasOwnProperty.call(s, p2) && e.indexOf(p2) < 0 && (t[p2] = s[p2]);
-  if (s != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var i = 0, p2 = Object.getOwnPropertySymbols(s); i < p2.length; i++)
-      e.indexOf(p2[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p2[i]) && (t[p2[i]] = s[p2[i]]);
-  return t;
-}, IconBase = forwardRef(function(props, ref) {
-  var icon = props.icon, id = props.id, className = props.className, extend = props.extend, restProps = __rest(props, ["icon", "id", "className", "extend"]), cls = "univerjs-icon univerjs-icon-".concat(id, " ").concat(className || "").trim(), idSuffix = useRef("_".concat(generateShortUuid()));
-  return render(icon, "".concat(id), { defIds: icon.defIds, idSuffix: idSuffix.current }, __assign({ ref, className: cls }, restProps), extend);
-});
-function render(node, id, runtimeProps, rootProps, extend) {
-  return createElement(node.tag, __assign(__assign({ key: id }, replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend)), rootProps), (replaceRuntimeIdsInDefs(node, runtimeProps).children || []).map(function(child, index) {
-    return render(child, "".concat(id, "-").concat(node.tag, "-").concat(index), runtimeProps, void 0, extend);
-  }));
-}
-__name(render, "render");
-function replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend) {
-  var attrs = __assign({}, node.attrs);
-  extend != null && extend.colorChannel1 && attrs.fill === "colorChannel1" && (attrs.fill = extend.colorChannel1);
-  var defIds = runtimeProps.defIds;
-  return !defIds || defIds.length === 0 || (node.tag === "use" && attrs["xlink:href"] && (attrs["xlink:href"] = attrs["xlink:href"] + runtimeProps.idSuffix), Object.entries(attrs).forEach(function(_a15) {
-    var key = _a15[0], value = _a15[1];
-    typeof value == "string" && (attrs[key] = value.replace(/url\(#(.*)\)/, "url(#$1".concat(runtimeProps.idSuffix, ")")));
-  })), attrs;
-}
-__name(replaceRuntimeIdsAndExtInAttrs, "replaceRuntimeIdsAndExtInAttrs");
-function replaceRuntimeIdsInDefs(node, runtimeProps) {
-  var _a15, defIds = runtimeProps.defIds;
-  return !defIds || defIds.length === 0 ? node : node.tag === "defs" && (!((_a15 = node.children) === null || _a15 === void 0) && _a15.length) ? __assign(__assign({}, node), { children: node.children.map(function(child) {
-    return typeof child.attrs.id == "string" && defIds && defIds.indexOf(child.attrs.id) > -1 ? __assign(__assign({}, child), { attrs: __assign(__assign({}, child.attrs), { id: child.attrs.id + runtimeProps.idSuffix }) }) : child;
-  }) }) : node;
-}
-__name(replaceRuntimeIdsInDefs, "replaceRuntimeIdsInDefs");
-function generateShortUuid() {
-  return Math.random().toString(36).substring(2, 8);
-}
-__name(generateShortUuid, "generateShortUuid");
-IconBase.displayName = "UniverIcon";
-var element$5 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7.9999 1.12915C8.03875 1.12915 8.07673 1.13284 8.11352 1.13989H12.2599C13.6958 1.13989 14.8599 2.30395 14.8599 3.73989V7.88619C14.867 7.92301 14.8707 7.96102 14.8707 7.9999C14.8707 8.03878 14.867 8.0768 14.8599 8.11362V12.2599C14.8599 13.6958 13.6958 14.8599 12.2599 14.8599H8.11362C8.0768 14.867 8.03878 14.8707 7.9999 14.8707C7.96102 14.8707 7.92301 14.867 7.88619 14.8599H3.73989C2.30396 14.8599 1.13989 13.6958 1.13989 12.2599V8.11352C1.13284 8.07673 1.12915 8.03875 1.12915 7.9999C1.12915 7.96106 1.13284 7.92308 1.13989 7.88629V3.73989C1.13989 2.30396 2.30395 1.13989 3.73989 1.13989H7.88629C7.92308 1.13284 7.96106 1.12915 7.9999 1.12915ZM2.33989 8.5999V12.2599C2.33989 13.0331 2.9667 13.6599 3.73989 13.6599H7.3999V8.5999H2.33989ZM7.3999 7.3999H2.33989V3.73989C2.33989 2.9667 2.96669 2.33989 3.73989 2.33989H7.3999V7.3999ZM8.5999 8.5999V13.6599H12.2599C13.0331 13.6599 13.6599 13.0331 13.6599 12.2599V8.5999H8.5999ZM13.6599 7.3999H8.5999V2.33989H12.2599C13.0331 2.33989 13.6599 2.96669 13.6599 3.73989V7.3999Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, AllBorderSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
-    id: "all-border-single",
-    ref,
-    icon: element$5
-  }));
-});
-AllBorderSingle.displayName = "AllBorderSingle";
-var element$4 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M4.1302 12.4251C4.25802 13.7417 5.36779 14.7708 6.71792 14.7708H11.7179C13.1539 14.7708 14.3179 13.6067 14.3179 12.1708V6.1708C14.3179 4.78586 13.2351 3.65383 11.8698 3.57517C11.742 2.25858 10.6323 1.22949 9.28213 1.22949H4.28213C2.84619 1.22949 1.68213 2.39355 1.68213 3.82949V9.82949C1.68213 11.2144 2.76497 12.3465 4.1302 12.4251ZM10.6583 3.5708H6.71792C5.28198 3.5708 4.11792 4.73486 4.11792 6.1708V11.22C3.4221 11.1387 2.88213 10.5471 2.88213 9.82949V3.82949C2.88213 3.05629 3.50893 2.42949 4.28213 2.42949H9.28213C9.96695 2.42949 10.5369 2.92119 10.6583 3.5708ZM13.1179 6.1708C13.1179 5.3976 12.4911 4.7708 11.7179 4.7708H6.71792C5.94472 4.7708 5.31792 5.3976 5.31792 6.1708V12.1708C5.31792 12.944 5.94472 13.5708 6.71792 13.5708H11.7179C12.4911 13.5708 13.1179 12.944 13.1179 12.1708V6.1708Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, CopySingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
-    id: "copy-single",
-    ref,
-    icon: element$4
-  }));
-});
-CopySingle.displayName = "CopySingle";
-var element$3 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.9564 2.91332C4.91407 1.87102 3.22413 1.87101 2.18182 2.91333L2.18182 2.91333C1.13953 3.95567 1.13952 5.6456 2.18182 6.68791L8.27777 12.7838C9.72408 14.2302 12.069 14.2302 13.5154 12.7839L13.0911 12.3596L13.5154 12.7839C14.9617 11.3375 14.9617 8.99257 13.5154 7.54626L8.39476 2.42566C8.16044 2.19134 7.78054 2.19134 7.54623 2.42566C7.31191 2.65997 7.31191 3.03987 7.54623 3.27419L12.6668 8.39479L13.0911 7.97052L12.6668 8.39479C13.6445 9.37247 13.6445 10.9576 12.6668 11.9353L13.0399 12.3084L12.6668 11.9353C11.6891 12.913 10.104 12.913 9.1263 11.9353L3.03035 5.83938C2.45668 5.26571 2.45667 4.33556 3.03036 3.76184C3.60403 3.18818 4.53416 3.18817 5.10788 3.76185C5.10788 3.76186 5.10788 3.76186 5.10789 3.76186L11.2038 9.8578L11.601 9.46061L11.2038 9.8578C11.3735 10.0275 11.3735 10.3026 11.2038 10.4723L11.2038 10.4723C11.0341 10.642 10.759 10.642 10.5893 10.4723L5.46874 5.35171C5.23442 5.1174 4.85452 5.1174 4.62021 5.35171C4.38589 5.58602 4.38589 5.96592 4.62021 6.20024L9.74078 11.3208C10.3791 11.9591 11.414 11.9591 12.0523 11.3208C12.0523 11.3208 12.0523 11.3208 12.0523 11.3208M12.0523 11.3208C12.6907 10.6825 12.6906 9.64757 12.0523 9.00927L5.95641 2.91333L5.9564 2.91332", fillRule: "evenodd", clipRule: "evenodd" } }] }, LinkSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
-    id: "link-single",
-    ref,
-    icon: element$3
-  }));
-});
-LinkSingle.displayName = "LinkSingle";
-var element$2 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 17", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M12.5935 3.47302C11.6354 2.51492 10.082 2.51492 9.12388 3.47302L7.83534 4.76157C7.60102 4.99588 7.22112 4.99588 6.98681 4.76157 6.75249 4.52725 6.75249 4.14735 6.98681 3.91304L8.27535 2.62449C9.70209 1.19776 12.0153 1.19776 13.442 2.62449 14.8688 4.05123 14.8688 6.36442 13.442 7.79116L12.1535 9.0797C11.9192 9.31402 11.5393 9.31402 11.3049 9.0797 11.0706 8.84539 11.0706 8.46549 11.3049 8.23117L12.5935 6.94263C13.5516 5.98452 13.5516 4.43113 12.5935 3.47302zM3.40637 12.6606C2.44827 11.7025 2.44827 10.1491 3.40637 9.19102L4.69492 7.90248C4.92923 7.66816 4.92923 7.28826 4.69492 7.05395 4.4606 6.81963 4.0807 6.81963 3.84639 7.05395L2.55784 8.34249C1.13111 9.76923 1.13111 12.0824 2.55784 13.5092 3.98458 14.9359 6.29777 14.9359 7.72451 13.5092L9.01305 12.2206C9.24737 11.9863 9.24737 11.6064 9.01305 11.3721 8.77874 11.1378 8.39884 11.1378 8.16452 11.3721L6.87598 12.6606C5.91787 13.6187 4.36448 13.6187 3.40637 12.6606zM3.5852 2.80332C3.35088 2.569 2.97098 2.569 2.73667 2.80332 2.50235 3.03763 2.50235 3.41753 2.73667 3.65185L12.4151 13.3302C12.6494 13.5646 13.0293 13.5646 13.2636 13.3302 13.4979 13.0959 13.4979 12.716 13.2636 12.4817L3.5852 2.80332z" } }] }, UnlinkSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
-    id: "unlink-single",
-    ref,
-    icon: element$2
-  }));
-});
-UnlinkSingle.displayName = "UnlinkSingle";
-var element$1 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M12.6551 1.98906C11.7476 1.08113 10.2757 1.08149 9.3686 1.98987L4.82542 6.53955C4.75087 6.61421 4.69336 6.70411 4.65682 6.80309L3.2461 10.625C3.16506 10.8446 3.21909 11.0912 3.3845 11.2568C3.54991 11.4224 3.79651 11.4767 4.01616 11.3959L7.85031 9.98517C7.94979 9.94856 8.04014 9.89077 8.11508 9.81579L12.6552 5.27327C13.5618 4.36621 13.5618 2.89607 12.6551 1.98906ZM10.2177 2.83779C10.6562 2.39869 11.3677 2.39851 11.8064 2.8374C12.2447 3.27584 12.2447 3.9865 11.8065 4.42497L7.3392 8.89457L4.82213 9.82068L5.74706 7.31487L10.2177 2.83779Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.79238 13.2999C1.46101 13.2999 1.19238 13.5685 1.19238 13.8999C1.19238 14.2313 1.46101 14.4999 1.79238 14.4999H14.4924C14.8238 14.4999 15.0924 14.2313 15.0924 13.8999C15.0924 13.5685 14.8238 13.2999 14.4924 13.2999H1.79238Z" } }] }, WriteSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
-    id: "write-single",
-    ref,
-    icon: element$1
-  }));
-});
-WriteSingle.displayName = "WriteSingle";
-var element = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "#35BD4B", d: "M3.4535 1.12549C2.7002 1.12549 2.08954 1.73615 2.08954 2.48945V13.5104C2.08954 14.2637 2.7002 14.8744 3.4535 14.8744H12.5465C13.2998 14.8744 13.9105 14.2637 13.9105 13.5104V5.0992L10.0091 1.12549H3.4535Z" } }, { tag: "path", attrs: { fill: "#32A846", d: "M10.0075 1.12549L13.9104 5.09842H10.6742C10.306 5.09842 10.0075 4.79994 10.0075 4.43175V1.12549Z" } }, { tag: "path", attrs: { fill: "#fff", d: "M7.8088 10.2949L6.3764 12.403C6.26259 12.5705 6.03455 12.614 5.86705 12.5002C5.69955 12.3864 5.65603 12.1584 5.76984 11.9909L7.3655 9.64252L5.94042 7.54519C5.82661 7.37769 5.87013 7.14964 6.03763 7.03583C6.20512 6.92202 6.43317 6.96555 6.54698 7.13304L7.8088 8.9901L9.07062 7.13304C9.18443 6.96555 9.41248 6.92202 9.57997 7.03583C9.74747 7.14964 9.79099 7.37769 9.67718 7.54519L8.2521 9.64252L9.84776 11.9909C9.96157 12.1584 9.91805 12.3864 9.75055 12.5002C9.58305 12.614 9.35501 12.5705 9.2412 12.403L7.8088 10.2949Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Xlsx = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
-    id: "xlsx",
-    ref,
-    icon: element
-  }));
-});
-Xlsx.displayName = "Xlsx";
-const PLUGIN_CONFIG_KEY = "sheets-hyper-link-ui.config", defaultPluginConfig = {};
-var __defProp$c = Object.defineProperty, __getOwnPropDesc$c = Object.getOwnPropertyDescriptor, __decorateClass$c = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$c(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$c(target, key, result), result;
-}, "__decorateClass$c"), __decorateParam$c = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$c");
-function getContainRange(range, worksheet) {
-  const mergedCells = worksheet.getMergeData(), maxCol = worksheet.getMaxColumns() - 1, maxRow = worksheet.getMaxRows() - 1;
-  if (maxCol < range.endColumn && (range.endColumn = maxCol), maxRow < range.endRow && (range.endRow = maxRow), range.rangeType === RANGE_TYPE.COLUMN || RANGE_TYPE.ROW)
-    return range;
-  const relativeCells = [];
-  return mergedCells.forEach((cell) => {
-    Rectangle.intersects(range, cell) && relativeCells.push(cell);
-  }), Rectangle.realUnion(range, ...relativeCells);
-}
-__name(getContainRange, "getContainRange");
-var _a;
-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;
-    }
-    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) {
-    const { gid, range, rangeid } = params, workbook = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
-    if (!workbook)
-      return;
-    const unitId = workbook.getUnitId();
-    if (rangeid && this.navigateToDefineName(unitId, rangeid), !!gid) {
-      if (range) {
-        const rangeInfo = deserializeRangeWithSheet(range);
-        isValidRange(rangeInfo.range) && range !== ERROR_RANGE && this.navigateToRange(unitId, gid, rangeInfo.range);
-        return;
-      }
-      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) {
+}, 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 (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) {
-      const realRange = getContainRange(range, worksheet);
-      await this._commandService.executeCommand(
-        SetSelectionsOperation.id,
-        {
-          unitId,
-          subUnitId,
-          selections: [{
-            range: realRange
-          }]
-        }
-      ), await this._commandService.executeCommand(ScrollToRangeOperation.id, {
-        range: realRange
-      });
-    }
-  }
-  async navigateToSheet(unitId, sheetName) {
-    const workbook = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET);
-    if (!workbook)
+    if (!params)
       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)
+    const commandService = accessor.get(ICommandService), undoRedoService = accessor.get(IUndoRedoService), renderManagerService = accessor.get(IRenderManagerService), univerInstanceService = accessor.get(IUniverInstanceService), hyperLinkModel = accessor.get(HyperLinkModel), { 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 worksheet = workbook.getActiveSheet();
-    if (!worksheet)
+    const doc = skeleton.getCellDocumentModelWithFormula(cellData);
+    if (!(doc != null && doc.documentModel))
       return !1;
-    if (worksheet.getSheetId() === subUnitId)
-      return worksheet;
-    const targetSheet = workbook.getSheetBySheetId(subUnitId);
-    return targetSheet ? workbook.getHiddenWorksheets().indexOf(subUnitId) > -1 ? (this._messageService.show({
-      content: this._localeService.t("hyperLink.message.hiddenSheet"),
-      type: MessageType.Error
-    }), !1) : await this._commandService.executeCommand(SetWorksheetActiveOperation.id, { unitId, subUnitId }) ? targetSheet : !1 : (this._messageService.show({
-      content: this._localeService.t("hyperLink.message.noSheet"),
-      type: MessageType.Error
-    }), !1);
-  }
-  async navigateToDefineName(unitId, rangeid) {
-    return this._definedNamesService.focusRange(unitId, rangeid), !0;
-  }
-  async navigateToOtherWebsite(url) {
-    var _a15;
-    const config = this._configService.getConfig(PLUGIN_CONFIG_KEY);
-    if ((_a15 = config == null ? void 0 : config.urlHandler) != null && _a15.navigateToOtherWebsite)
-      return config.urlHandler.navigateToOtherWebsite(url);
-    window.open(url, "_blank", "noopener noreferrer");
-  }
-}, __name(_a, "SheetsHyperLinkResolverService"), _a);
-SheetsHyperLinkResolverService = __decorateClass$c([
-  __decorateParam$c(0, IUniverInstanceService),
-  __decorateParam$c(1, ICommandService),
-  __decorateParam$c(2, IDefinedNamesService),
-  __decorateParam$c(3, IMessageService),
-  __decorateParam$c(4, Inject(LocaleService)),
-  __decorateParam$c(5, IConfigService)
-], SheetsHyperLinkResolverService);
-var HyperLinkEditSourceType = /* @__PURE__ */ ((HyperLinkEditSourceType2) => (HyperLinkEditSourceType2.EDITING = "editing", HyperLinkEditSourceType2.VIEWING = "viewing", HyperLinkEditSourceType2.ZEN_EDITOR = "zen_mode", HyperLinkEditSourceType2))(HyperLinkEditSourceType || {});
-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$1 = {
-  cellLink,
-  cellLinkType,
-  cellLinkContent,
-  cellLinkContentError,
-  cellLinkUrl,
-  cellLinkOperations,
-  cellLinkOperation,
-  cellLinkOperationError
-}, iconsMap = {
-  [SheetHyperLinkType.URL]: /* @__PURE__ */ jsxRuntimeExports.jsx(LinkSingle, {}),
-  [SheetHyperLinkType.SHEET]: /* @__PURE__ */ jsxRuntimeExports.jsx(Xlsx, {}),
-  [SheetHyperLinkType.RANGE]: /* @__PURE__ */ jsxRuntimeExports.jsx(AllBorderSingle, {}),
-  [SheetHyperLinkType.DEFINE_NAME]: /* @__PURE__ */ jsxRuntimeExports.jsx(AllBorderSingle, {}),
-  [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);
-  if (useEffect(() => {
-    setCurrentPopup(popupService.currentPopup);
-    const ob = popupService.currentPopup$.subscribe((popup) => {
-      setCurrentPopup(popup);
+    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
     });
-    return () => {
-      ob.unsubscribe();
-    };
-  }, [popupService.currentPopup, popupService.currentPopup$]), !currentPopup)
-    return null;
-  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;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1.cellLink, onClick: /* @__PURE__ */ __name(() => popupService.hideCurrentPopup(), "onClick"), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cs(styles$1.cellLinkContent, { [styles$1.cellLinkContentError]: isError }), onClick: linkObj.handler, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1.cellLinkType, children: iconsMap[linkObj.type] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { showIfEllipsis: !0, title: linkObj.name, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$1.cellLinkUrl, children: linkObj.name }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1.cellLinkOperations, children: [
-      currentPopup.copyPermission && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "div",
-        {
-          className: cs(styles$1.cellLinkOperation, { [styles$1.cellLinkOperationError]: isError }),
-          onClick: /* @__PURE__ */ __name(() => {
-            if (!isError) {
-              if (linkObj.type !== SheetHyperLinkType.URL) {
-                const url = new URL(window.location.href);
-                url.hash = linkObj.url.slice(1), navigator.clipboard.writeText(url.href);
-              } else
-                navigator.clipboard.writeText(linkObj.url);
-              messageService.show({
-                content: localeService.t("hyperLink.message.coped"),
-                type: MessageType.Info
-              });
+    if (!replaceSelection)
+      return !1;
+    const newBody = TextX.apply(Tools.deepClone(snapshot.body), replaceSelection.textX.serialize()), redo = {
+      id: SetRangeValuesMutation.id,
+      params: {
+        unitId,
+        subUnitId,
+        cellValue: {
+          [row]: {
+            [column]: {
+              p: {
+                ...snapshot,
+                body: newBody
+              },
+              t: CellValueType.STRING
             }
-          }, "onClick"),
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { placement: "bottom", title: localeService.t("hyperLink.popup.copy"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(CopySingle, {}) })
-        }
-      ),
-      currentPopup.editPermission && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "div",
-          {
-            className: styles$1.cellLinkOperation,
-            onClick: /* @__PURE__ */ __name(() => {
-              commandService.executeCommand(OpenHyperLinkEditPanelOperation.id, {
-                unitId,
-                subUnitId,
-                row,
-                col,
-                customRangeId: customRange.rangeId,
-                type: currentPopup.type
-              });
-            }, "onClick"),
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { placement: "bottom", title: localeService.t("hyperLink.popup.edit"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(WriteSingle, {}) })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "div",
-          {
-            className: styles$1.cellLinkOperation,
-            onClick: /* @__PURE__ */ __name(() => {
-              const commandId = currentPopup.type === HyperLinkEditSourceType.EDITING || currentPopup.type === HyperLinkEditSourceType.ZEN_EDITOR ? CancelRichHyperLinkCommand.id : CancelHyperLinkCommand.id;
-              commandService.syncExecuteCommand(commandId, {
-                unitId,
-                subUnitId,
-                id: customRange.rangeId,
-                row,
-                column: col,
-                documentId: currentPopup.type === HyperLinkEditSourceType.ZEN_EDITOR ? DOCS_ZEN_EDITOR_UNIT_ID_KEY : editorBridgeService.getCurrentEditorId()
-              }) && popupService.hideCurrentPopup(void 0, !0);
-            }, "onClick"),
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { placement: "bottom", title: localeService.t("hyperLink.popup.cancel"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(UnlinkSingle, {}) })
           }
-        )
-      ] })
-    ] })
-  ] });
-}, "CellLinkPopup");
-CellLinkPopup.componentKey = "univer.sheet.cell-link-popup";
-function isLegalLink(link) {
-  return Tools.isLegalUrl(link);
-}
-__name(isLegalLink, "isLegalLink");
-function hasProtocol(urlString) {
-  return /^[a-zA-Z]+:\/\//.test(urlString);
-}
-__name(hasProtocol, "hasProtocol");
-function isEmail(url) {
-  return /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/.test(url);
-}
-__name(isEmail, "isEmail");
-function serializeUrl(urlStr) {
-  if (isLegalLink(urlStr)) {
-    const transformedUrl = hasProtocol(urlStr) ? urlStr : isEmail(urlStr) ? `mailto://${urlStr}` : `http://${urlStr}`;
-    let url;
-    try {
-      url = new URL(transformedUrl);
-    } catch {
-      return urlStr;
-    }
-    return url.hostname === location.hostname && url.port === location.port && url.protocol === location.protocol && url.pathname === location.pathname && url.hash && !url.search ? url.hash : transformedUrl;
+        }
+      }
+    }, 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;
   }
-  return urlStr;
-}
-__name(serializeUrl, "serializeUrl");
-function getCellValueOrigin(cell) {
-  if (cell === null)
-    return "";
-  if (cell != null && cell.p) {
-    const body = cell == null ? void 0 : cell.p.body;
-    if (body == null)
-      return "";
-    const data = body.dataStream;
-    return data.substring(data.length - 2, data.length) === DEFAULT_EMPTY_DOCUMENT_VALUE ? data.substring(0, data.length - 2) : data;
-  }
-  return cell == null ? void 0 : cell.v;
-}
-__name(getCellValueOrigin, "getCellValueOrigin");
-const _SheetsHyperLinkSidePanelService = class _SheetsHyperLinkSidePanelService extends Disposable {
+}, 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());
@@ -806,12 +663,12 @@ const _SheetsHyperLinkSidePanelService = class _SheetsHyperLinkSidePanelService
 };
 __name(_SheetsHyperLinkSidePanelService, "SheetsHyperLinkSidePanelService");
 let SheetsHyperLinkSidePanelService = _SheetsHyperLinkSidePanelService;
-const cellLinkEdit = "univer-cell-link-edit", cellLinkEditButtons = "univer-cell-link-edit-buttons", styles = {
+const cellLinkEdit = "univer-cell-link-edit", cellLinkEditButtons = "univer-cell-link-edit-buttons", styles$1 = {
   cellLinkEdit,
   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), markSelectionService = useDependency(IMarkSelectionService), textSelectionService = useDependency(DocSelectionManagerService), contextService = useDependency(IContextService), 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), customHyperLinkSidePanel = useMemo(() => {
     if (!sidePanelService.isBuiltInLinkType(type))
       return sidePanelService.getCustomHyperLink(type);
   }, [sidePanelService, type]), [showError, setShowError] = useState(!1), setByPayload = useRef(!1);
@@ -832,7 +689,7 @@ const cellLinkEdit = "univer-cell-link-edit", cellLinkEditButtons = "univer-cell
         const workbook2 = univerInstanceService.getUnit(editing.unitId), worksheet = workbook2 == null ? void 0 : workbook2.getSheetBySheetId(editing.subUnitId), cell = worksheet == null ? void 0 : worksheet.getCellRaw(editing.row, editing.col), range = (_f = (_e = (_d = cell == null ? void 0 : cell.p) == null ? void 0 : _d.body) == null ? void 0 : _e.customRanges) == null ? void 0 : _f.find((range2) => {
           var _a17;
           return range2.rangeType === CustomRangeType.HYPERLINK && ((_a17 = range2.properties) == null ? void 0 : _a17.url);
-        }), cellValue = `${(_g = getCellValueOrigin(cell)) != null ? _g : ""}`;
+        }), cellValue = `${(_g = getOriginCellValue(cell)) != null ? _g : ""}`;
         cell && (cell.p || cellValue) && setShowLabel(!1), link = {
           id: "",
           display: "",
@@ -885,34 +742,48 @@ const cellLinkEdit = "univer-cell-link-edit", cellLinkEditButtons = "univer-cell
       }
     }
   }, [editing, resolverService, sidePanelService, textSelectionService, univerInstanceService]), useEffect(() => {
-    let id2 = null;
-    return editing && editing.type === HyperLinkEditSourceType.VIEWING && Tools.isDefine(editing.row) && Tools.isDefine(editing.col) && (id2 = markSelectionService.addShape(
-      {
-        range: {
-          startColumn: editing.col,
-          endColumn: editing.col,
-          startRow: editing.row,
-          endRow: editing.row
-        },
-        style: {
-          hasAutoFill: !1,
-          fill: "rgb(255, 189, 55, 0.35)",
-          strokeWidth: 1,
-          stroke: "#FFBD37",
-          widgets: {}
+    var _a16;
+    let id2 = null;
+    if (editing && editing.type === HyperLinkEditSourceType.VIEWING && Tools.isDefine(editing.row) && Tools.isDefine(editing.col)) {
+      const worksheet = (_a16 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET)) == null ? void 0 : _a16.getSheetBySheetId(editing.subUnitId), mergeInfo = worksheet == null ? void 0 : worksheet.getMergedCell(editing.row, editing.col);
+      id2 = markSelectionService.addShape(
+        {
+          range: mergeInfo != null ? mergeInfo : {
+            startColumn: editing.col,
+            endColumn: editing.col,
+            startRow: editing.row,
+            endRow: editing.row
+          },
+          style: {
+            hasAutoFill: !1,
+            fill: "rgb(255, 189, 55, 0.35)",
+            strokeWidth: 1,
+            stroke: "#FFBD37",
+            widgets: {}
+          },
+          primary: null
         },
-        primary: null
-      },
-      [],
-      -1
-    )), () => {
+        [],
+        -1
+      );
+    }
+    return () => {
       id2 && markSelectionService.removeShape(id2);
     };
   }, [editing, markSelectionService]);
   const payloadInitial = useMemo(() => payload, [type]);
-  useEffect(() => () => {
-    editorBridgeService.disableForceKeepVisible();
-  }, [editorBridgeService]);
+  useEffect(() => {
+    const render2 = renderManagerService.getRenderById(editorBridgeService.getCurrentEditorId()), disposeCollection = new DisposableCollection();
+    if (render2) {
+      const selectionRenderService = render2.with(DocSelectionRenderService);
+      selectionRenderService.setReserveRangesStatus(!0), disposeCollection.add(() => {
+        selectionRenderService.setReserveRangesStatus(!1);
+      });
+    }
+    return () => {
+      editorBridgeService.disableForceKeepVisible(), disposeCollection.dispose();
+    };
+  }, [editorBridgeService, renderManagerService]);
   const linkTypeOptions = [
     {
       label: localeService.t("hyperLink.form.link"),
@@ -1006,7 +877,7 @@ const cellLinkEdit = "univer-cell-link-edit", cellLinkEditButtons = "univer-cell
     }
     commandService.executeCommand(CloseHyperLinkPopupOperation.id);
   }, "handleSubmit");
-  return editing ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.cellLinkEdit, style: { display: hide ? "none" : "block" }, children: [
+  return editing ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1.cellLinkEdit, style: { display: hide ? "none" : "block" }, children: [
     showLabel ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       FormLayout,
       {
@@ -1116,42 +987,324 @@ const cellLinkEdit = "univer-cell-link-edit", cellLinkEditButtons = "univer-cell
         setPayload
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.cellLinkEditButtons, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1.cellLinkEditButtons, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         Button,
         {
           onClick: /* @__PURE__ */ __name(() => {
             editing && resolverService.navigateToRange(editing.unitId, editing.subUnitId, { startRow: editing.row, endRow: editing.row, startColumn: editing.col, endColumn: editing.col }), commandService.executeCommand(CloseHyperLinkPopupOperation.id);
           }, "onClick"),
-          children: localeService.t("hyperLink.form.cancel")
+          children: localeService.t("hyperLink.form.cancel")
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button,
+        {
+          type: "primary",
+          style: { marginLeft: 8 },
+          onClick: /* @__PURE__ */ __name(async () => {
+            handleSubmit();
+          }, "onClick"),
+          children: localeService.t("hyperLink.form.ok")
+        }
+      )
+    ] })
+  ] }) : null;
+}, "CellLinkEdit");
+CellLinkEdit.componentKey = "univer.sheet.cell-link-edit";
+var __assign = function() {
+  return __assign = Object.assign || function(t) {
+    for (var s, i = 1, n2 = arguments.length; i < n2; i++) {
+      s = arguments[i];
+      for (var p2 in s) Object.prototype.hasOwnProperty.call(s, p2) && (t[p2] = s[p2]);
+    }
+    return t;
+  }, __assign.apply(this, arguments);
+}, __rest = function(s, e) {
+  var t = {};
+  for (var p2 in s) Object.prototype.hasOwnProperty.call(s, p2) && e.indexOf(p2) < 0 && (t[p2] = s[p2]);
+  if (s != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var i = 0, p2 = Object.getOwnPropertySymbols(s); i < p2.length; i++)
+      e.indexOf(p2[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p2[i]) && (t[p2[i]] = s[p2[i]]);
+  return t;
+}, IconBase = forwardRef(function(props, ref) {
+  var icon = props.icon, id = props.id, className = props.className, extend = props.extend, restProps = __rest(props, ["icon", "id", "className", "extend"]), cls = "univerjs-icon univerjs-icon-".concat(id, " ").concat(className || "").trim(), idSuffix = useRef("_".concat(generateShortUuid()));
+  return render(icon, "".concat(id), { defIds: icon.defIds, idSuffix: idSuffix.current }, __assign({ ref, className: cls }, restProps), extend);
+});
+function render(node, id, runtimeProps, rootProps, extend) {
+  return createElement(node.tag, __assign(__assign({ key: id }, replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend)), rootProps), (replaceRuntimeIdsInDefs(node, runtimeProps).children || []).map(function(child, index) {
+    return render(child, "".concat(id, "-").concat(node.tag, "-").concat(index), runtimeProps, void 0, extend);
+  }));
+}
+__name(render, "render");
+function replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend) {
+  var attrs = __assign({}, node.attrs);
+  extend != null && extend.colorChannel1 && attrs.fill === "colorChannel1" && (attrs.fill = extend.colorChannel1);
+  var defIds = runtimeProps.defIds;
+  return !defIds || defIds.length === 0 || (node.tag === "use" && attrs["xlink:href"] && (attrs["xlink:href"] = attrs["xlink:href"] + runtimeProps.idSuffix), Object.entries(attrs).forEach(function(_a15) {
+    var key = _a15[0], value = _a15[1];
+    typeof value == "string" && (attrs[key] = value.replace(/url\(#(.*)\)/, "url(#$1".concat(runtimeProps.idSuffix, ")")));
+  })), attrs;
+}
+__name(replaceRuntimeIdsAndExtInAttrs, "replaceRuntimeIdsAndExtInAttrs");
+function replaceRuntimeIdsInDefs(node, runtimeProps) {
+  var _a15, defIds = runtimeProps.defIds;
+  return !defIds || defIds.length === 0 ? node : node.tag === "defs" && (!((_a15 = node.children) === null || _a15 === void 0) && _a15.length) ? __assign(__assign({}, node), { children: node.children.map(function(child) {
+    return typeof child.attrs.id == "string" && defIds && defIds.indexOf(child.attrs.id) > -1 ? __assign(__assign({}, child), { attrs: __assign(__assign({}, child.attrs), { id: child.attrs.id + runtimeProps.idSuffix }) }) : child;
+  }) }) : node;
+}
+__name(replaceRuntimeIdsInDefs, "replaceRuntimeIdsInDefs");
+function generateShortUuid() {
+  return Math.random().toString(36).substring(2, 8);
+}
+__name(generateShortUuid, "generateShortUuid");
+IconBase.displayName = "UniverIcon";
+var element$5 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7.9999 1.12915C8.03875 1.12915 8.07673 1.13284 8.11352 1.13989H12.2599C13.6958 1.13989 14.8599 2.30395 14.8599 3.73989V7.88619C14.867 7.92301 14.8707 7.96102 14.8707 7.9999C14.8707 8.03878 14.867 8.0768 14.8599 8.11362V12.2599C14.8599 13.6958 13.6958 14.8599 12.2599 14.8599H8.11362C8.0768 14.867 8.03878 14.8707 7.9999 14.8707C7.96102 14.8707 7.92301 14.867 7.88619 14.8599H3.73989C2.30396 14.8599 1.13989 13.6958 1.13989 12.2599V8.11352C1.13284 8.07673 1.12915 8.03875 1.12915 7.9999C1.12915 7.96106 1.13284 7.92308 1.13989 7.88629V3.73989C1.13989 2.30396 2.30395 1.13989 3.73989 1.13989H7.88629C7.92308 1.13284 7.96106 1.12915 7.9999 1.12915ZM2.33989 8.5999V12.2599C2.33989 13.0331 2.9667 13.6599 3.73989 13.6599H7.3999V8.5999H2.33989ZM7.3999 7.3999H2.33989V3.73989C2.33989 2.9667 2.96669 2.33989 3.73989 2.33989H7.3999V7.3999ZM8.5999 8.5999V13.6599H12.2599C13.0331 13.6599 13.6599 13.0331 13.6599 12.2599V8.5999H8.5999ZM13.6599 7.3999H8.5999V2.33989H12.2599C13.0331 2.33989 13.6599 2.96669 13.6599 3.73989V7.3999Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, AllBorderSingle = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
+    id: "all-border-single",
+    ref,
+    icon: element$5
+  }));
+});
+AllBorderSingle.displayName = "AllBorderSingle";
+var element$4 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M4.1302 12.4251C4.25802 13.7417 5.36779 14.7708 6.71792 14.7708H11.7179C13.1539 14.7708 14.3179 13.6067 14.3179 12.1708V6.1708C14.3179 4.78586 13.2351 3.65383 11.8698 3.57517C11.742 2.25858 10.6323 1.22949 9.28213 1.22949H4.28213C2.84619 1.22949 1.68213 2.39355 1.68213 3.82949V9.82949C1.68213 11.2144 2.76497 12.3465 4.1302 12.4251ZM10.6583 3.5708H6.71792C5.28198 3.5708 4.11792 4.73486 4.11792 6.1708V11.22C3.4221 11.1387 2.88213 10.5471 2.88213 9.82949V3.82949C2.88213 3.05629 3.50893 2.42949 4.28213 2.42949H9.28213C9.96695 2.42949 10.5369 2.92119 10.6583 3.5708ZM13.1179 6.1708C13.1179 5.3976 12.4911 4.7708 11.7179 4.7708H6.71792C5.94472 4.7708 5.31792 5.3976 5.31792 6.1708V12.1708C5.31792 12.944 5.94472 13.5708 6.71792 13.5708H11.7179C12.4911 13.5708 13.1179 12.944 13.1179 12.1708V6.1708Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, CopySingle = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
+    id: "copy-single",
+    ref,
+    icon: element$4
+  }));
+});
+CopySingle.displayName = "CopySingle";
+var element$3 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.9564 2.91332C4.91407 1.87102 3.22413 1.87101 2.18182 2.91333L2.18182 2.91333C1.13953 3.95567 1.13952 5.6456 2.18182 6.68791L8.27777 12.7838C9.72408 14.2302 12.069 14.2302 13.5154 12.7839L13.0911 12.3596L13.5154 12.7839C14.9617 11.3375 14.9617 8.99257 13.5154 7.54626L8.39476 2.42566C8.16044 2.19134 7.78054 2.19134 7.54623 2.42566C7.31191 2.65997 7.31191 3.03987 7.54623 3.27419L12.6668 8.39479L13.0911 7.97052L12.6668 8.39479C13.6445 9.37247 13.6445 10.9576 12.6668 11.9353L13.0399 12.3084L12.6668 11.9353C11.6891 12.913 10.104 12.913 9.1263 11.9353L3.03035 5.83938C2.45668 5.26571 2.45667 4.33556 3.03036 3.76184C3.60403 3.18818 4.53416 3.18817 5.10788 3.76185C5.10788 3.76186 5.10788 3.76186 5.10789 3.76186L11.2038 9.8578L11.601 9.46061L11.2038 9.8578C11.3735 10.0275 11.3735 10.3026 11.2038 10.4723L11.2038 10.4723C11.0341 10.642 10.759 10.642 10.5893 10.4723L5.46874 5.35171C5.23442 5.1174 4.85452 5.1174 4.62021 5.35171C4.38589 5.58602 4.38589 5.96592 4.62021 6.20024L9.74078 11.3208C10.3791 11.9591 11.414 11.9591 12.0523 11.3208C12.0523 11.3208 12.0523 11.3208 12.0523 11.3208M12.0523 11.3208C12.6907 10.6825 12.6906 9.64757 12.0523 9.00927L5.95641 2.91333L5.9564 2.91332", fillRule: "evenodd", clipRule: "evenodd" } }] }, LinkSingle = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
+    id: "link-single",
+    ref,
+    icon: element$3
+  }));
+});
+LinkSingle.displayName = "LinkSingle";
+var element$2 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 17", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M12.5935 3.47302C11.6354 2.51492 10.082 2.51492 9.12388 3.47302L7.83534 4.76157C7.60102 4.99588 7.22112 4.99588 6.98681 4.76157 6.75249 4.52725 6.75249 4.14735 6.98681 3.91304L8.27535 2.62449C9.70209 1.19776 12.0153 1.19776 13.442 2.62449 14.8688 4.05123 14.8688 6.36442 13.442 7.79116L12.1535 9.0797C11.9192 9.31402 11.5393 9.31402 11.3049 9.0797 11.0706 8.84539 11.0706 8.46549 11.3049 8.23117L12.5935 6.94263C13.5516 5.98452 13.5516 4.43113 12.5935 3.47302zM3.40637 12.6606C2.44827 11.7025 2.44827 10.1491 3.40637 9.19102L4.69492 7.90248C4.92923 7.66816 4.92923 7.28826 4.69492 7.05395 4.4606 6.81963 4.0807 6.81963 3.84639 7.05395L2.55784 8.34249C1.13111 9.76923 1.13111 12.0824 2.55784 13.5092 3.98458 14.9359 6.29777 14.9359 7.72451 13.5092L9.01305 12.2206C9.24737 11.9863 9.24737 11.6064 9.01305 11.3721 8.77874 11.1378 8.39884 11.1378 8.16452 11.3721L6.87598 12.6606C5.91787 13.6187 4.36448 13.6187 3.40637 12.6606zM3.5852 2.80332C3.35088 2.569 2.97098 2.569 2.73667 2.80332 2.50235 3.03763 2.50235 3.41753 2.73667 3.65185L12.4151 13.3302C12.6494 13.5646 13.0293 13.5646 13.2636 13.3302 13.4979 13.0959 13.4979 12.716 13.2636 12.4817L3.5852 2.80332z" } }] }, UnlinkSingle = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
+    id: "unlink-single",
+    ref,
+    icon: element$2
+  }));
+});
+UnlinkSingle.displayName = "UnlinkSingle";
+var element$1 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M12.6551 1.98906C11.7476 1.08113 10.2757 1.08149 9.3686 1.98987L4.82542 6.53955C4.75087 6.61421 4.69336 6.70411 4.65682 6.80309L3.2461 10.625C3.16506 10.8446 3.21909 11.0912 3.3845 11.2568C3.54991 11.4224 3.79651 11.4767 4.01616 11.3959L7.85031 9.98517C7.94979 9.94856 8.04014 9.89077 8.11508 9.81579L12.6552 5.27327C13.5618 4.36621 13.5618 2.89607 12.6551 1.98906ZM10.2177 2.83779C10.6562 2.39869 11.3677 2.39851 11.8064 2.8374C12.2447 3.27584 12.2447 3.9865 11.8065 4.42497L7.3392 8.89457L4.82213 9.82068L5.74706 7.31487L10.2177 2.83779Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.79238 13.2999C1.46101 13.2999 1.19238 13.5685 1.19238 13.8999C1.19238 14.2313 1.46101 14.4999 1.79238 14.4999H14.4924C14.8238 14.4999 15.0924 14.2313 15.0924 13.8999C15.0924 13.5685 14.8238 13.2999 14.4924 13.2999H1.79238Z" } }] }, WriteSingle = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
+    id: "write-single",
+    ref,
+    icon: element$1
+  }));
+});
+WriteSingle.displayName = "WriteSingle";
+var element = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "#35BD4B", d: "M3.4535 1.12549C2.7002 1.12549 2.08954 1.73615 2.08954 2.48945V13.5104C2.08954 14.2637 2.7002 14.8744 3.4535 14.8744H12.5465C13.2998 14.8744 13.9105 14.2637 13.9105 13.5104V5.0992L10.0091 1.12549H3.4535Z" } }, { tag: "path", attrs: { fill: "#32A846", d: "M10.0075 1.12549L13.9104 5.09842H10.6742C10.306 5.09842 10.0075 4.79994 10.0075 4.43175V1.12549Z" } }, { tag: "path", attrs: { fill: "#fff", d: "M7.8088 10.2949L6.3764 12.403C6.26259 12.5705 6.03455 12.614 5.86705 12.5002C5.69955 12.3864 5.65603 12.1584 5.76984 11.9909L7.3655 9.64252L5.94042 7.54519C5.82661 7.37769 5.87013 7.14964 6.03763 7.03583C6.20512 6.92202 6.43317 6.96555 6.54698 7.13304L7.8088 8.9901L9.07062 7.13304C9.18443 6.96555 9.41248 6.92202 9.57997 7.03583C9.74747 7.14964 9.79099 7.37769 9.67718 7.54519L8.2521 9.64252L9.84776 11.9909C9.96157 12.1584 9.91805 12.3864 9.75055 12.5002C9.58305 12.614 9.35501 12.5705 9.2412 12.403L7.8088 10.2949Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Xlsx = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
+    id: "xlsx",
+    ref,
+    icon: element
+  }));
+});
+Xlsx.displayName = "Xlsx";
+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,
+  cellLinkContentError,
+  cellLinkUrl,
+  cellLinkOperations,
+  cellLinkOperation,
+  cellLinkOperationError
+}, iconsMap = {
+  [SheetHyperLinkType.URL]: /* @__PURE__ */ jsxRuntimeExports.jsx(LinkSingle, {}),
+  [SheetHyperLinkType.SHEET]: /* @__PURE__ */ jsxRuntimeExports.jsx(Xlsx, {}),
+  [SheetHyperLinkType.RANGE]: /* @__PURE__ */ jsxRuntimeExports.jsx(AllBorderSingle, {}),
+  [SheetHyperLinkType.DEFINE_NAME]: /* @__PURE__ */ jsxRuntimeExports.jsx(AllBorderSingle, {}),
+  [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);
+  if (useEffect(() => {
+    setCurrentPopup(popupService.currentPopup);
+    const ob = popupService.currentPopup$.subscribe((popup) => {
+      setCurrentPopup(popup);
+    });
+    return () => {
+      ob.unsubscribe();
+    };
+  }, [popupService.currentPopup, popupService.currentPopup$]), !currentPopup)
+    return null;
+  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;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.cellLink, onClick: /* @__PURE__ */ __name(() => popupService.hideCurrentPopup(), "onClick"), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cs(styles.cellLinkContent, { [styles.cellLinkContentError]: isError }), onClick: linkObj.handler, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.cellLinkType, children: iconsMap[linkObj.type] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { showIfEllipsis: !0, title: linkObj.name, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles.cellLinkUrl, children: linkObj.name }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.cellLinkOperations, children: [
+      currentPopup.copyPermission && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "div",
+        {
+          className: cs(styles.cellLinkOperation, { [styles.cellLinkOperationError]: isError }),
+          onClick: /* @__PURE__ */ __name(() => {
+            if (!isError) {
+              if (linkObj.type !== SheetHyperLinkType.URL) {
+                const url = new URL(window.location.href);
+                url.hash = linkObj.url.slice(1), navigator.clipboard.writeText(url.href);
+              } else
+                navigator.clipboard.writeText(linkObj.url);
+              messageService.show({
+                content: localeService.t("hyperLink.message.coped"),
+                type: MessageType.Info
+              });
+            }
+          }, "onClick"),
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { placement: "bottom", title: localeService.t("hyperLink.popup.copy"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(CopySingle, {}) })
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Button,
-        {
-          type: "primary",
-          style: { marginLeft: 8 },
-          onClick: /* @__PURE__ */ __name(async () => {
-            handleSubmit();
-          }, "onClick"),
-          children: localeService.t("hyperLink.form.ok")
-        }
-      )
+      currentPopup.editPermission && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: styles.cellLinkOperation,
+            onClick: /* @__PURE__ */ __name(() => {
+              commandService.executeCommand(OpenHyperLinkEditPanelOperation.id, {
+                unitId,
+                subUnitId,
+                row,
+                col,
+                customRangeId: customRange.rangeId,
+                type: currentPopup.type
+              });
+            }, "onClick"),
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { placement: "bottom", title: localeService.t("hyperLink.popup.edit"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(WriteSingle, {}) })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: styles.cellLinkOperation,
+            onClick: /* @__PURE__ */ __name(() => {
+              const commandId = currentPopup.type === HyperLinkEditSourceType.EDITING || currentPopup.type === HyperLinkEditSourceType.ZEN_EDITOR ? CancelRichHyperLinkCommand.id : CancelHyperLinkCommand.id;
+              commandService.syncExecuteCommand(commandId, {
+                unitId,
+                subUnitId,
+                id: customRange.rangeId,
+                row,
+                column: col,
+                documentId: currentPopup.type === HyperLinkEditSourceType.ZEN_EDITOR ? DOCS_ZEN_EDITOR_UNIT_ID_KEY : editorBridgeService.getCurrentEditorId()
+              }) && popupService.hideCurrentPopup(void 0, !0);
+            }, "onClick"),
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { placement: "bottom", title: localeService.t("hyperLink.popup.cancel"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(UnlinkSingle, {}) })
+          }
+        )
+      ] })
     ] })
-  ] }) : null;
-}, "CellLinkEdit");
-CellLinkEdit.componentKey = "univer.sheet.cell-link-edit";
-var __defProp$b = Object.defineProperty, __getOwnPropDesc$b = Object.getOwnPropertyDescriptor, __decorateClass$b = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$b(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+  ] });
+}, "CellLinkPopup");
+CellLinkPopup.componentKey = "univer.sheet.cell-link-popup";
+var __defProp$a = Object.defineProperty, __getOwnPropDesc$a = Object.getOwnPropertyDescriptor, __decorateClass$a = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$a(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$b(target, key, result), result;
-}, "__decorateClass$b"), __decorateParam$b = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$b");
+  return kind && result && __defProp$a(target, key, result), result;
+}, "__decorateClass$a"), __decorateParam$a = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$a");
 const isEqualLink = /* @__PURE__ */ __name((a, b) => {
   var _a15, _b;
   return a.unitId === b.unitId && a.subUnitId === b.subUnitId && a.row === b.row && a.col === b.col && ((_a15 = a.customRange) == null ? void 0 : _a15.rangeId) === ((_b = b.customRange) == null ? void 0 : _b.rangeId) && a.type === b.type;
 }, "isEqualLink");
-var _a2;
-let SheetsHyperLinkPopupService = (_a2 = class extends Disposable {
+var _a3;
+let SheetsHyperLinkPopupService = (_a3 = class extends Disposable {
   constructor(_sheetCanvasPopManagerService, _injector, _univerInstanceService, _editorBridgeService, _textSelectionManagerService, _docCanvasPopManagerService, _editorService, _rangeSelectorService, _zenZoneService) {
     super();
     __publicField(this, "_currentPopup", null);
@@ -1232,7 +1385,7 @@ let SheetsHyperLinkPopupService = (_a2 = class extends Disposable {
           startOffset: 0,
           endOffset: body.dataStream.length - 2,
           collapsed: body.dataStream.length - 2 === 0,
-          label: getPlainTextFormBody(body)
+          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 : []);
       let start = textRange.startOffset, end = textRange.endOffset;
@@ -1242,7 +1395,7 @@ let SheetsHyperLinkPopupService = (_a2 = class extends Disposable {
         startOffset: start,
         endOffset: end,
         collapsed: start === end,
-        label: getPlainText(body.dataStream.slice(start, end))
+        label: BuildTextUtils.transform.getPlainText(body.dataStream.slice(start, end))
       };
     }
     return null;
@@ -1259,7 +1412,7 @@ let SheetsHyperLinkPopupService = (_a2 = class extends Disposable {
     };
   }
   startAddEditing(link) {
-    var _a15, _b, _c;
+    var _a15, _b, _c, _d, _e;
     const { unitId, subUnitId, type } = link;
     if (type === HyperLinkEditSourceType.ZEN_EDITOR) {
       const document = this._univerInstanceService.getUnit(DOCS_ZEN_EDITOR_UNIT_ID_KEY, UniverInstanceType.UNIVER_DOC);
@@ -1301,7 +1454,7 @@ let SheetsHyperLinkPopupService = (_a2 = class extends Disposable {
       const workbook = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET), worksheet = workbook == null ? void 0 : workbook.getSheetBySheetId(subUnitId), cell = worksheet == null ? void 0 : worksheet.getCellRaw(link.row, link.col);
       this._currentEditing$.next({
         ...link,
-        label: cell != null && cell.p ? getPlainTextFormDocument(cell.p) : ((_c = cell == null ? void 0 : cell.v) != null ? _c : "").toString()
+        label: cell != null && cell.p ? BuildTextUtils.transform.getPlainText((_d = (_c = cell.p.body) == null ? void 0 : _c.dataStream) != null ? _d : "") : ((_e = cell == null ? void 0 : cell.v) != null ? _e : "").toString()
       });
     }
   }
@@ -1365,19 +1518,57 @@ let SheetsHyperLinkPopupService = (_a2 = class extends Disposable {
     const current = this._currentEditing$.getValue();
     current && (!type || type === current.type) && ((_a15 = this._currentEditingPopup) == null || _a15.dispose(), this._currentEditing$.next(null));
   }
-}, __name(_a2, "SheetsHyperLinkPopupService"), _a2);
-SheetsHyperLinkPopupService = __decorateClass$b([
-  __decorateParam$b(0, Inject(SheetCanvasPopManagerService)),
-  __decorateParam$b(1, Inject(Injector)),
-  __decorateParam$b(2, IUniverInstanceService),
-  __decorateParam$b(3, IEditorBridgeService),
-  __decorateParam$b(4, Inject(DocSelectionManagerService)),
-  __decorateParam$b(5, Inject(DocCanvasPopManagerService)),
-  __decorateParam$b(6, IEditorService),
-  __decorateParam$b(7, IRangeSelectorService),
-  __decorateParam$b(8, IZenZoneService)
+}, __name(_a3, "SheetsHyperLinkPopupService"), _a3);
+SheetsHyperLinkPopupService = __decorateClass$a([
+  __decorateParam$a(0, Inject(SheetCanvasPopManagerService)),
+  __decorateParam$a(1, Inject(Injector)),
+  __decorateParam$a(2, IUniverInstanceService),
+  __decorateParam$a(3, IEditorBridgeService),
+  __decorateParam$a(4, Inject(DocSelectionManagerService)),
+  __decorateParam$a(5, Inject(DocCanvasPopManagerService)),
+  __decorateParam$a(6, IEditorService),
+  __decorateParam$a(7, IRangeSelectorService),
+  __decorateParam$a(8, IZenZoneService)
 ], SheetsHyperLinkPopupService);
-const OpenHyperLinkEditPanelOperation = {
+const getShouldDisableCellLink = /* @__PURE__ */ __name((worksheet, row, col) => {
+  const cell = worksheet.getCell(row, col);
+  if (cell != null && cell.f || cell != null && cell.si)
+    return !0;
+  const disables = [
+    DataValidationType.CHECKBOX,
+    DataValidationType.LIST,
+    DataValidationType.LIST_MULTIPLE
+  ];
+  return !!(cell != null && cell.dataValidation && disables.includes(cell.dataValidation.rule.type));
+}, "getShouldDisableCellLink"), getShouldDisableCurrentCellLink = /* @__PURE__ */ __name((accessor) => {
+  const unit = accessor.get(IUniverInstanceService).getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+  if (!unit)
+    return !0;
+  const worksheet = unit.getActiveSheet(), selections = accessor.get(SheetsSelectionsService).getCurrentSelections();
+  if (!selections.length)
+    return !0;
+  const row = selections[0].range.startRow, col = selections[0].range.startColumn;
+  return getShouldDisableCellLink(worksheet, row, col);
+}, "getShouldDisableCurrentCellLink"), shouldDisableAddLink = /* @__PURE__ */ __name((accessor) => {
+  var _a15;
+  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)
+    return !0;
+  for (let i = 0, len = paragraphs.length; i < len; i++) {
+    const p2 = paragraphs[i];
+    if (activeRange.startOffset <= p2.startIndex && activeRange.endOffset > p2.startIndex)
+      return !0;
+    if (p2.startIndex > activeRange.endOffset)
+      break;
+  }
+  return !BuildTextUtils.customRange.getCustomRangesInterestsWithRange(activeRange, (_a15 = body.customRanges) != null ? _a15 : []).every((range) => range.rangeType === CustomRangeType.HYPERLINK);
+}, "shouldDisableAddLink"), OpenHyperLinkEditPanelOperation = {
   type: CommandType.OPERATION,
   id: "sheet.operation.open-hyper-link-edit-panel",
   handler(accessor, params) {
@@ -1416,163 +1607,12 @@ const OpenHyperLinkEditPanelOperation = {
   type: CommandType.OPERATION,
   id: "sheet.operation.insert-hyper-link-toolbar",
   handler(accessor) {
+    if (getShouldDisableCurrentCellLink(accessor))
+      return !1;
     const commandService = accessor.get(ICommandService);
     return accessor.get(SheetsHyperLinkPopupService).currentEditing ? commandService.executeCommand(CloseHyperLinkPopupOperation.id) : commandService.executeCommand(InsertHyperLinkOperation.id);
   }
-}, SHEET_HYPER_LINK_UI_PLUGIN = "SHEET_HYPER_LINK_UI_PLUGIN";
-var __defProp$a = Object.defineProperty, __getOwnPropDesc$a = Object.getOwnPropertyDescriptor, __decorateClass$a = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$a(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$a(target, key, result), result;
-}, "__decorateClass$a"), __decorateParam$a = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$a"), _a3;
-let SheetsHyperLinkCopyPasteController = (_a3 = class extends Disposable {
-  constructor(_sheetClipboardService, _hyperLinkModel, _injector, _resolverService) {
-    super();
-    __publicField(this, "_plainTextFilter", /* @__PURE__ */ new Set());
-    __publicField(this, "_copyInfo");
-    this._sheetClipboardService = _sheetClipboardService, this._hyperLinkModel = _hyperLinkModel, this._injector = _injector, this._resolverService = _resolverService, this._initCopyPaste(), this.disposeWithMe(() => {
-      this._plainTextFilter.clear();
-    });
-  }
-  registerPlainTextFilter(filter) {
-    this._plainTextFilter.add(filter);
-  }
-  removePlainTextFilter(filter) {
-    this._plainTextFilter.delete(filter);
-  }
-  /* If return false the process of paste text will be stop */
-  _filterPlainText(text) {
-    return Array.from(this._plainTextFilter).every((filter) => filter(text));
-  }
-  _initCopyPaste() {
-    this._sheetClipboardService.addClipboardHook({
-      id: SHEET_HYPER_LINK_UI_PLUGIN,
-      onBeforeCopy: /* @__PURE__ */ __name((unitId, subUnitId, range) => this._collect(unitId, subUnitId, range), "onBeforeCopy"),
-      onPasteCells: /* @__PURE__ */ __name((pasteFrom, pasteTo, data, payload) => {
-        const { copyType = COPY_TYPE.COPY, pasteType } = payload, { range: copyRange } = pasteFrom || {}, { range: pastedRange, unitId, subUnitId } = pasteTo;
-        return this._generateMutations(pastedRange, { copyType, pasteType, copyRange, unitId, subUnitId });
-      }, "onPasteCells"),
-      onPastePlainText: /* @__PURE__ */ __name((pasteTo, clipText) => {
-        const filterResult = this._filterPlainText(clipText);
-        if (isLegalLink(clipText) && filterResult) {
-          const { range, unitId, subUnitId } = pasteTo, { ranges: [pasteToRange], mapFunc } = virtualizeDiscreteRanges([range]), redos = [], undos = [];
-          return Range.foreach(pasteToRange, (originRow, originCol) => {
-            const { row, col: column } = mapFunc(originRow, originCol), link = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, row, column);
-            link && redos.push({
-              id: RemoveHyperLinkMutation.id,
-              params: {
-                unitId,
-                subUnitId,
-                id: link.id
-              }
-            }), link && undos.push({
-              id: AddHyperLinkMutation.id,
-              params: {
-                unitId,
-                subUnitId,
-                link
-              }
-            });
-          }), { redos, undos };
-        }
-        return { undos: [], redos: [] };
-      }, "onPastePlainText"),
-      priority: 99
-    });
-  }
-  _collect(unitId, subUnitId, range) {
-    const matrix = new ObjectMatrix();
-    this._copyInfo = {
-      unitId,
-      subUnitId,
-      matrix
-    };
-    const discreteRange = this._injector.invoke((accessor) => rangeToDiscreteRange(range, accessor, unitId, subUnitId));
-    if (!discreteRange)
-      return;
-    const { rows, cols } = discreteRange;
-    rows.forEach((row, rowIndex) => {
-      cols.forEach((col, colIndex) => {
-        var _a15;
-        const link = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, row, col);
-        matrix.setValue(rowIndex, colIndex, (_a15 = link == null ? void 0 : link.id) != null ? _a15 : "");
-      });
-    });
-  }
-  // eslint-disable-next-line max-lines-per-function
-  _generateMutations(pastedRange, copyInfo) {
-    if (!this._copyInfo)
-      return { redos: [], undos: [] };
-    if (!this._copyInfo || !this._copyInfo.matrix.getSizeOf() || !copyInfo.copyRange)
-      return { redos: [], undos: [] };
-    if ([
-      PREDEFINED_HOOK_NAME.SPECIAL_PASTE_COL_WIDTH,
-      PREDEFINED_HOOK_NAME.SPECIAL_PASTE_VALUE,
-      PREDEFINED_HOOK_NAME.SPECIAL_PASTE_FORMAT,
-      PREDEFINED_HOOK_NAME.SPECIAL_PASTE_FORMULA
-    ].includes(
-      copyInfo.pasteType
-    ))
-      return { redos: [], undos: [] };
-    const { unitId, subUnitId } = this._copyInfo, redos = [], undos = [], { ranges: [vCopyRange, vPastedRange], mapFunc } = virtualizeDiscreteRanges([copyInfo.copyRange, pastedRange]);
-    return getRepeatRange(vCopyRange, vPastedRange, !0).forEach(({ startRange }) => {
-      var _a15;
-      (_a15 = this._copyInfo) == null || _a15.matrix.forValue((row, col, ruleId) => {
-        const range = Rectangle.getPositionRange(
-          {
-            startRow: row,
-            endRow: row,
-            startColumn: col,
-            endColumn: col
-          },
-          startRange
-        ), oldLink = this._hyperLinkModel.getHyperLink(unitId, subUnitId, ruleId), { row: startRow, col: startColumn } = mapFunc(range.startRow, range.startColumn), currentLink = this._hyperLinkModel.getHyperLinkByLocation(copyInfo.unitId, copyInfo.subUnitId, startRow, startColumn), id = Tools.generateRandomId();
-        currentLink && redos.push({
-          id: RemoveHyperLinkMutation.id,
-          params: {
-            unitId: copyInfo.unitId,
-            subUnitId: copyInfo.subUnitId,
-            id: currentLink.id
-          }
-        }), oldLink && (redos.push({
-          id: AddHyperLinkMutation.id,
-          params: {
-            unitId: copyInfo.unitId,
-            subUnitId: copyInfo.subUnitId,
-            link: {
-              ...oldLink,
-              id,
-              row: startRow,
-              column: startColumn
-            }
-          }
-        }), undos.push({
-          id: RemoveHyperLinkMutation.id,
-          params: {
-            unitId: copyInfo.unitId,
-            subUnitId: copyInfo.subUnitId,
-            id
-          }
-        })), currentLink && undos.push({
-          id: AddHyperLinkMutation.id,
-          params: {
-            unitId: copyInfo.unitId,
-            subUnitId: copyInfo.subUnitId,
-            link: currentLink
-          }
-        });
-      });
-    }), { redos, undos };
-  }
-}, __name(_a3, "SheetsHyperLinkCopyPasteController"), _a3);
-SheetsHyperLinkCopyPasteController = __decorateClass$a([
-  OnLifecycle(LifecycleStages.Ready, SheetsHyperLinkCopyPasteController),
-  __decorateParam$a(0, ISheetClipboardService),
-  __decorateParam$a(1, Inject(HyperLinkModel)),
-  __decorateParam$a(2, Inject(Injector)),
-  __decorateParam$a(3, Inject(SheetsHyperLinkResolverService))
-], SheetsHyperLinkCopyPasteController);
-const getLinkDisable$ = /* @__PURE__ */ __name((accessor) => {
+}, 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) => {
@@ -1585,41 +1625,26 @@ const getLinkDisable$ = /* @__PURE__ */ __name((accessor) => {
       const { selections, sheet } = sheetWithSelection;
       if (!selections.length)
         return !0;
-      const row = selections[0].range.startRow, col = selections[0].range.startColumn, cell = sheet.getCell(row, col);
-      if (cell != null && cell.f || cell != null && cell.si)
-        return !0;
-      const disables = [
-        DataValidationType.CHECKBOX,
-        DataValidationType.LIST,
-        DataValidationType.LIST_MULTIPLE
-      ];
-      return !!(cell != null && cell.dataValidation && disables.includes(cell.dataValidation.rule.type));
+      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$"), shouldDisableAddLink = /* @__PURE__ */ __name((accessor) => {
-  var _a15;
-  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)
-    return !0;
-  for (let i = 0, len = paragraphs.length; i < len; i++) {
-    const p2 = paragraphs[i];
-    if (activeRange.startOffset <= p2.startIndex && activeRange.endOffset > p2.startIndex)
-      return !0;
-    if (p2.startIndex > activeRange.endOffset)
-      break;
-  }
-  return !BuildTextUtils.customRange.getCustomRangesInterestsWithRange(activeRange, (_a15 = body.customRanges) != null ? _a15 : []).every((range) => range.rangeType === CustomRangeType.HYPERLINK);
-}, "shouldDisableAddLink"), getZenLinkDisable$ = /* @__PURE__ */ __name((accessor) => accessor.get(IUniverInstanceService).focused$.pipe(
-  mergeMap((focused) => !focused || focused !== DOCS_ZEN_EDITOR_UNIT_ID_KEY ? new Observable((sub) => sub.next(null)) : accessor.get(DocSelectionManagerService).textSelection$),
-  map((selection) => !selection || selection.unitId !== DOCS_ZEN_EDITOR_UNIT_ID_KEY ? !0 : shouldDisableAddLink(accessor))
-), "getZenLinkDisable$"), linkMenu = {
+}, "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)
+        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);
+    })
+  );
+}, "getZenLinkDisable$"), linkMenu = {
   commandId: InsertHyperLinkOperation.id,
   type: MenuItemType.BUTTON,
   positions: [MenuPosition.CONTEXT_MENU],
@@ -1748,6 +1773,8 @@ let SheetsHyperLinkRenderManagerController = (_a6 = class extends Disposable {
       this._sheetInterceptorService.intercept(
         INTERCEPTOR_POINT.CELL_CONTENT,
         {
+          effect: InterceptorEffectEnum.Value,
+          priority: 100,
           handler: /* @__PURE__ */ __name((cell, pos, next) => {
             const { row, col, unitId, subUnitId } = pos, link = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, row, col);
             return next(link ? {
@@ -1755,8 +1782,7 @@ let SheetsHyperLinkRenderManagerController = (_a6 = class extends Disposable {
               linkUrl: link.payload,
               linkId: link.id
             } : cell);
-          }, "handler"),
-          priority: 100
+          }, "handler")
         }
       )
     );
@@ -1874,7 +1900,7 @@ let SheetHyperLinkSetRangeController = (_a7 = class extends Disposable {
               dataStream: `${DataStreamTreeTokenType.CUSTOM_RANGE_START}${cell.v}${DataStreamTreeTokenType.CUSTOM_RANGE_END}`,
               customRanges: [{
                 startIndex: 0,
-                endIndex: cell.v.length,
+                endIndex: cell.v.length + 1,
                 rangeId: generateRandomId(),
                 rangeType: CustomRangeType.HYPERLINK,
                 properties: {
@@ -1925,7 +1951,14 @@ let SheetsHyperLinkPopupController = (_a8 = class extends Disposable {
     super(), this._hoverManagerService = _hoverManagerService, this._sheetsHyperLinkPopupService = _sheetsHyperLinkPopupService, this._renderManagerService = _renderManagerService, this._permissionService = _permissionService, this._sheetPermissionInterceptorBaseController = _sheetPermissionInterceptorBaseController, this._commandService = _commandService, this._editorBridgeService = _editorBridgeService, this._textSelectionManagerService = _textSelectionManagerService, this._univerInstanceService = _univerInstanceService, this._zenZoneService = _zenZoneService, this._initHoverListener(), this._initCommandListener(), this._initHoverEditingListener(), this._initTextSelectionListener(), this._initZenEditor();
   }
   _getLinkPermission(location2) {
-    const { unitId, subUnitId, row: currentRow, col: currentCol } = location2, viewPermission = this._sheetPermissionInterceptorBaseController.permissionCheckWithRanges({
+    const { unitId, subUnitId, row: currentRow, col: currentCol } = location2, workbook = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET);
+    if (!(workbook == null ? void 0 : workbook.getSheetBySheetId(subUnitId)))
+      return {
+        viewPermission: !1,
+        editPermission: !1,
+        copyPermission: !1
+      };
+    const viewPermission = this._sheetPermissionInterceptorBaseController.permissionCheckWithRanges({
       workbookTypes: [WorkbookViewPermission],
       worksheetTypes: [WorksheetViewPermission],
       rangeTypes: [RangeProtectionPermissionViewPoint]