@univerjs/docs-hyper-link-ui 0.2.5 → 0.2.6

package/lib/es/index.js

@@ -1,215 +1,220 @@
-var be = Object.defineProperty;
-var we = (e, t, i) => t in e ? be(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
-var E = (e, t, i) => we(e, typeof t != "symbol" ? t + "" : t, i);
-import { CommandType as z, ICommandService as O, IUniverInstanceService as T, UniverInstanceType as _, useDependency as g, LocaleService as ge, Disposable as $, Inject as m, generateRandomId as Ne, CustomRangeType as P, sequenceExecuteAsync as De, useObservable as Ue, Tools as ve, OnLifecycle as J, LifecycleStages as Q, Injector as me, updateAttributeByDelete as Te, DependentOn as $e, Plugin as He } from "@univerjs/core";
-import { DocHyperLinkModel as H, AddDocHyperLinkMutation as Ae, UpdateDocHyperLinkMutation as je, UniverDocsHyperLinkPlugin as Be } from "@univerjs/docs-hyper-link";
-import { IRenderManagerService as ee, DocumentEditArea as X, ITextSelectionRenderManager as Ke } from "@univerjs/engine-render";
-import { IMessageService as Ve, useObservable as Fe, MetaKeys as Ye, KeyCode as Ze, MenuGroup as We, MenuItemType as ze, MenuPosition as se, getMenuHiddenObservable as Ge, ComponentManager as Xe, IMenuService as qe, IShortcutService as Je } from "@univerjs/ui";
-import { Tooltip as j, MessageType as Qe, FormLayout as et, Input as tt, Button as ae } from "@univerjs/design";
-import d, { forwardRef as x, useRef as nt, createElement as R, useState as de, useEffect as le } from "react";
-import { deleteCustomRangeFactory as it, TextSelectionManagerService as A, DocSkeletonManagerService as Le, addCustomRangeBySelectionFactory as rt, SetTextSelectionsOperation as ot, DocInterceptorService as ct, DOC_INTERCEPTOR_POINT as st } from "@univerjs/docs";
-import { DocCanvasPopManagerService as at, whenDocAndEditorFocused as dt, IDocClipboardService as lt } from "@univerjs/docs-ui";
-import { BehaviorSubject as ue, Observable as ut, debounceTime as pt } from "rxjs";
-import pe from "clsx";
-const ft = "DOC_HYPER_LINK_UI_PLUGIN";
-var v = function() {
-  return v = Object.assign || function(e) {
-    for (var t, i = 1, n = arguments.length; i < n; i++) {
-      t = arguments[i];
-      for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && (e[r] = t[r]);
+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, useDependency, LocaleService, Disposable, Inject, generateRandomId, CustomRangeType, sequenceExecuteAsync, useObservable as useObservable$1, Tools, OnLifecycle, LifecycleStages, Injector, updateAttributeByDelete, DependentOn, Plugin } from "@univerjs/core";
+import { DocHyperLinkModel, AddDocHyperLinkMutation, UpdateDocHyperLinkMutation, UniverDocsHyperLinkPlugin } from "@univerjs/docs-hyper-link";
+import { IRenderManagerService, DocumentEditArea, ITextSelectionRenderManager } from "@univerjs/engine-render";
+import { IMessageService, useObservable, MetaKeys, KeyCode, MenuGroup, MenuItemType, MenuPosition, getMenuHiddenObservable, ComponentManager, IMenuService, 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, DocSkeletonManagerService, addCustomRangeBySelectionFactory, SetTextSelectionsOperation, DocInterceptorService, DOC_INTERCEPTOR_POINT, DocCustomRangeService } from "@univerjs/docs";
+import { DocCanvasPopManagerService, whenDocAndEditorFocused, IDocClipboardService } from "@univerjs/docs-ui";
+import { BehaviorSubject, Observable, debounceTime } from "rxjs";
+import cs from "clsx";
+const DOC_HYPER_LINK_UI_PLUGIN = "DOC_HYPER_LINK_UI_PLUGIN";
+var __assign = function() {
+  return __assign = Object.assign || function(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && (t[p] = s[p]);
     }
-    return e;
-  }, v.apply(this, arguments);
-}, ht = function(e, t) {
-  var i = {};
-  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (i[n] = e[n]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
-      t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (i[n[r]] = e[n[r]]);
-  return i;
-}, b = x(function(e, t) {
-  var i = e.icon, n = e.id, r = e.className, o = e.extend, c = ht(e, ["icon", "id", "className", "extend"]), s = "univerjs-icon univerjs-icon-".concat(n, " ").concat(r || "").trim(), a = nt("_".concat(mt()));
-  return _e(i, "".concat(n), { defIds: i.defIds, idSuffix: a.current }, v({ ref: t, className: s }, c), o);
+    return t;
+  }, __assign.apply(this, arguments);
+}, __rest = function(s, e) {
+  var t = {};
+  for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+  if (s != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++)
+      e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+  return t;
+}, IconBase = forwardRef(function(props, ref) {
+  var icon = props.icon, id = props.id, className = props.className, extend = props.extend, restProps = __rest(props, ["icon", "id", "className", "extend"]), cls = "univerjs-icon univerjs-icon-".concat(id, " ").concat(className || "").trim(), idSuffix = useRef("_".concat(generateShortUuid()));
+  return render(icon, "".concat(id), { defIds: icon.defIds, idSuffix: idSuffix.current }, __assign({ ref, className: cls }, restProps), extend);
 });
-function _e(e, t, i, n, r) {
-  return R(e.tag, v(v({ key: t }, gt(e, i, r)), n), (vt(e, i).children || []).map(function(o, c) {
-    return _e(o, "".concat(t, "-").concat(e.tag, "-").concat(c), i, void 0, r);
+function render(node, id, runtimeProps, rootProps, extend) {
+  return createElement(node.tag, __assign(__assign({ key: id }, replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend)), rootProps), (replaceRuntimeIdsInDefs(node, runtimeProps).children || []).map(function(child, index) {
+    return render(child, "".concat(id, "-").concat(node.tag, "-").concat(index), runtimeProps, void 0, extend);
   }));
 }
-function gt(e, t, i) {
-  var n = v({}, e.attrs);
-  i != null && i.colorChannel1 && n.fill === "colorChannel1" && (n.fill = i.colorChannel1);
-  var r = t.defIds;
-  return !r || r.length === 0 || (e.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + t.idSuffix), Object.entries(n).forEach(function(o) {
-    var c = o[0], s = o[1];
-    typeof s == "string" && (n[c] = s.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
-  })), n;
+__name(render, "render");
+function replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend) {
+  var attrs = __assign({}, node.attrs);
+  extend != null && extend.colorChannel1 && attrs.fill === "colorChannel1" && (attrs.fill = extend.colorChannel1);
+  var defIds = runtimeProps.defIds;
+  return !defIds || defIds.length === 0 || (node.tag === "use" && attrs["xlink:href"] && (attrs["xlink:href"] = attrs["xlink:href"] + runtimeProps.idSuffix), Object.entries(attrs).forEach(function(_a8) {
+    var key = _a8[0], value = _a8[1];
+    typeof value == "string" && (attrs[key] = value.replace(/url\(#(.*)\)/, "url(#$1".concat(runtimeProps.idSuffix, ")")));
+  })), attrs;
 }
-function vt(e, t) {
-  var i, n = t.defIds;
-  return !n || n.length === 0 ? e : e.tag === "defs" && (!((i = e.children) === null || i === void 0) && i.length) ? v(v({}, e), { children: e.children.map(function(r) {
-    return typeof r.attrs.id == "string" && n && n.indexOf(r.attrs.id) > -1 ? v(v({}, r), { attrs: v(v({}, r.attrs), { id: r.attrs.id + t.idSuffix }) }) : r;
-  }) }) : e;
+__name(replaceRuntimeIdsAndExtInAttrs, "replaceRuntimeIdsAndExtInAttrs");
+function replaceRuntimeIdsInDefs(node, runtimeProps) {
+  var _a8, defIds = runtimeProps.defIds;
+  return !defIds || defIds.length === 0 ? node : node.tag === "defs" && (!((_a8 = node.children) === null || _a8 === void 0) && _a8.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;
 }
-function mt() {
+__name(replaceRuntimeIdsInDefs, "replaceRuntimeIdsInDefs");
+function generateShortUuid() {
   return Math.random().toString(36).substring(2, 8);
 }
-b.displayName = "UniverIcon";
-var Lt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3.71274 2.86421C3.47843 2.6299 3.09853 2.6299 2.86421 2.86421C2.6299 3.09853 2.6299 3.47843 2.86421 3.71274L7.15154 8.00007L2.86421 12.2874C2.6299 12.5217 2.6299 12.9016 2.86421 13.1359C3.09853 13.3702 3.47843 13.3702 3.71274 13.1359L8.00007 8.84859L12.2874 13.1359C12.5217 13.3702 12.9016 13.3702 13.1359 13.1359C13.3702 12.9016 13.3702 12.5217 13.1359 12.2874L8.84859 8.00007L13.1359 3.71274C13.3702 3.47843 13.3702 3.09853 13.1359 2.86421C12.9016 2.6299 12.5217 2.6299 12.2874 2.86421L8.00007 7.15154L3.71274 2.86421Z" } }] }, Ce = x(function(e, t) {
-  return R(b, Object.assign({}, e, {
+__name(generateShortUuid, "generateShortUuid");
+IconBase.displayName = "UniverIcon";
+var element$4 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3.71274 2.86421C3.47843 2.6299 3.09853 2.6299 2.86421 2.86421C2.6299 3.09853 2.6299 3.47843 2.86421 3.71274L7.15154 8.00007L2.86421 12.2874C2.6299 12.5217 2.6299 12.9016 2.86421 13.1359C3.09853 13.3702 3.47843 13.3702 3.71274 13.1359L8.00007 8.84859L12.2874 13.1359C12.5217 13.3702 12.9016 13.3702 13.1359 13.1359C13.3702 12.9016 13.3702 12.5217 13.1359 12.2874L8.84859 8.00007L13.1359 3.71274C13.3702 3.47843 13.3702 3.09853 13.1359 2.86421C12.9016 2.6299 12.5217 2.6299 12.2874 2.86421L8.00007 7.15154L3.71274 2.86421Z" } }] }, CloseSingle = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
     id: "close-single",
-    ref: t,
-    icon: Lt
+    ref,
+    icon: element$4
   }));
 });
-Ce.displayName = "CloseSingle";
-var _t = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.02547 12.4251C5.15328 13.7417 6.26305 14.7708 7.61318 14.7708H12.6132C14.0491 14.7708 15.2132 13.6067 15.2132 12.1708V6.1708C15.2132 4.78586 14.1303 3.65383 12.7651 3.57517C12.6373 2.25858 11.5275 1.22949 10.1774 1.22949H5.17739C3.74145 1.22949 2.57739 2.39355 2.57739 3.82949V9.82949C2.57739 11.2144 3.66024 12.3465 5.02547 12.4251ZM11.5535 3.5708H7.61318C6.17724 3.5708 5.01318 4.73486 5.01318 6.1708V11.22C4.31736 11.1387 3.77739 10.5471 3.77739 9.82949V3.82949C3.77739 3.05629 4.40419 2.42949 5.17739 2.42949H10.1774C10.8622 2.42949 11.4322 2.92119 11.5535 3.5708ZM14.0132 6.1708C14.0132 5.3976 13.3864 4.7708 12.6132 4.7708H7.61318C6.83998 4.7708 6.21318 5.3976 6.21318 6.1708V12.1708C6.21318 12.944 6.83998 13.5708 7.61318 13.5708H12.6132C13.3864 13.5708 14.0132 12.944 14.0132 12.1708V6.1708Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Ie = x(function(e, t) {
-  return R(b, Object.assign({}, e, {
+CloseSingle.displayName = "CloseSingle";
+var element$3 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M4.1302 12.4251C4.25802 13.7417 5.36779 14.7708 6.71792 14.7708H11.7179C13.1539 14.7708 14.3179 13.6067 14.3179 12.1708V6.1708C14.3179 4.78586 13.2351 3.65383 11.8698 3.57517C11.742 2.25858 10.6323 1.22949 9.28213 1.22949H4.28213C2.84619 1.22949 1.68213 2.39355 1.68213 3.82949V9.82949C1.68213 11.2144 2.76497 12.3465 4.1302 12.4251ZM10.6583 3.5708H6.71792C5.28198 3.5708 4.11792 4.73486 4.11792 6.1708V11.22C3.4221 11.1387 2.88213 10.5471 2.88213 9.82949V3.82949C2.88213 3.05629 3.50893 2.42949 4.28213 2.42949H9.28213C9.96695 2.42949 10.5369 2.92119 10.6583 3.5708ZM13.1179 6.1708C13.1179 5.3976 12.4911 4.7708 11.7179 4.7708H6.71792C5.94472 4.7708 5.31792 5.3976 5.31792 6.1708V12.1708C5.31792 12.944 5.94472 13.5708 6.71792 13.5708H11.7179C12.4911 13.5708 13.1179 12.944 13.1179 12.1708V6.1708Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, CopySingle = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
     id: "copy-single",
-    ref: t,
-    icon: _t
+    ref,
+    icon: element$3
   }));
 });
-Ie.displayName = "CopySingle";
-var Ct = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.9564 2.91332C4.91407 1.87102 3.22413 1.87101 2.18182 2.91333L2.18182 2.91333C1.13953 3.95567 1.13952 5.6456 2.18182 6.68791L8.27777 12.7838C9.72408 14.2302 12.069 14.2302 13.5154 12.7839L13.0911 12.3596L13.5154 12.7839C14.9617 11.3375 14.9617 8.99257 13.5154 7.54626L8.39476 2.42566C8.16044 2.19134 7.78054 2.19134 7.54623 2.42566C7.31191 2.65997 7.31191 3.03987 7.54623 3.27419L12.6668 8.39479L13.0911 7.97052L12.6668 8.39479C13.6445 9.37247 13.6445 10.9576 12.6668 11.9353L13.0399 12.3084L12.6668 11.9353C11.6891 12.913 10.104 12.913 9.1263 11.9353L3.03035 5.83938C2.45668 5.26571 2.45667 4.33556 3.03036 3.76184C3.60403 3.18818 4.53416 3.18817 5.10788 3.76185C5.10788 3.76186 5.10788 3.76186 5.10789 3.76186L11.2038 9.8578L11.601 9.46061L11.2038 9.8578C11.3735 10.0275 11.3735 10.3026 11.2038 10.4723L11.2038 10.4723C11.0341 10.642 10.759 10.642 10.5893 10.4723L5.46874 5.35171C5.23442 5.1174 4.85452 5.1174 4.62021 5.35171C4.38589 5.58602 4.38589 5.96592 4.62021 6.20024L9.74078 11.3208C10.3791 11.9591 11.414 11.9591 12.0523 11.3208C12.0523 11.3208 12.0523 11.3208 12.0523 11.3208M12.0523 11.3208C12.6907 10.6825 12.6906 9.64757 12.0523 9.00927L5.95641 2.91333L5.9564 2.91332", fillRule: "evenodd", clipRule: "evenodd" } }] }, te = x(function(e, t) {
-  return R(b, Object.assign({}, e, {
+CopySingle.displayName = "CopySingle";
+var element$2 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.9564 2.91332C4.91407 1.87102 3.22413 1.87101 2.18182 2.91333L2.18182 2.91333C1.13953 3.95567 1.13952 5.6456 2.18182 6.68791L8.27777 12.7838C9.72408 14.2302 12.069 14.2302 13.5154 12.7839L13.0911 12.3596L13.5154 12.7839C14.9617 11.3375 14.9617 8.99257 13.5154 7.54626L8.39476 2.42566C8.16044 2.19134 7.78054 2.19134 7.54623 2.42566C7.31191 2.65997 7.31191 3.03987 7.54623 3.27419L12.6668 8.39479L13.0911 7.97052L12.6668 8.39479C13.6445 9.37247 13.6445 10.9576 12.6668 11.9353L13.0399 12.3084L12.6668 11.9353C11.6891 12.913 10.104 12.913 9.1263 11.9353L3.03035 5.83938C2.45668 5.26571 2.45667 4.33556 3.03036 3.76184C3.60403 3.18818 4.53416 3.18817 5.10788 3.76185C5.10788 3.76186 5.10788 3.76186 5.10789 3.76186L11.2038 9.8578L11.601 9.46061L11.2038 9.8578C11.3735 10.0275 11.3735 10.3026 11.2038 10.4723L11.2038 10.4723C11.0341 10.642 10.759 10.642 10.5893 10.4723L5.46874 5.35171C5.23442 5.1174 4.85452 5.1174 4.62021 5.35171C4.38589 5.58602 4.38589 5.96592 4.62021 6.20024L9.74078 11.3208C10.3791 11.9591 11.414 11.9591 12.0523 11.3208C12.0523 11.3208 12.0523 11.3208 12.0523 11.3208M12.0523 11.3208C12.6907 10.6825 12.6906 9.64757 12.0523 9.00927L5.95641 2.91333L5.9564 2.91332", fillRule: "evenodd", clipRule: "evenodd" } }] }, LinkSingle = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
     id: "link-single",
-    ref: t,
-    icon: Ct
+    ref,
+    icon: element$2
   }));
 });
-te.displayName = "LinkSingle";
-var It = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 17", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M12.5935 3.47302C11.6354 2.51492 10.082 2.51492 9.12388 3.47302L7.83534 4.76157C7.60102 4.99588 7.22112 4.99588 6.98681 4.76157 6.75249 4.52725 6.75249 4.14735 6.98681 3.91304L8.27535 2.62449C9.70209 1.19776 12.0153 1.19776 13.442 2.62449 14.8688 4.05123 14.8688 6.36442 13.442 7.79116L12.1535 9.0797C11.9192 9.31402 11.5393 9.31402 11.3049 9.0797 11.0706 8.84539 11.0706 8.46549 11.3049 8.23117L12.5935 6.94263C13.5516 5.98452 13.5516 4.43113 12.5935 3.47302zM3.40637 12.6606C2.44827 11.7025 2.44827 10.1491 3.40637 9.19102L4.69492 7.90248C4.92923 7.66816 4.92923 7.28826 4.69492 7.05395 4.4606 6.81963 4.0807 6.81963 3.84639 7.05395L2.55784 8.34249C1.13111 9.76923 1.13111 12.0824 2.55784 13.5092 3.98458 14.9359 6.29777 14.9359 7.72451 13.5092L9.01305 12.2206C9.24737 11.9863 9.24737 11.6064 9.01305 11.3721 8.77874 11.1378 8.39884 11.1378 8.16452 11.3721L6.87598 12.6606C5.91787 13.6187 4.36448 13.6187 3.40637 12.6606zM3.5852 2.80332C3.35088 2.569 2.97098 2.569 2.73667 2.80332 2.50235 3.03763 2.50235 3.41753 2.73667 3.65185L12.4151 13.3302C12.6494 13.5646 13.0293 13.5646 13.2636 13.3302 13.4979 13.0959 13.4979 12.716 13.2636 12.4817L3.5852 2.80332z" } }] }, ke = x(function(e, t) {
-  return R(b, Object.assign({}, e, {
+LinkSingle.displayName = "LinkSingle";
+var element$1 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 17", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M12.5935 3.47302C11.6354 2.51492 10.082 2.51492 9.12388 3.47302L7.83534 4.76157C7.60102 4.99588 7.22112 4.99588 6.98681 4.76157 6.75249 4.52725 6.75249 4.14735 6.98681 3.91304L8.27535 2.62449C9.70209 1.19776 12.0153 1.19776 13.442 2.62449 14.8688 4.05123 14.8688 6.36442 13.442 7.79116L12.1535 9.0797C11.9192 9.31402 11.5393 9.31402 11.3049 9.0797 11.0706 8.84539 11.0706 8.46549 11.3049 8.23117L12.5935 6.94263C13.5516 5.98452 13.5516 4.43113 12.5935 3.47302zM3.40637 12.6606C2.44827 11.7025 2.44827 10.1491 3.40637 9.19102L4.69492 7.90248C4.92923 7.66816 4.92923 7.28826 4.69492 7.05395 4.4606 6.81963 4.0807 6.81963 3.84639 7.05395L2.55784 8.34249C1.13111 9.76923 1.13111 12.0824 2.55784 13.5092 3.98458 14.9359 6.29777 14.9359 7.72451 13.5092L9.01305 12.2206C9.24737 11.9863 9.24737 11.6064 9.01305 11.3721 8.77874 11.1378 8.39884 11.1378 8.16452 11.3721L6.87598 12.6606C5.91787 13.6187 4.36448 13.6187 3.40637 12.6606zM3.5852 2.80332C3.35088 2.569 2.97098 2.569 2.73667 2.80332 2.50235 3.03763 2.50235 3.41753 2.73667 3.65185L12.4151 13.3302C12.6494 13.5646 13.0293 13.5646 13.2636 13.3302 13.4979 13.0959 13.4979 12.716 13.2636 12.4817L3.5852 2.80332z" } }] }, UnlinkSingle = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
     id: "unlink-single",
-    ref: t,
-    icon: It
+    ref,
+    icon: element$1
   }));
 });
-ke.displayName = "UnlinkSingle";
-var kt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M12.6551 1.98906C11.7476 1.08113 10.2757 1.08149 9.3686 1.98987L4.82542 6.53955C4.75087 6.61421 4.69336 6.70411 4.65682 6.80309L3.2461 10.625C3.16506 10.8446 3.21909 11.0912 3.3845 11.2568C3.54991 11.4224 3.79651 11.4767 4.01616 11.3959L7.85031 9.98517C7.94979 9.94856 8.04014 9.89077 8.11508 9.81579L12.6552 5.27327C13.5618 4.36621 13.5618 2.89607 12.6551 1.98906ZM10.2177 2.83779C10.6562 2.39869 11.3677 2.39851 11.8064 2.8374C12.2447 3.27584 12.2447 3.9865 11.8065 4.42497L7.3392 8.89457L4.82213 9.82068L5.74706 7.31487L10.2177 2.83779Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.79238 13.2999C1.46101 13.2999 1.19238 13.5685 1.19238 13.8999C1.19238 14.2313 1.46101 14.4999 1.79238 14.4999H14.4924C14.8238 14.4999 15.0924 14.2313 15.0924 13.8999C15.0924 13.5685 14.8238 13.2999 14.4924 13.2999H1.79238Z" } }] }, ye = x(function(e, t) {
-  return R(b, Object.assign({}, e, {
+UnlinkSingle.displayName = "UnlinkSingle";
+var element = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M12.6551 1.98906C11.7476 1.08113 10.2757 1.08149 9.3686 1.98987L4.82542 6.53955C4.75087 6.61421 4.69336 6.70411 4.65682 6.80309L3.2461 10.625C3.16506 10.8446 3.21909 11.0912 3.3845 11.2568C3.54991 11.4224 3.79651 11.4767 4.01616 11.3959L7.85031 9.98517C7.94979 9.94856 8.04014 9.89077 8.11508 9.81579L12.6552 5.27327C13.5618 4.36621 13.5618 2.89607 12.6551 1.98906ZM10.2177 2.83779C10.6562 2.39869 11.3677 2.39851 11.8064 2.8374C12.2447 3.27584 12.2447 3.9865 11.8065 4.42497L7.3392 8.89457L4.82213 9.82068L5.74706 7.31487L10.2177 2.83779Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.79238 13.2999C1.46101 13.2999 1.19238 13.5685 1.19238 13.8999C1.19238 14.2313 1.46101 14.4999 1.79238 14.4999H14.4924C14.8238 14.4999 15.0924 14.2313 15.0924 13.8999C15.0924 13.5685 14.8238 13.2999 14.4924 13.2999H1.79238Z" } }] }, WriteSingle = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
     id: "write-single",
-    ref: t,
-    icon: kt
+    ref,
+    icon: element
   }));
 });
-ye.displayName = "WriteSingle";
-const Se = {
-  type: z.COMMAND,
+WriteSingle.displayName = "WriteSingle";
+const DeleteDocHyperLinkCommand = {
+  type: CommandType.COMMAND,
   id: "docs.command.delete-hyper-link",
-  async handler(e, t) {
-    if (!t)
+  async handler(accessor, params) {
+    if (!params)
       return !1;
-    const { unitId: i, linkId: n } = t, r = e.get(O);
-    if (!e.get(H).getLink(i, n))
+    const { unitId, linkId } = params, commandService = accessor.get(ICommandService);
+    if (!accessor.get(DocHyperLinkModel).getLink(unitId, linkId))
       return !1;
-    const s = it(e, { unitId: i, rangeId: n });
-    return s ? await r.syncExecuteCommand(s.id, s.params) : !1;
+    const doMutation = deleteCustomRangeFactory(accessor, { unitId, rangeId: linkId });
+    return doMutation ? await commandService.syncExecuteCommand(doMutation.id, doMutation.params) : !1;
   }
-}, Oe = (e) => {
-  var u;
-  const t = e.get(A), i = e.get(T), n = t.getActiveRange(), o = e.get(ee).getCurrent(), c = o == null ? void 0 : o.with(Le).getSkeleton(), s = c == null ? void 0 : c.getViewModel().getEditArea();
-  if (s === X.FOOTER || s === X.HEADER)
+}, shouldDisableAddLink = /* @__PURE__ */ __name((accessor) => {
+  var _a8;
+  const textSelectionService = accessor.get(TextSelectionManagerService), univerInstanceService = accessor.get(IUniverInstanceService), activeRange = textSelectionService.getActiveRange(), render2 = accessor.get(IRenderManagerService).getCurrent(), skeleton = render2 == null ? void 0 : render2.with(DocSkeletonManagerService).getSkeleton(), editArea = skeleton == null ? void 0 : skeleton.getViewModel().getEditArea();
+  if (editArea === DocumentEditArea.FOOTER || editArea === DocumentEditArea.HEADER)
     return !0;
-  const a = i.getCurrentUnitForType(_.UNIVER_DOC);
-  if (!a || !n || n.collapsed)
+  const doc = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_DOC);
+  if (!doc || !activeRange || activeRange.collapsed)
     return !0;
-  const p = (u = a.getBody()) == null ? void 0 : u.paragraphs;
-  if (!p)
+  const paragraphs = (_a8 = doc.getBody()) == null ? void 0 : _a8.paragraphs;
+  if (!paragraphs)
     return !0;
-  for (let f = 0, l = p.length; f < l; f++) {
-    const h = p[f];
-    if (n.startOffset <= h.startIndex && n.endOffset > h.startIndex)
+  for (let i = 0, len = paragraphs.length; i < len; i++) {
+    const p = paragraphs[i];
+    if (activeRange.startOffset <= p.startIndex && activeRange.endOffset > p.startIndex)
       return !0;
-    if (h.startIndex > n.endOffset)
+    if (p.startIndex > activeRange.endOffset)
       break;
   }
   return !1;
-}, G = {
-  type: z.OPERATION,
+}, "shouldDisableAddLink"), ShowDocHyperLinkEditPopupOperation = {
+  type: CommandType.OPERATION,
   id: "docs.operation.show-hyper-link-edit-popup",
-  handler(e, t) {
-    const i = t == null ? void 0 : t.link;
-    return Oe(e) && !i ? !1 : (e.get(S).showEditPopup(i), !0);
+  handler(accessor, params) {
+    const linkInfo = params == null ? void 0 : params.link;
+    return shouldDisableAddLink(accessor) && !linkInfo ? !1 : (accessor.get(DocHyperLinkPopupService).showEditPopup(linkInfo), !0);
   }
-}, yt = "univer-doc-link", St = "univer-doc-link-type", Ot = "univer-doc-link-content", Et = "univer-doc-link-content-error", Mt = "univer-doc-link-url", Pt = "univer-doc-link-operations", xt = "univer-doc-link-operation", Rt = "univer-doc-link-operation-error", y = {
-  docLink: yt,
-  docLinkType: St,
-  docLinkContent: Ot,
-  docLinkContentError: Et,
-  docLinkUrl: Mt,
-  docLinkOperations: Pt,
-  docLinkOperation: xt,
-  docLinkOperationError: Rt
-}, Y = () => {
-  const e = g(S), t = g(H), i = g(O), n = g(Ve), r = g(ge), o = Fe(e.showingLink$);
-  if (!o)
+}, 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,
+  docLinkType,
+  docLinkContent,
+  docLinkContentError,
+  docLinkUrl,
+  docLinkOperations,
+  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$);
+  if (!currentPopup)
     return null;
-  const { unitId: c, linkId: s } = o, a = t.getLink(c, s);
-  return a ? /* @__PURE__ */ d.createElement(
+  const { unitId, linkId } = currentPopup, link = hyperLinkModel.getLink(unitId, linkId);
+  return link ? /* @__PURE__ */ React.createElement(
     "div",
     {
-      className: y.docLink,
-      onClick: () => {
-        e.hideInfoPopup();
-      }
+      className: styles$1.docLink,
+      onClick: /* @__PURE__ */ __name(() => {
+        hyperLinkService.hideInfoPopup();
+      }, "onClick")
     },
-    /* @__PURE__ */ d.createElement("div", { className: pe(y.docLinkContent), onClick: () => window.open(a.payload) }, /* @__PURE__ */ d.createElement("div", { className: y.docLinkType }, /* @__PURE__ */ d.createElement(te, null)), /* @__PURE__ */ d.createElement(j, { showIfEllipsis: !0, title: a.payload }, /* @__PURE__ */ d.createElement("span", { className: y.docLinkUrl }, a.payload))),
-    /* @__PURE__ */ d.createElement("div", { className: y.docLinkOperations }, /* @__PURE__ */ d.createElement(
+    /* @__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: styles$1.docLinkOperations }, /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: pe(y.docLinkOperation),
-        onClick: () => {
-          navigator.clipboard.writeText(a.payload), n.show({
-            content: r.t("docLink.info.coped"),
-            type: Qe.Info
+        className: cs(styles$1.docLinkOperation),
+        onClick: /* @__PURE__ */ __name(() => {
+          navigator.clipboard.writeText(link.payload), messageService.show({
+            content: localeService.t("docLink.info.coped"),
+            type: MessageType.Info
           });
-        }
+        }, "onClick")
       },
-      /* @__PURE__ */ d.createElement(j, { placement: "bottom", title: r.t("docLink.info.copy") }, /* @__PURE__ */ d.createElement(Ie, null))
-    ), /* @__PURE__ */ d.createElement(
+      /* @__PURE__ */ React.createElement(Tooltip, { placement: "bottom", title: localeService.t("docLink.info.copy") }, /* @__PURE__ */ React.createElement(CopySingle, null))
+    ), /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: y.docLinkOperation,
-        onClick: () => {
-          i.executeCommand(G.id, {
-            link: o
+        className: styles$1.docLinkOperation,
+        onClick: /* @__PURE__ */ __name(() => {
+          commandService.executeCommand(ShowDocHyperLinkEditPopupOperation.id, {
+            link: currentPopup
           });
-        }
+        }, "onClick")
       },
-      /* @__PURE__ */ d.createElement(j, { placement: "bottom", title: r.t("docLink.info.edit") }, /* @__PURE__ */ d.createElement(ye, null))
-    ), /* @__PURE__ */ d.createElement(
+      /* @__PURE__ */ React.createElement(Tooltip, { placement: "bottom", title: localeService.t("docLink.info.edit") }, /* @__PURE__ */ React.createElement(WriteSingle, null))
+    ), /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: y.docLinkOperation,
-        onClick: () => {
-          i.executeCommand(Se.id, {
-            unitId: c,
-            linkId: a.id
+        className: styles$1.docLinkOperation,
+        onClick: /* @__PURE__ */ __name(() => {
+          commandService.executeCommand(DeleteDocHyperLinkCommand.id, {
+            unitId,
+            linkId: link.id
           });
-        }
+        }, "onClick")
       },
-      /* @__PURE__ */ d.createElement(j, { placement: "bottom", title: r.t("docLink.info.cancel") }, /* @__PURE__ */ d.createElement(ke, null))
+      /* @__PURE__ */ React.createElement(Tooltip, { placement: "bottom", title: localeService.t("docLink.info.cancel") }, /* @__PURE__ */ React.createElement(UnlinkSingle, null))
     ))
   ) : null;
-};
-Y.componentKey = "univer.doc.link-info-popup";
-var bt = Object.defineProperty, wt = Object.getOwnPropertyDescriptor, Nt = (e, t, i, n) => {
-  for (var r = n > 1 ? void 0 : n ? wt(t, i) : t, o = e.length - 1, c; o >= 0; o--)
-    (c = e[o]) && (r = (n ? c(t, i, r) : c(r)) || r);
-  return n && r && bt(t, i, r), r;
-}, N = (e, t) => (i, n) => t(i, n, e);
-let S = class extends $ {
-  constructor(t, i, n, r, o) {
+}, "DocLinkPopup");
+DocLinkPopup.componentKey = "univer.doc.link-info-popup";
+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"), _a;
+let DocHyperLinkPopupService = (_a = class extends Disposable {
+  constructor(_docCanvasPopupManagerService, _textSelectionManagerService, _docHyperLinkModel, _univerInstanceService, _commandService) {
     super();
-    E(this, "_editingLink$", new ue(null));
-    E(this, "_showingLink$", new ue(null));
-    E(this, "editingLink$", this._editingLink$.asObservable());
-    E(this, "showingLink$", this._showingLink$.asObservable());
-    E(this, "_editPopup", null);
-    E(this, "_infoPopup", null);
-    this._docCanvasPopupManagerService = t, this._textSelectionManagerService = i, this._docHyperLinkModel = n, this._univerInstanceService = r, this._commandService = o, this.disposeWithMe(() => {
+    __publicField(this, "_editingLink$", new BehaviorSubject(null));
+    __publicField(this, "_showingLink$", new BehaviorSubject(null));
+    __publicField(this, "editingLink$", this._editingLink$.asObservable());
+    __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._commandService = _commandService, this.disposeWithMe(() => {
       this._editingLink$.complete(), this._showingLink$.complete();
     });
   }
@@ -219,282 +224,286 @@ let S = class extends $ {
   get showing() {
     return this._showingLink$.value;
   }
-  showEditPopup(t) {
-    var n, r;
-    this._editPopup && this._editPopup.dispose(), this._editingLink$.next(t);
-    let i = this._textSelectionManagerService.getActiveRange();
-    if (t) {
-      const { unitId: o, rangeIndex: c } = t, s = this._univerInstanceService.getUnit(o, _.UNIVER_DOC), a = (r = (n = s == null ? void 0 : s.getBody()) == null ? void 0 : n.customRanges) == null ? void 0 : r[c];
-      a && (i = {
+  showEditPopup(linkInfo) {
+    var _a8, _b;
+    this._editPopup && this._editPopup.dispose(), this._editingLink$.next(linkInfo);
+    let activeRange = this._textSelectionManagerService.getActiveRange();
+    if (linkInfo) {
+      const { unitId, rangeIndex } = linkInfo, doc = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC), range = (_b = (_a8 = doc == null ? void 0 : doc.getBody()) == null ? void 0 : _a8.customRanges) == null ? void 0 : _b[rangeIndex];
+      range && (activeRange = {
         collapsed: !1,
-        startOffset: a.startIndex,
-        endOffset: a.endIndex + 1
+        startOffset: range.startIndex,
+        endOffset: range.endIndex + 1
       }, this._textSelectionManagerService.replaceTextRanges([{
-        startOffset: a.startIndex,
-        endOffset: a.endIndex + 1
+        startOffset: range.startIndex,
+        endOffset: range.endIndex + 1
       }]));
     }
-    return i ? (this._editPopup = this._docCanvasPopupManagerService.attachPopupToRange(
-      i,
+    return activeRange ? (this._editPopup = this._docCanvasPopupManagerService.attachPopupToRange(
+      activeRange,
       {
-        componentKey: Z.componentKey,
+        componentKey: DocHyperLinkEdit.componentKey,
         direction: "bottom"
       }
     ), this._editPopup) : null;
   }
   hideEditPopup() {
-    var t;
-    this._editingLink$.next(null), (t = this._editPopup) == null || t.dispose();
+    var _a8;
+    this._editingLink$.next(null), (_a8 = this._editPopup) == null || _a8.dispose();
   }
-  showInfoPopup(t) {
-    var a, p, u, f;
-    const { linkId: i, unitId: n, rangeIndex: r } = t;
-    if (((a = this.showing) == null ? void 0 : a.linkId) === i && ((p = this.showing) == null ? void 0 : p.unitId) === n && this.showing.rangeIndex === r)
+  showInfoPopup(info) {
+    var _a8, _b, _c, _d;
+    const { linkId, unitId, rangeIndex } = info;
+    if (((_a8 = this.showing) == null ? void 0 : _a8.linkId) === linkId && ((_b = this.showing) == null ? void 0 : _b.unitId) === unitId && this.showing.rangeIndex === rangeIndex)
       return;
     this._infoPopup && this._infoPopup.dispose();
-    const o = this._docHyperLinkModel.getLink(n, i), c = this._univerInstanceService.getUnit(n, _.UNIVER_DOC);
-    if (!c || !o)
+    const link = this._docHyperLinkModel.getLink(unitId, linkId), doc = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC);
+    if (!doc || !link)
       return;
-    const s = (f = (u = c.getBody()) == null ? void 0 : u.customRanges) == null ? void 0 : f[r];
-    if (this._showingLink$.next({ unitId: n, linkId: i, rangeIndex: r }), !!s)
+    const range = (_d = (_c = doc.getBody()) == null ? void 0 : _c.customRanges) == null ? void 0 : _d[rangeIndex];
+    if (this._showingLink$.next({ unitId, linkId, rangeIndex }), !!range)
       return this._infoPopup = this._docCanvasPopupManagerService.attachPopupToRange(
         {
           collapsed: !1,
-          startOffset: s.startIndex,
-          endOffset: s.endIndex + 1
+          startOffset: range.startIndex,
+          endOffset: range.endIndex + 1
         },
         {
-          componentKey: Y.componentKey,
+          componentKey: DocLinkPopup.componentKey,
           direction: "top",
           closeOnSelfTarget: !0,
-          onClickOutside: () => {
+          onClickOutside: /* @__PURE__ */ __name(() => {
             this.hideInfoPopup();
-          }
+          }, "onClickOutside")
         }
       ), this._infoPopup;
   }
   hideInfoPopup() {
-    var t;
-    this._showingLink$.next(null), (t = this._infoPopup) == null || t.dispose();
+    var _a8;
+    this._showingLink$.next(null), (_a8 = this._infoPopup) == null || _a8.dispose();
   }
-};
-S = Nt([
-  N(0, m(at)),
-  N(1, m(A)),
-  N(2, m(H)),
-  N(3, T),
-  N(4, O)
-], S);
-const Ee = {
-  type: z.COMMAND,
+}, __name(_a, "DocHyperLinkPopupService"), _a);
+DocHyperLinkPopupService = __decorateClass$6([
+  __decorateParam$6(0, Inject(DocCanvasPopManagerService)),
+  __decorateParam$6(1, Inject(TextSelectionManagerService)),
+  __decorateParam$6(2, Inject(DocHyperLinkModel)),
+  __decorateParam$6(3, IUniverInstanceService),
+  __decorateParam$6(4, ICommandService)
+], DocHyperLinkPopupService);
+const AddDocHyperLinkCommand = {
+  type: CommandType.COMMAND,
   id: "docs.command.add-hyper-link",
-  async handler(e, t) {
-    if (!t)
+  async handler(accessor, params) {
+    if (!params)
       return !1;
-    const { payload: i, unitId: n } = t, r = e.get(O), o = Ne(), c = rt(
-      e,
+    const { payload, unitId } = params, commandService = accessor.get(ICommandService), id = generateRandomId(), doMutation = addCustomRangeBySelectionFactory(
+      accessor,
       {
-        rangeId: o,
-        rangeType: P.HYPERLINK
+        rangeId: id,
+        rangeType: CustomRangeType.HYPERLINK
       }
     );
-    if (c) {
-      const s = {
-        id: Ae.id,
-        params: { unitId: n, link: { payload: i, id: o } }
+    if (doMutation) {
+      const hyperLinkMutation = {
+        id: AddDocHyperLinkMutation.id,
+        params: { unitId, link: { payload, id } }
       };
-      return (await De([s, c], r)).result;
+      return (await sequenceExecuteAsync([hyperLinkMutation, doMutation], commandService)).result;
     }
     return !1;
   }
-}, Me = {
+}, UpdateDocHyperLinkCommand = {
   id: "docs.command.update-hyper-link",
-  type: z.COMMAND,
-  handler(e, t) {
-    return t ? e.get(O).syncExecuteCommand(je.id, t) : !1;
+  type: CommandType.COMMAND,
+  handler(accessor, params) {
+    return params ? accessor.get(ICommandService).syncExecuteCommand(UpdateDocHyperLinkMutation.id, params) : !1;
   }
-}, Dt = "univer-docs-link-edit", Ut = "univer-docs-link-edit-title", Tt = "univer-docs-link-edit-close", $t = "univer-docs-link-edit-buttons", Ht = "univer-docs-link-edit-button", M = {
-  docsLinkEdit: Dt,
-  docsLinkEditTitle: Ut,
-  docsLinkEditClose: Tt,
-  docsLinkEditButtons: $t,
-  docsLinkEditButton: Ht
+}, 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,
+  docsLinkEditTitle,
+  docsLinkEditClose,
+  docsLinkEditButtons,
+  docsLinkEditButton
 };
-function At(e) {
-  return /^[a-zA-Z]+:\/\//.test(e);
+function hasProtocol(urlString) {
+  return /^[a-zA-Z]+:\/\//.test(urlString);
 }
-function jt(e) {
-  return /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/.test(e);
+__name(hasProtocol, "hasProtocol");
+function isEmail(url) {
+  return /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/.test(url);
 }
-function Bt(e) {
-  return At(e) ? e : jt(e) ? `mailto://${e}` : `https://${e}`;
+__name(isEmail, "isEmail");
+function transformUrl(urlStr) {
+  return hasProtocol(urlStr) ? urlStr : isEmail(urlStr) ? `mailto://${urlStr}` : `https://${urlStr}`;
 }
-const Z = () => {
-  const e = g(S), t = g(ge), i = g(H), n = Ue(e.editingLink$), r = g(O), o = g(T), c = g(Ke), s = g(A), [a, p] = de(""), [u, f] = de(!1), l = ve.isLegalUrl(a), h = n ? o.getUnit(n.unitId, _.UNIVER_DOC) : o.getCurrentUnitForType(_.UNIVER_DOC);
-  le(() => {
-    var ie, re, oe, ce;
-    if (n) {
-      const I = n ? i.getLink(n.unitId, n.linkId) : null;
-      p((ie = I == null ? void 0 : I.payload) != null ? ie : "");
+__name(transformUrl, "transformUrl");
+const DocHyperLinkEdit = /* @__PURE__ */ __name(() => {
+  const hyperLinkService = useDependency(DocHyperLinkPopupService), localeService = useDependency(LocaleService), hyperLinkModel = useDependency(DocHyperLinkModel), editingId = useObservable$1(hyperLinkService.editingLink$), commandService = useDependency(ICommandService), univerInstanceService = useDependency(IUniverInstanceService), textSelectionRenderManager = useDependency(ITextSelectionRenderManager), textSelectionManagerService = useDependency(TextSelectionManagerService), [link, setLink] = useState(""), [showError, setShowError] = useState(!1), isLegal = Tools.isLegalUrl(link), doc = editingId ? univerInstanceService.getUnit(editingId.unitId, UniverInstanceType.UNIVER_DOC) : univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_DOC);
+  useEffect(() => {
+    var _a8, _b, _c, _d;
+    if (editingId) {
+      const linkDetail = editingId ? hyperLinkModel.getLink(editingId.unitId, editingId.linkId) : null;
+      setLink((_a8 = linkDetail == null ? void 0 : linkDetail.payload) != null ? _a8 : "");
       return;
     }
-    const L = s.getActiveRange();
-    if (!L)
+    const activeRange = textSelectionManagerService.getActiveRange();
+    if (!activeRange)
       return;
-    const w = o.getCurrentUnitForType(_.UNIVER_DOC), ne = (oe = (re = w == null ? void 0 : w.getBody()) == null ? void 0 : re.customRanges) == null ? void 0 : oe.find((I) => Math.max(L.startOffset, I.startIndex) <= Math.min(L.endOffset - 1, I.endIndex));
-    if (w && ne) {
-      const I = i.getLink(w.getUnitId(), ne.rangeId);
-      p((ce = I == null ? void 0 : I.payload) != null ? ce : "");
+    const doc2 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_DOC), matchedRange = (_c = (_b = doc2 == null ? void 0 : doc2.getBody()) == null ? void 0 : _b.customRanges) == null ? void 0 : _c.find((i) => Math.max(activeRange.startOffset, i.startIndex) <= Math.min(activeRange.endOffset - 1, i.endIndex));
+    if (doc2 && matchedRange) {
+      const linkDetail = hyperLinkModel.getLink(doc2.getUnitId(), matchedRange.rangeId);
+      setLink((_d = linkDetail == null ? void 0 : linkDetail.payload) != null ? _d : "");
     }
-  }, [n, i, s, o]), le(() => (c.blurEditor(), () => {
-    c.focusEditor();
-  }), [c]);
-  const C = () => {
-    e.hideEditPopup();
-  }, k = () => {
-    if (f(!0), !l || !h)
+  }, [editingId, hyperLinkModel, textSelectionManagerService, univerInstanceService]), useEffect(() => (textSelectionRenderManager.blurEditor(), () => {
+    textSelectionRenderManager.focusEditor();
+  }), [textSelectionRenderManager]);
+  const handleCancel = /* @__PURE__ */ __name(() => {
+    hyperLinkService.hideEditPopup();
+  }, "handleCancel"), handleConfirm = /* @__PURE__ */ __name(() => {
+    if (setShowError(!0), !isLegal || !doc)
       return;
-    const L = Bt(a);
-    n ? r.executeCommand(Me.id, {
-      unitId: h.getUnitId(),
-      payload: L,
-      linkId: n.linkId
-    }) : r.executeCommand(Ee.id, {
-      unitId: h.getUnitId(),
-      payload: L
-    }), e.hideEditPopup();
-  };
-  if (h)
-    return /* @__PURE__ */ d.createElement("div", { className: M.docsLinkEdit }, /* @__PURE__ */ d.createElement("div", { className: M.docsLinkEditTitle }, /* @__PURE__ */ d.createElement("span", null, t.t("docLink.edit.title")), /* @__PURE__ */ d.createElement(Ce, { className: M.docsLinkEditClose, onClick: C })), /* @__PURE__ */ d.createElement("div", null, /* @__PURE__ */ d.createElement(
-      et,
+    const linkFinal = transformUrl(link);
+    editingId ? commandService.executeCommand(UpdateDocHyperLinkCommand.id, {
+      unitId: doc.getUnitId(),
+      payload: linkFinal,
+      linkId: editingId.linkId
+    }) : commandService.executeCommand(AddDocHyperLinkCommand.id, {
+      unitId: doc.getUnitId(),
+      payload: linkFinal
+    }), hyperLinkService.hideEditPopup();
+  }, "handleConfirm");
+  if (doc)
+    return /* @__PURE__ */ React.createElement("div", { className: styles.docsLinkEdit }, /* @__PURE__ */ React.createElement("div", { className: styles.docsLinkEditTitle }, /* @__PURE__ */ React.createElement("span", null, localeService.t("docLink.edit.title")), /* @__PURE__ */ React.createElement(CloseSingle, { className: styles.docsLinkEditClose, onClick: handleCancel })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+      FormLayout,
       {
-        label: t.t("docLink.edit.address"),
-        error: u && !l ? t.t("docLink.edit.addressError") : ""
+        label: localeService.t("docLink.edit.address"),
+        error: showError && !isLegal ? localeService.t("docLink.edit.addressError") : ""
       },
-      /* @__PURE__ */ d.createElement(tt, { value: a, onChange: p, autoFocus: !0 })
-    )), /* @__PURE__ */ d.createElement("div", { className: M.docsLinkEditButtons }, /* @__PURE__ */ d.createElement(
-      ae,
+      /* @__PURE__ */ React.createElement(Input, { value: link, onChange: setLink, autoFocus: !0 })
+    )), /* @__PURE__ */ React.createElement("div", { className: styles.docsLinkEditButtons }, /* @__PURE__ */ React.createElement(
+      Button,
       {
-        className: M.docsLinkEditButton,
-        onClick: C
+        className: styles.docsLinkEditButton,
+        onClick: handleCancel
       },
-      t.t("docLink.edit.cancel")
-    ), /* @__PURE__ */ d.createElement(
-      ae,
+      localeService.t("docLink.edit.cancel")
+    ), /* @__PURE__ */ React.createElement(
+      Button,
       {
-        disabled: !a,
-        className: M.docsLinkEditButton,
+        disabled: !link,
+        className: styles.docsLinkEditButton,
         type: "primary",
-        onClick: k
+        onClick: handleConfirm
       },
-      t.t("docLink.edit.confirm")
+      localeService.t("docLink.edit.confirm")
     )));
-};
-Z.componentKey = "docs-hyper-link-edit";
-const Pe = "doc-hyper-link-icon";
-function Kt(e) {
+}, "DocHyperLinkEdit");
+DocHyperLinkEdit.componentKey = "docs-hyper-link-edit";
+const DOC_LINK_ICON = "doc-hyper-link-icon";
+function AddHyperLinkMenuItemFactory(accessor) {
   return {
-    id: G.id,
-    group: We.CONTEXT_MENU_DATA,
-    type: ze.BUTTON,
-    icon: Pe,
+    id: ShowDocHyperLinkEditPopupOperation.id,
+    group: MenuGroup.CONTEXT_MENU_DATA,
+    type: MenuItemType.BUTTON,
+    icon: DOC_LINK_ICON,
     title: "docLink.menu.tooltip",
     tooltip: "docLink.menu.tooltip",
-    positions: [se.TOOLBAR_START, se.CONTEXT_MENU],
-    hidden$: Ge(e, _.UNIVER_DOC),
-    disabled$: new ut(function(t) {
-      const n = e.get(A).textSelection$.pipe(pt(16)).subscribe(() => {
-        t.next(Oe(e));
+    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(() => {
+        subscribe.next(shouldDisableAddLink(accessor));
       });
       return () => {
-        n.unsubscribe();
+        observer.unsubscribe();
       };
     })
   };
 }
-const Vt = {
-  id: G.id,
-  binding: Ye.CTRL_COMMAND | Ze.K,
+__name(AddHyperLinkMenuItemFactory, "AddHyperLinkMenuItemFactory");
+const addLinkShortcut = {
+  id: ShowDocHyperLinkEditPopupOperation.id,
+  binding: MetaKeys.CTRL_COMMAND | KeyCode.K,
   description: "docLink.menu.tooltip",
-  preconditions: dt
+  preconditions: whenDocAndEditorFocused
 };
-var Ft = Object.defineProperty, Yt = Object.getOwnPropertyDescriptor, Zt = (e, t, i, n) => {
-  for (var r = n > 1 ? void 0 : n ? Yt(t, i) : t, o = e.length - 1, c; o >= 0; o--)
-    (c = e[o]) && (r = (n ? c(t, i, r) : c(r)) || r);
-  return n && r && Ft(t, i, r), r;
-}, D = (e, t) => (i, n) => t(i, n, e);
-let U = class extends $ {
-  constructor(e, t, i, n, r, o) {
-    super(), this._config = e, this._componentManager = t, this._commandService = i, this._menuService = n, this._injector = r, this._shortcutService = o, this._initComponents(), this._initCommands(), this._initMenus(), this._initShortcut();
+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"), _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();
   }
   _initComponents() {
     [
-      [Z, Z.componentKey],
-      [Y, Y.componentKey],
-      [te, Pe]
-    ].forEach(([e, t]) => {
-      this._componentManager.register(t, e);
+      [DocHyperLinkEdit, DocHyperLinkEdit.componentKey],
+      [DocLinkPopup, DocLinkPopup.componentKey],
+      [LinkSingle, DOC_LINK_ICON]
+    ].forEach(([comp, key]) => {
+      this._componentManager.register(key, comp);
     });
   }
   _initCommands() {
     [
-      Ee,
-      Me,
-      Se,
-      G
-    ].forEach((e) => {
-      this._commandService.registerCommand(e);
+      AddDocHyperLinkCommand,
+      UpdateDocHyperLinkCommand,
+      DeleteDocHyperLinkCommand,
+      ShowDocHyperLinkEditPopupOperation
+    ].forEach((command) => {
+      this._commandService.registerCommand(command);
     });
   }
   _initShortcut() {
-    [Vt].forEach((e) => {
-      this._shortcutService.registerShortcut(e);
+    [addLinkShortcut].forEach((shortcut) => {
+      this._shortcutService.registerShortcut(shortcut);
     });
   }
   _initMenus() {
-    [Kt].forEach((e) => {
-      this.disposeWithMe(this._menuService.addMenuItem(e(this._injector), {}));
+    [AddHyperLinkMenuItemFactory].forEach((menuFactory) => {
+      this.disposeWithMe(this._menuService.addMenuItem(menuFactory(this._injector), {}));
     });
   }
-};
-U = Zt([
-  J(Q.Starting, U),
-  D(1, m(Xe)),
-  D(2, O),
-  D(3, qe),
-  D(4, m(me)),
-  D(5, Je)
-], U);
-var Wt = Object.defineProperty, zt = Object.getOwnPropertyDescriptor, Gt = (e, t, i, n) => {
-  for (var r = n > 1 ? void 0 : n ? zt(t, i) : t, o = e.length - 1, c; o >= 0; o--)
-    (c = e[o]) && (r = (n ? c(t, i, r) : c(r)) || r);
-  return n && r && Wt(t, i, r), r;
-}, B = (e, t) => (i, n) => t(i, n, e);
-let V = class extends $ {
-  constructor(e, t, i, n) {
-    super(), this._commandService = e, this._univerInstanceService = t, this._docHyperLinkService = i, this._renderMangerService = n, this._initSelectionChange();
+}, __name(_a2, "DocHyperLinkUIController"), _a2);
+DocHyperLinkUIController = __decorateClass$5([
+  OnLifecycle(LifecycleStages.Starting, DocHyperLinkUIController),
+  __decorateParam$5(1, Inject(ComponentManager)),
+  __decorateParam$5(2, ICommandService),
+  __decorateParam$5(3, IMenuService),
+  __decorateParam$5(4, Inject(Injector)),
+  __decorateParam$5(5, IShortcutService)
+], DocHyperLinkUIController);
+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$4(target, key, result), result;
+}, "__decorateClass$4"), __decorateParam$4 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$4"), _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();
   }
   _initSelectionChange() {
     this.disposeWithMe(
-      this._commandService.onCommandExecuted((e) => {
-        var t, i;
-        if (e.id === ot.id) {
-          const n = e.params, { unitId: r, ranges: o } = n, c = this._renderMangerService.getRenderById(r), s = c == null ? void 0 : c.with(Le).getSkeleton();
-          if ((s == null ? void 0 : s.getViewModel().getEditArea()) !== X.BODY) {
+      this._commandService.onCommandExecuted((commandInfo) => {
+        var _a8, _b;
+        if (commandInfo.id === SetTextSelectionsOperation.id) {
+          const params = commandInfo.params, { unitId, ranges } = params, render2 = this._renderMangerService.getRenderById(unitId), skeleton = render2 == null ? void 0 : render2.with(DocSkeletonManagerService).getSkeleton();
+          if ((skeleton == null ? void 0 : skeleton.getViewModel().getEditArea()) !== DocumentEditArea.BODY) {
             this._docHyperLinkService.hideInfoPopup(), this._docHyperLinkService.hideEditPopup();
             return;
           }
-          const p = this._univerInstanceService.getUnit(r, _.UNIVER_DOC), u = o[0];
-          if (u && p) {
-            const { startOffset: f, endOffset: l, collapsed: h } = u, C = (t = p.getBody()) == null ? void 0 : t.customRanges;
-            if (h) {
-              const k = (i = C == null ? void 0 : C.findIndex((L) => L.startIndex < f && L.endIndex > l - 1)) != null ? i : -1;
-              if (k > -1) {
-                const L = C[k];
-                this._docHyperLinkService.showInfoPopup({ unitId: r, linkId: L.rangeId, rangeIndex: k });
+          const doc = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC), primary = ranges[0];
+          if (primary && doc) {
+            const { startOffset, endOffset, collapsed } = primary, customRanges = (_a8 = doc.getBody()) == null ? void 0 : _a8.customRanges;
+            if (collapsed) {
+              const index = (_b = customRanges == null ? void 0 : customRanges.findIndex((value) => value.startIndex < startOffset && value.endIndex > endOffset - 1)) != null ? _b : -1;
+              if (index > -1) {
+                const customRange = customRanges[index];
+                this._docHyperLinkService.showInfoPopup({ unitId, linkId: customRange.rangeId, rangeIndex: index });
                 return;
               }
-            } else if (C != null && C.find((k) => k.startIndex <= f && k.endIndex >= l - 1))
+            } else if (customRanges != null && customRanges.find((value) => value.startIndex <= startOffset && value.endIndex >= endOffset - 1))
               return;
           }
           this._docHyperLinkService.hideInfoPopup(), this._docHyperLinkService.hideEditPopup();
@@ -502,144 +511,220 @@ let V = class extends $ {
       })
     );
   }
-};
-V = Gt([
-  J(Q.Ready, V),
-  B(0, O),
-  B(1, T),
-  B(2, m(S)),
-  B(3, ee)
-], V);
-var Xt = Object.defineProperty, qt = Object.getOwnPropertyDescriptor, Jt = (e, t, i, n) => {
-  for (var r = n > 1 ? void 0 : n ? qt(t, i) : t, o = e.length - 1, c; o >= 0; o--)
-    (c = e[o]) && (r = (n ? c(t, i, r) : c(r)) || r);
-  return n && r && Xt(t, i, r), r;
-}, fe = (e, t) => (i, n) => t(i, n, e);
-let q = class extends $ {
-  constructor(e, t, i) {
-    super(), this._context = e, this._docInterceptorService = t, this._hyperLinkService = i, this._init();
+}, __name(_a3, "DocHyperLinkSelectionController"), _a3);
+DocHyperLinkSelectionController = __decorateClass$4([
+  OnLifecycle(LifecycleStages.Ready, DocHyperLinkSelectionController),
+  __decorateParam$4(0, ICommandService),
+  __decorateParam$4(1, IUniverInstanceService),
+  __decorateParam$4(2, Inject(DocHyperLinkPopupService)),
+  __decorateParam$4(3, IRenderManagerService)
+], DocHyperLinkSelectionController);
+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"), _a4;
+let DocHyperLinkRenderController = (_a4 = class extends Disposable {
+  constructor(_context, _docInterceptorService, _hyperLinkService) {
+    super(), this._context = _context, this._docInterceptorService = _docInterceptorService, this._hyperLinkService = _hyperLinkService, this._init();
   }
   _init() {
-    this._docInterceptorService.intercept(st.CUSTOM_RANGE, {
-      handler: (e, t, i) => {
-        if (!e)
-          return i(e);
-        const { unitId: n } = t, r = this._hyperLinkService.showing, { linkId: o, unitId: c } = r || {}, s = c === n && e.rangeId === o;
-        return i({
-          ...e,
-          active: s
+    this._docInterceptorService.intercept(DOC_INTERCEPTOR_POINT.CUSTOM_RANGE, {
+      handler: /* @__PURE__ */ __name((data, pos, next) => {
+        if (!data)
+          return next(data);
+        const { unitId } = pos, activeLink = this._hyperLinkService.showing, { linkId, unitId: linkUnitId } = activeLink || {}, isActive = linkUnitId === unitId && data.rangeId === linkId;
+        return next({
+          ...data,
+          active: isActive
         });
-      }
+      }, "handler")
     });
   }
-};
-q = Jt([
-  fe(1, m(ct)),
-  fe(2, m(S))
-], q);
-var Qt = Object.defineProperty, en = Object.getOwnPropertyDescriptor, tn = (e, t, i, n) => {
-  for (var r = n > 1 ? void 0 : n ? en(t, i) : t, o = e.length - 1, c; o >= 0; o--)
-    (c = e[o]) && (r = (n ? c(t, i, r) : c(r)) || r);
-  return n && r && Qt(t, i, r), r;
-}, K = (e, t) => (i, n) => t(i, n, e);
-let F = class extends $ {
-  constructor(e, t, i, n) {
-    super(), this._docClipboardService = e, this._univerInstanceService = t, this._hyperLinkModel = i, this._textSelectionManagerService = n, this._initClipboard();
+}, __name(_a4, "DocHyperLinkRenderController"), _a4);
+DocHyperLinkRenderController = __decorateClass$3([
+  __decorateParam$3(1, Inject(DocInterceptorService)),
+  __decorateParam$3(2, Inject(DocHyperLinkPopupService))
+], DocHyperLinkRenderController);
+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"), _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: (e) => {
-        var o, c;
-        const t = this._univerInstanceService.getCurrentUnitForType(_.UNIVER_DOC);
-        if (!t)
-          return e;
-        const i = this._textSelectionManagerService.getActiveRange(), n = (o = t.getBody()) == null ? void 0 : o.customRanges;
-        if (i ? n == null ? void 0 : n.find(
-          (s) => s.rangeType === P.HYPERLINK && s.startIndex <= i.startOffset && s.endIndex >= i.endOffset - 1
+      onBeforePaste: /* @__PURE__ */ __name((body) => {
+        var _a8, _b;
+        const doc = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_DOC);
+        if (!doc)
+          return body;
+        const activeRange = this._textSelectionManagerService.getActiveRange(), customRanges = (_a8 = doc.getBody()) == null ? void 0 : _a8.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: s = [], ...a } = e, u = s.filter((l) => l.rangeType === P.HYPERLINK).map((l) => [l.startIndex, l.endIndex]).flat().sort((l, h) => l - h), f = {
-            ...a,
-            customRanges: s.filter((l) => l.rangeType !== P.HYPERLINK)
+          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 l = 0; l < u.length; l++)
-            Te(f, 1, u[l] - l);
-          return f;
+          for (let i = 0; i < deleteIndexes.length; i++)
+            updateAttributeByDelete(bodyWithoutLink, 1, deleteIndexes[i] - i);
+          return bodyWithoutLink;
         } else {
-          const s = new Set(n == null ? void 0 : n.map((a) => a.rangeType === P.HYPERLINK && a.rangeId));
-          (c = e.customRanges) == null || c.forEach((a) => {
-            var p;
-            if (a.rangeType === P.HYPERLINK) {
-              if (s.has(a.rangeId)) {
-                const u = this._hyperLinkModel.getLink(t.getUnitId(), a.rangeId);
-                if (u) {
-                  const f = ve.generateRandomId();
-                  this._hyperLinkModel.addLink(t.getUnitId(), {
-                    payload: u.payload,
-                    id: f
-                  }), a.rangeId = f;
+          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 _a9;
+            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 ((p = e.payloads) != null && p[a.rangeId]) {
-                const u = e.payloads[a.rangeId];
-                this._hyperLinkModel.addLink(t.getUnitId(), {
-                  payload: u,
-                  id: a.rangeId
-                });
+              } else if ((_a9 = body.payloads) != null && _a9[range.rangeId]) {
+                const url = body.payloads[range.rangeId];
+                this._commandService.executeCommand(
+                  AddDocHyperLinkMutation.id,
+                  {
+                    unitId,
+                    link: {
+                      id: range.rangeId,
+                      payload: url
+                    }
+                  }
+                );
               }
             }
           });
         }
-        return e;
-      }
+        return body;
+      }, "onBeforePaste")
     }));
   }
-};
-F = tn([
-  J(Q.Ready, F),
-  K(0, m(lt)),
-  K(1, T),
-  K(2, m(H)),
-  K(3, m(A))
-], F);
-var xe = Object.defineProperty, nn = Object.getOwnPropertyDescriptor, rn = (e, t, i) => t in e ? xe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i, on = (e, t, i, n) => {
-  for (var r = n > 1 ? void 0 : n ? nn(t, i) : t, o = e.length - 1, c; o >= 0; o--)
-    (c = e[o]) && (r = (n ? c(t, i, r) : c(r)) || r);
-  return n && r && xe(t, i, r), r;
-}, he = (e, t) => (i, n) => t(i, n, e), Re = (e, t, i) => rn(e, typeof t != "symbol" ? t + "" : t, i);
-let W = class extends He {
-  constructor(e = { menu: {} }, t, i) {
-    super(), this._config = e, this._injector = t, this._renderManagerSrv = i;
+}, __name(_a5, "DocHyperLinkClipboardController"), _a5);
+DocHyperLinkClipboardController = __decorateClass$2([
+  OnLifecycle(LifecycleStages.Ready, DocHyperLinkClipboardController),
+  __decorateParam$2(0, Inject(IDocClipboardService)),
+  __decorateParam$2(1, IUniverInstanceService),
+  __decorateParam$2(2, Inject(DocHyperLinkModel)),
+  __decorateParam$2(3, Inject(TextSelectionManagerService)),
+  __decorateParam$2(4, ICommandService)
+], DocHyperLinkClipboardController);
+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"), _a6;
+let DocHyperLinkCustomRangeController = (_a6 = class extends Disposable {
+  constructor(_docCustomRangeService, _docHyperLinkModel, _commandService) {
+    super(), this._docCustomRangeService = _docCustomRangeService, this._docHyperLinkModel = _docHyperLinkModel, this._commandService = _commandService, this._initCustomRangeHooks();
   }
-  onStarting(e) {
+  _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$1([
+  OnLifecycle(LifecycleStages.Ready, DocHyperLinkCustomRangeController),
+  __decorateParam$1(0, Inject(DocCustomRangeService)),
+  __decorateParam$1(1, Inject(DocHyperLinkModel)),
+  __decorateParam$1(2, ICommandService)
+], DocHyperLinkCustomRangeController);
+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"), _a7;
+let UniverDocsHyperLinkUIPlugin = (_a7 = class extends Plugin {
+  constructor(_config = { menu: {} }, _injector, _renderManagerSrv) {
+    super(), this._config = _config, this._injector = _injector, this._renderManagerSrv = _renderManagerSrv;
+  }
+  onStarting() {
     [
-      [S],
+      [DocHyperLinkPopupService],
       [
-        U,
+        DocHyperLinkUIController,
         {
-          useFactory: () => this._injector.createInstance(U, this._config)
+          useFactory: /* @__PURE__ */ __name(() => this._injector.createInstance(DocHyperLinkUIController, this._config), "useFactory")
         }
       ],
-      [V],
-      [F]
-    ].forEach((i) => {
-      e.add(i);
+      [DocHyperLinkSelectionController],
+      [DocHyperLinkClipboardController],
+      [DocHyperLinkCustomRangeController]
+    ].forEach((dep) => {
+      this._injector.add(dep);
     });
   }
   onRendered() {
     this._initRenderModule();
   }
   _initRenderModule() {
-    [q].forEach((e) => {
-      this._renderManagerSrv.registerRenderModule(_.UNIVER_DOC, e);
+    [DocHyperLinkRenderController].forEach((dep) => {
+      this._renderManagerSrv.registerRenderModule(UniverInstanceType.UNIVER_DOC, dep);
     });
   }
-};
-Re(W, "pluginName", ft);
-Re(W, "type", _.UNIVER_DOC);
-W = on([
-  $e(Be),
-  he(1, m(me)),
-  he(2, ee)
-], W);
+}, __name(_a7, "UniverDocsHyperLinkUIPlugin"), _a7);
+__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)
+], UniverDocsHyperLinkUIPlugin);
 export {
-  W as UniverDocsHyperLinkUIPlugin
+  UniverDocsHyperLinkUIPlugin
 };