@univerjs/sheets-crosshair-highlight 0.5.5-nightly.202501241606 → 0.6.0-alpha.0

package/lib/es/index.js

@@ -1,72 +1,67 @@
-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, CommandType, useDependency, useObservable, UniverInstanceType, Inject, ICommandService, RANGE_TYPE, Rectangle, IContextService, ColorKit, Plugin, merge as merge$1, Injector, IConfigService } from "@univerjs/core";
-import { Shape, Rect, IRenderManagerService } from "@univerjs/engine-render";
-import { MenuItemType, getMenuHiddenObservable, ContextMenuPosition, ContextMenuGroup, ComponentManager, IMenuManagerService } from "@univerjs/ui";
-import { BehaviorSubject, combineLatest, startWith, tap, merge, map } from "rxjs";
-import { jsx } from "react/jsx-runtime";
-import { forwardRef, useRef, createElement, useCallback } from "react";
-import { SheetsSelectionsService, REF_SELECTIONS_ENABLED, IRefSelectionsService } from "@univerjs/sheets";
-import { SheetSkeletonManagerService, getCoordByCell } from "@univerjs/sheets-ui";
-const SHEETS_CROSSHAIR_HIGHLIGHT_PLUGIN_CONFIG_KEY = "sheets-crosshair-highlight.config", defaultPluginConfig = {};
-var __assign = function() {
-  return __assign = Object.assign || function(t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && (t[p] = s[p]);
+var J = Object.defineProperty;
+var Q = (n, e, t) => e in n ? J(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var c = (n, e, t) => Q(n, typeof e != "symbol" ? e + "" : e, t);
+import { Disposable as w, CommandType as R, useDependency as ee, useObservable as te, UniverInstanceType as y, Inject as u, ICommandService as re, RANGE_TYPE as f, Rectangle as T, IContextService as ne, ColorKit as se, Plugin as ie, merge as oe, Injector as ae, IConfigService as ce } from "@univerjs/core";
+import { Shape as le, Rect as he, IRenderManagerService as ge } from "@univerjs/engine-render";
+import { MenuItemType as de, getMenuHiddenObservable as ue, ContextMenuPosition as fe, ContextMenuGroup as _e, ComponentManager as Se, IMenuManagerService as ve } from "@univerjs/ui";
+import { BehaviorSubject as x, combineLatest as pe, startWith as me, tap as Ce, merge as P, map as V } from "rxjs";
+import { jsx as N } from "react/jsx-runtime";
+import { forwardRef as G, useRef as be, createElement as U, useCallback as He } from "react";
+import { SheetsSelectionsService as Re, REF_SELECTIONS_ENABLED as Oe, IRefSelectionsService as Ie } from "@univerjs/sheets";
+import { SheetSkeletonManagerService as Ee, getCoordByCell as j } from "@univerjs/sheets-ui";
+const ye = "sheets-crosshair-highlight.config", L = {};
+var l = function() {
+  return l = Object.assign || function(n) {
+    for (var e, t = 1, r = arguments.length; t < r; t++) {
+      e = arguments[t];
+      for (var s in e) Object.prototype.hasOwnProperty.call(e, s) && (n[s] = e[s]);
     }
-    return t;
-  }, __assign.apply(this, arguments);
-}, __rest = function(s, e) {
+    return n;
+  }, l.apply(this, arguments);
+}, we = function(n, e) {
   var t = {};
-  for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
-  if (s != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++)
-      e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+  for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && e.indexOf(r) < 0 && (t[r] = n[r]);
+  if (n != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var s = 0, r = Object.getOwnPropertySymbols(n); s < r.length; s++)
+      e.indexOf(r[s]) < 0 && Object.prototype.propertyIsEnumerable.call(n, r[s]) && (t[r[s]] = n[r[s]]);
   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);
+}, D = G(function(n, e) {
+  var t = n.icon, r = n.id, s = n.className, i = n.extend, o = we(n, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(r, " ").concat(s || "").trim(), h = be("_".concat(Te()));
+  return Z(t, "".concat(r), { defIds: t.defIds, idSuffix: h.current }, l({ ref: e, className: a }, o), 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 Z(n, e, t, r, s) {
+  return U(n.tag, l(l({ key: e }, Me(n, t, s)), r), ($e(n, t).children || []).map(function(i, o) {
+    return Z(i, "".concat(e, "-").concat(n.tag, "-").concat(o), t, void 0, s);
   }));
 }
-__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(_a4) {
-    var key = _a4[0], value = _a4[1];
-    typeof value == "string" && (attrs[key] = value.replace(/url\(#(.*)\)/, "url(#$1".concat(runtimeProps.idSuffix, ")")));
-  })), attrs;
+function Me(n, e, t) {
+  var r = l({}, n.attrs);
+  t != null && t.colorChannel1 && r.fill === "colorChannel1" && (r.fill = t.colorChannel1);
+  var s = e.defIds;
+  return !s || s.length === 0 || (n.tag === "use" && r["xlink:href"] && (r["xlink:href"] = r["xlink:href"] + e.idSuffix), Object.entries(r).forEach(function(i) {
+    var o = i[0], a = i[1];
+    typeof a == "string" && (r[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  })), r;
 }
-__name(replaceRuntimeIdsAndExtInAttrs, "replaceRuntimeIdsAndExtInAttrs");
-function replaceRuntimeIdsInDefs(node, runtimeProps) {
-  var _a4, defIds = runtimeProps.defIds;
-  return !defIds || defIds.length === 0 ? node : node.tag === "defs" && (!((_a4 = node.children) === null || _a4 === void 0) && _a4.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 $e(n, e) {
+  var t, r = e.defIds;
+  return !r || r.length === 0 ? n : n.tag === "defs" && (!((t = n.children) === null || t === void 0) && t.length) ? l(l({}, n), { children: n.children.map(function(s) {
+    return typeof s.attrs.id == "string" && r && r.indexOf(s.attrs.id) > -1 ? l(l({}, s), { attrs: l(l({}, s.attrs), { id: s.attrs.id + e.idSuffix }) }) : s;
+  }) }) : n;
 }
-__name(replaceRuntimeIdsInDefs, "replaceRuntimeIdsInDefs");
-function generateShortUuid() {
+function Te() {
   return Math.random().toString(36).substring(2, 8);
 }
-__name(generateShortUuid, "generateShortUuid");
-IconBase.displayName = "UniverIcon";
-var element = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "#E5E5E5", d: "M1.6499 3.65002C1.6499 2.54545 2.54533 1.65002 3.6499 1.65002H12.3499C13.4545 1.65002 14.3499 2.54545 14.3499 3.65002V12.35C14.3499 13.4546 13.4545 14.35 12.3499 14.35H3.6499C2.54533 14.35 1.6499 13.4546 1.6499 12.35V3.65002Z" } }, { tag: "path", attrs: { fill: "#fff", d: "M9.9998 1.65002H5.9998V6H1.6499V10H5.9998V14.35H9.9998V10H14.3499V6H9.9998V1.65002Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M3.6498 1.05005C2.21386 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V3.65005C14.9498 2.21411 13.7857 1.05005 12.3498 1.05005H3.6498ZM5.4002 2.25005H3.6498C2.87661 2.25005 2.2498 2.87685 2.2498 3.65005V5.40002H5.4002V2.25005ZM2.2498 10.6V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H5.4002V10.6H2.2498ZM6.60019 13.75H9.4002V9.40002H13.7498V6.60002H9.4002V2.25005H6.60019V6.60002H2.25029V9.40002H6.60019V13.75ZM10.6002 2.25005V5.40002H13.7498V3.65005C13.7498 2.87685 13.123 2.25005 12.3498 2.25005H10.6002ZM13.7498 10.6H10.6002V13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.6Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, CrossHighlightingSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
+D.displayName = "UniverIcon";
+var xe = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "#E5E5E5", d: "M1.6499 3.65002C1.6499 2.54545 2.54533 1.65002 3.6499 1.65002H12.3499C13.4545 1.65002 14.3499 2.54545 14.3499 3.65002V12.35C14.3499 13.4546 13.4545 14.35 12.3499 14.35H3.6499C2.54533 14.35 1.6499 13.4546 1.6499 12.35V3.65002Z" } }, { tag: "path", attrs: { fill: "#fff", d: "M9.9998 1.65002H5.9998V6H1.6499V10H5.9998V14.35H9.9998V10H14.3499V6H9.9998V1.65002Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M3.6498 1.05005C2.21386 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V3.65005C14.9498 2.21411 13.7857 1.05005 12.3498 1.05005H3.6498ZM5.4002 2.25005H3.6498C2.87661 2.25005 2.2498 2.87685 2.2498 3.65005V5.40002H5.4002V2.25005ZM2.2498 10.6V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H5.4002V10.6H2.2498ZM6.60019 13.75H9.4002V9.40002H13.7498V6.60002H9.4002V2.25005H6.60019V6.60002H2.25029V9.40002H6.60019V13.75ZM10.6002 2.25005V5.40002H13.7498V3.65005C13.7498 2.87685 13.123 2.25005 12.3498 2.25005H10.6002ZM13.7498 10.6H10.6002V13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.6Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, B = G(function(n, e) {
+  return U(D, Object.assign({}, n, {
     id: "cross-highlighting-single",
-    ref,
-    icon: element
+    ref: e,
+    icon: xe
   }));
 });
-CrossHighlightingSingle.displayName = "CrossHighlightingSingle";
-const CROSSHAIR_HIGHLIGHT_COLORS = [
+B.displayName = "CrossHighlightingSingle";
+const W = [
   "rgba(158, 109, 227, 0.3)",
   "rgba(254, 75, 75, 0.3)",
   "rgba(255, 140, 81, 0.3)",
@@ -83,13 +78,14 @@ const CROSSHAIR_HIGHLIGHT_COLORS = [
   "rgba(58, 96, 247, 0.15)",
   "rgba(242, 72, 166, 0.15)",
   "rgba(153, 153, 153, 0.15)"
-], _SheetsCrosshairHighlightService = class _SheetsCrosshairHighlightService extends Disposable {
+];
+class g extends w {
   constructor() {
     super(...arguments);
-    __publicField(this, "_enabled$", new BehaviorSubject(!1));
-    __publicField(this, "enabled$", this._enabled$.asObservable());
-    __publicField(this, "_color$", new BehaviorSubject(CROSSHAIR_HIGHLIGHT_COLORS[0]));
-    __publicField(this, "color$", this._color$.asObservable());
+    c(this, "_enabled$", new x(!1));
+    c(this, "enabled$", this._enabled$.asObservable());
+    c(this, "_color$", new x(W[0]));
+    c(this, "color$", this._color$.asObservable());
   }
   get enabled() {
     return this._enabled$.getValue();
@@ -100,175 +96,170 @@ const CROSSHAIR_HIGHLIGHT_COLORS = [
   dispose() {
     this._enabled$.complete();
   }
-  setEnabled(value) {
-    this._enabled$.next(value);
+  setEnabled(t) {
+    this._enabled$.next(t);
   }
-  setColor(value) {
-    this._color$.next(value);
+  setColor(t) {
+    this._color$.next(t);
   }
-};
-__name(_SheetsCrosshairHighlightService, "SheetsCrosshairHighlightService");
-let SheetsCrosshairHighlightService = _SheetsCrosshairHighlightService;
-const ToggleCrosshairHighlightOperation = {
+}
+const M = {
   id: "sheet.operation.toggle-crosshair-highlight",
-  type: CommandType.OPERATION,
-  handler(accessor) {
-    const service = accessor.get(SheetsCrosshairHighlightService), turnedOn = service.enabled;
-    return service.setEnabled(!turnedOn), !0;
+  type: R.OPERATION,
+  handler(n) {
+    const e = n.get(g), t = e.enabled;
+    return e.setEnabled(!t), !0;
   }
-}, SetCrosshairHighlightColorOperation = {
+}, Y = {
   id: "sheet.operation.set-crosshair-highlight-color",
-  type: CommandType.OPERATION,
-  handler(accessor, { value }) {
-    const service = accessor.get(SheetsCrosshairHighlightService);
-    return service.enabled || service.setEnabled(!0), service.setColor(value), !0;
+  type: R.OPERATION,
+  handler(n, { value: e }) {
+    const t = n.get(g);
+    return t.enabled || t.setEnabled(!0), t.setColor(e), !0;
   }
-}, EnableCrosshairHighlightOperation = {
+}, Pe = {
   id: "sheet.operation.enable-crosshair-highlight",
-  type: CommandType.OPERATION,
-  handler(accessor) {
-    const service = accessor.get(SheetsCrosshairHighlightService);
-    return service.enabled ? !1 : (service.setEnabled(!0), !0);
+  type: R.OPERATION,
+  handler(n) {
+    const e = n.get(g);
+    return e.enabled ? !1 : (e.setEnabled(!0), !0);
   }
-}, DisableCrosshairHighlightOperation = {
+}, Ve = {
   id: "sheet.operation.disable-crosshair-highlight",
-  type: CommandType.OPERATION,
-  handler(accessor) {
-    const service = accessor.get(SheetsCrosshairHighlightService);
-    return service.enabled ? (service.setEnabled(!1), !0) : !1;
+  type: R.OPERATION,
+  handler(n) {
+    const e = n.get(g);
+    return e.enabled ? (e.setEnabled(!1), !0) : !1;
   }
 };
-function r(e) {
-  var t, f, n = "";
-  if (typeof e == "string" || typeof e == "number") n += e;
-  else if (typeof e == "object") if (Array.isArray(e)) {
-    var o = e.length;
-    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-  } else for (f in e) e[f] && (n && (n += " "), n += f);
-  return n;
+function k(n) {
+  var e, t, r = "";
+  if (typeof n == "string" || typeof n == "number") r += n;
+  else if (typeof n == "object") if (Array.isArray(n)) {
+    var s = n.length;
+    for (e = 0; e < s; e++) n[e] && (t = k(n[e])) && (r && (r += " "), r += t);
+  } else for (t in n) n[t] && (r && (r += " "), r += t);
+  return r;
 }
-__name(r, "r");
-function clsx() {
-  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
-  return n;
+function Ne() {
+  for (var n, e, t = 0, r = "", s = arguments.length; t < s; t++) (n = arguments[t]) && (e = k(n)) && (r && (r += " "), r += e);
+  return r;
 }
-__name(clsx, "clsx");
-const crosshairHighlightOverlay = "univer-crosshair-highlight-overlay", crosshairHighlightItem = "univer-crosshair-highlight-item", crosshairHighlightItemSelected = "univer-crosshair-highlight-item-selected", styles = {
-  crosshairHighlightOverlay,
-  crosshairHighlightItem,
-  crosshairHighlightItemSelected
+const je = "univer-crosshair-highlight-overlay", Le = "univer-crosshair-highlight-item", Ae = "univer-crosshair-highlight-item-selected", O = {
+  crosshairHighlightOverlay: je,
+  crosshairHighlightItem: Le,
+  crosshairHighlightItemSelected: Ae
 };
-function CrosshairOverlay(props) {
-  const { onChange } = props, crosshairSrv = useDependency(SheetsCrosshairHighlightService), currentColor = useObservable(crosshairSrv.color$), handleColorPicked = useCallback((color) => {
-    onChange == null || onChange(color);
-  }, [onChange]);
-  return /* @__PURE__ */ jsx("div", { className: styles.crosshairHighlightOverlay, children: CROSSHAIR_HIGHLIGHT_COLORS.map((color) => /* @__PURE__ */ jsx(
+function Ge(n) {
+  const { onChange: e } = n, t = ee(g), r = te(t.color$), s = He((i) => {
+    e == null || e(i);
+  }, [e]);
+  return /* @__PURE__ */ N("div", { className: O.crosshairHighlightOverlay, children: W.map((i) => /* @__PURE__ */ N(
     "div",
     {
-      className: clsx(styles.crosshairHighlightItem, {
-        [styles.crosshairHighlightItemSelected]: color === currentColor
+      className: Ne(O.crosshairHighlightItem, {
+        [O.crosshairHighlightItemSelected]: i === r
       }),
-      style: { backgroundColor: color },
-      onClick: /* @__PURE__ */ __name(() => handleColorPicked(color), "onClick")
+      style: { backgroundColor: i },
+      onClick: () => s(i)
     },
-    color
+    i
   )) });
 }
-__name(CrosshairOverlay, "CrosshairOverlay");
-const CROSSHAIR_HIGHLIGHT_OVERLAY_COMPONENT = "CROSSHAIR_HIGHLIGHT_OVERLAY_COMPONENT";
-function CrosshairHighlightMenuItemFactory(accessor) {
-  const crosshairHighlightService = accessor.get(SheetsCrosshairHighlightService);
+const F = "CROSSHAIR_HIGHLIGHT_OVERLAY_COMPONENT";
+function Ue(n) {
+  const e = n.get(g);
   return {
-    id: ToggleCrosshairHighlightOperation.id,
+    id: M.id,
     tooltip: "crosshair.button.tooltip",
-    type: MenuItemType.BUTTON_SELECTOR,
+    type: de.BUTTON_SELECTOR,
     icon: "CrossHighlightingSingle",
     selections: [
       {
         label: {
-          name: CROSSHAIR_HIGHLIGHT_OVERLAY_COMPONENT,
+          name: F,
           hoverable: !1
         }
       }
     ],
-    selectionsCommandId: SetCrosshairHighlightColorOperation.id,
-    activated$: crosshairHighlightService.enabled$,
-    hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET)
+    selectionsCommandId: Y.id,
+    activated$: e.enabled$,
+    hidden$: ue(n, y.UNIVER_SHEET)
   };
 }
-__name(CrosshairHighlightMenuItemFactory, "CrosshairHighlightMenuItemFactory");
-const menuSchema = {
-  [ContextMenuPosition.FOOTER_MENU]: {
-    [ContextMenuGroup.OTHERS]: {
-      [ToggleCrosshairHighlightOperation.id]: {
+const De = {
+  [fe.FOOTER_MENU]: {
+    [_e.OTHERS]: {
+      [M.id]: {
         order: 0,
-        menuItemFactory: CrosshairHighlightMenuItemFactory
+        menuItemFactory: Ue
       }
     }
   }
 };
-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"), _a;
-let SheetsCrosshairHighlightController = (_a = class extends Disposable {
-  constructor(_componentMgr, _menuManagerService, _cmdSrv) {
-    super(), this._componentMgr = _componentMgr, this._menuManagerService = _menuManagerService, this._cmdSrv = _cmdSrv, this._initCommands(), this._initMenus(), this._initComponents();
+var Ze = Object.defineProperty, Be = Object.getOwnPropertyDescriptor, We = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? Be(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+    (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
+  return r && s && Ze(e, t, s), s;
+}, I = (n, e) => (t, r) => e(t, r, n);
+let b = class extends w {
+  constructor(n, e, t) {
+    super(), this._componentMgr = n, this._menuManagerService = e, this._cmdSrv = t, this._initCommands(), this._initMenus(), this._initComponents();
   }
   _initCommands() {
     [
-      ToggleCrosshairHighlightOperation,
-      SetCrosshairHighlightColorOperation,
-      EnableCrosshairHighlightOperation,
-      DisableCrosshairHighlightOperation
-    ].forEach((c) => this._cmdSrv.registerCommand(c));
+      M,
+      Y,
+      Pe,
+      Ve
+    ].forEach((n) => this._cmdSrv.registerCommand(n));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(menuSchema);
+    this._menuManagerService.mergeMenu(De);
   }
   _initComponents() {
-    this._componentMgr.register(CROSSHAIR_HIGHLIGHT_OVERLAY_COMPONENT, CrosshairOverlay), this._componentMgr.register("CrossHighlightingSingle", CrossHighlightingSingle);
-  }
-}, __name(_a, "SheetsCrosshairHighlightController"), _a);
-SheetsCrosshairHighlightController = __decorateClass$2([
-  __decorateParam$2(0, Inject(ComponentManager)),
-  __decorateParam$2(1, IMenuManagerService),
-  __decorateParam$2(2, ICommandService)
-], SheetsCrosshairHighlightController);
-const SHEETS_CROSSHAIR_HIGHLIGHT_Z_INDEX = 1, _CrossHairRangeCollection = class _CrossHairRangeCollection {
+    this._componentMgr.register(F, Ge), this._componentMgr.register("CrossHighlightingSingle", B);
+  }
+};
+b = We([
+  I(0, u(Se)),
+  I(1, ve),
+  I(2, re)
+], b);
+const Ye = 1;
+class ke {
   constructor() {
-    __publicField(this, "_selectedRanges", []);
-    __publicField(this, "_ranges", []);
+    c(this, "_selectedRanges", []);
+    c(this, "_ranges", []);
   }
-  addRange(range) {
-    if (range.rangeType === RANGE_TYPE.COLUMN || range.rangeType === RANGE_TYPE.ROW || range.rangeType === RANGE_TYPE.ALL)
+  addRange(e) {
+    if (e.rangeType === f.COLUMN || e.rangeType === f.ROW || e.rangeType === f.ALL)
       return;
-    const intersects = this._getIntersects(range), splitRanges = this._getSplitRanges(range, intersects);
-    splitRanges.length > 0 && this._ranges.push(...splitRanges);
-  }
-  setSelectedRanges(selectedRange) {
-    this._selectedRanges = selectedRange;
-  }
-  _getSplitRanges(range, intersects) {
-    let splitRanges = [range];
-    for (const intersect of intersects.concat(this._selectedRanges)) {
-      const newRanges = [];
-      for (const splitRange of splitRanges) {
-        const split = Rectangle.subtract(splitRange, intersect);
-        split && split.length > 0 && newRanges.push(...split);
+    const t = this._getIntersects(e), r = this._getSplitRanges(e, t);
+    r.length > 0 && this._ranges.push(...r);
+  }
+  setSelectedRanges(e) {
+    this._selectedRanges = e;
+  }
+  _getSplitRanges(e, t) {
+    let r = [e];
+    for (const s of t.concat(this._selectedRanges)) {
+      const i = [];
+      for (const o of r) {
+        const a = T.subtract(o, s);
+        a && a.length > 0 && i.push(...a);
       }
-      splitRanges = newRanges;
+      r = i;
     }
-    return splitRanges.filter((range2) => range2.startRow <= range2.endRow && range2.startColumn <= range2.endColumn);
+    return r.filter((s) => s.startRow <= s.endRow && s.startColumn <= s.endColumn);
   }
-  _getIntersects(addRange) {
-    const intersects = [];
-    for (const range of this._ranges) {
-      const intersect = Rectangle.getIntersects(range, addRange);
-      intersect && intersects.push(intersect);
+  _getIntersects(e) {
+    const t = [];
+    for (const r of this._ranges) {
+      const s = T.getIntersects(r, e);
+      s && t.push(s);
     }
-    return intersects;
+    return t;
   }
   getRanges() {
     return this._ranges;
@@ -276,193 +267,189 @@ const SHEETS_CROSSHAIR_HIGHLIGHT_Z_INDEX = 1, _CrossHairRangeCollection = class
   reset() {
     this._ranges = [], this._selectedRanges = [];
   }
-};
-__name(_CrossHairRangeCollection, "CrossHairRangeCollection");
-let CrossHairRangeCollection = _CrossHairRangeCollection;
-const _SheetCrossHairHighlightShape = class _SheetCrossHairHighlightShape extends Shape {
-  constructor(key, props) {
-    super(key, props);
+}
+class Fe extends le {
+  constructor(t, r) {
+    super(t, r);
     // protected _showHighLight = false;
-    __publicField(this, "_color");
-    props && this.setShapeProps(props);
+    c(this, "_color");
+    r && this.setShapeProps(r);
   }
-  setShapeProps(props) {
-    typeof props.color < "u" && (this._color = props.color), this.transformByState({
-      width: props.width,
-      height: props.height
+  setShapeProps(t) {
+    typeof t.color < "u" && (this._color = t.color), this.transformByState({
+      width: t.width,
+      height: t.height
     });
   }
-  _draw(ctx) {
-    const color = `rgba(${this._color.r}, ${this._color.g}, ${this._color.b}, ${this._color.a})`;
-    Rect.drawWith(ctx, {
+  _draw(t) {
+    const r = `rgba(${this._color.r}, ${this._color.g}, ${this._color.b}, ${this._color.a})`;
+    he.drawWith(t, {
       width: this.width,
       height: this.height,
-      fill: color,
+      fill: r,
       stroke: void 0,
       strokeWidth: 0,
       evented: !1
     });
   }
-};
-__name(_SheetCrossHairHighlightShape, "SheetCrossHairHighlightShape");
-let SheetCrossHairHighlightShape = _SheetCrossHairHighlightShape;
-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"), _a2;
-let SheetCrosshairHighlightRenderController = (_a2 = class extends Disposable {
-  constructor(_context, _sheetSkeletonManagerService, _sheetsSelectionsService, _sheetsCrosshairHighlightService, _contextService, _refSelectionsService) {
+}
+var Xe = Object.defineProperty, Ke = Object.getOwnPropertyDescriptor, ze = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? Ke(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+    (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
+  return r && s && Xe(e, t, s), s;
+}, v = (n, e) => (t, r) => e(t, r, n);
+let H = class extends w {
+  constructor(e, t, r, s, i, o) {
     super();
-    __publicField(this, "_shapes", []);
-    __publicField(this, "_rangeCollection", new CrossHairRangeCollection());
-    __publicField(this, "_color", "rgba(255,0,0,0.5)");
-    this._context = _context, this._sheetSkeletonManagerService = _sheetSkeletonManagerService, this._sheetsSelectionsService = _sheetsSelectionsService, this._sheetsCrosshairHighlightService = _sheetsCrosshairHighlightService, this._contextService = _contextService, this._refSelectionsService = _refSelectionsService, this._initRenderListener();
+    c(this, "_shapes", []);
+    c(this, "_rangeCollection", new ke());
+    c(this, "_color", "rgba(255,0,0,0.5)");
+    this._context = e, this._sheetSkeletonManagerService = t, this._sheetsSelectionsService = r, this._sheetsCrosshairHighlightService = s, this._contextService = i, this._refSelectionsService = o, this._initRenderListener();
   }
-  _transformSelection(selectionData, sheet) {
-    if (!selectionData)
+  _transformSelection(e, t) {
+    if (!e)
       return;
-    const rowCount = sheet.getRowCount(), columnCount = sheet.getColumnCount(), ranges = [];
-    for (const selection of selectionData) {
-      const { startRow, endRow, startColumn, endColumn } = selection.range;
-      endRow - startRow + 1 === rowCount || endColumn - startColumn + 1 === columnCount || ranges.push(selection.range);
+    const r = t.getRowCount(), s = t.getColumnCount(), i = [];
+    for (const o of e) {
+      const { startRow: a, endRow: h, startColumn: _, endColumn: S } = o.range;
+      h - a + 1 === r || S - _ + 1 === s || i.push(o.range);
     }
-    this._rangeCollection.setSelectedRanges(ranges);
-    for (const range of ranges)
-      this.addSelection(range, sheet);
+    this._rangeCollection.setSelectedRanges(i);
+    for (const o of i)
+      this.addSelection(o, t);
   }
   _initRenderListener() {
-    const workbook = this._context.unit;
-    this.disposeWithMe(combineLatest([
-      this._contextService.subscribeContextValue$(REF_SELECTIONS_ENABLED).pipe(startWith(!1)),
+    const e = this._context.unit;
+    this.disposeWithMe(pe([
+      this._contextService.subscribeContextValue$(Oe).pipe(me(!1)),
       this._sheetSkeletonManagerService.currentSkeleton$,
       this._sheetsCrosshairHighlightService.enabled$,
-      this._sheetsCrosshairHighlightService.color$.pipe(tap((color) => this._color = color)),
-      merge(
+      this._sheetsCrosshairHighlightService.color$.pipe(Ce((t) => this._color = t)),
+      P(
         this._sheetsSelectionsService.selectionMoveStart$,
         this._sheetsSelectionsService.selectionMoving$,
         this._sheetsSelectionsService.selectionMoveEnd$,
         this._sheetsSelectionsService.selectionSet$,
-        workbook.activeSheet$.pipe(map(() => this._sheetsSelectionsService.getCurrentSelections()))
+        e.activeSheet$.pipe(V(() => this._sheetsSelectionsService.getCurrentSelections()))
       ),
-      merge(
+      P(
         this._refSelectionsService.selectionMoveStart$,
         this._refSelectionsService.selectionMoving$,
         this._refSelectionsService.selectionMoveEnd$,
         this._sheetsSelectionsService.selectionSet$,
-        workbook.activeSheet$.pipe(map(() => this._refSelectionsService.getCurrentSelections()))
+        e.activeSheet$.pipe(V(() => this._refSelectionsService.getCurrentSelections()))
       )
-    ]).subscribe(([refSelectionEnabled, _, enabled, _color, normalSelections, refSelection]) => {
-      if (this._clear(), !enabled) return;
-      const selections = refSelectionEnabled ? refSelection : normalSelections;
-      this._rangeCollection.reset(), this._transformSelection(selections, workbook.getActiveSheet()), this.render(this._rangeCollection.getRanges());
+    ]).subscribe(([t, r, s, i, o, a]) => {
+      if (this._clear(), !s) return;
+      const h = t ? a : o;
+      this._rangeCollection.reset(), this._transformSelection(h, e.getActiveSheet()), this.render(this._rangeCollection.getRanges());
     }));
   }
-  addSelection(range, sheet) {
-    if (range.rangeType === RANGE_TYPE.COLUMN || range.rangeType === RANGE_TYPE.ROW || range.rangeType === RANGE_TYPE.ALL)
+  addSelection(e, t) {
+    if (e.rangeType === f.COLUMN || e.rangeType === f.ROW || e.rangeType === f.ALL)
       return;
-    const maxRow = sheet.getRowCount(), maxColumn = sheet.getColumnCount(), { startRow, endRow, startColumn, endColumn } = range, left = {
-      startRow,
-      endRow,
+    const r = t.getRowCount(), s = t.getColumnCount(), { startRow: i, endRow: o, startColumn: a, endColumn: h } = e, _ = {
+      startRow: i,
+      endRow: o,
       startColumn: 0,
-      endColumn: startColumn - 1
-    }, right = {
-      startRow,
-      endRow,
-      startColumn: endColumn + 1,
-      endColumn: maxColumn
-    }, top = {
+      endColumn: a - 1
+    }, S = {
+      startRow: i,
+      endRow: o,
+      startColumn: h + 1,
+      endColumn: s
+    }, p = {
       startRow: 0,
-      endRow: startRow - 1,
-      startColumn,
-      endColumn
-    }, bottom = {
-      startRow: endRow + 1,
-      endRow: maxRow,
-      startColumn,
-      endColumn
+      endRow: i - 1,
+      startColumn: a,
+      endColumn: h
+    }, m = {
+      startRow: o + 1,
+      endRow: r,
+      startColumn: a,
+      endColumn: h
     };
-    for (const range2 of [left, right, top, bottom])
-      range2.startRow <= range2.endRow && range2.startColumn <= range2.endColumn && this._rangeCollection.addRange(range2);
+    for (const d of [_, S, p, m])
+      d.startRow <= d.endRow && d.startColumn <= d.endColumn && this._rangeCollection.addRange(d);
   }
   _clear() {
-    this._shapes.forEach((shape) => {
-      shape.dispose();
+    this._shapes.forEach((e) => {
+      e.dispose();
     }), this._shapes = [];
   }
-  _addShapes(range, index, scene, skeleton) {
-    const { startRow, endRow, startColumn, endColumn } = range, startPosition = getCoordByCell(startRow, startColumn, scene, skeleton), endPosition = getCoordByCell(endRow, endColumn, scene, skeleton), { startX, startY } = startPosition, { endX, endY } = endPosition, width = endX - startX, height = endY - startY, shapeProps = {
-      left: startX,
-      top: startY,
-      color: new ColorKit(this._color).toRgb(),
-      width,
-      height,
-      zIndex: SHEETS_CROSSHAIR_HIGHLIGHT_Z_INDEX,
+  _addShapes(e, t, r, s) {
+    const { startRow: i, endRow: o, startColumn: a, endColumn: h } = e, _ = j(i, a, r, s), S = j(o, h, r, s), { startX: p, startY: m } = _, { endX: d, endY: X } = S, K = d - p, z = X - m, q = {
+      left: p,
+      top: m,
+      color: new se(this._color).toRgb(),
+      width: K,
+      height: z,
+      zIndex: Ye,
       evented: !1
-    }, currentShapes = new SheetCrossHairHighlightShape(`crosshair-${index}`, shapeProps);
-    this._shapes.push(currentShapes), scene.addObject(currentShapes);
+    }, $ = new Fe(`crosshair-${t}`, q);
+    this._shapes.push($), r.addObject($);
   }
-  render(ranges) {
-    const skeleton = this._sheetSkeletonManagerService.getCurrentSkeleton();
-    if (!skeleton)
+  render(e) {
+    const t = this._sheetSkeletonManagerService.getCurrentSkeleton();
+    if (!t)
       return;
-    const { scene } = this._context;
+    const { scene: r } = this._context;
     this._clear();
-    for (let i = 0; i < ranges.length; i++) {
-      const range = ranges[i];
-      this._addShapes(range, i, scene, skeleton);
+    for (let s = 0; s < e.length; s++) {
+      const i = e[s];
+      this._addShapes(i, s, r, t);
     }
-    scene.makeDirty(!0);
+    r.makeDirty(!0);
   }
   async dispose() {
     super.dispose();
   }
-}, __name(_a2, "SheetCrosshairHighlightRenderController"), _a2);
-SheetCrosshairHighlightRenderController = __decorateClass$1([
-  __decorateParam$1(1, Inject(SheetSkeletonManagerService)),
-  __decorateParam$1(2, Inject(SheetsSelectionsService)),
-  __decorateParam$1(3, Inject(SheetsCrosshairHighlightService)),
-  __decorateParam$1(4, Inject(IContextService)),
-  __decorateParam$1(5, IRefSelectionsService)
-], SheetCrosshairHighlightRenderController);
-var __defProp2 = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __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"), _a3;
-let UniverSheetsCrosshairHighlightPlugin = (_a3 = class extends Plugin {
-  constructor(_config = defaultPluginConfig, _injector, _renderManagerService, _configService) {
-    super(), this._config = _config, this._injector = _injector, this._renderManagerService = _renderManagerService, this._configService = _configService;
-    const { ...rest } = merge$1(
+};
+H = ze([
+  v(1, u(Ee)),
+  v(2, u(Re)),
+  v(3, u(g)),
+  v(4, u(ne)),
+  v(5, Ie)
+], H);
+var qe = Object.defineProperty, Je = Object.getOwnPropertyDescriptor, Qe = (n, e, t, r) => {
+  for (var s = r > 1 ? void 0 : r ? Je(e, t) : e, i = n.length - 1, o; i >= 0; i--)
+    (o = n[i]) && (s = (r ? o(e, t, s) : o(s)) || s);
+  return r && s && qe(e, t, s), s;
+}, E = (n, e) => (t, r) => e(t, r, n), C;
+let A = (C = class extends ie {
+  constructor(n = L, e, t, r) {
+    super(), this._config = n, this._injector = e, this._renderManagerService = t, this._configService = r;
+    const { ...s } = oe(
       {},
-      defaultPluginConfig,
+      L,
       this._config
     );
-    this._configService.setConfig(SHEETS_CROSSHAIR_HIGHLIGHT_PLUGIN_CONFIG_KEY, rest);
+    this._configService.setConfig(ye, s);
   }
   onStarting() {
     [
-      [SheetsCrosshairHighlightService],
-      [SheetsCrosshairHighlightController]
-    ].forEach((d) => this._injector.add(d));
+      [g],
+      [b]
+    ].forEach((n) => this._injector.add(n));
   }
   onReady() {
     [
-      [SheetCrosshairHighlightRenderController]
-    ].forEach((d) => this._injector.add(d)), this._injector.get(SheetsCrosshairHighlightController), this._renderManagerService.registerRenderModule(UniverInstanceType.UNIVER_SHEET, [SheetCrosshairHighlightRenderController]);
-  }
-}, __name(_a3, "UniverSheetsCrosshairHighlightPlugin"), __publicField(_a3, "pluginName", "SHEET_CROSSHAIR_HIGHLIGHT_PLUGIN"), __publicField(_a3, "type", UniverInstanceType.UNIVER_SHEET), _a3);
-UniverSheetsCrosshairHighlightPlugin = __decorateClass([
-  __decorateParam(1, Inject(Injector)),
-  __decorateParam(2, IRenderManagerService),
-  __decorateParam(3, IConfigService)
-], UniverSheetsCrosshairHighlightPlugin);
+      [H]
+    ].forEach((n) => this._injector.add(n)), this._injector.get(b), this._renderManagerService.registerRenderModule(y.UNIVER_SHEET, [H]);
+  }
+}, c(C, "pluginName", "SHEET_CROSSHAIR_HIGHLIGHT_PLUGIN"), c(C, "type", y.UNIVER_SHEET), C);
+A = Qe([
+  E(1, u(ae)),
+  E(2, ge),
+  E(3, ce)
+], A);
 export {
-  CROSSHAIR_HIGHLIGHT_COLORS,
-  DisableCrosshairHighlightOperation,
-  EnableCrosshairHighlightOperation,
-  SetCrosshairHighlightColorOperation,
-  SheetsCrosshairHighlightService,
-  ToggleCrosshairHighlightOperation,
-  UniverSheetsCrosshairHighlightPlugin
+  W as CROSSHAIR_HIGHLIGHT_COLORS,
+  Ve as DisableCrosshairHighlightOperation,
+  Pe as EnableCrosshairHighlightOperation,
+  Y as SetCrosshairHighlightColorOperation,
+  g as SheetsCrosshairHighlightService,
+  M as ToggleCrosshairHighlightOperation,
+  A as UniverSheetsCrosshairHighlightPlugin
 };