@univerjs/docs-hyper-link-ui 0.5.5-nightly.202501241606 → 0.6.0-alpha.0

package/lib/es/index.js

@@ -1,422 +1,412 @@
-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 { jsxs, jsx } from "react/jsx-runtime";
-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";
-import { useState, useEffect, forwardRef, useRef, createElement } from "react";
-const DOCS_HYPER_LINK_UI_PLUGIN_CONFIG_KEY = "docs-hyper-link-ui.config", defaultPluginConfig = {}, AddDocHyperLinkCommand = {
-  type: CommandType.COMMAND,
+var je = Object.defineProperty;
+var Ae = (n, e, t) => e in n ? je(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var P = (n, e, t) => Ae(n, typeof e != "symbol" ? e + "" : e, t);
+import { CommandType as b, ICommandService as O, generateRandomId as Be, CustomRangeType as D, IUniverInstanceService as x, UniverInstanceType as I, getBodySlice as ye, useDependency as S, LocaleService as Oe, useObservable as Ke, Tools as Fe, BuildTextUtils as me, Disposable as N, Inject as _, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Ve, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Ye, DependentOn as Ze, Injector as We, Plugin as Ge, merge as ze, IConfigService as qe } from "@univerjs/core";
+import { UniverDocsHyperLinkPlugin as Je } from "@univerjs/docs-hyper-link";
+import { IRenderManagerService as Qe } from "@univerjs/engine-render";
+import { addCustomRangeBySelectionFactory as Xe, DocSelectionManagerService as M, replaceSelectionFactory as en, deleteCustomRangeFactory as nn, SetTextSelectionsOperation as tn, DocSkeletonManagerService as rn, DocInterceptorService as on, DOC_INTERCEPTOR_POINT as sn } from "@univerjs/docs";
+import { DocCanvasPopManagerService as cn, DocEventManagerService as dn, DocRenderController as an, whenDocAndEditorFocused as ln } from "@univerjs/docs-ui";
+import { BehaviorSubject as ve, distinctUntilChanged as un, pairwise as pn, Observable as fn, debounceTime as gn } from "rxjs";
+import { jsxs as E, jsx as g } from "react/jsx-runtime";
+import { FormLayout as _e, Input as Ie, Button as Ce, Tooltip as B, MessageType as hn } from "@univerjs/design";
+import { KeyCode as ne, IMessageService as mn, useObservable as vn, MetaKeys as _n, MenuItemType as In, getMenuHiddenObservable as Cn, RibbonStartGroup as Sn, ContextMenuPosition as Ln, ContextMenuGroup as kn, ComponentManager as yn, IMenuManagerService as On, IShortcutService as xn } from "@univerjs/ui";
+import { useState as q, useEffect as Pn, forwardRef as U, useRef as En, createElement as $ } from "react";
+const Rn = "docs-hyper-link-ui.config", Se = {}, xe = {
+  type: b.COMMAND,
   id: "docs.command.add-hyper-link",
-  async handler(accessor, params) {
-    if (!params)
+  async handler(n, e) {
+    if (!e)
       return !1;
-    const { payload, unitId, selections } = params, commandService = accessor.get(ICommandService), id = generateRandomId(), doMutation = addCustomRangeBySelectionFactory(
-      accessor,
+    const { payload: t, unitId: i, selections: r } = e, o = n.get(O), s = Be(), c = Xe(
+      n,
       {
-        rangeId: id,
-        rangeType: CustomRangeType.HYPERLINK,
+        rangeId: s,
+        rangeType: D.HYPERLINK,
         properties: {
-          url: payload
+          url: t
         },
-        unitId,
-        selections
+        unitId: i,
+        selections: r
       }
     );
-    return doMutation ? commandService.syncExecuteCommand(doMutation.id, doMutation.params) : !1;
+    return c ? o.syncExecuteCommand(c.id, c.params) : !1;
   }
-}, UpdateDocHyperLinkCommand = {
+}, Pe = {
   id: "docs.command.update-hyper-link",
-  type: CommandType.COMMAND,
-  handler(accessor, params) {
-    var _a7;
-    if (!params)
+  type: b.COMMAND,
+  handler(n, e) {
+    var p;
+    if (!e)
       return !1;
-    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)
+    const { unitId: t, payload: i, segmentId: r, linkId: o } = e, s = n.get(O), c = n.get(x), u = n.get(M).getActiveTextRange(), h = c.getUnit(t, I.UNIVER_DOC);
+    if (!u || !h)
       return !1;
-    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,
+    const f = (p = ye(h.getSelfOrHeaderFooterModel(r).getBody(), u.startOffset, u.endOffset).textRuns) == null ? void 0 : p[0];
+    f && (f.ed = e.label.length + 1);
+    const d = en(n, {
+      unitId: t,
       body: {
-        dataStream: `${params.label}`,
+        dataStream: `${e.label}`,
         customRanges: [{
-          rangeId: linkId,
-          rangeType: CustomRangeType.HYPERLINK,
+          rangeId: o,
+          rangeType: D.HYPERLINK,
           startIndex: 0,
-          endIndex: params.label.length + 1,
+          endIndex: e.label.length + 1,
           properties: {
-            url: payload
+            url: i
           }
         }],
-        textRuns: textRun ? [textRun] : void 0
+        textRuns: f ? [f] : void 0
       },
       selection: {
-        startOffset: currentSelection.startOffset,
-        endOffset: currentSelection.endOffset,
+        startOffset: u.startOffset,
+        endOffset: u.endOffset,
         collapsed: !1,
-        segmentId
+        segmentId: r
       }
     });
-    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
+    return d ? s.syncExecuteCommand(d.id, d.params) : !1;
+  }
+}, bn = "univer-docs-link-edit", Mn = "univer-docs-link-edit-title", wn = "univer-docs-link-edit-close", Dn = "univer-docs-link-edit-buttons", Nn = "univer-docs-link-edit-button", K = {
+  docsLinkEdit: bn,
+  docsLinkEditTitle: Mn,
+  docsLinkEditClose: wn,
+  docsLinkEditButtons: Dn,
+  docsLinkEditButton: Nn
 };
-function hasProtocol(urlString) {
-  return /^[a-zA-Z]+:\/\//.test(urlString);
+function Un(n) {
+  return /^[a-zA-Z]+:\/\//.test(n);
 }
-__name(hasProtocol, "hasProtocol");
-function isEmail(url) {
-  return /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/.test(url);
+function $n(n) {
+  return /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/.test(n);
 }
-__name(isEmail, "isEmail");
-function transformUrl(urlStr) {
-  return hasProtocol(urlStr) ? urlStr : isEmail(urlStr) ? `mailto://${urlStr}` : `https://${urlStr}`;
+function Tn(n) {
+  return Un(n) ? n : $n(n) ? `mailto://${n}` : `https://${n}`;
 }
-__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)
+const V = () => {
+  const n = S(L), e = S(Oe), t = Ke(n.editingLink$), i = S(O), r = S(x), o = S(M), [s, c] = q(""), [l, u] = q(""), [h, m] = q(!1), f = Fe.isLegalUrl(s), d = t ? r.getUnit(t.unitId, I.UNIVER_DOC) : r.getCurrentUnitForType(I.UNIVER_DOC);
+  Pn(() => {
+    var ce, de, ae, le, ue, pe, fe, ge, he;
+    const a = o.getActiveTextRange();
+    if (!a)
       return;
-    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)));
+    if (t) {
+      const j = (ce = d == null ? void 0 : d.getSelfOrHeaderFooterModel(t.segmentId)) == null ? void 0 : ce.getBody(), A = (de = j == null ? void 0 : j.customRanges) == null ? void 0 : de.find((z) => (t == null ? void 0 : t.linkId) === z.rangeId && z.startIndex === t.startIndex && z.endIndex === t.endIndex);
+      d && A && (c((le = (ae = A.properties) == null ? void 0 : ae.url) != null ? le : ""), u(me.transform.getPlainText(ye(j, A.startIndex, A.endIndex + 1).dataStream)));
       return;
     }
-    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)
+    const k = (ue = d == null ? void 0 : d.getSelfOrHeaderFooterModel(a.segmentId)) == null ? void 0 : ue.getBody(), se = k ? a : null, H = se && ((fe = me.customRange.getCustomRangesInterestsWithSelection(se, (pe = k == null ? void 0 : k.customRanges) != null ? pe : [])) == null ? void 0 : fe[0]);
+    d && H && c((he = (ge = H == null ? void 0 : H.properties) == null ? void 0 : ge.url) != null ? he : "");
+  }, [d, t, o, r]);
+  const p = () => {
+    n.hideEditPopup();
+  }, C = () => {
+    if (m(!0), !f || !d)
       return;
-    const linkFinal = transformUrl(link);
-    if (!editing)
-      commandService.executeCommand(AddDocHyperLinkCommand.id, {
-        unitId: doc.getUnitId(),
-        payload: linkFinal
+    const a = Tn(s);
+    if (!t)
+      i.executeCommand(xe.id, {
+        unitId: d.getUnitId(),
+        payload: a
       });
     else {
-      if (!label)
+      if (!l)
         return;
-      commandService.executeCommand(UpdateDocHyperLinkCommand.id, {
-        unitId: doc.getUnitId(),
-        payload: linkFinal,
-        linkId: editing.linkId,
-        label,
-        segmentId: editing.segmentId
+      i.executeCommand(Pe.id, {
+        unitId: d.getUnitId(),
+        payload: a,
+        linkId: t.linkId,
+        label: l,
+        segmentId: t.segmentId
       });
     }
-    hyperLinkService.hideEditPopup();
-  }, "handleConfirm");
-  if (doc)
-    return /* @__PURE__ */ jsxs("div", { className: styles$1.docsLinkEdit, children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        editing ? /* @__PURE__ */ jsx(
-          FormLayout,
+    n.hideEditPopup();
+  };
+  if (d)
+    return /* @__PURE__ */ E("div", { className: K.docsLinkEdit, children: [
+      /* @__PURE__ */ E("div", { children: [
+        t ? /* @__PURE__ */ g(
+          _e,
           {
-            label: localeService.t("docLink.edit.label"),
-            error: showError && !label ? localeService.t("docLink.edit.labelError") : "",
-            children: /* @__PURE__ */ jsx(
-              Input,
+            label: e.t("docLink.edit.label"),
+            error: h && !l ? e.t("docLink.edit.labelError") : "",
+            children: /* @__PURE__ */ g(
+              Ie,
               {
-                value: label,
-                onChange: setLabel,
+                value: l,
+                onChange: u,
                 autoFocus: !0,
-                onKeyDown: /* @__PURE__ */ __name((evt) => {
-                  evt.keyCode === KeyCode.ENTER && handleConfirm();
-                }, "onKeyDown")
+                onKeyDown: (a) => {
+                  a.keyCode === ne.ENTER && C();
+                }
               }
             )
           }
         ) : null,
-        /* @__PURE__ */ jsx(
-          FormLayout,
+        /* @__PURE__ */ g(
+          _e,
           {
-            label: localeService.t("docLink.edit.address"),
-            error: showError && !isLegal ? localeService.t("docLink.edit.addressError") : "",
-            children: /* @__PURE__ */ jsx(
-              Input,
+            label: e.t("docLink.edit.address"),
+            error: h && !f ? e.t("docLink.edit.addressError") : "",
+            children: /* @__PURE__ */ g(
+              Ie,
               {
-                value: link,
-                onChange: setLink,
+                value: s,
+                onChange: c,
                 autoFocus: !0,
-                onKeyDown: /* @__PURE__ */ __name((evt) => {
-                  evt.keyCode === KeyCode.ENTER && handleConfirm();
-                }, "onKeyDown")
+                onKeyDown: (a) => {
+                  a.keyCode === ne.ENTER && C();
+                }
               }
             )
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: styles$1.docsLinkEditButtons, children: [
-        /* @__PURE__ */ jsx(
-          Button,
+      /* @__PURE__ */ E("div", { className: K.docsLinkEditButtons, children: [
+        /* @__PURE__ */ g(
+          Ce,
           {
-            className: styles$1.docsLinkEditButton,
-            onClick: handleCancel,
-            children: localeService.t("docLink.edit.cancel")
+            className: K.docsLinkEditButton,
+            onClick: p,
+            children: e.t("docLink.edit.cancel")
           }
         ),
-        /* @__PURE__ */ jsx(
-          Button,
+        /* @__PURE__ */ g(
+          Ce,
           {
-            disabled: !link,
-            className: styles$1.docsLinkEditButton,
+            disabled: !s,
+            className: K.docsLinkEditButton,
             type: "primary",
-            onClick: handleConfirm,
-            children: localeService.t("docLink.edit.confirm")
+            onClick: C,
+            children: e.t("docLink.edit.confirm")
           }
         )
       ] })
     ] });
-}, "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]);
+};
+V.componentKey = "docs-hyper-link-edit";
+var v = function() {
+  return v = 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]);
     }
-    return t;
-  }, __assign.apply(this, arguments);
-}, __rest = function(s, e) {
+    return n;
+  }, v.apply(this, arguments);
+}, Hn = function(n, 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]]);
+  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]]);
   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);
+}, T = U(function(n, e) {
+  var t = n.icon, i = n.id, r = n.className, o = n.extend, s = Hn(n, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(i, " ").concat(r || "").trim(), l = En("_".concat(Bn()));
+  return Ee(t, "".concat(i), { defIds: t.defIds, idSuffix: l.current }, v({ ref: e, className: c }, s), o);
 });
-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 Ee(n, e, t, i, r) {
+  return $(n.tag, v(v({ key: e }, jn(n, t, r)), i), (An(n, t).children || []).map(function(o, s) {
+    return Ee(o, "".concat(e, "-").concat(n.tag, "-").concat(s), t, void 0, r);
   }));
 }
-__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 jn(n, e, t) {
+  var i = v({}, 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(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 An(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) ? v(v({}, n), { children: n.children.map(function(r) {
+    return typeof r.attrs.id == "string" && i && i.indexOf(r.attrs.id) > -1 ? v(v({}, r), { attrs: v(v({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
+  }) }) : n;
 }
-__name(replaceRuntimeIdsInDefs, "replaceRuntimeIdsInDefs");
-function generateShortUuid() {
+function Bn() {
   return Math.random().toString(36).substring(2, 8);
 }
-__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, {
+T.displayName = "UniverIcon";
+var Kn = { 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" } }] }, Re = U(function(n, e) {
+  return $(T, Object.assign({}, n, {
     id: "copy-single",
-    ref,
-    icon: element$3
+    ref: e,
+    icon: Kn
   }));
 });
-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, {
+Re.displayName = "CopySingle";
+var Fn = { 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" } }] }, oe = U(function(n, e) {
+  return $(T, Object.assign({}, n, {
     id: "link-single",
-    ref,
-    icon: element$2
+    ref: e,
+    icon: Fn
   }));
 });
-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, {
+oe.displayName = "LinkSingle";
+var Vn = { 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" } }] }, be = U(function(n, e) {
+  return $(T, Object.assign({}, n, {
     id: "unlink-single",
-    ref,
-    icon: element$1
+    ref: e,
+    icon: Vn
   }));
 });
-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, {
+be.displayName = "UnlinkSingle";
+var Yn = { 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" } }] }, Me = U(function(n, e) {
+  return $(T, Object.assign({}, n, {
     id: "write-single",
-    ref,
-    icon: element
+    ref: e,
+    icon: Yn
   }));
 });
-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;
+Me.displayName = "WriteSingle";
+function we(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 = we(n[e])) && (i && (i += " "), i += t);
+  } else for (t in n) n[t] && (i && (i += " "), i += t);
+  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;
+function Le() {
+  for (var n, e, t = 0, i = "", r = arguments.length; t < r; t++) (n = arguments[t]) && (e = we(n)) && (i && (i += " "), i += e);
+  return i;
 }
-__name(clsx, "clsx");
-const DeleteDocHyperLinkCommand = {
-  type: CommandType.COMMAND,
+const De = {
+  type: b.COMMAND,
   id: "docs.command.delete-hyper-link",
-  async handler(accessor, params) {
-    if (!params)
+  async handler(n, e) {
+    if (!e)
       return !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;
+    const { unitId: t, linkId: i, segmentId: r } = e, o = n.get(O), s = nn(n, { unitId: t, rangeId: i, segmentId: r });
+    return s ? await o.syncExecuteCommand(s.id, s.params) : !1;
   }
-}, shouldDisableAddLink = /* @__PURE__ */ __name((accessor) => {
-  const textSelectionService = accessor.get(DocSelectionManagerService), univerInstanceService = accessor.get(IUniverInstanceService), textRanges = textSelectionService.getTextRanges();
-  if (!(textRanges != null && textRanges.length))
+}, Ne = (n) => {
+  const e = n.get(M), t = n.get(x), i = e.getTextRanges();
+  if (!(i != null && i.length))
     return !0;
-  const activeRange = textRanges[0];
-  return !!(!univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_DOC) || !activeRange || activeRange.collapsed);
-}, "shouldDisableAddLink"), ShowDocHyperLinkEditPopupOperation = {
-  type: CommandType.OPERATION,
+  const r = i[0];
+  return !!(!t.getCurrentUnitForType(I.UNIVER_DOC) || !r || r.collapsed);
+}, R = {
+  type: b.OPERATION,
   id: "doc.operation.show-hyper-link-edit-popup",
-  handler(accessor, params) {
-    var _a7;
-    const linkInfo = params == null ? void 0 : params.link, univerInstanceService = accessor.get(IUniverInstanceService);
-    if (shouldDisableAddLink(accessor) && !linkInfo)
+  handler(n, e) {
+    var s;
+    const t = e == null ? void 0 : e.link, i = n.get(x);
+    if (Ne(n) && !t)
       return !1;
-    const hyperLinkService = accessor.get(DocHyperLinkPopupService), unitId = (linkInfo == null ? void 0 : linkInfo.unitId) || ((_a7 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_DOC)) == null ? void 0 : _a7.getUnitId());
-    return unitId ? (hyperLinkService.showEditPopup(unitId, linkInfo), !0) : !1;
+    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;
   }
-}, ToggleDocHyperLinkInfoPopupOperation = {
-  type: CommandType.OPERATION,
+}, te = {
+  type: b.OPERATION,
   id: "doc.operation.toggle-hyper-link-info-popup",
-  handler(accessor, params) {
-    const hyperLinkService = accessor.get(DocHyperLinkPopupService);
-    return params ? (hyperLinkService.showInfoPopup(params), !0) : (hyperLinkService.hideInfoPopup(), !0);
+  handler(n, e) {
+    const t = n.get(L);
+    return e ? (t.showInfoPopup(e), !0) : (t.hideInfoPopup(), !0);
   }
-}, ClickDocHyperLinkOperation = {
-  type: CommandType.OPERATION,
+}, Ue = {
+  type: b.OPERATION,
   id: "doc.operation.click-hyper-link",
-  handler(accessor, params) {
-    var _a7, _b, _c;
-    if (!params)
+  handler(n, e) {
+    var u, h, m;
+    if (!e)
       return !1;
-    const { unitId, linkId, segmentId } = params, doc = accessor.get(IUniverInstanceService).getUnit(unitId, UniverInstanceType.UNIVER_DOC), body = doc == null ? void 0 : doc.getSelfOrHeaderFooterModel(segmentId).getBody(), link = (_c = (_b = (_a7 = body == null ? void 0 : body.customRanges) == null ? void 0 : _a7.find((range) => range.rangeId === linkId && range.rangeType === CustomRangeType.HYPERLINK)) == null ? void 0 : _b.properties) == null ? void 0 : _c.url;
-    return link && window.open(link, "_blank", "noopener noreferrer"), !0;
-  }
-}, docLink = "univer-doc-link", docLinkType = "univer-doc-link-type", docLinkContent = "univer-doc-link-content", docLinkContentError = "univer-doc-link-content-error", docLinkUrl = "univer-doc-link-url", docLinkOperations = "univer-doc-link-operations", docLinkOperation = "univer-doc-link-operation", docLinkOperationError = "univer-doc-link-operation-error", styles = {
-  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)
+    const { unitId: t, linkId: i, segmentId: r } = e, s = n.get(x).getUnit(t, I.UNIVER_DOC), c = s == null ? void 0 : s.getSelfOrHeaderFooterModel(r).getBody(), l = (m = (h = (u = c == null ? void 0 : c.customRanges) == null ? void 0 : u.find((f) => f.rangeId === i && f.rangeType === D.HYPERLINK)) == null ? void 0 : h.properties) == null ? void 0 : m.url;
+    return l && window.open(l, "_blank", "noopener noreferrer"), !0;
+  }
+}, Zn = "univer-doc-link", Wn = "univer-doc-link-type", Gn = "univer-doc-link-content", zn = "univer-doc-link-content-error", qn = "univer-doc-link-url", Jn = "univer-doc-link-operations", Qn = "univer-doc-link-operation", Xn = "univer-doc-link-operation-error", y = {
+  docLink: Zn,
+  docLinkType: Wn,
+  docLinkContent: Gn,
+  docLinkContentError: zn,
+  docLinkUrl: qn,
+  docLinkOperations: Jn,
+  docLinkOperation: Qn,
+  docLinkOperationError: Xn
+}, Y = () => {
+  var C, a;
+  const n = S(L), e = S(O), t = S(mn), i = S(Oe), r = vn(n.showingLink$), o = S(x);
+  if (!r)
     return null;
-  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)
+  const { unitId: s, linkId: c, segmentId: l, startIndex: u, endIndex: h } = r, m = o.getUnit(s, I.UNIVER_DOC), f = m == null ? void 0 : m.getSelfOrHeaderFooterModel(l).getBody(), d = (C = f == null ? void 0 : f.customRanges) == null ? void 0 : C.find((k) => k.rangeId === c && k.rangeType === D.HYPERLINK && k.startIndex === u && k.endIndex === h);
+  if (!d)
     return null;
-  const url = (_b = link.properties) == null ? void 0 : _b.url;
-  return /* @__PURE__ */ jsxs(
+  const p = (a = d.properties) == null ? void 0 : a.url;
+  return /* @__PURE__ */ E(
     "div",
     {
-      className: styles.docLink,
-      onClick: /* @__PURE__ */ __name(() => {
-        hyperLinkService.hideInfoPopup();
-      }, "onClick"),
+      className: y.docLink,
+      onClick: () => {
+        n.hideInfoPopup();
+      },
       children: [
-        /* @__PURE__ */ jsxs("div", { className: clsx(styles.docLinkContent), onClick: /* @__PURE__ */ __name(() => window.open(url), "onClick"), children: [
-          /* @__PURE__ */ jsx("div", { className: styles.docLinkType, children: /* @__PURE__ */ jsx(LinkSingle, {}) }),
-          /* @__PURE__ */ jsx(Tooltip, { showIfEllipsis: !0, title: url, children: /* @__PURE__ */ jsx("span", { className: styles.docLinkUrl, children: url }) })
+        /* @__PURE__ */ E("div", { className: Le(y.docLinkContent), onClick: () => window.open(p), children: [
+          /* @__PURE__ */ g("div", { className: y.docLinkType, children: /* @__PURE__ */ g(oe, {}) }),
+          /* @__PURE__ */ g(B, { showIfEllipsis: !0, title: p, children: /* @__PURE__ */ g("span", { className: y.docLinkUrl, children: p }) })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: styles.docLinkOperations, children: [
-          /* @__PURE__ */ jsx(
+        /* @__PURE__ */ E("div", { className: y.docLinkOperations, children: [
+          /* @__PURE__ */ g(
             "div",
             {
-              className: clsx(styles.docLinkOperation),
-              onClick: /* @__PURE__ */ __name(() => {
-                navigator.clipboard.writeText(url), messageService.show({
-                  content: localeService.t("docLink.info.coped"),
-                  type: MessageType.Info
+              className: Le(y.docLinkOperation),
+              onClick: () => {
+                navigator.clipboard.writeText(p), t.show({
+                  content: i.t("docLink.info.coped"),
+                  type: hn.Info
                 });
-              }, "onClick"),
-              children: /* @__PURE__ */ jsx(Tooltip, { placement: "bottom", title: localeService.t("docLink.info.copy"), children: /* @__PURE__ */ jsx(CopySingle, {}) })
+              },
+              children: /* @__PURE__ */ g(B, { placement: "bottom", title: i.t("docLink.info.copy"), children: /* @__PURE__ */ g(Re, {}) })
             }
           ),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ g(
             "div",
             {
-              className: styles.docLinkOperation,
-              onClick: /* @__PURE__ */ __name(() => {
-                commandService.executeCommand(ShowDocHyperLinkEditPopupOperation.id, {
-                  link: currentPopup
+              className: y.docLinkOperation,
+              onClick: () => {
+                e.executeCommand(R.id, {
+                  link: r
                 });
-              }, "onClick"),
-              children: /* @__PURE__ */ jsx(Tooltip, { placement: "bottom", title: localeService.t("docLink.info.edit"), children: /* @__PURE__ */ jsx(WriteSingle, {}) })
+              },
+              children: /* @__PURE__ */ g(B, { placement: "bottom", title: i.t("docLink.info.edit"), children: /* @__PURE__ */ g(Me, {}) })
             }
           ),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ g(
             "div",
             {
-              className: styles.docLinkOperation,
-              onClick: /* @__PURE__ */ __name(() => {
-                commandService.executeCommand(DeleteDocHyperLinkCommand.id, {
-                  unitId,
-                  linkId: link.rangeId,
-                  segmentId
+              className: y.docLinkOperation,
+              onClick: () => {
+                e.executeCommand(De.id, {
+                  unitId: s,
+                  linkId: d.rangeId,
+                  segmentId: l
                 });
-              }, "onClick"),
-              children: /* @__PURE__ */ jsx(Tooltip, { placement: "bottom", title: localeService.t("docLink.info.cancel"), children: /* @__PURE__ */ jsx(UnlinkSingle, {}) })
+              },
+              children: /* @__PURE__ */ g(B, { placement: "bottom", title: i.t("docLink.info.cancel"), children: /* @__PURE__ */ g(be, {}) })
             }
           )
         ] })
       ]
     }
   );
-}, "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) {
+};
+Y.componentKey = "univer.doc.link-info-popup";
+var et = Object.defineProperty, nt = Object.getOwnPropertyDescriptor, tt = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? nt(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 && et(e, t, r), r;
+}, J = (n, e) => (t, i) => e(t, i, n);
+let L = class extends N {
+  constructor(e, t, i) {
     super();
-    __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(() => {
+    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(() => {
       this._editingLink$.complete(), this._showingLink$.complete();
     });
   }
@@ -426,94 +416,94 @@ let DocHyperLinkPopupService = (_a = class extends Disposable {
   get showing() {
     return this._showingLink$.value;
   }
-  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 = {
+  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: l } = t;
+      r = {
         collapsed: !1,
-        startOffset: startIndex,
-        endOffset: endIndex + 1,
-        segmentId,
-        segmentPage
+        startOffset: c,
+        endOffset: l + 1,
+        segmentId: o,
+        segmentPage: s
       }, this._textSelectionManagerService.replaceDocRanges([{
-        startOffset: startIndex,
-        endOffset: endIndex + 1
+        startOffset: c,
+        endOffset: l + 1
       }]);
     }
-    return activeRange ? (this._editPopup = this._docCanvasPopupManagerService.attachPopupToRange(
-      activeRange,
+    return r ? (this._editPopup = this._docCanvasPopupManagerService.attachPopupToRange(
+      r,
       {
-        componentKey: DocHyperLinkEdit.componentKey,
+        componentKey: V.componentKey,
         direction: "bottom"
       },
-      unitId
+      e
     ), this._editPopup) : null;
   }
   hideEditPopup() {
-    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(
+    var e;
+    this._editingLink$.next(null), (e = this._editPopup) == null || e.dispose();
+  }
+  showInfoPopup(e) {
+    var u, h, m, f, d, p;
+    const { linkId: t, unitId: i, segmentId: r, segmentPage: o, startIndex: s, endIndex: c } = e;
+    if (!(((u = this.showing) == null ? void 0 : u.linkId) === t && ((h = this.showing) == null ? void 0 : h.unitId) === i && ((m = this.showing) == null ? void 0 : m.segmentId) === r && ((f = this.showing) == null ? void 0 : f.segmentPage) === o && ((d = this.showing) == null ? void 0 : d.startIndex) === s && ((p = this.showing) == null ? void 0 : p.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(
         {
           collapsed: !1,
-          startOffset: startIndex,
-          endOffset: endIndex + 1,
-          segmentId,
-          segmentPage
+          startOffset: s,
+          endOffset: c + 1,
+          segmentId: r,
+          segmentPage: o
         },
         {
-          componentKey: DocLinkPopup.componentKey,
+          componentKey: Y.componentKey,
           direction: "top-center",
           multipleDirection: "top",
-          onClickOutside: /* @__PURE__ */ __name(() => {
+          onClickOutside: () => {
             this.hideInfoPopup();
-          }, "onClickOutside")
+          }
         },
-        unitId
+        i
       ), this._infoPopup;
   }
   hideInfoPopup() {
-    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();
+    var e;
+    this._showingLink$.next(null), (e = this._infoPopup) == null || e.dispose();
+  }
+};
+L = tt([
+  J(0, _(cn)),
+  J(1, _(M)),
+  J(2, x)
+], L);
+var it = Object.defineProperty, rt = Object.getOwnPropertyDescriptor, ot = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? rt(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 && it(e, t, r), r;
+}, Q = (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();
   }
   _initSelectionChange() {
     this.disposeWithMe(
-      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 });
+      this._commandService.onCommandExecuted((n) => {
+        var e, t, i;
+        if (n.id === tn.id) {
+          const r = n.params, { unitId: o, ranges: s, segmentId: c } = r, l = this._univerInstanceService.getUnit(o, I.UNIVER_DOC), u = s[0];
+          if (u && l) {
+            const { startOffset: h, endOffset: m, collapsed: f, segmentPage: d } = u, p = (t = (e = l.getSelfOrHeaderFooterModel(c)) == null ? void 0 : e.getBody()) == null ? void 0 : t.customRanges;
+            if (f) {
+              const C = (i = p == null ? void 0 : p.findIndex((a) => a.startIndex < h && a.endIndex > m - 1)) != null ? i : -1;
+              if (C > -1) {
+                const a = p[C];
+                this._docHyperLinkService.showInfoPopup({ unitId: o, linkId: a.rangeId, segmentId: c, segmentPage: d, startIndex: a.startIndex, endIndex: a.endIndex });
                 return;
               }
-            } else if (customRanges == null ? void 0 : customRanges.find((value) => value.startIndex <= startOffset && value.endIndex >= endOffset - 1))
+            } else if (p == null ? void 0 : p.find((a) => a.startIndex <= h && a.endIndex >= m - 1))
               return;
           }
           this._docHyperLinkService.hideInfoPopup(), this._docHyperLinkService.hideEditPopup();
@@ -521,48 +511,48 @@ let DocHyperLinkSelectionController = (_a2 = class extends Disposable {
       })
     );
   }
-}, __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());
+};
+Z = ot([
+  Q(0, O),
+  Q(1, x),
+  Q(2, _(L))
+], Z);
+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;
+}, w = (n, e) => (t, i) => e(t, i, n);
+let ie = 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 === Ve || this._context.unitId === Ye) && (this._initHover(), this._initClick());
   }
   get _skeleton() {
     return this._docSkeletonManagerService.getSkeleton();
   }
   _hideInfoPopup() {
     this._hyperLinkPopupService.showing && this._commandService.executeCommand(
-      ToggleDocHyperLinkInfoPopupOperation.id
+      te.id
     );
   }
   _initHover() {
     this.disposeWithMe(
-      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._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._hideInfoPopup();
           return;
         }
-        link ? this._commandService.executeCommand(
-          ToggleDocHyperLinkInfoPopupOperation.id,
+        e ? this._commandService.executeCommand(
+          te.id,
           {
             unitId: this._context.unitId,
-            linkId: link.range.rangeId,
-            segmentId: link.segmentId,
-            segmentPage: link.segmentPageIndex,
-            rangeId: link.range.rangeId,
-            startIndex: link.range.startIndex,
-            endIndex: link.range.endIndex
+            linkId: e.range.rangeId,
+            segmentId: e.segmentId,
+            segmentPage: e.segmentPageIndex,
+            rangeId: e.range.rangeId,
+            startIndex: e.range.startIndex,
+            endIndex: e.range.endIndex
           }
         ) : this._hideInfoPopup();
       })
@@ -570,203 +560,202 @@ let DocHyperLinkEventRenderController = (_a3 = class extends Disposable {
   }
   _initClick() {
     this.disposeWithMe(
-      this._docEventManagerService.clickCustomRanges$.subscribe((range) => {
-        const link = range.range;
-        link && this._commandService.executeCommand(
-          ClickDocHyperLinkOperation.id,
+      this._docEventManagerService.clickCustomRanges$.subscribe((n) => {
+        const e = n.range;
+        e && this._commandService.executeCommand(
+          Ue.id,
           {
             unitId: this._context.unitId,
-            linkId: link.rangeId,
-            segmentId: range.segmentId
+            linkId: e.rangeId,
+            segmentId: n.segmentId
           }
         );
       })
     );
   }
-}, __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();
+};
+ie = dt([
+  w(1, _(dn)),
+  w(2, O),
+  w(3, _(L)),
+  w(4, _(rn)),
+  w(5, _(M))
+], ie);
+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 re = 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();
   }
   _init() {
-    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,
+    this._docInterceptorService.intercept(sn.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,
             active: !1
           });
-        const { linkId, unitId: linkUnitId, startIndex, endIndex } = activeLink, isActive = linkUnitId === unitId && data.rangeId === linkId && index >= startIndex && index <= endIndex;
-        return next({
-          ...data,
-          active: isActive
+        const { linkId: s, unitId: c, startIndex: l, endIndex: u } = o, h = c === i && n.rangeId === s && r >= l && r <= u;
+        return t({
+          ...n,
+          active: h
         });
-      }, "handler")
+      }
     });
   }
   _initReRender() {
     this.disposeWithMe(this._hyperLinkService.showingLink$.pipe(
-      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);
+      un((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)),
+      pn()
+    ).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);
     }));
   }
-}, __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) {
+};
+re = ut([
+  X(1, _(on)),
+  X(2, _(L)),
+  X(3, _(an))
+], re);
+const $e = "doc-hyper-link-icon";
+function ke(n) {
   return {
-    id: ShowDocHyperLinkEditPopupOperation.id,
-    type: MenuItemType.BUTTON,
-    icon: DOC_LINK_ICON,
+    id: R.id,
+    type: In.BUTTON,
+    icon: $e,
     title: "docLink.menu.tooltip",
     tooltip: "docLink.menu.tooltip",
-    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));
+    hidden$: Cn(n, I.UNIVER_DOC),
+    disabled$: new fn(function(e) {
+      const i = n.get(M).textSelection$.pipe(gn(16)).subscribe(() => {
+        e.next(Ne(n));
       });
       return () => {
-        observer.unsubscribe();
+        i.unsubscribe();
       };
     })
   };
 }
-__name(AddHyperLinkMenuItemFactory, "AddHyperLinkMenuItemFactory");
-const addLinkShortcut = {
-  id: ShowDocHyperLinkEditPopupOperation.id,
-  binding: MetaKeys.CTRL_COMMAND | KeyCode.K,
+const pt = {
+  id: R.id,
+  binding: _n.CTRL_COMMAND | ne.K,
   description: "docLink.menu.tooltip",
-  preconditions: whenDocAndEditorFocused
-}, menuSchema = {
-  [RibbonStartGroup.OTHERS]: {
-    [ShowDocHyperLinkEditPopupOperation.id]: {
+  preconditions: ln
+}, ft = {
+  [Sn.OTHERS]: {
+    [R.id]: {
       order: 0,
-      menuItemFactory: AddHyperLinkMenuItemFactory
+      menuItemFactory: ke
     }
   },
-  [ContextMenuPosition.MAIN_AREA]: {
-    [ContextMenuGroup.DATA]: {
-      [ShowDocHyperLinkEditPopupOperation.id]: {
+  [Ln.MAIN_AREA]: {
+    [kn.DATA]: {
+      [R.id]: {
         order: 0,
-        menuItemFactory: AddHyperLinkMenuItemFactory
+        menuItemFactory: ke
       }
     }
   }
 };
-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();
+var gt = Object.defineProperty, ht = Object.getOwnPropertyDescriptor, mt = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? ht(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 && gt(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();
   }
   _initComponents() {
     [
-      [DocHyperLinkEdit, DocHyperLinkEdit.componentKey],
-      [DocLinkPopup, DocLinkPopup.componentKey],
-      [LinkSingle, DOC_LINK_ICON]
-    ].forEach(([comp, key]) => {
-      this._componentManager.register(key, comp);
+      [V, V.componentKey],
+      [Y, Y.componentKey],
+      [oe, $e]
+    ].forEach(([n, e]) => {
+      this._componentManager.register(e, n);
     });
   }
   _initCommands() {
     [
-      AddDocHyperLinkCommand,
-      UpdateDocHyperLinkCommand,
-      DeleteDocHyperLinkCommand,
-      ShowDocHyperLinkEditPopupOperation,
-      ToggleDocHyperLinkInfoPopupOperation,
-      ClickDocHyperLinkOperation
-    ].forEach((command) => {
-      this._commandService.registerCommand(command);
+      xe,
+      Pe,
+      De,
+      R,
+      te,
+      Ue
+    ].forEach((n) => {
+      this._commandService.registerCommand(n);
     });
   }
   _initShortcut() {
-    [addLinkShortcut].forEach((shortcut) => {
-      this._shortcutService.registerShortcut(shortcut);
+    [pt].forEach((n) => {
+      this._shortcutService.registerShortcut(n);
     });
   }
   _initMenus() {
-    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(
+    this._menuManagerService.mergeMenu(ft);
+  }
+};
+W = mt([
+  F(0, _(yn)),
+  F(1, O),
+  F(2, On),
+  F(3, xn)
+], W);
+const vt = "DOC_HYPER_LINK_UI_PLUGIN";
+var Te = Object.defineProperty, _t = Object.getOwnPropertyDescriptor, It = (n, e, t) => e in n ? Te(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, Ct = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? _t(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 && Te(e, t, r), r;
+}, ee = (n, e) => (t, i) => e(t, i, n), He = (n, e, t) => It(n, typeof e != "symbol" ? e + "" : e, t);
+let G = class extends Ge {
+  constructor(n = Se, e, t, i) {
+    super(), this._config = n, this._injector = e, this._renderManagerSrv = t, this._configService = i;
+    const { menu: r, ...o } = ze(
       {},
-      defaultPluginConfig,
+      Se,
       this._config
     );
-    menu && this._configService.setConfig("menu", menu, { merge: !0 }), this._configService.setConfig(DOCS_HYPER_LINK_UI_PLUGIN_CONFIG_KEY, rest);
+    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(Rn, o);
   }
   onStarting() {
     [
-      [DocHyperLinkPopupService],
-      [DocHyperLinkUIController],
-      [DocHyperLinkSelectionController]
-    ].forEach((dep) => {
-      this._injector.add(dep);
-    }), this._injector.get(DocHyperLinkUIController);
+      [L],
+      [W],
+      [Z]
+    ].forEach((e) => {
+      this._injector.add(e);
+    }), this._injector.get(W);
   }
   onReady() {
-    this._injector.get(DocHyperLinkSelectionController);
+    this._injector.get(Z);
   }
   onRendered() {
     this._initRenderModule();
   }
   _initRenderModule() {
     [
-      [DocHyperLinkRenderController],
-      [DocHyperLinkEventRenderController]
-    ].forEach((dep) => {
-      this._renderManagerSrv.registerRenderModule(UniverInstanceType.UNIVER_DOC, dep);
+      [re],
+      [ie]
+    ].forEach((n) => {
+      this._renderManagerSrv.registerRenderModule(I.UNIVER_DOC, n);
     });
   }
-}, __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);
+};
+He(G, "pluginName", vt);
+He(G, "type", I.UNIVER_DOC);
+G = Ct([
+  Ze(Je),
+  ee(1, _(We)),
+  ee(2, Qe),
+  ee(3, qe)
+], G);
 export {
-  UniverDocsHyperLinkUIPlugin
+  G as UniverDocsHyperLinkUIPlugin
 };