@univerjs/docs-hyper-link-ui 0.2.10 → 0.2.12

package/lib/es/index.js

@@ -2,14 +2,14 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
-import { CommandType, ICommandService, IUniverInstanceService, UniverInstanceType, CustomRangeType, useDependency, LocaleService, Disposable, Inject, generateRandomId, sequenceExecute, DataStreamTreeTokenType, useObservable as useObservable$1, Tools, getBodySlice, OnLifecycle, LifecycleStages, Injector, updateAttributeByDelete, DependentOn, Plugin } from "@univerjs/core";
-import { DocHyperLinkModel, AddDocHyperLinkMutation, UniverDocsHyperLinkPlugin } from "@univerjs/docs-hyper-link";
-import { ITextSelectionRenderManager, IRenderManagerService, DocumentEditArea } from "@univerjs/engine-render";
-import { IMessageService, useObservable, KeyCode, MetaKeys, MenuGroup, MenuItemType, MenuPosition, getMenuHiddenObservable, ComponentManager, IMenuService, IShortcutService } from "@univerjs/ui";
+import { CommandType, ICommandService, IUniverInstanceService, UniverInstanceType, CustomRangeType, useDependency, LocaleService, Disposable, Inject, generateRandomId, DataStreamTreeTokenType, useObservable as useObservable$1, Tools, getBodySlice, OnLifecycle, LifecycleStages, Injector, DependentOn, Plugin, IConfigService } from "@univerjs/core";
+import { ITextSelectionRenderManager, IRenderManagerService } from "@univerjs/engine-render";
+import { UniverDocsHyperLinkPlugin } from "@univerjs/docs-hyper-link";
+import { IMessageService, useObservable, KeyCode, MetaKeys, MenuItemType, getMenuHiddenObservable, RibbonStartGroup, ContextMenuPosition, ContextMenuGroup, ComponentManager, IMenuManagerService, IShortcutService } from "@univerjs/ui";
 import { Tooltip, MessageType, FormLayout, Input, Button } from "@univerjs/design";
 import React, { forwardRef, useRef, createElement, useState, useEffect } from "react";
-import { deleteCustomRangeFactory, TextSelectionManagerService, getCustomRangesInterestsWithRange, addCustomRangeBySelectionFactory, replaceSelectionFactory, getPlainTextFormBody, SetTextSelectionsOperation, DocInterceptorService, DOC_INTERCEPTOR_POINT, DocCustomRangeService, DocSkeletonManagerService } from "@univerjs/docs";
-import { DocCanvasPopManagerService, whenDocAndEditorFocused, DocRenderController, IDocClipboardService, DocEventManagerService } from "@univerjs/docs-ui";
+import { deleteCustomRangeFactory, TextSelectionManagerService, getCustomRangesInterestsWithRange, addCustomRangeBySelectionFactory, replaceSelectionFactory, getPlainTextFormBody, SetTextSelectionsOperation, DocInterceptorService, DOC_INTERCEPTOR_POINT, DocSkeletonManagerService } from "@univerjs/docs";
+import { DocCanvasPopManagerService, whenDocAndEditorFocused, DocRenderController, DocEventManagerService } from "@univerjs/docs-ui";
 import { BehaviorSubject, Observable, debounceTime, distinctUntilChanged, pairwise } from "rxjs";
 import cs from "clsx";
 const DOC_HYPER_LINK_UI_PLUGIN = "DOC_HYPER_LINK_UI_PLUGIN";
@@ -42,15 +42,15 @@ function replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend) {
   var attrs = __assign({}, node.attrs);
   extend != null && extend.colorChannel1 && attrs.fill === "colorChannel1" && (attrs.fill = extend.colorChannel1);
   var defIds = runtimeProps.defIds;
-  return !defIds || defIds.length === 0 || (node.tag === "use" && attrs["xlink:href"] && (attrs["xlink:href"] = attrs["xlink:href"] + runtimeProps.idSuffix), Object.entries(attrs).forEach(function(_a9) {
-    var key = _a9[0], value = _a9[1];
+  return !defIds || defIds.length === 0 || (node.tag === "use" && attrs["xlink:href"] && (attrs["xlink:href"] = attrs["xlink:href"] + runtimeProps.idSuffix), Object.entries(attrs).forEach(function(_a7) {
+    var key = _a7[0], value = _a7[1];
     typeof value == "string" && (attrs[key] = value.replace(/url\(#(.*)\)/, "url(#$1".concat(runtimeProps.idSuffix, ")")));
   })), attrs;
 }
 __name(replaceRuntimeIdsAndExtInAttrs, "replaceRuntimeIdsAndExtInAttrs");
 function replaceRuntimeIdsInDefs(node, runtimeProps) {
-  var _a9, defIds = runtimeProps.defIds;
-  return !defIds || defIds.length === 0 ? node : node.tag === "defs" && (!((_a9 = node.children) === null || _a9 === void 0) && _a9.length) ? __assign(__assign({}, node), { children: node.children.map(function(child) {
+  var _a7, defIds = runtimeProps.defIds;
+  return !defIds || defIds.length === 0 ? node : node.tag === "defs" && (!((_a7 = node.children) === null || _a7 === void 0) && _a7.length) ? __assign(__assign({}, node), { children: node.children.map(function(child) {
     return typeof child.attrs.id == "string" && defIds && defIds.indexOf(child.attrs.id) > -1 ? __assign(__assign({}, child), { attrs: __assign(__assign({}, child.attrs), { id: child.attrs.id + runtimeProps.idSuffix }) }) : child;
   }) }) : node;
 }
@@ -98,14 +98,11 @@ const DeleteDocHyperLinkCommand = {
   async handler(accessor, params) {
     if (!params)
       return !1;
-    const { unitId, linkId, segmentId } = params, commandService = accessor.get(ICommandService);
-    if (!accessor.get(DocHyperLinkModel).getLink(unitId, linkId))
-      return !1;
-    const doMutation = deleteCustomRangeFactory(accessor, { unitId, rangeId: linkId, segmentId });
+    const { unitId, linkId, segmentId } = params, commandService = accessor.get(ICommandService), doMutation = deleteCustomRangeFactory(accessor, { unitId, rangeId: linkId, segmentId });
     return doMutation ? await commandService.syncExecuteCommand(doMutation.id, doMutation.params) : !1;
   }
 }, shouldDisableAddLink = /* @__PURE__ */ __name((accessor) => {
-  var _a9;
+  var _a7;
   const textSelectionService = accessor.get(TextSelectionManagerService), univerInstanceService = accessor.get(IUniverInstanceService), textRanges = textSelectionService.getDocRanges();
   if (!textRanges.length || textRanges.length > 1)
     return !0;
@@ -122,13 +119,17 @@ const DeleteDocHyperLinkCommand = {
     if (p.startIndex > activeRange.endOffset)
       break;
   }
-  return !getCustomRangesInterestsWithRange(activeRange, (_a9 = body.customRanges) != null ? _a9 : []).every((range) => range.rangeType === CustomRangeType.HYPERLINK);
+  return !getCustomRangesInterestsWithRange(activeRange, (_a7 = body.customRanges) != null ? _a7 : []).every((range) => range.rangeType === CustomRangeType.HYPERLINK);
 }, "shouldDisableAddLink"), ShowDocHyperLinkEditPopupOperation = {
   type: CommandType.OPERATION,
   id: "doc.operation.show-hyper-link-edit-popup",
   handler(accessor, params) {
-    const linkInfo = params == null ? void 0 : params.link;
-    return shouldDisableAddLink(accessor) && !linkInfo ? !1 : (accessor.get(DocHyperLinkPopupService).showEditPopup(linkInfo), !0);
+    var _a7;
+    const linkInfo = params == null ? void 0 : params.link, univerInstanceService = accessor.get(IUniverInstanceService);
+    if (shouldDisableAddLink(accessor) && !linkInfo)
+      return !1;
+    const hyperLinkService = accessor.get(DocHyperLinkPopupService), unitId = (linkInfo == null ? void 0 : linkInfo.unitId) || ((_a7 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_DOC)) == null ? void 0 : _a7.getUnitId());
+    return unitId ? (hyperLinkService.showEditPopup(unitId, linkInfo), !0) : !1;
   }
 }, ToggleDocHyperLinkInfoPopupOperation = {
   type: CommandType.OPERATION,
@@ -141,10 +142,11 @@ const DeleteDocHyperLinkCommand = {
   type: CommandType.OPERATION,
   id: "doc.operation.click-hyper-link",
   handler(accessor, params) {
+    var _a7, _b, _c;
     if (!params)
       return !1;
-    const { unitId, linkId } = params, link = accessor.get(DocHyperLinkModel).getLink(unitId, linkId);
-    return link ? (window.open(link.payload, "_blank", "noopener noreferrer"), !0) : !1;
+    const { unitId, linkId, segmentId } = params, doc = accessor.get(IUniverInstanceService).getUnit(unitId, UniverInstanceType.UNIVER_DOC), body = doc == null ? void 0 : doc.getSelfOrHeaderFooterModel(segmentId).getBody(), link = (_c = (_b = (_a7 = body == null ? void 0 : body.customRanges) == null ? void 0 : _a7.find((range) => range.rangeId === linkId && range.rangeType === CustomRangeType.HYPERLINK)) == null ? void 0 : _b.properties) == null ? void 0 : _c.url;
+    return link && window.open(link, "_blank", "noopener noreferrer"), !0;
   }
 }, docLink = "univer-doc-link", docLinkType = "univer-doc-link-type", docLinkContent = "univer-doc-link-content", docLinkContentError = "univer-doc-link-content-error", docLinkUrl = "univer-doc-link-url", docLinkOperations = "univer-doc-link-operations", docLinkOperation = "univer-doc-link-operation", docLinkOperationError = "univer-doc-link-operation-error", styles$1 = {
   docLink,
@@ -156,11 +158,15 @@ const DeleteDocHyperLinkCommand = {
   docLinkOperation,
   docLinkOperationError
 }, DocLinkPopup = /* @__PURE__ */ __name(() => {
-  const hyperLinkService = useDependency(DocHyperLinkPopupService), hyperLinkModel = useDependency(DocHyperLinkModel), commandService = useDependency(ICommandService), messageService = useDependency(IMessageService), localeService = useDependency(LocaleService), currentPopup = useObservable(hyperLinkService.showingLink$);
+  var _a7, _b;
+  const hyperLinkService = useDependency(DocHyperLinkPopupService), commandService = useDependency(ICommandService), messageService = useDependency(IMessageService), localeService = useDependency(LocaleService), currentPopup = useObservable(hyperLinkService.showingLink$), univerInstanceService = useDependency(IUniverInstanceService);
   if (!currentPopup)
     return null;
-  const { unitId, linkId, segmentId } = currentPopup, link = hyperLinkModel.getLink(unitId, linkId);
-  return link ? /* @__PURE__ */ React.createElement(
+  const { unitId, linkId, segmentId } = currentPopup, doc = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC), body = doc == null ? void 0 : doc.getSelfOrHeaderFooterModel(segmentId).getBody(), link = (_a7 = body == null ? void 0 : body.customRanges) == null ? void 0 : _a7.find((range) => range.rangeId === linkId && range.rangeType === CustomRangeType.HYPERLINK);
+  if (!link)
+    return null;
+  const url = (_b = link.properties) == null ? void 0 : _b.url;
+  return /* @__PURE__ */ React.createElement(
     "div",
     {
       className: styles$1.docLink,
@@ -168,13 +174,13 @@ const DeleteDocHyperLinkCommand = {
         hyperLinkService.hideInfoPopup();
       }, "onClick")
     },
-    /* @__PURE__ */ React.createElement("div", { className: cs(styles$1.docLinkContent), onClick: /* @__PURE__ */ __name(() => window.open(link.payload), "onClick") }, /* @__PURE__ */ React.createElement("div", { className: styles$1.docLinkType }, /* @__PURE__ */ React.createElement(LinkSingle, null)), /* @__PURE__ */ React.createElement(Tooltip, { showIfEllipsis: !0, title: link.payload }, /* @__PURE__ */ React.createElement("span", { className: styles$1.docLinkUrl }, link.payload))),
+    /* @__PURE__ */ React.createElement("div", { className: cs(styles$1.docLinkContent), onClick: /* @__PURE__ */ __name(() => window.open(url), "onClick") }, /* @__PURE__ */ React.createElement("div", { className: styles$1.docLinkType }, /* @__PURE__ */ React.createElement(LinkSingle, null)), /* @__PURE__ */ React.createElement(Tooltip, { showIfEllipsis: !0, title: url }, /* @__PURE__ */ React.createElement("span", { className: styles$1.docLinkUrl }, url))),
     /* @__PURE__ */ React.createElement("div", { className: styles$1.docLinkOperations }, /* @__PURE__ */ React.createElement(
       "div",
       {
         className: cs(styles$1.docLinkOperation),
         onClick: /* @__PURE__ */ __name(() => {
-          navigator.clipboard.writeText(link.payload), messageService.show({
+          navigator.clipboard.writeText(url), messageService.show({
             content: localeService.t("docLink.info.coped"),
             type: MessageType.Info
           });
@@ -199,25 +205,25 @@ const DeleteDocHyperLinkCommand = {
         onClick: /* @__PURE__ */ __name(() => {
           commandService.executeCommand(DeleteDocHyperLinkCommand.id, {
             unitId,
-            linkId: link.id,
+            linkId: link.rangeId,
             segmentId
           });
         }, "onClick")
       },
       /* @__PURE__ */ React.createElement(Tooltip, { placement: "bottom", title: localeService.t("docLink.info.cancel") }, /* @__PURE__ */ React.createElement(UnlinkSingle, null))
     ))
-  ) : null;
+  );
 }, "DocLinkPopup");
 DocLinkPopup.componentKey = "univer.doc.link-info-popup";
-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--)
+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$7(target, key, result), result;
-}, "__decorateClass$7"), __decorateParam$7 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$7");
+  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");
 const SKIT_PLACEHOLDER = 0;
 var _a;
 let DocHyperLinkPopupService = (_a = class extends Disposable {
-  constructor(_docCanvasPopupManagerService, _textSelectionManagerService, _docHyperLinkModel, _univerInstanceService) {
+  constructor(_docCanvasPopupManagerService, _textSelectionManagerService, _univerInstanceService) {
     super();
     __publicField(this, "_editingLink$", new BehaviorSubject(null));
     __publicField(this, "_showingLink$", new BehaviorSubject(null));
@@ -225,7 +231,7 @@ let DocHyperLinkPopupService = (_a = class extends Disposable {
     __publicField(this, "showingLink$", this._showingLink$.asObservable());
     __publicField(this, "_editPopup", null);
     __publicField(this, "_infoPopup", null);
-    this._docCanvasPopupManagerService = _docCanvasPopupManagerService, this._textSelectionManagerService = _textSelectionManagerService, this._docHyperLinkModel = _docHyperLinkModel, this._univerInstanceService = _univerInstanceService, this.disposeWithMe(() => {
+    this._docCanvasPopupManagerService = _docCanvasPopupManagerService, this._textSelectionManagerService = _textSelectionManagerService, this._univerInstanceService = _univerInstanceService, this.disposeWithMe(() => {
       this._editingLink$.complete(), this._showingLink$.complete();
     });
   }
@@ -235,12 +241,12 @@ let DocHyperLinkPopupService = (_a = class extends Disposable {
   get showing() {
     return this._showingLink$.value;
   }
-  showEditPopup(linkInfo) {
-    var _a9, _b, _c;
+  showEditPopup(unitId, linkInfo) {
+    var _a7, _b, _c;
     this._editPopup && this._editPopup.dispose(), this._editingLink$.next(linkInfo);
     let activeRange = this._textSelectionManagerService.getActiveTextRangeWithStyle();
     if (linkInfo) {
-      const { unitId, linkId, segmentId, segmentPage } = linkInfo, doc = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC), range = (_c = (_b = (_a9 = doc == null ? void 0 : doc.getSelfOrHeaderFooterModel(segmentId)) == null ? void 0 : _a9.getBody()) == null ? void 0 : _b.customRanges) == null ? void 0 : _c.find((i) => i.rangeId === linkId);
+      const { unitId: unitId2, linkId, segmentId, segmentPage } = linkInfo, doc = this._univerInstanceService.getUnit(unitId2, UniverInstanceType.UNIVER_DOC), range = (_c = (_b = (_a7 = doc == null ? void 0 : doc.getSelfOrHeaderFooterModel(segmentId)) == null ? void 0 : _a7.getBody()) == null ? void 0 : _b.customRanges) == null ? void 0 : _c.find((i) => i.rangeId === linkId);
       range && (activeRange = {
         collapsed: !1,
         startOffset: range.startIndex + SKIT_PLACEHOLDER,
@@ -257,21 +263,22 @@ let DocHyperLinkPopupService = (_a = class extends Disposable {
       {
         componentKey: DocHyperLinkEdit.componentKey,
         direction: "bottom"
-      }
+      },
+      unitId
     ), this._editPopup) : null;
   }
   hideEditPopup() {
-    var _a9;
-    this._editingLink$.next(null), (_a9 = this._editPopup) == null || _a9.dispose();
+    var _a7;
+    this._editingLink$.next(null), (_a7 = this._editPopup) == null || _a7.dispose();
   }
   showInfoPopup(info) {
-    var _a9, _b, _c, _d, _e, _f;
+    var _a7, _b, _c, _d, _e, _f;
     const { linkId, unitId, segmentId, segmentPage } = info;
-    if (((_a9 = this.showing) == null ? void 0 : _a9.linkId) === linkId && ((_b = this.showing) == null ? void 0 : _b.unitId) === unitId && ((_c = this.showing) == null ? void 0 : _c.segmentId) === segmentId && ((_d = this.showing) == null ? void 0 : _d.segmentPage) === segmentPage)
+    if (((_a7 = this.showing) == null ? void 0 : _a7.linkId) === linkId && ((_b = this.showing) == null ? void 0 : _b.unitId) === unitId && ((_c = this.showing) == null ? void 0 : _c.segmentId) === segmentId && ((_d = this.showing) == null ? void 0 : _d.segmentPage) === segmentPage)
       return;
     this._infoPopup && this._infoPopup.dispose();
-    const link = this._docHyperLinkModel.getLink(unitId, linkId), doc = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC);
-    if (!doc || !link)
+    const doc = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC);
+    if (!doc)
       return;
     const range = (_f = (_e = doc.getSelfOrHeaderFooterModel(info.segmentId).getBody()) == null ? void 0 : _e.customRanges) == null ? void 0 : _f.find((i) => i.rangeId === linkId);
     if (this._showingLink$.next({ unitId, linkId, segmentId, segmentPage }), !!range)
@@ -285,24 +292,25 @@ let DocHyperLinkPopupService = (_a = class extends Disposable {
         },
         {
           componentKey: DocLinkPopup.componentKey,
-          direction: "top",
+          direction: "top-center",
+          multipleDirection: "top",
           closeOnSelfTarget: !0,
           onClickOutside: /* @__PURE__ */ __name(() => {
             this.hideInfoPopup();
           }, "onClickOutside")
-        }
+        },
+        info.unitId
       ), this._infoPopup;
   }
   hideInfoPopup() {
-    var _a9;
-    this._showingLink$.next(null), (_a9 = this._infoPopup) == null || _a9.dispose();
+    var _a7;
+    this._showingLink$.next(null), (_a7 = this._infoPopup) == null || _a7.dispose();
   }
 }, __name(_a, "DocHyperLinkPopupService"), _a);
-DocHyperLinkPopupService = __decorateClass$7([
-  __decorateParam$7(0, Inject(DocCanvasPopManagerService)),
-  __decorateParam$7(1, Inject(TextSelectionManagerService)),
-  __decorateParam$7(2, Inject(DocHyperLinkModel)),
-  __decorateParam$7(3, IUniverInstanceService)
+DocHyperLinkPopupService = __decorateClass$5([
+  __decorateParam$5(0, Inject(DocCanvasPopManagerService)),
+  __decorateParam$5(1, Inject(TextSelectionManagerService)),
+  __decorateParam$5(2, IUniverInstanceService)
 ], DocHyperLinkPopupService);
 const AddDocHyperLinkCommand = {
   type: CommandType.COMMAND,
@@ -314,17 +322,13 @@ const AddDocHyperLinkCommand = {
       accessor,
       {
         rangeId: id,
-        rangeType: CustomRangeType.HYPERLINK
+        rangeType: CustomRangeType.HYPERLINK,
+        properties: {
+          url: payload
+        }
       }
     );
-    if (doMutation) {
-      const hyperLinkMutation = {
-        id: AddDocHyperLinkMutation.id,
-        params: { unitId, link: { payload, id } }
-      };
-      return (await sequenceExecute([hyperLinkMutation, doMutation], commandService)).result;
-    }
-    return !1;
+    return doMutation ? commandService.syncExecuteCommand(doMutation.id, doMutation.params) : !1;
   }
 }, UpdateDocHyperLinkCommand = {
   id: "docs.command.update-hyper-link",
@@ -336,14 +340,17 @@ const AddDocHyperLinkCommand = {
     if (!currentSelection)
       return !1;
     const newId = generateRandomId(), replaceSelection = replaceSelectionFactory(accessor, {
-      unitId: params.unitId,
+      unitId,
       body: {
         dataStream: `${DataStreamTreeTokenType.CUSTOM_RANGE_START}${params.label}${DataStreamTreeTokenType.CUSTOM_RANGE_END}`,
         customRanges: [{
           rangeId: newId,
           rangeType: CustomRangeType.HYPERLINK,
           startIndex: 0,
-          endIndex: params.label.length + 1
+          endIndex: params.label.length + 1,
+          properties: {
+            url: payload
+          }
         }]
       },
       selection: {
@@ -353,19 +360,7 @@ const AddDocHyperLinkCommand = {
         segmentId
       }
     });
-    if (!replaceSelection)
-      return !1;
-    const addLinkMutation = {
-      id: AddDocHyperLinkMutation.id,
-      params: {
-        unitId,
-        link: {
-          id: newId,
-          payload
-        }
-      }
-    };
-    return sequenceExecute([addLinkMutation, replaceSelection], commandService).result;
+    return replaceSelection ? commandService.syncExecuteCommand(replaceSelection.id, replaceSelection.params) : !1;
   }
 }, docsLinkEdit = "univer-docs-link-edit", docsLinkEditTitle = "univer-docs-link-edit-title", docsLinkEditClose = "univer-docs-link-edit-close", docsLinkEditButtons = "univer-docs-link-edit-buttons", docsLinkEditButton = "univer-docs-link-edit-button", styles = {
   docsLinkEdit,
@@ -387,25 +382,20 @@ function transformUrl(urlStr) {
 }
 __name(transformUrl, "transformUrl");
 const DocHyperLinkEdit = /* @__PURE__ */ __name(() => {
-  const hyperLinkService = useDependency(DocHyperLinkPopupService), localeService = useDependency(LocaleService), hyperLinkModel = useDependency(DocHyperLinkModel), editing = useObservable$1(hyperLinkService.editingLink$), commandService = useDependency(ICommandService), univerInstanceService = useDependency(IUniverInstanceService), textSelectionRenderManager = useDependency(ITextSelectionRenderManager), textSelectionManagerService = useDependency(TextSelectionManagerService), [link, setLink] = useState(""), [label, setLabel] = useState(""), [showError, setShowError] = useState(!1), isLegal = Tools.isLegalUrl(link), doc = editing ? univerInstanceService.getUnit(editing.unitId, UniverInstanceType.UNIVER_DOC) : univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_DOC);
+  const hyperLinkService = useDependency(DocHyperLinkPopupService), localeService = useDependency(LocaleService), editing = useObservable$1(hyperLinkService.editingLink$), commandService = useDependency(ICommandService), univerInstanceService = useDependency(IUniverInstanceService), textSelectionRenderManager = useDependency(ITextSelectionRenderManager), textSelectionManagerService = useDependency(TextSelectionManagerService), [link, setLink] = useState(""), [label, setLabel] = useState(""), [showError, setShowError] = useState(!1), isLegal = Tools.isLegalUrl(link), doc = editing ? univerInstanceService.getUnit(editing.unitId, UniverInstanceType.UNIVER_DOC) : univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_DOC);
   useEffect(() => {
-    var _a9, _b, _c, _d, _e, _f, _g;
+    var _a7, _b, _c, _d, _e, _f, _g, _h, _i;
     const activeRange = textSelectionManagerService.getActiveTextRangeWithStyle();
     if (!activeRange)
       return;
     if (editing) {
-      const linkDetail = editing ? hyperLinkModel.getLink(editing.unitId, editing.linkId) : null;
-      setLink((_a9 = linkDetail == null ? void 0 : linkDetail.payload) != null ? _a9 : "");
-      const body = (_b = doc == null ? void 0 : doc.getSelfOrHeaderFooterModel(editing.segmentId)) == null ? void 0 : _b.getBody(), matchedRange2 = (_c = body == null ? void 0 : body.customRanges) == null ? void 0 : _c.find((i) => (linkDetail == null ? void 0 : linkDetail.id) === i.rangeId);
-      doc && matchedRange2 && setLabel(getPlainTextFormBody(getBodySlice(body, matchedRange2.startIndex, matchedRange2.endIndex)));
+      const body = (_a7 = doc == null ? void 0 : doc.getSelfOrHeaderFooterModel(editing.segmentId)) == null ? void 0 : _a7.getBody(), matchedRange2 = (_b = body == null ? void 0 : body.customRanges) == null ? void 0 : _b.find((i) => (editing == null ? void 0 : editing.linkId) === i.rangeId);
+      doc && matchedRange2 && (setLink((_d = (_c = matchedRange2.properties) == null ? void 0 : _c.url) != null ? _d : ""), setLabel(getPlainTextFormBody(getBodySlice(body, matchedRange2.startIndex, matchedRange2.endIndex))));
       return;
     }
-    const matchedRange = (_f = (_e = (_d = doc == null ? void 0 : doc.getSelfOrHeaderFooterModel(activeRange.segmentId)) == null ? void 0 : _d.getBody()) == null ? void 0 : _e.customRanges) == null ? void 0 : _f.find((i) => Math.max(activeRange.startOffset, i.startIndex) <= Math.min(activeRange.endOffset - 1, i.endIndex));
-    if (doc && matchedRange) {
-      const linkDetail = hyperLinkModel.getLink(doc.getUnitId(), matchedRange.rangeId);
-      setLink((_g = linkDetail == null ? void 0 : linkDetail.payload) != null ? _g : "");
-    }
-  }, [doc, editing, hyperLinkModel, textSelectionManagerService, univerInstanceService]), useEffect(() => (textSelectionRenderManager.blurEditor(), () => {
+    const matchedRange = (_g = (_f = (_e = doc == null ? void 0 : doc.getSelfOrHeaderFooterModel(activeRange.segmentId)) == null ? void 0 : _e.getBody()) == null ? void 0 : _f.customRanges) == null ? void 0 : _g.find((i) => Math.max(activeRange.startOffset, i.startIndex) <= Math.min(activeRange.endOffset - 1, i.endIndex));
+    doc && matchedRange && setLink((_i = (_h = matchedRange == null ? void 0 : matchedRange.properties) == null ? void 0 : _h.url) != null ? _i : "");
+  }, [doc, editing, textSelectionManagerService, univerInstanceService]), useEffect(() => (textSelectionRenderManager.blurEditor(), () => {
     textSelectionRenderManager.focusEditor();
   }), [textSelectionRenderManager]);
   const handleCancel = /* @__PURE__ */ __name(() => {
@@ -437,7 +427,7 @@ const DocHyperLinkEdit = /* @__PURE__ */ __name(() => {
       FormLayout,
       {
         label: localeService.t("docLink.edit.label"),
-        error: showError && !isLegal ? localeService.t("docLink.edit.labelError") : ""
+        error: showError && !label ? localeService.t("docLink.edit.labelError") : ""
       },
       /* @__PURE__ */ React.createElement(
         Input,
@@ -490,12 +480,10 @@ const DOC_LINK_ICON = "doc-hyper-link-icon";
 function AddHyperLinkMenuItemFactory(accessor) {
   return {
     id: ShowDocHyperLinkEditPopupOperation.id,
-    group: MenuGroup.CONTEXT_MENU_DATA,
     type: MenuItemType.BUTTON,
     icon: DOC_LINK_ICON,
     title: "docLink.menu.tooltip",
     tooltip: "docLink.menu.tooltip",
-    positions: [MenuPosition.TOOLBAR_START, MenuPosition.CONTEXT_MENU],
     hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_DOC),
     disabled$: new Observable(function(subscribe) {
       const observer = accessor.get(TextSelectionManagerService).textSelection$.pipe(debounceTime(16)).subscribe(() => {
@@ -513,15 +501,30 @@ const addLinkShortcut = {
   binding: MetaKeys.CTRL_COMMAND | KeyCode.K,
   description: "docLink.menu.tooltip",
   preconditions: whenDocAndEditorFocused
+}, menuSchema = {
+  [RibbonStartGroup.OTHERS]: {
+    [ShowDocHyperLinkEditPopupOperation.id]: {
+      order: 0,
+      menuItemFactory: AddHyperLinkMenuItemFactory
+    }
+  },
+  [ContextMenuPosition.MAIN_AREA]: {
+    [ContextMenuGroup.DATA]: {
+      [ShowDocHyperLinkEditPopupOperation.id]: {
+        order: 0,
+        menuItemFactory: AddHyperLinkMenuItemFactory
+      }
+    }
+  }
 };
-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$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$6(target, key, result), result;
-}, "__decorateClass$6"), __decorateParam$6 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$6"), _a2;
+  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"), _a2;
 let DocHyperLinkUIController = (_a2 = class extends Disposable {
-  constructor(_config, _componentManager, _commandService, _menuService, _injector, _shortcutService) {
-    super(), this._config = _config, this._componentManager = _componentManager, this._commandService = _commandService, this._menuService = _menuService, this._injector = _injector, this._shortcutService = _shortcutService, this._initComponents(), this._initCommands(), this._initMenus(), this._initShortcut();
+  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() {
     [
@@ -550,36 +553,34 @@ let DocHyperLinkUIController = (_a2 = class extends Disposable {
     });
   }
   _initMenus() {
-    [AddHyperLinkMenuItemFactory].forEach((menuFactory) => {
-      this.disposeWithMe(this._menuService.addMenuItem(menuFactory(this._injector), {}));
-    });
+    this._menuManagerService.mergeMenu(menuSchema);
   }
 }, __name(_a2, "DocHyperLinkUIController"), _a2);
-DocHyperLinkUIController = __decorateClass$6([
+DocHyperLinkUIController = __decorateClass$4([
   OnLifecycle(LifecycleStages.Starting, DocHyperLinkUIController),
-  __decorateParam$6(1, Inject(ComponentManager)),
-  __decorateParam$6(2, ICommandService),
-  __decorateParam$6(3, IMenuService),
-  __decorateParam$6(4, Inject(Injector)),
-  __decorateParam$6(5, IShortcutService)
+  __decorateParam$4(0, Inject(ComponentManager)),
+  __decorateParam$4(1, ICommandService),
+  __decorateParam$4(2, IMenuManagerService),
+  __decorateParam$4(3, Inject(Injector)),
+  __decorateParam$4(4, IShortcutService)
 ], DocHyperLinkUIController);
-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$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$5(target, key, result), result;
-}, "__decorateClass$5"), __decorateParam$5 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$5"), _a3;
+  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"), _a3;
 let DocHyperLinkSelectionController = (_a3 = class extends Disposable {
-  constructor(_commandService, _univerInstanceService, _docHyperLinkService, _renderMangerService) {
-    super(), this._commandService = _commandService, this._univerInstanceService = _univerInstanceService, this._docHyperLinkService = _docHyperLinkService, this._renderMangerService = _renderMangerService, this._initSelectionChange();
+  constructor(_commandService, _univerInstanceService, _docHyperLinkService) {
+    super(), this._commandService = _commandService, this._univerInstanceService = _univerInstanceService, this._docHyperLinkService = _docHyperLinkService, this._initSelectionChange();
   }
   _initSelectionChange() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((commandInfo) => {
-        var _a9, _b, _c;
+        var _a7, _b, _c;
         if (commandInfo.id === SetTextSelectionsOperation.id) {
           const params = commandInfo.params, { unitId, ranges, segmentId } = params, doc = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC), primary = ranges[0];
           if (primary && doc) {
-            const { startOffset, endOffset, collapsed, segmentPage } = primary, customRanges = (_b = (_a9 = doc.getSelfOrHeaderFooterModel(segmentId)) == null ? void 0 : _a9.getBody()) == null ? void 0 : _b.customRanges;
+            const { startOffset, endOffset, collapsed, segmentPage } = primary, customRanges = (_b = (_a7 = doc.getSelfOrHeaderFooterModel(segmentId)) == null ? void 0 : _a7.getBody()) == null ? void 0 : _b.customRanges;
             if (collapsed) {
               const index = (_c = customRanges == null ? void 0 : customRanges.findIndex((value) => value.startIndex < startOffset && value.endIndex > endOffset - 1)) != null ? _c : -1;
               if (index > -1) {
@@ -596,18 +597,17 @@ let DocHyperLinkSelectionController = (_a3 = class extends Disposable {
     );
   }
 }, __name(_a3, "DocHyperLinkSelectionController"), _a3);
-DocHyperLinkSelectionController = __decorateClass$5([
+DocHyperLinkSelectionController = __decorateClass$3([
   OnLifecycle(LifecycleStages.Ready, DocHyperLinkSelectionController),
-  __decorateParam$5(0, ICommandService),
-  __decorateParam$5(1, IUniverInstanceService),
-  __decorateParam$5(2, Inject(DocHyperLinkPopupService)),
-  __decorateParam$5(3, IRenderManagerService)
+  __decorateParam$3(0, ICommandService),
+  __decorateParam$3(1, IUniverInstanceService),
+  __decorateParam$3(2, Inject(DocHyperLinkPopupService))
 ], DocHyperLinkSelectionController);
-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$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$4(target, key, result), result;
-}, "__decorateClass$4"), __decorateParam$4 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$4"), _a4;
+  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"), _a4;
 let DocHyperLinkRenderController = (_a4 = class extends Disposable {
   constructor(_context, _docInterceptorService, _hyperLinkService, _docRenderController) {
     super(), this._context = _context, this._docInterceptorService = _docInterceptorService, this._hyperLinkService = _hyperLinkService, this._docRenderController = _docRenderController, this._init(), this._initReRender();
@@ -634,157 +634,19 @@ let DocHyperLinkRenderController = (_a4 = class extends Disposable {
     }));
   }
 }, __name(_a4, "DocHyperLinkRenderController"), _a4);
-DocHyperLinkRenderController = __decorateClass$4([
-  __decorateParam$4(1, Inject(DocInterceptorService)),
-  __decorateParam$4(2, Inject(DocHyperLinkPopupService)),
-  __decorateParam$4(3, Inject(DocRenderController))
+DocHyperLinkRenderController = __decorateClass$2([
+  __decorateParam$2(1, Inject(DocInterceptorService)),
+  __decorateParam$2(2, Inject(DocHyperLinkPopupService)),
+  __decorateParam$2(3, Inject(DocRenderController))
 ], DocHyperLinkRenderController);
-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"), _a5;
-let DocHyperLinkClipboardController = (_a5 = class extends Disposable {
-  constructor(_docClipboardService, _univerInstanceService, _hyperLinkModel, _textSelectionManagerService, _commandService) {
-    super(), this._docClipboardService = _docClipboardService, this._univerInstanceService = _univerInstanceService, this._hyperLinkModel = _hyperLinkModel, this._textSelectionManagerService = _textSelectionManagerService, this._commandService = _commandService, this._initClipboard();
-  }
-  _initClipboard() {
-    this.disposeWithMe(this._docClipboardService.addClipboardHook({
-      onBeforePaste: /* @__PURE__ */ __name((body) => {
-        var _a9, _b;
-        const doc = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_DOC);
-        if (!doc)
-          return body;
-        const activeRange = this._textSelectionManagerService.getActiveTextRangeWithStyle(), customRanges = (_a9 = doc.getBody()) == null ? void 0 : _a9.customRanges;
-        if (activeRange ? customRanges == null ? void 0 : customRanges.find(
-          (range) => range.rangeType === CustomRangeType.HYPERLINK && range.startIndex < activeRange.startOffset && range.endIndex > activeRange.endOffset - 1
-        ) : null) {
-          const { customRanges: customRanges2 = [], ...extBody } = body, deleteIndexes = customRanges2.filter((range) => range.rangeType === CustomRangeType.HYPERLINK).map((i) => [i.startIndex, i.endIndex]).flat().sort((pre, aft) => pre - aft), bodyWithoutLink = {
-            ...extBody,
-            customRanges: customRanges2.filter((range) => range.rangeType !== CustomRangeType.HYPERLINK)
-          };
-          for (let i = 0; i < deleteIndexes.length; i++)
-            updateAttributeByDelete(bodyWithoutLink, 1, deleteIndexes[i] - i);
-          return bodyWithoutLink;
-        } else {
-          const unitId = doc.getUnitId(), customRangeIds = new Set(customRanges == null ? void 0 : customRanges.map((i) => i.rangeType === CustomRangeType.HYPERLINK && i.rangeId));
-          (_b = body.customRanges) == null || _b.forEach((range) => {
-            var _a10;
-            if (range.rangeType === CustomRangeType.HYPERLINK) {
-              if (customRangeIds.has(range.rangeId)) {
-                const link = this._hyperLinkModel.getLink(unitId, range.rangeId);
-                if (link) {
-                  const newId = Tools.generateRandomId();
-                  this._commandService.executeCommand(
-                    AddDocHyperLinkMutation.id,
-                    {
-                      unitId,
-                      link: {
-                        id: newId,
-                        payload: link.payload
-                      }
-                    }
-                  ), range.rangeId = newId;
-                }
-              } else if ((_a10 = body.payloads) != null && _a10[range.rangeId]) {
-                const url = body.payloads[range.rangeId];
-                this._commandService.executeCommand(
-                  AddDocHyperLinkMutation.id,
-                  {
-                    unitId,
-                    link: {
-                      id: range.rangeId,
-                      payload: url
-                    }
-                  }
-                );
-              }
-            }
-          });
-        }
-        return body;
-      }, "onBeforePaste")
-    }));
-  }
-}, __name(_a5, "DocHyperLinkClipboardController"), _a5);
-DocHyperLinkClipboardController = __decorateClass$3([
-  OnLifecycle(LifecycleStages.Ready, DocHyperLinkClipboardController),
-  __decorateParam$3(0, Inject(IDocClipboardService)),
-  __decorateParam$3(1, IUniverInstanceService),
-  __decorateParam$3(2, Inject(DocHyperLinkModel)),
-  __decorateParam$3(3, Inject(TextSelectionManagerService)),
-  __decorateParam$3(4, ICommandService)
-], DocHyperLinkClipboardController);
-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"), _a6;
-let DocHyperLinkCustomRangeController = (_a6 = class extends Disposable {
-  constructor(_docCustomRangeService, _docHyperLinkModel, _commandService) {
-    super(), this._docCustomRangeService = _docCustomRangeService, this._docHyperLinkModel = _docHyperLinkModel, this._commandService = _commandService, this._initCustomRangeHooks();
-  }
-  _initCustomRangeHooks() {
-    this.disposeWithMe(
-      this._docCustomRangeService.addClipboardHook({
-        onCopyCustomRange: /* @__PURE__ */ __name((unitId, range) => {
-          const { rangeId, rangeType, data, ...ext } = range;
-          if (rangeType === CustomRangeType.HYPERLINK) {
-            if (data) {
-              const id = Tools.generateRandomId();
-              return this._commandService.executeCommand(
-                AddDocHyperLinkMutation.id,
-                {
-                  unitId,
-                  link: {
-                    id,
-                    payload: data
-                  }
-                }
-              ), {
-                ...range,
-                rangeId: id
-              };
-            }
-            const link = this._docHyperLinkModel.getLink(unitId, rangeId);
-            if (!link)
-              return range;
-            const newId = Tools.generateRandomId();
-            return this._commandService.executeCommand(
-              AddDocHyperLinkMutation.id,
-              {
-                unitId,
-                link: {
-                  id: newId,
-                  payload: link.payload
-                }
-              }
-            ), {
-              ...ext,
-              rangeId: newId,
-              rangeType
-            };
-          }
-          return range;
-        }, "onCopyCustomRange")
-      })
-    );
-  }
-}, __name(_a6, "DocHyperLinkCustomRangeController"), _a6);
-DocHyperLinkCustomRangeController = __decorateClass$2([
-  OnLifecycle(LifecycleStages.Ready, DocHyperLinkCustomRangeController),
-  __decorateParam$2(0, Inject(DocCustomRangeService)),
-  __decorateParam$2(1, Inject(DocHyperLinkModel)),
-  __decorateParam$2(2, ICommandService)
-], DocHyperLinkCustomRangeController);
 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"), _a7;
-let DocHyperLinkEventRenderController = (_a7 = class extends Disposable {
-  constructor(_context, _docEventManagerService, _commandService, _hyperLinkPopupService, _docSkeletonManagerService) {
-    super(), this._context = _context, this._docEventManagerService = _docEventManagerService, this._commandService = _commandService, this._hyperLinkPopupService = _hyperLinkPopupService, this._docSkeletonManagerService = _docSkeletonManagerService, this._initHover(), this._initClick();
+}, "__decorateClass$1"), __decorateParam$1 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$1"), _a5;
+let DocHyperLinkEventRenderController = (_a5 = class extends Disposable {
+  constructor(_context, _docEventManagerService, _commandService, _hyperLinkPopupService, _docSkeletonManagerService, _textSelectionManagerService) {
+    super(), this._context = _context, this._docEventManagerService = _docEventManagerService, this._commandService = _commandService, this._hyperLinkPopupService = _hyperLinkPopupService, this._docSkeletonManagerService = _docSkeletonManagerService, this._textSelectionManagerService = _textSelectionManagerService, this._initHover(), this._initClick();
   }
   get _skeleton() {
     return this._docSkeletonManagerService.getSkeleton();
@@ -797,8 +659,9 @@ let DocHyperLinkEventRenderController = (_a7 = class extends Disposable {
   _initHover() {
     this.disposeWithMe(
       this._docEventManagerService.hoverCustomRanges$.subscribe((ranges) => {
-        const link = ranges.find((range) => range.range.rangeType === CustomRangeType.HYPERLINK), editArea = this._skeleton.getViewModel().getEditArea();
-        if (link != null && link.segmentId && editArea === DocumentEditArea.BODY || !(link != null && link.segmentId) && editArea !== DocumentEditArea.BODY) {
+        var _a7;
+        const link = ranges.find((range) => range.range.rangeType === CustomRangeType.HYPERLINK), activeRanges = this._textSelectionManagerService.getCurrentTextRanges(), currentSegmentId = activeRanges == null ? void 0 : activeRanges[0].segmentId;
+        if (((_a7 = link == null ? void 0 : link.segmentId) != null ? _a7 : "") !== currentSegmentId) {
           this._hideInfoPopup();
           return;
         }
@@ -823,40 +686,38 @@ let DocHyperLinkEventRenderController = (_a7 = class extends Disposable {
           ClickDocHyperLinkOperation.id,
           {
             unitId: this._context.unitId,
-            linkId: link.rangeId
+            linkId: link.rangeId,
+            segmentId: range.segmentId
           }
         );
       })
     );
   }
-}, __name(_a7, "DocHyperLinkEventRenderController"), _a7);
+}, __name(_a5, "DocHyperLinkEventRenderController"), _a5);
 DocHyperLinkEventRenderController = __decorateClass$1([
   __decorateParam$1(1, Inject(DocEventManagerService)),
   __decorateParam$1(2, ICommandService),
   __decorateParam$1(3, Inject(DocHyperLinkPopupService)),
-  __decorateParam$1(4, Inject(DocSkeletonManagerService))
+  __decorateParam$1(4, Inject(DocSkeletonManagerService)),
+  __decorateParam$1(5, Inject(TextSelectionManagerService))
 ], DocHyperLinkEventRenderController);
+const PLUGIN_CONFIG_KEY = "docs-hyper-link-ui.config", defaultPluginConfig = {};
 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"), _a8;
-let UniverDocsHyperLinkUIPlugin = (_a8 = class extends Plugin {
-  constructor(_config = { menu: {} }, _injector, _renderManagerSrv) {
-    super(), this._config = _config, this._injector = _injector, this._renderManagerSrv = _renderManagerSrv;
+}, "__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"), _a6;
+let UniverDocsHyperLinkUIPlugin = (_a6 = class extends Plugin {
+  constructor(_config = defaultPluginConfig, _injector, _renderManagerSrv, _configService) {
+    super(), this._config = _config, this._injector = _injector, this._renderManagerSrv = _renderManagerSrv, this._configService = _configService;
+    const { menu, ...rest } = this._config;
+    menu && this._configService.setConfig("menu", menu, { merge: !0 }), this._configService.setConfig(PLUGIN_CONFIG_KEY, rest);
   }
   onStarting() {
     [
       [DocHyperLinkPopupService],
-      [
-        DocHyperLinkUIController,
-        {
-          useFactory: /* @__PURE__ */ __name(() => this._injector.createInstance(DocHyperLinkUIController, this._config), "useFactory")
-        }
-      ],
-      [DocHyperLinkSelectionController],
-      [DocHyperLinkClipboardController],
-      [DocHyperLinkCustomRangeController]
+      [DocHyperLinkUIController],
+      [DocHyperLinkSelectionController]
     ].forEach((dep) => {
       this._injector.add(dep);
     });
@@ -872,13 +733,14 @@ let UniverDocsHyperLinkUIPlugin = (_a8 = class extends Plugin {
       this._renderManagerSrv.registerRenderModule(UniverInstanceType.UNIVER_DOC, dep);
     });
   }
-}, __name(_a8, "UniverDocsHyperLinkUIPlugin"), _a8);
+}, __name(_a6, "UniverDocsHyperLinkUIPlugin"), _a6);
 __publicField2(UniverDocsHyperLinkUIPlugin, "pluginName", DOC_HYPER_LINK_UI_PLUGIN);
 __publicField2(UniverDocsHyperLinkUIPlugin, "type", UniverInstanceType.UNIVER_DOC);
 UniverDocsHyperLinkUIPlugin = __decorateClass([
   DependentOn(UniverDocsHyperLinkPlugin),
   __decorateParam(1, Inject(Injector)),
-  __decorateParam(2, IRenderManagerService)
+  __decorateParam(2, IRenderManagerService),
+  __decorateParam(3, IConfigService)
 ], UniverDocsHyperLinkUIPlugin);
 export {
   UniverDocsHyperLinkUIPlugin