@univerjs/sheets-hyper-link-ui 0.2.6 → 0.2.8

package/lib/es/index.js

@@ -2,135 +2,50 @@ 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 { Disposable, UniverInstanceType, OnLifecycle, LifecycleStages, Inject, IUniverInstanceService, BooleanNumber, ThemeService, isValidRange, LocaleService, RANGE_TYPE, Rectangle, ICommandService, Tools, DEFAULT_EMPTY_DOCUMENT_VALUE, useDependency, createInternalEditorID, CommandType, CellValueType, ObjectMatrix, Range, CustomRangeType, Injector, IPermissionService, Plugin, DependentOn } from "@univerjs/core";
-import { RemoveSheetCommand, SheetInterceptorService, INTERCEPTOR_POINT, SetSelectionsOperation, SetWorksheetActiveOperation, getSheetCommandTarget, SheetsSelectionsService, SetRangeValuesMutation, SetRangeValuesUndoMutationFactory, SetRangeValuesCommand, ClearSelectionContentCommand, ClearSelectionAllCommand, ClearSelectionFormatCommand, WorkbookViewPermission, WorksheetViewPermission, RangeProtectionPermissionViewPoint, WorkbookEditablePermission, WorksheetEditPermission, WorksheetInsertHyperlinkPermission, RangeProtectionPermissionEditPoint, WorkbookCopyPermission, WorksheetCopyPermission, WorksheetSetCellValuePermission } from "@univerjs/sheets";
-import { RemoveHyperLinkMutation, AddHyperLinkMutation, HyperLinkModel, ERROR_RANGE, UpdateHyperLinkCommand, AddHyperLinkCommand, CancelHyperLinkCommand, UniverSheetsHyperLinkPlugin } from "@univerjs/sheets-hyper-link";
-import { SheetSkeletonManagerService, ScrollToRangeOperation, SheetCanvasPopManagerService, IEditorBridgeService, HoverManagerService, SheetPermissionInterceptorBaseController, whenSheetEditorFocused, getCurrentRangeDisable$, APPLY_TYPE, IAutoFillService, virtualizeDiscreteRanges, getAutoFillRepeatRange, COPY_TYPE, rangeToDiscreteRange, PREDEFINED_HOOK_NAME, getRepeatRange, ISheetClipboardService } from "@univerjs/sheets-ui";
-import { IRenderManagerService } from "@univerjs/engine-render";
-import { debounceTime, Subject, BehaviorSubject } from "rxjs";
-import require$$0, { forwardRef, useRef, createElement, useState, useEffect, useMemo } from "react";
+import { Disposable, UniverInstanceType, isValidRange, Inject, LocaleService, RANGE_TYPE, Rectangle, IUniverInstanceService, ICommandService, Tools, DEFAULT_EMPTY_DOCUMENT_VALUE, CommandType, IUndoRedoService, sequenceExecuteAsync, useDependency, createInternalEditorID, Range, ObjectMatrix, OnLifecycle, LifecycleStages, Injector, BooleanNumber, ThemeService, CellValueType, CustomRangeType, IPermissionService, Plugin, DependentOn } from "@univerjs/core";
+import { ERROR_RANGE, AddHyperLinkMutation, RemoveHyperLinkMutation, HyperLinkModel, UpdateHyperLinkMutation, UniverSheetsHyperLinkPlugin } from "@univerjs/sheets-hyper-link";
+import { ScrollToRangeOperation, SheetCanvasPopManagerService, COPY_TYPE, virtualizeDiscreteRanges, rangeToDiscreteRange, PREDEFINED_HOOK_NAME, getRepeatRange, ISheetClipboardService, SheetSkeletonManagerService, IEditorBridgeService, HoverManagerService, SheetPermissionInterceptorBaseController, whenSheetEditorFocused, getCurrentRangeDisable$, APPLY_TYPE, IAutoFillService, getAutoFillRepeatRange } from "@univerjs/sheets-ui";
+import { Subject, BehaviorSubject, debounceTime } from "rxjs";
+import require$$0, { forwardRef, useRef, createElement, useState, useMemo, useEffect } from "react";
 import cs from "clsx";
 import { MessageType, FormLayout, Input, Select, Button, Tooltip } from "@univerjs/design";
 import { IMessageService, useObservable, useEvent, RangeSelector, ISidebarService, KeyCode, MetaKeys, MenuItemType, MenuPosition, getMenuHiddenObservable, MenuGroup, ComponentManager, IShortcutService, IMenuService } from "@univerjs/ui";
 import { deserializeRangeWithSheet, serializeRangeWithSheet, IDefinedNamesService, serializeRangeToRefString, serializeRange } from "@univerjs/engine-formula";
+import { SetSelectionsOperation, SetWorksheetActiveOperation, SheetInterceptorService, getSheetCommandTarget, SheetsSelectionsService, RemoveSheetCommand, INTERCEPTOR_POINT, SetRangeValuesMutation, SetRangeValuesUndoMutationFactory, SetRangeValuesCommand, ClearSelectionContentCommand, ClearSelectionAllCommand, ClearSelectionFormatCommand, WorkbookViewPermission, WorksheetViewPermission, RangeProtectionPermissionViewPoint, WorkbookEditablePermission, WorksheetEditPermission, WorksheetInsertHyperlinkPermission, RangeProtectionPermissionEditPoint, WorkbookCopyPermission, WorksheetCopyPermission, WorksheetSetCellValuePermission } from "@univerjs/sheets";
+import { IRenderManagerService } from "@univerjs/engine-render";
 import { DOC_HYPER_LINK_PLUGIN } from "@univerjs/docs-hyper-link";
 import { getPlainTextFormDocument } from "@univerjs/docs";
-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"), _a;
-let SheetsHyperLinkRemoveSheetController = (_a = class extends Disposable {
-  constructor(_sheetInterceptorService, _univerInstanceService, _hyperLinkModel) {
-    super(), this._sheetInterceptorService = _sheetInterceptorService, this._univerInstanceService = _univerInstanceService, this._hyperLinkModel = _hyperLinkModel, this._initSheetChange();
+var LinkType = /* @__PURE__ */ ((LinkType2) => (LinkType2.link = "link", LinkType2.range = "range", LinkType2.sheet = "gid", LinkType2.definedName = "rangeid", LinkType2))(LinkType || {});
+const _SheetsHyperLinkSidePanelService = class _SheetsHyperLinkSidePanelService extends Disposable {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "_customHyperLinks", /* @__PURE__ */ new Map());
   }
-  _initSheetChange() {
-    this.disposeWithMe(
-      this._sheetInterceptorService.interceptCommand({
-        getMutations: /* @__PURE__ */ __name((commandInfo) => {
-          var _a14;
-          if (commandInfo.id === RemoveSheetCommand.id) {
-            const params = commandInfo.params, workbook = params.unitId ? this._univerInstanceService.getUnit(params.unitId) : this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
-            if (!workbook)
-              return { redos: [], undos: [] };
-            const unitId = workbook.getUnitId(), subUnitId = params.subUnitId || ((_a14 = workbook.getActiveSheet()) == null ? void 0 : _a14.getSheetId());
-            if (!subUnitId)
-              return { redos: [], undos: [] };
-            const links = this._hyperLinkModel.getSubUnit(unitId, subUnitId), redos = links.map((link) => ({
-              id: RemoveHyperLinkMutation.id,
-              params: {
-                unitId,
-                subUnitId,
-                id: link.id
-              }
-            })), undos = links.map((link) => ({
-              id: AddHyperLinkMutation.id,
-              params: {
-                unitId,
-                subUnitId,
-                link
-              }
-            }));
-            return { redos, undos };
-          }
-          return { redos: [], undos: [] };
-        }, "getMutations")
-      })
-    );
+  isBuiltInLinkType(type) {
+    return !!LinkType[type];
   }
-}, __name(_a, "SheetsHyperLinkRemoveSheetController"), _a);
-SheetsHyperLinkRemoveSheetController = __decorateClass$b([
-  OnLifecycle(LifecycleStages.Ready, SheetsHyperLinkRemoveSheetController),
-  __decorateParam$b(0, Inject(SheetInterceptorService)),
-  __decorateParam$b(1, IUniverInstanceService),
-  __decorateParam$b(2, Inject(HyperLinkModel))
-], SheetsHyperLinkRemoveSheetController);
-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"), _a2;
-let SheetsHyperLinkRenderController = (_a2 = class extends Disposable {
-  constructor(_context, _hyperLinkModel, _sheetSkeletonManagerService, _renderManagerService) {
-    super(), this._context = _context, this._hyperLinkModel = _hyperLinkModel, this._sheetSkeletonManagerService = _sheetSkeletonManagerService, this._renderManagerService = _renderManagerService, this._initSkeletonChange();
+  getOptions() {
+    return Array.from(this._customHyperLinks.values()).map(({ option }) => option);
   }
-  _initSkeletonChange() {
-    const markSkeletonDirty = /* @__PURE__ */ __name(() => {
-      var _a14;
-      const workbook = this._context.unit, unitId = workbook.getUnitId(), subUnitId = (_a14 = workbook.getActiveSheet()) == null ? void 0 : _a14.getSheetId();
-      if (!subUnitId) {
-        console.warn("No active sheet found");
-        return;
-      }
-      const skeleton = this._sheetSkeletonManagerService.getOrCreateSkeleton({ sheetId: subUnitId }), currentRender = this._renderManagerService.getRenderById(unitId);
-      skeleton == null || skeleton.makeDirty(!0), skeleton == null || skeleton.calculate(), currentRender && currentRender.mainComponent.makeForceDirty();
-    }, "markSkeletonDirty");
-    this.disposeWithMe(this._hyperLinkModel.linkUpdate$.pipe(debounceTime(16)).subscribe(() => {
-      markSkeletonDirty();
-    }));
+  findCustomHyperLink(link) {
+    return Array.from(this._customHyperLinks.values()).find((item) => item.match(link));
   }
-}, __name(_a2, "SheetsHyperLinkRenderController"), _a2);
-SheetsHyperLinkRenderController = __decorateClass$a([
-  __decorateParam$a(1, Inject(HyperLinkModel)),
-  __decorateParam$a(2, Inject(SheetSkeletonManagerService)),
-  __decorateParam$a(3, IRenderManagerService)
-], SheetsHyperLinkRenderController);
-var _a3;
-let SheetsHyperLinkRenderManagerController = (_a3 = class extends Disposable {
-  constructor(_sheetInterceptorService, _hyperLinkModel, _themeService) {
-    super(), this._sheetInterceptorService = _sheetInterceptorService, this._hyperLinkModel = _hyperLinkModel, this._themeService = _themeService, this._initViewModelIntercept();
+  registerCustomHyperLink(customHyperLink) {
+    this._customHyperLinks.set(customHyperLink.type, customHyperLink);
   }
-  _initViewModelIntercept() {
-    this.disposeWithMe(
-      this._sheetInterceptorService.intercept(
-        INTERCEPTOR_POINT.CELL_CONTENT,
-        {
-          handler: /* @__PURE__ */ __name((cell, pos, next) => {
-            const { row, col, unitId, subUnitId } = pos, link = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, row, col), styleSheet = this._themeService.getCurrentTheme();
-            return next(link ? {
-              ...cell,
-              interceptorStyle: {
-                ul: {
-                  s: BooleanNumber.TRUE
-                },
-                cl: {
-                  rgb: styleSheet.blue500
-                }
-              }
-            } : cell);
-          }, "handler"),
-          priority: 100
-        }
-      )
-    );
+  getCustomHyperLink(type) {
+    return this._customHyperLinks.get(type);
   }
-}, __name(_a3, "SheetsHyperLinkRenderManagerController"), _a3);
-SheetsHyperLinkRenderManagerController = __decorateClass$a([
-  OnLifecycle(LifecycleStages.Ready, SheetsHyperLinkRenderManagerController),
-  __decorateParam$a(0, Inject(SheetInterceptorService)),
-  __decorateParam$a(1, Inject(HyperLinkModel)),
-  __decorateParam$a(2, Inject(ThemeService))
-], SheetsHyperLinkRenderManagerController);
+  removeCustomHyperLink(type) {
+    const { _customHyperLinks } = this;
+    _customHyperLinks.delete(type);
+  }
+  dispose() {
+    super.dispose(), this._customHyperLinks.clear();
+  }
+};
+__name(_SheetsHyperLinkSidePanelService, "SheetsHyperLinkSidePanelService");
+let SheetsHyperLinkSidePanelService = _SheetsHyperLinkSidePanelService;
 var jsxRuntime = { exports: {} }, reactJsxRuntime_production_min = {};
 /**
  * @license React
@@ -249,11 +164,11 @@ var element = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width:
   }));
 });
 Xlsx.displayName = "Xlsx";
-var __defProp$9 = Object.defineProperty, __getOwnPropDesc$9 = Object.getOwnPropertyDescriptor, __decorateClass$9 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$9(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+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$9(target, key, result), result;
-}, "__decorateClass$9"), __decorateParam$9 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$9");
+  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");
 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)
@@ -264,10 +179,10 @@ function getContainRange(range, worksheet) {
   }), Rectangle.realUnion(range, ...relativeCells);
 }
 __name(getContainRange, "getContainRange");
-var _a4;
-let SheetsHyperLinkResolverService = (_a4 = class {
-  constructor(_univerInstanceService, _commandService, _definedNamesService, _messageService, _localeService) {
-    this._univerInstanceService = _univerInstanceService, this._commandService = _commandService, this._definedNamesService = _definedNamesService, this._messageService = _messageService, this._localeService = _localeService;
+var _a;
+let SheetsHyperLinkResolverService = (_a = class {
+  constructor(_urlHandler, _univerInstanceService, _commandService, _definedNamesService, _messageService, _localeService) {
+    this._urlHandler = _urlHandler, this._univerInstanceService = _univerInstanceService, this._commandService = _commandService, this._definedNamesService = _definedNamesService, this._messageService = _messageService, this._localeService = _localeService;
   }
   _getURLName(params) {
     var _a14;
@@ -409,15 +324,18 @@ let SheetsHyperLinkResolverService = (_a4 = class {
     return this._definedNamesService.focusRange(unitId, rangeid), !0;
   }
   async navigateToOtherWebsite(url) {
+    var _a14;
+    if ((_a14 = this._urlHandler) != null && _a14.navigateToOtherWebsite)
+      return this._urlHandler.navigateToOtherWebsite(url);
     window.open(url, "_blank", "noopener noreferrer");
   }
-}, __name(_a4, "SheetsHyperLinkResolverService"), _a4);
-SheetsHyperLinkResolverService = __decorateClass$9([
-  __decorateParam$9(0, IUniverInstanceService),
-  __decorateParam$9(1, ICommandService),
-  __decorateParam$9(2, IDefinedNamesService),
-  __decorateParam$9(3, IMessageService),
-  __decorateParam$9(4, Inject(LocaleService))
+}, __name(_a, "SheetsHyperLinkResolverService"), _a);
+SheetsHyperLinkResolverService = __decorateClass$b([
+  __decorateParam$b(1, IUniverInstanceService),
+  __decorateParam$b(2, ICommandService),
+  __decorateParam$b(3, IDefinedNamesService),
+  __decorateParam$b(4, IMessageService),
+  __decorateParam$b(5, Inject(LocaleService))
 ], SheetsHyperLinkResolverService);
 function isLegalLink(link) {
   return Tools.isLegalUrl(link);
@@ -433,7 +351,13 @@ function isEmail(url) {
 __name(isEmail, "isEmail");
 function serializeUrl(urlStr) {
   if (isLegalLink(urlStr)) {
-    const transformedUrl = hasProtocol(urlStr) ? urlStr : isEmail(urlStr) ? `mailto://${urlStr}` : `http://${urlStr}`, url = new URL(transformedUrl);
+    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;
@@ -452,41 +376,102 @@ function getCellValueOrigin(cell) {
   return cell == null ? void 0 : cell.v;
 }
 __name(getCellValueOrigin, "getCellValueOrigin");
-const cellLinkEditButtons = "univer-cell-link-edit-buttons", styles$1 = {
+const AddHyperLinkCommand = {
+  type: CommandType.COMMAND,
+  id: "sheets.command.add-hyper-link",
+  async handler(accessor, params) {
+    if (!params)
+      return !1;
+    const sheetInterceptorService = accessor.get(SheetInterceptorService), commandService = accessor.get(ICommandService), undoRedoService = accessor.get(IUndoRedoService), { unitId, subUnitId, link } = params, { redos, undos } = sheetInterceptorService.onCommandExecute({
+      id: AddHyperLinkCommand.id,
+      params
+    }), redo = {
+      id: AddHyperLinkMutation.id,
+      params
+    }, undo = {
+      id: RemoveHyperLinkMutation.id,
+      params: {
+        unitId,
+        subUnitId,
+        id: link.id
+      }
+    };
+    return (await sequenceExecuteAsync([redo, ...redos], commandService)).result ? (undoRedoService.pushUndoRedo({
+      redoMutations: [redo, ...redos],
+      undoMutations: [undo, ...undos],
+      unitID: unitId
+    }), !0) : !1;
+  }
+};
+function getHyperLinkContent(link) {
+  const { row, column, id, ...content } = link;
+  return content;
+}
+__name(getHyperLinkContent, "getHyperLinkContent");
+const UpdateHyperLinkCommand = {
+  type: CommandType.COMMAND,
+  id: "sheets.command.update-hyper-link",
+  async handler(accessor, params) {
+    if (!params)
+      return !1;
+    const sheetInterceptorService = accessor.get(SheetInterceptorService), commandService = accessor.get(ICommandService), undoRedoService = accessor.get(IUndoRedoService), model = accessor.get(HyperLinkModel), { unitId, subUnitId, id } = params, link = model.getHyperLink(unitId, subUnitId, id);
+    if (!link)
+      return !1;
+    const { redos, undos } = sheetInterceptorService.onCommandExecute({
+      id: UpdateHyperLinkCommand.id,
+      params
+    }), redo = {
+      id: UpdateHyperLinkMutation.id,
+      params
+    }, undo = {
+      id: UpdateHyperLinkMutation.id,
+      params: {
+        unitId,
+        subUnitId,
+        id,
+        payload: getHyperLinkContent(link)
+      }
+    };
+    return (await sequenceExecuteAsync([redo, ...redos], commandService)).result ? (undoRedoService.pushUndoRedo({
+      redoMutations: [redo, ...redos],
+      undoMutations: [undo, ...undos],
+      unitID: unitId
+    }), !0) : !1;
+  }
+}, cellLinkEditButtons = "univer-cell-link-edit-buttons", styles$1 = {
   cellLinkEditButtons
 }, CellLinkEdit = /* @__PURE__ */ __name(() => {
   var _a14;
-  const [id, setId] = useState(""), [display, setDisplay] = useState(""), [type, setType] = useState(
-    "link"
-    /* link */
-  ), [payload, setPayload] = useState(""), localeService = useDependency(LocaleService), definedNameService = useDependency(IDefinedNamesService), univerInstanceService = useDependency(IUniverInstanceService), popupService = useDependency(SheetsHyperLinkPopupService), editing = useObservable(popupService.currentEditing$), hyperLinkModel = useDependency(HyperLinkModel), resolverService = useDependency(SheetsHyperLinkResolverService), commandService = useDependency(ICommandService), [showError, setShowError] = useState(!1), setByPayload = useRef(!1);
+  const [id, setId] = useState(""), [display, setDisplay] = useState(""), [type, setType] = useState(LinkType.link), [payload, setPayload] = useState(""), localeService = useDependency(LocaleService), definedNameService = useDependency(IDefinedNamesService), univerInstanceService = useDependency(IUniverInstanceService), popupService = useDependency(SheetsHyperLinkPopupService), editing = useObservable(popupService.currentEditing$), hyperLinkModel = useDependency(HyperLinkModel), resolverService = useDependency(SheetsHyperLinkResolverService), commandService = useDependency(ICommandService), sidePanelService = useDependency(SheetsHyperLinkSidePanelService), sidePanelOptions = useMemo(() => sidePanelService.getOptions(), [sidePanelService]), customHyperLinkSidePanel = useMemo(() => {
+    if (!sidePanelService.isBuiltInLinkType(type))
+      return sidePanelService.getCustomHyperLink(type);
+  }, [sidePanelService, type]), [showError, setShowError] = useState(!1), setByPayload = useRef(!1);
   useEffect(() => {
     var _a15, _b, _c;
     if ((editing == null ? void 0 : editing.row) !== void 0 && editing.column !== void 0) {
       const link = hyperLinkModel.getHyperLinkByLocationSync(editing.unitId, editing.subUnitId, editing.row, editing.column);
       if (link) {
+        setId(link.id);
+        const customLink = sidePanelService.findCustomHyperLink(link);
+        if (customLink) {
+          const customLinkInfo = customLink.convert(link);
+          setType(customLinkInfo.type), setPayload(customLinkInfo.payload), setDisplay(customLinkInfo.display);
+          return;
+        }
+        setDisplay(link.display);
         const linkInfo = resolverService.parseHyperLink(link.payload);
-        if (setId(link.id), setDisplay(link.display), linkInfo.type === "outer") {
-          setType(
-            "link"
-            /* link */
-          ), setPayload(linkInfo.url), linkInfo.url === link.display && (setByPayload.current = !0);
+        if (linkInfo.type === "outer") {
+          setType(LinkType.link), setPayload(linkInfo.url), linkInfo.url === link.display && (setByPayload.current = !0);
           return;
         } else {
           const params = linkInfo.searchObj;
           if (params.rangeid) {
-            setType(
-              "rangeid"
-              /* definedName */
-            ), setPayload(params.rangeid);
+            setType(LinkType.definedName), setPayload(params.rangeid);
             return;
           }
           if (params.range) {
             const sheetName = params.gid && (_c = (_b = (_a15 = univerInstanceService.getUnit(editing.unitId)) == null ? void 0 : _a15.getSheetBySheetId(params.gid)) == null ? void 0 : _b.getName()) != null ? _c : "";
-            if (setType(
-              "range"
-              /* range */
-            ), params.range === ERROR_RANGE)
+            if (setType(LinkType.range), params.range === ERROR_RANGE)
               setPayload("");
             else {
               const payload2 = serializeRangeWithSheet(sheetName, deserializeRangeWithSheet(params.range).range);
@@ -495,47 +480,35 @@ const cellLinkEditButtons = "univer-cell-link-edit-buttons", styles$1 = {
             return;
           }
           if (params.gid) {
-            setType(
-              "gid"
-              /* sheet */
-            ), setPayload(params.gid);
+            setType(LinkType.sheet), setPayload(params.gid);
             return;
           }
         }
       }
       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.column), cellValue = getCellValueOrigin(cell);
-      setType(
-        "link"
-        /* link */
-      ), setPayload(""), setDisplay((cellValue != null ? cellValue : "").toString()), setId("");
+      setType(LinkType.link), setPayload(""), setDisplay((cellValue != null ? cellValue : "").toString()), setId("");
       return;
     }
-    setType(
-      "link"
-      /* link */
-    ), setPayload(""), setDisplay(""), setId("");
+    setType(LinkType.link), setPayload(""), setDisplay(""), setId("");
   }, [editing, hyperLinkModel, resolverService, univerInstanceService]);
   const payloadInitial = useMemo(() => payload, [type]), linkTypeOptions = [
     {
       label: localeService.t("hyperLink.form.link"),
-      value: "link"
-      /* link */
+      value: LinkType.link
     },
     {
       label: localeService.t("hyperLink.form.range"),
-      value: "range"
-      /* range */
+      value: LinkType.range
     },
     {
       label: localeService.t("hyperLink.form.worksheet"),
-      value: "gid"
-      /* sheet */
+      value: LinkType.sheet
     },
     {
       label: localeService.t("hyperLink.form.definedName"),
-      value: "rangeid"
-      /* definedName */
-    }
+      value: LinkType.definedName
+    },
+    ...sidePanelOptions
   ], workbook = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
   if (!workbook)
     return;
@@ -543,9 +516,9 @@ const cellLinkEditButtons = "univer-cell-link-edit-buttons", styles$1 = {
     label: value.name,
     value: value.id
   })), formatUrl = /* @__PURE__ */ __name((type2, payload2) => {
-    if (type2 === "link")
+    if (type2 === LinkType.link)
       return serializeUrl(payload2);
-    if (type2 === "range") {
+    if (type2 === LinkType.range) {
       const info = deserializeRangeWithSheet(payload2), worksheet = workbook.getSheetBySheetName(info.sheetName);
       if (worksheet)
         return `#gid=${worksheet.getSheetId()}&range=${serializeRange(info.range)}`;
@@ -623,7 +596,7 @@ const cellLinkEditButtons = "univer-cell-link-edit-buttons", styles$1 = {
         }, "onChange")
       }
     ) }),
-    type === "link" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+    type === LinkType.link && /* @__PURE__ */ jsxRuntimeExports.jsx(
       FormLayout,
       {
         error: showError ? payload ? isLegalLink(payload) ? "" : localeService.t("hyperLink.form.linkError") : localeService.t("hyperLink.form.inputError") : "",
@@ -639,7 +612,7 @@ const cellLinkEditButtons = "univer-cell-link-edit-buttons", styles$1 = {
         )
       }
     ),
-    type === "range" && /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { error: showError && !payload ? localeService.t("hyperLink.form.inputError") : "", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    type === LinkType.range && /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { error: showError && !payload ? localeService.t("hyperLink.form.inputError") : "", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       RangeSelector,
       {
         openForSheetUnitId: workbook.getUnitId(),
@@ -649,7 +622,7 @@ const cellLinkEditButtons = "univer-cell-link-edit-buttons", styles$1 = {
         onChange: handleRangeChange
       }
     ) }),
-    type === "gid" && /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { error: showError && !payload ? localeService.t("hyperLink.form.selectError") : "", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    type === LinkType.sheet && /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { error: showError && !payload ? localeService.t("hyperLink.form.selectError") : "", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Select,
       {
         options: sheetsOption,
@@ -662,7 +635,7 @@ const cellLinkEditButtons = "univer-cell-link-edit-buttons", styles$1 = {
         }, "onChange")
       }
     ) }),
-    type === "rangeid" && /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { error: showError && !payload ? localeService.t("hyperLink.form.selectError") : "", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    type === LinkType.definedName && /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { error: showError && !payload ? localeService.t("hyperLink.form.selectError") : "", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Select,
       {
         options: definedNames,
@@ -675,6 +648,20 @@ const cellLinkEditButtons = "univer-cell-link-edit-buttons", styles$1 = {
         }, "onChange")
       }
     ) }),
+    (customHyperLinkSidePanel == null ? void 0 : customHyperLinkSidePanel.Form) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      customHyperLinkSidePanel.Form,
+      {
+        linkId: id,
+        payload,
+        display,
+        showError,
+        setByPayload,
+        setDisplay: /* @__PURE__ */ __name((newLink) => {
+          setDisplay(newLink), setByPayload.current = !0;
+        }, "setDisplay"),
+        setPayload
+      }
+    ),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1.cellLinkEditButtons, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         Button,
@@ -694,7 +681,7 @@ const cellLinkEditButtons = "univer-cell-link-edit-buttons", styles$1 = {
           type: "primary",
           style: { marginLeft: 8 },
           onClick: /* @__PURE__ */ __name(async () => {
-            if (!display || !payload || type === "link" && !isLegalLink(payload)) {
+            if (!display || !payload || type === LinkType.link && !isLegalLink(payload)) {
               setShowError(!0);
               return;
             }
@@ -755,6 +742,55 @@ const OpenHyperLinkSidebarOperation = {
     const commandService = accessor.get(ICommandService);
     return accessor.get(SheetsHyperLinkPopupService).currentEditing ? commandService.executeCommand(CloseHyperLinkSidebarOperation.id) : commandService.executeCommand(InsertHyperLinkOperation.id);
   }
+}, RemoveHyperLinkCommand = {
+  type: CommandType.COMMAND,
+  id: "sheets.command.remove-hyper-link",
+  async handler(accessor, params) {
+    if (!params)
+      return !1;
+    const sheetInterceptorService = accessor.get(SheetInterceptorService), commandService = accessor.get(ICommandService), undoRedoService = accessor.get(IUndoRedoService), model = accessor.get(HyperLinkModel), { unitId, subUnitId, id } = params, link = model.getHyperLink(unitId, subUnitId, id), { redos, undos } = sheetInterceptorService.onCommandExecute({
+      id: RemoveHyperLinkCommand.id,
+      params
+    }), redo = {
+      id: RemoveHyperLinkMutation.id,
+      params
+    }, undo = {
+      id: AddHyperLinkMutation.id,
+      params: {
+        unitId,
+        subUnitId,
+        link
+      }
+    };
+    return (await sequenceExecuteAsync([redo, ...redos], commandService)).result ? (undoRedoService.pushUndoRedo({
+      redoMutations: [redo, ...redos],
+      undoMutations: [undo, ...undos],
+      unitID: unitId
+    }), !0) : !1;
+  }
+}, CancelHyperLinkCommand = {
+  type: CommandType.COMMAND,
+  id: "sheets.command.cancel-hyper-link",
+  async handler(accessor, params) {
+    if (!params)
+      return !1;
+    const commandService = accessor.get(ICommandService), undoRedoService = accessor.get(IUndoRedoService), model = accessor.get(HyperLinkModel), { unitId, subUnitId, id } = params, link = model.getHyperLink(unitId, subUnitId, id), redo = {
+      id: RemoveHyperLinkMutation.id,
+      params
+    }, undo = {
+      id: AddHyperLinkMutation.id,
+      params: {
+        unitId,
+        subUnitId,
+        link
+      }
+    };
+    return (await sequenceExecuteAsync([redo], commandService)).result ? (undoRedoService.pushUndoRedo({
+      redoMutations: [redo],
+      undoMutations: [undo],
+      unitID: unitId
+    }), !0) : !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,
@@ -849,14 +885,14 @@ const OpenHyperLinkSidebarOperation = {
   ] });
 }, "CellLinkPopup");
 CellLinkPopup.componentKey = "univer.sheet.cell-link-popup";
-var __defProp$8 = Object.defineProperty, __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor, __decorateClass$8 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$8(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$8(target, key, result), result;
-}, "__decorateClass$8"), __decorateParam$8 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$8");
+  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) => a.unitId === b.unitId && a.subUnitId === b.subUnitId && a.row === b.row && a.col === b.col, "isEqualLink");
-var _a5;
-let SheetsHyperLinkPopupService = (_a5 = class extends Disposable {
+var _a2;
+let SheetsHyperLinkPopupService = (_a2 = class extends Disposable {
   constructor(_hyperLinkModel, _sheetCanvasPopManagerService) {
     super();
     __publicField(this, "_currentPopup", null);
@@ -910,77 +946,367 @@ let SheetsHyperLinkPopupService = (_a5 = class extends Disposable {
   endEditing() {
     this._currentEditing$.next(null);
   }
-}, __name(_a5, "SheetsHyperLinkPopupService"), _a5);
-SheetsHyperLinkPopupService = __decorateClass$8([
-  __decorateParam$8(0, Inject(HyperLinkModel)),
-  __decorateParam$8(1, Inject(SheetCanvasPopManagerService))
+}, __name(_a2, "SheetsHyperLinkPopupService"), _a2);
+SheetsHyperLinkPopupService = __decorateClass$a([
+  __decorateParam$a(0, Inject(HyperLinkModel)),
+  __decorateParam$a(1, Inject(SheetCanvasPopManagerService))
 ], SheetsHyperLinkPopupService);
-var __defProp$7 = Object.defineProperty, __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor, __decorateClass$7 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+const SHEET_HYPER_LINK_UI_PLUGIN = "SHEET_HYPER_LINK_UI_PLUGIN";
+var __defProp$9 = Object.defineProperty, __getOwnPropDesc$9 = Object.getOwnPropertyDescriptor, __decorateClass$9 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$9(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$7(target, key, result), result;
-}, "__decorateClass$7"), __decorateParam$7 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$7"), _a6;
-let SheetHyperLinkSetRangeController = (_a6 = class extends Disposable {
-  constructor(_sheetInterceptorService, _injector, _hyperLinkModel, _selectionManagerService, _univerInstanceService, _editorBridgeService) {
-    super(), this._sheetInterceptorService = _sheetInterceptorService, this._injector = _injector, this._hyperLinkModel = _hyperLinkModel, this._selectionManagerService = _selectionManagerService, this._univerInstanceService = _univerInstanceService, this._editorBridgeService = _editorBridgeService, this._initCommandInterceptor();
+  return kind && result && __defProp$9(target, key, result), result;
+}, "__decorateClass$9"), __decorateParam$9 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$9"), _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();
+    });
   }
-  _initCommandInterceptor() {
-    this._initAddHyperLinkCommandInterceptor(), this._initSetRangeValuesCommandInterceptor(), this._initUpdateHyperLinkCommandInterceptor(), this._initClearSelectionCommandInterceptor(), this._initRichTextEditorInterceptor();
+  registerPlainTextFilter(filter) {
+    this._plainTextFilter.add(filter);
   }
-  _getCurrentCell(unitId, subUnitId, row, col) {
-    var _a14, _b;
-    return (_b = (_a14 = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET)) == null ? void 0 : _a14.getSheetBySheetId(subUnitId)) == null ? void 0 : _b.getCell(row, col);
+  removePlainTextFilter(filter) {
+    this._plainTextFilter.delete(filter);
   }
-  _initAddHyperLinkCommandInterceptor() {
-    this.disposeWithMe(this._sheetInterceptorService.interceptCommand({
-      getMutations: /* @__PURE__ */ __name((command) => {
-        var _a14;
-        if (command.id === AddHyperLinkCommand.id) {
-          const params = command.params, { unitId, subUnitId, link } = params, currentCell = this._getCurrentCell(unitId, subUnitId, link.row, link.column), redoParams = {
-            unitId,
-            subUnitId,
-            cellValue: {
-              [link.row]: {
-                [link.column]: {
-                  v: link.display,
-                  // t: CellValueType.STRING, // Setting a link to a number is still a number
-                  p: null,
-                  t: (_a14 = currentCell == null ? void 0 : currentCell.t) != null ? _a14 : void 0
-                  // Keep force string type
+  /* 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 text = serializeUrl(clipText), { 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
+              }
+            });
+            const newId = Tools.generateRandomId();
+            redos.push({
+              id: AddHyperLinkMutation.id,
+              params: {
+                unitId,
+                subUnitId,
+                link: {
+                  id: newId,
+                  row,
+                  column,
+                  payload: text
                 }
               }
-            }
-          };
-          return {
-            redos: [{
-              id: SetRangeValuesMutation.id,
-              params: redoParams
-            }],
-            undos: [{
-              id: SetRangeValuesMutation.id,
-              params: SetRangeValuesUndoMutationFactory(this._injector, redoParams)
-            }]
-          };
+            }), undos.push({
+              id: RemoveHyperLinkMutation.id,
+              params: {
+                unitId,
+                subUnitId,
+                id: newId
+              }
+            }), link && undos.push({
+              id: AddHyperLinkMutation.id,
+              params: {
+                unitId,
+                subUnitId,
+                link
+              }
+            });
+          }), { redos, undos };
         }
-        return {
-          redos: [],
-          undos: []
-        };
-      }, "getMutations")
-    }));
+        return { undos: [], redos: [] };
+      }, "onPastePlainText"),
+      priority: 99
+    });
   }
-  _initUpdateHyperLinkCommandInterceptor() {
-    this.disposeWithMe(this._sheetInterceptorService.interceptCommand({
-      getMutations: /* @__PURE__ */ __name((command) => {
-        if (command.id === UpdateHyperLinkCommand.id) {
-          const params = command.params, { unitId, subUnitId, id, payload } = params, current = this._hyperLinkModel.getHyperLink(unitId, subUnitId, id);
-          if (current && current.display !== payload.display) {
-            const redoParams = {
-              unitId,
-              subUnitId,
-              cellValue: {
-                [current.row]: {
-                  [current.column]: {
+  _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 _a14;
+        const link = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, row, col);
+        matrix.setValue(rowIndex, colIndex, (_a14 = link == null ? void 0 : link.id) != null ? _a14 : "");
+      });
+    });
+  }
+  // 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 _a14;
+      (_a14 = this._copyInfo) == null || _a14.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$9([
+  OnLifecycle(LifecycleStages.Ready, SheetsHyperLinkCopyPasteController),
+  __decorateParam$9(0, ISheetClipboardService),
+  __decorateParam$9(1, Inject(HyperLinkModel)),
+  __decorateParam$9(2, Inject(Injector)),
+  __decorateParam$9(3, Inject(SheetsHyperLinkResolverService))
+], SheetsHyperLinkCopyPasteController);
+var __defProp$8 = Object.defineProperty, __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor, __decorateClass$8 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$8(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$8(target, key, result), result;
+}, "__decorateClass$8"), __decorateParam$8 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$8"), _a4;
+let SheetsHyperLinkRemoveSheetController = (_a4 = class extends Disposable {
+  constructor(_sheetInterceptorService, _univerInstanceService, _hyperLinkModel) {
+    super(), this._sheetInterceptorService = _sheetInterceptorService, this._univerInstanceService = _univerInstanceService, this._hyperLinkModel = _hyperLinkModel, this._initSheetChange();
+  }
+  _initSheetChange() {
+    this.disposeWithMe(
+      this._sheetInterceptorService.interceptCommand({
+        getMutations: /* @__PURE__ */ __name((commandInfo) => {
+          var _a14;
+          if (commandInfo.id === RemoveSheetCommand.id) {
+            const params = commandInfo.params, workbook = params.unitId ? this._univerInstanceService.getUnit(params.unitId) : this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+            if (!workbook)
+              return { redos: [], undos: [] };
+            const unitId = workbook.getUnitId(), subUnitId = params.subUnitId || ((_a14 = workbook.getActiveSheet()) == null ? void 0 : _a14.getSheetId());
+            if (!subUnitId)
+              return { redos: [], undos: [] };
+            const links = this._hyperLinkModel.getSubUnit(unitId, subUnitId), redos = links.map((link) => ({
+              id: RemoveHyperLinkMutation.id,
+              params: {
+                unitId,
+                subUnitId,
+                id: link.id
+              }
+            })), undos = links.map((link) => ({
+              id: AddHyperLinkMutation.id,
+              params: {
+                unitId,
+                subUnitId,
+                link
+              }
+            }));
+            return { redos, undos };
+          }
+          return { redos: [], undos: [] };
+        }, "getMutations")
+      })
+    );
+  }
+}, __name(_a4, "SheetsHyperLinkRemoveSheetController"), _a4);
+SheetsHyperLinkRemoveSheetController = __decorateClass$8([
+  OnLifecycle(LifecycleStages.Ready, SheetsHyperLinkRemoveSheetController),
+  __decorateParam$8(0, Inject(SheetInterceptorService)),
+  __decorateParam$8(1, IUniverInstanceService),
+  __decorateParam$8(2, Inject(HyperLinkModel))
+], SheetsHyperLinkRemoveSheetController);
+var __defProp$7 = Object.defineProperty, __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor, __decorateClass$7 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(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$7(target, key, result), result;
+}, "__decorateClass$7"), __decorateParam$7 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$7"), _a5;
+let SheetsHyperLinkRenderController = (_a5 = class extends Disposable {
+  constructor(_context, _hyperLinkModel, _sheetSkeletonManagerService, _renderManagerService) {
+    super(), this._context = _context, this._hyperLinkModel = _hyperLinkModel, this._sheetSkeletonManagerService = _sheetSkeletonManagerService, this._renderManagerService = _renderManagerService, this._initSkeletonChange();
+  }
+  _initSkeletonChange() {
+    const markSkeletonDirty = /* @__PURE__ */ __name(() => {
+      var _a14;
+      const workbook = this._context.unit, unitId = workbook.getUnitId(), subUnitId = (_a14 = workbook.getActiveSheet()) == null ? void 0 : _a14.getSheetId();
+      if (!subUnitId) {
+        console.warn("No active sheet found");
+        return;
+      }
+      const skeleton = this._sheetSkeletonManagerService.getOrCreateSkeleton({ sheetId: subUnitId }), currentRender = this._renderManagerService.getRenderById(unitId);
+      skeleton == null || skeleton.makeDirty(!0), skeleton == null || skeleton.calculate(), currentRender && currentRender.mainComponent.makeForceDirty();
+    }, "markSkeletonDirty");
+    this.disposeWithMe(this._hyperLinkModel.linkUpdate$.pipe(debounceTime(16)).subscribe(() => {
+      markSkeletonDirty();
+    }));
+  }
+}, __name(_a5, "SheetsHyperLinkRenderController"), _a5);
+SheetsHyperLinkRenderController = __decorateClass$7([
+  __decorateParam$7(1, Inject(HyperLinkModel)),
+  __decorateParam$7(2, Inject(SheetSkeletonManagerService)),
+  __decorateParam$7(3, IRenderManagerService)
+], SheetsHyperLinkRenderController);
+var _a6;
+let SheetsHyperLinkRenderManagerController = (_a6 = class extends Disposable {
+  constructor(_sheetInterceptorService, _hyperLinkModel, _themeService) {
+    super(), this._sheetInterceptorService = _sheetInterceptorService, this._hyperLinkModel = _hyperLinkModel, this._themeService = _themeService, this._initViewModelIntercept();
+  }
+  _initViewModelIntercept() {
+    this.disposeWithMe(
+      this._sheetInterceptorService.intercept(
+        INTERCEPTOR_POINT.CELL_CONTENT,
+        {
+          handler: /* @__PURE__ */ __name((cell, pos, next) => {
+            const { row, col, unitId, subUnitId } = pos, link = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, row, col), styleSheet = this._themeService.getCurrentTheme();
+            return next(link ? {
+              ...cell,
+              interceptorStyle: {
+                ul: {
+                  s: BooleanNumber.TRUE
+                },
+                cl: {
+                  rgb: styleSheet.blue500
+                }
+              }
+            } : cell);
+          }, "handler"),
+          priority: 100
+        }
+      )
+    );
+  }
+}, __name(_a6, "SheetsHyperLinkRenderManagerController"), _a6);
+SheetsHyperLinkRenderManagerController = __decorateClass$7([
+  OnLifecycle(LifecycleStages.Ready, SheetsHyperLinkRenderManagerController),
+  __decorateParam$7(0, Inject(SheetInterceptorService)),
+  __decorateParam$7(1, Inject(HyperLinkModel)),
+  __decorateParam$7(2, Inject(ThemeService))
+], SheetsHyperLinkRenderManagerController);
+var __defProp$6 = Object.defineProperty, __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor, __decorateClass$6 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(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$6(target, key, result), result;
+}, "__decorateClass$6"), __decorateParam$6 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$6"), _a7;
+let SheetHyperLinkSetRangeController = (_a7 = class extends Disposable {
+  constructor(_sheetInterceptorService, _injector, _hyperLinkModel, _selectionManagerService, _univerInstanceService, _editorBridgeService) {
+    super(), this._sheetInterceptorService = _sheetInterceptorService, this._injector = _injector, this._hyperLinkModel = _hyperLinkModel, this._selectionManagerService = _selectionManagerService, this._univerInstanceService = _univerInstanceService, this._editorBridgeService = _editorBridgeService, this._initCommandInterceptor();
+  }
+  _initCommandInterceptor() {
+    this._initAddHyperLinkCommandInterceptor(), this._initSetRangeValuesCommandInterceptor(), this._initUpdateHyperLinkCommandInterceptor(), this._initClearSelectionCommandInterceptor(), this._initRichTextEditorInterceptor();
+  }
+  _getCurrentCell(unitId, subUnitId, row, col) {
+    var _a14, _b;
+    return (_b = (_a14 = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET)) == null ? void 0 : _a14.getSheetBySheetId(subUnitId)) == null ? void 0 : _b.getCell(row, col);
+  }
+  _initAddHyperLinkCommandInterceptor() {
+    this.disposeWithMe(this._sheetInterceptorService.interceptCommand({
+      getMutations: /* @__PURE__ */ __name((command) => {
+        var _a14;
+        if (command.id === AddHyperLinkCommand.id) {
+          const params = command.params, { unitId, subUnitId, link } = params, currentCell = this._getCurrentCell(unitId, subUnitId, link.row, link.column), redoParams = {
+            unitId,
+            subUnitId,
+            cellValue: {
+              [link.row]: {
+                [link.column]: {
+                  v: link.display,
+                  // t: CellValueType.STRING, // Setting a link to a number is still a number
+                  p: null,
+                  t: (_a14 = currentCell == null ? void 0 : currentCell.t) != null ? _a14 : void 0
+                  // Keep force string type
+                }
+              }
+            }
+          };
+          return {
+            redos: [{
+              id: SetRangeValuesMutation.id,
+              params: redoParams
+            }],
+            undos: [{
+              id: SetRangeValuesMutation.id,
+              params: SetRangeValuesUndoMutationFactory(this._injector, redoParams)
+            }]
+          };
+        }
+        return {
+          redos: [],
+          undos: []
+        };
+      }, "getMutations")
+    }));
+  }
+  _initUpdateHyperLinkCommandInterceptor() {
+    this.disposeWithMe(this._sheetInterceptorService.interceptCommand({
+      getMutations: /* @__PURE__ */ __name((command) => {
+        if (command.id === UpdateHyperLinkCommand.id) {
+          const params = command.params, { unitId, subUnitId, id, payload } = params, current = this._hyperLinkModel.getHyperLink(unitId, subUnitId, id);
+          if (current && current.display !== payload.display) {
+            const redoParams = {
+              unitId,
+              subUnitId,
+              cellValue: {
+                [current.row]: {
+                  [current.column]: {
                     v: payload.display,
                     t: CellValueType.STRING,
                     p: null
@@ -1135,24 +1461,24 @@ let SheetHyperLinkSetRangeController = (_a6 = class extends Disposable {
       )
     );
   }
-}, __name(_a6, "SheetHyperLinkSetRangeController"), _a6);
-SheetHyperLinkSetRangeController = __decorateClass$7([
+}, __name(_a7, "SheetHyperLinkSetRangeController"), _a7);
+SheetHyperLinkSetRangeController = __decorateClass$6([
   OnLifecycle(LifecycleStages.Starting, SheetHyperLinkSetRangeController),
-  __decorateParam$7(0, Inject(SheetInterceptorService)),
-  __decorateParam$7(1, Inject(Injector)),
-  __decorateParam$7(2, Inject(HyperLinkModel)),
-  __decorateParam$7(3, Inject(SheetsSelectionsService)),
-  __decorateParam$7(4, IUniverInstanceService),
-  __decorateParam$7(5, IEditorBridgeService)
+  __decorateParam$6(0, Inject(SheetInterceptorService)),
+  __decorateParam$6(1, Inject(Injector)),
+  __decorateParam$6(2, Inject(HyperLinkModel)),
+  __decorateParam$6(3, Inject(SheetsSelectionsService)),
+  __decorateParam$6(4, IUniverInstanceService),
+  __decorateParam$6(5, IEditorBridgeService)
 ], SheetHyperLinkSetRangeController);
-var __defProp$6 = Object.defineProperty, __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor, __decorateClass$6 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$5 = Object.defineProperty, __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor, __decorateClass$5 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(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$6(target, key, result), result;
-}, "__decorateClass$6"), __decorateParam$6 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$6"), _a7;
-let SheetsHyperLinkPopupController = (_a7 = class extends Disposable {
-  constructor(_hoverManagerService, _sheetsHyperLinkPopupService, _renderManagerService, _permissionService, _sheetPermissionInterceptorBaseController) {
-    super(), this._hoverManagerService = _hoverManagerService, this._sheetsHyperLinkPopupService = _sheetsHyperLinkPopupService, this._renderManagerService = _renderManagerService, this._permissionService = _permissionService, this._sheetPermissionInterceptorBaseController = _sheetPermissionInterceptorBaseController, this._initHoverListener();
+  return kind && result && __defProp$5(target, key, result), result;
+}, "__decorateClass$5"), __decorateParam$5 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$5"), _a8;
+let SheetsHyperLinkPopupController = (_a8 = class extends Disposable {
+  constructor(_hoverManagerService, _sheetsHyperLinkPopupService, _renderManagerService, _permissionService, _sheetPermissionInterceptorBaseController, _commandService) {
+    super(), this._hoverManagerService = _hoverManagerService, this._sheetsHyperLinkPopupService = _sheetsHyperLinkPopupService, this._renderManagerService = _renderManagerService, this._permissionService = _permissionService, this._sheetPermissionInterceptorBaseController = _sheetPermissionInterceptorBaseController, this._commandService = _commandService, this._initHoverListener(), this._initCommandListener();
   }
   _initHoverListener() {
     this.disposeWithMe(
@@ -1189,14 +1515,21 @@ let SheetsHyperLinkPopupController = (_a7 = class extends Disposable {
       })
     );
   }
-}, __name(_a7, "SheetsHyperLinkPopupController"), _a7);
-SheetsHyperLinkPopupController = __decorateClass$6([
+  _initCommandListener() {
+    const HIDE_COMMAND_LIST = [ClearSelectionContentCommand.id, ClearSelectionAllCommand.id, ClearSelectionFormatCommand.id];
+    this.disposeWithMe(this._commandService.onCommandExecuted((command) => {
+      HIDE_COMMAND_LIST.includes(command.id) && this._sheetsHyperLinkPopupService.hideCurrentPopup();
+    }));
+  }
+}, __name(_a8, "SheetsHyperLinkPopupController"), _a8);
+SheetsHyperLinkPopupController = __decorateClass$5([
   OnLifecycle(LifecycleStages.Rendered, SheetsHyperLinkPopupController),
-  __decorateParam$6(0, Inject(HoverManagerService)),
-  __decorateParam$6(1, Inject(SheetsHyperLinkPopupService)),
-  __decorateParam$6(2, Inject(IRenderManagerService)),
-  __decorateParam$6(3, Inject(IPermissionService)),
-  __decorateParam$6(4, Inject(SheetPermissionInterceptorBaseController))
+  __decorateParam$5(0, Inject(HoverManagerService)),
+  __decorateParam$5(1, Inject(SheetsHyperLinkPopupService)),
+  __decorateParam$5(2, Inject(IRenderManagerService)),
+  __decorateParam$5(3, Inject(IPermissionService)),
+  __decorateParam$5(4, Inject(SheetPermissionInterceptorBaseController)),
+  __decorateParam$5(5, ICommandService)
 ], SheetsHyperLinkPopupController);
 const insertLinkMenuFactory = /* @__PURE__ */ __name((accessor) => ({
   id: InsertHyperLinkOperation.id,
@@ -1220,12 +1553,12 @@ const insertLinkMenuFactory = /* @__PURE__ */ __name((accessor) => ({
   binding: KeyCode.K | MetaKeys.CTRL_COMMAND,
   preconditions: whenSheetEditorFocused
 };
-var __defProp$5 = Object.defineProperty, __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor, __decorateClass$5 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$4 = Object.defineProperty, __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor, __decorateClass$4 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(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$5(target, key, result), result;
-}, "__decorateClass$5"), __decorateParam$5 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$5"), _a8;
-let SheetsHyperLinkUIController = (_a8 = class extends Disposable {
+  return kind && result && __defProp$4(target, key, result), result;
+}, "__decorateClass$4"), __decorateParam$4 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$4"), _a9;
+let SheetsHyperLinkUIController = (_a9 = class extends Disposable {
   constructor(_config, _componentManager, _commandService, _localeService, _menuService, _injector, _shortcutService) {
     super(), this._config = _config, this._componentManager = _componentManager, this._commandService = _commandService, this._localeService = _localeService, this._menuService = _menuService, this._injector = _injector, this._shortcutService = _shortcutService, this._initComponents(), this._initCommands(), this._initMenus(), this._initShortCut();
   }
@@ -1243,7 +1576,11 @@ let SheetsHyperLinkUIController = (_a8 = class extends Disposable {
       OpenHyperLinkSidebarOperation,
       CloseHyperLinkSidebarOperation,
       InsertHyperLinkOperation,
-      InsertHyperLinkToolbarOperation
+      InsertHyperLinkToolbarOperation,
+      AddHyperLinkCommand,
+      UpdateHyperLinkCommand,
+      RemoveHyperLinkCommand,
+      CancelHyperLinkCommand
     ].forEach((command) => {
       this._commandService.registerCommand(command);
     });
@@ -1255,23 +1592,22 @@ let SheetsHyperLinkUIController = (_a8 = class extends Disposable {
   _initShortCut() {
     this._shortcutService.registerShortcut(InsertLinkShortcut);
   }
-}, __name(_a8, "SheetsHyperLinkUIController"), _a8);
-SheetsHyperLinkUIController = __decorateClass$5([
+}, __name(_a9, "SheetsHyperLinkUIController"), _a9);
+SheetsHyperLinkUIController = __decorateClass$4([
   OnLifecycle(LifecycleStages.Ready, SheetsHyperLinkUIController),
-  __decorateParam$5(1, Inject(ComponentManager)),
-  __decorateParam$5(2, ICommandService),
-  __decorateParam$5(3, Inject(LocaleService)),
-  __decorateParam$5(4, IMenuService),
-  __decorateParam$5(5, Inject(Injector)),
-  __decorateParam$5(6, Inject(IShortcutService))
+  __decorateParam$4(1, Inject(ComponentManager)),
+  __decorateParam$4(2, ICommandService),
+  __decorateParam$4(3, Inject(LocaleService)),
+  __decorateParam$4(4, IMenuService),
+  __decorateParam$4(5, Inject(Injector)),
+  __decorateParam$4(6, Inject(IShortcutService))
 ], SheetsHyperLinkUIController);
-const SHEET_HYPER_LINK_UI_PLUGIN = "SHEET_HYPER_LINK_UI_PLUGIN";
-var __defProp$4 = Object.defineProperty, __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor, __decorateClass$4 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$3 = Object.defineProperty, __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor, __decorateClass$3 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(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$4(target, key, result), result;
-}, "__decorateClass$4"), __decorateParam$4 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$4"), _a9;
-let SheetsHyperLinkAutoFillController = (_a9 = class extends Disposable {
+  return kind && result && __defProp$3(target, key, result), result;
+}, "__decorateClass$3"), __decorateParam$3 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$3"), _a10;
+let SheetsHyperLinkAutoFillController = (_a10 = class extends Disposable {
   constructor(_autoFillService, _hyperLinkModel) {
     super(), this._autoFillService = _autoFillService, this._hyperLinkModel = _hyperLinkModel, this._initAutoFill();
   }
@@ -1303,52 +1639,49 @@ let SheetsHyperLinkAutoFillController = (_a9 = class extends Disposable {
               endRow: row
             },
             sourceRange2
-          ), { row: sourceRow, col: sourceCol } = mapFunc(sourcePositionRange.startRow, sourcePositionRange.startColumn), link = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, sourceRow, sourceCol);
-          if (link) {
-            const targetPositionRange = Rectangle.getPositionRange(
-              {
-                startRow: row,
-                startColumn: col,
-                endColumn: col,
-                endRow: row
-              },
-              targetRange2
-            ), { row: targetRow, col: targetCol } = mapFunc(targetPositionRange.startRow, targetPositionRange.startColumn), id = Tools.generateRandomId(), currentLink = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, targetRow, targetCol);
-            currentLink && redos.push({
-              id: RemoveHyperLinkMutation.id,
-              params: {
-                unitId,
-                subUnitId,
-                id: currentLink.id
-              }
-            }), (APPLY_TYPE.COPY === applyType || APPLY_TYPE.SERIES === applyType) && (redos.push({
-              id: AddHyperLinkMutation.id,
-              params: {
-                unitId,
-                subUnitId,
-                link: {
-                  ...link,
-                  id,
-                  row: targetRow,
-                  column: targetCol
-                }
-              }
-            }), undos.push({
-              id: RemoveHyperLinkMutation.id,
-              params: {
-                unitId,
-                subUnitId,
-                id
-              }
-            })), currentLink && undos.push({
-              id: AddHyperLinkMutation.id,
-              params: {
-                unitId,
-                subUnitId,
-                link: currentLink
+          ), { row: sourceRow, col: sourceCol } = mapFunc(sourcePositionRange.startRow, sourcePositionRange.startColumn), link = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, sourceRow, sourceCol), targetPositionRange = Rectangle.getPositionRange(
+            {
+              startRow: row,
+              startColumn: col,
+              endColumn: col,
+              endRow: row
+            },
+            targetRange2
+          ), { row: targetRow, col: targetCol } = mapFunc(targetPositionRange.startRow, targetPositionRange.startColumn), id = Tools.generateRandomId(), currentLink = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, targetRow, targetCol);
+          currentLink && redos.push({
+            id: RemoveHyperLinkMutation.id,
+            params: {
+              unitId,
+              subUnitId,
+              id: currentLink.id
+            }
+          }), (APPLY_TYPE.COPY === applyType || APPLY_TYPE.SERIES === applyType) && link && (redos.push({
+            id: AddHyperLinkMutation.id,
+            params: {
+              unitId,
+              subUnitId,
+              link: {
+                ...link,
+                id,
+                row: targetRow,
+                column: targetCol
               }
-            });
-          }
+            }
+          }), undos.push({
+            id: RemoveHyperLinkMutation.id,
+            params: {
+              unitId,
+              subUnitId,
+              id
+            }
+          })), currentLink && undos.push({
+            id: AddHyperLinkMutation.id,
+            params: {
+              unitId,
+              subUnitId,
+              link: currentLink
+            }
+          });
         });
       }), {
         undos,
@@ -1360,172 +1693,12 @@ let SheetsHyperLinkAutoFillController = (_a9 = class extends Disposable {
     };
     this.disposeWithMe(this._autoFillService.addHook(hook));
   }
-}, __name(_a9, "SheetsHyperLinkAutoFillController"), _a9);
-SheetsHyperLinkAutoFillController = __decorateClass$4([
+}, __name(_a10, "SheetsHyperLinkAutoFillController"), _a10);
+SheetsHyperLinkAutoFillController = __decorateClass$3([
   OnLifecycle(LifecycleStages.Ready, SheetsHyperLinkAutoFillController),
-  __decorateParam$4(0, IAutoFillService),
-  __decorateParam$4(1, Inject(HyperLinkModel))
+  __decorateParam$3(0, IAutoFillService),
+  __decorateParam$3(1, Inject(HyperLinkModel))
 ], SheetsHyperLinkAutoFillController);
-var __defProp$3 = Object.defineProperty, __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor, __decorateClass$3 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(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$3(target, key, result), result;
-}, "__decorateClass$3"), __decorateParam$3 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$3"), _a10;
-let SheetsHyperLinkCopyPasteController = (_a10 = class extends Disposable {
-  constructor(_sheetClipboardService, _hyperLinkModel, _injector, _resolverService) {
-    super();
-    __publicField(this, "_copyInfo");
-    this._sheetClipboardService = _sheetClipboardService, this._hyperLinkModel = _hyperLinkModel, this._injector = _injector, this._resolverService = _resolverService, this._initCopyPaste();
-  }
-  _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) => {
-        if (isLegalLink(clipText)) {
-          const text = serializeUrl(clipText), { 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
-              }
-            });
-            const newId = Tools.generateRandomId();
-            redos.push({
-              id: AddHyperLinkMutation.id,
-              params: {
-                unitId,
-                subUnitId,
-                link: {
-                  id: newId,
-                  row,
-                  column,
-                  payload: text
-                }
-              }
-            }), undos.push({
-              id: RemoveHyperLinkMutation.id,
-              params: {
-                unitId,
-                subUnitId,
-                id: newId
-              }
-            }), link && undos.push({
-              id: AddHyperLinkMutation.id,
-              params: {
-                unitId,
-                subUnitId,
-                link
-              }
-            });
-          }), { redos, undos };
-        }
-        return { undos: [], redos: [] };
-      }, "onPastePlainText")
-    });
-  }
-  _collect(unitId, subUnitId, range) {
-    const matrix = new ObjectMatrix();
-    this._copyInfo = {
-      unitId,
-      subUnitId,
-      matrix
-    };
-    const accessor = {
-      get: this._injector.get.bind(this._injector)
-    }, discreteRange = rangeToDiscreteRange(range, accessor, unitId, subUnitId);
-    if (!discreteRange)
-      return;
-    const { rows, cols } = discreteRange;
-    rows.forEach((row, rowIndex) => {
-      cols.forEach((col, colIndex) => {
-        var _a14;
-        const link = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, row, col);
-        matrix.setValue(rowIndex, colIndex, (_a14 = link == null ? void 0 : link.id) != null ? _a14 : "");
-      });
-    });
-  }
-  // 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 _a14;
-      (_a14 = this._copyInfo) == null || _a14.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(_a10, "SheetsHyperLinkCopyPasteController"), _a10);
-SheetsHyperLinkCopyPasteController = __decorateClass$3([
-  OnLifecycle(LifecycleStages.Ready, SheetsHyperLinkCopyPasteController),
-  __decorateParam$3(0, ISheetClipboardService),
-  __decorateParam$3(1, Inject(HyperLinkModel)),
-  __decorateParam$3(2, Inject(Injector)),
-  __decorateParam$3(3, Inject(SheetsHyperLinkResolverService))
-], SheetsHyperLinkCopyPasteController);
 var __defProp$2 = Object.defineProperty, __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor, __decorateClass$2 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
@@ -1582,8 +1755,17 @@ let UniverSheetsHyperLinkUIPlugin = (_a13 = class extends Plugin {
   }
   onStarting() {
     [
-      [SheetsHyperLinkResolverService],
+      [
+        SheetsHyperLinkResolverService,
+        {
+          useFactory: /* @__PURE__ */ __name(() => {
+            var _a14;
+            return this._injector.createInstance(SheetsHyperLinkResolverService, (_a14 = this._config) == null ? void 0 : _a14.urlHandler);
+          }, "useFactory")
+        }
+      ],
       [SheetsHyperLinkPopupService],
+      [SheetsHyperLinkSidePanelService],
       [SheetsHyperLinkRemoveSheetController],
       [SheetsHyperLinkRenderManagerController],
       [SheetHyperLinkSetRangeController],
@@ -1614,20 +1796,17 @@ UniverSheetsHyperLinkUIPlugin = __decorateClass([
   __decorateParam(2, IRenderManagerService)
 ], UniverSheetsHyperLinkUIPlugin);
 export {
+  AddHyperLinkCommand,
+  CancelHyperLinkCommand,
   CloseHyperLinkSidebarOperation,
   InsertHyperLinkOperation,
   InsertLinkShortcut,
   OpenHyperLinkSidebarOperation,
-  SheetHyperLinkSetRangeController,
-  SheetHyperLinkUrlController,
-  SheetsHyperLinkAutoFillController,
+  RemoveHyperLinkCommand,
   SheetsHyperLinkCopyPasteController,
-  SheetsHyperLinkPopupController,
   SheetsHyperLinkPopupService,
-  SheetsHyperLinkRemoveSheetController,
-  SheetsHyperLinkRenderController,
-  SheetsHyperLinkRenderManagerController,
   SheetsHyperLinkResolverService,
-  SheetsHyperLinkUIController,
-  UniverSheetsHyperLinkUIPlugin
+  SheetsHyperLinkSidePanelService,
+  UniverSheetsHyperLinkUIPlugin,
+  UpdateHyperLinkCommand
 };