@univerjs/sheets-hyper-link-ui 0.3.0 → 0.4.0-alpha.1

package/lib/es/index.js

@@ -2,20 +2,18 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
-import { Tools, Inject, LocaleService, UniverInstanceType, isValidRange, IUniverInstanceService, ICommandService, IConfigService, RANGE_TYPE, Rectangle, 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 { Tools, Inject, LocaleService, UniverInstanceType, isValidRange, IUniverInstanceService, ICommandService, IConfigService, RANGE_TYPE, Rectangle, Injector, Disposable, Range, ObjectMatrix, CommandType, IUndoRedoService, BuildTextUtils, DataStreamTreeTokenType, CustomRangeType, TextX, CellValueType, sequenceExecuteAsync, generateRandomId, getBodySlice, useDependency, IContextService, ThemeService, ColorKit, DisposableCollection, createInternalEditorID, FOCUSING_SHEET, DOCS_ZEN_EDITOR_UNIT_ID_KEY, sequenceExecute, useObservable as useObservable$1, DataValidationType, IPermissionService, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, InterceptorEffectEnum, DependentOn, Plugin } from "@univerjs/core";
 import { SheetHyperLinkType, ERROR_RANGE, HyperLinkModel, RemoveHyperLinkMutation, AddHyperLinkMutation, UniverSheetsHyperLinkPlugin } from "@univerjs/sheets-hyper-link";
-import { ScrollToRangeOperation, COPY_TYPE, virtualizeDiscreteRanges, rangeToDiscreteRange, PREDEFINED_HOOK_NAME, getRepeatRange, ISheetClipboardService, SheetSkeletonManagerService, IEditorBridgeService, IMarkSelectionService, SheetCanvasPopManagerService, getEditingCustomRangePosition, getCustomRangePosition, whenSheetEditorFocused, getCurrentRangeDisable$, HoverManagerService, SheetPermissionInterceptorBaseController, HoverRenderController, IAutoFillService, APPLY_TYPE, getAutoFillRepeatRange } from "@univerjs/sheets-ui";
+import { ScrollToRangeOperation, COPY_TYPE, virtualizeDiscreteRanges, rangeToDiscreteRange, PREDEFINED_HOOK_NAME, getRepeatRange, ISheetClipboardService, SheetSkeletonManagerService, IEditorBridgeService, IMarkSelectionService, SheetCanvasPopManagerService, getEditingCustomRangePosition, getCustomRangePosition, whenSheetEditorFocused, getCurrentRangeDisable$, IAutoFillService, APPLY_TYPE, getAutoFillRepeatRange, SheetPermissionInterceptorBaseController, HoverManagerService, HoverRenderController } from "@univerjs/sheets-ui";
 import { MessageType, FormLayout, Input, Select, Button, Tooltip } from "@univerjs/design";
 import { deserializeRangeWithSheet, 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 { SetSelectionsOperation, SetWorksheetActiveOperation, SetRangeValuesMutation, SetRangeValuesUndoMutationFactory, SheetsSelectionsService, getSheetCommandTarget, WorkbookEditablePermission, WorksheetEditPermission, WorksheetSetCellValuePermission, WorksheetInsertHyperlinkPermission, RangeProtectionPermissionEditPoint, WorkbookViewPermission, WorksheetViewPermission, RangeProtectionPermissionViewPoint, WorkbookCopyPermission, WorksheetCopyPermission, ClearSelectionContentCommand, ClearSelectionAllCommand, ClearSelectionFormatCommand, SheetInterceptorService, RemoveSheetCommand, INTERCEPTOR_POINT, RefRangeService, handleDefaultRangeChangeWithEffectRefCommands, SetRangeValuesCommand } from "@univerjs/sheets";
 import { 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 { Subject, BehaviorSubject, map, mergeMap, Observable, debounceTime } from "rxjs";
-import { addCustomRangeBySelectionFactory, replaceSelectionFactory, DocSelectionRenderService, RangeSelector, deleteCustomRangeFactory, DocCanvasPopManagerService, IEditorService, IRangeSelectorService, DocEventManagerService, UniverDocsUIPlugin } from "@univerjs/docs-ui";
+import { addCustomRangeBySelectionFactory, replaceSelectionFactory, DocSelectionRenderService, RangeSelector, DocBackScrollRenderController, deleteCustomRangeFactory, DocCanvasPopManagerService, IEditorService, IRangeSelectorService, DocEventManagerService, UniverDocsUIPlugin } from "@univerjs/docs-ui";
 import require$$0, { useState, useMemo, useRef, useEffect, forwardRef, createElement } from "react";
 import { IRenderManagerService } from "@univerjs/engine-render";
-import cs from "clsx";
-const SHEET_HYPER_LINK_UI_PLUGIN = "SHEET_HYPER_LINK_UI_PLUGIN";
 function isLegalLink(link) {
   return Tools.isLegalUrl(link);
 }
@@ -101,7 +99,28 @@ let SheetsHyperLinkResolverService = (_a = class {
     if (!workbook)
       return;
     const unitId = workbook.getUnitId();
-    if (rangeid && this.navigateToDefineName(unitId, rangeid), !!gid) {
+    if (rangeid) {
+      const item = this._definedNamesService.getValueById(unitId, rangeid);
+      if (!item)
+        return;
+      const { formulaOrRefString } = item, worksheet = this._definedNamesService.getWorksheetByRef(unitId, formulaOrRefString);
+      if (!worksheet) {
+        this._messageService.show({
+          content: this._localeService.t("hyperLink.message.refError"),
+          type: MessageType.Error
+        });
+        return;
+      }
+      if (worksheet.isSheetHidden()) {
+        this._messageService.show({
+          content: this._localeService.t("hyperLink.message.hiddenSheet"),
+          type: MessageType.Error
+        });
+        return;
+      }
+      this.navigateToDefineName(unitId, rangeid);
+    }
+    if (gid) {
       if (range) {
         const rangeInfo = deserializeRangeWithSheet(range);
         isValidRange(rangeInfo.range) && range !== ERROR_RANGE && this.navigateToRange(unitId, gid, rangeInfo.range);
@@ -218,6 +237,7 @@ SheetsHyperLinkResolverService = __decorateClass$c([
   __decorateParam$c(4, Inject(LocaleService)),
   __decorateParam$c(5, IConfigService)
 ], SheetsHyperLinkResolverService);
+const SHEET_HYPER_LINK_UI_PLUGIN = "SHEET_HYPER_LINK_UI_PLUGIN";
 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);
@@ -364,7 +384,6 @@ let SheetsHyperLinkCopyPasteController = (_a2 = class extends Disposable {
   }
 }, __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)),
@@ -668,12 +687,12 @@ const cellLinkEdit = "univer-cell-link-edit", cellLinkEditButtons = "univer-cell
   cellLinkEditButtons
 }, CellLinkEdit = /* @__PURE__ */ __name(() => {
   var _a15;
-  const [id, setId] = useState(""), [hide, setHide] = useState(!1), [display, setDisplay] = useState(""), [showLabel, setShowLabel] = useState(!0), [type, setType] = useState(SheetHyperLinkType.URL), [payload, setPayload] = useState(""), localeService = useDependency(LocaleService), definedNameService = useDependency(IDefinedNamesService), editorBridgeService = useDependency(IEditorBridgeService), univerInstanceService = useDependency(IUniverInstanceService), popupService = useDependency(SheetsHyperLinkPopupService), editing = useObservable(popupService.currentEditing$), resolverService = useDependency(SheetsHyperLinkResolverService), commandService = useDependency(ICommandService), sidePanelService = useDependency(SheetsHyperLinkSidePanelService), sidePanelOptions = useMemo(() => sidePanelService.getOptions(), [sidePanelService]), zenZoneService = useDependency(IZenZoneService), renderManagerService = useDependency(IRenderManagerService), markSelectionService = useDependency(IMarkSelectionService), textSelectionService = useDependency(DocSelectionManagerService), contextService = useDependency(IContextService), customHyperLinkSidePanel = useMemo(() => {
+  const [id, setId] = useState(""), [hide, setHide] = useState(!1), [display, setDisplay] = useState(""), [showLabel, setShowLabel] = useState(!0), [type, setType] = useState(SheetHyperLinkType.URL), [payload, setPayload] = useState(""), localeService = useDependency(LocaleService), definedNameService = useDependency(IDefinedNamesService), editorBridgeService = useDependency(IEditorBridgeService), univerInstanceService = useDependency(IUniverInstanceService), popupService = useDependency(SheetsHyperLinkPopupService), editing = useObservable(popupService.currentEditing$), resolverService = useDependency(SheetsHyperLinkResolverService), commandService = useDependency(ICommandService), sidePanelService = useDependency(SheetsHyperLinkSidePanelService), sidePanelOptions = useMemo(() => sidePanelService.getOptions(), [sidePanelService]), zenZoneService = useDependency(IZenZoneService), renderManagerService = useDependency(IRenderManagerService), markSelectionService = useDependency(IMarkSelectionService), textSelectionService = useDependency(DocSelectionManagerService), contextService = useDependency(IContextService), themeService = useDependency(ThemeService), docSelectionManagerService = useDependency(DocSelectionManagerService), customHyperLinkSidePanel = useMemo(() => {
     if (!sidePanelService.isBuiltInLinkType(type))
       return sidePanelService.getCustomHyperLink(type);
   }, [sidePanelService, type]), [showError, setShowError] = useState(!1), setByPayload = useRef(!1);
   useEffect(() => {
-    var _a16, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+    var _a16, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
     if ((editing == null ? void 0 : editing.row) !== void 0 && editing.col !== void 0) {
       const { label, customRange, row, col } = editing;
       let link;
@@ -689,20 +708,20 @@ const cellLinkEdit = "univer-cell-link-edit", cellLinkEditButtons = "univer-cell
         const workbook2 = univerInstanceService.getUnit(editing.unitId), worksheet = workbook2 == null ? void 0 : workbook2.getSheetBySheetId(editing.subUnitId), cell = worksheet == null ? void 0 : worksheet.getCellRaw(editing.row, editing.col), range = (_f = (_e = (_d = cell == null ? void 0 : cell.p) == null ? void 0 : _d.body) == null ? void 0 : _e.customRanges) == null ? void 0 : _f.find((range2) => {
           var _a17;
           return range2.rangeType === CustomRangeType.HYPERLINK && ((_a17 = range2.properties) == null ? void 0 : _a17.url);
-        }), cellValue = `${(_g = getOriginCellValue(cell)) != null ? _g : ""}`;
-        cell && (cell.p || cellValue) && setShowLabel(!1), link = {
+        }), cellValue = cell == null ? void 0 : cell.v;
+        cell && (!BuildTextUtils.transform.isEmptyDocument((_h = (_g = cell.p) == null ? void 0 : _g.body) == null ? void 0 : _h.dataStream) || cellValue) && setShowLabel(!1), link = {
           id: "",
           display: "",
-          payload: (_i = (_h = range == null ? void 0 : range.properties) == null ? void 0 : _h.url) != null ? _i : "",
+          payload: (_j = (_i = range == null ? void 0 : range.properties) == null ? void 0 : _i.url) != null ? _j : "",
           row,
           column: col
         };
       } else {
-        const doc = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_DOC), selection = textSelectionService.getActiveTextRange(), customRange2 = selection && ((_l = BuildTextUtils.customRange.getCustomRangesInterestsWithRange(selection, (_k = (_j = doc == null ? void 0 : doc.getBody()) == null ? void 0 : _j.customRanges) != null ? _k : [])) == null ? void 0 : _l[0]);
+        const doc = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_DOC), selection = textSelectionService.getActiveTextRange(), customRange2 = selection && ((_m = BuildTextUtils.customRange.getCustomRangesInterestsWithRange(selection, (_l = (_k = doc == null ? void 0 : doc.getBody()) == null ? void 0 : _k.customRanges) != null ? _l : [])) == null ? void 0 : _m[0]);
         setShowLabel(!1), link = {
           id: "",
           display: label != null ? label : "",
-          payload: (_n = (_m = customRange2 == null ? void 0 : customRange2.properties) == null ? void 0 : _m.url) != null ? _n : "",
+          payload: (_o = (_n = customRange2 == null ? void 0 : customRange2.properties) == null ? void 0 : _n.url) != null ? _o : "",
           row,
           column: col
         };
@@ -722,7 +741,7 @@ const cellLinkEdit = "univer-cell-link-edit", cellLinkEditButtons = "univer-cell
           break;
         }
         case SheetHyperLinkType.RANGE: {
-          const params = linkInfo.searchObj, sheetName = params.gid && (_q = (_p = (_o = univerInstanceService.getUnit(editing.unitId)) == null ? void 0 : _o.getSheetBySheetId(params.gid)) == null ? void 0 : _p.getName()) != null ? _q : "", payload2 = serializeRangeWithSheet(sheetName, deserializeRangeWithSheet(params.range).range);
+          const params = linkInfo.searchObj, sheetName = params.gid && (_r = (_q = (_p = univerInstanceService.getUnit(editing.unitId)) == null ? void 0 : _p.getSheetBySheetId(params.gid)) == null ? void 0 : _q.getName()) != null ? _r : "", payload2 = serializeRangeWithSheet(sheetName, deserializeRangeWithSheet(params.range).range);
           setPayload(payload2), payload2 === link.display && (setByPayload.current = !0);
           break;
         }
@@ -742,10 +761,9 @@ const cellLinkEdit = "univer-cell-link-edit", cellLinkEditButtons = "univer-cell
       }
     }
   }, [editing, resolverService, sidePanelService, textSelectionService, univerInstanceService]), useEffect(() => {
-    var _a16;
     let id2 = null;
-    if (editing && editing.type === HyperLinkEditSourceType.VIEWING && Tools.isDefine(editing.row) && Tools.isDefine(editing.col)) {
-      const worksheet = (_a16 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET)) == null ? void 0 : _a16.getSheetBySheetId(editing.subUnitId), mergeInfo = worksheet == null ? void 0 : worksheet.getMergedCell(editing.row, editing.col);
+    if (editing && !editing.customRangeId && editing.type === HyperLinkEditSourceType.VIEWING && Tools.isDefine(editing.row) && Tools.isDefine(editing.col)) {
+      const workbook2 = univerInstanceService.getUnit(editing.unitId, UniverInstanceType.UNIVER_SHEET), worksheet = workbook2 == null ? void 0 : workbook2.getSheetBySheetId(editing.subUnitId), mergeInfo = worksheet == null ? void 0 : worksheet.getMergedCell(editing.row, editing.col), color = new ColorKit(themeService.getCurrentTheme().hyacinth500).toRgb();
       id2 = markSelectionService.addShape(
         {
           range: mergeInfo != null ? mergeInfo : {
@@ -756,7 +774,7 @@ const cellLinkEdit = "univer-cell-link-edit", cellLinkEditButtons = "univer-cell
           },
           style: {
             hasAutoFill: !1,
-            fill: "rgb(255, 189, 55, 0.35)",
+            fill: `rgb(${color.r}, ${color.g}, ${color.b}, 0.12)`,
             strokeWidth: 1,
             stroke: "#FFBD37",
             widgets: {}
@@ -770,7 +788,7 @@ const cellLinkEdit = "univer-cell-link-edit", cellLinkEditButtons = "univer-cell
     return () => {
       id2 && markSelectionService.removeShape(id2);
     };
-  }, [editing, markSelectionService]);
+  }, [editing, markSelectionService, themeService, univerInstanceService]);
   const payloadInitial = useMemo(() => payload, [type]);
   useEffect(() => {
     const render2 = renderManagerService.getRenderById(editorBridgeService.getCurrentEditorId()), disposeCollection = new DisposableCollection();
@@ -937,13 +955,25 @@ const cellLinkEdit = "univer-cell-link-edit", cellLinkEditButtons = "univer-cell
         isSingleChoice: !0,
         value: payloadInitial,
         onChange: handleRangeChange,
-        disableInput: editing.type === HyperLinkEditSourceType.ZEN_EDITOR,
+        dialogOnly: !0,
         onSelectorVisibleChange: /* @__PURE__ */ __name(async (visible) => {
-          visible ? (editing.type === HyperLinkEditSourceType.ZEN_EDITOR && (zenZoneService.hide(), contextService.setContextValue(FOCUSING_SHEET, !0)), editing.type !== HyperLinkEditSourceType.VIEWING && editorBridgeService.enableForceKeepVisible(), setHide(!0)) : (await resolverService.navigateToRange(editing.unitId, editing.subUnitId, { startRow: editing.row, endRow: editing.row, startColumn: editing.col, endColumn: editing.col }), editing.type === HyperLinkEditSourceType.ZEN_EDITOR && (await commandService.executeCommand(SetSelectionsOperation.id, {
-            unitId: editing.unitId,
-            subUnitId: editing.subUnitId,
-            selections: [{ range: { startRow: editing.row, endRow: editing.row, startColumn: editing.col, endColumn: editing.col } }]
-          }), zenZoneService.show(), contextService.setContextValue(FOCUSING_SHEET, !1)), editorBridgeService.disableForceKeepVisible(), setHide(!1));
+          var _a16, _b;
+          if (visible)
+            editing.type === HyperLinkEditSourceType.ZEN_EDITOR && (zenZoneService.hide(), contextService.setContextValue(FOCUSING_SHEET, !0)), editing.type !== HyperLinkEditSourceType.VIEWING && editorBridgeService.enableForceKeepVisible(), setHide(!0);
+          else {
+            if (await resolverService.navigateToRange(editing.unitId, editing.subUnitId, { startRow: editing.row, endRow: editing.row, startColumn: editing.col, endColumn: editing.col }), editing.type === HyperLinkEditSourceType.ZEN_EDITOR) {
+              await commandService.executeCommand(SetSelectionsOperation.id, {
+                unitId: editing.unitId,
+                subUnitId: editing.subUnitId,
+                selections: [{ range: { startRow: editing.row, endRow: editing.row, startColumn: editing.col, endColumn: editing.col } }]
+              }), zenZoneService.show(), contextService.setContextValue(FOCUSING_SHEET, !1);
+              const docBackScrollRenderController = (_a16 = renderManagerService.getRenderById(DOCS_ZEN_EDITOR_UNIT_ID_KEY)) == null ? void 0 : _a16.with(DocBackScrollRenderController), range = (_b = docSelectionManagerService.getTextRanges({ unitId: DOCS_ZEN_EDITOR_UNIT_ID_KEY, subUnitId: DOCS_ZEN_EDITOR_UNIT_ID_KEY })) == null ? void 0 : _b[0];
+              docBackScrollRenderController && range && setTimeout(() => {
+                docBackScrollRenderController.scrollToRange(range), docSelectionManagerService.refreshSelection({ unitId: DOCS_ZEN_EDITOR_UNIT_ID_KEY, subUnitId: DOCS_ZEN_EDITOR_UNIT_ID_KEY });
+              }, 100);
+            }
+            editorBridgeService.disableForceKeepVisible(), setHide(!1);
+          }
         }, "onSelectorVisibleChange")
       }
     ) }),
@@ -1107,6 +1137,21 @@ var element = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width:
   }));
 });
 Xlsx.displayName = "Xlsx";
+function r(e) {
+  var t, f2, n2 = "";
+  if (typeof e == "string" || typeof e == "number") n2 += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f2 = r(e[t])) && (n2 && (n2 += " "), n2 += f2);
+  } else for (f2 in e) e[f2] && (n2 && (n2 += " "), n2 += f2);
+  return n2;
+}
+__name(r, "r");
+function clsx() {
+  for (var e, t, f2 = 0, n2 = "", o = arguments.length; f2 < o; f2++) (e = arguments[f2]) && (t = r(e)) && (n2 && (n2 += " "), n2 += t);
+  return n2;
+}
+__name(clsx, "clsx");
 const CancelHyperLinkCommand = {
   type: CommandType.COMMAND,
   id: "sheets.command.cancel-hyper-link",
@@ -1212,8 +1257,8 @@ const CancelHyperLinkCommand = {
   [SheetHyperLinkType.INVALID]: /* @__PURE__ */ jsxRuntimeExports.jsx(AllBorderSingle, {})
 }, CellLinkPopup = /* @__PURE__ */ __name(() => {
   var _a15, _b;
-  const popupService = useDependency(SheetsHyperLinkPopupService), commandService = useDependency(ICommandService), messageService = useDependency(IMessageService), localeService = useDependency(LocaleService), [currentPopup, setCurrentPopup] = useState(null), resolverService = useDependency(SheetsHyperLinkResolverService), editorBridgeService = useDependency(IEditorBridgeService);
-  if (useEffect(() => {
+  const popupService = useDependency(SheetsHyperLinkPopupService), commandService = useDependency(ICommandService), messageService = useDependency(IMessageService), localeService = useDependency(LocaleService), [currentPopup, setCurrentPopup] = useState(null), resolverService = useDependency(SheetsHyperLinkResolverService), editorBridgeService = useDependency(IEditorBridgeService), zenZoneService = useDependency(IZenZoneService);
+  if (useObservable$1(zenZoneService.visible$), useEffect(() => {
     setCurrentPopup(popupService.currentPopup);
     const ob = popupService.currentPopup$.subscribe((popup) => {
       setCurrentPopup(popup);
@@ -1228,15 +1273,24 @@ const CancelHyperLinkCommand = {
     return null;
   const linkObj = resolverService.parseHyperLink((_b = customRange.properties.url) != null ? _b : ""), isError = linkObj.type === SheetHyperLinkType.INVALID;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.cellLink, onClick: /* @__PURE__ */ __name(() => popupService.hideCurrentPopup(), "onClick"), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cs(styles.cellLinkContent, { [styles.cellLinkContentError]: isError }), onClick: linkObj.handler, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.cellLinkType, children: iconsMap[linkObj.type] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { showIfEllipsis: !0, title: linkObj.name, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles.cellLinkUrl, children: linkObj.name }) })
-    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: clsx(styles.cellLinkContent, { [styles.cellLinkContentError]: isError }),
+        onClick: /* @__PURE__ */ __name(() => {
+          zenZoneService.visible || linkObj.handler();
+        }, "onClick"),
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.cellLinkType, children: iconsMap[linkObj.type] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { showIfEllipsis: !0, title: linkObj.name, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles.cellLinkUrl, children: linkObj.name }) })
+        ]
+      }
+    ),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.cellLinkOperations, children: [
       currentPopup.copyPermission && /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
         {
-          className: cs(styles.cellLinkOperation, { [styles.cellLinkOperationError]: isError }),
+          className: clsx(styles.cellLinkOperation, { [styles.cellLinkOperationError]: isError }),
           onClick: /* @__PURE__ */ __name(() => {
             if (!isError) {
               if (linkObj.type !== SheetHyperLinkType.URL) {
@@ -1408,6 +1462,9 @@ let SheetsHyperLinkPopupService = (_a3 = class extends Disposable {
         const hyperLinkRangeSelectorId = createInternalEditorID("hyper-link-edit");
         this._editorService.getFocusId() !== hyperLinkRangeSelectorId && (this._rangeSelectorService.getCurrentSelectorId() === hyperLinkRangeSelectorId && this._rangeSelectorService.selectorModalVisible || this.endEditing());
       }, "onClickOutside"),
+      onContextMenu: /* @__PURE__ */ __name(() => {
+        this.endEditing();
+      }, "onContextMenu"),
       hiddenType: "hide"
     };
   }
@@ -1688,299 +1745,163 @@ var __defProp$9 = Object.defineProperty, __getOwnPropDesc$9 = Object.getOwnPrope
     (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"), _a4;
-let SheetsHyperLinkRemoveSheetController = (_a4 = class extends Disposable {
-  constructor(_sheetInterceptorService, _univerInstanceService, _hyperLinkModel) {
-    super(), this._sheetInterceptorService = _sheetInterceptorService, this._univerInstanceService = _univerInstanceService, this._hyperLinkModel = _hyperLinkModel, this._initSheetChange();
+let SheetsHyperLinkAutoFillController = (_a4 = class extends Disposable {
+  constructor(_autoFillService, _hyperLinkModel) {
+    super(), this._autoFillService = _autoFillService, this._hyperLinkModel = _hyperLinkModel, this._initAutoFill();
   }
-  _initSheetChange() {
-    this.disposeWithMe(
-      this._sheetInterceptorService.interceptCommand({
-        getMutations: /* @__PURE__ */ __name((commandInfo) => {
-          var _a15;
-          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 || ((_a15 = workbook.getActiveSheet()) == null ? void 0 : _a15.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
+  // eslint-disable-next-line max-lines-per-function
+  _initAutoFill() {
+    const noopReturnFunc = /* @__PURE__ */ __name(() => ({ redos: [], undos: [] }), "noopReturnFunc"), generalApplyFunc = /* @__PURE__ */ __name((location2, applyType) => {
+      const { source: sourceRange, target: targetRange, unitId, subUnitId } = location2, virtualRange = virtualizeDiscreteRanges([sourceRange, targetRange]), [vSourceRange, vTargetRange] = virtualRange.ranges, { mapFunc } = virtualRange, sourceStartCell = {
+        row: vSourceRange.startRow,
+        col: vSourceRange.startColumn
+      }, repeats = getAutoFillRepeatRange(vSourceRange, vTargetRange), redos = [], undos = [];
+      return repeats.forEach((repeat) => {
+        const targetStartCell = repeat.repeatStartCell, relativeRange = repeat.relativeRange, sourceRange2 = {
+          startRow: sourceStartCell.row,
+          startColumn: sourceStartCell.col,
+          endColumn: sourceStartCell.col,
+          endRow: sourceStartCell.row
+        }, targetRange2 = {
+          startRow: targetStartCell.row,
+          startColumn: targetStartCell.col,
+          endColumn: targetStartCell.col,
+          endRow: targetStartCell.row
+        };
+        Range.foreach(relativeRange, (row, col) => {
+          const sourcePositionRange = Rectangle.getPositionRange(
+            {
+              startRow: row,
+              startColumn: col,
+              endColumn: col,
+              endRow: row
+            },
+            sourceRange2
+          ), { 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
               }
-            }));
-            return { redos, undos };
-          }
-          return { redos: [], undos: [] };
-        }, "getMutations")
-      })
-    );
+            }
+          }), undos.push({
+            id: RemoveHyperLinkMutation.id,
+            params: {
+              unitId,
+              subUnitId,
+              id
+            }
+          })), currentLink && undos.push({
+            id: AddHyperLinkMutation.id,
+            params: {
+              unitId,
+              subUnitId,
+              link: currentLink
+            }
+          });
+        });
+      }), {
+        undos,
+        redos
+      };
+    }, "generalApplyFunc"), hook = {
+      id: SHEET_HYPER_LINK_UI_PLUGIN,
+      onFillData: /* @__PURE__ */ __name((location2, direction, applyType) => applyType === APPLY_TYPE.COPY || applyType === APPLY_TYPE.ONLY_FORMAT || applyType === APPLY_TYPE.SERIES ? generalApplyFunc(location2, applyType) : noopReturnFunc(), "onFillData")
+    };
+    this.disposeWithMe(this._autoFillService.addHook(hook));
   }
-}, __name(_a4, "SheetsHyperLinkRemoveSheetController"), _a4);
-SheetsHyperLinkRemoveSheetController = __decorateClass$9([
-  OnLifecycle(LifecycleStages.Ready, SheetsHyperLinkRemoveSheetController),
-  __decorateParam$9(0, Inject(SheetInterceptorService)),
-  __decorateParam$9(1, IUniverInstanceService),
-  __decorateParam$9(2, Inject(HyperLinkModel))
-], SheetsHyperLinkRemoveSheetController);
+}, __name(_a4, "SheetsHyperLinkAutoFillController"), _a4);
+SheetsHyperLinkAutoFillController = __decorateClass$9([
+  __decorateParam$9(0, IAutoFillService),
+  __decorateParam$9(1, Inject(HyperLinkModel))
+], SheetsHyperLinkAutoFillController);
 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"), _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 _a15;
-      const workbook = this._context.unit, unitId = workbook.getUnitId(), subUnitId = (_a15 = workbook.getActiveSheet()) == null ? void 0 : _a15.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$8([
-  __decorateParam$8(1, Inject(HyperLinkModel)),
-  __decorateParam$8(2, Inject(SheetSkeletonManagerService)),
-  __decorateParam$8(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();
+let SheetsHyperLinkPermissionController = (_a5 = class extends Disposable {
+  constructor(_localeService, _commandService, _sheetPermissionInterceptorBaseController) {
+    super(), this._localeService = _localeService, this._commandService = _commandService, this._sheetPermissionInterceptorBaseController = _sheetPermissionInterceptorBaseController, this._commandExecutedListener();
   }
-  _initViewModelIntercept() {
+  _commandExecutedListener() {
     this.disposeWithMe(
-      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 ? {
-              ...cell,
-              linkUrl: link.payload,
-              linkId: link.id
-            } : cell);
-          }, "handler")
-        }
-      )
+      this._commandService.beforeCommandExecuted((command) => {
+        command.id === InsertLinkShortcut.id && (this._sheetPermissionInterceptorBaseController.permissionCheckWithRanges({
+          workbookTypes: [WorkbookEditablePermission],
+          rangeTypes: [RangeProtectionPermissionEditPoint],
+          worksheetTypes: [WorksheetEditPermission, WorksheetSetCellValuePermission, WorksheetInsertHyperlinkPermission]
+        }) || this._sheetPermissionInterceptorBaseController.haveNotPermissionHandle(this._localeService.t("permission.dialog.hyperLinkErr")));
+      })
     );
   }
-}, __name(_a6, "SheetsHyperLinkRenderManagerController"), _a6);
-SheetsHyperLinkRenderManagerController = __decorateClass$8([
-  OnLifecycle(LifecycleStages.Ready, SheetsHyperLinkRenderManagerController),
-  __decorateParam$8(0, Inject(SheetInterceptorService)),
-  __decorateParam$8(1, Inject(HyperLinkModel)),
-  __decorateParam$8(2, Inject(ThemeService))
-], SheetsHyperLinkRenderManagerController);
+}, __name(_a5, "SheetsHyperLinkPermissionController"), _a5);
+SheetsHyperLinkPermissionController = __decorateClass$8([
+  __decorateParam$8(0, Inject(LocaleService)),
+  __decorateParam$8(1, ICommandService),
+  __decorateParam$8(2, Inject(SheetPermissionInterceptorBaseController))
+], SheetsHyperLinkPermissionController);
 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"), _a7;
-let SheetHyperLinkSetRangeController = (_a7 = class extends Disposable {
-  constructor(_sheetInterceptorService, _hyperLinkModel, _selectionManagerService, _univerInstanceService, _editorBridgeService, _renderManagerService) {
-    super(), this._sheetInterceptorService = _sheetInterceptorService, this._hyperLinkModel = _hyperLinkModel, this._selectionManagerService = _selectionManagerService, this._univerInstanceService = _univerInstanceService, this._editorBridgeService = _editorBridgeService, this._renderManagerService = _renderManagerService, this._initCommandInterceptor(), this._initAfterEditor();
+}, "__decorateClass$7"), __decorateParam$7 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$7"), _a6;
+let SheetsHyperLinkPopupController = (_a6 = class extends Disposable {
+  constructor(_hoverManagerService, _sheetsHyperLinkPopupService, _renderManagerService, _permissionService, _sheetPermissionInterceptorBaseController, _commandService, _editorBridgeService, _textSelectionManagerService, _univerInstanceService, _zenZoneService) {
+    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();
   }
-  _initCommandInterceptor() {
-    this._initSetRangeValuesCommandInterceptor(), this._initClearSelectionCommandInterceptor();
+  _getLinkPermission(location2) {
+    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]
+    }, [{ startRow: currentRow, startColumn: currentCol, endRow: currentRow, endColumn: currentCol }]), editPermission = this._sheetPermissionInterceptorBaseController.permissionCheckWithRanges({
+      workbookTypes: [WorkbookEditablePermission],
+      worksheetTypes: [WorksheetEditPermission, WorksheetInsertHyperlinkPermission],
+      rangeTypes: [RangeProtectionPermissionEditPoint]
+    }, [{ startRow: currentRow, startColumn: currentCol, endRow: currentRow, endColumn: currentCol }]), copyPermission = this._permissionService.composePermission([new WorkbookCopyPermission(unitId).id, new WorksheetCopyPermission(unitId, subUnitId).id]).every((permission) => permission.value);
+    return {
+      viewPermission,
+      editPermission,
+      copyPermission
+    };
   }
-  _initSetRangeValuesCommandInterceptor() {
-    this.disposeWithMe(this._sheetInterceptorService.interceptCommand({
-      getMutations: /* @__PURE__ */ __name((command) => {
-        if (command.id === SetRangeValuesCommand.id) {
-          const params = command.params, { unitId, subUnitId } = params, redos = [], undos = [];
-          return params.cellValue && new ObjectMatrix(params.cellValue).forValue((row, col) => {
-            const link = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, row, col);
-            link && (redos.push({
-              id: RemoveHyperLinkMutation.id,
-              params: {
-                unitId,
-                subUnitId,
-                id: link.id
-              }
-            }), undos.push({
-              id: AddHyperLinkMutation.id,
-              params: {
-                unitId,
-                subUnitId,
-                link
-              }
-            }));
-          }), {
-            undos,
-            redos
-          };
-        }
-        return {
-          redos: [],
-          undos: []
-        };
-      }, "getMutations")
-    }));
-  }
-  _initClearSelectionCommandInterceptor() {
-    this.disposeWithMe(this._sheetInterceptorService.interceptCommand({
-      getMutations: /* @__PURE__ */ __name((command) => {
-        if (command.id === ClearSelectionContentCommand.id || command.id === ClearSelectionAllCommand.id || command.id === ClearSelectionFormatCommand.id) {
-          const redos = [], undos = [], selection = this._selectionManagerService.getCurrentLastSelection(), target = getSheetCommandTarget(this._univerInstanceService);
-          if (selection && target) {
-            const { unitId, subUnitId } = target;
-            Range.foreach(selection.range, (row, col) => {
-              const link = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, row, col);
-              link && (redos.push({
-                id: RemoveHyperLinkMutation.id,
-                params: {
-                  unitId,
-                  subUnitId,
-                  id: link.id
-                }
-              }), undos.push({
-                id: AddHyperLinkMutation.id,
-                params: {
-                  unitId,
-                  subUnitId,
-                  link
-                }
-              }));
-            });
-          }
-          return {
-            redos,
-            undos
-          };
-        }
-        return {
-          redos: [],
-          undos: []
-        };
-      }, "getMutations")
-    }));
-  }
-  _initAfterEditor() {
-    this.disposeWithMe(this._editorBridgeService.interceptor.intercept(this._editorBridgeService.interceptor.getInterceptPoints().AFTER_CELL_EDIT, {
-      handler: /* @__PURE__ */ __name((cell, context, next) => {
-        if (!cell || cell.p)
-          return next(cell);
-        if (typeof cell.v == "string" && Tools.isLegalUrl(cell.v) && cell.v[cell.v.length - 1] !== " ") {
-          const { unitId, subUnitId } = context, renderer = this._renderManagerService.getRenderById(unitId), skeleton = renderer == null ? void 0 : renderer.with(SheetSkeletonManagerService).getWorksheetSkeleton(subUnitId);
-          if (!skeleton)
-            return next(cell);
-          const doc = skeleton.skeleton.getBlankCellDocumentModel(cell);
-          if (!doc.documentModel)
-            return next(cell);
-          const textX = BuildTextUtils.selection.replace({
-            selection: {
-              startOffset: 0,
-              endOffset: cell.v.length,
-              collapsed: !1
-            },
-            body: {
-              dataStream: `${DataStreamTreeTokenType.CUSTOM_RANGE_START}${cell.v}${DataStreamTreeTokenType.CUSTOM_RANGE_END}`,
-              customRanges: [{
-                startIndex: 0,
-                endIndex: cell.v.length + 1,
-                rangeId: generateRandomId(),
-                rangeType: CustomRangeType.HYPERLINK,
-                properties: {
-                  url: cell.v
-                }
-              }]
-            },
-            doc: doc.documentModel
-          });
-          if (!textX)
-            return next(cell);
-          const body = doc.documentModel.getBody();
-          return TextX.apply(body, textX.serialize()), next({
-            ...cell,
-            p: {
-              id: DOCS_NORMAL_EDITOR_UNIT_ID_KEY,
-              body,
-              documentStyle: {
-                pageSize: {
-                  width: 1 / 0,
-                  height: 1 / 0
-                }
-              }
-            }
-          });
-        }
-        return next(cell);
-      }, "handler")
-    }));
-  }
-}, __name(_a7, "SheetHyperLinkSetRangeController"), _a7);
-SheetHyperLinkSetRangeController = __decorateClass$7([
-  OnLifecycle(LifecycleStages.Starting, SheetHyperLinkSetRangeController),
-  __decorateParam$7(0, Inject(SheetInterceptorService)),
-  __decorateParam$7(1, Inject(HyperLinkModel)),
-  __decorateParam$7(2, Inject(SheetsSelectionsService)),
-  __decorateParam$7(3, IUniverInstanceService),
-  __decorateParam$7(4, IEditorBridgeService),
-  __decorateParam$7(5, IRenderManagerService)
-], 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--)
-    (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"), _a8;
-let SheetsHyperLinkPopupController = (_a8 = class extends Disposable {
-  constructor(_hoverManagerService, _sheetsHyperLinkPopupService, _renderManagerService, _permissionService, _sheetPermissionInterceptorBaseController, _commandService, _editorBridgeService, _textSelectionManagerService, _univerInstanceService, _zenZoneService) {
-    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, 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]
-    }, [{ startRow: currentRow, startColumn: currentCol, endRow: currentRow, endColumn: currentCol }]), editPermission = this._sheetPermissionInterceptorBaseController.permissionCheckWithRanges({
-      workbookTypes: [WorkbookEditablePermission],
-      worksheetTypes: [WorksheetEditPermission, WorksheetInsertHyperlinkPermission],
-      rangeTypes: [RangeProtectionPermissionEditPoint]
-    }, [{ startRow: currentRow, startColumn: currentCol, endRow: currentRow, endColumn: currentCol }]), copyPermission = this._permissionService.composePermission([new WorkbookCopyPermission(unitId).id, new WorksheetCopyPermission(unitId, subUnitId).id]).every((permission) => permission.value);
-    return {
-      viewPermission,
-      editPermission,
-      copyPermission
-    };
-  }
-  _initHoverListener() {
-    this.disposeWithMe(
-      // hover over not editing cell
-      this._hoverManagerService.currentRichText$.pipe(debounceTime(200)).subscribe((currentCell) => {
-        var _a15;
-        if (!currentCell) {
-          this._sheetsHyperLinkPopupService.hideCurrentPopup();
-          return;
+  _initHoverListener() {
+    this.disposeWithMe(
+      // hover over not editing cell
+      this._hoverManagerService.currentRichText$.pipe(debounceTime(200)).subscribe((currentCell) => {
+        var _a15;
+        if (!currentCell) {
+          this._sheetsHyperLinkPopupService.hideCurrentPopup();
+          return;
         }
         const { unitId, subUnitId, row, col } = currentCell, renderer = this._renderManagerService.getRenderById(unitId);
         if (!renderer)
@@ -2105,242 +2026,125 @@ let SheetsHyperLinkPopupController = (_a8 = class extends Disposable {
       HIDE_COMMAND_LIST.includes(command.id) && this._sheetsHyperLinkPopupService.hideCurrentPopup();
     }));
   }
-}, __name(_a8, "SheetsHyperLinkPopupController"), _a8);
-SheetsHyperLinkPopupController = __decorateClass$6([
-  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$6(5, ICommandService),
-  __decorateParam$6(6, IEditorBridgeService),
-  __decorateParam$6(7, Inject(DocSelectionManagerService)),
-  __decorateParam$6(8, IUniverInstanceService),
-  __decorateParam$6(9, IZenZoneService)
+}, __name(_a6, "SheetsHyperLinkPopupController"), _a6);
+SheetsHyperLinkPopupController = __decorateClass$7([
+  __decorateParam$7(0, Inject(HoverManagerService)),
+  __decorateParam$7(1, Inject(SheetsHyperLinkPopupService)),
+  __decorateParam$7(2, Inject(IRenderManagerService)),
+  __decorateParam$7(3, Inject(IPermissionService)),
+  __decorateParam$7(4, Inject(SheetPermissionInterceptorBaseController)),
+  __decorateParam$7(5, ICommandService),
+  __decorateParam$7(6, IEditorBridgeService),
+  __decorateParam$7(7, Inject(DocSelectionManagerService)),
+  __decorateParam$7(8, IUniverInstanceService),
+  __decorateParam$7(9, IZenZoneService)
 ], SheetsHyperLinkPopupController);
-const menuSchema = {
-  [RibbonStartGroup.OTHERS]: {
-    [InsertHyperLinkToolbarOperation.id]: {
-      order: 2,
-      menuItemFactory: insertLinkMenuToolbarFactory
-    },
-    [genZenEditorMenuId(InsertHyperLinkToolbarOperation.id)]: {
-      order: 2,
-      menuItemFactory: zenEditorInsertLinkMenuToolbarFactory
-    }
-  },
-  [ContextMenuPosition.MAIN_AREA]: {
-    [ContextMenuGroup.OTHERS]: {
-      order: 1,
-      [InsertHyperLinkToolbarOperation.id]: {
-        order: 0,
-        menuItemFactory: insertLinkMenuFactory
-      },
-      [genZenEditorMenuId(InsertHyperLinkToolbarOperation.id)]: {
-        order: 0,
-        menuItemFactory: zenEditorInsertLinkMenuFactory
-      }
-    }
-  }
-};
-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$5(target, key, result), result;
-}, "__decorateClass$5"), __decorateParam$5 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$5"), _a9;
-let SheetsHyperLinkUIController = (_a9 = class extends Disposable {
-  constructor(_componentManager, _commandService, _menuManagerService, _injector, _shortcutService) {
-    super(), this._componentManager = _componentManager, this._commandService = _commandService, this._menuManagerService = _menuManagerService, this._injector = _injector, this._shortcutService = _shortcutService, this._initComponents(), this._initCommands(), this._initMenus(), this._initShortCut();
-  }
-  _initComponents() {
-    [
-      [CellLinkPopup, CellLinkPopup.componentKey],
-      [CellLinkEdit, CellLinkEdit.componentKey],
-      [LinkSingle, "LinkSingle"]
-    ].forEach(([comp, key]) => {
-      this._componentManager.register(key, comp);
-    });
-  }
-  _initCommands() {
-    [
-      OpenHyperLinkEditPanelOperation,
-      CloseHyperLinkPopupOperation,
-      InsertHyperLinkOperation,
-      InsertHyperLinkToolbarOperation,
-      AddHyperLinkCommand,
-      UpdateHyperLinkCommand,
-      CancelHyperLinkCommand,
-      UpdateRichHyperLinkCommand,
-      CancelRichHyperLinkCommand,
-      AddRichHyperLinkCommand
-    ].forEach((command) => {
-      this._commandService.registerCommand(command);
-    });
-  }
-  _initMenus() {
-    this._menuManagerService.mergeMenu(menuSchema);
-  }
-  _initShortCut() {
-    this._shortcutService.registerShortcut(InsertLinkShortcut);
-  }
-}, __name(_a9, "SheetsHyperLinkUIController"), _a9);
-SheetsHyperLinkUIController = __decorateClass$5([
-  OnLifecycle(LifecycleStages.Ready, SheetsHyperLinkUIController),
-  __decorateParam$5(0, Inject(ComponentManager)),
-  __decorateParam$5(1, ICommandService),
-  __decorateParam$5(2, IMenuManagerService),
-  __decorateParam$5(3, Inject(Injector)),
-  __decorateParam$5(4, Inject(IShortcutService))
-], SheetsHyperLinkUIController);
-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$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$4(target, key, result), result;
-}, "__decorateClass$4"), __decorateParam$4 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$4"), _a10;
-let SheetsHyperLinkAutoFillController = (_a10 = class extends Disposable {
-  constructor(_autoFillService, _hyperLinkModel) {
-    super(), this._autoFillService = _autoFillService, this._hyperLinkModel = _hyperLinkModel, this._initAutoFill();
+  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 SheetsHyperLinkRemoveSheetController = (_a7 = class extends Disposable {
+  constructor(_sheetInterceptorService, _univerInstanceService, _hyperLinkModel) {
+    super(), this._sheetInterceptorService = _sheetInterceptorService, this._univerInstanceService = _univerInstanceService, this._hyperLinkModel = _hyperLinkModel, this._initSheetChange();
   }
-  // eslint-disable-next-line max-lines-per-function
-  _initAutoFill() {
-    const noopReturnFunc = /* @__PURE__ */ __name(() => ({ redos: [], undos: [] }), "noopReturnFunc"), generalApplyFunc = /* @__PURE__ */ __name((location2, applyType) => {
-      const { source: sourceRange, target: targetRange, unitId, subUnitId } = location2, virtualRange = virtualizeDiscreteRanges([sourceRange, targetRange]), [vSourceRange, vTargetRange] = virtualRange.ranges, { mapFunc } = virtualRange, sourceStartCell = {
-        row: vSourceRange.startRow,
-        col: vSourceRange.startColumn
-      }, repeats = getAutoFillRepeatRange(vSourceRange, vTargetRange), redos = [], undos = [];
-      return repeats.forEach((repeat) => {
-        const targetStartCell = repeat.repeatStartCell, relativeRange = repeat.relativeRange, sourceRange2 = {
-          startRow: sourceStartCell.row,
-          startColumn: sourceStartCell.col,
-          endColumn: sourceStartCell.col,
-          endRow: sourceStartCell.row
-        }, targetRange2 = {
-          startRow: targetStartCell.row,
-          startColumn: targetStartCell.col,
-          endColumn: targetStartCell.col,
-          endRow: targetStartCell.row
-        };
-        Range.foreach(relativeRange, (row, col) => {
-          const sourcePositionRange = Rectangle.getPositionRange(
-            {
-              startRow: row,
-              startColumn: col,
-              endColumn: col,
-              endRow: row
-            },
-            sourceRange2
-          ), { 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
+  _initSheetChange() {
+    this.disposeWithMe(
+      this._sheetInterceptorService.interceptCommand({
+        getMutations: /* @__PURE__ */ __name((commandInfo) => {
+          var _a15;
+          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 || ((_a15 = workbook.getActiveSheet()) == null ? void 0 : _a15.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.push({
-            id: RemoveHyperLinkMutation.id,
-            params: {
-              unitId,
-              subUnitId,
-              id
-            }
-          })), currentLink && undos.push({
-            id: AddHyperLinkMutation.id,
-            params: {
-              unitId,
-              subUnitId,
-              link: currentLink
-            }
-          });
-        });
-      }), {
-        undos,
-        redos
-      };
-    }, "generalApplyFunc"), hook = {
-      id: SHEET_HYPER_LINK_UI_PLUGIN,
-      onFillData: /* @__PURE__ */ __name((location2, direction, applyType) => applyType === APPLY_TYPE.COPY || applyType === APPLY_TYPE.ONLY_FORMAT || applyType === APPLY_TYPE.SERIES ? generalApplyFunc(location2, applyType) : noopReturnFunc(), "onFillData")
-    };
-    this.disposeWithMe(this._autoFillService.addHook(hook));
+            })), undos = links.map((link) => ({
+              id: AddHyperLinkMutation.id,
+              params: {
+                unitId,
+                subUnitId,
+                link
+              }
+            }));
+            return { redos, undos };
+          }
+          return { redos: [], undos: [] };
+        }, "getMutations")
+      })
+    );
   }
-}, __name(_a10, "SheetsHyperLinkAutoFillController"), _a10);
-SheetsHyperLinkAutoFillController = __decorateClass$4([
-  OnLifecycle(LifecycleStages.Ready, SheetsHyperLinkAutoFillController),
-  __decorateParam$4(0, IAutoFillService),
-  __decorateParam$4(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--)
+}, __name(_a7, "SheetsHyperLinkRemoveSheetController"), _a7);
+SheetsHyperLinkRemoveSheetController = __decorateClass$6([
+  __decorateParam$6(0, Inject(SheetInterceptorService)),
+  __decorateParam$6(1, IUniverInstanceService),
+  __decorateParam$6(2, Inject(HyperLinkModel))
+], SheetsHyperLinkRemoveSheetController);
+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$3(target, key, result), result;
-}, "__decorateClass$3"), __decorateParam$3 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$3"), _a11;
-let SheetHyperLinkUrlController = (_a11 = class extends Disposable {
-  constructor(_resolverService) {
-    super(), this._resolverService = _resolverService, this._handleInitUrl();
-  }
-  _handleInitUrl() {
-    const hash = location.hash;
-    hash && this._resolverService.parseHyperLink(hash).handler();
+  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 SheetsHyperLinkRenderController = (_a8 = class extends Disposable {
+  constructor(_context, _hyperLinkModel) {
+    super(), this._context = _context, this._hyperLinkModel = _hyperLinkModel, this._initSkeletonChange();
   }
-}, __name(_a11, "SheetHyperLinkUrlController"), _a11);
-SheetHyperLinkUrlController = __decorateClass$3([
-  OnLifecycle(LifecycleStages.Rendered, SheetHyperLinkUrlController),
-  __decorateParam$3(0, Inject(SheetsHyperLinkResolverService))
-], SheetHyperLinkUrlController);
-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);
-  return kind && result && __defProp$2(target, key, result), result;
-}, "__decorateClass$2"), __decorateParam$2 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$2"), _a12;
-let SheetsHyperLinkPermissionController = (_a12 = class extends Disposable {
-  constructor(_localeService, _commandService, _sheetPermissionInterceptorBaseController) {
-    super(), this._localeService = _localeService, this._commandService = _commandService, this._sheetPermissionInterceptorBaseController = _sheetPermissionInterceptorBaseController, this._commandExecutedListener();
+  _initSkeletonChange() {
+    const markSkeletonDirty = /* @__PURE__ */ __name(() => {
+      var _a15;
+      (_a15 = this._context.mainComponent) == null || _a15.makeForceDirty();
+    }, "markSkeletonDirty");
+    this.disposeWithMe(this._hyperLinkModel.linkUpdate$.pipe(debounceTime(16)).subscribe(() => {
+      markSkeletonDirty();
+    }));
   }
-  _commandExecutedListener() {
+}, __name(_a8, "SheetsHyperLinkRenderController"), _a8);
+SheetsHyperLinkRenderController = __decorateClass$5([
+  __decorateParam$5(1, Inject(HyperLinkModel))
+], SheetsHyperLinkRenderController);
+var _a9;
+let SheetsHyperLinkRenderManagerController = (_a9 = class extends Disposable {
+  constructor(_sheetInterceptorService, _hyperLinkModel) {
+    super(), this._sheetInterceptorService = _sheetInterceptorService, this._hyperLinkModel = _hyperLinkModel, this._initViewModelIntercept();
+  }
+  _initViewModelIntercept() {
     this.disposeWithMe(
-      this._commandService.beforeCommandExecuted((command) => {
-        command.id === InsertLinkShortcut.id && (this._sheetPermissionInterceptorBaseController.permissionCheckWithRanges({
-          workbookTypes: [WorkbookEditablePermission],
-          rangeTypes: [RangeProtectionPermissionEditPoint],
-          worksheetTypes: [WorksheetEditPermission, WorksheetSetCellValuePermission, WorksheetInsertHyperlinkPermission]
-        }) || this._sheetPermissionInterceptorBaseController.haveNotPermissionHandle(this._localeService.t("permission.dialog.hyperLinkErr")));
-      })
+      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 ? {
+              ...cell,
+              linkUrl: link.payload,
+              linkId: link.id
+            } : cell);
+          }, "handler")
+        }
+      )
     );
   }
-}, __name(_a12, "SheetsHyperLinkPermissionController"), _a12);
-SheetsHyperLinkPermissionController = __decorateClass$2([
-  OnLifecycle(LifecycleStages.Rendered, SheetsHyperLinkPermissionController),
-  __decorateParam$2(0, Inject(LocaleService)),
-  __decorateParam$2(1, ICommandService),
-  __decorateParam$2(2, Inject(SheetPermissionInterceptorBaseController))
-], SheetsHyperLinkPermissionController);
-var __defProp$1 = Object.defineProperty, __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor, __decorateClass$1 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+}, __name(_a9, "SheetsHyperLinkRenderManagerController"), _a9);
+SheetsHyperLinkRenderManagerController = __decorateClass$5([
+  __decorateParam$5(0, Inject(SheetInterceptorService)),
+  __decorateParam$5(1, Inject(HyperLinkModel))
+], SheetsHyperLinkRenderManagerController);
+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$1(target, key, result), result;
-}, "__decorateClass$1"), __decorateParam$1 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$1"), _a13;
-let SheetsHyperLinkRichTextRefRangeController = (_a13 = 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"), _a10;
+let SheetsHyperLinkRichTextRefRangeController = (_a10 = class extends Disposable {
   constructor(_commandService, _univerInstanceService, _refRangeService) {
     super();
     __publicField(this, "_refRangeMap", /* @__PURE__ */ new Map());
@@ -2485,21 +2289,256 @@ let SheetsHyperLinkRichTextRefRangeController = (_a13 = class extends Disposable
       })
     );
   }
-}, __name(_a13, "SheetsHyperLinkRichTextRefRangeController"), _a13);
-SheetsHyperLinkRichTextRefRangeController = __decorateClass$1([
-  OnLifecycle(LifecycleStages.Starting, SheetsHyperLinkRichTextRefRangeController),
-  __decorateParam$1(0, ICommandService),
-  __decorateParam$1(1, IUniverInstanceService),
-  __decorateParam$1(2, Inject(RefRangeService))
+}, __name(_a10, "SheetsHyperLinkRichTextRefRangeController"), _a10);
+SheetsHyperLinkRichTextRefRangeController = __decorateClass$4([
+  __decorateParam$4(0, ICommandService),
+  __decorateParam$4(1, IUniverInstanceService),
+  __decorateParam$4(2, Inject(RefRangeService))
 ], SheetsHyperLinkRichTextRefRangeController);
+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"), _a11;
+let SheetHyperLinkSetRangeController = (_a11 = class extends Disposable {
+  constructor(_sheetInterceptorService, _hyperLinkModel, _selectionManagerService, _univerInstanceService, _editorBridgeService, _renderManagerService) {
+    super(), this._sheetInterceptorService = _sheetInterceptorService, this._hyperLinkModel = _hyperLinkModel, this._selectionManagerService = _selectionManagerService, this._univerInstanceService = _univerInstanceService, this._editorBridgeService = _editorBridgeService, this._renderManagerService = _renderManagerService, this._initCommandInterceptor(), this._initAfterEditor();
+  }
+  _initCommandInterceptor() {
+    this._initSetRangeValuesCommandInterceptor(), this._initClearSelectionCommandInterceptor();
+  }
+  _initSetRangeValuesCommandInterceptor() {
+    this.disposeWithMe(this._sheetInterceptorService.interceptCommand({
+      getMutations: /* @__PURE__ */ __name((command) => {
+        if (command.id === SetRangeValuesCommand.id) {
+          const params = command.params, { unitId, subUnitId } = params, redos = [], undos = [];
+          return params.cellValue && new ObjectMatrix(params.cellValue).forValue((row, col) => {
+            const link = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, row, col);
+            link && (redos.push({
+              id: RemoveHyperLinkMutation.id,
+              params: {
+                unitId,
+                subUnitId,
+                id: link.id
+              }
+            }), undos.push({
+              id: AddHyperLinkMutation.id,
+              params: {
+                unitId,
+                subUnitId,
+                link
+              }
+            }));
+          }), {
+            undos,
+            redos
+          };
+        }
+        return {
+          redos: [],
+          undos: []
+        };
+      }, "getMutations")
+    }));
+  }
+  _initClearSelectionCommandInterceptor() {
+    this.disposeWithMe(this._sheetInterceptorService.interceptCommand({
+      getMutations: /* @__PURE__ */ __name((command) => {
+        if (command.id === ClearSelectionContentCommand.id || command.id === ClearSelectionAllCommand.id || command.id === ClearSelectionFormatCommand.id) {
+          const redos = [], undos = [], selection = this._selectionManagerService.getCurrentLastSelection(), target = getSheetCommandTarget(this._univerInstanceService);
+          if (selection && target) {
+            const { unitId, subUnitId } = target;
+            Range.foreach(selection.range, (row, col) => {
+              const link = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, row, col);
+              link && (redos.push({
+                id: RemoveHyperLinkMutation.id,
+                params: {
+                  unitId,
+                  subUnitId,
+                  id: link.id
+                }
+              }), undos.push({
+                id: AddHyperLinkMutation.id,
+                params: {
+                  unitId,
+                  subUnitId,
+                  link
+                }
+              }));
+            });
+          }
+          return {
+            redos,
+            undos
+          };
+        }
+        return {
+          redos: [],
+          undos: []
+        };
+      }, "getMutations")
+    }));
+  }
+  _initAfterEditor() {
+    this.disposeWithMe(this._editorBridgeService.interceptor.intercept(this._editorBridgeService.interceptor.getInterceptPoints().AFTER_CELL_EDIT, {
+      handler: /* @__PURE__ */ __name((cell, context, next) => {
+        if (!cell || cell.p)
+          return next(cell);
+        if (typeof cell.v == "string" && Tools.isLegalUrl(cell.v) && cell.v[cell.v.length - 1] !== " ") {
+          const { unitId, subUnitId } = context, renderer = this._renderManagerService.getRenderById(unitId), skeleton = renderer == null ? void 0 : renderer.with(SheetSkeletonManagerService).getWorksheetSkeleton(subUnitId);
+          if (!skeleton)
+            return next(cell);
+          const doc = skeleton.skeleton.getBlankCellDocumentModel(cell);
+          if (!doc.documentModel)
+            return next(cell);
+          const textX = BuildTextUtils.selection.replace({
+            selection: {
+              startOffset: 0,
+              endOffset: cell.v.length,
+              collapsed: !1
+            },
+            body: {
+              dataStream: `${DataStreamTreeTokenType.CUSTOM_RANGE_START}${cell.v}${DataStreamTreeTokenType.CUSTOM_RANGE_END}`,
+              customRanges: [{
+                startIndex: 0,
+                endIndex: cell.v.length + 1,
+                rangeId: generateRandomId(),
+                rangeType: CustomRangeType.HYPERLINK,
+                properties: {
+                  url: cell.v
+                }
+              }]
+            },
+            doc: doc.documentModel
+          });
+          if (!textX)
+            return next(cell);
+          const body = doc.documentModel.getBody();
+          return TextX.apply(body, textX.serialize()), next({
+            ...cell,
+            p: {
+              id: DOCS_NORMAL_EDITOR_UNIT_ID_KEY,
+              body,
+              documentStyle: {
+                pageSize: {
+                  width: 1 / 0,
+                  height: 1 / 0
+                }
+              }
+            }
+          });
+        }
+        return next(cell);
+      }, "handler")
+    }));
+  }
+}, __name(_a11, "SheetHyperLinkSetRangeController"), _a11);
+SheetHyperLinkSetRangeController = __decorateClass$3([
+  __decorateParam$3(0, Inject(SheetInterceptorService)),
+  __decorateParam$3(1, Inject(HyperLinkModel)),
+  __decorateParam$3(2, Inject(SheetsSelectionsService)),
+  __decorateParam$3(3, IUniverInstanceService),
+  __decorateParam$3(4, IEditorBridgeService),
+  __decorateParam$3(5, IRenderManagerService)
+], SheetHyperLinkSetRangeController);
+const menuSchema = {
+  [RibbonStartGroup.OTHERS]: {
+    [InsertHyperLinkToolbarOperation.id]: {
+      order: 2,
+      menuItemFactory: insertLinkMenuToolbarFactory
+    },
+    [genZenEditorMenuId(InsertHyperLinkToolbarOperation.id)]: {
+      order: 2,
+      menuItemFactory: zenEditorInsertLinkMenuToolbarFactory
+    }
+  },
+  [ContextMenuPosition.MAIN_AREA]: {
+    [ContextMenuGroup.OTHERS]: {
+      order: 1,
+      [InsertHyperLinkToolbarOperation.id]: {
+        order: 0,
+        menuItemFactory: insertLinkMenuFactory
+      },
+      [genZenEditorMenuId(InsertHyperLinkToolbarOperation.id)]: {
+        order: 0,
+        menuItemFactory: zenEditorInsertLinkMenuFactory
+      }
+    }
+  }
+};
+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);
+  return kind && result && __defProp$2(target, key, result), result;
+}, "__decorateClass$2"), __decorateParam$2 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$2"), _a12;
+let SheetsHyperLinkUIController = (_a12 = class extends Disposable {
+  constructor(_componentManager, _commandService, _menuManagerService, _injector, _shortcutService) {
+    super(), this._componentManager = _componentManager, this._commandService = _commandService, this._menuManagerService = _menuManagerService, this._injector = _injector, this._shortcutService = _shortcutService, this._initComponents(), this._initCommands(), this._initMenus(), this._initShortCut();
+  }
+  _initComponents() {
+    [
+      [CellLinkPopup, CellLinkPopup.componentKey],
+      [CellLinkEdit, CellLinkEdit.componentKey],
+      [LinkSingle, "LinkSingle"]
+    ].forEach(([comp, key]) => {
+      this._componentManager.register(key, comp);
+    });
+  }
+  _initCommands() {
+    [
+      OpenHyperLinkEditPanelOperation,
+      CloseHyperLinkPopupOperation,
+      InsertHyperLinkOperation,
+      InsertHyperLinkToolbarOperation,
+      AddHyperLinkCommand,
+      UpdateHyperLinkCommand,
+      CancelHyperLinkCommand,
+      UpdateRichHyperLinkCommand,
+      CancelRichHyperLinkCommand,
+      AddRichHyperLinkCommand
+    ].forEach((command) => {
+      this._commandService.registerCommand(command);
+    });
+  }
+  _initMenus() {
+    this._menuManagerService.mergeMenu(menuSchema);
+  }
+  _initShortCut() {
+    this._shortcutService.registerShortcut(InsertLinkShortcut);
+  }
+}, __name(_a12, "SheetsHyperLinkUIController"), _a12);
+SheetsHyperLinkUIController = __decorateClass$2([
+  __decorateParam$2(0, Inject(ComponentManager)),
+  __decorateParam$2(1, ICommandService),
+  __decorateParam$2(2, IMenuManagerService),
+  __decorateParam$2(3, Inject(Injector)),
+  __decorateParam$2(4, Inject(IShortcutService))
+], SheetsHyperLinkUIController);
+var __defProp$1 = Object.defineProperty, __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor, __decorateClass$1 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(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$1(target, key, result), result;
+}, "__decorateClass$1"), __decorateParam$1 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$1"), _a13;
+let SheetHyperLinkUrlController = (_a13 = class extends Disposable {
+  constructor(_resolverService) {
+    super(), this._resolverService = _resolverService, this._handleInitUrl();
+  }
+  _handleInitUrl() {
+    const hash = location.hash;
+    hash && this._resolverService.parseHyperLink(hash).handler();
+  }
+}, __name(_a13, "SheetHyperLinkUrlController"), _a13);
+SheetHyperLinkUrlController = __decorateClass$1([
+  __decorateParam$1(0, Inject(SheetsHyperLinkResolverService))
+], SheetHyperLinkUrlController);
 var __defProp2 = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __defNormalProp2 = /* @__PURE__ */ __name((obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, "__defNormalProp"), __decorateClass = /* @__PURE__ */ __name((decorators, target, key, kind) => {
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
   return kind && result && __defProp2(target, key, result), result;
 }, "__decorateClass"), __decorateParam = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam"), __publicField2 = /* @__PURE__ */ __name((obj, key, value) => __defNormalProp2(obj, typeof key != "symbol" ? key + "" : key, value), "__publicField"), _a14;
 let UniverSheetsHyperLinkUIPlugin = (_a14 = class extends Plugin {
-  constructor(_config = defaultPluginConfig, _injector, _renderManagerService, _configService) {
-    super(), this._config = _config, this._injector = _injector, this._renderManagerService = _renderManagerService, this._configService = _configService;
+  constructor(_config = defaultPluginConfig, _injector, _configService) {
+    super(), this._config = _config, this._injector = _injector, this._configService = _configService;
     const { menu, ...rest } = this._config;
     menu && this._configService.setConfig("menu", menu, { merge: !0 }), this._configService.setConfig(PLUGIN_CONFIG_KEY, rest);
   }
@@ -2518,12 +2557,13 @@ let UniverSheetsHyperLinkUIPlugin = (_a14 = class extends Plugin {
       [SheetsHyperLinkPermissionController],
       [SheetHyperLinkUrlController],
       [SheetsHyperLinkRichTextRefRangeController]
-    ].forEach((dep) => this._injector.add(dep));
+    ].forEach((dep) => this._injector.add(dep)), this._injector.get(SheetsHyperLinkRenderManagerController), this._injector.get(SheetsHyperLinkRichTextRefRangeController), this._injector.get(SheetHyperLinkSetRangeController);
   }
   onReady() {
-    [
-      [SheetsHyperLinkRenderController]
-    ].forEach((d) => this._renderManagerService.registerRenderModule(UniverInstanceType.UNIVER_SHEET, d));
+    this._injector.get(IRenderManagerService).registerRenderModule(UniverInstanceType.UNIVER_SHEET, [SheetsHyperLinkRenderController]), this._injector.get(SheetsHyperLinkAutoFillController), this._injector.get(SheetsHyperLinkCopyPasteController), this._injector.get(SheetsHyperLinkRemoveSheetController), this._injector.get(SheetsHyperLinkUIController);
+  }
+  onRendered() {
+    this._injector.get(SheetsHyperLinkPermissionController), this._injector.get(SheetHyperLinkUrlController), this._injector.get(SheetsHyperLinkPopupController);
   }
 }, __name(_a14, "UniverSheetsHyperLinkUIPlugin"), _a14);
 __publicField2(UniverSheetsHyperLinkUIPlugin, "pluginName", SHEET_HYPER_LINK_UI_PLUGIN);
@@ -2531,8 +2571,7 @@ __publicField2(UniverSheetsHyperLinkUIPlugin, "type", UniverInstanceType.UNIVER_
 UniverSheetsHyperLinkUIPlugin = __decorateClass([
   DependentOn(UniverSheetsHyperLinkPlugin, UniverDocsUIPlugin),
   __decorateParam(1, Inject(Injector)),
-  __decorateParam(2, IRenderManagerService),
-  __decorateParam(3, IConfigService)
+  __decorateParam(2, IConfigService)
 ], UniverSheetsHyperLinkUIPlugin);
 export {
   AddHyperLinkCommand,