@univerjs/sheets-hyper-link-ui 0.7.0 → 0.8.0-beta.1

package/lib/index.js

@@ -1,23 +1,23 @@
 var qn = Object.defineProperty;
 var Jn = (t, e, n) => e in t ? qn(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var $ = (t, e, n) => Jn(t, typeof e != "symbol" ? e + "" : e, n);
-import { Tools as Se, IUniverInstanceService as K, ICommandService as ne, Inject as y, LocaleService as ut, IConfigService as Cn, UniverInstanceType as k, isValidRange as In, RANGE_TYPE as an, Rectangle as Ie, Injector as lt, Disposable as Y, Range as yn, ObjectMatrix as Qn, IContextService as er, ThemeService as tr, DataStreamTreeTokenType as cn, CustomRangeType as Ke, BuildTextUtils as fe, ColorKit as nr, DOCS_ZEN_EDITOR_UNIT_ID_KEY as N, DisposableCollection as rr, FOCUSING_SHEET as Ct, generateRandomId as ir, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Ce, DataValidationType as It, CommandType as dt, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as sr, IPermissionService as or, InterceptorEffectEnum as ar, DependentOn as cr, Plugin as ur, merge as lr } from "@univerjs/core";
-import { SetSelectionsOperation as En, SetWorksheetActiveOperation as Rn, rangeToDiscreteRange as dr, SheetsSelectionsService as kt, getSheetCommandTarget as Tt, RangeProtectionPermissionEditPoint as Ot, WorksheetEditPermission as Nt, WorksheetSetCellValuePermission as Pn, WorksheetInsertHyperlinkPermission as xt, WorkbookEditablePermission as Mt, SheetPermissionCheckController as Ln, RangeProtectionPermissionViewPoint as pr, WorksheetViewPermission as hr, WorkbookViewPermission as gr, WorkbookCopyPermission as vr, WorksheetCopyPermission as mr, ClearSelectionContentCommand as fr, ClearSelectionAllCommand as _r, ClearSelectionFormatCommand as Sr, SheetInterceptorService as Cr, INTERCEPTOR_POINT as Ir } from "@univerjs/sheets";
-import { SheetHyperLinkType as C, ERROR_RANGE as yr, HyperLinkModel as pt, RemoveHyperLinkMutation as Ne, AddHyperLinkMutation as xe, SheetsHyperLinkParserService as Ut, UpdateRichHyperLinkCommand as Er, UpdateHyperLinkCommand as Rr, AddRichHyperLinkCommand as Pr, AddHyperLinkCommand as Lr, CancelRichHyperLinkCommand as br, CancelHyperLinkCommand as wr, UniverSheetsHyperLinkPlugin as kr } from "@univerjs/sheets-hyper-link";
-import { ScrollToRangeOperation as bn, ISheetClipboardService as Tr, virtualizeDiscreteRanges as Pt, COPY_TYPE as Or, PREDEFINED_HOOK_NAME as $e, getRepeatRange as Nr, IEditorBridgeService as te, IMarkSelectionService as xr, SheetCanvasPopManagerService as Mr, getEditingCustomRangePosition as Ur, getCustomRangePosition as Hr, whenSheetEditorFocused as Dr, getCurrentRangeDisable$ as Vr, IAutoFillService as Ar, APPLY_TYPE as we, getAutoFillRepeatRange as $r, HoverManagerService as Br, HoverRenderController as Fr, SheetSkeletonManagerService as un } from "@univerjs/sheets-ui";
-import { MessageType as Te, clsx as je, FormLayout as ve, Input as ln, Select as yt, Button as dn, borderClassName as wn, Tooltip as Be } from "@univerjs/design";
-import { IDefinedNamesService as kn, deserializeRangeWithSheet as We, serializeRangeWithSheet as jr, serializeRangeToRefString as Wr, serializeRange as Zr } from "@univerjs/engine-formula";
-import { IMessageService as Tn, useDependency as I, useObservable as Gr, IZenZoneService as ht, useEvent as Kr, KeyCode as Lt, MenuItemType as On, MetaKeys as Yr, getMenuHiddenObservable as gt, ContextMenuPosition as zr, ContextMenuGroup as Xr, RibbonStartGroup as qr, ComponentManager as Jr, IMenuManagerService as Qr, IShortcutService as ei } from "@univerjs/ui";
-import { DocSelectionRenderService as Nn, DocBackScrollRenderController as ti, DocCanvasPopManagerService as ni, calcDocRangePositions as ri, DocEventManagerService as pn, UniverDocsUIPlugin as ii } from "@univerjs/docs-ui";
-import { IRenderManagerService as He } from "@univerjs/engine-render";
-import { Subject as si, BehaviorSubject as oi, of as oe, map as Ht, switchMap as Me, combineLatest as ai, debounceTime as Ze, Observable as ci } from "rxjs";
-import { DocSelectionManagerService as Ue } from "@univerjs/docs";
-import { jsxs as _e, jsx as m, Fragment as ui } from "react/jsx-runtime";
+import { Tools as Ce, IUniverInstanceService as K, ICommandService as ne, Inject as y, LocaleService as ut, IConfigService as Cn, UniverInstanceType as k, isValidRange as Sn, RANGE_TYPE as an, Rectangle as ye, Injector as lt, Disposable as Y, Range as yn, ObjectMatrix as Qn, IContextService as er, ThemeService as tr, DataStreamTreeTokenType as cn, CustomRangeType as xe, BuildTextUtils as _e, ColorKit as nr, DOCS_ZEN_EDITOR_UNIT_ID_KEY as x, DisposableCollection as rr, FOCUSING_SHEET as Ct, generateRandomId as ir, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Se, DataValidationType as St, CommandType as dt, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as sr, IPermissionService as or, InterceptorEffectEnum as ar, DependentOn as cr, Plugin as ur, merge as lr } from "@univerjs/core";
+import { SetSelectionsOperation as En, SetWorksheetActiveOperation as Rn, rangeToDiscreteRange as dr, SheetsSelectionsService as kt, getSheetCommandTarget as Tt, RangeProtectionPermissionEditPoint as Ot, WorksheetEditPermission as xt, WorksheetSetCellValuePermission as Pn, WorksheetInsertHyperlinkPermission as Nt, WorkbookEditablePermission as Mt, SheetPermissionCheckController as Ln, RangeProtectionPermissionViewPoint as pr, WorksheetViewPermission as hr, WorkbookViewPermission as gr, WorkbookCopyPermission as vr, WorksheetCopyPermission as mr, ClearSelectionContentCommand as fr, ClearSelectionAllCommand as _r, ClearSelectionFormatCommand as Ir, SheetInterceptorService as Cr, INTERCEPTOR_POINT as Sr } from "@univerjs/sheets";
+import { SheetHyperLinkType as C, ERROR_RANGE as yr, HyperLinkModel as pt, RemoveHyperLinkMutation as Ne, AddHyperLinkMutation as Me, SheetsHyperLinkParserService as Ut, UpdateRichHyperLinkCommand as Er, UpdateHyperLinkCommand as Rr, AddRichHyperLinkCommand as Pr, AddHyperLinkCommand as Lr, CancelRichHyperLinkCommand as wr, CancelHyperLinkCommand as br, UniverSheetsHyperLinkPlugin as kr } from "@univerjs/sheets-hyper-link";
+import { ScrollToRangeOperation as wn, ISheetClipboardService as Tr, virtualizeDiscreteRanges as Pt, COPY_TYPE as Or, PREDEFINED_HOOK_NAME as Be, getRepeatRange as xr, IEditorBridgeService as te, IMarkSelectionService as Nr, SheetCanvasPopManagerService as Mr, getEditingCustomRangePosition as Ur, getCustomRangePosition as Hr, whenSheetEditorFocused as Dr, getCurrentRangeDisable$ as Ar, IAutoFillService as Vr, APPLY_TYPE as be, getAutoFillRepeatRange as $r, HoverManagerService as Br, HoverRenderController as Fr, SheetSkeletonManagerService as un } from "@univerjs/sheets-ui";
+import { MessageType as Te, clsx as We, FormLayout as me, Input as ln, Select as yt, Button as dn, borderClassName as bn, Tooltip as Fe } from "@univerjs/design";
+import { IDefinedNamesService as kn, deserializeRangeWithSheet as Ze, serializeRangeWithSheet as jr, serializeRangeToRefString as Wr, serializeRange as Zr } from "@univerjs/engine-formula";
+import { IMessageService as Tn, useDependency as S, useObservable as Gr, IZenZoneService as ht, useEvent as Kr, KeyCode as Lt, MenuItemType as On, MetaKeys as Yr, getMenuHiddenObservable as gt, ContextMenuPosition as zr, ContextMenuGroup as Xr, RibbonInsertGroup as qr, ComponentManager as Jr, IMenuManagerService as Qr, IShortcutService as ei } from "@univerjs/ui";
+import { DocSelectionRenderService as xn, DocBackScrollRenderController as ti, DocCanvasPopManagerService as ni, calcDocRangePositions as ri, DocEventManagerService as pn, UniverDocsUIPlugin as ii } from "@univerjs/docs-ui";
+import { IRenderManagerService as De } from "@univerjs/engine-render";
+import { Subject as si, BehaviorSubject as oi, of as ae, map as Ht, switchMap as Ue, combineLatest as ai, debounceTime as Ge, Observable as ci } from "rxjs";
+import { DocSelectionManagerService as He } from "@univerjs/docs";
+import { jsxs as Ie, jsx as m, Fragment as ui } from "react/jsx-runtime";
 import { RangeSelector as li } from "@univerjs/sheets-formula-ui";
-import { useState as Z, useMemo as Et, useRef as xn, useCallback as di, useEffect as ee, forwardRef as ue, createElement as le } from "react";
+import { useState as Z, useMemo as Et, useRef as Nn, useCallback as di, useEffect as ee, forwardRef as le, createElement as de } from "react";
 import { SheetDataValidationModel as hn } from "@univerjs/sheets-data-validation";
 function Ye(t) {
-  return Se.isLegalUrl(t);
+  return Ce.isLegalUrl(t);
 }
 function pi(t) {
   return /^[a-zA-Z]+:\/\//.test(t);
@@ -43,17 +43,17 @@ var vi = Object.getOwnPropertyDescriptor, mi = (t, e, n, i) => {
   for (var r = i > 1 ? void 0 : i ? vi(e, n) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (r = o(r) || r);
   return r;
-}, me = (t, e) => (n, i) => e(n, i, t);
+}, fe = (t, e) => (n, i) => e(n, i, t);
 function fi(t, e) {
   const n = e.getMergeData(), i = e.getMaxColumns() - 1, r = e.getMaxRows() - 1;
   if (i < t.endColumn && (t.endColumn = i), r < t.endRow && (t.endRow = r), t.rangeType === an.COLUMN || an.ROW)
     return t;
   const s = [];
   return n.forEach((o) => {
-    Ie.intersects(t, o) && s.push(o);
-  }), Ie.realUnion(t, ...s);
+    ye.intersects(t, o) && s.push(o);
+  }), ye.realUnion(t, ...s);
 }
-let ce = class {
+let ue = class {
   constructor(t, e, n, i, r, s) {
     this._univerInstanceService = t, this._commandService = e, this._definedNamesService = n, this._messageService = i, this._localeService = r, this._configService = s;
   }
@@ -94,8 +94,8 @@ let ce = class {
     }
     if (e) {
       if (n) {
-        const o = We(n);
-        In(o.range) && n !== yr && this.navigateToRange(s, e, o.range);
+        const o = Ze(n);
+        Sn(o.range) && n !== yr && this.navigateToRange(s, e, o.range);
         return;
       }
       this.navigateToSheetById(s, e);
@@ -115,7 +115,7 @@ let ce = class {
             primary: null
           }]
         }
-      ), await this._commandService.executeCommand(bn.id, {
+      ), await this._commandService.executeCommand(wn.id, {
         range: s,
         forceTop: i
       });
@@ -150,20 +150,20 @@ let ce = class {
     window.open(t, "_blank", "noopener noreferrer");
   }
 };
-ce = mi([
-  me(0, K),
-  me(1, ne),
-  me(2, kn),
-  me(3, Tn),
-  me(4, y(ut)),
-  me(5, Cn)
-], ce);
+ue = mi([
+  fe(0, K),
+  fe(1, ne),
+  fe(2, kn),
+  fe(3, Tn),
+  fe(4, y(ut)),
+  fe(5, Cn)
+], ue);
 const Dt = "SHEET_HYPER_LINK_UI_PLUGIN";
-var _i = Object.getOwnPropertyDescriptor, Si = (t, e, n, i) => {
+var _i = Object.getOwnPropertyDescriptor, Ii = (t, e, n, i) => {
   for (var r = i > 1 ? void 0 : i ? _i(e, n) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (r = o(r) || r);
   return r;
-}, Fe = (t, e) => (n, i) => e(n, i, t);
+}, je = (t, e) => (n, i) => e(n, i, t);
 let ze = class extends Y {
   constructor(e, n, i, r) {
     super();
@@ -196,7 +196,7 @@ let ze = class extends Y {
         if (Ye(n) && i) {
           const { range: r, unitId: s, subUnitId: o } = e, { ranges: [c], mapFunc: u } = Pt([r]), p = [], l = [];
           return yn.foreach(c, (g, d) => {
-            const { row: _, col: S } = u(g, d), f = this._hyperLinkModel.getHyperLinkByLocation(s, o, _, S);
+            const { row: _, col: I } = u(g, d), f = this._hyperLinkModel.getHyperLinkByLocation(s, o, _, I);
             f && p.push({
               id: Ne.id,
               params: {
@@ -205,7 +205,7 @@ let ze = class extends Y {
                 id: f.id
               }
             }), f && l.push({
-              id: xe.id,
+              id: Me.id,
               params: {
                 unitId: s,
                 subUnitId: o,
@@ -245,25 +245,25 @@ let ze = class extends Y {
     if (!this._copyInfo || !this._copyInfo.matrix.getSizeOf() || !n.copyRange)
       return { redos: [], undos: [] };
     if ([
-      $e.SPECIAL_PASTE_COL_WIDTH,
-      $e.SPECIAL_PASTE_VALUE,
-      $e.SPECIAL_PASTE_FORMAT,
-      $e.SPECIAL_PASTE_FORMULA
+      Be.SPECIAL_PASTE_COL_WIDTH,
+      Be.SPECIAL_PASTE_VALUE,
+      Be.SPECIAL_PASTE_FORMAT,
+      Be.SPECIAL_PASTE_FORMULA
     ].includes(n.pasteType))
       return { redos: [], undos: [] };
     const { unitId: r, subUnitId: s } = this._copyInfo, o = [], c = [], { ranges: [u, p], mapFunc: l } = Pt([n.copyRange, e]);
-    return Nr(u, p, !0).forEach(({ startRange: d }) => {
+    return xr(u, p, !0).forEach(({ startRange: d }) => {
       var _;
-      (_ = this._copyInfo) == null || _.matrix.forValue((S, f, b) => {
-        const a = Ie.getPositionRange(
+      (_ = this._copyInfo) == null || _.matrix.forValue((I, f, w) => {
+        const a = ye.getPositionRange(
           {
-            startRow: S,
-            endRow: S,
+            startRow: I,
+            endRow: I,
             startColumn: f,
             endColumn: f
           },
           d
-        ), w = this._hyperLinkModel.getHyperLink(r, s, b), { row: M, col: T } = l(a.startRow, a.startColumn), P = this._hyperLinkModel.getHyperLinkByLocation(n.unitId, n.subUnitId, M, T), A = Se.generateRandomId();
+        ), b = this._hyperLinkModel.getHyperLink(r, s, w), { row: M, col: T } = l(a.startRow, a.startColumn), P = this._hyperLinkModel.getHyperLinkByLocation(n.unitId, n.subUnitId, M, T), D = Ce.generateRandomId();
         P && o.push({
           id: Ne.id,
           params: {
@@ -271,14 +271,14 @@ let ze = class extends Y {
             subUnitId: n.subUnitId,
             id: P.id
           }
-        }), w && (o.push({
-          id: xe.id,
+        }), b && (o.push({
+          id: Me.id,
           params: {
             unitId: n.unitId,
             subUnitId: n.subUnitId,
             link: {
-              ...w,
-              id: A,
+              ...b,
+              id: D,
               row: M,
               column: T
             }
@@ -288,10 +288,10 @@ let ze = class extends Y {
           params: {
             unitId: n.unitId,
             subUnitId: n.subUnitId,
-            id: A
+            id: D
           }
         })), P && c.push({
-          id: xe.id,
+          id: Me.id,
           params: {
             unitId: n.unitId,
             subUnitId: n.subUnitId,
@@ -302,11 +302,11 @@ let ze = class extends Y {
     }), { redos: o, undos: c };
   }
 };
-ze = Si([
-  Fe(0, Tr),
-  Fe(1, y(pt)),
-  Fe(2, y(lt)),
-  Fe(3, y(ce))
+ze = Ii([
+  je(0, Tr),
+  je(1, y(pt)),
+  je(2, y(lt)),
+  je(3, y(ue))
 ], ze);
 var v = /* @__PURE__ */ ((t) => (t.EDITING = "editing", t.VIEWING = "viewing", t.ZEN_EDITOR = "zen_mode", t))(v || {});
 class Un extends Y {
@@ -339,47 +339,47 @@ class Un extends Y {
 }
 const Xe = () => {
   var Zt;
-  const [t, e] = Z(""), [n, i] = Z(!1), [r, s] = Z(""), [o, c] = Z(!0), [u, p] = Z(C.URL), [l, g] = Z(""), d = I(ut), _ = I(kn), S = I(te), f = I(K), b = I(G), a = Gr(b.currentEditing$), w = I(Ut), M = I(ce), T = I(ne), P = I(Un), A = Et(() => P.getOptions(), [P]), D = I(ht), z = I(He), ye = I(xr), De = I(Ue), re = I(er), Ee = I(tr), Re = I(Ue), [Pe, Ve] = Z(!1), pe = I(kt), Zn = Et(() => pe.getCurrentSelections(), []), Ae = Et(() => {
+  const [t, e] = Z(""), [n, i] = Z(!1), [r, s] = Z(""), [o, c] = Z(!0), [u, p] = Z(C.URL), [l, g] = Z(""), d = S(ut), _ = S(kn), I = S(te), f = S(K), w = S(G), a = Gr(w.currentEditing$), b = S(Ut), M = S(ue), T = S(ne), P = S(Un), D = Et(() => P.getOptions(), [P]), A = S(ht), z = S(De), re = S(Nr), Ae = S(He), ie = S(er), Ee = S(tr), Re = S(He), [Pe, Ve] = Z(!1), he = S(kt), Zn = Et(() => he.getCurrentSelections(), []), $e = Et(() => {
     if (!P.isBuiltInLinkType(u))
       return P.getCustomHyperLink(u);
-  }, [P, u]), [he, Gn] = Z(!1), [Le, jt] = Z(!1), H = xn(!1), B = f.getCurrentUnitForType(k.UNIVER_SHEET), Kn = (B == null ? void 0 : B.getActiveSheet().getSheetId()) || "", q = di((h) => {
+  }, [P, u]), [ge, Gn] = Z(!1), [Le, jt] = Z(!1), H = Nn(!1), B = f.getCurrentUnitForType(k.UNIVER_SHEET), Kn = (B == null ? void 0 : B.getActiveSheet().getSheetId()) || "", q = di((h) => {
     s(h.replaceAll(cn.CUSTOM_RANGE_START, "").replaceAll(cn.CUSTOM_RANGE_END, ""));
   }, [s]);
   ee(() => {
-    var h, E, R, L, x, F, Gt, Kt, Yt, zt, Xt, qt, Jt, Qt, en, tn, nn;
+    var h, E, R, L, N, F, Gt, Kt, Yt, zt, Xt, qt, Jt, Qt, en, tn, nn;
     if ((a == null ? void 0 : a.row) !== void 0 && a.col !== void 0) {
-      const { customRange: ie, row: _t, col: St } = a;
+      const { customRange: se, row: _t, col: It } = a;
       let { label: X } = a;
       typeof X == "number" && (X = `${X}`);
       let j;
-      if (ie)
+      if (se)
         j = {
-          id: (h = ie == null ? void 0 : ie.rangeId) != null ? h : "",
+          id: (h = se == null ? void 0 : se.rangeId) != null ? h : "",
           display: X != null ? X : "",
-          payload: (R = (E = ie == null ? void 0 : ie.properties) == null ? void 0 : E.url) != null ? R : "",
+          payload: (R = (E = se == null ? void 0 : se.properties) == null ? void 0 : E.url) != null ? R : "",
           row: _t,
-          column: St
+          column: It
         };
       else if (a.type === v.VIEWING) {
-        const O = f.getUnit(a.unitId), Q = O == null ? void 0 : O.getSheetBySheetId(a.subUnitId), U = Q == null ? void 0 : Q.getCellRaw(a.row, a.col), ge = (F = (x = (L = U == null ? void 0 : U.p) == null ? void 0 : L.body) == null ? void 0 : x.customRanges) == null ? void 0 : F.find((sn) => {
+        const O = f.getUnit(a.unitId), Q = O == null ? void 0 : O.getSheetBySheetId(a.subUnitId), U = Q == null ? void 0 : Q.getCellRaw(a.row, a.col), ve = (F = (N = (L = U == null ? void 0 : U.p) == null ? void 0 : L.body) == null ? void 0 : N.customRanges) == null ? void 0 : F.find((sn) => {
           var on;
-          return sn.rangeType === Ke.HYPERLINK && ((on = sn.properties) == null ? void 0 : on.url);
-        }), be = U == null ? void 0 : U.v;
-        U && (!fe.transform.isEmptyDocument((Kt = (Gt = U.p) == null ? void 0 : Gt.body) == null ? void 0 : Kt.dataStream) || Se.isDefine(be)) && c(!1), j = {
+          return sn.rangeType === xe.HYPERLINK && ((on = sn.properties) == null ? void 0 : on.url);
+        }), we = U == null ? void 0 : U.v;
+        U && (!_e.transform.isEmptyDocument((Kt = (Gt = U.p) == null ? void 0 : Gt.body) == null ? void 0 : Kt.dataStream) || Ce.isDefine(we)) && c(!1), j = {
           id: "",
           display: "",
-          payload: (zt = (Yt = ge == null ? void 0 : ge.properties) == null ? void 0 : Yt.url) != null ? zt : "",
+          payload: (zt = (Yt = ve == null ? void 0 : ve.properties) == null ? void 0 : Yt.url) != null ? zt : "",
           row: _t,
-          column: St
+          column: It
         };
       } else {
-        const O = f.getCurrentUnitForType(k.UNIVER_DOC), Q = De.getActiveTextRange(), U = O == null ? void 0 : O.getBody(), ge = Q && U ? Q : null, be = ge && ((qt = fe.customRange.getCustomRangesInterestsWithSelection(ge, (Xt = U == null ? void 0 : U.customRanges) != null ? Xt : [])) == null ? void 0 : qt[0]);
+        const O = f.getCurrentUnitForType(k.UNIVER_DOC), Q = Ae.getActiveTextRange(), U = O == null ? void 0 : O.getBody(), ve = Q && U ? Q : null, we = ve && ((qt = _e.customRange.getCustomRangesInterestsWithSelection(ve, (Xt = U == null ? void 0 : U.customRanges) != null ? Xt : [])) == null ? void 0 : qt[0]);
         c(!1), j = {
           id: "",
           display: X != null ? X : "",
-          payload: (Qt = (Jt = be == null ? void 0 : be.properties) == null ? void 0 : Jt.url) != null ? Qt : "",
+          payload: (Qt = (Jt = we == null ? void 0 : we.properties) == null ? void 0 : Jt.url) != null ? Qt : "",
           row: _t,
-          column: St
+          column: It
         };
       }
       e(j.id);
@@ -390,14 +390,14 @@ const Xe = () => {
         return;
       }
       q(j.display);
-      const J = w.parseHyperLink(j.payload);
+      const J = b.parseHyperLink(j.payload);
       switch (p(J.type === C.INVALID ? C.RANGE : J.type), J.type) {
         case C.URL: {
           g(J.url), J.url === j.display && (H.current = !0);
           break;
         }
         case C.RANGE: {
-          const O = J.searchObj, Q = O.gid && (nn = (tn = (en = f.getUnit(a.unitId)) == null ? void 0 : en.getSheetBySheetId(O.gid)) == null ? void 0 : tn.getName()) != null ? nn : "", U = jr(Q, We(O.range).range);
+          const O = J.searchObj, Q = O.gid && (nn = (tn = (en = f.getUnit(a.unitId)) == null ? void 0 : en.getSheetBySheetId(O.gid)) == null ? void 0 : tn.getName()) != null ? nn : "", U = jr(Q, Ze(O.range).range);
           g(U), U === j.display && (H.current = !0);
           break;
         }
@@ -416,11 +416,11 @@ const Xe = () => {
           break;
       }
     }
-  }, [a, M, P, De, f]), ee(() => {
+  }, [a, M, P, Ae, f]), ee(() => {
     let h = null;
-    if (a && !a.customRangeId && a.type === v.VIEWING && Se.isDefine(a.row) && Se.isDefine(a.col)) {
-      const E = f.getUnit(a.unitId, k.UNIVER_SHEET), R = E == null ? void 0 : E.getSheetBySheetId(a.subUnitId), L = R == null ? void 0 : R.getMergedCell(a.row, a.col), x = new nr(Ee.getColorFromTheme("primary.600")).toRgb();
-      h = ye.addShape(
+    if (a && !a.customRangeId && a.type === v.VIEWING && Ce.isDefine(a.row) && Ce.isDefine(a.col)) {
+      const E = f.getUnit(a.unitId, k.UNIVER_SHEET), R = E == null ? void 0 : E.getSheetBySheetId(a.subUnitId), L = R == null ? void 0 : R.getMergedCell(a.row, a.col), N = new nr(Ee.getColorFromTheme("primary.600")).toRgb();
+      h = re.addShape(
         {
           range: L != null ? L : {
             startColumn: a.col,
@@ -430,7 +430,7 @@ const Xe = () => {
           },
           style: {
             // hasAutoFill: false,
-            fill: `rgb(${x.r}, ${x.g}, ${x.b}, 0.12)`,
+            fill: `rgb(${N.r}, ${N.g}, ${N.b}, 0.12)`,
             strokeWidth: 1,
             stroke: "#FFBD37",
             widgets: {}
@@ -442,31 +442,31 @@ const Xe = () => {
       );
     }
     return () => {
-      h && ye.removeShape(h);
+      h && re.removeShape(h);
     };
-  }, [a, ye, Ee, f]), ee(() => {
+  }, [a, re, Ee, f]), ee(() => {
     jt(u === C.RANGE);
   }, [u]), ee(() => {
-    const h = (a == null ? void 0 : a.type) === v.ZEN_EDITOR ? z.getRenderById(N) : z.getRenderById(S.getCurrentEditorId()), E = new rr();
+    const h = (a == null ? void 0 : a.type) === v.ZEN_EDITOR ? z.getRenderById(x) : z.getRenderById(I.getCurrentEditorId()), E = new rr();
     if (h) {
-      const R = h.with(Nn);
+      const R = h.with(xn);
       R.setReserveRangesStatus(!0), E.add(() => {
         R.setReserveRangesStatus(!1);
       });
     }
     return () => {
-      S.disableForceKeepVisible(), E.dispose();
+      I.disableForceKeepVisible(), E.dispose();
     };
-  }, [a == null ? void 0 : a.type, S, z]), ee(() => (Le && b.setIsKeepVisible(Le), b.setIsKeepVisible(Pe), () => {
-    b.setIsKeepVisible(!1);
-  }), [Le, Pe, b]), ee(() => () => {
-    D.temporaryHidden && (D.show(), re.setContextValue(Ct, !1));
-  }, [re, D]), ee(() => {
+  }, [a == null ? void 0 : a.type, I, z]), ee(() => (Le && w.setIsKeepVisible(Le), w.setIsKeepVisible(Pe), () => {
+    w.setIsKeepVisible(!1);
+  }), [Le, Pe, w]), ee(() => () => {
+    A.temporaryHidden && (A.show(), ie.setContextValue(Ct, !1));
+  }, [ie, A]), ee(() => {
     if (Le)
-      return S.enableForceKeepVisible(), () => {
-        S.disableForceKeepVisible();
+      return I.enableForceKeepVisible(), () => {
+        I.disableForceKeepVisible();
       };
-  }, [Le, S]);
+  }, [Le, I]);
   const Yn = [
     {
       label: d.t("hyperLink.form.link"),
@@ -484,7 +484,7 @@ const Xe = () => {
       label: d.t("hyperLink.form.definedName"),
       value: C.DEFINE_NAME
     },
-    ...A
+    ...D
   ];
   if (!B)
     return;
@@ -495,17 +495,17 @@ const Xe = () => {
     if (h === C.URL)
       return gi(E);
     if (h === C.RANGE) {
-      const R = We(E), L = B.getSheetBySheetName(R.sheetName);
+      const R = Ze(E), L = B.getSheetBySheetName(R.sheetName);
       if (L)
         return `#gid=${L.getSheetId()}&range=${Zr(R.range)}`;
     }
     return `#${h}=${E}`;
   }, Xn = Kr((h) => {
-    var x;
-    const R = h.split(",").map(We)[0];
-    if (!R || !In(R.range))
+    var N;
+    const R = h.split(",").map(Ze)[0];
+    if (!R || !Sn(R.range))
       return;
-    R.sheetName || (R.sheetName = ((x = B.getActiveSheet()) == null ? void 0 : x.getName()) || "");
+    R.sheetName || (R.sheetName = ((N = B.getActiveSheet()) == null ? void 0 : N.getName()) || "");
     const L = Wr(R);
     g(L), L && (H.current || !r) && (q(L), H.current = !0);
   }), ft = async () => {
@@ -526,7 +526,7 @@ const Xe = () => {
           },
           row: a.row,
           column: a.col,
-          documentId: a.type === v.ZEN_EDITOR ? N : S.getCurrentEditorId()
+          documentId: a.type === v.ZEN_EDITOR ? x : I.getCurrentEditorId()
         });
       } else {
         const h = a.type === v.ZEN_EDITOR || a.type === v.EDITING ? Pr.id : Lr.id;
@@ -540,7 +540,7 @@ const Xe = () => {
             payload: Wt(u, l),
             display: o ? r : ""
           },
-          documentId: a.type === v.ZEN_EDITOR ? N : S.getCurrentEditorId()
+          documentId: a.type === v.ZEN_EDITOR ? x : I.getCurrentEditorId()
         });
       }
     if ((a == null ? void 0 : a.type) === v.VIEWING) {
@@ -549,7 +549,7 @@ const Xe = () => {
         subUnitId: a.subUnitId
       });
       const h = 1;
-      await T.executeCommand(bn.id, {
+      await T.executeCommand(wn.id, {
         range: {
           startRow: Math.max(a.row - h, 0),
           endRow: a.row + h,
@@ -560,16 +560,16 @@ const Xe = () => {
     }
     T.executeCommand(Je.id);
   };
-  return a ? /* @__PURE__ */ _e(
+  return a ? /* @__PURE__ */ Ie(
     "div",
     {
-      className: je("univer-box-border univer-w-[296px] univer-rounded-xl univer-bg-white univer-p-4 univer-shadow-md dark:univer-bg-gray-900", wn),
+      className: We("univer-box-border univer-w-[296px] univer-rounded-xl univer-bg-white univer-p-4 univer-shadow-md dark:!univer-bg-gray-900", bn),
       children: [
         o ? /* @__PURE__ */ m(
-          ve,
+          me,
           {
             label: d.t("hyperLink.form.label"),
-            error: he && !r ? d.t("hyperLink.form.inputError") : "",
+            error: ge && !r ? d.t("hyperLink.form.inputError") : "",
             children: /* @__PURE__ */ m(
               ln,
               {
@@ -586,7 +586,7 @@ const Xe = () => {
             )
           }
         ) : null,
-        /* @__PURE__ */ m(ve, { label: d.t("hyperLink.form.type"), children: /* @__PURE__ */ m(
+        /* @__PURE__ */ m(me, { label: d.t("hyperLink.form.type"), children: /* @__PURE__ */ m(
           yt,
           {
             className: "univer-w-full",
@@ -598,9 +598,9 @@ const Xe = () => {
           }
         ) }),
         u === C.URL && /* @__PURE__ */ m(
-          ve,
+          me,
           {
-            error: he ? l ? Ye(l) ? "" : d.t("hyperLink.form.linkError") : d.t("hyperLink.form.inputError") : "",
+            error: ge ? l ? Ye(l) ? "" : d.t("hyperLink.form.linkError") : d.t("hyperLink.form.inputError") : "",
             children: /* @__PURE__ */ m(
               ln,
               {
@@ -617,7 +617,7 @@ const Xe = () => {
             )
           }
         ),
-        u === C.RANGE && /* @__PURE__ */ m(ve, { error: he && !l ? d.t("hyperLink.form.inputError") : "", children: /* @__PURE__ */ m(
+        u === C.RANGE && /* @__PURE__ */ m(me, { error: ge && !l ? d.t("hyperLink.form.inputError") : "", children: /* @__PURE__ */ m(
           li,
           {
             unitId: B.getUnitId(),
@@ -630,58 +630,58 @@ const Xe = () => {
             onRangeSelectorDialogVisibleChange: async (h) => {
               var E, R;
               if (Ve(h), h)
-                a.type === v.ZEN_EDITOR && (D.hide(), re.setContextValue(Ct, !0)), a.type !== v.VIEWING && S.enableForceKeepVisible(), i(!0);
+                a.type === v.ZEN_EDITOR && (A.hide(), ie.setContextValue(Ct, !0)), a.type !== v.VIEWING && I.enableForceKeepVisible(), i(!0);
               else {
                 if (await M.navigateToRange(a.unitId, a.subUnitId, { startRow: a.row, endRow: a.row, startColumn: a.col, endColumn: a.col }, !0), a.type === v.ZEN_EDITOR) {
                   await T.executeCommand(En.id, {
                     unitId: a.unitId,
                     subUnitId: a.subUnitId,
                     selections: [{ range: { startRow: a.row, endRow: a.row, startColumn: a.col, endColumn: a.col } }]
-                  }), D.show(), re.setContextValue(Ct, !1);
-                  const L = (E = z.getRenderById(N)) == null ? void 0 : E.with(ti), x = (R = Re.getTextRanges({ unitId: N, subUnitId: N })) == null ? void 0 : R[0];
-                  L && x && (L.scrollToRange(x), Re.refreshSelection({ unitId: N, subUnitId: N }));
+                  }), A.show(), ie.setContextValue(Ct, !1);
+                  const L = (E = z.getRenderById(x)) == null ? void 0 : E.with(ti), N = (R = Re.getTextRanges({ unitId: x, subUnitId: x })) == null ? void 0 : R[0];
+                  L && N && (L.scrollToRange(N), Re.refreshSelection({ unitId: x, subUnitId: x }));
                 }
-                S.disableForceKeepVisible(), i(!1);
+                I.disableForceKeepVisible(), i(!1);
               }
             },
             onFocusChange: (h) => jt(h)
           }
         ) }),
-        u === C.SHEET && /* @__PURE__ */ m(ve, { error: he && !l ? d.t("hyperLink.form.selectError") : "", children: /* @__PURE__ */ m(
+        u === C.SHEET && /* @__PURE__ */ m(me, { error: ge && !l ? d.t("hyperLink.form.selectError") : "", children: /* @__PURE__ */ m(
           yt,
           {
             className: "univer-w-full",
             options: vt,
             value: l,
             onChange: (h) => {
-              var L, x;
+              var L, N;
               g(h);
-              const E = (L = vt.find((F) => F.value === h)) == null ? void 0 : L.label, R = (x = vt.find((F) => F.value === l)) == null ? void 0 : x.label;
+              const E = (L = vt.find((F) => F.value === h)) == null ? void 0 : L.label, R = (N = vt.find((F) => F.value === l)) == null ? void 0 : N.label;
               E && (H.current || !r || r === R) && (q(E), H.current = !0);
             }
           }
         ) }),
-        u === C.DEFINE_NAME && /* @__PURE__ */ m(ve, { error: he && !l ? d.t("hyperLink.form.selectError") : "", children: /* @__PURE__ */ m(
+        u === C.DEFINE_NAME && /* @__PURE__ */ m(me, { error: ge && !l ? d.t("hyperLink.form.selectError") : "", children: /* @__PURE__ */ m(
           yt,
           {
             className: "univer-w-full",
             options: mt,
             value: l,
             onChange: (h) => {
-              var L, x;
+              var L, N;
               g(h);
-              const E = (L = mt.find((F) => F.value === h)) == null ? void 0 : L.label, R = (x = mt.find((F) => F.value === l)) == null ? void 0 : x.label;
+              const E = (L = mt.find((F) => F.value === h)) == null ? void 0 : L.label, R = (N = mt.find((F) => F.value === l)) == null ? void 0 : N.label;
               E && (H.current || !r || r === R) && (q(E), H.current = !0);
             }
           }
         ) }),
-        (Ae == null ? void 0 : Ae.Form) && /* @__PURE__ */ m(
-          Ae.Form,
+        ($e == null ? void 0 : $e.Form) && /* @__PURE__ */ m(
+          $e.Form,
           {
             linkId: t,
             payload: l,
             display: r,
-            showError: he,
+            showError: ge,
             setByPayload: H,
             setDisplay: (h) => {
               q(h), H.current = !0;
@@ -689,7 +689,7 @@ const Xe = () => {
             setPayload: g
           }
         ),
-        /* @__PURE__ */ _e("div", { className: "univer-flex univer-flex-row univer-justify-end", children: [
+        /* @__PURE__ */ Ie("div", { className: "univer-flex univer-flex-row univer-justify-end univer-gap-2", children: [
           /* @__PURE__ */ m(
             dn,
             {
@@ -703,7 +703,6 @@ const Xe = () => {
             dn,
             {
               variant: "primary",
-              style: { marginLeft: 8 },
               onClick: async () => {
                 ft();
               },
@@ -731,16 +730,16 @@ var V = function() {
     for (var r = 0, i = Object.getOwnPropertySymbols(t); r < i.length; r++)
       e.indexOf(i[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, i[r]) && (n[i[r]] = t[i[r]]);
   return n;
-}, de = ue(function(t, e) {
-  var n = t.icon, i = t.id, r = t.className, s = t.extend, o = Ci(t, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(i, " ").concat(r || "").trim(), u = xn("_".concat(Ei()));
+}, pe = le(function(t, e) {
+  var n = t.icon, i = t.id, r = t.className, s = t.extend, o = Ci(t, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(i, " ").concat(r || "").trim(), u = Nn("_".concat(Ei()));
   return Hn(n, "".concat(i), { defIds: n.defIds, idSuffix: u.current }, V({ ref: e, className: c }, o), s);
 });
 function Hn(t, e, n, i, r) {
-  return le(t.tag, V(V({ key: e }, Ii(t, n, r)), i), (yi(t, n).children || []).map(function(s, o) {
+  return de(t.tag, V(V({ key: e }, Si(t, n, r)), i), (yi(t, n).children || []).map(function(s, o) {
     return Hn(s, "".concat(e, "-").concat(t.tag, "-").concat(o), n, void 0, r);
   }));
 }
-function Ii(t, e, n) {
+function Si(t, e, n) {
   var i = V({}, t.attrs);
   n != null && n.colorChannel1 && i.fill === "colorChannel1" && (i.fill = n.colorChannel1), t.tag === "mask" && i.id && (i.id = i.id + e.idSuffix), Object.entries(i).forEach(function(s) {
     var o = s[0], c = s[1];
@@ -755,99 +754,99 @@ function Ii(t, e, n) {
 function yi(t, e) {
   var n, i = e.defIds;
   return !i || i.length === 0 ? t : t.tag === "defs" && (!((n = t.children) === null || n === void 0) && n.length) ? V(V({}, t), { children: t.children.map(function(r) {
-    return typeof r.attrs.id == "string" && i && i.indexOf(r.attrs.id) > -1 ? V(V({}, r), { attrs: V(V({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
+    return typeof r.attrs.id == "string" && i && i.includes(r.attrs.id) ? V(V({}, r), { attrs: V(V({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
   }) }) : t;
 }
 function Ei() {
   return Math.random().toString(36).substring(2, 8);
 }
-de.displayName = "UniverIcon";
-var Ri = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7.9999 1.12915C8.03875 1.12915 8.07673 1.13284 8.11352 1.13989H12.2599C13.6958 1.13989 14.8599 2.30395 14.8599 3.73989V7.88619C14.867 7.92301 14.8707 7.96102 14.8707 7.9999C14.8707 8.03878 14.867 8.0768 14.8599 8.11362V12.2599C14.8599 13.6958 13.6958 14.8599 12.2599 14.8599H8.11362C8.0768 14.867 8.03878 14.8707 7.9999 14.8707C7.96102 14.8707 7.92301 14.867 7.88619 14.8599H3.73989C2.30396 14.8599 1.13989 13.6958 1.13989 12.2599V8.11352C1.13284 8.07673 1.12915 8.03875 1.12915 7.9999C1.12915 7.96106 1.13284 7.92308 1.13989 7.88629V3.73989C1.13989 2.30396 2.30395 1.13989 3.73989 1.13989H7.88629C7.92308 1.13284 7.96106 1.12915 7.9999 1.12915ZM2.33989 8.5999V12.2599C2.33989 13.0331 2.9667 13.6599 3.73989 13.6599H7.3999V8.5999H2.33989ZM7.3999 7.3999H2.33989V3.73989C2.33989 2.9667 2.96669 2.33989 3.73989 2.33989H7.3999V7.3999ZM8.5999 8.5999V13.6599H12.2599C13.0331 13.6599 13.6599 13.0331 13.6599 12.2599V8.5999H8.5999ZM13.6599 7.3999H8.5999V2.33989H12.2599C13.0331 2.33989 13.6599 2.96669 13.6599 3.73989V7.3999Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Ge = ue(function(t, e) {
-  return le(de, Object.assign({}, t, {
-    id: "all-border-single",
+pe.displayName = "UniverIcon";
+var Ri = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7.9999 1.12915C8.03875 1.12915 8.07673 1.13284 8.11352 1.13989H12.2599C13.6958 1.13989 14.8599 2.30395 14.8599 3.73989V7.88619C14.867 7.92301 14.8707 7.96102 14.8707 7.9999C14.8707 8.03878 14.867 8.0768 14.8599 8.11362V12.2599C14.8599 13.6958 13.6958 14.8599 12.2599 14.8599H8.11362C8.0768 14.867 8.03878 14.8707 7.9999 14.8707C7.96102 14.8707 7.92301 14.867 7.88619 14.8599H3.73989C2.30396 14.8599 1.13989 13.6958 1.13989 12.2599V8.11352C1.13284 8.07673 1.12915 8.03875 1.12915 7.9999C1.12915 7.96106 1.13284 7.92308 1.13989 7.88629V3.73989C1.13989 2.30396 2.30395 1.13989 3.73989 1.13989H7.88629C7.92308 1.13284 7.96106 1.12915 7.9999 1.12915ZM2.33989 8.5999V12.2599C2.33989 13.0331 2.9667 13.6599 3.73989 13.6599H7.3999V8.5999H2.33989ZM7.3999 7.3999H2.33989V3.73989C2.33989 2.9667 2.96669 2.33989 3.73989 2.33989H7.3999V7.3999ZM8.5999 8.5999V13.6599H12.2599C13.0331 13.6599 13.6599 13.0331 13.6599 12.2599V8.5999H8.5999ZM13.6599 7.3999H8.5999V2.33989H12.2599C13.0331 2.33989 13.6599 2.96669 13.6599 3.73989V7.3999Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Ke = le(function(t, e) {
+  return de(pe, Object.assign({}, t, {
+    id: "all-border-icon",
     ref: e,
     icon: Ri
   }));
 });
-Ge.displayName = "AllBorderSingle";
-var Pi = { 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" } }] }, Dn = ue(function(t, e) {
-  return le(de, Object.assign({}, t, {
-    id: "copy-single",
+Ke.displayName = "AllBorderIcon";
+var Pi = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", 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" } }] }, Dn = le(function(t, e) {
+  return de(pe, Object.assign({}, t, {
+    id: "copy-icon",
     ref: e,
     icon: Pi
   }));
 });
-Dn.displayName = "CopySingle";
-var Li = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M9.8816 1.97978C11.0177 0.843607 12.862 0.884962 14.0004 2.02342C15.1389 3.16188 15.1803 5.00612 14.0441 6.14228L11.399 8.78737C11.1608 9.02559 10.7746 9.02559 10.5363 8.78737C10.2981 8.54915 10.2981 8.16292 10.5363 7.9247L13.1814 5.2796C13.8195 4.64155 13.8217 3.57006 13.1378 2.8861C12.4538 2.20211 11.3823 2.20438 10.7443 2.84245L7.6976 5.88911L7.69317 5.89349C7.05959 6.53211 7.05894 7.60014 7.74132 8.28252C7.97954 8.52074 7.97954 8.90697 7.74132 9.14519C7.5031 9.38341 7.11687 9.38341 6.87865 9.14519C5.74016 8.00671 5.69884 6.16251 6.83497 5.02633L6.84021 5.02116L9.8816 1.97978Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.61426 7.2364C4.85248 6.99818 5.23871 6.99818 5.47693 7.2364C5.71515 7.47462 5.71515 7.86085 5.47693 8.09907L2.83183 10.7442C2.19375 11.3823 2.1915 12.4537 2.87547 13.1377C3.55945 13.8217 4.6309 13.8194 5.26899 13.1813L8.31566 10.1347C8.32262 10.1277 8.32971 10.121 8.33691 10.1144C8.34408 10.1064 8.3515 10.0986 8.35916 10.091C8.99721 9.45291 8.99949 8.38145 8.3155 7.69746C8.07728 7.45924 8.07728 7.07301 8.3155 6.83479C8.55372 6.59657 8.93995 6.59657 9.17817 6.83479C10.3166 7.97327 10.358 9.81748 9.22183 10.9536C9.21487 10.9606 9.20779 10.9673 9.20058 10.9739C9.19341 10.9819 9.18599 10.9897 9.17833 10.9973L6.13166 14.044C4.99548 15.1802 3.15127 15.1389 2.01279 14.0004C0.874362 12.8619 0.83297 11.0177 1.96916 9.8815L4.61426 7.2364Z" } }] }, Vt = ue(function(t, e) {
-  return le(de, Object.assign({}, t, {
-    id: "link-single",
+Dn.displayName = "CopyIcon";
+var Li = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M9.8816 1.97978C11.0177 0.843607 12.862 0.884962 14.0004 2.02342C15.1389 3.16188 15.1803 5.00612 14.0441 6.14228L11.399 8.78737C11.1608 9.02559 10.7746 9.02559 10.5363 8.78737C10.2981 8.54915 10.2981 8.16292 10.5363 7.9247L13.1814 5.2796C13.8195 4.64155 13.8217 3.57006 13.1378 2.8861C12.4538 2.20211 11.3823 2.20438 10.7443 2.84245L7.6976 5.88911L7.69317 5.89349C7.05959 6.53211 7.05894 7.60014 7.74132 8.28252C7.97954 8.52074 7.97954 8.90697 7.74132 9.14519C7.5031 9.38341 7.11687 9.38341 6.87865 9.14519C5.74016 8.00671 5.69884 6.16251 6.83497 5.02633L6.84021 5.02116L9.8816 1.97978Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.61426 7.2364C4.85248 6.99818 5.23871 6.99818 5.47693 7.2364C5.71515 7.47462 5.71515 7.86085 5.47693 8.09907L2.83183 10.7442C2.19375 11.3823 2.1915 12.4537 2.87547 13.1377C3.55945 13.8217 4.6309 13.8194 5.26899 13.1813L8.31566 10.1347C8.32262 10.1277 8.32971 10.121 8.33691 10.1144C8.34408 10.1064 8.3515 10.0986 8.35916 10.091C8.99721 9.45291 8.99949 8.38145 8.3155 7.69746C8.07728 7.45924 8.07728 7.07301 8.3155 6.83479C8.55372 6.59657 8.93995 6.59657 9.17817 6.83479C10.3166 7.97327 10.358 9.81748 9.22183 10.9536C9.21487 10.9606 9.20779 10.9673 9.20058 10.9739C9.19341 10.9819 9.18599 10.9897 9.17833 10.9973L6.13166 14.044C4.99548 15.1802 3.15127 15.1389 2.01279 14.0004C0.874362 12.8619 0.83297 11.0177 1.96916 9.8815L4.61426 7.2364Z" } }] }, At = le(function(t, e) {
+  return de(pe, Object.assign({}, t, {
+    id: "link-icon",
     ref: e,
     icon: Li
   }));
 });
-Vt.displayName = "LinkSingle";
-var bi = { 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" } }] }, Vn = ue(function(t, e) {
-  return le(de, Object.assign({}, t, {
-    id: "unlink-single",
+At.displayName = "LinkIcon";
+var wi = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", 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.76157C6.75249 4.52725 6.75249 4.14735 6.98681 3.91304L8.27535 2.62449C9.70209 1.19776 12.0153 1.19776 13.442 2.62449C14.8688 4.05123 14.8688 6.36442 13.442 7.79116L12.1535 9.0797C11.9192 9.31402 11.5393 9.31402 11.3049 9.0797C11.0706 8.84539 11.0706 8.46549 11.3049 8.23117L12.5935 6.94263C13.5516 5.98452 13.5516 4.43113 12.5935 3.47302Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M3.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.05395C4.4606 6.81963 4.0807 6.81963 3.84639 7.05395L2.55784 8.34249C1.13111 9.76923 1.13111 12.0824 2.55784 13.5092C3.98458 14.9359 6.29777 14.9359 7.72451 13.5092L9.01305 12.2206C9.24737 11.9863 9.24737 11.6064 9.01305 11.3721C8.77874 11.1378 8.39884 11.1378 8.16452 11.3721L6.87598 12.6606C5.91787 13.6187 4.36448 13.6187 3.40637 12.6606Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M3.5852 2.80332C3.35088 2.569 2.97098 2.569 2.73667 2.80332C2.50235 3.03763 2.50235 3.41753 2.73667 3.65185L12.4151 13.3302C12.6494 13.5646 13.0293 13.5646 13.2636 13.3302C13.4979 13.0959 13.4979 12.716 13.2636 12.4817L3.5852 2.80332Z" } }] }, An = le(function(t, e) {
+  return de(pe, Object.assign({}, t, {
+    id: "unlink-icon",
     ref: e,
-    icon: bi
+    icon: wi
   }));
 });
-Vn.displayName = "UnlinkSingle";
-var wi = { 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" } }] }, An = ue(function(t, e) {
-  return le(de, Object.assign({}, t, {
-    id: "write-single",
+An.displayName = "UnlinkIcon";
+var bi = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", 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" } }] }, Vn = le(function(t, e) {
+  return de(pe, Object.assign({}, t, {
+    id: "write-icon",
     ref: e,
-    icon: wi
+    icon: bi
   }));
 });
-An.displayName = "WriteSingle";
-var ki = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3.4538 1.12549C2.70051 1.12549 2.08984 1.73615 2.08984 2.48945V13.5104C2.08984 14.2637 2.70051 14.8744 3.4538 14.8744H12.5468C13.3001 14.8744 13.9108 14.2637 13.9108 13.5104V5.0992L10.0094 1.12549H3.4538Z" } }, { tag: "path", attrs: { fill: "colorChannel1", d: "M10.0078 1.12549L13.9107 5.09842H10.6745C10.3063 5.09842 10.0078 4.79994 10.0078 4.43175V1.12549Z" } }, { tag: "path", attrs: { fill: "#fff", d: "M7.80941 10.2949L6.37701 12.403C6.2632 12.5705 6.03516 12.614 5.86766 12.5002C5.70017 12.3864 5.65664 12.1584 5.77045 11.9909L7.36611 9.64252L5.94103 7.54519C5.82722 7.37769 5.87074 7.14964 6.03824 7.03583C6.20573 6.92202 6.43378 6.96555 6.54759 7.13304L7.80941 8.9901L9.07123 7.13304C9.18504 6.96555 9.41309 6.92202 9.58059 7.03583C9.74808 7.14964 9.7916 7.37769 9.67779 7.54519L8.25271 9.64252L9.84837 11.9909C9.96218 12.1584 9.91866 12.3864 9.75116 12.5002C9.58366 12.614 9.35562 12.5705 9.24181 12.403L7.80941 10.2949Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, $n = ue(function(t, e) {
-  return le(de, Object.assign({}, t, {
-    id: "xlsx",
+Vn.displayName = "WriteIcon";
+var ki = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "#35BD4B", d: "M3.4535 1.12549C2.7002 1.12549 2.08954 1.73615 2.08954 2.48945V13.5104C2.08954 14.2637 2.7002 14.8744 3.4535 14.8744H12.5465C13.2998 14.8744 13.9105 14.2637 13.9105 13.5104V5.0992L10.0091 1.12549H3.4535Z" } }, { tag: "path", attrs: { fill: "#32A846", d: "M10.0075 1.12549L13.9104 5.09842H10.6742C10.306 5.09842 10.0075 4.79994 10.0075 4.43175V1.12549Z" } }, { tag: "path", attrs: { fill: "white", d: "M7.8088 10.2949L6.3764 12.403C6.26259 12.5705 6.03455 12.614 5.86705 12.5002C5.69955 12.3864 5.65603 12.1584 5.76984 11.9909L7.3655 9.64252L5.94042 7.54519C5.82661 7.37769 5.87013 7.14964 6.03763 7.03583C6.20512 6.92202 6.43317 6.96555 6.54698 7.13304L7.8088 8.9901L9.07062 7.13304C9.18443 6.96555 9.41248 6.92202 9.57997 7.03583C9.74747 7.14964 9.79099 7.37769 9.67718 7.54519L8.2521 9.64252L9.84776 11.9909C9.96157 12.1584 9.91805 12.3864 9.75055 12.5002C9.58305 12.614 9.35501 12.5705 9.2412 12.403L7.8088 10.2949Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, $n = le(function(t, e) {
+  return de(pe, Object.assign({}, t, {
+    id: "xlsx-multi-icon",
     ref: e,
     icon: ki
   }));
 });
-$n.displayName = "Xlsx";
+$n.displayName = "XlsxMultiIcon";
 const Ti = {
-  [C.URL]: /* @__PURE__ */ m(Vt, {}),
-  [C.SHEET]: /* @__PURE__ */ m($n, {}),
-  [C.RANGE]: /* @__PURE__ */ m(Ge, {}),
-  [C.DEFINE_NAME]: /* @__PURE__ */ m(Ge, {}),
-  [C.INVALID]: /* @__PURE__ */ m(Ge, {})
+  [C.URL]: /* @__PURE__ */ m(At, {}),
+  [C.SHEET]: /* @__PURE__ */ m($n, { className: "univer-text-green-500" }),
+  [C.RANGE]: /* @__PURE__ */ m(Ke, {}),
+  [C.DEFINE_NAME]: /* @__PURE__ */ m(Ke, {}),
+  [C.INVALID]: /* @__PURE__ */ m(Ke, {})
 }, vn = (t) => {
   var M, T;
-  const e = I(G), n = I(ne), i = I(Tn), r = I(ut), s = I(ce), o = I(te), c = I(Ut), u = I(ht), { customRange: p, row: l, col: g, unitId: d, subUnitId: _, editPermission: S, copyPermission: f, type: b } = t;
+  const e = S(G), n = S(ne), i = S(Tn), r = S(ut), s = S(ue), o = S(te), c = S(Ut), u = S(ht), { customRange: p, row: l, col: g, unitId: d, subUnitId: _, editPermission: I, copyPermission: f, type: w } = t;
   if (!((M = p == null ? void 0 : p.properties) != null && M.url))
     return null;
-  const a = c.parseHyperLink((T = p.properties.url) != null ? T : ""), w = a.type === C.INVALID;
-  return /* @__PURE__ */ _e(
+  const a = c.parseHyperLink((T = p.properties.url) != null ? T : ""), b = a.type === C.INVALID;
+  return /* @__PURE__ */ Ie(
     "div",
     {
-      className: je("univer-mb-1 univer-flex univer-max-w-80 univer-flex-row univer-items-center univer-justify-between univer-overflow-hidden univer-rounded-lg univer-bg-white univer-p-3 univer-shadow-md dark:univer-bg-gray-900", wn),
+      className: We("univer-mb-1 univer-flex univer-max-w-80 univer-flex-row univer-items-center univer-justify-between univer-overflow-hidden univer-rounded-lg univer-bg-white univer-p-3 univer-shadow-md dark:!univer-bg-gray-900", bn),
       onClick: () => e.hideCurrentPopup(),
       children: [
-        /* @__PURE__ */ _e(
+        /* @__PURE__ */ Ie(
           "div",
           {
-            className: je("univer-flex univer-h-6 univer-flex-1 univer-cursor-pointer univer-flex-row univer-items-center univer-truncate univer-text-sm univer-leading-5 univer-text-primary-600", { "univer-text-red-500": w }),
+            className: We("univer-flex univer-h-6 univer-flex-1 univer-cursor-pointer univer-flex-row univer-items-center univer-truncate univer-text-sm univer-leading-5 univer-text-primary-600", { "univer-text-red-500": b }),
             onClick: () => {
-              u.visible || w || s.navigate(a);
+              u.visible || b || s.navigate(a);
             },
             children: [
               /* @__PURE__ */ m(
                 "div",
                 {
-                  className: "univer-mr-2 univer-flex univer-h-5 univer-w-5 univer-flex-none univer-items-center univer-justify-center univer-text-base univer-text-gray-900 dark:univer-text-white",
+                  className: "univer-mr-2 univer-flex univer-h-5 univer-w-5 univer-flex-none univer-items-center univer-justify-center univer-text-base univer-text-gray-900 dark:!univer-text-white",
                   children: Ti[a.type]
                 }
               ),
-              /* @__PURE__ */ m(Be, { showIfEllipsis: !0, title: a.name, asChild: !0, children: /* @__PURE__ */ m("span", { className: "univer-flex-1 univer-overflow-hidden univer-text-ellipsis", children: a.name }) })
+              /* @__PURE__ */ m(Fe, { showIfEllipsis: !0, title: a.name, asChild: !0, children: /* @__PURE__ */ m("span", { className: "univer-flex-1 univer-overflow-hidden univer-text-ellipsis", children: a.name }) })
             ]
           }
         ),
-        /* @__PURE__ */ _e(
+        /* @__PURE__ */ Ie(
           "div",
           {
             className: "univer-flex univer-h-6 univer-flex-none univer-flex-row univer-items-center univer-justify-center",
@@ -855,9 +854,9 @@ const Ti = {
               f && /* @__PURE__ */ m(
                 "div",
                 {
-                  className: je("univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-flex-row univer-items-center univer-justify-center univer-rounded univer-text-base dark:hover:univer-bg-gray-700 hover:univer-bg-gray-100", { "univer-text-red-500": w }),
+                  className: We("univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-flex-row univer-items-center univer-justify-center univer-rounded univer-text-base dark:hover:!univer-bg-gray-700 hover:univer-bg-gray-100", { "univer-text-red-500": b }),
                   onClick: () => {
-                    if (!w) {
+                    if (!b) {
                       if (a.type !== C.URL) {
                         const P = new URL(window.location.href);
                         P.hash = a.url.slice(1), navigator.clipboard.writeText(P.href);
@@ -869,14 +868,14 @@ const Ti = {
                       });
                     }
                   },
-                  children: /* @__PURE__ */ m(Be, { placement: "bottom", title: r.t("hyperLink.popup.copy"), children: /* @__PURE__ */ m(Dn, { className: "dark:univer-text-white" }) })
+                  children: /* @__PURE__ */ m(Fe, { placement: "bottom", title: r.t("hyperLink.popup.copy"), children: /* @__PURE__ */ m(Dn, { className: "dark:!univer-text-white" }) })
                 }
               ),
-              S && /* @__PURE__ */ _e(ui, { children: [
+              I && /* @__PURE__ */ Ie(ui, { children: [
                 /* @__PURE__ */ m(
                   "div",
                   {
-                    className: "univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-flex-row univer-items-center univer-justify-center univer-rounded univer-text-base dark:hover:univer-bg-gray-700 hover:univer-bg-gray-100",
+                    className: "univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-flex-row univer-items-center univer-justify-center univer-rounded univer-text-base dark:hover:!univer-bg-gray-700 hover:univer-bg-gray-100",
                     onClick: () => {
                       n.executeCommand($t.id, {
                         unitId: d,
@@ -884,28 +883,28 @@ const Ti = {
                         row: l,
                         col: g,
                         customRangeId: p.rangeId,
-                        type: b
+                        type: w
                       });
                     },
-                    children: /* @__PURE__ */ m(Be, { placement: "bottom", title: r.t("hyperLink.popup.edit"), children: /* @__PURE__ */ m(An, { className: "dark:univer-text-white" }) })
+                    children: /* @__PURE__ */ m(Fe, { placement: "bottom", title: r.t("hyperLink.popup.edit"), children: /* @__PURE__ */ m(Vn, { className: "dark:!univer-text-white" }) })
                   }
                 ),
                 /* @__PURE__ */ m(
                   "div",
                   {
-                    className: "univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-flex-row univer-items-center univer-justify-center univer-rounded univer-text-base dark:hover:univer-bg-gray-700 hover:univer-bg-gray-100",
+                    className: "univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-flex-row univer-items-center univer-justify-center univer-rounded univer-text-base dark:hover:!univer-bg-gray-700 hover:univer-bg-gray-100",
                     onClick: () => {
-                      const P = b === v.EDITING || b === v.ZEN_EDITOR ? br.id : wr.id;
+                      const P = w === v.EDITING || w === v.ZEN_EDITOR ? wr.id : br.id;
                       n.syncExecuteCommand(P, {
                         unitId: d,
                         subUnitId: _,
                         id: p.rangeId,
                         row: l,
                         column: g,
-                        documentId: b === v.ZEN_EDITOR ? N : o.getCurrentEditorId()
+                        documentId: w === v.ZEN_EDITOR ? x : o.getCurrentEditorId()
                       }) && e.hideCurrentPopup(void 0, !0);
                     },
-                    children: /* @__PURE__ */ m(Be, { placement: "bottom", title: r.t("hyperLink.popup.cancel"), children: /* @__PURE__ */ m(Vn, { className: "dark:univer-text-white" }) })
+                    children: /* @__PURE__ */ m(Fe, { placement: "bottom", title: r.t("hyperLink.popup.cancel"), children: /* @__PURE__ */ m(An, { className: "dark:!univer-text-white" }) })
                   }
                 )
               ] })
@@ -917,7 +916,7 @@ const Ti = {
   );
 }, qe = () => {
   var r, s;
-  const t = I(G), [e, n] = Z(null), i = I(K);
+  const t = S(G), [e, n] = Z(null), i = S(K);
   if (ee(() => {
     n(t.currentPopup);
     const o = t.currentPopup$.subscribe((c) => {
@@ -935,11 +934,11 @@ const Ti = {
   return /* @__PURE__ */ m(vn, { ...e });
 };
 qe.componentKey = "univer.sheet.cell-link-popup";
-var Oi = Object.getOwnPropertyDescriptor, Ni = (t, e, n, i) => {
+var Oi = Object.getOwnPropertyDescriptor, xi = (t, e, n, i) => {
   for (var r = i > 1 ? void 0 : i ? Oi(e, n) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (r = o(r) || r);
   return r;
-}, se = (t, e) => (n, i) => e(n, i, t);
+}, oe = (t, e) => (n, i) => e(n, i, t);
 const mn = (t, e) => {
   var n, i;
   return t.unitId === e.unitId && t.subUnitId === e.subUnitId && t.row === e.row && t.col === e.col && ((n = t.customRange) == null ? void 0 : n.rangeId) === ((i = e.customRange) == null ? void 0 : i.rangeId) && t.type === e.type;
@@ -1005,7 +1004,7 @@ let G = class extends Y {
           collapsed: !1
         },
         l,
-        N
+        x
       );
     } else if (e.showAll)
       p = this._sheetCanvasPopManagerService.attachPopupToCell(e.row, e.col, l, i, r);
@@ -1047,9 +1046,9 @@ let G = class extends Y {
           startOffset: 0,
           endOffset: c.dataStream.length - 2,
           collapsed: c.dataStream.length - 2 === 0,
-          label: fe.transform.getPlainText(c.dataStream)
+          label: _e.transform.getPlainText(c.dataStream)
         };
-      const u = fe.customRange.getCustomRangesInterestsWithSelection(o, (s = (r = c.customRanges) == null ? void 0 : r.filter((g) => g.rangeType === Ke.HYPERLINK)) != null ? s : []);
+      const u = _e.customRange.getCustomRangesInterestsWithSelection(o, (s = (r = c.customRanges) == null ? void 0 : r.filter((g) => g.rangeType === xe.HYPERLINK)) != null ? s : []);
       let p = o.startOffset, l = o.endOffset;
       return u.forEach((g) => {
         p = Math.min(p, g.startIndex), l = Math.max(l, g.endIndex + 1);
@@ -1057,7 +1056,7 @@ let G = class extends Y {
         startOffset: p,
         endOffset: l,
         collapsed: p === l,
-        label: fe.transform.getPlainText(c.dataStream.slice(p, l))
+        label: _e.transform.getPlainText(c.dataStream.slice(p, l))
       };
     }
     return null;
@@ -1079,7 +1078,7 @@ let G = class extends Y {
     var s, o, c, u, p;
     const { unitId: n, subUnitId: i, type: r } = e;
     if (r === v.ZEN_EDITOR) {
-      const l = this._univerInstanceService.getUnit(N, k.UNIVER_DOC);
+      const l = this._univerInstanceService.getUnit(x, k.UNIVER_DOC);
       if (!l)
         return;
       const g = this._textSelectionManagerService.getActiveTextRange();
@@ -1088,7 +1087,7 @@ let G = class extends Y {
       this._currentEditingPopup = this._docCanvasPopManagerService.attachPopupToRange(
         g,
         this._editPopup,
-        N
+        x
       );
       const d = (s = l.getBody()) == null ? void 0 : s.dataStream.slice(g.startOffset, g.endOffset);
       this._currentEditing$.next({
@@ -1099,8 +1098,8 @@ let G = class extends Y {
       const l = this._getEditingRange();
       if (!l)
         return;
-      this._textSelectionManagerService.replaceDocRanges([{ ...l }], { unitId: Ce, subUnitId: Ce });
-      const g = this._injector.get(He).getRenderById(Ce);
+      this._textSelectionManagerService.replaceDocRanges([{ ...l }], { unitId: Se, subUnitId: Se });
+      const g = this._injector.get(De).getRenderById(Se);
       if (!g)
         return;
       const d = ri(l, g);
@@ -1126,7 +1125,7 @@ let G = class extends Y {
       const l = this._univerInstanceService.getUnit(n, k.UNIVER_SHEET), g = l == null ? void 0 : l.getSheetBySheetId(i), d = g == null ? void 0 : g.getCellRaw(e.row, e.col);
       this._currentEditing$.next({
         ...e,
-        label: d != null && d.p ? fe.transform.getPlainText((u = (c = d.p.body) == null ? void 0 : c.dataStream) != null ? u : "") : ((p = d == null ? void 0 : d.v) != null ? p : "").toString()
+        label: d != null && d.p ? _e.transform.getPlainText((u = (c = d.p.body) == null ? void 0 : c.dataStream) != null ? u : "") : ((p = d == null ? void 0 : d.v) != null ? p : "").toString()
       });
     }
   }
@@ -1137,7 +1136,7 @@ let G = class extends Y {
     const { unitId: n, subUnitId: i } = e;
     let r, s;
     if (e.type === v.ZEN_EDITOR) {
-      const d = this._univerInstanceService.getUnit(N, k.UNIVER_DOC);
+      const d = this._univerInstanceService.getUnit(x, k.UNIVER_DOC);
       if (r = (u = (c = d == null ? void 0 : d.getBody()) == null ? void 0 : c.customRanges) == null ? void 0 : u.find((_) => _.rangeId === e.customRangeId), s = r ? (p = d == null ? void 0 : d.getBody()) == null ? void 0 : p.dataStream.slice(r.startIndex, r.endIndex + 1) : "", !r || !s)
         return;
       this._textSelectionManagerService.replaceTextRanges([
@@ -1152,7 +1151,7 @@ let G = class extends Y {
           collapsed: !1
         },
         this._editPopup,
-        N
+        x
       );
     } else if (e.type === v.EDITING) {
       const d = Ur(this._injector, e.unitId, e.subUnitId, e.row, e.col, e.customRangeId);
@@ -1170,10 +1169,10 @@ let G = class extends Y {
         i
       );
     } else {
-      const d = this._univerInstanceService.getUnit(n, k.UNIVER_SHEET), _ = d == null ? void 0 : d.getSheetBySheetId(i), S = _ == null ? void 0 : _.getCellRaw(e.row, e.col), f = d == null ? void 0 : d.getStyles().getStyleByCell(S), b = f == null ? void 0 : f.tr, a = Hr(this._injector, e.unitId, e.subUnitId, e.row, e.col, e.customRangeId);
+      const d = this._univerInstanceService.getUnit(n, k.UNIVER_SHEET), _ = d == null ? void 0 : d.getSheetBySheetId(i), I = _ == null ? void 0 : _.getCellRaw(e.row, e.col), f = d == null ? void 0 : d.getStyles().getStyleByCell(I), w = f == null ? void 0 : f.tr, a = Hr(this._injector, e.unitId, e.subUnitId, e.row, e.col, e.customRangeId);
       if (!a || !((g = a.rects) != null && g.length))
         return;
-      r = a.customRange, s = a.label, b ? this._currentEditingPopup = this._sheetCanvasPopManagerService.attachPopupToCell(
+      r = a.customRange, s = a.label, w ? this._currentEditingPopup = this._sheetCanvasPopManagerService.attachPopupToCell(
         e.row,
         e.col,
         this._editPopup,
@@ -1204,27 +1203,27 @@ let G = class extends Y {
     n && (!e || e === n.type) && ((i = this._currentEditingPopup) == null || i.dispose(), this._currentEditing$.next(null));
   }
 };
-G = Ni([
-  se(0, y(Mr)),
-  se(1, y(lt)),
-  se(2, K),
-  se(3, te),
-  se(4, y(Ue)),
-  se(5, y(ni)),
-  se(6, ht)
+G = xi([
+  oe(0, y(Mr)),
+  oe(1, y(lt)),
+  oe(2, K),
+  oe(3, te),
+  oe(4, y(He)),
+  oe(5, y(ni)),
+  oe(6, ht)
 ], G);
 var Oe = /* @__PURE__ */ ((t) => (t[t.ALLOWED = 0] = "ALLOWED", t[t.DISABLED_BY_CELL = 1] = "DISABLED_BY_CELL", t[t.ALLOW_ON_EDITING = 2] = "ALLOW_ON_EDITING", t))(Oe || {});
-const xi = /* @__PURE__ */ new Set([
-  It.CHECKBOX,
-  It.LIST,
-  It.LIST_MULTIPLE
-]), At = (t, e, n, i) => {
+const Ni = /* @__PURE__ */ new Set([
+  St.CHECKBOX,
+  St.LIST,
+  St.LIST_MULTIPLE
+]), Vt = (t, e, n, i) => {
   var c, u, p, l, g;
   const r = e.getCell(n, i);
   if (r != null && r.f || r != null && r.si || (p = (u = (c = r == null ? void 0 : r.p) == null ? void 0 : c.body) == null ? void 0 : u.customBlocks) != null && p.length)
     return 1;
   const s = t.has(hn) ? t.get(hn) : null, o = s == null ? void 0 : s.getRuleByLocation(e.getUnitId(), e.getSheetId(), n, i);
-  return o && xi.has(o.type) ? !0 : (g = (l = r == null ? void 0 : r.p) == null ? void 0 : l.drawingsOrder) != null && g.length ? 2 : 0;
+  return o && Ni.has(o.type) ? !0 : (g = (l = r == null ? void 0 : r.p) == null ? void 0 : l.drawingsOrder) != null && g.length ? 2 : 0;
 }, Mi = (t) => {
   const e = t.get(K).getCurrentUnitForType(k.UNIVER_SHEET);
   if (!e)
@@ -1233,9 +1232,9 @@ const xi = /* @__PURE__ */ new Set([
   if (!i.length)
     return !0;
   const r = i[0].range.startRow, s = i[0].range.startColumn;
-  return At(t, n, r, s) === 1;
+  return Vt(t, n, r, s) === 1;
 }, Ui = (t) => {
-  const e = t.get(Ue), n = t.get(K), i = e.getTextRanges();
+  const e = t.get(He), n = t.get(K), i = e.getTextRanges();
   if (!(i != null && i.length))
     return !0;
   const r = n.getCurrentUnitForType(k.UNIVER_DOC);
@@ -1266,7 +1265,7 @@ const xi = /* @__PURE__ */ new Set([
     const r = t.get(ne), o = t.get(kt).getCurrentLastSelection();
     if (!o)
       return !1;
-    const c = o.range.startRow, u = o.range.startColumn, p = i.isVisible(), l = ((g = e.getFocusedUnit()) == null ? void 0 : g.getUnitId()) === N;
+    const c = o.range.startRow, u = o.range.startColumn, p = i.isVisible(), l = ((g = e.getFocusedUnit()) == null ? void 0 : g.getUnitId()) === x;
     return r.executeCommand($t.id, {
       unitId: n.unitId,
       subUnitId: n.subUnitId,
@@ -1275,7 +1274,7 @@ const xi = /* @__PURE__ */ new Set([
       type: l ? v.ZEN_EDITOR : p.visible ? v.EDITING : v.VIEWING
     });
   }
-}, ae = {
+}, ce = {
   type: dt.OPERATION,
   id: "sheet.operation.insert-hyper-link-toolbar",
   handler(t) {
@@ -1284,16 +1283,16 @@ const xi = /* @__PURE__ */ new Set([
     const e = t.get(ne);
     return t.get(G).currentEditing ? e.executeCommand(Je.id) : e.executeCommand(Bt.id);
   }
-}, Ft = (t, e = N) => {
+}, Ft = (t, e = x) => {
   var r;
-  const n = t.get(K), i = (r = t.get(He).getRenderById(e)) == null ? void 0 : r.with(Nn);
+  const n = t.get(K), i = (r = t.get(De).getRenderById(e)) == null ? void 0 : r.with(xn);
   return i ? i.textSelectionInner$.pipe(Ht(() => {
     const o = t.get(te).getEditCellState();
     if (!o)
       return !0;
     const c = Tt(n, { unitId: o.unitId, subUnitId: o.sheetId });
-    return !(c != null && c.worksheet) || At(t, c.worksheet, o.row, o.column) === 1 ? !0 : Ui(t);
-  })) : oe(!0);
+    return !(c != null && c.worksheet) || Vt(t, c.worksheet, o.row, o.column) === 1 ? !0 : Ui(t);
+  })) : ae(!0);
 }, Bn = (t) => {
   var r;
   const e = t.get(K), n = t.has(te) ? t.get(te) : null;
@@ -1302,26 +1301,26 @@ const xi = /* @__PURE__ */ new Set([
       if (!s)
         return Oe.DISABLED_BY_CELL;
       const o = Tt(e, { unitId: s.unitId, subUnitId: s.sheetId });
-      return o ? At(t, o.worksheet, s.row, s.column) : Oe.DISABLED_BY_CELL;
+      return o ? Vt(t, o.worksheet, s.row, s.column) : Oe.DISABLED_BY_CELL;
     }),
-    Me((s) => {
+    Ue((s) => {
       if (s === Oe.DISABLED_BY_CELL)
-        return oe(!0);
-      const o = n ? n.visible$ : oe(null);
+        return ae(!0);
+      const o = n ? n.visible$ : ae(null);
       return ai([o, e.getCurrentTypeOfUnit$(k.UNIVER_DOC)]).pipe(
-        Me(
-          ([c, u]) => c != null && c.visible ? (u == null ? void 0 : u.getUnitId()) === sr ? oe(!0) : Ft(t, Ce) : oe(s !== Oe.ALLOWED)
+        Ue(
+          ([c, u]) => c != null && c.visible ? (u == null ? void 0 : u.getUnitId()) === sr ? ae(!0) : Ft(t, Se) : ae(s !== Oe.ALLOWED)
         )
       );
     })
-  )) != null ? r : oe(!0)).pipe(
-    Me((s) => s ? oe(!0) : Vr(t, { workbookTypes: [Mt], worksheetTypes: [Nt, Pn, xt], rangeTypes: [Ot] }, !0))
+  )) != null ? r : ae(!0)).pipe(
+    Ue((s) => s ? ae(!0) : Ar(t, { workbookTypes: [Mt], worksheetTypes: [xt, Pn, Nt], rangeTypes: [Ot] }, !0))
   );
 }, Qe = {
   commandId: Bt.id,
   type: On.BUTTON,
   title: "hyperLink.menu.add",
-  icon: "LinkSingle"
+  icon: "LinkIcon"
 }, et = (t) => `${t}-zen-editor`, Hi = (t) => ({
   ...Qe,
   id: Qe.commandId,
@@ -1331,25 +1330,25 @@ const xi = /* @__PURE__ */ new Set([
 }), Di = (t) => ({
   ...Qe,
   id: et(Qe.commandId),
-  hidden$: gt(t, k.UNIVER_DOC, N),
+  hidden$: gt(t, k.UNIVER_DOC, x),
   disabled$: Ft(t)
 }), tt = {
   tooltip: "hyperLink.form.addTitle",
-  commandId: ae.id,
+  commandId: ce.id,
   type: On.BUTTON,
-  icon: "LinkSingle"
-}, Vi = (t) => ({
+  icon: "LinkIcon"
+}, Ai = (t) => ({
   ...tt,
   id: tt.commandId,
   hidden$: gt(t, k.UNIVER_SHEET),
   disabled$: Bn(t)
-}), Ai = (t) => ({
+}), Vi = (t) => ({
   ...tt,
   id: et(tt.commandId),
-  hidden$: gt(t, k.UNIVER_DOC, N),
+  hidden$: gt(t, k.UNIVER_DOC, x),
   disabled$: Ft(t)
 }), Fn = {
-  id: ae.id,
+  id: ce.id,
   binding: Lt.K | Yr.CTRL_COMMAND,
   preconditions: Dr
 };
@@ -1368,85 +1367,85 @@ let nt = class extends Y {
       const { source: s, target: o, unitId: c, subUnitId: u } = i, p = Pt([s, o]), [l, g] = p.ranges, { mapFunc: d } = p, _ = {
         row: l.startRow,
         col: l.startColumn
-      }, S = $r(l, g), f = [], b = [];
-      return S.forEach((a) => {
-        const w = a.repeatStartCell, M = a.relativeRange, T = {
+      }, I = $r(l, g), f = [], w = [];
+      return I.forEach((a) => {
+        const b = a.repeatStartCell, M = a.relativeRange, T = {
           startRow: _.row,
           startColumn: _.col,
           endColumn: _.col,
           endRow: _.row
         }, P = {
-          startRow: w.row,
-          startColumn: w.col,
-          endColumn: w.col,
-          endRow: w.row
+          startRow: b.row,
+          startColumn: b.col,
+          endColumn: b.col,
+          endRow: b.row
         };
-        yn.foreach(M, (A, D) => {
-          const z = Ie.getPositionRange(
+        yn.foreach(M, (D, A) => {
+          const z = ye.getPositionRange(
             {
-              startRow: A,
-              startColumn: D,
-              endColumn: D,
-              endRow: A
+              startRow: D,
+              startColumn: A,
+              endColumn: A,
+              endRow: D
             },
             T
-          ), { row: ye, col: De } = d(z.startRow, z.startColumn), re = this._hyperLinkModel.getHyperLinkByLocation(c, u, ye, De), Ee = Ie.getPositionRange(
+          ), { row: re, col: Ae } = d(z.startRow, z.startColumn), ie = this._hyperLinkModel.getHyperLinkByLocation(c, u, re, Ae), Ee = ye.getPositionRange(
             {
-              startRow: A,
-              startColumn: D,
-              endColumn: D,
-              endRow: A
+              startRow: D,
+              startColumn: A,
+              endColumn: A,
+              endRow: D
             },
             P
-          ), { row: Re, col: Pe } = d(Ee.startRow, Ee.startColumn), Ve = Se.generateRandomId(), pe = this._hyperLinkModel.getHyperLinkByLocation(c, u, Re, Pe);
-          pe && f.push({
+          ), { row: Re, col: Pe } = d(Ee.startRow, Ee.startColumn), Ve = Ce.generateRandomId(), he = this._hyperLinkModel.getHyperLinkByLocation(c, u, Re, Pe);
+          he && f.push({
             id: Ne.id,
             params: {
               unitId: c,
               subUnitId: u,
-              id: pe.id
+              id: he.id
             }
-          }), (we.COPY === r || we.SERIES === r) && re && (f.push({
-            id: xe.id,
+          }), (be.COPY === r || be.SERIES === r) && ie && (f.push({
+            id: Me.id,
             params: {
               unitId: c,
               subUnitId: u,
               link: {
-                ...re,
+                ...ie,
                 id: Ve,
                 row: Re,
                 column: Pe
               }
             }
-          }), b.push({
+          }), w.push({
             id: Ne.id,
             params: {
               unitId: c,
               subUnitId: u,
               id: Ve
             }
-          })), pe && b.push({
-            id: xe.id,
+          })), he && w.push({
+            id: Me.id,
             params: {
               unitId: c,
               subUnitId: u,
-              link: pe
+              link: he
             }
           });
         });
       }), {
-        undos: b,
+        undos: w,
         redos: f
       };
     }, n = {
       id: Dt,
-      onFillData: (i, r, s) => s === we.COPY || s === we.ONLY_FORMAT || s === we.SERIES ? e(i, s) : t()
+      onFillData: (i, r, s) => s === be.COPY || s === be.ONLY_FORMAT || s === be.SERIES ? e(i, s) : t()
     };
     this.disposeWithMe(this._autoFillService.addHook(n));
   }
 };
 nt = Bi([
-  fn(0, Ar),
+  fn(0, Vr),
   fn(1, y(pt))
 ], nt);
 var Fi = Object.getOwnPropertyDescriptor, ji = (t, e, n, i) => {
@@ -1464,7 +1463,7 @@ let rt = class extends Y {
         t.id === Fn.id && (this._sheetPermissionCheckController.permissionCheckWithRanges({
           workbookTypes: [Mt],
           rangeTypes: [Ot],
-          worksheetTypes: [Nt, Pn, xt]
+          worksheetTypes: [xt, Pn, Nt]
         }) || this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.hyperLinkErr")));
       })
     );
@@ -1485,8 +1484,8 @@ let it = class extends Y {
     super(), this._hoverManagerService = t, this._sheetsHyperLinkPopupService = e, this._renderManagerService = n, this._permissionService = i, this._sheetPermissionCheckController = r, this._commandService = s, this._editorBridgeService = o, this._textSelectionManagerService = c, this._univerInstanceService = u, this._zenZoneService = p, this._initHoverListener(), this._initCommandListener(), this._initHoverEditingListener(), this._initTextSelectionListener(), this._initZenEditor();
   }
   _getLinkPermission(t) {
-    const { unitId: e, subUnitId: n, row: i, col: r } = t, s = this._univerInstanceService.getUnit(e, k.UNIVER_SHEET);
-    if (!(s == null ? void 0 : s.getSheetBySheetId(n)))
+    const { unitId: e, subUnitId: n, row: i, col: r } = t, s = this._univerInstanceService.getUnit(e, k.UNIVER_SHEET), o = s == null ? void 0 : s.getSheetBySheetId(n);
+    if (!o)
       return {
         viewPermission: !1,
         editPermission: !1,
@@ -1496,23 +1495,27 @@ let it = class extends Y {
       workbookTypes: [gr],
       worksheetTypes: [hr],
       rangeTypes: [pr]
-    }, [{ startRow: i, startColumn: r, endRow: i, endColumn: r }]), u = this._sheetPermissionCheckController.permissionCheckWithRanges({
+    }, [{ startRow: i, startColumn: r, endRow: i, endColumn: r }]);
+    let u = this._sheetPermissionCheckController.permissionCheckWithRanges({
       workbookTypes: [Mt],
-      worksheetTypes: [Nt, xt],
+      worksheetTypes: [xt, Nt],
       rangeTypes: [Ot]
-    }, [{ startRow: i, startColumn: r, endRow: i, endColumn: r }]), p = this._permissionService.composePermission([new vr(e).id, new mr(e, n).id]).every((l) => l.value);
+    }, [{ startRow: i, startColumn: r, endRow: i, endColumn: r }]);
+    const p = o.getCellRaw(i, r);
+    p != null && p.f && p.f.startsWith("=HYPERLINK(") && (u = !1);
+    const l = this._permissionService.composePermission([new vr(e).id, new mr(e, n).id]).every((g) => g.value);
     return {
       viewPermission: c,
       editPermission: u,
-      copyPermission: p
+      copyPermission: l
     };
   }
   _initHoverListener() {
     this.disposeWithMe(
       // hover over not editing cell
-      this._hoverManagerService.currentRichText$.pipe(Ze(200)).subscribe((t) => {
-        var T, P;
-        if (!t) {
+      this._hoverManagerService.currentRichText$.pipe(Ge(200)).subscribe((t) => {
+        var T, P, D;
+        if (!t || ((T = t.customRange) == null ? void 0 : T.rangeType) !== xe.HYPERLINK) {
           this._sheetsHyperLinkPopupService.hideCurrentPopup();
           return;
         }
@@ -1526,17 +1529,17 @@ let it = class extends Y {
           this._sheetsHyperLinkPopupService.hideCurrentPopup(v.VIEWING);
           return;
         }
-        const p = (T = s == null ? void 0 : s.with(un).getSkeletonParam(n)) == null ? void 0 : T.skeleton, l = r, g = i;
+        const p = (P = s == null ? void 0 : s.with(un).getSkeletonParam(n)) == null ? void 0 : P.skeleton, l = r, g = i;
         let d = g, _ = l;
-        p && p.overflowCache.forValue((A, D, z) => {
-          Ie.contains(z, { startColumn: l, endColumn: l, startRow: g, endRow: g }) && (d = A, _ = D);
+        p && p.overflowCache.forValue((A, z, re) => {
+          ye.contains(re, { startColumn: l, endColumn: l, startRow: g, endRow: g }) && (d = A, _ = z);
         });
-        const { viewPermission: S, editPermission: f, copyPermission: b } = this._getLinkPermission(t);
-        if (!S) {
+        const { viewPermission: I, editPermission: f, copyPermission: w } = this._getLinkPermission(t);
+        if (!I) {
           this._sheetsHyperLinkPopupService.hideCurrentPopup();
           return;
         }
-        const a = c.getCellStyleOnly(d, _), w = o.getStyles().getStyleByCell(a), M = (P = w == null ? void 0 : w.tr) == null ? void 0 : P.a;
+        const a = c.getCellStyleOnly(d, _), b = o.getStyles().getStyleByCell(a), M = (D = b == null ? void 0 : b.tr) == null ? void 0 : D.a;
         if (!M && !t.customRange) {
           this._sheetsHyperLinkPopupService.hideCurrentPopup();
           return;
@@ -1545,7 +1548,7 @@ let it = class extends Y {
           row: d,
           col: _,
           editPermission: f,
-          copyPermission: b,
+          copyPermission: w,
           customRange: t.customRange,
           customRangeRect: t.rect,
           type: v.VIEWING,
@@ -1559,8 +1562,8 @@ let it = class extends Y {
   _initHoverEditingListener() {
     let t = null;
     this.disposeWithMe(
-      this._editorBridgeService.currentEditCellState$.pipe(Me((e) => this._editorBridgeService.visible$.pipe(Ht((n) => ({ visible: n, state: e }))))).subscribe(({ visible: e, state: n }) => {
-        if (!n || n.editorUnitId !== Ce)
+      this._editorBridgeService.currentEditCellState$.pipe(Ue((e) => this._editorBridgeService.visible$.pipe(Ht((n) => ({ visible: n, state: e }))))).subscribe(({ visible: e, state: n }) => {
+        if (!n || n.editorUnitId !== Se)
           return;
         if (!e.visible) {
           t == null || t.unsubscribe(), this._sheetsHyperLinkPopupService.hideCurrentPopup(v.EDITING), this._sheetsHyperLinkPopupService.endEditing(v.EDITING);
@@ -1570,15 +1573,15 @@ let it = class extends Y {
         if (!u)
           return;
         const { editPermission: p, viewPermission: l, copyPermission: g } = this._getLinkPermission({ unitId: r, subUnitId: s, row: o, col: c }), d = u.with(pn);
-        l && (t == null || t.unsubscribe(), t = d.hoverCustomRanges$.pipe(Ze(200)).subscribe((_) => {
-          var w, M;
-          const S = _.find((T) => T.range.rangeType === Ke.HYPERLINK);
-          if (!S) {
+        l && (t == null || t.unsubscribe(), t = d.hoverCustomRanges$.pipe(Ge(200)).subscribe((_) => {
+          var b, M;
+          const I = _.find((T) => T.range.rangeType === xe.HYPERLINK);
+          if (!I) {
             this._sheetsHyperLinkPopupService.hideCurrentPopup();
             return;
           }
-          const f = S.rects[S.rects.length - 1];
-          if (!((M = (w = this._renderManagerService.getRenderById(r)) == null ? void 0 : w.with(un).getSkeletonParam(s)) == null ? void 0 : M.skeleton) || !f)
+          const f = I.rects[I.rects.length - 1];
+          if (!((M = (b = this._renderManagerService.getRenderById(r)) == null ? void 0 : b.with(un).getSkeletonParam(s)) == null ? void 0 : M.skeleton) || !f)
             return;
           const a = u.engine.getCanvasElement().getBoundingClientRect();
           this._sheetsHyperLinkPopupService.showPopup({
@@ -1586,7 +1589,7 @@ let it = class extends Y {
             subUnitId: s,
             row: o,
             col: c,
-            customRange: S.range,
+            customRange: I.range,
             customRangeRect: {
               left: f.left + a.left,
               top: f.top + a.top,
@@ -1610,14 +1613,14 @@ let it = class extends Y {
       })
     ), this.disposeWithMe(
       this._univerInstanceService.focused$.pipe(
-        Me((t) => {
-          const e = t === N ? this._renderManagerService.getRenderById(t) : null;
-          return e ? e.with(pn).hoverCustomRanges$.pipe(Ze(200)) : new ci((n) => {
+        Ue((t) => {
+          const e = t === x ? this._renderManagerService.getRenderById(t) : null;
+          return e ? e.with(pn).hoverCustomRanges$.pipe(Ge(200)) : new ci((n) => {
             n.next(null);
           });
         })
       ).subscribe((t) => {
-        const e = t == null ? void 0 : t.find((i) => i.range.rangeType === Ke.HYPERLINK), n = this._editorBridgeService.getEditCellState();
+        const e = t == null ? void 0 : t.find((i) => i.range.rangeType === xe.HYPERLINK), n = this._editorBridgeService.getEditCellState();
         if (e && n) {
           const { unitId: i, sheetId: r, row: s, column: o } = n, { editPermission: c, viewPermission: u, copyPermission: p } = this._getLinkPermission({ unitId: i, subUnitId: r, row: s, col: o });
           u && this._sheetsHyperLinkPopupService.showPopup({
@@ -1638,12 +1641,12 @@ let it = class extends Y {
   _initTextSelectionListener() {
     this.disposeWithMe(
       this._textSelectionManagerService.textSelection$.subscribe((t) => {
-        t && t.unitId === Ce && this._sheetsHyperLinkPopupService.endEditing(v.EDITING);
+        t && t.unitId === Se && this._sheetsHyperLinkPopupService.endEditing(v.EDITING);
       })
     );
   }
   _initCommandListener() {
-    const t = [fr.id, _r.id, Sr.id];
+    const t = [fr.id, _r.id, Ir.id];
     this.disposeWithMe(this._commandService.onCommandExecuted((e) => {
       t.includes(e.id) && this._sheetsHyperLinkPopupService.hideCurrentPopup();
     }));
@@ -1652,12 +1655,12 @@ let it = class extends Y {
 it = Zi([
   W(0, y(Br)),
   W(1, y(G)),
-  W(2, y(He)),
+  W(2, y(De)),
   W(3, y(or)),
   W(4, y(Ln)),
   W(5, ne),
   W(6, te),
-  W(7, y(Ue)),
+  W(7, y(He)),
   W(8, K),
   W(9, ht)
 ], it);
@@ -1665,8 +1668,8 @@ var Gi = Object.getOwnPropertyDescriptor, jn = (t, e, n, i) => {
   for (var r = i > 1 ? void 0 : i ? Gi(e, n) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (r = o(r) || r);
   return r;
-}, bt = (t, e) => (n, i) => e(n, i, t);
-let wt = class extends Y {
+}, wt = (t, e) => (n, i) => e(n, i, t);
+let bt = class extends Y {
   constructor(t, e) {
     super(), this._context = t, this._hyperLinkModel = e, this._initSkeletonChange();
   }
@@ -1675,14 +1678,14 @@ let wt = class extends Y {
       var e;
       (e = this._context.mainComponent) == null || e.makeForceDirty();
     };
-    this.disposeWithMe(this._hyperLinkModel.linkUpdate$.pipe(Ze(16)).subscribe(() => {
+    this.disposeWithMe(this._hyperLinkModel.linkUpdate$.pipe(Ge(16)).subscribe(() => {
       t();
     }));
   }
 };
-wt = jn([
-  bt(1, y(pt))
-], wt);
+bt = jn([
+  wt(1, y(pt))
+], bt);
 let st = class extends Y {
   constructor(t, e) {
     super(), this._sheetInterceptorService = t, this._hyperLinkModel = e, this._initViewModelIntercept();
@@ -1690,17 +1693,13 @@ let st = class extends Y {
   _initViewModelIntercept() {
     this.disposeWithMe(
       this._sheetInterceptorService.intercept(
-        Ir.CELL_CONTENT,
+        Sr.CELL_CONTENT,
         {
           effect: ar.Value,
           priority: 100,
           handler: (t, e, n) => {
             const { row: i, col: r, unitId: s, subUnitId: o } = e, c = this._hyperLinkModel.getHyperLinkByLocation(s, o, i, r);
-            return n(c ? {
-              ...t,
-              linkUrl: c.payload,
-              linkId: c.id
-            } : t);
+            return c && t && (t === e.rawData && (t = { ...e.rawData }), t.linkUrl = c.payload, t.linkId = c.id), n(t);
           }
         }
       )
@@ -1708,28 +1707,28 @@ let st = class extends Y {
   }
 };
 st = jn([
-  bt(0, y(Cr)),
-  bt(1, y(pt))
+  wt(0, y(Cr)),
+  wt(1, y(pt))
 ], st);
 const Ki = {
-  [qr.OTHERS]: {
-    [ae.id]: {
-      order: 2,
-      menuItemFactory: Vi
-    },
-    [et(ae.id)]: {
-      order: 2,
+  [qr.MEDIA]: {
+    [ce.id]: {
+      order: 1,
       menuItemFactory: Ai
+    },
+    [et(ce.id)]: {
+      order: 1,
+      menuItemFactory: Vi
     }
   },
   [zr.MAIN_AREA]: {
     [Xr.OTHERS]: {
       order: 1,
-      [ae.id]: {
+      [ce.id]: {
         order: 0,
         menuItemFactory: Hi
       },
-      [et(ae.id)]: {
+      [et(ce.id)]: {
         order: 0,
         menuItemFactory: Di
       }
@@ -1747,11 +1746,11 @@ let ot = class extends Y {
   }
   _initComponents() {
     [
-      [qe, qe.componentKey],
-      [Xe, Xe.componentKey],
-      [Vt, "LinkSingle"]
+      [qe.componentKey, qe],
+      [Xe.componentKey, Xe],
+      ["LinkIcon", At]
     ].forEach(([t, e]) => {
-      this._componentManager.register(e, t);
+      this._componentManager.register(t, e);
     });
   }
   _initCommands() {
@@ -1759,7 +1758,7 @@ let ot = class extends Y {
       $t,
       Je,
       Bt,
-      ae
+      ce
     ].forEach((t) => {
       this._commandService.registerCommand(t);
     });
@@ -1797,13 +1796,13 @@ let at = class extends Y {
 };
 at = qi([
   _n(0, y(Ut)),
-  _n(1, y(ce))
+  _n(1, y(ue))
 ], at);
 var Ji = Object.defineProperty, Qi = Object.getOwnPropertyDescriptor, es = (t, e, n) => e in t ? Ji(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, ts = (t, e, n, i) => {
   for (var r = i > 1 ? void 0 : i ? Qi(e, n) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (r = o(r) || r);
   return r;
-}, Sn = (t, e) => (n, i) => e(n, i, t), Wn = (t, e, n) => es(t, typeof e != "symbol" ? e + "" : e, n);
+}, In = (t, e) => (n, i) => e(n, i, t), Wn = (t, e, n) => es(t, typeof e != "symbol" ? e + "" : e, n);
 let ct = class extends ur {
   constructor(t = gn, e, n) {
     super(), this._config = t, this._injector = e, this._configService = n;
@@ -1816,7 +1815,7 @@ let ct = class extends ur {
   }
   onStarting() {
     [
-      [ce],
+      [ue],
       [G],
       [Un],
       [st],
@@ -1829,7 +1828,7 @@ let ct = class extends ur {
     ].forEach((e) => this._injector.add(e)), this._injector.get(st);
   }
   onReady() {
-    this._injector.get(He).registerRenderModule(k.UNIVER_SHEET, [wt]), this._injector.get(nt), this._injector.get(ze), this._injector.get(ot);
+    this._injector.get(De).registerRenderModule(k.UNIVER_SHEET, [bt]), this._injector.get(nt), this._injector.get(ze), this._injector.get(ot);
   }
   onRendered() {
     this._injector.get(rt), this._injector.get(at), this._injector.get(it);
@@ -1839,8 +1838,8 @@ Wn(ct, "pluginName", Dt);
 Wn(ct, "type", k.UNIVER_SHEET);
 ct = ts([
   cr(kr, ii),
-  Sn(1, y(lt)),
-  Sn(2, Cn)
+  In(1, y(lt)),
+  In(2, Cn)
 ], ct);
 export {
   Je as CloseHyperLinkPopupOperation,
@@ -1849,7 +1848,7 @@ export {
   $t as OpenHyperLinkEditPanelOperation,
   ze as SheetsHyperLinkCopyPasteController,
   G as SheetsHyperLinkPopupService,
-  ce as SheetsHyperLinkResolverService,
+  ue as SheetsHyperLinkResolverService,
   Un as SheetsHyperLinkSidePanelService,
   ct as UniverSheetsHyperLinkUIPlugin
 };