@univerjs/docs-hyper-link-ui 0.4.2 → 0.5.0-nightly.202411091605

package/lib/es/index.js

@@ -1,418 +1,448 @@
-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, DataStreamTreeTokenType, useDependency, LocaleService, useObservable, Tools, BuildTextUtils, Disposable, Inject, DependentOn, Injector, Plugin, IConfigService } from "@univerjs/core";
-import { UniverDocsHyperLinkPlugin } from "@univerjs/docs-hyper-link";
-import { IRenderManagerService } from "@univerjs/engine-render";
-import { DocSelectionManagerService, SetTextSelectionsOperation, DocSkeletonManagerService, DocInterceptorService, DOC_INTERCEPTOR_POINT } from "@univerjs/docs";
-import { addCustomRangeBySelectionFactory, replaceSelectionFactory, deleteCustomRangeFactory, DocCanvasPopManagerService, DocEventManagerService, DocRenderController, whenDocAndEditorFocused } from "@univerjs/docs-ui";
-import { BehaviorSubject, distinctUntilChanged, pairwise, Observable, debounceTime } from "rxjs";
-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 React, { useState, useEffect, forwardRef, useRef, createElement } from "react";
-const PLUGIN_CONFIG_KEY = "docs-hyper-link-ui.config", defaultPluginConfig = {}, AddDocHyperLinkCommand = {
-  type: CommandType.COMMAND,
+var Be = Object.defineProperty;
+var Ae = (n, e, t) => e in n ? Be(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 E, ICommandService as x, generateRandomId as Fe, CustomRangeType as b, IUniverInstanceService as O, UniverInstanceType as I, getBodySlice as ye, useDependency as L, LocaleService as ke, useObservable as Ke, Tools as Ve, BuildTextUtils as ne, Disposable as D, Inject as _, DependentOn as We, Injector as Ye, Plugin as Ge, IConfigService as Ze } from "@univerjs/core";
+import { UniverDocsHyperLinkPlugin as ze } from "@univerjs/docs-hyper-link";
+import { IRenderManagerService as qe } from "@univerjs/engine-render";
+import { addCustomRangeBySelectionFactory as Je, DocSelectionManagerService as M, replaceSelectionFactory as Qe, deleteCustomRangeFactory as Xe, SetTextSelectionsOperation as en, DocSkeletonManagerService as nn, DocInterceptorService as tn, DOC_INTERCEPTOR_POINT as rn } from "@univerjs/docs";
+import { DocCanvasPopManagerService as on, DocEventManagerService as sn, DocRenderController as cn, whenDocAndEditorFocused as dn } from "@univerjs/docs-ui";
+import { BehaviorSubject as me, distinctUntilChanged as an, pairwise as ln, Observable as un, debounceTime as pn } from "rxjs";
+import fn, { useState as q, useEffect as gn, forwardRef as N, useRef as hn, createElement as j } from "react";
+import { FormLayout as _e, Input as Ie, Button as Ce, Tooltip as B, MessageType as vn } from "@univerjs/design";
+import { KeyCode as te, IMessageService as mn, useObservable as _n, MetaKeys as In, MenuItemType as Cn, getMenuHiddenObservable as Ln, RibbonStartGroup as Sn, ContextMenuPosition as yn, ContextMenuGroup as kn, ComponentManager as xn, IMenuManagerService as On, IShortcutService as Pn } from "@univerjs/ui";
+const Rn = "docs-hyper-link-ui.config", En = {};
+var xe = { exports: {} }, Z = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var bn = fn, Mn = Symbol.for("react.element"), wn = Symbol.for("react.fragment"), Dn = Object.prototype.hasOwnProperty, Nn = bn.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, jn = { key: !0, ref: !0, __self: !0, __source: !0 };
+function Oe(n, e, t) {
+  var i, r = {}, s = null, o = null;
+  t !== void 0 && (s = "" + t), e.key !== void 0 && (s = "" + e.key), e.ref !== void 0 && (o = e.ref);
+  for (i in e) Dn.call(e, i) && !jn.hasOwnProperty(i) && (r[i] = e[i]);
+  if (n && n.defaultProps) for (i in e = n.defaultProps, e) r[i] === void 0 && (r[i] = e[i]);
+  return { $$typeof: Mn, type: n, key: s, ref: o, props: r, _owner: Nn.current };
+}
+Z.Fragment = wn;
+Z.jsx = Oe;
+Z.jsxs = Oe;
+xe.exports = Z;
+var a = xe.exports;
+const Pe = {
+  type: E.COMMAND,
   id: "docs.command.add-hyper-link",
-  async handler(accessor, params) {
-    if (!params)
+  async handler(n, e) {
+    if (!e)
       return !1;
-    const { payload, unitId, selection } = params, commandService = accessor.get(ICommandService), id = generateRandomId(), doMutation = addCustomRangeBySelectionFactory(
-      accessor,
+    const { payload: t, unitId: i, selection: r } = e, s = n.get(x), o = Fe(), c = Je(
+      n,
       {
-        rangeId: id,
-        rangeType: CustomRangeType.HYPERLINK,
+        rangeId: o,
+        rangeType: b.HYPERLINK,
         properties: {
-          url: payload
+          url: t
         },
-        unitId,
-        selection
+        unitId: i,
+        selection: r
       }
     );
-    return doMutation ? commandService.syncExecuteCommand(doMutation.id, doMutation.params) : !1;
+    return c ? s.syncExecuteCommand(c.id, c.params) : !1;
   }
-}, UpdateDocHyperLinkCommand = {
+}, Re = {
   id: "docs.command.update-hyper-link",
-  type: CommandType.COMMAND,
-  handler(accessor, params) {
-    var _a7;
-    if (!params)
+  type: E.COMMAND,
+  handler(n, e) {
+    var h;
+    if (!e)
       return !1;
-    const { unitId, payload, segmentId } = 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: s } = e, o = n.get(x), c = n.get(O), l = n.get(M).getActiveTextRange(), u = c.getUnit(t, I.UNIVER_DOC);
+    if (!l || !u)
       return !1;
-    const newId = generateRandomId(), 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 p = (h = ye(u.getSelfOrHeaderFooterModel(r).getBody(), l.startOffset, l.endOffset).textRuns) == null ? void 0 : h[0];
+    p && (p.ed = e.label.length + 1);
+    const d = Qe(n, {
+      unitId: t,
       body: {
-        dataStream: `${DataStreamTreeTokenType.CUSTOM_RANGE_START}${params.label}${DataStreamTreeTokenType.CUSTOM_RANGE_END}`,
+        dataStream: `${e.label}`,
         customRanges: [{
-          rangeId: newId,
-          rangeType: CustomRangeType.HYPERLINK,
+          rangeId: s,
+          rangeType: b.HYPERLINK,
           startIndex: 0,
-          endIndex: params.label.length + 1,
+          endIndex: e.label.length + 1,
           properties: {
-            url: payload
+            url: i
           }
         }],
-        textRuns: textRun ? [textRun] : void 0
+        textRuns: p ? [p] : void 0
       },
       selection: {
-        startOffset: currentSelection.startOffset,
-        endOffset: currentSelection.endOffset,
+        startOffset: l.startOffset,
+        endOffset: l.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 ? o.syncExecuteCommand(d.id, d.params) : !1;
+  }
+}, $n = "univer-docs-link-edit", Un = "univer-docs-link-edit-title", Tn = "univer-docs-link-edit-close", Hn = "univer-docs-link-edit-buttons", Bn = "univer-docs-link-edit-button", A = {
+  docsLinkEdit: $n,
+  docsLinkEditTitle: Un,
+  docsLinkEditClose: Tn,
+  docsLinkEditButtons: Hn,
+  docsLinkEditButton: Bn
 };
-function hasProtocol(urlString) {
-  return /^[a-zA-Z]+:\/\//.test(urlString);
+function An(n) {
+  return /^[a-zA-Z]+:\/\//.test(n);
 }
-__name(hasProtocol, "hasProtocol");
-function isEmail(url) {
-  return /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/.test(url);
+function Fn(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 Kn(n) {
+  return An(n) ? n : Fn(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 K = () => {
+  const n = L(S), e = L(ke), t = Ke(n.editingLink$), i = L(x), r = L(O), s = L(M), [o, c] = q(""), [g, l] = q(""), [u, v] = q(!1), p = Ve.isLegalUrl(o), d = t ? r.getUnit(t.unitId, I.UNIVER_DOC) : r.getCurrentUnitForType(I.UNIVER_DOC);
+  gn(() => {
+    var de, ae, le, ue, pe, fe, ge, he, ve;
+    const f = s.getActiveTextRange();
+    if (!f)
       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);
-      doc && matchedRange2 && (setLink((_d = (_c = matchedRange2.properties) == null ? void 0 : _c.url) != null ? _d : ""), setLabel(BuildTextUtils.transform.getPlainText(getBodySlice(body2, matchedRange2.startIndex, matchedRange2.endIndex).dataStream)));
+    if (t) {
+      const T = (de = d == null ? void 0 : d.getSelfOrHeaderFooterModel(t.segmentId)) == null ? void 0 : de.getBody(), H = (ae = T == null ? void 0 : T.customRanges) == null ? void 0 : ae.find((z) => (t == null ? void 0 : t.linkId) === z.rangeId && z.startIndex === t.startIndex && z.endIndex === t.endIndex);
+      d && H && (c((ue = (le = H.properties) == null ? void 0 : le.url) != null ? ue : ""), l(ne.transform.getPlainText(ye(T, H.startIndex, H.endIndex + 1).dataStream)));
       return;
     }
-    const body = (_e = doc == null ? void 0 : doc.getSelfOrHeaderFooterModel(activeRange.segmentId)) == null ? void 0 : _e.getBody(), selection = body ? BuildTextUtils.selection.getInsertSelection(activeRange, body) : 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 y = (pe = d == null ? void 0 : d.getSelfOrHeaderFooterModel(f.segmentId)) == null ? void 0 : pe.getBody(), ce = y ? f : null, U = ce && ((ge = ne.customRange.getCustomRangesInterestsWithSelection(ce, (fe = y == null ? void 0 : y.customRanges) != null ? fe : [])) == null ? void 0 : ge[0]);
+    d && U && c((ve = (he = U == null ? void 0 : U.properties) == null ? void 0 : he.url) != null ? ve : "");
+  }, [d, t, s, r]);
+  const h = () => {
+    n.hideEditPopup();
+  }, C = () => {
+    if (v(!0), !p || !d)
       return;
-    const linkFinal = transformUrl(link);
-    if (!editing)
-      commandService.executeCommand(AddDocHyperLinkCommand.id, {
-        unitId: doc.getUnitId(),
-        payload: linkFinal
+    const f = Kn(o);
+    if (!t)
+      i.executeCommand(Pe.id, {
+        unitId: d.getUnitId(),
+        payload: f
       });
     else {
-      if (!label)
+      if (!g)
         return;
-      commandService.executeCommand(UpdateDocHyperLinkCommand.id, {
-        unitId: doc.getUnitId(),
-        payload: linkFinal,
-        linkId: editing.linkId,
-        label,
-        segmentId: editing.segmentId
+      i.executeCommand(Re.id, {
+        unitId: d.getUnitId(),
+        payload: f,
+        linkId: t.linkId,
+        label: g,
+        segmentId: t.segmentId
       });
     }
-    hyperLinkService.hideEditPopup();
-  }, "handleConfirm");
-  if (doc)
-    return /* @__PURE__ */ React.createElement("div", { className: styles$1.docsLinkEdit }, /* @__PURE__ */ React.createElement("div", null, editing ? /* @__PURE__ */ React.createElement(
-      FormLayout,
-      {
-        label: localeService.t("docLink.edit.label"),
-        error: showError && !label ? localeService.t("docLink.edit.labelError") : ""
-      },
-      /* @__PURE__ */ React.createElement(
-        Input,
-        {
-          value: label,
-          onChange: setLabel,
-          autoFocus: !0,
-          onKeyDown: /* @__PURE__ */ __name((evt) => {
-            evt.keyCode === KeyCode.ENTER && handleConfirm();
-          }, "onKeyDown")
-        }
-      )
-    ) : null, /* @__PURE__ */ React.createElement(
-      FormLayout,
-      {
-        label: localeService.t("docLink.edit.address"),
-        error: showError && !isLegal ? localeService.t("docLink.edit.addressError") : ""
-      },
-      /* @__PURE__ */ React.createElement(
-        Input,
-        {
-          value: link,
-          onChange: setLink,
-          autoFocus: !0,
-          onKeyDown: /* @__PURE__ */ __name((evt) => {
-            evt.keyCode === KeyCode.ENTER && handleConfirm();
-          }, "onKeyDown")
-        }
-      )
-    )), /* @__PURE__ */ React.createElement("div", { className: styles$1.docsLinkEditButtons }, /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        className: styles$1.docsLinkEditButton,
-        onClick: handleCancel
-      },
-      localeService.t("docLink.edit.cancel")
-    ), /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        disabled: !link,
-        className: styles$1.docsLinkEditButton,
-        type: "primary",
-        onClick: handleConfirm
-      },
-      localeService.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]);
+    n.hideEditPopup();
+  };
+  if (d)
+    return /* @__PURE__ */ a.jsxs("div", { className: A.docsLinkEdit, children: [
+      /* @__PURE__ */ a.jsxs("div", { children: [
+        t ? /* @__PURE__ */ a.jsx(
+          _e,
+          {
+            label: e.t("docLink.edit.label"),
+            error: u && !g ? e.t("docLink.edit.labelError") : "",
+            children: /* @__PURE__ */ a.jsx(
+              Ie,
+              {
+                value: g,
+                onChange: l,
+                autoFocus: !0,
+                onKeyDown: (f) => {
+                  f.keyCode === te.ENTER && C();
+                }
+              }
+            )
+          }
+        ) : null,
+        /* @__PURE__ */ a.jsx(
+          _e,
+          {
+            label: e.t("docLink.edit.address"),
+            error: u && !p ? e.t("docLink.edit.addressError") : "",
+            children: /* @__PURE__ */ a.jsx(
+              Ie,
+              {
+                value: o,
+                onChange: c,
+                autoFocus: !0,
+                onKeyDown: (f) => {
+                  f.keyCode === te.ENTER && C();
+                }
+              }
+            )
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a.jsxs("div", { className: A.docsLinkEditButtons, children: [
+        /* @__PURE__ */ a.jsx(
+          Ce,
+          {
+            className: A.docsLinkEditButton,
+            onClick: h,
+            children: e.t("docLink.edit.cancel")
+          }
+        ),
+        /* @__PURE__ */ a.jsx(
+          Ce,
+          {
+            disabled: !o,
+            className: A.docsLinkEditButton,
+            type: "primary",
+            onClick: C,
+            children: e.t("docLink.edit.confirm")
+          }
+        )
+      ] })
+    ] });
+};
+K.componentKey = "docs-hyper-link-edit";
+var m = function() {
+  return m = 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;
+  }, m.apply(this, arguments);
+}, Vn = 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);
+}, $ = N(function(n, e) {
+  var t = n.icon, i = n.id, r = n.className, s = n.extend, o = Vn(n, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(i, " ").concat(r || "").trim(), g = hn("_".concat(Gn()));
+  return Ee(t, "".concat(i), { defIds: t.defIds, idSuffix: g.current }, m({ ref: e, className: c }, o), s);
 });
-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 j(n.tag, m(m({ key: e }, Wn(n, t, r)), i), (Yn(n, t).children || []).map(function(s, o) {
+    return Ee(s, "".concat(e, "-").concat(n.tag, "-").concat(o), 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 Wn(n, e, t) {
+  var i = m({}, 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(s) {
+    var o = s[0], c = s[1];
+    typeof c == "string" && (i[o] = 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 Yn(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) ? m(m({}, n), { children: n.children.map(function(r) {
+    return typeof r.attrs.id == "string" && i && i.indexOf(r.attrs.id) > -1 ? m(m({}, r), { attrs: m(m({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
+  }) }) : n;
 }
-__name(replaceRuntimeIdsInDefs, "replaceRuntimeIdsInDefs");
-function generateShortUuid() {
+function Gn() {
   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, {
+$.displayName = "UniverIcon";
+var Zn = { 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" } }] }, be = N(function(n, e) {
+  return j($, Object.assign({}, n, {
     id: "copy-single",
-    ref,
-    icon: element$3
+    ref: e,
+    icon: Zn
   }));
 });
-CopySingle.displayName = "CopySingle";
-var element$2 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.9564 2.91332C4.91407 1.87102 3.22413 1.87101 2.18182 2.91333L2.18182 2.91333C1.13953 3.95567 1.13952 5.6456 2.18182 6.68791L8.27777 12.7838C9.72408 14.2302 12.069 14.2302 13.5154 12.7839L13.0911 12.3596L13.5154 12.7839C14.9617 11.3375 14.9617 8.99257 13.5154 7.54626L8.39476 2.42566C8.16044 2.19134 7.78054 2.19134 7.54623 2.42566C7.31191 2.65997 7.31191 3.03987 7.54623 3.27419L12.6668 8.39479L13.0911 7.97052L12.6668 8.39479C13.6445 9.37247 13.6445 10.9576 12.6668 11.9353L13.0399 12.3084L12.6668 11.9353C11.6891 12.913 10.104 12.913 9.1263 11.9353L3.03035 5.83938C2.45668 5.26571 2.45667 4.33556 3.03036 3.76184C3.60403 3.18818 4.53416 3.18817 5.10788 3.76185C5.10788 3.76186 5.10788 3.76186 5.10789 3.76186L11.2038 9.8578L11.601 9.46061L11.2038 9.8578C11.3735 10.0275 11.3735 10.3026 11.2038 10.4723L11.2038 10.4723C11.0341 10.642 10.759 10.642 10.5893 10.4723L5.46874 5.35171C5.23442 5.1174 4.85452 5.1174 4.62021 5.35171C4.38589 5.58602 4.38589 5.96592 4.62021 6.20024L9.74078 11.3208C10.3791 11.9591 11.414 11.9591 12.0523 11.3208C12.0523 11.3208 12.0523 11.3208 12.0523 11.3208M12.0523 11.3208C12.6907 10.6825 12.6906 9.64757 12.0523 9.00927L5.95641 2.91333L5.9564 2.91332", fillRule: "evenodd", clipRule: "evenodd" } }] }, LinkSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
+be.displayName = "CopySingle";
+var zn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.9564 2.91332C4.91407 1.87102 3.22413 1.87101 2.18182 2.91333L2.18182 2.91333C1.13953 3.95567 1.13952 5.6456 2.18182 6.68791L8.27777 12.7838C9.72408 14.2302 12.069 14.2302 13.5154 12.7839L13.0911 12.3596L13.5154 12.7839C14.9617 11.3375 14.9617 8.99257 13.5154 7.54626L8.39476 2.42566C8.16044 2.19134 7.78054 2.19134 7.54623 2.42566C7.31191 2.65997 7.31191 3.03987 7.54623 3.27419L12.6668 8.39479L13.0911 7.97052L12.6668 8.39479C13.6445 9.37247 13.6445 10.9576 12.6668 11.9353L13.0399 12.3084L12.6668 11.9353C11.6891 12.913 10.104 12.913 9.1263 11.9353L3.03035 5.83938C2.45668 5.26571 2.45667 4.33556 3.03036 3.76184C3.60403 3.18818 4.53416 3.18817 5.10788 3.76185C5.10788 3.76186 5.10788 3.76186 5.10789 3.76186L11.2038 9.8578L11.601 9.46061L11.2038 9.8578C11.3735 10.0275 11.3735 10.3026 11.2038 10.4723L11.2038 10.4723C11.0341 10.642 10.759 10.642 10.5893 10.4723L5.46874 5.35171C5.23442 5.1174 4.85452 5.1174 4.62021 5.35171C4.38589 5.58602 4.38589 5.96592 4.62021 6.20024L9.74078 11.3208C10.3791 11.9591 11.414 11.9591 12.0523 11.3208C12.0523 11.3208 12.0523 11.3208 12.0523 11.3208M12.0523 11.3208C12.6907 10.6825 12.6906 9.64757 12.0523 9.00927L5.95641 2.91333L5.9564 2.91332", fillRule: "evenodd", clipRule: "evenodd" } }] }, se = N(function(n, e) {
+  return j($, Object.assign({}, n, {
     id: "link-single",
-    ref,
-    icon: element$2
+    ref: e,
+    icon: zn
   }));
 });
-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, {
+se.displayName = "LinkSingle";
+var qn = { 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" } }] }, Me = N(function(n, e) {
+  return j($, Object.assign({}, n, {
     id: "unlink-single",
-    ref,
-    icon: element$1
+    ref: e,
+    icon: qn
   }));
 });
-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, {
+Me.displayName = "UnlinkSingle";
+var Jn = { 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" } }] }, we = N(function(n, e) {
+  return j($, Object.assign({}, n, {
     id: "write-single",
-    ref,
-    icon: element
+    ref: e,
+    icon: Jn
   }));
 });
-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;
+we.displayName = "WriteSingle";
+function De(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 = De(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 = De(n)) && (i && (i += " "), i += e);
+  return i;
 }
-__name(clsx, "clsx");
-const DeleteDocHyperLinkCommand = {
-  type: CommandType.COMMAND,
+const Ne = {
+  type: E.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, s = n.get(x), o = Xe(n, { unitId: t, rangeId: i, segmentId: r });
+    return o ? await s.syncExecuteCommand(o.id, o.params) : !1;
   }
-}, shouldDisableAddLink = /* @__PURE__ */ __name((accessor) => {
-  var _a7;
-  const textSelectionService = accessor.get(DocSelectionManagerService), univerInstanceService = accessor.get(IUniverInstanceService), textRanges = textSelectionService.getDocRanges();
-  if (!textRanges.length || textRanges.length > 1)
+}, je = (n) => {
+  var l;
+  const e = n.get(M), t = n.get(O), i = e.getDocRanges();
+  if (!i.length || i.length > 1)
     return !0;
-  const activeRange = textRanges[0], doc = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_DOC);
-  if (!doc || !activeRange || activeRange.collapsed)
+  const r = i[0], s = t.getCurrentUnitForType(I.UNIVER_DOC);
+  if (!s || !r || r.collapsed)
     return !0;
-  const body = doc.getSelfOrHeaderFooterModel(activeRange.segmentId).getBody(), paragraphs = body == null ? void 0 : body.paragraphs;
-  if (!paragraphs)
+  const o = s.getSelfOrHeaderFooterModel(r.segmentId).getBody(), c = o == null ? void 0 : o.paragraphs;
+  if (!c)
     return !0;
-  for (let i = 0, len = paragraphs.length; i < len; i++) {
-    const p = paragraphs[i];
-    if (activeRange.startOffset <= p.startIndex && activeRange.endOffset > p.startIndex)
+  for (let u = 0, v = c.length; u < v; u++) {
+    const p = c[u];
+    if (r.startOffset <= p.startIndex && r.endOffset > p.startIndex)
       return !0;
-    if (p.startIndex > activeRange.endOffset)
+    if (p.startIndex > r.endOffset)
       break;
   }
-  return !BuildTextUtils.customRange.getCustomRangesInterestsWithSelection(activeRange, (_a7 = body.customRanges) != null ? _a7 : []).every((range) => range.rangeType === CustomRangeType.HYPERLINK);
-}, "shouldDisableAddLink"), ShowDocHyperLinkEditPopupOperation = {
-  type: CommandType.OPERATION,
+  return !ne.customRange.getCustomRangesInterestsWithSelection(r, (l = o.customRanges) != null ? l : []).every((u) => u.rangeType === b.HYPERLINK);
+}, R = {
+  type: E.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 o;
+    const t = e == null ? void 0 : e.link, i = n.get(O);
+    if (je(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(S), s = (t == null ? void 0 : t.unitId) || ((o = i.getCurrentUnitForType(I.UNIVER_DOC)) == null ? void 0 : o.getUnitId());
+    return s ? (r.showEditPopup(s, t), !0) : !1;
   }
-}, ToggleDocHyperLinkInfoPopupOperation = {
-  type: CommandType.OPERATION,
+}, ie = {
+  type: E.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(S);
+    return e ? (t.showInfoPopup(e), !0) : (t.hideInfoPopup(), !0);
   }
-}, ClickDocHyperLinkOperation = {
-  type: CommandType.OPERATION,
+}, $e = {
+  type: E.OPERATION,
   id: "doc.operation.click-hyper-link",
-  handler(accessor, params) {
-    var _a7, _b, _c;
-    if (!params)
+  handler(n, e) {
+    var l, u, v;
+    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, o = n.get(O).getUnit(t, I.UNIVER_DOC), c = o == null ? void 0 : o.getSelfOrHeaderFooterModel(r).getBody(), g = (v = (u = (l = c == null ? void 0 : c.customRanges) == null ? void 0 : l.find((p) => p.rangeId === i && p.rangeType === b.HYPERLINK)) == null ? void 0 : u.properties) == null ? void 0 : v.url;
+    return g && window.open(g, "_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
+}, V = () => {
+  var C, f;
+  const n = L(S), e = L(x), t = L(mn), i = L(ke), r = _n(n.showingLink$), s = L(O);
+  if (!r)
     return null;
-  const { unitId, linkId, segmentId } = currentPopup, doc = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC), body = doc == null ? void 0 : doc.getSelfOrHeaderFooterModel(segmentId).getBody(), link = (_a7 = body == null ? void 0 : body.customRanges) == null ? void 0 : _a7.find((range) => range.rangeId === linkId && range.rangeType === CustomRangeType.HYPERLINK);
-  if (!link)
+  const { unitId: o, linkId: c, segmentId: g, startIndex: l, endIndex: u } = r, v = s.getUnit(o, I.UNIVER_DOC), p = v == null ? void 0 : v.getSelfOrHeaderFooterModel(g).getBody(), d = (C = p == null ? void 0 : p.customRanges) == null ? void 0 : C.find((y) => y.rangeId === c && y.rangeType === b.HYPERLINK && y.startIndex === l && y.endIndex === u);
+  if (!d)
     return null;
-  const url = (_b = link.properties) == null ? void 0 : _b.url;
-  return /* @__PURE__ */ React.createElement(
+  const h = (f = d.properties) == null ? void 0 : f.url;
+  return /* @__PURE__ */ a.jsxs(
     "div",
     {
-      className: styles.docLink,
-      onClick: /* @__PURE__ */ __name(() => {
-        hyperLinkService.hideInfoPopup();
-      }, "onClick")
-    },
-    /* @__PURE__ */ React.createElement("div", { className: clsx(styles.docLinkContent), onClick: /* @__PURE__ */ __name(() => window.open(url), "onClick") }, /* @__PURE__ */ React.createElement("div", { className: styles.docLinkType }, /* @__PURE__ */ React.createElement(LinkSingle, null)), /* @__PURE__ */ React.createElement(Tooltip, { showIfEllipsis: !0, title: url }, /* @__PURE__ */ React.createElement("span", { className: styles.docLinkUrl }, url))),
-    /* @__PURE__ */ React.createElement("div", { className: styles.docLinkOperations }, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: clsx(styles.docLinkOperation),
-        onClick: /* @__PURE__ */ __name(() => {
-          navigator.clipboard.writeText(url), messageService.show({
-            content: localeService.t("docLink.info.coped"),
-            type: MessageType.Info
-          });
-        }, "onClick")
-      },
-      /* @__PURE__ */ React.createElement(Tooltip, { placement: "bottom", title: localeService.t("docLink.info.copy") }, /* @__PURE__ */ React.createElement(CopySingle, null))
-    ), /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: styles.docLinkOperation,
-        onClick: /* @__PURE__ */ __name(() => {
-          commandService.executeCommand(ShowDocHyperLinkEditPopupOperation.id, {
-            link: currentPopup
-          });
-        }, "onClick")
-      },
-      /* @__PURE__ */ React.createElement(Tooltip, { placement: "bottom", title: localeService.t("docLink.info.edit") }, /* @__PURE__ */ React.createElement(WriteSingle, null))
-    ), /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: styles.docLinkOperation,
-        onClick: /* @__PURE__ */ __name(() => {
-          commandService.executeCommand(DeleteDocHyperLinkCommand.id, {
-            unitId,
-            linkId: link.rangeId,
-            segmentId
-          });
-        }, "onClick")
+      className: k.docLink,
+      onClick: () => {
+        n.hideInfoPopup();
       },
-      /* @__PURE__ */ React.createElement(Tooltip, { placement: "bottom", title: localeService.t("docLink.info.cancel") }, /* @__PURE__ */ React.createElement(UnlinkSingle, null))
-    ))
+      children: [
+        /* @__PURE__ */ a.jsxs("div", { className: Le(k.docLinkContent), onClick: () => window.open(h), children: [
+          /* @__PURE__ */ a.jsx("div", { className: k.docLinkType, children: /* @__PURE__ */ a.jsx(se, {}) }),
+          /* @__PURE__ */ a.jsx(B, { showIfEllipsis: !0, title: h, children: /* @__PURE__ */ a.jsx("span", { className: k.docLinkUrl, children: h }) })
+        ] }),
+        /* @__PURE__ */ a.jsxs("div", { className: k.docLinkOperations, children: [
+          /* @__PURE__ */ a.jsx(
+            "div",
+            {
+              className: Le(k.docLinkOperation),
+              onClick: () => {
+                navigator.clipboard.writeText(h), t.show({
+                  content: i.t("docLink.info.coped"),
+                  type: vn.Info
+                });
+              },
+              children: /* @__PURE__ */ a.jsx(B, { placement: "bottom", title: i.t("docLink.info.copy"), children: /* @__PURE__ */ a.jsx(be, {}) })
+            }
+          ),
+          /* @__PURE__ */ a.jsx(
+            "div",
+            {
+              className: k.docLinkOperation,
+              onClick: () => {
+                e.executeCommand(R.id, {
+                  link: r
+                });
+              },
+              children: /* @__PURE__ */ a.jsx(B, { placement: "bottom", title: i.t("docLink.info.edit"), children: /* @__PURE__ */ a.jsx(we, {}) })
+            }
+          ),
+          /* @__PURE__ */ a.jsx(
+            "div",
+            {
+              className: k.docLinkOperation,
+              onClick: () => {
+                e.executeCommand(Ne.id, {
+                  unitId: o,
+                  linkId: d.rangeId,
+                  segmentId: g
+                });
+              },
+              children: /* @__PURE__ */ a.jsx(B, { placement: "bottom", title: i.t("docLink.info.cancel"), children: /* @__PURE__ */ a.jsx(Me, {}) })
+            }
+          )
+        ] })
+      ]
+    }
   );
-}, "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");
-const SKIT_PLACEHOLDER = 0;
-var _a;
-let DocHyperLinkPopupService = (_a = class extends Disposable {
-  constructor(_docCanvasPopupManagerService, _textSelectionManagerService, _univerInstanceService) {
+};
+V.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, s = n.length - 1, o; s >= 0; s--)
+    (o = n[s]) && (r = (i ? o(e, t, r) : o(r)) || r);
+  return i && r && st(e, t, r), r;
+}, J = (n, e) => (t, i) => e(t, i, n);
+let S = class extends D {
+  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 me(null));
+    P(this, "_showingLink$", new me(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();
     });
   }
@@ -422,101 +452,93 @@ let DocHyperLinkPopupService = (_a = class extends Disposable {
   get showing() {
     return this._showingLink$.value;
   }
-  showEditPopup(unitId, linkInfo) {
-    var _a7, _b, _c;
-    this._editPopup && this._editPopup.dispose(), this._editingLink$.next(linkInfo);
-    let activeRange = this._textSelectionManagerService.getActiveTextRange();
-    if (linkInfo) {
-      const { unitId: unitId2, linkId, segmentId, segmentPage } = linkInfo, doc = this._univerInstanceService.getUnit(unitId2, UniverInstanceType.UNIVER_DOC), range = (_c = (_b = (_a7 = doc == null ? void 0 : doc.getSelfOrHeaderFooterModel(segmentId)) == null ? void 0 : _a7.getBody()) == null ? void 0 : _b.customRanges) == null ? void 0 : _c.find((i) => i.rangeId === linkId);
-      range && (activeRange = {
+  showEditPopup(e, t) {
+    this._editPopup && this._editPopup.dispose(), this._editingLink$.next(t);
+    let i = this._textSelectionManagerService.getActiveTextRange();
+    if (t) {
+      const { segmentId: r, segmentPage: s, startIndex: o, endIndex: c } = t;
+      i = {
         collapsed: !1,
-        startOffset: range.startIndex + SKIT_PLACEHOLDER,
-        endOffset: range.endIndex + 1,
-        segmentId,
-        segmentPage
-      }, this._textSelectionManagerService.replaceTextRanges([{
-        startOffset: range.startIndex,
-        endOffset: range.endIndex + 1
-      }]));
+        startOffset: o,
+        endOffset: c + 1,
+        segmentId: r,
+        segmentPage: s
+      }, this._textSelectionManagerService.replaceDocRanges([{
+        startOffset: o,
+        endOffset: c + 1
+      }]);
     }
-    return activeRange ? (this._editPopup = this._docCanvasPopupManagerService.attachPopupToRange(
-      activeRange,
+    return i ? (this._editPopup = this._docCanvasPopupManagerService.attachPopupToRange(
+      i,
       {
-        componentKey: DocHyperLinkEdit.componentKey,
+        componentKey: K.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 } = 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)
-      return;
-    this._infoPopup && this._infoPopup.dispose();
-    const doc = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC);
-    if (!doc)
-      return;
-    const range = (_f = (_e = doc.getSelfOrHeaderFooterModel(info.segmentId).getBody()) == null ? void 0 : _e.customRanges) == null ? void 0 : _f.find((i) => i.rangeId === linkId);
-    if (this._showingLink$.next({ unitId, linkId, segmentId, segmentPage }), !!range)
-      return this._infoPopup = this._docCanvasPopupManagerService.attachPopupToRange(
+    var e;
+    this._editingLink$.next(null), (e = this._editPopup) == null || e.dispose();
+  }
+  showInfoPopup(e) {
+    var l, u, v, p, d, h;
+    const { linkId: t, unitId: i, segmentId: r, segmentPage: s, startIndex: o, endIndex: c } = e;
+    if (!(((l = this.showing) == null ? void 0 : l.linkId) === t && ((u = this.showing) == null ? void 0 : u.unitId) === i && ((v = this.showing) == null ? void 0 : v.segmentId) === r && ((p = this.showing) == null ? void 0 : p.segmentPage) === s && ((d = this.showing) == null ? void 0 : d.startIndex) === o && ((h = this.showing) == null ? void 0 : h.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: s, startIndex: o, endIndex: c }), this._infoPopup = this._docCanvasPopupManagerService.attachPopupToRange(
         {
           collapsed: !1,
-          startOffset: range.startIndex + SKIT_PLACEHOLDER,
-          endOffset: range.endIndex + 1,
-          segmentId: info.segmentId,
-          segmentPage: info.segmentPage
+          startOffset: o,
+          endOffset: c + 1,
+          segmentId: r,
+          segmentPage: s
         },
         {
-          componentKey: DocLinkPopup.componentKey,
+          componentKey: V.componentKey,
           direction: "top-center",
           multipleDirection: "top",
-          onClickOutside: /* @__PURE__ */ __name(() => {
+          onClickOutside: () => {
             this.hideInfoPopup();
-          }, "onClickOutside")
+          }
         },
-        info.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();
+  }
+};
+S = dt([
+  J(0, _(on)),
+  J(1, _(M)),
+  J(2, O)
+], S);
+var at = Object.defineProperty, lt = Object.getOwnPropertyDescriptor, ut = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? lt(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+    (o = n[s]) && (r = (i ? o(e, t, r) : o(r)) || r);
+  return i && r && at(e, t, r), r;
+}, Q = (n, e) => (t, i) => e(t, i, n);
+let W = class extends D {
+  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 });
+      this._commandService.onCommandExecuted((n) => {
+        var e, t, i;
+        if (n.id === en.id) {
+          const r = n.params, { unitId: s, ranges: o, segmentId: c } = r, g = this._univerInstanceService.getUnit(s, I.UNIVER_DOC), l = o[0];
+          if (l && g) {
+            const { startOffset: u, endOffset: v, collapsed: p, segmentPage: d } = l, h = (t = (e = g.getSelfOrHeaderFooterModel(c)) == null ? void 0 : e.getBody()) == null ? void 0 : t.customRanges;
+            if (p) {
+              const C = (i = h == null ? void 0 : h.findIndex((f) => f.startIndex < u && f.endIndex > v - 1)) != null ? i : -1;
+              if (C > -1) {
+                const f = h[C];
+                this._docHyperLinkService.showInfoPopup({ unitId: s, linkId: f.rangeId, segmentId: c, segmentPage: d, startIndex: f.startIndex, endIndex: f.endIndex });
                 return;
               }
-            } else if (customRanges == null ? void 0 : customRanges.find((value) => value.startIndex <= startOffset && value.endIndex >= endOffset - 1))
+            } else if (h == null ? void 0 : h.find((f) => f.startIndex <= u && f.endIndex >= v - 1))
               return;
           }
           this._docHyperLinkService.hideInfoPopup(), this._docHyperLinkService.hideEditPopup();
@@ -524,46 +546,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._initHover(), this._initClick();
+};
+W = ut([
+  Q(0, x),
+  Q(1, O),
+  Q(2, _(S))
+], W);
+var pt = Object.defineProperty, ft = Object.getOwnPropertyDescriptor, gt = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? ft(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+    (o = n[s]) && (r = (i ? o(e, t, r) : o(r)) || r);
+  return i && r && pt(e, t, r), r;
+}, w = (n, e) => (t, i) => e(t, i, n);
+let re = class extends D {
+  constructor(n, e, t, i, r, s) {
+    super(), this._context = n, this._docEventManagerService = e, this._commandService = t, this._hyperLinkPopupService = i, this._docSkeletonManagerService = r, this._docSelectionManagerService = s, this._initHover(), this._initClick();
   }
   get _skeleton() {
     return this._docSkeletonManagerService.getSkeleton();
   }
   _hideInfoPopup() {
     this._hyperLinkPopupService.showing && this._commandService.executeCommand(
-      ToggleDocHyperLinkInfoPopupOperation.id
+      ie.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((s) => s.range.rangeType === b.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(
+          ie.id,
           {
             unitId: this._context.unitId,
-            linkId: link.range.rangeId,
-            segmentId: link.segmentId,
-            segmentPage: link.segmentPageIndex,
-            rangeId: link.range.rangeId
+            linkId: e.range.rangeId,
+            segmentId: e.segmentId,
+            segmentPage: e.segmentPageIndex,
+            rangeId: e.range.rangeId,
+            startIndex: e.range.startIndex,
+            endIndex: e.range.endIndex
           }
         ) : this._hideInfoPopup();
       })
@@ -571,193 +595,198 @@ 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(
+          $e.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();
+};
+re = gt([
+  w(1, _(sn)),
+  w(2, x),
+  w(3, _(S)),
+  w(4, _(nn)),
+  w(5, _(M))
+], re);
+var ht = Object.defineProperty, vt = Object.getOwnPropertyDescriptor, mt = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? vt(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+    (o = n[s]) && (r = (i ? o(e, t, r) : o(r)) || r);
+  return i && r && ht(e, t, r), r;
+}, X = (n, e) => (t, i) => e(t, i, n);
+let oe = class extends D {
+  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 } = pos, activeLink = this._hyperLinkService.showing, { linkId, unitId: linkUnitId } = activeLink || {}, isActive = linkUnitId === unitId && data.rangeId === linkId;
-        return next({
-          ...data,
-          active: isActive
+    this._docInterceptorService.intercept(rn.CUSTOM_RANGE, {
+      handler: (n, e, t) => {
+        if (!n)
+          return t(n);
+        const { unitId: i, index: r } = e, s = this._hyperLinkService.showing;
+        if (!s)
+          return t({
+            ...n,
+            active: !1
+          });
+        const { linkId: o, unitId: c, startIndex: g, endIndex: l } = s, u = c === i && n.rangeId === o && r >= g && r <= l;
+        return t({
+          ...n,
+          active: u
         });
-      }, "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)),
-      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);
+      an((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)),
+      ln()
+    ).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) {
+};
+oe = mt([
+  X(1, _(tn)),
+  X(2, _(S)),
+  X(3, _(cn))
+], oe);
+const Ue = "doc-hyper-link-icon";
+function Se(n) {
   return {
-    id: ShowDocHyperLinkEditPopupOperation.id,
-    type: MenuItemType.BUTTON,
-    icon: DOC_LINK_ICON,
+    id: R.id,
+    type: Cn.BUTTON,
+    icon: Ue,
     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$: Ln(n, I.UNIVER_DOC),
+    disabled$: new un(function(e) {
+      const i = n.get(M).textSelection$.pipe(pn(16)).subscribe(() => {
+        e.next(je(n));
       });
       return () => {
-        observer.unsubscribe();
+        i.unsubscribe();
       };
     })
   };
 }
-__name(AddHyperLinkMenuItemFactory, "AddHyperLinkMenuItemFactory");
-const addLinkShortcut = {
-  id: ShowDocHyperLinkEditPopupOperation.id,
-  binding: MetaKeys.CTRL_COMMAND | KeyCode.K,
+const _t = {
+  id: R.id,
+  binding: In.CTRL_COMMAND | te.K,
   description: "docLink.menu.tooltip",
-  preconditions: whenDocAndEditorFocused
-}, menuSchema = {
-  [RibbonStartGroup.OTHERS]: {
-    [ShowDocHyperLinkEditPopupOperation.id]: {
+  preconditions: dn
+}, It = {
+  [Sn.OTHERS]: {
+    [R.id]: {
       order: 0,
-      menuItemFactory: AddHyperLinkMenuItemFactory
+      menuItemFactory: Se
     }
   },
-  [ContextMenuPosition.MAIN_AREA]: {
-    [ContextMenuGroup.DATA]: {
-      [ShowDocHyperLinkEditPopupOperation.id]: {
+  [yn.MAIN_AREA]: {
+    [kn.DATA]: {
+      [R.id]: {
         order: 0,
-        menuItemFactory: AddHyperLinkMenuItemFactory
+        menuItemFactory: Se
       }
     }
   }
 };
-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 Ct = Object.defineProperty, Lt = Object.getOwnPropertyDescriptor, St = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Lt(e, t) : e, s = n.length - 1, o; s >= 0; s--)
+    (o = n[s]) && (r = (i ? o(e, t, r) : o(r)) || r);
+  return i && r && Ct(e, t, r), r;
+}, F = (n, e) => (t, i) => e(t, i, n);
+let Y = class extends D {
+  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);
+      [K, K.componentKey],
+      [V, V.componentKey],
+      [se, Ue]
+    ].forEach(([n, e]) => {
+      this._componentManager.register(e, n);
     });
   }
   _initCommands() {
     [
-      AddDocHyperLinkCommand,
-      UpdateDocHyperLinkCommand,
-      DeleteDocHyperLinkCommand,
-      ShowDocHyperLinkEditPopupOperation,
-      ToggleDocHyperLinkInfoPopupOperation,
-      ClickDocHyperLinkOperation
-    ].forEach((command) => {
-      this._commandService.registerCommand(command);
+      Pe,
+      Re,
+      Ne,
+      R,
+      ie,
+      $e
+    ].forEach((n) => {
+      this._commandService.registerCommand(n);
     });
   }
   _initShortcut() {
-    [addLinkShortcut].forEach((shortcut) => {
-      this._shortcutService.registerShortcut(shortcut);
+    [_t].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 } = this._config;
-    menu && this._configService.setConfig("menu", menu, { merge: !0 }), this._configService.setConfig(PLUGIN_CONFIG_KEY, rest);
+    this._menuManagerService.mergeMenu(It);
+  }
+};
+Y = St([
+  F(0, _(xn)),
+  F(1, x),
+  F(2, On),
+  F(3, Pn)
+], Y);
+const yt = "DOC_HYPER_LINK_UI_PLUGIN";
+var Te = Object.defineProperty, kt = Object.getOwnPropertyDescriptor, xt = (n, e, t) => e in n ? Te(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, s = n.length - 1, o; s >= 0; s--)
+    (o = n[s]) && (r = (i ? o(e, t, r) : o(r)) || r);
+  return i && r && Te(e, t, r), r;
+}, ee = (n, e) => (t, i) => e(t, i, n), He = (n, e, t) => xt(n, typeof e != "symbol" ? e + "" : e, t);
+let G = class extends Ge {
+  constructor(n = En, e, t, i) {
+    super(), this._config = n, this._injector = e, this._renderManagerSrv = t, this._configService = i;
+    const { menu: r, ...s } = this._config;
+    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(Rn, s);
   }
   onStarting() {
     [
-      [DocHyperLinkPopupService],
-      [DocHyperLinkUIController],
-      [DocHyperLinkSelectionController]
-    ].forEach((dep) => {
-      this._injector.add(dep);
-    }), this._injector.get(DocHyperLinkUIController);
+      [S],
+      [Y],
+      [W]
+    ].forEach((e) => {
+      this._injector.add(e);
+    }), this._injector.get(Y);
   }
   onReady() {
-    this._injector.get(DocHyperLinkSelectionController);
+    this._injector.get(W);
   }
   onRendered() {
     this._initRenderModule();
   }
   _initRenderModule() {
     [
-      [DocHyperLinkRenderController],
-      [DocHyperLinkEventRenderController]
-    ].forEach((dep) => {
-      this._renderManagerSrv.registerRenderModule(UniverInstanceType.UNIVER_DOC, dep);
+      [oe],
+      [re]
+    ].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", yt);
+He(G, "type", I.UNIVER_DOC);
+G = Ot([
+  We(ze),
+  ee(1, _(Ye)),
+  ee(2, qe),
+  ee(3, Ze)
+], G);
 export {
-  UniverDocsHyperLinkUIPlugin
+  G as UniverDocsHyperLinkUIPlugin
 };