@univerjs/docs-hyper-link-ui 0.5.5-nightly.202501210604 → 0.5.5-nightly.202501210849

package/lib/es/index.js

@@ -1,17 +1,18 @@
-var Ke = Object.defineProperty;
-var Fe = (n, e, t) => e in n ? Ke(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var P = (n, e, t) => Fe(n, typeof e != "symbol" ? e + "" : e, t);
-import { CommandType as E, ICommandService as x, generateRandomId as Ve, CustomRangeType as D, IUniverInstanceService as O, UniverInstanceType as I, getBodySlice as Pe, useDependency as S, LocaleService as Re, useObservable as Ye, Tools as Ze, BuildTextUtils as _e, Disposable as N, Inject as v, DOCS_ZEN_EDITOR_UNIT_ID_KEY as We, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Ge, DependentOn as qe, Injector as Je, Plugin as ze, merge as Qe, IConfigService as Xe } from "@univerjs/core";
-import { UniverDocsHyperLinkPlugin as en } from "@univerjs/docs-hyper-link";
-import { IRenderManagerService as nn } from "@univerjs/engine-render";
-import { addCustomRangeBySelectionFactory as tn, DocSelectionManagerService as b, replaceSelectionFactory as rn, deleteCustomRangeFactory as on, SetTextSelectionsOperation as sn, DocSkeletonManagerService as cn, DocInterceptorService as dn, DOC_INTERCEPTOR_POINT as an } from "@univerjs/docs";
-import { DocCanvasPopManagerService as ln, DocEventManagerService as un, DocRenderController as pn, whenDocAndEditorFocused as fn } from "@univerjs/docs-ui";
-import { BehaviorSubject as ve, distinctUntilChanged as gn, pairwise as hn, Observable as mn, debounceTime as _n } from "rxjs";
-import vn, { useState as J, useEffect as In, forwardRef as j, useRef as Cn, createElement as U } from "react";
-import { FormLayout as Ie, Input as Ce, Button as Se, Tooltip as B, MessageType as Sn } from "@univerjs/design";
-import { KeyCode as te, IMessageService as Ln, useObservable as yn, MetaKeys as kn, MenuItemType as xn, getMenuHiddenObservable as On, RibbonStartGroup as Pn, ContextMenuPosition as Rn, ContextMenuGroup as En, ComponentManager as bn, IMenuManagerService as Mn, IShortcutService as wn } from "@univerjs/ui";
-const Dn = "docs-hyper-link-ui.config", Le = {};
-var z = { exports: {} }, M = {};
+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, generateRandomId, CustomRangeType, IUniverInstanceService, UniverInstanceType, getBodySlice, useDependency, LocaleService, useObservable, Tools, BuildTextUtils, Disposable, Inject, DOCS_ZEN_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DependentOn, Injector, Plugin, merge, IConfigService } from "@univerjs/core";
+import { UniverDocsHyperLinkPlugin } from "@univerjs/docs-hyper-link";
+import { IRenderManagerService } from "@univerjs/engine-render";
+import { addCustomRangeBySelectionFactory, DocSelectionManagerService, replaceSelectionFactory, deleteCustomRangeFactory, SetTextSelectionsOperation, DocSkeletonManagerService, DocInterceptorService, DOC_INTERCEPTOR_POINT } from "@univerjs/docs";
+import { DocCanvasPopManagerService, DocEventManagerService, DocRenderController, whenDocAndEditorFocused } from "@univerjs/docs-ui";
+import { BehaviorSubject, distinctUntilChanged, pairwise, Observable, debounceTime } from "rxjs";
+import require$$0, { useState, useEffect, forwardRef, useRef, createElement } from "react";
+import { FormLayout, Input, Button, Tooltip, MessageType } from "@univerjs/design";
+import { KeyCode, IMessageService, useObservable as useObservable$1, MetaKeys, MenuItemType, getMenuHiddenObservable, RibbonStartGroup, ContextMenuPosition, ContextMenuGroup, ComponentManager, IMenuManagerService, IShortcutService } from "@univerjs/ui";
+const DOCS_HYPER_LINK_UI_PLUGIN_CONFIG_KEY = "docs-hyper-link-ui.config", defaultPluginConfig = {};
+var jsxRuntime = { exports: {} }, reactJsxRuntime_production_min = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -21,421 +22,432 @@ var z = { exports: {} }, M = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ye;
-function Nn() {
-  if (ye) return M;
-  ye = 1;
-  var n = vn, e = Symbol.for("react.element"), t = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, r = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function s(c, d, p) {
-    var l, h = {}, f = null, a = null;
-    p !== void 0 && (f = "" + p), d.key !== void 0 && (f = "" + d.key), d.ref !== void 0 && (a = d.ref);
-    for (l in d) i.call(d, l) && !o.hasOwnProperty(l) && (h[l] = d[l]);
-    if (c && c.defaultProps) for (l in d = c.defaultProps, d) h[l] === void 0 && (h[l] = d[l]);
-    return { $$typeof: e, type: c, key: f, ref: a, props: h, _owner: r.current };
-  }
-  return M.Fragment = t, M.jsx = s, M.jsxs = s, M;
+var hasRequiredReactJsxRuntime_production_min;
+function requireReactJsxRuntime_production_min() {
+  if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
+  hasRequiredReactJsxRuntime_production_min = 1;
+  var f = require$$0, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function q(c, a, g) {
+    var b, d = {}, e = null, h = null;
+    g !== void 0 && (e = "" + g), a.key !== void 0 && (e = "" + a.key), a.ref !== void 0 && (h = a.ref);
+    for (b in a) m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
+    if (c && c.defaultProps) for (b in a = c.defaultProps, a) d[b] === void 0 && (d[b] = a[b]);
+    return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current };
+  }
+  return __name(q, "q"), reactJsxRuntime_production_min.Fragment = l, reactJsxRuntime_production_min.jsx = q, reactJsxRuntime_production_min.jsxs = q, reactJsxRuntime_production_min;
 }
-var ke;
-function jn() {
-  return ke || (ke = 1, z.exports = Nn()), z.exports;
+__name(requireReactJsxRuntime_production_min, "requireReactJsxRuntime_production_min");
+var hasRequiredJsxRuntime;
+function requireJsxRuntime() {
+  return hasRequiredJsxRuntime || (hasRequiredJsxRuntime = 1, jsxRuntime.exports = requireReactJsxRuntime_production_min()), jsxRuntime.exports;
 }
-var u = jn();
-const Ee = {
-  type: E.COMMAND,
+__name(requireJsxRuntime, "requireJsxRuntime");
+var jsxRuntimeExports = requireJsxRuntime();
+const AddDocHyperLinkCommand = {
+  type: CommandType.COMMAND,
   id: "docs.command.add-hyper-link",
-  async handler(n, e) {
-    if (!e)
+  async handler(accessor, params) {
+    if (!params)
       return !1;
-    const { payload: t, unitId: i, selections: r } = e, o = n.get(x), s = Ve(), c = tn(
-      n,
+    const { payload, unitId, selections } = params, commandService = accessor.get(ICommandService), id = generateRandomId(), doMutation = addCustomRangeBySelectionFactory(
+      accessor,
       {
-        rangeId: s,
-        rangeType: D.HYPERLINK,
+        rangeId: id,
+        rangeType: CustomRangeType.HYPERLINK,
         properties: {
-          url: t
+          url: payload
         },
-        unitId: i,
-        selections: r
+        unitId,
+        selections
       }
     );
-    return c ? o.syncExecuteCommand(c.id, c.params) : !1;
+    return doMutation ? commandService.syncExecuteCommand(doMutation.id, doMutation.params) : !1;
   }
-}, be = {
+}, UpdateDocHyperLinkCommand = {
   id: "docs.command.update-hyper-link",
-  type: E.COMMAND,
-  handler(n, e) {
-    var m;
-    if (!e)
+  type: CommandType.COMMAND,
+  handler(accessor, params) {
+    var _a7;
+    if (!params)
       return !1;
-    const { unitId: t, payload: i, segmentId: r, linkId: o } = e, s = n.get(x), c = n.get(O), p = n.get(b).getActiveTextRange(), l = c.getUnit(t, I.UNIVER_DOC);
-    if (!p || !l)
+    const { unitId, payload, segmentId, linkId } = params, commandService = accessor.get(ICommandService), univerInstanceService = accessor.get(IUniverInstanceService), currentSelection = accessor.get(DocSelectionManagerService).getActiveTextRange(), doc = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC);
+    if (!currentSelection || !doc)
       return !1;
-    const f = (m = Pe(l.getSelfOrHeaderFooterModel(r).getBody(), p.startOffset, p.endOffset).textRuns) == null ? void 0 : m[0];
-    f && (f.ed = e.label.length + 1);
-    const a = rn(n, {
-      unitId: t,
+    const textRun = (_a7 = getBodySlice(doc.getSelfOrHeaderFooterModel(segmentId).getBody(), currentSelection.startOffset, currentSelection.endOffset).textRuns) == null ? void 0 : _a7[0];
+    textRun && (textRun.ed = params.label.length + 1);
+    const replaceSelection = replaceSelectionFactory(accessor, {
+      unitId,
       body: {
-        dataStream: `${e.label}`,
+        dataStream: `${params.label}`,
         customRanges: [{
-          rangeId: o,
-          rangeType: D.HYPERLINK,
+          rangeId: linkId,
+          rangeType: CustomRangeType.HYPERLINK,
           startIndex: 0,
-          endIndex: e.label.length + 1,
+          endIndex: params.label.length + 1,
           properties: {
-            url: i
+            url: payload
           }
         }],
-        textRuns: f ? [f] : void 0
+        textRuns: textRun ? [textRun] : void 0
       },
       selection: {
-        startOffset: p.startOffset,
-        endOffset: p.endOffset,
+        startOffset: currentSelection.startOffset,
+        endOffset: currentSelection.endOffset,
         collapsed: !1,
-        segmentId: r
+        segmentId
       }
     });
-    return a ? s.syncExecuteCommand(a.id, a.params) : !1;
-  }
-}, Un = "univer-docs-link-edit", $n = "univer-docs-link-edit-title", Tn = "univer-docs-link-edit-close", Hn = "univer-docs-link-edit-buttons", An = "univer-docs-link-edit-button", K = {
-  docsLinkEdit: Un,
-  docsLinkEditTitle: $n,
-  docsLinkEditClose: Tn,
-  docsLinkEditButtons: Hn,
-  docsLinkEditButton: An
+    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$1 = {
+  docsLinkEdit,
+  docsLinkEditTitle,
+  docsLinkEditClose,
+  docsLinkEditButtons,
+  docsLinkEditButton
 };
-function Bn(n) {
-  return /^[a-zA-Z]+:\/\//.test(n);
+function hasProtocol(urlString) {
+  return /^[a-zA-Z]+:\/\//.test(urlString);
 }
-function Kn(n) {
-  return /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/.test(n);
+__name(hasProtocol, "hasProtocol");
+function isEmail(url) {
+  return /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/.test(url);
 }
-function Fn(n) {
-  return Bn(n) ? n : Kn(n) ? `mailto://${n}` : `https://${n}`;
+__name(isEmail, "isEmail");
+function transformUrl(urlStr) {
+  return hasProtocol(urlStr) ? urlStr : isEmail(urlStr) ? `mailto://${urlStr}` : `https://${urlStr}`;
 }
-const V = () => {
-  const n = S(L), e = S(Re), t = Ye(n.editingLink$), i = S(x), r = S(O), o = S(b), [s, c] = J(""), [d, p] = J(""), [l, h] = J(!1), f = Ze.isLegalUrl(s), a = t ? r.getUnit(t.unitId, I.UNIVER_DOC) : r.getCurrentUnitForType(I.UNIVER_DOC);
-  In(() => {
-    var de, ae, le, ue, pe, fe, ge, he, me;
-    const g = o.getActiveTextRange();
-    if (!g)
+__name(transformUrl, "transformUrl");
+const DocHyperLinkEdit = /* @__PURE__ */ __name(() => {
+  const hyperLinkService = useDependency(DocHyperLinkPopupService), localeService = useDependency(LocaleService), editing = useObservable(hyperLinkService.editingLink$), commandService = useDependency(ICommandService), univerInstanceService = useDependency(IUniverInstanceService), docSelectionManagerService = useDependency(DocSelectionManagerService), [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 _a7, _b, _c, _d, _e, _f, _g, _h, _i;
+    const activeRange = docSelectionManagerService.getActiveTextRange();
+    if (!activeRange)
       return;
-    if (t) {
-      const H = (de = a == null ? void 0 : a.getSelfOrHeaderFooterModel(t.segmentId)) == null ? void 0 : de.getBody(), A = (ae = H == null ? void 0 : H.customRanges) == null ? void 0 : ae.find((q) => (t == null ? void 0 : t.linkId) === q.rangeId && q.startIndex === t.startIndex && q.endIndex === t.endIndex);
-      a && A && (c((ue = (le = A.properties) == null ? void 0 : le.url) != null ? ue : ""), p(_e.transform.getPlainText(Pe(H, A.startIndex, A.endIndex + 1).dataStream)));
+    if (editing) {
+      const body2 = (_a7 = doc == null ? void 0 : doc.getSelfOrHeaderFooterModel(editing.segmentId)) == null ? void 0 : _a7.getBody(), matchedRange2 = (_b = body2 == null ? void 0 : body2.customRanges) == null ? void 0 : _b.find((i) => (editing == null ? void 0 : editing.linkId) === i.rangeId && i.startIndex === editing.startIndex && i.endIndex === editing.endIndex);
+      doc && matchedRange2 && (setLink((_d = (_c = matchedRange2.properties) == null ? void 0 : _c.url) != null ? _d : ""), setLabel(BuildTextUtils.transform.getPlainText(getBodySlice(body2, matchedRange2.startIndex, matchedRange2.endIndex + 1).dataStream)));
       return;
     }
-    const y = (pe = a == null ? void 0 : a.getSelfOrHeaderFooterModel(g.segmentId)) == null ? void 0 : pe.getBody(), ce = y ? g : null, T = ce && ((ge = _e.customRange.getCustomRangesInterestsWithSelection(ce, (fe = y == null ? void 0 : y.customRanges) != null ? fe : [])) == null ? void 0 : ge[0]);
-    a && T && c((me = (he = T == null ? void 0 : T.properties) == null ? void 0 : he.url) != null ? me : "");
-  }, [a, t, o, r]);
-  const m = () => {
-    n.hideEditPopup();
-  }, C = () => {
-    if (h(!0), !f || !a)
+    const body = (_e = doc == null ? void 0 : doc.getSelfOrHeaderFooterModel(activeRange.segmentId)) == null ? void 0 : _e.getBody(), selection = body ? activeRange : null, matchedRange = selection && ((_g = BuildTextUtils.customRange.getCustomRangesInterestsWithSelection(selection, (_f = body == null ? void 0 : body.customRanges) != null ? _f : [])) == null ? void 0 : _g[0]);
+    doc && matchedRange && setLink((_i = (_h = matchedRange == null ? void 0 : matchedRange.properties) == null ? void 0 : _h.url) != null ? _i : "");
+  }, [doc, editing, docSelectionManagerService, univerInstanceService]);
+  const handleCancel = /* @__PURE__ */ __name(() => {
+    hyperLinkService.hideEditPopup();
+  }, "handleCancel"), handleConfirm = /* @__PURE__ */ __name(() => {
+    if (setShowError(!0), !isLegal || !doc)
       return;
-    const g = Fn(s);
-    if (!t)
-      i.executeCommand(Ee.id, {
-        unitId: a.getUnitId(),
-        payload: g
+    const linkFinal = transformUrl(link);
+    if (!editing)
+      commandService.executeCommand(AddDocHyperLinkCommand.id, {
+        unitId: doc.getUnitId(),
+        payload: linkFinal
       });
     else {
-      if (!d)
+      if (!label)
         return;
-      i.executeCommand(be.id, {
-        unitId: a.getUnitId(),
-        payload: g,
-        linkId: t.linkId,
-        label: d,
-        segmentId: t.segmentId
+      commandService.executeCommand(UpdateDocHyperLinkCommand.id, {
+        unitId: doc.getUnitId(),
+        payload: linkFinal,
+        linkId: editing.linkId,
+        label,
+        segmentId: editing.segmentId
       });
     }
-    n.hideEditPopup();
-  };
-  if (a)
-    return /* @__PURE__ */ u.jsxs("div", { className: K.docsLinkEdit, children: [
-      /* @__PURE__ */ u.jsxs("div", { children: [
-        t ? /* @__PURE__ */ u.jsx(
-          Ie,
+    hyperLinkService.hideEditPopup();
+  }, "handleConfirm");
+  if (doc)
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1.docsLinkEdit, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        editing ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+          FormLayout,
           {
-            label: e.t("docLink.edit.label"),
-            error: l && !d ? e.t("docLink.edit.labelError") : "",
-            children: /* @__PURE__ */ u.jsx(
-              Ce,
+            label: localeService.t("docLink.edit.label"),
+            error: showError && !label ? localeService.t("docLink.edit.labelError") : "",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Input,
               {
-                value: d,
-                onChange: p,
+                value: label,
+                onChange: setLabel,
                 autoFocus: !0,
-                onKeyDown: (g) => {
-                  g.keyCode === te.ENTER && C();
-                }
+                onKeyDown: /* @__PURE__ */ __name((evt) => {
+                  evt.keyCode === KeyCode.ENTER && handleConfirm();
+                }, "onKeyDown")
               }
             )
           }
         ) : null,
-        /* @__PURE__ */ u.jsx(
-          Ie,
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          FormLayout,
           {
-            label: e.t("docLink.edit.address"),
-            error: l && !f ? e.t("docLink.edit.addressError") : "",
-            children: /* @__PURE__ */ u.jsx(
-              Ce,
+            label: localeService.t("docLink.edit.address"),
+            error: showError && !isLegal ? localeService.t("docLink.edit.addressError") : "",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Input,
               {
-                value: s,
-                onChange: c,
+                value: link,
+                onChange: setLink,
                 autoFocus: !0,
-                onKeyDown: (g) => {
-                  g.keyCode === te.ENTER && C();
-                }
+                onKeyDown: /* @__PURE__ */ __name((evt) => {
+                  evt.keyCode === KeyCode.ENTER && handleConfirm();
+                }, "onKeyDown")
               }
             )
           }
         )
       ] }),
-      /* @__PURE__ */ u.jsxs("div", { className: K.docsLinkEditButtons, children: [
-        /* @__PURE__ */ u.jsx(
-          Se,
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1.docsLinkEditButtons, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
           {
-            className: K.docsLinkEditButton,
-            onClick: m,
-            children: e.t("docLink.edit.cancel")
+            className: styles$1.docsLinkEditButton,
+            onClick: handleCancel,
+            children: localeService.t("docLink.edit.cancel")
           }
         ),
-        /* @__PURE__ */ u.jsx(
-          Se,
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
           {
-            disabled: !s,
-            className: K.docsLinkEditButton,
+            disabled: !link,
+            className: styles$1.docsLinkEditButton,
             type: "primary",
-            onClick: C,
-            children: e.t("docLink.edit.confirm")
+            onClick: handleConfirm,
+            children: localeService.t("docLink.edit.confirm")
           }
         )
       ] })
     ] });
-};
-V.componentKey = "docs-hyper-link-edit";
-var _ = function() {
-  return _ = Object.assign || function(n) {
-    for (var e, t = 1, i = arguments.length; t < i; t++) {
-      e = arguments[t];
-      for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (n[r] = e[r]);
+}, "DocHyperLinkEdit");
+DocHyperLinkEdit.componentKey = "docs-hyper-link-edit";
+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 n;
-  }, _.apply(this, arguments);
-}, Vn = function(n, e) {
+    return t;
+  }, __assign.apply(this, arguments);
+}, __rest = function(s, e) {
   var t = {};
-  for (var i in n) Object.prototype.hasOwnProperty.call(n, i) && e.indexOf(i) < 0 && (t[i] = n[i]);
-  if (n != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, i = Object.getOwnPropertySymbols(n); r < i.length; r++)
-      e.indexOf(i[r]) < 0 && Object.prototype.propertyIsEnumerable.call(n, i[r]) && (t[i[r]] = n[i[r]]);
+  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;
-}, $ = j(function(n, e) {
-  var t = n.icon, i = n.id, r = n.className, o = n.extend, s = Vn(n, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(i, " ").concat(r || "").trim(), d = Cn("_".concat(Wn()));
-  return Me(t, "".concat(i), { defIds: t.defIds, idSuffix: d.current }, _({ ref: e, className: c }, s), o);
+}, 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 Me(n, e, t, i, r) {
-  return U(n.tag, _(_({ key: e }, Yn(n, t, r)), i), (Zn(n, t).children || []).map(function(o, s) {
-    return Me(o, "".concat(e, "-").concat(n.tag, "-").concat(s), t, 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 Yn(n, e, t) {
-  var i = _({}, n.attrs);
-  t != null && t.colorChannel1 && i.fill === "colorChannel1" && (i.fill = t.colorChannel1);
-  var r = e.defIds;
-  return !r || r.length === 0 || (n.tag === "use" && i["xlink:href"] && (i["xlink:href"] = i["xlink:href"] + e.idSuffix), Object.entries(i).forEach(function(o) {
-    var s = o[0], c = o[1];
-    typeof c == "string" && (i[s] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
-  })), i;
+__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(_a7) {
+    var key = _a7[0], value = _a7[1];
+    typeof value == "string" && (attrs[key] = value.replace(/url\(#(.*)\)/, "url(#$1".concat(runtimeProps.idSuffix, ")")));
+  })), attrs;
 }
-function Zn(n, e) {
-  var t, i = e.defIds;
-  return !i || i.length === 0 ? n : n.tag === "defs" && (!((t = n.children) === null || t === void 0) && t.length) ? _(_({}, n), { children: n.children.map(function(r) {
-    return typeof r.attrs.id == "string" && i && i.indexOf(r.attrs.id) > -1 ? _(_({}, r), { attrs: _(_({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
-  }) }) : n;
+__name(replaceRuntimeIdsAndExtInAttrs, "replaceRuntimeIdsAndExtInAttrs");
+function replaceRuntimeIdsInDefs(node, runtimeProps) {
+  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;
 }
-function Wn() {
+__name(replaceRuntimeIdsInDefs, "replaceRuntimeIdsInDefs");
+function generateShortUuid() {
   return Math.random().toString(36).substring(2, 8);
 }
-$.displayName = "UniverIcon";
-var Gn = { 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" } }] }, we = j(function(n, e) {
-  return U($, Object.assign({}, n, {
+__name(generateShortUuid, "generateShortUuid");
+IconBase.displayName = "UniverIcon";
+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: e,
-    icon: Gn
+    ref,
+    icon: element$3
   }));
 });
-we.displayName = "CopySingle";
-var qn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M9.8816 1.97978C11.0177 0.843607 12.862 0.884962 14.0004 2.02342C15.1389 3.16188 15.1803 5.00612 14.0441 6.14228L11.399 8.78737C11.1608 9.02559 10.7746 9.02559 10.5363 8.78737C10.2981 8.54915 10.2981 8.16292 10.5363 7.9247L13.1814 5.2796C13.8195 4.64155 13.8217 3.57006 13.1378 2.8861C12.4538 2.20211 11.3823 2.20438 10.7443 2.84245L7.6976 5.88911L7.69317 5.89349C7.05959 6.53211 7.05894 7.60014 7.74132 8.28252C7.97954 8.52074 7.97954 8.90697 7.74132 9.14519C7.5031 9.38341 7.11687 9.38341 6.87865 9.14519C5.74016 8.00671 5.69884 6.16251 6.83497 5.02633L6.84021 5.02116L9.8816 1.97978Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.61426 7.2364C4.85248 6.99818 5.23871 6.99818 5.47693 7.2364C5.71515 7.47462 5.71515 7.86085 5.47693 8.09907L2.83183 10.7442C2.19375 11.3823 2.1915 12.4537 2.87547 13.1377C3.55945 13.8217 4.6309 13.8194 5.26899 13.1813L8.31566 10.1347C8.32262 10.1277 8.32971 10.121 8.33691 10.1144C8.34408 10.1064 8.3515 10.0986 8.35916 10.091C8.99721 9.45291 8.99949 8.38145 8.3155 7.69746C8.07728 7.45924 8.07728 7.07301 8.3155 6.83479C8.55372 6.59657 8.93995 6.59657 9.17817 6.83479C10.3166 7.97327 10.358 9.81748 9.22183 10.9536C9.21487 10.9606 9.20779 10.9673 9.20058 10.9739C9.19341 10.9819 9.18599 10.9897 9.17833 10.9973L6.13166 14.044C4.99548 15.1802 3.15127 15.1389 2.01279 14.0004C0.874362 12.8619 0.83297 11.0177 1.96916 9.8815L4.61426 7.2364Z" } }] }, se = j(function(n, e) {
-  return U($, Object.assign({}, n, {
+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: "M9.8816 1.97978C11.0177 0.843607 12.862 0.884962 14.0004 2.02342C15.1389 3.16188 15.1803 5.00612 14.0441 6.14228L11.399 8.78737C11.1608 9.02559 10.7746 9.02559 10.5363 8.78737C10.2981 8.54915 10.2981 8.16292 10.5363 7.9247L13.1814 5.2796C13.8195 4.64155 13.8217 3.57006 13.1378 2.8861C12.4538 2.20211 11.3823 2.20438 10.7443 2.84245L7.6976 5.88911L7.69317 5.89349C7.05959 6.53211 7.05894 7.60014 7.74132 8.28252C7.97954 8.52074 7.97954 8.90697 7.74132 9.14519C7.5031 9.38341 7.11687 9.38341 6.87865 9.14519C5.74016 8.00671 5.69884 6.16251 6.83497 5.02633L6.84021 5.02116L9.8816 1.97978Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.61426 7.2364C4.85248 6.99818 5.23871 6.99818 5.47693 7.2364C5.71515 7.47462 5.71515 7.86085 5.47693 8.09907L2.83183 10.7442C2.19375 11.3823 2.1915 12.4537 2.87547 13.1377C3.55945 13.8217 4.6309 13.8194 5.26899 13.1813L8.31566 10.1347C8.32262 10.1277 8.32971 10.121 8.33691 10.1144C8.34408 10.1064 8.3515 10.0986 8.35916 10.091C8.99721 9.45291 8.99949 8.38145 8.3155 7.69746C8.07728 7.45924 8.07728 7.07301 8.3155 6.83479C8.55372 6.59657 8.93995 6.59657 9.17817 6.83479C10.3166 7.97327 10.358 9.81748 9.22183 10.9536C9.21487 10.9606 9.20779 10.9673 9.20058 10.9739C9.19341 10.9819 9.18599 10.9897 9.17833 10.9973L6.13166 14.044C4.99548 15.1802 3.15127 15.1389 2.01279 14.0004C0.874362 12.8619 0.83297 11.0177 1.96916 9.8815L4.61426 7.2364Z" } }] }, LinkSingle = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
     id: "link-single",
-    ref: e,
-    icon: qn
+    ref,
+    icon: element$2
   }));
 });
-se.displayName = "LinkSingle";
-var Jn = { 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" } }] }, De = j(function(n, e) {
-  return U($, Object.assign({}, n, {
+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: e,
-    icon: Jn
+    ref,
+    icon: element$1
   }));
 });
-De.displayName = "UnlinkSingle";
-var zn = { 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" } }] }, Ne = j(function(n, e) {
-  return U($, Object.assign({}, n, {
+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: e,
-    icon: zn
+    ref,
+    icon: element
   }));
 });
-Ne.displayName = "WriteSingle";
-function je(n) {
-  var e, t, i = "";
-  if (typeof n == "string" || typeof n == "number") i += n;
-  else if (typeof n == "object") if (Array.isArray(n)) {
-    var r = n.length;
-    for (e = 0; e < r; e++) n[e] && (t = je(n[e])) && (i && (i += " "), i += t);
-  } else for (t in n) n[t] && (i && (i += " "), i += t);
-  return i;
+WriteSingle.displayName = "WriteSingle";
+function r(e) {
+  var t, f, n = "";
+  if (typeof e == "string" || typeof e == "number") n += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
 }
-function xe() {
-  for (var n, e, t = 0, i = "", r = arguments.length; t < r; t++) (n = arguments[t]) && (e = je(n)) && (i && (i += " "), i += e);
-  return i;
+__name(r, "r");
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
 }
-const Ue = {
-  type: E.COMMAND,
+__name(clsx, "clsx");
+const DeleteDocHyperLinkCommand = {
+  type: CommandType.COMMAND,
   id: "docs.command.delete-hyper-link",
-  async handler(n, e) {
-    if (!e)
+  async handler(accessor, params) {
+    if (!params)
       return !1;
-    const { unitId: t, linkId: i, segmentId: r } = e, o = n.get(x), s = on(n, { unitId: t, rangeId: i, segmentId: r });
-    return s ? await o.syncExecuteCommand(s.id, s.params) : !1;
+    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;
   }
-}, $e = (n) => {
-  const e = n.get(b), t = n.get(O), i = e.getTextRanges();
-  if (!(i != null && i.length))
+}, shouldDisableAddLink = /* @__PURE__ */ __name((accessor) => {
+  const textSelectionService = accessor.get(DocSelectionManagerService), univerInstanceService = accessor.get(IUniverInstanceService), textRanges = textSelectionService.getTextRanges();
+  if (!(textRanges != null && textRanges.length))
     return !0;
-  const r = i[0];
-  return !!(!t.getCurrentUnitForType(I.UNIVER_DOC) || !r || r.collapsed);
-}, R = {
-  type: E.OPERATION,
+  const activeRange = textRanges[0];
+  return !!(!univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_DOC) || !activeRange || activeRange.collapsed);
+}, "shouldDisableAddLink"), ShowDocHyperLinkEditPopupOperation = {
+  type: CommandType.OPERATION,
   id: "doc.operation.show-hyper-link-edit-popup",
-  handler(n, e) {
-    var s;
-    const t = e == null ? void 0 : e.link, i = n.get(O);
-    if ($e(n) && !t)
+  handler(accessor, params) {
+    var _a7;
+    const linkInfo = params == null ? void 0 : params.link, univerInstanceService = accessor.get(IUniverInstanceService);
+    if (shouldDisableAddLink(accessor) && !linkInfo)
       return !1;
-    const r = n.get(L), o = (t == null ? void 0 : t.unitId) || ((s = i.getCurrentUnitForType(I.UNIVER_DOC)) == null ? void 0 : s.getUnitId());
-    return o ? (r.showEditPopup(o, t), !0) : !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;
   }
-}, ie = {
-  type: E.OPERATION,
+}, ToggleDocHyperLinkInfoPopupOperation = {
+  type: CommandType.OPERATION,
   id: "doc.operation.toggle-hyper-link-info-popup",
-  handler(n, e) {
-    const t = n.get(L);
-    return e ? (t.showInfoPopup(e), !0) : (t.hideInfoPopup(), !0);
+  handler(accessor, params) {
+    const hyperLinkService = accessor.get(DocHyperLinkPopupService);
+    return params ? (hyperLinkService.showInfoPopup(params), !0) : (hyperLinkService.hideInfoPopup(), !0);
   }
-}, Te = {
-  type: E.OPERATION,
+}, ClickDocHyperLinkOperation = {
+  type: CommandType.OPERATION,
   id: "doc.operation.click-hyper-link",
-  handler(n, e) {
-    var p, l, h;
-    if (!e)
+  handler(accessor, params) {
+    var _a7, _b, _c;
+    if (!params)
       return !1;
-    const { unitId: t, linkId: i, segmentId: r } = e, s = n.get(O).getUnit(t, I.UNIVER_DOC), c = s == null ? void 0 : s.getSelfOrHeaderFooterModel(r).getBody(), d = (h = (l = (p = c == null ? void 0 : c.customRanges) == null ? void 0 : p.find((f) => f.rangeId === i && f.rangeType === D.HYPERLINK)) == null ? void 0 : l.properties) == null ? void 0 : h.url;
-    return d && window.open(d, "_blank", "noopener noreferrer"), !0;
-  }
-}, Qn = "univer-doc-link", Xn = "univer-doc-link-type", et = "univer-doc-link-content", nt = "univer-doc-link-content-error", tt = "univer-doc-link-url", it = "univer-doc-link-operations", rt = "univer-doc-link-operation", ot = "univer-doc-link-operation-error", k = {
-  docLink: Qn,
-  docLinkType: Xn,
-  docLinkContent: et,
-  docLinkContentError: nt,
-  docLinkUrl: tt,
-  docLinkOperations: it,
-  docLinkOperation: rt,
-  docLinkOperationError: ot
-}, Y = () => {
-  var C, g;
-  const n = S(L), e = S(x), t = S(Ln), i = S(Re), r = yn(n.showingLink$), o = S(O);
-  if (!r)
+    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 = {
+  docLink,
+  docLinkType,
+  docLinkContent,
+  docLinkContentError,
+  docLinkUrl,
+  docLinkOperations,
+  docLinkOperation,
+  docLinkOperationError
+}, DocLinkPopup = /* @__PURE__ */ __name(() => {
+  var _a7, _b;
+  const hyperLinkService = useDependency(DocHyperLinkPopupService), commandService = useDependency(ICommandService), messageService = useDependency(IMessageService), localeService = useDependency(LocaleService), currentPopup = useObservable$1(hyperLinkService.showingLink$), univerInstanceService = useDependency(IUniverInstanceService);
+  if (!currentPopup)
     return null;
-  const { unitId: s, linkId: c, segmentId: d, startIndex: p, endIndex: l } = r, h = o.getUnit(s, I.UNIVER_DOC), f = h == null ? void 0 : h.getSelfOrHeaderFooterModel(d).getBody(), a = (C = f == null ? void 0 : f.customRanges) == null ? void 0 : C.find((y) => y.rangeId === c && y.rangeType === D.HYPERLINK && y.startIndex === p && y.endIndex === l);
-  if (!a)
+  const { unitId, linkId, segmentId, startIndex, endIndex } = 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 && range.startIndex === startIndex && range.endIndex === endIndex);
+  if (!link)
     return null;
-  const m = (g = a.properties) == null ? void 0 : g.url;
-  return /* @__PURE__ */ u.jsxs(
+  const url = (_b = link.properties) == null ? void 0 : _b.url;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
-      className: k.docLink,
-      onClick: () => {
-        n.hideInfoPopup();
-      },
+      className: styles.docLink,
+      onClick: /* @__PURE__ */ __name(() => {
+        hyperLinkService.hideInfoPopup();
+      }, "onClick"),
       children: [
-        /* @__PURE__ */ u.jsxs("div", { className: xe(k.docLinkContent), onClick: () => window.open(m), children: [
-          /* @__PURE__ */ u.jsx("div", { className: k.docLinkType, children: /* @__PURE__ */ u.jsx(se, {}) }),
-          /* @__PURE__ */ u.jsx(B, { showIfEllipsis: !0, title: m, children: /* @__PURE__ */ u.jsx("span", { className: k.docLinkUrl, children: m }) })
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles.docLinkContent), onClick: /* @__PURE__ */ __name(() => window.open(url), "onClick"), children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.docLinkType, children: /* @__PURE__ */ jsxRuntimeExports.jsx(LinkSingle, {}) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { showIfEllipsis: !0, title: url, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles.docLinkUrl, children: url }) })
         ] }),
-        /* @__PURE__ */ u.jsxs("div", { className: k.docLinkOperations, children: [
-          /* @__PURE__ */ u.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.docLinkOperations, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
-              className: xe(k.docLinkOperation),
-              onClick: () => {
-                navigator.clipboard.writeText(m), t.show({
-                  content: i.t("docLink.info.coped"),
-                  type: Sn.Info
+              className: clsx(styles.docLinkOperation),
+              onClick: /* @__PURE__ */ __name(() => {
+                navigator.clipboard.writeText(url), messageService.show({
+                  content: localeService.t("docLink.info.coped"),
+                  type: MessageType.Info
                 });
-              },
-              children: /* @__PURE__ */ u.jsx(B, { placement: "bottom", title: i.t("docLink.info.copy"), children: /* @__PURE__ */ u.jsx(we, {}) })
+              }, "onClick"),
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { placement: "bottom", title: localeService.t("docLink.info.copy"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(CopySingle, {}) })
             }
           ),
-          /* @__PURE__ */ u.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
-              className: k.docLinkOperation,
-              onClick: () => {
-                e.executeCommand(R.id, {
-                  link: r
+              className: styles.docLinkOperation,
+              onClick: /* @__PURE__ */ __name(() => {
+                commandService.executeCommand(ShowDocHyperLinkEditPopupOperation.id, {
+                  link: currentPopup
                 });
-              },
-              children: /* @__PURE__ */ u.jsx(B, { placement: "bottom", title: i.t("docLink.info.edit"), children: /* @__PURE__ */ u.jsx(Ne, {}) })
+              }, "onClick"),
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { placement: "bottom", title: localeService.t("docLink.info.edit"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(WriteSingle, {}) })
             }
           ),
-          /* @__PURE__ */ u.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
-              className: k.docLinkOperation,
-              onClick: () => {
-                e.executeCommand(Ue.id, {
-                  unitId: s,
-                  linkId: a.rangeId,
-                  segmentId: d
+              className: styles.docLinkOperation,
+              onClick: /* @__PURE__ */ __name(() => {
+                commandService.executeCommand(DeleteDocHyperLinkCommand.id, {
+                  unitId,
+                  linkId: link.rangeId,
+                  segmentId
                 });
-              },
-              children: /* @__PURE__ */ u.jsx(B, { placement: "bottom", title: i.t("docLink.info.cancel"), children: /* @__PURE__ */ u.jsx(De, {}) })
+              }, "onClick"),
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { placement: "bottom", title: localeService.t("docLink.info.cancel"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(UnlinkSingle, {}) })
             }
           )
         ] })
       ]
     }
   );
-};
-Y.componentKey = "univer.doc.link-info-popup";
-var st = Object.defineProperty, ct = Object.getOwnPropertyDescriptor, dt = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? ct(e, t) : e, o = n.length - 1, s; o >= 0; o--)
-    (s = n[o]) && (r = (i ? s(e, t, r) : s(r)) || r);
-  return i && r && st(e, t, r), r;
-}, Q = (n, e) => (t, i) => e(t, i, n);
-let L = class extends N {
-  constructor(e, t, i) {
+}, "DocLinkPopup");
+DocLinkPopup.componentKey = "univer.doc.link-info-popup";
+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"), _a;
+let DocHyperLinkPopupService = (_a = class extends Disposable {
+  constructor(_docCanvasPopupManagerService, _textSelectionManagerService, _univerInstanceService) {
     super();
-    P(this, "_editingLink$", new ve(null));
-    P(this, "_showingLink$", new ve(null));
-    P(this, "editingLink$", this._editingLink$.asObservable());
-    P(this, "showingLink$", this._showingLink$.asObservable());
-    P(this, "_editPopup", null);
-    P(this, "_infoPopup", null);
-    this._docCanvasPopupManagerService = e, this._textSelectionManagerService = t, this._univerInstanceService = i, 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._univerInstanceService = _univerInstanceService, this.disposeWithMe(() => {
       this._editingLink$.complete(), this._showingLink$.complete();
     });
   }
@@ -445,94 +457,94 @@ let L = class extends N {
   get showing() {
     return this._showingLink$.value;
   }
-  showEditPopup(e, t) {
-    this._editPopup && this._editPopup.dispose(), this._editingLink$.next(t);
-    const i = this._textSelectionManagerService.getTextRanges({ unitId: e, subUnitId: e });
-    let r = i == null ? void 0 : i[i.length - 1];
-    if (t) {
-      const { segmentId: o, segmentPage: s, startIndex: c, endIndex: d } = t;
-      r = {
+  showEditPopup(unitId, linkInfo) {
+    this._editPopup && this._editPopup.dispose(), this._editingLink$.next(linkInfo);
+    const textRanges = this._textSelectionManagerService.getTextRanges({ unitId, subUnitId: unitId });
+    let activeRange = textRanges == null ? void 0 : textRanges[textRanges.length - 1];
+    if (linkInfo) {
+      const { segmentId, segmentPage, startIndex, endIndex } = linkInfo;
+      activeRange = {
         collapsed: !1,
-        startOffset: c,
-        endOffset: d + 1,
-        segmentId: o,
-        segmentPage: s
+        startOffset: startIndex,
+        endOffset: endIndex + 1,
+        segmentId,
+        segmentPage
       }, this._textSelectionManagerService.replaceDocRanges([{
-        startOffset: c,
-        endOffset: d + 1
+        startOffset: startIndex,
+        endOffset: endIndex + 1
       }]);
     }
-    return r ? (this._editPopup = this._docCanvasPopupManagerService.attachPopupToRange(
-      r,
+    return activeRange ? (this._editPopup = this._docCanvasPopupManagerService.attachPopupToRange(
+      activeRange,
       {
-        componentKey: V.componentKey,
+        componentKey: DocHyperLinkEdit.componentKey,
         direction: "bottom"
       },
-      e
+      unitId
     ), this._editPopup) : null;
   }
   hideEditPopup() {
-    var e;
-    this._editingLink$.next(null), (e = this._editPopup) == null || e.dispose();
-  }
-  showInfoPopup(e) {
-    var p, l, h, f, a, m;
-    const { linkId: t, unitId: i, segmentId: r, segmentPage: o, startIndex: s, endIndex: c } = e;
-    if (!(((p = this.showing) == null ? void 0 : p.linkId) === t && ((l = this.showing) == null ? void 0 : l.unitId) === i && ((h = this.showing) == null ? void 0 : h.segmentId) === r && ((f = this.showing) == null ? void 0 : f.segmentPage) === o && ((a = this.showing) == null ? void 0 : a.startIndex) === s && ((m = this.showing) == null ? void 0 : m.endIndex) === c || (this._infoPopup && this._infoPopup.dispose(), !this._univerInstanceService.getUnit(i, I.UNIVER_DOC))))
-      return this._showingLink$.next({ unitId: i, linkId: t, segmentId: r, segmentPage: o, startIndex: s, endIndex: c }), this._infoPopup = this._docCanvasPopupManagerService.attachPopupToRange(
+    var _a7;
+    this._editingLink$.next(null), (_a7 = this._editPopup) == null || _a7.dispose();
+  }
+  showInfoPopup(info) {
+    var _a7, _b, _c, _d, _e, _f;
+    const { linkId, unitId, segmentId, segmentPage, startIndex, endIndex } = info;
+    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 && ((_e = this.showing) == null ? void 0 : _e.startIndex) === startIndex && ((_f = this.showing) == null ? void 0 : _f.endIndex) === endIndex || (this._infoPopup && this._infoPopup.dispose(), !this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC))))
+      return this._showingLink$.next({ unitId, linkId, segmentId, segmentPage, startIndex, endIndex }), this._infoPopup = this._docCanvasPopupManagerService.attachPopupToRange(
         {
           collapsed: !1,
-          startOffset: s,
-          endOffset: c + 1,
-          segmentId: r,
-          segmentPage: o
+          startOffset: startIndex,
+          endOffset: endIndex + 1,
+          segmentId,
+          segmentPage
         },
         {
-          componentKey: Y.componentKey,
+          componentKey: DocLinkPopup.componentKey,
           direction: "top-center",
           multipleDirection: "top",
-          onClickOutside: () => {
+          onClickOutside: /* @__PURE__ */ __name(() => {
             this.hideInfoPopup();
-          }
+          }, "onClickOutside")
         },
-        i
+        unitId
       ), this._infoPopup;
   }
   hideInfoPopup() {
-    var e;
-    this._showingLink$.next(null), (e = this._infoPopup) == null || e.dispose();
-  }
-};
-L = dt([
-  Q(0, v(ln)),
-  Q(1, v(b)),
-  Q(2, O)
-], L);
-var at = Object.defineProperty, lt = Object.getOwnPropertyDescriptor, ut = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? lt(e, t) : e, o = n.length - 1, s; o >= 0; o--)
-    (s = n[o]) && (r = (i ? s(e, t, r) : s(r)) || r);
-  return i && r && at(e, t, r), r;
-}, X = (n, e) => (t, i) => e(t, i, n);
-let Z = class extends N {
-  constructor(n, e, t) {
-    super(), this._commandService = n, this._univerInstanceService = e, this._docHyperLinkService = t, this._initSelectionChange();
+    var _a7;
+    this._showingLink$.next(null), (_a7 = this._infoPopup) == null || _a7.dispose();
+  }
+}, __name(_a, "DocHyperLinkPopupService"), _a);
+DocHyperLinkPopupService = __decorateClass$5([
+  __decorateParam$5(0, Inject(DocCanvasPopManagerService)),
+  __decorateParam$5(1, Inject(DocSelectionManagerService)),
+  __decorateParam$5(2, IUniverInstanceService)
+], DocHyperLinkPopupService);
+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"), _a2;
+let DocHyperLinkSelectionController = (_a2 = class extends Disposable {
+  constructor(_commandService, _univerInstanceService, _docHyperLinkService) {
+    super(), this._commandService = _commandService, this._univerInstanceService = _univerInstanceService, this._docHyperLinkService = _docHyperLinkService, this._initSelectionChange();
   }
   _initSelectionChange() {
     this.disposeWithMe(
-      this._commandService.onCommandExecuted((n) => {
-        var e, t, i;
-        if (n.id === sn.id) {
-          const r = n.params, { unitId: o, ranges: s, segmentId: c } = r, d = this._univerInstanceService.getUnit(o, I.UNIVER_DOC), p = s[0];
-          if (p && d) {
-            const { startOffset: l, endOffset: h, collapsed: f, segmentPage: a } = p, m = (t = (e = d.getSelfOrHeaderFooterModel(c)) == null ? void 0 : e.getBody()) == null ? void 0 : t.customRanges;
-            if (f) {
-              const C = (i = m == null ? void 0 : m.findIndex((g) => g.startIndex < l && g.endIndex > h - 1)) != null ? i : -1;
-              if (C > -1) {
-                const g = m[C];
-                this._docHyperLinkService.showInfoPopup({ unitId: o, linkId: g.rangeId, segmentId: c, segmentPage: a, startIndex: g.startIndex, endIndex: g.endIndex });
+      this._commandService.onCommandExecuted((commandInfo) => {
+        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 = (_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) {
+                const customRange = customRanges[index];
+                this._docHyperLinkService.showInfoPopup({ unitId, linkId: customRange.rangeId, segmentId, segmentPage, startIndex: customRange.startIndex, endIndex: customRange.endIndex });
                 return;
               }
-            } else if (m == null ? void 0 : m.find((g) => g.startIndex <= l && g.endIndex >= h - 1))
+            } else if (customRanges == null ? void 0 : customRanges.find((value) => value.startIndex <= startOffset && value.endIndex >= endOffset - 1))
               return;
           }
           this._docHyperLinkService.hideInfoPopup(), this._docHyperLinkService.hideEditPopup();
@@ -540,48 +552,48 @@ let Z = class extends N {
       })
     );
   }
-};
-Z = ut([
-  X(0, x),
-  X(1, O),
-  X(2, v(L))
-], Z);
-var pt = Object.defineProperty, ft = Object.getOwnPropertyDescriptor, gt = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? ft(e, t) : e, o = n.length - 1, s; o >= 0; o--)
-    (s = n[o]) && (r = (i ? s(e, t, r) : s(r)) || r);
-  return i && r && pt(e, t, r), r;
-}, w = (n, e) => (t, i) => e(t, i, n);
-let re = class extends N {
-  constructor(n, e, t, i, r, o) {
-    super(), this._context = n, this._docEventManagerService = e, this._commandService = t, this._hyperLinkPopupService = i, this._docSkeletonManagerService = r, this._docSelectionManagerService = o, !(this._context.unitId === We || this._context.unitId === Ge) && (this._initHover(), this._initClick());
+}, __name(_a2, "DocHyperLinkSelectionController"), _a2);
+DocHyperLinkSelectionController = __decorateClass$4([
+  __decorateParam$4(0, ICommandService),
+  __decorateParam$4(1, IUniverInstanceService),
+  __decorateParam$4(2, Inject(DocHyperLinkPopupService))
+], 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"), _a3;
+let DocHyperLinkEventRenderController = (_a3 = class extends Disposable {
+  constructor(_context, _docEventManagerService, _commandService, _hyperLinkPopupService, _docSkeletonManagerService, _docSelectionManagerService) {
+    super(), this._context = _context, this._docEventManagerService = _docEventManagerService, this._commandService = _commandService, this._hyperLinkPopupService = _hyperLinkPopupService, this._docSkeletonManagerService = _docSkeletonManagerService, this._docSelectionManagerService = _docSelectionManagerService, !(this._context.unitId === DOCS_ZEN_EDITOR_UNIT_ID_KEY || this._context.unitId === DOCS_NORMAL_EDITOR_UNIT_ID_KEY) && (this._initHover(), this._initClick());
   }
   get _skeleton() {
     return this._docSkeletonManagerService.getSkeleton();
   }
   _hideInfoPopup() {
     this._hyperLinkPopupService.showing && this._commandService.executeCommand(
-      ie.id
+      ToggleDocHyperLinkInfoPopupOperation.id
     );
   }
   _initHover() {
     this.disposeWithMe(
-      this._docEventManagerService.hoverCustomRanges$.subscribe((n) => {
-        var r;
-        const e = n.find((o) => o.range.rangeType === D.HYPERLINK), t = this._docSelectionManagerService.getTextRanges(), i = t == null ? void 0 : t[0].segmentId;
-        if (((r = e == null ? void 0 : e.segmentId) != null ? r : "") !== i) {
+      this._docEventManagerService.hoverCustomRanges$.subscribe((ranges) => {
+        var _a7;
+        const link = ranges.find((range) => range.range.rangeType === CustomRangeType.HYPERLINK), activeRanges = this._docSelectionManagerService.getTextRanges(), currentSegmentId = activeRanges == null ? void 0 : activeRanges[0].segmentId;
+        if (((_a7 = link == null ? void 0 : link.segmentId) != null ? _a7 : "") !== currentSegmentId) {
           this._hideInfoPopup();
           return;
         }
-        e ? this._commandService.executeCommand(
-          ie.id,
+        link ? this._commandService.executeCommand(
+          ToggleDocHyperLinkInfoPopupOperation.id,
           {
             unitId: this._context.unitId,
-            linkId: e.range.rangeId,
-            segmentId: e.segmentId,
-            segmentPage: e.segmentPageIndex,
-            rangeId: e.range.rangeId,
-            startIndex: e.range.startIndex,
-            endIndex: e.range.endIndex
+            linkId: link.range.rangeId,
+            segmentId: link.segmentId,
+            segmentPage: link.segmentPageIndex,
+            rangeId: link.range.rangeId,
+            startIndex: link.range.startIndex,
+            endIndex: link.range.endIndex
           }
         ) : this._hideInfoPopup();
       })
@@ -589,202 +601,203 @@ let re = class extends N {
   }
   _initClick() {
     this.disposeWithMe(
-      this._docEventManagerService.clickCustomRanges$.subscribe((n) => {
-        const e = n.range;
-        e && this._commandService.executeCommand(
-          Te.id,
+      this._docEventManagerService.clickCustomRanges$.subscribe((range) => {
+        const link = range.range;
+        link && this._commandService.executeCommand(
+          ClickDocHyperLinkOperation.id,
           {
             unitId: this._context.unitId,
-            linkId: e.rangeId,
-            segmentId: n.segmentId
+            linkId: link.rangeId,
+            segmentId: range.segmentId
           }
         );
       })
     );
   }
-};
-re = gt([
-  w(1, v(un)),
-  w(2, x),
-  w(3, v(L)),
-  w(4, v(cn)),
-  w(5, v(b))
-], re);
-var ht = Object.defineProperty, mt = Object.getOwnPropertyDescriptor, _t = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? mt(e, t) : e, o = n.length - 1, s; o >= 0; o--)
-    (s = n[o]) && (r = (i ? s(e, t, r) : s(r)) || r);
-  return i && r && ht(e, t, r), r;
-}, ee = (n, e) => (t, i) => e(t, i, n);
-let oe = class extends N {
-  constructor(n, e, t, i) {
-    super(), this._context = n, this._docInterceptorService = e, this._hyperLinkService = t, this._docRenderController = i, this._init(), this._initReRender();
+}, __name(_a3, "DocHyperLinkEventRenderController"), _a3);
+DocHyperLinkEventRenderController = __decorateClass$3([
+  __decorateParam$3(1, Inject(DocEventManagerService)),
+  __decorateParam$3(2, ICommandService),
+  __decorateParam$3(3, Inject(DocHyperLinkPopupService)),
+  __decorateParam$3(4, Inject(DocSkeletonManagerService)),
+  __decorateParam$3(5, Inject(DocSelectionManagerService))
+], DocHyperLinkEventRenderController);
+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"), _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();
   }
   _init() {
-    this._docInterceptorService.intercept(an.CUSTOM_RANGE, {
-      handler: (n, e, t) => {
-        if (!n)
-          return t(n);
-        const { unitId: i, index: r } = e, o = this._hyperLinkService.showing;
-        if (!o)
-          return t({
-            ...n,
+    this._docInterceptorService.intercept(DOC_INTERCEPTOR_POINT.CUSTOM_RANGE, {
+      handler: /* @__PURE__ */ __name((data, pos, next) => {
+        if (!data)
+          return next(data);
+        const { unitId, index } = pos, activeLink = this._hyperLinkService.showing;
+        if (!activeLink)
+          return next({
+            ...data,
             active: !1
           });
-        const { linkId: s, unitId: c, startIndex: d, endIndex: p } = o, l = c === i && n.rangeId === s && r >= d && r <= p;
-        return t({
-          ...n,
-          active: l
+        const { linkId, unitId: linkUnitId, startIndex, endIndex } = activeLink, isActive = linkUnitId === unitId && data.rangeId === linkId && index >= startIndex && index <= endIndex;
+        return next({
+          ...data,
+          active: isActive
         });
-      }
+      }, "handler")
     });
   }
   _initReRender() {
     this.disposeWithMe(this._hyperLinkService.showingLink$.pipe(
-      gn((n, e) => (n == null ? void 0 : n.linkId) === (e == null ? void 0 : e.linkId) && (n == null ? void 0 : n.unitId) === (e == null ? void 0 : e.unitId) && (n == null ? void 0 : n.startIndex) === (e == null ? void 0 : e.startIndex)),
-      hn()
-    ).subscribe(([n, e]) => {
-      e ? e.unitId === this._context.unitId && this._docRenderController.reRender(e.unitId) : n && n.unitId === this._context.unitId && this._docRenderController.reRender(n.unitId);
+      distinctUntilChanged((prev, aft) => (prev == null ? void 0 : prev.linkId) === (aft == null ? void 0 : aft.linkId) && (prev == null ? void 0 : prev.unitId) === (aft == null ? void 0 : aft.unitId) && (prev == null ? void 0 : prev.startIndex) === (aft == null ? void 0 : aft.startIndex)),
+      pairwise()
+    ).subscribe(([preLink, link]) => {
+      link ? link.unitId === this._context.unitId && this._docRenderController.reRender(link.unitId) : preLink && preLink.unitId === this._context.unitId && this._docRenderController.reRender(preLink.unitId);
     }));
   }
-};
-oe = _t([
-  ee(1, v(dn)),
-  ee(2, v(L)),
-  ee(3, v(pn))
-], oe);
-const He = "doc-hyper-link-icon";
-function Oe(n) {
+}, __name(_a4, "DocHyperLinkRenderController"), _a4);
+DocHyperLinkRenderController = __decorateClass$2([
+  __decorateParam$2(1, Inject(DocInterceptorService)),
+  __decorateParam$2(2, Inject(DocHyperLinkPopupService)),
+  __decorateParam$2(3, Inject(DocRenderController))
+], DocHyperLinkRenderController);
+const DOC_LINK_ICON = "doc-hyper-link-icon";
+function AddHyperLinkMenuItemFactory(accessor) {
   return {
-    id: R.id,
-    type: xn.BUTTON,
-    icon: He,
+    id: ShowDocHyperLinkEditPopupOperation.id,
+    type: MenuItemType.BUTTON,
+    icon: DOC_LINK_ICON,
     title: "docLink.menu.tooltip",
     tooltip: "docLink.menu.tooltip",
-    hidden$: On(n, I.UNIVER_DOC),
-    disabled$: new mn(function(e) {
-      const i = n.get(b).textSelection$.pipe(_n(16)).subscribe(() => {
-        e.next($e(n));
+    hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_DOC),
+    disabled$: new Observable(function(subscribe) {
+      const observer = accessor.get(DocSelectionManagerService).textSelection$.pipe(debounceTime(16)).subscribe(() => {
+        subscribe.next(shouldDisableAddLink(accessor));
       });
       return () => {
-        i.unsubscribe();
+        observer.unsubscribe();
       };
     })
   };
 }
-const vt = {
-  id: R.id,
-  binding: kn.CTRL_COMMAND | te.K,
+__name(AddHyperLinkMenuItemFactory, "AddHyperLinkMenuItemFactory");
+const addLinkShortcut = {
+  id: ShowDocHyperLinkEditPopupOperation.id,
+  binding: MetaKeys.CTRL_COMMAND | KeyCode.K,
   description: "docLink.menu.tooltip",
-  preconditions: fn
-}, It = {
-  [Pn.OTHERS]: {
-    [R.id]: {
+  preconditions: whenDocAndEditorFocused
+}, menuSchema = {
+  [RibbonStartGroup.OTHERS]: {
+    [ShowDocHyperLinkEditPopupOperation.id]: {
       order: 0,
-      menuItemFactory: Oe
+      menuItemFactory: AddHyperLinkMenuItemFactory
     }
   },
-  [Rn.MAIN_AREA]: {
-    [En.DATA]: {
-      [R.id]: {
+  [ContextMenuPosition.MAIN_AREA]: {
+    [ContextMenuGroup.DATA]: {
+      [ShowDocHyperLinkEditPopupOperation.id]: {
         order: 0,
-        menuItemFactory: Oe
+        menuItemFactory: AddHyperLinkMenuItemFactory
       }
     }
   }
 };
-var Ct = Object.defineProperty, St = Object.getOwnPropertyDescriptor, Lt = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? St(e, t) : e, o = n.length - 1, s; o >= 0; o--)
-    (s = n[o]) && (r = (i ? s(e, t, r) : s(r)) || r);
-  return i && r && Ct(e, t, r), r;
-}, F = (n, e) => (t, i) => e(t, i, n);
-let W = class extends N {
-  constructor(n, e, t, i) {
-    super(), this._componentManager = n, this._commandService = e, this._menuManagerService = t, this._shortcutService = i, this._initComponents(), this._initCommands(), this._initMenus(), this._initShortcut();
+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"), _a5;
+let DocHyperLinkUIController = (_a5 = class extends Disposable {
+  constructor(_componentManager, _commandService, _menuManagerService, _shortcutService) {
+    super(), this._componentManager = _componentManager, this._commandService = _commandService, this._menuManagerService = _menuManagerService, this._shortcutService = _shortcutService, this._initComponents(), this._initCommands(), this._initMenus(), this._initShortcut();
   }
   _initComponents() {
     [
-      [V, V.componentKey],
-      [Y, Y.componentKey],
-      [se, He]
-    ].forEach(([n, e]) => {
-      this._componentManager.register(e, n);
+      [DocHyperLinkEdit, DocHyperLinkEdit.componentKey],
+      [DocLinkPopup, DocLinkPopup.componentKey],
+      [LinkSingle, DOC_LINK_ICON]
+    ].forEach(([comp, key]) => {
+      this._componentManager.register(key, comp);
     });
   }
   _initCommands() {
     [
-      Ee,
-      be,
-      Ue,
-      R,
-      ie,
-      Te
-    ].forEach((n) => {
-      this._commandService.registerCommand(n);
+      AddDocHyperLinkCommand,
+      UpdateDocHyperLinkCommand,
+      DeleteDocHyperLinkCommand,
+      ShowDocHyperLinkEditPopupOperation,
+      ToggleDocHyperLinkInfoPopupOperation,
+      ClickDocHyperLinkOperation
+    ].forEach((command) => {
+      this._commandService.registerCommand(command);
     });
   }
   _initShortcut() {
-    [vt].forEach((n) => {
-      this._shortcutService.registerShortcut(n);
+    [addLinkShortcut].forEach((shortcut) => {
+      this._shortcutService.registerShortcut(shortcut);
     });
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(It);
-  }
-};
-W = Lt([
-  F(0, v(bn)),
-  F(1, x),
-  F(2, Mn),
-  F(3, wn)
-], W);
-const yt = "DOC_HYPER_LINK_UI_PLUGIN";
-var Ae = Object.defineProperty, kt = Object.getOwnPropertyDescriptor, xt = (n, e, t) => e in n ? Ae(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, Ot = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? kt(e, t) : e, o = n.length - 1, s; o >= 0; o--)
-    (s = n[o]) && (r = (i ? s(e, t, r) : s(r)) || r);
-  return i && r && Ae(e, t, r), r;
-}, ne = (n, e) => (t, i) => e(t, i, n), Be = (n, e, t) => xt(n, typeof e != "symbol" ? e + "" : e, t);
-let G = class extends ze {
-  constructor(n = Le, e, t, i) {
-    super(), this._config = n, this._injector = e, this._renderManagerSrv = t, this._configService = i;
-    const { menu: r, ...o } = Qe(
+    this._menuManagerService.mergeMenu(menuSchema);
+  }
+}, __name(_a5, "DocHyperLinkUIController"), _a5);
+DocHyperLinkUIController = __decorateClass$1([
+  __decorateParam$1(0, Inject(ComponentManager)),
+  __decorateParam$1(1, ICommandService),
+  __decorateParam$1(2, IMenuManagerService),
+  __decorateParam$1(3, IShortcutService)
+], DocHyperLinkUIController);
+const DOC_HYPER_LINK_UI_PLUGIN = "DOC_HYPER_LINK_UI_PLUGIN";
+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"), _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 } = merge(
       {},
-      Le,
+      defaultPluginConfig,
       this._config
     );
-    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(Dn, o);
+    menu && this._configService.setConfig("menu", menu, { merge: !0 }), this._configService.setConfig(DOCS_HYPER_LINK_UI_PLUGIN_CONFIG_KEY, rest);
   }
   onStarting() {
     [
-      [L],
-      [W],
-      [Z]
-    ].forEach((e) => {
-      this._injector.add(e);
-    }), this._injector.get(W);
+      [DocHyperLinkPopupService],
+      [DocHyperLinkUIController],
+      [DocHyperLinkSelectionController]
+    ].forEach((dep) => {
+      this._injector.add(dep);
+    }), this._injector.get(DocHyperLinkUIController);
   }
   onReady() {
-    this._injector.get(Z);
+    this._injector.get(DocHyperLinkSelectionController);
   }
   onRendered() {
     this._initRenderModule();
   }
   _initRenderModule() {
     [
-      [oe],
-      [re]
-    ].forEach((n) => {
-      this._renderManagerSrv.registerRenderModule(I.UNIVER_DOC, n);
+      [DocHyperLinkRenderController],
+      [DocHyperLinkEventRenderController]
+    ].forEach((dep) => {
+      this._renderManagerSrv.registerRenderModule(UniverInstanceType.UNIVER_DOC, dep);
     });
   }
-};
-Be(G, "pluginName", yt);
-Be(G, "type", I.UNIVER_DOC);
-G = Ot([
-  qe(en),
-  ne(1, v(Je)),
-  ne(2, nn),
-  ne(3, Xe)
-], G);
+}, __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(3, IConfigService)
+], UniverDocsHyperLinkUIPlugin);
 export {
-  G as UniverDocsHyperLinkUIPlugin
+  UniverDocsHyperLinkUIPlugin
 };