@univerjs/sheets-hyper-link-ui 0.2.5 → 0.2.7

package/lib/es/index.js

@@ -1,135 +1,168 @@
-var Gt = Object.defineProperty;
-var qt = (e, t, n) => t in e ? Gt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var W = (e, t, n) => qt(e, typeof t != "symbol" ? t + "" : t, n);
-import { Disposable as O, UniverInstanceType as E, OnLifecycle as B, LifecycleStages as D, Inject as h, IUniverInstanceService as ue, BooleanNumber as Xt, ThemeService as Jt, isValidRange as ze, LocaleService as pe, RANGE_TYPE as lt, Rectangle as ne, ICommandService as K, Tools as re, DEFAULT_EMPTY_DOCUMENT_VALUE as Qt, useDependency as k, createInternalEditorID as en, CommandType as je, CellValueType as dt, ObjectMatrix as _t, Range as Qe, CustomRangeType as tn, Injector as Ne, IPermissionService as nn, Plugin as rn, DependentOn as on } from "@univerjs/core";
-import { RemoveSheetCommand as sn, SheetInterceptorService as et, INTERCEPTOR_POINT as an, SetSelectionsOperation as cn, SetWorksheetActiveOperation as Ee, getSheetCommandTarget as Ct, SheetsSelectionsService as yt, SetRangeValuesMutation as fe, SetRangeValuesUndoMutationFactory as ut, SetRangeValuesCommand as ln, ClearSelectionContentCommand as dn, ClearSelectionAllCommand as un, ClearSelectionFormatCommand as pn, WorkbookViewPermission as hn, WorksheetViewPermission as mn, RangeProtectionPermissionViewPoint as gn, WorkbookEditablePermission as $e, WorksheetEditPermission as Be, WorksheetInsertHyperlinkPermission as De, RangeProtectionPermissionEditPoint as Ve, WorkbookCopyPermission as fn, WorksheetCopyPermission as vn, WorksheetSetCellValuePermission as tt } from "@univerjs/sheets";
-import { RemoveHyperLinkMutation as T, AddHyperLinkMutation as U, HyperLinkModel as H, ERROR_RANGE as Ge, UpdateHyperLinkCommand as St, AddHyperLinkCommand as Lt, CancelHyperLinkCommand as _n, UniverSheetsHyperLinkPlugin as Cn } from "@univerjs/sheets-hyper-link";
-import { SheetSkeletonManagerService as It, ScrollToRangeOperation as kt, SheetCanvasPopManagerService as yn, IEditorBridgeService as Sn, HoverManagerService as Ln, SheetPermissionInterceptorBaseController as Pt, whenSheetEditorFocused as In, getCurrentRangeDisable$ as bt, APPLY_TYPE as oe, IAutoFillService as kn, virtualizeDiscreteRanges as qe, getAutoFillRepeatRange as Pn, COPY_TYPE as bn, rangeToDiscreteRange as Rn, PREDEFINED_HOOK_NAME as ve, getRepeatRange as wn, ISheetClipboardService as En } from "@univerjs/sheets-ui";
-import { IRenderManagerService as nt } from "@univerjs/engine-render";
-import { debounceTime as Rt, Subject as On, BehaviorSubject as Mn } from "rxjs";
-import xn, { forwardRef as Y, useRef as wt, createElement as Z, useState as ee, useEffect as Et, useMemo as Tn } from "react";
-import pt from "clsx";
-import { MessageType as ce, FormLayout as X, Input as ht, Select as Ke, Button as mt, Tooltip as _e } from "@univerjs/design";
-import { IMessageService as Ot, useObservable as Un, useEvent as Hn, RangeSelector as jn, ISidebarService as Mt, KeyCode as Nn, MetaKeys as $n, MenuItemType as xt, MenuPosition as Tt, getMenuHiddenObservable as Ut, MenuGroup as Bn, ComponentManager as Dn, IShortcutService as Vn, IMenuService as An } from "@univerjs/ui";
-import { deserializeRangeWithSheet as Oe, serializeRangeWithSheet as Ht, IDefinedNamesService as jt, serializeRangeToRefString as Wn, serializeRange as Fn } from "@univerjs/engine-formula";
-import { DOC_HYPER_LINK_PLUGIN as Kn } from "@univerjs/docs-hyper-link";
-import { getPlainTextFormDocument as Yn } from "@univerjs/docs";
-var Zn = Object.defineProperty, zn = Object.getOwnPropertyDescriptor, Gn = (e, t, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? zn(t, n) : t, o = e.length - 1, s; o >= 0; o--)
-    (s = e[o]) && (i = (r ? s(t, n, i) : s(i)) || i);
-  return r && i && Zn(t, n, i), i;
-}, Ye = (e, t) => (n, r) => t(n, r, e);
-let ye = class extends O {
-  constructor(e, t, n) {
-    super(), this._sheetInterceptorService = e, this._univerInstanceService = t, this._hyperLinkModel = n, this._initSheetChange();
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
+import { Disposable, UniverInstanceType, OnLifecycle, LifecycleStages, Inject, IUniverInstanceService, BooleanNumber, ThemeService, isValidRange, LocaleService, RANGE_TYPE, Rectangle, ICommandService, Tools, DEFAULT_EMPTY_DOCUMENT_VALUE, useDependency, createInternalEditorID, CommandType, CellValueType, ObjectMatrix, Range, CustomRangeType, Injector, IPermissionService, Plugin, DependentOn } from "@univerjs/core";
+import { RemoveSheetCommand, SheetInterceptorService, INTERCEPTOR_POINT, SetSelectionsOperation, SetWorksheetActiveOperation, getSheetCommandTarget, SheetsSelectionsService, SetRangeValuesMutation, SetRangeValuesUndoMutationFactory, SetRangeValuesCommand, ClearSelectionContentCommand, ClearSelectionAllCommand, ClearSelectionFormatCommand, WorkbookViewPermission, WorksheetViewPermission, RangeProtectionPermissionViewPoint, WorkbookEditablePermission, WorksheetEditPermission, WorksheetInsertHyperlinkPermission, RangeProtectionPermissionEditPoint, WorkbookCopyPermission, WorksheetCopyPermission, WorksheetSetCellValuePermission } from "@univerjs/sheets";
+import { RemoveHyperLinkMutation, AddHyperLinkMutation, HyperLinkModel, ERROR_RANGE, UpdateHyperLinkCommand, AddHyperLinkCommand, CancelHyperLinkCommand, UniverSheetsHyperLinkPlugin } from "@univerjs/sheets-hyper-link";
+import { SheetSkeletonManagerService, ScrollToRangeOperation, SheetCanvasPopManagerService, IEditorBridgeService, HoverManagerService, SheetPermissionInterceptorBaseController, whenSheetEditorFocused, getCurrentRangeDisable$, APPLY_TYPE, IAutoFillService, virtualizeDiscreteRanges, getAutoFillRepeatRange, COPY_TYPE, rangeToDiscreteRange, PREDEFINED_HOOK_NAME, getRepeatRange, ISheetClipboardService } from "@univerjs/sheets-ui";
+import { IRenderManagerService } from "@univerjs/engine-render";
+import { debounceTime, Subject, BehaviorSubject } from "rxjs";
+import require$$0, { forwardRef, useRef, createElement, useState, useMemo, useEffect } from "react";
+import cs from "clsx";
+import { MessageType, FormLayout, Input, Select, Button, Tooltip } from "@univerjs/design";
+import { IMessageService, useObservable, useEvent, RangeSelector, ISidebarService, KeyCode, MetaKeys, MenuItemType, MenuPosition, getMenuHiddenObservable, MenuGroup, ComponentManager, IShortcutService, IMenuService } from "@univerjs/ui";
+import { deserializeRangeWithSheet, serializeRangeWithSheet, IDefinedNamesService, serializeRangeToRefString, serializeRange } from "@univerjs/engine-formula";
+import { DOC_HYPER_LINK_PLUGIN } from "@univerjs/docs-hyper-link";
+import { getPlainTextFormDocument } from "@univerjs/docs";
+var __defProp$b = Object.defineProperty, __getOwnPropDesc$b = Object.getOwnPropertyDescriptor, __decorateClass$b = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$b(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$b(target, key, result), result;
+}, "__decorateClass$b"), __decorateParam$b = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$b"), _a;
+let SheetsHyperLinkRemoveSheetController = (_a = class extends Disposable {
+  constructor(_sheetInterceptorService, _univerInstanceService, _hyperLinkModel) {
+    super(), this._sheetInterceptorService = _sheetInterceptorService, this._univerInstanceService = _univerInstanceService, this._hyperLinkModel = _hyperLinkModel, this._initSheetChange();
   }
   _initSheetChange() {
     this.disposeWithMe(
       this._sheetInterceptorService.interceptCommand({
-        getMutations: (e) => {
-          var t;
-          if (e.id === sn.id) {
-            const n = e.params, r = n.unitId ? this._univerInstanceService.getUnit(n.unitId) : this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SHEET);
-            if (!r)
+        getMutations: /* @__PURE__ */ __name((commandInfo) => {
+          var _a14;
+          if (commandInfo.id === RemoveSheetCommand.id) {
+            const params = commandInfo.params, workbook = params.unitId ? this._univerInstanceService.getUnit(params.unitId) : this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+            if (!workbook)
               return { redos: [], undos: [] };
-            const i = r.getUnitId(), o = n.subUnitId || ((t = r.getActiveSheet()) == null ? void 0 : t.getSheetId());
-            if (!o)
+            const unitId = workbook.getUnitId(), subUnitId = params.subUnitId || ((_a14 = workbook.getActiveSheet()) == null ? void 0 : _a14.getSheetId());
+            if (!subUnitId)
               return { redos: [], undos: [] };
-            const s = this._hyperLinkModel.getSubUnit(i, o), c = s.map((u) => ({
-              id: T.id,
+            const links = this._hyperLinkModel.getSubUnit(unitId, subUnitId), redos = links.map((link) => ({
+              id: RemoveHyperLinkMutation.id,
               params: {
-                unitId: i,
-                subUnitId: o,
-                id: u.id
+                unitId,
+                subUnitId,
+                id: link.id
               }
-            })), a = s.map((u) => ({
-              id: U.id,
+            })), undos = links.map((link) => ({
+              id: AddHyperLinkMutation.id,
               params: {
-                unitId: i,
-                subUnitId: o,
-                link: u
+                unitId,
+                subUnitId,
+                link
               }
             }));
-            return { redos: c, undos: a };
+            return { redos, undos };
           }
           return { redos: [], undos: [] };
-        }
+        }, "getMutations")
       })
     );
   }
-};
-ye = Gn([
-  B(D.Ready, ye),
-  Ye(0, h(et)),
-  Ye(1, ue),
-  Ye(2, h(H))
-], ye);
-var qn = Object.defineProperty, Xn = Object.getOwnPropertyDescriptor, Nt = (e, t, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? Xn(t, n) : t, o = e.length - 1, s; o >= 0; o--)
-    (s = e[o]) && (i = (r ? s(t, n, i) : s(i)) || i);
-  return r && i && qn(t, n, i), i;
-}, te = (e, t) => (n, r) => t(n, r, e);
-let Xe = class extends O {
-  constructor(e, t, n, r) {
-    super(), this._context = e, this._hyperLinkModel = t, this._sheetSkeletonManagerService = n, this._renderManagerService = r, this._initSkeletonChange();
+}, __name(_a, "SheetsHyperLinkRemoveSheetController"), _a);
+SheetsHyperLinkRemoveSheetController = __decorateClass$b([
+  OnLifecycle(LifecycleStages.Ready, SheetsHyperLinkRemoveSheetController),
+  __decorateParam$b(0, Inject(SheetInterceptorService)),
+  __decorateParam$b(1, IUniverInstanceService),
+  __decorateParam$b(2, Inject(HyperLinkModel))
+], SheetsHyperLinkRemoveSheetController);
+var __defProp$a = Object.defineProperty, __getOwnPropDesc$a = Object.getOwnPropertyDescriptor, __decorateClass$a = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$a(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$a(target, key, result), result;
+}, "__decorateClass$a"), __decorateParam$a = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$a"), _a2;
+let SheetsHyperLinkRenderController = (_a2 = class extends Disposable {
+  constructor(_context, _hyperLinkModel, _sheetSkeletonManagerService, _renderManagerService) {
+    super(), this._context = _context, this._hyperLinkModel = _hyperLinkModel, this._sheetSkeletonManagerService = _sheetSkeletonManagerService, this._renderManagerService = _renderManagerService, this._initSkeletonChange();
   }
   _initSkeletonChange() {
-    const e = () => {
-      var s;
-      const t = this._context.unit, n = t.getUnitId(), r = (s = t.getActiveSheet()) == null ? void 0 : s.getSheetId();
-      if (!r) {
+    const markSkeletonDirty = /* @__PURE__ */ __name(() => {
+      var _a14;
+      const workbook = this._context.unit, unitId = workbook.getUnitId(), subUnitId = (_a14 = workbook.getActiveSheet()) == null ? void 0 : _a14.getSheetId();
+      if (!subUnitId) {
         console.warn("No active sheet found");
         return;
       }
-      const i = this._sheetSkeletonManagerService.getOrCreateSkeleton({ sheetId: r }), o = this._renderManagerService.getRenderById(n);
-      i == null || i.makeDirty(!0), i == null || i.calculate(), o && o.mainComponent.makeForceDirty();
-    };
-    this.disposeWithMe(this._hyperLinkModel.linkUpdate$.pipe(Rt(16)).subscribe(() => {
-      e();
+      const skeleton = this._sheetSkeletonManagerService.getOrCreateSkeleton({ sheetId: subUnitId }), currentRender = this._renderManagerService.getRenderById(unitId);
+      skeleton == null || skeleton.makeDirty(!0), skeleton == null || skeleton.calculate(), currentRender && currentRender.mainComponent.makeForceDirty();
+    }, "markSkeletonDirty");
+    this.disposeWithMe(this._hyperLinkModel.linkUpdate$.pipe(debounceTime(16)).subscribe(() => {
+      markSkeletonDirty();
     }));
   }
-};
-Xe = Nt([
-  te(1, h(H)),
-  te(2, h(It)),
-  te(3, nt)
-], Xe);
-let Se = class extends O {
-  constructor(e, t, n) {
-    super(), this._sheetInterceptorService = e, this._hyperLinkModel = t, this._themeService = n, this._initViewModelIntercept();
+}, __name(_a2, "SheetsHyperLinkRenderController"), _a2);
+SheetsHyperLinkRenderController = __decorateClass$a([
+  __decorateParam$a(1, Inject(HyperLinkModel)),
+  __decorateParam$a(2, Inject(SheetSkeletonManagerService)),
+  __decorateParam$a(3, IRenderManagerService)
+], SheetsHyperLinkRenderController);
+var _a3;
+let SheetsHyperLinkRenderManagerController = (_a3 = class extends Disposable {
+  constructor(_sheetInterceptorService, _hyperLinkModel, _themeService) {
+    super(), this._sheetInterceptorService = _sheetInterceptorService, this._hyperLinkModel = _hyperLinkModel, this._themeService = _themeService, this._initViewModelIntercept();
   }
   _initViewModelIntercept() {
     this.disposeWithMe(
       this._sheetInterceptorService.intercept(
-        an.CELL_CONTENT,
+        INTERCEPTOR_POINT.CELL_CONTENT,
         {
-          handler: (e, t, n) => {
-            const { row: r, col: i, unitId: o, subUnitId: s } = t, c = this._hyperLinkModel.getHyperLinkByLocation(o, s, r, i), a = this._themeService.getCurrentTheme();
-            return n(c ? {
-              ...e,
+          handler: /* @__PURE__ */ __name((cell, pos, next) => {
+            const { row, col, unitId, subUnitId } = pos, link = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, row, col), styleSheet = this._themeService.getCurrentTheme();
+            return next(link ? {
+              ...cell,
               interceptorStyle: {
                 ul: {
-                  s: Xt.TRUE
+                  s: BooleanNumber.TRUE
                 },
                 cl: {
-                  rgb: a.blue500
+                  rgb: styleSheet.blue500
                 }
               }
-            } : e);
-          },
+            } : cell);
+          }, "handler"),
           priority: 100
         }
       )
     );
   }
+}, __name(_a3, "SheetsHyperLinkRenderManagerController"), _a3);
+SheetsHyperLinkRenderManagerController = __decorateClass$a([
+  OnLifecycle(LifecycleStages.Ready, SheetsHyperLinkRenderManagerController),
+  __decorateParam$a(0, Inject(SheetInterceptorService)),
+  __decorateParam$a(1, Inject(HyperLinkModel)),
+  __decorateParam$a(2, Inject(ThemeService))
+], SheetsHyperLinkRenderManagerController);
+var LinkType = /* @__PURE__ */ ((LinkType2) => (LinkType2.link = "link", LinkType2.range = "range", LinkType2.sheet = "gid", LinkType2.definedName = "rangeid", LinkType2))(LinkType || {});
+const _SheetsHyperLinkSidePanelService = class _SheetsHyperLinkSidePanelService extends Disposable {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "_customHyperLinks", /* @__PURE__ */ new Map());
+  }
+  isBuiltInLinkType(type) {
+    return !!LinkType[type];
+  }
+  getOptions() {
+    return Array.from(this._customHyperLinks.values()).map(({ option }) => option);
+  }
+  findCustomHyperLink(link) {
+    return Array.from(this._customHyperLinks.values()).find((item) => item.match(link));
+  }
+  registerCustomHyperLink(customHyperLink) {
+    this._customHyperLinks.set(customHyperLink.type, customHyperLink);
+  }
+  getCustomHyperLink(type) {
+    return this._customHyperLinks.get(type);
+  }
+  removeCustomHyperLink(type) {
+    const { _customHyperLinks } = this;
+    _customHyperLinks.delete(type);
+  }
+  dispose() {
+    super.dispose(), this._customHyperLinks.clear();
+  }
 };
-Se = Nt([
-  B(D.Ready, Se),
-  te(0, h(et)),
-  te(1, h(H)),
-  te(2, h(Jt))
-], Se);
-var $t = { exports: {} }, Ae = {};
+__name(_SheetsHyperLinkSidePanelService, "SheetsHyperLinkSidePanelService");
+let SheetsHyperLinkSidePanelService = _SheetsHyperLinkSidePanelService;
+var jsxRuntime = { exports: {} }, reactJsxRuntime_production_min = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -139,158 +172,165 @@ var $t = { exports: {} }, Ae = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Jn = xn, Qn = Symbol.for("react.element"), er = Symbol.for("react.fragment"), tr = Object.prototype.hasOwnProperty, nr = Jn.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, rr = { key: !0, ref: !0, __self: !0, __source: !0 };
-function Bt(e, t, n) {
-  var r, i = {}, o = null, s = null;
-  n !== void 0 && (o = "" + n), t.key !== void 0 && (o = "" + t.key), t.ref !== void 0 && (s = t.ref);
-  for (r in t) tr.call(t, r) && !rr.hasOwnProperty(r) && (i[r] = t[r]);
-  if (e && e.defaultProps) for (r in t = e.defaultProps, t) i[r] === void 0 && (i[r] = t[r]);
-  return { $$typeof: Qn, type: e, key: o, ref: s, props: i, _owner: nr.current };
+var f = require$$0, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 };
+function q(c, a, g) {
+  var b, d = {}, e = null, h = null;
+  g !== void 0 && (e = "" + g), a.key !== void 0 && (e = "" + a.key), a.ref !== void 0 && (h = a.ref);
+  for (b in a) m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
+  if (c && c.defaultProps) for (b in a = c.defaultProps, a) d[b] === void 0 && (d[b] = a[b]);
+  return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current };
 }
-Ae.Fragment = er;
-Ae.jsx = Bt;
-Ae.jsxs = Bt;
-$t.exports = Ae;
-var d = $t.exports, b = function() {
-  return b = Object.assign || function(e) {
-    for (var t, n = 1, r = arguments.length; n < r; n++) {
-      t = arguments[n];
-      for (var i in t) Object.prototype.hasOwnProperty.call(t, i) && (e[i] = t[i]);
+__name(q, "q");
+reactJsxRuntime_production_min.Fragment = l;
+reactJsxRuntime_production_min.jsx = q;
+reactJsxRuntime_production_min.jsxs = q;
+jsxRuntime.exports = reactJsxRuntime_production_min;
+var jsxRuntimeExports = jsxRuntime.exports, __assign = function() {
+  return __assign = Object.assign || function(t) {
+    for (var s, i = 1, n2 = arguments.length; i < n2; i++) {
+      s = arguments[i];
+      for (var p2 in s) Object.prototype.hasOwnProperty.call(s, p2) && (t[p2] = s[p2]);
     }
-    return e;
-  }, b.apply(this, arguments);
-}, ir = function(e, t) {
-  var n = {};
-  for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var i = 0, r = Object.getOwnPropertySymbols(e); i < r.length; i++)
-      t.indexOf(r[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[i]) && (n[r[i]] = e[r[i]]);
-  return n;
-}, z = Y(function(e, t) {
-  var n = e.icon, r = e.id, i = e.className, o = e.extend, s = ir(e, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(r, " ").concat(i || "").trim(), a = wt("_".concat(ar()));
-  return Dt(n, "".concat(r), { defIds: n.defIds, idSuffix: a.current }, b({ ref: t, className: c }, s), o);
+    return t;
+  }, __assign.apply(this, arguments);
+}, __rest = function(s, e) {
+  var t = {};
+  for (var p2 in s) Object.prototype.hasOwnProperty.call(s, p2) && e.indexOf(p2) < 0 && (t[p2] = s[p2]);
+  if (s != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var i = 0, p2 = Object.getOwnPropertySymbols(s); i < p2.length; i++)
+      e.indexOf(p2[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p2[i]) && (t[p2[i]] = s[p2[i]]);
+  return t;
+}, IconBase = forwardRef(function(props, ref) {
+  var icon = props.icon, id = props.id, className = props.className, extend = props.extend, restProps = __rest(props, ["icon", "id", "className", "extend"]), cls = "univerjs-icon univerjs-icon-".concat(id, " ").concat(className || "").trim(), idSuffix = useRef("_".concat(generateShortUuid()));
+  return render(icon, "".concat(id), { defIds: icon.defIds, idSuffix: idSuffix.current }, __assign({ ref, className: cls }, restProps), extend);
 });
-function Dt(e, t, n, r, i) {
-  return Z(e.tag, b(b({ key: t }, or(e, n, i)), r), (sr(e, n).children || []).map(function(o, s) {
-    return Dt(o, "".concat(t, "-").concat(e.tag, "-").concat(s), n, void 0, i);
+function render(node, id, runtimeProps, rootProps, extend) {
+  return createElement(node.tag, __assign(__assign({ key: id }, replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend)), rootProps), (replaceRuntimeIdsInDefs(node, runtimeProps).children || []).map(function(child, index) {
+    return render(child, "".concat(id, "-").concat(node.tag, "-").concat(index), runtimeProps, void 0, extend);
   }));
 }
-function or(e, t, n) {
-  var r = b({}, e.attrs);
-  n != null && n.colorChannel1 && r.fill === "colorChannel1" && (r.fill = n.colorChannel1);
-  var i = t.defIds;
-  return !i || i.length === 0 || (e.tag === "use" && r["xlink:href"] && (r["xlink:href"] = r["xlink:href"] + t.idSuffix), Object.entries(r).forEach(function(o) {
-    var s = o[0], c = o[1];
-    typeof c == "string" && (r[s] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
-  })), r;
+__name(render, "render");
+function replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend) {
+  var attrs = __assign({}, node.attrs);
+  extend != null && extend.colorChannel1 && attrs.fill === "colorChannel1" && (attrs.fill = extend.colorChannel1);
+  var defIds = runtimeProps.defIds;
+  return !defIds || defIds.length === 0 || (node.tag === "use" && attrs["xlink:href"] && (attrs["xlink:href"] = attrs["xlink:href"] + runtimeProps.idSuffix), Object.entries(attrs).forEach(function(_a14) {
+    var key = _a14[0], value = _a14[1];
+    typeof value == "string" && (attrs[key] = value.replace(/url\(#(.*)\)/, "url(#$1".concat(runtimeProps.idSuffix, ")")));
+  })), attrs;
 }
-function sr(e, t) {
-  var n, r = t.defIds;
-  return !r || r.length === 0 ? e : e.tag === "defs" && (!((n = e.children) === null || n === void 0) && n.length) ? b(b({}, e), { children: e.children.map(function(i) {
-    return typeof i.attrs.id == "string" && r && r.indexOf(i.attrs.id) > -1 ? b(b({}, i), { attrs: b(b({}, i.attrs), { id: i.attrs.id + t.idSuffix }) }) : i;
-  }) }) : e;
+__name(replaceRuntimeIdsAndExtInAttrs, "replaceRuntimeIdsAndExtInAttrs");
+function replaceRuntimeIdsInDefs(node, runtimeProps) {
+  var _a14, defIds = runtimeProps.defIds;
+  return !defIds || defIds.length === 0 ? node : node.tag === "defs" && (!((_a14 = node.children) === null || _a14 === void 0) && _a14.length) ? __assign(__assign({}, node), { children: node.children.map(function(child) {
+    return typeof child.attrs.id == "string" && defIds && defIds.indexOf(child.attrs.id) > -1 ? __assign(__assign({}, child), { attrs: __assign(__assign({}, child.attrs), { id: child.attrs.id + runtimeProps.idSuffix }) }) : child;
+  }) }) : node;
 }
-function ar() {
+__name(replaceRuntimeIdsInDefs, "replaceRuntimeIdsInDefs");
+function generateShortUuid() {
   return Math.random().toString(36).substring(2, 8);
 }
-z.displayName = "UniverIcon";
-var cr = { 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" } }] }, Le = Y(function(e, t) {
-  return Z(z, Object.assign({}, e, {
+__name(generateShortUuid, "generateShortUuid");
+IconBase.displayName = "UniverIcon";
+var element$5 = { 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" } }] }, AllBorderSingle = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
     id: "all-border-single",
-    ref: t,
-    icon: cr
+    ref,
+    icon: element$5
   }));
 });
-Le.displayName = "AllBorderSingle";
-var lr = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.02547 12.4251C5.15328 13.7417 6.26305 14.7708 7.61318 14.7708H12.6132C14.0491 14.7708 15.2132 13.6067 15.2132 12.1708V6.1708C15.2132 4.78586 14.1303 3.65383 12.7651 3.57517C12.6373 2.25858 11.5275 1.22949 10.1774 1.22949H5.17739C3.74145 1.22949 2.57739 2.39355 2.57739 3.82949V9.82949C2.57739 11.2144 3.66024 12.3465 5.02547 12.4251ZM11.5535 3.5708H7.61318C6.17724 3.5708 5.01318 4.73486 5.01318 6.1708V11.22C4.31736 11.1387 3.77739 10.5471 3.77739 9.82949V3.82949C3.77739 3.05629 4.40419 2.42949 5.17739 2.42949H10.1774C10.8622 2.42949 11.4322 2.92119 11.5535 3.5708ZM14.0132 6.1708C14.0132 5.3976 13.3864 4.7708 12.6132 4.7708H7.61318C6.83998 4.7708 6.21318 5.3976 6.21318 6.1708V12.1708C6.21318 12.944 6.83998 13.5708 7.61318 13.5708H12.6132C13.3864 13.5708 14.0132 12.944 14.0132 12.1708V6.1708Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Vt = Y(function(e, t) {
-  return Z(z, Object.assign({}, e, {
+AllBorderSingle.displayName = "AllBorderSingle";
+var element$4 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M4.1302 12.4251C4.25802 13.7417 5.36779 14.7708 6.71792 14.7708H11.7179C13.1539 14.7708 14.3179 13.6067 14.3179 12.1708V6.1708C14.3179 4.78586 13.2351 3.65383 11.8698 3.57517C11.742 2.25858 10.6323 1.22949 9.28213 1.22949H4.28213C2.84619 1.22949 1.68213 2.39355 1.68213 3.82949V9.82949C1.68213 11.2144 2.76497 12.3465 4.1302 12.4251ZM10.6583 3.5708H6.71792C5.28198 3.5708 4.11792 4.73486 4.11792 6.1708V11.22C3.4221 11.1387 2.88213 10.5471 2.88213 9.82949V3.82949C2.88213 3.05629 3.50893 2.42949 4.28213 2.42949H9.28213C9.96695 2.42949 10.5369 2.92119 10.6583 3.5708ZM13.1179 6.1708C13.1179 5.3976 12.4911 4.7708 11.7179 4.7708H6.71792C5.94472 4.7708 5.31792 5.3976 5.31792 6.1708V12.1708C5.31792 12.944 5.94472 13.5708 6.71792 13.5708H11.7179C12.4911 13.5708 13.1179 12.944 13.1179 12.1708V6.1708Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, CopySingle = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
     id: "copy-single",
-    ref: t,
-    icon: lr
+    ref,
+    icon: element$4
   }));
 });
-Vt.displayName = "CopySingle";
-var dr = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.9564 2.91332C4.91407 1.87102 3.22413 1.87101 2.18182 2.91333L2.18182 2.91333C1.13953 3.95567 1.13952 5.6456 2.18182 6.68791L8.27777 12.7838C9.72408 14.2302 12.069 14.2302 13.5154 12.7839L13.0911 12.3596L13.5154 12.7839C14.9617 11.3375 14.9617 8.99257 13.5154 7.54626L8.39476 2.42566C8.16044 2.19134 7.78054 2.19134 7.54623 2.42566C7.31191 2.65997 7.31191 3.03987 7.54623 3.27419L12.6668 8.39479L13.0911 7.97052L12.6668 8.39479C13.6445 9.37247 13.6445 10.9576 12.6668 11.9353L13.0399 12.3084L12.6668 11.9353C11.6891 12.913 10.104 12.913 9.1263 11.9353L3.03035 5.83938C2.45668 5.26571 2.45667 4.33556 3.03036 3.76184C3.60403 3.18818 4.53416 3.18817 5.10788 3.76185C5.10788 3.76186 5.10788 3.76186 5.10789 3.76186L11.2038 9.8578L11.601 9.46061L11.2038 9.8578C11.3735 10.0275 11.3735 10.3026 11.2038 10.4723L11.2038 10.4723C11.0341 10.642 10.759 10.642 10.5893 10.4723L5.46874 5.35171C5.23442 5.1174 4.85452 5.1174 4.62021 5.35171C4.38589 5.58602 4.38589 5.96592 4.62021 6.20024L9.74078 11.3208C10.3791 11.9591 11.414 11.9591 12.0523 11.3208C12.0523 11.3208 12.0523 11.3208 12.0523 11.3208M12.0523 11.3208C12.6907 10.6825 12.6906 9.64757 12.0523 9.00927L5.95641 2.91333L5.9564 2.91332", fillRule: "evenodd", clipRule: "evenodd" } }] }, Me = Y(function(e, t) {
-  return Z(z, Object.assign({}, e, {
+CopySingle.displayName = "CopySingle";
+var element$3 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.9564 2.91332C4.91407 1.87102 3.22413 1.87101 2.18182 2.91333L2.18182 2.91333C1.13953 3.95567 1.13952 5.6456 2.18182 6.68791L8.27777 12.7838C9.72408 14.2302 12.069 14.2302 13.5154 12.7839L13.0911 12.3596L13.5154 12.7839C14.9617 11.3375 14.9617 8.99257 13.5154 7.54626L8.39476 2.42566C8.16044 2.19134 7.78054 2.19134 7.54623 2.42566C7.31191 2.65997 7.31191 3.03987 7.54623 3.27419L12.6668 8.39479L13.0911 7.97052L12.6668 8.39479C13.6445 9.37247 13.6445 10.9576 12.6668 11.9353L13.0399 12.3084L12.6668 11.9353C11.6891 12.913 10.104 12.913 9.1263 11.9353L3.03035 5.83938C2.45668 5.26571 2.45667 4.33556 3.03036 3.76184C3.60403 3.18818 4.53416 3.18817 5.10788 3.76185C5.10788 3.76186 5.10788 3.76186 5.10789 3.76186L11.2038 9.8578L11.601 9.46061L11.2038 9.8578C11.3735 10.0275 11.3735 10.3026 11.2038 10.4723L11.2038 10.4723C11.0341 10.642 10.759 10.642 10.5893 10.4723L5.46874 5.35171C5.23442 5.1174 4.85452 5.1174 4.62021 5.35171C4.38589 5.58602 4.38589 5.96592 4.62021 6.20024L9.74078 11.3208C10.3791 11.9591 11.414 11.9591 12.0523 11.3208C12.0523 11.3208 12.0523 11.3208 12.0523 11.3208M12.0523 11.3208C12.6907 10.6825 12.6906 9.64757 12.0523 9.00927L5.95641 2.91333L5.9564 2.91332", fillRule: "evenodd", clipRule: "evenodd" } }] }, LinkSingle = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
     id: "link-single",
-    ref: t,
-    icon: dr
+    ref,
+    icon: element$3
   }));
 });
-Me.displayName = "LinkSingle";
-var ur = { 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" } }] }, At = Y(function(e, t) {
-  return Z(z, Object.assign({}, e, {
+LinkSingle.displayName = "LinkSingle";
+var element$2 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 17", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M12.5935 3.47302C11.6354 2.51492 10.082 2.51492 9.12388 3.47302L7.83534 4.76157C7.60102 4.99588 7.22112 4.99588 6.98681 4.76157 6.75249 4.52725 6.75249 4.14735 6.98681 3.91304L8.27535 2.62449C9.70209 1.19776 12.0153 1.19776 13.442 2.62449 14.8688 4.05123 14.8688 6.36442 13.442 7.79116L12.1535 9.0797C11.9192 9.31402 11.5393 9.31402 11.3049 9.0797 11.0706 8.84539 11.0706 8.46549 11.3049 8.23117L12.5935 6.94263C13.5516 5.98452 13.5516 4.43113 12.5935 3.47302zM3.40637 12.6606C2.44827 11.7025 2.44827 10.1491 3.40637 9.19102L4.69492 7.90248C4.92923 7.66816 4.92923 7.28826 4.69492 7.05395 4.4606 6.81963 4.0807 6.81963 3.84639 7.05395L2.55784 8.34249C1.13111 9.76923 1.13111 12.0824 2.55784 13.5092 3.98458 14.9359 6.29777 14.9359 7.72451 13.5092L9.01305 12.2206C9.24737 11.9863 9.24737 11.6064 9.01305 11.3721 8.77874 11.1378 8.39884 11.1378 8.16452 11.3721L6.87598 12.6606C5.91787 13.6187 4.36448 13.6187 3.40637 12.6606zM3.5852 2.80332C3.35088 2.569 2.97098 2.569 2.73667 2.80332 2.50235 3.03763 2.50235 3.41753 2.73667 3.65185L12.4151 13.3302C12.6494 13.5646 13.0293 13.5646 13.2636 13.3302 13.4979 13.0959 13.4979 12.716 13.2636 12.4817L3.5852 2.80332z" } }] }, UnlinkSingle = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
     id: "unlink-single",
-    ref: t,
-    icon: ur
+    ref,
+    icon: element$2
   }));
 });
-At.displayName = "UnlinkSingle";
-var pr = { 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" } }] }, Wt = Y(function(e, t) {
-  return Z(z, Object.assign({}, e, {
+UnlinkSingle.displayName = "UnlinkSingle";
+var element$1 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M12.6551 1.98906C11.7476 1.08113 10.2757 1.08149 9.3686 1.98987L4.82542 6.53955C4.75087 6.61421 4.69336 6.70411 4.65682 6.80309L3.2461 10.625C3.16506 10.8446 3.21909 11.0912 3.3845 11.2568C3.54991 11.4224 3.79651 11.4767 4.01616 11.3959L7.85031 9.98517C7.94979 9.94856 8.04014 9.89077 8.11508 9.81579L12.6552 5.27327C13.5618 4.36621 13.5618 2.89607 12.6551 1.98906ZM10.2177 2.83779C10.6562 2.39869 11.3677 2.39851 11.8064 2.8374C12.2447 3.27584 12.2447 3.9865 11.8065 4.42497L7.3392 8.89457L4.82213 9.82068L5.74706 7.31487L10.2177 2.83779Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.79238 13.2999C1.46101 13.2999 1.19238 13.5685 1.19238 13.8999C1.19238 14.2313 1.46101 14.4999 1.79238 14.4999H14.4924C14.8238 14.4999 15.0924 14.2313 15.0924 13.8999C15.0924 13.5685 14.8238 13.2999 14.4924 13.2999H1.79238Z" } }] }, WriteSingle = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
     id: "write-single",
-    ref: t,
-    icon: pr
+    ref,
+    icon: element$1
   }));
 });
-Wt.displayName = "WriteSingle";
-var hr = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "#35BD4B", d: "M3.36396 1.12549C2.61066 1.12549 2 1.73615 2 2.48945V13.5104C2 14.2637 2.61066 14.8744 3.36396 14.8744H12.457C13.2103 14.8744 13.821 14.2637 13.821 13.5104V5.0992L9.91954 1.12549H3.36396Z" } }, { tag: "path", attrs: { fill: "#32A846", d: "M9.91797 1.12549L13.8209 5.09842H10.5846C10.2164 5.09842 9.91797 4.79994 9.91797 4.43175V1.12549Z" } }, { tag: "path", attrs: { fill: "#fff", d: "M7.71926 10.2949L6.28687 12.403C6.17306 12.5705 5.94501 12.614 5.77751 12.5002C5.61002 12.3864 5.56649 12.1584 5.6803 11.9909L7.27596 9.64252L5.85088 7.54519C5.73707 7.37769 5.78059 7.14964 5.94809 7.03583C6.11558 6.92202 6.34363 6.96555 6.45744 7.13304L7.71926 8.9901L8.98108 7.13304C9.09489 6.96555 9.32294 6.92202 9.49044 7.03583C9.65793 7.14964 9.70146 7.37769 9.58765 7.54519L8.16256 9.64252L9.75822 11.9909C9.87203 12.1584 9.82851 12.3864 9.66101 12.5002C9.49351 12.614 9.26547 12.5705 9.15166 12.403L7.71926 10.2949Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Je = Y(function(e, t) {
-  return Z(z, Object.assign({}, e, {
+WriteSingle.displayName = "WriteSingle";
+var element = { tag: "svg", attrs: { 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: "#fff", 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" } }] }, Xlsx = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
     id: "xlsx",
-    ref: t,
-    icon: hr
+    ref,
+    icon: element
   }));
 });
-Je.displayName = "Xlsx";
-var mr = Object.defineProperty, gr = Object.getOwnPropertyDescriptor, fr = (e, t, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? gr(t, n) : t, o = e.length - 1, s; o >= 0; o--)
-    (s = e[o]) && (i = (r ? s(t, n, i) : s(i)) || i);
-  return r && i && mr(t, n, i), i;
-}, se = (e, t) => (n, r) => t(n, r, e);
-function vr(e, t) {
-  const n = t.getMergeData(), r = t.getMaxColumns() - 1, i = t.getMaxRows() - 1;
-  if (r < e.endColumn && (e.endColumn = r), i < e.endRow && (e.endRow = i), e.rangeType === lt.COLUMN || lt.ROW)
-    return e;
-  const o = [];
-  return n.forEach((s) => {
-    ne.intersects(e, s) && o.push(s);
-  }), ne.realUnion(e, ...o);
+Xlsx.displayName = "Xlsx";
+var __defProp$9 = Object.defineProperty, __getOwnPropDesc$9 = Object.getOwnPropertyDescriptor, __decorateClass$9 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$9(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$9(target, key, result), result;
+}, "__decorateClass$9"), __decorateParam$9 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$9");
+function getContainRange(range, worksheet) {
+  const mergedCells = worksheet.getMergeData(), maxCol = worksheet.getMaxColumns() - 1, maxRow = worksheet.getMaxRows() - 1;
+  if (maxCol < range.endColumn && (range.endColumn = maxCol), maxRow < range.endRow && (range.endRow = maxRow), range.rangeType === RANGE_TYPE.COLUMN || RANGE_TYPE.ROW)
+    return range;
+  const relativeCells = [];
+  return mergedCells.forEach((cell) => {
+    Rectangle.intersects(range, cell) && relativeCells.push(cell);
+  }), Rectangle.realUnion(range, ...relativeCells);
 }
-let F = class {
-  constructor(e, t, n, r, i) {
-    this._univerInstanceService = e, this._commandService = t, this._definedNamesService = n, this._messageService = r, this._localeService = i;
-  }
-  _getURLName(e) {
-    var c;
-    const { gid: t, range: n, rangeid: r } = e, i = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SHEET);
-    if (!i)
+__name(getContainRange, "getContainRange");
+var _a4;
+let SheetsHyperLinkResolverService = (_a4 = class {
+  constructor(_urlHandler, _univerInstanceService, _commandService, _definedNamesService, _messageService, _localeService) {
+    this._urlHandler = _urlHandler, this._univerInstanceService = _univerInstanceService, this._commandService = _commandService, this._definedNamesService = _definedNamesService, this._messageService = _messageService, this._localeService = _localeService;
+  }
+  _getURLName(params) {
+    var _a14;
+    const { gid, range, rangeid } = params, workbook = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+    if (!workbook)
       return null;
-    const o = t ? i.getSheetBySheetId(t) : i.getActiveSheet(), s = (c = o == null ? void 0 : o.getName()) != null ? c : "";
-    if (n) {
-      const a = Oe(n).range;
-      return ze(a) && n !== Ge ? {
+    const sheet = gid ? workbook.getSheetBySheetId(gid) : workbook.getActiveSheet(), sheetName = (_a14 = sheet == null ? void 0 : sheet.getName()) != null ? _a14 : "";
+    if (range) {
+      const rangeObj = deserializeRangeWithSheet(range).range;
+      return isValidRange(rangeObj) && range !== ERROR_RANGE ? {
         type: "range",
-        name: Ht(s, a)
+        name: serializeRangeWithSheet(sheetName, rangeObj)
       } : {
         type: "range-error",
         name: this._localeService.t("hyperLink.message.refError")
       };
     }
-    if (r) {
-      const a = this._definedNamesService.getValueById(i.getUnitId(), r);
-      return a ? {
+    if (rangeid) {
+      const range2 = this._definedNamesService.getValueById(workbook.getUnitId(), rangeid);
+      return range2 ? {
         type: "defineName",
-        name: a.formulaOrRefString
+        name: range2.formulaOrRefString
       } : {
         type: "range-error",
         name: this._localeService.t("hyperLink.message.refError")
       };
     }
-    if (t) {
-      const a = i.getSheetBySheetId(t);
-      return a ? {
+    if (gid) {
+      const worksheet = workbook.getSheetBySheetId(gid);
+      return worksheet ? {
         type: "sheet",
-        name: a.getName()
+        name: worksheet.getName()
       } : {
         type: "sheet-error",
         name: this._localeService.t("hyperLink.message.refError")
@@ -298,558 +338,574 @@ let F = class {
     }
     return null;
   }
-  navigateTo(e) {
-    const { gid: t, range: n, rangeid: r } = e, i = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SHEET);
-    if (!i)
+  navigateTo(params) {
+    const { gid, range, rangeid } = params, workbook = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+    if (!workbook)
       return;
-    const o = i.getUnitId();
-    if (r && this.navigateToDefineName(o, r), !!t) {
-      if (n) {
-        const s = Oe(n);
-        ze(s.range) && n !== Ge && this.navigateToRange(o, t, s.range);
+    const unitId = workbook.getUnitId();
+    if (rangeid && this.navigateToDefineName(unitId, rangeid), !!gid) {
+      if (range) {
+        const rangeInfo = deserializeRangeWithSheet(range);
+        isValidRange(rangeInfo.range) && range !== ERROR_RANGE && this.navigateToRange(unitId, gid, rangeInfo.range);
         return;
       }
-      this.navigateToSheetById(o, t);
+      this.navigateToSheetById(unitId, gid);
     }
   }
-  parseHyperLink(e) {
-    var t, n, r;
-    if (e != null && e.startsWith("#")) {
-      const i = new URLSearchParams(e.slice(1)), o = {
-        gid: (t = i.get("gid")) != null ? t : "",
-        range: (n = i.get("range")) != null ? n : "",
-        rangeid: (r = i.get("rangeid")) != null ? r : ""
-      }, s = this._getURLName(o);
+  parseHyperLink(urlStr) {
+    var _a14, _b, _c;
+    if (urlStr != null && urlStr.startsWith("#")) {
+      const search = new URLSearchParams(urlStr.slice(1)), searchObj = {
+        gid: (_a14 = search.get("gid")) != null ? _a14 : "",
+        range: (_b = search.get("range")) != null ? _b : "",
+        rangeid: (_c = search.get("rangeid")) != null ? _c : ""
+      }, urlInfo = this._getURLName(searchObj);
       return {
-        type: (s == null ? void 0 : s.type) || "link",
-        name: (s == null ? void 0 : s.name) || e,
-        url: e,
-        searchObj: o,
-        handler: () => {
-          this.navigateTo(o);
-        }
+        type: (urlInfo == null ? void 0 : urlInfo.type) || "link",
+        name: (urlInfo == null ? void 0 : urlInfo.name) || urlStr,
+        url: urlStr,
+        searchObj,
+        handler: /* @__PURE__ */ __name(() => {
+          this.navigateTo(searchObj);
+        }, "handler")
       };
     } else
       return {
         type: "outer",
-        name: e,
-        url: e,
-        handler: () => {
-          this.navigateToOtherWebsite(e);
-        }
+        name: urlStr,
+        url: urlStr,
+        handler: /* @__PURE__ */ __name(() => {
+          this.navigateToOtherWebsite(urlStr);
+        }, "handler")
       };
   }
-  async navigateToRange(e, t, n) {
-    const r = await this.navigateToSheetById(e, t);
-    if (r) {
-      const i = vr(n, r);
+  async navigateToRange(unitId, subUnitId, range) {
+    const worksheet = await this.navigateToSheetById(unitId, subUnitId);
+    if (worksheet) {
+      const realRange = getContainRange(range, worksheet);
       await this._commandService.executeCommand(
-        cn.id,
+        SetSelectionsOperation.id,
         {
-          unitId: e,
-          subUnitId: t,
+          unitId,
+          subUnitId,
           selections: [{
-            range: i
+            range: realRange
           }]
         }
-      ), await this._commandService.executeCommand(kt.id, {
-        range: i
+      ), await this._commandService.executeCommand(ScrollToRangeOperation.id, {
+        range: realRange
       });
     }
   }
-  async navigateToSheet(e, t) {
-    const n = this._univerInstanceService.getUnit(e, E.UNIVER_SHEET);
-    if (!n)
+  async navigateToSheet(unitId, sheetName) {
+    const workbook = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET);
+    if (!workbook)
       return !1;
-    const r = n.getActiveSheet();
-    if ((r == null ? void 0 : r.getName()) === t)
+    const worksheet = workbook.getActiveSheet();
+    if ((worksheet == null ? void 0 : worksheet.getName()) === sheetName)
       return !0;
-    const i = n.getSheetBySheetName(t);
-    if (!i) {
+    const targetSheet = workbook.getSheetBySheetName(sheetName);
+    if (!targetSheet) {
       this._messageService.show({
         content: this._localeService.t("hyperLink.message.noSheet"),
-        type: ce.Error
+        type: MessageType.Error
       });
       return;
     }
-    const o = i.getSheetId();
-    return n.getHiddenWorksheets().indexOf(o) > -1 && this._messageService.show({
+    const sheetId = targetSheet.getSheetId();
+    return workbook.getHiddenWorksheets().indexOf(sheetId) > -1 && this._messageService.show({
       content: this._localeService.t("hyperLink.message.hiddenSheet"),
-      type: ce.Error
-    }), await this._commandService.executeCommand(Ee.id, { unitId: e, subUnitId: o });
+      type: MessageType.Error
+    }), await this._commandService.executeCommand(SetWorksheetActiveOperation.id, { unitId, subUnitId: sheetId });
   }
-  async navigateToSheetById(e, t) {
-    const n = this._univerInstanceService.getUnit(e, E.UNIVER_SHEET);
-    if (!n)
+  async navigateToSheetById(unitId, subUnitId) {
+    const workbook = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET);
+    if (!workbook)
       return !1;
-    const r = n.getActiveSheet();
-    if (!r)
+    const worksheet = workbook.getActiveSheet();
+    if (!worksheet)
       return !1;
-    if (r.getSheetId() === t)
-      return r;
-    const i = n.getSheetBySheetId(t);
-    return i ? n.getHiddenWorksheets().indexOf(t) > -1 ? (this._messageService.show({
+    if (worksheet.getSheetId() === subUnitId)
+      return worksheet;
+    const targetSheet = workbook.getSheetBySheetId(subUnitId);
+    return targetSheet ? workbook.getHiddenWorksheets().indexOf(subUnitId) > -1 ? (this._messageService.show({
       content: this._localeService.t("hyperLink.message.hiddenSheet"),
-      type: ce.Error
-    }), !1) : await this._commandService.executeCommand(Ee.id, { unitId: e, subUnitId: t }) ? i : !1 : (this._messageService.show({
+      type: MessageType.Error
+    }), !1) : await this._commandService.executeCommand(SetWorksheetActiveOperation.id, { unitId, subUnitId }) ? targetSheet : !1 : (this._messageService.show({
       content: this._localeService.t("hyperLink.message.noSheet"),
-      type: ce.Error
+      type: MessageType.Error
     }), !1);
   }
-  async navigateToDefineName(e, t) {
-    return this._definedNamesService.focusRange(e, t), !0;
+  async navigateToDefineName(unitId, rangeid) {
+    return this._definedNamesService.focusRange(unitId, rangeid), !0;
   }
-  async navigateToOtherWebsite(e) {
-    window.open(e, "_blank", "noopener noreferrer");
+  async navigateToOtherWebsite(url) {
+    var _a14;
+    if ((_a14 = this._urlHandler) != null && _a14.navigateToOtherWebsite)
+      return this._urlHandler.navigateToOtherWebsite(url);
+    window.open(url, "_blank", "noopener noreferrer");
   }
-};
-F = fr([
-  se(0, ue),
-  se(1, K),
-  se(2, jt),
-  se(3, Ot),
-  se(4, h(pe))
-], F);
-function de(e) {
-  return re.isLegalUrl(e);
+}, __name(_a4, "SheetsHyperLinkResolverService"), _a4);
+SheetsHyperLinkResolverService = __decorateClass$9([
+  __decorateParam$9(1, IUniverInstanceService),
+  __decorateParam$9(2, ICommandService),
+  __decorateParam$9(3, IDefinedNamesService),
+  __decorateParam$9(4, IMessageService),
+  __decorateParam$9(5, Inject(LocaleService))
+], SheetsHyperLinkResolverService);
+function isLegalLink(link) {
+  return Tools.isLegalUrl(link);
 }
-function _r(e) {
-  return /^[a-zA-Z]+:\/\//.test(e);
+__name(isLegalLink, "isLegalLink");
+function hasProtocol(urlString) {
+  return /^[a-zA-Z]+:\/\//.test(urlString);
 }
-function Cr(e) {
-  return /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/.test(e);
+__name(hasProtocol, "hasProtocol");
+function isEmail(url) {
+  return /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/.test(url);
 }
-function rt(e) {
-  if (de(e)) {
-    const t = _r(e) ? e : Cr(e) ? `mailto://${e}` : `http://${e}`, n = new URL(t);
-    return n.hostname === location.hostname && n.port === location.port && n.protocol === location.protocol && n.pathname === location.pathname && n.hash && !n.search ? n.hash : t;
+__name(isEmail, "isEmail");
+function serializeUrl(urlStr) {
+  if (isLegalLink(urlStr)) {
+    const transformedUrl = hasProtocol(urlStr) ? urlStr : isEmail(urlStr) ? `mailto://${urlStr}` : `http://${urlStr}`;
+    let url;
+    try {
+      url = new URL(transformedUrl);
+    } catch {
+      return urlStr;
+    }
+    return url.hostname === location.hostname && url.port === location.port && url.protocol === location.protocol && url.pathname === location.pathname && url.hash && !url.search ? url.hash : transformedUrl;
   }
-  return e;
+  return urlStr;
 }
-function yr(e) {
-  if (e === null)
+__name(serializeUrl, "serializeUrl");
+function getCellValueOrigin(cell) {
+  if (cell === null)
     return "";
-  if (e != null && e.p) {
-    const t = e == null ? void 0 : e.p.body;
-    if (t == null)
+  if (cell != null && cell.p) {
+    const body = cell == null ? void 0 : cell.p.body;
+    if (body == null)
       return "";
-    const n = t.dataStream;
-    return n.substring(n.length - 2, n.length) === Qt ? n.substring(0, n.length - 2) : n;
+    const data = body.dataStream;
+    return data.substring(data.length - 2, data.length) === DEFAULT_EMPTY_DOCUMENT_VALUE ? data.substring(0, data.length - 2) : data;
   }
-  return e == null ? void 0 : e.v;
+  return cell == null ? void 0 : cell.v;
 }
-const Sr = "univer-cell-link-edit-buttons", Lr = {
-  cellLinkEditButtons: Sr
-}, xe = () => {
-  var ie;
-  const [e, t] = ee(""), [n, r] = ee(""), [i, o] = ee(
-    "link"
-    /* link */
-  ), [s, c] = ee(""), a = k(pe), u = k(jt), g = k(ue), f = k($), l = Un(f.currentEditing$), m = k(H), _ = k(F), v = k(K), [L, M] = ee(!1), y = wt(!1);
-  Et(() => {
-    var p, S, I;
-    if ((l == null ? void 0 : l.row) !== void 0 && l.column !== void 0) {
-      const C = m.getHyperLinkByLocationSync(l.unitId, l.subUnitId, l.row, l.column);
-      if (C) {
-        const ge = _.parseHyperLink(C.payload);
-        if (t(C.id), r(C.display), ge.type === "outer") {
-          o(
-            "link"
-            /* link */
-          ), c(ge.url), ge.url === C.display && (y.current = !0);
+__name(getCellValueOrigin, "getCellValueOrigin");
+const cellLinkEditButtons = "univer-cell-link-edit-buttons", styles$1 = {
+  cellLinkEditButtons
+}, CellLinkEdit = /* @__PURE__ */ __name(() => {
+  var _a14;
+  const [id, setId] = useState(""), [display, setDisplay] = useState(""), [type, setType] = useState(LinkType.link), [payload, setPayload] = useState(""), localeService = useDependency(LocaleService), definedNameService = useDependency(IDefinedNamesService), univerInstanceService = useDependency(IUniverInstanceService), popupService = useDependency(SheetsHyperLinkPopupService), editing = useObservable(popupService.currentEditing$), hyperLinkModel = useDependency(HyperLinkModel), resolverService = useDependency(SheetsHyperLinkResolverService), commandService = useDependency(ICommandService), sidePanelService = useDependency(SheetsHyperLinkSidePanelService), sidePanelOptions = useMemo(() => sidePanelService.getOptions(), [sidePanelService]), customHyperLinkSidePanel = useMemo(() => {
+    if (!sidePanelService.isBuiltInLinkType(type))
+      return sidePanelService.getCustomHyperLink(type);
+  }, [sidePanelService, type]), [showError, setShowError] = useState(!1), setByPayload = useRef(!1);
+  useEffect(() => {
+    var _a15, _b, _c;
+    if ((editing == null ? void 0 : editing.row) !== void 0 && editing.column !== void 0) {
+      const link = hyperLinkModel.getHyperLinkByLocationSync(editing.unitId, editing.subUnitId, editing.row, editing.column);
+      if (link) {
+        setId(link.id);
+        const customLink = sidePanelService.findCustomHyperLink(link);
+        if (customLink) {
+          const customLinkInfo = customLink.convert(link);
+          setType(customLinkInfo.type), setPayload(customLinkInfo.payload), setDisplay(customLinkInfo.display);
+          return;
+        }
+        setDisplay(link.display);
+        const linkInfo = resolverService.parseHyperLink(link.payload);
+        if (linkInfo.type === "outer") {
+          setType(LinkType.link), setPayload(linkInfo.url), linkInfo.url === link.display && (setByPayload.current = !0);
           return;
         } else {
-          const N = ge.searchObj;
-          if (N.rangeid) {
-            o(
-              "rangeid"
-              /* definedName */
-            ), c(N.rangeid);
+          const params = linkInfo.searchObj;
+          if (params.rangeid) {
+            setType(LinkType.definedName), setPayload(params.rangeid);
             return;
           }
-          if (N.range) {
-            const zt = N.gid && (I = (S = (p = g.getUnit(l.unitId)) == null ? void 0 : p.getSheetBySheetId(N.gid)) == null ? void 0 : S.getName()) != null ? I : "";
-            if (o(
-              "range"
-              /* range */
-            ), N.range === Ge)
-              c("");
+          if (params.range) {
+            const sheetName = params.gid && (_c = (_b = (_a15 = univerInstanceService.getUnit(editing.unitId)) == null ? void 0 : _a15.getSheetBySheetId(params.gid)) == null ? void 0 : _b.getName()) != null ? _c : "";
+            if (setType(LinkType.range), params.range === ERROR_RANGE)
+              setPayload("");
             else {
-              const ct = Ht(zt, Oe(N.range).range);
-              c(ct), ct === C.display && (y.current = !0);
+              const payload2 = serializeRangeWithSheet(sheetName, deserializeRangeWithSheet(params.range).range);
+              setPayload(payload2), payload2 === link.display && (setByPayload.current = !0);
             }
             return;
           }
-          if (N.gid) {
-            o(
-              "gid"
-              /* sheet */
-            ), c(N.gid);
+          if (params.gid) {
+            setType(LinkType.sheet), setPayload(params.gid);
             return;
           }
         }
       }
-      const j = g.getUnit(l.unitId), w = j == null ? void 0 : j.getSheetBySheetId(l.subUnitId), Zt = w == null ? void 0 : w.getCellRaw(l.row, l.column), Fe = yr(Zt);
-      o(
-        "link"
-        /* link */
-      ), c(""), r((Fe != null ? Fe : "").toString()), t("");
+      const workbook2 = univerInstanceService.getUnit(editing.unitId), worksheet = workbook2 == null ? void 0 : workbook2.getSheetBySheetId(editing.subUnitId), cell = worksheet == null ? void 0 : worksheet.getCellRaw(editing.row, editing.column), cellValue = getCellValueOrigin(cell);
+      setType(LinkType.link), setPayload(""), setDisplay((cellValue != null ? cellValue : "").toString()), setId("");
       return;
     }
-    o(
-      "link"
-      /* link */
-    ), c(""), r(""), t("");
-  }, [l, m, _, g]);
-  const V = Tn(() => s, [i]), R = [
+    setType(LinkType.link), setPayload(""), setDisplay(""), setId("");
+  }, [editing, hyperLinkModel, resolverService, univerInstanceService]);
+  const payloadInitial = useMemo(() => payload, [type]), linkTypeOptions = [
     {
-      label: a.t("hyperLink.form.link"),
-      value: "link"
-      /* link */
+      label: localeService.t("hyperLink.form.link"),
+      value: LinkType.link
     },
     {
-      label: a.t("hyperLink.form.range"),
-      value: "range"
-      /* range */
+      label: localeService.t("hyperLink.form.range"),
+      value: LinkType.range
     },
     {
-      label: a.t("hyperLink.form.worksheet"),
-      value: "gid"
-      /* sheet */
+      label: localeService.t("hyperLink.form.worksheet"),
+      value: LinkType.sheet
     },
     {
-      label: a.t("hyperLink.form.definedName"),
-      value: "rangeid"
-      /* definedName */
-    }
-  ], P = g.getCurrentUnitForType(E.UNIVER_SHEET);
-  if (!P)
+      label: localeService.t("hyperLink.form.definedName"),
+      value: LinkType.definedName
+    },
+    ...sidePanelOptions
+  ], workbook = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+  if (!workbook)
     return;
-  const G = P.getHiddenWorksheets(), A = P.getSheets().map((p) => ({ label: p.getName(), value: p.getSheetId() })).filter((p) => G.indexOf(p.value) === -1), q = Object.values((ie = u.getDefinedNameMap(P.getUnitId())) != null ? ie : {}).map((p) => ({
-    label: p.name,
-    value: p.id
-  })), he = (p, S) => {
-    if (p === "link")
-      return rt(S);
-    if (p === "range") {
-      const I = Oe(S), C = P.getSheetBySheetName(I.sheetName);
-      if (C)
-        return `#gid=${C.getSheetId()}&range=${Fn(I.range)}`;
+  const hiddens = workbook.getHiddenWorksheets(), sheetsOption = workbook.getSheets().map((sheet) => ({ label: sheet.getName(), value: sheet.getSheetId() })).filter((opt) => hiddens.indexOf(opt.value) === -1), definedNames = Object.values((_a14 = definedNameService.getDefinedNameMap(workbook.getUnitId())) != null ? _a14 : {}).map((value) => ({
+    label: value.name,
+    value: value.id
+  })), formatUrl = /* @__PURE__ */ __name((type2, payload2) => {
+    if (type2 === LinkType.link)
+      return serializeUrl(payload2);
+    if (type2 === LinkType.range) {
+      const info = deserializeRangeWithSheet(payload2), worksheet = workbook.getSheetBySheetName(info.sheetName);
+      if (worksheet)
+        return `#gid=${worksheet.getSheetId()}&range=${serializeRange(info.range)}`;
     }
-    return `#${p}=${S}`;
-  }, We = Hn((p) => {
-    var C;
-    const S = p[0];
-    if (!S || !ze(S.range))
+    return `#${type2}=${payload2}`;
+  }, "formatUrl"), handleRangeChange = useEvent((newValue) => {
+    var _a15;
+    const range = newValue[0];
+    if (!range || !isValidRange(range.range))
       return;
-    S.sheetName || (S.sheetName = ((C = P.getActiveSheet()) == null ? void 0 : C.getName()) || "");
-    const I = Wn(S);
-    c(I), I && (y.current || !n) && (r(I), y.current = !0);
-  }), me = async () => {
-    if (l && (e ? await v.executeCommand(St.id, {
-      unitId: l.unitId,
-      subUnitId: l.subUnitId,
-      id: e,
+    range.sheetName || (range.sheetName = ((_a15 = workbook.getActiveSheet()) == null ? void 0 : _a15.getName()) || "");
+    const newPayload = serializeRangeToRefString(range);
+    setPayload(newPayload), newPayload && (setByPayload.current || !display) && (setDisplay(newPayload), setByPayload.current = !0);
+  }), handleSubmit = /* @__PURE__ */ __name(async () => {
+    if (editing && (id ? await commandService.executeCommand(UpdateHyperLinkCommand.id, {
+      unitId: editing.unitId,
+      subUnitId: editing.subUnitId,
+      id,
       payload: {
-        display: n,
-        payload: he(i, s)
+        display,
+        payload: formatUrl(type, payload)
       }
-    }) : await v.executeCommand(Lt.id, {
-      unitId: l.unitId,
-      subUnitId: l.subUnitId,
+    }) : await commandService.executeCommand(AddHyperLinkCommand.id, {
+      unitId: editing.unitId,
+      subUnitId: editing.subUnitId,
       link: {
-        id: re.generateRandomId(),
-        row: l.row,
-        column: l.column,
-        payload: he(i, s),
-        display: n
+        id: Tools.generateRandomId(),
+        row: editing.row,
+        column: editing.column,
+        payload: formatUrl(type, payload),
+        display
       }
-    })), l) {
-      await v.executeCommand(Ee.id, {
-        unitId: l.unitId,
-        subUnitId: l.subUnitId
+    })), editing) {
+      await commandService.executeCommand(SetWorksheetActiveOperation.id, {
+        unitId: editing.unitId,
+        subUnitId: editing.subUnitId
       });
-      const p = 1;
-      await v.executeCommand(kt.id, {
+      const GAP = 1;
+      await commandService.executeCommand(ScrollToRangeOperation.id, {
         range: {
-          startRow: Math.max(l.row - p, 0),
-          endRow: l.row + p,
-          startColumn: Math.max(l.column - p, 0),
-          endColumn: l.column + p
+          startRow: Math.max(editing.row - GAP, 0),
+          endRow: editing.row + GAP,
+          startColumn: Math.max(editing.column - GAP, 0),
+          endColumn: editing.column + GAP
         }
       });
     }
-    v.executeCommand(Te.id);
-  };
-  return /* @__PURE__ */ d.jsxs("div", { children: [
-    /* @__PURE__ */ d.jsx(
-      X,
+    commandService.executeCommand(CloseHyperLinkSidebarOperation.id);
+  }, "handleSubmit");
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      FormLayout,
       {
-        label: a.t("hyperLink.form.label"),
-        error: L && !n ? a.t("hyperLink.form.inputError") : "",
-        children: /* @__PURE__ */ d.jsx(
-          ht,
+        label: localeService.t("hyperLink.form.label"),
+        error: showError && !display ? localeService.t("hyperLink.form.inputError") : "",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Input,
           {
-            value: n,
-            onChange: (p) => {
-              r(p), y.current = !1;
-            },
-            placeholder: a.t("hyperLink.form.labelPlaceholder")
+            value: display,
+            onChange: /* @__PURE__ */ __name((v) => {
+              setDisplay(v), setByPayload.current = !1;
+            }, "onChange"),
+            placeholder: localeService.t("hyperLink.form.labelPlaceholder")
           }
         )
       }
     ),
-    /* @__PURE__ */ d.jsx(X, { label: a.t("hyperLink.form.type"), children: /* @__PURE__ */ d.jsx(
-      Ke,
+    /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { label: localeService.t("hyperLink.form.type"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Select,
       {
-        options: R,
-        value: i,
-        onChange: (p) => {
-          o(p), c("");
-        }
+        options: linkTypeOptions,
+        value: type,
+        onChange: /* @__PURE__ */ __name((newType) => {
+          setType(newType), setPayload("");
+        }, "onChange")
       }
     ) }),
-    i === "link" && /* @__PURE__ */ d.jsx(
-      X,
+    type === LinkType.link && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      FormLayout,
       {
-        error: L ? s ? de(s) ? "" : a.t("hyperLink.form.linkError") : a.t("hyperLink.form.inputError") : "",
-        children: /* @__PURE__ */ d.jsx(
-          ht,
+        error: showError ? payload ? isLegalLink(payload) ? "" : localeService.t("hyperLink.form.linkError") : localeService.t("hyperLink.form.inputError") : "",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Input,
           {
-            value: s,
-            onChange: (p) => {
-              c(p), p && (y.current || !n || n === s) && (r(p), y.current = !0);
-            },
-            placeholder: a.t("hyperLink.form.linkPlaceholder")
+            value: payload,
+            onChange: /* @__PURE__ */ __name((newLink) => {
+              setPayload(newLink), newLink && (setByPayload.current || !display || display === payload) && (setDisplay(newLink), setByPayload.current = !0);
+            }, "onChange"),
+            placeholder: localeService.t("hyperLink.form.linkPlaceholder")
           }
         )
       }
     ),
-    i === "range" && /* @__PURE__ */ d.jsx(X, { error: L && !s ? a.t("hyperLink.form.inputError") : "", children: /* @__PURE__ */ d.jsx(
-      jn,
+    type === LinkType.range && /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { error: showError && !payload ? localeService.t("hyperLink.form.inputError") : "", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      RangeSelector,
       {
-        openForSheetUnitId: P.getUnitId(),
-        id: en("hyper-link-edit"),
+        openForSheetUnitId: workbook.getUnitId(),
+        id: createInternalEditorID("hyper-link-edit"),
         isSingleChoice: !0,
-        value: V,
-        onChange: We
+        value: payloadInitial,
+        onChange: handleRangeChange
       }
     ) }),
-    i === "gid" && /* @__PURE__ */ d.jsx(X, { error: L && !s ? a.t("hyperLink.form.selectError") : "", children: /* @__PURE__ */ d.jsx(
-      Ke,
+    type === LinkType.sheet && /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { error: showError && !payload ? localeService.t("hyperLink.form.selectError") : "", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Select,
       {
-        options: A,
-        value: s,
-        onChange: (p) => {
-          var C, j;
-          c(p);
-          const S = (C = A.find((w) => w.value === p)) == null ? void 0 : C.label, I = (j = A.find((w) => w.value === s)) == null ? void 0 : j.label;
-          S && (y.current || !n || n === I) && (r(S), y.current = !0);
-        }
+        options: sheetsOption,
+        value: payload,
+        onChange: /* @__PURE__ */ __name((newPayload) => {
+          var _a15, _b;
+          setPayload(newPayload);
+          const label = (_a15 = sheetsOption.find((i) => i.value === newPayload)) == null ? void 0 : _a15.label, oldLabel = (_b = sheetsOption.find((i) => i.value === payload)) == null ? void 0 : _b.label;
+          label && (setByPayload.current || !display || display === oldLabel) && (setDisplay(label), setByPayload.current = !0);
+        }, "onChange")
       }
     ) }),
-    i === "rangeid" && /* @__PURE__ */ d.jsx(X, { error: L && !s ? a.t("hyperLink.form.selectError") : "", children: /* @__PURE__ */ d.jsx(
-      Ke,
+    type === LinkType.definedName && /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { error: showError && !payload ? localeService.t("hyperLink.form.selectError") : "", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Select,
       {
-        options: q,
-        value: s,
-        onChange: (p) => {
-          var C, j;
-          c(p);
-          const S = (C = q.find((w) => w.value === p)) == null ? void 0 : C.label, I = (j = q.find((w) => w.value === s)) == null ? void 0 : j.label;
-          S && (y.current || !n || n === I) && (r(S), y.current = !0);
-        }
+        options: definedNames,
+        value: payload,
+        onChange: /* @__PURE__ */ __name((newValue) => {
+          var _a15, _b;
+          setPayload(newValue);
+          const label = (_a15 = definedNames.find((i) => i.value === newValue)) == null ? void 0 : _a15.label, oldLabel = (_b = definedNames.find((i) => i.value === payload)) == null ? void 0 : _b.label;
+          label && (setByPayload.current || !display || display === oldLabel) && (setDisplay(label), setByPayload.current = !0);
+        }, "onChange")
       }
     ) }),
-    /* @__PURE__ */ d.jsxs("div", { className: Lr.cellLinkEditButtons, children: [
-      /* @__PURE__ */ d.jsx(
-        mt,
+    (customHyperLinkSidePanel == null ? void 0 : customHyperLinkSidePanel.Form) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      customHyperLinkSidePanel.Form,
+      {
+        linkId: id,
+        payload,
+        display,
+        showError,
+        setByPayload,
+        setDisplay: /* @__PURE__ */ __name((newLink) => {
+          setDisplay(newLink), setByPayload.current = !0;
+        }, "setDisplay"),
+        setPayload
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1.cellLinkEditButtons, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button,
         {
-          onClick: () => {
-            l && v.executeCommand(Ee.id, {
-              unitId: l.unitId,
-              subUnitId: l.subUnitId
-            }), v.executeCommand(Te.id);
-          },
-          children: a.t("hyperLink.form.cancel")
+          onClick: /* @__PURE__ */ __name(() => {
+            editing && commandService.executeCommand(SetWorksheetActiveOperation.id, {
+              unitId: editing.unitId,
+              subUnitId: editing.subUnitId
+            }), commandService.executeCommand(CloseHyperLinkSidebarOperation.id);
+          }, "onClick"),
+          children: localeService.t("hyperLink.form.cancel")
         }
       ),
-      /* @__PURE__ */ d.jsx(
-        mt,
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button,
         {
           type: "primary",
           style: { marginLeft: 8 },
-          onClick: async () => {
-            if (!n || !s || i === "link" && !de(s)) {
-              M(!0);
+          onClick: /* @__PURE__ */ __name(async () => {
+            if (!display || !payload || type === LinkType.link && !isLegalLink(payload)) {
+              setShowError(!0);
               return;
             }
-            me();
-          },
-          children: a.t("hyperLink.form.ok")
+            handleSubmit();
+          }, "onClick"),
+          children: localeService.t("hyperLink.form.ok")
         }
       )
     ] })
   ] });
-};
-xe.componentKey = "univer.sheet.cell-link-edit";
-const it = {
-  type: je.OPERATION,
+}, "CellLinkEdit");
+CellLinkEdit.componentKey = "univer.sheet.cell-link-edit";
+const OpenHyperLinkSidebarOperation = {
+  type: CommandType.OPERATION,
   id: "sheet.operation.open-hyper-link-sidebar",
-  handler(e, t) {
-    if (!t)
+  handler(accessor, params) {
+    if (!params)
       return !1;
-    const { unitId: n, subUnitId: r, row: i, column: o } = t, s = e.get(H), c = e.get(Mt), a = e.get($), u = s.getHyperLinkByLocation(n, r, i, o);
-    return a.startEditing(t), c.open({
+    const { unitId, subUnitId, row, column } = params, hyperLinkModel = accessor.get(HyperLinkModel), sidebarService = accessor.get(ISidebarService), popupService = accessor.get(SheetsHyperLinkPopupService), currentLink = hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, row, column);
+    return popupService.startEditing(params), sidebarService.open({
       header: {
-        title: u ? "hyperLink.form.editTitle" : "hyperLink.form.addTitle"
+        title: currentLink ? "hyperLink.form.editTitle" : "hyperLink.form.addTitle"
       },
       children: {
-        label: xe.componentKey
+        label: CellLinkEdit.componentKey
       }
     }), !0;
   }
-}, Te = {
-  type: je.OPERATION,
+}, CloseHyperLinkSidebarOperation = {
+  type: CommandType.OPERATION,
   id: "sheet.operation.close-hyper-link-sidebar",
-  handler(e) {
-    const t = e.get(Mt), n = e.get($);
-    return t.close(), n.endEditing(), !0;
+  handler(accessor) {
+    const sidebarService = accessor.get(ISidebarService), popupService = accessor.get(SheetsHyperLinkPopupService);
+    return sidebarService.close(), popupService.endEditing(), !0;
   }
-}, ot = {
-  type: je.OPERATION,
+}, InsertHyperLinkOperation = {
+  type: CommandType.OPERATION,
   id: "sheet.operation.insert-hyper-link",
-  handler(e) {
-    const t = e.get(ue), n = Ct(t);
-    if (!n)
+  handler(accessor) {
+    const univerInstanceService = accessor.get(IUniverInstanceService), target = getSheetCommandTarget(univerInstanceService);
+    if (!target)
       return !1;
-    const r = e.get(K), o = e.get(yt).getCurrentLastSelection();
-    if (!o)
+    const commandService = accessor.get(ICommandService), selection = accessor.get(SheetsSelectionsService).getCurrentLastSelection();
+    if (!selection)
       return !1;
-    const s = o.primary.startRow, c = o.primary.startColumn;
-    return r.executeCommand(it.id, {
-      unitId: n.unitId,
-      subUnitId: n.subUnitId,
-      row: s,
-      column: c
+    const row = selection.primary.startRow, column = selection.primary.startColumn;
+    return commandService.executeCommand(OpenHyperLinkSidebarOperation.id, {
+      unitId: target.unitId,
+      subUnitId: target.subUnitId,
+      row,
+      column
     });
   }
-}, st = {
-  type: je.OPERATION,
+}, InsertHyperLinkToolbarOperation = {
+  type: CommandType.OPERATION,
   id: "sheet.operation.insert-hyper-link-toolbar",
-  handler(e) {
-    const t = e.get(K);
-    return e.get($).currentEditing ? t.executeCommand(Te.id) : t.executeCommand(ot.id);
-  }
-}, Ir = "univer-cell-link", kr = "univer-cell-link-type", Pr = "univer-cell-link-content", br = "univer-cell-link-content-error", Rr = "univer-cell-link-url", wr = "univer-cell-link-operations", Er = "univer-cell-link-operation", Or = "univer-cell-link-operation-error", x = {
-  cellLink: Ir,
-  cellLinkType: kr,
-  cellLinkContent: Pr,
-  cellLinkContentError: br,
-  cellLinkUrl: Rr,
-  cellLinkOperations: wr,
-  cellLinkOperation: Er,
-  cellLinkOperationError: Or
-}, Mr = {
-  outer: /* @__PURE__ */ d.jsx(Me, {}),
-  link: /* @__PURE__ */ d.jsx(Me, {}),
-  sheet: /* @__PURE__ */ d.jsx(Je, {}),
-  range: /* @__PURE__ */ d.jsx(Le, {}),
-  defineName: /* @__PURE__ */ d.jsx(Le, {}),
-  "range-error": /* @__PURE__ */ d.jsx(Le, {}),
-  "sheet-error": /* @__PURE__ */ d.jsx(Je, {})
-}, Ue = () => {
-  const e = k($), t = k(H), n = k(K), r = k(Ot), i = k(pe), [o, s] = ee(null), c = k(F);
-  if (Et(() => {
-    s(e.currentPopup);
-    const _ = e.currentPopup$.subscribe((v) => {
-      s(v);
+  handler(accessor) {
+    const commandService = accessor.get(ICommandService);
+    return accessor.get(SheetsHyperLinkPopupService).currentEditing ? commandService.executeCommand(CloseHyperLinkSidebarOperation.id) : commandService.executeCommand(InsertHyperLinkOperation.id);
+  }
+}, cellLink = "univer-cell-link", cellLinkType = "univer-cell-link-type", cellLinkContent = "univer-cell-link-content", cellLinkContentError = "univer-cell-link-content-error", cellLinkUrl = "univer-cell-link-url", cellLinkOperations = "univer-cell-link-operations", cellLinkOperation = "univer-cell-link-operation", cellLinkOperationError = "univer-cell-link-operation-error", styles = {
+  cellLink,
+  cellLinkType,
+  cellLinkContent,
+  cellLinkContentError,
+  cellLinkUrl,
+  cellLinkOperations,
+  cellLinkOperation,
+  cellLinkOperationError
+}, iconsMap = {
+  outer: /* @__PURE__ */ jsxRuntimeExports.jsx(LinkSingle, {}),
+  link: /* @__PURE__ */ jsxRuntimeExports.jsx(LinkSingle, {}),
+  sheet: /* @__PURE__ */ jsxRuntimeExports.jsx(Xlsx, {}),
+  range: /* @__PURE__ */ jsxRuntimeExports.jsx(AllBorderSingle, {}),
+  defineName: /* @__PURE__ */ jsxRuntimeExports.jsx(AllBorderSingle, {}),
+  "range-error": /* @__PURE__ */ jsxRuntimeExports.jsx(AllBorderSingle, {}),
+  "sheet-error": /* @__PURE__ */ jsxRuntimeExports.jsx(Xlsx, {})
+}, CellLinkPopup = /* @__PURE__ */ __name(() => {
+  const popupService = useDependency(SheetsHyperLinkPopupService), hyperLinkModel = useDependency(HyperLinkModel), commandService = useDependency(ICommandService), messageService = useDependency(IMessageService), localeService = useDependency(LocaleService), [currentPopup, setCurrentPopup] = useState(null), resolverService = useDependency(SheetsHyperLinkResolverService);
+  if (useEffect(() => {
+    setCurrentPopup(popupService.currentPopup);
+    const ob = popupService.currentPopup$.subscribe((popup) => {
+      setCurrentPopup(popup);
     });
     return () => {
-      _.unsubscribe();
+      ob.unsubscribe();
     };
-  }, [e.currentPopup, e.currentPopup$]), !o)
+  }, [popupService.currentPopup, popupService.currentPopup$]), !currentPopup)
     return null;
-  const { unitId: a, subUnitId: u, id: g } = o, f = t.getHyperLink(a, u, g);
-  if (!f)
+  const { unitId, subUnitId, id } = currentPopup, link = hyperLinkModel.getHyperLink(unitId, subUnitId, id);
+  if (!link)
     return null;
-  const l = c.parseHyperLink(f.payload), m = l.type.indexOf("error") > -1;
-  return /* @__PURE__ */ d.jsxs("div", { className: x.cellLink, onClick: () => e.hideCurrentPopup(), children: [
-    /* @__PURE__ */ d.jsxs("div", { className: pt(x.cellLinkContent, { [x.cellLinkContentError]: m }), onClick: l.handler, children: [
-      /* @__PURE__ */ d.jsx("div", { className: x.cellLinkType, children: Mr[l.type] }),
-      /* @__PURE__ */ d.jsx(_e, { showIfEllipsis: !0, title: l.name, children: /* @__PURE__ */ d.jsx("span", { className: x.cellLinkUrl, children: l.name }) })
+  const linkObj = resolverService.parseHyperLink(link.payload), isError = linkObj.type.indexOf("error") > -1;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.cellLink, onClick: /* @__PURE__ */ __name(() => popupService.hideCurrentPopup(), "onClick"), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cs(styles.cellLinkContent, { [styles.cellLinkContentError]: isError }), onClick: linkObj.handler, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.cellLinkType, children: iconsMap[linkObj.type] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { showIfEllipsis: !0, title: linkObj.name, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles.cellLinkUrl, children: linkObj.name }) })
     ] }),
-    /* @__PURE__ */ d.jsxs("div", { className: x.cellLinkOperations, children: [
-      o.copyPermission && /* @__PURE__ */ d.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.cellLinkOperations, children: [
+      currentPopup.copyPermission && /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
         {
-          className: pt(x.cellLinkOperation, { [x.cellLinkOperationError]: m }),
-          onClick: () => {
-            if (!m) {
-              if (l.type !== "outer") {
-                const _ = new URL(window.location.href);
-                _.hash = l.url.slice(1), navigator.clipboard.writeText(_.href);
+          className: cs(styles.cellLinkOperation, { [styles.cellLinkOperationError]: isError }),
+          onClick: /* @__PURE__ */ __name(() => {
+            if (!isError) {
+              if (linkObj.type !== "outer") {
+                const url = new URL(window.location.href);
+                url.hash = linkObj.url.slice(1), navigator.clipboard.writeText(url.href);
               } else
-                navigator.clipboard.writeText(l.url);
-              r.show({
-                content: i.t("hyperLink.message.coped"),
-                type: ce.Info
+                navigator.clipboard.writeText(linkObj.url);
+              messageService.show({
+                content: localeService.t("hyperLink.message.coped"),
+                type: MessageType.Info
               });
             }
-          },
-          children: /* @__PURE__ */ d.jsx(_e, { placement: "bottom", title: i.t("hyperLink.popup.copy"), children: /* @__PURE__ */ d.jsx(Vt, {}) })
+          }, "onClick"),
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { placement: "bottom", title: localeService.t("hyperLink.popup.copy"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(CopySingle, {}) })
         }
       ),
-      o.editPermission && /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
-        /* @__PURE__ */ d.jsx(
+      currentPopup.editPermission && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
-            className: x.cellLinkOperation,
-            onClick: () => {
-              n.executeCommand(it.id, {
-                unitId: a,
-                subUnitId: u,
-                row: f.row,
-                column: f.column
+            className: styles.cellLinkOperation,
+            onClick: /* @__PURE__ */ __name(() => {
+              commandService.executeCommand(OpenHyperLinkSidebarOperation.id, {
+                unitId,
+                subUnitId,
+                row: link.row,
+                column: link.column
               });
-            },
-            children: /* @__PURE__ */ d.jsx(_e, { placement: "bottom", title: i.t("hyperLink.popup.edit"), children: /* @__PURE__ */ d.jsx(Wt, {}) })
+            }, "onClick"),
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { placement: "bottom", title: localeService.t("hyperLink.popup.edit"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(WriteSingle, {}) })
           }
         ),
-        /* @__PURE__ */ d.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
-            className: x.cellLinkOperation,
-            onClick: () => {
-              n.executeCommand(_n.id, {
-                unitId: a,
-                subUnitId: u,
-                id: f.id
+            className: styles.cellLinkOperation,
+            onClick: /* @__PURE__ */ __name(() => {
+              commandService.executeCommand(CancelHyperLinkCommand.id, {
+                unitId,
+                subUnitId,
+                id: link.id
               });
-            },
-            children: /* @__PURE__ */ d.jsx(_e, { placement: "bottom", title: i.t("hyperLink.popup.cancel"), children: /* @__PURE__ */ d.jsx(At, {}) })
+            }, "onClick"),
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { placement: "bottom", title: localeService.t("hyperLink.popup.cancel"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(UnlinkSingle, {}) })
           }
         )
       ] })
     ] })
   ] });
-};
-Ue.componentKey = "univer.sheet.cell-link-popup";
-var xr = Object.defineProperty, Tr = Object.getOwnPropertyDescriptor, Ur = (e, t, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? Tr(t, n) : t, o = e.length - 1, s; o >= 0; o--)
-    (s = e[o]) && (i = (r ? s(t, n, i) : s(i)) || i);
-  return r && i && xr(t, n, i), i;
-}, gt = (e, t) => (n, r) => t(n, r, e);
-const Hr = (e, t) => e.unitId === t.unitId && e.subUnitId === t.subUnitId && e.row === t.row && e.col === t.col;
-let $ = class extends O {
-  constructor(t, n) {
+}, "CellLinkPopup");
+CellLinkPopup.componentKey = "univer.sheet.cell-link-popup";
+var __defProp$8 = Object.defineProperty, __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor, __decorateClass$8 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$8(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$8(target, key, result), result;
+}, "__decorateClass$8"), __decorateParam$8 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$8");
+const isEqualLink = /* @__PURE__ */ __name((a, b) => a.unitId === b.unitId && a.subUnitId === b.subUnitId && a.row === b.row && a.col === b.col, "isEqualLink");
+var _a5;
+let SheetsHyperLinkPopupService = (_a5 = class extends Disposable {
+  constructor(_hyperLinkModel, _sheetCanvasPopManagerService) {
     super();
-    W(this, "_currentPopup", null);
-    W(this, "_currentPopup$", new On());
-    W(this, "currentPopup$", this._currentPopup$.asObservable());
-    W(this, "_currentEditing$", new Mn(null));
-    W(this, "currentEditing$", this._currentEditing$.asObservable());
-    this._hyperLinkModel = t, this._sheetCanvasPopManagerService = n, this.disposeWithMe(() => {
+    __publicField(this, "_currentPopup", null);
+    __publicField(this, "_currentPopup$", new Subject());
+    __publicField(this, "currentPopup$", this._currentPopup$.asObservable());
+    __publicField(this, "_currentEditing$", new BehaviorSubject(null));
+    __publicField(this, "currentEditing$", this._currentEditing$.asObservable());
+    this._hyperLinkModel = _hyperLinkModel, this._sheetCanvasPopManagerService = _sheetCanvasPopManagerService, this.disposeWithMe(() => {
       this.hideCurrentPopup(), this.endEditing(), this._currentEditing$.complete(), this._currentPopup$.complete();
     });
   }
@@ -859,78 +915,78 @@ let $ = class extends O {
   get currentEditing() {
     return this._currentEditing$.getValue();
   }
-  showPopup(t) {
-    if (this._currentPopup && Hr(t, this._currentPopup))
+  showPopup(location2) {
+    if (this._currentPopup && isEqualLink(location2, this._currentPopup))
       return;
     this.hideCurrentPopup();
-    const { unitId: n, subUnitId: r, row: i, col: o } = t, s = this._hyperLinkModel.getHyperLinkByLocation(n, r, i, o);
-    if (!s)
+    const { unitId, subUnitId, row, col } = location2, link = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, row, col);
+    if (!link)
       return;
-    const c = this._sheetCanvasPopManagerService.attachPopupToCell(i, o, {
-      componentKey: Ue.componentKey,
+    const disposable = this._sheetCanvasPopManagerService.attachPopupToCell(row, col, {
+      componentKey: CellLinkPopup.componentKey,
       direction: "bottom",
       closeOnSelfTarget: !0,
-      onClickOutside: () => {
+      onClickOutside: /* @__PURE__ */ __name(() => {
         this.hideCurrentPopup();
-      }
+      }, "onClickOutside")
     });
-    c && (this._currentPopup = {
-      unitId: n,
-      subUnitId: r,
-      id: s.id,
-      disposable: c,
-      row: i,
-      col: o,
-      editPermission: !!t.editPermission,
-      copyPermission: !!t.copyPermission
+    disposable && (this._currentPopup = {
+      unitId,
+      subUnitId,
+      id: link.id,
+      disposable,
+      row,
+      col,
+      editPermission: !!location2.editPermission,
+      copyPermission: !!location2.copyPermission
     }, this._currentPopup$.next(this._currentPopup));
   }
   hideCurrentPopup() {
-    var t;
-    this._currentPopup && ((t = this._currentPopup.disposable) == null || t.dispose(), this._currentPopup = null, this._currentPopup$.next(null));
+    var _a14;
+    this._currentPopup && ((_a14 = this._currentPopup.disposable) == null || _a14.dispose(), this._currentPopup = null, this._currentPopup$.next(null));
   }
-  startEditing(t) {
-    this._currentEditing$.next(t);
+  startEditing(link) {
+    this._currentEditing$.next(link);
   }
   endEditing() {
     this._currentEditing$.next(null);
   }
-};
-$ = Ur([
-  gt(0, h(H)),
-  gt(1, h(yn))
-], $);
-var jr = Object.defineProperty, Nr = Object.getOwnPropertyDescriptor, $r = (e, t, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? Nr(t, n) : t, o = e.length - 1, s; o >= 0; o--)
-    (s = e[o]) && (i = (r ? s(t, n, i) : s(i)) || i);
-  return r && i && jr(t, n, i), i;
-}, J = (e, t) => (n, r) => t(n, r, e);
-let Ie = class extends O {
-  constructor(e, t, n, r, i, o) {
-    super(), this._sheetInterceptorService = e, this._injector = t, this._hyperLinkModel = n, this._selectionManagerService = r, this._univerInstanceService = i, this._editorBridgeService = o, this._initCommandInterceptor();
+}, __name(_a5, "SheetsHyperLinkPopupService"), _a5);
+SheetsHyperLinkPopupService = __decorateClass$8([
+  __decorateParam$8(0, Inject(HyperLinkModel)),
+  __decorateParam$8(1, Inject(SheetCanvasPopManagerService))
+], SheetsHyperLinkPopupService);
+var __defProp$7 = Object.defineProperty, __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor, __decorateClass$7 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$7(target, key, result), result;
+}, "__decorateClass$7"), __decorateParam$7 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$7"), _a6;
+let SheetHyperLinkSetRangeController = (_a6 = class extends Disposable {
+  constructor(_sheetInterceptorService, _injector, _hyperLinkModel, _selectionManagerService, _univerInstanceService, _editorBridgeService) {
+    super(), this._sheetInterceptorService = _sheetInterceptorService, this._injector = _injector, this._hyperLinkModel = _hyperLinkModel, this._selectionManagerService = _selectionManagerService, this._univerInstanceService = _univerInstanceService, this._editorBridgeService = _editorBridgeService, this._initCommandInterceptor();
   }
   _initCommandInterceptor() {
     this._initAddHyperLinkCommandInterceptor(), this._initSetRangeValuesCommandInterceptor(), this._initUpdateHyperLinkCommandInterceptor(), this._initClearSelectionCommandInterceptor(), this._initRichTextEditorInterceptor();
   }
-  _getCurrentCell(e, t, n, r) {
-    var i, o;
-    return (o = (i = this._univerInstanceService.getUnit(e, E.UNIVER_SHEET)) == null ? void 0 : i.getSheetBySheetId(t)) == null ? void 0 : o.getCell(n, r);
+  _getCurrentCell(unitId, subUnitId, row, col) {
+    var _a14, _b;
+    return (_b = (_a14 = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET)) == null ? void 0 : _a14.getSheetBySheetId(subUnitId)) == null ? void 0 : _b.getCell(row, col);
   }
   _initAddHyperLinkCommandInterceptor() {
     this.disposeWithMe(this._sheetInterceptorService.interceptCommand({
-      getMutations: (e) => {
-        var t;
-        if (e.id === Lt.id) {
-          const n = e.params, { unitId: r, subUnitId: i, link: o } = n, s = this._getCurrentCell(r, i, o.row, o.column), c = {
-            unitId: r,
-            subUnitId: i,
+      getMutations: /* @__PURE__ */ __name((command) => {
+        var _a14;
+        if (command.id === AddHyperLinkCommand.id) {
+          const params = command.params, { unitId, subUnitId, link } = params, currentCell = this._getCurrentCell(unitId, subUnitId, link.row, link.column), redoParams = {
+            unitId,
+            subUnitId,
             cellValue: {
-              [o.row]: {
-                [o.column]: {
-                  v: o.display,
+              [link.row]: {
+                [link.column]: {
+                  v: link.display,
                   // t: CellValueType.STRING, // Setting a link to a number is still a number
                   p: null,
-                  t: (t = s == null ? void 0 : s.t) != null ? t : void 0
+                  t: (_a14 = currentCell == null ? void 0 : currentCell.t) != null ? _a14 : void 0
                   // Keep force string type
                 }
               }
@@ -938,12 +994,12 @@ let Ie = class extends O {
           };
           return {
             redos: [{
-              id: fe.id,
-              params: c
+              id: SetRangeValuesMutation.id,
+              params: redoParams
             }],
             undos: [{
-              id: fe.id,
-              params: ut(this._injector, c)
+              id: SetRangeValuesMutation.id,
+              params: SetRangeValuesUndoMutationFactory(this._injector, redoParams)
             }]
           };
         }
@@ -951,23 +1007,23 @@ let Ie = class extends O {
           redos: [],
           undos: []
         };
-      }
+      }, "getMutations")
     }));
   }
   _initUpdateHyperLinkCommandInterceptor() {
     this.disposeWithMe(this._sheetInterceptorService.interceptCommand({
-      getMutations: (e) => {
-        if (e.id === St.id) {
-          const t = e.params, { unitId: n, subUnitId: r, id: i, payload: o } = t, s = this._hyperLinkModel.getHyperLink(n, r, i);
-          if (s && s.display !== o.display) {
-            const c = {
-              unitId: n,
-              subUnitId: r,
+      getMutations: /* @__PURE__ */ __name((command) => {
+        if (command.id === UpdateHyperLinkCommand.id) {
+          const params = command.params, { unitId, subUnitId, id, payload } = params, current = this._hyperLinkModel.getHyperLink(unitId, subUnitId, id);
+          if (current && current.display !== payload.display) {
+            const redoParams = {
+              unitId,
+              subUnitId,
               cellValue: {
-                [s.row]: {
-                  [s.column]: {
-                    v: o.display,
-                    t: dt.STRING,
+                [current.row]: {
+                  [current.column]: {
+                    v: payload.display,
+                    t: CellValueType.STRING,
                     p: null
                   }
                 }
@@ -975,12 +1031,12 @@ let Ie = class extends O {
             };
             return {
               redos: [{
-                id: fe.id,
-                params: c
+                id: SetRangeValuesMutation.id,
+                params: redoParams
               }],
               undos: [{
-                id: fe.id,
-                params: ut(this._injector, c)
+                id: SetRangeValuesMutation.id,
+                params: SetRangeValuesUndoMutationFactory(this._injector, redoParams)
               }]
             };
           }
@@ -989,107 +1045,107 @@ let Ie = class extends O {
           redos: [],
           undos: []
         };
-      }
+      }, "getMutations")
     }));
   }
   _initSetRangeValuesCommandInterceptor() {
     this.disposeWithMe(this._sheetInterceptorService.interceptCommand({
-      getMutations: (e) => {
-        if (e.id === ln.id) {
-          const t = e.params, { unitId: n, subUnitId: r } = t, i = [], o = [];
-          return t.cellValue && new _t(t.cellValue).forValue((s, c, a) => {
-            var l, m, _, v, L, M, y;
-            const u = (_ = a == null ? void 0 : a.v) != null ? _ : (m = (l = a == null ? void 0 : a.p) == null ? void 0 : l.body) == null ? void 0 : m.dataStream.slice(0, -2), g = (u != null ? u : "").toString(), f = this._hyperLinkModel.getHyperLinkByLocation(n, r, s, c);
-            if (!f) {
-              if (de(g) || (v = a == null ? void 0 : a.custom) != null && v.__link_url) {
-                const V = (M = (L = a == null ? void 0 : a.custom) == null ? void 0 : L.__link_url) != null ? M : g, R = re.generateRandomId();
-                o.push({
-                  id: T.id,
+      getMutations: /* @__PURE__ */ __name((command) => {
+        if (command.id === SetRangeValuesCommand.id) {
+          const params = command.params, { unitId, subUnitId } = params, redos = [], undos = [];
+          return params.cellValue && new ObjectMatrix(params.cellValue).forValue((row, col, cell) => {
+            var _a14, _b, _c, _d, _e, _f, _g;
+            const cellValueRaw = (_c = cell == null ? void 0 : cell.v) != null ? _c : (_b = (_a14 = cell == null ? void 0 : cell.p) == null ? void 0 : _a14.body) == null ? void 0 : _b.dataStream.slice(0, -2), cellValue = (cellValueRaw != null ? cellValueRaw : "").toString(), link = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, row, col);
+            if (!link) {
+              if (isLegalLink(cellValue) || (_d = cell == null ? void 0 : cell.custom) != null && _d.__link_url) {
+                const url = (_f = (_e = cell == null ? void 0 : cell.custom) == null ? void 0 : _e.__link_url) != null ? _f : cellValue, id = Tools.generateRandomId();
+                undos.push({
+                  id: RemoveHyperLinkMutation.id,
                   params: {
-                    unitId: n,
-                    subUnitId: r,
-                    id: R
+                    unitId,
+                    subUnitId,
+                    id
                   }
-                }), i.push({
-                  id: U.id,
+                }), redos.push({
+                  id: AddHyperLinkMutation.id,
                   params: {
-                    unitId: n,
-                    subUnitId: r,
+                    unitId,
+                    subUnitId,
                     link: {
-                      id: R,
-                      row: s,
-                      column: c,
-                      display: g,
-                      payload: rt(V)
+                      id,
+                      row,
+                      column: col,
+                      display: cellValue,
+                      payload: serializeUrl(url)
                     }
                   }
                 });
               }
               return;
             }
-            (u === "" || ((y = a == null ? void 0 : a.custom) == null ? void 0 : y.__link_url) === "") && (i.push({
-              id: T.id,
+            (cellValueRaw === "" || ((_g = cell == null ? void 0 : cell.custom) == null ? void 0 : _g.__link_url) === "") && (redos.push({
+              id: RemoveHyperLinkMutation.id,
               params: {
-                unitId: n,
-                subUnitId: r,
-                id: f.id
+                unitId,
+                subUnitId,
+                id: link.id
               }
-            }), o.push({
-              id: U.id,
+            }), undos.push({
+              id: AddHyperLinkMutation.id,
               params: {
-                unitId: n,
-                subUnitId: r,
-                link: f
+                unitId,
+                subUnitId,
+                link
               }
             }));
           }), {
-            undos: o,
-            redos: i
+            undos,
+            redos
           };
         }
         return {
           redos: [],
           undos: []
         };
-      }
+      }, "getMutations")
     }));
   }
   _initClearSelectionCommandInterceptor() {
     this.disposeWithMe(this._sheetInterceptorService.interceptCommand({
-      getMutations: (e) => {
-        if (e.id === dn.id || e.id === un.id || e.id === pn.id) {
-          const t = [], n = [], r = this._selectionManagerService.getCurrentLastSelection(), i = Ct(this._univerInstanceService);
-          if (r && i) {
-            const { unitId: o, subUnitId: s } = i;
-            Qe.foreach(r.range, (c, a) => {
-              const u = this._hyperLinkModel.getHyperLinkByLocation(o, s, c, a);
-              u && (t.push({
-                id: T.id,
+      getMutations: /* @__PURE__ */ __name((command) => {
+        if (command.id === ClearSelectionContentCommand.id || command.id === ClearSelectionAllCommand.id || command.id === ClearSelectionFormatCommand.id) {
+          const redos = [], undos = [], selection = this._selectionManagerService.getCurrentLastSelection(), target = getSheetCommandTarget(this._univerInstanceService);
+          if (selection && target) {
+            const { unitId, subUnitId } = target;
+            Range.foreach(selection.range, (row, col) => {
+              const link = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, row, col);
+              link && (redos.push({
+                id: RemoveHyperLinkMutation.id,
                 params: {
-                  unitId: o,
-                  subUnitId: s,
-                  id: u.id
+                  unitId,
+                  subUnitId,
+                  id: link.id
                 }
-              }), n.push({
-                id: U.id,
+              }), undos.push({
+                id: AddHyperLinkMutation.id,
                 params: {
-                  unitId: o,
-                  subUnitId: s,
-                  link: u
+                  unitId,
+                  subUnitId,
+                  link
                 }
               }));
             });
           }
           return {
-            redos: t,
-            undos: n
+            redos,
+            undos
           };
         }
         return {
           redos: [],
           undos: []
         };
-      }
+      }, "getMutations")
     }));
   }
   _initRichTextEditorInterceptor() {
@@ -1097,522 +1153,544 @@ let Ie = class extends O {
       this._editorBridgeService.interceptor.intercept(
         this._editorBridgeService.interceptor.getInterceptPoints().AFTER_CELL_EDIT,
         {
-          handler: (e, t, n) => {
-            var r, i, o, s, c, a;
-            if (e != null && e.p) {
-              const u = (i = (r = e.p.body) == null ? void 0 : r.customRanges) == null ? void 0 : i.find((f) => f.rangeType === tn.HYPERLINK), g = (o = e.p.resources) == null ? void 0 : o.find((f) => f.name === Kn);
-              if (u && g) {
-                const f = u.rangeId, l = (a = (c = (s = JSON.parse(g.data)) == null ? void 0 : s.links) == null ? void 0 : c.find((m) => m.id === f)) == null ? void 0 : a.payload;
-                return n({
-                  ...e,
+          handler: /* @__PURE__ */ __name((data, context, next) => {
+            var _a14, _b, _c, _d, _e, _f;
+            if (data != null && data.p) {
+              const range = (_b = (_a14 = data.p.body) == null ? void 0 : _a14.customRanges) == null ? void 0 : _b.find((i) => i.rangeType === CustomRangeType.HYPERLINK), resource = (_c = data.p.resources) == null ? void 0 : _c.find((i) => i.name === DOC_HYPER_LINK_PLUGIN);
+              if (range && resource) {
+                const rangeId = range.rangeId, url = (_f = (_e = (_d = JSON.parse(resource.data)) == null ? void 0 : _d.links) == null ? void 0 : _e.find((i) => i.id === rangeId)) == null ? void 0 : _f.payload;
+                return next({
+                  ...data,
                   p: null,
-                  v: Yn(e.p),
-                  t: dt.STRING,
+                  v: getPlainTextFormDocument(data.p),
+                  t: CellValueType.STRING,
                   custom: {
-                    __link_url: l
+                    __link_url: url
                   }
                 });
               }
             }
-            return n(e);
-          }
+            return next(data);
+          }, "handler")
         }
       )
     );
   }
-};
-Ie = $r([
-  B(D.Starting, Ie),
-  J(0, h(et)),
-  J(1, h(Ne)),
-  J(2, h(H)),
-  J(3, h(yt)),
-  J(4, ue),
-  J(5, Sn)
-], Ie);
-var Br = Object.defineProperty, Dr = Object.getOwnPropertyDescriptor, Vr = (e, t, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? Dr(t, n) : t, o = e.length - 1, s; o >= 0; o--)
-    (s = e[o]) && (i = (r ? s(t, n, i) : s(i)) || i);
-  return r && i && Br(t, n, i), i;
-}, ae = (e, t) => (n, r) => t(n, r, e);
-let ke = class extends O {
-  constructor(e, t, n, r, i) {
-    super(), this._hoverManagerService = e, this._sheetsHyperLinkPopupService = t, this._renderManagerService = n, this._permissionService = r, this._sheetPermissionInterceptorBaseController = i, this._initHoverListener();
+}, __name(_a6, "SheetHyperLinkSetRangeController"), _a6);
+SheetHyperLinkSetRangeController = __decorateClass$7([
+  OnLifecycle(LifecycleStages.Starting, SheetHyperLinkSetRangeController),
+  __decorateParam$7(0, Inject(SheetInterceptorService)),
+  __decorateParam$7(1, Inject(Injector)),
+  __decorateParam$7(2, Inject(HyperLinkModel)),
+  __decorateParam$7(3, Inject(SheetsSelectionsService)),
+  __decorateParam$7(4, IUniverInstanceService),
+  __decorateParam$7(5, IEditorBridgeService)
+], SheetHyperLinkSetRangeController);
+var __defProp$6 = Object.defineProperty, __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor, __decorateClass$6 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$6(target, key, result), result;
+}, "__decorateClass$6"), __decorateParam$6 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$6"), _a7;
+let SheetsHyperLinkPopupController = (_a7 = class extends Disposable {
+  constructor(_hoverManagerService, _sheetsHyperLinkPopupService, _renderManagerService, _permissionService, _sheetPermissionInterceptorBaseController) {
+    super(), this._hoverManagerService = _hoverManagerService, this._sheetsHyperLinkPopupService = _sheetsHyperLinkPopupService, this._renderManagerService = _renderManagerService, this._permissionService = _permissionService, this._sheetPermissionInterceptorBaseController = _sheetPermissionInterceptorBaseController, this._initHoverListener();
   }
   _initHoverListener() {
     this.disposeWithMe(
-      this._hoverManagerService.currentCell$.pipe(Rt(200)).subscribe((e) => {
-        var f, l;
-        if (!e) {
+      this._hoverManagerService.currentCell$.pipe(debounceTime(200)).subscribe((currentCell) => {
+        var _a14, _b;
+        if (!currentCell) {
           this._sheetsHyperLinkPopupService.hideCurrentPopup();
           return;
         }
-        const t = (l = (f = this._renderManagerService.getRenderById(e.location.unitId)) == null ? void 0 : f.with(It).getWorksheetSkeleton(e.location.subUnitId)) == null ? void 0 : l.skeleton, n = e.location.col, r = e.location.row;
-        let i = r, o = n;
-        if (t && t.overflowCache.forValue((m, _, v) => {
-          ne.contains(v, { startColumn: n, endColumn: n, startRow: r, endRow: r }) && (i = m, o = _);
+        const skeleton = (_b = (_a14 = this._renderManagerService.getRenderById(currentCell.location.unitId)) == null ? void 0 : _a14.with(SheetSkeletonManagerService).getWorksheetSkeleton(currentCell.location.subUnitId)) == null ? void 0 : _b.skeleton, currentCol = currentCell.location.col, currentRow = currentCell.location.row;
+        let targetRow = currentRow, targetCol = currentCol;
+        if (skeleton && skeleton.overflowCache.forValue((row, col, value) => {
+          Rectangle.contains(value, { startColumn: currentCol, endColumn: currentCol, startRow: currentRow, endRow: currentRow }) && (targetRow = row, targetCol = col);
         }), !this._sheetPermissionInterceptorBaseController.permissionCheckWithRanges({
-          workbookTypes: [hn],
-          worksheetTypes: [mn],
-          rangeTypes: [gn]
-        }, [{ startRow: r, startColumn: n, endRow: r, endColumn: n }])) {
+          workbookTypes: [WorkbookViewPermission],
+          worksheetTypes: [WorksheetViewPermission],
+          rangeTypes: [RangeProtectionPermissionViewPoint]
+        }, [{ startRow: currentRow, startColumn: currentCol, endRow: currentRow, endColumn: currentCol }])) {
           this._sheetsHyperLinkPopupService.hideCurrentPopup();
           return;
         }
-        const c = this._sheetPermissionInterceptorBaseController.permissionCheckWithRanges({
-          workbookTypes: [$e],
-          worksheetTypes: [Be, De],
-          rangeTypes: [Ve]
-        }, [{ startRow: r, startColumn: n, endRow: r, endColumn: n }]), a = e.location.unitId, u = e.location.subUnitId, g = this._permissionService.composePermission([new fn(a).id, new vn(a, u).id]).every((m) => m.value);
+        const editPermission = this._sheetPermissionInterceptorBaseController.permissionCheckWithRanges({
+          workbookTypes: [WorkbookEditablePermission],
+          worksheetTypes: [WorksheetEditPermission, WorksheetInsertHyperlinkPermission],
+          rangeTypes: [RangeProtectionPermissionEditPoint]
+        }, [{ startRow: currentRow, startColumn: currentCol, endRow: currentRow, endColumn: currentCol }]), unitId = currentCell.location.unitId, subUnitId = currentCell.location.subUnitId, copyPermission = this._permissionService.composePermission([new WorkbookCopyPermission(unitId).id, new WorksheetCopyPermission(unitId, subUnitId).id]).every((permission) => permission.value);
         this._sheetsHyperLinkPopupService.showPopup({
-          ...e.location,
-          row: i,
-          col: o,
-          editPermission: c,
-          copyPermission: g
+          ...currentCell.location,
+          row: targetRow,
+          col: targetCol,
+          editPermission,
+          copyPermission
         });
       })
     );
   }
-};
-ke = Vr([
-  B(D.Rendered, ke),
-  ae(0, h(Ln)),
-  ae(1, h($)),
-  ae(2, h(nt)),
-  ae(3, h(nn)),
-  ae(4, h(Pt))
-], ke);
-const Ar = (e) => ({
-  id: ot.id,
-  type: xt.BUTTON,
-  positions: [Tt.CONTEXT_MENU],
+}, __name(_a7, "SheetsHyperLinkPopupController"), _a7);
+SheetsHyperLinkPopupController = __decorateClass$6([
+  OnLifecycle(LifecycleStages.Rendered, SheetsHyperLinkPopupController),
+  __decorateParam$6(0, Inject(HoverManagerService)),
+  __decorateParam$6(1, Inject(SheetsHyperLinkPopupService)),
+  __decorateParam$6(2, Inject(IRenderManagerService)),
+  __decorateParam$6(3, Inject(IPermissionService)),
+  __decorateParam$6(4, Inject(SheetPermissionInterceptorBaseController))
+], SheetsHyperLinkPopupController);
+const insertLinkMenuFactory = /* @__PURE__ */ __name((accessor) => ({
+  id: InsertHyperLinkOperation.id,
+  type: MenuItemType.BUTTON,
+  positions: [MenuPosition.CONTEXT_MENU],
   title: "hyperLink.menu.add",
-  hidden$: Ut(e, E.UNIVER_SHEET),
+  hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
   icon: "LinkSingle",
-  disabled$: bt(e, { workbookTypes: [$e], worksheetTypes: [Be, tt, De], rangeTypes: [Ve] })
-}), Wr = (e) => ({
+  disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetEditPermission, WorksheetSetCellValuePermission, WorksheetInsertHyperlinkPermission], rangeTypes: [RangeProtectionPermissionEditPoint] })
+}), "insertLinkMenuFactory"), insertLinkMenuToolbarFactory = /* @__PURE__ */ __name((accessor) => ({
   tooltip: "hyperLink.form.addTitle",
-  positions: Tt.TOOLBAR_START,
-  group: Bn.TOOLBAR_OTHERS,
-  id: st.id,
-  type: xt.BUTTON,
+  positions: MenuPosition.TOOLBAR_START,
+  group: MenuGroup.TOOLBAR_OTHERS,
+  id: InsertHyperLinkToolbarOperation.id,
+  type: MenuItemType.BUTTON,
   icon: "LinkSingle",
-  hidden$: Ut(e, E.UNIVER_SHEET),
-  disabled$: bt(e, { workbookTypes: [$e], worksheetTypes: [Be, tt, De], rangeTypes: [Ve] })
-}), Ft = {
-  id: st.id,
-  binding: Nn.K | $n.CTRL_COMMAND,
-  preconditions: In
+  hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
+  disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetEditPermission, WorksheetSetCellValuePermission, WorksheetInsertHyperlinkPermission], rangeTypes: [RangeProtectionPermissionEditPoint] })
+}), "insertLinkMenuToolbarFactory"), InsertLinkShortcut = {
+  id: InsertHyperLinkToolbarOperation.id,
+  binding: KeyCode.K | MetaKeys.CTRL_COMMAND,
+  preconditions: whenSheetEditorFocused
 };
-var Fr = Object.defineProperty, Kr = Object.getOwnPropertyDescriptor, Yr = (e, t, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? Kr(t, n) : t, o = e.length - 1, s; o >= 0; o--)
-    (s = e[o]) && (i = (r ? s(t, n, i) : s(i)) || i);
-  return r && i && Fr(t, n, i), i;
-}, Q = (e, t) => (n, r) => t(n, r, e);
-let le = class extends O {
-  constructor(e, t, n, r, i, o, s) {
-    super(), this._config = e, this._componentManager = t, this._commandService = n, this._localeService = r, this._menuService = i, this._injector = o, this._shortcutService = s, this._initComponents(), this._initCommands(), this._initMenus(), this._initShortCut();
+var __defProp$5 = Object.defineProperty, __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor, __decorateClass$5 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$5(target, key, result), result;
+}, "__decorateClass$5"), __decorateParam$5 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$5"), _a8;
+let SheetsHyperLinkUIController = (_a8 = class extends Disposable {
+  constructor(_config, _componentManager, _commandService, _localeService, _menuService, _injector, _shortcutService) {
+    super(), this._config = _config, this._componentManager = _componentManager, this._commandService = _commandService, this._localeService = _localeService, this._menuService = _menuService, this._injector = _injector, this._shortcutService = _shortcutService, this._initComponents(), this._initCommands(), this._initMenus(), this._initShortCut();
   }
   _initComponents() {
     [
-      [Ue, Ue.componentKey],
-      [xe, xe.componentKey],
-      [Me, "LinkSingle"]
-    ].forEach(([e, t]) => {
-      this._componentManager.register(t, e);
+      [CellLinkPopup, CellLinkPopup.componentKey],
+      [CellLinkEdit, CellLinkEdit.componentKey],
+      [LinkSingle, "LinkSingle"]
+    ].forEach(([comp, key]) => {
+      this._componentManager.register(key, comp);
     });
   }
   _initCommands() {
     [
-      it,
-      Te,
-      ot,
-      st
-    ].forEach((e) => {
-      this._commandService.registerCommand(e);
+      OpenHyperLinkSidebarOperation,
+      CloseHyperLinkSidebarOperation,
+      InsertHyperLinkOperation,
+      InsertHyperLinkToolbarOperation
+    ].forEach((command) => {
+      this._commandService.registerCommand(command);
     });
   }
   _initMenus() {
-    var e, t, n, r;
-    this._menuService.addMenuItem(Ar(this._injector), (t = (e = this._config) == null ? void 0 : e.menu) != null ? t : {}), this._menuService.addMenuItem(Wr(this._injector), (r = (n = this._config) == null ? void 0 : n.menu) != null ? r : {});
+    var _a14, _b, _c, _d;
+    this._menuService.addMenuItem(insertLinkMenuFactory(this._injector), (_b = (_a14 = this._config) == null ? void 0 : _a14.menu) != null ? _b : {}), this._menuService.addMenuItem(insertLinkMenuToolbarFactory(this._injector), (_d = (_c = this._config) == null ? void 0 : _c.menu) != null ? _d : {});
   }
   _initShortCut() {
-    this._shortcutService.registerShortcut(Ft);
+    this._shortcutService.registerShortcut(InsertLinkShortcut);
   }
-};
-le = Yr([
-  B(D.Ready, le),
-  Q(1, h(Dn)),
-  Q(2, K),
-  Q(3, h(pe)),
-  Q(4, An),
-  Q(5, h(Ne)),
-  Q(6, h(Vn))
-], le);
-const at = "SHEET_HYPER_LINK_UI_PLUGIN";
-var Zr = Object.defineProperty, zr = Object.getOwnPropertyDescriptor, Gr = (e, t, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? zr(t, n) : t, o = e.length - 1, s; o >= 0; o--)
-    (s = e[o]) && (i = (r ? s(t, n, i) : s(i)) || i);
-  return r && i && Zr(t, n, i), i;
-}, ft = (e, t) => (n, r) => t(n, r, e);
-let Pe = class extends O {
-  constructor(e, t) {
-    super(), this._autoFillService = e, this._hyperLinkModel = t, this._initAutoFill();
+}, __name(_a8, "SheetsHyperLinkUIController"), _a8);
+SheetsHyperLinkUIController = __decorateClass$5([
+  OnLifecycle(LifecycleStages.Ready, SheetsHyperLinkUIController),
+  __decorateParam$5(1, Inject(ComponentManager)),
+  __decorateParam$5(2, ICommandService),
+  __decorateParam$5(3, Inject(LocaleService)),
+  __decorateParam$5(4, IMenuService),
+  __decorateParam$5(5, Inject(Injector)),
+  __decorateParam$5(6, Inject(IShortcutService))
+], SheetsHyperLinkUIController);
+const SHEET_HYPER_LINK_UI_PLUGIN = "SHEET_HYPER_LINK_UI_PLUGIN";
+var __defProp$4 = Object.defineProperty, __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor, __decorateClass$4 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$4(target, key, result), result;
+}, "__decorateClass$4"), __decorateParam$4 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$4"), _a9;
+let SheetsHyperLinkAutoFillController = (_a9 = class extends Disposable {
+  constructor(_autoFillService, _hyperLinkModel) {
+    super(), this._autoFillService = _autoFillService, this._hyperLinkModel = _hyperLinkModel, this._initAutoFill();
   }
   // eslint-disable-next-line max-lines-per-function
   _initAutoFill() {
-    const e = () => ({ redos: [], undos: [] }), t = (r, i) => {
-      const { source: o, target: s, unitId: c, subUnitId: a } = r, u = qe([o, s]), [g, f] = u.ranges, { mapFunc: l } = u, m = {
-        row: g.startRow,
-        col: g.startColumn
-      }, _ = Pn(g, f), v = [], L = [];
-      return _.forEach((M) => {
-        const y = M.repeatStartCell, V = M.relativeRange, R = {
-          startRow: m.row,
-          startColumn: m.col,
-          endColumn: m.col,
-          endRow: m.row
-        }, P = {
-          startRow: y.row,
-          startColumn: y.col,
-          endColumn: y.col,
-          endRow: y.row
+    const noopReturnFunc = /* @__PURE__ */ __name(() => ({ redos: [], undos: [] }), "noopReturnFunc"), generalApplyFunc = /* @__PURE__ */ __name((location2, applyType) => {
+      const { source: sourceRange, target: targetRange, unitId, subUnitId } = location2, virtualRange = virtualizeDiscreteRanges([sourceRange, targetRange]), [vSourceRange, vTargetRange] = virtualRange.ranges, { mapFunc } = virtualRange, sourceStartCell = {
+        row: vSourceRange.startRow,
+        col: vSourceRange.startColumn
+      }, repeats = getAutoFillRepeatRange(vSourceRange, vTargetRange), redos = [], undos = [];
+      return repeats.forEach((repeat) => {
+        const targetStartCell = repeat.repeatStartCell, relativeRange = repeat.relativeRange, sourceRange2 = {
+          startRow: sourceStartCell.row,
+          startColumn: sourceStartCell.col,
+          endColumn: sourceStartCell.col,
+          endRow: sourceStartCell.row
+        }, targetRange2 = {
+          startRow: targetStartCell.row,
+          startColumn: targetStartCell.col,
+          endColumn: targetStartCell.col,
+          endRow: targetStartCell.row
         };
-        Qe.foreach(V, (G, A) => {
-          const q = ne.getPositionRange(
+        Range.foreach(relativeRange, (row, col) => {
+          const sourcePositionRange = Rectangle.getPositionRange(
             {
-              startRow: G,
-              startColumn: A,
-              endColumn: A,
-              endRow: G
+              startRow: row,
+              startColumn: col,
+              endColumn: col,
+              endRow: row
             },
-            R
-          ), { row: he, col: We } = l(q.startRow, q.startColumn), me = this._hyperLinkModel.getHyperLinkByLocation(c, a, he, We);
-          if (me) {
-            const ie = ne.getPositionRange(
-              {
-                startRow: G,
-                startColumn: A,
-                endColumn: A,
-                endRow: G
-              },
-              P
-            ), { row: p, col: S } = l(ie.startRow, ie.startColumn), I = re.generateRandomId(), C = this._hyperLinkModel.getHyperLinkByLocation(c, a, p, S);
-            C && v.push({
-              id: T.id,
-              params: {
-                unitId: c,
-                subUnitId: a,
-                id: C.id
-              }
-            }), (oe.COPY === i || oe.SERIES === i) && (v.push({
-              id: U.id,
-              params: {
-                unitId: c,
-                subUnitId: a,
-                link: {
-                  ...me,
-                  id: I,
-                  row: p,
-                  column: S
-                }
-              }
-            }), L.push({
-              id: T.id,
-              params: {
-                unitId: c,
-                subUnitId: a,
-                id: I
-              }
-            })), C && L.push({
-              id: U.id,
-              params: {
-                unitId: c,
-                subUnitId: a,
-                link: C
+            sourceRange2
+          ), { row: sourceRow, col: sourceCol } = mapFunc(sourcePositionRange.startRow, sourcePositionRange.startColumn), link = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, sourceRow, sourceCol), targetPositionRange = Rectangle.getPositionRange(
+            {
+              startRow: row,
+              startColumn: col,
+              endColumn: col,
+              endRow: row
+            },
+            targetRange2
+          ), { row: targetRow, col: targetCol } = mapFunc(targetPositionRange.startRow, targetPositionRange.startColumn), id = Tools.generateRandomId(), currentLink = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, targetRow, targetCol);
+          currentLink && redos.push({
+            id: RemoveHyperLinkMutation.id,
+            params: {
+              unitId,
+              subUnitId,
+              id: currentLink.id
+            }
+          }), (APPLY_TYPE.COPY === applyType || APPLY_TYPE.SERIES === applyType) && link && (redos.push({
+            id: AddHyperLinkMutation.id,
+            params: {
+              unitId,
+              subUnitId,
+              link: {
+                ...link,
+                id,
+                row: targetRow,
+                column: targetCol
               }
-            });
-          }
+            }
+          }), undos.push({
+            id: RemoveHyperLinkMutation.id,
+            params: {
+              unitId,
+              subUnitId,
+              id
+            }
+          })), currentLink && undos.push({
+            id: AddHyperLinkMutation.id,
+            params: {
+              unitId,
+              subUnitId,
+              link: currentLink
+            }
+          });
         });
       }), {
-        undos: L,
-        redos: v
+        undos,
+        redos
       };
-    }, n = {
-      id: at,
-      onFillData: (r, i, o) => o === oe.COPY || o === oe.ONLY_FORMAT || o === oe.SERIES ? t(r, o) : e()
+    }, "generalApplyFunc"), hook = {
+      id: SHEET_HYPER_LINK_UI_PLUGIN,
+      onFillData: /* @__PURE__ */ __name((location2, direction, applyType) => applyType === APPLY_TYPE.COPY || applyType === APPLY_TYPE.ONLY_FORMAT || applyType === APPLY_TYPE.SERIES ? generalApplyFunc(location2, applyType) : noopReturnFunc(), "onFillData")
     };
-    this.disposeWithMe(this._autoFillService.addHook(n));
+    this.disposeWithMe(this._autoFillService.addHook(hook));
   }
-};
-Pe = Gr([
-  B(D.Ready, Pe),
-  ft(0, kn),
-  ft(1, h(H))
-], Pe);
-var qr = Object.defineProperty, Xr = Object.getOwnPropertyDescriptor, Jr = (e, t, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? Xr(t, n) : t, o = e.length - 1, s; o >= 0; o--)
-    (s = e[o]) && (i = (r ? s(t, n, i) : s(i)) || i);
-  return r && i && qr(t, n, i), i;
-}, Ce = (e, t) => (n, r) => t(n, r, e);
-let be = class extends O {
-  constructor(t, n, r, i) {
+}, __name(_a9, "SheetsHyperLinkAutoFillController"), _a9);
+SheetsHyperLinkAutoFillController = __decorateClass$4([
+  OnLifecycle(LifecycleStages.Ready, SheetsHyperLinkAutoFillController),
+  __decorateParam$4(0, IAutoFillService),
+  __decorateParam$4(1, Inject(HyperLinkModel))
+], SheetsHyperLinkAutoFillController);
+var __defProp$3 = Object.defineProperty, __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor, __decorateClass$3 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$3(target, key, result), result;
+}, "__decorateClass$3"), __decorateParam$3 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$3"), _a10;
+let SheetsHyperLinkCopyPasteController = (_a10 = class extends Disposable {
+  constructor(_sheetClipboardService, _hyperLinkModel, _injector, _resolverService) {
     super();
-    W(this, "_copyInfo");
-    this._sheetClipboardService = t, this._hyperLinkModel = n, this._injector = r, this._resolverService = i, this._initCopyPaste();
+    __publicField(this, "_plainTextFilter", /* @__PURE__ */ new Set());
+    __publicField(this, "_copyInfo");
+    this._sheetClipboardService = _sheetClipboardService, this._hyperLinkModel = _hyperLinkModel, this._injector = _injector, this._resolverService = _resolverService, this._initCopyPaste(), this.disposeWithMe(() => {
+      this._plainTextFilter.clear();
+    });
+  }
+  registerPlainTextFilter(filter) {
+    this._plainTextFilter.add(filter);
+  }
+  removePlainTextFilter(filter) {
+    this._plainTextFilter.delete(filter);
+  }
+  /* If return false the process of paste text will be stop */
+  _filterPlainText(text) {
+    return Array.from(this._plainTextFilter).every((filter) => filter(text));
   }
   _initCopyPaste() {
     this._sheetClipboardService.addClipboardHook({
-      id: at,
-      onBeforeCopy: (t, n, r) => this._collect(t, n, r),
-      onPasteCells: (t, n, r, i) => {
-        const { copyType: o = bn.COPY, pasteType: s } = i, { range: c } = t || {}, { range: a, unitId: u, subUnitId: g } = n;
-        return this._generateMutations(a, { copyType: o, pasteType: s, copyRange: c, unitId: u, subUnitId: g });
-      },
-      onPastePlainText: (t, n) => {
-        if (de(n)) {
-          const r = rt(n), { range: i, unitId: o, subUnitId: s } = t, { ranges: [c], mapFunc: a } = qe([i]), u = [], g = [];
-          return Qe.foreach(c, (f, l) => {
-            const { row: m, col: _ } = a(f, l), v = this._hyperLinkModel.getHyperLinkByLocation(o, s, m, _);
-            v && u.push({
-              id: T.id,
+      id: SHEET_HYPER_LINK_UI_PLUGIN,
+      onBeforeCopy: /* @__PURE__ */ __name((unitId, subUnitId, range) => this._collect(unitId, subUnitId, range), "onBeforeCopy"),
+      onPasteCells: /* @__PURE__ */ __name((pasteFrom, pasteTo, data, payload) => {
+        const { copyType = COPY_TYPE.COPY, pasteType } = payload, { range: copyRange } = pasteFrom || {}, { range: pastedRange, unitId, subUnitId } = pasteTo;
+        return this._generateMutations(pastedRange, { copyType, pasteType, copyRange, unitId, subUnitId });
+      }, "onPasteCells"),
+      onPastePlainText: /* @__PURE__ */ __name((pasteTo, clipText) => {
+        const filterResult = this._filterPlainText(clipText);
+        if (isLegalLink(clipText) && filterResult) {
+          const text = serializeUrl(clipText), { range, unitId, subUnitId } = pasteTo, { ranges: [pasteToRange], mapFunc } = virtualizeDiscreteRanges([range]), redos = [], undos = [];
+          return Range.foreach(pasteToRange, (originRow, originCol) => {
+            const { row, col: column } = mapFunc(originRow, originCol), link = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, row, column);
+            link && redos.push({
+              id: RemoveHyperLinkMutation.id,
               params: {
-                unitId: o,
-                subUnitId: s,
-                id: v.id
+                unitId,
+                subUnitId,
+                id: link.id
               }
             });
-            const L = re.generateRandomId();
-            u.push({
-              id: U.id,
+            const newId = Tools.generateRandomId();
+            redos.push({
+              id: AddHyperLinkMutation.id,
               params: {
-                unitId: o,
-                subUnitId: s,
+                unitId,
+                subUnitId,
                 link: {
-                  id: L,
-                  row: m,
-                  column: _,
-                  payload: r
+                  id: newId,
+                  row,
+                  column,
+                  payload: text
                 }
               }
-            }), g.push({
-              id: T.id,
+            }), undos.push({
+              id: RemoveHyperLinkMutation.id,
               params: {
-                unitId: o,
-                subUnitId: s,
-                id: L
+                unitId,
+                subUnitId,
+                id: newId
               }
-            }), v && g.push({
-              id: U.id,
+            }), link && undos.push({
+              id: AddHyperLinkMutation.id,
               params: {
-                unitId: o,
-                subUnitId: s,
-                link: v
+                unitId,
+                subUnitId,
+                link
               }
             });
-          }), { redos: u, undos: g };
+          }), { redos, undos };
         }
         return { undos: [], redos: [] };
-      }
+      }, "onPastePlainText"),
+      priority: 99
     });
   }
-  _collect(t, n, r) {
-    const i = new _t();
+  _collect(unitId, subUnitId, range) {
+    const matrix = new ObjectMatrix();
     this._copyInfo = {
-      unitId: t,
-      subUnitId: n,
-      matrix: i
+      unitId,
+      subUnitId,
+      matrix
     };
-    const o = {
+    const accessor = {
       get: this._injector.get.bind(this._injector)
-    }, s = Rn(r, o, t, n);
-    if (!s)
+    }, discreteRange = rangeToDiscreteRange(range, accessor, unitId, subUnitId);
+    if (!discreteRange)
       return;
-    const { rows: c, cols: a } = s;
-    c.forEach((u, g) => {
-      a.forEach((f, l) => {
-        var _;
-        const m = this._hyperLinkModel.getHyperLinkByLocation(t, n, u, f);
-        i.setValue(g, l, (_ = m == null ? void 0 : m.id) != null ? _ : "");
+    const { rows, cols } = discreteRange;
+    rows.forEach((row, rowIndex) => {
+      cols.forEach((col, colIndex) => {
+        var _a14;
+        const link = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, row, col);
+        matrix.setValue(rowIndex, colIndex, (_a14 = link == null ? void 0 : link.id) != null ? _a14 : "");
       });
     });
   }
   // eslint-disable-next-line max-lines-per-function
-  _generateMutations(t, n) {
+  _generateMutations(pastedRange, copyInfo) {
     if (!this._copyInfo)
       return { redos: [], undos: [] };
-    if (!this._copyInfo || !this._copyInfo.matrix.getSizeOf() || !n.copyRange)
+    if (!this._copyInfo || !this._copyInfo.matrix.getSizeOf() || !copyInfo.copyRange)
       return { redos: [], undos: [] };
     if ([
-      ve.SPECIAL_PASTE_COL_WIDTH,
-      ve.SPECIAL_PASTE_VALUE,
-      ve.SPECIAL_PASTE_FORMAT,
-      ve.SPECIAL_PASTE_FORMULA
+      PREDEFINED_HOOK_NAME.SPECIAL_PASTE_COL_WIDTH,
+      PREDEFINED_HOOK_NAME.SPECIAL_PASTE_VALUE,
+      PREDEFINED_HOOK_NAME.SPECIAL_PASTE_FORMAT,
+      PREDEFINED_HOOK_NAME.SPECIAL_PASTE_FORMULA
     ].includes(
-      n.pasteType
+      copyInfo.pasteType
     ))
       return { redos: [], undos: [] };
-    const { unitId: r, subUnitId: i } = this._copyInfo, o = [], s = [], { ranges: [c, a], mapFunc: u } = qe([n.copyRange, t]);
-    return wn(c, a, !0).forEach(({ startRange: f }) => {
-      var l;
-      (l = this._copyInfo) == null || l.matrix.forValue((m, _, v) => {
-        const L = ne.getPositionRange(
+    const { unitId, subUnitId } = this._copyInfo, redos = [], undos = [], { ranges: [vCopyRange, vPastedRange], mapFunc } = virtualizeDiscreteRanges([copyInfo.copyRange, pastedRange]);
+    return getRepeatRange(vCopyRange, vPastedRange, !0).forEach(({ startRange }) => {
+      var _a14;
+      (_a14 = this._copyInfo) == null || _a14.matrix.forValue((row, col, ruleId) => {
+        const range = Rectangle.getPositionRange(
           {
-            startRow: m,
-            endRow: m,
-            startColumn: _,
-            endColumn: _
+            startRow: row,
+            endRow: row,
+            startColumn: col,
+            endColumn: col
           },
-          f
-        ), M = this._hyperLinkModel.getHyperLink(r, i, v), { row: y, col: V } = u(L.startRow, L.startColumn), R = this._hyperLinkModel.getHyperLinkByLocation(n.unitId, n.subUnitId, y, V), P = re.generateRandomId();
-        R && o.push({
-          id: T.id,
+          startRange
+        ), oldLink = this._hyperLinkModel.getHyperLink(unitId, subUnitId, ruleId), { row: startRow, col: startColumn } = mapFunc(range.startRow, range.startColumn), currentLink = this._hyperLinkModel.getHyperLinkByLocation(copyInfo.unitId, copyInfo.subUnitId, startRow, startColumn), id = Tools.generateRandomId();
+        currentLink && redos.push({
+          id: RemoveHyperLinkMutation.id,
           params: {
-            unitId: n.unitId,
-            subUnitId: n.subUnitId,
-            id: R.id
+            unitId: copyInfo.unitId,
+            subUnitId: copyInfo.subUnitId,
+            id: currentLink.id
           }
-        }), M && (o.push({
-          id: U.id,
+        }), oldLink && (redos.push({
+          id: AddHyperLinkMutation.id,
           params: {
-            unitId: n.unitId,
-            subUnitId: n.subUnitId,
+            unitId: copyInfo.unitId,
+            subUnitId: copyInfo.subUnitId,
             link: {
-              ...M,
-              id: P,
-              row: y,
-              column: V
+              ...oldLink,
+              id,
+              row: startRow,
+              column: startColumn
             }
           }
-        }), s.push({
-          id: T.id,
+        }), undos.push({
+          id: RemoveHyperLinkMutation.id,
           params: {
-            unitId: n.unitId,
-            subUnitId: n.subUnitId,
-            id: P
+            unitId: copyInfo.unitId,
+            subUnitId: copyInfo.subUnitId,
+            id
           }
-        })), R && s.push({
-          id: U.id,
+        })), currentLink && undos.push({
+          id: AddHyperLinkMutation.id,
           params: {
-            unitId: n.unitId,
-            subUnitId: n.subUnitId,
-            link: R
+            unitId: copyInfo.unitId,
+            subUnitId: copyInfo.subUnitId,
+            link: currentLink
           }
         });
       });
-    }), { redos: o, undos: s };
+    }), { redos, undos };
   }
-};
-be = Jr([
-  B(D.Ready, be),
-  Ce(0, En),
-  Ce(1, h(H)),
-  Ce(2, h(Ne)),
-  Ce(3, h(F))
-], be);
-var Qr = Object.defineProperty, ei = Object.getOwnPropertyDescriptor, ti = (e, t, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? ei(t, n) : t, o = e.length - 1, s; o >= 0; o--)
-    (s = e[o]) && (i = (r ? s(t, n, i) : s(i)) || i);
-  return r && i && Qr(t, n, i), i;
-}, ni = (e, t) => (n, r) => t(n, r, e);
-let Re = class extends O {
-  constructor(e) {
-    super(), this._resolverService = e, this._handleInitUrl();
+}, __name(_a10, "SheetsHyperLinkCopyPasteController"), _a10);
+SheetsHyperLinkCopyPasteController = __decorateClass$3([
+  OnLifecycle(LifecycleStages.Ready, SheetsHyperLinkCopyPasteController),
+  __decorateParam$3(0, ISheetClipboardService),
+  __decorateParam$3(1, Inject(HyperLinkModel)),
+  __decorateParam$3(2, Inject(Injector)),
+  __decorateParam$3(3, Inject(SheetsHyperLinkResolverService))
+], SheetsHyperLinkCopyPasteController);
+var __defProp$2 = Object.defineProperty, __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor, __decorateClass$2 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$2(target, key, result), result;
+}, "__decorateClass$2"), __decorateParam$2 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$2"), _a11;
+let SheetHyperLinkUrlController = (_a11 = class extends Disposable {
+  constructor(_resolverService) {
+    super(), this._resolverService = _resolverService, this._handleInitUrl();
   }
   _handleInitUrl() {
-    const e = location.hash;
-    e && this._resolverService.parseHyperLink(e).handler();
+    const hash = location.hash;
+    hash && this._resolverService.parseHyperLink(hash).handler();
   }
-};
-Re = ti([
-  B(D.Rendered, Re),
-  ni(0, h(F))
-], Re);
-var ri = Object.defineProperty, ii = Object.getOwnPropertyDescriptor, oi = (e, t, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? ii(t, n) : t, o = e.length - 1, s; o >= 0; o--)
-    (s = e[o]) && (i = (r ? s(t, n, i) : s(i)) || i);
-  return r && i && ri(t, n, i), i;
-}, Ze = (e, t) => (n, r) => t(n, r, e);
-let we = class extends O {
-  constructor(e, t, n) {
-    super(), this._localeService = e, this._commandService = t, this._sheetPermissionInterceptorBaseController = n, this._commandExecutedListener();
+}, __name(_a11, "SheetHyperLinkUrlController"), _a11);
+SheetHyperLinkUrlController = __decorateClass$2([
+  OnLifecycle(LifecycleStages.Rendered, SheetHyperLinkUrlController),
+  __decorateParam$2(0, Inject(SheetsHyperLinkResolverService))
+], SheetHyperLinkUrlController);
+var __defProp$1 = Object.defineProperty, __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor, __decorateClass$1 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$1(target, key, result), result;
+}, "__decorateClass$1"), __decorateParam$1 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$1"), _a12;
+let SheetsHyperLinkPermissionController = (_a12 = class extends Disposable {
+  constructor(_localeService, _commandService, _sheetPermissionInterceptorBaseController) {
+    super(), this._localeService = _localeService, this._commandService = _commandService, this._sheetPermissionInterceptorBaseController = _sheetPermissionInterceptorBaseController, this._commandExecutedListener();
   }
   _commandExecutedListener() {
     this.disposeWithMe(
-      this._commandService.beforeCommandExecuted((e) => {
-        e.id === Ft.id && (this._sheetPermissionInterceptorBaseController.permissionCheckWithRanges({
-          workbookTypes: [$e],
-          rangeTypes: [Ve],
-          worksheetTypes: [Be, tt, De]
+      this._commandService.beforeCommandExecuted((command) => {
+        command.id === InsertLinkShortcut.id && (this._sheetPermissionInterceptorBaseController.permissionCheckWithRanges({
+          workbookTypes: [WorkbookEditablePermission],
+          rangeTypes: [RangeProtectionPermissionEditPoint],
+          worksheetTypes: [WorksheetEditPermission, WorksheetSetCellValuePermission, WorksheetInsertHyperlinkPermission]
         }) || this._sheetPermissionInterceptorBaseController.haveNotPermissionHandle(this._localeService.t("permission.dialog.hyperLinkErr")));
       })
     );
   }
-};
-we = oi([
-  B(D.Rendered, we),
-  Ze(0, h(pe)),
-  Ze(1, K),
-  Ze(2, h(Pt))
-], we);
-var Kt = Object.defineProperty, si = Object.getOwnPropertyDescriptor, ai = (e, t, n) => t in e ? Kt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, ci = (e, t, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? si(t, n) : t, o = e.length - 1, s; o >= 0; o--)
-    (s = e[o]) && (i = (r ? s(t, n, i) : s(i)) || i);
-  return r && i && Kt(t, n, i), i;
-}, vt = (e, t) => (n, r) => t(n, r, e), Yt = (e, t, n) => ai(e, typeof t != "symbol" ? t + "" : t, n);
-let He = class extends rn {
-  constructor(e, t, n) {
-    super(), this._config = e, this._injector = t, this._renderManagerService = n;
-  }
-  onStarting(e) {
+}, __name(_a12, "SheetsHyperLinkPermissionController"), _a12);
+SheetsHyperLinkPermissionController = __decorateClass$1([
+  OnLifecycle(LifecycleStages.Rendered, SheetsHyperLinkPermissionController),
+  __decorateParam$1(0, Inject(LocaleService)),
+  __decorateParam$1(1, ICommandService),
+  __decorateParam$1(2, Inject(SheetPermissionInterceptorBaseController))
+], SheetsHyperLinkPermissionController);
+var __defProp2 = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __defNormalProp2 = /* @__PURE__ */ __name((obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, "__defNormalProp"), __decorateClass = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp2(target, key, result), result;
+}, "__decorateClass"), __decorateParam = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam"), __publicField2 = /* @__PURE__ */ __name((obj, key, value) => __defNormalProp2(obj, typeof key != "symbol" ? key + "" : key, value), "__publicField"), _a13;
+let UniverSheetsHyperLinkUIPlugin = (_a13 = class extends Plugin {
+  constructor(_config, _injector, _renderManagerService) {
+    super(), this._config = _config, this._injector = _injector, this._renderManagerService = _renderManagerService;
+  }
+  onStarting() {
     [
-      [F],
-      [$],
-      [ye],
-      [Se],
-      [Ie],
-      [ke],
       [
-        le,
+        SheetsHyperLinkResolverService,
         {
-          useFactory: () => this._injector.createInstance(le, this._config)
+          useFactory: /* @__PURE__ */ __name(() => {
+            var _a14;
+            return this._injector.createInstance(SheetsHyperLinkResolverService, (_a14 = this._config) == null ? void 0 : _a14.urlHandler);
+          }, "useFactory")
         }
       ],
-      [Pe],
-      [be],
-      [we],
-      [Re]
-    ].forEach((n) => e.add(n));
+      [SheetsHyperLinkPopupService],
+      [SheetsHyperLinkSidePanelService],
+      [SheetsHyperLinkRemoveSheetController],
+      [SheetsHyperLinkRenderManagerController],
+      [SheetHyperLinkSetRangeController],
+      [SheetsHyperLinkPopupController],
+      [
+        SheetsHyperLinkUIController,
+        {
+          useFactory: /* @__PURE__ */ __name(() => this._injector.createInstance(SheetsHyperLinkUIController, this._config), "useFactory")
+        }
+      ],
+      [SheetsHyperLinkAutoFillController],
+      [SheetsHyperLinkCopyPasteController],
+      [SheetsHyperLinkPermissionController],
+      [SheetHyperLinkUrlController]
+    ].forEach((dep) => this._injector.add(dep));
   }
   onReady() {
     [
-      [Xe]
-    ].forEach((t) => this._renderManagerService.registerRenderModule(E.UNIVER_SHEET, t));
+      [SheetsHyperLinkRenderController]
+    ].forEach((d) => this._renderManagerService.registerRenderModule(UniverInstanceType.UNIVER_SHEET, d));
   }
-};
-Yt(He, "pluginName", at);
-Yt(He, "type", E.UNIVER_SHEET);
-He = ci([
-  on(Cn),
-  vt(1, h(Ne)),
-  vt(2, nt)
-], He);
+}, __name(_a13, "UniverSheetsHyperLinkUIPlugin"), _a13);
+__publicField2(UniverSheetsHyperLinkUIPlugin, "pluginName", SHEET_HYPER_LINK_UI_PLUGIN);
+__publicField2(UniverSheetsHyperLinkUIPlugin, "type", UniverInstanceType.UNIVER_SHEET);
+UniverSheetsHyperLinkUIPlugin = __decorateClass([
+  DependentOn(UniverSheetsHyperLinkPlugin),
+  __decorateParam(1, Inject(Injector)),
+  __decorateParam(2, IRenderManagerService)
+], UniverSheetsHyperLinkUIPlugin);
 export {
-  Te as CloseHyperLinkSidebarOperation,
-  ot as InsertHyperLinkOperation,
-  Ft as InsertLinkShortcut,
-  it as OpenHyperLinkSidebarOperation,
-  Ie as SheetHyperLinkSetRangeController,
-  Re as SheetHyperLinkUrlController,
-  Pe as SheetsHyperLinkAutoFillController,
-  be as SheetsHyperLinkCopyPasteController,
-  ke as SheetsHyperLinkPopupController,
-  $ as SheetsHyperLinkPopupService,
-  ye as SheetsHyperLinkRemoveSheetController,
-  Xe as SheetsHyperLinkRenderController,
-  Se as SheetsHyperLinkRenderManagerController,
-  F as SheetsHyperLinkResolverService,
-  le as SheetsHyperLinkUIController,
-  He as UniverSheetsHyperLinkUIPlugin
+  CloseHyperLinkSidebarOperation,
+  InsertHyperLinkOperation,
+  InsertLinkShortcut,
+  OpenHyperLinkSidebarOperation,
+  SheetHyperLinkSetRangeController,
+  SheetHyperLinkUrlController,
+  SheetsHyperLinkAutoFillController,
+  SheetsHyperLinkCopyPasteController,
+  SheetsHyperLinkPopupController,
+  SheetsHyperLinkPopupService,
+  SheetsHyperLinkRemoveSheetController,
+  SheetsHyperLinkRenderController,
+  SheetsHyperLinkRenderManagerController,
+  SheetsHyperLinkResolverService,
+  SheetsHyperLinkSidePanelService,
+  SheetsHyperLinkUIController,
+  UniverSheetsHyperLinkUIPlugin
 };