@univerjs/sheets-hyper-link-ui 0.7.0 → 0.8.0-nightly.202505261607

package/lib/es/index.js

@@ -4,10 +4,10 @@ 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 { 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 Ar, IAutoFillService as Vr, 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 { 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, RibbonInsertGroup 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";
@@ -263,7 +263,7 @@ let ze = class extends Y {
             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();
+        ), 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), V = Se.generateRandomId();
         P && o.push({
           id: Ne.id,
           params: {
@@ -278,7 +278,7 @@ let ze = class extends Y {
             subUnitId: n.subUnitId,
             link: {
               ...w,
-              id: A,
+              id: V,
               row: M,
               column: T
             }
@@ -288,7 +288,7 @@ let ze = class extends Y {
           params: {
             unitId: n.unitId,
             subUnitId: n.subUnitId,
-            id: A
+            id: V
           }
         })), P && c.push({
           id: xe.id,
@@ -339,7 +339,7 @@ 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 = 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), V = 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, Ae] = Z(!1), pe = I(kt), Zn = Et(() => pe.getCurrentSelections(), []), Ve = 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) => {
@@ -484,7 +484,7 @@ const Xe = () => {
       label: d.t("hyperLink.form.definedName"),
       value: C.DEFINE_NAME
     },
-    ...A
+    ...V
   ];
   if (!B)
     return;
@@ -563,7 +563,7 @@ const Xe = () => {
   return a ? /* @__PURE__ */ _e(
     "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: 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),
       children: [
         o ? /* @__PURE__ */ m(
           ve,
@@ -629,7 +629,7 @@ const Xe = () => {
             onChange: (h, E) => Xn(E),
             onRangeSelectorDialogVisibleChange: async (h) => {
               var E, R;
-              if (Ve(h), h)
+              if (Ae(h), h)
                 a.type === v.ZEN_EDITOR && (D.hide(), re.setContextValue(Ct, !0)), a.type !== v.VIEWING && S.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) {
@@ -675,8 +675,8 @@ const Xe = () => {
             }
           }
         ) }),
-        (Ae == null ? void 0 : Ae.Form) && /* @__PURE__ */ m(
-          Ae.Form,
+        (Ve == null ? void 0 : Ve.Form) && /* @__PURE__ */ m(
+          Ve.Form,
           {
             linkId: t,
             payload: l,
@@ -689,7 +689,7 @@ const Xe = () => {
             setPayload: g
           }
         ),
-        /* @__PURE__ */ _e("div", { className: "univer-flex univer-flex-row univer-justify-end", children: [
+        /* @__PURE__ */ _e("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();
               },
@@ -716,14 +715,14 @@ const Xe = () => {
   ) : null;
 };
 Xe.componentKey = "univer.sheet.cell-link-edit";
-var V = function() {
-  return V = Object.assign || function(t) {
+var A = function() {
+  return A = Object.assign || function(t) {
     for (var e, n = 1, i = arguments.length; n < i; n++) {
       e = arguments[n];
       for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]);
     }
     return t;
-  }, V.apply(this, arguments);
+  }, A.apply(this, arguments);
 }, Ci = function(t, e) {
   var n = {};
   for (var i in t) Object.prototype.hasOwnProperty.call(t, i) && e.indexOf(i) < 0 && (n[i] = t[i]);
@@ -733,15 +732,15 @@ var V = function() {
   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()));
-  return Hn(n, "".concat(i), { defIds: n.defIds, idSuffix: u.current }, V({ ref: e, className: c }, o), s);
+  return Hn(n, "".concat(i), { defIds: n.defIds, idSuffix: u.current }, A({ 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 le(t.tag, A(A({ key: e }, Ii(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) {
-  var i = V({}, t.attrs);
+  var i = A({}, 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];
     o === "mask" && typeof c == "string" && (i[o] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
@@ -754,8 +753,8 @@ 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 !i || i.length === 0 ? t : t.tag === "defs" && (!((n = t.children) === null || n === void 0) && n.length) ? A(A({}, t), { children: t.children.map(function(r) {
+    return typeof r.attrs.id == "string" && i && i.indexOf(r.attrs.id) > -1 ? A(A({}, r), { attrs: A(A({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
   }) }) : t;
 }
 function Ei() {
@@ -778,30 +777,30 @@ var Pi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em"
   }));
 });
 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) {
+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" } }] }, At = ue(function(t, e) {
   return le(de, Object.assign({}, t, {
     id: "link-single",
     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) {
+At.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" } }] }, An = ue(function(t, e) {
   return le(de, Object.assign({}, t, {
     id: "unlink-single",
     ref: e,
     icon: bi
   }));
 });
-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) {
+An.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" } }] }, Vn = ue(function(t, e) {
   return le(de, Object.assign({}, t, {
     id: "write-single",
     ref: e,
     icon: wi
   }));
 });
-An.displayName = "WriteSingle";
+Vn.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",
@@ -811,7 +810,7 @@ var ki = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em"
 });
 $n.displayName = "Xlsx";
 const Ti = {
-  [C.URL]: /* @__PURE__ */ m(Vt, {}),
+  [C.URL]: /* @__PURE__ */ m(At, {}),
   [C.SHEET]: /* @__PURE__ */ m($n, {}),
   [C.RANGE]: /* @__PURE__ */ m(Ge, {}),
   [C.DEFINE_NAME]: /* @__PURE__ */ m(Ge, {}),
@@ -825,7 +824,7 @@ const Ti = {
   return /* @__PURE__ */ _e(
     "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: 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),
       onClick: () => e.hideCurrentPopup(),
       children: [
         /* @__PURE__ */ _e(
@@ -839,7 +838,7 @@ const Ti = {
               /* @__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]
                 }
               ),
@@ -855,7 +854,7 @@ 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: 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 }),
                   onClick: () => {
                     if (!w) {
                       if (a.type !== C.URL) {
@@ -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(Be, { placement: "bottom", title: r.t("hyperLink.popup.copy"), children: /* @__PURE__ */ m(Dn, { className: "dark:!univer-text-white" }) })
                 }
               ),
               S && /* @__PURE__ */ _e(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,
@@ -887,13 +886,13 @@ const Ti = {
                         type: b
                       });
                     },
-                    children: /* @__PURE__ */ m(Be, { placement: "bottom", title: r.t("hyperLink.popup.edit"), children: /* @__PURE__ */ m(An, { className: "dark:univer-text-white" }) })
+                    children: /* @__PURE__ */ m(Be, { 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;
                       n.syncExecuteCommand(P, {
@@ -905,7 +904,7 @@ const Ti = {
                         documentId: b === v.ZEN_EDITOR ? N : 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(Be, { placement: "bottom", title: r.t("hyperLink.popup.cancel"), children: /* @__PURE__ */ m(An, { className: "dark:!univer-text-white" }) })
                   }
                 )
               ] })
@@ -1218,7 +1217,7 @@ const xi = /* @__PURE__ */ new Set([
   It.CHECKBOX,
   It.LIST,
   It.LIST_MULTIPLE
-]), At = (t, e, n, i) => {
+]), 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)
@@ -1233,7 +1232,7 @@ 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();
   if (!(i != null && i.length))
@@ -1292,7 +1291,7 @@ const xi = /* @__PURE__ */ new Set([
     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);
+    return !(c != null && c.worksheet) || Vt(t, c.worksheet, o.row, o.column) === 1 ? !0 : Ui(t);
   })) : oe(!0);
 }, Bn = (t) => {
   var r;
@@ -1302,7 +1301,7 @@ 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) => {
       if (s === Oe.DISABLED_BY_CELL)
@@ -1315,7 +1314,7 @@ const xi = /* @__PURE__ */ new Set([
       );
     })
   )) != null ? r : oe(!0)).pipe(
-    Me((s) => s ? oe(!0) : Vr(t, { workbookTypes: [Mt], worksheetTypes: [Nt, Pn, xt], rangeTypes: [Ot] }, !0))
+    Me((s) => s ? oe(!0) : Ar(t, { workbookTypes: [Mt], worksheetTypes: [Nt, Pn, xt], rangeTypes: [Ot] }, !0))
   );
 }, Qe = {
   commandId: Bt.id,
@@ -1338,12 +1337,12 @@ const xi = /* @__PURE__ */ new Set([
   commandId: ae.id,
   type: On.BUTTON,
   icon: "LinkSingle"
-}, Vi = (t) => ({
+}, 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),
@@ -1381,24 +1380,24 @@ let nt = class extends Y {
           endColumn: w.col,
           endRow: w.row
         };
-        yn.foreach(M, (A, D) => {
+        yn.foreach(M, (V, D) => {
           const z = Ie.getPositionRange(
             {
-              startRow: A,
+              startRow: V,
               startColumn: D,
               endColumn: D,
-              endRow: A
+              endRow: V
             },
             T
           ), { row: ye, col: De } = d(z.startRow, z.startColumn), re = this._hyperLinkModel.getHyperLinkByLocation(c, u, ye, De), Ee = Ie.getPositionRange(
             {
-              startRow: A,
+              startRow: V,
               startColumn: D,
               endColumn: D,
-              endRow: A
+              endRow: V
             },
             P
-          ), { row: Re, col: Pe } = d(Ee.startRow, Ee.startColumn), Ve = Se.generateRandomId(), pe = this._hyperLinkModel.getHyperLinkByLocation(c, u, Re, Pe);
+          ), { row: Re, col: Pe } = d(Ee.startRow, Ee.startColumn), Ae = Se.generateRandomId(), pe = this._hyperLinkModel.getHyperLinkByLocation(c, u, Re, Pe);
           pe && f.push({
             id: Ne.id,
             params: {
@@ -1413,7 +1412,7 @@ let nt = class extends Y {
               subUnitId: u,
               link: {
                 ...re,
-                id: Ve,
+                id: Ae,
                 row: Re,
                 column: Pe
               }
@@ -1423,7 +1422,7 @@ let nt = class extends Y {
             params: {
               unitId: c,
               subUnitId: u,
-              id: Ve
+              id: Ae
             }
           })), pe && b.push({
             id: xe.id,
@@ -1446,7 +1445,7 @@ let nt = class extends Y {
   }
 };
 nt = Bi([
-  fn(0, Ar),
+  fn(0, Vr),
   fn(1, y(pt))
 ], nt);
 var Fi = Object.getOwnPropertyDescriptor, ji = (t, e, n, i) => {
@@ -1528,8 +1527,8 @@ let it = class extends Y {
         }
         const p = (T = s == null ? void 0 : s.with(un).getSkeletonParam(n)) == null ? void 0 : T.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((V, D, z) => {
+          Ie.contains(z, { startColumn: l, endColumn: l, startRow: g, endRow: g }) && (d = V, _ = D);
         });
         const { viewPermission: S, editPermission: f, copyPermission: b } = this._getLinkPermission(t);
         if (!S) {
@@ -1712,14 +1711,14 @@ st = jn([
   bt(1, y(pt))
 ], st);
 const Ki = {
-  [qr.OTHERS]: {
+  [qr.MEDIA]: {
     [ae.id]: {
-      order: 2,
-      menuItemFactory: Vi
+      order: 1,
+      menuItemFactory: Ai
     },
     [et(ae.id)]: {
-      order: 2,
-      menuItemFactory: Ai
+      order: 1,
+      menuItemFactory: Vi
     }
   },
   [zr.MAIN_AREA]: {
@@ -1749,7 +1748,7 @@ let ot = class extends Y {
     [
       [qe, qe.componentKey],
       [Xe, Xe.componentKey],
-      [Vt, "LinkSingle"]
+      [At, "LinkSingle"]
     ].forEach(([t, e]) => {
       this._componentManager.register(e, t);
     });

package/lib/index.css

@@ -1 +1 @@
-.univer-mb-1{margin-bottom:4px}.univer-ml-2{margin-left:8px}.univer-mr-2{margin-right:8px}.univer-box-border{box-sizing:border-box}.univer-flex{display:flex}.univer-size-6{width:24px;height:24px}.univer-h-5{height:20px}.univer-h-6{height:24px}.univer-w-5{width:20px}.univer-w-\[296px\]{width:296px}.univer-w-full{width:100%}.univer-max-w-80{max-width:320px}.univer-flex-1{flex:1 1 0%}.univer-flex-none{flex:none}.univer-cursor-pointer{cursor:pointer}.univer-flex-row{flex-direction:row}.univer-items-center{align-items:center}.univer-justify-end{justify-content:flex-end}.univer-justify-center{justify-content:center}.univer-justify-between{justify-content:space-between}.univer-overflow-hidden{overflow:hidden}.univer-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.univer-text-ellipsis{text-overflow:ellipsis}.univer-rounded{border-radius:4px}.univer-rounded-lg{border-radius:8px}.univer-rounded-xl{border-radius:12px}.univer-bg-white{background-color:var(--univer-white)}.univer-p-3{padding:12px}.univer-p-4{padding:16px}.univer-text-base{font-size:16px;line-height:24px}.univer-text-sm{font-size:14px;line-height:20px}.univer-leading-5{line-height:20px}.univer-text-gray-900{color:var(--univer-gray-900)}.univer-text-primary-600{color:var(--univer-primary-600)}.univer-text-red-500{color:var(--univer-red-500)}.univer-shadow-md{--tw-shadow: 0px 1px 6px -2px rgba(30, 40, 77, .08), 0px 2px 6px -1px rgba(30, 40, 77, .1);--tw-shadow-colored: 0px 1px 6px -2px var(--tw-shadow-color), 0px 2px 6px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 6px -2px #1e284d14,0 2px 6px -1px #1e284d1a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.hover\:univer-bg-gray-100:hover{background-color:var(--univer-gray-100)}.dark\:univer-bg-gray-900:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-900)}.dark\:univer-text-white:where(.univer-dark,.univer-dark *){color:var(--univer-white)}.dark\:hover\:univer-bg-gray-700:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)}
+.univer-mb-1{margin-bottom:4px}.univer-ml-2{margin-left:8px}.univer-mr-2{margin-right:8px}.univer-box-border{box-sizing:border-box}.univer-flex{display:flex}.univer-size-6{width:24px;height:24px}.univer-h-5{height:20px}.univer-h-6{height:24px}.univer-w-5{width:20px}.univer-w-\[296px\]{width:296px}.univer-w-full{width:100%}.univer-max-w-80{max-width:320px}.univer-flex-1{flex:1 1 0%}.univer-flex-none{flex:none}.univer-cursor-pointer{cursor:pointer}.univer-flex-row{flex-direction:row}.univer-items-center{align-items:center}.univer-justify-end{justify-content:flex-end}.univer-justify-center{justify-content:center}.univer-justify-between{justify-content:space-between}.univer-gap-2{gap:8px}.univer-overflow-hidden{overflow:hidden}.univer-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.univer-text-ellipsis{text-overflow:ellipsis}.univer-rounded{border-radius:4px}.univer-rounded-lg{border-radius:8px}.univer-rounded-xl{border-radius:12px}.univer-bg-white{background-color:var(--univer-white)}.univer-p-3{padding:12px}.univer-p-4{padding:16px}.univer-text-base{font-size:16px;line-height:24px}.univer-text-sm{font-size:14px;line-height:20px}.univer-leading-5{line-height:20px}.univer-text-gray-900{color:var(--univer-gray-900)}.univer-text-primary-600{color:var(--univer-primary-600)}.univer-text-red-500{color:var(--univer-red-500)}.univer-shadow-md{--tw-shadow: 0px 1px 6px -2px rgba(30, 40, 77, .08), 0px 2px 6px -1px rgba(30, 40, 77, .1);--tw-shadow-colored: 0px 1px 6px -2px var(--tw-shadow-color), 0px 2px 6px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 6px -2px #1e284d14,0 2px 6px -1px #1e284d1a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.hover\:univer-bg-gray-100:hover{background-color:var(--univer-gray-100)}.dark\:\!univer-bg-gray-900:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-900)!important}.dark\:\!univer-text-white:where(.univer-dark,.univer-dark *){color:var(--univer-white)!important}.dark\:hover\:\!univer-bg-gray-700:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)!important}