@univerjs/docs-hyper-link-ui 0.16.1 → 0.17.0

package/lib/es/index.js

@@ -1,27 +1,30 @@
-var Ue = Object.defineProperty;
-var Te = (n, e, t) => e in n ? Ue(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var L = (n, e, t) => Te(n, typeof e != "symbol" ? e + "" : e, t);
-import { CommandType as P, ICommandService as x, generateRandomId as He, CustomRangeType as b, IUniverInstanceService as k, UniverInstanceType as I, getBodySlice as Ce, LocaleService as Se, Tools as je, BuildTextUtils as ge, Inject as m, Disposable as D, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Ae, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Ke, DependentOn as Fe, Injector as Be, IConfigService as Ve, Plugin as Ze, merge as Ye } from "@univerjs/core";
-import { UniverDocsHyperLinkPlugin as We } from "@univerjs/docs-hyper-link";
-import { IRenderManagerService as Ge } from "@univerjs/engine-render";
-import { addCustomRangeBySelectionFactory as ze, DocSelectionManagerService as R, replaceSelectionFactory as qe, deleteCustomRangeFactory as Je, SetTextSelectionsOperation as Qe, DocSkeletonManagerService as Xe, DocInterceptorService as en, DOC_INTERCEPTOR_POINT as nn } from "@univerjs/docs";
-import { DocCanvasPopManagerService as tn, DocEventManagerService as rn, DocRenderController as on, whenDocAndEditorFocused as sn } from "@univerjs/docs-ui";
-import { BehaviorSubject as he, distinctUntilChanged as cn, pairwise as dn, Observable as an, debounceTime as ln } from "rxjs";
+var Te = Object.defineProperty;
+var He = (n, e, t) => e in n ? Te(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var L = (n, e, t) => He(n, typeof e != "symbol" ? e + "" : e, t);
+import { CommandType as R, ICommandService as x, generateRandomId as je, CustomRangeType as D, IUniverInstanceService as k, UniverInstanceType as I, getBodySlice as Se, LocaleService as ye, Tools as Ae, BuildTextUtils as he, Inject as m, Disposable as E, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Ke, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Fe, DependentOn as Be, Injector as Ve, IConfigService as Ze, Plugin as Ye, merge as We } from "@univerjs/core";
+import { UniverDocsHyperLinkPlugin as Ge } from "@univerjs/docs-hyper-link";
+import { IRenderManagerService as ze } from "@univerjs/engine-render";
+import { addCustomRangeBySelectionFactory as qe, DocSelectionManagerService as M, replaceSelectionFactory as Je, deleteCustomRangeFactory as Qe, SetTextSelectionsOperation as Xe, DocSkeletonManagerService as en, DocInterceptorService as nn, DOC_INTERCEPTOR_POINT as tn } from "@univerjs/docs";
+import { DocCanvasPopManagerService as rn, DocEventManagerService as on, DocRenderController as sn, whenDocAndEditorFocused as cn } from "@univerjs/docs-ui";
+import { BehaviorSubject as ve, distinctUntilChanged as dn, pairwise as an, Observable as ln, debounceTime as un } from "rxjs";
 import { jsxs as O, jsx as h } from "react/jsx-runtime";
-import { clsx as ye, FormLayout as ve, Input as fe, Button as me, borderClassName as xe, Tooltip as H, MessageType as un } from "@univerjs/design";
-import { useDependency as C, useObservable as ke, KeyCode as Q, IMessageService as pn, MetaKeys as gn, getMenuHiddenObservable as hn, MenuItemType as vn, ContextMenuPosition as fn, ContextMenuGroup as mn, RibbonInsertGroup as In, ComponentManager as _n, IMenuManagerService as Cn, IShortcutService as Sn } from "@univerjs/ui";
-import { useState as W, useEffect as yn, useRef as xn, createElement as E, forwardRef as Z } from "react";
-const kn = "docs-hyper-link-ui.config", Ie = {}, Le = {
-  type: P.COMMAND,
+import { clsx as xe, FormLayout as fe, Input as me, Button as Ie, borderClassName as ke, Tooltip as j, MessageType as pn } from "@univerjs/design";
+import { useDependency as C, useObservable as Le, KeyCode as X, IMessageService as gn, MetaKeys as hn, getMenuHiddenObservable as vn, MenuItemType as fn, ContextMenuPosition as mn, ContextMenuGroup as In, RibbonInsertGroup as _n, ComponentManager as Cn, IMenuManagerService as Sn, IShortcutService as yn } from "@univerjs/ui";
+import { useState as G, useEffect as xn, useRef as kn, createElement as N, forwardRef as Z } from "react";
+const Ln = "@univerjs/docs-hyper-link-ui", On = "0.17.0", Oe = {
+  name: Ln,
+  version: On
+}, wn = "docs-hyper-link-ui.config", _e = {}, we = {
+  type: R.COMMAND,
   id: "docs.command.add-hyper-link",
   async handler(n, e) {
     if (!e)
       return !1;
-    const { payload: t, unitId: i, selections: r } = e, o = n.get(x), s = He(), c = ze(
+    const { payload: t, unitId: i, selections: r } = e, o = n.get(x), s = je(), c = qe(
       n,
       {
         rangeId: s,
-        rangeType: b.HYPERLINK,
+        rangeType: D.HYPERLINK,
         properties: {
           url: t
         },
@@ -31,25 +34,25 @@ const kn = "docs-hyper-link-ui.config", Ie = {}, Le = {
     );
     return c ? o.syncExecuteCommand(c.id, c.params) : !1;
   }
-}, Oe = {
+}, Pe = {
   id: "docs.command.update-hyper-link",
-  type: P.COMMAND,
+  type: R.COMMAND,
   handler(n, e) {
     var p;
     if (!e)
       return !1;
-    const { unitId: t, payload: i, segmentId: r, linkId: o } = e, s = n.get(x), c = n.get(k), u = n.get(R).getActiveTextRange(), v = c.getUnit(t, I.UNIVER_DOC);
+    const { unitId: t, payload: i, segmentId: r, linkId: o } = e, s = n.get(x), c = n.get(k), u = n.get(M).getActiveTextRange(), v = c.getUnit(t, I.UNIVER_DOC);
     if (!u || !v)
       return !1;
-    const g = (p = Ce(v.getSelfOrHeaderFooterModel(r).getBody(), u.startOffset, u.endOffset).textRuns) == null ? void 0 : p[0];
+    const g = (p = Se(v.getSelfOrHeaderFooterModel(r).getBody(), u.startOffset, u.endOffset).textRuns) == null ? void 0 : p[0];
     g && (g.ed = e.label.length + 1);
-    const d = qe(n, {
+    const d = Je(n, {
       unitId: t,
       body: {
         dataStream: `${e.label}`,
         customRanges: [{
           rangeId: o,
-          rangeType: b.HYPERLINK,
+          rangeType: D.HYPERLINK,
           startIndex: 0,
           endIndex: e.label.length + 1,
           properties: {
@@ -68,45 +71,45 @@ const kn = "docs-hyper-link-ui.config", Ie = {}, Le = {
     return d ? s.syncExecuteCommand(d.id, d.params) : !1;
   }
 };
-function Ln(n) {
+function Pn(n) {
   return /^[a-zA-Z]+:\/\//.test(n);
 }
-function On(n) {
+function Rn(n) {
   return /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/.test(n);
 }
-function wn(n) {
-  return Ln(n) ? n : On(n) ? `mailto://${n}` : `https://${n}`;
+function Mn(n) {
+  return Pn(n) ? n : Rn(n) ? `mailto://${n}` : `https://${n}`;
 }
-const A = () => {
-  const n = C(S), e = C(Se), t = ke(n.editingLink$), i = C(x), r = C(k), o = C(R), [s, c] = W(""), [l, u] = W(""), [v, f] = W(!1), g = je.isLegalUrl(s), d = t ? r.getUnit(t.unitId, I.UNIVER_DOC) : r.getCurrentUnitForType(I.UNIVER_DOC);
-  yn(() => {
-    var re, oe, se, ce, de, ae, le, ue, pe;
+const K = () => {
+  const n = C(S), e = C(ye), t = Le(n.editingLink$), i = C(x), r = C(k), o = C(M), [s, c] = G(""), [l, u] = G(""), [v, f] = G(!1), g = Ae.isLegalUrl(s), d = t ? r.getUnit(t.unitId, I.UNIVER_DOC) : r.getCurrentUnitForType(I.UNIVER_DOC);
+  xn(() => {
+    var oe, se, ce, de, ae, le, ue, pe, ge;
     const a = o.getActiveTextRange();
     if (!a)
       return;
     if (t) {
-      const U = (re = d == null ? void 0 : d.getSelfOrHeaderFooterModel(t.segmentId)) == null ? void 0 : re.getBody(), T = (oe = U == null ? void 0 : U.customRanges) == null ? void 0 : oe.find((Y) => (t == null ? void 0 : t.linkId) === Y.rangeId && Y.startIndex === t.startIndex && Y.endIndex === t.endIndex);
-      d && T && (c((ce = (se = T.properties) == null ? void 0 : se.url) != null ? ce : ""), u(ge.transform.getPlainText(Ce(U, T.startIndex, T.endIndex + 1).dataStream)));
+      const T = (oe = d == null ? void 0 : d.getSelfOrHeaderFooterModel(t.segmentId)) == null ? void 0 : oe.getBody(), H = (se = T == null ? void 0 : T.customRanges) == null ? void 0 : se.find((W) => (t == null ? void 0 : t.linkId) === W.rangeId && W.startIndex === t.startIndex && W.endIndex === t.endIndex);
+      d && H && (c((de = (ce = H.properties) == null ? void 0 : ce.url) != null ? de : ""), u(he.transform.getPlainText(Se(T, H.startIndex, H.endIndex + 1).dataStream)));
       return;
     }
-    const y = (de = d == null ? void 0 : d.getSelfOrHeaderFooterModel(a.segmentId)) == null ? void 0 : de.getBody(), ie = y ? a : null, $ = ie && ((le = ge.customRange.getCustomRangesInterestsWithSelection(ie, (ae = y == null ? void 0 : y.customRanges) != null ? ae : [])) == null ? void 0 : le[0]);
-    d && $ && c((pe = (ue = $ == null ? void 0 : $.properties) == null ? void 0 : ue.url) != null ? pe : "");
+    const y = (ae = d == null ? void 0 : d.getSelfOrHeaderFooterModel(a.segmentId)) == null ? void 0 : ae.getBody(), re = y ? a : null, U = re && ((ue = he.customRange.getCustomRangesInterestsWithSelection(re, (le = y == null ? void 0 : y.customRanges) != null ? le : [])) == null ? void 0 : ue[0]);
+    d && U && c((ge = (pe = U == null ? void 0 : U.properties) == null ? void 0 : pe.url) != null ? ge : "");
   }, [d, t, o, r]);
   const p = () => {
     n.hideEditPopup();
   }, _ = () => {
     if (f(!0), !g || !d)
       return;
-    const a = wn(s);
+    const a = Mn(s);
     if (!t)
-      i.executeCommand(Le.id, {
+      i.executeCommand(we.id, {
         unitId: d.getUnitId(),
         payload: a
       });
     else {
       if (!l)
         return;
-      i.executeCommand(Oe.id, {
+      i.executeCommand(Pe.id, {
         unitId: d.getUnitId(),
         payload: a,
         linkId: t.linkId,
@@ -120,40 +123,40 @@ const A = () => {
     return /* @__PURE__ */ O(
       "div",
       {
-        className: ye("univer-box-border univer-w-[328px] univer-rounded-xl univer-bg-white univer-px-6 univer-py-5 univer-shadow dark:!univer-bg-gray-900", xe),
+        className: xe("univer-box-border univer-w-[328px] univer-rounded-xl univer-bg-white univer-px-6 univer-py-5 univer-shadow dark:!univer-bg-gray-900", ke),
         children: [
           /* @__PURE__ */ O("div", { children: [
             t ? /* @__PURE__ */ h(
-              ve,
+              fe,
               {
                 label: e.t("docLink.edit.label"),
                 error: v && !l ? e.t("docLink.edit.labelError") : "",
                 children: /* @__PURE__ */ h(
-                  fe,
+                  me,
                   {
                     value: l,
                     onChange: u,
                     autoFocus: !0,
                     onKeyDown: (a) => {
-                      a.keyCode === Q.ENTER && _();
+                      a.keyCode === X.ENTER && _();
                     }
                   }
                 )
               }
             ) : null,
             /* @__PURE__ */ h(
-              ve,
+              fe,
               {
                 label: e.t("docLink.edit.address"),
                 error: v && !g ? e.t("docLink.edit.addressError") : "",
                 children: /* @__PURE__ */ h(
-                  fe,
+                  me,
                   {
                     value: s,
                     onChange: c,
                     autoFocus: !0,
                     onKeyDown: (a) => {
-                      a.keyCode === Q.ENTER && _();
+                      a.keyCode === X.ENTER && _();
                     }
                   }
                 )
@@ -161,9 +164,9 @@ const A = () => {
             )
           ] }),
           /* @__PURE__ */ O("div", { className: "univer-flex univer-justify-end univer-gap-3", children: [
-            /* @__PURE__ */ h(me, { onClick: p, children: e.t("docLink.edit.cancel") }),
+            /* @__PURE__ */ h(Ie, { onClick: p, children: e.t("docLink.edit.cancel") }),
             /* @__PURE__ */ h(
-              me,
+              Ie,
               {
                 variant: "primary",
                 disabled: !s,
@@ -176,10 +179,10 @@ const A = () => {
       }
     );
 };
-A.componentKey = "docs-hyper-link-edit";
-function N({ ref: n, ...e }) {
-  const { icon: t, id: i, className: r, extend: o, ...s } = e, c = `univerjs-icon univerjs-icon-${i} ${r || ""}`.trim(), l = xn(`_${Mn()}`);
-  return we(t, `${i}`, {
+K.componentKey = "docs-hyper-link-edit";
+function $({ ref: n, ...e }) {
+  const { icon: t, id: i, className: r, extend: o, ...s } = e, c = `univerjs-icon univerjs-icon-${i} ${r || ""}`.trim(), l = kn(`_${En()}`);
+  return Re(t, `${i}`, {
     defIds: t.defIds,
     idSuffix: l.current
   }, {
@@ -188,14 +191,14 @@ function N({ ref: n, ...e }) {
     ...s
   }, o);
 }
-function we(n, e, t, i, r) {
-  return E(n.tag, {
+function Re(n, e, t, i, r) {
+  return N(n.tag, {
     key: e,
-    ...Pn(n, t, r),
+    ...bn(n, t, r),
     ...i
-  }, (Rn(n, t).children || []).map((o, s) => we(o, `${e}-${n.tag}-${s}`, t, void 0, r)));
+  }, (Dn(n, t).children || []).map((o, s) => Re(o, `${e}-${n.tag}-${s}`, t, void 0, r)));
 }
-function Pn(n, e, t) {
+function bn(n, e, t) {
   const i = { ...n.attrs };
   t != null && t.colorChannel1 && i.fill === "colorChannel1" && (i.fill = t.colorChannel1), n.tag === "mask" && i.id && (i.id = i.id + e.idSuffix), Object.entries(i).forEach(([o, s]) => {
     o === "mask" && typeof s == "string" && (i[o] = s.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
@@ -205,7 +208,7 @@ function Pn(n, e, t) {
     typeof s == "string" && (i[o] = s.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
   })), i;
 }
-function Rn(n, e) {
+function Dn(n, e) {
   var i;
   const { defIds: t } = e;
   return !t || t.length === 0 ? n : n.tag === "defs" && ((i = n.children) != null && i.length) ? {
@@ -219,11 +222,11 @@ function Rn(n, e) {
     } : r)
   } : n;
 }
-function Mn() {
+function En() {
   return Math.random().toString(36).substring(2, 8);
 }
-N.displayName = "UniverIcon";
-const bn = {
+$.displayName = "UniverIcon";
+const Nn = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -241,15 +244,15 @@ const bn = {
       clipRule: "evenodd"
     }
   }]
-}, Pe = Z(function(e, t) {
-  return E(N, Object.assign({}, e, {
+}, Me = Z(function(e, t) {
+  return N($, Object.assign({}, e, {
     id: "copy-icon",
     ref: t,
-    icon: bn
+    icon: Nn
   }));
 });
-Pe.displayName = "CopyIcon";
-const Dn = {
+Me.displayName = "CopyIcon";
+const $n = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -271,15 +274,15 @@ const Dn = {
       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"
     }
   }]
-}, te = Z(function(e, t) {
-  return E(N, Object.assign({}, e, {
+}, ie = Z(function(e, t) {
+  return N($, Object.assign({}, e, {
     id: "link-icon",
     ref: t,
-    icon: Dn
+    icon: $n
   }));
 });
-te.displayName = "LinkIcon";
-const En = {
+ie.displayName = "LinkIcon";
+const Un = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -311,15 +314,15 @@ const En = {
       }
     }
   ]
-}, Re = Z(function(e, t) {
-  return E(N, Object.assign({}, e, {
+}, be = Z(function(e, t) {
+  return N($, Object.assign({}, e, {
     id: "unlink-icon",
     ref: t,
-    icon: En
+    icon: Un
   }));
 });
-Re.displayName = "UnlinkIcon";
-const Nn = {
+be.displayName = "UnlinkIcon";
+const Tn = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -343,70 +346,70 @@ const Nn = {
       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 = Z(function(e, t) {
-  return E(N, Object.assign({}, e, {
+}, De = Z(function(e, t) {
+  return N($, Object.assign({}, e, {
     id: "write-icon",
     ref: t,
-    icon: Nn
+    icon: Tn
   }));
 });
-Me.displayName = "WriteIcon";
-const be = {
-  type: P.COMMAND,
+De.displayName = "WriteIcon";
+const Ee = {
+  type: R.COMMAND,
   id: "docs.command.delete-hyper-link",
   async handler(n, e) {
     if (!e)
       return !1;
-    const { unitId: t, linkId: i, segmentId: r } = e, o = n.get(x), s = Je(n, { unitId: t, rangeId: i, segmentId: r });
+    const { unitId: t, linkId: i, segmentId: r } = e, o = n.get(x), s = Qe(n, { unitId: t, rangeId: i, segmentId: r });
     return s ? await o.syncExecuteCommand(s.id, s.params) : !1;
   }
-}, De = (n) => {
-  const e = n.get(R), t = n.get(k), i = e.getTextRanges();
+}, Ne = (n) => {
+  const e = n.get(M), t = n.get(k), i = e.getTextRanges();
   if (!(i != null && i.length))
     return !0;
   const r = i[0];
   return !!(!t.getCurrentUnitForType(I.UNIVER_DOC) || !r || r.collapsed);
 }, w = {
-  type: P.OPERATION,
+  type: R.OPERATION,
   id: "doc.operation.show-hyper-link-edit-popup",
   handler(n, e) {
     var s;
     const t = e == null ? void 0 : e.link, i = n.get(k);
-    if (De(n) && !t)
+    if (Ne(n) && !t)
       return !1;
     const r = n.get(S), 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;
   }
-}, X = {
-  type: P.OPERATION,
+}, ee = {
+  type: R.OPERATION,
   id: "doc.operation.toggle-hyper-link-info-popup",
   handler(n, e) {
     const t = n.get(S);
     return e ? (t.showInfoPopup(e), !0) : (t.hideInfoPopup(), !0);
   }
-}, Ee = {
-  type: P.OPERATION,
+}, $e = {
+  type: R.OPERATION,
   id: "doc.operation.click-hyper-link",
   handler(n, e) {
     var u, v, f;
     if (!e)
       return !1;
-    const { unitId: t, linkId: i, segmentId: r } = e, s = n.get(k).getUnit(t, I.UNIVER_DOC), c = s == null ? void 0 : s.getSelfOrHeaderFooterModel(r).getBody(), l = (f = (v = (u = c == null ? void 0 : c.customRanges) == null ? void 0 : u.find((g) => g.rangeId === i && g.rangeType === b.HYPERLINK)) == null ? void 0 : v.properties) == null ? void 0 : f.url;
+    const { unitId: t, linkId: i, segmentId: r } = e, s = n.get(k).getUnit(t, I.UNIVER_DOC), c = s == null ? void 0 : s.getSelfOrHeaderFooterModel(r).getBody(), l = (f = (v = (u = c == null ? void 0 : c.customRanges) == null ? void 0 : u.find((g) => g.rangeId === i && g.rangeType === D.HYPERLINK)) == null ? void 0 : v.properties) == null ? void 0 : f.url;
     return l && window.open(l, "_blank", "noopener noreferrer"), !0;
   }
-}, K = () => {
+}, F = () => {
   var _, a;
-  const n = C(S), e = C(x), t = C(pn), i = C(Se), r = ke(n.showingLink$), o = C(k);
+  const n = C(S), e = C(x), t = C(gn), i = C(ye), r = Le(n.showingLink$), o = C(k);
   if (!r)
     return null;
-  const { unitId: s, linkId: c, segmentId: l, startIndex: u, endIndex: v } = r, f = o.getUnit(s, I.UNIVER_DOC), g = f == null ? void 0 : f.getSelfOrHeaderFooterModel(l).getBody(), d = (_ = g == null ? void 0 : g.customRanges) == null ? void 0 : _.find((y) => y.rangeId === c && y.rangeType === b.HYPERLINK && y.startIndex === u && y.endIndex === v);
+  const { unitId: s, linkId: c, segmentId: l, startIndex: u, endIndex: v } = r, f = o.getUnit(s, I.UNIVER_DOC), g = f == null ? void 0 : f.getSelfOrHeaderFooterModel(l).getBody(), d = (_ = g == null ? void 0 : g.customRanges) == null ? void 0 : _.find((y) => y.rangeId === c && y.rangeType === D.HYPERLINK && y.startIndex === u && y.endIndex === v);
   if (!d)
     return null;
   const p = (a = d.properties) == null ? void 0 : a.url;
   return /* @__PURE__ */ O(
     "div",
     {
-      className: ye("univer-box-border univer-flex univer-max-w-80 univer-items-center univer-justify-between univer-overflow-hidden univer-rounded-lg univer-bg-white univer-p-3 univer-shadow dark:!univer-bg-gray-900", xe),
+      className: xe("univer-box-border univer-flex univer-max-w-80 univer-items-center univer-justify-between univer-overflow-hidden univer-rounded-lg univer-bg-white univer-p-3 univer-shadow dark:!univer-bg-gray-900", ke),
       onClick: () => {
         n.hideInfoPopup();
       },
@@ -421,10 +424,10 @@ const be = {
                 "div",
                 {
                   className: "univer-mr-2 univer-flex univer-size-5 univer-flex-[0_0_auto] univer-items-center univer-justify-center univer-text-base univer-text-gray-900 dark:!univer-text-white",
-                  children: /* @__PURE__ */ h(te, {})
+                  children: /* @__PURE__ */ h(ie, {})
                 }
               ),
-              /* @__PURE__ */ h(H, { showIfEllipsis: !0, title: p, children: /* @__PURE__ */ h("span", { className: "univer-flex-1 univer-truncate", children: p }) })
+              /* @__PURE__ */ h(j, { showIfEllipsis: !0, title: p, children: /* @__PURE__ */ h("span", { className: "univer-flex-1 univer-truncate", children: p }) })
             ]
           }
         ),
@@ -436,10 +439,10 @@ const be = {
               onClick: () => {
                 navigator.clipboard.writeText(p), t.show({
                   content: i.t("docLink.info.coped"),
-                  type: un.Info
+                  type: pn.Info
                 });
               },
-              children: /* @__PURE__ */ h(H, { placement: "bottom", title: i.t("docLink.info.copy"), children: /* @__PURE__ */ h(Pe, {}) })
+              children: /* @__PURE__ */ h(j, { placement: "bottom", title: i.t("docLink.info.copy"), children: /* @__PURE__ */ h(Me, {}) })
             }
           ),
           /* @__PURE__ */ h(
@@ -451,7 +454,7 @@ const be = {
                   link: r
                 });
               },
-              children: /* @__PURE__ */ h(H, { placement: "bottom", title: i.t("docLink.info.edit"), children: /* @__PURE__ */ h(Me, {}) })
+              children: /* @__PURE__ */ h(j, { placement: "bottom", title: i.t("docLink.info.edit"), children: /* @__PURE__ */ h(De, {}) })
             }
           ),
           /* @__PURE__ */ h(
@@ -459,13 +462,13 @@ const be = {
             {
               className: "univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded univer-text-base",
               onClick: () => {
-                e.executeCommand(be.id, {
+                e.executeCommand(Ee.id, {
                   unitId: s,
                   linkId: d.rangeId,
                   segmentId: l
                 });
               },
-              children: /* @__PURE__ */ h(H, { placement: "bottom", title: i.t("docLink.info.cancel"), children: /* @__PURE__ */ h(Re, {}) })
+              children: /* @__PURE__ */ h(j, { placement: "bottom", title: i.t("docLink.info.cancel"), children: /* @__PURE__ */ h(be, {}) })
             }
           )
         ] })
@@ -473,17 +476,17 @@ const be = {
     }
   );
 };
-K.componentKey = "univer.doc.link-info-popup";
-var $n = Object.getOwnPropertyDescriptor, Un = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? $n(e, t) : e, o = n.length - 1, s; o >= 0; o--)
+F.componentKey = "univer.doc.link-info-popup";
+var Hn = Object.getOwnPropertyDescriptor, jn = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Hn(e, t) : e, o = n.length - 1, s; o >= 0; o--)
     (s = n[o]) && (r = s(r) || r);
   return r;
-}, G = (n, e) => (t, i) => e(t, i, n);
-let S = class extends D {
+}, z = (n, e) => (t, i) => e(t, i, n);
+let S = class extends E {
   constructor(e, t, i) {
     super();
-    L(this, "_editingLink$", new he(null));
-    L(this, "_showingLink$", new he(null));
+    L(this, "_editingLink$", new ve(null));
+    L(this, "_showingLink$", new ve(null));
     L(this, "editingLink$", this._editingLink$.asObservable());
     L(this, "showingLink$", this._showingLink$.asObservable());
     L(this, "_editPopup", null);
@@ -518,7 +521,7 @@ let S = class extends D {
     return r ? (this._editPopup = this._docCanvasPopupManagerService.attachPopupToRange(
       r,
       {
-        componentKey: A.componentKey,
+        componentKey: K.componentKey,
         direction: "bottom"
       },
       e
@@ -541,7 +544,7 @@ let S = class extends D {
           segmentPage: o
         },
         {
-          componentKey: K.componentKey,
+          componentKey: F.componentKey,
           direction: "top-center",
           multipleDirection: "top",
           onClickOutside: () => {
@@ -556,17 +559,17 @@ let S = class extends D {
     this._showingLink$.next(null), (e = this._infoPopup) == null || e.dispose();
   }
 };
-S = Un([
-  G(0, m(tn)),
-  G(1, m(R)),
-  G(2, k)
+S = jn([
+  z(0, m(rn)),
+  z(1, m(M)),
+  z(2, k)
 ], S);
-var Tn = Object.getOwnPropertyDescriptor, Hn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Tn(e, t) : e, o = n.length - 1, s; o >= 0; o--)
+var An = Object.getOwnPropertyDescriptor, Kn = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? An(e, t) : e, o = n.length - 1, s; o >= 0; o--)
     (s = n[o]) && (r = s(r) || r);
   return r;
-}, z = (n, e) => (t, i) => e(t, i, n);
-let F = class extends D {
+}, q = (n, e) => (t, i) => e(t, i, n);
+let B = class extends E {
   constructor(n, e, t) {
     super(), this._commandService = n, this._univerInstanceService = e, this._docHyperLinkService = t, this._initSelectionChange();
   }
@@ -574,7 +577,7 @@ let F = class extends D {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((n) => {
         var e, t, i;
-        if (n.id === Qe.id) {
+        if (n.id === Xe.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: v, endOffset: f, collapsed: g, segmentPage: d } = u, p = (t = (e = l.getSelfOrHeaderFooterModel(c)) == null ? void 0 : e.getBody()) == null ? void 0 : t.customRanges;
@@ -594,39 +597,39 @@ let F = class extends D {
     );
   }
 };
-F = Hn([
-  z(0, x),
-  z(1, k),
-  z(2, m(S))
-], F);
-var jn = Object.getOwnPropertyDescriptor, An = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? jn(e, t) : e, o = n.length - 1, s; o >= 0; o--)
+B = Kn([
+  q(0, x),
+  q(1, k),
+  q(2, m(S))
+], B);
+var Fn = Object.getOwnPropertyDescriptor, Bn = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Fn(e, t) : e, o = n.length - 1, s; o >= 0; o--)
     (s = n[o]) && (r = s(r) || r);
   return r;
-}, M = (n, e) => (t, i) => e(t, i, n);
-let ee = class extends D {
+}, b = (n, e) => (t, i) => e(t, i, n);
+let ne = class extends E {
   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 === Ae || this._context.unitId === Ke) && (this._initHover(), this._initClick());
+    super(), this._context = n, this._docEventManagerService = e, this._commandService = t, this._hyperLinkPopupService = i, this._docSkeletonManagerService = r, this._docSelectionManagerService = o, !(this._context.unitId === Ke || this._context.unitId === Fe) && (this._initHover(), this._initClick());
   }
   get _skeleton() {
     return this._docSkeletonManagerService.getSkeleton();
   }
   _hideInfoPopup() {
     this._hyperLinkPopupService.showing && this._commandService.executeCommand(
-      X.id
+      ee.id
     );
   }
   _initHover() {
     this.disposeWithMe(
       this._docEventManagerService.hoverCustomRanges$.subscribe((n) => {
         var r;
-        const e = n.find((o) => o.range.rangeType === b.HYPERLINK), t = this._docSelectionManagerService.getTextRanges(), i = t == null ? void 0 : t[0].segmentId;
+        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;
         }
         e ? this._commandService.executeCommand(
-          X.id,
+          ee.id,
           {
             unitId: this._context.unitId,
             linkId: e.range.rangeId,
@@ -645,7 +648,7 @@ let ee = class extends D {
       this._docEventManagerService.clickCustomRanges$.subscribe((n) => {
         const e = n.range;
         e && this._commandService.executeCommand(
-          Ee.id,
+          $e.id,
           {
             unitId: this._context.unitId,
             linkId: e.rangeId,
@@ -656,24 +659,24 @@ let ee = class extends D {
     );
   }
 };
-ee = An([
-  M(1, m(rn)),
-  M(2, x),
-  M(3, m(S)),
-  M(4, m(Xe)),
-  M(5, m(R))
-], ee);
-var Kn = Object.getOwnPropertyDescriptor, Fn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Kn(e, t) : e, o = n.length - 1, s; o >= 0; o--)
+ne = Bn([
+  b(1, m(on)),
+  b(2, x),
+  b(3, m(S)),
+  b(4, m(en)),
+  b(5, m(M))
+], ne);
+var Vn = Object.getOwnPropertyDescriptor, Zn = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Vn(e, t) : e, o = n.length - 1, s; o >= 0; o--)
     (s = n[o]) && (r = s(r) || r);
   return r;
-}, q = (n, e) => (t, i) => e(t, i, n);
-let ne = class extends D {
+}, J = (n, e) => (t, i) => e(t, i, n);
+let te = class extends E {
   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(nn.CUSTOM_RANGE, {
+    this._docInterceptorService.intercept(tn.CUSTOM_RANGE, {
       handler: (n, e, t) => {
         if (!n)
           return t(n);
@@ -693,30 +696,30 @@ let ne = class extends D {
   }
   _initReRender() {
     this.disposeWithMe(this._hyperLinkService.showingLink$.pipe(
-      cn((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)),
-      dn()
+      dn((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)),
+      an()
     ).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);
     }));
   }
 };
-ne = Fn([
-  q(1, m(en)),
-  q(2, m(S)),
-  q(3, m(on))
-], ne);
-const Ne = "doc-hyper-link-icon";
-function _e(n) {
+te = Zn([
+  J(1, m(nn)),
+  J(2, m(S)),
+  J(3, m(sn))
+], te);
+const Ue = "doc-hyper-link-icon";
+function Ce(n) {
   return {
     id: w.id,
-    type: vn.BUTTON,
-    icon: Ne,
+    type: fn.BUTTON,
+    icon: Ue,
     title: "docLink.menu.tooltip",
     tooltip: "docLink.menu.tooltip",
-    hidden$: hn(n, I.UNIVER_DOC),
-    disabled$: new an(function(e) {
-      const i = n.get(R).textSelection$.pipe(ln(16)).subscribe(() => {
-        e.next(De(n));
+    hidden$: vn(n, I.UNIVER_DOC),
+    disabled$: new ln(function(e) {
+      const i = n.get(M).textSelection$.pipe(un(16)).subscribe(() => {
+        e.next(Ne(n));
       });
       return () => {
         i.unsubscribe();
@@ -724,41 +727,41 @@ function _e(n) {
     })
   };
 }
-const Bn = {
+const Yn = {
   id: w.id,
-  binding: gn.CTRL_COMMAND | Q.K,
+  binding: hn.CTRL_COMMAND | X.K,
   description: "docLink.menu.tooltip",
-  preconditions: sn
-}, Vn = {
-  [In.MEDIA]: {
+  preconditions: cn
+}, Wn = {
+  [_n.MEDIA]: {
     [w.id]: {
       order: 1,
-      menuItemFactory: _e
+      menuItemFactory: Ce
     }
   },
-  [fn.MAIN_AREA]: {
-    [mn.DATA]: {
+  [mn.MAIN_AREA]: {
+    [In.DATA]: {
       [w.id]: {
         order: 0,
-        menuItemFactory: _e
+        menuItemFactory: Ce
       }
     }
   }
 };
-var Zn = Object.getOwnPropertyDescriptor, Yn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? Zn(e, t) : e, o = n.length - 1, s; o >= 0; o--)
+var Gn = Object.getOwnPropertyDescriptor, zn = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Gn(e, t) : e, o = n.length - 1, s; o >= 0; o--)
     (s = n[o]) && (r = s(r) || r);
   return r;
-}, j = (n, e) => (t, i) => e(t, i, n);
-let B = class extends D {
+}, A = (n, e) => (t, i) => e(t, i, n);
+let V = class extends E {
   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() {
     [
-      [A.componentKey, A],
       [K.componentKey, K],
-      [Ne, te]
+      [F.componentKey, F],
+      [Ue, ie]
     ].forEach(([n, e]) => {
       this.disposeWithMe(
         this._componentManager.register(n, e)
@@ -767,79 +770,81 @@ let B = class extends D {
   }
   _initCommands() {
     [
-      Le,
-      Oe,
-      be,
+      we,
+      Pe,
+      Ee,
       w,
-      X,
-      Ee
+      ee,
+      $e
     ].forEach((n) => {
       this._commandService.registerCommand(n);
     });
   }
   _initShortcut() {
-    [Bn].forEach((n) => {
+    [Yn].forEach((n) => {
       this._shortcutService.registerShortcut(n);
     });
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(Vn);
+    this._menuManagerService.mergeMenu(Wn);
   }
 };
-B = Yn([
-  j(0, m(_n)),
-  j(1, x),
-  j(2, Cn),
-  j(3, Sn)
-], B);
-const Wn = "DOC_HYPER_LINK_UI_PLUGIN";
-var Gn = Object.defineProperty, zn = Object.getOwnPropertyDescriptor, qn = (n, e, t) => e in n ? Gn(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, Jn = (n, e, t, i) => {
-  for (var r = i > 1 ? void 0 : i ? zn(e, t) : e, o = n.length - 1, s; o >= 0; o--)
+V = zn([
+  A(0, m(Cn)),
+  A(1, x),
+  A(2, Sn),
+  A(3, yn)
+], V);
+const qn = "DOC_HYPER_LINK_UI_PLUGIN";
+var Jn = Object.defineProperty, Qn = Object.getOwnPropertyDescriptor, Xn = (n, e, t) => e in n ? Jn(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, et = (n, e, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? Qn(e, t) : e, o = n.length - 1, s; o >= 0; o--)
     (s = n[o]) && (r = s(r) || r);
   return r;
-}, J = (n, e) => (t, i) => e(t, i, n), $e = (n, e, t) => qn(n, typeof e != "symbol" ? e + "" : e, t);
-let V = class extends Ze {
-  constructor(n = Ie, e, t, i) {
+}, Q = (n, e) => (t, i) => e(t, i, n), Y = (n, e, t) => Xn(n, typeof e != "symbol" ? e + "" : e, t);
+let P = class extends Ye {
+  constructor(n = _e, e, t, i) {
     super(), this._config = n, this._injector = e, this._renderManagerSrv = t, this._configService = i;
-    const { menu: r, ...o } = Ye(
+    const { menu: r, ...o } = We(
       {},
-      Ie,
+      _e,
       this._config
     );
-    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(kn, o);
+    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(wn, o);
   }
   onStarting() {
     [
       [S],
-      [B],
-      [F]
+      [V],
+      [B]
     ].forEach((e) => {
       this._injector.add(e);
-    }), this._injector.get(B);
+    }), this._injector.get(V);
   }
   onReady() {
-    this._injector.get(F);
+    this._injector.get(B);
   }
   onRendered() {
     this._initRenderModule();
   }
   _initRenderModule() {
     [
-      [ne],
-      [ee]
+      [te],
+      [ne]
     ].forEach((n) => {
       this._renderManagerSrv.registerRenderModule(I.UNIVER_DOC, n);
     });
   }
 };
-$e(V, "pluginName", Wn);
-$e(V, "type", I.UNIVER_DOC);
-V = Jn([
-  Fe(We),
-  J(1, m(Be)),
-  J(2, Ge),
-  J(3, Ve)
-], V);
+Y(P, "pluginName", qn);
+Y(P, "packageName", Oe.name);
+Y(P, "version", Oe.version);
+Y(P, "type", I.UNIVER_DOC);
+P = et([
+  Be(Ge),
+  Q(1, m(Ve)),
+  Q(2, ze),
+  Q(3, Ze)
+], P);
 export {
-  V as UniverDocsHyperLinkUIPlugin
+  P as UniverDocsHyperLinkUIPlugin
 };