@univerjs/sheets-crosshair-highlight 0.5.5-nightly.202501220324 → 0.5.5

package/lib/es/index.js

@@ -1,72 +1,66 @@
-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 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]);
     }
-    return t;
-  }, __assign.apply(this, arguments);
-}, __rest = function(s, e) {
+    return n;
+  }, g.apply(this, arguments);
+}, Te = 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);
+}, 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);
 });
-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 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);
   }));
 }
-__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 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(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 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(replaceRuntimeIdsInDefs, "replaceRuntimeIdsInDefs");
-function generateShortUuid() {
+function Ve() {
   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, {
+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, {
     id: "cross-highlighting-single",
-    ref,
-    icon: element
+    ref: e,
+    icon: Le
   }));
 });
-CrossHighlightingSingle.displayName = "CrossHighlightingSingle";
-const CROSSHAIR_HIGHLIGHT_COLORS = [
+Y.displayName = "CrossHighlightingSingle";
+const q = [
   "rgba(158, 109, 227, 0.3)",
   "rgba(254, 75, 75, 0.3)",
   "rgba(255, 140, 81, 0.3)",
@@ -83,13 +77,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 S extends $ {
   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());
+    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());
   }
   get enabled() {
     return this._enabled$.getValue();
@@ -100,175 +95,199 @@ 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: O.OPERATION,
+  handler(n) {
+    const e = n.get(S), t = e.enabled;
+    return e.setEnabled(!t), !0;
   }
-}, SetCrosshairHighlightColorOperation = {
+}, J = {
   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: O.OPERATION,
+  handler(n, { value: e }) {
+    const t = n.get(S);
+    return t.enabled || t.setEnabled(!0), t.setColor(e), !0;
   }
-}, EnableCrosshairHighlightOperation = {
+}, Ae = {
   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: O.OPERATION,
+  handler(n) {
+    const e = n.get(S);
+    return e.enabled ? !1 : (e.setEnabled(!0), !0);
   }
-}, DisableCrosshairHighlightOperation = {
+}, Ge = {
   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: O.OPERATION,
+  handler(n) {
+    const e = n.get(S);
+    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;
+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;
 }
-__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;
+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(clsx, "clsx");
-const crosshairHighlightOverlay = "univer-crosshair-highlight-overlay", crosshairHighlightItem = "univer-crosshair-highlight-item", crosshairHighlightItemSelected = "univer-crosshair-highlight-item-selected", styles = {
-  crosshairHighlightOverlay,
-  crosshairHighlightItem,
-  crosshairHighlightItemSelected
+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
 };
-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 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(
     "div",
     {
-      className: clsx(styles.crosshairHighlightItem, {
-        [styles.crosshairHighlightItemSelected]: color === currentColor
+      className: ke(y.crosshairHighlightItem, {
+        [y.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 K = "CROSSHAIR_HIGHLIGHT_OVERLAY_COMPONENT";
+function Ye(n) {
+  const e = n.get(S);
   return {
-    id: ToggleCrosshairHighlightOperation.id,
+    id: M.id,
     tooltip: "crosshair.button.tooltip",
-    type: MenuItemType.BUTTON_SELECTOR,
+    type: Se.BUTTON_SELECTOR,
     icon: "CrossHighlightingSingle",
     selections: [
       {
         label: {
-          name: CROSSHAIR_HIGHLIGHT_OVERLAY_COMPONENT,
+          name: K,
           hoverable: !1
         }
       }
     ],
-    selectionsCommandId: SetCrosshairHighlightColorOperation.id,
-    activated$: crosshairHighlightService.enabled$,
-    hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET)
+    selectionsCommandId: J.id,
+    activated$: e.enabled$,
+    hidden$: pe(n, x.UNIVER_SHEET)
   };
 }
-__name(CrosshairHighlightMenuItemFactory, "CrosshairHighlightMenuItemFactory");
-const menuSchema = {
-  [ContextMenuPosition.FOOTER_MENU]: {
-    [ContextMenuGroup.OTHERS]: {
-      [ToggleCrosshairHighlightOperation.id]: {
+const qe = {
+  [ve.FOOTER_MENU]: {
+    [me.OTHERS]: {
+      [M.id]: {
         order: 0,
-        menuItemFactory: CrosshairHighlightMenuItemFactory
+        menuItemFactory: Ye
       }
     }
   }
 };
-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 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();
   }
   _initCommands() {
     [
-      ToggleCrosshairHighlightOperation,
-      SetCrosshairHighlightColorOperation,
-      EnableCrosshairHighlightOperation,
-      DisableCrosshairHighlightOperation
-    ].forEach((c) => this._cmdSrv.registerCommand(c));
+      M,
+      J,
+      Ae,
+      Ge
+    ].forEach((n) => this._cmdSrv.registerCommand(n));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(menuSchema);
+    this._menuManagerService.mergeMenu(qe);
   }
   _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(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 {
   constructor() {
-    __publicField(this, "_selectedRanges", []);
-    __publicField(this, "_ranges", []);
+    h(this, "_selectedRanges", []);
+    h(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 === v.COLUMN || e.rangeType === v.ROW || e.rangeType === v.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 +295,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 et extends de {
+  constructor(t, r) {
+    super(t, r);
     // protected _showHighLight = false;
-    __publicField(this, "_color");
-    props && this.setShapeProps(props);
+    h(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})`;
+    fe.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 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) {
     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();
+    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();
   }
-  _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: c, startColumn: f, endColumn: l } = o.range;
+      c - a + 1 === r || l - f + 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(be([
+      this._contextService.subscribeContextValue$(xe).pipe(He(!1)),
       this._sheetSkeletonManagerService.currentSkeleton$,
       this._sheetsCrosshairHighlightService.enabled$,
-      this._sheetsCrosshairHighlightService.color$.pipe(tap((color) => this._color = color)),
-      merge(
+      this._sheetsCrosshairHighlightService.color$.pipe(Oe((t) => this._color = t)),
+      j(
         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(
+      j(
         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 c = t ? a : o;
+      this._rangeCollection.reset(), this._transformSelection(c, 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 === v.COLUMN || e.rangeType === v.ROW || e.rangeType === v.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: c } = e, f = {
+      startRow: i,
+      endRow: o,
       startColumn: 0,
-      endColumn: startColumn - 1
-    }, right = {
-      startRow,
-      endRow,
-      startColumn: endColumn + 1,
-      endColumn: maxColumn
-    }, top = {
+      endColumn: a - 1
+    }, l = {
+      startRow: i,
+      endRow: o,
+      startColumn: c + 1,
+      endColumn: s
+    }, d = {
       startRow: 0,
-      endRow: startRow - 1,
-      startColumn,
-      endColumn
-    }, bottom = {
-      startRow: endRow + 1,
-      endRow: maxRow,
-      startColumn,
-      endColumn
+      endRow: i - 1,
+      startColumn: a,
+      endColumn: c
+    }, _ = {
+      startRow: o + 1,
+      endRow: r,
+      startColumn: a,
+      endColumn: c
     };
-    for (const range2 of [left, right, top, bottom])
-      range2.startRow <= range2.endRow && range2.startColumn <= range2.endColumn && this._rangeCollection.addRange(range2);
+    for (const u of [f, l, d, _])
+      u.startRow <= u.endRow && u.startColumn <= u.endColumn && this._rangeCollection.addRange(u);
   }
   _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: 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,
       evented: !1
-    }, currentShapes = new SheetCrossHairHighlightShape(`crosshair-${index}`, shapeProps);
-    this._shapes.push(currentShapes), scene.addObject(currentShapes);
+    }, P = new et(`crosshair-${t}`, te);
+    this._shapes.push(P), r.addObject(P);
   }
-  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 = 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(
       {},
-      defaultPluginConfig,
+      A,
       this._config
     );
-    this._configService.setConfig(SHEETS_CROSSHAIR_HIGHLIGHT_PLUGIN_CONFIG_KEY, rest);
+    this._configService.setConfig(Pe, s);
   }
   onStarting() {
     [
-      [SheetsCrosshairHighlightService],
-      [SheetsCrosshairHighlightController]
-    ].forEach((d) => this._injector.add(d));
+      [S],
+      [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(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);
 export {
-  CROSSHAIR_HIGHLIGHT_COLORS,
-  DisableCrosshairHighlightOperation,
-  EnableCrosshairHighlightOperation,
-  SetCrosshairHighlightColorOperation,
-  SheetsCrosshairHighlightService,
-  ToggleCrosshairHighlightOperation,
-  UniverSheetsCrosshairHighlightPlugin
+  q as CROSSHAIR_HIGHLIGHT_COLORS,
+  Ge as DisableCrosshairHighlightOperation,
+  Ae as EnableCrosshairHighlightOperation,
+  J as SetCrosshairHighlightColorOperation,
+  S as SheetsCrosshairHighlightService,
+  M as ToggleCrosshairHighlightOperation,
+  k as UniverSheetsCrosshairHighlightPlugin
 };