@univerjs/sheets-crosshair-highlight 0.4.2 → 0.5.0-beta.0

package/lib/es/index.js

@@ -1,70 +1,65 @@
-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, 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 React, { forwardRef, useRef, createElement, useCallback } from "react";
-import { SheetSkeletonManagerService, getCoordByCell } from "@univerjs/sheets-ui";
-import { SheetsSelectionsService, DISABLE_NORMAL_SELECTIONS, IRefSelectionsService } from "@univerjs/sheets";
-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 ee = Object.defineProperty;
+var te = (n, e, r) => e in n ? ee(n, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : n[e] = r;
+var c = (n, e, r) => te(n, typeof e != "symbol" ? e + "" : e, r);
+import { Disposable as M, CommandType as O, useDependency as re, useObservable as ne, UniverInstanceType as w, Inject as d, ICommandService as se, RANGE_TYPE as f, Rectangle as P, IContextService as ie, ColorKit as oe, Plugin as ae, Injector as ce, IConfigService as le } from "@univerjs/core";
+import { Shape as he, Rect as ge, IRenderManagerService as ue } from "@univerjs/engine-render";
+import { MenuItemType as de, getMenuHiddenObservable as fe, ContextMenuPosition as _e, ContextMenuGroup as ve, ComponentManager as Se, IMenuManagerService as pe } from "@univerjs/ui";
+import { BehaviorSubject as T, combineLatest as me, startWith as Ce, tap as be, merge as N, map as j } from "rxjs";
+import Re, { forwardRef as G, useRef as Oe, createElement as U, useCallback as He } from "react";
+import { SheetSkeletonManagerService as Ie, getCoordByCell as V } from "@univerjs/sheets-ui";
+import { SheetsSelectionsService as ye, DISABLE_NORMAL_SELECTIONS as Ee, IRefSelectionsService as we } from "@univerjs/sheets";
+var l = function() {
+  return l = Object.assign || function(n) {
+    for (var e, r = 1, t = arguments.length; r < t; r++) {
+      e = arguments[r];
+      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) {
-  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]]);
-  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);
+    return n;
+  }, l.apply(this, arguments);
+}, Me = function(n, e) {
+  var r = {};
+  for (var t in n) Object.prototype.hasOwnProperty.call(n, t) && e.indexOf(t) < 0 && (r[t] = n[t]);
+  if (n != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var s = 0, t = Object.getOwnPropertySymbols(n); s < t.length; s++)
+      e.indexOf(t[s]) < 0 && Object.prototype.propertyIsEnumerable.call(n, t[s]) && (r[t[s]] = n[t[s]]);
+  return r;
+}, D = G(function(n, e) {
+  var r = n.icon, t = n.id, s = n.className, i = n.extend, o = Me(n, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(s || "").trim(), h = Oe("_".concat(Pe()));
+  return k(r, "".concat(t), { defIds: r.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 k(n, e, r, t, s) {
+  return U(n.tag, l(l({ key: e }, $e(n, r, s)), t), (xe(n, r).children || []).map(function(i, o) {
+    return k(i, "".concat(e, "-").concat(n.tag, "-").concat(o), r, 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 $e(n, e, r) {
+  var t = l({}, n.attrs);
+  r != null && r.colorChannel1 && t.fill === "colorChannel1" && (t.fill = r.colorChannel1);
+  var s = e.defIds;
+  return !s || s.length === 0 || (n.tag === "use" && t["xlink:href"] && (t["xlink:href"] = t["xlink:href"] + e.idSuffix), Object.entries(t).forEach(function(i) {
+    var o = i[0], a = i[1];
+    typeof a == "string" && (t[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  })), t;
 }
-__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 xe(n, e) {
+  var r, t = e.defIds;
+  return !t || t.length === 0 ? n : n.tag === "defs" && (!((r = n.children) === null || r === void 0) && r.length) ? l(l({}, n), { children: n.children.map(function(s) {
+    return typeof s.attrs.id == "string" && t && t.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 Pe() {
   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 Te = { 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" } }] }, Z = G(function(n, e) {
+  return U(D, Object.assign({}, n, {
     id: "cross-highlighting-single",
-    ref,
-    icon: element
+    ref: e,
+    icon: Te
   }));
 });
-CrossHighlightingSingle.displayName = "CrossHighlightingSingle";
-const CROSSHAIR_HIGHLIGHT_COLORS = [
+Z.displayName = "CrossHighlightingSingle";
+const B = [
   "rgba(158, 109, 227, 0.3)",
   "rgba(254, 75, 75, 0.3)",
   "rgba(255, 140, 81, 0.3)",
@@ -81,13 +76,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 M {
   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 T(!1));
+    c(this, "enabled$", this._enabled$.asObservable());
+    c(this, "_color$", new T(B[0]));
+    c(this, "color$", this._color$.asObservable());
   }
   get enabled() {
     return this._enabled$.getValue();
@@ -98,175 +94,193 @@ const CROSSHAIR_HIGHLIGHT_COLORS = [
   dispose() {
     this._enabled$.complete();
   }
-  setEnabled(value) {
-    this._enabled$.next(value);
+  setEnabled(r) {
+    this._enabled$.next(r);
   }
-  setColor(value) {
-    this._color$.next(value);
+  setColor(r) {
+    this._color$.next(r);
   }
-};
-__name(_SheetsCrosshairHighlightService, "SheetsCrosshairHighlightService");
-let SheetsCrosshairHighlightService = _SheetsCrosshairHighlightService;
-const ToggleCrosshairHighlightOperation = {
+}
+const $ = {
   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(g), r = e.enabled;
+    return e.setEnabled(!r), !0;
   }
-}, SetCrosshairHighlightColorOperation = {
+}, W = {
   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 r = n.get(g);
+    return r.enabled || r.setEnabled(!0), r.setColor(e), !0;
   }
-}, EnableCrosshairHighlightOperation = {
+}, Ne = {
   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(g);
+    return e.enabled ? !1 : (e.setEnabled(!0), !0);
   }
-}, DisableCrosshairHighlightOperation = {
+}, je = {
   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(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;
+var Y = { exports: {} }, H = {};
+/**
+ * @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 Ve = Re, Le = Symbol.for("react.element"), Ae = Symbol.for("react.fragment"), Ge = Object.prototype.hasOwnProperty, Ue = Ve.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, De = { key: !0, ref: !0, __self: !0, __source: !0 };
+function F(n, e, r) {
+  var t, s = {}, i = null, o = null;
+  r !== void 0 && (i = "" + r), e.key !== void 0 && (i = "" + e.key), e.ref !== void 0 && (o = e.ref);
+  for (t in e) Ge.call(e, t) && !De.hasOwnProperty(t) && (s[t] = e[t]);
+  if (n && n.defaultProps) for (t in e = n.defaultProps, e) s[t] === void 0 && (s[t] = e[t]);
+  return { $$typeof: Le, type: n, key: i, ref: o, props: s, _owner: Ue.current };
 }
-__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;
+H.Fragment = Ae;
+H.jsx = F;
+H.jsxs = F;
+Y.exports = H;
+var L = Y.exports;
+function X(n) {
+  var e, r, t = "";
+  if (typeof n == "string" || typeof n == "number") t += n;
+  else if (typeof n == "object") if (Array.isArray(n)) {
+    var s = n.length;
+    for (e = 0; e < s; e++) n[e] && (r = X(n[e])) && (t && (t += " "), t += r);
+  } else for (r in n) n[r] && (t && (t += " "), t += r);
+  return t;
 }
-__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, r = 0, t = "", s = arguments.length; r < s; r++) (n = arguments[r]) && (e = X(n)) && (t && (t += " "), t += e);
+  return t;
+}
+const Ze = "univer-crosshair-highlight-overlay", Be = "univer-crosshair-highlight-item", We = "univer-crosshair-highlight-item-selected", I = {
+  crosshairHighlightOverlay: Ze,
+  crosshairHighlightItem: Be,
+  crosshairHighlightItemSelected: We
 };
-function CrosshairOverlay(props) {
-  const { onChange } = props, crosshairSrv = useDependency(SheetsCrosshairHighlightService), currentColor = useObservable(crosshairSrv.color$), handleColorPicked = useCallback((color) => {
-    onChange == null || onChange(color);
-  }, [onChange]);
-  return /* @__PURE__ */ React.createElement("div", { className: styles.crosshairHighlightOverlay }, CROSSHAIR_HIGHLIGHT_COLORS.map((color) => /* @__PURE__ */ React.createElement(
+function Ye(n) {
+  const { onChange: e } = n, r = re(g), t = ne(r.color$), s = He((i) => {
+    e == null || e(i);
+  }, [e]);
+  return /* @__PURE__ */ L.jsx("div", { className: I.crosshairHighlightOverlay, children: B.map((i) => /* @__PURE__ */ L.jsx(
     "div",
     {
-      key: color,
-      className: clsx(styles.crosshairHighlightItem, {
-        [styles.crosshairHighlightItemSelected]: color === currentColor
+      className: ke(I.crosshairHighlightItem, {
+        [I.crosshairHighlightItemSelected]: i === t
       }),
-      style: { backgroundColor: color },
-      onClick: /* @__PURE__ */ __name(() => handleColorPicked(color), "onClick")
-    }
-  )));
+      style: { backgroundColor: i },
+      onClick: () => s(i)
+    },
+    i
+  )) });
 }
-__name(CrosshairOverlay, "CrosshairOverlay");
-const CROSSHAIR_HIGHLIGHT_OVERLAY_COMPONENT = "CROSSHAIR_HIGHLIGHT_OVERLAY_COMPONENT";
-function CrosshairHighlightMenuItemFactory(accessor) {
-  const crosshairHighlightService = accessor.get(SheetsCrosshairHighlightService);
+const q = "CROSSHAIR_HIGHLIGHT_OVERLAY_COMPONENT";
+function Fe(n) {
+  const e = n.get(g);
   return {
-    id: ToggleCrosshairHighlightOperation.id,
+    id: $.id,
     tooltip: "crosshair.button.tooltip",
-    type: MenuItemType.BUTTON_SELECTOR,
+    type: de.BUTTON_SELECTOR,
     icon: "CrossHighlightingSingle",
     selections: [
       {
         label: {
-          name: CROSSHAIR_HIGHLIGHT_OVERLAY_COMPONENT,
+          name: q,
           hoverable: !1
         }
       }
     ],
-    selectionsCommandId: SetCrosshairHighlightColorOperation.id,
-    activated$: crosshairHighlightService.enabled$,
-    hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET)
+    selectionsCommandId: W.id,
+    activated$: e.enabled$,
+    hidden$: fe(n, w.UNIVER_SHEET)
   };
 }
-__name(CrosshairHighlightMenuItemFactory, "CrosshairHighlightMenuItemFactory");
-const menuSchema = {
-  [ContextMenuPosition.FOOTER_MENU]: {
-    [ContextMenuGroup.OTHERS]: {
-      [ToggleCrosshairHighlightOperation.id]: {
+const Xe = {
+  [_e.FOOTER_MENU]: {
+    [ve.OTHERS]: {
+      [$.id]: {
         order: 0,
-        menuItemFactory: CrosshairHighlightMenuItemFactory
+        menuItemFactory: Fe
       }
     }
   }
 };
-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 qe = Object.defineProperty, Ke = Object.getOwnPropertyDescriptor, ze = (n, e, r, t) => {
+  for (var s = t > 1 ? void 0 : t ? Ke(e, r) : e, i = n.length - 1, o; i >= 0; i--)
+    (o = n[i]) && (s = (t ? o(e, r, s) : o(s)) || s);
+  return t && s && qe(e, r, s), s;
+}, y = (n, e) => (r, t) => e(r, t, n);
+let b = class extends M {
+  constructor(n, e, r) {
+    super(), this._componentMgr = n, this._menuManagerService = e, this._cmdSrv = r, this._initCommands(), this._initMenus(), this._initComponents();
   }
   _initCommands() {
     [
-      ToggleCrosshairHighlightOperation,
-      SetCrosshairHighlightColorOperation,
-      EnableCrosshairHighlightOperation,
-      DisableCrosshairHighlightOperation
-    ].forEach((c) => this._cmdSrv.registerCommand(c));
+      $,
+      W,
+      Ne,
+      je
+    ].forEach((n) => this._cmdSrv.registerCommand(n));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(menuSchema);
+    this._menuManagerService.mergeMenu(Xe);
   }
   _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(q, Ye), this._componentMgr.register("CrossHighlightingSingle", Z);
+  }
+};
+b = ze([
+  y(0, d(Se)),
+  y(1, pe),
+  y(2, se)
+], b);
+const Je = 1;
+class Qe {
   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 r = this._getIntersects(e), t = this._getSplitRanges(e, r);
+    t.length > 0 && this._ranges.push(...t);
+  }
+  setSelectedRanges(e) {
+    this._selectedRanges = e;
+  }
+  _getSplitRanges(e, r) {
+    let t = [e];
+    for (const s of r.concat(this._selectedRanges)) {
+      const i = [];
+      for (const o of t) {
+        const a = P.subtract(o, s);
+        a && a.length > 0 && i.push(...a);
       }
-      splitRanges = newRanges;
+      t = i;
     }
-    return splitRanges.filter((range2) => range2.startRow <= range2.endRow && range2.startColumn <= range2.endColumn);
+    return t.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 r = [];
+    for (const t of this._ranges) {
+      const s = P.getIntersects(t, e);
+      s && r.push(s);
     }
-    return intersects;
+    return r;
   }
   getRanges() {
     return this._ranges;
@@ -274,187 +288,183 @@ 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 he {
+  constructor(r, t) {
+    super(r, t);
     // protected _showHighLight = false;
-    __publicField(this, "_color");
-    props && this.setShapeProps(props);
+    c(this, "_color");
+    t && this.setShapeProps(t);
   }
-  setShapeProps(props) {
-    typeof props.color < "u" && (this._color = props.color), this.transformByState({
-      width: props.width,
-      height: props.height
+  setShapeProps(r) {
+    typeof r.color < "u" && (this._color = r.color), this.transformByState({
+      width: r.width,
+      height: r.height
     });
   }
-  _draw(ctx) {
-    const color = `rgba(${this._color.r}, ${this._color.g}, ${this._color.b}, ${this._color.a})`;
-    Rect.drawWith(ctx, {
+  _draw(r) {
+    const t = `rgba(${this._color.r}, ${this._color.g}, ${this._color.b}, ${this._color.a})`;
+    ge.drawWith(r, {
       width: this.width,
       height: this.height,
-      fill: color,
+      fill: t,
       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, r, t) => {
+  for (var s = t > 1 ? void 0 : t ? rt(e, r) : e, i = n.length - 1, o; i >= 0; i--)
+    (o = n[i]) && (s = (t ? o(e, r, s) : o(s)) || s);
+  return t && s && tt(e, r, s), s;
+}, S = (n, e) => (r, t) => e(r, t, n);
+let R = class extends M {
+  constructor(e, r, t, 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 Qe());
+    c(this, "_color", "rgba(255,0,0,0.5)");
+    this._context = e, this._sheetSkeletonManagerService = r, this._sheetsSelectionsService = t, this._sheetsCrosshairHighlightService = s, this._contextService = i, this._refSelectionsService = o, this._initRenderListener();
   }
-  _transformSelection(selectionData, sheet) {
-    if (!selectionData)
+  _transformSelection(e, r) {
+    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 t = r.getRowCount(), s = r.getColumnCount(), i = [];
+    for (const o of e) {
+      const { startRow: a, endRow: h, startColumn: _, endColumn: v } = o.range;
+      h - a + 1 === t || v - _ + 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, r);
   }
   _initRenderListener() {
-    const workbook = this._context.unit;
-    this.disposeWithMe(combineLatest([
-      this._contextService.subscribeContextValue$(DISABLE_NORMAL_SELECTIONS).pipe(startWith(!1)),
+    const e = this._context.unit;
+    this.disposeWithMe(me([
+      this._contextService.subscribeContextValue$(Ee).pipe(Ce(!1)),
       this._sheetSkeletonManagerService.currentSkeleton$,
       this._sheetsCrosshairHighlightService.enabled$,
-      this._sheetsCrosshairHighlightService.color$.pipe(tap((color) => this._color = color)),
-      merge(
+      this._sheetsCrosshairHighlightService.color$.pipe(be((r) => this._color = r)),
+      N(
         this._sheetsSelectionsService.selectionMoveStart$,
         this._sheetsSelectionsService.selectionMoving$,
         this._sheetsSelectionsService.selectionMoveEnd$,
-        workbook.activeSheet$.pipe(map(() => this._sheetsSelectionsService.getCurrentSelections()))
+        e.activeSheet$.pipe(j(() => this._sheetsSelectionsService.getCurrentSelections()))
       ),
-      merge(
+      N(
         this._refSelectionsService.selectionMoveStart$,
         this._refSelectionsService.selectionMoving$,
         this._refSelectionsService.selectionMoveEnd$,
-        workbook.activeSheet$.pipe(map(() => this._refSelectionsService.getCurrentSelections()))
+        e.activeSheet$.pipe(j(() => this._refSelectionsService.getCurrentSelections()))
       )
-    ]).subscribe(([normalSelDisabled, _, enabled, _color, normalSelections, refSelection]) => {
-      if (this._clear(), !enabled) return;
-      const selections = normalSelDisabled ? refSelection : normalSelections;
-      this._rangeCollection.reset(), this._transformSelection(selections, workbook.getActiveSheet()), this.render(this._rangeCollection.getRanges());
+    ]).subscribe(([r, t, s, i, o, a]) => {
+      if (this._clear(), !s) return;
+      const h = r ? 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, r) {
+    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 t = r.getRowCount(), s = r.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
+    }, v = {
+      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: t,
+      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 u of [_, v, p, m])
+      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, r, t, s) {
+    const { startRow: i, endRow: o, startColumn: a, endColumn: h } = e, _ = V(i, a, t, s), v = V(o, h, t, s), { startX: p, startY: m } = _, { endX: u, endY: K } = v, z = u - p, J = K - m, Q = {
+      left: p,
+      top: m,
+      color: new oe(this._color).toRgb(),
+      width: z,
+      height: J,
+      zIndex: Je,
       evented: !1
-    }, currentShapes = new SheetCrossHairHighlightShape(`crosshair-${index}`, shapeProps);
-    this._shapes.push(currentShapes), scene.addObject(currentShapes);
+    }, x = new et(`crosshair-${r}`, Q);
+    this._shapes.push(x), t.addObject(x);
   }
-  render(ranges) {
-    const skeleton = this._sheetSkeletonManagerService.getCurrentSkeleton();
-    if (!skeleton)
+  render(e) {
+    const r = this._sheetSkeletonManagerService.getCurrentSkeleton();
+    if (!r)
       return;
-    const { scene } = this._context;
+    const { scene: t } = 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, t, r);
     }
-    scene.makeDirty(!0);
+    t.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);
-const PLUGIN_CONFIG_KEY = "sheets-crosshair-highlight.config", defaultPluginConfig = {};
-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 } = this._config;
-    this._configService.setConfig(PLUGIN_CONFIG_KEY, rest);
+};
+R = nt([
+  S(1, d(Ie)),
+  S(2, d(ye)),
+  S(3, d(g)),
+  S(4, d(ie)),
+  S(5, we)
+], R);
+const st = "sheets-crosshair-highlight.config", it = {};
+var ot = Object.defineProperty, at = Object.getOwnPropertyDescriptor, ct = (n, e, r, t) => {
+  for (var s = t > 1 ? void 0 : t ? at(e, r) : e, i = n.length - 1, o; i >= 0; i--)
+    (o = n[i]) && (s = (t ? o(e, r, s) : o(s)) || s);
+  return t && s && ot(e, r, s), s;
+}, E = (n, e) => (r, t) => e(r, t, n), C;
+let A = (C = class extends ae {
+  constructor(n = it, e, r, t) {
+    super(), this._config = n, this._injector = e, this._renderManagerService = r, this._configService = t;
+    const { ...s } = this._config;
+    this._configService.setConfig(st, 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);
+      [R]
+    ].forEach((n) => this._injector.add(n)), this._injector.get(b), this._renderManagerService.registerRenderModule(w.UNIVER_SHEET, [R]);
+  }
+}, c(C, "pluginName", "SHEET_CROSSHAIR_HIGHLIGHT_PLUGIN"), c(C, "type", w.UNIVER_SHEET), C);
+A = ct([
+  E(1, d(ce)),
+  E(2, ue),
+  E(3, le)
+], A);
 export {
-  CROSSHAIR_HIGHLIGHT_COLORS,
-  DisableCrosshairHighlightOperation,
-  EnableCrosshairHighlightOperation,
-  SetCrosshairHighlightColorOperation,
-  ToggleCrosshairHighlightOperation,
-  UniverSheetsCrosshairHighlightPlugin
+  B as CROSSHAIR_HIGHLIGHT_COLORS,
+  je as DisableCrosshairHighlightOperation,
+  Ne as EnableCrosshairHighlightOperation,
+  W as SetCrosshairHighlightColorOperation,
+  $ as ToggleCrosshairHighlightOperation,
+  A as UniverSheetsCrosshairHighlightPlugin
 };