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

package/lib/es/index.js

@@ -2,19 +2,398 @@ 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, Tools, BuildTextUtils, DataStreamTreeTokenType, CustomRangeType, TextX, CellValueType, sequenceExecuteAsync, generateRandomId, sequenceExecute, getBodySlice, isValidRange, Inject, LocaleService, RANGE_TYPE, Rectangle, IConfigService, Disposable, useDependency, IContextService, getOriginCellValue, createInternalEditorID, FOCUSING_SHEET, DOCS_ZEN_EDITOR_UNIT_ID_KEY, Injector, DataValidationType, Range, ObjectMatrix, OnLifecycle, LifecycleStages, 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, DocCanvasPopManagerService, DocEventManagerService, UniverDocsUIPlugin } from "@univerjs/docs-ui";
-import { IRenderManagerService } from "@univerjs/engine-render";
-import { SetRangeValuesMutation, SetRangeValuesUndoMutationFactory, SetSelectionsOperation, SetWorksheetActiveOperation, SheetsSelectionsService, getSheetCommandTarget, 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 { IMessageService, useObservable, IZenZoneService, useEvent, KeyCode, RangeSelector, IEditorService, IRangeSelectorService, MenuItemType, MenuPosition, MenuGroup, MetaKeys, getMenuHiddenObservable, RibbonStartGroup, ContextMenuPosition, ContextMenuGroup, ComponentManager, IShortcutService, IMenuManagerService } from "@univerjs/ui";
 import { Subject, BehaviorSubject, map, mergeMap, Observable, debounceTime } from "rxjs";
+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 { MessageType, FormLayout, Input, Select, Button, Tooltip } from "@univerjs/design";
-import { deserializeRangeWithSheet, serializeRangeWithSheet, serializeRange, IDefinedNamesService, serializeRangeToRefString } from "@univerjs/engine-formula";
+import { IRenderManagerService } from "@univerjs/engine-render";
 import cs from "clsx";
+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;
+    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) {
+    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)
+      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)
+      return !1;
+    const worksheet = workbook.getActiveSheet();
+    if (!worksheet)
+      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 __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();
+    });
+  }
+  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(_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",
@@ -99,120 +478,32 @@ const AddHyperLinkCommand = {
         subUnitId,
         link: modelLink
       }
-    })), await sequenceExecuteAsync(redos, commandService) ? (undoRedoService.pushUndoRedo({
-      redoMutations: redos,
-      undoMutations: undos,
-      unitID: unitId
-    }), !0) : !1;
-  }
-}, AddRichHyperLinkCommand = {
-  id: "sheets.command.add-rich-hyper-link",
-  type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name(async (accessor, params) => {
-    if (!params)
-      return !1;
-    const { documentId, link } = params, commandService = accessor.get(ICommandService), textSelectionService = accessor.get(DocSelectionManagerService), newId = generateRandomId(), { payload } = link;
-    if (!textSelectionService.getActiveTextRange())
-      return !1;
-    const replaceSelection = addCustomRangeBySelectionFactory(accessor, {
-      unitId: documentId,
-      rangeId: newId,
-      rangeType: CustomRangeType.HYPERLINK,
-      properties: {
-        url: payload,
-        refId: newId
-      }
-    });
-    return replaceSelection ? commandService.syncExecuteCommand(replaceSelection.id, replaceSelection.params) : !1;
-  }, "handler")
-}, 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({
+    })), await sequenceExecuteAsync(redos, commandService) ? (undoRedoService.pushUndoRedo({
       redoMutations: redos,
       undoMutations: undos,
       unitID: unitId
     }), !0) : !1;
   }
-}, CancelRichHyperLinkCommand = {
+}, AddRichHyperLinkCommand = {
+  id: "sheets.command.add-rich-hyper-link",
   type: CommandType.COMMAND,
-  id: "sheets.command.cancel-rich-hyper-link",
-  handler(accessor, params) {
-    var _a15, _b;
+  handler: /* @__PURE__ */ __name(async (accessor, params) => {
     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 { documentId, link } = params, commandService = accessor.get(ICommandService), textSelectionService = accessor.get(DocSelectionManagerService), newId = generateRandomId(), { payload } = link;
+    if (!textSelectionService.getActiveTextRange())
+      return !1;
+    const replaceSelection = addCustomRangeBySelectionFactory(accessor, {
+      unitId: documentId,
+      rangeId: newId,
+      rangeType: CustomRangeType.HYPERLINK,
+      properties: {
+        url: payload,
+        refId: newId
+      }
     });
-    const doMutation = deleteCustomRangeFactory(accessor, { unitId: documentId, rangeId: linkId, insert });
-    return doMutation ? commandService.syncExecuteCommand(doMutation.id, doMutation.params) : !1;
-  }
+    return replaceSelection ? commandService.syncExecuteCommand(replaceSelection.id, replaceSelection.params) : !1;
+  }, "handler")
 }, UpdateHyperLinkCommand = {
   type: CommandType.COMMAND,
   id: "sheets.command.update-hyper-link",
@@ -341,235 +632,8 @@ const AddHyperLinkCommand = {
       doc
     });
     return replaceSelection ? commandService.syncExecuteCommand(replaceSelection.id, replaceSelection.params) : !1;
-  }, "handler")
-};
-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;
-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;
-    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) {
-    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)
-      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)
-      return !1;
-    const worksheet = workbook.getActiveSheet();
-    if (!worksheet)
-      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);
-const _SheetsHyperLinkSidePanelService = class _SheetsHyperLinkSidePanelService extends Disposable {
+  }, "handler")
+}, _SheetsHyperLinkSidePanelService = class _SheetsHyperLinkSidePanelService extends Disposable {
   constructor() {
     super(...arguments);
     __publicField(this, "_customHyperLinks", /* @__PURE__ */ new Map());
@@ -604,7 +668,7 @@ const cellLinkEdit = "univer-cell-link-edit", cellLinkEditButtons = "univer-cell
   cellLinkEditButtons
 }, CellLinkEdit = /* @__PURE__ */ __name(() => {
   var _a15;
-  const [id, setId] = useState(""), [hide, setHide] = useState(!1), [display, setDisplay] = useState(""), [showLabel, setShowLabel] = useState(!0), [type, setType] = useState(SheetHyperLinkType.URL), [payload, setPayload] = useState(""), localeService = useDependency(LocaleService), definedNameService = useDependency(IDefinedNamesService), editorBridgeService = useDependency(IEditorBridgeService), univerInstanceService = useDependency(IUniverInstanceService), popupService = useDependency(SheetsHyperLinkPopupService), editing = useObservable(popupService.currentEditing$), 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);
@@ -678,34 +742,48 @@ const cellLinkEdit = "univer-cell-link-edit", cellLinkEditButtons = "univer-cell
       }
     }
   }, [editing, resolverService, sidePanelService, textSelectionService, univerInstanceService]), useEffect(() => {
+    var _a16;
     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: {}
+    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"),
@@ -1029,7 +1107,95 @@ var element = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width:
   }));
 });
 Xlsx.displayName = "Xlsx";
-const cellLink = "univer-cell-link", cellLinkType = "univer-cell-link-type", cellLinkContent = "univer-cell-link-content", cellLinkContentError = "univer-cell-link-content-error", cellLinkUrl = "univer-cell-link-url", cellLinkOperations = "univer-cell-link-operations", cellLinkOperation = "univer-cell-link-operation", cellLinkOperationError = "univer-cell-link-operation-error", styles = {
+const CancelHyperLinkCommand = {
+  type: CommandType.COMMAND,
+  id: "sheets.command.cancel-hyper-link",
+  // eslint-disable-next-line max-lines-per-function
+  handler(accessor, params) {
+    var _a15, _b, _c;
+    if (!params)
+      return !1;
+    const commandService = accessor.get(ICommandService), undoRedoService = accessor.get(IUndoRedoService), renderManagerService = accessor.get(IRenderManagerService), univerInstanceService = accessor.get(IUniverInstanceService), hyperLinkModel = accessor.get(HyperLinkModel), { unitId, subUnitId, row, column, id } = params, workbook = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET), currentRender = renderManagerService.getRenderById(unitId);
+    if (!currentRender || !workbook)
+      return !1;
+    const worksheet = workbook == null ? void 0 : workbook.getSheetBySheetId(subUnitId), skeleton = (_a15 = currentRender.with(SheetSkeletonManagerService).getCurrent()) == null ? void 0 : _a15.skeleton;
+    if (!worksheet || !skeleton)
+      return !1;
+    const cellData = worksheet.getCell(row, column);
+    if (!cellData)
+      return !1;
+    const doc = skeleton.getCellDocumentModelWithFormula(cellData);
+    if (!(doc != null && doc.documentModel))
+      return !1;
+    const snapshot = Tools.deepClone(doc.documentModel.getSnapshot());
+    if (!((_c = (_b = snapshot.body) == null ? void 0 : _b.customRanges) == null ? void 0 : _c.find((range2) => range2.rangeId === id)))
+      return !1;
+    const textX = BuildTextUtils.customRange.delete(accessor, { documentDataModel: doc.documentModel, rangeId: id });
+    if (!textX)
+      return !1;
+    const newBody = TextX.apply(snapshot.body, textX.serialize()), redos = [], undos = [], setRangeParams = {
+      unitId,
+      subUnitId,
+      cellValue: {
+        [row]: {
+          [column]: {
+            p: {
+              ...snapshot,
+              body: newBody
+            },
+            t: CellValueType.STRING
+          }
+        }
+      }
+    };
+    redos.push({
+      id: SetRangeValuesMutation.id,
+      params: setRangeParams
+    });
+    const undoParams = SetRangeValuesUndoMutationFactory(accessor, setRangeParams);
+    undos.push({
+      id: SetRangeValuesMutation.id,
+      params: undoParams
+    });
+    const link = hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, row, column);
+    return link && (redos.push({
+      id: RemoveHyperLinkMutation.id,
+      params: {
+        unitId,
+        subUnitId,
+        id
+      }
+    }), undos.push({
+      id: AddHyperLinkMutation.id,
+      params: {
+        unitId,
+        subUnitId,
+        link: {
+          ...link
+        }
+      }
+    })), sequenceExecute(redos, commandService).result ? (undoRedoService.pushUndoRedo({
+      redoMutations: redos,
+      undoMutations: undos,
+      unitID: unitId
+    }), !0) : !1;
+  }
+}, CancelRichHyperLinkCommand = {
+  type: CommandType.COMMAND,
+  id: "sheets.command.cancel-rich-hyper-link",
+  handler(accessor, params) {
+    var _a15, _b;
+    if (!params)
+      return !1;
+    const { id: linkId, documentId } = params, commandService = accessor.get(ICommandService), doc = accessor.get(IUniverInstanceService).getUnit(documentId, UniverInstanceType.UNIVER_DOC), link = (_b = (_a15 = doc == null ? void 0 : doc.getBody()) == null ? void 0 : _a15.customRanges) == null ? void 0 : _b.find((i) => i.rangeId === linkId);
+    let insert = null;
+    link && link.endIndex === doc.getBody().dataStream.length - 3 && (insert = {
+      dataStream: " "
+    });
+    const doMutation = deleteCustomRangeFactory(accessor, { unitId: documentId, rangeId: linkId, insert });
+    return doMutation ? commandService.syncExecuteCommand(doMutation.id, doMutation.params) : !1;
+  }
+}, cellLink = "univer-cell-link", cellLinkType = "univer-cell-link-type", cellLinkContent = "univer-cell-link-content", cellLinkContentError = "univer-cell-link-content-error", cellLinkUrl = "univer-cell-link-url", cellLinkOperations = "univer-cell-link-operations", cellLinkOperation = "univer-cell-link-operation", cellLinkOperationError = "univer-cell-link-operation-error", styles = {
   cellLink,
   cellLinkType,
   cellLinkContent,
@@ -1128,17 +1294,17 @@ const cellLink = "univer-cell-link", cellLinkType = "univer-cell-link-type", cel
   ] });
 }, "CellLinkPopup");
 CellLinkPopup.componentKey = "univer.sheet.cell-link-popup";
-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--)
+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);
@@ -1352,17 +1518,17 @@ 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 getShouldDisableCellLink = /* @__PURE__ */ __name((worksheet, row, col) => {
   const cell = worksheet.getCell(row, col);
@@ -1446,160 +1612,7 @@ const getShouldDisableCellLink = /* @__PURE__ */ __name((worksheet, row, col) =>
     const commandService = accessor.get(ICommandService);
     return accessor.get(SheetsHyperLinkPopupService).currentEditing ? commandService.executeCommand(CloseHyperLinkPopupOperation.id) : commandService.executeCommand(InsertHyperLinkOperation.id);
   }
-}, 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) => {
@@ -1760,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 ? {
@@ -1767,8 +1782,7 @@ let SheetsHyperLinkRenderManagerController = (_a6 = class extends Disposable {
               linkUrl: link.payload,
               linkId: link.id
             } : cell);
-          }, "handler"),
-          priority: 100
+          }, "handler")
         }
       )
     );
@@ -1937,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]