@univerjs/sheets-crosshair-highlight 0.5.4 → 0.5.5-experimental.20250122-3362a4a

package/lib/es/index.js

@@ -1,66 +1,72 @@
-var re = Object.defineProperty;
-var ne = (n, e, t) => e in n ? re(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var h = (n, e, t) => ne(n, typeof e != "symbol" ? e + "" : e, t);
-import { Disposable as $, CommandType as O, useDependency as se, useObservable as ie, UniverInstanceType as x, Inject as p, ICommandService as oe, RANGE_TYPE as v, Rectangle as T, IContextService as ae, ColorKit as ce, Plugin as le, merge as he, Injector as ge, IConfigService as ue } from "@univerjs/core";
-import { Shape as de, Rect as fe, IRenderManagerService as _e } from "@univerjs/engine-render";
-import { MenuItemType as Se, getMenuHiddenObservable as pe, ContextMenuPosition as ve, ContextMenuGroup as me, ComponentManager as Ce, IMenuManagerService as Re } from "@univerjs/ui";
-import { BehaviorSubject as N, combineLatest as be, startWith as He, tap as Oe, merge as j, map as V } from "rxjs";
-import Ie, { forwardRef as Z, useRef as ye, createElement as B, useCallback as Ee } from "react";
-import { SheetsSelectionsService as we, REF_SELECTIONS_ENABLED as xe, IRefSelectionsService as $e } from "@univerjs/sheets";
-import { SheetSkeletonManagerService as Me, getCoordByCell as L } from "@univerjs/sheets-ui";
-const Pe = "sheets-crosshair-highlight.config", A = {};
-var g = function() {
-  return g = 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]);
+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]);
     }
-    return n;
-  }, g.apply(this, arguments);
-}, Te = function(n, e) {
+    return t;
+  }, __assign.apply(this, arguments);
+}, __rest = function(s, e) {
   var t = {};
-  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]]);
+  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]]);
   return t;
-}, F = Z(function(n, e) {
-  var t = n.icon, r = n.id, s = n.className, i = n.extend, o = Te(n, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(r, " ").concat(s || "").trim(), c = ye("_".concat(Ve()));
-  return W(t, "".concat(r), { defIds: t.defIds, idSuffix: c.current }, g({ ref: e, className: a }, o), i);
+}, 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 W(n, e, t, r, s) {
-  return B(n.tag, g(g({ key: e }, Ne(n, t, s)), r), (je(n, t).children || []).map(function(i, o) {
-    return W(i, "".concat(e, "-").concat(n.tag, "-").concat(o), t, void 0, s);
+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 Ne(n, e, t) {
-  var r = g({}, 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(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 je(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) ? g(g({}, n), { children: n.children.map(function(s) {
-    return typeof s.attrs.id == "string" && r && r.indexOf(s.attrs.id) > -1 ? g(g({}, s), { attrs: g(g({}, s.attrs), { id: s.attrs.id + e.idSuffix }) }) : s;
-  }) }) : n;
+__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 Ve() {
+__name(replaceRuntimeIdsInDefs, "replaceRuntimeIdsInDefs");
+function generateShortUuid() {
   return Math.random().toString(36).substring(2, 8);
 }
-F.displayName = "UniverIcon";
-var Le = { 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" } }] }, Y = Z(function(n, e) {
-  return B(F, Object.assign({}, n, {
+__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, {
     id: "cross-highlighting-single",
-    ref: e,
-    icon: Le
+    ref,
+    icon: element
   }));
 });
-Y.displayName = "CrossHighlightingSingle";
-const q = [
+CrossHighlightingSingle.displayName = "CrossHighlightingSingle";
+const CROSSHAIR_HIGHLIGHT_COLORS = [
   "rgba(158, 109, 227, 0.3)",
   "rgba(254, 75, 75, 0.3)",
   "rgba(255, 140, 81, 0.3)",
@@ -77,14 +83,13 @@ const q = [
   "rgba(58, 96, 247, 0.15)",
   "rgba(242, 72, 166, 0.15)",
   "rgba(153, 153, 153, 0.15)"
-];
-class S extends $ {
+], _SheetsCrosshairHighlightService = class _SheetsCrosshairHighlightService extends Disposable {
   constructor() {
     super(...arguments);
-    h(this, "_enabled$", new N(!1));
-    h(this, "enabled$", this._enabled$.asObservable());
-    h(this, "_color$", new N(q[0]));
-    h(this, "color$", this._color$.asObservable());
+    __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());
   }
   get enabled() {
     return this._enabled$.getValue();
@@ -95,199 +100,175 @@ class S extends $ {
   dispose() {
     this._enabled$.complete();
   }
-  setEnabled(t) {
-    this._enabled$.next(t);
+  setEnabled(value) {
+    this._enabled$.next(value);
   }
-  setColor(t) {
-    this._color$.next(t);
+  setColor(value) {
+    this._color$.next(value);
   }
-}
-const M = {
+};
+__name(_SheetsCrosshairHighlightService, "SheetsCrosshairHighlightService");
+let SheetsCrosshairHighlightService = _SheetsCrosshairHighlightService;
+const ToggleCrosshairHighlightOperation = {
   id: "sheet.operation.toggle-crosshair-highlight",
-  type: O.OPERATION,
-  handler(n) {
-    const e = n.get(S), t = e.enabled;
-    return e.setEnabled(!t), !0;
+  type: CommandType.OPERATION,
+  handler(accessor) {
+    const service = accessor.get(SheetsCrosshairHighlightService), turnedOn = service.enabled;
+    return service.setEnabled(!turnedOn), !0;
   }
-}, J = {
+}, SetCrosshairHighlightColorOperation = {
   id: "sheet.operation.set-crosshair-highlight-color",
-  type: O.OPERATION,
-  handler(n, { value: e }) {
-    const t = n.get(S);
-    return t.enabled || t.setEnabled(!0), t.setColor(e), !0;
+  type: CommandType.OPERATION,
+  handler(accessor, { value }) {
+    const service = accessor.get(SheetsCrosshairHighlightService);
+    return service.enabled || service.setEnabled(!0), service.setColor(value), !0;
   }
-}, Ae = {
+}, EnableCrosshairHighlightOperation = {
   id: "sheet.operation.enable-crosshair-highlight",
-  type: O.OPERATION,
-  handler(n) {
-    const e = n.get(S);
-    return e.enabled ? !1 : (e.setEnabled(!0), !0);
+  type: CommandType.OPERATION,
+  handler(accessor) {
+    const service = accessor.get(SheetsCrosshairHighlightService);
+    return service.enabled ? !1 : (service.setEnabled(!0), !0);
   }
-}, Ge = {
+}, DisableCrosshairHighlightOperation = {
   id: "sheet.operation.disable-crosshair-highlight",
-  type: O.OPERATION,
-  handler(n) {
-    const e = n.get(S);
-    return e.enabled ? (e.setEnabled(!1), !0) : !1;
+  type: CommandType.OPERATION,
+  handler(accessor) {
+    const service = accessor.get(SheetsCrosshairHighlightService);
+    return service.enabled ? (service.setEnabled(!1), !0) : !1;
   }
 };
-var I = { exports: {} }, m = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var G;
-function Ue() {
-  if (G) return m;
-  G = 1;
-  var n = Ie, e = Symbol.for("react.element"), t = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, s = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function o(a, c, f) {
-    var l, d = {}, _ = null, u = null;
-    f !== void 0 && (_ = "" + f), c.key !== void 0 && (_ = "" + c.key), c.ref !== void 0 && (u = c.ref);
-    for (l in c) r.call(c, l) && !i.hasOwnProperty(l) && (d[l] = c[l]);
-    if (a && a.defaultProps) for (l in c = a.defaultProps, c) d[l] === void 0 && (d[l] = c[l]);
-    return { $$typeof: e, type: a, key: _, ref: u, props: d, _owner: s.current };
-  }
-  return m.Fragment = t, m.jsx = o, m.jsxs = o, m;
-}
-var U;
-function De() {
-  return U || (U = 1, I.exports = Ue()), I.exports;
+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;
 }
-var D = De();
-function X(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 = X(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 ke() {
-  for (var n, e, t = 0, r = "", s = arguments.length; t < s; t++) (n = arguments[t]) && (e = X(n)) && (r && (r += " "), r += e);
-  return r;
-}
-const Ze = "univer-crosshair-highlight-overlay", Be = "univer-crosshair-highlight-item", Fe = "univer-crosshair-highlight-item-selected", y = {
-  crosshairHighlightOverlay: Ze,
-  crosshairHighlightItem: Be,
-  crosshairHighlightItemSelected: Fe
+__name(clsx, "clsx");
+const crosshairHighlightOverlay = "univer-crosshair-highlight-overlay", crosshairHighlightItem = "univer-crosshair-highlight-item", crosshairHighlightItemSelected = "univer-crosshair-highlight-item-selected", styles = {
+  crosshairHighlightOverlay,
+  crosshairHighlightItem,
+  crosshairHighlightItemSelected
 };
-function We(n) {
-  const { onChange: e } = n, t = se(S), r = ie(t.color$), s = Ee((i) => {
-    e == null || e(i);
-  }, [e]);
-  return /* @__PURE__ */ D.jsx("div", { className: y.crosshairHighlightOverlay, children: q.map((i) => /* @__PURE__ */ D.jsx(
+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(
     "div",
     {
-      className: ke(y.crosshairHighlightItem, {
-        [y.crosshairHighlightItemSelected]: i === r
+      className: clsx(styles.crosshairHighlightItem, {
+        [styles.crosshairHighlightItemSelected]: color === currentColor
       }),
-      style: { backgroundColor: i },
-      onClick: () => s(i)
+      style: { backgroundColor: color },
+      onClick: /* @__PURE__ */ __name(() => handleColorPicked(color), "onClick")
     },
-    i
+    color
   )) });
 }
-const K = "CROSSHAIR_HIGHLIGHT_OVERLAY_COMPONENT";
-function Ye(n) {
-  const e = n.get(S);
+__name(CrosshairOverlay, "CrosshairOverlay");
+const CROSSHAIR_HIGHLIGHT_OVERLAY_COMPONENT = "CROSSHAIR_HIGHLIGHT_OVERLAY_COMPONENT";
+function CrosshairHighlightMenuItemFactory(accessor) {
+  const crosshairHighlightService = accessor.get(SheetsCrosshairHighlightService);
   return {
-    id: M.id,
+    id: ToggleCrosshairHighlightOperation.id,
     tooltip: "crosshair.button.tooltip",
-    type: Se.BUTTON_SELECTOR,
+    type: MenuItemType.BUTTON_SELECTOR,
     icon: "CrossHighlightingSingle",
     selections: [
       {
         label: {
-          name: K,
+          name: CROSSHAIR_HIGHLIGHT_OVERLAY_COMPONENT,
           hoverable: !1
         }
       }
     ],
-    selectionsCommandId: J.id,
-    activated$: e.enabled$,
-    hidden$: pe(n, x.UNIVER_SHEET)
+    selectionsCommandId: SetCrosshairHighlightColorOperation.id,
+    activated$: crosshairHighlightService.enabled$,
+    hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET)
   };
 }
-const qe = {
-  [ve.FOOTER_MENU]: {
-    [me.OTHERS]: {
-      [M.id]: {
+__name(CrosshairHighlightMenuItemFactory, "CrosshairHighlightMenuItemFactory");
+const menuSchema = {
+  [ContextMenuPosition.FOOTER_MENU]: {
+    [ContextMenuGroup.OTHERS]: {
+      [ToggleCrosshairHighlightOperation.id]: {
         order: 0,
-        menuItemFactory: Ye
+        menuItemFactory: CrosshairHighlightMenuItemFactory
       }
     }
   }
 };
-var Je = Object.defineProperty, Xe = Object.getOwnPropertyDescriptor, Ke = (n, e, t, r) => {
-  for (var s = r > 1 ? void 0 : r ? Xe(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 && Je(e, t, s), s;
-}, E = (n, e) => (t, r) => e(t, r, n);
-let b = class extends $ {
-  constructor(n, e, t) {
-    super(), this._componentMgr = n, this._menuManagerService = e, this._cmdSrv = t, this._initCommands(), this._initMenus(), this._initComponents();
+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();
   }
   _initCommands() {
     [
-      M,
-      J,
-      Ae,
-      Ge
-    ].forEach((n) => this._cmdSrv.registerCommand(n));
+      ToggleCrosshairHighlightOperation,
+      SetCrosshairHighlightColorOperation,
+      EnableCrosshairHighlightOperation,
+      DisableCrosshairHighlightOperation
+    ].forEach((c) => this._cmdSrv.registerCommand(c));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(qe);
+    this._menuManagerService.mergeMenu(menuSchema);
   }
   _initComponents() {
-    this._componentMgr.register(K, We), this._componentMgr.register("CrossHighlightingSingle", Y);
-  }
-};
-b = Ke([
-  E(0, p(Ce)),
-  E(1, Re),
-  E(2, oe)
-], b);
-const ze = 1;
-class Qe {
+    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 {
   constructor() {
-    h(this, "_selectedRanges", []);
-    h(this, "_ranges", []);
+    __publicField(this, "_selectedRanges", []);
+    __publicField(this, "_ranges", []);
   }
-  addRange(e) {
-    if (e.rangeType === v.COLUMN || e.rangeType === v.ROW || e.rangeType === v.ALL)
+  addRange(range) {
+    if (range.rangeType === RANGE_TYPE.COLUMN || range.rangeType === RANGE_TYPE.ROW || range.rangeType === RANGE_TYPE.ALL)
       return;
-    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);
+    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);
       }
-      r = i;
+      splitRanges = newRanges;
     }
-    return r.filter((s) => s.startRow <= s.endRow && s.startColumn <= s.endColumn);
+    return splitRanges.filter((range2) => range2.startRow <= range2.endRow && range2.startColumn <= range2.endColumn);
   }
-  _getIntersects(e) {
-    const t = [];
-    for (const r of this._ranges) {
-      const s = T.getIntersects(r, e);
-      s && t.push(s);
+  _getIntersects(addRange) {
+    const intersects = [];
+    for (const range of this._ranges) {
+      const intersect = Rectangle.getIntersects(range, addRange);
+      intersect && intersects.push(intersect);
     }
-    return t;
+    return intersects;
   }
   getRanges() {
     return this._ranges;
@@ -295,188 +276,193 @@ class Qe {
   reset() {
     this._ranges = [], this._selectedRanges = [];
   }
-}
-class et extends de {
-  constructor(t, r) {
-    super(t, r);
+};
+__name(_CrossHairRangeCollection, "CrossHairRangeCollection");
+let CrossHairRangeCollection = _CrossHairRangeCollection;
+const _SheetCrossHairHighlightShape = class _SheetCrossHairHighlightShape extends Shape {
+  constructor(key, props) {
+    super(key, props);
     // protected _showHighLight = false;
-    h(this, "_color");
-    r && this.setShapeProps(r);
+    __publicField(this, "_color");
+    props && this.setShapeProps(props);
   }
-  setShapeProps(t) {
-    typeof t.color < "u" && (this._color = t.color), this.transformByState({
-      width: t.width,
-      height: t.height
+  setShapeProps(props) {
+    typeof props.color < "u" && (this._color = props.color), this.transformByState({
+      width: props.width,
+      height: props.height
     });
   }
-  _draw(t) {
-    const r = `rgba(${this._color.r}, ${this._color.g}, ${this._color.b}, ${this._color.a})`;
-    fe.drawWith(t, {
+  _draw(ctx) {
+    const color = `rgba(${this._color.r}, ${this._color.g}, ${this._color.b}, ${this._color.a})`;
+    Rect.drawWith(ctx, {
       width: this.width,
       height: this.height,
-      fill: r,
+      fill: color,
       stroke: void 0,
       strokeWidth: 0,
       evented: !1
     });
   }
-}
-var tt = Object.defineProperty, rt = Object.getOwnPropertyDescriptor, nt = (n, e, t, r) => {
-  for (var s = r > 1 ? void 0 : r ? rt(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 && tt(e, t, s), s;
-}, C = (n, e) => (t, r) => e(t, r, n);
-let H = class extends $ {
-  constructor(e, t, r, s, i, o) {
+};
+__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) {
     super();
-    h(this, "_shapes", []);
-    h(this, "_rangeCollection", new Qe());
-    h(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();
+    __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();
   }
-  _transformSelection(e, t) {
-    if (!e)
+  _transformSelection(selectionData, sheet) {
+    if (!selectionData)
       return;
-    const r = t.getRowCount(), s = t.getColumnCount(), i = [];
-    for (const o of e) {
-      const { startRow: a, endRow: c, startColumn: f, endColumn: l } = o.range;
-      c - a + 1 === r || l - f + 1 === s || i.push(o.range);
+    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);
     }
-    this._rangeCollection.setSelectedRanges(i);
-    for (const o of i)
-      this.addSelection(o, t);
+    this._rangeCollection.setSelectedRanges(ranges);
+    for (const range of ranges)
+      this.addSelection(range, sheet);
   }
   _initRenderListener() {
-    const e = this._context.unit;
-    this.disposeWithMe(be([
-      this._contextService.subscribeContextValue$(xe).pipe(He(!1)),
+    const workbook = this._context.unit;
+    this.disposeWithMe(combineLatest([
+      this._contextService.subscribeContextValue$(REF_SELECTIONS_ENABLED).pipe(startWith(!1)),
       this._sheetSkeletonManagerService.currentSkeleton$,
       this._sheetsCrosshairHighlightService.enabled$,
-      this._sheetsCrosshairHighlightService.color$.pipe(Oe((t) => this._color = t)),
-      j(
+      this._sheetsCrosshairHighlightService.color$.pipe(tap((color) => this._color = color)),
+      merge(
         this._sheetsSelectionsService.selectionMoveStart$,
         this._sheetsSelectionsService.selectionMoving$,
         this._sheetsSelectionsService.selectionMoveEnd$,
         this._sheetsSelectionsService.selectionSet$,
-        e.activeSheet$.pipe(V(() => this._sheetsSelectionsService.getCurrentSelections()))
+        workbook.activeSheet$.pipe(map(() => this._sheetsSelectionsService.getCurrentSelections()))
       ),
-      j(
+      merge(
         this._refSelectionsService.selectionMoveStart$,
         this._refSelectionsService.selectionMoving$,
         this._refSelectionsService.selectionMoveEnd$,
         this._sheetsSelectionsService.selectionSet$,
-        e.activeSheet$.pipe(V(() => this._refSelectionsService.getCurrentSelections()))
+        workbook.activeSheet$.pipe(map(() => this._refSelectionsService.getCurrentSelections()))
       )
-    ]).subscribe(([t, r, s, i, o, a]) => {
-      if (this._clear(), !s) return;
-      const c = t ? a : o;
-      this._rangeCollection.reset(), this._transformSelection(c, e.getActiveSheet()), this.render(this._rangeCollection.getRanges());
+    ]).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());
     }));
   }
-  addSelection(e, t) {
-    if (e.rangeType === v.COLUMN || e.rangeType === v.ROW || e.rangeType === v.ALL)
+  addSelection(range, sheet) {
+    if (range.rangeType === RANGE_TYPE.COLUMN || range.rangeType === RANGE_TYPE.ROW || range.rangeType === RANGE_TYPE.ALL)
       return;
-    const r = t.getRowCount(), s = t.getColumnCount(), { startRow: i, endRow: o, startColumn: a, endColumn: c } = e, f = {
-      startRow: i,
-      endRow: o,
+    const maxRow = sheet.getRowCount(), maxColumn = sheet.getColumnCount(), { startRow, endRow, startColumn, endColumn } = range, left = {
+      startRow,
+      endRow,
       startColumn: 0,
-      endColumn: a - 1
-    }, l = {
-      startRow: i,
-      endRow: o,
-      startColumn: c + 1,
-      endColumn: s
-    }, d = {
+      endColumn: startColumn - 1
+    }, right = {
+      startRow,
+      endRow,
+      startColumn: endColumn + 1,
+      endColumn: maxColumn
+    }, top = {
       startRow: 0,
-      endRow: i - 1,
-      startColumn: a,
-      endColumn: c
-    }, _ = {
-      startRow: o + 1,
-      endRow: r,
-      startColumn: a,
-      endColumn: c
+      endRow: startRow - 1,
+      startColumn,
+      endColumn
+    }, bottom = {
+      startRow: endRow + 1,
+      endRow: maxRow,
+      startColumn,
+      endColumn
     };
-    for (const u of [f, l, d, _])
-      u.startRow <= u.endRow && u.startColumn <= u.endColumn && this._rangeCollection.addRange(u);
+    for (const range2 of [left, right, top, bottom])
+      range2.startRow <= range2.endRow && range2.startColumn <= range2.endColumn && this._rangeCollection.addRange(range2);
   }
   _clear() {
-    this._shapes.forEach((e) => {
-      e.dispose();
+    this._shapes.forEach((shape) => {
+      shape.dispose();
     }), this._shapes = [];
   }
-  _addShapes(e, t, r, s) {
-    const { startRow: i, endRow: o, startColumn: a, endColumn: c } = e, f = L(i, a, r, s), l = L(o, c, r, s), { startX: d, startY: _ } = f, { endX: u, endY: z } = l, Q = u - d, ee = z - _, te = {
-      left: d,
-      top: _,
-      color: new ce(this._color).toRgb(),
-      width: Q,
-      height: ee,
-      zIndex: ze,
+  _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,
       evented: !1
-    }, P = new et(`crosshair-${t}`, te);
-    this._shapes.push(P), r.addObject(P);
+    }, currentShapes = new SheetCrossHairHighlightShape(`crosshair-${index}`, shapeProps);
+    this._shapes.push(currentShapes), scene.addObject(currentShapes);
   }
-  render(e) {
-    const t = this._sheetSkeletonManagerService.getCurrentSkeleton();
-    if (!t)
+  render(ranges) {
+    const skeleton = this._sheetSkeletonManagerService.getCurrentSkeleton();
+    if (!skeleton)
       return;
-    const { scene: r } = this._context;
+    const { scene } = this._context;
     this._clear();
-    for (let s = 0; s < e.length; s++) {
-      const i = e[s];
-      this._addShapes(i, s, r, t);
+    for (let i = 0; i < ranges.length; i++) {
+      const range = ranges[i];
+      this._addShapes(range, i, scene, skeleton);
     }
-    r.makeDirty(!0);
+    scene.makeDirty(!0);
   }
   async dispose() {
     super.dispose();
   }
-};
-H = nt([
-  C(1, p(Me)),
-  C(2, p(we)),
-  C(3, p(S)),
-  C(4, p(ae)),
-  C(5, $e)
-], H);
-var st = Object.defineProperty, it = Object.getOwnPropertyDescriptor, ot = (n, e, t, r) => {
-  for (var s = r > 1 ? void 0 : r ? it(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 && st(e, t, s), s;
-}, w = (n, e) => (t, r) => e(t, r, n), R;
-let k = (R = class extends le {
-  constructor(n = A, e, t, r) {
-    super(), this._config = n, this._injector = e, this._renderManagerService = t, this._configService = r;
-    const { ...s } = he(
+}, __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(
       {},
-      A,
+      defaultPluginConfig,
       this._config
     );
-    this._configService.setConfig(Pe, s);
+    this._configService.setConfig(SHEETS_CROSSHAIR_HIGHLIGHT_PLUGIN_CONFIG_KEY, rest);
   }
   onStarting() {
     [
-      [S],
-      [b]
-    ].forEach((n) => this._injector.add(n));
+      [SheetsCrosshairHighlightService],
+      [SheetsCrosshairHighlightController]
+    ].forEach((d) => this._injector.add(d));
   }
   onReady() {
     [
-      [H]
-    ].forEach((n) => this._injector.add(n)), this._injector.get(b), this._renderManagerService.registerRenderModule(x.UNIVER_SHEET, [H]);
-  }
-}, h(R, "pluginName", "SHEET_CROSSHAIR_HIGHLIGHT_PLUGIN"), h(R, "type", x.UNIVER_SHEET), R);
-k = ot([
-  w(1, p(ge)),
-  w(2, _e),
-  w(3, ue)
-], k);
+      [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);
 export {
-  q as CROSSHAIR_HIGHLIGHT_COLORS,
-  Ge as DisableCrosshairHighlightOperation,
-  Ae as EnableCrosshairHighlightOperation,
-  J as SetCrosshairHighlightColorOperation,
-  M as ToggleCrosshairHighlightOperation,
-  k as UniverSheetsCrosshairHighlightPlugin
+  CROSSHAIR_HIGHLIGHT_COLORS,
+  DisableCrosshairHighlightOperation,
+  EnableCrosshairHighlightOperation,
+  SetCrosshairHighlightColorOperation,
+  SheetsCrosshairHighlightService,
+  ToggleCrosshairHighlightOperation,
+  UniverSheetsCrosshairHighlightPlugin
 };